@douyinfe/semi-ui 2.28.0-alpha.0 → 2.28.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 (353) hide show
  1. package/dist/css/semi.css +227 -0
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +2393 -2068
  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 +3 -1
  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 +8 -4
  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.d.ts +5 -2
  35. package/lib/cjs/cascader/index.js +40 -38
  36. package/lib/cjs/cascader/item.d.ts +15 -1
  37. package/lib/cjs/cascader/item.js +64 -32
  38. package/lib/cjs/checkbox/checkbox.js +14 -14
  39. package/lib/cjs/checkbox/checkboxGroup.js +4 -4
  40. package/lib/cjs/checkbox/checkboxInner.js +6 -6
  41. package/lib/cjs/collapse/item.js +9 -9
  42. package/lib/cjs/collapsible/index.js +3 -3
  43. package/lib/cjs/configProvider/index.js +1 -1
  44. package/lib/cjs/datePicker/dateInput.js +16 -16
  45. package/lib/cjs/datePicker/datePicker.js +9 -9
  46. package/lib/cjs/datePicker/footer.js +1 -1
  47. package/lib/cjs/datePicker/index.js +1 -1
  48. package/lib/cjs/datePicker/month.js +2 -2
  49. package/lib/cjs/datePicker/monthsGrid.js +27 -27
  50. package/lib/cjs/datePicker/navigation.js +1 -1
  51. package/lib/cjs/datePicker/quickControl.js +14 -14
  52. package/lib/cjs/datePicker/yearAndMonth.js +4 -4
  53. package/lib/cjs/descriptions/index.js +3 -3
  54. package/lib/cjs/descriptions/item.js +5 -5
  55. package/lib/cjs/divider/index.js +7 -7
  56. package/lib/cjs/dropdown/dropdownDivider.js +1 -1
  57. package/lib/cjs/dropdown/dropdownItem.js +7 -7
  58. package/lib/cjs/dropdown/dropdownMenu.js +1 -1
  59. package/lib/cjs/dropdown/dropdownTitle.js +2 -2
  60. package/lib/cjs/dropdown/index.js +3 -3
  61. package/lib/cjs/empty/index.js +7 -7
  62. package/lib/cjs/form/arrayField.js +1 -1
  63. package/lib/cjs/form/baseForm.d.ts +2 -0
  64. package/lib/cjs/form/baseForm.js +2 -2
  65. package/lib/cjs/form/errorMessage.js +1 -1
  66. package/lib/cjs/form/field.d.ts +2 -0
  67. package/lib/cjs/form/group.js +2 -2
  68. package/lib/cjs/form/hoc/withField.js +16 -16
  69. package/lib/cjs/form/label.js +9 -9
  70. package/lib/cjs/form/slot.js +5 -5
  71. package/lib/cjs/grid/col.js +11 -11
  72. package/lib/cjs/grid/row.js +4 -4
  73. package/lib/cjs/highlight/index.js +1 -1
  74. package/lib/cjs/iconButton/index.js +5 -5
  75. package/lib/cjs/image/image.js +10 -10
  76. package/lib/cjs/image/preview.js +3 -3
  77. package/lib/cjs/image/previewFooter.js +12 -12
  78. package/lib/cjs/image/previewHeader.js +3 -3
  79. package/lib/cjs/image/previewImage.js +7 -7
  80. package/lib/cjs/image/previewInner.js +7 -7
  81. package/lib/cjs/input/index.js +38 -38
  82. package/lib/cjs/input/inputGroup.js +7 -7
  83. package/lib/cjs/input/textarea.js +14 -14
  84. package/lib/cjs/inputNumber/index.js +11 -11
  85. package/lib/cjs/layout/Sider.d.ts +1 -1
  86. package/lib/cjs/layout/Sider.js +4 -4
  87. package/lib/cjs/layout/index.js +3 -3
  88. package/lib/cjs/list/index.js +11 -11
  89. package/lib/cjs/list/item.js +6 -6
  90. package/lib/cjs/modal/ConfirmModal.js +7 -7
  91. package/lib/cjs/modal/Modal.js +4 -4
  92. package/lib/cjs/modal/ModalContent.js +24 -24
  93. package/lib/cjs/modal/useModal/index.js +1 -1
  94. package/lib/cjs/navigation/CollapseButton.js +1 -1
  95. package/lib/cjs/navigation/Footer.js +2 -2
  96. package/lib/cjs/navigation/Header.js +5 -5
  97. package/lib/cjs/navigation/Item.js +16 -16
  98. package/lib/cjs/navigation/SubNav.js +14 -14
  99. package/lib/cjs/navigation/index.js +8 -8
  100. package/lib/cjs/notification/index.js +3 -3
  101. package/lib/cjs/notification/notice.js +12 -12
  102. package/lib/cjs/overflowList/index.d.ts +1 -1
  103. package/lib/cjs/overflowList/index.js +32 -35
  104. package/lib/cjs/overflowList/intersectionObserver.js +3 -1
  105. package/lib/cjs/pagination/index.js +26 -26
  106. package/lib/cjs/popconfirm/index.js +9 -9
  107. package/lib/cjs/popover/index.js +2 -2
  108. package/lib/cjs/progress/index.js +14 -14
  109. package/lib/cjs/radio/radio.js +22 -22
  110. package/lib/cjs/radio/radioGroup.js +5 -5
  111. package/lib/cjs/radio/radioInner.js +7 -7
  112. package/lib/cjs/rating/index.js +5 -5
  113. package/lib/cjs/rating/item.js +11 -11
  114. package/lib/cjs/scrollList/index.js +5 -5
  115. package/lib/cjs/scrollList/scrollItem.js +13 -13
  116. package/lib/cjs/select/index.d.ts +11 -0
  117. package/lib/cjs/select/index.js +297 -116
  118. package/lib/cjs/select/option.js +7 -7
  119. package/lib/cjs/sideSheet/SideSheetContent.js +10 -10
  120. package/lib/cjs/sideSheet/index.js +7 -7
  121. package/lib/cjs/skeleton/index.js +1 -1
  122. package/lib/cjs/skeleton/item.js +4 -4
  123. package/lib/cjs/slider/index.js +28 -28
  124. package/lib/cjs/space/index.js +12 -12
  125. package/lib/cjs/spin/icon.js +2 -2
  126. package/lib/cjs/spin/index.js +6 -6
  127. package/lib/cjs/steps/basicStep.js +14 -14
  128. package/lib/cjs/steps/basicSteps.js +6 -6
  129. package/lib/cjs/steps/fillStep.js +10 -10
  130. package/lib/cjs/steps/fillSteps.js +4 -4
  131. package/lib/cjs/steps/navStep.js +5 -5
  132. package/lib/cjs/steps/navSteps.js +2 -2
  133. package/lib/cjs/table/Body/BaseRow.js +5 -5
  134. package/lib/cjs/table/Body/ExpandedRow.js +3 -3
  135. package/lib/cjs/table/Body/SectionRow.js +1 -1
  136. package/lib/cjs/table/Body/index.js +8 -8
  137. package/lib/cjs/table/ColGroup.js +2 -2
  138. package/lib/cjs/table/ColumnFilter.js +3 -3
  139. package/lib/cjs/table/ColumnSelection.js +2 -2
  140. package/lib/cjs/table/ColumnSorter.js +7 -7
  141. package/lib/cjs/table/CustomExpandIcon.js +2 -2
  142. package/lib/cjs/table/HeadTable.js +3 -3
  143. package/lib/cjs/table/Table.js +20 -20
  144. package/lib/cjs/table/TableCell.js +8 -8
  145. package/lib/cjs/table/TableHeader.js +1 -1
  146. package/lib/cjs/table/TableHeaderRow.js +8 -8
  147. package/lib/cjs/table/TablePagination.js +3 -3
  148. package/lib/cjs/tabs/TabBar.js +31 -49
  149. package/lib/cjs/tabs/TabItem.d.ts +18 -0
  150. package/lib/cjs/tabs/TabItem.js +95 -0
  151. package/lib/cjs/tabs/TabPane.js +3 -3
  152. package/lib/cjs/tabs/index.d.ts +2 -1
  153. package/lib/cjs/tabs/index.js +5 -2
  154. package/lib/cjs/tag/group.js +5 -5
  155. package/lib/cjs/tag/index.js +13 -13
  156. package/lib/cjs/tagInput/index.d.ts +6 -2
  157. package/lib/cjs/tagInput/index.js +37 -34
  158. package/lib/cjs/timePicker/Combobox.js +4 -4
  159. package/lib/cjs/timePicker/TimeInput.js +4 -4
  160. package/lib/cjs/timePicker/TimePicker.js +8 -8
  161. package/lib/cjs/timeline/index.js +8 -8
  162. package/lib/cjs/timeline/item.js +7 -7
  163. package/lib/cjs/toast/index.js +5 -5
  164. package/lib/cjs/toast/toast.js +9 -9
  165. package/lib/cjs/tooltip/index.js +7 -7
  166. package/lib/cjs/transfer/index.js +31 -31
  167. package/lib/cjs/tree/autoSizer.js +1 -1
  168. package/lib/cjs/tree/index.js +6 -6
  169. package/lib/cjs/tree/interface.d.ts +1 -0
  170. package/lib/cjs/tree/nodeList.js +1 -1
  171. package/lib/cjs/tree/treeNode.js +26 -26
  172. package/lib/cjs/treeSelect/index.js +41 -41
  173. package/lib/cjs/typography/base.js +14 -14
  174. package/lib/cjs/typography/copyable.js +3 -3
  175. package/lib/cjs/typography/paragraph.js +1 -1
  176. package/lib/cjs/typography/title.js +1 -1
  177. package/lib/cjs/typography/util.js +1 -1
  178. package/lib/cjs/upload/fileCard.js +32 -32
  179. package/lib/cjs/upload/index.js +37 -37
  180. package/lib/es/_portal/index.js +2 -2
  181. package/lib/es/_utils/index.js +3 -1
  182. package/lib/es/anchor/index.js +9 -9
  183. package/lib/es/anchor/link.js +8 -8
  184. package/lib/es/autoComplete/index.js +8 -4
  185. package/lib/es/autoComplete/option.js +7 -7
  186. package/lib/es/avatar/avatarGroup.js +7 -7
  187. package/lib/es/avatar/index.js +12 -12
  188. package/lib/es/badge/index.js +8 -8
  189. package/lib/es/banner/index.js +12 -12
  190. package/lib/es/breadcrumb/index.js +12 -12
  191. package/lib/es/breadcrumb/item.js +8 -8
  192. package/lib/es/button/Button.js +9 -9
  193. package/lib/es/button/buttonGroup.js +5 -5
  194. package/lib/es/button/splitButtonGroup.js +1 -1
  195. package/lib/es/calendar/dayCalendar.js +13 -13
  196. package/lib/es/calendar/dayCol.js +17 -17
  197. package/lib/es/calendar/monthCalendar.js +38 -38
  198. package/lib/es/calendar/rangeCalendar.js +27 -27
  199. package/lib/es/calendar/timeCol.js +6 -6
  200. package/lib/es/calendar/weekCalendar.js +27 -27
  201. package/lib/es/card/cardGroup.js +2 -2
  202. package/lib/es/card/index.js +16 -16
  203. package/lib/es/card/meta.js +5 -5
  204. package/lib/es/carousel/CarouselArrow.js +6 -6
  205. package/lib/es/carousel/CarouselIndicator.js +6 -6
  206. package/lib/es/carousel/index.js +12 -12
  207. package/lib/es/cascader/index.d.ts +5 -2
  208. package/lib/es/cascader/index.js +40 -38
  209. package/lib/es/cascader/item.d.ts +15 -1
  210. package/lib/es/cascader/item.js +64 -32
  211. package/lib/es/checkbox/checkbox.js +14 -14
  212. package/lib/es/checkbox/checkboxGroup.js +4 -4
  213. package/lib/es/checkbox/checkboxInner.js +6 -6
  214. package/lib/es/collapse/item.js +9 -9
  215. package/lib/es/collapsible/index.js +3 -3
  216. package/lib/es/configProvider/index.js +1 -1
  217. package/lib/es/datePicker/dateInput.js +16 -16
  218. package/lib/es/datePicker/datePicker.js +9 -9
  219. package/lib/es/datePicker/footer.js +1 -1
  220. package/lib/es/datePicker/index.js +1 -1
  221. package/lib/es/datePicker/month.js +2 -2
  222. package/lib/es/datePicker/monthsGrid.js +27 -27
  223. package/lib/es/datePicker/navigation.js +1 -1
  224. package/lib/es/datePicker/quickControl.js +14 -14
  225. package/lib/es/datePicker/yearAndMonth.js +4 -4
  226. package/lib/es/descriptions/index.js +3 -3
  227. package/lib/es/descriptions/item.js +5 -5
  228. package/lib/es/divider/index.js +7 -7
  229. package/lib/es/dropdown/dropdownDivider.js +1 -1
  230. package/lib/es/dropdown/dropdownItem.js +7 -7
  231. package/lib/es/dropdown/dropdownMenu.js +1 -1
  232. package/lib/es/dropdown/dropdownTitle.js +2 -2
  233. package/lib/es/dropdown/index.js +3 -3
  234. package/lib/es/empty/index.js +7 -7
  235. package/lib/es/form/arrayField.js +1 -1
  236. package/lib/es/form/baseForm.d.ts +2 -0
  237. package/lib/es/form/baseForm.js +2 -2
  238. package/lib/es/form/errorMessage.js +1 -1
  239. package/lib/es/form/field.d.ts +2 -0
  240. package/lib/es/form/group.js +2 -2
  241. package/lib/es/form/hoc/withField.js +16 -16
  242. package/lib/es/form/label.js +9 -9
  243. package/lib/es/form/slot.js +5 -5
  244. package/lib/es/grid/col.js +11 -11
  245. package/lib/es/grid/row.js +4 -4
  246. package/lib/es/highlight/index.js +1 -1
  247. package/lib/es/iconButton/index.js +5 -5
  248. package/lib/es/image/image.js +10 -10
  249. package/lib/es/image/preview.js +3 -3
  250. package/lib/es/image/previewFooter.js +12 -12
  251. package/lib/es/image/previewHeader.js +3 -3
  252. package/lib/es/image/previewImage.js +7 -7
  253. package/lib/es/image/previewInner.js +7 -7
  254. package/lib/es/input/index.js +38 -38
  255. package/lib/es/input/inputGroup.js +7 -7
  256. package/lib/es/input/textarea.js +14 -14
  257. package/lib/es/inputNumber/index.js +11 -11
  258. package/lib/es/layout/Sider.d.ts +1 -1
  259. package/lib/es/layout/Sider.js +4 -4
  260. package/lib/es/layout/index.js +3 -3
  261. package/lib/es/list/index.js +11 -11
  262. package/lib/es/list/item.js +6 -6
  263. package/lib/es/modal/ConfirmModal.js +7 -7
  264. package/lib/es/modal/Modal.js +4 -4
  265. package/lib/es/modal/ModalContent.js +24 -24
  266. package/lib/es/modal/useModal/index.js +1 -1
  267. package/lib/es/navigation/CollapseButton.js +1 -1
  268. package/lib/es/navigation/Footer.js +2 -2
  269. package/lib/es/navigation/Header.js +5 -5
  270. package/lib/es/navigation/Item.js +16 -16
  271. package/lib/es/navigation/SubNav.js +14 -14
  272. package/lib/es/navigation/index.js +8 -8
  273. package/lib/es/notification/index.js +3 -3
  274. package/lib/es/notification/notice.js +12 -12
  275. package/lib/es/overflowList/index.d.ts +1 -1
  276. package/lib/es/overflowList/index.js +31 -35
  277. package/lib/es/overflowList/intersectionObserver.js +2 -1
  278. package/lib/es/pagination/index.js +26 -26
  279. package/lib/es/popconfirm/index.js +9 -9
  280. package/lib/es/popover/index.js +2 -2
  281. package/lib/es/progress/index.js +14 -14
  282. package/lib/es/radio/radio.js +22 -22
  283. package/lib/es/radio/radioGroup.js +5 -5
  284. package/lib/es/radio/radioInner.js +7 -7
  285. package/lib/es/rating/index.js +5 -5
  286. package/lib/es/rating/item.js +11 -11
  287. package/lib/es/scrollList/index.js +5 -5
  288. package/lib/es/scrollList/scrollItem.js +13 -13
  289. package/lib/es/select/index.d.ts +11 -0
  290. package/lib/es/select/index.js +288 -112
  291. package/lib/es/select/option.js +7 -7
  292. package/lib/es/sideSheet/SideSheetContent.js +10 -10
  293. package/lib/es/sideSheet/index.js +7 -7
  294. package/lib/es/skeleton/index.js +1 -1
  295. package/lib/es/skeleton/item.js +4 -4
  296. package/lib/es/slider/index.js +28 -28
  297. package/lib/es/space/index.js +12 -12
  298. package/lib/es/spin/icon.js +2 -2
  299. package/lib/es/spin/index.js +6 -6
  300. package/lib/es/steps/basicStep.js +14 -14
  301. package/lib/es/steps/basicSteps.js +6 -6
  302. package/lib/es/steps/fillStep.js +10 -10
  303. package/lib/es/steps/fillSteps.js +4 -4
  304. package/lib/es/steps/navStep.js +5 -5
  305. package/lib/es/steps/navSteps.js +2 -2
  306. package/lib/es/table/Body/BaseRow.js +5 -5
  307. package/lib/es/table/Body/ExpandedRow.js +3 -3
  308. package/lib/es/table/Body/SectionRow.js +1 -1
  309. package/lib/es/table/Body/index.js +8 -8
  310. package/lib/es/table/ColGroup.js +2 -2
  311. package/lib/es/table/ColumnFilter.js +3 -3
  312. package/lib/es/table/ColumnSelection.js +2 -2
  313. package/lib/es/table/ColumnSorter.js +7 -7
  314. package/lib/es/table/CustomExpandIcon.js +2 -2
  315. package/lib/es/table/HeadTable.js +3 -3
  316. package/lib/es/table/Table.js +20 -20
  317. package/lib/es/table/TableCell.js +8 -8
  318. package/lib/es/table/TableHeader.js +1 -1
  319. package/lib/es/table/TableHeaderRow.js +8 -8
  320. package/lib/es/table/TablePagination.js +3 -3
  321. package/lib/es/tabs/TabBar.js +30 -50
  322. package/lib/es/tabs/TabItem.d.ts +18 -0
  323. package/lib/es/tabs/TabItem.js +78 -0
  324. package/lib/es/tabs/TabPane.js +3 -3
  325. package/lib/es/tabs/index.d.ts +2 -1
  326. package/lib/es/tabs/index.js +4 -2
  327. package/lib/es/tag/group.js +5 -5
  328. package/lib/es/tag/index.js +13 -13
  329. package/lib/es/tagInput/index.d.ts +6 -2
  330. package/lib/es/tagInput/index.js +37 -34
  331. package/lib/es/timePicker/Combobox.js +4 -4
  332. package/lib/es/timePicker/TimeInput.js +4 -4
  333. package/lib/es/timePicker/TimePicker.js +8 -8
  334. package/lib/es/timeline/index.js +8 -8
  335. package/lib/es/timeline/item.js +7 -7
  336. package/lib/es/toast/index.js +5 -5
  337. package/lib/es/toast/toast.js +9 -9
  338. package/lib/es/tooltip/index.js +7 -7
  339. package/lib/es/transfer/index.js +31 -31
  340. package/lib/es/tree/autoSizer.js +1 -1
  341. package/lib/es/tree/index.js +6 -6
  342. package/lib/es/tree/interface.d.ts +1 -0
  343. package/lib/es/tree/nodeList.js +1 -1
  344. package/lib/es/tree/treeNode.js +26 -26
  345. package/lib/es/treeSelect/index.js +41 -41
  346. package/lib/es/typography/base.js +14 -14
  347. package/lib/es/typography/copyable.js +3 -3
  348. package/lib/es/typography/paragraph.js +1 -1
  349. package/lib/es/typography/title.js +1 -1
  350. package/lib/es/typography/util.js +1 -1
  351. package/lib/es/upload/fileCard.js +32 -32
  352. package/lib/es/upload/index.js +37 -37
  353. package/package.json +8 -8
