assui 3.2.39 → 3.2.40

package/es/single-img-upload/index.js

@@ -1,181 +1,223 @@
-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;
+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);
   };
-  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 {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
+var __awaiter =
+  (this && this.__awaiter) ||
+  function (thisArg, _arguments, P, generator) {
+    function adopt(value) {
+      return value instanceof P
+        ? value
+        : new P(function (resolve) {
+            resolve(value);
+          });
     }
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
+    return new (P || (P = Promise))(function (resolve, reject) {
+      function fulfilled(value) {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          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];
+      function rejected(value) {
+        try {
+          step(generator['throw'](value));
+        } catch (e) {
+          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];
+        },
+        trys: [],
+        ops: [],
       },
-      trys: [],
-      ops: []
-    },
-    f,
-    y,
-    t,
-    g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-  return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), 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 (g && (g = 0, op[0] && (_ = 0)), _) {
-      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];
+      f,
+      y,
+      t,
+      g = Object.create((typeof Iterator === 'function' ? Iterator : Object).prototype);
+    return (
+      (g.next = verb(0)),
+      (g['throw'] = verb(1)),
+      (g['return'] = verb(2)),
+      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 ((g && ((g = 0), op[0] && (_ = 0)), _)) {
+        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;
-            }
-            if (t && _.label < t[2]) {
-              _.label = t[2];
-              _.ops.push(op);
-              break;
-            }
-            if (t[2]) _.ops.pop();
-            _.trys.pop();
-            continue;
+            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];
+          y = 0;
+        } finally {
+          f = t = 0;
         }
-        op = body.call(thisArg, _);
-      } catch (e) {
-        op = [6, e];
-        y = 0;
-      } finally {
-        f = t = 0;
       }
+      if (op[0] & 5) throw op[1];
+      return {
+        value: op[0] ? op[1] : void 0,
+        done: true,
+      };
     }
-    if (op[0] & 5) throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: true
-    };
-  }
-};
-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;
-  try {
-    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
-      ar.push(r.value);
+  };
+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];
     }
-  } catch (error) {
-    e = {
-      error: error
-    };
-  } finally {
+    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;
     try {
-      if (r && !r.done && (m = i["return"])) m.call(i);
+      while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+        ar.push(r.value);
+      }
+    } catch (error) {
+      e = {
+        error: error,
+      };
     } finally {
-      if (e) throw e.error;
-    }
-  }
-  return ar;
-};
-var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-    if (ar || !(i in from)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-      ar[i] = from[i];
+      try {
+        if (r && !r.done && (m = i['return'])) m.call(i);
+      } finally {
+        if (e) throw e.error;
+      }
     }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-};
+    return ar;
+  };
+var __spreadArray =
+  (this && this.__spreadArray) ||
+  function (to, from, pack) {
+    if (pack || arguments.length === 2)
+      for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+          ar[i] = from[i];
+        }
+      }
+    return to.concat(ar || Array.prototype.slice.call(from));
+  };
 /* eslint-disable @typescript-eslint/no-unused-expressions */
-import * as React from 'react';
-import Upload from 'rc-upload';
-import Progress from "antd/es/progress";
-import Image from "antd/es/image";
-import Spin from "antd/es/spin";
+import CloseOutlined from 'a-icons/es/CloseOutlined';
+import Image from 'antd/es/image';
+import Progress from 'antd/es/progress';
+import Spin from 'antd/es/spin';
 import classNames from 'classnames';
-import CloseOutlined from "a-icons/es/CloseOutlined";
-import isObject from 'lodash/isObject';
 import isFunction from 'lodash/isFunction';
