@para-ui/core 3.0.37 → 3.0.39

package/Upload/index.js

@@ -1,6 +1,6 @@
 import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-87c7d895.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-57dd2e23.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import { a as __awaiter, _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect, useRef, memo, forwardRef, useCallback, useImperativeHandle, useMemo } from 'react';
@@ -8,7 +8,7 @@ import RcUpload from 'rc-upload';
 import UploadIcon from '@para-ui/icons/UploadFile';
 import LoadingIcon from '@para-ui/icons/Loading';
 import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
-import { r as regenerator } from '../_verture/index-06fea29b.js';
+import { r as regenerator } from '../_verture/index-beef914f.js';
 import Delete from '@para-ui/icons/Delete';
 import TextIcon from '@para-ui/icons/Text';
 import PhotoIcon from '@para-ui/icons/Photo';
@@ -48,7 +48,7 @@ styleInject(css_248z$4);
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || 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) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _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; }
 //UploadList
 var UploadList = function UploadList(props) {
   var _props$listType = props.listType,
@@ -139,77 +139,73 @@ var UploadList = function UploadList(props) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
       var readerFileAsDataUrl, _iterator, _step, file, dataUrl;
       return regenerator.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (items === null || items === void 0 ? void 0 : items.length) {
-                _context2.next = 2;
-                break;
-              }
-              return _context2.abrupt("return", setUploadList([]));
-            case 2:
-              //读取file as DataUrl
-              readerFileAsDataUrl = function readerFileAsDataUrl(file) {
-                return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-                  return regenerator.wrap(function _callee$(_context) {
-                    while (1) {
-                      switch (_context.prev = _context.next) {
-                        case 0:
-                          return _context.abrupt("return", new Promise(function (resolve) {
-                            var fileReader = new FileReader();
-                            if (file.originFileObj) {
-                              fileReader.onload = function () {
-                                resolve(fileReader.result);
-                              };
-                              fileReader.readAsDataURL(file.originFileObj);
-                            } else resolve('');
-                          }));
-                        case 1:
-                        case "end":
-                          return _context.stop();
-                      }
-                    }
-                  }, _callee);
-                }));
-              };
-              _iterator = _createForOfIteratorHelper(items);
-              _context2.prev = 4;
-              _iterator.s();
-            case 6:
-              if ((_step = _iterator.n()).done) {
-                _context2.next = 15;
-                break;
-              }
-              file = _step.value;
-              if (!file.originFileObj) {
-                _context2.next = 13;
-                break;
-              }
-              _context2.next = 11;
-              return readerFileAsDataUrl(file);
-            case 11:
-              dataUrl = _context2.sent;
-              file.dataUrl = dataUrl;
-            case 13:
-              _context2.next = 6;
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (items === null || items === void 0 ? void 0 : items.length) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return", setUploadList([]));
+          case 2:
+            //读取file as DataUrl
+            readerFileAsDataUrl = function readerFileAsDataUrl(file) {
+              return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
+                return regenerator.wrap(function _callee$(_context) {
+                  while (1) switch (_context.prev = _context.next) {
+                    case 0:
+                      return _context.abrupt("return", new Promise(function (resolve) {
+                        var fileReader = new FileReader();
+                        if (file.originFileObj) {
+                          fileReader.onload = function () {
+                            resolve(fileReader.result);
+                          };
+                          fileReader.readAsDataURL(file.originFileObj);
+                        } else resolve('');
+                      }));
+                    case 1:
+                    case "end":
+                      return _context.stop();
+                  }
+                }, _callee);
+              }));
+            };
+            _iterator = _createForOfIteratorHelper(items);
+            _context2.prev = 4;
+            _iterator.s();
+          case 6:
+            if ((_step = _iterator.n()).done) {
+              _context2.next = 15;
               break;
-            case 15:
-              _context2.next = 20;
+            }
+            file = _step.value;
+            if (!file.originFileObj) {
+              _context2.next = 13;
               break;
-            case 17:
-              _context2.prev = 17;
-              _context2.t0 = _context2["catch"](4);
-              _iterator.e(_context2.t0);
-            case 20:
-              _context2.prev = 20;
-              _iterator.f();
-              return _context2.finish(20);
-            case 23:
-              setUploadList(_toConsumableArray(items));
-            case 24:
-            case "end":
-              return _context2.stop();
-          }
+            }
+            _context2.next = 11;
+            return readerFileAsDataUrl(file);
+          case 11:
+            dataUrl = _context2.sent;
+            file.dataUrl = dataUrl;
+          case 13:
+            _context2.next = 6;
+            break;
+          case 15:
+            _context2.next = 20;
+            break;
+          case 17:
+            _context2.prev = 17;
+            _context2.t0 = _context2["catch"](4);
+            _iterator.e(_context2.t0);
+          case 20:
+            _context2.prev = 20;
+            _iterator.f();
+            return _context2.finish(20);
+          case 23:
+            setUploadList(_toConsumableArray(items));
+          case 24:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2, null, [[4, 17, 20, 23]]);
     }));
