@unicom-cloud/ui 0.8.127 → 0.8.128

package/upload/Upload.js

@@ -1,107 +1,127 @@
-/* 2025-11-28 16:31:06 */
-import { jsx as c, jsxs as B, Fragment as H } from "react/jsx-runtime";
-import { forwardRef as M, useContext as W, useRef as $, useState as k, useImperativeHandle as z } from "react";
+/* 2025-12-17 18:27:10 */
+import { jsx as g, jsxs as X, Fragment as Y } from "react/jsx-runtime";
+import { forwardRef as Z, useContext as _, useRef as S, useState as V, useImperativeHandle as ee } from "react";
 import "../config-provider/ConfigProvider.js";
-import G from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import J from "@unicom-cloud/ui-common/utils/className";
-import { isNumber as K, isFunction as Q } from "@unicom-cloud/ui-common/utils/is";
-import V from "@unicom-cloud/ui-common/utils/omit";
-import E from "@unicom-cloud/ui-common/utils/warning";
-import { STATUS as U } 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 te from "@unicom-cloud/ui-common/hooks/use-latest";
+import oe from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import ie from "@unicom-cloud/ui-common/utils/className";
+import { isNumber as re, isFunction as se } from "@unicom-cloud/ui-common/utils/is";
+import ne from "@unicom-cloud/ui-common/utils/omit";
+import { v4 as ae } from "uuid";
+import T from "@unicom-cloud/ui-common/utils/warning";
+import { STATUS as C } from "./constant.js";
+import { FileList as de } from "./list/index.js";
+import le from "./Uploader.js";
+import ce from "../config-provider/context.js";
+function b(U) {
+  const h = [].concat(U || []).filter(Boolean);
+  return h.reduce((l, s, P, t) => {
+    if (s.uid) {
+      const n = h.findIndex(
+        (a) => s.uid === a.uid && s !== a
       );
-      E(e !== -1, "[Upload]: duplicate uid");
-      const o = {
-        status: U.success,
+      T(n !== -1, "[Upload]: duplicate uid");
+      const L = {
+        status: C.success,
         percent: 100,
-        ...n
+        ...s
       };
-      e === -1 ? d.push(o) : d.splice(e, 1, o);
+      n === -1 ? l.push(L) : l.splice(n, 1, L);
     } else {
-      E(!0, "[Upload]: uid is required");
-      const e = `${String(+/* @__PURE__ */ new Date())}${f}`;
-      d.push({
-        uid: e,
-        status: U.success,
+      T(!0, "[Upload]: uid is required");
+      const n = ae();
+      l.push({
+        uid: n,
+        status: C.success,
         percent: 100,
-        ...n
+        ...s
       });
     }
-    return d;
+    return l;
   }, []);
-}, _ = {
+}
+const pe = {
   listType: "text",
   autoUpload: !0,
   showUploadList: !0,
   beforeUpload: () => !0,
   method: "post"
-}, ee = (m, u) => {
-  const { getPrefixCls: d, componentConfig: n, rtl: f } = W(Z), e = G(m, _, n?.Upload), o = d?.("upload"), r = $(void 0), g = $(void 0), [y, x] = k(() => "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);
+}, me = (U, h) => {
+  const { getPrefixCls: l, componentConfig: s, rtl: P } = _(ce), t = oe(U, pe, s?.Upload), { onChange: n, onProgress: L } = t, a = "fileList" in t, j = "defaultFileList" in t, q = "disabled" in t, r = l?.("upload"), u = S(void 0), v = S(void 0);
+  let x = t.fileList;
+  a && (x = b(x));
+  const [A, R] = V(() => a ? x : j ? b(t.defaultFileList) : []), d = a ? b(t.fileList) : A, w = te({
+    props: t,
+    hasFileList: a,
+    mergeFileList: d,
+    onChange: n,
+    onProgress: L
+  }), B = (e, i) => {
+    const o = w.current;
+    if (e) {
+      const m = o.mergeFileList.map((f, Q, fe) => f.uid === e.uid ? e : f);
+      o.hasFileList ? o.onChange?.(m, e) : R(m), o.onProgress?.(e, i);
+    }
+  }, y = (e, i) => {
+    const o = w.current;
+    o.hasFileList || R(e), o.onChange?.(e, i);
+  }, E = (e) => {
+    e && setTimeout(() => {
+      u.current?.upload?.(e);
     }, 0);
-  }, C = (t) => {
-    r.current && r.current.reupload(t), e.onReupload?.(t);
-  }, N = (t) => {
-    if (t) {
-      const { onRemove: i } = e;
+  }, $ = (e) => {
+    u.current?.reupload?.(e), t.onReupload?.(e);
+  }, H = (e) => {
+    if (e) {
+      const { onRemove: i } = t;
       Promise.resolve(
-        Q(i) ? i(t, a) : i
-      ).then((s) => {
-        s !== !1 && (r.current && r.current.abort(t), b(
-          a.filter((A) => A.uid !== t.uid),
-          t
+        se(i) ? i(e, d) : i
+      ).then((o) => {
+        o !== !1 && (u.current?.abort?.(e), y(
+          d.filter((m, f, Q) => m.uid !== e.uid),
+          e
         ));
-      }).catch((s) => {
-        console.error(s);
+      }).catch((o) => {
+        console.error(o);
+      }).finally(() => {
       });
     }
-  }, F = (t) => {
-    t && r.current && r.current.abort(t);
+  }, D = (e) => {
+    e && u.current?.abort?.(e);
   };
-  z(u, () => ({
-    submit: (t) => {
+  ee(h, () => ({
+    submit: (e) => {
       let i = [];
-      t ? i = [t] : i = a.filter((s) => s.status === U.init), i.forEach((s) => {
-        v(s);
+      e ? i = [e] : i = d.filter((o, m, f) => o.status === C.init), i.forEach((o, m, f) => {
+        E(o);
       });
     },
     // file: fileList中的file对象
-    abort: (t) => {
-      F(t);
+    abort: (e) => {
+      D(e);
     },
     // file: fileList中的file对象
-    reupload: (t) => {
-      C(t);
+    reupload: (e) => {
+      $(e);
     },
     getRootElement() {
-      return g.current;
+      return v.current;
     }
   }));
   const {
-    listType: l,
-    className: S,
-    style: D,
-    renderUploadItem: I,
-    showUploadList: P,
-    renderUploadList: O,
-    progressProps: T,
-    imagePreview: j,
-    ...q
-  } = e, p = K(e.limit) ? { hideOnExceedLimit: !0, maxCount: e.limit } : { hideOnExceedLimit: !0, ...e.limit }, h = p.maxCount && p.maxCount <= a.length, w = "disabled" in e ? e.disabled : !p.hideOnExceedLimit && h, R = /* @__PURE__ */ c(
+    listType: c,
+    className: M,
+    style: W,
+    renderUploadItem: k,
+    showUploadList: I,
+    renderUploadList: z,
+    progressProps: G,
+    imagePreview: J,
+    ...K
+  } = t, p = re(t.limit) ? { hideOnExceedLimit: !0, maxCount: t.limit } : { hideOnExceedLimit: !0, ...t.limit }, F = p.maxCount && p.maxCount <= d.length, N = q ? t.disabled : !p.hideOnExceedLimit && F, O = /* @__PURE__ */ g(
     "div",
     {
-      ...V(q, [
+      ...ne(K, [
         "disabled",
         "directory",
         "onReupload",
@@ -133,68 +153,64 @@ const L = function(m) {
         "onDragOver",
         "onDragLeave"
       ]),
-      className: J(
-        o,
+      className: ie(
+        r,
         {
-          [`${o}-type-${l}`]: l,
-          [`${o}-drag`]: e.drag,
-          [`${o}-disabled`]: w,
-          [`${o}-hide`]: p.hideOnExceedLimit && h,
-          [`${o}-rtl`]: f
+          [`${r}-type-${c}`]: c,
+          [`${r}-drag`]: t.drag,
+          [`${r}-disabled`]: N,
+          [`${r}-hide`]: p.hideOnExceedLimit && F,
+          [`${r}-rtl`]: P
         },
-        S
+        M
       ),
-      style: D,
-      ref: g,
-      children: /* @__PURE__ */ c(
-        Y,
+      style: W,
+      ref: v,
+      children: /* @__PURE__ */ g(
+        le,
         {
-          ref: r,
-          ...e,
+          ref: u,
+          ...t,
           limit: p.maxCount,
-          hide: p.hideOnExceedLimit && h,
-          disabled: w,
-          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));
-          },
-          onFileStatusChange: b
+          hide: p.hideOnExceedLimit && F,
+          disabled: N,
+          prefixCls: r,
+          fileList: d,
+          onProgress: B,
+          onFileStatusChange: y
         }
       )
     }
   );
-  return /* @__PURE__ */ B(H, { children: [
-    l !== "picture-card" && R,
-    P && /* @__PURE__ */ c(
-      X,
+  return /* @__PURE__ */ X(Y, { children: [
+    c !== "picture-card" && O,
+    I && /* @__PURE__ */ g(
+      de,
       {
-        imagePreview: j,
-        progressProps: T,
-        showUploadList: P,
-        disabled: e.disabled,
-        listType: l,
-        fileList: a,
-        renderUploadItem: I,
-        renderUploadList: O,
-        onUpload: v,
-        onAbort: F,
-        onRemove: N,
-        onReupload: C,
-        onPreview: e.onPreview,
-        prefixCls: o
+        imagePreview: J,
+        progressProps: G,
+        showUploadList: I,
+        disabled: t.disabled,
+        listType: c,
+        fileList: d,
+        renderUploadItem: k,
+        renderUploadList: z,
+        onUpload: E,
+        onAbort: D,
+        onRemove: H,
+        onReupload: $,
+        onPreview: t.onPreview,
+        prefixCls: r
       }
     ),
-    l === "picture-card" && R,
-    e.tip && l === "picture-card" && /* @__PURE__ */ c("div", { className: `${o}-trigger-tip`, children: e.tip })
+    c === "picture-card" && O,
+    t.tip && c === "picture-card" && /* @__PURE__ */ g("div", { className: `${r}-trigger-tip`, children: t.tip })
   ] });
-}, te = M(
-  ee
+}, ue = Z(
+  me
 );
-te.displayName = "Upload";
+ue.displayName = "Upload";
 export {
-  X as UploadList,
-  te as default
+  de as UploadList,
+  ue as default
 };