bkui-vue 0.0.1-beta.13 → 0.0.1-beta.16

package/lib/radio/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,o){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}},n={exports:{}};!function(e){e.exports=function(e){if(Array.isArray(e))return e},e.exports.default=e.exports,e.exports.__esModule=!0}(n);var s={exports:{}};!function(e){e.exports=function(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var r,a,n=[],s=!0,l=!1;try{for(o=o.call(e);!(s=(r=o.next()).done)&&(n.push(r.value),!t||n.length!==t);s=!0);}catch(e){l=!0,a=e}finally{try{s||null==o.return||o.return()}finally{if(l)throw a}}return n}},e.exports.default=e.exports,e.exports.__esModule=!0}(s);var l={exports:{}},i={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,r=new Array(t);o<t;o++)r[o]=e[o];return r},e.exports.default=e.exports,e.exports.__esModule=!0}(i),function(e){var t=i.exports;e.exports=function(e,o){if(e){if("string"==typeof e)return t(e,o);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,o):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0}(l);var u={exports:{}};!function(e){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0}(u),function(e){var t=n.exports,o=s.exports,r=l.exports,a=u.exports;e.exports=function(e,n){return t(e)||o(e,n)||r(e,n)||a()},e.exports.default=e.exports,e.exports.__esModule=!0}(a);var d=r(a.exports),p=Symbol("RadioGroup");function c(){var e=t.ref(!1);return[e,{blur:function(){e.value=!1},focus:function(){e.value=!0}}]}function h(){var e=t.getCurrentInstance(),r=e.props,a=e.emit,n=t.inject(p,o.EMPTY_OBJ),s=!o.isEmptyObj(n),l=t.reactive({isLocalChecked:r.checked}),i=t.computed((function(){return s?n.state.localValue===r.label:""!==r.modelValue?r.modelValue===r.label:l.isLocalChecked}));l.isLocalChecked=i.value;var u=t.computed((function(){return!(!s||!n.props.disabled)||r.disabled}));return{name:t.computed((function(){return s&&n.props.name?n.props.name:r.name})),isCheck:i,isDisabled:u,handlerChange:function(){u.value||(a("change",r.label),a("update:modelValue",r.label),s&&n.handleChange(r.label))}}}var f={name:o.PropTypes.string.def(""),label:o.PropTypes.oneOfType([String,Number,Boolean]).isRequired,modelValue:o.PropTypes.oneOfType([String,Number,Boolean]).def(""),checked:o.PropTypes.bool.def(!1),disabled:o.PropTypes.bool.def(!1)},b=t.defineComponent({name:"BkRadio",props:f,emits:["change","update:modelValue"],setup:function(){var e=c(),t=d(e,2),o=t[0],r=t[1],a=r.blur,n=r.focus,s=h();return{isFocus:o,realName:s.name,isCheck:s.isCheck,isDisabled:s.isDisabled,handleBlur:a,handleFocus:n,handlerChange:s.handlerChange}},render:function(){var e=o.classes({"bk-radio":!0,"is-focus":this.isFocus,"is-disabled":this.isDisabled,"is-checked":this.isCheck});return t.createVNode("label",{class:e,tabindex:"0"},[t.createVNode("input",{class:"bk-radio-input",type:"radio",tabindex:"0",name:this.realName,value:this.label,checked:this.isCheck,disabled:this.isDisabled,onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:this.handlerChange},null),t.createVNode("span",{class:"bk-radio-text"},[this.$slots.default?this.$slots.default():this.label])])}}),m={name:o.PropTypes.string.def(""),modelValue:o.PropTypes.oneOfType([String,Number,Boolean]),disabled:o.PropTypes.bool},y=t.defineComponent({name:"BkRadioGroup",props:m,emits:["change","update:modelValue"],setup:function(e,o){var r=t.reactive({localValue:e.modelValue});t.watch((function(){return e.modelValue}),(function(){r.localValue=e.modelValue}));return t.provide(p,{props:e,state:r,handleChange:function(e){o.emit("update:modelValue",e),o.emit("change",e)}}),{}},render:function(){return t.createVNode("div",{class:"bk-radio-group"},[this.$slots.default()])}}),x={name:o.PropTypes.string.def(""),label:o.PropTypes.oneOfType([String,Number,Boolean]).isRequired,modelValue:o.PropTypes.oneOfType([String,Number,Boolean]).def(""),checked:o.PropTypes.bool.def(!1),disabled:o.PropTypes.bool.def(!1),size:o.PropTypes.size},v=t.defineComponent({name:"BkRadioButton",props:x,emits:["change","update:modelValue"],setup:function(){var e=c(),t=d(e,2),o=t[0],r=t[1],a=r.blur,n=r.focus,s=h();return{isFocus:o,realName:s.name,isCheck:s.isCheck,isDisabled:s.isDisabled,handleBlur:a,handleFocus:n,handlerChange:s.handlerChange}},render:function(){var e=o.classes({"bk-radio-button":!0,"is-focus":this.isFocus,"is-disabled":this.isDisabled,"is-checked":this.isCheck});return t.createVNode("label",{class:e,tabindex:"0"},[t.createVNode("input",{class:"bk-radio-button-input",type:"radio",tabindex:"0",name:this.realName,value:this.label,checked:this.isCheck,disabled:this.isDisabled,onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:this.handlerChange},null),t.createVNode("div",{class:"bk-radio-button-text"},[this.$slots.default?this.$slots.default():this.label])])}}),g=o.withInstallProps(b,{RadioGroup:y,RadioButton:v});e.BkRadio=g,e.BkRadioButton=v,e.BkRadioGroup=y,e.default=g,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,o){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}},n={exports:{}};!function(e){e.exports=function(e){if(Array.isArray(e))return e},e.exports.__esModule=!0,e.exports.default=e.exports}(n);var s={exports:{}};!function(e){e.exports=function(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var r,a,n=[],s=!0,l=!1;try{for(o=o.call(e);!(s=(r=o.next()).done)&&(n.push(r.value),!t||n.length!==t);s=!0);}catch(e){l=!0,a=e}finally{try{s||null==o.return||o.return()}finally{if(l)throw a}}return n}},e.exports.__esModule=!0,e.exports.default=e.exports}(s);var l={exports:{}},i={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,r=new Array(t);o<t;o++)r[o]=e[o];return r},e.exports.__esModule=!0,e.exports.default=e.exports}(i),function(e){var t=i.exports;e.exports=function(e,o){if(e){if("string"==typeof e)return t(e,o);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,o):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(l);var u={exports:{}};!function(e){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.__esModule=!0,e.exports.default=e.exports}(u),function(e){var t=n.exports,o=s.exports,r=l.exports,a=u.exports;e.exports=function(e,n){return t(e)||o(e,n)||r(e,n)||a()},e.exports.__esModule=!0,e.exports.default=e.exports}(a);var d=r(a.exports),p=Symbol("RadioGroup");function c(){var e=t.ref(!1);return[e,{blur:function(){e.value=!1},focus:function(){e.value=!0}}]}function h(){var e=t.getCurrentInstance(),r=e.props,a=e.emit,n=t.inject(p,o.EMPTY_OBJ),s=!o.isEmptyObj(n),l=t.reactive({isLocalChecked:r.checked}),i=t.computed((function(){return s?n.state.localValue===r.label:""!==r.modelValue?r.modelValue===r.label:l.isLocalChecked}));l.isLocalChecked=i.value;var u=t.computed((function(){return!(!s||!n.props.disabled)||r.disabled}));return{name:t.computed((function(){return s&&n.props.name?n.props.name:r.name})),isCheck:i,isDisabled:u,handlerChange:function(){u.value||(a("change",r.label),a("update:modelValue",r.label),s&&n.handleChange(r.label))}}}var f={name:o.PropTypes.string.def(""),label:o.PropTypes.oneOfType([String,Number,Boolean]).isRequired,modelValue:o.PropTypes.oneOfType([String,Number,Boolean]).def(""),checked:o.PropTypes.bool.def(!1),disabled:o.PropTypes.bool.def(!1)},b=t.defineComponent({name:"Radio",props:f,emits:["change","update:modelValue"],setup:function(){var e=c(),t=d(e,2),o=t[0],r=t[1],a=r.blur,n=r.focus,s=h();return{isFocus:o,realName:s.name,isCheck:s.isCheck,isDisabled:s.isDisabled,handleBlur:a,handleFocus:n,handlerChange:s.handlerChange}},render:function(){var e=o.classes({"bk-radio":!0,"is-focus":this.isFocus,"is-disabled":this.isDisabled,"is-checked":this.isCheck});return t.createVNode("label",{class:e,tabindex:"0"},[t.createVNode("input",{class:"bk-radio-input",type:"radio",tabindex:"0",name:this.realName,value:this.label,checked:this.isCheck,disabled:this.isDisabled,onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:this.handlerChange},null),t.createVNode("span",{class:"bk-radio-text"},[this.$slots.default?this.$slots.default():this.label])])}}),m={name:o.PropTypes.string.def(""),modelValue:o.PropTypes.oneOfType([String,Number,Boolean]),disabled:o.PropTypes.bool},y=t.defineComponent({name:"RadioGroup",props:m,emits:["change","update:modelValue"],setup:function(e,o){var r=t.reactive({localValue:e.modelValue});t.watch((function(){return e.modelValue}),(function(){r.localValue=e.modelValue}));return t.provide(p,{props:e,state:r,handleChange:function(e){o.emit("update:modelValue",e),o.emit("change",e)}}),{}},render:function(){return t.createVNode("div",{class:"bk-radio-group"},[this.$slots.default()])}}),x={name:o.PropTypes.string.def(""),label:o.PropTypes.oneOfType([String,Number,Boolean]).isRequired,modelValue:o.PropTypes.oneOfType([String,Number,Boolean]).def(""),checked:o.PropTypes.bool.def(!1),disabled:o.PropTypes.bool.def(!1),size:o.PropTypes.size},v=t.defineComponent({name:"RadioButton",props:x,emits:["change","update:modelValue"],setup:function(){var e=c(),t=d(e,2),o=t[0],r=t[1],a=r.blur,n=r.focus,s=h();return{isFocus:o,realName:s.name,isCheck:s.isCheck,isDisabled:s.isDisabled,handleBlur:a,handleFocus:n,handlerChange:s.handlerChange}},render:function(){var e=o.classes({"bk-radio-button":!0,"is-focus":this.isFocus,"is-disabled":this.isDisabled,"is-checked":this.isCheck});return t.createVNode("label",{class:e,tabindex:"0"},[t.createVNode("input",{class:"bk-radio-button-input",type:"radio",tabindex:"0",name:this.realName,value:this.label,checked:this.isCheck,disabled:this.isDisabled,onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:this.handlerChange},null),t.createVNode("div",{class:"bk-radio-button-text"},[this.$slots.default?this.$slots.default():this.label])])}}),g=o.withInstallProps(b,{Group:y,Button:v});e.BkRadio=g,e.BkRadioButton=v,e.BkRadioGroup=y,e.default=g,Object.defineProperty(e,"__esModule",{value:!0})}));

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/select/common.d.ts

