@sdata/web-vue 2.1.0 → 2.2.1

package/es/slider/slider-button.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,121 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { off, on } from "../_utils/dom.js";
+import Tooltip from "../tooltip/index.js";
+import { computed, createBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, unref, withCtx, withModifiers } from "vue";
+//#region components/slider/slider-button.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"aria-disabled",
+	"aria-valuemax",
+	"aria-valuemin",
+	"aria-valuenow",
+	"aria-valuetext"
+];
+var slider_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "SliderButton" }), {}, {
+	__name: "slider-button",
+	props: {
+		direction: {
+			type: String,
+			default: "horizontal"
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		min: {
+			type: Number,
+			required: true
+		},
+		max: {
+			type: Number,
+			required: true
+		},
+		formatTooltip: { type: Function },
+		value: [String, Number],
+		tooltipPosition: { type: String },
+		showTooltip: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: [
+		"movestart",
+		"moving",
+		"moveend"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const prefixCls = getPrefixCls("slider-btn");
+		const isDragging = ref(false);
+		const handleMouseDown = (e) => {
+			if (props.disabled) return;
+			e.preventDefault();
+			isDragging.value = true;
+			on(window, "mousemove", handleMouseMove);
+			on(window, "touchmove", handleMouseMove);
+			on(window, "mouseup", handleMouseUp);
+			on(window, "contextmenu", handleMouseUp);
+			on(window, "touchend", handleMouseUp);
+			emit("movestart");
+		};
+		const handleMouseMove = (e) => {
+			let clientX;
+			let clientY;
+			if (e.type.startsWith("touch")) {
+				clientY = e.touches[0].clientY;
+				clientX = e.touches[0].clientX;
+			} else {
+				clientY = e.clientY;
+				clientX = e.clientX;
+			}
+			emit("moving", clientX, clientY);
+		};
+		const handleMouseUp = () => {
+			isDragging.value = false;
+			off(window, "mousemove", handleMouseMove);
+			off(window, "mouseup", handleMouseUp);
+			off(window, "touchend", handleMouseUp);
+			emit("moveend");
+		};
+		const cls = computed(() => [prefixCls]);
+		const mergedTooltipPosition = computed(() => {
+			var _props$tooltipPositio;
+			return ((_props$tooltipPositio = props.tooltipPosition) !== null && _props$tooltipPositio !== void 0 ? _props$tooltipPositio : props.direction === "vertical") ? "right" : "top";
+		});
+		const tooltipContent = computed(() => {
+			var _props$formatTooltip, _props$formatTooltip2;
+			return (_props$formatTooltip = (_props$formatTooltip2 = props.formatTooltip) === null || _props$formatTooltip2 === void 0 ? void 0 : _props$formatTooltip2.call(props, props.value)) !== null && _props$formatTooltip !== void 0 ? _props$formatTooltip : `${props.value}`;
+		});
+		const popupVisible = computed(() => props.showTooltip ? isDragging.value ? true : void 0 : false);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Tooltip), {
+				"popup-visible": popupVisible.value,
+				position: mergedTooltipPosition.value,
+				content: tooltipContent.value
+			}, {
+				default: withCtx(() => [createElementVNode("div", mergeProps(_ctx.$attrs, {
+					tabindex: "0",
+					role: "slider",
+					"aria-disabled": __props.disabled,
+					"aria-valuemax": __props.max,
+					"aria-valuemin": __props.min,
+					"aria-valuenow": __props.value,
+					"aria-valuetext": tooltipContent.value,
+					class: cls.value,
+					onMousedown: handleMouseDown,
+					onTouchstart: handleMouseDown,
+					onContextmenu: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
+					onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
+				}), null, 16, _hoisted_1)]),
+				_: 1
+			}, 8, [
+				"popup-visible",
+				"position",
+				"content"
+			]);
+		};
+	}
+}));
+//#endregion
+export { slider_button_vue_vue_type_script_setup_true_lang_default as default };

package/es/slider/slider-dots.js

