iglooform 2.5.51 → 3.0.0-alpha

package/es/upload-photo/index.js

@@ -1,146 +1,108 @@
-import "antd/es/badge/style";
-import _Badge from "antd/es/badge";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import "antd/es/col/style";
-import _Col from "antd/es/col";
-import "antd/es/row/style";
-import _Row from "antd/es/row";
-import "antd/es/grid/style";
-import _Grid from "antd/es/grid";
-
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 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(_e2) { throw _e2; }, 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(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useMemo, useContext, useRef } from 'react';
-import { LocaleContext } from '../locale';
-import Modal from '../modal';
-import './style/index.less';
-import IglooTypography from '../typography';
+import { LocaleContext } from "../locale";
+import { Row, Col, Badge, Space, Grid } from 'antd';
+import Modal from "../modal";
+import "./style/index.less";
+import IglooTypography from "../typography";
 import invariant from 'invariant';
 import classnames from 'classnames';
-import UploadPreview from '../upload-preview';
-import { isMobileAgent } from '../utils/agent-detect';
+import UploadPreview from "../upload-preview";
+import { isMobileAgent } from "../utils/agent-detect";
 import { UploadOutlined, LoadingOutlined, ErrorFilled, ShowOutlined, RefreshOutlined } from 'iglooicon';
-import Preview from '../upload-preview/media';
-import { classifyType } from '../utils/tools';
-import MediaItem from './media';
-import FormContext from '../form-context';
-var useBreakpoint = _Grid.useBreakpoint;
+import Preview from "../upload-preview/media";
+import { classifyType } from "../utils/tools";
+import MediaItem from "./media";
+import FormContext from "../form-context";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var useBreakpoint = Grid.useBreakpoint;
 var prefix = 'igloo-upload-photo';
-
 function ClassifyType(type) {
   if (type.includes('image')) {
     return 'image';
   }
-
   if (type.includes('video')) {
     return 'video';
   }
-
   if (type.includes('pdf')) {
     return 'pdf';
   }
-
   return 'unknown';
 }
-
 var getFileType = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(src) {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(src) {
     var r, contentType;
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            _context.next = 3;
-            return fetch(src, {
-              cache: 'force-cache'
-            });
-
-          case 3:
-            r = _context.sent;
-            contentType = r.headers.get('content-type');
-            return _context.abrupt("return", ClassifyType(contentType));
-
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](0);
-            return _context.abrupt("return", 'unknown');
-
-          case 11:
-          case "end":
-            return _context.stop();
-        }
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 3;
+          return fetch(src, {
+            cache: 'force-cache'
+          });
+        case 3:
+          r = _context.sent;
+          contentType = r.headers.get('content-type');
+          return _context.abrupt("return", ClassifyType(contentType));
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](0);
+          return _context.abrupt("return", 'unknown');
+        case 11:
+        case "end":
+          return _context.stop();
       }
     }, _callee, null, [[0, 8]]);
   }));
-
   return function getFileType(_x) {
     return _ref.apply(this, arguments);
   };
 }();
-
 var UploadPhoto = function UploadPhoto(props) {
   var _classnames3, _classnames4;
-
   var limitNumError = useRef();
   var DomRef = useRef();
   var dataUrlRef = useRef([]);
-
   var _useContext = useContext(FormContext),
-      uploadApi = _useContext.uploadApi;
-
+    uploadApi = _useContext.uploadApi;
   invariant(typeof props.handleUpload === 'function' || uploadApi, '"handleUpload" should be a function. Or uploadApi should be set at Form/FreeForm');
   invariant(!uploadApi || props.bizKey, '"bizKey" should be set if Upload is used with uploadApi');
   var value = props.value,
-      limit = props.limit,
-      limitErrorMessage = props.limitErrorMessage,
-      descriptions = props.descriptions,
-      buttonText = props.buttonText,
-      _props$samples = props.samples,
-      samples = _props$samples === void 0 ? [] : _props$samples,
-      onChange = props.onChange,
-      bizKey = props.bizKey,
-      _props$handleUpload = props.handleUpload,
-      handleUpload = _props$handleUpload === void 0 ? /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(file) {
-      var formData, response, rst;
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
+    limit = props.limit,
+    limitErrorMessage = props.limitErrorMessage,
+    descriptions = props.descriptions,
+    buttonText = props.buttonText,
+    _props$samples = props.samples,
+    samples = _props$samples === void 0 ? [] : _props$samples,
+    onChange = props.onChange,
+    bizKey = props.bizKey,
+    _props$handleUpload = props.handleUpload,
+    handleUpload = _props$handleUpload === void 0 ? /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(file) {
+        var formData, response, rst;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               formData = new FormData();
               formData.append('file', file);
@@ -150,88 +112,71 @@ var UploadPhoto = function UploadPhoto(props) {
                 method: 'post',
                 body: formData
               });
-
             case 5:
               response = _context2.sent;
               _context2.next = 8;
               return response.json();
-
             case 8:
               rst = _context2.sent;
               return _context2.abrupt("return", rst.url);
-
             case 10:
             case "end":
               return _context2.stop();
           }
-        }
-      }, _callee2);
-    }));
-
-    return function (_x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }() : _props$handleUpload,
-      setFieldError = props.setFieldError,
-      className = props.className,
-      id = props.id,
-      validateField = props.validateField,
-      _props$capture = props.capture,
-      capture = _props$capture === void 0 ? false : _props$capture;
-
+        }, _callee2);
+      }));
+      return function (_x2) {
+        return _ref2.apply(this, arguments);
+      };
+    }() : _props$handleUpload,
+    setFieldError = props.setFieldError,
+    className = props.className,
+    id = props.id,
+    validateField = props.validateField,
+    _props$capture = props.capture,
+    capture = _props$capture === void 0 ? false : _props$capture;
   var _useContext2 = useContext(LocaleContext),
