Header.js 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  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 _TableContext = _interopRequireWildcard(require("../context/TableContext"));
  11. var _useRenderTimes = _interopRequireDefault(require("../hooks/useRenderTimes"));
  12. var _HeaderRow = _interopRequireDefault(require("./HeaderRow"));
  13. 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); }
  14. 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; }
  15. function parseHeaderRows(rootColumns) {
  16. var rows = [];
  17. function fillRowCells(columns, colIndex) {
  18. var rowIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
  19. // Init rows
  20. rows[rowIndex] = rows[rowIndex] || [];
  21. var currentColIndex = colIndex;
  22. var colSpans = columns.filter(Boolean).map(function (column) {
  23. var cell = {
  24. key: column.key,
  25. className: column.className || '',
  26. children: column.title,
  27. column: column,
  28. colStart: currentColIndex
  29. };
  30. var colSpan = 1;
  31. var subColumns = column.children;
  32. if (subColumns && subColumns.length > 0) {
  33. colSpan = fillRowCells(subColumns, currentColIndex, rowIndex + 1).reduce(function (total, count) {
  34. return total + count;
  35. }, 0);
  36. cell.hasSubColumns = true;
  37. }
  38. if ('colSpan' in column) {
  39. colSpan = column.colSpan;
  40. }
  41. if ('rowSpan' in column) {
  42. cell.rowSpan = column.rowSpan;
  43. }
  44. cell.colSpan = colSpan;
  45. cell.colEnd = cell.colStart + colSpan - 1;
  46. rows[rowIndex].push(cell);
  47. currentColIndex += colSpan;
  48. return colSpan;
  49. });
  50. return colSpans;
  51. }
  52. // Generate `rows` cell data
  53. fillRowCells(rootColumns, 0);
  54. // Handle `rowSpan`
  55. var rowCount = rows.length;
  56. var _loop = function _loop(rowIndex) {
  57. rows[rowIndex].forEach(function (cell) {
  58. if (!('rowSpan' in cell) && !cell.hasSubColumns) {
  59. // eslint-disable-next-line no-param-reassign
  60. cell.rowSpan = rowCount - rowIndex;
  61. }
  62. });
  63. };
  64. for (var rowIndex = 0; rowIndex < rowCount; rowIndex += 1) {
  65. _loop(rowIndex);
  66. }
  67. return rows;
  68. }
  69. var Header = function Header(props) {
  70. if (process.env.NODE_ENV !== 'production') {
  71. (0, _useRenderTimes.default)(props);
  72. }
  73. var stickyOffsets = props.stickyOffsets,
  74. columns = props.columns,
  75. flattenColumns = props.flattenColumns,
  76. onHeaderRow = props.onHeaderRow;
  77. var _useContext = (0, _context.useContext)(_TableContext.default, ['prefixCls', 'getComponent']),
  78. prefixCls = _useContext.prefixCls,
  79. getComponent = _useContext.getComponent;
  80. var rows = React.useMemo(function () {
  81. return parseHeaderRows(columns);
  82. }, [columns]);
  83. var WrapperComponent = getComponent(['header', 'wrapper'], 'thead');
  84. var trComponent = getComponent(['header', 'row'], 'tr');
  85. var thComponent = getComponent(['header', 'cell'], 'th');
  86. return /*#__PURE__*/React.createElement(WrapperComponent, {
  87. className: "".concat(prefixCls, "-thead")
  88. }, rows.map(function (row, rowIndex) {
  89. var rowNode = /*#__PURE__*/React.createElement(_HeaderRow.default, {
  90. key: rowIndex,
  91. flattenColumns: flattenColumns,
  92. cells: row,
  93. stickyOffsets: stickyOffsets,
  94. rowComponent: trComponent,
  95. cellComponent: thComponent,
  96. onHeaderRow: onHeaderRow,
  97. index: rowIndex
  98. });
  99. return rowNode;
  100. }));
  101. };
  102. var _default = exports.default = (0, _TableContext.responseImmutable)(Header);