1

2026-05-25 17:08:18 +08:00
parent df501f6151
commit f1259b71b5
9178 changed files with 1626125 additions and 0 deletions
@@ -0,0 +1,123 @@
+import { useContext } from '@rc-component/context';
+import * as React from 'react';
+import { clsx } from 'clsx';
+import PerfContext from "../context/PerfContext";
+import TableContext, { responseImmutable } from "../context/TableContext";
+import useFlattenRecords from "../hooks/useFlattenRecords";
+import devRenderTimes from "../hooks/useRenderTimes";
+import { getColumnsKey } from "../utils/valueUtil";
+import BodyRow from "./BodyRow";
+import ExpandedRow from "./ExpandedRow";
+import MeasureRow from "./MeasureRow";
+const Body = props => {
+  if (process.env.NODE_ENV !== 'production') {
+    devRenderTimes(props);
+  }
+  const {
+    data,
+    measureColumnWidth
+  } = props;
+  const {
+    prefixCls,
+    getComponent,
+    onColumnResize,
+    flattenColumns,
+    getRowKey,
+    expandedKeys,
+    childrenColumnName,
+    emptyNode,
+    classNames,
+    styles,
+    expandedRowOffset = 0,
+    colWidths
+  } = useContext(TableContext, ['prefixCls', 'getComponent', 'onColumnResize', 'flattenColumns', 'getRowKey', 'expandedKeys', 'childrenColumnName', 'emptyNode', 'classNames', 'styles', 'expandedRowOffset', 'fixedInfoList', 'colWidths']);
+  const {
+    body: bodyCls = {}
+  } = classNames || {};
+  const {
+    body: bodyStyles = {}
+  } = styles || {};
+  const flattenData = useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey);
+  const rowKeys = React.useMemo(() => flattenData.map(item => item.rowKey), [flattenData]);
+
+  // =================== Performance ====================
+  const perfRef = React.useRef({
+    renderWithProps: false
+  });
+
+  // ===================== Expanded =====================
+  // `expandedRowOffset` data is same for all the rows.
+  // Let's calc on Body side to save performance.
+  const expandedRowInfo = React.useMemo(() => {
+    const expandedColSpan = flattenColumns.length - expandedRowOffset;
+    let expandedStickyStart = 0;
+    for (let i = 0; i < expandedRowOffset; i += 1) {
+      expandedStickyStart += colWidths[i] || 0;
+    }
+    return {
+      offset: expandedRowOffset,
+      colSpan: expandedColSpan,
+      sticky: expandedStickyStart
+    };
+  }, [flattenColumns.length, expandedRowOffset, colWidths]);
+
+  // ====================== Render ======================
+  const WrapperComponent = getComponent(['body', 'wrapper'], 'tbody');
+  const trComponent = getComponent(['body', 'row'], 'tr');
+  const tdComponent = getComponent(['body', 'cell'], 'td');
+  const thComponent = getComponent(['body', 'cell'], 'th');
+  let rows;
+  if (data.length) {
+    rows = flattenData.map((item, idx) => {
+      const {
+        record,
+        indent,
+        index: renderIndex,
+        rowKey
+      } = item;
+      return /*#__PURE__*/React.createElement(BodyRow, {
+        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, {
+      expanded: true,
+      className: `${prefixCls}-placeholder`,
+      prefixCls: prefixCls,
+      component: trComponent,
+      cellComponent: tdComponent,
+      colSpan: flattenColumns.length,
+      isEmpty: true
+    }, emptyNode);
+  }
+  const columnsKey = getColumnsKey(flattenColumns);
+  return /*#__PURE__*/React.createElement(PerfContext.Provider, {
+    value: perfRef.current
+  }, /*#__PURE__*/React.createElement(WrapperComponent, {
+    style: bodyStyles.wrapper,
+    className: clsx(`${prefixCls}-tbody`, bodyCls.wrapper)
+  }, measureColumnWidth && /*#__PURE__*/React.createElement(MeasureRow, {
+    prefixCls: prefixCls,
+    columnsKey: columnsKey,
+    onColumnResize: onColumnResize,
+    columns: flattenColumns
+  }), rows));
+};
+if (process.env.NODE_ENV !== 'production') {
+  Body.displayName = 'Body';
+}
+export default responseImmutable(Body);