cloud-b2b 1.1.52 → 1.1.53

package/lib/SuperTable2/SuperTable2.js

@@ -0,0 +1,907 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+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 _forEachInstanceProperty = 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 _sliceInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
+var _Array$from = require("@babel/runtime-corejs3/core-js-stable/array/from");
+var _Symbol = require("@babel/runtime-corejs3/core-js-stable/symbol");
+var _getIteratorMethod = require("@babel/runtime-corejs3/core-js/get-iterator-method");
+var _Array$isArray2 = require("@babel/runtime-corejs3/core-js-stable/array/is-array");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+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 _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+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 _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
+var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _switch = _interopRequireDefault(require("antd/lib/switch"));
+var _button = _interopRequireDefault(require("antd/lib/button"));
+var _checkbox = _interopRequireDefault(require("antd/lib/checkbox"));
+var _icon = _interopRequireDefault(require("antd/lib/icon"));
+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 = _interopRequireWildcard(require("../Control"));
+var _SuperTableCell = _interopRequireDefault(require("./SuperTableCell"));
+var _fixed = _interopRequireDefault(require("../SuperTable/fixed"));
+var _SuperToolbar = _interopRequireDefault(require("../SuperToolbar"));
+var _variables = _interopRequireDefault(require("../variables"));
+var _helper = _interopRequireWildcard(require("../helper"));
+var _DragSortRow = _interopRequireDefault(require("../SuperTable/DragSortRow"));
+var _excluded = ["onRowClick"];
+function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (_Array$isArray2(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { var _context20; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context20 = Object.prototype.toString.call(o)).call(_context20, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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 _context18, _context19; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context18 = ownKeys(Object(t), !0)).call(_context18, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context19 = ownKeys(Object(t))).call(_context19, 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; } }
+var TypeEnum = ['readonly', 'index', 'checkbox', 'text', 'number', 'select',
+//存储value
+'selectText',
+//存储title
+'search', 'searchText', 'selectSearch',
+//多选下拉搜索
+'date', 'button', 'custom', 'switch', 'textArea', 'link', 'toolbar',
+//按钮组
+'img',
+//图片标题组 value为{src,title}时显示图片标题   为字符串时   只显示图片
+'uploadImg', 'double'];
+
+/**
+ * key：标识所在列，在一个表格中必须唯一
+ * title：列的标题，type为checkbox时，title为空字符串时，表头才会显示为复选框
+ * type：嵌入的表单元素类型
+ * link: 是否为超链接，type未设置时，该属性才生效。为true表示内容来至items，为字符串表示超链接内容就是该字符串
+ * options: 对象(包含value和title)数组
+ * props：传递参数给被嵌入的组件
+ * width: 嵌入的组件的宽度，默认值为100
+ * align：对齐方式，index默认center，其他类型默认为left
+ * showAdd: 表头是否显示+号，默认为false，加号会触发onAdd事件
+ * hide: 为true时隐藏该列
+ */
+var ColType = {
+  key: _propTypes["default"].string.isRequired,
+  title: _propTypes["default"].string.isRequired,
+  type: _propTypes["default"].oneOf(TypeEnum),
+  link: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].string]),
+  align: _propTypes["default"].oneOf(['left', 'center', 'right']),
+  width: _propTypes["default"].number,
+  options: _propTypes["default"].array,
+  showAdd: _propTypes["default"].any,
+  hide: _propTypes["default"].bool,
+  props: _propTypes["default"].any
+};
+
+/**
+ * onCheck：点击复选框时触发，原型func(rowIndex, keyName, checked)
+ * onContentChange: 输入框内容改变时触发，原型为function(rowIndex, keyName, value)
+ * onBlur: 输入框失去焦点时触发，原型为function(rowIndex, keyName, value)
+ * onSearch：search组件输入内容时触发，原型为function(rowIndex, keyName, value, col)
+ * onLink: 点击超链接时触发，原型为function(keyName, rowIndex, item)
+ * onAdd：点击+号时触发，原型为function(keyName)
+ * onRenderCustom：(废弃)用于渲染type为custom类型的单元格，原型为function(rowIndex, keyName, value，props)
+ * onToolbar:点击表格列按钮组时触发，原型为function(按钮组列的key,rowIndex,该行数据的值,按钮key);
+ * onDoubleClick: 双击单元格触发（只针对于type类型为空的情况下）
+ */
+var CallbackType = {
+  onExitValid: _propTypes["default"].func,
+  onCheck: _propTypes["default"].func,
+  onContentChange: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func,
+  onSearch: _propTypes["default"].func,
+  onLink: _propTypes["default"].func,
+  onAdd: _propTypes["default"].func,
+  onRenderCustom: _propTypes["default"].func,
+  onToolbar: _propTypes["default"].func,
+  onDoubleClick: _propTypes["default"].func,
+  onTableFileChange: _propTypes["default"].func,
+  buildSuperUploadProps: _propTypes["default"].func,
+  //构建type===uploadImg时，SuperUpload组件需要的公共属性函数，已在项目公共文件state.js中提供，可直接引用
+  onImgTileClick: _propTypes["default"].func,
+  //点击img类型标题触发事件
+  onMoveRow: _propTypes["default"].func
+};
+
+/**
+ * base[可选]：序号的开始数字，所有回调函数中的序号值都会加上这个值，默认值为0
+ * isEmphasized: [可选]，是否强调，行字体加粗显示， 除了isEmphasized设置为true之外，加粗行数据里要设置__isEmphasized为true
+ */
+var SuperTable2 = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(SuperTable2, _React$Component);
+  var _super = _createSuper(SuperTable2);
+  function SuperTable2() {
+    var _context;
+    var _this;
+    (0, _classCallCheck2["default"])(this, SuperTable2);
+    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), "onSwitch", function (key, rowIndex) {
+      return function (value) {
+        var _ref = _this.props.callback || {},
+          onContentChange = _ref.onContentChange;
+        onContentChange && onContentChange(_this.getIndex(rowIndex), key, value);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onCheck", function (key, rowIndex) {
+      return function (e) {
+        var _ref2 = _this.props.callback || {},
+          onCheck = _ref2.onCheck;
+        onCheck && onCheck(_this.getIndex(rowIndex), key, e.target.checked);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (key, rowIndex) {
+      return function (value) {
+        var _ref3 = _this.props.callback || {},
+          onContentChange = _ref3.onContentChange;
+        _this.closeValid();
+        onContentChange && onContentChange(_this.getIndex(rowIndex), key, value);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDoubleChange1", function (key, rowIndex) {
+      return function (doublekey, value) {
+        var _ref4 = _this.props.callback || {},
+          onContentChange = _ref4.onContentChange;
+        _this.closeValid();
+        onContentChange && onContentChange(_this.getIndex(rowIndex), doublekey, value);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onSearch", function (key, rowIndex, config) {
+      return function (value) {
+        var _ref5 = _this.props.callback || {},
+          onSearch = _ref5.onSearch;
+        onSearch && onSearch(_this.getIndex(rowIndex), key, value, config);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAdd", function (key) {
+      return function () {
+        var _ref6 = _this.props.callback || {},
+          onAdd = _ref6.onAdd;
+        onAdd && onAdd(key);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRowAdd", function (key, index) {
+      return function () {
+        var _ref7 = _this.props.callback || {},
+          onLink = _ref7.onLink;
+        onLink && onLink(key, index, _this.props.items[index]);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function (key, rowIndex) {
+      return function (value) {
+        var _ref8 = _this.props.callback || {},
+          onBlur = _ref8.onBlur;
+        _this.closeValid();
+        onBlur && onBlur(_this.getIndex(rowIndex), key, value);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDoubleClick", function (key, value) {
+      return function () {
+        var _ref9 = _this.props.callback || {},
+          onDoubleClick = _ref9.onDoubleClick;
+        onDoubleClick && onDoubleClick(key, value);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onImgTileClick", function (col, value, rowIndex) {
+      return function () {
+        var _ref10 = _this.props.callback || {},
+          onImgTileClick = _ref10.onImgTileClick;
+        onImgTileClick && onImgTileClick(col, value, rowIndex);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onMoveRow", function (dragIndex, targetIndex) {
+      var _ref11 = _this.props.callback || {},
+        onMoveRow = _ref11.onMoveRow;
+      onMoveRow && onMoveRow(dragIndex, targetIndex);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "closeValid", function () {
+      var _this$props = _this.props,
+        valid = _this$props.valid,
+        _this$props$callback = _this$props.callback,
+        callback = _this$props$callback === void 0 ? {} : _this$props$callback;
+      valid && callback.onExitValid();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getOptions", function (key, colOptions, index) {
+      var options = _this.props.items[index].options;
+      var options2 = _this.props.options;
+      if (options && (0, _isArray["default"])(options[key])) {
+        return options[key];
+      } else if (options2 && (0, _isArray["default"])(options2[key])) {
+        return options2[key];
+      } else {
+        return colOptions;
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "validField", function (required, value) {
+      if (!_this.props.valid || _this.error || !required || value) {
+        return false;
+      } else if (typeof value === 'number') {
+        return false;
+      } else {
+        _this.error = true;
+        return true;
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderEditableCell", function (config, value, index) {
+      var key = config.key,
+        type = config.type,
+        options = config.options,
+        props = config.props,
+        required = config.required,
+        width = config.width,
+        showRowAdd = config.showRowAdd;
+      var _this$props$items$ind = _this.props.items[index],
+        readonly = _this$props$items$ind.readonly,
+        _this$props$items$ind2 = _this$props$items$ind.isReadonly,
+        isReadonly = _this$props$items$ind2 === void 0 ? [] : _this$props$items$ind2,
+        _this$props$items$ind3 = _this$props$items$ind.isRequired,
+        isRequired = _this$props$items$ind3 === void 0 ? [] : _this$props$items$ind3,
+        _this$props$items$ind4 = _this$props$items$ind._extraProps,
+        _extraProps = _this$props$items$ind4 === void 0 ? {} : _this$props$items$ind4;
+      var cellProps = {
+        value: value,
+        width: width,
+        items: _this.props.items[index],
+        type: readonly || (0, _isArray["default"])(isReadonly) && (0, _includes["default"])(isReadonly).call(isReadonly, key) || _this.props.readonly ? 'readonly' : type,
+        props: readonly ? {} : props,
+        error: _this.validField(required, value),
+        options: _this.getOptions(key, options, index),
+        onChange: _this.onChange(key, index),
+        onSearch: _this.onSearch(key, index, config),
+        onBlur: _this.onBlur(key, index)
+      };
+      if (showRowAdd && (0, _isArray["default"])(isRequired) && (0, _includes["default"])(isRequired).call(isRequired, key)) {
+        cellProps.error = _this.validField(true, value);
+        cellProps.props = _objectSpread(_objectSpread({}, cellProps.props), _extraProps);
+        return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+          style: {
+            color: 'red',
+            display: 'inline-block'
+          }
+        }, "*"), /*#__PURE__*/_react["default"].createElement("span", {
+          style: {
+            marginLeft: '5px',
+            display: 'inline-block',
+            width: 'calc(100% - 12px)'
+          }
+        }, /*#__PURE__*/_react["default"].createElement(_SuperTableCell["default"], cellProps)), /*#__PURE__*/_react["default"].createElement("span", {
+          style: {
+            color: '#2196f3',
+            verticalAlign: 'super'
+          }
+        }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+          type: "plus-circle-o",
+          role: "add",
+          onClick: _this.onRowAdd(key, index)
+        })));
+      }
+      if ((0, _isArray["default"])(isRequired) && (0, _includes["default"])(isRequired).call(isRequired, key)) {
+        cellProps.error = _this.validField(true, value);
+        cellProps.props = _objectSpread(_objectSpread({}, cellProps.props), _extraProps);
+        return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+          style: {
+            color: 'red',
+            display: 'inline-block'
+          }
+        }, "*"), /*#__PURE__*/_react["default"].createElement("span", {
+          style: {
+            marginLeft: '5px',
+            display: 'inline-block',
+            width: 'calc(100% - 12px)'
+          }
+        }, /*#__PURE__*/_react["default"].createElement(_SuperTableCell["default"], cellProps)));
+      }
+      if (showRowAdd) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          style: {
+            clear: 'both'
+          }
+        }, /*#__PURE__*/_react["default"].createElement("span", {
+          style: {
+            marginRight: '5px',
+            "float": 'left'
+          }
+        }, /*#__PURE__*/_react["default"].createElement(_SuperTableCell["default"], cellProps)), /*#__PURE__*/_react["default"].createElement("span", {
+          style: {
+            color: '#2196f3',
+            verticalAlign: 'middle'
+          }
+        }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+          type: "plus-circle-o",
+          role: "add",
+          onClick: _this.onRowAdd(key, index)
+        })));
+      }
+      return /*#__PURE__*/_react["default"].createElement(_SuperTableCell["default"], cellProps);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderDoubleEditableCell", function (config, value, index) {
+      var key = config.key,
+        type = config.type,
+        options = config.options,
+        props = config.props,
+        required = config.required,
+        width = config.width,
+        showRowAdd = config.showRowAdd;
+      var _this$props$items$ind5 = _this.props.items[index],
+        readonly = _this$props$items$ind5.readonly,
+        _this$props$items$ind6 = _this$props$items$ind5.isReadonly,
+        isReadonly = _this$props$items$ind6 === void 0 ? [] : _this$props$items$ind6,
+        _this$props$items$ind7 = _this$props$items$ind5.isRequired,
+        isRequired = _this$props$items$ind7 === void 0 ? [] : _this$props$items$ind7,
+        _this$props$items$ind8 = _this$props$items$ind5._extraProps,
+        _extraProps = _this$props$items$ind8 === void 0 ? {} : _this$props$items$ind8;
+      var cellProps = {
+        value: value,
+        width: width,
+        items: _this.props.items[index],
+        type: readonly || (0, _isArray["default"])(isReadonly) && (0, _includes["default"])(isReadonly).call(isReadonly, key) || _this.props.readonly ? 'readonly' : type,
+        props: readonly ? {} : props,
+        error: _this.validField(required, value),
+        options: _this.getOptions(key, options, index),
+        onChange: _this.onDoubleChange1(key, index),
+        onSearch: _this.onSearch(key, index, config),
+        onBlur: _this.onBlur(key, index)
+      };
+      return /*#__PURE__*/_react["default"].createElement(_SuperTableCell["default"], cellProps);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderLinkCell", function (col, value, record, index) {
+      if (col.link === 'list') {
+        var list = value && (0, _isArray["default"])(value) ? value : [];
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          style: {
+            whiteSpace: 'pre-wrap'
+          }
+        }, (0, _map["default"])(list).call(list, function (item2, index2) {
+          var _context2;
+          var split = index2 === list.length - 1 ? '' : ',';
+          var onClick = function onClick() {
+            var _ref12 = _this.props.callback || {},
+              onLink = _ref12.onLink;
+            onLink && onLink(col.key, index, item2);
+          };
+          return /*#__PURE__*/_react["default"].createElement("a", {
+            key: index2,
+            onClick: onClick
+          }, (0, _concat["default"])(_context2 = "".concat(item2[col.linkTitleKey])).call(_context2, split));
+        }));
+      } else {
+        var title = typeof col.link === 'string' ? col.link : value;
+        var onClick = function onClick() {
+          var _ref13 = _this.props.callback || {},
+            onLink = _ref13.onLink;
+          onLink && onLink(col.key, index, record);
+        };
+        return /*#__PURE__*/_react["default"].createElement("a", {
+          style: {
+            whiteSpace: 'normal',
+            wordBreak: "break-all"
+          },
+          onClick: onClick
+        }, title);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getIndex", function (index) {
+      return (_this.props.base || 0) + index;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getCellRender", function (col) {
+      return function (value, record, index) {
+        var _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10;
+        var realType = record._isEdit === true && _this.canReadonly(col.type) ? col.editType : col.type;
+        if (!realType) {
+          return /*#__PURE__*/_react["default"].createElement("div", {
+            onDoubleClick: _this.onDoubleClick(col.key, record.key),
+            style: {
+              minHeight: '20px',
+              minWidth: '100px',
+              maxWidth: "".concat(col.width - 16, "px"),
+              color: col.isNeedShow ? '#1890ff' : '',
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              display: '-webkit-box',
+              WebkitLineClamp: 2,
+              WebkitBoxOrient: "vertical",
+              whiteSpace: 'break-spaces'
+            },
+            title: value
+          }, value);
+        }
+        switch (realType) {
+          case 'checkbox':
+            return /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+              onChange: _this.onCheck(col.key, record.key),
+              checked: value || false
+            });
+          case 'index':
+            return _this.getIndex(index) + 1;
+          case 'link':
+            return _this.renderLinkCell(col, value, record, record.key);
+          case 'button':
+            var onClick = _this.props.callback.onLink ? (0, _bind["default"])(_context3 = _this.props.callback.onLink).call(_context3, null, col.key, record.key, record) : undefined;
+            if (col.icon === 'add') {
+              return /*#__PURE__*/_react["default"].createElement(_button["default"], {
+                onClick: onClick,
+                type: "primary",
+                shape: "circle",
+                size: "small",
+                ghost: true,
+                icon: "plus"
+              });
+            } else {
+              return /*#__PURE__*/_react["default"].createElement(_button["default"], {
+                onClick: onClick,
+                size: "small",
+                ghost: true,
+                type: col.bsStyle
+              }, record[col.key] || col.typeRelated);
+            }
+          case 'switch':
+            return typeof value === 'string' ? /*#__PURE__*/_react["default"].createElement("div", null, value) : /*#__PURE__*/_react["default"].createElement(_switch["default"], {
+              checkedChildren: col.props.checkedChildren || '',
+              unCheckedChildren: col.props.unCheckedChildren || '',
+              onChange: _this.onSwitch(col.key, record.key),
+              size: "default",
+              checked: typeof value === 'number' ? Boolean(value) : value || false,
+              disabled: !(record._isEdit === true)
+            });
+          case 'custom':
+            return _this.props.callback.onRenderCustom(record.key, col.key, value, col.props, col);
+          case 'toolbar':
+            //showByKey为true时，每条数据中与按钮key相同的属性值决定按钮是否显示，建议key用下划线开始命名，避免与后台数据冲突
+            var props = {
+              onClick: _this.props.callback.onToolbar ? (0, _bind["default"])(_context4 = _this.props.callback.onToolbar).call(_context4, null, col.key, record.key, record) : undefined,
+              buttons: col.props.showByKey ? (0, _filter["default"])(_context5 = col.props.buttons).call(_context5, function (item) {
+                return record[item.key] === true;
+              }) : (0, _filter["default"])(_context6 = col.props.buttons).call(_context6, function (item) {
+                return item.defaultShow === !record._isEdit;
+              })
+            };
+            return /*#__PURE__*/_react["default"].createElement(_SuperToolbar["default"], props);
+          case 'img':
+            return value ? typeof value === 'string' ? /*#__PURE__*/_react["default"].createElement("img", {
+              src: (0, _includes["default"])(value).call(value, 'http') ? value : (0, _concat["default"])(_context7 = "".concat(window.location.origin, "/api/proxy/file-center-service/")).call(_context7, value),
+              style: {
+                width: '80px',
+                height: '80px'
+              }
+            }) : /*#__PURE__*/_react["default"].createElement("div", {
+              role: 'imgBox',
+              style: {
+                maxWidth: "".concat(col.width, "px")
+              }
+            }, /*#__PURE__*/_react["default"].createElement("img", {
+              src: value.img === '' ? '/productDefault.png' : (0, _includes["default"])(_context8 = value.img).call(_context8, 'http') ? value.img : (0, _concat["default"])(_context9 = "".concat(window.location.origin, "/api/proxy/file-center-service/")).call(_context9, value.img),
+              onError: function onError(e) {
+                return e.target.src = '/productDefault.png';
+              },
+              style: {
+                width: '80px',
+                height: '80px'
+              }
+            }), /*#__PURE__*/_react["default"].createElement("div", {
+              style: {
+                display: 'inline-block'
+              }
+            }, /*#__PURE__*/_react["default"].createElement("span", {
+              style: {
+                display: 'block',
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                width: '100px'
+              },
+              onClick: _this.onImgTileClick(col, record, index)
+            }, value.title), _helper["default"].isEmpty2(value.remark) ? null : /*#__PURE__*/_react["default"].createElement("span", {
+              style: {
+                display: 'block',
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                width: '100px',
+                color: '#333'
+              }
+            }, value.remark))) : /*#__PURE__*/_react["default"].createElement("div", null);
+          case 'uploadImg':
+            var commonProps = _this.props.callback.buildSuperUploadProps ? _this.props.callback.buildSuperUploadProps() : {};
+            var uploadProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+              onFileChange: _this.props.callback.onTableFileChange ? (0, _bind["default"])(_context10 = _this.props.callback.onTableFileChange).call(_context10, null, col.key, index) : undefined,
+              type: col.type
+            }, col.props), _this.props), commonProps), {}, {
+              value: _this.props.items[index][col.key]
+            });
+            return /*#__PURE__*/_react["default"].createElement(_Control["default"], uploadProps);
+          case 'double':
+            return _this.renderDoubleEditableCell(_objectSpread(_objectSpread({}, col), {}, {
+              type: realType
+            }), value, record.key);
+          default:
+            return _this.renderEditableCell(_objectSpread(_objectSpread({}, col), {}, {
+              type: realType
+            }), value, record.key);
+        }
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getCheckedStatus", function (key) {
+      var has = false,
+        not = false;
+      var items = _this.props.items;
+      var _iterator = _createForOfIteratorHelper(items),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var item = _step.value;
+          item[key] ? has = true : not = true;
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      return {
+        checked: has && !not,
+        indeterminate: has && not
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toAdd", function (key, showAdd) {
+      if (showAdd) {
+        var onClick = _this.onAdd(key);
+        return /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+          type: "plus-circle-o",
+          role: "add",
+          onClick: onClick
+        });
+      } else {
+        return null;
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getColumnTitle", function (_ref14) {
+      var required = _ref14.required,
+        title = _ref14.title,
+        type = _ref14.type,
+        key = _ref14.key,
+        showAdd = _ref14.showAdd;
+      if (type === 'checkbox') {
+        var status = _this.getCheckedStatus(key);
+        return /*#__PURE__*/_react["default"].createElement(_checkbox["default"], (0, _extends2["default"])({
+          onChange: _this.onCheck(key, -1)
+        }, status));
+      } else {
+        var className = required ? 'ant-form-item-required' : '';
+        return /*#__PURE__*/_react["default"].createElement("span", {
+          className: className
+        }, title, _this.toAdd(key, showAdd));
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getColumnClassName", function (_ref15) {
+      var type = _ref15.type,
+        align = _ref15.align;
+      if (type === 'index' || type === 'checkbox') {
+        return 'ant-table-selection-column';
+      } else {
+        return align ? (0, _variables["default"])('SuperTable2')[align] : '';
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "canReadonly", function (type) {
+      var _context11;
+      return !(0, _includes["default"])(_context11 = ['index', 'checkbox', 'link', 'button', 'switch', 'custom', 'img', 'toolbar', 'uploadImg', 'double']).call(_context11, type);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getColumns", function (cols) {
+      var _context12;
+      var readonly = _this.props.readonly;
+      return (0, _map["default"])(_context12 = (0, _filter["default"])(cols).call(cols, function (col) {
+        return !col.hide;
+      })).call(_context12, function (_ref16, index) {
+        var _context13;
+        var col = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref16), _ref16));
+        col.className = _this.getColumnClassName(col);
+        col.title = _this.getColumnTitle(col);
+        col.dataIndex = col.key;
+        col.width = col.width ? col.width : (0, _includes["default"])(_context13 = ['index', 'checked']).call(_context13, col.key) ? 70 : col.type === 'img' ? 200 : 120;
+        // const {props = {}} =
+        // const {edit = false} = props
+        // if (!(readonly || col.type === 'readonly') || !this.canReadonly(col.type)) {
+        // if ( !edit && ['text', 'number', 'select', 'date', 'search', 'readonly', 'textArea', 'selectSearch'].includes(col.type)){
+        //   return col
+        // }
+        // }
+        col.readonly = readonly;
+        col.render = _this.getCellRender(col);
+        if (col.link) {
+          col.type = 'link';
+          col.render = _this.getCellRender(col);
+        } else if (col.showPrice || col.decimalPlaces) {
+          col.render = function (text, record, index) {
+            if (col.showPrice && text) {
+              text = _helper["default"].toThousands(text, col.decimalPlaces ? col.decimalPlaces : 2);
+              return "\uFFE5".concat(text);
+            } else {
+              return text ? "\uFFE5".concat(text.toFixed(2)) : text;
+            }
+          };
+        }
+        return col;
+      });
+    });
+    (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, _ref17) {
+          var _context14, _context15;
+          var key = _ref17.key,
+            type = _ref17.type,
+            options = _ref17.options;
+          if (!_this.props.readonly && type && type !== 'readonly' && (!item.isReadonly || (0, _isArray["default"])(item.isReadonly) && !(0, _includes["default"])(_context14 = item.isReadonly).call(_context14, key)) || (0, _includes["default"])(_context15 = ['img', 'switch', 'custom', 'img', 'toolbar', 'uploadImg']).call(_context15, type)) {
+            result[key] = item[key];
+          } else {
+            result[key] = (0, _Control.getTitle)(item[key], options);
+          }
+          return result;
+        }, _objectSpread(_objectSpread({}, item), {}, {
+          key: index,
+          disabled: item.isCanConfigHide
+        }));
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getPropsByCheckbox", function () {
+      var _this$props2 = _this.props,
+        items = _this$props2.items,
+        _this$props2$isEmphas = _this$props2.isEmphasized,
+        isEmphasized = _this$props2$isEmphas === void 0 ? false : _this$props2$isEmphas;
+      var rowClassName = function rowClassName(record) {
+        if (isEmphasized && items[record.key].__isEmphasized) {
+          return items[record.key].checked ? (0, _variables["default"])('SuperTable2').emphasizedSelectRow : (0, _variables["default"])('SuperTable2').emphasizedUnselectRow;
+        }
+        return items[record.key].checked ? (0, _variables["default"])('SuperTable2').select : '';
+      };
+      return {
+        rowClassName: rowClassName
+      };
+    });
+    (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), "getPropsByCheckbox2", function (items) {
+      var _this$props3 = _this.props,
+        _this$props3$checkbox = _this$props3.checkbox,
+        checkbox = _this$props3$checkbox === void 0 ? true : _this$props3$checkbox,
+        _this$props3$radio = _this$props3.radio,
+        radio = _this$props3$radio === void 0 ? false : _this$props3$radio,
+        isolation = _this$props3.isolation,
+        _this$props3$checkedR = _this$props3.checkedRows,
+        checkedRows = _this$props3$checkedR === void 0 ? [] : _this$props3$checkedR,
+        _this$props3$isEmphas = _this$props3.isEmphasized,
+        isEmphasized = _this$props3$isEmphas === void 0 ? false : _this$props3$isEmphas,
+        _this$props3$isWeaken = _this$props3.isWeaken,
+        isWeaken = _this$props3$isWeaken === void 0 ? true : _this$props3$isWeaken;
+      var rowClassName1 = function rowClassName1(record) {
+        if (items[record.key].__total) return (0, _variables["default"])('SuperTable').totalRow;
+        if (items[record.key].__warningRow) return (0, _variables["default"])('SuperTable').warningRow;
+        return (0, _includes["default"])(checkedRows).call(checkedRows, record.key) ? (0, _variables["default"])('SuperTable').select : '';
+      };
+      var rowClassName2 = function rowClassName2(record) {
+        if (items[record.key].__total) return (0, _variables["default"])('SuperTable').totalRow;
+        if (items[record.key].__warningRow) return (0, _variables["default"])('SuperTable').warningRow;
+        if (isEmphasized && items[record.key].__isEmphasized) {
+          return items[record.key].checked ? (0, _variables["default"])('SuperTable').emphasizedSelectRow : (0, _variables["default"])('SuperTable').emphasizedUnselectRow;
+        }
+        if (isWeaken && items[record.key].__isWeaken) {
+          return items[record.key].checked ? (0, _variables["default"])('SuperTable').weakenedSelectRow : (0, _variables["default"])('SuperTable').weakenedUnselectRow;
+        }
+        return items[record.key].checked ? (0, _variables["default"])('SuperTable').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), "getRowPropsForDrag", function () {
+      return function (record, index) {
+        return {
+          index: index,
+          onMoveRow: _this.onMoveRow
+        };
+      };
+    });
+    (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), "getProps", function () {
+      var _context16;
+      var _this$props4 = _this.props,
+        cols = _this$props4.cols,
+        items = _this$props4.items,
+        _this$props4$style = _this$props4.style,
+        style = _this$props4$style === void 0 ? {} : _this$props4$style,
+        _this$props4$footer = _this$props4.footer,
+        footer = _this$props4$footer === void 0 ? null : _this$props4$footer,
+        _this$props4$paginati = _this$props4.pagination,
+        pagination = _this$props4$paginati === void 0 ? false : _this$props4$paginati,
+        dragSort = _this$props4.dragSort,
+        _this$props4$isEmphas = _this$props4.isEmphasized,
+        isEmphasized = _this$props4$isEmphas === void 0 ? false : _this$props4$isEmphas,
+        maxHeight = _this$props4.maxHeight,
+        _this$props4$expanded = _this$props4.expandedRowRender,
+        expandedRowRender = _this$props4$expanded === void 0 ? undefined : _this$props4$expanded,
+        _this$props4$onExpand = _this$props4.onExpand,
+        onExpand = _this$props4$onExpand === void 0 ? undefined : _this$props4$onExpand;
+      var widthX = (0, _reduce["default"])(_context16 = (0, _filter["default"])(cols).call(cols, function (col) {
+        return !col.hide;
+      })).call(_context16, function (width, item) {
+        var _context17;
+        return width += item.width ? item.width : (0, _includes["default"])(_context17 = ['index', 'checked']).call(_context17, item.key) ? 70 : item.type === 'img' ? 200 : 120;
+      }, 0);
+      var scrollProps = !_helper["default"].isEmpty2(expandedRowRender) ? {
+        expandedRowRender: expandedRowRender
+      } : {
+        scroll: {
+          x: (0, _some["default"])(cols).call(cols, function (item) {
+            return !_helper["default"].isEmpty2(item.fixed);
+          }) ? widthX : true,
+          y: maxHeight
+        }
+      };
+      var _this$getPropsByCheck = _this.getPropsByCheckbox2(items),
+        onRowClick = _this$getPropsByCheck.onRowClick,
+        extraProps = (0, _objectWithoutProperties2["default"])(_this$getPropsByCheck, _excluded);
+      return _objectSpread(_objectSpread({
+        className: !isEmphasized ? (0, _variables["default"])('SuperTable2') : (0, _variables["default"])('SuperTable2').noTransition,
+        columns: _this.getColumns(cols),
+        dataSource: _this.getDataSource(items, cols),
+        style: (0, _assign["default"])({}, {
+          whiteSpace: 'nowrap'
+        }, style),
+        size: 'small',
+        pagination: pagination,
+        footer: footer,
+        onRow: dragSort ? _this.getRowPropsForDrag() : _this.getRowProps(onRowClick),
+        components: dragSort ? {
+          body: {
+            row: _DragSortRow["default"]
+          }
+        } : {},
+        locale: _this.props.emptyText ? {
+          emptyText: _this.props.emptyText
+        } : null
+      }, _this.getPropsByCheckbox()), {}, {
+        onExpand: onExpand
+      }, scrollProps);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setScroll", function () {
+      if (_this.props.maxHeight && _this.props.items.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];
+        (0, _fixed["default"])(container, header, _this.props.maxHeight);
+      }
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(SuperTable2, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.setScroll();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.setScroll();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      this.error = false;
+      return /*#__PURE__*/_react["default"].createElement(_table["default"], (0, _extends2["default"])({}, this.getProps(), {
+        key: this.props.items.length
+      }));
+    }
+  }]);
+  return SuperTable2;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(SuperTable2, "propTypes", {
+  cols: _propTypes["default"].arrayOf(_propTypes["default"].shape(ColType)).isRequired,
+  items: _propTypes["default"].array.isRequired,
+  base: _propTypes["default"].number,
+  options: _propTypes["default"].object,
+  valid: _propTypes["default"].bool,
+  readonly: _propTypes["default"].bool,
+  style: _propTypes["default"].object,
+  maxHeight: _propTypes["default"].string,
+  emptyText: _propTypes["default"].string,
+  footer: _propTypes["default"].func,
+  callback: _propTypes["default"].shape(CallbackType),
+  isEmphasized: _propTypes["default"].bool,
+  dragSort: _propTypes["default"].bool
+});
+var _default = exports["default"] = SuperTable2;