@unicom-cloud/ui 0.8.119 → 0.8.120

package/layout/Sider.js

@@ -1,16 +1,15 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 09:11:22 */
 import { jsx as s, jsxs as J } from "react/jsx-runtime";
 import W from "@unicom-cloud/icons/IconUiLeft";
 import _ from "@unicom-cloud/icons/IconUiRight";
 import { createContext as K, forwardRef as X, useContext as Y, useState as Z, useRef as B, useEffect as I, useMemo as ee } from "react";
 import "../config-provider/ConfigProvider.js";
-import re from "../dist/ui-common/hooks/use-merge-value/index.js";
+import re from "@unicom-cloud/ui-common/hooks/use-merge-value";
 import oe from "../resize-box/index.js";
-import P from "@unicom-cloud/utils/class-name";
-import "../dist/ui-common/utils/is.js";
-import { responsiveMap as te, responsiveObserve as M } from "../utils/responsiveObserve.js";
-import ie from "../config-provider/context.js";
-import { isNumber as v, isArray as se } from "@unicom-cloud/utils/is";
+import M from "@unicom-cloud/ui-common/utils/className";
+import { isNumber as v, isArray as te } from "@unicom-cloud/ui-common/utils/is";
+import { responsiveMap as ie, responsiveObserve as P } from "../utils/responsiveObserve.js";
+import se from "../config-provider/context.js";
 const ne = K({
   siderCollapsed: !1,
   collapsedWidth: 64
@@ -18,7 +17,7 @@ const ne = K({
   let o = 0;
   return (p = "") => (o += 1, `${p}${o}`);
 })();
-function de(o, p) {
+function ae(o, p) {
   const {
     children: T,
     className: U,
@@ -27,64 +26,64 @@ function de(o, p) {
     trigger: u,
     reverseArrow: S,
     collapsedWidth: r = 48,
-    width: f = 200,
-    collapsible: m,
+    width: m = 200,
+    collapsible: f,
     resizeDirections: l,
     onSiderMount: q,
     onSiderUnmount: A,
-    breakpoint: b,
+    breakpoint: $,
     onBreakpoint: F,
-    onCollapse: $,
-    resizeBoxProps: d = {}
-  } = o, w = le("pqb-sider-"), { prefixCls: ce, getPrefixCls: H } = Y(ie), t = H?.("layout-sider"), [e, N] = re(!1, {
+    onCollapse: b,
+    resizeBoxProps: a = {}
+  } = o, N = le("pqb-sider-"), { prefixCls: ce, getPrefixCls: H } = Y(se), t = H?.("layout-sider"), [e, w] = re(!1, {
     value: "collapsed" in o ? o.collapsed : void 0,
     defaultValue: o.defaultCollapsed
-  }), g = v(f) ? `${f}px` : String(f), L = v(r) ? `${r}` : String(r), [a, R] = Z(
+  }), g = v(m) ? `${m}px` : String(m), L = v(r) ? `${r}` : String(r), [d, k] = Z(
     e ? L : g
-  ), h = B(void 0), k = B(void 0);
-  k.current = {
-    breakpoint: b,
+  ), h = B(void 0), y = B(void 0);
+  y.current = {
+    breakpoint: $,
     collapsed: e,
-    onCollapse: $,
+    onCollapse: b,
     onBreakpoint: F
-  }, I(() => (q?.(w), m && b in te && (h.current = M.subscribe(
+  }, I(() => (q?.(N), f && $ in ie && (h.current = P.subscribe(
     (i, n) => {
-      const { breakpoint: y, collapsed: O, onCollapse: Q, onBreakpoint: V } = k.current;
-      if (!n || n === y) {
-        const c = !i[y];
-        c !== O && (N(c), Q?.(c, "responsive")), V?.(c);
+      const { breakpoint: R, collapsed: G, onCollapse: O, onBreakpoint: Q } = y.current;
+      if (!n || n === R) {
+        const c = !i[R];
+        c !== G && (w(c), O?.(c, "responsive")), Q?.(c);
       }
     }
   )), () => {
-    A?.(w), h.current && M.unsubscribe(h.current);
+    A?.(N), h.current && P.unsubscribe(h.current);
   }), []), I(() => {
     const i = v(r) ? `${r}px` : String(r);
-    R(e ? i : g);
+    k(e ? i : g);
   }, [e, g, r]);
-  const C = l && se(l) || d.directions?.length, D = C ? oe : "aside", E = () => {
+  const C = l && te(l) || a.directions?.length, V = C ? oe : "aside", D = () => {
     const i = u || (e ? S ? /* @__PURE__ */ s(W, {}) : /* @__PURE__ */ s(_, {}) : S ? /* @__PURE__ */ s(_, {}) : /* @__PURE__ */ s(W, {}));
-    return m && u !== null ? /* @__PURE__ */ s(
+    return f && u !== null ? /* @__PURE__ */ s(
       "div",
       {
-        style: { width: a },
-        className: P(`${t}-trigger`, {
+        style: { width: d },
+        className: M(`${t}-trigger`, {
           [`${t}-trigger-light`]: x === "light"
         }),
         onClick: (n) => {
-          N(!e), $?.(!e, "clickTrigger");
+          w(!e), b?.(!e, "clickTrigger");
         },
         children: i
       }
     ) : null;
-  }, G = ee(() => C ? {
+  }, E = ee(() => C ? {
     component: "aside",
-    ...d,
-    width: a,
+    ...a,
+    width: d,
     directions: l,
     onMoving: (i, n) => {
-      R(`${n.width}px`), d?.onMoving?.(i, n);
+      k(`${n.width}px`), a?.onMoving?.(i, n);
     }
-  } : {}, [C, l, a, d]);
+  } : {}, [C, l, d, a]);
   return /* @__PURE__ */ s(
     ne.Provider,
     {
@@ -93,33 +92,33 @@ function de(o, p) {
         collapsedWidth: r
       },
       children: /* @__PURE__ */ J(
-        D,
+        V,
         {
           ref: p,
           style: {
-            width: a,
+            width: d,
             ...j
           },
-          className: P(
+          className: M(
             t,
             {
               [`${t}-light`]: x === "light",
-              [`${t}-has-trigger`]: u !== null && m,
+              [`${t}-has-trigger`]: u !== null && f,
               [`${t}-collapsed`]: e
             },
             U
           ),
-          ...G,
+          ...E,
           children: [
             /* @__PURE__ */ s("div", { className: `${t}-children`, children: T }),
-            E()
+            D()
           ]
         }
       )
     }
   );
 }
-const ae = X(de), z = ae;
+const de = X(ae), z = de;
 z.displayName = "LayoutSider";
 z.__PQB_SIGN__ = "sider";
 export {

package/layout/index.js

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

package/link/index.js

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

package/liquid-fill/index.js

@@ -1,14 +1,13 @@
-/* 2025-11-11 09:22:07 */
-import { jsx as a, jsxs as w } from "react/jsx-runtime";
+/* 2025-11-14 09:11:22 */
+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";
 import "../config-provider/ConfigProvider.js";
-import le from "../dist/ui-common/hooks/use-merge-props/index.js";
-import ce from "../dist/ui-common/hooks/use-update-effect/index.js";
-import me from "@unicom-cloud/utils/class-name";
-import "../dist/ui-common/utils/is.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 { v4 as A } from "uuid";
-import de from "../config-provider/context.js";
-import { isNumber as pe, isString as I } from "@unicom-cloud/utils/is";
+import pe from "../config-provider/context.js";
 const ue = {
   value: 0.5,
   size: 200,
@@ -26,25 +25,25 @@ const ue = {
   decimalPlaces: 0,
   percentFontScale: 0.5,
   waveSpeedVariation: 0.5
-}, Ae = (_) => {
+}, ye = (I) => {
   const {
     prefixCls: fe,
-    getPrefixCls: E,
+    getPrefixCls: _,
     componentConfig: H
-  } = se(de), n = E?.("liquid-fill"), Y = le(
-    _,
+  } = se(pe), o = _?.("liquid-fill"), U = le(
+    I,
     ue,
     H?.LiquidFill
   ), {
-    style: J,
-    className: K,
+    style: Y,
+    className: J,
     value: F,
     size: i,
     fontSize: h = `${i * 0.15}px`,
-    waveColor: q,
-    backgroundColor: N,
-    textColor: Q,
-    showPercent: U,
+    waveColor: N,
+    backgroundColor: q,
+    textColor: K,
+    showPercent: Q,
     duration: C,
     waveCount: m,
     waveAmplitude: X,
@@ -56,7 +55,7 @@ const ue = {
     decimalPlaces: ee,
     percentFontScale: te,
     waveSpeedVariation: B
-  } = Y, p = y({
+  } = U, p = y({
     clipPath: A(),
     // 裁剪路径ID
     waveGradient: A(),
@@ -70,67 +69,67 @@ const ue = {
     // 波浪动画ID
     startTime: 0
     // 动画开始时间
-  }).current, [b, S] = V(0), [oe, z] = V([]), M = i / 2 - g / 2, k = M - g / 2 - Z - v / 2, l = k - v / 2, r = i / 2, R = l * 2, ne = R * (b / 100) + v / 2, T = (o, e) => {
-    if (I(e))
+  }).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))
       return null;
     const { from: s, to: c, direction: d = "vertical" } = e;
-    return /* @__PURE__ */ w("linearGradient", { id: o, 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 })
+    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 })
     ] });
-  }, L = (o, e) => I(o) ? o : `url(#${e})`, ae = (o, e, s) => {
+  }, L = (a, e) => E(a) ? a : `url(#${e})`, ne = (a, 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 - ne + // 这里原来是减去 waterHeight，现在直接使用 waterHeight
-        o * Math.sin((f - x) * e + s),
+        r + l - oe + // 这里原来是减去 waterHeight，现在直接使用 waterHeight
+        a * Math.sin((f - x) * e + s),
         r + l
       );
       c.push([f, $]);
     }
     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((o, e) => {
-    const s = X * (m - e) / m, c = 0.02 * (e + 1), d = oe[e] || 0;
-    return /* @__PURE__ */ a(
+  }, 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(
       "path",
       {
-        className: `${n}-path`,
-        d: ae(s, c, d),
-        fill: L(q, p.waveGradient),
+        className: `${o}-path`,
+        d: ne(s, c, d),
+        fill: L(N, p.waveGradient),
         fillOpacity: 0.3 + 0.7 / m * e
       },
       e
     );
   }), P = () => {
-    z(
-      (o) => o.map(
+    S(
+      (a) => a.map(
         (e, s) => e + 0.02 * (s + 1) * (1 + B * Math.random())
       )
     ), b < 100 && (t.wave = requestAnimationFrame(P));
-  }, O = (o) => {
-    t.startTime || (t.startTime = o);
-    const e = o - t.startTime, s = Math.min(e / C, 1) * F * 100;
-    S(s), e < C && (t.fill = requestAnimationFrame(O));
+  }, 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));
   };
   return D(() => {
-    z(Array.from({ length: m }, (o, e) => e * Math.PI));
-  }, [m]), D(() => (cancelAnimationFrame(t.fill), cancelAnimationFrame(t.wave), t.startTime = 0, S(0), t.fill = requestAnimationFrame(O), t.wave = requestAnimationFrame(P), () => {
+    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), () => {
     cancelAnimationFrame(t.fill), cancelAnimationFrame(t.wave);
   }), [F, C, m]), ce(() => (cancelAnimationFrame(t.wave), t.wave = requestAnimationFrame(P), () => {
     cancelAnimationFrame(t.wave);
-  }), [B]), /* @__PURE__ */ a(
+  }), [B]), /* @__PURE__ */ n(
     "div",
     {
-      className: me(n, K),
+      className: me(o, J),
       style: {
         width: i,
         height: i,
-        ...J
+        ...Y
       },
       children: /* @__PURE__ */ w(
         "svg",
         {
-          className: `${n}-svg`,
+          className: `${o}-svg`,
           ref: re,
           width: i,
           height: i,
@@ -138,65 +137,65 @@ const ue = {
           preserveAspectRatio: "xMidYMid meet",
           children: [
             /* @__PURE__ */ w("defs", { children: [
-              T(p.waveGradient, q),
-              T(p.bgGradient, N),
-              /* @__PURE__ */ a("clipPath", { id: p.clipPath, className: `${n}-clipPath`, children: /* @__PURE__ */ a(
+              T(p.waveGradient, N),
+              T(p.bgGradient, q),
+              /* @__PURE__ */ n("clipPath", { id: p.clipPath, className: `${o}-clipPath`, children: /* @__PURE__ */ n(
                 "circle",
                 {
-                  className: `${n}-clipPath-circle`,
+                  className: `${o}-clipPath-circle`,
                   cx: r,
                   cy: r,
                   r: l
                 }
               ) })
             ] }),
-            g > 0 && /* @__PURE__ */ a(
+            g > 0 && /* @__PURE__ */ n(
               "circle",
               {
-                className: `${n}-outerBorder`,
+                className: `${o}-outerBorder`,
                 cx: r,
                 cy: r,
-                r: M,
+                r: z,
                 fill: "none",
                 stroke: W || G,
                 strokeWidth: g,
                 strokeOpacity: W ? 1 : 0.5
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ n(
               "circle",
               {
-                className: `${n}-border`,
+                className: `${o}-border`,
                 cx: r,
                 cy: r,
                 r: k,
-                fill: L(N, p.bgGradient),
+                fill: L(q, p.bgGradient),
                 stroke: G,
                 strokeWidth: v
               }
             ),
-            /* @__PURE__ */ a("g", { className: `${n}-g`, clipPath: `url(#${p.clipPath})`, children: ie() }),
-            U && /* @__PURE__ */ w(
+            /* @__PURE__ */ n("g", { className: `${o}-g`, clipPath: `url(#${p.clipPath})`, children: ie() }),
+            Q && /* @__PURE__ */ w(
               "text",
               {
                 style: {},
-                className: `${n}-text`,
+                className: `${o}-text`,
                 x: r,
                 y: r,
-                fill: Q,
+                fill: K,
                 fontSize: h,
                 textAnchor: "middle",
                 dominantBaseline: "middle",
                 alignmentBaseline: "middle",
                 children: [
                   b.toFixed(ee),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ n(
                     "tspan",
                     {
                       style: {
-                        fontSize: `calc(${pe(h) ? h + "px" : h} * ${te})`
+                        fontSize: `calc(${de(h) ? h + "px" : h} * ${te})`
                       },
-                      className: `${n}-text-tspan`,
+                      className: `${o}-text-tspan`,
                       alignmentBaseline: "middle",
                       dominantBaseline: "middle",
                       children: "%"
@@ -212,5 +211,5 @@ const ue = {
   );
 };
 export {
-  Ae as default
+  ye as default
 };