bkui-vue 2.0.1-beta.12 → 2.0.1-beta.14

package/lib/select/index.js

@@ -2,12 +2,11 @@ import "../styles/reset.css";
 import "./select.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash_isEqual_ce045a54__ from "lodash/isEqual";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__ from "../checkbox";
 import "../checkbox/checkbox.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash_merge_cf99375a__ from "lodash/merge";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_isEqual_ce045a54__ from "lodash/isEqual";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__ from "../directives";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_input_d525237e__ from "../input";
 import "../input/input.less";
@@ -17,9 +16,10 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../p
 import "../popover/popover.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_virtual_render_927587a8__ from "../virtual-render";
 import "../virtual-render/virtual-render.less";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__ from "lodash/debounce";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_merge_cf99375a__ from "lodash/merge";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_tag_d74826be__ from "../tag";
 import "../tag/tag.less";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__ from "lodash/debounce";
 /******/ var __webpack_modules__ = ({
 
 /***/ 7609:
@@ -492,10 +492,6 @@ function _defineProperty(obj, key, value) {
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
 const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["customRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.customRef, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["onBeforeMount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["vModelText"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vModelText, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
-;// CONCATENATED MODULE: external "lodash/isEqual"
-var isEqual_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var isEqual_y = x => () => x
-const isEqual_namespaceObject = isEqual_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_isEqual_ce045a54__["default"] });
 ;// CONCATENATED MODULE: external "../checkbox"
 var checkbox_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var checkbox_y = x => () => x
@@ -512,6 +508,10 @@ const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () =>
 var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var icon_y = x => () => x
 const icon_namespaceObject = icon_x({ ["AngleUp"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleUp, ["AngleUpFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleUpFill, ["Close"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Close, ["Done"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Done, ["Search"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Search, ["TextAll"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.TextAll });
+;// CONCATENATED MODULE: external "lodash/isEqual"
+var isEqual_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var isEqual_y = x => () => x
+const isEqual_namespaceObject = isEqual_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_isEqual_ce045a54__["default"] });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -732,7 +732,6 @@ function isInViewPort(el, client) {
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/* eslint-disable vue/no-reserved-component-names */
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -894,16 +893,16 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       "onClick": this.handleOptionClick,
       "onMouseenter": this.handleMouseEnter
     }, [this.showSelectedIcon && this.selectedStyle === shared_namespaceObject.SelectedTypeEnum.CHECKBOX && (0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
-      "disabled": this.disabled,
       "class": this.resolveClassName('select-checkbox'),
+      "disabled": this.disabled,
       "modelValue": this.selected
     }, null), (_this$$slots$default = (_this$$slots$default2 = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : (0,external_vue_namespaceObject.createVNode)("span", {
       "class": this.resolveClassName('select-option-item'),
       "title": String(this.optionName)
     }, [this.highlightKeyword ? this.transformNode(String(this.optionName)) : this.optionName]), this.showSelectedIcon && this.selected && this.selectedStyle === shared_namespaceObject.SelectedTypeEnum.CHECK && (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Done, {
-      "class": this.resolveClassName('select-selected-icon'),
       "width": 22,
-      "height": 22
+      "height": 22,
+      "class": this.resolveClassName('select-selected-icon')
     }, null)]), [[external_vue_namespaceObject.vShow, this.visible]]);
   }
 }));
@@ -1054,10 +1053,6 @@ function optionGroup_objectSpread(e) { for (var r = 1; r < arguments.length; r++
     }, [(_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)]), [[external_vue_namespaceObject.vShow, !this.groupCollapse]])]), [[external_vue_namespaceObject.vShow, this.visible]]);
   }
 }));
-;// CONCATENATED MODULE: external "lodash/merge"
-var merge_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var merge_y = x => () => x
-const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_merge_cf99375a__["default"] });
 ;// CONCATENATED MODULE: external "../directives"
 var directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var directives_y = x => () => x
