bkui-vue 0.0.1-beta.99 → 0.0.1

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

@@ -2,187 +2,102 @@ declare const TagInput: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            trigger: string;
-            disabled: boolean;
-            placeholder: string;
-            list: {
+        $props: {
+            disabled?: boolean;
+            trigger?: "search" | "focus";
+            separator?: string;
+            placeholder?: string;
+            list?: {
                 [key: string]: any;
             }[];
-            separator: string;
-            clearable: boolean;
-            showClearOnlyHover: boolean;
-            modelValue: string[];
-            allowCreate: boolean;
-            searchKey: string | string[];
-            displayKey: string;
-            tooltipKey: string;
-            saveKey: string;
-            hasDeleteIcon: boolean;
-            useGroup: boolean;
-            maxData: number;
-            maxResult: number;
-            contentMaxHeight: number;
-            contentWidth: number;
-            allowNextFocus: boolean;
-            allowAutoMatch: boolean;
-            leftSpace: number;
-            createTagValidator: (tag: any) => boolean;
-            filterCallback: (value: string, searchKey: string | string[], list: any[]) => any[];
-            tagTpl: (node: any, highlightKeyword: Function, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            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;
+            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;
+            key?: string | number | symbol;
+            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)[];
+            "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, {
                 [key: string]: any;
             }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>;
-            tpl: (node: any, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            readonly tpl?: (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: (value: string) => any[];
-        }> & Omit<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<string> & {
-                default: string;
-            };
-            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;
-            };
-            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;
-            };
-            leftSpace: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            };
-            createTagValidator: {
-                type: import("vue").PropType<(tag: any) => boolean>;
-                default: any;
-            };
-            filterCallback: {
-                type: import("vue").PropType<(value: string, searchKey: string | string[], list: any[]) => any[]>;
-                default: 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;
-                }>>;
-                default: 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;
-                }>>;
-                default: any;
-            };
-            pasteFn: {
-                type: import("vue").PropType<(value: string) => any[]>;
-                default: any;
-            };
-        }>> & {
-            onBlur?: (...args: any[]) => any;
-            onChange?: (...args: any[]) => any;
-            onSelect?: (...args: any[]) => any;
-            "onUpdate:modelValue"?: (...args: any[]) => any;
-            onRemove?: (...args: any[]) => any;
+            readonly pasteFn?: (value: string) => any[];
             onRemoveAll?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "trigger" | "disabled" | "placeholder" | "list" | "separator" | "clearable" | "showClearOnlyHover" | "modelValue" | "allowCreate" | "searchKey" | "displayKey" | "tooltipKey" | "saveKey" | "hasDeleteIcon" | "useGroup" | "maxData" | "maxResult" | "contentMaxHeight" | "contentWidth" | "allowNextFocus" | "allowAutoMatch" | "leftSpace" | "createTagValidator" | "filterCallback" | "tagTpl" | "tpl" | "pasteFn">;
+        };
         $attrs: {
             [x: string]: unknown;
         };
@@ -190,11 +105,11 @@ declare const TagInput: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: import("vue").Slot;
+            [name: string]: import("vue").Slot<any>;
         }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: "select" | "blur" | "change" | "update:modelValue" | "remove" | "removeAll", ...args: any[]) => void;
