assui 2.3.9 → 3.0.1

package/es/img-crop/index.js

@@ -2,25 +2,20 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
       resolve(value);
     });
   }
-
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -29,7 +24,6 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
         reject(e);
       }
     }
-
     function rejected(value) {
       try {
         step(generator["throw"](value));
@@ -37,29 +31,26 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
         reject(e);
       }
     }
-
     function step(result) {
       result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
     }
-
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-
 var __generator = this && this.__generator || function (thisArg, body) {
   var _ = {
-    label: 0,
-    sent: function sent() {
-      if (t[0] & 1) throw t[1];
-      return t[1];
+      label: 0,
+      sent: function sent() {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
     },
-    trys: [],
-    ops: []
-  },
-      f,
-      y,
-      t,
-      g;
+    f,
+    y,
+    t,
+    g;
   return g = {
     next: verb(0),
     "throw": verb(1),
@@ -67,79 +58,60 @@ var __generator = this && this.__generator || function (thisArg, body) {
   }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
     return this;
   }), g;
-
   function verb(n) {
     return function (v) {
       return step([n, v]);
     };
   }
-
   function step(op) {
     if (f) throw new TypeError("Generator is already executing.");
-
     while (_) {
       try {
         if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
         if (y = 0, t) op = [op[0] & 2, t.value];
-
         switch (op[0]) {
           case 0:
           case 1:
             t = op;
             break;
-
           case 4:
             _.label++;
             return {
               value: op[1],
               done: false
             };
-
           case 5:
             _.label++;
             y = op[1];
             op = [0];
             continue;
-
           case 7:
             op = _.ops.pop();
-
             _.trys.pop();
-
             continue;
-
           default:
             if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
               _ = 0;
               continue;
             }
-
             if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
               _.label = op[1];
               break;
             }
-
             if (op[0] === 6 && _.label < t[1]) {
               _.label = t[1];
               t = op;
               break;
             }
-
             if (t && _.label < t[2]) {
               _.label = t[2];
-
               _.ops.push(op);
-
               break;
             }
-
             if (t[2]) _.ops.pop();
-
             _.trys.pop();
-
             continue;
         }
-
         op = body.call(thisArg, _);
       } catch (e) {
         op = [6, e];
@@ -148,7 +120,6 @@ var __generator = this && this.__generator || function (thisArg, body) {
         f = t = 0;
       }
     }
-
     if (op[0] & 5) throw op[1];
     return {
       value: op[0] ? op[1] : void 0,
@@ -156,28 +127,23 @@ var __generator = this && this.__generator || function (thisArg, body) {
     };
   }
 };
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var __read = this && this.__read || function (o, n) {
   var m = typeof Symbol === "function" && o[Symbol.iterator];
   if (!m) return o;
   var i = m.call(o),
-      r,
-      ar = [],
-      e;
-
+    r,
+    ar = [],
+    e;
   try {
     while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
       ar.push(r.value);
@@ -193,60 +159,51 @@ var __read = this && this.__read || function (o, n) {
       if (e) throw e.error;
     }
   }
-
   return ar;
 };
-
 import * as React from 'react';
 import Modal from "antd/es/modal";
 import Slider from "antd/es/slider";
 import getCroppedImg from './getCroppedImg';
 import EasyCrop from './EasyCrop';
 import './style/index.less';
-
 var noop = function noop() {};
-
 var ZOOM_STEP = 0.1;
 var MIN_ROTATE = 0;
 var MAX_ROTATE = 360;
 var ROTATE_STEP = 1;
