@unicom-cloud/ui 0.8.52 → 0.8.53

package/chunk/CYyPBcnp.js

@@ -0,0 +1,970 @@
+import { jsxs as L, Fragment as B, jsx as r } from "react/jsx-runtime";
+import F from "lodash/isFunction";
+import fe from "lodash/isNumber";
+import ee, { useContext as z, forwardRef as W, isValidElement as xe, useState as G, useMemo as $e, useEffect as Ie, useRef as te, useImperativeHandle as ge } from "react";
+import { a as J, I as ye } from "./Lyg-9NEt.js";
+import we from "../hooks/useMergeProps.js";
+import K from "@unicom-cloud/utils/class-name";
+import Pe from "../utils/omit.js";
+import de from "../utils/warning.js";
+import { b as Ne, P as ie } from "./DQ3uFRJD.js";
+import { a as Re } from "./PRN8SqRA.js";
+import he from "@unicom-cloud/icons/IconUiDelete";
+import Le from "@unicom-cloud/icons/IconUiEye";
+import Ce from "@unicom-cloud/icons/IconUiImageClose";
+import oe from "@unicom-cloud/icons/IconUiUpload";
+import X from "../hooks/useKeyboardEvent.js";
+import "../utils/is.js";
+import Fe from "@unicom-cloud/icons/IconUiCheck";
+import Ee from "@unicom-cloud/icons/IconUiPause";
+import Oe from "@unicom-cloud/icons/IconUiPlayArrowFill";
+import De from "../Progress.js";
+import ne from "../Tooltip.js";
+import { isPlainObject as re, isFile as pe } from "@unicom-cloud/utils/is";
+import Te from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import ke from "@unicom-cloud/icons/IconUiFile";
+import je from "@unicom-cloud/icons/IconUiFileAudio";
+import be from "@unicom-cloud/icons/IconUiFileImage";
+import Se from "@unicom-cloud/icons/IconUiFilePdf";
+import qe from "@unicom-cloud/icons/IconUiFileVideo";
+import ae from "lodash/isPlainObject";
+import ue from "@unicom-cloud/icons/IconUiPlus";
+import Ae from "../Button.js";
+import Ve from "lodash/isArray";
+import { NOOP as Y } from "../utils/constant.js";
+const y = {
+  init: "init",
+  uploading: "uploading",
+  success: "done",
+  fail: "error"
+}, ve = (e) => {
+  var U, n, g, P, o, b;
+  const d = X(), { file: u, prefixCls: s, progressProps: t, progressRender: a } = e, { locale: i } = z(J), { status: l, percent: m = 0 } = u, f = `${s}-list`, h = t && t.width ? { width: t.width } : {}, $ = /* @__PURE__ */ L(B, { children: [
+    l === y.fail && e.reuploadIcon !== null && /* @__PURE__ */ r(
+      "span",
+      {
+        className: `${s}-list-reupload-icon`,
+        onClick: () => {
+          var x;
+          (x = e.onReupload) == null || x.call(e, u);
+        },
+        tabIndex: 0,
+        role: "button",
+        "aria-label": (U = i == null ? void 0 : i.Upload) == null ? void 0 : U.reupload,
+        ...d({
+          onPressEnter: () => {
+            var x;
+            (x = e.onReupload) == null || x.call(e, u);
+          }
+        }),
+        children: e.reuploadIcon || (e.listType === "picture-card" ? /* @__PURE__ */ r(oe, {}) : (n = i == null ? void 0 : i.Upload) == null ? void 0 : n.reupload)
+      }
+    ),
+    l === y.success && e.successIcon !== null && /* @__PURE__ */ r("span", { className: `${s}-list-success-icon`, children: e.successIcon || /* @__PURE__ */ r(Fe, {}) }),
+    l !== y.success && /* @__PURE__ */ L("div", { className: `${f}-status`, style: h, children: [
+      /* @__PURE__ */ r(
+        De,
+        {
+          showText: !1,
+          className: `${f}-progress`,
+          type: "circle",
+          status: l === y.fail ? "error" : l === y.success ? "success" : "normal",
+          percent: m,
+          size: "mini",
+          ...t
+        }
+      ),
+      l === y.init && e.startIcon !== null && /* @__PURE__ */ r(
+        "span",
+        {
+          tabIndex: 0,
+          role: "button",
+          "aria-label": (g = i == null ? void 0 : i.Upload) == null ? void 0 : g.start,
+          className: `${s}-list-start-icon`,
+          onClick: () => {
+            var x;
+            (x = e.onUpload) == null || x.call(e, u);
+          },
+          ...d({
+            onPressEnter: () => {
+              var x;
+              (x = e.onUpload) == null || x.call(e, u);
+            }
+          }),
+          children: e.startIcon || /* @__PURE__ */ r(ne, { content: (P = i == null ? void 0 : i.Upload) == null ? void 0 : P.start, children: /* @__PURE__ */ r(Oe, {}) })
+        }
+      ),
+      l === y.uploading && e.cancelIcon !== null && /* @__PURE__ */ r(
+        "span",
+        {
+          className: `${e.prefixCls}-list-cancel-icon`,
+          onClick: () => {
+            var x;
+            (x = e.onAbort) == null || x.call(e, u);
+          },
+          tabIndex: 0,
+          "aria-label": (o = i == null ? void 0 : i.Upload) == null ? void 0 : o.cancel,
+          ...d({
+            onPressEnter: () => {
+              var x;
+              (x = e.onAbort) == null || x.call(e, u);
+            }
+          }),
+          children: e.cancelIcon || /* @__PURE__ */ r(ne, { content: (b = i == null ? void 0 : i.Upload) == null ? void 0 : b.cancel, children: /* @__PURE__ */ r(Ee, {}) })
+        }
+      )
+    ] })
+  ] });
+  return F(a) ? a(u, $) : $;
+}, He = (e, d) => {
+  const { disabled: u, prefixCls: s, file: t, showUploadList: a, locale: i } = e, l = X(), m = `${s}-list-item-picture`, { status: f, originFile: h } = t, $ = t.url !== void 0 ? t.url : h && F(URL.createObjectURL) && URL.createObjectURL(h), U = re(a) ? a : {};
+  return /* @__PURE__ */ r("div", { className: m, ref: d, children: f === y.uploading ? /* @__PURE__ */ r(
+    ve,
+    {
+      onReupload: e.onReupload,
+      onUpload: e.onUpload,
+      onAbort: e.onAbort,
+      listType: "picture-card",
+      file: t,
+      prefixCls: s,
+      progressProps: e.progressProps,
+      ...U
+    }
+  ) : /* @__PURE__ */ L(B, { children: [
+    F(U.imageRender) ? U.imageRender(t) : /* @__PURE__ */ r("img", { src: $, alt: t.name }),
+    /* @__PURE__ */ L("div", { className: `${m}-mask`, role: "radiogroup", children: [
+      t.status === y.fail && /* @__PURE__ */ r("div", { className: `${m}-error-tip`, children: U.errorIcon !== null && /* @__PURE__ */ r("span", { className: `${s}-list-error-icon`, children: U.errorIcon || /* @__PURE__ */ r(Ce, {}) }) }),
+      /* @__PURE__ */ L("div", { className: `${m}-operation`, children: [
+        t.status !== y.fail && U.previewIcon !== null && /* @__PURE__ */ r(
+          "span",
+          {
+            className: `${s}-list-preview-icon`,
+            tabIndex: 0,
+            role: "button",
+            "aria-label": i.Upload.preview,
+            ...l({
+              onPressEnter: () => {
+                var n;
+                (n = e.onPreview) == null || n.call(e, t);
+              }
+            }),
+            onClick: () => {
+              var n;
+              (n = e.onPreview) == null || n.call(e, t);
+            },
+            children: U.previewIcon || /* @__PURE__ */ r(Le, {})
+          }
+        ),
+        t.status === y.fail && U.reuploadIcon !== null && /* @__PURE__ */ r(
+          "span",
+          {
+            className: `${e.prefixCls}-list-reupload-icon`,
+            onClick: () => {
+              var n;
+              (n = e.onReupload) == null || n.call(e, t);
+            },
+            tabIndex: 0,
+            role: "button",
+            "aria-label": i.Upload.reupload,
+            ...l({
+              onPressEnter: () => {
+                var n;
+                (n = e.onReupload) == null || n.call(e, t);
+              }
+            }),
+            children: U.reuploadIcon || /* @__PURE__ */ r(oe, {})
+          }
+        ),
+        !u && U.removeIcon !== null && /* @__PURE__ */ r(
+          "span",
+          {
+            className: `${s}-list-remove-icon`,
+            onClick: () => {
+              var n;
+              (n = e.onRemove) == null || n.call(e, t);
+            },
+            role: "button",
+            "aria-label": i.Upload.delete,
+            tabIndex: 0,
+            ...l({
+              onPressEnter: () => {
+                var n;
+                (n = e.onRemove) == null || n.call(e, t);
+              }
+            }),
+            children: U.removeIcon || /* @__PURE__ */ r(he, {})
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}, Ge = W(He), Be = (e) => {
+  let d = "";
+  if (e.originFile && e.originFile.type)
+    d = e.originFile.type;
+  else {
+    const s = (e.name || "").split(".").pop() || "";
+    d = s, ["png", "jpg", "jpeg", "bmp", "gif"].indexOf(s) > -1 ? d = "image" : ["mp4", "m2v", "mkv"].indexOf(s) > -1 ? d = "video" : ["mp3", "wav", "wmv"].indexOf(s) > -1 && (d = "audio");
+  }
+  return d.indexOf("image") > -1 ? be : d.indexOf("pdf") > -1 ? Se : d.indexOf("audio") > -1 ? je : d.indexOf("video") > -1 ? qe : ke;
+}, Me = (e, d) => {
+  const { prefixCls: u, disabled: s, file: t, locale: a } = e, i = `${u}-list-item-text`, l = X(), m = Be(t), f = re(e.showUploadList) ? e.showUploadList : {}, h = re(f) ? f : {}, $ = t.name || t.originFile && t.originFile.name, U = t.url !== void 0 ? t.url : t.originFile && F(URL.createObjectURL) && URL.createObjectURL(t.originFile);
+  let n = {};
+  return t.status !== y.fail && (n = {
+    popupVisible: !1
+  }), /* @__PURE__ */ L(
+    "div",
+    {
+      className: `${u}-list-item ${u}-list-item-${t.status}`,
+      ref: d,
+      children: [
+        /* @__PURE__ */ L("div", { className: i, children: [
+          e.listType === "picture-list" && /* @__PURE__ */ r("div", { className: `${i}-thumbnail`, children: F(f.imageRender) ? f.imageRender(t) : /* @__PURE__ */ r("img", { src: U }) }),
+          /* @__PURE__ */ L("div", { className: `${i}-content`, children: [
+            /* @__PURE__ */ L("div", { className: `${i}-name`, children: [
+              e.listType === "text" && h.fileIcon !== null && /* @__PURE__ */ r("span", { className: `${u}-list-file-icon`, children: h.fileIcon || /* @__PURE__ */ r(m, {}) }),
+              F(f.fileName) ? /* @__PURE__ */ r("span", { className: `${i}-name-text`, children: f.fileName(t) }) : t.url ? /* @__PURE__ */ r(
+                "a",
+                {
+                  href: t.url,
+                  target: "_blank",
+                  rel: "noreferrer",
+                  className: `${i}-name-link`,
+                  children: $
+                }
+              ) : /* @__PURE__ */ r("span", { className: `${i}-name-text`, children: $ }),
+              t.status === y.fail && h.errorIcon !== null && /* @__PURE__ */ r(
+                ne,
+                {
+                  content: (typeof t.response == "object" ? xe(t.response) && t.response : t.response) || a.Upload.error,
+                  ...n,
+                  disabled: t.status !== y.fail,
+                  children: /* @__PURE__ */ r("span", { className: `${e.prefixCls}-list-error-icon`, children: h.errorIcon || (e.listType === "picture-card" ? /* @__PURE__ */ r(be, {}) : /* @__PURE__ */ r(Te, {})) })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r(
+              ve,
+              {
+                file: t,
+                prefixCls: u,
+                progressProps: e.progressProps,
+                onReupload: e.onReupload,
+                onUpload: e.onUpload,
+                onAbort: e.onAbort,
+                ...h
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: `${u}-list-item-operation`, children: !s && h.removeIcon !== null && /* @__PURE__ */ r(
+          ye,
+          {
+            className: `${u}-list-remove-icon-hover`,
+            onClick: () => {
+              var g;
+              (g = e.onRemove) == null || g.call(e, t);
+            },
+            tabIndex: 0,
+            "aria-label": a.Upload.delete,
+            ...l({
+              onPressEnter: () => {
+                var g;
+                (g = e.onRemove) == null || g.call(e, t);
+              }
+            }),
+            children: /* @__PURE__ */ r("span", { className: `${u}-list-remove-icon`, children: h.removeIcon || /* @__PURE__ */ r(he, {}) })
+          }
+        ) })
+      ]
+    }
+  );
+}, _e = W(Me), Ue = (e) => {
+  const { locale: d, rtl: u } = z(J), {
+    listType: s,
+    fileList: t,
+    renderUploadList: a,
+    renderUploadItem: i,
+    prefixCls: l,
+    ...m
+  } = e, [f, h] = G(-1), $ = $e(() => t.map((n) => {
+    let g = n.url;
+    return n.url === void 0 && [y.init, y.success].indexOf(n.status) > -1 && (g = n.originFile && F(URL.createObjectURL) && URL.createObjectURL(n.originFile)), g;
+  }).filter(Boolean), [t]);
+  if (F(a))
+    return /* @__PURE__ */ r("div", { className: `${l}-list`, children: a(t, m) });
+  const U = (n) => {
+    e.imagePreview && h(n);
+  };
+  return /* @__PURE__ */ L(B, { children: [
+    /* @__PURE__ */ r(
+      Ne,
+      {
+        className: K(
+          `${l}-list`,
+          `${l}-list-type-${s}`,
+          {
+            [`${l}-list-rtl`]: u
+          }
+        ),
+        children: t.map((n, g) => {
+          let P = s === "picture-card" ? /* @__PURE__ */ r(
+            "div",
+            {
+              className: `${l}-list-item ${l}-list-item-${n.status}`,
+              children: /* @__PURE__ */ r(
+                Ge,
+                {
+                  ...e,
+                  onPreview: (o) => {
+                    var b;
+                    U(g), (b = e.onPreview) == null || b.call(e, o);
+                  },
+                  file: n,
+                  locale: d
+                }
+              )
+            }
+          ) : /* @__PURE__ */ r(_e, { ...e, file: n, locale: d });
+          return F(i) && (P = i(P, n, t)), s === "picture-card" ? /* @__PURE__ */ r(
+            ie,
+            {
+              timeout: { enter: 200, exit: 400 },
+              classNames: `${l}-slide-inline`,
+              onEntered: (o) => {
+                o && (o.style.width = "");
+              },
+              onExit: (o) => {
+                o && (o.style.width = `${o.scrollWidth}px`);
+              },
+              onExiting: (o) => {
+                o && (o.style.width = 0);
+              },
+              onExited: (o) => {
+                o && (o.style.width = 0);
+              },
+              children: P
+            },
+            n.uid
+          ) : /* @__PURE__ */ r(
+            ie,
+            {
+              timeout: { enter: 200, exit: 400 },
+              classNames: `${l}-slide-up`,
+              onExit: (o) => {
+                o && (o.style.height = `${o.scrollHeight}px`);
+              },
+              onExiting: (o) => {
+                o && (o.style.height = 0);
+              },
+              onExited: (o) => {
+                o && (o.style.height = 0);
+              },
+              children: P
+            },
+            n.uid
+          );
+        })
+      }
+    ),
+    s === "picture-card" && e.imagePreview && /* @__PURE__ */ r(
+      Re,
+      {
+        srcList: $,
+        visible: f !== -1,
+        current: f,
+        onChange: U,
+        onVisibleChange: (n) => {
+          U(n ? f : -1);
+        }
+      }
+    )
+  ] });
+};
+Ue.displayName = "FileList";
+const le = (e, d) => {
+  const u = ae(d) ? d == null ? void 0 : d.type : d;
+  if (!(ae(d) && d.strict === !1) && u && e) {
+    const t = Ve(u) ? u : u.split(",").map((i) => i.trim()).filter((i) => i), a = (e.name.indexOf(".") > -1 ? `.${e.name.split(".").pop()}` : "").toLowerCase();
+    return t.some((i) => {
+      const l = i && i.toLowerCase(), m = (e.type || "").toLowerCase(), f = m.split("/")[0];
+      if (l === m || `${f}${a.replace(".", "/")}` === l || /^\*(\/\*)?$/.test(l))
+        return !0;
+      if (/\/\*/.test(l))
+        return m.replace(/\/.*$/, "") === l.replace(/\/.*$/, "");
+      if (/\..*/.test(l)) {
+        let h = [l];
+        return (l === ".jpg" || l === ".jpeg") && (h = [".jpg", ".jpeg"]), h.indexOf(a) > -1;
+      }
+      return !1;
+    });
+  }
+  return !!e;
+}, Ke = (e, d) => {
+  if (!e)
+    return;
+  let u = [].slice.call(e);
+  return d && (u = u.filter((s) => le(s, d))), u;
+}, ze = (e, d, u) => {
+  const s = [];
+  let t = 0;
+  const a = () => {
+    !t && u(s);
+  }, i = (m) => {
+    if (t += 1, m != null && m.isFile) {
+      m.file((f) => {
+        t -= 1, le(f, d) && (Object.defineProperty(f, "webkitRelativePath", {
+          value: m.fullPath.replace(/^\//, "")
+        }), s.push(f)), a();
+      });
+      return;
+    }
+    if (m != null && m.isDirectory) {
+      const f = m.createReader();
+      let h = !1;
+      const $ = () => {
+        f.readEntries((U) => {
+          h || (t -= 1, h = !0), U.length === 0 ? a() : ($(), U.forEach(i));
+        });
+      };
+      $();
+      return;
+    }
+    t -= 1, a();
+  };
+  [].slice.call(e).forEach((m) => {
+    m.webkitGetAsEntry && i(m.webkitGetAsEntry());
+  });
+}, We = (e, d) => {
+  const u = X(), { locale: s } = z(J), [t, a] = G(!1), [i, l] = G(0), {
+    tip: m,
+    children: f,
+    disabled: h,
+    drag: $,
+    listType: U,
+    prefixCls: n,
+    accept: g,
+    multiple: P
+  } = e, o = {
+    disabled: h
+  };
+  return Ie(() => {
+    l(0);
+  }, [t]), f === null ? null : /* @__PURE__ */ r(
+    "div",
+    {
+      className: `${n}-trigger`,
+      onClick: h ? void 0 : e.onClick,
+      ...u({
+        onPressEnter: () => {
+          var b;
+          !h && ((b = e.onClick) == null || b.call(e));
+        }
+      }),
+      ref: d,
+      onDragEnter: () => {
+        l(i + 1);
+      },
+      onDragLeave: (b) => {
+        var x;
+        b.preventDefault(), i === 0 ? (a(!1), !h && ((x = e.onDragLeave) == null || x.call(e, b))) : l(i - 1);
+      },
+      onDrop: (b) => {
+        var x, S;
+        if (b.preventDefault(), !h && e.drag !== !1) {
+          if (a(!1), e.directory)
+            ze(b.dataTransfer.items, g, (T) => {
+              var D;
+              (D = e.onDragFiles) == null || D.call(e, T);
+            });
+          else {
+            const T = [].slice.call(b.dataTransfer.items || []).reduce((q, j, V) => {
+              if (j.webkitGetAsEntry) {
+                const c = j.webkitGetAsEntry();
+                return c != null && c.isDirectory ? [...q, V] : q;
+              }
+            }, []), D = [].slice.call(b.dataTransfer.files || []).filter((q, j) => !T.includes(j)), k = Ke(D, g);
+            k.length > 0 && ((x = e.onDragFiles) == null || x.call(e, P ? k : k.slice(0, 1)));
+          }
+          (S = e.onDrop) == null || S.call(e, b);
+        }
+      },
+      onDragOver: (b) => {
+        var x;
+        b.preventDefault(), !h && !t && (a(!0), (x = e.onDragOver) == null || x.call(e, b));
+      },
+      children: ee.isValidElement(f) ? /* @__PURE__ */ r(
+        "div",
+        {
+          className: K({ [`${n}-trigger-custom-active`]: t }),
+          children: ee.cloneElement(f, o)
+        }
+      ) : U === "picture-card" ? /* @__PURE__ */ r("div", { className: `${n}-trigger-picture-wrapper`, children: /* @__PURE__ */ r(
+        "div",
+        {
+          className: `${n}-trigger-picture`,
+          tabIndex: 0,
+          "aria-label": s.Upload.upload,
+          children: /* @__PURE__ */ r("div", { className: `${n}-trigger-picture-text`, children: e.triggerPictureIcon ?? /* @__PURE__ */ r(ue, {}) })
+        }
+      ) }) : $ ? /* @__PURE__ */ L(
+        "div",
+        {
+          className: K(`${n}-trigger-drag`, {
+            [`${n}-trigger-drag-active`]: t
+          }),
+          tabIndex: 0,
+          "aria-label": s.Upload.drag,
+          children: [
+            e.triggerPictureIcon ?? /* @__PURE__ */ r(ue, {}),
+            /* @__PURE__ */ r("p", { className: `${n}-trigger-drag-text`, children: t ? s.Upload.dragHover : s.Upload.drag }),
+            m && /* @__PURE__ */ r("div", { className: `${n}-trigger-tip`, children: m })
+          ]
+        }
+      ) : /* @__PURE__ */ L(
+        Ae,
+        {
+          ...o,
+          "aria-label": s.Upload.upload,
+          type: "primary",
+          className: `${n}-trigger-with-icon`,
+          children: [
+            /* @__PURE__ */ r(oe, {}),
+            s.Upload.upload
+          ]
+        }
+      )
+    }
+  );
+}, Je = W(
+  We
+);
+function me(e) {
+  const d = e.responseText || e.response;
+  if (!d)
+    return d;
+  try {
+    return JSON.parse(d);
+  } catch {
+    return d;
+  }
+}
+const Xe = function(e) {
+  const {
+    onProgress: d = Y,
+    onError: u = Y,
+    onSuccess: s = Y,
+    action: t,
+    method: a,
+    headers: i = {},
+    name: l,
+    file: m,
+    data: f = {},
+    withCredentials: h = !1
+  } = e;
+  function $(o) {
+    return typeof o == "function" ? o(m) : o;
+  }
+  const U = $(l), n = $(f), g = new XMLHttpRequest();
+  d && g.upload && (g.upload.onprogress = function(o) {
+    let b;
+    o.total > 0 && (b = o.loaded / o.total * 100), d(parseInt(b, 10), o);
+  }), g.onerror = function(b) {
+    u(b);
+  }, g.onload = function() {
+    if (g.status < 200 || g.status >= 300)
+      return u(me(g));
+    s(me(g));
+  };
+  const P = new FormData();
+  n && Object.keys(n).map((o) => P.append(o, n[o])), P.append(U || "file", m), g.open(a, t, !0), h && "withCredentials" in g && (g.withCredentials = !0);
+  for (const o in i)
+    Object.prototype.hasOwnProperty.call(i, o) && i[o] !== null && g.setRequestHeader(o, i[o]);
+  return g.send(P), {
+    abort() {
+      g.abort();
+    }
+  };
+};
+function Qe(e, d) {
+  const u = te(null), [s, t] = G({ uploadRequests: {} });
+  function a(c) {
+    $(c);
+  }
+  function i(c) {
+    var R;
+    const I = s.uploadRequests[c.uid];
+    I && ((R = I.abort) == null || R.call(I), f({
+      ...c,
+      status: y.fail
+    }), m(c.uid));
+  }
+  function l(c) {
+    $({
+      ...c,
+      percent: 0,
+      status: y.uploading
+    });
+  }
+  function m(c) {
+    const I = { ...s.uploadRequests };
+    delete I[c], t({
+      uploadRequests: I
+    });
+  }
+  ge(d, () => ({
+    // 提供 ref 调用
+    upload: a,
+    abort: i,
+    reupload: l,
+    // 删除上传（手动上传时，文件会出现在上传列表，但属于init状态）
+    delete: m
+  }));
+  function f(c, I = e.fileList) {
+    const { onFileStatusChange: R } = e, C = "uid" in c ? "uid" : "name";
+    R == null || R(
+      I.map((v) => v[C] === c[C] ? c : v),
+      c
+    );
+  }
+  function h(c) {
+    const I = "uid" in c ? "uid" : "name";
+    return e.fileList.find((C) => C[I] === c[I]);
+  }
+  async function $(c) {
+    const {
+      action: I,
+      headers: R,
+      name: C,
+      data: v,
+      withCredentials: N,
+      customRequest: w,
+      method: E
+    } = e, se = {
+      onProgress: (H, O) => {
+        var _, ce;
+        const M = h(c);
+        M && (M.status = y.uploading, M.percent = H, (ce = (_ = this == null ? void 0 : this.props) == null ? void 0 : _.onProgress) == null || ce.call(_, M, O));
+      },
+      onSuccess: (H) => {
+        const O = h(c);
+        O && (O.status = y.success, O.response = H, f(O)), m(c.uid);
+      },
+      onError: (H) => {
+        const O = h(c);
+        O && (O.status = y.fail, O.response = H, f(O)), m(c.uid);
+      },
+      headers: R,
+      name: C,
+      file: c.originFile,
+      data: v,
+      withCredentials: N
+    };
+    f(c);
+    let Q;
+    I ? Q = Xe({ ...se, action: I, method: E }) : w && (Q = await w(se)), t({
+      uploadRequests: {
+        ...s.uploadRequests,
+        [c.uid]: Q
+      }
+    });
+  }
+  function U(c) {
+    const { limit: I, fileList: R, onExceedLimit: C, autoUpload: v } = e;
+    if (fe(I) && I < R.length + c.length)
+      return C == null ? void 0 : C(c, R);
+    const N = (w, E) => {
+      const p = e.fileList || [], A = {
+        uid: `${String(+/* @__PURE__ */ new Date())}${E}`,
+        originFile: w,
+        percent: 0,
+        status: y.init,
+        name: w.name
+      };
+      f(A), p.push(A), f(A, p), v && setTimeout(() => {
+        $({
+          ...A,
+          status: y.uploading
+        });
+      }, 0);
+    };
+    c.forEach((w, E) => {
+      le(w, e.accept) && (F(e.beforeUpload) ? Promise.resolve(e.beforeUpload(w, c)).then((p) => {
+        if (p !== !1) {
+          const A = pe(p) ? p : w;
+          N(A, E);
+        }
+      }).catch((p) => {
+        console.error(p);
+      }) : N(w, E));
+    });
+  }
+  const {
+    accept: n,
+    multiple: g,
+    children: P,
+    prefixCls: o,
+    tip: b,
+    disabled: x,
+    drag: S,
+    listType: T,
+    hide: D,
+    directory: k,
+    onDrop: q,
+    onDragOver: j,
+    onDragLeave: V
+  } = e;
+  return /* @__PURE__ */ L(B, { children: [
+    /* @__PURE__ */ r(
+      "input",
+      {
+        ref: u,
+        style: {
+          visibility: "hidden",
+          opacity: 0,
+          position: "fixed",
+          top: "-227px",
+          left: "-227px",
+          zIndex: -999999
+        },
+        type: "file",
+        accept: ae(n) ? n == null ? void 0 : n.type : n,
+        multiple: g,
+        ...k ? { webkitdirectory: "true" } : {},
+        onChange: (c) => {
+          const I = c.target.files;
+          I && (U([].slice.call(I)), u.current.value = "");
+        },
+        onClick: (c) => {
+          c.stopPropagation();
+        }
+      },
+      "trigger-input"
+    ),
+    /* @__PURE__ */ r(
+      ie,
+      {
+        in: !D,
+        timeout: 100,
+        unmountOnExit: !0,
+        classNames: "fadeIn",
+        children: /* @__PURE__ */ r(
+          Je,
+          {
+            directory: k,
+            tip: b,
+            multiple: g,
+            accept: n,
+            disabled: x,
+            drag: S,
+            listType: T,
+            triggerPictureIcon: e.triggerPictureIcon,
+            onDrop: q,
+            onDragOver: j,
+            onDragLeave: V,
+            onDragFiles: U,
+            onClick: () => {
+              var c, I;
+              !x && ((I = (c = u.current) == null ? void 0 : c.click) == null || I.call(c));
+            },
+            prefixCls: o,
+            children: F(P) ? P({ fileList: e.fileList }) : P
+          }
+        )
+      },
+      "trigger-node"
+    ),
+    b && T !== "picture-card" && !S ? /* @__PURE__ */ r("div", { className: `${o}-trigger-tip`, children: b }, "trigger-tip") : null
+  ] });
+}
+const Ye = ee.forwardRef(Qe), Z = function(e) {
+  const d = [].concat(e || []).filter(Boolean);
+  return d.reduce((u, s, t) => {
+    if (s.uid) {
+      const a = d.findIndex(
+        (l) => s.uid === l.uid && s !== l
+      );
+      de(a !== -1, "[Upload]: duplicate uid");
+      const i = {
+        status: y.success,
+        percent: 100,
+        ...s
+      };
+      a === -1 ? u.push(i) : u.splice(a, 1, i);
+    } else {
+      de(!0, "[Upload]: uid is required");
+      const a = `${String(+/* @__PURE__ */ new Date())}${t}`;
+      u.push({
+        uid: a,
+        status: y.success,
+        percent: 100,
+        ...s
+      });
+    }
+    return u;
+  }, []);
+}, Ze = {
+  listType: "text",
+  autoUpload: !0,
+  showUploadList: !0,
+  beforeUpload: () => !0,
+  method: "post"
+}, et = (e, d) => {
+  const { getPrefixCls: u, componentConfig: s, rtl: t } = z(J), a = we(
+    e,
+    Ze,
+    s == null ? void 0 : s.Upload
+  ), i = u("upload"), l = te(), m = te(), [f, h] = G(() => "fileList" in a ? Z(a.fileList) : "defaultFileList" in a ? Z(a.defaultFileList) : []), $ = "fileList" in a ? Z(a.fileList) : f, U = (v, N) => {
+    var w;
+    "fileList" in a || h(v), (w = a.onChange) == null || w.call(a, v, N);
+  }, n = (v) => {
+    v && setTimeout(() => {
+      l.current && l.current.upload(v);
+    }, 0);
+  }, g = (v) => {
+    var N;
+    l.current && l.current.reupload(v), (N = a.onReupload) == null || N.call(a, v);
+  }, P = (v) => {
+    if (v) {
+      const { onRemove: N } = a;
+      Promise.resolve(
+        F(N) ? N(v, $) : N
+      ).then((w) => {
+        w !== !1 && (l.current && l.current.abort(v), U(
+          $.filter((E) => E.uid !== v.uid),
+          v
+        ));
+      }).catch((w) => {
+        console.error(w);
+      });
+    }
+  }, o = (v) => {
+    v && l.current && l.current.abort(v);
+  };
+  ge(d, () => ({
+    submit: (v) => {
+      let N = [];
+      v ? N = [v] : N = $.filter((w) => w.status === y.init), N.forEach((w) => {
+        n(w);
+      });
+    },
+    // file: fileList中的file对象
+    abort: (v) => {
+      o(v);
+    },
+    // file: fileList中的file对象
+    reupload: (v) => {
+      g(v);
+    },
+    getRootDOMNode: () => m.current
+  }));
+  const {
+    listType: b,
+    className: x,
+    style: S,
+    renderUploadItem: T,
+    showUploadList: D,
+    renderUploadList: k,
+    progressProps: q,
+    imagePreview: j,
+    ...V
+  } = a, c = fe(a.limit) ? { hideOnExceedLimit: !0, maxCount: a.limit } : { hideOnExceedLimit: !0, ...a.limit }, I = c.maxCount && c.maxCount <= $.length, R = "disabled" in a ? a.disabled : !c.hideOnExceedLimit && I, C = /* @__PURE__ */ r(
+    "div",
+    {
+      ...Pe(V, [
+        "disabled",
+        "directory",
+        "onReupload",
+        "defaultFileList",
+        "fileList",
+        "autoUpload",
+        "error",
+        "action",
+        "method",
+        "multiple",
+        "name",
+        "accept",
+        "customRequest",
+        "children",
+        "autoUpload",
+        "limit",
+        "drag",
+        "tip",
+        "headers",
+        "data",
+        "withCredentials",
+        "onChange",
+        "onPreview",
+        "onRemove",
+        "onProgress",
+        "onExceedLimit",
+        "beforeUpload",
+        "onDrop",
+        "onDragOver",
+        "onDragLeave"
+      ]),
+      className: K(
+        i,
+        {
+          [`${i}-type-${b}`]: b,
+          [`${i}-drag`]: a.drag,
+          [`${i}-disabled`]: R,
+          [`${i}-hide`]: c.hideOnExceedLimit && I,
+          [`${i}-rtl`]: t
+        },
+        x
+      ),
+      style: S,
+      ref: m,
+      children: /* @__PURE__ */ r(
+        Ye,
+        {
+          ref: l,
+          ...a,
+          limit: c.maxCount,
+          hide: c.hideOnExceedLimit && I,
+          disabled: R,
+          prefixCls: i,
+          fileList: $,
+          onProgress: (v, N) => {
+            var w;
+            v && ("fileList" in a || h(
+              $.map((E) => E.uid === v.uid ? v : E)
+            ), (w = a.onProgress) == null || w.call(a, v, N));
+          },
+          onFileStatusChange: U
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ L(B, { children: [
+    b !== "picture-card" && C,
+    D && /* @__PURE__ */ r(
+      Ue,
+      {
+        imagePreview: j,
+        progressProps: q,
+        showUploadList: D,
+        disabled: a.disabled,
+        listType: b,
+        fileList: $,
+        renderUploadItem: T,
+        renderUploadList: k,
+        onUpload: n,
+        onAbort: o,
+        onRemove: P,
+        onReupload: g,
+        onPreview: a.onPreview,
+        prefixCls: i
+      }
+    ),
+    b === "picture-card" && C,
+    a.tip && b === "picture-card" && /* @__PURE__ */ r("div", { className: `${i}-trigger-tip`, children: a.tip })
+  ] });
+}, tt = W(
+  et
+);
+tt.displayName = "Upload";
+export {
+  tt as U
+};