bkui-vue 2.0.1-beta.111 → 2.0.1-beta.112

package/lib/tag-input/index.d.ts

@@ -1,536 +1,721 @@
+import { useTagsOverflow } from './common';
 declare const TagInput: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            disabled?: boolean;
-            trigger?: "focus" | "search";
-            separator?: string;
-            placeholder?: string;
-            list?: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: import("vue-types").VueTypeDef<string[]> & {
+            default: () => string[];
+        };
+        placeholder: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        list: import("vue-types").VueTypeDef<{
+            [key: string]: any;
+        }[]> & {
+            default: () => {
                 [key: string]: any;
             }[];
-            clearable?: boolean;
-            showClearOnlyHover?: boolean;
-            modelValue?: string[];
-            withValidate?: boolean;
-            searchKey?: string | string[];
-            allowCreate?: boolean;
-            collapseTags?: boolean;
-            tooltipKey?: string;
-            saveKey?: string;
-            displayKey?: string;
-            hasDeleteIcon?: boolean;
-            useGroup?: boolean;
-            clearTextSpace?: boolean;
-            maxData?: number;
-            maxResult?: number;
-            contentMaxHeight?: number;
-            contentWidth?: number;
-            allowNextFocus?: boolean;
-            allowAutoMatch?: boolean;
-            isAsyncList?: boolean;
-            leftSpace?: number;
-            popoverProps?: {};
-            tagOverflowTips?: {};
-            class?: unknown;
-            style?: unknown;
-            onFocus?: (...args: any[]) => any;
-            onBlur?: (...args: any[]) => any;
-            onChange?: (...args: any[]) => any;
-            onInput?: (...args: any[]) => any;
-            onSelect?: (...args: any[]) => any;
-            ref?: import("vue").VNodeRef;
-            key?: string | number | symbol;
-            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)[];
-            "onUpdate:modelValue"?: (...args: any[]) => any;
-            onRemove?: (...args: any[]) => any;
-            readonly createTagValidator?: (tag: any) => boolean;
-            readonly filterCallback?: (value: string, searchKey: string | string[], list: any[]) => any[];
-            readonly tagTpl?: (node: any, highlightKeyword: Function, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        tooltipKey: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        saveKey: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        displayKey: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        hasDeleteIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        trigger: import("vue-types").VueTypeDef<"focus" | "search"> & {
+            default: "focus" | "search";
+        };
+        searchKey: import("vue-types").VueTypeDef<string | string[]> & {
+            default: string | (() => string[]);
+        };
+        useGroup: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        clearTextSpace: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        maxData: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        maxResult: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        contentMaxHeight: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        contentWidth: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        separator: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        allowNextFocus: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        allowAutoMatch: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        showClearOnlyHover: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        isAsyncList: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        leftSpace: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        createTagValidator: {
+            type: import("vue").PropType<(tag: any) => boolean>;
+        };
+        filterCallback: {
+            type: import("vue").PropType<(value: string, searchKey: string | string[], list: any[]) => any[]>;
+        };
+        tagTpl: {
+            type: import("vue").PropType<(node: any, highlightKeyword: Function, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>;
-            readonly tpl?: (node: any, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            }>>;
+        };
+        tpl: {
+            type: import("vue").PropType<(node: any, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
-            }>;
-            readonly pasteFn?: (value: string) => any[];
-            onRemoveAll?: (...args: any[]) => any;
+            }>>;
         };
-        $attrs: {
-            [x: string]: unknown;
+        pasteFn: {
+            type: import("vue").PropType<(value: string) => any[]>;
         };
-        $refs: {
-            [x: string]: unknown;
+        withValidate: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-        $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: "blur" | "change" | "focus" | "input" | "select" | "update:modelValue" | "remove" | "removeAll", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: import("vue-types").VueTypeDef<string[]> & {
-                default: () => string[];
-            };
-            placeholder: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            list: import("vue-types").VueTypeDef<{
-                [key: string]: any;
-            }[]> & {
-                default: () => {
-                    [key: string]: any;
-                }[];
-            };
-            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            tooltipKey: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            saveKey: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            displayKey: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            hasDeleteIcon: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            clearable: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            trigger: import("vue-types").VueTypeDef<"focus" | "search"> & {
-                default: "focus" | "search";
-            };
-            searchKey: import("vue-types").VueTypeDef<string | string[]> & {
-                default: string | (() => string[]);
-            };
-            useGroup: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            clearTextSpace: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            maxData: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            maxResult: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            contentMaxHeight: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            contentWidth: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            separator: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            allowNextFocus: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            allowAutoMatch: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            showClearOnlyHover: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            isAsyncList: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            leftSpace: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            createTagValidator: {
-                type: import("vue").PropType<(tag: any) => boolean>;
-            };
-            filterCallback: {
-                type: import("vue").PropType<(value: string, searchKey: string | string[], list: any[]) => any[]>;
-            };
-            tagTpl: {
-                type: import("vue").PropType<(node: any, highlightKeyword: Function, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>>;
-            };
-            tpl: {
-                type: import("vue").PropType<(node: any, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>>;
-            };
-            pasteFn: {
-                type: import("vue").PropType<(value: string) => any[]>;
-            };
-            withValidate: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            popoverProps: {
-                type: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
-                    isShow: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    always: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    width: import("vue-types").VueTypeDef<string | number> & {
-                        default: string | number;
-                    };
-                    height: import("vue-types").VueTypeDef<string | number> & {
-                        default: string | number;
-                    };
-                    maxWidth: import("vue-types").VueTypeDef<string | number> & {
-                        default: string | number;
-                    };
-                    maxHeight: import("vue-types").VueTypeDef<string | number> & {
-                        default: string | number;
-                    };
-                    content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
-                        default: string | number | (() => HTMLElement) | (() => JSX.Element);
-                    };
-                    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
-                        default: "if" | "show";
-                    };
-                    target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
-                    allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
-                        default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
-                    };
-                    theme: import("vue-types").VueTypeValidableDef<string> & {
-                        default: string;
-                    } & {
-                        default: string;
-                    };
-                    trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-                        default: "click" | "hover" | "manual";
-                    };
-                    renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
-                        default: "auto" | "shown";
-                    };
-                    arrow: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    padding: import("vue-types").VueTypeValidableDef<number> & {
-                        default: number;
-                    } & {
-                        default: number;
-                    };
-                    offset: import("vue-types").VueTypeDef<number | {
+        popoverProps: {
+            type: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+                isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                always: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                width: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                height: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                maxWidth: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+                    default: string | number | (() => HTMLElement) | (() => JSX.Element);
+                };
+                renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                    default: "if" | "show";
+                };
+                target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
+                allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+                    default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
+                };
+                theme: import("vue-types").VueTypeValidableDef<string> & {
+                    default: string;
+                } & {
+                    default: string;
+                };
+                trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
+                    default: "click" | "hover" | "manual";
+                };
+                renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+                    default: "auto" | "shown";
+                };
+                arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                padding: import("vue-types").VueTypeValidableDef<number> & {
+                    default: number;
+                } & {
+                    default: number;
+                };
+                offset: import("vue-types").VueTypeDef<number | {
+                    mainAxis?: number;
+                    crossAxis?: number;
+                    alignmentAxis?: number;
+                }> & {
+                    default: number | (() => {
+                        mainAxis?: number;
+                        crossAxis?: number;
+                        alignmentAxis?: number;
+                    });
+                };
+                boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+                zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                    default: number;
+                } & {
+                    default: number;
+                };
+                disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                reference: import("vue-types").VueTypeValidableDef<any>;
+                modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                    default: () => unknown[];
+                } & {
+                    default: () => unknown[];
+                };
+                popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
+                    default: number | (() => number[]);
+                };
+                extCls: import("vue-types").VueTypeValidableDef<string> & {
+                    default: string;
+                } & {
+                    default: string;
+                };
+                referenceCls: import("vue-types").VueTypeValidableDef<string> & {
+                    default: string;
+                } & {
+                    default: string;
+                };
+                hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+                    default: number;
+                } & {
+                    default: number;
+                };
+                forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+            }>>>>;
+            default: () => {};
+        };
+        collapseTags: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tagOverflowTips: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
+    }>> & {
+        onFocus?: (...args: any[]) => any;
+        onBlur?: (...args: any[]) => any;
+        onChange?: (...args: any[]) => any;
+        onInput?: (...args: any[]) => any;
+        onSelect?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+        onRemove?: (...args: any[]) => any;
+        onRemoveAll?: (...args: any[]) => any;
+    }, {
+        isShowPlaceholder: import("vue").ComputedRef<boolean>;
+        isShowClear: import("vue").ComputedRef<boolean>;
+        placeholderText: import("vue").ComputedRef<string>;
+        curInputValue: import("vue").Ref<string>;
+        renderList: import("vue").ComputedRef<any[]>;
+        showTagClose: import("vue").ComputedRef<boolean>;
+        tagInputRef: import("vue").Ref<any>;
+        bkTagSelectorRef: import("vue").Ref<any>;
+        tagListRef: import("vue").Ref<any>;
+        tagInputItemRef: import("vue").Ref<any>;
+        inputValueRef: import("vue").Ref<HTMLElement>;
+        selectorListRef: import("vue").Ref<any>;
+        triggerClass: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            active: boolean;
+            disabled: boolean;
+        }>;
+        overflowTagIndex: import("vue").Ref<number>;
+        localCollapseTags: import("vue").ComputedRef<boolean>;
+        collapseTooltip: import("vue").ComputedRef<any>;
+        focusInputTrigger: (e?: MouseEvent) => void;
+        activeClass: (data: any, index: number) => {
+            [x: string]: boolean;
+        };
+        handleInput: (e?: Event) => void;
+        handleFocus: () => void;
+        handleBlur: () => void;
+        handleTagSelected: (item: any, type: string, e?: Event) => void;
+        handleTagRemove: (data: any, index: number, e?: MouseEvent) => void;
+        handleClear: (e: MouseEvent) => void;
+        tagFocus: (e: MouseEvent) => void;
+        handleKeydown: (e: KeyboardEvent) => void;
+        handlePaste: (e: ClipboardEvent) => void;
+        resolveClassName: (cls: string) => string;
+        curPage: import("vue").Ref<number>;
+        totalSize: import("vue").Ref<number>;
+        totalPage: import("vue").Ref<number>;
+        pageSize: import("vue").Ref<number>;
+        isPageLoading: import("vue").Ref<boolean>;
+        curPageList: import("vue").Ref<any[]>;
+        renderListPaged: import("vue").Ref<any[]>;
+        localList: import("vue").Ref<any[]>;
+        tagListCache: import("vue").Ref<any[]>;
+        selectedTagList: import("vue").Ref<any[]>;
+        selectedTagListCache: import("vue").Ref<any[]>;
+        isEdit: import("vue").Ref<boolean>;
+        isHover: import("vue").Ref<boolean>;
+        focusItemIndex: import("vue").Ref<number>;
+        popoverProps: {
+            isShow: boolean;
+            width: number;
+            offset: {
+                mainAxis: number;
+                crossAxis: number;
+            };
+        };
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "select" | "update:modelValue" | "remove" | "removeAll")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: import("vue-types").VueTypeDef<string[]> & {
+            default: () => string[];
+        };
+        placeholder: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        list: import("vue-types").VueTypeDef<{
+            [key: string]: any;
+        }[]> & {
+            default: () => {
+                [key: string]: any;
+            }[];
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        tooltipKey: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        saveKey: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        displayKey: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        hasDeleteIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        trigger: import("vue-types").VueTypeDef<"focus" | "search"> & {
+            default: "focus" | "search";
+        };
+        searchKey: import("vue-types").VueTypeDef<string | string[]> & {
+            default: string | (() => string[]);
+        };
+        useGroup: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        clearTextSpace: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        maxData: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        maxResult: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        contentMaxHeight: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        contentWidth: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        separator: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        allowNextFocus: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        allowAutoMatch: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        showClearOnlyHover: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        isAsyncList: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        leftSpace: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        createTagValidator: {
+            type: import("vue").PropType<(tag: any) => boolean>;
+        };
+        filterCallback: {
+            type: import("vue").PropType<(value: string, searchKey: string | string[], list: any[]) => any[]>;
+        };
+        tagTpl: {
+            type: import("vue").PropType<(node: any, highlightKeyword: Function, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>>;
+        };
+        tpl: {
+            type: import("vue").PropType<(node: any, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>>;
+        };
+        pasteFn: {
+            type: import("vue").PropType<(value: string) => any[]>;
+        };
+        withValidate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popoverProps: {
+            type: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+                isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                always: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                width: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                height: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                maxWidth: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                maxHeight: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+                    default: string | number | (() => HTMLElement) | (() => JSX.Element);
+                };
+                renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+                    default: "if" | "show";
+                };
+                target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
+                allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+                    default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
+                };
+                theme: import("vue-types").VueTypeValidableDef<string> & {
+                    default: string;
+                } & {
+                    default: string;
+                };
+                trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
+                    default: "click" | "hover" | "manual";
+                };
+                renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+                    default: "auto" | "shown";
+                };
+                arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                padding: import("vue-types").VueTypeValidableDef<number> & {
+                    default: number;
+                } & {
+                    default: number;
+                };
+                offset: import("vue-types").VueTypeDef<number | {
+                    mainAxis?: number;
+                    crossAxis?: number;
+                    alignmentAxis?: number;
+                }> & {
+                    default: number | (() => {
                         mainAxis?: number;
                         crossAxis?: number;
                         alignmentAxis?: number;
-                    }> & {
-                        default: number | (() => {
-                            mainAxis?: number;
-                            crossAxis?: number;
-                            alignmentAxis?: number;
-                        });
-                    };
-                    boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
-                    zIndex: import("vue-types").VueTypeValidableDef<number> & {
-                        default: number;
-                    } & {
-                        default: number;
-                    };
-                    disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    reference: import("vue-types").VueTypeValidableDef<any>;
-                    modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
-                        default: () => unknown[];
-                    } & {
-                        default: () => unknown[];
-                    };
-                    popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
-                        default: number | (() => number[]);
-                    };
-                    extCls: import("vue-types").VueTypeValidableDef<string> & {
-                        default: string;
-                    } & {
-                        default: string;
-                    };
-                    referenceCls: import("vue-types").VueTypeValidableDef<string> & {
-                        default: string;
-                    } & {
-                        default: string;
-                    };
-                    hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                    componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
-                        default: number;
-                    } & {
-                        default: number;
-                    };
-                    forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
-                        default: boolean;
-                    } & {
-                        default: boolean;
-                    };
-                }>>>>;
-                default: () => {};
-            };
-            collapseTags: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            tagOverflowTips: {
-                type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>;
-                default: () => {};
-            };
-        }>> & {
-            onFocus?: (...args: any[]) => any;
-            onBlur?: (...args: any[]) => any;
-            onChange?: (...args: any[]) => any;
-            onInput?: (...args: any[]) => any;
-            onSelect?: (...args: any[]) => any;
-            "onUpdate:modelValue"?: (...args: any[]) => any;
-            onRemove?: (...args: any[]) => any;
-            onRemoveAll?: (...args: any[]) => any;
-        }, {
-            isShowPlaceholder: import("vue").ComputedRef<boolean>;
-            isShowClear: import("vue").ComputedRef<boolean>;
-            placeholderText: import("vue").ComputedRef<string>;
-            curInputValue: import("vue").Ref<string>;
-            renderList: import("vue").ComputedRef<any[]>;
-            showTagClose: import("vue").ComputedRef<boolean>;
-            tagInputRef: any;
-            bkTagSelectorRef: any;
-            tagListRef: any;
-            tagInputItemRef: any;
-            inputValueRef: import("vue").Ref<HTMLElement>;
-            selectorListRef: any;
-            triggerClass: import("vue").ComputedRef<{
-                [x: string]: boolean;
-                active: boolean;
-                disabled: boolean;
-            }>;
-            overflowTagIndex: import("vue").Ref<number>;
-            localCollapseTags: import("vue").ComputedRef<boolean>;
-            collapseTooltip: import("vue").ComputedRef<any>;
-            focusInputTrigger: (e?: MouseEvent) => void;
-            activeClass: (data: any, index: number) => {
-                [x: string]: boolean;
-            };
-            handleInput: (e?: Event) => void;
-            handleFocus: () => void;
-            handleBlur: () => void;
-            handleTagSelected: (item: any, type: string, e?: Event) => void;
-            handleTagRemove: (data: any, index: number, e?: MouseEvent) => void;
-            handleClear: (e: MouseEvent) => void;
-            tagFocus: (e: MouseEvent) => void;
-            handleKeydown: (e: KeyboardEvent) => void;
-            handlePaste: (e: ClipboardEvent) => void;
-            resolveClassName: (cls: string) => string;
-            curPage: import("vue").Ref<number>;
-            totalSize: import("vue").Ref<number>;
-            totalPage: import("vue").Ref<number>;
-            pageSize: import("vue").Ref<number>;
-            isPageLoading: import("vue").Ref<boolean>;
-            curPageList: import("vue").Ref<any[]>;
-            renderListPaged: import("vue").Ref<any[]>;
-            localList: import("vue").Ref<any[]>;
-            tagListCache: import("vue").Ref<any[]>;
-            selectedTagList: import("vue").Ref<any[]>;
-            selectedTagListCache: import("vue").Ref<any[]>;
-            isEdit: import("vue").Ref<boolean>;
-            isHover: import("vue").Ref<boolean>;
-            focusItemIndex: import("vue").Ref<number>;
-            popoverProps: {
-                isShow: boolean;
-                width: number;
-                offset: {
-                    mainAxis: number;
-                    crossAxis: number;
+                    });
                 };
