@douyinfe/semi-ui 2.1.5 → 2.1.6-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -81,8 +81,21 @@ export const Mode = () => (
81
81
  }}
82
82
  >
83
83
  <Timeline mode="alternate">
84
- <Timeline.Item time="2015-09-01">创建服务现场</Timeline.Item>
85
- <Timeline.Item time="2015-09-01">初步排除网络异常</Timeline.Item>
84
+ <Timeline.Item time="2015-09-01" dot={<IconAlertTriangle />}>创建服务现场</Timeline.Item>
85
+ <Timeline.Item time="2015-09-01" dot={<IconAlertTriangle />}>初步排除网络异常</Timeline.Item>
86
+ <Timeline.Item time="2015-09-01" dot={<IconAlertTriangle />}>技术测试异常</Timeline.Item>
87
+ <Timeline.Item time="2015-09-01" dot={<IconAlertTriangle />}>网络异常正在修复</Timeline.Item>
88
+ </Timeline>
89
+ </div>
90
+ <br />
91
+ <div
92
+ style={{
93
+ width: '300px',
94
+ }}
95
+ >
96
+ <Timeline mode="right">
97
+ <Timeline.Item time="2015-09-01" dot={<IconAlertTriangle />}>创建服务现场</Timeline.Item>
98
+ <Timeline.Item time="2015-09-01" dot={<IconAlertTriangle />}>初步排除网络异常</Timeline.Item>
86
99
  <Timeline.Item time="2015-09-01">技术测试异常</Timeline.Item>
87
100
  <Timeline.Item time="2015-09-01">网络异常正在修复</Timeline.Item>
88
101
  </Timeline>
@@ -93,9 +106,9 @@ export const Mode = () => (
93
106
  width: '300px',
94
107
  }}
95
108
  >
96
- <Timeline mode="right">
97
- <Timeline.Item time="2015-09-01">创建服务现场</Timeline.Item>
98
- <Timeline.Item time="2015-09-01">初步排除网络异常</Timeline.Item>
109
+ <Timeline mode="left">
110
+ <Timeline.Item time="2015-09-01" dot={<IconAlertTriangle />}>创建服务现场</Timeline.Item>
111
+ <Timeline.Item time="2015-09-01" dot={<IconAlertTriangle />}>初步排除网络异常</Timeline.Item>
99
112
  <Timeline.Item time="2015-09-01">技术测试异常</Timeline.Item>
100
113
  <Timeline.Item time="2015-09-01">网络异常正在修复</Timeline.Item>
101
114
  </Timeline>
@@ -108,7 +121,7 @@ export const Mode = () => (
108
121
  >
109
122
  <Timeline mode="center">
110
123
  <Timeline.Item time="2015-09-01">创建服务现场</Timeline.Item>
111
- <Timeline.Item time="2015-09-01">初步排除网络异常</Timeline.Item>
124
+ <Timeline.Item time="2015-09-01" dot={<IconAlertTriangle />}>初步排除网络异常</Timeline.Item>
112
125
  <Timeline.Item time="2015-09-01">技术测试异常</Timeline.Item>
113
126
  <Timeline.Item time="2015-09-01">网络异常正在修复</Timeline.Item>
114
127
  </Timeline>
@@ -152,6 +165,7 @@ const data = [
152
165
  time: '2019-05-09 09:12',
153
166
  extra: '节点辅助说明信息',
154
167
  content: '网络异常正在修复',
168
+ dot: <IconAlertTriangle />,
155
169
  type: 'success',
156
170
  },
157
171
  ];
@@ -652,7 +652,7 @@ export const ShowArrow = () => {
652
652
  return (
653
653
  <div>
654
654
  <h4>should show content and arrow when click</h4>
655
- <Tooltip showArrow trigger="click" content={'hi bytedance'}>
655
+ <Tooltip style={{ maxWidth: 320 }} showArrow trigger='custom' visible content={'hi semi semi semi semi semi semi semi'} position='right'>
656
656
  <Test />
657
657
  </Tooltip>
658
658
  </div>