bkui-vue 0.0.1-beta.2 → 0.0.1-beta.200

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

@@ -0,0 +1,547 @@
+import { type Ref } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    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;
+    };
+    withValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popoverProps: {
+        type: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+            onAfterHidden: FunctionConstructor;
+            onAfterShow: FunctionConstructor;
+            contentCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            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;
+            };
+            content: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            transition: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            placement: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            theme: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            handleFirstUpdate: {
+                type: import("vue").PropType<import("../shared").OnFirstUpdateFnType>;
+                default: () => void;
+            };
+            trigger: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            } & {
+                default: () => unknown[];
+            };
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+                default: string | (() => string[]);
+            };
+        }>>>>;
+        default: () => {};
+    };
+}, {
+    isShowPlaceholder: import("vue").ComputedRef<boolean>;
+    isShowClear: import("vue").ComputedRef<boolean>;
+    curInputValue: Ref<string>;
+    renderList: import("vue").ComputedRef<any[]>;
+    showTagClose: import("vue").ComputedRef<boolean>;
+    tagInputRef: any;
+    bkTagSelectorRef: any;
+    tagListRef: any;
+    tagInputItemRef: any;
+    selectorListRef: any;
+    popoverRef: any;
+    triggerClass: import("vue").ComputedRef<{
+        'bk-tag-input-trigger': boolean;
+        active: boolean;
+        disabled: boolean;
+    }>;
+    focusInputTrigger: (e?: MouseEvent) => void;
+    activeClass: (data: any, index: number) => {
+        'bk-selector-actived': boolean;
+        'bk-selector-selected': 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) => boolean;
+    curPage: Ref<number>;
+    totalSize: Ref<number>;
+    totalPage: Ref<number>;
+    pageSize: Ref<number>;
+    isPageLoading: Ref<boolean>;
+    curPageList: Ref<any[]>;
+    renderListPaged: Ref<any[]>;
+    localList: Ref<any[]>;
+    tagListCache: Ref<any[]>;
+    selectedTagList: Ref<any[]>;
+    selectedTagListCache: Ref<any[]>;
+    isEdit: Ref<boolean>;
+    isHover: Ref<boolean>;
+    focusItemIndex: Ref<number>;
+    popoverProps: {
+        isShow: boolean;
+        width: number;
+        modifiers: {
+            name: string;
+            options: {
+                offset: number[];
+            };
+        }[];
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "blur" | "change" | "update:modelValue" | "remove" | "removeAll")[], "select" | "blur" | "change" | "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<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;
+    };
+    withValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popoverProps: {
+        type: import("vue").PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
+            onAfterHidden: FunctionConstructor;
+            onAfterShow: FunctionConstructor;
+            contentCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            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;
+            };
+            content: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            transition: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            placement: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            theme: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            handleFirstUpdate: {
+                type: import("vue").PropType<import("../shared").OnFirstUpdateFnType>;
+                default: () => void;
+            };
+            trigger: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            } & {
+                default: () => unknown[];
+            };
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+                default: string | (() => string[]);
+            };
+        }>>>>;
+        default: () => {};
+    };
+}>> & {
+    onBlur?: (...args: any[]) => any;
+    onChange?: (...args: any[]) => any;
+    onSelect?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onRemove?: (...args: any[]) => any;
+    onRemoveAll?: (...args: any[]) => any;
+}, {
+    disabled: boolean;
+    trigger: string;
+    placeholder: string;
+    list: {
+        [key: string]: any;
+    }[];
+    separator: string;
+    clearable: boolean;
+    showClearOnlyHover: boolean;
+    modelValue: string[];
+    withValidate: boolean;
+    searchKey: string | string[];
+    allowCreate: boolean;
+    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, {
+        [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: {};
+}>;
+export default _default;