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

View File

@ -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.
*/

View File

@ -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"

View File

@ -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',
{

View File

@ -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.
*/

View File

@ -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

View File

@ -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',

View File

@ -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.
*/

View File

@ -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')">

View File

@ -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',

View File

@ -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}

View File

@ -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>

View File

@ -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({

View File

@ -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.
*/

View File

@ -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-->

View File

@ -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',