-      formatMessage = _useContext2.formatMessage;
-
+    formatMessage = _useContext2.formatMessage;
   var _useState = useState(isMobileAgent()),
-      _useState2 = _slicedToArray(_useState, 1),
-      isMobile = _useState2[0];
-
+    _useState2 = _slicedToArray(_useState, 1),
+    isMobile = _useState2[0];
   var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      files = _useState4[0],
-      setFiles = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    files = _useState4[0],
+    setFiles = _useState4[1];
   var _useState5 = useState([]),
-      _useState6 = _slicedToArray(_useState5, 2),
-      masks = _useState6[0],
-      setMasks = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    masks = _useState6[0],
+    setMasks = _useState6[1];
   var _useBreakpoint = useBreakpoint(),
-      md = _useBreakpoint.md;
-
+    md = _useBreakpoint.md;
   var mapFilesFromValue = function mapFilesFromValue(urls) {
     var _files = [];
     Promise.all(urls.map( /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(url, index) {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(url, index) {
         var type;
-        return regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                _context3.next = 2;
-                return getFileType(url);
-
-              case 2:
-                type = _context3.sent;
-
-                _files.push({
-                  url: url,
-                  dataUrl: url,
-                  status: 'success',
-                  type: type,
-                  name: "File".concat(index + 1),
-                  size: 0,
-                  uid: index
-                });
-
-              case 4:
-              case "end":
-                return _context3.stop();
-            }
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return getFileType(url);
+            case 2:
+              type = _context3.sent;
+              _files.push({
+                url: url,
+                dataUrl: url,
+                status: 'success',
+                type: type,
+                name: "File".concat(index + 1),
+                size: 0,
+                uid: index
+              });
+            case 4:
+            case "end":
+              return _context3.stop();
           }
         }, _callee3);
       }));
-
       return function (_x3, _x4) {
         return _ref3.apply(this, arguments);
       };
@@ -240,15 +185,38 @@ var UploadPhoto = function UploadPhoto(props) {
     });
   };
 
+  // 有初始值的处理 (不是初始化)
   useEffect(function () {
     if (Array.isArray(value) && value.length && files.length === 0) {
       mapFilesFromValue(value);
     }
   }, [value]);
+  useEffect(function () {
+    if (!value && !files.length) return;
+    if (files.length) {
+      var urls = files.map(function (f) {
+        var status = f.status,
+          name = f.name,
+          errorMsg = f.errorMsg;
+        if (status === 'failed') {
+          return {
+            name: name,
+            errorMsg: errorMsg
+          };
+        }
+        if (f.url || f.dataUrl) {
+          return f.url || f.dataUrl;
+        }
+      });
+      onChange && onChange(urls);
+    } else {
+      onChange && onChange([]);
+    }
+  }, [files]);
   var uploadId = useMemo(function () {
     return "igloo-upload-photo-input-".concat(Math.random());
   }, []);
