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

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/resize-detector/esm/index.js
+;// CONCATENATED MODULE: ../../node_modules/@blueking/fork-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 (!document.documentElement.contains(elem)) {
+  if (!elem || !document.documentElement.contains(elem)) {
     return {
       detached: true,
       rendered: false
@@ -567,7 +567,7 @@ function getRenderInfo (elem) {
   }
 
   var current = elem;
-  while (current !== document) {
+  while (current && current !== document) {
     if (getComputedStyle(current, 'display') === 'none') {
       return {
         detached: false,
@@ -1308,6 +1308,12 @@ var SelectedItem = /*#__PURE__*/function () {
     logical: {
       type: String,
       "default": SearchLogical.OR
+    },
+    maxHeight: {
+      type: Number,
+      "default": function _default() {
+        return 392;
+      }
     }
   },
   emits: ['selectItem', 'selectCondition', 'footerClick', 'update:logical'],
@@ -1329,6 +1335,11 @@ 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);
@@ -1398,6 +1409,7 @@ var SelectedItem = /*#__PURE__*/function () {
       getSearchNode: getSearchNode,
       localFooterBtns: localFooterBtns,
       resolveClassName: resolveClassName,
+      resolveContentStyles: resolveContentStyles,
       t: t
     };
   },
@@ -1452,6 +1464,7 @@ 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"
@@ -1471,6 +1484,9 @@ 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; }
@@ -1532,6 +1548,12 @@ 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
@@ -2055,7 +2077,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, hoverItem;
+        var list, _usingItem$value14, _keyword$value3, _iterator, _step, item, isMatched, _list, filterList, _iterator2, _step2, child, _list2, _filterList, _iterator3, _step3, _child, hoverItem;
         return regenerator_default().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
@@ -2080,51 +2102,79 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
                   list = props.data.filter(function (item) {
                     return !item.isSelected;
                   }).slice();
-                } 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
+                } 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);
                       }
-                    }));
-                    (_list2 = list).push.apply(_list2, _filterList);
+                    }
+                  } catch (err) {
+                    _iterator.e(err);
+                  } finally {
+                    _iterator.f();
                   }
-                });
+                }
               } 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) {
@@ -2479,6 +2529,7 @@ 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;
@@ -2552,6 +2603,12 @@ 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() {
@@ -2633,6 +2690,7 @@ 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,
@@ -2668,6 +2726,9 @@ 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.
@@ -2705,6 +2766,7 @@ function search_select_objectSpread(e) { for (var r = 1; r < arguments.length; r
 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,
@@ -2720,7 +2782,8 @@ var SearchSelectProps = {
   },
   maxHeight: {
     type: Number,
-    "default": 120
+    // 默认展示12条，加上列表8px的padding
+    "default": MENU_ITEM_MIN_HEIGHT * 12 + 8
   },
   conditions: {
     type: Array,
@@ -2793,13 +2856,24 @@ var SearchSelectProps = {
     (0,external_vue_namespaceObject.watch)(function () {
       return props.data;
     }, function () {
-      var _copyData$value;
       copyData.value = JSON.parse(JSON.stringify(props.data));
-      (_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;
-        });
-      });
+      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();
+      }
     }, {
       immediate: true
     });
@@ -2808,50 +2882,84 @@ var SearchSelectProps = {
       return props.modelValue;
     }, function (v) {
       if (!(v !== null && v !== void 0 && v.length)) {
-        var _copyData$value2;
         selectedList.value = [];
-        (_copyData$value2 = copyData.value) === null || _copyData$value2 === void 0 || _copyData$value2.forEach(function (item) {
-          item.isSelected = false;
-        });
+        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();
+        }
         return;
       }
       var list = [];
-      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;
+      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;
           });
-          var searchType = 'default';
-          if (!searchItem) {
-            searchItem = props.conditions.find(function (set) {
+          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;
             });
-            searchItem && (searchType = 'condition');
-          }
-          if (!searchItem && !((_item$values = item.values) !== null && _item$values !== void 0 && _item$values.length)) {
-            searchType = 'text';
+            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);
           }
-          var newSelected = new SelectedItem(searchItem || item, searchType);
-          newSelected.values = item.values || [];
-          newSelected.logical = item.logical || SearchLogical.OR;
-          list.push(newSelected);
+        };
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          _loop2();
         }
-      });
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
       selectedList.value = list;
       copyData.value = JSON.parse(JSON.stringify(props.data || []));
-      copyData.value.forEach(function (item) {
-        item.isSelected = props.uniqueSelect && !!list.some(function (set) {
-          return set.id === item.id;
-        });
-      });
+      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();
+      }
     }, {
       immediate: true,
       deep: true
@@ -2956,7 +3064,9 @@ var SearchSelectProps = {
       }));
     }
     function handleInputFocus(v) {
-      v && (overflowIndex.value = -1);
+      if (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);
@@ -3017,13 +3127,14 @@ 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": {
-        maxHeight: maxHeight
+        'max-height': "".concat(maxHeight, "px")
       },
       "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,
@@ -3038,6 +3149,7 @@ 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,5 +1,6 @@
-import { PropType, Ref, SlotsType } from 'vue';
-import { GetMenuListFunc, ICommonItem, IMenuFooterItem, ISearchItem, MenuSlotParams, SearchInputMode, SearchItemType, SearchLogical, SelectedItem, ValidateValuesFunc, ValueBehavior } from './utils';
+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';
 declare const _default: import("vue").DefineComponent<{
     data: {
         type: PropType<ISearchItem[]>;
@@ -18,6 +19,10 @@ 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>;
@@ -96,6 +101,10 @@ 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>;
@@ -105,6 +114,7 @@ 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,6 +32,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<SearchLogical>;
         default: SearchLogical;
     };
+    maxHeight: {
+        type: NumberConstructor;
+        default: () => number;
+    };
 }, {
     handleClick: (item: ICommonItem) => void;
     handleClickCondition: (item: ICommonItem) => void;
@@ -50,6 +54,9 @@ 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;
@@ -92,12 +99,17 @@ 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,7 +497,6 @@
 }
 .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 } from 'vue';
+import { PropType, ShallowRef, VNode } 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,6 +87,10 @@ 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>;
@@ -170,6 +174,10 @@ 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>;
@@ -179,6 +187,7 @@ declare const _default: import("vue").DefineComponent<{
         onAdd?: (...args: any[]) => any;
         onSelectKey?: (...args: any[]) => any;
     }, {
+        maxHeight: number;
         mode: import("./utils").SearchInputMode;
         conditions: ICommonItem[];
         showInputBefore: boolean;
@@ -210,6 +219,10 @@ 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>;
@@ -276,6 +289,7 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
     }, {}, {}, {}, {
+        maxHeight: number;
         mode: import("./utils").SearchInputMode;
         conditions: ICommonItem[];
         showInputBefore: boolean;
@@ -455,8 +469,8 @@ declare const _default: import("vue").DefineComponent<{
     uniqueSelect: boolean;
 }, SlotsType<{
     menu: MenuSlotParams;
-    prepend: void;
-    append: void;
-    validate: void;
+    prepend: () => VNode;
+    append: () => VNode;
+    validate: () => VNode;
 }>>;
 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,7 +887,6 @@
 }
 .bk-search-select-menu .menu-content {
   display: flex;
-  max-height: 240px;
   padding: 4px 0;
   margin: 0;
   overflow: auto;