element-ps 1.0.0-alpha.6 → 1.0.1

package/es/packages/components/skeleton/src/item.vue_vue&type=script&lang.mjs

@@ -0,0 +1,19 @@
+import { defineComponent } from 'vue';
+import './image-placeholder.mjs';
+import script$1 from './image-placeholder.vue_vue&type=script&lang.mjs';
+
+var script = defineComponent({
+  name: "PsSkeletonItem",
+  components: {
+    [script$1.name]: script$1
+  },
+  props: {
+    variant: {
+      type: String,
+      default: "text"
+    }
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=item.vue_vue&type=script&lang.mjs.map

package/es/packages/components/skeleton/src/item.vue_vue&type=script&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/skeleton/src/item.vue"],"sourcesContent":["<template>\n  <div :class=\"['el-skeleton__item', `el-skeleton__${variant}`]\">\n    <img-placeholder v-if=\"variant === 'image'\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport ImgPlaceholder from './image-placeholder.vue'\n\nimport type { PropType } from 'vue'\nimport type { Variants } from './types'\n\nexport default defineComponent({\n  name: 'PsSkeletonItem',\n  components: {\n    [ImgPlaceholder.name]: ImgPlaceholder,\n  },\n  props: {\n    variant: {\n      type: String as PropType<Variants>,\n      default: 'text',\n    },\n  },\n})\n</script>\n"],"names":["ImgPlaceholder"],"mappings":";;;;AAaA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,KACTA,SAAe,OAAOA;AAAA;AAAA,EAEzB,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/skeleton/src/item.vue_vue&type=template&id=70f521eb&lang.mjs

@@ -0,0 +1,13 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_img_placeholder = resolveComponent("img-placeholder");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["el-skeleton__item", `el-skeleton__${_ctx.variant}`])
+  }, [
+    _ctx.variant === "image" ? (openBlock(), createBlock(_component_img_placeholder, { key: 0 })) : createCommentVNode("v-if", true)
+  ], 2);
+}
+
+export { render };
+//# sourceMappingURL=item.vue_vue&type=template&id=70f521eb&lang.mjs.map

package/es/packages/components/skeleton/src/item.vue_vue&type=template&id=70f521eb&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.vue_vue&type=template&id=70f521eb&lang.mjs","sources":["../../../../../../../packages/components/skeleton/src/item.vue?vue&type=template&id=70f521eb&lang.js"],"sourcesContent":["<template>\n  <div :class=\"['el-skeleton__item', `el-skeleton__${variant}`]\">\n    <img-placeholder v-if=\"variant === 'image'\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport ImgPlaceholder from './image-placeholder.vue'\n\nimport type { PropType } from 'vue'\nimport type { Variants } from './types'\n\nexport default defineComponent({\n  name: 'PsSkeletonItem',\n  components: {\n    [ImgPlaceholder.name]: ImgPlaceholder,\n  },\n  props: {\n    variant: {\n      type: String as PropType<Variants>,\n      default: 'text',\n    },\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock"],"mappings":";;;;sBACEA;IAAM,4DAA6C;;IAC1B,yCAAvBC;;;;;;"}

package/es/packages/components/skeleton/src/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/es/packages/components/skeleton/src/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/packages/components/slider/index.mjs

