cloud-b2b 1.0.0 → 1.0.3

package/lib/SuperTable/SuperTable.js

@@ -0,0 +1,937 @@
+"use strict";
+
+var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+
+var _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _forEachInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _table = _interopRequireDefault(require("antd/lib/table"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _every = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/every"));
+
+var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
+
+var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
+
+var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
+
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
+var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _parseFloat2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/parse-float"));
+
+var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _Control = require("../Control");
+
+var _FilterDropDown = _interopRequireDefault(require("./FilterDropDown"));
+
+var _fixed = _interopRequireDefault(require("./fixed"));
+
+var _DragSortRow = _interopRequireDefault(require("./DragSortRow"));
+
+var _variables = _interopRequireDefault(require("../variables"));
+
+var _excluded = ["onRowClick"];
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context9, _context10; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty2(_context9 = ownKeys(Object(source), !0)).call(_context9, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty2(_context10 = ownKeys(Object(source))).call(_context10, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(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; } }
+
+/**
+ * sorter: [可选]，不传表示该列不支持排序；为string表示按字符串排序；为number表示按数字大小排序
+ * filter: [可选],是否支持过滤，默认为false
+ * link: [可选],为true表示超链接，内容来至items;为字符串表示超链接，内容就是该字符串;为字符串‘list’表示超链接数组，内容就是该items对应key对象数组的linkTitleKey属性拼接
+ * linkTitleKey: [可选],当link为'list'表示超链接组时，该值表示要拼接展示的属性key值
+ * isDateFilterByStartAndEnd: [可选]，为true时做过滤操作会显示时间段搜索，默认为false
+ *
+ */
+var ColType = {
+  key: _propTypes["default"].string.isRequired,
+  title: _propTypes["default"].string,
+  align: _propTypes["default"].oneOf(['left', 'center', 'right']),
+  sorter: _propTypes["default"].oneOf(['string', 'number']),
+  filter: _propTypes["default"].bool,
+  hide: _propTypes["default"].bool,
+  options: _propTypes["default"].array,
+  link: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].string]),
+  linkTitleKey: _propTypes["default"].string,
+  noWrap: _propTypes["default"].bool,
+  isDateFilterByStartAndEnd: _propTypes["default"].bool
+};
+var ItemType = {
+  checked: _propTypes["default"].bool
+};
+/**
+ * onCheck：点击复选框时触发，原型func(isAll, checked, rowIndex);isolation为true时，原型为onCheck(checkedRows)
+ * onRadio: 点击单选按钮时触发，原型为func(checkedRows)
+ * onDoubleClick: 行双击时触发，原型func(rowIndex)
+ * onLink: 点击超链接时触发，原型为func(key, rowIndex, item)
+ * onTableChange: 排序信息改变时触发，原型为func(sortInfo, filterInfo)
+ * onMoveRow：行拖曳排序时触发，原型为func(dragIndex, targetIndex)
+ */
+
+var CallbackType = {
+  onCheck: _propTypes["default"].func,
+  onRadio: _propTypes["default"].func,
+  onDoubleClick: _propTypes["default"].func,
+  onLink: _propTypes["default"].func,
+  onTableChange: _propTypes["default"].func,
+  onMoveRow: _propTypes["default"].func
+};
+/**
+ * checkbox: [可选]，是否有复选框，默认为true
+ * isPaging: [可选]，是否分页，默认为false
+ * radio: [可选]，是否为单选按钮，当checkbox为true时生效，默认值为false
+ * isolation: [可选]，为true时，复选框的选中行采用checkedRows存储
+ * checkedRows: [可选]，选中的行数，radio为true时生效
+ * index: [可选]，是否有序号，默认值为true
+ * indexTitle：[可选]，序号标题，默认为'序号'
+ * sortInfo: [可选]，排序信息，默认为null
+ * filterInfo: [可选]，过滤信息，默认为null
+ * maxHeight: [可选]，设置表格的最大高度
+ * dragSort: [可选], 为true表示支持行拖曳排序，且不支持行单击选中复选或单选按钮和双击事件，默认为false
+ * isEmphasized: [可选]，是否强调，行字体加粗显示；要实现字体加粗显示除了isEmphasized设置为true之外，加粗行数据里要设置__isEmphasized为true
+ * isWeaken: [可选]，是否弱化行字体置灰显示，除了isWeaken设置为true之外，置灰行数据里要设置__isWeaken为true
+ * pageTotal: [可选], 为true表示开启表格末行自动汇总表格列数据，默认为false || searchTotal，当开启时，需要汇总的列需设置属性total为true,当dragSort为true时，该选项失效
+ * searchTotal: [可选], 表格汇总数据对象，该属性不为空时pageTotal默认开启，当dragSort为true时，该选项失效
+ */
+
+var SuperTable = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(SuperTable, _React$Component);
+
+  var _super = _createSuper(SuperTable);
+
+  function SuperTable() {
+    var _context;
+
+    var _this;
+
+    (0, _classCallCheck2["default"])(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, (0, _concat["default"])(_context = [this]).call(_context, args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      filterVisibleKey: ''
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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 = _this.props,
+            _this$props$items = _this$props.items,
+            items = _this$props$items === void 0 ? [] : _this$props$items,
+            _this$props$isWeaken = _this$props.isWeaken,
+            isWeaken = _this$props$isWeaken === void 0 ? false : _this$props$isWeaken,
+            pageTotal = _this$props.pageTotal,
+            searchTotal = _this$props.searchTotal;
+        var offset = 0;
+        pageTotal && offset--;
+        searchTotal && offset--;
+        var realSlectedList = selectedKeyArr.length > items.length ? (0, _slice["default"])(selectedKeyArr).call(selectedKeyArr, 0, selectedKeyArr.length + offset) : selectedKeyArr;
+        var selectedKeys = isWeaken ? (0, _filter["default"])(realSlectedList).call(realSlectedList, function (o) {
+          return !items[o].__isWeaken;
+        }) : realSlectedList;
+        var newItems = isWeaken ? (0, _filter["default"])(items).call(items, function (o) {
+          return !o.__isWeaken;
+        }) : items;
+
+        if (selectedKeys.length === 0) {
+          onCheck(true, false, -1);
+        } else if (selectedKeys.length === newItems.length) {
+          var checked = (0, _every["default"])(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 = (0, _findIndex["default"])(defaultSelectedKeys).call(defaultSelectedKeys, function (key) {
+              return !(0, _some["default"])(selectedKeys).call(selectedKeys, function (select) {
+                return select === key;
+              });
+            });
+            onCheck(false, false, defaultSelectedKeys[index]);
+          }
+        }
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onCheckChange", function (selectedKeys) {
+      var _ref3 = _this.props.callback || {},
+          onCheck = _ref3.onCheck;
+
+      onCheck && onCheck(selectedKeys);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRadioChange", function (selectedKeys) {
+      var _ref4 = _this.props.callback || {},
+          onRadio = _ref4.onRadio;
+
+      onRadio && onRadio(selectedKeys);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRadioRowClick", function (record) {
+      var _ref5 = _this.props.callback || {},
+          onRadio = _ref5.onRadio;
+
+      onRadio && onRadio([record.key]);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRowClick", function (record) {
+      var _this$props2 = _this.props,
+          _this$props2$isWeaken = _this$props2.isWeaken,
+          isWeaken = _this$props2$isWeaken === void 0 ? false : _this$props2$isWeaken,
+          items = _this$props2.items;
+      if (items.length <= record.key) return;
+      clearTimeout(_this.timer);
+      _this.timer = (0, _setTimeout2["default"])(function () {
+        var _ref6 = _this.props.callback || {},
+            onCheck = _ref6.onCheck;
+
+        if (onCheck) {
+          var _this$props3 = _this.props,
+              isolation = _this$props3.isolation,
+              _this$props3$checkedR = _this$props3.checkedRows,
+              checkedRows = _this$props3$checkedR === void 0 ? [] : _this$props3$checkedR;
+
+          if (isolation) {
+            if ((0, _includes["default"])(checkedRows).call(checkedRows, record.key)) {
+              onCheck((0, _filter["default"])(checkedRows).call(checkedRows, function (key) {
+                return record.key !== key;
+              }));
+            } else {
+              onCheck((0, _concat["default"])(checkedRows).call(checkedRows, record.key));
+            }
+          } else {
+            var checked = isWeaken && items[record.key].__isWeaken ? false : !record.checked;
+            onCheck(false, checked, record.key);
+          }
+        }
+      }, 250);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDoubleClick", function (record) {
+      clearTimeout(_this.timer);
+
+      var _ref7 = _this.props.callback || {},
+          onDoubleClick = _ref7.onDoubleClick;
+
+      onDoubleClick && onDoubleClick(record.key);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onLink", function (key, index, item, e) {
+      var _ref8 = _this.props.callback || {},
+          onLink = _ref8.onLink;
+
+      onLink && onLink(key, index, item);
+      e.stopPropagation();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onLinkDouble", function (e) {
+      e.stopPropagation();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onMoveRow", function (dragIndex, targetIndex) {
+      var _ref9 = _this.props.callback || {},
+          onMoveRow = _ref9.onMoveRow;
+
+      onMoveRow && onMoveRow(dragIndex, targetIndex);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getSelectedRowKeys", function (items) {
+      return (0, _reduce["default"])(items).call(items, function (result, item, index) {
+        item.checked && result.push(index);
+        return result;
+      }, []);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getIndexInfo", function () {
+      var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var _this$props4 = _this.props,
+          _this$props4$index = _this$props4.index,
+          index = _this$props4$index === void 0 ? true : _this$props4$index,
+          _this$props4$indexTit = _this$props4.indexTitle,
+          indexTitle = _this$props4$indexTit === void 0 ? '序号' : _this$props4$indexTit;
+      return index ? [{
+        key: 'index',
+        title: indexTitle,
+        render: function render(text, record, index) {
+          return items[record.key].__totalIndexTitle || index + 1;
+        }
+      }] : [];
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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;
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setFilterInfo", function (col, filterInfo, visibleKey) {
+      if ((0, _filter["default"])(col)) {
+        var _col$isDateFilterBySt = col.isDateFilterByStartAndEnd,
+            isDateFilterByStartAndEnd = _col$isDateFilterBySt === void 0 ? false : _col$isDateFilterBySt;
+
+        var onSearch = function onSearch(value) {
+          var _ref10 = _this.props.callback || {},
+              onTableChange = _ref10.onTableChange;
+
+          var _this$props$sortInfo = _this.props.sortInfo,
+              sortInfo = _this$props$sortInfo === void 0 ? null : _this$props$sortInfo;
+          var newFilterInfo = (0, _assign["default"])({}, filterInfo, (0, _defineProperty2["default"])({}, 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["default"].createElement(_FilterDropDown["default"], {
+          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 items = _this.getItems();
+
+          if (items[record.key].__total) return true;
+          var content = !col.link ? record[col.key] : record[col.key].props.children;
+
+          if (!col.isDateFilterByStartAndEnd) {
+            var con = (0, _isArray["default"])(content) ? content : String(content);
+            return (0, _includes["default"])(con).call(con, value);
+          } else {
+            return !(value.start && new Date(value.start) > new Date(content) || value.end && value.end < content);
+          }
+        };
+      }
+
+      delete col.filter;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "linkList", function (key, index, item) {
+      var linkTitleKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'fileName';
+      var list = item[key] || [];
+      return /*#__PURE__*/_react["default"].createElement("div", null, (0, _map["default"])(list).call(list, function (item2, index2) {
+        var _context2, _context3;
+
+        var split = index2 === list.length - 1 ? '' : ',';
+        var onClick = (0, _bind["default"])(_context2 = _this.onLink).call(_context2, null, key, index, item2);
+        return /*#__PURE__*/_react["default"].createElement("a", {
+          key: index2,
+          onClick: onClick,
+          onDoubleClick: _this.onLinkDouble
+        }, (0, _concat["default"])(_context3 = "".concat(item2[linkTitleKey])).call(_context3, split));
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", {
+        style: {
+          color: color
+        }
+      }, text.title ? text.title : text));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "defaultList", function (key, index, item, text, link) {
+      var _context4;
+
+      var onClick = (0, _bind["default"])(_context4 = _this.onLink).call(_context4, null, key, index, item);
+
+      if (link && typeof link === 'string') {
+        return /*#__PURE__*/_react["default"].createElement("a", {
+          onClick: onClick,
+          onDoubleClick: _this.onLinkDouble
+        }, text);
+      }
+
+      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, text));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getColumns", function (cols, items) {
+      var _context5, _context6;
+
+      var _this$props5 = _this.props,
+          sortInfo = _this$props5.sortInfo,
+          filterInfo = _this$props5.filterInfo;
+      var filterVisibleKey = _this.state.filterVisibleKey;
+      return (0, _map["default"])(_context5 = (0, _concat["default"])(_context6 = _this.getIndexInfo(items)).call(_context6, (0, _filter["default"])(cols).call(cols, function (col) {
+        return !col.hide;
+      }))).call(_context5, function (_ref11) {
+        var col = (0, _extends2["default"])({}, _ref11);
+        col.dataIndex = col.key;
+        col.className = col.key === 'index' ? 'ant-table-selection-column' : col.align ? (0, _variables["default"])('SuperTable')[col.align] : '';
+        col.noWrap && (col.className = (0, _variables["default"])('SuperTable').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;
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getText", function (value, options) {
+      if ((0, _isArray["default"])(value)) {
+        return (0, _map["default"])(value).call(value, function (v) {
+          return (0, _Control.getTitle)(v, options);
+        }).toString();
+      } else {
+        return (0, _Control.getTitle)(value, options);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "link", function (key, index, item, text) {
+      var _context7;
+
+      var onClick = (0, _bind["default"])(_context7 = _this.onLink).call(_context7, null, key, index, item);
+      return /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: onClick,
+        onDoubleClick: _this.onLinkDouble
+      }, text);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "tooltip", function (key, index, item, _ref12) {
+      var tipLen = _ref12.tooltip,
+          options = _ref12.options;
+
+      var text = _this.getText(item[key], options);
+
+      var needTip = tipLen > 1 && text && typeof text === 'string' && text.length > tipLen;
+      return needTip ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+        title: text
+      }, /*#__PURE__*/_react["default"].createElement("span", null, (0, _slice["default"])(text).call(text, 0, tipLen) + '...')) : /*#__PURE__*/_react["default"].createElement("span", null, (0, _isArray["default"])(text) ? text.join(',') : text);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getImgSrc", function (value, options) {
+      var index = (0, _findIndex["default"])(options).call(options, function (obj) {
+        return obj.value == value;
+      });
+      return index === -1 ? null : options[index].img;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getSourceText", function (item, key, options, dataSource) {
+      var value = {};
+
+      if (typeof dataSource === 'string') {
+        value = item[dataSource] || {};
+      } else if ((0, _isArray["default"])(dataSource)) {
+        (0, _forEach["default"])(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);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getDataSource", function (items, cols) {
+      return (0, _map["default"])(items).call(items, function (item, index) {
+        return (0, _reduce["default"])(cols).call(cols, function (result, _ref13) {
+          var key = _ref13.key,
+              options = _ref13.options,
+              link = _ref13.link,
+              icon = _ref13.icon,
+              dataSource = _ref13.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 = (0, _bind["default"])(_context8 = _this.onLink).call(_context8, null, key, index, item);
+            result[key] = src ? /*#__PURE__*/_react["default"].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
+        });
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getPropsByCheckbox", function (items) {
+      var _this$props6 = _this.props,
+          _this$props6$checkbox = _this$props6.checkbox,
+          checkbox = _this$props6$checkbox === void 0 ? true : _this$props6$checkbox,
+          _this$props6$radio = _this$props6.radio,
+          radio = _this$props6$radio === void 0 ? false : _this$props6$radio,
+          isolation = _this$props6.isolation,
+          _this$props6$checkedR = _this$props6.checkedRows,
+          checkedRows = _this$props6$checkedR === void 0 ? [] : _this$props6$checkedR,
+          _this$props6$isEmphas = _this$props6.isEmphasized,
+          isEmphasized = _this$props6$isEmphas === void 0 ? false : _this$props6$isEmphas,
+          _this$props6$isWeaken = _this$props6.isWeaken,
+          isWeaken = _this$props6$isWeaken === void 0 ? true : _this$props6$isWeaken;
+
+      var rowClassName1 = function rowClassName1(record) {
+        if (items[record.key].__total) return s.totalRow;
+        if (items[record.key].__warningRow) return s.warningRow;
+        return (0, _includes["default"])(checkedRows).call(checkedRows, record.key) ? s.select : '';
+      };
+
+      var rowClassName2 = function rowClassName2(record) {
+        if (items[record.key].__total) return s.totalRow;
+        if (items[record.key].__warningRow) return s.warningRow;
+
+        if (isEmphasized && items[record.key].__isEmphasized) {
+          return items[record.key].checked ? s.emphasizedSelectRow : s.emphasizedUnselectRow;
+        }
+
+        if (isWeaken && items[record.key].__isWeaken) {
+          return items[record.key].checked ? s.weakenedSelectRow : s.weakenedUnselectRow;
+        }
+
+        return items[record.key].checked ? s.select : '';
+      };
+
+      if (checkbox) {
+        if (radio) {
+          return {
+            rowClassName: rowClassName1,
+            onRowClick: _this.onRadioRowClick,
+            rowSelection: {
+              type: 'radio',
+              selectedRowKeys: checkedRows,
+              onChange: _this.onRadioChange
+            }
+          };
+        } else if (isolation) {
+          return {
+            rowClassName: rowClassName1,
+            onRowClick: _this.onRowClick,
+            rowSelection: {
+              selectedRowKeys: checkedRows,
+              onChange: _this.onCheckChange,
+              getCheckboxProps: function getCheckboxProps(record) {
+                var checked = (0, _includes["default"])(checkedRows).call(checkedRows, record.key);
+                return {
+                  checked: checked,
+                  disabled: items[record.key].__isWeaken,
+                  style: items[record.key].__total ? {
+                    display: 'none'
+                  } : {}
+                };
+              }
+            }
+          };
+        } else {
+          return {
+            rowClassName: rowClassName2,
+            onRowClick: _this.onRowClick,
+            rowSelection: {
+              selectedRowKeys: _this.getSelectedRowKeys(items),
+              onChange: _this.onChange,
+              getCheckboxProps: function getCheckboxProps(record) {
+                var checked = isWeaken && items[record.key].__isWeaken ? false : !!record.checked;
+                return {
+                  checked: checked,
+                  disabled: items[record.key].__isWeaken,
+                  style: items[record.key].__total ? {
+                    display: 'none'
+                  } : {}
+                };
+              }
+            }
+          };
+        }
+      } else {
+        return {
+          rowClassName: rowClassName2
+        };
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getRowProps", function (onRowClick) {
+      return function (record) {
+        return {
+          onClick: function onClick() {
+            return onRowClick && onRowClick(record);
+          },
+          onDoubleClick: function onDoubleClick() {
+            return _this.onDoubleClick(record);
+          }
+        };
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getRowPropsForDrag", function () {
+      return function (record, index) {
+        return {
+          index: index,
+          onMoveRow: _this.onMoveRow
+        };
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getItems", function () {
+      var _this$props7 = _this.props,
+          items = _this$props7.items,
+          cols = _this$props7.cols,
+          _this$props7$dragSort = _this$props7.dragSort,
+          dragSort = _this$props7$dragSort === void 0 ? false : _this$props7$dragSort,
+          _this$props7$pageTota = _this$props7.pageTotal,
+          pageTotal = _this$props7$pageTota === void 0 ? false : _this$props7$pageTota,
+          searchTotal = _this$props7.searchTotal;
+      var resItems = items;
+
+      if (!dragSort && items.length > 1) {
+        if (pageTotal || searchTotal) {
+          var totalItem = (0, _reduce["default"])(cols).call(cols, function (result, _ref14) {
+            var key = _ref14.key,
+                _ref14$total = _ref14.total,
+                total = _ref14$total === void 0 ? false : _ref14$total;
+
+            if (total) {
+              result[key] = (0, _parseFloat2["default"])(Number((0, _reduce["default"])(items).call(items, function (result, item) {
+                return (0, _parseFloat2["default"])(String(item[key] || 0)) + result;
+              }, 0)).toFixed(4));
+            }
+
+            return result;
+          }, {
+            __total: true,
+            __totalIndexTitle: '本页汇总'
+          });
+          resItems = (0, _concat["default"])(resItems).call(resItems, [totalItem]);
+        }
+
+        if (searchTotal) {
+          resItems = (0, _concat["default"])(resItems).call(resItems, [_objectSpread(_objectSpread({}, searchTotal), {}, {
+            __total: true,
+            __totalIndexTitle: '查询汇总'
+          })]);
+        }
+      }
+
+      return resItems;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toTotalFooter", function () {
+      var _this$props8 = _this.props,
+          cols = _this$props8.cols,
+          items = _this$props8.items,
+          isolation = _this$props8.isolation,
+          checkedRows = _this$props8.checkedRows;
+      var totalCols = (0, _filter["default"])(cols).call(cols, function (item) {
+        return item.total;
+      });
+
+      if (totalCols.length > 0) {
+        var checkedItems = isolation ? (0, _filter["default"])(items).call(items, function (item, index) {
+          return (0, _includes["default"])(checkedRows).call(checkedRows, index);
+        }) : (0, _filter["default"])(items).call(items, function (item) {
+          return item.checked;
+        });
+        var countItems = checkedItems.length ? checkedItems : items;
+        var totalItems = (0, _map["default"])(totalCols).call(totalCols, function (_ref15) {
+          var title = _ref15.title,
+              key = _ref15.key,
+              _ref15$props = _ref15.props,
+              props = _ref15$props === void 0 ? {} : _ref15$props;
+          var value = (0, _reduce["default"])(countItems).call(countItems, function (result, item) {
+            return (0, _parseFloat2["default"])((result + Number(item[key] || 0)).toFixed(props.precision || 6));
+          }, 0);
+          return {
+            title: title,
+            value: value
+          };
+        });
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          style: {
+            height: '36px',
+            lineHeight: '36px'
+          }
+        }, /*#__PURE__*/_react["default"].createElement("span", {
+          style: {
+            marginRight: "15px"
+          }
+        }, checkedItems.length ? '【当页勾选汇总】' : '【当页汇总】'), (0, _map["default"])(totalItems).call(totalItems, function (_ref16, index) {
+          var title = _ref16.title,
+              value = _ref16.value;
+          return /*#__PURE__*/_react["default"].createElement("span", {
+            key: index,
+            style: {
+              marginRight: "10px"
+            }
+          }, /*#__PURE__*/_react["default"].createElement("span", null, title, ": "), /*#__PURE__*/_react["default"].createElement("span", {
+            style: {
+              color: '#01a4ff'
+            }
+          }, value));
+        }));
+      } else {
+        return null;
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getProps", function () {
+      var _this$props9 = _this.props,
+          cols = _this$props9.cols,
+          _this$props9$isPaging = _this$props9.isPaging,
+          isPaging = _this$props9$isPaging === void 0 ? false : _this$props9$isPaging,
+          _this$props9$isEmphas = _this$props9.isEmphasized,
+          isEmphasized = _this$props9$isEmphas === void 0 ? false : _this$props9$isEmphas,
+          _this$props9$isWeaken = _this$props9.isWeaken,
+          isWeaken = _this$props9$isWeaken === void 0 ? false : _this$props9$isWeaken,
+          dragSort = _this$props9.dragSort,
+          _this$props9$footer = _this$props9.footer,
+          footer = _this$props9$footer === void 0 ? null : _this$props9$footer;
+
+      var items = _this.getItems();
+
+      var _this$getPropsByCheck = _this.getPropsByCheckbox(items),
+          onRowClick = _this$getPropsByCheck.onRowClick,
+          extraProps = (0, _objectWithoutProperties2["default"])(_this$getPropsByCheck, _excluded);
+
+      var renderProps = _objectSpread({
+        className: !isEmphasized || !isWeaken ? (0, _variables["default"])('SuperTable') : (0, _variables["default"])('SuperTable').noTransition,
+        columns: _this.getColumns(cols, items),
+        dataSource: _this.getDataSource(items, cols),
+        size: 'small',
+        pagination: isPaging,
+        scroll: {
+          x: true
+        },
+        onChange: _this.onTableChange,
+        onRow: dragSort ? _this.getRowPropsForDrag() : _this.getRowProps(onRowClick),
+        components: dragSort ? {
+          body: {
+            row: _DragSortRow["default"]
+          }
+        } : {},
+        footer: footer ? footer : _this.toTotalFooter
+      }, extraProps);
+
+      return renderProps;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setScroll", function () {
+      var _this$props10 = _this.props,
+          maxHeight = _this$props10.maxHeight,
+          pageTotal = _this$props10.pageTotal,
+          searchTotal = _this$props10.searchTotal;
+
+      if (maxHeight && _this.getItems().length) {
+        var root = _reactDom["default"].findDOMNode((0, _assertThisInitialized2["default"])(_this));
+
+        var container = root.getElementsByClassName('ant-table-body')[0];
+        var header = root.getElementsByClassName('ant-table-thead')[0];
+        var tbody = root.getElementsByClassName('ant-table-tbody')[0];
+        var pageTotalOffset = searchTotal ? 2 : 1;
+        var pageTotalElement = pageTotal && tbody && tbody.children ? tbody.children[tbody.children.length - pageTotalOffset] : null;
+        var searchTotalElement = searchTotal && tbody && tbody.children ? tbody.children[tbody.children.length - 1] : null;
+        (0, _fixed["default"])(container, header, maxHeight, {
+          pageTotalElement: pageTotalElement,
+          searchTotalElement: searchTotalElement
+        });
+      }
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(SuperTable, [{
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(props, state) {
+      var _this2 = this;
+
+      var keys = ['cols', 'items', 'maxHeight', 'checkedRows', 'sortInfo', 'filterInfo'];
+      return (0, _some["default"])(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["default"].createElement(_table["default"], (0, _extends2["default"])({}, this.getProps(), {
+        key: this.props.items.length
+      }));
+    }
+  }]);
+  return SuperTable;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(SuperTable, "propTypes", {
+  cols: _propTypes["default"].arrayOf(_propTypes["default"].shape(ColType)).isRequired,
+  items: _propTypes["default"].arrayOf(_propTypes["default"].shape(ItemType)).isRequired,
+  isPaging: _propTypes["default"].bool,
+  checkbox: _propTypes["default"].bool,
+  radio: _propTypes["default"].bool,
+  isolation: _propTypes["default"].bool,
+  checkedRows: _propTypes["default"].array,
+  index: _propTypes["default"].bool,
+  indexTitle: _propTypes["default"].string,
+  sortInfo: _propTypes["default"].object,
+  filterInfo: _propTypes["default"].object,
+  maxHeight: _propTypes["default"].string,
+  callback: _propTypes["default"].shape(CallbackType),
+  isEmphasized: _propTypes["default"].bool,
+  isWeaken: _propTypes["default"].bool,
+  dragSort: _propTypes["default"].bool,
+  pageTotal: _propTypes["default"].bool,
+  searchTotal: _propTypes["default"].object
+});
+var _default = SuperTable;
+exports["default"] = _default;