cloud-b2b 1.1.85 → 1.1.87

package/lib/SuperTable/SuperTable.js

@@ -25,9 +25,9 @@ var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stabl
 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 _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 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"));
@@ -39,10 +39,9 @@ var _icon = _interopRequireDefault(require("antd/lib/icon"));
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -52,11 +51,12 @@ var _FilterDropDown = _interopRequireDefault(require("./FilterDropDown"));
 var _fixed = _interopRequireDefault(require("./fixed"));
 var _DragSortRow = _interopRequireDefault(require("./DragSortRow"));
 var _variables = _interopRequireDefault(require("../variables"));
+var _helper = _interopRequireDefault(require("../helper"));
 var _excluded = ["onRowClick"];
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty2(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 _context10, _context11; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty2(_context10 = ownKeys(Object(t), !0)).call(_context10, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty2(_context11 = ownKeys(Object(t))).call(_context11, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-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; } }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context1, _context10; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty2(_context1 = ownKeys(Object(t), !0)).call(_context1, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty2(_context10 = ownKeys(Object(t))).call(_context10, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * sorter: [可选]，不传表示该列不支持排序；为string表示按字符串排序；为number表示按数字大小排序
  * filter: [可选],是否支持过滤，默认为false
@@ -119,8 +119,6 @@ var CallbackType = {
  * 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;
@@ -128,18 +126,18 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
     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", {
+    _this = _callSuper(this, SuperTable, (0, _concat["default"])(_context = []).call(_context, args));
+    (0, _defineProperty2["default"])(_this, "state", {
       filterVisibleKey: ''
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTableChange", function (pagination, filters, sorter) {
+    (0, _defineProperty2["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 () {
+    (0, _defineProperty2["default"])(_this, "onChange", function () {
       var selectedKeyArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var _ref2 = _this.props.callback || {},
         onCheck = _ref2.onCheck;
@@ -186,22 +184,22 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
         }
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onCheckChange", function (selectedKeys) {
+    (0, _defineProperty2["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) {
+    (0, _defineProperty2["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) {
+    (0, _defineProperty2["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) {
+    (0, _defineProperty2["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,
@@ -231,48 +229,56 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
         }
       }, 250);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDoubleClick", function (record) {
+    (0, _defineProperty2["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) {
+    (0, _defineProperty2["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) {
+    (0, _defineProperty2["default"])(_this, "onLinkDouble", function (e) {
       e.stopPropagation();
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onMoveRow", function (dragIndex, targetIndex) {
+    (0, _defineProperty2["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) {
+    (0, _defineProperty2["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 () {
+    (0, _defineProperty2["default"])(_this, "getIndexInfo", function () {
       var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var cols = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       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;
+      var fixed = '';
+      (0, _map["default"])(cols).call(cols, function (col) {
+        if (col.fixed && col.fixed === 'left') {
+          fixed = col.fixed;
+        }
+      });
       return index ? [{
         key: 'index',
+        fixed: fixed,
         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) {
+    (0, _defineProperty2["default"])(_this, "setSortInfo", function (col, sortInfo) {
       if (col.sorter === 'string') {
         col.sortOrder = sortInfo.columnKey === col.key && sortInfo.order;
         col.sorter = function (row1, row2) {
@@ -295,13 +301,13 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
         delete col.sorter;
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setFilterInfo", function (col, filterInfo, visibleKey) {
+    (0, _defineProperty2["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 _ref0 = _this.props.callback || {},
+            onTableChange = _ref0.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));
@@ -349,7 +355,7 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
       }
       delete col.filter;
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "linkList", function (key, index, item) {
+    (0, _defineProperty2["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) {
@@ -363,28 +369,48 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
         }, (0, _concat["default"])(_context3 = "".concat(item2[linkTitleKey])).call(_context3, split));
       }));
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "waring", function (key, index, item, warningKey) {
+    (0, _defineProperty2["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", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          whiteSpace: 'break-spaces'
+        }
+      }, /*#__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) {
+    (0, _defineProperty2["default"])(_this, "textCellRender", function (value) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          whiteSpace: 'break-spaces'
+        }
+      }, value);
+    });
+    (0, _defineProperty2["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", {
+          style: {
+            whiteSpace: 'normal',
+            wordBreak: "break-all"
+          },
           onClick: onClick,
           onDoubleClick: _this.onLinkDouble
         }, text);
       }
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, text));
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          whiteSpace: 'normal',
+          wordBreak: "break-all"
+        }
+      }, /*#__PURE__*/_react["default"].createElement("p", null, text));
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "tags", function (key, index, item, _ref11) {
-      var tags = _ref11.tags;
+    (0, _defineProperty2["default"])(_this, "tags", function (key, index, item, _ref1) {
+      var tags = _ref1.tags;
       var list = item[key] || [];
       return /*#__PURE__*/_react["default"].createElement("div", null, (0, _map["default"])(list).call(list, function (item2, index2) {
         var _context5;
@@ -419,16 +445,16 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
         }, /*#__PURE__*/_react["default"].createElement(_tag["default"], tagProps, item2[tags])) : /*#__PURE__*/_react["default"].createElement(_tag["default"], tagProps, item2[tags]);
       }));
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getColumns", function (cols, items) {
+    (0, _defineProperty2["default"])(_this, "getColumns", function (cols, items) {
       var _context6, _context7;
       var _this$props5 = _this.props,
         sortInfo = _this$props5.sortInfo,
         filterInfo = _this$props5.filterInfo;
       var filterVisibleKey = _this.state.filterVisibleKey;
-      return (0, _map["default"])(_context6 = (0, _concat["default"])(_context7 = _this.getIndexInfo(items)).call(_context7, (0, _filter["default"])(cols).call(cols, function (col) {
-        return !col.hide;
-      }))).call(_context6, function (_ref12) {
-        var col = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref12), _ref12));
+      return (0, _map["default"])(_context6 = (0, _concat["default"])(_context7 = _this.getIndexInfo(items, cols)).call(_context7, (0, _filter["default"])(cols).call(cols, function (col) {
+        return !col.hide && col.key !== 'index';
+      }))).call(_context6, function (_ref10) {
+        var col = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref10), _ref10));
         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);
@@ -462,11 +488,15 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
           col.render = function (text, record, index) {
             return _this.props.callback.onRenderCustom(index, col.key, record[col.key], record);
           };
+        } else if (col.key !== 'index' && (!col.type || col.type !== 'otherCustom')) {
+          col.render = function (text, record, index) {
+            return _this.textCellRender(text);
+          };
         }
         return col;
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getText", function (value, options) {
+    (0, _defineProperty2["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);
@@ -475,7 +505,7 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
         return (0, _Control.getTitle)(value, options);
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "link", function (key, index, item, text) {
+    (0, _defineProperty2["default"])(_this, "link", function (key, index, item, text) {
       var _context8;
       var onClick = (0, _bind["default"])(_context8 = _this.onLink).call(_context8, null, key, index, item);
       return /*#__PURE__*/_react["default"].createElement("a", {
@@ -483,16 +513,24 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
         onDoubleClick: _this.onLinkDouble
       }, text);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "tooltip", function (key, index, item, _ref13) {
-      var tipLen = _ref13.tooltip,
-        options = _ref13.options;
+    (0, _defineProperty2["default"])(_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["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);
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          whiteSpace: 'break-spaces'
+        }
+      }, (0, _slice["default"])(text).call(text, 0, tipLen) + '...')) : /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          whiteSpace: 'break-spaces'
+        }
+      }, (0, _isArray["default"])(text) ? text.join(',') : text);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getImgSrc", function (value, options) {
+    (0, _defineProperty2["default"])(_this, "getImgSrc", function (value, options) {
       var index = (0, _findIndex["default"])(options).call(options, function (obj) {
         return obj.value == value;
       });
@@ -505,7 +543,7 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
      * @param options{array}:字段options
      * @param dataSource{string,array}:数据源，如果列数据有多层则用此决定
      */
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getSourceText", function (item, key, options, dataSource) {
+    (0, _defineProperty2["default"])(_this, "getSourceText", function (item, key, options, dataSource) {
       var value = {};
       if (typeof dataSource === 'string') {
         value = item[dataSource] || {};
@@ -525,14 +563,14 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
       }
       return _this.getText(value, options);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getDataSource", function (items, cols) {
+    (0, _defineProperty2["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, _ref14) {
-          var key = _ref14.key,
-            options = _ref14.options,
-            link = _ref14.link,
-            icon = _ref14.icon,
-            dataSource = _ref14.dataSource;
+        return (0, _reduce["default"])(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));
@@ -558,7 +596,7 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
         });
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getPropsByCheckbox", function (items) {
+    (0, _defineProperty2["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,
@@ -643,7 +681,7 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
         };
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getRowProps", function (onRowClick, items) {
+    (0, _defineProperty2["default"])(_this, "getRowProps", function (onRowClick, items) {
       return function (record) {
         var item = items[record.key];
         var rowProps = {
@@ -660,7 +698,7 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
         return rowProps;
       };
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getRowPropsForDrag", function () {
+    (0, _defineProperty2["default"])(_this, "getRowPropsForDrag", function () {
       return function (record, index) {
         return {
           index: index,
@@ -668,7 +706,7 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
         };
       };
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getItems", function () {
+    (0, _defineProperty2["default"])(_this, "getItems", function () {
       var _this$props7 = _this.props,
         items = _this$props7.items,
         cols = _this$props7.cols,
@@ -680,10 +718,10 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
       var resItems = items;
       if (!dragSort && items.length > 1) {
         if (pageTotal || searchTotal) {
-          var totalItem = (0, _reduce["default"])(cols).call(cols, function (result, _ref15) {
-            var key = _ref15.key,
-              _ref15$total = _ref15.total,
-              total = _ref15$total === void 0 ? false : _ref15$total;
+          var totalItem = (0, _reduce["default"])(cols).call(cols, function (result, _ref13) {
+            var key = _ref13.key,
+              _ref13$total = _ref13.total,
+              total = _ref13$total === void 0 ? false : _ref13$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;
@@ -705,7 +743,7 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
       }
       return resItems;
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toTotalFooter", function () {
+    (0, _defineProperty2["default"])(_this, "toTotalFooter", function () {
       var _this$props8 = _this.props,
         cols = _this$props8.cols,
         items = _this$props8.items,
@@ -721,11 +759,11 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
           return item.checked;
         });
         var countItems = checkedItems.length ? checkedItems : items;
-        var totalItems = (0, _map["default"])(totalCols).call(totalCols, function (_ref16) {
-          var title = _ref16.title,
-            key = _ref16.key,
-            _ref16$props = _ref16.props,
-            props = _ref16$props === void 0 ? {} : _ref16$props;
+        var totalItems = (0, _map["default"])(totalCols).call(totalCols, function (_ref14) {
+          var title = _ref14.title,
+            key = _ref14.key,
+            _ref14$props = _ref14.props,
+            props = _ref14$props === void 0 ? {} : _ref14$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);
@@ -743,9 +781,9 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
           style: {
             marginRight: "15px"
           }
-        }, checkedItems.length ? '【当页勾选汇总】' : '【当页汇总】'), (0, _map["default"])(totalItems).call(totalItems, function (_ref17, index) {
-          var title = _ref17.title,
-            value = _ref17.value;
+        }, checkedItems.length ? '【当页勾选汇总】' : '【当页汇总】'), (0, _map["default"])(totalItems).call(totalItems, function (_ref15, index) {
+          var title = _ref15.title,
+            value = _ref15.value;
           return /*#__PURE__*/_react["default"].createElement("span", {
             key: index,
             style: {
@@ -761,7 +799,7 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
         return null;
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getProps", function () {
+    (0, _defineProperty2["default"])(_this, "getProps", function () {
       var _this$props9 = _this.props,
         cols = _this$props9.cols,
         _this$props9$isPaging = _this$props9.isPaging,
@@ -772,20 +810,38 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
         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;
+        footer = _this$props9$footer === void 0 ? null : _this$props9$footer,
+        maxHeight = _this$props9.maxHeight;
       var items = _this.getItems();
       var _this$getPropsByCheck = _this.getPropsByCheckbox(items),
         onRowClick = _this$getPropsByCheck.onRowClick,
         extraProps = (0, _objectWithoutProperties2["default"])(_this$getPropsByCheck, _excluded);
-      var renderProps = _objectSpread({
+      var needLeft = false;
+      (0, _map["default"])(cols).call(cols, function (col) {
+        if (col.fixed && col.fixed === 'left') {
+          needLeft = true;
+        }
+      });
+      var widthX = 0;
+      (0, _map["default"])(cols).call(cols, function (item) {
+        var _context0;
+        item.width = item.width ? item.width : (0, _includes["default"])(_context0 = ['index', 'checked']).call(_context0, item.key) ? 70 : 180;
+        widthX += item.width;
+      });
+      var scrollProps = {
+        scroll: {
+          x: (0, _some["default"])(cols).call(cols, function (item) {
+            return !_helper["default"].isEmpty2(item.fixed);
+          }) ? widthX + 140 : true,
+          y: maxHeight
+        }
+      };
+      var renderProps = _objectSpread(_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, items),
         components: dragSort ? {
@@ -794,31 +850,21 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
           }
         } : {},
         footer: footer ? footer : _this.toTotalFooter
-      }, extraProps);
+      }, extraProps), scrollProps);
       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));
+    (0, _defineProperty2["default"])(_this, "setScroll", function () {
+      if (_this.props.maxHeight && _this.props.items.length) {
+        var root = _reactDom["default"].findDOMNode(_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
-        });
+        (0, _fixed["default"])(container, header, _this.props.maxHeight, {});
       }
     });
     return _this;
   }
-  (0, _createClass2["default"])(SuperTable, [{
+  (0, _inherits2["default"])(SuperTable, _React$Component);
+  return (0, _createClass2["default"])(SuperTable, [{
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(props, state) {
       var _this2 = this;
@@ -845,7 +891,6 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return SuperTable;
 }(_react["default"].Component);
 (0, _defineProperty2["default"])(SuperTable, "propTypes", {
   cols: _propTypes["default"].arrayOf(_propTypes["default"].shape(ColType)).isRequired,

package/lib/SuperTable/SuperTable.less

@@ -11,6 +11,17 @@
       z-index: -1;
     }
   }
+  :global(.ant-table-tbody){
+       width: 100% !important;
+     }
+
+  :global(.ant-table-thead){
+    -moz-transform: none !important;
+    -webkit-transform: none !important;
+    -o-transform: none !important;
+    -ms-transform: none !important;
+    transform: none !important;
+  }
 
   :global(.ant-table-placeholder) {
     padding: 0;