bkui-vue 2.0.1-beta.43 → 2.0.1-beta.45

package/lib/table/index.js

@@ -17775,9 +17775,7 @@ var tableProps = {
   /**
    * 单元格数据为空展示
    */
-  emptyCellText: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.func.def(function () {
-    return '';
-  })]).def(''),
+  emptyCellText: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.func]).def(''),
   /**
    * 判定单元格是否为空
    * 支持数组：判定条件为 arr.some(item => item === cellText)
@@ -21392,7 +21390,9 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
   var scrollContentClass = (0,external_vue_namespaceObject.computed)(function () {
     return defineProperty_defineProperty(defineProperty_defineProperty({}, resolveClassName('table-body-content'), true), resolveClassName('stripe'), props.stripe);
   });
-  var fixedWrapperClass = resolveClassName('table-fixed');
+  var fixedWrapperClass = (0,external_vue_namespaceObject.computed)(function () {
+    return defineProperty_defineProperty(defineProperty_defineProperty({}, resolveClassName('table-fixed'), true), 'has-virtual-scroll', props.virtualEnabled);
+  });
   var fixedBottomRow = resolveClassName('table-fixed-bottom');
   var fixedBottomLoadingStyle = (0,external_vue_namespaceObject.computed)(function () {
     var _props$fixedBottom$po, _props$fixedBottom3, _props$fixedBottom$he2, _props$fixedBottom4;
@@ -21445,7 +21445,7 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
         return [(0,external_vue_namespaceObject.createVNode)("div", {
           "class": resizeColumnClass
         }, null), (0,external_vue_namespaceObject.createVNode)("div", {
-          "class": fixedWrapperClass
+          "class": fixedWrapperClass.value
         }, [fixedRows === null || fixedRows === void 0 ? void 0 : fixedRows()])];
       }
     });
@@ -23259,7 +23259,7 @@ function use_render_isSlot(s) {
   var renderAppendLastRow = function renderAppendLastRow() {
     var rowId = 'append-last-row';
     var rowStyle = [].concat(_toConsumableArray(formatPropAsArray(props.rowStyle, [])), [{
-      '--row-height': "".concat(getRowHeight(null, null), "px")
+      '--row-height': "".concat(getRowHeight(null, null, 'append-last-row'), "px")
     }]);
     if (props.appendLastRow.type === 'default') {
       if (ctx.slots.appendLastRow) {
@@ -23313,9 +23313,13 @@ function use_render_isSlot(s) {
       return result;
     }), renderAppendLastRow()]);
   };
-  var getRowHeight = function getRowHeight(row, rowIndex) {
+  var getRowHeight = function getRowHeight(row, rowIndex, type) {
     if (typeof props.rowHeight === 'function' || /^\d+/.test("".concat(props.rowHeight))) {
-      return resolvePropVal(props, 'rowHeight', ['tbody', row, rowIndex]);
+      return resolvePropVal(props, 'rowHeight', [{
+        index: rowIndex,
+        type: type !== null && type !== void 0 ? type : 'tbody',
+        row: row
+      }]);
     }
     var _settings$options = settings.options,
       size = _settings$options.size,
@@ -24153,6 +24157,79 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
     immediate: true,
     deep: true
   });
+  var getRenderContent = function getRenderContent() {
+    var _slot2;
+    var _ctx$slots$settings, _ctx$slots$settings2, _ctx$slots, _ctx$slots$setting, _ctx$slots2;
+    return (_ctx$slots$settings = (_ctx$slots$settings2 = (_ctx$slots = ctx.slots).settings) === null || _ctx$slots$settings2 === void 0 ? void 0 : _ctx$slots$settings2.call(_ctx$slots)) !== null && _ctx$slots$settings !== void 0 ? _ctx$slots$settings : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)("div", {
+      "class": "setting-head"
+    }, [(0,external_vue_namespaceObject.createVNode)("span", {
+      "class": "head-title"
+    }, [t.value.setting.title]), (0,external_vue_namespaceObject.createVNode)(_namespaceObject.CloseLine, {
+      "class": "icon-close-action",
+      "onClick": handleCancelClick
+    }, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": "setting-body"
+    }, [(0,external_vue_namespaceObject.createVNode)("div", {
+      "class": "setting-body-title"
+    }, [(0,external_vue_namespaceObject.createVNode)("div", null, [(0,external_vue_namespaceObject.createVNode)("span", {
+      "class": "field-setting-label"
+    }, [t.value.setting.fields.title]), isLimit.value ? (0,external_vue_namespaceObject.createVNode)("span", {
+      "class": "limit"
+    }, [t.value.setting.fields.subtitle(options.limit)]) : '']), isLimit.value ? '' : (0,external_vue_namespaceObject.createVNode)("span", {
+      "class": "check-all",
+      "onClick": handleCheckAllClick
+    }, [(0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
+      "indeterminate": Boolean(indeterminate.value),
+      "label": t.value.setting.fields.selectAll,
+      "modelValue": checkedFields.value.length > 0
+    }, {
+      "default": function _default() {
+        return [t.value.setting.fields.selectAll];
+      }
+    })])]), (0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject.BkCheckboxGroup, {
+      "class": "setting-body-fields",
+      "modelValue": checkedFields.value,
+      "onUpdate:modelValue": function onUpdateModelValue($event) {
+        return checkedFields.value = $event;
+      }
+    }, use_settings_isSlot(_slot2 = renderFields.value.map(function (item, index) {
+      var _slot;
+      return (0,external_vue_namespaceObject.createVNode)("div", {
+        "class": "field-item"
+      }, [(0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
+        "checked": checkedFields.value.includes(resolvedColVal(item, index)),
+        "disabled": isItemReadonly(item, index),
+        "label": resolvedColVal(item, index)
+      }, use_settings_isSlot(_slot = resolvePropVal(item, ['name', 'label'], [item, index])) ? _slot : {
+        "default": function _default() {
+          return [_slot];
+        }
+      })]);
+    })) ? _slot2 : {
+      "default": function _default() {
+        return [_slot2];
+      }
+    }), (_ctx$slots$setting = (_ctx$slots2 = ctx.slots).setting) === null || _ctx$slots$setting === void 0 ? void 0 : _ctx$slots$setting.call(_ctx$slots2), showLineHeight.value ? (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": "setting-body-line-height"
+    }, [t.value.setting.lineHeight.title, (0,external_vue_namespaceObject.createTextVNode)("\uFF1A"), renderSize()]) : '']), (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": "setting-footer"
+    }, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+      "style": buttonStyle,
+      "theme": "primary",
+      "onClick": handleSaveClick
+    }, {
+      "default": function _default() {
+        return [t.value.setting.options.ok];
+      }
+    }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+      "style": buttonStyle,
+      "onClick": handleCancelClick
+    }, {
+      "default": function _default() {
+        return [t.value.setting.options.cancel];
+      }
+    })])]);
+  };
   var renderSettings = function renderSettings() {
     var _options$trigger;
     if (!props.settings) {
@@ -24176,79 +24253,9 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
         }, null)]);
       },
       content: function content() {
-        var _ctx$slots$setting, _ctx$slots;
-        var _slot2;
         return (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "setting-content"
-        }, [(0,external_vue_namespaceObject.createVNode)("div", {
-          "class": "setting-head"
-        }, [(0,external_vue_namespaceObject.createVNode)("span", {
-          "class": "head-title"
-        }, [t.value.setting.title]), (0,external_vue_namespaceObject.createVNode)(_namespaceObject.CloseLine, {
-          "class": "icon-close-action",
-          "onClick": handleCancelClick
-        }, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
-          "class": "setting-body"
-        }, [(0,external_vue_namespaceObject.createVNode)("div", {
-          "class": "setting-body-title"
-        }, [(0,external_vue_namespaceObject.createVNode)("div", null, [(0,external_vue_namespaceObject.createVNode)("span", {
-          "class": "field-setting-label"
-        }, [t.value.setting.fields.title]), isLimit.value ? (0,external_vue_namespaceObject.createVNode)("span", {
-          "class": "limit"
-        }, [t.value.setting.fields.subtitle(options.limit)]) : '']), isLimit.value ? '' : (0,external_vue_namespaceObject.createVNode)("span", {
-          "class": "check-all",
-          "onClick": handleCheckAllClick
-        }, [(0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
-          "indeterminate": Boolean(indeterminate.value),
-          "label": t.value.setting.fields.selectAll,
-          "modelValue": checkedFields.value.length > 0
-        }, {
-          "default": function _default() {
-            return [t.value.setting.fields.selectAll];
-          }
-        })])]), (0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject.BkCheckboxGroup, {
-          "class": "setting-body-fields",
-          "modelValue": checkedFields.value,
-          "onUpdate:modelValue": function onUpdateModelValue($event) {
-            return checkedFields.value = $event;
-          }
-        }, use_settings_isSlot(_slot2 = renderFields.value.map(function (item, index) {
-          var _slot;
-          return (0,external_vue_namespaceObject.createVNode)("div", {
-            "class": "field-item"
-          }, [(0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
-            "checked": checkedFields.value.includes(resolvedColVal(item, index)),
-            "disabled": isItemReadonly(item, index),
-            "label": resolvedColVal(item, index)
-          }, use_settings_isSlot(_slot = resolvePropVal(item, ['name', 'label'], [item, index])) ? _slot : {
-            "default": function _default() {
-              return [_slot];
-            }
-          })]);
-        })) ? _slot2 : {
-          "default": function _default() {
-            return [_slot2];
-          }
-        }), (_ctx$slots$setting = (_ctx$slots = ctx.slots).setting) === null || _ctx$slots$setting === void 0 ? void 0 : _ctx$slots$setting.call(_ctx$slots), showLineHeight.value ? (0,external_vue_namespaceObject.createVNode)("div", {
-          "class": "setting-body-line-height"
-        }, [t.value.setting.lineHeight.title, (0,external_vue_namespaceObject.createTextVNode)("\uFF1A"), renderSize()]) : '']), (0,external_vue_namespaceObject.createVNode)("div", {
-          "class": "setting-footer"
-        }, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-          "style": buttonStyle,
-          "theme": "primary",
-          "onClick": handleSaveClick
-        }, {
-          "default": function _default() {
-            return [t.value.setting.options.ok];
-          }
-        }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-          "style": buttonStyle,
-          "onClick": handleCancelClick
-        }, {
-          "default": function _default() {
-            return [t.value.setting.options.cancel];
-          }
-        })])]);
+        }, [getRenderContent()]);
       }
     });
   };
@@ -24321,6 +24328,13 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
       setHeaderRowCount = _useLayout.setHeaderRowCount,
       refBody = _useLayout.refBody,
       refRoot = _useLayout.refRoot;
+    var scrollTo = function scrollTo() {
+      var _refBody$value;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return (_refBody$value = refBody.value) === null || _refBody$value === void 0 ? void 0 : _refBody$value.scrollTo.apply(_refBody$value, args);
+    };
     /**
      * 设置字段结束，展示字段改变，设置表格偏移量为0
      * 避免太长横向滚动导致数据不可见
@@ -24328,8 +24342,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
      */
     var afterSetting = function afterSetting(fields) {
       if ((fields === null || fields === void 0 ? void 0 : fields.length) > 0) {
-        var _refBody$value;
-        (_refBody$value = refBody.value) === null || _refBody$value === void 0 || _refBody$value.scrollTo(0, 0);
+        scrollTo(0, 0);
       }
     };
     var settings = use_settings(props, ctx, columns, afterSetting);
