@pnkx-lib/ui 1.9.545 → 1.9.547

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, y as useLayoutEffect$1, o as omit, t as toArray$2 } from '../chunks/toArray-GtzhUyP3.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, o as omit, y as useLayoutEffect$1, t as toArray$2 } from '../chunks/toArray-7SKWyzWi.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-Dr5ZHcf7.js';
+import { C as Controller } from '../chunks/index.esm-Ds4t-z37.js';
 import { toast } from '@pnkx-lib/core';
 import { R as RefIcon$b } from '../chunks/InboxOutlined-W7xl_mLq.js';
 
@@ -1545,257 +1545,274 @@ function genCSSMotionList(transitionSupport) {
 }
 const CSSMotionList = genCSSMotionList(supportTransition);
 
-function _OverloadYield(e, d) {
-  this.v = e, this.k = d;
-}
-
-function _regeneratorDefine(e, r, n, t) {
-  var i = Object.defineProperty;
+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
+    });
+  }
   try {
-    i({}, "", {});
-  } catch (e) {
-    i = 0;
+    c({}, "");
+  } catch (t) {
+    c = function c(t, r, e) {
+      return t[r] = e;
+    };
   }
-  _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;
-          }
-        };
-      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));
+  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
+          };
         }
-        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;
+        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;
+            }
           }
+          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
+            };
+          }
+          "throw" === h.type && (o = 4, n.method = "throw", n.arg = h.arg);
         }
-        return {
-          value: t,
-          done: y
-        };
       };
-    }(r, o, i), true), u;
+    }(r, n, new Context(o || [])), true), a;
   }
-  var a = {};
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-  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;
-  }), _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) {
+  function s(t, r, e) {
     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);
-      });
+      return {
+        type: "normal",
+        arg: t.call(r, e)
+      };
     } catch (t) {
-      f(t);
+      return {
+        type: "throw",
+        arg: t
+      };
     }
   }
-  var r;
-  this.next || (_regeneratorDefine(AsyncIterator.prototype), _regeneratorDefine(AsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () {
+  r.wrap = h;
+  var f = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  var l = {};
+  c(l, i, function () {
     return this;
-  })), _regeneratorDefine(this, "_invoke", function (t, o, i) {
-    function f() {
-      return new e(function (e, r) {
-        n(t, i, e, r);
+  });
+  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);
       });
+    });
+  }
+  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);
     }
-    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
-        };
+    var o;
+    c(this, "_invoke", function (t, n) {
+      function i() {
+        return new r(function (r, o) {
+          e(t, n, r, o);
+        });
       }
-    };
-  }
-  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);
-        }
-      }, 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;
+      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;
       }
-    };
+    }
+    throw new TypeError(_typeof(r) + " is not iterable");
   }
-  return (_regeneratorRuntime = function _regeneratorRuntime() {
+  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 {
-      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
+      __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 () {
+    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;
+        }
+      }
+    },
+    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;
+        }
+      }
+      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;
+        }
+      }
+      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;
 }
 
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
@@ -2234,26 +2251,26 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
         _this.onClick(e);
       }
     });
-    _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;
+    _defineProperty(_assertThisInitialized(_this), "onFileDrop", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
+        var multiple, files, _files;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _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();
+              multiple = _this.props.multiple;
+              e.preventDefault();
+              if (!(e.type === 'dragover')) {
+                _context.next = 4;
+                break;
               }
-              if (!directory) {
+              return _context.abrupt("return");
+            case 4:
+              if (!_this.props.directory) {
                 _context.next = 11;
                 break;
               }
               _context.next = 7;
-              return traverseFileTree(Array.prototype.slice.call(items), function (_file) {
+              return traverseFileTree(Array.prototype.slice.call(e.dataTransfer.items), function (_file) {
                 return attrAccept(_file, _this.props.accept);
               });
             case 7:
@@ -2262,80 +2279,23 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
               _context.next = 14;
               break;
             case 11:
-              acceptFiles = _toConsumableArray(files).filter(function (file) {
-                return attrAccept(file, accept);
+              _files = _toConsumableArray(e.dataTransfer.files).filter(function (file) {
+                return attrAccept(file, _this.props.accept);
               });
               if (multiple === false) {
-                acceptFiles = files.slice(0, 1);
+                _files = _files.slice(0, 1);
               }
-              _this.uploadFiles(acceptFiles);
+              _this.uploadFiles(_files);
             case 14:
             case "end":
               return _context.stop();
           }
         }, _callee);
       }));
