tdesign-react 0.25.3-alpha.1 → 0.26.0

package/lib/upload/types.js

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

package/lib/upload/upload-trigger.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.3-alpha.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,34 +8,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('../_chunks/dep-402b9452.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-20cb3e75.js');
-require('../_chunks/dep-cb1cdc62.js');
-require('../_chunks/dep-728c3d30.js');
-require('../_chunks/dep-94ac5bc2.js');
-require('../_chunks/dep-d5c34a19.js');
-require('../_chunks/dep-b81d09ba.js');
-require('../_chunks/dep-9ac45eb1.js');
-require('../_chunks/dep-0e51d993.js');
-require('../_chunks/dep-e92e2bb4.js');
-require('../_chunks/dep-09c2324b.js');
-require('../_chunks/dep-aef3883a.js');
-require('../_chunks/dep-4d02f91f.js');
-require('../_chunks/dep-f7cad145.js');
-require('../_chunks/dep-d5b1028b.js');
-require('../_chunks/dep-fe8b0b86.js');
-require('../_chunks/dep-32b793ca.js');
-require('../_chunks/dep-3a37dd17.js');
-require('../_chunks/dep-b4f37218.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-7b67ce1a.js');
+require('../_chunks/dep-118265e9.js');
 require('classnames');
 require('../_util/noop.js');
 require('../_util/useRipple.js');
@@ -43,7 +43,7 @@ require('../_util/useAnimation.js');
 require('../_util/setStyle.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-a2749c28.js');
+require('../_chunks/dep-4aa7b082.js');
 require('../_util/easing.js');
 require('../loading/index.js');
 require('../loading/loading.js');

package/lib/upload/upload.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.3-alpha.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-b41f5892.js');
-var index = require('../_chunks/dep-a4bdef9c.js');
-var defineProperty = require('../_chunks/dep-728c3d30.js');
-var slicedToArray = require('../_chunks/dep-402b9452.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-523fa2b0.js');
-var _cacheHas = require('../_chunks/dep-10ea05c5.js');
-var _typeof = require('../_chunks/dep-e92e2bb4.js');
-var keysIn = require('../_chunks/dep-94ac5bc2.js');
-var _baseGetTag = require('../_chunks/dep-0e51d993.js');
-var _isIndex = require('../_chunks/dep-aef3883a.js');
-var _getAllKeys = require('../_chunks/dep-0819af1e.js');
-var _getTag = require('../_chunks/dep-831366c2.js');
-var isArray$2 = require('../_chunks/dep-3a37dd17.js');
-var isTypedArray$1 = require('../_chunks/dep-32b793ca.js');
-var isObjectLike$1 = require('../_chunks/dep-09c2324b.js');
-var isFunction = require('../_chunks/dep-9ac45eb1.js');
-var get$1 = require('../_chunks/dep-a249cc5c.js');
-var hasIn$1 = require('../_chunks/dep-793b82fb.js');
-var _baseGet = require('../_chunks/dep-6e35a7fc.js');
-var _setToString = require('../_chunks/dep-d5c34a19.js');
-var _baseProperty = require('../_chunks/dep-cae98d84.js');
-var toInteger$1 = require('../_chunks/dep-2314d85c.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,19 +45,19 @@ 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-20cb3e75.js');
-require('../_chunks/dep-b81d09ba.js');
-require('../_chunks/dep-f7cad145.js');
-require('../_chunks/dep-d5b1028b.js');
-require('../_chunks/dep-4d02f91f.js');
-require('../_chunks/dep-fe8b0b86.js');
-require('../_chunks/dep-3bb6344b.js');
-require('../_chunks/dep-9c3742b4.js');
-require('../_chunks/dep-cbdb9d60.js');
-require('../_chunks/dep-3d7dec14.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-7b67ce1a.js');
-require('../_chunks/dep-a2749c28.js');
+require('../_chunks/dep-118265e9.js');
+require('../_chunks/dep-4aa7b082.js');
 require('tdesign-icons-react');
 require('../button/index.js');
 require('../button/Button.js');
@@ -65,10 +65,10 @@ require('classnames');
 require('../_util/noop.js');
 require('../_util/useRipple.js');
 require('../_util/useAnimation.js');
-require('../_chunks/dep-cb1cdc62.js');
-require('../_chunks/dep-b4f37218.js');
+require('../_chunks/dep-2e128b45.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('../_util/setStyle.js');
 require('../_util/dom.js');
 require('raf');
@@ -97,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.
@@ -942,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;
@@ -955,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),
@@ -1004,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);
@@ -1041,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]);
@@ -1062,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;
@@ -1074,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,
@@ -1088,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);
 
@@ -1105,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.");
@@ -1139,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) {
@@ -1175,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,
@@ -1196,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]);
 
@@ -1303,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) {
@@ -1332,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]);
@@ -1413,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 {