@v-c/slider 1.0.7 → 1.0.9

package/dist/Handles/Handle.cjs

@@ -1,11 +1,14 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_context = require("../context.cjs");
 const require_util = require("../util.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
-let __v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
-__v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(__v_c_util_dist_KeyCode);
+let _v_c_util = require("@v-c/util");
+let _v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
+_v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(_v_c_util_dist_KeyCode);
 var Handle_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	name: "Handle",
 	props: {
@@ -83,32 +86,32 @@ var Handle_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (!disabled && keyboard) {
 				let offset = null;
 				switch (e.which || e.keyCode) {
-					case __v_c_util_dist_KeyCode.default.LEFT:
+					case _v_c_util_dist_KeyCode.default.LEFT:
 						offset = direction === "ltr" || direction === "btt" ? -1 : 1;
 						break;
-					case __v_c_util_dist_KeyCode.default.RIGHT:
+					case _v_c_util_dist_KeyCode.default.RIGHT:
 						offset = direction === "ltr" || direction === "btt" ? 1 : -1;
 						break;
-					case __v_c_util_dist_KeyCode.default.UP:
+					case _v_c_util_dist_KeyCode.default.UP:
 						offset = direction !== "ttb" ? 1 : -1;
 						break;
-					case __v_c_util_dist_KeyCode.default.DOWN:
+					case _v_c_util_dist_KeyCode.default.DOWN:
 						offset = direction !== "ttb" ? -1 : 1;
 						break;
-					case __v_c_util_dist_KeyCode.default.HOME:
+					case _v_c_util_dist_KeyCode.default.HOME:
 						offset = "min";
 						break;
-					case __v_c_util_dist_KeyCode.default.END:
+					case _v_c_util_dist_KeyCode.default.END:
 						offset = "max";
 						break;
-					case __v_c_util_dist_KeyCode.default.PAGE_UP:
+					case _v_c_util_dist_KeyCode.default.PAGE_UP:
 						offset = 2;
 						break;
-					case __v_c_util_dist_KeyCode.default.PAGE_DOWN:
+					case _v_c_util_dist_KeyCode.default.PAGE_DOWN:
 						offset = -2;
 						break;
-					case __v_c_util_dist_KeyCode.default.BACKSPACE:
-					case __v_c_util_dist_KeyCode.default.DELETE:
+					case _v_c_util_dist_KeyCode.default.BACKSPACE:
+					case _v_c_util_dist_KeyCode.default.DELETE:
 						emit("delete", e, props.valueIndex);
 						break;
 				}
@@ -120,14 +123,14 @@ var Handle_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		};
 		const handleKeyUp = (e) => {
 			switch (e.which || e.keyCode) {
-				case __v_c_util_dist_KeyCode.default.LEFT:
-				case __v_c_util_dist_KeyCode.default.RIGHT:
-				case __v_c_util_dist_KeyCode.default.UP:
-				case __v_c_util_dist_KeyCode.default.DOWN:
-				case __v_c_util_dist_KeyCode.default.HOME:
-				case __v_c_util_dist_KeyCode.default.END:
-				case __v_c_util_dist_KeyCode.default.PAGE_UP:
-				case __v_c_util_dist_KeyCode.default.PAGE_DOWN:
+				case _v_c_util_dist_KeyCode.default.LEFT:
+				case _v_c_util_dist_KeyCode.default.RIGHT:
+				case _v_c_util_dist_KeyCode.default.UP:
+				case _v_c_util_dist_KeyCode.default.DOWN:
+				case _v_c_util_dist_KeyCode.default.HOME:
+				case _v_c_util_dist_KeyCode.default.END:
+				case _v_c_util_dist_KeyCode.default.PAGE_UP:
+				case _v_c_util_dist_KeyCode.default.PAGE_DOWN:
 					emit("changeComplete");
 					break;
 			}
@@ -136,8 +139,8 @@ var Handle_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			handleNodeRef.value?.focus();
 		} });
 		return () => {
-			const { prefixCls, value, valueIndex, onStartMove, onDelete, render, dragging, draggingDelete, onOffsetChange, onChangeComplete, onFocus, onMouseenter, styles, classNames,...restProps } = props;
-			const { min, max, direction, disabled, range, tabIndex, ariaLabelForHandle, ariaLabelledByForHandle, ariaRequired, ariaValueTextFormatterForHandle } = sliderContext.value;
+			const { prefixCls, value, valueIndex, onStartMove, onDelete, render, dragging, draggingDelete, onOffsetChange, onChangeComplete, onFocus, onMouseenter, ...restProps } = props;
+			const { min, max, direction, disabled, range, tabIndex, ariaLabelForHandle, ariaLabelledByForHandle, ariaRequired, ariaValueTextFormatterForHandle, classNames, styles } = sliderContext.value;
 			const positionStyle = require_util.getDirectionStyle(direction, value, min, max);
 			if (valueIndex !== null) divProps.value = {
 				"tabindex": disabled ? null : require_util.getIndex(tabIndex, valueIndex),
@@ -161,7 +164,7 @@ var Handle_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			};
 			else divProps.value = { ...restProps };
 			const handlePrefixCls = `${prefixCls}-handle`;
-			handleClass.value = (0, __v_c_util.classNames)(handlePrefixCls, {
+			handleClass.value = (0, _v_c_util.classNames)(handlePrefixCls, {
 				[`${handlePrefixCls}-${valueIndex + 1}`]: valueIndex !== null && range,
 				[`${handlePrefixCls}-dragging`]: dragging,
 				[`${handlePrefixCls}-dragging-delete`]: draggingDelete

package/dist/Handles/Handle.js

@@ -133,8 +133,8 @@ var Handle_default = /* @__PURE__ */ defineComponent({
 			handleNodeRef.value?.focus();
 		} });
 		return () => {
-			const { prefixCls, value, valueIndex, onStartMove, onDelete, render, dragging, draggingDelete, onOffsetChange, onChangeComplete, onFocus, onMouseenter, styles, classNames: classNames$1,...restProps } = props;
-			const { min, max, direction, disabled, range, tabIndex, ariaLabelForHandle, ariaLabelledByForHandle, ariaRequired, ariaValueTextFormatterForHandle } = sliderContext.value;
+			const { prefixCls, value, valueIndex, onStartMove, onDelete, render, dragging, draggingDelete, onOffsetChange, onChangeComplete, onFocus, onMouseenter, ...restProps } = props;
+			const { min, max, direction, disabled, range, tabIndex, ariaLabelForHandle, ariaLabelledByForHandle, ariaRequired, ariaValueTextFormatterForHandle, classNames: classNames$1, styles } = sliderContext.value;
 			const positionStyle = getDirectionStyle(direction, value, min, max);
 			if (valueIndex !== null) divProps.value = {
 				"tabindex": disabled ? null : getIndex(tabIndex, valueIndex),

package/dist/Handles/index.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_util = require("../util.cjs");
 const require_Handle = require("./Handle.cjs");
@@ -71,7 +74,7 @@ var Handles_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			}
 		});
 		return () => {
-			const { prefixCls, onStartMove, onOffsetChange, values, handleRender, activeHandleRender, draggingIndex, draggingDelete, onFocus, onBlur, handleStyle,...restProps } = props;
+			const { prefixCls, onStartMove, onOffsetChange, values, handleRender, activeHandleRender, draggingIndex, draggingDelete, onFocus, onBlur, handleStyle, ...restProps } = props;
 			const handleProps = {
 				prefixCls,
 				onStartMove,

package/dist/Handles/index.js

@@ -69,7 +69,7 @@ var Handles_default = /* @__PURE__ */ defineComponent({
 			}
 		});
 		return () => {
-			const { prefixCls, onStartMove, onOffsetChange, values, handleRender, activeHandleRender, draggingIndex, draggingDelete, onFocus, onBlur, handleStyle,...restProps } = props;
+			const { prefixCls, onStartMove, onOffsetChange, values, handleRender, activeHandleRender, draggingIndex, draggingDelete, onFocus, onBlur, handleStyle, ...restProps } = props;
 			const handleProps = {
 				prefixCls,
 				onStartMove,

package/dist/Marks/Mark.cjs

@@ -1,10 +1,13 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_context = require("../context.cjs");
 const require_util = require("../util.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
-var Mark = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots }) => {
+let _v_c_util = require("@v-c/util");
+var Mark = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
 	const sliderContext = require_context.useInjectSlider();
 	return () => {
 		const { prefixCls, value } = props;
@@ -12,10 +15,10 @@ var Mark = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots }) =>
 		const textCls = `${prefixCls}-text`;
 		const positionStyle = require_util.getDirectionStyle(direction, value, min, max);
 		return (0, vue.createVNode)("span", {
-			"class": (0, __v_c_util.classNames)(textCls, { [`${textCls}-active`]: included && includedStart <= value && value <= includedEnd }),
+			"class": (0, _v_c_util.classNames)(textCls, { [`${textCls}-active`]: included && includedStart <= value && value <= includedEnd }),
 			"style": {
 				...positionStyle,
-				...attrs.style
+				...props.style || {}
 			},
 			"onMousedown": (e) => {
 				e.stopPropagation();
@@ -37,7 +40,7 @@ var Mark = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots }) =>
 		default: void 0
 	},
 	style: {
-		type: null,
+		type: Object,
 		required: false,
 		default: void 0
 	},

package/dist/Marks/Mark.js

@@ -2,7 +2,7 @@ import { useInjectSlider } from "../context.js";
 import { getDirectionStyle } from "../util.js";
 import { createVNode, defineComponent } from "vue";
 import { classNames } from "@v-c/util";
-var Mark_default = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
+var Mark_default = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	const sliderContext = useInjectSlider();
 	return () => {
 		const { prefixCls, value } = props;
@@ -13,7 +13,7 @@ var Mark_default = /* @__PURE__ */ defineComponent((props, { attrs, slots }) =>
 			"class": classNames(textCls, { [`${textCls}-active`]: included && includedStart <= value && value <= includedEnd }),
 			"style": {
 				...positionStyle,
-				...attrs.style
+				...props.style || {}
 			},
 			"onMousedown": (e) => {
 				e.stopPropagation();
@@ -35,7 +35,7 @@ var Mark_default = /* @__PURE__ */ defineComponent((props, { attrs, slots }) =>
 		default: void 0
 	},
 	style: {
-		type: null,
+		type: Object,
 		required: false,
 		default: void 0
 	},

package/dist/Marks/index.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_Mark = require("./Mark.cjs");
 let vue = require("vue");

package/dist/Slider.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
 const require_context = require("./context.cjs");
 const require_index = require("./Handles/index.cjs");
@@ -9,11 +12,11 @@ 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);
+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,
@@ -106,7 +109,7 @@ var Slider = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, em
 	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)) {
+		if (!(0, _v_c_util_dist_isEqual.default)(cloneNextValues, rawValues.value, true)) {
 			const triggerValue = getTriggerValue(cloneNextValues);
 			emit("change", triggerValue);
 			props.onChange?.(triggerValue);
@@ -118,7 +121,7 @@ var Slider = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, em
 		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.");
+		(0, _v_c_util_dist_warning.default)(!props.onAfterChange, "[vc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead.");
 		emit("changeComplete", finishValue);
 		props.onChangeComplete?.(finishValue);
 	};
@@ -164,7 +167,7 @@ var Slider = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, em
 				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.");
+				(0, _v_c_util_dist_warning.default)(!props.onAfterChange, "[vc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead.");
 				emit("changeComplete", nextValue);
 				props.onChangeComplete?.(nextValue);
 			}
@@ -211,7 +214,7 @@ var Slider = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, em
 	});
 	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`.");
+			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;
@@ -268,8 +271,8 @@ var Slider = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, em
 		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, {
+		const { id, startPoint, trackStyle, handleStyle, railStyle, dotStyle, activeDotStyle, dots, handleRender, activeHandleRender, classNames, styles } = 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,
@@ -287,10 +290,10 @@ var Slider = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, em
 			"id": id
 		}, [
 			(0, vue.createVNode)("div", {
-				"class": (0, __v_c_util.classNames)(`${prefixCls.value}-rail`, props.classNames?.rail),
+				"class": (0, _v_c_util.classNames)(`${prefixCls.value}-rail`, classNames?.rail),
 				"style": {
 					...railStyle,
-					...props.styles?.rail
+					...styles?.rail
 				}
 			}, null),
 			props.track !== false && (0, vue.createVNode)(require_index$3.default, {
@@ -346,7 +349,7 @@ var Slider = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, em
 		default: void 0
 	},
 	style: {
-		type: null,
+		type: Object,
 		required: false,
 		default: void 0
 	},
@@ -416,12 +419,10 @@ var Slider = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, em
 		default: void 0
 	},
 	value: {
-		type: null,
 		required: false,
 		default: void 0
 	},
 	defaultValue: {
-		type: null,
 		required: false,
 		default: void 0
 	},
@@ -476,30 +477,28 @@ var Slider = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, em
 		default: void 0
 	},
 	trackStyle: {
-		type: null,
+		type: [Object, Array],
 		required: false,
 		default: void 0
 	},
 	handleStyle: {
-		type: null,
+		type: [Object, Array],
 		required: false,
 		default: void 0
 	},
 	railStyle: {
-		type: null,
+		type: Object,
 		required: false,
 		default: void 0
 	},
 	dotStyle: {
-		type: Function,
+		type: [Object, Function],
 		required: false,
-		skipCheck: true,
 		default: void 0
 	},
 	activeDotStyle: {
-		type: Function,
+		type: [Object, Function],
 		required: false,
-		skipCheck: true,
 		default: void 0
 	},
 	marks: {

package/dist/Slider.js

@@ -264,7 +264,7 @@ var Slider_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, emi
 		classNames: props.classNames || {}
 	})));
 	return () => {
-		const { id, startPoint, trackStyle, handleStyle, railStyle, dotStyle, activeDotStyle, dots, handleRender, activeHandleRender } = props;
+		const { id, startPoint, trackStyle, handleStyle, railStyle, dotStyle, activeDotStyle, dots, handleRender, activeHandleRender, classNames: classNames$1, styles } = props;
 		const mergedClassName = classNames(prefixCls.value, props.className, attrs.class, {
 			[`${prefixCls.value}-disabled`]: disabled.value,
 			[`${prefixCls.value}-vertical`]: props.vertical,
@@ -283,10 +283,10 @@ var Slider_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, emi
 			"id": id
 		}, [
 			createVNode("div", {
-				"class": classNames(`${prefixCls.value}-rail`, props.classNames?.rail),
+				"class": classNames(`${prefixCls.value}-rail`, classNames$1?.rail),
 				"style": {
 					...railStyle,
-					...props.styles?.rail
+					...styles?.rail
 				}
 			}, null),
 			props.track !== false && createVNode(Tracks_default, {
@@ -342,7 +342,7 @@ var Slider_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, emi
 		default: void 0
 	},
 	style: {
-		type: null,
+		type: Object,
 		required: false,
 		default: void 0
 	},
@@ -412,12 +412,10 @@ var Slider_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, emi
 		default: void 0
 	},
 	value: {
-		type: null,
 		required: false,
 		default: void 0
 	},
 	defaultValue: {
-		type: null,
 		required: false,
 		default: void 0
 	},
@@ -472,30 +470,28 @@ var Slider_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, emi
 		default: void 0
 	},
 	trackStyle: {
-		type: null,
+		type: [Object, Array],
 		required: false,
 		default: void 0
 	},
 	handleStyle: {
-		type: null,
+		type: [Object, Array],
 		required: false,
 		default: void 0
 	},
 	railStyle: {
-		type: null,
+		type: Object,
 		required: false,
 		default: void 0
 	},
 	dotStyle: {
-		type: Function,
+		type: [Object, Function],
 		required: false,
-		skipCheck: true,
 		default: void 0
 	},
 	activeDotStyle: {
-		type: Function,
+		type: [Object, Function],
 		required: false,
-		skipCheck: true,
 		default: void 0
 	},
 	marks: {

package/dist/Steps/Dot.cjs

@@ -1,9 +1,12 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_context = require("../context.cjs");
 const require_util = require("../util.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
+let _v_c_util = require("@v-c/util");
 var Dot = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) => {
 	const sliderContext = require_context.useInjectSlider();
 	return () => {
@@ -17,7 +20,7 @@ var Dot = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) => {
 			...typeof activeStyle === "function" ? activeStyle(value) : activeStyle
 		};
 		return (0, vue.createVNode)("span", {
-			"class": (0, __v_c_util.classNames)(dotClassName, { [`${dotClassName}-active`]: active }),
+			"class": (0, _v_c_util.classNames)(dotClassName, { [`${dotClassName}-active`]: active }),
 			"style": {
 				...mergedStyle,
 				...attrs.style
@@ -36,15 +39,13 @@ var Dot = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) => {
 		default: void 0
 	},
 	style: {
-		type: Function,
+		type: [Object, Function],
 		required: false,
-		skipCheck: true,
 		default: void 0
 	},
 	activeStyle: {
-		type: Function,
+		type: [Object, Function],
 		required: false,
-		skipCheck: true,
 		default: void 0
 	}
 } });

package/dist/Steps/Dot.js

@@ -34,15 +34,13 @@ var Dot_default = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 		default: void 0
 	},
 	style: {
-		type: Function,
+		type: [Object, Function],
 		required: false,
-		skipCheck: true,
 		default: void 0
 	},
 	activeStyle: {
-		type: Function,
+		type: [Object, Function],
 		required: false,
-		skipCheck: true,
 		default: void 0
 	}
 } });

package/dist/Steps/index.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_context = require("../context.cjs");
 const require_Dot = require("./Dot.cjs");
@@ -48,15 +51,13 @@ var Steps = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) => {
 		default: void 0
 	},
 	style: {
-		type: Function,
+		type: [Object, Function],
 		required: false,
-		skipCheck: true,
 		default: void 0
 	},
 	activeStyle: {
-		type: Function,
+		type: [Object, Function],
 		required: false,
-		skipCheck: true,
 		default: void 0
 	}
 } });

package/dist/Steps/index.js

@@ -46,15 +46,13 @@ var Steps_default = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 		default: void 0
 	},
 	style: {
-		type: Function,
+		type: [Object, Function],
 		required: false,
-		skipCheck: true,
 		default: void 0
 	},
 	activeStyle: {
-		type: Function,
+		type: [Object, Function],
 		required: false,
-		skipCheck: true,
 		default: void 0
 	}
 } });

package/dist/Tracks/Track.cjs

@@ -1,9 +1,12 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_context = require("../context.cjs");
 const require_util = require("../util.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
+let _v_c_util = require("@v-c/util");
 var Track = /* @__PURE__ */ (0, vue.defineComponent)({
 	name: "Track",
 	props: {
@@ -37,7 +40,7 @@ var Track = /* @__PURE__ */ (0, vue.defineComponent)({
 			const offsetStart = require_util.getOffset(start, min, max);
 			const offsetEnd = require_util.getOffset(end, min, max);
 			const trackPrefixCls = `${prefixCls}-track`;
-			const className = replaceCls || (0, __v_c_util.classNames)(trackPrefixCls, {
+			const className = replaceCls || (0, _v_c_util.classNames)(trackPrefixCls, {
 				[`${trackPrefixCls}-${index + 1}`]: index !== null && range,
 				[`${prefixCls}-track-draggable`]: onStartMove
 			}, classNames.track);

package/dist/Tracks/index.cjs

@@ -1,10 +1,13 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_context = require("../context.cjs");
 const require_util = require("../util.cjs");
 const require_Track = require("./Track.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
+let _v_c_util = require("@v-c/util");
 var Tracks = /* @__PURE__ */ (0, vue.defineComponent)({
 	name: "Tracks",
 	props: {
@@ -49,7 +52,7 @@ var Tracks = /* @__PURE__ */ (0, vue.defineComponent)({
 				"prefixCls": props.prefixCls,
 				"start": trackList.value[0].start,
 				"end": trackList.value[trackList.value.length - 1].end,
-				"replaceCls": (0, __v_c_util.classNames)(classNames.tracks, `${props.prefixCls}-tracks`),
+				"replaceCls": (0, _v_c_util.classNames)(classNames.tracks, `${props.prefixCls}-tracks`),
 				"style": styles.tracks
 			}, null) : null, trackList.value.map(({ start, end }, index) => (0, vue.createVNode)(require_Track.default, {
 				"index": index,

package/dist/context.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 var SliderContextKey = Symbol("SliderContext");

package/dist/hooks/useDrag.cjs

@@ -1,9 +1,10 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_context = require("../context.cjs");
 let vue = require("vue");
-let __v_c_util_dist_hooks_useEvent = require("@v-c/util/dist/hooks/useEvent");
-__v_c_util_dist_hooks_useEvent = require_rolldown_runtime.__toESM(__v_c_util_dist_hooks_useEvent);
 var REMOVE_DIST = 130;
 function getPosition(e) {
 	const obj = "targetTouches" in e ? e.targetTouches[0] : e;
@@ -49,7 +50,7 @@ function useDrag(containerRef, direction, rawValues, min, max, formatValue, trig
 			draggingValue: nextValue
 		});
 	};
-	const updateCacheValue = (0, __v_c_util_dist_hooks_useEvent.default)((valueIndex, offsetPercent, deleteMark) => {
+	const updateCacheValue = (valueIndex, offsetPercent, deleteMark) => {
 		if (valueIndex === -1) {
 			const startValue = originValues.value[0];
 			const endValue = originValues.value[originValues.value.length - 1];
@@ -67,7 +68,7 @@ function useDrag(containerRef, direction, rawValues, min, max, formatValue, trig
 			const next = offsetValues.value(cloneValues, offsetDist, valueIndex, "dist");
 			flushValues(next.values, next.value, deleteMark);
 		}
-	});
+	};
 	const onStartMove = (e, valueIndex, startValues) => {
 		e.stopPropagation();
 		const initialValues = startValues || rawValues.value;

package/dist/hooks/useDrag.js

@@ -1,6 +1,5 @@
 import { UnstableContextKey, defaultUnstableContextValue } from "../context.js";
 import { computed, inject, onUnmounted, ref, watch } from "vue";
-import useEvent from "@v-c/util/dist/hooks/useEvent";
 var REMOVE_DIST = 130;
 function getPosition(e) {
 	const obj = "targetTouches" in e ? e.targetTouches[0] : e;
@@ -46,7 +45,7 @@ function useDrag(containerRef, direction, rawValues, min, max, formatValue, trig
 			draggingValue: nextValue
 		});
 	};
-	const updateCacheValue = useEvent((valueIndex, offsetPercent, deleteMark) => {
+	const updateCacheValue = (valueIndex, offsetPercent, deleteMark) => {
 		if (valueIndex === -1) {
 			const startValue = originValues.value[0];
 			const endValue = originValues.value[originValues.value.length - 1];
@@ -64,7 +63,7 @@ function useDrag(containerRef, direction, rawValues, min, max, formatValue, trig
 			const next = offsetValues.value(cloneValues, offsetDist, valueIndex, "dist");
 			flushValues(next.values, next.value, deleteMark);
 		}
-	});
+	};
 	const onStartMove = (e, valueIndex, startValues) => {
 		e.stopPropagation();
 		const initialValues = startValues || rawValues.value;

package/dist/hooks/useOffset.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 function useOffset(min, max, step, markList, allowCross, pushable) {
 	const formatRangeValue = (val) => Math.max(min.value, Math.min(max.value, val));
 	const formatStepValue = (val) => {

package/dist/hooks/useRange.cjs

@@ -1,6 +1,9 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let __v_c_util_dist_warning = require("@v-c/util/dist/warning");
+let _v_c_util_dist_warning = require("@v-c/util/dist/warning");
 function useRange(range) {
 	if (range === true || !range) return [
 		!!range,
@@ -9,7 +12,7 @@ function useRange(range) {
 		0
 	];
 	const { editable = false, draggableTrack = false, minCount, maxCount } = range;
-	if (process.env.NODE_ENV !== "production") (0, __v_c_util_dist_warning.warning)(!editable || !draggableTrack, "`editable` can not work with `draggableTrack`.");
+	if (process.env.NODE_ENV !== "production") (0, _v_c_util_dist_warning.warning)(!editable || !draggableTrack, "`editable` can not work with `draggableTrack`.");
 	return [
 		true,
 		editable,

package/dist/index.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_context = require("./context.cjs");
 const require_Slider = require("./Slider.cjs");
 var src_default = require_Slider.default;

package/dist/interface.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/dist/util.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function getOffset(value, min, max) {
 	return (value - min) / (max - min);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/slider",
   "type": "module",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "",
   "author": "",
   "license": "MIT",
@@ -20,7 +20,7 @@
     "./dist/*": "./dist/*",
     "./package.json": "./package.json"
   },
-  "main": "index.js",
+  "main": "./dist/index.js",
   "files": [
     "dist",
     "package.json"
@@ -29,10 +29,10 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/util": "^1.0.0"
+    "@v-c/util": "^1.0.8"
   },
   "devDependencies": {
-    "@v-c/tooltip": "^1.0.0"
+    "@v-c/tooltip": "^1.0.1"
   },
   "scripts": {
     "build": "vite build",