-      return function (_x, _x2) {
+      return function (_x) {
         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) {
@@ -2347,9 +2307,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 (_ref4) {
-          var origin = _ref4.origin,
-            parsedFile = _ref4.parsedFile;
+        onBatchStart === null || onBatchStart === void 0 || onBatchStart(fileList.map(function (_ref2) {
+          var origin = _ref2.origin,
+            parsedFile = _ref2.parsedFile;
           return {
             file: origin,
             parsedFile: parsedFile
@@ -2366,35 +2326,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 _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(file, fileList) {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(file, fileList) {
         var beforeUpload, transformedFile, action, mergedAction, data, mergedData, parsedData, parsedFile, mergedParsedFile;
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               beforeUpload = _this.props.beforeUpload;
               transformedFile = file;
               if (!beforeUpload) {
-                _context4.next = 14;
+                _context2.next = 14;
                 break;
               }
-              _context4.prev = 3;
-              _context4.next = 6;
+              _context2.prev = 3;
+              _context2.next = 6;
               return beforeUpload(file, fileList);
             case 6:
-              transformedFile = _context4.sent;
-              _context4.next = 12;
+              transformedFile = _context2.sent;
+              _context2.next = 12;
               break;
             case 9:
-              _context4.prev = 9;
-              _context4.t0 = _context4["catch"](3);
+              _context2.prev = 9;
+              _context2.t0 = _context2["catch"](3);
               // Rejection will also trade as false
               transformedFile = false;
             case 12:
               if (!(transformedFile === false)) {
-                _context4.next = 14;
+                _context2.next = 14;
                 break;
               }
-              return _context4.abrupt("return", {
+              return _context2.abrupt("return", {
                 origin: file,
                 parsedFile: null,
                 action: null,
@@ -2404,14 +2364,14 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
               // Get latest action
               action = _this.props.action;
               if (!(typeof action === 'function')) {
-                _context4.next = 21;
+                _context2.next = 21;
                 break;
               }
-              _context4.next = 18;
+              _context2.next = 18;
               return action(file);
             case 18:
-              mergedAction = _context4.sent;
-              _context4.next = 22;
+              mergedAction = _context2.sent;
+              _context2.next = 22;
               break;
             case 21:
               mergedAction = action;
@@ -2419,14 +2379,14 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
               // Get latest data
               data = _this.props.data;
               if (!(typeof data === 'function')) {
-                _context4.next = 29;
+                _context2.next = 29;
                 break;
               }
-              _context4.next = 26;
+              _context2.next = 26;
               return data(file);
             case 26:
-              mergedData = _context4.sent;
-              _context4.next = 30;
+              mergedData = _context2.sent;
+              _context2.next = 30;
               break;
             case 29:
               mergedData = data;
@@ -2444,7 +2404,7 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
               }
               mergedParsedFile = parsedFile;
               mergedParsedFile.uid = file.uid;
-              return _context4.abrupt("return", {
+              return _context2.abrupt("return", {
                 origin: file,
                 data: mergedData,
                 parsedFile: mergedParsedFile,
@@ -2452,12 +2412,12 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
               });
             case 35:
             case "end":
-              return _context4.stop();
+              return _context2.stop();
           }
-        }, _callee4, null, [[3, 9]]);
+        }, _callee2, null, [[3, 9]]);
       }));
-      return function (_x5, _x6) {
-        return _ref5.apply(this, arguments);
+      return function (_x2, _x3) {
+        return _ref3.apply(this, arguments);
       };
     }());
     _defineProperty(_assertThisInitialized(_this), "saveFileInput", function (node) {
@@ -2469,46 +2429,31 @@ 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(_ref6) {
+    value: function post(_ref4) {
       var _this2 = this;
-      var data = _ref6.data,
-        origin = _ref6.origin,
-        action = _ref6.action,
-        parsedFile = _ref6.parsedFile;
+      var data = _ref4.data,
+        origin = _ref4.origin,
+        action = _ref4.action,
+        parsedFile = _ref4.parsedFile;
       if (!this._isMounted) {
         return;
       }
-      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 _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 uid = origin.uid;
       var request = customRequest || upload;
       var requestOption = {
@@ -2566,28 +2511,28 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      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 _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 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 ? {
@@ -2600,7 +2545,7 @@ var AjaxUploader = /*#__PURE__*/function (_Component) {
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,
         onDrop: this.onFileDrop,
-        onDragOver: this.onFileDragOver,
+        onDragOver: this.onFileDrop,
         tabIndex: hasControlInside ? undefined : '0'
       };
       return /*#__PURE__*/React__default.createElement(Tag, _extends({}, events, {
@@ -2718,7 +2663,8 @@ const initMotionCommonLeave = duration => ({
   animationDuration: duration,
   animationFillMode: 'both'
 });
-const initMotion = (motionCls, inKeyframes, outKeyframes, duration, sameLevel = false) => {
+const initMotion = function (motionCls, inKeyframes, outKeyframes, duration) {
+  let sameLevel = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   const sameLevelPrefix = sameLevel ? '&' : '';
   return {
     [`
@@ -2761,7 +2707,8 @@ const fadeOut = new Keyframe('antFadeOut', {
     opacity: 0
   }
 });
-const initFadeMotion = (token, sameLevel = false) => {
+const initFadeMotion = function (token) {
+  let sameLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   const {
     antCls
   } = token;
@@ -3084,7 +3031,7 @@ const genListStyle = token => {
             }
           },
           [`${componentCls}-icon ${iconCls}`]: {
-            color: token.colorIcon,
+            color: token.colorTextDescription,
             fontSize
           },
           [`${itemCls}-progress`]: {
@@ -3443,7 +3390,7 @@ const genBaseStyle$1 = token => {
   };
 };
 const prepareComponentToken$3 = token => ({
-  actionsColor: token.colorIcon
+  actionsColor: token.colorTextDescription
 });
 // ============================== Export ==============================
 const useStyle$4 = genStyleHooks('Upload', token => {
@@ -3485,19 +3432,22 @@ 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 = (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 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 getTransitionName = (rootPrefixCls, motion, transitionName) => {
   if (transitionName !== undefined) {
     return transitionName;
@@ -3574,7 +3524,7 @@ const genWaveStyle = token => {
     }
   };
 };
-const useStyle$3 = genComponentStyleHook('Wave', genWaveStyle);
+const useStyle$3 = genComponentStyleHook('Wave', token => [genWaveStyle(token)]);
 
 const TARGET_CLS = `${defaultPrefixCls}-wave-target`;
 
@@ -3683,28 +3633,31 @@ const defaultReactRender = (node, container) => {
   };
 };
 let unstableRender = defaultReactRender;
-/**
- * @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) {
+function getReactRender() {
   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 !== 'canvastext';
+  color !== 'transparent';
 }
 function getTargetWaveColor(node) {
-  var _a;
   const {
     borderTopColor,
     borderColor,
     backgroundColor
   } = getComputedStyle(node);
-  return (_a = [borderTopColor, borderColor, backgroundColor].find(isValidWaveColor)) !== null && _a !== void 0 ? _a : null;
+  if (isValidWaveColor(borderTopColor)) {
+    return borderTopColor;
+  }
+  if (isValidWaveColor(borderColor)) {
+    return borderColor;
+  }
+  if (isValidWaveColor(backgroundColor)) {
+    return backgroundColor;
+  }
+  return null;
 }
 
 function validateNum(value) {
@@ -3803,15 +3756,18 @@ const WaveEffect = props => {
       }
       return false;
     }
-  }, ({
-    className: motionClassName
-  }, ref) => (/*#__PURE__*/React.createElement("div", {
-    ref: composeRef(divRef, ref),
-    className: classNames(className, motionClassName, {
-      'wave-quick': isSmallComponent
-    }),
-    style: waveStyle
-  })));
+  }, (_ref, ref) => {
+    let {
+      className: motionClassName
+    } = _ref;
+    return /*#__PURE__*/React.createElement("div", {
+      ref: composeRef(divRef, ref),
+      className: classNames(className, motionClassName, {
+        'wave-quick': isSmallComponent
+      }),
+      style: waveStyle
+    });
+  });
 };
 const showWaveEffect = (target, info) => {
   var _a;
@@ -3828,7 +3784,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 = unstableSetRender();
+  const reactRender = getReactRender();
   let unmountCallback = null;
   function registerUnmount() {
     return unmountCallback;
@@ -4140,10 +4096,11 @@ const DefaultLoadingIcon = props => {
     onEnterActive: getRealWidth,
     onLeaveStart: getRealWidth,
     onLeaveActive: getCollapsedWidth
-  }, ({
-    className: motionCls,
-    style: motionStyle
-  }, ref) => {
+  }, (_ref, ref) => {
+    let {
+      className: motionCls,
+      style: motionStyle
+    } = _ref;
     const mergedStyle = Object.assign(Object.assign({}, style), motionStyle);
     return /*#__PURE__*/React__default.createElement(InnerLoadingIcon, {
       prefixCls: prefixCls,
@@ -4295,13 +4252,16 @@ let AggregationColor = /*#__PURE__*/function () {
     }
     const isArray = Array.isArray(color);
     if (isArray && color.length) {
-      this.colors = color.map(({
-        color: c,
-        percent
-      }) => ({
-        color: new AggregationColor(c),
-        percent
-      }));
+      this.colors = color.map(_ref => {
+        let {
+          color: c,
+          percent
+        } = _ref;
+        return {
+          color: new AggregationColor(c),
+          percent
+        };
+      });
       this.metaColor = new Color(this.colors[0].color.metaColor);
     } else {
       this.metaColor = new Color(isArray ? '' : color);
@@ -4384,13 +4344,6 @@ let AggregationColor = /*#__PURE__*/function () {
   }]);
 }();
 
-const generateColor = color => {
-  if (color instanceof AggregationColor) {
-    return color;
-  }
-  return new AggregationColor(color);
-};
-
 const isBright = (value, bgColorToken) => {
   const {
     r,
@@ -4432,7 +4385,6 @@ 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}`,
@@ -4486,7 +4438,7 @@ const genSharedButtonStyle = token => {
     opacityLoading,
     motionDurationSlow,
     motionEaseInOut,
-    iconGap,
+    marginXS,
     calc
   } = token;
   return {
@@ -4494,7 +4446,7 @@ const genSharedButtonStyle = token => {
       outline: 'none',
       position: 'relative',
       display: 'inline-flex',
-      gap: iconGap,
+      gap: token.marginXS,
       alignItems: 'center',
       justifyContent: 'center',
       fontWeight,
@@ -4546,7 +4498,7 @@ const genSharedButtonStyle = token => {
       [`&:not(${componentCls}-icon-end)`]: {
         [`${componentCls}-loading-icon-motion`]: {
           '&-appear-start, &-enter-start': {
-            marginInlineEnd: calc(iconGap).mul(-1).equal()
+            marginInlineEnd: calc(marginXS).mul(-1).equal()
           },
           '&-appear-active, &-enter-active': {
             marginInlineEnd: 0
@@ -4555,7 +4507,7 @@ const genSharedButtonStyle = token => {
             marginInlineEnd: 0
           },
           '&-leave-active': {
-            marginInlineEnd: calc(iconGap).mul(-1).equal()
+            marginInlineEnd: calc(marginXS).mul(-1).equal()
           }
         }
       },
@@ -4563,7 +4515,7 @@ const genSharedButtonStyle = token => {
         flexDirection: 'row-reverse',
         [`${componentCls}-loading-icon-motion`]: {
           '&-appear-start, &-enter-start': {
-            marginInlineStart: calc(iconGap).mul(-1).equal()
+            marginInlineStart: calc(marginXS).mul(-1).equal()
           },
           '&-appear-active, &-enter-active': {
             marginInlineStart: 0
@@ -4572,7 +4524,7 @@ const genSharedButtonStyle = token => {
             marginInlineStart: 0
           },
           '&-leave-active': {
-            marginInlineStart: calc(iconGap).mul(-1).equal()
+            marginInlineStart: calc(marginXS).mul(-1).equal()
           }
         }
       }
@@ -4695,10 +4647,8 @@ 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
@@ -4724,10 +4674,8 @@ 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,
@@ -4747,10 +4695,8 @@ 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,
@@ -4784,10 +4730,8 @@ 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,
@@ -4856,7 +4800,8 @@ const genCompatibleButtonStyle = token => Object.assign(Object.assign(Object.ass
   color: token.colorLinkActive
 }));
 // =============================== Size ===============================
-const genButtonStyle = (token, prefixCls = '') => {
+const genButtonStyle = function (token) {
+  let prefixCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   const {
     componentCls,
     controlHeight,
@@ -4955,7 +4900,7 @@ const useStyle$2 = genStyleHooks('Button', token => {
 });
 
 // handle border collapse
-function compactItemBorder(token, parentCls, options, prefixCls) {
+function compactItemBorder(token, parentCls, options) {
   const {
     focusElCls,
     focus,
@@ -4967,16 +4912,13 @@ function compactItemBorder(token, parentCls, options, prefixCls) {
     [`&-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: 3
+        zIndex: 2
       }
     }, focusElCls ? {
       [`&${focusElCls}`]: {
-        zIndex: 3
+        zIndex: 2
       }
     } : {}), {
       [`&[disabled] ${childCombinator}`]: {
@@ -5009,30 +4951,28 @@ function compactItemBorderRadius(prefixCls, parentCls, options) {
     }
   };
 }
-function genCompactItemStyle(token, options = {
-  focus: true
-}) {
+function genCompactItemStyle(token) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    focus: true
+  };
   const {
     componentCls
   } = token;
   const compactCls = `${componentCls}-compact`;
   return {
-    [compactCls]: Object.assign(Object.assign({}, compactItemBorder(token, compactCls, options, componentCls)), compactItemBorderRadius(componentCls, compactCls, options))
+    [compactCls]: Object.assign(Object.assign({}, compactItemBorder(token, compactCls, options)), compactItemBorderRadius(componentCls, compactCls, options))
   };
 }
 
-function compactItemVerticalBorder(token, parentCls, prefixCls) {
+function compactItemVerticalBorder(token, parentCls) {
   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: 3
+        zIndex: 2
       },
       '&[disabled]': {
         zIndex: 0
@@ -5062,7 +5002,7 @@ function compactItemBorderVerticalRadius(prefixCls, parentCls) {
 function genCompactItemVerticalStyle(token) {
   const compactCls = `${token.componentCls}-compact-vertical`;
   return {
-    [compactCls]: Object.assign(Object.assign({}, compactItemVerticalBorder(token, compactCls, token.componentCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls))
+    [compactCls]: Object.assign(Object.assign({}, compactItemVerticalBorder(token, compactCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls))
   };
 }
 
@@ -5138,7 +5078,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
       variant,
       type,
       danger = false,
-      shape: customizeShape,
+      shape = 'default',
       size: customizeSize,
       styles,
       disabled: customDisabled,
@@ -5160,30 +5100,16 @@ 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];
     }
-    // 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];
+    const colorVariantPair = ButtonTypeMap[mergedType] || [];
+    if (danger) {
+      return ['danger', colorVariantPair[1]];
     }
-    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]);
+    return colorVariantPair;
+  }, [type, color, variant, danger]);
   const isDanger = mergedColor === 'danger';
   const mergedColorText = isDanger ? 'dangerous' : mergedColor;
   const {
@@ -5218,9 +5144,8 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
     };
   }, []);
   // ========================= Effect =========================
-  // Loading. Should use `useLayoutEffect` to avoid low perf multiple click issue.
-  // https://github.com/ant-design/ant-design/issues/51325
-  useLayoutEffect$1(() => {
+  // Loading
+  useEffect(() => {
     let delayTimer = null;
     if (loadingOrDelay.delay > 0) {
       delayTimer = setTimeout(() => {
@@ -5237,7 +5162,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
       }
     }
     return cleanupTimer;
-  }, [loadingOrDelay.delay, loadingOrDelay.loading]);
+  }, [loadingOrDelay]);
   // Two chinese characters check
   useEffect(() => {
     // FIXME: for HOC usage like <FormatMessage />
@@ -5295,7 +5220,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
   // ========================= Render =========================
   const classes = classNames(prefixCls, hashId, cssVarCls, {
     [`${prefixCls}-${shape}`]: shape !== 'default' && shape,
-    // Compatible with versions earlier than 5.21.0
+    // line(253 - 254): Compatible with versions earlier than 5.21.0
     [`${prefixCls}-${mergedType}`]: mergedType,
     [`${prefixCls}-dangerous`]: danger,
     [`${prefixCls}-color-${mergedColorText}`]: mergedColorText,
@@ -5379,9 +5304,12 @@ 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(({
-    uid
-  }) => uid === file.uid);
+  const fileIndex = nextFileList.findIndex(_ref => {
+    let {
+      uid
+    } = _ref;
+    return uid === file.uid;
+  });
   if (fileIndex === -1) {
     nextFileList.push(file);
   } else {
@@ -5402,7 +5330,8 @@ function removeFileItem(file, fileList) {
   return removed;
 }
 // ==================== Default Image Preview ====================
-const extname = (url = '') => {
+const extname = function () {
+  let url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   const temp = url.split('/');
   const filename = temp[temp.length - 1];
   const filenameWithoutSuffix = filename.split(/#|\?/)[0];
@@ -7833,6 +7762,8 @@ 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;
@@ -7881,9 +7812,6 @@ 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,
@@ -8757,10 +8685,6 @@ 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);
 
@@ -8795,7 +8719,7 @@ function generateTrigger() {
       onResize: onTargetResize
     }, /*#__PURE__*/React.createElement(TriggerWrapper, {
       getTriggerDOMNode: getTriggerDOMNode
-    }, triggerNode)), renderedRef.current && /*#__PURE__*/React.createElement(TriggerContext.Provider, {
+    }, triggerNode)), /*#__PURE__*/React.createElement(TriggerContext.Provider, {
       value: context
     }, /*#__PURE__*/React.createElement(Popup, {
       portal: PortalComponent,
@@ -9034,11 +8958,12 @@ const FormItemInputContext = /*#__PURE__*/React.createContext({});
 if (process.env.NODE_ENV !== 'production') {
   FormItemInputContext.displayName = 'FormItemInputContext';
 }
-const NoFormStyle = ({
-  children,
-  status,
-  override
-}) => {
+const NoFormStyle = _ref => {
+  let {
+    children,
+    status,
+    override
+  } = _ref;
   const formItemInputContext = React.useContext(FormItemInputContext);
   const newFormItemInputContext = React.useMemo(() => {
     const newContext = Object.assign({}, formItemInputContext);
@@ -9481,11 +9406,6 @@ 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), {
@@ -9520,6 +9440,11 @@ function getPlacements(config) {
         placementInfo.offset[0] = halfArrowWidth + offset;
         break;
     }
+    // Dynamic offset
+    const arrowOffset = getArrowOffsetToken({
+      contentRadius: borderRadius,
+      limitVerticalRadius: true
+    });
     if (arrowPointAtCenter) {
       switch (key) {
         case 'topLeft':
@@ -9591,7 +9516,7 @@ const genTooltipStyle = token => {
         minWidth: centerAlignMinWidth,
         minHeight: controlHeight,
         padding: `${unit(token.calc(paddingSM).div(2).equal())} ${unit(paddingXS)}`,
-        color: `var(--ant-tooltip-color, ${tooltipColor})`,
+        color: tooltipColor,
         textAlign: 'start',
         textDecoration: 'none',
         wordWrap: 'break-word',
@@ -9613,18 +9538,21 @@ const genTooltipStyle = token => {
       [`${componentCls}-content`]: {
         position: 'relative'
       }
-    }), genPresetColor(token, (colorKey, {
-      darkColor
-    }) => ({
-      [`&${componentCls}-${colorKey}`]: {
-        [`${componentCls}-inner`]: {
-          backgroundColor: darkColor
-        },
-        [`${componentCls}-arrow`]: {
-          '--antd-arrow-background-color': darkColor
+    }), genPresetColor(token, (colorKey, _ref) => {
+      let {
+        darkColor
+      } = _ref;
+      return {
+        [`&${componentCls}-${colorKey}`]: {
+          [`${componentCls}-inner`]: {
+            backgroundColor: darkColor
+          },
+          [`${componentCls}-arrow`]: {
+            '--antd-arrow-background-color': darkColor
+          }
         }
-      }
-    }))), {
+      };
+    })), {
       // RTL
       '&-rtl': {
         direction: 'rtl'
@@ -9651,7 +9579,8 @@ const prepareComponentToken$1 = token => Object.assign(Object.assign({
 })), getArrowToken(merge(token, {
   borderRadiusOuter: Math.min(token.borderRadiusOuter, 4)
 })));
-const useStyle$1 = (prefixCls, injectStyle = true) => {
+const useStyle$1 = (function (prefixCls) {
+  let injectStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   const useStyle = genStyleHooks('Tooltip', token => {
     const {
       borderRadius,
@@ -9672,7 +9601,7 @@ const useStyle$1 = (prefixCls, injectStyle = true) => {
     injectStyle
   });
   return useStyle(prefixCls);
-};
+});
 
 const inverseColors = PresetColors.map(color => `${color}-inverse`);
 /**
@@ -9680,7 +9609,8 @@ const inverseColors = PresetColors.map(color => `${color}-inverse`);
  * @param color color to be judged
  * @param includeInverse whether to include reversed colors
  */
-function isPresetColor(color, includeInverse = true) {
+function isPresetColor(color) {
+  let includeInverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   if (includeInverse) {
     return [].concat(_toConsumableArray(inverseColors), _toConsumableArray(PresetColors)).includes(color);
   }
@@ -9694,12 +9624,8 @@ 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;
   }
@@ -9762,7 +9688,6 @@ const InternalTooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
       afterOpenChange,
       afterVisibleChange,
       destroyTooltipOnHide,
-      destroyOnHidden,
       arrow = true,
       title,
       overlay,
@@ -9779,7 +9704,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", "destroyOnHidden", "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", "arrow", "title", "overlay", "builtinPlacements", "arrowPointAtCenter", "autoAdjustOverflow", "motion", "getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName", "overlayClassName", "styles", "classNames"]);
   const mergedShowArrow = !!arrow;
   const [, token] = useToken();
   const {
@@ -9812,7 +9737,8 @@ const InternalTooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
   });
   // ============================== Warn ==============================
   if (process.env.NODE_ENV !== 'production') {
-    [['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]) => {
+    [['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;
       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;
@@ -9906,8 +9832,7 @@ const InternalTooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
       motionName: getTransitionName(rootPrefixCls, 'zoom-big-fast', props.transitionName),
       motionDeadline: 1000
     },
-    // TODO: In the future, destroyTooltipOnHide in rc-tooltip needs to be upgrade to destroyOnHidden
-    destroyTooltipOnHide: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : !!destroyTooltipOnHide
+    destroyTooltipOnHide: !!destroyTooltipOnHide
   }), tempOpen ? cloneElement(child, {
     className: childCls
   }) : child);
@@ -9930,10 +9855,11 @@ function validProgress(progress) {
   }
   return progress;
 }
-function getSuccessPercent({
-  success,
-  successPercent
-}) {
+function getSuccessPercent(_ref) {
+  let {
+    success,
+    successPercent
+  } = _ref;
   let percent = successPercent;
   /** @deprecated Use `percent` instead */
   if (success && 'progress' in success) {
@@ -9944,21 +9870,23 @@ function getSuccessPercent({
   }
   return percent;
 }
-const getPercentage = ({
-  percent,
-  success,
-  successPercent
-}) => {
+const getPercentage = _ref2 => {
+  let {
+    percent,
+    success,
+    successPercent
+  } = _ref2;
   const realSuccessPercent = validProgress(getSuccessPercent({
     success,
     successPercent
   }));
   return [realSuccessPercent, validProgress(validProgress(percent) - realSuccessPercent)];
 };
-const getStrokeColor = ({
-  success = {},
-  strokeColor
-}) => {
+const getStrokeColor = _ref3 => {
+  let {
+    success = {},
+    strokeColor
+  } = _ref3;
   const {
     strokeColor: successColor
   } = success;
@@ -10404,10 +10332,13 @@ const sortGradient = gradients => {
     }
   });
   tempArr = tempArr.sort((a, b) => a.key - b.key);
-  return tempArr.map(({
-    key,
-    value
-  }) => `${value} ${key}%`).join(', ');
+  return tempArr.map(_ref => {
+    let {
+      key,
+      value
+    } = _ref;
+    return `${value} ${key}%`;
+  }).join(', ');
 };
 /**
  * Then this man came to realize the truth: Besides six pence, there is the moon. Besides bread and
@@ -10703,30 +10634,31 @@ if (process.env.NODE_ENV !== 'production') {
   Progress.displayName = 'Progress';
 }
 
-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) => {
+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;
   var _a, _b;
   // Status: which will ignore `removed` status
   const {
@@ -10832,16 +10764,17 @@ const ListItem = /*#__PURE__*/React.forwardRef(({
     motionName: `${rootPrefixCls}-fade`,
     visible: mergedStatus === 'uploading',
     motionDeadline: 2000
-  }, ({
-    className: motionClassName
-  }) => {
+  }, _ref2 => {
+    let {
+      className: motionClassName
+    } = _ref2;
     // show loading icon if upload progress listener is disabled
-    const loadingProgress = 'percent' in file ? (/*#__PURE__*/React.createElement(Progress, Object.assign({
+    const loadingProgress = 'percent' in file ? (/*#__PURE__*/React.createElement(Progress, Object.assign({}, progressProps, {
       type: "line",
       percent: file.percent,
       "aria-label": file['aria-label'],
       "aria-labelledby": file['aria-labelledby']
-    }, progressProps))) : null;
+    }))) : null;
     return /*#__PURE__*/React.createElement("div", {
       className: classNames(`${prefixCls}-list-item-progress`, motionClassName)
     }, loadingProgress);
@@ -10955,9 +10888,11 @@ const InternalUploadList = (props, ref) => {
           (_b = (_a = customIcon.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
         }
       },
-      className: `${prefixCls}-list-item-action`,
-      disabled: acceptUploadDisabled ? disabled : false
+      className: `${prefixCls}-list-item-action`
     };
+    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: () => {}
@@ -10991,48 +10926,54 @@ const InternalUploadList = (props, ref) => {
     className: listClassNames
   }, /*#__PURE__*/React.createElement(CSSMotionList, Object.assign({}, motionConfig, {
     component: false
-  }), ({
-    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, {
+  }), _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, {
     visible: appendActionVisible,
     forceRender: true
-  }), ({
-    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)
-  })))));
+  }), _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)
+    }));
+  })));
 };
 const UploadList = /*#__PURE__*/React.forwardRef(InternalUploadList);
 if (process.env.NODE_ENV !== 'production') {
@@ -11068,7 +11009,6 @@ 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,
@@ -11103,7 +11043,6 @@ 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 : []
@@ -11233,6 +11172,7 @@ 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) {
@@ -11325,7 +11265,6 @@ const InternalUpload = (props, ref) => {
     onProgress,
     onSuccess
   }, props), {
-    customRequest,
     data,
     multiple,
     action,
@@ -11424,8 +11363,7 @@ const InternalUpload = (props, ref) => {
     [`${prefixCls}-hidden`]: !children
   });
   const uploadButton = /*#__PURE__*/React.createElement("div", {
-    className: uploadBtnCls,
-    style: mergedStyle
+    className: uploadBtnCls
   }, /*#__PURE__*/React.createElement(Upload$1, Object.assign({}, rcUploadProps, {
     ref: upload
   })));