@@ -0,0 +1,12 @@
+import './src/index.mjs';
+import './src/slider.type.mjs';
+import script from './src/index.vue_vue&type=script&lang.mjs';
+
+script.install = (app) => {
+  app.component(script.name, script);
+};
+const _Slider = script;
+const PsSlider = _Slider;
+
+export { PsSlider, _Slider as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/slider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/slider/index.ts"],"sourcesContent":["import Slider from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-ps/utils/types'\n\nSlider.install = (app: App): void => {\n  app.component(Slider.name, Slider)\n}\n\nconst _Slider = Slider as SFCWithInstall<typeof Slider>\n\nexport default _Slider\nexport const PsSlider = _Slider\n\nexport * from './src/slider.type'\n"],"names":["Slider"],"mappings":";;;;AAKAA,OAAO,UAAU,CAAC,QAAmB;AACnC,MAAI,UAAUA,OAAO,MAAMA;AAAA;MAGvB,UAAUA;MAGH,WAAW;;;;"}

package/es/packages/components/slider/src/button.mjs

@@ -0,0 +1,7 @@
+import script from './button.vue_vue&type=script&lang.mjs';
+export { default } from './button.vue_vue&type=script&lang.mjs';
+import { render } from './button.vue_vue&type=template&id=9cd3e794&lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/slider/src/button.vue";
+//# sourceMappingURL=button.mjs.map

package/es/packages/components/slider/src/button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/slider/src/button.vue_vue&type=script&lang.mjs

@@ -0,0 +1,44 @@
+import { defineComponent, reactive, toRefs } from 'vue';
+import { useSliderButton } from './useSliderButton.mjs';
+
+var script = defineComponent({
+  name: "PsSliderButton",
+  props: {
+    modelValue: {
+      type: Number,
+      default: 0
+    },
+    vertical: {
+      type: Boolean,
+      default: false
+    },
+    tooltipClass: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props) {
+    const initData = reactive({
+      hovering: false,
+      dragging: false,
+      isClick: false,
+      startX: 0,
+      currentX: 0,
+      startY: 0,
+      currentY: 0,
+      startPosition: 0,
+      newPosition: 0,
+      oldValue: props.modelValue
+    });
+    const { wrapperStyle } = useSliderButton(props);
+    const { hovering, dragging } = toRefs(initData);
+    return {
+      wrapperStyle,
+      hovering,
+      dragging
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=button.vue_vue&type=script&lang.mjs.map

package/es/packages/components/slider/src/button.vue_vue&type=script&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/slider/src/button.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"button\"\n    class=\"el-slider__button-wrapper\"\n    :class=\"{ hover: hovering, dragging: dragging }\"\n    :style=\"wrapperStyle\"\n    tabindex=\"0\"\n  >\n    <div\n      class=\"el-slider__button\"\n      :class=\"{ hover: hovering, dragging: dragging }\"\n    ></div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, toRefs } from 'vue'\nimport { useSliderButton } from './useSliderButton'\n\nexport default defineComponent({\n  name: 'PsSliderButton',\n  props: {\n    modelValue: {\n      type: Number,\n      default: 0,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n    tooltipClass: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props) {\n    const initData = reactive({\n      hovering: false,\n      dragging: false,\n      isClick: false,\n      startX: 0,\n      currentX: 0,\n      startY: 0,\n      currentY: 0,\n      startPosition: 0,\n      newPosition: 0,\n      oldValue: props.modelValue,\n    })\n\n    const { wrapperStyle } = useSliderButton(props)\n\n    const { hovering, dragging } = toRefs(initData)\n\n    return {\n      wrapperStyle,\n\n      hovering,\n      dragging,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;AAmBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAAO;AACX,UAAM,WAAW,SAAS;AAAA,MACxB,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,eAAe;AAAA,MACf,aAAa;AAAA,MACb,UAAU,MAAM;AAAA;AAGlB,UAAM,EAAE,iBAAiB,gBAAgB;AAEzC,UAAM,EAAE,UAAU,aAAa,OAAO;AAEtC,WAAO;AAAA,MACL;AAAA,MAEA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/slider/src/button.vue_vue&type=template&id=9cd3e794&lang.mjs

@@ -0,0 +1,17 @@
+import { openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "button",
+    class: normalizeClass(["el-slider__button-wrapper", { hover: _ctx.hovering, dragging: _ctx.dragging }]),
+    style: normalizeStyle(_ctx.wrapperStyle),
+    tabindex: "0"
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(["el-slider__button", { hover: _ctx.hovering, dragging: _ctx.dragging }])
+    }, null, 2)
+  ], 6);
+}
+
+export { render };
+//# sourceMappingURL=button.vue_vue&type=template&id=9cd3e794&lang.mjs.map

package/es/packages/components/slider/src/button.vue_vue&type=template&id=9cd3e794&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.vue_vue&type=template&id=9cd3e794&lang.mjs","sources":["../../../../../../../packages/components/slider/src/button.vue?vue&type=template&id=9cd3e794&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"button\"\n    class=\"el-slider__button-wrapper\"\n    :class=\"{ hover: hovering, dragging: dragging }\"\n    :style=\"wrapperStyle\"\n    tabindex=\"0\"\n  >\n    <div\n      class=\"el-slider__button\"\n      :class=\"{ hover: hovering, dragging: dragging }\"\n    ></div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, toRefs } from 'vue'\nimport { useSliderButton } from './useSliderButton'\n\nexport default defineComponent({\n  name: 'PsSliderButton',\n  props: {\n    modelValue: {\n      type: Number,\n      default: 0,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n    tooltipClass: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props) {\n    const initData = reactive({\n      hovering: false,\n      dragging: false,\n      isClick: false,\n      startX: 0,\n      currentX: 0,\n      startY: 0,\n      currentY: 0,\n      startPosition: 0,\n      newPosition: 0,\n      oldValue: props.modelValue,\n    })\n\n    const { wrapperStyle } = useSliderButton(props)\n\n    const { hovering, dragging } = toRefs(initData)\n\n    return {\n      wrapperStyle,\n\n      hovering,\n      dragging,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode"],"mappings":";;;sBACEA;IACE,KAAI;AAAA,IACJ,uBAAM,sCACW,yBAAoB;IACpC,sBAAO;IACR,UAAS;AAAA;IAETC;MACE,uBAAM,8BACW,yBAAoB;;;;;;;"}

package/es/packages/components/slider/src/index.mjs

@@ -0,0 +1,7 @@
+import script from './index.vue_vue&type=script&lang.mjs';
+export { default } from './index.vue_vue&type=script&lang.mjs';
+import { render } from './index.vue_vue&type=template&id=24c42d04&lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/slider/src/index.vue";
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/slider/src/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/slider/src/index.vue_vue&type=script&lang.mjs