-  var uploadIndex = useRef((value === null || value === void 0 ? void 0 : value.length) ? value.length : 0);
+  var uploadIndex = useRef(value !== null && value !== void 0 && value.length ? value.length : 0);
   useEffect(function () {
     return function () {
       dataUrlRef.current.forEach(function (dataUrl) {
@@ -260,16 +228,13 @@ var UploadPhoto = function UploadPhoto(props) {
     var removeLimitMsg = function removeLimitMsg(e) {
       if (DomRef.current && !DomRef.current.contains(e.target) && limitNumError.current) {
         limitNumError.current = undefined;
-
         if (files && files.length) {
           validateField && validateField();
           return;
         }
-
         typeof setFieldError === 'function' && setFieldError('');
       }
     };
-
     window.addEventListener('click', removeLimitMsg);
     return function () {
       window.removeEventListener('click', removeLimitMsg);
@@ -281,37 +246,31 @@ var UploadPhoto = function UploadPhoto(props) {
       return;
     }
   });
-
   var _useMemo = useMemo(function () {
-    if (!md) {
+      if (!md) {
+        return {
+          sampleSpan: 12,
+          descriptionSpan: (2 - samples.length % 2) * 12
+        };
+      }
+      var lastRow = samples.length % 4;
       return {
-        sampleSpan: 12,
-        descriptionSpan: (2 - samples.length % 2) * 12
+        sampleSpan: 6,
+        descriptionSpan: lastRow > 2 ? 24 : (4 - lastRow) * 6
       };
-    }
-
-    var lastRow = samples.length % 4;
-    return {
-      sampleSpan: 6,
-      descriptionSpan: lastRow > 2 ? 24 : (4 - lastRow) * 6
-    };
-  }, [!md]),
-      sampleSpan = _useMemo.sampleSpan,
-      descriptionSpan = _useMemo.descriptionSpan;
-
+    }, [!md]),
+    sampleSpan = _useMemo.sampleSpan,
+    descriptionSpan = _useMemo.descriptionSpan;
   invariant(limit === undefined || limit > 0, "\"limit\" should be a pasitive number.");
-
   var onUpload = function onUpload(e) {
     if (!e.target.files || !e.target.files.length) return;
     var index = 1;
-
     var _iterator = _createForOfIteratorHelper(e.target.files),
-        _step;
-
+      _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var file = _step.value;
-        uploadFile(file, files.length + index++);
+        var _file = _step.value;
+        uploadFile(_file, files.length + index++);
       }
     } catch (err) {
       _iterator.e(err);
@@ -319,362 +278,214 @@ var UploadPhoto = function UploadPhoto(props) {
       _iterator.f();
     }
   };
-
   var uploadFile = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(file, currentIndex) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(file, currentIndex) {
       var uid, dataUrl, name, size, mimeType, type, errorMsg, _errorMsg;
-
-      return regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              uid = ++uploadIndex.current;
-              dataUrl = URL.createObjectURL(file);
-              dataUrlRef.current.push(dataUrl);
-              name = file.name, size = file.size, mimeType = file.type;
-              type = classifyType(mimeType);
-
-              if (!(type === 'unknown')) {
-                _context4.next = 10;
-                break;
-              }
-
-              errorMsg = formatMessage({
-                id: 'The file type is not supported.'
-              });
-              limitNumError.current = errorMsg;
-              setFieldError && setFieldError(errorMsg);
-              return _context4.abrupt("return", Promise.reject(errorMsg));
-
-            case 10:
-              if (!(limit && currentIndex > limit)) {
-                _context4.next = 15;
-                break;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            uid = ++uploadIndex.current;
+            dataUrl = URL.createObjectURL(file);
+            dataUrlRef.current.push(dataUrl);
+            name = file.name, size = file.size, mimeType = file.type;
+            type = classifyType(mimeType);
+            if (!(type === 'unknown')) {
+              _context4.next = 10;
+              break;
+            }
+            errorMsg = formatMessage({
+              id: 'The file type is not supported.'
+            });
+            limitNumError.current = errorMsg;
+            setFieldError && setFieldError(errorMsg);
+            return _context4.abrupt("return", Promise.reject(errorMsg));
+          case 10:
+            if (!(limit && currentIndex > limit)) {
+              _context4.next = 15;
+              break;
+            }
+            _errorMsg = (typeof limitErrorMessage === 'function' ? limitErrorMessage(value) : limitErrorMessage) || formatMessage({
+              id: 'Quantity of files should be less than {limit}',
+              values: {
+                limit: limit
               }
-
-              _errorMsg = (typeof limitErrorMessage === 'function' ? limitErrorMessage(value) : limitErrorMessage) || formatMessage({
-                id: 'Quantity of files should be less than {limit}',
-                values: {
-                  limit: limit
-                }
-              });
-              limitNumError.current = _errorMsg;
-              setFieldError && setFieldError(_errorMsg);
-              return _context4.abrupt("return", Promise.reject(_errorMsg));
-
-            case 15:
-              limitNumError.current = undefined;
-              setFiles(function (files) {
-                return [].concat(_toConsumableArray(files), [{
-                  name: name,
-                  type: type,
-                  size: size,
-                  dataUrl: dataUrl,
-                  status: 'progress',
-                  originFile: file,
-                  uid: uid
-                }]);
-              });
-              return _context4.abrupt("return", handleUploadPromise(file, function (url) {
-                var urls = [];
-                setFiles(function (files) {
-                  return files.map(function (f) {
-                    if (f.uid === uid) {
-                      urls.push(url);
-                      return _objectSpread(_objectSpread({}, f), {}, {
-                        url: url,
-                        status: 'success'
-                      });
-                    }
-
-                    var status = f.status,
-                        name = f.name,
-                        errorMsg = f.errorMsg;
-
-                    if (status === 'failed') {
-                      urls.push({
-                        name: name,
-                        errorMsg: errorMsg
-                      });
-                    } else {
-                      f.url && urls.push(f.url);
-                    }
-
-                    return f;
-                  });
-                });
-                onChange && onChange(urls);
-              }, function (errorMsg) {
-                var fileList = [];
-                setFiles(function (files) {
-                  var newList = files.map(function (f) {
-                    if (f.uid === uid) {
-                      return _objectSpread(_objectSpread({}, f), {}, {
-                        status: 'failed',
-                        errorMsg: errorMsg
-                      });
-                    }
-
-                    return f;
-                  });
-                  fileList = newList;
-                  return newList;
+            });
+            limitNumError.current = _errorMsg;
+            setFieldError && setFieldError(_errorMsg);
+            return _context4.abrupt("return", Promise.reject(_errorMsg));
+          case 15:
+            limitNumError.current = undefined;
+            setFiles(function (files) {
+              return [].concat(_toConsumableArray(files), [{
+                name: name,
+                type: type,
+                size: size,
+                dataUrl: dataUrl,
+                status: 'progress',
+                originFile: file,
+                uid: uid
+              }]);
+            });
+            return _context4.abrupt("return", handleUploadPromise(file, function (url) {
+              return setFiles(function (files) {
+                return files.map(function (f) {
+                  if (f.uid === uid) {
+                    return _objectSpread(_objectSpread({}, f), {}, {
+                      url: url,
+                      status: 'success'
+                    });
+                  }
+                  return f;
                 });
-                var fileListWithError = fileList.map(function (f) {
+              });
+            }, function (errorMsg) {
+              return setFiles(function (files) {
+                return files.map(function (f) {
                   if (f.uid === uid) {
-                    return {
-                      name: f.name,
+                    return _objectSpread(_objectSpread({}, f), {}, {
                       status: 'failed',
                       errorMsg: errorMsg
-                    };
+                    });
                   }
-
-                  return f.url;
-                }); // 需要触发onchange 在form级别报错
-
-                // 需要触发onchange 在form级别报错
-                typeof onChange === 'function' && onChange(fileListWithError);
-              }));
-
-            case 18:
-            case "end":
-              return _context4.stop();
-          }
+                  return f;
+                });
+              });
+            }));
+          case 18:
+          case "end":
+            return _context4.stop();
         }
       }, _callee4);
     }));
