You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

0 lines
21 KiB

1 month ago
  1. {"ast":null,"code":"import { defineComponent, reactive, computed, toRefs, provide, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, normalizeStyle, createVNode, createBlock, createCommentVNode, Fragment, renderList, withModifiers } from 'vue';\nimport { useEventListener } from '@vueuse/core';\nimport { ElInputNumber } from '../../input-number/index.mjs';\nimport { sliderContextKey } from './constants.mjs';\nimport { sliderProps, sliderEmits } from './slider.mjs';\nimport SliderButton from './button2.mjs';\nimport SliderMarker from './marker.mjs';\nimport _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';\nimport { useSlide } from './composables/use-slide.mjs';\nimport { useStops } from './composables/use-stops.mjs';\nimport { useMarks } from './composables/use-marks.mjs';\nimport { useWatch } from './composables/use-watch.mjs';\nimport { useLifecycle } from './composables/use-lifecycle.mjs';\nimport { useNamespace } from '../../../hooks/use-namespace/index.mjs';\nimport { useLocale } from '../../../hooks/use-locale/index.mjs';\nimport { useFormItemInputId } from '../../form/src/hooks/use-form-item.mjs';\nimport { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';\nconst __default__ = defineComponent({\n name: \"ElSlider\"\n});\nconst _sfc_main = /* @__PURE__ */defineComponent({\n ...__default__,\n props: sliderProps,\n emits: sliderEmits,\n setup(__props, {\n expose,\n emit\n }) {\n const props = __props;\n const ns = useNamespace(\"slider\");\n const {\n t\n } = useLocale();\n const initData = reactive({\n firstValue: 0,\n secondValue: 0,\n oldValue: 0,\n dragging: false,\n sliderSize: 1\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 onSliderWrapperPrevent,\n onSliderClick,\n onSliderDown,\n onSliderMarkerDown,\n setFirstValue,\n setSecondValue\n } = useSlide(props, initData, emit);\n const {\n stops,\n getStopStyle\n } = useStops(props, initData, minValue, maxValue);\n const {\n inputId,\n isLabeledByFormItem\n } = useFormItemInputId(props, {\n formItemContext: elFormItem\n });\n const sliderWrapperSize = useFormSize();\n const sliderInputSize = computed(() => props.inputSize || sliderWrapperSize.value);\n const groupLabel = computed(() => {\n return props.ariaLabel || t(\"el.slider.defaultLabel\", {\n min: props.min,\n max: props.max\n });\n });\n const firstButtonLabel = computed(() => {\n if (props.range) {\n return props.rangeStartLabel || t(\"el.slider.defaultRangeStartLabel\");\n } else {\n return groupLabel.value;\n }\n });\n const firstValueText = computed(() => {\n return props.formatValueText ? props.formatValueText(firstValue.value) : `${firstValue.value}`;\n });\n const secondButtonLabel = computed(() => {\n return props.rangeEndLabel || t(\"el.slider.defaultRangeEndLabel\");\n });\n const secondValueText = computed(() => {\n return props.formatValueText ? props.formatValueText(secondValue.value) : `${secondValue.value}`;\n });\n const sliderKls = computed(() => [ns.b(), ns.m(sliderWrapperSize.value), ns.is(\"vertical\", props.vertical), {\n [ns.m(\"with-input\")]: props.showInput\n }]);\n const markList = useMarks(props);\n useWatch(props, initData, minValue, maxValue, emit, elFormItem);\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 const {\n sliderWrapper\n } = useLifecycle(props, initData, resetSize);\n const {\n firstValue,\n secondValue,\n sliderSize\n }