@element-plus/nightly 0.0.20220121 → 0.0.20220122

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

@@ -1,287 +0,0 @@
-import { defineComponent, reactive, computed, toRefs, provide, watch, ref, onMounted, nextTick, onBeforeUnmount } from 'vue';
-import { ElInputNumber } from '../../input-number/index.mjs';
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT } from '../../../utils/constants.mjs';
-import { on, off } from '../../../utils/dom.mjs';
-import { throwError } from '../../../utils/error.mjs';
-import { isValidComponentSize } from '../../../utils/validators.mjs';
-import '../../../hooks/index.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';
-import { useSize } from '../../../hooks/use-common-props/index.mjs';
-
-var script = defineComponent({
-  name: "ElSlider",
-  components: {
-    ElInputNumber,
-    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
-    },
-    size: {
-      type: String,
-      validator: isValidComponentSize
-    },
-    inputSize: {
-      type: String,
-      validator: isValidComponentSize
-    },
-    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
-  },
-  emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT],
-  setup(props, { emit }) {
-    const initData = reactive({
-      firstValue: 0,
-      secondValue: 0,
-      oldValue: 0,
-      dragging: false,
-      sliderSize: 1
-    });
-    const {
-      elFormItem,
-      slider,
-      firstButton,
-      secondButton,
-      sliderDisabled,
-      minValue,
-      maxValue,
-      runwayStyle,
-      barStyle,
-      resetSize,
-      emitChange,
-      onSliderClick,
-      setFirstValue,
-      setSecondValue
-    } = useSlide(props, initData, emit);
-    const { stops, getStopStyle } = useStops(props, initData, minValue, maxValue);
-    const sliderWrapperSize = useSize();
-    const sliderInputSize = computed(() => props.inputSize || sliderWrapperSize.value);
-    const prefix = "el-slider";
-    const sliderKls = computed(() => [
-      prefix,
-      `${prefix}--${sliderWrapperSize.value}`,
-      props.vertical ? "is-vertical" : "",
-      props.showInput ? "el-slider--with-input" : ""
-    ]);
-    const markList = useMarks(props);
-    useWatch(props, initData, minValue, maxValue, emit, elFormItem);
-    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,
-      emitChange,
-      resetSize,
-      updateDragging
-    });
-    return {
-      firstValue,
-      secondValue,
-      oldValue,
-      dragging,
-      sliderSize,
-      slider,
-      firstButton,
-      secondButton,
-      sliderDisabled,
-      runwayStyle,
-      barStyle,
-      emitChange,
-      onSliderClick,
-      getStopStyle,
-      setFirstValue,
-      setSecondValue,
-      stops,
-      markList,
-      sliderWrapper,
-      sliderWrapperSize,
-      sliderInputSize,
-      sliderKls
-    };
-  }
-});
-const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
-  const _emit = (val) => {
-    emit(UPDATE_MODEL_EVENT, val);
-    emit(INPUT_EVENT, val);
-  };
-  const valueChanged = () => {
-    if (props.range) {
-      return ![minValue.value, maxValue.value].every((item, index) => item === initData.oldValue[index]);
-    } else {
-      return props.modelValue !== initData.oldValue;
-    }
-  };
-  const setValues = () => {
-    var _a, _b;
-    if (props.min > props.max) {
-      throwError("Slider", "min should not be greater than max.");
-      return;
-    }
-    const val = props.modelValue;
-    if (props.range && Array.isArray(val)) {
-      if (val[1] < props.min) {
-        _emit([props.min, props.min]);
-      } else if (val[0] > props.max) {
-        _emit([props.max, props.max]);
-      } else if (val[0] < props.min) {
-        _emit([props.min, val[1]]);
-      } else if (val[1] > props.max) {
-        _emit([val[0], props.max]);
-      } else {
-        initData.firstValue = val[0];
-        initData.secondValue = val[1];
-        if (valueChanged()) {
-          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
-          initData.oldValue = val.slice();
-        }
-      }
-    } else if (!props.range && typeof val === "number" && !isNaN(val)) {
-      if (val < props.min) {
-        _emit(props.min);
-      } else if (val > props.max) {
-        _emit(props.max);
-      } else {
-        initData.firstValue = val;
-        if (valueChanged()) {
-          (_b = elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "change");
-          initData.oldValue = val;
-        }
-      }
-    }
-  };
-  setValues();
-  watch(() => initData.dragging, (val) => {
-    if (!val) {
-      setValues();
-    }
-  });
-  watch(() => props.modelValue, (val, oldVal) => {
-    if (initData.dragging || Array.isArray(val) && Array.isArray(oldVal) && val.every((item, index) => item === oldVal[index])) {
-      return;
-    }
-    setValues();
-  });
-  watch(() => [props.min, props.max], () => {
-    setValues();
-  });
-};
-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/components/slider/src/index.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"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=\"sliderKls\"\n    role=\"slider\"\n    :aria-valuemin=\"min\"\n    :aria-valuemax=\"max\"\n    :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n    :aria-disabled=\"sliderDisabled\"\n  >\n    <div\n      ref=\"slider\"\n      class=\"el-slider__runway\"\n      :class=\"{ 'show-input': showInput && !range, disabled: sliderDisabled }\"\n      :style=\"runwayStyle\"\n      @click=\"onSliderClick\"\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        @update:model-value=\"setFirstValue\"\n      />\n      <slider-button\n        v-if=\"range\"\n        ref=\"secondButton\"\n        :model-value=\"secondValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        @update:model-value=\"setSecondValue\"\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    <el-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=\"sliderInputSize\"\n      @update:model-value=\"setFirstValue\"\n      @change=\"emitChange\"\n    />\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  watch,\n} from 'vue'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport {\n  UPDATE_MODEL_EVENT,\n  CHANGE_EVENT,\n  INPUT_EVENT,\n} from '@element-plus/utils/constants'\nimport { off, on } from '@element-plus/utils/dom'\nimport { throwError } from '@element-plus/utils/error'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useSize } from '@element-plus/hooks'\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-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElSlider',\n\n  components: {\n    ElInputNumber,\n    SliderButton,\n    SliderMarker,\n  },\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    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    inputSize: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\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\n  emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT],\n\n  setup(props, { emit }) {\n    const initData = reactive({\n      firstValue: 0,\n      secondValue: 0,\n      oldValue: 0,\n      dragging: false,\n      sliderSize: 1,\n    })\n\n    const {\n      elFormItem,\n      slider,\n      firstButton,\n      secondButton,\n      sliderDisabled,\n      minValue,\n      maxValue,\n      runwayStyle,\n      barStyle,\n      resetSize,\n      emitChange,\n      onSliderClick,\n      setFirstValue,\n      setSecondValue,\n    } = useSlide(props, initData, emit)\n\n    const { stops, getStopStyle } = useStops(\n      props,\n      initData,\n      minValue,\n      maxValue\n    )\n\n    const sliderWrapperSize = useSize()\n    const sliderInputSize = computed(\n      () => props.inputSize || sliderWrapperSize.value\n    )\n\n    const prefix = 'el-slider'\n    const sliderKls = computed(() => [\n      prefix,\n      `${prefix}--${sliderWrapperSize.value}`,\n      props.vertical ? 'is-vertical' : '',\n      props.showInput ? 'el-slider--with-input' : '',\n    ])\n\n    const markList = useMarks(props)\n\n    useWatch(props, initData, minValue, maxValue, emit, elFormItem)\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      emitChange,\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      emitChange,\n      onSliderClick,\n      getStopStyle,\n      setFirstValue,\n      setSecondValue,\n\n      stops,\n      markList,\n\n      sliderWrapper,\n      sliderWrapperSize,\n      sliderInputSize,\n      sliderKls,\n    }\n  },\n})\n\nconst useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {\n  const _emit = (val: number | number[]) => {\n    emit(UPDATE_MODEL_EVENT, val)\n    emit(INPUT_EVENT, val)\n  }\n\n  const valueChanged = () => {\n    if (props.range) {\n      return ![minValue.value, maxValue.value].every(\n        (item, index) => item === initData.oldValue[index]\n      )\n    } else {\n      return props.modelValue !== initData.oldValue\n    }\n  }\n\n  const setValues = () => {\n    if (props.min > props.max) {\n      throwError('Slider', 'min should not be greater than max.')\n      return\n    }\n    const val = props.modelValue\n    if (props.range && Array.isArray(val)) {\n      if (val[1] < props.min) {\n        _emit([props.min, props.min])\n      } else if (val[0] > props.max) {\n        _emit([props.max, props.max])\n      } else if (val[0] < props.min) {\n        _emit([props.min, val[1]])\n      } else if (val[1] > props.max) {\n        _emit([val[0], props.max])\n      } else {\n        initData.firstValue = val[0]\n        initData.secondValue = val[1]\n        if (valueChanged()) {\n          elFormItem.validate?.('change')\n          initData.oldValue = val.slice()\n        }\n      }\n    } else if (!props.range && typeof val === 'number' && !isNaN(val)) {\n      if (val < props.min) {\n        _emit(props.min)\n      } else if (val > props.max) {\n        _emit(props.max)\n      } else {\n        initData.firstValue = val\n        if (valueChanged()) {\n          elFormItem.validate?.('change')\n          initData.oldValue = val\n        }\n      }\n    }\n  }\n\n  setValues()\n\n  watch(\n    () => initData.dragging,\n    (val) => {\n      if (!val) {\n        setValues()\n      }\n    }\n  )\n\n  watch(\n    () => props.modelValue,\n    (val, oldVal) => {\n      if (\n        initData.dragging ||\n        (Array.isArray(val) &&\n          Array.isArray(oldVal) &&\n          val.every((item, index) => item === oldVal[index]))\n      ) {\n        return\n      }\n      setValues()\n    }\n  )\n\n  watch(\n    () => [props.min, props.max],\n    () => {\n      setValues()\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":["SliderMarker"],"mappings":"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"}

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

