@dtjoy/dt-design 1.1.2 → 1.1.5

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 (538) hide show
  1. package/README.md +161 -141
  2. package/dist/dt-design.min.css +1 -0
  3. package/dist/dt-design.min.js +1 -0
  4. package/es/_util/context/createContextSelector.d.ts +28 -0
  5. package/es/_util/context/createContextSelector.js +110 -0
  6. package/es/_util/context/immutable.d.ts +10 -0
  7. package/es/_util/context/immutable.js +84 -0
  8. package/es/_util/context/index.d.ts +3 -0
  9. package/es/_util/context/index.js +3 -0
  10. package/es/_util/easings.d.ts +1 -0
  11. package/es/_util/gapSize.d.ts +3 -0
  12. package/es/_util/getScroll.d.ts +3 -0
  13. package/{esm → es}/_util/getScroll.js +1 -1
  14. package/es/_util/hooks/index.d.ts +11 -0
  15. package/es/_util/hooks/index.js +11 -0
  16. package/es/_util/hooks/useBreakpoint.d.ts +5 -0
  17. package/es/_util/hooks/useBreakpoint.js +75 -0
  18. package/es/_util/hooks/useCssVar.d.ts +3 -0
  19. package/es/_util/hooks/useCssVar.js +28 -0
  20. package/es/_util/hooks/useEvent.d.ts +1 -0
  21. package/es/_util/hooks/useEvent.js +1 -0
  22. package/es/_util/hooks/useForceUpdate.d.ts +2 -0
  23. package/es/_util/hooks/useLayoutEffect.d.ts +1 -0
  24. package/es/_util/hooks/useLayoutEffect.js +1 -0
  25. package/es/_util/hooks/useMultipleSelect.d.ts +2 -0
  26. package/es/_util/hooks/useMultipleSelect.js +37 -0
  27. package/es/_util/hooks/useOrientation.d.ts +2 -0
  28. package/es/_util/hooks/useProxyImperativeHandle.d.ts +4 -0
  29. package/{esm → es}/_util/hooks/useProxyImperativeHandle.js +10 -3
  30. package/es/_util/hooks/useSyncState.d.ts +3 -0
  31. package/es/_util/hooks/useTimeoutLock.d.ts +1 -0
  32. package/es/_util/hooks/useTimeoutLock.js +26 -0
  33. package/es/_util/index.d.ts +11 -0
  34. package/{esm → es}/_util/index.js +9 -1
  35. package/es/_util/is.d.ts +5 -0
  36. package/es/_util/is.js +16 -0
  37. package/es/_util/rcUtil.d.ts +17 -0
  38. package/es/_util/rcUtil.js +58 -0
  39. package/es/_util/scrollTo.d.ts +10 -0
  40. package/{esm → es}/_util/scrollTo.js +1 -1
  41. package/es/_util/scrollbar.d.ts +1 -0
  42. package/es/_util/scrollbar.js +32 -0
  43. package/es/_util/type.d.ts +53 -0
  44. package/es/_util/validate.d.ts +2 -0
  45. package/es/_util/validate.js +10 -0
  46. package/es/_util/warning.d.ts +31 -0
  47. package/{esm → es}/_util/warning.js +5 -6
  48. package/es/block-header/index.d.ts +58 -0
  49. package/{esm/blockHeader → es/block-header}/index.js +1 -1
  50. package/es/block-header/style/index.d.ts +2 -0
  51. package/{lib/blockHeader → es/block-header}/style/index.less +167 -143
  52. package/es/button/index.d.ts +10 -0
  53. package/{esm → es}/button/index.js +16 -4
  54. package/es/button/style/index.d.ts +2 -0
  55. package/{esm → es}/button/style/index.less +62 -59
  56. package/{esm → es}/button/style/mixin.less +40 -39
  57. package/es/collapsible/index.d.ts +102 -0
  58. package/{esm → es}/collapsible/index.js +3 -2
  59. package/es/collapsible/style/index.d.ts +1 -0
  60. package/{esm → es}/collapsible/style/index.less +24 -24
  61. package/es/collapsible-action-items/index.d.ts +24 -0
  62. package/{esm/collapsibleActionItems → es/collapsible-action-items}/index.js +21 -19
  63. package/es/collapsible-action-items/style/index.d.ts +2 -0
  64. package/{lib/collapsibleActionItems → es/collapsible-action-items}/style/index.less +7 -7
  65. package/es/flex/index.d.ts +7 -0
  66. package/{esm → es}/flex/index.js +3 -3
  67. package/es/flex/interface.d.ts +16 -0
  68. package/es/flex/style/index.d.ts +2 -0
  69. package/{esm → es}/flex/style/index.less +80 -76
  70. package/es/flex/utils.d.ts +7 -0
  71. package/es/form-list/index.d.ts +87 -0
  72. package/{esm/formList → es/form-list}/index.js +18 -8
  73. package/es/form-list/style/index.d.ts +2 -0
  74. package/{esm/formList → es/form-list}/style/index.less +45 -45
  75. package/es/index.d.ts +26 -0
  76. package/es/index.js +21 -0
  77. package/es/overflow-list/index.d.ts +43 -0
  78. package/{esm/overflowList → es/overflow-list}/index.js +37 -9
  79. package/es/overflow-list/style/index.d.ts +2 -0
  80. package/{esm/overflowList → es/overflow-list}/style/index.less +9 -9
  81. package/es/resize/index.d.ts +9 -0
  82. package/es/resize-observer/index.d.ts +45 -0
  83. package/{esm/resizeObserver → es/resize-observer}/index.js +8 -8
  84. package/es/splitter/Panel.d.ts +7 -0
  85. package/{esm → es}/splitter/Panel.js +12 -4
  86. package/es/splitter/SplitBar.d.ts +28 -0
  87. package/{esm → es}/splitter/SplitBar.js +82 -80
  88. package/es/splitter/Splitter.d.ts +5 -0
  89. package/{esm → es}/splitter/Splitter.js +52 -23
  90. package/es/splitter/hooks/sizeUtil.d.ts +3 -0
  91. package/{esm → es}/splitter/hooks/sizeUtil.js +1 -1
  92. package/es/splitter/hooks/useDragListeners.d.ts +14 -0
  93. package/es/splitter/hooks/useDragListeners.js +107 -0
  94. package/es/splitter/hooks/useItems.d.ts +20 -0
  95. package/es/splitter/hooks/useOrientation.d.ts +2 -0
  96. package/es/splitter/hooks/useOrientation.js +6 -0
  97. package/es/splitter/hooks/useResizable.d.ts +13 -0
  98. package/{esm → es}/splitter/hooks/useResizable.js +5 -2
  99. package/es/splitter/hooks/useResize.d.ts +6 -0
  100. package/{esm → es}/splitter/hooks/useResize.js +10 -3
  101. package/es/splitter/hooks/useSizes.d.ts +4 -0
  102. package/{esm → es}/splitter/hooks/useSizes.js +5 -6
  103. package/es/splitter/index.d.ts +9 -0
  104. package/es/splitter/interface.d.ts +45 -0
  105. package/es/splitter/style/index.d.ts +2 -0
  106. package/es/splitter/style/index.less +349 -0
  107. package/es/status-tag/index.d.ts +29 -0
  108. package/{esm/statusTag → es/status-tag}/index.js +1 -1
  109. package/es/status-tag/style/index.d.ts +2 -0
  110. package/{lib/statusTag → es/status-tag}/style/index.less +70 -70
  111. package/{esm/statusTag → es/status-tag}/style/mixin.less +48 -39
  112. package/es/style/index.d.ts +1 -0
  113. package/{esm → es}/style/index.less +1 -1
  114. package/es/style/themes/index.less +2 -0
  115. package/{esm → es}/style/themes/variable.less +5 -5
  116. package/es/table/Column.d.ts +2 -0
  117. package/es/table/Column.js +1 -0
  118. package/es/table/ColumnGroup.d.ts +2 -0
  119. package/es/table/ColumnGroup.js +1 -0
  120. package/es/table/InternalTable.d.ts +43 -0
  121. package/es/table/InternalTable.js +816 -0
  122. package/es/table/Table.d.ts +19 -0
  123. package/es/table/Table.js +30 -0
  124. package/es/table/TableMeasureRowContext.d.ts +3 -0
  125. package/es/table/TableMeasureRowContext.js +3 -0
  126. package/es/table/components/Body/BodyRow.d.ts +37 -0
  127. package/es/table/components/Body/BodyRow.js +182 -0
  128. package/es/table/components/Body/ExpandedRow.d.ts +15 -0
  129. package/es/table/components/Body/ExpandedRow.js +51 -0
  130. package/es/table/components/Body/MeasureCell.d.ts +8 -0
  131. package/es/table/components/Body/MeasureCell.js +33 -0
  132. package/es/table/components/Body/MeasureRow.d.ts +10 -0
  133. package/es/table/components/Body/MeasureRow.js +54 -0
  134. package/es/table/components/Body/index.d.ts +11 -0
  135. package/es/table/components/Body/index.js +123 -0
  136. package/es/table/components/Cell/index.d.ts +39 -0
  137. package/es/table/components/Cell/index.js +196 -0
  138. package/es/table/components/Cell/useCellRender.d.ts +3 -0
  139. package/es/table/components/Cell/useCellRender.js +69 -0
  140. package/es/table/components/Cell/useHoverState.d.ts +2 -0
  141. package/es/table/components/Cell/useHoverState.js +13 -0
  142. package/es/table/components/ColGroup.d.ts +9 -0
  143. package/es/table/components/ColGroup.js +53 -0
  144. package/es/table/components/ExpandIcon.d.ts +12 -0
  145. package/es/table/components/ExpandIcon.js +27 -0
  146. package/es/table/components/FixedHolder/index.d.ts +27 -0
  147. package/es/table/components/FixedHolder/index.js +186 -0
  148. package/es/table/components/Footer/Cell.d.ts +11 -0
  149. package/es/table/components/Footer/Cell.js +47 -0
  150. package/es/table/components/Footer/Row.d.ts +8 -0
  151. package/es/table/components/Footer/Row.js +10 -0
  152. package/es/table/components/Footer/Summary.d.ts +14 -0
  153. package/es/table/components/Footer/Summary.js +12 -0
  154. package/es/table/components/Footer/SummaryContext.d.ts +11 -0
  155. package/es/table/components/Footer/SummaryContext.js +3 -0
  156. package/es/table/components/Footer/index.d.ts +16 -0
  157. package/es/table/components/Footer/index.js +31 -0
  158. package/es/table/components/Header/Header.d.ts +10 -0
  159. package/es/table/components/Header/Header.js +110 -0
  160. package/es/table/components/Header/HeaderRow.d.ts +19 -0
  161. package/es/table/components/Header/HeaderRow.js +63 -0
  162. package/es/table/components/Panel.d.ts +7 -0
  163. package/es/table/components/Panel.js +11 -0
  164. package/es/table/components/RcTable.d.ts +114 -0
  165. package/es/table/components/RcTable.js +757 -0
  166. package/es/table/components/VirtualTable.d.ts +5 -0
  167. package/es/table/components/VirtualTable.js +12 -0
  168. package/es/table/components/VirtualTableBody/BodyGrid.d.ts +13 -0
  169. package/es/table/components/VirtualTableBody/BodyGrid.js +307 -0
  170. package/es/table/components/VirtualTableBody/BodyLine.d.ts +14 -0
  171. package/es/table/components/VirtualTableBody/BodyLine.js +116 -0
  172. package/es/table/components/VirtualTableBody/VirtualCell.d.ts +26 -0
  173. package/es/table/components/VirtualTableBody/VirtualCell.js +118 -0
  174. package/es/table/components/VirtualTableBody/context.d.ts +13 -0
  175. package/es/table/components/VirtualTableBody/context.js +3 -0
  176. package/es/table/components/VirtualTableBody/index.d.ts +16 -0
  177. package/es/table/components/VirtualTableBody/index.js +102 -0
  178. package/es/table/constant.d.ts +2 -0
  179. package/es/table/constant.js +2 -0
  180. package/es/table/features/columns/Column.d.ts +7 -0
  181. package/es/table/features/columns/Column.js +4 -0
  182. package/es/table/features/columns/ColumnGroup.d.ts +9 -0
  183. package/es/table/features/columns/ColumnGroup.js +4 -0
  184. package/es/table/features/columns/index.d.ts +8 -0
  185. package/es/table/features/columns/index.js +6 -0
  186. package/es/table/features/columns/useColumns.d.ts +31 -0
  187. package/es/table/features/columns/useColumns.js +227 -0
  188. package/es/table/features/columns/useFilledColumns.d.ts +4 -0
  189. package/es/table/features/columns/useFilledColumns.js +34 -0
  190. package/es/table/features/columns/useTitleColumns.d.ts +4 -0
  191. package/es/table/features/columns/useTitleColumns.js +26 -0
  192. package/es/table/features/columns/useWidthColumns.d.ts +5 -0
  193. package/es/table/features/columns/useWidthColumns.js +75 -0
  194. package/es/table/features/editable/BatchEditModal.d.ts +4 -0
  195. package/es/table/features/editable/BatchEditModal.js +786 -0
  196. package/es/table/features/editable/EditableCell.d.ts +42 -0
  197. package/es/table/features/editable/EditableCell.js +294 -0
  198. package/es/table/features/editable/EditableContext.d.ts +33 -0
  199. package/es/table/features/editable/EditableContext.js +20 -0
  200. package/es/table/features/editable/batchEditTypes.d.ts +55 -0
  201. package/es/table/features/editable/batchEditTypes.js +1 -0
  202. package/es/table/features/editable/batchEditUtils.d.ts +44 -0
  203. package/es/table/features/editable/batchEditUtils.js +258 -0
  204. package/es/table/features/editable/builtinEditors.d.ts +32 -0
  205. package/es/table/features/editable/builtinEditors.js +165 -0
  206. package/es/table/features/editable/index.d.ts +11 -0
  207. package/es/table/features/editable/index.js +10 -0
  208. package/es/table/features/editable/useBatchRules.d.ts +17 -0
  209. package/es/table/features/editable/useBatchRules.js +96 -0
  210. package/es/table/features/editable/useEditable.d.ts +51 -0
  211. package/es/table/features/editable/useEditable.js +693 -0
  212. package/es/table/features/expand/expandUtil.d.ts +5 -0
  213. package/es/table/features/expand/expandUtil.js +47 -0
  214. package/es/table/features/expand/index.d.ts +2 -0
  215. package/es/table/features/expand/index.js +2 -0
  216. package/es/table/features/expand/useExpand.d.ts +10 -0
  217. package/es/table/features/expand/useExpand.js +90 -0
  218. package/es/table/features/filter/FilterDropdown.d.ts +31 -0
  219. package/es/table/features/filter/FilterDropdown.js +494 -0
  220. package/es/table/features/filter/FilterSearch.d.ts +12 -0
  221. package/es/table/features/filter/FilterSearch.js +24 -0
  222. package/es/table/features/filter/FilterWrapper.d.ts +8 -0
  223. package/es/table/features/filter/FilterWrapper.js +23 -0
  224. package/es/table/features/filter/index.d.ts +4 -0
  225. package/es/table/features/filter/index.js +4 -0
  226. package/es/table/features/filter/useFilter.d.ts +22 -0
  227. package/es/table/features/filter/useFilter.js +240 -0
  228. package/es/table/features/fixed/fixUtil.d.ts +21 -0
  229. package/es/table/features/fixed/fixUtil.js +69 -0
  230. package/es/table/features/fixed/index.d.ts +4 -0
  231. package/es/table/features/fixed/index.js +4 -0
  232. package/es/table/features/fixed/offsetUtil.d.ts +4 -0
  233. package/es/table/features/fixed/offsetUtil.js +13 -0
  234. package/es/table/features/fixed/useFixedInfo.d.ts +2 -0
  235. package/es/table/features/fixed/useFixedInfo.js +16 -0
  236. package/es/table/features/fixed/useStickyOffsets.d.ts +6 -0
  237. package/es/table/features/fixed/useStickyOffsets.js +29 -0
  238. package/es/table/features/hover/index.d.ts +1 -0
  239. package/es/table/features/hover/index.js +1 -0
  240. package/es/table/features/hover/useHover.d.ts +2 -0
  241. package/es/table/features/hover/useHover.js +22 -0
  242. package/es/table/features/pagination/index.d.ts +1 -0
  243. package/es/table/features/pagination/index.js +1 -0
  244. package/es/table/features/pagination/usePagination.d.ts +5 -0
  245. package/es/table/features/pagination/usePagination.js +89 -0
  246. package/es/table/features/resize/ResizeHandle.d.ts +22 -0
  247. package/es/table/features/resize/ResizeHandle.js +99 -0
  248. package/es/table/features/resize/index.d.ts +5 -0
  249. package/es/table/features/resize/index.js +3 -0
  250. package/es/table/features/resize/transformResizableColumns.d.ts +11 -0
  251. package/es/table/features/resize/transformResizableColumns.js +52 -0
  252. package/es/table/features/resize/useResize.d.ts +52 -0
  253. package/es/table/features/resize/useResize.js +586 -0
  254. package/es/table/features/selection/index.d.ts +1 -0
  255. package/es/table/features/selection/index.js +1 -0
  256. package/es/table/features/selection/useSelection.d.ts +20 -0
  257. package/es/table/features/selection/useSelection.js +579 -0
  258. package/es/table/features/sort/index.d.ts +1 -0
  259. package/es/table/features/sort/index.js +1 -0
  260. package/es/table/features/sort/useSorter.d.ts +21 -0
  261. package/es/table/features/sort/useSorter.js +372 -0
  262. package/es/table/features/sticky/index.d.ts +2 -0
  263. package/es/table/features/sticky/index.js +2 -0
  264. package/es/table/features/sticky/stickyScrollBar.d.ts +12 -0
  265. package/es/table/features/sticky/stickyScrollBar.js +203 -0
  266. package/es/table/features/sticky/useSticky.d.ts +10 -0
  267. package/es/table/features/sticky/useSticky.js +34 -0
  268. package/es/table/features/summary/index.d.ts +1 -0
  269. package/es/table/features/summary/index.js +1 -0
  270. package/es/table/features/virtual/index.d.ts +2 -0
  271. package/es/table/features/virtual/index.js +2 -0
  272. package/es/table/features/virtual/useFlattenRecords.d.ts +19 -0
  273. package/es/table/features/virtual/useFlattenRecords.js +55 -0
  274. package/es/table/features/virtual/useFrame.d.ts +7 -0
  275. package/es/table/features/virtual/useFrame.js +67 -0
  276. package/es/table/immutableHelper.d.ts +9 -0
  277. package/es/table/immutableHelper.js +36 -0
  278. package/es/table/index.d.ts +24 -0
  279. package/es/table/index.js +23 -0
  280. package/es/table/interface.d.ts +438 -0
  281. package/es/table/interface.js +56 -0
  282. package/es/table/shared/context/PerfContext.d.ts +6 -0
  283. package/es/table/shared/context/PerfContext.js +6 -0
  284. package/es/table/shared/context/TableContext.d.ts +51 -0
  285. package/es/table/shared/context/TableContext.js +8 -0
  286. package/es/table/shared/hooks/useContainerWidth.d.ts +1 -0
  287. package/es/table/shared/hooks/useContainerWidth.js +14 -0
  288. package/es/table/shared/hooks/useLazyKVMap.d.ts +4 -0
  289. package/es/table/shared/hooks/useLazyKVMap.js +30 -0
  290. package/es/table/shared/hooks/useRenderTimes.d.ts +5 -0
  291. package/es/table/shared/hooks/useRenderTimes.js +39 -0
  292. package/es/table/shared/hooks/useRowInfo.d.ts +11 -0
  293. package/es/table/shared/hooks/useRowInfo.js +73 -0
  294. package/es/table/shared/utils/legacyUtil.d.ts +5 -0
  295. package/es/table/shared/utils/legacyUtil.js +30 -0
  296. package/es/table/shared/utils/util.d.ts +6 -0
  297. package/es/table/shared/utils/util.js +26 -0
  298. package/es/table/shared/utils/valueUtil.d.ts +8 -0
  299. package/es/table/shared/utils/valueUtil.js +29 -0
  300. package/es/table/style/base.less +164 -0
  301. package/es/table/style/bordered.less +83 -0
  302. package/es/table/style/editable.less +50 -0
  303. package/es/table/style/ellipsis.less +33 -0
  304. package/es/table/style/empty.less +16 -0
  305. package/es/table/style/expand.less +123 -0
  306. package/es/table/style/filter.less +34 -0
  307. package/es/table/style/fixed.less +85 -0
  308. package/es/table/style/index.d.ts +3 -0
  309. package/es/table/style/index.js +3 -0
  310. package/es/table/style/index.less +19 -0
  311. package/es/table/style/pagination.less +29 -0
  312. package/es/table/style/radius.less +64 -0
  313. package/es/table/style/resize.less +78 -0
  314. package/es/table/style/rtl.less +52 -0
  315. package/es/table/style/selection.less +63 -0
  316. package/es/table/style/size.less +54 -0
  317. package/es/table/style/sorter.less +99 -0
  318. package/es/table/style/sticky.less +45 -0
  319. package/es/table/style/summary.less +23 -0
  320. package/es/table/style/variables.less +80 -0
  321. package/es/table/style/virtual.less +95 -0
  322. package/lib/_util/context/createContextSelector.js +120 -0
  323. package/lib/_util/context/immutable.js +92 -0
  324. package/lib/_util/context/index.js +41 -0
  325. package/lib/_util/easings.js +1 -1
  326. package/lib/_util/getScroll.js +6 -6
  327. package/lib/_util/hooks/index.js +82 -5
  328. package/lib/_util/hooks/useBreakpoint.js +85 -0
  329. package/lib/_util/hooks/useCssVar.js +37 -0
  330. package/lib/_util/hooks/useEvent.js +13 -0
  331. package/lib/_util/hooks/useForceUpdate.js +5 -4
  332. package/lib/_util/hooks/useLayoutEffect.js +13 -0
  333. package/lib/_util/hooks/useMultipleSelect.js +43 -0
  334. package/lib/_util/hooks/useOrientation.js +7 -8
  335. package/lib/_util/hooks/useProxyImperativeHandle.js +18 -14
  336. package/lib/_util/hooks/useSyncState.js +19 -9
  337. package/lib/_util/hooks/useTimeoutLock.js +35 -0
  338. package/lib/_util/index.js +101 -1
  339. package/lib/_util/is.js +22 -0
  340. package/lib/_util/rcUtil.js +134 -0
  341. package/lib/_util/scrollTo.js +22 -18
  342. package/lib/_util/scrollbar.js +38 -0
  343. package/lib/_util/validate.js +17 -0
  344. package/lib/_util/warning.js +25 -27
  345. package/lib/block-header/index.js +141 -0
  346. package/{esm/blockHeader → lib/block-header}/style/index.less +167 -143
  347. package/lib/button/index.js +24 -9
  348. package/lib/button/style/index.less +62 -59
  349. package/lib/button/style/mixin.less +40 -39
  350. package/lib/collapsible/index.js +210 -169
  351. package/lib/collapsible/style/index.less +24 -24
  352. package/lib/collapsible-action-items/index.js +83 -0
  353. package/{esm/collapsibleActionItems → lib/collapsible-action-items}/style/index.less +7 -7
  354. package/lib/flex/index.js +43 -34
  355. package/lib/flex/style/index.less +80 -76
  356. package/lib/flex/utils.js +23 -23
  357. package/lib/form-list/index.js +163 -0
  358. package/lib/{formList → form-list}/style/index.less +45 -45
  359. package/lib/index.js +41 -63
  360. package/lib/overflow-list/index.js +203 -0
  361. package/lib/{overflowList → overflow-list}/style/index.less +9 -9
  362. package/lib/resize/index.js +13 -13
  363. package/lib/resize-observer/index.js +182 -0
  364. package/lib/splitter/Panel.js +36 -25
  365. package/lib/splitter/SplitBar.js +151 -134
  366. package/lib/splitter/Splitter.js +141 -89
  367. package/lib/splitter/hooks/sizeUtil.js +50 -33
  368. package/lib/splitter/hooks/useDragListeners.js +114 -0
  369. package/lib/splitter/hooks/useItems.js +27 -20
  370. package/lib/splitter/hooks/useOrientation.js +12 -0
  371. package/lib/splitter/hooks/useResizable.js +32 -30
  372. package/lib/splitter/hooks/useResize.js +76 -45
  373. package/lib/splitter/hooks/useSizes.js +55 -30
  374. package/lib/splitter/index.js +1 -1
  375. package/lib/splitter/style/index.less +349 -312
  376. package/lib/status-tag/index.js +131 -0
  377. package/{esm/statusTag → lib/status-tag}/style/index.less +70 -70
  378. package/lib/{statusTag → status-tag}/style/mixin.less +48 -39
  379. package/lib/style/index.less +1 -1
  380. package/lib/style/themes/index.less +2 -2
  381. package/lib/style/themes/variable.less +5 -5
  382. package/lib/table/Column.js +13 -0
  383. package/lib/table/ColumnGroup.js +13 -0
  384. package/lib/table/InternalTable.js +824 -0
  385. package/lib/table/Table.js +40 -0
  386. package/lib/table/TableMeasureRowContext.js +10 -0
  387. package/lib/table/components/Body/BodyRow.js +192 -0
  388. package/lib/table/components/Body/ExpandedRow.js +61 -0
  389. package/lib/table/components/Body/MeasureCell.js +43 -0
  390. package/lib/table/components/Body/MeasureRow.js +64 -0
  391. package/lib/table/components/Body/index.js +133 -0
  392. package/lib/table/components/Cell/index.js +205 -0
  393. package/lib/table/components/Cell/useCellRender.js +78 -0
  394. package/lib/table/components/Cell/useHoverState.js +20 -0
  395. package/lib/table/components/ColGroup.js +62 -0
  396. package/lib/table/components/ExpandIcon.js +35 -0
  397. package/lib/table/components/FixedHolder/index.js +195 -0
  398. package/lib/table/components/Footer/Cell.js +57 -0
  399. package/lib/table/components/Footer/Row.js +19 -0
  400. package/lib/table/components/Footer/Summary.js +19 -0
  401. package/lib/table/components/Footer/SummaryContext.js +12 -0
  402. package/lib/table/components/Footer/index.js +41 -0
  403. package/lib/table/components/Header/Header.js +120 -0
  404. package/lib/table/components/Header/HeaderRow.js +72 -0
  405. package/lib/table/components/Panel.js +20 -0
  406. package/lib/table/components/RcTable.js +764 -0
  407. package/lib/table/components/VirtualTable.js +18 -0
  408. package/lib/table/components/VirtualTableBody/BodyGrid.js +316 -0
  409. package/lib/table/components/VirtualTableBody/BodyLine.js +125 -0
  410. package/lib/table/components/VirtualTableBody/VirtualCell.js +128 -0
  411. package/lib/table/components/VirtualTableBody/context.js +9 -0
  412. package/lib/table/components/VirtualTableBody/index.js +111 -0
  413. package/lib/table/constant.js +8 -0
  414. package/lib/table/features/columns/Column.js +10 -0
  415. package/lib/table/features/columns/ColumnGroup.js +10 -0
  416. package/lib/table/features/columns/index.js +57 -0
  417. package/lib/table/features/columns/useColumns.js +237 -0
  418. package/lib/table/features/columns/useFilledColumns.js +42 -0
  419. package/lib/table/features/columns/useTitleColumns.js +34 -0
  420. package/lib/table/features/columns/useWidthColumns.js +83 -0
  421. package/lib/table/features/editable/BatchEditModal.js +794 -0
  422. package/lib/table/features/editable/EditableCell.js +303 -0
  423. package/lib/table/features/editable/EditableContext.js +28 -0
  424. package/lib/table/features/editable/batchEditTypes.js +5 -0
  425. package/lib/table/features/editable/batchEditUtils.js +264 -0
  426. package/lib/table/features/editable/builtinEditors.js +174 -0
  427. package/lib/table/features/editable/index.js +75 -0
  428. package/lib/table/features/editable/useBatchRules.js +103 -0
  429. package/lib/table/features/editable/useEditable.js +701 -0
  430. package/lib/table/features/expand/expandUtil.js +57 -0
  431. package/lib/table/features/expand/index.js +32 -0
  432. package/lib/table/features/expand/useExpand.js +99 -0
  433. package/lib/table/features/filter/FilterDropdown.js +504 -0
  434. package/lib/table/features/filter/FilterSearch.js +34 -0
  435. package/lib/table/features/filter/FilterWrapper.js +32 -0
  436. package/lib/table/features/filter/index.js +49 -0
  437. package/lib/table/features/filter/useFilter.js +254 -0
  438. package/lib/table/features/fixed/fixUtil.js +75 -0
  439. package/lib/table/features/fixed/index.js +34 -0
  440. package/lib/table/features/fixed/offsetUtil.js +19 -0
  441. package/lib/table/features/fixed/useFixedInfo.js +26 -0
  442. package/lib/table/features/fixed/useStickyOffsets.js +35 -0
  443. package/lib/table/features/hover/index.js +13 -0
  444. package/lib/table/features/hover/useHover.js +31 -0
  445. package/lib/table/features/pagination/index.js +27 -0
  446. package/lib/table/features/pagination/usePagination.js +96 -0
  447. package/lib/table/features/resize/ResizeHandle.js +109 -0
  448. package/lib/table/features/resize/index.js +27 -0
  449. package/lib/table/features/resize/transformResizableColumns.js +61 -0
  450. package/lib/table/features/resize/useResize.js +595 -0
  451. package/lib/table/features/selection/index.js +39 -0
  452. package/lib/table/features/selection/useSelection.js +588 -0
  453. package/lib/table/features/sort/index.js +21 -0
  454. package/lib/table/features/sort/useSorter.js +381 -0
  455. package/lib/table/features/sticky/index.js +20 -0
  456. package/lib/table/features/sticky/stickyScrollBar.js +212 -0
  457. package/lib/table/features/sticky/useSticky.js +43 -0
  458. package/lib/table/features/summary/index.js +13 -0
  459. package/lib/table/features/virtual/index.js +26 -0
  460. package/lib/table/features/virtual/useFlattenRecords.js +64 -0
  461. package/lib/table/features/virtual/useFrame.js +74 -0
  462. package/lib/table/immutableHelper.js +46 -0
  463. package/lib/table/index.js +124 -0
  464. package/lib/table/interface.js +60 -0
  465. package/lib/table/shared/context/PerfContext.js +15 -0
  466. package/lib/table/shared/context/TableContext.js +13 -0
  467. package/lib/table/shared/hooks/useContainerWidth.js +20 -0
  468. package/lib/table/shared/hooks/useLazyKVMap.js +39 -0
  469. package/lib/table/shared/hooks/useRenderTimes.js +49 -0
  470. package/lib/table/shared/hooks/useRowInfo.js +80 -0
  471. package/lib/table/shared/utils/legacyUtil.js +38 -0
  472. package/lib/table/shared/utils/util.js +34 -0
  473. package/lib/table/shared/utils/valueUtil.js +37 -0
  474. package/lib/table/style/base.less +164 -0
  475. package/lib/table/style/bordered.less +83 -0
  476. package/lib/table/style/editable.less +50 -0
  477. package/lib/table/style/ellipsis.less +33 -0
  478. package/lib/table/style/empty.less +16 -0
  479. package/lib/table/style/expand.less +123 -0
  480. package/lib/table/style/filter.less +34 -0
  481. package/lib/table/style/fixed.less +85 -0
  482. package/lib/table/style/index.js +5 -0
  483. package/lib/table/style/index.less +19 -0
  484. package/lib/table/style/pagination.less +29 -0
  485. package/lib/table/style/radius.less +64 -0
  486. package/lib/table/style/resize.less +78 -0
  487. package/lib/table/style/rtl.less +52 -0
  488. package/lib/table/style/selection.less +63 -0
  489. package/lib/table/style/size.less +54 -0
  490. package/lib/table/style/sorter.less +99 -0
  491. package/lib/table/style/sticky.less +45 -0
  492. package/lib/table/style/summary.less +23 -0
  493. package/lib/table/style/variables.less +80 -0
  494. package/lib/table/style/virtual.less +95 -0
  495. package/package.json +147 -152
  496. package/esm/_util/extendsObject.js +0 -17
  497. package/esm/_util/hooks/index.js +0 -4
  498. package/esm/_util/isNonNullable.js +0 -4
  499. package/esm/index.js +0 -22
  500. package/esm/splitter/style/index.less +0 -312
  501. package/esm/style/mixins/index.less +0 -0
  502. package/esm/style/themes/index.less +0 -2
  503. package/lib/_util/extendsObject.js +0 -20
  504. package/lib/_util/isNonNullable.js +0 -10
  505. package/lib/blockHeader/index.js +0 -121
  506. package/lib/collapsibleActionItems/index.js +0 -68
  507. package/lib/formList/index.js +0 -130
  508. package/lib/overflowList/index.js +0 -144
  509. package/lib/resizeObserver/index.js +0 -137
  510. package/lib/statusTag/index.js +0 -125
  511. package/lib/style/mixins/index.less +0 -0
  512. /package/{esm → es}/_util/easings.js +0 -0
  513. /package/{esm → es}/_util/gapSize.js +0 -0
  514. /package/{esm → es}/_util/hooks/useForceUpdate.js +0 -0
  515. /package/{esm → es}/_util/hooks/useOrientation.js +0 -0
  516. /package/{esm → es}/_util/hooks/useSyncState.js +0 -0
  517. /package/{esm → es}/_util/type.js +0 -0
  518. /package/{esm/blockHeader → es/block-header}/style/index.js +0 -0
  519. /package/{esm → es}/button/style/index.js +0 -0
  520. /package/{esm → es}/collapsible/style/index.js +0 -0
  521. /package/{esm/collapsibleActionItems → es/collapsible-action-items}/style/index.js +0 -0
  522. /package/{esm → es}/flex/interface.js +0 -0
  523. /package/{esm → es}/flex/style/index.js +0 -0
  524. /package/{esm → es}/flex/utils.js +0 -0
  525. /package/{esm/formList → es/form-list}/style/index.js +0 -0
  526. /package/{esm/overflowList → es/overflow-list}/style/index.js +0 -0
  527. /package/{esm → es}/resize/index.js +0 -0
  528. /package/{esm → es}/splitter/hooks/useItems.js +0 -0
  529. /package/{esm → es}/splitter/index.js +0 -0
  530. /package/{esm → es}/splitter/interface.js +0 -0
  531. /package/{esm → es}/splitter/style/index.js +0 -0
  532. /package/{esm/statusTag → es/status-tag}/style/index.js +0 -0
  533. /package/{esm → es}/style/index.js +0 -0
  534. /package/lib/{blockHeader → block-header}/style/index.js +0 -0
  535. /package/lib/{collapsibleActionItems → collapsible-action-items}/style/index.js +0 -0
  536. /package/lib/{formList → form-list}/style/index.js +0 -0
  537. /package/lib/{overflowList → overflow-list}/style/index.js +0 -0
  538. /package/lib/{statusTag → status-tag}/style/index.js +0 -0