@@ -24434,8 +24447,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
       (0,external_vue_namespaceObject.nextTick)(function () {
         setOffsetRight();
         if (resetScroll) {
-          var _refBody$value2;
-          (_refBody$value2 = refBody.value) === null || _refBody$value2 === void 0 || _refBody$value2.scrollTo(0, 0);
+          scrollTo(0, 0);
         }
       });
     }, 64);
@@ -24443,7 +24455,6 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
     var observerResizingTimer = null;
     use_observer_resize(refRoot, function () {
       if (!observerResizing.value) {
-        var _refBody$value3;
         observerResizing.value = true;
         if ((props.height === '100%' || props.virtualEnabled) && (0,lodash.isElement)(refRoot.value)) {
           if (isResizeBodyHeight.value) {
@@ -24459,7 +24470,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
         }
         computedColumnRect();
         setOffsetRight();
-        (_refBody$value3 = refBody.value) === null || _refBody$value3 === void 0 || _refBody$value3.scrollTo(0, 0);
+        scrollTo(0, 0);
         return;
       }
       observerResizingTimer && clearTimeout(observerResizingTimer);

package/lib/table/table.css

@@ -1303,6 +1303,10 @@
   table-layout: fixed;
   align-self: flex-start;
 }
+.bk-table .bk-table-head table.bk-table-col-resizing th,
+.bk-table .bk-table-body table.bk-table-col-resizing th {
+  cursor: col-resize !important;
+}
 .bk-table .bk-table-head table th,
 .bk-table .bk-table-body table th,
 .bk-table .bk-table-head table td,
@@ -1647,6 +1651,9 @@
   pointer-events: none;
   transform: translate(var(--translate-x), var(--translate-y));
 }
+.bk-table .bk-table-fixed.has-virtual-scroll {
+  transform: translate(var(--translate-x), 0);
+}
 .bk-table .bk-table-fixed .column_fixed_right {
   box-shadow: var(--shadow-right);
 }

package/lib/table/table.less

@@ -103,6 +103,12 @@
       table-layout: fixed;
       align-self: flex-start;
 
+      &.@{bk-prefix}-table-col-resizing {
+        th {
+          cursor: col-resize !important;
+        }
+      }
+
       th,
       td {
         height: var(--row-height);
@@ -506,6 +512,10 @@
     pointer-events: none;
     transform: translate(var(--translate-x), var(--translate-y));
 
+    &.has-virtual-scroll {
+      transform: translate(var(--translate-x), 0);
+    }
+
     .column_fixed_right {
       box-shadow: var(--shadow-right);
     }

package/lib/table/table.variable.css

@@ -1693,6 +1693,10 @@
   table-layout: fixed;
   align-self: flex-start;
 }
+.bk-table .bk-table-head table.bk-table-col-resizing th,
+.bk-table .bk-table-body table.bk-table-col-resizing th {
+  cursor: col-resize !important;
+}
 .bk-table .bk-table-head table th,
 .bk-table .bk-table-body table th,
 .bk-table .bk-table-head table td,
@@ -2037,6 +2041,9 @@
   pointer-events: none;
   transform: translate(var(--translate-x), var(--translate-y));
 }