@@ -1,93 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, createBlock, createCommentVNode, 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_slider_button = resolveComponent("slider-button");
-  const _component_slider_marker = resolveComponent("slider-marker");
-  const _component_el_input_number = resolveComponent("el-input-number");
-  return openBlock(), createElementBlock("div", {
-    ref: "sliderWrapper",
-    class: normalizeClass(_ctx.sliderKls),
-    role: "slider",
-    "aria-valuemin": _ctx.min,
-    "aria-valuemax": _ctx.max,
-    "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
-    "aria-disabled": _ctx.sliderDisabled
-  }, [
-    createElementVNode("div", {
-      ref: "slider",
-      class: normalizeClass(["el-slider__runway", { "show-input": _ctx.showInput && !_ctx.range, disabled: _ctx.sliderDisabled }]),
-      style: normalizeStyle(_ctx.runwayStyle),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onSliderClick && _ctx.onSliderClick(...args))
-    }, [
-      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,
-        "onUpdate:modelValue": _ctx.setFirstValue
-      }, null, 8, ["model-value", "vertical", "tooltip-class", "onUpdate:modelValue"]),
-      _ctx.range ? (openBlock(), createBlock(_component_slider_button, {
-        key: 0,
-        ref: "secondButton",
-        "model-value": _ctx.secondValue,
-        vertical: _ctx.vertical,
-        "tooltip-class": _ctx.tooltipClass,
-        "onUpdate:modelValue": _ctx.setSecondValue
-      }, null, 8, ["model-value", "vertical", "tooltip-class", "onUpdate:modelValue"])) : 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),
-    _ctx.showInput && !_ctx.range ? (openBlock(), createBlock(_component_el_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.sliderInputSize,
-      "onUpdate:modelValue": _ctx.setFirstValue,
-      onChange: _ctx.emitChange
-    }, null, 8, ["model-value", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1);
-}
-
-export { render };
-//# sourceMappingURL=index.vue_vue_type_template_id_24c42d04_lang.mjs.map

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

