bkui-vue 2.0.1-beta.70.search.1 → 2.0.1-beta.72

package/lib/scrollbar/process-scroll-diff.d.ts

@@ -0,0 +1 @@
+export default function (i: any, axis: any, diff: any, useScrollingClass?: boolean, forceFireReachEvent?: boolean): void;

package/lib/scrollbar/update-geometry.d.ts

@@ -0,0 +1,8 @@
+import BkScrollbar from '.';
+export type Placement = {
+    left?: number;
+    right?: number;
+    top?: number;
+    bottom?: number;
+};
+export default function (i: BkScrollbar): void;

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;
@@ -495,6 +509,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>;
@@ -578,6 +596,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>;
@@ -587,6 +609,7 @@ declare const BkSearchSelect: {
             onAdd?: (...args: any[]) => any;
             onSelectKey?: (...args: any[]) => any;
         }, {
+            maxHeight: number;
             mode: import("./utils").SearchInputMode;
             conditions: import("./utils").ICommonItem[];
             showInputBefore: boolean;
@@ -618,6 +641,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>;
@@ -684,6 +711,7 @@ declare const BkSearchSelect: {
                 logical: string;
             }>;
         }, {}, {}, {}, {
+            maxHeight: number;
             mode: import("./utils").SearchInputMode;
             conditions: import("./utils").ICommonItem[];
             showInputBefore: boolean;
@@ -884,6 +912,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>;
@@ -967,6 +999,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>;
@@ -976,6 +1012,7 @@ declare const BkSearchSelect: {
         onAdd?: (...args: any[]) => any;
         onSelectKey?: (...args: any[]) => any;
     }, {
+        maxHeight: number;
         mode: import("./utils").SearchInputMode;
         conditions: import("./utils").ICommonItem[];
         showInputBefore: boolean;
@@ -1007,6 +1044,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>;
@@ -1073,6 +1114,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"
@@ -1510,7 +1523,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 
 
-
 /* harmony default export */ const input = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'SearchSelectInput',
   directives: {
@@ -1536,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
@@ -2511,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;
@@ -2584,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() {
@@ -2665,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,
@@ -2740,6 +2766,7 @@ 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,
@@ -2755,7 +2782,8 @@ var SearchSelectProps = {
   },
   maxHeight: {
     type: Number,
-    "default": 120
+    // 默认展示12条，加上列表8px的padding
+    "default": MENU_ITEM_MIN_HEIGHT * 12 + 8
   },
   conditions: {
     type: Array,
@@ -3099,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,
@@ -3120,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,4 +1,5 @@
-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: {
@@ -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;