@unicom-cloud/ui 0.8.123 → 0.8.125

package/layout/index.js

@@ -1,52 +1,56 @@
-/* 2025-11-19 09:09:44 */
-import { jsx as L } from "react/jsx-runtime";
-import m from "lodash/get";
-import i, { forwardRef as N, useContext as _, useState as F } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsx as N } from "react/jsx-runtime";
+import i from "lodash/get";
+import p, { forwardRef as R, useContext as _, useState as F, useRef as H, useImperativeHandle as P } from "react";
 import "../config-provider/ConfigProvider.js";
-import P from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import H from "@unicom-cloud/ui-common/utils/className";
-import { isBoolean as R } from "@unicom-cloud/ui-common/utils/is";
-import h from "./Content.js";
-import w from "./Footer.js";
-import B from "./Header.js";
-import M from "./Sider.js";
-import { SiderContext as V } from "./Sider.js";
-import $ from "../config-provider/context.js";
-function b(p, f) {
+import E from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import h from "@unicom-cloud/ui-common/utils/className";
+import { isBoolean as w } from "@unicom-cloud/ui-common/utils/is";
+import B from "./Content.js";
+import I from "./Footer.js";
+import M from "./Header.js";
+import $ from "./Sider.js";
+import { SiderContext as Y } from "./Sider.js";
+import b from "../config-provider/context.js";
+function j(f, u) {
   const {
-    prefixCls: E,
-    getPrefixCls: u,
+    prefixCls: G,
+    getPrefixCls: l,
     componentConfig: c
-  } = _($), l = P(
-    p,
+  } = _(b), d = E(
+    f,
     {},
     c?.Layout
-  ), { className: d, hasSider: n, children: C, ...y } = l, [e, s] = F([]), a = u?.("layout"), x = H(
+  ), { className: C, hasSider: n, children: y, ...g } = d, [t, s] = F([]), a = l?.("layout"), x = h(
     a,
     {
-      [`${a}-has-sider`]: R(n) ? n : e.length > 0
+      [`${a}-has-sider`]: w(n) ? n : t.length > 0
     },
-    d
-  );
-  return /* @__PURE__ */ L("section", { ref: f, ...y, className: x, children: i.Children.map(C, (o) => {
-    const S = m(o, "type.__PQB_SIGN__") || m(o, "props.sign");
-    return o && S === "sider" ? i.cloneElement(o, {
-      onSiderMount: (r) => s([...e, r]),
-      onSiderUnmount: (r) => s(e.filter((g) => g !== r))
+    C
+  ), m = H(null);
+  return P(u, () => ({
+    getRootElement() {
+      return m.current;
+    }
+  })), /* @__PURE__ */ N("section", { ref: m, ...g, className: x, children: p.Children.map(y, (o) => {
+    const S = i(o, "type.__PQB_SIGN__") || i(o, "props.sign");
+    return o && S === "sider" ? p.cloneElement(o, {
+      onSiderMount: (r) => s([...t, r]),
+      onSiderUnmount: (r) => s(t.filter((L) => L !== r))
     }) : o;
   }) });
 }
-const j = N(b), t = j;
-t.displayName = "Layout";
-t.Sider = M;
-t.Header = B;
-t.Footer = w;
-t.Content = h;
+const v = R(j), e = v;
+e.displayName = "Layout";
+e.Sider = $;
+e.Header = M;
+e.Footer = I;
+e.Content = B;
 export {
-  h as LayoutContent,
-  w as LayoutFooter,
-  B as LayoutHeader,
-  M as LayoutSider,
-  V as SiderContext,
-  t as default
+  B as LayoutContent,
+  I as LayoutFooter,
+  M as LayoutHeader,
+  $ as LayoutSider,
+  Y as SiderContext,
+  e as default
 };

package/link/index.js

@@ -1,68 +1,72 @@
-/* 2025-11-19 09:09:44 */
-import { jsxs as g, jsx as a } from "react/jsx-runtime";
+/* 2025-11-27 12:11:12 */
+import { jsxs as v, jsx as a } from "react/jsx-runtime";
 import $ from "@unicom-cloud/icons/IconUiLink";
-import { forwardRef as v, useContext as y } from "react";
+import { forwardRef as y, useContext as N, useRef as P, useImperativeHandle as E } from "react";
 import "../config-provider/ConfigProvider.js";
-import N from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import P from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import w from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import K from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import L from "@unicom-cloud/ui-common/utils/className";
-import w from "../config-provider/context.js";
-const K = {
+import R from "../config-provider/context.js";
+const D = {
   hoverable: !0
 };
-function D(l, c) {
+function I(c, m) {
   const {
-    prefixCls: j,
+    prefixCls: H,
     getPrefixCls: p,
     componentConfig: f,
-    rtl: m
-  } = y(w), e = P(
-    l,
-    K,
+    rtl: u
+  } = N(R), o = K(
+    c,
+    D,
     f?.Link
   ), {
     className: d,
-    style: u,
-    children: C,
-    icon: s,
-    status: t,
-    disabled: n,
-    hoverable: x,
+    style: C,
+    children: x,
+    icon: n,
+    status: s,
+    disabled: r,
+    hoverable: g,
     ...h
-  } = e, k = N({ onKeyDown: e.onKeyDown }), o = p?.("link"), b = "href" in e ? "a" : "span", i = (r) => {
-    n ? (r.preventDefault(), r.stopPropagation()) : e.onClick?.(r);
-  };
-  return /* @__PURE__ */ g(
-    b,
+  } = o, b = w({ onKeyDown: o.onKeyDown }), e = p?.("link"), k = "href" in o ? "a" : "span", i = (t) => {
+    r ? (t.preventDefault(), t.stopPropagation()) : o.onClick?.(t);
+  }, l = P(null);
+  return E(m, () => ({
+    getRootElement() {
+      return l.current;
+    }
+  })), /* @__PURE__ */ v(
+    k,
     {
       className: L(
-        o,
+        e,
         {
-          [`${o}-disabled`]: n,
-          [`${o}-is-${t}`]: t,
-          [`${o}-with-icon`]: s,
-          [`${o}-hoverless`]: !x,
-          [`${o}-rtl`]: m
+          [`${e}-disabled`]: r,
+          [`${e}-is-${s}`]: s,
+          [`${e}-with-icon`]: n,
+          [`${e}-hoverless`]: !g,
+          [`${e}-rtl`]: u
         },
         d
       ),
-      ref: c,
-      tabIndex: n ? -1 : void 0,
+      ref: l,
+      tabIndex: r ? -1 : void 0,
       ...h,
-      style: u,
+      style: C,
       onClick: i,
-      ...k({
+      ...b({
         onPressEnter: i
       }),
       children: [
-        s ? /* @__PURE__ */ a("span", { className: `${o}-icon`, children: s === !0 ? /* @__PURE__ */ a($, {}) : s }) : null,
-        C
+        n ? /* @__PURE__ */ a("span", { className: `${e}-icon`, children: n === !0 ? /* @__PURE__ */ a($, {}) : n }) : null,
+        x
       ]
     }
   );
 }
-const E = v(D);
-E.displayName = "Link";
+const j = y(I);
+j.displayName = "Link";
 export {
-  E as default
+  j as default
 };

package/liquid-fill/index.js

@@ -1,14 +1,14 @@
-/* 2025-11-19 09:09:44 */
-import { jsx as n, jsxs as w } from "react/jsx-runtime";
-import { useContext as se, useRef as y, useState as V, useEffect as D } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsx as a, jsxs as w } from "react/jsx-runtime";
+import { forwardRef as ce, useContext as me, useRef as C, useState as I, useEffect as V, useImperativeHandle as de } from "react";
 import "../config-provider/ConfigProvider.js";
-import le from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import ce from "@unicom-cloud/ui-common/hooks/use-update-effect";
-import me from "@unicom-cloud/ui-common/utils/className";
-import { isNumber as de, isString as E } from "@unicom-cloud/ui-common/utils/is";
+import ue from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import fe from "@unicom-cloud/ui-common/hooks/use-update-effect";
+import pe from "@unicom-cloud/ui-common/utils/className";
+import { isNumber as he, isString as D } from "@unicom-cloud/ui-common/utils/is";
 import { v4 as A } from "uuid";
-import pe from "../config-provider/context.js";
-const ue = {
+import ve from "../config-provider/context.js";
+const ge = {
   value: 0.5,
   size: 200,
   waveColor: "rgb(var(--pqb-blue-6))",
@@ -25,121 +25,128 @@ const ue = {
   decimalPlaces: 0,
   percentFontScale: 0.5,
   waveSpeedVariation: 0.5
-}, ye = (I) => {
+}, xe = (H, _) => {
   const {
-    prefixCls: fe,
-    getPrefixCls: _,
-    componentConfig: H
-  } = se(pe), o = _?.("liquid-fill"), U = le(
-    I,
-    ue,
-    H?.LiquidFill
+    prefixCls: we,
+    getPrefixCls: U,
+    componentConfig: Y
+  } = me(ve), o = U?.("liquid-fill"), J = ue(
+    H,
+    ge,
+    Y?.LiquidFill
   ), {
-    style: Y,
-    className: J,
+    style: K,
+    className: Q,
     value: F,
     size: i,
     fontSize: h = `${i * 0.15}px`,
     waveColor: N,
     backgroundColor: q,
-    textColor: K,
-    showPercent: Q,
-    duration: C,
+    textColor: X,
+    showPercent: Z,
+    duration: b,
     waveCount: m,
-    waveAmplitude: X,
+    waveAmplitude: ee,
     borderColor: G,
     borderWidth: v,
     outerBorderColor: W,
     outerBorderWidth: g,
-    borderGap: Z,
-    decimalPlaces: ee,
-    percentFontScale: te,
+    borderGap: te,
+    decimalPlaces: re,
+    percentFontScale: ne,
     waveSpeedVariation: B
-  } = U, p = y({
+  } = J, u = C({
     clipPath: A(),
     // 裁剪路径ID
     waveGradient: A(),
     // 波浪渐变ID
     bgGradient: A()
     // 背景渐变ID
-  }).current, re = y(null), t = y({
+  }).current, oe = C(null), t = C({
     fill: 0,
     // 填充动画ID
     wave: 0,
     // 波浪动画ID
     startTime: 0
     // 动画开始时间
-  }).current, [b, M] = V(0), [ae, S] = V([]), z = i / 2 - g / 2, k = z - g / 2 - Z - v / 2, l = k - v / 2, r = i / 2, R = l * 2, oe = R * (b / 100) + v / 2, T = (a, e) => {
-    if (E(e))
+  }).current, [P, M] = I(0), [ae, R] = I([]), S = i / 2 - g / 2, z = S - g / 2 - te - v / 2, l = z - v / 2, r = i / 2, k = l * 2, ie = k * (P / 100) + v / 2, T = (n, e) => {
+    if (D(e))
       return null;
     const { from: s, to: c, direction: d = "vertical" } = e;
-    return /* @__PURE__ */ w("linearGradient", { id: a, x1: "0%", y1: "0%", x2: d === "horizontal" ? "100%" : "0%", y2: d === "horizontal" ? "0%" : "100%", children: [
-      /* @__PURE__ */ n("stop", { offset: "0%", stopColor: s }),
-      /* @__PURE__ */ n("stop", { offset: "100%", stopColor: c })
+    return /* @__PURE__ */ w("linearGradient", { id: n, x1: "0%", y1: "0%", x2: d === "horizontal" ? "100%" : "0%", y2: d === "horizontal" ? "0%" : "100%", children: [
+      /* @__PURE__ */ a("stop", { offset: "0%", stopColor: s }),
+      /* @__PURE__ */ a("stop", { offset: "100%", stopColor: c })
     ] });
-  }, L = (a, e) => E(a) ? a : `url(#${e})`, ne = (a, e, s) => {
+  }, E = (n, e) => D(n) ? n : `url(#${e})`, se = (n, e, s) => {
     const c = [], x = r - l, j = r + l;
-    for (let u = 0; u <= 30; u++) {
-      const f = x + u / 30 * R, $ = Math.min(
-        r + l - oe + // 这里原来是减去 waterHeight，现在直接使用 waterHeight
-        a * Math.sin((f - x) * e + s),
+    for (let f = 0; f <= 30; f++) {
+      const p = x + f / 30 * k, y = Math.min(
+        r + l - ie + // 这里原来是减去 waterHeight，现在直接使用 waterHeight
+        n * Math.sin((p - x) * e + s),
         r + l
       );
-      c.push([f, $]);
+      c.push([p, y]);
     }
-    return c.push([j, r + l]), c.push([x, r + l]), c.map(([u, f], $) => `${$ === 0 ? "M" : "L"}${u} ${f}`).join(" ");
-  }, ie = () => Array.from({ length: m }).map((a, e) => {
-    const s = X * (m - e) / m, c = 0.02 * (e + 1), d = ae[e] || 0;
-    return /* @__PURE__ */ n(
+    return c.push([j, r + l]), c.push([x, r + l]), c.map(([f, p], y) => `${y === 0 ? "M" : "L"}${f} ${p}`).join(" ");
+  }, le = () => Array.from({ length: m }).map((n, e) => {
+    const s = ee * (m - e) / m, c = 0.02 * (e + 1), d = ae[e] || 0;
+    return /* @__PURE__ */ a(
       "path",
       {
         className: `${o}-path`,
-        d: ne(s, c, d),
-        fill: L(N, p.waveGradient),
+        d: se(s, c, d),
+        fill: E(N, u.waveGradient),
         fillOpacity: 0.3 + 0.7 / m * e
       },
       e
     );
-  }), P = () => {
-    S(
-      (a) => a.map(
+  }), $ = () => {
+    R(
+      (n) => n.map(
         (e, s) => e + 0.02 * (s + 1) * (1 + B * Math.random())
       )
-    ), b < 100 && (t.wave = requestAnimationFrame(P));
-  }, O = (a) => {
-    t.startTime || (t.startTime = a);
-    const e = a - t.startTime, s = Math.min(e / C, 1) * F * 100;
-    M(s), e < C && (t.fill = requestAnimationFrame(O));
+    ), P < 100 && (t.wave = requestAnimationFrame($));
+  }, L = (n) => {
+    t.startTime || (t.startTime = n);
+    const e = n - t.startTime, s = Math.min(e / b, 1) * F * 100;
+    M(s), e < b && (t.fill = requestAnimationFrame(L));
   };
-  return D(() => {
-    S(Array.from({ length: m }, (a, e) => e * Math.PI));
-  }, [m]), D(() => (cancelAnimationFrame(t.fill), cancelAnimationFrame(t.wave), t.startTime = 0, M(0), t.fill = requestAnimationFrame(O), t.wave = requestAnimationFrame(P), () => {
+  V(() => {
+    R(Array.from({ length: m }, (n, e) => e * Math.PI));
+  }, [m]), V(() => (cancelAnimationFrame(t.fill), cancelAnimationFrame(t.wave), t.startTime = 0, M(0), t.fill = requestAnimationFrame(L), t.wave = requestAnimationFrame($), () => {
     cancelAnimationFrame(t.fill), cancelAnimationFrame(t.wave);
-  }), [F, C, m]), ce(() => (cancelAnimationFrame(t.wave), t.wave = requestAnimationFrame(P), () => {
+  }), [F, b, m]), fe(() => (cancelAnimationFrame(t.wave), t.wave = requestAnimationFrame($), () => {
     cancelAnimationFrame(t.wave);
-  }), [B]), /* @__PURE__ */ n(
+  }), [B]);
+  const O = C(null);
+  return de(_, () => ({
+    getRootElement() {
+      return O.current;
+    }
+  })), /* @__PURE__ */ a(
     "div",
     {
-      className: me(o, J),
+      ref: O,
+      className: pe(o, Q),
       style: {
         width: i,
         height: i,
-        ...Y
+        ...K
       },
       children: /* @__PURE__ */ w(
         "svg",
         {
           className: `${o}-svg`,
-          ref: re,
+          ref: oe,
           width: i,
           height: i,
           viewBox: `0 0 ${i} ${i}`,
           preserveAspectRatio: "xMidYMid meet",
           children: [
             /* @__PURE__ */ w("defs", { children: [
-              T(p.waveGradient, N),
-              T(p.bgGradient, q),
-              /* @__PURE__ */ n("clipPath", { id: p.clipPath, className: `${o}-clipPath`, children: /* @__PURE__ */ n(
+              T(u.waveGradient, N),
+              T(u.bgGradient, q),
+              /* @__PURE__ */ a("clipPath", { id: u.clipPath, className: `${o}-clipPath`, children: /* @__PURE__ */ a(
                 "circle",
                 {
                   className: `${o}-clipPath-circle`,
@@ -149,51 +156,51 @@ const ue = {
                 }
               ) })
             ] }),
-            g > 0 && /* @__PURE__ */ n(
+            g > 0 && /* @__PURE__ */ a(
               "circle",
               {
                 className: `${o}-outerBorder`,
                 cx: r,
                 cy: r,
-                r: z,
+                r: S,
                 fill: "none",
                 stroke: W || G,
                 strokeWidth: g,
                 strokeOpacity: W ? 1 : 0.5
               }
             ),
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ a(
               "circle",
               {
                 className: `${o}-border`,
                 cx: r,
                 cy: r,
-                r: k,
-                fill: L(q, p.bgGradient),
+                r: z,
+                fill: E(q, u.bgGradient),
                 stroke: G,
                 strokeWidth: v
               }
             ),
-            /* @__PURE__ */ n("g", { className: `${o}-g`, clipPath: `url(#${p.clipPath})`, children: ie() }),
-            Q && /* @__PURE__ */ w(
+            /* @__PURE__ */ a("g", { className: `${o}-g`, clipPath: `url(#${u.clipPath})`, children: le() }),
+            Z && /* @__PURE__ */ w(
               "text",
               {
                 style: {},
                 className: `${o}-text`,
                 x: r,
                 y: r,
-                fill: K,
+                fill: X,
                 fontSize: h,
                 textAnchor: "middle",
                 dominantBaseline: "middle",
                 alignmentBaseline: "middle",
                 children: [
-                  b.toFixed(ee),
-                  /* @__PURE__ */ n(
+                  P.toFixed(re),
+                  /* @__PURE__ */ a(
                     "tspan",
                     {
                       style: {
-                        fontSize: `calc(${de(h) ? h + "px" : h} * ${te})`
+                        fontSize: `calc(${he(h) ? h + "px" : h} * ${ne})`
                       },
                       className: `${o}-text-tspan`,
                       alignmentBaseline: "middle",
@@ -209,7 +216,7 @@ const ue = {
       )
     }
   );
-};
+}, Ge = ce(xe);
 export {
-  ye as default
+  Ge as default
 };

package/list/Item.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as n, jsxs as c } from "react/jsx-runtime";
 import m, { useContext as L } from "react";
 import "../config-provider/ConfigProvider.js";

package/list/Meta.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as o, jsx as a } from "react/jsx-runtime";
 import p, { useContext as C } from "react";
 import "../config-provider/ConfigProvider.js";