bkui-vue 2.0.1-beta.10 → 2.0.1-beta.101

package/lib/select/index.js

@@ -17,6 +17,7 @@ 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_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";
@@ -507,7 +508,7 @@ 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
@@ -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)({
@@ -829,6 +832,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     var handleMouseEnter = function handleMouseEnter() {
       select.activeOptionValue = optionID.value;
     };
+    var handleMouseLeave = function handleMouseLeave() {
+      select.activeOptionValue = '';
+    };
     var transformNode = function transformNode(str) {
       var _keyword;
       if (!str) return str;
@@ -860,8 +866,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;
@@ -876,6 +882,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       highlightKeyword: highlightKeyword,
       handleOptionClick: handleOptionClick,
       handleMouseEnter: handleMouseEnter,
+      handleMouseLeave: handleMouseLeave,
       resolveClassName: resolveClassName,
       transformNode: transformNode
     });
@@ -892,7 +899,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("li", {
       "class": selectItemClass,
       "onClick": this.handleOptionClick,
-      "onMouseenter": this.handleMouseEnter
+      "onMouseenter": this.handleMouseEnter,
+      "onMouseleave": this.handleMouseLeave
     }, [this.showSelectedIcon && this.selectedStyle === shared_namespaceObject.SelectedTypeEnum.CHECKBOX && (0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
       "class": this.resolveClassName('select-checkbox'),
       "disabled": this.disabled,
@@ -2292,6 +2300,10 @@ if (core.isSupported() && _56l.shouldPatch(core.genToken)) {
 
 /* harmony default export */ const pinyin = (core);
 
+;// 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
@@ -2340,6 +2352,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
 
 
 
+
 /* harmony default export */ const selectTagInput = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'SelectTagInput',
   directives: {
@@ -2376,7 +2389,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
     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 () {
@@ -2398,6 +2411,9 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
       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);
     };
@@ -2467,6 +2483,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
       handleRemoveTag: handleRemoveTag,
       focus: focus,
       blur: blur,
+      updateModelValue: updateModelValue,
       handleInput: handleInput,
       handleKeydown: handleKeydown,
       resolveClassName: resolveClassName
@@ -2481,8 +2498,8 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
       _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));
@@ -2495,8 +2512,9 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
     }, [(_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"], {
+        "key": item.value,
         "ref": function ref(el) {
           return _this.tagsRefs[index] = el;
         },
@@ -2510,7 +2528,13 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
         }
       }, {
         "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"], {
@@ -2525,7 +2549,8 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
       }
     }), [[(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", {
       "ref": "inputRef",
       "style": inputStyle,
@@ -2537,7 +2562,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
       "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
@@ -2550,7 +2575,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.
@@ -2609,10 +2633,12 @@ 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),
+    allOptionText: shared_namespaceObject.PropTypes.string.def(''),
     allOptionId: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]),
     showSelectAll: shared_namespaceObject.PropTypes.bool.def(false),
     popoverMinWidth: shared_namespaceObject.PropTypes.number.def(0),
@@ -2649,7 +2675,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) {
@@ -2689,7 +2720,13 @@ 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 displayAllText = (0,external_vue_namespaceObject.computed)(function () {
+      return props.allOptionText;
+    });
     var localNoDataText = (0,external_vue_namespaceObject.computed)(function () {
       if (props.noDataText === undefined) {
         return t.value.noData;
@@ -2722,7 +2759,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     });
     var localSelectAllText = (0,external_vue_namespaceObject.computed)(function () {
       if (props.selectAllText === undefined) {
-        return t.value.all;
+        return t.value.selectAll;
       }
       return props.selectAllText;
     });
@@ -2731,8 +2768,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 () {
@@ -2742,12 +2779,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) {
@@ -2771,8 +2809,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);
       });
@@ -2845,12 +2883,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) {
@@ -2906,9 +2954,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);
@@ -2929,10 +2989,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项
@@ -2949,14 +3009,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();
@@ -2990,6 +3053,8 @@ 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;
+      activeOptionValue.value = '';
       emit('search-change', searchValue.value);
     });
     // 派发change事件
@@ -2997,10 +3062,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();
     };
@@ -3041,7 +3108,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           label: value
         }];
         emitChange(value);
-        hidePopover();
+        handleHidePopover();
       }
       customOptionName.value = '';
     };
@@ -3075,6 +3142,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
             return item.value;
           }));
           emit('select', option.optionID);
+          clearMultipleInputValue();
         }
         focusInput();
       } else {
@@ -3083,12 +3151,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;
@@ -3098,8 +3176,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();
@@ -3111,8 +3189,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();
@@ -3123,9 +3201,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 = '';
@@ -3136,22 +3215,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;
@@ -3201,7 +3279,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为对象类型，引用类型变更后，回显不对问题
@@ -3223,7 +3301,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() {
@@ -3236,7 +3314,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)
@@ -3246,9 +3324,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;
       });
