cloud-b2b 1.1.59 → 1.1.61

package/es/SuperTable3/SuperTable.js

@@ -0,0 +1,665 @@
+import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _Table from "antd/es/table";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
+import _Tooltip from "antd/es/tooltip";
+import _objectDestructuringEmpty from "@babel/runtime-corejs3/helpers/objectDestructuringEmpty";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime-corejs3/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime-corejs3/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+var _excluded = ["onRowClick"];
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, 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 _context11, _context12; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context11 = ownKeys(Object(t), !0)).call(_context11, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context12 = ownKeys(Object(t))).call(_context12, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import _everyInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/every";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
+import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
+import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reduce";
+import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
+import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _parseFloat from "@babel/runtime-corejs3/core-js-stable/parse-float";
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import React from 'react';
+import PropTypes from 'prop-types';
+import ReactDOM from 'react-dom';
+import { getTitle } from '../Control';
+import FilterDropDown from './FilterDropDown';
+import fixed from './fixed';
+import variables from '../variables';
+
+/**
+ * sorter: [可选]，不传表示该列不支持排序；为string表示按字符串排序；为number表示按数字大小排序
+ * filter: [可选],是否支持过滤，默认为false
+ * link: [可选],为true表示超链接，内容来至items;为字符串表示超链接，内容就是该字符串;为字符串‘list’表示超链接数组，内容就是该items对应key对象数组的linkTitleKey属性拼接
+ * linkTitleKey: [可选],当link为'list'表示超链接组时，该值表示要拼接展示的属性key值
+ * isDateFilterByStartAndEnd: [可选]，为true时做过滤操作会显示时间段搜索，默认为false
+ *
+ */
+var ColType = {
+  key: PropTypes.string.isRequired,
+  title: PropTypes.string,
+  align: PropTypes.oneOf(['left', 'center', 'right']),
+  sorter: PropTypes.oneOf(['string', 'number']),
+  filter: PropTypes.bool,
+  hide: PropTypes.bool,
+  options: PropTypes.array,
+  link: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  linkTitleKey: PropTypes.string,
+  noWrap: PropTypes.bool,
+  isDateFilterByStartAndEnd: PropTypes.bool
+};
+var ItemType = {
+  checked: PropTypes.bool
+};
+
+/**
+ * onCheck：点击复选框时触发, 原型为onCheck(checkedRows)
+ * onRadio: 点击单选按钮时触发，原型为func(checkedRows)
+ * onDoubleClick: 行双击时触发，原型func(rowIndex)
+ * onLink: 点击超链接时触发，原型为func(key, rowIndex, item)
+ * onTableChange: 排序信息改变时触发，原型为func(sortInfo, filterInfo)
+ */
+var CallbackType = {
+  onCheck: PropTypes.func,
+  onRadio: PropTypes.func,
+  onDoubleClick: PropTypes.func,
+  onLink: PropTypes.func,
+  onTableChange: PropTypes.func
+};
+
+/**
+ * checkbox: [可选]，是否有复选框，默认为true
+ * isPaging: [可选]，是否分页，默认为false
+ * radio: [可选]，是否为单选按钮，当checkbox为true时生效，默认值为false
+ * checkedRows: [可选]，选中的行数，radio为true时生效
+ * index: [可选]，是否有序号，默认值为true
+ * indexTitle：[可选]，序号标题，默认为'序号'
+ * sortInfo: [可选]，排序信息，默认为null
+ * filterInfo: [可选]，过滤信息，默认为null
+ * maxHeight: [可选]，设置表格的最大高度
+ * childrenKey: [可选]，设置子列表数据的key，默认children
+ */
+var SuperTable = /*#__PURE__*/function (_React$Component) {
+  _inherits(SuperTable, _React$Component);
+  var _super = _createSuper(SuperTable);
+  function SuperTable() {
+    var _context;
+    var _this;
+    _classCallCheck(this, SuperTable);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, _concatInstanceProperty(_context = [this]).call(_context, args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      filterVisibleKey: ''
+    });
+    _defineProperty(_assertThisInitialized(_this), "onTableChange", function (pagination, filters, sorter) {
+      var _ref = _this.props.callback || {},
+        onTableChange = _ref.onTableChange;
+      var _this$props$filterInf = _this.props.filterInfo,
+        filterInfo = _this$props$filterInf === void 0 ? null : _this$props$filterInf;
+      onTableChange && onTableChange(sorter, filterInfo);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onChange", function () {
+      var selectedKeyArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var _ref2 = _this.props.callback || {},
+        onCheck = _ref2.onCheck;
+      if (onCheck) {
+        var _this$props$items = _this.props.items,
+          items = _this$props$items === void 0 ? [] : _this$props$items;
+        var offset = 0;
+        var realSlectedList = selectedKeyArr.length > items.length ? _sliceInstanceProperty(selectedKeyArr).call(selectedKeyArr, 0, selectedKeyArr.length + offset) : selectedKeyArr;
+        var selectedKeys = realSlectedList;
+        var newItems = items;
+        if (selectedKeys.length === 0) {
+          onCheck(true, false, -1);
+        } else if (selectedKeys.length === newItems.length) {
+          var checked = _everyInstanceProperty(newItems).call(newItems, function (o) {
+            return o.checked;
+          });
+          onCheck(true, !checked, -1);
+        } else {
+          var defaultSelectedKeys = _this.getSelectedRowKeys(newItems);
+          if (selectedKeys.length > defaultSelectedKeys.length) {
+            if (_this.props.isPaging && selectedKeys.length - defaultSelectedKeys.length > 1) {
+              return onCheck(true, true, -1);
+            }
+            onCheck(false, true, selectedKeys[selectedKeys.length - 1]);
+          } else {
+            var index = _findIndexInstanceProperty(defaultSelectedKeys).call(defaultSelectedKeys, function (key) {
+              return !_someInstanceProperty(selectedKeys).call(selectedKeys, function (select) {
+                return select === key;
+              });
+            });
+            onCheck(false, false, defaultSelectedKeys[index]);
+          }
+        }
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "onCheckChange", function (selectedKeys) {
+      var _ref3 = _this.props.callback || {},
+        onCheck = _ref3.onCheck;
+      onCheck && onCheck(selectedKeys);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onRadioChange", function (selectedKeys) {
+      var _ref4 = _this.props.callback || {},
+        onRadio = _ref4.onRadio;
+      onRadio && onRadio(selectedKeys);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onRadioRowClick", function (record) {
+      var _ref5 = _this.props.callback || {},
+        onRadio = _ref5.onRadio;
+      onRadio && onRadio([record.key]);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onRowClick", function (record) {
+      var items = _this.props.items;
+      if (items.length <= record.key) return;
+      clearTimeout(_this.timer);
+      _this.timer = _setTimeout(function () {
+        var _ref6 = _this.props.callback || {},
+          onCheck = _ref6.onCheck;
+        if (onCheck) {
+          var _this$props$checkedRo = _this.props.checkedRows,
+            checkedRows = _this$props$checkedRo === void 0 ? [] : _this$props$checkedRo;
+          if (_includesInstanceProperty(checkedRows).call(checkedRows, record.key)) {
+            onCheck(_filterInstanceProperty(checkedRows).call(checkedRows, function (key) {
+              return record.key !== key;
+            }));
+          } else {
+            onCheck(_concatInstanceProperty(checkedRows).call(checkedRows, record.key));
+          }
+        }
+      }, 250);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onDoubleClick", function (record) {
+      clearTimeout(_this.timer);
+      var _ref7 = _this.props.callback || {},
+        onDoubleClick = _ref7.onDoubleClick;
+      onDoubleClick && onDoubleClick(record.key);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onLink", function (key, index, item, e) {
+      var _ref8 = _this.props.callback || {},
+        onLink = _ref8.onLink;
+      onLink && onLink(key, index, item);
+      e.stopPropagation();
+    });
+    _defineProperty(_assertThisInitialized(_this), "onLinkDouble", function (e) {
+      e.stopPropagation();
+    });
+    _defineProperty(_assertThisInitialized(_this), "getSelectedRowKeys", function (items) {
+      return _reduceInstanceProperty(items).call(items, function (result, item, index) {
+        item.checked && result.push(index);
+        return result;
+      }, []);
+    });
+    _defineProperty(_assertThisInitialized(_this), "getIndexInfo", function () {
+      var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var _this$props = _this.props,
+        _this$props$index = _this$props.index,
+        index = _this$props$index === void 0 ? true : _this$props$index,
+        _this$props$indexTitl = _this$props.indexTitle,
+        indexTitle = _this$props$indexTitl === void 0 ? '序号' : _this$props$indexTitl;
+      return index ? [{
+        key: 'index',
+        title: indexTitle,
+        render: function render(text, record, index) {
+          return index + 1;
+        }
+      }] : [];
+    });
+    _defineProperty(_assertThisInitialized(_this), "setSortInfo", function (col, sortInfo) {
+      if (col.sorter === 'string') {
+        col.sortOrder = sortInfo.columnKey === col.key && sortInfo.order;
+        col.sorter = function (row1, row2) {
+          var a = !col.link ? row1[col.key] : row1[col.key].props.children;
+          var b = !col.link ? row2[col.key] : row2[col.key].props.children;
+          if (a > b) {
+            return 1;
+          } else if (a === b) {
+            return 0;
+          } else {
+            return -1;
+          }
+        };
+      } else if (col.sorter === 'number') {
+        col.sortOrder = sortInfo.columnKey === col.key && sortInfo.order;
+        col.sorter = function (a, b) {
+          return a[col.key] - b[col.key];
+        };
+      } else {
+        delete col.sorter;
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "setFilterInfo", function (col, filterInfo, visibleKey) {
+      if (_filterInstanceProperty(col)) {
+        var _col$isDateFilterBySt = col.isDateFilterByStartAndEnd,
+          isDateFilterByStartAndEnd = _col$isDateFilterBySt === void 0 ? false : _col$isDateFilterBySt;
+        var onSearch = function onSearch(value) {
+          var _ref9 = _this.props.callback || {},
+            onTableChange = _ref9.onTableChange;
+          var _this$props$sortInfo = _this.props.sortInfo,
+            sortInfo = _this$props$sortInfo === void 0 ? null : _this$props$sortInfo;
+          var newFilterInfo = _Object$assign({}, filterInfo, _defineProperty({}, col.key, value));
+          _this.setState({
+            filterVisibleKey: ''
+          });
+          onTableChange && onTableChange(sortInfo, newFilterInfo);
+        };
+        var value = filterInfo[col.key];
+        col.filteredValue = value ? [value] : null;
+        col.filterDropdownVisible = visibleKey === col.key;
+        var onClose = function onClose() {
+          _this.setState({
+            filterVisibleKey: ''
+          });
+        };
+        col.filterDropdown = /*#__PURE__*/React.createElement(FilterDropDown, {
+          value: value,
+          onSearch: onSearch,
+          onClose: onClose,
+          isDateFilterByStartAndEnd: isDateFilterByStartAndEnd
+        });
+        col.onFilterDropdownVisibleChange = function (visible) {
+          if (isDateFilterByStartAndEnd) {
+            visible && _this.setState({
+              filterVisibleKey: col.key
+            });
+          } else {
+            _this.setState({
+              filterVisibleKey: visible ? col.key : ''
+            });
+          }
+        };
+        col.onFilter = function (value, record) {
+          var content = !col.link ? record[col.key] : record[col.key].props.children;
+          if (!col.isDateFilterByStartAndEnd) {
+            var con = _Array$isArray(content) ? content : String(content);
+            return _includesInstanceProperty(con).call(con, value);
+          } else {
+            return !(value.start && new Date(value.start) > new Date(content) || value.end && value.end < content);
+          }
+        };
+      }
+      delete col.filter;
+    });
+    _defineProperty(_assertThisInitialized(_this), "linkList", function (key, index, item) {
+      var linkTitleKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'fileName';
+      var list = item[key] || [];
+      return /*#__PURE__*/React.createElement("div", null, _mapInstanceProperty(list).call(list, function (item2, index2) {
+        var _context2, _context3;
+        var split = index2 === list.length - 1 ? '' : ',';
+        var onClick = _bindInstanceProperty(_context2 = _this.onLink).call(_context2, null, key, index, item2);
+        return /*#__PURE__*/React.createElement("a", {
+          key: index2,
+          onClick: onClick,
+          onDoubleClick: _this.onLinkDouble
+        }, _concatInstanceProperty(_context3 = "".concat(item2[linkTitleKey])).call(_context3, split));
+      }));
+    });
+    _defineProperty(_assertThisInitialized(_this), "waring", function (key, index, item, warningKey) {
+      var text = item[key] ? item[key] : '';
+      var color = item[warningKey] == 1 ? 'red' : 'rgba(0, 0, 0, 0.65)';
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
+        style: {
+          color: color
+        }
+      }, text.title ? text.title : text));
+    });
+    _defineProperty(_assertThisInitialized(_this), "defaultList", function (key, index, item, text, link) {
+      var _context4;
+      var onClick = _bindInstanceProperty(_context4 = _this.onLink).call(_context4, null, key, index, item);
+      if (link && typeof link === 'string') {
+        return /*#__PURE__*/React.createElement("a", {
+          onClick: onClick,
+          onDoubleClick: _this.onLinkDouble
+        }, text);
+      }
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, text));
+    });
+    _defineProperty(_assertThisInitialized(_this), "getColumns", function (cols, items) {
+      var _context5, _context6;
+      var _this$props2 = _this.props,
+        sortInfo = _this$props2.sortInfo,
+        filterInfo = _this$props2.filterInfo;
+      var filterVisibleKey = _this.state.filterVisibleKey;
+      return _mapInstanceProperty(_context5 = _concatInstanceProperty(_context6 = _this.getIndexInfo(items)).call(_context6, _filterInstanceProperty(cols).call(cols, function (col) {
+        return !col.hide;
+      }))).call(_context5, function (_ref10) {
+        var col = _extends({}, (_objectDestructuringEmpty(_ref10), _ref10));
+        col.dataIndex = col.key;
+        col.className = col.key === 'index' ? 'ant-table-selection-column' : col.align ? s[col.align] : '';
+        col.noWrap && (col.className = variables('SuperTable3').noWrap);
+        _this.setSortInfo(col, sortInfo || {});
+        _this.setFilterInfo(col, filterInfo || {}, filterVisibleKey);
+        if (col.defaultValue) {
+          col.render = function (text, record, index) {
+            return _this.defaultList(col.key, index, items[index], col.defaultValue, col.link);
+          };
+        } else if (col.link === 'list') {
+          col.render = function (text, record, index) {
+            return _this.linkList(col.key, index, items[index], col.linkTitleKey);
+          };
+        } else if (col.link && typeof col.link === 'string') {
+          col.render = function (text, record, index) {
+            return _this.link(col.key, index, items[index], col.link);
+          };
+        } else if (col.isWarning) {
+          col.render = function (text, record, index) {
+            return _this.waring(col.key, index, items[index], col.warningKey);
+          };
+        } else if (col.tooltip) {
+          col.render = function (text, record, index) {
+            return _this.tooltip(col.key, index, items[index], col);
+          };
+        }
+        return col;
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "getText", function (value, options) {
+      if (_Array$isArray(value)) {
+        return _mapInstanceProperty(value).call(value, function (v) {
+          return getTitle(v, options);
+        }).toString();
+      } else {
+        return getTitle(value, options);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "link", function (key, index, item, text) {
+      var _context7;
+      var onClick = _bindInstanceProperty(_context7 = _this.onLink).call(_context7, null, key, index, item);
+      return /*#__PURE__*/React.createElement("a", {
+        onClick: onClick,
+        onDoubleClick: _this.onLinkDouble
+      }, text);
+    });
+    _defineProperty(_assertThisInitialized(_this), "tooltip", function (key, index, item, _ref11) {
+      var tipLen = _ref11.tooltip,
+        options = _ref11.options;
+      var text = _this.getText(item[key], options);
+      var needTip = tipLen > 1 && text && typeof text === 'string' && text.length > tipLen;
+      return needTip ? /*#__PURE__*/React.createElement(_Tooltip, {
+        title: text
+      }, /*#__PURE__*/React.createElement("span", null, _sliceInstanceProperty(text).call(text, 0, tipLen) + '...')) : /*#__PURE__*/React.createElement("span", null, _Array$isArray(text) ? text.join(',') : text);
+    });
+    _defineProperty(_assertThisInitialized(_this), "getImgSrc", function (value, options) {
+      var index = _findIndexInstanceProperty(options).call(options, function (obj) {
+        return obj.value == value;
+      });
+      return index === -1 ? null : options[index].img;
+    });
+    /**
+     *
+     * @param item{array}:列数据
+     * @param key{string}:字段key
+     * @param options{array}:字段options
+     * @param dataSource{string,array}:数据源，如果列数据有多层则用此决定
+     */
+    _defineProperty(_assertThisInitialized(_this), "getSourceText", function (item, key, options, dataSource) {
+      var value = {};
+      if (typeof dataSource === 'string') {
+        value = item[dataSource] || {};
+      } else if (_Array$isArray(dataSource)) {
+        _forEachInstanceProperty(dataSource).call(dataSource, function (source, index) {
+          /*如果字段重复则用dataSource取到结果，key不作为取字段的标准*/
+          if (index === 0) {
+            value = item[source] || {};
+          } else {
+            value = value[source] || {};
+          }
+        });
+      }
+      /*如果上面已经取到结果则不进入*/
+      if (typeof value !== 'string') {
+        value = value[key];
+      }
+      return _this.getText(value, options);
+    });
+    _defineProperty(_assertThisInitialized(_this), "getDataSource", function (items, cols) {
+      var getItemObj = function getItemObj(item, index) {
+        return _reduceInstanceProperty(cols).call(cols, function (result, _ref12) {
+          var key = _ref12.key,
+            options = _ref12.options,
+            link = _ref12.link,
+            icon = _ref12.icon,
+            dataSource = _ref12.dataSource;
+          if (link) {
+            if (typeof link === 'boolean') {
+              result[key] = _this.link(key, index, item, _this.getText(item[key], options));
+            }
+          } else if (icon) {
+            var _context8;
+            //单独的icon列，icon=true数据值根据options获得显示的图片url
+            var src = _this.getImgSrc(item[key], options);
+            var onClick = _bindInstanceProperty(_context8 = _this.onLink).call(_context8, null, key, index, item);
+            result[key] = src ? /*#__PURE__*/React.createElement("img", {
+              src: src,
+              onClick: onClick
+            }) : '';
+          } else if (dataSource) {
+            result[key] = _this.getSourceText(item, key, options, dataSource);
+          } else {
+            result[key] = _this.getText(item[key], options);
+          }
+          return result;
+        }, {
+          key: index,
+          checked: !!item.checked
+        });
+      };
+      var data = _mapInstanceProperty(items).call(items, function (item, index) {
+        var _context9;
+        return _objectSpread(_objectSpread({}, getItemObj(item, index)), {}, {
+          children: item.children ? _mapInstanceProperty(_context9 = item.children).call(_context9, function (item2, index2) {
+            var _context10;
+            return getItemObj(item2, _concatInstanceProperty(_context10 = "".concat(index, "-")).call(_context10, index2));
+          }) : null
+        });
+      });
+      return data;
+    });
+    _defineProperty(_assertThisInitialized(_this), "getPropsByCheckbox", function () {
+      var _this$props3 = _this.props,
+        _this$props3$checkbox = _this$props3.checkbox,
+        checkbox = _this$props3$checkbox === void 0 ? true : _this$props3$checkbox,
+        _this$props3$checkedR = _this$props3.checkedRows,
+        checkedRows = _this$props3$checkedR === void 0 ? [] : _this$props3$checkedR;
+      var rowClassName1 = function rowClassName1(record) {
+        return _includesInstanceProperty(checkedRows).call(checkedRows, record.key) ? variables('SuperTable3').select : '';
+      };
+      if (checkbox) {
+        return {
+          rowClassName: rowClassName1,
+          onRowClick: _this.onRowClick,
+          rowSelection: {
+            selectedRowKeys: checkedRows,
+            onChange: _this.onCheckChange,
+            getCheckboxProps: function getCheckboxProps(record) {
+              var checked = _includesInstanceProperty(checkedRows).call(checkedRows, record.key);
+              return {
+                checked: checked
+              };
+            }
+          }
+        };
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "getRowProps", function (onRowClick) {
+      return function (record) {
+        return {
+          onClick: function onClick() {
+            return onRowClick && onRowClick(record);
+          },
+          onDoubleClick: function onDoubleClick() {
+            return _this.onDoubleClick(record);
+          }
+        };
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "getItems", function () {
+      var _this$props4 = _this.props,
+        items = _this$props4.items,
+        childrenKey = _this$props4.childrenKey;
+      var resItems = items;
+      if (childrenKey) {
+        resItems = _mapInstanceProperty(items).call(items, function (o) {
+          return o[childrenKey] && o[childrenKey].length ? _objectSpread(_objectSpread({}, o), {}, {
+            children: o[childrenKey]
+          }) : o;
+        });
+      }
+      return resItems;
+    });
+    _defineProperty(_assertThisInitialized(_this), "toTotalFooter", function () {
+      var _this$props5 = _this.props,
+        cols = _this$props5.cols,
+        items = _this$props5.items,
+        checkedRows = _this$props5.checkedRows;
+      var totalCols = _filterInstanceProperty(cols).call(cols, function (item) {
+        return item.total;
+      });
+      if (totalCols.length > 0) {
+        var checkedItems = _filterInstanceProperty(items).call(items, function (item, index) {
+          return _includesInstanceProperty(checkedRows).call(checkedRows, index);
+        });
+        var countItems = checkedItems.length ? checkedItems : items;
+        var totalItems = _mapInstanceProperty(totalCols).call(totalCols, function (_ref13) {
+          var title = _ref13.title,
+            key = _ref13.key,
+            _ref13$props = _ref13.props,
+            props = _ref13$props === void 0 ? {} : _ref13$props;
+          var value = _reduceInstanceProperty(countItems).call(countItems, function (result, item) {
+            return _parseFloat((result + Number(item[key] || 0)).toFixed(props.precision || 6));
+          }, 0);
+          return {
+            title: title,
+            value: value
+          };
+        });
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            height: '36px',
+            lineHeight: '36px'
+          }
+        }, /*#__PURE__*/React.createElement("span", {
+          style: {
+            marginRight: "15px"
+          }
+        }, checkedItems.length ? '【当页勾选汇总】' : '【当页汇总】'), _mapInstanceProperty(totalItems).call(totalItems, function (_ref14, index) {
+          var title = _ref14.title,
+            value = _ref14.value;
+          return /*#__PURE__*/React.createElement("span", {
+            key: index,
+            style: {
+              marginRight: "10px"
+            }
+          }, /*#__PURE__*/React.createElement("span", null, title, ": "), /*#__PURE__*/React.createElement("span", {
+            style: {
+              color: '#01a4ff'
+            }
+          }, value));
+        }));
+      } else {
+        return null;
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "getProps", function () {
+      var _this$props6 = _this.props,
+        cols = _this$props6.cols,
+        _this$props6$isPaging = _this$props6.isPaging,
+        isPaging = _this$props6$isPaging === void 0 ? false : _this$props6$isPaging,
+        _this$props6$footer = _this$props6.footer,
+        footer = _this$props6$footer === void 0 ? null : _this$props6$footer;
+      var items = _this.getItems();
+      var _this$getPropsByCheck = _this.getPropsByCheckbox(items),
+        onRowClick = _this$getPropsByCheck.onRowClick,
+        extraProps = _objectWithoutProperties(_this$getPropsByCheck, _excluded);
+      var renderProps = _objectSpread({
+        className: variables('SuperTable3'),
+        columns: _this.getColumns(cols, items),
+        dataSource: _this.getDataSource(items, cols),
+        size: 'small',
+        pagination: isPaging,
+        scroll: {
+          x: true
+        },
+        onChange: _this.onTableChange,
+        onRow: _this.getRowProps(onRowClick),
+        components: {},
+        footer: footer ? footer : _this.toTotalFooter
+      }, extraProps);
+      return renderProps;
+    });
+    _defineProperty(_assertThisInitialized(_this), "setScroll", function () {
+      var maxHeight = _this.props.maxHeight;
+      if (maxHeight && _this.getItems().length) {
+        var root = ReactDOM.findDOMNode(_assertThisInitialized(_this));
+        var container = root.getElementsByClassName('ant-table-body')[0];
+        var header = root.getElementsByClassName('ant-table-thead')[0];
+        fixed(container, header, maxHeight);
+      }
+    });
+    return _this;
+  }
+  _createClass(SuperTable, [{
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(props, state) {
+      var _this2 = this;
+      var keys = ['cols', 'items', 'maxHeight', 'checkedRows', 'sortInfo', 'filterInfo'];
+      return _someInstanceProperty(keys).call(keys, function (key) {
+        return props[key] !== _this2.props[key];
+      }) || state.filterVisibleKey !== this.state.filterVisibleKey;
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.setScroll();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.setScroll();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(_Table, _extends({}, this.getProps(), {
+        key: this.props.items.length
+      }));
+    }
+  }]);
+  return SuperTable;
+}(React.Component);
+_defineProperty(SuperTable, "propTypes", {
+  cols: PropTypes.arrayOf(PropTypes.shape(ColType)).isRequired,
+  items: PropTypes.arrayOf(PropTypes.shape(ItemType)).isRequired,
+  isPaging: PropTypes.bool,
+  checkbox: PropTypes.bool,
+  radio: PropTypes.bool,
+  checkedRows: PropTypes.array,
+  index: PropTypes.bool,
+  indexTitle: PropTypes.string,
+  sortInfo: PropTypes.object,
+  filterInfo: PropTypes.object,
+  maxHeight: PropTypes.string,
+  callback: PropTypes.shape(CallbackType),
+  childrenKey: PropTypes.string
+});
+export default SuperTable;