@unicom-cloud/ui 0.8.101 → 0.8.103

package/splitter/Splitter.js

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

package/splitter/hooks/useResizable.js

@@ -1,26 +1,17 @@
-import v from "react";
-function I(l, s, o) {
-  return v.useMemo(() => {
+import C from "react";
+function v(t, l, n) {
+  return C.useMemo(() => {
     const r = [];
-    for (let e = 0; e < l.length - 1; e += 1) {
-      const p = l[e], u = l[e + 1], t = s[e], n = s[e + 1], {
-        resizable: z = !0,
-        min: d,
-        collapsible: a
-      } = p, {
-        resizable: C = !0,
-        min: f,
-        collapsible: i
-      } = u, m = z && C && (t !== 0 || !d) && (n !== 0 || !f), b = a.end && t > 0 || i.start && n === 0 && t > 0, c = i.start && n > 0 || a.end && t === 0 && n > 0;
+    for (let e = 0; e < t.length - 1; e += 1) {
+      const b = t[e], u = t[e + 1], o = l[e], s = l[e + 1], { min: d, collapsible: a } = b, { min: f, collapsible: c } = u, i = a.end && o > 0 || c.start && s === 0 && o > 0, p = c.start && s > 0 || a.end && o === 0 && s > 0;
       r[e] = {
-        resizable: m,
-        startCollapsible: !!(o ? c : b),
-        endCollapsible: !!(o ? b : c)
+        startCollapsible: !!(n ? p : i),
+        endCollapsible: !!(n ? i : p)
       };
     }
     return r;
-  }, [s, l, o]);
+  }, [l, t, n]);
 }
 export {
-  I as default
+  v as default
 };

package/splitter/hooks/useResize.js

@@ -1,14 +1,14 @@
 import x from "react";
-import { getPtg as q } from "./useSizes.js";
-function J(b, v, P, j, C, k) {
-  const i = b.map((t) => [t.min, t.max]), S = j || 0, M = (t) => t * S;
+import { getPtg as T } from "./useSizes.js";
+function H(v, P, b, C, j) {
+  const i = v.map((t) => [t.min, t.max]), S = b || 0, M = (t) => t * S;
   function a(t, f) {
-    return typeof t == "string" ? M(q(t)) : t ?? f;
+    return typeof t == "string" ? M(T(t)) : t ?? f;
   }
-  const [O, y] = x.useState([]), I = x.useRef([]), [g, p] = x.useState(null), U = () => P.map(M);
+  const [O, k] = x.useState([]), I = x.useRef([]), [g, p] = x.useState(null), U = () => P.map(M);
   return [
     (t) => {
-      y(U()), p({
+      k(U()), p({
         index: t,
         confirmed: !1
       });
@@ -23,7 +23,7 @@ function J(b, v, P, j, C, k) {
           });
         else
           for (let r = t; r >= 0; r -= 1)
-            if (O[r] > 0 && v[r].resizable) {
+            if (O[r] > 0) {
               n = r, p({
                 index: r,
                 confirmed: !0
@@ -45,7 +45,7 @@ function J(b, v, P, j, C, k) {
       p(null);
     },
     (t, f) => {
-      const n = U(), c = k ? f === "start" ? "end" : "start" : f, e = c === "start" ? t : t + 1, s = c === "start" ? t + 1 : t, l = n[e], d = n[s];
+      const n = U(), c = j ? f === "start" ? "end" : "start" : f, e = c === "start" ? t : t + 1, s = c === "start" ? t + 1 : t, l = n[e], d = n[s];
       if (l !== 0 && d !== 0)
         n[e] = 0, n[s] += l, I.current[t] = l;
       else {
@@ -55,7 +55,7 @@ function J(b, v, P, j, C, k) {
         ), r = a(i[s][0], 0), E = a(
           i[s][1],
           S
-        ), L = Math.max(m, u - E), T = Math.min(o, u - r), R = r || (T - L) / 2, z = I.current[t], h = u - z;
+        ), y = Math.max(m, u - E), L = Math.min(o, u - r), R = r || (L - y) / 2, z = I.current[t], h = u - z;
         z && z <= E && z >= r && h <= o && h >= m ? (n[s] = z, n[e] = h) : (n[e] -= R, n[s] += R);
       }
       return C(n), n;
@@ -64,5 +64,5 @@ function J(b, v, P, j, C, k) {
   ];
 }
 export {
-  J as default
+  H as default
 };

package/splitter/hooks/useSizes.js

@@ -1,60 +1,60 @@
-import i from "react";
+import u from "react";
 function l(s) {
   return Number(s.slice(0, -1)) / 100;
 }
 function z(s) {
   return typeof s == "string" && s.endsWith("%");
 }
-function C(s, u) {
-  const S = s.map((e) => e.size), c = s.length, o = u || 0, M = (e) => e * o, [d, x] = i.useState(() => s.map((e) => e.defaultSize)), a = i.useMemo(() => {
+function b(s, a) {
+  const S = s.map((e) => e.size), i = s.length, r = a || 0, [d, M] = u.useState(() => s.map((e) => e.defaultSize)), c = u.useMemo(() => {
     const e = [];
-    for (let r = 0; r < c; r += 1)
-      e[r] = S[r] ?? d[r];
+    for (let o = 0; o < i; o += 1)
+      e[o] = S[o] ?? d[o];
     return e;
-  }, [c, d, S]), p = i.useMemo(() => {
-    let e = [], r = 0;
-    for (let n = 0; n < c; n += 1) {
-      const t = a[n];
+  }, [i, d, S]), p = u.useMemo(() => {
+    let e = [], o = 0;
+    for (let n = 0; n < i; n += 1) {
+      const t = c[n];
       if (z(t))
         e[n] = l(t);
       else if (t || t === 0) {
         const g = Number(t);
-        Number.isNaN(g) || (e[n] = g / o);
+        Number.isNaN(g) || (e[n] = g / r);
       } else
-        r += 1, e[n] = void 0;
+        o += 1, e[n] = void 0;
     }
     const f = e.reduce((n, t) => n + (t || 0), 0);
-    if (f > 1 || !r) {
+    if (f > 1 || !o) {
       const n = 1 / f;
       e = e.map((t) => t === void 0 ? 0 : t * n);
     } else {
-      const n = (1 - f) / r;
+      const n = (1 - f) / o;
       e = e.map((t) => t === void 0 ? n : t);
     }
     return e;
-  }, [a, o]), m = i.useMemo(
-    () => p.map(M),
-    [p, o]
-  ), P = i.useMemo(
-    () => s.map((e) => z(e.min) ? l(e.min) : (e.min || 0) / o),
-    [s, o]
-  ), N = i.useMemo(
-    () => s.map((e) => z(e.max) ? l(e.max) : (e.max || o) / o),
-    [s, o]
+  }, [i, c, r]), m = u.useMemo(() => {
+    const e = (o) => o * r;
+    return p.map(e);
+  }, [r, p]), x = u.useMemo(
+    () => s.map((e) => z(e.min) ? l(e.min) : (e.min || 0) / r),
+    [s, r]
+  ), P = u.useMemo(
+    () => s.map((e) => z(e.max) ? l(e.max) : (e.max || r) / r),
+    [s, r]
   );
   return [
-    i.useMemo(
-      () => u ? m : a,
-      [m, u]
+    u.useMemo(
+      () => a ? m : c,
+      [a, m, c]
     ),
     m,
     p,
+    x,
     P,
-    N,
-    x
+    M
   ];
 }
 export {
-  C as default,
+  b as default,
   l as getPtg
 };

package/statistic/index.js

@@ -1,6 +1,6 @@
 import { jsxs as l, Fragment as L, jsx as a } from "react/jsx-runtime";
 import { Tween as T } from "../dist/tween/src/tween.js";
-import { quartOut as W } from "../dist/tween/src/easing.js";
+import W from "../dist/tween/src/easing.js";
 import z from "dayjs";
 import A from "lodash/isFunction";
 import c from "lodash/isNumber";
@@ -31,10 +31,10 @@ function nt(y, D) {
     suffix: u,
     format: p,
     renderFormat: S,
-    styleValue: q,
-    styleDecimal: O,
-    loading: _,
-    ...k
+    styleValue: O,
+    styleDecimal: _,
+    loading: k,
+    ...q
   } = t, i = F(), C = F(), [e, d] = J(
     "value" in t ? t.value : void 0
   ), o = U?.("statistic"), f = (n = t.countFrom, r = t.value) => {
@@ -47,7 +47,7 @@ function nt(y, D) {
         value: r
       },
       duration: N,
-      easing: W,
+      easing: W.quartOut,
       onUpdate: (I) => {
         d(I.value.toFixed(s));
       },
@@ -80,7 +80,7 @@ function nt(y, D) {
     {
       className: tt(`${o}`, { [`${o}-rtl`]: V }, j),
       style: M,
-      ...et(k, ["value", "countUp", "countFrom", "countDuration"]),
+      ...et(q, ["value", "countUp", "countFrom", "countDuration"]),
       ref: C,
       children: [
         x && /* @__PURE__ */ a("div", { className: `${o}-title`, children: x }),
@@ -89,15 +89,15 @@ function nt(y, D) {
             Z,
             {
               animation: !0,
-              loading: !!_,
+              loading: !!k,
               text: { rows: 1, width: "100%" },
-              children: /* @__PURE__ */ l("div", { className: `${o}-value`, style: q, children: [
+              children: /* @__PURE__ */ l("div", { className: `${o}-value`, style: O, children: [
                 $ ? /* @__PURE__ */ a("span", { className: `${o}-value-int`, children: w }) : w,
                 v !== void 0 || u ? /* @__PURE__ */ l(
                   "span",
                   {
                     className: `${o}-value-decimal`,
-                    style: O,
+                    style: _,
                     children: [
                       c(Number(e)) && v !== void 0 && `.${v}`,
                       u != null ? /* @__PURE__ */ a("span", { className: `${o}-value-suffix`, children: u }) : null