123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173 |
- import _extends from "@babel/runtime/helpers/esm/extends";
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
- 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";
- import { computedExpandedClassName } from "../utils/expandUtil";
- // ==================================================================================
- // == getCellProps ==
- // ==================================================================================
- export function getCellProps(rowInfo, column, colIndex, indent, index) {
- var _column$onCell;
- var rowKeys = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : [];
- var expandedRowOffset = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 0;
- 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,
- expandable = rowInfo.expandable,
- expandedKeys = rowInfo.expandedKeys;
- 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 = ((_column$onCell = column.onCell) === null || _column$onCell === void 0 ? void 0 : _column$onCell.call(column, record, index)) || {};
- // Expandable row has offset
- if (expandedRowOffset) {
- var _additionalCellProps$ = additionalCellProps.rowSpan,
- rowSpan = _additionalCellProps$ === void 0 ? 1 : _additionalCellProps$;
- // For expandable row with rowSpan,
- // We should increase the rowSpan if the row is expanded
- if (expandable && rowSpan && colIndex < expandedRowOffset) {
- var currentRowSpan = rowSpan;
- for (var i = index; i < index + rowSpan; i += 1) {
- var rowKey = rowKeys[i];
- if (expandedKeys.has(rowKey)) {
- currentRowSpan += 1;
- }
- }
- additionalCellProps.rowSpan = currentRowSpan;
- }
- }
- 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,
- rowKeys = props.rowKeys,
- _props$indent = props.indent,
- indent = _props$indent === void 0 ? 0 : _props$indent,
- RowComponent = props.rowComponent,
- cellComponent = props.cellComponent,
- scopeCellComponent = props.scopeCellComponent,
- expandedRowInfo = props.expandedRowInfo;
- 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);
- }
- // 若没有 expandedRowRender 参数, 将使用 baseRowNode 渲染 Children
- // 此时如果 level > 1 则说明是 expandedRow, 一样需要附加 computedExpandedRowClassName
- var expandedClsName = computedExpandedClassName(expandedRowClassName, record, index, indent);
- // ======================== 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, _defineProperty({}, expandedClsName, indent >= 1)),
- 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, rowKeys, expandedRowInfo === null || expandedRowInfo === void 0 ? void 0 : expandedRowInfo.offset),
- 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);
- expandRowNode = /*#__PURE__*/React.createElement(ExpandedRow, {
- expanded: expanded,
- className: classNames("".concat(prefixCls, "-expanded-row"), "".concat(prefixCls, "-expanded-row-level-").concat(indent + 1), expandedClsName),
- prefixCls: prefixCls,
- component: RowComponent,
- cellComponent: cellComponent,
- colSpan: expandedRowInfo ? expandedRowInfo.colSpan : flattenColumns.length,
- stickyOffset: expandedRowInfo === null || expandedRowInfo === void 0 ? void 0 : expandedRowInfo.sticky,
- isEmpty: false
- }, expandContent);
- }
- return /*#__PURE__*/React.createElement(React.Fragment, null, baseRowNode, expandRowNode);
- }
- if (process.env.NODE_ENV !== 'production') {
- BodyRow.displayName = 'BodyRow';
- }
- export default responseImmutable(BodyRow);
|