@unicom-cloud/ui 0.8.107 → 0.8.109

package/splitter/Splitter.js

@@ -1,127 +1,274 @@
-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 f from "./hooks/useEvent.js";
-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 { jsxs as Y, jsx as L } from "react/jsx-runtime";
+import p, { useState as ae, useRef as ce, useEffect as le, useImperativeHandle as fe } from "react";
+import { a as ue } from "../chunk/DXlwLh0Y.js";
+import { u as me } from "../chunk/FgWHhRFz.js";
+import pe from "@unicom-cloud/utils/class-name";
+import { r as ze } from "../chunk/B8W1N4er.js";
+import { u as D, S as Se } from "../chunk/DGSfSsAY.js";
+import { t as de } from "../chunk/CTMmW21t.js";
 import { InternalPanel as Ce } from "./Panel.js";
-import de from "./SplitBar.js";
-import he from "../config-provider/context.js";
-const ge = {
+function ge(t) {
+  if (t && typeof t == "object")
+    return t;
+  const S = !!t;
+  return {
+    start: S,
+    end: S
+  };
+}
+function Me(t) {
+  return p.useMemo(
+    () => de(t).filter((C) => p.isValidElement(C)).map((C) => {
+      const { props: g } = C, { collapsible: n, ...m } = g;
+      return {
+        ...m,
+        collapsible: ge(n)
+      };
+    }),
+    [t]
+  );
+}
+function he(t, S, C) {
+  return p.useMemo(() => {
+    const g = [];
+    for (let n = 0; n < t.length - 1; n += 1) {
+      const m = t[n], b = t[n + 1], M = S[n], f = S[n + 1], { min: O, collapsible: y } = m, { min: $, collapsible: I } = b, e = y.end && M > 0 || I.start && f === 0 && M > 0, c = I.start && f > 0 || y.end && M === 0 && f > 0;
+      g[n] = {
+        startCollapsible: !!(C ? c : e),
+        endCollapsible: !!(C ? e : c)
+      };
+    }
+    return g;
+  }, [S, t, C]);
+}
+function F(t) {
+  return Number(t.slice(0, -1)) / 100;
+}
+function Q(t) {
+  return typeof t == "string" && t.endsWith("%");
+}
+function xe(t, S) {
+  const C = t.map((e) => e.size), g = t.length, n = S || 0, [m, b] = p.useState(() => t.map((e) => e.defaultSize)), M = p.useMemo(() => {
+    const e = [];
+    for (let c = 0; c < g; c += 1)
+      e[c] = C[c] ?? m[c];
+    return e;
+  }, [g, m, C]), f = p.useMemo(() => {
+    let e = [], c = 0;
+    for (let a = 0; a < g; a += 1) {
+      const l = M[a];
+      if (Q(l))
+        e[a] = F(l);
+      else if (l || l === 0) {
+        const N = Number(l);
+        Number.isNaN(N) || (e[a] = N / n);
+      } else
+        c += 1, e[a] = void 0;
+    }
+    const H = e.reduce((a, l) => a + (l || 0), 0);
+    if (H > 1 || !c) {
+      const a = 1 / H;
+      e = e.map((l) => l === void 0 ? 0 : l * a);
+    } else {
+      const a = (1 - H) / c;
+      e = e.map((l) => l === void 0 ? a : l);
+    }
+    return e;
+  }, [g, M, n]), O = p.useMemo(() => {
+    const e = (c) => c * n;
+    return f.map(e);
+  }, [n, f]), y = p.useMemo(
+    () => t.map((e) => Q(e.min) ? F(e.min) : (e.min || 0) / n),
+    [t, n]
+  ), $ = p.useMemo(
+    () => t.map((e) => Q(e.max) ? F(e.max) : (e.max || n) / n),
+    [t, n]
+  );
+  return [
+    p.useMemo(
+      () => S ? O : M,
+      [S, O, M]
+    ),
+    O,
+    f,
+    y,
+    $,
+    b
+  ];
+}
+function be(t, S, C, g, n) {
+  const m = t.map((s) => [s.min, s.max]), b = C || 0, M = (s) => s * b;
+  function f(s, E) {
+    return typeof s == "string" ? M(F(s)) : s ?? E;
+  }
+  const [O, y] = p.useState([]), $ = p.useRef([]), [I, e] = p.useState(null), c = () => S.map(M);
+  return [
+    (s) => {
+      y(c()), e({
+        index: s,
+        confirmed: !1
+      });
+    },
+    (s, E) => {
+      let r = null;
+      if ((!I || !I.confirmed) && E !== 0) {
+        if (E > 0)
+          r = s, e({
+            index: s,
+            confirmed: !0
+          });
+        else
+          for (let P = s; P >= 0; P -= 1)
+            if (O[P] > 0) {
+              r = P, e({
+                index: P,
+                confirmed: !0
+              });
+              break;
+            }
+      }
+      const h = r ?? I?.index ?? s, i = [...O], u = h + 1, v = f(m[h][0], 0), U = f(m[u][0], 0), R = f(
+        m[h][1],
+        b
+      ), j = f(
+        m[u][1],
+        b
+      );
+      let d = E;
+      return i[h] + d < v && (d = v - i[h]), i[u] - d < U && (d = i[u] - U), i[h] + d > R && (d = R - i[h]), i[u] - d > j && (d = i[u] - j), i[h] += d, i[u] -= d, g(i), i;
+    },
+    () => {
+      e(null);
+    },
+    (s, E) => {
+      const r = c(), h = n ? E === "start" ? "end" : "start" : E, i = h === "start" ? s : s + 1, u = h === "start" ? s + 1 : s, v = r[i], U = r[u];
+      if (v !== 0 && U !== 0)
+        r[i] = 0, r[u] += v, $.current[s] = v;
+      else {
+        const R = v + U, j = f(m[i][0], 0), d = f(
+          m[i][1],
+          b
+        ), P = f(m[u][0], 0), A = f(
+          m[u][1],
+          b
+        ), q = Math.max(j, R - A), G = Math.min(d, R - P), W = P || (G - q) / 2, k = $.current[s], w = R - k;
+        k && k <= A && k >= P && w <= d && w >= j ? (r[u] = k, r[i] = w) : (r[i] -= W, r[u] += W);
+      }
+      return g(r), r;
+    },
+    I?.index
+  ];
+}
+const Ie = {
   layout: "horizontal"
 };
-function Me(P, E) {
-  const { getPrefixCls: N, componentConfig: O, rtl: l } = m.useContext(he), x = ce(
-    P,
-    ge,
-    O?.Splitter
+function ve(t, S) {
+  const { getPrefixCls: C, componentConfig: g, rtl: n } = p.useContext(ue), m = me(
+    t,
+    Ie,
+    g?.Splitter
   ), {
-    prefixCls: y,
-    className: $,
-    style: k,
-    layout: g = "horizontal",
-    children: H,
-    onResizeStart: U,
-    onResize: M,
-    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);
+    prefixCls: b,
+    className: M,
+    style: f,
+    layout: O = "horizontal",
+    children: y,
+    onResizeStart: $,
+    onResize: I,
+    onResizeEnd: e,
+    lazy: c,
+    ...H
+  } = m, a = C?.("splitter", b), l = O === "vertical", N = Me(y), [s, E] = ae(), r = ce(null), h = () => {
+    const z = r.current?.offsetWidth, o = r.current?.offsetHeight, x = l ? o : z;
+    x !== 0 && E(x);
   }, [
-    D,
-    z,
-    S,
+    i,
+    u,
+    v,
+    U,
     R,
-    I,
-    F
-  ] = 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);
+    j
+  ] = xe(N, s), d = he(N, u, n), [P, A, q, G, W] = be(N, v, s, j, n), k = D((z) => {
+    P(z), $?.(u);
+  }), w = D(
+    (z, o, x) => {
+      const V = A(z, o);
+      x ? e?.(V) : I?.(V);
     }
-  ), Q = f((t) => {
-    G(), t || p?.(z);
-  }), T = f(
-    (t, e) => {
-      const n = J(t, e);
-      M?.(n), p?.(n);
+  ), X = D((z) => {
+    q(), z || e?.(u);
+  }), Z = D(
+    (z, o) => {
+      const x = G(z, o);
+      I?.(x), e?.(x);
     }
-  ), X = fe(
-    s,
-    $,
-    `${s}-${g}`,
-    l && [`${s}-rtl`]
-  ), i = m.useMemo(() => {
-    const t = [];
-    let e = 0;
-    for (let n = 0; n < o.length; n += 1)
-      e += S[n], t.push(e);
-    return t;
-  }, [S, o.length]);
-  return ae(() => {
-    const t = me([r.current], () => {
-      W();
+  ), _ = pe(
+    a,
+    M,
+    `${a}-${O}`,
+    n && [`${a}-rtl`]
+  ), B = p.useMemo(() => {
+    const z = [];
+    let o = 0;
+    for (let x = 0; x < N.length; x += 1)
+      o += v[x], z.push(o);
+    return z;
+  }, [v, N.length]);
+  return le(() => {
+    const z = ze([r.current], () => {
+      h();
     });
     return () => {
-      t();
+      z();
     };
-  }, [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(
+  }, [r.current]), fe(S, () => ({ dom: r.current })), /* @__PURE__ */ Y("div", { style: f, className: _, ref: r, ...H, children: [
+    N.map((z, o) => {
+      const x = /* @__PURE__ */ L(
         Ce,
         {
-          ...t,
-          prefixCls: s,
-          size: D[e]
+          ...z,
+          prefixCls: a,
+          size: i[o]
         }
       );
-      let a = null;
-      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,
+      let V = null;
+      const J = d[o];
+      if (J) {
+        const T = (B[o - 1] || 0) + U[o], ee = (B[o + 1] || 100) - R[o + 1], te = (B[o - 1] || 0) + R[o], ne = (B[o + 1] || 100) - U[o + 1];
+        V = /* @__PURE__ */ L(
+          Se,
           {
-            lazy: j,
-            index: e,
-            active: b === e,
-            prefixCls: s,
-            vertical: c,
-            ariaNow: i[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 = c ? se : ne;
-              l && !c && (d = -d), L(te, d, oe);
+            lazy: c,
+            index: o,
+            active: W === o,
+            prefixCls: a,
+            vertical: l,
+            ariaNow: B[o] * 100,
+            ariaMin: Math.max(T, ee) * 100,
+            ariaMax: Math.min(te, ne) * 100,
+            startCollapsible: J.startCollapsible,
+            endCollapsible: J.endCollapsible,
+            onOffsetStart: k,
+            onOffsetUpdate: (se, oe, re, ie) => {
+              let K = l ? re : oe;
+              n && !l && (K = -K), w(se, K, ie);
             },
-            onOffsetEnd: Q,
-            onCollapse: T,
-            containerSize: u || 0
+            onOffsetEnd: X,
+            onCollapse: Z,
+            containerSize: s || 0
           }
         );
       }
-      return /* @__PURE__ */ v(m.Fragment, { children: [
-        n,
-        a
-      ] }, `split-panel-${e}`);
+      return /* @__PURE__ */ Y(p.Fragment, { children: [
+        x,
+        V
+      ] }, `split-panel-${o}`);
     }),
-    typeof b == "number" && /* @__PURE__ */ h("div", { "aria-hidden": !0, className: `${s}-mask` })
+    typeof W == "number" && /* @__PURE__ */ L("div", { "aria-hidden": !0, className: `${a}-mask` })
   ] });
 }
-const Re = m.forwardRef(Me);
-Re.displayName = "Splitter";
+const Pe = p.forwardRef(ve);
+Pe.displayName = "Splitter";
 export {
-  Re as default
+  Pe as default
 };

package/statistic/index.js

@@ -1,45 +1,44 @@
-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 W from "../dist/tween/src/easing.js";
-import z from "dayjs";
-import A from "lodash/isFunction";
+import { jsxs as l, Fragment as k, jsx as a } from "react/jsx-runtime";
+import { y as q, x as H } from "../chunk/B4h3m4Jx.js";
+import W from "dayjs";
+import X from "lodash/isFunction";
 import c from "lodash/isNumber";
-import { forwardRef as B, useContext as G, useRef as F, useState as J, useEffect as K, useImperativeHandle as Q, useMemo as X } from "react";
-import "../config-provider/ConfigProvider.js";
-import Y from "../components/common/hooks/useMergeProps.js";
-import Z from "../skeleton/index.js";
-import tt from "@unicom-cloud/utils/class-name";
-import { omit as et } from "../components/common/utils/omit.js";
-import ot from "./Countdown.js";
-import rt from "../config-provider/context.js";
-function nt(y, D) {
+import { forwardRef as z, useContext as B, useRef as w, useState as G, useEffect as J, useImperativeHandle as K, useMemo as Q } from "react";
+import { a as Y } from "../chunk/DXlwLh0Y.js";
+import Z from "../countdown/index.js";
+import { u as ee } from "../chunk/FgWHhRFz.js";
+import te from "../skeleton/index.js";
+import oe from "@unicom-cloud/utils/class-name";
+import { o as re } from "../chunk/BKKEev13.js";
+import { PREFIX_CLASS_STATISTIC as ne } from "./interface.js";
+function ie(y, D) {
   const R = {
     countFrom: 0,
     countDuration: 2e3
-  }, { getPrefixCls: U, componentConfig: P, rtl: V } = G(rt), t = Y(
+  }, { getPrefixCls: P, componentConfig: U, rtl: I } = B(Y), e = ee(
     y,
     R,
-    P?.Statistic
+    U?.Statistic
   ), {
-    className: j,
-    style: M,
+    className: V,
+    style: _,
     title: x,
-    extra: g,
-    groupSeparator: h,
+    extra: S,
+    groupSeparator: g,
     precision: s,
     prefix: m,
     suffix: u,
-    format: p,
-    renderFormat: S,
-    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) => {
-    const { countDuration: N } = t;
-    n !== r && (i.current = new T({
+    format: d,
+    renderFormat: h,
+    styleValue: j,
+    styleDecimal: M,
+    loading: T,
+    ...A
+  } = e, i = w(void 0), C = w(void 0), [t, f] = G(
+    "value" in e ? e.value : void 0
+  ), o = P?.(ne), p = (n = e.countFrom, r = e.value) => {
+    const { countDuration: N } = e;
+    n !== r && (i.current = new q({
       from: {
         value: n
       },
@@ -47,59 +46,59 @@ function nt(y, D) {
         value: r
       },
       duration: N,
-      easing: W.quartOut,
-      onUpdate: (I) => {
-        d(I.value.toFixed(s));
+      easing: H.quartOut,
+      onUpdate: (O) => {
+        f(O.value.toFixed(s));
       },
       onFinish: () => {
-        d(r);
+        f(r);
       }
     }), i.current.start());
   };
-  K(() => (t.countUp ? (i.current && i.current.stop(), e !== t.value ? f(Number(e), t.value) : f()) : d(t.value), () => {
+  J(() => (e.countUp ? (i.current && i.current.stop(), t !== e.value ? p(Number(t), e.value) : p()) : f(e.value), () => {
     i.current && i.current.stop(), i.current = null;
-  }), [t.value]), Q(D, () => ({
-    countUp: f,
+  }), [e.value]), K(D, () => ({
+    countUp: p,
     getRootDOMNode: () => C.current
   }));
-  const { int: E, decimal: v } = X(() => {
-    let n = e;
-    p && (n = z(e).format(p)), c(s) && s >= 0 && (n = Number(e).toFixed(s));
+  const { int: E, decimal: v } = Q(() => {
+    let n = t;
+    d && (n = W(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 h && c(Number(e)) && (r = Number(r).toLocaleString("en-US")), {
+    return g && c(Number(t)) && (r = Number(r).toLocaleString("en-US")), {
       int: r,
       decimal: N
     };
-  }, [p, h, s, e]), H = A(S) ? S : (n, r) => r, $ = c(Number(e)), w = /* @__PURE__ */ l(L, { children: [
+  }, [d, g, s, t]), L = X(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,
-    H(e, $ ? E : e)
+    L(t, F ? E : t)
   ] });
   return /* @__PURE__ */ l(
     "div",
     {
-      className: tt(`${o}`, { [`${o}-rtl`]: V }, j),
-      style: M,
-      ...et(q, ["value", "countUp", "countFrom", "countDuration"]),
+      className: oe(`${o}`, { [`${o}-rtl`]: I }, V),
+      style: _,
+      ...re(A, ["value", "countUp", "countFrom", "countDuration"]),
       ref: C,
       children: [
         x && /* @__PURE__ */ a("div", { className: `${o}-title`, children: x }),
         /* @__PURE__ */ l("div", { className: `${o}-content`, children: [
           /* @__PURE__ */ a(
-            Z,
+            te,
             {
               animation: !0,
-              loading: !!k,
+              loading: !!T,
               text: { rows: 1, width: "100%" },
-              children: /* @__PURE__ */ l("div", { className: `${o}-value`, style: O, children: [
-                $ ? /* @__PURE__ */ a("span", { className: `${o}-value-int`, children: w }) : w,
+              children: /* @__PURE__ */ l("div", { className: `${o}-value`, style: j, children: [
+                F ? /* @__PURE__ */ a("span", { className: `${o}-value-int`, children: $ }) : $,
                 v !== void 0 || u ? /* @__PURE__ */ l(
                   "span",
                   {
                     className: `${o}-value-decimal`,
-                    style: _,
+                    style: M,
                     children: [
-                      c(Number(e)) && v !== void 0 && `.${v}`,
+                      c(Number(t)) && v !== void 0 && `.${v}`,
                       u != null ? /* @__PURE__ */ a("span", { className: `${o}-value-suffix`, children: u }) : null
                     ]
                   }
@@ -107,16 +106,16 @@ function nt(y, D) {
               ] })
             }
           ),
-          g && /* @__PURE__ */ a("div", { className: `${o}-extra`, children: g })
+          S && /* @__PURE__ */ a("div", { className: `${o}-extra`, children: S })
         ] })
       ]
     }
   );
 }
-const it = B(nt), b = it;
+const ae = z(ie), b = ae;
 b.displayName = "Statistic";
-b.Countdown = ot;
+b.Countdown = Z;
 export {
-  ot as StatisticCountdown,
+  Z as StatisticCountdown,
   b as default
 };

package/statistic/interface.js

@@ -1 +1,4 @@
-
+const t = "statistic";
+export {
+  t as PREFIX_CLASS_STATISTIC
+};

package/steps/index.js

@@ -1,11 +1,10 @@
 import { jsx as D } from "react/jsx-runtime";
 import d, { forwardRef as R, useContext as k } from "react";
-import "../config-provider/ConfigProvider.js";
-import A from "../components/common/hooks/useMergeProps.js";
-import E from "@unicom-cloud/utils/class-name";
-import { pickDataAttributes as I } from "../components/common/utils/pick.js";
+import { a as A } from "../chunk/DXlwLh0Y.js";
+import { u as E } from "../chunk/FgWHhRFz.js";
+import I from "@unicom-cloud/utils/class-name";
+import { a as j } from "../chunk/ClqoGc3r.js";
 import S from "./Step.js";
-import j from "../config-provider/context.js";
 const F = {
   current: 1,
   type: "default",
@@ -14,7 +13,7 @@ const F = {
   labelPlacement: "horizontal"
 };
 function L($, C) {
-  const { getPrefixCls: y, componentConfig: g, rtl: z } = k(j), l = A(
+  const { getPrefixCls: y, componentConfig: g, rtl: z } = k(A), l = E(
     $,
     F,
     g?.Steps
@@ -22,7 +21,7 @@ function L($, C) {
     className: P,
     style: h,
     children: N,
-    current: s = 1,
+    current: a = 1,
     status: p,
     onChange: c,
     type: e,
@@ -34,11 +33,11 @@ function L($, C) {
   } = l, t = y?.("steps");
   let r = v;
   e === "dot" && (r = m === "vertical" ? "horizontal" : "vertical"), e === "navigation" && (r = "horizontal");
-  let a = m;
-  (e === "navigation" || e === "arrow") && (a = "horizontal");
-  const w = E(
+  let n = m;
+  (e === "navigation" || e === "arrow") && (n = "horizontal");
+  const w = I(
     t,
-    `${t}-${a}`,
+    `${t}-${n}`,
     `${t}-label-${r}`,
     `${t}-size-${b}`,
     {
@@ -55,25 +54,25 @@ function L($, C) {
       ref: C,
       style: h,
       className: w,
-      ...I(l),
+      ...j(l),
       children: d.Children.toArray(N).filter(
         (o) => o && o.type && o.type.displayName === "Step"
-      ).map((o, n) => {
-        if (n += 1, o) {
+      ).map((o, s) => {
+        if (s += 1, o) {
           const u = {
             prefixCls: t,
             type: e,
-            index: n,
-            current: s,
-            status: s === n ? p : void 0,
+            index: s,
+            current: a,
+            status: a === s ? p : void 0,
             customDot: x,
             labelPlacement: r,
-            direction: a,
+            direction: n,
             onChange: c,
             lineless: f,
             ...o.props
           };
-          return p === "error" && s === n + 1 && (u.nextStepError = !0), d.cloneElement(o, u);
+          return p === "error" && a === s + 1 && (u.nextStepError = !0), d.cloneElement(o, u);
         }
         return null;
       })