bkui-vue 0.0.1-beta.10 → 0.0.1-beta.14

package/lib/radio/radio.css

@@ -130,3 +130,9 @@
   border: 1px solid #63656e;
   transition: all 0.3s;
 }
+.bk-radio-group {
+  display: inline-block;
+  font-size: 0;
+  line-height: 0;
+  letter-spacing: normal;
+}

package/lib/radio/radio.less

@@ -164,3 +164,10 @@
     transition: all .3s;
   }
 }
+
+.bk-radio-group {
+  display: inline-block;
+  font-size: 0;
+  line-height: 0;
+  letter-spacing: normal;
+}

package/lib/radio/radio.variable.css

@@ -5,6 +5,7 @@
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -67,6 +68,21 @@
   --message-success-border-color: #dcffe2;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
 }
 .bk-radio {
   display: inline-block;
@@ -200,3 +216,9 @@
   border: var(--border-width-base) var(--border-style-base) var(--default-color);
   transition: all 0.3s;
 }
+.bk-radio-group {
+  display: inline-block;
+  font-size: 0;
+  line-height: 0;
+  letter-spacing: normal;
+}

package/lib/rate/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,r){"use strict";var o=t.defineComponent({name:"BkStar",props:{rate:r.PropTypes.number.def(0),width:r.PropTypes.number.def(15),height:r.PropTypes.number.def(16),editable:r.PropTypes.bool.def(!0),hoverRate:r.PropTypes.number.def(0),max:r.PropTypes.number.def(5)},emits:["chooseRate","changeHover"],setup:function(e,o){var a=o.emit,n=function(t){return r.classes({"bk-is-select":t<Math.floor(i.value),"bk-is-edit":e.editable,"bk-rate-star":!0})},i=t.computed((function(){return e.hoverRate||e.rate})),s={width:"".concat(e.width,"px"),height:"".concat(e.height,"px"),minWidth:"".concat(e.width,"px")};return function(){return t.createVNode("p",{class:"bk-rate-stars"},[Array(e.max).fill(1).map((function(r,o){return t.createVNode("svg",{class:n(o),style:s,x:"0px",y:"0px",viewBox:"0 0 64 64",onClick:function(){return function(t){e.editable&&a("chooseRate",t+1)}(o)},onMouseenter:function(){return function(t){e.editable&&a("changeHover",t+1)}(o)}},[t.createVNode("g",{transform:"translate(-143.000000, -635.000000)"},[t.createVNode("g",{transform:"translate(83.000000, 114.000000)"},[t.createVNode("g",{transform:"translate(15.000000, 384.000000)"},[t.createVNode("g",{transform:"translate(29.000000, 137.000000)"},[t.createVNode("polygon",{class:"st1",points:"48,53 28.2,63.9 32,40.8 16,24.4 38.1,21 48,-0.1 57.8,21 79.9,24.4 63.9,40.8 67.7,63.9"},null)])])])])])}))])}}}),a=t.defineComponent({name:"BkRate",components:{star:o},props:{modelValue:r.PropTypes.number.def(0),size:r.PropTypes.size(),editable:r.PropTypes.bool.def(!0)},emits:["change","update:modelValue"],setup:function(e,a){var n=a.emit,i=t.ref(0),s=function(t){e.editable&&(n("update:modelValue",t),n("change",t))},l=function(e){i.value=e},u=r.classes({"bk-rate":!0}),d={small:{width:12,height:12},large:{width:18,height:18}}[e.size]||{width:15,height:16},c=t.computed((function(){var t=Math.floor(e.modelValue),r=(d.width+3)*t,o=d.width*(e.modelValue-t);return{width:"".concat(r+o,"px")}})),p={width:d.width,height:d.height};return function(){return t.createVNode("p",{class:u},[e.editable?t.createVNode(o,t.mergeProps({rate:e.modelValue,"hover-rate":i.value,onChooseRate:s,onChangeHover:l,onMouseleave:function(){return l(0)}},p),null):t.createVNode(t.Fragment,null,[t.createVNode(o,t.mergeProps({rate:5,style:c.value,class:"bk-score-real",editable:!1},p),null),t.createVNode(o,t.mergeProps({rate:0,editable:!1},p),null)])])}}}),n=r.withInstall(a);e.default=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,r){"use strict";var o=t.defineComponent({name:"Star",props:{rate:r.PropTypes.number.def(0),width:r.PropTypes.number.def(15),height:r.PropTypes.number.def(16),editable:r.PropTypes.bool.def(!0),hoverRate:r.PropTypes.number.def(0),max:r.PropTypes.number.def(5)},emits:["chooseRate","changeHover"],setup:function(e,o){var a=o.emit,n=function(t){return r.classes({"bk-is-select":t<Math.floor(i.value),"bk-is-edit":e.editable,"bk-rate-star":!0})},i=t.computed((function(){return e.hoverRate||e.rate})),s={width:"".concat(e.width,"px"),height:"".concat(e.height,"px"),minWidth:"".concat(e.width,"px")};return function(){return t.createVNode("p",{class:"bk-rate-stars"},[Array(e.max).fill(1).map((function(r,o){return t.createVNode("svg",{class:n(o),style:s,x:"0px",y:"0px",viewBox:"0 0 64 64",onClick:function(){return function(t){e.editable&&a("chooseRate",t+1)}(o)},onMouseenter:function(){return function(t){e.editable&&a("changeHover",t+1)}(o)}},[t.createVNode("g",{transform:"translate(-143.000000, -635.000000)"},[t.createVNode("g",{transform:"translate(83.000000, 114.000000)"},[t.createVNode("g",{transform:"translate(15.000000, 384.000000)"},[t.createVNode("g",{transform:"translate(29.000000, 137.000000)"},[t.createVNode("polygon",{class:"st1",points:"48,53 28.2,63.9 32,40.8 16,24.4 38.1,21 48,-0.1 57.8,21 79.9,24.4 63.9,40.8 67.7,63.9"},null)])])])])])}))])}}}),a=t.defineComponent({name:"Rate",components:{star:o},props:{modelValue:r.PropTypes.number.def(0),size:r.PropTypes.size(),editable:r.PropTypes.bool.def(!0)},emits:["change","update:modelValue"],setup:function(e,a){var n=a.emit,i=t.ref(0),s=function(t){e.editable&&(n("update:modelValue",t),n("change",t))},l=function(e){i.value=e},u=r.classes({"bk-rate":!0}),d={small:{width:12,height:12},large:{width:18,height:18}}[e.size]||{width:15,height:16},c=t.computed((function(){var t=Math.floor(e.modelValue),r=(d.width+3)*t,o=d.width*(e.modelValue-t);return{width:"".concat(r+o,"px")}})),p={width:d.width,height:d.height};return function(){return t.createVNode("p",{class:u},[e.editable?t.createVNode(o,t.mergeProps({rate:e.modelValue,"hover-rate":i.value,onChooseRate:s,onChangeHover:l,onMouseleave:function(){return l(0)}},p),null):t.createVNode(t.Fragment,null,[t.createVNode(o,t.mergeProps({rate:5,style:c.value,class:"bk-score-real",editable:!1},p),null),t.createVNode(o,t.mergeProps({rate:0,editable:!1},p),null)])])}}}),n=r.withInstall(a);e.default=n,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/rate/star.d.ts

@@ -39,9 +39,9 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     width: number;
     height: number;
+    editable: boolean;
     max: number;
     rate: number;
-    editable: boolean;
     hoverRate: number;
 } & {}> & {
     onChooseRate?: (...args: any[]) => any;
@@ -49,9 +49,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     width: number;
     height: number;
+    editable: boolean;
     max: number;
     rate: number;
-    editable: boolean;
     hoverRate: number;
 }>;
 export default _default;