@@ -3303,16 +3390,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,
@@ -3331,10 +3411,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,
@@ -3349,8 +3433,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,
@@ -3365,11 +3449,12 @@ 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,
       isAll: isAll,
+      displayAllText: displayAllText,
       focusInput: focusInput,
       setHover: setHover,
       cancelHover: cancelHover,
@@ -3387,19 +3472,26 @@ 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"], {
           "class": "spinner",
@@ -3415,12 +3507,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", {
@@ -3428,9 +3522,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;
     };
     // 全选
@@ -3444,7 +3538,18 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "class": _this.resolveClassName('select-checkbox'),
         "indeterminate": !_this.isAllSelected && !!_this.selected.length && !_this.isAll,
         "modelValue": _this.isAllSelected
-      }, null), _this.t.selectAll]);
+      }, null), _this.localSelectAllText]);
+    };
+    // 全部icon支持自定义
+    var renderAllIcon = function renderAllIcon() {
+      var _this$$slots5, _this$$slots5$allOpti;
+      return ((_this$$slots5 = _this.$slots) === null || _this$$slots5 === void 0 || (_this$$slots5$allOpti = _this$$slots5.allOptionIcon) === null || _this$$slots5$allOpti === void 0 ? void 0 : _this$$slots5$allOpti.call(_this$$slots5)) || (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.TextAll, {
+        "class": "select-all-icon"
+      }, null);
+    };
+    // 全部选项文案支持自定义
+    var renderAllText = function renderAllText() {
+      return (0,external_vue_namespaceObject.createVNode)("span", null, [_this.displayAllText || _this.t.all]);
     };
     // 全部
     var renderAll = function renderAll() {
@@ -3455,14 +3560,13 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       }, [(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])])]);
+      }, [renderAllIcon(), renderAllText()])]);
     };
+    // 默认trigger输入框渲染
     var renderTriggerInput = function renderTriggerInput() {
-      var _this$$slots5;
+      var _this$$slots10;
       if (_this.multipleMode === 'tag') {
-        var _this$$slots3;
+        var _this$$slots6, _this$$slots8;
         return (0,external_vue_namespaceObject.createVNode)(selectTagInput, {
           "ref": "selectTagInputRef",
           "modelValue": _this.customOptionName,
@@ -3480,12 +3584,16 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           "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$$slots6 = _this.$slots) === null || _this$$slots6 === void 0 ? void 0 : _this$$slots6.tag) && function () {
+            var _this$$slots7;
+            return (_this$$slots7 = _this.$slots) === null || _this$$slots7 === void 0 ? void 0 : _this$$slots7.tag({
               selected: _this.selected
             });
           },
+          tagRender: ((_this$$slots8 = _this.$slots) === null || _this$$slots8 === void 0 ? void 0 : _this$$slots8.tagRender) && function (item) {
+            var _this$$slots9;
+            return (_this$$slots9 = _this.$slots) === null || _this$$slots9 === void 0 ? void 0 : _this$$slots9.tagRender(item);
+          },
           suffix: function suffix() {
             return suffixIcon();
           }
@@ -3507,10 +3615,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "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$$slots10 = _this.$slots) === null || _this$$slots10 === void 0 ? void 0 : _this$$slots10.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$$slots11, _this$$slots11$prefix;
+          return (_this$$slots11 = _this.$slots) === null || _this$$slots11 === void 0 || (_this$$slots11$prefix = _this$$slots11.prefix) === null || _this$$slots11$prefix === void 0 ? void 0 : _this$$slots11$prefix.call(_this$$slots11);
         }
       } : null), {}, {
         suffix: function suffix() {
@@ -3518,8 +3626,9 @@ 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$$slots12, _this$$slots12$trigge;
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "ref": "triggerRef",
         "style": {
@@ -3529,12 +3638,62 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "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$$slots12 = _this.$slots) === null || _this$$slots12 === void 0 || (_this$$slots12$trigge = _this$$slots12.trigger) === null || _this$$slots12$trigge === void 0 ? void 0 : _this$$slots12$trigge.call(_this$$slots12, {
         selected: _this.selected
       })) || renderTriggerInput()]);
     };