@@ -0,0 +1,188 @@
+import { defineComponent, reactive, computed, toRefs, provide, ref, onMounted, nextTick, onBeforeUnmount } from 'vue';
+import { PsInputNumber } from '../../input-number/index.mjs';
+import { on, off } from '../../../utils/dom.mjs';
+import './button.mjs';
+import './marker.mjs';
+import { useMarks } from './useMarks.mjs';
+import { useSlide } from './useSlide.mjs';
+import { useStops } from './useStops.mjs';
+import script$1 from './button.vue_vue&type=script&lang.mjs';
+import script$2 from './marker.vue_vue&type=script&lang.mjs';
+
+var script = defineComponent({
+  name: "PsSlider",
+  components: {
+    PsInputNumber,
+    SliderButton: script$1,
+    SliderMarker: script$2
+  },
+  props: {
+    modelValue: {
+      type: [Number, Array],
+      default: 0
+    },
+    min: {
+      type: Number,
+      default: 0
+    },
+    max: {
+      type: Number,
+      default: 100
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    showInput: {
+      type: Boolean,
+      default: false
+    },
+    showInputControls: {
+      type: Boolean,
+      default: true
+    },
+    inputSize: {
+      type: String,
+      default: "small"
+    },
+    showStops: {
+      type: Boolean,
+      default: false
+    },
+    showTooltip: {
+      type: Boolean,
+      default: true
+    },
+    formatTooltip: {
+      type: Function,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    range: {
+      type: Boolean,
+      default: false
+    },
+    vertical: {
+      type: Boolean,
+      default: false
+    },
+    height: {
+      type: String,
+      default: ""
+    },
+    debounce: {
+      type: Number,
+      default: 300
+    },
+    label: {
+      type: String,
+      default: void 0
+    },
+    tooltipClass: {
+      type: String,
+      default: void 0
+    },
+    marks: Object
+  },
+  setup(props) {
+    const initData = reactive({
+      firstValue: 0,
+      secondValue: 0,
+      oldValue: 0,
+      dragging: false,
+      sliderSize: 1
+    });
+    const {
+      slider,
+      firstButton,
+      secondButton,
+      sliderDisabled,
+      minValue,
+      maxValue,
+      runwayStyle,
+      barStyle,
+      resetSize
+    } = useSlide(props, initData);
+    const { stops, getStopStyle } = useStops(props, initData, minValue, maxValue);
+    const markList = useMarks(props);
+    const precision = computed(() => {
+      const precisions = [props.min, props.max, props.step].map((item) => {
+        const decimal = `${item}`.split(".")[1];
+        return decimal ? decimal.length : 0;
+      });
+      return Math.max.apply(null, precisions);
+    });
+    const { sliderWrapper } = useLifecycle(props, initData, resetSize);
+    const { firstValue, secondValue, oldValue, dragging, sliderSize } = toRefs(initData);
+    const updateDragging = (val) => {
+      initData.dragging = val;
+    };
+    provide("SliderProvider", {
+      ...toRefs(props),
+      sliderSize,
+      disabled: sliderDisabled,
+      precision,
+      resetSize,
+      updateDragging
+    });
+    return {
+      firstValue,
+      secondValue,
+      oldValue,
+      dragging,
+      sliderSize,
+      slider,
+      firstButton,
+      secondButton,
+      sliderDisabled,
+      runwayStyle,
+      barStyle,
+      getStopStyle,
+      stops,
+      markList,
+      sliderWrapper
+    };
+  }
+});
+const useLifecycle = (props, initData, resetSize) => {
+  const sliderWrapper = ref(null);
+  onMounted(async () => {
+    let valuetext;
+    if (props.range) {
+      if (Array.isArray(props.modelValue)) {
+        initData.firstValue = Math.max(props.min, props.modelValue[0]);
+        initData.secondValue = Math.min(props.max, props.modelValue[1]);
+      } else {
+        initData.firstValue = props.min;
+        initData.secondValue = props.max;
+      }
+      initData.oldValue = [initData.firstValue, initData.secondValue];
+      valuetext = `${initData.firstValue}-${initData.secondValue}`;
+    } else {
+      if (typeof props.modelValue !== "number" || isNaN(props.modelValue)) {
+        initData.firstValue = props.min;
+      } else {
+        initData.firstValue = Math.min(props.max, Math.max(props.min, props.modelValue));
+      }
+      initData.oldValue = initData.firstValue;
+      valuetext = initData.firstValue;
+    }
+    sliderWrapper.value.setAttribute("aria-valuetext", valuetext);
+    sliderWrapper.value.setAttribute("aria-label", props.label ? props.label : `slider between ${props.min} and ${props.max}`);
+    on(window, "resize", resetSize);
+    await nextTick();
+    resetSize();
+  });
+  onBeforeUnmount(() => {
+    off(window, "resize", resetSize);
+  });
+  return {
+    sliderWrapper
+  };
+};
+
+export { script as default };
+//# sourceMappingURL=index.vue_vue&type=script&lang.mjs.map

package/es/packages/components/slider/src/index.vue_vue&type=script&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/slider/src/index.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"sliderWrapper\"\n    class=\"el-slider\"\n    :class=\"{ 'is-vertical': vertical, 'el-slider--with-input': showInput }\"\n    role=\"slider\"\n    :aria-valuemin=\"min\"\n    :aria-valuemax=\"max\"\n    :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n    :aria-disabled=\"sliderDisabled\"\n  >\n    <ps-input-number\n      v-if=\"showInput && !range\"\n      ref=\"input\"\n      :model-value=\"firstValue\"\n      class=\"el-slider__input\"\n      :step=\"step\"\n      :disabled=\"sliderDisabled\"\n      :controls=\"showInputControls\"\n      :min=\"min\"\n      :max=\"max\"\n      :debounce=\"debounce\"\n      :size=\"inputSize\"\n    />\n    <div\n      ref=\"slider\"\n      class=\"el-slider__runway\"\n      :class=\"{ 'show-input': showInput && !range, disabled: sliderDisabled }\"\n      :style=\"runwayStyle\"\n    >\n      <div class=\"el-slider__bar\" :style=\"barStyle\"></div>\n      <slider-button\n        ref=\"firstButton\"\n        :model-value=\"firstValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n      />\n      <slider-button\n        v-if=\"range\"\n        ref=\"secondButton\"\n        :model-value=\"secondValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n      />\n      <div v-if=\"showStops\">\n        <div\n          v-for=\"(item, key) in stops\"\n          :key=\"key\"\n          class=\"el-slider__stop\"\n          :style=\"getStopStyle(item)\"\n        ></div>\n      </div>\n      <template v-if=\"markList.length > 0\">\n        <div>\n          <div\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :style=\"getStopStyle(item.position)\"\n            class=\"el-slider__stop el-slider__marks-stop\"\n          ></div>\n        </div>\n        <div class=\"el-slider__marks\">\n          <slider-marker\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :mark=\"item.mark\"\n            :style=\"getStopStyle(item.position)\"\n          />\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n} from 'vue'\nimport PsInputNumber from '@element-ps/components/input-number'\nimport { off, on } from '@element-ps/utils/dom'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker.vue'\nimport { useMarks } from './useMarks'\nimport { useSlide } from './useSlide'\nimport { useStops } from './useStops'\n\nimport type { PropType, Ref } from 'vue'\nimport type { ComponentSize, Nullable } from '@element-ps/utils/types'\n\nexport default defineComponent({\n  name: 'PsSlider',\n  components: {\n    PsInputNumber,\n    SliderButton,\n    SliderMarker,\n  },\n  props: {\n    modelValue: {\n      type: [Number, Array] as PropType<number | number[]>,\n      default: 0,\n    },\n    min: {\n      type: Number,\n      default: 0,\n    },\n    max: {\n      type: Number,\n      default: 100,\n    },\n    step: {\n      type: Number,\n      default: 1,\n    },\n    showInput: {\n      type: Boolean,\n      default: false,\n    },\n    showInputControls: {\n      type: Boolean,\n      default: true,\n    },\n    inputSize: {\n      type: String as PropType<ComponentSize>,\n      default: 'small',\n    },\n    showStops: {\n      type: Boolean,\n      default: false,\n    },\n    showTooltip: {\n      type: Boolean,\n      default: true,\n    },\n    formatTooltip: {\n      type: Function as PropType<(val: number) => number | string>,\n      default: undefined,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    range: {\n      type: Boolean,\n      default: false,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n    height: {\n      type: String,\n      default: '',\n    },\n    debounce: {\n      type: Number,\n      default: 300,\n    },\n    label: {\n      type: String,\n      default: undefined,\n    },\n    tooltipClass: {\n      type: String,\n      default: undefined,\n    },\n    marks: Object,\n  },\n  setup(props) {\n    const initData = reactive({\n      firstValue: 0,\n      secondValue: 0,\n      oldValue: 0,\n      dragging: false,\n      sliderSize: 1,\n    })\n\n    const {\n      slider,\n      firstButton,\n      secondButton,\n      sliderDisabled,\n      minValue,\n      maxValue,\n      runwayStyle,\n      barStyle,\n      resetSize,\n    } = useSlide(props, initData)\n\n    const { stops, getStopStyle } = useStops(\n      props,\n      initData,\n      minValue,\n      maxValue\n    )\n\n    const markList = useMarks(props)\n\n    const precision = computed(() => {\n      const precisions = [props.min, props.max, props.step].map((item) => {\n        const decimal = `${item}`.split('.')[1]\n        return decimal ? decimal.length : 0\n      })\n      return Math.max.apply(null, precisions)\n    })\n\n    const { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\n    const { firstValue, secondValue, oldValue, dragging, sliderSize } =\n      toRefs(initData)\n\n    const updateDragging = (val: boolean) => {\n      initData.dragging = val\n    }\n\n    provide('SliderProvider', {\n      ...toRefs(props),\n      sliderSize,\n      disabled: sliderDisabled,\n      precision,\n      resetSize,\n      updateDragging,\n    })\n\n    return {\n      firstValue,\n      secondValue,\n      oldValue,\n      dragging,\n      sliderSize,\n\n      slider,\n      firstButton,\n      secondButton,\n      sliderDisabled,\n      runwayStyle,\n      barStyle,\n      getStopStyle,\n\n      stops,\n      markList,\n\n      sliderWrapper,\n    }\n  },\n})\n\nconst useLifecycle = (props, initData, resetSize) => {\n  const sliderWrapper: Ref<Nullable<HTMLElement>> = ref(null)\n\n  onMounted(async () => {\n    let valuetext\n    if (props.range) {\n      if (Array.isArray(props.modelValue)) {\n        initData.firstValue = Math.max(props.min, props.modelValue[0])\n        initData.secondValue = Math.min(props.max, props.modelValue[1])\n      } else {\n        initData.firstValue = props.min\n        initData.secondValue = props.max\n      }\n      initData.oldValue = [initData.firstValue, initData.secondValue]\n      valuetext = `${initData.firstValue}-${initData.secondValue}`\n    } else {\n      if (typeof props.modelValue !== 'number' || isNaN(props.modelValue)) {\n        initData.firstValue = props.min\n      } else {\n        initData.firstValue = Math.min(\n          props.max,\n          Math.max(props.min, props.modelValue)\n        )\n      }\n      initData.oldValue = initData.firstValue\n      valuetext = initData.firstValue\n    }\n\n    sliderWrapper.value.setAttribute('aria-valuetext', valuetext)\n\n    // label screen reader\n    sliderWrapper.value.setAttribute(\n      'aria-label',\n      props.label ? props.label : `slider between ${props.min} and ${props.max}`\n    )\n\n    on(window, 'resize', resetSize)\n\n    await nextTick()\n    resetSize()\n  })\n\n  onBeforeUnmount(() => {\n    off(window, 'resize', resetSize)\n  })\n\n  return {\n    sliderWrapper,\n  }\n}\n</script>\n"],"names":["SliderButton","SliderMarker"],"mappings":"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"}

