@unicom-cloud/ui 0.8.127 → 0.8.129

package/upload/list/TextItem.js

@@ -1,116 +1,105 @@
-/* 2025-11-28 16:31:06 */
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import b from "@unicom-cloud/icons/IconUiDelete";
+/* 2025-12-18 08:54:07 */
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import T from "@unicom-cloud/icons/IconUiDelete";
 import y from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import T from "@unicom-cloud/icons/IconUiFile";
-import O from "@unicom-cloud/icons/IconUiFileAudio";
-import N from "@unicom-cloud/icons/IconUiFileImage";
-import R from "@unicom-cloud/icons/IconUiFilePdf";
-import C from "@unicom-cloud/icons/IconUiFileVideo";
-import { fileToURL as E } from "@unicom-cloud/utils/file";
-import { forwardRef as P, useState as j, useEffect as x, isValidElement as w } from "react";
-import L from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import k from "../../icon-hover/index.js";
-import A from "../../tooltip/index.js";
-import { STATUS as p } from "../constant.js";
-import { isPlainObject as I, isString as S, isFunction as U, isObjectLike as V } from "@unicom-cloud/ui-common/utils/is";
-import K from "./UploadProgress.js";
-const D = (i) => {
-  let n = "";
-  if (i.originFile && i.originFile.type)
-    n = i.originFile.type;
-  else {
-    const s = (i.name || "").split(".").pop() || "";
-    n = s, ["png", "jpg", "jpeg", "bmp", "gif"].indexOf(s) > -1 ? n = "image" : ["mp4", "m2v", "mkv"].indexOf(s) > -1 ? n = "video" : ["mp3", "wav", "wmv"].indexOf(s) > -1 && (n = "audio");
-  }
-  return n.indexOf("image") > -1 ? N : n.indexOf("pdf") > -1 ? R : n.indexOf("audio") > -1 ? O : n.indexOf("video") > -1 ? C : T;
-}, H = (i, n) => {
-  const { prefixCls: r, disabled: s, file: e, locale: u } = i, t = `${r}-list-item-text`, $ = L(), F = D(e), a = I(i.showUploadList) ? i.showUploadList : {}, l = I(a) ? a : {}, g = e.name || e.originFile && e.originFile.name, [c, h] = j(e.url);
-  let v = {};
-  return e.status !== p.fail && (v = {
+import R from "@unicom-cloud/icons/IconUiFileImage";
+import { fileToURL as F } from "@unicom-cloud/utils/file";
+import { forwardRef as C, useState as E, useEffect as v, isValidElement as L } from "react";
+import P from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import j from "../../icon-hover/index.js";
+import k from "../../tooltip/index.js";
+import { isPlainObject as I, isString as w, isFunction as N, isObjectLike as S } from "@unicom-cloud/ui-common/utils/is";
+import d from "../../utils/resolveFunction.js";
+import { STATUS as f } from "../constant.js";
+import A from "./UploadProgress.js";
+import { getIconType as K } from "./utils.js";
+const O = (o, $) => {
+  const { prefixCls: l, disabled: U, file: e, locale: u } = o, r = `${l}-list-item-text`, b = P(), x = K(e), n = I(o.showUploadList) ? o.showUploadList : {}, t = I(n) ? n : {}, p = e.name || e.originFile?.name, [a, h] = E(e.url);
+  let g = {};
+  return e.status !== f.fail && (g = {
     popupVisible: !1
-  }), x(() => {
-    if (e.url && S(e.url))
+  }), v(() => {
+    if (e.url && w(e.url))
       h(e.url);
     else {
-      const d = e.originFile;
-      d && E(d).then((f) => {
-        h(f);
-      }).catch((f) => {
-        console.error(f);
+      const c = e.originFile;
+      c && F(c).then((m) => {
+        h(m);
+      }).catch((m) => {
+        console.error(m);
       }).finally(() => {
       });
     }
     return () => {
     };
-  }, [e.url, e.originFile]), x(() => (i.onChange?.({ type: "url", data: c }), () => {
-    i.onChange?.({ type: "url", data: void 0 });
-  }), [c]), /* @__PURE__ */ m(
+  }, [e.url, e.originFile]), v(() => (o.onChange?.({ type: "url", data: a }), () => {
+    o.onChange?.({ type: "url", data: void 0 });
+  }), [a]), /* @__PURE__ */ s(
     "div",
     {
-      className: `${r}-list-item ${r}-list-item-${e.status}`,
-      ref: n,
+      className: `${l}-list-item ${l}-list-item-${e.status}`,
+      ref: $,
       children: [
-        /* @__PURE__ */ m("div", { className: t, children: [
-          i.listType === "picture-list" && /* @__PURE__ */ o("div", { className: `${t}-thumbnail`, children: U(a.imageRender) ? a.imageRender(e) : /* @__PURE__ */ o("img", { src: c }) }),
-          /* @__PURE__ */ m("div", { className: `${t}-content`, children: [
-            /* @__PURE__ */ m("div", { className: `${t}-name`, children: [
-              i.listType === "text" && l.fileIcon !== null && /* @__PURE__ */ o("span", { className: `${r}-list-file-icon`, children: l.fileIcon || /* @__PURE__ */ o(F, {}) }),
-              U(a.fileName) ? /* @__PURE__ */ o("span", { className: `${t}-name-text`, children: a.fileName(e) }) : e.url ? /* @__PURE__ */ o(
+        /* @__PURE__ */ s("div", { className: r, children: [
+          o.listType === "picture-list" && /* @__PURE__ */ i("div", { className: `${r}-thumbnail`, children: N(n.imageRender) ? n.imageRender(e) : /* @__PURE__ */ i("img", { src: a }) }),
+          /* @__PURE__ */ s("div", { className: `${r}-content`, children: [
+            /* @__PURE__ */ s("div", { className: `${r}-name`, children: [
+              o.listType === "text" && t.fileIcon !== null && /* @__PURE__ */ i("span", { className: `${l}-list-file-icon`, children: d(t.fileIcon, e) || /* @__PURE__ */ i(x, {}) }),
+              N(n.fileName) ? /* @__PURE__ */ i("span", { className: `${r}-name-text`, children: n.fileName(e) }) : e.url ? /* @__PURE__ */ i(
                 "a",
                 {
                   href: e.url,
                   target: "_blank",
                   rel: "noreferrer",
-                  className: `${t}-name-link`,
-                  children: g
+                  className: `${r}-name-link`,
+                  children: p
                 }
-              ) : /* @__PURE__ */ o("span", { className: `${t}-name-text`, children: g }),
-              e.status === p.fail && l.errorIcon !== null && /* @__PURE__ */ o(
-                A,
+              ) : /* @__PURE__ */ i("span", { className: `${r}-name-text`, children: p }),
+              e.status === f.fail && t.errorIcon !== null && /* @__PURE__ */ i(
+                k,
                 {
-                  content: (V(e.response) ? w(e.response) && e.response : e.response) || u?.Upload?.error,
-                  ...v,
-                  disabled: e.status !== p.fail,
-                  children: /* @__PURE__ */ o("span", { className: `${i.prefixCls}-list-error-icon`, children: l.errorIcon || (i.listType === "picture-card" ? /* @__PURE__ */ o(N, {}) : /* @__PURE__ */ o(y, {})) })
+                  content: (S(e.response) ? L(e.response) && e.response : e.response) || u?.Upload?.error,
+                  ...g,
+                  disabled: e.status !== f.fail,
+                  children: /* @__PURE__ */ i("span", { className: `${o.prefixCls}-list-error-icon`, children: d(t.errorIcon, e) || (o.listType === "picture-card" ? /* @__PURE__ */ i(R, {}) : /* @__PURE__ */ i(y, {})) })
                 }
               )
             ] }),
-            /* @__PURE__ */ o(
-              K,
+            /* @__PURE__ */ i(
+              A,
               {
                 file: e,
-                prefixCls: r,
-                progressProps: i.progressProps,
-                onReupload: i.onReupload,
-                onUpload: i.onUpload,
-                onAbort: i.onAbort,
-                ...l
+                prefixCls: l,
+                progressProps: o.progressProps,
+                onReupload: o.onReupload,
+                onUpload: o.onUpload,
+                onAbort: o.onAbort,
+                ...t
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ o("div", { className: `${r}-list-item-operation`, children: !s && l.removeIcon !== null && /* @__PURE__ */ o(
-          k,
+        /* @__PURE__ */ i("div", { className: `${l}-list-item-operation`, children: !U && t.removeIcon !== null && /* @__PURE__ */ i(
+          j,
           {
-            className: `${r}-list-remove-icon-hover`,
-            onClick: (d) => {
-              i.onRemove?.(e);
+            className: `${l}-list-remove-icon-hover`,
+            onClick: (c) => {
+              o.onRemove?.(e);
             },
             tabIndex: 0,
             "aria-label": u?.Upload?.delete,
-            ...$({
+            ...b({
               onPressEnter: () => {
-                i.onRemove?.(e);
+                o.onRemove?.(e);
               }
             }),
-            children: /* @__PURE__ */ o("span", { className: `${r}-list-remove-icon`, children: l.removeIcon || /* @__PURE__ */ o(b, {}) })
+            children: /* @__PURE__ */ i("span", { className: `${l}-list-remove-icon`, children: d(t.removeIcon, e) || /* @__PURE__ */ i(T, {}) })
           }
         ) })
       ]
     }
   );
-}, re = P(H);
+}, Z = C(O);
 export {
-  re as default
+  Z as default
 };

package/upload/list/UploadProgress.js

@@ -1,90 +1,91 @@
-/* 2025-11-28 16:31:06 */
-import { jsxs as f, Fragment as h, jsx as e } from "react/jsx-runtime";
-import b from "@unicom-cloud/icons/IconUiCheck";
-import x from "@unicom-cloud/icons/IconUiPause";
-import C from "@unicom-cloud/icons/IconUiPlayArrowFill";
-import g from "@unicom-cloud/icons/IconUiUpload";
-import { useContext as P } from "react";
+/* 2025-12-18 08:54:07 */
+import { jsxs as p, Fragment as b, jsx as n } from "react/jsx-runtime";
+import x from "@unicom-cloud/icons/IconUiCheck";
+import C from "@unicom-cloud/icons/IconUiPause";
+import g from "@unicom-cloud/icons/IconUiPlayArrowFill";
+import P from "@unicom-cloud/icons/IconUiUpload";
+import { useContext as y } from "react";
 import "../../config-provider/ConfigProvider.js";
-import y from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import $ from "../../progress/index.js";
-import p from "../../tooltip/index.js";
+import $ from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import w from "../../progress/index.js";
+import I from "../../tooltip/index.js";
+import { isFunction as N } from "@unicom-cloud/ui-common/utils/is";
+import r from "../../utils/resolveFunction.js";
 import { STATUS as l } from "../constant.js";
-import { isFunction as w } from "@unicom-cloud/ui-common/utils/is";
-import N from "../../config-provider/context.js";
-const B = (o) => {
-  const r = y(), { file: n, prefixCls: c, progressProps: a, progressRender: i } = o, { locale: s } = P(N), { status: t, percent: I = 0 } = n, d = `${c}-list`, U = a && a.width ? { width: a.width } : {}, m = /* @__PURE__ */ f(h, { children: [
-    t === l.fail && o.reuploadIcon !== null && /* @__PURE__ */ e(
+import k from "../../config-provider/context.js";
+const G = (o) => {
+  const i = $(), { file: e, prefixCls: c, progressProps: a, progressRender: d } = o, { locale: s } = y(k), { status: t, percent: U = 0 } = e, m = `${c}-list`, h = a && a.width ? { width: a.width } : {}, u = /* @__PURE__ */ p(b, { children: [
+    t === l.fail && o.reuploadIcon !== null && /* @__PURE__ */ n(
       "span",
       {
         className: `${c}-list-reupload-icon`,
-        onClick: (u) => {
-          o.onReupload?.(n);
+        onClick: (f) => {
+          o.onReupload?.(e);
         },
         tabIndex: 0,
         role: "button",
         "aria-label": s?.Upload?.reupload,
-        ...r({
+        ...i({
           onPressEnter: () => {
-            o.onReupload?.(n);
+            o.onReupload?.(e);
           }
         }),
-        children: o.reuploadIcon || (o.listType === "picture-card" ? /* @__PURE__ */ e(g, {}) : s?.Upload?.reupload)
+        children: r(o.reuploadIcon, e) || (o.listType === "picture-card" ? /* @__PURE__ */ n(P, {}) : s?.Upload?.reupload)
       }
     ),
-    t === l.success && o.successIcon !== null && /* @__PURE__ */ e("span", { className: `${c}-list-success-icon`, children: o.successIcon || /* @__PURE__ */ e(b, {}) }),
-    t !== l.success && /* @__PURE__ */ f("div", { className: `${d}-status`, style: U, children: [
-      /* @__PURE__ */ e(
-        $,
+    t === l.success && o.successIcon !== null && /* @__PURE__ */ n("span", { className: `${c}-list-success-icon`, children: r(o.successIcon, e) || /* @__PURE__ */ n(x, {}) }),
+    t !== l.success && /* @__PURE__ */ p("div", { className: `${m}-status`, style: h, children: [
+      /* @__PURE__ */ n(
+        w,
         {
           showText: !1,
-          className: `${d}-progress`,
+          className: `${m}-progress`,
           type: "circle",
           status: t === l.fail ? "error" : t === l.success ? "success" : "normal",
-          percent: I,
+          percent: U,
           size: "mini",
           ...a
         }
       ),
-      t === l.init && o.startIcon !== null && /* @__PURE__ */ e(
+      t === l.init && o.startIcon !== null && /* @__PURE__ */ n(
         "span",
         {
           tabIndex: 0,
           role: "button",
           "aria-label": s?.Upload?.start,
           className: `${c}-list-start-icon`,
-          onClick: (u) => {
-            o.onUpload?.(n);
+          onClick: (f) => {
+            o.onUpload?.(e);
           },
-          ...r({
+          ...i({
             onPressEnter: () => {
-              o.onUpload?.(n);
+              o.onUpload?.(e);
             }
           }),
-          children: o.startIcon || /* @__PURE__ */ e(p, { content: s?.Upload?.start, children: /* @__PURE__ */ e(C, {}) })
+          children: /* @__PURE__ */ n(I, { content: s?.Upload?.start, children: r(o.startIcon, e) || /* @__PURE__ */ n(g, {}) })
         }
       ),
-      t === l.uploading && o.cancelIcon !== null && /* @__PURE__ */ e(
+      t === l.uploading && o.cancelIcon !== null && /* @__PURE__ */ n(
         "span",
         {
           className: `${o.prefixCls}-list-cancel-icon`,
-          onClick: (u) => {
-            o.onAbort?.(n);
+          onClick: (f) => {
+            o.onAbort?.(e);
           },
           tabIndex: 0,
           "aria-label": s?.Upload?.cancel,
-          ...r({
+          ...i({
             onPressEnter: () => {
-              o.onAbort?.(n);
+              o.onAbort?.(e);
             }
           }),
-          children: o.cancelIcon || /* @__PURE__ */ e(p, { content: s?.Upload?.cancel, children: /* @__PURE__ */ e(x, {}) })
+          children: /* @__PURE__ */ n(I, { content: s?.Upload?.cancel, children: r(o.cancelIcon, e) || /* @__PURE__ */ n(C, {}) })
         }
       )
     ] })
   ] });
-  return w(i) ? i(n, m) : m;
+  return N(d) ? d(e, u) : u;
 };
 export {
-  B as default
+  G as default
 };

package/upload/list/index.js

@@ -1,135 +1,98 @@
-/* 2025-11-28 16:31:06 */
-import { jsx as r, jsxs as E, Fragment as N } from "react/jsx-runtime";
-import { TransitionGroup as L } from "@unicom-cloud/ui-common/transition-group";
-import g from "@unicom-cloud/ui-common/transition-group/PqbCSSTransition";
-import { useContext as S, useState as x, useEffect as F } from "react";
+/* 2025-12-18 08:54:07 */
+import { jsx as s, jsxs as x, Fragment as y } from "react/jsx-runtime";
+import { useContext as F, useState as g, useEffect as I, createElement as S } from "react";
 import "../../config-provider/ConfigProvider.js";
-import T from "../../image/ImagePreviewGroup.js";
-import b from "@unicom-cloud/ui-common/utils/className";
-import { isFunction as C } from "@unicom-cloud/ui-common/utils/is";
-import I from "./PictureItem.js";
-import j from "./TextItem.js";
-import G from "../../config-provider/context.js";
-const U = (n) => {
-  const { locale: c, rtl: w } = S(G), {
-    listType: l,
+import b from "../../image/ImagePreviewGroup.js";
+import j from "@unicom-cloud/ui-common/utils/className";
+import { isFunction as P } from "@unicom-cloud/ui-common/utils/is";
+import E from "./PictureItem.js";
+import T from "./TextItem.js";
+import U from "../../config-provider/context.js";
+const k = (r) => {
+  const { locale: c, rtl: h } = F(U), {
+    listType: u,
     fileList: a,
     renderUploadList: d,
     renderUploadItem: f,
     prefixCls: i,
-    ...$
-  } = n, [m, y] = x(-1), [v, P] = x([]);
-  if (C(d))
-    return /* @__PURE__ */ r("div", { className: `${i}-list`, children: d(a, $) });
-  const u = (t) => {
-    n.imagePreview && y(t);
+    ...w
+  } = r, [m, $] = g(-1), [L, N] = g([]), p = u === "picture-card";
+  if (P(d))
+    return /* @__PURE__ */ s("div", { className: `${i}-list`, children: d(a, w) });
+  const l = (e) => {
+    r.imagePreview && $(e);
   };
-  function h(t, s, o) {
-    t?.type === "url" && P((e) => {
-      const p = [...e];
-      return p[s] = t?.data, p.filter(Boolean);
+  function C(e, n, o) {
+    e?.type === "url" && N((t) => {
+      const v = [...t];
+      return v[n] = e?.data, v.filter(Boolean);
     });
   }
-  return F(() => () => {
-  }, []), /* @__PURE__ */ E(N, { children: [
-    /* @__PURE__ */ r(
-      L,
+  return I(() => () => {
+  }, []), /* @__PURE__ */ x(y, { children: [
+    /* @__PURE__ */ s(
+      "div",
       {
-        className: b(
+        className: j(
           `${i}-list`,
-          `${i}-list-type-${l}`,
+          `${i}-list-type-${u}`,
           {
-            [`${i}-list-rtl`]: w
+            [`${i}-list-rtl`]: h
           }
         ),
-        children: a.map((t, s) => {
-          let o = l === "picture-card" ? /* @__PURE__ */ r(
+        children: a.map((e, n) => {
+          let o = p ? /* @__PURE__ */ s(
             "div",
             {
-              className: `${i}-list-item ${i}-list-item-${t.status}`,
-              children: /* @__PURE__ */ r(
-                I,
+              className: `${i}-list-item ${i}-list-item-${e.status}`,
+              children: /* @__PURE__ */ s(
+                E,
                 {
-                  ...n,
-                  onPreview: (e) => {
-                    u(s), n.onPreview?.(e);
+                  ...r,
+                  onPreview: (t) => {
+                    l(n), r.onPreview?.(t);
                   },
-                  file: t,
+                  file: e,
                   locale: c,
-                  onChange: (e) => {
-                    h(e, s);
+                  onChange: (t) => {
+                    C(t, n);
                   }
                 }
               )
-            }
-          ) : /* @__PURE__ */ r(
-            j,
+            },
+            e.uid
+          ) : /* @__PURE__ */ S(
+            T,
             {
-              ...n,
-              file: t,
+              ...r,
+              key: e.uid,
+              file: e,
               locale: c,
-              onChange: (e) => {
-                h(e, s);
+              onChange: (t) => {
+                C(t, n);
               }
             }
           );
-          return C(f) && (o = f(o, t, a)), l === "picture-card" ? /* @__PURE__ */ r(
-            g,
-            {
-              timeout: { enter: 200, exit: 400 },
-              classNames: `${i}-slide-inline`,
-              onEntered: (e) => {
-                e && (e.style.width = "");
-              },
-              onExit: (e) => {
-                e && (e.style.width = `${e.scrollWidth}px`);
-              },
-              onExiting: (e) => {
-                e && (e.style.width = 0);
-              },
-              onExited: (e) => {
-                e && (e.style.width = 0);
-              },
-              children: o
-            },
-            t.uid
-          ) : /* @__PURE__ */ r(
-            g,
-            {
-              timeout: { enter: 200, exit: 400 },
-              classNames: `${i}-slide-up`,
-              onExit: (e) => {
-                e && (e.style.height = `${e.scrollHeight}px`);
-              },
-              onExiting: (e) => {
-                e && (e.style.height = 0);
-              },
-              onExited: (e) => {
-                e && (e.style.height = 0);
-              },
-              children: o
-            },
-            t.uid
-          );
+          return P(f) && (o = f(o, e, a)), o;
         })
       }
     ),
-    l === "picture-card" && n.imagePreview && /* @__PURE__ */ r(
-      T,
+    p && r.imagePreview && /* @__PURE__ */ s(
+      b,
       {
-        srcList: v,
+        srcList: L,
         visible: m !== -1,
         current: m,
-        onChange: u,
-        onVisibleChange: (t) => {
-          u(t ? m : -1);
+        onChange: l,
+        onVisibleChange: (e) => {
+          l(e ? m : -1);
         }
       }
     )
   ] });
 };
-U.displayName = "FileList";
+k.displayName = "FileList";
 export {
-  U as FileList,
-  U as default
+  k as FileList,
+  k as default
 };

package/upload/list/utils.js

@@ -0,0 +1,19 @@
+/* 2025-12-18 08:54:07 */
+import o from "@unicom-cloud/icons/IconUiFile";
+import r from "@unicom-cloud/icons/IconUiFileAudio";
+import m from "@unicom-cloud/icons/IconUiFileImage";
+import t from "@unicom-cloud/icons/IconUiFilePdf";
+import p from "@unicom-cloud/icons/IconUiFileVideo";
+function g(e) {
+  let i = "";
+  if (e.originFile && e.originFile.type)
+    i = e.originFile.type;
+  else {
+    const n = (e.name || "").split(".").pop() || "";
+    i = n, ["png", "jpg", "jpeg", "bmp", "gif"].includes(n) ? i = "image" : ["mp4", "m2v", "mkv"].includes(n) ? i = "video" : ["mp3", "wav", "wmv"].includes(n) && (i = "audio");
+  }
+  return i.includes("image") ? m : i.includes("pdf") ? t : i.includes("audio") ? r : i.includes("video") ? p : o;
+}
+export {
+  g as getIconType
+};

package/upload/request.js

@@ -1,51 +1,48 @@
-/* 2025-11-28 16:31:06 */
+/* 2025-12-18 08:54:07 */
+import { NOOP as u } from "@unicom-cloud/ui-common/utils/constant";
 import "@unicom-cloud/ui-common/utils/pick";
-import { NOOP as c } from "@unicom-cloud/ui-common/utils/constant";
-import { isFunction as y, isString as q } from "@unicom-cloud/ui-common/utils/is";
-function d(r) {
-  const o = r.responseText || r.response;
-  if (!o) return o;
-  if (q(o))
+import { isString as y } from "@unicom-cloud/ui-common/utils/is";
+import l from "../utils/resolveFunction.js";
+function f(r) {
+  const e = r.responseText || r.response;
+  if (e && y(e))
     try {
-      return JSON.parse(o);
-    } catch {
-      return o;
+      return JSON.parse(e);
+    } catch (n) {
+      console.error(n);
     }
+  return e;
 }
 const N = function(r) {
   const {
-    onProgress: o = c,
-    onError: s = c,
-    onSuccess: l = c,
+    onProgress: e = u,
+    onError: n = u,
+    onSuccess: d = u,
     action: m,
     method: h,
-    headers: n = {},
+    headers: a = {},
     name: g,
-    file: f,
+    file: i,
     data: w = {},
     withCredentials: O = !1
-  } = r;
-  function p(t) {
-    return y(t) ? t(f) : t;
-  }
-  const b = p(g), i = p(w), e = new XMLHttpRequest();
-  o && e.upload && (e.upload.onprogress = function(t) {
-    let a;
-    t.total > 0 && (a = t.loaded / t.total * 100), o(parseInt(a, 10), t);
-  }), e.onerror = function(a) {
-    s(a);
-  }, e.onload = function() {
-    if (e.status < 200 || e.status >= 300)
-      return s(d(e));
-    l(d(e));
+  } = r, b = l(g, i), c = l(w, i), t = new XMLHttpRequest();
+  e && t.upload && (t.upload.onprogress = function(o) {
+    let s;
+    o.total > 0 && (s = o.loaded / o.total * 100), e(parseInt(s, 10), o);
+  }), t.onerror = function(s) {
+    n(s);
+  }, t.onload = function() {
+    if (t.status < 200 || t.status >= 300)
+      return n(f(t));
+    d(f(t));
   };
-  const u = new FormData();
-  i && Object.keys(i).map((t) => u.append(t, i[t])), u.append(b || "file", f), e.open(h, m, !0), O && "withCredentials" in e && (e.withCredentials = !0);
-  for (const t in n)
-    Object.prototype.hasOwnProperty.call(n, t) && n[t] !== null && e.setRequestHeader(t, n[t]);
-  return e.send(u), {
+  const p = new FormData();
+  c && Object.keys(c).map((o) => p.append(o, c[o])), p.append(b || "file", i), t.open(h, m, !0), O && "withCredentials" in t && (t.withCredentials = !0);
+  for (const o in a)
+    Object.prototype.hasOwnProperty.call(a, o) && a[o] !== null && t.setRequestHeader(o, a[o]);
+  return t.send(p), {
     abort() {
-      e.abort();
+      t.abort();
     }
   };
 };