@unicom-cloud/ui 0.8.96 → 0.8.98

package/slider/index.js

@@ -1,15 +1,15 @@
-import { jsx as v, jsxs as oe } from "react/jsx-runtime";
+import { jsx as v, jsxs as te } from "react/jsx-runtime";
 import { div as Fe, plus as Je, times as qe } from "@unicom-cloud/utils/math";
-import re from "lodash/isArray";
-import ae from "lodash/isFunction";
-import ie from "lodash/isPlainObject";
+import ne from "lodash/isArray";
+import oe from "lodash/isFunction";
+import re from "lodash/isPlainObject";
 import ze, { forwardRef as Ge, useContext as He, useRef as V, useMemo as Ke } from "react";
 import "../config-provider/ConfigProvider.js";
 import Qe from "../components/common/hooks/useMergeProps.js";
 import We from "../components/common/hooks/useMergeValue.js";
 import Ze from "../components/common/hooks/useUpdateEffect.js";
-import se from "@unicom-cloud/utils/class-name";
-import { on as le, off as ue } from "../components/common/utils/dom.js";
+import ae from "@unicom-cloud/utils/class-name";
+import { on as ie, off as se } from "../components/common/utils/dom.js";
 import { omit as _e } from "../components/common/utils/omit.js";
 import et from "./Button.js";
 import tt from "./Dot.js";
@@ -18,83 +18,83 @@ import ot from "./Mark.js";
 import rt from "./Tick.js";
 import at from "./hook/useInterval.js";
 import it from "./hook/useLegalValue.js";
-import { needSort as st, sortNumberArray as ce, getIntervalOffset as j, formatPercent as I, findNearestIndex as lt } from "./util.js";
+import { needSort as st, sortNumberArray as le, getIntervalOffset as E, formatPercent as y, findNearestIndex as lt } from "./util.js";
 import ut from "../config-provider/context.js";
 const ct = {
   max: 100,
   min: 0,
   step: 1
 };
