cloud-b2b 1.1.61 → 1.1.63

package/es/SuperToolbar/SuperToolbar.js

@@ -4,10 +4,9 @@ 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 _inherits from "@babel/runtime-corejs3/helpers/inherits";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _Button from "antd/es/button";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
@@ -18,8 +17,8 @@ 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; } }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(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; })(); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import variables from '../variables';
@@ -68,8 +67,6 @@ var ButtonEx = function ButtonEx(_ref) {
  * onSubClick: 按钮为下拉时下拉项子列表项点击时触发，原型为function(key, subKey)
  */
 var SuperToolbar = /*#__PURE__*/function (_React$Component) {
-  _inherits(SuperToolbar, _React$Component);
-  var _super = _createSuper(SuperToolbar);
   function SuperToolbar() {
     var _context;
     var _this;
@@ -77,8 +74,8 @@ var SuperToolbar = /*#__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, _concatInstanceProperty(_context = [this]).call(_context, args));
-    _defineProperty(_assertThisInitialized(_this), "onClick", function (e) {
+    _this = _callSuper(this, SuperToolbar, _concatInstanceProperty(_context = []).call(_context, args));
+    _defineProperty(_this, "onClick", function (e) {
       var _this$props = _this.props,
         onClick = _this$props.onClick,
         onSubClick = _this$props.onSubClick;
@@ -98,7 +95,7 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "toSubMenu", function (_ref2) {
+    _defineProperty(_this, "toSubMenu", function (_ref2) {
       var key = _ref2.key,
         title = _ref2.title,
         _ref2$subMenu = _ref2.subMenu,
@@ -114,7 +111,7 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
         }, title);
       }));
     });
-    _defineProperty(_assertThisInitialized(_this), "toMenu", function (menu) {
+    _defineProperty(_this, "toMenu", function (menu) {
       return /*#__PURE__*/React.createElement(_Menu, {
         onClick: _this.onClick
       }, _mapInstanceProperty(menu).call(menu, function (item) {
@@ -130,7 +127,7 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
         }
       }));
     });
