@dtjoy/dt-design 1.1.2 → 1.1.5

package/lib/table/Table.js

@@ -0,0 +1,40 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _constant = require("./constant");
+var _Column = _interopRequireDefault(require("./features/columns/Column"));
+var _ColumnGroup = _interopRequireDefault(require("./features/columns/ColumnGroup"));
+var _useSelection = require("./features/selection/useSelection");
+var _InternalTable = _interopRequireDefault(require("./InternalTable"));
+var _Summary = _interopRequireDefault(require("./components/Footer/Summary"));
+require("./style");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var Table = function Table(props, ref) {
+  var renderTimesRef = React.useRef(0);
+  renderTimesRef.current += 1;
+  return /*#__PURE__*/React.createElement(_InternalTable.default, _extends({}, props, {
+    ref: ref,
+    _renderTimes: renderTimesRef.current
+  }));
+};
+var ForwardTable = /*#__PURE__*/React.forwardRef(Table);
+ForwardTable.SELECTION_COLUMN = _useSelection.SELECTION_COLUMN;
+ForwardTable.EXPAND_COLUMN = _constant.EXPAND_COLUMN;
+ForwardTable.SELECTION_ALL = _useSelection.SELECTION_ALL;
+ForwardTable.SELECTION_INVERT = _useSelection.SELECTION_INVERT;
+ForwardTable.SELECTION_NONE = _useSelection.SELECTION_NONE;
+ForwardTable.Column = _Column.default;
+ForwardTable.ColumnGroup = _ColumnGroup.default;
+ForwardTable.Summary = _Summary.default;
+if (process.env.NODE_ENV !== 'production') {
+  ForwardTable.displayName = 'Table';
+}
+var _default = exports.default = ForwardTable;

package/lib/table/TableMeasureRowContext.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var TableMeasureRowContext = /*#__PURE__*/_react.default.createContext(false);
+var _default = exports.default = TableMeasureRowContext;

package/lib/table/components/Body/BodyRow.js