package/lib/select/common.d.ts

@@ -3,16 +3,16 @@ import Option from './option';
 export declare type OptionInstanceType = InstanceType<typeof Option>;
 export interface ISelectContext {
     props: {
-        modelValue: any;
         multiple?: boolean;
     };
+    selectedOptions: any;
     register(option: OptionInstanceType): any;
-    unregister(option: OptionInstanceType): boolean;
+    unregister(option: OptionInstanceType): any;
     handleOptionSelected(option: OptionInstanceType): void;
 }
 export declare const selectKey: InjectionKey<ISelectContext>;
 export interface IOptionGroupContext {
-    xxx: string;
+    disabled: boolean;
 }
 export declare const optionGroupKey: InjectionKey<IOptionGroupContext>;
 export declare function useFocus(): {
@@ -25,3 +25,4 @@ export declare function useHover(): {
     setHover: () => void;
     cancelHover: () => void;
 };
+export default function useDebouncedRef<T>(value: any, delay?: number): import("vue").Ref<T>;

package/lib/select/index.d.ts

@@ -1,3 +1,5 @@
+import Option from './option';
+import OptionGroup from './optionGroup';
 declare const BkSelect: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -10,6 +12,7 @@ declare const BkSelect: {
             loading: boolean;
             clearable: boolean;
             filterable: boolean;
+            remoteMethod: (...args: any[]) => any;
         }> & Omit<Readonly<{
             modelValue?: unknown;
             multiple?: unknown;
@@ -19,6 +22,7 @@ declare const BkSelect: {
             clearable?: unknown;
             loading?: unknown;
             filterable?: unknown;
+            remoteMethod?: unknown;
         } & {
             placeholder: string;
             size: string;
@@ -28,12 +32,13 @@ declare const BkSelect: {
             clearable: boolean;
             filterable: boolean;
         } & {
-            modelValue?: string | number | boolean | unknown[];
+            modelValue?: any;
+            remoteMethod?: (...args: any[]) => any;
         }> & {
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onToggle?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "size" | "multiple" | "disabled" | "loading" | "clearable" | "filterable">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "size" | "multiple" | "disabled" | "loading" | "clearable" | "filterable" | "remoteMethod">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -56,6 +61,7 @@ declare const BkSelect: {
             clearable?: unknown;
             loading?: unknown;
             filterable?: unknown;
+            remoteMethod?: unknown;
         } & {
             placeholder: string;
             size: string;
@@ -65,13 +71,14 @@ declare const BkSelect: {
             clearable: boolean;
             filterable: boolean;
         } & {
-            modelValue?: string | number | boolean | unknown[];
+            modelValue?: any;
+            remoteMethod?: (...args: any[]) => any;
         }> & {
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onToggle?: (...args: any[]) => any;
         }, {
-            optionsMap: import("vue").Ref<Map<any, {
+            options: import("vue").Ref<Set<{
                 $: import("vue").ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
@@ -117,8 +124,8 @@ declare const BkSelect: {
                         'bk-select-option': boolean;
                     }>;
                     selected: import("vue").ComputedRef<boolean>;
-                    handleOptionClick: (e: Event) => void;
-                    display: import("vue").Ref<boolean>;
+                    handleOptionClick: () => void;
+                    visible: import("vue").Ref<boolean>;
                 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
                     disabled: boolean;
                 }> & {
@@ -159,10 +166,10 @@ declare const BkSelect: {
                     'bk-select-option': boolean;
                 }>;
                 selected: import("vue").ComputedRef<boolean>;
-                handleOptionClick: (e: Event) => void;
-                display: import("vue").Ref<boolean>;
+                handleOptionClick: () => void;
+                visible: import("vue").Ref<boolean>;
             }> & {} & {} & import("vue").ComponentCustomProperties>>;
-            selectedOptions: import("vue").ComputedRef<({
+            selectedOptions: import("vue").Ref<Set<{
                 $: import("vue").ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
@@ -208,8 +215,8 @@ declare const BkSelect: {
                         'bk-select-option': boolean;
                     }>;
                     selected: import("vue").ComputedRef<boolean>;
-                    handleOptionClick: (e: Event) => void;
-                    display: import("vue").Ref<boolean>;
+                    handleOptionClick: () => void;
+                    visible: import("vue").Ref<boolean>;
                 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
                     disabled: boolean;
                 }> & {
@@ -250,9 +257,9 @@ declare const BkSelect: {
                     'bk-select-option': boolean;
                 }>;
                 selected: import("vue").ComputedRef<boolean>;
-                handleOptionClick: (e: Event) => void;
-                display: import("vue").Ref<boolean>;
-            }> & {} & {} & import("vue").ComponentCustomProperties)[]>;
+                handleOptionClick: () => void;
+                visible: import("vue").Ref<boolean>;
+            }> & {} & {} & import("vue").ComponentCustomProperties>>;
             selectedLabel: import("vue").ComputedRef<string>;
             selectClass: import("vue").ComputedRef<{
                 [x: string]: boolean;
@@ -266,21 +273,18 @@ declare const BkSelect: {
             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>;
+            searchKey: import("vue").Ref<string>;
+            searchLoading: import("vue").Ref<boolean>;
+            isEmpty: import("vue").ComputedRef<boolean>;
             setHover: () => void;
             cancelHover: () => void;
             handleFocus: () => void;
             handleBlur: () => void;
             toggleMenu: () => void;
             handleClear: (e: Event) => void;
-            onPopoverFirstUpdate: (instance: import("@popperjs/core").State) => void;
+            onPopoverFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
             hidePopover: () => void;
             showPopover: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "update:modelValue")[], string, {
@@ -291,6 +295,7 @@ declare const BkSelect: {
             loading: boolean;
             clearable: boolean;
             filterable: boolean;
+            remoteMethod: (...args: any[]) => any;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -320,6 +325,7 @@ declare const BkSelect: {
         clearable?: unknown;
         loading?: unknown;
         filterable?: unknown;
+        remoteMethod?: unknown;
     } & {
         placeholder: string;
         size: string;
@@ -329,13 +335,14 @@ declare const BkSelect: {
         clearable: boolean;
         filterable: boolean;
     } & {
-        modelValue?: string | number | boolean | unknown[];
+        modelValue?: any;
+        remoteMethod?: (...args: any[]) => any;
     }> & {
         onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
         onToggle?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
-        optionsMap: import("vue").Ref<Map<any, {
+        options: import("vue").Ref<Set<{
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -381,8 +388,8 @@ declare const BkSelect: {
                     'bk-select-option': boolean;
                 }>;
                 selected: import("vue").ComputedRef<boolean>;
-                handleOptionClick: (e: Event) => void;
-                display: import("vue").Ref<boolean>;
+                handleOptionClick: () => void;
+                visible: import("vue").Ref<boolean>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
                 disabled: boolean;
             }> & {
@@ -423,10 +430,10 @@ declare const BkSelect: {
                 'bk-select-option': boolean;
             }>;
             selected: import("vue").ComputedRef<boolean>;
-            handleOptionClick: (e: Event) => void;
-            display: import("vue").Ref<boolean>;
+            handleOptionClick: () => void;
+            visible: import("vue").Ref<boolean>;
         }> & {} & {} & import("vue").ComponentCustomProperties>>;
-        selectedOptions: import("vue").ComputedRef<({
+        selectedOptions: import("vue").Ref<Set<{
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -472,8 +479,8 @@ declare const BkSelect: {
                     'bk-select-option': boolean;
                 }>;
                 selected: import("vue").ComputedRef<boolean>;
-                handleOptionClick: (e: Event) => void;
-                display: import("vue").Ref<boolean>;
+                handleOptionClick: () => void;
+                visible: import("vue").Ref<boolean>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
                 disabled: boolean;
             }> & {
@@ -514,9 +521,9 @@ declare const BkSelect: {
                 'bk-select-option': boolean;
             }>;
             selected: import("vue").ComputedRef<boolean>;
-            handleOptionClick: (e: Event) => void;
-            display: import("vue").Ref<boolean>;
-        }> & {} & {} & import("vue").ComponentCustomProperties)[]>;
+            handleOptionClick: () => void;
+            visible: import("vue").Ref<boolean>;
+        }> & {} & {} & import("vue").ComponentCustomProperties>>;
         selectedLabel: import("vue").ComputedRef<string>;
         selectClass: import("vue").ComputedRef<{
             [x: string]: boolean;
@@ -530,21 +537,18 @@ declare const BkSelect: {
         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>;
+        searchKey: import("vue").Ref<string>;
+        searchLoading: import("vue").Ref<boolean>;
+        isEmpty: import("vue").ComputedRef<boolean>;
         setHover: () => void;
         cancelHover: () => void;
         handleFocus: () => void;
         handleBlur: () => void;
         toggleMenu: () => void;
         handleClear: (e: Event) => void;
-        onPopoverFirstUpdate: (instance: import("@popperjs/core").State) => void;
+        onPopoverFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
         hidePopover: () => void;
         showPopover: () => void;
     }> & {} & {} & import("vue").ComponentCustomProperties;
@@ -560,6 +564,7 @@ declare const BkSelect: {
     clearable?: unknown;
     loading?: unknown;
     filterable?: unknown;
+    remoteMethod?: unknown;
 } & {
     placeholder: string;
     size: string;
@@ -569,13 +574,14 @@ declare const BkSelect: {
     clearable: boolean;
     filterable: boolean;
 } & {
-    modelValue?: string | number | boolean | unknown[];
+    modelValue?: any;
+    remoteMethod?: (...args: any[]) => any;
 }> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onToggle?: (...args: any[]) => any;
 }, {
-    optionsMap: import("vue").Ref<Map<any, {
+    options: import("vue").Ref<Set<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -621,8 +627,8 @@ declare const BkSelect: {
                 'bk-select-option': boolean;
             }>;
             selected: import("vue").ComputedRef<boolean>;
-            handleOptionClick: (e: Event) => void;
-            display: import("vue").Ref<boolean>;
+            handleOptionClick: () => void;
+            visible: import("vue").Ref<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             disabled: boolean;
         }> & {
@@ -663,10 +669,10 @@ declare const BkSelect: {
             'bk-select-option': boolean;
         }>;
         selected: import("vue").ComputedRef<boolean>;
-        handleOptionClick: (e: Event) => void;
-        display: import("vue").Ref<boolean>;
+        handleOptionClick: () => void;
+        visible: import("vue").Ref<boolean>;
     }> & {} & {} & import("vue").ComponentCustomProperties>>;
-    selectedOptions: import("vue").ComputedRef<({
+    selectedOptions: import("vue").Ref<Set<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -712,8 +718,8 @@ declare const BkSelect: {
                 'bk-select-option': boolean;
             }>;
             selected: import("vue").ComputedRef<boolean>;
-            handleOptionClick: (e: Event) => void;
-            display: import("vue").Ref<boolean>;
+            handleOptionClick: () => void;
+            visible: import("vue").Ref<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             disabled: boolean;
         }> & {
@@ -754,9 +760,9 @@ declare const BkSelect: {
             'bk-select-option': boolean;
         }>;
         selected: import("vue").ComputedRef<boolean>;
-        handleOptionClick: (e: Event) => void;
-        display: import("vue").Ref<boolean>;
-    }> & {} & {} & import("vue").ComponentCustomProperties)[]>;
+        handleOptionClick: () => void;
+        visible: import("vue").Ref<boolean>;
+    }> & {} & {} & import("vue").ComponentCustomProperties>>;
     selectedLabel: import("vue").ComputedRef<string>;
     selectClass: import("vue").ComputedRef<{
         [x: string]: boolean;
@@ -770,21 +776,18 @@ declare const BkSelect: {
     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>;
+    searchKey: import("vue").Ref<string>;
+    searchLoading: import("vue").Ref<boolean>;
+    isEmpty: import("vue").ComputedRef<boolean>;
     setHover: () => void;
     cancelHover: () => void;
     handleFocus: () => void;
     handleBlur: () => void;
     toggleMenu: () => void;
     handleClear: (e: Event) => void;
-    onPopoverFirstUpdate: (instance: import("@popperjs/core").State) => void;
+    onPopoverFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
     hidePopover: () => void;
     showPopover: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "update:modelValue")[], "change" | "toggle" | "update:modelValue", {
@@ -795,5 +798,153 @@ declare const BkSelect: {
     loading: boolean;
     clearable: boolean;
     filterable: boolean;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+    remoteMethod: (...args: any[]) => any;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
+    Option: import("vue").DefineComponent<{
+        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;
+        };
+    }, {
+        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: () => void;
+        visible: import("vue").Ref<boolean>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        value?: unknown;
+        label?: unknown;
+        disabled?: unknown;
+    } & {
+        disabled: boolean;
+    } & {
+        label?: string | number;
+        value?: string | number | boolean;
+    }> & {}, {
+        disabled: boolean;
+    }>;
+    Group: import("vue").DefineComponent<{
+        label: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }, {
+        visible: import("vue").ComputedRef<boolean>;
+        children: import("vue").Ref<({
+            $: 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">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $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: 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;
+                }>;
+                selected: import("vue").ComputedRef<boolean>;
+                handleOptionClick: () => void;
+                visible: import("vue").Ref<boolean>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+                disabled: boolean;
+            }> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, 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)[];
+            };
+            $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;
+            }>;
+            selected: import("vue").ComputedRef<boolean>;
+            handleOptionClick: () => void;
+            visible: import("vue").Ref<boolean>;
+        }> & {} & {} & import("vue").ComponentCustomProperties)[]>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        label?: unknown;
+        disabled?: unknown;
+    } & {
+        label: string;
+        disabled: boolean;
+    } & {}> & {}, {
+        label: string;
+        disabled: boolean;
+    }>;
+}>;
 export default BkSelect;
+export { BkSelect, Option as BkOption, OptionGroup as BkOptionGroup, };