tdesign-react 0.25.1 → 0.26.0

package/lib/upload/tips.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -11,25 +11,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-2c3f65c5.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+require('../_chunks/dep-2e128b45.js');
+require('../_chunks/dep-ca7914de.js');
+require('../_chunks/dep-d260b48d.js');
+require('../_chunks/dep-7f9dd76c.js');
+require('../_chunks/dep-af5977f3.js');
+require('../_chunks/dep-81c8f336.js');
+require('../_chunks/dep-346e4fd6.js');
+require('../_chunks/dep-bd8388db.js');
+require('../_chunks/dep-91b0bcca.js');
+require('../_chunks/dep-0dcb1822.js');
+require('../_chunks/dep-b9ebc0ad.js');
+require('../_chunks/dep-4f241655.js');
+require('../_chunks/dep-fe548b95.js');
+require('../_chunks/dep-7dafe964.js');
+require('../_chunks/dep-e5b97b7b.js');
+require('../_chunks/dep-c093a95b.js');
+require('../_chunks/dep-d55e22e6.js');
 require('../_common/js/locale/zh_CN.js');
-require('../config-provider/defaultConfig.js');
+require('../config-provider/zh_CN_config.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/upload/type.d.ts

@@ -1,6 +1,5 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2022-01-11 14:36:25
  * */
 import { TNode } from '../common';
 import { MouseEvent, DragEvent } from 'react';
@@ -168,6 +167,10 @@ export interface TdUploadProps {
      * 移除文件时触发
      */
     onRemove?: (context: UploadRemoveContext) => void;
+    /**
+     * 文件选择后，上传开始前，触发
+     */
+    onSelectChange?: (value: Array<UploadFile>) => void;
     /**
      * 上传成功后触发
      */

package/lib/upload/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/lib/upload/types.d.ts

@@ -17,6 +17,7 @@ export interface UploadProps extends Omit<TdUploadProps, 'files'> {
 }
 export interface TdUploadFile extends UploadFile {
     uid?: string;
+    xhr?: XMLHttpRequest;
 }
 export interface HTMLInputEvent extends Event {
     target: HTMLInputElement & EventTarget;

package/lib/upload/types.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/lib/upload/upload-trigger.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,41 +8,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('../_chunks/dep-661ad10f.js');
+var slicedToArray = require('../_chunks/dep-1c9c3eb3.js');
 var React = require('react');
 var tdesignIconsReact = require('tdesign-icons-react');
 var _util_useConfig = require('../_util/useConfig.js');
 var locale_LocalReceiver = require('../locale/LocalReceiver.js');
 var button_index = require('../button/index.js');
-require('../_chunks/dep-4e4ea898.js');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-2c3f65c5.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+require('../_chunks/dep-802cffb1.js');
+require('../_chunks/dep-2e128b45.js');
+require('../_chunks/dep-ca7914de.js');
+require('../_chunks/dep-d260b48d.js');
+require('../_chunks/dep-7f9dd76c.js');
+require('../_chunks/dep-af5977f3.js');
+require('../_chunks/dep-81c8f336.js');
+require('../_chunks/dep-346e4fd6.js');
+require('../_chunks/dep-bd8388db.js');
+require('../_chunks/dep-91b0bcca.js');
+require('../_chunks/dep-0dcb1822.js');
+require('../_chunks/dep-b9ebc0ad.js');
+require('../_chunks/dep-4f241655.js');
+require('../_chunks/dep-fe548b95.js');
+require('../_chunks/dep-7dafe964.js');
+require('../_chunks/dep-e5b97b7b.js');
+require('../_chunks/dep-c093a95b.js');
+require('../_chunks/dep-d55e22e6.js');
 require('../_common/js/locale/zh_CN.js');
-require('../config-provider/defaultConfig.js');
+require('../config-provider/zh_CN_config.js');
 require('../button/Button.js');
-require('../_chunks/dep-3a9ef687.js');
+require('../_chunks/dep-118265e9.js');
 require('classnames');
 require('../_util/noop.js');
 require('../_util/useRipple.js');
+require('../_util/useAnimation.js');
 require('../_util/setStyle.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-be015aaa.js');
+require('../_chunks/dep-4aa7b082.js');
 require('../_util/easing.js');
 require('../loading/index.js');
 require('../loading/loading.js');

package/lib/upload/upload-trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-trigger.js","sources":["../../src/upload/upload-trigger.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { UploadIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport Button from '../button';\n\nexport interface UploadTriggerProps {\n  onClick?: () => void;\n}\n\nconst UploadTrigger: FC<UploadTriggerProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const [locale, t] = useLocaleReceiver('upload');\n\n  return (\n    <div className={`${classPrefix}-upload__trigger`} onClick={props.onClick}>\n      {props.children ? (\n        props.children\n      ) : (\n        <Button icon={<UploadIcon />} variant=\"outline\">\n          {t(locale.triggerUploadText.fileInput)}\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport default UploadTrigger;\n"],"names":["UploadTrigger","props","useConfig","classPrefix","useLocaleReceiver","locale","t","React","createElement","className","onClick","children","Button","icon","UploadIcon","variant","triggerUploadText","fileInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;AAC/B,mBAAwBC,0BAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,2BAAoBC,sCAAiB,CAAC,QAAD,CAArC;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,CAAf;;AACA,wBAAuBC,yBAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,YAAKN,WAAL,qBADuC;AAEhDO,IAAAA,OAAO,EAAET,KAAK,CAACS;AAFiC,GAA3B,EAGpBT,KAAK,CAACU,QAAN,GAAiBV,KAAK,CAACU,QAAvB,kBAAkDJ,yBAAK,CAACC,aAAN,CAAoBI,mBAApB,EAA4B;AAC/EC,IAAAA,IAAI,iBAAkBN,yBAAK,CAACC,aAAN,CAAoBM,4BAApB,EAAgC,IAAhC,CADyD;AAE/EC,IAAAA,OAAO,EAAE;AAFsE,GAA5B,EAGlDT,CAAC,CAACD,MAAM,CAACW,iBAAP,CAAyBC,SAA1B,CAHiD,CAH9B,CAAvB;AAOD;;;;"}
+{"version":3,"file":"upload-trigger.js","sources":["../../src/upload/upload-trigger.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { UploadIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport Button from '../button';\n\nexport interface UploadTriggerProps {\n  onClick?: () => void;\n}\n\nconst UploadTrigger: FC<UploadTriggerProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const [locale, t] = useLocaleReceiver('upload');\n\n  return (\n    <div className={`${classPrefix}-upload__trigger`} onClick={props.onClick}>\n      {props.children ? (\n        props.children\n      ) : (\n        <Button icon={<UploadIcon />} variant=\"outline\">\n          {t(locale.triggerUploadText.fileInput)}\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport default UploadTrigger;\n"],"names":["UploadTrigger","props","useConfig","classPrefix","useLocaleReceiver","locale","t","React","createElement","className","onClick","children","Button","icon","UploadIcon","variant","triggerUploadText","fileInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;AAC/B,mBAAwBC,0BAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,2BAAoBC,sCAAiB,CAAC,QAAD,CAArC;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,CAAf;;AACA,wBAAuBC,yBAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,YAAKN,WAAL,qBADuC;AAEhDO,IAAAA,OAAO,EAAET,KAAK,CAACS;AAFiC,GAA3B,EAGpBT,KAAK,CAACU,QAAN,GAAiBV,KAAK,CAACU,QAAvB,kBAAkDJ,yBAAK,CAACC,aAAN,CAAoBI,mBAApB,EAA4B;AAC/EC,IAAAA,IAAI,iBAAkBN,yBAAK,CAACC,aAAN,CAAoBM,4BAApB,EAAgC,IAAhC,CADyD;AAE/EC,IAAAA,OAAO,EAAE;AAFsE,GAA5B,EAGlDT,CAAC,CAACD,MAAM,CAACW,iBAAP,CAAyBC,SAA1B,CAHiD,CAH9B,CAAvB;AAOD;;;;"}

package/lib/upload/upload.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,29 +8,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var toConsumableArray = require('../_chunks/dep-401ea197.js');
-var index = require('../_chunks/dep-78e94fbb.js');
-var defineProperty = require('../_chunks/dep-2c3f65c5.js');
-var slicedToArray = require('../_chunks/dep-661ad10f.js');
+var index = require('../_chunks/dep-71af112c.js');
+var defineProperty = require('../_chunks/dep-ca7914de.js');
+var toConsumableArray = require('../_chunks/dep-aabd119c.js');
+var slicedToArray = require('../_chunks/dep-1c9c3eb3.js');
 var React = require('react');
-var isEmpty = require('../_chunks/dep-b6642355.js');
-var _cacheHas = require('../_chunks/dep-d4e84af2.js');
-var _typeof = require('../_chunks/dep-ab7e56ed.js');
-var keysIn = require('../_chunks/dep-1626b298.js');
-var _baseGetTag = require('../_chunks/dep-bad88682.js');
-var _isIndex = require('../_chunks/dep-c44bb200.js');
-var _getAllKeys = require('../_chunks/dep-0c9ff57a.js');
-var _getTag = require('../_chunks/dep-b38beed2.js');
-var isArray$2 = require('../_chunks/dep-da5c2a7e.js');
-var isTypedArray$1 = require('../_chunks/dep-d02f776a.js');
-var isObjectLike$1 = require('../_chunks/dep-ac761868.js');
-var isFunction = require('../_chunks/dep-907a36e3.js');
-var get$1 = require('../_chunks/dep-ab3cca64.js');
-var hasIn$1 = require('../_chunks/dep-d8f3ac59.js');
-var _baseGet = require('../_chunks/dep-d0e8adc2.js');
-var _setToString = require('../_chunks/dep-c67594a4.js');
-var _baseProperty = require('../_chunks/dep-4cdae517.js');
-var toInteger$1 = require('../_chunks/dep-d9f6accc.js');
+var isEmpty = require('../_chunks/dep-24f2d7a4.js');
+var _baseGet = require('../_chunks/dep-929b29ba.js');
+var hasIn$1 = require('../_chunks/dep-c4ccee0d.js');
+var _setToString = require('../_chunks/dep-7f9dd76c.js');
+var _cacheHas = require('../_chunks/dep-fecbd34e.js');
+var _typeof = require('../_chunks/dep-bd8388db.js');
+var keysIn = require('../_chunks/dep-d260b48d.js');
+var _baseGetTag = require('../_chunks/dep-346e4fd6.js');
+var _isIndex = require('../_chunks/dep-0dcb1822.js');
+var _getAllKeys = require('../_chunks/dep-8493ce5f.js');
+var _getTag = require('../_chunks/dep-696addc0.js');
+var isArray$2 = require('../_chunks/dep-c093a95b.js');
+var isTypedArray$1 = require('../_chunks/dep-e5b97b7b.js');
+var isObjectLike$1 = require('../_chunks/dep-91b0bcca.js');
+var isFunction = require('../_chunks/dep-81c8f336.js');
+var get$1 = require('../_chunks/dep-32dd9030.js');
+var _baseProperty = require('../_chunks/dep-e9d8c343.js');
+var toInteger$1 = require('../_chunks/dep-3ee89793.js');
 var dialog_index = require('../dialog/index.js');
 var upload_dragger = require('./dragger.js');
 var upload_uploadTrigger = require('./upload-trigger.js');
@@ -45,25 +45,30 @@ var upload_booleanRender = require('./boolean-render.js');
 var upload_util = require('./util.js');
 var upload_hooks_useDefaultValue = require('./hooks/useDefaultValue.js');
 var upload_hooks_useSizeLimit = require('./hooks/useSizeLimit.js');
-require('../_chunks/dep-4e4ea898.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-52073669.js');
-require('../_chunks/dep-31e5288f.js');
-require('../_chunks/dep-6223e889.js');
-require('../_chunks/dep-d31b7e6c.js');
+require('../_chunks/dep-802cffb1.js');
+require('../_chunks/dep-af5977f3.js');
+require('../_chunks/dep-4f241655.js');
+require('../_chunks/dep-fe548b95.js');
+require('../_chunks/dep-dd7a6358.js');
+require('../_chunks/dep-f11349dd.js');
+require('../_chunks/dep-b9ebc0ad.js');
+require('../_chunks/dep-7dafe964.js');
+require('../_chunks/dep-a63f9fa8.js');
+require('../_chunks/dep-aabd5522.js');
 require('../dialog/Dialog.js');
-require('../_chunks/dep-3a9ef687.js');
-require('../_chunks/dep-be015aaa.js');
+require('../_chunks/dep-118265e9.js');
+require('../_chunks/dep-4aa7b082.js');
 require('tdesign-icons-react');
 require('../button/index.js');
 require('../button/Button.js');
 require('classnames');
 require('../_util/noop.js');
 require('../_util/useRipple.js');
+require('../_util/useAnimation.js');
+require('../_chunks/dep-2e128b45.js');
+require('../_chunks/dep-d55e22e6.js');
+require('../_common/js/locale/zh_CN.js');
+require('../config-provider/zh_CN_config.js');
 require('../_util/setStyle.js');
 require('../_util/dom.js');
 require('raf');
@@ -76,14 +81,11 @@ require('../loading/gradient.js');
 require('../_common/js/loading/circle-adapter.js');
 require('../_common/js/utils/set-style.js');
 require('../_common/js/utils/helper.js');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-f2c71809.js');
-require('../_common/js/locale/zh_CN.js');
-require('../config-provider/defaultConfig.js');
 require('../loading/plugin.js');
 require('../dialog/RenderDialog.js');
 require('react-transition-group');
 require('../_util/useLayoutEffect.js');
+require('../_util/useDialogEsc.js');
 require('../_util/useSetState.js');
 require('../dialog/plugin.js');
 require('./themes/dragger-progress.js');
@@ -95,6 +97,76 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var baseGet$1 = _baseGet._baseGet,
+    baseSet = hasIn$1._baseSet;
+/**
+ * The base implementation of `_.update`.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {Array|string} path The path of the property to update.
+ * @param {Function} updater The function to produce the updated value.
+ * @param {Function} [customizer] The function to customize path creation.
+ * @returns {Object} Returns `object`.
+ */
+
+function baseUpdate$1(object, path, updater, customizer) {
+  return baseSet(object, path, updater(baseGet$1(object, path)), customizer);
+}
+
+var _baseUpdate = baseUpdate$1;
+
+var identity$1 = _setToString.identity_1;
+/**
+ * Casts `value` to `identity` if it's not a function.
+ *
+ * @private
+ * @param {*} value The value to inspect.
+ * @returns {Function} Returns cast function.
+ */
+
+function castFunction$1(value) {
+  return typeof value == 'function' ? value : identity$1;
+}
+
+var _castFunction = castFunction$1;
+
+var baseUpdate = _baseUpdate,
+    castFunction = _castFunction;
+/**
+ * This method is like `_.set` except that accepts `updater` to produce the
+ * value to set. Use `_.updateWith` to customize `path` creation. The `updater`
+ * is invoked with one argument: (value).
+ *
+ * **Note:** This method mutates `object`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.6.0
+ * @category Object
+ * @param {Object} object The object to modify.
+ * @param {Array|string} path The path of the property to set.
+ * @param {Function} updater The function to produce the updated value.
+ * @returns {Object} Returns `object`.
+ * @example
+ *
+ * var object = { 'a': [{ 'b': { 'c': 3 } }] };
+ *
+ * _.update(object, 'a[0].b.c', function(n) { return n * n; });
+ * console.log(object.a[0].b.c);
+ * // => 9
+ *
+ * _.update(object, 'x[0].y.z', function(n) { return n ? n + 1 : 0; });
+ * console.log(object.x[0].y.z);
+ * // => 0
+ */
+
+function update(object, path, updater) {
+  return object == null ? object : baseUpdate(object, path, castFunction(updater));
+}
+
+var update_1 = update;
+
 /**
  * A specialized version of `_.some` for arrays without support for iteratee
  * shorthands.
@@ -940,6 +1012,8 @@ var Upload = function Upload(props, ref) {
       onDragenter = _useDefaultValue.onDragenter,
       onDragleave = _useDefaultValue.onDragleave,
       onPreview = _useDefaultValue.onPreview,
+      onSelectChange = _useDefaultValue.onSelectChange,
+      onCancelUpload = _useDefaultValue.onCancelUpload,
       requestMethod = _useDefaultValue.requestMethod,
       customDraggerRender = _useDefaultValue.customDraggerRender,
       children = _useDefaultValue.children;
@@ -953,6 +1027,7 @@ var Upload = function Upload(props, ref) {
       t = _useLocaleReceiver2[1];
 
   var uploadRef = React.useRef();
+  var filesRef = React.useRef(fileList);
 
   var _useState = React.useState(""),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -1002,6 +1077,30 @@ var Upload = function Upload(props, ref) {
     uploadRef === null || uploadRef === void 0 ? void 0 : uploadRef.current.click();
   };
 
+  var multiUpdateFileList = function multiUpdateFileList(file) {
+    var deleteFile = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+    var nextFileList = toConsumableArray._toConsumableArray(filesRef.current);
+
+    var fileIndex = nextFileList.findIndex(function (_ref) {
+      var uid = _ref.uid;
+      return uid === file.uid;
+    });
+
+    if (deleteFile) {
+      fileIndex !== -1 && nextFileList.splice(fileIndex, 1);
+      return nextFileList;
+    }
+
+    if (fileIndex === -1) {
+      nextFileList.push(file);
+    } else {
+      nextFileList[fileIndex] = file;
+    }
+
+    return nextFileList;
+  };
+
   var getLimitedFiles = function getLimitedFiles() {
     var files = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var isSingleMode = upload_util.isSingleFile(multiple, theme);
@@ -1039,12 +1138,12 @@ var Upload = function Upload(props, ref) {
       e: event,
       file: file
     };
-    var nextFileList = upload_util.updateFileList(file, fileList, true);
+    var nextFileList = multiUpdateFileList(file, true);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList, {
       trigger: "upload fail"
     });
     onFail === null || onFail === void 0 ? void 0 : onFail(context);
-  }, [fileList, formatResponse, errorText, onChange, onFail]);
+  }, [formatResponse, errorText, onChange, onFail]);
   var singleDraggable = React.useMemo(function () {
     return !multiple && draggable && ["file", "file-input", "image", "custom"].includes(theme);
   }, [draggable, multiple, theme]);
@@ -1060,10 +1159,10 @@ var Upload = function Upload(props, ref) {
     });
   };
 
-  var handleSuccess = React.useCallback(function (_ref) {
-    var e = _ref.e,
-        tmpFile = _ref.file,
-        response = _ref.response;
+  var handleSuccess = React.useCallback(function (_ref2) {
+    var e = _ref2.e,
+        tmpFile = _ref2.file,
+        response = _ref2.response;
     var file = tmpFile;
     file.status = "success";
     file.url = response.url || file.url;
@@ -1072,7 +1171,7 @@ var Upload = function Upload(props, ref) {
       response: response,
       trigger: "upload-success"
     };
-    var nextFileList = upload_util.updateFileList(file, fileList);
+    var nextFileList = multiUpdateFileList(file);
     var sContext = {
       file: file,
       fileList: nextFileList,
@@ -1086,13 +1185,13 @@ var Upload = function Upload(props, ref) {
     });
     onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList, context);
     onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(sContext);
-  }, [fileList, onChange, onSuccess]);
-  var handleProgress = React.useCallback(function (_ref2) {
-    var e = _ref2.e,
-        file = _ref2.file,
-        percent = _ref2.percent,
-        _ref2$type = _ref2.type,
-        type = _ref2$type === void 0 ? "mock" : _ref2$type;
+  }, [onChange, onSuccess]);
+  var handleProgress = React.useCallback(function (_ref3) {
+    var e = _ref3.e,
+        file = _ref3.file,
+        percent = _ref3.percent,
+        _ref3$type = _ref3.type,
+        type = _ref3$type === void 0 ? "mock" : _ref3$type;
 
     var tmpFile = _objectSpread({}, file);
 
@@ -1103,12 +1202,12 @@ var Upload = function Upload(props, ref) {
       file: tmpFile,
       type: type
     };
-    var nextFileList = upload_util.updateFileList(tmpFile, fileList);
+    var nextFileList = multiUpdateFileList(tmpFile);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList, {
       trigger: "progress"
     });
     onProgress === null || onProgress === void 0 ? void 0 : onProgress(progressCtx);
-  }, [fileList, onChange, onProgress]);
+  }, [onChange, onProgress]);
   var handleRequestMethod = React.useCallback(function (file) {
     if (typeof requestMethod !== "function") {
       console.warn("TDesign Upload Warn: `requestMethod` must be a function.");
@@ -1137,7 +1236,7 @@ var Upload = function Upload(props, ref) {
     });
   }, [handleSuccess, onError, requestMethod]);
   var upload = React.useCallback( /*#__PURE__*/function () {
-    var _ref3 = index._asyncToGenerator( /*#__PURE__*/index.regenerator.mark(function _callee(uploadFile) {
+    var _ref4 = index._asyncToGenerator( /*#__PURE__*/index.regenerator.mark(function _callee(uploadFile) {
       var file;
       return index.regenerator.wrap(function _callee$(_context) {
         while (1) {
@@ -1173,7 +1272,7 @@ var Upload = function Upload(props, ref) {
               return _context.abrupt("return", handleRequestMethod(file));
 
             case 10:
-              _common_js_upload_xhr["default"]({
+              file.xhr = _common_js_upload_xhr["default"]({
                 action: action,
                 data: data,
                 file: file,
@@ -1194,7 +1293,7 @@ var Upload = function Upload(props, ref) {
     }));
 
     return function (_x) {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }(), [action, data, handleProgress, handleRequestMethod, handleSuccess, headers, name, onError, requestMethod, withCredentials]);
 
@@ -1301,20 +1400,22 @@ var Upload = function Upload(props, ref) {
     if (disabled) return;
     var files = event.target.files;
     var uploadFiles2 = generateUploadFiles(files);
-    setUploading(true);
+    onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(uploadFiles2);
     uploadRef.current.value = "";
     onChange === null || onChange === void 0 ? void 0 : onChange(uploadFiles2, {
       trigger: "upload"
     });
+    setUploading(true);
   };
 
   var handleDragChange = function handleDragChange(files) {
     if (disabled) return;
     var uploadFiles2 = generateUploadFiles(files);
-    setUploading(true);
+    onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(uploadFiles2);
     onChange === null || onChange === void 0 ? void 0 : onChange(uploadFiles2, {
       trigger: "drag"
     });
+    setUploading(true);
   };
 
   var handleDragenter = React.useCallback(function (e) {
@@ -1330,14 +1431,26 @@ var Upload = function Upload(props, ref) {
     });
   }, [disabled, onDragleave]);
   var cancelUpload = React.useCallback(function () {
-    if (!fileList[0]) {
-      var _urlCreator2;
-
-      (_urlCreator2 = upload_util.urlCreator()) === null || _urlCreator2 === void 0 ? void 0 : _urlCreator2.revokeObjectURL(fileList[0].url);
-    }
-
+    var files = toConsumableArray._toConsumableArray(filesRef.current);
+
+    setUploading(false);
+    files.forEach(function (file) {
+      if (file.xhr && file.status === "progress") {
+        file.xhr.abort();
+        update_1(file, "status", function () {
+          return "waiting";
+        });
+        update_1(file, "xhr", function () {
+          return void 0;
+        });
+      }
+    });
+    onCancelUpload === null || onCancelUpload === void 0 ? void 0 : onCancelUpload();
+    onChange === null || onChange === void 0 ? void 0 : onChange(files, {
+      trigger: "cancelUpload"
+    });
     uploadRef.current.value = "";
-  }, [fileList]);
+  }, [onCancelUpload, onChange]);
   var showUploadList = React.useMemo(function () {
     return multiple && ["file-flow", "image-flow"].includes(theme);
   }, [theme, multiple]);
@@ -1411,6 +1524,7 @@ var Upload = function Upload(props, ref) {
       return upload_util.finishUpload(file.status);
     });
     setUploading(!finish);
+    filesRef.current = fileList;
   }, [fileList]);
   React__default["default"].useImperativeHandle(ref, function () {
     return {