@pnkx-lib/ui 1.9.532 → 1.9.535

package/es/ui/GenericUploadModal.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { Modal, Spin } from 'antd';
 import * as React from 'react';
 import React__default, { isValidElement, version as version$1, useRef, useLayoutEffect, useEffect, Component, useContext, forwardRef, useMemo as useMemo$1, useState, Children, useImperativeHandle } from 'react';
-import { b as useMemo, i as isFragment$1, L as LocaleContext, l as localeValues, c as useLayoutUpdateEffect, d as Context, _ as _toConsumableArray, u as unit, e as clearFix, f as textEllipsis, g as genStyleHooks, m as merge, r as resetComponent, h as defaultPrefixCls, j as genComponentStyleHook, w as warning, C as ConfigContext, k as useToken, S as SizeContext, n as devUseWarning, p as getAlphaColor, q as getLineHeight, s as genFocusStyle, v as resetIcon, x as genSubStyleComponent, a as useComponentConfig, D as DisabledContext, o as omit, y as useLayoutEffect$1, t as toArray$2 } from '../chunks/toArray-7SKWyzWi.js';
+import { b as useMemo, i as isFragment$1, L as LocaleContext, l as localeValues, c as useLayoutUpdateEffect, d as Context, _ as _toConsumableArray, u as unit, e as clearFix, f as textEllipsis, g as genStyleHooks, m as merge, r as resetComponent, h as defaultPrefixCls, j as genComponentStyleHook, w as warning, C as ConfigContext, k as useToken, S as SizeContext, n as devUseWarning, p as getAlphaColor, q as getLineHeight, s as genFocusStyle, v as resetIcon, x as genSubStyleComponent, a as useComponentConfig, D as DisabledContext, y as useLayoutEffect$1, o as omit, t as toArray$2 } from '../chunks/toArray-GtzhUyP3.js';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { createPortal, flushSync } from 'react-dom';
 import { c as classNames } from '../chunks/index-xdC7i8zM.js';
@@ -12,7 +12,7 @@ import { _ as _typeof, b as _defineProperty } from '../chunks/defineProperty-CTL
 import { R as RefIcon$7 } from '../chunks/LoadingOutlined-C5-PNVpb.js';
 import { R as RefIcon$8, a as RefIcon$a } from '../chunks/CloseCircleFilled-4jnV3XJV.js';
 import { R as RefIcon$9 } from '../chunks/CloseOutlined-DdLJZQvZ.js';
-import { C as Controller } from '../chunks/index.esm-Ds4t-z37.js';
+import { C as Controller } from '../chunks/index.esm-Dr5ZHcf7.js';
 import { toast } from '@pnkx-lib/core';
 import { R as RefIcon$b } from '../chunks/InboxOutlined-W7xl_mLq.js';
 
@@ -1545,274 +1545,257 @@ function genCSSMotionList(transitionSupport) {
 }
 const CSSMotionList = genCSSMotionList(supportTransition);
 
