组件

OneRate

OneRate 用星星按钮表达 1–count 的整数值评分，支持受控、只读与清除。

查看代码收起代码

import { OneRate, type OneRateValueEvent } from '@geektech/one';

const rating = new OneRate({ defaultValue: 3, ariaLabel: '评分' });
rating.on('change', (payload) => {
  const event = payload as OneRateValueEvent;
  console.log(event.value);
});

API

OneRate API
名称	签名	说明
`value`	`value?: number`	受控评分。
`defaultValue`	`defaultValue?: number`	非受控初始评分。
`count`	`count?: number`	星星数量，默认 5。
`disabled`	`disabled?: boolean`	禁用评分。
`readonly`	`readonly?: boolean`	只读展示，不可点击。
`allowClear`	`allowClear?: boolean`	再次点击当前值可清除为 0。
`ariaLabel`	`ariaLabel?: string`	radiogroup 的访问名称。
`change`	`(event: OneRateValueEvent) => void`	评分变化时发出 value: number 与 originalEvent: Event。