@unicom-cloud/ui 0.8.43 → 0.8.45

package/Slider.js

@@ -1,667 +1,193 @@
-import { jsx as I, jsxs as gt } from "react/jsx-runtime";
-import { a as Dt } from "./chunk/BSs6uXmc.js";
-import "./chunk/C6Kfwj0f.js";
-import "./chunk/RnTpOC5-.js";
-import "./chunk/DP2rzg_V.js";
-import se from "./Trigger.js";
-import "./Tooltip.js";
-import { minus as pt, times as wt, plus as ot, divide as Rt } from "@unicom-cloud/utils/math";
-import ht from "lodash/isArray";
-import L from "lodash/isFunction";
-import rt from "lodash/isPlainObject";
-import _, { useState as St, useContext as Et, useMemo as Z, useRef as S, useEffect as Lt, createElement as Tt, useCallback as H, forwardRef as ae } from "react";
-import { a as Bt } from "./chunk/Dr0iXIXO.js";
-import ue from "./hooks/useMergeProps.js";
-import Ft from "./hooks/useMergeValue.js";
-import le from "./hooks/useUpdateEffect.js";
-import Y from "@unicom-cloud/utils/class-name";
-import { on as U, off as W } from "./utils/dom.js";
-import ce from "./utils/omit.js";
-import nt from "lodash/isNumber";
-import fe from "lodash/isString";
-import me from "./hooks/useKeyboardEvent.js";
-import { isEmptyObject as de } from "@unicom-cloud/utils/is";
-import ge from "lodash/isUndefined";
-const pe = { maxWidth: 350 }, he = {
-  enter: 300,
-  exit: 100
-}, ve = {
-  left: 12,
-  right: 12,
-  top: 12,
-  bottom: 12
-}, we = function(t) {
-  const {
-    style: o,
-    disabled: n,
-    prefixCls: r,
-    value: s,
-    vertical: d,
-    tooltipVisible: k,
-    tooltipPosition: m,
-    formatTooltip: b,
-    getTooltipContainer: c,
-    onMoving: V,
-    onMoveEnd: h,
-    onMoveBegin: f
-  } = t, e = me(), [g, w] = St(!1), [v, i] = Ft(!1, {
-    value: k
-  }), { getPrefixCls: u } = Et(Bt), M = Z(
-    () => m || (d ? "right" : "top"),
-    [m, d]
-  ), T = S(null), K = S(!1), z = S(!1), P = S(null);
-  function at(C) {
-    C.stopPropagation(), !n && (it(C), w(!0), U(window, "mousemove", E), U(window, "touchmove", E), U(window, "mouseup", R), U(window, "touchend", R), U(window, "contextmenu", R));
-  }
-  function O() {
-    K.current = !0, J(), v || (T.current = setTimeout(() => {
-      j(!0);
-    }, 50));
-  }
-  function D() {
-    K.current = !1, z.current || (J(), T.current = setTimeout(() => {
-      j(!1);
-    }, 200));
-  }
-  function it(C) {
-    var B;
-    C.preventDefault();
-    const N = document.activeElement;
-    (B = N == null ? void 0 : N.blur) == null || B.call(N), L(f) && f();
-  }
-  function E(C) {
-    z.current = !0, C.type === "touchstart" && (C.clientY = C.touches[0].clientY, C.clientX = C.touches[0].clientX), L(V) && V(C.clientX, C.clientY);
-  }
-  function R() {
-    z.current = !1, w(!1), ut(), j(K.current), L(h) && h();
-  }
-  function ut() {
-    J(), W(window, "mousemove", E), W(window, "touchmove", E), W(window, "mouseup", R), W(window, "touchend", R), W(window, "contextmenu", R);
-  }
-  function J() {
-    T.current && (clearTimeout(T.current), T.current = null);
-  }
-  function j(C) {
-    if (z.current)
-      return;
-    const N = "tooltipVisible" in t ? k : C;
-    i(N);
-  }
-  function lt() {
-    K.current = !0, J();
-  }
-  const x = Z(() => L(b) ? b(s) : s, [b, s]);
-  function tt(C) {
-    const N = u("tooltip");
-    return /* @__PURE__ */ I(
-      "div",
-      {
-        className: Y(
-          `${N}-content`,
-          `${N}-content-${C}`
-        ),
-        onMouseLeave: D,
-        onMouseEnter: lt,
-        onClick: (B) => {
-          B.stopPropagation();
-        },
-        children: /* @__PURE__ */ I("div", { className: `${N}-content-inner`, children: x })
-      }
-    );
-  }
-  return Lt(() => {
-    P && P.current && P.current.updatePopupPosition();
-  }, [s]), /* @__PURE__ */ I(
-    se,
-    {
-      style: pe,
-      classNames: "zoomInFadeOut",
-      duration: he,
-      showArrow: !0,
-      popupAlign: ve,
-      ref: P,
-      popup: () => tt(M),
-      popupVisible: v,
-      disabled: k === !1,
-      getPopupContainer: c,
-      position: M,
-      childrenPrefix: u("tooltip"),
-      children: /* @__PURE__ */ I(
-        "div",
-        {
-          className: Y(`${r}-button`, {
-            [`${r}-button-active`]: g
-          }),
-          onMouseDown: at,
-          onMouseEnter: O,
-          onMouseLeave: D,
-          style: o,
-          role: "slider",
-          "aria-valuemax": t.maxValue,
-          "aria-valuemin": t.minValue,
-          "aria-valuenow": s,
-          "aria-disabled": !!n,
-          tabIndex: n ? -1 : 0,
-          "aria-valuetext": fe(x) || nt(x) ? String(x) : void 0,
-          ...e({
-            onArrowRight: (C) => {
-              var N;
-              C.preventDefault(), (N = t.onArrowEvent) == null || N.call(t, "addition");
-            },
-            onArrowUp: (C) => {
-              var N;
-              C.preventDefault(), (N = t.onArrowEvent) == null || N.call(t, "addition");
-            },
-            onArrowLeft: (C) => {
-              var N;
-              C.preventDefault(), (N = t.onArrowEvent) == null || N.call(t, "subtraction");
-            },
-            onArrowDown: (C) => {
-              var N;
-              C.preventDefault(), (N = t.onArrowEvent) == null || N.call(t, "subtraction");
-            }
-          })
-        }
-      )
-    }
-  );
-}, be = _.memo(we);
-function Ve(t) {
-  const o = `${t}`.split(".")[1];
-  return o && o.length || 0;
-}
-function X(t) {
-  return `${t * 100}%`;
-}
-function Me(t, o) {
-  const n = Number(t);
-  if (o && !isNaN(n)) {
-    const [r, s] = o;
-    return Rt(pt(n, r), pt(s, r));
-  }
-  return 0;
-}
-function jt(t, o) {
-  const n = Number(t);
-  return o.sort((r, s) => r - s), n >= o[0] && n <= o[1];
-}
-function dt(t) {
-  return t || t === 0;
-}
-function Ce(t) {
-  const o = parseFloat(t), n = o > 1 ? (o / 100).toFixed(2) : o, r = parseFloat(n);
-  if (!isNaN(r) && r >= 0 && r <= 1)
-    return r;
-}
-function Q(t, o) {
-  const n = o.find(
-    (r) => t >= r.begin && t <= r.end
-  );
-  if (n) {
-    const { beginOffset: r, begin: s, end: d, endOffset: k } = n, m = Me(t, [s, d]), b = pt(k, r), c = wt(m, b);
-    return ot(r, c);
-  }
-}
-function vt(t) {
-  const o = t.slice(0);
-  return o.sort((n, r) => n - r), o;
-}
-function xe(t) {
-  return t.some((o, n) => o > t[n + 1]);
-}
-function Ne(t, o) {
-  let n = o.indexOf(t);
-  return n === -1 ? (n = vt(o.concat(t)).indexOf(t), [
-    Math.max(n - 1, 0),
-    Math.min(n, o.length - 1)
-  ]) : [n, n + 1];
-}
-const ke = function(t) {
-  const {
-    data: o = [],
-    valueRange: n = [],
-    vertical: r,
-    prefixCls: s,
-    reverse: d,
-    intervalConfigs: k
-  } = t;
-  return o.length ? /* @__PURE__ */ I("div", { className: `${s}-dots`, children: o.map(({ key: m, content: b }) => {
-    const c = X(Q(+m, k));
-    return /* @__PURE__ */ I(
-      "div",
-      {
-        className: `${s}-dot-wrapper`,
-        style: {
-          ...r ? { [d ? "top" : "bottom"]: c } : { [d ? "right" : "left"]: c }
-        },
-        onMouseDown: (V) => {
-          V.stopPropagation(), L(t.onMouseDown) && t.onMouseDown(parseFloat(m));
-        },
-        children: rt(b) && b.dot ? b.dot : /* @__PURE__ */ I(
-          "div",
-          {
-            className: Y(`${s}-dot`, {
-              [`${s}-dot-active`]: jt(m, n)
-            })
-          }
-        )
-      },
-      m
-    );
-  }) }) : null;
-}, Ie = _.memo(ke), ye = function(t) {
-  const {
-    value: o,
-    range: n,
-    min: r,
-    max: s,
-    step: d,
-    disabled: k,
-    prefixCls: m,
-    onChange: b,
-    extra: c = []
-  } = t, V = {
-    min: r,
-    max: s,
-    step: d,
-    disabled: k
-  }, [h, f] = St(o), e = c[0], g = n ? c[1] : c[0];
-  Lt(() => {
-    f(o);
-  }, [o]);
-  const w = (i) => {
-    b == null || b(i);
-  }, v = () => {
-    f([...o].sort((i, u) => i - u));
-  };
-  return /* @__PURE__ */ gt(
-    "div",
-    {
-      className: Y(`${m}-input`, {
-        [`${m}-input-group`]: n
-      }),
-      onBlur: v,
-      children: [
-        n && [
-          /* @__PURE__ */ Tt(
-            Dt,
-            {
-              hideControl: !0,
-              ...e,
-              ...V,
-              value: h[0],
-              key: 0,
-              onChange: (i, u) => {
-                var M;
-                isNaN(i) && i !== i || (w([i, h[1]]), (M = e == null ? void 0 : e.onChange) == null || M.call(e, i, u));
-              }
-            }
-          ),
-          /* @__PURE__ */ I("div", { className: `${m}-input-range`, children: /* @__PURE__ */ I("span", { className: `${m}-input-range-content` }) }, 1)
-        ],
-        /* @__PURE__ */ Tt(
-          Dt,
-          {
-            hideControl: !0,
-            ...g,
-            ...V,
-            key: 2,
-            value: h[1],
-            onChange: (i, u) => {
-              var M;
-              isNaN(i) && i !== i || (w([h[0], i]), (M = g == null ? void 0 : g.onChange) == null || M.call(g, i, u));
-            }
-          }
-        )
-      ]
-    }
-  );
-}, $e = _.memo(ye), Oe = function(t) {
-  const { data: o = [], vertical: n, prefixCls: r, reverse: s, intervalConfigs: d } = t;
-  return o.length ? /* @__PURE__ */ I("div", { className: `${r}-marks`, children: o.map(({ key: k, content: m }) => {
-    const b = X(Q(+k, d));
-    let c = null;
-    return rt(m) && dt(m.text) ? c = m.text : dt(m) && (c = m), dt(c) && /* @__PURE__ */ I(
-      "div",
-      {
-        className: `${r}-marks-text`,
-        "aria-hidden": !0,
-        style: n ? { [s ? "top" : "bottom"]: b } : { [s ? "right" : "left"]: b },
-        onMouseDown: (V) => {
-          V.stopPropagation(), L(t.onMouseDown) && t.onMouseDown(parseFloat(k));
-        },
-        children: c
-      },
-      k
-    );
-  }) }) : null;
-}, Pe = _.memo(Oe);
-function Ae(t) {
-  const {
-    min: o,
-    max: n,
-    valueRange: r,
-    prefixCls: s,
-    vertical: d,
-    reverse: k,
-    intervalConfigs: m
-  } = t, b = /* @__PURE__ */ new Map(), c = (h) => {
-    const { step: f, begin: e, end: g } = h, w = Math.floor((g - e) / f);
-    for (let v = 0; v <= w; v++) {
-      const i = ot(v * f, e);
-      if (i <= o || i >= n)
-        continue;
-      const u = X(Q(i, m));
-      b.set(u, {
-        offset: u,
-        isActive: jt(i, r)
-      });
-    }
-  }, V = Z(() => {
-    var h;
-    return b.clear(), (h = m == null ? void 0 : m.forEach) == null || h.call(m, (f) => c(f)), Array.from(b.values());
-  }, [m]);
-  return /* @__PURE__ */ I("div", { className: `${s}-ticks`, children: V.map((h, f) => /* @__PURE__ */ I(
-    "div",
-    {
-      className: Y(`${s}-tick`, {
-        [`${s}-tick-active`]: h.isActive
-      }),
-      style: d ? { [k ? "top" : "bottom"]: h.offset } : { [k ? "right" : "left"]: h.offset }
-    },
-    f
-  )) });
-}
-const De = _.memo(Ae);
-function Te(t) {
-  if (t.length < 2)
-    return [];
-  const o = [];
-  for (let n = 1; n < t.length; n++) {
-    const r = t[n - 1], s = t[n];
-    o.push([r, s]);
-  }
-  return o;
-}
-function Re(t) {
-  const { marks: o = {}, getIntervalConfig: n, max: r, min: s } = t, { markIntervals: d, markList: k } = Z(() => {
-    const b = Object.keys(o).filter((f) => nt(+f) && +f >= s && +f <= r).sort((f, e) => +f > +e ? 1 : -1), c = b.map((f) => ({ key: f, content: o[f] }));
-    let V = b.map((f) => +f);
-    return V.length === 0 ? V = [s, r] : (V[0] > s && (V.unshift(s), c.unshift({ key: `${s}`, content: "" })), V.slice(-1)[0] < r && (V.push(r), c.push({ key: `${r}`, content: "" }))), { markIntervals: Te(V), markList: c };
-  }, [o, s, r]);
-  return {
-    intervalConfigs: Z(() => {
-      if (!L(n))
-        return [
-          {
-            begin: s,
-            end: r,
-            step: t.step,
-            beginOffset: 0,
-            endOffset: 1,
-            width: 1
-          }
-        ];
-      const b = ([e, g], w) => {
-        const v = { step: t.step, width: 0 }, i = n([e, g], w) || {}, u = i.step, M = Ce(i.width);
-        return nt(u) && u && (v.step = u), nt(M) && M && (v.width = M), v;
-      };
-      let c = 1, V = r - s;
-      const h = d.map(([e, g], w) => {
-        const v = b([e, g], w);
-        let i = v.width;
-        if (i) {
-          i = Math.min(c, i);
-          const u = g - e;
-          V -= u, c -= i;
-        }
-        return { width: i, step: v.step };
-      });
-      if (h.every(({ width: e }) => e) && c) {
-        const e = h[d.length - 1];
-        e.width += c;
-      }
-      const f = [];
-      return d.forEach(([e, g], w) => {
-        const { step: v, width: i } = h[w], u = {
-          begin: e,
-          end: g,
-          step: v,
-          beginOffset: 0,
-          endOffset: 0,
-          width: i
-        };
-        u.width || (u.width = c * ((g - e) / V));
-        const M = f.length - 1;
-        f[M] && (u.beginOffset = f[M].endOffset), u.endOffset = Math.min(1, u.beginOffset + u.width), f.push(u);
-      }), f;
-    }, [n, d, r, s, t.step]),
-    markList: k
-  };
-}
-function Se(t) {
-  const { isRange: o, min: n, max: r, onlyMarkValue: s, intervalConfigs: d, marks: k } = t, m = H(
-    (e) => {
-      const g = d.find((w) => e >= w.begin && e <= w.end);
-      if (g) {
-        const { begin: w, step: v } = g, i = e - w, u = Math.round(i / v), M = Ve(v), T = parseFloat(
-          wt(v, u).toFixed(M)
-        );
-        return ot(w, T);
-      }
-      return e;
-    },
-    [d]
-  ), b = H(
-    (e) => {
-      if (!rt(k) || de(k))
-        return console.warn("marks must be an object when onlyMarkValue is true"), n;
-      if (k[e])
-        return e;
-      const g = Object.keys(k), w = g.map((i) => Math.abs(e - parseFloat(i))), v = w.indexOf(Math.min.apply(null, w));
-      return parseFloat(g[v]);
-    },
-    [k, n]
-  ), c = H(
-    (e) => ge(e) || e <= n ? n : e >= r ? r : s ? b(e) : m(e),
-    [b, m, r, n, s]
-  ), V = H(
-    (e) => c(e) === e,
-    [c]
-  ), h = H(
-    (e) => {
-      let [g, w] = [n, n];
-      if (o) {
-        if (ht(e))
-          return g = c(e[0]), e.map((v) => c(v));
-        console.error("value must be an array when range is true");
-      } else
-        nt(e) ? w = c(e) : console.error("value must be a number when range is false");
-      return [g, w];
-    },
-    [c, o, n]
-  ), f = H(
-    (e, g) => {
-      const w = g === "subtraction" ? -1 : 1;
-      let v = ot(e, w * t.step);
-      if (t.onlyMarkValue) {
-        const i = Object.keys(t.marks), u = i.findIndex((M) => Number(M) === e);
-        v = i[u + w] !== void 0 ? Number(i[u + w]) : e;
-      }
-      return v;
-    },
-    [t.marks, t.onlyMarkValue, t.step]
-  );
-  return {
-    getLegalRangeValue: h,
-    getLegalValue: c,
-    isLegalValue: V,
-    getNextMarkValue: f
-  };
-}
-const Ee = {
+import { jsx as d, jsxs as oe } from "react/jsx-runtime";
+/* empty css                              */
+/* empty css                 */
+/* empty css                        */
+/* empty css                       */
+/* empty css                         */
+/* empty css                         */
+/* empty css                        */
+import { divide as Fe, plus as Je, times as qe } from "@unicom-cloud/utils/math";
+import ne from "lodash/isArray";
+import re 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 "./hooks/useMergeProps.js";
+import We from "./hooks/useMergeValue.js";
+import Ze from "./hooks/useUpdateEffect.js";
+import ae from "@unicom-cloud/utils/class-name";
+import { on as se, off as le } from "./utils/dom.js";
+import _e from "./utils/omit.js";
+import et from "./slider/Button.js";
+import tt from "./slider/Dot.js";
+import ot from "./slider/Input.js";
+import nt from "./slider/Mark.js";
+import rt from "./slider/Tick.js";
+import it from "./slider/hook/useInterval.js";
+import at from "./slider/hook/useLegalValue.js";
+import { needSort as st, sortNumberArray as ue, getIntervalOffset as j, formatPercent as y, findNearestIndex as lt } from "./slider/util.js";
+import { ConfigContext as ut } from "./config-provider/context.js";
+const ct = {
   max: 100,
   min: 0,
   step: 1
 };
-function Le(t, o) {
-  const { getPrefixCls: n, componentConfig: r, rtl: s } = Et(Bt), d = ue(
-    t,
-    Ee,
-    r == null ? void 0 : r.Slider
+function ft(fe, me) {
+  const { getPrefixCls: pe, componentConfig: I, rtl: U } = He(ut), l = Qe(
+    fe,
+    ct,
+    I == null ? void 0 : I.Slider
   ), {
-    className: k,
-    style: m,
-    tooltipVisible: b,
-    tooltipPosition: c,
-    disabled: V,
-    min: h,
-    max: f,
-    range: e,
-    step: g,
-    showTicks: w,
-    marks: v,
-    onlyMarkValue: i,
+    className: ge,
+    style: de,
+    tooltipVisible: ve,
+    tooltipPosition: he,
+    disabled: C,
+    min: c,
+    max: w,
+    range: P,
+    step: R,
+    showTicks: Ve,
+    marks: N,
+    onlyMarkValue: k,
     vertical: u,
-    showInput: M,
-    reverse: T,
-    getIntervalConfig: K,
-    ...z
-  } = d, P = !!e, at = rt(e) ? { ...e } : { draggableBar: !1 }, O = s ? !T : T, { intervalConfigs: D, markList: it } = Re({
-    min: h,
-    max: f,
-    onlyMarkValue: i,
-    step: g,
-    marks: v,
-    getIntervalConfig: K
-  }), { getLegalValue: E, getLegalRangeValue: R, isLegalValue: ut, getNextMarkValue: J } = Se({
-    isRange: P,
-    min: h,
-    max: f,
-    onlyMarkValue: i,
-    step: g,
-    intervalConfigs: D,
-    marks: v
-  }), [j, lt] = Ft(
-    P ? [h, h] : h,
+    showInput: f,
+    reverse: X,
+    getIntervalConfig: Ce,
+    ...we
+  } = l, m = !!P, Me = ie(P) ? { ...P } : { draggableBar: !1 }, s = U ? !X : X, { intervalConfigs: p, markList: Y } = it({
+    min: c,
+    max: w,
+    onlyMarkValue: k,
+    step: R,
+    marks: N,
+    getIntervalConfig: Ce
+  }), { getLegalValue: b, getLegalRangeValue: B, isLegalValue: be, getNextMarkValue: xe } = at({
+    isRange: m,
+    min: c,
+    max: w,
+    onlyMarkValue: k,
+    step: R,
+    intervalConfigs: p,
+    marks: N
+  }), [O, ye] = We(
+    m ? [c, c] : c,
     {
-      defaultValue: d.defaultValue,
-      value: d.value
+      defaultValue: l.defaultValue,
+      value: l.value
     }
   );
-  let x = R(j);
-  const tt = S(x), C = S(xe(x));
-  le(() => {
-    tt.current = R(j);
-  }, [j, R]), C.current && (x = vt(x));
-  const N = x[x.length - 1], B = x[0], ct = M && !i && (!P || x.length < 3), Wt = Z(() => ct && (ht(M) || rt(M)) ? ht(M) ? [...M] : [{ ...M }, { ...M }] : [], [ct, M]), $ = n("slider"), bt = S(null), Vt = S({
+  let n = B(O);
+  const S = V(n), T = V(st(n));
+  Ze(() => {
+    S.current = B(O);
+  }, [O, B]), T.current && (n = ue(n));
+  const $ = n[n.length - 1], A = n[0], D = f && !k && (!m || n.length < 3), Ie = Ke(() => D && (ne(f) || ie(f)) ? ne(f) ? [...f] : [{ ...f }, { ...f }] : [], [D, f]), i = pe("slider"), F = V(null), J = V({
     left: 0,
     height: 0,
     top: 0,
     width: 0
-  }), Mt = S(!1), Ct = S(0);
-  function xt(l) {
-    const a = vt(l);
-    return P ? a : a[a.length - 1];
-  }
-  function Xt(l) {
-    const a = l.map((p) => E(p));
-    return tt.current = a, a;
-  }
-  function q(l, a) {
-    const p = Xt(l), y = xt(p);
-    lt(y), a === "inputValueChange" ? C.current = p.some((A, G) => A > p[G]) : C.current = !1, L(d.onChange) && d.onChange(y);
-  }
-  function st() {
-    if (L(d.onAfterChange)) {
-      const l = xt(tt.current);
-      d.onAfterChange(l);
+  }), q = V(!1), z = V(0);
+  function G(t) {
+    const e = ue(t);
+    return m ? e : e[e.length - 1];
+  }
+  function Pe(t) {
+    const e = t.map((o) => b(o));
+    return S.current = e, e;
+  }
+  function v(t, e) {
+    const o = Pe(t), r = G(o);
+    ye(r), e === "inputValueChange" ? T.current = o.some((a, h) => a > o[h]) : T.current = !1, re(l.onChange) && l.onChange(r);
+  }
+  function x() {
+    if (re(l.onAfterChange)) {
+      const t = G(S.current);
+      l.onAfterChange(t);
     }
   }
-  function Yt(l) {
-    let [a, p] = [x[0], x[x.length - 1]];
-    return a > p && ([a, p] = [p, a]), P ? l >= a && l <= p : l <= p;
+  function Re(t) {
+    let [e, o] = [n[0], n[n.length - 1]];
+    return e > o && ([e, o] = [o, e]), m ? t >= e && t <= o : t <= o;
   }
-  function ft(l, a) {
-    const { left: p, top: y, width: A, height: G } = Vt.current;
-    let F = A, yt = O ? p + A - l : l - p;
-    if (u && (F = G, yt = O ? a - y : y + G - a), F <= 0)
+  function E(t, e) {
+    const { left: o, top: r, width: a, height: h } = J.current;
+    let g = a, W = s ? o + a - t : t - o;
+    if (u && (g = h, W = s ? e - r : r + h - e), g <= 0)
       return 0;
-    let et = Math.max(Rt(yt, F), 0);
-    et = Math.min(1, et);
-    const _t = D.find((At) => et >= At.beginOffset && et <= At.endOffset), {
-      begin: $t,
-      beginOffset: Ot,
-      step: Pt,
-      endOffset: te,
-      end: ee
-    } = _t, ne = et - Ot, oe = te - Ot, re = ne / oe * (ee - $t), ie = Math.round(re / Pt);
-    return ot($t, wt(ie, Pt));
-  }
-  function Kt(l) {
-    let [a, p] = l;
-    a > p && ([a, p] = [p, a]);
-    const y = X(a), A = X(1 - p);
+    let M = Math.max(Fe(W, g), 0);
+    M = Math.min(1, M);
+    const De = p.find((te) => M >= te.beginOffset && M <= te.endOffset), {
+      begin: Z,
+      beginOffset: _,
+      step: ee,
+      endOffset: Ee,
+      end: Le
+    } = De, je = M - _, Ue = Ee - _, Xe = je / Ue * (Le - Z), Ye = Math.round(Xe / ee);
+    return Je(Z, qe(Ye, ee));
+  }
+  function Ne(t) {
+    let [e, o] = t;
+    e > o && ([e, o] = [o, e]);
+    const r = y(e), a = y(1 - o);
     return u ? {
-      [O ? "top" : "bottom"]: y,
-      [O ? "bottom" : "top"]: A
+      [s ? "top" : "bottom"]: r,
+      [s ? "bottom" : "top"]: a
     } : {
-      [O ? "right" : "left"]: y,
-      [O ? "left" : "right"]: A
+      [s ? "right" : "left"]: r,
+      [s ? "left" : "right"]: a
     };
   }
-  function zt(l) {
-    return u ? { [O ? "top" : "bottom"]: X(l) } : { [O ? "right" : "left"]: X(l) };
+  function ke(t) {
+    return u ? { [s ? "top" : "bottom"]: y(t) } : { [s ? "right" : "left"]: y(t) };
   }
-  function Jt() {
-    const l = {
-      getTooltipContainer: d.getTooltipContainer,
-      formatTooltip: d.formatTooltip
+  function Be() {
+    const t = {
+      getTooltipContainer: l.getTooltipContainer,
+      formatTooltip: l.formatTooltip
     };
-    return "tooltipPosition" in d && (l.tooltipPosition = c), "tooltipVisible" in d && (l.tooltipVisible = b), l;
+    return "tooltipPosition" in l && (t.tooltipPosition = he), "tooltipVisible" in l && (t.tooltipVisible = ve), t;
   }
-  function Nt() {
-    Vt.current = bt.current.getBoundingClientRect();
+  function H() {
+    J.current = F.current.getBoundingClientRect();
   }
-  function qt(l) {
-    Nt();
-    const a = ft(l.clientX, l.clientY);
-    at.draggableBar && Yt(a) ? (Ct.current = E(a), U(window, "mousemove", kt), U(window, "mouseup", It)) : mt(a);
+  function Oe(t) {
+    H();
+    const e = E(t.clientX, t.clientY);
+    Me.draggableBar && Re(e) ? (z.current = b(e), se(window, "mousemove", K), se(window, "mouseup", Q)) : L(e);
   }
-  function mt(l) {
-    if (V)
-      return;
-    const a = E(l), [p, y] = Ne(a, x), A = x[p], G = x[y], F = x.slice(0);
-    P && G - a > a - A ? (F[p] = a, q(F, "jumpToClick")) : (F[y] = a, q(F, "jumpToClick")), st();
+  function L(t) {
+    if (C) return;
+    const e = b(t), [o, r] = lt(e, n), a = n[o], h = n[r], g = n.slice(0);
+    m && h - e > e - a ? (g[o] = e, v(g, "jumpToClick")) : (g[r] = e, v(g, "jumpToClick")), x();
   }
-  function Gt(l) {
-    q(l, "inputValueChange"), st();
+  function Se(t) {
+    v(t, "inputValueChange"), x();
   }
-  function Ht(l, a, p) {
-    Mt.current = !0;
-    const y = x.slice(0);
-    y[p] = ft(l, a), q(y, "mousemove");
+  function Te(t, e, o) {
+    q.current = !0;
+    const r = n.slice(0);
+    r[o] = E(t, e), v(r, "mousemove");
   }
-  function Qt() {
-    Mt.current = !1, st();
+  function $e() {
+    q.current = !1, x();
   }
-  function Zt(l, a) {
-    if (V)
-      return;
-    const p = x.slice(0);
-    p[a] = J(x[a], l), q(p);
+  function Ae(t, e) {
+    if (C) return;
+    const o = n.slice(0);
+    o[e] = xe(n[e], t), v(o);
   }
-  function kt(l) {
-    const p = E(ft(l.clientX, l.clientY)) - Ct.current, y = x.map((A) => A + p);
-    y.every((A) => ut(A)) && q(y, "mousemove");
+  function K(t) {
+    const o = b(E(t.clientX, t.clientY)) - z.current, r = n.map((a) => a + o);
+    r.every((a) => be(a)) && v(r, "mousemove");
   }
-  function It() {
-    W(window, "mousemove", kt), W(window, "mouseup", It), st();
+  function Q() {
+    le(window, "mousemove", K), le(window, "mouseup", Q), x();
   }
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ d(
     "div",
     {
-      ...ce(z, [
+      ..._e(we, [
         "defaultValue",
         "value",
         "onChange",
@@ -669,116 +195,116 @@ function Le(t, o) {
         "formatTooltip",
         "onAfterChange"
       ]),
-      className: Y(
-        $,
+      className: ae(
+        i,
         {
-          [`${$}-vertical`]: u,
-          [`${$}-with-marks`]: v,
-          [`${$}-reverse`]: O,
-          [`${$}-rtl`]: s
+          [`${i}-vertical`]: u,
+          [`${i}-with-marks`]: N,
+          [`${i}-reverse`]: s,
+          [`${i}-rtl`]: U
         },
-        k
+        ge
       ),
-      style: m,
-      ref: o,
-      children: /* @__PURE__ */ gt("div", { className: `${$}-wrapper`, children: [
-        /* @__PURE__ */ gt(
+      style: de,
+      ref: me,
+      children: /* @__PURE__ */ oe("div", { className: `${i}-wrapper`, children: [
+        /* @__PURE__ */ oe(
           "div",
           {
-            ref: bt,
-            className: Y(`${$}-road`, {
-              [`${$}-road-disabled`]: V,
-              [`${$}-road-vertical`]: u
+            ref: F,
+            className: ae(`${i}-road`, {
+              [`${i}-road-disabled`]: C,
+              [`${i}-road-vertical`]: u
             }),
-            onMouseDown: qt,
+            onMouseDown: Oe,
             children: [
-              /* @__PURE__ */ I(
+              /* @__PURE__ */ d(
                 "div",
                 {
-                  className: `${$}-bar`,
-                  style: Kt([
-                    Q(B, D),
-                    Q(N, D)
+                  className: `${i}-bar`,
+                  style: Ne([
+                    j(A, p),
+                    j($, p)
                   ])
                 }
               ),
-              w && /* @__PURE__ */ I(
-                De,
+              Ve && /* @__PURE__ */ d(
+                rt,
                 {
-                  intervalConfigs: D,
-                  min: h,
-                  max: f,
-                  valueRange: [B, N],
-                  prefixCls: $,
+                  intervalConfigs: p,
+                  min: c,
+                  max: w,
+                  valueRange: [A, $],
+                  prefixCls: i,
                   vertical: u,
-                  reverse: O
+                  reverse: s
                 }
               ),
-              /* @__PURE__ */ I(
-                Ie,
+              /* @__PURE__ */ d(
+                tt,
                 {
-                  data: it,
-                  intervalConfigs: D,
-                  valueRange: [B, N],
+                  data: Y,
+                  intervalConfigs: p,
+                  valueRange: [A, $],
                   vertical: u,
-                  prefixCls: $,
-                  reverse: O,
-                  onMouseDown: mt
+                  prefixCls: i,
+                  reverse: s,
+                  onMouseDown: L
                 }
               ),
-              /* @__PURE__ */ I(
-                Pe,
+              /* @__PURE__ */ d(
+                nt,
                 {
-                  data: it,
-                  intervalConfigs: D,
+                  data: Y,
+                  intervalConfigs: p,
                   vertical: u,
-                  prefixCls: $,
-                  reverse: O,
-                  onMouseDown: mt
+                  prefixCls: i,
+                  reverse: s,
+                  onMouseDown: L
                 }
               ),
-              x.map((l, a) => !P && a !== x.length - 1 ? null : /* @__PURE__ */ I(
-                be,
+              n.map((t, e) => !m && e !== n.length - 1 ? null : /* @__PURE__ */ d(
+                et,
                 {
-                  style: zt(Q(l, D)),
-                  disabled: V,
-                  prefixCls: $,
-                  value: l,
-                  maxValue: f,
-                  minValue: h,
+                  style: ke(j(t, p)),
+                  disabled: C,
+                  prefixCls: i,
+                  value: t,
+                  maxValue: w,
+                  minValue: c,
                   vertical: u,
-                  ...Jt(),
-                  onMoveBegin: Nt,
-                  onMoving: (p, y) => Ht(p, y, a),
-                  onMoveEnd: Qt,
-                  onArrowEvent: (p) => Zt(p, a)
+                  ...Be(),
+                  onMoveBegin: H,
+                  onMoving: (o, r) => Te(o, r, e),
+                  onMoveEnd: $e,
+                  onArrowEvent: (o) => Ae(o, e)
                 },
-                a
+                e
               ))
             ]
           }
         ),
-        ct && /* @__PURE__ */ I(
-          $e,
+        D && /* @__PURE__ */ d(
+          ot,
           {
-            min: h,
-            max: f,
-            step: g,
-            value: x,
-            range: P,
-            disabled: V,
-            prefixCls: $,
-            onChange: Gt,
-            extra: Wt
+            min: c,
+            max: w,
+            step: R,
+            value: n,
+            range: m,
+            disabled: C,
+            prefixCls: i,
+            onChange: Se,
+            extra: Ie
           }
         )
       ] })
     }
   );
 }
-const Ut = ae(Le);
-Ut.displayName = "Slider";
-const ln = _.memo(Ut);
+const ce = Ge(ft);
+ce.displayName = "Slider";
+const Xt = ze.memo(ce);
 export {
-  ln as default
+  Xt as default
 };