bkui-vue 0.0.2-beta.9 → 0.0.2-table-refactor.2

package/lib/select/index.js

@@ -1,2 +1,2 @@
 /*! For license information please see index.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("lodash"),require("../checkbox"),require("../config-provider"),require("../icon"),require("../directives"),require("../input"),require("../loading"),require("../popover"),require("../virtual-render"),require("../tag"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash","../checkbox","../config-provider","../icon","../directives","../input","../loading","../popover","../virtual-render","../tag"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("lodash"),require("../checkbox"),require("../config-provider"),require("../icon"),require("../directives"),require("../input"),require("../loading"),require("../popover"),require("../virtual-render"),require("../tag")):t(e["../shared"],e.vue,e.lodash,e["../checkbox"],e["../config-provider"],e["../icon"],e["../directives"],e["../input"],e["../loading"],e["../popover"],e["../virtual-render"],e["../tag"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r,n,l,a,i,u,s,c,d)=>(()=>{var p={5800:e=>{"use strict";e.exports=r},2717:e=>{"use strict";e.exports=n},4061:e=>{"use strict";e.exports=a},6870:e=>{"use strict";e.exports=l},8133:e=>{"use strict";e.exports=i},4870:e=>{"use strict";e.exports=u},5537:e=>{"use strict";e.exports=s},4212:t=>{"use strict";t.exports=e},7739:e=>{"use strict";e.exports=d},3511:e=>{"use strict";e.exports=c},467:e=>{"use strict";e.exports=o},748:e=>{"use strict";e.exports=t},7609:(e,t,o)=>{var r=o(7425).default;function n(){"use strict";e.exports=n=function(){return t},e.exports.__esModule=!0,e.exports.default=e.exports;var t={},o=Object.prototype,l=o.hasOwnProperty,a=Object.defineProperty||function(e,t,o){e[t]=o.value},i="function"==typeof Symbol?Symbol:{},u=i.iterator||"@@iterator",s=i.asyncIterator||"@@asyncIterator",c=i.toStringTag||"@@toStringTag";function d(e,t,o){return Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{d({},"")}catch(e){d=function(e,t,o){return e[t]=o}}function p(e,t,o,r){var n=t&&t.prototype instanceof h?t:h,l=Object.create(n.prototype),i=new I(r||[]);return a(l,"_invoke",{value:P(e,o,i)}),l}function v(e,t,o){try{return{type:"normal",arg:e.call(t,o)}}catch(e){return{type:"throw",arg:e}}}t.wrap=p;var f={};function h(){}function g(){}function y(){}var m={};d(m,u,(function(){return this}));var b=Object.getPrototypeOf,w=b&&b(b(O([])));w&&w!==o&&l.call(w,u)&&(m=w);var T=y.prototype=h.prototype=Object.create(m);function x(e){["next","throw","return"].forEach((function(t){d(e,t,(function(e){return this._invoke(t,e)}))}))}function S(e,t){function o(n,a,i,u){var s=v(e[n],e,a);if("throw"!==s.type){var c=s.arg,d=c.value;return d&&"object"==r(d)&&l.call(d,"__await")?t.resolve(d.__await).then((function(e){o("next",e,i,u)}),(function(e){o("throw",e,i,u)})):t.resolve(d).then((function(e){c.value=e,i(c)}),(function(e){return o("throw",e,i,u)}))}u(s.arg)}var n;a(this,"_invoke",{value:function(e,r){function l(){return new t((function(t,n){o(e,r,t,n)}))}return n=n?n.then(l,l):l()}})}function P(e,t,o){var r="suspendedStart";return function(n,l){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===n)throw l;return{value:void 0,done:!0}}for(o.method=n,o.arg=l;;){var a=o.delegate;if(a){var i=N(a,o);if(i){if(i===f)continue;return i}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if("suspendedStart"===r)throw r="completed",o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);r="executing";var u=v(e,t,o);if("normal"===u.type){if(r=o.done?"completed":"suspendedYield",u.arg===f)continue;return{value:u.arg,done:o.done}}"throw"===u.type&&(r="completed",o.method="throw",o.arg=u.arg)}}}function N(e,t){var o=t.method,r=e.iterator[o];if(void 0===r)return t.delegate=null,"throw"===o&&e.iterator.return&&(t.method="return",t.arg=void 0,N(e,t),"throw"===t.method)||"return"!==o&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+o+"' method")),f;var n=v(r,e.iterator,t.arg);if("throw"===n.type)return t.method="throw",t.arg=n.arg,t.delegate=null,f;var l=n.arg;return l?l.done?(t[e.resultName]=l.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,f):l:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,f)}function C(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function V(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function I(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function O(e){if(e){var t=e[u];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,r=function t(){for(;++o<e.length;)if(l.call(e,o))return t.value=e[o],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:E}}function E(){return{value:void 0,done:!0}}return g.prototype=y,a(T,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:g,configurable:!0}),g.displayName=d(y,c,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,d(e,c,"GeneratorFunction")),e.prototype=Object.create(T),e},t.awrap=function(e){return{__await:e}},x(S.prototype),d(S.prototype,s,(function(){return this})),t.AsyncIterator=S,t.async=function(e,o,r,n,l){void 0===l&&(l=Promise);var a=new S(p(e,o,r,n),l);return t.isGeneratorFunction(o)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},x(T),d(T,c,"Generator"),d(T,u,(function(){return this})),d(T,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),o=[];for(var r in t)o.push(r);return o.reverse(),function e(){for(;o.length;){var r=o.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=O,I.prototype={constructor:I,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(V),!e)for(var t in this)"t"===t.charAt(0)&&l.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function o(o,r){return a.type="throw",a.arg=e,t.next=o,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r],a=n.completion;if("root"===n.tryLoc)return o("end");if(n.tryLoc<=this.prev){var i=l.call(n,"catchLoc"),u=l.call(n,"finallyLoc");if(i&&u){if(this.prev<n.catchLoc)return o(n.catchLoc,!0);if(this.prev<n.finallyLoc)return o(n.finallyLoc)}else if(i){if(this.prev<n.catchLoc)return o(n.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<n.finallyLoc)return o(n.finallyLoc)}}}},abrupt:function(e,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&l.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var n=r;break}}n&&("break"===e||"continue"===e)&&n.tryLoc<=t&&t<=n.finallyLoc&&(n=null);var a=n?n.completion:{};return a.type=e,a.arg=t,n?(this.method="next",this.next=n.finallyLoc,f):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),f},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===e)return this.complete(o.completion,o.afterLoc),V(o),f}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===e){var r=o.completion;if("throw"===r.type){var n=r.arg;V(o)}return n}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,o){return this.delegate={iterator:O(e),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=void 0),f}},t}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports},7425:e=>{function t(o){return e.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,t(o)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},2841:(e,t,o)=>{var r=o(7609)();e.exports=r;try{regeneratorRuntime=r}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=r:Function("r","regeneratorRuntime = r")(r)}}},v={};function f(e){var t=v[e];if(void 0!==t)return t.exports;var o=v[e]={exports:{}};return p[e](o,o.exports,f),o.exports}f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},f.d=(e,t)=>{for(var o in t)f.o(t,o)&&!f.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var h={};return(()=>{"use strict";f.r(h),f.d(h,{BkOption:()=>m,BkOptionGroup:()=>T,BkSelect:()=>R,default:()=>D});var e=f(4212);function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(e)}function o(e,o,r){return(o=function(e){var o=function(e,o){if("object"!==t(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==t(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===t(o)?o:String(o)}(o))in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}var r=f(748),n=f(467),l=f(5800),a=f.n(l),i=f(2717),u=f(6870),s=f(2841),c=f.n(s);Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var d=Symbol("BkSelect"),p=Symbol("BkOptionGroup");function v(e){return{register:function(t,o){if(o){if(!e.value.has(t))return e.value.set(t,o);console.warn("repeat ".concat(t),o)}},unregister:function(t){e.value.delete(t)}}}function g(e,t){var o=this,n=function(e){var t,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:200,n=e;return(0,r.customRef)((function(e,r){return{get:function(){return e(),n},set:function(e){clearTimeout(t),void 0===e||""===e?(n=e,r()):t=setTimeout((function(){n=e,r()}),o)}}}))}(""),l=(0,r.ref)(!1);return(0,r.watch)(n,(function(){return r=o,a=void 0,i=void 0,u=c().mark((function o(){return c().wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return o.prev=0,l.value=!0,o.next=4,e(n.value);case 4:l.value=!1,o.next=10;break;case 7:o.prev=7,o.t0=o.catch(0),console.error(o.t0);case 10:return o.prev=10,null==t||t(),o.finish(10);case 13:case"end":return o.stop()}}),o,null,[[0,7,10,13]])})),new(i||(i=Promise))((function(e,t){function o(e){try{l(u.next(e))}catch(e){t(e)}}function n(e){try{l(u.throw(e))}catch(e){t(e)}}function l(t){var r;t.done?e(t.value):(r=t.value,r instanceof i?r:new i((function(e){e(r)}))).then(o,n)}l((u=u.apply(r,a||[])).next())}));var r,a,i,u})),{searchKey:n,searchLoading:l}}function y(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e?String(e).trim().toLowerCase():e}const m=(0,r.defineComponent)({name:"Option",props:{id:{type:[String,Number,Object],require:!0},name:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),disabled:e.PropTypes.bool.def(!1)},setup:function(e,t){var o=t.attrs,l=(0,r.getCurrentInstance)().proxy,a=(0,r.reactive)({visible:!0}),u=(0,r.toRefs)(e),s=u.disabled,c=u.id,v=u.name,f=(0,r.computed)((function(){return void 0!==v.value?v.value:o.label})),h=(0,r.computed)((function(){return void 0!==c.value?c.value:o.value})),g=(0,r.inject)(d,null),y=(0,r.inject)(p,null),m=(0,r.computed)((function(){var e;return null===(e=null==g?void 0:g.selected)||void 0===e?void 0:e.some((function(e){return(0,n.isEqual)(e.value,h.value)}))})),b=(0,r.computed)((function(){return null==g?void 0:g.multiple})),w=(0,r.computed)((function(){return(null==g?void 0:g.activeOptionValue)===h.value})),T=(0,r.computed)((function(){return(null==g?void 0:g.showSelectedIcon)&&b.value})),x=(0,r.computed)((function(){return null==g?void 0:g.selectedStyle}));(0,r.onBeforeMount)((function(){null==g||g.register(h.value,l),null==y||y.register(h.value,l)})),(0,r.onBeforeUnmount)((function(){null==g||g.unregister(h.value),null==y||y.unregister(h.value)}));var S=(0,i.usePrefix)().resolveClassName;return Object.assign(Object.assign({},(0,r.toRefs)(a)),{selected:m,multiple:b,isHover:w,showSelectedIcon:T,selectedStyle:x,optionName:f,optionID:h,handleOptionClick:function(){s.value||null==g||g.handleOptionSelected(l)},handleMouseEnter:function(){g.activeOptionValue=h.value},resolveClassName:S})},render:function(){var t,n,l,i=(0,e.classes)(o({"is-selected":this.selected,"is-disabled":this.disabled,"is-multiple":this.multiple,"is-hover":this.isHover,"is-checkbox":this.selectedStyle===e.SelectedTypeEnum.CHECKBOX},this.resolveClassName("select-option"),!0));return(0,r.withDirectives)((0,r.createVNode)("li",{class:i,onClick:this.handleOptionClick,onMouseenter:this.handleMouseEnter},[this.showSelectedIcon&&this.selectedStyle===e.SelectedTypeEnum.CHECKBOX&&(0,r.createVNode)(a(),{disabled:this.disabled,class:this.resolveClassName("select-checkbox"),modelValue:this.selected},null),null!==(l=null===(n=(t=this.$slots).default)||void 0===n?void 0:n.call(t))&&void 0!==l?l:(0,r.createVNode)("span",{class:this.resolveClassName("select-option-item"),title:String(this.optionName)},[this.optionName]),this.showSelectedIcon&&this.selected&&this.selectedStyle===e.SelectedTypeEnum.CHECK&&(0,r.createVNode)(u.Done,{class:this.resolveClassName("select-selected-icon"),width:22,height:22},null)]),[[r.vShow,this.visible]])}});function b(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}function w(e){return function(e){if(Array.isArray(e))return b(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?b(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const T=(0,r.defineComponent)({name:"OptionGroup",props:{label:e.PropTypes.string.def(""),disabled:e.PropTypes.bool.def(!1),collapsible:e.PropTypes.bool.def(!1),collapse:e.PropTypes.bool.def(!1)},setup:function(e,t){var o=t.emit,n=(0,r.getCurrentInstance)(),l=n.proxy,a=(0,r.inject)(d,null),u=(0,r.reactive)({groupCollapse:e.collapse,visible:!0}),s=(0,r.ref)(new Map),c=v(s),f=c.register,h=c.unregister,g=(0,r.computed)((function(){return"".concat(e.label," (").concat(w(s.value.values()).filter((function(e){return e.visible})).length,")")}));(0,r.provide)(p,(0,r.reactive)(Object.assign(Object.assign({},(0,r.toRefs)(e)),{register:f,unregister:h,groupCollapse:(0,r.toRef)(u,"groupCollapse")}))),(0,r.onBeforeMount)((function(){null==a||a.registerGroup(n.uid,l)})),(0,r.onBeforeUnmount)((function(){null==a||a.unregisterGroup(n.uid)}));var y=(0,i.usePrefix)().resolveClassName;return Object.assign(Object.assign({},(0,r.toRefs)(u)),{groupLabel:g,handleToggleCollapse:function(){e.collapsible&&!e.disabled&&(u.groupCollapse=!u.groupCollapse,o("update:collapse",u.groupCollapse))},resolveClassName:y})},render:function(){var t,n,l,a,i=(0,e.classes)((o(t={},this.resolveClassName("option-group"),!0),o(t,"collapsible",this.collapsible),o(t,"disabled",this.disabled),t)),s=(0,e.classes)((o(n={},this.resolveClassName("option-group-label"),!0),o(n,"collapsible",this.collapsible),n)),c=(0,e.classes)({"default-group-label-icon":!0,collapse:this.groupCollapse});return(0,r.withDirectives)((0,r.createVNode)("ul",{class:i},[(0,r.createVNode)("li",{class:s,onClick:this.handleToggleCollapse},[this.$slots.label?this.$slots.label():(0,r.createVNode)("span",{class:"default-group-label"},[this.collapsible&&(0,r.createVNode)(u.AngleUpFill,{class:c},null),(0,r.createVNode)("span",{class:"default-group-label-title"},[this.groupLabel])])]),(0,r.withDirectives)((0,r.createVNode)("ul",{class:this.resolveClassName("option-group-content")},[null===(a=(l=this.$slots).default)||void 0===a?void 0:a.call(l)]),[[r.vShow,!this.groupCollapse]])]),[[r.vShow,this.visible]])}});var x=f(4061),S=f(8133),P=f.n(S),N=f(4870),C=f.n(N),V=f(5537),I=f.n(V),O=f(3511),E=f.n(O),j=f(7739),L=f.n(j);const k=(0,r.defineComponent)({name:"SelectTagInput",props:{selected:{type:Array,default:function(){return[]}},tagTheme:(0,e.TagThemeType)(),placeholder:e.PropTypes.string.def(""),filterable:e.PropTypes.bool.def(!1),allowCreate:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),modelValue:e.PropTypes.any,collapseTags:e.PropTypes.bool.def(!1)},emits:["update:modelValue","remove","enter","keydown"],setup:function(e,t){var o=t.emit,n=(0,i.usePrefix)().resolveClassName,l=(0,r.getCurrentInstance)().proxy,a=(0,r.inject)(d,null),u=(0,r.toRefs)(e),s=u.modelValue,c=u.collapseTags,p=u.selected,v=(0,r.ref)(s.value),f=(0,r.ref)(),h=(0,r.ref)(null);(0,r.watch)(s,(function(){v.value=s.value})),(0,r.watch)([p,c],(function(){g()}),{flush:"post"});var g=function(){c.value&&(h.value=null,setTimeout((function(){var e=function(e){var t=w(l.$el.querySelectorAll(".".concat(n("tag"))));return t}(),t=e.findIndex((function(t,o){return!!o&&e[o-1].offsetTop!==t.offsetTop}));h.value=t>0?t:null})))};return{select:a,overflowTagIndex:h,value:v,inputRef:f,handleRemoveTag:function(e){o("remove",e)},focus:function(){var e;null===(e=f.value)||void 0===e||e.focus()},handleInput:function(e){o("update:modelValue",e.target.value)},handleKeydown:function(e){"Enter"===e.code&&o("enter",e.target.value,e),o("keydown",e.target.value,e)},resolveClassName:n}},render:function(){var t,n,l,a,i,u,s,c,d,p,v=this,f=null===(l=null===(n=this.$slots)||void 0===n?void 0:n.prefix)||void 0===l?void 0:l.call(n),h=(0,e.classes)((o(t={},this.resolveClassName("select-tag"),!0),o(t,this.resolveClassName("select-tag--default"),!0),o(t,"is-disabled",this.disabled),o(t,"collapse-tag",this.collapseTags),o(t,"has-prefix",!!f),t)),g=(0,e.classes)(o({},this.resolveClassName("select-tag-wrapper"),!0)),y={display:this.selected.length&&!this.filterable?"none":""};return(0,r.createVNode)("div",{class:h},[null===(i=null===(a=this.$slots)||void 0===a?void 0:a.prefix)||void 0===i?void 0:i.call(a),(0,r.createVNode)("span",{class:g},[null!==(c=null===(s=(u=this.$slots).default)||void 0===s?void 0:s.call(u))&&void 0!==c?c:this.selected.map((function(e,t){var o;return(0,r.createVNode)(L(),{closable:!0,theme:v.tagTheme,style:{display:v.collapseTags&&v.overflowTagIndex&&t>=v.overflowTagIndex?"none":""},onClose:function(){return v.handleRemoveTag(e.value)}},{default:function(){return[null===(o=v.select)||void 0===o?void 0:o.handleGetLabelByValue(e.value)]}})})),!!this.overflowTagIndex&&this.collapseTags&&(0,r.createVNode)(L(),{class:this.resolveClassName("select-overflow-tag")},{default:function(){return[(0,r.createTextVNode)("+"),v.selected.length-v.overflowTagIndex]}}),(0,r.createVNode)("input",{class:this.resolveClassName("select-tag-input"),ref:"inputRef",type:"text",style:y,placeholder:this.selected.length?"":this.placeholder,readonly:!this.filterable,disabled:this.disabled,value:this.filterable?this.value:"",onInput:this.handleInput,onKeydown:this.handleKeydown},null)]),null===(p=null===(d=this.$slots)||void 0===d?void 0:d.suffix)||void 0===p?void 0:p.call(d)])}});function A(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}const M=(0,r.defineComponent)({name:"Select",directives:{clickoutside:x.clickoutside},props:{modelValue:e.PropTypes.any,multiple:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),size:e.PropTypes.size().def(e.SizeEnum.DEFAULT),clearable:e.PropTypes.bool.def(!0),loading:e.PropTypes.bool.def(!1),filterable:e.PropTypes.bool.def(!1),remoteMethod:e.PropTypes.func,scrollHeight:e.PropTypes.number.def(200),showSelectAll:e.PropTypes.bool.def(!1),popoverMinWidth:e.PropTypes.number.def(0),showOnInit:e.PropTypes.bool.def(!1),multipleMode:e.PropTypes.oneOf(["default","tag"]).def("default"),tagTheme:(0,e.TagThemeType)(),behavior:(0,e.InputBehaviorType)(),collapseTags:e.PropTypes.bool.def(!1),autoHeight:e.PropTypes.bool.def(!0),noDataText:e.PropTypes.string,noMatchText:e.PropTypes.string,loadingText:e.PropTypes.string,placeholder:e.PropTypes.string,searchPlaceholder:e.PropTypes.string,selectAllText:e.PropTypes.string,scrollLoading:e.PropTypes.bool.def(!1),allowCreate:e.PropTypes.bool.def(!1),popoverOptions:Object,customContent:e.PropTypes.bool.def(!1),list:e.PropTypes.array.def([]),idKey:e.PropTypes.string.def("value"),displayKey:e.PropTypes.string.def("label"),withValidate:e.PropTypes.bool.def(!0),showSelectedIcon:e.PropTypes.bool.def(!0),inputSearch:e.PropTypes.bool.def(!0),enableVirtualRender:e.PropTypes.bool.def(!1),allowEmptyValues:e.PropTypes.array.def([]),autoFocus:e.PropTypes.bool.def(!1),keepSearchValue:e.PropTypes.bool.def(!1),prefix:e.PropTypes.string,selectedStyle:(0,e.SelectedType)()},emits:["update:modelValue","change","toggle","clear","scroll-end","focus","blur"],setup:function(o,l){var a=l.emit,u=(0,i.useLocale)("select"),s=(0,i.usePrefix)().resolveClassName,c=(0,r.toRefs)(o),p=c.modelValue,f=c.disabled,h=c.filterable,m=c.multiple,b=c.remoteMethod,T=c.loading,x=c.popoverMinWidth,S=c.showOnInit,P=c.multipleMode,N=c.allowCreate,C=c.customContent,V=c.showSelectedIcon,I=c.inputSearch,O=c.enableVirtualRender,E=c.showSelectAll,j=c.scrollHeight,L=c.list,k=c.displayKey,M=c.idKey,R=c.collapseTags,D=c.autoHeight,H=c.popoverOptions,K=c.allowEmptyValues,q=c.autoFocus,_=c.keepSearchValue,$=c.selectedStyle,G=(0,r.computed)((function(){return void 0===o.noDataText?u.value.noData:o.noDataText})),B=(0,r.computed)((function(){return void 0===o.noMatchText?u.value.noMatchedData:o.noMatchText})),F=(0,r.computed)((function(){return void 0===o.loadingText?u.value.loading:o.loadingText})),U=(0,r.computed)((function(){return void 0===o.placeholder?u.value.pleaseSelect:o.placeholder})),z=(0,r.computed)((function(){return void 0===o.searchPlaceholder?u.value.enterKeywords:o.searchPlaceholder})),W=(0,r.computed)((function(){return void 0===o.selectAllText?u.value.all:o.selectAllText})),X=(0,e.useFormItem)(),Y=(0,r.ref)(),J=(0,r.ref)(),Q=(0,r.ref)(),Z=(0,r.ref)(),ee=(0,r.ref)(),te=(0,r.ref)(),oe=(0,r.ref)(),re=(0,r.ref)(new Map),ne=(0,r.computed)((function(){return w(re.value.values())})),le=(0,r.ref)(new Map),ae=(0,r.ref)([]),ie=(0,r.computed)((function(){return ae.value.reduce((function(e,t){return e[t.value]=t.label,e}),{})})),ue=(0,r.ref)(),se=(0,r.computed)((function(){return L.value.reduce((function(e,t){return e[t[M.value]]=t[k.value],e}),{})}));(0,r.watch)(p,(function(){var e;Qe(),o.withValidate&&(null===(e=null==X?void 0:X.validate)||void 0===e||e.call(X,"change"))}),{deep:!0}),(0,r.watch)(ae,(function(){var e;null===(e=oe.value)||void 0===e||e.updatePopover(null,Se.value)}));var ce=(0,r.computed)((function(){return ye.value?L.value:L.value.filter((function(e){var t;return null===(t=y(String(e[k.value])))||void 0===t?void 0:t.includes(y(Ue.value))}))})),de=(0,r.computed)((function(){return f.value||T.value})),pe=(0,r.computed)((function(){return ae.value.map((function(e){var t,o;return(null===(o=null===(t=re.value)||void 0===t?void 0:t.get(e.value))||void 0===o?void 0:o.optionName)||se.value[e.value]||e.label}))})),ve=(0,r.computed)((function(){var e=ne.value.reduce((function(e,t){return t.disabled||e.push(t.optionID),e}),[]);return e.length<=ae.value.length&&e.every((function(e){return ae.value.some((function(t){return t.value===e}))}))})),fe=(0,r.computed)((function(){return!!le.value.size})),he=(0,r.computed)((function(){return!ne.value.length})),ge=(0,r.computed)((function(){return ne.value.length&&ne.value.every((function(e){return!e.visible}))})),ye=(0,r.computed)((function(){return h.value&&"function"==typeof b.value})),me=(0,r.computed)((function(){return!(ze.value||he.value||ge.value)||C.value})),be=(0,r.computed)((function(){return m.value&&E.value&&(!Ue.value||!h.value)})),we=(0,r.computed)((function(){return j.value-12-(be.value?32:0)})),Te=(0,r.computed)((function(){return ze.value?F.value:he.value?G.value:ge.value?B.value:""})),xe=(0,r.computed)((function(){return D.value?R.value&&!Ke.value:R.value})),Se=(0,r.computed)((function(){return(0,n.merge)({theme:"light ".concat(s("select-popover")),trigger:"manual",width:He.value,arrow:!1,placement:"bottom-start",isShow:Ke.value,reference:ee.value,offset:6,popoverDelay:0,renderType:e.RenderType.AUTO},H.value)})),Pe=v(re),Ne=Pe.register,Ce=Pe.unregister,Ve=v(le),Ie=Ve.register,Oe=Ve.unregister,Ee=function(){var e=(0,r.ref)(!1);return{isHover:e,setHover:function(){e.value=!0},cancelHover:function(){e.value=!1}}}(),je=Ee.isHover,Le=Ee.setHover,ke=Ee.cancelHover,Ae=(0,r.ref)(!1),Me=function(){Ae.value||(Ae.value=!0,a("focus"))},Re=function(){Ae.value&&(Ae.value=!1,a("blur"))},De=function(t,o){var n=t.popoverMinWidth,l=null,a=(0,r.ref)("auto"),i=(0,r.ref)(!1),u=function(){var e;a.value=Math.max(null===(e=o.value)||void 0===e?void 0:e.offsetWidth,n)};return(0,r.onMounted)((function(){o.value&&(l=(0,e.observerResize)(o.value,u,60,!0)).start()})),(0,r.onBeforeUnmount)((function(){null==l||l.stop(),l=null})),{isPopoverShow:i,popperWidth:a,togglePopover:function(){i.value=!i.value},hidePopover:function(){i.value=!1},showPopover:function(){i.value=!0}}}({popoverMinWidth:x.value},J),He=De.popperWidth,Ke=De.isPopoverShow,qe=De.hidePopover,_e=De.showPopover,$e=De.togglePopover;(0,r.watch)(Ke,(function(){a("toggle",Ke.value)}));var Ge=(0,r.computed)((function(){return(h.value&&I.value||N.value)&&Ke.value}));(0,r.watch)(Ke,(function(e){e?setTimeout((function(){Ye(),Be()}),10):_.value||(Ue.value="")}));var Be=function(){var e,t=ae.value[0],o=re.value.get(null==t?void 0:t.value);o&&!o.disabled&&o.visible?ue.value=null==t?void 0:t.value:ue.value=null===(e=ne.value.find((function(e){return!e.disabled&&e.visible})))||void 0===e?void 0:e.optionID},Fe=g(ye.value?b.value:function(e){h.value&&ne.value.forEach((function(t){var o;t.visible=null===(o=y(String(t.optionName)))||void 0===o?void 0:o.includes(y(e))}))},Be),Ue=Fe.searchKey,ze=Fe.searchLoading,We=function(e){e!==p.value&&(a("update:modelValue",e,p.value),a("change",e,p.value))},Xe=function(e){if(!de.value&&e){if(m.value){var t=ae.value.findIndex((function(t){return t.value===e.optionID}));t>-1?ae.value.splice(t,1):ae.value.push({value:e.optionID,label:e.optionName||e.optionID}),We(ae.value.map((function(e){return e.value})))}else ae.value=[{label:e.optionName||e.optionID,value:e.optionID}],We(e.optionID),qe();Ye()}},Ye=function(){setTimeout((function(){var e,t,o;I.value||N.value?"tag"===P.value?null===(t=ee.value)||void 0===t||t.focus():null===(o=Y.value)||void 0===o||o.focus():null===(e=Z.value)||void 0===e||e.focus()}),0)},Je=function(e){var o,r,l=e;if("object"===t(l)){var a,i=function(e,t){var o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!o){if(Array.isArray(e)||(o=function(e,t){if(e){if("string"==typeof e)return A(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?A(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){o&&(e=o);var r=0,n=function(){};return{s:n,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,i=!1;return{s:function(){o=o.call(e)},n:function(){var e=o.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==o.return||o.return()}finally{if(i)throw l}}}}(re.value.keys());try{for(i.s();!(a=i.n()).done;){var u=a.value;if((0,n.isEqual)(u,l)){l=u;break}}}catch(e){i.e(e)}finally{i.f()}}return(null===(r=null===(o=re.value)||void 0===o?void 0:o.get(l))||void 0===r?void 0:r.optionName)||se.value[l]||ie.value[l]||l},Qe=function(){Array.isArray(p.value)?ae.value=w(p.value.map((function(e){return{value:e,label:Je(e)}}))):void 0!==p.value||K.value.includes(p.value)?ae.value=[{value:p.value,label:Je(p.value)}]:ae.value=[]};return(0,r.provide)(d,(0,r.reactive)({multiple:m,selected:ae,activeOptionValue:ue,showSelectedIcon:V,selectedStyle:$,register:Ne,unregister:Ce,registerGroup:Ie,unregisterGroup:Oe,handleOptionSelected:Xe,handleGetLabelByValue:Je})),(0,r.onMounted)((function(){Qe(),setTimeout((function(){S.value&&_e(),q.value&&Ye()}))})),{selected:ae,isInput:Ge,options:ne,isDisabled:de,selectedLabel:pe,isPopoverShow:Ke,isHover:je,popperWidth:He,inputRef:Y,triggerRef:J,contentRef:Q,searchRef:Z,selectTagInputRef:ee,virtualRenderRef:te,popoverRef:oe,searchLoading:ze,isOptionsEmpty:he,isSearchEmpty:ge,isFocus:Ae,isShowSelectContent:me,curContentText:Te,isGroup:fe,searchKey:Ue,isShowSelectAll:be,virtualHeight:we,virtualList:ce,isCollapseTags:xe,popoverConfig:Se,focusInput:Ye,setHover:Le,cancelHover:ke,handleFocus:Me,handleBlur:Re,handleTogglePopover:function(){de.value||(Me(),$e())},handleClear:function(e){e.stopPropagation(),ae.value=[],We(m.value?[]:""),a("clear",m.value?[]:""),qe()},hidePopover:qe,showPopover:_e,handleToggleAll:function(){ve.value?ae.value=[]:ne.value.forEach((function(e){e.disabled||ae.value.find((function(t){return t.value===e.optionID}))||ae.value.push({value:e.optionID,label:e.optionName||e.optionID})})),We(ae.value.map((function(e){return e.value}))),Ye()},handleOptionSelected:Xe,handleClickOutside:function(e){var t,o=e.event.target;(null===(t=J.value)||void 0===t?void 0:t.contains(o))||J.value===o||(qe(),Re())},handleScroll:function(e){var t=e.target;t.scrollTop+t.clientHeight===t.scrollHeight&&a("scroll-end")},handleDeleteTag:function(e){if(!de.value){var t=ae.value.findIndex((function(t){return t.value===e}));t>-1&&(ae.value.splice(t,1),We(ae.value.map((function(e){return e.value}))))}},handleInputChange:function(e){h.value&&(Ue.value=e)},handleInputEnter:function(e,t){var o=String(e);!N.value||!o||h.value&&ne.value.find((function(e){return y(String(e.optionName))===y(o)}))||re.value.get(o)||(t.stopPropagation(),m.value?(ae.value.push({value:o,label:o}),We(ae.value.map((function(e){return e.value})))):(ae.value=[{value:o,label:o}],We(o),qe()),Ue.value="")},handleKeydown:function(e){var t,o;if(Ke.value){var r=ne.value.filter((function(e){return!e.disabled&&e.visible})),n=r.findIndex((function(e){return e.optionID===ue.value}));if(r.length&&-1!==n)switch(e.code){case"ArrowDown":e.preventDefault();var l=n>=r.length-1?0:n+1;ue.value=null===(t=r[l])||void 0===t?void 0:t.optionID;break;case"ArrowUp":e.preventDefault();var a=0===n?r.length-1:n-1;ue.value=null===(o=r[a])||void 0===o?void 0:o.optionID;break;case"Backspace":if(!m.value||!ae.value.length||Ue.value.length||e.target===Z.value)return;ae.value.pop(),We(ae.value.map((function(e){return e.value})));break;case"Enter":var i=re.value.get(ue.value);Xe(i)}}},handleSelectedAllOptionMouseEnter:function(){ue.value=""},handlePopoverShow:function(){setTimeout((function(){var e,t;O.value&&(null===(t=null===(e=te.value)||void 0===e?void 0:e.reset)||void 0===t||t.call(e))}))},localLoadingText:F,localPlaceholder:U,localSearchPlaceholder:z,localSelectAllText:W,resolveClassName:s}},render:function(){var t,n=this,l=(0,e.classes)((o(t={},"".concat(this.resolveClassName("select")),!0),o(t,"popover-show",this.isPopoverShow),o(t,"is-disabled",this.isDisabled),o(t,"is-focus",this.isFocus),o(t,"is-filterable",this.filterable),o(t,this.size,!0),o(t,this.behavior,!0),t)),a=function(){return n.loading?(0,r.createVNode)(C(),{loading:!0,theme:"primary",class:"spinner",mode:"spin",size:"mini"},null):n.clearable&&n.isHover&&n.selected.length&&!n.isDisabled?(0,r.createVNode)(u.Close,{class:"clear-icon",onClick:n.handleClear},null):(0,r.createVNode)(u.AngleUp,{class:"angle-up"},null)},i=function(){var e,t,o,l;return"tag"===n.multipleMode?(0,r.createVNode)(k,{ref:"selectTagInputRef",modelValue:n.searchKey,"onUpdate:modelValue":function(e){return n.searchKey=e},selected:n.selected,tagTheme:n.tagTheme,placeholder:n.localPlaceholder,filterable:n.isInput,disabled:n.isDisabled,onRemove:n.handleDeleteTag,collapseTags:n.isCollapseTags,onEnter:n.handleInputEnter,onKeydown:function(e,t){return n.handleKeydown(t)}},{prefix:n.prefix?(0,r.createVNode)("div",{class:"".concat(n.resolveClassName("select--prefix-area"))},[(0,r.createVNode)("span",null,[n.prefix])]):null===(o=(t=n.$slots).prefix)||void 0===o?void 0:o.call(t),default:n.$slots.tag&&function(){return n.$slots.tag({selected:n.selected})},suffix:function(){return a()}}):(0,r.createVNode)(P(),(0,r.mergeProps)({ref:"inputRef",type:"text",modelValue:n.isInput?n.searchKey:n.selectedLabel.join(","),placeholder:n.isInput&&n.selectedLabel.join(",")||n.localPlaceholder,readonly:!n.isInput,selectReadonly:!0,disabled:n.isDisabled,behavior:n.behavior,size:n.size,withValidate:!1,onInput:n.handleInputChange,onEnter:n.handleInputEnter,onKeydown:function(e,t){return n.handleKeydown(t)}},n.prefix?{prefix:n.prefix}:null),(l=e=Object.assign(Object.assign({},"function"==typeof n.$slots.prefix?{prefix:function(){var e,t;return null===(t=(e=n.$slots).prefix)||void 0===t?void 0:t.call(e)}}:null),{suffix:function(){return a()}}),"function"==typeof l||"[object Object]"===Object.prototype.toString.call(l)&&!(0,r.isVNode)(l)?e:{default:function(){return[e]}}))};return(0,r.createVNode)("div",{class:l},[(0,r.createVNode)(I(),(0,r.mergeProps)(this.popoverConfig,{onClickoutside:this.handleClickOutside,onAfterShow:this.handlePopoverShow,ref:"popoverRef"}),{default:function(){return(0,r.createVNode)("div",{class:n.resolveClassName("select-trigger"),style:{height:n.autoHeight&&n.collapseTags?"32px":""},ref:"triggerRef",onClick:n.handleTogglePopover,onMouseenter:n.setHover,onMouseleave:n.cancelHover},[(null===(t=(e=n.$slots).trigger)||void 0===t?void 0:t.call(e,{selected:n.selected}))||i()]);var e,t},content:function(){return(0,r.createVNode)("div",{class:n.resolveClassName("select-content-wrapper"),ref:"contentRef"},[n.filterable&&!n.inputSearch&&(0,r.createVNode)("div",{class:n.resolveClassName("select-search-wrapper")},[(0,r.createVNode)(u.Search,{class:"icon-search",width:16,height:16},null),(0,r.withDirectives)((0,r.createVNode)("input",{ref:"searchRef",class:n.resolveClassName("select-search-input"),placeholder:n.localSearchPlaceholder,"onUpdate:modelValue":function(e){return n.searchKey=e}},null),[[r.vModelText,n.searchKey]])]),!n.isShowSelectContent&&(0,r.createVNode)("div",{class:n.resolveClassName("select-empty")},[n.searchLoading&&(0,r.createVNode)(C(),{class:"mr5",theme:"primary",loading:!0,mode:"spin",size:"mini"},null),(0,r.createVNode)("span",null,[n.curContentText])]),(0,r.createVNode)("div",{class:n.resolveClassName("select-content")},[(0,r.createVNode)("div",{class:n.resolveClassName("select-dropdown"),style:{maxHeight:"".concat(n.scrollHeight,"px")},onScroll:n.handleScroll},[(0,r.withDirectives)((0,r.createVNode)("ul",{class:n.resolveClassName("select-options")},[n.isShowSelectAll&&(0,r.createVNode)("li",{class:n.resolveClassName("select-option"),onMouseenter:n.handleSelectedAllOptionMouseEnter,onClick:n.handleToggleAll},[n.localSelectAllText]),n.enableVirtualRender?(0,r.createVNode)(E(),{list:n.virtualList,height:n.virtualHeight,lineHeight:32,ref:"virtualRenderRef"},{default:function(e){return e.data.map((function(e){var t,o;return(0,r.createVNode)(m,{key:e[n.idKey],id:e[n.idKey],name:e[n.displayKey]},{default:null===(o=(t=n.$slots).virtualScrollRender)||void 0===o?void 0:o.call(t,{item:e})})}))}}):n.list.map((function(e){return(0,r.createVNode)(m,{id:e[n.idKey],name:e[n.displayKey]},null)})),null===(t=(e=n.$slots).default)||void 0===t?void 0:t.call(e),n.scrollLoading&&(0,r.createVNode)("li",{class:n.resolveClassName("select-options-loading")},[(0,r.createVNode)(C(),{class:"spinner mr5",theme:"primary",loading:!0,mode:"spin",size:"mini"},null),(0,r.createVNode)("span",null,[n.localLoadingText])])]),[[r.vShow,n.isShowSelectContent]])]),n.$slots.extension&&(0,r.createVNode)("div",{class:n.resolveClassName("select-extension")},[n.$slots.extension()])])]);var e,t}})])}});var R=(0,e.withInstallProps)(M,{Option:m,Group:T});const D=R})(),h})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("lodash"),require("../checkbox"),require("../config-provider"),require("../icon"),require("../directives"),require("../input"),require("../loading"),require("../popover"),require("../virtual-render"),require("../tag"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash","../checkbox","../config-provider","../icon","../directives","../input","../loading","../popover","../virtual-render","../tag"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("lodash"),require("../checkbox"),require("../config-provider"),require("../icon"),require("../directives"),require("../input"),require("../loading"),require("../popover"),require("../virtual-render"),require("../tag")):t(e["../shared"],e.vue,e.lodash,e["../checkbox"],e["../config-provider"],e["../icon"],e["../directives"],e["../input"],e["../loading"],e["../popover"],e["../virtual-render"],e["../tag"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r,n,l,a,i,u,s,c,d)=>(()=>{var v={5800:e=>{"use strict";e.exports=r},2717:e=>{"use strict";e.exports=n},4061:e=>{"use strict";e.exports=a},6870:e=>{"use strict";e.exports=l},8133:e=>{"use strict";e.exports=i},4870:e=>{"use strict";e.exports=u},5537:e=>{"use strict";e.exports=s},4212:t=>{"use strict";t.exports=e},7739:e=>{"use strict";e.exports=d},3511:e=>{"use strict";e.exports=c},467:e=>{"use strict";e.exports=o},748:e=>{"use strict";e.exports=t},7609:(e,t,o)=>{var r=o(7425).default;function n(){"use strict";e.exports=n=function(){return t},e.exports.__esModule=!0,e.exports.default=e.exports;var t={},o=Object.prototype,l=o.hasOwnProperty,a=Object.defineProperty||function(e,t,o){e[t]=o.value},i="function"==typeof Symbol?Symbol:{},u=i.iterator||"@@iterator",s=i.asyncIterator||"@@asyncIterator",c=i.toStringTag||"@@toStringTag";function d(e,t,o){return Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{d({},"")}catch(e){d=function(e,t,o){return e[t]=o}}function v(e,t,o,r){var n=t&&t.prototype instanceof h?t:h,l=Object.create(n.prototype),i=new O(r||[]);return a(l,"_invoke",{value:P(e,o,i)}),l}function p(e,t,o){try{return{type:"normal",arg:e.call(t,o)}}catch(e){return{type:"throw",arg:e}}}t.wrap=v;var f={};function h(){}function g(){}function m(){}var y={};d(y,u,(function(){return this}));var b=Object.getPrototypeOf,T=b&&b(b(I([])));T&&T!==o&&l.call(T,u)&&(y=T);var w=m.prototype=h.prototype=Object.create(y);function x(e){["next","throw","return"].forEach((function(t){d(e,t,(function(e){return this._invoke(t,e)}))}))}function S(e,t){function o(n,a,i,u){var s=p(e[n],e,a);if("throw"!==s.type){var c=s.arg,d=c.value;return d&&"object"==r(d)&&l.call(d,"__await")?t.resolve(d.__await).then((function(e){o("next",e,i,u)}),(function(e){o("throw",e,i,u)})):t.resolve(d).then((function(e){c.value=e,i(c)}),(function(e){return o("throw",e,i,u)}))}u(s.arg)}var n;a(this,"_invoke",{value:function(e,r){function l(){return new t((function(t,n){o(e,r,t,n)}))}return n=n?n.then(l,l):l()}})}function P(e,t,o){var r="suspendedStart";return function(n,l){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===n)throw l;return{value:void 0,done:!0}}for(o.method=n,o.arg=l;;){var a=o.delegate;if(a){var i=N(a,o);if(i){if(i===f)continue;return i}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if("suspendedStart"===r)throw r="completed",o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);r="executing";var u=p(e,t,o);if("normal"===u.type){if(r=o.done?"completed":"suspendedYield",u.arg===f)continue;return{value:u.arg,done:o.done}}"throw"===u.type&&(r="completed",o.method="throw",o.arg=u.arg)}}}function N(e,t){var o=t.method,r=e.iterator[o];if(void 0===r)return t.delegate=null,"throw"===o&&e.iterator.return&&(t.method="return",t.arg=void 0,N(e,t),"throw"===t.method)||"return"!==o&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+o+"' method")),f;var n=p(r,e.iterator,t.arg);if("throw"===n.type)return t.method="throw",t.arg=n.arg,t.delegate=null,f;var l=n.arg;return l?l.done?(t[e.resultName]=l.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,f):l:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,f)}function C(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function V(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function O(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function I(e){if(e){var t=e[u];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,r=function t(){for(;++o<e.length;)if(l.call(e,o))return t.value=e[o],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:E}}function E(){return{value:void 0,done:!0}}return g.prototype=m,a(w,"constructor",{value:m,configurable:!0}),a(m,"constructor",{value:g,configurable:!0}),g.displayName=d(m,c,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,m):(e.__proto__=m,d(e,c,"GeneratorFunction")),e.prototype=Object.create(w),e},t.awrap=function(e){return{__await:e}},x(S.prototype),d(S.prototype,s,(function(){return this})),t.AsyncIterator=S,t.async=function(e,o,r,n,l){void 0===l&&(l=Promise);var a=new S(v(e,o,r,n),l);return t.isGeneratorFunction(o)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},x(w),d(w,c,"Generator"),d(w,u,(function(){return this})),d(w,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),o=[];for(var r in t)o.push(r);return o.reverse(),function e(){for(;o.length;){var r=o.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=I,O.prototype={constructor:O,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(V),!e)for(var t in this)"t"===t.charAt(0)&&l.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function o(o,r){return a.type="throw",a.arg=e,t.next=o,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r],a=n.completion;if("root"===n.tryLoc)return o("end");if(n.tryLoc<=this.prev){var i=l.call(n,"catchLoc"),u=l.call(n,"finallyLoc");if(i&&u){if(this.prev<n.catchLoc)return o(n.catchLoc,!0);if(this.prev<n.finallyLoc)return o(n.finallyLoc)}else if(i){if(this.prev<n.catchLoc)return o(n.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<n.finallyLoc)return o(n.finallyLoc)}}}},abrupt:function(e,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&l.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var n=r;break}}n&&("break"===e||"continue"===e)&&n.tryLoc<=t&&t<=n.finallyLoc&&(n=null);var a=n?n.completion:{};return a.type=e,a.arg=t,n?(this.method="next",this.next=n.finallyLoc,f):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),f},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===e)return this.complete(o.completion,o.afterLoc),V(o),f}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===e){var r=o.completion;if("throw"===r.type){var n=r.arg;V(o)}return n}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,o){return this.delegate={iterator:I(e),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=void 0),f}},t}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports},7425:e=>{function t(o){return e.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,t(o)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},2841:(e,t,o)=>{var r=o(7609)();e.exports=r;try{regeneratorRuntime=r}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=r:Function("r","regeneratorRuntime = r")(r)}}},p={};function f(e){var t=p[e];if(void 0!==t)return t.exports;var o=p[e]={exports:{}};return v[e](o,o.exports,f),o.exports}f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},f.d=(e,t)=>{for(var o in t)f.o(t,o)&&!f.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var h={};return(()=>{"use strict";f.r(h),f.d(h,{BkOption:()=>y,BkOptionGroup:()=>w,BkSelect:()=>M,default:()=>A});var e=f(4212);function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(e)}function o(e,o,r){return(o=function(e){var o=function(e,o){if("object"!==t(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==t(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===t(o)?o:String(o)}(o))in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}var r=f(748),n=f(467),l=f(5800),a=f.n(l),i=f(2717),u=f(6870),s=f(2841),c=f.n(s);Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var d=Symbol("BkSelect"),v=Symbol("BkOptionGroup");function p(e){return{register:function(t,o){if(o&&!e.value.has(t))return e.value.set(t,o)},unregister:function(t){e.value.delete(t)}}}function g(e,t){var o=this,n=function(e){var t,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:200,n=e;return(0,r.customRef)((function(e,r){return{get:function(){return e(),n},set:function(e){clearTimeout(t),void 0===e||""===e?(n=e,r()):t=setTimeout((function(){n=e,r()}),o)}}}))}(""),l=(0,r.ref)(!1);return(0,r.watch)(n,(function(){return r=o,a=void 0,i=void 0,u=c().mark((function o(){return c().wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return o.prev=0,l.value=!0,o.next=4,e(n.value);case 4:l.value=!1,o.next=10;break;case 7:o.prev=7,o.t0=o.catch(0),console.error(o.t0);case 10:return o.prev=10,null==t||t(),o.finish(10);case 13:case"end":return o.stop()}}),o,null,[[0,7,10,13]])})),new(i||(i=Promise))((function(e,t){function o(e){try{l(u.next(e))}catch(e){t(e)}}function n(e){try{l(u.throw(e))}catch(e){t(e)}}function l(t){var r;t.done?e(t.value):(r=t.value,r instanceof i?r:new i((function(e){e(r)}))).then(o,n)}l((u=u.apply(r,a||[])).next())}));var r,a,i,u})),{searchKey:n,searchLoading:l}}function m(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e?String(e).trim().toLowerCase():e}const y=(0,r.defineComponent)({name:"Option",props:{id:{type:[String,Number,Object],require:!0},name:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),disabled:e.PropTypes.bool.def(!1),order:e.PropTypes.number.def(0)},setup:function(e,t){var o=t.attrs,l=(0,r.getCurrentInstance)().proxy,a=(0,r.reactive)({visible:!0}),u=(0,r.toRefs)(e),s=u.disabled,c=u.id,p=u.name,f=(0,r.computed)((function(){return void 0!==p.value?p.value:o.label})),h=(0,r.computed)((function(){return void 0!==c.value?c.value:o.value})),g=(0,r.inject)(d,null),m=(0,r.inject)(v,null),y=(0,r.computed)((function(){var e;return null===(e=null==g?void 0:g.selected)||void 0===e?void 0:e.some((function(e){return(0,n.isEqual)(e.value,h.value)}))})),b=(0,r.computed)((function(){return null==g?void 0:g.multiple})),T=(0,r.computed)((function(){return(null==g?void 0:g.activeOptionValue)===h.value})),w=(0,r.computed)((function(){return(null==g?void 0:g.showSelectedIcon)&&b.value})),x=(0,r.computed)((function(){return null==g?void 0:g.selectedStyle}));(0,r.onBeforeMount)((function(){null==g||g.register(h.value,l),null==m||m.register(h.value,l)})),(0,r.onBeforeUnmount)((function(){null==g||g.unregister(h.value),null==m||m.unregister(h.value)}));var S=(0,i.usePrefix)().resolveClassName;return Object.assign(Object.assign({},(0,r.toRefs)(a)),{selected:y,multiple:b,isHover:T,showSelectedIcon:w,selectedStyle:x,optionName:f,optionID:h,handleOptionClick:function(){s.value||null==g||g.handleOptionSelected(l)},handleMouseEnter:function(){g.activeOptionValue=h.value},resolveClassName:S})},render:function(){var t,n,l,i=(0,e.classes)(o({"is-selected":this.selected,"is-disabled":this.disabled,"is-multiple":this.multiple,"is-hover":this.isHover,"is-checkbox":this.selectedStyle===e.SelectedTypeEnum.CHECKBOX},this.resolveClassName("select-option"),!0));return(0,r.withDirectives)((0,r.createVNode)("li",{class:i,onClick:this.handleOptionClick,onMouseenter:this.handleMouseEnter},[this.showSelectedIcon&&this.selectedStyle===e.SelectedTypeEnum.CHECKBOX&&(0,r.createVNode)(a(),{disabled:this.disabled,class:this.resolveClassName("select-checkbox"),modelValue:this.selected},null),null!==(l=null===(n=(t=this.$slots).default)||void 0===n?void 0:n.call(t))&&void 0!==l?l:(0,r.createVNode)("span",{class:this.resolveClassName("select-option-item"),title:String(this.optionName)},[this.optionName]),this.showSelectedIcon&&this.selected&&this.selectedStyle===e.SelectedTypeEnum.CHECK&&(0,r.createVNode)(u.Done,{class:this.resolveClassName("select-selected-icon"),width:22,height:22},null)]),[[r.vShow,this.visible]])}});function b(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}function T(e){return function(e){if(Array.isArray(e))return b(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?b(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const w=(0,r.defineComponent)({name:"OptionGroup",props:{label:e.PropTypes.string.def(""),disabled:e.PropTypes.bool.def(!1),collapsible:e.PropTypes.bool.def(!1),collapse:e.PropTypes.bool.def(!1)},setup:function(e,t){var o=t.emit,n=(0,r.getCurrentInstance)(),l=n.proxy,a=(0,r.inject)(d,null),u=(0,r.reactive)({groupCollapse:e.collapse,visible:!0}),s=(0,r.ref)(new Map),c=p(s),f=c.register,h=c.unregister,g=(0,r.computed)((function(){return"".concat(e.label," (").concat(T(s.value.values()).filter((function(e){return e.visible})).length,")")}));(0,r.provide)(v,(0,r.reactive)(Object.assign(Object.assign({},(0,r.toRefs)(e)),{register:f,unregister:h,groupCollapse:(0,r.toRef)(u,"groupCollapse")}))),(0,r.onBeforeMount)((function(){null==a||a.registerGroup(n.uid,l)})),(0,r.onBeforeUnmount)((function(){null==a||a.unregisterGroup(n.uid)}));var m=(0,i.usePrefix)().resolveClassName;return Object.assign(Object.assign({},(0,r.toRefs)(u)),{groupLabel:g,handleToggleCollapse:function(){e.collapsible&&!e.disabled&&(u.groupCollapse=!u.groupCollapse,o("update:collapse",u.groupCollapse))},resolveClassName:m})},render:function(){var t,n,l,a,i=(0,e.classes)((o(t={},this.resolveClassName("option-group"),!0),o(t,"collapsible",this.collapsible),o(t,"disabled",this.disabled),t)),s=(0,e.classes)((o(n={},this.resolveClassName("option-group-label"),!0),o(n,"collapsible",this.collapsible),n)),c=(0,e.classes)({"default-group-label-icon":!0,collapse:this.groupCollapse});return(0,r.withDirectives)((0,r.createVNode)("ul",{class:i},[(0,r.createVNode)("li",{class:s,onClick:this.handleToggleCollapse},[this.$slots.label?this.$slots.label():(0,r.createVNode)("span",{class:"default-group-label"},[this.collapsible&&(0,r.createVNode)(u.AngleUpFill,{class:c},null),(0,r.createVNode)("span",{class:"default-group-label-title"},[this.groupLabel])])]),(0,r.withDirectives)((0,r.createVNode)("ul",{class:this.resolveClassName("option-group-content")},[null===(a=(l=this.$slots).default)||void 0===a?void 0:a.call(l)]),[[r.vShow,!this.groupCollapse]])]),[[r.vShow,this.visible]])}});var x=f(4061),S=f(8133),P=f.n(S),N=f(4870),C=f.n(N),V=f(5537),O=f.n(V),I=f(3511),E=f.n(I),j=f(7739),R=f.n(j);const L=(0,r.defineComponent)({name:"SelectTagInput",props:{selected:{type:Array,default:function(){return[]}},tagTheme:(0,e.TagThemeType)(),placeholder:e.PropTypes.string.def(""),filterable:e.PropTypes.bool.def(!1),allowCreate:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),modelValue:e.PropTypes.any,collapseTags:e.PropTypes.bool.def(!1)},emits:["update:modelValue","remove","enter","keydown"],setup:function(e,t){var o=t.emit,l=(0,i.usePrefix)().resolveClassName,a=(0,r.inject)(d,null),u=(0,r.toRefs)(e),s=u.modelValue,c=u.collapseTags,v=u.selected,p=(0,r.ref)(s.value),f=(0,r.ref)(),h=(0,r.ref)(null);(0,r.watch)(s,(function(){p.value=s.value})),(0,r.watch)([v,c],(function(){y()}),{flush:"post"});var g=(0,r.ref)([]),m=(0,r.ref)(),y=function(){c.value&&(h.value=null,setTimeout((function(){var e,t,o=g.value.map((function(e){return null==e?void 0:e.$el})).filter((function(e){return!!e})),r=o.findIndex((function(e,t){return!!t&&o[t-1].offsetTop!==e.offsetTop}));h.value=r>0?r:null,(null===(e=o[h.value])||void 0===e?void 0:e.offsetTop)!==(null===(t=m.value)||void 0===t?void 0:t.offsetTop)&&h.value>1&&(h.value-=1)})))},b=(0,n.debounce)(y,150),T=(0,r.ref)(),w=new ResizeObserver((function(){b()}));return(0,r.onMounted)((function(){T.value&&w.observe(T.value)})),(0,r.onBeforeUnmount)((function(){T.value&&w.unobserve(T.value)})),{collapseTagRef:m,tagWrapperRef:T,tagsRefs:g,select:a,overflowTagIndex:h,value:p,inputRef:f,handleRemoveTag:function(e){o("remove",e)},focus:function(){var e;null===(e=f.value)||void 0===e||e.focus()},handleInput:function(e){o("update:modelValue",e.target.value)},handleKeydown:function(e){"Enter"===e.code&&o("enter",e.target.value,e),o("keydown",e.target.value,e)},resolveClassName:l}},render:function(){var t,n,l,a,i,u,s,c,d,v,p=this,f=null===(l=null===(n=this.$slots)||void 0===n?void 0:n.prefix)||void 0===l?void 0:l.call(n),h=(0,e.classes)((o(t={},this.resolveClassName("select-tag"),!0),o(t,this.resolveClassName("select-tag--default"),!0),o(t,"is-disabled",this.disabled),o(t,"collapse-tag",this.collapseTags),o(t,"has-prefix",!!f),t)),g=(0,e.classes)(o({},this.resolveClassName("select-tag-wrapper"),!0)),m={display:this.selected.length&&!this.filterable?"none":""};return(0,r.createVNode)("div",{class:h,ref:"tagWrapperRef"},[null===(i=null===(a=this.$slots)||void 0===a?void 0:a.prefix)||void 0===i?void 0:i.call(a),(0,r.createVNode)("div",{class:g},[null!==(c=null===(s=(u=this.$slots).default)||void 0===s?void 0:s.call(u))&&void 0!==c?c:this.selected.map((function(e,t){var o;return(0,r.createVNode)(R(),{closable:!0,theme:p.tagTheme,style:{display:p.collapseTags&&p.overflowTagIndex&&t>=p.overflowTagIndex?"none":""},ref:function(e){return p.tagsRefs[t]=e},onClose:function(){return p.handleRemoveTag(e.value)}},{default:function(){return[null===(o=p.select)||void 0===o?void 0:o.handleGetLabelByValue(e.value)]}})})),(0,r.createVNode)(R(),{class:this.resolveClassName("select-overflow-tag"),style:{display:this.overflowTagIndex&&this.collapseTags?"":"none"},ref:"collapseTagRef"},{default:function(){return[(0,r.createTextVNode)("+"),p.selected.length-p.overflowTagIndex]}}),(0,r.createVNode)("input",{class:this.resolveClassName("select-tag-input"),ref:"inputRef",type:"text",style:m,placeholder:this.selected.length?"":this.placeholder,readonly:!this.filterable,disabled:this.disabled,value:this.filterable?this.value:"",onInput:this.handleInput,onKeydown:this.handleKeydown},null)]),null===(v=null===(d=this.$slots)||void 0===d?void 0:d.suffix)||void 0===v?void 0:v.call(d)])}});function k(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}const D=(0,r.defineComponent)({name:"Select",directives:{clickoutside:x.clickoutside},props:{modelValue:e.PropTypes.any,multiple:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),size:e.PropTypes.size().def(e.SizeEnum.DEFAULT),clearable:e.PropTypes.bool.def(!0),loading:e.PropTypes.bool.def(!1),filterable:e.PropTypes.bool.def(!1),remoteMethod:e.PropTypes.func,scrollHeight:e.PropTypes.number.def(200),showSelectAll:e.PropTypes.bool.def(!1),popoverMinWidth:e.PropTypes.number.def(0),showOnInit:e.PropTypes.bool.def(!1),multipleMode:e.PropTypes.oneOf(["default","tag"]).def("default"),tagTheme:(0,e.TagThemeType)(),behavior:(0,e.InputBehaviorType)(),collapseTags:e.PropTypes.bool.def(!1),autoHeight:e.PropTypes.bool.def(!0),noDataText:e.PropTypes.string,noMatchText:e.PropTypes.string,loadingText:e.PropTypes.string,placeholder:e.PropTypes.string,searchPlaceholder:e.PropTypes.string,selectAllText:e.PropTypes.string,scrollLoading:e.PropTypes.bool.def(!1),allowCreate:e.PropTypes.bool.def(!1),popoverOptions:Object,customContent:e.PropTypes.bool.def(!1),list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),idKey:e.PropTypes.string.def("value"),displayKey:e.PropTypes.string.def("label"),withValidate:e.PropTypes.bool.def(!0),showSelectedIcon:e.PropTypes.bool.def(!0),inputSearch:e.PropTypes.bool.def(!0),enableVirtualRender:e.PropTypes.bool.def(!1),allowEmptyValues:e.PropTypes.array.def([]),autoFocus:e.PropTypes.bool.def(!1),keepSearchValue:e.PropTypes.bool.def(!1),prefix:e.PropTypes.string,selectedStyle:(0,e.SelectedType)(),filterOption:{type:[Boolean,Function],default:!0}},emits:["update:modelValue","change","toggle","clear","scroll-end","focus","blur","tag-remove","select","deselect"],setup:function(o,l){var a=l.emit,u=(0,i.useLocale)("select"),s=(0,i.usePrefix)().resolveClassName,c=(0,r.toRefs)(o),v=c.modelValue,f=c.disabled,h=c.filterable,y=c.multiple,b=c.remoteMethod,w=c.loading,x=c.popoverMinWidth,S=c.showOnInit,P=c.multipleMode,N=c.allowCreate,C=c.customContent,V=c.showSelectedIcon,O=c.inputSearch,I=c.enableVirtualRender,E=c.showSelectAll,j=c.scrollHeight,R=c.list,L=c.displayKey,D=c.idKey,M=c.collapseTags,A=c.autoHeight,H=c.popoverOptions,$=c.allowEmptyValues,q=c.autoFocus,_=c.keepSearchValue,K=c.selectedStyle,B=c.filterOption,G=(0,r.computed)((function(){return void 0===o.noDataText?u.value.noData:o.noDataText})),F=(0,r.computed)((function(){return void 0===o.noMatchText?u.value.noMatchedData:o.noMatchText})),U=(0,r.computed)((function(){return void 0===o.loadingText?u.value.loading:o.loadingText})),z=(0,r.computed)((function(){return void 0===o.placeholder?u.value.pleaseSelect:o.placeholder})),W=(0,r.computed)((function(){return void 0===o.searchPlaceholder?u.value.enterKeywords:o.searchPlaceholder})),X=(0,r.computed)((function(){return void 0===o.selectAllText?u.value.all:o.selectAllText})),Y=(0,e.useFormItem)(),J=(0,r.ref)(),Q=(0,r.ref)(),Z=(0,r.ref)(),ee=(0,r.ref)(),te=(0,r.ref)(),oe=(0,r.ref)(),re=(0,r.ref)(),ne=(0,r.ref)(new Map),le=(0,r.computed)((function(){return T(ne.value.values()).sort((function(e,t){return e.order-t.order}))})),ae=(0,r.ref)(new Map),ie=(0,r.ref)([]),ue=(0,r.computed)((function(){return ie.value.reduce((function(e,t){return e[t.value]=t.label,e}),{})})),se=(0,r.ref)(),ce=(0,r.computed)((function(){return R.value.reduce((function(e,t){return e[t[D.value]]=t[L.value],e}),{})}));(0,r.watch)(v,(function(){var e;et(),o.withValidate&&(null===(e=null==Y?void 0:Y.validate)||void 0===e||e.call(Y,"change"))}),{deep:!0}),(0,r.watch)(ie,(function(){var e;null===(e=re.value)||void 0===e||e.updatePopover(null,Ne.value)}));var de=(0,r.computed)((function(){return ye.value?R.value:R.value.filter((function(e){var t;return be.value(We.value,e)&&(null===(t=m(String(e[L.value])))||void 0===t?void 0:t.includes(m(We.value)))}))})),ve=(0,r.computed)((function(){return f.value||w.value})),pe=(0,r.computed)((function(){return ie.value.map((function(e){var t,o;return(null===(o=null===(t=ne.value)||void 0===t?void 0:t.get(e.value))||void 0===o?void 0:o.optionName)||ce.value[e.value]||e.label}))})),fe=(0,r.computed)((function(){var e=le.value.reduce((function(e,t){return t.disabled||e.push(t.optionID),e}),[]);return e.length<=ie.value.length&&e.every((function(e){return ie.value.some((function(t){return t.value===e}))}))})),he=(0,r.computed)((function(){return!!ae.value.size})),ge=(0,r.computed)((function(){return!le.value.length})),me=(0,r.computed)((function(){return le.value.length&&le.value.every((function(e){return!e.visible}))})),ye=(0,r.computed)((function(){return h.value&&"function"==typeof b.value})),be=(0,r.computed)((function(){return"function"==typeof B.value?B.value:function(){return B.value}})),Te=(0,r.computed)((function(){return!(Xe.value||ge.value||me.value)||C.value})),we=(0,r.computed)((function(){return y.value&&E.value&&(!We.value||!h.value)})),xe=(0,r.computed)((function(){return j.value-12-(we.value?32:0)})),Se=(0,r.computed)((function(){return Xe.value?U.value:me.value||R.value.length&&!de.value.length?F.value:ge.value?G.value:""})),Pe=(0,r.computed)((function(){return A.value?M.value&&!_e.value:M.value})),Ne=(0,r.computed)((function(){return(0,n.merge)({theme:"light ".concat(s("select-popover")),trigger:"manual",width:qe.value,arrow:!1,placement:"bottom-start",isShow:_e.value,reference:te.value,offset:6,popoverDelay:0,renderType:e.RenderType.AUTO},H.value)})),Ce=p(ne),Ve=Ce.register,Oe=Ce.unregister,Ie=p(ae),Ee=Ie.register,je=Ie.unregister,Re=function(){var e=(0,r.ref)(!1);return{isHover:e,setHover:function(){e.value=!0},cancelHover:function(){e.value=!1}}}(),Le=Re.isHover,ke=Re.setHover,De=Re.cancelHover,Me=(0,r.ref)(!1),Ae=function(){Me.value||(Me.value=!0,a("focus"))},He=function(){Me.value&&(Me.value=!1,a("blur"))},$e=function(t,o){var n=t.popoverMinWidth,l=null,a=(0,r.ref)("auto"),i=(0,r.ref)(!1),u=function(){var e;a.value=Math.max(null===(e=o.value)||void 0===e?void 0:e.offsetWidth,n)};return(0,r.onMounted)((function(){o.value&&(l=(0,e.observerResize)(o.value,u,60,!0)).start()})),(0,r.onBeforeUnmount)((function(){null==l||l.stop(),l=null})),{isPopoverShow:i,popperWidth:a,togglePopover:function(){i.value=!i.value},hidePopover:function(){i.value=!1},showPopover:function(){i.value=!0}}}({popoverMinWidth:x.value},Q),qe=$e.popperWidth,_e=$e.isPopoverShow,Ke=$e.hidePopover,Be=$e.showPopover,Ge=$e.togglePopover,Fe=(0,r.computed)((function(){return(h.value&&O.value||N.value)&&_e.value}));(0,r.watch)(_e,(function(e){a("toggle",_e.value),e?(document.addEventListener("keydown",tt),setTimeout((function(){Qe(),Ue()}),10)):(_.value||(We.value=""),document.removeEventListener("keydown",tt))}));var Ue=function(){var e,t=ie.value[0],o=ne.value.get(null==t?void 0:t.value);o&&!o.disabled&&o.visible?se.value=null==t?void 0:t.value:se.value=null===(e=le.value.find((function(e){return!e.disabled&&e.visible})))||void 0===e?void 0:e.optionID},ze=g(ye.value?b.value:function(e){h.value&&(e?le.value.forEach((function(t){var o;t.visible=be.value(e,Object.assign({},t.$props))&&(null===(o=m(String(t.optionName)))||void 0===o?void 0:o.includes(m(e)))})):le.value.forEach((function(e){e.visible=!0})))},Ue),We=ze.searchKey,Xe=ze.searchLoading,Ye=function(e){e!==v.value&&(a("update:modelValue",e,v.value),a("change",e,v.value))},Je=function(e){if(!ve.value&&e){if(y.value){var t=ie.value.findIndex((function(t){return t.value===e.optionID}));t>-1?(ie.value.splice(t,1),Ye(ie.value.map((function(e){return e.value}))),a("deselect",e.optionID)):(ie.value.push({value:e.optionID,label:e.optionName||e.optionID}),Ye(ie.value.map((function(e){return e.value}))),a("select",e.optionID))}else ie.value=[{label:e.optionName||e.optionID,value:e.optionID}],Ye(e.optionID),a("select",e.optionID),Ke();Qe()}},Qe=function(){setTimeout((function(){var e,t,o;O.value||N.value?"tag"===P.value?null===(t=te.value)||void 0===t||t.focus():null===(o=J.value)||void 0===o||o.focus():null===(e=ee.value)||void 0===e||e.focus()}),0)},Ze=function(e){var o,r,l=e;if("object"===t(l)){var a,i=function(e,t){var o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!o){if(Array.isArray(e)||(o=function(e,t){if(e){if("string"==typeof e)return k(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?k(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){o&&(e=o);var r=0,n=function(){};return{s:n,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,i=!1;return{s:function(){o=o.call(e)},n:function(){var e=o.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==o.return||o.return()}finally{if(i)throw l}}}}(ne.value.keys());try{for(i.s();!(a=i.n()).done;){var u=a.value;if((0,n.isEqual)(u,l)){l=u;break}}}catch(e){i.e(e)}finally{i.f()}}return(null===(r=null===(o=ne.value)||void 0===o?void 0:o.get(l))||void 0===r?void 0:r.optionName)||ce.value[l]||ue.value[l]||l},et=function(){Array.isArray(v.value)?ie.value=T(v.value.map((function(e){return{value:e,label:Ze(e)}}))):void 0!==v.value||$.value.includes(v.value)?ie.value=[{value:v.value,label:Ze(v.value)}]:ie.value=[]},tt=function(e){var t,o,r,n;if(_e.value){var l=le.value.filter((function(e){return!e.disabled&&e.visible})),a=l.findIndex((function(e){return e.optionID===se.value}));switch(e.code){case"ArrowUp":case"ArrowDown":e.preventDefault();var i;(function(e,t){if(!e||!t)return!0;var o=e.getBoundingClientRect(),r=o.top,n=o.bottom,l=t.getBoundingClientRect(),a=l.top,i=l.bottom;return r>=a&&n<=i})(null===(t=l[i="ArrowDown"===e.code?a>=l.length-1?0:a+1:0===a?l.length-1:a-1])||void 0===t?void 0:t.$el,Z.value)||null===(r=null===(o=l[i])||void 0===o?void 0:o.$el)||void 0===r||r.scrollIntoView(),se.value=null===(n=l[i])||void 0===n?void 0:n.optionID;break;case"Backspace":if(!y.value||!ie.value.length||We.value.length||e.target===ee.value)return;ie.value.pop(),Ye(ie.value.map((function(e){return e.value})));break;case"Enter":var u=e.target.value;if(N.value&&u)return;var s=ne.value.get(se.value);Je(s)}}};return(0,r.provide)(d,(0,r.reactive)({multiple:y,selected:ie,activeOptionValue:se,showSelectedIcon:V,selectedStyle:K,register:Ve,unregister:Oe,registerGroup:Ee,unregisterGroup:je,handleOptionSelected:Je,handleGetLabelByValue:Ze})),(0,r.onMounted)((function(){et(),setTimeout((function(){S.value&&Be(),q.value&&Qe()}))})),{selected:ie,isInput:Fe,options:le,isDisabled:ve,selectedLabel:pe,isPopoverShow:_e,isHover:Le,popperWidth:qe,inputRef:J,triggerRef:Q,contentRef:Z,searchRef:ee,selectTagInputRef:te,virtualRenderRef:oe,popoverRef:re,searchLoading:Xe,isOptionsEmpty:ge,isSearchEmpty:me,isFocus:Me,isShowSelectContent:Te,curContentText:Se,isGroup:he,searchKey:We,isShowSelectAll:we,virtualHeight:xe,virtualList:de,isCollapseTags:Pe,popoverConfig:Ne,focusInput:Qe,setHover:ke,cancelHover:De,handleFocus:Ae,handleBlur:He,handleTogglePopover:function(){ve.value||(Ae(),Ge())},handleClear:function(e){e.stopPropagation(),ie.value=[],Ye(y.value?[]:""),a("clear",y.value?[]:""),Ke()},hidePopover:Ke,showPopover:Be,handleToggleAll:function(){var e;fe.value?ie.value=[]:(le.value.forEach((function(e){e.disabled||e.optionID in ue.value||ie.value.push({value:e.optionID,label:e.optionName||e.optionID})})),null===(e=R.value)||void 0===e||e.forEach((function(e){e.disabled||e[D.value]in ue.value||ie.value.push({value:e[D.value],label:e[L.value]})}))),Ye(ie.value.map((function(e){return e.value}))),Qe()},handleOptionSelected:Je,handleClickOutside:function(e){var t,o=e.event.target;(null===(t=Q.value)||void 0===t?void 0:t.contains(o))||Q.value===o||(Ke(),He())},handleScroll:function(e){var t=e.target;t.scrollTop+t.clientHeight===t.scrollHeight&&a("scroll-end")},handleDeleteTag:function(e){if(!ve.value){var t=ie.value.findIndex((function(t){return t.value===e}));t>-1&&(ie.value.splice(t,1),Ye(ie.value.map((function(e){return e.value}))),a("tag-remove",e))}},handleInputChange:function(e){h.value&&(We.value=e)},handleSelectedAllOptionMouseEnter:function(){se.value=""},handlePopoverShow:function(){setTimeout((function(){var e,t;I.value&&(null===(t=null===(e=oe.value)||void 0===e?void 0:e.reset)||void 0===t||t.call(e))}))},localLoadingText:U,localPlaceholder:z,localSearchPlaceholder:W,localSelectAllText:X,resolveClassName:s,handleCreateCustomOption:function(e){var t=String(e);if(N.value&&t){var o=le.value.find((function(e){return m(String(e.optionName))===m(t)}));if(h.value&&o)return Je(o),void(We.value="");ne.value.get(t)||(y.value?(ie.value.push({value:t,label:t}),Ye(ie.value.map((function(e){return e.value})))):(ie.value=[{value:t,label:t}],Ye(t),Ke()),We.value="")}}}},render:function(){var t,n=this,l=(0,e.classes)((o(t={},"".concat(this.resolveClassName("select")),!0),o(t,"popover-show",this.isPopoverShow),o(t,"is-disabled",this.isDisabled),o(t,"is-focus",this.isFocus),o(t,"is-filterable",this.filterable),o(t,this.size,!0),o(t,this.behavior,!0),t)),a=function(){return n.loading?(0,r.createVNode)(C(),{loading:!0,theme:"primary",class:"spinner",mode:"spin",size:"mini"},null):n.clearable&&n.isHover&&n.selected.length&&!n.isDisabled?(0,r.createVNode)(u.Close,{class:"clear-icon",onClick:n.handleClear},null):(0,r.createVNode)(u.AngleUp,{class:"angle-up"},null)};return(0,r.createVNode)("div",{class:l},[(0,r.createVNode)(O(),(0,r.mergeProps)(this.popoverConfig,{onClickoutside:this.handleClickOutside,onAfterShow:this.handlePopoverShow,ref:"popoverRef"}),{default:function(){return(0,r.createVNode)("div",{class:n.resolveClassName("select-trigger"),style:{height:n.autoHeight&&n.collapseTags?"32px":""},ref:"triggerRef",onClick:n.handleTogglePopover,onMouseenter:n.setHover,onMouseleave:n.cancelHover},[(null===(l=(o=n.$slots).trigger)||void 0===l?void 0:l.call(o,{selected:n.selected}))||("tag"===n.multipleMode?(0,r.createVNode)(L,{ref:"selectTagInputRef",modelValue:n.searchKey,"onUpdate:modelValue":function(e){return n.searchKey=e},selected:n.selected,tagTheme:n.tagTheme,placeholder:n.localPlaceholder,filterable:n.isInput,disabled:n.isDisabled,onRemove:n.handleDeleteTag,collapseTags:n.isCollapseTags,onEnter:n.handleCreateCustomOption},{prefix:n.prefix?function(){return(0,r.createVNode)("div",{class:"".concat(n.resolveClassName("select--prefix-area"))},[(0,r.createVNode)("span",null,[n.prefix])])}:n.$slots.prefix?function(){var e,t;return null===(t=(e=n.$slots).prefix)||void 0===t?void 0:t.call(e)}:void 0,default:n.$slots.tag&&function(){return n.$slots.tag({selected:n.selected})},suffix:function(){return a()}}):(0,r.createVNode)(P(),(0,r.mergeProps)({ref:"inputRef",type:"text",modelValue:n.isInput?n.searchKey:n.selectedLabel.join(","),placeholder:n.isInput&&n.selectedLabel.join(",")||n.localPlaceholder,readonly:!n.isInput,selectReadonly:!0,disabled:n.isDisabled,behavior:n.behavior,size:n.size,withValidate:!1,stopPropagation:!1,onInput:n.handleInputChange,onEnter:n.handleCreateCustomOption},n.prefix?{prefix:n.prefix}:null),"function"==typeof(t=e=Object.assign(Object.assign({},"function"==typeof n.$slots.prefix?{prefix:function(){var e,t;return null===(t=(e=n.$slots).prefix)||void 0===t?void 0:t.call(e)}}:null),{suffix:function(){return a()}}))||"[object Object]"===Object.prototype.toString.call(t)&&!(0,r.isVNode)(t)?e:{default:function(){return[e]}}))]);var e,t,o,l},content:function(){return(0,r.createVNode)("div",{class:n.resolveClassName("select-content-wrapper"),ref:"contentRef"},[n.filterable&&!n.inputSearch&&(0,r.createVNode)("div",{class:n.resolveClassName("select-search-wrapper")},[(0,r.createVNode)(u.Search,{class:"icon-search",width:16,height:16},null),(0,r.withDirectives)((0,r.createVNode)("input",{ref:"searchRef",class:n.resolveClassName("select-search-input"),placeholder:n.localSearchPlaceholder,"onUpdate:modelValue":function(e){return n.searchKey=e}},null),[[r.vModelText,n.searchKey]])]),!n.isShowSelectContent&&(0,r.createVNode)("div",{class:n.resolveClassName("select-empty")},[n.searchLoading&&(0,r.createVNode)(C(),{class:"mr5",theme:"primary",loading:!0,mode:"spin",size:"mini"},null),(0,r.createVNode)("span",null,[n.curContentText])]),(0,r.createVNode)("div",{class:n.resolveClassName("select-content")},[(0,r.createVNode)("div",{class:n.enableVirtualRender?"":n.resolveClassName("select-dropdown"),style:{maxHeight:"".concat(n.scrollHeight,"px")},onScroll:n.handleScroll},[(0,r.withDirectives)((0,r.createVNode)("ul",{class:n.resolveClassName("select-options")},[n.isShowSelectAll&&(0,r.createVNode)("li",{class:n.resolveClassName("select-option"),onMouseenter:n.handleSelectedAllOptionMouseEnter,onClick:n.handleToggleAll},[n.localSelectAllText]),n.enableVirtualRender?(0,r.createVNode)(E(),{list:n.virtualList,height:n.virtualHeight,lineHeight:32,ref:"virtualRenderRef"},{default:function(e){var t,o,l=e.data,a=(null===(t=n.$slots)||void 0===t?void 0:t.optionRender)||(null===(o=n.$slots)||void 0===o?void 0:o.virtualScrollRender);return l.map((function(e){return(0,r.createVNode)(y,{key:e[n.idKey],id:e[n.idKey],name:e[n.displayKey]},"function"==typeof a?{default:function(){return a({item:e})}}:null)}))}}):n.list.map((function(e){var t;return(0,r.createVNode)(y,{id:e[n.idKey],name:e[n.displayKey]},(null===(t=n.$slots)||void 0===t?void 0:t.optionRender)?{default:function(){var t,o;return null===(o=null===(t=n.$slots)||void 0===t?void 0:t.optionRender)||void 0===o?void 0:o.call(t,{item:e})}}:null)})),null===(t=(e=n.$slots).default)||void 0===t?void 0:t.call(e),n.scrollLoading&&(0,r.createVNode)("li",{class:n.resolveClassName("select-options-loading")},[(0,r.createVNode)(C(),{class:"spinner mr5",theme:"primary",loading:!0,mode:"spin",size:"mini"},null),(0,r.createVNode)("span",null,[n.localLoadingText])])]),[[r.vShow,n.isShowSelectContent]])]),n.$slots.extension&&(0,r.createVNode)("div",{class:n.resolveClassName("select-extension")},[n.$slots.extension()])])]);var e,t}})])}});var M=(0,e.withInstallProps)(D,{Option:y,Group:w});const A=M})(),h})()));

package/lib/select/option.d.ts

@@ -10,6 +10,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    order: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
 }, {
     selected: import("vue").ComputedRef<boolean>;
     multiple: import("vue").ComputedRef<boolean>;
@@ -33,7 +38,13 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    order: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
 }>>, {
     disabled: boolean;
+    order: number;
 }, {}>;
 export default _default;

package/lib/select/select.css

@@ -125,7 +125,6 @@
   display: flex;
   align-items: center;
   flex-wrap: wrap;
-  padding: 2px 0;
   overflow: hidden;
 }
 .bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover {
@@ -269,6 +268,15 @@
 .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown {
   overflow: auto;
 }
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar-thumb {
+  background: #dde4eb;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px hsla(0, 0%, 80%, 0.3);
+}
 .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-extension {
   display: flex;
   height: 40px;

package/lib/select/select.d.ts

@@ -56,8 +56,8 @@ declare const _default: import("vue").DefineComponent<{
     multipleMode: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
-        default: "info" | "success" | "warning" | "danger";
+    tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
+        default: "" | "info" | "success" | "warning" | "danger";
     };
     behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
         default: "normal" | "simplicity";
@@ -122,12 +122,16 @@ declare const _default: import("vue").DefineComponent<{
         height: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+        maxWidth: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        content: import("vue-types").VueTypeDef<string | number> & {
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
+        content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+            default: string | number | (() => HTMLElement) | (() => JSX.Element);
+        };
+        target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -213,16 +217,24 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: string;
         };
+        componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>>>>;
     customContent: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
+    list: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
     };
     idKey: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -275,6 +287,10 @@ declare const _default: import("vue").DefineComponent<{
     selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
         default: "checkbox" | "check";
     };
+    filterOption: {
+        type: (BooleanConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
 }, {
     selected: import("vue").Ref<{
         value: string;
@@ -297,7 +313,7 @@ declare const _default: import("vue").DefineComponent<{
         $props: {
             disabled?: boolean;
             placeholder?: string;
-            tagTheme?: "info" | "success" | "warning" | "danger";
+            tagTheme?: "" | "info" | "success" | "warning" | "danger";
             selected?: ISelected[];
             filterable?: boolean;
             allowCreate?: boolean;
@@ -305,8 +321,8 @@ declare const _default: import("vue").DefineComponent<{
             class?: unknown;
             style?: unknown;
             onKeydown?: (...args: any[]) => any;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -370,8 +386,8 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue-types/dist/types").PropType<ISelected[]>;
                 default: () => any[];
             };
-            tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
-                default: "info" | "success" | "warning" | "danger";
+            tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
+                default: "" | "info" | "success" | "warning" | "danger";
             };
             placeholder: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -405,6 +421,9 @@ declare const _default: import("vue").DefineComponent<{
             onEnter?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
         }, {
+            collapseTagRef: import("vue").Ref<any>;
+            tagWrapperRef: import("vue").Ref<any>;
+            tagsRefs: import("vue").Ref<any[]>;
             select: import("./type").ISelectContext;
             overflowTagIndex: import("vue").Ref<number>;
             value: any;
@@ -417,7 +436,7 @@ declare const _default: import("vue").DefineComponent<{
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "update:modelValue" | "enter" | "remove")[], string, {
             disabled: boolean;
             placeholder: string;
-            tagTheme: "info" | "success" | "warning" | "danger";
+            tagTheme: "" | "info" | "success" | "warning" | "danger";
             selected: ISelected[];
             filterable: boolean;
             allowCreate: boolean;
@@ -447,8 +466,8 @@ declare const _default: import("vue").DefineComponent<{
             type: import("vue-types/dist/types").PropType<ISelected[]>;
             default: () => any[];
         };
-        tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
-            default: "info" | "success" | "warning" | "danger";
+        tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
+            default: "" | "info" | "success" | "warning" | "danger";
         };
         placeholder: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -482,6 +501,9 @@ declare const _default: import("vue").DefineComponent<{
         onEnter?: (...args: any[]) => any;
         onRemove?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
+        collapseTagRef: import("vue").Ref<any>;
+        tagWrapperRef: import("vue").Ref<any>;
+        tagsRefs: import("vue").Ref<any[]>;
         select: import("./type").ISelectContext;
         overflowTagIndex: import("vue").Ref<number>;
         value: any;
@@ -504,7 +526,7 @@ declare const _default: import("vue").DefineComponent<{
     searchKey: import("vue").Ref<string>;
     isShowSelectAll: import("vue").ComputedRef<boolean>;
     virtualHeight: import("vue").ComputedRef<number>;
-    virtualList: import("vue").ComputedRef<unknown[]>;
+    virtualList: import("vue").ComputedRef<any[]>;
     isCollapseTags: import("vue").ComputedRef<boolean>;
     popoverConfig: import("vue").ComputedRef<Partial<Readonly<import("vue").ExtractPropTypes<{
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -528,12 +550,16 @@ declare const _default: import("vue").DefineComponent<{
         height: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+        maxWidth: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        content: import("vue-types").VueTypeDef<string | number> & {
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
+        content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+            default: string | number | (() => HTMLElement) | (() => JSX.Element);
+        };
+        target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -619,6 +645,16 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: string;
         };
+        componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>>>>;
     focusInput: () => void;
     setHover: () => void;
@@ -637,8 +673,6 @@ declare const _default: import("vue").DefineComponent<{
     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;
     handlePopoverShow: () => void;
     localLoadingText: import("vue").ComputedRef<string>;
@@ -646,7 +680,8 @@ declare const _default: import("vue").DefineComponent<{
     localSearchPlaceholder: import("vue").ComputedRef<string>;
     localSelectAllText: import("vue").ComputedRef<string>;
     resolveClassName: (cls: string) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], "blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "scroll-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    handleCreateCustomOption: (val: string | number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect")[], "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect", 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;
@@ -702,8 +737,8 @@ declare const _default: import("vue").DefineComponent<{
     multipleMode: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    tagTheme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
-        default: "info" | "success" | "warning" | "danger";
+    tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
+        default: "" | "info" | "success" | "warning" | "danger";
     };
     behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
         default: "normal" | "simplicity";
@@ -768,12 +803,16 @@ declare const _default: import("vue").DefineComponent<{
         height: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+        maxWidth: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        content: import("vue-types").VueTypeDef<string | number> & {
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
+        content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+            default: string | number | (() => HTMLElement) | (() => JSX.Element);
+        };
+        target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -859,16 +898,24 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: string;
         };
+        componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>>>>;
     customContent: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
+    list: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
     };
     idKey: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -921,14 +968,21 @@ declare const _default: import("vue").DefineComponent<{
     selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
         default: "checkbox" | "check";
     };
+    filterOption: {
+        type: (BooleanConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
 }>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
+    onSelect?: (...args: any[]) => any;
     onClear?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onToggle?: (...args: any[]) => any;
     "onScroll-end"?: (...args: any[]) => any;
+    "onTag-remove"?: (...args: any[]) => any;
+    onDeselect?: (...args: any[]) => any;
 }, {
     prefix: string;
     disabled: boolean;
@@ -936,8 +990,8 @@ declare const _default: import("vue").DefineComponent<{
     multiple: boolean;
     showOnInit: boolean;
     placeholder: string;
-    list: unknown[];
-    tagTheme: "info" | "success" | "warning" | "danger";
+    list: any[];
+    tagTheme: "" | "info" | "success" | "warning" | "danger";
     behavior: "normal" | "simplicity";
     selectedStyle: "checkbox" | "check";
     loading: boolean;
@@ -967,5 +1021,6 @@ declare const _default: import("vue").DefineComponent<{
     allowEmptyValues: unknown[];
     autoFocus: boolean;
     keepSearchValue: boolean;
+    filterOption: boolean | Function;
 }, {}>;
 export default _default;

package/lib/select/select.less

@@ -184,7 +184,6 @@
         display: flex;
         align-items: center;
         flex-wrap: wrap;
-        padding: 2px 0;
         overflow: hidden;
       }
 
@@ -306,6 +305,17 @@
 
         .@{bk-prefix}-select-dropdown {
           overflow: auto;
+
+          &::-webkit-scrollbar {
+            width: 4px;
+            height: 4px;
+          }
+      
+          &::-webkit-scrollbar-thumb {
+            background: #dde4eb;
+            border-radius: 20px;
+            box-shadow: inset 0 0 6px hsla(0,0%,80%,.3);
+          }
         }
 
         .@{bk-prefix}-select-extension {

package/lib/select/select.variable.css

@@ -247,7 +247,6 @@
   display: flex;
   align-items: center;
   flex-wrap: wrap;
-  padding: 2px 0;
   overflow: hidden;
 }
 .bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover {
@@ -391,6 +390,15 @@
 .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown {
   overflow: auto;
 }
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar-thumb {
+  background: #dde4eb;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px hsla(0, 0%, 80%, 0.3);
+}
 .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-extension {
   display: flex;
   height: 40px;

package/lib/select/selectTagInput.d.ts

@@ -5,8 +5,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ISelected[]>;
         default: () => any[];
     };
-    tagTheme: import("vue-types/dist/types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
-        default: "info" | "success" | "warning" | "danger";
+    tagTheme: import("vue-types/dist/types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
+        default: "" | "info" | "success" | "warning" | "danger";
     };
     placeholder: import("vue-types/dist/types").VueTypeValidableDef<string> & {
         default: string;
@@ -35,6 +35,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
+    collapseTagRef: import("vue").Ref<any>;
+    tagWrapperRef: import("vue").Ref<any>;
+    tagsRefs: import("vue").Ref<any[]>;
     select: import("./type").ISelectContext;
     overflowTagIndex: import("vue").Ref<number>;
     value: any;
@@ -49,8 +52,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ISelected[]>;
         default: () => any[];
     };
-    tagTheme: import("vue-types/dist/types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
-        default: "info" | "success" | "warning" | "danger";
+    tagTheme: import("vue-types/dist/types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
+        default: "" | "info" | "success" | "warning" | "danger";
     };
     placeholder: import("vue-types/dist/types").VueTypeValidableDef<string> & {
         default: string;
@@ -86,7 +89,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     disabled: boolean;
     placeholder: string;
-    tagTheme: "info" | "success" | "warning" | "danger";
+    tagTheme: "" | "info" | "success" | "warning" | "danger";
     selected: ISelected[];
     filterable: boolean;
     allowCreate: boolean;