xdesign-vue-next/lib/tag-input/index.d.ts

XDesign Component for vue-next

import { TdTagInputProps } from './type';
import './style';
export * from './type';
export declare type TagInputProps = TdTagInputProps;
export declare const TagInput: {
    new (...args: any[]): {
        $: import("vue").ComponentInternalInstance;
        $data: {};
        $props: {
            value?: import("./type").TagInputValue;
            disabled?: boolean;
            size?: "small" | "medium" | "large";
            readonly?: boolean;
            placeholder?: string;
            modelValue?: import("./type").TagInputValue;
            defaultValue?: import("./type").TagInputValue;
            autoWidth?: boolean;
            clearable?: boolean;
            inputValue?: string;
            excessTagsDisplayType?: "scroll" | "break-line";
            defaultInputValue?: string;
            dragSort?: boolean;
            minCollapsedNum?: number;
            readonly max?: number;
            key?: string | number | symbol;
            readonly label?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            style?: unknown;
            readonly status?: "error" | "default" | "success" | "warning";
            readonly tag?: string | ((h: typeof import("vue").h, props: {
                value: string | number;
            }) => import("..").SlotReturnValue);
            readonly onEnter?: (value: import("./type").TagInputValue, context: {
                e: KeyboardEvent;
                inputValue: string;
            }) => void;
            readonly onPaste?: (context: {
                e: ClipboardEvent;
                pasteValue: string;
            }) => void;
            readonly onFocus?: (value: import("./type").TagInputValue, context: {
                inputValue: string;
                e: FocusEvent;
            }) => void;
            readonly onBlur?: (value: import("./type").TagInputValue, context: {
                inputValue: string;
                e: FocusEvent;
            }) => void;
            readonly onChange?: (value: import("./type").TagInputValue, context: import("./type").TagInputChangeContext) => void;
            readonly onClick?: (context: {
                e: MouseEvent;
            }) => void;
            readonly onMouseenter?: (context: {
                e: MouseEvent;
            }) => void;
            readonly onMouseleave?: (context: {
                e: MouseEvent;
            }) => void;
            class?: unknown;
            ref?: import("vue").VNodeRef;
            ref_for?: boolean;
            ref_key?: string;
            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            readonly suffix?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            readonly suffixIcon?: (h: typeof import("vue").h) => import("..").SlotReturnValue;
            readonly tips?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            readonly onClear?: (context: {
                e: MouseEvent;
            }) => void;
            readonly collapsedItems?: (h: typeof import("vue").h, props: {
                value: import("./type").TagInputValue;
                collapsedTags: import("./type").TagInputValue;
                count: number;
            }) => import("..").SlotReturnValue;
            readonly inputProps?: unknown;
            readonly tagProps?: unknown;
            readonly valueDisplay?: string | ((h: typeof import("vue").h, props: {
                value: import("./type").TagInputValue;
                onClose: (index: number, item?: any) => void;
            }) => import("..").SlotReturnValue);
            readonly onDragSort?: (context: import("./type").TagInputDragSortContext) => void;
            readonly onInputChange?: (value: string, context?: import("./type").InputValueChangeContext) => void;
            readonly onRemove?: (context: import("./type").TagInputRemoveContext) => void;
        };
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import("vue").Slot<any>;
        }>;
        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
        $emit: (event: string, ...args: any[]) => void;
        $el: any;
        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
            autoWidth: BooleanConstructor;
            clearable: BooleanConstructor;
            collapsedItems: {
                type: import("vue").PropType<(h: typeof import("vue").h, props: {
                    value: import("./type").TagInputValue;
                    collapsedTags: import("./type").TagInputValue;
                    count: number;
                }) => import("..").SlotReturnValue>;
            };
            disabled: BooleanConstructor;
            dragSort: BooleanConstructor;
            excessTagsDisplayType: {
                type: import("vue").PropType<"scroll" | "break-line">;
                default: "scroll" | "break-line";
                validator(val: "scroll" | "break-line"): boolean;
            };
            inputProps: {
                type: import("vue").PropType<import("..").TdInputProps>;
            };
            inputValue: {
                type: import("vue").PropType<string>;
                default: any;
            };
            defaultInputValue: {
                type: import("vue").PropType<string>;
                default: string;
            };
            label: {
                type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
            };
            max: {
                type: NumberConstructor;
            };
            minCollapsedNum: {
                type: NumberConstructor;
                default: number;
            };
            placeholder: {
                type: StringConstructor;
                default: any;
            };
            readonly: BooleanConstructor;
            size: {
                type: import("vue").PropType<"small" | "medium" | "large">;
                default: "small" | "medium" | "large";
                validator(val: "small" | "medium" | "large"): boolean;
            };
            status: {
                type: import("vue").PropType<"error" | "default" | "success" | "warning">;
                validator(val: "error" | "default" | "success" | "warning"): boolean;
            };
            suffix: {
                type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
            };
            suffixIcon: {
                type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
            };
            tag: {
                type: import("vue").PropType<string | ((h: typeof import("vue").h, props: {
                    value: string | number;
                }) => import("..").SlotReturnValue)>;
            };
            tagProps: {
                type: import("vue").PropType<import("..").TdTagProps>;
            };
            tips: {
                type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
            };
            value: {
                type: import("vue").PropType<import("./type").TagInputValue>;
                default: import("./type").TagInputValue;
            };
            modelValue: {
                type: import("vue").PropType<import("./type").TagInputValue>;
                default: import("./type").TagInputValue;
            };
            defaultValue: {
                type: import("vue").PropType<import("./type").TagInputValue>;
                default: () => import("./type").TagInputValue;
            };
            valueDisplay: {
                type: import("vue").PropType<string | ((h: typeof import("vue").h, props: {
                    value: import("./type").TagInputValue;
                    onClose: (index: number, item?: any) => void;
                }) => import("..").SlotReturnValue)>;
            };
            onBlur: import("vue").PropType<(value: import("./type").TagInputValue, context: {
                inputValue: string;
                e: FocusEvent;
            }) => void>;
            onChange: import("vue").PropType<(value: import("./type").TagInputValue, context: import("./type").TagInputChangeContext) => void>;
            onClear: import("vue").PropType<(context: {
                e: MouseEvent;
            }) => void>;
            onClick: import("vue").PropType<(context: {
                e: MouseEvent;
            }) => void>;
            onDragSort: import("vue").PropType<(context: import("./type").TagInputDragSortContext) => void>;
            onEnter: import("vue").PropType<(value: import("./type").TagInputValue, context: {
                e: KeyboardEvent;
                inputValue: string;
            }) => void>;
            onFocus: import("vue").PropType<(value: import("./type").TagInputValue, context: {
                inputValue: string;
                e: FocusEvent;
            }) => void>;
            onInputChange: import("vue").PropType<(value: string, context?: import("./type").InputValueChangeContext) => void>;
            onMouseenter: import("vue").PropType<(context: {
                e: MouseEvent;
            }) => void>;
            onMouseleave: import("vue").PropType<(context: {
                e: MouseEvent;
            }) => void>;
            onPaste: import("vue").PropType<(context: {
                e: ClipboardEvent;
                pasteValue: string;
            }) => void>;
            onRemove: import("vue").PropType<(context: import("./type").TagInputRemoveContext) => void>;
        }>>, {
            CLEAR_CLASS: import("vue").ComputedRef<string>;
            tagValue: import("vue").Ref<import("./type").TagInputValue>;
            tInputValue: import("vue").Ref<string>;
            isHover: import("vue").Ref<boolean>;
            tagInputPlaceholder: import("vue").ComputedRef<string>;
            showClearIcon: import("vue").ComputedRef<boolean>;
            tagInputRef: import("vue").Ref<any>;
            classPrefix: import("vue").ComputedRef<string>;
            setTInputValue: import("../hooks").ChangeHandler<string, [context?: import("./type").InputValueChangeContext]>;
            addHover: (context: {
                e: MouseEvent;
            }) => void;
            cancelHover: (context: {
                e: MouseEvent;
            }) => void;
            onInputEnter: (value: string, context: {
                e: KeyboardEvent;
            }) => void;
            onInnerEnter: (value: string, context: {
                e: KeyboardEvent;
            }) => void;
            onInputBackspaceKeyUp: (value: string) => void;
            onInputBackspaceKeyDown: (value: string, context: {
                e: KeyboardEvent;
            }) => void;
            renderLabel: ({ displayNode, label }: {
                displayNode: any;
                label: any;
            }) => any[];
            onWheel: ({ e }: {
                e: WheelEvent;
            }) => void;
            scrollToRightOnEnter: () => void;
            scrollToLeftOnLeave: () => void;
            onClick: (context: {
                e: MouseEvent;
            }) => void;
            onClearClick: (context: {
                e: MouseEvent;
            }) => void;
            onClose: (p: {
                e?: MouseEvent;
                index: number;
                item: string | number;
            }) => void;
            onInputCompositionstart: (value: string, context: {
                e: CompositionEvent;
            }) => void;
            onInputCompositionend: (value: string, context: {
                e: CompositionEvent;
            }) => void;
            focus: () => void;
            classes: import("vue").ComputedRef<(string | {
                [x: string]: boolean;
            })[]>;
        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
            value: import("./type").TagInputValue;
            disabled: boolean;
            size: "small" | "medium" | "large";
            readonly: boolean;
            placeholder: string;
            modelValue: import("./type").TagInputValue;
            defaultValue: import("./type").TagInputValue;
            autoWidth: boolean;
            clearable: boolean;
            inputValue: string;
            excessTagsDisplayType: "scroll" | "break-line";
            defaultInputValue: string;
            dragSort: boolean;
            minCollapsedNum: number;
        }, {}, string, {}> & {
            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<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, 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_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
    } & Readonly<import("vue").ExtractPropTypes<{
        autoWidth: BooleanConstructor;
        clearable: BooleanConstructor;
        collapsedItems: {
            type: import("vue").PropType<(h: typeof import("vue").h, props: {
                value: import("./type").TagInputValue;
                collapsedTags: import("./type").TagInputValue;
                count: number;
            }) => import("..").SlotReturnValue>;
        };
        disabled: BooleanConstructor;
        dragSort: BooleanConstructor;
        excessTagsDisplayType: {
            type: import("vue").PropType<"scroll" | "break-line">;
            default: "scroll" | "break-line";
            validator(val: "scroll" | "break-line"): boolean;
        };
        inputProps: {
            type: import("vue").PropType<import("..").TdInputProps>;
        };
        inputValue: {
            type: import("vue").PropType<string>;
            default: any;
        };
        defaultInputValue: {
            type: import("vue").PropType<string>;
            default: string;
        };
        label: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
        };
        max: {
            type: NumberConstructor;
        };
        minCollapsedNum: {
            type: NumberConstructor;
            default: number;
        };
        placeholder: {
            type: StringConstructor;
            default: any;
        };
        readonly: BooleanConstructor;
        size: {
            type: import("vue").PropType<"small" | "medium" | "large">;
            default: "small" | "medium" | "large";
            validator(val: "small" | "medium" | "large"): boolean;
        };
        status: {
            type: import("vue").PropType<"error" | "default" | "success" | "warning">;
            validator(val: "error" | "default" | "success" | "warning"): boolean;
        };
        suffix: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
        };
        suffixIcon: {
            type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
        };
        tag: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h, props: {
                value: string | number;
            }) => import("..").SlotReturnValue)>;
        };
        tagProps: {
            type: import("vue").PropType<import("..").TdTagProps>;
        };
        tips: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
        };
        value: {
            type: import("vue").PropType<import("./type").TagInputValue>;
            default: import("./type").TagInputValue;
        };
        modelValue: {
            type: import("vue").PropType<import("./type").TagInputValue>;
            default: import("./type").TagInputValue;
        };
        defaultValue: {
            type: import("vue").PropType<import("./type").TagInputValue>;
            default: () => import("./type").TagInputValue;
        };
        valueDisplay: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h, props: {
                value: import("./type").TagInputValue;
                onClose: (index: number, item?: any) => void;
            }) => import("..").SlotReturnValue)>;
        };
        onBlur: import("vue").PropType<(value: import("./type").TagInputValue, context: {
            inputValue: string;
            e: FocusEvent;
        }) => void>;
        onChange: import("vue").PropType<(value: import("./type").TagInputValue, context: import("./type").TagInputChangeContext) => void>;
        onClear: import("vue").PropType<(context: {
            e: MouseEvent;
        }) => void>;
        onClick: import("vue").PropType<(context: {
            e: MouseEvent;
        }) => void>;
        onDragSort: import("vue").PropType<(context: import("./type").TagInputDragSortContext) => void>;
        onEnter: import("vue").PropType<(value: import("./type").TagInputValue, context: {
            e: KeyboardEvent;
            inputValue: string;
        }) => void>;
        onFocus: import("vue").PropType<(value: import("./type").TagInputValue, context: {
            inputValue: string;
            e: FocusEvent;
        }) => void>;
        onInputChange: import("vue").PropType<(value: string, context?: import("./type").InputValueChangeContext) => void>;
        onMouseenter: import("vue").PropType<(context: {
            e: MouseEvent;
        }) => void>;
        onMouseleave: import("vue").PropType<(context: {
            e: MouseEvent;
        }) => void>;
        onPaste: import("vue").PropType<(context: {
            e: ClipboardEvent;
            pasteValue: string;
        }) => void>;
        onRemove: import("vue").PropType<(context: import("./type").TagInputRemoveContext) => void>;
    }>> & import("vue").ShallowUnwrapRef<{
        CLEAR_CLASS: import("vue").ComputedRef<string>;
        tagValue: import("vue").Ref<import("./type").TagInputValue>;
        tInputValue: import("vue").Ref<string>;
        isHover: import("vue").Ref<boolean>;
        tagInputPlaceholder: import("vue").ComputedRef<string>;
        showClearIcon: import("vue").ComputedRef<boolean>;
        tagInputRef: import("vue").Ref<any>;
        classPrefix: import("vue").ComputedRef<string>;
        setTInputValue: import("../hooks").ChangeHandler<string, [context?: import("./type").InputValueChangeContext]>;
        addHover: (context: {
            e: MouseEvent;
        }) => void;
        cancelHover: (context: {
            e: MouseEvent;
        }) => void;
        onInputEnter: (value: string, context: {
            e: KeyboardEvent;
        }) => void;
        onInnerEnter: (value: string, context: {
            e: KeyboardEvent;
        }) => void;
        onInputBackspaceKeyUp: (value: string) => void;
        onInputBackspaceKeyDown: (value: string, context: {
            e: KeyboardEvent;
        }) => void;
        renderLabel: ({ displayNode, label }: {
            displayNode: any;
            label: any;
        }) => any[];
        onWheel: ({ e }: {
            e: WheelEvent;
        }) => void;
        scrollToRightOnEnter: () => void;
        scrollToLeftOnLeave: () => void;
        onClick: (context: {
            e: MouseEvent;
        }) => void;
        onClearClick: (context: {
            e: MouseEvent;
        }) => void;
        onClose: (p: {
            e?: MouseEvent;
            index: number;
            item: string | number;
        }) => void;
        onInputCompositionstart: (value: string, context: {
            e: CompositionEvent;
        }) => void;
        onInputCompositionend: (value: string, context: {
            e: CompositionEvent;
        }) => void;
        focus: () => void;
        classes: import("vue").ComputedRef<(string | {
            [x: string]: boolean;
        })[]>;
    }> & {} & import("vue").ComponentCustomProperties & {};
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    autoWidth: BooleanConstructor;
    clearable: BooleanConstructor;
    collapsedItems: {
        type: import("vue").PropType<(h: typeof import("vue").h, props: {
            value: import("./type").TagInputValue;
            collapsedTags: import("./type").TagInputValue;
            count: number;
        }) => import("..").SlotReturnValue>;
    };
    disabled: BooleanConstructor;
    dragSort: BooleanConstructor;
    excessTagsDisplayType: {
        type: import("vue").PropType<"scroll" | "break-line">;
        default: "scroll" | "break-line";
        validator(val: "scroll" | "break-line"): boolean;
    };
    inputProps: {
        type: import("vue").PropType<import("..").TdInputProps>;
    };
    inputValue: {
        type: import("vue").PropType<string>;
        default: any;
    };
    defaultInputValue: {
        type: import("vue").PropType<string>;
        default: string;
    };
    label: {
        type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
    };
    max: {
        type: NumberConstructor;
    };
    minCollapsedNum: {
        type: NumberConstructor;
        default: number;
    };
    placeholder: {
        type: StringConstructor;
        default: any;
    };
    readonly: BooleanConstructor;
    size: {
        type: import("vue").PropType<"small" | "medium" | "large">;
        default: "small" | "medium" | "large";
        validator(val: "small" | "medium" | "large"): boolean;
    };
    status: {
        type: import("vue").PropType<"error" | "default" | "success" | "warning">;
        validator(val: "error" | "default" | "success" | "warning"): boolean;
    };
    suffix: {
        type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
    };
    suffixIcon: {
        type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
    };
    tag: {
        type: import("vue").PropType<string | ((h: typeof import("vue").h, props: {
            value: string | number;
        }) => import("..").SlotReturnValue)>;
    };
    tagProps: {
        type: import("vue").PropType<import("..").TdTagProps>;
    };
    tips: {
        type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
    };
    value: {
        type: import("vue").PropType<import("./type").TagInputValue>;
        default: import("./type").TagInputValue;
    };
    modelValue: {
        type: import("vue").PropType<import("./type").TagInputValue>;
        default: import("./type").TagInputValue;
    };
    defaultValue: {
        type: import("vue").PropType<import("./type").TagInputValue>;
        default: () => import("./type").TagInputValue;
    };
    valueDisplay: {
        type: import("vue").PropType<string | ((h: typeof import("vue").h, props: {
            value: import("./type").TagInputValue;
            onClose: (index: number, item?: any) => void;
        }) => import("..").SlotReturnValue)>;
    };
    onBlur: import("vue").PropType<(value: import("./type").TagInputValue, context: {
        inputValue: string;
        e: FocusEvent;
    }) => void>;
    onChange: import("vue").PropType<(value: import("./type").TagInputValue, context: import("./type").TagInputChangeContext) => void>;
    onClear: import("vue").PropType<(context: {
        e: MouseEvent;
    }) => void>;
    onClick: import("vue").PropType<(context: {
        e: MouseEvent;
    }) => void>;
    onDragSort: import("vue").PropType<(context: import("./type").TagInputDragSortContext) => void>;
    onEnter: import("vue").PropType<(value: import("./type").TagInputValue, context: {
        e: KeyboardEvent;
        inputValue: string;
    }) => void>;
    onFocus: import("vue").PropType<(value: import("./type").TagInputValue, context: {
        inputValue: string;
        e: FocusEvent;
    }) => void>;
    onInputChange: import("vue").PropType<(value: string, context?: import("./type").InputValueChangeContext) => void>;
    onMouseenter: import("vue").PropType<(context: {
        e: MouseEvent;
    }) => void>;
    onMouseleave: import("vue").PropType<(context: {
        e: MouseEvent;
    }) => void>;
    onPaste: import("vue").PropType<(context: {
        e: ClipboardEvent;
        pasteValue: string;
    }) => void>;
    onRemove: import("vue").PropType<(context: import("./type").TagInputRemoveContext) => void>;
}>>, {
    CLEAR_CLASS: import("vue").ComputedRef<string>;
    tagValue: import("vue").Ref<import("./type").TagInputValue>;
    tInputValue: import("vue").Ref<string>;
    isHover: import("vue").Ref<boolean>;
    tagInputPlaceholder: import("vue").ComputedRef<string>;
    showClearIcon: import("vue").ComputedRef<boolean>;
    tagInputRef: import("vue").Ref<any>;
    classPrefix: import("vue").ComputedRef<string>;
    setTInputValue: import("../hooks").ChangeHandler<string, [context?: import("./type").InputValueChangeContext]>;
    addHover: (context: {
        e: MouseEvent;
    }) => void;
    cancelHover: (context: {
        e: MouseEvent;
    }) => void;
    onInputEnter: (value: string, context: {
        e: KeyboardEvent;
    }) => void;
    onInnerEnter: (value: string, context: {
        e: KeyboardEvent;
    }) => void;
    onInputBackspaceKeyUp: (value: string) => void;
    onInputBackspaceKeyDown: (value: string, context: {
        e: KeyboardEvent;
    }) => void;
    renderLabel: ({ displayNode, label }: {
        displayNode: any;
        label: any;
    }) => any[];
    onWheel: ({ e }: {
        e: WheelEvent;
    }) => void;
    scrollToRightOnEnter: () => void;
    scrollToLeftOnLeave: () => void;
    onClick: (context: {
        e: MouseEvent;
    }) => void;
    onClearClick: (context: {
        e: MouseEvent;
    }) => void;
    onClose: (p: {
        e?: MouseEvent;
        index: number;
        item: string | number;
    }) => void;
    onInputCompositionstart: (value: string, context: {
        e: CompositionEvent;
    }) => void;
    onInputCompositionend: (value: string, context: {
        e: CompositionEvent;
    }) => void;
    focus: () => void;
    classes: import("vue").ComputedRef<(string | {
        [x: string]: boolean;
    })[]>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
    value: import("./type").TagInputValue;
    disabled: boolean;
    size: "small" | "medium" | "large";
    readonly: boolean;
    placeholder: string;
    modelValue: import("./type").TagInputValue;
    defaultValue: import("./type").TagInputValue;
    autoWidth: boolean;
    clearable: boolean;
    inputValue: string;
    excessTagsDisplayType: "scroll" | "break-line";
    defaultInputValue: string;
    dragSort: boolean;
    minCollapsedNum: number;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
export default TagInput;