@@ -1094,6 +1089,10 @@ const virtual_render_namespaceObject = virtual_render_x({ ["default"]: () => __W
 var virtual_render_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var virtual_render_less_y = x => () => x
 const virtual_render_less_namespaceObject = virtual_render_less_x({  });
+;// CONCATENATED MODULE: external "lodash/merge"
+var merge_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var merge_y = x => () => x
+const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_merge_cf99375a__["default"] });
 ;// CONCATENATED MODULE: ../../packages/select/src/pinyin/dict.js
 /*
  * Tencent is pleased to support the open source community by making
@@ -1121,8 +1120,6 @@ const virtual_render_less_namespaceObject = virtual_render_less_x({  });
  * IN THE SOFTWARE.
  */
 
-/* eslint-disable max-len */
-
 /**
  * Source: <https://android.googlesource.com/platform/packages/providers/ContactsProvider/+/0c49720fb3d58e346739c2ccd56ed2b739249e07/src/com/android/providers/contacts/HanziToPinyin.java>
  * Updated by creeper
@@ -2036,7 +2033,6 @@ let COLLATOR;
 function patchDict(patchers) {
   if (!patchers) return;
   if (typeof patchers === 'function') {
-    // eslint-disable-next-line no-param-reassign
     patchers = [patchers];
   }
   if (patchers.forEach) {
@@ -2127,7 +2123,6 @@ function genToken(ch) {
   }
 
   if (cmp < 0) {
-    // eslint-disable-next-line no-plusplus
     offset--;
   }
 
@@ -2296,10 +2291,6 @@ if (core.isSupported() && _56l.shouldPatch(core.genToken)) {
 
 /* harmony default export */ const pinyin = (core);
 
-;// CONCATENATED MODULE: external "lodash/debounce"
-var debounce_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var debounce_y = x => () => x
-const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__["default"] });
 ;// CONCATENATED MODULE: external "../tag"
 var tag_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var tag_y = x => () => x
@@ -2308,6 +2299,10 @@ const tag_namespaceObject = tag_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE
 var tag_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var tag_less_y = x => () => x
 const tag_less_namespaceObject = tag_less_x({  });
+;// CONCATENATED MODULE: external "lodash/debounce"
+var debounce_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var debounce_y = x => () => x
+const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__["default"] });
 ;// CONCATENATED MODULE: ../../packages/select/src/selectTagInput.tsx
 
 
@@ -2494,21 +2489,21 @@ const tag_less_namespaceObject = tag_less_x({  });
       display: this.selected.length && !this.filterable ? 'none' : ''
     };
     return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": selectTagClass,
