bkui-vue 2.0.1-beta.72 → 2.0.1-beta.72.fix.1

package/lib/search-select/index.js

@@ -493,7 +493,7 @@ const directives_namespaceObject = directives_x({ ["clickoutside"]: () => __WEBP
 var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var icon_y = x => () => x
 const icon_namespaceObject = icon_x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Close, ["Error"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Error, ["ExclamationCircleShape"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.ExclamationCircleShape, ["Search"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Search });
-;// CONCATENATED MODULE: ../../node_modules/@blueking/fork-resize-detector/esm/index.js
+;// CONCATENATED MODULE: ../../node_modules/resize-detector/esm/index.js
 var raf = null;
 function requestAnimationFrame (callback) {
   if (!raf) {
@@ -559,7 +559,7 @@ function getComputedStyle (elem, prop, pseudo) {
 }
 
 function getRenderInfo (elem) {
-  if (!elem || !document.documentElement.contains(elem)) {
+  if (!document.documentElement.contains(elem)) {
     return {
       detached: true,
       rendered: false
@@ -567,7 +567,7 @@ function getRenderInfo (elem) {
   }
 
   var current = elem;
-  while (current && current !== document) {
+  while (current !== document) {
     if (getComputedStyle(current, 'display') === 'none') {
       return {
         detached: false,
@@ -1308,12 +1308,6 @@ var SelectedItem = /*#__PURE__*/function () {
     logical: {
       type: String,
       "default": SearchLogical.OR
-    },
-    maxHeight: {
-      type: Number,
-      "default": function _default() {
-        return 392;
-      }
     }
   },
   emits: ['selectItem', 'selectCondition', 'footerClick', 'update:logical'],
@@ -1335,11 +1329,6 @@ var SelectedItem = /*#__PURE__*/function () {
       }
       return props.footerBtns;
     });
-    var resolveContentStyles = (0,external_vue_namespaceObject.computed)(function () {
-      return {
-        maxHeight: "".concat(props.maxHeight, "px")
-      };
-    });
     // events
     function handleClick(item) {
       emit('selectItem', item);
@@ -1409,7 +1398,6 @@ var SelectedItem = /*#__PURE__*/function () {
       getSearchNode: getSearchNode,
       localFooterBtns: localFooterBtns,
       resolveClassName: resolveClassName,
-      resolveContentStyles: resolveContentStyles,
       t: t
     };
   },
@@ -1464,7 +1452,6 @@ var SelectedItem = /*#__PURE__*/function () {
       })])]);
     };
     return (0,external_vue_namespaceObject.createVNode)("div", {
-      "style": this.resolveContentStyles,
       "class": this.resolveClassName('search-select-menu')
     }, [!!((_this$conditions = this.conditions) !== null && _this$conditions !== void 0 && _this$conditions.length) && (0,external_vue_namespaceObject.createVNode)("ul", {
       "class": "menu-header"
@@ -1484,9 +1471,6 @@ var SelectedItem = /*#__PURE__*/function () {
 
 
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = input_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function input_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return input_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return input_arrayLikeToArray(o, minLen); }
-function input_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 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; }
@@ -1548,12 +1532,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       type: String,
       "default": SearchInputMode.DEFAULT
     },
-    maxHeight: {
-      type: Number,
-      "default": function _default() {
-        return 392;
-      }
-    },
     getMenuList: Function,
     validateValues: Function,
     valueBehavior: String
@@ -2077,7 +2055,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     function _setMenuList() {
       _setMenuList = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee5() {
         var _props$data, _usingItem$value$sear, _usingItem$value$valu;
-        var list, _usingItem$value14, _keyword$value3, _iterator, _step, item, isMatched, _list, filterList, _iterator2, _step2, child, _list2, _filterList, _iterator3, _step3, _child, hoverItem;
+        var list, _usingItem$value14, _keyword$value3, hoverItem;
         return regenerator_default().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
@@ -2102,79 +2080,51 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
                   list = props.data.filter(function (item) {
                     return !item.isSelected;
                   }).slice();
-                } else {
-                  _iterator = _createForOfIteratorHelper(props.data.filter(function (item) {
-                    return !item.isSelected;
-                  }));
-                  try {
-                    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                      item = _step.value;
-                      isMatched = item.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase());
-                      if (isMatched) {
-                        list.push(item);
-                        filterList = [];
-                        _iterator2 = _createForOfIteratorHelper(item.children || []);
-                        try {
-                          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                            child = _step2.value;
-                            filterList.push(_objectSpread(_objectSpread({}, item), {}, {
-                              realId: item.id,
-                              id: (0,shared_namespaceObject.random)(10),
-                              value: child
-                            }));
-                          }
-                        } catch (err) {
-                          _iterator2.e(err);
-                        } finally {
-                          _iterator2.f();
-                        }
-                        if (!filterList.length && !item.onlyRecommendChildren) {
-                          filterList.push(_objectSpread(_objectSpread({}, item), {}, {
-                            realId: item.id,
-                            id: (0,shared_namespaceObject.random)(10),
-                            value: {
-                              id: keyword.value,
-                              name: keyword.value
-                            }
-                          }));
-                        }
-                        (_list = list).push.apply(_list, filterList);
-                      } else {
-                        _filterList = [];
-                        _iterator3 = _createForOfIteratorHelper(item.children || []);
-                        try {
-                          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-                            _child = _step3.value;
-                            if (_child.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase())) {
-                              _filterList.push(_objectSpread(_objectSpread({}, item), {}, {
-                                realId: item.id,
-                                id: (0,shared_namespaceObject.random)(10),
-                                value: _child
-                              }));
-                            }
-                          }
-                        } catch (err) {
-                          _iterator3.e(err);
-                        } finally {
-                          _iterator3.f();
-                        }
-                        if (!_filterList.length && !item.onlyRecommendChildren) {
-                          _filterList.push(_objectSpread(_objectSpread({}, item), {}, {
-                            value: {
-                              id: keyword.value,
-                              name: keyword.value
-                            }
-                          }));
-                        }
-                        (_list2 = list).push.apply(_list2, _filterList);
+                } else props.data.filter(function (item) {
+                  return !item.isSelected;
+                }).forEach(function (item) {
+                  var isMatched = item.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase());
+                  if (isMatched) {
+                    var _item$children, _list;
+                    list.push(item);
+                    var filterList = [];
+                    (_item$children = item.children) === null || _item$children === void 0 || _item$children.forEach(function (child) {
+                      filterList.push(_objectSpread(_objectSpread({}, item), {}, {
+                        realId: item.id,
+                        id: (0,shared_namespaceObject.random)(10),
+                        value: child
+                      }));
+                    });
+                    !filterList.length && !item.onlyRecommendChildren && filterList.push(_objectSpread(_objectSpread({}, item), {}, {
+                      realId: item.id,
+                      id: (0,shared_namespaceObject.random)(10),
+                      value: {
+                        id: keyword.value,
+                        name: keyword.value
+                      }
+                    }));
+                    (_list = list).push.apply(_list, filterList);
+                  } else {
+                    var _item$children2, _list2;
+                    var _filterList = [];
+                    (_item$children2 = item.children) === null || _item$children2 === void 0 || _item$children2.forEach(function (child) {
+                      if (child.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase())) {
+                        _filterList.push(_objectSpread(_objectSpread({}, item), {}, {
+                          realId: item.id,
+                          id: (0,shared_namespaceObject.random)(10),
+                          value: child
+                        }));
+                      }
+                    });
+                    !_filterList.length && !item.onlyRecommendChildren && _filterList.push(_objectSpread(_objectSpread({}, item), {}, {
+                      value: {
+                        id: keyword.value,
+                        name: keyword.value
                       }
-                    }
-                  } catch (err) {
-                    _iterator.e(err);
-                  } finally {
-                    _iterator.f();
+                    }));
+                    (_list2 = list).push.apply(_list2, _filterList);
                   }
-                }
+                });
               } else if (usingItem.value.type === 'condition') {
                 list = props.conditions;
               } else if (!((_usingItem$value$valu = usingItem.value.values) !== null && _usingItem$value$valu !== void 0 && _usingItem$value$valu.length) || usingItem.value.multiple || props.mode === SearchInputMode.EDIT) {
@@ -2529,7 +2479,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
         "keyword": _this.keyword,
         "list": _this.menuList,
         "logical": (_this$usingItem4 = _this.usingItem) === null || _this$usingItem4 === void 0 ? void 0 : _this$usingItem4.logical,
-        "maxHeight": _this.maxHeight,
         "multiple": !!multiple,
         "selected": (values === null || values === void 0 ? void 0 : values.map(function (item) {
           return item.id;
@@ -2603,12 +2552,6 @@ function selected_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
       type: Number,
       "default": -1
     },
-    maxHeight: {
-      type: Number,
-      "default": function _default() {
-        return 392;
-      }
-    },
     conditions: {
       type: Array,
       "default": function _default() {
@@ -2690,7 +2633,6 @@ function selected_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
         "data": _this.data,
         "defaultUsingItem": _this.copySelectedItem(item),
         "getMenuList": _this.getMenuList,
-        "maxHeight": _this.maxHeight,
         "mode": SearchInputMode.EDIT,
         "showCondition": false,
         "validateValues": _this.validateValues,
@@ -2726,9 +2668,6 @@ function selected_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
 
 function search_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 search_select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? search_select_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : search_select_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function search_select_createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = search_select_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function search_select_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return search_select_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return search_select_arrayLikeToArray(o, minLen); }
-function search_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; }
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -2766,7 +2705,6 @@ function search_select_arrayLikeToArray(arr, len) { if (len == null || len > arr
 var INPUT_PADDING_WIDTH = 40;
 var SELECTED_MARGIN_RIGHT = 6;
 var INPUT_MIN_HEIGHT = 26;
-var MENU_ITEM_MIN_HEIGHT = 32;
 var SearchSelectProps = {
   data: {
     type: Array,
@@ -2782,8 +2720,7 @@ var SearchSelectProps = {
   },
   maxHeight: {
     type: Number,
-    // 默认展示12条，加上列表8px的padding
-    "default": MENU_ITEM_MIN_HEIGHT * 12 + 8
+    "default": 120
   },
   conditions: {
     type: Array,
@@ -2856,24 +2793,13 @@ var SearchSelectProps = {
     (0,external_vue_namespaceObject.watch)(function () {
       return props.data;
     }, function () {
+      var _copyData$value;
       copyData.value = JSON.parse(JSON.stringify(props.data));
-      var _iterator = search_select_createForOfIteratorHelper(copyData.value || []),
-        _step;
-      try {
-        var _loop = function _loop() {
-          var item = _step.value;
-          item.isSelected = props.uniqueSelect && props.modelValue.some(function (set) {
-            return set.id === item.id;
-          });
-        };
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          _loop();
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
+      (_copyData$value = copyData.value) === null || _copyData$value === void 0 || _copyData$value.forEach(function (item) {
+        item.isSelected = props.uniqueSelect && !!props.modelValue.some(function (set) {
+          return set.id === item.id;
+        });
+      });
     }, {
       immediate: true
     });
@@ -2882,84 +2808,50 @@ var SearchSelectProps = {
       return props.modelValue;
     }, function (v) {
       if (!(v !== null && v !== void 0 && v.length)) {
+        var _copyData$value2;
         selectedList.value = [];
-        var _iterator2 = search_select_createForOfIteratorHelper(copyData.value || []),
-          _step2;
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            var item = _step2.value;
-            item.isSelected = false;
-          }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
-        }
+        (_copyData$value2 = copyData.value) === null || _copyData$value2 === void 0 || _copyData$value2.forEach(function (item) {
+          item.isSelected = false;
+        });
         return;
       }
       var list = [];
-      var _iterator3 = search_select_createForOfIteratorHelper(v),
-        _step3;
-      try {
-        var _loop2 = function _loop2() {
-          var item = _step3.value;
-          var selected = selectedList.value.find(function (set) {
-            return set.id === item.id && set.name === item.name;
+      v.forEach(function (item) {
+        var selected = selectedList.value.find(function (set) {
+          return set.id === item.id && set.name === item.name;
+        });
+        if ((selected === null || selected === void 0 ? void 0 : selected.toValueKey()) === JSON.stringify(item)) {
+          selected.values = item.values || [];
+          selected.logical = item.logical || SearchLogical.OR;
+          list.push(selected);
+        } else {
+          var _item$values;
+          var searchItem = props.data.find(function (set) {
+            return set.id === item.id;
           });
-          if ((selected === null || selected === void 0 ? void 0 : selected.toValueKey()) === JSON.stringify(item)) {
-            selected.values = item.values || [];
-            selected.logical = item.logical || SearchLogical.OR;
-            list.push(selected);
-          } else {
-            var _item$values;
-            var searchItem = props.data.find(function (set) {
+          var searchType = 'default';
+          if (!searchItem) {
+            searchItem = props.conditions.find(function (set) {
               return set.id === item.id;
             });
-            var searchType = 'default';
-            if (!searchItem) {
-              searchItem = props.conditions.find(function (set) {
-                return set.id === item.id;
-              });
-              if (searchItem) {
-                searchType = 'condition';
-              }
-            }
-            if (!searchItem && !((_item$values = item.values) !== null && _item$values !== void 0 && _item$values.length)) {
-              searchType = 'text';
-            }
-            var newSelected = new SelectedItem(searchItem || item, searchType);
-            newSelected.values = item.values || [];
-            newSelected.logical = item.logical || SearchLogical.OR;
-            list.push(newSelected);
+            searchItem && (searchType = 'condition');
           }
-        };
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          _loop2();
+          if (!searchItem && !((_item$values = item.values) !== null && _item$values !== void 0 && _item$values.length)) {
+            searchType = 'text';
+          }
+          var newSelected = new SelectedItem(searchItem || item, searchType);
+          newSelected.values = item.values || [];
+          newSelected.logical = item.logical || SearchLogical.OR;
+          list.push(newSelected);
         }
-      } catch (err) {
-        _iterator3.e(err);
-      } finally {
-        _iterator3.f();
-      }
+      });
       selectedList.value = list;
       copyData.value = JSON.parse(JSON.stringify(props.data || []));
-      var _iterator4 = search_select_createForOfIteratorHelper(copyData.value),
-        _step4;
-      try {
-        var _loop3 = function _loop3() {
-          var item = _step4.value;
-          item.isSelected = props.uniqueSelect && !!list.some(function (set) {
-            return set.id === item.id;
-          });
-        };
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-          _loop3();
-        }
-      } catch (err) {
-        _iterator4.e(err);
-      } finally {
-        _iterator4.f();
-      }
+      copyData.value.forEach(function (item) {
+        item.isSelected = props.uniqueSelect && !!list.some(function (set) {
+          return set.id === item.id;
+        });
+      });
     }, {
       immediate: true,
       deep: true
@@ -3064,9 +2956,7 @@ var SearchSelectProps = {
       }));
     }
     function handleInputFocus(v) {
-      if (v) {
-        overflowIndex.value = -1;
-      }
+      v && (overflowIndex.value = -1);
       if (v === false) {
         var _wrapRef$value$queryS;
         (_wrapRef$value$queryS = wrapRef.value.querySelector(".".concat(resolveClassName('search-select-container')))) === null || _wrapRef$value$queryS === void 0 || _wrapRef$value$queryS.scrollTo(0, 0);
@@ -3127,14 +3017,13 @@ var SearchSelectProps = {
       "class": "search-prefix"
     }, [(_this$$slots$prepend = (_this$$slots2 = this.$slots).prepend) === null || _this$$slots$prepend === void 0 ? void 0 : _this$$slots$prepend.call(_this$$slots2)]), (0,external_vue_namespaceObject.createVNode)("div", {
       "style": {
-        'max-height': "".concat(maxHeight, "px")
+        maxHeight: maxHeight
       },
       "class": "search-container"
     }, [(0,external_vue_namespaceObject.createVNode)(selected, {
       "conditions": this.localConditions,
       "data": this.copyData,
       "getMenuList": this.getMenuList,
-      "maxHeight": this.maxHeight,
       "overflowIndex": this.overflowIndex,
       "selectedList": this.selectedList,
       "validateValues": this.validateValues,
@@ -3149,7 +3038,6 @@ var SearchSelectProps = {
       "conditions": this.localConditions,
       "data": this.copyData,
       "getMenuList": this.getMenuList,
-      "maxHeight": this.maxHeight,
       "placeholder": this.placeholder || this.t.pleaseSelect,
       "showCondition": showCondition,
       "showInputBefore": !this.selectedList.length,

package/lib/search-select/input.d.ts

@@ -1,6 +1,5 @@
-import { SearchInputMode, SearchLogical, ValueBehavior, SelectedItem } from './utils';
-import type { GetMenuListFunc, ICommonItem, IMenuFooterItem, ISearchItem, MenuSlotParams, SearchItemType, ValidateValuesFunc } from './utils';
-import type { PropType, Ref, SlotsType } from 'vue';
+import { PropType, Ref, SlotsType } from 'vue';
+import { GetMenuListFunc, ICommonItem, IMenuFooterItem, ISearchItem, MenuSlotParams, SearchInputMode, SearchItemType, SearchLogical, SelectedItem, ValidateValuesFunc, ValueBehavior } from './utils';
 declare const _default: import("vue").DefineComponent<{
     data: {
         type: PropType<ISearchItem[]>;
@@ -19,10 +18,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<SearchInputMode>;
         default: SearchInputMode;
     };
-    maxHeight: {
-        type: NumberConstructor;
-        default: () => number;
-    };
     getMenuList: PropType<GetMenuListFunc>;
     validateValues: PropType<ValidateValuesFunc>;
     valueBehavior: PropType<ValueBehavior>;
@@ -101,10 +96,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<SearchInputMode>;
         default: SearchInputMode;
     };
-    maxHeight: {
-        type: NumberConstructor;
-        default: () => number;
-    };
     getMenuList: PropType<GetMenuListFunc>;
     validateValues: PropType<ValidateValuesFunc>;
     valueBehavior: PropType<ValueBehavior>;
@@ -114,7 +105,6 @@ declare const _default: import("vue").DefineComponent<{
     onAdd?: (...args: any[]) => any;
     onSelectKey?: (...args: any[]) => any;
 }, {
-    maxHeight: number;
     mode: SearchInputMode;
     conditions: ICommonItem[];
     showInputBefore: boolean;

package/lib/search-select/menu.d.ts

@@ -32,10 +32,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<SearchLogical>;
         default: SearchLogical;
     };
-    maxHeight: {
-        type: NumberConstructor;
-        default: () => number;
-    };
 }, {
     handleClick: (item: ICommonItem) => void;
     handleClickCondition: (item: ICommonItem) => void;
@@ -54,9 +50,6 @@ declare const _default: import("vue").DefineComponent<{
         disabled: boolean;
     })[]>;
     resolveClassName: (cls: string) => string;
-    resolveContentStyles: import("vue").ComputedRef<{
-        maxHeight: string;
-    }>;
     t: import("vue").ComputedRef<{
         pleaseSelect: string;
         loading: string;
@@ -99,17 +92,12 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<SearchLogical>;
         default: SearchLogical;
     };
-    maxHeight: {
-        type: NumberConstructor;
-        default: () => number;
-    };
 }>> & {
     onSelectItem?: (...args: any[]) => any;
     onSelectCondition?: (...args: any[]) => any;
     onFooterClick?: (...args: any[]) => any;
     "onUpdate:logical"?: (...args: any[]) => any;
 }, {
-    maxHeight: number;
     multiple: boolean;
     selected: string[];
     logical: SearchLogical;

package/lib/search-select/search-select.css

@@ -497,6 +497,7 @@
 }
 .bk-search-select-menu .menu-content {
   display: flex;
+  max-height: 240px;
   padding: 4px 0;
   margin: 0;
   overflow: auto;

package/lib/search-select/search-select.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ShallowRef, VNode } from 'vue';
+import { PropType, ShallowRef } from 'vue';
 import { type SlotsType } from 'vue';
 import { GetMenuListFunc, ICommonItem, ISearchItem, ISearchValue, MenuSlotParams, SearchItemType, SearchLogical, SelectedItem, ValidateValuesFunc, ValueBehavior } from './utils';
 export declare const SearchSelectProps: {
@@ -87,10 +87,6 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<import("./utils").SearchInputMode>;
             default: import("./utils").SearchInputMode;
         };
-        maxHeight: {
-            type: NumberConstructor;
-            default: () => number;
-        };
         getMenuList: PropType<GetMenuListFunc>;
         validateValues: PropType<ValidateValuesFunc>;
         valueBehavior: PropType<ValueBehavior>;
@@ -174,10 +170,6 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<import("./utils").SearchInputMode>;
             default: import("./utils").SearchInputMode;
         };
-        maxHeight: {
-            type: NumberConstructor;
-            default: () => number;
-        };
         getMenuList: PropType<GetMenuListFunc>;
         validateValues: PropType<ValidateValuesFunc>;
         valueBehavior: PropType<ValueBehavior>;
@@ -187,7 +179,6 @@ declare const _default: import("vue").DefineComponent<{
         onAdd?: (...args: any[]) => any;
         onSelectKey?: (...args: any[]) => any;
     }, {
-        maxHeight: number;
         mode: import("./utils").SearchInputMode;
         conditions: ICommonItem[];
         showInputBefore: boolean;
@@ -219,10 +210,6 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<import("./utils").SearchInputMode>;
             default: import("./utils").SearchInputMode;
         };
-        maxHeight: {
-            type: NumberConstructor;
-            default: () => number;
-        };
         getMenuList: PropType<GetMenuListFunc>;
         validateValues: PropType<ValidateValuesFunc>;
         valueBehavior: PropType<ValueBehavior>;
@@ -289,7 +276,6 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
     }, {}, {}, {}, {
-        maxHeight: number;
         mode: import("./utils").SearchInputMode;
         conditions: ICommonItem[];
         showInputBefore: boolean;
@@ -469,8 +455,8 @@ declare const _default: import("vue").DefineComponent<{
     uniqueSelect: boolean;
 }, SlotsType<{
     menu: MenuSlotParams;
-    prepend: () => VNode;
-    append: () => VNode;
-    validate: () => VNode;
+    prepend: void;
+    append: void;
+    validate: void;
 }>>;
 export default _default;

package/lib/search-select/search-select.less

@@ -324,7 +324,7 @@
 
   .menu-content {
     display: flex;
-    // max-height: 240px;
+    max-height: 240px;
     padding: 4px 0;
     margin: 0;
     overflow: auto;

package/lib/search-select/search-select.variable.css

@@ -887,6 +887,7 @@
 }
 .bk-search-select-menu .menu-content {
   display: flex;
+  max-height: 240px;
   padding: 4px 0;
   margin: 0;
   overflow: auto;