timeline 组件 #47
timeline 组件 #47
Conversation
| className: cx(`${prefixCls}-item`, { | ||
| [`${prefixCls}-item-last`]: count - 1 === index | ||
| }), | ||
| ifCurrent: current === index, |
There was a problem hiding this comment.
isCurrent 作为 Timeline 组件到 Timeline.Item 组件的一个传参，表示当前时间轴哪个节点高亮。
There was a problem hiding this comment.
我的意思是：你叫做ifCurrent，是不是isCurrent比较规范？
| function renderTimeline() { | ||
| if (options && options.length) { | ||
| return options.map((child, index) => { | ||
| const { content, lineHeight, dot } = child |
There was a problem hiding this comment.
lineHeight为啥单独暴露出来，
如果要支持不同尺寸，应该是大中小的size（fontSize 搭配 lineHeight）
There was a problem hiding this comment.
lineHeight 表示线条的高度, 可能命名和 line-height 重名了。不知道有没有其它名字推荐。比如当 lineHeight 为 0 时，相应的时间轴就’消失‘了。
There was a problem hiding this comment.
lineHeight感觉不如lineStyle好，可以自定义宽度 高度 颜色啥的
| return options.map((child, index) => { | ||
| const { content, lineHeight, dot } = child | ||
| return cloneElement( | ||
| <TimelineItem dot={dot} lineHeight={lineHeight} key={index}> |
There was a problem hiding this comment.
因为这里没有数组首位增删的操作, 所以不会造成 index 作为 key 造成的 bug, 不过还可以用什么作为 key 呢, 除了随机数。
| | dot | 自定义时间轴点 | React.ReactNode | -- | | ||
| | lineHeight | 线条高度, 单位百分比 | Number | 100 | | ||
|
|
||
| ## TimeLineConfigProps Api |
There was a problem hiding this comment.
文档和interface里不一致，不便于理解呐
docs/components/Timeline/README.md
Outdated
| | ------------ | :----------------------------: | :-------------------: | --------: | | ||
| | current | 当前高亮的节点 | number | 0 | | ||
| | currentColor | 高亮节点的颜色 | string | '#1199EE' | | ||
| | options | 支持配置模式或者 children 模式 | TimeLineConfigProps[] | -- | |
There was a problem hiding this comment.
支持children模式的话，Timeline Api里应该有个children？（另外，我们best pc不需要children哈）
| | ---------- | :------------------: | :-------------: | -----: | | ||
| | dot | 自定义时间轴点 | React.ReactNode | -- | | ||
| | lineHeight | 线条高度, 单位百分比 | Number | 100 | | ||
|
|
| /* 可以使用 options 或者 Item 两种方式 */ | ||
| options?: TimelineItemConfig[] | ||
| /* 子节点 */ | ||
| children?: React.ReactNode |
| className: cx(`${prefixCls}-item`, { | ||
| [`${prefixCls}-item-last`]: count - 1 === index | ||
| }), | ||
| ifCurrent: current === index, |
There was a problem hiding this comment.
我的意思是：你叫做ifCurrent，是不是isCurrent比较规范？
| </TimelineItem> | ||
| </Timeline> | ||
| ) | ||
| expect(Timeline4).toMatchSnapshot() |
| function renderTimeline() { | ||
| if (options && options.length) { | ||
| return options.map((child, index) => { | ||
| const { content, lineHeight, dot } = child |
There was a problem hiding this comment.
lineHeight感觉不如lineStyle好，可以自定义宽度 高度 颜色啥的
| function renderTimeline() { | ||
| if (options && options.length) { | ||
| return options.map((child, index) => { | ||
| const { content, lineHeight, dot } = child |
No description provided.