@@ -1 +0,0 @@
-{"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=\"sliderKls\"\n    role=\"slider\"\n    :aria-valuemin=\"min\"\n    :aria-valuemax=\"max\"\n    :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n    :aria-disabled=\"sliderDisabled\"\n  >\n    <div\n      ref=\"slider\"\n      class=\"el-slider__runway\"\n      :class=\"{ 'show-input': showInput && !range, disabled: sliderDisabled }\"\n      :style=\"runwayStyle\"\n      @click=\"onSliderClick\"\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        @update:model-value=\"setFirstValue\"\n      />\n      <slider-button\n        v-if=\"range\"\n        ref=\"secondButton\"\n        :model-value=\"secondValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        @update:model-value=\"setSecondValue\"\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    <el-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=\"sliderInputSize\"\n      @update:model-value=\"setFirstValue\"\n      @change=\"emitChange\"\n    />\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  watch,\n} from 'vue'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport {\n  UPDATE_MODEL_EVENT,\n  CHANGE_EVENT,\n  INPUT_EVENT,\n} from '@element-plus/utils/constants'\nimport { off, on } from '@element-plus/utils/dom'\nimport { throwError } from '@element-plus/utils/error'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useSize } from '@element-plus/hooks'\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-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElSlider',\n\n  components: {\n    ElInputNumber,\n    SliderButton,\n    SliderMarker,\n  },\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    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    inputSize: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\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\n  emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT],\n\n  setup(props, { emit }) {\n    const initData = reactive({\n      firstValue: 0,\n      secondValue: 0,\n      oldValue: 0,\n      dragging: false,\n      sliderSize: 1,\n    })\n\n    const {\n      elFormItem,\n      slider,\n      firstButton,\n      secondButton,\n      sliderDisabled,\n      minValue,\n      maxValue,\n      runwayStyle,\n      barStyle,\n      resetSize,\n      emitChange,\n      onSliderClick,\n      setFirstValue,\n      setSecondValue,\n    } = useSlide(props, initData, emit)\n\n    const { stops, getStopStyle } = useStops(\n      props,\n      initData,\n      minValue,\n      maxValue\n    )\n\n    const sliderWrapperSize = useSize()\n    const sliderInputSize = computed(\n      () => props.inputSize || sliderWrapperSize.value\n    )\n\n    const prefix = 'el-slider'\n    const sliderKls = computed(() => [\n      prefix,\n      `${prefix}--${sliderWrapperSize.value}`,\n      props.vertical ? 'is-vertical' : '',\n      props.showInput ? 'el-slider--with-input' : '',\n    ])\n\n    const markList = useMarks(props)\n\n    useWatch(props, initData, minValue, maxValue, emit, elFormItem)\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      emitChange,\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      emitChange,\n      onSliderClick,\n      getStopStyle,\n      setFirstValue,\n      setSecondValue,\n\n      stops,\n      markList,\n\n      sliderWrapper,\n      sliderWrapperSize,\n      sliderInputSize,\n      sliderKls,\n    }\n  },\n})\n\nconst useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {\n  const _emit = (val: number | number[]) => {\n    emit(UPDATE_MODEL_EVENT, val)\n    emit(INPUT_EVENT, val)\n  }\n\n  const valueChanged = () => {\n    if (props.range) {\n      return ![minValue.value, maxValue.value].every(\n        (item, index) => item === initData.oldValue[index]\n      )\n    } else {\n      return props.modelValue !== initData.oldValue\n    }\n  }\n\n  const setValues = () => {\n    if (props.min > props.max) {\n      throwError('Slider', 'min should not be greater than max.')\n      return\n    }\n    const val = props.modelValue\n    if (props.range && Array.isArray(val)) {\n      if (val[1] < props.min) {\n        _emit([props.min, props.min])\n      } else if (val[0] > props.max) {\n        _emit([props.max, props.max])\n      } else if (val[0] < props.min) {\n        _emit([props.min, val[1]])\n      } else if (val[1] > props.max) {\n        _emit([val[0], props.max])\n      } else {\n        initData.firstValue = val[0]\n        initData.secondValue = val[1]\n        if (valueChanged()) {\n          elFormItem.validate?.('change')\n          initData.oldValue = val.slice()\n        }\n      }\n    } else if (!props.range && typeof val === 'number' && !isNaN(val)) {\n      if (val < props.min) {\n        _emit(props.min)\n      } else if (val > props.max) {\n        _emit(props.max)\n      } else {\n        initData.firstValue = val\n        if (valueChanged()) {\n          elFormItem.validate?.('change')\n          initData.oldValue = val\n        }\n      }\n    }\n  }\n\n  setValues()\n\n  watch(\n    () => initData.dragging,\n    (val) => {\n      if (!val) {\n        setValues()\n      }\n    }\n  )\n\n  watch(\n    () => props.modelValue,\n    (val, oldVal) => {\n      if (\n        initData.dragging ||\n        (Array.isArray(val) &&\n          Array.isArray(oldVal) &&\n          val.every((item, index) => item === oldVal[index]))\n      ) {\n        return\n      }\n      setValues()\n    }\n  )\n\n  watch(\n    () => [props.min, props.max],\n    () => {\n      setValues()\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":["_createElementVNode","_createElementBlock"],"mappings":";;;;;;;;;;;;;IAEI;IACC;IACD;IACC,eAAa,EAAE;;IAEfA,mBAAkB;mBACL;;;MAGZ;;MAGCA;aACK;;;;QAEuB,KAAK;;;QAEhC;QACC;gBACQ,EAAE;;QAEV;;;;;;;oBAMQ;0BACKC,kBAAc;;;;;;;;mBAMtB;;oBAEE;;;;;qBAGe;;;gCAErB;;;;kBAIE,OAAM;;;;;;;kBAML,KAAK;;kBAEL;;;;;;;;;;;;iBASD;;;;;;"}

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

