@nutui/nutui-react 1.5.1 → 2.0.0-alpha.1

package/dist/esm/Uploader.js

@@ -4,28 +4,45 @@ 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", "uploadIconSize", "uploadIconTip", "name", "accept", "defaultFileList", "listType", "disabled", "multiple", "url", "defaultImg", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "isPreview", "isDeletable", "maximum", "capture", "maximize", "className", "autoUpload", "clearInput", "iconClassPrefix", "iconFontClassName", "onStart", "onRemove", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "onBeforeUpload", "onBeforeXhrUpload", "onBeforeDelete"];
-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; }
-import React__default, { useState, useEffect, useImperativeHandle } from 'react';
-import classNames from 'classnames';
-import Icon from './Icon.js';
-import Progress from './Progress.js';
-import { c as cn } from './bem-3b438e61.js';
-import { useConfig } from './ConfigProvider.js';
-import { i as isPromise } from './index-030b7245.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
-import '@bem-react/classname';
-var UploadOptions = /*#__PURE__*/_createClass(function UploadOptions() {
-  _classCallCheck(this, UploadOptions);
-  _defineProperty(this, "url", '');
-  _defineProperty(this, "name", 'file');
-  _defineProperty(this, "fileType", 'image');
+var _excluded = ["children", "uploadIcon", "uploadLabel", "name", "accept", "defaultValue", "value", "previewType", "imageFit", "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(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), true).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;
+}
+import React__default, { useState, useEffect, useImperativeHandle } from "react";
+import classNames from "classnames";
+import { Failure, Loading, Link, Del, Photograph } from "@nutui/icons-react";
+import Progress from "./Progress.js";
+import { useConfig } from "./ConfigProvider.js";
+import { i as isPromise } from "./index.js";
+import { C as ComponentDefaults } from "./typings.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, "method", "post");
   _defineProperty(this, "xhrState", 200);
-  _defineProperty(this, "timeout", 30 * 1000);
+  _defineProperty(this, "timeout", 30 * 1e3);
   _defineProperty(this, "headers", {});
   _defineProperty(this, "withCredentials", false);
   _defineProperty(this, "onStart", void 0);
@@ -35,13 +52,13 @@ var UploadOptions = /*#__PURE__*/_createClass(function UploadOptions() {
   _defineProperty(this, "onFailure", void 0);
   _defineProperty(this, "beforeXhrUpload", void 0);
 });
-var Upload = /*#__PURE__*/function () {
-  function Upload(options) {
-    _classCallCheck(this, Upload);
+var Upload = /* @__PURE__ */ function() {
+  function Upload2(options) {
+    _classCallCheck(this, Upload2);
     _defineProperty(this, "options", void 0);
     this.options = options;
   }
-  _createClass(Upload, [{
+  _createClass(Upload2, [{
     key: "upload",
     value: function upload() {
       var options = this.options;
@@ -49,11 +66,11 @@ var Upload = /*#__PURE__*/function () {
       xhr.timeout = options.timeout;
       if (xhr.upload) {
         var _options$onStart;
-        xhr.upload.addEventListener('progress', function (e) {
+        xhr.upload.addEventListener("progress", function(e) {
           var _options$onProgress;
           (_options$onProgress = options.onProgress) === null || _options$onProgress === void 0 ? void 0 : _options$onProgress.call(options, e, options);
         }, false);
-        xhr.onreadystatechange = function () {
+        xhr.onreadystatechange = function() {
           if (xhr.readyState === 4) {
             if (xhr.status === options.xhrState) {
               var _options$onSuccess;
@@ -66,11 +83,8 @@ var Upload = /*#__PURE__*/function () {
         };
         xhr.withCredentials = options.withCredentials;
         xhr.open(options.method, options.url, true);
-        // headers
         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];
+          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 ? void 0 : _options$onStart.call(options, options);
@@ -80,27 +94,25 @@ var Upload = /*#__PURE__*/function () {
           xhr.send(options.formData);
         }
       } else {
-        console.warn('浏览器不支持 XMLHttpRequest');
+        console.warn("浏览器不支持 XMLHttpRequest");
       }
     }
   }]);
-  return Upload;
+  return Upload2;
 }();
-var funcInterceptor = function funcInterceptor(interceptor, _ref) {
-  var _ref$args = _ref.args,
-    args = _ref$args === void 0 ? [] : _ref$args,
-    done = _ref.done,
-    canceled = _ref.canceled;
+var funcInterceptor = function funcInterceptor2(interceptor, _ref) {
+  var _ref$args = _ref.args, args = _ref$args === void 0 ? [] : _ref$args, done = _ref.done, canceled = _ref.canceled;
   if (interceptor) {
     var returnVal = interceptor.apply(null, args);
     if (isPromise(returnVal)) {
-      returnVal.then(function (value) {
+      returnVal.then(function(value) {
         if (value) {
           done(value);
         } else if (canceled) {
           canceled();
         }
-      })["catch"](function () {});
+      })["catch"](function() {
+      });
     } else if (returnVal) {
       done();
     } else if (canceled) {
@@ -111,38 +123,35 @@ var funcInterceptor = function funcInterceptor(interceptor, _ref) {
   }
 };
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  url: '',
-  maximum: 1,
-  uploadIcon: 'photograph',
-  uploadIconSize: '',
-  uploadIconTip: '',
-  listType: 'picture',
-  name: 'file',
-  accept: '*',
+  url: "",
+  maxCount: 1,
+  previewType: "picture",
+  imageFit: "cover",
+  name: "file",
+  accept: "*",
   disabled: false,
   autoUpload: true,
   multiple: false,
-  maximize: Number.MAX_VALUE,
+  maxFileSize: Number.MAX_VALUE,
   data: {},
   headers: {},
-  method: 'post',
-  defaultImg: '',
+  method: "post",
   xhrState: 200,
-  timeout: 1000 * 30,
+  timeout: 1e3 * 30,
   withCredentials: false,
   clearInput: true,
-  isPreview: true,
-  isDeletable: true,
+  preview: true,
+  deletable: true,
   capture: false,
-  onBeforeDelete: function onBeforeDelete(file, files) {
+  beforeDelete: function beforeDelete(file, files) {
     return true;
   }
 });
-var FileItem = /*#__PURE__*/_createClass(function FileItem() {
-  _classCallCheck(this, FileItem);
-  _defineProperty(this, "status", 'ready');
-  _defineProperty(this, "message", '准备中..');
-  _defineProperty(this, "uid", new Date().getTime().toString());
+var FileItem = /* @__PURE__ */ _createClass(function FileItem2() {
+  _classCallCheck(this, FileItem2);
+  _defineProperty(this, "status", "ready");
+  _defineProperty(this, "message", "准备中..");
+  _defineProperty(this, "uid", /* @__PURE__ */ (/* @__PURE__ */ new Date()).getTime().toString());
   _defineProperty(this, "name", void 0);
   _defineProperty(this, "url", void 0);
   _defineProperty(this, "type", void 0);
@@ -150,71 +159,22 @@ var FileItem = /*#__PURE__*/_createClass(function FileItem() {
   _defineProperty(this, "percentage", 0);
   _defineProperty(this, "formData", new FormData());
 });
-var InternalUploader = function InternalUploader(props, ref) {
-  var _useConfig = useConfig(),
-    locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    uploadIcon = _defaultProps$props.uploadIcon,
-    uploadIconSize = _defaultProps$props.uploadIconSize,
-    uploadIconTip = _defaultProps$props.uploadIconTip,
-    name = _defaultProps$props.name,
-    accept = _defaultProps$props.accept,
-    defaultFileList = _defaultProps$props.defaultFileList,
-    listType = _defaultProps$props.listType,
-    disabled = _defaultProps$props.disabled,
-    multiple = _defaultProps$props.multiple,
-    url = _defaultProps$props.url,
-    defaultImg = _defaultProps$props.defaultImg,
-    headers = _defaultProps$props.headers,
-    timeout = _defaultProps$props.timeout,
-    method = _defaultProps$props.method,
-    xhrState = _defaultProps$props.xhrState,
-    withCredentials = _defaultProps$props.withCredentials,
-    data = _defaultProps$props.data,
-    isPreview = _defaultProps$props.isPreview,
-    isDeletable = _defaultProps$props.isDeletable,
-    maximum = _defaultProps$props.maximum,
-    capture = _defaultProps$props.capture,
-    maximize = _defaultProps$props.maximize,
-    className = _defaultProps$props.className,
-    autoUpload = _defaultProps$props.autoUpload,
-    clearInput = _defaultProps$props.clearInput,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    onStart = _defaultProps$props.onStart,
-    onRemove = _defaultProps$props.onRemove,
-    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,
-    onBeforeUpload = _defaultProps$props.onBeforeUpload,
-    onBeforeXhrUpload = _defaultProps$props.onBeforeXhrUpload,
-    onBeforeDelete = _defaultProps$props.onBeforeDelete,
-    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    fileList = _useState2[0],
-    setFileList = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    uploadQueue = _useState4[0],
-    setUploadQueue = _useState4[1];
-  useEffect(function () {
-    if (defaultFileList) {
-      setFileList(defaultFileList);
+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, imageFit = _defaultProps$props.imageFit, 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 _useState = useState(defaultValue || []), _useState2 = _slicedToArray(_useState, 2), fileList = _useState2[0], setFileList = _useState2[1];
+  var _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), uploadQueue = _useState4[0], setUploadQueue = _useState4[1];
+  useEffect(function() {
+    if (value) {
+      setFileList(value);
     }
-  }, [defaultFileList]);
-  var b = cn('uploader');
-  var classes = classNames(className, b(''));
-  useImperativeHandle(ref, function () {
+  }, [value]);
+  var classes = classNames(className, "nut-uploader");
+  useImperativeHandle(ref, function() {
     return {
       submit: function submit() {
-        Promise.all(uploadQueue).then(function (res) {
-          res.forEach(function (i) {
+        Promise.all(uploadQueue).then(function(res) {
+          res.forEach(function(i) {
             return i.upload();
           });
         });
@@ -224,8 +184,8 @@ var InternalUploader = function InternalUploader(props, ref) {
       }
     };
   });
-  var clearUploadQueue = function clearUploadQueue() {
-    var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
+  var clearUploadQueue = function clearUploadQueue2() {
+    var index = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;
     if (index > -1) {
       uploadQueue.splice(index, 1);
       setUploadQueue(uploadQueue);
@@ -235,17 +195,15 @@ var InternalUploader = function InternalUploader(props, ref) {
       setFileList(_toConsumableArray(fileList));
     }
   };
-  var clearInputValue = function clearInputValue(el) {
-    el.value = '';
+  var clearInputValue = function clearInputValue2(el) {
+    el.value = "";
   };
-  var executeUpload = function executeUpload(fileItem, index) {
+  var executeUpload = function executeUpload2(fileItem, index) {
     var uploadOption = new UploadOptions();
     uploadOption.url = url;
     for (var _i2 = 0, _Object$entries2 = Object.entries(data); _i2 < _Object$entries2.length; _i2++) {
-      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2),
-        key = _Object$entries2$_i[0],
-        value = _Object$entries2$_i[1];
-      fileItem.formData.append(key, value);
+      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2), key = _Object$entries2$_i[0], value2 = _Object$entries2$_i[1];
+      fileItem.formData.append(key, value2);
     }
     uploadOption.formData = fileItem.formData;
     uploadOption.timeout = timeout * 1;
@@ -253,94 +211,95 @@ var InternalUploader = function InternalUploader(props, ref) {
     uploadOption.xhrState = xhrState;
     uploadOption.headers = headers;
     uploadOption.withCredentials = withCredentials;
-    uploadOption.beforeXhrUpload = onBeforeXhrUpload;
+    uploadOption.beforeXhrUpload = beforeXhrUpload;
     try {
       uploadOption.sourceFile = fileItem.formData.get(name);
-    } catch (error) {}
-    uploadOption.onStart = function (option) {
+    } catch (error) {
+    }
+    uploadOption.onStart = function(option) {
       clearUploadQueue(index);
-      setFileList(function (fileList) {
-        fileList.map(function (item) {
+      setFileList(function(fileList2) {
+        fileList2.map(function(item) {
           if (item.uid === fileItem.uid) {
-            item.status = 'ready';
+            item.status = "ready";
             item.message = locale.uploader.readyUpload;
           }
           return item;
         });
-        return _toConsumableArray(fileList);
+        return _toConsumableArray(fileList2);
       });
       onStart && onStart(option);
     };
-    uploadOption.onProgress = function (e, option) {
-      setFileList(function (fileList) {
-        fileList.map(function (item) {
+    uploadOption.onProgress = function(e, option) {
+      setFileList(function(fileList2) {
+        fileList2.map(function(item) {
           if (item.uid === fileItem.uid) {
-            item.status = 'uploading';
+            item.status = "uploading";
             item.message = locale.uploader.uploading;
             item.percentage = (e.loaded / e.total * 100).toFixed(0);
             onProgress && onProgress({
-              e: e,
-              option: option,
+              e,
+              option,
               percentage: item.percentage
             });
           }
           return item;
         });
-        return _toConsumableArray(fileList);
+        return _toConsumableArray(fileList2);
       });
     };
-    uploadOption.onSuccess = function (responseText, option) {
-      setFileList(function (fileList) {
-        onUpdate && onUpdate(fileList);
-        fileList.map(function (item) {
+    uploadOption.onSuccess = function(responseText, option) {
+      setFileList(function(fileList2) {
+        onUpdate && onUpdate(fileList2);
+        fileList2.map(function(item) {
           if (item.uid === fileItem.uid) {
-            item.status = 'success';
+            item.status = "success";
             item.message = locale.uploader.success;
           }
           return item;
         });
-        return _toConsumableArray(fileList);
+        return _toConsumableArray(fileList2);
       });
       onSuccess && onSuccess({
-        responseText: responseText,
-        option: option,
-        fileList: fileList
+        responseText,
+        option,
+        fileList
       });
     };
-    uploadOption.onFailure = function (responseText, option) {
-      setFileList(function (fileList) {
-        fileList.map(function (item) {
+    uploadOption.onFailure = function(responseText, option) {
+      setFileList(function(fileList2) {
+        fileList2.map(function(item) {
           if (item.uid === fileItem.uid) {
-            item.status = 'error';
+            item.status = "error";
             item.message = locale.uploader.error;
           }
           return item;
         });
-        return _toConsumableArray(fileList);
+        return _toConsumableArray(fileList2);
       });
       onFailure && onFailure({
-        responseText: responseText,
-        option: option,
-        fileList: fileList
+        responseText,
+        option,
+        fileList
       });
     };
     var task = new Upload(uploadOption);
     if (props.autoUpload) {
       task.upload();
     } else {
-      uploadQueue.push(new Promise(function (resolve, reject) {
+      uploadQueue.push(new Promise(function(resolve, reject) {
         resolve(task);
       }));
       setUploadQueue(uploadQueue);
     }
   };
-  var readFile = function readFile(files) {
-    files.forEach(function (file, index) {
+  var readFile = function readFile2(files) {
+    files.forEach(function(file, index) {
       var formData = new FormData();
       formData.append(name, file);
       var fileItem = new FileItem();
       fileItem.name = file.name;
-      fileItem.status = 'ready';
+      fileItem.status = "ready";
       fileItem.type = file.type;
       fileItem.formData = formData;
       fileItem.uid = file.lastModified + fileItem.uid;
@@ -350,9 +309,9 @@ var InternalUploader = function InternalUploader(props, ref) {
         fileItem.message = locale.uploader.waitingUpload;
       }
       executeUpload(fileItem, index);
-      if (isPreview && file.type.includes('image')) {
+      if (preview && file.type.includes("image")) {
         var reader = new FileReader();
-        reader.onload = function (event) {
+        reader.onload = function(event) {
           fileItem.url = event.target.result;
           fileList.push(fileItem);
           setFileList(_toConsumableArray(fileList));
@@ -364,11 +323,11 @@ var InternalUploader = function InternalUploader(props, ref) {
       }
     });
   };
-  var filterFiles = function filterFiles(files) {
-    var maximum = props.maximum * 1;
+  var filterFiles = function filterFiles2(files) {
+    var maximum = props.maxCount * 1;
     var oversizes = new Array();
-    var filterFile = files.filter(function (file) {
-      if (file.size > maximize) {
+    var filterFile = files.filter(function(file) {
+      if (file.size > maxFileSize) {
         oversizes.push(file);
         return false;
       }
@@ -386,105 +345,105 @@ var InternalUploader = function InternalUploader(props, ref) {
     }
     return filterFile;
   };
-  var deleted = function deleted(file, index) {
+  var deleted = function deleted2(file, index) {
     fileList.splice(index, 1);
-    onRemove && onRemove(file, fileList);
+    onDelete && onDelete(file, fileList);
     setFileList(_toConsumableArray(fileList));
   };
-  var onDelete = function onDelete(file, index) {
+  var onDeleteItem = function onDeleteItem2(file, index) {
     clearUploadQueue(index);
-    funcInterceptor(onBeforeDelete, {
+    funcInterceptor(beforeDelete2, {
       args: [file, fileList],
       done: function done() {
         return deleted(file, index);
       }
     });
   };
-  var fileChange = function fileChange(event) {
+  var fileChange = function fileChange2(event) {
     if (disabled) {
       return;
     }
     var $el = event.target;
     var files = $el.files;
-    if (onBeforeUpload) {
-      onBeforeUpload(new Array().slice.call(files)).then(function (f) {
-        var _files = filterFiles(new Array().slice.call(f));
-        readFile(_files);
+    if (beforeUpload) {
+      beforeUpload(new Array().slice.call(files)).then(function(f) {
+        var _files2 = filterFiles(new Array().slice.call(f));
+        readFile(_files2);
       });
     } else {
       var _files = filterFiles(new Array().slice.call(files));
       readFile(_files);
     }
     onChange && onChange({
-      fileList: fileList,
-      event: event
+      fileList,
+      event
     });
     if (clearInput) {
       clearInputValue($el);
     }
   };
-  var handleItemClick = function handleItemClick(file) {
+  var handleItemClick = function handleItemClick2(file) {
     onFileItemClick && onFileItemClick(file);
   };
   return React__default.createElement("div", _objectSpread({
     className: classes
   }, restProps), children && React__default.createElement("div", {
     className: "nut-uploader__slot"
-  }, React__default.createElement(React__default.Fragment, null, children, maximum > fileList.length && React__default.createElement(React__default.Fragment, null, capture ? React__default.createElement("input", {
+  }, React__default.createElement(React__default.Fragment, null, children, maxCount > fileList.length && React__default.createElement(React__default.Fragment, null, capture ? React__default.createElement("input", {
     className: "nut-uploader__input",
     type: "file",
     capture: "user",
-    name: name,
-    accept: accept,
-    disabled: disabled,
-    multiple: multiple,
+    name,
+    accept,
+    disabled,
+    multiple,
     onChange: fileChange
   }) : React__default.createElement("input", {
     className: "nut-uploader__input",
     type: "file",
-    name: name,
-    accept: accept,
-    disabled: disabled,
-    multiple: multiple,
+    name,
+    accept,
+    disabled,
+    multiple,
     onChange: fileChange
-  })))), fileList.length !== 0 && fileList.map(function (item, index) {
+  })))), fileList.length !== 0 && fileList.map(function(item, index) {
     return React__default.createElement("div", {
-      className: "nut-uploader__preview ".concat(listType),
+      className: "nut-uploader__preview ".concat(previewType),
       key: item.uid
-    }, listType === 'picture' && !children && React__default.createElement("div", {
+    }, previewType === "picture" && !children && React__default.createElement("div", {
       className: "nut-uploader__preview-img"
-    }, isDeletable && React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
+    }, deletable && React__default.createElement(Failure, {
       color: "rgba(0,0,0,0.6)",
       className: "close",
-      name: "failure",
       onClick: function onClick() {
-        return onDelete(item, index);
+        return onDeleteItem(item, index);
       }
-    }), item.status === 'ready' ? React__default.createElement("div", {
+    }), 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", {
+    }, item.message)) : item.status !== "success" && React__default.createElement("div", {
       className: "nut-uploader__preview__progress"
-    }, item.failIcon === ' ' || item.loadingIcon === ' ' ? null : React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      color: "#fff",
-      name: "".concat(item.status === 'error' ? "".concat(item.failIcon || 'failure') : "".concat(item.loadingIcon || 'loading'))
-    }), React__default.createElement("div", {
+    }, item.failIcon !== " " && item.loadingIcon !== " " && (item.status === "error" ? item.failIcon || React__default.createElement(Failure, {
+      color: "#fff"
+    }) : item.loadingIcon || React__default.createElement(Loading, {
+      className: "nut-icon-loading",
+      color: "#fff"
+    })), React__default.createElement("div", {
       className: "nut-uploader__preview__progress__msg"
-    }, item.message)), item.type.includes('image') ? React__default.createElement(React__default.Fragment, null, item.url && React__default.createElement("img", {
+    }, item.message)), 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: imageFit
+      },
       src: item.url,
       alt: "",
       onClick: function onClick() {
         return handleItemClick(item);
       }
-    })) : React__default.createElement(React__default.Fragment, null, defaultImg ? React__default.createElement("img", {
+    })) : React__default.createElement(React__default.Fragment, null, previewUrl ? React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
-      src: defaultImg,
+      src: previewUrl,
       alt: "",
       onClick: function onClick() {
         return handleItemClick(item);
@@ -496,71 +455,61 @@ var InternalUploader = function InternalUploader(props, ref) {
         return handleItemClick(item);
       },
       className: "nut-uploader__preview-img__file__name"
-    }, React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      color: "#808080",
-      name: "link"
-    }), "\xA0", item.name))), item.status === 'success' ? React__default.createElement("div", {
+    }, React__default.createElement(Link, {
+      color: "#808080"
+    }), " ", item.name))), item.status === "success" ? React__default.createElement("div", {
       className: "tips"
-    }, item.name) : null), listType === 'list' && React__default.createElement("div", {
+    }, 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);
       }
-    }, React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: "link"
-    }), "\xA0", item.name), isDeletable && React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
+    }, React__default.createElement(Link, null), " ", item.name), deletable && React__default.createElement(Del, {
       color: "#808080",
       className: "nut-uploader__preview-img__file__del",
-      name: "del",
       onClick: function onClick() {
-        return onDelete(item, index);
+        return onDeleteItem(item, index);
       }
-    }), item.status === 'uploading' && React__default.createElement(Progress, {
+    }), item.status === "uploading" && React__default.createElement(Progress, {
       size: "small",
       percentage: item.percentage,
       strokeColor: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)",
       showText: false
     })));
-  }), maximum > fileList.length && listType === 'picture' && !children && React__default.createElement("div", {
-    className: "nut-uploader__upload ".concat(listType, " ").concat(disabled ? 'nut-uploader__upload-disabled' : '')
+  }), maxCount > fileList.length && previewType === "picture" && !children && React__default.createElement("div", {
+    className: "nut-uploader__upload ".concat(previewType, " ").concat(disabled ? "nut-uploader__upload-disabled" : "")
   }, React__default.createElement("div", {
     className: "nut-uploader__icon"
-  }, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    size: uploadIconSize,
-    color: "#808080",
-    name: uploadIcon
+  }, uploadIcon || React__default.createElement(Photograph, {
+    width: "20px",
+    height: "20px",
+    color: "#808080"
   }), React__default.createElement("span", {
     className: "nut-uploader__icon-tip"
-  }, uploadIconTip)), capture ? React__default.createElement("input", {
+  }, uploadLabel)), capture ? React__default.createElement("input", {
     className: "nut-uploader__input",
     type: "file",
     capture: "user",
-    name: name,
-    accept: accept,
-    disabled: disabled,
-    multiple: multiple,
+    name,
+    accept,
+    disabled,
+    multiple,
     onChange: fileChange
   }) : React__default.createElement("input", {
     className: "nut-uploader__input",
     type: "file",
-    name: name,
-    accept: accept,
-    disabled: disabled,
-    multiple: multiple,
+    name,
+    accept,
+    disabled,
+    multiple,
     onChange: fileChange
   })));
 };
 var Uploader = React__default.forwardRef(InternalUploader);
 Uploader.defaultProps = defaultProps;
-Uploader.displayName = 'NutUploader';
-export { Uploader as default };
+Uploader.displayName = "NutUploader";
+export {
+  Uploader as default
+};