-function _regeneratorRuntime() {
-  _regeneratorRuntime = function _regeneratorRuntime() {
-    return r;
-  };
-  var t,
-    r = {},
-    e = Object.prototype,
-    n = e.hasOwnProperty,
-    o = "function" == typeof Symbol ? Symbol : {},
-    i = o.iterator || "@@iterator",
-    a = o.asyncIterator || "@@asyncIterator",
-    u = o.toStringTag || "@@toStringTag";
-  function c(t, r, e, n) {
-    return Object.defineProperty(t, r, {
-      value: e,
-      enumerable: !n,
-      configurable: !n,
-      writable: !n
-    });
-  }
+function _OverloadYield(e, d) {
+  this.v = e, this.k = d;
+}
+
+function _regeneratorDefine(e, r, n, t) {
+  var i = Object.defineProperty;
   try {
-    c({}, "");
-  } catch (t) {
-    c = function c(t, r, e) {
-      return t[r] = e;
-    };
+    i({}, "", {});
+  } catch (e) {
+    i = 0;
   }
-  function h(r, e, n, o) {
-    var i = e && e.prototype instanceof Generator ? e : Generator,
-      a = Object.create(i.prototype);
-    return c(a, "_invoke", function (r, e, n) {
-      var o = 1;
-      return function (i, a) {
-        if (3 === o) throw Error("Generator is already running");
-        if (4 === o) {
-          if ("throw" === i) throw a;
-          return {
-            value: t,
-            done: true
-          };
-        }
-        for (n.method = i, n.arg = a;;) {
-          var u = n.delegate;
-          if (u) {
-            var c = d(u, n);
-            if (c) {
-              if (c === f) continue;
-              return c;
-            }
+  _regeneratorDefine = function regeneratorDefine(e, r, n, t) {
+    function o(r, n) {
+      _regeneratorDefine(e, r, function (e) {
+        return this._invoke(r, n, e);
+      });
+    }
+    r ? i ? i(e, r, {
+      value: n,
+      enumerable: !t,
+      configurable: !t,
+      writable: !t
+    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
+  }, _regeneratorDefine(e, r, n, t);
+}
+
+function _regenerator() {
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+  var e,
+    t,
+    r = "function" == typeof Symbol ? Symbol : {},
+    n = r.iterator || "@@iterator",
+    o = r.toStringTag || "@@toStringTag";
+  function i(r, n, o, i) {
+    var c = n && n.prototype instanceof Generator ? n : Generator,
+      u = Object.create(c.prototype);
+    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
+      var i,
+        c,
+        u,
+        f = 0,
+        p = o || [],
+        y = false,
+        G = {
+          p: 0,
+          n: 0,
+          v: e,
+          a: d,
+          f: d.bind(e, 4),
+          d: function d(t, r) {
+            return i = t, c = 0, u = e, G.n = r, a;
           }
-          if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-            if (1 === o) throw o = 4, n.arg;
-            n.dispatchException(n.arg);
-          } else "return" === n.method && n.abrupt("return", n.arg);
-          o = 3;
-          var h = s(r, e, n);
-          if ("normal" === h.type) {
-            if (o = n.done ? 4 : 2, h.arg === f) continue;
-            return {
-              value: h.arg,
-              done: n.done
-            };
+        };
+      function d(r, n) {
+        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
+          var o,
+            i = p[t],
+            d = G.p,
+            l = i[2];
+          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
+        }
+        if (o || r > 1) return a;
+        throw y = true, n;
+      }
+      return function (o, p, l) {
+        if (f > 1) throw TypeError("Generator is already running");
+        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
+          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
+          try {
+            if (f = 2, i) {
+              if (c || (o = "next"), t = i[o]) {
+                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
+                if (!t.done) return t;
+                u = t.value, c < 2 && (c = 0);
+              } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
+              i = e;
+            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
+          } catch (t) {
+            i = e, c = 1, u = t;
+          } finally {
+            f = 1;
           }
-          "throw" === h.type && (o = 4, n.method = "throw", n.arg = h.arg);
         }
+        return {
+          value: t,
+          done: y
+        };
       };
-    }(r, n, new Context(o || [])), true), a;
-  }
-  function s(t, r, e) {
-    try {
-      return {
-        type: "normal",
-        arg: t.call(r, e)
-      };
-    } catch (t) {
-      return {
-        type: "throw",
-        arg: t
-      };
-    }
+    }(r, o, i), true), u;
   }
-  r.wrap = h;
-  var f = {};
+  var a = {};
   function Generator() {}
   function GeneratorFunction() {}
   function GeneratorFunctionPrototype() {}
-  var l = {};
-  c(l, i, function () {
+  t = Object.getPrototypeOf;
+  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
+      return this;
+    }), t),
+    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+  function f(e) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
     return this;
-  });
-  var p = Object.getPrototypeOf,
-    y = p && p(p(x([])));
-  y && y !== e && n.call(y, i) && (l = y);
-  var v = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(l);
-  function g(t) {
-    ["next", "throw", "return"].forEach(function (r) {
-      c(t, r, function (t) {
-        return this._invoke(r, t);
+  }), _regeneratorDefine(u, "toString", function () {
+    return "[object Generator]";
+  }), (_regenerator = function _regenerator() {
+    return {
+      w: i,
+      m: f
+    };
+  })();
+}
+
+function AsyncIterator(t, e) {
+  function n(r, o, i, f) {
+    try {
+      var c = t[r](o),
+        u = c.value;
+      return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) {
+        n("next", t, i, f);
+      }, function (t) {
+        n("throw", t, i, f);
+      }) : e.resolve(u).then(function (t) {
+        c.value = t, i(c);
+      }, function (t) {
+        return n("throw", t, i, f);
       });
-    });
-  }
-  function AsyncIterator(t, r) {
-    function e(o, i, a, u) {
-      var c = s(t[o], t, i);
-      if ("throw" !== c.type) {
-        var h = c.arg,
-          f = h.value;
-        return f && "object" == _typeof(f) && n.call(f, "__await") ? r.resolve(f.__await).then(function (t) {
-          e("next", t, a, u);
-        }, function (t) {
-          e("throw", t, a, u);
-        }) : r.resolve(f).then(function (t) {
-          h.value = t, a(h);
-        }, function (t) {
-          return e("throw", t, a, u);
-        });
-      }
-      u(c.arg);
-    }
-    var o;
-    c(this, "_invoke", function (t, n) {
-      function i() {
-        return new r(function (r, o) {
-          e(t, n, r, o);
-        });
-      }
-      return o = o ? o.then(i, i) : i();
-    }, true);
-  }
-  function d(r, e) {
-    var n = e.method,
-      o = r.i[n];
-    if (o === t) return e.delegate = null, "throw" === n && r.i["return"] && (e.method = "return", e.arg = t, d(r, e), "throw" === e.method) || "return" !== n && (e.method = "throw", e.arg = new TypeError("The iterator does not provide a '" + n + "' method")), f;
-    var i = s(o, r.i, e.arg);
-    if ("throw" === i.type) return e.method = "throw", e.arg = i.arg, e.delegate = null, f;
-    var a = i.arg;
-    return a ? a.done ? (e[r.r] = a.value, e.next = r.n, "return" !== e.method && (e.method = "next", e.arg = t), e.delegate = null, f) : a : (e.method = "throw", e.arg = new TypeError("iterator result is not an object"), e.delegate = null, f);
-  }
-  function w(t) {
-    this.tryEntries.push(t);
-  }
-  function m(r) {
-    var e = r[4] || {};
-    e.type = "normal", e.arg = t, r[4] = e;
-  }
-  function Context(t) {
-    this.tryEntries = [[-1]], t.forEach(w, this), this.reset(true);
-  }
-  function x(r) {
-    if (null != r) {
-      var e = r[i];
-      if (e) return e.call(r);
-      if ("function" == typeof r.next) return r;
-      if (!isNaN(r.length)) {
-        var o = -1,
-          a = function e() {
-            for (; ++o < r.length;) if (n.call(r, o)) return e.value = r[o], e.done = false, e;
-            return e.value = t, e.done = true, e;
-          };
-        return a.next = a;
-      }
+    } catch (t) {
+      f(t);
     }
-    throw new TypeError(_typeof(r) + " is not iterable");
   }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, c(v, "constructor", GeneratorFunctionPrototype), c(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = c(GeneratorFunctionPrototype, u, "GeneratorFunction"), r.isGeneratorFunction = function (t) {
-    var r = "function" == typeof t && t.constructor;
-    return !!r && (r === GeneratorFunction || "GeneratorFunction" === (r.displayName || r.name));
-  }, r.mark = function (t) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, c(t, u, "GeneratorFunction")), t.prototype = Object.create(v), t;
-  }, r.awrap = function (t) {
-    return {
-      __await: t
-    };
-  }, g(AsyncIterator.prototype), c(AsyncIterator.prototype, a, function () {
-    return this;
-  }), r.AsyncIterator = AsyncIterator, r.async = function (t, e, n, o, i) {
-    void 0 === i && (i = Promise);
-    var a = new AsyncIterator(h(t, e, n, o), i);
-    return r.isGeneratorFunction(e) ? a : a.next().then(function (t) {
-      return t.done ? t.value : a.next();
-    });
-  }, g(v), c(v, u, "Generator"), c(v, i, function () {
+  var r;
+  this.next || (_regeneratorDefine(AsyncIterator.prototype), _regeneratorDefine(AsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () {
     return this;
-  }), c(v, "toString", function () {
-    return "[object Generator]";
-  }), r.keys = function (t) {
-    var r = Object(t),
-      e = [];
-    for (var n in r) e.unshift(n);
-    return function t() {
-      for (; e.length;) if ((n = e.pop()) in r) return t.value = n, t.done = false, t;
-      return t.done = true, t;
-    };
-  }, r.values = x, Context.prototype = {
-    constructor: Context,
-    reset: function reset(r) {
-      if (this.prev = this.next = 0, this.sent = this._sent = t, this.done = false, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(m), !r) for (var e in this) "t" === e.charAt(0) && n.call(this, e) && !isNaN(+e.slice(1)) && (this[e] = t);
-    },
-    stop: function stop() {
-      this.done = true;
-      var t = this.tryEntries[0][4];
-      if ("throw" === t.type) throw t.arg;
-      return this.rval;
-    },
-    dispatchException: function dispatchException(r) {
-      if (this.done) throw r;
-      var e = this;
-      function n(t) {
-        a.type = "throw", a.arg = r, e.next = t;
-      }
-      for (var o = e.tryEntries.length - 1; o >= 0; --o) {
-        var i = this.tryEntries[o],
-          a = i[4],
-          u = this.prev,
-          c = i[1],
-          h = i[2];
-        if (-1 === i[0]) return n("end"), false;
-        if (!c && !h) throw Error("try statement without catch or finally");
-        if (null != i[0] && i[0] <= u) {
-          if (u < c) return this.method = "next", this.arg = t, n(c), true;
-          if (u < h) return n(h), false;
-        }
+  })), _regeneratorDefine(this, "_invoke", function (t, o, i) {
+    function f() {
+      return new e(function (e, r) {
+        n(t, i, e, r);
+      });
+    }
+    return r = r ? r.then(f, f) : f();
+  }, true);
+}
+
+function _regeneratorAsyncGen(r, e, t, o, n) {
+  return new AsyncIterator(_regenerator().w(r, e, t, o), n || Promise);
+}
+
+function _regeneratorAsync(n, e, r, t, o) {
+  var a = _regeneratorAsyncGen(n, e, r, t, o);
+  return a.next().then(function (n) {
+    return n.done ? n.value : a.next();
+  });
+}
+
+function _regeneratorKeys(e) {
+  var n = Object(e),
+    r = [];
+  for (var t in n) r.unshift(t);
+  return function e() {
+    for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = false, e;
+    return e.done = true, e;
+  };
+}
+
+function _regeneratorValues(e) {
+  if (null != e) {
+    var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"],
+      r = 0;
+    if (t) return t.call(e);
+    if ("function" == typeof e.next) return e;
+    if (!isNaN(e.length)) return {
+      next: function next() {
+        return e && r >= e.length && (e = void 0), {
+          value: e && e[r++],
+          done: !e
+        };
       }
-    },
-    abrupt: function abrupt(t, r) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var n = this.tryEntries[e];
-        if (n[0] > -1 && n[0] <= this.prev && this.prev < n[2]) {
-          var o = n;
-          break;
+    };
+  }
+  throw new TypeError(_typeof(e) + " is not iterable");
+}
+
+function _regeneratorRuntime() {
+
+  var r = _regenerator(),
+    e = r.m(_regeneratorRuntime),
+    t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
+  function n(r) {
+    var e = "function" == typeof r && r.constructor;
+    return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name));
+  }
+  var o = {
+    "throw": 1,
+    "return": 2,
+    "break": 3,
+    "continue": 3
+  };
+  function a(r) {
+    var e, t;
+    return function (n) {
+      e || (e = {
+        stop: function stop() {
+          return t(n.a, 2);
+        },
+        "catch": function _catch() {
+          return n.v;
+        },
+        abrupt: function abrupt(r, e) {
+          return t(n.a, o[r], e);
+        },
+        delegateYield: function delegateYield(r, o, a) {
+          return e.resultName = o, t(n.d, _regeneratorValues(r), a);
+        },
+        finish: function finish(r) {
+          return t(n.f, r);
         }
-      }
-      o && ("break" === t || "continue" === t) && o[0] <= r && r <= o[2] && (o = null);
-      var i = o ? o[4] : {};
-      return i.type = t, i.arg = r, o ? (this.method = "next", this.next = o[2], f) : this.complete(i);
-    },
-    complete: function complete(t, r) {
-      if ("throw" === t.type) throw t.arg;
-      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && r && (this.next = r), f;
-    },
-    finish: function finish(t) {
-      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-        var e = this.tryEntries[r];
-        if (e[2] === t) return this.complete(e[4], e[3]), m(e), f;
-      }
-    },
-    "catch": function _catch(t) {
-      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-        var e = this.tryEntries[r];
-        if (e[0] === t) {
-          var n = e[4];
-          if ("throw" === n.type) {
-            var o = n.arg;
-            m(e);
-          }
-          return o;
+      }, t = function t(r, _t, o) {
+        n.p = e.prev, n.n = e.next;
+        try {
+          return r(_t, o);
+        } finally {
+          e.next = n.n;
         }
+      }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n;
+      try {
+        return r.call(this, e);
+      } finally {
+        n.p = e.prev, n.n = e.next;
       }
-      throw Error("illegal catch attempt");
-    },
-    delegateYield: function delegateYield(r, e, n) {
-      return this.delegate = {
-        i: x(r),
-        r: e,
-        n: n
-      }, "next" === this.method && (this.arg = t), f;
-    }
-  }, r;
+    };
+  }
+  return (_regeneratorRuntime = function _regeneratorRuntime() {
+    return {
+      wrap: function wrap(e, t, n, o) {
+        return r.w(a(e), t, n, o && o.reverse());
+      },
+      isGeneratorFunction: n,
+      mark: r.m,
+      awrap: function awrap(r, e) {
+        return new _OverloadYield(r, e);
+      },
+      AsyncIterator: AsyncIterator,
+      async: function async(r, e, t, o, u) {
+        return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u);
+      },
+      keys: _regeneratorKeys,
+      values: _regeneratorValues
+    };
+  })();
 }
 
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
@@ -2251,26 +2234,26 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
         _this.onClick(e);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onFileDrop", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