-      "ref": "tagWrapperRef"
+      "ref": "tagWrapperRef",
+      "class": selectTagClass
     }, [(_this$$slots2 = this.$slots) === null || _this$$slots2 === void 0 || (_this$$slots2$prefix = _this$$slots2.prefix) === null || _this$$slots2$prefix === void 0 ? void 0 : _this$$slots2$prefix.call(_this$$slots2), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": tagWrapperClass
     }, [(_this$$slots$default = (_this$$slots$default2 = (_this$$slots3 = this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots3)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : this.selected.map(function (item, index) {
       var _this$select;
       return (0,external_vue_namespaceObject.createVNode)(tag_namespaceObject["default"], {
-        "closable": true,
-        "theme": _this.tagTheme,
-        "style": {
-          display: _this.collapseTags && _this.overflowTagIndex && index >= _this.overflowTagIndex ? 'none' : ''
-        },
         "ref": function ref(el) {
           return _this.tagsRefs[index] = el;
         },
+        "style": {
+          display: _this.collapseTags && _this.overflowTagIndex && index >= _this.overflowTagIndex ? 'none' : ''
+        },
+        "theme": _this.tagTheme,
+        "closable": true,
         "onClose": function onClose() {
           return _this.handleRemoveTag(item.value);
         }
@@ -2518,11 +2513,11 @@ const tag_less_namespaceObject = tag_less_x({  });
         }
       });
     }), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)(tag_namespaceObject["default"], {
-      "class": this.resolveClassName('select-overflow-tag'),
+      "ref": "collapseTagRef",
       "style": {
         display: !!this.overflowTagIndex && this.collapseTags ? '' : 'none'
       },
-      "ref": "collapseTagRef"
+      "class": this.resolveClassName('select-overflow-tag')
     }, {
       "default": function _default() {
         return [(0,external_vue_namespaceObject.createTextVNode)("+"), _this.selected.length - _this.overflowTagIndex];
@@ -2531,13 +2526,13 @@ const tag_less_namespaceObject = tag_less_x({  });
       content: this.overflowContent,
       disabled: !this.overflowTagIndex || !this.collapseTags
     }]]), (0,external_vue_namespaceObject.createVNode)("input", {
-      "class": this.resolveClassName('select-tag-input'),
       "ref": "inputRef",
-      "type": "text",
       "style": inputStyle,
+      "class": this.resolveClassName('select-tag-input'),
+      "disabled": this.disabled,
       "placeholder": !this.selected.length ? this.placeholder : '',
       "readonly": !this.filterable,
-      "disabled": this.disabled,
+      "type": "text",
       "value": !this.filterable ? '' : this.value,
       "onInput": this.handleInput,
       "onKeydown": this.handleKeydown
@@ -2554,7 +2549,6 @@ function select_unsupportedIterableToArray(o, minLen) { if (!o) return; if (type
 function select_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function select_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? select_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : select_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/* eslint-disable vue/no-reserved-component-names */
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -3406,11 +3400,11 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     var suffixIcon = function suffixIcon() {
       if (_this.loading) {
         return (0,external_vue_namespaceObject.createVNode)(loading_namespaceObject["default"], {
-          "loading": true,
-          "theme": "primary",
           "class": "spinner",
+          "loading": true,
           "mode": "spin",
-          "size": "mini"
+          "size": "mini",
+          "theme": "primary"
         }, null);
       }
       if (_this.clearable && _this.isHover && _this.selected.length && !_this.isDisabled) {
@@ -3442,12 +3436,12 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       if (!_this.isShowSelectAll) return;
       return (0,external_vue_namespaceObject.createVNode)("li", {
         "class": _this.resolveClassName('select-option'),
-        "onMouseenter": _this.handleSelectedAllOptionMouseEnter,
-        "onClick": _this.toggleSelectAll
+        "onClick": _this.toggleSelectAll,
+        "onMouseenter": _this.handleSelectedAllOptionMouseEnter
       }, [_this.selectedStyle === 'checkbox' && (0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
         "class": _this.resolveClassName('select-checkbox'),
-        "modelValue": _this.isAllSelected,
-        "indeterminate": !_this.isAllSelected && !!_this.selected.length && !_this.isAll
+        "indeterminate": !_this.isAllSelected && !!_this.selected.length && !_this.isAll,
+        "modelValue": _this.isAllSelected
       }, null), _this.t.selectAll]);
     };
     // 全部
@@ -3473,15 +3467,15 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           "onUpdate:modelValue": function onUpdateModelValue($event) {
             return _this.customOptionName = $event;
           },
-          "selected": _this.selected,
-          "tagTheme": _this.tagTheme,
-          "placeholder": _this.localPlaceholder,
-          "filterable": _this.isInput,
-          "disabled": _this.isDisabled,
           "behavior": _this.behavior,
-          "onRemove": _this.handleDeleteTag,
           "collapseTags": _this.isCollapseTags,
-          "onEnter": _this.handleCreateCustomOption
+          "disabled": _this.isDisabled,
+          "filterable": _this.isInput,
+          "placeholder": _this.localPlaceholder,
+          "selected": _this.selected,
+          "tagTheme": _this.tagTheme,
+          "onEnter": _this.handleCreateCustomOption,
+          "onRemove": _this.handleDeleteTag
         }, {
           prefix: renderPrefix(),
           "default": ((_this$$slots3 = _this.$slots) === null || _this$$slots3 === void 0 ? void 0 : _this$$slots3.tag) && function () {
@@ -3497,18 +3491,18 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       }
       return (0,external_vue_namespaceObject.createVNode)(input_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)({
         "ref": "inputRef",
-        "type": "text",
+        "behavior": _this.behavior,
+        "disabled": _this.isDisabled,
         "modelValue": _this.isInput ? _this.customOptionName : _this.selectedLabel.join(','),
         "placeholder": _this.isInput ? _this.selectedLabel.join(',') || _this.localPlaceholder : _this.localPlaceholder,
         "readonly": !_this.isInput,
         "selectReadonly": true,
-        "disabled": _this.isDisabled,
-        "behavior": _this.behavior,
         "size": _this.size,
-        "withValidate": false,
         "stopPropagation": false,
-        "onInput": _this.handleInputChange,
-        "onEnter": _this.handleCreateCustomOption
+        "type": "text",
+        "withValidate": false,
+        "onEnter": _this.handleCreateCustomOption,
+        "onInput": _this.handleInputChange
       }, _this.prefix ? {
         prefix: _this.prefix
       } : null), select_objectSpread(select_objectSpread({}, typeof ((_this$$slots5 = _this.$slots) === null || _this$$slots5 === void 0 ? void 0 : _this$$slots5.prefix) === 'function' ? {
@@ -3525,11 +3519,11 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     var renderSelectTrigger = function renderSelectTrigger() {
       var _this$$slots7, _this$$slots7$trigger;
       return (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": _this.resolveClassName('select-trigger'),
+        "ref": "triggerRef",
         "style": {
           height: _this.autoHeight && _this.collapseTags ? '32px' : ''
         },
-        "ref": "triggerRef",
+        "class": _this.resolveClassName('select-trigger'),
         "onClick": _this.handleTogglePopover,
         "onMouseenter": _this.setHover,
         "onMouseleave": _this.cancelHover
@@ -3540,44 +3534,44 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     var renderSelectContent = function renderSelectContent() {
       var _this$$slots12, _this$$slots12$defaul, _this$$slots13, _this$$slots14;
       return (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": _this.resolveClassName('select-content-wrapper'),
-        "ref": "contentRef"
+        "ref": "contentRef",
+        "class": _this.resolveClassName('select-content-wrapper')
       }, [renderAll(), _this.filterable && !_this.inputSearch && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": _this.resolveClassName('select-search-wrapper')
       }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Search, {
-        "class": "icon-search",
         "width": 16,
-        "height": 16
+        "height": 16,
+        "class": "icon-search"
       }, null), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("input", {
         "ref": "searchRef",
         "class": _this.resolveClassName('select-search-input'),
-        "placeholder": _this.localSearchPlaceholder,
         "onUpdate:modelValue": function onUpdateModelValue($event) {
           return _this.searchValue = $event;
-        }
+        },
+        "placeholder": _this.localSearchPlaceholder
       }, null), [[external_vue_namespaceObject.vModelText, _this.searchValue]])]), !_this.isShowSelectContent && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": _this.resolveClassName('select-empty')
       }, [_this.searchLoading && (0,external_vue_namespaceObject.createVNode)(loading_namespaceObject["default"], {
         "class": "mr5",
-        "theme": "primary",
         "loading": true,
         "mode": "spin",
-        "size": "mini"
+        "size": "mini",
+        "theme": "primary"
       }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.curContentText])]), (0,external_vue_namespaceObject.createVNode)("div", {
         "class": _this.resolveClassName('select-content')
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
-        "class": _this.enableVirtualRender ? '' : _this.resolveClassName('select-dropdown'),
         "style": {
           maxHeight: "".concat(_this.scrollHeight, "px")
         },
+        "class": _this.enableVirtualRender ? '' : _this.resolveClassName('select-dropdown'),
         "onScroll": _this.handleScroll
       }, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("ul", {
         "class": _this.resolveClassName('select-options')
       }, [renderSelectAll(), _this.enableVirtualRender ? (0,external_vue_namespaceObject.createVNode)(virtual_render_namespaceObject["default"], {
-        "list": _this.virtualList,
+        "ref": "virtualRenderRef",
         "height": _this.virtualHeight,
         "lineHeight": 32,
-        "ref": "virtualRenderRef"
+        "list": _this.virtualList
       }, {
         "default": function _default(_ref3) {
           var _this$$slots8, _this$$slots9;
@@ -3585,8 +3579,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           var optionRender = ((_this$$slots8 = _this.$slots) === null || _this$$slots8 === void 0 ? void 0 : _this$$slots8.optionRender) || ((_this$$slots9 = _this.$slots) === null || _this$$slots9 === void 0 ? void 0 : _this$$slots9.virtualScrollRender);
           return data.map(function (item) {
             return (0,external_vue_namespaceObject.createVNode)(src_option, {
-              "key": item[_this.idKey],
               "id": item[_this.idKey],
+              "key": item[_this.idKey],
               "name": item[_this.displayKey]
             }, typeof optionRender === 'function' ? {
               "default": function _default() {
@@ -3600,8 +3594,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       }) : _this.list.map(function (item) {
         var _this$$slots10;
         return (0,external_vue_namespaceObject.createVNode)(src_option, {
-          "key": item[_this.idKey],
           "id": item[_this.idKey],
+          "key": item[_this.idKey],
           "name": item[_this.displayKey]
         }, (_this$$slots10 = _this.$slots) !== null && _this$$slots10 !== void 0 && _this$$slots10.optionRender ? {
           "default": function _default() {
@@ -3615,10 +3609,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "class": _this.resolveClassName('select-options-loading')
       }, [(0,external_vue_namespaceObject.createVNode)(loading_namespaceObject["default"], {
         "class": "spinner mr5",
-        "theme": "primary",
         "loading": true,
         "mode": "spin",
-        "size": "mini"
+        "size": "mini",
+        "theme": "primary"
       }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.localLoadingText])])]), [[external_vue_namespaceObject.vShow, _this.isShowSelectContent]])]), ((_this$$slots13 = _this.$slots) === null || _this$$slots13 === void 0 ? void 0 : _this$$slots13.extension) && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": _this.resolveClassName('select-extension')
       }, [(_this$$slots14 = _this.$slots) === null || _this$$slots14 === void 0 ? void 0 : _this$$slots14.extension()])])]);
@@ -3626,9 +3620,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     return (0,external_vue_namespaceObject.createVNode)("div", {
       "class": selectClass
     }, [(0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)(this.popoverConfig, {
-      "onClickoutside": this.handleClickOutside,
+      "ref": "popoverRef",
       "onAfterShow": this.handlePopoverShow,
-      "ref": "popoverRef"
+      "onClickoutside": this.handleClickOutside
     }), {
       "default": function _default() {
         return renderSelectTrigger();

package/lib/select/option.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
     handleOptionClick: () => void;
     handleMouseEnter: () => void;
     resolveClassName: (cls: string) => string;
-    transformNode: (str: string) => string | (string | VNode)[];
+    transformNode: (str: string) => (VNode | string)[] | string;
     visible: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: {

package/lib/select/select.d.ts

@@ -62,8 +62,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" | "danger" | "warning"> & {
+        default: "" | "info" | "success" | "danger" | "warning";
     };
     behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
         default: "normal" | "simplicity";
@@ -143,8 +143,8 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: boolean;
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+            default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         };
         theme: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -341,8 +341,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" | "danger" | "warning"> & {
+            default: "" | "info" | "success" | "danger" | "warning";
         };
         placeholder: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -375,8 +375,8 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         onKeydown?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
         onEnter?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
         onRemove?: (...args: any[]) => any;
     }, {
         collapseTagRef: import("vue").Ref<any>;
@@ -398,8 +398,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" | "danger" | "warning"> & {
+            default: "" | "info" | "success" | "danger" | "warning";
         };
         placeholder: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -432,13 +432,13 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         onKeydown?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
         onEnter?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
         onRemove?: (...args: any[]) => any;
     }, {
         disabled: boolean;
         placeholder: string;
-        tagTheme: "" | "info" | "success" | "warning" | "danger";
+        tagTheme: "" | "info" | "success" | "danger" | "warning";
         behavior: "normal" | "simplicity";
         selected: ISelected[];
         filterable: boolean;
@@ -456,8 +456,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" | "danger" | "warning"> & {
+            default: "" | "info" | "success" | "danger" | "warning";
         };
         placeholder: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -490,8 +490,8 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         onKeydown?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
         onEnter?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
         onRemove?: (...args: any[]) => any;
     }, {
         collapseTagRef: import("vue").Ref<any>;
@@ -511,7 +511,7 @@ declare const _default: import("vue").DefineComponent<{
     }, {}, {}, {}, {
         disabled: boolean;
         placeholder: string;
-        tagTheme: "" | "info" | "success" | "warning" | "danger";
+        tagTheme: "" | "info" | "success" | "danger" | "warning";
         behavior: "normal" | "simplicity";
         selected: ISelected[];
         filterable: boolean;
@@ -572,8 +572,8 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: boolean;
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+            default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         };
         theme: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -690,7 +690,7 @@ declare const _default: import("vue").DefineComponent<{
     localSearchPlaceholder: import("vue").ComputedRef<string>;
     localSelectAllText: import("vue").ComputedRef<string>;
     resolveClassName: (cls: string) => string;
-    handleCreateCustomOption: (val: string | number, e: KeyboardEvent) => void;
+    handleCreateCustomOption: (val: number | string, e: KeyboardEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change")[], "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change", 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> & {
@@ -753,8 +753,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" | "danger" | "warning"> & {
+        default: "" | "info" | "success" | "danger" | "warning";
     };
     behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
         default: "normal" | "simplicity";
@@ -834,8 +834,8 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: boolean;
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+            default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         };
         theme: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -1018,12 +1018,12 @@ declare const _default: import("vue").DefineComponent<{
     prefix: string;
     size: "default" | "small" | "large" | "huge";
     disabled: boolean;
-    multiple: boolean;
     showOnInit: boolean;
+    multiple: boolean;
     placeholder: string;
     list: any[];
     loading: boolean;
-    tagTheme: "" | "info" | "success" | "warning" | "danger";
+    tagTheme: "" | "info" | "success" | "danger" | "warning";
     behavior: "normal" | "simplicity";
     selectedStyle: "checkbox" | "check";
     scrollHeight: number;

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" | "danger" | "warning"> & {
+        default: "" | "info" | "success" | "danger" | "warning";
     };
     placeholder: import("vue-types/dist/types").VueTypeValidableDef<string> & {
         default: string;
@@ -57,8 +57,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" | "danger" | "warning"> & {
+        default: "" | "info" | "success" | "danger" | "warning";
     };
     placeholder: import("vue-types/dist/types").VueTypeValidableDef<string> & {
         default: string;
@@ -91,13 +91,13 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
     onEnter?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
     onRemove?: (...args: any[]) => any;
 }, {
     disabled: boolean;
     placeholder: string;
-    tagTheme: "" | "info" | "success" | "warning" | "danger";
+    tagTheme: "" | "info" | "success" | "danger" | "warning";
     behavior: "normal" | "simplicity";
     selected: ISelected[];
     filterable: boolean;

package/lib/select/type.d.ts

@@ -22,7 +22,7 @@ export interface ISelectContext {
     registerGroup(key: any, option: GroupInstanceType): any;
     unregisterGroup(key: any): any;
     handleOptionSelected(option: OptionInstanceType): void;
-    handleGetLabelByValue(value: any): string | number;
+    handleGetLabelByValue(value: any): number | string;
 }
 export interface IOptionGroupContext {
     disabled: boolean;
@@ -39,5 +39,5 @@ export interface IPopoverConfig {
 }
 export interface ISelected {
     value: string;
-    label: string | number;
+    label: number | string;
 }