基础评分01
点击星级提交，实时事件会同步到下方状态。
{{ eventText }}
半星与滑动02
点击图标两侧或按住横向拖动，允许 0.5 步进。
当前半星值: {{ halfScore.toString() }}
十分制与精度03
10 颗小尺寸图标控制总分，precision 为 0.25。
十分制: {{ tenScore.toString() }} / 10 · 步进 0.25
形态与清空04
再次点击当前值会清零，适合可撤销的满意度输入。
只读结果跟随基础评分: {{ score.toString() }} / 5
真实状态开关05
开关直接作用于同一个评分实例，便于核对交互边界。
只读
禁用
可清空
允许滑动
{{ stateText }}
事件来源回显06
changing / change / update:selected 分别显示实时值、提交值和来源。
{{ changingText }}
{{ committedText }}
{{ eventSourceText }}
外部赋值与重置07
通过外部状态赋值，验证 v-model 受控同步与重置。
受控值: {{ controlledScore.toString() }} · 基础值: {{ score.toString() }}
尺寸与字符模式08
数字及数字字符串按 rpx；sm / md / lg 为 32 / 40 / 48rpx；支持 px、rpx。零、负数与非法值回退 48rpx。
尺寸：{{ sampleSize }}；模式：{{ sampleMode }}
{{ sampleEvent }}
字符模式为 star / heart / diamond / bolt / flame / crown / shield / dot。thumb / pill / bar / block / ticket 几何形态及图片模式尚未实现；未知模式回退 star。
只读结果联动08
只读实例直接接收基础评分，不参与交互但始终反映当前结果。
当前业务结果: {{ score.toString() }} / 5