-    _defineProperty(_assertThisInitialized(_this), "toButton", function (_ref4) {
+    _defineProperty(_this, "toButton", function (_ref4) {
       var _context2;
       var key = _ref4.key,
         title = _ref4.title,
@@ -138,7 +135,7 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
         confirm = _ref4.confirm,
         menu = _ref4.menu,
         loading = _ref4.loading;
-      var onClick = _bindInstanceProperty(_context2 = _this.onClick).call(_context2, _assertThisInitialized(_this), key);
+      var onClick = _bindInstanceProperty(_context2 = _this.onClick).call(_context2, _this, key);
       var _this$props$size = _this.props.size,
         size = _this$props$size === void 0 ? 'small' : _this$props$size;
       if (menu && menu.length) {
@@ -174,7 +171,8 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  _createClass(SuperToolbar, [{
+  _inherits(SuperToolbar, _React$Component);
+  return _createClass(SuperToolbar, [{
     key: "render",
     value: function render() {
       var buttons = this.props.buttons;
@@ -184,7 +182,6 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
       }, _mapInstanceProperty(buttons).call(buttons, this.toButton));
     }
   }]);
-  return SuperToolbar;
 }(React.Component);
 _defineProperty(SuperToolbar, "propTypes", {
   buttons: PropTypes.arrayOf(PropTypes.shape(ButtonType)).isRequired,

package/es/SuperUpload/SuperUpload.js

@@ -1,18 +1,3 @@
-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";
@@ -25,12 +10,28 @@ 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 _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(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (_Array$isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { var _context7; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context7 = {}.toString.call(r)).call(_context7, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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 _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 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 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'];
 var FORMATS1 = ['.jpeg', '.gif', '.bmp', '.jpg', '.png', '.tiff', '.pcx', '.tga', '.exif', '.fpx', '.svg', '.psd', '.cdr', '.pcd', '.dxf', '.ufo', '.eps', '.ai', '.raw', '.WMF'];
 
 //组件属性定义
@@ -43,7 +44,7 @@ var propTypes = {
   //附件组的标题
   required: PropTypes.bool,
   //是否必须上传,默认false
-  listType: PropTypes.oneOf[('text', 'picture', 'picture-card')],
+  listType: PropTypes.oneOf['text', 'picture', 'picture-card'],
   //上传列表的内建样式，支持三种,默认picture-card
   readonly: PropTypes.bool,
   //所在页面是否只读,默认false
@@ -79,7 +80,8 @@ var getUploadProps = function getUploadProps(props, onPreview, fileList, setFile
     listType = _props$listType === void 0 ? 'picture-card' : _props$listType,
     _props$fileDeleteList = props.fileDeleteList,
     fileDeleteList = _props$fileDeleteList === void 0 ? [] : _props$fileDeleteList,
-    onFileChange = props.onFileChange;
+    onFileChange = props.onFileChange,
+    accept = props.accept;
   var onChange = function onChange(_ref) {
     var file = _ref.file,
       fileList = _ref.fileList;
@@ -111,8 +113,8 @@ var getUploadProps = function getUploadProps(props, onPreview, fileList, setFile
     setFileList(newList);
   };
   var onRemove = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileRemove) {
-      return _regeneratorRuntime.wrap(function _callee$(_context2) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileRemove) {
+      return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             props.onRemove && props.onRemove(fileRemove, fileList, fileDeleteList);
@@ -126,19 +128,33 @@ var getUploadProps = function getUploadProps(props, onPreview, fileList, setFile
       return _ref2.apply(this, arguments);
     };
   }();
-  return {
+  var other = {};
+  if (accept) {
+    other = {
+      accept: accept
+    };
+  }
+  return _objectSpread(_objectSpread({
     action: props.action || '/api/proxy/zuul/archiver-service/file/upload/document',
     fileList: fileList,
     listType: listType,
     multiple: multiple,
     onChange: onChange,
-    onRemove: onRemove,
+    onRemove: onRemove
+  }, other), {}, {
     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"));
       }
+      if (accept) {
+        var ext = currentFile.name.split('.').pop().toLowerCase();
+        if (!_includesInstanceProperty(accept).call(accept, ext)) {
+          helper.showError("\u4E0A\u4F20\u7684\u6587\u4EF6\u6269\u5C55\u6587\u53EA\u80FD\u4E3A".concat(accept));
+          return false;
+        }
+      }
       return isLt;
     },
     showUploadList: {
@@ -146,7 +162,7 @@ var getUploadProps = function getUploadProps(props, onPreview, fileList, setFile
       showRemoveIcon: !readonly,
       showDownloadIcon: true
     }
-  };
+  });
 };
 function UploadButton(_ref3) {
   var _ref3$buttonLabel = _ref3.buttonLabel,
@@ -200,128 +216,128 @@ function SuperUpload(props) {
       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) {
+      _fetchImgData = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        var _iterator, _step, item, _iterator2, _step2, _item, _t, _t2, _t3, _t4, _t5;
+        return _regeneratorRuntime.wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               if (!(props.fileList.length > 0 || fileList.length > 0)) {
-                _context3.next = 58;
+                _context3.next = 24;
                 break;
               }
               _iterator = _createForOfIteratorHelper(props.fileList);
-              _context3.prev = 2;
+              _context3.prev = 1;
               _iterator.s();
-            case 4:
+            case 2:
               if ((_step = _iterator.n()).done) {
-                _context3.next = 27;
+                _context3.next = 11;
                 break;
               }
               item = _step.value;
               if (!(item.fileUrl == '')) {
-                _context3.next = 17;
+                _context3.next = 6;
                 break;
               }
               if (!props.getFileList) {
-                _context3.next = 13;
+                _context3.next = 4;
                 break;
               }
-              _context3.next = 10;
+              _context3.next = 3;
               return props.getFileList(fileList);
-            case 10:
-              _context3.t0 = _context3.sent;
-              _context3.next = 14;
+            case 3:
+              _t = _context3.sent;
+              _context3.next = 5;
               break;
-            case 13:
-              _context3.t0 = [];
-            case 14:
-              initFileList = _context3.t0;
-              _context3.next = 25;
+            case 4:
+              _t = [];
+            case 5:
+              initFileList = _t;
+              _context3.next = 10;
               break;
-            case 17:
+            case 6:
               if (!props.getFileList) {
-                _context3.next = 23;
+                _context3.next = 8;
                 break;
               }
-              _context3.next = 20;
+              _context3.next = 7;
               return props.getFileList(props.fileList);
-            case 20:
-              _context3.t1 = _context3.sent;
-              _context3.next = 24;
+            case 7:
+              _t2 = _context3.sent;
+              _context3.next = 9;
               break;
-            case 23:
-              _context3.t1 = [];
-            case 24:
-              initFileList = _context3.t1;
-            case 25:
-              _context3.next = 4;
+            case 8:
+              _t2 = [];
+            case 9:
+              initFileList = _t2;
+            case 10:
+              _context3.next = 2;
               break;
-            case 27:
-              _context3.next = 32;
+            case 11:
+              _context3.next = 13;
               break;
-            case 29:
-              _context3.prev = 29;
-              _context3.t2 = _context3["catch"](2);
-              _iterator.e(_context3.t2);
-            case 32:
-              _context3.prev = 32;
+            case 12:
+              _context3.prev = 12;
+              _t3 = _context3["catch"](1);
+              _iterator.e(_t3);
+            case 13:
+              _context3.prev = 13;
               _iterator.f();
-              return _context3.finish(32);
-            case 35:
+              return _context3.finish(13);
+            case 14:
               _iterator2 = _createForOfIteratorHelper(fileList);
-              _context3.prev = 36;
+              _context3.prev = 15;
               _iterator2.s();
-            case 38:
+            case 16:
               if ((_step2 = _iterator2.n()).done) {
-                _context3.next = 50;
+                _context3.next = 21;
                 break;
               }
               _item = _step2.value;
               if (!props.getFileList) {
-                _context3.next = 46;
+                _context3.next = 18;
                 break;
               }
-              _context3.next = 43;
+              _context3.next = 17;
               return props.getFileList(fileList);
-            case 43:
-              _context3.t3 = _context3.sent;
-              _context3.next = 47;
+            case 17:
+              _t4 = _context3.sent;
+              _context3.next = 19;
               break;
-            case 46:
-              _context3.t3 = [];
-            case 47:
-              initFileList = _context3.t3;
-            case 48:
-              _context3.next = 38;
+            case 18:
+              _t4 = [];
+            case 19:
+              initFileList = _t4;
+            case 20:
+              _context3.next = 16;
               break;
-            case 50:
-              _context3.next = 55;
+            case 21:
+              _context3.next = 23;
               break;
-            case 52:
-              _context3.prev = 52;
-              _context3.t4 = _context3["catch"](36);
-              _iterator2.e(_context3.t4);
-            case 55:
-              _context3.prev = 55;
+            case 22:
+              _context3.prev = 22;
+              _t5 = _context3["catch"](15);
+              _iterator2.e(_t5);
+            case 23:
+              _context3.prev = 23;
               _iterator2.f();
-              return _context3.finish(55);
-            case 58:
+              return _context3.finish(23);
+            case 24:
               //const initFileList = props.getFileList ? await props.getFileList(props.fileList) : [];
               setFileList(initFileList ? initFileList : []);
               setLoading(false);
-            case 60:
+            case 25:
             case "end":
               return _context3.stop();
           }
-        }, _callee2, null, [[2, 29, 32, 35], [36, 52, 55, 58]]);
+        }, _callee2, null, [[1, 12, 13, 14], [15, 22, 23, 24]]);
       }));
       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) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(file) {
+      return _regeneratorRuntime.wrap(function (_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
             props.onPreview && props.onPreview(file, fileList);

package/es/Viewer/ImageViews.js

@@ -2,16 +2,15 @@ import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/co
 import _Icon from "antd/es/icon";
 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 _inherits from "@babel/runtime-corejs3/helpers/inherits";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _JSON$stringify from "@babel/runtime-corejs3/core-js-stable/json/stringify";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-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; } }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(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; })(); }
 import React from "react";
 import variables from '../variables';
 var addEvent = function addEvent(el, event, handler) {
@@ -48,13 +47,11 @@ var getRotateDeg = function getRotateDeg(target) {
   return Math.round(Math.atan2(b, a) * (180 / Math.PI));
 };
 var ImageViews = /*#__PURE__*/function (_React$Component) {
-  _inherits(ImageViews, _React$Component);
-  var _super = _createSuper(ImageViews);
   function ImageViews(props) {
     var _this;
     _classCallCheck(this, ImageViews);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "_onwheel", function (e) {
+    _this = _callSuper(this, ImageViews, [props]);
+    _defineProperty(_this, "_onwheel", function (e) {
       var zoom = _this.state.zoom;
       /*事件兼容*/
       var event = e || window.event;
@@ -76,7 +73,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
         zoom: zoomVal
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "_onMouseDown", function (e) {
+    _defineProperty(_this, "_onMouseDown", function (e) {
       /*事件兼容*/
       var event = e || window.event;
       var imageDOM = _this.imgRef;
@@ -93,7 +90,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
       addEvent(document, 'mousemove', _this._onMouseMove);
       addEvent(document, 'mouseup', _this._onMouseUp);
     });
-    _defineProperty(_assertThisInitialized(_this), "_onMouseMove", function (e) {
+    _defineProperty(_this, "_onMouseMove", function (e) {
       var event = e || window.event;
       var imageDOM = _this.imgRef;
       var startTouch = _this.state.startTouch;
@@ -104,7 +101,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
       imageDOM.style.left = "".concat(deltaX, "px");
       imageDOM.style.top = "".concat(deltaY, "px");
     });
-    _defineProperty(_assertThisInitialized(_this), "_onMouseUp", function () {
+    _defineProperty(_this, "_onMouseUp", function () {
       var startTouch = _this.state.startTouch;
       if (!startTouch.initiated) return;
       var endTouch = JSON.parse(_JSON$stringify(startTouch));
@@ -115,7 +112,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
       removeEvent(document, 'mousemove', _this._onMouseMove);
       removeEvent(document, 'mouseup', _this._onMouseDown);
     });
-    _defineProperty(_assertThisInitialized(_this), "_onPlus", function (event) {
+    _defineProperty(_this, "_onPlus", function (event) {
       var zoom = _this.state.zoom;
       var imageDOM = _this.imgRef;
       var zoomVal = zoom + 0.1;
@@ -129,7 +126,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
         zoom: zoomVal
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "_onMinus", function () {
+    _defineProperty(_this, "_onMinus", function () {
       var _context2;
       var zoom = _this.state.zoom;
       var imageDOM = _this.imgRef;
@@ -143,7 +140,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
         zoom: zoomVal
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "_reload", function () {
+    _defineProperty(_this, "_reload", function () {
       var imageDOM = _this.imgRef;
       imageDOM.style.transform = "translate(-50%,-50%) scale(1) rotate(0deg)";
       imageDOM.style.left = "50%";
@@ -152,7 +149,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
         zoom: 1
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "_arrowLeft", function () {
+    _defineProperty(_this, "_arrowLeft", function () {
       var onLeft = _this.props.onLeft;
       onLeft && onLeft();
       var imageDOM = _this.imgRef;
@@ -163,7 +160,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
         zoom: 1
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "_arrowRight", function () {
+    _defineProperty(_this, "_arrowRight", function () {
       var onRight = _this.props.onRight;
       onRight && onRight();
       var imageDOM = _this.imgRef;
@@ -174,7 +171,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
         zoom: 1
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "rotate", function (isLeft) {
+    _defineProperty(_this, "rotate", function (isLeft) {
       return function () {
         var _context3;
         var imageDOM = _this.imgRef;
@@ -190,7 +187,8 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _createClass(ImageViews, [{
+  _inherits(ImageViews, _React$Component);
+  return _createClass(ImageViews, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -253,6 +251,5 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
       }))))));
     }
   }]);
-  return ImageViews;
 }(React.Component);
 export default ImageViews;

package/es/Viewer/Viewer.js

@@ -2,32 +2,29 @@ import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/co
 import _Icon from "antd/es/icon";
 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 _inherits from "@babel/runtime-corejs3/helpers/inherits";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 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";
-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; } }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(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; })(); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import ImageViews from "./ImageViews";
 import variables from '../variables';
 var Viewers = /*#__PURE__*/function (_React$Component) {
-  _inherits(Viewers, _React$Component);
-  var _super = _createSuper(Viewers);
   function Viewers(props) {
     var _this;
     _classCallCheck(this, Viewers);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, Viewers, [props]);
     //修复Warning报错
-    _defineProperty(_assertThisInitialized(_this), "componentWillUnmount", function () {
+    _defineProperty(_this, "componentWillUnmount", function () {
       _this.timeout = null;
     });
-    _defineProperty(_assertThisInitialized(_this), "closeViewers", function () {
+    _defineProperty(_this, "closeViewers", function () {
       var _this$props = _this.props,
         onCancel = _this$props.onCancel,
         onClose = _this$props.onClose;
@@ -36,7 +33,7 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
         onCancel && onCancel(onClose);
       }, 1000);
     });
-    _defineProperty(_assertThisInitialized(_this), "_onLeft", function () {
+    _defineProperty(_this, "_onLeft", function () {
       var imageIndex = _this.state.imageIndex;
       var images = _this.props.images;
       var index = imageIndex - 1;
@@ -47,7 +44,7 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
         imageIndex: index
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "_onRight", function () {
+    _defineProperty(_this, "_onRight", function () {
       var imageIndex = _this.state.imageIndex;
       var images = _this.props.images;
       var index = imageIndex + 1;
@@ -58,7 +55,7 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
         imageIndex: index
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "_onSelect", function (index) {
+    _defineProperty(_this, "_onSelect", function (index) {
       _this.setState({
         imageIndex: index
       });
@@ -68,7 +65,8 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _createClass(Viewers, [{
+  _inherits(Viewers, _React$Component);
+  return _createClass(Viewers, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -107,7 +105,6 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
       }))) : null);
     }
   }]);
-  return Viewers;
 }(React.Component);
 _defineProperty(Viewers, "propTypes", {
   /** viewer是否可见 */