@unicom-cloud/ui 0.8.123 → 0.8.125

package/color-picker/index.js

@@ -1,99 +1,105 @@
-/* 2025-11-19 09:09:44 */
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import q, { useContext as D } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import D, { useContext as J, useRef as K, useImperativeHandle as L } from "react";
 import "../config-provider/ConfigProvider.js";
-import J from "../copy/index.js";
-import K from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import L from "../trigger/index.js";
-import Q from "@unicom-cloud/ui-common/utils/className";
-import { isFunction as U, isNil as W, isString as X, isArray as Y } from "@unicom-cloud/ui-common/utils/is";
-import { colors as Z } from "./colors.js";
-import { ControlBar as yo } from "./ControlBar.js";
-import { useColorPicker as _ } from "./hooks/useColorPicker.js";
-import { InputAlpha as bo } from "./InputAlpha.js";
-import { InputHex as Ao } from "./InputHex.js";
-import { InputRgb as wo } from "./InputRgb.js";
-import { Palette as Ro } from "./Palette.js";
-import { Panel as oo } from "./Panel.js";
-import { getGradientString as eo, renderBackground as ro } from "./utils.js";
-import to from "../config-provider/context.js";
-const c = {
+import Q from "../copy/index.js";
+import U from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import W from "../trigger/index.js";
+import X from "@unicom-cloud/ui-common/utils/className";
+import { isFunction as Y, isNil as Z, isString as _, isArray as ee } from "@unicom-cloud/ui-common/utils/is";
+import { colors as re } from "./colors.js";
+import { ControlBar as be } from "./ControlBar.js";
+import { useColorPicker as oe } from "./hooks/useColorPicker.js";
+import { InputAlpha as $e } from "./InputAlpha.js";
+import { InputHex as Ee } from "./InputHex.js";
+import { InputRgb as we } from "./InputRgb.js";
+import { Palette as Be } from "./Palette.js";
+import { Panel as te } from "./Panel.js";
+import { getGradientString as ie, renderBackground as ne } from "./utils.js";
+import le from "../config-provider/context.js";
+const m = {
   size: "default",
-  presetColors: Z
+  presetColors: re
 };
-function io(t, m) {
+function se(t, u) {
   const {
     prefixCls: d,
     getPrefixCls: g,
     componentConfig: C,
-    size: u
-  } = D(to), n = K(
+    size: f
+  } = J(le), n = U(
     t,
-    { ...c, size: u || c.size },
+    { ...m, size: f || m.size },
     C?.ColorPicker
   ), {
-    style: f,
-    className: x,
-    size: l,
-    mode: P,
+    style: x,
+    className: P,
+    size: s,
+    mode: h,
     disabled: i,
-    disabledAlpha: h = !1,
-    triggerProps: k = {},
-    unmountOnExit: v,
+    disabledAlpha: k = !1,
+    triggerProps: v = {},
+    unmountOnExit: I,
     showText: N,
     historyColors: y,
-    presetColors: I,
-    showHistory: b,
+    presetColors: b,
+    showHistory: A,
     showPreset: $,
-    renderFooter: A
-  } = n, e = g?.("color-picker"), {
-    value: o,
-    activeMode: z,
-    gradientColors: w,
-    activeColorId: E,
-    activeColorIdRef: R,
-    popupVisible: H,
-    color: B,
-    alpha: M,
-    onHsvChange: S,
-    onAlphaChange: T,
-    onVisibleChange: V,
-    onActiveModeChange: j,
-    onGradientColorsChange: F,
-    onActiveColorIdChange: G
-  } = _(n), O = () => {
-    const a = U(t.triggerElement) ? t.triggerElement({ value: o }) : t.triggerElement;
-    if (!W(a))
-      return a;
-    const s = X(o) ? o : eo(o);
+    renderFooter: z
+  } = n, r = g?.("color-picker"), {
+    value: e,
+    activeMode: E,
+    gradientColors: R,
+    activeColorId: w,
+    refActiveColorId: H,
+    popupVisible: B,
+    color: M,
+    alpha: S,
+    onHsvChange: T,
+    onAlphaChange: V,
+    onVisibleChange: j,
+    onActiveModeChange: F,
+    onGradientColorsChange: G,
+    onActiveColorIdChange: O
+  } = oe(n), a = K(null);
+  L(u, () => ({
+    getRootElement() {
+      return a.current;
+    }
+  }));
+  const q = () => {
+    const c = Y(t.triggerElement) ? t.triggerElement({ value: e }) : t.triggerElement;
+    if (!Z(c))
+      return c;
+    const l = _(e) ? e : ie(e);
     return /* @__PURE__ */ p(
       "div",
       {
-        className: Q(e, x, {
-          [`${e}-size-${l}`]: l,
-          [`${e}-disabled`]: i
+        className: X(r, P, {
+          [`${r}-size-${s}`]: s,
+          [`${r}-disabled`]: i
         }),
-        style: f,
-        ref: m,
+        style: x,
+        ref: a,
         children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ o(
             "div",
             {
-              className: `${e}-preview`,
-              style: Y(o) ? {
-                background: ro(o)
-              } : { backgroundColor: o }
+              className: `${r}-preview`,
+              style: ee(e) ? {
+                background: ne(e)
+              } : { backgroundColor: e }
             }
           ),
-          !!N && /* @__PURE__ */ p("div", { className: `${e}-value`, children: [
-            s,
-            !i && /* @__PURE__ */ r(J, { text: s, className: `${e}-copy` })
+          !!N && /* @__PURE__ */ p("div", { className: `${r}-value`, children: [
+            l,
+            !i && /* @__PURE__ */ o(Q, { text: l, className: `${r}-copy` })
           ] }),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ o(
             "input",
             {
-              className: `${e}-input`,
-              value: s,
+              className: `${r}-input`,
+              value: l,
               disabled: i,
               readOnly: !0
             }
@@ -103,31 +109,31 @@ function io(t, m) {
       }
     );
   };
-  return /* @__PURE__ */ r(
-    L,
+  return /* @__PURE__ */ o(
+    W,
     {
-      popup: () => /* @__PURE__ */ r(
-        oo,
+      popup: () => /* @__PURE__ */ o(
+        te,
         {
-          value: o,
-          mode: P,
-          activeMode: z,
-          gradientColors: w,
-          activeColorId: E,
-          activeColorIdRef: R,
-          color: B,
-          alpha: M,
+          value: e,
+          mode: h,
+          activeMode: E,
+          gradientColors: R,
+          activeColorId: w,
+          refActiveColorId: H,
+          color: M,
+          alpha: S,
           historyColors: y,
-          presetColors: I,
-          showHistory: b,
+          presetColors: b,
+          showHistory: A,
           showPreset: $,
-          onHsvChange: S,
-          onAlphaChange: T,
-          onActiveModeChange: j,
-          onGradientColorsChange: F,
-          onActiveColorIdChange: G,
-          disabledAlpha: h,
-          renderFooter: A
+          onHsvChange: T,
+          onAlphaChange: V,
+          onActiveModeChange: F,
+          onGradientColorsChange: G,
+          onActiveColorIdChange: O,
+          disabledAlpha: k,
+          renderFooter: z
         }
       ),
       trigger: "click",
@@ -139,25 +145,25 @@ function io(t, m) {
         right: 8
       },
       disabled: i,
-      popupVisible: H,
+      popupVisible: B,
       classNames: `${d}-slide-dynamic-origin`,
-      unmountOnExit: v,
-      ...k,
-      onVisibleChange: V,
-      children: O()
+      unmountOnExit: I,
+      ...v,
+      onVisibleChange: j,
+      children: q()
     }
   );
 }
-const no = q.forwardRef(
-  io
+const ae = D.forwardRef(
+  se
 );
-no.displayName = "ColorPicker";
+ae.displayName = "ColorPicker";
 export {
-  yo as ColorPickerControlBar,
-  bo as ColorPickerInputAlpha,
-  Ao as ColorPickerInputHex,
-  wo as ColorPickerInputRgb,
-  Ro as ColorPickerPalette,
-  oo as ColorPickerPanel,
-  no as default
+  be as ColorPickerControlBar,
+  $e as ColorPickerInputAlpha,
+  Ee as ColorPickerInputHex,
+  we as ColorPickerInputRgb,
+  Be as ColorPickerPalette,
+  te as ColorPickerPanel,
+  ae as default
 };

package/color-picker/interface.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 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 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 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,75 +1,77 @@
-/* 2025-11-19 09:09:44 */
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { forwardRef as h, useContext as N } from "react";
+/* 2025-11-27 12:11:12 */
+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";
-import C from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import m from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as v, isString as u } from "@unicom-cloud/ui-common/utils/is";
-import { pickDataAttributes as x } from "@unicom-cloud/ui-common/utils/pick";
-import P from "../config-provider/context.js";
-const b = {
+import x from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import d from "@unicom-cloud/ui-common/utils/className";
+import { isPlainObject as P, isString as R } from "@unicom-cloud/ui-common/utils/is";
+import { pickDataAttributes as b } from "@unicom-cloud/ui-common/utils/pick";
+import j from "../config-provider/context.js";
+const y = {
   datetime: "left",
   actions: "left"
-}, j = {
+}, A = {
   align: "left"
 };
-function y(d, f) {
+function E(f, p) {
   const {
-    prefixCls: R,
-    getPrefixCls: p,
-    componentConfig: g,
+    prefixCls: w,
+    getPrefixCls: g,
+    componentConfig: u,
     rtl: $
-  } = N(P), e = C(d, j, g?.Comment), t = p?.("comment"), { actions: o, author: s, avatar: i, content: r, datetime: l } = e, c = {
-    ...b,
-    ...v(e.align) ? e.align : {
-      datetime: e.align,
-      actions: e.align
+  } = N(j), t = x(f, A, u?.Comment), e = g?.("comment"), { actions: o, author: s, avatar: a, content: l, datetime: r } = t, c = {
+    ...y,
+    ...P(t.align) ? t.align : {
+      datetime: t.align,
+      actions: t.align
     }
-  };
-  return /* @__PURE__ */ n(
+  }, m = v(null);
+  return C(p, () => ({
+    getRootElement() {
+      return m.current;
+    }
+  })), /* @__PURE__ */ i(
     "div",
     {
-      ref: f,
-      className: m(
-        `${t}`,
-        { [`${t}-rtl`]: $ },
-        e.className
+      ref: m,
+      className: d(
+        `${e}`,
+        { [`${e}-rtl`]: $ },
+        t.className
       ),
-      style: e.style,
-      ...x(e),
+      style: t.style,
+      ...b(t),
       children: [
-        i && /* @__PURE__ */ a("div", { className: m(`${t}-avatar`), children: u(i) ? /* @__PURE__ */ a("img", { src: i, alt: "comment-avatar" }) : i }),
-        /* @__PURE__ */ n("div", { className: `${t}-inner`, children: [
-          /* @__PURE__ */ n("div", { className: `${t}-inner-content`, children: [
-            (s || l) && /* @__PURE__ */ n(
+        a && /* @__PURE__ */ n("div", { className: d(`${e}-avatar`), children: R(a) ? /* @__PURE__ */ n("img", { src: a, alt: "comment-avatar" }) : a }),
+        /* @__PURE__ */ i("div", { className: `${e}-inner`, children: [
+          /* @__PURE__ */ i("div", { className: `${e}-inner-content`, children: [
+            (s || r) && /* @__PURE__ */ i(
               "div",
               {
-                className: `${t}-title ${t}-title-align-${c.datetime}`,
+                className: `${e}-title ${e}-title-align-${c.datetime}`,
                 children: [
-                  s && /* @__PURE__ */ a("span", { className: `${t}-author`, children: s }),
-                  l && /* @__PURE__ */ a("span", { className: `${t}-datetime`, children: l })
+                  s && /* @__PURE__ */ n("span", { className: `${e}-author`, children: s }),
+                  r && /* @__PURE__ */ n("span", { className: `${e}-datetime`, children: r })
                 ]
               }
             ),
-            r && /* @__PURE__ */ a("div", { className: `${t}-content`, children: r }),
-            o && /* @__PURE__ */ a(
+            l && /* @__PURE__ */ n("div", { className: `${e}-content`, children: l }),
+            o && /* @__PURE__ */ n(
               "div",
               {
-                className: `${t}-actions ${t}-actions-align-${c.actions}`,
+                className: `${e}-actions ${e}-actions-align-${c.actions}`,
                 children: o
               }
             )
           ] }),
-          e.children && /* @__PURE__ */ a("div", { className: `${t}-inner-comment`, children: e.children })
+          t.children && /* @__PURE__ */ n("div", { className: `${e}-inner-comment`, children: t.children })
         ] })
       ]
     }
   );
 }
-const A = h(
-  y
-);
-A.displayName = "Comment";
+const k = h(E);
+k.displayName = "Comment";
 export {
-  A as default
+  k as default
 };

package/config-provider/ConfigProvider.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as g } from "react/jsx-runtime";
 import M from "@unicom-cloud/icons/context";
 import N from "@unicom-cloud/ui-common/utils/setDir";

package/config-provider/context.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as e } from "react/jsx-runtime";
 import { UI_PC_PREFIX as r } from "@unicom-cloud/utils/constant/ui";
 import { createContext as n } from "react";

package/config-provider/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import r from "./ConfigProvider.js";
 import { ConfigConsumer as t } from "./ConfigProvider.js";
 import { default as n, ConfigProviderDefaultProps as C } from "./context.js";

package/constant/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 const o = 24, s = "responsive";
 export {
   o as COLS,

package/copy/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as c, jsxs as x } from "react/jsx-runtime";
 import g from "@unicom-cloud/icons/IconUiCheckCircleFill";
 import T from "@unicom-cloud/icons/IconUiCopy";

package/countdown/index.js

@@ -1,81 +1,89 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as _, jsx as f } from "react/jsx-runtime";
 import a from "dayjs";
-import { forwardRef as b, useContext as A, useRef as E, useState as H, useEffect as g } from "react";
+import { forwardRef as b, useContext as A, useRef as y, useState as M, useEffect as N, useImperativeHandle as O } from "react";
 import "../config-provider/ConfigProvider.js";
-import { useMergeProps as M } from "@unicom-cloud/ui-common/hooks";
-import { isFunction as y } from "@unicom-cloud/ui-common/utils/is";
+import { useMergeProps as k } from "@unicom-cloud/ui-common/hooks";
+import "../utils/responsiveObserve.js";
+import "@unicom-cloud/ui-common/hooks/use-force-update";
+import { isFunction as S } from "@unicom-cloud/ui-common/utils/is";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import "@unicom-cloud/ui-common/hooks/use-merge-value";
 import "lodash/merge";
 import "@unicom-cloud/ui-common/utils/dom";
-import { PREFIX_CLASS_STATISTIC as O } from "../statistic/interface.js";
-import l from "@unicom-cloud/ui-common/utils/className";
-import { getDayjsValue as k, getNow as L } from "../utils/dayjs.js";
-import { getDateString as X } from "./utils.js";
-import q from "../config-provider/context.js";
-function z(N, S) {
+import { PREFIX_CLASS_STATISTIC as L } from "../statistic/interface.js";
+import i from "@unicom-cloud/ui-common/utils/className";
+import { getDayjsValue as X, getNow as q } from "../utils/dayjs.js";
+import { getDateString as z } from "./utils.js";
+import B from "../config-provider/context.js";
+function G($, P) {
   const {
-    prefixCls: G,
+    prefixCls: K,
     getPrefixCls: m,
-    componentConfig: $,
+    componentConfig: h,
     rtl: u
-  } = A(q), P = M(
-    N,
+  } = A(B), I = k(
+    $,
     {
       noStyle: !1,
       start: !0
     },
-    $?.Countdown
+    h?.Countdown
   ), {
-    style: h,
-    className: T,
+    style: T,
+    className: j,
     title: c,
-    styleValue: j,
-    value: D,
+    styleValue: D,
+    value: F,
     format: p = "HH:mm:ss",
     start: d = !0,
-    noStyle: F,
-    loop: I,
+    noStyle: R,
+    loop: E,
     renderFormat: C,
     onFinish: v
-  } = P, t = !F && m?.(O), e = m?.("countdown"), o = E(null), [w, R] = H(r()());
-  function r() {
-    const s = a().valueOf() + a(D).valueOf(), i = k(s, p) || a();
-    return () => i.diff(L());
+  } = I, t = !R && m?.(L), e = m?.("countdown"), r = y(null), [w, H] = M(o()());
+  function o() {
+    const s = a().valueOf() + a(F).valueOf(), l = X(s, p) || a();
+    return () => l.diff(q());
   }
   function n() {
-    o.current === null || (window.clearInterval(o.current), o.current = null);
+    r.current === null || (window.clearInterval(r.current), r.current = null);
   }
   function V() {
-    let s = r();
-    o.current = window.setInterval(() => {
-      const i = s();
-      i <= 0 && (I ? s = r() : n(), y(v) && v()), R(i);
+    let s = o();
+    r.current = window.setInterval(() => {
+      const l = s();
+      l <= 0 && (E ? s = o() : n(), S(v) && v()), H(l);
     }, 1e3 / 30);
   }
-  const x = X(Math.max(w, 0), p);
-  return g(() => (d && o.current === null && r()() > 0 ? V() : n(), () => {
+  const g = z(Math.max(w, 0), p);
+  N(() => (d && r.current === null && o()() > 0 ? V() : n(), () => {
     n();
-  }), [d]), g(() => () => {
+  }), [d]), N(() => () => {
     n();
-  }, []), /* @__PURE__ */ _(
+  }, []);
+  const x = y(null);
+  return O(P, () => ({
+    getRootElement() {
+      return x.current;
+    }
+  })), /* @__PURE__ */ _(
     "div",
     {
-      ref: S,
-      style: h,
-      className: l(
+      ref: x,
+      style: T,
+      className: i(
         !!t && t,
         { [`${t}-rtl`]: !!t && u },
         e,
         { [`${e}-rtl`]: u },
-        T
+        j
       ),
       children: [
         c && /* @__PURE__ */ f(
           "div",
           {
-            className: l(
+            className: i(
               !!t && `${t}-title`,
               `${e}-title`
             ),
@@ -85,19 +93,19 @@ function z(N, S) {
         /* @__PURE__ */ f(
           "div",
           {
-            className: l(
+            className: i(
               !!t && `${t}-content`,
               `${e}-content`
             ),
             children: /* @__PURE__ */ f(
               "div",
               {
-                style: j,
-                className: l(
+                style: D,
+                className: i(
                   !!t && `${t}-value`,
                   `${e}-value`
                 ),
-                children: y(C) ? C(w, x) : x
+                children: S(C) ? C(w, g) : g
               }
             )
           }
@@ -106,8 +114,8 @@ function z(N, S) {
     }
   );
 }
-const B = b(z);
-B.displayName = "Countdown";
+const J = b(G);
+J.displayName = "Countdown";
 export {
-  B as default
+  J as default
 };

package/countdown/utils.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { padStart as a } from "@unicom-cloud/ui-common/utils/pad";
 const p = [
   ["Y", 1e3 * 60 * 60 * 24 * 365],