@unicom-cloud/ui 0.8.147 → 0.8.148

package/color-picker/index.js

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

package/color-picker/interface.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 var e = /* @__PURE__ */ ((n) => (n.Single = "single", n.Gradient = "gradient", n))(e || {});
 export {
   e as ColorPickerMode

package/color-picker/utils.js

@@ -1,77 +1,77 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 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(
+import { isString as l, isArray as a } from "@unicom-cloud/ui-common/utils/is";
+const q = (t) => t.sort((r, n) => r.percent - n.percent), v = (t, r, n) => Object.keys(t).reduce(
   (e, o) => ({
     ...e,
-    [o]: t[o] + (n[o] - t[o]) * r
+    [o]: t[o] + (r[o] - t[o]) * n
   }),
   { ...t }
-), I = (t) => t.map(({ color: n, percent: r }) => `${n} ${r}%`).join(", "), R = (t) => `linear-gradient(to right, ${I(t)})`, F = (t) => c(t) ? R(t) : t, j = (t, n, r, e) => e < 1 ? `rgba(${t}, ${n}, ${r}, ${e.toFixed(2)})` : `rgb(${t}, ${n}, ${r})`, y = (t, n, r, e) => e < 1 ? new s({ r: t, g: n, b: r, a: e }).toHexString() : new s({ r: t, g: n, b: r }).toHexString(), d = (t) => {
-  const n = new s({
+), I = (t) => a(t) ? t.map(({ color: r, percent: n }) => `${r} ${n}%`).join(", ") : t, R = (t) => `linear-gradient(to right, ${I(t)})`, F = (t) => a(t) ? R(t) : t, j = (t, r, n, e) => e < 1 ? `rgba(${t}, ${r}, ${n}, ${e.toFixed(2)})` : `rgb(${t}, ${r}, ${n})`, y = (t, r, n, e) => e < 1 ? new s({ r: t, g: r, b: n, a: e }).toHex8String() : new s({ r: t, g: r, b: n }).toHexString(), d = (t) => {
+  const r = new s({
     h: t.h * 360,
     s: t.s * 100,
     v: t.v * 100
-  }), r = n.toRgb(), e = n.toHex();
+  }), n = r.toRgb(), e = r.toHex();
   return {
     hsv: t,
-    rgb: r,
+    rgb: n,
     hex: e
   };
-}, i = () => Math.random().toFixed(10).slice(2), P = (t, n) => t.map((r) => {
-  const e = new s(r.color).toHsv_();
+}, i = () => Math.random().toFixed(10).slice(2), P = (t, r) => t.map((n) => {
+  const e = new s(n.color).toHsv_();
   return {
     id: i(),
     color: d(e),
-    alpha: n ? 100 : e.a,
-    percent: r.percent
+    alpha: r ? 100 : e.a,
+    percent: n.percent
   };
-}), T = (t, n, r) => {
-  const e = t.findIndex((a) => a.percent === n);
+}), T = (t, r, n) => {
+  const e = t.findIndex((c) => c.percent === r);
   if (e !== -1)
     return {
       ...t[e],
-      id: r ?? i()
+      id: n ?? i()
     };
   const o = t.findIndex(
-    (a) => a.percent > n
+    (c) => c.percent > r
   ), g = o - 1, {
     color: u,
     alpha: x,
     percent: p
   } = t[g], {
     color: m,
-    alpha: h,
-    percent: f
-  } = t[o], $ = C(
+    alpha: f,
+    percent: h
+  } = t[o], $ = v(
     {
       ...u.rgb,
       a: x
     },
     {
       ...m.rgb,
-      a: h
+      a: f
     },
-    (n - p) / (f - p)
-  ), { r: v, g: H, b, a: w } = $;
+    (r - p) / (h - p)
+  ), { r: H, g: b, b: w, a: C } = $;
   return {
-    id: r ?? i(),
+    id: n ?? i(),
     color: d(
       new s({
-        r: v,
-        g: H,
-        b
+        r: H,
+        g: b,
+        b: w
       }).toHsv_()
     ),
-    alpha: w,
-    percent: n
+    alpha: C,
+    percent: r
   };
-}, _ = (t, n) => t.h === n.h && t.s === n.s && t.v === n.v, G = (t, n) => t.r === n.r && t.g === n.g && t.b === n.b && t.a === n.a, E = (t, n) => l(t) && l(n) ? t === n : c(t) && c(n) ? t.length === n.length && t.every((r, e) => {
-  const o = n[e];
+}, _ = (t, r) => t.h === r.h && t.s === r.s && t.v === r.v, G = (t, r) => t.r === r.r && t.g === r.g && t.b === r.b && t.a === r.a, E = (t, r) => l(t) && l(r) ? t === r : a(t) && a(r) ? t.length === r.length && t.every((n, e) => {
+  const o = r[e];
   return G(
-    new s(r.color).toRgba(),
+    new s(n.color).toRgba(),
     new s(o.color).toRgba()
-  ) && r.percent === o.percent;
+  ) && n.percent === o.percent;
 }) : !1;
 export {
   _ as equalsHsv,
@@ -84,7 +84,7 @@ export {
   i as getRandomId,
   E as isEqualsColors,
   P as mapValueToGradientColor,
-  C as mix,
+  v as mix,
   F as renderBackground,
   R as renderGradientBackground,
   q as sortGradientColors

package/comment/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 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";

package/config-provider/ConfigProvider.js

@@ -1,12 +1,14 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 import { jsx as s } from "react/jsx-runtime";
-import p from "@unicom-cloud/icons/context";
+import a from "@unicom-cloud/icons/context";
 import { UI_PC_PREFIX as t } from "@unicom-cloud/utils/constant/ui";
 import g from "lodash/merge";
 import { useContext as P, useLayoutEffect as d, useEffect as x } from "react";
 import v from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import e, { ConfigProviderDefaultProps as h } from "./context.js";
-import N from "./useConfigProvider.js";
+import N from "./initUI.js";
+import I from "./useConfigProvider.js";
+N();
 const R = { ...h }, E = {};
 function l(c) {
   const i = P(e), r = v(
@@ -14,21 +16,21 @@ function l(c) {
     R,
     E
   ), {
-    childrenName: I,
-    theme: b,
+    childrenName: b,
+    theme: y,
     prefixCls: o = t,
-    locale: y,
-    rtl: G,
-    effectGlobalNotice: M = !0,
+    locale: G,
+    rtl: M,
+    effectGlobalNotice: U = !0,
     effectGlobalModal: _ = !0,
     children: n,
     getPrefixCls: $
   } = r;
-  function m(u, a) {
-    return `${a || o || t}-${u}`;
+  function m(u, p) {
+    return `${p || o || t}-${u}`;
   }
   let f = n;
-  o && (o === t || (f = /* @__PURE__ */ s(p.Provider, { value: { prefixCls: o }, children: n }))), N({ ...r, isRootConfig: i.isRootConfig }), d(() => () => {
+  o && (o === t || (f = /* @__PURE__ */ s(a.Provider, { value: { prefixCls: o }, children: n }))), I({ ...r, isRootConfig: i.isRootConfig }), d(() => () => {
   }, []), x(() => () => {
   }, []);
   const C = g({}, i, r, {
@@ -39,9 +41,9 @@ function l(c) {
 }
 l.ConfigContext = e;
 l.displayName = "ConfigProvider";
-const z = e.Consumer;
+const B = e.Consumer;
 export {
-  z as ConfigConsumer,
+  B as ConfigConsumer,
   e as ConfigContext,
   h as ConfigProviderDefaultProps,
   l as default

package/config-provider/context.js

@@ -1,14 +1,14 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 import { jsx as e } from "react/jsx-runtime";
 import { UI_PC_PREFIX as n } from "@unicom-cloud/utils/constant/ui";
 import { createContext as i } from "react";
 import f from "../empty/index.js";
 import m from "../locale/zh-CN.js";
 import { getBodyContainer as p } from "@unicom-cloud/ui-common/utils/dom";
-function s(t) {
+function C(t) {
   return /* @__PURE__ */ e(f, {});
 }
-const o = n, C = {
+const o = n, s = {
   locale: m,
   prefixCls: o,
   getPrefixCls(t, r) {
@@ -18,11 +18,12 @@ const o = n, C = {
     return p();
   },
   size: "default",
-  renderEmpty: s
-}, P = i({
-  ...C
+  renderEmpty: C
+}, x = i({
+  ...s
 });
 export {
-  C as ConfigProviderDefaultProps,
-  P as default
+  s as ConfigProviderDefaultProps,
+  o as PREFIX_CLS,
+  x as default
 };

package/config-provider/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 import r from "./ConfigProvider.js";
 import { ConfigConsumer as t } from "./ConfigProvider.js";
 import { default as n, ConfigProviderDefaultProps as C } from "./context.js";

package/config-provider/initUI.js

@@ -0,0 +1,18 @@
+/* 2026-02-26 14:47:16 */
+import { emitter as t, EMITTER_EVENT as o } from "../utils/emitter.js";
+import i, { removeDarkTheme as m } from "../utils/setDarkTheme.js";
+let r = !1;
+function a(e) {
+  const { key: n, value: f } = e ?? {};
+  f ? i() : m();
+}
+function T(e) {
+  r || (t.on(o.DARK_THEME, a), r = !0);
+}
+function u(e) {
+  t.off(o.DARK_THEME, a), t.destroy(), r = !1;
+}
+export {
+  T as default,
+  u as destroy
+};

package/config-provider/useConfigProvider.js

@@ -1,12 +1,12 @@
-/* 2026-01-29 15:15:33 */
-import a from "@unicom-cloud/ui-common/utils/setDir";
-import d from "@unicom-cloud/ui-common/utils/setTheme";
-import { UI_PC_PREFIX as m, UI_PC_KEY as c } from "@unicom-cloud/utils/constant/ui";
-import { useContext as C, useEffect as i, useLayoutEffect as g } from "react";
+/* 2026-02-26 14:47:16 */
+import d from "@unicom-cloud/ui-common/utils/setDir";
+import C from "@unicom-cloud/ui-common/utils/setTheme";
+import { UI_PC_PREFIX as m, UI_PC_KEY as u } from "@unicom-cloud/utils/constant/ui";
+import { useContext as E, useEffect as i, useLayoutEffect as g } from "react";
 import P from "../message/Message.js";
 import "../message/useMessage.js";
 import { setConfigProviderProps as x } from "../modal/config.js";
-import E from "../notification/Notification.js";
+import R from "../notification/Notification.js";
 import "react/jsx-runtime";
 import "@unicom-cloud/ui-common/utils/callbackOriginRef";
 import "@unicom-cloud/utils/function";
@@ -22,7 +22,7 @@ import "dayjs";
 import "lodash/castArray";
 import "@unicom-cloud/ui-common/utils/is";
 import "@unicom-cloud/ui-common/utils/dom";
-import "@unicom-cloud/ui-common/utils/emitter";
+import { emitter as _, EMITTER_EVENT as v } from "../utils/emitter.js";
 import "@unicom-cloud/utils/file/fileRead";
 import "@unicom-cloud/utils/file/fileToDataURL";
 import "@unicom-cloud/ui-common/utils/fillNBSP";
@@ -62,33 +62,38 @@ import "uuid";
 import "@unicom-cloud/utils/validate";
 import "@unicom-cloud/ui-common/utils/warning";
 import "@unicom-cloud/utils/constant/keyboardCode";
-import h from "./context.js";
-function v(l) {
-  C(h);
+import N from "./context.js";
+function T(c) {
+  E(N);
   const {
-    childrenName: N,
+    childrenName: h,
     theme: p,
+    isDark: e,
     prefixCls: t = m,
-    locale: e,
+    locale: f,
     rtl: r,
-    effectGlobalNotice: f = !0,
-    effectGlobalModal: s = !0,
-    children: R,
-    isRootConfig: u,
-    ..._
-  } = l, o = u !== !1;
-  i(() => (o && a({ prefix: m, dir: r ? "rtl" : "ltr" }), () => {
-  }), [r, o]), i(() => (o && d({ prefix: m, ...p }), () => {
-  }), [p, o]), i(() => (f && o && (P.config({ prefixCls: t, rtl: r }), E.config({ prefixCls: t, rtl: r })), () => {
-  }), [t, r, f, o]), i(() => (s && o && x({ locale: e, prefixCls: t, rtl: r }), () => {
-  }), [e, t, r, s, o]), g(() => {
-    const n = document.documentElement;
-    return o && n.classList.add(c), () => {
-      o && n.classList.remove(c);
+    effectGlobalNotice: s = !0,
+    effectGlobalModal: n = !0,
+    children: I,
+    isRootConfig: a,
+    ...M
+  } = c, o = a !== !1;
+  i(() => (o && d({ prefix: m, dir: r ? "rtl" : "ltr" }), () => {
+  }), [o, r]), i(() => (o && C({ prefix: m, ...p }), () => {
+  }), [o, p]), i(() => (o && _.emit(v.DARK_THEME, {
+    key: "ui",
+    value: e
+  }), () => {
+  }), [o, e]), i(() => (o && s && (P.config({ prefixCls: t, rtl: r }), R.config({ prefixCls: t, rtl: r })), () => {
+  }), [o, t, r, s]), i(() => (o && n && x({ locale: f, prefixCls: t, rtl: r }), () => {
+  }), [o, f, t, r, n]), g(() => {
+    const l = document.documentElement;
+    return o && l.classList.add(u), () => {
+      o && l.classList.remove(u);
     };
   }, [o]);
 }
-v.displayName = "useConfigProvider";
+T.displayName = "useConfigProvider";
 export {
-  v as default
+  T as default
 };

package/constant/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 const o = 24, s = "responsive";
 export {
   o as COLS,