@gobolt/genesis 0.3.9 → 0.3.11

package/dist/node_modules/rc-table/es/Body/BodyRow.cjs

@@ -31,7 +31,10 @@ function _interopNamespaceDefault(e) {
 }
 var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 function getCellProps(rowInfo, column, colIndex, indent, index2) {
-  var record = rowInfo.record, prefixCls = rowInfo.prefixCls, columnsKey = rowInfo.columnsKey, fixedInfoList = rowInfo.fixedInfoList, expandIconColumnIndex = rowInfo.expandIconColumnIndex, nestExpandable = rowInfo.nestExpandable, indentSize = rowInfo.indentSize, expandIcon = rowInfo.expandIcon, expanded = rowInfo.expanded, hasNestChildren = rowInfo.hasNestChildren, onTriggerExpand = rowInfo.onTriggerExpand;
+  var _column$onCell;
+  var rowKeys = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : [];
+  var expandedRowOffset = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : 0;
+  var record = rowInfo.record, prefixCls = rowInfo.prefixCls, columnsKey = rowInfo.columnsKey, fixedInfoList = rowInfo.fixedInfoList, expandIconColumnIndex = rowInfo.expandIconColumnIndex, nestExpandable = rowInfo.nestExpandable, indentSize = rowInfo.indentSize, expandIcon = rowInfo.expandIcon, expanded = rowInfo.expanded, hasNestChildren = rowInfo.hasNestChildren, onTriggerExpand = rowInfo.onTriggerExpand, expandable = rowInfo.expandable, expandedKeys = rowInfo.expandedKeys;
   var key = columnsKey[colIndex];
   var fixedInfo = fixedInfoList[colIndex];
   var appendCellNode;
@@ -49,22 +52,32 @@ function getCellProps(rowInfo, column, colIndex, indent, index2) {
       onExpand: onTriggerExpand
     }));
   }
