@sdata/web-vue 3.30.0 → 4.1.0

package/es/radio/radio.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,152 @@
+import { useFormItem } from "../_hooks/use-form-item.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { isNull, isUndefined } from "../_utils/is.js";
+import icon_hover_default from "../_components/icon-hover.js";
+import { radioGroupKey } from "./context.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, openBlock, ref, renderSlot, toRef, unref, useSlots, watch, withCtx } from "vue";
+//#region components/radio/radio.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"checked",
+	"value",
+	"name",
+	"disabled"
+];
+var radio_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Radio" }), {}, {
+	__name: "radio",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		},
+		defaultChecked: {
+			type: Boolean,
+			default: false
+		},
+		value: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: true
+		},
+		type: { default: "radio" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		uninjectGroupContext: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		useSlots();
+		const prefixCls = getPrefixCls("radio");
+		const radioGroupCtx = !props.uninjectGroupContext ? inject(radioGroupKey, void 0) : void 0;
+		const { mergedDisabled: formItemDisabled, eventHandlers } = useFormItem({ disabled: toRef(props, "disabled") });
+		const inputRef = ref(null);
+		const internalChecked = ref(props.defaultChecked);
+		const resolvedValue = computed(() => {
+			var _props$value;
+			return (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : true;
+		});
+		const isGroup = computed(() => (radioGroupCtx === null || radioGroupCtx === void 0 ? void 0 : radioGroupCtx.name) === "SDRadioGroup");
+		const mergedType = computed(() => {
+			var _radioGroupCtx$type;
+			return (_radioGroupCtx$type = radioGroupCtx === null || radioGroupCtx === void 0 ? void 0 : radioGroupCtx.type) !== null && _radioGroupCtx$type !== void 0 ? _radioGroupCtx$type : props.type;
+		});
+		const mergedDisabled = computed(() => (radioGroupCtx === null || radioGroupCtx === void 0 ? void 0 : radioGroupCtx.disabled) || formItemDisabled.value);
+		const computedChecked = computed(() => {
+			if (isGroup.value) return (radioGroupCtx === null || radioGroupCtx === void 0 ? void 0 : radioGroupCtx.value) === resolvedValue.value;
+			if (!isUndefined(props.modelValue)) return props.modelValue === resolvedValue.value;
+			return internalChecked.value;
+		});
+		const cls = computed(() => [mergedType.value === "button" ? `${prefixCls}-button` : prefixCls, {
+			[`${prefixCls}-checked`]: computedChecked.value,
+			[`${prefixCls}-disabled`]: mergedDisabled.value
+		}]);
+		const RenderGroupRadio = () => {
+			var _radioGroupCtx$slots, _radioGroupCtx$slots$;
+			return radioGroupCtx === null || radioGroupCtx === void 0 || (_radioGroupCtx$slots$ = (_radioGroupCtx$slots = radioGroupCtx.slots).radio) === null || _radioGroupCtx$slots$ === void 0 ? void 0 : _radioGroupCtx$slots$.call(_radioGroupCtx$slots, {
+				checked: computedChecked.value,
+				disabled: mergedDisabled.value
+			});
+		};
+		const handleFocus = (event) => {
+			var _eventHandlers$value, _eventHandlers$value$;
+			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onFocus) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value, event);
+		};
+		const handleBlur = (event) => {
+			var _eventHandlers$value2, _eventHandlers$value3;
+			(_eventHandlers$value2 = eventHandlers.value) === null || _eventHandlers$value2 === void 0 || (_eventHandlers$value3 = _eventHandlers$value2.onBlur) === null || _eventHandlers$value3 === void 0 || _eventHandlers$value3.call(_eventHandlers$value2, event);
+		};
+		const handleClick = (event) => {
+			event.stopPropagation();
+		};
+		const handleChange = (event) => {
+			internalChecked.value = true;
+			if (isGroup.value) radioGroupCtx === null || radioGroupCtx === void 0 || radioGroupCtx.handleChange(resolvedValue.value, event);
+			else {
+				var _eventHandlers$value4, _eventHandlers$value5;
+				emit("update:modelValue", resolvedValue.value);
+				emit("change", resolvedValue.value, event);
+				(_eventHandlers$value4 = eventHandlers.value) === null || _eventHandlers$value4 === void 0 || (_eventHandlers$value5 = _eventHandlers$value4.onChange) === null || _eventHandlers$value5 === void 0 || _eventHandlers$value5.call(_eventHandlers$value4, event);
+			}
+			nextTick(() => {
+				if (inputRef.value && inputRef.value.checked !== computedChecked.value) inputRef.value.checked = computedChecked.value;
+			});
+		};
+		watch(() => props.modelValue, (value) => {
+			if (isUndefined(value) || isNull(value)) internalChecked.value = false;
+		});
+		watch(computedChecked, (value, previousValue) => {
+			if (value !== previousValue) {
+				internalChecked.value = value;
+				if (inputRef.value) inputRef.value.checked = value;
+			}
+		});
+		return (_ctx, _cache) => {
+			var _unref2, _unref3;
+			return openBlock(), createElementBlock("label", { class: normalizeClass(cls.value) }, [createElementVNode("input", {
+				ref_key: "inputRef",
+				ref: inputRef,
+				type: "radio",
+				checked: computedChecked.value,
+				value: __props.value,
+				name: (_unref2 = unref(radioGroupCtx)) === null || _unref2 === void 0 ? void 0 : _unref2.inputName,
+				class: normalizeClass(`${unref(prefixCls)}-target`),
+				disabled: mergedDisabled.value,
+				onClick: handleClick,
+				onChange: handleChange,
+				onFocus: handleFocus,
+				onBlur: handleBlur
+			}, null, 42, _hoisted_1), mergedType.value === "radio" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_ctx.$slots.radio ? renderSlot(_ctx.$slots, "radio", {
+				checked: computedChecked.value,
+				disabled: mergedDisabled.value
+			}, void 0, void 0, 0) : ((_unref3 = unref(radioGroupCtx)) === null || _unref3 === void 0 ? void 0 : _unref3.slots.radio) ? (openBlock(), createBlock(RenderGroupRadio, { key: 1 })) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createVNode(icon_hover_default, {
+				class: normalizeClass(`${unref(prefixCls)}-icon-hover`),
+				disabled: mergedDisabled.value || computedChecked.value
+			}, {
+				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-icon`) }, null, 2)]),
+				_: 1
+			}, 8, ["class", "disabled"]), _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(`${unref(prefixCls)}-label`)
+			}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true)], 64))], 64)) : (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass(`${unref(prefixCls)}-button-content`)
+			}, [renderSlot(_ctx.$slots, "default")], 2))], 2);
+		};
+	}
+}));
+//#endregion
+export { radio_vue_vue_type_script_setup_true_lang_default as default };

package/es/rate/index.d.ts

@@ -1,6 +1,6 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
-import _Rate from './rate';
+import _Rate from './rate.vue';
 declare const Rate: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         count: {
@@ -42,10 +42,10 @@ declare const Rate: {
         onChange?: ((_value: number) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: number) => any) | undefined;
         onHoverChange?: ((_value: number) => any) | undefined;
-    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:modelValue': (_value: number) => true;
-        change: (_value: number) => true;
-        hoverChange: (_value: number) => true;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (_value: number) => void;
+        "update:modelValue": (_value: number) => void;
+        hoverChange: (_value: number) => void;
     }, import("vue").PublicProps, {
         disabled: boolean;
         readonly: string | boolean;
@@ -102,7 +102,7 @@ declare const Rate: {
         onChange?: ((_value: number) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: number) => any) | undefined;
         onHoverChange?: ((_value: number) => any) | undefined;
-    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+    }>, {}, {}, {}, {}, {
         disabled: boolean;
         readonly: string | boolean;
         defaultValue: number;
@@ -155,10 +155,10 @@ declare const Rate: {
     onChange?: ((_value: number) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: number) => any) | undefined;
     onHoverChange?: ((_value: number) => any) | undefined;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (_value: number) => true;
-    change: (_value: number) => true;
-    hoverChange: (_value: number) => true;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: number) => void;
+    "update:modelValue": (_value: number) => void;
+    hoverChange: (_value: number) => void;
 }, string, {
     disabled: boolean;
     readonly: string | boolean;
@@ -168,7 +168,13 @@ declare const Rate: {
     count: number;
     allowHalf: boolean;
     grading: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        character(props: {
+            index: number;
+        }): unknown;
+    };
+}) & {
     install: (app: App, options?: SDOptions) => void;
 };
 export type RateInstance = InstanceType<typeof _Rate>;

package/es/rate/rate.js

@@ -1,271 +1,5 @@
-import { useFormItem } from "../_hooks/use-form-item.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isNull, isObject, isString, isUndefined } from "../_utils/is.js";
-import { KEYBOARD_KEY } from "../_utils/keyboard.js";
-import { useI18n } from "../locale/index.js";
-import { useAllowClear } from "../_hooks/use-allow-clear.js";
-import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
-import Tooltip from "../tooltip/index.js";
-import IconFaceFrownFill from "../icon/icon-face-frown-fill/index.js";
-import IconFaceMehFill from "../icon/icon-face-meh-fill/index.js";
-import IconFaceSmileFill from "../icon/icon-face-smile-fill/index.js";
-import IconStarFill from "../icon/icon-star-fill/index.js";
-import { computed, createVNode, defineComponent, mergeProps, ref, toRef, toRefs, watch } from "vue";
-import NP from "number-precision";
-//#region components/rate/rate.tsx
-var rate_default = /* @__PURE__ */ defineComponent({
-	name: "Rate",
-	props: {
-		/**
-		* @zh 评分的总数
-		* @en Total number of rate
-		*/
-		count: {
-			type: Number,
-			default: 5
-		},
-		/**
-		* @zh 绑定值
-		* @en Value
-		* @vModel
-		*/
-		modelValue: {
-			type: Number,
-			default: void 0
-		},
-		/**
-		* @zh 默认值
-		* @en Default Value
-		*/
-		defaultValue: {
-			type: Number,
-			default: 0
-		},
-		/**
-		* @zh 是否允许半选
-		* @en Whether to allow half selection
-		*/
-		allowHalf: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 是否允许清除
-		* @en Whether to allow clear
-		*/
-		allowClear: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 是否开启笑脸分级
-		* @en Whether to enable smile grading
-		*/
-		grading: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 是否为只读状态
-		* @en Whether it is readonly
-		*/
-		readonly: {
-			type: [Boolean, String],
-			default: false
-		},
-		/**
-		* @zh 是否禁用
-		* @en Whether to disable
-		*/
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 颜色
-		* @en Color
-		* @version 2.18.0
-		*/
-		color: { type: [String, Object] }
-	},
-	emits: {
-		"update:modelValue": (_value) => true,
-		/**
-		* @zh 值改变时触发
-		* @en Trigger when the value changes
-		* @property {number} value
-		*/
-		"change": (_value) => true,
-		/**
-		* @zh 鼠标移动到数值上时触发
-		* @en Triggered when the mouse moves over the value
-		* @property {number} value
-		*/
-		"hoverChange": (_value) => true
-	},
-	/**
-	* @zh 符号
-	* @en Character
-	* @slot character
-	* @binding {number} index
-	*/
-	setup(props, { emit, slots }) {
-		const { t } = useI18n();
-		const { modelValue, allowClear } = toRefs(props);
-		const prefixCls = getPrefixCls("rate");
-		const { mergedDisabled: _mergedDisabled, eventHandlers } = useFormItem({ disabled: toRef(props, "disabled") });
-		const { mergedAllowClear } = useAllowClear(allowClear);
-		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), _mergedDisabled);
-		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
-		const _value = ref(props.defaultValue);
-		const animation = ref(false);
-		watch(modelValue, (value) => {
-			if (isUndefined(value) || isNull(value)) _value.value = 0;
-		});
-		const hoverIndex = ref(0);
-		const computedValue = computed(() => {
-			var _props$modelValue;
-			return (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : _value.value;
-		});
-		const displayIndex = computed(() => {
-			const fixedValue = props.allowHalf ? NP.times(NP.round(NP.divide(computedValue.value, .5), 0), .5) : Math.round(computedValue.value);
-			return hoverIndex.value || fixedValue;
-		});
-		const mergedDisabled = computed(() => _mergedDisabled.value || props.readonly);
-		const indexArray = computed(() => [...Array(props.grading ? 5 : props.count)]);
-		const customColor = computed(() => {
-			if (isString(props.color)) return indexArray.value.map(() => props.color);
-			if (isObject(props.color)) {
-				var _sortedKeys$pop;
-				const sortedKeys = Object.keys(props.color).map((key) => Number(key)).sort((a, b) => b - a);
-				let threshold = (_sortedKeys$pop = sortedKeys.pop()) !== null && _sortedKeys$pop !== void 0 ? _sortedKeys$pop : indexArray.value.length;
-				return indexArray.value.map((_, index) => {
-					if (index + 1 > threshold) {
-						var _sortedKeys$pop2;
-						threshold = (_sortedKeys$pop2 = sortedKeys.pop()) !== null && _sortedKeys$pop2 !== void 0 ? _sortedKeys$pop2 : threshold;
-					}
-					return props.color[String(threshold)];
-				});
-			}
-		});
-		const resetHoverIndex = () => {
-			if (hoverIndex.value) {
-				hoverIndex.value = 0;
-				emit("hoverChange", 0);
-			}
-		};
-		const handleMouseEnter = (index, isHalf) => {
-			const newHoverIndex = isHalf && props.allowHalf ? index + .5 : index + 1;
-			if (newHoverIndex !== hoverIndex.value) {
-				hoverIndex.value = newHoverIndex;
-				emit("hoverChange", newHoverIndex);
-			}
-		};
-		const handleClick = (index, isHalf) => {
-			const newValue = isHalf && props.allowHalf ? index + .5 : index + 1;
-			animation.value = true;
-			if (newValue !== computedValue.value) {
-				var _eventHandlers$value, _eventHandlers$value$;
-				_value.value = newValue;
-				emit("update:modelValue", newValue);
-				emit("change", newValue);
-				(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value);
-			} else if (mergedAllowClear.value) {
-				var _eventHandlers$value2, _eventHandlers$value3;
-				_value.value = 0;
-				emit("update:modelValue", 0);
-				emit("change", 0);
-				(_eventHandlers$value2 = eventHandlers.value) === null || _eventHandlers$value2 === void 0 || (_eventHandlers$value3 = _eventHandlers$value2.onChange) === null || _eventHandlers$value3 === void 0 || _eventHandlers$value3.call(_eventHandlers$value2);
-			}
-		};
-		const handleAnimationEnd = (index) => {
-			if (animation.value && index + 1 >= computedValue.value - 1) animation.value = false;
-		};
-		const handleKeydown = (e) => {
-			if (mergedDisabled.value) return;
-			const step = props.allowHalf ? .5 : 1;
-			let next = computedValue.value;
-			if (e.key === KEYBOARD_KEY.ARROW_RIGHT || e.key === KEYBOARD_KEY.ARROW_UP) next = next + step;
-			else if (e.key === KEYBOARD_KEY.ARROW_LEFT || e.key === KEYBOARD_KEY.ARROW_DOWN) next = next - step;
-			else if (e.key === KEYBOARD_KEY.HOME) next = 0;
-			else if (e.key === KEYBOARD_KEY.END) next = indexArray.value.length;
-			else return;
-			e.preventDefault();
-			next = Math.max(0, Math.min(next, indexArray.value.length));
-			if (next !== computedValue.value) {
-				var _eventHandlers$value4, _eventHandlers$value5;
-				_value.value = next;
-				emit("update:modelValue", next);
-				emit("change", next);
-				(_eventHandlers$value4 = eventHandlers.value) === null || _eventHandlers$value4 === void 0 || (_eventHandlers$value5 = _eventHandlers$value4.onChange) === null || _eventHandlers$value5 === void 0 || _eventHandlers$value5.call(_eventHandlers$value4);
-			}
-		};
-		const renderGradingCharacter = (index, displayIndex) => {
-			if (index > displayIndex) return createVNode(IconFaceMehFill, null, null);
-			if (displayIndex <= 2) return createVNode(IconFaceFrownFill, null, null);
-			if (displayIndex <= 3) return createVNode(IconFaceMehFill, null, null);
-			return createVNode(IconFaceSmileFill, null, null);
-		};
-		const getAriaProps = (index, isHalf = false) => {
-			return {
-				"role": "radio",
-				"aria-checked": index + (isHalf ? .5 : 1) <= computedValue.value,
-				"aria-setsize": indexArray.value.length,
-				"aria-posinset": index + (isHalf ? .5 : 1)
-			};
-		};
-		const renderElement = (index) => {
-			if (props.grading) return renderGradingCharacter(index, displayIndex.value);
-			if (slots.character) return slots.character({ index });
-			return createVNode(IconStarFill, null, null);
-		};
-		const renderCharacter = (index) => {
-			const interactive = !mergedDisabled.value;
-			const readonlyOnly = props.readonly && !_mergedDisabled.value;
-			const leftProps = interactive ? {
-				onMouseenter: () => handleMouseEnter(index, true),
-				onClick: () => handleClick(index, true)
-			} : readonlyOnly ? { onClick: () => showReadonlyTip() } : {};
-			const rightProps = interactive ? {
-				onMouseenter: () => handleMouseEnter(index, false),
-				onClick: () => handleClick(index, false)
-			} : readonlyOnly ? { onClick: () => showReadonlyTip() } : {};
-			const style = animation.value ? { animationDelay: `${50 * index}ms` } : void 0;
-			const parseDisplayIndex = Math.ceil(displayIndex.value) - 1;
-			const leftStyle = customColor.value && props.allowHalf && index + .5 === displayIndex.value ? { color: customColor.value[parseDisplayIndex] } : void 0;
-			const rightStyle = customColor.value && index + 1 <= displayIndex.value ? { color: customColor.value[parseDisplayIndex] } : void 0;
-			return createVNode("div", mergeProps({
-				"class": [`${prefixCls}-character`, {
-					[`${prefixCls}-character-half`]: props.allowHalf && index + .5 === displayIndex.value,
-					[`${prefixCls}-character-full`]: index + 1 <= displayIndex.value,
-					[`${prefixCls}-character-scale`]: animation.value && index + 1 < computedValue.value
-				}],
-				"style": style
-			}, !props.allowHalf ? getAriaProps(index) : void 0, { "onAnimationend": () => handleAnimationEnd(index) }), [createVNode("div", mergeProps({
-				"class": `${prefixCls}-character-left`,
-				"style": leftStyle
-			}, leftProps, props.allowHalf ? getAriaProps(index, true) : void 0), [renderElement(index)]), createVNode("div", mergeProps({
-				"class": `${prefixCls}-character-right`,
-				"style": rightStyle
-			}, rightProps, props.allowHalf ? getAriaProps(index) : void 0), [renderElement(index)])]);
-		};
-		const cls = computed(() => [prefixCls, {
-			[`${prefixCls}-readonly`]: props.readonly,
-			[`${prefixCls}-disabled`]: _mergedDisabled.value
-		}]);
-		return () => createVNode(Tooltip, {
-			"popupVisible": tipVisible.value,
-			"content": readonlyTipText.value,
-			"position": "top"
-		}, { default: () => [createVNode("div", {
-			"class": cls.value,
-			"role": "radiogroup",
-			"aria-label": t("a11y.rating"),
-			"tabindex": mergedDisabled.value ? void 0 : 0,
-			"onMouseleave": resetHoverIndex,
-			"onKeydown": handleKeydown
-		}, [indexArray.value.map((_, index) => renderCharacter(index))])] });
-	}
-});
+import rate_vue_vue_type_script_setup_true_lang_default from "./rate.vue_vue_type_script_setup_true_lang.js";
+//#region components/rate/rate.vue
+var rate_default = rate_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { rate_default as default };

package/es/rate/{rate.d.ts → rate.vue.d.ts}

@@ -1,5 +1,10 @@
-import { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+import type { PropType } from 'vue';
+type __VLS_Slots = {
+    character(props: {
+        index: number;
+    }): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     count: {
         type: NumberConstructor;
         default: number;
@@ -35,10 +40,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     color: {
         type: PropType<string | Record<string, string>>;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (_value: number) => true;
-    change: (_value: number) => true;
-    hoverChange: (_value: number) => true;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: number) => void;
+    "update:modelValue": (_value: number) => void;
+    hoverChange: (_value: number) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     count: {
         type: NumberConstructor;
@@ -89,4 +94,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     allowHalf: boolean;
     grading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};