@@ -1,16 +1,5 @@
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import slider_dots_vue_vue_type_script_lang_default from "./slider-dots.vue_vue_type_script_lang.js";
-import { Fragment, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, openBlock, renderList } from "vue";
+import slider_dots_vue_vue_type_script_setup_true_lang_default from "./slider-dots.vue_vue_type_script_setup_true_lang.js";
 //#region components/slider/slider-dots.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("div", { class: normalizeClass(`${_ctx.prefixCls}-dots`) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item, index) => {
-		return openBlock(), createElementBlock("div", {
-			key: index,
-			class: normalizeClass(`${_ctx.prefixCls}-dot-wrapper`),
-			style: normalizeStyle(_ctx.getStyle(item.key))
-		}, [createElementVNode("div", { class: normalizeClass([`${_ctx.prefixCls}-dot`, { [`${_ctx.prefixCls}-dot-active`]: item.isActive }]) }, null, 2)], 6);
-	}), 128))], 2);
-}
-var slider_dots_default = /*#__PURE__*/ _plugin_vue_export_helper_default(slider_dots_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var slider_dots_default = slider_dots_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { slider_dots_default as default };

package/es/slider/slider-dots.vue.d.ts

@@ -1,7 +1,5 @@
 import { PropType } from 'vue';
 import { DIRECTIONS } from '../_utils/constant';
-declare const _default: typeof __VLS_export;
-export default _default;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<Array<{
@@ -23,10 +21,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: PropType<(typeof DIRECTIONS)[number]>;
         default: string;
     };
-}>, {
-    prefixCls: string;
-    getStyle: (value: number) => import("vue").CSSProperties;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<Array<{
             key: number;
@@ -50,3 +45,5 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{}>, {
     direction: "horizontal" | "vertical";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/slider/slider-dots.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { getOffsetPercent, getPositionStyle } from "./utils.js";
+import { Fragment, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, unref } from "vue";
+//#region components/slider/slider-dots.vue?vue&type=script&setup=true&lang.ts
+var slider_dots_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "SliderDots" }), {}, {
+	__name: "slider-dots",
+	props: {
+		data: {
+			type: Array,
+			required: true
+		},
+		min: {
+			type: Number,
+			required: true
+		},
+		max: {
+			type: Number,
+			required: true
+		},
+		direction: {
+			type: String,
+			default: "horizontal"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const prefixCls = getPrefixCls("slider");
+		const getStyle = (value) => getPositionStyle(getOffsetPercent(value, [props.min, props.max]), props.direction);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(`${unref(prefixCls)}-dots`) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.data, (item, index) => {
+				return openBlock(), createElementBlock("div", {
+					key: index,
+					class: normalizeClass(`${unref(prefixCls)}-dot-wrapper`),
+					style: normalizeStyle(getStyle(item.key))
+				}, [createElementVNode("div", { class: normalizeClass([`${unref(prefixCls)}-dot`, { [`${unref(prefixCls)}-dot-active`]: item.isActive }]) }, null, 2)], 6);
+			}), 128))], 2);
+		};
+	}
+}));
+//#endregion
+export { slider_dots_vue_vue_type_script_setup_true_lang_default as default };

package/es/slider/slider-input.js

@@ -1,39 +1,5 @@
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import slider_input_vue_vue_type_script_lang_default from "./slider-input.vue_vue_type_script_lang.js";
-import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, normalizeClass, openBlock, resolveComponent } from "vue";
+import slider_input_vue_vue_type_script_setup_true_lang_default from "./slider-input.vue_vue_type_script_setup_true_lang.js";
 //#region components/slider/slider-input.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	const _component_input_number = resolveComponent("input-number");
-	return openBlock(), createElementBlock("div", { class: normalizeClass(`${_ctx.prefixCls}-input`) }, [_ctx.range ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(_component_input_number, {
-		min: _ctx.min,
-		max: _ctx.max,
-		step: _ctx.step,
-		disabled: _ctx.disabled,
-		"model-value": _ctx.modelValue[0],
-		"hide-button": "",
-		onChange: _cache[0] || (_cache[0] = (value) => _ctx.$emit("startChange", value))
-	}, null, 8, [
-		"min",
-		"max",
-		"step",
-		"disabled",
-		"model-value"
-	]), createElementVNode("div", { class: normalizeClass(`${_ctx.prefixCls}-input-hyphens`) }, null, 2)], 64)) : createCommentVNode("", true), createVNode(_component_input_number, {
-		min: _ctx.min,
-		max: _ctx.max,
-		step: _ctx.step,
-		disabled: _ctx.disabled,
-		"model-value": _ctx.modelValue[1],
-		"hide-button": "",
-		onChange: _cache[1] || (_cache[1] = (value) => _ctx.$emit("endChange", value))
-	}, null, 8, [
-		"min",
-		"max",
-		"step",
-		"disabled",
-		"model-value"
-	])], 2);
-}
-var slider_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(slider_input_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var slider_input_default = slider_input_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { slider_input_default as default };

package/es/slider/slider-input.vue.d.ts

@@ -1,6 +1,4 @@
 import { PropType } from 'vue';
-declare const _default: typeof __VLS_export;
-export default _default;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<[number, number]>;
@@ -21,9 +19,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     range: {
         type: BooleanConstructor;
     };
-}>, {
-    prefixCls: string;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("startChange" | "endChange")[], "startChange" | "endChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    startChange: (_value?: number | undefined) => any;
+    endChange: (_value?: number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<[number, number]>;
         required: true;
@@ -44,299 +43,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: BooleanConstructor;
     };
 }>> & Readonly<{
-    onStartChange?: ((...args: any[]) => any) | undefined;
-    onEndChange?: ((...args: any[]) => any) | undefined;
+    onStartChange?: ((_value?: number | undefined) => any) | undefined;
+    onEndChange?: ((_value?: number | undefined) => any) | undefined;
 }>, {
-    range: boolean;
     disabled: boolean;
-}, {}, {
-    InputNumber: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: {
-                type: PropType<string | number>;
-            };
-            defaultValue: {
-                type: PropType<string | number>;
-            };
-            mode: {
-                type: PropType<"embed" | "button">;
-                default: string;
-            };
-            precision: NumberConstructor;
-            step: {
-                type: NumberConstructor;
-                default: number;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            error: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            max: {
-                type: NumberConstructor;
-                default: number;
-            };
-            min: {
-                type: NumberConstructor;
-                default: number;
-            };
-            formatter: {
-                type: FunctionConstructor;
-            };
-            parser: {
-                type: FunctionConstructor;
-            };
-            placeholder: StringConstructor;
-            hideButton: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            size: {
-                type: PropType<import("..").Size>;
-            };
-            allowClear: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            modelEvent: {
-                type: PropType<"change" | "input">;
-                default: string;
-            };
-            readOnly: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            inputAttrs: {
-                type: ObjectConstructor;
-            };
-        }>> & Readonly<{
-            onClear?: ((_ev: Event) => any) | undefined;
-            onFocus?: ((_ev: FocusEvent) => any) | undefined;
-            onBlur?: ((_ev: FocusEvent) => any) | undefined;
-            onChange?: ((_value: string | number | null | undefined, _ev: Event) => any) | undefined;
-            onInput?: ((_value: string | number | null | undefined, _inputValue: string, _ev: Event) => any) | undefined;
-            onKeydown?: ((_ev: KeyboardEvent) => any) | undefined;
-            "onUpdate:modelValue"?: ((_value: string | number | null | undefined) => any) | undefined;
-        }>, {
-            inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-            render: () => import("vue/jsx-runtime").JSX.Element;
-        }, {}, {}, {
-            focus(): void;
-            blur(): void;
-        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            'update:modelValue': (_value: string | number | null | undefined) => true;
-            change: (_value: string | number | null | undefined, _ev: Event) => true;
-            focus: (_ev: FocusEvent) => true;
-            blur: (_ev: FocusEvent) => true;
-            clear: (_ev: Event) => true;
-            input: (_value: string | number | null | undefined, _inputValue: string, _ev: Event) => true;
-            keydown: (_ev: KeyboardEvent) => true;
-        }, import("vue").PublicProps, {
-            disabled: boolean;
-            error: boolean;
-            allowClear: boolean;
-            max: number;
-            mode: "embed" | "button";
-            step: number;
-            min: number;
-            hideButton: boolean;
-            modelEvent: "change" | "input";
-            readOnly: boolean;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            modelValue: {
-                type: PropType<string | number>;
-            };
-            defaultValue: {
-                type: PropType<string | number>;
-            };
-            mode: {
-                type: PropType<"embed" | "button">;
-                default: string;
-            };
-            precision: NumberConstructor;
-            step: {
-                type: NumberConstructor;
-                default: number;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            error: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            max: {
-                type: NumberConstructor;
-                default: number;
-            };
-            min: {
-                type: NumberConstructor;
-                default: number;
-            };
-            formatter: {
-                type: FunctionConstructor;
-            };
-            parser: {
-                type: FunctionConstructor;
-            };
-            placeholder: StringConstructor;
-            hideButton: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            size: {
-                type: PropType<import("..").Size>;
-            };
-            allowClear: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            modelEvent: {
-                type: PropType<"change" | "input">;
-                default: string;
-            };
-            readOnly: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            inputAttrs: {
-                type: ObjectConstructor;
-            };
-        }>> & Readonly<{
-            onClear?: ((_ev: Event) => any) | undefined;
-            onFocus?: ((_ev: FocusEvent) => any) | undefined;
-            onBlur?: ((_ev: FocusEvent) => any) | undefined;
-            onChange?: ((_value: string | number | null | undefined, _ev: Event) => any) | undefined;
-            onInput?: ((_value: string | number | null | undefined, _inputValue: string, _ev: Event) => any) | undefined;
-            onKeydown?: ((_ev: KeyboardEvent) => any) | undefined;
-            "onUpdate:modelValue"?: ((_value: string | number | null | undefined) => any) | undefined;
-        }>, {
-            inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-            render: () => import("vue/jsx-runtime").JSX.Element;
-        }, {}, {}, {
-            focus(): void;
-            blur(): void;
-        }, {
-            disabled: boolean;
-            error: boolean;
-            allowClear: boolean;
-            max: number;
-            mode: "embed" | "button";
-            step: number;
-            min: number;
-            hideButton: boolean;
-            modelEvent: "change" | "input";
-            readOnly: boolean;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: PropType<string | number>;
-        };
-        defaultValue: {
-            type: PropType<string | number>;
-        };
-        mode: {
-            type: PropType<"embed" | "button">;
-            default: string;
-        };
-        precision: NumberConstructor;
-        step: {
-            type: NumberConstructor;
-            default: number;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        error: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        max: {
-            type: NumberConstructor;
-            default: number;
-        };
-        min: {
-            type: NumberConstructor;
-            default: number;
-        };
-        formatter: {
-            type: FunctionConstructor;
-        };
-        parser: {
-            type: FunctionConstructor;
-        };
-        placeholder: StringConstructor;
-        hideButton: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        size: {
-            type: PropType<import("..").Size>;
-        };
-        allowClear: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        modelEvent: {
-            type: PropType<"change" | "input">;
-            default: string;
-        };
-        readOnly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        inputAttrs: {
-            type: ObjectConstructor;
-        };
-    }>> & Readonly<{
-        onClear?: ((_ev: Event) => any) | undefined;
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
-        onBlur?: ((_ev: FocusEvent) => any) | undefined;
-        onChange?: ((_value: string | number | null | undefined, _ev: Event) => any) | undefined;
-        onInput?: ((_value: string | number | null | undefined, _inputValue: string, _ev: Event) => any) | undefined;
-        onKeydown?: ((_ev: KeyboardEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: string | number | null | undefined) => any) | undefined;
-    }>, {
-        inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-        render: () => import("vue/jsx-runtime").JSX.Element;
-    }, {}, {}, {
-        focus(): void;
-        blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:modelValue': (_value: string | number | null | undefined) => true;
-        change: (_value: string | number | null | undefined, _ev: Event) => true;
-        focus: (_ev: FocusEvent) => true;
-        blur: (_ev: FocusEvent) => true;
-        clear: (_ev: Event) => true;
-        input: (_value: string | number | null | undefined, _inputValue: string, _ev: Event) => true;
-        keydown: (_ev: KeyboardEvent) => true;
-    }, string, {
-        disabled: boolean;
-        error: boolean;
-        allowClear: boolean;
-        max: number;
-        mode: "embed" | "button";
-        step: number;
-        min: number;
-        hideButton: boolean;
-        modelEvent: "change" | "input";
-        readOnly: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-        install: (app: import("vue").App, options?: import("../_utils/types").SDOptions) => void;
-    };
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    range: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/slider/slider-input.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import InputNumber from "../input-number/index.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
+//#region components/slider/slider-input.vue?vue&type=script&setup=true&lang.ts
+var slider_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "SliderInput" }), {}, {
+	__name: "slider-input",
+	props: {
+		modelValue: {
+			type: Array,
+			required: true
+		},
+		min: { type: Number },
+		max: { type: Number },
+		step: { type: Number },
+		disabled: { type: Boolean },
+		range: { type: Boolean }
+	},
+	emits: ["startChange", "endChange"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const handleStartChange = (value) => {
+			emit("startChange", value == null ? void 0 : Number(value));
+		};
+		const handleEndChange = (value) => {
+			emit("endChange", value == null ? void 0 : Number(value));
+		};
+		const prefixCls = getPrefixCls("slider");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(`${unref(prefixCls)}-input`) }, [__props.range ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(InputNumber), {
+				min: __props.min,
+				max: __props.max,
+				step: __props.step,
+				disabled: __props.disabled,
+				"model-value": __props.modelValue[0],
+				"hide-button": "",
+				onChange: handleStartChange
+			}, null, 8, [
+				"min",
+				"max",
+				"step",
+				"disabled",
+				"model-value"
+			]), createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-input-hyphens`) }, null, 2)], 64)) : createCommentVNode("", true), createVNode(unref(InputNumber), {
+				min: __props.min,
+				max: __props.max,
+				step: __props.step,
+				disabled: __props.disabled,
+				"model-value": __props.modelValue[1],
+				"hide-button": "",
+				onChange: handleEndChange
+			}, null, 8, [
+				"min",
+				"max",
+				"step",
+				"disabled",
+				"model-value"
+			])], 2);
+		};
+	}
+}));
+//#endregion
+export { slider_input_vue_vue_type_script_setup_true_lang_default as default };

package/es/slider/slider-marks.js

@@ -1,17 +1,5 @@
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import slider_marks_vue_vue_type_script_lang_default from "./slider-marks.vue_vue_type_script_lang.js";
-import { Fragment, createElementBlock, normalizeClass, normalizeStyle, openBlock, renderList, toDisplayString } from "vue";
+import slider_marks_vue_vue_type_script_setup_true_lang_default from "./slider-marks.vue_vue_type_script_setup_true_lang.js";
 //#region components/slider/slider-marks.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("div", { class: normalizeClass(`${_ctx.prefixCls}-marks`) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item, index) => {
-		return openBlock(), createElementBlock("div", {
-			key: index,
-			"aria-hidden": "true",
-			class: normalizeClass(`${_ctx.prefixCls}-mark`),
-			style: normalizeStyle(_ctx.getStyle(item.key))
-		}, toDisplayString(item.content), 7);
-	}), 128))], 2);
-}
-var slider_marks_default = /*#__PURE__*/ _plugin_vue_export_helper_default(slider_marks_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var slider_marks_default = slider_marks_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { slider_marks_default as default };