package/es/packages/components/slider/src/index.vue_vue&type=template&id=24c42d04&lang.mjs

@@ -0,0 +1,88 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, createElementVNode, normalizeStyle, createVNode, Fragment, renderList } from 'vue';
+
+const _hoisted_1 = ["aria-valuemin", "aria-valuemax", "aria-orientation", "aria-disabled"];
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = { class: "el-slider__marks" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ps_input_number = resolveComponent("ps-input-number");
+  const _component_slider_button = resolveComponent("slider-button");
+  const _component_slider_marker = resolveComponent("slider-marker");
+  return openBlock(), createElementBlock("div", {
+    ref: "sliderWrapper",
+    class: normalizeClass(["el-slider", { "is-vertical": _ctx.vertical, "el-slider--with-input": _ctx.showInput }]),
+    role: "slider",
+    "aria-valuemin": _ctx.min,
+    "aria-valuemax": _ctx.max,
+    "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
+    "aria-disabled": _ctx.sliderDisabled
+  }, [
+    _ctx.showInput && !_ctx.range ? (openBlock(), createBlock(_component_ps_input_number, {
+      key: 0,
+      ref: "input",
+      "model-value": _ctx.firstValue,
+      class: "el-slider__input",
+      step: _ctx.step,
+      disabled: _ctx.sliderDisabled,
+      controls: _ctx.showInputControls,
+      min: _ctx.min,
+      max: _ctx.max,
+      debounce: _ctx.debounce,
+      size: _ctx.inputSize
+    }, null, 8, ["model-value", "step", "disabled", "controls", "min", "max", "debounce", "size"])) : createCommentVNode("v-if", true),
+    createElementVNode("div", {
+      ref: "slider",
+      class: normalizeClass(["el-slider__runway", { "show-input": _ctx.showInput && !_ctx.range, disabled: _ctx.sliderDisabled }]),
+      style: normalizeStyle(_ctx.runwayStyle)
+    }, [
+      createElementVNode("div", {
+        class: "el-slider__bar",
+        style: normalizeStyle(_ctx.barStyle)
+      }, null, 4),
+      createVNode(_component_slider_button, {
+        ref: "firstButton",
+        "model-value": _ctx.firstValue,
+        vertical: _ctx.vertical,
+        "tooltip-class": _ctx.tooltipClass
+      }, null, 8, ["model-value", "vertical", "tooltip-class"]),
+      _ctx.range ? (openBlock(), createBlock(_component_slider_button, {
+        key: 0,
+        ref: "secondButton",
+        "model-value": _ctx.secondValue,
+        vertical: _ctx.vertical,
+        "tooltip-class": _ctx.tooltipClass
+      }, null, 8, ["model-value", "vertical", "tooltip-class"])) : createCommentVNode("v-if", true),
+      _ctx.showStops ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.stops, (item, key) => {
+          return openBlock(), createElementBlock("div", {
+            key,
+            class: "el-slider__stop",
+            style: normalizeStyle(_ctx.getStopStyle(item))
+          }, null, 4);
+        }), 128))
+      ])) : createCommentVNode("v-if", true),
+      _ctx.markList.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+        createElementVNode("div", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.markList, (item, key) => {
+            return openBlock(), createElementBlock("div", {
+              key,
+              style: normalizeStyle(_ctx.getStopStyle(item.position)),
+              class: "el-slider__stop el-slider__marks-stop"
+            }, null, 4);
+          }), 128))
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.markList, (item, key) => {
+            return openBlock(), createBlock(_component_slider_marker, {
+              key,
+              mark: item.mark,
+              style: normalizeStyle(_ctx.getStopStyle(item.position))
+            }, null, 8, ["mark", "style"]);
+          }), 128))
+        ])
+      ], 64)) : createCommentVNode("v-if", true)
+    ], 6)
+  ], 10, _hoisted_1);
+}
+
+export { render };
+//# sourceMappingURL=index.vue_vue&type=template&id=24c42d04&lang.mjs.map

