plus-pro-components
Version:
Page level components developed based on Element Plus.
793 lines (792 loc) • 74.6 kB
TypeScript
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: