@hi-ui/rating
@hi-ui/rating
npm i @hi-ui/rating
@hi-ui/rating

@hi-ui/rating

HIUI is a solution that is adequate for the fomulation and implementation of interaction and UI design standard for front, middle and backend.

by XiaoMi

4.0.5 (see all)License:MITTypeScript:Built-In
npm i @hi-ui/rating
Readme

Rate 评分

评分是通过离散型数据来设置某一个指标优劣的组件

何时使用

需要对某一个指标或事件进行评级评分时

使用示例

Props

参数说明类型可选值默认值
clearable是否允许再次点击后清除booleantrue | falsetrue
allowHalf是否允许半选booleantrue | falsetrue
useEmoji是否使用表情booleantrue | falsefalse
countstar 数量,Emoji 时不可用number-5
defaultValue默认值number-0
disabled禁用,无法进行交互,鼠标禁用交互效果booleantrue | falsefalse
readOnly只读,无法进行交互booleantrue | falsefalse
tooltips自定义每项的提示信息string[]--
descRender自定义辅助文字函数(value: number,index: number) => ReactNode--
value当前数,受控值number--
character自定义字符ReactNode |string--
color自定义颜色(只对 icon、字体有效)string--
characterRender自定义渲染 character 函数(value: number,index: number) => ReactNode--

Events

名称说明类型参数返回值
onChange选择时的回调(value: number) => voidvalue: 当前分值-

CHANGELOG

参数变更类型变更内容解决的问题
propNamefeature | deprecated | update变更了什么之前是什么样子,解决什么问题
----------------
组件名updateRate -> Rating命名专业化,符合英语理解认知
autoFocusfeature-表单输入控件统一支持
halfPlacementupdate类型:vertical -> halfPlacement统一使用类 placement 命名
快捷键强化feature支持左右键最大最小值无缝切换强化功能

Downloads/wk

39

GitHub Stars

450

LAST COMMIT

1yr ago

MAINTAINERS

2

CONTRIBUTORS

35

OPEN ISSUES

75

OPEN PRs

3
VersionTagPublished
4.0.5
latest
3mos ago
4.0.0-beta.27
feature
5mos ago
No alternatives found
No tutorials found
Add a tutorial
No dependencies found

Rate & Review

100
No reviews found
Be the first to rate