@douyinfe/semi-ui 2.29.0 → 2.30.0-alpha.1

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.
Files changed (345) hide show
  1. package/dist/css/semi.css +413 -16
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +2016 -1963
  4. package/dist/umd/semi-ui.js.map +1 -1
  5. package/dist/umd/semi-ui.min.js +1 -1
  6. package/dist/umd/semi-ui.min.js.map +1 -1
  7. package/lib/cjs/_portal/index.js +2 -2
  8. package/lib/cjs/_utils/index.js +1 -3
  9. package/lib/cjs/anchor/index.js +9 -9
  10. package/lib/cjs/anchor/link.js +8 -8
  11. package/lib/cjs/autoComplete/index.js +4 -8
  12. package/lib/cjs/autoComplete/option.js +7 -7
  13. package/lib/cjs/avatar/avatarGroup.js +7 -7
  14. package/lib/cjs/avatar/index.js +12 -12
  15. package/lib/cjs/badge/index.js +8 -8
  16. package/lib/cjs/banner/index.js +12 -12
  17. package/lib/cjs/breadcrumb/index.js +12 -12
  18. package/lib/cjs/breadcrumb/item.js +8 -8
  19. package/lib/cjs/button/Button.js +9 -9
  20. package/lib/cjs/button/buttonGroup.js +5 -5
  21. package/lib/cjs/button/splitButtonGroup.js +1 -1
  22. package/lib/cjs/calendar/dayCalendar.js +13 -13
  23. package/lib/cjs/calendar/dayCol.js +17 -17
  24. package/lib/cjs/calendar/monthCalendar.js +38 -38
  25. package/lib/cjs/calendar/rangeCalendar.js +27 -27
  26. package/lib/cjs/calendar/timeCol.js +6 -6
  27. package/lib/cjs/calendar/weekCalendar.js +27 -27
  28. package/lib/cjs/card/cardGroup.js +2 -2
  29. package/lib/cjs/card/index.js +16 -16
  30. package/lib/cjs/card/meta.js +5 -5
  31. package/lib/cjs/carousel/CarouselArrow.js +6 -6
  32. package/lib/cjs/carousel/CarouselIndicator.js +6 -6
  33. package/lib/cjs/carousel/index.js +12 -12
  34. package/lib/cjs/cascader/index.js +36 -36
  35. package/lib/cjs/cascader/item.js +26 -26
  36. package/lib/cjs/checkbox/checkbox.js +14 -14
  37. package/lib/cjs/checkbox/checkboxGroup.js +4 -4
  38. package/lib/cjs/checkbox/checkboxInner.js +6 -6
  39. package/lib/cjs/collapse/item.js +9 -9
  40. package/lib/cjs/collapsible/index.js +3 -3
  41. package/lib/cjs/configProvider/index.js +1 -1
  42. package/lib/cjs/datePicker/dateInput.js +16 -16
  43. package/lib/cjs/datePicker/datePicker.js +9 -9
  44. package/lib/cjs/datePicker/footer.js +1 -1
  45. package/lib/cjs/datePicker/index.js +1 -1
  46. package/lib/cjs/datePicker/month.js +2 -2
  47. package/lib/cjs/datePicker/monthsGrid.js +27 -27
  48. package/lib/cjs/datePicker/navigation.js +1 -1
  49. package/lib/cjs/datePicker/quickControl.js +14 -14
  50. package/lib/cjs/datePicker/yearAndMonth.js +4 -4
  51. package/lib/cjs/descriptions/index.js +3 -3
  52. package/lib/cjs/descriptions/item.js +5 -5
  53. package/lib/cjs/divider/index.js +7 -7
  54. package/lib/cjs/dropdown/dropdownDivider.js +1 -1
  55. package/lib/cjs/dropdown/dropdownItem.js +7 -7
  56. package/lib/cjs/dropdown/dropdownMenu.js +1 -1
  57. package/lib/cjs/dropdown/dropdownTitle.js +2 -2
  58. package/lib/cjs/dropdown/index.js +3 -3
  59. package/lib/cjs/empty/index.js +7 -7
  60. package/lib/cjs/form/arrayField.js +1 -1
  61. package/lib/cjs/form/baseForm.js +2 -2
  62. package/lib/cjs/form/errorMessage.js +1 -1
  63. package/lib/cjs/form/group.js +6 -6
  64. package/lib/cjs/form/hoc/withField.js +16 -16
  65. package/lib/cjs/form/label.js +9 -9
  66. package/lib/cjs/form/slot.js +5 -5
  67. package/lib/cjs/grid/col.js +11 -11
  68. package/lib/cjs/grid/row.js +4 -4
  69. package/lib/cjs/highlight/index.js +1 -1
  70. package/lib/cjs/iconButton/index.js +5 -5
  71. package/lib/cjs/image/image.js +10 -10
  72. package/lib/cjs/image/preview.js +3 -3
  73. package/lib/cjs/image/previewFooter.js +12 -12
  74. package/lib/cjs/image/previewHeader.js +3 -3
  75. package/lib/cjs/image/previewImage.js +7 -7
  76. package/lib/cjs/image/previewInner.js +7 -7
  77. package/lib/cjs/input/index.js +38 -38
  78. package/lib/cjs/input/inputGroup.js +7 -7
  79. package/lib/cjs/input/textarea.js +14 -14
  80. package/lib/cjs/inputNumber/index.js +11 -11
  81. package/lib/cjs/layout/Sider.js +3 -3
  82. package/lib/cjs/layout/index.js +2 -2
  83. package/lib/cjs/list/index.js +11 -11
  84. package/lib/cjs/list/item.js +6 -6
  85. package/lib/cjs/modal/ConfirmModal.js +7 -7
  86. package/lib/cjs/modal/Modal.js +4 -4
  87. package/lib/cjs/modal/ModalContent.js +24 -24
  88. package/lib/cjs/modal/useModal/index.js +1 -1
  89. package/lib/cjs/navigation/CollapseButton.js +1 -1
  90. package/lib/cjs/navigation/Footer.js +2 -2
  91. package/lib/cjs/navigation/Header.js +5 -5
  92. package/lib/cjs/navigation/Item.js +16 -16
  93. package/lib/cjs/navigation/SubNav.js +14 -14
  94. package/lib/cjs/navigation/index.js +8 -8
  95. package/lib/cjs/notification/index.js +3 -3
  96. package/lib/cjs/notification/notice.js +12 -12
  97. package/lib/cjs/overflowList/index.js +6 -6
  98. package/lib/cjs/pagination/index.js +24 -24
  99. package/lib/cjs/popconfirm/index.js +9 -9
  100. package/lib/cjs/popover/index.js +2 -2
  101. package/lib/cjs/progress/index.js +14 -14
  102. package/lib/cjs/radio/radio.js +22 -22
  103. package/lib/cjs/radio/radioGroup.js +5 -5
  104. package/lib/cjs/radio/radioInner.js +7 -7
  105. package/lib/cjs/rating/index.js +5 -5
  106. package/lib/cjs/rating/item.js +11 -11
  107. package/lib/cjs/scrollList/index.js +5 -5
  108. package/lib/cjs/scrollList/scrollItem.js +13 -13
  109. package/lib/cjs/select/index.js +61 -61
  110. package/lib/cjs/select/option.js +7 -7
  111. package/lib/cjs/sideSheet/SideSheetContent.js +10 -10
  112. package/lib/cjs/sideSheet/index.js +7 -7
  113. package/lib/cjs/skeleton/index.js +1 -1
  114. package/lib/cjs/skeleton/item.js +4 -4
  115. package/lib/cjs/slider/index.js +28 -28
  116. package/lib/cjs/space/index.js +12 -12
  117. package/lib/cjs/spin/icon.js +2 -2
  118. package/lib/cjs/spin/index.js +6 -6
  119. package/lib/cjs/steps/basicStep.d.ts +3 -0
  120. package/lib/cjs/steps/basicStep.js +21 -15
  121. package/lib/cjs/steps/basicSteps.js +12 -9
  122. package/lib/cjs/steps/fillStep.d.ts +2 -0
  123. package/lib/cjs/steps/fillStep.js +12 -10
  124. package/lib/cjs/steps/fillSteps.js +11 -13
  125. package/lib/cjs/steps/index.d.ts +63 -1
  126. package/lib/cjs/steps/index.js +9 -0
  127. package/lib/cjs/steps/navStep.d.ts +4 -0
  128. package/lib/cjs/steps/navStep.js +26 -8
  129. package/lib/cjs/steps/navSteps.js +6 -4
  130. package/lib/cjs/steps/step.d.ts +4 -1
  131. package/lib/cjs/steps/step.js +1 -0
  132. package/lib/cjs/table/Body/BaseRow.js +5 -5
  133. package/lib/cjs/table/Body/ExpandedRow.js +3 -3
  134. package/lib/cjs/table/Body/SectionRow.js +1 -1
  135. package/lib/cjs/table/Body/index.js +8 -8
  136. package/lib/cjs/table/ColGroup.js +2 -2
  137. package/lib/cjs/table/ColumnFilter.js +3 -3
  138. package/lib/cjs/table/ColumnSelection.js +2 -2
  139. package/lib/cjs/table/ColumnSorter.js +7 -7
  140. package/lib/cjs/table/CustomExpandIcon.js +2 -2
  141. package/lib/cjs/table/HeadTable.js +3 -3
  142. package/lib/cjs/table/Table.js +20 -20
  143. package/lib/cjs/table/TableCell.js +8 -8
  144. package/lib/cjs/table/TableHeader.js +1 -1
  145. package/lib/cjs/table/TableHeaderRow.js +8 -8
  146. package/lib/cjs/table/TablePagination.js +3 -3
  147. package/lib/cjs/tabs/TabBar.js +12 -12
  148. package/lib/cjs/tabs/TabItem.js +7 -7
  149. package/lib/cjs/tabs/TabPane.js +3 -3
  150. package/lib/cjs/tabs/index.js +2 -2
  151. package/lib/cjs/tag/group.js +5 -5
  152. package/lib/cjs/tag/index.js +13 -13
  153. package/lib/cjs/tagInput/index.js +33 -33
  154. package/lib/cjs/timePicker/Combobox.js +4 -4
  155. package/lib/cjs/timePicker/TimeInput.js +4 -4
  156. package/lib/cjs/timePicker/TimePicker.js +8 -8
  157. package/lib/cjs/timeline/index.js +8 -8
  158. package/lib/cjs/timeline/item.d.ts +5 -0
  159. package/lib/cjs/timeline/item.js +38 -10
  160. package/lib/cjs/toast/index.js +5 -5
  161. package/lib/cjs/toast/toast.js +9 -9
  162. package/lib/cjs/tooltip/index.js +7 -7
  163. package/lib/cjs/transfer/index.js +31 -31
  164. package/lib/cjs/tree/autoSizer.js +1 -1
  165. package/lib/cjs/tree/index.js +6 -6
  166. package/lib/cjs/tree/nodeList.js +1 -1
  167. package/lib/cjs/tree/treeNode.js +26 -26
  168. package/lib/cjs/treeSelect/index.js +41 -41
  169. package/lib/cjs/typography/base.js +14 -14
  170. package/lib/cjs/typography/copyable.js +3 -3
  171. package/lib/cjs/typography/paragraph.js +1 -1
  172. package/lib/cjs/typography/title.js +1 -1
  173. package/lib/cjs/typography/util.js +1 -1
  174. package/lib/cjs/upload/fileCard.js +32 -32
  175. package/lib/cjs/upload/index.js +37 -37
  176. package/lib/es/_portal/index.js +2 -2
  177. package/lib/es/_utils/index.js +1 -3
  178. package/lib/es/anchor/index.js +9 -9
  179. package/lib/es/anchor/link.js +8 -8
  180. package/lib/es/autoComplete/index.js +4 -8
  181. package/lib/es/autoComplete/option.js +7 -7
  182. package/lib/es/avatar/avatarGroup.js +7 -7
  183. package/lib/es/avatar/index.js +12 -12
  184. package/lib/es/badge/index.js +8 -8
  185. package/lib/es/banner/index.js +12 -12
  186. package/lib/es/breadcrumb/index.js +12 -12
  187. package/lib/es/breadcrumb/item.js +8 -8
  188. package/lib/es/button/Button.js +9 -9
  189. package/lib/es/button/buttonGroup.js +5 -5
  190. package/lib/es/button/splitButtonGroup.js +1 -1
  191. package/lib/es/calendar/dayCalendar.js +13 -13
  192. package/lib/es/calendar/dayCol.js +17 -17
  193. package/lib/es/calendar/monthCalendar.js +38 -38
  194. package/lib/es/calendar/rangeCalendar.js +27 -27
  195. package/lib/es/calendar/timeCol.js +6 -6
  196. package/lib/es/calendar/weekCalendar.js +27 -27
  197. package/lib/es/card/cardGroup.js +2 -2
  198. package/lib/es/card/index.js +16 -16
  199. package/lib/es/card/meta.js +5 -5
  200. package/lib/es/carousel/CarouselArrow.js +6 -6
  201. package/lib/es/carousel/CarouselIndicator.js +6 -6
  202. package/lib/es/carousel/index.js +12 -12
  203. package/lib/es/cascader/index.js +36 -36
  204. package/lib/es/cascader/item.js +26 -26
  205. package/lib/es/checkbox/checkbox.js +14 -14
  206. package/lib/es/checkbox/checkboxGroup.js +4 -4
  207. package/lib/es/checkbox/checkboxInner.js +6 -6
  208. package/lib/es/collapse/item.js +9 -9
  209. package/lib/es/collapsible/index.js +3 -3
  210. package/lib/es/configProvider/index.js +1 -1
  211. package/lib/es/datePicker/dateInput.js +16 -16
  212. package/lib/es/datePicker/datePicker.js +9 -9
  213. package/lib/es/datePicker/footer.js +1 -1
  214. package/lib/es/datePicker/index.js +1 -1
  215. package/lib/es/datePicker/month.js +2 -2
  216. package/lib/es/datePicker/monthsGrid.js +27 -27
  217. package/lib/es/datePicker/navigation.js +1 -1
  218. package/lib/es/datePicker/quickControl.js +14 -14
  219. package/lib/es/datePicker/yearAndMonth.js +4 -4
  220. package/lib/es/descriptions/index.js +3 -3
  221. package/lib/es/descriptions/item.js +5 -5
  222. package/lib/es/divider/index.js +7 -7
  223. package/lib/es/dropdown/dropdownDivider.js +1 -1
  224. package/lib/es/dropdown/dropdownItem.js +7 -7
  225. package/lib/es/dropdown/dropdownMenu.js +1 -1
  226. package/lib/es/dropdown/dropdownTitle.js +2 -2
  227. package/lib/es/dropdown/index.js +3 -3
  228. package/lib/es/empty/index.js +7 -7
  229. package/lib/es/form/arrayField.js +1 -1
  230. package/lib/es/form/baseForm.js +2 -2
  231. package/lib/es/form/errorMessage.js +1 -1
  232. package/lib/es/form/group.js +6 -6
  233. package/lib/es/form/hoc/withField.js +16 -16
  234. package/lib/es/form/label.js +9 -9
  235. package/lib/es/form/slot.js +5 -5
  236. package/lib/es/grid/col.js +11 -11
  237. package/lib/es/grid/row.js +4 -4
  238. package/lib/es/highlight/index.js +1 -1
  239. package/lib/es/iconButton/index.js +5 -5
  240. package/lib/es/image/image.js +10 -10
  241. package/lib/es/image/preview.js +3 -3
  242. package/lib/es/image/previewFooter.js +12 -12
  243. package/lib/es/image/previewHeader.js +3 -3
  244. package/lib/es/image/previewImage.js +7 -7
  245. package/lib/es/image/previewInner.js +7 -7
  246. package/lib/es/input/index.js +38 -38
  247. package/lib/es/input/inputGroup.js +7 -7
  248. package/lib/es/input/textarea.js +14 -14
  249. package/lib/es/inputNumber/index.js +11 -11
  250. package/lib/es/layout/Sider.js +3 -3
  251. package/lib/es/layout/index.js +2 -2
  252. package/lib/es/list/index.js +11 -11
  253. package/lib/es/list/item.js +6 -6
  254. package/lib/es/modal/ConfirmModal.js +7 -7
  255. package/lib/es/modal/Modal.js +4 -4
  256. package/lib/es/modal/ModalContent.js +24 -24
  257. package/lib/es/modal/useModal/index.js +1 -1
  258. package/lib/es/navigation/CollapseButton.js +1 -1
  259. package/lib/es/navigation/Footer.js +2 -2
  260. package/lib/es/navigation/Header.js +5 -5
  261. package/lib/es/navigation/Item.js +16 -16
  262. package/lib/es/navigation/SubNav.js +14 -14
  263. package/lib/es/navigation/index.js +8 -8
  264. package/lib/es/notification/index.js +3 -3
  265. package/lib/es/notification/notice.js +12 -12
  266. package/lib/es/overflowList/index.js +6 -6
  267. package/lib/es/pagination/index.js +24 -24
  268. package/lib/es/popconfirm/index.js +9 -9
  269. package/lib/es/popover/index.js +2 -2
  270. package/lib/es/progress/index.js +14 -14
  271. package/lib/es/radio/radio.js +22 -22
  272. package/lib/es/radio/radioGroup.js +5 -5
  273. package/lib/es/radio/radioInner.js +7 -7
  274. package/lib/es/rating/index.js +5 -5
  275. package/lib/es/rating/item.js +11 -11
  276. package/lib/es/scrollList/index.js +5 -5
  277. package/lib/es/scrollList/scrollItem.js +13 -13
  278. package/lib/es/select/index.js +61 -61
  279. package/lib/es/select/option.js +7 -7
  280. package/lib/es/sideSheet/SideSheetContent.js +10 -10
  281. package/lib/es/sideSheet/index.js +7 -7
  282. package/lib/es/skeleton/index.js +1 -1
  283. package/lib/es/skeleton/item.js +4 -4
  284. package/lib/es/slider/index.js +28 -28
  285. package/lib/es/space/index.js +12 -12
  286. package/lib/es/spin/icon.js +2 -2
  287. package/lib/es/spin/index.js +6 -6
  288. package/lib/es/steps/basicStep.d.ts +3 -0
  289. package/lib/es/steps/basicStep.js +21 -15
  290. package/lib/es/steps/basicSteps.js +12 -9
  291. package/lib/es/steps/fillStep.d.ts +2 -0
  292. package/lib/es/steps/fillStep.js +12 -10
  293. package/lib/es/steps/fillSteps.js +12 -13
  294. package/lib/es/steps/index.d.ts +63 -1
  295. package/lib/es/steps/index.js +6 -0
  296. package/lib/es/steps/navStep.d.ts +4 -0
  297. package/lib/es/steps/navStep.js +21 -8
  298. package/lib/es/steps/navSteps.js +6 -4
  299. package/lib/es/steps/step.d.ts +4 -1
  300. package/lib/es/steps/step.js +1 -0
  301. package/lib/es/table/Body/BaseRow.js +5 -5
  302. package/lib/es/table/Body/ExpandedRow.js +3 -3
  303. package/lib/es/table/Body/SectionRow.js +1 -1
  304. package/lib/es/table/Body/index.js +8 -8
  305. package/lib/es/table/ColGroup.js +2 -2
  306. package/lib/es/table/ColumnFilter.js +3 -3
  307. package/lib/es/table/ColumnSelection.js +2 -2
  308. package/lib/es/table/ColumnSorter.js +7 -7
  309. package/lib/es/table/CustomExpandIcon.js +2 -2
  310. package/lib/es/table/HeadTable.js +3 -3
  311. package/lib/es/table/Table.js +20 -20
  312. package/lib/es/table/TableCell.js +8 -8
  313. package/lib/es/table/TableHeader.js +1 -1
  314. package/lib/es/table/TableHeaderRow.js +8 -8
  315. package/lib/es/table/TablePagination.js +3 -3
  316. package/lib/es/tabs/TabBar.js +12 -12
  317. package/lib/es/tabs/TabItem.js +7 -7
  318. package/lib/es/tabs/TabPane.js +3 -3
  319. package/lib/es/tabs/index.js +2 -2
  320. package/lib/es/tag/group.js +5 -5
  321. package/lib/es/tag/index.js +13 -13
  322. package/lib/es/tagInput/index.js +33 -33
  323. package/lib/es/timePicker/Combobox.js +4 -4
  324. package/lib/es/timePicker/TimeInput.js +4 -4
  325. package/lib/es/timePicker/TimePicker.js +8 -8
  326. package/lib/es/timeline/index.js +8 -8
  327. package/lib/es/timeline/item.d.ts +5 -0
  328. package/lib/es/timeline/item.js +38 -10
  329. package/lib/es/toast/index.js +5 -5
  330. package/lib/es/toast/toast.js +9 -9
  331. package/lib/es/tooltip/index.js +7 -7
  332. package/lib/es/transfer/index.js +31 -31
  333. package/lib/es/tree/autoSizer.js +1 -1
  334. package/lib/es/tree/index.js +6 -6
  335. package/lib/es/tree/nodeList.js +1 -1
  336. package/lib/es/tree/treeNode.js +26 -26
  337. package/lib/es/treeSelect/index.js +41 -41
  338. package/lib/es/typography/base.js +14 -14
  339. package/lib/es/typography/copyable.js +3 -3
  340. package/lib/es/typography/paragraph.js +1 -1
  341. package/lib/es/typography/title.js +1 -1
  342. package/lib/es/typography/util.js +1 -1
  343. package/lib/es/upload/fileCard.js +32 -32
  344. package/lib/es/upload/index.js +37 -37
  345. package/package.json +8 -8