@@ -1,29 +0,0 @@
-import { defineComponent, computed, h } from 'vue';
-
-var script = defineComponent({
-  name: "ElMarker",
-  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/components/slider/src/marker.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"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: 'ElMarker',\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":";;AACA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;KACV;;OAEE,CAAC,KAAK,EAAE;UACL,KAAK,GAAG,QAAQ,CAAC;;;IAGvB,OAAO;MACL,KAAK;MACL;;;IAGF,IAAI,GAAG;WACA;;;KAGN,EAAE,IAAI;;;;;;"}

package/es/components/space/src/item.vue_vue_type_script_lang.mjs

@@ -1,21 +0,0 @@
-import { defineComponent, computed } from 'vue';
-import { buildProps } from '../../../utils/props.mjs';
-
-const spaceItem = buildProps({
-  prefixCls: {
-    type: String,
-    default: "el-space"
-  }
-});
-var script = defineComponent({
-  props: spaceItem,
-  setup(props) {
-    const classes = computed(() => [`${props.prefixCls}__item`]);
-    return {
-      classes
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=item.vue_vue_type_script_lang.mjs.map

package/es/components/space/src/item.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"item.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/space/src/item.vue"],"sourcesContent":["<template>\n  <div :class=\"classes\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { buildProps } from '@element-plus/utils/props'\n\nconst spaceItem = buildProps({\n  prefixCls: {\n    type: String,\n    default: 'el-space',\n  },\n} as const)\n\nexport default defineComponent({\n  props: spaceItem,\n\n  setup(props) {\n    const classes = computed(() => [`${props.prefixCls}__item`])\n\n    return {\n      classes,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;AAQA,eAAe,GAAG,UAAU,CAAC;;AAE7B,IAAI,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE;;;;AAIb,EAAE,KAAK,EAAE;;AAET,IAAI,MAAM,OAAO,GAAG,QAAQ,CAAC;IACzB,OAAO;;KAEN,CAAC;;;;;;"}

package/es/components/space/src/item.vue_vue_type_template_id_88dfb868_lang.mjs

@@ -1,12 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.classes)
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2);
-}
-
-export { render };
-//# sourceMappingURL=item.vue_vue_type_template_id_88dfb868_lang.mjs.map

package/es/components/space/src/item.vue_vue_type_template_id_88dfb868_lang.mjs.map

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

package/es/components/steps/src/index.vue_vue_type_script_lang.mjs

@@ -1,58 +0,0 @@
-import { defineComponent, ref, watch, provide } from 'vue';
-import { CHANGE_EVENT } from '../../../utils/constants.mjs';
-
-var script = defineComponent({
-  name: "ElSteps",
-  props: {
-    space: {
-      type: [Number, String],
-      default: ""
-    },
-    active: {
-      type: Number,
-      default: 0
-    },
-    direction: {
-      type: String,
-      default: "horizontal",
-      validator: (val) => ["horizontal", "vertical"].includes(val)
-    },
-    alignCenter: {
-      type: Boolean,
-      default: false
-    },
-    simple: {
-      type: Boolean,
-      default: false
-    },
-    finishStatus: {
-      type: String,
-      default: "finish",
-      validator: (val) => ["wait", "process", "finish", "error", "success"].includes(val)
-    },
-    processStatus: {
-      type: String,
-      default: "process",
-      validator: (val) => ["wait", "process", "finish", "error", "success"].includes(val)
-    }
-  },
-  emits: [CHANGE_EVENT],
-  setup(props, { emit }) {
-    const steps = ref([]);
-    watch(steps, () => {
-      steps.value.forEach((instance, index) => {
-        instance.setIndex(index);
-      });
-    });
-    provide("ElSteps", { props, steps });
-    watch(() => props.active, (newVal, oldVal) => {
-      emit(CHANGE_EVENT, newVal, oldVal);
-    });
-    return {
-      steps
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=index.vue_vue_type_script_lang.mjs.map

package/es/components/steps/src/index.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/steps/src/index.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'el-steps',\n      simple ? 'el-steps--simple' : `el-steps--${direction}`,\n    ]\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, ref, provide } from 'vue'\n\nimport { CHANGE_EVENT } from '@element-plus/utils/constants'\n\nexport default defineComponent({\n  name: 'ElSteps',\n  props: {\n    space: {\n      type: [Number, String],\n      default: '',\n    },\n    active: {\n      type: Number,\n      default: 0,\n    },\n    direction: {\n      type: String,\n      default: 'horizontal',\n      validator: (val: string): boolean =>\n        ['horizontal', 'vertical'].includes(val),\n    },\n    alignCenter: {\n      type: Boolean,\n      default: false,\n    },\n    simple: {\n      type: Boolean,\n      default: false,\n    },\n    finishStatus: {\n      type: String,\n      default: 'finish',\n      validator: (val: string): boolean =>\n        ['wait', 'process', 'finish', 'error', 'success'].includes(val),\n    },\n    processStatus: {\n      type: String,\n      default: 'process',\n      validator: (val: string): boolean =>\n        ['wait', 'process', 'finish', 'error', 'success'].includes(val),\n    },\n  },\n  emits: [CHANGE_EVENT],\n  setup(props, { emit }) {\n    const steps = ref([])\n\n    watch(steps, () => {\n      steps.value.forEach((instance, index) => {\n        instance.setIndex(index)\n      })\n    })\n\n    provide('ElSteps', { props, steps })\n\n    watch(\n      () => props.active,\n      (newVal, oldVal) => {\n        emit(CHANGE_EVENT, newVal, oldVal)\n      }\n    )\n\n    return {\n      steps,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;AAcA,EAAE,eAAe;;AAEjB,IAAI,KAAK,EAAE;MACL,IAAI,EAAE,CAAC;MACP;KACD;UACK,EAAE;MACN,IAAI,EAAE;;KAEP;aACQ,EAAE;MACT,IAAI,EAAE;;MAEN,SAAS;;eAEA,EAAE;MACX,IAAI,EAAE,OAAO;aACN,EAAE,KAAK;KACf;IACD,MAAM,EAAE;MACN,IAAI,EAAE,OAAO;MACb,OAAO,EAAE,KAAK;KACf;IACD;MACE,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;;KAEV;iBACY;MACX,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE,SAAS;eACT,EAAE,CAAC,GAAG,KAAK,OAAO,EAAE,SAAS,UAAU,EAAE,OAAO,EAAE;KAC5D;;OAEE,EAAE,CAAC;OACH,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE;UACb,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC;SACjB,CAAC,KAAK,EAAE,MAAM;;;OAGhB,EAAE;KACJ,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,EAAE;;MAEjB,IAAI,CAAC,YAAY;MACjB,CAAC;WACI;MACL;KACD;;;;;;"}

package/es/components/steps/src/index.vue_vue_type_template_id_882d196c_lang.mjs

@@ -1,15 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass([
-      "el-steps",
-      _ctx.simple ? "el-steps--simple" : `el-steps--${_ctx.direction}`
-    ])
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2);
-}
-
-export { render };
-//# sourceMappingURL=index.vue_vue_type_template_id_882d196c_lang.mjs.map

package/es/components/steps/src/index.vue_vue_type_template_id_882d196c_lang.mjs.map

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