element-plus/lib/components/slider/src/composables/use-stops.js

A Component Library for Vue 3

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
const require_runtime = require('../../../../_virtual/_rolldown/runtime.js');
const require_error = require('../../../../utils/error.js');
let vue = require("vue");

//#region ../../packages/components/slider/src/composables/use-stops.ts
const useStops = (props, initData, minValue, maxValue) => {
	const stops = (0, vue.computed)(() => {
		if (!props.showStops || props.min > props.max) return [];
		if (props.step === "mark" || props.step === 0) {
			if (props.step === 0) require_error.debugWarn("ElSlider", "step should not be 0.");
			return [];
		}
		const stopCount = Math.ceil((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
	};
};

//#endregion
exports.useStops = useStops;
//# sourceMappingURL=use-stops.js.map