acud 1.2.18 → 1.2.20

package/dist/acud.js

@@ -1,4 +1,4 @@
-/*! acud v1.2.18 */
+/*! acud v1.2.20 */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory(require("react"), require("react-dom"));
@@ -46954,19 +46954,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _BaseUpload__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./BaseUpload */ "./components/upload/BaseUpload/index.ts");
-/* harmony import */ var rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rc-util/es/hooks/useMergedState */ "./node_modules/rc-util/es/hooks/useMergedState.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var _Dragger__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Dragger */ "./components/upload/Dragger.tsx");
-/* harmony import */ var _UploadList__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./UploadList */ "./components/upload/UploadList/index.tsx");
-/* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./interface */ "./components/upload/interface.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UploadProps", function() { return _interface__WEBPACK_IMPORTED_MODULE_12__["UploadProps"]; });
-
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./utils */ "./components/upload/utils.tsx");
-/* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale-provider/LocaleReceiver.tsx");
-/* harmony import */ var _locale_default__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../locale/default */ "./components/locale/default.tsx");
-/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _BaseUpload__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./BaseUpload */ "./components/upload/BaseUpload/index.ts");
+/* harmony import */ var rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! rc-util/es/hooks/useMergedState */ "./node_modules/rc-util/es/hooks/useMergedState.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _Dragger__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Dragger */ "./components/upload/Dragger.tsx");
+/* harmony import */ var _UploadList__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./UploadList */ "./components/upload/UploadList/index.tsx");
+/* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./interface */ "./components/upload/interface.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UploadProps", function() { return _interface__WEBPACK_IMPORTED_MODULE_13__["UploadProps"]; });
+
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./utils */ "./components/upload/utils.tsx");
+/* harmony import */ var _locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../locale-provider/LocaleReceiver */ "./components/locale-provider/LocaleReceiver.tsx");
+/* harmony import */ var _locale_default__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../locale/default */ "./components/locale/default.tsx");
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
 
 
 
