@unicom-cloud/ui 0.8.126 → 0.8.128

package/upload/Uploader.js

@@ -1,149 +1,163 @@
-/* 2025-11-27 15:08:04 */
-import { jsxs as G, Fragment as J, jsx as L } from "react/jsx-runtime";
-import K, { useContext as M, useRef as Q, useState as W, useImperativeHandle as X } from "react";
+/* 2025-12-17 18:27:10 */
+import { jsxs as Y, Fragment as Z, jsx as F } from "react/jsx-runtime";
+import _, { useContext as ee, useRef as te, useState as ie, useImperativeHandle as ne } from "react";
 import "../config-provider/ConfigProvider.js";
-import { isPlainObject as Y, isFunction as j, isNumber as Z, isFile as _ } from "@unicom-cloud/ui-common/utils/is";
-import tt from "./TriggerNode.js";
-import { STATUS as u } from "./constant.js";
-import et from "./request.js";
-import { isAcceptFile as it } from "./utils.js";
-import nt from "../config-provider/context.js";
-function ot(i, I) {
+import oe from "@unicom-cloud/ui-common/hooks/use-latest";
+import { isPlainObject as re, isFunction as d, isNumber as se, isFile as ae } from "@unicom-cloud/ui-common/utils/is";
+import { v4 as ue } from "uuid";
+import ce from "./TriggerNode.js";
+import { STATUS as s } from "./constant.js";
+import le from "./request.js";
+import { isAcceptFile as pe } from "./utils.js";
+import de from "../config-provider/context.js";
+function fe(T, D) {
   const {
-    prefixCls: st,
-    getPrefixCls: rt,
-    componentConfig: at,
-    rtl: ct
-  } = M(nt), x = Q(null), [C, P] = W({ uploadRequests: {} });
-  function N(t) {
-    R(t);
+    prefixCls: me,
+    getPrefixCls: ge,
+    componentConfig: he,
+    rtl: Fe
+  } = ee(de), {
+    accept: c,
+    multiple: x,
+    children: f,
+    prefixCls: q,
+    tip: m,
+    disabled: y,
+    drag: C,
+    listType: R,
+    hide: j,
+    directory: L,
+    limit: b,
+    fileList: I,
+    autoUpload: N,
+    action: v,
+    headers: A,
+    name: M,
+    data: O,
+    withCredentials: $,
+    customRequest: k,
+    method: z,
+    beforeUpload: P,
+    onExceedLimit: H,
+    onFileStatusChange: B,
+    onDrop: G,
+    onDragOver: J,
+    onDragLeave: K,
+    onProgress: S
+  } = T, l = te(null), [Q, U] = ie({ uploadRequests: {} }), a = oe({ fileList: I });
+  function V(e) {
+    h(e);
   }
-  function A(t) {
-    const e = C.uploadRequests[t.uid];
-    e && (e.abort?.(), l({
-      ...t,
-      status: u.fail
-    }), g(t.uid));
+  function W(e) {
+    const i = Q.uploadRequests[e.uid];
+    i && (i.abort?.(), u({
+      ...e,
+      status: s.fail
+    }), p(e.uid));
   }
-  function O(t) {
-    R({
-      ...t,
+  function X(e) {
+    h({
+      ...e,
       percent: 0,
-      status: u.uploading
+      status: s.uploading
     });
   }
-  function g(t) {
-    const e = { ...C.uploadRequests };
-    delete e[t], P({
-      uploadRequests: e
+  function p(e) {
+    U((i) => {
+      const n = { ...i };
+      return n.uploadRequests = {
+        ...n.uploadRequests
+      }, delete n.uploadRequests[e], n;
     });
   }
-  X(I, () => ({
+  ne(D, () => ({
     // 提供 ref 调用
-    upload: N,
-    abort: A,
-    reupload: O,
+    upload: V,
+    abort: W,
+    reupload: X,
     // 删除上传（手动上传时，文件会出现在上传列表，但属于init状态）
-    delete: g
+    delete: p
   }));
-  function l(t, e = i.fileList) {
-    const { onFileStatusChange: a } = i, r = "uid" in t ? "uid" : "name";
-    a?.(
-      e.map((d) => d[r] === t[r] ? t : d),
-      t
+  function u(e, i = a.current.fileList) {
+    const n = a.current;
+    i ||= n.fileList;
+    const o = "uid" in e ? "uid" : "name";
+    B?.(
+      i.map((t, r, xe) => t[o] === e[o] ? e : t),
+      e
     );
   }
-  function y(t) {
-    const e = "uid" in t ? "uid" : "name";
-    return i.fileList.find((r) => r[e] === t[e]);
+  function g(e) {
+    const i = "uid" in e ? "uid" : "name";
+    return a.current.fileList.find((o) => o[i] === e[i]);
   }
-  async function R(t) {
-    const {
-      action: e,
-      headers: a,
-      name: r,
-      data: d,
-      withCredentials: h,
-      customRequest: o,
-      method: p
-    } = i, $ = {
-      onProgress: (f, n) => {
-        const F = y(t);
-        F && (F.status = u.uploading, F.percent = f, i?.onProgress?.(F, n));
+  async function h(e) {
+    const i = {
+      onProgress(o, t) {
+        const r = g(e);
+        r && (r.status = s.uploading, r.percent = o, d(S) && S(r, t));
       },
-      onSuccess: (f) => {
-        const n = y(t);
-        n && (n.status = u.success, n.response = f, l(n)), g(t.uid);
+      onSuccess(o) {
+        const t = g(e);
+        t && (t.status = s.success, t.response = o, u(t)), p(e.uid);
       },
-      onError: (f) => {
-        const n = y(t);
-        n && (n.status = u.fail, n.response = f, l(n)), g(t.uid);
+      onError(o) {
+        const t = g(e);
+        t && (t.status = s.fail, t.response = o, u(t)), p(e.uid);
       },
-      headers: a,
-      name: r,
-      file: t.originFile,
-      data: d,
-      withCredentials: h
+      headers: A,
+      name: M,
+      file: e.originFile,
+      data: O,
+      withCredentials: $,
+      action: v,
+      method: z
     };
-    l(t);
-    let S;
-    o ? S = await o($) : e && (S = et({ ...$, action: e, method: p })), P({
-      uploadRequests: {
-        ...C.uploadRequests,
-        [t.uid]: S
-      }
+    u(e);
+    let n;
+    d(k) ? n = await k(i) : v && (n = le(i)), U((o) => {
+      const t = { ...o };
+      return t.uploadRequests = {
+        ...t.uploadRequests,
+        [e.uid]: n
+      }, t;
     });
   }
-  function U(t) {
-    const { limit: e, fileList: a, onExceedLimit: r, autoUpload: d } = i;
-    if (Z(e) && e < a.length + t.length)
-      return r?.(t, a);
-    const h = (o, p) => {
-      const s = i.fileList || [], c = {
-        uid: `${String(+/* @__PURE__ */ new Date())}${p}`,
-        originFile: o,
-        percent: 0,
-        status: u.init,
-        name: o.name
-      };
-      l(c), s.push(c), l(c, s), d && setTimeout(() => {
-        R({
-          ...c,
-          status: u.uploading
-        });
-      }, 0);
+  function w(e, i) {
+    const n = a.current.fileList || [], o = {
+      uid: ue(),
+      originFile: e,
+      percent: 0,
+      status: s.init,
+      name: e.name
     };
-    t.forEach((o, p) => {
-      it(o, i.accept) && (j(i.beforeUpload) ? Promise.resolve(i.beforeUpload(o, t)).then((s) => {
-        if (s !== !1) {
-          const c = _(s) ? s : o;
-          h(c, p);
+    u(o), n.push(o), u(o, n), N && (h({
+      ...o,
+      status: s.uploading
+    }), queueMicrotask(() => {
+    }));
+  }
+  function E(e) {
+    const i = a.current;
+    if (se(b) && b < i.fileList.length + e.length)
+      return H?.(e, i.fileList);
+    e.forEach((n, o) => {
+      pe(n, c) && (d(P) ? Promise.resolve(P(n, e)).then((t) => {
+        if (t !== !1) {
+          const r = ae(t) ? t : n;
+          w(r);
         }
-      }).catch((s) => {
-        console.error(s);
-      }) : h(o, p));
+      }).catch((t) => {
+        console.error(t);
+      }).finally(() => {
+      }) : w(n));
     });
   }
-  const {
-    accept: m,
-    multiple: w,
-    children: q,
-    prefixCls: k,
-    tip: b,
-    disabled: T,
-    drag: v,
-    listType: D,
-    hide: z,
-    directory: E,
-    onDrop: H,
-    onDragOver: V,
-    onDragLeave: B
-  } = i;
-  return /* @__PURE__ */ G(J, { children: [
-    /* @__PURE__ */ L(
+  return /* @__PURE__ */ Y(Z, { children: [
+    /* @__PURE__ */ F(
       "input",
       {
-        ref: x,
+        ref: l,
         style: {
           visibility: "hidden",
           opacity: 0,
@@ -153,44 +167,44 @@ function ot(i, I) {
           zIndex: -999999
         },
         type: "file",
-        accept: Y(m) ? m?.type : m,
-        multiple: w,
-        ...E ? { webkitdirectory: "true" } : {},
-        onChange: (t) => {
-          const e = t.target.files;
-          e && (U([].slice.call(e)), x.current.value = "");
+        accept: re(c) ? c?.type : c,
+        multiple: x,
+        ...L ? { webkitdirectory: "true" } : {},
+        onChange: (e) => {
+          const i = e.target.files;
+          i && (E([].slice.call(i)), l.current.value = "");
         },
-        onClick: (t) => {
-          t.stopPropagation();
+        onClick: (e) => {
+          e.stopPropagation();
         }
       },
       "trigger-input"
     ),
-    !z && /* @__PURE__ */ L(
-      tt,
+    !j && /* @__PURE__ */ F(
+      ce,
       {
-        directory: E,
-        tip: b,
-        multiple: w,
-        accept: m,
-        disabled: T,
-        drag: v,
-        listType: D,
-        onDrop: H,
-        onDragOver: V,
-        onDragLeave: B,
-        onDragFiles: U,
-        onClick: (t) => {
-          !T && x.current?.click?.();
+        directory: L,
+        tip: m,
+        multiple: x,
+        accept: c,
+        disabled: y,
+        drag: C,
+        listType: R,
+        onDrop: G,
+        onDragOver: J,
+        onDragLeave: K,
+        onDragFiles: E,
+        onClick: (e) => {
+          y || l.current && l.current.dispatchEvent(new MouseEvent("click"));
         },
-        prefixCls: k,
-        children: j(q) ? q({ fileList: i.fileList }) : q
+        prefixCls: q,
+        children: d(f) ? f({ fileList: a.current.fileList }) : f
       }
     ),
-    b && D !== "picture-card" && !v ? /* @__PURE__ */ L("div", { className: `${k}-trigger-tip`, children: b }, "trigger-tip") : null
+    m && R !== "picture-card" && !C ? /* @__PURE__ */ F("div", { className: `${q}-trigger-tip`, children: m }, "trigger-tip") : null
   ] });
 }
-const Ct = K.forwardRef(ot);
+const we = _.forwardRef(fe);
 export {
-  Ct as default
+  we as default
 };

package/upload/constant.js

@@ -1,4 +1,4 @@
-/* 2025-11-27 15:08:04 */
+/* 2025-12-17 18:27:10 */
 const i = {
   init: "init",
   uploading: "uploading",

package/upload/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-27 15:08:04 */
+/* 2025-12-17 18:27:10 */
 import r from "./Upload.js";
 import { STATUS as p } from "./constant.js";
 import { FileList as s } from "./list/index.js";

package/upload/list/PictureItem.js

@@ -1,4 +1,4 @@
-/* 2025-11-27 15:08:04 */
+/* 2025-12-17 18:27:10 */
 import { jsx as r, jsxs as u, Fragment as U } from "react/jsx-runtime";
 import h from "@unicom-cloud/icons/IconUiDelete";
 import P from "@unicom-cloud/icons/IconUiEye";
@@ -7,8 +7,8 @@ import w from "@unicom-cloud/icons/IconUiUpload";
 import { fileToURL as $ } from "@unicom-cloud/utils/file";
 import { forwardRef as x, useState as C, useEffect as v } from "react";
 import N from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import { STATUS as t } from "../constant.js";
 import { isPlainObject as y, isString as E, isFunction as F } from "@unicom-cloud/ui-common/utils/is";
+import { STATUS as t } from "../constant.js";
 import k from "./UploadProgress.js";
 const S = (o, I) => {
   const { disabled: g, prefixCls: i, file: e, showUploadList: f, locale: s } = o, c = N(), a = `${i}-list-item-picture`, { status: b, originFile: T } = e, [d, p] = C(e.url), n = y(f) ? f : {};

package/upload/list/TextItem.js

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

package/upload/list/UploadProgress.js

@@ -1,4 +1,4 @@
-/* 2025-11-27 15:08:04 */
+/* 2025-12-17 18:27:10 */
 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";
@@ -9,8 +9,8 @@ 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 { STATUS as l } from "../constant.js";
 import { isFunction as w } from "@unicom-cloud/ui-common/utils/is";
+import { STATUS as l } from "../constant.js";
 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: [