taro-uno-ui 0.9.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (312) hide show
  1. package/README.md +21 -0
  2. package/dist/js/{index-DffLRSro.js → index-CDFsvu80.js} +15369 -10741
  3. package/dist/js/index-CDFsvu80.js.map +1 -0
  4. package/dist/js/index-DFdcksbe.js.map +1 -1
  5. package/dist/js/index-DXRIkWX1.js.map +1 -1
  6. package/dist/js/{index-6NJ3A1Dn.js → index-JffnTUrv.js} +15430 -10801
  7. package/dist/js/index-JffnTUrv.js.map +1 -0
  8. package/dist/utils/http/request.d.ts +280 -0
  9. package/package.json +14 -10
  10. package/src/components/basic/Button/Button.tsx +53 -13
  11. package/src/components/basic/Button/Button.types.ts +45 -9
  12. package/src/components/basic/Divider/Divider.tsx +60 -29
  13. package/src/components/basic/Icon/Icon.data.ts +474 -0
  14. package/src/components/basic/Icon/Icon.test.tsx +2 -2
  15. package/src/components/basic/Icon/Icon.tsx +48 -35
  16. package/src/components/basic/Icon/IconManager.ts +229 -0
  17. package/src/components/basic/Text/Text.styles.ts +3 -3
  18. package/src/components/basic/Text/Text.types.ts +14 -4
  19. package/src/components/basic/Typography/Typography.styles.ts +10 -9
  20. package/src/components/basic/Typography/Typography.tsx +15 -13
  21. package/src/components/basic/Typography/Typography.types.ts +41 -41
  22. package/src/components/basic/Typography/index.tsx +1 -1
  23. package/src/components/basic/Video/Video.styles.ts +777 -0
  24. package/src/components/basic/Video/Video.test.tsx +490 -0
  25. package/src/components/basic/Video/Video.tsx +1468 -0
  26. package/src/components/basic/Video/Video.types.ts +500 -0
  27. package/src/components/basic/Video/index.tsx +26 -0
  28. package/src/components/basic/index.tsx +13 -15
  29. package/src/components/common/ErrorBoundary.tsx +1 -1
  30. package/src/components/common/LazyComponent.tsx +9 -8
  31. package/src/components/common/SecurityProvider.tsx +2 -14
  32. package/src/components/common/ThemeProvider.tsx +43 -56
  33. package/src/components/common/VirtualList.tsx +187 -205
  34. package/src/components/common/index.tsx +25 -0
  35. package/src/components/display/Avatar/Avatar.styles.ts +1 -1
  36. package/src/components/display/Avatar/Avatar.tsx +6 -19
  37. package/src/components/display/Avatar/Avatar.types.ts +1 -1
  38. package/src/components/display/Avatar/index.ts +1 -1
  39. package/src/components/display/Badge/Badge.tsx +3 -16
  40. package/src/components/display/Badge/Badge.types.ts +1 -1
  41. package/src/components/display/Badge/index.ts +1 -1
  42. package/src/components/display/Calendar/Calendar.styles.ts +36 -36
  43. package/src/components/display/Calendar/Calendar.test.tsx +27 -15
  44. package/src/components/display/Calendar/Calendar.tsx +56 -35
  45. package/src/components/display/Calendar/Calendar.types.ts +1 -1
  46. package/src/components/display/Calendar/index.ts +1 -1
  47. package/src/components/display/Card/Card.styles.ts +2 -2
  48. package/src/components/display/Card/Card.test.tsx +6 -4
  49. package/src/components/display/Card/Card.tsx +1 -1
  50. package/src/components/display/Card/Card.types.ts +4 -4
  51. package/src/components/display/Card/index.ts +1 -1
  52. package/src/components/display/Carousel/Carousel.styles.ts +31 -31
  53. package/src/components/display/Carousel/Carousel.tsx +34 -39
  54. package/src/components/display/Carousel/Carousel.types.ts +1 -1
  55. package/src/components/display/Carousel/index.ts +1 -1
  56. package/src/components/display/List/List.styles.ts +3 -3
  57. package/src/components/display/List/List.tsx +0 -1
  58. package/src/components/display/List/index.ts +1 -1
  59. package/src/components/display/Rate/Rate.styles.ts +5 -17
  60. package/src/components/display/Rate/Rate.tsx +6 -14
  61. package/src/components/display/Rate/Rate.types.ts +4 -3
  62. package/src/components/display/Rate/index.ts +3 -11
  63. package/src/components/display/Table/Table.test.tsx +2 -0
  64. package/src/components/display/Table/Table.tsx +3 -7
  65. package/src/components/display/Table/Table.types.ts +3 -2
  66. package/src/components/display/Tag/Tag.styles.ts +31 -31
  67. package/src/components/display/Tag/Tag.tsx +9 -26
  68. package/src/components/display/Tag/Tag.types.ts +1 -1
  69. package/src/components/display/Tag/index.ts +1 -1
  70. package/src/components/display/Timeline/Timeline.styles.ts +32 -32
  71. package/src/components/display/Timeline/Timeline.tsx +23 -42
  72. package/src/components/display/Timeline/Timeline.types.ts +1 -1
  73. package/src/components/display/Timeline/index.ts +1 -1
  74. package/src/components/display/index.tsx +33 -29
  75. package/src/components/feedback/Loading/Loading.tsx +6 -1
  76. package/src/components/feedback/Loading/index.ts +2 -5
  77. package/src/components/feedback/Message/Message.styles.ts +3 -3
  78. package/src/components/feedback/Message/index.ts +2 -5
  79. package/src/components/feedback/Modal/Modal.styles.ts +1 -1
  80. package/src/components/feedback/Modal/Modal.tsx +9 -31
  81. package/src/components/feedback/Modal/Modal.types.ts +12 -2
  82. package/src/components/feedback/Notification/Notification.styles.ts +49 -39
  83. package/src/components/feedback/Notification/Notification.test.tsx +1 -1
  84. package/src/components/feedback/Notification/Notification.tsx +97 -120
  85. package/src/components/feedback/Notification/Notification.types.ts +11 -8
  86. package/src/components/feedback/Notification/NotificationManager.tsx +135 -106
  87. package/src/components/feedback/Notification/index.ts +10 -3
  88. package/src/components/feedback/Notification/index.tsx +16 -26
  89. package/src/components/feedback/Progress/Progress.styles.ts +23 -14
  90. package/src/components/feedback/Progress/Progress.tsx +93 -113
  91. package/src/components/feedback/Progress/Progress.types.ts +1 -1
  92. package/src/components/feedback/Progress/index.ts +1 -1
  93. package/src/components/feedback/Progress/utils/animation.ts +12 -23
  94. package/src/components/feedback/Progress/utils/index.ts +2 -2
  95. package/src/components/feedback/Progress/utils/progress-calculator.ts +14 -32
  96. package/src/components/feedback/Result/Result.styles.ts +29 -29
  97. package/src/components/feedback/Result/Result.tsx +8 -20
  98. package/src/components/feedback/Result/Result.types.ts +7 -7
  99. package/src/components/feedback/Result/index.tsx +1 -1
  100. package/src/components/feedback/Toast/Toast.styles.ts +1 -1
  101. package/src/components/feedback/Toast/Toast.tsx +25 -13
  102. package/src/components/feedback/Tooltip/Tooltip.examples.tsx +21 -44
  103. package/src/components/feedback/Tooltip/Tooltip.styles.ts +16 -22
  104. package/src/components/feedback/Tooltip/Tooltip.test.tsx +1 -1
  105. package/src/components/feedback/Tooltip/Tooltip.tsx +65 -46
  106. package/src/components/feedback/Tooltip/Tooltip.types.ts +14 -20
  107. package/src/components/feedback/Tooltip/index.ts +1 -1
  108. package/src/components/feedback/Tooltip/index.tsx +12 -24
  109. package/src/components/feedback/index.tsx +54 -42
  110. package/src/components/form/Cascader/Cascader.styles.ts +2 -2
  111. package/src/components/form/Cascader/Cascader.tsx +84 -88
  112. package/src/components/form/Cascader/Cascader.types.ts +49 -50
  113. package/src/components/form/Cascader/hooks/useCascaderFieldNames.ts +11 -8
  114. package/src/components/form/Cascader/hooks/useCascaderOptions.ts +73 -55
  115. package/src/components/form/Cascader/hooks/useCascaderState.ts +31 -25
  116. package/src/components/form/Cascader/index.ts +1 -1
  117. package/src/components/form/Cascader/utils/formatDisplayValue.ts +4 -4
  118. package/src/components/form/Checkbox/Checkbox.styles.ts +83 -84
  119. package/src/components/form/Checkbox/Checkbox.tsx +2 -9
  120. package/src/components/form/Checkbox/CheckboxGroup.tsx +7 -7
  121. package/src/components/form/DatePicker/DatePicker.test.tsx +1 -1
  122. package/src/components/form/DatePicker/DatePicker.tsx +91 -75
  123. package/src/components/form/DatePicker/DatePicker.types.ts +4 -1
  124. package/src/components/form/Form/Form.tsx +66 -504
  125. package/src/components/form/Form/Form.types.ts +16 -1
  126. package/src/components/form/Form/useFormLogic.ts +497 -0
  127. package/src/components/form/Input/Input.styles.ts +8 -1
  128. package/src/components/form/Input/Input.tsx +55 -291
  129. package/src/components/form/Input/Input.types.ts +13 -1
  130. package/src/components/form/Input/useInputLogic.test.ts +82 -0
  131. package/src/components/form/Input/useInputLogic.ts +260 -0
  132. package/src/components/form/InputNumber/InputNumber.styles.ts +76 -25
  133. package/src/components/form/InputNumber/InputNumber.tsx +53 -21
  134. package/src/components/form/InputNumber/InputNumber.types.ts +21 -3
  135. package/src/components/form/InputNumber/components/InputNumberClearButton.tsx +3 -11
  136. package/src/components/form/InputNumber/components/InputNumberControls.tsx +3 -12
  137. package/src/components/form/InputNumber/hooks/index.ts +1 -1
  138. package/src/components/form/InputNumber/hooks/useInputNumberState.ts +7 -9
  139. package/src/components/form/InputNumber/hooks/useInputNumberValidation.ts +18 -17
  140. package/src/components/form/InputNumber/index.ts +7 -7
  141. package/src/components/form/Radio/Radio.styles.ts +1 -8
  142. package/src/components/form/Radio/Radio.tsx +3 -9
  143. package/src/components/form/Radio/Radio.types.ts +5 -1
  144. package/src/components/form/Select/Select.styles.ts +5 -1
  145. package/src/components/form/Select/Select.tsx +15 -15
  146. package/src/components/form/Select/Select.types.ts +2 -1
  147. package/src/components/form/Slider/Slider.styles.ts +13 -13
  148. package/src/components/form/Slider/Slider.tsx +19 -33
  149. package/src/components/form/Slider/Slider.types.ts +14 -12
  150. package/src/components/form/Slider/index.tsx +2 -9
  151. package/src/components/form/Switch/Switch.styles.ts +1 -7
  152. package/src/components/form/Switch/Switch.tsx +7 -13
  153. package/src/components/form/Textarea/Textarea.styles.ts +4 -4
  154. package/src/components/form/Textarea/Textarea.tsx +7 -1
  155. package/src/components/form/Textarea/Textarea.types.ts +4 -1
  156. package/src/components/form/TimePicker/TimePicker.styles.ts +8 -12
  157. package/src/components/form/TimePicker/TimePicker.tsx +122 -100
  158. package/src/components/form/TimePicker/TimePicker.types.ts +2 -2
  159. package/src/components/form/TimePicker/index.ts +1 -1
  160. package/src/components/form/Transfer/Transfer.styles.ts +3 -15
  161. package/src/components/form/Transfer/Transfer.tsx +146 -134
  162. package/src/components/form/Transfer/Transfer.types.ts +34 -26
  163. package/src/components/form/Transfer/components/TransferItem.tsx +55 -62
  164. package/src/components/form/Transfer/components/TransferList.tsx +212 -199
  165. package/src/components/form/Transfer/components/TransferOperations.tsx +52 -55
  166. package/src/components/form/Transfer/components/TransferPagination.tsx +115 -111
  167. package/src/components/form/Transfer/components/TransferSearch.tsx +52 -55
  168. package/src/components/form/Transfer/hooks/useTransferData.ts +91 -81
  169. package/src/components/form/Transfer/hooks/useTransferState.ts +22 -16
  170. package/src/components/form/Transfer/index.ts +2 -8
  171. package/src/components/form/Upload/Upload.styles.ts +21 -21
  172. package/src/components/form/Upload/Upload.tsx +189 -142
  173. package/src/components/form/Upload/Upload.types.ts +31 -31
  174. package/src/components/form/Upload/index.tsx +1 -1
  175. package/src/components/form/index.tsx +60 -29
  176. package/src/components/index.tsx +0 -1
  177. package/src/components/layout/Affix/Affix.styles.ts +16 -11
  178. package/src/components/layout/Affix/Affix.tsx +67 -75
  179. package/src/components/layout/Affix/Affix.types.ts +18 -18
  180. package/src/components/layout/Affix/index.tsx +1 -1
  181. package/src/components/layout/Col/Col.styles.ts +17 -17
  182. package/src/components/layout/Col/Col.test.tsx +7 -5
  183. package/src/components/layout/Col/Col.tsx +3 -21
  184. package/src/components/layout/Col/Col.types.ts +1 -1
  185. package/src/components/layout/Container/Container.styles.ts +3 -1
  186. package/src/components/layout/Container/Container.tsx +2 -11
  187. package/src/components/layout/Grid/Grid.tsx +3 -53
  188. package/src/components/layout/Layout/Content.tsx +24 -32
  189. package/src/components/layout/Layout/Footer.tsx +24 -32
  190. package/src/components/layout/Layout/Header.tsx +24 -32
  191. package/src/components/layout/Layout/Layout.styles.ts +17 -17
  192. package/src/components/layout/Layout/Layout.tsx +14 -25
  193. package/src/components/layout/Layout/Layout.types.ts +29 -29
  194. package/src/components/layout/Layout/Sider.tsx +44 -56
  195. package/src/components/layout/Layout/index.tsx +16 -2
  196. package/src/components/layout/Row/Row.tsx +15 -43
  197. package/src/components/layout/Space/Space.tsx +3 -11
  198. package/src/components/layout/Space/Space.types.ts +1 -1
  199. package/src/components/layout/index.tsx +29 -19
  200. package/src/components/navigation/Menu/Menu.constants.ts +69 -0
  201. package/src/components/navigation/Menu/Menu.stories.tsx +107 -0
  202. package/src/components/navigation/Menu/Menu.styles.ts +25 -37
  203. package/src/components/navigation/Menu/Menu.tsx +8 -11
  204. package/src/components/navigation/Menu/Menu.types.ts +2 -2
  205. package/src/components/navigation/Menu/Menu.utils.ts +17 -17
  206. package/src/components/navigation/Menu/MenuItem.tsx +9 -11
  207. package/src/components/navigation/Menu/SubMenu.tsx +8 -6
  208. package/src/components/navigation/Menu/index.tsx +4 -69
  209. package/src/components/navigation/NavBar/NavBar.styles.ts +1 -1
  210. package/src/components/navigation/NavBar/NavBar.tsx +7 -10
  211. package/src/components/navigation/NavBar/NavBar.types.ts +3 -3
  212. package/src/components/navigation/NavBar/index.tsx +1 -1
  213. package/src/components/navigation/Pagination/Pagination.test.tsx +2 -3
  214. package/src/components/navigation/Pagination/Pagination.tsx +3 -3
  215. package/src/components/navigation/Pagination/Pagination.types.ts +3 -2
  216. package/src/components/navigation/Pagination/index.ts +9 -3
  217. package/src/components/navigation/Steps/Step.tsx +24 -44
  218. package/src/components/navigation/Steps/Steps.styles.ts +28 -13
  219. package/src/components/navigation/Steps/Steps.test.tsx +2 -0
  220. package/src/components/navigation/Steps/Steps.tsx +88 -89
  221. package/src/components/navigation/Steps/Steps.types.ts +30 -30
  222. package/src/components/navigation/Steps/index.tsx +1 -1
  223. package/src/components/navigation/Tabs/Tabs.test.tsx +3 -2
  224. package/src/components/navigation/Tabs/Tabs.types.ts +4 -3
  225. package/src/components/navigation/index.tsx +21 -16
  226. package/src/constants/index.ts +1 -1
  227. package/src/hooks/index.ts +52 -102
  228. package/src/hooks/types.ts +4 -5
  229. package/src/hooks/useAsync.ts +46 -47
  230. package/src/hooks/useClickOutside.ts +52 -0
  231. package/src/hooks/useCounter.ts +87 -0
  232. package/src/hooks/useDebounce.ts +150 -0
  233. package/src/hooks/useDeepCompareEffect.ts +88 -0
  234. package/src/hooks/useEventListener.ts +77 -0
  235. package/src/hooks/useMediaQuery.ts +75 -0
  236. package/src/hooks/useMutation.ts +233 -0
  237. package/src/hooks/usePerformance.ts +1 -64
  238. package/src/hooks/usePlatform.ts +3 -1
  239. package/src/hooks/usePrevious.ts +25 -0
  240. package/src/hooks/useRequest.ts +12 -7
  241. package/src/hooks/useStateManagement.ts +1 -1
  242. package/src/hooks/useStorage.ts +169 -0
  243. package/src/hooks/useStyle.ts +8 -2
  244. package/src/hooks/useToggle.ts +54 -0
  245. package/src/index.ts +34 -9
  246. package/src/theme/ThemeProvider.tsx +3 -7
  247. package/src/theme/ThemeProvider.types.ts +1 -1
  248. package/src/theme/defaults.ts +1 -1
  249. package/src/theme/design-system.ts +2 -2
  250. package/src/theme/design-tokens.ts +85 -99
  251. package/src/theme/generated/dark-theme.scss +1 -1
  252. package/src/theme/generated/tokens.scss +82 -18
  253. package/src/theme/index.ts +8 -29
  254. package/src/theme/responsive.tsx +36 -34
  255. package/src/theme/styles.ts +1 -1
  256. package/src/theme/useThemeUtils.ts +43 -43
  257. package/src/theme/utils.ts +32 -32
  258. package/src/theme/variables.ts +70 -51
  259. package/src/types/accessibility.ts +36 -37
  260. package/src/types/button.ts +25 -27
  261. package/src/types/component-props.ts +6 -1
  262. package/src/types/glob.d.ts +4 -0
  263. package/src/types/index.ts +2 -2
  264. package/src/types/standardized-components.ts +9 -3
  265. package/src/types/utils.ts +13 -23
  266. package/src/utils/__tests__/responsiveUtils.test.ts +5 -4
  267. package/src/utils/abort-controller.ts +48 -0
  268. package/src/utils/cache.ts +2 -6
  269. package/src/utils/createNamespace.ts +4 -4
  270. package/src/utils/environment.ts +26 -6
  271. package/src/utils/error-handler.ts +2 -2
  272. package/src/utils/errorLogger.ts +16 -20
  273. package/src/utils/formatUtils.ts +38 -70
  274. package/src/utils/http/error-codes.ts +314 -0
  275. package/src/utils/http/http-client.test.ts +63 -0
  276. package/src/utils/{network → http}/http-client.ts +45 -35
  277. package/src/utils/http/request-cache.ts +127 -0
  278. package/src/utils/http/request.ts +954 -0
  279. package/src/utils/http/taro-adapter.test.ts +74 -0
  280. package/src/utils/http/taro-adapter.ts +24 -0
  281. package/src/utils/http/types.ts +414 -0
  282. package/src/utils/http/web-adapter.ts +33 -0
  283. package/src/utils/index.ts +5 -8
  284. package/src/utils/inputValidator.ts +17 -14
  285. package/src/utils/performance/performance.ts +60 -71
  286. package/src/utils/responsiveUtils.ts +7 -16
  287. package/src/utils/rtl-support.ts +29 -19
  288. package/src/utils/security/api-security.ts +47 -39
  289. package/src/utils/securityHeaders.ts +61 -67
  290. package/src/utils/typeHelpers.ts +10 -10
  291. package/src/utils/types/dataProcessing.ts +93 -92
  292. package/src/utils/types/typeHelpers.ts +31 -21
  293. package/src/utils/xssProtection.ts +96 -48
  294. package/dist/js/index-6NJ3A1Dn.js.map +0 -1
  295. package/dist/js/index-DffLRSro.js.map +0 -1
  296. package/src/components/form/Input/Input.enhanced.tsx +0 -732
  297. package/src/components/navigation/Menu/__tests__/Menu.test.tsx +0 -687
  298. package/src/components/navigation/Tree/Tree.styles.ts +0 -553
  299. package/src/components/navigation/Tree/Tree.test.basic.tsx +0 -7
  300. package/src/components/navigation/Tree/Tree.test.functional.tsx +0 -496
  301. package/src/components/navigation/Tree/Tree.test.import.check.tsx +0 -6
  302. package/src/components/navigation/Tree/Tree.test.import.tsx +0 -6
  303. package/src/components/navigation/Tree/Tree.test.minimal.tsx +0 -5
  304. package/src/components/navigation/Tree/Tree.test.simple.tsx +0 -30
  305. package/src/components/navigation/Tree/Tree.test.tsx +0 -908
  306. package/src/components/navigation/Tree/Tree.test.working.tsx +0 -673
  307. package/src/components/navigation/Tree/Tree.tsx +0 -600
  308. package/src/components/navigation/Tree/Tree.types.ts +0 -909
  309. package/src/components/navigation/Tree/Tree.utils.ts +0 -452
  310. package/src/components/navigation/Tree/index.ts +0 -33
  311. package/src/components/navigation/Tree/index.tsx +0 -23
  312. package/src/utils/network/http-client.test.ts +0 -18
