import _extends from "@babel/runtime/helpers/esm/extends"; import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2"; import classNames from 'classnames'; import * as React from 'react'; import Cell from "../Cell"; import { responseImmutable } from "../context/TableContext"; import devRenderTimes from "../hooks/useRenderTimes"; import useRowInfo from "../hooks/useRowInfo"; import ExpandedRow from "./ExpandedRow"; // ================================================================================== // == getCellProps == // ================================================================================== export function getCellProps(rowInfo, column, colIndex, indent, index) { 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; 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; if (column.onCell) { additionalCellProps = column.onCell(record, index); } return { key: key, fixedInfo: fixedInfo, appendCellNode: appendCellNode, additionalCellProps: additionalCellProps || {} }; } // ================================================================================== // == getCellProps == // ================================================================================== function BodyRow(props) { if (process.env.NODE_ENV !== 'production') { devRenderTimes(props); } var className = props.className, style = props.style, record = props.record, index = props.index, renderIndex = props.renderIndex, rowKey = props.rowKey, _props$indent = props.indent, indent = _props$indent === void 0 ? 0 : _props$indent, RowComponent = props.rowComponent, cellComponent = props.cellComponent, scopeCellComponent = props.scopeCellComponent; var rowInfo = useRowInfo(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') { devRenderTimes(props); } // ======================== Base tr row ======================== var baseRowNode = /*#__PURE__*/React.createElement(RowComponent, _extends({}, rowProps, { "data-row-key": rowKey, className: classNames(className, "".concat(prefixCls, "-row"), "".concat(prefixCls, "-row-level-").concat(indent), rowProps === null || rowProps === void 0 ? void 0 : rowProps.className), style: _objectSpread(_objectSpread({}, style), rowProps === null || rowProps === void 0 ? void 0 : rowProps.style) }), flattenColumns.map(function (column, colIndex) { var render = column.render, dataIndex = column.dataIndex, columnClassName = column.className; var _getCellProps = getCellProps(rowInfo, column, colIndex, indent, index), key = _getCellProps.key, fixedInfo = _getCellProps.fixedInfo, appendCellNode = _getCellProps.appendCellNode, additionalCellProps = _getCellProps.additionalCellProps; return /*#__PURE__*/React.createElement(Cell, _extends({ className: columnClassName, 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); var computedExpandedRowClassName = expandedRowClassName && expandedRowClassName(record, index, indent); expandRowNode = /*#__PURE__*/React.createElement(ExpandedRow, { expanded: expanded, className: classNames("".concat(prefixCls, "-expanded-row"), "".concat(prefixCls, "-expanded-row-level-").concat(indent + 1), computedExpandedRowClassName), prefixCls: prefixCls, component: RowComponent, cellComponent: cellComponent, colSpan: flattenColumns.length, isEmpty: false }, expandContent); } return /*#__PURE__*/React.createElement(React.Fragment, null, baseRowNode, expandRowNode); } BodyRow.displayName = 'BodyRow'; export default responseImmutable(BodyRow);