@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.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 (698) hide show
  1. package/dist/umd/semi-ui.js +45123 -59672
  2. package/dist/umd/semi-ui.js.map +1 -1
  3. package/dist/umd/semi-ui.min.js +1 -1
  4. package/dist/umd/semi-ui.min.js.LICENSE.txt +3 -3
  5. package/dist/umd/semi-ui.min.js.map +1 -1
  6. package/lib/cjs/_base/base.d.ts +3 -3
  7. package/lib/cjs/_base/baseComponent.d.ts +1 -1
  8. package/lib/cjs/_base/baseComponent.js +5 -16
  9. package/lib/cjs/_base/reactUtils.js +3 -9
  10. package/lib/cjs/_cssAnimation/index.js +4 -25
  11. package/lib/cjs/_portal/index.js +0 -31
  12. package/lib/cjs/_utils/hooks/usePrevFocus.js +0 -6
  13. package/lib/cjs/_utils/index.js +6 -45
  14. package/lib/cjs/anchor/anchor-context.d.ts +1 -1
  15. package/lib/cjs/anchor/anchor-context.js +0 -4
  16. package/lib/cjs/anchor/index.js +2 -48
  17. package/lib/cjs/anchor/link.js +4 -36
  18. package/lib/cjs/autoComplete/index.d.ts +1 -1
  19. package/lib/cjs/autoComplete/index.js +3 -42
  20. package/lib/cjs/autoComplete/option.js +26 -54
  21. package/lib/cjs/avatar/avatarGroup.js +9 -42
  22. package/lib/cjs/avatar/index.js +15 -56
  23. package/lib/cjs/avatar/interface.d.ts +6 -6
  24. package/lib/cjs/backtop/index.js +9 -34
  25. package/lib/cjs/badge/index.d.ts +3 -3
  26. package/lib/cjs/badge/index.js +16 -38
  27. package/lib/cjs/banner/index.d.ts +1 -1
  28. package/lib/cjs/banner/index.js +3 -31
  29. package/lib/cjs/breadcrumb/bread-context.js +0 -4
  30. package/lib/cjs/breadcrumb/index.d.ts +1 -1
  31. package/lib/cjs/breadcrumb/index.js +1 -45
  32. package/lib/cjs/breadcrumb/item.d.ts +1 -1
  33. package/lib/cjs/breadcrumb/item.js +16 -56
  34. package/lib/cjs/button/Button.d.ts +4 -4
  35. package/lib/cjs/button/Button.js +18 -37
  36. package/lib/cjs/button/buttonGroup.d.ts +1 -1
  37. package/lib/cjs/button/buttonGroup.js +10 -35
  38. package/lib/cjs/button/index.js +0 -9
  39. package/lib/cjs/button/splitButtonGroup.js +0 -11
  40. package/lib/cjs/calendar/dayCalendar.js +0 -29
  41. package/lib/cjs/calendar/dayCol.js +1 -28
  42. package/lib/cjs/calendar/index.js +4 -22
  43. package/lib/cjs/calendar/interface.d.ts +5 -5
  44. package/lib/cjs/calendar/monthCalendar.js +6 -62
  45. package/lib/cjs/calendar/rangeCalendar.js +1 -34
  46. package/lib/cjs/calendar/timeCol.js +0 -20
  47. package/lib/cjs/calendar/weekCalendar.js +0 -35
  48. package/lib/cjs/card/cardGroup.d.ts +1 -1
  49. package/lib/cjs/card/cardGroup.js +8 -24
  50. package/lib/cjs/card/index.d.ts +1 -1
  51. package/lib/cjs/card/index.js +7 -38
  52. package/lib/cjs/card/meta.d.ts +1 -1
  53. package/lib/cjs/card/meta.js +8 -27
  54. package/lib/cjs/carousel/CarouselArrow.d.ts +2 -2
  55. package/lib/cjs/carousel/CarouselArrow.js +1 -13
  56. package/lib/cjs/carousel/CarouselIndicator.js +9 -33
  57. package/lib/cjs/carousel/index.js +1 -49
  58. package/lib/cjs/cascader/index.d.ts +2 -2
  59. package/lib/cjs/cascader/index.js +12 -144
  60. package/lib/cjs/cascader/item.js +2 -63
  61. package/lib/cjs/checkbox/checkbox.d.ts +1 -1
  62. package/lib/cjs/checkbox/checkbox.js +21 -55
  63. package/lib/cjs/checkbox/checkboxGroup.d.ts +4 -4
  64. package/lib/cjs/checkbox/checkboxGroup.js +9 -29
  65. package/lib/cjs/checkbox/checkboxInner.js +1 -15
  66. package/lib/cjs/checkbox/context.d.ts +1 -1
  67. package/lib/cjs/checkbox/context.js +0 -4
  68. package/lib/cjs/checkbox/index.js +0 -5
  69. package/lib/cjs/collapse/collapse-context.js +0 -4
  70. package/lib/cjs/collapse/index.js +14 -42
  71. package/lib/cjs/collapse/item.js +13 -41
  72. package/lib/cjs/collapsible/index.js +0 -34
  73. package/lib/cjs/configProvider/context.js +0 -4
  74. package/lib/cjs/configProvider/index.js +5 -21
  75. package/lib/cjs/datePicker/dateInput.js +39 -93
  76. package/lib/cjs/datePicker/datePicker.d.ts +1 -1
  77. package/lib/cjs/datePicker/datePicker.js +11 -119
  78. package/lib/cjs/datePicker/footer.js +0 -6
  79. package/lib/cjs/datePicker/index.js +2 -17
  80. package/lib/cjs/datePicker/insetInput.js +0 -9
  81. package/lib/cjs/datePicker/month.d.ts +1 -1
  82. package/lib/cjs/datePicker/month.js +25 -90
  83. package/lib/cjs/datePicker/monthsGrid.d.ts +1 -1
  84. package/lib/cjs/datePicker/monthsGrid.js +21 -96
  85. package/lib/cjs/datePicker/navigation.js +7 -24
  86. package/lib/cjs/datePicker/quickControl.js +1 -17
  87. package/lib/cjs/datePicker/yearAndMonth.d.ts +1 -1
  88. package/lib/cjs/datePicker/yearAndMonth.js +6 -52
  89. package/lib/cjs/descriptions/descriptions-context.d.ts +1 -1
  90. package/lib/cjs/descriptions/descriptions-context.js +0 -4
  91. package/lib/cjs/descriptions/index.d.ts +1 -1
  92. package/lib/cjs/descriptions/index.js +0 -15
  93. package/lib/cjs/descriptions/item.js +0 -14
  94. package/lib/cjs/divider/index.js +9 -23
  95. package/lib/cjs/dropdown/context.js +0 -4
  96. package/lib/cjs/dropdown/dropdownDivider.d.ts +1 -1
  97. package/lib/cjs/dropdown/dropdownDivider.js +0 -8
  98. package/lib/cjs/dropdown/dropdownItem.d.ts +1 -1
  99. package/lib/cjs/dropdown/dropdownItem.js +0 -21
  100. package/lib/cjs/dropdown/dropdownMenu.d.ts +1 -1
  101. package/lib/cjs/dropdown/dropdownMenu.js +6 -24
  102. package/lib/cjs/dropdown/dropdownTitle.d.ts +1 -1
  103. package/lib/cjs/dropdown/dropdownTitle.js +0 -12
  104. package/lib/cjs/dropdown/index.d.ts +1 -1
  105. package/lib/cjs/dropdown/index.js +21 -62
  106. package/lib/cjs/empty/index.js +0 -20
  107. package/lib/cjs/form/arrayField.js +15 -47
  108. package/lib/cjs/form/baseForm.js +26 -72
  109. package/lib/cjs/form/context.js +1 -10
  110. package/lib/cjs/form/errorMessage.d.ts +1 -1
  111. package/lib/cjs/form/errorMessage.js +1 -20
  112. package/lib/cjs/form/field.js +4 -23
  113. package/lib/cjs/form/group.js +11 -48
  114. package/lib/cjs/form/hoc/withField.js +69 -144
  115. package/lib/cjs/form/hoc/withFormApi.js +0 -7
  116. package/lib/cjs/form/hoc/withFormState.js +0 -7
  117. package/lib/cjs/form/hooks/index.js +0 -8
  118. package/lib/cjs/form/hooks/useArrayFieldState.js +0 -4
  119. package/lib/cjs/form/hooks/useFieldApi.js +0 -5
  120. package/lib/cjs/form/hooks/useFieldState.js +0 -8
  121. package/lib/cjs/form/hooks/useFormApi.js +0 -3
  122. package/lib/cjs/form/hooks/useFormState.js +0 -4
  123. package/lib/cjs/form/hooks/useFormUpdater.js +0 -3
  124. package/lib/cjs/form/hooks/useStateWithGetter.js +0 -5
  125. package/lib/cjs/form/index.js +0 -9
  126. package/lib/cjs/form/interface.d.ts +4 -4
  127. package/lib/cjs/form/interface.js +1 -8
  128. package/lib/cjs/form/label.js +0 -16
  129. package/lib/cjs/form/section.js +1 -11
  130. package/lib/cjs/form/slot.js +10 -51
  131. package/lib/cjs/grid/col.js +10 -29
  132. package/lib/cjs/grid/index.js +0 -3
  133. package/lib/cjs/grid/row.d.ts +2 -2
  134. package/lib/cjs/grid/row.js +10 -34
  135. package/lib/cjs/highlight/index.js +0 -11
  136. package/lib/cjs/iconButton/index.d.ts +1 -1
  137. package/lib/cjs/iconButton/index.js +18 -42
  138. package/lib/cjs/icons/index.js +0 -3
  139. package/lib/cjs/image/image.d.ts +0 -3
  140. package/lib/cjs/image/image.js +19 -88
  141. package/lib/cjs/image/index.js +0 -6
  142. package/lib/cjs/image/interface.d.ts +1 -1
  143. package/lib/cjs/image/preview.d.ts +4 -0
  144. package/lib/cjs/image/preview.js +53 -61
  145. package/lib/cjs/image/previewContext.js +0 -2
  146. package/lib/cjs/image/previewFooter.js +9 -62
  147. package/lib/cjs/image/previewHeader.js +0 -13
  148. package/lib/cjs/image/previewImage.js +46 -79
  149. package/lib/cjs/image/previewInner.js +70 -126
  150. package/lib/cjs/index.js +0 -86
  151. package/lib/cjs/input/index.d.ts +3 -3
  152. package/lib/cjs/input/index.js +35 -103
  153. package/lib/cjs/input/inputGroup.d.ts +1 -1
  154. package/lib/cjs/input/inputGroup.js +20 -44
  155. package/lib/cjs/input/textarea.d.ts +1 -1
  156. package/lib/cjs/input/textarea.js +33 -77
  157. package/lib/cjs/inputNumber/index.js +127 -199
  158. package/lib/cjs/layout/Sider.js +7 -32
  159. package/lib/cjs/layout/index.js +16 -40
  160. package/lib/cjs/layout/layout-context.js +0 -5
  161. package/lib/cjs/list/index.js +0 -26
  162. package/lib/cjs/list/item.js +6 -30
  163. package/lib/cjs/list/list-context.js +0 -4
  164. package/lib/cjs/locale/context.js +0 -4
  165. package/lib/cjs/locale/localeConsumer.d.ts +1 -1
  166. package/lib/cjs/locale/localeConsumer.js +0 -16
  167. package/lib/cjs/locale/localeProvider.js +0 -11
  168. package/lib/cjs/locale/source/ar.js +2 -4
  169. package/lib/cjs/locale/source/de.js +2 -4
  170. package/lib/cjs/locale/source/en_GB.js +2 -4
  171. package/lib/cjs/locale/source/en_US.js +2 -4
  172. package/lib/cjs/locale/source/es.js +0 -2
  173. package/lib/cjs/locale/source/fr.js +2 -4
  174. package/lib/cjs/locale/source/id_ID.js +2 -4
  175. package/lib/cjs/locale/source/it.js +2 -4
  176. package/lib/cjs/locale/source/ja_JP.js +2 -4
  177. package/lib/cjs/locale/source/ko_KR.js +2 -4
  178. package/lib/cjs/locale/source/ms_MY.js +2 -4
  179. package/lib/cjs/locale/source/nl_NL.js +0 -2
  180. package/lib/cjs/locale/source/pl_PL.js +0 -2
  181. package/lib/cjs/locale/source/pt_BR.js +2 -4
  182. package/lib/cjs/locale/source/ro.js +0 -2
  183. package/lib/cjs/locale/source/ru_RU.js +2 -4
  184. package/lib/cjs/locale/source/sv_SE.js +0 -2
  185. package/lib/cjs/locale/source/th_TH.js +2 -4
  186. package/lib/cjs/locale/source/tr_TR.js +2 -4
  187. package/lib/cjs/locale/source/vi_VN.js +2 -4
  188. package/lib/cjs/locale/source/zh_CN.js +2 -4
  189. package/lib/cjs/locale/source/zh_TW.js +2 -4
  190. package/lib/cjs/modal/ConfirmModal.js +9 -29
  191. package/lib/cjs/modal/Modal.d.ts +2 -2
  192. package/lib/cjs/modal/Modal.js +17 -80
  193. package/lib/cjs/modal/ModalContent.js +13 -72
  194. package/lib/cjs/modal/confirm.d.ts +9 -3
  195. package/lib/cjs/modal/confirm.js +4 -28
  196. package/lib/cjs/modal/index.d.ts +1 -1
  197. package/lib/cjs/modal/index.js +0 -4
  198. package/lib/cjs/modal/useModal/HookModal.js +4 -18
  199. package/lib/cjs/modal/useModal/index.d.ts +1 -1
  200. package/lib/cjs/modal/useModal/index.js +4 -18
  201. package/lib/cjs/navigation/CollapseButton.js +0 -11
  202. package/lib/cjs/navigation/Footer.js +0 -20
  203. package/lib/cjs/navigation/Header.d.ts +1 -1
  204. package/lib/cjs/navigation/Header.js +0 -18
  205. package/lib/cjs/navigation/Item.js +3 -51
  206. package/lib/cjs/navigation/SubNav.js +7 -67
  207. package/lib/cjs/navigation/index.d.ts +2 -2
  208. package/lib/cjs/navigation/index.js +5 -60
  209. package/lib/cjs/navigation/nav-context.js +0 -4
  210. package/lib/cjs/notification/index.d.ts +1 -1
  211. package/lib/cjs/notification/index.js +4 -56
  212. package/lib/cjs/notification/notice.js +24 -58
  213. package/lib/cjs/notification/useNotification/HookNotice.js +3 -18
  214. package/lib/cjs/notification/useNotification/index.js +4 -25
  215. package/lib/cjs/overflowList/index.d.ts +41 -24
  216. package/lib/cjs/overflowList/index.js +7 -65
  217. package/lib/cjs/overflowList/intersectionObserver.js +2 -21
  218. package/lib/cjs/pagination/index.d.ts +2 -2
  219. package/lib/cjs/pagination/index.js +7 -59
  220. package/lib/cjs/popconfirm/index.js +9 -54
  221. package/lib/cjs/popover/Arrow.js +6 -19
  222. package/lib/cjs/popover/index.js +11 -38
  223. package/lib/cjs/progress/index.js +8 -48
  224. package/lib/cjs/radio/context.d.ts +2 -2
  225. package/lib/cjs/radio/context.js +0 -4
  226. package/lib/cjs/radio/index.js +0 -5
  227. package/lib/cjs/radio/radio.d.ts +3 -3
  228. package/lib/cjs/radio/radio.js +1 -36
  229. package/lib/cjs/radio/radioGroup.d.ts +2 -2
  230. package/lib/cjs/radio/radioGroup.js +0 -24
  231. package/lib/cjs/radio/radioInner.d.ts +1 -1
  232. package/lib/cjs/radio/radioInner.js +0 -21
  233. package/lib/cjs/rating/index.js +4 -51
  234. package/lib/cjs/rating/item.d.ts +1 -1
  235. package/lib/cjs/rating/item.js +2 -27
  236. package/lib/cjs/resizeObserver/index.js +4 -28
  237. package/lib/cjs/scrollList/index.js +0 -13
  238. package/lib/cjs/scrollList/scrollItem.js +15 -113
  239. package/lib/cjs/select/index.d.ts +6 -6
  240. package/lib/cjs/select/index.js +27 -164
  241. package/lib/cjs/select/option.js +27 -55
  242. package/lib/cjs/select/optionGroup.js +0 -12
  243. package/lib/cjs/select/utils.js +8 -24
  244. package/lib/cjs/select/virtualRow.js +0 -2
  245. package/lib/cjs/sideSheet/SideSheetContent.js +2 -40
  246. package/lib/cjs/sideSheet/index.js +21 -66
  247. package/lib/cjs/skeleton/index.js +9 -28
  248. package/lib/cjs/skeleton/item.d.ts +2 -2
  249. package/lib/cjs/skeleton/item.js +8 -29
  250. package/lib/cjs/slider/index.js +7 -68
  251. package/lib/cjs/space/index.d.ts +3 -3
  252. package/lib/cjs/space/index.js +0 -20
  253. package/lib/cjs/space/utils.js +0 -9
  254. package/lib/cjs/spin/icon.js +4 -17
  255. package/lib/cjs/spin/index.d.ts +1 -1
  256. package/lib/cjs/spin/index.js +0 -20
  257. package/lib/cjs/steps/basicStep.d.ts +2 -2
  258. package/lib/cjs/steps/basicStep.js +0 -22
  259. package/lib/cjs/steps/basicSteps.d.ts +3 -3
  260. package/lib/cjs/steps/basicSteps.js +0 -15
  261. package/lib/cjs/steps/context.js +0 -4
  262. package/lib/cjs/steps/fillStep.d.ts +1 -1
  263. package/lib/cjs/steps/fillStep.js +0 -19
  264. package/lib/cjs/steps/fillSteps.d.ts +2 -2
  265. package/lib/cjs/steps/fillSteps.js +0 -17
  266. package/lib/cjs/steps/index.d.ts +1 -1
  267. package/lib/cjs/steps/index.js +4 -26
  268. package/lib/cjs/steps/navStep.js +0 -11
  269. package/lib/cjs/steps/navSteps.d.ts +1 -1
  270. package/lib/cjs/steps/navSteps.js +0 -13
  271. package/lib/cjs/steps/step.d.ts +1 -1
  272. package/lib/cjs/steps/step.js +0 -15
  273. package/lib/cjs/switch/index.js +1 -22
  274. package/lib/cjs/table/Body/BaseRow.d.ts +1 -1
  275. package/lib/cjs/table/Body/BaseRow.js +37 -101
  276. package/lib/cjs/table/Body/ExpandedRow.d.ts +1 -1
  277. package/lib/cjs/table/Body/ExpandedRow.js +5 -30
  278. package/lib/cjs/table/Body/SectionRow.js +8 -46
  279. package/lib/cjs/table/Body/index.js +38 -153
  280. package/lib/cjs/table/ColGroup.js +2 -14
  281. package/lib/cjs/table/Column.js +0 -7
  282. package/lib/cjs/table/ColumnFilter.js +4 -30
  283. package/lib/cjs/table/ColumnSelection.js +5 -24
  284. package/lib/cjs/table/ColumnShape.js +0 -4
  285. package/lib/cjs/table/ColumnSorter.js +0 -13
  286. package/lib/cjs/table/CustomExpandIcon.js +0 -16
  287. package/lib/cjs/table/HeadTable.js +0 -23
  288. package/lib/cjs/table/ResizableHeaderCell.d.ts +1 -1
  289. package/lib/cjs/table/ResizableHeaderCell.js +9 -20
  290. package/lib/cjs/table/ResizableTable.js +5 -47
  291. package/lib/cjs/table/Table.d.ts +2 -2
  292. package/lib/cjs/table/Table.js +534 -771
  293. package/lib/cjs/table/TableCell.js +20 -81
  294. package/lib/cjs/table/TableContextProvider.js +0 -7
  295. package/lib/cjs/table/TableHeader.js +5 -33
  296. package/lib/cjs/table/TableHeaderRow.js +8 -45
  297. package/lib/cjs/table/TablePagination.js +1 -12
  298. package/lib/cjs/table/getColumns.js +0 -11
  299. package/lib/cjs/table/index.js +2 -20
  300. package/lib/cjs/table/interface.d.ts +58 -58
  301. package/lib/cjs/table/table-context.js +1 -5
  302. package/lib/cjs/table/utils.js +6 -30
  303. package/lib/cjs/tabs/TabBar.js +13 -61
  304. package/lib/cjs/tabs/TabItem.js +18 -31
  305. package/lib/cjs/tabs/TabPane.js +10 -35
  306. package/lib/cjs/tabs/index.js +20 -83
  307. package/lib/cjs/tabs/interface.d.ts +3 -3
  308. package/lib/cjs/tabs/tabs-context.js +0 -4
  309. package/lib/cjs/tag/group.js +0 -27
  310. package/lib/cjs/tag/index.js +23 -60
  311. package/lib/cjs/tag/interface.d.ts +5 -5
  312. package/lib/cjs/tagInput/index.d.ts +3 -3
  313. package/lib/cjs/tagInput/index.js +2 -77
  314. package/lib/cjs/timePicker/Combobox.d.ts +2 -2
  315. package/lib/cjs/timePicker/Combobox.js +7 -54
  316. package/lib/cjs/timePicker/PanelShape.js +0 -3
  317. package/lib/cjs/timePicker/TimeInput.d.ts +1 -1
  318. package/lib/cjs/timePicker/TimeInput.js +32 -64
  319. package/lib/cjs/timePicker/TimePicker.d.ts +3 -3
  320. package/lib/cjs/timePicker/TimePicker.js +39 -99
  321. package/lib/cjs/timePicker/TimeShape.js +0 -5
  322. package/lib/cjs/timePicker/index.d.ts +1 -1
  323. package/lib/cjs/timePicker/index.js +0 -9
  324. package/lib/cjs/timeline/index.js +0 -27
  325. package/lib/cjs/timeline/item.js +0 -13
  326. package/lib/cjs/toast/index.js +5 -59
  327. package/lib/cjs/toast/toast.js +1 -29
  328. package/lib/cjs/toast/useToast/HookToast.js +3 -18
  329. package/lib/cjs/toast/useToast/index.js +2 -17
  330. package/lib/cjs/tooltip/ArrowBoundingShape.js +0 -4
  331. package/lib/cjs/tooltip/TriangleArrow.js +4 -12
  332. package/lib/cjs/tooltip/TriangleArrowVertical.js +4 -12
  333. package/lib/cjs/tooltip/index.d.ts +2 -2
  334. package/lib/cjs/tooltip/index.js +24 -134
  335. package/lib/cjs/transfer/index.d.ts +5 -5
  336. package/lib/cjs/transfer/index.js +10 -93
  337. package/lib/cjs/tree/autoSizer.js +4 -24
  338. package/lib/cjs/tree/index.js +31 -122
  339. package/lib/cjs/tree/interface.d.ts +2 -2
  340. package/lib/cjs/tree/nodeCollapsible.js +4 -15
  341. package/lib/cjs/tree/nodeList.js +0 -22
  342. package/lib/cjs/tree/treeContext.js +0 -4
  343. package/lib/cjs/tree/treeNode.js +21 -94
  344. package/lib/cjs/tree/treeUtil.js +0 -6
  345. package/lib/cjs/treeSelect/index.d.ts +6 -6
  346. package/lib/cjs/treeSelect/index.js +46 -196
  347. package/lib/cjs/trigger/index.js +5 -16
  348. package/lib/cjs/typography/base.js +35 -130
  349. package/lib/cjs/typography/copyable.js +2 -30
  350. package/lib/cjs/typography/index.d.ts +1 -1
  351. package/lib/cjs/typography/index.js +0 -9
  352. package/lib/cjs/typography/interface.d.ts +9 -9
  353. package/lib/cjs/typography/numeral.d.ts +1 -1
  354. package/lib/cjs/typography/numeral.js +4 -20
  355. package/lib/cjs/typography/paragraph.d.ts +1 -1
  356. package/lib/cjs/typography/paragraph.js +0 -12
  357. package/lib/cjs/typography/text.d.ts +1 -1
  358. package/lib/cjs/typography/text.js +0 -10
  359. package/lib/cjs/typography/title.d.ts +2 -2
  360. package/lib/cjs/typography/title.js +6 -20
  361. package/lib/cjs/typography/typography.js +7 -23
  362. package/lib/cjs/typography/util.js +22 -50
  363. package/lib/cjs/upload/fileCard.js +2 -52
  364. package/lib/cjs/upload/index.js +1 -70
  365. package/lib/cjs/upload/interface.d.ts +5 -5
  366. package/lib/es/_base/base.d.ts +3 -3
  367. package/lib/es/_base/baseComponent.d.ts +1 -1
  368. package/lib/es/_base/baseComponent.js +4 -11
  369. package/lib/es/_base/reactUtils.js +4 -8
  370. package/lib/es/_cssAnimation/index.js +4 -22
  371. package/lib/es/_portal/index.js +0 -23
  372. package/lib/es/_utils/hooks/usePrevFocus.js +0 -2
  373. package/lib/es/_utils/index.js +6 -28
  374. package/lib/es/anchor/anchor-context.d.ts +1 -1
  375. package/lib/es/anchor/index.js +2 -32
  376. package/lib/es/anchor/link.js +4 -24
  377. package/lib/es/autoComplete/index.d.ts +1 -1
  378. package/lib/es/autoComplete/index.js +3 -25
  379. package/lib/es/autoComplete/option.js +26 -45
  380. package/lib/es/avatar/avatarGroup.js +9 -28
  381. package/lib/es/avatar/index.js +15 -41
  382. package/lib/es/avatar/interface.d.ts +6 -6
  383. package/lib/es/backtop/index.js +9 -22
  384. package/lib/es/badge/index.d.ts +3 -3
  385. package/lib/es/badge/index.js +16 -24
  386. package/lib/es/banner/index.d.ts +1 -1
  387. package/lib/es/banner/index.js +2 -15
  388. package/lib/es/breadcrumb/index.d.ts +1 -1
  389. package/lib/es/breadcrumb/index.js +0 -31
  390. package/lib/es/breadcrumb/item.d.ts +1 -1
  391. package/lib/es/breadcrumb/item.js +16 -38
  392. package/lib/es/button/Button.d.ts +4 -4
  393. package/lib/es/button/Button.js +18 -27
  394. package/lib/es/button/buttonGroup.d.ts +1 -1
  395. package/lib/es/button/buttonGroup.js +10 -24
  396. package/lib/es/button/index.js +0 -5
  397. package/lib/es/button/splitButtonGroup.js +0 -1
  398. package/lib/es/calendar/dayCalendar.js +0 -13
  399. package/lib/es/calendar/dayCol.js +0 -14
  400. package/lib/es/calendar/index.js +6 -12
  401. package/lib/es/calendar/interface.d.ts +5 -5
  402. package/lib/es/calendar/monthCalendar.js +6 -41
  403. package/lib/es/calendar/rangeCalendar.js +2 -18
  404. package/lib/es/calendar/timeCol.js +0 -7
  405. package/lib/es/calendar/weekCalendar.js +0 -17
  406. package/lib/es/card/cardGroup.d.ts +1 -1
  407. package/lib/es/card/cardGroup.js +8 -15
  408. package/lib/es/card/index.d.ts +1 -1
  409. package/lib/es/card/index.js +7 -23
  410. package/lib/es/card/meta.d.ts +1 -1
  411. package/lib/es/card/meta.js +8 -15
  412. package/lib/es/carousel/CarouselArrow.d.ts +2 -2
  413. package/lib/es/carousel/CarouselArrow.js +0 -8
  414. package/lib/es/carousel/CarouselIndicator.js +9 -27
  415. package/lib/es/carousel/index.js +0 -34
  416. package/lib/es/cascader/index.d.ts +2 -2
  417. package/lib/es/cascader/index.js +12 -105
  418. package/lib/es/cascader/item.js +2 -44
  419. package/lib/es/checkbox/checkbox.d.ts +1 -1
  420. package/lib/es/checkbox/checkbox.js +20 -42
  421. package/lib/es/checkbox/checkboxGroup.d.ts +4 -4
  422. package/lib/es/checkbox/checkboxGroup.js +8 -20
  423. package/lib/es/checkbox/checkboxInner.js +0 -6
  424. package/lib/es/checkbox/context.d.ts +1 -1
  425. package/lib/es/checkbox/index.js +0 -2
  426. package/lib/es/collapse/index.js +14 -31
  427. package/lib/es/collapse/item.js +13 -27
  428. package/lib/es/collapsible/index.js +0 -25
  429. package/lib/es/configProvider/index.js +5 -13
  430. package/lib/es/datePicker/dateInput.js +41 -81
  431. package/lib/es/datePicker/datePicker.d.ts +1 -1
  432. package/lib/es/datePicker/datePicker.js +10 -103
  433. package/lib/es/datePicker/index.js +2 -8
  434. package/lib/es/datePicker/insetInput.js +0 -6
  435. package/lib/es/datePicker/month.d.ts +1 -1
  436. package/lib/es/datePicker/month.js +24 -78
  437. package/lib/es/datePicker/monthsGrid.d.ts +1 -1
  438. package/lib/es/datePicker/monthsGrid.js +20 -76
  439. package/lib/es/datePicker/navigation.js +8 -13
  440. package/lib/es/datePicker/quickControl.js +0 -6
  441. package/lib/es/datePicker/yearAndMonth.d.ts +1 -1
  442. package/lib/es/datePicker/yearAndMonth.js +5 -36
  443. package/lib/es/descriptions/descriptions-context.d.ts +1 -1
  444. package/lib/es/descriptions/index.d.ts +1 -1
  445. package/lib/es/descriptions/index.js +0 -3
  446. package/lib/es/descriptions/item.js +0 -3
  447. package/lib/es/divider/index.js +9 -17
  448. package/lib/es/dropdown/dropdownDivider.d.ts +1 -1
  449. package/lib/es/dropdown/dropdownDivider.js +0 -2
  450. package/lib/es/dropdown/dropdownItem.d.ts +1 -1
  451. package/lib/es/dropdown/dropdownItem.js +0 -11
  452. package/lib/es/dropdown/dropdownMenu.d.ts +1 -1
  453. package/lib/es/dropdown/dropdownMenu.js +6 -15
  454. package/lib/es/dropdown/dropdownTitle.d.ts +1 -1
  455. package/lib/es/dropdown/dropdownTitle.js +0 -3
  456. package/lib/es/dropdown/index.d.ts +1 -1
  457. package/lib/es/dropdown/index.js +21 -47
  458. package/lib/es/empty/index.js +0 -10
  459. package/lib/es/form/arrayField.js +14 -41
  460. package/lib/es/form/baseForm.js +26 -49
  461. package/lib/es/form/errorMessage.d.ts +1 -1
  462. package/lib/es/form/errorMessage.js +0 -9
  463. package/lib/es/form/field.js +4 -4
  464. package/lib/es/form/group.js +11 -29
  465. package/lib/es/form/hoc/withField.js +68 -125
  466. package/lib/es/form/hoc/withFormApi.js +0 -3
  467. package/lib/es/form/hoc/withFormState.js +0 -3
  468. package/lib/es/form/hooks/index.js +2 -2
  469. package/lib/es/form/hooks/useArrayFieldState.js +0 -2
  470. package/lib/es/form/hooks/useFieldApi.js +0 -3
  471. package/lib/es/form/hooks/useFieldState.js +0 -3
  472. package/lib/es/form/hooks/useFormState.js +0 -2
  473. package/lib/es/form/hooks/useStateWithGetter.js +2 -5
  474. package/lib/es/form/index.js +4 -4
  475. package/lib/es/form/interface.d.ts +4 -4
  476. package/lib/es/form/interface.js +0 -1
  477. package/lib/es/form/label.js +0 -1
  478. package/lib/es/form/section.js +0 -1
  479. package/lib/es/form/slot.js +10 -39
  480. package/lib/es/grid/col.js +10 -23
  481. package/lib/es/grid/row.d.ts +2 -2
  482. package/lib/es/grid/row.js +10 -25
  483. package/lib/es/highlight/index.js +0 -3
  484. package/lib/es/iconButton/index.d.ts +1 -1
  485. package/lib/es/iconButton/index.js +18 -31
  486. package/lib/es/image/image.d.ts +0 -3
  487. package/lib/es/image/image.js +19 -70
  488. package/lib/es/image/interface.d.ts +1 -1
  489. package/lib/es/image/preview.d.ts +4 -0
  490. package/lib/es/image/preview.js +51 -48
  491. package/lib/es/image/previewFooter.js +9 -34
  492. package/lib/es/image/previewHeader.js +0 -4
  493. package/lib/es/image/previewImage.js +46 -69
  494. package/lib/es/image/previewInner.js +69 -110
  495. package/lib/es/index.js +0 -1
  496. package/lib/es/input/index.d.ts +3 -3
  497. package/lib/es/input/index.js +35 -88
  498. package/lib/es/input/inputGroup.d.ts +1 -1
  499. package/lib/es/input/inputGroup.js +20 -33
  500. package/lib/es/input/textarea.d.ts +1 -1
  501. package/lib/es/input/textarea.js +34 -65
  502. package/lib/es/inputNumber/index.js +127 -181
  503. package/lib/es/layout/Sider.js +7 -23
  504. package/lib/es/layout/index.js +16 -31
  505. package/lib/es/list/index.js +0 -11
  506. package/lib/es/list/item.js +6 -18
  507. package/lib/es/locale/localeConsumer.d.ts +1 -1
  508. package/lib/es/locale/localeConsumer.js +0 -7
  509. package/lib/es/locale/localeProvider.js +0 -2
  510. package/lib/es/locale/source/ar.js +2 -2
  511. package/lib/es/locale/source/de.js +2 -2
  512. package/lib/es/locale/source/en_GB.js +2 -2
  513. package/lib/es/locale/source/en_US.js +2 -2
  514. package/lib/es/locale/source/es.js +0 -1
  515. package/lib/es/locale/source/fr.js +2 -2
  516. package/lib/es/locale/source/id_ID.js +2 -2
  517. package/lib/es/locale/source/it.js +2 -2
  518. package/lib/es/locale/source/ja_JP.js +2 -2
  519. package/lib/es/locale/source/ko_KR.js +2 -2
  520. package/lib/es/locale/source/ms_MY.js +2 -2
  521. package/lib/es/locale/source/nl_NL.js +0 -1
  522. package/lib/es/locale/source/pl_PL.js +0 -1
  523. package/lib/es/locale/source/pt_BR.js +2 -2
  524. package/lib/es/locale/source/ro.js +0 -1
  525. package/lib/es/locale/source/ru_RU.js +2 -2
  526. package/lib/es/locale/source/sv_SE.js +0 -1
  527. package/lib/es/locale/source/th_TH.js +2 -2
  528. package/lib/es/locale/source/tr_TR.js +2 -2
  529. package/lib/es/locale/source/vi_VN.js +2 -2
  530. package/lib/es/locale/source/zh_CN.js +2 -2
  531. package/lib/es/locale/source/zh_TW.js +2 -2
  532. package/lib/es/modal/ConfirmModal.js +9 -20
  533. package/lib/es/modal/Modal.d.ts +2 -2
  534. package/lib/es/modal/Modal.js +17 -63
  535. package/lib/es/modal/ModalContent.js +14 -54
  536. package/lib/es/modal/confirm.d.ts +9 -3
  537. package/lib/es/modal/confirm.js +4 -11
  538. package/lib/es/modal/index.d.ts +1 -1
  539. package/lib/es/modal/useModal/HookModal.js +6 -14
  540. package/lib/es/modal/useModal/index.d.ts +1 -1
  541. package/lib/es/modal/useModal/index.js +4 -9
  542. package/lib/es/navigation/CollapseButton.js +0 -4
  543. package/lib/es/navigation/Footer.js +0 -7
  544. package/lib/es/navigation/Header.d.ts +1 -1
  545. package/lib/es/navigation/Header.js +0 -5
  546. package/lib/es/navigation/Item.js +2 -35
  547. package/lib/es/navigation/SubNav.js +6 -45
  548. package/lib/es/navigation/index.d.ts +2 -2
  549. package/lib/es/navigation/index.js +5 -38
  550. package/lib/es/notification/index.d.ts +1 -1
  551. package/lib/es/notification/index.js +4 -39
  552. package/lib/es/notification/notice.js +24 -46
  553. package/lib/es/notification/useNotification/HookNotice.js +3 -11
  554. package/lib/es/notification/useNotification/index.js +6 -16
  555. package/lib/es/overflowList/index.d.ts +41 -24
  556. package/lib/es/overflowList/index.js +6 -46
  557. package/lib/es/overflowList/intersectionObserver.js +2 -13
  558. package/lib/es/pagination/index.d.ts +2 -2
  559. package/lib/es/pagination/index.js +7 -37
  560. package/lib/es/popconfirm/index.js +9 -37
  561. package/lib/es/popover/Arrow.js +6 -18
  562. package/lib/es/popover/index.js +11 -27
  563. package/lib/es/progress/index.js +8 -37
  564. package/lib/es/radio/context.d.ts +2 -2
  565. package/lib/es/radio/index.js +0 -2
  566. package/lib/es/radio/radio.d.ts +3 -3
  567. package/lib/es/radio/radio.js +0 -23
  568. package/lib/es/radio/radioGroup.d.ts +2 -2
  569. package/lib/es/radio/radioGroup.js +0 -14
  570. package/lib/es/radio/radioInner.d.ts +1 -1
  571. package/lib/es/radio/radioInner.js +0 -11
  572. package/lib/es/rating/index.js +4 -36
  573. package/lib/es/rating/item.d.ts +1 -1
  574. package/lib/es/rating/item.js +2 -16
  575. package/lib/es/resizeObserver/index.js +4 -19
  576. package/lib/es/scrollList/index.js +2 -5
  577. package/lib/es/scrollList/scrollItem.js +15 -104
  578. package/lib/es/select/index.d.ts +6 -6
  579. package/lib/es/select/index.js +27 -123
  580. package/lib/es/select/option.js +27 -46
  581. package/lib/es/select/optionGroup.js +0 -5
  582. package/lib/es/select/utils.js +8 -19
  583. package/lib/es/select/virtualRow.js +0 -1
  584. package/lib/es/sideSheet/SideSheetContent.js +2 -28
  585. package/lib/es/sideSheet/index.js +21 -52
  586. package/lib/es/skeleton/index.js +9 -18
  587. package/lib/es/skeleton/item.d.ts +2 -2
  588. package/lib/es/skeleton/item.js +8 -17
  589. package/lib/es/slider/index.js +6 -53
  590. package/lib/es/space/index.d.ts +3 -3
  591. package/lib/es/space/index.js +0 -6
  592. package/lib/es/space/utils.js +0 -2
  593. package/lib/es/spin/icon.js +4 -15
  594. package/lib/es/spin/index.d.ts +1 -1
  595. package/lib/es/spin/index.js +0 -10
  596. package/lib/es/steps/basicStep.d.ts +2 -2
  597. package/lib/es/steps/basicStep.js +0 -15
  598. package/lib/es/steps/basicSteps.d.ts +3 -3
  599. package/lib/es/steps/basicSteps.js +0 -6
  600. package/lib/es/steps/fillStep.d.ts +1 -1
  601. package/lib/es/steps/fillStep.js +0 -13
  602. package/lib/es/steps/fillSteps.d.ts +2 -2
  603. package/lib/es/steps/fillSteps.js +0 -6
  604. package/lib/es/steps/index.d.ts +1 -1
  605. package/lib/es/steps/index.js +4 -15
  606. package/lib/es/steps/navStep.js +0 -5
  607. package/lib/es/steps/navSteps.d.ts +1 -1
  608. package/lib/es/steps/navSteps.js +0 -3
  609. package/lib/es/steps/step.d.ts +1 -1
  610. package/lib/es/steps/step.js +0 -7
  611. package/lib/es/switch/index.js +0 -13
  612. package/lib/es/table/Body/BaseRow.d.ts +1 -1
  613. package/lib/es/table/Body/BaseRow.js +37 -85
  614. package/lib/es/table/Body/ExpandedRow.d.ts +1 -1
  615. package/lib/es/table/Body/ExpandedRow.js +5 -18
  616. package/lib/es/table/Body/SectionRow.js +8 -35
  617. package/lib/es/table/Body/index.js +38 -149
  618. package/lib/es/table/ColGroup.js +2 -7
  619. package/lib/es/table/Column.js +0 -2
  620. package/lib/es/table/ColumnFilter.js +3 -20
  621. package/lib/es/table/ColumnSelection.js +5 -15
  622. package/lib/es/table/ColumnSorter.js +0 -1
  623. package/lib/es/table/CustomExpandIcon.js +0 -6
  624. package/lib/es/table/HeadTable.js +0 -15
  625. package/lib/es/table/ResizableHeaderCell.d.ts +1 -1
  626. package/lib/es/table/ResizableHeaderCell.js +9 -17
  627. package/lib/es/table/ResizableTable.js +5 -37
  628. package/lib/es/table/Table.d.ts +2 -2
  629. package/lib/es/table/Table.js +457 -664
  630. package/lib/es/table/TableCell.js +19 -65
  631. package/lib/es/table/TableContextProvider.js +0 -2
  632. package/lib/es/table/TableHeader.js +4 -23
  633. package/lib/es/table/TableHeaderRow.js +8 -39
  634. package/lib/es/table/TablePagination.js +0 -4
  635. package/lib/es/table/getColumns.js +0 -4
  636. package/lib/es/table/index.js +2 -10
  637. package/lib/es/table/interface.d.ts +58 -58
  638. package/lib/es/table/table-context.js +0 -1
  639. package/lib/es/table/utils.js +6 -19
  640. package/lib/es/tabs/TabBar.js +13 -46
  641. package/lib/es/tabs/TabItem.js +18 -24
  642. package/lib/es/tabs/TabPane.js +10 -25
  643. package/lib/es/tabs/index.js +20 -59
  644. package/lib/es/tabs/interface.d.ts +3 -3
  645. package/lib/es/tag/group.js +0 -14
  646. package/lib/es/tag/index.js +23 -45
  647. package/lib/es/tag/interface.d.ts +5 -5
  648. package/lib/es/tagInput/index.d.ts +3 -3
  649. package/lib/es/tagInput/index.js +2 -54
  650. package/lib/es/timePicker/Combobox.d.ts +2 -2
  651. package/lib/es/timePicker/Combobox.js +6 -42
  652. package/lib/es/timePicker/TimeInput.d.ts +1 -1
  653. package/lib/es/timePicker/TimeInput.js +32 -56
  654. package/lib/es/timePicker/TimePicker.d.ts +3 -3
  655. package/lib/es/timePicker/TimePicker.js +39 -80
  656. package/lib/es/timePicker/TimeShape.js +0 -1
  657. package/lib/es/timePicker/index.d.ts +1 -1
  658. package/lib/es/timePicker/index.js +0 -1
  659. package/lib/es/timeline/index.js +0 -16
  660. package/lib/es/timeline/item.js +0 -1
  661. package/lib/es/toast/index.js +4 -41
  662. package/lib/es/toast/toast.js +0 -17
  663. package/lib/es/toast/useToast/HookToast.js +3 -11
  664. package/lib/es/toast/useToast/index.js +4 -13
  665. package/lib/es/tooltip/TriangleArrow.js +4 -10
  666. package/lib/es/tooltip/TriangleArrowVertical.js +4 -10
  667. package/lib/es/tooltip/index.d.ts +2 -2
  668. package/lib/es/tooltip/index.js +24 -112
  669. package/lib/es/transfer/index.d.ts +5 -5
  670. package/lib/es/transfer/index.js +10 -67
  671. package/lib/es/tree/autoSizer.js +4 -13
  672. package/lib/es/tree/index.js +30 -96
  673. package/lib/es/tree/interface.d.ts +2 -2
  674. package/lib/es/tree/nodeCollapsible.js +4 -10
  675. package/lib/es/tree/nodeList.js +0 -14
  676. package/lib/es/tree/treeNode.js +21 -76
  677. package/lib/es/tree/treeUtil.js +0 -1
  678. package/lib/es/treeSelect/index.d.ts +6 -6
  679. package/lib/es/treeSelect/index.js +46 -156
  680. package/lib/es/trigger/index.js +5 -13
  681. package/lib/es/typography/base.js +35 -113
  682. package/lib/es/typography/copyable.js +2 -14
  683. package/lib/es/typography/index.d.ts +1 -1
  684. package/lib/es/typography/interface.d.ts +9 -9
  685. package/lib/es/typography/numeral.d.ts +1 -1
  686. package/lib/es/typography/numeral.js +4 -10
  687. package/lib/es/typography/paragraph.d.ts +1 -1
  688. package/lib/es/typography/paragraph.js +0 -1
  689. package/lib/es/typography/text.d.ts +1 -1
  690. package/lib/es/typography/text.js +0 -1
  691. package/lib/es/typography/title.d.ts +2 -2
  692. package/lib/es/typography/title.js +6 -11
  693. package/lib/es/typography/typography.js +7 -14
  694. package/lib/es/typography/util.js +22 -45
  695. package/lib/es/upload/fileCard.js +2 -31
  696. package/lib/es/upload/index.js +0 -57
  697. package/lib/es/upload/interface.d.ts +5 -5
  698. package/package.json +8 -8
