bkui-vue 2.0.1-beta.8 → 2.0.1-beta.80

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,11 @@ 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_overflow_title_051a85a5__ from "../overflow-title";
 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 +493,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 +508,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, ["TextAll"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.TextAll });
+const icon_namespaceObject = icon_x({ ["AngleDown"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleDown, ["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 {
@@ -596,15 +597,16 @@ function useRegistry(data) {
   // 注册item
   var register = function register(key, item) {
     if (!item) return;
-    if (data.value.has(key)) {
-      // console.warn(`repeat ${key}`, item);
-      return;
-    }
     return data.value.set(key, item);
   };
   // 删除item
-  var unregister = function unregister(key) {
-    data.value["delete"](key);
+  var unregister = function unregister(key, item) {
+    if (item) {
+      if (data.value.get(key) !== item) return;
+      data.value["delete"](key);
+    } else {
+      data.value["delete"](key);
+    }
   };
   return {
     register: register,
@@ -621,6 +623,7 @@ function useDebouncedRef(value) {
         track();
         return innerValue;
       },
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       set: function set(newValue) {
         clearTimeout(timeout);
         if (newValue === undefined || newValue === '') {
@@ -732,7 +735,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.
@@ -770,7 +772,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
   name: 'Option',
   props: {
     id: {
-      type: [String, Number, Object],
+      type: [String, Number],
       require: true
     },
     name: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]),
@@ -779,6 +781,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
   },
   setup: function setup(props, _ref) {
     var attrs = _ref.attrs;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var _getCurrentInstance = (0,external_vue_namespaceObject.getCurrentInstance)(),
       proxy = _getCurrentInstance.proxy;
     var states = (0,external_vue_namespaceObject.reactive)({
@@ -860,8 +863,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       group === null || group === void 0 || group.register(optionID.value, proxy);
     });
     (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
-      select === null || select === void 0 || select.unregister(optionID.value);
-      group === null || group === void 0 || group.unregister(optionID.value);
+      select === null || select === void 0 || select.unregister(optionID.value, proxy);
+      group === null || group === void 0 || group.unregister(optionID.value, proxy);
     });
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
@@ -894,16 +897,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 +1057,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 +1093,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 +1124,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 +2037,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 +2127,6 @@ function genToken(ch) {
   }
 
   if (cmp < 0) {
-    // eslint-disable-next-line no-plusplus
     offset--;
   }
 
@@ -2296,10 +2295,10 @@ 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 "../overflow-title"
+var overflow_title_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var overflow_title_y = x => () => x
+const overflow_title_namespaceObject = overflow_title_x({ ["OverflowTitle"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_overflow_title_051a85a5__.OverflowTitle });
 ;// CONCATENATED MODULE: external "../tag"
 var tag_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var tag_y = x => () => x
@@ -2308,6 +2307,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
 
 
@@ -2344,6 +2347,7 @@ const tag_less_namespaceObject = tag_less_x({  });
 
 
 
+
 /* harmony default export */ const selectTagInput = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'SelectTagInput',
   directives: {
@@ -2380,7 +2384,7 @@ const tag_less_namespaceObject = tag_less_x({  });
     var overflowTagIndex = (0,external_vue_namespaceObject.ref)(null);
     var overflowContent = (0,external_vue_namespaceObject.computed)(function () {
       return selected.value.slice(overflowTagIndex.value, selected.value.length).map(function (item) {
-        return item.label;
+        return select === null || select === void 0 ? void 0 : select.handleGetLabelByValue(item.value);
       }).join(', ');
     });
     (0,external_vue_namespaceObject.watch)(modelValue, function () {
@@ -2402,6 +2406,9 @@ const tag_less_namespaceObject = tag_less_x({  });
       var _inputRef$value2;
       (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.blur();
     };
+    var updateModelValue = function updateModelValue(data) {
+      emit('update:modelValue', data);
+    };
     var handleInput = function handleInput(e) {
       emit('update:modelValue', e.target.value);
     };
@@ -2471,6 +2478,7 @@ const tag_less_namespaceObject = tag_less_x({  });
       handleRemoveTag: handleRemoveTag,
       focus: focus,
       blur: blur,
+      updateModelValue: updateModelValue,
       handleInput: handleInput,
       handleKeydown: handleKeydown,
       resolveClassName: resolveClassName
@@ -2485,8 +2493,8 @@ const tag_less_namespaceObject = tag_less_x({  });
       _this$$slots$default2,
       _this$$slots3,
       _this = this,
-      _this$$slots4,
-      _this$$slots4$suffix;
+      _this$$slots5,
+      _this$$slots5$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(_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));
@@ -2494,54 +2502,62 @@ 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;
+      var _this$$slots$tagRende, _this$$slots$tagRende2, _this$$slots4, _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' : ''
-        },
+        "key": item.value,
         "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);
         }
       }, {
         "default": function _default() {
-          return [(_this$select = _this.select) === null || _this$select === void 0 ? void 0 : _this$select.handleGetLabelByValue(item.value)];
+          return [(_this$$slots$tagRende = (_this$$slots$tagRende2 = (_this$$slots4 = _this.$slots).tagRender) === null || _this$$slots$tagRende2 === void 0 ? void 0 : _this$$slots$tagRende2.call(_this$$slots4, item)) !== null && _this$$slots$tagRende !== void 0 ? _this$$slots$tagRende : (0,external_vue_namespaceObject.createVNode)(overflow_title_namespaceObject.OverflowTitle, {
+            "type": "tips"
+          }, {
+            "default": function _default() {
+              return [(_this$select = _this.select) === null || _this$select === void 0 ? void 0 : _this$select.handleGetLabelByValue(item.value)];
+            }
+          })];
         }
       });
     }), (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];
       }
     }), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), {
       content: this.overflowContent,
-      disabled: !this.overflowTagIndex || !this.collapseTags
+      disabled: !this.overflowTagIndex || !this.collapseTags,
+      extCls: this.resolveClassName('select-tooltips')
     }]]), (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
-    }, null)]), (_this$$slots4 = this.$slots) === null || _this$$slots4 === void 0 || (_this$$slots4$suffix = _this$$slots4.suffix) === null || _this$$slots4$suffix === void 0 ? void 0 : _this$$slots4$suffix.call(_this$$slots4)]);
+    }, null)]), (_this$$slots5 = this.$slots) === null || _this$$slots5 === void 0 || (_this$$slots5$suffix = _this$$slots5.suffix) === null || _this$$slots5$suffix === void 0 ? void 0 : _this$$slots5$suffix.call(_this$$slots5)]);
   }
 }));
 ;// CONCATENATED MODULE: ../../packages/select/src/select.tsx
