bkui-vue 0.0.1-beta.3 → 0.0.1-beta.32

package/lib/select/select.d.ts

@@ -1,16 +1,11 @@
-import { State } from '@popperjs/core';
+import { OptionInstanceType } from './type';
 declare const _default: import("vue").DefineComponent<{
-    modelValue: import("vue-types").VueTypeDef<string | number | boolean | unknown[]>;
+    modelValue: import("vue-types").VueTypeValidableDef<any>;
     multiple: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    placeholder: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
     disabled: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -34,22 +29,83 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    remoteMethod: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
+    scrollHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    popoverMinWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    showOnInit: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    multipleMode: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    tagTheme: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    behavior: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    noDataText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    noMatchText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    loadingText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    placeholder: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    selectAllText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }, {
-    optionsMap: import("vue").Ref<Map<any, {
+    options: import("vue").Ref<Set<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
             disabled: boolean;
-        }> & Omit<Readonly<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            value: import("vue-types").VueTypeDef<string | number | boolean>;
+            label: import("vue-types").VueTypeDef<string | number>;
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -63,26 +119,19 @@ declare const _default: import("vue").DefineComponent<{
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {}, {
-            selectItemClass: import("vue").ComputedRef<{
-                'is-selected': boolean;
-                'is-disabled': boolean;
-                'is-multiple': boolean;
-                'is-hover': boolean;
-                'bk-select-option': boolean;
-            }>;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            value: import("vue-types").VueTypeDef<string | number | boolean>;
+            label: import("vue-types").VueTypeDef<string | number>;
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>>, {
             selected: import("vue").ComputedRef<boolean>;
-            handleOptionClick: (e: Event) => void;
-            display: import("vue").Ref<boolean>;
+            multiple: import("vue").ComputedRef<boolean>;
+            handleOptionClick: () => void;
+            visible: import("vue").Ref<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             disabled: boolean;
         }> & {
@@ -105,42 +154,62 @@ declare const _default: import("vue").DefineComponent<{
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        value?: unknown;
-        label?: unknown;
-        disabled?: unknown;
-    } & {
-        disabled: boolean;
-    } & {
-        label?: string | number;
-        value?: string | number | boolean;
-    }> & {} & import("vue").ShallowUnwrapRef<{
-        selectItemClass: import("vue").ComputedRef<{
-            'is-selected': boolean;
-            'is-disabled': boolean;
-            'is-multiple': boolean;
-            'is-hover': boolean;
-            'bk-select-option': boolean;
-        }>;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        value: import("vue-types").VueTypeDef<string | number | boolean>;
+        label: import("vue-types").VueTypeDef<string | number>;
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{
         selected: import("vue").ComputedRef<boolean>;
-        handleOptionClick: (e: Event) => void;
-        display: import("vue").Ref<boolean>;
+        multiple: import("vue").ComputedRef<boolean>;
+        handleOptionClick: () => void;
+        visible: import("vue").Ref<boolean>;
     }> & {} & {} & import("vue").ComponentCustomProperties>>;
-    selectedOptions: import("vue").ComputedRef<({
+    isDisabled: import("vue").ComputedRef<boolean>;
+    selectedLabel: import("vue").ComputedRef<(string | number)[]>;
+    isPopoverShow: import("vue").Ref<boolean>;
+    isHover: import("vue").Ref<boolean>;
+    popperWidth: import("vue").Ref<string | number>;
+    popoverRef: import("vue").Ref<any>;
+    inputRef: import("vue").Ref<HTMLElement>;
+    searchLoading: import("vue").Ref<boolean>;
+    isOptionsEmpty: import("vue").ComputedRef<boolean>;
+    isSearchEmpty: import("vue").ComputedRef<boolean>;
+    isFocus: import("vue").Ref<boolean>;
+    isShowSelectContent: import("vue").ComputedRef<boolean>;
+    curContentText: import("vue").ComputedRef<string>;
+    isGroup: import("vue").ComputedRef<boolean>;
+    searchKey: import("vue").Ref<string>;
+    setHover: () => void;
+    cancelHover: () => void;
+    handleFocus: () => void;
+    handleInput: (e: any) => void;
+    handleTogglePopover: () => void;
+    handleClear: (e: Event) => void;
+    onPopoverFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+    hidePopover: () => void;
+    showPopover: () => void;
+    handleToggleAll: () => void;
+    handleOptionSelected: (option: OptionInstanceType) => void;
+    handleClickOutside: () => void;
+    currentPlaceholder: import("vue").Ref<string>;
+    selectedOptions: import("vue").Ref<Set<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
             disabled: boolean;
-        }> & Omit<Readonly<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            value: import("vue-types").VueTypeDef<string | number | boolean>;
+            label: import("vue-types").VueTypeDef<string | number>;
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -154,26 +223,19 @@ declare const _default: import("vue").DefineComponent<{
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<{
-            value?: unknown;
-            label?: unknown;
-            disabled?: unknown;
-        } & {
-            disabled: boolean;
-        } & {
-            label?: string | number;
-            value?: string | number | boolean;
-        }> & {}, {
-            selectItemClass: import("vue").ComputedRef<{
-                'is-selected': boolean;
-                'is-disabled': boolean;
-                'is-multiple': boolean;
-                'is-hover': boolean;
-                'bk-select-option': boolean;
-            }>;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            value: import("vue-types").VueTypeDef<string | number | boolean>;
+            label: import("vue-types").VueTypeDef<string | number>;
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>>, {
             selected: import("vue").ComputedRef<boolean>;
-            handleOptionClick: (e: Event) => void;
-            display: import("vue").Ref<boolean>;
+            multiple: import("vue").ComputedRef<boolean>;
+            handleOptionClick: () => void;
+            visible: import("vue").Ref<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             disabled: boolean;
         }> & {
@@ -196,79 +258,117 @@ declare const _default: import("vue").DefineComponent<{
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        value?: unknown;
-        label?: unknown;
-        disabled?: unknown;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        value: import("vue-types").VueTypeDef<string | number | boolean>;
+        label: import("vue-types").VueTypeDef<string | number>;
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{
+        selected: import("vue").ComputedRef<boolean>;
+        multiple: import("vue").ComputedRef<boolean>;
+        handleOptionClick: () => void;
+        visible: import("vue").Ref<boolean>;
+    }> & {} & {} & import("vue").ComponentCustomProperties>>;
+    currentSelectedLabel: import("vue").Ref<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "clear" | "update:modelValue")[], "change" | "toggle" | "clear" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("vue-types").VueTypeValidableDef<any>;
+    multiple: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
     } & {
-        disabled: boolean;
+        default: boolean;
+    };
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    clearable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
     } & {
-        label?: string | number;
-        value?: string | number | boolean;
-    }> & {} & import("vue").ShallowUnwrapRef<{
-        selectItemClass: import("vue").ComputedRef<{
-            'is-selected': boolean;
-            'is-disabled': boolean;
-            'is-multiple': boolean;
-            'is-hover': boolean;
-            'bk-select-option': boolean;
-        }>;
-        selected: import("vue").ComputedRef<boolean>;
-        handleOptionClick: (e: Event) => void;
-        display: import("vue").Ref<boolean>;
-    }> & {} & {} & import("vue").ComponentCustomProperties)[]>;
-    selectedLabel: import("vue").ComputedRef<string>;
-    selectClass: import("vue").ComputedRef<{
-        [x: string]: boolean;
-        'bk-select': boolean;
-        'popover-show': boolean;
-        'is-disabled': boolean;
-        'is-focus': boolean;
-    }>;
-    isPopoverShow: import("vue").Ref<boolean>;
-    placeholder: import("vue").Ref<string>;
-    filterable: import("vue").Ref<boolean>;
-    clearable: import("vue").Ref<boolean>;
-    isHover: import("vue").Ref<boolean>;
-    modifiers: import("vue").Ref<{
-        name: string;
-        options: {
-            offset: number[];
-        };
-    }[]>;
-    popperWidth: import("vue").Ref<string | number>;
-    selectTriggerRef: import("vue").Ref<HTMLElement>;
-    setHover: () => void;
-    cancelHover: () => void;
-    handleFocus: () => void;
-    handleBlur: () => void;
-    toggleMenu: () => void;
-    handleClear: (e: Event) => void;
-    onPopoverFirstUpdate: (instance: State) => void;
-    hidePopover: () => void;
-    showPopover: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "update:modelValue")[], "change" | "toggle" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    multiple?: unknown;
-    placeholder?: unknown;
-    disabled?: unknown;
-    size?: unknown;
-    clearable?: unknown;
-    loading?: unknown;
-    filterable?: unknown;
-} & {
-    placeholder: string;
-    size: string;
-    multiple: boolean;
-    disabled: boolean;
-    loading: boolean;
-    clearable: boolean;
-    filterable: boolean;
-} & {
-    modelValue?: string | number | boolean | unknown[];
-}> & {
+        default: boolean;
+    };
+    loading: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    filterable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    remoteMethod: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
+    scrollHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    popoverMinWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    showOnInit: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    multipleMode: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    tagTheme: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    behavior: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    noDataText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    noMatchText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    loadingText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    placeholder: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    selectAllText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+}>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
+    onClear?: (...args: any[]) => any;
     onToggle?: (...args: any[]) => any;
 }, {
     placeholder: string;
@@ -276,7 +376,20 @@ declare const _default: import("vue").DefineComponent<{
     multiple: boolean;
     disabled: boolean;
     loading: boolean;
+    showOnInit: boolean;
     clearable: boolean;
+    behavior: string;
+    popoverMinWidth: number;
     filterable: boolean;
+    remoteMethod: (...args: any[]) => any;
+    scrollHeight: number;
+    showSelectAll: boolean;
+    multipleMode: string;
+    tagTheme: string;
+    collapseTags: boolean;
+    noDataText: string;
+    noMatchText: string;
+    loadingText: string;
+    selectAllText: string;
 }>;
 export default _default;