@unicom-cloud/ui 0.8.90 → 0.8.92

package/slider/index.js

@@ -1,312 +1,187 @@
-import { jsx as L, jsxs as Ve } from "react/jsx-runtime";
-import { times as Ce, plus as Z, divide as ze } from "@unicom-cloud/utils/math";
-import _ from "lodash/isArray";
-import ee from "lodash/isFunction";
-import te from "lodash/isPlainObject";
-import Ge, { useMemo as ne, useCallback as T, forwardRef as He, useContext as Qe, useRef as $ } from "react";
-import { a as Ze } from "../chunk/B44Hj5ad.js";
-import { u as _e } from "../chunk/BFTV6myl.js";
-import { u as et } from "../chunk/D5wldVRB.js";
-import { u as tt } from "../chunk/a3hR6zLw.js";
-import ve from "@unicom-cloud/utils/class-name";
-import { on as be, off as we } from "../utils/dom.js";
-import { o as nt } from "../chunk/BKKEev13.js";
-import ot from "./Button.js";
-import rt from "./Dot.js";
-import st from "./Input.js";
-import it from "./Mark.js";
-import at from "./Tick.js";
-import U from "lodash/isNumber";
-import { rateToFloat as lt, getPrecision as ut, needSort as ct, sortNumberArray as ke, getIntervalOffset as Q, formatPercent as F, findNearestIndex as ft } from "./util.js";
-import { isEmptyObject as mt } from "@unicom-cloud/utils/is";
-import gt from "lodash/isUndefined";
-function dt(m) {
-  if (m.length < 2)
-    return [];
-  const y = [];
-  for (let l = 1; l < m.length; l++) {
-    const g = m[l - 1], b = m[l];
-    y.push([g, b]);
-  }
-  return y;
-}
-function pt(m) {
-  const { marks: y = {}, getIntervalConfig: l, max: g, min: b } = m, { markIntervals: d, markList: I } = ne(() => {
-    const O = Object.keys(y).filter((s) => U(+s) && +s >= b && +s <= g).sort((s, e) => +s > +e ? 1 : -1), p = O.map((s) => ({ key: s, content: y[s] }));
-    let v = O.map((s) => +s);
-    return v.length === 0 ? v = [b, g] : (v[0] > b && (v.unshift(b), p.unshift({ key: `${b}`, content: "" })), v.slice(-1)[0] < g && (v.push(g), p.push({ key: `${g}`, content: "" }))), { markIntervals: dt(v), markList: p };
-  }, [y, b, g]);
-  return {
-    intervalConfigs: ne(() => {
-      if (!ee(l))
-        return [
-          {
-            begin: b,
-            end: g,
-            step: m.step,
-            beginOffset: 0,
-            endOffset: 1,
-            width: 1
-          }
-        ];
-      const O = ([e, u], i) => {
-        const a = { step: m.step, width: 0 }, c = l([e, u], i) || {}, r = c.step, h = lt(c.width);
-        return U(r) && r && (a.step = r), U(h) && h && (a.width = h), a;
-      };
-      let p = 1, v = g - b;
-      const w = d.map(([e, u], i) => {
-        const a = O([e, u], i);
-        let c = a.width;
-        if (c) {
-          c = Math.min(p, c);
-          const r = u - e;
-          v -= r, p -= c;
-        }
-        return { width: c, step: a.step };
-      });
-      if (w.every(({ width: e }) => e) && p) {
-        const e = w[d.length - 1];
-        e.width += p;
-      }
-      const s = [];
-      return d.forEach(([e, u], i) => {
-        const { step: a, width: c } = w[i], r = {
-          begin: e,
-          end: u,
-          step: a,
-          beginOffset: 0,
-          endOffset: 0,
-          width: c
-        };
-        r.width || (r.width = p * ((u - e) / v));
-        const h = s.length - 1;
-        s[h] && (r.beginOffset = s[h].endOffset), r.endOffset = Math.min(1, r.beginOffset + r.width), s.push(r);
-      }), s;
-    }, [l, d, g, b, m.step]),
-    markList: I
-  };
-}
-function ht(m) {
-  const { isRange: y, min: l, max: g, onlyMarkValue: b, intervalConfigs: d, marks: I } = m, B = T(
-    (e) => {
-      const u = d.find((i) => e >= i.begin && e <= i.end);
-      if (u) {
-        const { begin: i, step: a } = u, c = e - i, r = Math.round(c / a), h = ut(a), A = parseFloat(
-          Ce(a, r).toFixed(h)
-        );
-        return Z(i, A);
-      }
-      return e;
-    },
-    [d]
-  ), O = T(
-    (e) => {
-      if (!te(I) || mt(I))
-        return console.warn("marks must be an object when onlyMarkValue is true"), l;
-      if (I[e])
-        return e;
-      const u = Object.keys(I), i = u.map((c) => Math.abs(e - parseFloat(c))), a = i.indexOf(Math.min.apply(null, i));
-      return parseFloat(u[a]);
-    },
-    [I, l]
-  ), p = T(
-    (e) => gt(e) || e <= l ? l : e >= g ? g : b ? O(e) : B(e),
-    [O, B, g, l, b]
-  ), v = T(
-    (e) => p(e) === e,
-    [p]
-  ), w = T(
-    (e) => {
-      let [u, i] = [l, l];
-      if (y) {
-        if (_(e))
-          return u = p(e[0]), e.map((a, c, r) => p(a));
-        console.error("value must be an array when range is true");
-      } else U(e) ? i = p(e) : console.error("value must be a number when range is false");
-      return [u, i];
-    },
-    [p, y, l]
-  ), s = T(
-    (e, u) => {
-      const i = u === "subtraction" ? -1 : 1;
-      let a = Z(e, i * m.step);
-      if (m.onlyMarkValue) {
-        const c = Object.keys(m.marks), r = c.findIndex((h) => Number(h) === e);
-        a = c[r + i] !== void 0 ? Number(c[r + i]) : e;
-      }
-      return a;
-    },
-    [m.marks, m.onlyMarkValue, m.step]
-  );
-  return {
-    getLegalRangeValue: w,
-    getLegalValue: p,
-    isLegalValue: v,
-    getNextMarkValue: s
-  };
-}
-const Vt = {
+import { jsx as v, jsxs as oe } from "react/jsx-runtime";
+import { divide 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 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 { omit as _e } from "../components/common/utils/omit.js";
+import et from "./Button.js";
+import tt from "./Dot.js";
+import nt from "./Input.js";
+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 ut from "../config-provider/context.js";
+const ct = {
   max: 100,
   min: 0,
   step: 1
 };
-function vt(m, y) {
-  const { getPrefixCls: l, componentConfig: g, rtl: b } = Qe(Ze), d = _e(
-    m,
-    Vt,
-    g == null ? void 0 : g.Slider
+function ft(me, pe) {
+  const { getPrefixCls: x, componentConfig: P, rtl: U } = He(ut), l = Qe(
+    me,
+    ct,
+    P == null ? void 0 : P.Slider
   ), {
-    className: I,
-    style: B,
-    tooltipVisible: O,
-    tooltipPosition: p,
-    disabled: v,
-    min: w,
-    max: s,
-    range: e,
-    step: u,
-    showTicks: i,
-    marks: a,
-    onlyMarkValue: c,
-    vertical: r,
-    showInput: h,
-    reverse: A,
-    getIntervalConfig: ye,
-    ...Ie
-  } = d, N = !!e, Oe = te(e) ? { ...e } : { draggableBar: !1 }, M = b ? !A : A, { intervalConfigs: P, markList: oe } = pt({
-    min: w,
-    max: s,
-    step: u,
-    marks: a,
-    getIntervalConfig: ye
-  }), { getLegalValue: E, getLegalRangeValue: W, isLegalValue: xe, getNextMarkValue: Ne } = ht({
-    isRange: N,
-    min: w,
-    max: s,
-    onlyMarkValue: c,
-    step: u,
-    intervalConfigs: P,
-    marks: a
-  }), [K, Pe] = et(
-    N ? [w, w] : w,
+    className: ge,
+    style: de,
+    tooltipVisible: ve,
+    tooltipPosition: he,
+    disabled: w,
+    min: f,
+    max: C,
+    range: R,
+    step: N,
+    showTicks: Ve,
+    marks: k,
+    onlyMarkValue: X,
+    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({
+    min: f,
+    max: C,
+    step: N,
+    marks: k,
+    getIntervalConfig: we
+  }), { getLegalValue: b, getLegalRangeValue: B, isLegalValue: be, getNextMarkValue: ye } = it({
+    isRange: p,
+    min: f,
+    max: C,
+    onlyMarkValue: X,
+    step: N,
+    intervalConfigs: g,
+    marks: k
+  }), [O, Ie] = We(
+    p ? [f, f] : f,
     {
-      defaultValue: d.defaultValue,
-      value: d.value
+      defaultValue: l.defaultValue,
+      value: l.value
     }
   );
-  let f = W(K);
-  const X = $(f), Y = $(ct(f));
-  tt(() => {
-    X.current = W(K);
-  }, [K, W]), Y.current && (f = ke(f));
-  const J = f[f.length - 1], q = f[0], z = h && !c && (!N || f.length < 3), Re = ne(() => z && (_(h) || te(h)) ? _(h) ? [...h] : [{ ...h }, { ...h }] : [], [z, h]), k = l == null ? void 0 : l("slider"), re = $(null), se = $({
+  let o = B(O);
+  const S = V(o), T = 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({
     left: 0,
     height: 0,
     top: 0,
     width: 0
-  }), ie = $(!1), ae = $(0);
-  function le(n) {
-    const t = ke(n);
-    return N ? t : t[t.length - 1];
+  }), z = V(!1), G = V(0);
+  function H(t) {
+    const e = ce(t);
+    return p ? e : e[e.length - 1];
   }
-  function Le(n) {
-    const t = n.map((o) => E(o));
-    return X.current = t, t;
+  function Pe(t) {
+    const e = t.map((n) => b(n));
+    return S.current = e, e;
   }
-  function S(n, t) {
-    const o = Le(n), V = le(o);
-    Pe(V), t === "inputValueChange" ? Y.current = o.some((C, R) => C > o[R]) : Y.current = !1, ee(d.onChange) && d.onChange(V);
+  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);
   }
-  function D() {
-    if (ee(d.onAfterChange)) {
-      const n = le(X.current);
-      d.onAfterChange(n);
+  function y() {
+    if (ae(l.onAfterChange)) {
+      const t = H(S.current);
+      l.onAfterChange(t);
     }
   }
-  function Se(n) {
-    let [t, o] = [f[0], f[f.length - 1]];
-    return t > o && ([t, o] = [o, t]), N ? n >= t && n <= o : n <= o;
+  function Re(t) {
+    let [e, n] = [o[0], o[o.length - 1]];
+    return e > n && ([e, n] = [n, e]), p ? t >= e && t <= n : t <= n;
   }
-  function G(n, t) {
-    const { left: o, top: V, width: C, height: R } = se.current;
-    let x = C, me = M ? o + C - n : n - o;
-    if (r && (x = R, me = M ? t - V : V + R - t), x <= 0)
+  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)
       return 0;
-    let j = Math.max(ze(me, x), 0);
-    j = Math.min(1, j);
-    const Ue = P.find((he) => j >= he.beginOffset && j <= he.endOffset), {
-      begin: ge,
-      beginOffset: de,
-      step: pe,
-      endOffset: We,
-      end: Ke
-    } = Ue, Xe = j - de, Ye = We - de, Je = Xe / Ye * (Ke - ge), qe = Math.round(Je / pe);
-    return Z(ge, Ce(qe, pe));
+    let M = Math.max(Fe(Z, c), 0);
+    M = Math.min(1, M);
+    const De = g.find((ne) => M >= ne.beginOffset && M <= ne.endOffset), {
+      begin: _,
+      beginOffset: ee,
+      step: te,
+      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));
   }
-  function Te(n) {
-    let [t, o] = n;
-    t > o && ([t, o] = [o, t]);
-    const V = F(t), C = F(1 - o);
-    return r ? {
-      [M ? "top" : "bottom"]: V,
-      [M ? "bottom" : "top"]: C
+  function Ne(t) {
+    let [e, n] = t;
+    e > n && ([e, n] = [n, e]);
+    const r = I(e), i = I(1 - n);
+    return u ? {
+      [s ? "top" : "bottom"]: r,
+      [s ? "bottom" : "top"]: i
     } : {
-      [M ? "right" : "left"]: V,
-      [M ? "left" : "right"]: C
+      [s ? "right" : "left"]: r,
+      [s ? "left" : "right"]: i
     };
   }
-  function $e(n) {
-    return r ? { [M ? "top" : "bottom"]: F(n) } : { [M ? "right" : "left"]: F(n) };
+  function ke(t) {
+    return u ? { [s ? "top" : "bottom"]: I(t) } : { [s ? "right" : "left"]: I(t) };
   }
   function Be() {
-    const n = {
-      getTooltipContainer: d.getTooltipContainer,
-      formatTooltip: d.formatTooltip
+    const t = {
+      getTooltipContainer: l.getTooltipContainer,
+      formatTooltip: l.formatTooltip
     };
-    return "tooltipPosition" in d && (n.tooltipPosition = p), "tooltipVisible" in d && (n.tooltipVisible = O), n;
+    return "tooltipPosition" in l && (t.tooltipPosition = he), "tooltipVisible" in l && (t.tooltipVisible = ve), t;
   }
-  function ue() {
-    se.current = re.current.getBoundingClientRect();
+  function K() {
+    q.current = J.current.getBoundingClientRect();
   }
-  function je(n) {
-    ue();
-    const t = G(n.clientX, n.clientY);
-    Oe.draggableBar && Se(t) ? (ae.current = E(t), be(window, "mousemove", ce), be(window, "mouseup", fe)) : H(t);
+  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);
   }
-  function H(n) {
-    if (v)
+  function L(t) {
+    if (w)
       return;
-    const t = E(n), [o, V] = ft(t, f), C = f[o], R = f[V], x = f.slice(0);
-    N && R - t > t - C ? (x[o] = t, S(x, "jumpToClick")) : (x[V] = t, S(x, "jumpToClick")), D();
+    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();
   }
-  function Ae(n) {
-    S(n, "inputValueChange"), D();
+  function Se(t) {
+    h(t, "inputValueChange"), y();
   }
-  function Ee(n, t, o) {
-    ie.current = !0;
-    const V = f.slice(0);
-    V[o] = G(n, t), S(V, "mousemove");
+  function Te(t, e, n) {
+    z.current = !0;
+    const r = o.slice(0);
+    r[n] = E(t, e), h(r, "mousemove");
   }
-  function De() {
-    ie.current = !1, D();
+  function $e() {
+    z.current = !1, y();
   }
-  function Fe(n, t) {
-    if (v)
+  function Ae(t, e) {
+    if (w)
       return;
-    const o = f.slice(0);
-    o[t] = Ne(f[t], n), S(o);
+    const n = o.slice(0);
+    n[e] = ye(o[e], t), h(n);
   }
-  function ce(n) {
-    const o = E(G(n.clientX, n.clientY)) - ae.current, V = f.map((C) => C + o);
-    V.every((C, R, x) => xe(C)) && S(V, "mousemove");
+  function Q(t) {
+    const n = b(E(t.clientX, t.clientY)) - G.current, r = o.map((i) => i + n);
+    r.every((i, d, c) => be(i)) && h(r, "mousemove");
   }
-  function fe() {
-    we(window, "mousemove", ce), we(window, "mouseup", fe), D();
+  function W() {
+    ue(window, "mousemove", Q), ue(window, "mouseup", W), y();
   }
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ v(
     "div",
     {
-      ...nt(Ie, [
+      ..._e(Ce, [
         "defaultValue",
         "value",
         "onChange",
@@ -314,116 +189,116 @@ function vt(m, y) {
         "formatTooltip",
         "onAfterChange"
       ]),
-      className: ve(
-        k,
+      className: se(
+        a,
         {
-          [`${k}-vertical`]: r,
-          [`${k}-with-marks`]: a,
-          [`${k}-reverse`]: M,
-          [`${k}-rtl`]: b
+          [`${a}-vertical`]: u,
+          [`${a}-with-marks`]: k,
+          [`${a}-reverse`]: s,
+          [`${a}-rtl`]: U
         },
-        I
+        ge
       ),
-      style: B,
-      ref: y,
-      children: /* @__PURE__ */ Ve("div", { className: `${k}-wrapper`, children: [
-        /* @__PURE__ */ Ve(
+      style: de,
+      ref: pe,
+      children: /* @__PURE__ */ oe("div", { className: `${a}-wrapper`, children: [
+        /* @__PURE__ */ oe(
           "div",
           {
-            ref: re,
-            className: ve(`${k}-road`, {
-              [`${k}-road-disabled`]: v,
-              [`${k}-road-vertical`]: r
+            ref: J,
+            className: se(`${a}-road`, {
+              [`${a}-road-disabled`]: w,
+              [`${a}-road-vertical`]: u
             }),
-            onMouseDown: je,
+            onMouseDown: Oe,
             children: [
-              /* @__PURE__ */ L(
+              /* @__PURE__ */ v(
                 "div",
                 {
-                  className: `${k}-bar`,
-                  style: Te([
-                    Q(q, P),
-                    Q(J, P)
+                  className: `${a}-bar`,
+                  style: Ne([
+                    j(A, g),
+                    j($, g)
                   ])
                 }
               ),
-              i && /* @__PURE__ */ L(
-                at,
+              Ve && /* @__PURE__ */ v(
+                rt,
                 {
-                  intervalConfigs: P,
-                  min: w,
-                  max: s,
-                  valueRange: [q, J],
-                  prefixCls: k,
-                  vertical: r,
-                  reverse: M
+                  intervalConfigs: g,
+                  min: f,
+                  max: C,
+                  valueRange: [A, $],
+                  prefixCls: a,
+                  vertical: u,
+                  reverse: s
                 }
               ),
-              /* @__PURE__ */ L(
-                rt,
+              /* @__PURE__ */ v(
+                tt,
                 {
-                  data: oe,
-                  intervalConfigs: P,
-                  valueRange: [q, J],
-                  vertical: r,
-                  prefixCls: k,
-                  reverse: M,
-                  onMouseDown: H
+                  data: F,
+                  intervalConfigs: g,
+                  valueRange: [A, $],
+                  vertical: u,
+                  prefixCls: a,
+                  reverse: s,
+                  onMouseDown: L
                 }
               ),
-              /* @__PURE__ */ L(
-                it,
+              /* @__PURE__ */ v(
+                ot,
                 {
-                  data: oe,
-                  intervalConfigs: P,
-                  vertical: r,
-                  prefixCls: k,
-                  reverse: M,
-                  onMouseDown: H
+                  data: F,
+                  intervalConfigs: g,
+                  vertical: u,
+                  prefixCls: a,
+                  reverse: s,
+                  onMouseDown: L
                 }
               ),
-              f.map((n, t) => !N && t !== f.length - 1 ? null : /* @__PURE__ */ L(
-                ot,
+              o.map((t, e) => !p && e !== o.length - 1 ? null : /* @__PURE__ */ v(
+                et,
                 {
-                  style: $e(Q(n, P)),
-                  disabled: v,
-                  prefixCls: k,
-                  value: n,
-                  maxValue: s,
-                  minValue: w,
-                  vertical: r,
+                  style: ke(j(t, g)),
+                  disabled: w,
+                  prefixCls: a,
+                  value: t,
+                  maxValue: C,
+                  minValue: f,
+                  vertical: u,
                   ...Be(),
-                  onMoveBegin: ue,
-                  onMoving: (o, V) => Ee(o, V, t),
-                  onMoveEnd: De,
-                  onArrowEvent: (o) => Fe(o, t)
+                  onMoveBegin: K,
+                  onMoving: (n, r) => Te(n, r, e),
+                  onMoveEnd: $e,
+                  onArrowEvent: (n) => Ae(n, e)
                 },
-                t
+                e
               ))
             ]
           }
         ),
-        z && /* @__PURE__ */ L(
-          st,
+        D && /* @__PURE__ */ v(
+          nt,
           {
-            min: w,
-            max: s,
-            step: u,
-            value: f,
-            range: N,
-            disabled: v,
-            prefixCls: k,
-            onChange: Ae,
-            extra: Re
+            min: f,
+            max: C,
+            step: N,
+            value: o,
+            range: p,
+            disabled: w,
+            prefixCls: a,
+            onChange: Se,
+            extra: xe
           }
         )
       ] })
     }
   );
 }
-const Me = He(vt);
-Me.displayName = "Slider";
-const Ut = Ge.memo(Me);
+const fe = Ge(ft);
+fe.displayName = "Slider";
+const $t = ze.memo(fe);
 export {
-  Ut as default
+  $t as default
 };