@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

package/lib/es/components/slider/Slider.vue.js

@@ -1,851 +0,0 @@
-import { defineComponent as Oe, useModel as $e, ref as z, reactive as Be, computed as g, watch as re, onMounted as ze, onUnmounted as Ke, openBlock as b, createElementBlock as f, normalizeClass as c, createElementVNode as p, normalizeStyle as y, unref as i, Fragment as K, renderList as ae, createCommentVNode as x, createBlock as Te, withCtx as j, createVNode as le, withDirectives as Me, toDisplayString as U, vShow as Ae, mergeModels as De } from "vue";
-import X from "classnames";
-import { cssClasses as u } from "@douyinfe/semi-foundation/slider/constants";
-import je from "@douyinfe/semi-foundation/slider/foundation";
-import W from "../tooltip/Tooltip.vue.js";
-import "../tooltip/tooltip.css";
-const Ue = ["aria-label"], Xe = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], We = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], Je = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], Ye = { class: "semi-slider-boundary-min" }, qe = { class: "semi-slider-boundary-max" }, Ge = ["aria-label"], Qe = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], Ze = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], _e = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], ea = { class: "semi-slider-boundary-min" }, aa = { class: "semi-slider-boundary-max" }, da = /* @__PURE__ */ Oe({
-  __name: "Slider",
-  props: /* @__PURE__ */ De({
-    disabled: { type: Boolean, default: !1 },
-    showMarkLabel: { type: Boolean, default: !0 },
-    included: { type: Boolean, default: !0 },
-    marks: {},
-    max: { default: 100 },
-    min: { default: 0 },
-    modelValue: {},
-    range: { type: Boolean, default: !1 },
-    step: { default: 1 },
-    tipFormatter: {},
-    value: {},
-    vertical: { type: Boolean, default: !1 },
-    tooltipOnMark: { type: Boolean, default: !1 },
-    tooltipVisible: { type: Boolean },
-    showArrow: { type: Boolean, default: !0 },
-    style: {},
-    className: {},
-    showBoundary: { type: Boolean, default: !1 },
-    railStyle: {},
-    verticalReverse: { type: Boolean, default: !1 },
-    "aria-label": {},
-    "aria-labelledby": {},
-    "aria-valuetext": {},
-    getAriaValueText: {},
-    handleDot: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ De(["change", "afterChange", "mouseup"], ["update:modelValue"]),
-  setup(o, { emit: Ee }) {
-    const J = $e(o, "modelValue"), n = o, Y = Ee, T = z(), S = z(), Q = z(), oe = z([!1, !1]), te = z(/* @__PURE__ */ new Set()), q = z(/* @__PURE__ */ new Set()), r = Be({
-      currentValue: J.value !== void 0 ? J.value : n.value !== void 0 ? n.value : n.range ? [0, 0] : 0,
-      min: n.min || 0,
-      max: n.max || 100,
-      focusPos: "",
-      onChange: (e) => Y("change", e),
-      disabled: n.disabled || !1,
-      chooseMovePos: "",
-      isDrag: !1,
-      clickValue: 0,
-      showBoundary: !1,
-      isInRenderTree: !0,
-      firstDotFocusVisible: !1,
-      secondDotFocusVisible: !1
-    }), Se = {
-      getContext: (e) => null,
-      getContexts: () => ({}),
-      getCache: (e) => null,
-      getCaches: () => ({}),
-      setCache: (e, a) => {
-      },
-      getSliderLengths: () => {
-        if (T.value) {
-          const e = T.value.getBoundingClientRect(), a = T.value.offsetParent, l = a == null ? void 0 : a.getBoundingClientRect(), s = {
-            x: l ? e.left - l.left : T.value.offsetLeft,
-            y: l ? e.top - l.top : T.value.offsetTop
-          };
-          return {
-            sliderX: s.x,
-            sliderY: s.y,
-            sliderWidth: e.width,
-            sliderHeight: e.height
-          };
-        }
-        return {
-          sliderX: 0,
-          sliderY: 0,
-          sliderWidth: 0,
-          sliderHeight: 0
-        };
-      },
-      getParentRect: () => {
-        var a;
-        const e = (a = T.value) == null ? void 0 : a.offsetParent;
-        if (e)
-          return e.getBoundingClientRect();
-      },
-      getScrollParentVal: () => {
-        const e = d.getScrollParent(T.value);
-        return {
-          scrollTop: e.scrollTop,
-          scrollLeft: e.scrollLeft
-        };
-      },
-      isEventFromHandle: (e) => {
-        const a = [S.value, Q.value];
-        let l = !1;
-        return a.forEach((s) => {
-          s && s.contains(e.target) && (l = !0);
-        }), l;
-      },
-      getOverallVars: () => ({
-        dragging: oe.value
-      }),
-      updateDisabled: (e) => {
-        r.disabled = e;
-      },
-      transNewPropsToState(e, a = () => {
-      }) {
-        Object.assign(r, e), a();
-      },
-      /**
-       * 通知值变化
-       * 自动更新 v-model 绑定的值，并触发 change 事件
-       */
-      notifyChange: (e) => {
-        const a = Array.isArray(e) ? [...e].sort((l, s) => l - s) : e;
-        J.value = a, Y("change", a);
-      },
-      setDragging: (e) => {
-        oe.value = e;
-      },
-      updateCurrentValue: (e) => {
-        e !== r.currentValue && (r.currentValue = e);
-      },
-      setOverallVars: (e, a) => {
-      },
-      getMinHandleEl: () => S.value,
-      getMaxHandleEl: () => Q.value,
-      onHandleDown: (e) => {
-        q.value.add(
-          ne(document.body, "mousemove", d.onHandleMove, !1)
-        ), q.value.add(ne(window, "mouseup", d.onHandleUp, !1)), q.value.add(
-          ne(document.body, "touchmove", d.onHandleTouchMove, !1)
-        );
-      },
-      onHandleMove: (e, a, l = () => {
-      }, s = !1, t) => {
-        if (!d.checkAndUpdateIsInRenderTreeState())
-          return;
-        const { value: Ne } = n;
-        let G = t;
-        if (G === void 0) {
-          const he = d.transPosToValue(e, a);
-          if (he === !1)
-            return;
-          G = d.outPutValue(he);
-        }
-        const { currentValue: ke } = r;
-        if (d.outPutValue(ke) !== G && JSON.stringify(d.outPutValue(ke)) !== JSON.stringify(G)) {
-          if (!s && d.valueFormatIsCorrect(Ne))
-            return !1;
-          r.currentValue = G, l();
-        }
-      },
-      setEventDefault: (e) => {
-        e.stopPropagation(), e.preventDefault();
-      },
-      setStateVal: (e, a) => {
-        r[e] = a;
-      },
-      checkAndUpdateIsInRenderTreeState: () => {
-        const e = Le(T.value);
-        return e !== r.isInRenderTree && (r.isInRenderTree = e), e;
-      },
-      onHandleEnter: (e) => {
-        r.focusPos = e;
-      },
-      onHandleLeave: () => {
-        r.focusPos = "";
-      },
-      onHandleUpBefore: (e) => {
-        Y("mouseup", e), e.stopPropagation(), e.preventDefault(), Array.from(q.value).forEach((a) => a()), q.value.clear();
-      },
-      onHandleUpAfter: () => {
-        const { currentValue: e } = r, a = d.outPutValue(e);
-        Y("afterChange", a);
-      },
-      unSubscribeEventListener: () => {
-        Array.from(te.value).forEach((e) => e());
-      },
-      getState: (e) => r[e],
-      getStates: () => r,
-      getProp: (e) => n[e],
-      getProps: () => n,
-      setState: (e) => {
-        Object.assign(r, e);
-      },
-      stopPropagation: (e) => {
-        var a;
-        try {
-          e.stopPropagation(), (a = e.stopImmediatePropagation) == null || a.call(e);
-        } catch {
-        }
-      },
-      persistEvent: (e) => {
-      }
-    }, d = new je(Se), M = g(() => n.vertical ? "top" : "left"), se = g(() => d.getMinAndMaxPercent(r.currentValue)), w = g(() => se.value.min), A = g(() => se.value.max), Ce = g(() => n.tipFormatter === null ? null : n.tipFormatter || ((e) => e)), Ie = g(() => {
-      const e = n.tooltipVisible === void 0 ? void 0 : n.tooltipVisible && r.isInRenderTree;
-      return r.focusPos, r.currentValue, d.computeHandleVisibleVal(e, Ce.value, n.range);
-    }), Z = g(() => {
-      const e = r.focusPos;
-      if (console.log("[Slider] tipVisible computed triggered", {
-        focusPos: e,
-        tipFormatter: n.tipFormatter,
-        tooltipVisible: n.tooltipVisible,
-        isInRenderTree: r.isInRenderTree
-      }), n.tooltipVisible === !0 && r.isInRenderTree) {
-        const l = { min: !0, max: !0 };
-        return console.log("[Slider] tipVisible computed (tooltipVisible=true)", l), l;
-      }
-      if (n.tooltipVisible === !1) {
-        const l = { min: !1, max: !1 };
-        return console.log("[Slider] tipVisible computed (tooltipVisible=false)", l), l;
-      }
-      if (n.tipFormatter === null) {
-        const l = { min: !1, max: !1 };
-        return console.log("[Slider] tipVisible computed (tipFormatter=null)", l), l;
-      }
-      if (n.tooltipVisible === void 0) {
-        const l = {
-          min: e === "min",
-          max: e === "max"
-        };
-        return console.log("[Slider] tipVisible computed (tooltipVisible=undefined)", {
-          result: l,
-          focusPos: e,
-          tipFormatter: n.tipFormatter,
-          isInRenderTree: r.isInRenderTree
-        }), l;
-      }
-      const a = {
-        min: e === "min",
-        max: e === "max"
-      };
-      return console.log("[Slider] tipVisible computed (fallback)", a), a;
-    }), D = g(() => {
-      const e = Ie.value.tipChildren, a = {
-        min: e.min != null ? String(e.min) : "",
-        max: e.max != null ? String(e.max) : null
-      };
-      return console.log("[Slider] tipChildren computed", a), a;
-    }), ie = g(() => {
-      const e = r.focusPos, a = r.isInRenderTree, l = r.firstDotFocusVisible;
-      console.log("[Slider] tooltipVisibleMin computed triggered", {
-        focusPos: e,
-        isInRenderTree: a,
-        firstDotFocusVisible: l
-      });
-      const s = Z.value, t = a && (s.min || l);
-      return console.log("[Slider] tooltipVisibleMin computed result", {
-        visible: t,
-        isInRenderTree: a,
-        tipVisibleMin: s.min,
-        firstDotFocusVisible: l,
-        tipChildrenMin: D.value.min,
-        focusPos: e,
-        tipFormatter: n.tipFormatter,
-        tooltipVisible: n.tooltipVisible
-      }), t;
-    }), Pe = g(() => {
-      const e = r.focusPos, a = r.isInRenderTree, l = r.secondDotFocusVisible, s = Z.value, t = a && (s.max || l);
-      return console.log("[Slider] tooltipVisibleMax computed", {
-        visible: t,
-        isInRenderTree: a,
-        tipVisibleMax: s.max,
-        secondDotFocusVisible: l,
-        tipChildrenMax: D.value.max,
-        focusPos: e
-      }), t;
-    }), _ = g(() => X(u.HANDLE, {
-      [`${u.HANDLE}-clicked`]: r.chooseMovePos === "min" && r.isDrag
-    })), ue = g(() => X(u.HANDLE, {
-      [`${u.HANDLE}-clicked`]: r.chooseMovePos === "max" && r.isDrag
-    })), de = g(() => X(
-      `${u.PREFIX}-wrapper`,
-      {
-        [`${u.PREFIX}-disabled`]: r.disabled,
-        [`${u.VERTICAL}-wrapper`]: n.vertical,
-        [`${u.PREFIX}-reverse`]: n.vertical && n.verticalReverse
-      },
-      n.className
-    )), ve = g(() => X(`${u.PREFIX}-boundary`, {
-      [`${u.PREFIX}-boundary-show`]: n.showBoundary && r.showBoundary
-    })), Re = g(() => X({
-      [`${u.PREFIX}`]: !n.vertical,
-      [u.VERTICAL]: n.vertical
-    })), ce = g(() => {
-      const { range: e, included: a, vertical: l } = n;
-      return a ? l ? {
-        height: e ? `${Math.abs(A.value - w.value) * 100}%` : `${w.value * 100}%`,
-        top: e ? `${Math.min(w.value, A.value) * 100}%` : "0"
-      } : {
-        width: e ? `${Math.abs(A.value - w.value) * 100}%` : `${w.value * 100}%`,
-        left: e ? `${Math.min(w.value, A.value) * 100}%` : "0"
-      } : {};
-    }), me = g(() => n.marks && Object.keys(n.marks).length > 0), m = g(() => {
-      const e = {
-        "aria-label": n["aria-label"] ?? (n.disabled ? "Disabled Slider" : void 0),
-        "aria-labelledby": n["aria-labelledby"],
-        "aria-disabled": n.disabled
-      };
-      return n.vertical && (e["aria-orientation"] = "vertical"), e;
-    }), be = g(() => {
-      if (n.range) {
-        const e = Array.isArray(r.currentValue) ? [...r.currentValue].sort() : r.currentValue, a = (l, s) => n.getAriaValueText ? n.getAriaValueText(l, s) : l;
-        return `Range: ${a(e[0], 0)} to ${a(e[1], 1)}`;
-      }
-    }), k = g(() => Array.isArray(n.handleDot) ? void 0 : n.handleDot), v = g(() => Array.isArray(n.handleDot) ? n.handleDot : void 0), {
-      min: C,
-      max: I,
-      currentValue: V,
-      chooseMovePos: P,
-      isDrag: fe,
-      isInRenderTree: ye,
-      firstDotFocusVisible: He,
-      secondDotFocusVisible: Fe,
-      disabled: R
-    } = r;
-    function Le(e) {
-      return e ? !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length) : !1;
-    }
-    function ne(e, a, l, ...s) {
-      if (e.addEventListener) {
-        e.addEventListener(a, l, ...s);
-        const t = () => {
-          e == null || e.removeEventListener(a, l), Promise.resolve().then(() => {
-            te.value.delete(t);
-          });
-        };
-        return te.value.add(t), t;
-      } else
-        return () => {
-        };
-    }
-    function ee(e) {
-      return (e - n.min) / (n.max - n.min);
-    }
-    function ge(e) {
-      return X(`${u.PREFIX}-dot`, {
-        [`${u.PREFIX}-dot-active`]: d.isMarkActive(e) === "active"
-      });
-    }
-    function xe(e) {
-      return d.isMarkActive(e);
-    }
-    function E(e) {
-      d.handleWrapClick(e);
-    }
-    function H(e, a) {
-      d.onHandleDown(e, a);
-    }
-    function F(e) {
-      console.log("[Slider] handleMouseEnter", { pos: e, disabled: r.disabled, currentFocusPos: r.focusPos }), r.disabled || (r.focusPos = e, console.log("[Slider] focusPos updated to", r.focusPos));
-    }
-    function L() {
-      d.onHandleLeave();
-    }
-    function h(e) {
-      d.onHandleUp(e);
-    }
-    function N(e, a) {
-      d.onHandleTouchStart(e, a);
-    }
-    function O(e, a) {
-      d.handleKeyDown(e, a);
-    }
-    function $(e, a) {
-      d.onFocus(e, a);
-    }
-    function B(e, a) {
-      d.onBlur(e, a);
-    }
-    function pe() {
-      d.handleWrapperEnter();
-    }
-    function Ve() {
-      d.handleWrapperLeave();
-    }
-    function we() {
-      d.checkAndUpdateIsInRenderTreeState();
-    }
-    return re(
-      () => J.value,
-      (e, a) => {
-        if (e !== void 0 && JSON.stringify(e) !== JSON.stringify(a)) {
-          const l = r.currentValue;
-          d.handleValueChange(l, e);
-        }
-      },
-      { deep: !0 }
-    ), re(
-      () => n.value,
-      (e, a) => {
-        if (J.value === void 0 && JSON.stringify(e) !== JSON.stringify(a)) {
-          const l = r.currentValue;
-          d.handleValueChange(l, e), Y("afterChange", e);
-        }
-      },
-      { deep: !0 }
-    ), re(
-      () => n.disabled,
-      (e) => {
-        d.handleDisabledChange(e);
-      }
-    ), ze(() => {
-      d.init();
-    }), Ke(() => {
-      d.destroy();
-    }), (e, a) => o.vertical ? (b(), f("div", {
-      key: 1,
-      ref_key: "sliderEl",
-      ref: T,
-      class: c(de.value),
-      style: y(n.style),
-      "aria-label": be.value,
-      onMouseenter: pe,
-      onMouseleave: Ve
-    }, [
-      p("div", {
-        class: "semi-slider-rail",
-        style: y(n.railStyle),
-        onClick: E
-      }, null, 4),
-      p("div", {
-        class: c(i(u).TRACK),
-        style: y(ce.value),
-        onClick: E
-      }, null, 6),
-      me.value ? (b(), f("div", {
-        key: 0,
-        class: c(i(u).DOTS)
-      }, [
-        (b(!0), f(K, null, ae(Object.keys(o.marks || {}), (l) => (b(), f("span", {
-          key: l,
-          class: c(ge(Number(l))),
-          style: y({ [M.value]: `calc(${ee(Number(l)) * 100}% - 2px)` }),
-          onClick: E
-        }, null, 6))), 128))
-      ], 2)) : x("", !0),
-      o.range ? x("", !0) : (b(), Te(i(W), {
-        key: 1,
-        content: D.value.min,
-        "show-arrow": o.showArrow,
-        position: "top",
-        trigger: "custom",
-        "re-pos-key": w.value,
-        visible: i(ye) && (Z.value.min || i(He)),
-        "class-name": i(u).HANDLE + "-tooltip"
-      }, {
-        default: j(() => {
-          var l, s;
-          return [
-            p("span", {
-              ref_key: "minHandleEl",
-              ref: S,
-              class: c(_.value),
-              style: y({
-                [M.value]: `${w.value * 100}%`,
-                zIndex: i(P) === "min" && i(fe) ? 2 : 1
-              }),
-              role: "slider",
-              tabindex: i(R) ? -1 : 0,
-              "aria-label": m.value["aria-label"],
-              "aria-labelledby": m.value["aria-labelledby"],
-              "aria-disabled": m.value["aria-disabled"],
-              "aria-orientation": m.value["aria-orientation"],
-              "aria-valuetext": o.getAriaValueText ? o.getAriaValueText(i(V), 0) : n["aria-valuetext"],
-              "aria-valuenow": i(V),
-              "aria-valuemax": i(I),
-              "aria-valuemin": i(C),
-              onMousedown: a[36] || (a[36] = (t) => H(t, "min")),
-              onMouseenter: a[37] || (a[37] = () => F("min")),
-              onTouchstart: a[38] || (a[38] = (t) => N(t, "min")),
-              onMouseleave: L,
-              onKeyup: h,
-              onTouchend: h,
-              onKeydown: a[39] || (a[39] = (t) => O(t, "min")),
-              onFocus: a[40] || (a[40] = (t) => $(t, "min")),
-              onBlur: a[41] || (a[41] = (t) => B(t, "min")),
-              onMouseover: we
-            }, [
-              k.value ? (b(), f("div", {
-                key: 0,
-                class: c(i(u).HANDLE_DOT),
-                style: y({
-                  ...(l = k.value) != null && l.size ? { width: k.value.size, height: k.value.size } : {},
-                  ...(s = k.value) != null && s.color ? { backgroundColor: k.value.color } : {}
-                })
-              }, null, 6)) : x("", !0)
-            ], 46, Qe)
-          ];
-        }),
-        _: 1
-      }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"])),
-      x("", !0),
-      o.range ? (b(), f(K, { key: 3 }, [
-        le(i(W), {
-          content: D.value.min,
-          "show-arrow": o.showArrow,
-          position: "top",
-          trigger: "custom",
-          "re-pos-key": w.value,
-          visible: ie.value,
-          "class-name": i(u).HANDLE + "-tooltip"
-        }, {
-          default: j(() => {
-            var l, s;
-            return [
-              p("span", {
-                ref_key: "minHandleEl",
-                ref: S,
-                class: c(_.value),
-                style: y({
-                  [M.value]: `${w.value * 100}%`,
-                  zIndex: i(P) === "min" ? 2 : 1
-                }),
-                role: "slider",
-                tabindex: i(R) ? -1 : 0,
-                "aria-label": m.value["aria-label"],
-                "aria-labelledby": m.value["aria-labelledby"],
-                "aria-disabled": m.value["aria-disabled"],
-                "aria-orientation": m.value["aria-orientation"],
-                "aria-valuetext": o.getAriaValueText ? o.getAriaValueText(i(V)[0], 0) : n["aria-valuetext"],
-                "aria-valuenow": i(V)[0],
-                "aria-valuemax": i(V)[1],
-                "aria-valuemin": i(C),
-                onMousedown: a[48] || (a[48] = (t) => H(t, "min")),
-                onMouseenter: a[49] || (a[49] = () => F("min")),
-                onTouchstart: a[50] || (a[50] = (t) => N(t, "min")),
-                onMouseleave: L,
-                onKeyup: h,
-                onTouchend: h,
-                onKeydown: a[51] || (a[51] = (t) => O(t, "min")),
-                onFocus: a[52] || (a[52] = (t) => $(t, "min")),
-                onBlur: a[53] || (a[53] = (t) => B(t, "min"))
-              }, [
-                v.value && v.value[0] ? (b(), f("div", {
-                  key: 0,
-                  class: c(i(u).HANDLE_DOT),
-                  style: y({
-                    ...(l = v.value[0]) != null && l.size ? { width: v.value[0].size, height: v.value[0].size } : {},
-                    ...(s = v.value[0]) != null && s.color ? { backgroundColor: v.value[0].color } : {}
-                  })
-                }, null, 6)) : x("", !0)
-              ], 46, Ze)
-            ];
-          }),
-          _: 1
-        }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"]),
-        x("", !0),
-        le(i(W), {
-          content: D.value.max,
-          "show-arrow": o.showArrow,
-          position: "top",
-          trigger: "custom",
-          "re-pos-key": A.value,
-          visible: i(ye) && (Z.value.max || i(Fe)),
-          "class-name": i(u).HANDLE + "-tooltip"
-        }, {
-          default: j(() => {
-            var l, s;
-            return [
-              p("span", {
-                ref_key: "maxHandleEl",
-                ref: Q,
-                class: c(ue.value),
-                style: y({
-                  [M.value]: `${A.value * 100}%`,
-                  zIndex: i(P) === "max" ? 2 : 1
-                }),
-                role: "slider",
-                tabindex: i(R) ? -1 : 0,
-                "aria-label": m.value["aria-label"],
-                "aria-labelledby": m.value["aria-labelledby"],
-                "aria-disabled": m.value["aria-disabled"],
-                "aria-orientation": m.value["aria-orientation"],
-                "aria-valuetext": o.getAriaValueText ? o.getAriaValueText(i(V)[1], 1) : n["aria-valuetext"],
-                "aria-valuenow": i(V)[1],
-                "aria-valuemax": i(I),
-                "aria-valuemin": i(V)[0],
-                onMousedown: a[60] || (a[60] = (t) => H(t, "max")),
-                onMouseenter: a[61] || (a[61] = () => F("max")),
-                onTouchstart: a[62] || (a[62] = (t) => N(t, "max")),
-                onMouseleave: L,
-                onKeyup: h,
-                onTouchend: h,
-                onKeydown: a[63] || (a[63] = (t) => O(t, "max")),
-                onFocus: a[64] || (a[64] = (t) => $(t, "max")),
-                onBlur: a[65] || (a[65] = (t) => B(t, "max"))
-              }, [
-                v.value && v.value[1] ? (b(), f("div", {
-                  key: 0,
-                  class: c(i(u).HANDLE_DOT),
-                  style: y({
-                    ...(l = v.value[1]) != null && l.size ? { width: v.value[1].size, height: v.value[1].size } : {},
-                    ...(s = v.value[1]) != null && s.color ? { backgroundColor: v.value[1].color } : {}
-                  })
-                }, null, 6)) : x("", !0)
-              ], 46, _e)
-            ];
-          }),
-          _: 1
-        }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"]),
-        x("", !0)
-      ], 64)) : x("", !0),
-      o.showMarkLabel && o.marks && Object.keys(o.marks).length > 0 ? (b(), f("div", {
-        key: 4,
-        class: c(i(u).MARKS + (o.vertical && o.verticalReverse ? "-reverse" : ""))
-      }, [
-        (b(!0), f(K, null, ae(Object.keys(o.marks || {}), (l) => Me((b(), f("span", {
-          key: l,
-          class: c(`semi-slider-mark${o.vertical && o.verticalReverse ? "-reverse" : ""}`),
-          style: y({ [M.value]: `${ee(Number(l)) * 100}%` }),
-          onClick: E
-        }, U(o.marks[Number(l)]), 7)), [
-          [Ae, xe(Number(l))]
-        ])), 128))
-      ], 2)) : x("", !0),
-      p("div", {
-        class: c(ve.value)
-      }, [
-        p("span", ea, U(i(C)), 1),
-        p("span", aa, U(i(I)), 1)
-      ], 2)
-    ], 46, Ge)) : (b(), f("div", {
-      key: 0,
-      class: c(Re.value)
-    }, [
-      p("div", {
-        ref_key: "sliderEl",
-        ref: T,
-        class: c(de.value),
-        style: y(n.style),
-        "aria-label": be.value,
-        onMouseenter: pe,
-        onMouseleave: Ve
-      }, [
-        p("div", {
-          class: "semi-slider-rail",
-          style: y(n.railStyle),
-          onClick: E
-        }, null, 4),
-        p("div", {
-          class: c(i(u).TRACK),
-          style: y(ce.value),
-          onClick: E
-        }, null, 6),
-        me.value ? (b(), f("div", {
-          key: 0,
-          class: c(i(u).DOTS)
-        }, [
-          (b(!0), f(K, null, ae(Object.keys(o.marks || {}), (l) => (b(), f("span", {
-            key: l,
-            class: c(ge(Number(l))),
-            style: y({ [M.value]: `calc(${ee(Number(l)) * 100}% - 2px)` }),
-            onClick: E
-          }, null, 6))), 128))
-        ], 2)) : x("", !0),
-        o.range ? x("", !0) : (b(), Te(i(W), {
-          key: 1,
-          content: D.value.min,
-          "show-arrow": o.showArrow,
-          position: "top",
-          trigger: "custom",
-          "re-pos-key": w.value,
-          visible: ie.value,
-          "class-name": i(u).HANDLE + "-tooltip"
-        }, {
-          default: j(() => {
-            var l, s;
-            return [
-              p("span", {
-                ref_key: "minHandleEl",
-                ref: S,
-                class: c(_.value),
-                style: y({
-                  [M.value]: `${w.value * 100}%`,
-                  zIndex: i(P) === "min" && i(fe) ? 2 : 1
-                }),
-                role: "slider",
-                tabindex: i(R) ? -1 : 0,
-                "aria-label": m.value["aria-label"],
-                "aria-labelledby": m.value["aria-labelledby"],
-                "aria-disabled": m.value["aria-disabled"],
-                "aria-orientation": m.value["aria-orientation"],
-                "aria-valuetext": o.getAriaValueText ? o.getAriaValueText(i(V), 0) : n["aria-valuetext"],
-                "aria-valuenow": i(V),
-                "aria-valuemax": i(I),
-                "aria-valuemin": i(C),
-                onMousedown: a[0] || (a[0] = (t) => H(t, "min")),
-                onMouseenter: a[1] || (a[1] = () => F("min")),
-                onTouchstart: a[2] || (a[2] = (t) => N(t, "min")),
-                onMouseleave: L,
-                onKeyup: h,
-                onTouchend: h,
-                onKeydown: a[3] || (a[3] = (t) => O(t, "min")),
-                onFocus: a[4] || (a[4] = (t) => $(t, "min")),
-                onBlur: a[5] || (a[5] = (t) => B(t, "min")),
-                onMouseover: we
-              }, [
-                k.value ? (b(), f("div", {
-                  key: 0,
-                  class: c(i(u).HANDLE_DOT),
-                  style: y({
-                    ...(l = k.value) != null && l.size ? { width: k.value.size, height: k.value.size } : {},
-                    ...(s = k.value) != null && s.color ? { backgroundColor: k.value.color } : {}
-                  })
-                }, null, 6)) : x("", !0)
-              ], 46, Xe)
-            ];
-          }),
-          _: 1
-        }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"])),
-        x("", !0),
-        o.range ? (b(), f(K, { key: 3 }, [
-          le(i(W), {
-            content: D.value.min,
-            "show-arrow": o.showArrow,
-            position: "top",
-            trigger: "custom",
-            "re-pos-key": w.value,
-            visible: ie.value,
-            "class-name": i(u).HANDLE + "-tooltip"
-          }, {
-            default: j(() => {
-              var l, s;
-              return [
-                p("span", {
-                  ref_key: "minHandleEl",
-                  ref: S,
-                  class: c(_.value),
-                  style: y({
-                    [M.value]: `${w.value * 100}%`,
-                    zIndex: i(P) === "min" ? 2 : 1
-                  }),
-                  role: "slider",
-                  tabindex: i(R) ? -1 : 0,
-                  "aria-label": m.value["aria-label"],
-                  "aria-labelledby": m.value["aria-labelledby"],
-                  "aria-disabled": m.value["aria-disabled"],
-                  "aria-orientation": m.value["aria-orientation"],
-                  "aria-valuetext": o.getAriaValueText ? o.getAriaValueText(i(V)[0], 0) : n["aria-valuetext"],
-                  "aria-valuenow": i(V)[0],
-                  "aria-valuemax": i(V)[1],
-                  "aria-valuemin": i(C),
-                  onMousedown: a[12] || (a[12] = (t) => H(t, "min")),
-                  onMouseenter: a[13] || (a[13] = () => F("min")),
-                  onTouchstart: a[14] || (a[14] = (t) => N(t, "min")),
-                  onMouseleave: L,
-                  onKeyup: h,
-                  onTouchend: h,
-                  onKeydown: a[15] || (a[15] = (t) => O(t, "min")),
-                  onFocus: a[16] || (a[16] = (t) => $(t, "min")),
-                  onBlur: a[17] || (a[17] = (t) => B(t, "min"))
-                }, [
-                  v.value && v.value[0] ? (b(), f("div", {
-                    key: 0,
-                    class: c(i(u).HANDLE_DOT),
-                    style: y({
-                      ...(l = v.value[0]) != null && l.size ? { width: v.value[0].size, height: v.value[0].size } : {},
-                      ...(s = v.value[0]) != null && s.color ? { backgroundColor: v.value[0].color } : {}
-                    })
-                  }, null, 6)) : x("", !0)
-                ], 46, We)
-              ];
-            }),
-            _: 1
-          }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"]),
-          x("", !0),
-          le(i(W), {
-            content: D.value.max,
-            "show-arrow": o.showArrow,
-            position: "top",
-            trigger: "custom",
-            "re-pos-key": A.value,
-            visible: Pe.value,
-            "class-name": i(u).HANDLE + "-tooltip"
-          }, {
-            default: j(() => {
-              var l, s;
-              return [
-                p("span", {
-                  ref_key: "maxHandleEl",
-                  ref: Q,
-                  class: c(ue.value),
-                  style: y({
-                    [M.value]: `${A.value * 100}%`,
-                    zIndex: i(P) === "max" ? 2 : 1
-                  }),
-                  role: "slider",
-                  tabindex: i(R) ? -1 : 0,
-                  "aria-label": m.value["aria-label"],
-                  "aria-labelledby": m.value["aria-labelledby"],
-                  "aria-disabled": m.value["aria-disabled"],
-                  "aria-orientation": m.value["aria-orientation"],
-                  "aria-valuetext": o.getAriaValueText ? o.getAriaValueText(i(V)[1], 1) : n["aria-valuetext"],
-                  "aria-valuenow": i(V)[1],
-                  "aria-valuemax": i(I),
-                  "aria-valuemin": i(V)[0],
-                  onMousedown: a[24] || (a[24] = (t) => H(t, "max")),
-                  onMouseenter: a[25] || (a[25] = () => F("max")),
-                  onTouchstart: a[26] || (a[26] = (t) => N(t, "max")),
-                  onMouseleave: L,
-                  onKeyup: h,
-                  onTouchend: h,
-                  onKeydown: a[27] || (a[27] = (t) => O(t, "max")),
-                  onFocus: a[28] || (a[28] = (t) => $(t, "max")),
-                  onBlur: a[29] || (a[29] = (t) => B(t, "max"))
-                }, [
-                  v.value && v.value[1] ? (b(), f("div", {
-                    key: 0,
-                    class: c(i(u).HANDLE_DOT),
-                    style: y({
-                      ...(l = v.value[1]) != null && l.size ? { width: v.value[1].size, height: v.value[1].size } : {},
-                      ...(s = v.value[1]) != null && s.color ? { backgroundColor: v.value[1].color } : {}
-                    })
-                  }, null, 6)) : x("", !0)
-                ], 46, Je)
-              ];
-            }),
-            _: 1
-          }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"]),
-          x("", !0)
-        ], 64)) : x("", !0),
-        o.showMarkLabel && o.marks && Object.keys(o.marks).length > 0 ? (b(), f("div", {
-          key: 4,
-          class: c(i(u).MARKS + (o.vertical && o.verticalReverse ? "-reverse" : ""))
-        }, [
-          (b(!0), f(K, null, ae(Object.keys(o.marks || {}), (l) => Me((b(), f("span", {
-            key: l,
-            class: c(`semi-slider-mark${o.vertical && o.verticalReverse ? "-reverse" : ""}`),
-            style: y({ [M.value]: `${ee(Number(l)) * 100}%` }),
-            onClick: E
-          }, U(o.marks[Number(l)]), 7)), [
-            [Ae, xe(Number(l))]
-          ])), 128))
-        ], 2)) : x("", !0),
-        p("div", {
-          class: c(ve.value)
-        }, [
-          p("span", Ye, U(i(C)), 1),
-          p("span", qe, U(i(I)), 1)
-        ], 2)
-      ], 46, Ue)
-    ], 2));
-  }
-});
-export {
-  da as default
-};