@unicom-cloud/ui 0.8.134 → 0.8.135

package/upload/list/TextItem.js

@@ -1,105 +1,120 @@
-/* 2026-01-04 16:21:01 */
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import R from "@unicom-cloud/icons/IconUiDelete";
-import T from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import y from "@unicom-cloud/icons/IconUiFileImage";
-import { forwardRef as F, useState as C, useEffect as v, isValidElement as E } from "react";
-import L from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import P from "../../icon-hover/index.js";
-import j from "../../tooltip/Tooltip.js";
+/* 2026-01-08 16:35:57 */
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import O from "@unicom-cloud/icons/IconUiDelete";
+import E from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import L from "@unicom-cloud/icons/IconUiFileImage";
+import { forwardRef as P, useContext as $, useState as j, useEffect as v, isValidElement as k } from "react";
+import { FormContext as w, FormItemContext as S } from "../../form/context.js";
+import A from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import D from "../../icon-hover/index.js";
+import K from "../../tooltip/Tooltip.js";
 import { callOrReturn as d } from "@unicom-cloud/utils/function";
-import k from "@unicom-cloud/utils/file/fileToDataURL";
-import { isPlainObject as I, isString as w, isFile as S, isFunction as N, isObjectLike as A } from "@unicom-cloud/ui-common/utils/is";
+import V from "@unicom-cloud/ui-common/utils/className";
+import H from "@unicom-cloud/utils/file/fileToDataURL";
+import { isPlainObject as N, isString as _, isFile as q, isFunction as U, isObjectLike as z } from "@unicom-cloud/ui-common/utils/is";
 import { STATUS as f } from "../constant.js";
