@unicom-cloud/ui 0.8.123 → 0.8.125

package/spin/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as n, jsxs as N, Fragment as $ } from "react/jsx-runtime";
 import w from "@unicom-cloud/icons/IconUiLoading";
 import _ from "@unicom-cloud/icons/IconUiLoadingDots";
@@ -9,7 +9,7 @@ import M from "lodash/debounce";
 import h, { useContext as q, useState as A, useCallback as B, useRef as G, useImperativeHandle as J, useEffect as K } from "react";
 import "../config-provider/ConfigProvider.js";
 import O from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import m from "@unicom-cloud/ui-common/utils/className";
+import d from "@unicom-cloud/ui-common/utils/className";
 import { isEmptyReactNode as Q } from "@unicom-cloud/ui-common/utils/is";
 import T from "../config-provider/context.js";
 function V(S, C) {
@@ -17,90 +17,92 @@ function V(S, C) {
     prefixCls: x,
     getPrefixCls: I,
     componentConfig: L
-  } = q(T), b = O(
+  } = q(T), R = O(
     S,
     {},
     L?.Spin
   ), {
-    style: v,
-    className: R,
+    style: b,
+    className: v,
     children: r,
-    loading: l,
-    size: s,
+    loading: t,
+    size: l,
     icon: f,
     element: z,
     tip: a,
-    type: U,
-    delay: i,
-    block: k = !1,
+    type: E,
+    delay: o,
+    block: U = !1,
     fullscreen: p,
-    ...E
-  } = b, [g, u] = A(i ? !1 : l), o = B(M(u, i), [i]), c = i ? g : l, e = I?.("spin"), y = G(null);
+    ...k
+  } = R, [g, u] = A(o ? !1 : t), i = B(M(u, o), [o]), c = o ? g : t, e = I?.("spin"), y = G(null);
   J(C, () => ({
     // 潘启宝添加于 2023年10月23日 星期一 10时52分55秒 CST
-    dom: y.current,
     loading: g,
     setLoading: u,
-    debouncedSetLoading: o
-  })), K(() => (i && o(l), () => {
-    o && o.cancel();
-  }), [o, i, l]);
+    debouncedSetLoading: i,
+    getRootElement() {
+      return y.current;
+    }
+  })), K(() => (o && i(t), () => {
+    i && i.cancel();
+  }), [i, o, t]);
   const P = {
     dot: _,
     infinity: D,
     ring: F,
     circle: H,
     default: w
-  }[U || "default"], j = /* @__PURE__ */ n("span", { className: `${e}-icon`, children: f ? h.cloneElement(f, {
+  }[E || "default"], j = /* @__PURE__ */ n("span", { className: `${e}-icon`, children: f ? h.cloneElement(f, {
     className: `${x}-icon-ui-loading`,
     style: {
-      fontSize: s
+      fontSize: l
     }
-  }) : z || /* @__PURE__ */ n(P, { style: { fontSize: s } }) }), d = /* @__PURE__ */ N($, { children: [
+  }) : z || /* @__PURE__ */ n(P, { style: { fontSize: l } }) }), m = /* @__PURE__ */ N($, { children: [
     j,
     a ? /* @__PURE__ */ n("div", { className: `${e}-tip`, children: a }) : null
   ] });
-  let t;
-  return Q(r) ? p ? c && (t = /* @__PURE__ */ n(
+  let s;
+  return Q(r) ? p ? c && (s = /* @__PURE__ */ n(
     "div",
     {
-      className: m(
+      className: d(
         `${e}-loading-layer`,
         `${e}-fullscreen`
       ),
-      style: { fontSize: s },
-      children: d
+      style: { fontSize: l },
+      children: m
     }
-  )) : t = d : t = /* @__PURE__ */ N($, { children: [
+  )) : s = m : s = /* @__PURE__ */ N($, { children: [
     /* @__PURE__ */ n("div", { className: `${e}-children`, children: r }),
     c && /* @__PURE__ */ n(
       "div",
       {
-        className: m(
+        className: d(
           `${e}-loading-layer`,
           p && `${e}-fullscreen`
           // 潘启宝添加
         ),
-        style: { fontSize: s },
-        children: /* @__PURE__ */ n("span", { className: `${e}-loading-layer-inner`, children: d })
+        style: { fontSize: l },
+        children: /* @__PURE__ */ n("span", { className: `${e}-loading-layer-inner`, children: m })
       }
     )
   ] }), /* @__PURE__ */ n(
     "div",
     {
       ref: y,
-      className: m(
+      className: d(
         e,
         {
-          [`${e}-block`]: k,
+          [`${e}-block`]: U,
           [`${e}-loading`]: c,
           [`${e}-with-tip`]: a && !r
         },
-        R
+        v
       ),
-      style: v,
-      ...E,
-      children: t
+      style: b,
+      ...k,
+      children: s
     }
   );
 }

package/splitter/Panel.js

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

package/splitter/SplitBar.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as G, jsx as l } from "react/jsx-runtime";
 import H from "@unicom-cloud/icons/IconUiDown";
 import J from "@unicom-cloud/icons/IconUiLeft";
@@ -6,9 +6,9 @@ import K from "@unicom-cloud/icons/IconUiRight";
 import Q from "@unicom-cloud/icons/IconUiUp";
 import { useContext as W, useState as X, useEffect as Z } from "react";
 import "../config-provider/ConfigProvider.js";
+import Y from "@unicom-cloud/ui-common/hooks/use-event";
 import f from "@unicom-cloud/ui-common/utils/className";
 import { isNumber as _, isNaN as ee } from "@unicom-cloud/ui-common/utils/is";
-import Y from "./hooks/useEvent.js";
 import oe from "../config-provider/context.js";
 function b(d) {
   return _(d) && !ee(d) ? Math.round(d) : 0;

package/splitter/Splitter.js

@@ -1,126 +1,140 @@
-/* 2025-11-19 09:09:44 */
-import { jsxs as v, jsx as h } from "react/jsx-runtime";
-import m, { useState as re, useRef as ie, useImperativeHandle as ae } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsxs as v, jsx as g } from "react/jsx-runtime";
+import f, { useState as re, useRef as ie, useImperativeHandle as ae } from "react";
 import "../config-provider/ConfigProvider.js";
+import c from "@unicom-cloud/ui-common/hooks/use-event";
 import le from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import ce from "@unicom-cloud/ui-common/hooks/use-resize-observers";
-import fe from "@unicom-cloud/ui-common/utils/className";
-import { isNumber as me } from "@unicom-cloud/ui-common/utils/is";
-import f from "./hooks/useEvent.js";
+import me from "@unicom-cloud/ui-common/hooks/use-resize-observers";
+import ce from "@unicom-cloud/ui-common/utils/className";
+import { isNumber as fe } from "@unicom-cloud/ui-common/utils/is";
 import pe from "./hooks/useItems.js";
 import ue from "./hooks/useResizable.js";
 import ze from "./hooks/useResize.js";
 import Se from "./hooks/useSizes.js";
 import { InternalPanel as Ce } from "./Panel.js";
 import de from "./SplitBar.js";
-import he from "../config-provider/context.js";
-const ge = {
-  layout: "horizontal"
+import ge from "../config-provider/context.js";
+const he = {
+  orientation: "horizontal"
 };
-function Re(N, P) {
-  const { getPrefixCls: E, componentConfig: O, rtl: l } = m.useContext(he), x = le(
-    N,
-    ge,
+function Re(E, N) {
+  const { getPrefixCls: P, componentConfig: O, rtl: l } = f.useContext(ge), x = le(
+    E,
+    he,
     O?.Splitter
   ), {
     prefixCls: $,
-    className: y,
-    style: k,
-    layout: g = "horizontal",
+    className: k,
+    style: y,
+    orientation: h = "horizontal",
     children: H,
     onResizeStart: U,
     onResize: R,
     onResizeEnd: p,
     lazy: j,
     ...w
-  } = x, o = E?.("splitter", $), c = g === "vertical", r = pe(H), [u, B] = re(), i = ie(null), W = (t) => {
-    const e = i.current?.offsetWidth, s = i.current?.offsetHeight, n = c ? s : e;
-    n !== 0 && B(n);
+  } = x, o = P?.("splitter", $), m = h === "vertical", r = pe(H), [u, B] = re(), i = ie(null), W = (t) => {
+    const e = i.current?.offsetWidth, n = i.current?.offsetHeight, s = m ? n : e;
+    s !== 0 && B(s);
   }, [
-    D,
+    F,
     z,
     S,
     M,
     I,
-    F
-  ] = Se(r, u), V = ue(r, z, l), [q, A, G, J, b] = ze(r, S, u, F, l), K = f((t) => {
-    q(t), U?.(z);
-  }), L = f(
-    (t, e, s) => {
-      const n = A(t, e);
-      s ? p?.(n) : R?.(n);
+    V
+  ] = Se(r, u), q = ue(r, z, l), [A, D, G, J, b] = ze(r, S, u, V, l), K = c((t) => {
+    A(t), U?.(z);
+  }), L = c(
+    (t, e, n) => {
+      const s = D(t, e);
+      n ? p?.(s) : R?.(s);
     }
-  ), Q = f((t) => {
+  ), Q = c((t) => {
     G(), t || p?.(z);
-  }), T = f(
+  }), T = c(
     (t, e) => {
-      const s = J(t, e);
-      R?.(s), p?.(s);
+      const n = J(t, e);
+      R?.(n), p?.(n);
     }
-  ), X = fe(
+  ), X = ce(
     o,
-    y,
-    `${o}-${g}`,
+    k,
+    `${o}-${h}`,
     l && [`${o}-rtl`]
-  ), a = m.useMemo(() => {
+  ), a = f.useMemo(() => {
     const t = [];
     let e = 0;
-    for (let s = 0; s < r.length; s += 1)
-      e += S[s], t.push(e);
+    for (let n = 0; n < r.length; n += 1)
+      e += S[n], t.push(e);
     return t;
   }, [S, r.length]);
-  return ce(
+  return me(
     (t) => {
       W();
     },
-    [i.current]
-  ), ae(P, () => ({ dom: i.current })), /* @__PURE__ */ v("div", { style: k, className: X, ref: i, ...w, children: [
-    r.map((t, e) => {
-      const s = /* @__PURE__ */ h(
-        Ce,
-        {
-          ...t,
-          prefixCls: o,
-          size: D[e]
-        }
-      );
-      let n = null;
-      const C = V[e];
-      if (C) {
-        const Y = (a[e - 1] || 0) + M[e], Z = (a[e + 1] || 100) - I[e + 1], _ = (a[e - 1] || 0) + I[e], ee = (a[e + 1] || 100) - M[e + 1];
-        n = /* @__PURE__ */ h(
-          de,
-          {
-            lazy: j,
-            index: e,
-            active: b === e,
-            prefixCls: o,
-            vertical: c,
-            ariaNow: a[e] * 100,
-            ariaMin: Math.max(Y, Z) * 100,
-            ariaMax: Math.min(_, ee) * 100,
-            startCollapsible: C.startCollapsible,
-            endCollapsible: C.endCollapsible,
-            onOffsetStart: K,
-            onOffsetUpdate: (te, se, ne, oe) => {
-              let d = c ? ne : se;
-              l && !c && (d = -d), L(te, d, oe);
-            },
-            onOffsetEnd: Q,
-            onCollapse: T,
-            containerSize: u || 0
+    [i.current],
+    { immediate: !0 }
+  ), ae(N, () => ({
+    getRootElement() {
+      return i.current;
+    }
+  })), /* @__PURE__ */ v(
+    "div",
+    {
+      style: y,
+      className: X,
+      ref: i,
+      ...w,
+      children: [
+        r.map((t, e) => {
+          const n = /* @__PURE__ */ g(
+            Ce,
+            {
+              ...t,
+              prefixCls: o,
+              size: F[e]
+            }
+          );
+          let s = null;
+          const C = q[e];
+          if (C) {
+            const Y = (a[e - 1] || 0) + M[e], Z = (a[e + 1] || 100) - I[e + 1], _ = (a[e - 1] || 0) + I[e], ee = (a[e + 1] || 100) - M[e + 1];
+            s = /* @__PURE__ */ g(
+              de,
+              {
+                lazy: j,
+                index: e,
+                active: b === e,
+                prefixCls: o,
+                vertical: m,
+                ariaNow: a[e] * 100,
+                ariaMin: Math.max(Y, Z) * 100,
+                ariaMax: Math.min(_, ee) * 100,
+                startCollapsible: C.startCollapsible,
+                endCollapsible: C.endCollapsible,
+                onOffsetStart: K,
+                onOffsetUpdate: (te, ne, se, oe) => {
+                  let d = m ? se : ne;
+                  l && !m && (d = -d), L(te, d, oe);
+                },
+                onOffsetEnd: Q,
+                onCollapse: T,
+                containerSize: u || 0
+              }
+            );
           }
-        );
-      }
-      return /* @__PURE__ */ v(m.Fragment, { children: [
-        s,
-        n
-      ] }, `split-panel-${e}`);
-    }),
-    me(b) && /* @__PURE__ */ h("div", { "aria-hidden": !0, className: `${o}-mask` })
-  ] });
+          return /* @__PURE__ */ v(f.Fragment, { children: [
+            n,
+            s
+          ] }, `split-panel-${e}`);
+        }),
+        fe(b) && /* @__PURE__ */ g("div", { "aria-hidden": !0, className: `${o}-mask` })
+      ]
+    }
+  );
 }
-const Me = m.forwardRef(Re);
+const Me = f.forwardRef(Re);
 Me.displayName = "Splitter";
 export {
   Me as default

package/splitter/hooks/useItems.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import o from "react";
 import { isObjectLike as n } from "@unicom-cloud/ui-common/utils/is";
 import p from "@unicom-cloud/ui-common/utils/toArray";

package/splitter/hooks/useResizable.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import C from "react";
 function v(t, l, n) {
   return C.useMemo(() => {

package/splitter/hooks/useResize.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import x from "react";
 import { isString as q } from "@unicom-cloud/ui-common/utils/is";
 import { getPtg as w } from "./useSizes.js";

package/splitter/hooks/useSizes.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import i from "react";
 import { isString as N } from "@unicom-cloud/ui-common/utils/is";
 function l(s) {

package/splitter/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import t from "./Panel.js";
 import e from "./Splitter.js";
 const r = e;

package/statistic/index.js

@@ -1,7 +1,7 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as l, Fragment as k, jsx as a } from "react/jsx-runtime";
 import q from "dayjs";
-import { forwardRef as H, useContext as W, useRef as w, useState as X, useEffect as z, useImperativeHandle as B, useMemo as G } from "react";
+import { forwardRef as H, useContext as O, useRef as w, useState as X, useEffect as z, useImperativeHandle as B, useMemo as G } from "react";
 import "../config-provider/ConfigProvider.js";
 import J from "../countdown/index.js";
 import K from "@unicom-cloud/ui-common/hooks/use-merge-props";
@@ -9,17 +9,17 @@ import Q from "../skeleton/index.js";
 import Y from "@unicom-cloud/ui-common/utils/className";
 import { isNumber as c, isFunction as Z } from "@unicom-cloud/ui-common/utils/is";
 import ee from "@unicom-cloud/ui-common/utils/omit";
-import te, { easing as oe } from "@unicom-cloud/ui-common/utils/tween";
-import { PREFIX_CLASS_STATISTIC as re } from "./interface.js";
-import ne from "../config-provider/context.js";
-function ie(y, R) {
-  const D = {
+import te, { easing as re } from "@unicom-cloud/ui-common/utils/tween";
+import { PREFIX_CLASS_STATISTIC as ne } from "./interface.js";
+import oe from "../config-provider/context.js";
+function ie(y, P) {
+  const R = {
     countFrom: 0,
     countDuration: 2e3
-  }, { getPrefixCls: P, componentConfig: U, rtl: I } = W(ne), e = K(
+  }, { getPrefixCls: U, componentConfig: D, rtl: I } = O(oe), e = K(
     y,
-    D,
-    U?.Statistic
+    R,
+    D?.Statistic
   ), {
     className: T,
     style: V,
@@ -33,81 +33,83 @@ function ie(y, R) {
     renderFormat: h,
     styleValue: _,
     styleDecimal: j,
-    loading: M,
+    loading: E,
     ...A
   } = e, i = w(void 0), C = w(void 0), [t, p] = X(
     "value" in e ? e.value : void 0
-  ), o = P?.(re), f = (n = e.countFrom, r = e.value) => {
+  ), r = U?.(ne), f = (o = e.countFrom, n = e.value) => {
     const { countDuration: N } = e;
-    n !== r && (i.current = new te({
+    o !== n && (i.current = new te({
       from: {
-        value: n
+        value: o
       },
       to: {
-        value: r
+        value: n
       },
       duration: N,
-      easing: oe.quartOut,
-      onUpdate: (O) => {
-        p(O.value.toFixed(s));
+      easing: re.quartOut,
+      onUpdate: (W) => {
+        p(W.value.toFixed(s));
       },
       onFinish: () => {
-        p(r);
+        p(n);
       }
     }), i.current.start());
   };
   z(() => (e.countUp ? (i.current && i.current.stop(), t !== e.value ? f(Number(t), e.value) : f()) : p(e.value), () => {
     i.current && i.current.stop(), i.current = null;
-  }), [e.value]), B(R, () => ({
+  }), [e.value]), B(P, () => ({
     countUp: f,
-    getRootDOMNode: () => C.current
+    getRootElement() {
+      return C.current;
+    }
   }));
-  const { int: E, decimal: v } = G(() => {
-    let n = t;
-    d && (n = q(t).format(d)), c(s) && s >= 0 && (n = Number(t).toFixed(s));
-    let r = String(n).split(".")[0];
-    const N = String(n).split(".")[1];
-    return g && c(Number(t)) && (r = Number(r).toLocaleString("en-US")), {
-      int: r,
+  const { int: L, decimal: v } = G(() => {
+    let o = t;
+    d && (o = q(t).format(d)), c(s) && s >= 0 && (o = Number(t).toFixed(s));
+    let n = String(o).split(".")[0];
+    const N = String(o).split(".")[1];
+    return g && c(Number(t)) && (n = Number(n).toLocaleString("en-US")), {
+      int: n,
       decimal: N
     };
-  }, [d, g, s, t]), L = Z(h) ? h : (n, r) => r, F = c(Number(t)), $ = /* @__PURE__ */ l(k, { children: [
-    m != null ? /* @__PURE__ */ a("span", { className: `${o}-value-prefix`, children: m }) : null,
-    L(t, F ? E : t)
+  }, [d, g, s, t]), M = Z(h) ? h : (o, n) => n, F = c(Number(t)), $ = /* @__PURE__ */ l(k, { children: [
+    m != null ? /* @__PURE__ */ a("span", { className: `${r}-value-prefix`, children: m }) : null,
+    M(t, F ? L : t)
   ] });
   return /* @__PURE__ */ l(
     "div",
     {
-      className: Y(`${o}`, { [`${o}-rtl`]: I }, T),
+      className: Y(`${r}`, { [`${r}-rtl`]: I }, T),
       style: V,
       ...ee(A, ["value", "countUp", "countFrom", "countDuration"]),
       ref: C,
       children: [
-        x && /* @__PURE__ */ a("div", { className: `${o}-title`, children: x }),
-        /* @__PURE__ */ l("div", { className: `${o}-content`, children: [
+        x && /* @__PURE__ */ a("div", { className: `${r}-title`, children: x }),
+        /* @__PURE__ */ l("div", { className: `${r}-content`, children: [
           /* @__PURE__ */ a(
             Q,
             {
               animation: !0,
-              loading: !!M,
+              loading: !!E,
               text: { rows: 1, width: "100%" },
-              children: /* @__PURE__ */ l("div", { className: `${o}-value`, style: _, children: [
-                F ? /* @__PURE__ */ a("span", { className: `${o}-value-int`, children: $ }) : $,
+              children: /* @__PURE__ */ l("div", { className: `${r}-value`, style: _, children: [
+                F ? /* @__PURE__ */ a("span", { className: `${r}-value-int`, children: $ }) : $,
                 v !== void 0 || u ? /* @__PURE__ */ l(
                   "span",
                   {
-                    className: `${o}-value-decimal`,
+                    className: `${r}-value-decimal`,
                     style: j,
                     children: [
                       c(Number(t)) && v !== void 0 && `.${v}`,
-                      u != null ? /* @__PURE__ */ a("span", { className: `${o}-value-suffix`, children: u }) : null
+                      u != null ? /* @__PURE__ */ a("span", { className: `${r}-value-suffix`, children: u }) : null
                     ]
                   }
                 ) : null
               ] })
             }
           ),
-          S && /* @__PURE__ */ a("div", { className: `${o}-extra`, children: S })
+          S && /* @__PURE__ */ a("div", { className: `${r}-extra`, children: S })
         ] })
       ]
     }

package/statistic/interface.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 const t = "statistic";
 export {
   t as PREFIX_CLASS_STATISTIC

package/steps/Step.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as s, jsxs as $ } from "react/jsx-runtime";
 import P from "@unicom-cloud/icons/IconUiCheck";
 import R from "@unicom-cloud/icons/IconUiClose";