+import isObject from 'lodash/isObject';
+import Upload from 'rc-upload';
+import * as React from 'react';
 var getLocalImgURL = function getLocalImgURL(file) {
   var URL = window.URL || window.webkitURL;
   var imgURL = URL.createObjectURL(file);
@@ -198,7 +240,20 @@ var SingleImgUpload = function SingleImgUpload(props) {
     beforeUpload = _a === void 0 ? initBeforeUpload : _a,
     onError = props.onError,
     disabled = props.disabled,
-    restProps = __rest(props, ["className", "wrapperClassName", "children", "value", "onStart", "onDeleteUpload", "onFormatResData", "onSuccess", "onCancel", "beforeUpload", "onError", "disabled"]);
+    restProps = __rest(props, [
+      'className',
+      'wrapperClassName',
+      'children',
+      'value',
+      'onStart',
+      'onDeleteUpload',
+      'onFormatResData',
+      'onSuccess',
+      'onCancel',
+      'beforeUpload',
+      'onError',
+      'disabled',
+    ]);
   var uploadInstanceRef = React.useRef();
   var fileRef = React.useRef();
   var _b = __read(React.useState(value ? 'done' : 'init'), 2),
@@ -213,26 +268,29 @@ var SingleImgUpload = function SingleImgUpload(props) {
   var _e = __read(React.useState(false), 2),
     imageLoading = _e[0],
     setImageLoading = _e[1];
-  React.useEffect(function () {
-    setFileUrl(value);
-    if (value) {
-      setImageLoading(true);
-      setUploadStatus('done');
-      // eslint-disable-next-line global-require
-      var heic2Jpeg = require('aa-utils/lib/heic2Jpeg')["default"];
-      if (isFunction(heic2Jpeg)) {
-        heic2Jpeg(value).then(function (resultUrl) {
-          setFileUrl(resultUrl);
+  React.useEffect(
+    function () {
+      setFileUrl(value);
+      if (value) {
+        setImageLoading(true);
+        setUploadStatus('done');
+        // eslint-disable-next-line global-require
+        var heic2Jpeg = require('aa-utils/lib/heic2Jpeg')['default'];
+        if (isFunction(heic2Jpeg)) {
+          heic2Jpeg(value).then(function (resultUrl) {
+            setFileUrl(resultUrl);
+            setImageLoading(false);
+          });
+        } else {
+          setFileUrl(value);
           setImageLoading(false);
-        });
+        }
       } else {
-        setFileUrl(value);
-        setImageLoading(false);
+        setUploadStatus('init');
       }
-    } else {
-      setUploadStatus('init');
-    }
-  }, [value]);
+    },
+    [value],
+  );
   var onBeforeUpload = function onBeforeUpload() {
     var rest = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -245,7 +303,10 @@ var SingleImgUpload = function SingleImgUpload(props) {
           case 0:
             setFileUrl('');
             if (!beforeUpload) return [3 /*break*/, 2];
-            return [4 /*yield*/, beforeUpload.apply(void 0, __spreadArray([], __read(rest), false))];
+            return [
+              4 /*yield*/,
+              beforeUpload.apply(void 0, __spreadArray([], __read(rest), false)),
+            ];
           case 1:
             resultBefore = _a.sent();
             if (isObject(resultBefore)) {
@@ -269,7 +330,7 @@ var SingleImgUpload = function SingleImgUpload(props) {
   };
   var handleProgress = function handleProgress(e) {
     var percent = e.percent;
-    setUploadPercent(parseInt("".concat(percent), 10));
+    setUploadPercent(parseInt(''.concat(percent), 10));
   };
   var handleError = function handleError(error, ret, file) {
     setUploadStatus('init');
@@ -281,7 +342,7 @@ var SingleImgUpload = function SingleImgUpload(props) {
     setUploadStatus('done');
   };
   var uploadCls = classNames(className, {
-    'not-upload-init': uploadStatus !== 'init'
+    'not-upload-init': uploadStatus !== 'init',
   });
   var handleDeleteUpload = function handleDeleteUpload() {
     setUploadStatus('init');
@@ -290,57 +351,104 @@ var SingleImgUpload = function SingleImgUpload(props) {
   var cancelUpload = function cancelUpload() {
     var _a;
     if (fileRef.current) {
-      (_a = uploadInstanceRef.current) === null || _a === void 0 ? void 0 : _a.abort(fileRef.current);
+      (_a = uploadInstanceRef.current) === null || _a === void 0
+        ? void 0
+        : _a.abort(fileRef.current);
     }
     setUploadStatus('init');
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
   };
   var cls = classNames('as-img-upload', wrapperClassName);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cls
-  }, uploadStatus === 'uploading' && /*#__PURE__*/React.createElement("div", {
-    className: "as-img-upload-content"
-  }, /*#__PURE__*/React.createElement(Image, {
-    wrapperClassName: "as-img-upload-preview",
-    src: fileUrl,
-    preview: true
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "dark"
-  }), /*#__PURE__*/React.createElement(Progress, {
-    className: "as-img-upload-upload-progress",
-    percent: uploadPercent,
-    size: "small",
-    status: "active"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "as-img-upload-close-button",
-    onClick: cancelUpload
-  }, /*#__PURE__*/React.createElement(CloseOutlined, null))), uploadStatus === 'done' && /*#__PURE__*/React.createElement(Spin, {
-    spinning: imageLoading
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "as-img-upload-content"
-  }, /*#__PURE__*/React.createElement(Image, {
-    wrapperClassName: "as-img-upload-preview",
-    src: fileUrl,
-    preview: true
-  }), !disabled && /*#__PURE__*/React.createElement("div", {
-    className: "as-img-upload-close-button",
-    onClick: handleDeleteUpload
-  }, /*#__PURE__*/React.createElement(CloseOutlined, null)))), /*#__PURE__*/React.createElement(Upload, __assign({
-    ref: function ref(uploader) {
-      uploadInstanceRef.current = uploader;
+  return /*#__PURE__*/ React.createElement(
+    'div',
+    {
+      className: cls,
     },
-    name: "file",
-    className: uploadCls,
-    onStart: handleStart,
-    onProgress: handleProgress,
-    onError: handleError,
-    onSuccess: handleSuccess,
-    disabled: disabled,
-    beforeUpload: onBeforeUpload
-  }, restProps), uploadStatus === 'init' && /*#__PURE__*/React.createElement("div", {
-    className: classNames('as-img-upload-button', {
-      'init-disable': disabled
-    })
-  }, children)));
+    uploadStatus === 'uploading' &&
+      /*#__PURE__*/ React.createElement(
+        'div',
+        {
+          className: 'as-img-upload-content',
+        },
+        /*#__PURE__*/ React.createElement(Image, {
+          wrapperClassName: 'as-img-upload-preview',
+          src: fileUrl,
+          preview: true,
+        }),
+        /*#__PURE__*/ React.createElement('div', {
+          className: 'dark',
+        }),
+        /*#__PURE__*/ React.createElement(Progress, {
+          className: 'as-img-upload-upload-progress',
+          percent: uploadPercent,
+          size: 'small',
+          status: 'active',
+        }),
+        /*#__PURE__*/ React.createElement(
+          'div',
+          {
+            className: 'as-img-upload-close-button',
+            onClick: cancelUpload,
+          },
+          /*#__PURE__*/ React.createElement(CloseOutlined, null),
+        ),
+      ),
+    uploadStatus === 'done' &&
+      /*#__PURE__*/ React.createElement(
+        Spin,
+        {
+          spinning: imageLoading,
+        },
+        /*#__PURE__*/ React.createElement(
+          'div',
+          {
+            className: 'as-img-upload-content',
+          },
+          /*#__PURE__*/ React.createElement(Image, {
+            wrapperClassName: 'as-img-upload-preview',
+            src: fileUrl,
+            preview: true,
+          }),
+          !disabled &&
+            /*#__PURE__*/ React.createElement(
+              'div',
+              {
+                className: 'as-img-upload-close-button',
+                onClick: handleDeleteUpload,
+              },
+              /*#__PURE__*/ React.createElement(CloseOutlined, null),
+            ),
+        ),
+      ),
+    /*#__PURE__*/ React.createElement(
+      Upload,
+      __assign(
+        {
+          ref: function ref(uploader) {
+            uploadInstanceRef.current = uploader;
+          },
+          name: 'file',
+          className: uploadCls,
+          onStart: handleStart,
+          onProgress: handleProgress,
+          onError: handleError,
+          onSuccess: handleSuccess,
+          disabled: disabled,
+          beforeUpload: onBeforeUpload,
+        },
+        restProps,
+      ),
+      uploadStatus === 'init' &&
+        /*#__PURE__*/ React.createElement(
+          'div',
+          {
+            className: classNames('as-img-upload-button', {
+              'init-disable': disabled,
+            }),
+          },
+          children,
+        ),
+    ),
+  );
 };
-export default SingleImgUpload;
+export default SingleImgUpload;