@bioturing/components 0.15.0 → 0.15.2

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 (356) hide show
  1. package/dist/components/Badge/component.js +21 -0
  2. package/dist/components/Badge/component.js.map +1 -0
  3. package/dist/components/Badge/style.css +1 -0
  4. package/dist/components/Breadcrumb/component.js +46 -0
  5. package/dist/components/Breadcrumb/component.js.map +1 -0
  6. package/dist/components/Breadcrumb/style.css +1 -0
  7. package/dist/components/Breadcrumb/useItemRender.js +27 -0
  8. package/dist/components/Breadcrumb/useItemRender.js.map +1 -0
  9. package/dist/components/Button/component.js +9 -0
  10. package/dist/components/Button/component.js.map +1 -0
  11. package/dist/components/Button/style.css +1 -0
  12. package/dist/components/Checkbox/component.js +11 -0
  13. package/dist/components/Checkbox/component.js.map +1 -0
  14. package/dist/components/Checkbox/style.css +1 -0
  15. package/dist/components/CodeBlock/component.js +127 -0
  16. package/dist/components/CodeBlock/component.js.map +1 -0
  17. package/dist/components/CodeBlock/style.css +1 -0
  18. package/dist/components/DSRoot/component.js +21 -0
  19. package/dist/components/DSRoot/component.js.map +1 -0
  20. package/dist/components/DSRoot/context.js +9 -0
  21. package/dist/components/DSRoot/context.js.map +1 -0
  22. package/dist/components/DSRoot/style.css +1 -0
  23. package/dist/components/DropdownMenu/component.js +103 -0
  24. package/dist/components/DropdownMenu/component.js.map +1 -0
  25. package/dist/components/DropdownMenu/style.css +1 -0
  26. package/dist/components/Empty/component.js +48 -0
  27. package/dist/components/Empty/component.js.map +1 -0
  28. package/dist/components/Empty/style.css +1 -0
  29. package/dist/components/Field/component.js +30 -0
  30. package/dist/components/Field/component.js.map +1 -0
  31. package/dist/components/Field/style.css +1 -0
  32. package/dist/components/Form/component.js +23 -0
  33. package/dist/components/Form/component.js.map +1 -0
  34. package/dist/components/Form/item.js +30 -0
  35. package/dist/components/Form/item.js.map +1 -0
  36. package/dist/components/Form/style.css +1 -0
  37. package/dist/components/IconButton/component.js +49 -0
  38. package/dist/components/IconButton/component.js.map +1 -0
  39. package/dist/components/IconButton/style.css +1 -0
  40. package/dist/components/Input/component.js +25 -0
  41. package/dist/components/Input/component.js.map +1 -0
  42. package/dist/components/Modal/Modal.js +161 -0
  43. package/dist/components/Modal/Modal.js.map +1 -0
  44. package/dist/components/Modal/ModalProvider.js +70 -0
  45. package/dist/components/Modal/ModalProvider.js.map +1 -0
  46. package/dist/components/Modal/ModalService.js +25 -0
  47. package/dist/components/Modal/ModalService.js.map +1 -0
  48. package/dist/components/Modal/constants.js +5 -0
  49. package/dist/components/Modal/constants.js.map +1 -0
  50. package/dist/components/Modal/functions.js +27 -0
  51. package/dist/components/Modal/functions.js.map +1 -0
  52. package/dist/components/Modal/index.js +20 -0
  53. package/dist/components/Modal/index.js.map +1 -0
  54. package/dist/components/Modal/style.css +1 -0
  55. package/dist/components/Popover/component.js +12 -0
  56. package/dist/components/Popover/component.js.map +1 -0
  57. package/dist/components/PopupPanel/component.js +190 -0
  58. package/dist/components/PopupPanel/component.js.map +1 -0
  59. package/dist/components/PopupPanel/constants.js +5 -0
  60. package/dist/components/PopupPanel/constants.js.map +1 -0
  61. package/dist/components/PopupPanel/style.css +1 -0
  62. package/dist/components/Radio/component.js +22 -0
  63. package/dist/components/Radio/component.js.map +1 -0
  64. package/dist/components/Radio/style.css +1 -0
  65. package/dist/components/ScrollArea/component.js +40 -0
  66. package/dist/components/ScrollArea/component.js.map +1 -0
  67. package/dist/components/ScrollArea/style.css +1 -0
  68. package/dist/components/Segmented/component.js +9 -0
  69. package/dist/components/Segmented/component.js.map +1 -0
  70. package/dist/components/Segmented/style.css +1 -0
  71. package/dist/components/Select/component.js +135 -0
  72. package/dist/components/Select/component.js.map +1 -0
  73. package/dist/components/Select/style.css +1 -0
  74. package/dist/components/Slider/component.js +23 -0
  75. package/dist/components/Slider/component.js.map +1 -0
  76. package/dist/components/Spin/component.js +12 -0
  77. package/dist/components/Spin/component.js.map +1 -0
  78. package/dist/components/Spin/style.css +1 -0
  79. package/dist/components/Splitter/component.js +40 -0
  80. package/dist/components/Splitter/component.js.map +1 -0
  81. package/dist/components/Splitter/style.css +1 -0
  82. package/dist/components/Stack/Stack.js +37 -0
  83. package/dist/components/Stack/Stack.js.map +1 -0
  84. package/dist/components/Stack/StackChild.js +57 -0
  85. package/dist/components/Stack/StackChild.js.map +1 -0
  86. package/dist/components/Stack/index.js +9 -0
  87. package/dist/components/Stack/index.js.map +1 -0
  88. package/dist/components/Stack/style.css +1 -0
  89. package/dist/components/Switch/component.js +9 -0
  90. package/dist/components/Switch/component.js.map +1 -0
  91. package/dist/components/Switch/style.css +1 -0
  92. package/dist/components/Table/component.js +68 -0
  93. package/dist/components/Table/component.js.map +1 -0
  94. package/dist/components/Table/style.css +1 -0
  95. package/dist/components/Tag/component.js +30 -0
  96. package/dist/components/Tag/component.js.map +1 -0
  97. package/dist/components/Tag/style.css +1 -0
  98. package/dist/components/ThemeProvider/component.js +41 -0
  99. package/dist/components/ThemeProvider/component.js.map +1 -0
  100. package/dist/components/ThemeProvider/style.css +1 -0
  101. package/dist/components/Toast/component.js +101 -0
  102. package/dist/components/Toast/component.js.map +1 -0
  103. package/dist/components/Toast/function.js +25 -0
  104. package/dist/components/Toast/function.js.map +1 -0
  105. package/dist/components/Toast/style.css +1 -0
  106. package/dist/components/Tooltip/component.js +26 -0
  107. package/dist/components/Tooltip/component.js.map +1 -0
  108. package/dist/components/Tooltip/style.css +1 -0
  109. package/dist/components/Tour/component.js +35 -0
  110. package/dist/components/Tour/component.js.map +1 -0
  111. package/dist/components/Tour/style.css +1 -0
  112. package/dist/components/Transition/component.js +44 -0
  113. package/dist/components/Transition/component.js.map +1 -0
  114. package/dist/components/Tree/components.js +68 -0
  115. package/dist/components/Tree/components.js.map +1 -0
  116. package/dist/components/Tree/helpers.js +53 -0
  117. package/dist/components/Tree/helpers.js.map +1 -0
  118. package/dist/components/Tree/style.css +1 -0
  119. package/dist/components/Tree/useTreeCommon.js +86 -0
  120. package/dist/components/Tree/useTreeCommon.js.map +1 -0
  121. package/dist/components/Tree/useUniqueKeysTree.js +142 -0
  122. package/dist/components/Tree/useUniqueKeysTree.js.map +1 -0
  123. package/dist/components/Truncate/component.js +93 -0
  124. package/dist/components/Truncate/component.js.map +1 -0
  125. package/dist/components/Truncate/helpers.js +36 -0
  126. package/dist/components/Truncate/helpers.js.map +1 -0
  127. package/dist/components/Truncate/style.css +1 -0
  128. package/dist/components/Upload/component.js +39 -0
  129. package/dist/components/Upload/component.js.map +1 -0
  130. package/dist/components/Upload/dragger.js +23 -0
  131. package/dist/components/Upload/dragger.js.map +1 -0
  132. package/dist/components/Upload/hooks.js +18 -0
  133. package/dist/components/Upload/hooks.js.map +1 -0
  134. package/dist/components/Upload/item.js +84 -0
  135. package/dist/components/Upload/item.js.map +1 -0
  136. package/dist/components/Upload/utils.js +7 -0
  137. package/dist/components/Upload/utils.js.map +1 -0
  138. package/dist/components/VerticalCollapsiblePanel/component.js +125 -0
  139. package/dist/components/VerticalCollapsiblePanel/component.js.map +1 -0
  140. package/dist/components/VerticalCollapsiblePanel/style.css +1 -0
  141. package/dist/components/hooks/antd.js +22 -0
  142. package/dist/components/hooks/antd.js.map +1 -0
  143. package/dist/components/hooks/base-ui.js +47 -0
  144. package/dist/components/hooks/base-ui.js.map +1 -0
  145. package/dist/components/hooks/useCharts.js +28 -0
  146. package/dist/components/hooks/useCharts.js.map +1 -0
  147. package/dist/components/hooks/useControlledState.js +15 -0
  148. package/dist/components/hooks/useControlledState.js.map +1 -0
  149. package/dist/components/utils/WithAntdTokens.js +24 -0
  150. package/dist/components/utils/WithAntdTokens.js.map +1 -0
  151. package/dist/components/utils/antdUtils.js +58 -0
  152. package/dist/components/utils/antdUtils.js.map +1 -0
  153. package/dist/components/utils/cn.js +27 -0
  154. package/dist/components/utils/cn.js.map +1 -0
  155. package/dist/components/utils/isTracebackError.js +10 -0
  156. package/dist/components/utils/isTracebackError.js.map +1 -0
  157. package/dist/components/utils/reactToString.js +23 -0
  158. package/dist/components/utils/reactToString.js.map +1 -0
  159. package/dist/index.d.ts +2497 -3
  160. package/dist/index.js +188 -4004
  161. package/dist/index.js.map +1 -0
  162. package/dist/metadata.js +513 -0
  163. package/dist/metadata.js.map +1 -0
  164. package/dist/tailwind.css +1 -121
  165. package/dist/tailwind.d.ts +1 -0
  166. package/dist/tokens/and-theme/tokens.js +351 -0
  167. package/dist/tokens/and-theme/tokens.js.map +1 -0
  168. package/dist/tokens/charts/index.js +18 -0
  169. package/dist/tokens/charts/index.js.map +1 -0
  170. package/dist/tokens/charts/tokens.js +208 -0
  171. package/dist/tokens/charts/tokens.js.map +1 -0
  172. package/dist/tokens/utils.js +37 -0
  173. package/dist/tokens/utils.js.map +1 -0
  174. package/package.json +10 -108
  175. package/dist/Badge.css +0 -6
  176. package/dist/Badge.js +0 -41
  177. package/dist/Breadcrumb.css +0 -83
  178. package/dist/Breadcrumb.js +0 -92
  179. package/dist/Checkbox.css +0 -13
  180. package/dist/Checkbox.js +0 -12
  181. package/dist/CodeBlock.css +0 -213
  182. package/dist/CodeBlock.js +0 -644
  183. package/dist/Collapse.css +0 -21
  184. package/dist/Collapse.js +0 -49
  185. package/dist/DSRoot.css +0 -667
  186. package/dist/DSRoot.js +0 -1428
  187. package/dist/DropdownMenu.css +0 -95
  188. package/dist/DropdownMenu.js +0 -211
  189. package/dist/Empty.css +0 -19
  190. package/dist/Empty.js +0 -53
  191. package/dist/Field.css +0 -14
  192. package/dist/Field.js +0 -66
  193. package/dist/Form.css +0 -64
  194. package/dist/Form.js +0 -125
  195. package/dist/IconButton.css +0 -52
  196. package/dist/IconButton.js +0 -82
  197. package/dist/Input.js +0 -48
  198. package/dist/Modal.css +0 -317
  199. package/dist/Modal.js +0 -677
  200. package/dist/Popover.js +0 -10
  201. package/dist/PopupPanel.css +0 -170
  202. package/dist/PopupPanel.js +0 -333
  203. package/dist/Radio.css +0 -14
  204. package/dist/Radio.js +0 -24
  205. package/dist/ScrollArea.css +0 -64
  206. package/dist/ScrollArea.js +0 -50
  207. package/dist/Segmented.css +0 -16
  208. package/dist/Segmented.js +0 -10
  209. package/dist/Select.css +0 -24
  210. package/dist/Select.js +0 -157
  211. package/dist/Slider.js +0 -39
  212. package/dist/Spin.css +0 -36
  213. package/dist/Spin.js +0 -33
  214. package/dist/Splitter.css +0 -6
  215. package/dist/Splitter.js +0 -47
  216. package/dist/Switch.css +0 -7
  217. package/dist/Switch.js +0 -10
  218. package/dist/Table.css +0 -116
  219. package/dist/Table.js +0 -126
  220. package/dist/Tag.css +0 -17
  221. package/dist/Tag.js +0 -24
  222. package/dist/ThemeProvider.css +0 -39
  223. package/dist/ThemeProvider.js +0 -403
  224. package/dist/Toast.css +0 -622
  225. package/dist/Toast.js +0 -1401
  226. package/dist/Tooltip.css +0 -6
  227. package/dist/Tooltip.js +0 -36
  228. package/dist/Tour.css +0 -73
  229. package/dist/Tour.js +0 -54
  230. package/dist/Tree.js +0 -318
  231. package/dist/Truncate.css +0 -31
  232. package/dist/Truncate.js +0 -216
  233. package/dist/Upload.css +0 -144
  234. package/dist/Upload.js +0 -516
  235. package/dist/VerticalCollapsiblePanel.css +0 -193
  236. package/dist/VerticalCollapsiblePanel.js +0 -469
  237. package/dist/components/Badge/component.d.ts +0 -4
  238. package/dist/components/Badge/index.d.ts +0 -1
  239. package/dist/components/Breadcrumb/component.d.ts +0 -6
  240. package/dist/components/Breadcrumb/index.d.ts +0 -2
  241. package/dist/components/Breadcrumb/types.d.ts +0 -18
  242. package/dist/components/Breadcrumb/useItemRender.d.ts +0 -6
  243. package/dist/components/Button/component.d.ts +0 -8
  244. package/dist/components/Button/index.d.ts +0 -1
  245. package/dist/components/Checkbox/component.d.ts +0 -11
  246. package/dist/components/Checkbox/index.d.ts +0 -1
  247. package/dist/components/CodeBlock/component.d.ts +0 -3
  248. package/dist/components/CodeBlock/index.d.ts +0 -2
  249. package/dist/components/CodeBlock/types.d.ts +0 -59
  250. package/dist/components/Collapse/component.d.ts +0 -14
  251. package/dist/components/Collapse/index.d.ts +0 -1
  252. package/dist/components/DSRoot/component.d.ts +0 -14
  253. package/dist/components/DSRoot/context.d.ts +0 -7
  254. package/dist/components/DSRoot/index.d.ts +0 -1
  255. package/dist/components/DropdownMenu/component.d.ts +0 -31
  256. package/dist/components/DropdownMenu/index.d.ts +0 -2
  257. package/dist/components/Empty/component.d.ts +0 -13
  258. package/dist/components/Empty/index.d.ts +0 -1
  259. package/dist/components/Field/component.d.ts +0 -42
  260. package/dist/components/Field/index.d.ts +0 -1
  261. package/dist/components/Form/component.d.ts +0 -19
  262. package/dist/components/Form/index.d.ts +0 -1
  263. package/dist/components/Form/item.d.ts +0 -5
  264. package/dist/components/IconButton/component.d.ts +0 -30
  265. package/dist/components/IconButton/index.d.ts +0 -1
  266. package/dist/components/Input/component.d.ts +0 -30
  267. package/dist/components/Input/index.d.ts +0 -1
  268. package/dist/components/Modal/Modal.d.ts +0 -84
  269. package/dist/components/Modal/ModalProvider.d.ts +0 -5
  270. package/dist/components/Modal/ModalService.d.ts +0 -33
  271. package/dist/components/Modal/constants.d.ts +0 -9
  272. package/dist/components/Modal/functions.d.ts +0 -27
  273. package/dist/components/Modal/index.d.ts +0 -15
  274. package/dist/components/Popover/component.d.ts +0 -9
  275. package/dist/components/Popover/index.d.ts +0 -1
  276. package/dist/components/PopupPanel/component.d.ts +0 -61
  277. package/dist/components/PopupPanel/constants.d.ts +0 -7
  278. package/dist/components/PopupPanel/index.d.ts +0 -1
  279. package/dist/components/Radio/component.d.ts +0 -8
  280. package/dist/components/Radio/index.d.ts +0 -2
  281. package/dist/components/Radio/interface.d.ts +0 -5
  282. package/dist/components/ScrollArea/component.d.ts +0 -32
  283. package/dist/components/ScrollArea/index.d.ts +0 -1
  284. package/dist/components/Segmented/component.d.ts +0 -10
  285. package/dist/components/Segmented/index.d.ts +0 -1
  286. package/dist/components/Select/component.d.ts +0 -24
  287. package/dist/components/Select/index.d.ts +0 -1
  288. package/dist/components/Slider/component.d.ts +0 -5
  289. package/dist/components/Slider/index.d.ts +0 -1
  290. package/dist/components/Spin/component.d.ts +0 -4
  291. package/dist/components/Spin/index.d.ts +0 -1
  292. package/dist/components/Splitter/component.d.ts +0 -13
  293. package/dist/components/Splitter/index.d.ts +0 -1
  294. package/dist/components/Stack/Stack.d.ts +0 -39
  295. package/dist/components/Stack/StackChild.d.ts +0 -30
  296. package/dist/components/Stack/index.d.ts +0 -8
  297. package/dist/components/Switch/component.d.ts +0 -9
  298. package/dist/components/Switch/index.d.ts +0 -1
  299. package/dist/components/Table/component.d.ts +0 -20
  300. package/dist/components/Table/index.d.ts +0 -1
  301. package/dist/components/Tag/component.d.ts +0 -12
  302. package/dist/components/Tag/index.d.ts +0 -1
  303. package/dist/components/ThemeProvider/component.d.ts +0 -7
  304. package/dist/components/ThemeProvider/index.d.ts +0 -1
  305. package/dist/components/Toast/component.d.ts +0 -15
  306. package/dist/components/Toast/function.d.ts +0 -10
  307. package/dist/components/Toast/index.d.ts +0 -3
  308. package/dist/components/Toast/types.d.ts +0 -3
  309. package/dist/components/Tooltip/component.d.ts +0 -10
  310. package/dist/components/Tooltip/index.d.ts +0 -1
  311. package/dist/components/Tour/component.d.ts +0 -8
  312. package/dist/components/Tour/index.d.ts +0 -1
  313. package/dist/components/Transition/component.d.ts +0 -17
  314. package/dist/components/Transition/index.d.ts +0 -1
  315. package/dist/components/Tree/components.d.ts +0 -13
  316. package/dist/components/Tree/helpers.d.ts +0 -4
  317. package/dist/components/Tree/index.d.ts +0 -4
  318. package/dist/components/Tree/types.d.ts +0 -55
  319. package/dist/components/Tree/useTreeCommon.d.ts +0 -178
  320. package/dist/components/Tree/useUniqueKeysTree.d.ts +0 -33
  321. package/dist/components/Truncate/component.d.ts +0 -15
  322. package/dist/components/Truncate/helpers.d.ts +0 -5
  323. package/dist/components/Truncate/index.d.ts +0 -1
  324. package/dist/components/Upload/component.d.ts +0 -16
  325. package/dist/components/Upload/dragger.d.ts +0 -13
  326. package/dist/components/Upload/hooks.d.ts +0 -5
  327. package/dist/components/Upload/index.d.ts +0 -4
  328. package/dist/components/Upload/item.d.ts +0 -11
  329. package/dist/components/Upload/utils.d.ts +0 -1
  330. package/dist/components/VerticalCollapsiblePanel/component.d.ts +0 -65
  331. package/dist/components/VerticalCollapsiblePanel/index.d.ts +0 -1
  332. package/dist/components/hooks/antd.d.ts +0 -11
  333. package/dist/components/hooks/base-ui.d.ts +0 -7
  334. package/dist/components/hooks/index.d.ts +0 -4
  335. package/dist/components/hooks/useCharts.d.ts +0 -22
  336. package/dist/components/hooks/useControlledState.d.ts +0 -1
  337. package/dist/components/index.d.ts +0 -41
  338. package/dist/components/utils/WithAntdTokens.d.ts +0 -7
  339. package/dist/components/utils/antdUtils.d.ts +0 -15
  340. package/dist/components/utils/client.d.ts +0 -2
  341. package/dist/components/utils/cn.d.ts +0 -4
  342. package/dist/components/utils/index.d.ts +0 -3
  343. package/dist/components/utils/isTracebackError.d.ts +0 -1
  344. package/dist/components/utils/main.d.ts +0 -3
  345. package/dist/components/utils/reactToString.d.ts +0 -2
  346. package/dist/components/utils/types.d.ts +0 -9
  347. package/dist/hooks.js +0 -961
  348. package/dist/index.css +0 -1471
  349. package/dist/metadata.d.ts +0 -363
  350. package/dist/tokens/and-theme/index.d.ts +0 -1
  351. package/dist/tokens/and-theme/tokens.d.ts +0 -5
  352. package/dist/tokens/charts/index.d.ts +0 -6
  353. package/dist/tokens/charts/tokens.d.ts +0 -455
  354. package/dist/tokens/index.d.ts +0 -2
  355. package/dist/tokens/utils.d.ts +0 -16
  356. package/dist/utils.js +0 -120
