bkui-vue 2.0.1-beta.2 → 2.0.1-beta.20

package/lib/select/index.js

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

package/lib/select/option.d.ts

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

package/lib/select/select.css

@@ -330,9 +330,8 @@
 .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option {
   position: relative;
   display: flex;
-  height: 32px;
+  min-height: 32px;
   padding: 0 12px;
-  line-height: 32px;
   color: #63656e;
   text-align: left;
   cursor: pointer;