@ucloud-pccl/react-components
Version:
UCloud pccl react components
171 lines (170 loc) • 8.4 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _miniStore = require("mini-store");
var _classnames = _interopRequireDefault(require("classnames"));
var _ColGroup = _interopRequireDefault(require("./ColGroup"));
var _TableHeader = _interopRequireDefault(require("./TableHeader"));
var _TableRow = _interopRequireDefault(require("./TableRow"));
var _ExpandableRow = _interopRequireDefault(require("./ExpandableRow"));
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
var BaseTable = /*#__PURE__*/function (_React$Component) {
function BaseTable() {
var _this;
(0, _classCallCheck2.default)(this, BaseTable);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _callSuper(this, BaseTable, [].concat(args));
_this.renderRows = function (renderData, indent) {
var ancestorKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
var table = _this.context.table;
var columnManager = table.columnManager,
components = table.components;
var _table$props = table.props,
prefixCls = _table$props.prefixCls,
childrenColumnName = _table$props.childrenColumnName,
rowClassName = _table$props.rowClassName,
rowRef = _table$props.rowRef,
onRow = _table$props.onRow;
var _this$props = _this.props,
getRowKey = _this$props.getRowKey,
expander = _this$props.expander;
var rows = [];
var _loop = function _loop(i) {
var _this2 = this;
var record = renderData[i];
var key = getRowKey(record, i);
var className = typeof rowClassName === 'string' ? rowClassName : rowClassName(record, i, indent);
var leafColumns = _this.getColumns(columnManager.leafColumns());
var rowPrefixCls = "".concat(prefixCls, "-row");
var row = /*#__PURE__*/_react.default.createElement(_ExpandableRow.default, (0, _extends2.default)({}, expander.props, {
index: i,
prefixCls: rowPrefixCls,
record: record,
key: key,
rowKey: key,
needIndentSpaced: expander.needIndentSpaced,
onExpandedChange: expander.handleExpandChange
}), function (expandableRow // eslint-disable-line
) {
(0, _newArrowCheck2.default)(this, _this2);
return /*#__PURE__*/_react.default.createElement(_TableRow.default, (0, _extends2.default)({
indent: indent,
className: className,
record: record,
index: i,
prefixCls: rowPrefixCls,
childrenColumnName: childrenColumnName,
columns: leafColumns,
onRow: onRow,
rowKey: key,
ancestorKeys: ancestorKeys,
ref: rowRef(record, i, indent),
components: components
}, expandableRow));
}.bind(this));
rows.push(row);
expander.renderRows(_this.renderRows, rows, record, i, indent, key, ancestorKeys);
};
for (var i = 0; i < renderData.length; i++) {
_loop(i);
}
return rows;
};
return _this;
}
(0, _inherits2.default)(BaseTable, _React$Component);
return (0, _createClass2.default)(BaseTable, [{
key: "getColumns",
value: function getColumns(cols) {
var _this3 = this;
var _this$props$columns = this.props.columns,
columns = _this$props$columns === void 0 ? [] : _this$props$columns;
var table = this.context.table;
var prefixCls = table.props.prefixCls;
return (cols || columns).map(function (column) {
(0, _newArrowCheck2.default)(this, _this3);
return _objectSpread(_objectSpread({}, column), {}, {
className: column.fixed ? (0, _classnames.default)("".concat(prefixCls, "-fixed-columns-in-body"), column.className) : column.className
});
}.bind(this));
}
}, {
key: "render",
value: function render() {
var table = this.context.table;
var components = table.components;
var _table$props2 = table.props,
prefixCls = _table$props2.prefixCls,
scroll = _table$props2.scroll,
data = _table$props2.data;
var _this$props2 = this.props,
expander = _this$props2.expander,
tableClassName = _this$props2.tableClassName,
hasHead = _this$props2.hasHead,
hasBody = _this$props2.hasBody,
fixed = _this$props2.fixed,
tableLayout = _this$props2.tableLayout;
var tableStyle = {};
if (!fixed && scroll.x && scroll.x !== true) {
tableStyle.width = scroll.x;
}
if (tableLayout === 'fixed') {
tableStyle.tableLayout = 'fixed';
}
var Table = hasBody ? components.table : 'table';
var BodyWrapper = components.body.wrapper;
var body;
if (hasBody) {
body = /*#__PURE__*/_react.default.createElement(BodyWrapper, {
className: "".concat(prefixCls, "-tbody")
}, this.renderRows(data, 0));
}
var columns = this.getColumns();
return /*#__PURE__*/_react.default.createElement(Table, {
className: tableClassName,
style: tableStyle,
key: "table"
}, /*#__PURE__*/_react.default.createElement(_ColGroup.default, {
columns: columns,
fixed: fixed
}), hasHead && /*#__PURE__*/_react.default.createElement(_TableHeader.default, {
expander: expander,
columns: columns,
fixed: fixed
}), body);
}
}]);
}(_react.default.Component);
BaseTable.propTypes = {
fixed: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
columns: _propTypes.default.array.isRequired,
tableClassName: _propTypes.default.string.isRequired,
hasHead: _propTypes.default.bool.isRequired,
hasBody: _propTypes.default.bool.isRequired,
store: _propTypes.default.object.isRequired,
expander: _propTypes.default.object.isRequired,
getRowKey: _propTypes.default.func,
tableLayout: _propTypes.default.oneOf(['fixed', 'auto'])
};
BaseTable.contextTypes = {
table: _propTypes.default.any
};
var _default = exports.default = (0, _miniStore.connect)()(BaseTable);