vue-amazing-ui 2.4.21 → 2.4.22

package/es/slider/Slider.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as Ve, ref as k, computed as r, watch as ne, createElementBlock as m, openBlock as f, normalizeStyle as M, normalizeClass as R, unref as C, createElementVNode as L, createCommentVNode as I, Fragment as A, renderList as se, withModifiers as y, renderSlot as Be, createBlock as Re, createTextVNode as q, toDisplayString as G, resolveDynamicComponent as Ce, withKeys as S, isVNode as re } from "vue";
-import { useInject as De, useResizeObserver as Ee } from "../utils/index.js";
-const Te = { class: "slider-dots" }, je = { class: "slider-marks" }, Fe = ["onClick"], Ie = /* @__PURE__ */ Ve({
+import { defineComponent as He, ref as y, computed as r, watch as ne, createElementBlock as p, openBlock as d, normalizeStyle as S, normalizeClass as R, unref as C, createElementVNode as L, createCommentVNode as I, Fragment as A, renderList as se, withModifiers as w, renderSlot as Ve, createBlock as Be, createTextVNode as q, toDisplayString as G, resolveDynamicComponent as Re, withKeys as x, isVNode as ue } from "vue";
+import { useInject as Ce, useResizeObserver as De } from "../utils/index.js";
+const Ee = { class: "slider-dots" }, Te = { class: "slider-marks" }, je = ["onClick"], Ne = /* @__PURE__ */ He({
   __name: "Slider",
   props: {
     width: { default: "100%" },
@@ -15,23 +15,23 @@ const Te = { class: "slider-dots" }, je = { class: "slider-marks" }, Fe = ["onCl
     tooltip: { type: Boolean, default: !0 },
     tooltipOpen: { type: Boolean, default: !1 },
     tooltipStyle: { default: () => ({}) },
-    formatTooltip: { type: Function, default: (Y) => Y },
+    formatTooltip: { type: Function, default: (s) => s },
     value: { default: 0 }
   },
   emits: ["update:value", "change"],
-  setup(Y, { emit: ue }) {
-    const l = Y, O = k(), Q = k(0), Z = k(0), n = k(0), a = k(0), w = k(), $ = k(), v = k(), d = k(), { colorPalettes: V } = De("Slider"), _ = ue, u = r(() => l.vertical ? Z.value : Q.value), ve = r(() => l.vertical ? {
+  setup(s, { emit: re }) {
+    const l = s, O = y(), Q = y(0), Z = y(0), n = y(0), o = y(0), M = y(), $ = y(), f = y(), c = y(), { colorPalettes: V } = Ce("Slider"), _ = re, v = r(() => l.vertical ? Z.value : Q.value), ve = r(() => l.vertical ? {
       height: typeof l.height == "number" ? `${l.height}px` : l.height
     } : {
       width: typeof l.width == "number" ? `${l.width}px` : l.width
     }), fe = r(() => l.vertical ? {
       bottom: `${n.value}px`,
       top: "auto",
-      height: `${a.value - n.value}px`
+      height: `${o.value - n.value}px`
     } : {
       left: `${n.value}px`,
       right: "auto",
-      width: `${a.value - n.value}px`
+      width: `${o.value - n.value}px`
     }), de = r(() => l.vertical ? {
       bottom: `${n.value}px`,
       top: "auto",
@@ -40,37 +40,37 @@ const Te = { class: "slider-dots" }, je = { class: "slider-marks" }, Fe = ["onCl
       left: `${n.value}px`,
       right: "auto",
       transform: "translate(-50%, -50%)"
-    }), pe = r(() => l.vertical ? {
-      bottom: `${a.value}px`,
+    }), ce = r(() => l.vertical ? {
+      bottom: `${o.value}px`,
       top: "auto",
       transform: "translate(-50%, 50%)"
     } : {
-      left: `${a.value}px`,
+      left: `${o.value}px`,
       right: "auto",
       transform: "translate(-50%, -50%)"
-    }), K = r(() => Object.keys(l.marks).length > 0), p = r(() => {
-      let e = [];
-      return K.value && (e = Object.keys(l.marks).map(parseFloat).sort((t, o) => t - o)), e;
+    }), Y = r(() => Object.keys(l.marks).length > 0), m = r(() => {
+      let t = [];
+      return Y.value && (t = Object.keys(l.marks).map(parseFloat).sort((e, a) => e - a)), t;
     }), B = r(() => {
-      const e = [];
-      return p.value.length > 0 && p.value.forEach((t) => {
-        e.push($e(t));
-      }), e;
-    }), h = r(() => l.step === "mark" ? 1 : l.step), ce = r(() => h.value.toString().split(".")[1]?.length ?? 0), ee = r(() => {
-      let e = 0;
-      return p.value.forEach((t) => {
-        const o = t.toString().split(".");
-        (o[1]?.length ?? 0 > e) && (e = o[1]?.length);
-      }), e;
+      const t = [];
+      return m.value.length > 0 && m.value.forEach((e) => {
+        t.push(xe(e));
+      }), t;
+    }), g = r(() => l.step === "mark" ? 1 : l.step), me = r(() => g.value.toString().split(".")[1]?.length ?? 0), ee = r(() => {
+      let t = 0;
+      return m.value.forEach((e) => {
+        const a = e.toString().split(".");
+        (a[1]?.length ?? 0 > t) && (t = a[1]?.length);
+      }), t;
     }), P = r(() => {
-      if (u.value === 0) return l.value;
-      let e;
-      if (a.value === u.value ? e = l.max : (e = le(a.value), l.step === "mark" ? e = H(e, p.value) : l.step > 1 && !p.value.includes(e) && (e = Math.round(e / l.step) * l.step)), l.range) {
-        let t;
-        return n.value === 0 ? t = l.min : (t = le(n.value), l.step === "mark" ? t = H(t, p.value) : l.step > 1 && !p.value.includes(t) && (t = Math.round(t / l.step) * l.step)), [t, e];
+      if (v.value === 0) return l.value;
+      let t;
+      if (o.value === v.value ? t = l.max : (t = le(o.value), l.step === "mark" ? t = H(t, m.value) : l.step > 1 && !m.value.includes(t) && (t = Math.round(t / l.step) * l.step)), l.range) {
+        let e;
+        return n.value === 0 ? e = l.min : (e = le(n.value), l.step === "mark" ? e = H(e, m.value) : l.step > 1 && !m.value.includes(e) && (e = Math.round(e / l.step) * l.step)), [e, t];
       }
-      return e;
-    }), me = r(() => l.range ? l.formatTooltip(P.value[0]) : null), he = r(() => l.range ? l.formatTooltip(P.value[1]) : l.formatTooltip(P.value));
+      return t;
+    }), he = r(() => l.range ? l.formatTooltip(P.value[0]) : null), pe = r(() => l.range ? l.formatTooltip(P.value[1]) : l.formatTooltip(P.value));
     ne(
       () => [l.min, l.max, l.step, l.vertical, l.value],
       () => {
@@ -80,197 +80,197 @@ const Te = { class: "slider-dots" }, je = { class: "slider-marks" }, Fe = ["onCl
         deep: !0,
         flush: "post"
       }
-    ), ne(P, (e) => {
-      JSON.stringify(e) !== JSON.stringify(l.value) && (_("update:value", e), _("change", e));
-    }), Ee(O, () => {
+    ), ne(P, (t) => {
+      JSON.stringify(t) !== JSON.stringify(l.value) && (_("update:value", t), _("change", t));
+    }), De(O, () => {
       ge();
     });
     function ge() {
       Q.value = O.value.offsetWidth, Z.value = O.value.offsetHeight, te();
     }
-    function be(e) {
-      const t = c((we(e) - l.min) / h.value, "*");
-      n.value = g(t, 2);
+    function be(t) {
+      const e = h((we(t) - l.min) / g.value, "*");
+      n.value = b(e, 2);
     }
-    function ke(e) {
-      const t = c((Me(e) - l.min) / h.value, "*");
-      a.value = g(t, 2);
+    function ke(t) {
+      const e = h((Me(t) - l.min) / g.value, "*");
+      o.value = b(e, 2);
     }
-    function ye(e) {
-      const t = c((Se(e) - l.min) / h.value, "*");
-      a.value = g(t, 2);
+    function ye(t) {
+      const e = h((Se(t) - l.min) / g.value, "*");
+      o.value = b(e, 2);
     }
     function te() {
       l.range ? (be(l.value[0]), ke(l.value[1])) : ye(l.value);
     }
-    function we(e) {
-      return e < l.min ? l.min : e;
+    function we(t) {
+      return t < l.min ? l.min : t;
     }
-    function Me(e) {
-      return e > l.max ? l.max : e;
+    function Me(t) {
+      return t > l.max ? l.max : t;
     }
-    function Se(e) {
-      return e < l.min ? l.min : e > l.max ? l.max : e;
+    function Se(t) {
+      return t < l.min ? l.min : t > l.max ? l.max : t;
     }
-    function H(e, t) {
-      if (!K.value)
+    function H(t, e) {
+      if (!Y.value)
         return console.warn("Please set the marks property"), 0;
-      let o = t[0], i = Math.abs(e - o);
-      const s = t.length;
-      for (let N = 1; N < s; N++) {
-        const ie = Math.abs(e - t[N]);
-        ie < i && (i = ie, o = t[N]);
+      let a = e[0], i = Math.abs(t - a);
+      const u = e.length;
+      for (let N = 1; N < u; N++) {
+        const ie = Math.abs(t - e[N]);
+        ie < i && (i = ie, a = e[N]);
       }
-      return o;
+      return a;
     }
-    function le(e) {
-      const t = c(e, "/") * h.value + l.min;
-      return p.value.includes(g(t, ee.value)) ? g(t, ee.value) : g(t, ce.value);
+    function le(t) {
+      const e = h(t, "/") * g.value + l.min;
+      return m.value.includes(b(e, ee.value)) ? b(e, ee.value) : b(e, me.value);
     }
-    function $e(e) {
-      const t = (e - l.min) / (l.max - l.min) * u.value;
-      return g(t, 2);
+    function xe(t) {
+      const e = (t - l.min) / (l.max - l.min) * v.value;
+      return b(e, 2);
     }
-    function g(e, t) {
-      return parseFloat(e.toFixed(t));
+    function b(t, e) {
+      return parseFloat(t.toFixed(e));
     }
-    function oe(e) {
-      e.classList.remove("show-handle-tooltip");
+    function ae(t) {
+      t.classList.remove("show-handle-tooltip");
     }
-    function b(e, t) {
-      e.focus(), l.tooltip && !l.tooltipOpen && t.classList.add("show-handle-tooltip");
+    function k(t, e) {
+      t.focus(), l.tooltip && !l.tooltipOpen && e.classList.add("show-handle-tooltip");
     }
-    function D(e) {
-      let t, o;
+    function D(t) {
+      let e, a;
       if (l.vertical) {
-        t = O.value.getBoundingClientRect().bottom - e.clientY;
-        const s = Math.round(c(t, "/"));
-        o = g(c(s, "*"), 2);
+        e = O.value.getBoundingClientRect().bottom - t.clientY;
+        const u = Math.round(h(e, "/"));
+        a = b(h(u, "*"), 2);
       } else {
         const i = O.value.getBoundingClientRect().left;
-        t = e.clientX - i;
-        const s = Math.round(c(t, "/"));
-        o = g(c(s, "*"), 2);
+        e = t.clientX - i;
+        const u = Math.round(h(e, "/"));
+        a = b(h(u, "*"), 2);
       }
       return {
-        originalPosition: t,
-        stepPosition: o
+        originalPosition: e,
+        stepPosition: a
       };
     }
-    function X(e, t) {
-      if (K.value) {
-        const o = H(e, B.value);
-        return Math.abs(e - o) < Math.abs(e - t) ? o : t;
+    function K(t, e) {
+      if (Y.value) {
+        const a = H(t, B.value);
+        return Math.abs(t - a) < Math.abs(t - e) ? a : e;
       } else
-        return t;
+        return e;
     }
-    function Pe(e) {
+    function $e(t) {
       const {
-        originalPosition: t,
+        originalPosition: e,
         // 鼠标点击位置
-        stepPosition: o
+        stepPosition: a
         // 只考虑步长时将要移动的位置
-      } = D(e);
+      } = D(t);
       let i;
       if (l.step === "mark") {
-        const s = H(t, B.value);
-        l.range && Math.abs(s - n.value) < Math.abs(s - a.value) ? (s !== n.value && (n.value = s), b(w.value, $.value)) : (s !== a.value && (a.value = s), b(v.value, d.value));
+        const u = H(e, B.value);
+        l.range && Math.abs(u - n.value) < Math.abs(u - o.value) ? (u !== n.value && (n.value = u), k(M.value, $.value)) : (u !== o.value && (o.value = u), k(f.value, c.value));
       } else
-        i = X(t, o), l.range && Math.abs(i - n.value) < Math.abs(i - a.value) ? (i !== n.value && (n.value = i), b(w.value, $.value)) : (i !== a.value && (a.value = i), b(v.value, d.value));
+        i = K(e, a), l.range && Math.abs(i - n.value) < Math.abs(i - o.value) ? (i !== n.value && (n.value = i), k(M.value, $.value)) : (i !== o.value && (o.value = i), k(f.value, c.value));
     }
-    function J(e) {
-      w.value && (document.addEventListener("mousemove", U), document.addEventListener("mouseup", E), U(e));
+    function X(t) {
+      M.value && (document.addEventListener("mousemove", J), document.addEventListener("mouseup", E), J(t));
     }
-    function U(e) {
+    function J(t) {
       const {
-        originalPosition: t,
+        originalPosition: e,
         // 初始位置
-        stepPosition: o
+        stepPosition: a
         // 只考虑步长时将要移动的位置
-      } = D(e);
+      } = D(t);
       let i;
       if (l.tooltip && !l.tooltipOpen && $.value.classList.add("show-handle-tooltip"), l.step === "mark") {
-        const s = H(t, B.value);
-        s <= a.value ? s !== n.value && (n.value = s) : (n.value = a.value, v.value.focus(), E(), W(e));
+        const u = H(e, B.value);
+        u <= o.value ? u !== n.value && (n.value = u) : (n.value = o.value, f.value.focus(), E(), U(t));
       } else
-        i = X(t, o), i < 0 ? n.value = 0 : 0 <= i && i <= a.value ? n.value = i : (n.value = a.value, v.value.focus(), E(), W(e));
+        i = K(e, a), i < 0 ? n.value = 0 : 0 <= i && i <= o.value ? n.value = i : (n.value = o.value, f.value.focus(), E(), U(t));
     }
     function E() {
-      l.tooltip && !l.tooltipOpen && $.value.classList.remove("show-handle-tooltip"), document.removeEventListener("mousemove", U), document.removeEventListener("mouseup", E);
+      l.tooltip && !l.tooltipOpen && $.value.classList.remove("show-handle-tooltip"), document.removeEventListener("mousemove", J), document.removeEventListener("mouseup", E);
     }
-    function W(e) {
-      v.value && (document.addEventListener("mousemove", x), document.addEventListener("mouseup", T), x(e));
+    function U(t) {
+      f.value && (document.addEventListener("mousemove", W), document.addEventListener("mouseup", T), W(t));
     }
-    function x(e) {
+    function W(t) {
       let {
-        originalPosition: t,
+        originalPosition: e,
         // 初始位置
-        stepPosition: o
+        stepPosition: a
         // 只考虑步长时将要移动的位置
-      } = D(e), i;
-      if ({ originalPosition: t, stepPosition: o } = D(e), l.tooltip && !l.tooltipOpen && d.value.classList.add("show-handle-tooltip"), l.step === "mark") {
-        const s = H(t, B.value);
-        s >= n.value ? s !== a.value && (a.value = s) : (a.value = n.value, l.range && (w.value.focus(), T(), J(e)));
+      } = D(t), i;
+      if ({ originalPosition: e, stepPosition: a } = D(t), l.tooltip && !l.tooltipOpen && c.value.classList.add("show-handle-tooltip"), l.step === "mark") {
+        const u = H(e, B.value);
+        u >= n.value ? u !== o.value && (o.value = u) : (o.value = n.value, l.range && (M.value.focus(), T(), X(t)));
       } else
-        i = X(t, o), i > u.value ? a.value = u.value : n.value <= i && i <= u.value ? a.value = i : (a.value = n.value, l.range && (w.value.focus(), T(), J(e)));
+        i = K(e, a), i > v.value ? o.value = v.value : n.value <= i && i <= v.value ? o.value = i : (o.value = n.value, l.range && (M.value.focus(), T(), X(t)));
     }
     function T() {
-      l.tooltip && !l.tooltipOpen && d.value.classList.remove("show-handle-tooltip"), document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", T);
+      l.tooltip && !l.tooltipOpen && c.value.classList.remove("show-handle-tooltip"), document.removeEventListener("mousemove", W), document.removeEventListener("mouseup", T);
     }
-    function Le(e) {
-      const t = `${Math.abs(e - l.min) / (l.max - l.min) * 100}%`;
+    function Pe(t) {
+      const e = `${Math.abs(t - l.min) / (l.max - l.min) * 100}%`;
       return l.vertical ? {
-        bottom: t
+        bottom: e
       } : {
-        left: t
+        left: e
       };
     }
-    function ae(e) {
-      return l.range ? P.value[0] <= e && e <= P.value[1] : e <= P.value;
+    function oe(t) {
+      return l.range ? P.value[0] <= t && t <= P.value[1] : t <= P.value;
     }
-    function j(e) {
-      const t = l.marks[e], i = typeof t == "object" && !re(t) ? t.label : t;
+    function j(t) {
+      const e = l.marks[t], i = typeof e == "object" && !ue(e) ? e.label : e;
       return i ? typeof i == "function" ? i() : i : null;
     }
-    function Oe(e) {
-      const t = `${Math.abs(e - l.min) / (l.max - l.min) * 100}%`;
-      let o = {};
-      const i = l.marks[e];
-      return typeof i == "object" && !re(i) && "style" in i && (o = i.style), l.vertical ? {
+    function Le(t) {
+      const e = `${Math.abs(t - l.min) / (l.max - l.min) * 100}%`;
+      let a = {};
+      const i = l.marks[t];
+      return typeof i == "object" && !ue(i) && "style" in i && (a = i.style), l.vertical ? {
         transform: "translateY(50%)",
-        bottom: t,
-        ...o
+        bottom: e,
+        ...a
       } : {
         transform: "translateX(-50%)",
-        left: t,
-        ...o
+        left: e,
+        ...a
       };
     }
-    function He(e) {
-      const t = B.value[e];
-      l.range && Math.abs(t - n.value) < Math.abs(t - a.value) ? (t !== n.value && (n.value = t), b(w.value, $.value)) : (t !== a.value && (a.value = t), b(v.value, d.value));
+    function Oe(t) {
+      const e = B.value[t];
+      l.range && Math.abs(e - n.value) < Math.abs(e - o.value) ? (e !== n.value && (n.value = e), k(M.value, $.value)) : (e !== o.value && (o.value = e), k(f.value, c.value));
     }
-    function F(e, t) {
-      const o = c(e, "-");
-      t === "low" ? o < 0 ? n.value = 0 : n.value = o : o >= n.value ? a.value = o : (a.value = n.value, n.value = o, w.value.focus());
+    function F(t, e) {
+      const a = h(t, "-");
+      e === "low" ? a < 0 ? n.value = 0 : n.value = a : a >= n.value ? o.value = a : (o.value = n.value, n.value = a, M.value.focus());
     }
-    function z(e, t) {
-      const o = c(e, "+");
-      t === "high" ? o > u.value ? a.value = u.value : a.value = o : o <= a.value ? n.value = o : (n.value = a.value, a.value = o, v.value.focus());
+    function z(t, e) {
+      const a = h(t, "+");
+      e === "high" ? a > v.value ? o.value = v.value : o.value = a : a <= o.value ? n.value = a : (n.value = o.value, o.value = a, f.value.focus());
     }
-    function c(e, t) {
-      return t === "+" ? e + u.value * h.value / (l.max - l.min) : t === "-" ? e - u.value * h.value / (l.max - l.min) : t === "*" ? e * u.value * h.value / (l.max - l.min) : t === "/" ? e * (l.max - l.min) / (u.value * h.value) : e;
+    function h(t, e) {
+      return e === "+" ? t + v.value * g.value / (l.max - l.min) : e === "-" ? t - v.value * g.value / (l.max - l.min) : e === "*" ? t * v.value * g.value / (l.max - l.min) : e === "/" ? t * (l.max - l.min) / (v.value * g.value) : t;
     }
-    return (e, t) => (f(), m("div", {
+    return (t, e) => (d(), p("div", {
       ref_key: "sliderRef",
       ref: O,
       class: R(["slider-wrap", {
-        "slider-horizontal": !e.vertical,
-        "slider-vertical": e.vertical,
-        "slider-with-marks": Object.keys(e.marks).length > 0,
-        "slider-disabled": e.disabled
+        "slider-horizontal": !s.vertical,
+        "slider-vertical": s.vertical,
+        "slider-with-marks": Object.keys(s.marks).length > 0,
+        "slider-disabled": s.disabled
       }]),
-      style: M([
+      style: S([
         ve.value,
         `
         --slider-rail-color: rgba(0, 0, 0, 0.04);
@@ -293,95 +293,95 @@ const Te = { class: "slider-dots" }, je = { class: "slider-marks" }, Fe = ["onCl
         --slider-tooltip-bg-color: rgba(0, 0, 0, 0.85);
       `
       ]),
-      onClick: t[12] || (t[12] = (o) => e.disabled ? () => !1 : Pe(o))
+      onClick: e[12] || (e[12] = (a) => s.disabled ? () => !1 : $e(a))
     }, [
-      t[15] || (t[15] = L("div", { class: "slider-rail" }, null, -1)),
+      e[15] || (e[15] = L("div", { class: "slider-rail" }, null, -1)),
       L("div", {
         class: "slider-track",
-        style: M(fe.value)
+        style: S(fe.value)
       }, null, 4),
-      Object.keys(e.marks).length > 0 ? (f(), m(A, { key: 0 }, [
-        L("div", Te, [
-          (f(!0), m(A, null, se(p.value, (o, i) => (f(), m("span", {
-            class: R(["slider-dot", { "slider-dot-active": ae(o) }]),
-            style: M(Le(o)),
+      Object.keys(s.marks).length > 0 ? (d(), p(A, { key: 0 }, [
+        L("div", Ee, [
+          (d(!0), p(A, null, se(m.value, (a, i) => (d(), p("span", {
+            class: R(["slider-dot", { "slider-dot-active": oe(a) }]),
+            style: S(Pe(a)),
             key: i
           }, null, 6))), 128))
         ]),
-        L("div", je, [
-          (f(!0), m(A, null, se(p.value, (o, i) => (f(), m("span", {
-            class: R(["slider-mark", { "slider-mark-active": ae(o) }]),
-            style: M(Oe(o)),
+        L("div", Te, [
+          (d(!0), p(A, null, se(m.value, (a, i) => (d(), p("span", {
+            class: R(["slider-mark", { "slider-mark-active": oe(a) }]),
+            style: S(Le(a)),
             key: i,
-            onClick: y((s) => e.disabled ? () => !1 : He(i), ["stop"])
+            onClick: w((u) => s.disabled ? () => !1 : Oe(i), ["stop"])
           }, [
-            Be(e.$slots, "mark", {
-              label: j(o),
-              value: o
+            Ve(t.$slots, "mark", {
+              label: j(a),
+              value: a
             }, () => [
-              typeof j(o) == "string" ? (f(), m(A, { key: 0 }, [
-                q(G(j(o)), 1)
-              ], 64)) : (f(), Re(Ce(j(o)), { key: 1 }))
+              typeof j(a) == "string" ? (d(), p(A, { key: 0 }, [
+                q(G(j(a)), 1)
+              ], 64)) : (d(), Be(Re(j(a)), { key: 1 }))
             ], !0)
-          ], 14, Fe))), 128))
+          ], 14, je))), 128))
         ])
       ], 64)) : I("", !0),
-      e.range ? (f(), m("div", {
+      s.range ? (d(), p("div", {
         key: 1,
         tabindex: "0",
         ref_key: "lowHandleRef",
-        ref: w,
+        ref: M,
         class: "slider-handle",
-        style: M(de.value),
+        style: S(de.value),
         onKeydown: [
-          t[0] || (t[0] = S(y((o) => e.disabled ? () => !1 : F(n.value, "low"), ["prevent"]), ["left"])),
-          t[1] || (t[1] = S(y((o) => e.disabled ? () => !1 : z(n.value, "low"), ["prevent"]), ["right"])),
-          t[2] || (t[2] = S(y((o) => e.disabled ? () => !1 : F(n.value, "low"), ["prevent"]), ["down"])),
-          t[3] || (t[3] = S(y((o) => e.disabled ? () => !1 : z(n.value, "low"), ["prevent"]), ["up"]))
+          e[0] || (e[0] = x(w((a) => s.disabled ? () => !1 : F(n.value, "low"), ["prevent"]), ["left"])),
+          e[1] || (e[1] = x(w((a) => s.disabled ? () => !1 : z(n.value, "low"), ["prevent"]), ["right"])),
+          e[2] || (e[2] = x(w((a) => s.disabled ? () => !1 : F(n.value, "low"), ["prevent"]), ["down"])),
+          e[3] || (e[3] = x(w((a) => s.disabled ? () => !1 : z(n.value, "low"), ["prevent"]), ["up"]))
         ],
-        onMousedown: t[4] || (t[4] = (o) => e.disabled ? () => !1 : J(o)),
-        onBlur: t[5] || (t[5] = (o) => e.tooltip && !e.disabled && !e.tooltipOpen ? oe($.value) : () => !1)
+        onMousedown: e[4] || (e[4] = (a) => s.disabled ? () => !1 : X(a)),
+        onBlur: e[5] || (e[5] = (a) => s.tooltip && !s.disabled && !s.tooltipOpen ? ae($.value) : () => !1)
       }, [
-        e.tooltip ? (f(), m("div", {
+        s.tooltip ? (d(), p("div", {
           key: 0,
           ref_key: "lowTooltipRef",
           ref: $,
-          class: R(["handle-tooltip", { "show-handle-tooltip": e.tooltipOpen }]),
-          style: M(e.tooltipStyle)
+          class: R(["handle-tooltip", { "show-handle-tooltip": s.tooltipOpen }]),
+          style: S(s.tooltipStyle)
         }, [
-          q(G(me.value) + " ", 1),
-          t[13] || (t[13] = L("div", { class: "tooltip-arrow" }, null, -1))
+          q(G(he.value) + " ", 1),
+          e[13] || (e[13] = L("div", { class: "tooltip-arrow" }, null, -1))
         ], 6)) : I("", !0)
       ], 36)) : I("", !0),
       L("div", {
         tabindex: "0",
         ref_key: "highHandleRef",
-        ref: v,
+        ref: f,
         class: "slider-handle",
-        style: M(pe.value),
+        style: S(ce.value),
         onKeydown: [
-          t[6] || (t[6] = S(y((o) => e.disabled ? () => !1 : F(a.value, "high"), ["prevent"]), ["left"])),
-          t[7] || (t[7] = S(y((o) => e.disabled ? () => !1 : z(a.value, "high"), ["prevent"]), ["right"])),
-          t[8] || (t[8] = S(y((o) => e.disabled ? () => !1 : F(a.value, "high"), ["prevent"]), ["down"])),
-          t[9] || (t[9] = S(y((o) => e.disabled ? () => !1 : z(a.value, "high"), ["prevent"]), ["up"]))
+          e[6] || (e[6] = x(w((a) => s.disabled ? () => !1 : F(o.value, "high"), ["prevent"]), ["left"])),
+          e[7] || (e[7] = x(w((a) => s.disabled ? () => !1 : z(o.value, "high"), ["prevent"]), ["right"])),
+          e[8] || (e[8] = x(w((a) => s.disabled ? () => !1 : F(o.value, "high"), ["prevent"]), ["down"])),
+          e[9] || (e[9] = x(w((a) => s.disabled ? () => !1 : z(o.value, "high"), ["prevent"]), ["up"]))
         ],
-        onMousedown: t[10] || (t[10] = (o) => e.disabled ? () => !1 : W(o)),
-        onBlur: t[11] || (t[11] = (o) => e.tooltip && !e.disabled && !e.tooltipOpen ? oe(d.value) : () => !1)
+        onMousedown: e[10] || (e[10] = (a) => s.disabled ? () => !1 : U(a)),
+        onBlur: e[11] || (e[11] = (a) => s.tooltip && !s.disabled && !s.tooltipOpen ? ae(c.value) : () => !1)
       }, [
-        e.tooltip ? (f(), m("div", {
+        s.tooltip ? (d(), p("div", {
           key: 0,
           ref_key: "highTooltipRef",
-          ref: d,
-          class: R(["handle-tooltip", { "show-handle-tooltip": e.tooltipOpen }]),
-          style: M(e.tooltipStyle)
+          ref: c,
+          class: R(["handle-tooltip", { "show-handle-tooltip": s.tooltipOpen }]),
+          style: S(s.tooltipStyle)
         }, [
-          q(G(he.value) + " ", 1),
-          t[14] || (t[14] = L("div", { class: "tooltip-arrow" }, null, -1))
+          q(G(pe.value) + " ", 1),
+          e[14] || (e[14] = L("div", { class: "tooltip-arrow" }, null, -1))
         ], 6)) : I("", !0)
       ], 36)
     ], 6));
   }
 });
 export {
-  Ie as default
+  Ne as default
 };

package/es/space/Space.css

@@ -1 +1 @@
-.space-wrap[data-v-25c222ac]{display:inline-flex;font-size:14px;color:#000000e0;transition:all .3s;flex-direction:row}.space-vertical[data-v-25c222ac]{flex-direction:column}.space-stretch[data-v-25c222ac]{align-items:stretch}.space-start[data-v-25c222ac]{align-items:flex-start}.space-end[data-v-25c222ac]{align-items:flex-end}.space-center[data-v-25c222ac]{align-items:center}.space-baseline[data-v-25c222ac]{align-items:baseline}.space-flex-wrap[data-v-25c222ac]{flex-wrap:wrap}
+.space-wrap[data-v-68b04309]{display:inline-flex;font-size:14px;color:#000000e0;transition:all .3s;flex-direction:row}.space-vertical[data-v-68b04309]{flex-direction:column}.space-stretch[data-v-68b04309]{align-items:stretch}.space-start[data-v-68b04309]{align-items:flex-start}.space-end[data-v-68b04309]{align-items:flex-end}.space-center[data-v-68b04309]{align-items:center}.space-baseline[data-v-68b04309]{align-items:baseline}.space-flex-wrap[data-v-68b04309]{flex-wrap:wrap}

package/es/space/Space.vue.js

@@ -1,7 +1,7 @@
 import o from "./Space.vue2.js";
 /* empty css           */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-25c222ac"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-68b04309"]]);
 export {
-  r as default
+  m as default
 };

package/es/space/Space.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, computed as p, createElementBlock as o, openBlock as i, normalizeStyle as s, normalizeClass as d, renderSlot as u } from "vue";
+import { defineComponent as n, computed as r, createElementBlock as i, openBlock as o, normalizeStyle as d, normalizeClass as s, renderSlot as u } from "vue";
 const f = /* @__PURE__ */ n({
   __name: "Space",
   props: {
@@ -8,8 +8,8 @@ const f = /* @__PURE__ */ n({
     gap: { default: "middle" },
     wrap: { type: Boolean, default: !0 }
   },
-  setup(r) {
-    const a = r, t = p(() => typeof a.width == "number" ? `${a.width}px` : a.width), l = p(() => {
+  setup(e) {
+    const a = e, p = r(() => typeof a.width == "number" ? `${a.width}px` : a.width), l = r(() => {
       if (typeof a.gap == "number")
         return `${a.gap}px`;
       if (Array.isArray(a.gap))
@@ -21,11 +21,11 @@ const f = /* @__PURE__ */ n({
           large: "24px"
         }[a.gap];
     });
-    return (e, c) => (i(), o("div", {
-      class: d(["space-wrap", [`space-${e.align}`, { "space-vertical": e.vertical, "space-flex-wrap": e.wrap }]]),
-      style: s(`width: ${t.value}; gap: ${l.value}; margin-bottom: -${Array.isArray(a.gap) && e.wrap ? a.gap[1] : 0}px;`)
+    return (t, c) => (o(), i("div", {
+      class: s(["space-wrap", [`space-${e.align}`, { "space-vertical": e.vertical, "space-flex-wrap": e.wrap }]]),
+      style: d(`width: ${p.value}; gap: ${l.value}; margin-bottom: -${Array.isArray(a.gap) && e.wrap ? a.gap[1] : 0}px;`)
     }, [
-      u(e.$slots, "default", {}, void 0, !0)
+      u(t.$slots, "default", {}, void 0, !0)
     ], 6));
   }
 });