@@ -345,39 +341,37 @@ var ImageUpload = function ImageUpload(props) {
       return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
         var result;
         return regenerator.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (restProps.action && loading && uploading) setShowLoading(true);
-                _context.next = 3;
-                return _beforeUpload === null || _beforeUpload === void 0 ? void 0 : _beforeUpload(file, fileList);
-              case 3:
-                result = _context.sent;
-                if (!(result === false)) {
-                  _context.next = 9;
-                  break;
-                }
-                setShowLoading(false);
-                return _context.abrupt("return", false);
-              case 9:
-                if (!(_typeof(result) === 'object' && result)) {
-                  _context.next = 16;
-                  break;
-                }
-                if (!(result instanceof File || result instanceof Blob)) {
-                  _context.next = 12;
-                  break;
-                }
-                return _context.abrupt("return", result);
-              case 12:
-                cropFileRef.current = result.cropFile;
-                return _context.abrupt("return", result.isUpload);
-              case 16:
-                return _context.abrupt("return", true);
-              case 17:
-              case "end":
-                return _context.stop();
-            }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (restProps.action && loading && uploading) setShowLoading(true);
+              _context.next = 3;
+              return _beforeUpload === null || _beforeUpload === void 0 ? void 0 : _beforeUpload(file, fileList);
+            case 3:
+              result = _context.sent;
+              if (!(result === false)) {
+                _context.next = 9;
+                break;
+              }
+              setShowLoading(false);
+              return _context.abrupt("return", false);
+            case 9:
+              if (!(_typeof(result) === 'object' && result)) {
+                _context.next = 16;
+                break;
+              }
+              if (!(result instanceof File || result instanceof Blob)) {
+                _context.next = 12;
+                break;
+              }
+              return _context.abrupt("return", result);
+            case 12:
+              cropFileRef.current = result.cropFile;
+              return _context.abrupt("return", result.isUpload);
+            case 16:
+              return _context.abrupt("return", true);
+            case 17:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
@@ -427,43 +421,41 @@ var ImageUpload = function ImageUpload(props) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
       var cloneList, file, imageUrl;
       return regenerator.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              cloneList = _toConsumableArray(changedFileList);
