Refactor #6435 - pcInput
parent
e3b0999f56
commit
5bc8f2a8e3
|
@ -147,7 +147,7 @@ export interface AutoCompletePassThroughOptions {
|
|||
* Used to pass attributes to the InputText component.
|
||||
* @see {@link InputTextPassThroughOptions}
|
||||
*/
|
||||
pcInput?: InputTextPassThroughOptions<AutoCompleteSharedPassThroughMethodOptions>;
|
||||
pcInputText?: InputTextPassThroughOptions<AutoCompleteSharedPassThroughMethodOptions>;
|
||||
/**
|
||||
* Used to pass attributes to the input multiple's DOM element.
|
||||
*/
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
ref="focusInput"
|
||||
:id="inputId"
|
||||
type="text"
|
||||
:class="[cx('pcInput'), inputClass]"
|
||||
:class="[cx('pcInputText'), inputClass]"
|
||||
:style="inputStyle"
|
||||
:value="inputValue"
|
||||
:placeholder="placeholder"
|
||||
|
@ -29,7 +29,7 @@
|
|||
@input="onInput"
|
||||
@change="onChange"
|
||||
:unstyled="unstyled"
|
||||
:pt="ptm('pcInput')"
|
||||
:pt="ptm('pcInputText')"
|
||||
/>
|
||||
<ul
|
||||
v-if="multiple"
|
||||
|
|
|
@ -255,7 +255,7 @@ const classes = {
|
|||
'p-autocomplete-fluid': instance.hasFluid
|
||||
}
|
||||
],
|
||||
pcInput: 'p-autocomplete-input',
|
||||
pcInputText: 'p-autocomplete-input',
|
||||
inputMultiple: ({ props, instance }) => [
|
||||
'p-autocomplete-input-multiple',
|
||||
{
|
||||
|
|
|
@ -138,7 +138,7 @@ export interface DatePickerPassThroughOptions {
|
|||
* Used to pass attributes to the InputText component.
|
||||
* @see {@link InputTextPassThroughOptions}
|
||||
*/
|
||||
pcInput?: InputTextPassThroughOptions<DatePickerSharedPassThroughMethodOptions>;
|
||||
pcInputText?: InputTextPassThroughOptions<DatePickerSharedPassThroughMethodOptions>;
|
||||
/**
|
||||
* Used to pass attributes to the dropdown's DOM element.
|
||||
*/
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
:ref="inputRef"
|
||||
:id="inputId"
|
||||
role="combobox"
|
||||
:class="[inputClass, cx('pcInput')]"
|
||||
:class="[inputClass, cx('pcInputText')]"
|
||||
:style="inputStyle"
|
||||
:value="inputFieldValue"
|
||||
:placeholder="placeholder"
|
||||
|
@ -30,7 +30,7 @@
|
|||
@focus="onFocus"
|
||||
@blur="onBlur"
|
||||
@keydown="onKeyDown"
|
||||
:pt="ptm('pcInput')"
|
||||
:pt="ptm('pcInputText')"
|
||||
/>
|
||||
<slot v-if="showIcon && iconDisplay === 'button' && !inline" name="dropdownbutton">
|
||||
<button
|
||||
|
|
|
@ -380,7 +380,7 @@ const classes = {
|
|||
'p-datepicker-fluid': instance.hasFluid
|
||||
}
|
||||
],
|
||||
pcInput: 'p-datepicker-input',
|
||||
pcInputText: 'p-datepicker-input',
|
||||
dropdown: 'p-datepicker-dropdown',
|
||||
inputIconContainer: 'p-datepicker-input-icon-container',
|
||||
inputIcon: 'p-datepicker-input-icon',
|
||||
|
|
|
@ -104,7 +104,7 @@ export interface InputNumberPassThroughOptions<T = any> {
|
|||
* Used to pass attributes to the InputText component.
|
||||
* @see {@link InputTextPassThroughOptions}
|
||||
*/
|
||||
pcInput?: InputTextPassThroughOptions<InputNumberSharedPassThroughMethodOptions>;
|
||||
pcInputText?: InputTextPassThroughOptions<InputNumberSharedPassThroughMethodOptions>;
|
||||
/**
|
||||
* Used to pass attributes to the button group's DOM element.
|
||||
*/
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
ref="input"
|
||||
:id="inputId"
|
||||
role="spinbutton"
|
||||
:class="[cx('pcInput'), inputClass]"
|
||||
:class="[cx('pcInputText'), inputClass]"
|
||||
:style="inputStyle"
|
||||
:value="formattedValue"
|
||||
:aria-valuemin="min"
|
||||
|
@ -25,7 +25,7 @@
|
|||
@click="onInputClick"
|
||||
@focus="onInputFocus"
|
||||
@blur="onInputBlur"
|
||||
:pt="ptm('pcInput')"
|
||||
:pt="ptm('pcInputText')"
|
||||
:unstyled="unstyled"
|
||||
/>
|
||||
<span v-if="showButtons && buttonLayout === 'stacked'" :class="cx('buttonGroup')" v-bind="ptm('buttonGroup')">
|
||||
|
|
|
@ -157,7 +157,7 @@ const classes = {
|
|||
'p-inputnumber-fluid': instance.hasFluid
|
||||
}
|
||||
],
|
||||
pcInput: 'p-inputnumber-input',
|
||||
pcInputText: 'p-inputnumber-input',
|
||||
buttonGroup: 'p-inputnumber-button-group',
|
||||
incrementButton: ({ instance, props }) => [
|
||||
'p-inputnumber-button p-inputnumber-increment-button',
|
||||
|
|
|
@ -68,7 +68,7 @@ export interface InputOtpPassThroughOptions {
|
|||
* Used to pass attributes to the InputText component.
|
||||
* @see {@link InputTextPassThroughOptions}
|
||||
*/
|
||||
pcInput?: InputTextPassThroughOptions<InputOtpSharedPassThroughMethodOptions>;
|
||||
pcInputText?: InputTextPassThroughOptions<InputOtpSharedPassThroughMethodOptions>;
|
||||
/**
|
||||
* Used to manage all lifecycle hooks.
|
||||
* @see {@link BaseComponent.ComponentHooks}
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<OtpInputText
|
||||
:value="tokens[i - 1]"
|
||||
:type="inputType"
|
||||
:class="cx('pcInput')"
|
||||
:class="cx('pcInputText')"
|
||||
:inputmode="inputMode"
|
||||
:variant="variant"
|
||||
:readonly="readonly"
|
||||
|
@ -18,7 +18,7 @@
|
|||
@blur="onBlur($event)"
|
||||
@paste="onPaste($event)"
|
||||
@keydown="onKeyDown($event)"
|
||||
:pt="ptm('pcInput')"
|
||||
:pt="ptm('pcInputText')"
|
||||
/>
|
||||
</slot>
|
||||
</template>
|
||||
|
|
|
@ -15,7 +15,7 @@ const theme = ({ dt }) => `
|
|||
|
||||
const classes = {
|
||||
root: 'p-inputotp p-component',
|
||||
pcInput: 'p-inputotp-input'
|
||||
pcInputText: 'p-inputotp-input'
|
||||
};
|
||||
|
||||
export default BaseStyle.extend({
|
||||
|
|
|
@ -74,7 +74,7 @@ export interface PasswordPassThroughOptions {
|
|||
* Used to pass attributes to the InputText component.
|
||||
* @see {@link InputTextPassThroughOptions}
|
||||
*/
|
||||
pcInput?: InputTextPassThroughOptions<PasswordSharedPassThroughMethodOptions>;
|
||||
pcInputText?: InputTextPassThroughOptions<PasswordSharedPassThroughMethodOptions>;
|
||||
/**
|
||||
* Used to pass attributes to the mask icon's DOM element.
|
||||
*/
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
ref="input"
|
||||
:id="inputId"
|
||||
:type="inputType"
|
||||
:class="[cx('pcInput'), inputClass]"
|
||||
:class="[cx('pcInputText'), inputClass]"
|
||||
:style="inputStyle"
|
||||
:value="modelValue"
|
||||
:aria-labelledby="ariaLabelledby"
|
||||
|
@ -24,7 +24,7 @@
|
|||
@keyup="onKeyUp"
|
||||
@invalid="onInvalid"
|
||||
v-bind="inputProps"
|
||||
:pt="ptm('pcInput')"
|
||||
:pt="ptm('pcInputText')"
|
||||
:unstyled="unstyled"
|
||||
/>
|
||||
<!-- TODO: hideicon and showicon slots are deprecated since v4.0-->
|
||||
|
|
|
@ -91,7 +91,7 @@ const classes = {
|
|||
'p-password-fluid': instance.hasFluid
|
||||
}
|
||||
],
|
||||
pcInput: 'p-password-input',
|
||||
pcInputText: 'p-password-input',
|
||||
maskIcon: 'p-password-toggle-mask-icon p-password-mask-icon',
|
||||
unmaskIcon: 'p-password-toggle-mask-icon p-password-unmask-icon',
|
||||
overlay: 'p-password-overlay p-component',
|
||||
|
|
Loading…
Reference in New Issue