@@ -0,0 +1,192 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getCellProps = getCellProps;
+var _clsx2 = require("clsx");
+var React = _interopRequireWildcard(require("react"));
+var _Cell = _interopRequireDefault(require("../Cell"));
+var _TableContext = require("../../shared/context/TableContext");
+var _useRenderTimes = _interopRequireDefault(require("../../shared/hooks/useRenderTimes"));
+var _useRowInfo = _interopRequireDefault(require("../../shared/hooks/useRowInfo"));
+var _ExpandedRow = _interopRequireDefault(require("./ExpandedRow"));
+var _expandUtil = require("../../features/expand/expandUtil");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+// ==================================================================================
+// ==                                 getCellProps                                 ==
+// ==================================================================================
+function getCellProps(rowInfo, column, colIndex, indent, index) {
+  var _column$onCell;
+  var rowKeys = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : [];
+  var expandedRowOffset = arguments.length > 6 && arguments[6] !== undefined ? 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];
+
+  // ============= Used for nest expandable =============
+  var appendCellNode;
+  if (colIndex === (expandIconColumnIndex || 0) && nestExpandable) {
+    appendCellNode = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+      style: {
+        paddingLeft: "".concat(indentSize * indent, "px")
+      },
+      className: "".concat(prefixCls, "-row-indent indent-level-").concat(indent)
+    }), expandIcon({
+      prefixCls: prefixCls,
+      expanded: expanded,
+      expandable: hasNestChildren,
+      record: record,
+      onExpand: onTriggerExpand
+    }));
+  }
+  var additionalCellProps = ((_column$onCell = column.onCell) === null || _column$onCell === void 0 ? void 0 : _column$onCell.call(column, record, index)) || {};
+
+  // Expandable row has offset
+  if (expandedRowOffset) {
+    var _additionalCellProps$ = additionalCellProps.rowSpan,
+      rowSpan = _additionalCellProps$ === void 0 ? 1 : _additionalCellProps$;
+
+    // For expandable row with rowSpan,
+    // We should increase the rowSpan if the row is expanded
+    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: key,
+    fixedInfo: fixedInfo,
+    appendCellNode: appendCellNode,
+    additionalCellProps: additionalCellProps
+  };
+}
+
+// ==================================================================================
+// ==                                 getCellProps                                 ==
+// ==================================================================================
+var BodyRow = function BodyRow(props) {
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _useRenderTimes.default)(props);
+  }
+  var className = props.className,
+    style = props.style,
+    _props$classNames = props.classNames,
+    classNames = _props$classNames === void 0 ? {} : _props$classNames,
+    _props$styles = props.styles,
+    styles = _props$styles === void 0 ? {} : _props$styles,
+    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 = (0, _useRowInfo.default)(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;
+
+  // Force render expand row if expanded before
+  var expandedRef = React.useRef(false);
+  expandedRef.current || (expandedRef.current = expanded);
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _useRenderTimes.default)(props);
+  }
+
+  // 若没有 expandedRowRender 参数, 将使用 baseRowNode 渲染 Children
+  // 此时如果 level > 1 则说明是 expandedRow, 一样需要附加 computedExpandedRowClassName
+  var expandedClsName = (0, _expandUtil.computedExpandedClassName)(expandedRowClassName, record, index, indent);
+
+  // ======================== Base tr row ========================
+  var baseRowNode = /*#__PURE__*/React.createElement(RowComponent, _extends({}, rowProps, {
+    "data-row-key": rowKey,
+    className: (0, _clsx2.clsx)(className, "".concat(prefixCls, "-row"), "".concat(prefixCls, "-row-level-").concat(indent), rowProps === null || rowProps === void 0 ? void 0 : rowProps.className, classNames.row, _defineProperty({}, expandedClsName, indent >= 1)),
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), rowProps === null || rowProps === void 0 ? void 0 : rowProps.style), styles.row)
+  }), flattenColumns.map(function (column, colIndex) {
+    var render = column.render,
+      dataIndex = column.dataIndex,
+      columnClassName = column.className;
+    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.default, _extends({
+      className: (0, _clsx2.clsx)(columnClassName, classNames.cell),
+      style: styles.cell,
+      ellipsis: column.ellipsis,
+      align: column.align,
+      scope: column.rowScope,
+      component: column.rowScope ? scopeCellComponent : cellComponent,
+      prefixCls: prefixCls,
+      key: key,
+      record: record,
+      index: index,
+      renderIndex: renderIndex,
+      dataIndex: dataIndex,
+      render: render,
+      shouldCellUpdate: column.shouldCellUpdate
+    }, fixedInfo, {
+      appendNode: appendCellNode,
+      additionalProps: additionalCellProps
+    }));
+  }));
+
+  // ======================== Expand Row =========================
+  var expandRowNode;
+  if (rowSupportExpand && (expandedRef.current || expanded)) {
+    var expandContent = expandedRowRender(record, index, indent + 1, expanded);
+    expandRowNode = /*#__PURE__*/React.createElement(_ExpandedRow.default, {
+      expanded: expanded,
+      className: (0, _clsx2.clsx)("".concat(prefixCls, "-expanded-row"), "".concat(prefixCls, "-expanded-row-level-").concat(indent + 1), expandedClsName),
+      prefixCls: prefixCls,
+      component: RowComponent,
+      cellComponent: cellComponent,
+      colSpan: expandedRowInfo ? expandedRowInfo.colSpan : flattenColumns.length,
+      isEmpty: false,
+      stickyOffset: expandedRowInfo === null || expandedRowInfo === void 0 ? void 0 : expandedRowInfo.sticky
+    }, expandContent);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, baseRowNode, expandRowNode);
+};
+if (process.env.NODE_ENV !== 'production') {
+  BodyRow.displayName = 'BodyRow';
+}
+var _default = exports.default = (0, _TableContext.responseImmutable)(BodyRow);

package/lib/table/components/Body/ExpandedRow.js

@@ -0,0 +1,61 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _context = require("../../../_util/context");
+var React = _interopRequireWildcard(require("react"));
+var _Cell = _interopRequireDefault(require("../Cell"));
+var _TableContext = _interopRequireDefault(require("../../shared/context/TableContext"));
+var _useRenderTimes = _interopRequireDefault(require("../../shared/hooks/useRenderTimes"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var ExpandedRow = function ExpandedRow(props) {
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _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,
+    _props$stickyOffset = props.stickyOffset,
+    stickyOffset = _props$stickyOffset === void 0 ? 0 : _props$stickyOffset;
+  var _useContext = (0, _context.useContext)(_TableContext.default, ['scrollbarSize', 'fixHeader', 'fixColumn', 'componentWidth', 'horizonScroll']),
+    scrollbarSize = _useContext.scrollbarSize,
+    fixHeader = _useContext.fixHeader,
+    fixColumn = _useContext.fixColumn,
+    componentWidth = _useContext.componentWidth,
+    horizonScroll = _useContext.horizonScroll;
+
+  // Cache render node
+  var contentNode = children;
+  if (isEmpty ? horizonScroll && componentWidth : fixColumn) {
+    contentNode = /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: componentWidth - stickyOffset - (fixHeader && !isEmpty ? scrollbarSize : 0),
+        position: 'sticky',
+        left: stickyOffset,
+        overflow: 'hidden'
+      },
+      className: "".concat(prefixCls, "-expanded-row-fixed")
+    }, contentNode);
+  }
+  return /*#__PURE__*/React.createElement(Component, {
+    className: className,
+    style: {
+      display: expanded ? undefined : 'none'
+    }
+  }, /*#__PURE__*/React.createElement(_Cell.default, {
+    component: cellComponent,
+    prefixCls: prefixCls,
+    colSpan: colSpan
+  }, contentNode));
+};
+var _default = exports.default = ExpandedRow;

