cloud-b2b 1.1.77 → 1.1.79

package/es/SuperToolbar/SuperToolbar.js

@@ -4,24 +4,36 @@ 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";
 import _Menu from "antd/es/menu";
 var _excluded = ["type", "children"];
+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 _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 _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 _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 _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+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";
+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';
+import { Control } from "../index";
 var MenuItem = _Menu.Item;
 var SubMenu = _Menu.SubMenu;
 var clicktag = 0; //被点击标识
@@ -67,6 +79,8 @@ 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;
@@ -74,8 +88,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 = _callSuper(this, SuperToolbar, _concatInstanceProperty(_context = []).call(_context, args));
-    _defineProperty(_this, "onClick", function (e) {
+    _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;
@@ -95,23 +109,28 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
         }
       }
     });
-    _defineProperty(_this, "toSubMenu", function (_ref2) {
-      var key = _ref2.key,
-        title = _ref2.title,
-        _ref2$subMenu = _ref2.subMenu,
-        subMenu = _ref2$subMenu === void 0 ? [] : _ref2$subMenu;
+    _defineProperty(_assertThisInitialized(_this), "onFileChange", function (_ref2, file) {
+      var key = _ref2.key;
+      var onFileChange = _this.props.onFileChange;
+      onFileChange && onFileChange(key, file);
+    });
+    _defineProperty(_assertThisInitialized(_this), "toSubMenu", function (_ref3) {
+      var key = _ref3.key,
+        title = _ref3.title,
+        _ref3$subMenu = _ref3.subMenu,
+        subMenu = _ref3$subMenu === void 0 ? [] : _ref3$subMenu;
       return /*#__PURE__*/React.createElement(SubMenu, {
         key: key,
         title: title
-      }, _mapInstanceProperty(subMenu).call(subMenu, function (_ref3) {
-        var key = _ref3.key,
-          title = _ref3.title;
+      }, _mapInstanceProperty(subMenu).call(subMenu, function (_ref4) {
+        var key = _ref4.key,
+          title = _ref4.title;
         return /*#__PURE__*/React.createElement(MenuItem, {
           key: key
         }, title);
       }));
     });
-    _defineProperty(_this, "toMenu", function (menu) {
+    _defineProperty(_assertThisInitialized(_this), "toMenu", function (menu) {
       return /*#__PURE__*/React.createElement(_Menu, {
         onClick: _this.onClick
       }, _mapInstanceProperty(menu).call(menu, function (item) {
@@ -127,17 +146,23 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
         }
       }));
     });
-    _defineProperty(_this, "toButton", function (_ref4) {
+    _defineProperty(_assertThisInitialized(_this), "toButton", function (control) {
       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, _this, key);
-      var _this$props$size = _this.props.size,
-        size = _this$props$size === void 0 ? 'small' : _this$props$size;
+      var _this$props2 = _this.props,
+        _this$props2$size = _this$props2.size,
+        size = _this$props2$size === void 0 ? 'small' : _this$props2$size,
+        buildSuperUploadProps = _this$props2.buildSuperUploadProps,
+        _this$props2$fileList = _this$props2.fileList,
+        fileList = _this$props2$fileList === void 0 ? [] : _this$props2$fileList;
+      var key = control.key,
+        title = control.title,
+        type = control.bsStyle,
+        confirm = control.confirm,
+        menu = control.menu,
+        loading = control.loading,
+        _control$isUpload = control.isUpload,
+        isUpload = _control$isUpload === void 0 ? false : _control$isUpload;
+      var onClick = _bindInstanceProperty(_context2 = _this.onClick).call(_context2, _assertThisInitialized(_this), key);
       if (menu && menu.length) {
         return /*#__PURE__*/React.createElement(_Dropdown, {
           key: key,
@@ -149,6 +174,23 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
         }, title, /*#__PURE__*/React.createElement(_Icon, {
           type: "down"
         })));
+      } else if (isUpload) {
+        var _context3;
+        var commonProps = buildSuperUploadProps ? buildSuperUploadProps() : {};
+        var uploadProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, control), {}, {
+          onFileChange: _bindInstanceProperty(_context3 = _this.onFileChange).call(_context3, null, {
+            key: key
+          })
+        }, _this.props), {}, {
+          type: 'uploadImg'
+        }, commonProps), {}, {
+          showUploadList: false,
+          listType: 'text',
+          limitNumber: 200,
+          value: fileList,
+          title: ''
+        });
+        return /*#__PURE__*/React.createElement(Control, uploadProps);
       } else if (!confirm) {
         return /*#__PURE__*/React.createElement(ButtonEx, {
           key: key,
@@ -171,8 +213,7 @@ var SuperToolbar = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  _inherits(SuperToolbar, _React$Component);
-  return _createClass(SuperToolbar, [{
+  _createClass(SuperToolbar, [{
     key: "render",
     value: function render() {
       var buttons = this.props.buttons;
@@ -182,6 +223,7 @@ 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

@@ -16,9 +16,9 @@ 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; }
+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; }
@@ -44,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
@@ -82,7 +82,9 @@ var getUploadProps = function getUploadProps(props, onPreview, fileList, setFile
     _props$fileDeleteList = props.fileDeleteList,
     fileDeleteList = _props$fileDeleteList === void 0 ? [] : _props$fileDeleteList,
     onFileChange = props.onFileChange,
-    accept = props.accept;
+    accept = props.accept,
+    _props$showUploadList = props.showUploadList,
+    showUploadList = _props$showUploadList === void 0 ? true : _props$showUploadList;
   var onChange = function onChange(_ref) {
     var file = _ref.file,
       fileList = _ref.fileList;
@@ -114,8 +116,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 (_context2) {
+    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);
@@ -135,6 +137,11 @@ var getUploadProps = function getUploadProps(props, onPreview, fileList, setFile
       accept: accept
     };
   }
+  var uploadList = showUploadList ? {
+    showPreviewIcon: listType !== 'text',
+    showRemoveIcon: !readonly,
+    showDownloadIcon: true
+  } : false;
   return _objectSpread(_objectSpread({
     action: props.action || '/api/proxy/zuul/archiver-service/file/upload/document',
     fileList: fileList,
@@ -158,11 +165,7 @@ var getUploadProps = function getUploadProps(props, onPreview, fileList, setFile
       }
       return isLt;
     },
-    showUploadList: {
-      showPreviewIcon: listType !== 'text',
-      showRemoveIcon: !readonly,
-      showDownloadIcon: true
-    }
+    showUploadList: uploadList
   });
 };
 function UploadButton(_ref3) {
@@ -216,71 +219,70 @@ function SuperUpload(props) {
       return _fetchImgData.apply(this, arguments);
     }
     function _fetchImgData() {
-      _fetchImgData = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var initFileList, _iterator, _step, item, _t, _t2;
-        return _regeneratorRuntime.wrap(function (_context3) {
+      _fetchImgData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        var initFileList, _iterator, _step, item;
+        return _regeneratorRuntime.wrap(function _callee2$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               initFileList = [];
-              console.log(props.fileList);
               if (!(props.fileList.length > 0)) {
-                _context3.next = 10;
+                _context3.next = 25;
                 break;
               }
               _iterator = _createForOfIteratorHelper(props.fileList);
-              _context3.prev = 1;
+              _context3.prev = 3;
               _iterator.s();
-            case 2:
+            case 5:
               if ((_step = _iterator.n()).done) {
-                _context3.next = 7;
+                _context3.next = 17;
                 break;
               }
               item = _step.value;
               if (!props.getFileList) {
-                _context3.next = 4;
+                _context3.next = 13;
                 break;
               }
-              _context3.next = 3;
+              _context3.next = 10;
               return props.getFileList(props.fileList);
-            case 3:
-              _t = _context3.sent;
-              _context3.next = 5;
+            case 10:
+              _context3.t0 = _context3.sent;
+              _context3.next = 14;
               break;
-            case 4:
-              _t = [];
-            case 5:
-              initFileList = _t;
-            case 6:
-              _context3.next = 2;
+            case 13:
+              _context3.t0 = [];
+            case 14:
+              initFileList = _context3.t0;
+            case 15:
+              _context3.next = 5;
               break;
-            case 7:
-              _context3.next = 9;
+            case 17:
+              _context3.next = 22;
               break;
-            case 8:
-              _context3.prev = 8;
-              _t2 = _context3["catch"](1);
-              _iterator.e(_t2);
-            case 9:
-              _context3.prev = 9;
+            case 19:
+              _context3.prev = 19;
+              _context3.t1 = _context3["catch"](3);
+              _iterator.e(_context3.t1);
+            case 22:
+              _context3.prev = 22;
               _iterator.f();
-              return _context3.finish(9);
-            case 10:
+              return _context3.finish(22);
+            case 25:
               //const initFileList = props.getFileList ? await props.getFileList(props.fileList) : [];
               setFileList(initFileList ? initFileList : []);
               setLoading(false);
-            case 11:
+            case 27:
             case "end":
               return _context3.stop();
           }
-        }, _callee2, null, [[1, 8, 9, 10]]);
+        }, _callee2, null, [[3, 19, 22, 25]]);
       }));
       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 (_context4) {
+    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);
@@ -303,13 +305,21 @@ function SuperUpload(props) {
     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);
+  var _props$showUploadList2 = props.showUploadList,
+    showUploadList = _props$showUploadList2 === void 0 ? true : _props$showUploadList2;
+  if (showUploadList) {
+    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);
+  } else {
+    return /*#__PURE__*/React.createElement(_Upload, uploadProps, /*#__PURE__*/React.createElement(UploadButton, _objectSpread(_objectSpread({}, props), {}, {
+      fileList: fileList
+    })));
+  }
 }
 export default SuperUpload;

package/es/Viewer/ImageViews.js

@@ -2,15 +2,16 @@ 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 _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; })(); }
+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 variables from '../variables';
 var addEvent = function addEvent(el, event, handler) {
@@ -47,11 +48,13 @@ 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 = _callSuper(this, ImageViews, [props]);
-    _defineProperty(_this, "_onwheel", function (e) {
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "_onwheel", function (e) {
       var zoom = _this.state.zoom;
       /*事件兼容*/
       var event = e || window.event;
@@ -73,7 +76,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
         zoom: zoomVal
       });
     });
-    _defineProperty(_this, "_onMouseDown", function (e) {
+    _defineProperty(_assertThisInitialized(_this), "_onMouseDown", function (e) {
       /*事件兼容*/
       var event = e || window.event;
       var imageDOM = _this.imgRef;
@@ -90,7 +93,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
       addEvent(document, 'mousemove', _this._onMouseMove);
       addEvent(document, 'mouseup', _this._onMouseUp);
     });
-    _defineProperty(_this, "_onMouseMove", function (e) {
+    _defineProperty(_assertThisInitialized(_this), "_onMouseMove", function (e) {
       var event = e || window.event;
       var imageDOM = _this.imgRef;
       var startTouch = _this.state.startTouch;
@@ -101,7 +104,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
       imageDOM.style.left = "".concat(deltaX, "px");
       imageDOM.style.top = "".concat(deltaY, "px");
     });
-    _defineProperty(_this, "_onMouseUp", function () {
+    _defineProperty(_assertThisInitialized(_this), "_onMouseUp", function () {
       var startTouch = _this.state.startTouch;
       if (!startTouch.initiated) return;
       var endTouch = JSON.parse(_JSON$stringify(startTouch));
@@ -112,7 +115,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
       removeEvent(document, 'mousemove', _this._onMouseMove);
       removeEvent(document, 'mouseup', _this._onMouseDown);
     });
-    _defineProperty(_this, "_onPlus", function (event) {
+    _defineProperty(_assertThisInitialized(_this), "_onPlus", function (event) {
       var zoom = _this.state.zoom;
       var imageDOM = _this.imgRef;
       var zoomVal = zoom + 0.1;
@@ -126,7 +129,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
         zoom: zoomVal
       });
     });
-    _defineProperty(_this, "_onMinus", function () {
+    _defineProperty(_assertThisInitialized(_this), "_onMinus", function () {
       var _context2;
       var zoom = _this.state.zoom;
       var imageDOM = _this.imgRef;
@@ -140,7 +143,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
         zoom: zoomVal
       });
     });
-    _defineProperty(_this, "_reload", function () {
+    _defineProperty(_assertThisInitialized(_this), "_reload", function () {
       var imageDOM = _this.imgRef;
       imageDOM.style.transform = "translate(-50%,-50%) scale(1) rotate(0deg)";
       imageDOM.style.left = "50%";
@@ -149,7 +152,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
         zoom: 1
       });
     });
-    _defineProperty(_this, "_arrowLeft", function () {
+    _defineProperty(_assertThisInitialized(_this), "_arrowLeft", function () {
       var onLeft = _this.props.onLeft;
       onLeft && onLeft();
       var imageDOM = _this.imgRef;
@@ -160,7 +163,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
         zoom: 1
       });
     });
-    _defineProperty(_this, "_arrowRight", function () {
+    _defineProperty(_assertThisInitialized(_this), "_arrowRight", function () {
       var onRight = _this.props.onRight;
       onRight && onRight();
       var imageDOM = _this.imgRef;
@@ -171,7 +174,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
         zoom: 1
       });
     });
-    _defineProperty(_this, "rotate", function (isLeft) {
+    _defineProperty(_assertThisInitialized(_this), "rotate", function (isLeft) {
       return function () {
         var _context3;
         var imageDOM = _this.imgRef;
@@ -187,8 +190,7 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inherits(ImageViews, _React$Component);
-  return _createClass(ImageViews, [{
+  _createClass(ImageViews, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -251,5 +253,6 @@ var ImageViews = /*#__PURE__*/function (_React$Component) {
       }))))));
     }
   }]);
+  return ImageViews;
 }(React.Component);
 export default ImageViews;

package/es/Viewer/Viewer.js

@@ -2,29 +2,32 @@ 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 _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; })(); }
+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 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 = _callSuper(this, Viewers, [props]);
+    _this = _super.call(this, props);
     //修复Warning报错
-    _defineProperty(_this, "componentWillUnmount", function () {
+    _defineProperty(_assertThisInitialized(_this), "componentWillUnmount", function () {
       _this.timeout = null;
     });
-    _defineProperty(_this, "closeViewers", function () {
+    _defineProperty(_assertThisInitialized(_this), "closeViewers", function () {
       var _this$props = _this.props,
         onCancel = _this$props.onCancel,
         onClose = _this$props.onClose;
@@ -33,7 +36,7 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
         onCancel && onCancel(onClose);
       }, 1000);
     });
-    _defineProperty(_this, "_onLeft", function () {
+    _defineProperty(_assertThisInitialized(_this), "_onLeft", function () {
       var imageIndex = _this.state.imageIndex;
       var images = _this.props.images;
       var index = imageIndex - 1;
@@ -44,7 +47,7 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
         imageIndex: index
       });
     });
-    _defineProperty(_this, "_onRight", function () {
+    _defineProperty(_assertThisInitialized(_this), "_onRight", function () {
       var imageIndex = _this.state.imageIndex;
       var images = _this.props.images;
       var index = imageIndex + 1;
@@ -55,7 +58,7 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
         imageIndex: index
       });
     });
-    _defineProperty(_this, "_onSelect", function (index) {
+    _defineProperty(_assertThisInitialized(_this), "_onSelect", function (index) {
       _this.setState({
         imageIndex: index
       });
@@ -65,8 +68,7 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inherits(Viewers, _React$Component);
-  return _createClass(Viewers, [{
+  _createClass(Viewers, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -105,6 +107,7 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
       }))) : null);
     }
   }]);
+  return Viewers;
 }(React.Component);
 _defineProperty(Viewers, "propTypes", {
   /** viewer是否可见 */