ep-craft 0.1.34 → 0.1.35

package/dist/components/select/select2.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as V, getCurrentInstance as A, computed as f, reactive as C, toRefs as P, toRef as _, watch as k, provide as N, onBeforeUnmount as F } from "vue";
+import { defineComponent as V, getCurrentInstance as A, computed as E, reactive as C, toRefs as P, toRef as k, watch as N, provide as _, onBeforeUnmount as F } from "vue";
 import j from "../../directives/click-outside/index.js";
-import { isArray as B, isObject as m } from "@vue/shared";
+import { isArray as B, isObject as b } from "@vue/shared";
 import "lodash-unified";
 import "@vueuse/core";
 import "@element-plus/icons-vue";
@@ -28,29 +28,29 @@ import { selectKey as ee } from "./src/token.js";
 import te from "./src/options.js";
 import { selectEmits as oe, selectProps as re } from "./select.js";
 import ne from "./src/option-group.vue.js";
-const L = "EpSelect", u = /* @__PURE__ */ new WeakMap(), ae = (o) => (...n) => {
-  var s, p;
-  const a = n[0];
-  if (!a || a.includes(
+const T = "EpSelect", m = /* @__PURE__ */ new WeakMap(), le = (o) => (...r) => {
+  var d, p, u;
+  const l = r[0];
+  if (!l || l.includes(
     'Slot "default" invoked outside of the render function'
-  ) && ((s = n[2]) != null && s.includes("ElTreeSelect")))
+  ) && ((d = r[2]) != null && d.includes("ElTreeSelect") || (p = r[2]) != null && p.includes("EpTreeSelect")))
     return;
-  const l = (p = u.get(o)) == null ? void 0 : p.originalWarnHandler;
-  if (l) {
-    l(...n);
+  const a = (u = m.get(o)) == null ? void 0 : u.originalWarnHandler;
+  if (a) {
+    a(...r);
     return;
   }
-  console.warn(...n);
-}, le = (o) => {
-  let n = u.get(o);
-  return n || (n = {
+  console.warn(...r);
+}, ae = (o) => {
+  let r = m.get(o);
+  return r || (r = {
     originalWarnHandler: o.config.warnHandler,
-    handler: ae(o),
+    handler: le(o),
     count: 0
-  }, u.set(o, n)), n;
-}, Ne = V({
-  name: L,
-  componentName: L,
+  }, m.set(o, r)), r;
+}, _e = V({
+  name: T,
+  componentName: T,
   components: {
     ElSelectMenu: Z,
     ElOption: Y,
@@ -64,63 +64,62 @@ const L = "EpSelect", u = /* @__PURE__ */ new WeakMap(), ae = (o) => (...n) => {
   directives: { ClickOutside: j },
   props: re,
   emits: oe,
-  setup(o, { emit: n, slots: a }) {
-    const l = A(), s = le(l.appContext);
-    s.count += 1, l.appContext.config.warnHandler = s.handler;
-    const p = f(() => {
-      const { modelValue: e, multiple: i } = o, r = i ? [] : void 0;
-      return B(e) ? i ? e : r : i ? r : e;
-    }), b = C({
+  setup(o, { emit: r, slots: l }) {
+    const a = A(), d = ae(a.appContext);
+    d.count += 1, a.appContext.config.warnHandler = d.handler;
+    const p = E(() => {
+      const { modelValue: e, multiple: i } = o, n = i ? [] : void 0;
+      return B(e) ? i ? e : n : i ? n : e;
+    }), u = C({
       ...P(o),
       modelValue: p
-    }), t = $(b, n), { floatLabelClass: y } = Q({
-      floatLabel: _(o, "floatLabel"),
+    }), t = $(u, r), { floatLabelClass: L } = Q({
+      floatLabel: k(o, "floatLabel"),
       isFocused: t.isFocused,
       hasValue: t.hasModelValue,
       isDisabled: t.selectDisabled
-    }), { t: T } = z(), w = f(
-      () => o.placeholder ?? T("el.select.placeholder")
-    ), { calculatorRef: D, inputStyle: H } = J(), { getLabel: E, getValue: h, getOptions: R, getDisabled: O } = X(o), M = (e) => ({
-      label: E(e),
-      value: h(e),
-      disabled: O(e)
-    }), g = (e) => e.reduce((i, r) => (i.push(r), r.children && r.children.length > 0 && i.push(...g(r.children)), i), []), W = (e) => {
-      G(e || []).forEach((r) => {
-        var S;
-        if (m(r) && // @ts-expect-error
-        (r.type.name === "ElOption" || r.type.name === "ElTree")) {
-          const v = r.type.name;
-          if (v === "ElTree") {
-            const c = ((S = r.props) == null ? void 0 : S.data) || [];
-            g(c).forEach((d) => {
-              d.currentLabel = d.label ?? (m(d.value) ? "" : d.value), t.onOptionCreate(d);
+    }), { t: w } = z(), y = E(
+      () => o.placeholder ?? w("el.select.placeholder")
+    ), { calculatorRef: D, inputStyle: H } = J(), { getLabel: h, getValue: O, getOptions: R, getDisabled: g } = X(o), M = (e) => ({
+      label: h(e),
+      value: O(e),
+      disabled: g(e)
+    }), S = (e) => e.reduce((i, n) => (i.push(n), n.children && n.children.length > 0 && i.push(...S(n.children)), i), []), W = (e) => {
+      G(e || []).forEach((n) => {
+        var v;
+        const s = n.type.name;
+        if (b(n) && (s === "ElOption" || s === "ElTree" || s === "EpTree")) {
+          if (s === "ElTree" || s === "EpTree") {
+            const c = ((v = n.props) == null ? void 0 : v.data) || [];
+            S(c).forEach((f) => {
+              f.currentLabel = f.label ?? (b(f.value) ? "" : f.value), t.onOptionCreate(f);
             });
-          } else if (v === "ElOption") {
-            const c = { ...r.props };
-            c.currentLabel = c.label ?? (m(c.value) ? "" : c.value), t.onOptionCreate(c);
+          } else if (s === "ElOption") {
+            const c = { ...n.props };
+            c.currentLabel = c.label ?? (b(c.value) ? "" : c.value), t.onOptionCreate(c);
           }
         }
       });
     };
-    k(
+    N(
       () => {
         var e;
         return [
-          o.persistent || t.expanded.value || !a.default || (e = a.default) == null ? void 0 : e.call(a),
+          o.persistent || t.expanded.value || !l.default || (e = l.default) == null ? void 0 : e.call(l),
           p.value
         ];
       },
       () => {
         var e;
-        o.persistent || t.expanded.value || a.default && (t.states.options.clear(), W((e = a.default) == null ? void 0 : e.call(a)));
+        o.persistent || t.expanded.value || l.default && (t.states.options.clear(), W((e = l.default) == null ? void 0 : e.call(l)));
       },
       {
         immediate: !0
       }
-    ), N(
+    ), _(
       ee,
       C({
-        props: b,
+        props: u,
         states: t.states,
         selectRef: t.selectRef,
         optionsArray: t.optionsArray,
@@ -130,26 +129,26 @@ const L = "EpSelect", u = /* @__PURE__ */ new WeakMap(), ae = (o) => (...n) => {
         onOptionDestroy: t.onOptionDestroy
       })
     );
-    const x = f(() => o.multiple ? t.states.selected.map((e) => e.currentLabel) : t.states.selectedLabel);
+    const x = E(() => o.multiple ? t.states.selected.map((e) => e.currentLabel) : t.states.selectedLabel);
     return F(() => {
-      const e = u.get(l.appContext);
-      e && (e.count -= 1, e.count <= 0 && (l.appContext.config.warnHandler = e.originalWarnHandler, u.delete(l.appContext)));
+      const e = m.get(a.appContext);
+      e && (e.count -= 1, e.count <= 0 && (a.appContext.config.warnHandler = e.originalWarnHandler, m.delete(a.appContext)));
     }), {
       ...t,
       modelValue: p,
       selectedLabel: x,
-      floatLabelClass: y,
-      floatLabelText: w,
+      floatLabelClass: L,
+      floatLabelText: y,
       calculatorRef: D,
       inputStyle: H,
-      getLabel: E,
-      getValue: h,
+      getLabel: h,
+      getValue: O,
       getOptions: R,
-      getDisabled: O,
+      getDisabled: g,
       getOptionProps: M
     };
   }
 });
 export {
-  Ne as default
+  _e as default
 };

package/dist/components/select-v2/src/select.vue.d.ts

@@ -568,6 +568,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly valueKey: string;
     readonly debounce: number;
     readonly fitInputWidth: import("@element-plus/utils").EpPropMergeType<readonly [BooleanConstructor, NumberConstructor], unknown, number | boolean>;
+    readonly scrollbarAlwaysOn: boolean;
     readonly filterable: boolean;
     readonly collapseTags: boolean;
     readonly maxCollapseTags: number;
@@ -575,7 +576,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly tagType: import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => "primary" | "success" | "warning" | "info" | "danger") | (() => "primary" | "success" | "warning" | "info" | "danger") | (((new (...args: any[]) => "primary" | "success" | "warning" | "info" | "danger") | (() => "primary" | "success" | "warning" | "info" | "danger")) | null)[], "primary" | "success" | "warning" | "info" | "danger", unknown>;
     readonly tagEffect: import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => "dark" | "light" | "plain") | (() => "dark" | "light" | "plain") | (((new (...args: any[]) => "dark" | "light" | "plain") | (() => "dark" | "light" | "plain")) | null)[], "dark" | "light" | "plain", unknown>;
     readonly automaticDropdown: boolean;
-    readonly scrollbarAlwaysOn: boolean;
     readonly tagTooltip: import("./defaults").TagTooltipProps;
     readonly estimatedOptionHeight: number;
     readonly itemHeight: number;

package/dist/components/slider/EpSlider.vue.d.ts

@@ -0,0 +1,175 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly ariaLabel: StringConstructor;
+    readonly modelValue: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => number | number[]) | (() => import("@element-plus/utils").Arrayable<number>) | (((new (...args: any[]) => number | number[]) | (() => import("@element-plus/utils").Arrayable<number>)) | null)[], unknown, unknown, 0, boolean>;
+    readonly id: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    readonly min: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly max: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
+    readonly step: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | (((new (...args: any[]) => number | "mark") | (() => number | "mark")) | null)[], unknown, unknown, 1, boolean>;
+    readonly showInput: BooleanConstructor;
+    readonly showInputControls: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly size: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly inputSize: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly showStops: BooleanConstructor;
+    readonly showTooltip: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly formatTooltip: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => (val: number) => number | string) | (() => (val: number) => number | string) | {
+        (): (val: number) => number | string;
+        new (): any;
+        readonly prototype: any;
+    } | (((new (...args: any[]) => (val: number) => number | string) | (() => (val: number) => number | string) | {
+        (): (val: number) => number | string;
+        new (): any;
+        readonly prototype: any;
+    }) | null)[], unknown, unknown, undefined, boolean>;
+    readonly disabled: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly range: BooleanConstructor;
+    readonly vertical: BooleanConstructor;
+    readonly height: StringConstructor;
+    readonly rangeStartLabel: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    readonly rangeEndLabel: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    readonly formatValueText: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => (val: number) => string) | (() => (val: number) => string) | {
+        (): (val: number) => string;
+        new (): any;
+        readonly prototype: any;
+    } | (((new (...args: any[]) => (val: number) => string) | (() => (val: number) => string) | {
+        (): (val: number) => string;
+        new (): any;
+        readonly prototype: any;
+    }) | null)[], unknown, unknown, undefined, boolean>;
+    readonly tooltipClass: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    readonly placement: import("@element-plus/utils").EpPropFinalized<StringConstructor, import("element-plus").Placement, unknown, "top", boolean>;
+    readonly marks: {
+        readonly type: import("vue").PropType<{
+            [x: number]: import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string | {
+                style: import("vue").CSSProperties;
+                label: any;
+            }) | (() => string | {
+                style: import("vue").CSSProperties;
+                label: any;
+            }) | (((new (...args: any[]) => string | {
+                style: import("vue").CSSProperties;
+                label: any;
+            }) | (() => string | {
+                style: import("vue").CSSProperties;
+                label: any;
+            })) | null)[], unknown, unknown> | undefined;
+        }>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly validateEvent: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly persistent: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}>, {
+    onSliderClick: (event: MouseEvent | TouchEvent) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: import("@element-plus/utils").Arrayable<number>) => void;
+    change: (value: import("@element-plus/utils").Arrayable<number>) => void;
+    input: (value: import("@element-plus/utils").Arrayable<number>) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly ariaLabel: StringConstructor;
+    readonly modelValue: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => number | number[]) | (() => import("@element-plus/utils").Arrayable<number>) | (((new (...args: any[]) => number | number[]) | (() => import("@element-plus/utils").Arrayable<number>)) | null)[], unknown, unknown, 0, boolean>;
+    readonly id: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    readonly min: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly max: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
+    readonly step: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | (((new (...args: any[]) => number | "mark") | (() => number | "mark")) | null)[], unknown, unknown, 1, boolean>;
+    readonly showInput: BooleanConstructor;
+    readonly showInputControls: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly size: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly inputSize: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly showStops: BooleanConstructor;
+    readonly showTooltip: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly formatTooltip: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => (val: number) => number | string) | (() => (val: number) => number | string) | {
+        (): (val: number) => number | string;
+        new (): any;
+        readonly prototype: any;
+    } | (((new (...args: any[]) => (val: number) => number | string) | (() => (val: number) => number | string) | {
+        (): (val: number) => number | string;
+        new (): any;
+        readonly prototype: any;
+    }) | null)[], unknown, unknown, undefined, boolean>;
+    readonly disabled: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly range: BooleanConstructor;
+    readonly vertical: BooleanConstructor;
+    readonly height: StringConstructor;
+    readonly rangeStartLabel: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    readonly rangeEndLabel: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    readonly formatValueText: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => (val: number) => string) | (() => (val: number) => string) | {
+        (): (val: number) => string;
+        new (): any;
+        readonly prototype: any;
+    } | (((new (...args: any[]) => (val: number) => string) | (() => (val: number) => string) | {
+        (): (val: number) => string;
+        new (): any;
+        readonly prototype: any;
+    }) | null)[], unknown, unknown, undefined, boolean>;
+    readonly tooltipClass: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    readonly placement: import("@element-plus/utils").EpPropFinalized<StringConstructor, import("element-plus").Placement, unknown, "top", boolean>;
+    readonly marks: {
+        readonly type: import("vue").PropType<{
+            [x: number]: import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string | {
+                style: import("vue").CSSProperties;
+                label: any;
+            }) | (() => string | {
+                style: import("vue").CSSProperties;
+                label: any;
+            }) | (((new (...args: any[]) => string | {
+                style: import("vue").CSSProperties;
+                label: any;
+            }) | (() => string | {
+                style: import("vue").CSSProperties;
+                label: any;
+            })) | null)[], unknown, unknown> | undefined;
+        }>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly validateEvent: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly persistent: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: import("@element-plus/utils").Arrayable<number>) => any) | undefined;
+    onChange?: ((value: import("@element-plus/utils").Arrayable<number>) => any) | undefined;
+    onInput?: ((value: import("@element-plus/utils").Arrayable<number>) => any) | undefined;
+}>, {
+    readonly vertical: boolean;
+    readonly range: boolean;
+    readonly disabled: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly id: string;
+    readonly placement: import("@element-plus/utils").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown>;
+    readonly modelValue: import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => import("@element-plus/utils").Arrayable<number>) | (((new (...args: any[]) => number | number[]) | (() => import("@element-plus/utils").Arrayable<number>)) | null)[], unknown, unknown>;
+    readonly min: number;
+    readonly max: number;
+    readonly persistent: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly validateEvent: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly step: import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => number | "mark") | (() => number | "mark") | (((new (...args: any[]) => number | "mark") | (() => number | "mark")) | null)[], unknown, unknown>;
+    readonly showInputControls: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly showTooltip: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly formatTooltip: (val: number) => number | string;
+    readonly rangeStartLabel: string;
+    readonly rangeEndLabel: string;
+    readonly formatValueText: (val: number) => string;
+    readonly tooltipClass: string;
+    readonly showInput: boolean;
+    readonly showStops: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/slider/EpSlider.vue.js

@@ -0,0 +1,211 @@
+import { defineComponent as ve, reactive as ce, computed as i, toRefs as j, provide as fe, openBlock as o, createElementBlock as n, unref as e, normalizeClass as s, createElementVNode as h, normalizeStyle as b, createVNode as be, createBlock as E, createCommentVNode as w, Fragment as I, renderList as M, withModifiers as ge } from "vue";
+import { useEventListener as q } from "@vueuse/core";
+import { EpInputNumber as ye } from "../input-number/index.js";
+import "../form/index.js";
+import { useNamespace as Se } from "../../hooks/use-namespace/index.js";
+import { isNumber as A } from "../../utils/types.js";
+import "lodash-unified";
+import "@vue/shared";
+import "@element-plus/icons-vue";
+import { useLocale as Ve } from "../../hooks/use-locale/index.js";
+import "../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "../../hooks/use-delayed-toggle/index.js";
+import "../../hooks/use-aria/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "../../hooks/use-empty-values/index.js";
+import { sliderContextKey as ke } from "./constants.js";
+import { sliderEmits as he, sliderProps as we } from "./slider.js";
+import G from "./EpSliderButton.vue.js";
+import Ie from "./marker.js";
+import { useMarks as Le } from "./composables/use-marks.js";
+import { useLifecycle as ze } from "./composables/use-lifecycle.js";
+import { useSlide as Ce } from "./composables/use-slide.js";
+import { useStops as Be } from "./composables/use-stops.js";
+import { useWatch as Ee } from "./composables/use-watch.js";
+import { useFormItemInputId as Me } from "../form/src/hooks/use-form-item.js";
+import { useFormSize as Te } from "../form/src/hooks/use-form-common-props.js";
+const Fe = ["id", "role", "aria-label", "aria-labelledby"], Ne = { key: 1 }, ua = /* @__PURE__ */ ve({
+  name: "EpSlider",
+  __name: "EpSlider",
+  props: we,
+  emits: he,
+  setup(H, { expose: J, emit: O }) {
+    const a = H, T = O, l = Se("slider"), { t: L } = Ve(), u = ce({
+      firstValue: 0,
+      secondValue: 0,
+      oldValue: 0,
+      dragging: !1,
+      sliderSize: 1
+    }), {
+      elFormItem: g,
+      slider: Q,
+      firstButton: X,
+      secondButton: Y,
+      sliderDisabled: p,
+      minValue: F,
+      maxValue: N,
+      runwayStyle: Z,
+      barStyle: _,
+      resetSize: U,
+      emitChange: x,
+      onSliderWrapperPrevent: D,
+      onSliderClick: ee,
+      onSliderDown: y,
+      onSliderMarkerDown: ae,
+      setFirstValue: W,
+      setSecondValue: re
+    } = Ce(a, u, T), { stops: le, getStopStyle: z } = Be(a, u, F, N), { inputId: $, isLabeledByFormItem: S } = Me(a, {
+      formItemContext: g
+    }), P = Te(), te = i(
+      () => a.inputSize || P.value
+    ), C = i(() => a.showInput && !a.range && a.step !== "mark"), R = i(() => a.ariaLabel || L("el.slider.defaultLabel", {
+      min: a.min,
+      max: a.max
+    })), oe = i(() => a.range ? a.rangeStartLabel || L("el.slider.defaultRangeStartLabel") : R.value), ie = i(() => a.formatValueText ? a.formatValueText(m.value) : `${m.value}`), ne = i(() => a.rangeEndLabel || L("el.slider.defaultRangeEndLabel")), se = i(() => a.formatValueText ? a.formatValueText(v.value) : `${v.value}`), ue = i(() => [
+      l.b(),
+      l.m(P.value),
+      l.is("vertical", a.vertical),
+      { [l.m("with-input")]: C.value }
+    ]), V = Le(a);
+    Ee(a, u, F, N, T, g);
+    const me = i(() => A(a.step) ? a.step : 1), K = i(() => {
+      const r = A(a.step) ? a.step : 1, d = [a.min, a.max, r].map((k) => {
+        const c = `${k}`.split(".")[1];
+        return c ? c.length : 0;
+      });
+      return Math.max.apply(null, d);
+    }), { sliderWrapper: B } = ze(a, u, U), { firstValue: m, secondValue: v, sliderSize: de } = j(u), pe = (r) => {
+      u.dragging = r;
+    };
+    return q(B, "touchstart", D, {
+      passive: !1
+    }), q(B, "touchmove", D, {
+      passive: !1
+    }), fe(ke, {
+      ...j(a),
+      sliderSize: de,
+      disabled: p,
+      precision: K,
+      markList: V,
+      emitChange: x,
+      resetSize: U,
+      updateDragging: pe
+    }), J({
+      onSliderClick: ee
+    }), (r, d) => {
+      var k, c;
+      return o(), n("div", {
+        id: r.range ? e($) : void 0,
+        ref_key: "sliderWrapper",
+        ref: B,
+        class: s(ue.value),
+        role: r.range ? "group" : void 0,
+        "aria-label": r.range && !e(S) ? R.value : void 0,
+        "aria-labelledby": r.range && e(S) ? (k = e(g)) == null ? void 0 : k.labelId : void 0
+      }, [
+        h("div", {
+          ref_key: "slider",
+          ref: Q,
+          class: s([
+            e(l).e("runway"),
+            { "show-input": C.value },
+            e(l).is("disabled", e(p))
+          ]),
+          style: b(e(Z)),
+          onMousedown: d[0] || (d[0] = //@ts-ignore
+          (...t) => e(y) && e(y)(...t)),
+          onTouchstartPassive: d[1] || (d[1] = //@ts-ignore
+          (...t) => e(y) && e(y)(...t))
+        }, [
+          h("div", {
+            class: s(e(l).e("bar")),
+            style: b(e(_))
+          }, null, 6),
+          be(G, {
+            id: r.range ? void 0 : e($),
+            ref_key: "firstButton",
+            ref: X,
+            "model-value": e(m),
+            vertical: r.vertical,
+            "tooltip-class": r.tooltipClass,
+            placement: r.placement,
+            role: "slider",
+            "aria-label": r.range || !e(S) ? oe.value : void 0,
+            "aria-labelledby": !r.range && e(S) ? (c = e(g)) == null ? void 0 : c.labelId : void 0,
+            "aria-valuemin": r.min,
+            "aria-valuemax": r.range ? e(v) : r.max,
+            "aria-valuenow": e(m),
+            "aria-valuetext": ie.value,
+            "aria-orientation": r.vertical ? "vertical" : "horizontal",
+            "aria-disabled": e(p),
+            "onUpdate:modelValue": e(W)
+          }, 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"]),
+          r.range ? (o(), E(G, {
+            key: 0,
+            ref_key: "secondButton",
+            ref: Y,
+            "model-value": e(v),
+            vertical: r.vertical,
+            "tooltip-class": r.tooltipClass,
+            placement: r.placement,
+            role: "slider",
+            "aria-label": ne.value,
+            "aria-valuemin": e(m),
+            "aria-valuemax": r.max,
+            "aria-valuenow": e(v),
+            "aria-valuetext": se.value,
+            "aria-orientation": r.vertical ? "vertical" : "horizontal",
+            "aria-disabled": e(p),
+            "onUpdate:modelValue": e(re)
+          }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : w("", !0),
+          r.showStops ? (o(), n("div", Ne, [
+            (o(!0), n(I, null, M(e(le), (t, f) => (o(), n("div", {
+              key: f,
+              class: s(e(l).e("stop")),
+              style: b(e(z)(t))
+            }, null, 6))), 128))
+          ])) : w("", !0),
+          e(V).length > 0 ? (o(), n(I, { key: 2 }, [
+            h("div", null, [
+              (o(!0), n(I, null, M(e(V), (t, f) => (o(), n("div", {
+                key: f,
+                style: b(e(z)(t.position)),
+                class: s([e(l).e("stop"), e(l).e("marks-stop")])
+              }, null, 6))), 128))
+            ]),
+            h("div", {
+              class: s(e(l).e("marks"))
+            }, [
+              (o(!0), n(I, null, M(e(V), (t, f) => (o(), E(e(Ie), {
+                key: f,
+                mark: t.mark,
+                style: b(e(z)(t.position)),
+                onMousedown: ge((Ue) => e(ae)(t.position), ["stop"])
+              }, null, 8, ["mark", "style", "onMousedown"]))), 128))
+            ], 2)
+          ], 64)) : w("", !0)
+        ], 38),
+        C.value ? (o(), E(e(ye), {
+          key: 0,
+          ref: "input",
+          "model-value": e(m),
+          class: s(e(l).e("input")),
+          step: me.value,
+          disabled: e(p),
+          controls: r.showInputControls,
+          min: r.min,
+          max: r.max,
+          precision: K.value,
+          size: te.value,
+          "onUpdate:modelValue": e(W),
+          onChange: e(x)
+        }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "precision", "size", "onUpdate:modelValue", "onChange"])) : w("", !0)
+      ], 10, Fe);
+    };
+  }
+});
+export {
+  ua as default
+};

package/dist/components/slider/EpSlider2.vue.js

@@ -0,0 +1,4 @@
+import f from "./EpSlider.vue.js";
+export {
+  f as default
+};

package/dist/components/slider/EpSliderButton.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly modelValue: import("../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly vertical: BooleanConstructor;
+    readonly tooltipClass: StringConstructor;
+    readonly placement: import("../../utils").EpPropFinalized<StringConstructor, import("element-plus").Placement, unknown, "top", boolean>;
+}>, {
+    onButtonDown: (event: MouseEvent | TouchEvent) => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+    setPosition: (newPosition: number) => Promise<void>;
+    hovering: import("vue").Ref<boolean, boolean>;
+    dragging: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: import("../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly vertical: BooleanConstructor;
+    readonly tooltipClass: StringConstructor;
+    readonly placement: import("../../utils").EpPropFinalized<StringConstructor, import("element-plus").Placement, unknown, "top", boolean>;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    readonly vertical: boolean;
+    readonly placement: import("../../utils").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown>;
+    readonly modelValue: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;