@txdfe/at
Version:
一个设计体系组件库
638 lines (632 loc) • 30 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = lock;
var _react = _interopRequireWildcard(require("react"));
var _reactDom = require("react-dom");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames2 = _interopRequireDefault(require("classnames"));
var _shallowElementEquals = _interopRequireDefault(require("shallow-element-equals"));
var _util = require("../util");
var _row = _interopRequireDefault(require("./lock/row"));
var _body = _interopRequireDefault(require("./lock/body"));
var _header = _interopRequireDefault(require("./lock/header"));
var _wrapper = _interopRequireDefault(require("./fixed/wrapper"));
var _util2 = require("./util");
var _excluded = ["children", "prefix", "components", "className"];
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
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) { _defineProperty(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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function lock(BaseComponent) {
/** Table */
var LockTable = /*#__PURE__*/function (_React$Component) {
function LockTable(props, context) {
var _this;
_classCallCheck(this, LockTable);
_this = _callSuper(this, LockTable, [props, context]);
_defineProperty(_this, "getTableInstance", function (type, instance) {
type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
_this["table".concat(type, "Inc")] = instance;
});
_defineProperty(_this, "getNode", function (type, node, lockType) {
lockType = lockType ? lockType.charAt(0).toUpperCase() + lockType.substr(1) : '';
_this["".concat(type).concat(lockType, "Node")] = node;
if (type === 'header' && !_this.innerHeaderNode && !lockType) {
_this.innerHeaderNode = _this.headerNode.querySelector('div');
}
});
_defineProperty(_this, "onRowMouseEnter", function (record, index) {
if (_this.isLock()) {
var row = _this.getRowNode(index);
var leftRow = _this.getRowNode(index, 'left');
var rightRow = _this.getRowNode(index, 'right');
[row, leftRow, rightRow].forEach(function (row) {
row && _util.dom.addClass(row, 'hovered');
});
}
});
_defineProperty(_this, "onRowMouseLeave", function (record, index) {
if (_this.isLock()) {
var row = _this.getRowNode(index);
var leftRow = _this.getRowNode(index, 'left');
var rightRow = _this.getRowNode(index, 'right');
[row, leftRow, rightRow].forEach(function (row) {
row && _util.dom.removeClass(row, 'hovered');
});
}
});
_defineProperty(_this, "onLockBodyWheel", function (e) {
var y = e.deltaY;
var x = e.deltaX;
var thresholdX = 15;
var safeScrollX = x > -thresholdX && x < thresholdX;
if (_this.isLock()) {
var lockRightBody = _this.bodyRightNode;
var lockLeftBody = _this.bodyLeftNode;
var scrollNode = _this.bodyNode;
var scrollTop = scrollNode.scrollTop,
clientHeight = scrollNode.clientHeight,
scrollHeight = scrollNode.scrollHeight;
if (lockLeftBody) {
lockLeftBody.scrollTop = y;
}
if (lockRightBody) {
lockRightBody.scrollTop = y;
}
scrollNode.scrollTop = scrollTop + y;
var newScrollTop = scrollNode.scrollTop;
if (newScrollTop + clientHeight < scrollHeight && newScrollTop && safeScrollX) {
e.preventDefault();
}
}
});
_defineProperty(_this, "onLockBodyScroll", function () {
if (_this.isLock()) {
var rtl = _this.props.rtl;
var lockRightBody = _this.bodyRightNode;
var lockLeftBody = _this.bodyLeftNode;
var lockRightTable = rtl ? _this.getWrapperNode('left') : _this.getWrapperNode('right');
var lockLeftTable = rtl ? _this.getWrapperNode('right') : _this.getWrapperNode('left');
var shadowClassName = 'shadow';
var x = _this.bodyNode.scrollLeft;
var y = _this.bodyNode.scrollTop;
if (lockLeftBody) {
lockLeftBody.scrollTop = y;
}
if (lockRightBody) {
lockRightBody.scrollTop = y;
}
if (x === 0) {
lockLeftTable && _util.dom.removeClass(lockLeftTable, shadowClassName);
lockRightTable && _util.dom.addClass(lockRightTable, shadowClassName);
} else if (x === _this.bodyNode.scrollWidth - _this.bodyNode.clientWidth) {
lockLeftTable && _util.dom.addClass(lockLeftTable, shadowClassName);
lockRightTable && _util.dom.removeClass(lockRightTable, shadowClassName);
} else {
lockLeftTable && _util.dom.addClass(lockLeftTable, shadowClassName);
lockRightTable && _util.dom.addClass(lockRightTable, shadowClassName);
}
}
});
_this.lockLeftChildren = [];
_this.lockRightChildren = [];
return _this;
}
_inherits(LockTable, _React$Component);
return _createClass(LockTable, [{
key: "getChildContext",
value: function getChildContext() {
return {
getTableInstance: this.getTableInstance,
getLockNode: this.getNode,
onLockBodyWheel: this.onLockBodyWheel,
onLockBodyScroll: this.onLockBodyScroll,
onRowMouseEnter: this.onRowMouseEnter,
onRowMouseLeave: this.onRowMouseLeave
};
}
}, {
key: "componentDidMount",
value: function componentDidMount() {
this.adjustSize = this.adjustSize.bind(this);
this.adjustSize();
this.scroll();
_util.events.on(window, 'resize', this.adjustSize);
}
}, {
key: "shouldComponentUpdate",
value: function shouldComponentUpdate(nextProps, nextState, nextContext) {
if (nextProps.pure) {
var isEqual = (0, _shallowElementEquals["default"])(nextProps, this.props);
return !(isEqual && _util.obj.shallowEqual(nextContext, this.context));
}
return true;
}
}, {
key: "UNSAFE_componentWillUpdate",
value: function UNSAFE_componentWillUpdate() {
this._isLock = false;
}
}, {
key: "componentDidUpdate",
value: function componentDidUpdate() {
this.adjustSize();
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
_util.events.off(window, 'resize', this.adjustSize);
}
}, {
key: "normalizeChildrenState",
value: function normalizeChildrenState(props) {
var children = props.children;
children = this.normalizeChildren(children);
var splitChildren = this.splitFromNormalizeChildren(children);
var lockLeftChildren = splitChildren.lockLeftChildren,
lockRightChildren = splitChildren.lockRightChildren;
return {
lockLeftChildren: lockLeftChildren,
lockRightChildren: lockRightChildren,
children: this.mergeFromSplitLockChildren(splitChildren)
};
}
// 将React结构化数据提取props转换成数组
}, {
key: "normalizeChildren",
value: function normalizeChildren(children) {
var isLock = false;
var _getChildren = function getChildren(children) {
var ret = [];
_react.Children.forEach(children, function (child) {
if (child) {
var props = _objectSpread({}, child.props);
if ([true, 'left', 'right'].indexOf(props.lock) > -1) {
isLock = true;
if (!('width' in props)) {
_util.log.warning("Should config width for lock column named [ ".concat(props.dataIndex, " ]."));
}
}
ret.push(props);
if (child.props.children) {
props.children = _getChildren(child.props.children);
}
}
});
return ret;
};
var ret = _getChildren(children);
ret.forEach(function (child) {
// 为自定义的列特殊处理
if (child.__normalized && isLock) {
// users can set lock type for column selection now, so its origin lock type comes first
child.lock = child.lock || 'left';
delete child.__normalized;
}
});
this._isLock = isLock;
return ret;
}
// 从数组中分离出lock的列和正常的列
}, {
key: "splitFromNormalizeChildren",
value: function splitFromNormalizeChildren(children) {
var originChildren = deepCopy(children);
var lockLeftChildren = deepCopy(children);
var lockRightChildren = deepCopy(children);
var _loop = function loop(lockChildren, condition) {
var ret = [];
lockChildren.forEach(function (child) {
if (child.children) {
var res = _loop(child.children, condition);
if (!res.length) {
ret.push(child);
}
} else {
var order = condition(child);
if (!order) {
ret.push(child);
}
}
});
ret.forEach(function (res) {
var index = lockChildren.indexOf(res);
lockChildren.splice(index, 1);
});
return lockChildren;
};
_loop(lockLeftChildren, function (child) {
if (child.lock === true || child.lock === 'left') {
return 'left';
}
});
_loop(lockRightChildren, function (child) {
if (child.lock === 'right') {
return 'right';
}
});
_loop(originChildren, function (child) {
return child.lock !== true && child.lock !== 'left' && child.lock !== 'right';
});
return {
lockLeftChildren: lockLeftChildren,
lockRightChildren: lockRightChildren,
originChildren: originChildren
};
}
// 将左侧的锁列树和中间的普通树及右侧的锁列树进行合并
}, {
key: "mergeFromSplitLockChildren",
value: function mergeFromSplitLockChildren(splitChildren) {
var lockLeftChildren = splitChildren.lockLeftChildren,
lockRightChildren = splitChildren.lockRightChildren;
var originChildren = splitChildren.originChildren;
Array.prototype.unshift.apply(originChildren, lockLeftChildren);
originChildren = originChildren.concat(lockRightChildren);
return originChildren;
}
}, {
key: "scroll",
value: function scroll() {
var _this$props = this.props,
_this$props$scrollToC = _this$props.scrollToCol,
scrollToCol = _this$props$scrollToC === void 0 ? 0 : _this$props$scrollToC,
_this$props$scrollToR = _this$props.scrollToRow,
scrollToRow = _this$props$scrollToR === void 0 ? 0 : _this$props$scrollToR;
if (!scrollToCol && !scrollToRow) {
return;
}
var colCellNode = this.getCellNode(0, scrollToCol);
var rowCellNode = this.getCellNode(scrollToRow, 0);
var bodyNodeOffset = this.bodyNode.getBoundingClientRect();
if (colCellNode) {
var cellNodeoffset = colCellNode.getBoundingClientRect();
var scrollLeft = cellNodeoffset.left - bodyNodeOffset.left;
this.bodyNode.scrollLeft = scrollLeft;
}
if (rowCellNode) {
var _cellNodeoffset = rowCellNode.getBoundingClientRect();
var scrollTop = _cellNodeoffset.top - bodyNodeOffset.top;
this.bodyNode.scrollTop = scrollTop;
}
}
}, {
key: "isLock",
value:
// Table处理过后真实的lock状态
function isLock() {
return this.lockLeftChildren.length || this.lockRightChildren.length;
}
// 用户设置的lock状态
}, {
key: "isOriginLock",
value: function isOriginLock() {
return this._isLock;
}
}, {
key: "adjustSize",
value: function adjustSize() {
if (!this.adjustIfTableNotNeedLock()) {
this.adjustHeaderSize();
this.adjustBodySize();
this.adjustCellSize();
this.onLockBodyScroll();
}
}
}, {
key: "removeLockTable",
value: function removeLockTable() {
var lockLeftLen = this.lockLeftChildren.length;
var lockRightLen = this.lockRightChildren.length;
if (lockLeftLen) {
this._notNeedAdjustLockLeft = true;
}
if (lockRightLen) {
this._notNeedAdjustLockRight = true;
}
if (lockRightLen || lockLeftLen) {
this.forceUpdate();
return true;
}
}
}, {
key: "adjustIfTableNotNeedLock",
value: function adjustIfTableNotNeedLock() {
var _this2 = this;
if (this.isOriginLock()) {
var widthObj = this.tableInc.flatChildren.map(function (item, index) {
var cell = _this2.getCellNode(0, index) || {};
var headerCell = _this2.getHeaderCellNode(0, index) || {};
return {
cellWidths: cell.clientWidth || 0,
headerWidths: headerCell.clientWidth || 0
};
}).reduce(function (a, b) {
return {
cellWidths: a.cellWidths + b.cellWidths,
headerWidths: a.headerWidths + b.headerWidths
};
}, {
cellWidths: 0,
headerWidths: 0
});
var node = (0, _reactDom.findDOMNode)(this);
var width = node.clientWidth;
// if the table doesn't exist, there is no need to adjust
if (width === 0) {
return true;
}
var configWidths = widthObj.cellWidths || widthObj.headerWidths;
if (configWidths <= width && configWidths > 0) {
this.removeLockTable();
} else if (this._notNeedAdjustLockLeft || this._notNeedAdjustLockRight) {
this._notNeedAdjustLockLeft = this._notNeedAdjustLockRight = false;
this.forceUpdate();
} else {
this._notNeedAdjustLockLeft = this._notNeedAdjustLockRight = false;
return false;
}
}
return false;
}
}, {
key: "adjustBodySize",
value: function adjustBodySize() {
if (this.isLock()) {
var rtl = this.props.rtl;
var body = this.bodyNode;
var lockLeftBody = this.bodyLeftNode;
var lockRightBody = this.bodyRightNode;
var lockRightBodyWrapper = this.getWrapperNode('right');
var scrollbar = _util.dom.scrollbar();
var bodyHeight = body.offsetHeight;
var hasHozScroll = body.scrollWidth > body.clientWidth;
var hasVerScroll = body.scrollHeight > body.clientHeight;
var width = hasVerScroll ? scrollbar.width : 0;
var lockBodyHeight = bodyHeight - (hasHozScroll ? scrollbar.height : 0);
lockLeftBody && _util.dom.setStyle(lockLeftBody, 'max-height', lockBodyHeight);
lockRightBody && _util.dom.setStyle(lockRightBody, 'max-height', lockBodyHeight);
lockRightBodyWrapper && _util.dom.setStyle(lockRightBodyWrapper, rtl ? 'left' : 'right', "".concat(width, "px"));
}
}
}, {
key: "adjustHeaderSize",
value: function adjustHeaderSize() {
var _this3 = this;
if (this.isLock()) {
this.tableInc.groupChildren.forEach(function (child, index) {
var lastIndex = _this3.tableInc.groupChildren[index].length - 1;
var headerRightRow = _this3.getHeaderCellNode(index, lastIndex);
var headerLeftRow = _this3.getHeaderCellNode(index, 0);
var headerRightLockRow = _this3.getHeaderCellNode(index, 0, 'right');
var headerLeftLockRow = _this3.getHeaderCellNode(index, 0, 'left');
if (headerRightRow && headerRightLockRow) {
var maxRightRowHeight = headerRightRow.offsetHeight;
_util.dom.setStyle(headerRightLockRow, 'height', maxRightRowHeight);
setTimeout(function () {
var affixRef = _this3.tableRightInc.affixRef;
// if rendered then update postion of affix
return affixRef && affixRef.getInstance() && affixRef.getInstance().updatePosition();
});
}
if (headerLeftRow && headerLeftLockRow) {
var maxLeftRowHeight = headerLeftRow.offsetHeight;
_util.dom.setStyle(headerLeftLockRow, 'height', maxLeftRowHeight);
setTimeout(function () {
var affixRef = _this3.tableLeftInc.affixRef;
// if rendered then update postion of affix
return affixRef && affixRef.getInstance() && affixRef.getInstance().updatePosition();
});
}
});
}
}
}, {
key: "adjustCellSize",
value: function adjustCellSize() {
var _this4 = this;
if (this.isLock()) {
this.tableInc.props.dataSource.forEach(function (item, index) {
var lockLeftRow = _this4.getCellNode(index, 0, 'left');
var lockRightRow = _this4.getCellNode(index, 0, 'right');
var row = _this4.getFirstNormalCellNode(index);
var rowHeight = row && parseFloat(getComputedStyle(row).height) || 0;
var lockLeftHeight = 0;
var lockRightHeight = 0;
if (lockLeftRow) {
lockLeftHeight = lockLeftRow.offsetHeight;
}
if (lockRightRow) {
lockRightHeight = lockRightRow.offsetHeight;
}
if (lockLeftRow && rowHeight !== lockLeftHeight) {
_util.dom.setStyle(lockLeftRow, 'height', rowHeight);
}
if (lockRightRow && rowHeight !== lockRightHeight) {
_util.dom.setStyle(lockRightRow, 'height', rowHeight);
}
});
}
}
}, {
key: "getWrapperNode",
value: function getWrapperNode(type) {
type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
try {
// in case of finding an unmounted component due to cached data
// need to clear refs of table when dataSource Changed
// use try catch for temporary
return (0, _reactDom.findDOMNode)(this.refs["lock".concat(type)]);
} catch (error) {
return null;
}
}
}, {
key: "getFirstNormalCellNode",
value: function getFirstNormalCellNode(index) {
var i = 0;
var row;
do {
row = this.getCellNode(index, i);
i++;
} while ((!row || row && row.rowSpan && row.rowSpan > 1) && this.tableInc.flatChildren.length > i);
return row;
}
}, {
key: "getRowNode",
value: function getRowNode(index, type) {
type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
var table = this["table".concat(type, "Inc")];
try {
// in case of finding an unmounted component due to cached data
// need to clear refs of table when dataSource Changed
// use try catch for temporary
return (0, _reactDom.findDOMNode)(table.getRowRef(index));
} catch (error) {
return null;
}
}
}, {
key: "getHeaderCellNode",
value: function getHeaderCellNode(index, i, type) {
type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
var table = this["table".concat(type, "Inc")];
try {
// in case of finding an unmounted component due to cached data
// need to clear refs of table when dataSource Changed
// use try catch for temporary
return (0, _reactDom.findDOMNode)(table.getHeaderCellRef(index, i));
} catch (error) {
return null;
}
}
}, {
key: "getCellNode",
value: function getCellNode(index, i, type) {
type = type ? type.charAt(0).toUpperCase() + type.substr(1) : '';
var table = this["table".concat(type, "Inc")];
try {
// in case of finding an unmounted component due to cached data
// need to clear refs of table when dataSource Changed
// use try catch for temporary
return (0, _reactDom.findDOMNode)(table.getCellRef(index, i));
} catch (error) {
return null;
}
}
}, {
key: "render",
value: function render() {
/* eslint-disable no-unused-vars, prefer-const */
var _this$props2 = this.props,
children = _this$props2.children,
prefix = _this$props2.prefix,
components = _this$props2.components,
className = _this$props2.className,
others = _objectWithoutProperties(_this$props2, _excluded);
var _this$normalizeChildr = this.normalizeChildrenState(this.props),
lockLeftChildren = _this$normalizeChildr.lockLeftChildren,
lockRightChildren = _this$normalizeChildr.lockRightChildren,
normalizedChildren = _this$normalizeChildr.children;
if (this._notNeedAdjustLockLeft) {
lockLeftChildren = [];
}
if (this._notNeedAdjustLockRight) {
lockRightChildren = [];
}
this.lockLeftChildren = lockLeftChildren;
this.lockRightChildren = lockRightChildren;
if (this.isOriginLock()) {
components = _objectSpread({}, components);
components.Body = components.Body || _body["default"];
components.Header = components.Header || _header["default"];
components.Wrapper = components.Wrapper || _wrapper["default"];
components.Row = components.Row || _row["default"];
className = (0, _classnames2["default"])(_defineProperty(_defineProperty({}, "".concat(prefix, "table-lock"), true), className, className));
var content = [/*#__PURE__*/_react["default"].createElement(BaseComponent, _extends({}, others, {
key: "lock-left",
columns: lockLeftChildren,
className: "".concat(prefix, "table-lock-left"),
prefix: prefix,
lockType: "left",
components: components,
ref: "lockLeft",
loading: false,
"aria-hidden": true
})), /*#__PURE__*/_react["default"].createElement(BaseComponent, _extends({}, others, {
key: "lock-right",
columns: lockRightChildren,
className: "".concat(prefix, "table-lock-right"),
prefix: prefix,
lockType: "right",
components: components,
ref: "lockRight",
loading: false,
"aria-hidden": true
}))];
return /*#__PURE__*/_react["default"].createElement(BaseComponent, _extends({}, others, {
columns: normalizedChildren,
prefix: prefix,
wrapperContent: content,
components: components,
className: className
}));
}
return /*#__PURE__*/_react["default"].createElement(BaseComponent, this.props);
}
}]);
}(_react["default"].Component);
_defineProperty(LockTable, "LockRow", _row["default"]);
_defineProperty(LockTable, "LockBody", _body["default"]);
_defineProperty(LockTable, "LockHeader", _header["default"]);
_defineProperty(LockTable, "propTypes", _objectSpread({
scrollToCol: _propTypes["default"].number,
/**
* 指定滚动到某一行，仅在`useVirtual`的时候生效
*/
scrollToRow: _propTypes["default"].number
}, BaseComponent.propTypes));
_defineProperty(LockTable, "defaultProps", _objectSpread({}, BaseComponent.defaultProps));
_defineProperty(LockTable, "childContextTypes", {
getTableInstance: _propTypes["default"].func,
getLockNode: _propTypes["default"].func,
onLockBodyScroll: _propTypes["default"].func,
onLockBodyWheel: _propTypes["default"].func,
onRowMouseEnter: _propTypes["default"].func,
onRowMouseLeave: _propTypes["default"].func
});
(0, _util2.statics)(LockTable, BaseComponent);
return LockTable;
}
function deepCopy(arr) {
var _copy = function copy(arr) {
return arr.map(function (item) {
var newItem = _objectSpread({}, item);
if (item.children) {
item.children = _copy(item.children);
}
return newItem;
});
};
return _copy(arr);
}