+.bk-table .bk-table-fixed.has-virtual-scroll {
+  transform: translate(var(--translate-x), 0);
+}
 .bk-table .bk-table-fixed .column_fixed_right {
   box-shadow: var(--shadow-right);
 }

package/lib/table/utils.d.ts

@@ -106,10 +106,10 @@ export declare const getColumnClass: (column: Column, colIndex?: number, uuid?:
 };
 export declare const getElementTextWidth: (element: HTMLElement, text?: string) => any;
 export declare const isColumnHidden: (settingFields: any, column: any, checked: any) => boolean;
-export declare const resolveColumnSpan: (column: Column, colIndex: number, row: Record<string, unknown>, rowIndex: number, key: string) => any;
+export declare const resolveColumnSpan: (column: Column, colIndex: number, row: Record<string, unknown>, rowIndex: number, key: string) => number;
 export declare const resolveCellSpan: (column: Column, colIndex: number, row: Record<string, unknown>, rowIndex: number) => {
-    colspan: any;
-    rowspan: any;
+    colspan: number;
+    rowspan: number;
 };
 export declare const skipThisColumn: (columns: Column[], colIndex: number, row: Record<string, unknown>, rowIndex: number) => number | false;
 export declare const getSortFn: (column: any, sortType: any, format?: any[]) => ((_a: any, _b: any) => boolean) | ((a: Record<string, unknown>, b: Record<string, unknown>, index0: number, index1: number) => number);