@@ -1,452 +0,0 @@
1
- /**
2
- * Tree 工具类
3
- * 提供树形控件相关的工具函数
4
- */
5
-
6
- import type { TreeNode, TreeData, Key } from './Tree.types';
7
-
8
- /**
9
- * Tree 工具类
10
- */
11
- export class TreeUtils {
12
- /**
13
- * 扁平化树节点
14
- */
15
- static flattenTreeNodes(treeData: TreeData): TreeNode[] {
16
- const result: TreeNode[] = [];
17
-
18
- function traverse(nodes: TreeNode[]) {
19
- nodes.forEach(node => {
20
- result.push(node);
21
- if (node.children && node.children.length > 0) {
22
- traverse(node.children);
23
- }
24
- });
25
- }
26
-
27
- traverse(treeData);
28
- return result;
29
- }
30
-
31
- /**
32
- * 根据key查找节点
33
- */
34
- static getNodeByKey(treeData: TreeData, key: Key): TreeNode | null {
35
- function traverse(nodes: TreeNode[]): TreeNode | null {
36
- for (const node of nodes) {
37
- if (node.key === key) {
38
- return node;
39
- }
40
- if (node.children && node.children.length > 0) {
41
- const found = traverse(node.children);
42
- if (found) return found;
43
- }
44
- }
45
- return null;
46
- }
47
-
48
- return traverse(treeData);
49
- }
50
-
51
- /**
52
- * 根据keys获取节点数组
53
- */
54
- static getNodesByKeys(treeData: TreeData, keys: Key[]): TreeNode[] {
55
- return keys
56
- .map(key => this.getNodeByKey(treeData, key))
57
- .filter((node): node is TreeNode => node !== null);
58
- }
59
-
60
- /**
61
- * 获取父节点keys
62
- */
63
- static getParentKeys(treeData: TreeData, targetKeys: Key[]): Key[] {
64
- const parentKeys: Set<Key> = new Set();
65
-
66
- function traverse(nodes: TreeNode[], parentKey?: Key) {
67
- nodes.forEach(node => {
68
- if (targetKeys.includes(node.key) && parentKey !== undefined) {
69
- parentKeys.add(parentKey);
70
- }
71
- if (node.children && node.children.length > 0) {
72
- traverse(node.children, node.key);
73
- }
74
- });
75
- }
76
-
77
- traverse(treeData);
78
- return Array.from(parentKeys);
79
- }
80
-
81
- /**
82
- * 获取选中状态下的keys
83
- */
84
- static getCheckedKeys(
85
- treeData: TreeData,
86
- key: Key,
87
- checked: boolean,
88
- currentCheckedKeys: Key[],
89
- currentHalfCheckedKeys: Key[]
90
- ): { checkedKeys: Key[]; halfCheckedKeys: Key[] } {
91
- const node = this.getNodeByKey(treeData, key);
92
- if (!node) {
93
- return { checkedKeys: currentCheckedKeys, halfCheckedKeys: currentHalfCheckedKeys };
94
- }
95
-
96
- const checkedKeys = new Set(currentCheckedKeys);
97
- const halfCheckedKeys = new Set(currentHalfCheckedKeys);
98
-
99
- if (checked) {
100
- // 选中节点及其所有子节点
101
- const addKeys = (nodes: TreeNode[]) => {
102
- nodes.forEach(n => {
103
- checkedKeys.add(n.key);
104
- halfCheckedKeys.delete(n.key);
105
- if (n.children && n.children.length > 0) {
106
- addKeys(n.children);
107
- }
108
- });
109
- };
110
- addKeys([node]);
111
-
112
- // 更新父节点状态
113
- this.updateParentKeys(treeData, key, checkedKeys, halfCheckedKeys);
114
- } else {
115
- // 取消选中节点及其所有子节点
116
- const removeKeys = (nodes: TreeNode[]) => {
117
- nodes.forEach(n => {
118
- checkedKeys.delete(n.key);
119
- halfCheckedKeys.delete(n.key);
120
- if (n.children && n.children.length > 0) {
121
- removeKeys(n.children);
122
- }
123
- });
124
- };
125
- removeKeys([node]);
126
-
127
- // 更新父节点状态
128
- this.updateParentKeys(treeData, key, checkedKeys, halfCheckedKeys);
129
- }
130
-
131
- return {
132
- checkedKeys: Array.from(checkedKeys),
133
- halfCheckedKeys: Array.from(halfCheckedKeys),
134
- };
135
- }
136
-
137
- /**
138
- * 更新父节点的选中状态
139
- */
140
- private static updateParentKeys(
141
- treeData: TreeData,
142
- childKey: Key,
143
- checkedKeys: Set<Key>,
144
- halfCheckedKeys: Set<Key>
145
- ): void {
146
- const parentMap = this.buildParentMap(treeData);
147
- let currentKey = childKey;
148
-
149
- while (parentMap[currentKey]) {
150
- const parentKey = parentMap[currentKey];
151
- if (!parentKey) break;
152
- const parentNode = this.getNodeByKey(treeData, parentKey);
153
-
154
- if (!parentNode) break;
155
-
156
- const children = parentNode.children || [];
157
- const checkedCount = children.filter(child => checkedKeys.has(child.key)).length;
158
- const halfCheckedCount = children.filter(child => halfCheckedKeys.has(child.key)).length;
159
-
160
- if (checkedCount === children.length) {
161
- // 所有子节点都选中,父节点也选中
162
- checkedKeys.add(parentKey);
163
- halfCheckedKeys.delete(parentKey);
164
- } else if (checkedCount > 0 || halfCheckedCount > 0) {
165
- // 部分子节点选中,父节点半选中
166
- checkedKeys.delete(parentKey);
167
- halfCheckedKeys.add(parentKey);
168
- } else {
169
- // 没有子节点选中,父节点取消选中
170
- checkedKeys.delete(parentKey);
171
- halfCheckedKeys.delete(parentKey);
172
- }
173
-
174
- currentKey = parentKey;
175
- }
176
- }
177
-
178
- /**
179
- * 构建父节点映射
180
- */
181
- private static buildParentMap(treeData: TreeData): Record<Key, Key> {
182
- const parentMap: Record<Key, Key> = {};
183
-
184
- function traverse(nodes: TreeNode[], parentKey?: Key) {
185
- nodes.forEach(node => {
186
- if (parentKey !== undefined) {
187
- parentMap[node.key] = parentKey;
188
- }
189
- if (node.children && node.children.length > 0) {
190
- traverse(node.children, node.key);
191
- }
192
- });
193
- }
194
-
195
- traverse(treeData);
196
- return parentMap;
197
- }
198
-
199
- /**
200
- * 过滤树节点
201
- */
202
- static filterTreeNodes(treeData: TreeData, filterFn: (node: TreeNode) => boolean): TreeData {
203
- function filter(nodes: TreeNode[]): TreeNode[] {
204
- return nodes
205
- .map(node => ({ ...node }))
206
- .filter(node => {
207
- const keepNode = filterFn(node);
208
- if (node.children && node.children.length > 0) {
209
- const filteredChildren = filter(node.children);
210
- node.children = filteredChildren;
211
- return keepNode || filteredChildren.length > 0;
212
- }
213
- return keepNode;
214
- });
215
- }
216
-
217
- return filter(treeData);
218
- }
219
-
220
- /**
221
- * 获取展开的路径
222
- */
223
- static getExpandPath(treeData: TreeData, targetKey: Key): Key[] {
224
- const path: Key[] = [];
225
-
226
- function traverse(nodes: TreeNode[], currentPath: Key[]): boolean {
227
- for (const node of nodes) {
228
- const newPath = [...currentPath, node.key];
229
-
230
- if (node.key === targetKey) {
231
- path.push(...newPath.slice(0, -1)); // 不包含目标节点本身
232
- return true;
233
- }
234
-
235
- if (node.children && node.children.length > 0) {
236
- if (traverse(node.children, newPath)) {
237
- return true;
238
- }
239
- }
240
- }
241
- return false;
242
- }
243
-
244
- traverse(treeData, []);
245
- return path;
246
- }
247
-
248
- /**
249
- * 获取选中节点的路径
250
- */
251
- static getSelectedPath(treeData: TreeData, selectedKeys: Key[]): Key[][] {
252
- return selectedKeys.map(key => this.getExpandPath(treeData, key));
253
- }
254
-
255
- /**
256
- * 检查节点是否可见
257
- */
258
- static isNodeVisible(treeData: TreeData, nodeKey: Key, expandedKeys: Key[]): boolean {
259
- const path = this.getExpandPath(treeData, nodeKey);
260
- return path.every(key => expandedKeys.includes(key));
261
- }
262
-
263
- /**
264
- * 获取节点的层级
265
- */
266
- static getNodeLevel(treeData: TreeData, targetKey: Key): number {
267
- function traverse(nodes: TreeNode[], level: number): number {
268
- for (const node of nodes) {
269
- if (node.key === targetKey) {
270
- return level;
271
- }
272
- if (node.children && node.children.length > 0) {
273
- const found = traverse(node.children, level + 1);
274
- if (found !== -1) return found;
275
- }
276
- }
277
- return -1;
278
- }
279
-
280
- return traverse(treeData, 0);
281
- }
282
-
283
- /**
284
- * 获取节点的兄弟节点
285
- */
286
- static getSiblings(treeData: TreeData, nodeKey: Key): TreeNode[] {
287
- const parentMap = this.buildParentMap(treeData);
288
- const parentKey = parentMap[nodeKey];
289
-
290
- if (!parentKey) {
291
- // 根节点
292
- return treeData.filter(node => node.key !== nodeKey);
293
- }
294
-
295
- const parentNode = this.getNodeByKey(treeData, parentKey);
296
- return parentNode?.children?.filter(node => node.key !== nodeKey) || [];
297
- }
298
-
299
- /**
300
- * 获取节点在兄弟节点中的索引
301
- */
302
- static getNodeIndex(treeData: TreeData, nodeKey: Key): number {
303
- const siblings = this.getSiblings(treeData, nodeKey);
304
- return siblings.findIndex(node => node.key === nodeKey);
305
- }
306
-
307
- /**
308
- * 移动节点
309
- */
310
- static moveNode(treeData: TreeData, sourceKey: Key, targetKey: Key, position: 'before' | 'after' | 'inside'): TreeData {
311
- const newTreeData = JSON.parse(JSON.stringify(treeData));
312
-
313
- // 找到源节点
314
- const sourceNode = this.getNodeByKey(newTreeData, sourceKey);
315
- if (!sourceNode) return treeData;
316
-
317
- // 从原位置移除源节点
318
- this.removeNodeByKey(newTreeData, sourceKey);
319
-
320
- // 找到目标位置并插入
321
- if (position === 'inside') {
322
- const targetNode = this.getNodeByKey(newTreeData, targetKey);
323
- if (targetNode) {
324
- targetNode.children = targetNode.children || [];
325
- targetNode.children.push(sourceNode);
326
- }
327
- } else {
328
- this.insertNode(newTreeData, sourceNode, targetKey, position);
329
- }
330
-
331
- return newTreeData;
332
- }
333
-
334
- /**
335
- * 根据key移除节点
336
- */
337
- private static removeNodeByKey(treeData: TreeData, key: Key): boolean {
338
- for (let i = 0; i < treeData.length; i++) {
339
- const node = treeData[i];
340
- if (node?.key === key) {
341
- treeData.splice(i, 1);
342
- return true;
343
- }
344
- if (node?.children && node.children.length > 0) {
345
- if (this.removeNodeByKey(node.children, key)) {
346
- return true;
347
- }
348
- }
349
- }
350
- return false;
351
- }
352
-
353
- /**
354
- * 插入节点
355
- */
356
- private static insertNode(treeData: TreeData, node: TreeNode, targetKey: Key, position: 'before' | 'after'): boolean {
357
- for (let i = 0; i < treeData.length; i++) {
358
- const currentNode = treeData[i];
359
- if (currentNode?.key === targetKey) {
360
- const index = position === 'before' ? i : i + 1;
361
- treeData.splice(index, 0, node);
362
- return true;
363
- }
364
- if (currentNode?.children && currentNode.children.length > 0) {
365
- if (this.insertNode(currentNode.children, node, targetKey, position)) {
366
- return true;
367
- }
368
- }
369
- }
370
- return false;
371
- }
372
-
373
- /**
374
- * 验证树数据结构
375
- */
376
- static validateTreeData(treeData: TreeData): { valid: boolean; errors: string[] } {
377
- const errors: string[] = [];
378
- const keySet = new Set<Key>();
379
-
380
- function validate(nodes: TreeNode[], path: string = ''): void {
381
- nodes.forEach((node, index) => {
382
- const currentPath = path ? `${path}.${index}` : `root[${index}]`;
383
-
384
- // 检查key是否存在
385
- if (node.key === undefined || node.key === null) {
386
- errors.push(`Node at ${currentPath} is missing key`);
387
- return;
388
- }
389
-
390
- // 检查key是否重复
391
- if (keySet.has(node.key)) {
392
- errors.push(`Duplicate key "${node.key}" found at ${currentPath}`);
393
- }
394
- keySet.add(node.key);
395
-
396
- // 检查title是否存在
397
- if (node.title === undefined || node.title === null) {
398
- errors.push(`Node at ${currentPath} is missing title`);
399
- }
400
-
401
- // 递归验证子节点
402
- if (node.children && node.children.length > 0) {
403
- validate(node.children, `${currentPath}.children`);
404
- }
405
- });
406
- }
407
-
408
- validate(treeData);
409
- return {
410
- valid: errors.length === 0,
411
- errors,
412
- };
413
- }
414
-
415
- /**
416
- * 获取树的统计信息
417
- */
418
- static getTreeStats(treeData: TreeData): {
419
- totalNodes: number;
420
- totalLeaves: number;
421
- maxDepth: number;
422
- maxChildren: number;
423
- } {
424
- let totalNodes = 0;
425
- let totalLeaves = 0;
426
- let maxDepth = 0;
427
- let maxChildren = 0;
428
-
429
- function traverse(nodes: TreeNode[], depth: number): void {
430
- totalNodes += nodes.length;
431
- maxChildren = Math.max(maxChildren, nodes.length);
432
-
433
- nodes.forEach(node => {
434
- if (node.children && node.children.length > 0) {
435
- traverse(node.children, depth + 1);
436
- } else {
437
- totalLeaves++;
438
- }
439
- maxDepth = Math.max(maxDepth, depth);
440
- });
441
- }
442
-
443
- traverse(treeData, 1);
444
-
445
- return {
446
- totalNodes,
447
- totalLeaves,
448
- maxDepth,
449
- maxChildren,
450
- };
451
- }
452
- }
@@ -1,33 +0,0 @@
1
- /**
2
- * Tree 树形控件
3
- * 支持多级数据展示、选择、展开/收起等功能
4
- */
5
-
6
- export { Tree } from './Tree';
7
- export { TreeUtils } from './Tree.utils';
8
- export { getTreeStyles, getTreeClassNames } from './Tree.styles';
9
- export type {
10
- TreeNode,
11
- TreeData,
12
- TreeDataSource,
13
- TreeValue,
14
- TreeExpandedKeys,
15
- TreeSelectedKeys,
16
- TreeCheckedKeys,
17
- Key,
18
- TreeSize,
19
- TreeStatus,
20
- TreeExpandAction,
21
- TreeSelectionType,
22
- TreeCheckableType,
23
- TreeDraggableType,
24
- TreeNativeProps,
25
- TreeProps,
26
- TreeRef,
27
- TreeConfig,
28
- } from './Tree.types';
29
-
30
- export type { TreeTools } from './Tree.types';
31
-
32
- // 默认导出
33
- export { Tree as default } from './Tree';
@@ -1,23 +0,0 @@
1
- /**
2
- * Tree 树形控件组件导出
3
- */
4
-
5
- import { Tree } from './Tree';
6
- export { Tree } from './Tree';
7
- export type {
8
- TreeProps,
9
- TreeRef,
10
- TreeNode,
11
- TreeData,
12
- Key,
13
- TreeEvents,
14
- TreeValue,
15
- TreeSelectedKeys,
16
- TreeExpandedKeys,
17
- TreeCheckedKeys,
18
- } from './Tree.types';
19
-
20
- export { getTreeStyles, getTreeClassNames } from './Tree.styles';
21
- export { TreeUtils } from './Tree.utils';
22
-
23
- export default Tree;
@@ -1,18 +0,0 @@
1
- import { describe, expect, it, vi } from 'vitest';
2
- import { HttpClient } from './http-client';
3
-
4
- describe('HttpClient', () => {
5
- it('builds GET request and parses json', async () => {
6
- const client = new HttpClient({ baseUrl: 'https://example.com' });
7
- const mock = vi.spyOn(global, 'fetch' as any).mockResolvedValue({
8
- ok: true,
9
- status: 200,
10
- headers: new Headers({ 'content-type': 'application/json' }),
11
- json: async () => ({ ok: true }),
12
- text: async () => ''
13
- } as any);
14
- const res = await client.get('/api/test', { params: { q: 'x' } });
15
- expect(res).toEqual({ ok: true });
16
- mock.mockRestore();
17
- });
18
- });