-
     return function uploadFile(_x5, _x6) {
       return _ref4.apply(this, arguments);
     };
   }();
-
   var handleUploadPromise = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(file, onSuccess, onFailed) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(file, onSuccess, onFailed) {
       var rst, errorMsg;
-      return regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) {
-          switch (_context5.prev = _context5.next) {
-            case 0:
-              _context5.prev = 0;
-              _context5.next = 3;
-              return handleUpload(file);
-
-            case 3:
-              rst = _context5.sent;
-              onSuccess(rst);
-              return _context5.abrupt("return", Promise.resolve(rst));
-
-            case 8:
-              _context5.prev = 8;
-              _context5.t0 = _context5["catch"](0);
-              errorMsg = _typeof(_context5.t0) === 'object' ? _context5.t0.message : _context5.t0;
-              onFailed(errorMsg);
-              return _context5.abrupt("return", Promise.reject(errorMsg));
-
-            case 13:
-            case "end":
-              return _context5.stop();
-          }
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _context5.prev = 0;
+            _context5.next = 3;
+            return handleUpload(file);
+          case 3:
+            rst = _context5.sent;
+            onSuccess(rst);
+            return _context5.abrupt("return", Promise.resolve(rst));
+          case 8:
+            _context5.prev = 8;
+            _context5.t0 = _context5["catch"](0);
+            errorMsg = _typeof(_context5.t0) === 'object' ? _context5.t0.message : _context5.t0;
+            onFailed(errorMsg);
+            return _context5.abrupt("return", Promise.reject(errorMsg));
+          case 13:
+          case "end":
+            return _context5.stop();
         }
       }, _callee5, null, [[0, 8]]);
     }));
