bkui-vue 0.0.1-beta.4 → 0.0.1-beta.42

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;

package/lib/select/select.js

@@ -0,0 +1 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("@babel/runtime/regenerator"),require("@babel/runtime/helpers/toConsumableArray"),require("../icon"),require("@babel/runtime/helpers/defineProperty"),require("../directives"),require("../loading"),require("../popover"),require("../tag"));else if("function"==typeof define&&define.amd)define(["../shared","vue","@babel/runtime/regenerator","@babel/runtime/helpers/toConsumableArray","../icon","@babel/runtime/helpers/defineProperty","../directives","../loading","../popover","../tag"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("@babel/runtime/regenerator"),require("@babel/runtime/helpers/toConsumableArray"),require("../icon"),require("@babel/runtime/helpers/defineProperty"),require("../directives"),require("../loading"),require("../popover"),require("../tag")):t(e["../shared"],e.vue,e["@babel/runtime/regenerator"],e["@babel/runtime/helpers/toConsumableArray"],e["../icon"],e["@babel/runtime/helpers/defineProperty"],e["../directives"],e["../loading"],e["../popover"],e["../tag"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r,l,n,i,s,a,u)=>(()=>{"use strict";var c={4061:e=>{e.exports=i},6870:e=>{e.exports=l},4870:e=>{e.exports=s},5537:e=>{e.exports=a},4212:t=>{t.exports=e},7739:e=>{e.exports=u},311:e=>{e.exports=n},642:e=>{e.exports=r},8395:e=>{e.exports=o},748:e=>{e.exports=t}},p={};function d(e){var t=p[e];if(void 0!==t)return t.exports;var o=p[e]={exports:{}};return c[e](o,o.exports,d),o.exports}d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var o in t)d.o(t,o)&&!d.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var v={};return(()=>{d.r(v),d.d(v,{BkOption:()=>u,BkOptionGroup:()=>h,BkSelect:()=>C,default:()=>k});var e=d(4212),t=d(748),o=d(8395),r=d.n(o);Object.create,Object.create;var l=Symbol("BkSelect"),n=Symbol("BkOptionGroup");function i(e){return{register:function(t){if(t)return e.value.add(t)},unregister:function(t){return e.value.delete(t)}}}function s(e){var o=this,l=function(e){var o,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:200,l=e;return(0,t.customRef)((function(e,t){return{get:function(){return e(),l},set:function(e){clearTimeout(o),o=setTimeout((function(){l=e,t()}),r)}}}))}(""),n=(0,t.ref)(!1);return(0,t.watch)(l,(function(){return t=o,i=void 0,s=void 0,a=r().mark((function t(){return r().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n.value=!0,t.next=3,e(l.value);case 3:n.value=!1;case 4:case"end":return t.stop()}}),t)})),new(s||(s=Promise))((function(e,o){function r(e){try{n(a.next(e))}catch(e){o(e)}}function l(e){try{n(a.throw(e))}catch(e){o(e)}}function n(t){var o;t.done?e(t.value):(o=t.value,o instanceof s?o:new s((function(e){e(o)}))).then(r,l)}n((a=a.apply(t,i||[])).next())}));var t,i,s,a})),{searchKey:l,searchLoading:n}}function a(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e?String(e).trim().toLowerCase():e}const u=(0,t.defineComponent)({name:"Option",props:{value:e.PropTypes.oneOfType([String,Number,Boolean]),label:e.PropTypes.oneOfType([String,Number]),disabled:e.PropTypes.bool.def(!1)},setup:function(e){var o=(0,t.getCurrentInstance)().proxy,r=(0,t.reactive)({visible:!0}),i=(0,t.toRefs)(e).disabled,s=(0,t.inject)(l,null),a=(0,t.inject)(n,null),u=(0,t.computed)((function(){return s.selectedOptions.has(o)})),c=(0,t.computed)((function(){return null==s?void 0:s.props.multiple}));return(0,t.onBeforeMount)((function(){null==s||s.register(o),null==a||a.register(o)})),(0,t.onBeforeUnmount)((function(){null==s||s.unregister(o),null==a||a.unregister(o)})),Object.assign(Object.assign({},(0,t.toRefs)(r)),{selected:u,multiple:c,handleOptionClick:function(){i.value||null==s||s.handleOptionSelected(o)}})},render:function(){var o,r,l,n=(0,e.classes)({"is-selected":this.selected,"is-disabled":this.disabled,"is-multiple":this.multiple,"is-hover":!1,"bk-select-option":!0});return(0,t.withDirectives)((0,t.createVNode)("li",{class:n,onClick:this.handleOptionClick},[null!==(l=null===(r=(o=this.$slots).default)||void 0===r?void 0:r.call(o))&&void 0!==l?l:(0,t.createVNode)("span",null,[this.label])]),[[t.vShow,this.visible]])}});var c=d(642),p=d.n(c),f=d(6870);const h=(0,t.defineComponent)({name:"Group",props:{label:e.PropTypes.string.def(""),disabled:e.PropTypes.bool.def(!1),collapsible:e.PropTypes.bool.def(!1),collapse:e.PropTypes.bool.def(!1)},setup:function(e,o){var r=o.emit,s=(0,t.getCurrentInstance)().proxy,a=(0,t.inject)(l,null),u=(0,t.reactive)({groupCollapse:e.collapse,visible:!0}),c=(0,t.ref)(new Set),d=i(c),v=d.register,f=d.unregister,h=(0,t.computed)((function(){return"".concat(e.label," (").concat(p()(c.value.values()).filter((function(e){return e.visible})).length,")")}));return(0,t.provide)(n,(0,t.reactive)(Object.assign(Object.assign({},(0,t.toRefs)(e)),{register:v,unregister:f,groupCollapse:(0,t.toRef)(u,"groupCollapse")}))),(0,t.onBeforeMount)((function(){null==a||a.registerGroup(s)})),(0,t.onBeforeUnmount)((function(){null==a||a.unregisterGroup(s)})),Object.assign(Object.assign({},(0,t.toRefs)(u)),{groupLabel:h,handleToggleCollapse:function(){e.collapsible&&!e.disabled&&(u.groupCollapse=!u.groupCollapse,r("update:collapse",u.groupCollapse))}})},render:function(){var o,r,l=(0,e.classes)({"bk-option-group":!0,collapsible:this.collapsible,disabled:this.disabled}),n=(0,e.classes)({"bk-option-group-label":!0,collapsible:this.collapsible}),i=(0,e.classes)({"default-group-label-icon":!0,collapse:this.groupCollapse});return(0,t.withDirectives)((0,t.createVNode)("ul",{class:l},[(0,t.createVNode)("li",{class:n,onClick:this.handleToggleCollapse},[this.$slots.label?this.$slots.label():(0,t.createVNode)("span",{class:"default-group-label"},[this.collapsible&&(0,t.createVNode)(f.AngleUpFill,{class:i},null),(0,t.createVNode)("span",{class:"default-group-label-title"},[this.groupLabel])])]),(0,t.withDirectives)((0,t.createVNode)("ul",{class:"bk-option-group-content"},[null===(r=(o=this.$slots).default)||void 0===r?void 0:r.call(o)]),[[t.vShow,!this.groupCollapse]])]),[[t.vShow,this.visible]])}});var b=d(311),g=d.n(b),m=d(4061),y=d(4870),P=d.n(y),O=d(5537),T=d.n(O),x=d(7739),S=d.n(x);const w=(0,t.defineComponent)({name:"Select",directives:{clickoutside:m.clickoutside},props:{modelValue:e.PropTypes.any,multiple:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),size:e.PropTypes.size().def("default"),clearable:e.PropTypes.bool.def(!0),loading:e.PropTypes.bool.def(!1),filterable:e.PropTypes.bool.def(!1),remoteMethod:e.PropTypes.func,scrollHeight:e.PropTypes.number.def(216),showSelectAll:e.PropTypes.bool.def(!1),popoverMinWidth:e.PropTypes.number.def(0),showOnInit:e.PropTypes.bool.def(!1),multipleMode:e.PropTypes.oneOf(["default","tag"]).def("default"),tagTheme:e.PropTypes.theme(["success","info","warning","danger"]).def(""),behavior:e.PropTypes.oneOf(["normal","simplicity"]).def("normal"),collapseTags:e.PropTypes.bool.def(!1),noDataText:e.PropTypes.string.def("无数据"),noMatchText:e.PropTypes.string.def("无匹配数据"),loadingText:e.PropTypes.string.def("加载中..."),placeholder:e.PropTypes.string.def("请选择"),selectAllText:e.PropTypes.string.def("全部")},emits:["update:modelValue","change","toggle","clear"],setup:function(e,o){var r=o.emit,n=(0,t.toRefs)(e),u=n.modelValue,c=n.disabled,d=n.filterable,v=n.placeholder,f=n.multiple,h=n.remoteMethod,b=n.loading,g=n.loadingText,m=n.noDataText,y=n.noMatchText,P=n.popoverMinWidth,O=n.showOnInit,T=(0,t.reactive)({currentPlaceholder:v.value,selectedOptions:new Set,currentSelectedLabel:""}),x=(0,t.ref)(),S=(0,t.ref)(),w=(0,t.ref)(new Set),C=(0,t.ref)(new Set),k=(0,t.computed)((function(){return c.value||b.value})),V=(0,t.computed)((function(){return p()(T.selectedOptions.values()).map((function(e){return e.label}))})),N=(0,t.computed)((function(){return p()(w.value.values()).filter((function(e){return!e.disabled})).every((function(e){return T.selectedOptions.has(e)}))})),j=(0,t.computed)((function(){return!!C.value.size})),q=(0,t.computed)((function(){return!w.value.size})),M=(0,t.computed)((function(){var e=p()(w.value.values());return e.length&&e.every((function(e){return!e.visible}))})),F=(0,t.computed)((function(){return"function"==typeof h.value})),H=(0,t.computed)((function(){return!(ne.value||q.value||M.value)})),L=(0,t.computed)((function(){return ne.value?g.value:q.value?m.value:M.value?y.value:""})),A=i(w),R=A.register,B=A.unregister,I=i(C),D=I.register,$=I.unregister,G=function(){var e=(0,t.ref)(!1);return{isHover:e,setHover:function(){e.value=!0},cancelHover:function(){e.value=!1}}}(),U=G.isHover,W=G.setHover,z=G.cancelHover,K=function(){var e=(0,t.ref)(!1);return{isFocus:e,handleFocus:function(){e.value=!0},handleBlur:function(){e.value=!1}}}(),E=K.isFocus,_=K.handleFocus,J=K.handleBlur,Q=function(e){var o=e.popoverMinWidth,r=(0,t.ref)("auto"),l=(0,t.ref)(!1);return{isPopoverShow:l,popperWidth:r,togglePopover:function(){l.value=!l.value},onPopoverFirstUpdate:function(e){var t=e.elements.reference;r.value=Math.max(t.offsetWidth,o)},hidePopover:function(){l.value=!1},showPopover:function(){l.value=!0}}}({popoverMinWidth:P.value}),X=Q.popperWidth,Y=Q.isPopoverShow,Z=Q.onPopoverFirstUpdate,ee=Q.hidePopover,te=Q.showPopover,oe=Q.togglePopover,re=s(F.value?h.value:function(e){w.value.forEach((function(t){var o;t.visible=null===(o=a(String(t.label)))||void 0===o?void 0:o.includes(a(e))}))}),le=re.searchKey,ne=re.searchLoading,ie=function(){var e=V.value.join(",");d.value&&Y.value?(T.currentPlaceholder=e||v.value,T.currentSelectedLabel=""):(T.currentPlaceholder=v.value,T.currentSelectedLabel=e,le.value="")};(0,t.watch)(Y,(function(){ie()}));var se=function(e){e!==u.value&&(r("change",e),r("update:modelValue",e))},ae=function(){x.value.focus(),S.value.update(),!le.value&&ie()},ue=function(e){!k.value&&e&&(f.value?(T.selectedOptions.has(e)?T.selectedOptions.delete(e):T.selectedOptions.add(e),se(p()(T.selectedOptions.values()).map((function(e){return e.value})))):(T.selectedOptions.clear(),T.selectedOptions.add(e),se(e.value),ee()),ae())};return(0,t.provide)(l,(0,t.reactive)({props:e,selectedOptions:(0,t.unref)(T.selectedOptions),register:R,unregister:B,registerGroup:D,unregisterGroup:$,handleOptionSelected:ue})),(0,t.onMounted)((function(){var e=Array.isArray(u.value)?u.value:[u.value];w.value.forEach((function(t){e.includes(t.value)&&T.selectedOptions.add(t)})),ie(),setTimeout((function(){O.value&&te()}))})),Object.assign(Object.assign({},(0,t.toRefs)(T)),{options:w,isDisabled:k,selectedLabel:V,isPopoverShow:Y,isHover:U,popperWidth:X,popoverRef:S,inputRef:x,searchLoading:ne,isOptionsEmpty:q,isSearchEmpty:M,isFocus:E,isShowSelectContent:H,curContentText:L,isGroup:j,searchKey:le,setHover:W,cancelHover:z,handleFocus:_,handleInput:function(e){le.value=e.target.value},handleTogglePopover:function(){k.value||(oe(),r("toggle",Y.value))},handleClear:function(e){e.stopPropagation(),T.selectedOptions.clear(),ee(),ie(),se(f.value?[]:""),r("clear",f.value?[]:"")},onPopoverFirstUpdate:Z,hidePopover:ee,showPopover:te,handleToggleAll:function(){N.value?T.selectedOptions.clear():w.value.forEach((function(e){e.disabled||T.selectedOptions.has(e)||T.selectedOptions.add(e)})),ae(),se(p()(T.selectedOptions.values()).map((function(e){return e.value})))},handleOptionSelected:ue,handleClickOutside:function(){ee(),J()}})},render:function(){var o,r=this,l=(0,e.classes)((o={"bk-select":!0,"popover-show":this.isPopoverShow,"is-disabled":this.isDisabled,"is-focus":this.isFocus,"is-filterable":this.filterable},g()(o,this.size,!0),g()(o,this.behavior,!0),o));return(0,t.withDirectives)((0,t.createVNode)("div",{class:l},[(0,t.createVNode)(T(),{ref:"popoverRef",theme:"light",trigger:"manual",width:this.popperWidth,arrow:!1,placement:"bottom",isShow:this.isPopoverShow,modifiers:[{name:"offset",options:{offset:[0,4]}}],handleFirstUpdate:this.onPopoverFirstUpdate},{default:function(){return(0,t.createVNode)("div",{class:"bk-select-trigger",onClick:r.handleTogglePopover,onMouseenter:r.setHover,onMouseleave:r.cancelHover},[r.$slots.prefixIcon?(0,t.createVNode)("span",{class:"bk-select-prefix"},[null===(o=(e=r.$slots).prefixIcon)||void 0===o?void 0:o.call(e)]):null,"tag"===r.multipleMode?(0,t.createVNode)("div",{class:"bk-select-tag"},[p()(r.selectedOptions.values()).map((function(e){return(0,t.createVNode)(S(),{closable:!0,style:{marginTop:"3px"},theme:r.tagTheme,onClose:function(){return r.handleOptionSelected(e)}},{default:function(){return[e.label]}})})),(0,t.createVNode)("input",(0,t.mergeProps)({"on-input":function(e){e.target.composing||(r.searchKey=e.target.value)},class:"bk-select-tag-input",ref:"inputRef",type:"text",placeholder:r.selectedOptions.size?"":r.placeholder,readonly:!r.filterable||!r.isPopoverShow,onFocus:r.handleFocus,"domProps-value":r.searchKey},{directives:[{name:"model",value:r.searchKey,modifiers:{}}]}),null)]):(0,t.createVNode)("input",(0,t.mergeProps)({"on-input":function(e){e.target.composing||(r.currentSelectedLabel=e.target.value)},ref:"inputRef",type:"text",class:"bk-select-input",style:{paddingLeft:r.$slots.prefixIcon?"20px":"10px"},placeholder:r.currentPlaceholder,readonly:!r.filterable||!r.isPopoverShow,onFocus:r.handleFocus,onInput:r.handleInput,"domProps-value":r.currentSelectedLabel},{directives:[{name:"model",value:r.currentSelectedLabel,modifiers:{}}]}),null),r.loading?(0,t.createVNode)(P(),{class:"spinner",mode:"spin",size:"mini"},null):r.clearable&&r.isHover?(0,t.createVNode)(f.Close,{class:"clear-icon",onClick:r.handleClear},null):(0,t.createVNode)(f.AngleUp,{class:"angle-up"},null)]);var e,o},content:function(){return(0,t.createVNode)("div",null,[!r.isShowSelectContent&&(0,t.createVNode)("div",{class:"bk-select-empty"},[r.searchLoading&&(0,t.createVNode)(P(),{class:"mr5",mode:"spin",size:"mini"},null),r.curContentText]),(0,t.createVNode)("div",{class:"bk-select-content"},[(0,t.createVNode)("div",{class:"bk-select-dropdown",style:{maxHeight:"".concat(r.scrollHeight,"px")}},[(0,t.withDirectives)((0,t.createVNode)("ul",{class:"bk-select-options"},[r.multiple&&r.showSelectAll&&!r.searchKey&&(0,t.createVNode)("li",{class:"bk-select-option",onClick:r.handleToggleAll},[r.selectAllText]),null===(o=(e=r.$slots).default)||void 0===o?void 0:o.call(e)]),[[t.vShow,r.isShowSelectContent]])]),r.$slots.extension&&(0,t.createVNode)("div",{class:"bk-select-extension"},[r.$slots.extension()])])]);var e,o}})]),[[(0,t.resolveDirective)("clickoutside"),this.handleClickOutside]])}});var C=(0,e.withInstallProps)(w,{Option:u,Group:h});const k=C})(),v})()));