| 12345678910111213141516171819202122232425262728293031 |
- import { computed } from 'vue';
- const useStops = (props, initData, minValue, maxValue) => {
- const stops = computed(() => {
- if (!props.showStops || props.min > props.max)
- return [];
- if (props.step === 0) {
- return [];
- }
- const stopCount = (props.max - props.min) / props.step;
- const stepWidth = 100 * props.step / (props.max - props.min);
- const result = Array.from({ length: stopCount - 1 }).map((_, index) => (index + 1) * stepWidth);
- if (props.range) {
- return result.filter((step) => {
- return step < 100 * (minValue.value - props.min) / (props.max - props.min) || step > 100 * (maxValue.value - props.min) / (props.max - props.min);
- });
- } else {
- return result.filter((step) => step > 100 * (initData.firstValue - props.min) / (props.max - props.min));
- }
- });
- const getStopStyle = (position) => {
- return props.vertical ? { bottom: `${position}%` } : { left: `${position}%` };
- };
- return {
- stops,
- getStopStyle
- };
- };
- export { useStops };
- //# sourceMappingURL=use-stops.mjs.map
|