-
     return function handleUploadPromise(_x7, _x8, _x9) {
       return _ref5.apply(this, arguments);
     };
   }();
-
   var handleDelete = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6(index) {
-      var arr, hasError, rst;
-      return regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) {
-          switch (_context6.prev = _context6.next) {
-            case 0:
-              limitNumError.current = null;
-              arr = files;
-              _context6.next = 4;
-              return setFiles(function (files) {
-                var newArr = files.filter(function (_, i) {
-                  return i !== index;
-                });
-                arr = newArr;
-                return newArr;
-              });
-
-            case 4:
-              _context6.next = 6;
-              return setMasks(function (masks) {
-                return masks.filter(function (_, i) {
-                  return i !== index;
-                });
-              });
-
-            case 6:
-              // 删除之后找一下是否存在上传过程中错误的文件
-              hasError = arr.some(function (f) {
-                return (f === null || f === void 0 ? void 0 : f.status) === 'failed';
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(index) {
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            limitNumError.current = null;
+            _context6.next = 3;
+            return setFiles(function (files) {
+              var newArr = files.filter(function (_, i) {
+                return i !== index;
               });
-
-              if (!hasError) {
-                _context6.next = 10;
-                break;
-              }
-
-              rst = arr.map(function (f) {
-                if ((f === null || f === void 0 ? void 0 : f.status) === 'failed') {
-                  return {
-                    errorMsg: f.errorMsg
-                  };
-                }
-
-                return f.url;
+              return newArr;
+            });
+          case 3:
+            _context6.next = 5;
+            return setMasks(function (masks) {
+              return masks.filter(function (_, i) {
+                return i !== index;
               });
-              return _context6.abrupt("return", typeof onChange === 'function' && onChange(rst));
-
-            case 10:
-              typeof onChange === 'function' && onChange(arr.map(function (_ref7) {
-                var url = _ref7.url;
-                return url;
-              }));
-
-            case 11:
-            case "end":
-              return _context6.stop();
-          }
+            });
+          case 5:
+          case "end":
+            return _context6.stop();
         }
       }, _callee6);
     }));
-
     return function handleDelete(_x10) {
       return _ref6.apply(this, arguments);
     };
   }();