@@ -5,7 +5,9 @@ export interface ISelectContext {
     props: {
         multiple?: boolean;
     };
-    selectedOptions: any;
+    selectedOptions: Set<any>;
+    searchKey: string;
+    isRemoteSearch: boolean;
     register(option: OptionInstanceType): any;
     unregister(option: OptionInstanceType): any;
     handleOptionSelected(option: OptionInstanceType): void;
@@ -13,8 +15,15 @@ export interface ISelectContext {
 export declare const selectKey: InjectionKey<ISelectContext>;
 export interface IOptionGroupContext {
     disabled: boolean;
+    groupCollapse: boolean;
 }
 export declare const optionGroupKey: InjectionKey<IOptionGroupContext>;
+export interface ISelectState {
+    currentPlaceholder: string;
+    options: Set<OptionInstanceType>;
+    selectedOptions: Set<OptionInstanceType>;
+    currentSelectedLabel: string;
+}
 export declare function useFocus(): {
     isFocus: import("vue").Ref<boolean>;
     handleFocus: () => void;

package/lib/select/index.d.ts

@@ -13,6 +13,7 @@ declare const BkSelect: {
             clearable: boolean;
             filterable: boolean;
             remoteMethod: (...args: any[]) => any;
+            scrollHeight: number;
         }> & Omit<Readonly<{
             modelValue?: unknown;
             multiple?: unknown;
@@ -23,6 +24,7 @@ declare const BkSelect: {
             loading?: unknown;
             filterable?: unknown;
             remoteMethod?: unknown;
+            scrollHeight?: unknown;
         } & {
             placeholder: string;
             size: string;
@@ -31,6 +33,7 @@ declare const BkSelect: {
             loading: boolean;
             clearable: boolean;
             filterable: boolean;
+            scrollHeight: number;
         } & {
             modelValue?: any;
             remoteMethod?: (...args: any[]) => any;
@@ -38,7 +41,7 @@ declare const BkSelect: {
             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" | "remoteMethod">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "size" | "multiple" | "disabled" | "loading" | "clearable" | "filterable" | "remoteMethod" | "scrollHeight">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -62,6 +65,7 @@ declare const BkSelect: {
             loading?: unknown;
             filterable?: unknown;
             remoteMethod?: unknown;
+            scrollHeight?: unknown;
         } & {
             placeholder: string;
             size: string;
@@ -70,6 +74,7 @@ declare const BkSelect: {
             loading: boolean;
             clearable: boolean;
             filterable: boolean;
+            scrollHeight: number;
         } & {
             modelValue?: any;
             remoteMethod?: (...args: any[]) => any;
@@ -78,6 +83,33 @@ declare const BkSelect: {
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onToggle?: (...args: any[]) => any;
         }, {
+            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>;
+            isHover: import("vue").Ref<boolean>;
+            popperWidth: import("vue").Ref<string | number>;
+            selectTriggerRef: import("vue").Ref<HTMLElement>;
+            inputRef: import("vue").Ref<HTMLElement>;
+            searchKey: import("vue").Ref<string>;
+            searchLoading: import("vue").Ref<boolean>;
+            isEmpty: import("vue").ComputedRef<boolean>;
+            isFocus: import("vue").Ref<boolean>;
+            setHover: () => void;
+            cancelHover: () => void;
+            handleFocus: () => void;
+            handleInput: (e: any) => void;
+            toggleMenu: () => void;
+            handleClear: (e: Event) => void;
+            onPopoverFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+            hidePopover: () => void;
+            showPopover: () => void;
+            currentPlaceholder: import("vue").Ref<string>;
             options: import("vue").Ref<Set<{
                 $: import("vue").ComponentInternalInstance;
                 $data: {};
@@ -116,14 +148,8 @@ declare const BkSelect: {
                     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>;
+                    multiple: import("vue").ComputedRef<boolean>;
                     handleOptionClick: () => void;
                     visible: import("vue").Ref<boolean>;
                 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
@@ -158,14 +184,8 @@ declare const BkSelect: {
                 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>;
+                multiple: import("vue").ComputedRef<boolean>;
                 handleOptionClick: () => void;
                 visible: import("vue").Ref<boolean>;
             }> & {} & {} & import("vue").ComponentCustomProperties>>;
@@ -207,14 +227,8 @@ declare const BkSelect: {
                     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>;
+                    multiple: import("vue").ComputedRef<boolean>;
                     handleOptionClick: () => void;
                     visible: import("vue").Ref<boolean>;
                 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
@@ -249,44 +263,12 @@ declare const BkSelect: {
                 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>;
+                multiple: import("vue").ComputedRef<boolean>;
                 handleOptionClick: () => void;
                 visible: 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>;
-            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: import("@bkui-vue/shared").OnFirstUpdateFnType;
-            hidePopover: () => void;
-            showPopover: () => void;
+            currentSelectedLabel: import("vue").Ref<string>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "update:modelValue")[], string, {
             placeholder: string;
             size: string;
@@ -296,6 +278,7 @@ declare const BkSelect: {
             clearable: boolean;
             filterable: boolean;
             remoteMethod: (...args: any[]) => any;
+            scrollHeight: number;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -326,6 +309,7 @@ declare const BkSelect: {
         loading?: unknown;
         filterable?: unknown;
         remoteMethod?: unknown;
+        scrollHeight?: unknown;
     } & {
         placeholder: string;
         size: string;
@@ -334,6 +318,7 @@ declare const BkSelect: {
         loading: boolean;
         clearable: boolean;
         filterable: boolean;
+        scrollHeight: number;
     } & {
         modelValue?: any;
         remoteMethod?: (...args: any[]) => any;
@@ -342,6 +327,33 @@ declare const BkSelect: {
         "onUpdate:modelValue"?: (...args: any[]) => any;
         onToggle?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
+        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>;
+        isHover: import("vue").Ref<boolean>;
+        popperWidth: import("vue").Ref<string | number>;
+        selectTriggerRef: import("vue").Ref<HTMLElement>;
+        inputRef: import("vue").Ref<HTMLElement>;
+        searchKey: import("vue").Ref<string>;
+        searchLoading: import("vue").Ref<boolean>;
+        isEmpty: import("vue").ComputedRef<boolean>;
+        isFocus: import("vue").Ref<boolean>;
+        setHover: () => void;
+        cancelHover: () => void;
+        handleFocus: () => void;
+        handleInput: (e: any) => void;
+        toggleMenu: () => void;
+        handleClear: (e: Event) => void;
+        onPopoverFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+        hidePopover: () => void;
+        showPopover: () => void;
+        currentPlaceholder: import("vue").Ref<string>;
         options: import("vue").Ref<Set<{
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -380,14 +392,8 @@ declare const BkSelect: {
                 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>;
+                multiple: import("vue").ComputedRef<boolean>;
                 handleOptionClick: () => void;
                 visible: import("vue").Ref<boolean>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
@@ -422,14 +428,8 @@ declare const BkSelect: {
             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>;
+            multiple: import("vue").ComputedRef<boolean>;
             handleOptionClick: () => void;
             visible: import("vue").Ref<boolean>;
         }> & {} & {} & import("vue").ComponentCustomProperties>>;
@@ -471,14 +471,8 @@ declare const BkSelect: {
                 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>;
+                multiple: import("vue").ComputedRef<boolean>;
                 handleOptionClick: () => void;
                 visible: import("vue").Ref<boolean>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
@@ -513,44 +507,12 @@ declare const BkSelect: {
             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>;
+            multiple: import("vue").ComputedRef<boolean>;
             handleOptionClick: () => void;
             visible: 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>;
-        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: import("@bkui-vue/shared").OnFirstUpdateFnType;
-        hidePopover: () => void;
-        showPopover: () => void;
+        currentSelectedLabel: import("vue").Ref<string>;
     }> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
@@ -565,6 +527,7 @@ declare const BkSelect: {
     loading?: unknown;
     filterable?: unknown;
     remoteMethod?: unknown;
+    scrollHeight?: unknown;
 } & {
     placeholder: string;
     size: string;
@@ -573,6 +536,7 @@ declare const BkSelect: {
     loading: boolean;
     clearable: boolean;
     filterable: boolean;
+    scrollHeight: number;
 } & {
     modelValue?: any;
     remoteMethod?: (...args: any[]) => any;
@@ -581,6 +545,33 @@ declare const BkSelect: {
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onToggle?: (...args: any[]) => any;
 }, {
+    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>;
+    isHover: import("vue").Ref<boolean>;
+    popperWidth: import("vue").Ref<string | number>;
+    selectTriggerRef: import("vue").Ref<HTMLElement>;
+    inputRef: import("vue").Ref<HTMLElement>;
+    searchKey: import("vue").Ref<string>;
+    searchLoading: import("vue").Ref<boolean>;
+    isEmpty: import("vue").ComputedRef<boolean>;
+    isFocus: import("vue").Ref<boolean>;
+    setHover: () => void;
+    cancelHover: () => void;
+    handleFocus: () => void;
+    handleInput: (e: any) => void;
+    toggleMenu: () => void;
+    handleClear: (e: Event) => void;
+    onPopoverFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
+    hidePopover: () => void;
+    showPopover: () => void;
+    currentPlaceholder: import("vue").Ref<string>;
     options: import("vue").Ref<Set<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -619,14 +610,8 @@ declare const BkSelect: {
             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>;
+            multiple: import("vue").ComputedRef<boolean>;
             handleOptionClick: () => void;
             visible: import("vue").Ref<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
@@ -661,14 +646,8 @@ declare const BkSelect: {
         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>;
+        multiple: import("vue").ComputedRef<boolean>;
         handleOptionClick: () => void;
         visible: import("vue").Ref<boolean>;
     }> & {} & {} & import("vue").ComponentCustomProperties>>;
@@ -710,14 +689,8 @@ declare const BkSelect: {
             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>;
+            multiple: import("vue").ComputedRef<boolean>;
             handleOptionClick: () => void;
             visible: import("vue").Ref<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
@@ -752,44 +725,12 @@ declare const BkSelect: {
         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>;
+        multiple: import("vue").ComputedRef<boolean>;
         handleOptionClick: () => void;
         visible: 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>;
-    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: import("@bkui-vue/shared").OnFirstUpdateFnType;
-    hidePopover: () => void;
-    showPopover: () => void;
+    currentSelectedLabel: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "update:modelValue")[], "change" | "toggle" | "update:modelValue", {
     placeholder: string;
     size: string;
@@ -799,6 +740,7 @@ declare const BkSelect: {
     clearable: boolean;
     filterable: boolean;
     remoteMethod: (...args: any[]) => any;
+    scrollHeight: number;
 }> & 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>;
@@ -809,14 +751,8 @@ declare const BkSelect: {
             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>;
+        multiple: 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<{
@@ -831,7 +767,7 @@ declare const BkSelect: {
     }> & {}, {
         disabled: boolean;
     }>;
-    OptionGroup: import("vue").DefineComponent<{
+    Group: import("vue").DefineComponent<{
         label: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
@@ -842,8 +778,17 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        collapse: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }, {
-        visible: import("vue").ComputedRef<boolean>;
         children: import("vue").Ref<({
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -882,14 +827,8 @@ declare const BkSelect: {
                 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>;
+                multiple: import("vue").ComputedRef<boolean>;
                 handleOptionClick: () => void;
                 visible: import("vue").Ref<boolean>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
@@ -924,26 +863,30 @@ declare const BkSelect: {
             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>;
+            multiple: import("vue").ComputedRef<boolean>;
             handleOptionClick: () => void;
             visible: import("vue").Ref<boolean>;
         }> & {} & {} & import("vue").ComponentCustomProperties)[]>;
+        groupLabel: import("vue").ComputedRef<string>;
+        handleToggleCollapse: () => void;
+        groupCollapse: import("vue").Ref<boolean>;
+        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<{
         label?: unknown;
         disabled?: unknown;
+        collapsible?: unknown;
+        collapse?: unknown;
     } & {
         label: string;
+        collapse: boolean;
         disabled: boolean;
+        collapsible: boolean;
     } & {}> & {}, {
         label: string;
+        collapse: boolean;
         disabled: boolean;
+        collapsible: boolean;
     }>;
 }>;
 export default BkSelect;