ant-design/ant-design

Progress Step size

Open

#30,499 创建于 2021年5月12日

在 GitHub 查看
 (3 评论) (6 反应) (0 负责人)TypeScript (98,031 star) (54,612 fork)batch import
Inactivehelp wanted

描述

  • I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

When "steps" are enabled, the progress bar uses a fixed with of 14px per step. Other progress bars have a width 100% (by default).

The ability to resize the "Progress" component in "step" mode would be helpful in fitting this element into various designs.

What does the proposed API look like?

Ideally it would just leverage the standard css style properties. However, I imagine this implementation might be challenging around responsive design.

It would at least be better if we had the ability to set the stepWidth to a fixed px value.

贡献者指南

技术栈
reacttypescriptcss
领域
frontend
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 hours
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
fresh
清晰度议题是否清楚说明期望改动、验收标准和下一步。
mostly clear
前置要求
Basic knowledge of React componentsUnderstanding of ant design's component structure
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
80
研究方向
Review the Progress component source code in the ant design repository, specifically the implementation of the 'step' mode. Look at how other props like 'percent' and 'strokeWidth' are handled. The issue requests a 'stepWidth' prop to allow customizing the width of each step. Consider implementing a new prop with a default value of 14px, and ensure it works with responsive design. The proposed API suggests using the standard style property or a fixed px value. Check existing tests and documentation for similar features.