bkui-vue 2.0.1-beta.67 → 2.0.1-beta.68

package/lib/index.js

@@ -4,5 +4,5 @@ export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
 export * as plugins from './plugins';
-export const version = "2.0.1-beta.67";
+export const version = "2.0.1-beta.68";
 window.__bkui_vue_version__ = version;

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

@@ -55,6 +55,10 @@ declare const BkSearchSelect: {
                 type: import("vue").PropType<import("./utils").SearchInputMode>;
                 default: import("./utils").SearchInputMode;
             };
+            maxHeight: {
+                type: NumberConstructor;
+                default: () => number;
+            };
             getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
             validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
             valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -138,6 +142,10 @@ declare const BkSearchSelect: {
                 type: import("vue").PropType<import("./utils").SearchInputMode>;
                 default: import("./utils").SearchInputMode;
             };
+            maxHeight: {
+                type: NumberConstructor;
+                default: () => number;
+            };
             getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
             validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
             valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -147,6 +155,7 @@ declare const BkSearchSelect: {
             onAdd?: (...args: any[]) => any;
             onSelectKey?: (...args: any[]) => any;
         }, {
+            maxHeight: number;
             mode: import("./utils").SearchInputMode;
             conditions: import("./utils").ICommonItem[];
             showInputBefore: boolean;
@@ -178,6 +187,10 @@ declare const BkSearchSelect: {
                 type: import("vue").PropType<import("./utils").SearchInputMode>;
                 default: import("./utils").SearchInputMode;
             };
+            maxHeight: {
+                type: NumberConstructor;
+                default: () => number;
+            };
             getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
             validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
             valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -244,6 +257,7 @@ declare const BkSearchSelect: {
                 logical: string;
             }>;
         }, {}, {}, {}, {
+            maxHeight: number;
             mode: import("./utils").SearchInputMode;
             conditions: import("./utils").ICommonItem[];
             showInputBefore: boolean;
@@ -489,6 +503,10 @@ declare const BkSearchSelect: {
                 type: import("vue").PropType<import("./utils").SearchInputMode>;
                 default: import("./utils").SearchInputMode;
             };
+            maxHeight: {
+                type: NumberConstructor;
+                default: () => number;
+            };
             getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
             validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
             valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -572,6 +590,10 @@ declare const BkSearchSelect: {
                 type: import("vue").PropType<import("./utils").SearchInputMode>;
                 default: import("./utils").SearchInputMode;
             };
+            maxHeight: {
+                type: NumberConstructor;
+                default: () => number;
+            };
             getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
             validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
             valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -581,6 +603,7 @@ declare const BkSearchSelect: {
             onAdd?: (...args: any[]) => any;
             onSelectKey?: (...args: any[]) => any;
         }, {
+            maxHeight: number;
             mode: import("./utils").SearchInputMode;
             conditions: import("./utils").ICommonItem[];
             showInputBefore: boolean;
@@ -612,6 +635,10 @@ declare const BkSearchSelect: {
                 type: import("vue").PropType<import("./utils").SearchInputMode>;
                 default: import("./utils").SearchInputMode;
             };
+            maxHeight: {
+                type: NumberConstructor;
+                default: () => number;
+            };
             getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
             validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
             valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -678,6 +705,7 @@ declare const BkSearchSelect: {
                 logical: string;
             }>;
         }, {}, {}, {}, {
+            maxHeight: number;
             mode: import("./utils").SearchInputMode;
             conditions: import("./utils").ICommonItem[];
             showInputBefore: boolean;
@@ -878,6 +906,10 @@ declare const BkSearchSelect: {
             type: import("vue").PropType<import("./utils").SearchInputMode>;
             default: import("./utils").SearchInputMode;
         };
+        maxHeight: {
+            type: NumberConstructor;
+            default: () => number;
+        };
         getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
         validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
         valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -961,6 +993,10 @@ declare const BkSearchSelect: {
             type: import("vue").PropType<import("./utils").SearchInputMode>;
             default: import("./utils").SearchInputMode;
         };
+        maxHeight: {
+            type: NumberConstructor;
+            default: () => number;
+        };
         getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
         validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
         valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -970,6 +1006,7 @@ declare const BkSearchSelect: {
         onAdd?: (...args: any[]) => any;
         onSelectKey?: (...args: any[]) => any;
     }, {
+        maxHeight: number;
         mode: import("./utils").SearchInputMode;
         conditions: import("./utils").ICommonItem[];
         showInputBefore: boolean;
@@ -1001,6 +1038,10 @@ declare const BkSearchSelect: {
             type: import("vue").PropType<import("./utils").SearchInputMode>;
             default: import("./utils").SearchInputMode;
         };
+        maxHeight: {
+            type: NumberConstructor;
+            default: () => number;
+        };
         getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
         validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
         valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -1067,6 +1108,7 @@ declare const BkSearchSelect: {
             logical: string;
         }>;
     }, {}, {}, {}, {
+        maxHeight: number;
         mode: import("./utils").SearchInputMode;
         conditions: import("./utils").ICommonItem[];
         showInputBefore: boolean;

package/lib/search-select/index.js

@@ -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"
@@ -1532,6 +1545,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
@@ -2479,6 +2498,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 +2572,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 +2659,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,
@@ -2705,6 +2732,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 +2748,8 @@ var SearchSelectProps = {
   },
   maxHeight: {
     type: Number,
-    "default": 120
+    // 默认展示12条，加上列表8px的padding
+    "default": MENU_ITEM_MIN_HEIGHT * 12 + 8
   },
   conditions: {
     type: Array,
@@ -3017,13 +3046,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 +3068,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

@@ -18,6 +18,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 +100,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 +113,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

@@ -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;

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;

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

@@ -13,6 +13,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    maxHeight: {
+        type: NumberConstructor;
+        default: () => number;
+    };
     conditions: {
         type: PropType<ICommonItem[]>;
         default: () => any[];
@@ -39,6 +43,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>;
@@ -122,6 +130,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>;
@@ -131,6 +143,7 @@ declare const _default: import("vue").DefineComponent<{
         onAdd?: (...args: any[]) => any;
         onSelectKey?: (...args: any[]) => any;
     }, {
+        maxHeight: number;
         mode: SearchInputMode;
         conditions: ICommonItem[];
         showInputBefore: boolean;
@@ -162,6 +175,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>;
@@ -228,6 +245,7 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
     }, {}, {}, {}, {
+        maxHeight: number;
         mode: SearchInputMode;
         conditions: ICommonItem[];
         showInputBefore: boolean;
@@ -254,6 +272,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    maxHeight: {
+        type: NumberConstructor;
+        default: () => number;
+    };
     conditions: {
         type: PropType<ICommonItem[]>;
         default: () => any[];
@@ -265,6 +287,7 @@ declare const _default: import("vue").DefineComponent<{
     onDelete?: (...args: any[]) => any;
     onSelectKey?: (...args: any[]) => any;
 }, {
+    maxHeight: number;
     conditions: ICommonItem[];
     overflowIndex: number;
 }, {}>;

package/lib/select/index.js

@@ -2517,6 +2517,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
         },
         "theme": _this.tagTheme,
         "closable": true,
+        "key": item.value,
         "onClose": function onClose() {
           return _this.handleRemoveTag(item.value);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.1-beta.67",
+  "version": "2.0.1-beta.68",
   "workspaces": [
     "packages/**",
     "scripts/cli",