@v-c/slider 1.0.3 → 1.0.5

package/dist/Slider.cjs

@@ -1 +1,557 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),se=require("@v-c/util/dist/isEqual"),P=require("@v-c/util/dist/warning"),J=require("classnames"),ce=require("./context.cjs"),ie=require("./Handles/index.cjs"),de=require("./hooks/useDrag.cjs"),fe=require("./hooks/useOffset.cjs"),ve=require("./hooks/useRange.cjs"),ge=require("./Marks/index.cjs"),be=require("./Steps/index.cjs"),he=require("./Tracks/index.cjs");function me(){return{prefixCls:{type:String,default:"vc-slider"},className:String,classNames:Object,styles:Object,id:String,disabled:{type:Boolean,default:!1},keyboard:{type:Boolean,default:!0},autoFocus:Boolean,min:{type:Number,default:0},max:{type:Number,default:100},step:{type:[Number,null],default:1},value:[Number,Array,null],defaultValue:[Number,Array],range:[Boolean,Object],count:Number,allowCross:{type:Boolean,default:!0},pushable:{type:[Boolean,Number],default:!1},reverse:Boolean,vertical:Boolean,included:{type:Boolean,default:!0},startPoint:Number,trackStyle:[Object,Array],handleStyle:[Object,Array],railStyle:Object,dotStyle:[Object,Function],activeDotStyle:[Object,Function],marks:Object,dots:Boolean,handleRender:Function,activeHandleRender:Function,track:{type:Boolean,default:!0},tabIndex:{type:[Number,Array],default:0},ariaLabelForHandle:[String,Array],ariaLabelledByForHandle:[String,Array],ariaRequired:Boolean,ariaValueTextFormatterForHandle:[Function,Array],onFocus:Function,onBlur:Function,onChange:Function,onBeforeChange:Function,onAfterChange:Function,onChangeComplete:Function}}const ye=a.defineComponent({name:"Slider",props:{...me()},emits:["focus","blur","change","beforeChange","afterChange","changeComplete"],slots:Object,setup(t,{attrs:$,emit:f,expose:K,slots:Q}){const y=a.ref(),R=a.ref(),k=a.shallowRef("ltr");a.watch([()=>t.reverse,()=>t.vertical],([e,l])=>{l?k.value=e?"ttb":"btt":k.value=e?"rtl":"ltr"},{immediate:!0});const b=a.shallowRef(0),S=a.shallowRef(100),E=a.shallowRef(1),p=a.ref([]),C=a.ref(t.defaultValue||t.value),u=a.ref([]),o=a.ref(),B=a.ref();a.watchEffect(()=>{const{range:e,min:l,max:n,step:s,pushable:i,marks:h,allowCross:x,value:v,count:g}=t,[c,F,H,j,I]=ve.default(e);o.value={rangeEnabled:c,rangeEditable:F,rangeDraggableTrack:H,minCount:j,maxCount:I},b.value=isFinite(l)?l:0,S.value=isFinite(n)?n:100,E.value=s!==null&&s<=0?1:s;const M=a.computed(()=>typeof i=="boolean"?i?E.value:!1:i>=0?i:!1);p.value=Object.keys(h||{}).map(m=>{const d=h?.[m],r={value:Number(m)};return d&&typeof d=="object"&&!a.isVNode(d)&&("label"in d||"style"in d)?(r.style=d.style,r.label=d.label):r.label=d,r}).filter(({label:m})=>m||typeof m=="number").sort((m,d)=>m.value-d.value);const[A,O]=fe.default(b.value,S.value,E.value,p.value,x,M.value);B.value={formatValue:A,offsetValues:O},v!==void 0&&(C.value=v);const oe=a.computed(()=>{const m=C.value===null||C.value===void 0?[]:Array.isArray(C.value)?C.value:[C.value],[d=b.value]=m;let r=C.value===null?[]:[d];if(c){if(r=[...m],g||C.value===void 0){const N=g>=0?g+1:2;for(r=r.slice(0,N);r.length<N;)r.push(r[r.length-1]??b.value)}r.sort((N,T)=>N-T)}return r.forEach((N,T)=>{r[T]=A(N)}),r});u.value=oe.value});const V=e=>o.value.rangeEnabled?e:e[0],q=e=>{const l=[...e].sort((n,s)=>n-s);se(l,u.value,!0)||f("change",V(l)),C.value=l},L=e=>{e&&y.value?.hideHelp();const l=V(u.value);t.onAfterChange&&(f("afterChange",l),P(!1,"[vc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead.")),f("changeComplete",l)},U=e=>{if(t.disabled||!o.value.rangeEditable||u.value.length<=o.value.minCount)return;const l=[...u.value];l.splice(e,1),f("beforeChange",V(l)),q(l);const n=Math.max(0,e-1);y.value?.hideHelp(),y.value?.focus(n)},[_,W,Z,z,X]=de.default(R,k,u,b,S,B.value.formatValue,q,L,B.value.offsetValues,o.value.rangeEditable,o.value.minCount),Y=(e,l)=>{if(!t.disabled){const n=[...u.value];let s=0,i=0,h=S.value-b.value;u.value.forEach((g,c)=>{const F=Math.abs(e-g);F<=h&&(h=F,s=c),g<e&&(i=c)});let x=s;o.value.rangeEditable&&h!==0&&(!o.value.maxCount||u.value.length<o.value.maxCount)?(n.splice(i+1,0,e),x=i+1):n[s]=e,o.value.rangeEnabled&&!u.value.length&&t.count===void 0&&n.push(e);const v=V(n);f("beforeChange",v),q(n),l?(document.activeElement?.blur?.(),y.value?.focus(x),X(l,x,n)):(t.onAfterChange&&(f("afterChange",v),P(!1,"[vc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead.")),f("changeComplete",v))}},ee=e=>{e.preventDefault();const{width:l,height:n,left:s,top:i,bottom:h,right:x}=R.value.getBoundingClientRect(),{clientX:v,clientY:g}=e;let c;switch(k.value){case"btt":c=(h-g)/n;break;case"ttb":c=(g-i)/n;break;case"rtl":c=(x-v)/l;break;default:c=(v-s)/l}const F=b.value+c*(S.value-b.value);Y(B.value.formatValue(F),e)},w=a.ref(null),ae=(e,l)=>{if(!t.disabled){const n=B.value.offsetValues(u.value,e,l);f("beforeChange",V(u.value)),q(n.values),w.value=n.value}};a.watchEffect(()=>{if(w.value!==null){const e=u.value.indexOf(w.value);e>=0&&y.value?.focus(e)}w.value=null});const le=a.computed(()=>o.value.rangeDraggableTrack&&E.value===null?(process.env.NODE_ENV!=="production"&&P(!1,"`draggableTrack` is not supported when `step` is `null`."),!1):o.value.rangeDraggableTrack),G=(e,l)=>{X(e,l),f("beforeChange",V(u.value))},te=a.computed(()=>_.value!==-1);a.watchEffect(()=>{if(!te.value){const e=u.value.lastIndexOf(W.value);y.value?.focus(e)}});const D=a.computed(()=>[...z.value].sort((e,l)=>e-l)),[ne,ue]=a.computed(()=>o.value.rangeEnabled?[D.value[0],D.value[D.value.length-1]]:[b.value,D.value[0]]).value;K({focus:()=>{y.value?.focus(0)},blur:()=>{const{activeElement:e}=document;R.value?.contains(e)&&e?.blur()}}),a.watchEffect(()=>{t.autoFocus&&y.value?.focus(0)});const re=a.computed(()=>({min:b,max:S,direction:k,disabled:t.disabled,keyboard:t.keyboard,step:E,included:t.included,includedStart:ne,includedEnd:ue,range:o.value.rangeEnabled,tabIndex:t.tabIndex,ariaLabelForHandle:t.ariaLabelForHandle,ariaLabelledByForHandle:t.ariaLabelledByForHandle,ariaRequired:t.ariaRequired,ariaValueTextFormatterForHandle:t.ariaValueTextFormatterForHandle,styles:t.styles||{},classNames:t.classNames||{}}));return ce.useProviderSliderContext(re.value),()=>{const{prefixCls:e="vc-slider",id:l,disabled:n=!1,vertical:s,startPoint:i,trackStyle:h,handleStyle:x,railStyle:v,dotStyle:g,activeDotStyle:c,dots:F,handleRender:H,activeHandleRender:j,track:I,classNames:M,styles:A}=t;return a.createVNode("div",{ref:R,class:J(e,[$.class],{[`${e}-disabled`]:n,[`${e}-vertical`]:s,[`${e}-horizontal`]:!s,[`${e}-with-marks`]:p.value.length}),style:$.style,onMousedown:ee,id:l},[a.createVNode("div",{class:J(`${e}-rail`,M?.rail),style:{...v,...A?.rail}},null),I&&a.createVNode(he.default,{prefixCls:e,trackStyle:h,values:u.value,startPoint:i,onStartMove:le.value?G:void 0},null),a.createVNode(be.default,{prefixCls:e,marks:p.value,dots:F,style:g,activeStyle:c},null),a.createVNode(ie.default,{ref:y,prefixCls:e,handleStyle:x,values:z.value,draggingIndex:_.value,draggingDelete:Z.value,onStartMove:G,onOffsetChange:ae,onFocus:O=>f("focus",O),onBlur:O=>f("blur",O),handleRender:H,activeHandleRender:j,onChangeComplete:L,onDelete:o.value.rangeEditable?U:()=>{}},null),a.createVNode(ge.default,{prefixCls:e,marks:p.value,onClick:Y},Q)])}}});exports.default=ye;
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
+const require_context = require("./context.cjs");
+const require_index = require("./Handles/index.cjs");
+const require_useDrag = require("./hooks/useDrag.cjs");
+const require_useOffset = require("./hooks/useOffset.cjs");
+const require_useRange = require("./hooks/useRange.cjs");
+const require_index$1 = require("./Marks/index.cjs");
+const require_index$2 = require("./Steps/index.cjs");
+const require_index$3 = require("./Tracks/index.cjs");
+let vue = require("vue");
+let __v_c_util = require("@v-c/util");
+let __v_c_util_dist_isEqual = require("@v-c/util/dist/isEqual");
+__v_c_util_dist_isEqual = require_rolldown_runtime.__toESM(__v_c_util_dist_isEqual);
+let __v_c_util_dist_warning = require("@v-c/util/dist/warning");
+__v_c_util_dist_warning = require_rolldown_runtime.__toESM(__v_c_util_dist_warning);
+var sliderDefaults = {
+	prefixCls: "vc-slider",
+	keyboard: true,
+	disabled: false,
+	min: 0,
+	max: 100,
+	step: 1,
+	allowCross: true,
+	pushable: false,
+	included: true,
+	tabIndex: 0,
+	track: true
+};
+var Slider = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, emit, expose }) => {
+	const prefixCls = (0, vue.computed)(() => props.prefixCls ?? sliderDefaults.prefixCls);
+	const disabled = (0, vue.computed)(() => props.disabled ?? sliderDefaults.disabled);
+	const keyboard = (0, vue.computed)(() => props.keyboard ?? sliderDefaults.keyboard);
+	const included = (0, vue.computed)(() => props.included ?? sliderDefaults.included);
+	const tabIndex = (0, vue.computed)(() => props.tabIndex ?? sliderDefaults.tabIndex);
+	const allowCross = (0, vue.computed)(() => props.allowCross ?? sliderDefaults.allowCross);
+	const direction = (0, vue.computed)(() => {
+		if (props.vertical) return props.reverse ? "ttb" : "btt";
+		return props.reverse ? "rtl" : "ltr";
+	});
+	const rangeConfig = (0, vue.computed)(() => {
+		const [rangeEnabled$1, rangeEditable$1, rangeDraggableTrack$1, minCount$1, maxCount$1] = require_useRange.default(props.range);
+		return {
+			rangeEnabled: rangeEnabled$1,
+			rangeEditable: rangeEditable$1,
+			rangeDraggableTrack: rangeDraggableTrack$1,
+			minCount: minCount$1,
+			maxCount: maxCount$1
+		};
+	});
+	const rangeEnabled = (0, vue.computed)(() => rangeConfig.value.rangeEnabled);
+	const rangeEditable = (0, vue.computed)(() => rangeConfig.value.rangeEditable);
+	const rangeDraggableTrack = (0, vue.computed)(() => rangeConfig.value.rangeDraggableTrack);
+	const minCount = (0, vue.computed)(() => rangeConfig.value.minCount ?? 0);
+	const maxCount = (0, vue.computed)(() => rangeConfig.value.maxCount);
+	const mergedMin = (0, vue.computed)(() => Number.isFinite(props.min ?? 0) ? props.min ?? 0 : 0);
+	const mergedMax = (0, vue.computed)(() => Number.isFinite(props.max ?? 100) ? props.max ?? 100 : 100);
+	const mergedStep = (0, vue.computed)(() => {
+		const step = props.step ?? sliderDefaults.step;
+		if (step !== null && step <= 0) return 1;
+		return step;
+	});
+	const mergedPush = (0, vue.computed)(() => {
+		const pushable = props.pushable ?? sliderDefaults.pushable;
+		if (typeof pushable === "boolean") return pushable ? mergedStep.value : false;
+		return pushable >= 0 ? pushable : false;
+	});
+	const markList = (0, vue.computed)(() => {
+		return Object.keys(props.marks || {}).map((key) => {
+			const mark = props.marks?.[key];
+			const markObj = { value: Number(key) };
+			if (mark && typeof mark === "object" && !(0, vue.isVNode)(mark) && ("label" in mark || "style" in mark)) {
+				markObj.style = mark.style;
+				markObj.label = mark.label;
+			} else markObj.label = mark;
+			return markObj;
+		}).filter(({ label }) => label || typeof label === "number").sort((a, b) => a.value - b.value);
+	});
+	const [formatValue, offsetValues] = require_useOffset.default(mergedMin, mergedMax, mergedStep, markList, allowCross, mergedPush);
+	const formatValueRef = (0, vue.computed)(() => formatValue);
+	const offsetValuesRef = (0, vue.computed)(() => offsetValues);
+	const mergedValue = (0, vue.shallowRef)(props.value !== void 0 ? props.value : props.defaultValue);
+	(0, vue.watch)(() => props.value, (val) => {
+		if (val !== void 0) mergedValue.value = val;
+	});
+	const rawValues = (0, vue.computed)(() => {
+		const valueList = mergedValue.value === null || mergedValue.value === void 0 ? [] : Array.isArray(mergedValue.value) ? mergedValue.value : [mergedValue.value];
+		const [val0 = mergedMin.value] = valueList;
+		let returnValues = mergedValue.value === null ? [] : [val0];
+		if (rangeEnabled.value) {
+			returnValues = [...valueList];
+			if (typeof props.count === "number" || mergedValue.value === void 0) {
+				const pointCount = typeof props.count === "number" && props.count >= 0 ? props.count + 1 : 2;
+				returnValues = returnValues.slice(0, pointCount);
+				while (returnValues.length < pointCount) returnValues.push(returnValues[returnValues.length - 1] ?? mergedMin.value);
+			}
+			returnValues.sort((a, b) => a - b);
+		}
+		returnValues.forEach((val, index) => {
+			returnValues[index] = formatValue(val);
+		});
+		return returnValues;
+	});
+	const handlesRef = (0, vue.ref)();
+	const containerRef = (0, vue.ref)();
+	const getTriggerValue = (triggerValues) => rangeEnabled.value ? triggerValues : triggerValues[0];
+	const triggerChange = (nextValues) => {
+		const cloneNextValues = [...nextValues].sort((a, b) => a - b);
+		if (!(0, __v_c_util_dist_isEqual.default)(cloneNextValues, rawValues.value, true)) {
+			const triggerValue = getTriggerValue(cloneNextValues);
+			emit("change", triggerValue);
+			props.onChange?.(triggerValue);
+		}
+		mergedValue.value = cloneNextValues;
+	};
+	const finishChange = (draggingDelete$1) => {
+		if (draggingDelete$1) handlesRef.value?.hideHelp();
+		const finishValue = getTriggerValue(rawValues.value);
+		emit("afterChange", finishValue);
+		props.onAfterChange?.(finishValue);
+		(0, __v_c_util_dist_warning.default)(!props.onAfterChange, "[vc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead.");
+		emit("changeComplete", finishValue);
+		props.onChangeComplete?.(finishValue);
+	};
+	const onDelete = (index) => {
+		if (disabled.value || !rangeEditable.value || rawValues.value.length <= minCount.value) return;
+		const cloneNextValues = [...rawValues.value];
+		cloneNextValues.splice(index, 1);
+		const triggerValue = getTriggerValue(cloneNextValues);
+		emit("beforeChange", triggerValue);
+		props.onBeforeChange?.(triggerValue);
+		triggerChange(cloneNextValues);
+		const nextFocusIndex = Math.max(0, index - 1);
+		handlesRef.value?.hideHelp();
+		handlesRef.value?.focus(nextFocusIndex);
+	};
+	const [draggingIndex, draggingValue, draggingDelete, cacheValues, onStartDrag] = require_useDrag.default(containerRef, direction, rawValues, mergedMin, mergedMax, formatValueRef, triggerChange, finishChange, offsetValuesRef, rangeEditable, minCount);
+	const changeToCloseValue = (newValue, e) => {
+		if (!disabled.value) {
+			const cloneNextValues = [...rawValues.value];
+			let valueIndex = 0;
+			let valueBeforeIndex = 0;
+			let valueDist = mergedMax.value - mergedMin.value;
+			rawValues.value.forEach((val, index) => {
+				const dist = Math.abs(newValue - val);
+				if (dist <= valueDist) {
+					valueDist = dist;
+					valueIndex = index;
+				}
+				if (val < newValue) valueBeforeIndex = index;
+			});
+			let focusIndex = valueIndex;
+			if (rangeEditable.value && valueDist !== 0 && (!maxCount.value || rawValues.value.length < maxCount.value)) {
+				cloneNextValues.splice(valueBeforeIndex + 1, 0, newValue);
+				focusIndex = valueBeforeIndex + 1;
+			} else cloneNextValues[valueIndex] = newValue;
+			if (rangeEnabled.value && !rawValues.value.length && props.count === void 0) cloneNextValues.push(newValue);
+			const nextValue = getTriggerValue(cloneNextValues);
+			props.onBeforeChange?.(nextValue);
+			triggerChange(cloneNextValues);
+			if (e) {
+				document.activeElement?.blur?.();
+				handlesRef.value?.focus(focusIndex);
+				onStartDrag(e, focusIndex, cloneNextValues);
+			} else {
+				props.onAfterChange?.(nextValue);
+				(0, __v_c_util_dist_warning.default)(!props.onAfterChange, "[vc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead.");
+				emit("changeComplete", nextValue);
+				props.onChangeComplete?.(nextValue);
+			}
+		}
+	};
+	const onSliderMouseDown = (e) => {
+		e.preventDefault();
+		const rect = containerRef.value?.getBoundingClientRect();
+		if (!rect) return;
+		const { width, height, left, top, bottom, right } = rect;
+		const { clientX, clientY } = e;
+		let percent;
+		switch (direction.value) {
+			case "btt":
+				percent = (bottom - clientY) / height;
+				break;
+			case "ttb":
+				percent = (clientY - top) / height;
+				break;
+			case "rtl":
+				percent = (right - clientX) / width;
+				break;
+			default: percent = (clientX - left) / width;
+		}
+		changeToCloseValue(formatValue(mergedMin.value + percent * (mergedMax.value - mergedMin.value)), e);
+	};
+	const keyboardValue = (0, vue.shallowRef)(null);
+	const onHandleOffsetChange = (offset, valueIndex) => {
+		if (!disabled.value) {
+			const next = offsetValues(rawValues.value, offset, valueIndex);
+			const currentValue = getTriggerValue(rawValues.value);
+			emit("beforeChange", currentValue);
+			props.onBeforeChange?.(currentValue);
+			triggerChange(next.values);
+			keyboardValue.value = next.value;
+		}
+	};
+	(0, vue.watch)(keyboardValue, (val) => {
+		if (val !== null) {
+			const valueIndex = rawValues.value.indexOf(val);
+			if (valueIndex >= 0) handlesRef.value?.focus(valueIndex);
+		}
+		keyboardValue.value = null;
+	});
+	const mergedDraggableTrack = (0, vue.computed)(() => {
+		if (rangeDraggableTrack.value && mergedStep.value === null) {
+			if (process.env.NODE_ENV !== "production") (0, __v_c_util_dist_warning.default)(false, "`draggableTrack` is not supported when `step` is `null`.");
+			return false;
+		}
+		return rangeDraggableTrack.value;
+	});
+	const onStartMove = (e, valueIndex) => {
+		onStartDrag(e, valueIndex);
+		const triggerValue = getTriggerValue(rawValues.value);
+		emit("beforeChange", triggerValue);
+		props.onBeforeChange?.(triggerValue);
+	};
+	(0, vue.watch)((0, vue.computed)(() => draggingIndex.value !== -1), (isDragging) => {
+		if (!isDragging && draggingValue.value !== null && draggingValue.value !== void 0) {
+			const valueIndex = rawValues.value.lastIndexOf(draggingValue.value);
+			if (valueIndex >= 0) handlesRef.value?.focus(valueIndex);
+		}
+	});
+	const sortedCacheValues = (0, vue.computed)(() => [...cacheValues.value].sort((a, b) => a - b));
+	const includedRange = (0, vue.computed)(() => {
+		if (!rangeEnabled.value) return [mergedMin.value, sortedCacheValues.value[0] ?? mergedMin.value];
+		if (!sortedCacheValues.value.length) return [mergedMin.value, mergedMin.value];
+		return [sortedCacheValues.value[0], sortedCacheValues.value[sortedCacheValues.value.length - 1]];
+	});
+	const includedStart = (0, vue.computed)(() => includedRange.value[0]);
+	const includedEnd = (0, vue.computed)(() => includedRange.value[1]);
+	expose({
+		focus: () => {
+			handlesRef.value?.focus(0);
+		},
+		blur: () => {
+			const { activeElement } = document;
+			if (containerRef.value?.contains(activeElement)) activeElement?.blur();
+		}
+	});
+	(0, vue.watch)(() => props.autoFocus, (autoFocus) => {
+		if (autoFocus) handlesRef.value?.focus(0);
+	}, { immediate: true });
+	require_context.useProviderSliderContext((0, vue.computed)(() => ({
+		min: mergedMin.value,
+		max: mergedMax.value,
+		direction: direction.value,
+		disabled: disabled.value,
+		keyboard: keyboard.value,
+		step: mergedStep.value,
+		included: included.value,
+		includedStart: includedStart.value,
+		includedEnd: includedEnd.value,
+		range: rangeEnabled.value,
+		tabIndex: tabIndex.value,
+		ariaLabelForHandle: props.ariaLabelForHandle,
+		ariaLabelledByForHandle: props.ariaLabelledByForHandle,
+		ariaRequired: props.ariaRequired,
+		ariaValueTextFormatterForHandle: props.ariaValueTextFormatterForHandle,
+		styles: props.styles || {},
+		classNames: props.classNames || {}
+	})));
+	return () => {
+		const { id, startPoint, trackStyle, handleStyle, railStyle, dotStyle, activeDotStyle, dots, handleRender, activeHandleRender } = props;
+		const mergedClassName = (0, __v_c_util.classNames)(prefixCls.value, props.className, attrs.class, {
+			[`${prefixCls.value}-disabled`]: disabled.value,
+			[`${prefixCls.value}-vertical`]: props.vertical,
+			[`${prefixCls.value}-horizontal`]: !props.vertical,
+			[`${prefixCls.value}-with-marks`]: markList.value.length
+		});
+		const mergedStyle = {
+			...props.style,
+			...attrs.style
+		};
+		return (0, vue.createVNode)("div", {
+			"ref": containerRef,
+			"class": mergedClassName,
+			"style": mergedStyle,
+			"onMousedown": onSliderMouseDown,
+			"id": id
+		}, [
+			(0, vue.createVNode)("div", {
+				"class": (0, __v_c_util.classNames)(`${prefixCls.value}-rail`, props.classNames?.rail),
+				"style": {
+					...railStyle,
+					...props.styles?.rail
+				}
+			}, null),
+			props.track !== false && (0, vue.createVNode)(require_index$3.default, {
+				"prefixCls": prefixCls.value,
+				"trackStyle": trackStyle,
+				"values": rawValues.value,
+				"startPoint": startPoint,
+				"onStartMove": mergedDraggableTrack.value ? onStartMove : void 0
+			}, null),
+			(0, vue.createVNode)(require_index$2.default, {
+				"prefixCls": prefixCls.value,
+				"marks": markList.value,
+				"dots": dots,
+				"style": dotStyle,
+				"activeStyle": activeDotStyle
+			}, null),
+			(0, vue.createVNode)(require_index.default, {
+				"ref": handlesRef,
+				"prefixCls": prefixCls.value,
+				"handleStyle": handleStyle,
+				"values": cacheValues.value,
+				"draggingIndex": draggingIndex.value,
+				"draggingDelete": draggingDelete.value,
+				"onStartMove": onStartMove,
+				"onOffsetChange": onHandleOffsetChange,
+				"onFocus": (e) => {
+					props.onFocus?.(e);
+				},
+				"onBlur": (e) => {
+					props.onBlur?.(e);
+				},
+				"handleRender": handleRender,
+				"activeHandleRender": activeHandleRender,
+				"onChangeComplete": finishChange,
+				"onDelete": rangeEditable.value ? onDelete : () => {}
+			}, null),
+			(0, vue.createVNode)(require_index$1.default, {
+				"prefixCls": prefixCls.value,
+				"marks": markList.value,
+				"onClick": changeToCloseValue
+			}, slots)
+		]);
+	};
+}, { props: /* @__PURE__ */ (0, vue.mergeDefaults)({
+	prefixCls: {
+		type: String,
+		required: false,
+		default: void 0
+	},
+	className: {
+		type: String,
+		required: false,
+		default: void 0
+	},
+	style: {
+		type: null,
+		required: false,
+		default: void 0
+	},
+	classNames: {
+		type: Object,
+		required: false,
+		default: void 0
+	},
+	styles: {
+		type: Object,
+		required: false,
+		default: void 0
+	},
+	id: {
+		type: String,
+		required: false,
+		default: void 0
+	},
+	disabled: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	keyboard: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	autoFocus: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	onFocus: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	onBlur: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	range: {
+		type: [Boolean, Object],
+		required: false,
+		default: void 0
+	},
+	count: {
+		type: Number,
+		required: false,
+		default: void 0
+	},
+	min: {
+		type: Number,
+		required: false,
+		default: void 0
+	},
+	max: {
+		type: Number,
+		required: false,
+		default: void 0
+	},
+	step: {
+		type: [Number, null],
+		required: false,
+		default: void 0
+	},
+	value: {
+		type: null,
+		required: false,
+		default: void 0
+	},
+	defaultValue: {
+		type: null,
+		required: false,
+		default: void 0
+	},
+	onChange: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	onBeforeChange: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	onAfterChange: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	onChangeComplete: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	allowCross: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	pushable: {
+		type: [Boolean, Number],
+		required: false,
+		default: void 0
+	},
+	reverse: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	vertical: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	included: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	startPoint: {
+		type: Number,
+		required: false,
+		default: void 0
+	},
+	trackStyle: {
+		type: null,
+		required: false,
+		default: void 0
+	},
+	handleStyle: {
+		type: null,
+		required: false,
+		default: void 0
+	},
+	railStyle: {
+		type: null,
+		required: false,
+		default: void 0
+	},
+	dotStyle: {
+		type: Function,
+		required: false,
+		skipCheck: true,
+		default: void 0
+	},
+	activeDotStyle: {
+		type: Function,
+		required: false,
+		skipCheck: true,
+		default: void 0
+	},
+	marks: {
+		type: Object,
+		required: false,
+		default: void 0
+	},
+	dots: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	handleRender: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	activeHandleRender: {
+		type: Function,
+		required: false,
+		default: void 0
+	},
+	track: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	tabIndex: {
+		type: [Number, Array],
+		required: false,
+		default: void 0
+	},
+	ariaLabelForHandle: {
+		type: [String, Array],
+		required: false,
+		default: void 0
+	},
+	ariaLabelledByForHandle: {
+		type: [String, Array],
+		required: false,
+		default: void 0
+	},
+	ariaRequired: {
+		type: Boolean,
+		required: false,
+		default: void 0
+	},
+	ariaValueTextFormatterForHandle: {
+		type: [Function, Array],
+		required: false,
+		default: void 0
+	}
+}, sliderDefaults) });
+var Slider_default = Slider;
+exports.default = Slider_default;