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

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;
       })