-            };
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "select" | "update:modelValue" | "remove" | "removeAll")[], string, {
-            disabled: boolean;
-            trigger: "focus" | "search";
-            separator: string;
-            placeholder: string;
-            list: {
-                [key: string]: any;
-            }[];
-            clearable: boolean;
-            showClearOnlyHover: boolean;
-            modelValue: string[];
-            withValidate: boolean;
-            searchKey: string | string[];
-            allowCreate: boolean;
-            collapseTags: boolean;
-            tooltipKey: string;
-            saveKey: string;
-            displayKey: string;
-            hasDeleteIcon: boolean;
-            useGroup: boolean;
-            clearTextSpace: boolean;
-            maxData: number;
-            maxResult: number;
-            contentMaxHeight: number;
-            contentWidth: number;
-            allowNextFocus: boolean;
-            allowAutoMatch: boolean;
-            isAsyncList: boolean;
-            leftSpace: number;
-            popoverProps: {};
-            tagOverflowTips: {};
-        }, {}, 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<{
+                boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+                zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                    default: number;
+                } & {
+                    default: number;
+                };
+                disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                reference: import("vue-types").VueTypeValidableDef<any>;
+                modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                    default: () => unknown[];
+                } & {
+                    default: () => unknown[];
+                };
+                popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
+                    default: number | (() => number[]);
+                };
+                extCls: import("vue-types").VueTypeValidableDef<string> & {
+                    default: string;
+                } & {
+                    default: string;
+                };
+                referenceCls: import("vue-types").VueTypeValidableDef<string> & {
+                    default: string;
+                } & {
+                    default: string;
+                };
+                hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+                    default: number;
+                } & {
+                    default: number;
+                };
+                forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+            }>>>>;
+            default: () => {};
+        };
+        collapseTags: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tagOverflowTips: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
+    }>> & {
+        onFocus?: (...args: any[]) => any;
+        onBlur?: (...args: any[]) => any;
+        onChange?: (...args: any[]) => any;
+        onInput?: (...args: any[]) => any;
+        onSelect?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+        onRemove?: (...args: any[]) => any;
+        onRemoveAll?: (...args: any[]) => any;
+    }, {
+        disabled: boolean;
+        trigger: "focus" | "search";
+        separator: string;
+        placeholder: string;
+        list: {
+            [key: string]: any;
+        }[];
+        clearable: boolean;
+        showClearOnlyHover: boolean;
+        modelValue: string[];
+        withValidate: boolean;
+        searchKey: string | string[];
+        allowCreate: boolean;
+        collapseTags: boolean;
+        contentWidth: number;
+        displayKey: string;
+        tooltipKey: string;
+        saveKey: string;
+        hasDeleteIcon: boolean;
+        useGroup: boolean;
+        clearTextSpace: boolean;
+        maxData: number;
+        maxResult: number;
+        contentMaxHeight: number;
+        allowNextFocus: boolean;
+        allowAutoMatch: boolean;
+        isAsyncList: boolean;
+        leftSpace: number;
+        popoverProps: {};
+        tagOverflowTips: {};
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         modelValue: import("vue-types").VueTypeDef<string[]> & {
             default: () => string[];
         };
@@ -828,7 +1013,7 @@ declare const TagInput: {
             default: boolean;
         };
         tagOverflowTips: {
-            type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>;
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
             default: () => {};
         };
     }>> & {
@@ -840,19 +1025,19 @@ declare const TagInput: {
         "onUpdate:modelValue"?: (...args: any[]) => any;
         onRemove?: (...args: any[]) => any;
         onRemoveAll?: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<{
+    }, {
         isShowPlaceholder: import("vue").ComputedRef<boolean>;
         isShowClear: import("vue").ComputedRef<boolean>;
         placeholderText: import("vue").ComputedRef<string>;
         curInputValue: import("vue").Ref<string>;
         renderList: import("vue").ComputedRef<any[]>;
         showTagClose: import("vue").ComputedRef<boolean>;
-        tagInputRef: any;
-        bkTagSelectorRef: any;
-        tagListRef: any;
-        tagInputItemRef: any;
+        tagInputRef: import("vue").Ref<any>;
+        bkTagSelectorRef: import("vue").Ref<any>;
+        tagListRef: import("vue").Ref<any>;
+        tagInputItemRef: import("vue").Ref<any>;
         inputValueRef: import("vue").Ref<HTMLElement>;
-        selectorListRef: any;
+        selectorListRef: import("vue").Ref<any>;
         triggerClass: import("vue").ComputedRef<{
             [x: string]: boolean;
             active: boolean;
@@ -897,7 +1082,38 @@ declare const TagInput: {
                 crossAxis: number;
             };
         };
-    }> & {} & import("vue").ComponentCustomProperties & {};
+    }, {}, {}, {}, {
+        disabled: boolean;
+        trigger: "focus" | "search";
+        separator: string;
+        placeholder: string;
+        list: {
+            [key: string]: any;
+        }[];
+        clearable: boolean;
+        showClearOnlyHover: boolean;
+        modelValue: string[];
+        withValidate: boolean;
+        searchKey: string | string[];
+        allowCreate: boolean;
+        collapseTags: boolean;
+        contentWidth: number;
+        displayKey: string;
+        tooltipKey: string;
+        saveKey: string;
+        hasDeleteIcon: boolean;
+        useGroup: boolean;
+        clearTextSpace: boolean;
+        maxData: number;
+        maxResult: number;
+        contentMaxHeight: number;
+        allowNextFocus: boolean;
+        allowAutoMatch: boolean;
+        isAsyncList: boolean;
+        leftSpace: number;
+        popoverProps: {};
+        tagOverflowTips: {};
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -1199,7 +1415,7 @@ declare const TagInput: {
         default: boolean;
     };
     tagOverflowTips: {
-        type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>;
+        type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
         default: () => {};
     };
 }>> & {
@@ -1218,12 +1434,12 @@ declare const TagInput: {
     curInputValue: import("vue").Ref<string>;
     renderList: import("vue").ComputedRef<any[]>;
     showTagClose: import("vue").ComputedRef<boolean>;
-    tagInputRef: any;
-    bkTagSelectorRef: any;
-    tagListRef: any;
-    tagInputItemRef: any;
+    tagInputRef: import("vue").Ref<any>;
+    bkTagSelectorRef: import("vue").Ref<any>;
+    tagListRef: import("vue").Ref<any>;
+    tagInputItemRef: import("vue").Ref<any>;
     inputValueRef: import("vue").Ref<HTMLElement>;
-    selectorListRef: any;
+    selectorListRef: import("vue").Ref<any>;
     triggerClass: import("vue").ComputedRef<{
         [x: string]: boolean;
         active: boolean;
@@ -1283,16 +1499,16 @@ declare const TagInput: {
     searchKey: string | string[];
     allowCreate: boolean;
     collapseTags: boolean;
+    contentWidth: number;
+    displayKey: string;
     tooltipKey: string;
     saveKey: string;
-    displayKey: string;
     hasDeleteIcon: boolean;
     useGroup: boolean;
     clearTextSpace: boolean;
     maxData: number;
     maxResult: number;
     contentMaxHeight: number;
-    contentWidth: number;
     allowNextFocus: boolean;
     allowAutoMatch: boolean;
     isAsyncList: boolean;
@@ -1301,3 +1517,4 @@ declare const TagInput: {
     tagOverflowTips: {};
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default TagInput;
+export { useTagsOverflow, TagInput };