bee-table/build/TableRow.js

324 lines
10 KiB
JavaScript
Raw Normal View History

2017-01-12 08:53:51 +08:00
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
2017-01-12 08:53:51 +08:00
var _TableCell = require('./TableCell');
var _TableCell2 = _interopRequireDefault(_TableCell);
var _ExpandIcon = require('./ExpandIcon');
var _ExpandIcon2 = _interopRequireDefault(_ExpandIcon);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
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) : _defaults(subClass, superClass); }
var propTypes = {
onDestroy: _propTypes2["default"].func,
onRowClick: _propTypes2["default"].func,
onRowDoubleClick: _propTypes2["default"].func,
record: _propTypes2["default"].object,
clsPrefix: _propTypes2["default"].string,
expandIconColumnIndex: _propTypes2["default"].number,
onHover: _propTypes2["default"].func,
columns: _propTypes2["default"].array,
height: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].number]),
visible: _propTypes2["default"].bool,
index: _propTypes2["default"].number,
hoverKey: _propTypes2["default"].any,
expanded: _propTypes2["default"].bool,
expandable: _propTypes2["default"].any,
onExpand: _propTypes2["default"].func,
needIndentSpaced: _propTypes2["default"].bool,
className: _propTypes2["default"].string,
indent: _propTypes2["default"].number,
indentSize: _propTypes2["default"].number,
expandIconAsCell: _propTypes2["default"].bool,
expandRowByClick: _propTypes2["default"].bool,
store: _propTypes2["default"].object.isRequired
2017-01-12 08:53:51 +08:00
};
var defaultProps = {
onRowClick: function onRowClick() {},
onRowDoubleClick: function onRowDoubleClick() {},
onDestroy: function onDestroy() {},
expandIconColumnIndex: 0,
expandRowByClick: false,
2018-12-24 17:13:56 +08:00
onHover: function onHover() {},
2019-01-07 14:57:58 +08:00
className: '',
setRowParentIndex: function setRowParentIndex() {}
2017-01-12 08:53:51 +08:00
};
var TableRow = function (_Component) {
_inherits(TableRow, _Component);
function TableRow(props) {
_classCallCheck(this, TableRow);
var _this = _possibleConstructorReturn(this, _Component.call(this, props));
2018-05-02 15:37:38 +08:00
_this.set = function (fn) {
_this.clear();
_this._timeout = window.setTimeout(fn, 300);
};
_this.clear = function (event) {
if (_this._timeout) {
window.clearTimeout(_this._timeout);
}
};
_this.bindElement = function (el) {
_this.element = el;
};
2018-05-02 15:37:38 +08:00
_this._timeout = null;
2017-01-12 08:53:51 +08:00
_this.state = {
hovered: false
};
_this.onRowClick = _this.onRowClick.bind(_this);
_this.onRowDoubleClick = _this.onRowDoubleClick.bind(_this);
_this.onMouseEnter = _this.onMouseEnter.bind(_this);
_this.onMouseLeave = _this.onMouseLeave.bind(_this);
_this.expandHeight = 0;
2017-01-12 08:53:51 +08:00
return _this;
}
TableRow.prototype.componentDidMount = function componentDidMount() {
var _this2 = this;
var _props = this.props,
store = _props.store,
2019-01-07 14:57:58 +08:00
hoverKey = _props.hoverKey,
treeType = _props.treeType;
2017-01-12 08:53:51 +08:00
this.unsubscribe = store.subscribe(function () {
if (store.getState().currentHoverKey === hoverKey) {
_this2.setState({ hovered: true });
} else if (_this2.state.hovered === true) {
_this2.setState({ hovered: false });
}
});
this.setRowHeight();
2019-01-07 14:57:58 +08:00
if (treeType) {
this.setRowParentIndex();
}
};
TableRow.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
2019-01-07 14:57:58 +08:00
if (this.props.treeType) {
this.setRowParentIndex();
}
2019-01-17 18:42:57 +08:00
this.setRowHeight();
2017-01-12 08:53:51 +08:00
};
TableRow.prototype.componentWillUnmount = function componentWillUnmount() {
var _props2 = this.props,
record = _props2.record,
onDestroy = _props2.onDestroy,
index = _props2.index;
onDestroy(record, index);
if (this.unsubscribe) {
this.unsubscribe();
}
};
TableRow.prototype.setRowHeight = function setRowHeight() {
2017-01-12 08:53:51 +08:00
var _props3 = this.props,
setRowHeight = _props3.setRowHeight,
2018-12-26 16:33:36 +08:00
_props3$expandedConte = _props3.expandedContentHeight,
expandedContentHeight = _props3$expandedConte === undefined ? 0 : _props3$expandedConte,
2019-01-07 14:57:58 +08:00
fixed = _props3.fixed,
fixedIndex = _props3.fixedIndex;
if (!setRowHeight || !this.element || fixed) return;
2019-01-07 14:57:58 +08:00
setRowHeight(this.element.clientHeight + expandedContentHeight, fixedIndex);
};
2019-01-07 14:57:58 +08:00
TableRow.prototype.setRowParentIndex = function setRowParentIndex() {
var _props4 = this.props,
index = _props4.index,
2019-01-07 14:57:58 +08:00
setRowParentIndex = _props4.setRowParentIndex,
fixedIndex = _props4.fixedIndex,
rootIndex = _props4.rootIndex;
// console.log('rootIndex',rootIndex<0?index:rootIndex,'index',fixedIndex);
setRowParentIndex(rootIndex < 0 ? index : rootIndex, fixedIndex);
};
TableRow.prototype.onRowClick = function onRowClick(event) {
var _props5 = this.props,
record = _props5.record,
index = _props5.index,
onRowClick = _props5.onRowClick,
expandable = _props5.expandable,
expandRowByClick = _props5.expandRowByClick,
expanded = _props5.expanded,
onExpand = _props5.onExpand,
fixedIndex = _props5.fixedIndex;
2017-01-12 08:53:51 +08:00
if (expandable && expandRowByClick) {
onExpand(!expanded, record, fixedIndex, event);
2017-01-12 08:53:51 +08:00
}
2018-05-02 15:37:38 +08:00
this.set(function (e) {
onRowClick(record, fixedIndex, event);
2018-05-02 15:37:38 +08:00
});
2017-01-12 08:53:51 +08:00
};
TableRow.prototype.onRowDoubleClick = function onRowDoubleClick(event) {
2019-01-07 14:57:58 +08:00
var _props6 = this.props,
record = _props6.record,
index = _props6.index,
onRowDoubleClick = _props6.onRowDoubleClick,
fixedIndex = _props6.fixedIndex;
2017-01-12 08:53:51 +08:00
2018-05-02 15:37:38 +08:00
this.clear();
onRowDoubleClick(record, fixedIndex, event);
2017-01-12 08:53:51 +08:00
};
2019-02-18 14:54:33 +08:00
TableRow.prototype.onMouseEnter = function onMouseEnter(e) {
2019-01-07 14:57:58 +08:00
var _props7 = this.props,
onHover = _props7.onHover,
2019-02-18 14:54:33 +08:00
hoverKey = _props7.hoverKey,
fixedIndex = _props7.fixedIndex,
syncHover = _props7.syncHover;
2017-01-12 08:53:51 +08:00
if (!syncHover) {
this.setState({ hovered: true });
}
2019-02-18 14:54:33 +08:00
onHover(true, hoverKey, e, fixedIndex);
2017-01-12 08:53:51 +08:00
};
2019-02-18 14:54:33 +08:00
TableRow.prototype.onMouseLeave = function onMouseLeave(e) {
2019-01-07 14:57:58 +08:00
var _props8 = this.props,
onHover = _props8.onHover,
2019-02-18 14:54:33 +08:00
hoverKey = _props8.hoverKey,
fixedIndex = _props8.fixedIndex,
syncHover = _props8.syncHover;
2017-01-12 08:53:51 +08:00
if (!syncHover) {
this.setState({ hovered: false });
}
2019-02-18 14:54:33 +08:00
onHover(false, hoverKey, e, fixedIndex);
2017-01-12 08:53:51 +08:00
};
TableRow.prototype.render = function render() {
2019-01-07 14:57:58 +08:00
var _props9 = this.props,
clsPrefix = _props9.clsPrefix,
columns = _props9.columns,
record = _props9.record,
height = _props9.height,
visible = _props9.visible,
index = _props9.index,
expandIconColumnIndex = _props9.expandIconColumnIndex,
expandIconAsCell = _props9.expandIconAsCell,
expanded = _props9.expanded,
expandRowByClick = _props9.expandRowByClick,
expandable = _props9.expandable,
onExpand = _props9.onExpand,
needIndentSpaced = _props9.needIndentSpaced,
indent = _props9.indent,
indentSize = _props9.indentSize,
isHiddenExpandIcon = _props9.isHiddenExpandIcon,
2019-02-18 14:54:33 +08:00
fixed = _props9.fixed;
2018-12-16 22:22:45 +08:00
var showSum = false;
2017-01-12 08:53:51 +08:00
var className = this.props.className;
if (this.state.hovered) {
className += ' ' + clsPrefix + '-hover';
}
2019-02-18 14:54:33 +08:00
// console.log('className--'+className,index);
2018-12-16 22:22:45 +08:00
//判断是否为合计行
if (className.indexOf('sumrow') > -1) {
showSum = true;
}
2017-01-12 08:53:51 +08:00
var cells = [];
var expandIcon = _react2["default"].createElement(_ExpandIcon2["default"], {
expandable: expandable,
clsPrefix: clsPrefix,
onExpand: onExpand,
needIndentSpaced: needIndentSpaced,
expanded: expanded,
record: record,
isHiddenExpandIcon: isHiddenExpandIcon
2017-01-12 08:53:51 +08:00
});
for (var i = 0; i < columns.length; i++) {
2018-12-16 22:22:45 +08:00
if (expandIconAsCell && i === 0 && !showSum) {
2017-01-12 08:53:51 +08:00
cells.push(_react2["default"].createElement(
'td',
{
className: clsPrefix + '-expand-icon-cell',
key: 'rc-table-expand-icon-cell'
},
expandIcon
));
}
2018-12-16 22:22:45 +08:00
var isColumnHaveExpandIcon = expandIconAsCell || expandRowByClick || showSum ? false : i === expandIconColumnIndex;
2017-01-12 08:53:51 +08:00
cells.push(_react2["default"].createElement(_TableCell2["default"], {
clsPrefix: clsPrefix,
record: record,
indentSize: indentSize,
indent: indent,
index: index,
2017-01-12 08:53:51 +08:00
column: columns[i],
2019-01-16 13:57:31 +08:00
key: columns[i].key || columns[i].dataIndex || i,
fixed: fixed,
2018-12-16 22:22:45 +08:00
showSum: showSum,
2017-01-12 08:53:51 +08:00
expandIcon: isColumnHaveExpandIcon ? expandIcon : null
}));
}
var style = { height: height };
if (!visible) {
style.display = 'none';
}
return _react2["default"].createElement(
'tr',
{
onClick: this.onRowClick,
onDoubleClick: this.onRowDoubleClick,
onMouseEnter: this.onMouseEnter,
onMouseLeave: this.onMouseLeave,
className: clsPrefix + ' ' + className + ' ' + clsPrefix + '-level-' + indent,
style: style
// key={hoverKey}
, ref: this.bindElement
2017-01-12 08:53:51 +08:00
},
2019-02-18 14:56:02 +08:00
cells.length > 0 ? cells : _react2["default"].createElement('td', null)
2017-01-12 08:53:51 +08:00
);
};
return TableRow;
}(_react.Component);
;
TableRow.propTypes = propTypes;
TableRow.defaultProps = defaultProps;
exports["default"] = TableRow;
module.exports = exports['default'];