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