@unicom-cloud/ui 0.8.108 → 0.8.110

package/upload/Upload.js

@@ -1,109 +1,507 @@
-import { jsx as c, jsxs as M, Fragment as B } from "react/jsx-runtime";
-import H from "lodash/isFunction";
-import W from "lodash/isNumber";
-import { forwardRef as k, useContext as z, useRef as $, useState as G, useImperativeHandle as J } from "react";
-import "../config-provider/ConfigProvider.js";
-import K from "../components/common/hooks/useMergeProps.js";
-import Q from "@unicom-cloud/utils/class-name";
-import { omit as V } from "../components/common/utils/omit.js";
-import { warning as N } from "../components/common/utils/warning.js";
-import { STATUS as g } from "./constant.js";
-import { FileList as X } from "./list/index.js";
-import Y from "./Uploader.js";
-import Z from "../config-provider/context.js";
-const L = function(m) {
-  const u = [].concat(m || []).filter(Boolean);
-  return u.reduce((d, n, f) => {
-    if (n.uid) {
-      const e = u.findIndex(
-        (r) => n.uid === r.uid && n !== r
+import { jsxs as C, Fragment as F, jsx as t } from "react/jsx-runtime";
+import P from "lodash/isFunction";
+import ne from "lodash/isNumber";
+import { useContext as S, forwardRef as A, useState as w, useEffect as L, isValidElement as re, useRef as B, useImperativeHandle as le } from "react";
+import { a as D, I as se } from "../chunk/BcEZk8pT.js";
+import { u as ae } from "../chunk/FgWHhRFz.js";
+import W from "@unicom-cloud/utils/class-name";
+import { o as ce } from "../chunk/BKKEev13.js";
+import K from "../utils/warning.js";
+import { STATUS as f } from "./constant.js";
+import { b as de } from "../chunk/BJ9_azwQ.js";
+import ue from "../image/ImagePreviewGroup.js";
+import { P as M } from "../chunk/B--6x-RL.js";
+import _ from "@unicom-cloud/icons/IconUiDelete";
+import me from "@unicom-cloud/icons/IconUiEye";
+import pe from "@unicom-cloud/icons/IconUiImageClose";
+import z from "@unicom-cloud/icons/IconUiUpload";
+import { fileToURL as G } from "@unicom-cloud/utils/file";
+import { u as j } from "../chunk/Bvxzb1wd.js";
+import "../chunk/DsaQZE4X.js";
+import fe from "@unicom-cloud/icons/IconUiCheck";
+import he from "@unicom-cloud/icons/IconUiPause";
+import ge from "@unicom-cloud/icons/IconUiPlayArrowFill";
+import ve from "../progress/index.js";
+import O from "../tooltip/index.js";
+import { isPlainObject as k } from "@unicom-cloud/utils/is";
+import Ue from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import xe from "@unicom-cloud/icons/IconUiFile";
+import Ie from "@unicom-cloud/icons/IconUiFileAudio";
+import J from "@unicom-cloud/icons/IconUiFileImage";
+import be from "@unicom-cloud/icons/IconUiFilePdf";
+import $e from "@unicom-cloud/icons/IconUiFileVideo";
+import Ce from "./Uploader.js";
+const Q = (e) => {
+  const d = j(), { file: a, prefixCls: s, progressProps: i, progressRender: o } = e, { locale: r } = S(D), { status: n, percent: v = 0 } = a, h = `${s}-list`, g = i && i.width ? { width: i.width } : {}, p = /* @__PURE__ */ C(F, { children: [
+    n === f.fail && e.reuploadIcon !== null && /* @__PURE__ */ t(
+      "span",
+      {
+        className: `${s}-list-reupload-icon`,
+        onClick: () => {
+          e.onReupload?.(a);
+        },
+        tabIndex: 0,
+        role: "button",
+        "aria-label": r?.Upload?.reupload,
+        ...d({
+          onPressEnter: () => {
+            e.onReupload?.(a);
+          }
+        }),
+        children: e.reuploadIcon || (e.listType === "picture-card" ? /* @__PURE__ */ t(z, {}) : r?.Upload?.reupload)
+      }
+    ),
+    n === f.success && e.successIcon !== null && /* @__PURE__ */ t("span", { className: `${s}-list-success-icon`, children: e.successIcon || /* @__PURE__ */ t(fe, {}) }),
+    n !== f.success && /* @__PURE__ */ C("div", { className: `${h}-status`, style: g, children: [
+      /* @__PURE__ */ t(
+        ve,
+        {
+          showText: !1,
+          className: `${h}-progress`,
+          type: "circle",
+          status: n === f.fail ? "error" : n === f.success ? "success" : "normal",
+          percent: v,
+          size: "mini",
+          ...i
+        }
+      ),
+      n === f.init && e.startIcon !== null && /* @__PURE__ */ t(
+        "span",
+        {
+          tabIndex: 0,
+          role: "button",
+          "aria-label": r?.Upload?.start,
+          className: `${s}-list-start-icon`,
+          onClick: () => {
+            e.onUpload?.(a);
+          },
+          ...d({
+            onPressEnter: () => {
+              e.onUpload?.(a);
+            }
+          }),
+          children: e.startIcon || /* @__PURE__ */ t(O, { content: r?.Upload?.start, children: /* @__PURE__ */ t(ge, {}) })
+        }
+      ),
+      n === f.uploading && e.cancelIcon !== null && /* @__PURE__ */ t(
+        "span",
+        {
+          className: `${e.prefixCls}-list-cancel-icon`,
+          onClick: () => {
+            e.onAbort?.(a);
+          },
+          tabIndex: 0,
+          "aria-label": r?.Upload?.cancel,
+          ...d({
+            onPressEnter: () => {
+              e.onAbort?.(a);
+            }
+          }),
+          children: e.cancelIcon || /* @__PURE__ */ t(O, { content: r?.Upload?.cancel, children: /* @__PURE__ */ t(he, {}) })
+        }
+      )
+    ] })
+  ] });
+  return P(o) ? o(a, p) : p;
+}, Ne = (e, d) => {
+  const { disabled: a, prefixCls: s, file: i, showUploadList: o, locale: r } = e, n = j(), v = `${s}-list-item-picture`, { status: h, originFile: g } = i, [p, I] = w(i.url), m = k(o) ? o : {};
+  return L(() => {
+    if (i.url !== void 0)
+      I(i.url);
+    else {
+      const b = i.originFile;
+      b && G(b).then((u) => {
+        I(u);
+      }).catch((u) => {
+        console.error(u);
+      }).finally(() => {
+      });
+    }
+    return () => {
+    };
+  }, [i.url, i.originFile]), L(() => (e.onChange?.({ type: "url", data: p }), () => {
+    e.onChange?.({ type: "url", data: void 0 });
+  }), [p]), /* @__PURE__ */ t("div", { className: v, ref: d, children: h === f.uploading ? /* @__PURE__ */ t(
+    Q,
+    {
+      onReupload: e.onReupload,
+      onUpload: e.onUpload,
+      onAbort: e.onAbort,
+      listType: "picture-card",
+      file: i,
+      prefixCls: s,
+      progressProps: e.progressProps,
+      ...m
+    }
+  ) : /* @__PURE__ */ C(F, { children: [
+    P(m.imageRender) ? m.imageRender(i) : /* @__PURE__ */ t("img", { src: p, alt: i.name }),
+    /* @__PURE__ */ C("div", { className: `${v}-mask`, role: "radiogroup", children: [
+      i.status === f.fail && /* @__PURE__ */ t("div", { className: `${v}-error-tip`, children: m.errorIcon !== null && /* @__PURE__ */ t("span", { className: `${s}-list-error-icon`, children: m.errorIcon || /* @__PURE__ */ t(pe, {}) }) }),
+      /* @__PURE__ */ C("div", { className: `${v}-operation`, children: [
+        i.status !== f.fail && m.previewIcon !== null && /* @__PURE__ */ t(
+          "span",
+          {
+            className: `${s}-list-preview-icon`,
+            tabIndex: 0,
+            role: "button",
+            "aria-label": r?.Upload.preview,
+            ...n({
+              onPressEnter: () => {
+                e.onPreview?.(i);
+              }
+            }),
+            onClick: () => {
+              e.onPreview?.(i);
+            },
+            children: m.previewIcon || /* @__PURE__ */ t(me, {})
+          }
+        ),
+        i.status === f.fail && m.reuploadIcon !== null && /* @__PURE__ */ t(
+          "span",
+          {
+            className: `${e.prefixCls}-list-reupload-icon`,
+            onClick: () => {
+              e.onReupload?.(i);
+            },
+            tabIndex: 0,
+            role: "button",
+            "aria-label": r?.Upload.reupload,
+            ...n({
+              onPressEnter: () => {
+                e.onReupload?.(i);
+              }
+            }),
+            children: m.reuploadIcon || /* @__PURE__ */ t(z, {})
+          }
+        ),
+        !a && m.removeIcon !== null && /* @__PURE__ */ t(
+          "span",
+          {
+            className: `${s}-list-remove-icon`,
+            onClick: () => {
+              e.onRemove?.(i);
+            },
+            role: "button",
+            "aria-label": r?.Upload.delete,
+            tabIndex: 0,
+            ...n({
+              onPressEnter: () => {
+                e.onRemove?.(i);
+              }
+            }),
+            children: m.removeIcon || /* @__PURE__ */ t(_, {})
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}, Pe = A(Ne), ye = (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 ? J : d.indexOf("pdf") > -1 ? be : d.indexOf("audio") > -1 ? Ie : d.indexOf("video") > -1 ? $e : xe;
+}, we = (e, d) => {
+  const { prefixCls: a, disabled: s, file: i, locale: o } = e, r = `${a}-list-item-text`, n = j(), v = ye(i), h = k(e.showUploadList) ? e.showUploadList : {}, g = k(h) ? h : {}, p = i.name || i.originFile && i.originFile.name, [I, m] = w(i.url);
+  let b = {};
+  return i.status !== f.fail && (b = {
+    popupVisible: !1
+  }), L(() => {
+    if (i.url !== void 0)
+      m(i.url);
+    else {
+      const u = i.originFile;
+      u && G(u).then((x) => {
+        m(x);
+      }).catch((x) => {
+        console.error(x);
+      }).finally(() => {
+      });
+    }
+    return () => {
+    };
+  }, [i.url, i.originFile]), L(() => (e.onChange?.({ type: "url", data: I }), () => {
+    e.onChange?.({ type: "url", data: void 0 });
+  }), [I]), /* @__PURE__ */ C(
+    "div",
+    {
+      className: `${a}-list-item ${a}-list-item-${i.status}`,
+      ref: d,
+      children: [
+        /* @__PURE__ */ C("div", { className: r, children: [
+          e.listType === "picture-list" && /* @__PURE__ */ t("div", { className: `${r}-thumbnail`, children: P(h.imageRender) ? h.imageRender(i) : /* @__PURE__ */ t("img", { src: I }) }),
+          /* @__PURE__ */ C("div", { className: `${r}-content`, children: [
+            /* @__PURE__ */ C("div", { className: `${r}-name`, children: [
+              e.listType === "text" && g.fileIcon !== null && /* @__PURE__ */ t("span", { className: `${a}-list-file-icon`, children: g.fileIcon || /* @__PURE__ */ t(v, {}) }),
+              P(h.fileName) ? /* @__PURE__ */ t("span", { className: `${r}-name-text`, children: h.fileName(i) }) : i.url ? /* @__PURE__ */ t(
+                "a",
+                {
+                  href: i.url,
+                  target: "_blank",
+                  rel: "noreferrer",
+                  className: `${r}-name-link`,
+                  children: p
+                }
+              ) : /* @__PURE__ */ t("span", { className: `${r}-name-text`, children: p }),
+              i.status === f.fail && g.errorIcon !== null && /* @__PURE__ */ t(
+                O,
+                {
+                  content: (typeof i.response == "object" ? re(i.response) && i.response : i.response) || o?.Upload.error,
+                  ...b,
+                  disabled: i.status !== f.fail,
+                  children: /* @__PURE__ */ t("span", { className: `${e.prefixCls}-list-error-icon`, children: g.errorIcon || (e.listType === "picture-card" ? /* @__PURE__ */ t(J, {}) : /* @__PURE__ */ t(Ue, {})) })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t(
+              Q,
+              {
+                file: i,
+                prefixCls: a,
+                progressProps: e.progressProps,
+                onReupload: e.onReupload,
+                onUpload: e.onUpload,
+                onAbort: e.onAbort,
+                ...g
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ t("div", { className: `${a}-list-item-operation`, children: !s && g.removeIcon !== null && /* @__PURE__ */ t(
+          se,
+          {
+            className: `${a}-list-remove-icon-hover`,
+            onClick: () => {
+              e.onRemove?.(i);
+            },
+            tabIndex: 0,
+            "aria-label": o?.Upload.delete,
+            ...n({
+              onPressEnter: () => {
+                e.onRemove?.(i);
+              }
+            }),
+            children: /* @__PURE__ */ t("span", { className: `${a}-list-remove-icon`, children: g.removeIcon || /* @__PURE__ */ t(_, {}) })
+          }
+        ) })
+      ]
+    }
+  );
+}, Le = A(we), X = (e) => {
+  const { locale: d, rtl: a } = S(D), {
+    listType: s,
+    fileList: i,
+    renderUploadList: o,
+    renderUploadItem: r,
+    prefixCls: n,
+    ...v
+  } = e, [h, g] = w(-1), [p, I] = w([]);
+  if (P(o))
+    return /* @__PURE__ */ t("div", { className: `${n}-list`, children: o(i, v) });
+  const m = (u) => {
+    e.imagePreview && g(u);
+  };
+  function b(u, x, U) {
+    u?.type === "url" && [f.init, f.success].indexOf(U.status) > -1 && I((l) => {
+      const R = [...l];
+      return R[x] = u.data, R.filter(Boolean);
+    });
+  }
+  return L(() => () => {
+  }, []), /* @__PURE__ */ C(F, { children: [
+    /* @__PURE__ */ t(
+      de,
+      {
+        className: W(
+          `${n}-list`,
+          `${n}-list-type-${s}`,
+          {
+            [`${n}-list-rtl`]: a
+          }
+        ),
+        children: i.map((u, x) => {
+          let U = s === "picture-card" ? /* @__PURE__ */ t(
+            "div",
+            {
+              className: `${n}-list-item ${n}-list-item-${u.status}`,
+              children: /* @__PURE__ */ t(
+                Pe,
+                {
+                  ...e,
+                  onPreview: (l) => {
+                    m(x), e.onPreview?.(l);
+                  },
+                  file: u,
+                  locale: d,
+                  onChange: (l) => {
+                    b(l, x, u);
+                  }
+                }
+              )
+            }
+          ) : /* @__PURE__ */ t(
+            Le,
+            {
+              ...e,
+              file: u,
+              locale: d,
+              onChange: (l) => {
+                b(l, x, u);
+              }
+            }
+          );
+          return P(r) && (U = r(U, u, i)), s === "picture-card" ? /* @__PURE__ */ t(
+            M,
+            {
+              timeout: { enter: 200, exit: 400 },
+              classNames: `${n}-slide-inline`,
+              onEntered: (l) => {
+                l && (l.style.width = "");
+              },
+              onExit: (l) => {
+                l && (l.style.width = `${l.scrollWidth}px`);
+              },
+              onExiting: (l) => {
+                l && (l.style.width = 0);
+              },
+              onExited: (l) => {
+                l && (l.style.width = 0);
+              },
+              children: U
+            },
+            u.uid
+          ) : /* @__PURE__ */ t(
+            M,
+            {
+              timeout: { enter: 200, exit: 400 },
+              classNames: `${n}-slide-up`,
+              onExit: (l) => {
+                l && (l.style.height = `${l.scrollHeight}px`);
+              },
+              onExiting: (l) => {
+                l && (l.style.height = 0);
+              },
+              onExited: (l) => {
+                l && (l.style.height = 0);
+              },
+              children: U
+            },
+            u.uid
+          );
+        })
+      }
+    ),
+    s === "picture-card" && e.imagePreview && /* @__PURE__ */ t(
+      ue,
+      {
+        srcList: p,
+        visible: h !== -1,
+        current: h,
+        onChange: m,
+        onVisibleChange: (u) => {
+          m(u ? h : -1);
+        }
+      }
+    )
+  ] });
+};
+X.displayName = "FileList";
+const T = function(e) {
+  const d = [].concat(e || []).filter(Boolean);
+  return d.reduce((a, s, i) => {
+    if (s.uid) {
+      const o = d.findIndex(
+        (n) => s.uid === n.uid && s !== n
       );
-      N(e !== -1, "[Upload]: duplicate uid");
-      const o = {
-        status: g.success,
+      K(o !== -1, "[Upload]: duplicate uid");
+      const r = {
+        status: f.success,
         percent: 100,
-        ...n
+        ...s
       };
-      e === -1 ? d.push(o) : d.splice(e, 1, o);
+      o === -1 ? a.push(r) : a.splice(o, 1, r);
     } else {
-      N(!0, "[Upload]: uid is required");
-      const e = `${String(+/* @__PURE__ */ new Date())}${f}`;
-      d.push({
-        uid: e,
-        status: g.success,
+      K(!0, "[Upload]: uid is required");
+      const o = `${String(+/* @__PURE__ */ new Date())}${i}`;
+      a.push({
+        uid: o,
+        status: f.success,
         percent: 100,
-        ...n
+        ...s
       });
     }
-    return d;
+    return a;
   }, []);
-}, _ = {
+}, Re = {
   listType: "text",
   autoUpload: !0,
   showUploadList: !0,
   beforeUpload: () => !0,
   method: "post"
-}, ee = (m, u) => {
-  const { getPrefixCls: d, componentConfig: n, rtl: f } = z(Z), e = K(
-    m,
-    _,
-    n?.Upload
-  ), o = d?.("upload"), r = $(), U = $(), [y, x] = G(() => "fileList" in e ? L(e.fileList) : "defaultFileList" in e ? L(e.defaultFileList) : []), a = "fileList" in e ? L(e.fileList) : y, b = (t, i) => {
-    "fileList" in e || x(t), e.onChange?.(t, i);
-  }, v = (t) => {
-    t && setTimeout(() => {
-      r.current && r.current.upload(t);
+}, Fe = (e, d) => {
+  const { getPrefixCls: a, componentConfig: s, rtl: i } = S(D), o = ae(
+    e,
+    Re,
+    s?.Upload
+  ), r = a?.("upload"), n = B(void 0), v = B(void 0), [h, g] = w(() => "fileList" in o ? T(o.fileList) : "defaultFileList" in o ? T(o.defaultFileList) : []), p = "fileList" in o ? T(o.fileList) : h, I = (c, $) => {
+    "fileList" in o || g(c), o.onChange?.(c, $);
+  }, m = (c) => {
+    c && setTimeout(() => {
+      n.current && n.current.upload(c);
     }, 0);
-  }, C = (t) => {
-    r.current && r.current.reupload(t), e.onReupload?.(t);
-  }, D = (t) => {
-    if (t) {
-      const { onRemove: i } = e;
+  }, b = (c) => {
+    n.current && n.current.reupload(c), o.onReupload?.(c);
+  }, u = (c) => {
+    if (c) {
+      const { onRemove: $ } = o;
       Promise.resolve(
-        H(i) ? i(t, a) : i
-      ).then((s) => {
-        s !== !1 && (r.current && r.current.abort(t), b(
-          a.filter((A) => A.uid !== t.uid),
-          t
+        P($) ? $(c, p) : $
+      ).then((N) => {
+        N !== !1 && (n.current && n.current.abort(c), I(
+          p.filter((oe) => oe.uid !== c.uid),
+          c
         ));
-      }).catch((s) => {
-        console.error(s);
+      }).catch((N) => {
+        console.error(N);
       });
     }
-  }, F = (t) => {
-    t && r.current && r.current.abort(t);
+  }, x = (c) => {
+    c && n.current && n.current.abort(c);
   };
-  J(u, () => ({
-    submit: (t) => {
-      let i = [];
-      t ? i = [t] : i = a.filter((s) => s.status === g.init), i.forEach((s) => {
-        v(s);
+  le(d, () => ({
+    submit: (c) => {
+      let $ = [];
+      c ? $ = [c] : $ = p.filter((N) => N.status === f.init), $.forEach((N) => {
+        m(N);
       });
     },
     // file: fileList中的file对象
-    abort: (t) => {
-      F(t);
+    abort: (c) => {
+      x(c);
     },
     // file: fileList中的file对象
-    reupload: (t) => {
-      C(t);
+    reupload: (c) => {
+      b(c);
     },
-    getRootDOMNode: () => U.current
+    getRootDOMNode: () => v.current
   }));
   const {
-    listType: l,
-    className: E,
-    style: O,
-    renderUploadItem: S,
-    showUploadList: R,
-    renderUploadList: I,
-    progressProps: T,
-    imagePreview: j,
-    ...q
-  } = e, p = W(e.limit) ? { hideOnExceedLimit: !0, maxCount: e.limit } : { hideOnExceedLimit: !0, ...e.limit }, h = p.maxCount && p.maxCount <= a.length, P = "disabled" in e ? e.disabled : !p.hideOnExceedLimit && h, w = /* @__PURE__ */ c(
+    listType: U,
+    className: l,
+    style: R,
+    renderUploadItem: Y,
+    showUploadList: V,
+    renderUploadList: Z,
+    progressProps: ee,
+    imagePreview: ie,
+    ...te
+  } = o, y = ne(o.limit) ? { hideOnExceedLimit: !0, maxCount: o.limit } : { hideOnExceedLimit: !0, ...o.limit }, E = y.maxCount && y.maxCount <= p.length, q = "disabled" in o ? o.disabled : !y.hideOnExceedLimit && E, H = /* @__PURE__ */ t(
     "div",
     {
-      ...V(q, [
+      ...ce(te, [
         "disabled",
         "directory",
         "onReupload",
@@ -135,68 +533,68 @@ const L = function(m) {
         "onDragOver",
         "onDragLeave"
       ]),
-      className: Q(
-        o,
+      className: W(
+        r,
         {
-          [`${o}-type-${l}`]: l,
-          [`${o}-drag`]: e.drag,
-          [`${o}-disabled`]: P,
-          [`${o}-hide`]: p.hideOnExceedLimit && h,
-          [`${o}-rtl`]: f
+          [`${r}-type-${U}`]: U,
+          [`${r}-drag`]: o.drag,
+          [`${r}-disabled`]: q,
+          [`${r}-hide`]: y.hideOnExceedLimit && E,
+          [`${r}-rtl`]: i
         },
-        E
+        l
       ),
-      style: O,
-      ref: U,
-      children: /* @__PURE__ */ c(
-        Y,
+      style: R,
+      ref: v,
+      children: /* @__PURE__ */ t(
+        Ce,
         {
-          ref: r,
-          ...e,
-          limit: p.maxCount,
-          hide: p.hideOnExceedLimit && h,
-          disabled: P,
-          prefixCls: o,
-          fileList: a,
-          onProgress: (t, i) => {
-            t && ("fileList" in e || x(
-              a.map((s) => s.uid === t.uid ? t : s)
-            ), e.onProgress?.(t, i));
+          ref: n,
+          ...o,
+          limit: y.maxCount,
+          hide: y.hideOnExceedLimit && E,
+          disabled: q,
+          prefixCls: r,
+          fileList: p,
+          onProgress: (c, $) => {
+            c && ("fileList" in o || g(
+              p.map((N) => N.uid === c.uid ? c : N)
+            ), o.onProgress?.(c, $));
           },
-          onFileStatusChange: b
+          onFileStatusChange: I
         }
       )
     }
   );
-  return /* @__PURE__ */ M(B, { children: [
-    l !== "picture-card" && w,
-    R && /* @__PURE__ */ c(
+  return /* @__PURE__ */ C(F, { children: [
+    U !== "picture-card" && H,
+    V && /* @__PURE__ */ t(
       X,
       {
-        imagePreview: j,
-        progressProps: T,
-        showUploadList: R,
-        disabled: e.disabled,
-        listType: l,
-        fileList: a,
-        renderUploadItem: S,
-        renderUploadList: I,
-        onUpload: v,
-        onAbort: F,
-        onRemove: D,
-        onReupload: C,
-        onPreview: e.onPreview,
-        prefixCls: o
+        imagePreview: ie,
+        progressProps: ee,
+        showUploadList: V,
+        disabled: o.disabled,
+        listType: U,
+        fileList: p,
+        renderUploadItem: Y,
+        renderUploadList: Z,
+        onUpload: m,
+        onAbort: x,
+        onRemove: u,
+        onReupload: b,
+        onPreview: o.onPreview,
+        prefixCls: r
       }
     ),
-    l === "picture-card" && w,
-    e.tip && l === "picture-card" && /* @__PURE__ */ c("div", { className: `${o}-trigger-tip`, children: e.tip })
+    U === "picture-card" && H,
+    o.tip && U === "picture-card" && /* @__PURE__ */ t("div", { className: `${r}-trigger-tip`, children: o.tip })
   ] });
-}, te = k(
-  ee
+}, Ee = A(
+  Fe
 );
-te.displayName = "Upload";
+Ee.displayName = "Upload";
 export {
   X as UploadList,
-  te as default
+  Ee as default
 };