package/lib/table/components/Body/MeasureCell.js

@@ -0,0 +1,43 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
+var _useLayoutEffect = _interopRequireDefault(require("../../../_util/hooks/useLayoutEffect"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var MeasureCell = function MeasureCell(props) {
+  var columnKey = props.columnKey,
+    onColumnResize = props.onColumnResize,
+    title = props.title;
+  var cellRef = React.useRef(null);
+  (0, _useLayoutEffect.default)(function () {
+    if (cellRef.current) {
+      onColumnResize(columnKey, cellRef.current.offsetWidth);
+    }
+  }, [columnKey, onColumnResize]);
+  return /*#__PURE__*/React.createElement(_rcResizeObserver.default, {
+    data: columnKey
+  }, /*#__PURE__*/React.createElement("td", {
+    ref: cellRef,
+    style: {
+      paddingTop: 0,
+      paddingBottom: 0,
+      borderTop: 0,
+      borderBottom: 0,
+      height: 0
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 0,
+      overflow: 'hidden',
+      fontWeight: 'bold'
+    }
+  }, title || '\xA0')));
+};
+var _default = exports.default = MeasureCell;

package/lib/table/components/Body/MeasureRow.js

@@ -0,0 +1,64 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
+var _MeasureCell = _interopRequireDefault(require("./MeasureCell"));
+var _isVisible = _interopRequireDefault(require("rc-util/lib/Dom/isVisible"));
+var _context = require("../../../_util/context");
+var _TableContext = _interopRequireDefault(require("../../shared/context/TableContext"));
+var _TableMeasureRowContext = _interopRequireDefault(require("../../TableMeasureRowContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var MeasureRow = function MeasureRow(_ref) {
+  var prefixCls = _ref.prefixCls,
+    columnsKey = _ref.columnsKey,
+    onColumnResize = _ref.onColumnResize,
+    columns = _ref.columns;
+  var ref = React.useRef(null);
+  var _useContext = (0, _context.useContext)(_TableContext.default, ['measureRowRender']),
+    measureRowRender = _useContext.measureRowRender;
+  var measureRow = /*#__PURE__*/React.createElement("tr", {
+    className: "".concat(prefixCls, "-measure-row"),
+    style: {
+      height: 0,
+      visibility: 'hidden'
+    },
+    ref: ref
+  }, /*#__PURE__*/React.createElement(_rcResizeObserver.default.Collection, {
+    onBatchResize: function onBatchResize(infoList) {
+      if (ref.current && (0, _isVisible.default)(ref.current)) {
+        infoList.forEach(function (_ref2) {
+          var columnKey = _ref2.data,
+            size = _ref2.size;
+          onColumnResize(columnKey, size.offsetWidth);
+        });
+      }
+    }
+  }, columnsKey.map(function (columnKey) {
+    var column = columns.find(function (col) {
+      return col.key === columnKey;
+    });
+    var rawTitle = column === null || column === void 0 ? void 0 : column.title;
+    // `title` can be a render function per `ColumnTitle`; `MeasureCell` only renders ReactNode
+    var titleForMeasure = /*#__PURE__*/React.isValidElement(rawTitle) ? /*#__PURE__*/React.cloneElement(rawTitle, {
+      ref: null
+    }) : rawTitle;
+    return /*#__PURE__*/React.createElement(_MeasureCell.default, {
+      key: columnKey,
+      columnKey: columnKey,
+      onColumnResize: onColumnResize,
+      title: titleForMeasure
+    });
+  })));
+  var row = /*#__PURE__*/React.createElement(_TableMeasureRowContext.default.Provider, {
+    value: true
+  }, measureRow);
+  return typeof measureRowRender === 'function' ? measureRowRender(row) : row;
+};
+var _default = exports.default = MeasureRow;

package/lib/table/components/Body/index.js

@@ -0,0 +1,133 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _context = require("../../../_util/context");
+var React = _interopRequireWildcard(require("react"));
+var _clsx = require("clsx");
+var _PerfContext = _interopRequireDefault(require("../../shared/context/PerfContext"));
+var _TableContext = _interopRequireWildcard(require("../../shared/context/TableContext"));
+var _useFlattenRecords = _interopRequireDefault(require("../../features/virtual/useFlattenRecords"));
+var _useRenderTimes = _interopRequireDefault(require("../../shared/hooks/useRenderTimes"));
+var _valueUtil = require("../../shared/utils/valueUtil");
+var _BodyRow = _interopRequireDefault(require("./BodyRow"));
+var _ExpandedRow = _interopRequireDefault(require("./ExpandedRow"));
+var _MeasureRow = _interopRequireDefault(require("./MeasureRow"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var Body = function Body(props) {
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _useRenderTimes.default)(props);
+  }
+  var data = props.data,
+    measureColumnWidth = props.measureColumnWidth;
+  var _useContext = (0, _context.useContext)(_TableContext.default, ['prefixCls', 'getComponent', 'onColumnResize', 'flattenColumns', 'getRowKey', 'expandedKeys', 'childrenColumnName', 'emptyNode', 'classNames', 'styles', '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,
+    classNames = _useContext.classNames,
+    styles = _useContext.styles,
+    _useContext$expandedR = _useContext.expandedRowOffset,
+    expandedRowOffset = _useContext$expandedR === void 0 ? 0 : _useContext$expandedR,
+    colWidths = _useContext.colWidths;
+  var _ref = classNames || {},
+    _ref$body = _ref.body,
+    bodyCls = _ref$body === void 0 ? {} : _ref$body;
+  var _ref2 = styles || {},
+    _ref2$body = _ref2.body,
+    bodyStyles = _ref2$body === void 0 ? {} : _ref2$body;
+  var flattenData = (0, _useFlattenRecords.default)(data, childrenColumnName, expandedKeys, getRowKey);
+  var rowKeys = React.useMemo(function () {
+    return flattenData.map(function (item) {
+      return item.rowKey;
+    });
+  }, [flattenData]);
+
+  // =================== Performance ====================
+  var perfRef = React.useRef({
+    renderWithProps: false
+  });
+
+  // ===================== Expanded =====================
+  // `expandedRowOffset` data is same for all the rows.
+  // Let's calc on Body side to save performance.
+  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]);
+
+  // ====================== Render ======================
+  var WrapperComponent = getComponent(['body', 'wrapper'], 'tbody');
+  var trComponent = getComponent(['body', 'row'], 'tr');
+  var tdComponent = getComponent(['body', 'cell'], 'td');
+  var thComponent = getComponent(['body', 'cell'], 'th');
+  var rows;
+  if (data.length) {
+    rows = flattenData.map(function (item, idx) {
+      var record = item.record,
+        indent = item.indent,
+        renderIndex = item.index,
+        rowKey = item.rowKey;
+      return /*#__PURE__*/React.createElement(_BodyRow.default, {
+        classNames: bodyCls,
+        styles: bodyStyles,
+        key: rowKey,
+        rowKey: rowKey,
+        rowKeys: rowKeys,
+        record: record,
+        index: idx,
+        renderIndex: renderIndex,
+        rowComponent: trComponent,
+        cellComponent: tdComponent,
+        scopeCellComponent: thComponent,
+        indent: indent
+        // Expanded row info
+        ,
+        expandedRowInfo: expandedRowInfo
+      });
+    });
+  } else {
+    rows = /*#__PURE__*/React.createElement(_ExpandedRow.default, {
+      expanded: true,
+      className: "".concat(prefixCls, "-placeholder"),
+      prefixCls: prefixCls,
+      component: trComponent,
+      cellComponent: tdComponent,
+      colSpan: flattenColumns.length,
+      isEmpty: true
+    }, emptyNode);
+  }
+  var columnsKey = (0, _valueUtil.getColumnsKey)(flattenColumns);
+  return /*#__PURE__*/React.createElement(_PerfContext.default.Provider, {
+    value: perfRef.current
+  }, /*#__PURE__*/React.createElement(WrapperComponent, {
+    style: bodyStyles.wrapper,
+    className: (0, _clsx.clsx)("".concat(prefixCls, "-tbody"), bodyCls.wrapper)
+  }, measureColumnWidth && /*#__PURE__*/React.createElement(_MeasureRow.default, {
+    prefixCls: prefixCls,
+    columnsKey: columnsKey,
+    onColumnResize: onColumnResize,
+    columns: flattenColumns
+  }), rows));
+};
+if (process.env.NODE_ENV !== 'production') {
+  Body.displayName = 'Body';
+}
+var _default = exports.default = (0, _TableContext.responseImmutable)(Body);