-import O from "./UploadProgress.js";
-import { getIconType as D } from "./utils.js";
-const K = (o, $) => {
-  const { prefixCls: l, disabled: U, file: e, locale: u } = o, r = `${l}-list-item-text`, b = L(), x = D(e), n = I(o.showUploadList) ? o.showUploadList : {}, t = I(n) ? n : {}, p = e.name || e.originFile?.name, [a, h] = C(e.url);
-  let g = {};
-  return e.status !== f.fail && (g = {
+import B from "./UploadProgress.js";
+import { getIconType as G } from "./utils.js";
+const J = (t, b) => {
+  const y = $(w), C = $(S), {
+    prefixCls: i,
+    readOnly: u = C.readOnly ?? y.readOnly,
+    disabled: F,
+    file: e,
+    locale: p
+  } = t, r = `${i}-list-item-text`, R = A(), T = G(e), n = N(t.showUploadList) ? t.showUploadList : {}, l = N(n) ? n : {}, h = e.name || e.originFile?.name, [a, g] = j(e.url);
+  let I = {};
+  e.status !== f.fail && (I = {
     popupVisible: !1
-  }), v(() => {
-    if (e.url && w(e.url))
-      h(e.url);
+  });
+  const x = !u && !F && l.removeIcon !== null;
+  return v(() => {
+    if (e.url && _(e.url))
+      g(e.url);
     else {
-      const c = e.originFile;
-      S(c) && k(c).then((m) => {
-        h(m);
-      }).catch((m) => {
-        console.error(m);
+      const m = e.originFile;
+      q(m) && H(m).then((c) => {
+        g(c);
+      }).catch((c) => {
+        console.error(c);
       }).finally(() => {
       });
     }
     return () => {
     };
-  }, [e.url, e.originFile]), v(() => (o.onChange?.({ type: "url", data: a }), () => {
-    o.onChange?.({ type: "url", data: void 0 });
+  }, [e.url, e.originFile]), v(() => (t.onChange?.({ type: "url", data: a }), () => {
+    t.onChange?.({ type: "url", data: void 0 });
   }), [a]), /* @__PURE__ */ s(
     "div",
     {
-      className: `${l}-list-item ${l}-list-item-${e.status}`,
-      ref: $,
+      className: V(
+        `${i}-list-item`,
+        u && `${i}-list-item-readonly`,
+        x && `${i}-list-item-has-operation`,
+        `${i}-list-item-${e.status}`
+      ),
+      ref: b,
       children: [
         /* @__PURE__ */ s("div", { className: r, children: [
-          o.listType === "picture-list" && /* @__PURE__ */ i("div", { className: `${r}-thumbnail`, children: N(n.imageRender) ? n.imageRender(e) : /* @__PURE__ */ i("img", { src: a }) }),
+          t.listType === "picture-list" && /* @__PURE__ */ o("div", { className: `${r}-thumbnail`, children: U(n.imageRender) ? n.imageRender(e) : /* @__PURE__ */ o("img", { src: a }) }),
           /* @__PURE__ */ s("div", { className: `${r}-content`, children: [
             /* @__PURE__ */ s("div", { className: `${r}-name`, children: [
-              o.listType === "text" && t.fileIcon !== null && /* @__PURE__ */ i("span", { className: `${l}-list-file-icon`, children: d(t.fileIcon, e) || /* @__PURE__ */ i(x, {}) }),
-              N(n.fileName) ? /* @__PURE__ */ i("span", { className: `${r}-name-text`, children: n.fileName(e) }) : e.url ? /* @__PURE__ */ i(
+              t.listType === "text" && l.fileIcon !== null && /* @__PURE__ */ o("span", { className: `${i}-list-file-icon`, children: d(l.fileIcon, e) || /* @__PURE__ */ o(T, {}) }),
+              U(n.fileName) ? /* @__PURE__ */ o("span", { className: `${r}-name-text`, children: n.fileName(e) }) : e.url ? /* @__PURE__ */ o(
                 "a",
                 {
                   href: e.url,
                   target: "_blank",
                   rel: "noreferrer",
                   className: `${r}-name-link`,
-                  children: p
+                  children: h
                 }
-              ) : /* @__PURE__ */ i("span", { className: `${r}-name-text`, children: p }),
-              e.status === f.fail && t.errorIcon !== null && /* @__PURE__ */ i(
-                j,
+              ) : /* @__PURE__ */ o("span", { className: `${r}-name-text`, children: h }),
+              e.status === f.fail && l.errorIcon !== null && /* @__PURE__ */ o(
+                K,
                 {
-                  content: (A(e.response) ? E(e.response) && e.response : e.response) || u?.Upload?.error,
-                  ...g,
+                  content: (z(e.response) ? k(e.response) && e.response : e.response) || p?.Upload?.error,
+                  ...I,
                   disabled: e.status !== f.fail,
-                  children: /* @__PURE__ */ i("span", { className: `${o.prefixCls}-list-error-icon`, children: d(t.errorIcon, e) || (o.listType === "picture-card" ? /* @__PURE__ */ i(y, {}) : /* @__PURE__ */ i(T, {})) })
+                  children: /* @__PURE__ */ o("span", { className: `${t.prefixCls}-list-error-icon`, children: d(l.errorIcon, e) || (t.listType === "picture-card" ? /* @__PURE__ */ o(L, {}) : /* @__PURE__ */ o(E, {})) })
                 }
               )
             ] }),
-            /* @__PURE__ */ i(
-              O,
+            /* @__PURE__ */ o(
+              B,
               {
                 file: e,
-                prefixCls: l,
-                progressProps: o.progressProps,
-                onReupload: o.onReupload,
-                onUpload: o.onUpload,
-                onAbort: o.onAbort,
-                ...t
+                prefixCls: i,
+                progressProps: t.progressProps,
+                onReupload: t.onReupload,
+                onUpload: t.onUpload,
+                onAbort: t.onAbort,
+                ...l
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ i("div", { className: `${l}-list-item-operation`, children: !U && t.removeIcon !== null && /* @__PURE__ */ i(
-          P,
+        x && /* @__PURE__ */ o("div", { className: `${i}-list-item-operation`, children: /* @__PURE__ */ o(
+          D,
           {
-            className: `${l}-list-remove-icon-hover`,
-            onClick: (c) => {
-              o.onRemove?.(e);
+            className: `${i}-list-remove-icon-hover`,
+            onClick: (m) => {
+              t.onRemove?.(e);
             },
             tabIndex: 0,
-            "aria-label": u?.Upload?.delete,
-            ...b({
+            "aria-label": p?.Upload?.delete,
+            ...R({
               onPressEnter: () => {
-                o.onRemove?.(e);
+                t.onRemove?.(e);
               }
             }),
-            children: /* @__PURE__ */ i("span", { className: `${l}-list-remove-icon`, children: d(t.removeIcon, e) || /* @__PURE__ */ i(R, {}) })
+            children: /* @__PURE__ */ o("span", { className: `${i}-list-remove-icon`, children: d(l.removeIcon, e) || /* @__PURE__ */ o(O, {}) })
           }
         ) })
       ]
     }
   );
-}, ee = F(K);
+}, ce = P(J);
 export {
-  ee as default
+  ce as default
 };

package/upload/list/UploadProgress.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsxs as p, Fragment as b, jsx as n } from "react/jsx-runtime";
 import x from "@unicom-cloud/icons/IconUiCheck";
 import C from "@unicom-cloud/icons/IconUiPause";

package/upload/list/index.js

@@ -1,98 +1,105 @@
-/* 2026-01-04 16:21:01 */
-import { jsx as s, jsxs as x, Fragment as y } from "react/jsx-runtime";
-import { useContext as F, useState as g, useEffect as I, createElement as S } from "react";
+/* 2026-01-08 16:35:57 */
+import { jsx as n, jsxs as S, Fragment as b } from "react/jsx-runtime";
+import { useContext as c, useState as g, useEffect as j, createElement as E } from "react";
 import "../../config-provider/ConfigProvider.js";
-import b from "../../image/ImagePreviewGroup.js";
-import j from "@unicom-cloud/ui-common/utils/className";
+import { FormContext as T, FormItemContext as U } from "../../form/context.js";
+import k from "../../image/ImagePreviewGroup.js";
+import x from "@unicom-cloud/ui-common/utils/className";
 import { isFunction as P } from "@unicom-cloud/ui-common/utils/is";
-import E from "./PictureItem.js";
-import T from "./TextItem.js";
-import U from "../../config-provider/context.js";
-const k = (r) => {
-  const { locale: c, rtl: h } = F(U), {
-    listType: u,
-    fileList: a,
-    renderUploadList: d,
-    renderUploadItem: f,
-    prefixCls: i,
-    ...w
-  } = r, [m, $] = g(-1), [L, N] = g([]), p = u === "picture-card";
-  if (P(d))
-    return /* @__PURE__ */ s("div", { className: `${i}-list`, children: d(a, w) });
+import B from "./PictureItem.js";
+import G from "./TextItem.js";
+import V from "../../config-provider/context.js";
+const q = (i) => {
+  const { locale: u, rtl: h } = c(V), w = c(T), L = c(U), {
+    listType: d,
+    fileList: m,
+    renderUploadList: f,
+    renderUploadItem: C,
+    prefixCls: t,
+    readOnly: p = L.readOnly ?? w.readOnly,
+    ...F
+  } = i, [a, N] = g(-1), [I, O] = g([]), v = d === "picture-card";
+  if (P(f))
+    return /* @__PURE__ */ n("div", { className: `${t}-list`, children: f(m, F) });
   const l = (e) => {
-    r.imagePreview && $(e);
+    i.imagePreview && N(e);
   };
-  function C(e, n, o) {
-    e?.type === "url" && N((t) => {
-      const v = [...t];
-      return v[n] = e?.data, v.filter(Boolean);
+  function y(e, o, s) {
+    e?.type === "url" && O((r) => {
+      const $ = [...r];
+      return $[o] = e?.data, $.filter(Boolean);
     });
   }
-  return I(() => () => {
-  }, []), /* @__PURE__ */ x(y, { children: [
-    /* @__PURE__ */ s(
+  return j(() => () => {
+  }, []), /* @__PURE__ */ S(b, { children: [
+    /* @__PURE__ */ n(
       "div",
       {
-        className: j(
-          `${i}-list`,
-          `${i}-list-type-${u}`,
+        className: x(
+          `${t}-list`,
+          `${t}-list-type-${d}`,
           {
-            [`${i}-list-rtl`]: h
+            [`${t}-list-rtl`]: h,
+            [`${t}-list-readonly`]: p
           }
         ),
-        children: a.map((e, n) => {
-          let o = p ? /* @__PURE__ */ s(
+        children: m.map((e, o) => {
+          let s = v ? /* @__PURE__ */ n(
             "div",
             {
-              className: `${i}-list-item ${i}-list-item-${e.status}`,
-              children: /* @__PURE__ */ s(
-                E,
+              className: x(
+                `${t}-list-item`,
+                p && `${t}-list-item-readonly`,
+                `${t}-list-item-${e.status}`
+              ),
+              children: /* @__PURE__ */ n(
+                B,
                 {
-                  ...r,
-                  onPreview: (t) => {
-                    l(n), r.onPreview?.(t);
+                  ...i,
+                  onPreview: (r) => {
+                    l(o), i.onPreview?.(r);
                   },
                   file: e,
-                  locale: c,
-                  onChange: (t) => {
-                    C(t, n);
+                  locale: u,
+                  onChange: (r) => {
+                    y(r, o);
                   }
                 }
               )
             },
             e.uid
-          ) : /* @__PURE__ */ S(
-            T,
+          ) : /* @__PURE__ */ E(
+            G,
             {
-              ...r,
+              ...i,
               key: e.uid,
               file: e,
-              locale: c,
-              onChange: (t) => {
-                C(t, n);
+              locale: u,
+              onChange: (r) => {
+                y(r, o);
               }
             }
           );
-          return P(f) && (o = f(o, e, a)), o;
+          return P(C) && (s = C(s, e, m)), s;
         })
       }
     ),
-    p && r.imagePreview && /* @__PURE__ */ s(
-      b,
+    v && i.imagePreview && /* @__PURE__ */ n(
+      k,
       {
-        srcList: L,
-        visible: m !== -1,
-        current: m,
+        srcList: I,
+        visible: a !== -1,
+        current: a,
         onChange: l,
         onVisibleChange: (e) => {
-          l(e ? m : -1);
+          l(e ? a : -1);
         }
       }
     )
   ] });
 };
-k.displayName = "FileList";
+q.displayName = "FileList";
 export {
-  k as FileList,
-  k as default
+  q as FileList,
+  q as default
 };

package/upload/list/utils.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import o from "@unicom-cloud/icons/IconUiFile";
 import r from "@unicom-cloud/icons/IconUiFileAudio";
 import m from "@unicom-cloud/icons/IconUiFileImage";

package/upload/request.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { callOrReturn as u } from "@unicom-cloud/utils/function";
 import { NOOP as l } from "@unicom-cloud/ui-common/utils/constant";
 import "@unicom-cloud/ui-common/utils/pick";

package/upload/utils.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { isPlainObject as y, isArray as g } from "@unicom-cloud/ui-common/utils/is";
 const d = (r, s) => {
   const i = y(s) ? s?.type : s;

package/utils/callOrReturn.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { callOrReturn as a, callOrReturn as e } from "@unicom-cloud/utils/function";
 export {
   a as callOrReturn,

package/utils/callbackOriginRef.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import "@unicom-cloud/ui-common/utils/callbackOriginRef";
 import { default as e, default as i } from "@unicom-cloud/ui-common/utils/callbackOriginRef";
 export {

package/utils/caseName.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import "@unicom-cloud/ui-common/utils/caseName";
 import { default as o, default as r } from "@unicom-cloud/ui-common/utils/caseName";
 export {

package/utils/className.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import "@unicom-cloud/ui-common/utils/className";
 import { default as f, default as l } from "@unicom-cloud/ui-common/utils/className";
 export {

package/utils/constant.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { NOOP as M, UI_PC_KEY as _, UI_PC_THEME_DARK_CLASS_NAME as c } from "@unicom-cloud/ui-common/utils/constant";
 import r from "@unicom-cloud/ui-common/utils/pick";
 function e(o) {

package/utils/contextHolder.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { forwardRef as u, useContext as p, useState as d, useImperativeHandle as l } from "react";
 import "../config-provider/ConfigProvider.js";
 import C from "../config-provider/context.js";

package/utils/copy.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import "@unicom-cloud/ui-common/utils/copy";
 import { default as r, default as t, default as d } from "@unicom-cloud/ui-common/utils/copy";
 export {

package/utils/date.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { convertTime as e, convertToDurationBasedOnTimeUnits as r, dateFormat as a, dayjsFormat as m } from "@unicom-cloud/utils/date";
 export {
   e as convertTime,

package/utils/dayjs.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import "@unicom-cloud/ui-common/utils/dayjs";
 import f, { isDayjs as h } from "dayjs";
 import { default as E, default as J } from "dayjs";

package/utils/dom.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { canUseDOM as n, contains as t, forceReflow as r, getBodyContainer as l, getElementCoordinates as a, getScrollElements as f, off as i, on as s, parentContainsChildren as c, reflow as C } from "@unicom-cloud/ui-common/utils/dom";
 export {
   n as canUseDOM,

package/utils/emitter.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { default as a, default as f } from "@unicom-cloud/ui-common/utils/emitter";
 export {
   a as default,

package/utils/fileRead.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { default as a, fileRead as d } from "@unicom-cloud/utils/file/fileRead";
 export {
   a as default,

package/utils/fileToDataURL.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { default as f, fileToDataURL as o } from "@unicom-cloud/utils/file/fileToDataURL";
 export {
   f as default,

package/utils/fillNBSP.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import "@unicom-cloud/ui-common/utils/fillNBSP";
 import { default as t, default as a } from "@unicom-cloud/ui-common/utils/fillNBSP";
 export {

package/utils/findRootElement.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import "@unicom-cloud/ui-common/utils/findRootElement";
 import { default as m, default as d } from "@unicom-cloud/ui-common/utils/findRootElement";
 export {

package/utils/findScrollParent.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import "@unicom-cloud/ui-common/utils/findScrollParent";
 import { default as e } from "@unicom-cloud/ui-common/utils/findScrollParent";
 export {

package/utils/getHighlightText.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import "@unicom-cloud/ui-common/utils/getHighlightText";
 import { default as f, default as h } from "@unicom-cloud/ui-common/utils/getHighlightText";
 export {

package/utils/getHotkeyHandler.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import "@unicom-cloud/ui-common/utils/getHotkeyHandler";
 import { default as a, default as d } from "@unicom-cloud/ui-common/utils/getHotkeyHandler";
 export {

package/utils/getStringLength.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import "@unicom-cloud/ui-common/utils/getStringLength";
 import { default as f, default as n } from "@unicom-cloud/ui-common/utils/getStringLength";
 export {

package/utils/include.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import "@unicom-cloud/ui-common/utils/include";
 import { default as o, default as r } from "@unicom-cloud/ui-common/utils/include";
 export {