choerodon-ui
Version:
An enterprise-class UI design language and React-based implementation
96 lines (80 loc) • 2.66 kB
JavaScript
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = TableHeader;
var _react = _interopRequireWildcard(require("react"));
var _TableHeaderRow = _interopRequireDefault(require("./TableHeaderRow"));
var _TableContext = _interopRequireDefault(require("./TableContext"));
function getHeaderRows(columns) {
var currentRow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
var rows = arguments.length > 2 ? arguments[2] : undefined;
rows = rows || [];
rows[currentRow] = rows[currentRow] || [];
columns.forEach(function (column) {
if (column.rowSpan && rows.length < column.rowSpan) {
while (rows.length < column.rowSpan) {
rows.push([]);
}
}
var cell = {
key: column.key,
className: column.className || '',
children: column.title,
tabIndex: -1,
column: column
};
if (column.children) {
getHeaderRows(column.children, currentRow + 1, rows);
}
if ('colSpan' in column) {
cell.colSpan = column.colSpan;
}
if ('rowSpan' in column) {
cell.rowSpan = column.rowSpan;
}
if (cell.colSpan !== 0) {
rows[currentRow].push(cell);
}
});
return rows.filter(function (row) {
return row.length > 0;
});
}
function TableHeader(props) {
var table = (0, _react.useContext)(_TableContext["default"]);
var components = table.components;
var _table$props = table.props,
prefixCls = _table$props.prefixCls,
showHeader = _table$props.showHeader,
onHeaderRow = _table$props.onHeaderRow;
var expander = props.expander,
columns = props.columns,
fixed = props.fixed,
placeholder = props.placeholder;
if (!showHeader) {
return null;
}
var rows = getHeaderRows(columns);
expander.renderExpandIndentCell(rows, fixed);
var HeaderWrapper = components.header.wrapper;
return /*#__PURE__*/_react["default"].createElement(HeaderWrapper, {
className: "".concat(prefixCls, "-thead")
}, rows.map(function (row, index) {
return /*#__PURE__*/_react["default"].createElement(_TableHeaderRow["default"], {
key: index,
index: index,
fixed: fixed,
columns: columns,
rows: rows,
row: row,
components: components,
onHeaderRow: onHeaderRow,
placeholder: index === 0 && placeholder,
prefixCls: prefixCls
});
}));
}
//# sourceMappingURL=TableHeader.js.map
;