@@ -47015,6 +47017,7 @@ var __awaiter = undefined && undefined.__awaiter || function (thisArg, _argument
 
 
 
+
 var LIST_IGNORE = "__LIST_IGNORE_".concat(Date.now(), "__");
 
 var InternalUpload = function InternalUpload(props, ref) {
@@ -47046,7 +47049,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     description = props.description,
     _props$desPosition = props.desPosition,
     desPosition = _props$desPosition === void 0 ? 'bottom' : _props$desPosition;
-  var _useMergedState = Object(rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_8__["default"])(defaultFileList || [], {
+  var _useMergedState = Object(rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_9__["default"])(defaultFileList || [], {
       value: fileList,
       postState: function postState(list) {
         return list !== null && list !== void 0 ? list : [];
@@ -47073,7 +47076,11 @@ var InternalUpload = function InternalUpload(props, ref) {
     var cloneList = Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_3__["default"])(changedFileList);
     // Cut to match count
     cloneList = cloneList.slice(0, maxCount);
-    setMergedFileList(cloneList);
+    // Prevent React18 auto batch since input[upload] trigger process at same time
+    // which makes fileList closure problem
+    Object(react_dom__WEBPACK_IMPORTED_MODULE_7__["flushSync"])(function () {
+      setMergedFileList(cloneList);
+    });
     var changeInfo = {
       file: file,
       fileList: cloneList
@@ -47081,7 +47088,9 @@ var InternalUpload = function InternalUpload(props, ref) {
     if (event) {
       changeInfo.event = event;
     }
-    onChange === null || onChange === void 0 ? void 0 : onChange(changeInfo);
+    Object(react_dom__WEBPACK_IMPORTED_MODULE_7__["flushSync"])(function () {
+      onChange === null || onChange === void 0 ? void 0 : onChange(changeInfo);
+    });
   };
   var mergedBeforeUpload = function mergedBeforeUpload(file, fileListArgs) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_5___default.a.mark(function _callee() {
@@ -47148,13 +47157,13 @@ var InternalUpload = function InternalUpload(props, ref) {
       return;
     }
     var objectFileList = filteredFileInfoList.map(function (info) {
-      return Object(_utils__WEBPACK_IMPORTED_MODULE_13__["file2Obj"])(info.file);
+      return Object(_utils__WEBPACK_IMPORTED_MODULE_14__["file2Obj"])(info.file);
     });
     // Concat new files with prev files
     var newFileList = Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_3__["default"])(mergedFileList);
     objectFileList.forEach(function (fileObj) {
       // Replace file if exist
-      newFileList = Object(_utils__WEBPACK_IMPORTED_MODULE_13__["updateFileList"])(fileObj, newFileList);
+      newFileList = Object(_utils__WEBPACK_IMPORTED_MODULE_14__["updateFileList"])(fileObj, newFileList);
     });
     objectFileList.forEach(function (fileObj, index) {
       // Repeat trigger `onChange` event for compatible
@@ -47193,38 +47202,38 @@ var InternalUpload = function InternalUpload(props, ref) {
       /* do nothing */
     }
     // removed
-    if (!Object(_utils__WEBPACK_IMPORTED_MODULE_13__["getFileItem"])(file, mergedFileList)) {
+    if (!Object(_utils__WEBPACK_IMPORTED_MODULE_14__["getFileItem"])(file, mergedFileList)) {
       return;
     }
-    var targetItem = Object(_utils__WEBPACK_IMPORTED_MODULE_13__["file2Obj"])(file);
+    var targetItem = Object(_utils__WEBPACK_IMPORTED_MODULE_14__["file2Obj"])(file);
     targetItem.status = 'done';
     targetItem.percent = 100;
     targetItem.response = response;
     targetItem.xhr = xhr;
-    var nextFileList = Object(_utils__WEBPACK_IMPORTED_MODULE_13__["updateFileList"])(targetItem, mergedFileList);
+    var nextFileList = Object(_utils__WEBPACK_IMPORTED_MODULE_14__["updateFileList"])(targetItem, mergedFileList);
     onInternalChange(targetItem, nextFileList);
   };
   var onProgress = function onProgress(e, file) {
     // removed
-    if (!Object(_utils__WEBPACK_IMPORTED_MODULE_13__["getFileItem"])(file, mergedFileList)) {
+    if (!Object(_utils__WEBPACK_IMPORTED_MODULE_14__["getFileItem"])(file, mergedFileList)) {
       return;
     }
-    var targetItem = Object(_utils__WEBPACK_IMPORTED_MODULE_13__["file2Obj"])(file);
+    var targetItem = Object(_utils__WEBPACK_IMPORTED_MODULE_14__["file2Obj"])(file);
     targetItem.status = 'uploading';
     targetItem.percent = e.percent;
-    var nextFileList = Object(_utils__WEBPACK_IMPORTED_MODULE_13__["updateFileList"])(targetItem, mergedFileList);
+    var nextFileList = Object(_utils__WEBPACK_IMPORTED_MODULE_14__["updateFileList"])(targetItem, mergedFileList);
     onInternalChange(targetItem, nextFileList, e);
   };
   var onError = function onError(error, response, file) {
     // removed
-    if (!Object(_utils__WEBPACK_IMPORTED_MODULE_13__["getFileItem"])(file, mergedFileList)) {
+    if (!Object(_utils__WEBPACK_IMPORTED_MODULE_14__["getFileItem"])(file, mergedFileList)) {
       return;
     }
-    var targetItem = Object(_utils__WEBPACK_IMPORTED_MODULE_13__["file2Obj"])(file);
+    var targetItem = Object(_utils__WEBPACK_IMPORTED_MODULE_14__["file2Obj"])(file);
     targetItem.error = error;
     targetItem.response = response;
     targetItem.status = 'error';
-    var nextFileList = Object(_utils__WEBPACK_IMPORTED_MODULE_13__["updateFileList"])(targetItem, mergedFileList);
+    var nextFileList = Object(_utils__WEBPACK_IMPORTED_MODULE_14__["updateFileList"])(targetItem, mergedFileList);
     onInternalChange(targetItem, nextFileList);
   };
   var handleUpload = function handleUpload(file) {
@@ -47253,7 +47262,7 @@ var InternalUpload = function InternalUpload(props, ref) {
       if (ret === false) {
         return;
       }
-      var removedFileList = Object(_utils__WEBPACK_IMPORTED_MODULE_13__["removeFileItem"])(file, mergedFileList);
+      var removedFileList = Object(_utils__WEBPACK_IMPORTED_MODULE_14__["removeFileItem"])(file, mergedFileList);
       if (removedFileList) {
         currentFile = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, file), {
           status: 'removed'
@@ -47286,7 +47295,7 @@ var InternalUpload = function InternalUpload(props, ref) {
       upload: upload.current
     };
   });
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_6__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_16__["ConfigContext"]),
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_6__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_17__["ConfigContext"]),
     getPrefixCls = _React$useContext.getPrefixCls,
     direction = _React$useContext.direction;
   var prefixCls = getPrefixCls('upload', customizePrefixCls);
@@ -47306,9 +47315,9 @@ var InternalUpload = function InternalUpload(props, ref) {
     delete rcUploadProps.id;
   }
   var renderUploadList = function renderUploadList(button) {
-    return showUploadList ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"](_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_14__["default"], {
+    return showUploadList ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"](_locale_provider_LocaleReceiver__WEBPACK_IMPORTED_MODULE_15__["default"], {
       componentName: "Upload",
-      defaultLocale: _locale_default__WEBPACK_IMPORTED_MODULE_15__["default"].Upload
+      defaultLocale: _locale_default__WEBPACK_IMPORTED_MODULE_16__["default"].Upload
     }, function (locale) {
       var _ref = typeof showUploadList === 'boolean' ? {} : showUploadList,
         showRemoveIcon = _ref.showRemoveIcon,
@@ -47318,7 +47327,7 @@ var InternalUpload = function InternalUpload(props, ref) {
         removeIcon = _ref.removeIcon,
         uploadIcon = _ref.uploadIcon,
         downloadIcon = _ref.downloadIcon;
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"](_UploadList__WEBPACK_IMPORTED_MODULE_11__["default"], {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"](_UploadList__WEBPACK_IMPORTED_MODULE_12__["default"], {
         listType: listType,
         items: mergedFileList,
         motionDeadline: motionDeadline,
@@ -47345,7 +47354,7 @@ var InternalUpload = function InternalUpload(props, ref) {
   };
   if (type === 'drag') {
     var _classNames;
-    var dragCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()(prefixCls, (_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames, "".concat(prefixCls, "-drag"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames, "".concat(prefixCls, "-drag-uploading"), mergedFileList.some(function (file) {
+    var dragCls = classnames__WEBPACK_IMPORTED_MODULE_10___default()(prefixCls, (_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames, "".concat(prefixCls, "-drag"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames, "".concat(prefixCls, "-drag-uploading"), mergedFileList.some(function (file) {
       return file.status === 'uploading';
     })), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames, "".concat(prefixCls, "-drag-hover"), dragState === 'dragover'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames, "".concat(prefixCls, "-drag-click"), dragState === 'mousedown'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames, "".concat(prefixCls, "-disabled"), disabled), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className);
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("span", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("div", {
@@ -47357,29 +47366,29 @@ var InternalUpload = function InternalUpload(props, ref) {
       onMouseUp: onFileDrop,
       onMouseLeave: onFileDrop,
       style: style
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"](_BaseUpload__WEBPACK_IMPORTED_MODULE_7__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, rcUploadProps, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"](_BaseUpload__WEBPACK_IMPORTED_MODULE_8__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, rcUploadProps, {
       ref: upload,
       className: "".concat(prefixCls, "-btn")
     }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("div", {
       className: "".concat(prefixCls, "-drag-container")
     }, children))), renderUploadList());
   }
-  var uploadButtonCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()(prefixCls, (_classNames2 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames2, "".concat(prefixCls, "-select"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames2, "".concat(prefixCls, "-select-").concat(listType), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames2, "".concat(prefixCls, "-disabled"), disabled), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames2));
+  var uploadButtonCls = classnames__WEBPACK_IMPORTED_MODULE_10___default()(prefixCls, (_classNames2 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames2, "".concat(prefixCls, "-select"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames2, "".concat(prefixCls, "-select-").concat(listType), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames2, "".concat(prefixCls, "-disabled"), disabled), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames2));
   var uploadButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("div", {
     className: uploadButtonCls,
     "aria-disabled": disabled,
     style: children ? undefined : {
       display: 'none'
     }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"](_BaseUpload__WEBPACK_IMPORTED_MODULE_7__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, rcUploadProps, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"](_BaseUpload__WEBPACK_IMPORTED_MODULE_8__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, rcUploadProps, {
     ref: upload
   })));
   if (listType === 'picture-card') {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("span", {
-      className: classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(prefixCls, "-picture-card-wrapper"), className)
+      className: classnames__WEBPACK_IMPORTED_MODULE_10___default()("".concat(prefixCls, "-picture-card-wrapper"), className)
     }, renderUploadList(uploadButton));
   }
-  var desPositionCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()(prefixCls, (_classNames3 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(prefixCls, "-des-bottom"), desPosition === 'bottom'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(prefixCls, "-des-right"), desPosition === 'right'), _classNames3));
+  var desPositionCls = classnames__WEBPACK_IMPORTED_MODULE_10___default()(prefixCls, (_classNames3 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(prefixCls, "-des-bottom"), desPosition === 'bottom'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames3, "".concat(prefixCls, "-des-right"), desPosition === 'right'), _classNames3));
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("span", {
     className: className
   }, uploadButton, description !== undefined ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("div", {
@@ -47387,7 +47396,7 @@ var InternalUpload = function InternalUpload(props, ref) {
   }, description) : null, renderUploadList());
 };
 var Upload = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["forwardRef"](InternalUpload);
-Upload.Dragger = _Dragger__WEBPACK_IMPORTED_MODULE_10__["default"];
+Upload.Dragger = _Dragger__WEBPACK_IMPORTED_MODULE_11__["default"];
 Upload.LIST_IGNORE = LIST_IGNORE;
 Upload.displayName = 'Upload';
 Upload.defaultProps = {
@@ -47477,22 +47486,31 @@ var ListItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](fun
     onClose = _ref.onClose,
     onUpload = _ref.onUpload;
   var _a, _b;
-  // Delay to show the progress bar
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_3__["useState"](false),
+  var status = file.status;
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_3__["useState"](status),
     _React$useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_React$useState, 2),
-    showProgress = _React$useState2[0],
-    setShowProgress = _React$useState2[1];
-  var progressRafRef = react__WEBPACK_IMPORTED_MODULE_3__["useRef"]();
+    mergedStatus = _React$useState2[0],
+    setMergedStatus = _React$useState2[1];
+  react__WEBPACK_IMPORTED_MODULE_3__["useEffect"](function () {
+    if (status !== 'removed') {
+      setMergedStatus(status);
+    }
+  }, [status]);
+  // Delay to show the progress bar
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_3__["useState"](false),
+    _React$useState4 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_React$useState3, 2),
+    showProgress = _React$useState4[0],
+    setShowProgress = _React$useState4[1];
   // 外部传入的file 无法重传，根据originFileObj来判断是本地选中的
   var showUploadIcon = react__WEBPACK_IMPORTED_MODULE_3__["useMemo"](function () {
     return !!(file === null || file === void 0 ? void 0 : file.originFileObj) && internalShowUploadIcon;
   }, [file, internalShowUploadIcon]);
   react__WEBPACK_IMPORTED_MODULE_3__["useEffect"](function () {
-    progressRafRef.current = setTimeout(function () {
+    var timer = setTimeout(function () {
       setShowProgress(true);
     }, 300);
     return function () {
-      window.clearTimeout(progressRafRef.current);
+      window.clearTimeout(timer);
     };
   }, []);
   // This is used for legacy span make scrollHeight the wrong value.
@@ -47503,9 +47521,9 @@ var ListItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](fun
     className: "".concat(prefixCls, "-text-icon")
   }, iconNode);
   if (listType === 'picture' || listType === 'picture-card') {
-    if (file.status === 'uploading' || !file.thumbUrl && !file.url) {
+    if (mergedStatus === 'uploading' || !file.thumbUrl && !file.url) {
       var _classNames;
-      var uploadingClassName = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames, "".concat(prefixCls, "-list-item-thumbnail"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames, "".concat(prefixCls, "-list-item-file"), file.status !== 'uploading'), _classNames));
+      var uploadingClassName = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames, "".concat(prefixCls, "-list-item-thumbnail"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames, "".concat(prefixCls, "-list-item-file"), mergedStatus !== 'uploading'), _classNames));
       icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", {
         className: uploadingClassName
       }, iconNode);
@@ -47528,7 +47546,7 @@ var ListItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](fun
       }, thumbnail);
     }
   }
-  var infoUploadingClass = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames3 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames3, "".concat(prefixCls, "-list-item"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames3, "".concat(prefixCls, "-list-item-").concat(file.status), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames3, "".concat(prefixCls, "-list-item-list-type-").concat(listType), true), _classNames3));
+  var infoUploadingClass = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames3 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames3, "".concat(prefixCls, "-list-item"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames3, "".concat(prefixCls, "-list-item-").concat(mergedStatus), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames3, "".concat(prefixCls, "-list-item-list-type-").concat(listType), true), _classNames3));
   var linkProps = typeof file.linkProps === 'string' ? JSON.parse(file.linkProps) : file.linkProps;
   var removeIcon = showRemoveIcon ? actionIconRender((typeof customRemoveIcon === 'function' ? customRemoveIcon(file) : customRemoveIcon) || (listType === 'text' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](acud_icon_es_icons_OutlinedClose__WEBPACK_IMPORTED_MODULE_8__["default"], {
     width: 16
@@ -47586,9 +47604,9 @@ var ListItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](fun
   var uploadIcon = showUploadIcon ? actionIconRender((typeof customUploadIcon === 'function' ? customUploadIcon(file) : customUploadIcon) || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](acud_icon_es_icons_OutlinedButtonUpload__WEBPACK_IMPORTED_MODULE_10__["default"], null), function () {
     return onUpload(file);
   }, prefixCls, locale.uploadFile) : null;
-  var actions = listType === 'picture-card' && file.status !== 'uploading' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("span", {
+  var actions = listType === 'picture-card' && mergedStatus !== 'uploading' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("span", {
     className: "".concat(prefixCls, "-list-item-actions")
-  }, file.status === 'done' && previewIcon, file.status === 'done' && downloadIcon, ['error', 'done'].includes(file.status) && uploadIcon, removeIcon);
+  }, mergedStatus === 'done' && previewIcon, mergedStatus === 'done' && downloadIcon, ['error', 'done'].includes(mergedStatus) && uploadIcon, removeIcon);
   var message;
   if (file.response && typeof file.response === 'string') {
     message = file.response;
@@ -47607,7 +47625,11 @@ var ListItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](fun
     className: "".concat(prefixCls, "-list-item-info")
   }, iconAndPreview), actions, showProgress && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](rc_motion__WEBPACK_IMPORTED_MODULE_4__["default"], {
     motionName: "".concat(rootPrefixCls, "-fade"),
-    visible: file.status === 'uploading',
+    visible: mergedStatus === 'uploading'
+    // rc-motion 锁了版本2.4.3，但是新版本（2.7.3）已经fix，所以采用key
+    // https://github.com/react-component/motion/pull/24
+    ,
+    key: mergedStatus,
     motionDeadline: motionDeadline
   }, function (_ref2) {
     var motionClassName = _ref2.className;
@@ -47625,7 +47647,7 @@ var ListItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](fun
     }, loadingProgress);
   }));
   var listContainerNameClass = classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(prefixCls, "-list-").concat(listType, "-container"), className);
-  var item = file.status === 'error' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_tooltip__WEBPACK_IMPORTED_MODULE_11__["default"], {
+  var item = mergedStatus === 'error' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_tooltip__WEBPACK_IMPORTED_MODULE_11__["default"], {
     title: message,
     overlayClassName: "error-tooltip",
     getPopupContainer: function getPopupContainer(node) {