@artmate/chat
Version:
**开箱即用的AI组件库(基于 Vue3 + ElementPlus)**
668 lines (667 loc) • 112 kB
TypeScript
import { SenderProps } from './interface';
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: Readonly<{
header?: () => void;
footer?: () => void;
components?: () => void;
prefix?: () => void;
actions?: () => void;
tip?: () => void;
}> & {
header?: () => void;
footer?: () => void;
components?: () => void;
prefix?: () => void;
actions?: () => void;
tip?: () => void;
};
refs: {
inputTip: HTMLDivElement;
inputRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
readonly disabled: boolean;
readonly id: string;
readonly type: string;
readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown>;
readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
readonly readonly: boolean;
readonly autosize: import('element-plus').InputAutoSize;
readonly autocomplete: string;
readonly containerRole: string;
readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly inputStyle: import('vue').StyleValue;
readonly rows: number;
readonly clearable: boolean;
readonly showPassword: boolean;
readonly showWordLimit: boolean;
readonly autofocus: boolean;
}> & Omit<{
readonly disabled: boolean;
readonly type: string;
readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
readonly autofocus: boolean;
readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown>;
readonly autosize: import('element-plus').InputAutoSize;
readonly autocomplete: string;
readonly readonly: boolean;
readonly clearable: boolean;
readonly showPassword: boolean;
readonly showWordLimit: boolean;
readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly inputStyle: import('vue').StyleValue;
readonly rows: number;
readonly id?: string | undefined;
readonly size?: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
readonly form?: string | undefined;
readonly ariaLabel?: string | undefined;
readonly placeholder?: string | undefined;
readonly resize?: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown> | undefined;
readonly maxlength?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
readonly minlength?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
readonly formatter?: Function | undefined;
readonly parser?: Function | undefined;
readonly suffixIcon?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown> | undefined;
readonly prefixIcon?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown> | undefined;
readonly containerRole?: string | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
onChange?: ((value: string) => any) | undefined | undefined;
onCompositionend?: ((evt: CompositionEvent) => any) | undefined | undefined;
onCompositionstart?: ((evt: CompositionEvent) => any) | undefined | undefined;
onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
onInput?: ((value: string) => any) | undefined | undefined;
onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined | undefined;
onMouseenter?: ((evt: MouseEvent) => any) | undefined | undefined;
onMouseleave?: ((evt: MouseEvent) => any) | undefined | undefined;
onClear?: (() => any) | undefined | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "type" | "id" | "tabindex" | "autofocus" | "modelValue" | "autosize" | "autocomplete" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "containerRole" | "validateEvent" | "inputStyle" | "rows">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "focus", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "input", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "update:modelValue", value: string) => void);
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
readonly ariaLabel: StringConstructor;
readonly id: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly size: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly disabled: BooleanConstructor;
readonly modelValue: import('element-plus/es/utils/index.mjs').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: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly minlength: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly type: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>;
readonly resize: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly autosize: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => boolean | {
minRows?: number;
maxRows?: number;
}) | (() => import('element-plus').InputAutoSize) | ((new (...args: any[]) => boolean | {
minRows?: number;
maxRows?: number;
}) | (() => import('element-plus').InputAutoSize))[], unknown, unknown, false, boolean>;
readonly autocomplete: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>;
readonly formatter: {
readonly type: import('vue').PropType<Function>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly parser: {
readonly type: import('vue').PropType<Function>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly placeholder: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly form: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly readonly: BooleanConstructor;
readonly clearable: BooleanConstructor;
readonly showPassword: BooleanConstructor;
readonly showWordLimit: BooleanConstructor;
readonly suffixIcon: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly prefixIcon: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly containerRole: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly inputStyle: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue) | ((new (...args: any[]) => string | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue))[], unknown, unknown, () => import('element-plus/es/utils/typescript.mjs').Mutable<{}>, boolean>;
readonly autofocus: BooleanConstructor;
readonly rows: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
}>> & {
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onChange?: ((value: string) => any) | undefined;
onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onInput?: ((value: string) => any) | undefined;
onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
onMouseenter?: ((evt: MouseEvent) => any) | undefined;
onMouseleave?: ((evt: MouseEvent) => any) | undefined;
onClear?: (() => any) | undefined;
}, {
input: import('vue').ShallowRef<HTMLInputElement | undefined>;
textarea: import('vue').ShallowRef<HTMLTextAreaElement | undefined>;
ref: import('vue').ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
textareaStyle: import('vue').ComputedRef<import('vue').StyleValue>;
autosize: import('vue').Ref<import('element-plus').InputAutoSize>;
isComposing: import('vue').Ref<boolean>;
focus: () => void | undefined;
blur: () => void | undefined;
select: () => void;
clear: () => void;
resizeTextarea: () => void;
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
input: (value: string) => void;
clear: () => void;
"update:modelValue": (value: string) => void;
change: (value: string) => void;
blur: (evt: FocusEvent) => void;
compositionend: (evt: CompositionEvent) => void;
compositionstart: (evt: CompositionEvent) => void;
compositionupdate: (evt: CompositionEvent) => void;
focus: (evt: FocusEvent) => void;
keydown: (evt: Event | KeyboardEvent) => void;
mouseenter: (evt: MouseEvent) => void;
mouseleave: (evt: MouseEvent) => void;
}, string, {
readonly disabled: boolean;
readonly id: string;
readonly type: string;
readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown>;
readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
readonly readonly: boolean;
readonly autosize: import('element-plus').InputAutoSize;
readonly autocomplete: string;
readonly containerRole: string;
readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly inputStyle: import('vue').StyleValue;
readonly rows: number;
readonly clearable: boolean;
readonly showPassword: boolean;
readonly showWordLimit: boolean;
readonly autofocus: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
readonly disabled: boolean;
readonly id: string;
readonly type: string;
readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown>;
readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
readonly readonly: boolean;
readonly autosize: import('element-plus').InputAutoSize;
readonly autocomplete: string;
readonly containerRole: string;
readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly inputStyle: import('vue').StyleValue;
readonly rows: number;
readonly clearable: boolean;
readonly showPassword: boolean;
readonly showWordLimit: boolean;
readonly autofocus: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
readonly ariaLabel: StringConstructor;
readonly id: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly size: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly disabled: BooleanConstructor;
readonly modelValue: import('element-plus/es/utils/index.mjs').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: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly minlength: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly type: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>;
readonly resize: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly autosize: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => boolean | {
minRows?: number;
maxRows?: number;
}) | (() => import('element-plus').InputAutoSize) | ((new (...args: any[]) => boolean | {
minRows?: number;
maxRows?: number;
}) | (() => import('element-plus').InputAutoSize))[], unknown, unknown, false, boolean>;
readonly autocomplete: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>;
readonly formatter: {
readonly type: import('vue').PropType<Function>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly parser: {
readonly type: import('vue').PropType<Function>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly placeholder: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly form: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly readonly: BooleanConstructor;
readonly clearable: BooleanConstructor;
readonly showPassword: BooleanConstructor;
readonly showWordLimit: BooleanConstructor;
readonly suffixIcon: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly prefixIcon: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly containerRole: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly inputStyle: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue) | ((new (...args: any[]) => string | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue))[], unknown, unknown, () => import('element-plus/es/utils/typescript.mjs').Mutable<{}>, boolean>;
readonly autofocus: BooleanConstructor;
readonly rows: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
}>> & {
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onChange?: ((value: string) => any) | undefined;
onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onInput?: ((value: string) => any) | undefined;
onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
onMouseenter?: ((evt: MouseEvent) => any) | undefined;
onMouseleave?: ((evt: MouseEvent) => any) | undefined;
onClear?: (() => any) | undefined;
}, "disabled" | "type" | "id" | "tabindex" | "focus" | "autofocus" | "clear" | "ref" | "input" | "select" | "textarea" | "blur" | "modelValue" | "autosize" | "autocomplete" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "containerRole" | "validateEvent" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & import('vue').ShallowUnwrapRef<{
input: import('vue').ShallowRef<HTMLInputElement | undefined>;
textarea: import('vue').ShallowRef<HTMLTextAreaElement | undefined>;
ref: import('vue').ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
textareaStyle: import('vue').ComputedRef<import('vue').StyleValue>;
autosize: import('vue').Ref<import('element-plus').InputAutoSize>;
isComposing: import('vue').Ref<boolean>;
focus: () => void | undefined;
blur: () => void | undefined;
select: () => void;
clear: () => void;
resizeTextarea: () => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
prepend?(_: {}): any;
prefix?(_: {}): any;
suffix?(_: {}): any;
append?(_: {}): any;
};
}) | null;
};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<SenderProps, {
inputRef: import('vue').Ref<({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
readonly disabled: boolean;
readonly id: string;
readonly type: string;
readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown>;
readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
readonly readonly: boolean;
readonly autosize: import('element-plus').InputAutoSize;
readonly autocomplete: string;
readonly containerRole: string;
readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly inputStyle: import('vue').StyleValue;
readonly rows: number;
readonly clearable: boolean;
readonly showPassword: boolean;
readonly showWordLimit: boolean;
readonly autofocus: boolean;
}> & Omit<{
readonly disabled: boolean;
readonly type: string;
readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
readonly autofocus: boolean;
readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown>;
readonly autosize: import('element-plus').InputAutoSize;
readonly autocomplete: string;
readonly readonly: boolean;
readonly clearable: boolean;
readonly showPassword: boolean;
readonly showWordLimit: boolean;
readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly inputStyle: import('vue').StyleValue;
readonly rows: number;
readonly id?: string | undefined;
readonly size?: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
readonly form?: string | undefined;
readonly ariaLabel?: string | undefined;
readonly placeholder?: string | undefined;
readonly resize?: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown> | undefined;
readonly maxlength?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
readonly minlength?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
readonly formatter?: Function | undefined;
readonly parser?: Function | undefined;
readonly suffixIcon?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown> | undefined;
readonly prefixIcon?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown> | undefined;
readonly containerRole?: string | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
onChange?: ((value: string) => any) | undefined | undefined;
onCompositionend?: ((evt: CompositionEvent) => any) | undefined | undefined;
onCompositionstart?: ((evt: CompositionEvent) => any) | undefined | undefined;
onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
onInput?: ((value: string) => any) | undefined | undefined;
onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined | undefined;
onMouseenter?: ((evt: MouseEvent) => any) | undefined | undefined;
onMouseleave?: ((evt: MouseEvent) => any) | undefined | undefined;
onClear?: (() => any) | undefined | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "type" | "id" | "tabindex" | "autofocus" | "modelValue" | "autosize" | "autocomplete" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "containerRole" | "validateEvent" | "inputStyle" | "rows">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "focus", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "input", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "update:modelValue", value: string) => void);
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
readonly ariaLabel: StringConstructor;
readonly id: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly size: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly disabled: BooleanConstructor;
readonly modelValue: import('element-plus/es/utils/index.mjs').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: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly minlength: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly type: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>;
readonly resize: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly autosize: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => boolean | {
minRows?: number;
maxRows?: number;
}) | (() => import('element-plus').InputAutoSize) | ((new (...args: any[]) => boolean | {
minRows?: number;
maxRows?: number;
}) | (() => import('element-plus').InputAutoSize))[], unknown, unknown, false, boolean>;
readonly autocomplete: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>;
readonly formatter: {
readonly type: import('vue').PropType<Function>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly parser: {
readonly type: import('vue').PropType<Function>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly placeholder: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly form: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly readonly: BooleanConstructor;
readonly clearable: BooleanConstructor;
readonly showPassword: BooleanConstructor;
readonly showWordLimit: BooleanConstructor;
readonly suffixIcon: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly prefixIcon: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly containerRole: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly inputStyle: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue) | ((new (...args: any[]) => string | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue))[], unknown, unknown, () => import('element-plus/es/utils/typescript.mjs').Mutable<{}>, boolean>;
readonly autofocus: BooleanConstructor;
readonly rows: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
}>> & {
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onChange?: ((value: string) => any) | undefined;
onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onInput?: ((value: string) => any) | undefined;
onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
onMouseenter?: ((evt: MouseEvent) => any) | undefined;
onMouseleave?: ((evt: MouseEvent) => any) | undefined;
onClear?: (() => any) | undefined;
}, {
input: import('vue').ShallowRef<HTMLInputElement | undefined>;
textarea: import('vue').ShallowRef<HTMLTextAreaElement | undefined>;
ref: import('vue').ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
textareaStyle: import('vue').ComputedRef<import('vue').StyleValue>;
autosize: import('vue').Ref<import('element-plus').InputAutoSize>;
isComposing: import('vue').Ref<boolean>;
focus: () => void | undefined;
blur: () => void | undefined;
select: () => void;
clear: () => void;
resizeTextarea: () => void;
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
input: (value: string) => void;
clear: () => void;
"update:modelValue": (value: string) => void;
change: (value: string) => void;
blur: (evt: FocusEvent) => void;
compositionend: (evt: CompositionEvent) => void;
compositionstart: (evt: CompositionEvent) => void;
compositionupdate: (evt: CompositionEvent) => void;
focus: (evt: FocusEvent) => void;
keydown: (evt: Event | KeyboardEvent) => void;
mouseenter: (evt: MouseEvent) => void;
mouseleave: (evt: MouseEvent) => void;
}, string, {
readonly disabled: boolean;
readonly id: string;
readonly type: string;
readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown>;
readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
readonly readonly: boolean;
readonly autosize: import('element-plus').InputAutoSize;
readonly autocomplete: string;
readonly containerRole: string;
readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly inputStyle: import('vue').StyleValue;
readonly rows: number;
readonly clearable: boolean;
readonly showPassword: boolean;
readonly showWordLimit: boolean;
readonly autofocus: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
readonly disabled: boolean;
readonly id: string;
readonly type: string;
readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown>;
readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
readonly readonly: boolean;
readonly autosize: import('element-plus').InputAutoSize;
readonly autocomplete: string;
readonly containerRole: string;
readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly inputStyle: import('vue').StyleValue;
readonly rows: number;
readonly clearable: boolean;
readonly showPassword: boolean;
readonly showWordLimit: boolean;
readonly autofocus: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
readonly ariaLabel: StringConstructor;
readonly id: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly size: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly disabled: BooleanConstructor;
readonly modelValue: import('element-plus/es/utils/index.mjs').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: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly minlength: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};