@sdata/web-vue 3.30.0 → 4.0.0

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;
+    };
+};

package/es/rate/rate.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,220 @@
+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, 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 { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toHandlers, toRef, unref, useAttrs, watch, withCtx } from "vue";
+import { createReusableTemplate } from "@vueuse/core";
+import NP from "number-precision";
+//#region components/rate/rate.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label", "tabindex"];
+var _hoisted_2 = ["onAnimationend"];
+var rate_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "Rate",
+	inheritAttrs: false
+}), {}, {
+	__name: "rate",
+	props: {
+		count: {
+			type: Number,
+			default: 5
+		},
+		modelValue: {
+			type: Number,
+			default: void 0
+		},
+		defaultValue: {
+			type: Number,
+			default: 0
+		},
+		allowHalf: {
+			type: Boolean,
+			default: false
+		},
+		allowClear: {
+			type: Boolean,
+			default: false
+		},
+		grading: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: [Boolean, String],
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		color: { type: [String, Object] }
+	},
+	emits: {
+		"update:modelValue": (_value) => true,
+		"change": (_value) => true,
+		"hoverChange": (_value) => true
+	},
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const [DefineCharacterElement, ReuseCharacterElement] = createReusableTemplate();
+		const { t } = useI18n();
+		const prefixCls = getPrefixCls("rate");
+		const modelValue = toRef(props, "modelValue");
+		const { mergedDisabled: formDisabled, eventHandlers } = useFormItem({ disabled: toRef(props, "disabled") });
+		const { mergedAllowClear } = useAllowClear(toRef(props, "allowClear"));
+		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), formDisabled);
+		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
+		const innerValue = ref(props.defaultValue);
+		const animation = ref(false);
+		const hoverIndex = ref(0);
+		watch(modelValue, (value) => {
+			if (isUndefined(value) || isNull(value)) innerValue.value = 0;
+		});
+		const computedValue = computed(() => {
+			var _props$modelValue;
+			return (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : innerValue.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(() => formDisabled.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) => {
+					var _sortedKeys$pop2;
+					if (index + 1 > threshold) threshold = (_sortedKeys$pop2 = sortedKeys.pop()) !== null && _sortedKeys$pop2 !== void 0 ? _sortedKeys$pop2 : threshold;
+					return props.color[String(threshold)];
+				});
+			}
+		});
+		const cls = computed(() => [prefixCls, {
+			[`${prefixCls}-readonly`]: props.readonly,
+			[`${prefixCls}-disabled`]: formDisabled.value
+		}]);
+		const resetHoverIndex = () => {
+			if (hoverIndex.value) {
+				hoverIndex.value = 0;
+				emit("hoverChange", 0);
+			}
+		};
+		const handleMouseEnter = (index, isHalf) => {
+			const nextHoverIndex = isHalf && props.allowHalf ? index + .5 : index + 1;
+			if (nextHoverIndex !== hoverIndex.value) {
+				hoverIndex.value = nextHoverIndex;
+				emit("hoverChange", nextHoverIndex);
+			}
+		};
+		const handleClick = (index, isHalf) => {
+			const nextValue = isHalf && props.allowHalf ? index + .5 : index + 1;
+			animation.value = true;
+			if (nextValue !== computedValue.value) {
+				var _eventHandlers$value, _eventHandlers$value$;
+				innerValue.value = nextValue;
+				emit("update:modelValue", nextValue);
+				emit("change", nextValue);
+				(_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;
+				innerValue.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 = (event) => {
+			if (mergedDisabled.value) return;
+			const step = props.allowHalf ? .5 : 1;
+			let next = computedValue.value;
+			if (event.key === KEYBOARD_KEY.ARROW_RIGHT || event.key === KEYBOARD_KEY.ARROW_UP) next += step;
+			else if (event.key === KEYBOARD_KEY.ARROW_LEFT || event.key === KEYBOARD_KEY.ARROW_DOWN) next -= step;
+			else if (event.key === KEYBOARD_KEY.HOME) next = 0;
+			else if (event.key === KEYBOARD_KEY.END) next = indexArray.value.length;
+			else return;
+			event.preventDefault();
+			next = Math.max(0, Math.min(next, indexArray.value.length));
+			if (next !== computedValue.value) {
+				var _eventHandlers$value4, _eventHandlers$value5;
+				innerValue.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 getAriaProps = (index, isHalf = false) => ({
+			"role": "radio",
+			"aria-checked": index + (isHalf ? .5 : 1) <= computedValue.value,
+			"aria-setsize": indexArray.value.length,
+			"aria-posinset": index + (isHalf ? .5 : 1)
+		});
+		const getInteractionProps = (index, isHalf) => props.allowHalf ? getAriaProps(index, isHalf) : {};
+		const getInteractionListeners = (index, isHalf) => {
+			if (!mergedDisabled.value) return {
+				mouseenter: () => handleMouseEnter(index, isHalf),
+				click: () => handleClick(index, isHalf)
+			};
+			if (props.readonly && !formDisabled.value) return { click: showReadonlyTip };
+			return {};
+		};
+		const getCharacterColor = (index, isHalf) => {
+			const parsedDisplayIndex = Math.ceil(displayIndex.value) - 1;
+			if (customColor.value && (isHalf && props.allowHalf && index + .5 === displayIndex.value || !isHalf && index + 1 <= displayIndex.value)) return { color: customColor.value[parsedDisplayIndex] };
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineCharacterElement), null, {
+				default: withCtx(({ index }) => [props.grading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [index > displayIndex.value ? (openBlock(), createBlock(unref(IconFaceMehFill), { key: 0 })) : displayIndex.value <= 2 ? (openBlock(), createBlock(unref(IconFaceFrownFill), { key: 1 })) : displayIndex.value <= 3 ? (openBlock(), createBlock(unref(IconFaceMehFill), { key: 2 })) : (openBlock(), createBlock(unref(IconFaceSmileFill), { key: 3 }))], 64)) : renderSlot(_ctx.$slots, "character", { index }, () => [createVNode(unref(IconStarFill))], void 0, 1)]),
+				_: 3
+			}), createVNode(unref(Tooltip), mergeProps(unref(attrs), {
+				"popup-visible": unref(tipVisible),
+				content: unref(readonlyTipText),
+				position: "top"
+			}), {
+				default: withCtx(() => [createElementVNode("div", {
+					class: normalizeClass(cls.value),
+					role: "radiogroup",
+					"aria-label": unref(t)("a11y.rating"),
+					tabindex: mergedDisabled.value ? void 0 : 0,
+					onMouseleave: resetHoverIndex,
+					onKeydown: handleKeydown
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(indexArray.value, (_, index) => {
+					return openBlock(), createElementBlock("div", mergeProps({
+						key: index,
+						class: [`${unref(prefixCls)}-character`, {
+							[`${unref(prefixCls)}-character-half`]: props.allowHalf && index + .5 === displayIndex.value,
+							[`${unref(prefixCls)}-character-full`]: index + 1 <= displayIndex.value,
+							[`${unref(prefixCls)}-character-scale`]: animation.value && index + 1 < computedValue.value
+						}],
+						style: animation.value ? { animationDelay: `${50 * index}ms` } : void 0
+					}, { ref_for: true }, !props.allowHalf ? getAriaProps(index) : void 0, { onAnimationend: ($event) => handleAnimationEnd(index) }), [createElementVNode("div", mergeProps({
+						class: `${unref(prefixCls)}-character-left`,
+						style: getCharacterColor(index, true)
+					}, { ref_for: true }, getInteractionProps(index, true), toHandlers(getInteractionListeners(index, true), true)), [createVNode(unref(ReuseCharacterElement), { index }, null, 8, ["index"])], 16), createElementVNode("div", mergeProps({
+						class: `${unref(prefixCls)}-character-right`,
+						style: getCharacterColor(index, false)
+					}, { ref_for: true }, getInteractionProps(index, false), toHandlers(getInteractionListeners(index, false), true)), [createVNode(unref(ReuseCharacterElement), { index }, null, 8, ["index"])], 16)], 16, _hoisted_2);
+				}), 128))], 42, _hoisted_1)]),
+				_: 1
+			}, 16, ["popup-visible", "content"])], 64);
+		};
+	}
+}));
+//#endregion
+export { rate_vue_vue_type_script_setup_true_lang_default as default };

package/es/resize-box/resize-box.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
 import { off, on } from "../_utils/dom.js";
@@ -131,8 +131,6 @@ var resize_box_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 					newHeight = startHeight + offsetY;
 					setResHeight(newHeight);
 					emit("update:height", newHeight);
-					break;
-				default: break;
 			}
 			emit("moving", {
 				width: newWidth,