package/es/packages/components/slider/src/index.vue_vue&type=template&id=24c42d04&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue&type=template&id=24c42d04&lang.mjs","sources":["../../../../../../../packages/components/slider/src/index.vue?vue&type=template&id=24c42d04&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"sliderWrapper\"\n    class=\"el-slider\"\n    :class=\"{ 'is-vertical': vertical, 'el-slider--with-input': showInput }\"\n    role=\"slider\"\n    :aria-valuemin=\"min\"\n    :aria-valuemax=\"max\"\n    :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n    :aria-disabled=\"sliderDisabled\"\n  >\n    <ps-input-number\n      v-if=\"showInput && !range\"\n      ref=\"input\"\n      :model-value=\"firstValue\"\n      class=\"el-slider__input\"\n      :step=\"step\"\n      :disabled=\"sliderDisabled\"\n      :controls=\"showInputControls\"\n      :min=\"min\"\n      :max=\"max\"\n      :debounce=\"debounce\"\n      :size=\"inputSize\"\n    />\n    <div\n      ref=\"slider\"\n      class=\"el-slider__runway\"\n      :class=\"{ 'show-input': showInput && !range, disabled: sliderDisabled }\"\n      :style=\"runwayStyle\"\n    >\n      <div class=\"el-slider__bar\" :style=\"barStyle\"></div>\n      <slider-button\n        ref=\"firstButton\"\n        :model-value=\"firstValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n      />\n      <slider-button\n        v-if=\"range\"\n        ref=\"secondButton\"\n        :model-value=\"secondValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n      />\n      <div v-if=\"showStops\">\n        <div\n          v-for=\"(item, key) in stops\"\n          :key=\"key\"\n          class=\"el-slider__stop\"\n          :style=\"getStopStyle(item)\"\n        ></div>\n      </div>\n      <template v-if=\"markList.length > 0\">\n        <div>\n          <div\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :style=\"getStopStyle(item.position)\"\n            class=\"el-slider__stop el-slider__marks-stop\"\n          ></div>\n        </div>\n        <div class=\"el-slider__marks\">\n          <slider-marker\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :mark=\"item.mark\"\n            :style=\"getStopStyle(item.position)\"\n          />\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n} from 'vue'\nimport PsInputNumber from '@element-ps/components/input-number'\nimport { off, on } from '@element-ps/utils/dom'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker.vue'\nimport { useMarks } from './useMarks'\nimport { useSlide } from './useSlide'\nimport { useStops } from './useStops'\n\nimport type { PropType, Ref } from 'vue'\nimport type { ComponentSize, Nullable } from '@element-ps/utils/types'\n\nexport default defineComponent({\n  name: 'PsSlider',\n  components: {\n    PsInputNumber,\n    SliderButton,\n    SliderMarker,\n  },\n  props: {\n    modelValue: {\n      type: [Number, Array] as PropType<number | number[]>,\n      default: 0,\n    },\n    min: {\n      type: Number,\n      default: 0,\n    },\n    max: {\n      type: Number,\n      default: 100,\n    },\n    step: {\n      type: Number,\n      default: 1,\n    },\n    showInput: {\n      type: Boolean,\n      default: false,\n    },\n    showInputControls: {\n      type: Boolean,\n      default: true,\n    },\n    inputSize: {\n      type: String as PropType<ComponentSize>,\n      default: 'small',\n    },\n    showStops: {\n      type: Boolean,\n      default: false,\n    },\n    showTooltip: {\n      type: Boolean,\n      default: true,\n    },\n    formatTooltip: {\n      type: Function as PropType<(val: number) => number | string>,\n      default: undefined,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    range: {\n      type: Boolean,\n      default: false,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n    height: {\n      type: String,\n      default: '',\n    },\n    debounce: {\n      type: Number,\n      default: 300,\n    },\n    label: {\n      type: String,\n      default: undefined,\n    },\n    tooltipClass: {\n      type: String,\n      default: undefined,\n    },\n    marks: Object,\n  },\n  setup(props) {\n    const initData = reactive({\n      firstValue: 0,\n      secondValue: 0,\n      oldValue: 0,\n      dragging: false,\n      sliderSize: 1,\n    })\n\n    const {\n      slider,\n      firstButton,\n      secondButton,\n      sliderDisabled,\n      minValue,\n      maxValue,\n      runwayStyle,\n      barStyle,\n      resetSize,\n    } = useSlide(props, initData)\n\n    const { stops, getStopStyle } = useStops(\n      props,\n      initData,\n      minValue,\n      maxValue\n    )\n\n    const markList = useMarks(props)\n\n    const precision = computed(() => {\n      const precisions = [props.min, props.max, props.step].map((item) => {\n        const decimal = `${item}`.split('.')[1]\n        return decimal ? decimal.length : 0\n      })\n      return Math.max.apply(null, precisions)\n    })\n\n    const { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\n    const { firstValue, secondValue, oldValue, dragging, sliderSize } =\n      toRefs(initData)\n\n    const updateDragging = (val: boolean) => {\n      initData.dragging = val\n    }\n\n    provide('SliderProvider', {\n      ...toRefs(props),\n      sliderSize,\n      disabled: sliderDisabled,\n      precision,\n      resetSize,\n      updateDragging,\n    })\n\n    return {\n      firstValue,\n      secondValue,\n      oldValue,\n      dragging,\n      sliderSize,\n\n      slider,\n      firstButton,\n      secondButton,\n      sliderDisabled,\n      runwayStyle,\n      barStyle,\n      getStopStyle,\n\n      stops,\n      markList,\n\n      sliderWrapper,\n    }\n  },\n})\n\nconst useLifecycle = (props, initData, resetSize) => {\n  const sliderWrapper: Ref<Nullable<HTMLElement>> = ref(null)\n\n  onMounted(async () => {\n    let valuetext\n    if (props.range) {\n      if (Array.isArray(props.modelValue)) {\n        initData.firstValue = Math.max(props.min, props.modelValue[0])\n        initData.secondValue = Math.min(props.max, props.modelValue[1])\n      } else {\n        initData.firstValue = props.min\n        initData.secondValue = props.max\n      }\n      initData.oldValue = [initData.firstValue, initData.secondValue]\n      valuetext = `${initData.firstValue}-${initData.secondValue}`\n    } else {\n      if (typeof props.modelValue !== 'number' || isNaN(props.modelValue)) {\n        initData.firstValue = props.min\n      } else {\n        initData.firstValue = Math.min(\n          props.max,\n          Math.max(props.min, props.modelValue)\n        )\n      }\n      initData.oldValue = initData.firstValue\n      valuetext = initData.firstValue\n    }\n\n    sliderWrapper.value.setAttribute('aria-valuetext', valuetext)\n\n    // label screen reader\n    sliderWrapper.value.setAttribute(\n      'aria-label',\n      props.label ? props.label : `slider between ${props.min} and ${props.max}`\n    )\n\n    on(window, 'resize', resetSize)\n\n    await nextTick()\n    resetSize()\n  })\n\n  onBeforeUnmount(() => {\n    off(window, 'resize', resetSize)\n  })\n\n  return {\n    sliderWrapper,\n  }\n}\n</script>\n"],"names":["_createElementBlock","_createBlock","_createElementVNode","_createVNode"],"mappings":";;;;qBA6Da,OAAM;;;;;sBA5DjBA;IACE,KAAI;AAAA,IACJ,uBAAM,8BACmB,wCAAmC;IAC5D,MAAK;AAAA,IACJ,iBAAe;IACf,iBAAe;IACf,oBAAkB;IAClB,iBAAe;;IAGR,mBAAc,2BADtBC;;MAEE,KAAI;AAAA,MACH,eAAa;MACd,OAAM;AAAA,MACL,MAAM;MACN,UAAU;MACV,UAAU;MACV,KAAK;MACL,KAAK;MACL,UAAU;MACV,MAAM;;IAETC;MACE,KAAI;AAAA,MACJ,uBAAM,qCACkB,mBAAc,sBAAiB;MACtD,sBAAO;;MAERA;QAAK,OAAM;AAAA,QAAkB,sBAAO;;MACpCC;QACE,KAAI;AAAA,QACH,eAAa;QACb,UAAU;QACV,iBAAe;;MAGV,2BADRF;;QAEE,KAAI;AAAA,QACH,eAAa;QACb,UAAU;QACV,iBAAe;;MAEP,+BAAXD;0BACEA,8CACwB,aAAd,MAAM;8BADhBA;YAEG;AAAA,YACD,OAAM;AAAA,YACL,sBAAO,kBAAa;AAAA;;;MAGT,cAAS,2BAAzBA;QACEE;4BACEF,8CACwB,gBAAd,MAAM;gCADhBA;cAEG;AAAA,cACA,sBAAO,kBAAa,KAAK;AAAA,cAC1B,OAAM;AAAA;;;QAGVE,0BAAA;4BACEF,8CACwB,gBAAd,MAAM;gCADhBC;cAEG;AAAA,cACA,MAAM,KAAK;AAAA,cACX,sBAAO,kBAAa,KAAK;AAAA;;;;;;;;;;"}