-              if (showUploadList) {
-                _context2.next = 13;
-                break;
-              }
-              //不显示上传列表
-              file = cloneList.slice(-1)[0];
-              if (!file) {
-                _context2.next = 11;
-                break;
-              }
-              _context2.next = 6;
-              return readerFileAsDataUrl(file);
-            case 6:
-              imageUrl = _context2.sent;
-              file.dataUrl = imageUrl;
-              avatar.imageUrl = imageUrl;
-              avatar.imageName = file.name;
-              setAvatar(Object.assign({}, avatar));
-            case 11:
-              onChange === null || onChange === void 0 ? void 0 : onChange([file]);
-              return _context2.abrupt("return");
-            case 13:
-              if (maxCount === 1) {
-                cloneList = cloneList.slice(-1);
-              } else if (maxCount) {
-                cloneList = cloneList.slice(0, maxCount);
-              }
-              onChange === null || onChange === void 0 ? void 0 : onChange(cloneList);
-              setUploadFileList(cloneList);
-            case 16:
-            case "end":
-              return _context2.stop();
-          }
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            cloneList = _toConsumableArray(changedFileList);
+            if (showUploadList) {
+              _context2.next = 13;
+              break;
+            }
+            //不显示上传列表
+            file = cloneList.slice(-1)[0];
+            if (!file) {
+              _context2.next = 11;
+              break;
+            }
+            _context2.next = 6;
+            return readerFileAsDataUrl(file);
+          case 6:
+            imageUrl = _context2.sent;
+            file.dataUrl = imageUrl;
+            avatar.imageUrl = imageUrl;
+            avatar.imageName = file.name;
+            setAvatar(Object.assign({}, avatar));
+          case 11:
+            onChange === null || onChange === void 0 ? void 0 : onChange([file]);
+            return _context2.abrupt("return");
+          case 13:
+            if (maxCount === 1) {
+              cloneList = cloneList.slice(-1);
+            } else if (maxCount) {
+              cloneList = cloneList.slice(0, maxCount);
+            }
+            onChange === null || onChange === void 0 ? void 0 : onChange(cloneList);
+            setUploadFileList(cloneList);
+          case 16:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2);
     }));
@@ -514,22 +506,20 @@ var ImageUpload = function ImageUpload(props) {
   var readerFileAsDataUrl = function readerFileAsDataUrl(file) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee3() {
       return regenerator.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              return _context3.abrupt("return", new Promise(function (resolve) {
-                var fileReader = new FileReader();
-                if (file.originFileObj) {
-                  fileReader.onload = function () {
-                    resolve(fileReader.result);
-                  };
-                  fileReader.readAsDataURL(file.originFileObj);
-                } else resolve('');
-              }));
-            case 1:
-            case "end":
-              return _context3.stop();
-          }
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            return _context3.abrupt("return", new Promise(function (resolve) {
+              var fileReader = new FileReader();
+              if (file.originFileObj) {
+                fileReader.onload = function () {
+                  resolve(fileReader.result);
+                };
+                fileReader.readAsDataURL(file.originFileObj);
+              } else resolve('');
+            }));
+          case 1:
+          case "end":
+            return _context3.stop();
         }
       }, _callee3);
     }));