package/lib/table-column/index.js

@@ -17750,9 +17750,7 @@ var tableProps = {
   /**
    * 单元格数据为空展示
    */
-  emptyCellText: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.func.def(function () {
-    return '';
-  })]).def(''),
+  emptyCellText: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.func]).def(''),
   /**
    * 判定单元格是否为空
    * 支持数组：判定条件为 arr.some(item => item === cellText)

package/lib/tree/index.js

@@ -18319,10 +18319,11 @@ var getNodeItemStyle = function getNodeItemStyle(item, props, flatData) {
   var schema = flatData.schema;
   var depth = (_schema$get = schema.get(item)) === null || _schema$get === void 0 ? void 0 : _schema$get[NODE_ATTRIBUTES.DEPTH];
   if (showTree) {
+    var args = ['node'];
     return _objectSpread({
       '--depth': depth
     }, typeof props.levelLine === 'function' ? {
-      '--level-line': getPropsOneOfBoolValueWithDefault(props, 'levelLine', item, DEFAULT_LEVLE_LINE, null, ['node'])
+      '--level-line': getPropsOneOfBoolValueWithDefault(props, 'levelLine', item, DEFAULT_LEVLE_LINE, null, args)
     } : {});
   }
   return {};

package/lib/virtual-render/index.js

@@ -17711,9 +17711,14 @@ function getMatchedIndex(maxCount, maxHeight, groupItemCount, callback) {
   var diffHeight = 0;
   var lastHeight = 0;
   for (; startIndex < maxCount; startIndex++) {
-    lastHeight = callback(startIndex, [startIndex * groupItemCount, (startIndex + 1) * groupItemCount, 'virtual']);
+    lastHeight = callback({
+      index: startIndex,
+      items: [startIndex * groupItemCount, (startIndex + 1) * groupItemCount],
+      type: 'virtual'
+    });
     if (height + lastHeight > maxHeight) {
       diffHeight = maxHeight - height;
+      startIndex = startIndex + Math.round(diffHeight / lastHeight);
       break;
     }
     height += lastHeight;
@@ -18083,6 +18088,7 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
     var listLength = (0,external_vue_namespaceObject.ref)(0);
     /** 实际高度，根据行高和总行数计算出来的实际高度 */
     var innerHeight = (0,external_vue_namespaceObject.ref)(0);