package/lib/es/table/interface.d.ts CHANGED
@@ -91,30 +91,30 @@ export interface ColumnProps<RecordType extends Record<string, any> = any> {
91
91
  onHeaderCell?: OnHeaderCell<RecordType>;
92
92
  ellipsis?: BaseEllipsis;
93
93
  }
94
- export declare type Align = BaseAlign;
95
- export declare type SortOrder = BaseSortOrder;
96
- export declare type FilterIcon = boolean | React.ReactNode | FilterIconRenderFunction;
94
+ export type Align = BaseAlign;
95
+ export type SortOrder = BaseSortOrder;
96
+ export type FilterIcon = boolean | React.ReactNode | FilterIconRenderFunction;
97
97
  export interface Filter extends BaseFilter {
98
98
  value?: any;
99
99
  text?: React.ReactNode;
100
100
  children?: Filter[];
101
101
  }
102
- export declare type Fixed = BaseFixed;
103
- export declare type OnCell<RecordType> = (record?: RecordType, rowIndex?: number) => OnCellReturnObject;
104
- export declare type OnFilter<RecordType> = (filteredValue?: any, record?: RecordType) => boolean;
105
- export declare type OnFilterDropdownVisibleChange = (visible?: boolean) => void;
106
- export declare type OnHeaderCell<RecordType> = (record?: RecordType, columnIndex?: number) => OnHeaderCellReturnObject;
107
- export declare type ColumnRender<RecordType> = (text: any, record: RecordType, index: number, options?: RenderOptions) => ColumnRenderReturnType;
108
- export declare type RenderFilterDropdownItem = (itemInfo?: FilterDropdownItem) => ReactNode;
109
- export declare type Sorter<RecordType> = BaseSorter<RecordType>;
110
- export declare type ColumnTitle = React.ReactNode | ((ColumnTitleProps?: ColumnTitleProps) => React.ReactNode);
111
- export declare type FilterIconRenderFunction = (filtered: boolean) => React.ReactNode;
112
- export declare type ColumnTitleProps = {
102
+ export type Fixed = BaseFixed;
103
+ export type OnCell<RecordType> = (record?: RecordType, rowIndex?: number) => OnCellReturnObject;
104
+ export type OnFilter<RecordType> = (filteredValue?: any, record?: RecordType) => boolean;
105
+ export type OnFilterDropdownVisibleChange = (visible?: boolean) => void;
106
+ export type OnHeaderCell<RecordType> = (record?: RecordType, columnIndex?: number) => OnHeaderCellReturnObject;
107
+ export type ColumnRender<RecordType> = (text: any, record: RecordType, index: number, options?: RenderOptions) => ColumnRenderReturnType;
108
+ export type RenderFilterDropdownItem = (itemInfo?: FilterDropdownItem) => ReactNode;
109
+ export type Sorter<RecordType> = BaseSorter<RecordType>;
110
+ export type ColumnTitle = React.ReactNode | ((ColumnTitleProps?: ColumnTitleProps) => React.ReactNode);
111
+ export type FilterIconRenderFunction = (filtered: boolean) => React.ReactNode;
112
+ export type ColumnTitleProps = {
113
113
  sorter?: React.ReactNode;
114
114
  filter?: React.ReactNode;
115
115
  selection?: React.ReactNode;
116
116
  };
117
- export declare type ColumnRenderReturnType = React.ReactNode | RenderReturnObject;
117
+ export type ColumnRenderReturnType = React.ReactNode | RenderReturnObject;
118
118
  export interface RenderReturnObject {
119
119
  [x: string]: any;
120
120
  children: React.ReactNode;
@@ -164,7 +164,7 @@ export interface OnGroupedRowReturnObject extends Omit<React.HTMLAttributes<HTML
164
164
  style?: React.CSSProperties;
165
165
  onClick?: (e: React.MouseEvent) => void;
166
166
  }
167
- export declare type OnHeaderRowReturnObject = Omit<React.HTMLAttributes<HTMLTableRowElement>, 'ref' | 'style'>;
167
+ export type OnHeaderRowReturnObject = Omit<React.HTMLAttributes<HTMLTableRowElement>, 'ref' | 'style'>;
168
168
  export interface Scroll {
169
169
  x?: number | string;
170
170
  y?: number | string;
@@ -212,92 +212,92 @@ export interface RowSelectionProps<RecordType> {
212
212
  onSelect?: RowSelectionOnSelect<RecordType>;
213
213
  onSelectAll?: RowSelectionOnSelectAll<RecordType>;
214
214
  }
215
- export declare type GetCheckboxProps<RecordType> = (record: RecordType) => CheckboxProps;
216
- export declare type RowSelectionOnChange<RecordType> = (selectedRowKeys?: (string | number)[], selectedRows?: RecordType[]) => void;
217
- export declare type RowSelectionOnSelect<RecordType> = (record?: RecordType, selected?: boolean, selectedRows?: RecordType[], nativeEvent?: React.MouseEvent) => void;
218
- export declare type RowSelectionOnSelectAll<RecordType> = (selected?: boolean, selectedRows?: RecordType[], changedRows?: RecordType[]) => void;
219
- export declare type ExpandIcon = ((expanded?: boolean) => React.ReactNode) | React.ReactNode;
220
- export declare type ExpandedRowRender<RecordType> = (record?: RecordType, index?: number, expanded?: boolean) => React.ReactNode;
221
- export declare type Footer<RecordType> = ReactNode | ((pageData?: RecordType[]) => React.ReactNode);
222
- export declare type FormatPageText = ((pageInfo?: {
215
+ export type GetCheckboxProps<RecordType> = (record: RecordType) => CheckboxProps;
216
+ export type RowSelectionOnChange<RecordType> = (selectedRowKeys?: (string | number)[], selectedRows?: RecordType[]) => void;
217
+ export type RowSelectionOnSelect<RecordType> = (record?: RecordType, selected?: boolean, selectedRows?: RecordType[], nativeEvent?: React.MouseEvent) => void;
218
+ export type RowSelectionOnSelectAll<RecordType> = (selected?: boolean, selectedRows?: RecordType[], changedRows?: RecordType[]) => void;
219
+ export type ExpandIcon = ((expanded?: boolean) => React.ReactNode) | React.ReactNode;
220
+ export type ExpandedRowRender<RecordType> = (record?: RecordType, index?: number, expanded?: boolean) => React.ReactNode;
221
+ export type Footer<RecordType> = ReactNode | ((pageData?: RecordType[]) => React.ReactNode);
222
+ export type FormatPageText = ((pageInfo?: {
223
223
  currentStart?: number;
224
224
  currentEnd?: number;
225
225
  total?: number;
226
226
  }) => React.ReactNode) | boolean;
227
- export declare type GetVirtualizedListRef = (ref: MutableRefObject<any>) => void;
228
- export declare type GroupByFunction<RecordType> = BaseGroupByFn<RecordType>;
229
- export declare type GroupBy<RecordType> = BaseGroupBy<RecordType>;
230
- export declare type Size = ArrayElement<typeof strings.SIZES>;
231
- export declare type Title<RecordType> = React.ReactNode | ((pageData?: RecordType[]) => React.ReactNode);
232
- export declare type PaginationPosition = ArrayElement<typeof strings.PAGINATION_POSITIONS>;
233
- export declare type Pagination = TablePaginationProps | boolean;
234
- export declare type TablePagination = Pagination;
227
+ export type GetVirtualizedListRef = (ref: MutableRefObject<any>) => void;
228
+ export type GroupByFunction<RecordType> = BaseGroupByFn<RecordType>;
229
+ export type GroupBy<RecordType> = BaseGroupBy<RecordType>;
230
+ export type Size = ArrayElement<typeof strings.SIZES>;
231
+ export type Title<RecordType> = React.ReactNode | ((pageData?: RecordType[]) => React.ReactNode);
232
+ export type PaginationPosition = ArrayElement<typeof strings.PAGINATION_POSITIONS>;
233
+ export type Pagination = TablePaginationProps | boolean;
234
+ export type TablePagination = Pagination;
235
235
  export interface ChangeInfoFilter<RecordType> extends BaseChangeInfoFilter<RecordType> {
236
236
  filters?: Filter[];
237
237
  onFilter?: OnFilter<RecordType>;
238
238
  }
239
- export declare type ChangeInfoSorter<RecordType> = BaseChangeInfoSorter<RecordType>;
239
+ export type ChangeInfoSorter<RecordType> = BaseChangeInfoSorter<RecordType>;
240
240
  export interface ChangeInfo<RecordType> {
241
241
  pagination?: TablePaginationProps;
242
242
  filters?: ChangeInfoFilter<RecordType>[];
243
243
  sorter?: ChangeInfoSorter<RecordType>;
244
244
  extra?: Record<string, any>;
245
245
  }
246
- export declare type OnChange<RecordType> = (changeInfo: ChangeInfo<RecordType>) => void;
247
- export declare type OnRow<RecordType> = (record?: RecordType, index?: number) => OnRowReturnObject;
248
- export declare type OnGroupedRow<RecordType> = (record?: RecordType, index?: number) => OnGroupedRowReturnObject;
249
- export declare type OnHeaderRow<RecordType> = (columns?: ColumnProps<RecordType>[], index?: number) => OnHeaderRowReturnObject;
250
- export declare type OnExpandedRowsChange<RecordType> = (expandedRows?: IncludeGroupRecord<RecordType>[]) => void;
251
- export declare type OnExpand<RecordType> = (expanded?: boolean, record?: IncludeGroupRecord<RecordType>, mouseEvent?: React.MouseEvent) => void;
252
- export declare type RenderGroupSection = (groupKey?: string | number, group?: (string | number)[]) => ReactNode | {
246
+ export type OnChange<RecordType> = (changeInfo: ChangeInfo<RecordType>) => void;
247
+ export type OnRow<RecordType> = (record?: RecordType, index?: number) => OnRowReturnObject;
248
+ export type OnGroupedRow<RecordType> = (record?: RecordType, index?: number) => OnGroupedRowReturnObject;
249
+ export type OnHeaderRow<RecordType> = (columns?: ColumnProps<RecordType>[], index?: number) => OnHeaderRowReturnObject;
250
+ export type OnExpandedRowsChange<RecordType> = (expandedRows?: IncludeGroupRecord<RecordType>[]) => void;
251
+ export type OnExpand<RecordType> = (expanded?: boolean, record?: IncludeGroupRecord<RecordType>, mouseEvent?: React.MouseEvent) => void;
252
+ export type RenderGroupSection = (groupKey?: string | number, group?: (string | number)[]) => ReactNode | {
253
253
  [x: string]: any;
254
254
  children: ReactNode;
255
255
  };
256
- export declare type RenderPagination = (paginationProps: TablePaginationProps) => ReactNode;
257
- export declare type RowExpandable<RecordType> = (record?: RecordType) => boolean;
258
- export declare type RowKey<RecordType> = BaseRowKeyType | ((record?: RecordType) => string);
259
- export declare type RowSelection<RecordType> = RowSelectionProps<RecordType> | boolean;
260
- export declare type VirtualizedOnScrollArgs = {
256
+ export type RenderPagination = (paginationProps: TablePaginationProps) => ReactNode;
257
+ export type RowExpandable<RecordType> = (record?: RecordType) => boolean;
258
+ export type RowKey<RecordType> = BaseRowKeyType | ((record?: RecordType) => string);
259
+ export type RowSelection<RecordType> = RowSelectionProps<RecordType> | boolean;
260
+ export type VirtualizedOnScrollArgs = {
261
261
  scrollDirection?: ScrollDirection;
262
262
  scrollOffset?: number;
263
263
  scrollUpdateWasRequested?: boolean;
264
264
  };
265
- export declare type VirtualizeItemSizeRow = {
265
+ export type VirtualizeItemSizeRow = {
266
266
  sectionRow?: boolean;
267
267
  expandedRow?: boolean;
268
268
  };
269
- export declare type VirtualizedMode = 'list' | 'grid';
270
- export declare type VirtualizedItemSizeFn = (index?: number, row?: VirtualizeItemSizeRow) => number;
271
- export declare type VirtualizedItemSize = number | VirtualizedItemSizeFn;
272
- export declare type VirtualizedOnScroll = (object: VirtualizedOnScrollArgs) => void;
269
+ export type VirtualizedMode = 'list' | 'grid';
270
+ export type VirtualizedItemSizeFn = (index?: number, row?: VirtualizeItemSizeRow) => number;
271
+ export type VirtualizedItemSize = number | VirtualizedItemSizeFn;
272
+ export type VirtualizedOnScroll = (object: VirtualizedOnScrollArgs) => void;
273
273
  export interface VirtualizedProps {
274
274
  [x: string]: any;
275
275
  mode?: VirtualizedMode;
276
276
  itemSize?: VirtualizedItemSize;
277
277
  onScroll?: VirtualizedOnScroll;
278
278
  }
279
- export declare type Virtualized = boolean | VirtualizedProps;
279
+ export type Virtualized = boolean | VirtualizedProps;
280
280
  export interface TablePaginationProps extends BaseProps, PaginationProps {
281
281
  position?: PaginationPosition;
282
282
  formatPageText?: FormatPageText;
283
283
  }
284
- export declare type Resizable<RecordType> = ResizableProps<RecordType> | boolean;
284
+ export type Resizable<RecordType> = ResizableProps<RecordType> | boolean;
285
285
  export interface ResizableProps<RecordType> {
286
286
  onResize?: ResizeFn<RecordType>;
287
287
  onResizeStart?: ResizeFn<RecordType>;
288
288
  onResizeStop?: ResizeFn<RecordType>;
289
289
  }
290
- export declare type ResizeFn<RecordType> = (column: RecordType) => RecordType;
290
+ export type ResizeFn<RecordType> = (column: RecordType) => RecordType;
291
291
  export interface BodyScrollEvent extends React.UIEvent {
292
292
  [x: string]: any;
293
293
  currentTarget: any;
294
294
  target: any;
295
295
  }
296
- export declare type BodyScrollPosition = 'both' | 'middle' | 'left' | 'right';
297
- export declare type TableLocale = Locale['Table'];
298
- export declare type Direction = CSSDirection;
299
- export declare type IncludeGroupRecord<RecordType> = BaseIncludeGroupRecord<RecordType>;
300
- export declare type Sticky = boolean | {
296
+ export type BodyScrollPosition = 'both' | 'middle' | 'left' | 'right';
297
+ export type TableLocale = Locale['Table'];
298
+ export type Direction = CSSDirection;
299
+ export type IncludeGroupRecord<RecordType> = BaseIncludeGroupRecord<RecordType>;
300
+ export type Sticky = boolean | {
301
301
  top?: number;
302
302
  };
303
303
  export {};
package/lib/es/table/table-context.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import _noop from "lodash/noop";
2
-
3
2
  /* eslint-disable max-len */
4
3
  import React from 'react';
5
4
  const TableContext = /*#__PURE__*/React.createContext({
package/lib/es/table/utils.js CHANGED
@@ -6,8 +6,8 @@ import Logger from '@douyinfe/semi-foundation/lib/es/utils/Logger';
6
6
  import { numbers } from '@douyinfe/semi-foundation/lib/es/table/constants';
7
7
  import { cloneDeep } from '../_utils';
8
8
  import { getColumnKey } from '@douyinfe/semi-foundation/lib/es/table/utils';
9
- let scrollbarVerticalSize, scrollbarHorizontalSize; // Measure scrollbar width for padding body during modal show/hide
10
-
9
+ let scrollbarVerticalSize, scrollbarHorizontalSize;
10
+ // Measure scrollbar width for padding body during modal show/hide
11
11
  const scrollbarMeasure = {
12
12
  position: 'absolute',
13
13
  top: '-9999px',
@@ -18,36 +18,29 @@ const scrollbarMeasure = {
18
18
  * @param {'vertical'|'horizontal'} [direction]
19
19
  * @returns {number}
20
20
  */
21
-
22
21
  export function measureScrollbar() {
23
22
  let direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'vertical';
24
-
25
23
  if (typeof document === 'undefined' || typeof window === 'undefined') {
26
24
  return 0;
27
25
  }
28
-
29
26
  const isVertical = direction === 'vertical';
30
-
31
27
  if (isVertical && scrollbarVerticalSize) {
32
28
  return scrollbarVerticalSize;
33
29
  } else if (!isVertical && scrollbarHorizontalSize) {
34
30
  return scrollbarHorizontalSize;
35
31
  }
36
-
37
32
  const scrollDiv = document.createElement('div');
38
33
  Object.keys(scrollbarMeasure).forEach(scrollProp => {
39
34
  scrollDiv.style[scrollProp] = scrollbarMeasure[scrollProp];
40
- }); // Append related overflow style
41
-
35
+ });
36
+ // Append related overflow style
42
37
  if (isVertical) {
43
38
  scrollDiv.style.overflowY = 'scroll';
44
39
  } else {
45
40
  scrollDiv.style.overflowX = 'scroll';
46
41
  }
47
-
48
42
  document.body.appendChild(scrollDiv);
49
43
  let size = 0;
50
-
51
44
  if (isVertical) {
52
45
  // clientWidth is the inner width (excluding borders and scrollbars)
53
46
  // offsetWidth is the outer width (including padding and borders)
@@ -57,9 +50,8 @@ export function measureScrollbar() {
57
50
  size = scrollDiv.offsetHeight - scrollDiv.clientHeight;
58
51
  scrollbarHorizontalSize = size;
59
52
  }
60
-
61
- document.body.removeChild(scrollDiv); // console.log(size);
62
-
53
+ document.body.removeChild(scrollDiv);
54
+ // console.log(size);
63
55
  return size;
64
56
  }
65
57
  export function amendTableWidth(tableWidth) {
@@ -72,7 +64,6 @@ export function amendTableWidth(tableWidth) {
72
64
  * @param {Boolean|Object} virtualized
73
65
  * @returns
74
66
  */
75
-
76
67
  export function mergeComponents(components, virtualized) {
77
68
  return _merge({}, {
78
69
  table: 'table',
@@ -116,20 +107,16 @@ export function mergeColumns() {
116
107
  let deep = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
117
108
  const finalColumns = [];
118
109
  const clone = deep ? cloneDeep : _clone;
119
-
120
110
  _map(newColumns, newColumn => {
121
111
  newColumn = Object.assign({}, newColumn);
122
112
  const key = getColumnKey(newColumn, keyPropNames);
123
-
124
113
  const oldColumn = key != null && _find(oldColumns, item => getColumnKey(item, keyPropNames) === key);
125
-
126
114
  if (oldColumn) {
127
115
  finalColumns.push(clone(Object.assign(Object.assign({}, oldColumn), newColumn)));
128
116
  } else {
129
117
  finalColumns.push(clone(newColumn));
130
118
  }
131
119
  });
132
-
133
120
  return finalColumns;
134
121
  }
135
122
  export { cloneDeep };
package/lib/es/tabs/TabBar.js CHANGED
@@ -1,17 +1,13 @@
1
1
  import _pick from "lodash/pick";
2
2
  import _isEmpty from "lodash/isEmpty";
3
-
4
3
  var __rest = this && this.__rest || function (s, e) {
5
4
  var t = {};
6
-
7
5
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
8
-
9
6
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
10
7
  if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
11
8
  }
12
9
  return t;
13
10
  };
14
-
15
11
  import React from 'react';
16
12
  import PropTypes from 'prop-types';
17
13
  import cls from 'classnames';
@@ -23,18 +19,14 @@ import Button from '../button';
23
19
  import { IconChevronRight, IconChevronLeft } from '@douyinfe/semi-icons';
24
20
  import { getUuidv4 } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
25
21
  import TabItem from './TabItem';
26
-
27
22
  class TabBar extends React.Component {
28
23
  constructor(props) {
29
24
  super(props);
30
-
31
25
  this.handleItemClick = (itemKey, e) => {
32
26
  this.props.onTabClick(itemKey, e);
33
-
34
27
  if (this.props.collapsible) {
35
- const key = this._getItemKey(itemKey); // eslint-disable-next-line max-len
36
-
37
-
28
+ const key = this._getItemKey(itemKey);
29
+ // eslint-disable-next-line max-len
38
30
  const tabItem = document.querySelector(`[data-uuid="${this.state.uuid}"] .${cssClasses.TABS_TAB}[data-scrollkey="${key}"]`);
39
31
  tabItem.scrollIntoView({
40
32
  behavior: 'smooth',
@@ -43,11 +35,9 @@ class TabBar extends React.Component {
43
35
  });
44
36
  }
45
37
  };
46
-
47
38
  this.handleKeyDown = (event, itemKey, closable) => {
48
39
  this.props.handleKeyDown(event, itemKey, closable);
49
40
  };
50
-
51
41
  this.renderTabItem = panel => {
52
42
  const {
53
43
  size,
@@ -56,9 +46,7 @@ class TabBar extends React.Component {
56
46
  handleKeyDown,
57
47
  tabPosition
58
48
  } = this.props;
59
-
60
49
  const isSelected = this._isActive(panel.itemKey);
61
-
62
50
  return /*#__PURE__*/React.createElement(TabItem, Object.assign({}, _pick(panel, ['disabled', 'icon', 'itemKey', 'tab', 'closable']), {
63
51
  key: this._getItemKey(panel.itemKey),
64
52
  selected: isSelected,
@@ -70,19 +58,14 @@ class TabBar extends React.Component {
70
58
  onClick: this.handleItemClick
71
59
  }));
72
60
  };
73
-
74
61
  this.renderTabComponents = list => list.map(panel => this.renderTabItem(panel));
75
-
76
62
  this.handleArrowClick = (items, pos) => {
77
63
  const lastItem = pos === 'start' ? items.pop() : items.shift();
78
-
79
64
  if (!lastItem) {
80
65
  return;
81
66
  }
82
-
83
- const key = this._getItemKey(lastItem.itemKey); // eslint-disable-next-line max-len
84
-
85
-
67
+ const key = this._getItemKey(lastItem.itemKey);
68
+ // eslint-disable-next-line max-len
86
69
  const tabItem = document.querySelector(`[data-uuid="${this.state.uuid}"] .${cssClasses.TABS_TAB}[data-scrollkey="${key}"]`);
87
70
  tabItem.scrollIntoView({
88
71
  behavior: 'smooth',
@@ -90,7 +73,6 @@ class TabBar extends React.Component {
90
73
  inline: 'nearest'
91
74
  });
92
75
  };
93
-
94
76
  this.renderCollapse = (items, icon, pos) => {
95
77
  if (_isEmpty(items)) {
96
78
  return /*#__PURE__*/React.createElement(Button, {
@@ -99,7 +81,6 @@ class TabBar extends React.Component {
99
81
  theme: "borderless"
100
82
  });
101
83
  }
102
-
103
84
  const {
104
85
  dropdownClassName,
105
86
  dropdownStyle
@@ -151,13 +132,11 @@ class TabBar extends React.Component {
151
132
  theme: "borderless"
152
133
  })));
153
134
  };
154
-
155
135
  this.renderOverflow = items => items.map((item, ind) => {
156
136
  const icon = ind === 0 ? /*#__PURE__*/React.createElement(IconChevronLeft, null) : /*#__PURE__*/React.createElement(IconChevronRight, null);
157
137
  const pos = ind === 0 ? 'start' : 'end';
158
138
  return this.renderCollapse(item, icon, pos);
159
139
  });
160
-
161
140
  this.renderCollapsedTab = () => {
162
141
  const {
163
142
  list
@@ -179,11 +158,8 @@ class TabBar extends React.Component {
179
158
  visibleItemRenderer: this.renderTabItem
180
159
  });
181
160
  };
182
-
183
161
  this._isActive = key => key === this.props.activeKey;
184
-
185
162
  this._getItemKey = key => `${key}-bar`;
186
-
187
163
  this.state = {
188
164
  endInd: props.list.length,
189
165
  rePosKey: 0,
@@ -191,17 +167,14 @@ class TabBar extends React.Component {
191
167
  uuid: ''
192
168
  };
193
169
  }
194
-
195
170
  componentDidMount() {
196
171
  this.setState({
197
172
  uuid: getUuidv4()
198
173
  });
199
174
  }
200
-
201
175
  renderIcon(icon) {
202
176
  return /*#__PURE__*/React.createElement("span", null, icon);
203
177
  }
204
-
205
178
  renderExtra() {
206
179
  const {
207
180
  tabBarExtraContent,
@@ -216,7 +189,6 @@ class TabBar extends React.Component {
216
189
  [`${cssClasses.TABS_BAR}-${type}-extra`]: type,
217
190
  [`${cssClasses.TABS_BAR}-${type}-extra-${size}`]: size
218
191
  });
219
-
220
192
  if (tabBarExtraContent) {
221
193
  const tabBarStyle = Object.assign(Object.assign({}, tabBarExtraContentDefaultStyle), tabBarExtraContentStyle);
222
194
  return /*#__PURE__*/React.createElement("div", {
@@ -225,22 +197,19 @@ class TabBar extends React.Component {
225
197
  "x-semi-prop": "tabBarExtraContent"
226
198
  }, tabBarExtraContent);
227
199
  }
228
-
229
200
  return null;
230
201
  }
231
-
232
202
  render() {
233
203
  const _a = this.props,
234
- {
235
- type,
236
- style,
237
- className,
238
- list,
239
- tabPosition,
240
- collapsible
241
- } = _a,
242
- restProps = __rest(_a, ["type", "style", "className", "list", "tabPosition", "collapsible"]);
243
-
204
+ {
205
+ type,
206
+ style,
207
+ className,
208
+ list,
209
+ tabPosition,
210
+ collapsible
211
+ } = _a,
212
+ restProps = __rest(_a, ["type", "style", "className", "list", "tabPosition", "collapsible"]);
244
213
  const classNames = cls(className, {
245
214
  [cssClasses.TABS_BAR]: true,
246
215
  [cssClasses.TABS_BAR_LINE]: type === 'line',
@@ -260,9 +229,7 @@ class TabBar extends React.Component {
260
229
  "data-uuid": this.state.uuid
261
230
  }), contents, extra);
262
231
  }
263
-
264
232
  }
265
-
266
233
  TabBar.propTypes = {
267
234
  activeKey: PropTypes.string,
268
235
  className: PropTypes.string,
package/lib/es/tabs/TabItem.js CHANGED
@@ -1,36 +1,31 @@
1
1
  var __rest = this && this.__rest || function (s, e) {
2
2
  var t = {};
3
-
4
3
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
5
-
6
4
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
5
  if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
8
6
  }
9
7
  return t;
10
8
  };
11
-
12
9
  import React, { forwardRef, useCallback, useMemo } from 'react';
13
10
  import cls from 'classnames';
14
11
  import { cssClasses } from '@douyinfe/semi-foundation/lib/es/tabs/constants';
15
12
  import { IconClose } from '@douyinfe/semi-icons';
16
-
17
13
  const TabItem = (props, ref) => {
18
14
  const {
19
- tab,
20
- size,
21
- type,
22
- icon,
23
- selected,
24
- closable,
25
- disabled,
26
- itemKey,
27
- deleteTabItem,
28
- tabPosition,
29
- handleKeyDown,
30
- onClick
31
- } = props,
32
- restProps = __rest(props, ["tab", "size", "type", "icon", "selected", "closable", "disabled", "itemKey", "deleteTabItem", "tabPosition", "handleKeyDown", "onClick"]);
33
-
15
+ tab,
16
+ size,
17
+ type,
18
+ icon,
19
+ selected,
20
+ closable,
21
+ disabled,
22
+ itemKey,
23
+ deleteTabItem,
24
+ tabPosition,
25
+ handleKeyDown,
26
+ onClick
27
+ } = props,
28
+ restProps = __rest(props, ["tab", "size", "type", "icon", "selected", "closable", "disabled", "itemKey", "deleteTabItem", "tabPosition", "handleKeyDown", "onClick"]);
34
29
  const closableIcon = useMemo(() => {
35
30
  return type === 'card' && closable ? /*#__PURE__*/React.createElement(IconClose, {
36
31
  "aria-label": "Close",
@@ -67,12 +62,11 @@ const TabItem = (props, ref) => {
67
62
  }, restProps, {
68
63
  ref: ref
69
64
  }), panelIcon, tab, closableIcon);
70
- }; // Why is forwardRef needed here？
65
+ };
66
+ // Why is forwardRef needed here？
71
67
  // Because TabItem needs to be used in OverflowList （when tabs' type is collapsible),
72
68
  // OverflowList will pass ref to the outermost div DOM node of TabItem
73
-
74
-
75
- const ForwardTabItem = /*#__PURE__*/forwardRef(TabItem); // @ts-ignore
76
-
69
+ const ForwardTabItem = /*#__PURE__*/forwardRef(TabItem);
70
+ // @ts-ignore
77
71
  ForwardTabItem.elementType = 'Tabs.TabItem';
78
72
  export default ForwardTabItem;
package/lib/es/tabs/TabPane.js CHANGED
@@ -1,14 +1,11 @@
1
1
  var __rest = this && this.__rest || function (s, e) {
2
2
  var t = {};
3
-
4
3
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
5
-
6
4
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
5
  if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
8
6
  }
9
7
  return t;
10
8
  };
11
-
12
9
  import React, { createRef, PureComponent } from 'react';
13
10
  import PropTypes from 'prop-types';
14
11
  import cls from 'classnames';
@@ -16,28 +13,24 @@ import { cssClasses } from '@douyinfe/semi-foundation/lib/es/tabs/constants';
16
13
  import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
17
14
  import TabsContext from './tabs-context';
18
15
  import CSSAnimation from "../_cssAnimation";
19
-
20
16
  class TabPane extends PureComponent {
21
17
  constructor() {
22
18
  super(...arguments);
23
- this.ref = /*#__PURE__*/createRef(); // get direction from current item key to activeKey
24
-
19
+ this.ref = /*#__PURE__*/createRef();
20
+ // get direction from current item key to activeKey
25
21
  this.getDirection = (activeKey, itemKey, panes, lastActiveKey) => {
26
22
  if (itemKey !== null && activeKey !== null && Array.isArray(panes) && panes.length) {
27
23
  const activeIndex = panes.findIndex(pane => pane.itemKey === activeKey);
28
24
  const itemIndex = panes.findIndex(pane => pane.itemKey === itemKey);
29
25
  const lastActiveIndex = panes.findIndex(pane => pane.itemKey === lastActiveKey);
30
-
31
26
  if (activeIndex === itemIndex) {
32
27
  return lastActiveIndex > activeIndex;
33
28
  } else {
34
29
  return itemIndex < activeIndex;
35
30
  }
36
31
  }
37
-
38
32
  return false;
39
33
  };
40
-
41
34
  this.shouldRender = () => {
42
35
  const {
43
36
  itemKey
@@ -51,24 +44,21 @@ class TabPane extends PureComponent {
51
44
  return lazyRender ? this._active : true;
52
45
  };
53
46
  }
54
-
55
47
  render() {
56
48
  const {
57
49
  tabPaneMotion: motion,
58
50
  tabPosition,
59
51
  prevActiveKey
60
52
  } = this.context;
61
-
62
53
  const _a = this.props,
63
- {
64
- className,
65
- style,
66
- children,
67
- itemKey,
68
- tabIndex
69
- } = _a,
70
- restProps = __rest(_a, ["className", "style", "children", "itemKey", "tabIndex"]);
71
-
54
+ {
55
+ className,
56
+ style,
57
+ children,
58
+ itemKey,
59
+ tabIndex
60
+ } = _a,
61
+ restProps = __rest(_a, ["className", "style", "children", "itemKey", "tabIndex"]);
72
62
  const active = this.context.activeKey === itemKey;
73
63
  const classNames = cls(className, {
74
64
  [cssClasses.TABS_PANE_INACTIVE]: !active,
@@ -76,10 +66,8 @@ class TabPane extends PureComponent {
76
66
  [cssClasses.TABS_PANE]: true
77
67
  });
78
68
  const shouldRender = this.shouldRender();
79
-
80
69
  const startClassName = (() => {
81
70
  const direction = this.getDirection(this.context.activeKey, itemKey, this.context.panes, prevActiveKey);
82
-
83
71
  if (tabPosition === 'top') {
84
72
  if (direction) {
85
73
  return cssClasses.TABS_PANE_ANIMATE_RIGHT_SHOW;
@@ -94,7 +82,6 @@ class TabPane extends PureComponent {
94
82
  }
95
83
  }
96
84
  })();
97
-
98
85
  const isActivatedBecauseOtherTabPaneRemoved = !this.context.panes.find(tabPane => tabPane.itemKey === prevActiveKey);
99
86
  const hasMotion = motion && active && !isActivatedBecauseOtherTabPaneRemoved && !this.context.forceDisableMotion;
100
87
  return /*#__PURE__*/React.createElement("div", Object.assign({
@@ -123,9 +110,7 @@ class TabPane extends PureComponent {
123
110
  }, animationEventsNeedBind), shouldRender ? children : null);
124
111
  }));
125
112
  }
126
-
127
113
  }
128
-
129
114
  TabPane.isTabPane = true;
130
115
  TabPane.contextType = TabsContext;
131
116
  TabPane.propTypes = {