@unicom-cloud/ui 0.8.133 → 0.8.135

package/typography/index.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import r from "./Ellipsis.js";
 import a from "./Paragraph.js";
 import o from "./Text.js";

package/typography/useCssEllipsis.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { useMemo as p } from "react";
 import { isWindow as u, isUndefined as s } from "@unicom-cloud/ui-common/utils/is";
 const c = (e, t) => {

package/typography/useEllipsis.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { jsxs as F, jsx as y } from "react/jsx-runtime";
 import $, { useRef as b, useState as H, useMemo as P } from "react";
 import B from "@unicom-cloud/ui-common/hooks/use-isomorphic-layout-effect";

package/upload/TriggerNode.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { jsx as i, jsxs as h } from "react/jsx-runtime";
 import N from "@unicom-cloud/icons/IconUiPlus";
 import F from "@unicom-cloud/icons/IconUiUpload";

package/upload/Upload.js

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

package/upload/Uploader.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 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";

package/upload/constant.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 const i = {
   init: "init",
   uploading: "uploading",

package/upload/index.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 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,25 +1,33 @@
-/* 2025-12-30 17:27:22 */
-import { jsx as r, jsxs as f, Fragment as h } from "react/jsx-runtime";
-import P from "@unicom-cloud/icons/IconUiDelete";
-import R from "@unicom-cloud/icons/IconUiEye";
-import w from "@unicom-cloud/icons/IconUiImageClose";
+/* 2026-01-08 16:35:57 */
+import { jsx as r, jsxs as f, Fragment as R } from "react/jsx-runtime";
+import y from "@unicom-cloud/icons/IconUiDelete";
+import w from "@unicom-cloud/icons/IconUiEye";
+import F from "@unicom-cloud/icons/IconUiImageClose";
 import $ from "@unicom-cloud/icons/IconUiUpload";
-import { forwardRef as x, useState as C, useEffect as I } from "react";
-import N from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import { callOrReturn as t } from "@unicom-cloud/utils/function";
-import y from "@unicom-cloud/utils/file/fileToDataURL";
-import { isPlainObject as E, isString as F, isFile as k, isFunction as S } from "@unicom-cloud/ui-common/utils/is";
+import { forwardRef as N, useContext as v, useState as E, useEffect as g } from "react";
+import { FormContext as k, FormItemContext as O } from "../../form/context.js";
+import S from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import { callOrReturn as a } from "@unicom-cloud/utils/function";
+import T from "@unicom-cloud/utils/file/fileToDataURL";
+import { isPlainObject as j, isString as A, isFile as L, isFunction as D } from "@unicom-cloud/ui-common/utils/is";
 import { STATUS as s } from "../constant.js";
-import T from "./UploadProgress.js";
-const j = (o, g) => {
-  const { disabled: b, prefixCls: l, file: e, showUploadList: p, locale: c } = o, m = N(), a = `${l}-list-item-picture`, { status: U, originFile: A } = e, [d, v] = C(e.url), i = E(p) ? p : {};
-  return I(() => {
-    if (e.url && F(e.url))
-      v(e.url);
+import K from "./UploadProgress.js";
+const q = (o, b) => {
+  const U = v(k), h = v(O), {
+    readOnly: x = h.readOnly ?? U.readOnly,
+    disabled: C,
+    prefixCls: l,
+    file: e,
+    showUploadList: p,
+    locale: c
+  } = o, m = S(), i = `${l}-list-item-picture`, { status: P, originFile: z } = e, [d, I] = E(e.url), n = j(p) ? p : {};
+  return g(() => {
+    if (e.url && A(e.url))
+      I(e.url);
     else {
-      const n = e.originFile;
-      k(n) && y(n).then((u) => {
-        v(u);
+      const t = e.originFile;
+      L(t) && T(t).then((u) => {
+        I(u);
       }).catch((u) => {
         console.error(u);
       }).finally(() => {
@@ -27,10 +35,10 @@ const j = (o, g) => {
     }
     return () => {
     };
-  }, [e.url, e.originFile]), I(() => (o.onChange?.({ type: "url", data: d }), () => {
+  }, [e.url, e.originFile]), g(() => (o.onChange?.({ type: "url", data: d }), () => {
     o.onChange?.({ type: "url", data: void 0 });
-  }), [d]), /* @__PURE__ */ r("div", { className: a, ref: g, children: U === s.uploading ? /* @__PURE__ */ r(
-    T,
+  }), [d]), /* @__PURE__ */ r("div", { className: i, ref: b, children: P === s.uploading ? /* @__PURE__ */ r(
+    K,
     {
       onReupload: o.onReupload,
       onUpload: o.onUpload,
@@ -39,14 +47,14 @@ const j = (o, g) => {
       file: e,
       prefixCls: l,
       progressProps: o.progressProps,
-      ...i
+      ...n
     }
-  ) : /* @__PURE__ */ f(h, { children: [
-    S(i.imageRender) ? i.imageRender(e) : /* @__PURE__ */ r("img", { src: d, alt: e.name }),
-    /* @__PURE__ */ f("div", { className: `${a}-mask`, role: "radiogroup", children: [
-      e.status === s.fail && /* @__PURE__ */ r("div", { className: `${a}-error-tip`, children: i.errorIcon !== null && /* @__PURE__ */ r("span", { className: `${l}-list-error-icon`, children: t(i.errorIcon, e) || /* @__PURE__ */ r(w, {}) }) }),
-      /* @__PURE__ */ f("div", { className: `${a}-operation`, children: [
-        o.imagePreview !== !1 && e.status !== s.fail && i.previewIcon !== null && /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ f(R, { children: [
+    D(n.imageRender) ? n.imageRender(e) : /* @__PURE__ */ r("img", { src: d, alt: e.name }),
+    /* @__PURE__ */ f("div", { className: `${i}-mask`, role: "radiogroup", children: [
+      e.status === s.fail && /* @__PURE__ */ r("div", { className: `${i}-error-tip`, children: n.errorIcon !== null && /* @__PURE__ */ r("span", { className: `${l}-list-error-icon`, children: a(n.errorIcon, e) || /* @__PURE__ */ r(F, {}) }) }),
+      /* @__PURE__ */ f("div", { className: `${i}-operation`, children: [
+        o.imagePreview !== !1 && e.status !== s.fail && n.previewIcon !== null && /* @__PURE__ */ r(
           "span",
           {
             className: `${l}-list-preview-icon`,
@@ -58,17 +66,17 @@ const j = (o, g) => {
                 o.onPreview?.(e);
               }
             }),
-            onClick: (n) => {
+            onClick: (t) => {
               o.onPreview?.(e);
             },
-            children: t(i.previewIcon, e) || /* @__PURE__ */ r(R, {})
+            children: a(n.previewIcon, e) || /* @__PURE__ */ r(w, {})
           }
         ),
-        e.status === s.fail && i.reuploadIcon !== null && /* @__PURE__ */ r(
+        e.status === s.fail && n.reuploadIcon !== null && /* @__PURE__ */ r(
           "span",
           {
             className: `${o.prefixCls}-list-reupload-icon`,
-            onClick: (n) => {
+            onClick: (t) => {
               o.onReupload?.(e);
             },
             tabIndex: 0,
@@ -79,14 +87,14 @@ const j = (o, g) => {
                 o.onReupload?.(e);
               }
             }),
-            children: t(i.reuploadIcon, e) || /* @__PURE__ */ r($, {})
+            children: a(n.reuploadIcon, e) || /* @__PURE__ */ r($, {})
           }
         ),
-        !b && i.removeIcon !== null && /* @__PURE__ */ r(
+        !x && !C && n.removeIcon !== null && /* @__PURE__ */ r(
           "span",
           {
             className: `${l}-list-remove-icon`,
-            onClick: (n) => {
+            onClick: (t) => {
               o.onRemove?.(e);
             },
             role: "button",
@@ -97,13 +105,13 @@ const j = (o, g) => {
                 o.onRemove?.(e);
               }
             }),
-            children: t(i.removeIcon, e) || /* @__PURE__ */ r(P, {})
+            children: a(n.removeIcon, e) || /* @__PURE__ */ r(y, {})
           }
         )
       ] })
     ] })
   ] }) });
-}, V = x(j);
+}, oe = N(q);
 export {
-  V as default
+  oe as default
 };