@unicom-cloud/ui 0.8.134 → 0.8.135

package/qr-code/src/index.js

@@ -1,58 +1,59 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsx as M, jsxs as T, Fragment as X } from "react/jsx-runtime";
 import Y from "lodash/castArray";
 import p from "react";
-import { isFunction as J } from "@unicom-cloud/ui-common/utils/is";
+import { callOrReturn as J } from "@unicom-cloud/utils/function";
+import { isFunction as K } from "@unicom-cloud/ui-common/utils/is";
 import L from "./qrcodegen.js";
-const K = {
+const ee = {
   L: L.QrCode.Ecc.LOW,
   M: L.QrCode.Ecc.MEDIUM,
   Q: L.QrCode.Ecc.QUARTILE,
   H: L.QrCode.Ecc.HIGH
-}, H = 128, U = "L", G = "#FFFFFF", V = "#000000", z = 1, ee = 0, te = 0.1;
-function b(c, e = 0) {
+}, H = 128, U = "L", G = "#FFFFFF", V = "#000000", z = 1, te = 0, ne = 0.1;
+function b(s, e = 0) {
   const o = [];
-  return c.forEach(function(t, l) {
+  return s.forEach(function(t, l) {
     let n = null;
-    t.forEach(function(r, s) {
+    t.forEach(function(r, c) {
       if (!r && n !== null) {
         o.push(
-          `M${n + e} ${l + e}h${s - n}v1H${n + e}z`
+          `M${n + e} ${l + e}h${c - n}v1H${n + e}z`
         ), n = null;
         return;
       }
-      if (s === t.length - 1) {
+      if (c === t.length - 1) {
         if (!r)
           return;
-        n === null ? o.push(`M${s + e},${l + e} h1v1H${s + e}z`) : o.push(
-          `M${n + e},${l + e} h${s + 1 - n}v1H${n + e}z`
+        n === null ? o.push(`M${c + e},${l + e} h1v1H${c + e}z`) : o.push(
+          `M${n + e},${l + e} h${c + 1 - n}v1H${n + e}z`
         );
         return;
       }
-      r && n === null && (n = s);
+      r && n === null && (n = c);
     });
   }), o.join("");
 }
-function N(c, e) {
-  return c.slice().map((o, t) => t < e.y || t >= e.y + e.h ? o : o.map((l, n) => n < e.x || n >= e.x + e.w ? l : !1));
+function N(s, e) {
+  return s.slice().map((o, t) => t < e.y || t >= e.y + e.h ? o : o.map((l, n) => n < e.x || n >= e.x + e.w ? l : !1));
 }
-function ne(c, e, o, t) {
+function le(s, e, o, t) {
   if (t == null)
     return null;
-  const l = c.length + o * 2, n = Math.floor(e * te), r = l / e, s = (t.width || n) * r, C = (t.height || n) * r, E = t.x == null ? c.length / 2 - s / 2 : t.x * r, d = t.y == null ? c.length / 2 - C / 2 : t.y * r, R = t.opacity == null ? 1 : t.opacity;
+  const l = s.length + o * 2, n = Math.floor(e * ne), r = l / e, c = (t.width || n) * r, C = (t.height || n) * r, E = t.x == null ? s.length / 2 - c / 2 : t.x * r, d = t.y == null ? s.length / 2 - C / 2 : t.y * r, R = t.opacity == null ? 1 : t.opacity;
   let u = null;
   if (t.excavate) {
-    const f = Math.floor(E), i = Math.floor(d), g = Math.ceil(s + E - f), a = Math.ceil(C + d - i);
+    const f = Math.floor(E), i = Math.floor(d), g = Math.ceil(c + E - f), a = Math.ceil(C + d - i);
     u = { x: f, y: i, w: g, h: a };
   }
   const h = t.crossOrigin;
-  return { x: E, y: d, h: C, w: s, excavation: u, opacity: R, crossOrigin: h };
+  return { x: E, y: d, h: C, w: c, excavation: u, opacity: R, crossOrigin: h };
 }
-function le(c) {
-  return c != null ? Math.max(Math.floor(c), 0) : ee;
+function oe(s) {
+  return s != null ? Math.max(Math.floor(s), 0) : te;
 }
 function j({
-  value: c,
+  value: s,
   level: e,
   minVersion: o,
   marginSize: t,
@@ -60,18 +61,18 @@ function j({
   size: n,
   boostLevel: r
 }) {
-  const s = p.useMemo(() => {
-    const h = Y(c).reduce((f, i) => (f.push(...L.QrSegment.makeSegments(i)), f), []);
+  const c = p.useMemo(() => {
+    const h = Y(s).reduce((f, i) => (f.push(...L.QrSegment.makeSegments(i)), f), []);
     return L.QrCode.encodeSegments(
       h,
-      K[e],
+      ee[e],
       o,
       void 0,
       void 0,
       r
     );
-  }, [c, e, o, r]), { cells: C, margin: E, numCells: d, calculatedImageSettings: R } = p.useMemo(() => {
-    const u = s.getModules(), h = le(t), f = u.length + h * 2, i = ne(
+  }, [s, e, o, r]), { cells: C, margin: E, numCells: d, calculatedImageSettings: R } = p.useMemo(() => {
+    const u = c.getModules(), h = oe(t), f = u.length + h * 2, i = le(
       u,
       n,
       h,
@@ -83,30 +84,30 @@ function j({
       numCells: f,
       calculatedImageSettings: i
     };
-  }, [s, n, l, t]);
+  }, [c, n, l, t]);
   return {
-    qrcode: s,
+    qrcode: c,
     margin: E,
     cells: C,
     numCells: d,
     calculatedImageSettings: R
   };
 }
-const oe = (function() {
+const ce = J(function() {
   try {
     new Path2D().addPath(new Path2D());
   } catch {
     return !1;
   }
   return !0;
-})(), se = p.forwardRef(
+}), se = p.forwardRef(
   function(e, o) {
     const {
       value: t,
       size: l = H,
       level: n = U,
       bgColor: r = G,
-      fgColor: s = V,
+      fgColor: c = V,
       minVersion: C = z,
       boostLevel: E,
       marginSize: d,
@@ -114,10 +115,10 @@ const oe = (function() {
       ...u
     } = e, { style: h, ...f } = u, i = R?.src, g = p.useRef(null), a = p.useRef(null), F = p.useCallback(
       (y) => {
-        g.current = y, J(o) ? o(y) : o && (o.current = y);
+        g.current = y, K(o) ? o(y) : o && (o.current = y);
       },
       [o]
-    ), [x, S] = p.useState(!1), { margin: I, cells: A, numCells: Q, calculatedImageSettings: m } = j({
+    ), [x, S] = p.useState(!1), { margin: I, cells: A, numCells: O, calculatedImageSettings: m } = j({
       value: t,
       level: n,
       minVersion: C,
@@ -131,20 +132,20 @@ const oe = (function() {
         const y = g.current, v = y.getContext("2d");
         if (!v)
           return;
-        let D = A;
-        const w = a.current, O = m != null && w !== null && w.complete && w.naturalHeight !== 0 && w.naturalWidth !== 0;
-        O && m.excavation != null && (D = N(
+        let $ = A;
+        const w = a.current, D = m != null && w !== null && w.complete && w.naturalHeight !== 0 && w.naturalWidth !== 0;
+        D && m.excavation != null && ($ = N(
           A,
           m.excavation
         ));
         const P = window.devicePixelRatio || 1;
         y.height = y.width = l * P;
-        const _ = l / Q * P;
-        v.scale(_, _), v.fillStyle = r, v.fillRect(0, 0, Q, Q), v.fillStyle = s, oe ? v.fill(new Path2D(b(D, I))) : A.forEach(function(k, q) {
+        const _ = l / O * P;
+        v.scale(_, _), v.fillStyle = r, v.fillRect(0, 0, O, O), v.fillStyle = c, ce ? v.fill(new Path2D(b($, I))) : A.forEach(function(k, q) {
           k.forEach(function(B, Z) {
             B && v.fillRect(Z + I, q + I, 1, 1);
           });
-        }), m && (v.globalAlpha = m.opacity), O && v.drawImage(
+        }), m && (v.globalAlpha = m.opacity), D && v.drawImage(
           w,
           m.x + I,
           m.y + I,
@@ -156,8 +157,8 @@ const oe = (function() {
       S(!1);
     }, [i]);
     const W = { height: l, width: l, ...h };
-    let $ = null;
-    return i != null && ($ = /* @__PURE__ */ M(
+    let Q = null;
+    return i != null && (Q = /* @__PURE__ */ M(
       "img",
       {
         src: i,
@@ -181,19 +182,19 @@ const oe = (function() {
           ...f
         }
       ),
-      $
+      Q
     ] });
   }
 );
 se.displayName = "QRCodeCanvas";
-const ce = p.forwardRef(
+const re = p.forwardRef(
   function(e, o) {
     const {
       value: t,
       size: l = H,
       level: n = U,
       bgColor: r = G,
-      fgColor: s = V,
+      fgColor: c = V,
       minVersion: C = z,
       boostLevel: E,
       title: d,
@@ -246,16 +247,16 @@ const ce = p.forwardRef(
               shapeRendering: "crispEdges"
             }
           ),
-          /* @__PURE__ */ M("path", { fill: s, d: S, shapeRendering: "crispEdges" }),
+          /* @__PURE__ */ M("path", { fill: c, d: S, shapeRendering: "crispEdges" }),
           x
         ]
       }
     );
   }
 );
-ce.displayName = "QRCodeSVG";
+re.displayName = "QRCodeSVG";
 export {
   se as QRCodeCanvas,
-  ce as QRCodeSVG,
+  re as QRCodeSVG,
   L as qrcodegen
 };

package/qr-code/src/qrcodegen.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 var A;
 ((w) => {
   class r {

package/radio/Group.js

@@ -1,92 +1,115 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsx as t } from "react/jsx-runtime";
-import { createContext as M, useContext as D } from "react";
+import { createContext as D, useContext as s } from "react";
 import "../config-provider/ConfigProvider.js";
-import F from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import O from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import S from "@unicom-cloud/ui-common/utils/className";
-import { pickTriggerPropsFromRest as T } from "../utils/constant.js";
-import { isArray as _, isPlainObject as q } from "@unicom-cloud/ui-common/utils/is";
-import { pickDataAttributes as w } from "@unicom-cloud/ui-common/utils/pick";
-import g from "./Radio.js";
-import B from "../config-provider/context.js";
-const C = {
+import { FormContext as S, FormItemContext as T } from "../form/context.js";
+import q from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import w from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import B from "@unicom-cloud/ui-common/utils/className";
+import { pickTriggerPropsFromRest as E } from "../utils/constant.js";
+import { isArray as H, isPlainObject as J } from "@unicom-cloud/ui-common/utils/is";
+import { pickDataAttributes as K } from "@unicom-cloud/ui-common/utils/pick";
+import x from "./Radio.js";
+import L from "../config-provider/context.js";
+const y = {
   type: "radio"
-}, E = {
+}, Q = {
   type: "radio",
   mode: "outline",
   direction: "horizontal"
-}, x = M(C), ro = ({ children: n }) => /* @__PURE__ */ t(x.Provider, { value: C, children: n });
-function H(n) {
+}, $ = D(y), uo = ({ children: l }) => /* @__PURE__ */ t($.Provider, { value: y, children: l });
+function U(l) {
   const {
     getPrefixCls: h,
-    size: $,
-    componentConfig: v,
-    rtl: b
-  } = D(B), e = F(n, E, v?.RadioGroup), {
-    style: z,
-    className: P,
-    name: y,
-    children: V,
-    direction: s,
-    type: l,
-    mode: u,
-    options: d,
-    disabled: i
-  } = e, [p, N] = O(void 0, {
-    defaultValue: e.defaultValue,
-    value: e.value
-  }), c = e.size || $, r = h?.("radio"), R = S(
-    `${r}-group`,
+    size: v,
+    componentConfig: b,
+    rtl: z
+  } = s(L), P = s(S), O = s(T), r = q(l, Q, b?.RadioGroup), {
+    style: V,
+    className: N,
+    name: R,
+    children: G,
+    direction: d,
+    type: u,
+    mode: p,
+    options: m,
+    disabled: a,
+    readOnly: i = O.readOnly ?? P.readOnly
+  } = r, [c, j] = w(void 0, {
+    defaultValue: r.defaultValue,
+    value: r.value
+  }), f = r.size || v, o = h?.("radio"), F = B(
+    `${o}-group`,
     {
-      [`${r}-group-type-button`]: l !== "radio",
-      [`${r}-size-${c}`]: !!c,
-      [`${r}-mode-${u}`]: !!u,
-      [`${r}-group-disabled`]: i,
-      [`${r}-group-direction-horizontal`]: s === "horizontal",
+      [`${o}-group-type-button`]: u !== "radio",
+      [`${o}-size-${f}`]: !!f,
+      [`${o}-mode-${p}`]: !!p,
+      [`${o}-group-disabled`]: a,
+      [`${o}-group-readonly`]: i,
+      [`${o}-group-direction-horizontal`]: d === "horizontal",
       // 潘启宝添加
-      [`${r}-group-direction-vertical`]: s === "vertical",
-      [`${r}-group-rtl`]: b
+      [`${o}-group-direction-vertical`]: d === "vertical",
+      [`${o}-group-rtl`]: z
     },
-    P
-  ), G = {
-    onChangeValue: (o, a) => {
-      const { onChange: m } = e;
-      o !== p && ("value" in e || N(o), m?.(o, a));
+    N
+  ), k = {
+    onChangeValue: (e, n) => {
+      const { onChange: g } = r;
+      e !== c && ("value" in r || j(e), g?.(e, n));
     },
-    type: l,
-    value: p,
-    disabled: i,
+    type: u,
+    value: c,
+    disabled: a,
+    readOnly: i,
     group: !0,
-    name: y
+    name: R
   };
-  return /* @__PURE__ */ t(x.Provider, { value: G, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t($.Provider, { value: k, children: /* @__PURE__ */ t(
     "div",
     {
-      className: R,
+      className: F,
       role: "radiogroup",
-      style: z,
-      ...T(e),
-      ...w(e),
-      children: _(d) ? d.map((o, a, m) => {
-        const { value: f, label: j, disabled: k, ...A } = o;
-        return q(o) ? /* @__PURE__ */ t(
-          g,
+      style: V,
+      ...E(r),
+      ...K(r),
+      children: H(m) ? m.map((e, n, g) => {
+        if (J(e)) {
+          const {
+            value: C,
+            label: A,
+            readOnly: I = i,
+            disabled: M = a,
+            ..._
+          } = e;
+          return /* @__PURE__ */ t(
+            x,
+            {
+              ..._,
+              value: C,
+              readOnly: I,
+              disabled: M,
+              children: A
+            },
+            [C, n].join("-")
+          );
+        }
+        return /* @__PURE__ */ t(
+          x,
           {
-            ...A,
-            disabled: i || k,
-            value: f,
-            children: j
+            value: e,
+            readOnly: i,
+            disabled: a,
+            children: e
           },
-          [f, a].join("-")
-        ) : /* @__PURE__ */ t(g, { value: o, disabled: i, children: o }, [o, a].join("-"));
-      }) : V
+          [e, n].join("-")
+        );
+      }) : G
     }
   ) });
 }
-H.displayName = "RadioGroup";
+U.displayName = "RadioGroup";
 export {
-  ro as ClearRadioGroupContext,
-  x as RadioGroupContext,
-  H as default
+  uo as ClearRadioGroupContext,
+  $ as RadioGroupContext,
+  U as default
 };

package/radio/GroupBlock.js

@@ -1,70 +1,94 @@
-/* 2026-01-04 16:21:01 */
-import { jsx as a, jsxs as t } from "react/jsx-runtime";
-import { useContext as N } from "react";
+/* 2026-01-08 16:35:57 */
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { useContext as a } from "react";
 import "../config-provider/ConfigProvider.js";
-import $ from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import l from "../typography/index.js";
-import c from "@unicom-cloud/ui-common/utils/className";
-import i from "./Radio.js";
-import g from "../config-provider/context.js";
-const C = {};
-function k(n) {
-  const { getPrefixCls: d, componentConfig: p, rtl: w } = N(g), s = $(
-    n,
-    C,
-    p?.["Radio.Block"]
-  ), { className: m, options: f, ...u } = s, o = d?.("radio-group-block");
-  return /* @__PURE__ */ a(
-    i.Group,
+import { FormContext as w, FormItemContext as b } from "../form/context.js";
+import E from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import i from "../typography/index.js";
+import m from "@unicom-cloud/ui-common/utils/className";
+import G from "./Group.js";
+import R from "./Radio.js";
+import B from "../config-provider/context.js";
+const P = {};
+function T(p) {
+  const { getPrefixCls: f, componentConfig: u, rtl: j } = a(B), x = a(w), h = a(b), s = E(
+    p,
+    P,
+    u?.RadioGroupBlock
+  ), {
+    style: F,
+    className: y,
+    name: I,
+    direction: M,
+    type: _,
+    mode: q,
+    options: C,
+    disabled: z,
+    readOnly: n = h.readOnly ?? x.readOnly,
+    ...N
+  } = s, o = f?.("radio-group-block");
+  return /* @__PURE__ */ e(
+    G,
     {
-      className: c(`${o}`, m),
-      ...u,
-      onChange: (e, r) => {
-        s.onChange?.(e, r);
+      className: m(`${o}`, y),
+      ...N,
+      readOnly: n,
+      onChange: (r, t) => {
+        s.onChange?.(r, t);
       },
-      children: f.map((e, r, v) => /* @__PURE__ */ a(i, { value: e.value, children: ({ checked: h }) => /* @__PURE__ */ t(
-        "div",
-        {
-          style: { width: e.width },
-          className: c(
-            `${o}-card`,
-            h && `${o}-card-checked`
-          ),
-          children: [
-            /* @__PURE__ */ a("div", { className: `${o}-card-mask`, children: /* @__PURE__ */ a("div", { className: `${o}-card-mask-dot` }) }),
-            /* @__PURE__ */ t("div", { className: `${o}-card-content`, children: [
-              /* @__PURE__ */ a(
-                l.Ellipsis,
-                {
-                  className: `${o}-card-content-title`,
-                  rows: 1,
-                  showTooltip: !0,
-                  expandable: !1,
-                  onExpand: (x) => {
-                  },
-                  children: e.title
-                }
-              ),
-              /* @__PURE__ */ a(
-                l.Ellipsis,
-                {
-                  className: `${o}-card-content-desc`,
-                  rows: 1,
-                  showTooltip: !0,
-                  expandable: !1,
-                  onExpand: (x) => {
-                  },
-                  children: e.desc
-                }
-              )
-            ] })
-          ]
-        }
-      ) }, (e.title ?? "") + r))
+      children: C.map((r, t, A) => {
+        const {
+          title: l,
+          value: $,
+          desc: g,
+          width: k,
+          readOnly: c = n
+        } = r ?? {};
+        return /* @__PURE__ */ e(R, { value: $, readOnly: c, children: ({ checked: v }) => /* @__PURE__ */ d(
+          "div",
+          {
+            style: { width: k },
+            className: m(
+              `${o}-card`,
+              c && `${o}-card-readonly`,
+              v && `${o}-card-checked`
+            ),
+            children: [
+              /* @__PURE__ */ e("div", { className: `${o}-card-mask`, children: /* @__PURE__ */ e("div", { className: `${o}-card-mask-dot` }) }),
+              /* @__PURE__ */ d("div", { className: `${o}-card-content`, children: [
+                /* @__PURE__ */ e(
+                  i.Ellipsis,
+                  {
+                    className: `${o}-card-content-title`,
+                    rows: 1,
+                    showTooltip: !0,
+                    expandable: !1,
+                    onExpand: (O) => {
+                    },
+                    children: l
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  i.Ellipsis,
+                  {
+                    className: `${o}-card-content-desc`,
+                    rows: 1,
+                    showTooltip: !0,
+                    expandable: !1,
+                    onExpand: (O) => {
+                    },
+                    children: g
+                  }
+                )
+              ] })
+            ]
+          }
+        ) }, (l ?? "") + t);
+      })
     }
   );
 }
-k.displayName = "RadioGroupBlock";
+T.displayName = "RadioGroupBlock";
 export {
-  k as default
+  T as default
 };