-function ft(me, pe) {
-  const { getPrefixCls: x, componentConfig: P, rtl: U } = He(ut), l = Qe(
-    me,
+function ft(ce, fe) {
+  const { getPrefixCls: me, componentConfig: pe, rtl: L } = He(ut), l = Qe(
+    ce,
     ct,
-    P == null ? void 0 : P.Slider
+    pe?.Slider
   ), {
     className: ge,
     style: de,
     tooltipVisible: ve,
     tooltipPosition: he,
-    disabled: w,
+    disabled: C,
     min: f,
-    max: C,
-    range: R,
-    step: N,
+    max: w,
+    range: I,
+    step: P,
     showTicks: Ve,
-    marks: k,
-    onlyMarkValue: X,
+    marks: R,
+    onlyMarkValue: j,
     vertical: u,
     showInput: m,
-    reverse: Y,
-    getIntervalConfig: we,
-    ...Ce
-  } = l, p = !!R, Me = ie(R) ? { ...R } : { draggableBar: !1 }, s = U ? !Y : Y, { intervalConfigs: g, markList: F } = at({
+    reverse: U,
+    getIntervalConfig: Ce,
+    ...we
+  } = l, p = !!I, Me = re(I) ? { ...I } : { draggableBar: !1 }, s = L ? !U : U, { intervalConfigs: g, markList: X } = at({
     min: f,
-    max: C,
-    step: N,
-    marks: k,
-    getIntervalConfig: we
-  }), { getLegalValue: b, getLegalRangeValue: B, isLegalValue: be, getNextMarkValue: ye } = it({
+    max: w,
+    step: P,
+    marks: R,
+    getIntervalConfig: Ce
+  }), { getLegalValue: b, getLegalRangeValue: N, isLegalValue: be, getNextMarkValue: xe } = it({
     isRange: p,
     min: f,
-    max: C,
-    onlyMarkValue: X,
-    step: N,
+    max: w,
+    onlyMarkValue: j,
+    step: P,
     intervalConfigs: g,
-    marks: k
-  }), [O, Ie] = We(
+    marks: R
+  }), [k, ye] = We(
     p ? [f, f] : f,
     {
       defaultValue: l.defaultValue,
       value: l.value
     }
   );
-  let o = B(O);
-  const S = V(o), T = V(st(o));
+  let o = N(k);
+  const B = V(o), O = V(st(o));
   Ze(() => {
-    S.current = B(O);
-  }, [O, B]), T.current && (o = ce(o));
-  const $ = o[o.length - 1], A = o[0], D = m && !X && (!p || o.length < 3), xe = Ke(() => D && (re(m) || ie(m)) ? re(m) ? [...m] : [{ ...m }, { ...m }] : [], [D, m]), a = x == null ? void 0 : x("slider"), J = V(null), q = V({
+    B.current = N(k);
+  }, [k, N]), O.current && (o = le(o));
+  const S = o[o.length - 1], T = o[0], $ = m && !j && (!p || o.length < 3), Ie = Ke(() => $ && (ne(m) || re(m)) ? ne(m) ? [...m] : [{ ...m }, { ...m }] : [], [$, m]), a = me?.("slider"), Y = V(null), F = V({
     left: 0,
     height: 0,
     top: 0,
     width: 0
-  }), z = V(!1), G = V(0);
-  function H(t) {
-    const e = ce(t);
+  }), J = V(!1), q = V(0);
+  function z(t) {
+    const e = le(t);
     return p ? e : e[e.length - 1];
   }
   function Pe(t) {
     const e = t.map((n) => b(n));
-    return S.current = e, e;
+    return B.current = e, e;
   }
   function h(t, e) {
-    const n = Pe(t), r = H(n);
-    Ie(r), e === "inputValueChange" ? T.current = n.some((i, d) => i > n[d]) : T.current = !1, ae(l.onChange) && l.onChange(r);
+    const n = Pe(t), r = z(n);
+    ye(r), e === "inputValueChange" ? O.current = n.some((i, d) => i > n[d]) : O.current = !1, oe(l.onChange) && l.onChange(r);
   }
-  function y() {
-    if (ae(l.onAfterChange)) {
-      const t = H(S.current);
+  function x() {
+    if (oe(l.onAfterChange)) {
+      const t = z(B.current);
       l.onAfterChange(t);
     }
   }
@@ -102,26 +102,26 @@ function ft(me, pe) {
     let [e, n] = [o[0], o[o.length - 1]];
     return e > n && ([e, n] = [n, e]), p ? t >= e && t <= n : t <= n;
   }
-  function E(t, e) {
-    const { left: n, top: r, width: i, height: d } = q.current;
-    let c = i, Z = s ? n + i - t : t - n;
-    if (u && (c = d, Z = s ? e - r : r + d - e), c <= 0)
+  function A(t, e) {
+    const { left: n, top: r, width: i, height: d } = F.current;
+    let c = i, Q = s ? n + i - t : t - n;
+    if (u && (c = d, Q = s ? e - r : r + d - e), c <= 0)
       return 0;
-    let M = Math.max(Fe(Z, c), 0);
+    let M = Math.max(Fe(Q, c), 0);
     M = Math.min(1, M);
-    const De = g.find((ne) => M >= ne.beginOffset && M <= ne.endOffset), {
-      begin: _,
-      beginOffset: ee,
-      step: te,
+    const De = g.find((ee) => M >= ee.beginOffset && M <= ee.endOffset), {
+      begin: W,
+      beginOffset: Z,
+      step: _,
       endOffset: Ee,
       end: Le
-    } = De, je = M - ee, Ue = Ee - ee, Xe = je / Ue * (Le - _), Ye = Math.round(Xe / te);
-    return Je(_, qe(Ye, te));
+    } = De, je = M - Z, Ue = Ee - Z, Xe = je / Ue * (Le - W), Ye = Math.round(Xe / _);
+    return Je(W, qe(Ye, _));
   }
   function Ne(t) {
     let [e, n] = t;
     e > n && ([e, n] = [n, e]);
-    const r = I(e), i = I(1 - n);
+    const r = y(e), i = y(1 - n);
     return u ? {
       [s ? "top" : "bottom"]: r,
       [s ? "bottom" : "top"]: i
@@ -131,7 +131,7 @@ function ft(me, pe) {
     };
   }
   function ke(t) {
-    return u ? { [s ? "top" : "bottom"]: I(t) } : { [s ? "right" : "left"]: I(t) };
+    return u ? { [s ? "top" : "bottom"]: y(t) } : { [s ? "right" : "left"]: y(t) };
   }
   function Be() {
     const t = {
@@ -140,48 +140,48 @@ function ft(me, pe) {
     };
     return "tooltipPosition" in l && (t.tooltipPosition = he), "tooltipVisible" in l && (t.tooltipVisible = ve), t;
   }
-  function K() {
-    q.current = J.current.getBoundingClientRect();
+  function G() {
+    F.current = Y.current.getBoundingClientRect();
   }
   function Oe(t) {
-    K();
-    const e = E(t.clientX, t.clientY);
-    Me.draggableBar && Re(e) ? (G.current = b(e), le(window, "mousemove", Q), le(window, "mouseup", W)) : L(e);
+    G();
+    const e = A(t.clientX, t.clientY);
+    Me.draggableBar && Re(e) ? (q.current = b(e), ie(window, "mousemove", H), ie(window, "mouseup", K)) : D(e);
   }
-  function L(t) {
-    if (w)
+  function D(t) {
+    if (C)
       return;
     const e = b(t), [n, r] = lt(e, o), i = o[n], d = o[r], c = o.slice(0);
-    p && d - e > e - i ? (c[n] = e, h(c, "jumpToClick")) : (c[r] = e, h(c, "jumpToClick")), y();
+    p && d - e > e - i ? (c[n] = e, h(c, "jumpToClick")) : (c[r] = e, h(c, "jumpToClick")), x();
   }
   function Se(t) {
-    h(t, "inputValueChange"), y();
+    h(t, "inputValueChange"), x();
   }
   function Te(t, e, n) {
-    z.current = !0;
+    J.current = !0;
     const r = o.slice(0);
-    r[n] = E(t, e), h(r, "mousemove");
+    r[n] = A(t, e), h(r, "mousemove");
   }
   function $e() {
-    z.current = !1, y();
+    J.current = !1, x();
   }
   function Ae(t, e) {
-    if (w)
+    if (C)
       return;
     const n = o.slice(0);
-    n[e] = ye(o[e], t), h(n);
+    n[e] = xe(o[e], t), h(n);
   }
-  function Q(t) {
-    const n = b(E(t.clientX, t.clientY)) - G.current, r = o.map((i) => i + n);
+  function H(t) {
+    const n = b(A(t.clientX, t.clientY)) - q.current, r = o.map((i) => i + n);
     r.every((i, d, c) => be(i)) && h(r, "mousemove");
   }
-  function W() {
-    ue(window, "mousemove", Q), ue(window, "mouseup", W), y();
+  function K() {
+    se(window, "mousemove", H), se(window, "mouseup", K), x();
   }
   return /* @__PURE__ */ v(
     "div",
     {
-      ..._e(Ce, [
+      ..._e(we, [
         "defaultValue",
         "value",
         "onChange",
@@ -189,25 +189,25 @@ function ft(me, pe) {
         "formatTooltip",
         "onAfterChange"
       ]),
-      className: se(
+      className: ae(
         a,
         {
           [`${a}-vertical`]: u,
-          [`${a}-with-marks`]: k,
+          [`${a}-with-marks`]: R,
           [`${a}-reverse`]: s,
-          [`${a}-rtl`]: U
+          [`${a}-rtl`]: L
         },
         ge
       ),
       style: de,
-      ref: pe,
-      children: /* @__PURE__ */ oe("div", { className: `${a}-wrapper`, children: [
-        /* @__PURE__ */ oe(
+      ref: fe,
+      children: /* @__PURE__ */ te("div", { className: `${a}-wrapper`, children: [
+        /* @__PURE__ */ te(
           "div",
           {
-            ref: J,
-            className: se(`${a}-road`, {
-              [`${a}-road-disabled`]: w,
+            ref: Y,
+            className: ae(`${a}-road`, {
+              [`${a}-road-disabled`]: C,
               [`${a}-road-vertical`]: u
             }),
             onMouseDown: Oe,
@@ -217,8 +217,8 @@ function ft(me, pe) {
                 {
                   className: `${a}-bar`,
                   style: Ne([
-                    j(A, g),
-                    j($, g)
+                    E(T, g),
+                    E(S, g)
                   ])
                 }
               ),
@@ -227,8 +227,8 @@ function ft(me, pe) {
                 {
                   intervalConfigs: g,
                   min: f,
-                  max: C,
-                  valueRange: [A, $],
+                  max: w,
+                  valueRange: [T, S],
                   prefixCls: a,
                   vertical: u,
                   reverse: s
@@ -237,38 +237,38 @@ function ft(me, pe) {
               /* @__PURE__ */ v(
                 tt,
                 {
-                  data: F,
+                  data: X,
                   intervalConfigs: g,
-                  valueRange: [A, $],
+                  valueRange: [T, S],
                   vertical: u,
                   prefixCls: a,
                   reverse: s,
-                  onMouseDown: L
+                  onMouseDown: D
                 }
               ),
               /* @__PURE__ */ v(
                 ot,
                 {
-                  data: F,
+                  data: X,
                   intervalConfigs: g,
                   vertical: u,
                   prefixCls: a,
                   reverse: s,
-                  onMouseDown: L
+                  onMouseDown: D
                 }
               ),
               o.map((t, e) => !p && e !== o.length - 1 ? null : /* @__PURE__ */ v(
                 et,
                 {
-                  style: ke(j(t, g)),
-                  disabled: w,
+                  style: ke(E(t, g)),
+                  disabled: C,
                   prefixCls: a,
                   value: t,
-                  maxValue: C,
+                  maxValue: w,
                   minValue: f,
                   vertical: u,
                   ...Be(),
-                  onMoveBegin: K,
+                  onMoveBegin: G,
                   onMoving: (n, r) => Te(n, r, e),
                   onMoveEnd: $e,
                   onArrowEvent: (n) => Ae(n, e)
@@ -278,27 +278,27 @@ function ft(me, pe) {
             ]
           }
         ),
-        D && /* @__PURE__ */ v(
+        $ && /* @__PURE__ */ v(
           nt,
           {
             min: f,
-            max: C,
-            step: N,
+            max: w,
+            step: P,
             value: o,
             range: p,
-            disabled: w,
+            disabled: C,
             prefixCls: a,
             onChange: Se,
-            extra: xe
+            extra: Ie
           }
         )
       ] })
     }
   );
 }
-const fe = Ge(ft);
-fe.displayName = "Slider";
-const $t = ze.memo(fe);
+const ue = Ge(ft);
+ue.displayName = "Slider";
+const $t = ze.memo(ue);
 export {
   $t as default
 };

package/space/index.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as d, useContext as u } from "react";
-import $ from "../components/common/space/index.js";
+import { forwardRef as g, useContext as x } from "react";
+import C from "../components/common/space/index.js";
 import { SpaceVertical as J } from "../components/common/space/index.js";
 import "../config-provider/ConfigProvider.js";
 import "lodash/isEqualWith";
@@ -10,43 +10,43 @@ import "lodash/isNumber";
 import "lodash/merge";
 import "../components/common/utils/dom.js";
 import "../components/common/hooks/useIntersectionObserver.js";
-import x from "../components/common/hooks/useMergeProps.js";
+import d from "../components/common/hooks/useMergeProps.js";
 import "../components/common/utils/reactDOM.js";
 import "@unicom-cloud/utils/constant";
 import "lodash/debounce";
-import N from "@unicom-cloud/utils/class-name";
-import S from "../config-provider/context.js";
-const g = {
+import u from "@unicom-cloud/utils/class-name";
+import $ from "../config-provider/context.js";
+const N = {
   gap: "small",
   direction: "horizontal"
 };
-function w(s, c) {
-  const { getPrefixCls: o, componentConfig: r, rtl: z } = u(S), n = x(
-    s,
-    g,
-    r == null ? void 0 : r.Space
-  ), { className: f, direction: m, wrap: i, size: a, align: e, ...t } = n;
-  a && (t.gap = a), e && (t.alignItems = e);
-  const p = o == null ? void 0 : o("space");
+function S(m, a) {
+  const { getPrefixCls: s, componentConfig: n, rtl: P } = x($), c = d(
+    m,
+    N,
+    n?.Space
+  ), { className: f, direction: t, wrap: p, size: e, align: i, ...o } = c;
+  e && (o.gap = e), i && (o.alignItems = i);
+  const r = s?.("space");
   return /* @__PURE__ */ l(
-    $,
+    C,
     {
-      ref: c,
-      className: N(
-        `${p}`,
-        i && `${p}-wrap`,
-        `${p}-${m}`,
+      ref: a,
+      className: u(
+        `${r}`,
+        p && `${r}-wrap`,
+        `${r}-${t}`,
         f
       ),
-      direction: m,
-      wrap: i,
-      ...t
+      direction: t,
+      wrap: p,
+      ...o
     }
   );
 }
-const C = d(w);
-C.displayName = "Space";
+const w = g(S);
+w.displayName = "Space";
 export {
   J as SpaceVertical,
-  C as default
+  w as default
 };

package/space-/index.js

@@ -1,45 +1,45 @@
 import { jsx as c, jsxs as M } from "react/jsx-runtime";
-import R from "lodash/isArray";
-import V from "lodash/isNumber";
-import { forwardRef as h, useContext as b, Fragment as j } from "react";
+import P from "lodash/isArray";
+import R from "lodash/isNumber";
+import { forwardRef as $, useContext as V, Fragment as b } from "react";
 import "../config-provider/ConfigProvider.js";
-import k from "../components/common/hooks/useMergeProps.js";
-import D from "@unicom-cloud/utils/class-name";
-import F from "./toArray.js";
-import H from "../config-provider/context.js";
-const O = {
+import j from "../components/common/hooks/useMergeProps.js";
+import k from "@unicom-cloud/utils/class-name";
+import D from "./toArray.js";
+import F from "../config-provider/context.js";
+const H = {
   size: "small",
   direction: "horizontal"
 };
-function P(s, m) {
-  const { getPrefixCls: l, componentConfig: p, rtl: $ } = b(H), S = k(
+function O(s, m) {
+  const { getPrefixCls: N, componentConfig: C, rtl: g } = V(F), v = j(
     s,
-    O,
-    p == null ? void 0 : p.Space
+    H,
+    C?.Space
   ), {
-    className: w,
-    style: B,
-    children: C,
+    className: S,
+    style: x,
+    children: w,
     size: i,
     direction: a,
-    align: x,
-    wrap: u,
-    split: f,
+    align: B,
+    wrap: l,
+    split: p,
     ...z
-  } = S, e = l == null ? void 0 : l("space-"), y = x || (a === "horizontal" ? "center" : ""), A = D(
+  } = v, e = N?.("space-"), d = B || (a === "horizontal" ? "center" : ""), A = k(
     e,
     {
       [`${e}-${a}`]: a,
-      [`${e}-align-${y}`]: y,
-      [`${e}-wrap`]: u,
-      [`${e}-rtl`]: $
+      [`${e}-align-${d}`]: d,
+      [`${e}-wrap`]: l,
+      [`${e}-rtl`]: g
     },
-    w
+    S
   );
-  function g(r) {
-    if (V(r))
-      return r;
-    switch (r) {
+  function f(t) {
+    if (R(t))
+      return t;
+    switch (t) {
       case "mini":
         return 4;
       case "small":
@@ -52,42 +52,42 @@ function P(s, m) {
         return 8;
     }
   }
-  const N = F(C);
-  function L(r) {
-    const n = N.length === r + 1, o = $ ? "marginLeft" : "marginRight";
+  const h = D(w);
+  function L(t) {
+    const n = h.length === t + 1, o = g ? "marginLeft" : "marginRight";
     if (typeof i == "string" || typeof i == "number") {
-      const t = g(i);
-      return u ? n ? { marginBottom: t } : {
-        [`${o}`]: t,
-        marginBottom: t
+      const r = f(i);
+      return l ? n ? { marginBottom: r } : {
+        [`${o}`]: r,
+        marginBottom: r
       } : n ? {} : {
-        [a === "vertical" ? "marginBottom" : o]: t
+        [a === "vertical" ? "marginBottom" : o]: r
       };
     }
-    if (R(i)) {
-      const t = g(i[0]), d = g(i[1]);
-      return u ? n ? { marginBottom: d } : {
-        [`${o}`]: t,
-        marginBottom: d
-      } : a === "vertical" ? { marginBottom: d } : { [`${o}`]: t };
+    if (P(i)) {
+      const r = f(i[0]), u = f(i[1]);
+      return l ? n ? { marginBottom: u } : {
+        [`${o}`]: r,
+        marginBottom: u
+      } : a === "vertical" ? { marginBottom: u } : { [`${o}`]: r };
     }
   }
-  return /* @__PURE__ */ c("div", { ref: m, className: A, style: B, ...z, children: N.map((r, n) => {
-    const o = (r == null ? void 0 : r.key) || n, t = f != null && n > 0;
-    return /* @__PURE__ */ M(j, { children: [
-      t && /* @__PURE__ */ c("div", { className: `${e}-item-split`, children: f }),
-      /* @__PURE__ */ c("div", { className: `${e}-item`, style: L(n), children: r })
+  return /* @__PURE__ */ c("div", { ref: m, className: A, style: x, ...z, children: h.map((t, n) => {
+    const o = t?.key || n, r = p != null && n > 0;
+    return /* @__PURE__ */ M(b, { children: [
+      r && /* @__PURE__ */ c("div", { className: `${e}-item-split`, children: p }),
+      /* @__PURE__ */ c("div", { className: `${e}-item`, style: L(n), children: t })
     ] }, o);
   }) });
 }
-const v = h(P);
-v.displayName = "Space-";
+const y = $(O);
+y.displayName = "Space-";
 function q(s, m) {
-  return /* @__PURE__ */ c(v, { ref: m, ...s, direction: "vertical", children: s.children });
+  return /* @__PURE__ */ c(y, { ref: m, ...s, direction: "vertical", children: s.children });
 }
-const E = h(q);
+const E = $(q);
 E.displayName = "SpaceVertical-";
 export {
   E as SpaceVertical,
-  v as default
+  y as default
 };

package/spin/DotLoading.js

@@ -1,25 +1,25 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import m from "lodash/isNumber";
 import { useContext as a } from "react";
 import "../config-provider/ConfigProvider.js";
-import d from "../config-provider/context.js";
-function g(t) {
-  const { getPrefixCls: i } = a(d), s = `${i == null ? void 0 : i("spin")}-dot`, n = {
+import l from "../config-provider/context.js";
+function x(t) {
+  const { getPrefixCls: r } = a(l), i = `${r?.("spin")}-dot`, o = {
     width: t.size,
     height: t.size
   }, e = t.size ? parseInt(String(t.size)) : 0;
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: `${s}-list`,
+      className: `${i}-list`,
       style: {
         height: t.size,
         width: m(e) && e > 0 ? e * 7 : ""
       },
-      children: [...new Array(5)].map((c, r) => /* @__PURE__ */ o("div", { className: s, style: n }, r))
+      children: [...new Array(5)].map((d, n) => /* @__PURE__ */ s("div", { className: i, style: o }, n))
     }
   );
 }
 export {
-  g as default
+  x as default
 };