UNPKG

choerodon-ui

Version:

An enterprise-class UI design language and React-based implementation

82 lines (68 loc) 2.92 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"]; Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var _react = _interopRequireDefault(require("react")); var _classnames = _interopRequireDefault(require("classnames")); var _utils = require("./utils"); var _excluded = ["header", "className", "children", "classPrefix", "headerHeight", "verticalAlign", "width", "left"]; var ColumnGroup = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) { var header = props.header, className = props.className, children = props.children, classPrefix = props.classPrefix, _props$headerHeight = props.headerHeight, headerHeight = _props$headerHeight === void 0 ? 80 : _props$headerHeight, verticalAlign = props.verticalAlign, width = props.width, left = props.left, rest = (0, _objectWithoutProperties2["default"])(props, _excluded); var height = headerHeight / 2; var styles = { height: height, width: width, left: left }; var contentStyles = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, styles), {}, { verticalAlign: verticalAlign }); var addPrefix = function addPrefix(name) { return (0, _utils.prefix)(classPrefix)(name); }; return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({ ref: ref, className: (0, _classnames["default"])(classPrefix, className) }, rest), /*#__PURE__*/_react["default"].createElement("div", { className: addPrefix('header'), style: styles }, /*#__PURE__*/_react["default"].createElement("div", { className: addPrefix('header-content'), style: contentStyles }, header)), _react["default"].Children.map(children, function (node) { var nodeStyles = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, node.props.style), {}, { top: styles.height, left: styles.left }); return /*#__PURE__*/_react["default"].cloneElement(node, { className: addPrefix('cell'), style: nodeStyles, children: /*#__PURE__*/_react["default"].createElement("span", { className: addPrefix('cell-content') }, node.props.children) }); })); }); ColumnGroup.displayName = 'ColumnGroup'; ColumnGroup.__PRO_TABLE_COLUMN_GROUP = true; ColumnGroup.defaultProps = { headerHeight: 80, classPrefix: (0, _utils.defaultClassPrefix)('performance-table-column-group') }; var _default = ColumnGroup; exports["default"] = _default; //# sourceMappingURL=ColumnGroup.js.map