-
   var handleReUpload = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7(index) {
-      var _files$index, originFile, reUpUid, rst, latestFiles, fileListWithError, newList, _rst;
-
-      return regeneratorRuntime.wrap(function _callee7$(_context7) {
-        while (1) {
-          switch (_context7.prev = _context7.next) {
-            case 0:
-              _files$index = files[index], originFile = _files$index.originFile, reUpUid = _files$index.uid;
-
-              if (originFile) {
-                _context7.next = 3;
-                break;
-              }
-
-              return _context7.abrupt("return");
-
-            case 3:
-              _context7.next = 5;
-              return setFiles(function (files) {
-                var newFiles = _toConsumableArray(files);
-
-                newFiles[index].status = 'progress';
-                return newFiles;
-              });
-
-            case 5:
-              _context7.prev = 5;
-              _context7.next = 8;
-              return handleUpload(originFile);
-
-            case 8:
-              rst = _context7.sent;
-              latestFiles = [];
-              _context7.next = 12;
-              return setFiles(function (files) {
-                var newFiles = _toConsumableArray(files);
-
-                newFiles[index].url = rst;
-                newFiles[index].status = 'success';
-                latestFiles = newFiles;
-                return newFiles;
-              });
-
-            case 12:
-              // 查找出现在file 列表中地错误信息
-              fileListWithError = latestFiles.map(function (f) {
-                var status = f.status,
-                    errorMsg = f.errorMsg,
-                    url = f.url,
-                    name = f.name;
-
-                if (status === 'failed') {
-                  return {
-                    errorMsg: errorMsg,
-                    name: name
-                  };
-                }
-
-                return url;
-              });
-              onChange && onChange(fileListWithError);
-              _context7.next = 23;
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(index) {
+      var _files$index, originFile, reUpUid, rst;
+      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            _files$index = files[index], originFile = _files$index.originFile, reUpUid = _files$index.uid;
+            if (originFile) {
+              _context7.next = 3;
               break;
-
-            case 16:
-              _context7.prev = 16;
-              _context7.t0 = _context7["catch"](5);
-              newList = [];
-              _context7.next = 21;
-              return setFiles(function (files) {
-                var newFiles = _toConsumableArray(files);
-
-                newFiles[index].status = 'failed';
-                newFiles[index].errorMsg = _context7.t0;
-                newList = newFiles;
-                return newFiles;
-              });
-
-            case 21:
-              // 报错之后要重制报错信息
-              _rst = newList.map(function (f) {
-                var name = f.name,
-                    errorMsg = f.errorMsg,
-                    url = f.url,
-                    uid = f.uid;
-
-                if (uid === reUpUid) {
-                  return {
-                    name: name,
-                    errorMsg: errorMsg
-                  };
-                }
-
-                return url;
-              });
-              typeof onChange === 'function' && onChange(_rst);
-
-            case 23:
-              if (isMobile) {
-                closeMask(index);
-              }
-
-            case 24:
-            case "end":
-              return _context7.stop();
-          }
+            }
+            return _context7.abrupt("return");
+          case 3:
+            _context7.next = 5;
+            return setFiles(function (files) {
+              var newFiles = _toConsumableArray(files);
+              newFiles[index].status = 'progress';
+              return newFiles;
+            });
+          case 5:
+            _context7.prev = 5;
+            _context7.next = 8;
+            return handleUpload(originFile);
+          case 8:
+            rst = _context7.sent;
+            _context7.next = 11;
+            return setFiles(function (files) {
+              var newFiles = _toConsumableArray(files);
+              newFiles[index].url = rst;
+              newFiles[index].status = 'success';
+              return newFiles;
+            });
+          case 11:
+            _context7.next = 17;
+            break;
+          case 13:
+            _context7.prev = 13;
+            _context7.t0 = _context7["catch"](5);
+            _context7.next = 17;
+            return setFiles(function (files) {
+              var newFiles = _toConsumableArray(files);
+              newFiles[index].status = 'failed';
+              newFiles[index].errorMsg = _context7.t0;
+              return newFiles;
+            });
+          case 17:
+            if (isMobile) {
+              closeMask(index);
+            }
+          case 18:
+          case "end":
+            return _context7.stop();
         }
-      }, _callee7, null, [[5, 16]]);
+      }, _callee7, null, [[5, 13]]);
     }));