package/dist/css/semi.css CHANGED
@@ -14903,6 +14903,8 @@ img[src=""], img:not([src]) {
14903
14903
  cursor: pointer;
14904
14904
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
14905
14905
  transform: scale(var(--semi-transform_scale-none));
14906
+ max-height: 300px;
14907
+ overflow-y: auto;
14906
14908
  }
14907
14909
  .semi-select:hover {
14908
14910
  background-color: var(--semi-color-fill-1);
@@ -15044,6 +15046,24 @@ img[src=""], img:not([src]) {
15044
15046
  align-items: center;
15045
15047
  height: 100%;
15046
15048
  }
15049
+ .semi-select-content-wrapper-collapse {
15050
+ display: inline-flex;
15051
+ flex-shrink: 0;
15052
+ width: 100%;
15053
+ }
15054
+ .semi-select-content-wrapper-collapse .semi-overflow-list-overflow {
15055
+ max-width: 100%;
15056
+ min-width: 50px;
15057
+ }
15058
+ .semi-select-content-wrapper-collapse > .semi-select-content-wrapper-collapse-tag {
15059
+ background-color: transparent;
15060
+ }
15061
+ .semi-select-content-wrapper-collapse > .semi-select-content-wrapper-collapse-N {
15062
+ background-color: transparent;
15063
+ padding: 4px;
15064
+ color: var(--semi-color-text-0);
15065
+ font-size: 12px;
15066
+ }
15047
15067
  .semi-select-multiple {
15048
15068
  height: auto;
15049
15069
  }
@@ -17402,6 +17422,66 @@ img[src=""], img:not([src]) {
17402
17422
  color: var(--semi-color-disabled-text);
17403
17423
  border-bottom: none;
17404
17424
  }
17425
+ .semi-tabs-tab-single.semi-tabs-tab {
17426
+ font-size: 14px;
17427
+ line-height: 20px;
17428
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
17429
+ cursor: pointer;
17430
+ box-sizing: border-box;
17431
+ position: relative;
17432
+ display: inline-block;
17433
+ font-weight: 400;
17434
+ color: var(--semi-color-text-2);
17435
+ user-select: none;
17436
+ }
17437
+ .semi-tabs-tab-single.semi-tabs-tab .semi-icon {
17438
+ position: relative;
17439
+ margin-right: 8px;
17440
+ top: 3px;
17441
+ color: var(--semi-color-text-2);
17442
+ transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
17443
+ }
17444
+ .semi-tabs-tab-single.semi-tabs-tab .semi-icon-close {
17445
+ margin-right: 0;
17446
+ font-size: 14px;
17447
+ color: var(--semi-color-text-2);
17448
+ margin-left: 10px;
17449
+ cursor: pointer;
17450
+ }
17451
+ .semi-tabs-tab-single.semi-tabs-tab:hover {
17452
+ color: var(--semi-color-text-0);
17453
+ }
17454
+ .semi-tabs-tab-single.semi-tabs-tab:hover .semi-icon {
17455
+ color: var(--semi-color-text-0);
17456
+ }
17457
+ .semi-tabs-tab-single.semi-tabs-tab:active {
17458
+ color: var(--semi-color-text-0);
17459
+ }
17460
+ .semi-tabs-tab-single.semi-tabs-tab:active .semi-icon {
17461
+ color: var(--semi-color-text-0);
17462
+ }
17463
+ .semi-tabs-tab-single.semi-tabs-tab-active, .semi-tabs-tab-single.semi-tabs-tab-active:hover {
17464
+ cursor: default;
17465
+ font-weight: 600;
17466
+ color: var(--semi-color-text-0);
17467
+ }
17468
+ .semi-tabs-tab-single.semi-tabs-tab-active .semi-icon, .semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon {
17469
+ color: var(--semi-color-primary);
17470
+ }
17471
+ .semi-tabs-tab-single.semi-tabs-tab-active .semi-icon-close, .semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon-close {
17472
+ color: var(--semi-color-text-2);
17473
+ }
17474
+ .semi-tabs-tab-single.semi-tabs-tab-active .semi-icon-close:hover {
17475
+ color: var(--semi-color-text-1);
17476
+ }
17477
+ .semi-tabs-tab-single.semi-tabs-tab-disabled {
17478
+ cursor: not-allowed;
17479
+ color: var(--semi-color-disabled-text);
17480
+ }
17481
+ .semi-tabs-tab-single.semi-tabs-tab-disabled:hover {
17482
+ color: var(--semi-color-disabled-text);
17483
+ border-bottom: none;
17484
+ }
17405
17485
  .semi-tabs-bar-collapse,
17406
17486
  .semi-tabs-bar-collapse .semi-tabs-bar-overflow-list {
17407
17487
  display: flex;
@@ -17732,6 +17812,142 @@ img[src=""], img:not([src]) {
17732
17812
  animation: 200ms semi-tabs-panel-keyframe-bottomShow ease-in-out 0s;
17733
17813
  animation-fill-mode: forwards;
17734
17814
  }
17815
+ .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab {
17816
+ padding: 16px 4px 14px 4px;
17817
+ transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
17818
+ border-bottom: 2px solid transparent;
17819
+ }
17820
+ .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:nth-of-type(1) {
17821
+ padding-left: 0;
17822
+ }
17823
+ .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:hover {
17824
+ border-bottom: 2px solid var(--semi-color-fill-0);
17825
+ }
17826
+ .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:focus-visible {
17827
+ outline: 2px solid var(--semi-color-primary-light-active);
17828
+ outline-offset: -1px;
17829
+ }
17830
+ .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:active {
17831
+ border-bottom: 2px solid var(--semi-color-fill-1);
17832
+ }
17833
+ .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-small {
17834
+ padding: 8px 4px 6px 4px;
17835
+ }
17836
+ .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-medium {
17837
+ padding: 12px 4px 10px 4px;
17838
+ }
17839
+ .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active, .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active:hover {
17840
+ border-bottom: 2px solid var(--semi-color-primary);
17841
+ }
17842
+ .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab {
17843
+ padding: 12px;
17844
+ border-left: 2px solid transparent;
17845
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
17846
+ }
17847
+ .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab:hover {
17848
+ border-left: 2px solid var(--semi-color-fill-0);
17849
+ background-color: var(--semi-color-fill-0);
17850
+ }
17851
+ .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab:focus-visible {
17852
+ outline: 2px solid var(--semi-color-primary-light-active);
17853
+ outline-offset: -2px;
17854
+ }
17855
+ .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab:active {
17856
+ border-left: 2px solid var(--semi-color-fill-1);
17857
+ background-color: var(--semi-color-fill-1);
17858
+ }
17859
+ .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-small {
17860
+ padding: 6px;
17861
+ }
17862
+ .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-medium {
17863
+ padding: 10px;
17864
+ }
17865
+ .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-active {
17866
+ background-color: var(--semi-color-primary-light-default);
17867
+ }
17868
+ .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-active, .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-active:hover {
17869
+ border-left: 2px solid var(--semi-color-primary);
17870
+ background-color: var(--semi-color-primary-light-default);
17871
+ }
17872
+ .semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab {
17873
+ border: 1px solid transparent;
17874
+ border-bottom: none;
17875
+ border-radius: var(--semi-border-radius-small) var(--semi-border-radius-small) 0 0;
17876
+ }
17877
+ .semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab:hover {
17878
+ border-bottom: none;
17879
+ }
17880
+ .semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab-active, .semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab-active:hover {
17881
+ padding: 8px 12px 7px 12px;
17882
+ border: 1px solid var(--semi-color-border);
17883
+ border-bottom: 1px solid var(--semi-color-bg-1);
17884
+ background: transparent;
17885
+ }
17886
+ .semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab {
17887
+ border: 1px solid transparent;
17888
+ border-right: none;
17889
+ border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
17890
+ }
17891
+ .semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab:hover {
17892
+ border-right: none;
17893
+ }
17894
+ .semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab-active:after {
17895
+ content: " ";
17896
+ width: 1px;
17897
+ position: absolute;
17898
+ right: -1px;
17899
+ top: 0;
17900
+ bottom: 0;
17901
+ background: var(--semi-color-bg-1);
17902
+ }
17903
+ .semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab-active, .semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab-active:hover {
17904
+ padding: 8px 12px;
17905
+ border: 1px solid var(--semi-color-border);
17906
+ border-right: none;
17907
+ background: transparent;
17908
+ }
17909
+ .semi-tabs-tab-card.semi-tabs-tab {
17910
+ padding: 8px 12px;
17911
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
17912
+ transform: scale(var(--semi-transform_scale-none));
17913
+ }
17914
+ .semi-tabs-tab-card.semi-tabs-tab:hover {
17915
+ background: var(--semi-color-fill-0);
17916
+ }
17917
+ .semi-tabs-tab-card.semi-tabs-tab:focus-visible {
17918
+ outline: 2px solid var(--semi-color-primary-light-active);
17919
+ outline-offset: -2px;
17920
+ }
17921
+ .semi-tabs-tab-card.semi-tabs-tab:active {
17922
+ background: var(--semi-color-fill-1);
17923
+ }
17924
+ .semi-tabs-tab-button {
17925
+ border: none;
17926
+ }
17927
+ .semi-tabs-tab-button.semi-tabs-tab {
17928
+ padding: 8px 12px;
17929
+ border-radius: var(--semi-border-radius-small);
17930
+ color: var(--semi-color-text-2);
17931
+ border: none;
17932
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
17933
+ transform: scale(var(--semi-transform_scale-none));
17934
+ }
17935
+ .semi-tabs-tab-button.semi-tabs-tab:hover {
17936
+ border: none;
17937
+ background-color: var(--semi-color-fill-0);
17938
+ }
17939
+ .semi-tabs-tab-button.semi-tabs-tab:focus-visible {
17940
+ outline: 2px solid var(--semi-color-primary-light-active);
17941
+ outline-offset: -2px;
17942
+ }
17943
+ .semi-tabs-tab-button.semi-tabs-tab:active {
17944
+ background-color: var(--semi-color-fill-1);
17945
+ }
17946
+ .semi-tabs-tab-button.semi-tabs-tab-active, .semi-tabs-tab-button.semi-tabs-tab-active:hover {
17947
+ color: var(--semi-color-primary);
17948
+ border: none;
17949
+ background-color: var(--semi-color-primary-light-default);
17950
+ }
17735
17951
 
17736
17952
  .semi-rtl .semi-tabs,
17737
17953
  .semi-portal-rtl .semi-tabs {
@@ -18531,6 +18747,17 @@ img[src=""], img:not([src]) {
18531
18747
  .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item > ul:before {
18532
18748
  height: 108px;
18533
18749
  }
18750
+ .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item,
18751
+ .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer {
18752
+ -ms-overflow-style: none; /* Internet Explorer 10+ */
18753
+ scrollbar-width: none; /* Firefox */
18754
+ }
18755
+ .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item::-webkit-scrollbar,
18756
+ .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer::-webkit-scrollbar {
18757
+ display: none;
18758
+ width: 0;
18759
+ height: 0;
18760
+ }
18534
18761
  .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item > ul,
18535
18762
  .semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul {
18536
18763
  padding-bottom: 108px;