-
 var ImgCrop = function ImgCrop(props) {
   var aspect = props.aspect,
-      shape = props.shape,
-      grid = props.grid,
-      quality = props.quality,
-      zoom = props.zoom,
-      rotate = props.rotate,
-      minZoom = props.minZoom,
-      maxZoom = props.maxZoom,
-      fillColor = props.fillColor,
-      prefix = props.prefix,
-      modalTitle = props.modalTitle,
-      modalWidth = props.modalWidth,
-      modalOk = props.modalOk,
-      modalCancel = props.modalCancel,
-      beforeCrop = props.beforeCrop,
-      zipImg = props.zipImg,
-      children = props.children,
-      cropperProps = props.cropperProps;
+    shape = props.shape,
+    grid = props.grid,
+    quality = props.quality,
+    zoom = props.zoom,
+    rotate = props.rotate,
+    minZoom = props.minZoom,
+    maxZoom = props.maxZoom,
+    fillColor = props.fillColor,
+    prefix = props.prefix,
+    modalTitle = props.modalTitle,
+    modalWidth = props.modalWidth,
+    modalOk = props.modalOk,
+    modalCancel = props.modalCancel,
+    beforeCrop = props.beforeCrop,
+    zipImg = props.zipImg,
+    children = props.children,
+    cropperProps = props.cropperProps;
   var pkg = "".concat(prefix, "-img-crop");
   var MEDIA_CLASS = "".concat(pkg, "-media");
   var hasZoom = zoom === true;
   var hasRotate = rotate === true;
-
   var _a = __read(React.useState(''), 2),
-      src = _a[0],
-      setSrc = _a[1];
-
+    src = _a[0],
+    setSrc = _a[1];
   var _b = __read(React.useState(1), 2),
-      zoomVal = _b[0],
-      setZoomVal = _b[1];
-
+    zoomVal = _b[0],
+    setZoomVal = _b[1];
   var _c = __read(React.useState(0), 2),
-      rotateVal = _c[0],
-      setRotateVal = _c[1];
-
+    rotateVal = _c[0],
+    setRotateVal = _c[1];
   var beforeUploadRef = React.useRef();
   var fileRef = React.useRef();
   var resolveRef = React.useRef(noop);
@@ -255,15 +212,12 @@ var ImgCrop = function ImgCrop(props) {
   /**
    * Upload
    */
-
   var renderUpload = React.useCallback(function () {
     var upload = Array.isArray(children) ? children[0] : children;
-
     var _a = upload.props,
-        beforeUpload = _a.beforeUpload,
-        accept = _a.accept,
-        restUploadProps = __rest(_a, ["beforeUpload", "accept"]);
-
+      beforeUpload = _a.beforeUpload,
+      accept = _a.accept,
+      restUploadProps = __rest(_a, ["beforeUpload", "accept"]);
     beforeUploadRef.current = beforeUpload;
     return __assign(__assign({}, upload), {
       props: __assign(__assign({}, restUploadProps), {
@@ -274,7 +228,6 @@ var ImgCrop = function ImgCrop(props) {
               reject();
               return;
             }
-
             fileRef.current = file;
             resolveRef.current = resolve;
             rejectRef.current = reject;
@@ -291,14 +244,12 @@ var ImgCrop = function ImgCrop(props) {
   /**
    * EasyCrop
    */
-
   var onComplete = React.useCallback(function (croppedAreaPixels) {
     cropPixelsRef.current = croppedAreaPixels;
   }, []);
   /**
    * Controls
    */
-
   var isMinZoom = zoomVal - ZOOM_STEP < minZoom;
   var isMaxZoom = zoomVal + ZOOM_STEP > maxZoom;
   var isMinRotate = rotateVal === MIN_ROTATE;
@@ -318,7 +269,6 @@ var ImgCrop = function ImgCrop(props) {
   /**
    * Modal
    */
-
   var modalProps = React.useMemo(function () {
     var obj = {
       width: modalWidth,
@@ -335,7 +285,6 @@ var ImgCrop = function ImgCrop(props) {
   var onOk = React.useCallback(function () {
     return __awaiter(void 0, void 0, void 0, function () {
       var naturalImg, naturalWidth, naturalHeight, canvas, ctx, maxLen, halfMax, left, top, maxImgData, _a, width, height, x, y, _b, type, name, uid;
-
       return __generator(this, function (_c) {
         onClose();
         naturalImg = document.querySelector(".".concat(MEDIA_CLASS));
@@ -344,15 +293,14 @@ var ImgCrop = function ImgCrop(props) {
         ctx = canvas.getContext('2d');
         maxLen = Math.sqrt(Math.pow(naturalWidth, 2) + Math.pow(naturalHeight, 2));
         canvas.width = maxLen;
-        canvas.height = maxLen; // rotate the image
-
+        canvas.height = maxLen;
+        // rotate the image
         if (hasRotate && rotateVal > 0 && rotateVal < 360) {
           halfMax = maxLen / 2;
           ctx === null || ctx === void 0 ? void 0 : ctx.translate(halfMax, halfMax);
           ctx === null || ctx === void 0 ? void 0 : ctx.rotate(rotateVal * Math.PI / 180);
           ctx === null || ctx === void 0 ? void 0 : ctx.translate(-halfMax, -halfMax);
         }
-
         ctx.fillStyle = fillColor;
         ctx === null || ctx === void 0 ? void 0 : ctx.fillRect(0, 0, canvas.width, canvas.height);
         left = (maxLen - naturalWidth) / 2;
@@ -373,87 +321,52 @@ var ImgCrop = function ImgCrop(props) {
                   newFile = new File([blob], name, {
                     type: type
                   });
-                  if (!zipImg) return [3
-                  /*break*/
-                  , 2];
+                  if (!zipImg) return [3 /*break*/, 2];
                   url = window.URL || window.webkitURL;
                   imgUrl = url.createObjectURL(newFile);
-                  return [4
-                  /*yield*/
-                  , getCroppedImg(imgUrl, zipImg, name, type)];
-
+                  return [4 /*yield*/, getCroppedImg(imgUrl, zipImg, name, type)];
                 case 1:
                   fileObj = _a.sent().fileObj;
                   newFile = fileObj;
                   _a.label = 2;
-
                 case 2:
                   newFile.uid = uid;
-                  if (typeof beforeUploadRef.current !== 'function') return [2
-                  /*return*/
-                  , resolveRef.current(newFile)];
+                  if (typeof beforeUploadRef.current !== 'function') return [2 /*return*/, resolveRef.current(newFile)];
                   res = beforeUploadRef.current(newFile, [newFile]);
-                  if (!(typeof res !== 'boolean' && !res)) return [3
-                  /*break*/
-                  , 3];
+                  if (!(typeof res !== 'boolean' && !res)) return [3 /*break*/, 3];
                   console.error('beforeUpload must return a boolean or Promise');
-                  return [3
-                  /*break*/
-                  , 7];
-
+                  return [3 /*break*/, 7];
                 case 3:
-                  if (res === true) return [2
-                  /*return*/
-                  , resolveRef.current(newFile)];
-                  if (res === false) return [2
-                  /*return*/
-                  , rejectRef.current('not upload')];
-                  if (!(res && typeof res.then === 'function')) return [3
-                  /*break*/
-                  , 7];
+                  if (res === true) return [2 /*return*/, resolveRef.current(newFile)];
+                  if (res === false) return [2 /*return*/, rejectRef.current('not upload')];
+                  if (!(res && typeof res.then === 'function')) return [3 /*break*/, 7];
                   _a.label = 4;
-
                 case 4:
                   _a.trys.push([4, 6,, 7]);
-
-                  return [4
-                  /*yield*/
-                  , res];
-
+                  return [4 /*yield*/, res];
                 case 5:
                   passedFile = _a.sent();
                   fileType = Object.prototype.toString.call(passedFile);
                   if (fileType === '[object File]' || fileType === '[object Blob]') newFile = passedFile;
                   resolveRef.current(newFile);
-                  return [3
-                  /*break*/
-                  , 7];
-
+                  return [3 /*break*/, 7];
                 case 6:
                   err_1 = _a.sent();
                   rejectRef.current(err_1);
-                  return [3
-                  /*break*/
-                  , 7];
-
+                  return [3 /*break*/, 7];
                 case 7:
-                  return [2
-                  /*return*/
-                  , null];
+                  return [2 /*return*/, null];
               }
             });
           });
         }, type, quality);
-        return [2
-        /*return*/
-        ];
+        return [2 /*return*/];
       });
     });
   }, [hasRotate, onClose, quality, rotateVal]);
-
   var renderComponent = function renderComponent(titleOfModal) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, renderUpload(), src && /*#__PURE__*/React.createElement(Modal, __assign({
-      visible: true,
+      open: true,
       wrapClassName: "".concat(pkg, "-modal"),
       title: titleOfModal,
       onOk: onOk,
@@ -511,10 +424,8 @@ var ImgCrop = function ImgCrop(props) {
       disabled: isMaxRotate
     }, "\u21BB"))));
   };
-
   return renderComponent(modalTitle);
 };
-
 ImgCrop.defaultProps = {
   prefix: 'ant',
   aspect: 1,