bkui-vue 0.0.1-beta.132 → 0.0.1-beta.133

package/lib/resize-layout/index.d.ts

@@ -332,132 +332,5 @@ declare const BkResizeLayout: {
     initialDivide: string | number;
     immediate: boolean;
     autoMinimize: number | boolean;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & {
-    C: import("vue").DefineComponent<{
-        placement: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        min: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        max: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        initialDivide: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-        immediate: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        };
-        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        };
-        collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        };
-        autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
-            default: number | boolean;
-        };
-        border: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-    }, {
-        collapsed: import("vue").Ref<boolean>;
-        asideContentVisible: import("vue").Ref<boolean>;
-        minimized: import("vue").Ref<boolean>;
-        limitMax: any;
-        state: any;
-        vertical: import("vue").ComputedRef<boolean>;
-        cssPropKey: import("vue").ComputedRef<"height" | "width">;
-        bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
-        resizeProxyRef: import("vue").Ref<HTMLElement>;
-        resizeMaskRef: import("vue").Ref<HTMLElement>;
-        asideRef: import("vue").Ref<HTMLElement>;
-        triggerStyle: import("vue").ComputedRef<{
-            [x: string]: string;
-        }>;
-        asideStyle: import("vue").ComputedRef<{
-            [x: string]: string;
-        }>;
-        handleMousedown: (event: any) => void;
-        setCollapse: (collapse: any) => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("before-resize" | "resizing" | "after-resize" | "collapse-change")[], "before-resize" | "resizing" | "after-resize" | "collapse-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        placement: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        min: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        max: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        initialDivide: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-        immediate: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        };
-        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        };
-        collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        };
-        autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
-            default: number | boolean;
-        };
-        border: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-    }>> & {
-        "onBefore-resize"?: (...args: any[]) => any;
-        onResizing?: (...args: any[]) => any;
-        "onAfter-resize"?: (...args: any[]) => any;
-        "onCollapse-change"?: (...args: any[]) => any;
-    }, {
-        placement: string;
-        disabled: boolean;
-        min: number;
-        max: number;
-        border: boolean;
-        collapsible: boolean;
-        triggerWidth: number;
-        triggerOffset: number;
-        initialDivide: string | number;
-        immediate: boolean;
-        autoMinimize: number | boolean;
-    }>;
-};
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkResizeLayout;