+    var contentHeight = (0,external_vue_namespaceObject.ref)(0);
     var virtualRoot = (0,external_vue_namespaceObject.ref)(null);
     var _useScrollbar = use_scrollbar(props),
       init = _useScrollbar.init,
@@ -18101,6 +18107,30 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
       groupItemCount: props.groupItemCount
     });
     var calcList = (0,external_vue_namespaceObject.ref)([]);
+    var getLastPageIndex = function getLastPageIndex() {
+      // @ts-ignore
+      var elHeight = virtualRoot.value.offsetHeight;
+      var startIndex = listLength.value;
+      var rowsHeight = 0;
+      var lastHeight = 0;
+      var diffHeight = 0;
+      for (; startIndex > 0; startIndex--) {
+        lastHeight = props.lineHeight({
+          index: startIndex,
+          items: [startIndex, startIndex * props.groupItemCount],
+          type: 'virtual'
+        });
+        rowsHeight = rowsHeight + lastHeight;
+        if (rowsHeight > elHeight) {
+          diffHeight = rowsHeight - elHeight;
+          break;
+        }
+      }
+      return {
+        diffHeight: diffHeight,
+        startIndex: startIndex
+      };
+    };
     /** 指令触发Scroll事件，计算当前startIndex & endIndex & scrollTop & translateY */
     var handleScrollCallback = function handleScrollCallback(event, startIndex, endIndex, scrollTop, translateY, scrollLeft, pos) {
       var translateX = scrollLeft;
@@ -18118,13 +18148,17 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
       var total = localList.value.length;
       if (total < end) {
         end = total;
-        start = end - Math.floor(refRoot.value.offsetHeight / props.lineHeight);
-        start = start < 0 ? 0 : start;
-      }
-      if (end > total) {
-        end = total;
-        start = end - Math.floor(refRoot.value.offsetHeight / props.lineHeight);
+        if (typeof props.lineHeight === 'function') {
+          start = getLastPageIndex().startIndex;
+        } else {
+          start = end - Math.floor(refRoot.value.offsetHeight / props.lineHeight);
+          start = start < 0 ? 0 : start;
+        }
       }
+      // if (end > total) {
+      //   end = total;
+      //   start = end - Math.floor(refRoot.value.offsetHeight / props.lineHeight);
+      // }
       var value = localList.value.slice(start, end);
       calcList.value = value;
       if (event) {
@@ -18172,7 +18206,11 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
           innerHeight.value = 0;
           var fnValue = 0;
           for (var i = 0; i < listLength.value; i++) {
-            var fnVal = props.lineHeight.call(_this, i, list.slice(i * props.groupItemCount, props.groupItemCount));
+            var fnVal = props.lineHeight.apply(_this, [{
+              index: i,
+              type: 'virtual',
+              items: [i * props.groupItemCount, props.groupItemCount]
+            }]);
             fnValue += typeof fnVal === 'number' ? fnVal : 0;
           }
           innerHeight.value = fnValue;
@@ -18182,6 +18220,7 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
       } else {
         innerHeight.value = props.abosuteHeight;
       }
+      setContentHeight();
     };
     /** 列表数据重置之后的处理事项 */
     var afterListDataReset = function afterListDataReset() {
@@ -18220,9 +18259,9 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
         minHeight: props.minHeight ? "".concat(props.minHeight, "px") : false
       }, props.scrollPosition === 'container' ? innerContentStyle.value : {}), props.wrapperStyle);
     });