+        $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: "select" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "remove" | "removeAll", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             modelValue: import("vue-types").VueTypeDef<string[]> & {
@@ -242,8 +157,8 @@ declare const TagInput: {
             } & {
                 default: boolean;
             };
-            trigger: import("vue-types").VueTypeDef<string> & {
-                default: string;
+            trigger: import("vue-types").VueTypeDef<"search" | "focus"> & {
+                default: "search" | "focus";
             };
             searchKey: import("vue-types").VueTypeDef<string | string[]> & {
                 default: string | (() => string[]);
@@ -298,6 +213,11 @@ declare const TagInput: {
             } & {
                 default: boolean;
             };
+            isAsyncList: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             leftSpace: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
@@ -305,11 +225,9 @@ declare const TagInput: {
             };
             createTagValidator: {
                 type: import("vue").PropType<(tag: any) => boolean>;
-                default: any;
             };
             filterCallback: {
                 type: import("vue").PropType<(value: string, searchKey: string | string[], list: any[]) => any[]>;
-                default: any;
             };
             tagTpl: {
                 type: import("vue").PropType<(node: any, highlightKeyword: Function, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -317,7 +235,6 @@ declare const TagInput: {
                 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>>;
-                default: any;
             };
             tpl: {
                 type: import("vue").PropType<(node: any, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -325,15 +242,148 @@ declare const TagInput: {
                 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>>;
-                default: any;
             };
             pasteFn: {
                 type: import("vue").PropType<(value: string) => any[]>;
-                default: any;
+            };
+            withValidate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popoverProps: {
+                type: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+                    onAfterHidden: FunctionConstructor;
+                    onAfterShow: FunctionConstructor;
+                    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;
+                    };
+                    width: import("vue-types").VueTypeDef<string | number> & {
+                        default: string | number;
+                    };
+                    height: 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> & {
+                        default: string | number;
+                    };
+                    allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+                        default: boolean;
+                    } & {
+                        default: boolean;
+                    };
+                    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+                        default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+                    };
+                    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> & {
+                        default: 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;
+                    };
+                }>>>>;
+                default: () => {};
+            };
+            collapseTags: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tagOverflowTips: {
+                type: import("vue").PropType<Partial<import("../directives/src/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;
@@ -341,8 +391,8 @@ declare const TagInput: {
         }, {
             isShowPlaceholder: import("vue").ComputedRef<boolean>;
             isShowClear: import("vue").ComputedRef<boolean>;
+            placeholderText: import("vue").ComputedRef<string>;
             curInputValue: import("vue").Ref<string>;
-            formatList: any[];
             renderList: import("vue").ComputedRef<any[]>;
             showTagClose: import("vue").ComputedRef<boolean>;
             tagInputRef: any;
@@ -350,16 +400,16 @@ declare const TagInput: {
             tagListRef: any;
             tagInputItemRef: any;
             selectorListRef: any;
-            popoverRef: any;
             triggerClass: import("vue").ComputedRef<{
-                'bk-tag-input-trigger': boolean;
+                [x: string]: boolean;
                 active: boolean;
                 disabled: boolean;
             }>;
+            overflowTagIndex: import("vue").Ref<number>;
+            localCollapseTags: import("vue").ComputedRef<boolean>;
             focusInputTrigger: (e?: MouseEvent) => void;
             activeClass: (data: any, index: number) => {
-                'bk-selector-actived': boolean;
-                'bk-selector-selected': boolean;
+                [x: string]: boolean;
             };
             handleInput: (e?: Event) => void;
             handleFocus: () => void;
@@ -370,6 +420,7 @@ declare const TagInput: {
             tagFocus: (e: MouseEvent) => void;
             handleKeydown: (e: KeyboardEvent) => void;
             handlePaste: (e: ClipboardEvent) => boolean;
+            resolveClassName: (cls: string) => string;
             curPage: import("vue").Ref<number>;
             totalSize: import("vue").Ref<number>;
             totalPage: import("vue").Ref<number>;
@@ -387,29 +438,29 @@ declare const TagInput: {
             popoverProps: {
                 isShow: boolean;
                 width: number;
-                modifiers: {
-                    name: string;
-                    options: {
-                        offset: number[];
-                    };
-                }[];
+                offset: {
+                    mainAxis: number;
+                    crossAxis: number;
+                };
             };
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "blur" | "change" | "update:modelValue" | "remove" | "removeAll")[], string, {
-            trigger: string;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "remove" | "removeAll")[], string, {
             disabled: boolean;
+            trigger: "search" | "focus";
+            separator: string;
             placeholder: string;
             list: {
                 [key: string]: any;
             }[];
-            separator: string;
             clearable: boolean;
             showClearOnlyHover: boolean;
             modelValue: string[];
-            allowCreate: boolean;
+            withValidate: boolean;
             searchKey: string | string[];
-            displayKey: string;
+            allowCreate: boolean;
+            collapseTags: boolean;
             tooltipKey: string;
             saveKey: string;
+            displayKey: string;
             hasDeleteIcon: boolean;
             useGroup: boolean;
             maxData: number;
@@ -418,21 +469,11 @@ declare const TagInput: {
             contentWidth: number;
             allowNextFocus: boolean;
             allowAutoMatch: boolean;
+            isAsyncList: boolean;
             leftSpace: number;
-            createTagValidator: (tag: any) => boolean;
-            filterCallback: (value: string, searchKey: string | string[], list: any[]) => any[];
-            tagTpl: (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: (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: (value: string) => any[];
-        }> & {
+            popoverProps: {};
+            tagOverflowTips: {};
+        }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -447,11 +488,11 @@ declare const TagInput: {
             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, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | 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(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        $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<{
         modelValue: import("vue-types").VueTypeDef<string[]> & {
             default: () => string[];
@@ -498,8 +539,8 @@ declare const TagInput: {
         } & {
             default: boolean;
         };
-        trigger: import("vue-types").VueTypeDef<string> & {
-            default: string;
+        trigger: import("vue-types").VueTypeDef<"search" | "focus"> & {
+            default: "search" | "focus";
         };
         searchKey: import("vue-types").VueTypeDef<string | string[]> & {
             default: string | (() => string[]);
@@ -554,6 +595,11 @@ declare const TagInput: {
         } & {
             default: boolean;
         };
+        isAsyncList: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         leftSpace: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -561,11 +607,9 @@ declare const TagInput: {
         };
         createTagValidator: {
             type: import("vue").PropType<(tag: any) => boolean>;
-            default: any;
         };
         filterCallback: {
             type: import("vue").PropType<(value: string, searchKey: string | string[], list: any[]) => any[]>;
-            default: any;
         };
         tagTpl: {
             type: import("vue").PropType<(node: any, highlightKeyword: Function, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -573,7 +617,6 @@ declare const TagInput: {
             }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>>;
-            default: any;
         };
         tpl: {
             type: import("vue").PropType<(node: any, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -581,15 +624,148 @@ declare const TagInput: {
             }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>>;
-            default: any;
         };
         pasteFn: {
             type: import("vue").PropType<(value: string) => any[]>;
-            default: any;
+        };
+        withValidate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popoverProps: {
+            type: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+                onAfterHidden: FunctionConstructor;
+                onAfterShow: FunctionConstructor;
+                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;
+                };
+                width: import("vue-types").VueTypeDef<string | number> & {
+                    default: string | number;
+                };
+                height: 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> & {
+                    default: string | number;
+                };
+                allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
+                placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+                    default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+                };
+                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> & {
+                    default: 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;
+                };
+            }>>>>;
+            default: () => {};
+        };
+        collapseTags: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tagOverflowTips: {
+            type: import("vue").PropType<Partial<import("../directives/src/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;
@@ -597,8 +773,8 @@ declare const TagInput: {
     } & import("vue").ShallowUnwrapRef<{
         isShowPlaceholder: import("vue").ComputedRef<boolean>;
         isShowClear: import("vue").ComputedRef<boolean>;
+        placeholderText: import("vue").ComputedRef<string>;
         curInputValue: import("vue").Ref<string>;
-        formatList: any[];
         renderList: import("vue").ComputedRef<any[]>;
         showTagClose: import("vue").ComputedRef<boolean>;
         tagInputRef: any;
@@ -606,16 +782,16 @@ declare const TagInput: {
         tagListRef: any;
         tagInputItemRef: any;
         selectorListRef: any;
-        popoverRef: any;
         triggerClass: import("vue").ComputedRef<{
-            'bk-tag-input-trigger': boolean;
+            [x: string]: boolean;
             active: boolean;
             disabled: boolean;
         }>;
+        overflowTagIndex: import("vue").Ref<number>;
+        localCollapseTags: import("vue").ComputedRef<boolean>;
         focusInputTrigger: (e?: MouseEvent) => void;
         activeClass: (data: any, index: number) => {
-            'bk-selector-actived': boolean;
-            'bk-selector-selected': boolean;
+            [x: string]: boolean;
         };
         handleInput: (e?: Event) => void;
         handleFocus: () => void;
@@ -626,6 +802,7 @@ declare const TagInput: {
         tagFocus: (e: MouseEvent) => void;
         handleKeydown: (e: KeyboardEvent) => void;
         handlePaste: (e: ClipboardEvent) => boolean;
+        resolveClassName: (cls: string) => string;
         curPage: import("vue").Ref<number>;
         totalSize: import("vue").Ref<number>;
         totalPage: import("vue").Ref<number>;
@@ -643,14 +820,12 @@ declare const TagInput: {
         popoverProps: {
             isShow: boolean;
             width: number;
-            modifiers: {
-                name: string;
-                options: {
-                    offset: number[];
-                };
-            }[];
+            offset: {
+                mainAxis: number;
+                crossAxis: number;
+            };
         };
-    }> & {} & {} & import("vue").ComponentCustomProperties;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -700,8 +875,8 @@ declare const TagInput: {
     } & {
         default: boolean;
     };
-    trigger: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    trigger: import("vue-types").VueTypeDef<"search" | "focus"> & {
+        default: "search" | "focus";
     };
     searchKey: import("vue-types").VueTypeDef<string | string[]> & {
         default: string | (() => string[]);
@@ -756,6 +931,11 @@ declare const TagInput: {
     } & {
         default: boolean;
     };
+    isAsyncList: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     leftSpace: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -763,11 +943,9 @@ declare const TagInput: {
     };
     createTagValidator: {
         type: import("vue").PropType<(tag: any) => boolean>;
-        default: any;
     };
     filterCallback: {
         type: import("vue").PropType<(value: string, searchKey: string | string[], list: any[]) => any[]>;
-        default: any;
     };
     tagTpl: {
         type: import("vue").PropType<(node: any, highlightKeyword: Function, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -775,7 +953,6 @@ declare const TagInput: {
         }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>>;
-        default: any;
     };
     tpl: {
         type: import("vue").PropType<(node: any, h: Function, ctx: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -783,15 +960,148 @@ declare const TagInput: {
         }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>>;
-        default: any;
     };
     pasteFn: {
         type: import("vue").PropType<(value: string) => any[]>;
-        default: any;
+    };
+    withValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popoverProps: {
+        type: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+            onAfterHidden: FunctionConstructor;
+            onAfterShow: FunctionConstructor;
+            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;
+            };
+            width: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            height: 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> & {
+                default: string | number;
+            };
+            allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+                default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+            };
+            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> & {
+                default: 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;
+            };
+        }>>>>;
+        default: () => {};
+    };
+    collapseTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tagOverflowTips: {
+        type: import("vue").PropType<Partial<import("../directives/src/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;
@@ -799,8 +1109,8 @@ declare const TagInput: {
 }, {
     isShowPlaceholder: import("vue").ComputedRef<boolean>;
     isShowClear: import("vue").ComputedRef<boolean>;
+    placeholderText: import("vue").ComputedRef<string>;
     curInputValue: import("vue").Ref<string>;
-    formatList: any[];
     renderList: import("vue").ComputedRef<any[]>;
     showTagClose: import("vue").ComputedRef<boolean>;
     tagInputRef: any;
@@ -808,16 +1118,16 @@ declare const TagInput: {
     tagListRef: any;
     tagInputItemRef: any;
     selectorListRef: any;
-    popoverRef: any;
     triggerClass: import("vue").ComputedRef<{
-        'bk-tag-input-trigger': boolean;
+        [x: string]: boolean;
         active: boolean;
         disabled: boolean;
     }>;
+    overflowTagIndex: import("vue").Ref<number>;
+    localCollapseTags: import("vue").ComputedRef<boolean>;
     focusInputTrigger: (e?: MouseEvent) => void;
     activeClass: (data: any, index: number) => {
-        'bk-selector-actived': boolean;
-        'bk-selector-selected': boolean;
+        [x: string]: boolean;
     };
     handleInput: (e?: Event) => void;
     handleFocus: () => void;
@@ -828,6 +1138,7 @@ declare const TagInput: {
     tagFocus: (e: MouseEvent) => void;
     handleKeydown: (e: KeyboardEvent) => void;
     handlePaste: (e: ClipboardEvent) => boolean;
+    resolveClassName: (cls: string) => string;
     curPage: import("vue").Ref<number>;
     totalSize: import("vue").Ref<number>;
     totalPage: import("vue").Ref<number>;
@@ -845,29 +1156,29 @@ declare const TagInput: {
     popoverProps: {
         isShow: boolean;
         width: number;
-        modifiers: {
-            name: string;
-            options: {
-                offset: number[];
-            };
-        }[];
+        offset: {
+            mainAxis: number;
+            crossAxis: number;
+        };
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "blur" | "change" | "update:modelValue" | "remove" | "removeAll")[], "select" | "blur" | "change" | "update:modelValue" | "remove" | "removeAll", {
-    trigger: string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "remove" | "removeAll")[], "select" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "remove" | "removeAll", {
     disabled: boolean;
+    trigger: "search" | "focus";
+    separator: string;
     placeholder: string;
     list: {
         [key: string]: any;
     }[];
-    separator: string;
     clearable: boolean;
     showClearOnlyHover: boolean;
     modelValue: string[];
-    allowCreate: boolean;
+    withValidate: boolean;
     searchKey: string | string[];
-    displayKey: string;
+    allowCreate: boolean;
+    collapseTags: boolean;
     tooltipKey: string;
     saveKey: string;
+    displayKey: string;
     hasDeleteIcon: boolean;
     useGroup: boolean;
     maxData: number;
@@ -876,19 +1187,9 @@ declare const TagInput: {
     contentWidth: number;
     allowNextFocus: boolean;
     allowAutoMatch: boolean;
+    isAsyncList: boolean;
     leftSpace: number;
-    createTagValidator: (tag: any) => boolean;
-    filterCallback: (value: string, searchKey: string | string[], list: any[]) => any[];
-    tagTpl: (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: (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: (value: string) => any[];
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+    popoverProps: {};
+    tagOverflowTips: {};
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default TagInput;