@@ -2554,7 +2570,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.
@@ -2613,9 +2628,10 @@ 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(true),
+    filterable: shared_namespaceObject.PropTypes.bool.def(false),
     remoteMethod: shared_namespaceObject.PropTypes.func,
-    scrollHeight: shared_namespaceObject.PropTypes.number.def(200),
+    scrollHeight: shared_namespaceObject.PropTypes.number.def(204),
+    minHeight: shared_namespaceObject.PropTypes.number,
     showAll: shared_namespaceObject.PropTypes.bool.def(false),
     allOptionId: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]),
     showSelectAll: shared_namespaceObject.PropTypes.bool.def(false),
@@ -2653,7 +2669,12 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       type: Function
     },
     searchWithPinyin: shared_namespaceObject.PropTypes.bool.def(true),
-    highlightKeyword: shared_namespaceObject.PropTypes.bool.def(false) // 搜索高亮
+    highlightKeyword: shared_namespaceObject.PropTypes.bool.def(false),
+    trigger: {
+      type: String,
+      "default": 'default'
+    },
+    disableScrollToSelectedOption: shared_namespaceObject.PropTypes.bool.def(false) // 是否禁用滚动到选中option的功能
   },
   emits: ['update:modelValue', 'change', 'toggle', 'clear', 'scroll-end', 'focus', 'blur', 'tag-remove', 'select', 'deselect', 'search-change'],
   setup: function setup(props, _ref) {
@@ -2693,7 +2714,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       filterOption = _toRefs.filterOption,
       searchWithPinyin = _toRefs.searchWithPinyin,
       highlightKeyword = _toRefs.highlightKeyword,
-      disableFocusBehavior = _toRefs.disableFocusBehavior;
+      disableFocusBehavior = _toRefs.disableFocusBehavior,
+      trigger = _toRefs.trigger,
+      disableScrollToSelectedOption = _toRefs.disableScrollToSelectedOption;
+    var virtualRenderRef = (0,external_vue_namespaceObject.ref)(null);
     var localNoDataText = (0,external_vue_namespaceObject.computed)(function () {
       if (props.noDataText === undefined) {
         return t.value.noData;
@@ -2735,8 +2759,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     var triggerRef = (0,external_vue_namespaceObject.ref)();
     var contentRef = (0,external_vue_namespaceObject.ref)();
     var searchRef = (0,external_vue_namespaceObject.ref)();
+    var scrollContainerRef = (0,external_vue_namespaceObject.ref)();
     var selectTagInputRef = (0,external_vue_namespaceObject.ref)();
-    var virtualRenderRef = (0,external_vue_namespaceObject.ref)();
     var popoverRef = (0,external_vue_namespaceObject.ref)();
     var optionsMap = (0,external_vue_namespaceObject.ref)(new Map());
     var options = (0,external_vue_namespaceObject.computed)(function () {
@@ -2746,12 +2770,13 @@ 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 selectedMap = (0,external_vue_namespaceObject.computed)(function () {
+    var selectedCacheMap = (0,external_vue_namespaceObject.computed)(function () {
       return selected.value.reduce(function (pre, item) {
         pre[item.value] = item.label;
         return pre;
-      }, {});
+      }, _defineProperty({}, "".concat(allOptionId.value), t.value.all));
     });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var activeOptionValue = (0,external_vue_namespaceObject.ref)(); // 当前悬浮的option
     var listMap = (0,external_vue_namespaceObject.computed)(function () {
       return list.value.reduce(function (pre, item) {
@@ -2775,8 +2800,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       var _popoverRef$value;
       (_popoverRef$value = popoverRef.value) === null || _popoverRef$value === void 0 || _popoverRef$value.updatePopover(null, popoverConfig.value);
     });
-    // 虚拟滚动模式下搜索后的值
-    var virtualList = (0,external_vue_namespaceObject.computed)(function () {
+    // list模式下搜索后的值
+    var filterList = (0,external_vue_namespaceObject.computed)(function () {
       return isRemoteSearch.value ? list.value : list.value.filter(function (item) {
         return defaultSearchMethod(curSearchValue.value, String(item[displayKey.value]), item);
       });
@@ -2849,12 +2874,22 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     var virtualHeight = (0,external_vue_namespaceObject.computed)(function () {
       return scrollHeight.value - 12 - (isShowSelectAll.value ? 32 : 0);
     });
+    var virtualLineHeight = (0,external_vue_namespaceObject.ref)(32);
+    // 是否启用虚拟滚动(如果配置了启用，但是数据小于滚动高度则不开启)
+    var isEnableVirtualRender = (0,external_vue_namespaceObject.computed)(function () {
+      if (enableVirtualRender.value) return filterList.value.length * virtualLineHeight.value > virtualHeight.value;
+      return false;
+    });
+    // 预加载滚动数据
+    var preloadItemCount = (0,external_vue_namespaceObject.computed)(function () {
+      return Math.ceil(virtualHeight.value / virtualLineHeight.value);
+    });
     // 当前空状态时显示文案
     var curContentText = (0,external_vue_namespaceObject.computed)(function () {
       if (searchLoading.value) {
         return localLoadingText.value;
       }
-      if (isSearchEmpty.value || list.value.length && !virtualList.value.length) {
+      if (isSearchEmpty.value || list.value.length && !filterList.value.length) {
         return localNoMatchText.value;
       }
       if (isOptionsEmpty.value) {
@@ -2910,9 +2945,21 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       hidePopover = _usePopover.hidePopover,
       showPopover = _usePopover.showPopover,
       togglePopover = _usePopover.togglePopover;
+    var handleHidePopover = function handleHidePopover() {
+      if (trigger.value === 'manual') return;
+      hidePopover();
+    };
+    var handleShowPopover = function handleShowPopover() {
+      if (trigger.value === 'manual') return;
+      showPopover();
+    };
     // 输入框是否可以输入内容
+    // const isInput = computed(
+    //   () => ((filterable.value && inputSearch.value) || allowCreate.value) && isPopoverShow.value,
+    // );
+    // 自定义创建失焦后仍保留输入框内的内容
     var isInput = (0,external_vue_namespaceObject.computed)(function () {
-      return (filterable.value && inputSearch.value || allowCreate.value) && isPopoverShow.value;
+      return filterable.value && inputSearch.value && isPopoverShow.value || allowCreate.value;
     });
     (0,external_vue_namespaceObject.watch)(isPopoverShow, function (isShow) {
       emit('toggle', isPopoverShow.value);
@@ -2933,10 +2980,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     // 滚动到当前选中的options中
     var scrollActiveOptionIntoView = function scrollActiveOptionIntoView() {
       var _contentRef$value, _contentRef$value$que, _optionsDom$;
+      if (isEnableVirtualRender.value || disableScrollToSelectedOption.value) return;
       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 === null || optionsDom === void 0 || (_optionsDom$ = optionsDom[0]) === null || _optionsDom$ === void 0 || _optionsDom$.scrollIntoView({
         block: 'center'
-        // behavior: 'smooth',
       });
     };
     // 初始化当前悬浮的option项
@@ -2953,14 +3000,17 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       }
     };
     // 默认搜索方法
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var defaultSearchMethod = function defaultSearchMethod(searchValue, optionName) {
       var _toLowerCase2;
       var filterData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       if (hasFilterOptionFunc.value) {
+        // 是否配置了单个options过滤
         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();
@@ -2994,6 +3044,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       searchLoading = _useRemoteSearch.searchLoading;
     // 派发search change事件
     (0,external_vue_namespaceObject.watch)(searchValue, function () {
+      scrollContainerRef.value.scrollTop = 0;
       emit('search-change', searchValue.value);
     });
     // 派发change事件
@@ -3001,10 +3052,12 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       if (val === modelValue.value) return;
       emit('update:modelValue', val, modelValue.value);
       emit('change', val, modelValue.value);
+      // 重置Selected 以model-value为主
+      handleSetSelectedData();
     };
     // 派发toggle事件
     var handleTogglePopover = function handleTogglePopover() {
-      if (isDisabled.value) return;
+      if (isDisabled.value || trigger.value === 'manual') return;
       handleFocus();
       togglePopover();
     };
@@ -3045,7 +3098,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           label: value
         }];
         emitChange(value);
-        hidePopover();
+        handleHidePopover();
       }
       customOptionName.value = '';
     };
@@ -3079,6 +3132,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
             return item.value;
           }));
           emit('select', option.optionID);
+          clearMultipleInputValue();
         }
         focusInput();
       } else {
@@ -3087,12 +3141,22 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           label: option.optionName || option.optionID,
           value: option.optionID
         }];
+        if (filterable.value && allowCreate.value) {
+          customOptionName.value = '';
+        }
         emitChange(option.optionID);
         emit('select', option.optionID);
-        hidePopover();
+        handleHidePopover();
         handleBlur();
       }
     };
+    // 是否需要清空多选输入框内容
+    var clearMultipleInputValue = function clearMultipleInputValue() {
+      if (['tag'].includes(multipleMode.value) && isInput.value) {
+        var _selectTagInputRef$va;
+        (_selectTagInputRef$va = selectTagInputRef.value) === null || _selectTagInputRef$va === void 0 || _selectTagInputRef$va.updateModelValue('');
+      }
+    };
     // 聚焦输入框
     var focusInput = function focusInput() {
       if (disableFocusBehavior.value) return;
@@ -3102,8 +3166,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           (_searchRef$value = searchRef.value) === null || _searchRef$value === void 0 || _searchRef$value.focus();
         } else {
           if (multipleMode.value === 'tag') {
-            var _selectTagInputRef$va;
-            (_selectTagInputRef$va = selectTagInputRef.value) === null || _selectTagInputRef$va === void 0 || _selectTagInputRef$va.focus();
+            var _selectTagInputRef$va2;
+            (_selectTagInputRef$va2 = selectTagInputRef.value) === null || _selectTagInputRef$va2 === void 0 || _selectTagInputRef$va2.focus();
           } else {
             var _inputRef$value;
             (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
@@ -3115,8 +3179,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     var blurInput = function blurInput() {
       setTimeout(function () {
         if (multipleMode.value === 'tag') {
-          var _selectTagInputRef$va2;
-          (_selectTagInputRef$va2 = selectTagInputRef.value) === null || _selectTagInputRef$va2 === void 0 || _selectTagInputRef$va2.blur();
+          var _selectTagInputRef$va3;
+          (_selectTagInputRef$va3 = selectTagInputRef.value) === null || _selectTagInputRef$va3 === void 0 || _selectTagInputRef$va3.blur();
         } else {
           var _inputRef$value2;
           (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.blur();
@@ -3127,9 +3191,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     var handleClear = function handleClear(e) {
       e.stopPropagation();
       selected.value = [];
+      clearMultipleInputValue();
       emitChange(multiple.value ? [] : '');
       emit('clear', multiple.value ? [] : '');
-      hidePopover();
+      handleHidePopover();
     };
     var handleSelectedAllOptionMouseEnter = function handleSelectedAllOptionMouseEnter() {
       activeOptionValue.value = '';
@@ -3140,22 +3205,21 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         selected.value = [];
       } else {
         var _list$value;
-        var tmpSelected = [];
+        var tmpSelectedMap = new Map();
         options.value.forEach(function (option) {
-          if (option.disabled) return;
-          tmpSelected.push({
-            value: option.optionID,
-            label: option.optionName || option.optionID
-          });
+          if (option.disabled || tmpSelectedMap.has(option.optionID)) return;
+          tmpSelectedMap.set(option.optionID, option.optionName || option.optionID);
         });
         (_list$value = list.value) === null || _list$value === void 0 || _list$value.forEach(function (item) {
-          if (item.disabled) return;
-          tmpSelected.push({
-            value: item[idKey.value],
-            label: item[displayKey.value]
-          });
+          if (item.disabled || tmpSelectedMap.has(item[idKey.value])) return;
+          tmpSelectedMap.set(item[idKey.value], item[displayKey.value]);
+        });
+        selected.value = Array.from(tmpSelectedMap.keys()).map(function (key) {
+          return {
+            value: key,
+            label: tmpSelectedMap.get(key)
+          };
         });
-        selected.value = tmpSelected;
       }
       emitChange(selected.value.map(function (item) {
         return item.value;
@@ -3205,7 +3269,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         emit('tag-remove', val);
       }
     };
-    // options存在 > 上一次选择的label > 当前值
+    // 优先级: option name属性 > list模式 > 上一次选择的label > 当前值
     var handleGetLabelByValue = function handleGetLabelByValue(value) {
       var _optionsMap$value2;
       // 处理options value为对象类型，引用类型变更后，回显不对问题
@@ -3227,7 +3291,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] || selectedMap.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] || selectedCacheMap.value[tmpValue] || tmpValue;
     };
     // 设置selected选项
     var handleSetSelectedData = function handleSetSelectedData() {
@@ -3240,7 +3304,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           };
         }));
       } else {
-        if (modelValue.value !== undefined || allowEmptyValues.value.includes(modelValue.value)) {
+        if (modelValue.value || allowEmptyValues.value.includes(modelValue.value)) {
           selected.value = [{
             value: modelValue.value,
             label: handleGetLabelByValue(modelValue.value)
@@ -3250,9 +3314,18 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         }
       }
     };
+    // 手动设置selected值
+    var setSelected = function setSelected(data) {
+      selected.value = data.map(function (item) {
+        return {
+          label: item[displayKey.value],
+          value: item[idKey.value]
+        };
+      });
+    };
     // 处理键盘事件
     var handleDocumentKeydown = function handleDocumentKeydown(e) {
-      if (!isPopoverShow.value || enableVirtualRender.value) return;
+      if (!isPopoverShow.value || isEnableVirtualRender.value) return;
       var availableOptions = options.value.filter(function (option) {
         return !option.disabled && option.visible;
       });
@@ -3307,16 +3380,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       var event = _ref2.event;
       var target = event.target;
       if ((_triggerRef$value = triggerRef.value) !== null && _triggerRef$value !== void 0 && _triggerRef$value.contains(target) || triggerRef.value === target) return;
-      hidePopover();
+      handleHidePopover();
       handleBlur();
     };
-    var handlePopoverShow = function handlePopoverShow() {
-      setTimeout(function () {
-        var _virtualRenderRef$val, _virtualRenderRef$val2;
-        // 虚拟滚动首次未更新问题
-        enableVirtualRender.value && ((_virtualRenderRef$val = virtualRenderRef.value) === null || _virtualRenderRef$val === void 0 || (_virtualRenderRef$val2 = _virtualRenderRef$val.reset) === null || _virtualRenderRef$val2 === void 0 ? void 0 : _virtualRenderRef$val2.call(_virtualRenderRef$val));
-      });
-    };
     (0,external_vue_namespaceObject.provide)(selectKey, (0,external_vue_namespaceObject.reactive)({
       multiple: multiple,
       selected: selected,
@@ -3335,10 +3401,14 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     (0,external_vue_namespaceObject.onMounted)(function () {
       handleSetSelectedData();
       setTimeout(function () {
-        showOnInit.value && showPopover();
+        showOnInit.value && handleShowPopover();
         autoFocus.value && focusInput();
       });
     });
+    var handlePopoverShown = function handlePopoverShown() {
+      var _virtualRenderRef$val;
+      (_virtualRenderRef$val = virtualRenderRef.value) === null || _virtualRenderRef$val === void 0 || _virtualRenderRef$val.scrollTo(0, 1);
+    };
     return {
       t: t,
       selected: selected,
@@ -3353,8 +3423,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       triggerRef: triggerRef,
       contentRef: contentRef,
       searchRef: searchRef,
+      scrollContainerRef: scrollContainerRef,
       selectTagInputRef: selectTagInputRef,
-      virtualRenderRef: virtualRenderRef,
       popoverRef: popoverRef,
       searchLoading: searchLoading,
       isOptionsEmpty: isOptionsEmpty,
@@ -3369,7 +3439,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       isShowAll: isShowAll,
       isShowSelectAll: isShowSelectAll,
       virtualHeight: virtualHeight,
-      virtualList: virtualList,
+      filterList: filterList,
       isCollapseTags: isCollapseTags,
       popoverConfig: popoverConfig,
       isAllSelected: isAllSelected,
@@ -3391,26 +3461,33 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       handleDeleteTag: handleDeleteTag,
       handleInputChange: handleInputChange,
       handleSelectedAllOptionMouseEnter: handleSelectedAllOptionMouseEnter,
-      handlePopoverShow: handlePopoverShow,
       localLoadingText: localLoadingText,
       localPlaceholder: localPlaceholder,
       localSearchPlaceholder: localSearchPlaceholder,
       localSelectAllText: localSelectAllText,
       resolveClassName: resolveClassName,
-      handleCreateCustomOption: handleCreateCustomOption
+      handleCreateCustomOption: handleCreateCustomOption,
+      handlePopoverShown: handlePopoverShown,
+      virtualLineHeight: virtualLineHeight,
+      isEnableVirtualRender: isEnableVirtualRender,
+      preloadItemCount: preloadItemCount,
+      virtualRenderRef: virtualRenderRef,
+      setSelected: setSelected
     };
   },
   render: function render() {
     var _this = this;
     var selectClass = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(this.resolveClassName('select')), true), 'popover-show', this.isPopoverShow), 'is-disabled', this.isDisabled), 'is-focus', this.isFocus), 'is-filterable', this.filterable), this.size, true), this.behavior, true));
+    // 右侧ICON
     var suffixIcon = function suffixIcon() {
+      var _this$$slots, _this$$slots2, _this$$slots2$suffix;
       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) {
@@ -3419,12 +3496,14 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           "onClick": _this.handleClear
         }, null);
       }
-      return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleUp, {
-        "class": "angle-up"
+      return (_this$$slots = _this.$slots) !== null && _this$$slots !== void 0 && _this$$slots.suffix ? (0,external_vue_namespaceObject.createVNode)("span", {
+        "class": "angle-down"
+      }, [(_this$$slots2 = _this.$slots) === null || _this$$slots2 === void 0 || (_this$$slots2$suffix = _this$$slots2.suffix) === null || _this$$slots2$suffix === void 0 ? void 0 : _this$$slots2$suffix.call(_this$$slots2)]) : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleDown, {
+        "class": "angle-down"
       }, null);
     };
     var renderPrefix = function renderPrefix() {
-      var _this$$slots;
+      var _this$$slots3;
       if (_this.prefix) {
         return function () {
           return (0,external_vue_namespaceObject.createVNode)("div", {
@@ -3432,9 +3511,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           }, [(0,external_vue_namespaceObject.createVNode)("span", null, [_this.prefix])]);
         };
       }
-      return (_this$$slots = _this.$slots) !== null && _this$$slots !== void 0 && _this$$slots.prefix ? function () {
-        var _this$$slots2, _this$$slots2$prefix;
-        return (_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);
+      return (_this$$slots3 = _this.$slots) !== null && _this$$slots3 !== void 0 && _this$$slots3.prefix ? function () {
+        var _this$$slots4, _this$$slots4$prefix;
+        return (_this$$slots4 = _this.$slots) === null || _this$$slots4 === void 0 || (_this$$slots4$prefix = _this$$slots4.prefix) === null || _this$$slots4$prefix === void 0 ? void 0 : _this$$slots4$prefix.call(_this$$slots4);
       } : undefined;
     };
     // 全选
@@ -3442,12 +3521,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]);
     };
     // 全部