package/lib/splitter/style/index.less CHANGED
@@ -1,312 +1,349 @@
1
- @import '../../style/themes/index.less';
2
-
3
- @splitter-prefix-cls: ~'@{ant-prefix}-splitter';
4
-
5
- @splitter-resize-spinner-size: 20px;
6
- @splitter-split-bar-draggable-size: @splitter-resize-spinner-size;
7
- @splitter-split-bar-size: 2px;
8
- @splitter-split-trigger-size: 6px;
9
-
10
- @splitterBarPreviewOffsetVar: ~'@{splitter-prefix-cls}-bar-preview-offset';
11
- @splitter-transform-x: ~'translateX(var(--@{splitterBarPreviewOffsetVar}))';
12
- @splitter-transform-y: ~'translateY(var(--@{splitterBarPreviewOffsetVar}))';
13
-
14
- .center-position() {
15
- position: absolute;
16
- top: 50%;
17
- left: 50%;
18
- transform: translate(-50%, -50%);
19
- }
20
-
21
- .@{splitter-prefix-cls} {
22
- display: flex;
23
- width: 100%;
24
- height: 100%;
25
- align-items: stretch;
26
-
27
- & > .@{splitter-prefix-cls}-bar {
28
- flex: none;
29
- position: relative;
30
- user-select: none;
31
-
32
- .@{splitter-prefix-cls}-bar-dragger {
33
- .center-position();
34
- z-index: 1;
35
- pointer-events: auto;
36
-
37
- &::before {
38
- content: '';
39
- background: @item-hover-bg;
40
- .center-position();
41
- }
42
-
43
- &::after {
44
- content: '';
45
- background: rgba(0, 0, 0, 0.15);
46
- .center-position();
47
- }
48
-
49
- &:hover:not(.@{splitter-prefix-cls}-bar-dragger-active) {
50
- &::before {
51
- background: @item-active-bg;
52
- }
53
- }
54
-
55
- &.@{splitter-prefix-cls}-bar-dragger-active {
56
- z-index: 2;
57
-
58
- &::before {
59
- background: @item-active-bg;
60
- }
61
- }
62
-
63
- &.@{splitter-prefix-cls}-bar-dragger-disabled {
64
- z-index: 0;
65
- cursor: default;
66
-
67
- &,
68
- &:hover,
69
- &.@{splitter-prefix-cls}-bar-dragger-active {
70
- &::before {
71
- background: @disabled-bg;
72
- }
73
- }
74
-
75
- &::after {
76
- display: none;
77
- }
78
- }
79
- }
80
-
81
- .@{splitter-prefix-cls}-bar-collapse-bar {
82
- .center-position();
83
- z-index: @zindex-popover;
84
- background: @item-hover-bg;
85
- font-size: @font-size-base;
86
- border-radius: @border-radius-base;
87
- color: @text-color;
88
- cursor: pointer;
89
- opacity: 0;
90
- display: flex;
91
- align-items: center;
92
- justify-content: center;
93
-
94
- &:hover {
95
- background: @item-active-bg;
96
- }
97
-
98
- &:active {
99
- background: @item-active-bg;
100
- }
101
- }
102
-
103
- &:hover,
104
- &:active {
105
- .@{splitter-prefix-cls}-bar-collapse-bar-hover-only {
106
- opacity: 1;
107
- }
108
- }
109
-
110
- .@{splitter-prefix-cls}-bar-collapse-bar-hover-only {
111
- @media (hover: none) {
112
- opacity: 1;
113
- }
114
- }
115
-
116
- .@{splitter-prefix-cls}-bar-collapse-bar-always-hidden {
117
- display: none;
118
- }
119
-
120
- .@{splitter-prefix-cls}-bar-collapse-bar-always-visible {
121
- opacity: 1;
122
- }
123
- }
124
-
125
- .@{splitter-prefix-cls}-mask {
126
- position: fixed;
127
- z-index: 9999;
128
- top: 0;
129
- right: 0;
130
- bottom: 0;
131
- left: 0;
132
- background: transparent;
133
-
134
- &.@{splitter-prefix-cls}-mask-horizontal {
135
- cursor: col-resize;
136
- }
137
-
138
- &.@{splitter-prefix-cls}-mask-vertical {
139
- cursor: row-resize;
140
- }
141
- }
142
-
143
- &.@{splitter-prefix-cls}-horizontal {
144
- flex-direction: row;
145
-
146
- & > .@{splitter-prefix-cls}-bar {
147
- width: 0;
148
-
149
- .@{splitter-prefix-cls}-bar-preview {
150
- height: 100%;
151
- width: @splitter-split-bar-size;
152
- position: absolute;
153
- background: @primary-color;
154
- opacity: 0.2;
155
- pointer-events: none;
156
- transition: none;
157
- z-index: 1;
158
- display: none;
159
-
160
- &.@{splitter-prefix-cls}-bar-preview-active {
161
- display: block;
162
-
163
- transform: @splitter-transform-x;
164
- }
165
- }
166
-
167
- .@{splitter-prefix-cls}-bar-dragger {
168
- cursor: col-resize;
169
- height: 100%;
170
- width: @splitter-split-trigger-size;
171
-
172
- &::before {
173
- height: 100%;
174
- width: @splitter-split-bar-size;
175
- }
176
-
177
- &::after {
178
- height: @splitter-split-bar-draggable-size;
179
- width: @splitter-split-bar-size;
180
- }
181
- }
182
-
183
- .@{splitter-prefix-cls}-bar-collapse-bar {
184
- width: @font-size-sm;
185
- height: @btn-height-sm;
186
-
187
- &.@{splitter-prefix-cls}-bar-collapse-bar-start {
188
- left: auto;
189
- right: (@splitter-split-trigger-size / 2);
190
- transform: translateY(-50%);
191
- }
192
-
193
- &.@{splitter-prefix-cls}-bar-collapse-bar-end {
194
- left: (@splitter-split-trigger-size / 2);
195
- right: auto;
196
- transform: translateY(-50%);
197
- }
198
- }
199
- }
200
- }
201
-
202
- &.@{splitter-prefix-cls}-vertical {
203
- flex-direction: column;
204
-
205
- & > .@{splitter-prefix-cls}-bar {
206
- height: 0;
207
-
208
- .@{splitter-prefix-cls}-bar-preview {
209
- height: @splitter-split-bar-size;
210
- width: 100%;
211
- position: absolute;
212
- background: @primary-color;
213
- opacity: 0.2;
214
- pointer-events: none;
215
- transition: none;
216
- z-index: 1;
217
- display: none;
218
-
219
- &.@{splitter-prefix-cls}-bar-preview-active {
220
- display: block;
221
- transform: @splitter-transform-y;
222
- }
223
- }
224
-
225
- .@{splitter-prefix-cls}-bar-dragger {
226
- cursor: row-resize;
227
- width: 100%;
228
- height: @splitter-split-trigger-size;
229
-
230
- &::before {
231
- width: 100%;
232
- height: @splitter-split-bar-size;
233
- }
234
-
235
- &::after {
236
- width: @splitter-split-bar-draggable-size;
237
- height: @splitter-split-bar-size;
238
- }
239
- }
240
-
241
- .@{splitter-prefix-cls}-bar-collapse-bar {
242
- height: @font-size-sm;
243
- width: @btn-height-sm;
244
-
245
- &.@{splitter-prefix-cls}-bar-collapse-bar-start {
246
- top: auto;
247
- bottom: (@splitter-split-trigger-size / 2);
248
- transform: translateX(-50%);
249
- }
250
-
251
- &.@{splitter-prefix-cls}-bar-collapse-bar-end {
252
- top: (@splitter-split-trigger-size / 2);
253
- bottom: auto;
254
- transform: translateX(-50%);
255
- }
256
- }
257
- }
258
- }
259
-
260
- .@{splitter-prefix-cls}-panel {
261
- overflow: auto;
262
- padding: 0 1px;
263
- box-sizing: border-box;
264
-
265
- &::-webkit-scrollbar {
266
- width: 8px;
267
- height: 8px;
268
- }
269
-
270
- &::-webkit-scrollbar-thumb {
271
- background: @table-sticky-scroll-bar-bg;
272
- border-radius: @table-sticky-scroll-bar-radius;
273
- }
274
-
275
- &.@{splitter-prefix-cls}-panel-hidden {
276
- padding: 0;
277
- overflow: hidden;
278
- }
279
-
280
- &:has(.@{splitter-prefix-cls}:only-child) {
281
- overflow: hidden;
282
- }
283
- }
284
-
285
- &.@{ant-prefix}-rtl.@{splitter-prefix-cls}-horizontal {
286
- & > .@{splitter-prefix-cls}-bar {
287
- .@{splitter-prefix-cls}-bar-collapse-previous {
288
- right: 0;
289
- left: unset;
290
- }
291
-
292
- .@{splitter-prefix-cls}-bar-collapse-next {
293
- right: unset;
294
- left: 0;
295
- }
296
- }
297
- }
298
-
299
- &.@{ant-prefix}-rtl.@{splitter-prefix-cls}-vertical {
300
- & > .@{splitter-prefix-cls}-bar {
301
- .@{splitter-prefix-cls}-bar-collapse-previous {
302
- right: 50%;
303
- left: unset;
304
- }
305
-
306
- .@{splitter-prefix-cls}-bar-collapse-next {
307
- right: 50%;
308
- left: unset;
309
- }
310
- }
311
- }
312
- }
1
+ @import '../../style/themes/index.less';
2
+
3
+ @splitter-prefix-cls: ~'@{ant-prefix}-splitter';
4
+
5
+ @splitter-resize-spinner-size: 20px;
6
+ @splitter-split-bar-draggable-size: @splitter-resize-spinner-size;
7
+ @splitter-split-bar-size: 2px;
8
+ @splitter-split-trigger-size: 6px;
9
+
10
+ @splitterBarPreviewOffsetVar: ~'@{splitter-prefix-cls}-bar-preview-offset';
11
+ @splitter-transform-x: ~'translateX(var(--@{splitterBarPreviewOffsetVar}))';
12
+ @splitter-transform-y: ~'translateY(var(--@{splitterBarPreviewOffsetVar}))';
13
+
14
+ .center-position() {
15
+ position: absolute;
16
+ top: 50%;
17
+ left: 50%;
18
+ transform: translate(-50%, -50%);
19
+ }
20
+
21
+ .@{splitter-prefix-cls} {
22
+ display: flex;
23
+ align-items: stretch;
24
+ width: 100%;
25
+ height: 100%;
26
+
27
+ & > .@{splitter-prefix-cls}-bar {
28
+ position: relative;
29
+ flex: none;
30
+ user-select: none;
31
+
32
+ .@{splitter-prefix-cls}-bar-dragger {
33
+ .center-position();
34
+ z-index: 1;
35
+ pointer-events: auto;
36
+
37
+ &::before {
38
+ background: @item-hover-bg;
39
+ content: '';
40
+ .center-position();
41
+ }
42
+
43
+ &::after {
44
+ background: rgba(0, 0, 0, 0.15);
45
+ content: '';
46
+ .center-position();
47
+ }
48
+
49
+ &:hover:not(.@{splitter-prefix-cls}-bar-dragger-active) {
50
+ &::before {
51
+ background: @item-active-bg;
52
+ }
53
+ }
54
+
55
+ &.@{splitter-prefix-cls}-bar-dragger-active {
56
+ z-index: 2;
57
+
58
+ &::before {
59
+ background: @item-active-bg;
60
+ }
61
+ }
62
+
63
+ &.@{splitter-prefix-cls}-bar-dragger-disabled {
64
+ z-index: 0;
65
+ cursor: default;
66
+
67
+ &,
68
+ &:hover,
69
+ &.@{splitter-prefix-cls}-bar-dragger-active {
70
+ &::before {
71
+ background: @disabled-bg;
72
+ }
73
+ }
74
+
75
+ &::after {
76
+ display: none;
77
+ }
78
+ }
79
+
80
+ &.@{splitter-prefix-cls}-bar-dragger-customize {
81
+ &::before {
82
+ background: transparent;
83
+ }
84
+
85
+ &::after {
86
+ display: none;
87
+ }
88
+ }
89
+
90
+ .@{splitter-prefix-cls}-bar-dragger-icon {
91
+ .center-position();
92
+ z-index: 2;
93
+ display: flex;
94
+ align-items: center;
95
+ justify-content: center;
96
+ }
97
+ }
98
+
99
+ .@{splitter-prefix-cls}-bar-collapse-bar {
100
+ .center-position();
101
+ z-index: @zindex-popover;
102
+ display: flex;
103
+ align-items: center;
104
+ justify-content: center;
105
+ color: @text-color;
106
+ font-size: @font-size-base;
107
+ background: @item-hover-bg;
108
+ border-radius: @border-radius-base;
109
+ cursor: pointer;
110
+ opacity: 0;
111
+
112
+ &:hover {
113
+ background: @item-active-bg;
114
+ }
115
+
116
+ &:active {
117
+ background: @item-active-bg;
118
+ }
119
+
120
+ &.@{splitter-prefix-cls}-bar-collapse-bar-customize {
121
+ background: transparent;
122
+
123
+ &:hover,
124
+ &:active {
125
+ background: transparent;
126
+ }
127
+ }
128
+ }
129
+
130
+ &:focus-visible {
131
+ outline: none;
132
+
133
+ .@{splitter-prefix-cls}-bar-dragger::before {
134
+ background: @item-active-bg;
135
+ box-shadow: 0 0 0 2px @outline-color;
136
+ }
137
+ }
138
+
139
+ &:hover,
140
+ &:active {
141
+ .@{splitter-prefix-cls}-bar-collapse-bar-hover-only {
142
+ opacity: 1;
143
+ }
144
+ }
145
+
146
+ .@{splitter-prefix-cls}-bar-collapse-bar-hover-only {
147
+ @media (hover: none) {
148
+ opacity: 1;
149
+ }
150
+ }
151
+
152
+ .@{splitter-prefix-cls}-bar-collapse-bar-always-hidden {
153
+ display: none;
154
+ }
155
+
156
+ .@{splitter-prefix-cls}-bar-collapse-bar-always-visible {
157
+ opacity: 1;
158
+ }
159
+ }
160
+
161
+ .@{splitter-prefix-cls}-mask {
162
+ position: fixed;
163
+ top: 0;
164
+ right: 0;
165
+ bottom: 0;
166
+ left: 0;
167
+ z-index: 9999;
168
+ background: transparent;
169
+
170
+ &.@{splitter-prefix-cls}-mask-horizontal {
171
+ cursor: col-resize;
172
+ }
173
+
174
+ &.@{splitter-prefix-cls}-mask-vertical {
175
+ cursor: row-resize;
176
+ }
177
+ }
178
+
179
+ &.@{splitter-prefix-cls}-horizontal {
180
+ flex-direction: row;
181
+
182
+ & > .@{splitter-prefix-cls}-bar {
183
+ width: 0;
184
+
185
+ .@{splitter-prefix-cls}-bar-preview {
186
+ position: absolute;
187
+ z-index: 1;
188
+ display: none;
189
+ width: @splitter-split-bar-size;
190
+ height: 100%;
191
+ background: @primary-color;
192
+ opacity: 0.2;
193
+ transition: none;
194
+ pointer-events: none;
195
+
196
+ &.@{splitter-prefix-cls}-bar-preview-active {
197
+ display: block;
198
+ transform: @splitter-transform-x;
199
+ }
200
+ }
201
+
202
+ .@{splitter-prefix-cls}-bar-dragger {
203
+ width: @splitter-split-trigger-size;
204
+ height: 100%;
205
+ cursor: col-resize;
206
+
207
+ &::before {
208
+ width: @splitter-split-bar-size;
209
+ height: 100%;
210
+ }
211
+
212
+ &::after {
213
+ width: @splitter-split-bar-size;
214
+ height: @splitter-split-bar-draggable-size;
215
+ }
216
+ }
217
+
218
+ .@{splitter-prefix-cls}-bar-collapse-bar {
219
+ width: @font-size-sm;
220
+ height: @btn-height-sm;
221
+
222
+ &.@{splitter-prefix-cls}-bar-collapse-bar-start {
223
+ right: (@splitter-split-trigger-size / 2);
224
+ left: auto;
225
+ transform: translateY(-50%);
226
+ }
227
+
228
+ &.@{splitter-prefix-cls}-bar-collapse-bar-end {
229
+ right: auto;
230
+ left: (@splitter-split-trigger-size / 2);
231
+ transform: translateY(-50%);
232
+ }
233
+ }
234
+ }
235
+ }
236
+
237
+ &.@{splitter-prefix-cls}-vertical {
238
+ flex-direction: column;
239
+
240
+ & > .@{splitter-prefix-cls}-bar {
241
+ height: 0;
242
+
243
+ .@{splitter-prefix-cls}-bar-preview {
244
+ position: absolute;
245
+ z-index: 1;
246
+ display: none;
247
+ width: 100%;
248
+ height: @splitter-split-bar-size;
249
+ background: @primary-color;
250
+ opacity: 0.2;
251
+ transition: none;
252
+ pointer-events: none;
253
+
254
+ &.@{splitter-prefix-cls}-bar-preview-active {
255
+ display: block;
256
+ transform: @splitter-transform-y;
257
+ }
258
+ }
259
+
260
+ .@{splitter-prefix-cls}-bar-dragger {
261
+ width: 100%;
262
+ height: @splitter-split-trigger-size;
263
+ cursor: row-resize;
264
+
265
+ &::before {
266
+ width: 100%;
267
+ height: @splitter-split-bar-size;
268
+ }
269
+
270
+ &::after {
271
+ width: @splitter-split-bar-draggable-size;
272
+ height: @splitter-split-bar-size;
273
+ }
274
+ }
275
+
276
+ .@{splitter-prefix-cls}-bar-collapse-bar {
277
+ width: @btn-height-sm;
278
+ height: @font-size-sm;
279
+
280
+ &.@{splitter-prefix-cls}-bar-collapse-bar-start {
281
+ top: auto;
282
+ bottom: (@splitter-split-trigger-size / 2);
283
+ transform: translateX(-50%);
284
+ }
285
+
286
+ &.@{splitter-prefix-cls}-bar-collapse-bar-end {
287
+ top: (@splitter-split-trigger-size / 2);
288
+ bottom: auto;
289
+ transform: translateX(-50%);
290
+ }
291
+ }
292
+ }
293
+ }
294
+
295
+ .@{splitter-prefix-cls}-panel {
296
+ box-sizing: border-box;
297
+ overflow: auto;
298
+
299
+ &.@{splitter-prefix-cls}-panel-motion {
300
+ transition: flex-basis 0.3s ease-in-out;
301
+ }
302
+
303
+ &::-webkit-scrollbar {
304
+ width: 8px;
305
+ height: 8px;
306
+ }
307
+
308
+ &::-webkit-scrollbar-thumb {
309
+ background: @table-sticky-scroll-bar-bg;
310
+ border-radius: @table-sticky-scroll-bar-radius;
311
+ }
312
+
313
+ &.@{splitter-prefix-cls}-panel-hidden {
314
+ overflow: hidden;
315
+ }
316
+
317
+ &:has(.@{splitter-prefix-cls}:only-child) {
318
+ overflow: hidden;
319
+ }
320
+ }
321
+
322
+ &.@{ant-prefix}-rtl.@{splitter-prefix-cls}-horizontal {
323
+ & > .@{splitter-prefix-cls}-bar {
324
+ .@{splitter-prefix-cls}-bar-collapse-previous {
325
+ right: 0;
326
+ left: unset;
327
+ }
328
+
329
+ .@{splitter-prefix-cls}-bar-collapse-next {
330
+ right: unset;
331
+ left: 0;
332
+ }
333
+ }
334
+ }
335
+
336
+ &.@{ant-prefix}-rtl.@{splitter-prefix-cls}-vertical {
337
+ & > .@{splitter-prefix-cls}-bar {
338
+ .@{splitter-prefix-cls}-bar-collapse-previous {
339
+ right: 50%;
340
+ left: unset;
341
+ }
342
+
343
+ .@{splitter-prefix-cls}-bar-collapse-next {
344
+ right: 50%;
345
+ left: unset;
346
+ }
347
+ }
348
+ }
349
+ }