cloud-b2b 1.1.51 → 1.1.53

package/es/SuperTable3/fixed.js

@@ -0,0 +1,34 @@
+import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
+var isFirefox = function isFirefox() {
+  var _context;
+  return _indexOfInstanceProperty(_context = navigator.userAgent).call(_context, 'Firefox') > 0;
+};
+var getComputedStyle = function getComputedStyle(element) {
+  return window.getComputedStyle ? window.getComputedStyle(element, null) : element.currentStyle;
+};
+var fixed = function fixed(container, header, maxHeight) {
+  var totalFooter = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  container.style.overflowY = 'auto';
+  container.style.maxHeight = maxHeight;
+  if (isFirefox()) {
+    container.style.position = 'relative';
+    header.style.top = '0';
+    header.style.position = 'sticky';
+    header.style.zIndex = '1';
+  } else {
+    header.parentNode.appendChild(header);
+  }
+  var containerHeight = Number(getComputedStyle(container).height.replace('px', ''));
+  var translateHeight = containerHeight - 10 - container.scrollHeight;
+  var pageTotalElement = totalFooter.pageTotalElement,
+    searchTotalElement = totalFooter.searchTotalElement;
+  pageTotalElement && (pageTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
+  searchTotalElement && (searchTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
+  container.onscroll = function () {
+    if (container.scrollTop + containerHeight - 10 > container.scrollHeight) return;
+    !isFirefox() && (header.style.transform = "translateY(".concat(container.scrollTop, "px)"));
+    pageTotalElement && (pageTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
+    searchTotalElement && (searchTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
+  };
+};
+export default fixed;

package/es/SuperToolbar/SuperToolbar.js

@@ -0,0 +1,195 @@
+import _Popconfirm from "antd/es/popconfirm";
+import _Dropdown from "antd/es/dropdown";
+import _Icon from "antd/es/icon";
+import _typeof from "@babel/runtime-corejs3/helpers/typeof";
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime-corejs3/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime-corejs3/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _Button from "antd/es/button";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
+import _Menu from "antd/es/menu";
+var _excluded = ["type", "children"];
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
+import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import React from 'react';
+import PropTypes from 'prop-types';
+import variables from '../variables';
+var MenuItem = _Menu.Item;
+var SubMenu = _Menu.SubMenu;
+var clicktag = 0; //被点击标识
+
+/**
+ * key: 用于标识菜单项
+ * title: 菜单项上的文字
+ * subMenu: [可选]，菜单项子列表，包含key和title的对象数组，此时点击菜单项不触发事件，只有点击子列表项才会触发onSubClick事件
+ */
+var MenuType = {
+  key: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  subMenu: PropTypes.array
+};
+
+/**
+ * key: 用于标识按钮
+ * title: 按钮上的文字
+ * bsStyle: 按钮样式，与antd中Button的type取值一样
+ * confirm: 触发按钮事件前，是否需要用户确认，以及确认的提示文字；为空串则不会触发确认提示
+ * menu: [可选]，下拉菜单项，有此属性时点击按钮不触发事件，菜单项如果仅是包含key和title的对象，点击菜单项会触发onClick事件
+ *                菜单项如果是包含key、title、subMenu的对象，则点击此菜单项不触发事件，必须点击子列表项时才会触发onSubClick事件
+ * loading: 是否正在加载，与antd中Button的loading取值一样
+ */
+var ButtonType = {
+  key: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  bsStyle: PropTypes.string,
+  confirm: PropTypes.string,
+  menu: PropTypes.arrayOf(PropTypes.shape(MenuType)),
+  loading: PropTypes.bool
+};
+var ButtonEx = function ButtonEx(_ref) {
+  var type = _ref.type,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  props[type === 'primary-o' ? 'data-btn-type' : 'type'] = type;
+  return /*#__PURE__*/React.createElement(_Button, props, children);
+};
+
+/**
+ * onClick: 纯按钮点击时或按钮下拉项中无子菜单列表项点击触发，原型为function(key)
+ * onSubClick: 按钮为下拉时下拉项子列表项点击时触发，原型为function(key, subKey)
+ */
+var SuperToolbar = /*#__PURE__*/function (_React$Component) {
+  _inherits(SuperToolbar, _React$Component);
+  var _super = _createSuper(SuperToolbar);
+  function SuperToolbar() {
+    var _context;
+    var _this;
+    _classCallCheck(this, SuperToolbar);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, _concatInstanceProperty(_context = [this]).call(_context, args));
+    _defineProperty(_assertThisInitialized(_this), "onClick", function (e) {
+      var _this$props = _this.props,
+        onClick = _this$props.onClick,
+        onSubClick = _this$props.onSubClick;
+      var key = _typeof(e) === 'object' ? e.key : e;
+      if (_typeof(e) === 'object' && e.keyPath.length === 2 && onSubClick) {
+        onSubClick(e.keyPath[1], e.keyPath[0]);
+      } else if (onClick) {
+        if (clicktag === 0) {
+          clicktag = 1;
+          onClick(key);
+          //1秒过后可以再次点击
+          _setTimeout(function () {
+            clicktag = 0;
+          }, 1000);
+        } else {
+          console.log('请勿频繁操作！');
+        }
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "toSubMenu", function (_ref2) {
+      var key = _ref2.key,
+        title = _ref2.title,
+        _ref2$subMenu = _ref2.subMenu,
+        subMenu = _ref2$subMenu === void 0 ? [] : _ref2$subMenu;
+      return /*#__PURE__*/React.createElement(SubMenu, {
+        key: key,
+        title: title
+      }, _mapInstanceProperty(subMenu).call(subMenu, function (_ref3) {
+        var key = _ref3.key,
+          title = _ref3.title;
+        return /*#__PURE__*/React.createElement(MenuItem, {
+          key: key
+        }, title);
+      }));
+    });
+    _defineProperty(_assertThisInitialized(_this), "toMenu", function (menu) {
+      return /*#__PURE__*/React.createElement(_Menu, {
+        onClick: _this.onClick
+      }, _mapInstanceProperty(menu).call(menu, function (item) {
+        var key = item.key,
+          title = item.title,
+          subMenu = item.subMenu;
+        if (subMenu) {
+          return _this.toSubMenu(item);
+        } else {
+          return /*#__PURE__*/React.createElement(MenuItem, {
+            key: key
+          }, title);
+        }
+      }));
+    });
+    _defineProperty(_assertThisInitialized(_this), "toButton", function (_ref4) {
+      var _context2;
+      var key = _ref4.key,
+        title = _ref4.title,
+        type = _ref4.bsStyle,
+        confirm = _ref4.confirm,
+        menu = _ref4.menu,
+        loading = _ref4.loading;
+      var onClick = _bindInstanceProperty(_context2 = _this.onClick).call(_context2, _assertThisInitialized(_this), key);
+      var _this$props$size = _this.props.size,
+        size = _this$props$size === void 0 ? 'small' : _this$props$size;
+      if (menu && menu.length) {
+        return /*#__PURE__*/React.createElement(_Dropdown, {
+          key: key,
+          trigger: ['hover'],
+          overlay: _this.toMenu(menu)
+        }, /*#__PURE__*/React.createElement(ButtonEx, {
+          size: size,
+          type: type
+        }, title, /*#__PURE__*/React.createElement(_Icon, {
+          type: "down"
+        })));
+      } else if (!confirm) {
+        return /*#__PURE__*/React.createElement(ButtonEx, {
+          key: key,
+          size: size,
+          type: type,
+          onClick: onClick,
+          loading: loading
+        }, title);
+      } else {
+        return /*#__PURE__*/React.createElement(_Popconfirm, {
+          key: key,
+          title: confirm,
+          onConfirm: onClick
+        }, /*#__PURE__*/React.createElement(ButtonEx, {
+          size: size,
+          type: type,
+          loading: loading
+        }, title));
+      }
+    });
+    return _this;
+  }
+  _createClass(SuperToolbar, [{
+    key: "render",
+    value: function render() {
+      var buttons = this.props.buttons;
+      return /*#__PURE__*/React.createElement("div", {
+        className: variables('SuperToolbar'),
+        role: "toolbar"
+      }, _mapInstanceProperty(buttons).call(buttons, this.toButton));
+    }
+  }]);
+  return SuperToolbar;
+}(React.Component);
+_defineProperty(SuperToolbar, "propTypes", {
+  buttons: PropTypes.arrayOf(PropTypes.shape(ButtonType)).isRequired,
+  size: PropTypes.oneOf(['small', 'default', 'large']),
+  onClick: PropTypes.func,
+  onSubClick: PropTypes.func
+});
+export default SuperToolbar;

package/es/SuperUpload/SuperUpload.js

@@ -0,0 +1,356 @@
+import _Upload from "antd/es/upload";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _Button from "antd/es/button";
+import _Icon from "antd/es/icon";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (_Array$isArray(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 _context7; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context7 = Object.prototype.toString.call(o)).call(_context7, 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; }
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
+import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import helper from '../helper';
+import Title from '../Title';
+import variables from '../variables';
+var FORMATS = ['image/jpeg', 'image/gif', 'image/bmp', 'image/jpg', 'image/png', 'image/tiff', 'image/gif', 'image/pcx', 'image/tga', 'image/exif', 'image/fpx', 'image/svg', 'image/psd', 'image/cdr', 'image/pcd', 'image/dxf', 'image/ufo', 'image/eps', 'image/ai', 'image/raw', 'image/WMF', 'video/mp4'];
+var FORMATS1 = ['.jpeg', '.gif', '.bmp', '.jpg', '.png', '.tiff', '.pcx', '.tga', '.exif', '.fpx', '.svg', '.psd', '.cdr', '.pcd', '.dxf', '.ufo', '.eps', '.ai', '.raw', '.WMF'];
+
+//组件属性定义
+var propTypes = {
+  fileList: PropTypes.array,
+  //文件列表
+  fileDeleteList: PropTypes.array,
+  //需要在页面关闭时删除的服务端文件
+  title: PropTypes.string,
+  //附件组的标题
+  required: PropTypes.bool,
+  //是否必须上传,默认false
+  listType: PropTypes.oneOf[('text', 'picture', 'picture-card')],
+  //上传列表的内建样式，支持三种,默认picture-card
+  readonly: PropTypes.bool,
+  //所在页面是否只读,默认false
+  multiple: PropTypes.bool,
+  //可否多选文件上传,默认true
+  limitNumber: PropTypes.number,
+  //附件限制个数，默认10
+  limitText: PropTypes.any,
+  //附件个数达到时的文本，或者设置为false则不显示，为true时显示默认文本，默认值true
+  limitSize: PropTypes.number,
+  //单个附件限制大小，单位M,默认5
+  buttonTitle: PropTypes.string,
+  //上传按钮的标题，默认‘上传’
+  onFileChange: PropTypes.func //文件变更的回掉函数，func({fileList, fileDeleteList})
+};
+var convertFileList = function convertFileList(fileList) {
+  return _mapInstanceProperty(fileList).call(fileList, function (item) {
+    return {
+      fileFormat: item.fileFormat || 'id',
+      fileName: item.name,
+      fileUrl: item.response ? item.response.result : ''
+    };
+  });
+};
+var getUploadProps = function getUploadProps(props, onPreview, fileList, setFileList) {
+  var _props$readonly = props.readonly,
+    readonly = _props$readonly === void 0 ? false : _props$readonly,
+    _props$multiple = props.multiple,
+    multiple = _props$multiple === void 0 ? true : _props$multiple,
+    _props$limitSize = props.limitSize,
+    limitSize = _props$limitSize === void 0 ? 5 : _props$limitSize,
+    _props$listType = props.listType,
+    listType = _props$listType === void 0 ? 'picture-card' : _props$listType,
+    _props$fileDeleteList = props.fileDeleteList,
+    fileDeleteList = _props$fileDeleteList === void 0 ? [] : _props$fileDeleteList,
+    onFileChange = props.onFileChange;
+  var onChange = function onChange(_ref) {
+    var file = _ref.file,
+      fileList = _ref.fileList;
+    var limitNumber = props.limitNumber;
+    if (fileList.length > limitNumber) return helper.showError("\u6587\u4EF6\u6700\u591A\u53EF\u4E0A\u4F20".concat(limitNumber, "\u4E2A"));
+    if (!file) return; //过滤掉不符合条件的响应
+    var newList = [];
+    if (file.response && file.response.returnCode !== 0) {
+      //检查是否上传到文件服务器成功
+      helper.showError("\u4E0A\u4F20\u5931\u8D25\uFF0C".concat(file.response.returnMsg || ''));
+      newList = _filterInstanceProperty(fileList).call(fileList, function (item) {
+        return item.uid !== file.uid;
+      });
+    } else {
+      var _context;
+      newList = _mapInstanceProperty(_context = _filterInstanceProperty(fileList).call(fileList, function (item) {
+        return item.status;
+      })).call(_context, function (item) {
+        return _indexOfInstanceProperty(FORMATS).call(FORMATS, item.type) === -1 ? _objectSpread(_objectSpread({}, item), {}, {
+          thumbUrl: '/default.png'
+        }) : item;
+      });
+    }
+    file.response && onFileChange && onFileChange({
+      fileList: convertFileList(newList),
+      fileDeleteList: fileDeleteList
+    });
+    newList.fileName = newList.name;
+    setFileList(newList);
+  };
+  var onRemove = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileRemove) {
+      return _regeneratorRuntime.wrap(function _callee$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            props.onRemove && props.onRemove(fileRemove, fileList, fileDeleteList);
+          case 1:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee);
+    }));
+    return function onRemove(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return {
+    action: props.action || '/api/proxy/zuul/archiver-service/file/upload/document',
+    fileList: fileList,
+    listType: listType,
+    multiple: multiple,
+    onChange: onChange,
+    onRemove: onRemove,
+    onPreview: listType === 'text' ? undefined : onPreview,
+    beforeUpload: function beforeUpload(currentFile) {
+      var isLt = currentFile.size / 1024 / 1024 < limitSize; // 附件大小限制，单位M
+      if (!isLt) {
+        helper.showError("\u9644\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7".concat(limitSize, "M"));
+      }
+      return isLt;
+    },
+    showUploadList: {
+      showPreviewIcon: listType !== 'text',
+      showRemoveIcon: !readonly,
+      showDownloadIcon: true
+    }
+  };
+};
+function UploadButton(_ref3) {
+  var _ref3$buttonLabel = _ref3.buttonLabel,
+    buttonLabel = _ref3$buttonLabel === void 0 ? '上传' : _ref3$buttonLabel,
+    _ref3$title = _ref3.title,
+    title = _ref3$title === void 0 ? '附件' : _ref3$title,
+    _ref3$required = _ref3.required,
+    required = _ref3$required === void 0 ? false : _ref3$required,
+    _ref3$fileList = _ref3.fileList,
+    fileList = _ref3$fileList === void 0 ? [] : _ref3$fileList,
+    _ref3$limitText = _ref3.limitText,
+    limitText = _ref3$limitText === void 0 ? true : _ref3$limitText,
+    _ref3$limitNumber = _ref3.limitNumber,
+    limitNumber = _ref3$limitNumber === void 0 ? 10 : _ref3$limitNumber,
+    _ref3$listType = _ref3.listType,
+    listType = _ref3$listType === void 0 ? 'picture-card' : _ref3$listType,
+    _ref3$needText = _ref3.needText,
+    needText = _ref3$needText === void 0 ? false : _ref3$needText,
+    _ref3$remark = _ref3.remark,
+    remark = _ref3$remark === void 0 ? '大小>=5M' : _ref3$remark;
+  var canUpload = fileList.length < limitNumber;
+  return canUpload ? listType === 'picture-card' ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Icon, {
+    type: "plus"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "ant-upload-text"
+  }, "Upload")) : /*#__PURE__*/React.createElement(Title, {
+    title: title,
+    required: required
+  }, /*#__PURE__*/React.createElement(_Button, {
+    size: "small",
+    style: {
+      marginLeft: '-10px'
+    }
+  }, buttonLabel)) : listType === 'picture-card' ? null : /*#__PURE__*/React.createElement(Title, {
+    title: title,
+    required: required
+  }, !limitText ? null : /*#__PURE__*/React.createElement("span", null, limitText === true ? "\u9644\u4EF6\u4E2A\u6570\u82E5\u5927\u4E8E".concat(limitNumber, "\u4E2A\u8BF7\u538B\u7F29\u540E\u4E0A\u4F20") : limitText));
+}
+function SuperUpload(props) {
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fileList = _useState4[0],
+    setFileList = _useState4[1];
+  var initFileList = [];
+  useEffect(function () {
+    function fetchImgData() {
+      return _fetchImgData.apply(this, arguments);
+    }
+    function _fetchImgData() {
+      _fetchImgData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        var _iterator, _step, item, _iterator2, _step2, _item;
+        return _regeneratorRuntime.wrap(function _callee2$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              if (!(props.fileList.length > 0 || fileList.length > 0)) {
+                _context3.next = 58;
+                break;
+              }
+              _iterator = _createForOfIteratorHelper(props.fileList);
+              _context3.prev = 2;
+              _iterator.s();
+            case 4:
+              if ((_step = _iterator.n()).done) {
+                _context3.next = 27;
+                break;
+              }
+              item = _step.value;
+              if (!(item.fileUrl == '')) {
+                _context3.next = 17;
+                break;
+              }
+              if (!props.getFileList) {
+                _context3.next = 13;
+                break;
+              }
+              _context3.next = 10;
+              return props.getFileList(fileList);
+            case 10:
+              _context3.t0 = _context3.sent;
+              _context3.next = 14;
+              break;
+            case 13:
+              _context3.t0 = [];
+            case 14:
+              initFileList = _context3.t0;
+              _context3.next = 25;
+              break;
+            case 17:
+              if (!props.getFileList) {
+                _context3.next = 23;
+                break;
+              }
+              _context3.next = 20;
+              return props.getFileList(props.fileList);
+            case 20:
+              _context3.t1 = _context3.sent;
+              _context3.next = 24;
+              break;
+            case 23:
+              _context3.t1 = [];
+            case 24:
+              initFileList = _context3.t1;
+            case 25:
+              _context3.next = 4;
+              break;
+            case 27:
+              _context3.next = 32;
+              break;
+            case 29:
+              _context3.prev = 29;
+              _context3.t2 = _context3["catch"](2);
+              _iterator.e(_context3.t2);
+            case 32:
+              _context3.prev = 32;
+              _iterator.f();
+              return _context3.finish(32);
+            case 35:
+              _iterator2 = _createForOfIteratorHelper(fileList);
+              _context3.prev = 36;
+              _iterator2.s();
+            case 38:
+              if ((_step2 = _iterator2.n()).done) {
+                _context3.next = 50;
+                break;
+              }
+              _item = _step2.value;
+              if (!props.getFileList) {
+                _context3.next = 46;
+                break;
+              }
+              _context3.next = 43;
+              return props.getFileList(fileList);
+            case 43:
+              _context3.t3 = _context3.sent;
+              _context3.next = 47;
+              break;
+            case 46:
+              _context3.t3 = [];
+            case 47:
+              initFileList = _context3.t3;
+            case 48:
+              _context3.next = 38;
+              break;
+            case 50:
+              _context3.next = 55;
+              break;
+            case 52:
+              _context3.prev = 52;
+              _context3.t4 = _context3["catch"](36);
+              _iterator2.e(_context3.t4);
+            case 55:
+              _context3.prev = 55;
+              _iterator2.f();
+              return _context3.finish(55);
+            case 58:
+              //const initFileList = props.getFileList ? await props.getFileList(props.fileList) : [];
+              setFileList(initFileList ? initFileList : []);
+              setLoading(false);
+            case 60:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee2, null, [[2, 29, 32, 35], [36, 52, 55, 58]]);
+      }));
+      return _fetchImgData.apply(this, arguments);
+    }
+    fetchImgData();
+  }, [props.fileList]);
+  var onPreview = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(file) {
+      return _regeneratorRuntime.wrap(function _callee3$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            props.onPreview && props.onPreview(file, fileList);
+          case 1:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee3);
+    }));
+    return function onPreview(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var uploadProps = getUploadProps(props, onPreview, fileList, setFileList);
+  var _props$listType2 = props.listType,
+    listType = _props$listType2 === void 0 ? 'picture-card' : _props$listType2,
+    _props$limitNumber = props.limitNumber,
+    limitNumber = _props$limitNumber === void 0 ? 10 : _props$limitNumber,
+    readonly = props.readonly,
+    title = props.title;
+  var className = listType === 'picture-card' && (fileList === null || fileList === void 0 ? void 0 : fileList.length) < limitNumber ? variables('SuperUpload') : variables('SuperUpload2');
+  var canUpload = (fileList === null || fileList === void 0 ? void 0 : fileList.length) >= limitNumber;
+  return loading ? /*#__PURE__*/React.createElement("div", null, "loading...") : /*#__PURE__*/React.createElement("div", {
+    className: className
+  }, (listType === 'picture-card' || readonly) && title ? /*#__PURE__*/React.createElement(Title, {
+    title: props.title || '附件',
+    required: props.required
+  }) : null, /*#__PURE__*/React.createElement(_Upload, uploadProps, readonly || canUpload ? null : /*#__PURE__*/React.createElement(UploadButton, _objectSpread(_objectSpread({}, props), {}, {
+    fileList: fileList
+  }))), props.needText ? /*#__PURE__*/React.createElement("span", null, props.remark) : null);
+}
+export default SuperUpload;

package/es/Title/Title.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _Icon from "antd/es/icon";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
+var _excluded = ["title", "children", "className", "required", "fold", "isFold", "noBorder", "onFold"];
+import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
+import React from 'react';
+import variables from '../variables';
+function Title(_ref) {
+  var title = _ref.title,
+    children = _ref.children,
+    className = _ref.className,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$fold = _ref.fold,
+    fold = _ref$fold === void 0 ? false : _ref$fold,
+    _ref$isFold = _ref.isFold,
+    isFold = _ref$isFold === void 0 ? false : _ref$isFold,
+    _ref$noBorder = _ref.noBorder,
+    noBorder = _ref$noBorder === void 0 ? false : _ref$noBorder,
+    onFold = _ref.onFold,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: variables('title')
+  }, props), /*#__PURE__*/React.createElement("span", {
+    "data-border": !noBorder,
+    "data-fold": fold,
+    "data-required": required,
+    onClick: fold && onFold ? _bindInstanceProperty(onFold).call(onFold, null, !isFold) : undefined
+  }, title, fold ? /*#__PURE__*/React.createElement(_Icon, {
+    type: isFold ? 'down' : 'up'
+  }) : null), isFold ? null : children);
+}
+export default Title;