@nutui/nutui-react 2.3.12-beta.0 → 2.3.12

package/dist/esm/Uploader.js

@@ -1,31 +1,4 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "uploadIcon", "uploadLabel", "name", "accept", "defaultValue", "value", "previewType", "fit", "disabled", "multiple", "url", "previewUrl", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "preview", "deletable", "maxCount", "capture", "maxFileSize", "className", "autoUpload", "clearInput", "onStart", "onDelete", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "beforeUpload", "beforeXhrUpload", "beforeDelete"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useState, useImperativeHandle } from "react";
 import classNames from "classnames";
 import { Failure, Link, Del, Loading, Photograph } from "@nutui/icons-react";
@@ -35,88 +8,72 @@ import { C as ComponentDefaults } from "./typings.js";
 import Button from "./Button.js";
 import { u as usePropsValue } from "./use-props-value.js";
 import Progress from "./Progress.js";
-var UploadOptions = /* @__PURE__ */ _createClass(function UploadOptions2() {
-  _classCallCheck(this, UploadOptions2);
-  _defineProperty(this, "url", "");
-  _defineProperty(this, "name", "file");
-  _defineProperty(this, "fileType", "image");
-  _defineProperty(this, "formData", void 0);
-  _defineProperty(this, "sourceFile", void 0);
-  _defineProperty(this, "method", "post");
-  _defineProperty(this, "xhrState", 200);
-  _defineProperty(this, "timeout", 30 * 1e3);
-  _defineProperty(this, "headers", {});
-  _defineProperty(this, "withCredentials", false);
-  _defineProperty(this, "onStart", void 0);
-  _defineProperty(this, "taroFilePath", void 0);
-  _defineProperty(this, "onProgress", void 0);
-  _defineProperty(this, "onSuccess", void 0);
-  _defineProperty(this, "onFailure", void 0);
-  _defineProperty(this, "beforeXhrUpload", void 0);
-});
-var UPLOADING = "uploading";
-var SUCCESS = "success";
-var ERROR = "error";
-var Upload = /* @__PURE__ */ function() {
-  function Upload2(options) {
-    _classCallCheck(this, Upload2);
-    _defineProperty(this, "options", void 0);
+class UploadOptions {
+  constructor() {
+    this.url = "";
+    this.name = "file";
+    this.fileType = "image";
+    this.method = "post";
+    this.xhrState = 200;
+    this.timeout = 30 * 1e3;
+    this.headers = {};
+    this.withCredentials = false;
+  }
+}
+const UPLOADING = "uploading";
+const SUCCESS = "success";
+const ERROR = "error";
+class Upload {
+  constructor(options) {
     this.options = options;
   }
-  _createClass(Upload2, [{
-    key: "upload",
-    value: function upload() {
-      var options = this.options;
-      var xhr = new XMLHttpRequest();
-      xhr.timeout = options.timeout;
-      if (xhr.upload) {
-        var _options$onStart;
-        xhr.upload.addEventListener("progress", function(e) {
-          var _options$onProgress;
-          (_options$onProgress = options.onProgress) === null || _options$onProgress === void 0 || _options$onProgress.call(options, e, options);
-        }, false);
-        xhr.onreadystatechange = function() {
-          if (xhr.readyState === 4) {
-            if (xhr.status === options.xhrState) {
-              var _options$onSuccess;
-              (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 || _options$onSuccess.call(options, xhr.responseText, options);
-            } else {
-              var _options$onFailure;
-              (_options$onFailure = options.onFailure) === null || _options$onFailure === void 0 || _options$onFailure.call(options, xhr.responseText, options);
-            }
+  upload() {
+    var _a;
+    const { options } = this;
+    const xhr = new XMLHttpRequest();
+    xhr.timeout = options.timeout;
+    if (xhr.upload) {
+      xhr.upload.addEventListener("progress", (e) => {
+        var _a2;
+        (_a2 = options.onProgress) === null || _a2 === void 0 ? void 0 : _a2.call(options, e, options);
+      }, false);
+      xhr.onreadystatechange = () => {
+        var _a2, _b;
+        if (xhr.readyState === 4) {
+          if (xhr.status === options.xhrState) {
+            (_a2 = options.onSuccess) === null || _a2 === void 0 ? void 0 : _a2.call(options, xhr.responseText, options);
+          } else {
+            (_b = options.onFailure) === null || _b === void 0 ? void 0 : _b.call(options, xhr.responseText, options);
           }
-        };
-        xhr.withCredentials = options.withCredentials;
-        xhr.open(options.method, options.url, true);
-        for (var _i = 0, _Object$entries = Object.entries(options.headers); _i < _Object$entries.length; _i++) {
-          var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2), key = _Object$entries$_i[0], value = _Object$entries$_i[1];
-          xhr.setRequestHeader(key, value);
-        }
-        (_options$onStart = options.onStart) === null || _options$onStart === void 0 || _options$onStart.call(options, options);
-        if (options.beforeXhrUpload) {
-          options.beforeXhrUpload(xhr, options);
-        } else {
-          xhr.send(options.formData);
         }
+      };
+      xhr.withCredentials = options.withCredentials;
+      xhr.open(options.method, options.url, true);
+      for (const [key, value] of Object.entries(options.headers)) {
+        xhr.setRequestHeader(key, value);
+      }
+      (_a = options.onStart) === null || _a === void 0 ? void 0 : _a.call(options, options);
+      if (options.beforeXhrUpload) {
+        options.beforeXhrUpload(xhr, options);
       } else {
-        console.warn("浏览器不支持 XMLHttpRequest");
+        xhr.send(options.formData);
       }
+    } else {
+      console.warn("浏览器不支持 XMLHttpRequest");
     }
-  }]);
-  return Upload2;
-}();
-var funcInterceptor = function funcInterceptor2(interceptor, _ref) {
-  var _ref$args = _ref.args, args = _ref$args === void 0 ? [] : _ref$args, done = _ref.done, canceled = _ref.canceled;
+  }
+}
+const funcInterceptor = (interceptor, { args = [], done, canceled }) => {
   if (interceptor) {
-    var returnVal = interceptor.apply(null, args);
+    const returnVal = interceptor.apply(null, args);
     if (isPromise(returnVal)) {
-      returnVal.then(function(value) {
+      returnVal.then((value) => {
         if (value) {
           done(value);
         } else if (canceled) {
           canceled();
         }
-      })["catch"](function() {
+      }).catch(() => {
       });
     } else if (returnVal) {
       done();
@@ -127,181 +84,123 @@ var funcInterceptor = function funcInterceptor2(interceptor, _ref) {
     done();
   }
 };
-var Preview = function Preview2(_ref2) {
-  var fileList = _ref2.fileList, previewType = _ref2.previewType, deletable = _ref2.deletable, onDeleteItem = _ref2.onDeleteItem, handleItemClick = _ref2.handleItemClick, previewUrl = _ref2.previewUrl, children = _ref2.children;
-  var renderIcon = function renderIcon2(item) {
+const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemClick, previewUrl, children }) => {
+  const renderIcon = (item) => {
     if (item.status === ERROR) {
-      return item.failIcon || React__default.createElement(Failure, {
-        color: "#fff"
-      });
+      return item.failIcon || React__default.createElement(Failure, { color: "#fff" });
     }
-    return item.loadingIcon || React__default.createElement(Loading, {
-      className: "nut-icon-loading",
-      color: "#fff"
-    });
+    return item.loadingIcon || React__default.createElement(Loading, { className: "nut-icon-loading", color: "#fff" });
   };
-  return React__default.createElement(React__default.Fragment, null, fileList.length !== 0 && fileList.map(function(item, index) {
-    var _item$type;
-    return React__default.createElement("div", {
-      className: "nut-uploader-preview ".concat(previewType),
-      key: item.uid
-    }, previewType === "picture" && !children && deletable && React__default.createElement(Failure, {
-      color: "rgba(0,0,0,0.6)",
-      className: "close",
-      onClick: function onClick() {
-        return onDeleteItem(item, index);
-      }
-    }), previewType === "picture" && !children && React__default.createElement("div", {
-      className: "nut-uploader-preview-img"
-    }, item.status === "ready" ? React__default.createElement("div", {
-      className: "nut-uploader-preview-progress"
-    }, React__default.createElement("div", {
-      className: "nut-uploader-preview-progress-msg"
-    }, item.message)) : item.status !== "success" && React__default.createElement("div", {
-      className: "nut-uploader-preview-progress"
-    }, renderIcon(item), React__default.createElement("div", {
-      className: "nut-uploader-preview-progress-msg"
-    }, item.message)), (_item$type = item.type) !== null && _item$type !== void 0 && _item$type.includes("image") ? React__default.createElement(React__default.Fragment, null, item.url && React__default.createElement("img", {
-      className: "nut-uploader-preview-img-c",
-      style: {
-        objectFit: "fill"
-      },
-      src: item.url,
-      alt: "",
-      onClick: function onClick() {
-        return handleItemClick(item, index);
-      }
-    })) : React__default.createElement(React__default.Fragment, null, previewUrl ? React__default.createElement("img", {
-      className: "nut-uploader-preview-img-c",
-      src: previewUrl,
-      alt: "",
-      onClick: function onClick() {
-        return handleItemClick(item, index);
-      }
-    }) : React__default.createElement("div", {
-      className: "nut-uploader-preview-img-file"
-    }, React__default.createElement("div", {
-      onClick: function onClick() {
-        return handleItemClick(item, index);
-      },
-      className: "nut-uploader-preview-img-file-name"
-    }, React__default.createElement(Link, {
-      color: "#808080"
-    }), React__default.createElement("span", null, " ", item.name)))), item.status === "success" ? React__default.createElement("div", {
-      className: "tips"
-    }, item.name) : null), previewType === "list" && React__default.createElement("div", {
-      className: "nut-uploader-preview-list"
-    }, React__default.createElement("div", {
-      className: "nut-uploader-preview-img-file-name ".concat(item.status),
-      onClick: function onClick() {
-        return handleItemClick(item, index);
-      }
-    }, React__default.createElement(Link, null), React__default.createElement("span", null, " ", item.name)), deletable && React__default.createElement(Del, {
-      color: "#808080",
-      className: "nut-uploader-preview-img-file-del",
-      onClick: function onClick() {
-        return onDeleteItem(item, index);
-      }
-    }), item.status === "uploading" && React__default.createElement(Progress, {
-      percent: item.percentage,
-      color: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)",
-      showText: false
-    })));
+  return React__default.createElement(React__default.Fragment, null, fileList.length !== 0 && fileList.map((item, index) => {
+    var _a;
+    return React__default.createElement(
+      "div",
+      { className: `nut-uploader-preview ${previewType}`, key: item.uid },
+      previewType === "picture" && !children && deletable && React__default.createElement(Failure, { color: "rgba(0,0,0,0.6)", className: "close", onClick: () => onDeleteItem(item, index) }),
+      previewType === "picture" && !children && React__default.createElement(
+        "div",
+        { className: "nut-uploader-preview-img" },
+        item.status === "ready" ? React__default.createElement(
+          "div",
+          { className: "nut-uploader-preview-progress" },
+          React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)
+        ) : item.status !== "success" && React__default.createElement(
+          "div",
+          { className: "nut-uploader-preview-progress" },
+          renderIcon(item),
+          React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)
+        ),
+        ((_a = item.type) === null || _a === void 0 ? void 0 : _a.includes("image")) ? React__default.createElement(React__default.Fragment, null, item.url && React__default.createElement("img", { className: "nut-uploader-preview-img-c", style: { objectFit: "fill" }, src: item.url, alt: "", onClick: () => handleItemClick(item, index) })) : React__default.createElement(React__default.Fragment, null, previewUrl ? React__default.createElement("img", { className: "nut-uploader-preview-img-c", src: previewUrl, alt: "", onClick: () => handleItemClick(item, index) }) : React__default.createElement(
+          "div",
+          { className: "nut-uploader-preview-img-file" },
+          React__default.createElement(
+            "div",
+            { onClick: () => handleItemClick(item, index), className: "nut-uploader-preview-img-file-name" },
+            React__default.createElement(Link, { color: "#808080" }),
+            React__default.createElement(
+              "span",
+              null,
+              " ",
+              item.name
+            )
+          )
+        )),
+        item.status === "success" ? React__default.createElement("div", { className: "tips" }, item.name) : null
+      ),
+      previewType === "list" && React__default.createElement(
+        "div",
+        { className: "nut-uploader-preview-list" },
+        React__default.createElement(
+          "div",
+          { className: `nut-uploader-preview-img-file-name ${item.status}`, onClick: () => handleItemClick(item, index) },
+          React__default.createElement(Link, null),
+          React__default.createElement(
+            "span",
+            null,
+            " ",
+            item.name
+          )
+        ),
+        deletable && React__default.createElement(Del, { color: "#808080", className: "nut-uploader-preview-img-file-del", onClick: () => onDeleteItem(item, index) }),
+        item.status === "uploading" && React__default.createElement(Progress, { percent: item.percentage, color: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)", showText: false })
+      )
+    );
   }));
 };
-var FileItem = /* @__PURE__ */ _createClass(function FileItem2() {
-  _classCallCheck(this, FileItem2);
-  _defineProperty(this, "status", "ready");
-  _defineProperty(this, "message", "准备中..");
-  _defineProperty(this, "uid", (/* @__PURE__ */ new Date()).getTime().toString());
-  _defineProperty(this, "name", void 0);
-  _defineProperty(this, "url", void 0);
-  _defineProperty(this, "type", void 0);
-  _defineProperty(this, "path", void 0);
-  _defineProperty(this, "percentage", 0);
-  _defineProperty(this, "formData", {});
-  _defineProperty(this, "responseText", void 0);
-  _defineProperty(this, "loadingIcon", void 0);
-  _defineProperty(this, "failIcon", void 0);
-});
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  url: "",
-  maxCount: 1,
-  previewType: "picture",
-  fit: "cover",
-  name: "file",
-  accept: "*",
-  disabled: false,
-  autoUpload: true,
-  multiple: false,
-  maxFileSize: Number.MAX_VALUE,
-  data: {},
-  headers: {},
-  method: "post",
-  xhrState: 200,
-  timeout: 1e3 * 30,
-  withCredentials: false,
-  clearInput: true,
-  preview: true,
-  deletable: true,
-  capture: false,
-  uploadIcon: React__default.createElement(Photograph, {
-    width: "20px",
-    height: "20px",
-    color: "#808080"
-  }),
-  beforeDelete: function beforeDelete(file, files) {
-    return true;
+class FileItem {
+  constructor() {
+    this.status = "ready";
+    this.message = "准备中..";
+    this.uid = (/* @__PURE__ */ new Date()).getTime().toString();
+    this.percentage = 0;
+    this.formData = {};
   }
-});
-var InternalUploader = function InternalUploader2(props, ref) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, uploadIcon = _defaultProps$props.uploadIcon, uploadLabel = _defaultProps$props.uploadLabel, name = _defaultProps$props.name, accept = _defaultProps$props.accept, defaultValue = _defaultProps$props.defaultValue, value = _defaultProps$props.value, previewType = _defaultProps$props.previewType, fit = _defaultProps$props.fit, disabled = _defaultProps$props.disabled, multiple = _defaultProps$props.multiple, url = _defaultProps$props.url, previewUrl = _defaultProps$props.previewUrl, headers = _defaultProps$props.headers, timeout = _defaultProps$props.timeout, method = _defaultProps$props.method, xhrState = _defaultProps$props.xhrState, withCredentials = _defaultProps$props.withCredentials, data = _defaultProps$props.data, preview = _defaultProps$props.preview, deletable = _defaultProps$props.deletable, maxCount = _defaultProps$props.maxCount, capture = _defaultProps$props.capture, maxFileSize = _defaultProps$props.maxFileSize, className = _defaultProps$props.className, autoUpload = _defaultProps$props.autoUpload, clearInput = _defaultProps$props.clearInput, onStart = _defaultProps$props.onStart, onDelete = _defaultProps$props.onDelete, _onChange = _defaultProps$props.onChange, onFileItemClick = _defaultProps$props.onFileItemClick, onProgress = _defaultProps$props.onProgress, onSuccess = _defaultProps$props.onSuccess, onUpdate = _defaultProps$props.onUpdate, onFailure = _defaultProps$props.onFailure, onOversize = _defaultProps$props.onOversize, beforeUpload = _defaultProps$props.beforeUpload, beforeXhrUpload = _defaultProps$props.beforeXhrUpload, beforeDelete2 = _defaultProps$props.beforeDelete, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _usePropsValue = usePropsValue({
+}
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { url: "", maxCount: 1, previewType: "picture", fit: "cover", name: "file", accept: "*", disabled: false, autoUpload: true, multiple: false, maxFileSize: Number.MAX_VALUE, data: {}, headers: {}, method: "post", xhrState: 200, timeout: 1e3 * 30, withCredentials: false, clearInput: true, preview: true, deletable: true, capture: false, uploadIcon: React__default.createElement(Photograph, { width: "20px", height: "20px", color: "#808080" }), beforeDelete: (file, files) => {
+  return true;
+} });
+const InternalUploader = (props, ref) => {
+  const { locale } = useConfig();
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, uploadIcon, uploadLabel, name, accept, defaultValue, value, previewType, fit, disabled, multiple, url, previewUrl, headers, timeout, method, xhrState, withCredentials, data, preview, deletable, maxCount, capture, maxFileSize, className, autoUpload, clearInput, onStart, onDelete, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, beforeUpload, beforeXhrUpload, beforeDelete } = _a, restProps = __rest(_a, ["children", "uploadIcon", "uploadLabel", "name", "accept", "defaultValue", "value", "previewType", "fit", "disabled", "multiple", "url", "previewUrl", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "preview", "deletable", "maxCount", "capture", "maxFileSize", "className", "autoUpload", "clearInput", "onStart", "onDelete", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "beforeUpload", "beforeXhrUpload", "beforeDelete"]);
+  const [fileList, setFileList] = usePropsValue({
     value,
     defaultValue,
     finalValue: [],
-    onChange: function onChange(v) {
-      _onChange === null || _onChange === void 0 || _onChange(v);
+    onChange: (v) => {
+      onChange === null || onChange === void 0 ? void 0 : onChange(v);
     }
-  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), fileList = _usePropsValue2[0], setFileList = _usePropsValue2[1];
-  var _useState = useState([]), _useState2 = _slicedToArray(_useState, 2), uploadQueue = _useState2[0], setUploadQueue = _useState2[1];
-  var classes = classNames(className, "nut-uploader");
-  useImperativeHandle(ref, function() {
-    return {
-      submit: function submit() {
-        Promise.all(uploadQueue).then(function(res) {
-          res.forEach(function(i) {
-            return i.upload();
-          });
-        });
-      },
-      clear: function clear() {
-        clearUploadQueue();
-      }
-    };
   });
-  var clearUploadQueue = function clearUploadQueue2() {
-    var index = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;
+  const [uploadQueue, setUploadQueue] = useState([]);
+  const classes = classNames(className, "nut-uploader");
+  useImperativeHandle(ref, () => ({
+    submit: () => {
+      Promise.all(uploadQueue).then((res) => {
+        res.forEach((i) => i.upload());
+      });
+    },
+    clear: () => {
+      clearUploadQueue();
+    }
+  }));
+  const clearUploadQueue = (index = -1) => {
     if (index > -1) {
       uploadQueue.splice(index, 1);
       setUploadQueue(uploadQueue);
     } else {
       setUploadQueue([]);
       fileList.splice(0, fileList.length);
-      setFileList(_toConsumableArray(fileList));
+      setFileList([...fileList]);
     }
   };
-  var clearInputValue = function clearInputValue2(el) {
+  const clearInputValue = (el) => {
     el.value = "";
   };
-  var executeUpload = function executeUpload2(fileItem, index) {
-    var uploadOption = new UploadOptions();
+  const executeUpload = (fileItem, index) => {
+    var _a2, _b;
+    const uploadOption = new UploadOptions();
     uploadOption.url = url;
-    for (var _i2 = 0, _Object$entries2 = Object.entries(data); _i2 < _Object$entries2.length; _i2++) {
-      var _fileItem$formData;
-      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2), key = _Object$entries2$_i[0], value2 = _Object$entries2$_i[1];
-      (_fileItem$formData = fileItem.formData) === null || _fileItem$formData === void 0 || _fileItem$formData.append(key, value2);
+    for (const [key, value2] of Object.entries(data)) {
+      (_a2 = fileItem.formData) === null || _a2 === void 0 ? void 0 : _a2.append(key, value2);
     }
     uploadOption.formData = fileItem.formData;
     uploadOption.timeout = timeout * 1;
@@ -311,14 +210,13 @@ var InternalUploader = function InternalUploader2(props, ref) {
     uploadOption.withCredentials = withCredentials;
     uploadOption.beforeXhrUpload = beforeXhrUpload;
     try {
-      var _fileItem$formData2;
-      uploadOption.sourceFile = (_fileItem$formData2 = fileItem.formData) === null || _fileItem$formData2 === void 0 ? void 0 : _fileItem$formData2.get(name);
+      uploadOption.sourceFile = (_b = fileItem.formData) === null || _b === void 0 ? void 0 : _b.get(name);
     } catch (error) {
       console.warn(error);
     }
-    uploadOption.onStart = function(option) {
+    uploadOption.onStart = (option) => {
       clearUploadQueue(index);
-      setFileList(fileList.map(function(item) {
+      setFileList(fileList.map((item) => {
         if (item.uid === fileItem.uid) {
           item.status = "ready";
           item.message = locale.uploader.readyUpload;
@@ -327,23 +225,19 @@ var InternalUploader = function InternalUploader2(props, ref) {
       }));
       onStart && onStart(option);
     };
-    uploadOption.onProgress = function(e, option) {
-      setFileList(fileList.map(function(item) {
+    uploadOption.onProgress = (e, option) => {
+      setFileList(fileList.map((item) => {
         if (item.uid === fileItem.uid) {
           item.status = UPLOADING;
           item.message = locale.uploader.uploading;
           item.percentage = (e.loaded / e.total * 100).toFixed(0);
-          onProgress && onProgress({
-            e,
-            option,
-            percentage: item.percentage
-          });
+          onProgress && onProgress({ e, option, percentage: item.percentage });
         }
         return item;
       }));
     };
-    uploadOption.onSuccess = function(responseText, option) {
-      var list = fileList.map(function(item) {
+    uploadOption.onSuccess = (responseText, option) => {
+      const list = fileList.map((item) => {
         if (item.uid === fileItem.uid) {
           item.status = SUCCESS;
           item.message = locale.uploader.success;
@@ -352,15 +246,15 @@ var InternalUploader = function InternalUploader2(props, ref) {
         return item;
       });
       setFileList(list);
-      onUpdate === null || onUpdate === void 0 || onUpdate(list);
-      onSuccess === null || onSuccess === void 0 || onSuccess({
+      onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(list);
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess({
         responseText,
         option,
         files: list
       });
     };
-    uploadOption.onFailure = function(responseText, option) {
-      var list = fileList.map(function(item) {
+    uploadOption.onFailure = (responseText, option) => {
+      const list = fileList.map((item) => {
         if (item.uid === fileItem.uid) {
           item.status = ERROR;
           item.message = locale.uploader.error;
@@ -369,28 +263,28 @@ var InternalUploader = function InternalUploader2(props, ref) {
         return item;
       });
       setFileList(list);
-      onFailure === null || onFailure === void 0 || onFailure({
+      onFailure === null || onFailure === void 0 ? void 0 : onFailure({
         responseText,
         option,
         files: list
       });
     };
-    var task = new Upload(uploadOption);
+    const task = new Upload(uploadOption);
     if (props.autoUpload) {
       task.upload();
     } else {
-      uploadQueue.push(new Promise(function(resolve, reject) {
+      uploadQueue.push(new Promise((resolve, reject) => {
         resolve(task);
       }));
       setUploadQueue(uploadQueue);
     }
   };
-  var readFile = function readFile2(files) {
-    files.forEach(function(file, index) {
-      var _file$type;
-      var formData = new FormData();
+  const readFile = (files) => {
+    files.forEach((file, index) => {
+      var _a2;
+      const formData = new FormData();
       formData.append(name, file);
-      var fileItem = new FileItem();
+      const fileItem = new FileItem();
       fileItem.name = file.name;
       fileItem.status = "ready";
       fileItem.type = file.type;
@@ -398,24 +292,24 @@ var InternalUploader = function InternalUploader2(props, ref) {
       fileItem.uid = file.lastModified + fileItem.uid;
       fileItem.message = autoUpload ? locale.uploader.readyUpload : locale.uploader.waitingUpload;
       executeUpload(fileItem, index);
-      if (preview && (_file$type = file.type) !== null && _file$type !== void 0 && _file$type.includes("image")) {
-        var reader = new FileReader();
-        reader.onload = function(event) {
+      if (preview && ((_a2 = file.type) === null || _a2 === void 0 ? void 0 : _a2.includes("image"))) {
+        const reader = new FileReader();
+        reader.onload = (event) => {
           fileItem.url = event.target.result;
           fileList.push(fileItem);
-          setFileList(_toConsumableArray(fileList));
+          setFileList([...fileList]);
         };
         reader.readAsDataURL(file);
       } else {
         fileList.push(fileItem);
-        setFileList(_toConsumableArray(fileList));
+        setFileList([...fileList]);
       }
     });
   };
-  var filterFiles = function filterFiles2(files) {
-    var maximum = props.maxCount * 1;
-    var oversizes = new Array();
-    var filterFile = files.filter(function(file) {
+  const filterFiles = (files) => {
+    const maximum = props.maxCount * 1;
+    const oversizes = new Array();
+    const filterFile = files.filter((file) => {
       if (file.size > maxFileSize) {
         oversizes.push(file);
         return false;
@@ -429,40 +323,36 @@ var InternalUploader = function InternalUploader2(props, ref) {
       filterFile.splice(maximum, filterFile.length - maximum);
     }
     if (fileList.length !== 0) {
-      var index = maximum - fileList.length;
+      const index = maximum - fileList.length;
       filterFile.splice(index, filterFile.length - index);
     }
     return filterFile;
   };
-  var deleted = function deleted2(file, index) {
-    var deletedFileList = fileList.filter(function(file2, idx) {
-      return idx !== index;
-    });
-    onDelete === null || onDelete === void 0 || onDelete(file, deletedFileList);
+  const deleted = (file, index) => {
+    const deletedFileList = fileList.filter((file2, idx) => idx !== index);
+    onDelete === null || onDelete === void 0 ? void 0 : onDelete(file, deletedFileList);
     setFileList(deletedFileList);
   };
-  var onDeleteItem = function onDeleteItem2(file, index) {
+  const onDeleteItem = (file, index) => {
     clearUploadQueue(index);
-    funcInterceptor(beforeDelete2, {
+    funcInterceptor(beforeDelete, {
       args: [file, fileList],
-      done: function done() {
-        return deleted(file, index);
-      }
+      done: () => deleted(file, index)
     });
   };
-  var fileChange = function fileChange2(event) {
+  const fileChange = (event) => {
     if (disabled) {
       return;
     }
-    var $el = event.target;
-    var files = $el.files;
+    const $el = event.target;
+    const { files } = $el;
     if (beforeUpload) {
-      beforeUpload(new Array().slice.call(files)).then(function(f) {
-        var _files2 = filterFiles(new Array().slice.call(f));
-        readFile(_files2);
+      beforeUpload(new Array().slice.call(files)).then((f) => {
+        const _files = filterFiles(new Array().slice.call(f));
+        readFile(_files);
       });
     } else {
-      var _files = filterFiles(new Array().slice.call(files));
+      const _files = filterFiles(new Array().slice.call(files));
       readFile(_files);
     }
     setFileList(fileList);
@@ -470,53 +360,43 @@ var InternalUploader = function InternalUploader2(props, ref) {
       clearInputValue($el);
     }
   };
-  var handleItemClick = function handleItemClick2(file, index) {
-    onFileItemClick === null || onFileItemClick === void 0 || onFileItemClick(file, index);
+  const handleItemClick = (file, index) => {
+    onFileItemClick === null || onFileItemClick === void 0 ? void 0 : onFileItemClick(file, index);
   };
-  return React__default.createElement("div", _objectSpread({
-    className: classes
-  }, restProps), (children || previewType === "list") && React__default.createElement("div", {
-    className: "nut-uploader-slot"
-  }, children || React__default.createElement(Button, {
-    size: "small",
-    type: "primary"
-  }, "上传文件"), maxCount > fileList.length && React__default.createElement("input", {
-    className: "nut-uploader-input",
-    type: "file",
-    capture,
-    name,
-    accept,
-    disabled,
-    multiple,
-    onChange: fileChange
-  })), React__default.createElement(Preview, _objectSpread({}, {
-    fileList,
-    previewType,
-    deletable,
-    onDeleteItem,
-    handleItemClick,
-    previewUrl,
-    children
-  })), maxCount > fileList.length && previewType === "picture" && !children && React__default.createElement("div", {
-    className: classNames("nut-uploader-upload", previewType, {
-      "nut-uploader-upload-disabled": disabled
-    })
-  }, React__default.createElement("div", {
-    className: "nut-uploader-icon"
-  }, uploadIcon, React__default.createElement("span", {
-    className: "nut-uploader-icon-tip"
-  }, uploadLabel)), React__default.createElement("input", {
-    className: "nut-uploader-input",
-    type: "file",
-    capture,
-    name,
-    accept,
-    disabled,
-    multiple,
-    onChange: fileChange
-  })));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classes }, restProps),
+    (children || previewType === "list") && React__default.createElement(
+      "div",
+      { className: "nut-uploader-slot" },
+      children || React__default.createElement(Button, { size: "small", type: "primary" }, "上传文件"),
+      maxCount > fileList.length && React__default.createElement("input", { className: "nut-uploader-input", type: "file", capture, name, accept, disabled, multiple, onChange: fileChange })
+    ),
+    React__default.createElement(Preview, Object.assign({}, {
+      fileList,
+      previewType,
+      deletable,
+      onDeleteItem,
+      handleItemClick,
+      previewUrl,
+      children
+    })),
+    maxCount > fileList.length && previewType === "picture" && !children && React__default.createElement(
+      "div",
+      { className: classNames("nut-uploader-upload", previewType, {
+        "nut-uploader-upload-disabled": disabled
+      }) },
+      React__default.createElement(
+        "div",
+        { className: "nut-uploader-icon" },
+        uploadIcon,
+        React__default.createElement("span", { className: "nut-uploader-icon-tip" }, uploadLabel)
+      ),
+      React__default.createElement("input", { className: "nut-uploader-input", type: "file", capture, name, accept, disabled, multiple, onChange: fileChange })
+    )
+  );
 };
-var Uploader = React__default.forwardRef(InternalUploader);
+const Uploader = React__default.forwardRef(InternalUploader);
 Uploader.defaultProps = defaultProps;
 Uploader.displayName = "NutUploader";
 export {