-  var additionalCellProps;
-  if (column.onCell) {
-    additionalCellProps = column.onCell(record, index2);
+  var additionalCellProps = ((_column$onCell = column.onCell) === null || _column$onCell === void 0 ? void 0 : _column$onCell.call(column, record, index2)) || {};
+  if (expandedRowOffset) {
+    var _additionalCellProps$ = additionalCellProps.rowSpan, rowSpan = _additionalCellProps$ === void 0 ? 1 : _additionalCellProps$;
+    if (expandable && rowSpan && colIndex < expandedRowOffset) {
+      var currentRowSpan = rowSpan;
+      for (var i = index2; i < index2 + rowSpan; i += 1) {
+        var rowKey = rowKeys[i];
+        if (expandedKeys.has(rowKey)) {
+          currentRowSpan += 1;
+        }
+      }
+      additionalCellProps.rowSpan = currentRowSpan;
+    }
   }
   return {
     key,
     fixedInfo,
     appendCellNode,
-    additionalCellProps: additionalCellProps || {}
+    additionalCellProps
   };
 }
 function BodyRow(props) {
   if (process.env.NODE_ENV !== "production") {
     useRenderTimes.default(props);
   }
-  var className = props.className, style = props.style, record = props.record, index$2 = props.index, renderIndex = props.renderIndex, rowKey = props.rowKey, _props$indent = props.indent, indent = _props$indent === void 0 ? 0 : _props$indent, RowComponent = props.rowComponent, cellComponent = props.cellComponent, scopeCellComponent = props.scopeCellComponent;
+  var className = props.className, style = props.style, record = props.record, index$2 = props.index, renderIndex = props.renderIndex, rowKey = props.rowKey, rowKeys = props.rowKeys, _props$indent = props.indent, indent = _props$indent === void 0 ? 0 : _props$indent, RowComponent = props.rowComponent, cellComponent = props.cellComponent, scopeCellComponent = props.scopeCellComponent, expandedRowInfo = props.expandedRowInfo;
   var rowInfo = useRowInfo(record, rowKey, index$2, indent);
   var prefixCls = rowInfo.prefixCls, flattenColumns = rowInfo.flattenColumns, expandedRowClassName = rowInfo.expandedRowClassName, expandedRowRender = rowInfo.expandedRowRender, rowProps = rowInfo.rowProps, expanded = rowInfo.expanded, rowSupportExpand = rowInfo.rowSupportExpand;
   var expandedRef = React__namespace.useRef(false);
@@ -79,7 +92,7 @@ function BodyRow(props) {
     style: objectSpread2(objectSpread2({}, style), rowProps === null || rowProps === void 0 ? void 0 : rowProps.style)
   }), flattenColumns.map(function(column, colIndex) {
     var render = column.render, dataIndex = column.dataIndex, columnClassName = column.className;
-    var _getCellProps = getCellProps(rowInfo, column, colIndex, indent, index$2), key = _getCellProps.key, fixedInfo = _getCellProps.fixedInfo, appendCellNode = _getCellProps.appendCellNode, additionalCellProps = _getCellProps.additionalCellProps;
+    var _getCellProps = getCellProps(rowInfo, column, colIndex, indent, index$2, rowKeys, expandedRowInfo === null || expandedRowInfo === void 0 ? void 0 : expandedRowInfo.offset), key = _getCellProps.key, fixedInfo = _getCellProps.fixedInfo, appendCellNode = _getCellProps.appendCellNode, additionalCellProps = _getCellProps.additionalCellProps;
     return /* @__PURE__ */ React__namespace.createElement(index$1, _extends({
       className: columnClassName,
       ellipsis: column.ellipsis,
@@ -108,7 +121,8 @@ function BodyRow(props) {
       prefixCls,
       component: RowComponent,
       cellComponent,
-      colSpan: flattenColumns.length,
+      colSpan: expandedRowInfo ? expandedRowInfo.colSpan : flattenColumns.length,
+      stickyOffset: expandedRowInfo === null || expandedRowInfo === void 0 ? void 0 : expandedRowInfo.sticky,
       isEmpty: false
     }, expandContent);
   }

package/dist/node_modules/rc-table/es/Body/BodyRow.js

@@ -10,7 +10,10 @@ import useRowInfo from "../hooks/useRowInfo.js";
 import ExpandedRow from "./ExpandedRow.js";
 import { computedExpandedClassName } from "../utils/expandUtil.js";
 function getCellProps(rowInfo, column, colIndex, indent, index) {
-  var record = rowInfo.record, prefixCls = rowInfo.prefixCls, columnsKey = rowInfo.columnsKey, fixedInfoList = rowInfo.fixedInfoList, expandIconColumnIndex = rowInfo.expandIconColumnIndex, nestExpandable = rowInfo.nestExpandable, indentSize = rowInfo.indentSize, expandIcon = rowInfo.expandIcon, expanded = rowInfo.expanded, hasNestChildren = rowInfo.hasNestChildren, onTriggerExpand = rowInfo.onTriggerExpand;
+  var _column$onCell;
+  var rowKeys = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : [];
+  var expandedRowOffset = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : 0;
+  var record = rowInfo.record, prefixCls = rowInfo.prefixCls, columnsKey = rowInfo.columnsKey, fixedInfoList = rowInfo.fixedInfoList, expandIconColumnIndex = rowInfo.expandIconColumnIndex, nestExpandable = rowInfo.nestExpandable, indentSize = rowInfo.indentSize, expandIcon = rowInfo.expandIcon, expanded = rowInfo.expanded, hasNestChildren = rowInfo.hasNestChildren, onTriggerExpand = rowInfo.onTriggerExpand, expandable = rowInfo.expandable, expandedKeys = rowInfo.expandedKeys;
   var key = columnsKey[colIndex];
   var fixedInfo = fixedInfoList[colIndex];
   var appendCellNode;
@@ -28,22 +31,32 @@ function getCellProps(rowInfo, column, colIndex, indent, index) {
       onExpand: onTriggerExpand
     }));
   }
-  var additionalCellProps;
-  if (column.onCell) {
-    additionalCellProps = column.onCell(record, index);
+  var additionalCellProps = ((_column$onCell = column.onCell) === null || _column$onCell === void 0 ? void 0 : _column$onCell.call(column, record, index)) || {};
+  if (expandedRowOffset) {
+    var _additionalCellProps$ = additionalCellProps.rowSpan, rowSpan = _additionalCellProps$ === void 0 ? 1 : _additionalCellProps$;
+    if (expandable && rowSpan && colIndex < expandedRowOffset) {
+      var currentRowSpan = rowSpan;
+      for (var i = index; i < index + rowSpan; i += 1) {
+        var rowKey = rowKeys[i];
+        if (expandedKeys.has(rowKey)) {
+          currentRowSpan += 1;
+        }
+      }
+      additionalCellProps.rowSpan = currentRowSpan;
+    }
   }
   return {
     key,
     fixedInfo,
     appendCellNode,
-    additionalCellProps: additionalCellProps || {}
+    additionalCellProps
   };
 }
 function BodyRow(props) {
   if (process.env.NODE_ENV !== "production") {
     devRenderTimes(props);
   }
-  var className = props.className, style = props.style, record = props.record, index = props.index, renderIndex = props.renderIndex, rowKey = props.rowKey, _props$indent = props.indent, indent = _props$indent === void 0 ? 0 : _props$indent, RowComponent = props.rowComponent, cellComponent = props.cellComponent, scopeCellComponent = props.scopeCellComponent;
+  var className = props.className, style = props.style, record = props.record, index = props.index, renderIndex = props.renderIndex, rowKey = props.rowKey, rowKeys = props.rowKeys, _props$indent = props.indent, indent = _props$indent === void 0 ? 0 : _props$indent, RowComponent = props.rowComponent, cellComponent = props.cellComponent, scopeCellComponent = props.scopeCellComponent, expandedRowInfo = props.expandedRowInfo;
   var rowInfo = useRowInfo(record, rowKey, index, indent);
   var prefixCls = rowInfo.prefixCls, flattenColumns = rowInfo.flattenColumns, expandedRowClassName = rowInfo.expandedRowClassName, expandedRowRender = rowInfo.expandedRowRender, rowProps = rowInfo.rowProps, expanded = rowInfo.expanded, rowSupportExpand = rowInfo.rowSupportExpand;
   var expandedRef = React.useRef(false);
@@ -58,7 +71,7 @@ function BodyRow(props) {
     style: _objectSpread2(_objectSpread2({}, style), rowProps === null || rowProps === void 0 ? void 0 : rowProps.style)
   }), flattenColumns.map(function(column, colIndex) {
     var render = column.render, dataIndex = column.dataIndex, columnClassName = column.className;
-    var _getCellProps = getCellProps(rowInfo, column, colIndex, indent, index), key = _getCellProps.key, fixedInfo = _getCellProps.fixedInfo, appendCellNode = _getCellProps.appendCellNode, additionalCellProps = _getCellProps.additionalCellProps;
+    var _getCellProps = getCellProps(rowInfo, column, colIndex, indent, index, rowKeys, expandedRowInfo === null || expandedRowInfo === void 0 ? void 0 : expandedRowInfo.offset), key = _getCellProps.key, fixedInfo = _getCellProps.fixedInfo, appendCellNode = _getCellProps.appendCellNode, additionalCellProps = _getCellProps.additionalCellProps;
     return /* @__PURE__ */ React.createElement(Cell, _extends({
       className: columnClassName,
       ellipsis: column.ellipsis,
@@ -87,7 +100,8 @@ function BodyRow(props) {
       prefixCls,
       component: RowComponent,
       cellComponent,
-      colSpan: flattenColumns.length,
+      colSpan: expandedRowInfo ? expandedRowInfo.colSpan : flattenColumns.length,
+      stickyOffset: expandedRowInfo === null || expandedRowInfo === void 0 ? void 0 : expandedRowInfo.sticky,
       isEmpty: false
     }, expandContent);
   }

package/dist/node_modules/rc-table/es/Body/ExpandedRow.cjs

@@ -28,15 +28,15 @@ function ExpandedRow(props) {
   if (process.env.NODE_ENV !== "production") {
     useRenderTimes.default(props);
   }
-  var prefixCls = props.prefixCls, children = props.children, Component = props.component, cellComponent = props.cellComponent, className = props.className, expanded = props.expanded, colSpan = props.colSpan, isEmpty = props.isEmpty;
+  var prefixCls = props.prefixCls, children = props.children, Component = props.component, cellComponent = props.cellComponent, className = props.className, expanded = props.expanded, colSpan = props.colSpan, isEmpty = props.isEmpty, _props$stickyOffset = props.stickyOffset, stickyOffset = _props$stickyOffset === void 0 ? 0 : _props$stickyOffset;
   var _useContext = context.useContext(TableContext.default, ["scrollbarSize", "fixHeader", "fixColumn", "componentWidth", "horizonScroll"]), scrollbarSize = _useContext.scrollbarSize, fixHeader = _useContext.fixHeader, fixColumn = _useContext.fixColumn, componentWidth = _useContext.componentWidth, horizonScroll = _useContext.horizonScroll;
   var contentNode = children;
   if (isEmpty ? horizonScroll && componentWidth : fixColumn) {
     contentNode = /* @__PURE__ */ React__namespace.createElement("div", {
       style: {
-        width: componentWidth - (fixHeader && !isEmpty ? scrollbarSize : 0),
+        width: componentWidth - stickyOffset - (fixHeader && !isEmpty ? scrollbarSize : 0),
         position: "sticky",
-        left: 0,
+        left: stickyOffset,
         overflow: "hidden"
       },
       className: "".concat(prefixCls, "-expanded-row-fixed")

package/dist/node_modules/rc-table/es/Body/ExpandedRow.js

@@ -8,15 +8,15 @@ function ExpandedRow(props) {
   if (process.env.NODE_ENV !== "production") {
     devRenderTimes(props);
   }
-  var prefixCls = props.prefixCls, children = props.children, Component = props.component, cellComponent = props.cellComponent, className = props.className, expanded = props.expanded, colSpan = props.colSpan, isEmpty = props.isEmpty;
+  var prefixCls = props.prefixCls, children = props.children, Component = props.component, cellComponent = props.cellComponent, className = props.className, expanded = props.expanded, colSpan = props.colSpan, isEmpty = props.isEmpty, _props$stickyOffset = props.stickyOffset, stickyOffset = _props$stickyOffset === void 0 ? 0 : _props$stickyOffset;
   var _useContext = useContext(TableContext, ["scrollbarSize", "fixHeader", "fixColumn", "componentWidth", "horizonScroll"]), scrollbarSize = _useContext.scrollbarSize, fixHeader = _useContext.fixHeader, fixColumn = _useContext.fixColumn, componentWidth = _useContext.componentWidth, horizonScroll = _useContext.horizonScroll;
   var contentNode = children;
   if (isEmpty ? horizonScroll && componentWidth : fixColumn) {
     contentNode = /* @__PURE__ */ React.createElement("div", {
       style: {
-        width: componentWidth - (fixHeader && !isEmpty ? scrollbarSize : 0),
+        width: componentWidth - stickyOffset - (fixHeader && !isEmpty ? scrollbarSize : 0),
         position: "sticky",
-        left: 0,
+        left: stickyOffset,
         overflow: "hidden"
       },
       className: "".concat(prefixCls, "-expanded-row-fixed")

package/dist/node_modules/rc-table/es/Body/MeasureCell.cjs

@@ -1,6 +1,7 @@
 "use strict";
 var React = require("react");
 var index = require("../../../rc-resize-observer/es/index.cjs");
+var useLayoutEffect = require("../../../rc-util/es/hooks/useLayoutEffect.cjs");
 function _interopNamespaceDefault(e) {
   var n = /* @__PURE__ */ Object.create(null);
   if (e) {
@@ -23,7 +24,7 @@ var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 function MeasureCell(_ref) {
   var columnKey = _ref.columnKey, onColumnResize = _ref.onColumnResize;
   var cellRef = React__namespace.useRef();
-  React__namespace.useEffect(function() {
+  useLayoutEffect.default(function() {
     if (cellRef.current) {
       onColumnResize(columnKey, cellRef.current.offsetWidth);
     }

package/dist/node_modules/rc-table/es/Body/MeasureCell.js

@@ -1,9 +1,10 @@
 import * as React from "react";
 import RefResizeObserver from "../../../rc-resize-observer/es/index.js";
+import useLayoutEffect from "../../../rc-util/es/hooks/useLayoutEffect.js";
 function MeasureCell(_ref) {
   var columnKey = _ref.columnKey, onColumnResize = _ref.onColumnResize;
   var cellRef = React.useRef();
-  React.useEffect(function() {
+  useLayoutEffect(function() {
     if (cellRef.current) {
       onColumnResize(columnKey, cellRef.current.offsetWidth);
     }

package/dist/node_modules/rc-table/es/Body/MeasureRow.cjs

@@ -2,6 +2,7 @@
 var React = require("react");
 var index = require("../../../rc-resize-observer/es/index.cjs");
 var MeasureCell = require("./MeasureCell.cjs");
+var isVisible = require("../../../rc-util/es/Dom/isVisible.cjs");
 function _interopNamespaceDefault(e) {
   var n = /* @__PURE__ */ Object.create(null);
   if (e) {
@@ -23,19 +24,23 @@ function _interopNamespaceDefault(e) {
 var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 function MeasureRow(_ref) {
   var prefixCls = _ref.prefixCls, columnsKey = _ref.columnsKey, onColumnResize = _ref.onColumnResize;
+  var ref = React__namespace.useRef(null);
   return /* @__PURE__ */ React__namespace.createElement("tr", {
     "aria-hidden": "true",
     className: "".concat(prefixCls, "-measure-row"),
     style: {
       height: 0,
       fontSize: 0
-    }
+    },
+    ref
   }, /* @__PURE__ */ React__namespace.createElement(index.Collection, {
     onBatchResize: function onBatchResize(infoList) {
-      infoList.forEach(function(_ref2) {
-        var columnKey = _ref2.data, size = _ref2.size;
-        onColumnResize(columnKey, size.offsetWidth);
-      });
+      if (isVisible(ref.current)) {
+        infoList.forEach(function(_ref2) {
+          var columnKey = _ref2.data, size = _ref2.size;
+          onColumnResize(columnKey, size.offsetWidth);
+        });
+      }
     }
   }, columnsKey.map(function(columnKey) {
     return /* @__PURE__ */ React__namespace.createElement(MeasureCell, {

package/dist/node_modules/rc-table/es/Body/MeasureRow.js

@@ -1,21 +1,26 @@
 import * as React from "react";
 import RefResizeObserver from "../../../rc-resize-observer/es/index.js";
 import MeasureCell from "./MeasureCell.js";
+import isVisible from "../../../rc-util/es/Dom/isVisible.js";
 function MeasureRow(_ref) {
   var prefixCls = _ref.prefixCls, columnsKey = _ref.columnsKey, onColumnResize = _ref.onColumnResize;
+  var ref = React.useRef(null);
   return /* @__PURE__ */ React.createElement("tr", {
     "aria-hidden": "true",
     className: "".concat(prefixCls, "-measure-row"),
     style: {
       height: 0,
       fontSize: 0
-    }
+    },
+    ref
   }, /* @__PURE__ */ React.createElement(RefResizeObserver.Collection, {
     onBatchResize: function onBatchResize(infoList) {
-      infoList.forEach(function(_ref2) {
-        var columnKey = _ref2.data, size = _ref2.size;
-        onColumnResize(columnKey, size.offsetWidth);
-      });
+      if (isVisible(ref.current)) {
+        infoList.forEach(function(_ref2) {
+          var columnKey = _ref2.data, size = _ref2.size;
+          onColumnResize(columnKey, size.offsetWidth);
+        });
+      }
     }
   }, columnsKey.map(function(columnKey) {
     return /* @__PURE__ */ React.createElement(MeasureCell, {

package/dist/node_modules/rc-table/es/Body/index.cjs

@@ -34,11 +34,28 @@ function Body(props) {
     useRenderTimes.default(props);
   }
   var data = props.data, measureColumnWidth = props.measureColumnWidth;
-  var _useContext = context.useContext(TableContext.default, ["prefixCls", "getComponent", "onColumnResize", "flattenColumns", "getRowKey", "expandedKeys", "childrenColumnName", "emptyNode"]), prefixCls = _useContext.prefixCls, getComponent = _useContext.getComponent, onColumnResize = _useContext.onColumnResize, flattenColumns = _useContext.flattenColumns, getRowKey = _useContext.getRowKey, expandedKeys = _useContext.expandedKeys, childrenColumnName = _useContext.childrenColumnName, emptyNode = _useContext.emptyNode;
+  var _useContext = context.useContext(TableContext.default, ["prefixCls", "getComponent", "onColumnResize", "flattenColumns", "getRowKey", "expandedKeys", "childrenColumnName", "emptyNode", "expandedRowOffset", "fixedInfoList", "colWidths"]), prefixCls = _useContext.prefixCls, getComponent = _useContext.getComponent, onColumnResize = _useContext.onColumnResize, flattenColumns = _useContext.flattenColumns, getRowKey = _useContext.getRowKey, expandedKeys = _useContext.expandedKeys, childrenColumnName = _useContext.childrenColumnName, emptyNode = _useContext.emptyNode, _useContext$expandedR = _useContext.expandedRowOffset, expandedRowOffset = _useContext$expandedR === void 0 ? 0 : _useContext$expandedR, colWidths = _useContext.colWidths;
   var flattenData = useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey);
+  var rowKeys = React__namespace.useMemo(function() {
+    return flattenData.map(function(item) {
+      return item.rowKey;
+    });
+  }, [flattenData]);
   var perfRef = React__namespace.useRef({
     renderWithProps: false
   });
+  var expandedRowInfo = React__namespace.useMemo(function() {
+    var expandedColSpan = flattenColumns.length - expandedRowOffset;
+    var expandedStickyStart = 0;
+    for (var i = 0; i < expandedRowOffset; i += 1) {
+      expandedStickyStart += colWidths[i] || 0;
+    }
+    return {
+      offset: expandedRowOffset,
+      colSpan: expandedColSpan,
+      sticky: expandedStickyStart
+    };
+  }, [flattenColumns.length, expandedRowOffset, colWidths]);
   var WrapperComponent = getComponent(["body", "wrapper"], "tbody");
   var trComponent = getComponent(["body", "row"], "tr");
   var tdComponent = getComponent(["body", "cell"], "td");
@@ -46,18 +63,19 @@ function Body(props) {
   var rows;
   if (data.length) {
     rows = flattenData.map(function(item, idx) {
-      var record = item.record, indent = item.indent, renderIndex = item.index;
-      var key = getRowKey(record, idx);
+      var record = item.record, indent = item.indent, renderIndex = item.index, rowKey = item.rowKey;
       return /* @__PURE__ */ React__namespace.createElement(BodyRow.default, {
-        key,
-        rowKey: key,
+        key: rowKey,
+        rowKey,
+        rowKeys,
         record,
         index: idx,
         renderIndex,
         rowComponent: trComponent,
         cellComponent: tdComponent,
         scopeCellComponent: thComponent,
-        indent
+        indent,
+        expandedRowInfo
       });
     });
   } else {

package/dist/node_modules/rc-table/es/Body/index.js

@@ -14,11 +14,28 @@ function Body(props) {
     devRenderTimes(props);
   }
   var data = props.data, measureColumnWidth = props.measureColumnWidth;
-  var _useContext = useContext(TableContext, ["prefixCls", "getComponent", "onColumnResize", "flattenColumns", "getRowKey", "expandedKeys", "childrenColumnName", "emptyNode"]), prefixCls = _useContext.prefixCls, getComponent = _useContext.getComponent, onColumnResize = _useContext.onColumnResize, flattenColumns = _useContext.flattenColumns, getRowKey = _useContext.getRowKey, expandedKeys = _useContext.expandedKeys, childrenColumnName = _useContext.childrenColumnName, emptyNode = _useContext.emptyNode;
+  var _useContext = useContext(TableContext, ["prefixCls", "getComponent", "onColumnResize", "flattenColumns", "getRowKey", "expandedKeys", "childrenColumnName", "emptyNode", "expandedRowOffset", "fixedInfoList", "colWidths"]), prefixCls = _useContext.prefixCls, getComponent = _useContext.getComponent, onColumnResize = _useContext.onColumnResize, flattenColumns = _useContext.flattenColumns, getRowKey = _useContext.getRowKey, expandedKeys = _useContext.expandedKeys, childrenColumnName = _useContext.childrenColumnName, emptyNode = _useContext.emptyNode, _useContext$expandedR = _useContext.expandedRowOffset, expandedRowOffset = _useContext$expandedR === void 0 ? 0 : _useContext$expandedR, colWidths = _useContext.colWidths;
   var flattenData = useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey);
+  var rowKeys = React.useMemo(function() {
+    return flattenData.map(function(item) {
+      return item.rowKey;
+    });
+  }, [flattenData]);
   var perfRef = React.useRef({
     renderWithProps: false
   });
+  var expandedRowInfo = React.useMemo(function() {
+    var expandedColSpan = flattenColumns.length - expandedRowOffset;
+    var expandedStickyStart = 0;
+    for (var i = 0; i < expandedRowOffset; i += 1) {
+      expandedStickyStart += colWidths[i] || 0;
+    }
+    return {
+      offset: expandedRowOffset,
+      colSpan: expandedColSpan,
+      sticky: expandedStickyStart
+    };
+  }, [flattenColumns.length, expandedRowOffset, colWidths]);
   var WrapperComponent = getComponent(["body", "wrapper"], "tbody");
   var trComponent = getComponent(["body", "row"], "tr");
   var tdComponent = getComponent(["body", "cell"], "td");
@@ -26,18 +43,19 @@ function Body(props) {
   var rows;
   if (data.length) {
     rows = flattenData.map(function(item, idx) {
-      var record = item.record, indent = item.indent, renderIndex = item.index;
-      var key = getRowKey(record, idx);
+      var record = item.record, indent = item.indent, renderIndex = item.index, rowKey = item.rowKey;
       return /* @__PURE__ */ React.createElement(BodyRow, {
-        key,
-        rowKey: key,
+        key: rowKey,
+        rowKey,
+        rowKeys,
         record,
         index: idx,
         renderIndex,
         rowComponent: trComponent,
         cellComponent: tdComponent,
         scopeCellComponent: thComponent,
-        indent
+        indent,
+        expandedRowInfo
       });
     });
   } else {

package/dist/node_modules/rc-table/es/FixedHolder/index.cjs

@@ -58,7 +58,6 @@ var FixedHolder = /* @__PURE__ */ React__namespace.forwardRef(function(props, re
     ref.fillRef(scrollRef, element);
   }, []);
   React__namespace.useEffect(function() {
-    var _scrollRef$current;
     function onWheel(e) {
       var _ref = e, currentTarget = _ref.currentTarget, deltaX = _ref.deltaX;
       if (deltaX) {
@@ -69,12 +68,12 @@ var FixedHolder = /* @__PURE__ */ React__namespace.forwardRef(function(props, re
         e.preventDefault();
       }
     }
-    (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 || _scrollRef$current.addEventListener("wheel", onWheel, {
+    var scrollEle = scrollRef.current;
+    scrollEle === null || scrollEle === void 0 || scrollEle.addEventListener("wheel", onWheel, {
       passive: false
     });
     return function() {
-      var _scrollRef$current2;
-      (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 || _scrollRef$current2.removeEventListener("wheel", onWheel);
+      scrollEle === null || scrollEle === void 0 || scrollEle.removeEventListener("wheel", onWheel);
     };
   }, []);
   var allFlattenColumnsWithWidth = React__namespace.useMemo(function() {

package/dist/node_modules/rc-table/es/FixedHolder/index.js

@@ -39,7 +39,6 @@ var FixedHolder = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     fillRef(scrollRef, element);
   }, []);
   React.useEffect(function() {
-    var _scrollRef$current;
     function onWheel(e) {
       var _ref = e, currentTarget = _ref.currentTarget, deltaX = _ref.deltaX;
       if (deltaX) {
@@ -50,12 +49,12 @@ var FixedHolder = /* @__PURE__ */ React.forwardRef(function(props, ref) {
         e.preventDefault();
       }
     }
-    (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 || _scrollRef$current.addEventListener("wheel", onWheel, {
+    var scrollEle = scrollRef.current;
+    scrollEle === null || scrollEle === void 0 || scrollEle.addEventListener("wheel", onWheel, {
       passive: false
     });
     return function() {
-      var _scrollRef$current2;
-      (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 || _scrollRef$current2.removeEventListener("wheel", onWheel);
+      scrollEle === null || scrollEle === void 0 || scrollEle.removeEventListener("wheel", onWheel);
     };
   }, []);
   var allFlattenColumnsWithWidth = React.useMemo(function() {

package/dist/node_modules/rc-table/es/Table.cjs

@@ -6,7 +6,6 @@ var slicedToArray = require("../../@babel/runtime/helpers/esm/slicedToArray.cjs"
 var objectSpread2 = require("../../@babel/runtime/helpers/esm/objectSpread2.cjs");
 var index$2 = require("../../../_virtual/index.cjs");
 var index$6 = require("../../rc-resize-observer/es/index.cjs");
-var isVisible = require("../../rc-util/es/Dom/isVisible.cjs");
 var styleChecker = require("../../rc-util/es/Dom/styleChecker.cjs");
 var getScrollBarSize = require("../../rc-util/es/getScrollBarSize.cjs");
 var useEvent = require("../../rc-util/es/hooks/useEvent.cjs");
@@ -35,6 +34,7 @@ var Column = require("./sugar/Column.cjs");
 var ColumnGroup = require("./sugar/ColumnGroup.cjs");
 var valueUtil = require("./utils/valueUtil.cjs");
 var findDOMNode = require("../../rc-util/es/Dom/findDOMNode.cjs");
+var useLayoutEffect = require("../../rc-util/es/hooks/useLayoutEffect.cjs");
 function _interopNamespaceDefault(e) {
   var n = /* @__PURE__ */ Object.create(null);
   if (e) {
@@ -146,7 +146,7 @@ function Table(tableProps, ref) {
   var scrollSummaryRef = React__namespace.useRef();
   var _React$useState3 = React__namespace.useState(false), _React$useState4 = slicedToArray(_React$useState3, 2), pingedLeft = _React$useState4[0], setPingedLeft = _React$useState4[1];
   var _React$useState5 = React__namespace.useState(false), _React$useState6 = slicedToArray(_React$useState5, 2), pingedRight = _React$useState6[0], setPingedRight = _React$useState6[1];
-  var _useLayoutState = useFrame.useLayoutState(/* @__PURE__ */ new Map()), _useLayoutState2 = slicedToArray(_useLayoutState, 2), colsWidths = _useLayoutState2[0], updateColsWidths = _useLayoutState2[1];
+  var _React$useState7 = React__namespace.useState(/* @__PURE__ */ new Map()), _React$useState8 = slicedToArray(_React$useState7, 2), colsWidths = _React$useState8[0], updateColsWidths = _React$useState8[1];
   var colsKeys = valueUtil.getColumnsKey(flattenColumns);
   var pureColWidths = colsKeys.map(function(columnKey) {
     return colsWidths.get(columnKey);
@@ -191,16 +191,14 @@ function Table(tableProps, ref) {
     };
   }
   var onColumnResize = React__namespace.useCallback(function(columnKey, width) {
-    if (isVisible(fullTableRef.current)) {
-      updateColsWidths(function(widths) {
-        if (widths.get(columnKey) !== width) {
-          var newWidths = new Map(widths);
-          newWidths.set(columnKey, width);
-          return newWidths;
-        }
-        return widths;
-      });
-    }
+    updateColsWidths(function(widths) {
+      if (widths.get(columnKey) !== width) {
+        var newWidths = new Map(widths);
+        newWidths.set(columnKey, width);
+        return newWidths;
+      }
+      return widths;
+    });
   }, []);
   var _useTimeoutLock = useFrame.useTimeoutLock(), _useTimeoutLock2 = slicedToArray(_useTimeoutLock, 2), setScrollTarget = _useTimeoutLock2[0], getScrollTarget = _useTimeoutLock2[1];
   function forceScroll(scrollLeft, target) {
@@ -290,9 +288,9 @@ function Table(tableProps, ref) {
   React__namespace.useEffect(function() {
     mounted.current = true;
   }, []);
-  var _React$useState7 = React__namespace.useState(0), _React$useState8 = slicedToArray(_React$useState7, 2), scrollbarSize = _React$useState8[0], setScrollbarSize = _React$useState8[1];
-  var _React$useState9 = React__namespace.useState(true), _React$useState10 = slicedToArray(_React$useState9, 2), supportSticky = _React$useState10[0], setSupportSticky = _React$useState10[1];
-  React__namespace.useEffect(function() {
+  var _React$useState9 = React__namespace.useState(0), _React$useState10 = slicedToArray(_React$useState9, 2), scrollbarSize = _React$useState10[0], setScrollbarSize = _React$useState10[1];
+  var _React$useState11 = React__namespace.useState(true), _React$useState12 = slicedToArray(_React$useState11, 2), supportSticky = _React$useState12[0], setSupportSticky = _React$useState12[1];
+  useLayoutEffect.default(function() {
     if (!tailor || !useInternalHooks) {
       if (scrollBodyRef.current instanceof Element) {
         setScrollbarSize(getScrollBarSize.getTargetScrollBarSize(scrollBodyRef.current).width);
@@ -483,6 +481,7 @@ function Table(tableProps, ref) {
       expandableType,
       expandRowByClick: expandableConfig.expandRowByClick,
       expandedRowRender: expandableConfig.expandedRowRender,
+      expandedRowOffset: expandableConfig.expandedRowOffset,
       onTriggerExpand,
       expandIconColumnIndex: expandableConfig.expandIconColumnIndex,
       indentSize: expandableConfig.indentSize,
@@ -494,6 +493,7 @@ function Table(tableProps, ref) {
       columns,
       flattenColumns,
       onColumnResize,
+      colWidths,
       // Row
       hoverStartRow: startRow,
       hoverEndRow: endRow,
@@ -528,6 +528,7 @@ function Table(tableProps, ref) {
     expandableType,
     expandableConfig.expandRowByClick,
     expandableConfig.expandedRowRender,
+    expandableConfig.expandedRowOffset,
     onTriggerExpand,
     expandableConfig.expandIconColumnIndex,
     expandableConfig.indentSize,
@@ -536,6 +537,7 @@ function Table(tableProps, ref) {
     columns,
     flattenColumns,
     onColumnResize,
+    colWidths,
     // Row
     startRow,
     endRow,

package/dist/node_modules/rc-table/es/Table.js

@@ -4,7 +4,6 @@ import _slicedToArray from "../../@babel/runtime/helpers/esm/slicedToArray.js";
 import _objectSpread2 from "../../@babel/runtime/helpers/esm/objectSpread2.js";
 import classNames from "../../../_virtual/index.js";
 import RefResizeObserver from "../../rc-resize-observer/es/index.js";
-import isVisible from "../../rc-util/es/Dom/isVisible.js";
 import { isStyleSupport } from "../../rc-util/es/Dom/styleChecker.js";
 import { getTargetScrollBarSize } from "../../rc-util/es/getScrollBarSize.js";
 import useEvent from "../../rc-util/es/hooks/useEvent.js";
@@ -23,7 +22,7 @@ import Header from "./Header/Header.js";
 import useColumns from "./hooks/useColumns/index.js";
 import useExpand from "./hooks/useExpand.js";
 import useFixedInfo from "./hooks/useFixedInfo.js";
-import { useLayoutState, useTimeoutLock } from "./hooks/useFrame.js";
+import { useTimeoutLock } from "./hooks/useFrame.js";
 import useHover from "./hooks/useHover.js";
 import useSticky from "./hooks/useSticky.js";
 import useStickyOffsets from "./hooks/useStickyOffsets.js";
@@ -33,6 +32,7 @@ import Column from "./sugar/Column.js";
 import ColumnGroup from "./sugar/ColumnGroup.js";
 import { validNumberValue, getColumnsKey, validateValue } from "./utils/valueUtil.js";
 import { getDOM } from "../../rc-util/es/Dom/findDOMNode.js";
+import useLayoutEffect from "../../rc-util/es/hooks/useLayoutEffect.js";
 var DEFAULT_PREFIX = "rc-table";
 var EMPTY_DATA = [];
 var EMPTY_SCROLL_TARGET = {};
@@ -125,7 +125,7 @@ function Table(tableProps, ref) {
   var scrollSummaryRef = React.useRef();
   var _React$useState3 = React.useState(false), _React$useState4 = _slicedToArray(_React$useState3, 2), pingedLeft = _React$useState4[0], setPingedLeft = _React$useState4[1];
   var _React$useState5 = React.useState(false), _React$useState6 = _slicedToArray(_React$useState5, 2), pingedRight = _React$useState6[0], setPingedRight = _React$useState6[1];
-  var _useLayoutState = useLayoutState(/* @__PURE__ */ new Map()), _useLayoutState2 = _slicedToArray(_useLayoutState, 2), colsWidths = _useLayoutState2[0], updateColsWidths = _useLayoutState2[1];
+  var _React$useState7 = React.useState(/* @__PURE__ */ new Map()), _React$useState8 = _slicedToArray(_React$useState7, 2), colsWidths = _React$useState8[0], updateColsWidths = _React$useState8[1];
   var colsKeys = getColumnsKey(flattenColumns);
   var pureColWidths = colsKeys.map(function(columnKey) {
     return colsWidths.get(columnKey);
@@ -170,16 +170,14 @@ function Table(tableProps, ref) {
     };
   }
   var onColumnResize = React.useCallback(function(columnKey, width) {
-    if (isVisible(fullTableRef.current)) {
-      updateColsWidths(function(widths) {
-        if (widths.get(columnKey) !== width) {
-          var newWidths = new Map(widths);
-          newWidths.set(columnKey, width);
-          return newWidths;
-        }
-        return widths;
-      });
-    }
+    updateColsWidths(function(widths) {
+      if (widths.get(columnKey) !== width) {
+        var newWidths = new Map(widths);
+        newWidths.set(columnKey, width);
+        return newWidths;
+      }
+      return widths;
+    });
   }, []);
   var _useTimeoutLock = useTimeoutLock(), _useTimeoutLock2 = _slicedToArray(_useTimeoutLock, 2), setScrollTarget = _useTimeoutLock2[0], getScrollTarget = _useTimeoutLock2[1];
   function forceScroll(scrollLeft, target) {
@@ -269,9 +267,9 @@ function Table(tableProps, ref) {
   React.useEffect(function() {
     mounted.current = true;
   }, []);
-  var _React$useState7 = React.useState(0), _React$useState8 = _slicedToArray(_React$useState7, 2), scrollbarSize = _React$useState8[0], setScrollbarSize = _React$useState8[1];
-  var _React$useState9 = React.useState(true), _React$useState10 = _slicedToArray(_React$useState9, 2), supportSticky = _React$useState10[0], setSupportSticky = _React$useState10[1];
-  React.useEffect(function() {
+  var _React$useState9 = React.useState(0), _React$useState10 = _slicedToArray(_React$useState9, 2), scrollbarSize = _React$useState10[0], setScrollbarSize = _React$useState10[1];
+  var _React$useState11 = React.useState(true), _React$useState12 = _slicedToArray(_React$useState11, 2), supportSticky = _React$useState12[0], setSupportSticky = _React$useState12[1];
+  useLayoutEffect(function() {
     if (!tailor || !useInternalHooks) {
       if (scrollBodyRef.current instanceof Element) {
         setScrollbarSize(getTargetScrollBarSize(scrollBodyRef.current).width);
@@ -462,6 +460,7 @@ function Table(tableProps, ref) {
       expandableType,
       expandRowByClick: expandableConfig.expandRowByClick,
       expandedRowRender: expandableConfig.expandedRowRender,
+      expandedRowOffset: expandableConfig.expandedRowOffset,
       onTriggerExpand,
       expandIconColumnIndex: expandableConfig.expandIconColumnIndex,
       indentSize: expandableConfig.indentSize,
@@ -473,6 +472,7 @@ function Table(tableProps, ref) {
       columns,
       flattenColumns,
       onColumnResize,
+      colWidths,
       // Row
       hoverStartRow: startRow,
       hoverEndRow: endRow,
@@ -507,6 +507,7 @@ function Table(tableProps, ref) {
     expandableType,
     expandableConfig.expandRowByClick,
     expandableConfig.expandedRowRender,
+    expandableConfig.expandedRowOffset,
     onTriggerExpand,
     expandableConfig.expandIconColumnIndex,
     expandableConfig.indentSize,
@@ -515,6 +516,7 @@ function Table(tableProps, ref) {
     columns,
     flattenColumns,
     onColumnResize,
+    colWidths,
     // Row
     startRow,
     endRow,