react-cqtoolbox
Version:
[![Travis][build-badge]][build] [![npm package][npm-badge]][npm] [![Coveralls][coveralls-badge]][coveralls]
324 lines (282 loc) • 11.7 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.tableFactory = undefined;
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _jsxFileName = '/Users/chenyutian0510/Documents/dev-js/chuangqi/react-cqtoolbox/components/table/Table.js';
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _pureRender = require('../decorator/pureRender');
var _pureRender2 = _interopRequireDefault(_pureRender);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var factory = function factory(Head, Body, Tr, Th, Td, Loader) {
var _class, _temp2;
var Table = (_temp2 = _class = function (_Component) {
_inherits(Table, _Component);
function Table() {
var _ref,
_this2 = this;
var _temp, _this, _ret;
_classCallCheck(this, Table);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Table.__proto__ || Object.getPrototypeOf(Table)).call.apply(_ref, [this].concat(args))), _this), _this.getTableClasses = function () {
var _this$props = _this.props,
theme = _this$props.theme,
size = _this$props.size,
className = _this$props.className;
return (0, _classnames2.default)(theme.table, [theme[size]], className);
}, _this.renderLoad = function (columns) {
return _react2.default.createElement(
Tr,
{
__source: {
fileName: _jsxFileName,
lineNumber: 50
},
__self: _this2
},
_react2.default.createElement(
Td,
{ colSpan: columns.length, __source: {
fileName: _jsxFileName,
lineNumber: 51
},
__self: _this2
},
_react2.default.createElement(Loader, { theme: _this.props.theme, __source: {
fileName: _jsxFileName,
lineNumber: 52
},
__self: _this2
})
)
);
}, _this.renderColGroup = function (columns) {
return _react2.default.createElement(
'colGroup',
{ key: 'colgroup', __source: {
fileName: _jsxFileName,
lineNumber: 59
},
__self: _this2
},
columns.map(function (item) {
var props = {
key: item.key
};
if (item.width) {
props.style = { width: item.width, minWidth: item.width };
}
return _react2.default.createElement('col', _extends({}, props, {
__source: {
fileName: _jsxFileName,
lineNumber: 69
},
__self: _this2
}));
})
);
}, _this.renderHead = function (columns) {
return _react2.default.createElement(
Head,
{ key: 'head', __source: {
fileName: _jsxFileName,
lineNumber: 77
},
__self: _this2
},
_react2.default.createElement(
Tr,
{
__source: {
fileName: _jsxFileName,
lineNumber: 78
},
__self: _this2
},
columns.map(function (item) {
return _react2.default.createElement(
Th,
{ key: item.key, __source: {
fileName: _jsxFileName,
lineNumber: 80
},
__self: _this2
},
typeof item.title === 'function' ? item.title() : item.title
);
})
)
);
}, _this.renderBody = function (columns, dataSource) {
var loading = _this.props.loading;
return _react2.default.createElement(
Body,
{ key: 'body', __source: {
fileName: _jsxFileName,
lineNumber: 94
},
__self: _this2
},
loading ? _this.renderLoad(columns) : dataSource.map(_this.renderBodyTr)
);
}, _this.renderBodyTr = function (item, index) {
var _this$props2 = _this.props,
columns = _this$props2.columns,
rowKey = _this$props2.rowKey,
hoverable = _this$props2.hoverable,
selectedRowKeys = _this$props2.selectedRowKeys;
var key = item.key || (typeof rowKey === 'function' ? rowKey(item) : item[rowKey]);
var isActive = !!~selectedRowKeys.indexOf(key);
return _react2.default.createElement(
Tr,
{ key: key, hoverable: hoverable, active: isActive, __source: {
fileName: _jsxFileName,
lineNumber: 106
},
__self: _this2
},
columns.map(function (column) {
var title = column.title,
width = column.width,
field = column.field,
render = column.render,
other = _objectWithoutProperties(column, ['title', 'width', 'field', 'render']); // eslint-disable-line
return _react2.default.createElement(
Td,
_extends({}, other, {
__source: {
fileName: _jsxFileName,
lineNumber: 111
},
__self: _this2
}),
render ? column.render(item[field], item, index) : item[field]
);
})
);
}, _this.renderScrollHeader = function (columns, dataSource) {
var theme = _this.props.theme;
return _react2.default.createElement(
'div',
{ key: 'scrollHeader', className: theme.scrollHeader, __source: {
fileName: _jsxFileName,
lineNumber: 127
},
__self: _this2
},
_react2.default.createElement(
'table',
{ className: _this.getTableClasses(), __source: {
fileName: _jsxFileName,
lineNumber: 128
},
__self: _this2
},
[_this.renderColGroup(columns), _this.renderHead(columns)]
)
);
}, _this.renderScrollBody = function (columns, dataSource) {
var _this$props3 = _this.props,
theme = _this$props3.theme,
scrollY = _this$props3.scrollY;
var style = { maxHeight: scrollY };
return _react2.default.createElement(
'div',
{
key: 'scrollBody',
style: style,
className: theme.scrollBody, __source: {
fileName: _jsxFileName,
lineNumber: 143
},
__self: _this2
},
_react2.default.createElement(
'table',
{ className: _this.getTableClasses(), __source: {
fileName: _jsxFileName,
lineNumber: 147
},
__self: _this2
},
[_this.renderColGroup(columns), _this.renderBody(columns, dataSource)]
)
);
}, _temp), _possibleConstructorReturn(_this, _ret);
}
_createClass(Table, [{
key: 'render',
value: function render() {
var _props = this.props,
theme = _props.theme,
columns = _props.columns,
scrollY = _props.scrollY,
dataSource = _props.dataSource;
if (scrollY) {
return _react2.default.createElement(
'div',
{ className: theme.scrollTable, __source: {
fileName: _jsxFileName,
lineNumber: 168
},
__self: this
},
[this.renderScrollHeader(columns, dataSource), this.renderScrollBody(columns, dataSource)]
);
}
return _react2.default.createElement(
'table',
{ className: this.getTableClasses(), __source: {
fileName: _jsxFileName,
lineNumber: 178
},
__self: this
},
[this.renderColGroup(columns), this.renderHead(columns), this.renderBody(columns, dataSource)]
);
}
}]);
return Table;
}(_react.Component), _class.propTypes = {
className: _react.PropTypes.string,
columns: _react.PropTypes.array,
dataSource: _react.PropTypes.array,
loading: _react.PropTypes.bool,
hoverable: _react.PropTypes.bool,
scrollY: _react.PropTypes.number,
size: _react.PropTypes.oneOf(['small', 'normal']),
rowKey: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.func]),
selectedRowKeys: _react.PropTypes.array,
theme: _react.PropTypes.shape({
table: _react.PropTypes.string,
loadWrapper: _react.PropTypes.string,
normal: _react.PropTypes.string,
small: _react.PropTypes.string,
th: _react.PropTypes.string,
td: _react.PropTypes.string,
withHover: _react.PropTypes.string,
active: _react.PropTypes.string,
scrollTable: _react.PropTypes.string,
scrollHeader: _react.PropTypes.string,
scrollBody: _react.PropTypes.string
})
}, _class.defaultProps = {
size: 'normal',
loading: false,
hoverable: false,
selectedRowKeys: []
}, _temp2);
return (0, _pureRender2.default)(Table);
};
exports.tableFactory = factory;