@unicom-cloud/ui 0.8.133 → 0.8.135

package/cascader/panel/Search.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { jsx as f, jsxs as $, Fragment as w } from "react/jsx-runtime";
 import B from "@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded";
 import { useState as E, useRef as O, useEffect as P } from "react";

package/cascader/utils.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { isArray as V } from "@unicom-cloud/ui-common/utils/is";
 import C from "./base/store.js";
 const a = "__pqb_cascader__", N = "parent", v = "child", E = {

package/checkbox/Checkbox.js

@@ -1,123 +1,128 @@
-/* 2025-12-30 17:27:22 */
-import { jsxs as x, jsx as t, Fragment as F } from "react/jsx-runtime";
-import H from "@unicom-cloud/icons/IconUiCheck";
-import U from "@unicom-cloud/icons/IconUiMinus";
-import h, { forwardRef as D, useRef as g, useContext as N, useEffect as L, useCallback as q, useImperativeHandle as z } from "react";
+/* 2026-01-08 16:35:57 */
+import { jsxs as N, jsx as s, Fragment as D } from "react/jsx-runtime";
+import L from "@unicom-cloud/icons/IconUiCheck";
+import q from "@unicom-cloud/icons/IconUiMinus";
+import x, { forwardRef as z, useRef as v, useContext as p, useEffect as A, useCallback as J, useImperativeHandle as K } from "react";
 import "../config-provider/ConfigProvider.js";
-import A from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import J from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import K from "../icon-hover/index.js";
-import O from "@unicom-cloud/ui-common/utils/className";
-import { isFunction as G, isNil as Q } from "@unicom-cloud/ui-common/utils/is";
-import S from "@unicom-cloud/ui-common/utils/omit";
-import T, { CheckboxGroupContext as W } from "./Group.js";
-import X from "./GroupBlock.js";
-import Y from "./useCheckbox.js";
-import Z from "../config-provider/context.js";
-function _(v, $) {
-  const d = g(null), {
-    prefixCls: ee,
-    getPrefixCls: P,
+import { FormContext as Q, FormItemContext as S } from "../form/context.js";
+import T from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import W from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import X from "../icon-hover/index.js";
+import Y from "@unicom-cloud/ui-common/utils/className";
+import { isFunction as G, isNil as Z } from "@unicom-cloud/ui-common/utils/is";
+import _ from "@unicom-cloud/ui-common/utils/omit";
+import ee, { CheckboxGroupContext as oe } from "./Group.js";
+import re from "./GroupBlock.js";
+import ne from "./useCheckbox.js";
+import te from "../config-provider/context.js";
+function ce($, O) {
+  const C = v(null), {
+    prefixCls: se,
+    getPrefixCls: I,
     componentConfig: R,
-    rtl: V
-  } = N(Z), o = A(
-    v,
+    rtl: P
+  } = p(te), V = p(Q), E = p(S), e = T(
+    $,
     {},
     R?.Checkbox
-  ), s = N(W), r = P?.("checkbox"), { onGroupChange: C } = s, c = { ...o };
-  s.isCheckboxGroup && (c.checked = s.checkboxGroupValue.includes(o.value), c.disabled = "disabled" in o ? o.disabled : s.disabled);
+  ), t = p(oe), r = I?.("checkbox"), { onGroupChange: b } = t, n = { ...e }, g = E.readOnly ?? V.readOnly;
+  t.isCheckboxGroup && (n.checked = t.checkboxGroupValue.includes(e.value), n.disabled = "disabled" in e ? e.disabled : t.disabled, n.readOnly = "readOnly" in e ? e.readOnly : t.readOnly ?? g);
   const {
-    disabled: i,
-    children: a,
-    className: E,
-    value: l,
-    style: I,
-    indeterminate: m,
-    error: y,
-    ...f
-  } = c, [u, M] = J(!1, {
-    value: c.checked,
-    defaultValue: c.defaultChecked
-  }), j = O(
+    readOnly: c = g,
+    disabled: l,
+    children: i,
+    className: F,
+    value: m,
+    style: M,
+    indeterminate: d,
+    error: j,
+    ...h
+  } = n, [u, w] = W(!1, {
+    value: n.checked,
+    defaultValue: n.defaultChecked
+  }), B = Y(
     r,
     {
-      [`${r}-disabled`]: !!i,
-      [`${r}-indeterminate`]: !!m,
+      [`${r}-disabled`]: !!l,
+      [`${r}-indeterminate`]: !!d,
       [`${r}-checked`]: u,
-      [`${r}-rtl`]: V,
-      error: y
+      [`${r}-rtl`]: P,
+      [`${r}-readonly`]: c,
+      error: j
     },
-    E
+    F
   );
-  L(() => (s.registerValue(l), () => {
-    s.unRegisterValue(l);
-  }), [l]);
-  const w = q(
-    (e) => {
-      e.persist(), e.stopPropagation(), M(e.target.checked), s.isCheckboxGroup && C?.(o.value, e.target.checked, e), o.onChange?.(e.target.checked, e);
+  A(() => (t.registerValue(m), () => {
+    t.unRegisterValue(m);
+  }), [m]);
+  const H = J(
+    (o) => {
+      c || (o.persist(), o.stopPropagation(), w(o.target.checked), t.isCheckboxGroup && b?.(e.value, o.target.checked, o), e.onChange?.(o.target.checked, o));
     },
-    [C, s.isCheckboxGroup, o.onChange, o.value]
-  ), B = h.useCallback(
-    (e) => {
-      G(o.children) && (e.preventDefault(), d.current && d.current.click()), f.onClick?.(e);
+    [b, t.isCheckboxGroup, e.onChange, e.value]
+  ), U = x.useCallback(
+    (o) => {
+      G(e.children) && (o.preventDefault(), C.current && C.current.click()), h.onClick?.(o);
     },
-    [o.children, f.onClick]
+    [e.children, h.onClick]
   ), k = `${r}-mask-icon`;
-  let n;
-  m ? n = /* @__PURE__ */ t(U, { className: k }) : c.icon ? h.isValidElement(c.icon) ? n = h.cloneElement(c.icon, {
+  let a;
+  d ? a = /* @__PURE__ */ s(q, { className: k }) : n.icon ? x.isValidElement(n.icon) ? a = x.cloneElement(n.icon, {
     className: k
-  }) : n = c.icon : n = /* @__PURE__ */ t(H, { className: k });
-  const b = g(null);
-  return z($, () => ({
+  }) : a = n.icon : a = /* @__PURE__ */ s(L, { className: k });
+  const y = v(null);
+  return K(O, () => ({
     getRootElement() {
-      return b.current;
+      return y.current;
     }
-  })), /* @__PURE__ */ x(
+  })), /* @__PURE__ */ N(
     "label",
     {
-      ref: b,
-      "aria-disabled": i,
-      ...S(f, ["onChange"]),
-      onClick: B,
-      className: j,
-      style: I,
+      ref: y,
+      "aria-disabled": l,
+      ..._(h, ["onChange"]),
+      onClick: c ? void 0 : U,
+      className: B,
+      style: M,
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ s(
           "input",
           {
-            value: l,
-            disabled: !!i,
-            ref: d,
+            ref: C,
+            value: m,
+            disabled: !!l,
+            readOnly: !!c,
             checked: !!u,
-            onChange: w,
-            onClick: (e) => e.stopPropagation(),
+            onChange: c ? void 0 : H,
+            onClick: (o) => o.stopPropagation(),
             type: "checkbox"
           }
         ),
-        G(a) ? a({ checked: u, indeterminate: m }) : /* @__PURE__ */ x(F, { children: [
-          /* @__PURE__ */ t(
-            K,
+        G(i) ? i({ checked: u, indeterminate: d }) : /* @__PURE__ */ N(D, { children: [
+          /* @__PURE__ */ s(
+            X,
             {
               prefix: r,
               className: `${r}-mask-wrapper`,
-              disabled: u || i || m,
-              children: /* @__PURE__ */ t("div", { className: `${r}-mask`, children: n })
+              disabled: c || u || l || d,
+              readOnly: c,
+              children: /* @__PURE__ */ s("div", { className: `${r}-mask`, children: a })
             }
           ),
-          !Q(a) && /* @__PURE__ */ t("span", { className: `${r}-text`, children: a })
+          !Z(i) && /* @__PURE__ */ s("span", { className: `${r}-text`, children: i })
         ] })
       ]
     }
   );
 }
-const p = D(_);
-p.displayName = "Checkbox";
-p.Group = T;
-p.GroupBlock = X;
-p.useCheckbox = Y;
+const f = z(ce);
+f.displayName = "Checkbox";
+f.Group = ee;
+f.GroupBlock = re;
+f.useCheckbox = ne;
 export {
-  T as CheckboxGroup,
-  X as CheckboxGroupBlock,
-  p as default,
-  Y as useCheckbox
+  ee as CheckboxGroup,
+  re as CheckboxGroupBlock,
+  f as default,
+  ne as useCheckbox
 };

package/checkbox/Group.js

@@ -1,14 +1,21 @@
-/* 2025-12-30 17:27:22 */
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as $, useState as y, useContext as O, useCallback as A } from "react";
+/* 2026-01-08 16:35:57 */
+import { jsx as u } from "react/jsx-runtime";
+import { createContext as j, useContext as p, useState as w, useCallback as I } from "react";
 import "../config-provider/ConfigProvider.js";
-import R from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import j from "@unicom-cloud/ui-common/utils/className";
-import { pickTriggerPropsFromRest as w } from "../utils/constant.js";
-import { isArray as S, isPlainObject as u } from "@unicom-cloud/ui-common/utils/is";
-import z from "./Checkbox.js";
-import F from "../config-provider/context.js";
-const C = {
+import { FormContext as M, FormItemContext as S } from "../form/context.js";
+import { useMergeProps as _ } from "@unicom-cloud/ui-common/hooks";
+import "../utils/responsiveObserve.js";
+import "@unicom-cloud/ui-common/hooks/use-force-update";
+import { isArray as z, isPlainObject as T } from "@unicom-cloud/ui-common/utils/is";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import q from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import "@unicom-cloud/ui-common/utils/dom";
+import "lodash/merge";
+import B from "@unicom-cloud/ui-common/utils/className";
+import { pickTriggerPropsFromRest as D } from "../utils/constant.js";
+import E from "./Checkbox.js";
+import H from "../config-provider/context.js";
+const h = {
   isCheckboxGroup: !1,
   checkboxGroupValue: [],
   onGroupChange: () => {
@@ -17,85 +24,94 @@ const C = {
   },
   unRegisterValue: () => {
   }
-}, x = $(C), W = ({
-  children: r
-}) => /* @__PURE__ */ n(x.Provider, { value: C, children: r });
-function M(r) {
-  const [t, h] = R([], {
-    defaultValue: "defaultValue" in r ? r.defaultValue || [] : void 0,
-    value: "value" in r ? r.value || [] : void 0
-  }), [i, c] = y([]), {
-    prefixCls: T,
-    getPrefixCls: g,
-    rtl: b
-  } = O(F), {
-    disabled: m,
-    options: d,
-    style: V,
-    className: p,
-    error: v,
-    children: k,
-    direction: f = "horizontal"
-  } = r, s = g?.("checkbox"), G = j(
-    `${s}-group`,
+}, b = j(h), ce = ({
+  children: c
+}) => /* @__PURE__ */ u(b.Provider, { value: h, children: c });
+function J(c) {
+  const {
+    prefixCls: K,
+    getPrefixCls: V,
+    componentConfig: k,
+    rtl: v
+  } = p(H), y = p(M), G = p(S), a = V?.("checkbox"), o = _(
+    c,
+    {},
+    k?.CheckboxGroup
+  ), [s, O] = q([], {
+    defaultValue: "defaultValue" in o ? o.defaultValue || [] : void 0,
+    value: "value" in o ? o.value || [] : void 0
+  }), [d, f] = w([]), {
+    disabled: C,
+    options: x,
+    style: P,
+    className: $,
+    error: N,
+    children: A,
+    direction: g = "horizontal",
+    readOnly: m = G.readOnly ?? y.readOnly
+  } = o, F = B(
+    `${a}-group`,
     {
-      [`${s}-group-is-error`]: v,
-      [`${s}-group-direction-${f}`]: f,
-      [`${s}-group-rtl`]: b
+      [`${a}-group-is-error`]: N,
+      [`${a}-group-direction-${g}`]: g,
+      [`${a}-group-rtl`]: v,
+      [`${a}-group-readonly`]: m
     },
-    p
-  ), N = A(
-    (e, l, a) => {
-      const o = t.slice();
-      l ? o.push(e) : o.splice(t.indexOf(e), 1), h(o), r.onChange?.(
-        o.filter((P, q, B) => i.includes(P)),
-        a
+    $
+  ), R = I(
+    (e, r, t) => {
+      const l = s.slice();
+      r ? l.push(e) : l.splice(s.indexOf(e), 1), O(l), o.onChange?.(
+        l.filter((n, i, L) => d.includes(n)),
+        t
       );
     },
-    [t, r.onChange, i]
+    [s, o.onChange, d]
   );
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ u(
     "span",
     {
-      className: G,
-      style: V,
-      ...w(r),
-      children: /* @__PURE__ */ n(
-        x.Provider,
+      className: F,
+      style: P,
+      ...D(o),
+      children: /* @__PURE__ */ u(
+        b.Provider,
         {
           value: {
             isCheckboxGroup: !0,
-            checkboxGroupValue: t,
-            onGroupChange: N,
-            disabled: m,
+            checkboxGroupValue: s,
+            onGroupChange: R,
+            disabled: C,
+            readOnly: m,
             registerValue: (e) => {
-              c((l) => Array.from(/* @__PURE__ */ new Set([...l, e])));
+              f((r) => Array.from(/* @__PURE__ */ new Set([...r, e])));
             },
             unRegisterValue: (e) => {
-              c((l) => l.filter((a) => a !== e));
+              f((r) => r.filter((t) => t !== e));
             }
           },
-          children: S(d) ? d.map((e) => {
-            const l = u(e) ? e.label : e, a = u(e) ? e.value : e, o = u(e) ? e.icon : void 0;
-            return /* @__PURE__ */ n(
-              z,
+          children: z(x) ? x.map((e) => {
+            let r = e, t = e, l, n = C, i = m;
+            return T(e) && (r = e.label ?? r, t = e.value ?? t, l = e.icon, n = e.disabled ?? n, i = e.readOnly ?? i), /* @__PURE__ */ u(
+              E,
               {
-                disabled: m || u(e) && e.disabled,
-                value: a,
-                icon: o,
-                children: l
+                readOnly: i,
+                disabled: n,
+                value: t,
+                icon: l,
+                children: r
               },
-              a
+              t
             );
-          }) : k
+          }) : A
         }
       )
     }
   );
 }
-M.displayName = "CheckboxGroup";
+J.displayName = "CheckboxGroup";
 export {
-  x as CheckboxGroupContext,
-  W as ClearCheckboxGroupContext,
-  M as default
+  b as CheckboxGroupContext,
+  ce as ClearCheckboxGroupContext,
+  J as default
 };

package/checkbox/GroupBlock.js

@@ -1,68 +1,102 @@
-/* 2025-12-30 17:27:22 */
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { useContext as f } from "react";
+/* 2026-01-08 16:35:57 */
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import { useContext as i } from "react";
 import "../config-provider/ConfigProvider.js";
-import t from "../typography/index.js";
-import c from "@unicom-cloud/ui-common/utils/className";
-import i from "./Checkbox.js";
-import u from "../config-provider/context.js";
-function C(s) {
+import { FormContext as j, FormItemContext as B } from "../form/context.js";
+import { useMergeProps as T } from "@unicom-cloud/ui-common/hooks";
+import "../utils/responsiveObserve.js";
+import "@unicom-cloud/ui-common/hooks/use-force-update";
+import { isPlainObject as F } from "@unicom-cloud/ui-common/utils/is";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import "@unicom-cloud/ui-common/hooks/use-merge-value";
+import "@unicom-cloud/ui-common/utils/dom";
+import "lodash/merge";
+import x from "../typography/index.js";
+import h from "@unicom-cloud/ui-common/utils/className";
+import C from "./Checkbox.js";
+import I from "../config-provider/context.js";
+function M(b) {
   const {
-    prefixCls: N,
-    getPrefixCls: n,
-    rtl: k
-  } = f(u), { className: d, options: m, ...p } = s, e = n?.("checkbox-group-block");
-  return /* @__PURE__ */ a(
-    i.Group,
+    prefixCls: V,
+    getPrefixCls: u,
+    componentConfig: k,
+    rtl: q
+  } = i(I), y = i(j), N = i(B), o = u?.("checkbox-group-block"), n = T(
+    b,
+    {},
+    k?.CheckboxGroupBlock
+  ), {
+    className: $,
+    options: g,
+    disabled: O,
+    readOnly: w = N.readOnly ?? y.readOnly,
+    ...P
+  } = n;
+  return /* @__PURE__ */ r(
+    C.Group,
     {
-      className: c(`${e}`, d),
-      ...p,
-      onChange: (o, r) => {
-        s.onChange?.(o, r);
+      className: h(`${o}`, $),
+      ...P,
+      onChange: (e, c) => {
+        n.onChange?.(e, c);
       },
-      children: m.map((o, r, $) => /* @__PURE__ */ a(i, { value: o.value, children: ({ checked: h }) => /* @__PURE__ */ l(
-        "div",
-        {
-          style: { width: o.width },
-          className: c(
-            `${e}-card`,
-            h && `${e}-card-checked`
-          ),
-          children: [
-            /* @__PURE__ */ a("div", { className: `${e}-card-mask`, children: /* @__PURE__ */ a("div", { className: `${e}-card-mask-dot` }) }),
-            /* @__PURE__ */ l("div", { className: `${e}-card-content`, children: [
-              /* @__PURE__ */ a(
-                t.Ellipsis,
-                {
-                  className: `${e}-card-content-title`,
-                  rows: 1,
-                  showTooltip: !0,
-                  expandable: !1,
-                  onExpand: (x) => {
-                  },
-                  children: o.title
-                }
-              ),
-              /* @__PURE__ */ a(
-                t.Ellipsis,
-                {
-                  className: `${e}-card-content-desc`,
-                  rows: 1,
-                  showTooltip: !0,
-                  expandable: !1,
-                  onExpand: (x) => {
-                  },
-                  children: o.desc
-                }
-              )
-            ] })
-          ]
-        }
-      ) }, o.title))
+      children: g.map((e, c, z) => {
+        let t = O, l = w, d = e, a = e, m = e, s = e, p;
+        return F(e) && (t = e.disabled ?? t, l = e.readOnly ?? l, d = e.label, a = e.title, m = e.desc, s = e.value, e.icon, p = e.width), a ||= d, /* @__PURE__ */ r(
+          C,
+          {
+            value: s,
+            readOnly: l,
+            disabled: t,
+            children: ({ checked: E, indeterminate: A }) => /* @__PURE__ */ f(
+              "div",
+              {
+                style: { width: p },
+                className: h(
+                  `${o}-card`,
+                  E && `${o}-card-checked`,
+                  t && `${o}-card-disabled`,
+                  l && `${o}-card-readonly`
+                ),
+                children: [
+                  /* @__PURE__ */ r("div", { className: `${o}-card-mask`, children: /* @__PURE__ */ r("div", { className: `${o}-card-mask-dot` }) }),
+                  /* @__PURE__ */ f("div", { className: `${o}-card-content`, children: [
+                    /* @__PURE__ */ r(
+                      x.Ellipsis,
+                      {
+                        className: `${o}-card-content-title`,
+                        rows: 1,
+                        showTooltip: !0,
+                        expandable: !1,
+                        onExpand: (G) => {
+                        },
+                        children: a
+                      }
+                    ),
+                    /* @__PURE__ */ r(
+                      x.Ellipsis,
+                      {
+                        className: `${o}-card-content-desc`,
+                        rows: 1,
+                        showTooltip: !0,
+                        expandable: !1,
+                        onExpand: (G) => {
+                        },
+                        children: m
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          },
+          s
+        );
+      })
     }
   );
 }
-C.displayName = "CheckboxGroupBlock";
+M.displayName = "CheckboxGroupBlock";
 export {
-  C as default
+  M as default
 };

package/checkbox/index.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import e from "./Checkbox.js";
 import { default as x, ClearCheckboxGroupContext as a } from "./Group.js";
 import { default as f } from "./GroupBlock.js";

package/checkbox/useCheckbox.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import f from "lodash/castArray";
 import { useState as y, useMemo as m } from "react";
 const C = (l, g) => {

package/collapse/Collapse.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { jsx as t } from "react/jsx-runtime";
 import E from "@unicom-cloud/icons/IconUiCaretLeft";
 import u from "@unicom-cloud/icons/IconUiCaretRight";

package/collapse/Item.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { jsxs as u, jsx as s } from "react/jsx-runtime";
 import { Transition as w } from "@unicom-cloud/ui-common/transition-group";
 import L, { useContext as y, useRef as $ } from "react";

package/collapse/index.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import e from "./Collapse.js";
 import { default as l } from "./Item.js";
 export {

package/color-picker/ControlBar.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { jsx as a } from "react/jsx-runtime";
 import { useContext as k } from "react";
 import "../config-provider/ConfigProvider.js";

package/color-picker/InputAlpha.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { jsx as n } from "react/jsx-runtime";
 import { useContext as m } from "react";
 import "../config-provider/ConfigProvider.js";

package/color-picker/InputHex.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { jsxs as g, jsx as p } from "react/jsx-runtime";
 import f from "@unicom-cloud/utils/tinycolor";
 import { useContext as v, useState as I, useEffect as P } from "react";

package/color-picker/InputRgb.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { jsxs as f, jsx as n } from "react/jsx-runtime";
 import x from "@unicom-cloud/utils/tinycolor";
 import { useContext as h } from "react";