-        var multiple, files, _files;
+    _defineProperty(_assertThisInitialized(_this), "onDataTransferFiles", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(dataTransfer, existFileCallback) {
+        var _this$props2, multiple, accept, directory, items, files, acceptFiles;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              multiple = _this.props.multiple;
-              e.preventDefault();
-              if (!(e.type === 'dragover')) {
-                _context.next = 4;
-                break;
+              _this$props2 = _this.props, multiple = _this$props2.multiple, accept = _this$props2.accept, directory = _this$props2.directory;
+              items = _toConsumableArray(dataTransfer.items || []);
+              files = _toConsumableArray(dataTransfer.files || []);
+              if (files.length > 0 || items.some(function (item) {
+                return item.kind === 'file';
+              })) {
+                existFileCallback === null || existFileCallback === void 0 || existFileCallback();
               }
-              return _context.abrupt("return");
-            case 4:
-              if (!_this.props.directory) {
+              if (!directory) {
                 _context.next = 11;
                 break;
               }
               _context.next = 7;
-              return traverseFileTree(Array.prototype.slice.call(e.dataTransfer.items), function (_file) {
+              return traverseFileTree(Array.prototype.slice.call(items), function (_file) {
                 return attrAccept(_file, _this.props.accept);
               });
             case 7:
@@ -2279,23 +2262,80 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
               _context.next = 14;
               break;
             case 11:
-              _files = _toConsumableArray(e.dataTransfer.files).filter(function (file) {
-                return attrAccept(file, _this.props.accept);
+              acceptFiles = _toConsumableArray(files).filter(function (file) {
+                return attrAccept(file, accept);
               });
               if (multiple === false) {
-                _files = _files.slice(0, 1);
+                acceptFiles = files.slice(0, 1);
               }
-              _this.uploadFiles(_files);
+              _this.uploadFiles(acceptFiles);
             case 14:
             case "end":
               return _context.stop();
           }
         }, _callee);
       }));
-      return function (_x) {
+      return function (_x, _x2) {
         return _ref.apply(this, arguments);
       };
     }());
+    _defineProperty(_assertThisInitialized(_this), "onFilePaste", /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {
+        var pastable, clipboardData;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              pastable = _this.props.pastable;
+              if (pastable) {
+                _context2.next = 3;
+                break;
+              }
+              return _context2.abrupt("return");
+            case 3:
+              if (!(e.type === 'paste')) {
+                _context2.next = 6;
+                break;
+              }
+              clipboardData = e.clipboardData;
+              return _context2.abrupt("return", _this.onDataTransferFiles(clipboardData, function () {
+                e.preventDefault();
+              }));
+            case 6:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      return function (_x3) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_assertThisInitialized(_this), "onFileDragOver", function (e) {
+      e.preventDefault();
+    });
+    _defineProperty(_assertThisInitialized(_this), "onFileDrop", /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(e) {
+        var dataTransfer;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              e.preventDefault();
+              if (!(e.type === 'drop')) {
+                _context3.next = 4;
+                break;
+              }
+              dataTransfer = e.dataTransfer;
+              return _context3.abrupt("return", _this.onDataTransferFiles(dataTransfer));
+            case 4:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
+      return function (_x4) {
+        return _ref3.apply(this, arguments);
+      };
+    }());
     _defineProperty(_assertThisInitialized(_this), "uploadFiles", function (files) {
       var originFiles = _toConsumableArray(files);
       var postFiles = originFiles.map(function (file) {
@@ -2307,9 +2347,9 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
       // Batch upload files
       Promise.all(postFiles).then(function (fileList) {
         var onBatchStart = _this.props.onBatchStart;
-        onBatchStart === null || onBatchStart === void 0 || onBatchStart(fileList.map(function (_ref2) {
-          var origin = _ref2.origin,
-            parsedFile = _ref2.parsedFile;
+        onBatchStart === null || onBatchStart === void 0 || onBatchStart(fileList.map(function (_ref4) {
+          var origin = _ref4.origin,
+            parsedFile = _ref4.parsedFile;
           return {
             file: origin,
             parsedFile: parsedFile
@@ -2326,35 +2366,35 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
      * Process file before upload. When all the file is ready, we start upload.
      */
     _defineProperty(_assertThisInitialized(_this), "processFile", /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(file, fileList) {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(file, fileList) {
         var beforeUpload, transformedFile, action, mergedAction, data, mergedData, parsedData, parsedFile, mergedParsedFile;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
               beforeUpload = _this.props.beforeUpload;
               transformedFile = file;
               if (!beforeUpload) {
-                _context2.next = 14;
+                _context4.next = 14;
                 break;
               }
-              _context2.prev = 3;
-              _context2.next = 6;
+              _context4.prev = 3;
+              _context4.next = 6;
               return beforeUpload(file, fileList);
             case 6:
-              transformedFile = _context2.sent;
-              _context2.next = 12;
+              transformedFile = _context4.sent;
+              _context4.next = 12;
               break;
             case 9:
-              _context2.prev = 9;
-              _context2.t0 = _context2["catch"](3);
+              _context4.prev = 9;
+              _context4.t0 = _context4["catch"](3);
               // Rejection will also trade as false
               transformedFile = false;
             case 12:
               if (!(transformedFile === false)) {
-                _context2.next = 14;
+                _context4.next = 14;
                 break;
               }
-              return _context2.abrupt("return", {
+              return _context4.abrupt("return", {
                 origin: file,
                 parsedFile: null,
                 action: null,
@@ -2364,14 +2404,14 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
               // Get latest action
               action = _this.props.action;
               if (!(typeof action === 'function')) {
-                _context2.next = 21;
+                _context4.next = 21;
                 break;
               }
-              _context2.next = 18;
+              _context4.next = 18;
               return action(file);
             case 18:
-              mergedAction = _context2.sent;
-              _context2.next = 22;
+              mergedAction = _context4.sent;
+              _context4.next = 22;
               break;
             case 21:
               mergedAction = action;
@@ -2379,14 +2419,14 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
               // Get latest data
               data = _this.props.data;
               if (!(typeof data === 'function')) {
-                _context2.next = 29;
+                _context4.next = 29;
                 break;
               }
-              _context2.next = 26;
+              _context4.next = 26;
               return data(file);
             case 26:
-              mergedData = _context2.sent;
-              _context2.next = 30;
+              mergedData = _context4.sent;
+              _context4.next = 30;
               break;
             case 29:
               mergedData = data;
@@ -2404,7 +2444,7 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
               }
               mergedParsedFile = parsedFile;
               mergedParsedFile.uid = file.uid;
-              return _context2.abrupt("return", {
+              return _context4.abrupt("return", {
                 origin: file,
                 data: mergedData,
                 parsedFile: mergedParsedFile,
@@ -2412,12 +2452,12 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
               });
             case 35:
             case "end":
-              return _context2.stop();
+              return _context4.stop();
           }
-        }, _callee2, null, [[3, 9]]);
+        }, _callee4, null, [[3, 9]]);
       }));
-      return function (_x2, _x3) {
-        return _ref3.apply(this, arguments);
+      return function (_x5, _x6) {
+        return _ref5.apply(this, arguments);
       };
     }());
     _defineProperty(_assertThisInitialized(_this), "saveFileInput", function (node) {
@@ -2429,31 +2469,46 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       this._isMounted = true;
+      var pastable = this.props.pastable;
+      if (pastable) {
+        document.addEventListener('paste', this.onFilePaste);
+      }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this._isMounted = false;
       this.abort();
+      document.removeEventListener('paste', this.onFilePaste);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var pastable = this.props.pastable;
+      if (pastable && !prevProps.pastable) {
+        document.addEventListener('paste', this.onFilePaste);
+      } else if (!pastable && prevProps.pastable) {
+        document.removeEventListener('paste', this.onFilePaste);
+      }
     }
   }, {
     key: "post",
-    value: function post(_ref4) {
+    value: function post(_ref6) {
       var _this2 = this;
-      var data = _ref4.data,
-        origin = _ref4.origin,
-        action = _ref4.action,
-        parsedFile = _ref4.parsedFile;
+      var data = _ref6.data,
+        origin = _ref6.origin,
+        action = _ref6.action,
+        parsedFile = _ref6.parsedFile;
       if (!this._isMounted) {
         return;
       }
-      var _this$props2 = this.props,
-        onStart = _this$props2.onStart,
-        customRequest = _this$props2.customRequest,
-        name = _this$props2.name,
-        headers = _this$props2.headers,
-        withCredentials = _this$props2.withCredentials,
-        method = _this$props2.method;
+      var _this$props3 = this.props,
+        onStart = _this$props3.onStart,
+        customRequest = _this$props3.customRequest,
+        name = _this$props3.name,
+        headers = _this$props3.headers,
+        withCredentials = _this$props3.withCredentials,
+        method = _this$props3.method;
       var uid = origin.uid;
       var request = customRequest || upload;
       var requestOption = {
@@ -2511,28 +2566,28 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-        Tag = _this$props3.component,
-        prefixCls = _this$props3.prefixCls,
-        className = _this$props3.className,
-        _this$props3$classNam = _this$props3.classNames,
-        classNames$1 = _this$props3$classNam === void 0 ? {} : _this$props3$classNam,
-        disabled = _this$props3.disabled,
-        id = _this$props3.id,
-        name = _this$props3.name,
-        style = _this$props3.style,
-        _this$props3$styles = _this$props3.styles,
-        styles = _this$props3$styles === void 0 ? {} : _this$props3$styles,
-        multiple = _this$props3.multiple,
-        accept = _this$props3.accept,
-        capture = _this$props3.capture,
-        children = _this$props3.children,
-        directory = _this$props3.directory,
-        openFileDialogOnClick = _this$props3.openFileDialogOnClick,
-        onMouseEnter = _this$props3.onMouseEnter,
-        onMouseLeave = _this$props3.onMouseLeave,
-        hasControlInside = _this$props3.hasControlInside,
-        otherProps = _objectWithoutProperties(_this$props3, _excluded$4);
+      var _this$props4 = this.props,
+        Tag = _this$props4.component,
+        prefixCls = _this$props4.prefixCls,
+        className = _this$props4.className,
+        _this$props4$classNam = _this$props4.classNames,
+        classNames$1 = _this$props4$classNam === void 0 ? {} : _this$props4$classNam,
+        disabled = _this$props4.disabled,
+        id = _this$props4.id,
+        name = _this$props4.name,
+        style = _this$props4.style,
+        _this$props4$styles = _this$props4.styles,
+        styles = _this$props4$styles === void 0 ? {} : _this$props4$styles,
+        multiple = _this$props4.multiple,
+        accept = _this$props4.accept,
+        capture = _this$props4.capture,
+        children = _this$props4.children,
+        directory = _this$props4.directory,
+        openFileDialogOnClick = _this$props4.openFileDialogOnClick,
+        onMouseEnter = _this$props4.onMouseEnter,
+        onMouseLeave = _this$props4.onMouseLeave,
+        hasControlInside = _this$props4.hasControlInside,
+        otherProps = _objectWithoutProperties(_this$props4, _excluded$4);
       var cls = classNames(_defineProperty(_defineProperty(_defineProperty({}, prefixCls, true), "".concat(prefixCls, "-disabled"), disabled), className, className));
       // because input don't have directory/webkitdirectory type declaration
       var dirProps = directory ? {
@@ -2545,7 +2600,7 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,
         onDrop: this.onFileDrop,
-        onDragOver: this.onFileDrop,
+        onDragOver: this.onFileDragOver,
         tabIndex: hasControlInside ? undefined : '0'
       };
       return /*#__PURE__*/React__default.createElement(Tag, _extends({}, events, {
@@ -2663,8 +2718,7 @@ const initMotionCommonLeave = duration => ({
   animationDuration: duration,
   animationFillMode: 'both'
 });
-const initMotion = function (motionCls, inKeyframes, outKeyframes, duration) {
-  let sameLevel = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+const initMotion = (motionCls, inKeyframes, outKeyframes, duration, sameLevel = false) => {
   const sameLevelPrefix = sameLevel ? '&' : '';
   return {
     [`
@@ -2707,8 +2761,7 @@ const fadeOut = new Keyframe('antFadeOut', {
     opacity: 0
   }
 });
-const initFadeMotion = function (token) {
-  let sameLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+const initFadeMotion = (token, sameLevel = false) => {
   const {
     antCls
   } = token;
@@ -3031,7 +3084,7 @@ const genListStyle = token => {
             }
           },
           [`${componentCls}-icon ${iconCls}`]: {
-            color: token.colorTextDescription,
+            color: token.colorIcon,
             fontSize
           },
           [`${itemCls}-progress`]: {
@@ -3390,7 +3443,7 @@ const genBaseStyle$1 = token => {
   };
 };
 const prepareComponentToken$3 = token => ({
-  actionsColor: token.colorTextDescription
+  actionsColor: token.colorIcon
 });
 // ============================== Export ==============================
 const useStyle$4 = genStyleHooks('Upload', token => {
@@ -3432,22 +3485,19 @@ const getCurrentHeight = node => ({
   height: node ? node.offsetHeight : 0
 });
 const skipOpacityTransition = (_, event) => (event === null || event === void 0 ? void 0 : event.deadline) === true || event.propertyName === 'height';
-const initCollapseMotion = function () {
-  let rootCls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultPrefixCls;
-  return {
-    motionName: `${rootCls}-motion-collapse`,
-    onAppearStart: getCollapsedHeight,
-    onEnterStart: getCollapsedHeight,
-    onAppearActive: getRealHeight,
-    onEnterActive: getRealHeight,
-    onLeaveStart: getCurrentHeight,
-    onLeaveActive: getCollapsedHeight,
-    onAppearEnd: skipOpacityTransition,
-    onEnterEnd: skipOpacityTransition,
-    onLeaveEnd: skipOpacityTransition,
-    motionDeadline: 500
-  };
-};
+const initCollapseMotion = (rootCls = defaultPrefixCls) => ({
+  motionName: `${rootCls}-motion-collapse`,
+  onAppearStart: getCollapsedHeight,
+  onEnterStart: getCollapsedHeight,
+  onAppearActive: getRealHeight,
+  onEnterActive: getRealHeight,
+  onLeaveStart: getCurrentHeight,
+  onLeaveActive: getCollapsedHeight,
+  onAppearEnd: skipOpacityTransition,
+  onEnterEnd: skipOpacityTransition,
+  onLeaveEnd: skipOpacityTransition,
+  motionDeadline: 500
+});
 const getTransitionName = (rootPrefixCls, motion, transitionName) => {
   if (transitionName !== undefined) {
     return transitionName;
@@ -3524,7 +3574,7 @@ const genWaveStyle = token => {
     }
   };
 };
-const useStyle$3 = genComponentStyleHook('Wave', token => [genWaveStyle(token)]);
+const useStyle$3 = genComponentStyleHook('Wave', genWaveStyle);
 
 const TARGET_CLS = `${defaultPrefixCls}-wave-target`;
 
@@ -3633,31 +3683,28 @@ const defaultReactRender = (node, container) => {
   };
 };
 let unstableRender = defaultReactRender;
-function getReactRender() {
+/**
+ * @deprecated Set React render function for compatible usage.
+ * This is internal usage only compatible with React 19.
+ * And will be removed in next major version.
+ */
+function unstableSetRender(render) {
   return unstableRender;
 }
 
 function isValidWaveColor(color) {
   return color && color !== '#fff' && color !== '#ffffff' && color !== 'rgb(255, 255, 255)' && color !== 'rgba(255, 255, 255, 1)' && !/rgba\((?:\d*, ){3}0\)/.test(color) &&
   // any transparent rgba color
-  color !== 'transparent';
+  color !== 'transparent' && color !== 'canvastext';
 }
 function getTargetWaveColor(node) {
+  var _a;
   const {
     borderTopColor,
     borderColor,
     backgroundColor
   } = getComputedStyle(node);
-  if (isValidWaveColor(borderTopColor)) {
-    return borderTopColor;
-  }
-  if (isValidWaveColor(borderColor)) {
-    return borderColor;
-  }
-  if (isValidWaveColor(backgroundColor)) {
-    return backgroundColor;
-  }
-  return null;
+  return (_a = [borderTopColor, borderColor, backgroundColor].find(isValidWaveColor)) !== null && _a !== void 0 ? _a : null;
 }
 
 function validateNum(value) {
@@ -3756,18 +3803,15 @@ const WaveEffect = props => {
       }
       return false;
     }
-  }, (_ref, ref) => {
-    let {
-      className: motionClassName
-    } = _ref;
-    return /*#__PURE__*/React.createElement("div", {
-      ref: composeRef(divRef, ref),
-      className: classNames(className, motionClassName, {
-        'wave-quick': isSmallComponent
-      }),
-      style: waveStyle
-    });
-  });
+  }, ({
+    className: motionClassName
+  }, ref) => (/*#__PURE__*/React.createElement("div", {
+    ref: composeRef(divRef, ref),
+    className: classNames(className, motionClassName, {
+      'wave-quick': isSmallComponent
+    }),
+    style: waveStyle
+  })));
 };
 const showWaveEffect = (target, info) => {
   var _a;
@@ -3784,7 +3828,7 @@ const showWaveEffect = (target, info) => {
   holder.style.left = '0px';
   holder.style.top = '0px';
   target === null || target === void 0 ? void 0 : target.insertBefore(holder, target === null || target === void 0 ? void 0 : target.firstChild);
-  const reactRender = getReactRender();
+  const reactRender = unstableSetRender();
   let unmountCallback = null;
   function registerUnmount() {
     return unmountCallback;
@@ -4096,11 +4140,10 @@ const DefaultLoadingIcon = props => {
     onEnterActive: getRealWidth,
     onLeaveStart: getRealWidth,
     onLeaveActive: getCollapsedWidth
-  }, (_ref, ref) => {
-    let {
-      className: motionCls,
-      style: motionStyle
-    } = _ref;
+  }, ({
+    className: motionCls,
+    style: motionStyle
+  }, ref) => {
     const mergedStyle = Object.assign(Object.assign({}, style), motionStyle);
     return /*#__PURE__*/React__default.createElement(InnerLoadingIcon, {
       prefixCls: prefixCls,
@@ -4252,16 +4295,13 @@ let AggregationColor = /*#__PURE__*/function () {
     }
     const isArray = Array.isArray(color);
     if (isArray && color.length) {
-      this.colors = color.map(_ref => {
-        let {
-          color: c,
-          percent
-        } = _ref;
-        return {
-          color: new AggregationColor(c),
-          percent
-        };
-      });
+      this.colors = color.map(({
+        color: c,
+        percent
+      }) => ({
+        color: new AggregationColor(c),
+        percent
+      }));
       this.metaColor = new Color(this.colors[0].color.metaColor);
     } else {
       this.metaColor = new Color(isArray ? '' : color);
@@ -4344,6 +4384,13 @@ let AggregationColor = /*#__PURE__*/function () {
   }]);
 }();
 
+const generateColor = color => {
+  if (color instanceof AggregationColor) {
+    return color;
+  }
+  return new AggregationColor(color);
+};
+
 const isBright = (value, bgColorToken) => {
   const {
     r,
@@ -4385,6 +4432,7 @@ const prepareComponentToken$2 = token => {
   }), {});
   return Object.assign(Object.assign({}, shadowColorTokens), {
     fontWeight: 400,
+    iconGap: token.marginXS,
     defaultShadow: `0 ${token.controlOutlineWidth}px 0 ${token.controlTmpOutline}`,
     primaryShadow: `0 ${token.controlOutlineWidth}px 0 ${token.controlOutline}`,
     dangerShadow: `0 ${token.controlOutlineWidth}px 0 ${token.colorErrorOutline}`,
@@ -4438,7 +4486,7 @@ const genSharedButtonStyle = token => {
     opacityLoading,
     motionDurationSlow,
     motionEaseInOut,
-    marginXS,
+    iconGap,
     calc
   } = token;
   return {
@@ -4446,7 +4494,7 @@ const genSharedButtonStyle = token => {
       outline: 'none',
       position: 'relative',
       display: 'inline-flex',
-      gap: token.marginXS,
+      gap: iconGap,
       alignItems: 'center',
       justifyContent: 'center',
       fontWeight,
@@ -4498,7 +4546,7 @@ const genSharedButtonStyle = token => {
       [`&:not(${componentCls}-icon-end)`]: {
         [`${componentCls}-loading-icon-motion`]: {
           '&-appear-start, &-enter-start': {
-            marginInlineEnd: calc(marginXS).mul(-1).equal()
+            marginInlineEnd: calc(iconGap).mul(-1).equal()
           },
           '&-appear-active, &-enter-active': {
             marginInlineEnd: 0
@@ -4507,7 +4555,7 @@ const genSharedButtonStyle = token => {
             marginInlineEnd: 0
           },
           '&-leave-active': {
-            marginInlineEnd: calc(marginXS).mul(-1).equal()
+            marginInlineEnd: calc(iconGap).mul(-1).equal()
           }
         }
       },
@@ -4515,7 +4563,7 @@ const genSharedButtonStyle = token => {
         flexDirection: 'row-reverse',
         [`${componentCls}-loading-icon-motion`]: {
           '&-appear-start, &-enter-start': {
-            marginInlineStart: calc(marginXS).mul(-1).equal()
+            marginInlineStart: calc(iconGap).mul(-1).equal()
           },
           '&-appear-active, &-enter-active': {
             marginInlineStart: 0
@@ -4524,7 +4572,7 @@ const genSharedButtonStyle = token => {
             marginInlineStart: 0
           },
           '&-leave-active': {
-            marginInlineStart: calc(marginXS).mul(-1).equal()
+            marginInlineStart: calc(iconGap).mul(-1).equal()
           }
         }
       }
@@ -4647,8 +4695,10 @@ const genPresetColorStyle = token => {
         borderColor: activeColor,
         background: token.colorBgContainer
       })), genDashedButtonStyle(token)), genFilledButtonStyle(token, lightColor, {
+        color: darkColor,
         background: lightHoverColor
       }, {
+        color: darkColor,
         background: lightBorderColor
       })), genTextLinkButtonStyle(token, darkColor, 'link', {
         color: hoverColor
@@ -4674,8 +4724,10 @@ const genDefaultButtonStyle = token => Object.assign(Object.assign(Object.assign
   color: token.solidTextColor,
   background: token.colorBgSolidActive
 })), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorFillTertiary, {
+  color: token.defaultColor,
   background: token.colorFillSecondary
 }, {
+  color: token.defaultColor,
   background: token.colorFill
 })), genGhostButtonStyle(token.componentCls, token.ghostBg, token.defaultGhostColor, token.defaultGhostBorderColor, token.colorTextDisabled, token.colorBorder)), genTextLinkButtonStyle(token, token.textTextColor, 'link', {
   color: token.colorLinkHover,
@@ -4695,8 +4747,10 @@ const genPrimaryButtonStyle = token => Object.assign(Object.assign(Object.assign
   borderColor: token.colorPrimaryActive,
   background: token.colorBgContainer
 })), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorPrimaryBg, {
+  color: token.colorPrimary,
   background: token.colorPrimaryBgHover
 }, {
+  color: token.colorPrimary,
   background: token.colorPrimaryBorder
 })), genTextLinkButtonStyle(token, token.colorPrimaryText, 'text', {
   color: token.colorPrimaryTextHover,
@@ -4730,8 +4784,10 @@ const genDangerousStyle = token => Object.assign(Object.assign(Object.assign(Obj
   color: token.colorErrorActive,
   borderColor: token.colorErrorActive
 })), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorErrorBg, {
+  color: token.colorError,
   background: token.colorErrorBgFilledHover
 }, {
+  color: token.colorError,
   background: token.colorErrorBgActive
 })), genTextLinkButtonStyle(token, token.colorError, 'text', {
   color: token.colorErrorHover,
@@ -4800,8 +4856,7 @@ const genCompatibleButtonStyle = token => Object.assign(Object.assign(Object.ass
   color: token.colorLinkActive
 }));
 // =============================== Size ===============================
-const genButtonStyle = function (token) {
-  let prefixCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+const genButtonStyle = (token, prefixCls = '') => {
   const {
     componentCls,
     controlHeight,
@@ -4900,7 +4955,7 @@ const useStyle$2 = genStyleHooks('Button', token => {
 });
 
 // handle border collapse
-function compactItemBorder(token, parentCls, options) {
+function compactItemBorder(token, parentCls, options, prefixCls) {
   const {
     focusElCls,
     focus,
@@ -4912,13 +4967,16 @@ function compactItemBorder(token, parentCls, options) {
     [`&-item:not(${parentCls}-last-item)`]: {
       marginInlineEnd: token.calc(token.lineWidth).mul(-1).equal()
     },
+    [`&-item:not(${prefixCls}-status-success)`]: {
+      zIndex: 2
+    },
     '&-item': Object.assign(Object.assign({
       [hoverEffects]: {
-        zIndex: 2
+        zIndex: 3
       }
     }, focusElCls ? {
       [`&${focusElCls}`]: {
-        zIndex: 2
+        zIndex: 3
       }
     } : {}), {
       [`&[disabled] ${childCombinator}`]: {
@@ -4951,28 +5009,30 @@ function compactItemBorderRadius(prefixCls, parentCls, options) {
     }
   };
 }
-function genCompactItemStyle(token) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-    focus: true
-  };
+function genCompactItemStyle(token, options = {
+  focus: true
+}) {
   const {
     componentCls
   } = token;
   const compactCls = `${componentCls}-compact`;
   return {
-    [compactCls]: Object.assign(Object.assign({}, compactItemBorder(token, compactCls, options)), compactItemBorderRadius(componentCls, compactCls, options))
+    [compactCls]: Object.assign(Object.assign({}, compactItemBorder(token, compactCls, options, componentCls)), compactItemBorderRadius(componentCls, compactCls, options))
   };
 }
 
-function compactItemVerticalBorder(token, parentCls) {
+function compactItemVerticalBorder(token, parentCls, prefixCls) {
   return {
     // border collapse
     [`&-item:not(${parentCls}-last-item)`]: {
       marginBottom: token.calc(token.lineWidth).mul(-1).equal()
     },
+    [`&-item:not(${prefixCls}-status-success)`]: {
+      zIndex: 2
+    },
     '&-item': {
       '&:hover,&:focus,&:active': {
-        zIndex: 2
+        zIndex: 3
       },
       '&[disabled]': {
         zIndex: 0
@@ -5002,7 +5062,7 @@ function compactItemBorderVerticalRadius(prefixCls, parentCls) {
 function genCompactItemVerticalStyle(token) {
   const compactCls = `${token.componentCls}-compact-vertical`;
   return {
-    [compactCls]: Object.assign(Object.assign({}, compactItemVerticalBorder(token, compactCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls))
+    [compactCls]: Object.assign(Object.assign({}, compactItemVerticalBorder(token, compactCls, token.componentCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls))
   };
 }
 
@@ -5078,7 +5138,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
       variant,
       type,
       danger = false,
-      shape = 'default',
+      shape: customizeShape,
       size: customizeSize,
       styles,
       disabled: customDisabled,
@@ -5100,16 +5160,30 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
   // https://github.com/ant-design/ant-design/issues/47605
   // Compatible with original `type` behavior
   const mergedType = type || 'default';
+  const {
+    button
+  } = React__default.useContext(ConfigContext);
+  const shape = customizeShape || (button === null || button === void 0 ? void 0 : button.shape) || 'default';
   const [mergedColor, mergedVariant] = useMemo$1(() => {
+    // >>>>> Local
+    // Color & Variant
     if (color && variant) {
       return [color, variant];
     }
-    const colorVariantPair = ButtonTypeMap[mergedType] || [];
-    if (danger) {
-      return ['danger', colorVariantPair[1]];
+    // Sugar syntax
+    if (type || danger) {
+      const colorVariantPair = ButtonTypeMap[mergedType] || [];
+      if (danger) {
+        return ['danger', colorVariantPair[1]];
+      }
+      return colorVariantPair;
+    }
+    // >>> Context fallback
+    if ((button === null || button === void 0 ? void 0 : button.color) && (button === null || button === void 0 ? void 0 : button.variant)) {
+      return [button.color, button.variant];
     }
-    return colorVariantPair;
-  }, [type, color, variant, danger]);
+    return ['default', 'outlined'];
+  }, [type, color, variant, danger, button === null || button === void 0 ? void 0 : button.variant, button === null || button === void 0 ? void 0 : button.color]);
   const isDanger = mergedColor === 'danger';
   const mergedColorText = isDanger ? 'dangerous' : mergedColor;
   const {
@@ -5144,8 +5218,9 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
     };
   }, []);
   // ========================= Effect =========================
-  // Loading
-  useEffect(() => {
+  // Loading. Should use `useLayoutEffect` to avoid low perf multiple click issue.
+  // https://github.com/ant-design/ant-design/issues/51325
+  useLayoutEffect$1(() => {
     let delayTimer = null;
     if (loadingOrDelay.delay > 0) {
       delayTimer = setTimeout(() => {
@@ -5162,7 +5237,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
       }
     }
     return cleanupTimer;
-  }, [loadingOrDelay]);
+  }, [loadingOrDelay.delay, loadingOrDelay.loading]);
   // Two chinese characters check
   useEffect(() => {
     // FIXME: for HOC usage like <FormatMessage />
@@ -5220,7 +5295,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
   // ========================= Render =========================
   const classes = classNames(prefixCls, hashId, cssVarCls, {
     [`${prefixCls}-${shape}`]: shape !== 'default' && shape,
-    // line(253 - 254): Compatible with versions earlier than 5.21.0
+    // Compatible with versions earlier than 5.21.0
     [`${prefixCls}-${mergedType}`]: mergedType,
     [`${prefixCls}-dangerous`]: danger,
     [`${prefixCls}-color-${mergedColorText}`]: mergedColorText,
@@ -5304,12 +5379,9 @@ function file2Obj(file) {
 /** Upload fileList. Replace file if exist or just push into it. */
 function updateFileList(file, fileList) {
   const nextFileList = _toConsumableArray(fileList);
-  const fileIndex = nextFileList.findIndex(_ref => {
-    let {
-      uid
-    } = _ref;
-    return uid === file.uid;
-  });
+  const fileIndex = nextFileList.findIndex(({
+    uid
+  }) => uid === file.uid);
   if (fileIndex === -1) {
     nextFileList.push(file);
   } else {
@@ -5330,8 +5402,7 @@ function removeFileItem(file, fileList) {
   return removed;
 }
 // ==================== Default Image Preview ====================
-const extname = function () {
-  let url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+const extname = (url = '') => {
   const temp = url.split('/');
   const filename = temp[temp.length - 1];
   const filenameWithoutSuffix = filename.split(/#|\?/)[0];
@@ -7762,8 +7833,6 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
       var doc = popupElement.ownerDocument;
       var win = getWin(popupElement);
       var _win$getComputedStyle = win.getComputedStyle(popupElement),
-        width = _win$getComputedStyle.width,
-        height = _win$getComputedStyle.height,
         popupPosition = _win$getComputedStyle.position;
       var originLeft = popupElement.style.left;
       var originTop = popupElement.style.top;
@@ -7812,6 +7881,9 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
         };
       }
       var popupRect = popupElement.getBoundingClientRect();
+      var _win$getComputedStyle2 = win.getComputedStyle(popupElement),
+        height = _win$getComputedStyle2.height,
+        width = _win$getComputedStyle2.width;
       popupRect.x = (_popupRect$x = popupRect.x) !== null && _popupRect$x !== void 0 ? _popupRect$x : popupRect.left;
       popupRect.y = (_popupRect$y = popupRect.y) !== null && _popupRect$y !== void 0 ? _popupRect$y : popupRect.top;
       var _doc$documentElement = doc.documentElement,
@@ -8685,6 +8757,10 @@ function generateTrigger() {
       cloneProps.className = classNames(originChildProps.className, className);
     }
 
+    // ============================ Perf ============================
+    var renderedRef = React.useRef(false);
+    renderedRef.current || (renderedRef.current = forceRender || mergedOpen || inMotion);
+
     // =========================== Render ===========================
     var mergedChildrenProps = _objectSpread2(_objectSpread2({}, originChildProps), cloneProps);
 
@@ -8719,7 +8795,7 @@ function generateTrigger() {
       onResize: onTargetResize
     }, /*#__PURE__*/React.createElement(TriggerWrapper, {
       getTriggerDOMNode: getTriggerDOMNode
-    }, triggerNode)), /*#__PURE__*/React.createElement(TriggerContext.Provider, {
+    }, triggerNode)), renderedRef.current && /*#__PURE__*/React.createElement(TriggerContext.Provider, {
       value: context
     }, /*#__PURE__*/React.createElement(Popup, {
       portal: PortalComponent,
@@ -8958,12 +9034,11 @@ const FormItemInputContext = /*#__PURE__*/React.createContext({});
 if (process.env.NODE_ENV !== 'production') {
   FormItemInputContext.displayName = 'FormItemInputContext';
 }
-const NoFormStyle = _ref => {
-  let {
-    children,
-    status,
-    override
-  } = _ref;
+const NoFormStyle = ({
+  children,
+  status,
+  override
+}) => {
   const formItemInputContext = React.useContext(FormItemInputContext);
   const newFormItemInputContext = React.useMemo(() => {
     const newContext = Object.assign({}, formItemInputContext);
@@ -9406,6 +9481,11 @@ function getPlacements(config) {
     borderRadius} = config;
   const halfArrowWidth = arrowWidth / 2;
   const placementMap = {};
+  // Dynamic offset
+  const arrowOffset = getArrowOffsetToken({
+    contentRadius: borderRadius,
+    limitVerticalRadius: true
+  });
   Object.keys(PlacementAlignMap).forEach(key => {
     const template = arrowPointAtCenter && ArrowCenterPlacementAlignMap[key] || PlacementAlignMap[key];
     const placementInfo = Object.assign(Object.assign({}, template), {
@@ -9440,11 +9520,6 @@ function getPlacements(config) {
         placementInfo.offset[0] = halfArrowWidth + offset;
         break;
     }
-    // Dynamic offset
-    const arrowOffset = getArrowOffsetToken({
-      contentRadius: borderRadius,
-      limitVerticalRadius: true
-    });
     if (arrowPointAtCenter) {
       switch (key) {
         case 'topLeft':
@@ -9516,7 +9591,7 @@ const genTooltipStyle = token => {
         minWidth: centerAlignMinWidth,
         minHeight: controlHeight,
         padding: `${unit(token.calc(paddingSM).div(2).equal())} ${unit(paddingXS)}`,
-        color: tooltipColor,
+        color: `var(--ant-tooltip-color, ${tooltipColor})`,
         textAlign: 'start',
         textDecoration: 'none',
         wordWrap: 'break-word',
@@ -9538,21 +9613,18 @@ const genTooltipStyle = token => {
       [`${componentCls}-content`]: {
         position: 'relative'
       }
-    }), genPresetColor(token, (colorKey, _ref) => {
-      let {
-        darkColor
-      } = _ref;
-      return {
-        [`&${componentCls}-${colorKey}`]: {
-          [`${componentCls}-inner`]: {
-            backgroundColor: darkColor
-          },
-          [`${componentCls}-arrow`]: {
-            '--antd-arrow-background-color': darkColor
-          }
+    }), genPresetColor(token, (colorKey, {
+      darkColor
+    }) => ({
+      [`&${componentCls}-${colorKey}`]: {
+        [`${componentCls}-inner`]: {
+          backgroundColor: darkColor
+        },
+        [`${componentCls}-arrow`]: {
+          '--antd-arrow-background-color': darkColor
         }
-      };
-    })), {
+      }
+    }))), {
       // RTL
       '&-rtl': {
         direction: 'rtl'
@@ -9579,8 +9651,7 @@ const prepareComponentToken$1 = token => Object.assign(Object.assign({
 })), getArrowToken(merge(token, {
   borderRadiusOuter: Math.min(token.borderRadiusOuter, 4)
 })));
-const useStyle$1 = (function (prefixCls) {
-  let injectStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+const useStyle$1 = (prefixCls, injectStyle = true) => {
   const useStyle = genStyleHooks('Tooltip', token => {
     const {
       borderRadius,
@@ -9601,7 +9672,7 @@ const useStyle$1 = (function (prefixCls) {
     injectStyle
   });
   return useStyle(prefixCls);
-});
+};
 
 const inverseColors = PresetColors.map(color => `${color}-inverse`);
 /**
@@ -9609,8 +9680,7 @@ const inverseColors = PresetColors.map(color => `${color}-inverse`);
  * @param color color to be judged
  * @param includeInverse whether to include reversed colors
  */
-function isPresetColor(color) {
-  let includeInverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+function isPresetColor(color, includeInverse = true) {
   if (includeInverse) {
     return [].concat(_toConsumableArray(inverseColors), _toConsumableArray(PresetColors)).includes(color);
   }
@@ -9624,8 +9694,12 @@ function parseColor(prefixCls, color) {
   });
   const overlayStyle = {};
   const arrowStyle = {};
+  const rgb = generateColor(color).toRgb();
+  const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;
+  const textColor = luminance < 0.5 ? '#FFF' : '#000';
   if (color && !isInternalColor) {
     overlayStyle.background = color;
+    overlayStyle['--ant-tooltip-color'] = textColor;
     // @ts-ignore
     arrowStyle['--antd-arrow-background-color'] = color;
   }
@@ -9688,6 +9762,7 @@ const InternalTooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
       afterOpenChange,
       afterVisibleChange,
       destroyTooltipOnHide,
+      destroyOnHidden,
       arrow = true,
       title,
       overlay,
@@ -9704,7 +9779,7 @@ const InternalTooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
       styles,
       classNames: tooltipClassNames
     } = props,
-    restProps = __rest$3(props, ["prefixCls", "openClassName", "getTooltipContainer", "color", "overlayInnerStyle", "children", "afterOpenChange", "afterVisibleChange", "destroyTooltipOnHide", "arrow", "title", "overlay", "builtinPlacements", "arrowPointAtCenter", "autoAdjustOverflow", "motion", "getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName", "overlayClassName", "styles", "classNames"]);
+    restProps = __rest$3(props, ["prefixCls", "openClassName", "getTooltipContainer", "color", "overlayInnerStyle", "children", "afterOpenChange", "afterVisibleChange", "destroyTooltipOnHide", "destroyOnHidden", "arrow", "title", "overlay", "builtinPlacements", "arrowPointAtCenter", "autoAdjustOverflow", "motion", "getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName", "overlayClassName", "styles", "classNames"]);
   const mergedShowArrow = !!arrow;
   const [, token] = useToken();
   const {
@@ -9737,8 +9812,7 @@ const InternalTooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
   });
   // ============================== Warn ==============================
   if (process.env.NODE_ENV !== 'production') {
-    [['visible', 'open'], ['defaultVisible', 'defaultOpen'], ['onVisibleChange', 'onOpenChange'], ['afterVisibleChange', 'afterOpenChange'], ['arrowPointAtCenter', 'arrow={{ pointAtCenter: true }}'], ['overlayStyle', 'styles={{ root: {} }}'], ['overlayInnerStyle', 'styles={{ body: {} }}'], ['overlayClassName', 'classNames={{ root: "" }}']].forEach(_ref => {
-      let [deprecatedName, newName] = _ref;
+    [['visible', 'open'], ['defaultVisible', 'defaultOpen'], ['onVisibleChange', 'onOpenChange'], ['afterVisibleChange', 'afterOpenChange'], ['destroyTooltipOnHide', 'destroyOnHidden'], ['arrowPointAtCenter', 'arrow={{ pointAtCenter: true }}'], ['overlayStyle', 'styles={{ root: {} }}'], ['overlayInnerStyle', 'styles={{ body: {} }}'], ['overlayClassName', 'classNames={{ root: "" }}']].forEach(([deprecatedName, newName]) => {
       warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
     });
     process.env.NODE_ENV !== "production" ? warning(!destroyTooltipOnHide || typeof destroyTooltipOnHide === 'boolean', 'usage', '`destroyTooltipOnHide` no need config `keepParent` anymore. Please use `boolean` value directly.') : void 0;
@@ -9832,7 +9906,8 @@ const InternalTooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
       motionName: getTransitionName(rootPrefixCls, 'zoom-big-fast', props.transitionName),
       motionDeadline: 1000
     },
-    destroyTooltipOnHide: !!destroyTooltipOnHide
+    // TODO: In the future, destroyTooltipOnHide in rc-tooltip needs to be upgrade to destroyOnHidden
+    destroyTooltipOnHide: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : !!destroyTooltipOnHide
   }), tempOpen ? cloneElement(child, {
     className: childCls
   }) : child);
@@ -9855,11 +9930,10 @@ function validProgress(progress) {
   }
   return progress;
 }
-function getSuccessPercent(_ref) {
-  let {
-    success,
-    successPercent
-  } = _ref;
+function getSuccessPercent({
+  success,
+  successPercent
+}) {
   let percent = successPercent;
   /** @deprecated Use `percent` instead */
   if (success && 'progress' in success) {
@@ -9870,23 +9944,21 @@ function getSuccessPercent(_ref) {
   }
   return percent;
 }
-const getPercentage = _ref2 => {
-  let {
-    percent,
-    success,
-    successPercent
-  } = _ref2;
+const getPercentage = ({
+  percent,
+  success,
+  successPercent
+}) => {
   const realSuccessPercent = validProgress(getSuccessPercent({
     success,
     successPercent
   }));
   return [realSuccessPercent, validProgress(validProgress(percent) - realSuccessPercent)];
 };
-const getStrokeColor = _ref3 => {
-  let {
-    success = {},
-    strokeColor
-  } = _ref3;
+const getStrokeColor = ({
+  success = {},
+  strokeColor
+}) => {
   const {
     strokeColor: successColor
   } = success;
@@ -10332,13 +10404,10 @@ const sortGradient = gradients => {
     }
   });
   tempArr = tempArr.sort((a, b) => a.key - b.key);
-  return tempArr.map(_ref => {
-    let {
-      key,
-      value
-    } = _ref;
-    return `${value} ${key}%`;
-  }).join(', ');
+  return tempArr.map(({
+    key,
+    value
+  }) => `${value} ${key}%`).join(', ');
 };
 /**
  * Then this man came to realize the truth: Besides six pence, there is the moon. Besides bread and
@@ -10634,31 +10703,30 @@ if (process.env.NODE_ENV !== 'production') {
   Progress.displayName = 'Progress';
 }
 
-const ListItem = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    prefixCls,
-    className,
-    style,
-    locale,
-    listType,
-    file,
-    items,
-    progress: progressProps,
-    iconRender,
-    actionIconRender,
-    itemRender,
-    isImgUrl,
-    showPreviewIcon,
-    showRemoveIcon,
-    showDownloadIcon,
-    previewIcon: customPreviewIcon,
-    removeIcon: customRemoveIcon,
-    downloadIcon: customDownloadIcon,
-    extra: customExtra,
-    onPreview,
-    onDownload,
-    onClose
-  } = _ref;
+const ListItem = /*#__PURE__*/React.forwardRef(({
+  prefixCls,
+  className,
+  style,
+  locale,
+  listType,
+  file,
+  items,
+  progress: progressProps,
+  iconRender,
+  actionIconRender,
+  itemRender,
+  isImgUrl,
+  showPreviewIcon,
+  showRemoveIcon,
+  showDownloadIcon,
+  previewIcon: customPreviewIcon,
+  removeIcon: customRemoveIcon,
+  downloadIcon: customDownloadIcon,
+  extra: customExtra,
+  onPreview,
+  onDownload,
+  onClose
+}, ref) => {
   var _a, _b;
   // Status: which will ignore `removed` status
   const {
@@ -10764,17 +10832,16 @@ const ListItem = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     motionName: `${rootPrefixCls}-fade`,
     visible: mergedStatus === 'uploading',
     motionDeadline: 2000
-  }, _ref2 => {
-    let {
-      className: motionClassName
-    } = _ref2;
+  }, ({
+    className: motionClassName
+  }) => {
     // show loading icon if upload progress listener is disabled
-    const loadingProgress = 'percent' in file ? (/*#__PURE__*/React.createElement(Progress, Object.assign({}, progressProps, {
+    const loadingProgress = 'percent' in file ? (/*#__PURE__*/React.createElement(Progress, Object.assign({
       type: "line",
       percent: file.percent,
       "aria-label": file['aria-label'],
       "aria-labelledby": file['aria-labelledby']
-    }))) : null;
+    }, progressProps))) : null;
     return /*#__PURE__*/React.createElement("div", {
       className: classNames(`${prefixCls}-list-item-progress`, motionClassName)
     }, loadingProgress);
@@ -10888,11 +10955,9 @@ const InternalUploadList = (props, ref) => {
           (_b = (_a = customIcon.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
         }
       },
-      className: `${prefixCls}-list-item-action`
+      className: `${prefixCls}-list-item-action`,
+      disabled: acceptUploadDisabled ? disabled : false
     };
-    if (acceptUploadDisabled) {
-      btnProps.disabled = disabled;
-    }
     return /*#__PURE__*/React.isValidElement(customIcon) ? (/*#__PURE__*/React.createElement(Button, Object.assign({}, btnProps, {
       icon: cloneElement(customIcon, Object.assign(Object.assign({}, customIcon.props), {
         onClick: () => {}
@@ -10926,54 +10991,48 @@ const InternalUploadList = (props, ref) => {
     className: listClassNames
   }, /*#__PURE__*/React.createElement(CSSMotionList, Object.assign({}, motionConfig, {
     component: false
-  }), _ref => {
-    let {
-      key,
-      file,
-      className: motionClassName,
-      style: motionStyle
-    } = _ref;
-    return /*#__PURE__*/React.createElement(ListItem, {
-      key: key,
-      locale: locale,
-      prefixCls: prefixCls,
-      className: motionClassName,
-      style: motionStyle,
-      file: file,
-      items: items,
-      progress: progress,
-      listType: listType,
-      isImgUrl: isImgUrl,
-      showPreviewIcon: showPreviewIcon,
-      showRemoveIcon: showRemoveIcon,
-      showDownloadIcon: showDownloadIcon,
-      removeIcon: removeIcon,
-      previewIcon: previewIcon,
-      downloadIcon: downloadIcon,
-      extra: extra,
-      iconRender: internalIconRender,
-      actionIconRender: actionIconRender,
-      itemRender: itemRender,
-      onPreview: onInternalPreview,
-      onDownload: onInternalDownload,
-      onClose: onInternalClose
-    });
-  }), appendAction && (/*#__PURE__*/React.createElement(CSSMotion, Object.assign({}, motionConfig, {
+  }), ({
+    key,
+    file,
+    className: motionClassName,
+    style: motionStyle
+  }) => (/*#__PURE__*/React.createElement(ListItem, {
+    key: key,
+    locale: locale,
+    prefixCls: prefixCls,
+    className: motionClassName,
+    style: motionStyle,
+    file: file,
+    items: items,
+    progress: progress,
+    listType: listType,
+    isImgUrl: isImgUrl,
+    showPreviewIcon: showPreviewIcon,
+    showRemoveIcon: showRemoveIcon,
+    showDownloadIcon: showDownloadIcon,
+    removeIcon: removeIcon,
+    previewIcon: previewIcon,
+    downloadIcon: downloadIcon,
+    extra: extra,
+    iconRender: internalIconRender,
+    actionIconRender: actionIconRender,
+    itemRender: itemRender,
+    onPreview: onInternalPreview,
+    onDownload: onInternalDownload,
+    onClose: onInternalClose
+  }))), appendAction && (/*#__PURE__*/React.createElement(CSSMotion, Object.assign({}, motionConfig, {
     visible: appendActionVisible,
     forceRender: true
-  }), _ref2 => {
-    let {
-      className: motionClassName,
-      style: motionStyle
-    } = _ref2;
-    return cloneElement(appendAction, oriProps => ({
-      className: classNames(oriProps.className, motionClassName),
-      style: Object.assign(Object.assign(Object.assign({}, motionStyle), {
-        // prevent the element has hover css pseudo-class that may cause animation to end prematurely.
-        pointerEvents: motionClassName ? 'none' : undefined
-      }), oriProps.style)
-    }));
-  })));
+  }), ({
+    className: motionClassName,
+    style: motionStyle
+  }) => cloneElement(appendAction, oriProps => ({
+    className: classNames(oriProps.className, motionClassName),
+    style: Object.assign(Object.assign(Object.assign({}, motionStyle), {
+      // prevent the element has hover css pseudo-class that may cause animation to end prematurely.
+      pointerEvents: motionClassName ? 'none' : undefined
+    }), oriProps.style)
+  })))));
 };
 const UploadList = /*#__PURE__*/React.forwardRef(InternalUploadList);
 if (process.env.NODE_ENV !== 'production') {
@@ -11009,6 +11068,7 @@ var __awaiter = undefined && undefined.__awaiter || function (thisArg, _argument
 };
 const LIST_IGNORE = `__LIST_IGNORE_${Date.now()}__`;
 const InternalUpload = (props, ref) => {
+  const config = useComponentConfig('upload');
   const {
     fileList,
     defaultFileList,
@@ -11043,6 +11103,7 @@ const InternalUpload = (props, ref) => {
   // ===================== Disabled =====================
   const disabled = React.useContext(DisabledContext);
   const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
+  const customRequest = props.customRequest || config.customRequest;
   const [mergedFileList, setMergedFileList] = useMergedState(defaultFileList || [], {
     value: fileList,
     postState: list => list !== null && list !== void 0 ? list : []
@@ -11172,7 +11233,6 @@ const InternalUpload = (props, ref) => {
   const onSuccess = (response, file, xhr) => {
     try {
       if (typeof response === 'string') {
-        // biome-ignore lint/style/noParameterAssign: we need to modify response
         response = JSON.parse(response);
       }
     } catch (_a) {
@@ -11265,6 +11325,7 @@ const InternalUpload = (props, ref) => {
     onProgress,
     onSuccess
   }, props), {
+    customRequest,
     data,
     multiple,
     action,
@@ -11363,7 +11424,8 @@ const InternalUpload = (props, ref) => {
     [`${prefixCls}-hidden`]: !children
   });
   const uploadButton = /*#__PURE__*/React.createElement("div", {
-    className: uploadBtnCls
+    className: uploadBtnCls,
+    style: mergedStyle
   }, /*#__PURE__*/React.createElement(Upload$1, Object.assign({}, rcUploadProps, {
     ref: upload
   })));