@@ -3463,33 +3542,38 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "class": "select-all-icon"
       }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.t.all])])]);
     };
+    // 默认trigger输入框渲染
     var renderTriggerInput = function renderTriggerInput() {
-      var _this$$slots5;
+      var _this$$slots9;
       if (_this.multipleMode === 'tag') {
-        var _this$$slots3;
+        var _this$$slots5, _this$$slots7;
         return (0,external_vue_namespaceObject.createVNode)(selectTagInput, {
           "ref": "selectTagInputRef",
           "modelValue": _this.customOptionName,
           "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 () {
-            var _this$$slots4;
-            return (_this$$slots4 = _this.$slots) === null || _this$$slots4 === void 0 ? void 0 : _this$$slots4.tag({
+          "default": ((_this$$slots5 = _this.$slots) === null || _this$$slots5 === void 0 ? void 0 : _this$$slots5.tag) && function () {
+            var _this$$slots6;
+            return (_this$$slots6 = _this.$slots) === null || _this$$slots6 === void 0 ? void 0 : _this$$slots6.tag({
               selected: _this.selected
             });
           },
+          tagRender: ((_this$$slots7 = _this.$slots) === null || _this$$slots7 === void 0 ? void 0 : _this$$slots7.tagRender) && function (item) {
+            var _this$$slots8;
+            return (_this$$slots8 = _this.$slots) === null || _this$$slots8 === void 0 ? void 0 : _this$$slots8.tagRender(item);
+          },
           suffix: function suffix() {
             return suffixIcon();
           }
@@ -3497,24 +3581,24 @@ 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' ? {
+      } : null), select_objectSpread(select_objectSpread({}, typeof ((_this$$slots9 = _this.$slots) === null || _this$$slots9 === void 0 ? void 0 : _this$$slots9.prefix) === 'function' ? {
         prefix: function prefix() {
-          var _this$$slots6, _this$$slots6$prefix;
-          return (_this$$slots6 = _this.$slots) === null || _this$$slots6 === void 0 || (_this$$slots6$prefix = _this$$slots6.prefix) === null || _this$$slots6$prefix === void 0 ? void 0 : _this$$slots6$prefix.call(_this$$slots6);
+          var _this$$slots10, _this$$slots10$prefix;
+          return (_this$$slots10 = _this.$slots) === null || _this$$slots10 === void 0 || (_this$$slots10$prefix = _this$$slots10.prefix) === null || _this$$slots10$prefix === void 0 ? void 0 : _this$$slots10$prefix.call(_this$$slots10);
         }
       } : null), {}, {
         suffix: function suffix() {
@@ -3522,71 +3606,44 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         }
       }));
     };
+    // 渲染trigger
     var renderSelectTrigger = function renderSelectTrigger() {
-      var _this$$slots7, _this$$slots7$trigger;
+      var _this$$slots11, _this$$slots11$trigge;
       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
-      }, [((_this$$slots7 = _this.$slots) === null || _this$$slots7 === void 0 || (_this$$slots7$trigger = _this$$slots7.trigger) === null || _this$$slots7$trigger === void 0 ? void 0 : _this$$slots7$trigger.call(_this$$slots7, {
+      }, [((_this$$slots11 = _this.$slots) === null || _this$$slots11 === void 0 || (_this$$slots11$trigge = _this$$slots11.trigger) === null || _this$$slots11$trigge === void 0 ? void 0 : _this$$slots11$trigge.call(_this$$slots11, {
         selected: _this.selected
       })) || renderTriggerInput()]);
     };
-    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"
-      }, [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
-      }, 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;
-        }
-      }, 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"
-      }, 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")
-        },
-        "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,
+    // 渲染列表模式
+    var renderList = function renderList() {
+      return _this.isEnableVirtualRender ? (0,external_vue_namespaceObject.createVNode)(virtual_render_namespaceObject["default"], {
+        "ref": "virtualRenderRef",
         "height": _this.virtualHeight,
-        "lineHeight": 32,
-        "ref": "virtualRenderRef"
+        "lineHeight": _this.virtualLineHeight,
+        "list": _this.filterList,
+        "preloadItemCount": _this.preloadItemCount,
+        "scrollbar": {
+          enabled: true,
+          size: 'small'
+        }
       }, {
         "default": function _default(_ref3) {
-          var _this$$slots8, _this$$slots9;
+          var _this$$slots12, _this$$slots13;
           var data = _ref3.data;
-          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);
+          // 兼容以前slots
+          var optionRender = ((_this$$slots12 = _this.$slots) === null || _this$$slots12 === void 0 ? void 0 : _this$$slots12.optionRender) || ((_this$$slots13 = _this.$slots) === null || _this$$slots13 === void 0 ? void 0 : _this$$slots13.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() {
@@ -3597,38 +3654,80 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
             } : null);
           });
         }
