@layers.digital/layers-design-system-vue3 1.0.3 → 1.0.4

package/dist/layers-design-system-vue342.js

@@ -1,4 +1,826 @@
-const o = "";
+import { useLocale as Fe, ElTooltip as Ue, Ee as ze, EVENT_CODE as We } from "./layers-design-system-vue332.js";
+import { ElInput as $e } from "./layers-design-system-vue333.js";
+import { useFormItem as _e, useFormSize as Ke, useFormDisabled as je, UPDATE_MODEL_EVENT as H, useFormItemInputId as He, useSizeProp as Ne, CHANGE_EVENT as Ve, INPUT_EVENT as D } from "./layers-design-system-vue328.js";
+import { ElIcon as Pe, arrow_down_default as Ge, minus_default as qe, arrow_up_default as Je, plus_default as Qe } from "./layers-design-system-vue334.js";
+import { buildProps as he, useNamespace as pe, isNumber as X, isUndefined as me, isNil_default as ie, withInstall as Re, isString as ke, throwError as Ye, debugWarn as be, definePropType as ue, useEventListener as Ze, _export_sfc as Ie, isFunction as Ce, isArray as De, debounce_default as Te } from "./layers-design-system-vue329.js";
+import { defineComponent as te, ref as ee, reactive as Be, computed as V, watch as se, onMounted as Xe, onUpdated as et, openBlock as x, createElementBlock as O, normalizeClass as U, unref as t, withModifiers as ce, withDirectives as Le, withKeys as ve, createVNode as de, withCtx as ge, createBlock as Z, createCommentVNode as ne, toRefs as Ee, normalizeStyle as le, createElementVNode as ae, toDisplayString as tt, h as lt, provide as nt, Fragment as fe, renderList as we, nextTick as ye, shallowRef as at, inject as rt } from "vue";
+var ot = 100, ut = 600, Me = {
+  beforeMount(e, l) {
+    const o = l.value, { interval: a = ot, delay: c = ut } = Ce(o) ? {} : o;
+    let i, u;
+    const d = () => Ce(o) ? o() : o.handler(), y = () => {
+      u && (clearTimeout(u), u = void 0), i && (clearInterval(i), i = void 0);
+    };
+    e.addEventListener("mousedown", (v) => {
+      v.button === 0 && (y(), d(), document.addEventListener("mouseup", () => y(), {
+        once: !0
+      }), u = setTimeout(() => {
+        i = setInterval(() => {
+          d();
+        }, a);
+      }, c));
+    });
+  }
+}, it = he({
+  id: {
+    type: String,
+    default: void 0
+  },
+  step: {
+    type: Number,
+    default: 1
+  },
+  stepStrictly: Boolean,
+  max: {
+    type: Number,
+    default: Number.POSITIVE_INFINITY
+  },
+  min: {
+    type: Number,
+    default: Number.NEGATIVE_INFINITY
+  },
+  modelValue: Number,
+  readonly: Boolean,
+  disabled: Boolean,
+  size: Ne,
+  controls: {
+    type: Boolean,
+    default: !0
+  },
+  controlsPosition: {
+    type: String,
+    default: "",
+    values: ["", "right"]
+  },
+  valueOnClear: {
+    type: [String, Number, null],
+    validator: (e) => e === null || X(e) || ["min", "max"].includes(e),
+    default: null
+  },
+  name: String,
+  label: String,
+  placeholder: String,
+  precision: {
+    type: Number,
+    validator: (e) => e >= 0 && e === Number.parseInt(`${e}`, 10)
+  },
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  }
+}), st = {
+  [Ve]: (e, l) => l !== e,
+  blur: (e) => e instanceof FocusEvent,
+  focus: (e) => e instanceof FocusEvent,
+  [D]: (e) => X(e) || ie(e),
+  [H]: (e) => X(e) || ie(e)
+}, dt = ["aria-label", "onKeydown"], mt = ["aria-label", "onKeydown"], ct = te({
+  name: "ElInputNumber"
+}), vt = /* @__PURE__ */ te({
+  ...ct,
+  props: it,
+  emits: st,
+  setup(e, { expose: l, emit: o }) {
+    const a = e, { t: c } = Fe(), i = pe("input-number"), u = ee(), d = Be({
+      currentValue: a.modelValue,
+      userInput: null
+    }), { formItem: y } = _e(), v = V(() => X(a.modelValue) && a.modelValue <= a.min), h = V(() => X(a.modelValue) && a.modelValue >= a.max), s = V(() => {
+      const n = Y(a.step);
+      return me(a.precision) ? Math.max(Y(a.modelValue), n) : (n > a.precision, a.precision);
+    }), C = V(() => a.controls && a.controlsPosition === "right"), F = Ke(), T = je(), z = V(() => {
+      if (d.userInput !== null)
+        return d.userInput;
+      let n = d.currentValue;
+      if (ie(n))
+        return "";
+      if (X(n)) {
+        if (Number.isNaN(n))
+          return "";
+        me(a.precision) || (n = n.toFixed(a.precision));
+      }
+      return n;
+    }), _ = (n, r) => {
+      if (me(r) && (r = s.value), r === 0)
+        return Math.round(n);
+      let b = String(n);
+      const N = b.indexOf(".");
+      if (N === -1 || !b.replace(".", "").split("")[N + r])
+        return n;
+      const M = b.length;
+      return b.charAt(M - 1) === "5" && (b = `${b.slice(0, Math.max(0, M - 1))}6`), Number.parseFloat(Number(b).toFixed(r));
+    }, Y = (n) => {
+      if (ie(n))
+        return 0;
+      const r = n.toString(), b = r.indexOf(".");
+      let N = 0;
+      return b !== -1 && (N = r.length - b - 1), N;
+    }, L = (n, r = 1) => X(n) ? _(n + a.step * r) : d.currentValue, K = () => {
+      if (a.readonly || T.value || h.value)
+        return;
+      const n = Number(z.value) || 0, r = L(n);
+      w(r), o(D, d.currentValue);
+    }, P = () => {
+      if (a.readonly || T.value || v.value)
+        return;
+      const n = Number(z.value) || 0, r = L(n, -1);
+      w(r), o(D, d.currentValue);
+    }, p = (n, r) => {
+      const { max: b, min: N, step: S, precision: B, stepStrictly: M, valueOnClear: A } = a;
+      b < N && Ye("InputNumber", "min should not be greater than max.");
+      let E = Number(n);
+      if (ie(n) || Number.isNaN(E))
+        return null;
+      if (n === "") {
+        if (A === null)
+          return null;
+        E = ke(A) ? { min: N, max: b }[A] : A;
+      }
+      return M && (E = _(Math.round(E / S) * S, B)), me(B) || (E = _(E, B)), (E > b || E < N) && (E = E > b ? b : N, r && o(H, E)), E;
+    }, w = (n, r = !0) => {
+      var b;
+      const N = d.currentValue, S = p(n);
+      if (!r) {
+        o(H, S);
+        return;
+      }
+      N !== S && (d.userInput = null, o(H, S), o(Ve, S, N), a.validateEvent && ((b = y == null ? void 0 : y.validate) == null || b.call(y, "change").catch((B) => be())), d.currentValue = S);
+    }, q = (n) => {
+      d.userInput = n;
+      const r = n === "" ? null : Number(n);
+      o(D, r), w(r, !1);
+    }, J = (n) => {
+      const r = n !== "" ? Number(n) : "";
+      (X(r) && !Number.isNaN(r) || n === "") && w(r), d.userInput = null;
+    }, W = () => {
+      var n, r;
+      (r = (n = u.value) == null ? void 0 : n.focus) == null || r.call(n);
+    }, G = () => {
+      var n, r;
+      (r = (n = u.value) == null ? void 0 : n.blur) == null || r.call(n);
+    }, g = (n) => {
+      o("focus", n);
+    }, k = (n) => {
+      var r;
+      o("blur", n), a.validateEvent && ((r = y == null ? void 0 : y.validate) == null || r.call(y, "blur").catch((b) => be()));
+    };
+    return se(() => a.modelValue, (n) => {
+      const r = p(d.userInput), b = p(n, !0);
+      !X(r) && (!r || r !== b) && (d.currentValue = b, d.userInput = null);
+    }, { immediate: !0 }), Xe(() => {
+      var n;
+      const { min: r, max: b, modelValue: N } = a, S = (n = u.value) == null ? void 0 : n.input;
+      if (S.setAttribute("role", "spinbutton"), Number.isFinite(b) ? S.setAttribute("aria-valuemax", String(b)) : S.removeAttribute("aria-valuemax"), Number.isFinite(r) ? S.setAttribute("aria-valuemin", String(r)) : S.removeAttribute("aria-valuemin"), S.setAttribute("aria-valuenow", String(d.currentValue)), S.setAttribute("aria-disabled", String(T.value)), !X(N) && N != null) {
+        let B = Number(N);
+        Number.isNaN(B) && (B = null), o(H, B);
+      }
+    }), et(() => {
+      var n;
+      const r = (n = u.value) == null ? void 0 : n.input;
+      r == null || r.setAttribute("aria-valuenow", `${d.currentValue}`);
+    }), l({
+      focus: W,
+      blur: G
+    }), (n, r) => (x(), O("div", {
+      class: U([
+        t(i).b(),
+        t(i).m(t(F)),
+        t(i).is("disabled", t(T)),
+        t(i).is("without-controls", !n.controls),
+        t(i).is("controls-right", t(C))
+      ]),
+      onDragstart: r[1] || (r[1] = ce(() => {
+      }, ["prevent"]))
+    }, [
+      n.controls ? Le((x(), O("span", {
+        key: 0,
+        role: "button",
+        "aria-label": t(c)("el.inputNumber.decrease"),
+        class: U([t(i).e("decrease"), t(i).is("disabled", t(v))]),
+        onKeydown: ve(P, ["enter"])
+      }, [
+        de(t(Pe), null, {
+          default: ge(() => [
+            t(C) ? (x(), Z(t(Ge), { key: 0 })) : (x(), Z(t(qe), { key: 1 }))
+          ]),
+          _: 1
+        })
+      ], 42, dt)), [
+        [t(Me), P]
+      ]) : ne("v-if", !0),
+      n.controls ? Le((x(), O("span", {
+        key: 1,
+        role: "button",
+        "aria-label": t(c)("el.inputNumber.increase"),
+        class: U([t(i).e("increase"), t(i).is("disabled", t(h))]),
+        onKeydown: ve(K, ["enter"])
+      }, [
+        de(t(Pe), null, {
+          default: ge(() => [
+            t(C) ? (x(), Z(t(Je), { key: 0 })) : (x(), Z(t(Qe), { key: 1 }))
+          ]),
+          _: 1
+        })
+      ], 42, mt)), [
+        [t(Me), K]
+      ]) : ne("v-if", !0),
+      de(t($e), {
+        id: n.id,
+        ref_key: "input",
+        ref: u,
+        type: "number",
+        step: n.step,
+        "model-value": t(z),
+        placeholder: n.placeholder,
+        readonly: n.readonly,
+        disabled: t(T),
+        size: t(F),
+        max: n.max,
+        min: n.min,
+        name: n.name,
+        label: n.label,
+        "validate-event": !1,
+        onWheel: r[0] || (r[0] = ce(() => {
+        }, ["prevent"])),
+        onKeydown: [
+          ve(ce(K, ["prevent"]), ["up"]),
+          ve(ce(P, ["prevent"]), ["down"])
+        ],
+        onBlur: k,
+        onFocus: g,
+        onInput: q,
+        onChange: J
+      }, null, 8, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "label", "onKeydown"])
+    ], 34));
+  }
+}), ft = /* @__PURE__ */ Ie(vt, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/input-number/src/input-number.vue"]]), bt = Re(ft), Oe = Symbol("sliderContextKey"), gt = he({
+  modelValue: {
+    type: ue([Number, Array]),
+    default: 0
+  },
+  id: {
+    type: String,
+    default: void 0
+  },
+  min: {
+    type: Number,
+    default: 0
+  },
+  max: {
+    type: Number,
+    default: 100
+  },
+  step: {
+    type: Number,
+    default: 1
+  },
+  showInput: Boolean,
+  showInputControls: {
+    type: Boolean,
+    default: !0
+  },
+  size: Ne,
+  inputSize: Ne,
+  showStops: Boolean,
+  showTooltip: {
+    type: Boolean,
+    default: !0
+  },
+  formatTooltip: {
+    type: ue(Function),
+    default: void 0
+  },
+  disabled: Boolean,
+  range: Boolean,
+  vertical: Boolean,
+  height: String,
+  debounce: {
+    type: Number,
+    default: 300
+  },
+  label: {
+    type: String,
+    default: void 0
+  },
+  rangeStartLabel: {
+    type: String,
+    default: void 0
+  },
+  rangeEndLabel: {
+    type: String,
+    default: void 0
+  },
+  formatValueText: {
+    type: ue(Function),
+    default: void 0
+  },
+  tooltipClass: {
+    type: String,
+    default: void 0
+  },
+  placement: {
+    type: String,
+    values: ze,
+    default: "top"
+  },
+  marks: {
+    type: ue(Object)
+  },
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  }
+}), Se = (e) => X(e) || De(e) && e.every(X), yt = {
+  [H]: Se,
+  [D]: Se,
+  [Ve]: Se
+}, Vt = (e, l, o) => {
+  const a = ee();
+  return Xe(async () => {
+    e.range ? (Array.isArray(e.modelValue) ? (l.firstValue = Math.max(e.min, e.modelValue[0]), l.secondValue = Math.min(e.max, e.modelValue[1])) : (l.firstValue = e.min, l.secondValue = e.max), l.oldValue = [l.firstValue, l.secondValue]) : (typeof e.modelValue != "number" || Number.isNaN(e.modelValue) ? l.firstValue = e.min : l.firstValue = Math.min(e.max, Math.max(e.min, e.modelValue)), l.oldValue = l.firstValue), Ze(window, "resize", o), await ye(), o();
+  }), {
+    sliderWrapper: a
+  };
+}, ht = (e) => V(() => e.marks ? Object.keys(e.marks).map(Number.parseFloat).sort((o, a) => o - a).filter((o) => o <= e.max && o >= e.min).map((o) => ({
+  point: o,
+  position: (o - e.min) * 100 / (e.max - e.min),
+  mark: e.marks[o]
+})) : []), pt = (e, l, o) => {
+  const { form: a, formItem: c } = _e(), i = at(), u = ee(), d = ee(), y = {
+    firstButton: u,
+    secondButton: d
+  }, v = V(() => e.disabled || (a == null ? void 0 : a.disabled) || !1), h = V(() => Math.min(l.firstValue, l.secondValue)), s = V(() => Math.max(l.firstValue, l.secondValue)), C = V(() => e.range ? `${100 * (s.value - h.value) / (e.max - e.min)}%` : `${100 * (l.firstValue - e.min) / (e.max - e.min)}%`), F = V(() => e.range ? `${100 * (h.value - e.min) / (e.max - e.min)}%` : "0%"), T = V(() => e.vertical ? { height: e.height } : {}), z = V(() => e.vertical ? {
+    height: C.value,
+    bottom: F.value
+  } : {
+    width: C.value,
+    left: F.value
+  }), _ = () => {
+    i.value && (l.sliderSize = i.value[`client${e.vertical ? "Height" : "Width"}`]);
+  }, Y = (g) => {
+    const k = e.min + g * (e.max - e.min) / 100;
+    if (!e.range)
+      return u;
+    let n;
+    return Math.abs(h.value - k) < Math.abs(s.value - k) ? n = l.firstValue < l.secondValue ? "firstButton" : "secondButton" : n = l.firstValue > l.secondValue ? "firstButton" : "secondButton", y[n];
+  }, L = (g) => {
+    const k = Y(g);
+    return k.value.setPosition(g), k;
+  }, K = (g) => {
+    l.firstValue = g, p(e.range ? [h.value, s.value] : g);
+  }, P = (g) => {
+    l.secondValue = g, e.range && p([h.value, s.value]);
+  }, p = (g) => {
+    o(H, g), o(D, g);
+  }, w = async () => {
+    await ye(), o(Ve, e.range ? [h.value, s.value] : e.modelValue);
+  }, q = (g) => {
+    var k, n, r, b, N, S;
+    if (v.value || l.dragging)
+      return;
+    _();
+    let B = 0;
+    if (e.vertical) {
+      const M = (r = (n = (k = g.touches) == null ? void 0 : k.item(0)) == null ? void 0 : n.clientY) != null ? r : g.clientY;
+      B = (i.value.getBoundingClientRect().bottom - M) / l.sliderSize * 100;
+    } else {
+      const M = (S = (N = (b = g.touches) == null ? void 0 : b.item(0)) == null ? void 0 : N.clientX) != null ? S : g.clientX, A = i.value.getBoundingClientRect().left;
+      B = (M - A) / l.sliderSize * 100;
+    }
+    if (!(B < 0 || B > 100))
+      return L(B);
+  };
+  return {
+    elFormItem: c,
+    slider: i,
+    firstButton: u,
+    secondButton: d,
+    sliderDisabled: v,
+    minValue: h,
+    maxValue: s,
+    runwayStyle: T,
+    barStyle: z,
+    resetSize: _,
+    setPosition: L,
+    emitChange: w,
+    onSliderWrapperPrevent: (g) => {
+      var k, n;
+      ((k = y.firstButton.value) != null && k.dragging || (n = y.secondButton.value) != null && n.dragging) && g.preventDefault();
+    },
+    onSliderClick: (g) => {
+      q(g) && w();
+    },
+    onSliderDown: async (g) => {
+      const k = q(g);
+      k && (await ye(), k.value.onButtonDown(g));
+    },
+    setFirstValue: K,
+    setSecondValue: P
+  };
+}, { left: wt, down: St, right: Nt, up: kt, home: Et, end: It, pageUp: Bt, pageDown: xt } = We, Pt = (e, l, o) => {
+  const a = ee(), c = ee(!1), i = V(() => l.value instanceof Function), u = V(() => i.value && l.value(e.modelValue) || e.modelValue), d = Te(() => {
+    o.value && (c.value = !0);
+  }, 50), y = Te(() => {
+    o.value && (c.value = !1);
+  }, 50);
+  return {
+    tooltip: a,
+    tooltipVisible: c,
+    formatValue: u,
+    displayTooltip: d,
+    hideTooltip: y
+  };
+}, Ct = (e, l, o) => {
+  const {
+    disabled: a,
+    min: c,
+    max: i,
+    step: u,
+    showTooltip: d,
+    precision: y,
+    sliderSize: v,
+    formatTooltip: h,
+    emitChange: s,
+    resetSize: C,
+    updateDragging: F
+  } = rt(Oe), { tooltip: T, tooltipVisible: z, formatValue: _, displayTooltip: Y, hideTooltip: L } = Pt(e, h, d), K = ee(), P = V(() => `${(e.modelValue - c.value) / (i.value - c.value) * 100}%`), p = V(() => e.vertical ? { bottom: P.value } : { left: P.value }), w = () => {
+    l.hovering = !0, Y();
+  }, q = () => {
+    l.hovering = !1, l.dragging || L();
+  }, J = (m) => {
+    a.value || (m.preventDefault(), B(m), window.addEventListener("mousemove", M), window.addEventListener("touchmove", M), window.addEventListener("mouseup", A), window.addEventListener("touchend", A), window.addEventListener("contextmenu", A), K.value.focus());
+  }, W = (m) => {
+    a.value || (l.newPosition = Number.parseFloat(P.value) + m / (i.value - c.value) * 100, E(l.newPosition), s());
+  }, G = () => {
+    W(-u.value);
+  }, g = () => {
+    W(u.value);
+  }, k = () => {
+    W(-u.value * 4);
+  }, n = () => {
+    W(u.value * 4);
+  }, r = () => {
+    a.value || (E(0), s());
+  }, b = () => {
+    a.value || (E(100), s());
+  }, N = (m) => {
+    let I = !0;
+    [wt, St].includes(m.key) ? G() : [Nt, kt].includes(m.key) ? g() : m.key === Et ? r() : m.key === It ? b() : m.key === xt ? k() : m.key === Bt ? n() : I = !1, I && m.preventDefault();
+  }, S = (m) => {
+    let I, $;
+    return m.type.startsWith("touch") ? ($ = m.touches[0].clientY, I = m.touches[0].clientX) : ($ = m.clientY, I = m.clientX), {
+      clientX: I,
+      clientY: $
+    };
+  }, B = (m) => {
+    l.dragging = !0, l.isClick = !0;
+    const { clientX: I, clientY: $ } = S(m);
+    e.vertical ? l.startY = $ : l.startX = I, l.startPosition = Number.parseFloat(P.value), l.newPosition = l.startPosition;
+  }, M = (m) => {
+    if (l.dragging) {
+      l.isClick = !1, Y(), C();
+      let I;
+      const { clientX: $, clientY: Q } = S(m);
+      e.vertical ? (l.currentY = Q, I = (l.startY - l.currentY) / v.value * 100) : (l.currentX = $, I = (l.currentX - l.startX) / v.value * 100), l.newPosition = l.startPosition + I, E(l.newPosition);
+    }
+  }, A = () => {
+    l.dragging && (setTimeout(() => {
+      l.dragging = !1, l.hovering || L(), l.isClick || E(l.newPosition), s();
+    }, 0), window.removeEventListener("mousemove", M), window.removeEventListener("touchmove", M), window.removeEventListener("mouseup", A), window.removeEventListener("touchend", A), window.removeEventListener("contextmenu", A));
+  }, E = async (m) => {
+    if (m === null || Number.isNaN(+m))
+      return;
+    m < 0 ? m = 0 : m > 100 && (m = 100);
+    const I = 100 / ((i.value - c.value) / u.value);
+    let Q = Math.round(m / I) * I * (i.value - c.value) * 0.01 + c.value;
+    Q = Number.parseFloat(Q.toFixed(y.value)), Q !== e.modelValue && o(H, Q), !l.dragging && e.modelValue !== l.oldValue && (l.oldValue = e.modelValue), await ye(), l.dragging && Y(), T.value.updatePopper();
+  };
+  return se(() => l.dragging, (m) => {
+    F(m);
+  }), {
+    disabled: a,
+    button: K,
+    tooltip: T,
+    tooltipVisible: z,
+    showTooltip: d,
+    wrapperStyle: p,
+    formatValue: _,
+    handleMouseEnter: w,
+    handleMouseLeave: q,
+    onButtonDown: J,
+    onKeyDown: N,
+    setPosition: E
+  };
+}, Tt = (e, l, o, a) => ({
+  stops: V(() => {
+    if (!e.showStops || e.min > e.max)
+      return [];
+    if (e.step === 0)
+      return [];
+    const u = (e.max - e.min) / e.step, d = 100 * e.step / (e.max - e.min), y = Array.from({ length: u - 1 }).map((v, h) => (h + 1) * d);
+    return e.range ? y.filter((v) => v < 100 * (o.value - e.min) / (e.max - e.min) || v > 100 * (a.value - e.min) / (e.max - e.min)) : y.filter((v) => v > 100 * (l.firstValue - e.min) / (e.max - e.min));
+  }),
+  getStopStyle: (u) => e.vertical ? { bottom: `${u}%` } : { left: `${u}%` }
+}), Lt = (e, l, o, a, c, i) => {
+  const u = (v) => {
+    c(H, v), c(D, v);
+  }, d = () => e.range ? ![o.value, a.value].every((v, h) => v === l.oldValue[h]) : e.modelValue !== l.oldValue, y = () => {
+    var v, h;
+    e.min > e.max && Ye("Slider", "min should not be greater than max.");
+    const s = e.modelValue;
+    e.range && Array.isArray(s) ? s[1] < e.min ? u([e.min, e.min]) : s[0] > e.max ? u([e.max, e.max]) : s[0] < e.min ? u([e.min, s[1]]) : s[1] > e.max ? u([s[0], e.max]) : (l.firstValue = s[0], l.secondValue = s[1], d() && (e.validateEvent && ((v = i == null ? void 0 : i.validate) == null || v.call(i, "change").catch((C) => be())), l.oldValue = s.slice())) : !e.range && typeof s == "number" && !Number.isNaN(s) && (s < e.min ? u(e.min) : s > e.max ? u(e.max) : (l.firstValue = s, d() && (e.validateEvent && ((h = i == null ? void 0 : i.validate) == null || h.call(i, "change").catch((C) => be())), l.oldValue = s)));
+  };
+  y(), se(() => l.dragging, (v) => {
+    v || y();
+  }), se(() => e.modelValue, (v, h) => {
+    l.dragging || Array.isArray(v) && Array.isArray(h) && v.every((s, C) => s === h[C]) && l.firstValue === v[0] && l.secondValue === v[1] || y();
+  }, {
+    deep: !0
+  }), se(() => [e.min, e.max], () => {
+    y();
+  });
+}, Mt = he({
+  modelValue: {
+    type: Number,
+    default: 0
+  },
+  vertical: Boolean,
+  tooltipClass: String,
+  placement: {
+    type: String,
+    values: ze,
+    default: "top"
+  }
+}), At = {
+  [H]: (e) => X(e)
+}, Ft = ["tabindex"], zt = te({
+  name: "ElSliderButton"
+}), _t = /* @__PURE__ */ te({
+  ...zt,
+  props: Mt,
+  emits: At,
+  setup(e, { expose: l, emit: o }) {
+    const a = e, c = pe("slider"), i = Be({
+      hovering: !1,
+      dragging: !1,
+      isClick: !1,
+      startX: 0,
+      currentX: 0,
+      startY: 0,
+      currentY: 0,
+      startPosition: 0,
+      newPosition: 0,
+      oldValue: a.modelValue
+    }), {
+      disabled: u,
+      button: d,
+      tooltip: y,
+      showTooltip: v,
+      tooltipVisible: h,
+      wrapperStyle: s,
+      formatValue: C,
+      handleMouseEnter: F,
+      handleMouseLeave: T,
+      onButtonDown: z,
+      onKeyDown: _,
+      setPosition: Y
+    } = Ct(a, i, o), { hovering: L, dragging: K } = Ee(i);
+    return l({
+      onButtonDown: z,
+      onKeyDown: _,
+      setPosition: Y,
+      hovering: L,
+      dragging: K
+    }), (P, p) => (x(), O("div", {
+      ref_key: "button",
+      ref: d,
+      class: U([t(c).e("button-wrapper"), { hover: t(L), dragging: t(K) }]),
+      style: le(t(s)),
+      tabindex: t(u) ? -1 : 0,
+      onMouseenter: p[0] || (p[0] = (...w) => t(F) && t(F)(...w)),
+      onMouseleave: p[1] || (p[1] = (...w) => t(T) && t(T)(...w)),
+      onMousedown: p[2] || (p[2] = (...w) => t(z) && t(z)(...w)),
+      onTouchstart: p[3] || (p[3] = (...w) => t(z) && t(z)(...w)),
+      onFocus: p[4] || (p[4] = (...w) => t(F) && t(F)(...w)),
+      onBlur: p[5] || (p[5] = (...w) => t(T) && t(T)(...w)),
+      onKeydown: p[6] || (p[6] = (...w) => t(_) && t(_)(...w))
+    }, [
+      de(t(Ue), {
+        ref_key: "tooltip",
+        ref: y,
+        visible: t(h),
+        placement: P.placement,
+        "fallback-placements": ["top", "bottom", "right", "left"],
+        "stop-popper-mouse-event": !1,
+        "popper-class": P.tooltipClass,
+        disabled: !t(v),
+        persistent: ""
+      }, {
+        content: ge(() => [
+          ae("span", null, tt(t(C)), 1)
+        ]),
+        default: ge(() => [
+          ae("div", {
+            class: U([t(c).e("button"), { hover: t(L), dragging: t(K) }])
+          }, null, 2)
+        ]),
+        _: 1
+      }, 8, ["visible", "placement", "popper-class", "disabled"])
+    ], 46, Ft));
+  }
+}), Ae = /* @__PURE__ */ Ie(_t, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/slider/src/button.vue"]]), Kt = he({
+  mark: {
+    type: ue([String, Object]),
+    default: void 0
+  }
+}), Rt = te({
+  name: "ElSliderMarker",
+  props: Kt,
+  setup(e) {
+    const l = pe("slider"), o = V(() => ke(e.mark) ? e.mark : e.mark.label), a = V(() => ke(e.mark) ? void 0 : e.mark.style);
+    return () => lt("div", {
+      class: l.e("marks-text"),
+      style: a.value
+    }, o.value);
+  }
+}), Yt = ["id", "role", "aria-label", "aria-labelledby"], Xt = { key: 1 }, Ot = te({
+  name: "ElSlider"
+}), Ut = /* @__PURE__ */ te({
+  ...Ot,
+  props: gt,
+  emits: yt,
+  setup(e, { expose: l, emit: o }) {
+    const a = e, c = pe("slider"), { t: i } = Fe(), u = Be({
+      firstValue: 0,
+      secondValue: 0,
+      oldValue: 0,
+      dragging: !1,
+      sliderSize: 1
+    }), {
+      elFormItem: d,
+      slider: y,
+      firstButton: v,
+      secondButton: h,
+      sliderDisabled: s,
+      minValue: C,
+      maxValue: F,
+      runwayStyle: T,
+      barStyle: z,
+      resetSize: _,
+      emitChange: Y,
+      onSliderWrapperPrevent: L,
+      onSliderClick: K,
+      onSliderDown: P,
+      setFirstValue: p,
+      setSecondValue: w
+    } = pt(a, u, o), { stops: q, getStopStyle: J } = Tt(a, u, C, F), { inputId: W, isLabeledByFormItem: G } = He(a, {
+      formItemContext: d
+    }), g = Ke(), k = V(() => a.inputSize || g.value), n = V(() => a.label || i("el.slider.defaultLabel", {
+      min: a.min,
+      max: a.max
+    })), r = V(() => a.range ? a.rangeStartLabel || i("el.slider.defaultRangeStartLabel") : n.value), b = V(() => a.formatValueText ? a.formatValueText(m.value) : `${m.value}`), N = V(() => a.rangeEndLabel || i("el.slider.defaultRangeEndLabel")), S = V(() => a.formatValueText ? a.formatValueText(I.value) : `${I.value}`), B = V(() => [
+      c.b(),
+      c.m(g.value),
+      c.is("vertical", a.vertical),
+      { [c.m("with-input")]: a.showInput }
+    ]), M = ht(a);
+    Lt(a, u, C, F, o, d);
+    const A = V(() => {
+      const f = [a.min, a.max, a.step].map((j) => {
+        const re = `${j}`.split(".")[1];
+        return re ? re.length : 0;
+      });
+      return Math.max.apply(null, f);
+    }), { sliderWrapper: E } = Vt(a, u, _), { firstValue: m, secondValue: I, sliderSize: $ } = Ee(u), Q = (f) => {
+      u.dragging = f;
+    };
+    return nt(Oe, {
+      ...Ee(a),
+      sliderSize: $,
+      disabled: s,
+      precision: A,
+      emitChange: Y,
+      resetSize: _,
+      updateDragging: Q
+    }), l({
+      onSliderClick: K
+    }), (f, j) => {
+      var re, xe;
+      return x(), O("div", {
+        id: f.range ? t(W) : void 0,
+        ref_key: "sliderWrapper",
+        ref: E,
+        class: U(t(B)),
+        role: f.range ? "group" : void 0,
+        "aria-label": f.range && !t(G) ? t(n) : void 0,
+        "aria-labelledby": f.range && t(G) ? (re = t(d)) == null ? void 0 : re.labelId : void 0,
+        onTouchstart: j[2] || (j[2] = (...R) => t(L) && t(L)(...R)),
+        onTouchmove: j[3] || (j[3] = (...R) => t(L) && t(L)(...R))
+      }, [
+        ae("div", {
+          ref_key: "slider",
+          ref: y,
+          class: U([
+            t(c).e("runway"),
+            { "show-input": f.showInput && !f.range },
+            t(c).is("disabled", t(s))
+          ]),
+          style: le(t(T)),
+          onMousedown: j[0] || (j[0] = (...R) => t(P) && t(P)(...R)),
+          onTouchstart: j[1] || (j[1] = (...R) => t(P) && t(P)(...R))
+        }, [
+          ae("div", {
+            class: U(t(c).e("bar")),
+            style: le(t(z))
+          }, null, 6),
+          de(Ae, {
+            id: f.range ? void 0 : t(W),
+            ref_key: "firstButton",
+            ref: v,
+            "model-value": t(m),
+            vertical: f.vertical,
+            "tooltip-class": f.tooltipClass,
+            placement: f.placement,
+            role: "slider",
+            "aria-label": f.range || !t(G) ? t(r) : void 0,
+            "aria-labelledby": !f.range && t(G) ? (xe = t(d)) == null ? void 0 : xe.labelId : void 0,
+            "aria-valuemin": f.min,
+            "aria-valuemax": f.range ? t(I) : f.max,
+            "aria-valuenow": t(m),
+            "aria-valuetext": t(b),
+            "aria-orientation": f.vertical ? "vertical" : "horizontal",
+            "aria-disabled": t(s),
+            "onUpdate:modelValue": t(p)
+          }, null, 8, ["id", "model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-labelledby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"]),
+          f.range ? (x(), Z(Ae, {
+            key: 0,
+            ref_key: "secondButton",
+            ref: h,
+            "model-value": t(I),
+            vertical: f.vertical,
+            "tooltip-class": f.tooltipClass,
+            placement: f.placement,
+            role: "slider",
+            "aria-label": t(N),
+            "aria-valuemin": t(m),
+            "aria-valuemax": f.max,
+            "aria-valuenow": t(I),
+            "aria-valuetext": t(S),
+            "aria-orientation": f.vertical ? "vertical" : "horizontal",
+            "aria-disabled": t(s),
+            "onUpdate:modelValue": t(w)
+          }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : ne("v-if", !0),
+          f.showStops ? (x(), O("div", Xt, [
+            (x(!0), O(fe, null, we(t(q), (R, oe) => (x(), O("div", {
+              key: oe,
+              class: U(t(c).e("stop")),
+              style: le(t(J)(R))
+            }, null, 6))), 128))
+          ])) : ne("v-if", !0),
+          t(M).length > 0 ? (x(), O(fe, { key: 2 }, [
+            ae("div", null, [
+              (x(!0), O(fe, null, we(t(M), (R, oe) => (x(), O("div", {
+                key: oe,
+                style: le(t(J)(R.position)),
+                class: U([t(c).e("stop"), t(c).e("marks-stop")])
+              }, null, 6))), 128))
+            ]),
+            ae("div", {
+              class: U(t(c).e("marks"))
+            }, [
+              (x(!0), O(fe, null, we(t(M), (R, oe) => (x(), Z(t(Rt), {
+                key: oe,
+                mark: R.mark,
+                style: le(t(J)(R.position))
+              }, null, 8, ["mark", "style"]))), 128))
+            ], 2)
+          ], 64)) : ne("v-if", !0)
+        ], 38),
+        f.showInput && !f.range ? (x(), Z(t(bt), {
+          key: 0,
+          ref: "input",
+          "model-value": t(m),
+          class: U(t(c).e("input")),
+          step: f.step,
+          disabled: t(s),
+          controls: f.showInputControls,
+          min: f.min,
+          max: f.max,
+          debounce: f.debounce,
+          size: t(k),
+          "onUpdate:modelValue": t(p),
+          onChange: t(Y)
+        }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : ne("v-if", !0)
+      ], 42, Yt);
+    };
+  }
+}), Wt = /* @__PURE__ */ Ie(Ut, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/slider/src/slider.vue"]]), Qt = Re(Wt);
 export {
-  o as default
+  bt as ElInputNumber,
+  Qt as ElSlider,
+  st as inputNumberEmits,
+  it as inputNumberProps,
+  Oe as sliderContextKey,
+  yt as sliderEmits,
+  gt as sliderProps,
+  Me as vRepeatClick
 };