UNPKG

plus-pro-components

Version:

Page level components developed based on Element Plus.

793 lines (792 loc) 74.6 kB
import { LooseRequired } from '@vue/shared'; import { EpPropFinalized, EpPropMergeType, SFCWithInstall } from 'element-plus/es/utils'; import { InputProps, TagProps, InputAutoSize, FormContext, FormItemContext } from 'element-plus'; import { Mutable } from 'plus-pro-components'; import { DefineComponent, PropType, Ref, CreateComponentPublicInstance, ExtractPropTypes, Component, ComputedOptions, MethodOptions, CSSProperties, StyleValue, Slot, ComputedRef, ShallowRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps } from 'vue'; import { PlusInputTagProps } from './src/index.vue'; export type { PlusInputTagProps }; export declare const PlusInputTag: DefineComponent<{ disabled: { type: PropType<boolean>; default: boolean; }; trigger: { type: PropType<("blur" | "space" | "enter") | ("blur" | "space" | "enter")[]>; default: () => string[]; }; modelValue: { type: PropType<string[]>; default: () => never[]; }; inputProps: { type: PropType<Partial< Mutable<InputProps>>>; default: () => {}; }; tagProps: { type: PropType<Partial< Mutable<TagProps>>>; default: () => {}; }; limit: { type: PropType<number>; default: number; }; formatTag: { type: PropType<(tag: string) => string>; default: undefined; }; retainInputValue: { type: PropType<boolean>; default: boolean; }; }, { inputInstance: Ref< CreateComponentPublicInstance<Readonly< ExtractPropTypes<{ readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>; readonly size: { readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly disabled: BooleanConstructor; readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>; readonly maxlength: { readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly minlength: { readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly type: EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>; readonly resize: { readonly type: PropType<EpPropMergeType<StringConstructor, "none" | "vertical" | "horizontal" | "both", unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly autosize: EpPropFinalized<(new (...args: any[]) => boolean | { minRows?: number | undefined; maxRows?: number | undefined; }) | (() => InputAutoSize) | ((new (...args: any[]) => boolean | { minRows?: number | undefined; maxRows?: number | undefined; }) | (() => InputAutoSize))[], unknown, unknown, false, boolean>; readonly autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>; readonly formatter: { readonly type: PropType<Function>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly parser: { readonly type: PropType<Function>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly placeholder: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly form: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly readonly: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly showPassword: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly showWordLimit: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly suffixIcon: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly prefixIcon: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly containerRole: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>; readonly label: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>; readonly tabindex: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>; readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly inputStyle: EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, () => Mutable<{}>, boolean>; readonly autofocus: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; }>> & { onChange?: ((value: string) => any) | undefined; "onUpdate:modelValue"?: ((value: string) => any) | undefined; onInput?: ((value: string) => any) | undefined; onFocus?: ((evt: FocusEvent) => any) | undefined; onBlur?: ((evt: FocusEvent) => any) | undefined; onClear?: (() => any) | undefined; onMouseleave?: ((evt: MouseEvent) => any) | undefined; onMouseenter?: ((evt: MouseEvent) => any) | undefined; onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined; onCompositionstart?: ((evt: CompositionEvent) => any) | undefined; onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined; onCompositionend?: ((evt: CompositionEvent) => any) | undefined; }, { props: Readonly< LooseRequired<Readonly< ExtractPropTypes<{ readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>; readonly size: { readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly disabled: BooleanConstructor; readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>; readonly maxlength: { readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly minlength: { readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly type: EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>; readonly resize: { readonly type: PropType<EpPropMergeType<StringConstructor, "none" | "vertical" | "horizontal" | "both", unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly autosize: EpPropFinalized<(new (...args: any[]) => boolean | { minRows?: number | undefined; maxRows?: number | undefined; }) | (() => InputAutoSize) | ((new (...args: any[]) => boolean | { minRows?: number | undefined; maxRows?: number | undefined; }) | (() => InputAutoSize))[], unknown, unknown, false, boolean>; readonly autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>; readonly formatter: { readonly type: PropType<Function>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly parser: { readonly type: PropType<Function>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly placeholder: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly form: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly readonly: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly showPassword: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly showWordLimit: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly suffixIcon: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly prefixIcon: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly containerRole: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>; readonly label: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>; readonly tabindex: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>; readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly inputStyle: EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, () => Mutable<{}>, boolean>; readonly autofocus: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; }>> & { onChange?: ((value: string) => any) | undefined; "onUpdate:modelValue"?: ((value: string) => any) | undefined; onInput?: ((value: string) => any) | undefined; onFocus?: ((evt: FocusEvent) => any) | undefined; onBlur?: ((evt: FocusEvent) => any) | undefined; onClear?: (() => any) | undefined; onMouseleave?: ((evt: MouseEvent) => any) | undefined; onMouseenter?: ((evt: MouseEvent) => any) | undefined; onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined; onCompositionstart?: ((evt: CompositionEvent) => any) | undefined; onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined; onCompositionend?: ((evt: CompositionEvent) => any) | undefined; }>>; emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void); rawAttrs: { [x: string]: unknown; }; slots: Readonly<{ [name: string]: Slot<any> | undefined; }>; containerAttrs: ComputedRef<Record<string, unknown>>; containerKls: ComputedRef<unknown[]>; wrapperKls: ComputedRef<string[]>; attrs: ComputedRef<Record<string, unknown>>; elForm: FormContext | undefined; elFormItem: FormItemContext | undefined; inputId: Ref<string | undefined>; inputSize: ComputedRef<"" | "default" | "small" | "large">; inputDisabled: ComputedRef<boolean>; nsInput: { namespace: ComputedRef<string>; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; nsTextarea: { namespace: ComputedRef<string>; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; input: ShallowRef<HTMLInputElement | undefined>; textarea: ShallowRef<HTMLTextAreaElement | undefined>; hovering: Ref<boolean>; isComposing: Ref<boolean>; passwordVisible: Ref<boolean>; countStyle: Ref<StyleValue>; textareaCalcStyle: ShallowRef<StyleValue>; _ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>; wrapperRef: ShallowRef<HTMLElement | undefined>; isFocused: Ref<boolean>; handleFocus: (event: FocusEvent) => void; handleBlur: (event: FocusEvent) => void; needStatusIcon: ComputedRef<boolean>; validateState: ComputedRef<"" | "success" | "error" | "validating">; validateIcon: ComputedRef<any>; passwordIcon: ComputedRef<any>; containerStyle: ComputedRef<StyleValue>; textareaStyle: ComputedRef<StyleValue>; nativeInputValue: ComputedRef<string>; showClear: ComputedRef<boolean>; showPwdVisible: ComputedRef<boolean>; isWordLimitVisible: ComputedRef<boolean>; textLength: ComputedRef<number>; inputExceed: ComputedRef<boolean>; suffixVisible: ComputedRef<boolean>; recordCursor: () => void; setCursor: () => void; resizeTextarea: () => void; createOnceInitResize: (resizeTextarea: () => void) => () => void; onceInitSizeTextarea: () => void; setNativeInputValue: () => void; handleInput: (event: Event) => Promise<void>; handleChange: (event: Event) => void; handleCompositionStart: (event: CompositionEvent) => void; handleCompositionUpdate: (event: CompositionEvent) => void; handleCompositionEnd: (event: CompositionEvent) => void; handlePasswordVisible: () => void; focus: () => Promise<void>; blur: () => void | undefined; handleMouseLeave: (evt: MouseEvent) => void; handleMouseEnter: (evt: MouseEvent) => void; handleKeydown: (evt: KeyboardEvent) => void; select: () => void; clear: () => void; ElIcon: SFCWithInstall<DefineComponent<{ readonly size: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly color: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }, { props: Readonly< LooseRequired<Readonly< ExtractPropTypes<{ readonly size: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly color: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>> & { [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined; }>>; ns: { namespace: ComputedRef<string>; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; style: ComputedRef<CSSProperties>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly< ExtractPropTypes<{ readonly size: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly color: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>>, {}, {}>> & Record<string, any>; CircleClose: any; NOOP: () => void; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:modelValue": (value: string) => boolean; input: (value: string) => boolean; change: (value: string) => boolean; focus: (evt: FocusEvent) => boolean; blur: (evt: FocusEvent) => boolean; clear: () => boolean; mouseleave: (evt: MouseEvent) => boolean; mouseenter: (evt: MouseEvent) => boolean; keydown: (evt: Event | KeyboardEvent) => boolean; compositionstart: (evt: CompositionEvent) => boolean; compositionupdate: (evt: CompositionEvent) => boolean; compositionend: (evt: CompositionEvent) => boolean; }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{ readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>; readonly size: { readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly disabled: BooleanConstructor; readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>; readonly maxlength: { readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly minlength: { readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly type: EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>; readonly resize: { readonly type: PropType<EpPropMergeType<StringConstructor, "none" | "vertical" | "horizontal" | "both", unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly autosize: EpPropFinalized<(new (...args: any[]) => boolean | { minRows?: number | undefined; maxRows?: number | undefined; }) | (() => InputAutoSize) | ((new (...args: any[]) => boolean | { minRows?: number | undefined; maxRows?: number | undefined; }) | (() => InputAutoSize))[], unknown, unknown, false, boolean>; readonly autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>; readonly formatter: { readonly type: PropType<Function>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly parser: { readonly type: PropType<Function>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly placeholder: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly form: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly readonly: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly showPassword: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly showWordLimit: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly suffixIcon: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly prefixIcon: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly containerRole: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>; readonly label: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>; readonly tabindex: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>; readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly inputStyle: EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, () => Mutable<{}>, boolean>; readonly autofocus: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; }>> & { onChange?: ((value: string) => any) | undefined; "onUpdate:modelValue"?: ((value: string) => any) | undefined; onInput?: ((value: string) => any) | undefined; onFocus?: ((evt: FocusEvent) => any) | undefined; onBlur?: ((evt: FocusEvent) => any) | undefined; onClear?: (() => any) | undefined; onMouseleave?: ((evt: MouseEvent) => any) | undefined; onMouseenter?: ((evt: MouseEvent) => any) | undefined; onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined; onCompositionstart?: ((evt: CompositionEvent) => any) | undefined; onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined; onCompositionend?: ((evt: CompositionEvent) => any) | undefined; }, { readonly type: string; readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown>; readonly label: string; readonly id: string; readonly disabled: boolean; readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly autosize: InputAutoSize; readonly autocomplete: string; readonly readonly: EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly showPassword: EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly showWordLimit: EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly containerRole: string; readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>; readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly inputStyle: StyleValue; readonly autofocus: EpPropMergeType<BooleanConstructor, unknown, unknown>; }, true, {}, {}, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly< ExtractPropTypes<{ readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>; readonly size: { readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly disabled: BooleanConstructor; readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>; readonly maxlength: { readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly minlength: { readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly type: EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>; readonly resize: { readonly type: PropType<EpPropMergeType<StringConstructor, "none" | "vertical" | "horizontal" | "both", unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly autosize: EpPropFinalized<(new (...args: any[]) => boolean | { minRows?: number | undefined; maxRows?: number | undefined; }) | (() => InputAutoSize) | ((new (...args: any[]) => boolean | { minRows?: number | undefined; maxRows?: number | undefined; }) | (() => InputAutoSize))[], unknown, unknown, false, boolean>; readonly autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>; readonly formatter: { readonly type: PropType<Function>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly parser: { readonly type: PropType<Function>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly placeholder: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly form: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly readonly: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly showPassword: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly showWordLimit: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly suffixIcon: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly prefixIcon: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly containerRole: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>; readonly label: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>; readonly tabindex: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>; readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly inputStyle: EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, () => Mutable<{}>, boolean>; readonly autofocus: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; }>> & { onChange?: ((value: string) => any) | undefined; "onUpdate:modelValue"?: ((value: string) => any) | undefined; onInput?: ((value: string) => any) | undefined; onFocus?: ((evt: FocusEvent) => any) | undefined; onBlur?: ((evt: FocusEvent) => any) | undefined; onClear?: (() => any) | undefined; onMouseleave?: ((evt: MouseEvent) => any) | undefined; onMouseenter?: ((evt: MouseEvent) => any) | undefined; onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined; onCompositionstart?: ((evt: CompositionEvent) => any) | undefined; onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined; onCompositionend?: ((evt: CompositionEvent) => any) | undefined; }, { props: Readonly< LooseRequired<Readonly< ExtractPropTypes<{ readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>; readonly size: { readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly disabled: BooleanConstructor; readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>; readonly maxlength: { readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly minlength: { readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly type: EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>; readonly resize: { readonly type: PropType<EpPropMergeType<StringConstructor, "none" | "vertical" | "horizontal" | "both", unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly autosize: EpPropFinalized<(new (...args: any[]) => boolean | { minRows?: number | undefined; maxRows?: number | undefined; }) | (() => InputAutoSize) | ((new (...args: any[]) => boolean | { minRows?: number | undefined; maxRows?: number | undefined; }) | (() => InputAutoSize))[], unknown, unknown, false, boolean>; readonly autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>; readonly formatter: { readonly type: PropType<Function>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly parser: { readonly type: PropType<Function>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly placeholder: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly form: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly readonly: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly showPassword: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly showWordLimit: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly suffixIcon: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly prefixIcon: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly containerRole: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>; readonly label: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>; readonly tabindex: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>; readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly inputStyle: EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, () => Mutable<{}>, boolean>; readonly autofocus: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; }>> & { onChange?: ((value: string) => any) | undefined; "onUpdate:modelValue"?: ((value: string) => any) | undefined; onInput?: ((value: string) => any) | undefined; onFocus?: ((evt: FocusEvent) => any) | undefined; onBlur?: ((evt: FocusEvent) => any) | undefined; onClear?: (() => any) | undefined; onMouseleave?: ((evt: MouseEvent) => any) | undefined; onMouseenter?: ((evt: MouseEvent) => any) | undefined; onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined; onCompositionstart?: ((evt: CompositionEvent) => any) | undefined; onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined; onCompositionend?: ((evt: CompositionEvent) => any) | undefined; }>>; emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void); rawAttrs: { [x: string]: unknown; }; slots: Readonly<{ [name: string]: Slot<any> | undefined; }>; containerAttrs: ComputedRef<Record<string, unknown>>; containerKls: ComputedRef<unknown[]>; wrapperKls: ComputedRef<string[]>; attrs: ComputedRef<Record<string, unknown>>; elForm: FormContext | undefined; elFormItem: FormItemContext | undefined; inputId: Ref<string | undefined>; inputSize: ComputedRef<"" | "default" | "small" | "large">; inputDisabled: ComputedRef<boolean>; nsInput: { namespace: ComputedRef<string>; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; nsTextarea: { namespace: ComputedRef<string>; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; input: ShallowRef<HTMLInputElement | undefined>; textarea: ShallowRef<HTMLTextAreaElement | undefined>; hovering: Ref<boolean>; isComposing: Ref<boolean>; passwordVisible: Ref<boolean>; countStyle: Ref<StyleValue>; textareaCalcStyle: ShallowRef<StyleValue>; _ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>; wrapperRef: ShallowRef<HTMLElement | undefined>; isFocused: Ref<boolean>; handleFocus: (event: FocusEvent) => void; handleBlur: (event: FocusEvent) => void; needStatusIcon: ComputedRef<boolean>; validateState: ComputedRef<"" | "success" | "error" | "validating">; validateIcon: ComputedRef<any>; passwordIcon: ComputedRef<any>; containerStyle: