bkui-vue 1.0.3-beta.9 → 2.0.1-beta.10

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
@@ -511,7 +507,11 @@ const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () =>
 ;// CONCATENATED MODULE: external "../icon"
 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 });
+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 {
@@ -816,33 +816,45 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     var selectedStyle = (0,external_vue_namespaceObject.computed)(function () {
       return select === null || select === void 0 ? void 0 : select.selectedStyle;
     });
-    var isShowAll = (0,external_vue_namespaceObject.computed)(function () {
-      return select === null || select === void 0 ? void 0 : select.isShowAll;
-    });
-    var allOptionId = (0,external_vue_namespaceObject.computed)(function () {
-      return select === null || select === void 0 ? void 0 : select.allOptionId;
+    var searchValue = (0,external_vue_namespaceObject.computed)(function () {
+      return select === null || select === void 0 ? void 0 : select.curSearchValue;
     });
-    var isDisabled = (0,external_vue_namespaceObject.computed)(function () {
-      var _select$selected2;
-      if (!isShowAll.value || optionID.value === allOptionId.value) return disabled.value;
-      // 全部选项需要禁用掉其他选项
-      var exitAllOptionId = select === null || select === void 0 || (_select$selected2 = select.selected) === null || _select$selected2 === void 0 ? void 0 : _select$selected2.some(function (item) {
-        return (0,isEqual_namespaceObject["default"])(item.value, allOptionId.value);
-      });
-      return disabled.value || isShowAll.value && exitAllOptionId;
+    var highlightKeyword = (0,external_vue_namespaceObject.computed)(function () {
+      return select === null || select === void 0 ? void 0 : select.highlightKeyword;
     });
     var handleOptionClick = function handleOptionClick() {
-      if (isDisabled.value) return;
-      if (isShowAll.value && allOptionId.value === optionID.value) {
-        // 全部选项
-        select === null || select === void 0 || select.handleToggleAll();
-      } else {
-        select === null || select === void 0 || select.handleOptionSelected(proxy);
-      }
+      if (disabled.value) return;
+      select === null || select === void 0 || select.handleOptionSelected(proxy);
     };
     var handleMouseEnter = function handleMouseEnter() {
       select.activeOptionValue = optionID.value;
     };
+    var transformNode = function transformNode(str) {
+      var _keyword;
+      if (!str) return str;
+      var keyword = searchValue.value;
+      var len = keyword.length;
+      if (!((_keyword = keyword) !== null && _keyword !== void 0 && _keyword.trim().length) || !str.toLocaleLowerCase().includes(keyword.toLocaleLowerCase())) return str;
+      var list = [];
+      var lastIndex = -1;
+      keyword = keyword.replace(/([.*/]{1})/gim, '\\$1');
+      str.replace(new RegExp("".concat(keyword), 'igm'), function (key, index) {
+        if (list.length === 0 && index !== 0) {
+          list.push(str.slice(0, index));
+        } else if (lastIndex >= 0) {
+          list.push(str.slice(lastIndex + key.length, index));
+        }
+        list.push((0,external_vue_namespaceObject.createVNode)("span", {
+          "class": "is-keyword"
+        }, [key]));
+        lastIndex = index;
+        return key;
+      });
+      if (lastIndex >= 0) {
+        list.push(str.slice(lastIndex + len));
+      }
+      return list.length ? list : str;
+    };
     (0,external_vue_namespaceObject.onBeforeMount)(function () {
       select === null || select === void 0 || select.register(optionID.value, proxy);
       group === null || group === void 0 || group.register(optionID.value, proxy);
@@ -861,17 +873,18 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       selectedStyle: selectedStyle,
       optionName: optionName,
       optionID: optionID,
-      isDisabled: isDisabled,
+      highlightKeyword: highlightKeyword,
       handleOptionClick: handleOptionClick,
       handleMouseEnter: handleMouseEnter,
-      resolveClassName: resolveClassName
+      resolveClassName: resolveClassName,
+      transformNode: transformNode
     });
   },
   render: function render() {
     var _this$$slots$default, _this$$slots$default2, _this$$slots;
     var selectItemClass = (0,shared_namespaceObject.classes)(_defineProperty({
       'is-selected': this.selected,
-      'is-disabled': this.isDisabled,
+      'is-disabled': this.disabled,
       'is-multiple': this.multiple,
       'is-hover': this.isHover,
       'is-checkbox': this.selectedStyle === shared_namespaceObject.SelectedTypeEnum.CHECKBOX
@@ -881,16 +894,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.isDisabled,
       "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.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'),
+    }, [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, {
       "width": 22,
-      "height": 22
+      "height": 22,
+      "class": this.resolveClassName('select-selected-icon')
     }, null)]), [[external_vue_namespaceObject.vShow, this.visible]]);
   }
 }));
@@ -1041,10 +1054,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
@@ -1081,10 +1090,1208 @@ 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/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 "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
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/**
+ * Source: <https://android.googlesource.com/platform/packages/providers/ContactsProvider/+/0c49720fb3d58e346739c2ccd56ed2b739249e07/src/com/android/providers/contacts/HanziToPinyin.java>
+ * Updated by creeper
+ */
+
+
+
+const UNIHANS = [
+  '\u963f',
+  '\u54ce',
+  '\u5b89',
+  '\u80ae',
+  '\u51f9',
+  '\u516b',
+  '\u6300',
+  '\u6273',
+  '\u90a6',
+  '\u52f9',
+  '\u9642',
+  '\u5954',
+  '\u4f3b',
+  '\u5c44',
+  '\u8fb9',
+  '\u706c',
+  '\u618b',
+  '\u6c43',
+  '\u51ab',
+  '\u7676',
+  '\u5cec',
+  '\u5693',
+  '\u5072',
+  '\u53c2',
+  '\u4ed3',
+  '\u64a1',
+  '\u518a',
+  '\u5d7e',
+  '\u66fd',
+  '\u53c9',
+  '\u8286',
+  '\u8fbf',
+  '\u4f25',
+  '\u6284',
+  '\u8f66',
+  '\u62bb',
+  '\u9637',
+  '\u5403',
+  '\u5145',
+  '\u62bd',
+  '\u51fa',
+  '\u6b3b',
+  '\u63e3',
+  '\u5ddb',
+  '\u5205',
+  '\u5439',
+  '\u65fe',
+  '\u9034',
+  '\u5472',
+  '\u5306',
+  '\u51d1',
+  '\u7c97',
+  '\u6c46',
+  '\u5d14',
+  '\u90a8',
+  '\u6413',
+  '\u5491',
+  '\u5446',
+  '\u4e39',
+  '\u5f53',
+  '\u5200',
+  '\u561a',
+  '\u6265',
+  '\u706f',
+  '\u6c10',
+  '\u7538',
+  '\u5201',
+  '\u7239',
+  '\u4e01',
+  '\u4e1f',
+  '\u4e1c',
+  '\u543a',
+  '\u53be',
+  '\u8011',
+  '\u5796',
+  '\u5428',
+  '\u591a',
+  '\u59b8',
+  '\u8bf6',
+  '\u5940',
+  '\u97a5',
+  '\u513f',
+  '\u53d1',
+  '\u5e06',
+  '\u531a',
+  '\u98de',
+  '\u5206',
+  '\u4e30',
+  '\u8985',
+  '\u4ecf',
+  '\u7d11',
+  '\u592b',
+  '\u65ee',
+  '\u4f85',
+  '\u7518',
+  '\u5188',
+  '\u768b',
+  '\u6208',
+  '\u7ed9',
+  '\u6839',
+  '\u522f',
+  '\u5de5',
+  '\u52fe',
+  '\u4f30',
+  '\u74dc',
+  '\u4e56',
+  '\u5173',
+  '\u5149',
+  '\u5f52',
+  '\u4e28',
+  '\u5459',
+  '\u54c8',
+  '\u548d',
+  '\u4f44',
+  '\u592f',
+  '\u8320',
+  '\u8bc3',
+  '\u9ed2',
+  '\u62eb',
+  '\u4ea8',
+  '\u5677',
+  '\u53ff',
+  '\u9f41',
+  '\u4e4e',
+  '\u82b1',
+  '\u6000',
+  '\u6b22',
+  '\u5ddf',
+  '\u7070',
+  '\u660f',
+  '\u5419',
+  '\u4e0c',
+  '\u52a0',
+  '\u620b',
+  '\u6c5f',
+  '\u827d',
+  '\u9636',
+  '\u5dfe',
+  '\u5755',
+  '\u5182',
+  '\u4e29',
+  '\u51e5',
+  '\u59e2',
+  '\u5658',
+  '\u519b',
+  '\u5494',
+  '\u5f00',
+  '\u520a',
+  '\u5ffc',
+  '\u5c3b',
+  '\u533c',
+  '\u808e',
+  '\u52a5',
+  '\u7a7a',
+  '\u62a0',
+  '\u625d',
+  '\u5938',
+  '\u84af',
+  '\u5bbd',
+  '\u5321',
+  '\u4e8f',
+  '\u5764',
+  '\u6269',
+  '\u5783',
+  '\u6765',
+  '\u5170',
+  '\u5577',
+  '\u635e',
+  '\u808b',
+  '\u52d2',
+  '\u5d1a',
+  '\u54e9',
+  '\u4fe9',
+  '\u5941',
+  '\u826f',
+  '\u64a9',
+  '\u6bdf',
+  '\u62ce',
+  '\u4f36',
+  '\u6e9c',
+  '\u56d6',
+  '\u9f99',
+  '\u779c',
+  '\u565c',
+  '\u9a74',
+  '\u5a08',
+  '\u63a0',
+  '\u62a1',
+  '\u7f57',
+  '\u5463',
+  '\u5988',
+  '\u57cb',
+  '\u5ada',
+  '\u7264',
+  '\u732b',
+  '\u4e48',
+  '\u5445',
+  '\u95e8',
+  '\u753f',
+  '\u54aa',
+  '\u5b80',
+  '\u55b5',
+  '\u4e5c',
+  '\u6c11',
+  '\u540d',
+  '\u8c2c',
+  '\u6478',
+  '\u54de',
+  '\u6bea',
+  '\u55ef',
+  '\u62cf',
+  '\u8149',
+  '\u56e1',
+  '\u56d4',
+  '\u5b6c',
+  '\u7592',
+  '\u5a1e',
+  '\u6041',
+  '\u80fd',
+  '\u59ae',
+  '\u62c8',
+  '\u5a18',
+  '\u9e1f',
+  '\u634f',
+  '\u56dc',
+  '\u5b81',
+  '\u599e',
+  '\u519c',
+  '\u7fba',
+  '\u5974',
+  '\u5973',
+  '\u597b',
+  '\u759f',
+  '\u9ec1',
+  '\u632a',
+  '\u5594',
+  '\u8bb4',
+  '\u5991',
+  '\u62cd',
+  '\u7705',
+  '\u4e53',
+  '\u629b',
+  '\u5478',
+  '\u55b7',
+  '\u5309',
+  '\u4e15',
+  '\u56e8',
+  '\u527d',
+  '\u6c15',
+  '\u59d8',
+  '\u4e52',
+  '\u948b',
+  '\u5256',
+  '\u4ec6',
+  '\u4e03',
+  '\u6390',
+  '\u5343',
+  '\u545b',
+  '\u6084',
+  '\u767f',
+  '\u4eb2',
+  '\u9751',
+  '\u536d',
+  '\u4e18',
+  '\u533a',
+  '\u5cd1',
+  '\u7f3a',
+  '\u590b',
+  '\u5465',
+  '\u7a63',
+  '\u5a06',
+  '\u60f9',
+  '\u4eba',
+  '\u6254',
+  '\u65e5',
+  '\u8338',
+  '\u53b9',
+  '\u909a',
+  '\u633c',
+  '\u5827',
+  '\u5a51',
+  '\u77a4',
+  '\u637c',
+  '\u4ee8',
+  '\u6be2',
+  '\u4e09',
+  '\u6852',
+  '\u63bb',
+  '\u95aa',
+  '\u68ee',
+  '\u50e7',
+  '\u6740',
+  '\u7b5b',
+  '\u5c71',
+  '\u4f24',
+  '\u5f30',
+  '\u5962',
+  '\u7533',
+  '\u5347',
+  '\u5c38',
+  '\u53ce',
+  '\u4e66',
+  '\u5237',
+  '\u8870',
+  '\u95e9',
+  '\u53cc',
+  '\u813d',
+  '\u542e',
+  '\u8bf4',
+  '\u53b6',
+  '\u5fea',
+  '\u635c',
+  '\u82cf',
+  '\u72fb',
+  '\u590a',
+  '\u5b59',
+  '\u5506',
+  '\u4ed6',
+  '\u56fc',
+  '\u574d',
+  '\u6c64',
+  '\u5932',
+  '\u5fd1',
+  '\u71a5',
+  '\u5254',
+  '\u5929',
+  '\u65eb',
+  '\u5e16',
+  '\u5385',
+  '\u56f2',
+  '\u5077',
+  '\u51f8',
+  '\u6e4d',
+  '\u63a8',
+  '\u541e',
+  '\u4e47',
+  '\u7a75',
+  '\u6b6a',
+  '\u5f2f',
+  '\u5c23',
+  '\u5371',
+  '\u6637',
+  '\u7fc1',
+  '\u631d',
+  '\u4e4c',
+  '\u5915',
+  '\u8672',
+  '\u4ed9',
+  '\u4e61',
+  '\u7071',
+  '\u4e9b',
+  '\u5fc3',
+  '\u661f',
+  '\u51f6',
+  '\u4f11',
+  '\u5401',
+  '\u5405',
+  '\u524a',
+  '\u5743',
+  '\u4e2b',
+  '\u6079',
+  '\u592e',
+  '\u5e7a',
+  '\u503b',
+  '\u4e00',
+  '\u56d9',
+  '\u5e94',
+  '\u54df',
+  '\u4f63',
+  '\u4f18',
+  '\u625c',
+  '\u56e6',
+  '\u66f0',
+  '\u6655',
+  '\u5e00',
+  '\u707d',
+  '\u5142',
+  '\u5328',
+  '\u50ae',
+  '\u5219',
+  '\u8d3c',
+  '\u600e',
+  '\u5897',
+  '\u624e',
+  '\u635a',
+  '\u6cbe',
+  '\u5f20',
+  '\u4f4b',
+  '\u8707',
+  '\u8d1e',
+  '\u4e89',
+  '\u4e4b',
+  '\u4e2d',
+  '\u5dde',
+  '\u6731',
+  '\u6293',
+  '\u62fd',
+  '\u4e13',
+  '\u5986',
+  '\u96b9',
+  '\u5b92',
+  '\u5353',
+  '\u4e72',
+  '\u5b97',
+  '\u90b9',
+  '\u79df',
+  '\u94bb',
+  '\u539c',
+  '\u5c0a',
+  '\u6628',
+  '\u5159',
+];
+
+// convert ascii array to Pinyin
+const PINYINS = [
+  'A',
+  'AI',
+  'AN',
+  'ANG',
+  'AO',
+  'BA',
+  'BAI',
+  'BAN',
+  'BANG',
+  'BAO',
+  'BEI',
+  'BEN',
+  'BENG',
+  'BI',
+  'BIAN',
+  'BIAO',
+  'BIE',
+  'BIN',
+  'BING',
+  'BO',
+  'BU',
+  'CA',
+  'CAI',
+  'CAN',
+  'CANG',
+  'CAO',
+  'CE',
+  'CEN',
+  'CENG',
+  'CHA',
+  'CHAI',
+  'CHAN',
+  'CHANG',
+  'CHAO',
+  'CHE',
+  'CHEN',
+  'CHENG',
+  'CHI',
+  'CHONG',
+  'CHOU',
+  'CHU',
+  'CHUA',
+  'CHUAI',
+  'CHUAN',
+  'CHUANG',
+  'CHUI',
+  'CHUN',
+  'CHUO',
+  'CI',
+  'CONG',
+  'COU',
+  'CU',
+  'CUAN',
+  'CUI',
+  'CUN',
+  'CUO',
+  'DA',
+  'DAI',
+  'DAN',
+  'DANG',
+  'DAO',
+  'DE',
+  'DEN',
+  'DENG',
+  'DI',
+  'DIAN',
+  'DIAO',
+  'DIE',
+  'DING',
+  'DIU',
+  'DONG',
+  'DOU',
+  'DU',
+  'DUAN',
+  'DUI',
+  'DUN',
+  'DUO',
+  'E',
+  'EI',
+  'EN',
+  'ENG',
+  'ER',
+  'FA',
+  'FAN',
+  'FANG',
+  'FEI',
+  'FEN',
+  'FENG',
+  'FIAO',
+  'FO',
+  'FOU',
+  'FU',
+  'GA',
+  'GAI',
+  'GAN',
+  'GANG',
+  'GAO',
+  'GE',
+  'GEI',
+  'GEN',
+  'GENG',
+  'GONG',
+  'GOU',
+  'GU',
+  'GUA',
+  'GUAI',
+  'GUAN',
+  'GUANG',
+  'GUI',
+  'GUN',
+  'GUO',
+  'HA',
+  'HAI',
+  'HAN',
+  'HANG',
+  'HAO',
+  'HE',
+  'HEI',
+  'HEN',
+  'HENG',
+  'HM',
+  'HONG',
+  'HOU',
+  'HU',
+  'HUA',
+  'HUAI',
+  'HUAN',
+  'HUANG',
+  'HUI',
+  'HUN',
+  'HUO',
+  'JI',
+  'JIA',
+  'JIAN',
+  'JIANG',
+  'JIAO',
+  'JIE',
+  'JIN',
+  'JING',
+  'JIONG',
+  'JIU',
+  'JU',
+  'JUAN',
+  'JUE',
+  'JUN',
+  'KA',
+  'KAI',
+  'KAN',
+  'KANG',
+  'KAO',
+  'KE',
+  'KEN',
+  'KENG',
+  'KONG',
+  'KOU',
+  'KU',
+  'KUA',
+  'KUAI',
+  'KUAN',
+  'KUANG',
+  'KUI',
+  'KUN',
+  'KUO',
+  'LA',
+  'LAI',
+  'LAN',
+  'LANG',
+  'LAO',
+  'LE',
+  'LEI',
+  'LENG',
+  'LI',
+  'LIA',
+  'LIAN',
+  'LIANG',
+  'LIAO',
+  'LIE',
+  'LIN',
+  'LING',
+  'LIU',
+  'LO',
+  'LONG',
+  'LOU',
+  'LU',
+  'LV',
+  'LUAN',
+  'LVE',
+  'LUN',
+  'LUO',
+  'M',
+  'MA',
+  'MAI',
+  'MAN',
+  'MANG',
+  'MAO',
+  'ME',
+  'MEI',
+  'MEN',
+  'MENG',
+  'MI',
+  'MIAN',
+  'MIAO',
+  'MIE',
+  'MIN',
+  'MING',
+  'MIU',
+  'MO',
+  'MOU',
+  'MU',
+  'N',
+  'NA',
+  'NAI',
+  'NAN',
+  'NANG',
+  'NAO',
+  'NE',
+  'NEI',
+  'NEN',
+  'NENG',
+  'NI',
+  'NIAN',
+  'NIANG',
+  'NIAO',
+  'NIE',
+  'NIN',
+  'NING',
+  'NIU',
+  'NONG',
+  'NOU',
+  'NU',
+  'NV',
+  'NUAN',
+  'NVE',
+  'NUN',
+  'NUO',
+  'O',
+  'OU',
+  'PA',
+  'PAI',
+  'PAN',
+  'PANG',
+  'PAO',
+  'PEI',
+  'PEN',
+  'PENG',
+  'PI',
+  'PIAN',
+  'PIAO',
+  'PIE',
+  'PIN',
+  'PING',
+  'PO',
+  'POU',
+  'PU',
+  'QI',
+  'QIA',
+  'QIAN',
+  'QIANG',
+  'QIAO',
+  'QIE',
+  'QIN',
+  'QING',
+  'QIONG',
+  'QIU',
+  'QU',
+  'QUAN',
+  'QUE',
+  'QUN',
+  'RAN',
+  'RANG',
+  'RAO',
+  'RE',
+  'REN',
+  'RENG',
+  'RI',
+  'RONG',
+  'ROU',
+  'RU',
+  'RUA',
+  'RUAN',
+  'RUI',
+  'RUN',
+  'RUO',
+  'SA',
+  'SAI',
+  'SAN',
+  'SANG',
+  'SAO',
+  'SE',
+  'SEN',
+  'SENG',
+  'SHA',
+  'SHAI',
+  'SHAN',
+  'SHANG',
+  'SHAO',
+  'SHE',
+  'SHEN',
+  'SHENG',
+  'SHI',
+  'SHOU',
+  'SHU',
+  'SHUA',
+  'SHUAI',
+  'SHUAN',
+  'SHUANG',
+  'SHUI',
+  'SHUN',
+  'SHUO',
+  'SI',
+  'SONG',
+  'SOU',
+  'SU',
+  'SUAN',
+  'SUI',
+  'SUN',
+  'SUO',
+  'TA',
+  'TAI',
+  'TAN',
+  'TANG',
+  'TAO',
+  'TE',
+  'TENG',
+  'TI',
+  'TIAN',
+  'TIAO',
+  'TIE',
+  'TING',
+  'TONG',
+  'TOU',
+  'TU',
+  'TUAN',
+  'TUI',
+  'TUN',
+  'TUO',
+  'WA',
+  'WAI',
+  'WAN',
+  'WANG',
+  'WEI',
+  'WEN',
+  'WENG',
+  'WO',
+  'WU',
+  'XI',
+  'XIA',
+  'XIAN',
+  'XIANG',
+  'XIAO',
+  'XIE',
+  'XIN',
+  'XING',
+  'XIONG',
+  'XIU',
+  'XU',
+  'XUAN',
+  'XUE',
+  'XUN',
+  'YA',
+  'YAN',
+  'YANG',
+  'YAO',
+  'YE',
+  'YI',
+  'YIN',
+  'YING',
+  'YO',
+  'YONG',
+  'YOU',
+  'YU',
+  'YUAN',
+  'YUE',
+  'YUN',
+  'ZA',
+  'ZAI',
+  'ZAN',
+  'ZANG',
+  'ZAO',
+  'ZE',
+  'ZEI',
+  'ZEN',
+  'ZENG',
+  'ZHA',
+  'ZHAI',
+  'ZHAN',
+  'ZHANG',
+  'ZHAO',
+  'ZHE',
+  'ZHEN',
+  'ZHENG',
+  'ZHI',
+  'ZHONG',
+  'ZHOU',
+  'ZHU',
+  'ZHUA',
+  'ZHUAI',
+  'ZHUAN',
+  'ZHUANG',
+  'ZHUI',
+  'ZHUN',
+  'ZHUO',
+  'ZI',
+  'ZONG',
+  'ZOU',
+  'ZU',
+  'ZUAN',
+  'ZUI',
+  'ZUN',
+  'ZUO',
+  '',
+];
+
+// Separate from UNIHANS & PINYINS.
+// So PINYINS are completely of alphabetical order, and no duplicate pinyin.
+const EXCEPTIONS = {
+  '\u66fe': 'ZENG', // CENG 曾
+  '\u6c88': 'SHEN', // CHEN 沈
+  '\u55f2': 'DIA', // DIE 嗲
+  '\u78a1': 'ZHOU', // DU 碡
+  '\u8052': 'GUO', // GUA 聒
+  '\u7094': 'QUE', // GUI 炔
+  '\u86b5': 'KE', // HE 蚵
+  '\u7809': 'HUA', // HUO 砉
+  '\u5b24': 'MO', // MA 嬤
+  '\u5b37': 'MO', // MA 嬷
+  '\u8e52': 'PAN', // MAN 蹒
+  '\u8e4a': 'XI', // QI 蹊
+  '\u4e2c': 'PAN', // QIANG 丬
+  '\u9730': 'XIAN', // SAN 霰
+  '\u8398': 'XIN', // SHEN 莘
+  '\u8c49': 'CHI', // SHI 豉
+  '\u9967': 'XING', // TANG 饧
+  '\u7b60': 'JUN', // YUN 筠
+  '\u957f': 'CHANG', // ZHANG 长
+  '\u5e27': 'ZHEN', // ZHENG 帧
+  '\u5cd9': 'SHI', // ZHI 峙
+  '\u90cd': 'NA',
+  '\u828e': 'XIONG',
+  '\u8c01': 'SHUI',
+};
+
+/* harmony default export */ const dict = ({
+  PINYINS,
+  UNIHANS,
+  EXCEPTIONS,
+});
+
+;// CONCATENATED MODULE: ../../packages/select/src/pinyin/core.js
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+
+const FIRST_PINYIN_UNIHAN = '\u963F';
+const LAST_PINYIN_UNIHAN = '\u9FFF';
+
+const LATIN = 1;
+const PINYIN = 2;
+const UNKNOWN = 3;
+
+let supported = null;
+let COLLATOR;
+
+function patchDict(patchers) {
+  if (!patchers) return;
+  if (typeof patchers === 'function') {
+    patchers = [patchers];
+  }
+  if (patchers.forEach) {
+    patchers.forEach(p => {
+      typeof p === 'function' && p(dict);
+    });
+  }
+}
+
+function isSupported(force) {
+  if (!force && supported !== null) {
+    return supported;
+  }
+  if (typeof Intl === 'object' && Intl.Collator) {
+    COLLATOR = new Intl.Collator(['zh-Hans-CN', 'zh-CN']);
+    supported = Intl.Collator.supportedLocalesOf(['zh-CN']).length === 1;
+  } else {
+    supported = false;
+  }
+  return supported;
+}
+
+function genToken(ch) {
+  // Access DICT here, give the chance to patch DICT.
+  const { UNIHANS } = dict;
+  const { PINYINS } = dict;
+  const { EXCEPTIONS } = dict;
+  const token = {
+    source: ch,
+  };
+
+  // First check EXCEPTIONS map, then search with UNIHANS table.
+  if (ch in EXCEPTIONS) {
+    token.type = PINYIN;
+    token.target = EXCEPTIONS[ch];
+    return token;
+  }
+
+  let offset = -1;
+  let cmp;
+  if (ch.charCodeAt(0) < 256) {
+    token.type = LATIN;
+    token.target = ch;
+    return token;
+  }
+  cmp = COLLATOR.compare(ch, FIRST_PINYIN_UNIHAN);
+  if (cmp < 0) {
+    token.type = UNKNOWN;
+    token.target = ch;
+    return token;
+  }
+  if (cmp === 0) {
+    token.type = PINYIN;
+    offset = 0;
+  } else {
+    cmp = COLLATOR.compare(ch, LAST_PINYIN_UNIHAN);
+    if (cmp > 0) {
+      token.type = UNKNOWN;
+      token.target = ch;
+      return token;
+    }
+    if (cmp === 0) {
+      token.type = PINYIN;
+      offset = UNIHANS.length - 1;
+    }
+  }
+
+  token.type = PINYIN;
+  if (offset < 0) {
+    let begin = 0;
+    let end = UNIHANS.length - 1;
+    while (begin <= end) {
+      offset = ~~((begin + end) / 2);
+      const unihan = UNIHANS[offset];
+      cmp = COLLATOR.compare(ch, unihan);
+
+      // Catch it.
+      if (cmp === 0) {
+        break;
+      } else if (cmp > 0) {
+        // Search after offset.
+        begin = offset + 1;
+      } else {
+        // Search before the offset.
+        end = offset - 1;
+      }
+    }
+  }
+
+  if (cmp < 0) {
+    offset--;
+  }
+
+  token.target = PINYINS[offset];
+  if (!token.target) {
+    token.type = UNKNOWN;
+    token.target = token.source;
+  }
+  return token;
+}
+
+function parse(str) {
+  if (typeof str !== 'string' || !isSupported()) {
+    return str;
+  }
+  return str.split('').map(v => genToken(v));
+}
+
+/* harmony default export */ const core = ({
+  isSupported,
+  parse,
+  patchDict,
+  genToken, // inner usage
+  convertToPinyin(str, lowerCase, separator) {
+    return parse(str)
+      .map(v => {
+        if (lowerCase && v.type === PINYIN) {
+          return v.target.toLowerCase();
+        }
+        return v.target;
+      })
+      .join(separator || '');
+  },
+});
+
+;// CONCATENATED MODULE: ../../packages/select/src/pinyin/patchers/56l.js
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+function patcher(DICT) {
+  // Update EXCEPTIONS dict.
+  DICT.EXCEPTIONS = {
+    '\u55f2': 'DIA', // DIE 嗲
+    '\u78a1': 'ZHOU', // DU 碡
+    '\u8052': 'GUO', // GUA 聒
+    '\u7094': 'QUE', // GUI 炔
+    '\u86b5': 'KE', // HE 蚵
+    '\u7809': 'HUA', // HUO 砉
+    '\u5b37': 'MO', // MA 嬷 新增
+    '\u8e4a': 'XI', // QI 蹊
+    '\u4e2c': 'PAN', // QIANG 丬
+    '\u9730': 'XIAN', // SAN 霰
+    '\u8c49': 'CHI', // SHI 豉
+    '\u9967': 'XING', // TANG 饧
+    '\u5e27': 'ZHEN', // ZHENG 帧
+    '\u828e': 'XIONG', // 芎
+    '\u8c01': 'SHUI', // 谁
+    '\u94b6': 'KE', // 钶
+  };
+
+  // Update UNIHANS dict.
+  DICT.UNIHANS[91] = '\u4f15'; // FU: 夫 --> 伕
+  DICT.UNIHANS[347] = '\u4eda'; // XIAN: 仙 --> 仚
+  DICT.UNIHANS[393] = '\u8bcc'; // ZHOU: 州 --> 诌
+  DICT.UNIHANS[39] = '\u5a64'; // CHOU: 抽 --> 婤
+  DICT.UNIHANS[50] = '\u8160'; // COU: 凑 --> 腠
+  DICT.UNIHANS[369] = '\u6538'; // YOU: 优 --> 攸
+  DICT.UNIHANS[123] = '\u4e6f'; // HU: 乎 --> 乯
+  DICT.UNIHANS[171] = '\u5215'; // LI: 哩 --> 刕
+  DICT.UNIHANS[102] = '\u4f5d'; // GOU: 勾 --> 佝
+  DICT.UNIHANS[126] = '\u72bf'; // HUAN: 欢 --> 犿
+  DICT.UNIHANS[176] = '\u5217'; // LIE: 毟 --> 列
+  DICT.UNIHANS[178] = '\u5222'; // LING: 伶 --> 刢
+  DICT.UNIHANS[252] = '\u5a1d'; // POU: 剖 --> 娝
+  DICT.UNIHANS[330] = '\u5078'; // TOU: 偷 --> 偸
+}
+
+function shouldPatch(toToken) {
+  if (typeof toToken !== 'function') return false;
+  // Special unihans that get incorrect pinyins.
+  if (
+    toToken('\u4f15').target === 'FOU' &&
+    toToken('\u4eda').target === 'XIA' &&
+    toToken('\u8bcc').target === 'ZHONG' &&
+    toToken('\u5a64').target === 'CHONG' &&
+    toToken('\u8160').target === 'CONG' &&
+    toToken('\u6538').target === 'YONG' &&
+    toToken('\u4e6f').target === 'HOU' &&
+    toToken('\u5215').target === 'LENG' &&
+    toToken('\u4f5d').target === 'GONG' &&
+    toToken('\u72bf').target === 'HUAI' &&
+    toToken('\u5217').target === 'LIAO' &&
+    toToken('\u5222').target === 'LIN' &&
+    toToken('\u94b6').target === 'E'
+  ) {
+    return true;
+  }
+  return false;
+}
+
+/* harmony default export */ const _56l = ({
+  patcher,
+  shouldPatch,
+});
+
+;// CONCATENATED MODULE: ../../packages/select/src/pinyin/index.js
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/**
+ * Source: <https://github.com/creeperyang/pinyin>
+ */
+
+
+
+// Patch dict for icudt56l.dat related env, such as safari|node v4.
+if (core.isSupported() && _56l.shouldPatch(core.genToken)) {
+  core.patchDict(_56l);
+}
+
+/* harmony default export */ const pinyin = (core);
+
 ;// CONCATENATED MODULE: external "../tag"
 var tag_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var tag_y = x => () => x
@@ -1093,6 +2300,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
 
 
@@ -1147,7 +2358,8 @@ const tag_less_namespaceObject = tag_less_x({  });
     allowCreate: shared_namespaceObject.PropTypes.bool.def(false),
     disabled: shared_namespaceObject.PropTypes.bool.def(false),
     modelValue: shared_namespaceObject.PropTypes.any,
-    collapseTags: shared_namespaceObject.PropTypes.bool.def(false)
+    collapseTags: shared_namespaceObject.PropTypes.bool.def(false),
+    behavior: (0,shared_namespaceObject.InputBehaviorType)()
   },
   emits: ['update:modelValue', 'remove', 'enter', 'keydown'],
   setup: function setup(props, _ref) {
@@ -1272,27 +2484,27 @@ const tag_less_namespaceObject = tag_less_x({  });
       _this$$slots4,
       _this$$slots4$suffix;
     var prefix = (_this$$slots = this.$slots) === null || _this$$slots === void 0 || (_this$$slots$prefix = _this$$slots.prefix) === null || _this$$slots$prefix === void 0 ? void 0 : _this$$slots$prefix.call(_this$$slots);
-    var selectTagClass = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, this.resolveClassName('select-tag'), true), this.resolveClassName('select-tag--default'), true), 'is-disabled', this.disabled), 'collapse-tag', this.collapseTags), 'has-prefix', !!prefix));
+    var selectTagClass = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, this.resolveClassName('select-tag'), true), this.resolveClassName('select-tag--default'), true), 'is-disabled', this.disabled), 'collapse-tag', this.collapseTags), 'has-prefix', !!prefix), 'is-simplicity', this.behavior === 'simplicity'));
     var tagWrapperClass = (0,shared_namespaceObject.classes)(_defineProperty({}, this.resolveClassName('select-tag-wrapper'), true));
     var inputStyle = {
       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);
         }
@@ -1302,11 +2514,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];
@@ -1315,13 +2527,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
@@ -1383,6 +2595,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
 
 
 
+
 
 /* harmony default export */ const src_select = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Select',
@@ -1396,7 +2609,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     size: shared_namespaceObject.PropTypes.size().def(shared_namespaceObject.SizeEnum.DEFAULT),
     clearable: shared_namespaceObject.PropTypes.bool.def(true),
     loading: shared_namespaceObject.PropTypes.bool.def(false),
-    filterable: shared_namespaceObject.PropTypes.bool.def(false),
+    filterable: shared_namespaceObject.PropTypes.bool.def(true),
     remoteMethod: shared_namespaceObject.PropTypes.func,
     scrollHeight: shared_namespaceObject.PropTypes.number.def(200),
     showAll: shared_namespaceObject.PropTypes.bool.def(false),
@@ -1428,14 +2641,17 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     enableVirtualRender: shared_namespaceObject.PropTypes.bool.def(false),
     allowEmptyValues: shared_namespaceObject.PropTypes.array.def([]),
     autoFocus: shared_namespaceObject.PropTypes.bool.def(false),
+    disableFocusBehavior: shared_namespaceObject.PropTypes.bool.def(false),
     keepSearchValue: shared_namespaceObject.PropTypes.bool.def(false),
     prefix: shared_namespaceObject.PropTypes.string,
     selectedStyle: (0,shared_namespaceObject.SelectedType)(),
     filterOption: {
       type: Function
-    } // 配置当前options的过滤规则
+    },
+    searchWithPinyin: shared_namespaceObject.PropTypes.bool.def(true),
+    highlightKeyword: shared_namespaceObject.PropTypes.bool.def(false) // 搜索高亮
   },
-  emits: ['update:modelValue', 'change', 'toggle', 'clear', 'scroll-end', 'focus', 'blur', 'tag-remove', 'select', 'deselect'],
+  emits: ['update:modelValue', 'change', 'toggle', 'clear', 'scroll-end', 'focus', 'blur', 'tag-remove', 'select', 'deselect', 'search-change'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
     var t = (0,config_provider_namespaceObject.useLocale)('select');
@@ -1470,7 +2686,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       autoFocus = _toRefs.autoFocus,
       keepSearchValue = _toRefs.keepSearchValue,
       selectedStyle = _toRefs.selectedStyle,
-      filterOption = _toRefs.filterOption;
+      filterOption = _toRefs.filterOption,
+      searchWithPinyin = _toRefs.searchWithPinyin,
+      highlightKeyword = _toRefs.highlightKeyword,
+      disableFocusBehavior = _toRefs.disableFocusBehavior;
     var localNoDataText = (0,external_vue_namespaceObject.computed)(function () {
       if (props.noDataText === undefined) {
         return t.value.noData;
@@ -1523,7 +2742,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     });
     var groupsMap = (0,external_vue_namespaceObject.ref)(new Map());
     var selected = (0,external_vue_namespaceObject.ref)([]);
-    var cacheSelectedMap = (0,external_vue_namespaceObject.computed)(function () {
+    var selectedMap = (0,external_vue_namespaceObject.computed)(function () {
       return selected.value.reduce(function (pre, item) {
         pre[item.value] = item.label;
         return pre;
@@ -1555,11 +2774,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     // 虚拟滚动模式下搜索后的值
     var virtualList = (0,external_vue_namespaceObject.computed)(function () {
       return isRemoteSearch.value ? list.value : list.value.filter(function (item) {
-        var _toLowerCase;
-        if (hasFilterOptionFunc.value) {
-          return !!filterOption.value(curSearchValue.value, item);
-        }
-        return (_toLowerCase = toLowerCase(String(item[displayKey.value]))) === null || _toLowerCase === void 0 ? void 0 : _toLowerCase.includes(toLowerCase(curSearchValue.value));
+        return defaultSearchMethod(curSearchValue.value, String(item[displayKey.value]), item);
       });
     });
     // select组件是否禁用
@@ -1587,6 +2802,11 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         });
       });
     });
+    // 全部选项
+    var isAll = (0,external_vue_namespaceObject.computed)(function () {
+      var _selected$value$;
+      return selected.value.length === 1 && ((_selected$value$ = selected.value[0]) === null || _selected$value$ === void 0 ? void 0 : _selected$value$.value) === allOptionId.value;
+    });
     // 是否含有分组
     var isGroup = (0,external_vue_namespaceObject.computed)(function () {
       return !!groupsMap.value.size;
@@ -1710,9 +2930,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     var scrollActiveOptionIntoView = function scrollActiveOptionIntoView() {
       var _contentRef$value, _contentRef$value$que, _optionsDom$;
       var optionsDom = (_contentRef$value = contentRef.value) === null || _contentRef$value === void 0 || (_contentRef$value$que = _contentRef$value.querySelectorAll) === null || _contentRef$value$que === void 0 ? void 0 : _contentRef$value$que.call(_contentRef$value, '.is-selected');
-      (_optionsDom$ = optionsDom[0]) === null || _optionsDom$ === void 0 || _optionsDom$.scrollIntoView({
-        block: 'center',
-        behavior: 'smooth'
+      optionsDom === null || optionsDom === void 0 || (_optionsDom$ = optionsDom[0]) === null || _optionsDom$ === void 0 || _optionsDom$.scrollIntoView({
+        block: 'center'
+        // behavior: 'smooth',
       });
     };
     // 初始化当前悬浮的option项
@@ -1729,28 +2949,49 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       }
     };
     // 默认搜索方法
-    var defaultSearchMethod = function defaultSearchMethod(value) {
+    var defaultSearchMethod = function defaultSearchMethod(searchValue, optionName) {
+      var _toLowerCase2;
+      var filterData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      if (hasFilterOptionFunc.value) {
+        return !!filterOption.value(searchValue, select_objectSpread({}, filterData));
+      }
+      if (searchWithPinyin.value) {
+        var _toLowerCase;
+        var pinyinList = pinyin.parse(optionName).map(function (v) {
+          if (v.type === 2) {
+            return v.target.toLowerCase();
+          }
+          return v.target;
+        });
+        var pinyinStr = pinyinList.reduce(function (res, cur) {
+          return res + cur[0];
+        }, '');
+        return pinyinList.join('').indexOf(searchValue) !== -1 || pinyinStr.indexOf(searchValue) !== -1 || ((_toLowerCase = toLowerCase(String(optionName))) === null || _toLowerCase === void 0 ? void 0 : _toLowerCase.includes(toLowerCase(searchValue)));
+      }
+      return (_toLowerCase2 = toLowerCase(String(optionName))) === null || _toLowerCase2 === void 0 ? void 0 : _toLowerCase2.includes(toLowerCase(searchValue));
+    };
+    // 处理options模式时默认搜索方法
+    var handleDefaultOptionSearch = function handleDefaultOptionSearch(searchValue) {
       if (!filterable.value) return;
-      if (!value) {
+      if (!searchValue) {
         options.value.forEach(function (option) {
           option.visible = true;
         });
       } else {
         options.value.forEach(function (option) {
-          if (hasFilterOptionFunc.value) {
-            option.visible = !!filterOption.value(value, select_objectSpread(select_objectSpread({}, option.$props), option.$attrs));
-          } else {
-            var _toLowerCase2;
-            option.visible = (_toLowerCase2 = toLowerCase(String(option.optionName))) === null || _toLowerCase2 === void 0 ? void 0 : _toLowerCase2.includes(toLowerCase(value));
-          }
+          option.visible = defaultSearchMethod(searchValue, String(option.optionName), select_objectSpread(select_objectSpread({}, option.$props), option.$attrs));
         });
       }
     };
-    var _useRemoteSearch = useRemoteSearch(isRemoteSearch.value ? remoteMethod.value : defaultSearchMethod, initActiveOptionValue),
+    var _useRemoteSearch = useRemoteSearch(isRemoteSearch.value ? remoteMethod.value : handleDefaultOptionSearch, initActiveOptionValue),
       searchValue = _useRemoteSearch.searchValue,
       customOptionName = _useRemoteSearch.customOptionName,
       curSearchValue = _useRemoteSearch.curSearchValue,
       searchLoading = _useRemoteSearch.searchLoading;
+    // 派发search change事件
+    (0,external_vue_namespaceObject.watch)(searchValue, function () {
+      emit('search-change', searchValue.value);
+    });
     // 派发change事件
     var emitChange = function emitChange(val) {
       if (val === modelValue.value) return;
@@ -1807,6 +3048,13 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     // Option点击事件
     var handleOptionSelected = function handleOptionSelected(option) {
       if (isDisabled.value || !option) return;
+      // 删除全部选项
+      var exitAllIndex = selected.value.findIndex(function (item) {
+        return item.value === allOptionId.value;
+      });
+      if (exitAllIndex > -1) {
+        selected.value.splice(exitAllIndex, 1);
+      }
       if (multiple.value) {
         // 多选
         var index = selected.value.findIndex(function (item) {
@@ -1843,6 +3091,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     };
     // 聚焦输入框
     var focusInput = function focusInput() {
+      if (disableFocusBehavior.value) return;
       setTimeout(function () {
         if (!inputSearch.value && !allowCreate.value) {
           var _searchRef$value;
@@ -1882,25 +3131,27 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       activeOptionValue.value = '';
     };
     // 全选/取消全选
-    var handleToggleSelectAll = function handleToggleSelectAll() {
+    var toggleSelectAll = function toggleSelectAll() {
       if (isAllSelected.value) {
         selected.value = [];
       } else {
         var _list$value;
+        var tmpSelected = [];
         options.value.forEach(function (option) {
-          if (option.disabled || option.optionID in cacheSelectedMap.value) return;
-          selected.value.push({
+          if (option.disabled) return;
+          tmpSelected.push({
             value: option.optionID,
             label: option.optionName || option.optionID
           });
         });
         (_list$value = list.value) === null || _list$value === void 0 || _list$value.forEach(function (item) {
-          if (item.disabled || item[idKey.value] in cacheSelectedMap.value) return;
-          selected.value.push({
+          if (item.disabled) return;
+          tmpSelected.push({
             value: item[idKey.value],
             label: item[displayKey.value]
           });
         });
+        selected.value = tmpSelected;
       }
       emitChange(selected.value.map(function (item) {
         return item.value;
@@ -1908,7 +3159,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       focusInput();
     };
     // 全部/取消全部
-    var handleToggleAll = function handleToggleAll() {
+    var toggleAll = function toggleAll() {
       if (!isShowAll.value) return;
       var index = selected.value.findIndex(function (item) {
         return item.value === allOptionId.value;
@@ -1972,7 +3223,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           _iterator.f();
         }
       }
-      return ((_optionsMap$value2 = optionsMap.value) === null || _optionsMap$value2 === void 0 || (_optionsMap$value2 = _optionsMap$value2.get(tmpValue)) === null || _optionsMap$value2 === void 0 ? void 0 : _optionsMap$value2.optionName) || listMap.value[tmpValue] || cacheSelectedMap.value[tmpValue] || tmpValue;
+      return ((_optionsMap$value2 = optionsMap.value) === null || _optionsMap$value2 === void 0 || (_optionsMap$value2 = _optionsMap$value2.get(tmpValue)) === null || _optionsMap$value2 === void 0 ? void 0 : _optionsMap$value2.optionName) || listMap.value[tmpValue] || selectedMap.value[tmpValue] || tmpValue;
     };
     // 设置selected选项
     var handleSetSelectedData = function handleSetSelectedData() {
@@ -2039,6 +3290,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         case 'Enter':
           {
             var value = e.target.value;
+            // 搜索和创建的时候不触发enter事件
             if (allowCreate.value && value || e.target === searchRef.value) return;
             var option = optionsMap.value.get(activeOptionValue.value);
             handleOptionSelected(option);
@@ -2066,16 +3318,15 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       selected: selected,
       activeOptionValue: activeOptionValue,
       showSelectedIcon: showSelectedIcon,
-      isShowAll: isShowAll,
-      allOptionId: allOptionId,
       selectedStyle: selectedStyle,
+      curSearchValue: curSearchValue,
+      highlightKeyword: highlightKeyword,
       register: register,
       unregister: unregister,
       registerGroup: registerGroup,
       unregisterGroup: unregisterGroup,
       handleOptionSelected: handleOptionSelected,
-      handleGetLabelByValue: handleGetLabelByValue,
-      handleToggleAll: handleToggleAll
+      handleGetLabelByValue: handleGetLabelByValue
     }));
     (0,external_vue_namespaceObject.onMounted)(function () {
       handleSetSelectedData();
@@ -2109,6 +3360,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       curContentText: curContentText,
       isGroup: isGroup,
       searchValue: searchValue,
+      curSearchValue: curSearchValue,
       customOptionName: customOptionName,
       isShowAll: isShowAll,
       isShowSelectAll: isShowSelectAll,
@@ -2117,6 +3369,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       isCollapseTags: isCollapseTags,
       popoverConfig: popoverConfig,
       isAllSelected: isAllSelected,
+      isAll: isAll,
       focusInput: focusInput,
       setHover: setHover,
       cancelHover: cancelHover,
@@ -2126,7 +3379,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       handleClear: handleClear,
       hidePopover: hidePopover,
       showPopover: showPopover,
-      handleToggleSelectAll: handleToggleSelectAll,
+      toggleSelectAll: toggleSelectAll,
+      toggleAll: toggleAll,
       handleOptionSelected: handleOptionSelected,
       handleClickOutside: handleClickOutside,
       handleScroll: handleScroll,
@@ -2148,11 +3402,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) {
@@ -2184,22 +3438,26 @@ 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.handleToggleSelectAll
+        "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
+        "indeterminate": !_this.isAllSelected && !!_this.selected.length && !_this.isAll,
+        "modelValue": _this.isAllSelected
       }, null), _this.t.selectAll]);
     };
     // 全部
     var renderAll = function renderAll() {
-      // 全选和全部是互斥的，只能选一个
-      if (_this.isShowSelectAll || !_this.isShowAll) return;
-      return (0,external_vue_namespaceObject.createVNode)(src_option, {
-        "id": _this.allOptionId,
-        "name": _this.t.all
-      }, null);
+      var _this$selected$;
+      if (!_this.isShowAll) return;
+      return (0,external_vue_namespaceObject.createVNode)("div", {
+        "class": _this.resolveClassName('select-all')
+      }, [(0,external_vue_namespaceObject.createVNode)("div", {
+        "class": ['wrapper', _this.selected.length === 1 && ((_this$selected$ = _this.selected[0]) === null || _this$selected$ === void 0 ? void 0 : _this$selected$.value) === _this.allOptionId ? 'active' : ''],
+        "onClick": _this.toggleAll
+      }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.TextAll, {
+        "class": "select-all-icon"
+      }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.t.all])])]);
     };
     var renderTriggerInput = function renderTriggerInput() {
       var _this$$slots5;
@@ -2211,14 +3469,15 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           "onUpdate:modelValue": function onUpdateModelValue($event) {
             return _this.customOptionName = $event;
           },
+          "behavior": _this.behavior,
+          "collapseTags": _this.isCollapseTags,
+          "disabled": _this.isDisabled,
+          "filterable": _this.isInput,
+          "placeholder": _this.localPlaceholder,
           "selected": _this.selected,
           "tagTheme": _this.tagTheme,
-          "placeholder": _this.localPlaceholder,
-          "filterable": _this.isInput,
-          "disabled": _this.isDisabled,
-          "onRemove": _this.handleDeleteTag,
-          "collapseTags": _this.isCollapseTags,
-          "onEnter": _this.handleCreateCustomOption
+          "onEnter": _this.handleCreateCustomOption,
+          "onRemove": _this.handleDeleteTag
         }, {
           prefix: renderPrefix(),
           "default": ((_this$$slots3 = _this.$slots) === null || _this$$slots3 === void 0 ? void 0 : _this$$slots3.tag) && function () {
@@ -2234,18 +3493,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' ? {
@@ -2262,11 +3521,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
@@ -2277,44 +3536,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"
-      }, [_this.filterable && !_this.inputSearch && (0,external_vue_namespaceObject.createVNode)("div", {
+        "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(), renderAll(), _this.enableVirtualRender ? (0,external_vue_namespaceObject.createVNode)(virtual_render_namespaceObject["default"], {
-        "list": _this.virtualList,
+      }, [renderSelectAll(), _this.enableVirtualRender ? (0,external_vue_namespaceObject.createVNode)(virtual_render_namespaceObject["default"], {
+        "ref": "virtualRenderRef",
         "height": _this.virtualHeight,
         "lineHeight": 32,
-        "ref": "virtualRenderRef"
+        "list": _this.virtualList
       }, {
         "default": function _default(_ref3) {
           var _this$$slots8, _this$$slots9;
@@ -2322,8 +3581,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() {
@@ -2338,6 +3597,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         var _this$$slots10;
         return (0,external_vue_namespaceObject.createVNode)(src_option, {
           "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() {
@@ -2351,10 +3611,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()])])]);
@@ -2362,9 +3622,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();