Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Timeline时间轴,支持nz-timeline-item上添加label #6682

Closed
zd5043039119 opened this issue May 10, 2021 · 2 comments · Fixed by #6687
Closed

Timeline时间轴,支持nz-timeline-item上添加label #6682

zd5043039119 opened this issue May 10, 2021 · 2 comments · Fixed by #6687
Assignees
Labels

Comments

@zd5043039119
Copy link
Contributor

What problem does this feature solve?

可以让时间轴左右同时显示文字, ant design 4.15.4已支持类似特性

 <Radio.Group
        onChange={onChange}
        value={mode}
        style={{
          marginBottom: 20,
        }}
      >
        <Radio value="left">Left</Radio>
        <Radio value="right">Right</Radio>
        <Radio value="alternate">Alternate</Radio>
      </Radio.Group>
      <Timeline mode={mode}>
        <Timeline.Item label="2015-09-01">Create a services</Timeline.Item>
        <Timeline.Item label="2015-09-01 09:12:11">Solve initial network problems</Timeline.Item>
        <Timeline.Item>Technical testing</Timeline.Item>
        <Timeline.Item label="2015-09-01 09:12:11">Network problems being solved</Timeline.Item>
      </Timeline>
    </>

What does the proposed API look like?

<nz-timeline>
  <nz-timeline-item label="2015-09-01">创建服务现场 </nz-timeline-item>
  <nz-timeline-item label="2015-09-01">初步排除网络异常</nz-timeline-item>
  <nz-timeline-item label="2015-09-01">技术测试异常</nz-timeline-item>
  <nz-timeline-item label="2015-09-01">网络异常正在修复</nz-timeline-item>
</nz-timeline>
~~~<!-- generated by ng-zorro-issue-helper. DO NOT REMOVE -->
@zorro-bot
Copy link

zorro-bot bot commented May 10, 2021

Translation of this issue:

Timeline Timeline, support NZ-TIMELINE-ITEM Add Label

What proBLEES THIS Feature SOLVE?

You can display text at the same time as the timeline, Ant Design 4.15.4 supports similar characteristics

 <Radio.group
        Onchange = {onchange}
        Value = {mod}
        STYLE = {{{
          Marginbottom: 20,
        }
      >
        <Radio Value = "Left"> Left </ radio>
        <Radio Value = "Right"> Right </ Radio>
        <Radio Value = "Alternate> Alternate </ RADIO>
      </Radio.group>
      <Timeline Mode = {MODE}>
        <Timeline.Item Label = "2015-09-01"> CREATE A SERVICES </Timeline.Item>
        <Timeline.Item Label = "2015-09-01 09:12:11> Solve Initial Network Problems </timeline.Item>
        <Timeline.Item> Technical Testing </timeline.Item>
        <Timeline.Item Label = "2015-09-01 09:12:11"> Network problems being solid </timeline.Item>
      </ Timeline>
    </>

What does The proposed API Look Like?

<NZ-TIMELINE>
  <NZ-TIMELINE-ITEM Label = "2015-09-01"> Create a service site </ nz-timeline-item>
  <NZ-TIMELINE-ITEM Label = "2015-09-01"> Initial exclude network exception </ nz-timeline-item>
  <nz-timeline-item label = "2015-09-01"> Technical test exception </ NZ-TIMELINE-ITEM>
  <nz-timeline-item label = "2015-09-01"> Network exception is repairing </ nz-timeline-item>
</ NZ-TIMELINE>

@wzhudev wzhudev added Good First Issue Issues recommended for first-time contributor help wanted 🌈 Feature Request labels May 10, 2021
@zorro-bot
Copy link

zorro-bot bot commented May 10, 2021

Hello @zd5043039119. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please fill the Pull Request Template here, provide documentation/test cases if needed and make sure CI passed, we will review it soon. Appreciate it advance and we are looking forward to your contribution!

你好 @zd5043039119, 我们完全同意你的提议/反馈,欢迎直接在此仓库 创建一个 Pull Request 来解决这个问题。请务必填写 Pull Request 内的预设模板,提供改动所需相应的测试用例、文档等,并确保 CI 通过,我们会尽快进行 Review,提前感谢和期待您的贡献!
giphy

wzhudev pushed a commit to wzhudev/ng-zorro-antd that referenced this issue May 10, 2021
hsuanxyz pushed a commit that referenced this issue Jul 9, 2021
* feat: support nzLabel NzTimelineComponent

close #6682

* docs: add docs
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants