index.js 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. var _typeof = require("@babel/runtime/helpers/typeof");
  4. Object.defineProperty(exports, "__esModule", {
  5. value: true
  6. });
  7. exports.default = void 0;
  8. var _context = require("@rc-component/context");
  9. var React = _interopRequireWildcard(require("react"));
  10. var _PerfContext = _interopRequireDefault(require("../context/PerfContext"));
  11. var _TableContext = _interopRequireWildcard(require("../context/TableContext"));
  12. var _useFlattenRecords = _interopRequireDefault(require("../hooks/useFlattenRecords"));
  13. var _useRenderTimes = _interopRequireDefault(require("../hooks/useRenderTimes"));
  14. var _valueUtil = require("../utils/valueUtil");
  15. var _BodyRow = _interopRequireDefault(require("./BodyRow"));
  16. var _ExpandedRow = _interopRequireDefault(require("./ExpandedRow"));
  17. var _MeasureRow = _interopRequireDefault(require("./MeasureRow"));
  18. 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); }
  19. 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; }
  20. function Body(props) {
  21. if (process.env.NODE_ENV !== 'production') {
  22. (0, _useRenderTimes.default)(props);
  23. }
  24. var data = props.data,
  25. measureColumnWidth = props.measureColumnWidth;
  26. var _useContext = (0, _context.useContext)(_TableContext.default, ['prefixCls', 'getComponent', 'onColumnResize', 'flattenColumns', 'getRowKey', 'expandedKeys', 'childrenColumnName', 'emptyNode', 'expandedRowOffset', 'fixedInfoList', 'colWidths']),
  27. prefixCls = _useContext.prefixCls,
  28. getComponent = _useContext.getComponent,
  29. onColumnResize = _useContext.onColumnResize,
  30. flattenColumns = _useContext.flattenColumns,
  31. getRowKey = _useContext.getRowKey,
  32. expandedKeys = _useContext.expandedKeys,
  33. childrenColumnName = _useContext.childrenColumnName,
  34. emptyNode = _useContext.emptyNode,
  35. _useContext$expandedR = _useContext.expandedRowOffset,
  36. expandedRowOffset = _useContext$expandedR === void 0 ? 0 : _useContext$expandedR,
  37. colWidths = _useContext.colWidths;
  38. var flattenData = (0, _useFlattenRecords.default)(data, childrenColumnName, expandedKeys, getRowKey);
  39. var rowKeys = React.useMemo(function () {
  40. return flattenData.map(function (item) {
  41. return item.rowKey;
  42. });
  43. }, [flattenData]);
  44. // =================== Performance ====================
  45. var perfRef = React.useRef({
  46. renderWithProps: false
  47. });
  48. // ===================== Expanded =====================
  49. // `expandedRowOffset` data is same for all the rows.
  50. // Let's calc on Body side to save performance.
  51. var expandedRowInfo = React.useMemo(function () {
  52. var expandedColSpan = flattenColumns.length - expandedRowOffset;
  53. var expandedStickyStart = 0;
  54. for (var i = 0; i < expandedRowOffset; i += 1) {
  55. expandedStickyStart += colWidths[i] || 0;
  56. }
  57. return {
  58. offset: expandedRowOffset,
  59. colSpan: expandedColSpan,
  60. sticky: expandedStickyStart
  61. };
  62. }, [flattenColumns.length, expandedRowOffset, colWidths]);
  63. // ====================== Render ======================
  64. var WrapperComponent = getComponent(['body', 'wrapper'], 'tbody');
  65. var trComponent = getComponent(['body', 'row'], 'tr');
  66. var tdComponent = getComponent(['body', 'cell'], 'td');
  67. var thComponent = getComponent(['body', 'cell'], 'th');
  68. var rows;
  69. if (data.length) {
  70. rows = flattenData.map(function (item, idx) {
  71. var record = item.record,
  72. indent = item.indent,
  73. renderIndex = item.index,
  74. rowKey = item.rowKey;
  75. return /*#__PURE__*/React.createElement(_BodyRow.default, {
  76. key: rowKey,
  77. rowKey: rowKey,
  78. rowKeys: rowKeys,
  79. record: record,
  80. index: idx,
  81. renderIndex: renderIndex,
  82. rowComponent: trComponent,
  83. cellComponent: tdComponent,
  84. scopeCellComponent: thComponent,
  85. indent: indent
  86. // Expanded row info
  87. ,
  88. expandedRowInfo: expandedRowInfo
  89. });
  90. });
  91. } else {
  92. rows = /*#__PURE__*/React.createElement(_ExpandedRow.default, {
  93. expanded: true,
  94. className: "".concat(prefixCls, "-placeholder"),
  95. prefixCls: prefixCls,
  96. component: trComponent,
  97. cellComponent: tdComponent,
  98. colSpan: flattenColumns.length,
  99. isEmpty: true
  100. }, emptyNode);
  101. }
  102. var columnsKey = (0, _valueUtil.getColumnsKey)(flattenColumns);
  103. return /*#__PURE__*/React.createElement(_PerfContext.default.Provider, {
  104. value: perfRef.current
  105. }, /*#__PURE__*/React.createElement(WrapperComponent, {
  106. className: "".concat(prefixCls, "-tbody")
  107. }, measureColumnWidth && /*#__PURE__*/React.createElement(_MeasureRow.default, {
  108. prefixCls: prefixCls,
  109. columnsKey: columnsKey,
  110. onColumnResize: onColumnResize,
  111. columns: flattenColumns
  112. }), rows));
  113. }
  114. if (process.env.NODE_ENV !== 'production') {
  115. Body.displayName = 'Body';
  116. }
  117. var _default = exports.default = (0, _TableContext.responseImmutable)(Body);