ant-design/ant-design

Rate 只读模式的展示体验优化,支持精细显示

Open

#52 986 ouverte le 27 févr. 2025

Voir sur GitHub
 (4 commentaires) (2 réactions) (1 assigné)TypeScript (54 612 forks)batch import
Inactivehelp wanted💡 Feature Request

Métriques du dépôt

Stars
 (98 031 stars)
Métriques de merge PR
 (Merge moyen 3j 4h) (248 PRs mergées en 30 j)

Description

这个功能解决了什么问题?

Rate 打分功能本身运作正常,但在分数展现方面存在局限性。当前仅支持整星或半星显示,无法直观呈现如 3.1、3.2 这类更精细的小数评分结果 。在电影、游戏等场景中,基于用户评价计算出的综合分数,期望能以更精确的形式展示,以提供更精准的信息。

增加精细显示模式:建议在只读状态下,为 Rate 组件增加一种 “精细显示” 模式。该模式下,组件能够展示带有更丰富小数位的评分结果,不仅仅局限于整星和半星。

举例

  • 当有 5 个用户评分分别为 5, 5, 4.5, 4.5, 4.5 时,经计算最终评分为 4.7
  • 当评分是 5, 5, 5, 4.5, 4.5 时,最终评分为 4.8

参考图

参考图

在现有的 Rate 组件显示规则下,无法准确呈现这些分数,而通过新增的精细显示模式及 API 属性,能够精准展示此类计算结果,使评分展示更加贴合实际业务需求。

API 建议

提供一个布尔类型的 API 属性,例如precision(只读有效)。当设置为true时,开启精细显示模式;设置为false时,保持现有的整星或半星显示模式 。这种方式既能满足当前简洁显示的需求,也能为需要精确展示评分的场景提供解决方案。

其他相关issues

https://github.com/ant-design/ant-design/issues/52485

Guide contributeur