vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #6435 - pcInput

pull/6449/head
tugcekucukoglu 2024-09-20 15:53:30 +03:00
parent e3b0999f56
commit 5bc8f2a8e3
15 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/primevue/src/autocomplete/AutoComplete.d.ts vendored
View File

@ -147,7 +147,7 @@ export interface AutoCompletePassThroughOptions {
* Used to pass attributes to the InputText component. * Used to pass attributes to the InputText component.
* @see {@link InputTextPassThroughOptions} * @see {@link InputTextPassThroughOptions}
*/ */
pcInput?: InputTextPassThroughOptions<AutoCompleteSharedPassThroughMethodOptions>; pcInputText?: InputTextPassThroughOptions<AutoCompleteSharedPassThroughMethodOptions>;
/** /**
* Used to pass attributes to the input multiple's DOM element. * Used to pass attributes to the input multiple's DOM element.
*/ */

4
packages/primevue/src/autocomplete/AutoComplete.vue
View File

@ -5,7 +5,7 @@
ref="focusInput" ref="focusInput"
:id="inputId" :id="inputId"
type="text" type="text"
:class="[cx('pcInput'), inputClass]" :class="[cx('pcInputText'), inputClass]"
:style="inputStyle" :style="inputStyle"
:value="inputValue" :value="inputValue"
:placeholder="placeholder" :placeholder="placeholder"
@ -29,7 +29,7 @@
@input="onInput" @input="onInput"
@change="onChange" @change="onChange"
:unstyled="unstyled" :unstyled="unstyled"
:pt="ptm('pcInput')" :pt="ptm('pcInputText')"
/> />
<ul <ul
v-if="multiple" v-if="multiple"

2
packages/primevue/src/autocomplete/style/AutoCompleteStyle.js
View File

@ -255,7 +255,7 @@ const classes = {
'p-autocomplete-fluid': instance.hasFluid 'p-autocomplete-fluid': instance.hasFluid
} }
], ],
pcInput: 'p-autocomplete-input', pcInputText: 'p-autocomplete-input',
inputMultiple: ({ props, instance }) => [ inputMultiple: ({ props, instance }) => [
'p-autocomplete-input-multiple', 'p-autocomplete-input-multiple',
{ {

2
packages/primevue/src/datepicker/DatePicker.d.ts vendored
View File

@ -138,7 +138,7 @@ export interface DatePickerPassThroughOptions {
* Used to pass attributes to the InputText component. * Used to pass attributes to the InputText component.
* @see {@link InputTextPassThroughOptions} * @see {@link InputTextPassThroughOptions}
*/ */
pcInput?: InputTextPassThroughOptions<DatePickerSharedPassThroughMethodOptions>; pcInputText?: InputTextPassThroughOptions<DatePickerSharedPassThroughMethodOptions>;
/** /**
* Used to pass attributes to the dropdown's DOM element. * Used to pass attributes to the dropdown's DOM element.
*/ */

4
packages/primevue/src/datepicker/DatePicker.vue
View File

@ -5,7 +5,7 @@
:ref="inputRef" :ref="inputRef"
:id="inputId" :id="inputId"
role="combobox" role="combobox"
:class="[inputClass, cx('pcInput')]" :class="[inputClass, cx('pcInputText')]"
:style="inputStyle" :style="inputStyle"
:value="inputFieldValue" :value="inputFieldValue"
:placeholder="placeholder" :placeholder="placeholder"
@ -30,7 +30,7 @@
@focus="onFocus" @focus="onFocus"
@blur="onBlur" @blur="onBlur"
@keydown="onKeyDown" @keydown="onKeyDown"
:pt="ptm('pcInput')" :pt="ptm('pcInputText')"
/> />
<slot v-if="showIcon && iconDisplay === 'button' && !inline" name="dropdownbutton"> <slot v-if="showIcon && iconDisplay === 'button' && !inline" name="dropdownbutton">
<button <button

2
packages/primevue/src/datepicker/style/DatePickerStyle.js
View File

@ -380,7 +380,7 @@ const classes = {
'p-datepicker-fluid': instance.hasFluid 'p-datepicker-fluid': instance.hasFluid
} }
], ],
pcInput: 'p-datepicker-input', pcInputText: 'p-datepicker-input',
dropdown: 'p-datepicker-dropdown', dropdown: 'p-datepicker-dropdown',
inputIconContainer: 'p-datepicker-input-icon-container', inputIconContainer: 'p-datepicker-input-icon-container',
inputIcon: 'p-datepicker-input-icon', inputIcon: 'p-datepicker-input-icon',

2
packages/primevue/src/inputnumber/InputNumber.d.ts vendored
View File

@ -104,7 +104,7 @@ export interface InputNumberPassThroughOptions<T = any> {
* Used to pass attributes to the InputText component. * Used to pass attributes to the InputText component.
* @see {@link InputTextPassThroughOptions} * @see {@link InputTextPassThroughOptions}
*/ */
pcInput?: InputTextPassThroughOptions<InputNumberSharedPassThroughMethodOptions>; pcInputText?: InputTextPassThroughOptions<InputNumberSharedPassThroughMethodOptions>;
/** /**
* Used to pass attributes to the button group's DOM element. * Used to pass attributes to the button group's DOM element.
*/ */

4
packages/primevue/src/inputnumber/InputNumber.vue
View File

@ -4,7 +4,7 @@
ref="input" ref="input"
:id="inputId" :id="inputId"
role="spinbutton" role="spinbutton"
:class="[cx('pcInput'), inputClass]" :class="[cx('pcInputText'), inputClass]"
:style="inputStyle" :style="inputStyle"
:value="formattedValue" :value="formattedValue"
:aria-valuemin="min" :aria-valuemin="min"
@ -25,7 +25,7 @@
@click="onInputClick" @click="onInputClick"
@focus="onInputFocus" @focus="onInputFocus"
@blur="onInputBlur" @blur="onInputBlur"
:pt="ptm('pcInput')" :pt="ptm('pcInputText')"
:unstyled="unstyled" :unstyled="unstyled"
/> />
<span v-if="showButtons && buttonLayout === 'stacked'" :class="cx('buttonGroup')" v-bind="ptm('buttonGroup')"> <span v-if="showButtons && buttonLayout === 'stacked'" :class="cx('buttonGroup')" v-bind="ptm('buttonGroup')">

2
packages/primevue/src/inputnumber/style/InputNumberStyle.js
View File

@ -157,7 +157,7 @@ const classes = {
'p-inputnumber-fluid': instance.hasFluid 'p-inputnumber-fluid': instance.hasFluid
} }
], ],
pcInput: 'p-inputnumber-input', pcInputText: 'p-inputnumber-input',
buttonGroup: 'p-inputnumber-button-group', buttonGroup: 'p-inputnumber-button-group',
incrementButton: ({ instance, props }) => [ incrementButton: ({ instance, props }) => [
'p-inputnumber-button p-inputnumber-increment-button', 'p-inputnumber-button p-inputnumber-increment-button',

2
packages/primevue/src/inputotp/InputOtp.d.ts vendored
View File

@ -68,7 +68,7 @@ export interface InputOtpPassThroughOptions {
* Used to pass attributes to the InputText component. * Used to pass attributes to the InputText component.
* @see {@link InputTextPassThroughOptions} * @see {@link InputTextPassThroughOptions}
*/ */
pcInput?: InputTextPassThroughOptions<InputOtpSharedPassThroughMethodOptions>; pcInputText?: InputTextPassThroughOptions<InputOtpSharedPassThroughMethodOptions>;
/** /**
* Used to manage all lifecycle hooks. * Used to manage all lifecycle hooks.
* @see {@link BaseComponent.ComponentHooks} * @see {@link BaseComponent.ComponentHooks}

4
packages/primevue/src/inputotp/InputOtp.vue
View File

@ -5,7 +5,7 @@
<OtpInputText <OtpInputText
:value="tokens[i - 1]" :value="tokens[i - 1]"
:type="inputType" :type="inputType"
:class="cx('pcInput')" :class="cx('pcInputText')"
:inputmode="inputMode" :inputmode="inputMode"
:variant="variant" :variant="variant"
:readonly="readonly" :readonly="readonly"
@ -18,7 +18,7 @@
@blur="onBlur($event)" @blur="onBlur($event)"
@paste="onPaste($event)" @paste="onPaste($event)"
@keydown="onKeyDown($event)" @keydown="onKeyDown($event)"
:pt="ptm('pcInput')" :pt="ptm('pcInputText')"
/> />
</slot> </slot>
</template> </template>

2
packages/primevue/src/inputotp/style/InputOtpStyle.js
View File

@ -15,7 +15,7 @@ const theme = ({ dt }) => `
const classes = { const classes = {
root: 'p-inputotp p-component', root: 'p-inputotp p-component',
pcInput: 'p-inputotp-input' pcInputText: 'p-inputotp-input'
}; };
export default BaseStyle.extend({ export default BaseStyle.extend({

2
packages/primevue/src/password/Password.d.ts vendored
View File

@ -74,7 +74,7 @@ export interface PasswordPassThroughOptions {
* Used to pass attributes to the InputText component. * Used to pass attributes to the InputText component.
* @see {@link InputTextPassThroughOptions} * @see {@link InputTextPassThroughOptions}
*/ */
pcInput?: InputTextPassThroughOptions<PasswordSharedPassThroughMethodOptions>; pcInputText?: InputTextPassThroughOptions<PasswordSharedPassThroughMethodOptions>;
/** /**
* Used to pass attributes to the mask icon's DOM element. * Used to pass attributes to the mask icon's DOM element.
*/ */

4
packages/primevue/src/password/Password.vue
View File

@ -4,7 +4,7 @@
ref="input" ref="input"
:id="inputId" :id="inputId"
:type="inputType" :type="inputType"
:class="[cx('pcInput'), inputClass]" :class="[cx('pcInputText'), inputClass]"
:style="inputStyle" :style="inputStyle"
:value="modelValue" :value="modelValue"
:aria-labelledby="ariaLabelledby" :aria-labelledby="ariaLabelledby"
@ -24,7 +24,7 @@
@keyup="onKeyUp" @keyup="onKeyUp"
@invalid="onInvalid" @invalid="onInvalid"
v-bind="inputProps" v-bind="inputProps"
:pt="ptm('pcInput')" :pt="ptm('pcInputText')"
:unstyled="unstyled" :unstyled="unstyled"
/> />
<!-- TODO: hideicon and showicon slots are deprecated since v4.0--> <!-- TODO: hideicon and showicon slots are deprecated since v4.0-->

2
packages/primevue/src/password/style/PasswordStyle.js
View File

@ -91,7 +91,7 @@ const classes = {
'p-password-fluid': instance.hasFluid 'p-password-fluid': instance.hasFluid
} }
], ],
pcInput: 'p-password-input', pcInputText: 'p-password-input',
maskIcon: 'p-password-toggle-mask-icon p-password-mask-icon', maskIcon: 'p-password-toggle-mask-icon p-password-mask-icon',
unmaskIcon: 'p-password-toggle-mask-icon p-password-unmask-icon', unmaskIcon: 'p-password-toggle-mask-icon p-password-unmask-icon',
overlay: 'p-password-overlay p-component', overlay: 'p-password-overlay p-component',