package/es/packages/components/slider/src/marker.mjs

@@ -0,0 +1,5 @@
+import script from './marker.vue_vue&type=script&lang.mjs';
+export { default } from './marker.vue_vue&type=script&lang.mjs';
+
+script.__file = "packages/components/slider/src/marker.vue";
+//# sourceMappingURL=marker.mjs.map

package/es/packages/components/slider/src/marker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"marker.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/es/packages/components/slider/src/marker.vue_vue&type=script&lang.mjs

@@ -0,0 +1,29 @@
+import { defineComponent, computed, h } from 'vue';
+
+var script = defineComponent({
+  name: "PsMarker",
+  props: {
+    mark: {
+      type: [String, Object],
+      default: () => void 0
+    }
+  },
+  setup(props) {
+    const label = computed(() => {
+      return typeof props.mark === "string" ? props.mark : props.mark.label;
+    });
+    return {
+      label
+    };
+  },
+  render() {
+    var _a;
+    return h("div", {
+      class: "el-slider__marks-text",
+      style: (_a = this.mark) == null ? void 0 : _a.style
+    }, this.label);
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=marker.vue_vue&type=script&lang.mjs.map

package/es/packages/components/slider/src/marker.vue_vue&type=script&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"marker.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/slider/src/marker.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { computed, defineComponent, h } from 'vue'\n\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'PsMarker',\n  props: {\n    mark: {\n      type: [String, Object] as PropType<string | Record<string, unknown>>,\n      default: () => undefined,\n    },\n  },\n  setup(props) {\n    const label = computed(() => {\n      return typeof props.mark === 'string' ? props.mark : props.mark.label\n    })\n\n    return {\n      label,\n    }\n  },\n  render() {\n    return h(\n      'div',\n      {\n        class: 'el-slider__marks-text',\n        style: this.mark?.style,\n      },\n      this.label\n    )\n  },\n})\n</script>\n"],"names":[],"mappings":";;AAKA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS,MAAM;AAAA;AAAA;AAAA,EAGnB,MAAM,OAAO;AACX,UAAM,QAAQ,SAAS,MAAM;AAC3B,aAAO,OAAO,MAAM,SAAS,WAAW,MAAM,OAAO,MAAM,KAAK;AAAA;AAGlE,WAAO;AAAA,MACL;AAAA;AAAA;AAAA,EAGJ,SAAS;;AACP,WAAO,EACL,OACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,WAAK,SAAL,mBAAW;AAAA,OAEpB,KAAK;AAAA;AAAA;;;;"}

package/es/packages/components/slider/src/slider.type.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=slider.type.mjs.map

package/es/packages/components/slider/src/slider.type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.type.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/packages/components/slider/src/useMarks.mjs

@@ -0,0 +1,18 @@
+import { computed } from 'vue';
+
+const useMarks = (props) => {
+  return computed(() => {
+    if (!props.marks) {
+      return [];
+    }
+    const marksKeys = Object.keys(props.marks);
+    return marksKeys.map(parseFloat).sort((a, b) => a - b).filter((point) => point <= props.max && point >= props.min).map((point) => ({
+      point,
+      position: (point - props.min) * 100 / (props.max - props.min),
+      mark: props.marks ? props.marks[point] : null
+    }));
+  });
+};
+
+export { useMarks };
+//# sourceMappingURL=useMarks.mjs.map

package/es/packages/components/slider/src/useMarks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMarks.mjs","sources":["../../../../../../../packages/components/slider/src/useMarks.ts"],"sourcesContent":["import { computed } from 'vue'\nimport type { ISliderProps, Mark } from './slider.type'\n\nexport const useMarks = (props: ISliderProps) => {\n  return computed(() => {\n    if (!props.marks) {\n      return []\n    }\n\n    const marksKeys = Object.keys(props.marks)\n    return marksKeys\n      .map(parseFloat)\n      .sort((a, b) => a - b)\n      .filter((point) => point <= props.max && point >= props.min)\n      .map(\n        (point): Mark => ({\n          point,\n          position: ((point - props.min) * 100) / (props.max - props.min),\n          mark: props.marks ? props.marks[point] : null,\n        })\n      )\n  })\n}\n"],"names":[],"mappings":";;MAGa,WAAW,CAAC,UAAwB;AAC/C,SAAO,SAAS,MAAM;AACpB,QAAI,CAAC,MAAM,OAAO;AAChB,aAAO;AAAA;AAGT,UAAM,YAAY,OAAO,KAAK,MAAM;AACpC,WAAO,UACJ,IAAI,YACJ,KAAK,CAAC,GAAG,MAAM,IAAI,GACnB,OAAO,CAAC,UAAU,SAAS,MAAM,OAAO,SAAS,MAAM,KACvD,IACC,CAAC;AAAiB,MAChB;AAAA,MACA,UAAY,SAAQ,MAAM,OAAO,aAAc,MAAM,MAAM;AAAA,MAC3D,MAAM,MAAM,QAAQ,MAAM,MAAM,SAAS;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/slider/src/useSlide.mjs

@@ -0,0 +1,58 @@
+import { inject, shallowRef, ref, computed } from 'vue';
+import '../../../tokens/index.mjs';
+import { elFormKey, elFormItemKey } from '../../../tokens/form.mjs';
+
+const useSlide = (props, initData) => {
+  const elForm = inject(elFormKey, {});
+  const elFormItem = inject(elFormItemKey, {});
+  const slider = shallowRef(null);
+  const firstButton = ref(null);
+  const secondButton = ref(null);
+  const sliderDisabled = computed(() => {
+    return props.disabled || elForm.disabled || false;
+  });
+  const minValue = computed(() => {
+    return Math.min(initData.firstValue, initData.secondValue);
+  });
+  const maxValue = computed(() => {
+    return Math.max(initData.firstValue, initData.secondValue);
+  });
+  const barSize = computed(() => {
+    return props.range ? `${100 * (maxValue.value - minValue.value) / (props.max - props.min)}%` : `${100 * (initData.firstValue - props.min) / (props.max - props.min)}%`;
+  });
+  const barStart = computed(() => {
+    return props.range ? `${100 * (minValue.value - props.min) / (props.max - props.min)}%` : "0%";
+  });
+  const runwayStyle = computed(() => {
+    return props.vertical ? { height: props.height } : {};
+  });
+  const barStyle = computed(() => {
+    return props.vertical ? {
+      height: barSize.value,
+      bottom: barStart.value
+    } : {
+      width: barSize.value,
+      left: barStart.value
+    };
+  });
+  const resetSize = () => {
+    if (slider.value) {
+      initData.sliderSize = slider.value[`client${props.vertical ? "Height" : "Width"}`];
+    }
+  };
+  return {
+    elFormItem,
+    slider,
+    firstButton,
+    secondButton,
+    sliderDisabled,
+    minValue,
+    maxValue,
+    runwayStyle,
+    barStyle,
+    resetSize
+  };
+};
+
+export { useSlide };
+//# sourceMappingURL=useSlide.mjs.map

package/es/packages/components/slider/src/useSlide.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlide.mjs","sources":["../../../../../../../packages/components/slider/src/useSlide.ts"],"sourcesContent":["import { computed, inject, ref, shallowRef } from 'vue'\nimport { elFormKey, elFormItemKey } from '@element-ps/tokens'\nimport type { CSSProperties } from 'vue'\nimport type { ISliderInitData, ISliderProps } from './slider.type'\n\nimport type { ElFormContext, ElFormItemContext } from '@element-ps/tokens'\nimport type { Nullable } from '@element-ps/utils/types'\n\nexport const useSlide = (props: ISliderProps, initData: ISliderInitData) => {\n  const elForm = inject(elFormKey, {} as ElFormContext)\n  const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n  const slider = shallowRef<Nullable<HTMLElement>>(null)\n\n  const firstButton = ref(null)\n\n  const secondButton = ref(null)\n\n  const sliderDisabled = computed(() => {\n    return props.disabled || elForm.disabled || false\n  })\n\n  const minValue = computed(() => {\n    return Math.min(\n      initData.firstValue as number,\n      initData.secondValue as number\n    )\n  })\n\n  const maxValue = computed(() => {\n    return Math.max(\n      initData.firstValue as number,\n      initData.secondValue as number\n    )\n  })\n\n  const barSize = computed(() => {\n    return props.range\n      ? `${\n          (100 * (maxValue.value - minValue.value)) / (props.max - props.min)\n        }%`\n      : `${\n          (100 * (initData.firstValue! - props.min)) / (props.max - props.min)\n        }%`\n  })\n\n  const barStart = computed(() => {\n    return props.range\n      ? `${(100 * (minValue.value - props.min)) / (props.max - props.min)}%`\n      : '0%'\n  })\n\n  const runwayStyle = computed<CSSProperties>(() => {\n    return props.vertical ? { height: props.height } : {}\n  })\n\n  const barStyle = computed<CSSProperties>(() => {\n    return props.vertical\n      ? {\n          height: barSize.value,\n          bottom: barStart.value,\n        }\n      : {\n          width: barSize.value,\n          left: barStart.value,\n        }\n  })\n\n  const resetSize = () => {\n    if (slider.value) {\n      initData.sliderSize =\n        slider.value[`client${props.vertical ? 'Height' : 'Width'}`]\n    }\n  }\n\n  return {\n    elFormItem,\n    slider,\n    firstButton,\n    secondButton,\n    sliderDisabled,\n    minValue,\n    maxValue,\n    runwayStyle,\n    barStyle,\n    resetSize,\n  }\n}\n"],"names":[],"mappings":";;;;MAQa,WAAW,CAAC,OAAqB,aAA8B;AAC1E,QAAM,SAAS,OAAO,WAAW;AACjC,QAAM,aAAa,OAAO,eAAe;AAEzC,QAAM,SAAS,WAAkC;AAEjD,QAAM,cAAc,IAAI;AAExB,QAAM,eAAe,IAAI;AAEzB,QAAM,iBAAiB,SAAS,MAAM;AACpC,WAAO,MAAM,YAAY,OAAO,YAAY;AAAA;AAG9C,QAAM,WAAW,SAAS,MAAM;AAC9B,WAAO,KAAK,IACV,SAAS,YACT,SAAS;AAAA;AAIb,QAAM,WAAW,SAAS,MAAM;AAC9B,WAAO,KAAK,IACV,SAAS,YACT,SAAS;AAAA;AAIb,QAAM,UAAU,SAAS,MAAM;AAC7B,WAAO,MAAM,QACT,GACG,gBAAgB,QAAQ,SAAS,gBAAiB,MAAM,MAAM,UAEjE,GACG,gBAAgB,aAAc,MAAM,cAAe,MAAM,MAAM;AAAA;AAIxE,QAAM,WAAW,SAAS,MAAM;AAC9B,WAAO,MAAM,QACT,GAAI,gBAAgB,QAAQ,MAAM,cAAe,MAAM,MAAM,UAC7D;AAAA;AAGN,QAAM,cAAc,SAAwB,MAAM;AAChD,WAAO,MAAM,WAAW,EAAE,QAAQ,MAAM,WAAW;AAAA;AAGrD,QAAM,WAAW,SAAwB,MAAM;AAC7C,WAAO,MAAM,WACT;AAAA,MACE,QAAQ,QAAQ;AAAA,MAChB,QAAQ,SAAS;AAAA,QAEnB;AAAA,MACE,OAAO,QAAQ;AAAA,MACf,MAAM,SAAS;AAAA;AAAA;AAIvB,QAAM,YAAY,MAAM;AACtB,QAAI,OAAO,OAAO;AAChB,eAAS,aACP,OAAO,MAAM,SAAS,MAAM,WAAW,WAAW;AAAA;AAAA;AAIxD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;;"}