package/dist/index.js CHANGED
@@ -1,4004 +1,188 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
2
- import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
3
- import * as __WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__ from "@bioturing/assets";
4
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_select_005d200f__ from "antd/es/select";
5
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_checkbox_80658bc3__ from "antd/es/checkbox";
6
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
7
- import * as __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__ from "@floating-ui/react";
8
- import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
9
- import * as __WEBPACK_EXTERNAL_MODULE_es_toolkit_82663681__ from "es-toolkit";
10
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_app_useApp_90d95086__ from "antd/es/app/useApp";
11
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_modal_52965d33__ from "antd/es/modal";
12
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__ from "antd/es/config-provider";
13
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_theme_useToken_e8911485__ from "antd/es/theme/useToken";
14
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_modal_context_bc73863f__ from "antd/es/modal/context";
15
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalCancelBtn_54ff398c__ from "antd/es/modal/components/NormalCancelBtn";
16
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalOkBtn_897b50c4__ from "antd/es/modal/components/NormalOkBtn";
17
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_modal_locale_f16c0933__ from "antd/es/modal/locale";
18
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_locale_31079002__ from "antd/es/locale";
19
- import * as __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_use_render_2fb9dc6d__ from "@base-ui-components/react/use-render";
20
- import * as __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_merge_props_04b69945__ from "@base-ui-components/react/merge-props";
21
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_switch_101feb97__ from "antd/es/switch";
22
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_segmented_6dbdbe23__ from "antd/es/segmented";
23
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__ from "antd/es/table";
24
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_empty_5eb61431__ from "antd/es/empty";
25
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_tag_1ccabaea__ from "antd/es/tag";
26
- import * as __WEBPACK_EXTERNAL_MODULE__ant_design_cssinjs_c619260f__ from "@ant-design/cssinjs";
27
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_splitter_Splitter_9b2d5564__ from "antd/es/splitter/Splitter";
28
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_splitter_Panel_2a8c0f35__ from "antd/es/splitter/Panel";
29
- import * as __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_menu_54c0c798__ from "@base-ui-components/react/menu";
30
- import * as __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_utils_d48cdb94__ from "@base-ui-components/react/utils";
31
- import * as __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__ from "@base-ui-components/react";
32
- import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__ from "react-dom";
33
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_upload_29096ddd__ from "antd/es/upload";
34
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_button_8f463bb4__ from "antd/es/button";
35
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_flex_86593150__ from "antd/es/flex";
36
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_progress_da1757d8__ from "antd/es/progress";
37
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_popover_ff5d0161__ from "antd/es/popover";
38
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_slider_a2f2f6f0__ from "antd/es/slider";
39
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_tooltip_1091cc47__ from "antd/es/tooltip";
40
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_breadcrumb_524ec91e__ from "antd/es/breadcrumb";
41
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_breadcrumb_useItemRender_afeae2fe__ from "antd/es/breadcrumb/useItemRender";
42
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_tree_05ca9855__ from "antd/es/tree";
43
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_spin_c7b761a0__ from "antd/es/spin";
44
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_form_ErrorList_c62fef91__ from "antd/es/form/ErrorList";
45
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_form_Form_38f624ac__ from "antd/es/form/Form";
46
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_form_FormList_8c66a51b__ from "antd/es/form/FormList";
47
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_form_context_0a1516eb__ from "antd/es/form/context";
48
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_form_hooks_useFormInstance_2ae86589__ from "antd/es/form/hooks/useFormInstance";
49
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_form_FormItem_940c64da__ from "antd/es/form/FormItem";
50
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_tour_6998cb50__ from "antd/es/tour";
51
- import * as __WEBPACK_EXTERNAL_MODULE_prism_react_renderer_be33806e__ from "prism-react-renderer";
52
- import * as __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__ from "@base-ui-components/react/popover";
53
- import * as __WEBPACK_EXTERNAL_MODULE_react_use_resizable_ad29d4b1__ from "react-use-resizable";
54
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_badge_f5f828f9__ from "antd/es/badge";
55
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_radio_e6b5c17a__ from "antd/es/radio";
56
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_app_App_698582f4__ from "antd/es/app/App";
57
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_theme_57fdaa32__ from "antd/es/theme";
58
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_grid_ec1d1712__ from "antd/es/grid";
59
- "use client";
60
- function useControlledState(value, onChange, defaultValue) {
61
- const [internalState, setInternalState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(defaultValue);
62
- const isControlled = void 0 !== value;
63
- const setState = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((next)=>{
64
- const nextValue = "function" == typeof next ? next(value) : next;
65
- if ("function" == typeof onChange) onChange(nextValue);
66
- if (!isControlled) setInternalState(next);
67
- }, [
68
- value,
69
- onChange,
70
- isControlled
71
- ]);
72
- const state = isControlled ? value : internalState;
73
- return [
74
- state,
75
- setState
76
- ];
77
- }
78
- function cx(...args) {
79
- const classes = [];
80
- for (const arg of args)if (arg) {
81
- if ("string" == typeof arg || "number" == typeof arg) classes.push(String(arg));
82
- else if (Array.isArray(arg)) classes.push(...cx(...arg));
83
- else if ("object" == typeof arg) {
84
- for (const [key, value] of Object.entries(arg))if (value) classes.push(key);
85
- }
86
- }
87
- return classes;
88
- }
89
- function clsx(...args) {
90
- return cx(...args).join(" ");
91
- }
92
- function cn(...args) {
93
- return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(cx(...args));
94
- }
95
- var constants_PopupPanelSize = /*#__PURE__*/ function(PopupPanelSize) {
96
- PopupPanelSize["xsmall"] = "320px";
97
- PopupPanelSize["small"] = "400px";
98
- PopupPanelSize["medium"] = "480px";
99
- PopupPanelSize["large"] = "640px";
100
- PopupPanelSize["xlarge"] = "840px";
101
- return PopupPanelSize;
102
- }({});
103
- const MainSelectInner = ({ mode, className, open: openProp, defaultOpen, onOpenChange, popupClassName, onDropdownVisibleChange, enhancePositioner, getPopupContainer, popupSize, popupRender, dropdownRender, classNames, styles = {}, ...rest }, ref)=>{
104
- var _classNames_popup;
105
- const portalNode = (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.useFloatingPortalNode)({});
106
- const isMultiple = "multiple" === mode || "tags" === mode;
107
- const [open, setOpen] = useControlledState(openProp, onOpenChange || onDropdownVisibleChange, defaultOpen);
108
- const { floatingStyles, refs } = (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.useFloating)({
109
- placement: "bottom-start",
110
- transform: false,
111
- open: enhancePositioner && open,
112
- middleware: [
113
- (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.offset)({
114
- mainAxis: 4
115
- }),
116
- (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.autoPlacement)({
117
- allowedPlacements: [
118
- "bottom-start",
119
- "bottom-end",
120
- "bottom",
121
- "top-start",
122
- "top-end",
123
- "top"
124
- ]
125
- }),
126
- (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.shift)({
127
- padding: 8
128
- }),
129
- (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.size)({
130
- padding: 8,
131
- apply ({ availableHeight, availableWidth, elements }) {
132
- elements.floating.style.setProperty("--available-width", availableWidth + "px");
133
- elements.floating.style.setProperty("--available-height", availableHeight + "px");
134
- }
135
- })
136
- ],
137
- whileElementsMounted: __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.autoUpdate
138
- });
139
- const dsPopupClassName = clsx("ds-select-popup", isMultiple && "ds-select-multiple", (null == classNames ? void 0 : null == (_classNames_popup = classNames.popup) ? void 0 : _classNames_popup.root) || popupClassName, enhancePositioner && "ds-select-popup-enhanced");
140
- const popupWidth = popupSize && "string" == typeof popupSize && popupSize in constants_PopupPanelSize ? constants_PopupPanelSize[popupSize] : "number" == typeof popupSize ? popupSize + "px" : popupSize || "fit-content";
141
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_select_005d200f__["default"], {
142
- ref: (node)=>{
143
- if (ref) if ("function" == typeof ref) ref(node);
144
- else ref.current = node;
145
- if (!node) return;
146
- refs.setReference(null == node ? void 0 : node.nativeElement);
147
- },
148
- suffixIcon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.CaretDown, {
149
- weight: "bold"
150
- }),
151
- open: open,
152
- onOpenChange: setOpen,
153
- popupClassName: dsPopupClassName,
154
- classNames: {
155
- popup: {
156
- root: dsPopupClassName
157
- },
158
- ...classNames
159
- },
160
- ...isMultiple ? {
161
- menuItemSelectedIcon: ({ isSelected })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
162
- className: "ant-select-checkbox-indicator",
163
- children: isSelected ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_checkbox_80658bc3__["default"], {
164
- checked: true
165
- }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_checkbox_80658bc3__["default"], {
166
- checked: false
167
- })
168
- })
169
- } : {},
170
- mode: mode,
171
- className: clsx("ds-select", className),
172
- styles: enhancePositioner ? (0, __WEBPACK_EXTERNAL_MODULE_es_toolkit_82663681__.toMerged)(styles, {
173
- popup: {
174
- root: {
175
- transition: "none",
176
- ...floatingStyles,
177
- "--ds-select-popup-width": popupWidth
178
- }
179
- }
180
- }) : styles,
181
- getPopupContainer: getPopupContainer || (enhancePositioner ? ()=>portalNode || document.body : void 0),
182
- popupRender: (menu)=>{
183
- const renderMenu = ()=>popupRender ? popupRender(menu) : dropdownRender ? dropdownRender(menu) : menu;
184
- if (!enhancePositioner) return renderMenu();
185
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
186
- children: [
187
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.FloatingOverlay, {
188
- lockScroll: true,
189
- onClick: ()=>setOpen(false)
190
- }),
191
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
192
- ref: (node)=>{
193
- if (!node) return;
194
- const popupEl = node.closest(".ds-select-dropdown");
195
- refs.setFloating(popupEl);
196
- },
197
- children: renderMenu()
198
- })
199
- ]
200
- });
201
- },
202
- ...rest
203
- });
204
- };
205
- const MainSelect = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(MainSelectInner);
206
- const Select = Object.assign(MainSelect, {
207
- Option: __WEBPACK_EXTERNAL_MODULE_antd_es_select_005d200f__["default"].Option,
208
- OptGroup: __WEBPACK_EXTERNAL_MODULE_antd_es_select_005d200f__["default"].OptGroup
209
- });
210
- "use client";
211
- const useGetPrefixCls = ()=>{
212
- const { getPrefixCls } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__["default"].ConfigContext);
213
- return {
214
- getPrefixCls
215
- };
216
- };
217
- const useAntdCssVarClassname = ()=>{
218
- var _token_;
219
- const token = (0, __WEBPACK_EXTERNAL_MODULE_antd_es_theme_useToken_e8911485__["default"])();
220
- return null == (_token_ = token[4]) ? void 0 : _token_.key;
221
- };
222
- const useCls = ()=>{
223
- const { getPrefixCls } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__["default"].ConfigContext);
224
- return (...args)=>cx(...args).map((cls)=>getPrefixCls(cls)).join(" ");
225
- };
226
- function splitCamelCase(text) {
227
- const result = [];
228
- let currentWord = "";
229
- for (const char of text)if (char >= "A" && char <= "Z") {
230
- if (currentWord) result.push(currentWord);
231
- currentWord = char.toLowerCase();
232
- } else currentWord += char;
233
- if (currentWord) result.push(currentWord);
234
- return result.length > 0 ? result : [
235
- text
236
- ];
237
- }
238
- const parseAntdPlacement = (placement = "bottomLeft")=>{
239
- const [position1, position2] = splitCamelCase(placement);
240
- let primaryPlacement;
241
- let align = "center";
242
- if ("top" === position1 || "bottom" === position1) {
243
- primaryPlacement = position1;
244
- if (position2) switch(position2){
245
- case "left":
246
- align = "start";
247
- break;
248
- case "right":
249
- align = "end";
250
- break;
251
- }
252
- } else if ("left" === position1 || "right" === position1) {
253
- primaryPlacement = position1;
254
- if (position2) switch(position2){
255
- case "top":
256
- align = "start";
257
- break;
258
- case "bottom":
259
- align = "end";
260
- break;
261
- }
262
- } else primaryPlacement = "bottom";
263
- return {
264
- placement: primaryPlacement,
265
- align
266
- };
267
- };
268
- "use client";
269
- const IconButtonImpl = (props, ref)=>{
270
- const { label, size = "medium", negativeMargin = true, children, className, tooltipProps = {}, as, href, target, rel, download, hrefLang, referrerPolicy, ...rest } = props;
271
- const cls = useCls();
272
- const antdCssVarClassname = useAntdCssVarClassname();
273
- const buttonClasses = [
274
- cls("icon-button"),
275
- cls(`icon-button-${size}`),
276
- cls(negativeMargin ? "icon-button-negative-margin" : ""),
277
- antdCssVarClassname,
278
- className
279
- ].filter(Boolean).join(" ");
280
- const Component = as || (href ? "a" : "button");
281
- const anchorProps = "a" === Component ? {
282
- ...void 0 !== target && {
283
- target
284
- },
285
- ...void 0 !== rel && {
286
- rel
287
- },
288
- ...void 0 !== download && {
289
- download
290
- },
291
- ...void 0 !== hrefLang && {
292
- hrefLang
293
- },
294
- ...void 0 !== referrerPolicy && {
295
- referrerPolicy
296
- }
297
- } : {};
298
- const elementProps = {
299
- ref,
300
- className: buttonClasses,
301
- ..."button" === Component && {
302
- type: "button"
303
- },
304
- ...href && {
305
- href
306
- },
307
- ...anchorProps,
308
- ...rest
309
- };
310
- const element = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Component, {
311
- ...elementProps,
312
- children: children
313
- });
314
- return label ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Tooltip, {
315
- title: label,
316
- arrow: false,
317
- ...tooltipProps,
318
- children: element
319
- }) : element;
320
- };
321
- const IconButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(IconButtonImpl);
322
- var constants_ModalSize = /*#__PURE__*/ function(ModalSize) {
323
- ModalSize["xsmall"] = "400px";
324
- ModalSize["small"] = "520px";
325
- ModalSize["medium"] = "640px";
326
- ModalSize["large"] = "840px";
327
- ModalSize["xlarge"] = "1024px";
328
- ModalSize["xxlarge"] = "1280px";
329
- ModalSize["fullscreen"] = "100%";
330
- return ModalSize;
331
- }({});
332
- const measureText = (container)=>{
333
- const span = document.createElement("span");
334
- span.style.opacity = "0";
335
- span.style.position = "absolute";
336
- span.style.top = "-1000px";
337
- span.style.left = "-1000px";
338
- span.style.whiteSpace = "nowrap";
339
- span.style.pointerEvents = "none";
340
- container.appendChild(span);
341
- return {
342
- measure: (text)=>{
343
- span.innerText = text;
344
- return span.clientWidth;
345
- },
346
- destroy: ()=>{
347
- container.removeChild(span);
348
- }
349
- };
350
- };
351
- const getMiddleTruncatedString = (text, ellipsis, container)=>{
352
- var _Object_values_reverse_find;
353
- if (!text) return text;
354
- const { measure: getTextWidth, destroy: destroyMeasure } = measureText(container);
355
- const textWidth = getTextWidth(text);
356
- const containerWidth = container.clientWidth;
357
- const initialOffset = Math.floor(containerWidth / textWidth * text.length);
358
- if (textWidth <= containerWidth) {
359
- destroyMeasure();
360
- return text;
361
- }
362
- let offset = initialOffset;
363
- const attempts = {};
364
- const maxAttempts = 20;
365
- const buffer = 10;
366
- while(Object.values(attempts).length <= maxAttempts){
367
- if (attempts[offset]) break;
368
- if (offset <= 1) {
369
- attempts[0] = [
370
- 0,
371
- ellipsis
372
- ];
373
- break;
374
- }
375
- const start = text.slice(0, Math.ceil((offset - ellipsis.length) / 2 - 1)).trimEnd();
376
- const end = text.slice(Math.floor((offset - ellipsis.length) / 2) - offset).trimStart();
377
- const truncatedStr = start + ellipsis + end;
378
- const width = getTextWidth(truncatedStr);
379
- attempts[offset] = [
380
- width,
381
- truncatedStr
382
- ];
383
- if (width >= containerWidth) offset -= 2;
384
- else {
385
- if (containerWidth - width < buffer) break;
386
- offset += 2;
387
- }
388
- }
389
- destroyMeasure();
390
- return (null == (_Object_values_reverse_find = Object.values(attempts).reverse().find(([width])=>width < containerWidth)) ? void 0 : _Object_values_reverse_find[1]) ?? Object.values(attempts)[0][1];
391
- };
392
- "use client";
393
- const Truncate = ({ children, position = "end", lines = 1, className, style, ...rest })=>{
394
- const cls = useCls();
395
- const containerRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
396
- const [isTruncated, setIsTruncated] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
397
- const [truncatedText, setTruncatedText] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(children);
398
- const text = children;
399
- const getContainerStyles = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
400
- if ("auto" !== lines) return {
401
- ...style,
402
- ...lines > 1 ? {
403
- "--ds-line-clamp": lines
404
- } : {}
405
- };
406
- return {
407
- ...style,
408
- "--ds-line-clamp": 999
409
- };
410
- }, [
411
- lines,
412
- style
413
- ]);
414
- (0, __WEBPACK_EXTERNAL_MODULE_react__.useLayoutEffect)(()=>{
415
- const container = containerRef.current;
416
- if (!container) return;
417
- if ("auto" === lines) {
418
- var _window_document_fonts_ready, _window_document_fonts;
419
- setTruncatedText(text);
420
- const calculateLines = ()=>{
421
- const parent = container.parentElement;
422
- if (!parent) return;
423
- const styles = window.getComputedStyle(container);
424
- const fontSize = parseFloat(styles.fontSize);
425
- const lineHeight = "normal" === styles.lineHeight ? 1.2 * fontSize : parseFloat(styles.lineHeight);
426
- const parentStyles = window.getComputedStyle(parent);
427
- const paddingTop = parseFloat(parentStyles.paddingTop) || 0;
428
- const paddingBottom = parseFloat(parentStyles.paddingBottom) || 0;
429
- const borderTopWidth = parseFloat(parentStyles.borderTopWidth) || 0;
430
- const borderBottomWidth = parseFloat(parentStyles.borderBottomWidth) || 0;
431
- const parentHeight = parent.clientHeight;
432
- const availableHeight = parentHeight - paddingTop - paddingBottom - borderTopWidth - borderBottomWidth;
433
- const maxLines = Math.max(1, Math.floor(availableHeight / lineHeight));
434
- if (container) container.style.setProperty("--ds-line-clamp", String(maxLines));
435
- const clone = document.createElement("span");
436
- clone.style.visibility = "hidden";
437
- clone.style.position = "absolute";
438
- clone.style.width = `${container.clientWidth}px`;
439
- clone.style.fontSize = styles.fontSize;
440
- clone.style.fontFamily = styles.fontFamily;
441
- clone.style.lineHeight = styles.lineHeight;
442
- clone.textContent = text;
443
- document.body.appendChild(clone);
444
- const isTruncated = clone.scrollHeight > availableHeight;
445
- document.body.removeChild(clone);
446
- setIsTruncated(isTruncated);
447
- };
448
- null == (_window_document_fonts = window.document.fonts) || null == (_window_document_fonts_ready = _window_document_fonts.ready) || _window_document_fonts_ready.then(calculateLines);
449
- const observer = new ResizeObserver(()=>{
450
- window.requestAnimationFrame(calculateLines);
451
- });
452
- observer.observe(container);
453
- if (container.parentElement) observer.observe(container.parentElement);
454
- return ()=>observer.disconnect();
455
- }
456
- if ("number" == typeof lines && lines > 1) {
457
- var _window_document_fonts_ready1, _window_document_fonts1;
458
- setTruncatedText(text);
459
- const checkIfTruncated = ()=>{
460
- const clone = document.createElement("span");
461
- clone.style.visibility = "hidden";
462
- clone.style.position = "absolute";
463
- clone.style.width = `${container.clientWidth}px`;
464
- clone.textContent = text;
465
- document.body.appendChild(clone);
466
- const isTruncated = clone.scrollHeight > (container.clientHeight || container.offsetHeight);
467
- document.body.removeChild(clone);
468
- setIsTruncated(isTruncated);
469
- };
470
- null == (_window_document_fonts1 = window.document.fonts) || null == (_window_document_fonts_ready1 = _window_document_fonts1.ready) || _window_document_fonts_ready1.then(checkIfTruncated);
471
- const observer = new ResizeObserver(()=>{
472
- window.requestAnimationFrame(checkIfTruncated);
473
- });
474
- observer.observe(container);
475
- return ()=>observer.disconnect();
476
- }
477
- let cancellationToken = {
478
- cancelled: false
479
- };
480
- const calculateTruncatedString = ()=>{
481
- if (cancellationToken) cancellationToken.cancelled = true;
482
- const requestCancellationToken = {
483
- cancelled: false
484
- };
485
- cancellationToken = requestCancellationToken;
486
- const truncated = getMiddleTruncatedString(text, "\u2026", container);
487
- if (requestCancellationToken.cancelled) return;
488
- setTruncatedText(truncated);
489
- };
490
- if ("middle" == position) {
491
- var _window_document_fonts_ready2, _window_document_fonts2;
492
- null == (_window_document_fonts2 = window.document.fonts) || null == (_window_document_fonts_ready2 = _window_document_fonts2.ready) || _window_document_fonts_ready2.then(calculateTruncatedString);
493
- }
494
- if ("end" == position) setTruncatedText(text);
495
- const observer = new ResizeObserver(()=>{
496
- if ("middle" == position) window.requestAnimationFrame(calculateTruncatedString);
497
- if ("end" == position) {
498
- const isOverflowing = container.scrollWidth > container.clientWidth;
499
- if (isOverflowing) setIsTruncated(true);
500
- }
501
- });
502
- observer.observe(container);
503
- return ()=>{
504
- cancellationToken.cancelled = true;
505
- observer.disconnect();
506
- };
507
- }, [
508
- text,
509
- position,
510
- lines
511
- ]);
512
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
513
- ref: containerRef,
514
- style: getContainerStyles(),
515
- className: clsx(1 === lines ? cls("truncate") : cls("truncate-multiline"), "middle" === position ? cls("truncate-middle") : cls("truncate-end"), className),
516
- title: isTruncated ? text : void 0,
517
- ...rest,
518
- children: text === truncatedText ? text : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
519
- children: truncatedText
520
- })
521
- });
522
- };
523
- const Stack = ({ hug = false, align = "flex-start", justify = "flex-start", vertical = false, gap = 0, wrap = false, className, children, ...rest })=>{
524
- const cls = useCls();
525
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
526
- className: cn(cls("stack"), hug ? cls("stack-hug") : cls("stack-fill"), cls(`stack-gap-${gap}`), vertical ? cls("stack-vertical") : cls("stack-horizontal"), wrap && cls("stack-wrap"), cls(`stack-align-${align}`), cls(`stack-justify-${justify}`), className),
527
- ...rest,
528
- children: children
529
- });
530
- };
531
- const StackChild = ({ flex, grow = false, shrink = false, children, style, stack = false, hug = false, align = "flex-start", justify = "flex-start", vertical = false, gap = 0, wrap = false, className, ...rest })=>{
532
- const cls = useCls();
533
- const stackProps = {
534
- hug,
535
- align,
536
- justify,
537
- vertical,
538
- gap,
539
- wrap
540
- };
541
- let flexClass = "";
542
- if ("boolean" == typeof flex) flexClass = flex ? cls("stack-child-flex-1") : cls("stack-child-flex-0");
543
- const combinedClassName = cn(cls("stack-child"), grow && cls("stack-child-grow"), shrink && cls("stack-child-shrink"), flexClass, className);
544
- const flexValue = "string" == typeof flex || "number" == typeof flex ? flex : void 0;
545
- const { renderElement } = (0, __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_use_render_2fb9dc6d__.useRender)({
546
- render: ()=>/*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].isValidElement(children) ? children : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
547
- children: children
548
- }),
549
- props: (0, __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_merge_props_04b69945__.mergeProps)({
550
- className: combinedClassName,
551
- style: {
552
- ...style,
553
- flex: flexValue
554
- },
555
- ...rest
556
- })
557
- });
558
- return stack ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Stack, {
559
- ...stackProps,
560
- className: combinedClassName,
561
- children: children
562
- }) : renderElement();
563
- };
564
- const Stack_Stack = Object.assign(Stack, {
565
- Child: StackChild
566
- });
567
- "use client";
568
- const Modal = ({ open: externalOpen, closeIcon, children, size: sizeProp, footer, width, style, styles, classNames, okButtonProps, cancelButtonProps, loading, onOk, onCancel, okText, okType = "primary", confirmLoading, cancelText = "Close", hideOkButton = false, hideCancelButton = false, contentPadding, title, afterTitle, beforeCloseButton, afterCloseButton, defaultFixedHeaderFooter = false, centered = true, type = "default", defaultOpen = true, background: backgroundProp, bodyScrollable = true, ...rest })=>{
569
- const defaultCloseIcon = void 0 === closeIcon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.XIcon, {
570
- size: 16,
571
- weight: "bold"
572
- }) : closeIcon;
573
- const defaultModalSize = "default" === type ? "medium" : "xsmall";
574
- const size = sizeProp || defaultModalSize;
575
- const modalWidth = width || constants_ModalSize[size];
576
- const background = backgroundProp || (size && size in constants_ModalSize && parseInt(constants_ModalSize[size]) <= parseInt(constants_ModalSize.medium) ? "elevated" : "container");
577
- const modalStyle = {
578
- "--ds-modal-bg": `var(--ds-color-bg-${background})`,
579
- ...style,
580
- ..."fullscreen" === size ? {
581
- top: 0,
582
- maxWidth: "100%",
583
- height: "100%"
584
- } : {}
585
- };
586
- const modalStyles = {
587
- ...styles,
588
- body: {
589
- ...void 0 !== contentPadding ? {
590
- "--ds-modal-content-padding": false === contentPadding || 0 === contentPadding ? "0" : "number" == typeof contentPadding ? `${contentPadding}px` : contentPadding
591
- } : {},
592
- ...null == styles ? void 0 : styles.body
593
- }
594
- };
595
- const [isContentOverflow, setIsContentOverflow] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
596
- const cls = useCls();
597
- const resizeObserverRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
598
- const modalInnerRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((node)=>{
599
- if (!node) return;
600
- const modalBody = node.querySelector("." + cls("modal-body"));
601
- if (!(modalBody instanceof HTMLElement)) return;
602
- const resizeObserver = new ResizeObserver(()=>{
603
- const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;
604
- setIsContentOverflow(hasOverflow);
605
- });
606
- resizeObserverRef.current = resizeObserver;
607
- resizeObserver.observe(modalBody);
608
- const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;
609
- setIsContentOverflow(hasOverflow);
610
- }, [
611
- cls
612
- ]);
613
- (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>()=>{
614
- if (resizeObserverRef.current) {
615
- resizeObserverRef.current.disconnect();
616
- resizeObserverRef.current = null;
617
- }
618
- }, []);
619
- const [locale] = (0, __WEBPACK_EXTERNAL_MODULE_antd_es_locale_31079002__.useLocale)("Modal", (0, __WEBPACK_EXTERNAL_MODULE_antd_es_modal_locale_f16c0933__.getConfirmLocale)());
620
- const okTextLocale = okText || (null == locale ? void 0 : locale.okText);
621
- const cancelTextLocale = cancelText || (null == locale ? void 0 : locale.cancelText);
622
- const modalOkButtonProps = {
623
- loading: loading,
624
- ...okButtonProps
625
- };
626
- const modalCancelButtonProps = {
627
- ...cancelButtonProps
628
- };
629
- const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(defaultOpen);
630
- const uncontrolledOpen = void 0 === externalOpen;
631
- const open = uncontrolledOpen ? internalOpen : externalOpen;
632
- const defaultFooter = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_context_bc73863f__.ModalContextProvider, {
633
- value: {
634
- okButtonProps: modalOkButtonProps,
635
- cancelButtonProps: modalCancelButtonProps,
636
- onCancel,
637
- onOk,
638
- okType,
639
- confirmLoading,
640
- okTextLocale,
641
- cancelTextLocale
642
- },
643
- children: hideOkButton ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalCancelBtn_54ff398c__["default"], {}) : hideCancelButton ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalOkBtn_897b50c4__["default"], {}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
644
- children: [
645
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalCancelBtn_54ff398c__["default"], {}),
646
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalOkBtn_897b50c4__["default"], {})
647
- ]
648
- })
649
- });
650
- const renderTitle = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
651
- children: [
652
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Stack_Stack, {
653
- align: "center",
654
- gap: 8,
655
- className: cls("modal-title-wrapper"),
656
- children: [
657
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Stack_Stack.Child, {
658
- grow: true,
659
- children: "string" == typeof title ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Truncate, {
660
- children: title
661
- }) : title
662
- }),
663
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Stack_Stack.Child, {
664
- stack: true,
665
- hug: true,
666
- align: "center",
667
- children: [
668
- beforeCloseButton,
669
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconButton, {
670
- onClick: (e)=>null == onCancel ? void 0 : onCancel(e),
671
- children: defaultCloseIcon
672
- }),
673
- afterCloseButton
674
- ]
675
- })
676
- ]
677
- }),
678
- afterTitle ? afterTitle : null
679
- ]
680
- });
681
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_52965d33__["default"], {
682
- closeIcon: false,
683
- open: open,
684
- width: modalWidth,
685
- style: modalStyle,
686
- title: renderTitle(),
687
- classNames: {
688
- ...classNames,
689
- wrapper: cls("modal-wrap", "fullscreen" == size && "modal-fullscreen", isContentOverflow && "modal-content-overflow", false === bodyScrollable && "modal-no-body-scroll", defaultFixedHeaderFooter || isContentOverflow || "fullscreen" == size ? "modal-fixed" : "")
690
- },
691
- styles: modalStyles,
692
- modalRender: (modal)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
693
- ref: modalInnerRef,
694
- className: cls("modal-inner"),
695
- children: modal
696
- }),
697
- okButtonProps: modalOkButtonProps,
698
- cancelButtonProps: modalCancelButtonProps,
699
- onOk: (e)=>{
700
- if (uncontrolledOpen) setInternalOpen(false);
701
- null == onOk || onOk(e);
702
- },
703
- onCancel: (e)=>{
704
- if (uncontrolledOpen) setInternalOpen(false);
705
- null == onCancel || onCancel(e);
706
- },
707
- okText: okText,
708
- cancelText: cancelText,
709
- okType: "primary",
710
- confirmLoading: confirmLoading,
711
- footer: void 0 === footer ? hideOkButton && hideCancelButton ? null : defaultFooter : footer,
712
- centered: centered,
713
- ...rest,
714
- children: children
715
- });
716
- };
717
- function _define_property(obj, key, value) {
718
- if (key in obj) Object.defineProperty(obj, key, {
719
- value: value,
720
- enumerable: true,
721
- configurable: true,
722
- writable: true
723
- });
724
- else obj[key] = value;
725
- return obj;
726
- }
727
- class ModalManager {
728
- subscribe(listener) {
729
- this.listeners.push(listener);
730
- return ()=>{
731
- this.listeners = this.listeners.filter((l)=>l !== listener);
732
- };
733
- }
734
- emit(event) {
735
- this.listeners.forEach((l)=>l(event));
736
- }
737
- generateId() {
738
- this.counter += 1;
739
- return `modal_${this.counter}_${Date.now()}`;
740
- }
741
- constructor(){
742
- _define_property(this, "listeners", []);
743
- _define_property(this, "counter", 0);
744
- }
745
- }
746
- const modalManager = new ModalManager();
747
- function createModal(config) {
748
- const trigger = document.activeElement instanceof HTMLElement ? document.activeElement : void 0;
749
- const { type = "default", ...restConfig } = config;
750
- const id = modalManager.generateId();
751
- modalManager.emit({
752
- type: "add",
753
- payload: {
754
- id,
755
- type,
756
- trigger,
757
- ...restConfig
758
- }
759
- });
760
- return {
761
- update: (cfg)=>modalManager.emit({
762
- type: "update",
763
- payload: {
764
- id,
765
- config: cfg
766
- }
767
- }),
768
- destroy: ()=>modalManager.emit({
769
- type: "destroy",
770
- payload: {
771
- id
772
- }
773
- })
774
- };
775
- }
776
- const functions_confirm = (config)=>createModal({
777
- ...config,
778
- type: "confirm"
779
- });
780
- const functions_info = (config)=>createModal({
781
- ...config,
782
- type: "info"
783
- });
784
- const success = (config)=>createModal({
785
- ...config,
786
- type: "success"
787
- });
788
- const functions_error = (config)=>createModal({
789
- ...config,
790
- type: "error"
791
- });
792
- const warning = (config)=>createModal({
793
- ...config,
794
- type: "warning"
795
- });
796
- const functions_open = (config)=>createModal({
797
- ...config,
798
- type: "default"
799
- });
800
- const destroyAll = ()=>modalManager.emit({
801
- type: "destroyAll"
802
- });
803
- "use client";
804
- const ModalProvider = ({ children })=>{
805
- const [modals, setModals] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
806
- (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
807
- const unsubscribe = modalManager.subscribe((event)=>{
808
- setModals((prev)=>{
809
- switch(event.type){
810
- case "add":
811
- return [
812
- ...prev,
813
- event.payload
814
- ];
815
- case "update":
816
- return prev.map((m)=>{
817
- if (m.id === event.payload.id) {
818
- const cfg = event.payload.config;
819
- const merged = "function" == typeof cfg ? cfg(m) : {
820
- ...m,
821
- ...cfg
822
- };
823
- return {
824
- ...m,
825
- ...merged
826
- };
827
- }
828
- return m;
829
- });
830
- case "destroy":
831
- return prev.filter((m)=>m.id !== event.payload.id);
832
- case "destroyAll":
833
- return [];
834
- default:
835
- return prev;
836
- }
837
- });
838
- });
839
- return unsubscribe;
840
- }, []);
841
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
842
- children: [
843
- children,
844
- modals.map((modal)=>{
845
- const { id, content, children, onOk, onCancel, trigger, ...modalProps } = modal;
846
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createElement)(Modal, {
847
- ...modalProps,
848
- key: id,
849
- open: modalProps.open,
850
- onOk: (e)=>{
851
- null == onOk || onOk(e);
852
- modalManager.emit({
853
- type: "update",
854
- payload: {
855
- id,
856
- config: {
857
- open: false
858
- }
859
- }
860
- });
861
- },
862
- onCancel: (e)=>{
863
- null == onCancel || onCancel(e);
864
- modalManager.emit({
865
- type: "update",
866
- payload: {
867
- id,
868
- config: {
869
- open: false
870
- }
871
- }
872
- });
873
- },
874
- afterClose: ()=>{
875
- modalManager.emit({
876
- type: "destroy",
877
- payload: {
878
- id
879
- }
880
- });
881
- if (trigger instanceof HTMLElement) trigger.focus();
882
- }
883
- }, content || children);
884
- })
885
- ]
886
- });
887
- };
888
- "use client";
889
- const useModal = ()=>(0, __WEBPACK_EXTERNAL_MODULE_antd_es_app_useApp_90d95086__["default"])().modal;
890
- const Modal_Modal = Object.assign(Modal, {
891
- Provider: ModalProvider,
892
- open: functions_open,
893
- info: functions_info,
894
- success: success,
895
- error: functions_error,
896
- warning: warning,
897
- confirm: functions_confirm,
898
- destroyAll: destroyAll,
899
- useModal
900
- });
901
- const MainSwitchInner = ({ ...rest }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_switch_101feb97__["default"], {
902
- ref: ref,
903
- ...rest
904
- });
905
- const MainSwitch = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(MainSwitchInner);
906
- const Switch = MainSwitch;
907
- const MainCheckboxInner = (props, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Checkbox, {
908
- ref: ref,
909
- ...props
910
- });
911
- const MainCheckbox = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(MainCheckboxInner);
912
- const Checkbox = Object.assign(MainCheckbox, {
913
- Group: __WEBPACK_EXTERNAL_MODULE_antd__.Checkbox.Group
914
- });
915
- const MainSegmentedInner = ({ className, ...rest }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_segmented_6dbdbe23__["default"], {
916
- ref: ref,
917
- ...rest
918
- });
919
- const MainSegmented = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(MainSegmentedInner);
920
- const Segmented = MainSegmented;
921
- const EmptyIcon = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
922
- xmlns: "http://www.w3.org/2000/svg",
923
- width: "1em",
924
- height: "1em",
925
- fill: "none",
926
- viewBox: "0 0 32 32",
927
- ...props,
928
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
929
- stroke: "currentColor",
930
- strokeLinecap: "round",
931
- strokeLinejoin: "round",
932
- strokeOpacity: "0.3",
933
- strokeWidth: "0.05em",
934
- d: "m4 26 3.773-11.316A1 1 0 0 1 8.72 14H29a1 1 0 0 1 .949 1.316L26.386 26zm0 0V8a1 1 0 0 1 1-1h6.666a1 1 0 0 1 .6.2L16 10h9a1 1 0 0 1 1 1v3"
935
- })
936
- });
937
- const Empty = ({ image, size = "medium", className, ...rest })=>{
938
- const cls = useCls();
939
- const emptyImage = image || /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(EmptyIcon, {
940
- className: cls("empty-icon")
941
- });
942
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_empty_5eb61431__["default"], {
943
- image: emptyImage,
944
- className: clsx(cls("empty", `empty-${size}`), className),
945
- ...rest
946
- });
947
- };
948
- const Empty_component = Empty;
949
- const InternalTable = ({ columns, locale, emptyDescription, loading, scroll = {}, ...rest })=>{
950
- const cls = useCls();
951
- const modifiedColumns = columns ? columns.map((column)=>({
952
- sortIcon: ({ sortOrder })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
953
- className: cls("table-column-sort-icon", sortOrder ? `table-column-sort-icon-${sortOrder}` : "table-column-sort-icon-none"),
954
- children: sortOrder ? "ascend" === sortOrder ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.CaretUp, {
955
- weight: "fill"
956
- }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.CaretDown, {
957
- weight: "fill"
958
- }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
959
- children: [
960
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.CaretUp, {
961
- weight: "fill"
962
- }),
963
- " ",
964
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.CaretDown, {
965
- weight: "fill"
966
- })
967
- ]
968
- })
969
- }),
970
- filterIcon: (_filtered)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
971
- className: cls("table-column-filter-icon"),
972
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.Funnel, {
973
- weight: "fill"
974
- })
975
- }),
976
- ...column
977
- })) : void 0;
978
- const modifiedLocale = {
979
- emptyText: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Empty_component, {
980
- description: emptyDescription
981
- }),
982
- ...locale
983
- };
984
- let spinProps;
985
- if ("boolean" == typeof loading) spinProps = {
986
- spinning: loading,
987
- indicator: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
988
- className: cls("spin-loader")
989
- })
990
- };
991
- else if ("object" == typeof loading) spinProps = {
992
- spinning: true,
993
- indicator: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
994
- className: cls("spin-loader")
995
- }),
996
- ...loading
997
- };
998
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"], {
999
- columns: modifiedColumns,
1000
- loading: spinProps,
1001
- locale: modifiedLocale,
1002
- scroll: {
1003
- x: "fit-content",
1004
- ...scroll
1005
- },
1006
- ...rest
1007
- });
1008
- };
1009
- const Table = Object.assign(InternalTable, {
1010
- Column: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].Column,
1011
- ColumnGroup: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].ColumnGroup,
1012
- SELECTION_COLUMN: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].SELECTION_COLUMN,
1013
- EXPAND_COLUMN: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].EXPAND_COLUMN,
1014
- SELECTION_ALL: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].SELECTION_ALL,
1015
- SELECTION_INVERT: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].SELECTION_INVERT,
1016
- SELECTION_NONE: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].SELECTION_NONE,
1017
- Summary: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].Summary
1018
- });
1019
- "use client";
1020
- const InternalTag = ({ className, active = false, color, style, closeIcon, closable, ...rest })=>{
1021
- const renderedCloseIcon = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.X, {
1022
- weight: "bold"
1023
- });
1024
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_tag_1ccabaea__["default"], {
1025
- className: className,
1026
- color: color,
1027
- style: style,
1028
- closable: closable,
1029
- closeIcon: closable ? closeIcon || renderedCloseIcon : void 0,
1030
- ...active ? {
1031
- "data-active": "true"
1032
- } : {},
1033
- ...rest
1034
- });
1035
- };
1036
- const component_Tag = Object.assign(InternalTag, {
1037
- CheckableTag: __WEBPACK_EXTERNAL_MODULE_antd_es_tag_1ccabaea__["default"].CheckableTag
1038
- });
1039
- const getTokensByTheme = (originTokens, theme)=>{
1040
- const tokens = {};
1041
- Object.entries(originTokens).forEach(([key, value])=>{
1042
- if (value && "object" == typeof value && "light" in value && "dark" in value) {
1043
- const tokenValue = value;
1044
- tokens[key] = tokenValue[theme];
1045
- } else if ("string" == typeof value) tokens[key] = value;
1046
- });
1047
- return tokens;
1048
- };
1049
- const getColorsByTheme = (colorsOrTokens, theme)=>{
1050
- if (Array.isArray(colorsOrTokens)) return colorsOrTokens.map((color)=>color[theme]);
1051
- return Object.values(getTokensByTheme(colorsOrTokens, theme));
1052
- };
1053
- function resolveColorTokens(colors) {
1054
- const resolved = {};
1055
- const raw = colors;
1056
- const resolve = (key)=>{
1057
- if (resolved[key]) return resolved[key];
1058
- const value = raw[key];
1059
- if (!value) return {
1060
- light: "",
1061
- dark: ""
1062
- };
1063
- if ("string" == typeof value) {
1064
- const match = value.match(/^\{(.+)\}$/);
1065
- if (!match) throw new Error(`Invalid reference token: ${String(key)}`);
1066
- const resolvedValue = resolve(match[1]);
1067
- resolved[key] = resolvedValue;
1068
- return resolvedValue;
1069
- }
1070
- const light = "string" == typeof value.light && /^\{.+\}$/.test(value.light) ? resolve(value.light.slice(1, -1)).light : value.light;
1071
- const dark = "string" == typeof value.dark && /^\{.+\}$/.test(value.dark) ? resolve(value.dark.slice(1, -1)).dark : value.dark;
1072
- resolved[key] = {
1073
- light,
1074
- dark
1075
- };
1076
- return resolved[key];
1077
- };
1078
- Object.keys(raw).forEach((key)=>{
1079
- resolve(key);
1080
- });
1081
- return Object.fromEntries(Object.entries(resolved).filter(([_, value])=>value && value.light && value.dark));
1082
- }
1083
- const antdColorTokens = {
1084
- colorText: {
1085
- light: "rgba(0, 0, 0, 0.88)",
1086
- dark: "rgba(255, 255, 255, 0.85)"
1087
- },
1088
- colorTextSecondary: {
1089
- light: "rgba(0, 0, 0, 0.65)",
1090
- dark: "rgba(255, 255, 255, 0.65)"
1091
- },
1092
- colorTextTertiary: {
1093
- light: "rgba(0, 0, 0, 0.45)",
1094
- dark: "rgba(255, 255, 255, 0.45)"
1095
- },
1096
- colorTextQuaternary: {
1097
- light: "rgba(0, 0, 0, 0.25)",
1098
- dark: "rgba(255, 255, 255, 0.25)"
1099
- },
1100
- colorPrimary: {
1101
- light: "#175CD3",
1102
- dark: "#2E90FA"
1103
- },
1104
- colorPrimaryBg: {
1105
- light: "#E9F2FF",
1106
- dark: "#152137"
1107
- },
1108
- colorPrimaryBgHover: {
1109
- light: "#D1E9FF",
1110
- dark: "#112545"
1111
- },
1112
- colorPrimaryBorder: {
1113
- light: "#84CAFF",
1114
- dark: "#1C3959"
1115
- },
1116
- colorPrimaryBorderHover: {
1117
- light: "#53B1FD",
1118
- dark: "#204C7C"
1119
- },
1120
- colorPrimaryHover: {
1121
- light: "#1570EF",
1122
- dark: "#50A0E8"
1123
- },
1124
- colorPrimaryActive: {
1125
- light: "#175CD3",
1126
- dark: "#2565AB"
1127
- },
1128
- colorPrimaryTextHover: {
1129
- light: "#1570EF",
1130
- dark: "#50A0E8"
1131
- },
1132
- colorPrimaryTextActive: {
1133
- light: "#175CD3",
1134
- dark: "#2565AB"
1135
- },
1136
- colorInfo: {
1137
- light: "#175CD3",
1138
- dark: "#2E90FA"
1139
- },
1140
- colorInfoBg: {
1141
- light: "#E9F2FF",
1142
- dark: "#152137"
1143
- },
1144
- colorInfoBgHover: {
1145
- light: "#D1E9FF",
1146
- dark: "#112545"
1147
- },
1148
- colorInfoBorder: {
1149
- light: "#84CAFF",
1150
- dark: "#1C3959"
1151
- },
1152
- colorInfoBorderHover: {
1153
- light: "#53B1FD",
1154
- dark: "#204C7C"
1155
- },
1156
- colorInfoHover: {
1157
- light: "#1570EF",
1158
- dark: "#50A0E8"
1159
- },
1160
- colorInfoActive: {
1161
- light: "#175CD3",
1162
- dark: "#2565AB"
1163
- },
1164
- colorInfoTextHover: {
1165
- light: "#1570EF",
1166
- dark: "#50A0E8"
1167
- },
1168
- colorInfoTextActive: {
1169
- light: "#175CD3",
1170
- dark: "#2565AB"
1171
- },
1172
- colorSuccess: {
1173
- light: "#4CB200",
1174
- dark: "#389E0D"
1175
- },
1176
- colorSuccessBg: {
1177
- light: "#F6FFF0",
1178
- dark: "#162100"
1179
- },
1180
- colorSuccessBgHover: {
1181
- light: "#D9F7BE",
1182
- dark: "#1D2B00"
1183
- },
1184
- colorSuccessBorder: {
1185
- light: "#B7EB8F",
1186
- dark: "#274916"
1187
- },
1188
- colorSuccessBorderHover: {
1189
- light: "#95DE64",
1190
- dark: "#306317"
1191
- },
1192
- colorSuccessHover: {
1193
- light: "#73D13D",
1194
- dark: "#52C41A"
1195
- },
1196
- colorSuccessActive: {
1197
- light: "#389E0D",
1198
- dark: "#237804"
1199
- },
1200
- colorSuccessTextHover: {
1201
- light: "#237804",
1202
- dark: "#52C41A"
1203
- },
1204
- colorSuccessTextActive: {
1205
- light: "#092B00",
1206
- dark: "#237804"
1207
- },
1208
- colorWarning: {
1209
- light: "#FA8C16",
1210
- dark: "#D48806"
1211
- },
1212
- colorWarningBg: {
1213
- light: "#FFF7E6",
1214
- dark: "#281800"
1215
- },
1216
- colorWarningBgHover: {
1217
- light: "#FFE7BA",
1218
- dark: "#3D2200"
1219
- },
1220
- colorWarningBorder: {
1221
- light: "#FFD591",
1222
- dark: "#443B16"
1223
- },
1224
- colorWarningBorderHover: {
1225
- light: "#FFC069",
1226
- dark: "#594E1A"
1227
- },
1228
- colorWarningHover: {
1229
- light: "#FFA940",
1230
- dark: "#E8B339"
1231
- },
1232
- colorWarningActive: {
1233
- light: "#D46B08",
1234
- dark: "#AA7714"
1235
- },
1236
- colorWarningTextHover: {
1237
- light: "#AD4E00",
1238
- dark: "#E8B339"
1239
- },
1240
- colorWarningTextActive: {
1241
- light: "#873800",
1242
- dark: "#AA7714"
1243
- },
1244
- colorError: {
1245
- light: "#D92D20",
1246
- dark: "#CF3D33"
1247
- },
1248
- colorErrorBg: {
1249
- light: "#FEF3F2",
1250
- dark: "#291414"
1251
- },
1252
- colorErrorBgHover: {
1253
- light: "#FEE4E2",
1254
- dark: "#411A18"
1255
- },
1256
- colorErrorBorder: {
1257
- light: "#FDA29B",
1258
- dark: "#562222"
1259
- },
1260
- colorErrorBorderHover: {
1261
- light: "#F97066",
1262
- dark: "#772A24"
1263
- },
1264
- colorErrorHover: {
1265
- light: "#F04438",
1266
- dark: "#E5695A"
1267
- },
1268
- colorErrorActive: {
1269
- light: "#D92D20",
1270
- dark: "#A3332B"
1271
- },
1272
- colorErrorTextHover: {
1273
- light: "#F04438",
1274
- dark: "#E5695A"
1275
- },
1276
- colorErrorTextActive: {
1277
- light: "#D92D20",
1278
- dark: "#A3332B"
1279
- },
1280
- colorFill: {
1281
- light: "rgba(0, 0, 0, 0.15)",
1282
- dark: "rgba(255, 255, 255, 0.15)"
1283
- },
1284
- colorFillSecondary: {
1285
- light: "rgba(0, 0, 0, 0.06)",
1286
- dark: "rgba(255, 255, 255, 0.06)"
1287
- },
1288
- colorFillTertiary: {
1289
- light: "rgba(0, 0, 0, 0.04)",
1290
- dark: "rgba(255, 255, 255, 0.04)"
1291
- },
1292
- colorFillQuaternary: {
1293
- light: "rgba(0, 0, 0, 0.02)",
1294
- dark: "rgba(255, 255, 255, 0.02)"
1295
- },
1296
- colorFillAlter: {
1297
- light: "rgba(0, 0, 0, 0.02)",
1298
- dark: "rgba(255, 255, 255, 0.02)"
1299
- },
1300
- colorBorder: {
1301
- light: "rgba(0, 0, 0, 0.16)",
1302
- dark: "rgba(255, 255, 255, 0.16)"
1303
- },
1304
- colorBorderSecondary: {
1305
- light: "rgba(0, 0, 0, 0.06)",
1306
- dark: "rgba(255, 255, 255, 0.06)"
1307
- },
1308
- colorIcon: {
1309
- light: "rgba(0, 0, 0, 0.58)",
1310
- dark: "rgba(255, 255, 255, 0.58)"
1311
- },
1312
- colorIconHover: {
1313
- light: "rgba(0, 0, 0, 0.88)",
1314
- dark: "rgba(255, 255, 255, 0.88)"
1315
- },
1316
- colorBgContainer: {
1317
- light: "#FFFFFF",
1318
- dark: "#26262C"
1319
- },
1320
- colorBgElevated: {
1321
- light: "#FFFFFF",
1322
- dark: "#2F2F37"
1323
- },
1324
- colorBgLayout: {
1325
- light: "#F5F5F5",
1326
- dark: "#1A1A1E"
1327
- },
1328
- colorBgSpotlight: {
1329
- light: "rgba(0, 0, 0, 0.85)",
1330
- dark: "#505D5D"
1331
- },
1332
- colorBgMask: {
1333
- light: "rgba(0, 0, 0, 0.45)",
1334
- dark: "rgba(0, 0, 0, 0.45)"
1335
- },
1336
- colorBgBase: {
1337
- light: "#FFFFFF",
1338
- dark: "#13131A"
1339
- },
1340
- controlOutline: {
1341
- light: "rgba(0, 0, 0, 0.12)",
1342
- dark: "rgba(255, 255, 255, 0.12)"
1343
- }
1344
- };
1345
- const sharedTokens = {
1346
- fontFamily: "var(--ds-inter)",
1347
- fontFamilyCode: "var(--ds-roboto-mono)",
1348
- fontSizeHeading1: 36,
1349
- fontSizeHeading2: 30,
1350
- fontSizeHeading3: 24,
1351
- fontSizeHeading4: 20,
1352
- fontSizeHeading5: 16,
1353
- lineHeightHeading1: 40 / 36,
1354
- lineHeightHeading2: 1.2,
1355
- lineHeightHeading3: 32 / 24,
1356
- lineHeightHeading4: 1.4,
1357
- lineHeightHeading5: 1.5,
1358
- lineHeight: 20 / 14,
1359
- lineHeightLG: 1.5,
1360
- lineHeightSM: 16 / 12,
1361
- fontWeightStrong: 600,
1362
- boxShadow: "0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 6px rgba(0, 0, 0, 0.04), 0px 2px 10px rgba(0, 0, 0, 0.04)",
1363
- boxShadowSecondary: "0px 0px 1px 0px var(--ds-color-border-modal), 0px 3px 6px 1px rgba(0, 0, 0, 0.08), 0px 6px 26px 2px rgba(0, 0, 0, 0.08), 0px 4px 52px 0px rgba(0, 0, 0, 0.05)",
1364
- colorBgSpotlight: "rgba(0, 0, 0, 0.85)"
1365
- };
1366
- const sharedThemeConfig = {
1367
- cssVar: true,
1368
- components: {
1369
- Input: {},
1370
- InputNumber: {},
1371
- Button: {
1372
- defaultShadow: void 0,
1373
- primaryShadow: void 0,
1374
- dangerShadow: void 0
1375
- },
1376
- Select: {},
1377
- Segmented: {
1378
- controlHeightLG: 36,
1379
- controlHeightSM: 24
1380
- },
1381
- Breadcrumb: {
1382
- separatorColor: "var(--ds-color-border)"
1383
- },
1384
- Slider: {
1385
- trackBg: "var(--ds-color-primary)",
1386
- trackHoverBg: "var(--ds-color-primary-hover)",
1387
- trackBgDisabled: "var(--ds-color-text-disabled)",
1388
- railBg: "var(--ds-control-outline)",
1389
- railHoverBg: "var(--ds-color-border)",
1390
- handleColor: "var(--ds-color-primary)",
1391
- handleActiveColor: "var(--ds-color-primary-active)",
1392
- handleColorDisabled: "var(--ds-color-text-disabled)",
1393
- dotBorderColor: "var(--ds-color-primary)",
1394
- dotActiveBorderColor: "var(--ds-color-primary-active)"
1395
- },
1396
- Form: {
1397
- itemMarginBottom: 16,
1398
- labelColor: "var(--ds-color-text)"
1399
- }
1400
- }
1401
- };
1402
- const lightTheme = {
1403
- token: {
1404
- ...getTokensByTheme(antdColorTokens, "light"),
1405
- ...sharedTokens
1406
- },
1407
- ...sharedThemeConfig
1408
- };
1409
- const darkTheme = {
1410
- token: {
1411
- ...getTokensByTheme(antdColorTokens, "dark"),
1412
- ...sharedTokens
1413
- },
1414
- ...sharedThemeConfig
1415
- };
1416
- "use client";
1417
- const DSWrapper = ({ children, theme, appendClassesTo })=>{
1418
- const cls = useCls();
1419
- const className = clsx(cls("theme-provider"), theme.toString());
1420
- (0, __WEBPACK_EXTERNAL_MODULE_react__.useLayoutEffect)(()=>{
1421
- const classes = className.split(" ");
1422
- const el = "string" == typeof appendClassesTo ? document.querySelector(appendClassesTo) : appendClassesTo;
1423
- if (el) el.classList.add(...classes);
1424
- return ()=>{
1425
- if (el) el.classList.remove(...classes);
1426
- };
1427
- }, [
1428
- appendClassesTo,
1429
- className
1430
- ]);
1431
- return void 0 === appendClassesTo ? __WEBPACK_EXTERNAL_MODULE_react__.Children.map(children, (child)=>{
1432
- if (/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.isValidElement)(child)) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.cloneElement)(child, {
1433
- className: clsx(child.props.className, className)
1434
- });
1435
- return child;
1436
- }) : children;
1437
- };
1438
- const ThemeProvider = ({ theme, appendClassesTo, children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_cssinjs_c619260f__.StyleProvider, {
1439
- layer: true,
1440
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__["default"], {
1441
- theme: "light" == theme ? lightTheme : darkTheme,
1442
- prefixCls: "ds",
1443
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DSWrapper, {
1444
- theme: theme,
1445
- appendClassesTo: appendClassesTo,
1446
- children: children
1447
- })
1448
- })
1449
- });
1450
- "use client";
1451
- const SplitterPanel = ({ children, className, style, ...rest })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_splitter_Panel_2a8c0f35__["default"], {
1452
- className: className,
1453
- style: style,
1454
- ...rest,
1455
- children: children
1456
- });
1457
- const MainSplitter = ({ children, className = "", style = {}, showSplitBar = true, ...rest })=>{
1458
- const cls = useCls();
1459
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_splitter_Splitter_9b2d5564__["default"], {
1460
- className: clsx(cls("splitter"), !showSplitBar && cls("splitter-hidden-split-bar"), className),
1461
- style: style,
1462
- ...rest,
1463
- children: children
1464
- });
1465
- };
1466
- const Splitter = Object.assign(MainSplitter, {
1467
- Panel: SplitterPanel
1468
- });
1469
- const Split = Splitter;
1470
- "use client";
1471
- const DropdownMenu = ({ children, items, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange })=>{
1472
- const [open, setOpen] = (0, __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_utils_d48cdb94__.useControlled)({
1473
- controlled: outsideOpen,
1474
- default: false,
1475
- name: "open"
1476
- });
1477
- const onOpenChange = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((newValue)=>{
1478
- setOpen(newValue);
1479
- null == outsideOnOpenChange || outsideOnOpenChange(newValue);
1480
- }, [
1481
- setOpen,
1482
- outsideOnOpenChange
1483
- ]);
1484
- const cls = useCls();
1485
- const antdCssVarClassname = useAntdCssVarClassname();
1486
- const headlessUIPlacement = parseAntdPlacement(placement);
1487
- const buttonRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
1488
- const itemGroups = items.reduce((acc, current)=>{
1489
- if (0 === acc.length && "header" !== current.type) acc.push({
1490
- label: null,
1491
- items: []
1492
- });
1493
- if ("header" === current.type) acc.push({
1494
- label: current.title,
1495
- items: []
1496
- });
1497
- else if (("item" === current.type || "divider" === current.type) && acc.length > 0) acc[acc.length - 1].items.push(current);
1498
- return acc;
1499
- }, []);
1500
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_menu_54c0c798__.Menu.Root, {
1501
- openOnHover: openOnHover,
1502
- open: open,
1503
- onOpenChange: onOpenChange,
1504
- children: [
1505
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_menu_54c0c798__.Menu.Trigger, {
1506
- render: children,
1507
- ref: buttonRef
1508
- }),
1509
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_menu_54c0c798__.Menu.Portal, {
1510
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_menu_54c0c798__.Menu.Positioner, {
1511
- side: headlessUIPlacement.placement,
1512
- align: headlessUIPlacement.align,
1513
- sideOffset: 4,
1514
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_menu_54c0c798__.Menu.Popup, {
1515
- className: clsx(cls("dropdown-menu"), antdCssVarClassname),
1516
- children: itemGroups.map((group, i)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_menu_54c0c798__.Menu.Group, {
1517
- children: [
1518
- group.label && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_menu_54c0c798__.Menu.GroupLabel, {
1519
- className: cls("dropdown-menu-header"),
1520
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
1521
- children: group.label
1522
- })
1523
- }, i),
1524
- group.items.map((item, j)=>"item" == item.type ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_menu_54c0c798__.Menu.Item, {
1525
- className: clsx(cls("dropdown-menu-item")),
1526
- disabled: item.disabled,
1527
- "data-danger": item.danger,
1528
- ref: item.ref,
1529
- onClick: item.onClick,
1530
- onMouseEnter: item.onMouseEnter,
1531
- onMouseLeave: item.onMouseLeave,
1532
- onMouseOver: item.onMouseOver,
1533
- onMouseOut: item.onMouseOut,
1534
- children: [
1535
- item.icon && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
1536
- className: cls("dropdown-menu-item-icon"),
1537
- children: item.icon
1538
- }),
1539
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
1540
- children: item.label
1541
- })
1542
- ]
1543
- }, i + "-" + j) : "divider" == item.type ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_menu_54c0c798__.Menu.Separator, {
1544
- className: cls("dropdown-menu-divider")
1545
- }, i) : "header" == item.type ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_menu_54c0c798__.Menu.GroupLabel, {
1546
- className: cls("dropdown-menu-header"),
1547
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
1548
- children: item.title
1549
- })
1550
- }, i) : null)
1551
- ]
1552
- }, "group" + i))
1553
- })
1554
- })
1555
- })
1556
- ]
1557
- });
1558
- };
1559
- function reactNodeToString(node) {
1560
- if (null == node) return "";
1561
- if ("string" == typeof node) return node;
1562
- if ("number" == typeof node || "boolean" == typeof node) return node.toString();
1563
- if (Array.isArray(node)) return node.map(reactNodeToString).join("");
1564
- if ((0, __WEBPACK_EXTERNAL_MODULE_react__.isValidElement)(node) && "props" in node && node.props && "object" == typeof node.props && "children" in node.props && node.props.children) {
1565
- if ("br" === node.type) return "\n";
1566
- if (node.props.children) return reactNodeToString(node.props.children);
1567
- }
1568
- return "";
1569
- }
1570
- function isTracebackError(error) {
1571
- if (!error || "string" != typeof error && !error.toString) return false;
1572
- const errorString = "string" == typeof error ? error : error.toString();
1573
- const pythonTracebackRegex = /Traceback \(most recent call last\):/;
1574
- const pythonStackFrameRegex = /File ".*?", line \d+, in/;
1575
- const goStackTraceRegex = /goroutine \d+ \[.*\]:|panic: /;
1576
- const goStackFrameRegex = /\/.*\.go:\d+/;
1577
- const isPythonTraceback = pythonTracebackRegex.test(errorString) || pythonStackFrameRegex.test(errorString);
1578
- const isGoStackTrace = goStackTraceRegex.test(errorString) || goStackFrameRegex.test(errorString);
1579
- return isPythonTraceback || isGoStackTrace;
1580
- }
1581
- "use client";
1582
- const WithAntdTokens = ({ as: Tag = "div", ref, className, ...rest })=>{
1583
- const Component = Tag;
1584
- const cssVar = useAntdCssVarClassname();
1585
- const { renderElement } = (0, __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.useRender)({
1586
- render: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Component, {}),
1587
- refs: [
1588
- ref
1589
- ],
1590
- props: {
1591
- ...rest,
1592
- className: clsx(className, cssVar)
1593
- }
1594
- });
1595
- return renderElement();
1596
- };
1597
- "use client";
1598
- const useEnhancedEffect = "undefined" != typeof window ? __WEBPACK_EXTERNAL_MODULE_react__.useLayoutEffect : __WEBPACK_EXTERNAL_MODULE_react__.useEffect;
1599
- function useEventCallback(fn) {
1600
- const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(fn);
1601
- useEnhancedEffect(()=>{
1602
- ref.current = fn;
1603
- });
1604
- return (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((...args)=>{
1605
- var _ref_current;
1606
- return null == (_ref_current = ref.current) ? void 0 : _ref_current.call(ref, ...args);
1607
- }, []);
1608
- }
1609
- function useLatestRef(value) {
1610
- const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(value);
1611
- useEnhancedEffect(()=>{
1612
- ref.current = value;
1613
- });
1614
- return ref;
1615
- }
1616
- function useAnimationsFinished(ref, waitForNextTick = false) {
1617
- const frameRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(-1);
1618
- const timeoutRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(-1);
1619
- const cancelTasks = useEventCallback(()=>{
1620
- cancelAnimationFrame(frameRef.current);
1621
- clearTimeout(timeoutRef.current);
1622
- });
1623
- (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>cancelTasks, [
1624
- cancelTasks
1625
- ]);
1626
- return useEventCallback((fnToExecute)=>{
1627
- cancelTasks();
1628
- const element = ref.current;
1629
- if (!element) return;
1630
- if ("function" != typeof element.getAnimations) fnToExecute();
1631
- else frameRef.current = requestAnimationFrame(()=>{
1632
- function exec() {
1633
- if (!element) return;
1634
- Promise.allSettled(element.getAnimations().map((anim)=>anim.finished)).then(()=>{
1635
- (0, __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__.flushSync)(fnToExecute);
1636
- });
1637
- }
1638
- if (waitForNextTick) timeoutRef.current = window.setTimeout(exec);
1639
- else exec();
1640
- });
1641
- });
1642
- }
1643
- "use client";
1644
- const Transition = (props)=>{
1645
- const { children = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {}), className, starting, ending, show = true, keepMounted = false, ...otherProps } = props;
1646
- const { mounted, setMounted, transitionStatus } = (0, __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_utils_d48cdb94__.useTransitionStatus)(show);
1647
- const showRef = useLatestRef(show);
1648
- const combinedClassName = clsx(className, "starting" === transitionStatus && "string" == typeof starting && starting, "ending" === transitionStatus && "string" == typeof ending && ending);
1649
- const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
1650
- const runOnceAnimationsFinish = useAnimationsFinished(ref, show);
1651
- const { renderElement } = (0, __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_use_render_2fb9dc6d__.useRender)({
1652
- render: "function" == typeof children ? children(otherProps, {}) : children,
1653
- props: (0, __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_merge_props_04b69945__.mergeProps)({
1654
- ...otherProps,
1655
- ref,
1656
- className: combinedClassName,
1657
- ...{
1658
- "data-starting": "starting" === transitionStatus ? "true" : void 0,
1659
- "data-ending": "ending" === transitionStatus ? "true" : void 0
1660
- },
1661
- style: {
1662
- ..."starting" === transitionStatus && "object" == typeof starting ? starting : {},
1663
- ..."ending" === transitionStatus && "object" == typeof ending ? ending : {}
1664
- }
1665
- })
1666
- });
1667
- (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
1668
- if (keepMounted) return;
1669
- runOnceAnimationsFinish(()=>{
1670
- if (show === showRef.current) setMounted(show);
1671
- });
1672
- }, [
1673
- show,
1674
- keepMounted,
1675
- runOnceAnimationsFinish,
1676
- setMounted,
1677
- showRef
1678
- ]);
1679
- return mounted ? renderElement() : null;
1680
- };
1681
- const ButtonInner = ({ style, ...rest }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_button_8f463bb4__["default"], {
1682
- ref: ref,
1683
- style: style,
1684
- ...rest
1685
- });
1686
- const Button = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(ButtonInner);
1687
- const getUploadFileIcon = (fileType)=>"folder" === fileType ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.Folder, {
1688
- size: 20,
1689
- weight: "fill"
1690
- }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.File, {
1691
- size: 20,
1692
- weight: "fill"
1693
- });
1694
- const UploadItem = ({ fileName, fileType, status = "pending", percent, removable = true, onRemove, extraActions })=>{
1695
- const cls = useCls();
1696
- const showPercent = Math.round(percent || 0);
1697
- const statusWithProgress = {
1698
- done: "success",
1699
- error: "exception",
1700
- uploading: "active",
1701
- removed: "normal",
1702
- pending: "normal"
1703
- };
1704
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_flex_86593150__["default"], {
1705
- className: clsx(cls("upload-item")),
1706
- justify: "space-between",
1707
- align: "center",
1708
- "data-error": "error" === status,
1709
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd_es_flex_86593150__["default"], {
1710
- align: "center",
1711
- gap: 16,
1712
- flex: 1,
1713
- className: cls("upload-item-content"),
1714
- children: [
1715
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
1716
- className: cls("upload-item-icon"),
1717
- children: getUploadFileIcon(fileType)
1718
- }),
1719
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd_es_flex_86593150__["default"], {
1720
- align: "start",
1721
- vertical: true,
1722
- flex: 1,
1723
- className: cls("upload-item-name-progress"),
1724
- children: [
1725
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Truncate, {
1726
- position: "middle",
1727
- children: fileName
1728
- }),
1729
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_progress_da1757d8__["default"], {
1730
- percent: showPercent,
1731
- size: "small",
1732
- className: cls("upload-item-progress"),
1733
- status: status && status in statusWithProgress ? statusWithProgress[status] : "normal"
1734
- })
1735
- ]
1736
- }),
1737
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd_es_flex_86593150__["default"], {
1738
- gap: 8,
1739
- align: "center",
1740
- children: [
1741
- extraActions,
1742
- removable && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconButton, {
1743
- label: "Remove",
1744
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.Trash, {
1745
- size: 16
1746
- }),
1747
- onClick: onRemove,
1748
- size: "small"
1749
- })
1750
- ]
1751
- })
1752
- ]
1753
- })
1754
- });
1755
- };
1756
- "use client";
1757
- const useUploadItemRender = ({ showRemoveButton = true })=>{
1758
- const itemRender = (_originNode, file, _fileList, actions)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(UploadItem, {
1759
- fileName: file.name,
1760
- fileType: file.type,
1761
- status: file.status,
1762
- percent: file.percent,
1763
- removable: showRemoveButton,
1764
- onRemove: ()=>actions.remove()
1765
- });
1766
- return (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(itemRender, [
1767
- showRemoveButton
1768
- ]);
1769
- };
1770
- "use client";
1771
- const Dragger = ({ children, uploadTitle = "Click or drag file to this area to upload", uploadDescription = "Support for a single or bulk upload.", itemRender, ...rest })=>{
1772
- const cls = useCls();
1773
- const renderChildren = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
1774
- children: [
1775
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
1776
- className: cls("upload-drag-icon"),
1777
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.CloudArrowUp, {
1778
- size: 40
1779
- })
1780
- }),
1781
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
1782
- className: cls("upload-text"),
1783
- children: uploadTitle
1784
- }),
1785
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
1786
- className: cls("upload-hint"),
1787
- children: uploadDescription
1788
- })
1789
- ]
1790
- });
1791
- const defaultItemRender = useUploadItemRender({
1792
- showRemoveButton: true
1793
- });
1794
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_upload_29096ddd__["default"].Dragger, {
1795
- itemRender: itemRender || defaultItemRender,
1796
- ...rest,
1797
- children: children ? children : renderChildren()
1798
- });
1799
- };
1800
- "use client";
1801
- const DefaultUpload = ({ showRemoveButton = true, className, fileList, children, ...restProps })=>{
1802
- const cls = useCls();
1803
- const icon = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.CloudArrowUp, {
1804
- size: 24
1805
- });
1806
- const defaultChildren = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Button, {
1807
- icon: icon,
1808
- type: "default",
1809
- children: "Upload Files"
1810
- });
1811
- const itemRender = useUploadItemRender({
1812
- showRemoveButton
1813
- });
1814
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_upload_29096ddd__["default"], {
1815
- className: clsx(cls("upload"), className),
1816
- ...restProps,
1817
- fileList: fileList,
1818
- itemRender: itemRender,
1819
- children: children || defaultChildren
1820
- });
1821
- };
1822
- const Upload = Object.assign(DefaultUpload, {
1823
- Dragger: Dragger,
1824
- Item: UploadItem
1825
- });
1826
- "use client";
1827
- const ScrollArea = ({ children, className, classNames = {}, orientation = "vertical" })=>{
1828
- const cls = useCls();
1829
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.ScrollArea.Root, {
1830
- className: clsx(cls("scroll-area"), className),
1831
- children: [
1832
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.ScrollArea.Viewport, {
1833
- className: clsx(cls("scroll-area-viewport"), null == classNames ? void 0 : classNames.viewport),
1834
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.ScrollArea.Content, {
1835
- className: clsx(cls("scroll-area-content")),
1836
- children: children
1837
- })
1838
- }),
1839
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.ScrollArea.Scrollbar, {
1840
- className: clsx(cls("scroll-area-scrollbar"), null == classNames ? void 0 : classNames.scrollbar),
1841
- orientation: orientation,
1842
- "data-orientation": orientation,
1843
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.ScrollArea.Thumb, {
1844
- className: clsx(cls("scroll-area-thumb"), null == classNames ? void 0 : classNames.thumb)
1845
- })
1846
- })
1847
- ]
1848
- });
1849
- };
1850
- "use client";
1851
- const Popover = ({ className, style, arrow = false, ...rest })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_popover_ff5d0161__["default"], {
1852
- className: className,
1853
- arrow: arrow,
1854
- style: style,
1855
- ...rest
1856
- });
1857
- "use client";
1858
- const Slider = ({ className, tooltip = {}, style, ...rest })=>{
1859
- const cls = useCls();
1860
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_slider_a2f2f6f0__["default"], {
1861
- className: clsx(cls("slider"), className),
1862
- style: style,
1863
- ...rest,
1864
- tooltip: {
1865
- arrow: false,
1866
- ...tooltip
1867
- }
1868
- });
1869
- };
1870
- "use client";
1871
- const Tooltip = ({ className, style, arrow = false, ...rest })=>{
1872
- const cls = useCls();
1873
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_tooltip_1091cc47__["default"], {
1874
- className: clsx(cls("tooltip"), className),
1875
- arrow: arrow,
1876
- style: style,
1877
- ...rest
1878
- });
1879
- };
1880
- function getBreadcrumbName(route, params) {
1881
- if (void 0 === route.title || null === route.title) return null;
1882
- const paramsKeys = Object.keys(params).join("|");
1883
- return "object" == typeof route.title ? route.title : String(route.title).replace(new RegExp(`:(${paramsKeys})`, "g"), (replacement, key)=>params[key] || replacement);
1884
- }
1885
- function useItemRender(prefixCls, itemRender) {
1886
- const mergedItemRender = (item, params, routes, path, href)=>{
1887
- if (itemRender) return itemRender(item, params, routes, path);
1888
- const name = getBreadcrumbName(item, params);
1889
- const child = item.icon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
1890
- children: [
1891
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
1892
- className: cn(`${prefixCls}-item-icon`),
1893
- children: item.icon
1894
- }),
1895
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
1896
- className: cn(`${prefixCls}-item-name`),
1897
- children: name
1898
- })
1899
- ]
1900
- }) : name;
1901
- return (0, __WEBPACK_EXTERNAL_MODULE_antd_es_breadcrumb_useItemRender_afeae2fe__.renderItem)(prefixCls, item, child, href);
1902
- };
1903
- return mergedItemRender;
1904
- }
1905
- "use client";
1906
- const BreadcrumbInner = ({ className, items, noWrap = false, itemRender: outsideItemRender, ...rest })=>{
1907
- const cls = useCls();
1908
- const { getPrefixCls } = useGetPrefixCls();
1909
- const componentPrefixCls = getPrefixCls("breadcrumb");
1910
- const itemRender = useItemRender(componentPrefixCls, outsideItemRender);
1911
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_breadcrumb_524ec91e__["default"], {
1912
- className: clsx(cls("breadcrumb", noWrap && "breadcrumb-nowrap"), className),
1913
- items: items,
1914
- itemRender: itemRender,
1915
- ...rest
1916
- });
1917
- };
1918
- const Item = (props)=>{
1919
- const { className, ...restProps } = props;
1920
- const cls = useCls();
1921
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_breadcrumb_524ec91e__["default"].Item, {
1922
- className: clsx(cls("breadcrumb-item"), className),
1923
- ...restProps
1924
- });
1925
- };
1926
- const Separator = (props)=>{
1927
- const { className, ...restProps } = props;
1928
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_breadcrumb_524ec91e__["default"].Separator, {
1929
- ...restProps
1930
- });
1931
- };
1932
- const Breadcrumb = Object.assign(BreadcrumbInner, {
1933
- Item,
1934
- Separator
1935
- });
1936
- "use client";
1937
- const getUniqueKeysFromOriginals = (nodes, originalKeysToFind, map)=>{
1938
- if (!nodes) return [];
1939
- let keys = [];
1940
- nodes.forEach((node)=>{
1941
- const originalKey = map.get(node.key);
1942
- if (void 0 !== originalKey && originalKeysToFind.has(originalKey)) keys.push(node.key);
1943
- if (node.children) keys = keys.concat(getUniqueKeysFromOriginals(node.children, originalKeysToFind, map));
1944
- });
1945
- return keys;
1946
- };
1947
- const processTreeData = (nodes, expandedOriginalKeys, parentKeyPrefix = "", keyMap)=>{
1948
- if (!nodes) return;
1949
- return nodes.map((node)=>{
1950
- const originalKey = node.key;
1951
- if (null == originalKey) {
1952
- console.warn("Tree node is missing a key. Skipping unique key generation for this node and its children.", node);
1953
- return {
1954
- ...node
1955
- };
1956
- }
1957
- const separator = "/";
1958
- const originalKeyString = String(originalKey);
1959
- if (originalKeyString.includes(separator)) console.warn(`Tree node original key "${originalKeyString}" contains the separator character "${separator}". This might lead to unexpected behavior if keys are not truly unique.`, node);
1960
- const uniqueKey = parentKeyPrefix ? `${parentKeyPrefix}${separator}${originalKeyString}` : originalKeyString;
1961
- keyMap.set(uniqueKey, originalKey);
1962
- const isExpanded = expandedOriginalKeys.has(originalKey);
1963
- const icon = node.icon || (node.isLeaf ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.File, {}) : isExpanded ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.FolderOpen, {}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.Folder, {}));
1964
- const processedChildren = processTreeData(node.children, expandedOriginalKeys, uniqueKey, keyMap);
1965
- return {
1966
- ...node,
1967
- key: uniqueKey,
1968
- icon: icon,
1969
- children: processedChildren
1970
- };
1971
- });
1972
- };
1973
- const useUniqueKeysTree = ({ treeData: originTreeData, expandedKeys, defaultExpandedKeys = [], onExpand, checkedKeys, defaultCheckedKeys = [], onCheck, allowDuplicatedKeys })=>{
1974
- const [currentOriginalExpandedKeys, setCurrentOriginalExpandedKeys] = useControlledState(expandedKeys, void 0, defaultExpandedKeys);
1975
- const controlledCheckedKeysValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
1976
- if (!checkedKeys) return;
1977
- return Array.isArray(checkedKeys) ? checkedKeys : checkedKeys.checked;
1978
- }, [
1979
- checkedKeys
1980
- ]);
1981
- const [currentOriginalCheckedKeys, setCurrentOriginalCheckedKeys] = useControlledState(controlledCheckedKeysValue, void 0, defaultCheckedKeys);
1982
- const { processedTreeData, uniqueToOriginalKeyMap } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
1983
- if (!allowDuplicatedKeys) return {
1984
- processedTreeData: originTreeData,
1985
- uniqueToOriginalKeyMap: new Map()
1986
- };
1987
- const map = new Map();
1988
- const expandedOriginalKeySet = new Set(currentOriginalExpandedKeys);
1989
- const data = processTreeData(originTreeData, expandedOriginalKeySet, "", map);
1990
- return {
1991
- processedTreeData: data,
1992
- uniqueToOriginalKeyMap: map
1993
- };
1994
- }, [
1995
- originTreeData,
1996
- currentOriginalExpandedKeys,
1997
- allowDuplicatedKeys
1998
- ]);
1999
- const currentUniqueExpandedKeys = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
2000
- if (!allowDuplicatedKeys) return currentOriginalExpandedKeys;
2001
- const originalKeysSet = new Set(currentOriginalExpandedKeys);
2002
- return getUniqueKeysFromOriginals(processedTreeData, originalKeysSet, uniqueToOriginalKeyMap);
2003
- }, [
2004
- currentOriginalExpandedKeys,
2005
- processedTreeData,
2006
- uniqueToOriginalKeyMap,
2007
- allowDuplicatedKeys
2008
- ]);
2009
- const currentUniqueCheckedKeys = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
2010
- if (!allowDuplicatedKeys) return currentOriginalCheckedKeys;
2011
- const originalKeysSet = new Set(currentOriginalCheckedKeys);
2012
- return getUniqueKeysFromOriginals(processedTreeData, originalKeysSet, uniqueToOriginalKeyMap);
2013
- }, [
2014
- currentOriginalCheckedKeys,
2015
- processedTreeData,
2016
- uniqueToOriginalKeyMap,
2017
- allowDuplicatedKeys
2018
- ]);
2019
- const handleOriginalExpand = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((keys, info)=>{
2020
- const keysArray = Array.from(keys);
2021
- setCurrentOriginalExpandedKeys(keysArray);
2022
- if (onExpand) onExpand(keysArray, info);
2023
- }, [
2024
- onExpand,
2025
- setCurrentOriginalExpandedKeys
2026
- ]);
2027
- const handleUniqueExpand = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((uniqueKeys, info)=>{
2028
- const originalKeys = uniqueKeys.map((uk)=>uniqueToOriginalKeyMap.get(uk)).filter((ok)=>void 0 !== ok);
2029
- const triggeredOriginalKey = uniqueToOriginalKeyMap.get(info.node.key);
2030
- setCurrentOriginalExpandedKeys(originalKeys);
2031
- if (onExpand) onExpand(originalKeys, {
2032
- ...info,
2033
- triggeredOriginalKey: triggeredOriginalKey
2034
- });
2035
- }, [
2036
- uniqueToOriginalKeyMap,
2037
- setCurrentOriginalExpandedKeys,
2038
- onExpand
2039
- ]);
2040
- const handleOriginalCheck = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((checkedInfoOrKeys, info)=>{
2041
- let checkedArray;
2042
- checkedArray = Array.isArray(checkedInfoOrKeys) ? Array.from(checkedInfoOrKeys) : checkedInfoOrKeys && "object" == typeof checkedInfoOrKeys && "checked" in checkedInfoOrKeys ? Array.from(checkedInfoOrKeys.checked) : [];
2043
- setCurrentOriginalCheckedKeys(checkedArray);
2044
- if (onCheck) onCheck(checkedArray, info);
2045
- }, [
2046
- onCheck,
2047
- setCurrentOriginalCheckedKeys
2048
- ]);
2049
- const handleUniqueCheck = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((checkedInfoOrKeys, info)=>{
2050
- const triggeredUniqueKey = info.node.key;
2051
- const triggeredOriginalKey = uniqueToOriginalKeyMap.get(triggeredUniqueKey);
2052
- if (void 0 === triggeredOriginalKey) return void console.error("Could not find original key for unique key:", triggeredUniqueKey);
2053
- if (!info.checked) {
2054
- const currentKeys = [
2055
- ...currentOriginalCheckedKeys
2056
- ];
2057
- const newCheckedKeys = currentKeys.filter((key)=>key !== triggeredOriginalKey);
2058
- setCurrentOriginalCheckedKeys(newCheckedKeys);
2059
- if (onCheck) onCheck(newCheckedKeys, {
2060
- ...info,
2061
- triggeredOriginalKey: triggeredOriginalKey
2062
- });
2063
- return;
2064
- }
2065
- let uniqueCheckedKeys;
2066
- uniqueCheckedKeys = Array.isArray(checkedInfoOrKeys) ? checkedInfoOrKeys : checkedInfoOrKeys && "object" == typeof checkedInfoOrKeys && "checked" in checkedInfoOrKeys ? checkedInfoOrKeys.checked : [];
2067
- const derivedOriginalKeys = new Set();
2068
- for (const uniqueKey of uniqueCheckedKeys){
2069
- const originalKey = uniqueToOriginalKeyMap.get(uniqueKey);
2070
- if (void 0 !== originalKey) derivedOriginalKeys.add(originalKey);
2071
- }
2072
- derivedOriginalKeys.add(triggeredOriginalKey);
2073
- const originalKeysArray = Array.from(derivedOriginalKeys);
2074
- setCurrentOriginalCheckedKeys(originalKeysArray);
2075
- if (onCheck) onCheck(originalKeysArray, {
2076
- ...info,
2077
- triggeredOriginalKey: triggeredOriginalKey
2078
- });
2079
- }, [
2080
- uniqueToOriginalKeyMap,
2081
- setCurrentOriginalCheckedKeys,
2082
- onCheck,
2083
- currentOriginalCheckedKeys
2084
- ]);
2085
- const handleAntTreeExpand = allowDuplicatedKeys ? handleUniqueExpand : handleOriginalExpand;
2086
- const handleAntTreeCheck = allowDuplicatedKeys ? handleUniqueCheck : handleOriginalCheck;
2087
- const finalProcessedTreeData = allowDuplicatedKeys ? processedTreeData : originTreeData;
2088
- return {
2089
- processedTreeData: finalProcessedTreeData,
2090
- currentUniqueExpandedKeys,
2091
- currentUniqueCheckedKeys,
2092
- handleAntTreeExpand,
2093
- handleAntTreeCheck
2094
- };
2095
- };
2096
- "use client";
2097
- function useTreeCommon(props) {
2098
- const { treeData: originTreeData = [], expandedKeys: propExpandedKeys, defaultExpandedKeys: propDefaultExpandedKeys = [], defaultExpandAll = false, defaultExpandParent = true, onExpand: propOnExpand, checkedKeys, defaultCheckedKeys, onCheck, allowDuplicatedKeys, className, switcherIcon, ...restProps } = props;
2099
- const resolvedDefaultExpandedKeys = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
2100
- if (defaultExpandAll) {
2101
- const keys = [];
2102
- const traverse = (nodes = [])=>{
2103
- nodes.forEach((node)=>{
2104
- keys.push(node.key);
2105
- if (Array.isArray(node.children)) traverse(node.children);
2106
- });
2107
- };
2108
- traverse(originTreeData);
2109
- return keys;
2110
- }
2111
- if (defaultExpandParent && (null == propDefaultExpandedKeys ? void 0 : propDefaultExpandedKeys.length)) {
2112
- const parentMap = new Map();
2113
- const traverse = (nodes, parent)=>{
2114
- nodes.forEach((node)=>{
2115
- if (parent) parentMap.set(node.key, parent.key);
2116
- const children = Array.isArray(node.children) ? node.children : [];
2117
- if (children.length) traverse(children, node);
2118
- });
2119
- };
2120
- traverse(originTreeData);
2121
- const expanded = new Set(propDefaultExpandedKeys);
2122
- propDefaultExpandedKeys.forEach((key)=>{
2123
- let k = key;
2124
- while(parentMap.has(k)){
2125
- const p = parentMap.get(k);
2126
- if (!expanded.has(p)) expanded.add(p);
2127
- k = p;
2128
- }
2129
- });
2130
- return Array.from(expanded);
2131
- }
2132
- return propDefaultExpandedKeys ?? [];
2133
- }, [
2134
- originTreeData,
2135
- defaultExpandAll,
2136
- defaultExpandParent,
2137
- propDefaultExpandedKeys
2138
- ]);
2139
- const { processedTreeData, currentUniqueExpandedKeys, currentUniqueCheckedKeys, handleAntTreeExpand, handleAntTreeCheck } = useUniqueKeysTree({
2140
- treeData: originTreeData,
2141
- expandedKeys: propExpandedKeys,
2142
- defaultExpandedKeys: resolvedDefaultExpandedKeys,
2143
- onExpand: propOnExpand,
2144
- checkedKeys,
2145
- defaultCheckedKeys,
2146
- onCheck,
2147
- allowDuplicatedKeys
2148
- });
2149
- const cls = useCls();
2150
- const customSwitcherIcon = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.CaretRight, {
2151
- weight: "bold",
2152
- className: cls("caret-switcher-icon")
2153
- });
2154
- return {
2155
- cls,
2156
- customSwitcherIcon,
2157
- processedTreeData,
2158
- currentUniqueExpandedKeys,
2159
- currentUniqueCheckedKeys,
2160
- handleAntTreeExpand,
2161
- handleAntTreeCheck,
2162
- restProps,
2163
- className,
2164
- switcherIcon
2165
- };
2166
- }
2167
- "use client";
2168
- const MainTreeInner = (props, ref)=>{
2169
- const { cls, customSwitcherIcon, processedTreeData, currentUniqueExpandedKeys, currentUniqueCheckedKeys, handleAntTreeExpand, handleAntTreeCheck, restProps, className, switcherIcon } = useTreeCommon(props);
2170
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_tree_05ca9855__["default"], {
2171
- ref: ref,
2172
- className: clsx(cls("tree"), className),
2173
- switcherIcon: switcherIcon || customSwitcherIcon,
2174
- treeData: processedTreeData,
2175
- expandedKeys: currentUniqueExpandedKeys,
2176
- onExpand: handleAntTreeExpand,
2177
- checkedKeys: {
2178
- checked: currentUniqueCheckedKeys,
2179
- halfChecked: []
2180
- },
2181
- onCheck: handleAntTreeCheck,
2182
- ...restProps
2183
- });
2184
- };
2185
- const DirectoryTreeInner = (props, ref)=>{
2186
- const { cls, customSwitcherIcon, processedTreeData, currentUniqueExpandedKeys, currentUniqueCheckedKeys, handleAntTreeExpand, handleAntTreeCheck, restProps, className, switcherIcon } = useTreeCommon(props);
2187
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_tree_05ca9855__["default"].DirectoryTree, {
2188
- ref: ref,
2189
- className: clsx(cls("directory-tree"), className),
2190
- switcherIcon: switcherIcon || customSwitcherIcon,
2191
- treeData: processedTreeData,
2192
- expandedKeys: currentUniqueExpandedKeys,
2193
- onExpand: handleAntTreeExpand,
2194
- checkedKeys: {
2195
- checked: currentUniqueCheckedKeys,
2196
- halfChecked: []
2197
- },
2198
- onCheck: handleAntTreeCheck,
2199
- ...restProps
2200
- });
2201
- };
2202
- const MainTree = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(MainTreeInner);
2203
- const DirectoryTree = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(DirectoryTreeInner);
2204
- const Tree = Object.assign(MainTree, {
2205
- DirectoryTree,
2206
- TreeNode: __WEBPACK_EXTERNAL_MODULE_antd_es_tree_05ca9855__["default"].TreeNode
2207
- });
2208
- const Spin = ({ indicator, ...rest })=>{
2209
- const cls = useCls();
2210
- const spinIndicator = indicator || /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
2211
- className: cls("spin-loader")
2212
- });
2213
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_spin_c7b761a0__["default"], {
2214
- indicator: spinIndicator,
2215
- ...rest
2216
- });
2217
- };
2218
- "use client";
2219
- const FormItem = ({ tooltip, label, optionalMark, ...rest })=>{
2220
- const cls = useCls();
2221
- const renderedLabel = tooltip || optionalMark ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("span", {
2222
- className: cls("form-item-label-inner"),
2223
- children: [
2224
- label,
2225
- tooltip && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconButton, {
2226
- className: cls("form-item-explaination-icon"),
2227
- label: "string" == typeof tooltip || /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.isValidElement)(tooltip) ? tooltip : void 0,
2228
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.Question, {})
2229
- }),
2230
- optionalMark && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
2231
- className: cls("form-item-label-optional-mark"),
2232
- children: "boolean" == typeof optionalMark ? "(optional)" : optionalMark
2233
- })
2234
- ]
2235
- }) : label;
2236
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_form_FormItem_940c64da__["default"], {
2237
- label: renderedLabel,
2238
- ...rest
2239
- });
2240
- };
2241
- "use client";
2242
- const InternalForm = ({ ...rest })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_form_Form_38f624ac__["default"], {
2243
- ...rest
2244
- });
2245
- const Form = Object.assign(InternalForm, {
2246
- useForm: __WEBPACK_EXTERNAL_MODULE_antd_es_form_Form_38f624ac__.useForm,
2247
- useFormInstance: __WEBPACK_EXTERNAL_MODULE_antd_es_form_hooks_useFormInstance_2ae86589__["default"],
2248
- useWatch: __WEBPACK_EXTERNAL_MODULE_antd_es_form_Form_38f624ac__.useWatch,
2249
- Item: FormItem,
2250
- List: __WEBPACK_EXTERNAL_MODULE_antd_es_form_FormList_8c66a51b__["default"],
2251
- ErrorList: __WEBPACK_EXTERNAL_MODULE_antd_es_form_ErrorList_c62fef91__["default"],
2252
- Provider: __WEBPACK_EXTERNAL_MODULE_antd_es_form_context_0a1516eb__.FormProvider
2253
- });
2254
- "use client";
2255
- const FieldInner = ({ label, className, size = "small", colon = true, type = "input", ...rest }, ref)=>{
2256
- const cls = useCls();
2257
- const id = (0, __WEBPACK_EXTERNAL_MODULE_react__.useId)();
2258
- const cssVarClassname = useAntdCssVarClassname();
2259
- const renderInputOrSelect = ()=>{
2260
- if ("select" === type) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Select, {
2261
- id: id,
2262
- ref: ref,
2263
- size: size,
2264
- ...rest.selectProps || {}
2265
- });
2266
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input, {
2267
- id: id,
2268
- ref: ref,
2269
- size: size,
2270
- ...rest.inputProps || {}
2271
- });
2272
- };
2273
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
2274
- className: clsx(cls("field"), cssVarClassname, className),
2275
- children: [
2276
- label && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("label", {
2277
- htmlFor: id,
2278
- className: cls("field-label"),
2279
- children: [
2280
- label,
2281
- colon ? ":" : ""
2282
- ]
2283
- }),
2284
- renderInputOrSelect()
2285
- ]
2286
- });
2287
- };
2288
- const Field = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(FieldInner);
2289
- "use client";
2290
- const Tour = ({ indicatorsRender, ...rest })=>{
2291
- const cls = useCls();
2292
- const defaultIndicatorRender = (current, total)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
2293
- className: cls("tour-indicator-wrapper"),
2294
- children: [
2295
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("span", {
2296
- className: cls("tour-indicator-summary-text"),
2297
- children: [
2298
- current + 1,
2299
- "/",
2300
- total
2301
- ]
2302
- }),
2303
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2304
- children: Array.from({
2305
- length: total
2306
- }).map((_, index)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
2307
- className: clsx(index === current && cls("tour-indicator-active"), cls("tour-indicator"))
2308
- }, index))
2309
- })
2310
- ]
2311
- });
2312
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_tour_6998cb50__["default"], {
2313
- indicatorsRender: indicatorsRender || defaultIndicatorRender,
2314
- ...rest
2315
- });
2316
- };
2317
- "use client";
2318
- const toastManager = __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.createToastManager();
2319
- function createToastTypeFunction(type) {
2320
- return (message, options)=>{
2321
- const toastId = toastManager.add({
2322
- description: message,
2323
- data: {
2324
- type: type
2325
- },
2326
- ..."progress" === type || "error" === type ? {
2327
- timeout: 0
2328
- } : {},
2329
- ...options
2330
- });
2331
- return toastId;
2332
- };
2333
- }
2334
- const function_toast = Object.assign(createToastTypeFunction("info"), {
2335
- info: createToastTypeFunction("info"),
2336
- success: createToastTypeFunction("success"),
2337
- error: createToastTypeFunction("error"),
2338
- warning: createToastTypeFunction("warning"),
2339
- progress: createToastTypeFunction("progress")
2340
- });
2341
- "use client";
2342
- const CodeBlock = ({ code, children, lang: defaultLang = "tsx", className, options, activeOption: controlledActiveOption, defaultActiveOption = 0, onActiveOptionChange, copyText = "Copy", copySuccessText = "Copied", classNames, maxHeight, ...rest })=>{
2343
- const [activeOption, setActiveOption] = useControlledState(controlledActiveOption, onActiveOptionChange, defaultActiveOption);
2344
- const [currentCode, setCurrentCode] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(code || "");
2345
- const [lang, setLang] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(defaultLang);
2346
- const hasOptions = options && options.length > 0;
2347
- (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
2348
- if (hasOptions) {
2349
- var _options_activeOption, _options_activeOption1;
2350
- const newCode = (null == (_options_activeOption = options[activeOption]) ? void 0 : _options_activeOption.code) || "";
2351
- const newLang = (null == (_options_activeOption1 = options[activeOption]) ? void 0 : _options_activeOption1.lang) || defaultLang;
2352
- setCurrentCode(newCode);
2353
- setLang(newLang);
2354
- }
2355
- }, [
2356
- code,
2357
- activeOption,
2358
- defaultActiveOption,
2359
- options,
2360
- defaultLang,
2361
- hasOptions,
2362
- setActiveOption
2363
- ]);
2364
- const [tooltipContent, setTooltipContent] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(copyText);
2365
- const [copySuccess, setCopySuccess] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
2366
- const handleCopy = ()=>{
2367
- const codeContent = currentCode ? currentCode : reactNodeToString(children);
2368
- try {
2369
- navigator.clipboard.writeText(codeContent).then(()=>{
2370
- setTooltipContent(copySuccessText);
2371
- setCopySuccess(true);
2372
- });
2373
- } catch (_) {
2374
- setTooltipContent("Failed to copy");
2375
- }
2376
- };
2377
- const handleMouseLeave = ()=>{
2378
- setTooltipContent(copyText);
2379
- setCopySuccess(false);
2380
- };
2381
- const cls = useCls();
2382
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ThemeProvider, {
2383
- theme: "dark",
2384
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(WithAntdTokens, {
2385
- className: clsx(cls("code-block"), className, null == classNames ? void 0 : classNames.root),
2386
- ...rest,
2387
- children: [
2388
- hasOptions && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2389
- className: cls("code-block-header", null == classNames ? void 0 : classNames.header),
2390
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Segmented, {
2391
- value: activeOption,
2392
- onChange: setActiveOption,
2393
- options: options.map((opt, index)=>({
2394
- label: opt.label,
2395
- value: index
2396
- }))
2397
- })
2398
- }),
2399
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2400
- className: cls("code-block-copy"),
2401
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconButton, {
2402
- onClick: handleCopy,
2403
- label: tooltipContent,
2404
- onMouseLeave: handleMouseLeave,
2405
- children: copySuccess ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.Check, {}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.Copy, {})
2406
- })
2407
- }),
2408
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2409
- className: cls("code-block-content", null == classNames ? void 0 : classNames.content),
2410
- style: {
2411
- maxHeight: maxHeight && ("number" == typeof maxHeight ? `${maxHeight}px` : maxHeight)
2412
- },
2413
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ScrollArea, {
2414
- children: currentCode ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_prism_react_renderer_be33806e__.Highlight, {
2415
- language: lang,
2416
- code: currentCode,
2417
- theme: __WEBPACK_EXTERNAL_MODULE_prism_react_renderer_be33806e__.themes.vsDark,
2418
- children: ({ className, style, tokens, getLineProps, getTokenProps })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("pre", {
2419
- style: {
2420
- ...style,
2421
- backgroundColor: "transparent"
2422
- },
2423
- className: className,
2424
- children: tokens.map((line, i)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2425
- ...getLineProps({
2426
- line
2427
- }),
2428
- children: line.map((token, key)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
2429
- ...getTokenProps({
2430
- token
2431
- })
2432
- }, key))
2433
- }, i))
2434
- })
2435
- }) : children
2436
- })
2437
- })
2438
- ]
2439
- })
2440
- });
2441
- };
2442
- "use client";
2443
- function InnerToast({ toast }) {
2444
- var _toast_data;
2445
- const cls = useCls();
2446
- const toastIconMap = {
2447
- info: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.Info, {
2448
- weight: "fill"
2449
- }),
2450
- warning: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.WarningCircle, {
2451
- weight: "fill"
2452
- }),
2453
- error: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.XCircle, {
2454
- weight: "fill"
2455
- }),
2456
- success: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.CheckCircle, {
2457
- weight: "fill"
2458
- }),
2459
- progress: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.CircleNotch, {})
2460
- };
2461
- const type = (null == (_toast_data = toast.data) ? void 0 : _toast_data.type) || "info";
2462
- const isTraceback = isTracebackError(null == toast ? void 0 : toast.description);
2463
- (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
2464
- if (isTraceback) toastManager.update(toast.id, {
2465
- timeout: 0
2466
- });
2467
- }, [
2468
- isTraceback,
2469
- toast.id
2470
- ]);
2471
- const renderDescription = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((props)=>{
2472
- const { children, className, ...rest } = props;
2473
- if (isTraceback) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
2474
- ...rest,
2475
- className: cls("toast-description", isTraceback ? "toast-description-traceback" : "", className),
2476
- children: [
2477
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("p", {
2478
- children: [
2479
- "An unexpected error occurred.",
2480
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("br", {}),
2481
- "Please contact us with error details for support."
2482
- ]
2483
- }),
2484
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
2485
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Button, {
2486
- size: "small",
2487
- onClick: ()=>{
2488
- Modal_Modal.open({
2489
- title: "Error details",
2490
- content: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(CodeBlock, {
2491
- children: children
2492
- }),
2493
- hideOkButton: true
2494
- });
2495
- toastManager.close(toast.id);
2496
- },
2497
- children: "View error details"
2498
- })
2499
- })
2500
- ]
2501
- });
2502
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
2503
- ...rest,
2504
- className: cls("toast-description", className),
2505
- children: children
2506
- });
2507
- }, [
2508
- isTraceback,
2509
- cls,
2510
- toast.id
2511
- ]);
2512
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.Root, {
2513
- toast: toast,
2514
- className: cls("toast"),
2515
- children: [
2516
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
2517
- className: cls("toast-icon-wrap"),
2518
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
2519
- className: cls("toast-icon", `toast-icon-${type}`),
2520
- children: toastIconMap[type]
2521
- })
2522
- }),
2523
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
2524
- className: cls("toast-content"),
2525
- children: [
2526
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.Title, {
2527
- className: cls("toast-title")
2528
- }),
2529
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.Description, {
2530
- render: renderDescription
2531
- })
2532
- ]
2533
- }),
2534
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.Close, {
2535
- className: cls("toast-close"),
2536
- render: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconButton, {
2537
- size: "small",
2538
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.X, {})
2539
- })
2540
- })
2541
- ]
2542
- });
2543
- }
2544
- function ToastList({ className }) {
2545
- const { toasts } = __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.useToastManager();
2546
- const cls = useCls();
2547
- const cssVars = useAntdCssVarClassname();
2548
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.Viewport, {
2549
- className: clsx(cls("toast-viewport"), cssVars, className),
2550
- children: toasts.map((toast)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(InnerToast, {
2551
- toast: toast
2552
- }, toast.id))
2553
- });
2554
- }
2555
- function ToastProvider(props) {
2556
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.Provider, {
2557
- toastManager: toastManager,
2558
- ...props
2559
- });
2560
- }
2561
- const Toast = Object.assign(InnerToast, {
2562
- List: ToastList,
2563
- Provider: ToastProvider
2564
- });
2565
- "use client";
2566
- "use client";
2567
- const VerticalCollapsiblePanel = ({ children, title, defaultOpen = false, open: controlledOpen, onOpenChange, className, headerClassName, headerInnerClassName, bodyClassName, contentPadding = "16px", afterTitle, actions, useTitleAsTrigger = true, keepMounted = false })=>{
2568
- const cls = useCls();
2569
- const [isOpen, setIsOpen] = useControlledState(controlledOpen, onOpenChange, defaultOpen);
2570
- const [isBodyOpen, setIsBodyOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(isOpen);
2571
- const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
2572
- const runOnceAnimationsFinish = useAnimationsFinished(ref, isOpen);
2573
- const cssVars = useAntdCssVarClassname();
2574
- (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
2575
- runOnceAnimationsFinish(()=>{
2576
- setIsBodyOpen(isOpen);
2577
- });
2578
- }, [
2579
- isOpen,
2580
- runOnceAnimationsFinish
2581
- ]);
2582
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Collapsible.Root, {
2583
- className: clsx(cls("collapsible-panel"), cssVars, className),
2584
- open: isOpen,
2585
- onOpenChange: setIsOpen,
2586
- ref: ref,
2587
- children: [
2588
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
2589
- className: clsx(cls("collapsible-panel-header"), headerClassName),
2590
- children: [
2591
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
2592
- className: clsx(cls("collapsible-panel-header-inner"), headerInnerClassName),
2593
- children: [
2594
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2595
- className: cls("collapsible-panel-header-text"),
2596
- onClick: useTitleAsTrigger ? ()=>setIsOpen((open)=>!open) : void 0,
2597
- style: useTitleAsTrigger ? {
2598
- cursor: "pointer"
2599
- } : {},
2600
- children: "string" == typeof title ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Truncate, {
2601
- children: title
2602
- }) : title
2603
- }),
2604
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
2605
- className: cls("collapsible-panel-header-actions"),
2606
- children: [
2607
- isOpen && actions,
2608
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Collapsible.Trigger, {
2609
- className: cls("collapsible-panel-trigger"),
2610
- render: isOpen ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconButton, {
2611
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.MinusCircle, {
2612
- weight: "bold",
2613
- className: clsx(cls("collapsible-panel-caret"), isOpen && cls("collapsible-panel-caret-open"))
2614
- })
2615
- }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconButton, {
2616
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.PlusCircle, {
2617
- weight: "bold",
2618
- className: clsx(cls("collapsible-panel-caret"), isOpen && cls("collapsible-panel-caret-open"))
2619
- })
2620
- })
2621
- })
2622
- ]
2623
- })
2624
- ]
2625
- }),
2626
- isOpen && afterTitle && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2627
- className: cls("collapsible-panel-header-after"),
2628
- children: afterTitle
2629
- })
2630
- ]
2631
- }),
2632
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Collapsible.Panel, {
2633
- className: cls("collapsible-panel-content"),
2634
- style: void 0 !== contentPadding ? {
2635
- "--ds-content-padding": false === contentPadding || 0 === contentPadding ? "0" : "number" == typeof contentPadding ? `${contentPadding}px` : contentPadding
2636
- } : {},
2637
- keepMounted: keepMounted,
2638
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Transition, {
2639
- show: isBodyOpen,
2640
- className: clsx(cls("collapsible-panel-body"), bodyClassName),
2641
- keepMounted: true,
2642
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2643
- children: children
2644
- })
2645
- })
2646
- })
2647
- ]
2648
- });
2649
- };
2650
- "use client";
2651
- const PopupPanel = ({ children, placement, openOnHover = false, open: outsideOpen, onOpenChange: outsideOnOpenChange, content, title, trigger = "click", className, anchor, beforeCloseButton, afterCloseButton, afterTitle, size = "medium", footer, defaultOpen, resizable = false })=>{
2652
- const [open, setOpen] = useControlledState(outsideOpen, outsideOnOpenChange, defaultOpen ?? false);
2653
- const cls = useCls();
2654
- const antdCssVarClassname = useAntdCssVarClassname();
2655
- const headlessUIPlacement = parseAntdPlacement(placement);
2656
- const triggerRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
2657
- const [popupRef, setPopupRef] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null);
2658
- const [width, setWidth] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)();
2659
- const [height, setHeight] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)();
2660
- const callbackRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((node)=>{
2661
- setPopupRef(node);
2662
- }, []);
2663
- (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
2664
- if (!popupRef) return;
2665
- const observer = new ResizeObserver((entries)=>{
2666
- for (const entry of entries){
2667
- setWidth(entry.contentRect.width);
2668
- setHeight(entry.contentRect.height);
2669
- }
2670
- });
2671
- observer.observe(popupRef);
2672
- return ()=>{
2673
- observer.disconnect();
2674
- };
2675
- }, [
2676
- popupRef
2677
- ]);
2678
- const defaultCloseIcon = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.X, {
2679
- size: 16
2680
- }), []);
2681
- const renderTitle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
2682
- className: cls("popup-panel-header"),
2683
- children: [
2684
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd_es_flex_86593150__["default"], {
2685
- align: "center",
2686
- gap: 8,
2687
- className: cls("popup-panel-title-wrapper"),
2688
- children: [
2689
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__.Popover.Title, {
2690
- render: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2691
- className: cls("grow", "truncate"),
2692
- children: title
2693
- })
2694
- }),
2695
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
2696
- className: "flex items-center gap-2",
2697
- children: [
2698
- beforeCloseButton,
2699
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__.Popover.Close, {
2700
- render: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconButton, {
2701
- children: defaultCloseIcon
2702
- })
2703
- }),
2704
- afterCloseButton
2705
- ]
2706
- })
2707
- ]
2708
- }),
2709
- afterTitle ? afterTitle : null
2710
- ]
2711
- }), [
2712
- afterCloseButton,
2713
- afterTitle,
2714
- beforeCloseButton,
2715
- cls,
2716
- defaultCloseIcon,
2717
- title
2718
- ]);
2719
- const [resizing, setResizing] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
2720
- const { getRootProps, getHandleProps, rootRef } = (0, __WEBPACK_EXTERNAL_MODULE_react_use_resizable_ad29d4b1__.useResizable)({
2721
- initialWidth: width,
2722
- initialHeight: height,
2723
- onDragStart: ()=>setResizing(true),
2724
- onDragEnd: ()=>setResizing(false)
2725
- });
2726
- (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
2727
- if (resizing) document.body.style.userSelect = "none";
2728
- else document.body.style.userSelect = "";
2729
- }, [
2730
- resizing
2731
- ]);
2732
- const onReverseHandleChangeVertical = (parent, values)=>{
2733
- if (!parent.current) return;
2734
- const { heightDiff } = values;
2735
- parent.current.style.top = `${parseInt(parent.current.style.top || "0") - heightDiff}px`;
2736
- };
2737
- const onReverseHandleChangeHorizontal = (parent, values)=>{
2738
- if (!parent.current) return;
2739
- const { widthDiff } = values;
2740
- parent.current.style.left = `${parseInt(parent.current.style.left || "0") - widthDiff}px`;
2741
- };
2742
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__.Popover.Root, {
2743
- openOnHover: "hover" === trigger ? true : openOnHover,
2744
- open: open,
2745
- onOpenChange: (newOpen)=>{
2746
- setOpen(newOpen);
2747
- },
2748
- delay: 100,
2749
- children: [
2750
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__.Popover.Trigger, {
2751
- render: children,
2752
- ref: triggerRef
2753
- }),
2754
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__.Popover.Portal, {
2755
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__.Popover.Positioner, {
2756
- className: cls("popup-panel-root"),
2757
- side: headlessUIPlacement.placement,
2758
- align: headlessUIPlacement.align,
2759
- sideOffset: 4,
2760
- anchor: anchor,
2761
- style: {
2762
- "--size-width": size ? constants_PopupPanelSize[size] : void 0
2763
- },
2764
- ref: callbackRef,
2765
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__.Popover.Popup, {
2766
- className: clsx(cls("popup-panel"), antdCssVarClassname, className),
2767
- ...getRootProps(),
2768
- ...resizing ? {
2769
- "data-resizing": true
2770
- } : {},
2771
- children: [
2772
- title && renderTitle(),
2773
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2774
- className: cls("popup-panel-content"),
2775
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2776
- className: cls("popup-panel-content-inner"),
2777
- children: content
2778
- })
2779
- }),
2780
- footer && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2781
- className: cls("popup-panel-footer"),
2782
- children: "function" == typeof footer ? footer({
2783
- close: ()=>setOpen(false)
2784
- }) : footer
2785
- }),
2786
- resizable && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
2787
- children: [
2788
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2789
- className: cls("resize-handle-top"),
2790
- ...getHandleProps({
2791
- reverse: true,
2792
- lockHorizontal: true,
2793
- onResize: (values)=>onReverseHandleChangeVertical(rootRef, values)
2794
- })
2795
- }),
2796
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2797
- className: cls("resize-handle-bottom"),
2798
- ...getHandleProps({
2799
- lockHorizontal: true
2800
- })
2801
- }),
2802
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2803
- className: cls("resize-handle-left"),
2804
- ...getHandleProps({
2805
- reverse: true,
2806
- lockVertical: true,
2807
- onResize: (values)=>onReverseHandleChangeHorizontal(rootRef, values)
2808
- })
2809
- }),
2810
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
2811
- className: cls("resize-handle-right"),
2812
- ...getHandleProps({
2813
- lockVertical: true
2814
- })
2815
- })
2816
- ]
2817
- })
2818
- ]
2819
- })
2820
- })
2821
- })
2822
- ]
2823
- });
2824
- };
2825
- const MainInputInner = (props, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input, {
2826
- ref: ref,
2827
- ...props
2828
- });
2829
- const PasswordInner = (props, ref)=>{
2830
- const mergedProps = {
2831
- iconRender: (visible)=>visible ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.Eye, {
2832
- size: 16
2833
- }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.EyeClosed, {
2834
- size: 16
2835
- }),
2836
- ...props
2837
- };
2838
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input.Password, {
2839
- ref: ref,
2840
- ...mergedProps
2841
- });
2842
- };
2843
- const SearchInner = (props, ref)=>{
2844
- const mergedProps = {
2845
- enterButton: true === props.enterButton ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.MagnifyingGlass, {
2846
- size: 16
2847
- }) : props.enterButton,
2848
- ...props
2849
- };
2850
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input.Search, {
2851
- ref: ref,
2852
- ...mergedProps
2853
- });
2854
- };
2855
- const TextAreaInner = (props, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input.TextArea, {
2856
- ref: ref,
2857
- ...props
2858
- });
2859
- const MainInput = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(MainInputInner);
2860
- const Password = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(PasswordInner);
2861
- const Search = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(SearchInner);
2862
- const TextArea = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(TextAreaInner);
2863
- const Input = Object.assign(MainInput, {
2864
- Password,
2865
- Search,
2866
- TextArea
2867
- });
2868
- const Badge = ({ count, showZero, ...rest })=>{
2869
- const cls = useCls();
2870
- const antdCssVar = useAntdCssVarClassname();
2871
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_badge_f5f828f9__["default"], {
2872
- count: count,
2873
- showZero: showZero,
2874
- className: clsx(cls("badge"), antdCssVar),
2875
- ...rest
2876
- });
2877
- };
2878
- const RadioInner = ({ className, style, ...rest }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_radio_e6b5c17a__["default"], {
2879
- ref: ref,
2880
- className: className,
2881
- style: style,
2882
- ...rest
2883
- });
2884
- const RadioGroup = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_radio_e6b5c17a__.Group, {
2885
- ...props
2886
- });
2887
- const RadioButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, style, ...rest }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_radio_e6b5c17a__.Button, {
2888
- ref: ref,
2889
- className: className,
2890
- style: style,
2891
- ...rest
2892
- }));
2893
- const ForwardedRadio = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(RadioInner);
2894
- const Radio = Object.assign(ForwardedRadio, {
2895
- Group: RadioGroup,
2896
- Button: RadioButton
2897
- });
2898
- "use client";
2899
- const DSRootContext = __WEBPACK_EXTERNAL_MODULE_react__["default"].createContext({
2900
- theme: "light"
2901
- });
2902
- const DSRootContextProvider = DSRootContext.Provider;
2903
- const useDS = ()=>__WEBPACK_EXTERNAL_MODULE_react__["default"].useContext(DSRootContext);
2904
- "use client";
2905
- const DSRoot = ({ className, appendClassesTo = "html", children, theme, ...props })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DSRootContextProvider, {
2906
- value: {
2907
- theme: theme
2908
- },
2909
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ThemeProvider, {
2910
- theme: theme,
2911
- ...props,
2912
- appendClassesTo: appendClassesTo,
2913
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_app_App_698582f4__["default"], {
2914
- className: className,
2915
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Toast.Provider, {
2916
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Modal_Modal.Provider, {
2917
- children: [
2918
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Toast.List, {}),
2919
- children
2920
- ]
2921
- })
2922
- })
2923
- })
2924
- })
2925
- });
2926
- "use client";
2927
- const useToken = __WEBPACK_EXTERNAL_MODULE_antd_es_theme_57fdaa32__["default"].useToken;
2928
- const useBreakpoint = __WEBPACK_EXTERNAL_MODULE_antd_es_grid_ec1d1712__["default"].useBreakpoint;
2929
- const useMessage = ()=>{
2930
- const { message } = (0, __WEBPACK_EXTERNAL_MODULE_antd_es_app_useApp_90d95086__["default"])();
2931
- return message;
2932
- };
2933
- const antd_useModal = ()=>{
2934
- const { modal } = (0, __WEBPACK_EXTERNAL_MODULE_antd_es_app_useApp_90d95086__["default"])();
2935
- return modal;
2936
- };
2937
- const rawChartColorTokens = {
2938
- colorChartsRed300: {
2939
- light: "#ea7158",
2940
- dark: "#d63f38"
2941
- },
2942
- colorChartsRed400: {
2943
- light: "#dc5032",
2944
- dark: "#ed5958"
2945
- },
2946
- colorChartsRed500: {
2947
- light: "#d13313",
2948
- dark: "#fe6e73"
2949
- },
2950
- colorChartsRed600: {
2951
- light: "#ba2e0f",
2952
- dark: "#ff8a8a"
2953
- },
2954
- colorChartsRed700: {
2955
- light: "#a82a0c",
2956
- dark: "#ffa09e"
2957
- },
2958
- colorChartsRed800: {
2959
- light: "#972709",
2960
- dark: "#ffb3b0"
2961
- },
2962
- colorChartsRed900: {
2963
- light: "#892407",
2964
- dark: "#ffc4c0"
2965
- },
2966
- colorChartsRed1000: {
2967
- light: "#7d2105",
2968
- dark: "#ffd2cf"
2969
- },
2970
- colorChartsRed1100: {
2971
- light: "#721e03",
2972
- dark: "#ffe0dd"
2973
- },
2974
- colorChartsRed1200: {
2975
- light: "#671c00",
2976
- dark: "#ffecea"
2977
- },
2978
- colorChartsOrange300: {
2979
- light: "#e07941",
2980
- dark: "#c55305"
2981
- },
2982
- colorChartsOrange400: {
2983
- light: "#cc5f21",
2984
- dark: "#de6923"
2985
- },
2986
- colorChartsOrange500: {
2987
- light: "#bc4d01",
2988
- dark: "#f27c36"
2989
- },
2990
- colorChartsOrange600: {
2991
- light: "#a84401",
2992
- dark: "#f89256"
2993
- },
2994
- colorChartsOrange700: {
2995
- light: "#983c02",
2996
- dark: "#fca572"
2997
- },
2998
- colorChartsOrange800: {
2999
- light: "#8a3603",
3000
- dark: "#ffb68b"
3001
- },
3002
- colorChartsOrange900: {
3003
- light: "#7e3103",
3004
- dark: "#ffc6a4"
3005
- },
3006
- colorChartsOrange1000: {
3007
- light: "#732c02",
3008
- dark: "#ffd4bb"
3009
- },
3010
- colorChartsOrange1100: {
3011
- light: "#692801",
3012
- dark: "#ffe1cf"
3013
- },
3014
- colorChartsOrange1200: {
3015
- light: "#602400",
3016
- dark: "#ffede2"
3017
- },
3018
- colorChartsYellow300: {
3019
- light: "#b2911c",
3020
- dark: "#977001"
3021
- },
3022
- colorChartsYellow400: {
3023
- light: "#9c7b0b",
3024
- dark: "#b08400"
3025
- },
3026
- colorChartsYellow500: {
3027
- light: "#8a6b05",
3028
- dark: "#c59600"
3029
- },
3030
- colorChartsYellow600: {
3031
- light: "#7b5f04",
3032
- dark: "#d3a61c"
3033
- },
3034
- colorChartsYellow700: {
3035
- light: "#6f5504",
3036
- dark: "#dfb52c"
3037
- },
3038
- colorChartsYellow800: {
3039
- light: "#654d03",
3040
- dark: "#eac33a"
3041
- },
3042
- colorChartsYellow900: {
3043
- light: "#5d4503",
3044
- dark: "#f1cf65"
3045
- },
3046
- colorChartsYellow1000: {
3047
- light: "#553f03",
3048
- dark: "#f7db8a"
3049
- },
3050
- colorChartsYellow1100: {
3051
- light: "#4d3901",
3052
- dark: "#fce5a8"
3053
- },
3054
- colorChartsYellow1200: {
3055
- light: "#483300",
3056
- dark: "#ffefc9"
3057
- },
3058
- colorChartsGreen300: {
3059
- light: "#67a353",
3060
- dark: "#48851a"
3061
- },
3062
- colorChartsGreen400: {
3063
- light: "#41902c",
3064
- dark: "#5a9b29"
3065
- },
3066
- colorChartsGreen500: {
3067
- light: "#1f8104",
3068
- dark: "#69ae34"
3069
- },
3070
- colorChartsGreen600: {
3071
- light: "#1a7302",
3072
- dark: "#7dbd4c"
3073
- },
3074
- colorChartsGreen700: {
3075
- light: "#176702",
3076
- dark: "#8fca61"
3077
- },
3078
- colorChartsGreen800: {
3079
- light: "#145d02",
3080
- dark: "#9fd673"
3081
- },
3082
- colorChartsGreen900: {
3083
- light: "#125502",
3084
- dark: "#b2df8d"
3085
- },
3086
- colorChartsGreen1000: {
3087
- light: "#104d01",
3088
- dark: "#c5e7a8"
3089
- },
3090
- colorChartsGreen1100: {
3091
- light: "#0f4601",
3092
- dark: "#d5efbe"
3093
- },
3094
- colorChartsGreen1200: {
3095
- light: "#0d4000",
3096
- dark: "#e4f7d5"
3097
- },
3098
- colorChartsTeal300: {
3099
- light: "#2ea597",
3100
- dark: "#018977"
3101
- },
3102
- colorChartsTeal400: {
3103
- light: "#1c8e81",
3104
- dark: "#009d89"
3105
- },
3106
- colorChartsTeal500: {
3107
- light: "#0d7d70",
3108
- dark: "#00b09b"
3109
- },
3110
- colorChartsTeal600: {
3111
- light: "#096f64",
3112
- dark: "#40bfa9"
3113
- },
3114
- colorChartsTeal700: {
3115
- light: "#06645a",
3116
- dark: "#5fccb7"
3117
- },
3118
- colorChartsTeal800: {
3119
- light: "#045b52",
3120
- dark: "#77d7c3"
3121
- },
3122
- colorChartsTeal900: {
3123
- light: "#03524a",
3124
- dark: "#94e0d0"
3125
- },
3126
- colorChartsTeal1000: {
3127
- light: "#014b44",
3128
- dark: "#ace9db"
3129
- },
3130
- colorChartsTeal1100: {
3131
- light: "#01443e",
3132
- dark: "#c2f0e6"
3133
- },
3134
- colorChartsTeal1200: {
3135
- light: "#003e38",
3136
- dark: "#d7f7f0"
3137
- },
3138
- colorChartsBlue1300: {
3139
- light: "#529ccb",
3140
- dark: "#00819c"
3141
- },
3142
- colorChartsBlue1400: {
3143
- light: "#3184c2",
3144
- dark: "#0497ba"
3145
- },
3146
- colorChartsBlue1500: {
3147
- light: "#0273bb",
3148
- dark: "#08aad2"
3149
- },
3150
- colorChartsBlue1600: {
3151
- light: "#0166ab",
3152
- dark: "#44b9dd"
3153
- },
3154
- colorChartsBlue1700: {
3155
- light: "#015b9d",
3156
- dark: "#63c6e7"
3157
- },
3158
- colorChartsBlue1800: {
3159
- light: "#015292",
3160
- dark: "#79d2f0"
3161
- },
3162
- colorChartsBlue1900: {
3163
- light: "#014a87",
3164
- dark: "#98dcf5"
3165
- },
3166
- colorChartsBlue11000: {
3167
- light: "#01437d",
3168
- dark: "#b3e4f8"
3169
- },
3170
- colorChartsBlue11100: {
3171
- light: "#003c75",
3172
- dark: "#caedfc"
3173
- },
3174
- colorChartsBlue11200: {
3175
- light: "#00366d",
3176
- dark: "#ddf4ff"
3177
- },
3178
- colorChartsBlue2300: {
3179
- light: "#688ae8",
3180
- dark: "#486de8"
3181
- },
3182
- colorChartsBlue2400: {
3183
- light: "#5978e3",
3184
- dark: "#6384f5"
3185
- },
3186
- colorChartsBlue2500: {
3187
- light: "#4066df",
3188
- dark: "#7698fe"
3189
- },
3190
- colorChartsBlue2600: {
3191
- light: "#3759ce",
3192
- dark: "#8ea9ff"
3193
- },
3194
- colorChartsBlue2700: {
3195
- light: "#314fbf",
3196
- dark: "#a2b8ff"
3197
- },
3198
- colorChartsBlue2800: {
3199
- light: "#2c46b1",
3200
- dark: "#b1c5ff"
3201
- },
3202
- colorChartsBlue2900: {
3203
- light: "#273ea5",
3204
- dark: "#c3d1ff"
3205
- },
3206
- colorChartsBlue21000: {
3207
- light: "#23379b",
3208
- dark: "#d2dcff"
3209
- },
3210
- colorChartsBlue21100: {
3211
- light: "#1f3191",
3212
- dark: "#dfe6ff"
3213
- },
3214
- colorChartsBlue21200: {
3215
- light: "#1b2b88",
3216
- dark: "#ecf0ff"
3217
- },
3218
- colorChartsPurple300: {
3219
- light: "#a783e1",
3220
- dark: "#8d59de"
3221
- },
3222
- colorChartsPurple400: {
3223
- light: "#9469d6",
3224
- dark: "#a173ea"
3225
- },
3226
- colorChartsPurple500: {
3227
- light: "#8456ce",
3228
- dark: "#b088f5"
3229
- },
3230
- colorChartsPurple600: {
3231
- light: "#7749bf",
3232
- dark: "#bf9bf9"
3233
- },
3234
- colorChartsPurple700: {
3235
- light: "#6b40b2",
3236
- dark: "#cbabfc"
3237
- },
3238
- colorChartsPurple800: {
3239
- light: "#6237a7",
3240
- dark: "#d6baff"
3241
- },
3242
- colorChartsPurple900: {
3243
- light: "#59309d",
3244
- dark: "#dfc8ff"
3245
- },
3246
- colorChartsPurple1000: {
3247
- light: "#512994",
3248
- dark: "#e8d5ff"
3249
- },
3250
- colorChartsPurple1100: {
3251
- light: "#4a238b",
3252
- dark: "#efe2ff"
3253
- },
3254
- colorChartsPurple1200: {
3255
- light: "#431d84",
3256
- dark: "#f5edff"
3257
- },
3258
- colorChartsPink300: {
3259
- light: "#da7596",
3260
- dark: "#c64a70"
3261
- },
3262
- colorChartsPink400: {
3263
- light: "#ce567c",
3264
- dark: "#d56889"
3265
- },
3266
- colorChartsPink500: {
3267
- light: "#c33d69",
3268
- dark: "#e07f9d"
3269
- },
3270
- colorChartsPink600: {
3271
- light: "#b1325c",
3272
- dark: "#eb92ad"
3273
- },
3274
- colorChartsPink700: {
3275
- light: "#a32952",
3276
- dark: "#f5a2bb"
3277
- },
3278
- colorChartsPink800: {
3279
- light: "#962249",
3280
- dark: "#ffb0c8"
3281
- },
3282
- colorChartsPink900: {
3283
- light: "#8b1b42",
3284
- dark: "#ffc1d4"
3285
- },
3286
- colorChartsPink1000: {
3287
- light: "#81143b",
3288
- dark: "#ffd1de"
3289
- },
3290
- colorChartsPink1100: {
3291
- light: "#780d35",
3292
- dark: "#ffdfe8"
3293
- },
3294
- colorChartsPink1200: {
3295
- light: "#6f062f",
3296
- dark: "#ffecf1"
3297
- },
3298
- colorChartsStatusCritical: {
3299
- light: "{colorChartsRed1000}",
3300
- dark: "{colorChartsRed300}"
3301
- },
3302
- colorChartsStatusHigh: {
3303
- light: "{colorChartsRed600}",
3304
- dark: "{colorChartsRed500}"
3305
- },
3306
- colorChartsStatusMedium: {
3307
- light: "{colorChartsOrange400}",
3308
- dark: "{colorChartsOrange600}"
3309
- },
3310
- colorChartsStatusLow: {
3311
- light: "{colorChartsYellow300}",
3312
- dark: "{colorChartsYellow700}"
3313
- },
3314
- colorChartsStatusPositive: {
3315
- light: "{colorChartsGreen300}",
3316
- dark: "{colorChartsGreen500}"
3317
- },
3318
- colorChartsStatusInfo: {
3319
- light: "{colorChartsBlue1400}",
3320
- dark: "{colorChartsBlue1500}"
3321
- },
3322
- colorChartsStatusNeutral: antdColorTokens.colorTextSecondary,
3323
- colorChartsThresholdNegative: antdColorTokens.colorError,
3324
- colorChartsThresholdPositive: antdColorTokens.colorSuccess,
3325
- colorChartsThresholdInfo: antdColorTokens.colorInfo,
3326
- colorChartsThresholdNeutral: antdColorTokens.colorTextTertiary,
3327
- colorChartsLineGrid: {
3328
- light: "#DADADC",
3329
- dark: "#434347"
3330
- },
3331
- colorChartsLineTick: "{colorChartsLineGrid}",
3332
- colorChartsLineAxis: {
3333
- light: "#C8C8CB",
3334
- dark: "#73737A"
3335
- },
3336
- colorChartsLabelAxis: {
3337
- light: "#7C7C83",
3338
- dark: "#898990"
3339
- },
3340
- colorChartsPaletteCategorical1: "{colorChartsBlue2300}",
3341
- colorChartsPaletteCategorical2: "{colorChartsPink500}",
3342
- colorChartsPaletteCategorical3: "{colorChartsTeal300}",
3343
- colorChartsPaletteCategorical4: "{colorChartsPurple500}",
3344
- colorChartsPaletteCategorical5: "{colorChartsOrange300}",
3345
- colorChartsPaletteCategorical6: "{colorChartsBlue2600}",
3346
- colorChartsPaletteCategorical7: "{colorChartsPink800}",
3347
- colorChartsPaletteCategorical8: "{colorChartsTeal600}",
3348
- colorChartsPaletteCategorical9: "{colorChartsPurple800}",
3349
- colorChartsPaletteCategorical10: "{colorChartsOrange600}",
3350
- colorChartsPaletteCategorical11: "{colorChartsBlue2900}",
3351
- colorChartsPaletteCategorical12: "{colorChartsPink1100}",
3352
- colorChartsPaletteCategorical13: "{colorChartsTeal900}",
3353
- colorChartsPaletteCategorical14: "{colorChartsPurple1100}",
3354
- colorChartsPaletteCategorical15: "{colorChartsOrange900}",
3355
- colorChartsPaletteCategorical16: "{colorChartsBlue21200}",
3356
- colorChartsPaletteCategorical17: "{colorChartsPink400}",
3357
- colorChartsPaletteCategorical18: "{colorChartsTeal1200}",
3358
- colorChartsPaletteCategorical19: "{colorChartsPurple400}",
3359
- colorChartsPaletteCategorical20: "{colorChartsOrange1200}",
3360
- colorChartsPaletteCategorical21: "{colorChartsBlue2500}",
3361
- colorChartsPaletteCategorical22: "{colorChartsPink700}",
3362
- colorChartsPaletteCategorical23: "{colorChartsTeal500}",
3363
- colorChartsPaletteCategorical24: "{colorChartsPurple700}",
3364
- colorChartsPaletteCategorical25: "{colorChartsOrange500}",
3365
- colorChartsPaletteCategorical26: "{colorChartsBlue2800}",
3366
- colorChartsPaletteCategorical27: "{colorChartsPink1000}",
3367
- colorChartsPaletteCategorical28: "{colorChartsTeal800}",
3368
- colorChartsPaletteCategorical29: "{colorChartsPurple1000}",
3369
- colorChartsPaletteCategorical30: "{colorChartsOrange800}",
3370
- colorChartsPaletteCategorical31: "{colorChartsBlue21100}",
3371
- colorChartsPaletteCategorical32: "{colorChartsPink300}",
3372
- colorChartsPaletteCategorical33: "{colorChartsTeal1100}",
3373
- colorChartsPaletteCategorical34: "{colorChartsPurple300}",
3374
- colorChartsPaletteCategorical35: "{colorChartsOrange1100}",
3375
- colorChartsPaletteCategorical36: "{colorChartsBlue2400}",
3376
- colorChartsPaletteCategorical37: "{colorChartsPink600}",
3377
- colorChartsPaletteCategorical38: "{colorChartsTeal400}",
3378
- colorChartsPaletteCategorical39: "{colorChartsPurple600}",
3379
- colorChartsPaletteCategorical40: "{colorChartsOrange400}",
3380
- colorChartsPaletteCategorical41: "{colorChartsBlue2700}",
3381
- colorChartsPaletteCategorical42: "{colorChartsPink900}",
3382
- colorChartsPaletteCategorical43: "{colorChartsTeal700}",
3383
- colorChartsPaletteCategorical44: "{colorChartsPurple900}",
3384
- colorChartsPaletteCategorical45: "{colorChartsOrange700}",
3385
- colorChartsPaletteCategorical46: "{colorChartsBlue21000}",
3386
- colorChartsPaletteCategorical47: "{colorChartsPink1200}",
3387
- colorChartsPaletteCategorical48: "{colorChartsTeal1000}",
3388
- colorChartsPaletteCategorical49: "{colorChartsPurple1200}",
3389
- colorChartsPaletteCategorical50: "{colorChartsOrange1000}"
3390
- };
3391
- const chartColorTokens = resolveColorTokens(rawChartColorTokens);
3392
- const categoricalChartColorKeys = Object.keys(chartColorTokens).filter((key)=>key.startsWith("colorChartsPaletteCategorical"));
3393
- const categoricalChartColorTokens = categoricalChartColorKeys.reduce((acc, key)=>{
3394
- acc[key] = chartColorTokens[key];
3395
- return acc;
3396
- }, {});
3397
- const categoricalChartsColors = categoricalChartColorKeys.map((key)=>chartColorTokens[key]);
3398
- const useCharts = ()=>{
3399
- const { theme } = useDS();
3400
- const themedChartColorTokens = getTokensByTheme(chartColorTokens, theme);
3401
- const axisLineColor = themedChartColorTokens["colorChartsLineAxis"];
3402
- const splitLineColor = themedChartColorTokens["colorChartsLineGrid"];
3403
- const axisLabelColor = themedChartColorTokens["colorChartsLabelAxis"];
3404
- const categoricalColors = getColorsByTheme(categoricalChartColorTokens, theme);
3405
- const echartsAxisConfig = {
3406
- axisLine: {
3407
- lineStyle: {
3408
- color: axisLineColor
3409
- }
3410
- },
3411
- splitLine: {
3412
- lineStyle: {
3413
- color: splitLineColor
3414
- }
3415
- },
3416
- axisLabel: {
3417
- color: axisLabelColor,
3418
- fontFamily: "InterVariable, Inter, Helvetica, Arial, sans-serif"
3419
- }
3420
- };
3421
- return {
3422
- axisLineColor,
3423
- splitLineColor,
3424
- axisLabelColor,
3425
- categoricalColors,
3426
- echartsAxisConfig
3427
- };
3428
- };
3429
- const componentMetadata = {
3430
- Badge: {
3431
- name: "Badge",
3432
- link: "/badge",
3433
- base: "antd",
3434
- refinements: [
3435
- "Applies a BioTuring Design System specific CSS class 'ds-badge'.",
3436
- "Applies Ant Design's CSS variable class name to ensure proper theming context.",
3437
- "Sets 'display: inline-flex;' on the 'ds-badge' class via './style.css' for consistent layout."
3438
- ],
3439
- category: "Data Display",
3440
- originalDocUrl: "https://ant.design/components/badge",
3441
- description: "Used for highlighting new or unread items, or to display a status."
3442
- },
3443
- Breadcrumb: {
3444
- name: "Breadcrumb",
3445
- link: "/breadcrumb",
3446
- base: "antd",
3447
- refinements: [
3448
- "Employs a custom 'useItemRender' hook to allow icons (from 'item.icon') to be rendered alongside the title within each breadcrumb link.",
3449
- "Introduces a 'noWrap' boolean prop for responsive behavior: when true, breadcrumb items attempt to stay on a single line, with text overflow and ellipsis applied to truncatable items.",
3450
- "Applies BioTuring Design System specific styling via './style.css' for layout (flexbox-based), item spacing, icon integration, and responsive truncation.",
3451
- "Exports styled 'Breadcrumb.Item' and 'Breadcrumb.Separator' sub-components."
3452
- ],
3453
- category: "Navigation",
3454
- originalDocUrl: "https://ant.design/components/breadcrumb",
3455
- description: "Displays the path of the current page, allowing for easy navigation back to previous levels."
3456
- },
3457
- Button: {
3458
- name: "Button",
3459
- link: "/button",
3460
- base: "antd",
3461
- refinements: [],
3462
- category: "Actions",
3463
- originalDocUrl: "https://ant.design/components/button",
3464
- description: "A clickable element used to trigger an action."
3465
- },
3466
- Checkbox: {
3467
- name: "Checkbox",
3468
- link: "/checkbox",
3469
- base: "antd",
3470
- refinements: [],
3471
- category: "Data Entry",
3472
- originalDocUrl: "https://ant.design/components/checkbox",
3473
- description: "Allows users to select one or more options from a set."
3474
- },
3475
- CodeBlock: {
3476
- name: "CodeBlock",
3477
- link: "/code-block",
3478
- base: "custom",
3479
- refinements: [
3480
- "Custom implementation for syntax highlighting using prism-react-renderer"
3481
- ],
3482
- category: "Data Display",
3483
- packages: [
3484
- "prism-react-renderer"
3485
- ],
3486
- description: "Displays blocks of code with syntax highlighting."
3487
- },
3488
- Collapse: {
3489
- name: "Collapse",
3490
- link: "/collapse",
3491
- base: "antd",
3492
- refinements: [],
3493
- category: "Data Display",
3494
- originalDocUrl: "https://ant.design/components/collapse",
3495
- description: "A content area that can be expanded or collapsed."
3496
- },
3497
- DropdownMenu: {
3498
- name: "DropdownMenu",
3499
- link: "/dropdown-menu",
3500
- base: "base-ui",
3501
- refinements: [
3502
- "Built with Base UI Menu components",
3503
- "Provides a customizable dropdown menu experience"
3504
- ],
3505
- category: "Navigation",
3506
- packages: [
3507
- "@base-ui-components/react/menu",
3508
- "@base-ui-components/react/utils"
3509
- ],
3510
- originalDocUrl: "https://base-ui.com/react/components/menu",
3511
- description: "A menu that appears when a user interacts with a button or other control."
3512
- },
3513
- Empty: {
3514
- name: "Empty",
3515
- link: "/empty",
3516
- base: "antd",
3517
- refinements: [
3518
- "Replaces the default Ant Design illustration with a custom SVG icon ('EmptyIcon') defined within the component.",
3519
- "Introduces a 'size' prop ('small', 'medium', 'large', default 'medium') that controls the font-size of the custom 'EmptyIcon'.",
3520
- "Applies specific font-sizes for the icon based on the 'size' prop (small: 2rem, medium: 3rem, large: 4rem) via 'style.css'.",
3521
- "The 'small' size icon also has its color set to 'var(--ds-color-base-solid)'.",
3522
- "Adjusts the Ant Design Empty image container height to 'auto' via 'style.css'.",
3523
- "Applies BioTuring Design System specific styling and CSS classes (e.g., 'ds-empty', 'ds-empty-icon')."
3524
- ],
3525
- category: "Data Display",
3526
- originalDocUrl: "https://ant.design/components/empty",
3527
- description: "A placeholder for when there is no data to display."
3528
- },
3529
- Field: {
3530
- name: "Field",
3531
- link: "/field",
3532
- base: "custom",
3533
- refinements: [
3534
- "Custom component for form fields, providing layout and validation display"
3535
- ],
3536
- category: "Data Entry",
3537
- description: "A custom component to structure form inputs with labels, help text, and validation messages."
3538
- },
3539
- Form: {
3540
- name: "Form",
3541
- link: "/form",
3542
- base: "antd",
3543
- refinements: [],
3544
- category: "Data Entry",
3545
- originalDocUrl: "https://ant.design/components/form",
3546
- description: "Provides structure for data input, including layout, validation, and submission capabilities."
3547
- },
3548
- IconButton: {
3549
- name: "Icon Button",
3550
- link: "/icon-button",
3551
- base: "custom",
3552
- refinements: [
3553
- "Custom button component focused on displaying an icon",
3554
- "Provides consistent styling for icon-only buttons"
3555
- ],
3556
- category: "Actions",
3557
- description: "A button that primarily displays an icon, used for compact actions."
3558
- },
3559
- Input: {
3560
- name: "Input",
3561
- link: "/input",
3562
- base: "antd",
3563
- refinements: [],
3564
- category: "Data Entry",
3565
- originalDocUrl: "https://ant.design/components/input",
3566
- description: "A basic text input field for user data entry."
3567
- },
3568
- Message: {
3569
- name: "Message",
3570
- link: "/message",
3571
- base: "antd",
3572
- refinements: [],
3573
- category: "Feedback",
3574
- originalDocUrl: "https://ant.design/components/message",
3575
- description: "The Message component provides feedback in response to user operations. Unlike notification, messages are simpler and typically auto-dismiss after a short duration."
3576
- },
3577
- Modal: {
3578
- name: "Modal",
3579
- link: "/modal",
3580
- base: "antd",
3581
- refinements: [
3582
- "Added predefined sizes: 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'fullscreen'",
3583
- "Introduced a general 'loading' state prop for the modal content",
3584
- "Added 'hideOkButton' and 'hideCancelButton' props for straightforward visibility control of footer buttons",
3585
- "Added 'contentPadding' prop for direct control over modal body padding",
3586
- "Enhanced header customization with 'afterTitle', 'beforeCloseButton', and 'afterCloseButton' slots for additional elements or actions",
3587
- "Implemented 'defaultFixedHeaderFooter' behavior: header and footer become fixed when content overflows (controlled by internal overflow detection)",
3588
- "Changed 'centered' prop to default to 'true'",
3589
- "Introduced 'type' prop ('default', 'info', 'success', 'error', 'warning') influencing default behaviors like size",
3590
- "Added 'background' prop ('elevated', 'container') for explicit control over modal background style, with size-dependent defaults",
3591
- "Uses a custom 'X' icon from '@bioturing/assets' as the default close button icon",
3592
- "Provides 'bodyScrollable' prop (defaults to true) to manage content scroll behavior within the modal body"
3593
- ],
3594
- category: "Overlay",
3595
- originalDocUrl: "https://ant.design/components/modal",
3596
- description: "A dialog box/popup window that is displayed on top of the current page."
3597
- },
3598
- Popover: {
3599
- name: "Popover",
3600
- link: "/popover",
3601
- base: "antd",
3602
- refinements: [
3603
- "Refactored to use @base-ui-components/react/popover internally",
3604
- "Maintains Ant Design API compatibility",
3605
- "Custom prop mapping for placement and trigger to align with Base UI Popover",
3606
- "Combined title and content props into a single node for Base UI Popover's content area"
3607
- ],
3608
- category: "Overlay",
3609
- originalDocUrl: "https://ant.design/components/popover",
3610
- description: "A small overlay that appears when a user interacts with an element, displaying additional information or actions."
3611
- },
3612
- PopupPanel: {
3613
- name: "PopupPanel",
3614
- link: "/popup-panel",
3615
- base: "base-ui",
3616
- refinements: [
3617
- "Built with Base UI Popover",
3618
- "Resizable panel functionality",
3619
- "Custom styling and behavior for panel-like popups"
3620
- ],
3621
- category: "Overlay",
3622
- packages: [
3623
- "react-use-resizable",
3624
- "@base-ui-components/react/popover"
3625
- ],
3626
- originalDocUrl: "https://base-ui.com/react/components/popover",
3627
- description: "A specialized panel that pops up, often resizable, for displaying rich content or tools."
3628
- },
3629
- Radio: {
3630
- name: "Radio",
3631
- link: "/radio",
3632
- base: "antd",
3633
- refinements: [],
3634
- category: "Data Entry",
3635
- originalDocUrl: "https://ant.design/components/radio",
3636
- description: "Allows users to select a single option from a set."
3637
- },
3638
- ScrollArea: {
3639
- name: "ScrollArea",
3640
- link: "/scroll-area",
3641
- base: "base-ui",
3642
- refinements: [
3643
- "Wraps '@base-ui-components/react/ScrollArea' to integrate with the BioTuring Design System.",
3644
- "Provides consistent 'classNames' prop pattern for styling different parts (viewport, scrollbar, thumb).",
3645
- "Applies specific BioTuring Design System CSS classes (e.g., 'ds-scroll-area', 'ds-scroll-area-viewport', 'ds-scroll-area-scrollbar', 'ds-scroll-area-thumb') to Base UI component parts.",
3646
- "Provides extensive custom styling via './style.css' for the root, viewport (including 'focus-visible' styles), scrollbar (opacity transitions on hover/scroll, orientation-based dimensions), and thumb (custom border-radius, background, and border colors using design tokens)."
3647
- ],
3648
- category: "Layout",
3649
- packages: [
3650
- "@base-ui-components/react"
3651
- ],
3652
- originalDocUrl: "https://base-ui.com/react/components/scroll-area",
3653
- description: "Provides a customizable scrollable container for content that exceeds its bounds."
3654
- },
3655
- Segmented: {
3656
- name: "Segmented",
3657
- link: "/segmented",
3658
- base: "antd",
3659
- refinements: [
3660
- "Structured as a typed 'forwardRef' wrapper around the Ant Design Segmented component for type safety and consistency.",
3661
- "Applies custom styles via './style.css' to ensure proper alignment and sizing of item labels and icons within the segmented control (e.g., flex centering for labels and icons, default icon size)."
3662
- ],
3663
- category: "Data Entry",
3664
- originalDocUrl: "https://ant.design/components/segmented",
3665
- description: "A set of buttons that allows users to switch between different views or options."
3666
- },
3667
- Select: {
3668
- name: "Select",
3669
- link: "/select",
3670
- base: "antd",
3671
- refinements: [
3672
- "Introduced 'enhancePositioner' prop: Utilizes '@floating-ui/react' for robust dropdown positioning, allowing it to break out of overflow containers and intelligently place itself.",
3673
- "Added 'popupSize' prop (works with 'enhancePositioner'): Controls the dropdown width with predefined sizes (e.g., 'small', 'medium', 'large'), pixel values, or 'fit-content'.",
3674
- "Replaced default suffix icon with a custom 'CaretDown' icon from '@bioturing/assets'.",
3675
- "Customized multiple selection mode: Uses Ant Design 'Checkbox' components for indicating selected items in the dropdown.",
3676
- "Applied specific BioTuring Design System styling and CSS classes, including enhanced popup styles when 'enhancePositioner' is active."
3677
- ],
3678
- category: "Data Entry",
3679
- packages: [
3680
- "@floating-ui/react",
3681
- "rc-select"
3682
- ],
3683
- originalDocUrl: "https://ant.design/components/select",
3684
- description: "Allows users to select one or more options from a dropdown list."
3685
- },
3686
- Slider: {
3687
- name: "Slider",
3688
- link: "/slider",
3689
- base: "antd",
3690
- refinements: [
3691
- "Applies a BioTuring Design System specific CSS class 'ds-slider'.",
3692
- "Modifies the default behavior of the slider's tooltip by setting 'tooltip.arrow' to 'false' by default (Ant Design's default is true)."
3693
- ],
3694
- category: "Data Entry",
3695
- originalDocUrl: "https://ant.design/components/slider",
3696
- description: "Allows users to select a value from a continuous or discrete range."
3697
- },
3698
- Spin: {
3699
- name: "Spin",
3700
- link: "/spin",
3701
- base: "antd",
3702
- refinements: [],
3703
- category: "Feedback",
3704
- originalDocUrl: "https://ant.design/components/spin",
3705
- description: "Indicates a loading state."
3706
- },
3707
- Splitter: {
3708
- name: "Splitter",
3709
- link: "/splitter",
3710
- base: "antd",
3711
- refinements: [
3712
- "Custom component for creating resizable layouts, inspired by Ant Design styling"
3713
- ],
3714
- category: "Layout",
3715
- description: "Splitter is used to divide and resize multiple elements in a container."
3716
- },
3717
- Stack: {
3718
- name: "Stack",
3719
- link: "/stack",
3720
- base: "custom",
3721
- refinements: [
3722
- "Custom component for creating horizontal or vertical layouts with consistent spacing",
3723
- "Uses CSS classes for alignment and justification",
3724
- "Provides StackChild component with useRender hook for flexible item control"
3725
- ],
3726
- category: "Layout",
3727
- description: "A flexible layout component for arranging items in a row or column with consistent spacing."
3728
- },
3729
- Switch: {
3730
- name: "Switch",
3731
- link: "/switch",
3732
- base: "antd",
3733
- refinements: [
3734
- "Structured as a typed 'forwardRef' wrapper around Ant Design's Switch component.",
3735
- "Applies custom CSS to ensure 'checkedChildren' and 'unCheckedChildren' (e.g., icons, text) are properly centered within the switch handle."
3736
- ],
3737
- category: "Data Entry",
3738
- originalDocUrl: "https://ant.design/components/switch",
3739
- description: "A toggle control that allows users to switch between two states, typically on or off."
3740
- },
3741
- Table: {
3742
- name: "Table",
3743
- link: "/table",
3744
- base: "antd",
3745
- refinements: [
3746
- "Replaces default sort icons with custom 'CaretUp' and 'CaretDown' icons from '@bioturing/assets'. Displays both when inactive, and a filled version of the active one.",
3747
- "Replaces default filter icon with a custom 'Funnel' icon (filled) from '@bioturing/assets'.",
3748
- "Overrides 'locale.emptyText' to use the BioTuring 'Empty' component.",
3749
- "Adds an 'emptyDescription' prop to customize the message displayed by the 'Empty' component when the table is empty.",
3750
- "Uses a custom CSS-based loading indicator ('spin-loader') when the 'loading' prop is active.",
3751
- "Defaults 'scroll.x' to 'fit-content' to optimize horizontal scrolling behavior.",
3752
- "Applies BioTuring Design System specific styling via './style.css' for overall table appearance, including headers, rows, borders, and hover effects."
3753
- ],
3754
- category: "Data Display",
3755
- packages: [
3756
- "rc-table"
3757
- ],
3758
- originalDocUrl: "https://ant.design/components/table",
3759
- description: "Displays data in a structured, tabular format."
3760
- },
3761
- Tag: {
3762
- name: "Tag",
3763
- link: "/tag",
3764
- base: "antd",
3765
- refinements: [
3766
- "Defaults to using the 'X' icon (bold) from '@bioturing/assets' as the 'closeIcon' if the tag is 'closable' and no custom icon is provided.",
3767
- "Introduces an 'active' boolean prop (defaults to false).",
3768
- "When 'active={true}', applies specific styling (background, border, text color using '--ds-color-primary' tokens) via a 'data-active' attribute and 'style.css'.",
3769
- "Applies BioTuring Design System specific styling via './style.css', including base styles for alignment and consistent close icon coloring ('--ds-color-icon')."
3770
- ],
3771
- category: "Data Display",
3772
- originalDocUrl: "https://ant.design/components/tag",
3773
- description: "Used for marking or categorizing items with small labels."
3774
- },
3775
- ThemeProvider: {
3776
- name: "ThemeProvider",
3777
- link: "/theme-provider",
3778
- base: "custom",
3779
- refinements: [
3780
- "Custom utility for managing application-wide themes",
3781
- "Provides context for styling consistency"
3782
- ],
3783
- category: "Utility",
3784
- description: "A utility component for providing theme context to its children, enabling consistent styling across the application."
3785
- },
3786
- Toast: {
3787
- name: "Toast",
3788
- link: "/toast",
3789
- base: "base-ui",
3790
- refinements: [
3791
- "Built with Base UI Toast components",
3792
- "Customizable appearance and behavior for notifications"
3793
- ],
3794
- category: "Feedback",
3795
- packages: [
3796
- "@base-ui-components/react"
3797
- ],
3798
- originalDocUrl: "https://base-ui.com/react/components/toast",
3799
- description: "Displays brief, auto-expiring messages to provide feedback or alerts, similar to notifications but often less intrusive."
3800
- },
3801
- Tooltip: {
3802
- name: "Tooltip",
3803
- link: "/tooltip",
3804
- base: "antd",
3805
- refinements: [
3806
- "Defaults the 'arrow' prop to 'false', hiding the tooltip arrow by default (Ant Design's default shows an arrow).",
3807
- "Applies a BioTuring Design System specific CSS class 'ds-tooltip'.",
3808
- "Custom CSS sets 'min-height: auto;' for the inner content, allowing tooltips to be shorter than Ant Design's default minimum height."
3809
- ],
3810
- category: "Overlay",
3811
- originalDocUrl: "https://ant.design/components/tooltip",
3812
- description: "A small pop-up that displays information when a user hovers over or focuses on an element."
3813
- },
3814
- Tour: {
3815
- name: "Tour",
3816
- link: "/tour",
3817
- base: "antd",
3818
- refinements: [
3819
- "Provides a custom default rendering for step indicators ('indicatorsRender') if none is supplied. This includes a 'current / total' text and visual dots for steps.",
3820
- "Applies BioTuring Design System specific CSS classes (e.g., 'ds-tour') for extensive styling.",
3821
- "Customizes typography for title, description, and indicator text using design system tokens.",
3822
- "Adjusts layout and spacing for header, footer, and content within the tour description (paragraphs, lists, icons).",
3823
- "Includes specific styling for the appearance of the custom default indicators (wrapper, summary text, active/inactive dots)."
3824
- ],
3825
- category: "Feedback",
3826
- originalDocUrl: "https://ant.design/components/tour",
3827
- description: "Guides users through new features or UI elements in a step-by-step manner."
3828
- },
3829
- Transition: {
3830
- name: "Transition",
3831
- link: "/transition",
3832
- base: "base-ui",
3833
- refinements: [
3834
- "Wraps Base UI utilities (e.g., 'useTransitionStatus', 'useRender') and custom hooks (e.g., 'useAnimationsFinished') to manage element enter/leave transitions.",
3835
- "Accepts 'starting' and 'ending' props, which can be CSS class strings (for Tailwind) or style objects, to define transition states.",
3836
- "Dynamically applies 'starting'/'ending' styles and sets 'data-starting'/'data-ending' attributes on the child element based on transition phase.",
3837
- "Manages mounting/unmounting of children post-animation, with a 'keepMounted' option, using a custom 'useAnimationsFinished' hook.",
3838
- "Provides a declarative API for CSS-based transitions."
3839
- ],
3840
- category: "Utility",
3841
- packages: [
3842
- "@base-ui-components/react/use-render",
3843
- "@base-ui-components/react/merge-props",
3844
- "@base-ui-components/react/utils"
3845
- ],
3846
- originalDocUrl: "https://base-ui.com/react/components",
3847
- description: "Provides utilities for applying CSS transitions and animations to components."
3848
- },
3849
- Typography: {
3850
- name: "Typography",
3851
- link: "/typography",
3852
- base: "antd",
3853
- refinements: [
3854
- "Extends Ant Design Typography with custom styles or additional text utilities"
3855
- ],
3856
- category: "Data Display",
3857
- originalDocUrl: "https://ant.design/components/typography",
3858
- description: "Typography is a component that provides a set of tools for working with text, including text alignment, font size, and font weight."
3859
- },
3860
- Tree: {
3861
- name: "Tree",
3862
- link: "/tree",
3863
- base: "antd",
3864
- refinements: [
3865
- "Utilizes rc-tree for core functionality",
3866
- "Enhanced features like custom node rendering, drag-and-drop, or advanced filtering"
3867
- ],
3868
- category: "Data Display",
3869
- packages: [
3870
- "rc-tree"
3871
- ],
3872
- originalDocUrl: "https://ant.design/components/tree",
3873
- description: "A hierarchical list structure component that presents nested data clearly."
3874
- },
3875
- Truncate: {
3876
- name: "Truncate",
3877
- link: "/truncate",
3878
- base: "custom",
3879
- refinements: [
3880
- "Custom implementation for text truncation",
3881
- "Supports middle and end truncation",
3882
- "Configurable ellipsis and tooltip on hover",
3883
- "Multi-line truncation with configurable number of lines",
3884
- "Auto-height truncation that adapts to parent container size"
3885
- ],
3886
- category: "Data Display",
3887
- description: "The Truncate component helps manage text overflow by truncating text elegantly and displaying an ellipsis. It supports truncation at the middle or end of the text."
3888
- },
3889
- Upload: {
3890
- name: "Upload",
3891
- link: "/upload",
3892
- base: "antd",
3893
- refinements: [
3894
- "Defaults to a custom 'itemRender' function that utilizes a bespoke 'UploadItem' component for the file list.",
3895
- "'UploadItem' component features: file type icon, middle-truncated file name (using Truncate component), progress bar with status mapping, and a remove button.",
3896
- "Added 'showRemoveButton' prop (defaults to true) on the 'Upload' component to control visibility of the remove action in 'UploadItem'.",
3897
- "'UploadItem' includes a slot for 'extraActions' allowing additional custom controls per file.",
3898
- "Provides a default 'Button' with 'CloudArrowUp' icon and 'Upload Files' text if no children are passed to 'Upload'.",
3899
- "Includes 'Upload.Dragger' for drag-and-drop functionality, styled for the design system.",
3900
- "Exports 'Upload.Item' (the UploadItem component) for potential direct use.",
3901
- "Applies BioTuring Design System specific styling and CSS classes."
3902
- ],
3903
- category: "Data Entry",
3904
- originalDocUrl: "https://ant.design/components/upload",
3905
- description: "Allows users to select and upload files."
3906
- },
3907
- VerticalCollapsiblePanel: {
3908
- name: "Vertical Collapsible Panel",
3909
- link: "/vertical-collapsible-panel",
3910
- base: "base-ui",
3911
- refinements: [
3912
- "Built upon '@base-ui-components/react' Collapsible components ('Collapsible.Root', 'Collapsible.Panel').",
3913
- "Manages open/closed state with a custom 'useControlledState' hook for controlled/uncontrolled behavior.",
3914
- "Features custom expand/collapse trigger icons ('MinusCircle', 'PlusCircle' from '@bioturing/assets') via IconButton.",
3915
- "Automatically truncates string titles using the 'Truncate' component.",
3916
- "Provides 'afterTitle' and 'actions' slots in the header for additional UI elements, visible when open.",
3917
- "Integrates the BioTuring 'Transition' component for smooth open/close animations of the panel body, managed with 'useAnimationsFinished' hook.",
3918
- "Offers a 'contentPadding' prop (default '16px') for customizable body padding via CSS variable '--ds-content-padding'.",
3919
- "Extensive custom CSS for layout, typography, and a unique feature: header text displays vertically ('writing-mode: vertical-rl') when collapsed.",
3920
- "Supports 'keepMounted' prop and applies Ant Design CSS variables for theming."
3921
- ],
3922
- category: "Layout",
3923
- packages: [
3924
- "@base-ui-components/react"
3925
- ],
3926
- originalDocUrl: "https://base-ui.com/react/components/vertical-collapsible-panel",
3927
- description: "A panel that can be collapsed or expanded vertically, often used in sidebars or for sectioning content."
3928
- }
3929
- };
3930
- const getComponentsByCategory = ()=>{
3931
- const categories = {
3932
- Actions: [],
3933
- General: [],
3934
- Layout: [],
3935
- Navigation: [],
3936
- "Data Entry": [],
3937
- "Data Display": [],
3938
- Feedback: [],
3939
- Overlay: [],
3940
- Utility: []
3941
- };
3942
- Object.values(componentMetadata).forEach((component)=>{
3943
- categories[component.category].push(component);
3944
- });
3945
- Object.keys(categories).forEach((category)=>{
3946
- categories[category].sort((a, b)=>a.name.localeCompare(b.name));
3947
- });
3948
- return categories;
3949
- };
3950
- var __webpack_exports__Affix = __WEBPACK_EXTERNAL_MODULE_antd__.Affix;
3951
- var __webpack_exports__Alert = __WEBPACK_EXTERNAL_MODULE_antd__.Alert;
3952
- var __webpack_exports__Anchor = __WEBPACK_EXTERNAL_MODULE_antd__.Anchor;
3953
- var __webpack_exports__App = __WEBPACK_EXTERNAL_MODULE_antd__.App;
3954
- var __webpack_exports__AutoComplete = __WEBPACK_EXTERNAL_MODULE_antd__.AutoComplete;
3955
- var __webpack_exports__Avatar = __WEBPACK_EXTERNAL_MODULE_antd__.Avatar;
3956
- var __webpack_exports__BackTop = __WEBPACK_EXTERNAL_MODULE_antd__.BackTop;
3957
- var __webpack_exports__Calendar = __WEBPACK_EXTERNAL_MODULE_antd__.Calendar;
3958
- var __webpack_exports__Card = __WEBPACK_EXTERNAL_MODULE_antd__.Card;
3959
- var __webpack_exports__Carousel = __WEBPACK_EXTERNAL_MODULE_antd__.Carousel;
3960
- var __webpack_exports__Cascader = __WEBPACK_EXTERNAL_MODULE_antd__.Cascader;
3961
- var __webpack_exports__Col = __WEBPACK_EXTERNAL_MODULE_antd__.Col;
3962
- var __webpack_exports__Collapse = __WEBPACK_EXTERNAL_MODULE_antd__.Collapse;
3963
- var __webpack_exports__ColorPicker = __WEBPACK_EXTERNAL_MODULE_antd__.ColorPicker;
3964
- var __webpack_exports__ConfigProvider = __WEBPACK_EXTERNAL_MODULE_antd__.ConfigProvider;
3965
- var __webpack_exports__DatePicker = __WEBPACK_EXTERNAL_MODULE_antd__.DatePicker;
3966
- var __webpack_exports__Descriptions = __WEBPACK_EXTERNAL_MODULE_antd__.Descriptions;
3967
- var __webpack_exports__Divider = __WEBPACK_EXTERNAL_MODULE_antd__.Divider;
3968
- var __webpack_exports__Drawer = __WEBPACK_EXTERNAL_MODULE_antd__.Drawer;
3969
- var __webpack_exports__Dropdown = __WEBPACK_EXTERNAL_MODULE_antd__.Dropdown;
3970
- var __webpack_exports__Flex = __WEBPACK_EXTERNAL_MODULE_antd__.Flex;
3971
- var __webpack_exports__FloatButton = __WEBPACK_EXTERNAL_MODULE_antd__.FloatButton;
3972
- var __webpack_exports__Grid = __WEBPACK_EXTERNAL_MODULE_antd__.Grid;
3973
- var __webpack_exports__InputNumber = __WEBPACK_EXTERNAL_MODULE_antd__.InputNumber;
3974
- var __webpack_exports__Layout = __WEBPACK_EXTERNAL_MODULE_antd__.Layout;
3975
- var __webpack_exports__List = __WEBPACK_EXTERNAL_MODULE_antd__.List;
3976
- var __webpack_exports__Mentions = __WEBPACK_EXTERNAL_MODULE_antd__.Mentions;
3977
- var __webpack_exports__Menu = __WEBPACK_EXTERNAL_MODULE_antd__.Menu;
3978
- var __webpack_exports__Pagination = __WEBPACK_EXTERNAL_MODULE_antd__.Pagination;
3979
- var __webpack_exports__Popconfirm = __WEBPACK_EXTERNAL_MODULE_antd__.Popconfirm;
3980
- var __webpack_exports__Progress = __WEBPACK_EXTERNAL_MODULE_antd__.Progress;
3981
- var __webpack_exports__QRCode = __WEBPACK_EXTERNAL_MODULE_antd__.QRCode;
3982
- var __webpack_exports__Rate = __WEBPACK_EXTERNAL_MODULE_antd__.Rate;
3983
- var __webpack_exports__Result = __WEBPACK_EXTERNAL_MODULE_antd__.Result;
3984
- var __webpack_exports__Row = __WEBPACK_EXTERNAL_MODULE_antd__.Row;
3985
- var __webpack_exports__Skeleton = __WEBPACK_EXTERNAL_MODULE_antd__.Skeleton;
3986
- var __webpack_exports__Space = __WEBPACK_EXTERNAL_MODULE_antd__.Space;
3987
- var __webpack_exports__Statistic = __WEBPACK_EXTERNAL_MODULE_antd__.Statistic;
3988
- var __webpack_exports__Steps = __WEBPACK_EXTERNAL_MODULE_antd__.Steps;
3989
- var __webpack_exports__Tabs = __WEBPACK_EXTERNAL_MODULE_antd__.Tabs;
3990
- var __webpack_exports__TimePicker = __WEBPACK_EXTERNAL_MODULE_antd__.TimePicker;
3991
- var __webpack_exports__Timeline = __WEBPACK_EXTERNAL_MODULE_antd__.Timeline;
3992
- var __webpack_exports__Transfer = __WEBPACK_EXTERNAL_MODULE_antd__.Transfer;
3993
- var __webpack_exports__TreeSelect = __WEBPACK_EXTERNAL_MODULE_antd__.TreeSelect;
3994
- var __webpack_exports__Typography = __WEBPACK_EXTERNAL_MODULE_antd__.Typography;
3995
- var __webpack_exports__Watermark = __WEBPACK_EXTERNAL_MODULE_antd__.Watermark;
3996
- var __webpack_exports__message = __WEBPACK_EXTERNAL_MODULE_antd__.message;
3997
- var __webpack_exports__notification = __WEBPACK_EXTERNAL_MODULE_antd__.notification;
3998
- var __webpack_exports__theme = __WEBPACK_EXTERNAL_MODULE_antd__.theme;
3999
- var __webpack_exports__unstableSetRender = __WEBPACK_EXTERNAL_MODULE_antd__.unstableSetRender;
4000
- var __webpack_exports__useApp = __WEBPACK_EXTERNAL_MODULE_antd_es_app_useApp_90d95086__["default"];
4001
- var __webpack_exports__useForm = __WEBPACK_EXTERNAL_MODULE_antd_es_form_Form_38f624ac__.useForm;
4002
- var __webpack_exports__useWatch = __WEBPACK_EXTERNAL_MODULE_antd_es_form_Form_38f624ac__.useWatch;
4003
- var __webpack_exports__version = __WEBPACK_EXTERNAL_MODULE_antd__.version;
4004
- export { Badge, Breadcrumb, Button, Checkbox, CodeBlock, DSRoot, DefaultUpload, DropdownMenu, Empty, EmptyIcon, Field, Form, IconButton, Input, Modal_Modal as Modal, Popover, PopupPanel, Radio, ScrollArea, Segmented, Select, Slider, Spin, Split, Splitter, Stack_Stack as Stack, StackChild, Switch, Table, component_Tag as Tag, ThemeProvider, Toast, Tooltip, Tour, Transition, Tree, Truncate, Upload, VerticalCollapsiblePanel, WithAntdTokens, antdColorTokens, categoricalChartColorKeys, categoricalChartColorTokens, categoricalChartsColors, chartColorTokens, clsx, cn, componentMetadata, cx, darkTheme, getComponentsByCategory, getUniqueKeysFromOriginals, isTracebackError, lightTheme, parseAntdPlacement, processTreeData, rawChartColorTokens, reactNodeToString, function_toast as toast, toastManager, useAnimationsFinished, useAntdCssVarClassname, useBreakpoint, useCharts, useCls, useControlledState, useEnhancedEffect, useEventCallback, useGetPrefixCls, useLatestRef, useMessage, antd_useModal as useModal, useToken, useUniqueKeysTree, useUploadItemRender, __webpack_exports__Affix as Affix, __webpack_exports__Alert as Alert, __webpack_exports__Anchor as Anchor, __webpack_exports__App as App, __webpack_exports__AutoComplete as AutoComplete, __webpack_exports__Avatar as Avatar, __webpack_exports__BackTop as BackTop, __webpack_exports__Calendar as Calendar, __webpack_exports__Card as Card, __webpack_exports__Carousel as Carousel, __webpack_exports__Cascader as Cascader, __webpack_exports__Col as Col, __webpack_exports__Collapse as Collapse, __webpack_exports__ColorPicker as ColorPicker, __webpack_exports__ConfigProvider as ConfigProvider, __webpack_exports__DatePicker as DatePicker, __webpack_exports__Descriptions as Descriptions, __webpack_exports__Divider as Divider, __webpack_exports__Drawer as Drawer, __webpack_exports__Dropdown as Dropdown, __webpack_exports__Flex as Flex, __webpack_exports__FloatButton as FloatButton, __webpack_exports__Grid as Grid, __webpack_exports__InputNumber as InputNumber, __webpack_exports__Layout as Layout, __webpack_exports__List as List, __webpack_exports__Mentions as Mentions, __webpack_exports__Menu as Menu, __webpack_exports__Pagination as Pagination, __webpack_exports__Popconfirm as Popconfirm, __webpack_exports__Progress as Progress, __webpack_exports__QRCode as QRCode, __webpack_exports__Rate as Rate, __webpack_exports__Result as Result, __webpack_exports__Row as Row, __webpack_exports__Skeleton as Skeleton, __webpack_exports__Space as Space, __webpack_exports__Statistic as Statistic, __webpack_exports__Steps as Steps, __webpack_exports__Tabs as Tabs, __webpack_exports__TimePicker as TimePicker, __webpack_exports__Timeline as Timeline, __webpack_exports__Transfer as Transfer, __webpack_exports__TreeSelect as TreeSelect, __webpack_exports__Typography as Typography, __webpack_exports__Watermark as Watermark, __webpack_exports__message as message, __webpack_exports__notification as notification, __webpack_exports__theme as theme, __webpack_exports__unstableSetRender as unstableSetRender, __webpack_exports__useApp as useApp, __webpack_exports__useForm as useForm, __webpack_exports__useWatch as useWatch, __webpack_exports__version as version };
1
+ import { componentMetadata as r, getComponentsByCategory as t } from "./metadata.js";
2
+ import { Affix as p, Alert as m, Anchor as s, App as f, AutoComplete as n, Avatar as x, BackTop as l, Calendar as i, Card as c, Carousel as u, Cascader as d, Col as C, Collapse as T, ColorPicker as h, ConfigProvider as k, DatePicker as g, Descriptions as S, Divider as P, Drawer as A, Dropdown as y, Flex as b, FloatButton as B, Grid as D, InputNumber as R, Layout as M, List as v, Mentions as F, Menu as w, Pagination as E, Popconfirm as I, Progress as U, QRCode as K, Rate as L, Result as W, Row as q, Skeleton as G, Space as N, Statistic as V, Steps as O, Tabs as Q, TimePicker as j, Timeline as z, Transfer as H, TreeSelect as J, Typography as X, Watermark as Y, message as Z, notification as _, theme as $, unstableSetRender as oo, version as eo } from "antd";
3
+ import { Select as to } from "./components/Select/component.js";
4
+ import { Modal as po } from "./components/Modal/index.js";
5
+ import { IconButton as so } from "./components/IconButton/component.js";
6
+ import { Switch as no } from "./components/Switch/component.js";
7
+ import { Checkbox as lo } from "./components/Checkbox/component.js";
8
+ import { Segmented as co } from "./components/Segmented/component.js";
9
+ import { Table as Co } from "./components/Table/component.js";
10
+ import { Tag as ho } from "./components/Tag/component.js";
11
+ import { ThemeProvider as go } from "./components/ThemeProvider/component.js";
12
+ import { Split as Po, Splitter as Ao } from "./components/Splitter/component.js";
13
+ import { Truncate as bo } from "./components/Truncate/component.js";
14
+ import { DropdownMenu as Do } from "./components/DropdownMenu/component.js";
15
+ import { clsx as Mo, cn as vo, cx as Fo } from "./components/utils/cn.js";
16
+ import { reactNodeToString as Eo } from "./components/utils/reactToString.js";
17
+ import { isTracebackError as Uo } from "./components/utils/isTracebackError.js";
18
+ import { parseAntdPlacement as Lo, useAntdCssVarClassname as Wo, useCls as qo, useGetPrefixCls as Go } from "./components/utils/antdUtils.js";
19
+ import { WithAntdTokens as Vo } from "./components/utils/WithAntdTokens.js";
20
+ import { Transition as Qo } from "./components/Transition/component.js";
21
+ import { DefaultUpload as zo, Upload as Ho } from "./components/Upload/component.js";
22
+ import { useUploadItemRender as Xo } from "./components/Upload/hooks.js";
23
+ import { ScrollArea as Zo } from "./components/ScrollArea/component.js";
24
+ import { Popover as $o } from "./components/Popover/component.js";
25
+ import { Slider as ee } from "./components/Slider/component.js";
26
+ import { Tooltip as te } from "./components/Tooltip/component.js";
27
+ import { Breadcrumb as pe } from "./components/Breadcrumb/component.js";
28
+ import { useUniqueKeysTree as se } from "./components/Tree/useUniqueKeysTree.js";
29
+ import { getUniqueKeysFromOriginals as ne, processTreeData as xe } from "./components/Tree/helpers.js";
30
+ import { Tree as ie } from "./components/Tree/components.js";
31
+ import { Spin as ue } from "./components/Spin/component.js";
32
+ import { Empty as Ce, EmptyIcon as Te } from "./components/Empty/component.js";
33
+ import { Form as ke } from "./components/Form/component.js";
34
+ import { Field as Se } from "./components/Field/component.js";
35
+ import { Tour as Ae } from "./components/Tour/component.js";
36
+ import { Toast as be } from "./components/Toast/component.js";
37
+ import { toast as De, toastManager as Re } from "./components/Toast/function.js";
38
+ import { VerticalCollapsiblePanel as ve } from "./components/VerticalCollapsiblePanel/component.js";
39
+ import { PopupPanel as we } from "./components/PopupPanel/component.js";
40
+ import { CodeBlock as Ie } from "./components/CodeBlock/component.js";
41
+ import { StackChild as Ke } from "./components/Stack/StackChild.js";
42
+ import { Stack as We } from "./components/Stack/index.js";
43
+ import { Input as Ge } from "./components/Input/component.js";
44
+ import { Badge as Ve } from "./components/Badge/component.js";
45
+ import { Radio as Qe } from "./components/Radio/component.js";
46
+ import { Button as ze } from "./components/Button/component.js";
47
+ import { DSRoot as Je } from "./components/DSRoot/component.js";
48
+ import { useForm as Ye, useWatch as Ze } from "antd/es/form/Form";
49
+ import { useBreakpoint as $e, useMessage as or, useModal as er, useToken as rr } from "./components/hooks/antd.js";
50
+ import { default as ar } from "antd/es/app/useApp";
51
+ import { useAnimationsFinished as mr, useEnhancedEffect as sr, useEventCallback as fr, useLatestRef as nr } from "./components/hooks/base-ui.js";
52
+ import { useControlledState as lr } from "./components/hooks/useControlledState.js";
53
+ import { useCharts as cr } from "./components/hooks/useCharts.js";
54
+ import { antdColorTokens as dr, darkTheme as Cr, lightTheme as Tr } from "./tokens/and-theme/tokens.js";
55
+ import { categoricalChartColorKeys as kr, categoricalChartColorTokens as gr, categoricalChartsColors as Sr } from "./tokens/charts/index.js";
56
+ import { chartColorTokens as Ar, rawChartColorTokens as yr } from "./tokens/charts/tokens.js";
57
+ export {
58
+ p as Affix,
59
+ m as Alert,
60
+ s as Anchor,
61
+ f as App,
62
+ n as AutoComplete,
63
+ x as Avatar,
64
+ l as BackTop,
65
+ Ve as Badge,
66
+ pe as Breadcrumb,
67
+ ze as Button,
68
+ i as Calendar,
69
+ c as Card,
70
+ u as Carousel,
71
+ d as Cascader,
72
+ lo as Checkbox,
73
+ Ie as CodeBlock,
74
+ C as Col,
75
+ T as Collapse,
76
+ h as ColorPicker,
77
+ k as ConfigProvider,
78
+ Je as DSRoot,
79
+ g as DatePicker,
80
+ zo as DefaultUpload,
81
+ S as Descriptions,
82
+ P as Divider,
83
+ A as Drawer,
84
+ y as Dropdown,
85
+ Do as DropdownMenu,
86
+ Ce as Empty,
87
+ Te as EmptyIcon,
88
+ Se as Field,
89
+ b as Flex,
90
+ B as FloatButton,
91
+ ke as Form,
92
+ D as Grid,
93
+ so as IconButton,
94
+ Ge as Input,
95
+ R as InputNumber,
96
+ M as Layout,
97
+ v as List,
98
+ F as Mentions,
99
+ w as Menu,
100
+ po as Modal,
101
+ E as Pagination,
102
+ I as Popconfirm,
103
+ $o as Popover,
104
+ we as PopupPanel,
105
+ U as Progress,
106
+ K as QRCode,
107
+ Qe as Radio,
108
+ L as Rate,
109
+ W as Result,
110
+ q as Row,
111
+ Zo as ScrollArea,
112
+ co as Segmented,
113
+ to as Select,
114
+ G as Skeleton,
115
+ ee as Slider,
116
+ N as Space,
117
+ ue as Spin,
118
+ Po as Split,
119
+ Ao as Splitter,
120
+ We as Stack,
121
+ Ke as StackChild,
122
+ V as Statistic,
123
+ O as Steps,
124
+ no as Switch,
125
+ Co as Table,
126
+ Q as Tabs,
127
+ ho as Tag,
128
+ go as ThemeProvider,
129
+ j as TimePicker,
130
+ z as Timeline,
131
+ be as Toast,
132
+ te as Tooltip,
133
+ Ae as Tour,
134
+ H as Transfer,
135
+ Qo as Transition,
136
+ ie as Tree,
137
+ J as TreeSelect,
138
+ bo as Truncate,
139
+ X as Typography,
140
+ Ho as Upload,
141
+ ve as VerticalCollapsiblePanel,
142
+ Y as Watermark,
143
+ Vo as WithAntdTokens,
144
+ dr as antdColorTokens,
145
+ kr as categoricalChartColorKeys,
146
+ gr as categoricalChartColorTokens,
147
+ Sr as categoricalChartsColors,
148
+ Ar as chartColorTokens,
149
+ Mo as clsx,
150
+ vo as cn,
151
+ r as componentMetadata,
152
+ Fo as cx,
153
+ Cr as darkTheme,
154
+ t as getComponentsByCategory,
155
+ ne as getUniqueKeysFromOriginals,
156
+ Uo as isTracebackError,
157
+ Tr as lightTheme,
158
+ Z as message,
159
+ _ as notification,
160
+ Lo as parseAntdPlacement,
161
+ xe as processTreeData,
162
+ yr as rawChartColorTokens,
163
+ Eo as reactNodeToString,
164
+ $ as theme,
165
+ De as toast,
166
+ Re as toastManager,
167
+ oo as unstableSetRender,
168
+ mr as useAnimationsFinished,
169
+ Wo as useAntdCssVarClassname,
170
+ ar as useApp,
171
+ $e as useBreakpoint,
172
+ cr as useCharts,
173
+ qo as useCls,
174
+ lr as useControlledState,
175
+ sr as useEnhancedEffect,
176
+ fr as useEventCallback,
177
+ Ye as useForm,
178
+ Go as useGetPrefixCls,
179
+ nr as useLatestRef,
180
+ or as useMessage,
181
+ er as useModal,
182
+ rr as useToken,
183
+ se as useUniqueKeysTree,
184
+ Xo as useUploadItemRender,
185
+ Ze as useWatch,
186
+ eo as version
187
+ };
188
+ //# sourceMappingURL=index.js.map