-    var contentHeight = (0,external_vue_namespaceObject.computed)(function () {
-      return innerHeight.value < props.minHeight ? props.minHeight : innerHeight.value;
-    });
+    var setContentHeight = function setContentHeight() {
+      contentHeight.value = innerHeight.value < props.minHeight ? props.minHeight : innerHeight.value;
+    };
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     /** 外层样式列表 */
@@ -18247,7 +18286,7 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
     var _useFixTop = use_fix_top(props, scrollTo),
       fixToTop = _useFixTop.fixToTop;
     (0,external_vue_namespaceObject.watch)(function () {
-      return [contentHeight.value, props.list];
+      return [props.list];
     }, function () {
       var _instance3;
       (_instance3 = instance) === null || _instance3 === void 0 || _instance3.setBinding(binding);

package/lib/virtual-render/v-virtual-render.d.ts

@@ -1,4 +1,8 @@
-export declare function getMatchedIndex(maxCount: number, maxHeight: number, groupItemCount: number, callback: (index: number, items: (number | string)[]) => 0): {
+export declare function getMatchedIndex(maxCount: number, maxHeight: number, groupItemCount: number, callback: (agrs: {
+    index: number;
+    items: number[];
+    type: string;
+}) => 0): {
     startIndex: number;
     height: number;
     diffHeight: number;

package/package.json

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