@vunk/form 2.18.2 → 2.19.0

package/components/el-slider/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("../use-watch.cjs"),s=require("element-plus");require("@vunk/shared/function");const H={modelValue:{type:[Number,Array],default:0},id:{type:String,default:void 0},min:{type:Number,default:0},max:{type:Number,default:100},step:{type:[Number,String],default:1},showInput:Boolean,showInputControls:{type:Boolean,default:!0},size:{type:String,default:""},inputSize:{type:String,default:""},showStops:Boolean,showTooltip:{type:Boolean,default:!0},formatTooltip:{type:Function,default:void 0},disabled:{type:Boolean,default:void 0},range:Boolean,vertical:Boolean,height:String,rangeStartLabel:{type:String,default:void 0},rangeEndLabel:{type:String,default:void 0},formatValueText:{type:Function,default:void 0},tooltipClass:{type:String,default:void 0},placement:{type:String,default:"top"},marks:{type:Object},validateEvent:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},ariaLabel:String},O=r=>typeof r=="number"||Array.isArray(r)&&r.every(i=>typeof i=="number"),J={[s.UPDATE_MODEL_EVENT]:O,[s.INPUT_EVENT]:O,[s.CHANGE_EVENT]:O};var ie="top",ue="bottom",de="right",pe="left",me="auto",ce=[ie,ue,de,pe],fe="start",ve="end",ye=[].concat(ce,[me]).reduce(function(r,i){return r.concat([i,i+"-"+fe,i+"-"+ve])},[]);const be={modelValue:{type:Number,default:0},vertical:Boolean,tooltipClass:String,placement:{type:String,values:ye,default:"top"}},ge={[s.UPDATE_MODEL_EVENT]:r=>typeof r=="number"},ke=["tabindex"],G=e.defineComponent({name:"ElSliderButton",__name:"button",props:be,emits:ge,setup(r,{expose:i,emit:V}){const t=r,L=V,l=s.useNamespace("slider"),E=e.computed(()=>t.placement||"top"),C=e.reactive({hovering:!1,dragging:!1,isClick:!1,startX:0,currentX:0,startY:0,currentY:0,startPosition:0,newPosition:0,oldValue:t.modelValue}),p=e.computed(()=>T.value?U.value:!1),{disabled:f,button:v,tooltip:R,showTooltip:T,persistent:U,tooltipVisible:c,wrapperStyle:M,formatValue:I,handleMouseEnter:y,handleMouseLeave:b,onButtonDown:g,onKeyDown:k,setPosition:P}=d.useSliderButton(t,C,L),{hovering:w,dragging:m}=e.toRefs(C);return i({onButtonDown:g,onKeyDown:k,setPosition:P,hovering:w,dragging:m}),(A,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"button",ref:v,class:e.normalizeClass([e.unref(l).e("button-wrapper"),{hover:e.unref(w),dragging:e.unref(m)}]),style:e.normalizeStyle(e.unref(M)),tabindex:e.unref(f)?void 0:0,onMouseenter:n[0]||(n[0]=(...o)=>e.unref(y)&&e.unref(y)(...o)),onMouseleave:n[1]||(n[1]=(...o)=>e.unref(b)&&e.unref(b)(...o)),onMousedown:n[2]||(n[2]=(...o)=>e.unref(g)&&e.unref(g)(...o)),onFocus:n[3]||(n[3]=(...o)=>e.unref(y)&&e.unref(y)(...o)),onBlur:n[4]||(n[4]=(...o)=>e.unref(b)&&e.unref(b)(...o)),onKeydown:n[5]||(n[5]=(...o)=>e.unref(k)&&e.unref(k)(...o))},[e.createVNode(e.unref(s.ElTooltip),{ref_key:"tooltip",ref:R,visible:e.unref(c),placement:E.value,"fallback-placements":["top","bottom","right","left"],"stop-popper-mouse-event":!1,"popper-class":A.tooltipClass,disabled:!e.unref(T),persistent:p.value},{content:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(e.unref(I)),1)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).e("button"),{hover:e.unref(w),dragging:e.unref(m)}])},null,2)]),_:1},8,["visible","placement","popper-class","disabled","persistent"])],46,ke))}}),Se={mark:{type:[String,Object],default:void 0}},Be=e.defineComponent({name:"ElSliderMarker",props:Se,setup(r){const i=s.useNamespace("slider"),V=e.computed(()=>typeof r.mark=="string"?r.mark:r.mark.label),t=e.computed(()=>typeof r.mark=="string"?void 0:r.mark.style);return()=>e.h("div",{class:i.e("marks-text"),style:t.value},V.value)}}),Ve=["id","role","aria-label","aria-labelledby"],Ee={key:1},Q=e.defineComponent({name:"VkfSliderCore",__name:"slider-core",props:{...H,isRtl:{type:Boolean,default:!1}},emits:J,setup(r,{expose:i,emit:V}){const t=r,L=V,l=s.useNamespace("slider"),{t:E}=s.useLocale(),C=a=>typeof a=="number",p=e.reactive({firstValue:0,secondValue:0,oldValue:0,dragging:!1,sliderSize:1}),f=e.computed(()=>t.isRtl),{elFormItem:v,slider:R,firstButton:T,secondButton:U,sliderDisabled:c,minValue:M,maxValue:I,runwayStyle:y,barStyle:b,resetSize:g,emitChange:k,onSliderWrapperPrevent:P,onSliderClick:w,onSliderDown:m,onSliderMarkerDown:A,setFirstValue:n,setSecondValue:o}=d.useSlide(t,p,L,f),{stops:Z,getStopStyle:K}=d.useStops(t,p,M,I,f),{inputId:q,isLabeledByFormItem:x}=s.useFormItemInputId(t,{formItemContext:v}),j=s.useFormSize(),_=e.computed(()=>t.inputSize||j.value),W=e.computed(()=>t.showInput&&!t.range&&t.step!=="mark"),X=e.computed(()=>t.ariaLabel||E("el.slider.defaultLabel",{min:t.min,max:t.max})),ee=e.computed(()=>t.range?t.rangeStartLabel||E("el.slider.defaultRangeStartLabel"):X.value),te=e.computed(()=>t.formatValueText?t.formatValueText(S.value):`${S.value}`),ae=e.computed(()=>t.rangeEndLabel||E("el.slider.defaultRangeEndLabel")),re=e.computed(()=>t.formatValueText?t.formatValueText(h.value):`${h.value}`),le=e.computed(()=>[l.b(),l.m(j.value),l.is("vertical",t.vertical),l.is("rtl",f.value),{[l.m("with-input")]:W.value}]),D=d.useMarks(t);d.useWatch(t,p,M,I,L,v);const ne=e.computed(()=>C(t.step)?t.step:1),Y=e.computed(()=>{const a=C(t.step)?t.step:1,B=[t.min,t.max,a].map(F=>{const z=`${F}`.split(".")[1];return z?z.length:0});return Math.max.apply(null,B)}),{sliderWrapper:$}=d.useLifecycle(t,p,g),{firstValue:S,secondValue:h,sliderSize:oe}=e.toRefs(p),se=a=>{p.dragging=a};return d.useEventListener($,"touchstart",P,{passive:!1}),d.useEventListener($,"touchmove",P,{passive:!1}),e.provide(d.sliderContextKey,{...e.toRefs(t),sliderSize:oe,disabled:c,precision:Y,markList:D,emitChange:k,resetSize:g,updateDragging:se,isRtl:f}),i({onSliderClick:w}),(a,B)=>{var F,z;return e.openBlock(),e.createElementBlock("div",{id:a.range?e.unref(q):void 0,ref_key:"sliderWrapper",ref:$,class:e.normalizeClass(le.value),role:a.range?"group":void 0,"aria-label":a.range&&!e.unref(x)?X.value:void 0,"aria-labelledby":a.range&&e.unref(x)?(F=e.unref(v))==null?void 0:F.labelId:void 0},[e.createElementVNode("div",{ref_key:"slider",ref:R,class:e.normalizeClass([e.unref(l).e("runway"),{"show-input":W.value},e.unref(l).is("disabled",e.unref(c))]),style:e.normalizeStyle(e.unref(y)),onMousedown:B[0]||(B[0]=(...u)=>e.unref(m)&&e.unref(m)(...u)),onTouchstartPassive:B[1]||(B[1]=(...u)=>e.unref(m)&&e.unref(m)(...u))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("bar")),style:e.normalizeStyle(e.unref(b))},null,6),e.createVNode(G,{id:a.range?void 0:e.unref(q),ref_key:"firstButton",ref:T,"model-value":e.unref(S),vertical:a.vertical,"tooltip-class":a.tooltipClass,placement:a.placement,role:"slider","aria-label":a.range||!e.unref(x)?ee.value:void 0,"aria-labelledby":!a.range&&e.unref(x)?(z=e.unref(v))==null?void 0:z.labelId:void 0,"aria-valuemin":a.min,"aria-valuemax":a.range?e.unref(h):a.max,"aria-valuenow":e.unref(S),"aria-valuetext":te.value,"aria-orientation":a.vertical?"vertical":"horizontal","aria-disabled":e.unref(c),"onUpdate:modelValue":e.unref(n)},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"]),a.range?(e.openBlock(),e.createBlock(G,{key:0,ref_key:"secondButton",ref:U,"model-value":e.unref(h),vertical:a.vertical,"tooltip-class":a.tooltipClass,placement:a.placement,role:"slider","aria-label":ae.value,"aria-valuemin":e.unref(S),"aria-valuemax":a.max,"aria-valuenow":e.unref(h),"aria-valuetext":re.value,"aria-orientation":a.vertical?"vertical":"horizontal","aria-disabled":e.unref(c),"onUpdate:modelValue":e.unref(o)},null,8,["model-value","vertical","tooltip-class","placement","aria-label","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-orientation","aria-disabled","onUpdate:modelValue"])):e.createCommentVNode("",!0),a.showStops?(e.openBlock(),e.createElementBlock("div",Ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Z),(u,N)=>(e.openBlock(),e.createElementBlock("div",{key:N,class:e.normalizeClass(e.unref(l).e("stop")),style:e.normalizeStyle(e.unref(K)(u))},null,6))),128))])):e.createCommentVNode("",!0),e.unref(D).length>0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(D),(u,N)=>(e.openBlock(),e.createElementBlock("div",{key:N,style:e.normalizeStyle(e.unref(K)(u.position)),class:e.normalizeClass([e.unref(l).e("stop"),e.unref(l).e("marks-stop")])},null,6))),128))]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("marks"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(D),(u,N)=>(e.openBlock(),e.createBlock(e.unref(Be),{key:N,mark:u.mark,style:e.normalizeStyle(e.unref(K)(u.position)),onMousedown:e.withModifiers(Ce=>e.unref(A)(u.position),["stop"])},null,8,["mark","style","onMousedown"]))),128))],2)],64)):e.createCommentVNode("",!0)],38),W.value?(e.openBlock(),e.createBlock(e.unref(s.ElInputNumber),{key:0,ref:"input","model-value":e.unref(S),class:e.normalizeClass(e.unref(l).e("input")),step:ne.value,disabled:e.unref(c),controls:a.showInputControls,min:a.min,max:a.max,precision:Y.value,size:_.value,"onUpdate:modelValue":e.unref(n),onChange:e.unref(k)},null,8,["model-value","class","step","disabled","controls","min","max","precision","size","onUpdate:modelValue","onChange"])):e.createCommentVNode("",!0)],10,Ve)}}});exports.sliderContextKey=d.sliderContextKey;exports.SliderCore=Q;exports.default=Q;exports.sliderEmits=J;exports.sliderProps=H;

package/components/el-slider/index.d.ts

@@ -0,0 +1,5 @@
+import SliderCore from './src/slider-core.vue';
+export { SliderCore };
+export default SliderCore;
+export * from './src/slider';
+export * from './src/constants';

package/components/el-slider/index.mjs

@@ -0,0 +1,475 @@
+import { defineComponent as _, computed as n, reactive as ie, toRefs as Z, openBlock as i, createElementBlock as p, normalizeClass as m, unref as e, normalizeStyle as h, createVNode as ue, withCtx as oe, createElementVNode as E, toDisplayString as ke, h as we, provide as Be, createBlock as q, createCommentVNode as W, Fragment as K, renderList as J, withModifiers as he } from "vue";
+import { c as Ee, b as Ce, d as Le, a as Ie, e as Te, u as Me, f as ne, s as Ne } from "../use-watch.cjs";
+import { UPDATE_MODEL_EVENT as de, INPUT_EVENT as ze, CHANGE_EVENT as Pe, useNamespace as ee, ElTooltip as xe, useLocale as De, useFormItemInputId as Fe, useFormSize as Ue, ElInputNumber as Re } from "element-plus";
+import "@vunk/shared/function";
+const $e = {
+  /**
+   * @description binding value
+   */
+  modelValue: {
+    type: [Number, Array],
+    default: 0
+  },
+  id: {
+    type: String,
+    default: void 0
+  },
+  /**
+   * @description minimum value
+   */
+  min: {
+    type: Number,
+    default: 0
+  },
+  /**
+   * @description maximum value
+   */
+  max: {
+    type: Number,
+    default: 100
+  },
+  /**
+   * @description step size, can be a number or `'mark'` to restrict values to marks. When set to `'mark'`, the `marks` attribute must be set
+   */
+  step: {
+    type: [Number, String],
+    default: 1
+  },
+  /**
+   * @description whether to display an input box, works when `range` is false and `step` is not `'mark'`
+   */
+  showInput: Boolean,
+  /**
+   * @description whether to display control buttons when `show-input` is true
+   */
+  showInputControls: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description size of the slider wrapper, will not work in vertical mode
+   */
+  size: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description size of the input box, when set `size`, the default is the value of `size`
+   */
+  inputSize: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description whether to display breakpoints
+   */
+  showStops: Boolean,
+  /**
+   * @description whether to display tooltip value
+   */
+  showTooltip: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description format to display tooltip value
+   */
+  formatTooltip: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * @description whether Slider is disabled
+   */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description whether to select a range
+   */
+  range: Boolean,
+  /**
+   * @description vertical mode
+   */
+  vertical: Boolean,
+  /**
+   * @description slider height, required in vertical mode
+   */
+  height: String,
+  /**
+   * @description when `range` is true, screen reader label for the start of the range
+   */
+  rangeStartLabel: {
+    type: String,
+    default: void 0
+  },
+  /**
+   * @description when `range` is true, screen reader label for the end of the range
+   */
+  rangeEndLabel: {
+    type: String,
+    default: void 0
+  },
+  /**
+   * @description format to display the `aria-valuenow` attribute for screen readers
+   */
+  formatValueText: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * @description custom class name for the tooltip
+   */
+  tooltipClass: {
+    type: String,
+    default: void 0
+  },
+  /**
+   * @description position of Tooltip
+   */
+  placement: {
+    type: String,
+    default: "top"
+  },
+  /**
+   * @description marks, type of key must be `number` and must in closed interval `[min, max]`, each mark can custom style
+   */
+  marks: {
+    type: Object
+  },
+  /**
+   * @description whether to trigger form validation
+   */
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description when slider tooltip inactive and `persistent` is `false` , popconfirm will be destroyed. `persistent` always be `false` when `show-tooltip ` is `false`
+   */
+  persistent: {
+    type: Boolean,
+    default: !0
+  },
+  ariaLabel: String
+}, Q = (l) => typeof l == "number" || Array.isArray(l) && l.every((u) => typeof u == "number"), Ae = {
+  [de]: Q,
+  [ze]: Q,
+  [Pe]: Q
+};
+var We = "top", Ke = "bottom", Oe = "right", je = "left", Xe = "auto", Ye = [We, Ke, Oe, je], Ge = "start", He = "end", qe = /* @__PURE__ */ [].concat(Ye, [Xe]).reduce(function(l, u) {
+  return l.concat([u, u + "-" + Ge, u + "-" + He]);
+}, []);
+const Je = {
+  modelValue: {
+    type: Number,
+    default: 0
+  },
+  vertical: Boolean,
+  tooltipClass: String,
+  placement: {
+    type: String,
+    values: qe,
+    default: "top"
+  }
+}, Qe = {
+  [de]: (l) => typeof l == "number"
+}, Ze = ["tabindex"], se = /* @__PURE__ */ _({
+  name: "ElSliderButton",
+  __name: "button",
+  props: Je,
+  emits: Qe,
+  setup(l, { expose: u, emit: C }) {
+    const t = l, P = C, r = ee("slider"), L = n(() => t.placement || "top"), I = ie({
+      hovering: !1,
+      dragging: !1,
+      isClick: !1,
+      startX: 0,
+      currentX: 0,
+      startY: 0,
+      currentY: 0,
+      startPosition: 0,
+      newPosition: 0,
+      oldValue: t.modelValue
+    }), v = n(
+      () => x.value ? j.value : !1
+    ), {
+      disabled: b,
+      button: y,
+      tooltip: O,
+      showTooltip: x,
+      persistent: j,
+      tooltipVisible: f,
+      wrapperStyle: D,
+      formatValue: F,
+      handleMouseEnter: g,
+      handleMouseLeave: S,
+      onButtonDown: V,
+      onKeyDown: k,
+      setPosition: U
+    } = Ee(t, I, P), { hovering: T, dragging: c } = Z(I);
+    return u({
+      onButtonDown: V,
+      onKeyDown: k,
+      setPosition: U,
+      hovering: T,
+      dragging: c
+    }), (X, o) => (i(), p("div", {
+      ref_key: "button",
+      ref: y,
+      class: m([e(r).e("button-wrapper"), { hover: e(T), dragging: e(c) }]),
+      style: h(e(D)),
+      tabindex: e(b) ? void 0 : 0,
+      onMouseenter: o[0] || (o[0] = //@ts-ignore
+      (...s) => e(g) && e(g)(...s)),
+      onMouseleave: o[1] || (o[1] = //@ts-ignore
+      (...s) => e(S) && e(S)(...s)),
+      onMousedown: o[2] || (o[2] = //@ts-ignore
+      (...s) => e(V) && e(V)(...s)),
+      onFocus: o[3] || (o[3] = //@ts-ignore
+      (...s) => e(g) && e(g)(...s)),
+      onBlur: o[4] || (o[4] = //@ts-ignore
+      (...s) => e(S) && e(S)(...s)),
+      onKeydown: o[5] || (o[5] = //@ts-ignore
+      (...s) => e(k) && e(k)(...s))
+    }, [
+      ue(e(xe), {
+        ref_key: "tooltip",
+        ref: O,
+        visible: e(f),
+        placement: L.value,
+        "fallback-placements": ["top", "bottom", "right", "left"],
+        "stop-popper-mouse-event": !1,
+        "popper-class": X.tooltipClass,
+        disabled: !e(x),
+        persistent: v.value
+      }, {
+        content: oe(() => [
+          E("span", null, ke(e(F)), 1)
+        ]),
+        default: oe(() => [
+          E("div", {
+            class: m([e(r).e("button"), { hover: e(T), dragging: e(c) }])
+          }, null, 2)
+        ]),
+        _: 1
+      }, 8, ["visible", "placement", "popper-class", "disabled", "persistent"])
+    ], 46, Ze));
+  }
+}), _e = {
+  mark: {
+    type: [String, Object],
+    default: void 0
+  }
+}, et = _({
+  name: "ElSliderMarker",
+  props: _e,
+  setup(l) {
+    const u = ee("slider"), C = n(() => typeof l.mark == "string" ? l.mark : l.mark.label), t = n(
+      () => typeof l.mark == "string" ? void 0 : l.mark.style
+    );
+    return () => we(
+      "div",
+      {
+        class: u.e("marks-text"),
+        style: t.value
+      },
+      C.value
+    );
+  }
+}), tt = ["id", "role", "aria-label", "aria-labelledby"], at = { key: 1 }, it = /* @__PURE__ */ _({
+  name: "VkfSliderCore",
+  __name: "slider-core",
+  props: {
+    ...$e,
+    isRtl: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: Ae,
+  setup(l, { expose: u, emit: C }) {
+    const t = l, P = C, r = ee("slider"), { t: L } = De(), I = (a) => typeof a == "number", v = ie({
+      firstValue: 0,
+      secondValue: 0,
+      oldValue: 0,
+      dragging: !1,
+      sliderSize: 1
+    }), b = n(() => t.isRtl), {
+      elFormItem: y,
+      slider: O,
+      firstButton: x,
+      secondButton: j,
+      sliderDisabled: f,
+      minValue: D,
+      maxValue: F,
+      runwayStyle: g,
+      barStyle: S,
+      resetSize: V,
+      emitChange: k,
+      onSliderWrapperPrevent: U,
+      onSliderClick: T,
+      onSliderDown: c,
+      onSliderMarkerDown: X,
+      setFirstValue: o,
+      setSecondValue: s
+    } = Ce(t, v, P, b), { stops: pe, getStopStyle: Y } = Le(t, v, D, F, b), { inputId: te, isLabeledByFormItem: R } = Fe(t, {
+      formItemContext: y
+    }), ae = Ue(), me = n(
+      () => t.inputSize || ae.value
+    ), G = n(() => t.showInput && !t.range && t.step !== "mark"), le = n(() => t.ariaLabel || L("el.slider.defaultLabel", {
+      min: t.min,
+      max: t.max
+    })), ve = n(() => t.range ? t.rangeStartLabel || L("el.slider.defaultRangeStartLabel") : le.value), ce = n(() => t.formatValueText ? t.formatValueText(w.value) : `${w.value}`), fe = n(() => t.rangeEndLabel || L("el.slider.defaultRangeEndLabel")), be = n(() => t.formatValueText ? t.formatValueText(M.value) : `${M.value}`), ye = n(() => [
+      r.b(),
+      r.m(ae.value),
+      r.is("vertical", t.vertical),
+      r.is("rtl", b.value),
+      { [r.m("with-input")]: G.value }
+    ]), $ = Ie(t);
+    Te(t, v, D, F, P, y);
+    const ge = n(() => I(t.step) ? t.step : 1), re = n(() => {
+      const a = I(t.step) ? t.step : 1, B = [t.min, t.max, a].map((A) => {
+        const N = `${A}`.split(".")[1];
+        return N ? N.length : 0;
+      });
+      return Math.max.apply(null, B);
+    }), { sliderWrapper: H } = Me(t, v, V), { firstValue: w, secondValue: M, sliderSize: Se } = Z(v), Ve = (a) => {
+      v.dragging = a;
+    };
+    return ne(H, "touchstart", U, {
+      passive: !1
+    }), ne(H, "touchmove", U, {
+      passive: !1
+    }), Be(Ne, {
+      ...Z(t),
+      sliderSize: Se,
+      disabled: f,
+      precision: re,
+      markList: $,
+      emitChange: k,
+      resetSize: V,
+      updateDragging: Ve,
+      isRtl: b
+    }), u({
+      onSliderClick: T
+    }), (a, B) => {
+      var A, N;
+      return i(), p("div", {
+        id: a.range ? e(te) : void 0,
+        ref_key: "sliderWrapper",
+        ref: H,
+        class: m(ye.value),
+        role: a.range ? "group" : void 0,
+        "aria-label": a.range && !e(R) ? le.value : void 0,
+        "aria-labelledby": a.range && e(R) ? (A = e(y)) == null ? void 0 : A.labelId : void 0
+      }, [
+        E("div", {
+          ref_key: "slider",
+          ref: O,
+          class: m([
+            e(r).e("runway"),
+            { "show-input": G.value },
+            e(r).is("disabled", e(f))
+          ]),
+          style: h(e(g)),
+          onMousedown: B[0] || (B[0] = //@ts-ignore
+          (...d) => e(c) && e(c)(...d)),
+          onTouchstartPassive: B[1] || (B[1] = //@ts-ignore
+          (...d) => e(c) && e(c)(...d))
+        }, [
+          E("div", {
+            class: m(e(r).e("bar")),
+            style: h(e(S))
+          }, null, 6),
+          ue(se, {
+            id: a.range ? void 0 : e(te),
+            ref_key: "firstButton",
+            ref: x,
+            "model-value": e(w),
+            vertical: a.vertical,
+            "tooltip-class": a.tooltipClass,
+            placement: a.placement,
+            role: "slider",
+            "aria-label": a.range || !e(R) ? ve.value : void 0,
+            "aria-labelledby": !a.range && e(R) ? (N = e(y)) == null ? void 0 : N.labelId : void 0,
+            "aria-valuemin": a.min,
+            "aria-valuemax": a.range ? e(M) : a.max,
+            "aria-valuenow": e(w),
+            "aria-valuetext": ce.value,
+            "aria-orientation": a.vertical ? "vertical" : "horizontal",
+            "aria-disabled": e(f),
+            "onUpdate:modelValue": e(o)
+          }, 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"]),
+          a.range ? (i(), q(se, {
+            key: 0,
+            ref_key: "secondButton",
+            ref: j,
+            "model-value": e(M),
+            vertical: a.vertical,
+            "tooltip-class": a.tooltipClass,
+            placement: a.placement,
+            role: "slider",
+            "aria-label": fe.value,
+            "aria-valuemin": e(w),
+            "aria-valuemax": a.max,
+            "aria-valuenow": e(M),
+            "aria-valuetext": be.value,
+            "aria-orientation": a.vertical ? "vertical" : "horizontal",
+            "aria-disabled": e(f),
+            "onUpdate:modelValue": e(s)
+          }, 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),
+          a.showStops ? (i(), p("div", at, [
+            (i(!0), p(K, null, J(e(pe), (d, z) => (i(), p("div", {
+              key: z,
+              class: m(e(r).e("stop")),
+              style: h(e(Y)(d))
+            }, null, 6))), 128))
+          ])) : W("", !0),
+          e($).length > 0 ? (i(), p(K, { key: 2 }, [
+            E("div", null, [
+              (i(!0), p(K, null, J(e($), (d, z) => (i(), p("div", {
+                key: z,
+                style: h(e(Y)(d.position)),
+                class: m([e(r).e("stop"), e(r).e("marks-stop")])
+              }, null, 6))), 128))
+            ]),
+            E("div", {
+              class: m(e(r).e("marks"))
+            }, [
+              (i(!0), p(K, null, J(e($), (d, z) => (i(), q(e(et), {
+                key: z,
+                mark: d.mark,
+                style: h(e(Y)(d.position)),
+                onMousedown: he((lt) => e(X)(d.position), ["stop"])
+              }, null, 8, ["mark", "style", "onMousedown"]))), 128))
+            ], 2)
+          ], 64)) : W("", !0)
+        ], 38),
+        G.value ? (i(), q(e(Re), {
+          key: 0,
+          ref: "input",
+          "model-value": e(w),
+          class: m(e(r).e("input")),
+          step: ge.value,
+          disabled: e(f),
+          controls: a.showInputControls,
+          min: a.min,
+          max: a.max,
+          precision: re.value,
+          size: me.value,
+          "onUpdate:modelValue": e(o),
+          onChange: e(k)
+        }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "precision", "size", "onUpdate:modelValue", "onChange"])) : W("", !0)
+      ], 10, tt);
+    };
+  }
+});
+export {
+  it as SliderCore,
+  it as default,
+  Ne as sliderContextKey,
+  Ae as sliderEmits,
+  $e as sliderProps
+};

package/components/el-slider/src/button.d.ts

@@ -0,0 +1,36 @@
+import type { Placement } from 'element-plus';
+import type { ComponentPublicInstance, ExtractPropTypes, ExtractPublicPropTypes, Ref, PropType } from 'vue';
+import type Button from './button.vue';
+export declare const sliderButtonProps: {
+    readonly modelValue: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly vertical: BooleanConstructor;
+    readonly tooltipClass: StringConstructor;
+    readonly placement: {
+        readonly type: PropType<Placement>;
+        readonly values: import("@popperjs/core/index").Placement[];
+        readonly default: "top";
+    };
+};
+export type SliderButtonProps = ExtractPropTypes<typeof sliderButtonProps>;
+export type SliderButtonPropsPublic = ExtractPublicPropTypes<typeof sliderButtonProps>;
+export declare const sliderButtonEmits: {
+    "update:modelValue": (value: number) => boolean;
+};
+export type SliderButtonEmits = typeof sliderButtonEmits;
+export type SliderButtonInstance = ComponentPublicInstance<typeof Button>;
+export type ButtonRefs = Record<'firstButton' | 'secondButton', Ref<SliderButtonInstance | undefined>>;
+export interface SliderButtonInitData {
+    hovering: boolean;
+    dragging: boolean;
+    isClick: boolean;
+    startX: number;
+    currentX: number;
+    startY: number;
+    currentY: number;
+    startPosition: number;
+    newPosition: number;
+    oldValue: number;
+}

package/components/el-slider/src/button.vue.d.ts

@@ -0,0 +1,41 @@
+import type { Placement } from 'element-plus';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly vertical: BooleanConstructor;
+    readonly tooltipClass: StringConstructor;
+    readonly placement: {
+        readonly type: import("vue").PropType<Placement>;
+        readonly values: import("@popperjs/core").Placement[];
+        readonly default: "top";
+    };
+}>, {
+    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: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly vertical: BooleanConstructor;
+    readonly tooltipClass: StringConstructor;
+    readonly placement: {
+        readonly type: import("vue").PropType<Placement>;
+        readonly values: import("@popperjs/core").Placement[];
+        readonly default: "top";
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    readonly placement: Placement;
+    readonly vertical: boolean;
+    readonly modelValue: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/el-slider/src/composables/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../use-watch.cjs");exports.useLifecycle=e.useLifecycle;exports.useMarks=e.useMarks;exports.useSlide=e.useSlide;exports.useSliderButton=e.useSliderButton;exports.useStops=e.useStops;exports.useWatch=e.useWatch;

package/components/el-slider/src/composables/index.d.ts

@@ -0,0 +1,6 @@
+export * from './use-lifecycle';
+export * from './use-marks';
+export * from './use-slide';
+export * from './use-slider-button';
+export * from './use-stops';
+export * from './use-watch';

package/components/el-slider/src/composables/index.mjs

@@ -0,0 +1,9 @@
+import { u as a, a as u, b as t, c, d as o, e as r } from "../../../use-watch.cjs";
+export {
+  a as useLifecycle,
+  u as useMarks,
+  t as useSlide,
+  c as useSliderButton,
+  o as useStops,
+  r as useWatch
+};

package/components/el-slider/src/composables/use-lifecycle.d.ts

@@ -0,0 +1,4 @@
+import type { SliderInitData, SliderProps } from '../slider';
+export declare const useLifecycle: (props: SliderProps, initData: SliderInitData, resetSize: () => void) => {
+    sliderWrapper: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+};

package/components/el-slider/src/composables/use-marks.d.ts

@@ -0,0 +1,7 @@
+import type { SliderProps } from '../slider';
+import type { SliderMarkerProps } from '../marker';
+export interface Mark extends SliderMarkerProps {
+    point: number;
+    position: number;
+}
+export declare const useMarks: (props: SliderProps) => import("vue").ComputedRef<Mark[]>;

package/components/el-slider/src/composables/use-slide.d.ts

@@ -0,0 +1,23 @@
+import type { CSSProperties, ComputedRef, Ref, SetupContext } from 'vue';
+import type { SliderEmits, SliderInitData, SliderProps } from '../slider';
+import type { SliderButtonInstance } from '../button';
+export declare const useSlide: (props: SliderProps, initData: SliderInitData, emit: SetupContext<SliderEmits>['emit'], isRtl: ComputedRef<boolean>) => {
+    elFormItem: import("element-plus").FormItemContext | undefined;
+    slider: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    firstButton: Ref<SliderButtonInstance | undefined, SliderButtonInstance | undefined>;
+    secondButton: Ref<SliderButtonInstance | undefined, SliderButtonInstance | undefined>;
+    sliderDisabled: ComputedRef<boolean>;
+    minValue: ComputedRef<number>;
+    maxValue: ComputedRef<number>;
+    runwayStyle: ComputedRef<CSSProperties>;
+    barStyle: ComputedRef<CSSProperties>;
+    resetSize: () => void;
+    setPosition: (percent: number) => Ref<SliderButtonInstance | undefined>;
+    emitChange: () => Promise<void>;
+    onSliderWrapperPrevent: (event: TouchEvent) => void;
+    onSliderClick: (event: MouseEvent | TouchEvent) => void;
+    onSliderDown: (event: MouseEvent | TouchEvent) => Promise<void>;
+    onSliderMarkerDown: (position: number) => void;
+    setFirstValue: (firstValue: number | undefined) => void;
+    setSecondValue: (secondValue: number) => void;
+};

package/components/el-slider/src/composables/use-slider-button.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties, ComputedRef, Ref, SetupContext } from 'vue';
+import type { SliderButtonEmits, SliderButtonInitData, SliderButtonProps } from '../button';
+import type { TooltipInstance } from 'element-plus';
+export declare const useSliderButton: (props: SliderButtonProps, initData: SliderButtonInitData, emit: SetupContext<SliderButtonEmits>['emit']) => {
+    disabled: ComputedRef<boolean>;
+    button: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    tooltip: Ref<TooltipInstance | undefined, TooltipInstance | undefined>;
+    tooltipVisible: Ref<boolean, boolean>;
+    showTooltip: Ref<boolean, boolean>;
+    persistent: Ref<boolean, boolean>;
+    wrapperStyle: ComputedRef<CSSProperties>;
+    formatValue: ComputedRef<string | number>;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    onButtonDown: (event: MouseEvent | TouchEvent) => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+    setPosition: (newPosition: number) => Promise<void>;
+};

package/components/el-slider/src/composables/use-stops.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties, ComputedRef } from 'vue';
+import type { SliderInitData, SliderProps } from '../slider';
+type Stops = {
+    stops: ComputedRef<number[]>;
+    getStopStyle: (position: number) => CSSProperties;
+};
+export declare const useStops: (props: SliderProps, initData: SliderInitData, minValue: ComputedRef<number>, maxValue: ComputedRef<number>, isRtl: ComputedRef<boolean>) => Stops;
+export {};

package/components/el-slider/src/composables/use-watch.d.ts

@@ -0,0 +1,4 @@
+import type { ComputedRef, SetupContext } from 'vue';
+import type { FormItemContext } from 'element-plus';
+import type { SliderEmits, SliderInitData, SliderProps } from '../slider';
+export declare const useWatch: (props: SliderProps, initData: SliderInitData, minValue: ComputedRef<number>, maxValue: ComputedRef<number>, emit: SetupContext<SliderEmits>['emit'], elFormItem: FormItemContext) => void;