+    // 渲染列表模式
+    var renderList = function renderList() {
+      return _this.isEnableVirtualRender ? (0,external_vue_namespaceObject.createVNode)(virtual_render_namespaceObject["default"], {
+        "ref": "virtualRenderRef",
+        "height": _this.virtualHeight,
+        "lineHeight": _this.virtualLineHeight,
+        "list": _this.filterList,
+        "preloadItemCount": _this.preloadItemCount,
+        "scrollbar": {
+          enabled: true,
+          size: 'small'
+        }
+      }, {
+        "default": function _default(_ref3) {
+          var _this$$slots13, _this$$slots14;
+          var data = _ref3.data;
+          // 兼容以前slots
+          var optionRender = ((_this$$slots13 = _this.$slots) === null || _this$$slots13 === void 0 ? void 0 : _this$$slots13.optionRender) || ((_this$$slots14 = _this.$slots) === null || _this$$slots14 === void 0 ? void 0 : _this$$slots14.virtualScrollRender);
+          return data.map(function (item) {
+            return (0,external_vue_namespaceObject.createVNode)(src_option, {
+              "id": item[_this.idKey],
+              "key": item[_this.idKey],
+              "name": item[_this.displayKey]
+            }, typeof optionRender === 'function' ? {
+              "default": function _default() {
+                return optionRender({
+                  item: item
+                });
+              }
+            } : null);
+          });
+        }
+      }) : _this.filterList.map(function (item) {
+        var _this$$slots15, _this$$slots16;
+        // 兼容以前slots
+        var optionRender = ((_this$$slots15 = _this.$slots) === null || _this$$slots15 === void 0 ? void 0 : _this$$slots15.optionRender) || ((_this$$slots16 = _this.$slots) === null || _this$$slots16 === void 0 ? void 0 : _this$$slots16.virtualScrollRender);
+        return (0,external_vue_namespaceObject.createVNode)(src_option, {
+          "id": item[_this.idKey],
+          "key": item[_this.idKey],
+          "name": item[_this.displayKey]
+        }, typeof optionRender === 'function' ? {
+          "default": function _default() {
+            return optionRender({
+              item: item
+            });
+          }
+        } : null);
+      });
+    };
+    // 渲染内容
     var renderSelectContent = function renderSelectContent() {
-      var _this$$slots12, _this$$slots12$defaul, _this$$slots13, _this$$slots14;
+      var _this$$slots17, _this$$slots17$defaul, _this$$slots18, _this$$slots19;
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "ref": "contentRef",
         "class": _this.resolveClassName('select-content-wrapper')
@@ -3562,52 +3721,16 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       }, 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")
+          maxHeight: "".concat(_this.scrollHeight, "px"),
+          minHeight: "".concat(_this.minHeight, "px")
         },
-        "class": _this.enableVirtualRender ? '' : _this.resolveClassName('select-dropdown'),
+        "class": _this.isEnableVirtualRender ? '' : _this.resolveClassName('select-dropdown'),
         "onScroll": _this.handleScroll
-      }, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("ul", {
+      }, [(0,external_vue_namespaceObject.createVNode)("ul", {
         "class": _this.resolveClassName('select-options')
-      }, [renderSelectAll(), _this.enableVirtualRender ? (0,external_vue_namespaceObject.createVNode)(virtual_render_namespaceObject["default"], {
-        "ref": "virtualRenderRef",
-        "height": _this.virtualHeight,
-        "lineHeight": 32,
-        "list": _this.virtualList
-      }, {
-        "default": function _default(_ref3) {
-          var _this$$slots8, _this$$slots9;
-          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);
-          return data.map(function (item) {
-            return (0,external_vue_namespaceObject.createVNode)(src_option, {
-              "id": item[_this.idKey],
-              "key": item[_this.idKey],
-              "name": item[_this.displayKey]
-            }, typeof optionRender === 'function' ? {
-              "default": function _default() {
-                return optionRender({
-                  item: item
-                });
-              }
-            } : null);
-          });
-        }
-      }) : _this.list.map(function (item) {
-        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() {
-            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, {
-              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", {
+      }, [renderSelectAll(), renderList(), (_this$$slots17 = _this.$slots) === null || _this$$slots17 === void 0 || (_this$$slots17$defaul = _this$$slots17["default"]) === null || _this$$slots17$defaul === void 0 ? void 0 : _this$$slots17$defaul.call(_this$$slots17), _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",
@@ -3615,15 +3738,15 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "mode": "spin",
         "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", {
+      }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.localLoadingText])])])]), ((_this$$slots18 = _this.$slots) === null || _this$$slots18 === void 0 ? void 0 : _this$$slots18.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$$slots19 = _this.$slots) === null || _this$$slots19 === void 0 ? void 0 : _this$$slots19.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, {
       "ref": "popoverRef",
-      "onAfterShow": this.handlePopoverShow,
+      "onAfterShow": this.handlePopoverShown,
       "onClickoutside": this.handleClickOutside
     }), {
       "default": function _default() {