@@ -857,51 +847,49 @@ var ImgCrop = /*#__PURE__*/forwardRef(function (props, ref) {
             return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
               var reader;
               return regenerator.wrap(function _callee$(_context) {
-                while (1) {
-                  switch (_context.prev = _context.next) {
-                    case 0:
-                      _context.t0 = cbRef.current.beforeCrop;
-                      if (!_context.t0) {
-                        _context.next = 5;
-                        break;
-                      }
-                      _context.next = 4;
-                      return cbRef.current.beforeCrop(file, fileList);
-                    case 4:
-                      _context.t0 = !_context.sent;
-                    case 5:
-                      if (!_context.t0) {
-                        _context.next = 8;
-                        break;
-                      }
-                      reject();
-                      return _context.abrupt("return");
-                    case 8:
-                      fileRef.current = file;
-                      resolveRef.current = function (newFile) {
-                        var flag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-                        var _a, _b;
-                        (_b = (_a = cbRef.current).onModalOk) === null || _b === void 0 ? void 0 : _b.call(_a, newFile);
-                        if (!flag) return resolve({
-                          cropFile: newFile,
-                          isUpload: flag
-                        });
-                        resolve(newFile);
-                      };
-                      rejectRef.current = function (uploadErr) {
-                        var _a, _b;
-                        (_b = (_a = cbRef.current).onUploadFail) === null || _b === void 0 ? void 0 : _b.call(_a, uploadErr);
-                        reject(uploadErr);
-                      };
-                      reader = new FileReader();
-                      reader.addEventListener('load', function () {
-                        return typeof reader.result === 'string' && setImage(reader.result);
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    _context.t0 = cbRef.current.beforeCrop;
+                    if (!_context.t0) {
+                      _context.next = 5;
+                      break;
+                    }
+                    _context.next = 4;
+                    return cbRef.current.beforeCrop(file, fileList);
+                  case 4:
+                    _context.t0 = !_context.sent;
+                  case 5:
+                    if (!_context.t0) {
+                      _context.next = 8;
+                      break;
+                    }
+                    reject();
+                    return _context.abrupt("return");
+                  case 8:
+                    fileRef.current = file;
+                    resolveRef.current = function (newFile) {
+                      var flag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+                      var _a, _b;
+                      (_b = (_a = cbRef.current).onModalOk) === null || _b === void 0 ? void 0 : _b.call(_a, newFile);
+                      if (!flag) return resolve({
+                        cropFile: newFile,
+                        isUpload: flag
                       });
-                      reader.readAsDataURL(file);
-                    case 14:
-                    case "end":
-                      return _context.stop();
-                  }
+                      resolve(newFile);
+                    };
+                    rejectRef.current = function (uploadErr) {
+                      var _a, _b;
+                      (_b = (_a = cbRef.current).onUploadFail) === null || _b === void 0 ? void 0 : _b.call(_a, uploadErr);
+                      reject(uploadErr);
+                    };
+                    reader = new FileReader();
+                    reader.addEventListener('load', function () {
+                      return typeof reader.result === 'string' && setImage(reader.result);
+                    });
+                    reader.readAsDataURL(file);
+                  case 14:
+                  case "end":
+                    return _context.stop();
                 }
               }, _callee);
             }));
@@ -927,169 +915,165 @@ var ImgCrop = /*#__PURE__*/forwardRef(function (props, ref) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee3() {
       var canvas, ctx, imgSource, _easyCropRef$current$, cropWidth, cropHeight, cropX, cropY, imgWidth, imgHeight, angle, sine, cosine, squareWidth, squareHeight, squareHalfWidth, squareHalfHeight, imgX, imgY, imgData, changeImageSizeAfterCrop, _fileRef$current, type, name, uid, idx, onBlob;
       return regenerator.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              onClose();
-              canvas = document.createElement('canvas');
-              ctx = canvas.getContext('2d');
-              imgSource = document.querySelector(".".concat(PREFIX, "-media"));
-              _easyCropRef$current$ = easyCropRef.current.cropPixelsRef.current, cropWidth = _easyCropRef$current$.width, cropHeight = _easyCropRef$current$.height, cropX = _easyCropRef$current$.x, cropY = _easyCropRef$current$.y;
-              if (rotate && easyCropRef.current.rotateVal !== INIT_ROTATE) {
-                imgWidth = imgSource.naturalWidth, imgHeight = imgSource.naturalHeight;
-                angle = easyCropRef.current.rotateVal * (Math.PI / 180); // get container for rotated image
-                sine = Math.abs(Math.sin(angle));
-                cosine = Math.abs(Math.cos(angle));
-                squareWidth = imgWidth * cosine + imgHeight * sine;
-                squareHeight = imgHeight * cosine + imgWidth * sine;
-                canvas.width = squareWidth;
-                canvas.height = squareHeight;
-                ctx.fillStyle = fillColor;
-                ctx.fillRect(0, 0, squareWidth, squareHeight);
-                // rotate container
-                squareHalfWidth = squareWidth / 2;
-                squareHalfHeight = squareHeight / 2;
-                ctx.translate(squareHalfWidth, squareHalfHeight);
-                ctx.rotate(angle);
-                ctx.translate(-squareHalfWidth, -squareHalfHeight);
-                // draw rotated image
-                imgX = (squareWidth - imgWidth) / 2;
-                imgY = (squareHeight - imgHeight) / 2;
-                ctx.drawImage(imgSource, 0, 0, imgWidth, imgHeight, imgX, imgY, imgWidth, imgHeight);
-                // crop rotated image
-                imgData = ctx.getImageData(0, 0, squareWidth, squareHeight);
-                canvas.width = cropWidth;
-                canvas.height = cropHeight;
-                ctx.putImageData(imgData, -cropX, -cropY);
-              } else {
-                canvas.width = cropWidth;
-                canvas.height = cropHeight;
-                ctx.fillStyle = fillColor;
-                ctx.fillRect(0, 0, cropWidth, cropHeight);
-                ctx.drawImage(imgSource, cropX, cropY, cropWidth, cropHeight, 0, 0, cropWidth, cropHeight);
-              }
-              //裁剪之后改变图片大小
-              changeImageSizeAfterCrop = function changeImageSizeAfterCrop(newFile) {
-                return new Promise(function (resolve) {
-                  var name = newFile.name,
-                    type = newFile.type,
-                    uid = newFile.uid;
-                  var width = fixedCropSize.width,
-                    height = fixedCropSize.height; //固定裁剪大小
-                  var changeCanvas = document.createElement('canvas');
-                  var changeCtx = changeCanvas.getContext('2d');
-                  var img = new Image();
-                  img.onload = function () {
-                    changeCanvas.width = width;
-                    changeCanvas.height = height;
-                    changeCtx.drawImage(img, 0, 0, width, height);
-                    changeCanvas.toBlob(function (cBlob) {
-                      var changeFile = Object.assign(new File([cBlob], name, {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            onClose();
+            canvas = document.createElement('canvas');
+            ctx = canvas.getContext('2d');
+            imgSource = document.querySelector(".".concat(PREFIX, "-media"));
+            _easyCropRef$current$ = easyCropRef.current.cropPixelsRef.current, cropWidth = _easyCropRef$current$.width, cropHeight = _easyCropRef$current$.height, cropX = _easyCropRef$current$.x, cropY = _easyCropRef$current$.y;
+            if (rotate && easyCropRef.current.rotateVal !== INIT_ROTATE) {
+              imgWidth = imgSource.naturalWidth, imgHeight = imgSource.naturalHeight;
+              angle = easyCropRef.current.rotateVal * (Math.PI / 180); // get container for rotated image
+              sine = Math.abs(Math.sin(angle));
+              cosine = Math.abs(Math.cos(angle));
+              squareWidth = imgWidth * cosine + imgHeight * sine;
+              squareHeight = imgHeight * cosine + imgWidth * sine;
+              canvas.width = squareWidth;
+              canvas.height = squareHeight;
+              ctx.fillStyle = fillColor;
+              ctx.fillRect(0, 0, squareWidth, squareHeight);
+              // rotate container
+              squareHalfWidth = squareWidth / 2;
+              squareHalfHeight = squareHeight / 2;
+              ctx.translate(squareHalfWidth, squareHalfHeight);
+              ctx.rotate(angle);
+              ctx.translate(-squareHalfWidth, -squareHalfHeight);
+              // draw rotated image
+              imgX = (squareWidth - imgWidth) / 2;
+              imgY = (squareHeight - imgHeight) / 2;
+              ctx.drawImage(imgSource, 0, 0, imgWidth, imgHeight, imgX, imgY, imgWidth, imgHeight);
+              // crop rotated image
+              imgData = ctx.getImageData(0, 0, squareWidth, squareHeight);
+              canvas.width = cropWidth;
+              canvas.height = cropHeight;
+              ctx.putImageData(imgData, -cropX, -cropY);
+            } else {
+              canvas.width = cropWidth;
+              canvas.height = cropHeight;
+              ctx.fillStyle = fillColor;
+              ctx.fillRect(0, 0, cropWidth, cropHeight);
+              ctx.drawImage(imgSource, cropX, cropY, cropWidth, cropHeight, 0, 0, cropWidth, cropHeight);
+            }
+            //裁剪之后改变图片大小
+            changeImageSizeAfterCrop = function changeImageSizeAfterCrop(newFile) {
+              return new Promise(function (resolve) {
+                var name = newFile.name,
+                  type = newFile.type,
+                  uid = newFile.uid;
+                var width = fixedCropSize.width,
+                  height = fixedCropSize.height; //固定裁剪大小
+                var changeCanvas = document.createElement('canvas');
+                var changeCtx = changeCanvas.getContext('2d');
+                var img = new Image();
+                img.onload = function () {
+                  changeCanvas.width = width;
+                  changeCanvas.height = height;
+                  changeCtx.drawImage(img, 0, 0, width, height);
+                  changeCanvas.toBlob(function (cBlob) {
+                    var changeFile = Object.assign(new File([cBlob], name, {
+                      type: type
+                    }), {
+                      uid: uid
+                    });
+                    resolve(changeFile);
+                  }, type, quality);
+                };
+                img.onerror = function () {
+                  resolve(newFile);
+                };
+                var fileReader = new FileReader();
+                fileReader.onload = function () {
+                  img.src = fileReader.result;
+                };
+                fileReader.onerror = function () {
+                  resolve(newFile);
+                };
+                fileReader.readAsDataURL(newFile);
+              });
+            }; // get the new image
+            _fileRef$current = fileRef.current, type = _fileRef$current.type, name = _fileRef$current.name, uid = _fileRef$current.uid;
+            if (/svg/ig.test(type)) {
+              //svg 转为 png
+              type = 'image/png';
+              idx = name.lastIndexOf('.');
+              if (idx > -1) name = name.substring(0, idx) + '.png';
+            }
+            //转为blob
+            onBlob = function onBlob(blob) {
+              return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
+                var _a, _b, _c, _d, _e, _f, newFile, changeFile, res, passedFile;
+                return regenerator.wrap(function _callee2$(_context2) {
+                  while (1) switch (_context2.prev = _context2.next) {
+                    case 0:
+                      newFile = Object.assign(new File([blob], name, {
                         type: type
                       }), {
                         uid: uid
                       });
-                      resolve(changeFile);
-                    }, type, quality);
-                  };
-                  img.onerror = function () {
-                    resolve(newFile);
-                  };
-                  var fileReader = new FileReader();
-                  fileReader.onload = function () {
-                    img.src = fileReader.result;
-                  };
-                  fileReader.onerror = function () {
-                    resolve(newFile);
-                  };
-                  fileReader.readAsDataURL(newFile);
-                });
-              }; // get the new image
-              _fileRef$current = fileRef.current, type = _fileRef$current.type, name = _fileRef$current.name, uid = _fileRef$current.uid;
-              if (/svg/ig.test(type)) {
-                //svg 转为 png
-                type = 'image/png';
-                idx = name.lastIndexOf('.');
-                if (idx > -1) name = name.substring(0, idx) + '.png';
-              }
-              //转为blob
-              onBlob = function onBlob(blob) {
-                return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
-                  var _a, _b, _c, _d, _e, _f, newFile, changeFile, res, passedFile;
-                  return regenerator.wrap(function _callee2$(_context2) {
-                    while (1) {
-                      switch (_context2.prev = _context2.next) {
-                        case 0:
-                          newFile = Object.assign(new File([blob], name, {
-                            type: type
-                          }), {
-                            uid: uid
-                          });
-                          _context2.next = 3;
-                          return changeImageSizeAfterCrop(newFile);
-                        case 3:
-                          changeFile = _context2.sent;
-                          if (!(typeof beforeUploadRef.current !== 'function')) {
-                            _context2.next = 6;
-                            break;
-                          }
-                          return _context2.abrupt("return", (_a = resolveRef.current) === null || _a === void 0 ? void 0 : _a.call(resolveRef, changeFile));
-                        case 6:
-                          res = beforeUploadRef.current(changeFile, [changeFile]);
-                          if (!(typeof res !== 'boolean' && !res)) {
-                            _context2.next = 10;
-                            break;
-                          }
-                          console.error('beforeUpload must return a boolean or Promise');
-                          return _context2.abrupt("return");
-                        case 10:
-                          if (!(res === true)) {
-                            _context2.next = 12;
-                            break;
-                          }
-                          return _context2.abrupt("return", (_b = resolveRef.current) === null || _b === void 0 ? void 0 : _b.call(resolveRef, changeFile));
-                        case 12:
-                          if (!(res === false)) {
-                            _context2.next = 14;
-                            break;
-                          }
-                          return _context2.abrupt("return", (_c = resolveRef.current) === null || _c === void 0 ? void 0 : _c.call(resolveRef, changeFile, false));
-                        case 14:
-                          if (!(res && res instanceof Promise)) {
-                            _context2.next = 27;
-                            break;
-                          }
-                          _context2.prev = 15;
-                          _context2.next = 18;
-                          return res;
-                        case 18:
-                          passedFile = _context2.sent;
-                          if (!(passedFile instanceof File || passedFile instanceof Blob)) {
-                            _context2.next = 21;
-                            break;
-                          }
-                          return _context2.abrupt("return", (_d = resolveRef.current) === null || _d === void 0 ? void 0 : _d.call(resolveRef, passedFile));
-                        case 21:
-                          (_e = resolveRef.current) === null || _e === void 0 ? void 0 : _e.call(resolveRef, changeFile, passedFile);
-                          _context2.next = 27;
-                          break;
-                        case 24:
-                          _context2.prev = 24;
-                          _context2.t0 = _context2["catch"](15);
-                          (_f = rejectRef.current) === null || _f === void 0 ? void 0 : _f.call(rejectRef, _context2.t0);
-                        case 27:
-                        case "end":
-                          return _context2.stop();
+                      _context2.next = 3;
+                      return changeImageSizeAfterCrop(newFile);
+                    case 3:
+                      changeFile = _context2.sent;
+                      if (!(typeof beforeUploadRef.current !== 'function')) {
+                        _context2.next = 6;
+                        break;
                       }
-                    }
-                  }, _callee2, null, [[15, 24]]);
-                }));
-              };
-              canvas.toBlob(onBlob, type, quality);
-            case 11:
-            case "end":
-              return _context3.stop();
-          }
+                      return _context2.abrupt("return", (_a = resolveRef.current) === null || _a === void 0 ? void 0 : _a.call(resolveRef, changeFile));
+                    case 6:
+                      res = beforeUploadRef.current(changeFile, [changeFile]);
+                      if (!(typeof res !== 'boolean' && !res)) {
+                        _context2.next = 10;
+                        break;
+                      }
+                      console.error('beforeUpload must return a boolean or Promise');
+                      return _context2.abrupt("return");
+                    case 10:
+                      if (!(res === true)) {
+                        _context2.next = 12;
+                        break;
+                      }
+                      return _context2.abrupt("return", (_b = resolveRef.current) === null || _b === void 0 ? void 0 : _b.call(resolveRef, changeFile));
+                    case 12:
+                      if (!(res === false)) {
+                        _context2.next = 14;
+                        break;
+                      }
+                      return _context2.abrupt("return", (_c = resolveRef.current) === null || _c === void 0 ? void 0 : _c.call(resolveRef, changeFile, false));
+                    case 14:
+                      if (!(res && res instanceof Promise)) {
+                        _context2.next = 27;
+                        break;
+                      }
+                      _context2.prev = 15;
+                      _context2.next = 18;
+                      return res;
+                    case 18:
+                      passedFile = _context2.sent;
+                      if (!(passedFile instanceof File || passedFile instanceof Blob)) {
+                        _context2.next = 21;
+                        break;
+                      }
+                      return _context2.abrupt("return", (_d = resolveRef.current) === null || _d === void 0 ? void 0 : _d.call(resolveRef, passedFile));
+                    case 21:
+                      (_e = resolveRef.current) === null || _e === void 0 ? void 0 : _e.call(resolveRef, changeFile, passedFile);
+                      _context2.next = 27;
+                      break;
+                    case 24:
+                      _context2.prev = 24;
+                      _context2.t0 = _context2["catch"](15);
+                      (_f = rejectRef.current) === null || _f === void 0 ? void 0 : _f.call(rejectRef, _context2.t0);
+                    case 27:
+                    case "end":
+                      return _context2.stop();
+                  }
+                }, _callee2, null, [[15, 24]]);
+              }));
+            };
+            canvas.toBlob(onBlob, type, quality);
+          case 11:
+          case "end":
+            return _context3.stop();
         }
       }, _callee3);
     }));