package/lib/resize-layout/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],t);else{var a="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon")):t(e["../shared"],e.vue,e["../icon"]);for(var i in a)("object"==typeof exports?exports:e)[i]=a[i]}}(self,((e,t,a)=>(()=>{"use strict";var i={6870:e=>{e.exports=a},4212:t=>{t.exports=e},748:e=>{e.exports=t}},l={};function o(e){var t=l[e];if(void 0!==t)return t.exports;var a=l[e]={exports:{}};return i[e](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var a in t)o.o(t,a)&&!o.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{default:()=>r});var e=o(4212);function t(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var a=o(748),i=o(6870);const l=(0,a.defineComponent)({name:"ResizeLayout",props:{placement:e.PropTypes.placement().def("left"),min:e.PropTypes.number.def(3),max:e.PropTypes.number.def(1/0),triggerWidth:e.PropTypes.number.def(5),triggerOffset:e.PropTypes.number.def(3),initialDivide:e.PropTypes.oneOfType([String,Number]).def("20%"),immediate:e.PropTypes.bool,disabled:e.PropTypes.bool,collapsible:e.PropTypes.bool,autoMinimize:e.PropTypes.oneOfType([Boolean,Number]).def(!1),border:e.PropTypes.bool.def(!0)},emits:["before-resize","resizing","after-resize","collapse-change"],setup:function(e,i){var l=i.emit,o=(0,a.toRefs)(e),n=o.placement,r=o.initialDivide,u=o.triggerOffset,s=o.triggerWidth,c=o.max,v=o.min,d=o.immediate,f=o.autoMinimize,p=(0,a.ref)(!1),m=(0,a.ref)(!0),b=(0,a.ref)(!1),y=(0,a.ref)(null),h=(0,a.ref)({}),g=(0,a.ref)(null),z=(0,a.ref)(null),x=(0,a.ref)(null),k=(0,a.ref)(null),w=(0,a.computed)((function(){return["left","right"].includes(n.value)})),P=(0,a.computed)((function(){return w.value?"width":"height"})),R=(0,a.computed)((function(){var e=r.value;return"number"==typeof e&&(e="".concat(e,"px")),t({},P.value,e)})),T=(0,a.computed)((function(){var e;return t(e={},"margin-".concat(n.value),"".concat(u.value-s.value,"px")),t(e,P.value,"".concat(s.value,"px")),e})),M=(0,a.computed)((function(){return f.value?"boolean"==typeof f.value?50:f.value:0})),S=new ResizeObserver((function(){var e=g.value.getBoundingClientRect();y.value=w.value?e.width:e.height})),O=function(){var e=k.value.getBoundingClientRect();j(!p.value),p.value?(k.value.setAttribute("data-".concat(P.value),"".concat(e[P.value],"px")),k.value.style[P.value]="5px"):(m.value=!0,k.value.style[P.value]=k.value.getAttribute("data-".concat(P.value)))},j=function(e){k.value.addEventListener("transitionend",(function t(){m.value=e,k.value.style.transition="",k.value.removeEventListener("transitionend",t)})),k.value.style.transition="".concat(P.value," cubic-bezier(0.4, 0, 0.2, 1) .3s")};return(0,a.onMounted)((function(){S.observe(g.value)})),(0,a.onBeforeUnmount)((function(){S.unobserve(g.value)})),{collapsed:p,asideContentVisible:m,minimized:b,limitMax:y,state:h,vertical:w,cssPropKey:P,bkResizeLayoutRef:g,resizeProxyRef:z,resizeMaskRef:x,asideRef:k,triggerStyle:T,asideStyle:R,handleMousedown:function(e){l("before-resize",e);var t=k.value.getBoundingClientRect();h.value=Object.freeze({mouse:{clientX:e.clientX,clientY:e.clientY},aside:{width:t.width,height:t.height}}),x.value.style.display="block",x.value.style.cursor=w.value?"col-resize":"row-resize",d.value||function(){switch(z.value.style.visibility="visible",n.value){case"left":z.value.style.inset="0 auto auto ".concat(h.value.aside.width,"px");break;case"right":z.value.style.inset="0  ".concat(h.value.aside.width,"px auto auto");break;case"top":z.value.style.inset="".concat(h.value.aside.height,"px auto auto 0");break;case"bottom":z.value.style.inset="auto auto ".concat(h.value.aside.height,"px 0")}}(),document.onselectstart=function(){return!1},document.ondragstart=function(){return!1};var i=function(e){var t;switch(n.value){case"top":t=e.clientY-h.value.mouse.clientY;break;case"right":t=h.value.mouse.clientX-e.clientX;break;case"bottom":t=h.value.mouse.clientY-e.clientY;break;case"left":t=e.clientX-h.value.mouse.clientX}var a,i=(a=h.value.aside[P.value]+t,Math.min(c.value,Math.max(v.value,a),y.value-s.value)+u.value),o="".concat(i,"px");d.value?k.value.style[P.value]=o:z.value.style[n.value]=o,l("resizing",i)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",(function e(){if(z.value.style.visibility="hidden",x.value.style.display="none",document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",e),document.onselectstart=null,document.ondragstart=null,(0,a.nextTick)((function(){(function(){if(!f.value)return!1;var e=k.value.getBoundingClientRect();if(b.value=p.value=e[P.value]<=M.value,!b.value)return m.value=!0,!1;O(),(0,a.nextTick)((function(){k.value.setAttribute("data-".concat(P.value),R.value[P.value])}))})(),l("after-resize",parseFloat(z.value.style[n.value]))})),d.value)return!1;k.value.style[P.value]=z.value.style[n.value]}))},setCollapse:function(e){p.value="boolean"==typeof e?e:!p.value,O(),l("collapse-change",p.value)}}},render:function(){var e,t,l,o,n,r,u=["bk-resize-layout","bk-resize-layout-".concat(this.placement),{"bk-resize-layout-collapsed":this.collapsed,"bk-resize-layout-border":this.border}];return(0,a.createVNode)("div",{ref:"bkResizeLayoutRef",class:u},[(0,a.createVNode)("aside",{class:"bk-resize-layout-aside",ref:"asideRef",style:this.asideStyle},[(0,a.withDirectives)((0,a.createVNode)("div",{class:"bk-resize-layout-aside-content"},[null===(t=(e=this.$slots).aside)||void 0===t?void 0:t.call(e)]),[[a.vShow,this.asideContentVisible]]),(0,a.withDirectives)((0,a.createVNode)("i",{class:"bk-resize-trigger",style:this.triggerStyle,onMousedown:(0,a.withModifiers)(this.handleMousedown,["left"])},null),[[a.vShow,!this.disabled&&(!this.collapsed||this.autoMinimize)]]),(0,a.withDirectives)((0,a.createVNode)("i",{class:["bk-resize-proxy",this.placement],ref:"resizeProxyRef"},null),[[a.vShow,!this.collapsed||this.autoMinimize]]),this.collapsible&&((null===(o=(l=this.$slots)["collapse-trigger"])||void 0===o?void 0:o.call(l))||(0,a.createVNode)(i.AngleLeft,{class:"bk-resize-collapse",onClick:this.setCollapse},null))]),(0,a.createVNode)("main",{class:"bk-resize-layout-main"},[null===(r=(n=this.$slots).main)||void 0===r?void 0:r.call(n)]),(0,a.createVNode)("div",{class:"bk-resize-mask",ref:"resizeMaskRef"},null)])}}),r=(0,e.withInstall)(l)})(),n})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],t);else{var a="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon")):t(e["../shared"],e.vue,e["../icon"]);for(var i in a)("object"==typeof exports?exports:e)[i]=a[i]}}(self,((e,t,a)=>(()=>{"use strict";var i={6870:e=>{e.exports=a},4212:t=>{t.exports=e},748:e=>{e.exports=t}},l={};function o(e){var t=l[e];if(void 0!==t)return t.exports;var a=l[e]={exports:{}};return i[e](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var a in t)o.o(t,a)&&!o.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{default:()=>r});var e=o(4212);function t(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var a=o(748),i=o(6870);const l=(0,a.defineComponent)({name:"ResizeLayout",props:{placement:e.PropTypes.placement().def("left"),min:e.PropTypes.number.def(3),max:e.PropTypes.number.def(1/0),triggerWidth:e.PropTypes.number.def(5),triggerOffset:e.PropTypes.number.def(3),initialDivide:e.PropTypes.oneOfType([String,Number]).def("20%"),immediate:e.PropTypes.bool,disabled:e.PropTypes.bool,collapsible:e.PropTypes.bool,autoMinimize:e.PropTypes.oneOfType([Boolean,Number]).def(!1),border:e.PropTypes.bool.def(!0)},emits:["before-resize","resizing","after-resize","collapse-change"],setup:function(e,i){var l=i.emit,o=(0,a.toRefs)(e),n=o.placement,r=o.initialDivide,u=o.triggerOffset,s=o.triggerWidth,c=o.max,v=o.min,d=o.immediate,f=o.autoMinimize,p=(0,a.ref)(!1),m=(0,a.ref)(!0),b=(0,a.ref)(!1),y=(0,a.ref)(null),h=(0,a.ref)({}),g=(0,a.ref)(null),z=(0,a.ref)(null),x=(0,a.ref)(null),k=(0,a.ref)(null),w=(0,a.computed)((function(){return["left","right"].includes(n.value)})),P=(0,a.computed)((function(){return w.value?"width":"height"})),R=(0,a.computed)((function(){var e=r.value;return"number"==typeof e&&(e="".concat(e,"px")),t({},P.value,e)})),T=(0,a.computed)((function(){var e;return t(e={},"margin-".concat(n.value),"".concat(u.value-s.value,"px")),t(e,P.value,"".concat(s.value,"px")),e})),M=(0,a.computed)((function(){return f.value?"boolean"==typeof f.value?50:f.value:0})),S=new ResizeObserver((function(){var e=g.value.getBoundingClientRect();y.value=w.value?e.width:e.height})),C=function(){var e=k.value.getBoundingClientRect();O(!p.value),p.value?(k.value.setAttribute("data-".concat(P.value),"".concat(e[P.value],"px")),k.value.style[P.value]="5px"):(m.value=!0,k.value.style[P.value]=k.value.getAttribute("data-".concat(P.value)))},O=function(e){k.value.addEventListener("transitionend",(function t(){m.value=e,k.value.style.transition="",k.value.removeEventListener("transitionend",t)})),k.value.style.transition="".concat(P.value," cubic-bezier(0.4, 0, 0.2, 1) .3s")};return(0,a.onMounted)((function(){S.observe(g.value)})),(0,a.onBeforeUnmount)((function(){S.unobserve(g.value)})),{collapsed:p,asideContentVisible:m,minimized:b,limitMax:y,state:h,vertical:w,cssPropKey:P,bkResizeLayoutRef:g,resizeProxyRef:z,resizeMaskRef:x,asideRef:k,triggerStyle:T,asideStyle:R,handleMousedown:function(e){l("before-resize",e);var t=k.value.getBoundingClientRect();h.value=Object.freeze({mouse:{clientX:e.clientX,clientY:e.clientY},aside:{width:t.width,height:t.height}}),x.value.style.display="block",x.value.style.cursor=w.value?"col-resize":"row-resize",d.value||function(){switch(z.value.style.visibility="visible",n.value){case"left":z.value.style.inset="0 auto auto ".concat(h.value.aside.width,"px");break;case"right":z.value.style.inset="0  ".concat(h.value.aside.width,"px auto auto");break;case"top":z.value.style.inset="".concat(h.value.aside.height,"px auto auto 0");break;case"bottom":z.value.style.inset="auto auto ".concat(h.value.aside.height,"px 0")}}(),document.onselectstart=function(){return!1},document.ondragstart=function(){return!1};var i=function(e){var t;switch(n.value){case"top":t=e.clientY-h.value.mouse.clientY;break;case"right":t=h.value.mouse.clientX-e.clientX;break;case"bottom":t=h.value.mouse.clientY-e.clientY;break;case"left":t=e.clientX-h.value.mouse.clientX}var a,i=(a=h.value.aside[P.value]+t,Math.min(c.value,Math.max(v.value,a),y.value-s.value)+u.value),o="".concat(i,"px");d.value?k.value.style[P.value]=o:z.value.style[n.value]=o,l("resizing",i)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",(function e(){if(z.value.style.visibility="hidden",x.value.style.display="none",document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",e),document.onselectstart=null,document.ondragstart=null,(0,a.nextTick)((function(){(function(){if(!f.value)return!1;var e=k.value.getBoundingClientRect();if(b.value=p.value=e[P.value]<=M.value,!b.value)return m.value=!0,!1;C(),(0,a.nextTick)((function(){k.value.setAttribute("data-".concat(P.value),R.value[P.value])}))})(),l("after-resize",parseFloat(z.value.style[n.value]))})),d.value)return!1;k.value.style[P.value]=z.value.style[n.value]}))},setCollapse:function(e){p.value="boolean"==typeof e?e:!p.value,C(),l("collapse-change",p.value)}}},render:function(){var e,t,l,o,n,r,u=["bk-resize-layout","bk-resize-layout-".concat(this.placement),{"bk-resize-layout-collapsed":this.collapsed,"bk-resize-layout-border":this.border}];return(0,a.createVNode)("div",{ref:"bkResizeLayoutRef",class:u},[(0,a.createVNode)("aside",{class:"bk-resize-layout-aside",ref:"asideRef",style:this.asideStyle},[(0,a.withDirectives)((0,a.createVNode)("div",{class:"bk-resize-layout-aside-content"},[null===(t=(e=this.$slots).aside)||void 0===t?void 0:t.call(e)]),[[a.vShow,this.asideContentVisible]]),(0,a.withDirectives)((0,a.createVNode)("i",{class:"bk-resize-trigger",style:this.triggerStyle,onMousedown:(0,a.withModifiers)(this.handleMousedown,["left"])},null),[[a.vShow,!this.disabled&&(!this.collapsed||this.autoMinimize)]]),(0,a.withDirectives)((0,a.createVNode)("i",{class:["bk-resize-proxy",this.placement],ref:"resizeProxyRef"},null),[[a.vShow,!this.collapsed||this.autoMinimize]]),this.collapsible&&((null===(o=(l=this.$slots)["collapse-trigger"])||void 0===o?void 0:o.call(l))||(this.collapsed?(0,a.createVNode)(i.AngleRight,{class:"bk-resize-collapse",onClick:this.setCollapse},null):(0,a.createVNode)(i.AngleLeft,{class:"bk-resize-collapse",onClick:this.setCollapse},null)))]),(0,a.createVNode)("main",{class:"bk-resize-layout-main"},[null===(r=(n=this.$slots).main)||void 0===r?void 0:r.call(n)]),(0,a.createVNode)("div",{class:"bk-resize-mask",ref:"resizeMaskRef"},null)])}}),r=(0,e.withInstall)(l)})(),n})()));