-
     return function handleReUpload(_x11) {
-      return _ref8.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
-
   var handlePreview = function handlePreview(index) {
     var _files$index2 = files[index],
-        dataUrl = _files$index2.dataUrl,
-        name = _files$index2.name,
-        type = _files$index2.type;
+      dataUrl = _files$index2.dataUrl,
+      name = _files$index2.name,
+      type = _files$index2.type;
     Modal.noFooter({
-      content: _jsx(Preview, {
+      content: /*#__PURE__*/_jsx(Preview, {
         src: dataUrl,
         type: classifyType(type)
       }),
@@ -683,27 +494,22 @@ var UploadPhoto = function UploadPhoto(props) {
       maskClosable: true,
       closable: true
     });
-
     if (isMobile) {
       closeMask(index);
     }
   };
-
   var handleMouseEnter = function handleMouseEnter(index) {
     if (isMobile) return;
     openMask(index);
   };
-
   var handleMouseLeave = function handleMouseLeave(index) {
     if (isMobile) return;
     closeMask(index);
   };
-
   var handleTouchEnd = function handleTouchEnd(index) {
     if (!isMobile) return;
     openMask(index);
   };
-
   var closeMask = function closeMask(index) {
     setMasks(function (masks) {
       var arr = Array.from(masks);
@@ -711,7 +517,6 @@ var UploadPhoto = function UploadPhoto(props) {
       return arr;
     });
   };
-
   var openMask = function openMask(index) {
     setMasks(function (masks) {
       var arr = Array.from(masks);
@@ -719,15 +524,13 @@ var UploadPhoto = function UploadPhoto(props) {
       return arr;
     });
   };
-
   var getBadge = function getBadge(status, index, limit) {
     if (props.disabled) {
       return null;
     }
-
     if (status === 'progress') {
-      return _jsx("div", {
-        children: _jsx(LoadingOutlined, {
+      return /*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsx(LoadingOutlined, {
           spinning: true,
           style: {
             fontSize: 24,
@@ -736,9 +539,8 @@ var UploadPhoto = function UploadPhoto(props) {
         })
       });
     }
-
-    return _jsx("div", {
-      children: _jsx(ErrorFilled, {
+    return /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsx(ErrorFilled, {
         style: {
           color: '#999999',
           cursor: 'pointer',
@@ -751,48 +553,46 @@ var UploadPhoto = function UploadPhoto(props) {
       })
     });
   };
-
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: classnames(prefix, className),
     id: id,
     ref: DomRef,
-    children: [Boolean(descriptions || samples.length) && _jsx("div", {
+    children: [Boolean(descriptions || samples.length) && /*#__PURE__*/_jsx("div", {
       className: "".concat(prefix, "-sample"),
-      children: _jsxs(_Row, {
+      children: /*#__PURE__*/_jsxs(Row, {
         gutter: [isMobile ? 16 : 32, 16],
         wrap: true,
-        children: [Boolean(samples === null || samples === void 0 ? void 0 : samples.length) && samples.map(function (_ref9, index) {
+        children: [Boolean(samples === null || samples === void 0 ? void 0 : samples.length) && samples.map(function (_ref8, index) {
           var _classnames, _classnames2;
-
-          var src = _ref9.src,
-              label = _ref9.label,
-              type = _ref9.type;
-          return _jsxs(_Col, {
+          var src = _ref8.src,
+            label = _ref8.label,
+            type = _ref8.type;
+          return /*#__PURE__*/_jsxs(Col, {
             span: sampleSpan,
-            children: [_jsx("img", {
+            children: [/*#__PURE__*/_jsx("img", {
               src: src,
               alt: "",
               className: "".concat(prefix, "-sample-photos-photo")
-            }), _jsx("div", {
+            }), /*#__PURE__*/_jsx("div", {
               className: classnames((_classnames = {}, _defineProperty(_classnames, "".concat(prefix, "-sample-photos-good"), type === 'good'), _defineProperty(_classnames, "".concat(prefix, "-sample-photos-bad"), type === 'bad'), _classnames))
-            }), label && _jsx("div", {
+            }), label && /*#__PURE__*/_jsx("div", {
               className: classnames((_classnames2 = {}, _defineProperty(_classnames2, "".concat(prefix, "-sample-photos-label"), true), _defineProperty(_classnames2, "".concat(prefix, "-sample-photos-label-good"), type === 'good'), _defineProperty(_classnames2, "".concat(prefix, "-sample-photos-label-bad"), type === 'bad'), _classnames2)),
-              children: _jsx(IglooTypography, {
+              children: /*#__PURE__*/_jsx(IglooTypography, {
                 level: "body2",
                 children: label
               })
             })]
           }, index);
-        }), _jsx(_Col, {
+        }), /*#__PURE__*/_jsx(Col, {
           className: classnames((_classnames3 = {}, _defineProperty(_classnames3, "".concat(prefix, "-sample-descriptions"), true), _defineProperty(_classnames3, "".concat(prefix, "-sample-descriptions-center"), !!md), _classnames3)),
           span: descriptionSpan,
-          children: _jsx(IglooTypography, {
+          children: /*#__PURE__*/_jsx(IglooTypography, {
             level: "caption2",
             children: descriptions
           })
         })]
       })
-    }), _jsx("input", {
+    }), /*#__PURE__*/_jsx("input", {
       id: uploadId,
       type: "file",
       style: {
@@ -803,39 +603,38 @@ var UploadPhoto = function UploadPhoto(props) {
       value: [],
       multiple: true,
       capture: capture
-    }), _jsxs(_Space, {
+    }), /*#__PURE__*/_jsxs(Space, {
       className: "".concat(prefix, "-content"),
       size: [16, 16],
       wrap: true,
-      children: [_jsxs("label", {
+      children: [/*#__PURE__*/_jsxs("label", {
         htmlFor: uploadId,
         className: classnames((_classnames4 = {}, _defineProperty(_classnames4, "".concat(prefix, "-content-button"), true), _defineProperty(_classnames4, 'dont-show-error-status', Array.isArray(value) && value.some(function (file) {
           return typeof file !== 'string' && (file === null || file === void 0 ? void 0 : file.status) === 'failed';
         })), _classnames4)),
-        children: [_jsx(UploadOutlined, {
+        children: [/*#__PURE__*/_jsx(UploadOutlined, {
           style: {
             fontSize: 24,
             color: '#666666'
           }
-        }), _jsx("span", {
+        }), /*#__PURE__*/_jsx("span", {
           style: {
             marginTop: 6
           },
-          children: _jsx(IglooTypography, {
+          children: /*#__PURE__*/_jsx(IglooTypography, {
             level: "body1",
             children: buttonText || 'Upload'
           })
         })]
-      }), files.map(function (_ref10, index) {
+      }), files.map(function (_ref9, index) {
         var _classnames5;
-
-        var dataUrl = _ref10.dataUrl,
-            status = _ref10.status,
-            type = _ref10.type,
-            uid = _ref10.uid;
-        return _jsx(_Badge, {
+        var dataUrl = _ref9.dataUrl,
+          status = _ref9.status,
+          type = _ref9.type,
+          uid = _ref9.uid;
+        return /*#__PURE__*/_jsx(Badge, {
           count: getBadge(status, index, limit),
-          children: _jsxs("div", {
+          children: /*#__PURE__*/_jsxs("div", {
             className: classnames((_classnames5 = {}, _defineProperty(_classnames5, "".concat(prefix, "-content-container"), true), _defineProperty(_classnames5, "".concat(prefix, "-content-error"), status === 'failed'), _classnames5)),
             onMouseEnter: function onMouseEnter() {
               return handleMouseEnter(index);
@@ -847,29 +646,29 @@ var UploadPhoto = function UploadPhoto(props) {
               e.stopPropagation();
               handleTouchEnd(index);
             },
-            children: [_jsx(MediaItem, {
+            children: [/*#__PURE__*/_jsx(MediaItem, {
               type: type,
               src: dataUrl,
               className: "".concat(prefix, "-content-preview")
-            }), (!limit || index < limit) && masks[index] && _jsxs(_Fragment, {
-              children: [status === 'failed' && _jsx("div", {
+            }), (!limit || index < limit) && masks[index] && /*#__PURE__*/_jsxs(_Fragment, {
+              children: [status === 'failed' && /*#__PURE__*/_jsx("div", {
                 className: "".concat(prefix, "-content-mask"),
                 onClick: function onClick(e) {
                   e.stopPropagation();
                   handleReUpload(index);
                 },
-                children: _jsx(RefreshOutlined, {
+                children: /*#__PURE__*/_jsx(RefreshOutlined, {
                   style: {
                     fontSize: 24
                   }
                 })
-              }), status === 'success' && _jsx("div", {
+              }), status === 'success' && /*#__PURE__*/_jsx("div", {
                 className: "".concat(prefix, "-content-mask"),
                 onClick: function onClick(e) {
                   e.stopPropagation();
                   handlePreview(index);
                 },
-                children: _jsx(ShowOutlined, {
+                children: /*#__PURE__*/_jsx(ShowOutlined, {
                   style: {
                     fontSize: 24
                   }
@@ -882,31 +681,26 @@ var UploadPhoto = function UploadPhoto(props) {
     })]
   });
 };
-
 function checkFileList(value) {
   if (!value) {
     return Promise.resolve();
   }
-
   for (var i = 0; i < value.length; i++) {
-    var file = value[i];
-
-    if (_typeof(file) === 'object') {
-      var errorMsg = file.errorMsg;
+    var _file2 = value[i];
+    if (_typeof(_file2) === 'object') {
+      var errorMsg = _file2.errorMsg;
       return Promise.reject(errorMsg);
     }
   }
-
   return Promise.resolve();
 }
-
-UploadPhoto.formItemPropsHandler = function (_ref11) {
-  var limit = _ref11.limit,
-      previewFormater = _ref11.previewFormater,
-      label = _ref11.label;
+UploadPhoto.formItemPropsHandler = function (_ref10) {
+  var limit = _ref10.limit,
+    previewFormater = _ref10.previewFormater,
+    label = _ref10.label;
   return {
     previewFormater: previewFormater || function (value) {
-      return _jsx(UploadPreview, {
+      return /*#__PURE__*/_jsx(UploadPreview, {
         files: value,
         label: label
       });
@@ -919,5 +713,4 @@ UploadPhoto.formItemPropsHandler = function (_ref11) {
     }]
   };
 };
-
 export default UploadPhoto;