@vtx/components 4.0.0-beta.71 → 4.0.0-beta.72

package/lib/utils/transformKeySubmitValue/index.js

@@ -17,12 +17,12 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _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 _arrayLikeToArray(o, minLen); }
 function _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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-/**
- * 判断一个值是否为普通对象（可以被遍历的对象）
- * 暂时还不支持 Set 和 Map 结构
- *
- * @param itemValue - 要检查的值
- * @returns 如果是普通对象返回 true，否则返回 false
+/**
+ * 判断一个值是否为普通对象（可以被遍历的对象）
+ * 暂时还不支持 Set 和 Map 结构
+ *
+ * @param itemValue - 要检查的值
+ * @returns 如果是普通对象返回 true，否则返回 false
  */
 function isPlainObj(itemValue) {
   // 如果不是对象类型，直接返回 false
@@ -47,12 +47,12 @@ function isPlainObj(itemValue) {
   return true;
 }
 
-/**
- * 将点号路径字符串转换为路径数组
- * 例如: 'users.0.name' => ['users', 0, 'name']
- *
- * @param dotPath - 点号分隔的路径字符串
- * @returns 路径数组，数字会被转换为数字类型
+/**
+ * 将点号路径字符串转换为路径数组
+ * 例如: 'users.0.name' => ['users', 0, 'name']
+ *
+ * @param dotPath - 点号分隔的路径字符串
+ * @returns 路径数组，数字会被转换为数字类型
  */
 function parseDotPath(dotPath) {
   return dotPath.split('.').map(function (segment) {
@@ -61,11 +61,11 @@ function parseDotPath(dotPath) {
   });
 }
 
-/**
- * 过滤掉空值的转换配置
- *
- * @param dataFormatMapRaw - 原始转换配置
- * @returns 过滤后的转换配置
+/**
+ * 过滤掉空值的转换配置
+ *
+ * @param dataFormatMapRaw - 原始转换配置
+ * @returns 过滤后的转换配置
  */
 function filterNilTransforms(dataFormatMapRaw) {
   var filtered = {};
@@ -78,11 +78,11 @@ function filterNilTransforms(dataFormatMapRaw) {
   return filtered;
 }
 
-/**
- * 将转换配置分为点号路径格式和传统嵌套对象格式
- *
- * @param dataFormatMapRaw - 原始转换配置
- * @returns 包含两种格式转换配置的对象
+/**
+ * 将转换配置分为点号路径格式和传统嵌套对象格式
+ *
+ * @param dataFormatMapRaw - 原始转换配置
+ * @returns 包含两种格式转换配置的对象
  */
 function separateTransformFormats(dataFormatMapRaw) {
   var dotPathTransforms = {};
@@ -102,12 +102,12 @@ function separateTransformFormats(dataFormatMapRaw) {
   };
 }
 
-/**
- * 处理点号路径格式的转换
- * 例如: 'users.0.name' => 转换 users[0].name 的值
- *
- * @param result - 要转换的数据对象
- * @param dotPathTransforms - 点号路径转换配置
+/**
+ * 处理点号路径格式的转换
+ * 例如: 'users.0.name' => 转换 users[0].name 的值
+ *
+ * @param result - 要转换的数据对象
+ * @param dotPathTransforms - 点号路径转换配置
  */
 function processDotPathTransforms(result, dotPathTransforms) {
   for (var dotPath in dotPathTransforms) {
@@ -150,13 +150,13 @@ function processDotPathTransforms(result, dotPathTransforms) {
   }
 }
 
-/**
- * 在嵌套转换配置中查找转换函数
- *
- * @param currentTransforms - 当前转换配置
- * @param parentsKey - 父级路径
- * @param entityKey - 当前实体键
- * @returns 找到的转换函数或 undefined
+/**
+ * 在嵌套转换配置中查找转换函数
+ *
+ * @param currentTransforms - 当前转换配置
+ * @param parentsKey - 父级路径
+ * @param entityKey - 当前实体键
+ * @returns 找到的转换函数或 undefined
  */
 function findNestedTransformFunction(currentTransforms, parentsKey, entityKey) {
   var nestedTransforms = currentTransforms;
@@ -184,11 +184,11 @@ function findNestedTransformFunction(currentTransforms, parentsKey, entityKey) {
   return undefined;
 }
 
-/**
- * 检查路径是否包含数组索引
- *
- * @param parentsKey - 父级路径数组
- * @returns 如果包含数组索引返回 true
+/**
+ * 检查路径是否包含数组索引
+ *
+ * @param parentsKey - 父级路径数组
+ * @returns 如果包含数组索引返回 true
  */
 function isInArrayPath(parentsKey) {
   return parentsKey.some(function (key) {
@@ -196,14 +196,14 @@ function isInArrayPath(parentsKey) {
   });
 }
 
-/**
- * 递归处理嵌套对象转换（传统格式）
- *
- * @param tempValues - 要处理的值
- * @param parentsKey - 父级路径
- * @param currentTransforms - 当前转换配置
- * @param rootMergeObjects - 存储需要在根级别合并的对象
- * @returns 处理后的结果
+/**
+ * 递归处理嵌套对象转换（传统格式）
+ *
+ * @param tempValues - 要处理的值
+ * @param parentsKey - 父级路径
+ * @param currentTransforms - 当前转换配置
+ * @param rootMergeObjects - 存储需要在根级别合并的对象
+ * @returns 处理后的结果
  */
 function processNestedObjectTransforms(tempValues, parentsKey, currentTransforms, rootMergeObjects) {
   var isArrayValues = Array.isArray(tempValues);
@@ -278,15 +278,15 @@ function processNestedObjectTransforms(tempValues, parentsKey, currentTransforms
   return tempResult;
 }
 
-/**
- * 转换提交值中的键名
- * 支持两种格式的转换配置：
- * 1. 点号路径格式：'users.0.name' => 转换嵌套路径的值
- * 2. 传统嵌套对象格式：{ users: { 0: { name: transformFn } } }
- *
- * @param values - 要转换的值对象
- * @param dataFormatMapRaw - 转换配置映射
- * @returns 转换后的值对象
+/**
+ * 转换提交值中的键名
+ * 支持两种格式的转换配置：
+ * 1. 点号路径格式：'users.0.name' => 转换嵌套路径的值
+ * 2. 传统嵌套对象格式：{ users: { 0: { name: transformFn } } }
+ *
+ * @param values - 要转换的值对象
+ * @param dataFormatMapRaw - 转换配置映射
+ * @returns 转换后的值对象
  */
 var transformKeySubmitValue = exports.transformKeySubmitValue = function transformKeySubmitValue(values, dataFormatMapRaw) {
   // 过滤掉空值的转换配置

package/lib/utils/useEditableArray/index.js

@@ -52,9 +52,9 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } /* eslint-disable react-hooks/exhaustive-deps */
 var noteOnce = _util.warning.noteOnce;
 
-/**
- * 显示警告信息
- * @param messageStr
+/**
+ * 显示警告信息
+ * @param messageStr
  */
 var warning = function warning(messageStr) {
   return _antd.message.warning(messageStr);
@@ -64,11 +64,11 @@ var recordKeyToString = exports.recordKeyToString = function recordKeyToString(r
   return rowKey;
 };
 
-/**
- * 使用map 来删除数据，性能一般 但是准确率比较高
- *
- * @param keyProps
- * @param action
+/**
+ * 使用map 来删除数据，性能一般 但是准确率比较高
+ *
+ * @param keyProps
+ * @param action
  */
 function editableRowByKey(keyProps, action) {
   var _recordKeyToString;
@@ -80,11 +80,11 @@ function editableRowByKey(keyProps, action) {
   var key = (_recordKeyToString = recordKeyToString(keyProps.key)) === null || _recordKeyToString === void 0 ? void 0 : _recordKeyToString.toString();
   var kvMap = new Map();
 
-  /**
-   * 打平这个数组
-   *
-   * @param records
-   * @param parentKey
+  /**
+   * 打平这个数组
+   *
+   * @param records
+   * @param parentKey
    */
   function dig(records, map_row_parentKey, map_row_index) {
     records.forEach(function (record, index) {
@@ -169,10 +169,10 @@ function editableRowByKey(keyProps, action) {
   return fill(kvMap);
 }
 
-/**
- * 保存按钮的dom
- *
- * @param ActionRenderConfig
+/**
+ * 保存按钮的dom
+ *
+ * @param ActionRenderConfig
  */
 function SaveEditableAction(_ref, ref) {
   var recordKey = _ref.recordKey,
@@ -275,10 +275,10 @@ function SaveEditableAction(_ref, ref) {
   }, "save");
 }
 
-/**
- * 删除按钮 dom
- *
- * @param ActionRenderConfig
+/**
+ * 删除按钮 dom
+ *
+ * @param ActionRenderConfig
  */
 var DeleteEditableAction = exports.DeleteEditableAction = function DeleteEditableAction(_ref4) {
   var recordKey = _ref4.recordKey,
@@ -418,17 +418,17 @@ function defaultActionRender(row, config) {
   };
 }
 
-/**
- * 一个方便的hooks 用于维护编辑的状态
- *
- * @param props
+/**
+ * 一个方便的hooks 用于维护编辑的状态
+ *
+ * @param props
  */
 function useEditableArray(props) {
   // Internationalization
   var intl = (0, _vtxProvider.useIntl)();
 
-  /**
-   * 点击开始编辑之前的保存数据用的
+  /**
+   * 点击开始编辑之前的保存数据用的
    */
   var preEditRowRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(undefined),
@@ -516,10 +516,10 @@ function useEditableArray(props) {
     };
   });
 
-  /**
-   * 进入编辑状态
-   *
-   * @param recordKey
+  /**
+   * 进入编辑状态
+   *
+   * @param recordKey
    */
   var startEditable = (0, _.useRefFunction)(function (recordKey, record) {
     var _ref7, _props$dataSource;
@@ -538,10 +538,10 @@ function useEditableArray(props) {
     return true;
   });
 
-  /**
-   * 退出编辑状态
-   *
-   * @param recordKey
+  /**
+   * 退出编辑状态
+   *
+   * @param recordKey
    */
   var cancelEditable = (0, _.useRefFunction)( /*#__PURE__*/function () {
     var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(recordKey, needReTry) {
@@ -647,11 +647,11 @@ function useEditableArray(props) {
       }
     });
   }, [saveRefsMap, editableKeysSet]);
-  /**
-   * 保存编辑行
-   *
-   * @param recordKey
-   * @param needReTry
+  /**
+   * 保存编辑行
+   *
+   * @param recordKey
+   * @param needReTry
    */
   var saveEditable = (0, _.useRefFunction)( /*#__PURE__*/function () {
     var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(recordKey, needReTry) {
@@ -698,12 +698,12 @@ function useEditableArray(props) {
     };
   }());
 
-  /**
-   * 同时只能支持一行,取消之后数据消息，不会触发 dataSource
-   *
-   * @param row
-   * @param options
-   * @name 增加新的行
+  /**
+   * 同时只能支持一行,取消之后数据消息，不会触发 dataSource
+   *
+   * @param row
+   * @param options
+   * @name 增加新的行
    */
   var addEditRecord = (0, _.useRefFunction)(function (row, options) {
     if (options !== null && options !== void 0 && options.parentKey && !dataSourceKeyIndexMapRef.current.has(recordKeyToString(options === null || options === void 0 ? void 0 : options.parentKey).toString())) {

package/lib/utils/useEditableMap/index.js

@@ -25,19 +25,19 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable react-hooks/exhaustive-deps */
-/**
- * 显示警告信息
- * @param messageStr
+/**
+ * 显示警告信息
+ * @param messageStr
  */
 var warning = function warning(messageStr) {
   return _antd.message.warning(messageStr);
 };
 
-/**
- * 使用map 来删除数据，性能一般 但是准确率比较高
- *
- * @param params
- * @param action
+/**
+ * 使用map 来删除数据，性能一般 但是准确率比较高
+ *
+ * @param params
+ * @param action
  */
 function editableRowByKey(_ref) {
   var data = _ref.data,
@@ -45,14 +45,14 @@ function editableRowByKey(_ref) {
   return _objectSpread(_objectSpread({}, data), row);
 }
 
-/**
- * 一个方便的hooks 用于维护编辑的状态
- *
- * @param props
+/**
+ * 一个方便的hooks 用于维护编辑的状态
+ *
+ * @param props
  */
 function useEditableMap(props) {
-  /**
-   * 点击开始编辑之前的保存数据用的
+  /**
+   * 点击开始编辑之前的保存数据用的
    */
   var preEditRowRef = (0, _react.useRef)(null);
   var editableType = props.type || 'single';
@@ -84,10 +84,10 @@ function useEditableMap(props) {
     return false;
   }, [(editableKeys || []).join(',')]);
 
-  /**
-   * 进入编辑状态
-   *
-   * @param recordKey
+  /**
+   * 进入编辑状态
+   *
+   * @param recordKey
    */
   var startEditable = function startEditable(recordKey, recordValue) {
     var _ref2;
@@ -102,10 +102,10 @@ function useEditableMap(props) {
     return true;
   };
 
-  /**
-   * 退出编辑状态
-   *
-   * @param recordKey
+  /**
+   * 退出编辑状态
+   *
+   * @param recordKey
    */
   var cancelEditable = function cancelEditable(recordKey) {
     // 防止多次渲染

package/lib/utils/useMediaQuery/index.js

@@ -44,11 +44,11 @@ var MediaQueryEnum = exports.MediaQueryEnum = {
   }
 };
 
-/**
- * loop query screen className
- * Array.find will throw a error
- * `Rendered more hooks than during the previous render.`
- * So should use Array.forEach
+/**
+ * loop query screen className
+ * Array.find will throw a error
+ * `Rendered more hooks than during the previous render.`
+ * So should use Array.forEach
  */
 var getScreenClassName = exports.getScreenClassName = function getScreenClassName() {
   var queryKey = undefined;

package/lib/vtx-datagrid/Store/Provide.js

@@ -277,15 +277,8 @@ function useContainer() {
     }
   }, [visibleColumnKeys, props.defaultVisibleColumnKeys, tableColumn], ['render'], 100);
   (0, _utils.useDeepCompareEffectDebounce)(function () {
-    var _sortKeyColumns$curre, _props$onVisibleColum;
-    var visibleColumnKeys = [];
-    (_sortKeyColumns$curre = sortKeyColumns.current) === null || _sortKeyColumns$curre === void 0 || _sortKeyColumns$curre.map(function (columnKey) {
-      var config = columnsMap[columnKey];
-      if (config !== null && config !== void 0 && config.show) {
-        visibleColumnKeys.push(columnKey);
-      }
-    });
-    (_props$onVisibleColum = props.onVisibleColumnsChange) === null || _props$onVisibleColum === void 0 || _props$onVisibleColum.call(props, visibleColumnKeys);
+    var _props$onVisibleColum;
+    (_props$onVisibleColum = props.onVisibleColumnsChange) === null || _props$onVisibleColum === void 0 || _props$onVisibleColum.call(props, (0, _columnState.getVisibleColumnKeysFromMap)(columnsMap, sortKeyColumns.current));
   }, [JSON.stringify(columnsMap), sortKeyColumns.current], ['render'], 200);
   var show = function show() {
     setTimeout(function () {

package/lib/vtx-datagrid/ToolBar/components/ColumnSetting/index.js

@@ -379,10 +379,10 @@ function ColumnSetting(props) {
   var checkedColumnKeys = props.checkedColumnKeys,
     onColumnsSave = props.onColumnsSave;
 
-  /**
-   * 设置全部选中，或全部未选中
-   *
-   * @param show
+  /**
+   * 设置全部选中，或全部未选中
+   *
+   * @param show
    */
   var setAllSelectAction = (0, _utils.useRefFunction)(function () {
     var show = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;

package/lib/vtx-datagrid/columnState.js

@@ -9,6 +9,12 @@ exports.getVisibleColumnKeysFromMap = getVisibleColumnKeysFromMap;
 exports.indexColumnKey = void 0;
 var _genColumnKey = require("../utils/genColumnKey");
 var _sortByGivenOrder = require("../utils/sortByGivenOrder");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _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 _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _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; }
 var indexColumnKey = exports.indexColumnKey = '_serialNum';
 function buildColumnKeyMap() {
   var tableColumn = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -66,8 +72,29 @@ function buildSortKeyColumns() {
 function getVisibleColumnKeysFromMap() {
   var columnsMap = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var sortKeyColumns = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return sortKeyColumns.filter(function (columnKey) {
+  var allColumnKeys = Array.from(new Set([].concat(_toConsumableArray(sortKeyColumns), _toConsumableArray(Object.keys(columnsMap)))));
+  var sortIndexMap = new Map(sortKeyColumns.map(function (columnKey, index) {
+    return [columnKey, index];
+  }));
+  return allColumnKeys.filter(function (columnKey) {
     var _columnsMap$columnKey;
     return (_columnsMap$columnKey = columnsMap[columnKey]) === null || _columnsMap$columnKey === void 0 ? void 0 : _columnsMap$columnKey.show;
+  }).sort(function (leftKey, rightKey) {
+    var leftConfig = columnsMap[leftKey] || {};
+    var rightConfig = columnsMap[rightKey] || {};
+    var leftFixed = leftConfig.fixed,
+      leftOrder = leftConfig.order;
+    var rightFixed = rightConfig.fixed,
+      rightOrder = rightConfig.order;
+    if (leftFixed === 'left' && rightFixed !== 'left' || rightFixed === 'right' && leftFixed !== 'right') {
+      return -2;
+    }
+    if (rightFixed === 'left' && leftFixed !== 'left' || leftFixed === 'right' && rightFixed !== 'right') {
+      return 2;
+    }
+    if (leftOrder !== undefined || rightOrder !== undefined) {
+      return (leftOrder !== null && leftOrder !== void 0 ? leftOrder : 0) - (rightOrder !== null && rightOrder !== void 0 ? rightOrder : 0);
+    }
+    return (sortIndexMap.has(leftKey) ? sortIndexMap.get(leftKey) : Number.MAX_SAFE_INTEGER) - (sortIndexMap.has(rightKey) ? sortIndexMap.get(rightKey) : Number.MAX_SAFE_INTEGER);
   });
 }

package/lib/vtx-datagrid/index.js

@@ -68,13 +68,14 @@ function VtxTable(props) {
   var _useSet = (0, _useSet3.default)({
       // 表格id
       datagridId: "vtx-datagrid-".concat(new Date().getTime()),
-      scrollY: 0
+      scrollY: undefined
     }),
     _useSet2 = _slicedToArray(_useSet, 2),
     _useSet2$ = _useSet2[0],
     datagridId = _useSet2$.datagridId,
     scrollY = _useSet2$.scrollY,
     setState = _useSet2[1];
+  var scrollYRef = (0, _react.useRef)(undefined);
   // 列设置提示高度
   var alertHeight = (0, _react.useRef)(0);
   // 工具栏高度
@@ -135,32 +136,49 @@ function VtxTable(props) {
         _headFootHeight = ((pagination === null || pagination === void 0 ? void 0 : pagination.clientHeight) || 0) + 32 + (tableHeader === null || tableHeader === void 0 ? void 0 : tableHeader.clientHeight);
       }
       var bodyHeight = ((_rootDomRef$current = rootDomRef.current) === null || _rootDomRef$current === void 0 ? void 0 : _rootDomRef$current.clientHeight) - _headFootHeight - toolbarHeight.current - alertHeight.current;
+      if (!bodyHeight || bodyHeight <= 0) {
+        return;
+      }
       var bodyDiv = Array.prototype.filter.call(divs, function (dom) {
         return dom.className.includes('ant-table-body') || dom.className.includes('ant-table-content') || dom.className.includes('ant-table-tbody');
       })[0];
       var tablePlaceholder = Array.prototype.filter.call(rootDomRef.current.getElementsByTagName('tr'), function (dom) {
         return dom.className.includes('ant-table-placeholder');
       })[0];
+      if (!bodyDiv) {
+        return;
+      }
+      var tableHeight = ((_bodyDiv$getElementsB = bodyDiv.getElementsByTagName('table')) === null || _bodyDiv$getElementsB === void 0 || (_bodyDiv$getElementsB = _bodyDiv$getElementsB[0]) === null || _bodyDiv$getElementsB === void 0 ? void 0 : _bodyDiv$getElementsB.clientHeight) || 0;
+      var minBodyHeight = Math.max(bodyHeight - (rest.scrollY || 0), 0);
       if (bodyDiv) {
-        bodyDiv.style.minHeight = "".concat(bodyHeight - (rest.scrollY || 0), "px");
+        bodyDiv.style.minHeight = "".concat(minBodyHeight, "px");
       }
-      var tableHeight = (_bodyDiv$getElementsB = bodyDiv.getElementsByTagName('table')) === null || _bodyDiv$getElementsB === void 0 || (_bodyDiv$getElementsB = _bodyDiv$getElementsB[0]) === null || _bodyDiv$getElementsB === void 0 ? void 0 : _bodyDiv$getElementsB.clientHeight;
       if (tablePlaceholder) {
-        tablePlaceholder.style.height = "".concat(bodyHeight - (rest.scrollY || 0) - 48 - 12, "px");
+        var placeholderHeight = Math.max(bodyHeight - (rest.scrollY || 0) - 48 - 12, 0);
+        tablePlaceholder.style.height = "".concat(placeholderHeight, "px");
         var tableCell = Array.prototype.filter.call(tablePlaceholder.getElementsByTagName('td'), function (dom) {
           return dom.className.includes('ant-table-cell');
         })[0];
-        tableCell.style.height = "".concat(bodyHeight - (rest.scrollY || 0) - 48 - 12, "px");
+        if (tableCell) {
+          tableCell.style.height = "".concat(placeholderHeight, "px");
+        }
       }
       // antd6.x 的bug  如果table的高度 没有body 高 则没有滚动条
 
-      setState({
-        scrollY: tableHeight > bodyHeight ? bodyHeight : undefined
-      });
+      var nextScrollY = tableHeight > bodyHeight ? bodyHeight : undefined;
+      if (scrollYRef.current !== nextScrollY) {
+        scrollYRef.current = nextScrollY;
+        setState({
+          scrollY: nextScrollY
+        });
+      }
     }, {
       wait: 350
     }),
     calculateHeight = _useThrottleFn.run;
+  (0, _react.useEffect)(function () {
+    scrollYRef.current = scrollY;
+  }, [scrollY]);
   (0, _react.useEffect)(function () {
     var resizeObserver = new ResizeObserver(function () {
       calculateHeight();