-      }) : _this.list.map(function (item) {
-        var _this$$slots10;
+      }) : _this.filterList.map(function (item) {
+        var _this$$slots14, _this$$slots15;
+        // 兼容以前slots
+        var optionRender = ((_this$$slots14 = _this.$slots) === null || _this$$slots14 === void 0 ? void 0 : _this$$slots14.optionRender) || ((_this$$slots15 = _this.$slots) === null || _this$$slots15 === void 0 ? void 0 : _this$$slots15.virtualScrollRender);
         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 ? {
+        }, typeof optionRender === 'function' ? {
           "default": function _default() {
-            var _this$$slots11, _this$$slots11$option;
-            return (_this$$slots11 = _this.$slots) === null || _this$$slots11 === void 0 || (_this$$slots11$option = _this$$slots11.optionRender) === null || _this$$slots11$option === void 0 ? void 0 : _this$$slots11$option.call(_this$$slots11, {
+            return optionRender({
               item: item
             });
           }
         } : null);
-      }), (_this$$slots12 = _this.$slots) === null || _this$$slots12 === void 0 || (_this$$slots12$defaul = _this$$slots12["default"]) === null || _this$$slots12$defaul === void 0 ? void 0 : _this$$slots12$defaul.call(_this$$slots12), _this.scrollLoading && (0,external_vue_namespaceObject.createVNode)("li", {
+      });
+    };
+    // 渲染内容
+    var renderSelectContent = function renderSelectContent() {
+      var _this$$slots16, _this$$slots16$defaul, _this$$slots17, _this$$slots18;
+      return (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, {
+        "width": 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'),
+        "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",
+        "loading": true,
+        "mode": "spin",
+        "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", {
+        "ref": "scrollContainerRef",
+        "style": {
+          maxHeight: "".concat(_this.scrollHeight, "px"),
+          minHeight: "".concat(_this.minHeight, "px")
+        },
+        "class": _this.isEnableVirtualRender ? '' : _this.resolveClassName('select-dropdown'),
+        "onScroll": _this.handleScroll
+      }, [(0,external_vue_namespaceObject.createVNode)("ul", {
+        "class": _this.resolveClassName('select-options')
+      }, [renderSelectAll(), renderList(), (_this$$slots16 = _this.$slots) === null || _this$$slots16 === void 0 || (_this$$slots16$defaul = _this$$slots16["default"]) === null || _this$$slots16$defaul === void 0 ? void 0 : _this$$slots16$defaul.call(_this$$slots16), _this.scrollLoading && (0,external_vue_namespaceObject.createVNode)("li", {
         "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"
-      }, 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", {
+        "size": "mini",
+        "theme": "primary"
+      }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.localLoadingText])])])]), ((_this$$slots17 = _this.$slots) === null || _this$$slots17 === void 0 ? void 0 : _this$$slots17.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()])])]);
+      }, [(_this$$slots18 = _this.$slots) === null || _this$$slots18 === void 0 ? void 0 : _this$$slots18.extension()])])]);
     };
     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,
-      "onAfterShow": this.handlePopoverShow,
-      "ref": "popoverRef"
+      "ref": "popoverRef",
+      "onAfterShow": this.handlePopoverShown,
+      "onClickoutside": this.handleClickOutside
     }), {
       "default": function _default() {
         return renderSelectTrigger();