@bioturing/components 0.15.0 → 0.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Badge/component.js +21 -0
- package/dist/components/Badge/component.js.map +1 -0
- package/dist/components/Badge/style.css +1 -0
- package/dist/components/Breadcrumb/component.js +46 -0
- package/dist/components/Breadcrumb/component.js.map +1 -0
- package/dist/components/Breadcrumb/style.css +1 -0
- package/dist/components/Breadcrumb/useItemRender.js +27 -0
- package/dist/components/Breadcrumb/useItemRender.js.map +1 -0
- package/dist/components/Button/component.js +9 -0
- package/dist/components/Button/component.js.map +1 -0
- package/dist/components/Button/style.css +1 -0
- package/dist/components/Checkbox/component.js +11 -0
- package/dist/components/Checkbox/component.js.map +1 -0
- package/dist/components/Checkbox/style.css +1 -0
- package/dist/components/CodeBlock/component.js +127 -0
- package/dist/components/CodeBlock/component.js.map +1 -0
- package/dist/components/CodeBlock/style.css +1 -0
- package/dist/components/DSRoot/component.js +21 -0
- package/dist/components/DSRoot/component.js.map +1 -0
- package/dist/components/DSRoot/context.js +9 -0
- package/dist/components/DSRoot/context.js.map +1 -0
- package/dist/components/DSRoot/style.css +1 -0
- package/dist/components/DropdownMenu/component.js +103 -0
- package/dist/components/DropdownMenu/component.js.map +1 -0
- package/dist/components/DropdownMenu/style.css +1 -0
- package/dist/components/Empty/component.js +48 -0
- package/dist/components/Empty/component.js.map +1 -0
- package/dist/components/Empty/style.css +1 -0
- package/dist/components/Field/component.js +30 -0
- package/dist/components/Field/component.js.map +1 -0
- package/dist/components/Field/style.css +1 -0
- package/dist/components/Form/component.js +23 -0
- package/dist/components/Form/component.js.map +1 -0
- package/dist/components/Form/item.js +30 -0
- package/dist/components/Form/item.js.map +1 -0
- package/dist/components/Form/style.css +1 -0
- package/dist/components/IconButton/component.js +49 -0
- package/dist/components/IconButton/component.js.map +1 -0
- package/dist/components/IconButton/style.css +1 -0
- package/dist/components/Input/component.js +25 -0
- package/dist/components/Input/component.js.map +1 -0
- package/dist/components/Modal/Modal.js +161 -0
- package/dist/components/Modal/Modal.js.map +1 -0
- package/dist/components/Modal/ModalProvider.js +70 -0
- package/dist/components/Modal/ModalProvider.js.map +1 -0
- package/dist/components/Modal/ModalService.js +25 -0
- package/dist/components/Modal/ModalService.js.map +1 -0
- package/dist/components/Modal/constants.js +5 -0
- package/dist/components/Modal/constants.js.map +1 -0
- package/dist/components/Modal/functions.js +27 -0
- package/dist/components/Modal/functions.js.map +1 -0
- package/dist/components/Modal/index.js +20 -0
- package/dist/components/Modal/index.js.map +1 -0
- package/dist/components/Modal/style.css +1 -0
- package/dist/components/Popover/component.js +12 -0
- package/dist/components/Popover/component.js.map +1 -0
- package/dist/components/PopupPanel/component.js +190 -0
- package/dist/components/PopupPanel/component.js.map +1 -0
- package/dist/components/PopupPanel/constants.js +5 -0
- package/dist/components/PopupPanel/constants.js.map +1 -0
- package/dist/components/PopupPanel/style.css +1 -0
- package/dist/components/Radio/component.js +22 -0
- package/dist/components/Radio/component.js.map +1 -0
- package/dist/components/Radio/style.css +1 -0
- package/dist/components/ScrollArea/component.js +40 -0
- package/dist/components/ScrollArea/component.js.map +1 -0
- package/dist/components/ScrollArea/style.css +1 -0
- package/dist/components/Segmented/component.js +9 -0
- package/dist/components/Segmented/component.js.map +1 -0
- package/dist/components/Segmented/style.css +1 -0
- package/dist/components/Select/component.js +135 -0
- package/dist/components/Select/component.js.map +1 -0
- package/dist/components/Select/style.css +1 -0
- package/dist/components/Slider/component.js +23 -0
- package/dist/components/Slider/component.js.map +1 -0
- package/dist/components/Spin/component.js +12 -0
- package/dist/components/Spin/component.js.map +1 -0
- package/dist/components/Spin/style.css +1 -0
- package/dist/components/Splitter/component.js +40 -0
- package/dist/components/Splitter/component.js.map +1 -0
- package/dist/components/Splitter/style.css +1 -0
- package/dist/components/Stack/Stack.js +37 -0
- package/dist/components/Stack/Stack.js.map +1 -0
- package/dist/components/Stack/StackChild.js +57 -0
- package/dist/components/Stack/StackChild.js.map +1 -0
- package/dist/components/Stack/index.js +9 -0
- package/dist/components/Stack/index.js.map +1 -0
- package/dist/components/Stack/style.css +1 -0
- package/dist/components/Switch/component.js +9 -0
- package/dist/components/Switch/component.js.map +1 -0
- package/dist/components/Switch/style.css +1 -0
- package/dist/components/Table/component.js +68 -0
- package/dist/components/Table/component.js.map +1 -0
- package/dist/components/Table/style.css +1 -0
- package/dist/components/Tag/component.js +30 -0
- package/dist/components/Tag/component.js.map +1 -0
- package/dist/components/Tag/style.css +1 -0
- package/dist/components/ThemeProvider/component.js +41 -0
- package/dist/components/ThemeProvider/component.js.map +1 -0
- package/dist/components/ThemeProvider/style.css +1 -0
- package/dist/components/Toast/component.js +101 -0
- package/dist/components/Toast/component.js.map +1 -0
- package/dist/components/Toast/function.js +25 -0
- package/dist/components/Toast/function.js.map +1 -0
- package/dist/components/Toast/style.css +1 -0
- package/dist/components/Tooltip/component.js +26 -0
- package/dist/components/Tooltip/component.js.map +1 -0
- package/dist/components/Tooltip/style.css +1 -0
- package/dist/components/Tour/component.js +35 -0
- package/dist/components/Tour/component.js.map +1 -0
- package/dist/components/Tour/style.css +1 -0
- package/dist/components/Transition/component.js +44 -0
- package/dist/components/Transition/component.js.map +1 -0
- package/dist/components/Tree/components.js +67 -0
- package/dist/components/Tree/components.js.map +1 -0
- package/dist/components/Tree/helpers.js +53 -0
- package/dist/components/Tree/helpers.js.map +1 -0
- package/dist/components/Tree/useTreeCommon.js +86 -0
- package/dist/components/Tree/useTreeCommon.js.map +1 -0
- package/dist/components/Tree/useUniqueKeysTree.js +142 -0
- package/dist/components/Tree/useUniqueKeysTree.js.map +1 -0
- package/dist/components/Truncate/component.js +93 -0
- package/dist/components/Truncate/component.js.map +1 -0
- package/dist/components/Truncate/helpers.js +36 -0
- package/dist/components/Truncate/helpers.js.map +1 -0
- package/dist/components/Truncate/style.css +1 -0
- package/dist/components/Upload/component.js +39 -0
- package/dist/components/Upload/component.js.map +1 -0
- package/dist/components/Upload/dragger.js +23 -0
- package/dist/components/Upload/dragger.js.map +1 -0
- package/dist/components/Upload/hooks.js +18 -0
- package/dist/components/Upload/hooks.js.map +1 -0
- package/dist/components/Upload/item.js +84 -0
- package/dist/components/Upload/item.js.map +1 -0
- package/dist/components/Upload/utils.js +7 -0
- package/dist/components/Upload/utils.js.map +1 -0
- package/dist/components/VerticalCollapsiblePanel/component.js +125 -0
- package/dist/components/VerticalCollapsiblePanel/component.js.map +1 -0
- package/dist/components/VerticalCollapsiblePanel/style.css +1 -0
- package/dist/components/hooks/antd.js +22 -0
- package/dist/components/hooks/antd.js.map +1 -0
- package/dist/components/hooks/base-ui.js +47 -0
- package/dist/components/hooks/base-ui.js.map +1 -0
- package/dist/components/hooks/useCharts.js +28 -0
- package/dist/components/hooks/useCharts.js.map +1 -0
- package/dist/components/hooks/useControlledState.js +15 -0
- package/dist/components/hooks/useControlledState.js.map +1 -0
- package/dist/components/utils/WithAntdTokens.js +24 -0
- package/dist/components/utils/WithAntdTokens.js.map +1 -0
- package/dist/components/utils/antdUtils.js +58 -0
- package/dist/components/utils/antdUtils.js.map +1 -0
- package/dist/components/utils/cn.js +27 -0
- package/dist/components/utils/cn.js.map +1 -0
- package/dist/components/utils/isTracebackError.js +10 -0
- package/dist/components/utils/isTracebackError.js.map +1 -0
- package/dist/components/utils/reactToString.js +23 -0
- package/dist/components/utils/reactToString.js.map +1 -0
- package/dist/index.d.ts +2497 -3
- package/dist/index.js +188 -4004
- package/dist/index.js.map +1 -0
- package/dist/metadata.js +513 -0
- package/dist/metadata.js.map +1 -0
- package/dist/tailwind.css +1 -121
- package/dist/tailwind.d.ts +1 -0
- package/dist/tokens/and-theme/tokens.js +351 -0
- package/dist/tokens/and-theme/tokens.js.map +1 -0
- package/dist/tokens/charts/index.js +18 -0
- package/dist/tokens/charts/index.js.map +1 -0
- package/dist/tokens/charts/tokens.js +208 -0
- package/dist/tokens/charts/tokens.js.map +1 -0
- package/dist/tokens/utils.js +37 -0
- package/dist/tokens/utils.js.map +1 -0
- package/package.json +10 -108
- package/dist/Badge.css +0 -6
- package/dist/Badge.js +0 -41
- package/dist/Breadcrumb.css +0 -83
- package/dist/Breadcrumb.js +0 -92
- package/dist/Checkbox.css +0 -13
- package/dist/Checkbox.js +0 -12
- package/dist/CodeBlock.css +0 -213
- package/dist/CodeBlock.js +0 -644
- package/dist/Collapse.css +0 -21
- package/dist/Collapse.js +0 -49
- package/dist/DSRoot.css +0 -667
- package/dist/DSRoot.js +0 -1428
- package/dist/DropdownMenu.css +0 -95
- package/dist/DropdownMenu.js +0 -211
- package/dist/Empty.css +0 -19
- package/dist/Empty.js +0 -53
- package/dist/Field.css +0 -14
- package/dist/Field.js +0 -66
- package/dist/Form.css +0 -64
- package/dist/Form.js +0 -125
- package/dist/IconButton.css +0 -52
- package/dist/IconButton.js +0 -82
- package/dist/Input.js +0 -48
- package/dist/Modal.css +0 -317
- package/dist/Modal.js +0 -677
- package/dist/Popover.js +0 -10
- package/dist/PopupPanel.css +0 -170
- package/dist/PopupPanel.js +0 -333
- package/dist/Radio.css +0 -14
- package/dist/Radio.js +0 -24
- package/dist/ScrollArea.css +0 -64
- package/dist/ScrollArea.js +0 -50
- package/dist/Segmented.css +0 -16
- package/dist/Segmented.js +0 -10
- package/dist/Select.css +0 -24
- package/dist/Select.js +0 -157
- package/dist/Slider.js +0 -39
- package/dist/Spin.css +0 -36
- package/dist/Spin.js +0 -33
- package/dist/Splitter.css +0 -6
- package/dist/Splitter.js +0 -47
- package/dist/Switch.css +0 -7
- package/dist/Switch.js +0 -10
- package/dist/Table.css +0 -116
- package/dist/Table.js +0 -126
- package/dist/Tag.css +0 -17
- package/dist/Tag.js +0 -24
- package/dist/ThemeProvider.css +0 -39
- package/dist/ThemeProvider.js +0 -403
- package/dist/Toast.css +0 -622
- package/dist/Toast.js +0 -1401
- package/dist/Tooltip.css +0 -6
- package/dist/Tooltip.js +0 -36
- package/dist/Tour.css +0 -73
- package/dist/Tour.js +0 -54
- package/dist/Tree.js +0 -318
- package/dist/Truncate.css +0 -31
- package/dist/Truncate.js +0 -216
- package/dist/Upload.css +0 -144
- package/dist/Upload.js +0 -516
- package/dist/VerticalCollapsiblePanel.css +0 -193
- package/dist/VerticalCollapsiblePanel.js +0 -469
- package/dist/components/Badge/component.d.ts +0 -4
- package/dist/components/Badge/index.d.ts +0 -1
- package/dist/components/Breadcrumb/component.d.ts +0 -6
- package/dist/components/Breadcrumb/index.d.ts +0 -2
- package/dist/components/Breadcrumb/types.d.ts +0 -18
- package/dist/components/Breadcrumb/useItemRender.d.ts +0 -6
- package/dist/components/Button/component.d.ts +0 -8
- package/dist/components/Button/index.d.ts +0 -1
- package/dist/components/Checkbox/component.d.ts +0 -11
- package/dist/components/Checkbox/index.d.ts +0 -1
- package/dist/components/CodeBlock/component.d.ts +0 -3
- package/dist/components/CodeBlock/index.d.ts +0 -2
- package/dist/components/CodeBlock/types.d.ts +0 -59
- package/dist/components/Collapse/component.d.ts +0 -14
- package/dist/components/Collapse/index.d.ts +0 -1
- package/dist/components/DSRoot/component.d.ts +0 -14
- package/dist/components/DSRoot/context.d.ts +0 -7
- package/dist/components/DSRoot/index.d.ts +0 -1
- package/dist/components/DropdownMenu/component.d.ts +0 -31
- package/dist/components/DropdownMenu/index.d.ts +0 -2
- package/dist/components/Empty/component.d.ts +0 -13
- package/dist/components/Empty/index.d.ts +0 -1
- package/dist/components/Field/component.d.ts +0 -42
- package/dist/components/Field/index.d.ts +0 -1
- package/dist/components/Form/component.d.ts +0 -19
- package/dist/components/Form/index.d.ts +0 -1
- package/dist/components/Form/item.d.ts +0 -5
- package/dist/components/IconButton/component.d.ts +0 -30
- package/dist/components/IconButton/index.d.ts +0 -1
- package/dist/components/Input/component.d.ts +0 -30
- package/dist/components/Input/index.d.ts +0 -1
- package/dist/components/Modal/Modal.d.ts +0 -84
- package/dist/components/Modal/ModalProvider.d.ts +0 -5
- package/dist/components/Modal/ModalService.d.ts +0 -33
- package/dist/components/Modal/constants.d.ts +0 -9
- package/dist/components/Modal/functions.d.ts +0 -27
- package/dist/components/Modal/index.d.ts +0 -15
- package/dist/components/Popover/component.d.ts +0 -9
- package/dist/components/Popover/index.d.ts +0 -1
- package/dist/components/PopupPanel/component.d.ts +0 -61
- package/dist/components/PopupPanel/constants.d.ts +0 -7
- package/dist/components/PopupPanel/index.d.ts +0 -1
- package/dist/components/Radio/component.d.ts +0 -8
- package/dist/components/Radio/index.d.ts +0 -2
- package/dist/components/Radio/interface.d.ts +0 -5
- package/dist/components/ScrollArea/component.d.ts +0 -32
- package/dist/components/ScrollArea/index.d.ts +0 -1
- package/dist/components/Segmented/component.d.ts +0 -10
- package/dist/components/Segmented/index.d.ts +0 -1
- package/dist/components/Select/component.d.ts +0 -24
- package/dist/components/Select/index.d.ts +0 -1
- package/dist/components/Slider/component.d.ts +0 -5
- package/dist/components/Slider/index.d.ts +0 -1
- package/dist/components/Spin/component.d.ts +0 -4
- package/dist/components/Spin/index.d.ts +0 -1
- package/dist/components/Splitter/component.d.ts +0 -13
- package/dist/components/Splitter/index.d.ts +0 -1
- package/dist/components/Stack/Stack.d.ts +0 -39
- package/dist/components/Stack/StackChild.d.ts +0 -30
- package/dist/components/Stack/index.d.ts +0 -8
- package/dist/components/Switch/component.d.ts +0 -9
- package/dist/components/Switch/index.d.ts +0 -1
- package/dist/components/Table/component.d.ts +0 -20
- package/dist/components/Table/index.d.ts +0 -1
- package/dist/components/Tag/component.d.ts +0 -12
- package/dist/components/Tag/index.d.ts +0 -1
- package/dist/components/ThemeProvider/component.d.ts +0 -7
- package/dist/components/ThemeProvider/index.d.ts +0 -1
- package/dist/components/Toast/component.d.ts +0 -15
- package/dist/components/Toast/function.d.ts +0 -10
- package/dist/components/Toast/index.d.ts +0 -3
- package/dist/components/Toast/types.d.ts +0 -3
- package/dist/components/Tooltip/component.d.ts +0 -10
- package/dist/components/Tooltip/index.d.ts +0 -1
- package/dist/components/Tour/component.d.ts +0 -8
- package/dist/components/Tour/index.d.ts +0 -1
- package/dist/components/Transition/component.d.ts +0 -17
- package/dist/components/Transition/index.d.ts +0 -1
- package/dist/components/Tree/components.d.ts +0 -13
- package/dist/components/Tree/helpers.d.ts +0 -4
- package/dist/components/Tree/index.d.ts +0 -4
- package/dist/components/Tree/types.d.ts +0 -55
- package/dist/components/Tree/useTreeCommon.d.ts +0 -178
- package/dist/components/Tree/useUniqueKeysTree.d.ts +0 -33
- package/dist/components/Truncate/component.d.ts +0 -15
- package/dist/components/Truncate/helpers.d.ts +0 -5
- package/dist/components/Truncate/index.d.ts +0 -1
- package/dist/components/Upload/component.d.ts +0 -16
- package/dist/components/Upload/dragger.d.ts +0 -13
- package/dist/components/Upload/hooks.d.ts +0 -5
- package/dist/components/Upload/index.d.ts +0 -4
- package/dist/components/Upload/item.d.ts +0 -11
- package/dist/components/Upload/utils.d.ts +0 -1
- package/dist/components/VerticalCollapsiblePanel/component.d.ts +0 -65
- package/dist/components/VerticalCollapsiblePanel/index.d.ts +0 -1
- package/dist/components/hooks/antd.d.ts +0 -11
- package/dist/components/hooks/base-ui.d.ts +0 -7
- package/dist/components/hooks/index.d.ts +0 -4
- package/dist/components/hooks/useCharts.d.ts +0 -22
- package/dist/components/hooks/useControlledState.d.ts +0 -1
- package/dist/components/index.d.ts +0 -41
- package/dist/components/utils/WithAntdTokens.d.ts +0 -7
- package/dist/components/utils/antdUtils.d.ts +0 -15
- package/dist/components/utils/client.d.ts +0 -2
- package/dist/components/utils/cn.d.ts +0 -4
- package/dist/components/utils/index.d.ts +0 -3
- package/dist/components/utils/isTracebackError.d.ts +0 -1
- package/dist/components/utils/main.d.ts +0 -3
- package/dist/components/utils/reactToString.d.ts +0 -2
- package/dist/components/utils/types.d.ts +0 -9
- package/dist/hooks.js +0 -961
- package/dist/index.css +0 -1471
- package/dist/metadata.d.ts +0 -363
- package/dist/tokens/and-theme/index.d.ts +0 -1
- package/dist/tokens/and-theme/tokens.d.ts +0 -5
- package/dist/tokens/charts/index.d.ts +0 -6
- package/dist/tokens/charts/tokens.d.ts +0 -455
- package/dist/tokens/index.d.ts +0 -2
- package/dist/tokens/utils.d.ts +0 -16
- package/dist/utils.js +0 -120
package/dist/index.js
CHANGED
|
@@ -1,4004 +1,188 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import
|
|
24
|
-
import
|
|
25
|
-
import
|
|
26
|
-
import
|
|
27
|
-
import
|
|
28
|
-
import
|
|
29
|
-
import
|
|
30
|
-
import
|
|
31
|
-
import
|
|
32
|
-
import
|
|
33
|
-
import
|
|
34
|
-
import
|
|
35
|
-
import
|
|
36
|
-
import
|
|
37
|
-
import
|
|
38
|
-
import
|
|
39
|
-
import
|
|
40
|
-
import
|
|
41
|
-
import
|
|
42
|
-
import
|
|
43
|
-
import
|
|
44
|
-
import
|
|
45
|
-
import
|
|
46
|
-
import
|
|
47
|
-
import
|
|
48
|
-
import
|
|
49
|
-
import
|
|
50
|
-
import
|
|
51
|
-
import
|
|
52
|
-
import
|
|
53
|
-
import
|
|
54
|
-
import
|
|
55
|
-
import
|
|
56
|
-
import
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
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
|