package/lib/select/index.d.ts

@@ -1301,474 +1301,6 @@ declare const BkSelect: {
         collapse: boolean;
         collapsible: boolean;
     }>;
-}> & {
-    C: import("vue").DefineComponent<{
-        modelValue: import("vue-types").VueTypeValidableDef<any>;
-        multiple: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        size: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        clearable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            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;
-        };
-        scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        popoverOptions: import("vue-types").VueTypeValidableDef<{
-            [key: string]: any;
-        }> & {
-            default: () => {
-                [key: string]: any;
-            };
-        } & {
-            default: () => {
-                [key: string]: any;
-            };
-        };
-        customContent: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-    }, {
-        selected: import("vue").Ref<{
-            value: string;
-            label: string;
-        }[]>;
-        isInput: import("vue").ComputedRef<boolean>;
-        options: import("vue").ComputedRef<import("./type").OptionInstanceType[]>;
-        isDisabled: import("vue").ComputedRef<boolean>;
-        selectedLabel: import("vue").ComputedRef<string[]>;
-        isPopoverShow: import("vue").Ref<boolean>;
-        isHover: import("vue").Ref<boolean>;
-        popperWidth: import("vue").Ref<string | number>;
-        inputRef: import("vue").Ref<HTMLElement>;
-        triggerRef: import("vue").Ref<HTMLElement>;
-        selectTagInputRef: import("vue").Ref<{
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                placeholder: string;
-                selected: import("./type").ISelected[];
-                tagTheme: string;
-                filterable: boolean;
-                allowCreate: boolean;
-            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                selected: {
-                    type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
-                    default: () => any[];
-                };
-                tagTheme: import("vue-types").VueTypeDef<string> & {
-                    default: string;
-                };
-                placeholder: import("vue-types").VueTypeValidableDef<string> & {
-                    default: string;
-                } & {
-                    default: string;
-                };
-                filterable: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                modelValue: import("vue-types").VueTypeValidableDef<any>;
-            }>> & {
-                onFocus?: (...args: any[]) => any;
-                onEnter?: (...args: any[]) => any;
-                "onUpdate:modelValue"?: (...args: any[]) => any;
-                onRemove?: (...args: any[]) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate">;
-            $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: "focus" | "update:modelValue" | "remove" | "enter", ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                selected: {
-                    type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
-                    default: () => any[];
-                };
-                tagTheme: import("vue-types").VueTypeDef<string> & {
-                    default: string;
-                };
-                placeholder: import("vue-types").VueTypeValidableDef<string> & {
-                    default: string;
-                } & {
-                    default: string;
-                };
-                filterable: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                modelValue: import("vue-types").VueTypeValidableDef<any>;
-            }>> & {
-                onFocus?: (...args: any[]) => any;
-                onEnter?: (...args: any[]) => any;
-                "onUpdate:modelValue"?: (...args: any[]) => any;
-                onRemove?: (...args: any[]) => any;
-            }, {
-                value: any;
-                inputRef: import("vue").Ref<HTMLElement>;
-                handleRemoveTag: (val: string) => void;
-                handleFocus: () => void;
-                focus: () => void;
-                handleInput: (e: any) => void;
-                handleKeydown: (e: any) => void;
-                handleGetLabelByValue: (item: import("./type").ISelected) => string;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "update:modelValue" | "remove" | "enter")[], string, {
-                placeholder: string;
-                selected: import("./type").ISelected[];
-                tagTheme: string;
-                filterable: boolean;
-                allowCreate: 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<import("vue").ExtractPropTypes<{
-            selected: {
-                type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
-                default: () => any[];
-            };
-            tagTheme: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            placeholder: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            filterable: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            modelValue: import("vue-types").VueTypeValidableDef<any>;
-        }>> & {
-            onFocus?: (...args: any[]) => any;
-            onEnter?: (...args: any[]) => any;
-            "onUpdate:modelValue"?: (...args: any[]) => any;
-            onRemove?: (...args: any[]) => any;
-        } & import("vue").ShallowUnwrapRef<{
-            value: any;
-            inputRef: import("vue").Ref<HTMLElement>;
-            handleRemoveTag: (val: string) => void;
-            handleFocus: () => void;
-            focus: () => void;
-            handleInput: (e: any) => void;
-            handleKeydown: (e: any) => void;
-            handleGetLabelByValue: (item: import("./type").ISelected) => string;
-        }> & {} & {} & import("vue").ComponentCustomProperties>;
-        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: (e: FocusEvent) => void;
-        handleTogglePopover: () => void;
-        handleClear: (e: Event) => void;
-        hidePopover: () => void;
-        showPopover: () => void;
-        handleToggleAll: () => void;
-        handleOptionSelected: (option: import("./type").OptionInstanceType) => void;
-        handleClickOutside: ({ event }: {
-            event: any;
-        }) => void;
-        handleScroll: (e: any) => void;
-        handleDeleteTag: (val: string) => void;
-        handleInputChange: (value: any) => void;
-        handleInputEnter: (val: string | number, e: Event) => void;
-        handleKeydown: (e: KeyboardEvent) => void;
-        handleSelectedAllOptionMouseEnter: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "change" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], "focus" | "blur" | "change" | "toggle" | "clear" | "update:modelValue" | "scroll-end", 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;
-        } & {
-            default: boolean;
-        };
-        size: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        clearable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            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;
-        };
-        scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        popoverOptions: import("vue-types").VueTypeValidableDef<{
-            [key: string]: any;
-        }> & {
-            default: () => {
-                [key: string]: any;
-            };
-        } & {
-            default: () => {
-                [key: string]: any;
-            };
-        };
-        customContent: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-    }>> & {
-        onFocus?: (...args: any[]) => any;
-        onBlur?: (...args: any[]) => any;
-        onChange?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
-        onClear?: (...args: any[]) => any;
-        onToggle?: (...args: any[]) => any;
-        "onScroll-end"?: (...args: any[]) => any;
-    }, {
-        showOnInit: boolean;
-        disabled: boolean;
-        placeholder: string;
-        size: string;
-        multiple: boolean;
-        loading: boolean;
-        clearable: boolean;
-        behavior: string;
-        tagTheme: string;
-        filterable: boolean;
-        allowCreate: boolean;
-        popoverMinWidth: number;
-        remoteMethod: (...args: any[]) => any;
-        scrollHeight: number;
-        showSelectAll: boolean;
-        multipleMode: string;
-        collapseTags: boolean;
-        noDataText: string;
-        noMatchText: string;
-        loadingText: string;
-        selectAllText: string;
-        scrollLoading: boolean;
-        popoverOptions: {
-            [key: string]: any;
-        };
-        customContent: boolean;
-    }>;
-};
+}>;
 export default BkSelect;
 export { BkSelect, Option as BkOption, OptionGroup as BkOptionGroup, };

package/lib/select/select.css

@@ -251,6 +251,10 @@
   align-items: center;
   justify-content: space-between;
 }
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-hover {
+  color: #3a84ff;
+  background-color: #f5f7fa;
+}
 .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option:hover {
   color: #63656e;
   background-color: #f5f7fa;
@@ -264,6 +268,15 @@
   cursor: not-allowed;
   background-color: transparent;
 }
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple.is-selected {
+  background-color: #fff;
+}
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple.is-hover {
+  background-color: #f5f7fa;
+}
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple:hover {
+  background-color: #f5f7fa;
+}
 .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-options-loading {
   display: flex;
   align-items: center;