package/dist/css/semi.css CHANGED
@@ -16027,6 +16027,9 @@ img[src=""], img:not([src]) {
16027
16027
  .semi-steps .semi-col {
16028
16028
  flex: 1;
16029
16029
  }
16030
+ .semi-steps .semi-row-flex {
16031
+ column-gap: 16px;
16032
+ }
16030
16033
  .semi-steps-vertical .semi-row-flex {
16031
16034
  flex-direction: column;
16032
16035
  }
@@ -16036,13 +16039,13 @@ img[src=""], img:not([src]) {
16036
16039
  height: 72px;
16037
16040
  position: relative;
16038
16041
  overflow: hidden;
16039
- margin-right: 16px;
16040
16042
  border: 1px solid transparent;
16041
16043
  border-radius: var(--semi-border-radius-medium);
16042
16044
  padding: 12px 16px;
16043
16045
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16044
16046
  transform: scale(var(--semi-transform_scale-small));
16045
16047
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16048
+ column-gap: 16px;
16046
16049
  }
16047
16050
  .semi-steps .semi-steps-item .semi-steps-item-title {
16048
16051
  position: relative;
@@ -16162,7 +16165,142 @@ img[src=""], img:not([src]) {
16162
16165
  background: var(--semi-color-primary-light-default);
16163
16166
  }
16164
16167
  .semi-steps .semi-steps-item-content {
16165
- margin-left: 16px;
16168
+ flex: 1;
16169
+ overflow: hidden;
16170
+ }
16171
+
16172
+ .semi-steps-item-fill.semi-steps-item {
16173
+ box-sizing: border-box;
16174
+ display: flex;
16175
+ height: 72px;
16176
+ position: relative;
16177
+ overflow: hidden;
16178
+ border: 1px solid transparent;
16179
+ border-radius: var(--semi-border-radius-medium);
16180
+ padding: 12px 16px;
16181
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16182
+ transform: scale(var(--semi-transform_scale-small));
16183
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16184
+ column-gap: 16px;
16185
+ }
16186
+ .semi-steps-item-fill.semi-steps-item .semi-steps-item-title {
16187
+ position: relative;
16188
+ font-size: 18px;
16189
+ line-height: 24px;
16190
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
16191
+ font-weight: 600;
16192
+ width: 100%;
16193
+ overflow: hidden;
16194
+ text-overflow: ellipsis;
16195
+ white-space: nowrap;
16196
+ color: var(--semi-color-text-0);
16197
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16198
+ }
16199
+ .semi-steps-item-fill.semi-steps-item .semi-steps-item-description {
16200
+ font-size: 14px;
16201
+ line-height: 20px;
16202
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
16203
+ color: var(--semi-color-text-2);
16204
+ width: 100%;
16205
+ overflow: hidden;
16206
+ text-overflow: ellipsis;
16207
+ white-space: nowrap;
16208
+ }
16209
+ .semi-steps-item-fill.semi-steps-item-process {
16210
+ background-color: var(--semi-color-primary-light-default);
16211
+ }
16212
+ .semi-steps-item-fill.semi-steps-item-process .semi-steps-item-left:not(.semi-steps-item-icon) {
16213
+ background: var(--semi-color-primary);
16214
+ }
16215
+ .semi-steps-item-fill.semi-steps-item-process .semi-steps-item-title,
16216
+ .semi-steps-item-fill.semi-steps-item-process .semi-steps-item-icon {
16217
+ color: var(--semi-color-primary);
16218
+ }
16219
+ .semi-steps-item-fill.semi-steps-item-wait .semi-steps-item-left:not(.semi-steps-item-icon) {
16220
+ background: var(--semi-color-text-2);
16221
+ }
16222
+ .semi-steps-item-fill.semi-steps-item-wait .semi-steps-item-icon {
16223
+ color: var(--semi-color-text-2);
16224
+ }
16225
+ .semi-steps-item-fill.semi-steps-item-finish .semi-icon,
16226
+ .semi-steps-item-fill.semi-steps-item-finish .semi-steps-item-title {
16227
+ color: var(--semi-color-success);
16228
+ }
16229
+ .semi-steps-item-fill.semi-steps-item-finish:hover {
16230
+ background-color: var(--semi-color-fill-0);
16231
+ }
16232
+ .semi-steps-item-fill.semi-steps-item-finish:hover .semi-icon,
16233
+ .semi-steps-item-fill.semi-steps-item-finish:hover .semi-steps-item-title {
16234
+ color: var(--semi-color-success-hover);
16235
+ }
16236
+ .semi-steps-item-fill.semi-steps-item-finish:active {
16237
+ background-color: var(--semi-color-fill-1);
16238
+ }
16239
+ .semi-steps-item-fill.semi-steps-item-finish:active .semi-icon,
16240
+ .semi-steps-item-fill.semi-steps-item-finish:active .semi-steps-item-title {
16241
+ color: var(--semi-color-success-active);
16242
+ }
16243
+ .semi-steps-item-fill.semi-steps-item-error .semi-icon,
16244
+ .semi-steps-item-fill.semi-steps-item-error .semi-steps-item-title {
16245
+ color: var(--semi-color-danger);
16246
+ }
16247
+ .semi-steps-item-fill.semi-steps-item-error:hover {
16248
+ background: var(--semi-color-fill-0);
16249
+ }
16250
+ .semi-steps-item-fill.semi-steps-item-error:hover .semi-icon,
16251
+ .semi-steps-item-fill.semi-steps-item-error:hover .semi-steps-item-title {
16252
+ color: var(--semi-color-danger-hover);
16253
+ }
16254
+ .semi-steps-item-fill.semi-steps-item-error:active {
16255
+ background-color: var(--semi-color-fill-1);
16256
+ }
16257
+ .semi-steps-item-fill.semi-steps-item-error:active .semi-icon,
16258
+ .semi-steps-item-fill.semi-steps-item-error:active .semi-steps-item-title {
16259
+ color: var(--semi-color-danger-active);
16260
+ }
16261
+ .semi-steps-item-fill.semi-steps-item-warning .semi-steps-item-title,
16262
+ .semi-steps-item-fill.semi-steps-item-warning .semi-icon {
16263
+ color: var(--semi-color-warning);
16264
+ }
16265
+ .semi-steps-item-fill.semi-steps-item-warning:hover {
16266
+ background: var(--semi-color-fill-0);
16267
+ }
16268
+ .semi-steps-item-fill.semi-steps-item-warning:hover .semi-steps-item-title,
16269
+ .semi-steps-item-fill.semi-steps-item-warning:hover .semi-icon {
16270
+ color: var(--semi-color-warning-hover);
16271
+ }
16272
+ .semi-steps-item-fill.semi-steps-item-warning:active {
16273
+ background-color: var(--semi-color-fill-1);
16274
+ }
16275
+ .semi-steps-item-fill.semi-steps-item-warning:active .semi-steps-item-title,
16276
+ .semi-steps-item-fill.semi-steps-item-warning:active .semi-icon {
16277
+ color: var(--semi-color-warning-active);
16278
+ }
16279
+ .semi-steps-item-fill.semi-steps-item-clickable {
16280
+ cursor: pointer;
16281
+ }
16282
+ .semi-steps-item-fill .semi-steps-item-left {
16283
+ width: 24px;
16284
+ height: 24px;
16285
+ line-height: 32px;
16286
+ text-align: center;
16287
+ border-radius: 32px;
16288
+ display: flex;
16289
+ align-items: center;
16290
+ justify-content: center;
16291
+ font-size: 20px;
16292
+ line-height: 28px;
16293
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
16294
+ font-weight: 600;
16295
+ flex-grow: 0;
16296
+ }
16297
+ .semi-steps-item-fill .semi-steps-item-left.semi-steps-item-plain {
16298
+ color: rgba(var(--semi-white), 1);
16299
+ }
16300
+ .semi-steps-item-fill .semi-steps-item-left-process {
16301
+ background: var(--semi-color-primary-light-default);
16302
+ }
16303
+ .semi-steps-item-fill .semi-steps-item-content {
16166
16304
  flex: 1;
16167
16305
  overflow: hidden;
16168
16306
  }
@@ -16170,6 +16308,7 @@ img[src=""], img:not([src]) {
16170
16308
  .semi-steps-basic.semi-steps-horizontal {
16171
16309
  display: flex;
16172
16310
  flex-flow: row nowrap;
16311
+ column-gap: 16px;
16173
16312
  }
16174
16313
  .semi-steps-basic.semi-steps-horizontal.semi-steps-hasline .semi-steps-item-title::after {
16175
16314
  content: "";
@@ -16181,12 +16320,6 @@ img[src=""], img:not([src]) {
16181
16320
  height: 1px;
16182
16321
  background: var(--semi-color-fill-2);
16183
16322
  }
16184
- .semi-steps-basic.semi-steps-horizontal .semi-steps-item {
16185
- padding-left: 16px;
16186
- }
16187
- .semi-steps-basic.semi-steps-horizontal .semi-steps-item:first-child {
16188
- padding-left: 0;
16189
- }
16190
16323
  .semi-steps-basic.semi-steps-horizontal .semi-steps-item:last-child {
16191
16324
  flex: none;
16192
16325
  }
@@ -16226,9 +16359,7 @@ img[src=""], img:not([src]) {
16226
16359
  .semi-steps-basic.semi-steps-vertical {
16227
16360
  display: flex;
16228
16361
  flex-flow: column nowrap;
16229
- }
16230
- .semi-steps-basic.semi-steps-vertical.semi-steps-small .semi-steps-item .semi-steps-item-content {
16231
- min-height: 40px;
16362
+ row-gap: 9px;
16232
16363
  }
16233
16364
  .semi-steps-basic.semi-steps-vertical.semi-steps-hasline .semi-steps-item-icon::after {
16234
16365
  content: "";
@@ -16240,11 +16371,8 @@ img[src=""], img:not([src]) {
16240
16371
  height: 9999px;
16241
16372
  background: var(--semi-color-fill-2);
16242
16373
  }
16243
- .semi-steps-basic.semi-steps-vertical .semi-steps-item {
16244
- padding-top: 9px;
16245
- }
16246
- .semi-steps-basic.semi-steps-vertical .semi-steps-item:first-child {
16247
- padding-top: 0;
16374
+ .semi-steps-basic.semi-steps-vertical.semi-steps-small .semi-steps-item .semi-steps-item-content {
16375
+ min-height: 40px;
16248
16376
  }
16249
16377
  .semi-steps-basic.semi-steps-vertical .semi-steps-item:last-child .semi-steps-item-icon::after {
16250
16378
  display: none;
@@ -16391,6 +16519,197 @@ img[src=""], img:not([src]) {
16391
16519
  height: 20px;
16392
16520
  }
16393
16521
 
16522
+ .semi-steps-item-basic.semi-steps-item-horizontal {
16523
+ display: flex;
16524
+ flex-flow: row nowrap;
16525
+ column-gap: 16px;
16526
+ }
16527
+ .semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item:last-child {
16528
+ flex: none;
16529
+ }
16530
+ .semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item:last-child .semi-steps-item-title {
16531
+ max-width: 100%;
16532
+ padding-right: 0;
16533
+ }
16534
+ .semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item:last-child .semi-steps-item-title::after {
16535
+ display: none;
16536
+ }
16537
+ .semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item-done .semi-steps-item-container .semi-steps-item-title::after {
16538
+ background: var(--semi-color-primary);
16539
+ }
16540
+ .semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item .semi-steps-item-content {
16541
+ flex: 1;
16542
+ }
16543
+ .semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item .semi-steps-item-description {
16544
+ font-size: 12px;
16545
+ line-height: 16px;
16546
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
16547
+ color: var(--semi-color-text-2);
16548
+ width: 100%;
16549
+ max-width: 268px;
16550
+ overflow: hidden;
16551
+ text-overflow: ellipsis;
16552
+ white-space: nowrap;
16553
+ }
16554
+ .semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item .semi-steps-item-title {
16555
+ max-width: 80%;
16556
+ }
16557
+ .semi-steps-item-basic.semi-steps-item-horizontal.semi-steps-item .semi-steps-item-title .semi-steps-item-title-text {
16558
+ overflow: hidden;
16559
+ text-overflow: ellipsis;
16560
+ white-space: nowrap;
16561
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16562
+ }
16563
+ .semi-steps-item-basic.semi-steps-item-vertical {
16564
+ display: flex;
16565
+ flex-flow: column nowrap;
16566
+ row-gap: 9px;
16567
+ }
16568
+ .semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item:last-child .semi-steps-item-icon::after {
16569
+ display: none;
16570
+ }
16571
+ .semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item-done .semi-steps-item-icon::after {
16572
+ background: var(--semi-color-primary);
16573
+ }
16574
+ .semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item .semi-steps-item-content {
16575
+ min-height: 42px;
16576
+ padding-bottom: 22px;
16577
+ }
16578
+ .semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item .semi-steps-item-icon {
16579
+ display: inline-flex;
16580
+ position: relative;
16581
+ padding-bottom: 9px;
16582
+ }
16583
+ .semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item .semi-steps-item-description {
16584
+ font-size: 12px;
16585
+ line-height: 16px;
16586
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
16587
+ color: var(--semi-color-text-2);
16588
+ width: 100%;
16589
+ }
16590
+ .semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item .semi-steps-item-title {
16591
+ max-width: 100%;
16592
+ }
16593
+ .semi-steps-item-basic.semi-steps-item-vertical.semi-steps-item .semi-steps-item-title .semi-steps-item-title-text {
16594
+ overflow: hidden;
16595
+ text-overflow: ellipsis;
16596
+ white-space: nowrap;
16597
+ }
16598
+ .semi-steps-item-basic.semi-steps-item {
16599
+ box-sizing: border-box;
16600
+ position: relative;
16601
+ display: inline-block;
16602
+ vertical-align: top;
16603
+ overflow: hidden;
16604
+ flex: 1;
16605
+ cursor: pointer;
16606
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16607
+ transform: scale(var(--semi-transform_scale-small));
16608
+ }
16609
+ .semi-steps-item-basic.semi-steps-item:hover .semi-steps-item-title {
16610
+ color: var(--semi-color-focus-border);
16611
+ }
16612
+ .semi-steps-item-basic.semi-steps-item:hover .semi-steps-item-description {
16613
+ color: var(--semi-color-focus-border);
16614
+ }
16615
+ .semi-steps-item-basic.semi-steps-item .semi-steps-item-container {
16616
+ display: flex;
16617
+ align-items: flex-start;
16618
+ }
16619
+ .semi-steps-item-basic.semi-steps-item .semi-steps-item-left {
16620
+ display: flex;
16621
+ justify-content: center;
16622
+ align-items: center;
16623
+ margin-right: 8px;
16624
+ }
16625
+ .semi-steps-item-basic.semi-steps-item .semi-steps-item-left .semi-steps-item-icon {
16626
+ display: flex;
16627
+ height: 24px;
16628
+ align-items: center;
16629
+ }
16630
+ .semi-steps-item-basic.semi-steps-item .semi-steps-item-left .semi-steps-item-number-icon {
16631
+ display: inline-flex;
16632
+ align-items: center;
16633
+ justify-content: center;
16634
+ width: 24px;
16635
+ height: 24px;
16636
+ font-size: 16px;
16637
+ line-height: 22px;
16638
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
16639
+ font-weight: 600;
16640
+ background: var(--semi-color-primary);
16641
+ border-radius: var(--semi-border-radius-circle);
16642
+ color: var(--semi-color-white);
16643
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16644
+ }
16645
+ .semi-steps-item-basic.semi-steps-item .semi-steps-item-title {
16646
+ position: relative;
16647
+ display: inline-block;
16648
+ font-size: 16px;
16649
+ line-height: 22px;
16650
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
16651
+ line-height: 24px;
16652
+ font-weight: 600;
16653
+ color: var(--semi-color-text-0);
16654
+ vertical-align: top;
16655
+ padding-right: 16px;
16656
+ padding-bottom: 4px;
16657
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16658
+ }
16659
+ .semi-steps-item-basic.semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon {
16660
+ color: var(--semi-color-primary);
16661
+ }
16662
+ .semi-steps-item-basic.semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
16663
+ color: var(--semi-color-white);
16664
+ }
16665
+ .semi-steps-item-basic.semi-steps-item-wait .semi-steps-item-title {
16666
+ color: var(--semi-color-text-2);
16667
+ }
16668
+ .semi-steps-item-basic.semi-steps-item-wait .semi-steps-item-left .semi-steps-item-icon {
16669
+ color: var(--semi-color-text-2);
16670
+ }
16671
+ .semi-steps-item-basic.semi-steps-item-wait .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
16672
+ background: var(--semi-color-fill-0);
16673
+ color: var(--semi-color-text-2);
16674
+ }
16675
+ .semi-steps-item-basic.semi-steps-item-wait:hover .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
16676
+ background: var(--semi-color-secondary-light-default);
16677
+ color: var(--semi-color-focus-border);
16678
+ }
16679
+ .semi-steps-item-basic.semi-steps-item-process .semi-steps-item-left .semi-steps-item-icon {
16680
+ color: var(--semi-color-primary);
16681
+ }
16682
+ .semi-steps-item-basic.semi-steps-item-process .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
16683
+ color: var(--semi-color-white);
16684
+ }
16685
+ .semi-steps-item-basic.semi-steps-item-error .semi-steps-item-left .semi-steps-item-icon {
16686
+ color: var(--semi-color-danger);
16687
+ }
16688
+ .semi-steps-item-basic.semi-steps-item-error .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
16689
+ color: var(--semi-color-primary);
16690
+ }
16691
+ .semi-steps-item-basic.semi-steps-item-warning .semi-steps-item-left .semi-steps-item-icon {
16692
+ color: var(--semi-color-warning);
16693
+ }
16694
+ .semi-steps-item-basic.semi-steps-item-warning .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
16695
+ color: var(--semi-color-white);
16696
+ }
16697
+ .semi-steps-item-basic.semi-steps-item-small.semi-steps-item .semi-steps-item-title {
16698
+ font-size: 14px;
16699
+ line-height: 20px;
16700
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
16701
+ }
16702
+ .semi-steps-item-basic.semi-steps-item-small.semi-steps-item .semi-steps-item-left .semi-steps-item-icon {
16703
+ height: 20px;
16704
+ }
16705
+ .semi-steps-item-basic.semi-steps-item-small.semi-steps-item .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
16706
+ font-size: 12px;
16707
+ line-height: 16px;
16708
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
16709
+ width: 20px;
16710
+ height: 20px;
16711
+ }
16712
+
16394
16713
  .semi-steps-nav {
16395
16714
  display: inline-flex;
16396
16715
  flex-flow: row nowrap;
@@ -16440,6 +16759,51 @@ img[src=""], img:not([src]) {
16440
16759
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
16441
16760
  }
16442
16761
 
16762
+ .semi-steps-item-nav.semi-steps-item {
16763
+ box-sizing: border-box;
16764
+ }
16765
+ .semi-steps-item-nav.semi-steps-item:last-child {
16766
+ flex: none;
16767
+ }
16768
+ .semi-steps-item-nav.semi-steps-item:last-child .semi-steps-item-content {
16769
+ width: auto;
16770
+ }
16771
+ .semi-steps-item-nav.semi-steps-item .semi-steps-item-container {
16772
+ display: flex;
16773
+ align-items: center;
16774
+ color: var(--semi-color-text-2);
16775
+ }
16776
+ .semi-steps-item-nav.semi-steps-item .semi-steps-item-container .semi-steps-item-icon {
16777
+ display: inline-flex;
16778
+ flex: 1;
16779
+ justify-content: center;
16780
+ color: var(--semi-grey-3);
16781
+ min-width: 60px;
16782
+ }
16783
+ .semi-steps-item-nav.semi-steps-item .semi-steps-item-content {
16784
+ flex: 1;
16785
+ display: inline-block;
16786
+ }
16787
+ .semi-steps-item-nav.semi-steps-item .semi-steps-item-title {
16788
+ font-size: 16px;
16789
+ line-height: 22px;
16790
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
16791
+ max-width: 17em;
16792
+ overflow: hidden;
16793
+ text-overflow: ellipsis;
16794
+ white-space: nowrap;
16795
+ font-weight: 400;
16796
+ }
16797
+ .semi-steps-item-nav.semi-steps-item-active .semi-steps-item-title {
16798
+ color: var(--semi-color-text-0);
16799
+ font-weight: 600;
16800
+ }
16801
+ .semi-steps-item-nav.semi-steps-item-small .semi-steps-item-title {
16802
+ font-size: 14px;
16803
+ line-height: 20px;
16804
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
16805
+ }
16806
+
16443
16807
  .semi-rtl .semi-steps,
16444
16808
  .semi-portal-rtl .semi-steps {
16445
16809
  direction: rtl;
@@ -18977,6 +19341,39 @@ img[src=""], img:not([src]) {
18977
19341
  width: calc(100% - 28px);
18978
19342
  }
18979
19343
 
19344
+ .semi-timeline-item-alternate .semi-timeline-item-tail, .semi-timeline-item-alternate .semi-timeline-item-head, .semi-timeline-item-alternate .semi-timeline-item-head-custom, .semi-timeline-item-mode-right .semi-timeline-item-tail, .semi-timeline-item-mode-right .semi-timeline-item-head, .semi-timeline-item-mode-right .semi-timeline-item-head-custom, .semi-timeline-item-center .semi-timeline-item-tail, .semi-timeline-item-center .semi-timeline-item-head, .semi-timeline-item-center .semi-timeline-item-head-custom {
19345
+ left: 50%;
19346
+ }
19347
+ .semi-timeline-item-alternate .semi-timeline-item-head.semi-timeline-item-head-custom, .semi-timeline-item-mode-right .semi-timeline-item-head.semi-timeline-item-head-custom, .semi-timeline-item-center .semi-timeline-item-head.semi-timeline-item-head-custom {
19348
+ margin-left: 0;
19349
+ }
19350
+ .semi-timeline-item-alternate .semi-timeline-item-head, .semi-timeline-item-mode-right .semi-timeline-item-head, .semi-timeline-item-center .semi-timeline-item-head {
19351
+ margin-left: -4px;
19352
+ }
19353
+ .semi-timeline-item-alternate.semi-timeline-item-left .semi-timeline-item-content, .semi-timeline-item-mode-right.semi-timeline-item-left .semi-timeline-item-content, .semi-timeline-item-center.semi-timeline-item-left .semi-timeline-item-content {
19354
+ left: calc(50% - 4px);
19355
+ width: calc(50% - 14px);
19356
+ text-align: left;
19357
+ }
19358
+ .semi-timeline-item-alternate.semi-timeline-item-right .semi-timeline-item-content, .semi-timeline-item-mode-right.semi-timeline-item-right .semi-timeline-item-content, .semi-timeline-item-center.semi-timeline-item-right .semi-timeline-item-content {
19359
+ width: calc(50% - 20px);
19360
+ margin: 0;
19361
+ text-align: right;
19362
+ }
19363
+ .semi-timeline-item-center .semi-timeline-item-content-time {
19364
+ position: absolute;
19365
+ top: -2px;
19366
+ margin-left: calc(-40px - 100%);
19367
+ width: 100%;
19368
+ text-align: right;
19369
+ }
19370
+ .semi-timeline-item-mode-right.semi-timeline-item-right .semi-timeline-item-tail, .semi-timeline-item-mode-right.semi-timeline-item-right .semi-timeline-item-head, .semi-timeline-item-mode-right.semi-timeline-item-right .semi-timeline-item-head-custom {
19371
+ left: calc(100% - 9px);
19372
+ }
19373
+ .semi-timeline-item-mode-right.semi-timeline-item-right .semi-timeline-item-content {
19374
+ width: calc(100% - 28px);
19375
+ }
19376
+
18980
19377
  .semi-rtl .semi-timeline,
18981
19378
  .semi-portal-rtl .semi-timeline {
18982
19379
  direction: rtl;