@unicom-cloud/ui 0.8.134 → 0.8.135

package/color-picker/Mode.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { isArray as i, isString as o } from "@unicom-cloud/ui-common/utils/is";
 import { ColorPickerMode as t } from "./interface.js";
 const e = (r) => i(r) && r.length === 1 ? r[0] : r, f = (r) => e(r) === t.Single, u = (r) => e(r) === t.Gradient, g = (r) => i(e(r)), c = (r) => g(r) ? t.Gradient : r, G = (r, n, s) => r && i(r) ? t.Gradient : r && o(r) ? t.Single : n && i(n) ? t.Gradient : n && o(n) ? t.Single : c(s);

package/color-picker/Palette.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsx as s } from "react/jsx-runtime";
 import u from "@unicom-cloud/utils/tinycolor";
 import { useContext as d, useMemo as x } from "react";

package/color-picker/Panel.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import d from "@unicom-cloud/utils/tinycolor";
 import { useContext as sr, useState as dr, useMemo as mr } from "react";

package/color-picker/colors.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import t from "@unicom-cloud/utils/tinycolor";
 import * as e from "@unicom-cloud/utils/ui-color";
 new t("#eee");

package/color-picker/hooks/useColorPicker.js

@@ -1,126 +1,121 @@
-/* 2026-01-04 16:21:01 */
-import P from "@unicom-cloud/utils/tinycolor";
-import { useState as g, useRef as k, useMemo as G, useCallback as y, useEffect as M } from "react";
-import $ from "@unicom-cloud/ui-common/hooks/use-is-first-render";
-import q from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import { isArray as E, isFunction as w } from "@unicom-cloud/ui-common/utils/is";
-import { ColorPickerMode as H } from "../interface.js";
-import { getModeByValue as ee, isGradientMode as _, isSingleMode as oe } from "../Mode.js";
-import { mapValueToGradientColor as te, getColorFromHsv as T, formatRgba as re, formatHex as ne, isEqualsColors as se, equalsHsv as ie, getRandomId as B } from "../utils.js";
-const me = (s) => {
+/* 2026-01-08 16:35:57 */
+import S from "@unicom-cloud/utils/tinycolor";
+import { useState as g, useRef as F, useEffect as A } from "react";
+import Z from "@unicom-cloud/ui-common/hooks/use-is-first-render";
+import P from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import { callOrReturn as y } from "@unicom-cloud/utils/function";
+import { isArray as k, isFunction as $ } from "@unicom-cloud/ui-common/utils/is";
+import { ColorPickerMode as I } from "../interface.js";
+import { getModeByValue as w, isGradientMode as G, isSingleMode as oo } from "../Mode.js";
+import { mapValueToGradientColor as eo, getColorFromHsv as q, isEqualsColors as to, equalsHsv as ro, formatRgba as no, formatHex as io, getRandomId as E } from "../utils.js";
+const po = (a) => {
   const {
-    mode: j = H.Single,
-    defaultValue: z,
-    format: x,
-    onChange: D,
-    disabledAlpha: h
-  } = s, J = $(), [p, K] = q(!1, {
-    defaultValue: s.defaultPopupVisible,
-    value: s.popupVisible
-  }), [i, L] = g(
-    ee(
-      s.value,
-      z,
-      j
+    mode: T = I.Single,
+    defaultValue: B,
+    format: O,
+    onChange: j,
+    disabledAlpha: p
+  } = a, z = Z(), [H, D] = P(!1, {
+    defaultValue: a.defaultPopupVisible,
+    value: a.popupVisible
+  }), [n, J] = g(
+    w(
+      a.value,
+      B,
+      T
     )
-  ), [r, N] = q(
-    i === H.Gradient ? void 0 : "",
-    s
-  ), [R, O] = g(
-    _(i) && E(r) ? te(r, h) : []
-  ), [Q, U] = g(R[0]?.id), v = k(R), b = k(Q), o = v.current, V = b.current, m = (e) => {
-    O(e), v.current = w(e) ? e(v.current) : e;
-  }, S = (e) => {
-    U(e), b.current = e;
-  }, c = G(() => {
-    const e = o.findIndex(
-      (t) => t.id === V
+  ), [i, K] = P(
+    n === I.Gradient ? void 0 : "",
+    a
+  ), [M, L] = g(
+    G(n) && k(i) ? eo(i, p) : []
+  ), [N, Q] = g(M[0]?.id), m = F(M), h = F(N), e = m.current, R = h.current, v = (o) => {
+    L(o), m.current = $(o) ? o(m.current) : o;
+  }, _ = (o) => {
+    Q(o), h.current = o;
+  }, c = y(() => {
+    const o = e.findIndex(
+      (t) => t.id === R
     );
-    return e !== -1 ? e : 0;
-  }, [o, V]), u = E(r) ? new P(r[c].color).toHsv_() : new P(r).toHsv_(), [d, F] = g({
+    return o !== -1 ? o : 0;
+  }), u = k(i) ? new S(i[c].color).toHsv_() : new S(i).toHsv_(), [C, x] = g({
     h: u.h,
     s: u.s,
     v: u.v
-  }), [n, A] = g(u.a), f = G(() => T(d), [d]), I = y(
-    (e, t, a, l) => x === "rgb" ? re(e, t, a, l) : ne(e, t, a, l),
-    [x]
-  ), C = G(() => {
-    if (oe(i)) {
-      const { r: e, g: t, b: a } = f.rgb;
-      return I(e, t, a, n);
+  }), [r, V] = g(u.a), d = q(C), b = (o, t, s, l) => O === "rgb" ? no(o, t, s, l) : io(o, t, s, l), f = y(() => {
+    if (oo(n)) {
+      const { r: o, g: t, b: s } = d.rgb;
+      return b(o, t, s, r);
     }
-    return o.map((e) => {
-      const { r: t, g: a, b: l } = e.color.rgb;
+    return e.map((o) => {
+      const { r: t, g: s, b: l } = o.color.rgb;
       return {
-        color: I(t, a, l, e.alpha),
-        percent: e.percent
+        color: b(t, s, l, o.alpha),
+        percent: o.percent
       };
     });
-  }, [i, o, f.rgb, I, n]);
-  M(() => {
-    N(C), !J && !se(r, C) && D?.(C);
-  }, [C]);
-  const W = y(
-    (e) => {
-      if (e && r !== C) {
-        const { h: t, s: a, v: l, a: Z } = u;
-        F({ h: t, s: a, v: l }), A(Z);
-      }
-      e !== p && (s.onVisibleChange?.(e), "popupVisible" in s || K(e));
-    },
-    [s.onVisibleChange, p, r]
-  ), X = (e) => {
-    F(e), h && n !== 100 && A(100);
-  }, Y = (e) => {
-    A(e);
+  }, [n, e, d.rgb, b, r]);
+  A(() => {
+    K(f), !z && !to(i, f) && j?.(f);
+  }, [f]);
+  const U = (o) => {
+    if (o && i !== f) {
+      const { h: t, s, v: l, a: Y } = u;
+      x({ h: t, s, v: l }), V(Y);
+    }
+    o !== H && (a.onVisibleChange?.(o), "popupVisible" in a || D(o));
+  }, W = (o) => {
+    x(o), p && r !== 100 && V(100);
+  }, X = (o) => {
+    V(o);
   };
-  return M(() => {
-    if (!_(i) || !o.length || ie(o[c].color.hsv, d)) return;
-    const e = [...o];
-    e[c] = {
-      ...e[c],
-      color: T(d)
-    }, m(e);
-  }, [d]), M(() => {
-    if (!_(i) || !o.length || o[c].alpha === n) return;
-    const e = [...o];
-    e[c] = {
-      ...e[c],
-      alpha: h ? 100 : n
-    }, m(e);
-  }, [n]), {
-    value: r,
-    activeMode: i,
-    gradientColors: o,
-    refGradientColors: v,
-    activeColorId: V,
-    refActiveColorId: b,
-    popupVisible: p,
-    color: f,
-    alpha: n,
-    onHsvChange: X,
-    onAlphaChange: Y,
-    onVisibleChange: W,
-    onActiveModeChange: (e) => {
-      e !== i && (e === H.Single ? S(o[0]?.id) : m([
+  return A(() => {
+    if (!G(n) || !e.length || ro(e[c].color.hsv, C)) return;
+    const o = [...e];
+    o[c] = {
+      ...o[c],
+      color: q(C)
+    }, v(o);
+  }, [C]), A(() => {
+    if (!G(n) || !e.length || e[c].alpha === r) return;
+    const o = [...e];
+    o[c] = {
+      ...o[c],
+      alpha: p ? 100 : r
+    }, v(o);
+  }, [r]), {
+    value: i,
+    activeMode: n,
+    gradientColors: e,
+    refGradientColors: m,
+    activeColorId: R,
+    refActiveColorId: h,
+    popupVisible: H,
+    color: d,
+    alpha: r,
+    onHsvChange: W,
+    onAlphaChange: X,
+    onVisibleChange: U,
+    onActiveModeChange: (o) => {
+      o !== n && (o === I.Single ? _(e[0]?.id) : v([
         {
-          id: B(),
-          color: f,
-          alpha: n,
+          id: E(),
+          color: d,
+          alpha: r,
           percent: 0
         },
         {
-          id: B(),
-          color: f,
-          alpha: n,
+          id: E(),
+          color: d,
+          alpha: r,
           percent: 100
         }
-      ]), L(e));
+      ]), J(o));
     },
-    onActiveColorIdChange: S,
-    onGradientColorsChange: m
+    onActiveColorIdChange: _,
+    onGradientColorsChange: v
   };
 };
 export {
-  me as useColorPicker
+  po as useColorPicker
 };

package/color-picker/hooks/useControlBlock.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { useState as y, useRef as w, useEffect as h } from "react";
 import { isUndefined as x } from "@unicom-cloud/ui-common/utils/is";
 function D({

package/color-picker/index.js

@@ -1,142 +1,158 @@
-/* 2026-01-04 16:21:01 */
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import L, { useContext as Q, useRef as U, useImperativeHandle as W } from "react";
+/* 2026-01-08 16:35:57 */
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import Z, { useContext as a, useRef as ee, useImperativeHandle as oe } from "react";
 import "../config-provider/ConfigProvider.js";
-import X from "../copy/index.js";
-import Y from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import Z from "../trigger/index.js";
-import _ from "@unicom-cloud/ui-common/utils/className";
-import { isFunction as ee, isNil as re, isString as oe, isArray as te } from "@unicom-cloud/ui-common/utils/is";
-import { colors as ie } from "./colors.js";
-import { ControlBar as Ae } from "./ControlBar.js";
-import { useColorPicker as ne } from "./hooks/useColorPicker.js";
-import { InputAlpha as Ee } from "./InputAlpha.js";
-import { InputHex as we } from "./InputHex.js";
-import { InputRgb as Be } from "./InputRgb.js";
-import { Palette as Se } from "./Palette.js";
-import { Panel as se } from "./Panel.js";
-import { getGradientString as le, renderBackground as ae } from "./utils.js";
-import pe from "../config-provider/context.js";
-const m = {
+import re from "../copy/index.js";
+import { FormContext as te, FormItemContext as ie } from "../form/context.js";
+import ne from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import se from "../trigger/index.js";
+import le from "@unicom-cloud/ui-common/utils/className";
+import { isFunction as C, isNil as ae, isString as pe, isArray as me } from "@unicom-cloud/ui-common/utils/is";
+import { colors as ce } from "./colors.js";
+import { ControlBar as Ge } from "./ControlBar.js";
+import { useColorPicker as ue } from "./hooks/useColorPicker.js";
+import { InputAlpha as De } from "./InputAlpha.js";
+import { InputHex as Ke } from "./InputHex.js";
+import { InputRgb as Qe } from "./InputRgb.js";
+import { Palette as We } from "./Palette.js";
+import { Panel as de } from "./Panel.js";
+import { getGradientString as fe, renderBackground as Ce } from "./utils.js";
+import ge from "../config-provider/context.js";
+const g = {
   size: "default",
-  presetColors: ie
+  presetColors: ce
 };
-function ce(t, u) {
+function xe(x, h) {
   const {
-    prefixCls: g,
-    getPrefixCls: d,
-    componentConfig: f,
-    size: C,
-    rtl: x
-  } = Q(pe), n = Y(
-    t,
-    { ...m, size: C || m.size },
-    f?.ColorPicker
+    prefixCls: P,
+    getPrefixCls: b,
+    componentConfig: v,
+    size: k,
+    rtl: y
+  } = a(ge), I = a(te), N = a(ie), p = ne(
+    x,
+    { ...g, size: k || g.size },
+    v?.ColorPicker
   ), {
-    style: h,
-    className: P,
-    size: l,
-    mode: k,
-    disabled: i,
-    disabledAlpha: v = !1,
-    triggerProps: I = {},
-    unmountOnExit: N,
-    showText: y,
-    historyColors: $,
-    presetColors: b,
-    showHistory: A,
-    showPreset: z,
-    renderFooter: E,
-    ...R
-  } = n, e = d?.("color-picker"), {
-    value: r,
-    activeMode: w,
-    gradientColors: H,
-    activeColorId: B,
-    refActiveColorId: M,
-    popupVisible: S,
-    color: T,
-    alpha: V,
-    onHsvChange: j,
-    onAlphaChange: F,
-    onVisibleChange: G,
-    onActiveModeChange: O,
-    onGradientColorsChange: q,
-    onActiveColorIdChange: D
-  } = ne(n), a = U(null), J = () => {
-    const p = ee(t.triggerElement) ? t.triggerElement({ value: r }) : t.triggerElement;
-    if (!re(p)) return p;
-    const s = oe(r) ? r : le(r);
-    return /* @__PURE__ */ c(
+    style: $,
+    className: A,
+    size: m,
+    mode: V,
+    disabled: t,
+    disabledAlpha: z = !1,
+    triggerProps: R = {},
+    unmountOnExit: w,
+    showText: E,
+    historyColors: H,
+    presetColors: O,
+    showHistory: F,
+    showPreset: B,
+    renderFooter: M,
+    extra: i,
+    defaultValue: Pe,
+    value: be,
+    format: ve,
+    defaultPopupVisible: ke,
+    popupVisible: ye,
+    triggerElement: n,
+    readOnly: s = N.readOnly ?? I.readOnly,
+    onChange: Ie,
+    onVisibleChange: Ne,
+    ...S
+  } = p, e = b?.("color-picker"), {
+    value: o,
+    activeMode: T,
+    gradientColors: _,
+    activeColorId: j,
+    refActiveColorId: G,
+    popupVisible: q,
+    color: D,
+    alpha: J,
+    onHsvChange: K,
+    onAlphaChange: L,
+    onVisibleChange: Q,
+    onActiveModeChange: U,
+    onGradientColorsChange: W,
+    onActiveColorIdChange: X
+  } = ue(p), c = ee(null), u = () => {
+    const d = C(n) ? n({ value: o }) : n;
+    if (!ae(d)) return d;
+    const l = pe(o) ? o : fe(o);
+    return /* @__PURE__ */ f(
       "div",
       {
-        className: _(e, P, {
-          [`${e}-size-${l}`]: l,
-          [`${e}-disabled`]: i,
-          [`${e}-rtl`]: x
-        }),
-        style: h,
-        ref: a,
-        ...R,
+        style: $,
+        className: le(
+          e,
+          {
+            [`${e}-size-${m}`]: m,
+            [`${e}-disabled`]: t,
+            [`${e}-readonly`]: s,
+            [`${e}-rtl`]: y
+          },
+          A
+        ),
+        ref: c,
+        ...S,
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(
             "div",
             {
               className: `${e}-preview`,
-              style: te(r) ? {
-                background: ae(r)
-              } : { backgroundColor: r }
+              style: me(o) ? {
+                background: Ce(o)
+              } : { backgroundColor: o }
             }
           ),
-          !!y && /* @__PURE__ */ c("div", { className: `${e}-value`, children: [
-            s,
-            !i && /* @__PURE__ */ o(X, { text: s, className: `${e}-copy` })
+          !!E && /* @__PURE__ */ f("div", { className: `${e}-value`, children: [
+            l,
+            !s && !t && /* @__PURE__ */ r(re, { text: l, className: `${e}-copy` })
           ] }),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(
             "input",
             {
               className: `${e}-input`,
-              value: s,
-              disabled: i,
+              value: l,
+              disabled: t,
               readOnly: !0
             }
           ),
-          n.extra
+          C(i) ? i(o) ?? i : i
         ]
       }
     );
-  }, K = () => /* @__PURE__ */ o(
-    se,
+  }, Y = () => /* @__PURE__ */ r(
+    de,
     {
-      value: r,
-      mode: k,
-      activeMode: w,
-      gradientColors: H,
-      activeColorId: B,
-      refActiveColorId: M,
-      color: T,
-      alpha: V,
-      historyColors: $,
-      presetColors: b,
-      showHistory: A,
-      showPreset: z,
-      onHsvChange: j,
-      onAlphaChange: F,
-      onActiveModeChange: O,
-      onGradientColorsChange: q,
-      onActiveColorIdChange: D,
-      disabledAlpha: v,
-      renderFooter: E
+      value: o,
+      mode: V,
+      activeMode: T,
+      gradientColors: _,
+      activeColorId: j,
+      refActiveColorId: G,
+      color: D,
+      alpha: J,
+      historyColors: H,
+      presetColors: O,
+      showHistory: F,
+      showPreset: B,
+      onHsvChange: K,
+      onAlphaChange: L,
+      onActiveModeChange: U,
+      onGradientColorsChange: W,
+      onActiveColorIdChange: X,
+      disabledAlpha: z,
+      renderFooter: M
     }
   );
-  return W(u, () => ({
+  return oe(h, () => ({
     getRootElement() {
-      return a.current;
+      return c.current;
     }
-  })), /* @__PURE__ */ o(
-    Z,
+  })), s ? u() : /* @__PURE__ */ r(
+    se,
     {
-      popup: K,
+      popup: Y,
       trigger: "click",
       position: "bl",
       popupAlign: {
@@ -145,24 +161,24 @@ function ce(t, u) {
         left: 8,
         right: 8
       },
-      disabled: i,
-      popupVisible: S,
-      classNames: `${g}-slide-dynamic-origin`,
-      unmountOnExit: N,
-      ...I,
-      onVisibleChange: G,
-      children: J()
+      disabled: t,
+      popupVisible: q,
+      classNames: `${P}-slide-dynamic-origin`,
+      unmountOnExit: w,
+      ...R,
+      onVisibleChange: Q,
+      children: u()
     }
   );
 }
-const me = L.forwardRef(ce);
-me.displayName = "ColorPicker";
+const he = Z.forwardRef(xe);
+he.displayName = "ColorPicker";
 export {
-  Ae as ColorPickerControlBar,
-  Ee as ColorPickerInputAlpha,
-  we as ColorPickerInputHex,
-  Be as ColorPickerInputRgb,
-  Se as ColorPickerPalette,
-  se as ColorPickerPanel,
-  me as default
+  Ge as ColorPickerControlBar,
+  De as ColorPickerInputAlpha,
+  Ke as ColorPickerInputHex,
+  Qe as ColorPickerInputRgb,
+  We as ColorPickerPalette,
+  de as ColorPickerPanel,
+  he as default
 };

package/color-picker/interface.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 var e = /* @__PURE__ */ ((n) => (n.Single = "single", n.Gradient = "gradient", n))(e || {});
 export {
   e as ColorPickerMode

package/color-picker/utils.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import s from "@unicom-cloud/utils/tinycolor";
 import { isString as l, isArray as c } from "@unicom-cloud/ui-common/utils/is";
 const q = (t) => t.sort((n, r) => n.percent - r.percent), C = (t, n, r) => Object.keys(t).reduce(

package/comment/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { forwardRef as h, useContext as N, useRef as v, useImperativeHandle as C } from "react";
 import "../config-provider/ConfigProvider.js";