{"version":3,"file":"useSlide.mjs","sources":["../../../../../packages/components/slider/src/useSlide.ts"],"sourcesContent":["import { computed, inject, nextTick, ref, shallowRef } from 'vue'\nimport {\n  CHANGE_EVENT,\n  UPDATE_MODEL_EVENT,\n  INPUT_EVENT,\n} from '@element-ultra/shared'\nimport { formKey, formItemKey } from '@element-ultra/tokens'\nimport type { CSSProperties } from 'vue'\nimport type { ButtonRefs, ISliderInitData, ISliderProps } from './slider.type'\n\nimport type { FormContext } from '@element-ultra/tokens'\nimport type { Nullable } from '@element-ultra/utils'\n\nexport const useSlide = (\n  props: ISliderProps,\n  initData: ISliderInitData,\n  emit\n) => {\n  const elForm = inject(formKey, undefined)\n  const elFormItem = inject(formItemKey, undefined)\n\n  const slider = shallowRef<Nullable<HTMLElement>>(null)\n\n  const firstButton = ref(null)\n\n  const secondButton = ref(null)\n\n  const buttonRefs: ButtonRefs = {\n    firstButton,\n    secondButton,\n  }\n\n  const sliderDisabled = computed(() => {\n    return props.disabled || elForm?.props.disabled || false\n  })\n\n  const minValue = computed(() => {\n    return Math.min(initData.firstValue, initData.secondValue)\n  })\n\n  const maxValue = computed(() => {\n    return Math.max(initData.firstValue, initData.secondValue)\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  const setPosition = (percent: number) => {\n    const targetValue = props.min + (percent * (props.max - props.min)) / 100\n    if (!props.range) {\n      firstButton.value.setPosition(percent)\n      return\n    }\n    let buttonRefName: string\n    if (\n      Math.abs(minValue.value - targetValue) <\n      Math.abs(maxValue.value - targetValue)\n    ) {\n      buttonRefName =\n        initData.firstValue < initData.secondValue\n          ? 'firstButton'\n          : 'secondButton'\n    } else {\n      buttonRefName =\n        initData.firstValue > initData.secondValue\n          ? 'firstButton'\n          : 'secondButton'\n    }\n    buttonRefs[buttonRefName].value.setPosition(percent)\n  }\n\n  const setFirstValue = (firstValue: number) => {\n    initData.firstValue = firstValue\n    _emit(props.range ? [minValue.value, maxValue.value] : firstValue)\n  }\n\n  const setSecondValue = (secondValue: number) => {\n    initData.secondValue = secondValue\n\n    if (props.range) {\n      _emit([minValue.value, maxValue.value])\n    }\n  }\n\n  const _emit = (val: number | number[]) => {\n    emit(UPDATE_MODEL_EVENT, val)\n    emit(INPUT_EVENT, val)\n  }\n\n  const emitChange = async () => {\n    await nextTick()\n    emit(\n      CHANGE_EVENT,\n      props.range ? [minValue.value, maxValue.value] : props.modelValue\n    )\n  }\n\n  const onSliderClick = (event: MouseEvent) => {\n    if (sliderDisabled.value || initData.dragging) return\n    resetSize()\n    if (props.vertical) {\n      const sliderOffsetBottom = slider.value.getBoundingClientRect().bottom\n      setPosition(\n        ((sliderOffsetBottom - event.clientY) / initData.sliderSize) * 100\n      )\n    } else {\n      const sliderOffsetLeft = slider.value.getBoundingClientRect().left\n      setPosition(\n        ((event.clientX - sliderOffsetLeft) / initData.sliderSize) * 100\n      )\n    }\n    emitChange()\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    setPosition,\n    emitChange,\n    onSliderClick,\n    setFirstValue,\n    setSecondValue,\n  }\n}\n"],"names":[],"mappings":"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"}