@beisen-phoenix/rate
3.3.55 • Public • Published 评分组件。
何时使用
API
属性 |
说明 |
类型 |
默认值 |
版本 |
allowClear |
是否允许再次点击后清除 |
boolean |
true |
|
allowHalf |
是否允许半选 |
boolean |
false |
|
autoFocus |
自动获取焦点 |
boolean |
false |
|
character |
自定义字符 |
ReactNode |
<Icon type="star" /> |
|
className |
自定义样式类名 |
string |
- |
|
count |
star 总数 |
number |
5 |
|
defaultValue |
默认值 |
number |
0 |
|
disabled |
只读,无法进行交互 |
boolean |
false |
|
style |
自定义样式对象 |
object |
- |
|
tooltips |
自定义每项的提示信息 |
string[] |
- |
|
value |
当前数,受控值 |
number |
- |
|
onBlur |
失去焦点时的回调 |
Function() |
- |
|
onChange |
选择时的回调 |
Function(value: number) |
- |
|
onFocus |
获取焦点时的回调 |
Function() |
- |
|
onHoverChange |
鼠标经过时数值变化的回调 |
Function(value: number) |
- |
|
onKeyDown |
按键回调 |
Function(event) |
- |
|
showScore |
星星后面是否显示当前分数 |
boolean |
true |
|
renderScore |
自定义渲染星星后面分数的方法 |
Function(value)=>ReactNode |
- |
|
size |
尺寸 |
sm |
lg 或者 sm |
|
scoreUnit |
星星后面分数的单位 |
string |
分 |
|
emptyScore |
星星后面分数为空时显示的文本 |
string |
待评分 |
|
方法
名称 |
描述 |
版本 |
blur() |
移除焦点 |
|
focus() |
获取焦点 |
|
knobs文档
Readme
Keywords
nonePackage Sidebar
Install
npm i @beisen-phoenix/rate
Weekly Downloads