BodyLine.js 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
  3. import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
  4. import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
  5. var _excluded = ["data", "index", "className", "rowKey", "style", "extra", "getHeight"];
  6. import { useContext } from '@rc-component/context';
  7. import classNames from 'classnames';
  8. import * as React from 'react';
  9. import Cell from "../Cell";
  10. import TableContext, { responseImmutable } from "../context/TableContext";
  11. import useRowInfo from "../hooks/useRowInfo";
  12. import VirtualCell from "./VirtualCell";
  13. import { StaticContext } from "./context";
  14. import { computedExpandedClassName } from "../utils/expandUtil";
  15. var BodyLine = /*#__PURE__*/React.forwardRef(function (props, ref) {
  16. var data = props.data,
  17. index = props.index,
  18. className = props.className,
  19. rowKey = props.rowKey,
  20. style = props.style,
  21. extra = props.extra,
  22. getHeight = props.getHeight,
  23. restProps = _objectWithoutProperties(props, _excluded);
  24. var record = data.record,
  25. indent = data.indent,
  26. renderIndex = data.index;
  27. var _useContext = useContext(TableContext, ['prefixCls', 'flattenColumns', 'fixColumn', 'componentWidth', 'scrollX']),
  28. scrollX = _useContext.scrollX,
  29. flattenColumns = _useContext.flattenColumns,
  30. prefixCls = _useContext.prefixCls,
  31. fixColumn = _useContext.fixColumn,
  32. componentWidth = _useContext.componentWidth;
  33. var _useContext2 = useContext(StaticContext, ['getComponent']),
  34. getComponent = _useContext2.getComponent;
  35. var rowInfo = useRowInfo(record, rowKey, index, indent);
  36. var RowComponent = getComponent(['body', 'row'], 'div');
  37. var cellComponent = getComponent(['body', 'cell'], 'div');
  38. // ========================== Expand ==========================
  39. var rowSupportExpand = rowInfo.rowSupportExpand,
  40. expanded = rowInfo.expanded,
  41. rowProps = rowInfo.rowProps,
  42. expandedRowRender = rowInfo.expandedRowRender,
  43. expandedRowClassName = rowInfo.expandedRowClassName;
  44. var expandRowNode;
  45. if (rowSupportExpand && expanded) {
  46. var expandContent = expandedRowRender(record, index, indent + 1, expanded);
  47. var expandedClsName = computedExpandedClassName(expandedRowClassName, record, index, indent);
  48. var additionalProps = {};
  49. if (fixColumn) {
  50. additionalProps = {
  51. style: _defineProperty({}, '--virtual-width', "".concat(componentWidth, "px"))
  52. };
  53. }
  54. var rowCellCls = "".concat(prefixCls, "-expanded-row-cell");
  55. expandRowNode = /*#__PURE__*/React.createElement(RowComponent, {
  56. className: classNames("".concat(prefixCls, "-expanded-row"), "".concat(prefixCls, "-expanded-row-level-").concat(indent + 1), expandedClsName)
  57. }, /*#__PURE__*/React.createElement(Cell, {
  58. component: cellComponent,
  59. prefixCls: prefixCls,
  60. className: classNames(rowCellCls, _defineProperty({}, "".concat(rowCellCls, "-fixed"), fixColumn)),
  61. additionalProps: additionalProps
  62. }, expandContent));
  63. }
  64. // ========================== Render ==========================
  65. var rowStyle = _objectSpread(_objectSpread({}, style), {}, {
  66. width: scrollX
  67. });
  68. if (extra) {
  69. rowStyle.position = 'absolute';
  70. rowStyle.pointerEvents = 'none';
  71. }
  72. var rowNode = /*#__PURE__*/React.createElement(RowComponent, _extends({}, rowProps, restProps, {
  73. "data-row-key": rowKey,
  74. ref: rowSupportExpand ? null : ref,
  75. className: classNames(className, "".concat(prefixCls, "-row"), rowProps === null || rowProps === void 0 ? void 0 : rowProps.className, _defineProperty({}, "".concat(prefixCls, "-row-extra"), extra)),
  76. style: _objectSpread(_objectSpread({}, rowStyle), rowProps === null || rowProps === void 0 ? void 0 : rowProps.style)
  77. }), flattenColumns.map(function (column, colIndex) {
  78. return /*#__PURE__*/React.createElement(VirtualCell, {
  79. key: colIndex,
  80. component: cellComponent,
  81. rowInfo: rowInfo,
  82. column: column,
  83. colIndex: colIndex,
  84. indent: indent,
  85. index: index,
  86. renderIndex: renderIndex,
  87. record: record,
  88. inverse: extra,
  89. getHeight: getHeight
  90. });
  91. }));
  92. if (rowSupportExpand) {
  93. return /*#__PURE__*/React.createElement("div", {
  94. ref: ref
  95. }, rowNode, expandRowNode);
  96. }
  97. return rowNode;
  98. });
  99. var ResponseBodyLine = responseImmutable(BodyLine);
  100. if (process.env.NODE_ENV !== 'production') {
  101. ResponseBodyLine.displayName = 'BodyLine';
  102. }
  103. export default ResponseBodyLine;