@cloud-app-dev/vidc 1.0.49 → 2.0.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.umirc.ts +1 -2
- package/es/Api/index.d.ts +3 -4
- package/es/Api/index.js +7 -8
- package/es/AppContext/Sync.d.ts +6 -0
- package/es/AppContext/Sync.js +47 -0
- package/es/AppContext/index.d.ts +10 -0
- package/es/AppContext/index.js +117 -0
- package/es/AppContext/interface.d.ts +29 -0
- package/es/AppContext/static.d.ts +6 -0
- package/es/AppContext/static.js +6 -0
- package/es/{AppLayout/AppTools → AppRedirect}/index.css +0 -0
- package/es/AppRedirect/index.d.ts +16 -0
- package/es/AppRedirect/index.js +38 -0
- package/es/AppRoute/Render.d.ts +23 -0
- package/es/AppRoute/Render.js +111 -0
- package/es/AppRoute/Rendered.d.ts +4 -0
- package/es/AppRoute/Rendered.js +11 -0
- package/es/{DagInitialConfig → AppRoute}/index.css +0 -0
- package/es/AppRoute/index.d.ts +14 -0
- package/es/{AppLayout/Header/NotifyAlarm.js → AppRoute/index.js} +52 -68
- package/es/AppRoute/interface.d.ts +18 -0
- package/es/AppRoute/utils.d.ts +1 -0
- package/es/AppRoute/utils.js +28 -0
- package/es/Auth/index.d.ts +8 -0
- package/es/Auth/index.js +17 -0
- package/es/AutoExit/index.js +8 -5
- package/es/CheckGroupFixed/index.css +49 -0
- package/es/CheckGroupFixed/index.d.ts +17 -0
- package/es/CheckGroupFixed/index.js +146 -0
- package/es/Config/index.d.ts +4 -0
- package/es/Config/index.js +44 -0
- package/es/Config/interface.d.ts +47 -0
- package/es/Config/utils.d.ts +16 -0
- package/es/Config/utils.js +54 -0
- package/es/ConfigContext/index.d.ts +9 -0
- package/es/ConfigContext/index.js +3 -0
- package/es/ContentBox/BetweenBox/index.css +5 -0
- package/es/ContentBox/BetweenBox/index.d.ts +12 -0
- package/es/ContentBox/BetweenBox/index.js +24 -0
- package/es/ContentBox/InfoBox/index.css +23 -0
- package/es/ContentBox/InfoBox/index.d.ts +12 -0
- package/es/ContentBox/InfoBox/index.js +26 -0
- package/es/ContentBox/TwoColumnBox/index.css +77 -0
- package/es/ContentBox/TwoColumnBox/index.d.ts +10 -0
- package/es/ContentBox/TwoColumnBox/index.js +50 -0
- package/es/ContentBox/deps/content-grid.d.ts +9 -0
- package/es/ContentBox/deps/content-grid.js +9 -0
- package/es/ContentBox/deps/grid-factory.d.ts +10 -0
- package/es/ContentBox/deps/grid-factory.js +72 -0
- package/es/ContentBox/deps/simple-grid.d.ts +9 -0
- package/es/ContentBox/deps/simple-grid.js +8 -0
- package/es/ContentBox/index.css +9 -0
- package/es/ContentBox/index.d.ts +14 -0
- package/es/ContentBox/index.js +28 -0
- package/es/DeviceIcon/icon.js +5 -5
- package/es/DeviceIcon/index.js +2 -2
- package/es/DeviceList/index.d.ts +1 -1
- package/es/DeviceList/index.js +4 -4
- package/es/DeviceSelect/index.js +2 -2
- package/es/Dict/cache.d.ts +3 -0
- package/es/Dict/cache.js +21 -0
- package/es/Dict/desc.d.ts +64 -0
- package/es/Dict/desc.js +162 -0
- package/es/Dict/device.d.ts +28 -0
- package/es/Dict/device.js +117 -0
- package/es/Dict/hook.d.ts +4 -0
- package/es/Dict/hook.js +114 -0
- package/es/Dict/index.d.ts +13 -0
- package/es/Dict/index.js +14 -0
- package/es/Dict/interface.d.ts +16 -0
- package/es/Dict/utils.d.ts +11 -0
- package/es/Dict/utils.js +51 -0
- package/es/Drag/DragAndDropItem.d.ts +4 -0
- package/es/Drag/DragAndDropItem.js +145 -0
- package/es/Drag/DropItem.d.ts +4 -0
- package/es/Drag/DropItem.js +54 -0
- package/es/{DagInitialRequest → Drag}/index.css +0 -0
- package/es/Drag/index.d.ts +7 -0
- package/es/Drag/index.js +7 -0
- package/es/Drag/interface.d.ts +16 -0
- package/es/Drawer/Demo.d.ts +3 -0
- package/es/Drawer/Demo.js +52 -0
- package/es/Drawer/Footer.d.ts +4 -0
- package/es/Drawer/Footer.js +26 -0
- package/es/Drawer/index.css +39 -0
- package/es/Drawer/index.d.ts +12 -0
- package/es/Drawer/index.js +41 -0
- package/es/Drawer/interface.d.ts +191 -0
- package/es/DynamicDeviceList/CheckExt.js +3 -3
- package/es/DynamicDeviceList/index.js +2 -2
- package/es/DynamicDeviceList/utils.js +2 -2
- package/es/DynamicList/demo.d.ts +2 -0
- package/es/{DagInitialRequest/index.js → DynamicList/demo.js} +49 -55
- package/es/DynamicList/index.css +7 -0
- package/es/DynamicList/index.d.ts +31 -0
- package/es/DynamicList/index.js +132 -0
- package/es/FullScreen/index.css +16 -0
- package/es/FullScreen/index.d.ts +10 -0
- package/es/FullScreen/index.js +68 -0
- package/es/HightLevel/index.css +3 -0
- package/es/HightLevel/index.d.ts +9 -0
- package/es/HightLevel/index.js +22 -0
- package/es/{Upload → IconFont}/index.css +0 -0
- package/es/IconFont/index.d.ts +13 -0
- package/es/IconFont/index.js +58 -0
- package/es/ImageView/index.css +6 -0
- package/es/ImageView/index.d.ts +17 -0
- package/es/ImageView/index.js +58 -0
- package/es/InitialConfig/index.d.ts +5 -7
- package/es/InitialConfig/index.js +16 -51
- package/es/InitialConfig/utils.d.ts +15 -0
- package/es/InitialConfig/utils.js +40 -305
- package/es/InitialRequest/index.d.ts +5 -11
- package/es/InitialRequest/index.js +50 -67
- package/es/InitialRequest/utils.d.ts +8 -0
- package/es/InitialRequest/utils.js +28 -567
- package/es/Input/index.css +8 -0
- package/es/Input/index.d.ts +18 -0
- package/es/{DagInitialConfig → Input}/index.js +50 -45
- package/es/LabelValue/index.css +18 -0
- package/es/LabelValue/index.d.ts +23 -0
- package/es/LabelValue/index.js +32 -0
- package/es/List/CheckExt.d.ts +10 -0
- package/es/List/CheckExt.js +28 -0
- package/es/List/index.css +62 -6
- package/es/List/index.d.ts +73 -11
- package/es/List/index.js +162 -36
- package/es/List/renderItem.d.ts +20 -0
- package/es/List/renderItem.js +68 -0
- package/es/List/utils.d.ts +5 -0
- package/es/List/utils.js +18 -0
- package/es/ListExt/index.css +9 -0
- package/es/ListExt/index.d.ts +19 -0
- package/es/ListExt/index.js +44 -0
- package/es/LoaderScript/index.d.ts +26 -0
- package/es/LoaderScript/index.js +127 -0
- package/es/LoaderScript/interface.d.ts +26 -0
- package/es/LoaderScript/utils.d.ts +12 -0
- package/es/LoaderScript/utils.js +110 -0
- package/es/Modal/index.css +43 -0
- package/es/Modal/index.d.ts +17 -0
- package/es/Modal/index.js +34 -0
- package/es/Modal/interface.d.ts +339 -0
- package/es/Picture/component/DefaultRects/RectInfo.d.ts +7 -0
- package/es/Picture/component/DefaultRects/RectInfo.js +94 -0
- package/es/Picture/component/DefaultRects/index.css +247 -0
- package/es/Picture/component/DefaultRects/index.d.ts +12 -0
- package/es/Picture/component/DefaultRects/index.js +47 -0
- package/es/Picture/component/DefaultRects/utils.d.ts +2 -0
- package/es/Picture/component/DefaultRects/utils.js +11 -0
- package/es/Picture/component/DrawRect/index.css +8 -0
- package/es/Picture/component/DrawRect/index.d.ts +14 -0
- package/es/Picture/component/DrawRect/index.js +41 -0
- package/es/Picture/component/MoveContent/index.css +0 -0
- package/es/Picture/component/MoveContent/index.d.ts +39 -0
- package/es/Picture/component/MoveContent/index.js +240 -0
- package/es/Picture/component/MoveContent/utils.d.ts +4 -0
- package/es/Picture/component/MoveContent/utils.js +19 -0
- package/es/Picture/component/RectMenu/index.css +31 -0
- package/es/Picture/component/RectMenu/index.d.ts +13 -0
- package/es/Picture/component/RectMenu/index.js +81 -0
- package/es/Picture/component/RectMenu/utils.d.ts +12 -0
- package/es/Picture/component/RectMenu/utils.js +22 -0
- package/es/Picture/component/Tools/index.css +42 -0
- package/es/Picture/component/Tools/index.d.ts +13 -0
- package/es/Picture/component/Tools/index.js +83 -0
- package/es/Picture/component/WheelScale/index.d.ts +6 -0
- package/es/Picture/component/WheelScale/index.js +29 -0
- package/es/Picture/dragBound.d.ts +5 -0
- package/es/Picture/dragBound.js +77 -0
- package/es/Picture/index.css +12 -0
- package/es/Picture/index.d.ts +16 -0
- package/es/Picture/index.js +344 -0
- package/es/Picture/interface.d.ts +67 -0
- package/es/Picture/loadCaptureRectImage.d.ts +8 -0
- package/es/Picture/loadCaptureRectImage.js +119 -0
- package/es/Picture/useDraw.d.ts +1 -0
- package/es/Picture/useDraw.js +136 -0
- package/es/Picture/utils.d.ts +22 -0
- package/es/Picture/utils.js +90 -0
- package/es/Progress/index.css +20 -0
- package/es/Progress/index.d.ts +11 -0
- package/es/{AppLayout/Header/ThemeTools.js → Progress/index.js} +46 -47
- package/es/RefDrawer/index.js +4 -5
- package/es/RefModal/index.js +4 -5
- package/es/ScrollList/index.css +73 -0
- package/es/ScrollList/index.d.ts +24 -0
- package/es/ScrollList/index.js +261 -0
- package/es/ScrollList/utils.js +84 -0
- package/es/Service/http.d.ts +4 -0
- package/es/Service/http.js +135 -0
- package/es/Service/index.d.ts +3 -0
- package/es/Service/index.js +14 -0
- package/es/Service/interface.d.ts +28 -0
- package/es/Service/logger.d.ts +3 -0
- package/es/Service/logger.js +13 -0
- package/es/Service/middleware.d.ts +5 -0
- package/es/Service/middleware.js +15 -0
- package/es/Service/utils.d.ts +3 -0
- package/es/Service/utils.js +11 -0
- package/es/TableLayout/index.css +4 -0
- package/es/TableLayout/index.d.ts +10 -0
- package/es/TableLayout/index.js +64 -0
- package/es/ThemeAntd/index.css +501 -0
- package/es/ThemeAntd/index.d.ts +7 -0
- package/es/ThemeAntd/index.js +6 -0
- package/es/ThemeAntd/style/button.css +46 -0
- package/es/ThemeAntd/style/checkbox.css +64 -0
- package/es/ThemeAntd/style/form.css +10 -0
- package/es/ThemeAntd/style/input.css +58 -0
- package/es/ThemeAntd/style/pagination.css +44 -0
- package/es/ThemeAntd/style/picker.css +86 -0
- package/es/ThemeAntd/style/popover.css +3 -0
- package/es/ThemeAntd/style/radio.css +71 -0
- package/es/ThemeAntd/style/scrollbar.css +19 -0
- package/es/ThemeAntd/style/select.css +57 -0
- package/es/ThemeAntd/style/table.css +36 -0
- package/es/ThemeAntd/style/tree.css +4 -0
- package/es/{OrgUserTree → Tree}/demo.d.ts +0 -0
- package/es/Tree/demo.js +69 -0
- package/es/Tree/index.css +64 -0
- package/es/Tree/index.d.ts +24 -0
- package/es/Tree/index.js +83 -0
- package/es/TreeMode/index.d.ts +1 -1
- package/es/TreeMode/index.js +6 -6
- package/es/TreeTitle/index.js +2 -2
- package/es/UserSelect/index.d.ts +3 -3
- package/es/UserSelect/index.js +13 -15
- package/es/VList/index.css +4 -0
- package/es/VList/index.d.ts +16 -0
- package/es/VList/index.js +56 -0
- package/es/VList/utils.d.ts +10 -0
- package/es/VList/utils.js +17 -0
- package/es/WorkerFlow/Demo.js +1 -0
- package/es/WorkerFlow/Form/Condition.js +6 -6
- package/es/WorkerFlow/Form/EmptyUserSet.js +2 -2
- package/es/WorkerFlow/Form/FormAuth.js +2 -2
- package/es/WorkerFlow/Form/GroupList.d.ts +2 -1
- package/es/WorkerFlow/Form/GroupList.js +3 -2
- package/es/WorkerFlow/Form/GroupSelect.js +2 -2
- package/es/WorkerFlow/Form/GroupSelectModalContent.js +9 -7
- package/es/WorkerFlow/Form/LevelGroupSelect.js +3 -3
- package/es/WorkerFlow/Form/UserAndGroupSelect.js +2 -2
- package/es/WorkerFlow/Form/UserSelect.js +2 -2
- package/es/WorkerFlow/Form/UserSelectModalContent.js +3 -4
- package/es/WorkerFlow/Form/UserSet.js +2 -2
- package/es/WorkerFlow/Nodes/Add.js +2 -3
- package/es/WorkerFlow/Nodes/AddOption.js +2 -2
- package/es/WorkerFlow/Nodes/Approver.js +2 -2
- package/es/WorkerFlow/Nodes/Condition.js +2 -2
- package/es/WorkerFlow/Nodes/Handle.js +2 -2
- package/es/WorkerFlow/Nodes/Notifier.js +2 -2
- package/es/WorkerFlow/Nodes/TitleElement.js +17 -13
- package/es/WorkerFlow/index.js +37 -9
- package/es/core.d.ts +27 -0
- package/es/index.d.ts +34 -8
- package/es/index.js +34 -8
- package/es/useChangeEffect/index.d.ts +3 -0
- package/es/useChangeEffect/index.js +32 -0
- package/es/useDrawer/index.d.ts +14 -0
- package/es/useDrawer/index.js +90 -0
- package/es/useHistory/index.css +0 -0
- package/es/useHistory/index.d.ts +3 -0
- package/es/useHistory/index.js +14 -0
- package/es/useHttp/index.d.ts +8 -0
- package/es/useHttp/index.js +78 -0
- package/es/useModal/index.d.ts +14 -0
- package/es/useModal/index.js +92 -0
- package/es/utils.d.ts +2 -0
- package/es/utils.js +32 -0
- package/package.json +12 -6
- package/es/AppLayout/AppHeader/index.css +0 -4
- package/es/AppLayout/AppHeader/index.d.ts +0 -18
- package/es/AppLayout/AppHeader/index.js +0 -41
- package/es/AppLayout/AppHorizontalMenu/MenuEmptyBox.d.ts +0 -1
- package/es/AppLayout/AppHorizontalMenu/MenuEmptyBox.js +0 -10
- package/es/AppLayout/AppHorizontalMenu/SubGroup.d.ts +0 -9
- package/es/AppLayout/AppHorizontalMenu/SubGroup.js +0 -57
- package/es/AppLayout/AppHorizontalMenu/index.css +0 -152
- package/es/AppLayout/AppHorizontalMenu/index.d.ts +0 -13
- package/es/AppLayout/AppHorizontalMenu/index.js +0 -230
- package/es/AppLayout/AppInlineMenu/SubGroup.d.ts +0 -9
- package/es/AppLayout/AppInlineMenu/SubGroup.js +0 -34
- package/es/AppLayout/AppInlineMenu/index.css +0 -110
- package/es/AppLayout/AppInlineMenu/index.d.ts +0 -12
- package/es/AppLayout/AppInlineMenu/index.js +0 -194
- package/es/AppLayout/AppLogo/index.css +0 -74
- package/es/AppLayout/AppLogo/index.d.ts +0 -13
- package/es/AppLayout/AppLogo/index.js +0 -100
- package/es/AppLayout/AppTools/index.d.ts +0 -8
- package/es/AppLayout/AppTools/index.js +0 -10
- package/es/AppLayout/FunctionPreview/index.css +0 -128
- package/es/AppLayout/FunctionPreview/index.d.ts +0 -22
- package/es/AppLayout/FunctionPreview/index.js +0 -218
- package/es/AppLayout/Header/ListenceRoute.d.ts +0 -5
- package/es/AppLayout/Header/ListenceRoute.js +0 -28
- package/es/AppLayout/Header/ModifyPassword/index.d.ts +0 -6
- package/es/AppLayout/Header/ModifyPassword/index.js +0 -201
- package/es/AppLayout/Header/ModifyUserAvatar/index.css +0 -25
- package/es/AppLayout/Header/ModifyUserAvatar/index.d.ts +0 -10
- package/es/AppLayout/Header/ModifyUserAvatar/index.js +0 -97
- package/es/AppLayout/Header/Tools.d.ts +0 -11
- package/es/AppLayout/Header/Tools.js +0 -86
- package/es/AppLayout/Header/ToolsItem.d.ts +0 -1
- package/es/AppLayout/Header/ToolsItem.js +0 -12
- package/es/AppLayout/Header/UserAction.d.ts +0 -10
- package/es/AppLayout/Header/UserAction.js +0 -224
- package/es/AppLayout/Header/index.css +0 -136
- package/es/AppLayout/Header/index.d.ts +0 -9
- package/es/AppLayout/Header/index.js +0 -36
- package/es/AppLayout/index.css +0 -21
- package/es/AppLayout/index.d.ts +0 -12
- package/es/AppLayout/index.js +0 -38
- package/es/AppLayout/service/index.js +0 -174
- package/es/AppLayout/service/prefix.js +0 -4
- package/es/AppLayout/service/url.js +0 -35
- package/es/AppLayout/utils/menu.js +0 -24
- package/es/AppLayout/utils.d.ts +0 -4
- package/es/AppLayout/utils.js +0 -112
- package/es/DagInitialConfig/index.d.ts +0 -10
- package/es/DagInitialConfig/utils.js +0 -185
- package/es/DagInitialRequest/index.d.ts +0 -10
- package/es/DagInitialRequest/utils.js +0 -573
- package/es/FormContent/index.css +0 -27
- package/es/FormContent/index.d.ts +0 -19
- package/es/FormContent/index.js +0 -58
- package/es/OrgTree/index.css +0 -39
- package/es/OrgTree/index.d.ts +0 -16
- package/es/OrgTree/index.js +0 -176
- package/es/OrgUserTree/demo.js +0 -20
- package/es/OrgUserTree/index.css +0 -31
- package/es/OrgUserTree/index.d.ts +0 -28
- package/es/OrgUserTree/index.js +0 -131
- package/es/PlaceTree/demo.d.ts +0 -2
- package/es/PlaceTree/demo.js +0 -20
- package/es/PlaceTree/index.css +0 -40
- package/es/PlaceTree/index.d.ts +0 -26
- package/es/PlaceTree/index.js +0 -174
- package/es/Upload/AntUpload/index.css +0 -22
- package/es/Upload/AntUpload/index.d.ts +0 -19
- package/es/Upload/AntUpload/index.js +0 -226
- package/es/Upload/UploadChildren/index.css +0 -28
- package/es/Upload/UploadChildren/index.js +0 -26
- package/es/Upload/index.d.ts +0 -9
- package/es/Upload/index.js +0 -7
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
div .cloudapp-pagination {
|
|
2
|
+
color: inherit;
|
|
3
|
+
}
|
|
4
|
+
div .cloudapp-pagination-prev,
|
|
5
|
+
div .cloudapp-pagination-next,
|
|
6
|
+
div .cloudapp-pagination-jump-prev,
|
|
7
|
+
div .cloudapp-pagination-jump-next {
|
|
8
|
+
border-radius: var(--form-redius);
|
|
9
|
+
line-height: 28px;
|
|
10
|
+
}
|
|
11
|
+
div .cloudapp-pagination-prev .cloudapp-pagination-item-link,
|
|
12
|
+
div .cloudapp-pagination-next .cloudapp-pagination-item-link {
|
|
13
|
+
border-radius: var(--form-redius);
|
|
14
|
+
}
|
|
15
|
+
div .cloudapp-pagination-item {
|
|
16
|
+
border-radius: var(--form-redius);
|
|
17
|
+
}
|
|
18
|
+
div .cloudapp-pagination-item-active {
|
|
19
|
+
border-color: var(--primary);
|
|
20
|
+
}
|
|
21
|
+
div .cloudapp-pagination-item-active a {
|
|
22
|
+
color: var(--primary);
|
|
23
|
+
}
|
|
24
|
+
div .cloudapp-pagination-item:focus,
|
|
25
|
+
div .cloudapp-pagination-item:hover {
|
|
26
|
+
border-color: var(--primary);
|
|
27
|
+
}
|
|
28
|
+
div .cloudapp-pagination-item:focus a,
|
|
29
|
+
div .cloudapp-pagination-item:hover a {
|
|
30
|
+
color: var(--primary);
|
|
31
|
+
}
|
|
32
|
+
div .cloudapp-pagination-prev:focus .cloudapp-pagination-item-link,
|
|
33
|
+
div .cloudapp-pagination-next:focus .cloudapp-pagination-item-link,
|
|
34
|
+
div .cloudapp-pagination-prev:hover .cloudapp-pagination-item-link,
|
|
35
|
+
div .cloudapp-pagination-next:hover .cloudapp-pagination-item-link {
|
|
36
|
+
color: var(--primary);
|
|
37
|
+
border-color: var(--primary);
|
|
38
|
+
}
|
|
39
|
+
div .cloudapp-pagination-disabled .cloudapp-pagination-item-link,
|
|
40
|
+
div .cloudapp-pagination-disabled:hover .cloudapp-pagination-item-link,
|
|
41
|
+
div .cloudapp-pagination-disabled:focus .cloudapp-pagination-item-link {
|
|
42
|
+
border-color: var(--disabled);
|
|
43
|
+
color: var(--disabled);
|
|
44
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
div .cloudapp-picker {
|
|
2
|
+
background-color: var(--form-bg);
|
|
3
|
+
border-radius: var(--form-radius);
|
|
4
|
+
color: inherit;
|
|
5
|
+
}
|
|
6
|
+
div .cloudapp-picker:hover,
|
|
7
|
+
div .cloudapp-picker-focused {
|
|
8
|
+
border-color: var(--primary);
|
|
9
|
+
}
|
|
10
|
+
div .cloudapp-picker-suffix {
|
|
11
|
+
color: inherit;
|
|
12
|
+
}
|
|
13
|
+
div .cloudapp-picker-panel {
|
|
14
|
+
background-color: var(--form-bg);
|
|
15
|
+
border-color: var(--form-divider-color);
|
|
16
|
+
}
|
|
17
|
+
div .cloudapp-picker-panel .cloudapp-picker-footer {
|
|
18
|
+
border-color: var(--form-divider-color);
|
|
19
|
+
}
|
|
20
|
+
div .cloudapp-picker-header {
|
|
21
|
+
border-bottom-color: var(--form-divider-color);
|
|
22
|
+
color: inherit;
|
|
23
|
+
}
|
|
24
|
+
div .cloudapp-picker-header button {
|
|
25
|
+
color: inherit;
|
|
26
|
+
}
|
|
27
|
+
div .cloudapp-picker-panel-container {
|
|
28
|
+
background-color: var(--form-bg);
|
|
29
|
+
}
|
|
30
|
+
div .cloudapp-picker-dropdown {
|
|
31
|
+
color: inherit;
|
|
32
|
+
border-radius: var(--form-radius);
|
|
33
|
+
}
|
|
34
|
+
div .cloudapp-picker-cell {
|
|
35
|
+
color: inherit;
|
|
36
|
+
opacity: 0.6;
|
|
37
|
+
}
|
|
38
|
+
div .cloudapp-picker-cell-in-view {
|
|
39
|
+
color: inherit;
|
|
40
|
+
opacity: 1;
|
|
41
|
+
}
|
|
42
|
+
div .cloudapp-picker-content th {
|
|
43
|
+
color: inherit;
|
|
44
|
+
}
|
|
45
|
+
div .cloudapp-picker-today-btn {
|
|
46
|
+
color: var(--primary);
|
|
47
|
+
}
|
|
48
|
+
div .cloudapp-picker-cell .cloudapp-picker-cell-inner {
|
|
49
|
+
border-radius: var(--form-radius);
|
|
50
|
+
}
|
|
51
|
+
div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-today .cloudapp-picker-cell-inner::before {
|
|
52
|
+
border-radius: var(--form-radius);
|
|
53
|
+
}
|
|
54
|
+
div .cloudapp-picker-cell:hover:not(.cloudapp-picker-cell-in-view) .cloudapp-picker-cell-inner,
|
|
55
|
+
div .cloudapp-picker-cell:hover:not(.cloudapp-picker-cell-selected):not(.cloudapp-picker-cell-range-start):not(.cloudapp-picker-cell-range-end):not(.cloudapp-picker-cell-range-hover-start):not(.cloudapp-picker-cell-range-hover-end) .cloudapp-picker-cell-inner {
|
|
56
|
+
background-color: var(--form-bg-dark);
|
|
57
|
+
}
|
|
58
|
+
div .cloudapp-picker-input > input {
|
|
59
|
+
color: inherit;
|
|
60
|
+
}
|
|
61
|
+
div .cloudapp-picker-range-arrow::after {
|
|
62
|
+
border-color: var(--form-bg);
|
|
63
|
+
}
|
|
64
|
+
div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-selected .cloudapp-picker-cell-inner,
|
|
65
|
+
div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-start .cloudapp-picker-cell-inner,
|
|
66
|
+
div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-end .cloudapp-picker-cell-inner {
|
|
67
|
+
background-color: var(--primary);
|
|
68
|
+
}
|
|
69
|
+
div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-start:not(.cloudapp-picker-cell-range-start-single)::before,
|
|
70
|
+
div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-end:not(.cloudapp-picker-cell-range-end-single)::before {
|
|
71
|
+
background-color: var(--primary);
|
|
72
|
+
opacity: 0.8;
|
|
73
|
+
}
|
|
74
|
+
div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-in-range::before {
|
|
75
|
+
background-color: var(--primary);
|
|
76
|
+
opacity: 0.8;
|
|
77
|
+
}
|
|
78
|
+
div .cloudapp-picker-focused .cloudapp-picker-separator {
|
|
79
|
+
color: inherit;
|
|
80
|
+
}
|
|
81
|
+
div .cloudapp-picker-separator {
|
|
82
|
+
color: inherit;
|
|
83
|
+
}
|
|
84
|
+
div .cloudapp-picker-range .cloudapp-picker-active-bar {
|
|
85
|
+
background-color: var(--primary);
|
|
86
|
+
}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
div .cloudapp-radio-button-wrapper {
|
|
2
|
+
outline: unset;
|
|
3
|
+
}
|
|
4
|
+
div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled):hover {
|
|
5
|
+
border-color: var(--primary);
|
|
6
|
+
color: var(--primary);
|
|
7
|
+
}
|
|
8
|
+
div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled) {
|
|
9
|
+
border-color: var(--primary);
|
|
10
|
+
color: var(--primary);
|
|
11
|
+
box-shadow: -1px 0 0 0 var(--primary);
|
|
12
|
+
}
|
|
13
|
+
div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled):first-child {
|
|
14
|
+
border-color: var(--primary);
|
|
15
|
+
}
|
|
16
|
+
div .cloudapp-radio-disabled .cloudapp-radio-inner::after {
|
|
17
|
+
background-color: var(--bd-color);
|
|
18
|
+
}
|
|
19
|
+
div .cloudapp-radio-disabled .cloudapp-radio-inner {
|
|
20
|
+
background-color: var(--form-bg);
|
|
21
|
+
opacity: 0.8;
|
|
22
|
+
}
|
|
23
|
+
div .cloudapp-radio-button-wrapper:hover {
|
|
24
|
+
color: var(--primary);
|
|
25
|
+
}
|
|
26
|
+
div .cloudapp-radio-checked .cloudapp-radio-inner {
|
|
27
|
+
border-color: var(--primary);
|
|
28
|
+
}
|
|
29
|
+
div .cloudapp-radio-inner {
|
|
30
|
+
background-color: var(--form-bg);
|
|
31
|
+
}
|
|
32
|
+
div .cloudapp-radio-inner::after {
|
|
33
|
+
background-color: var(--primary);
|
|
34
|
+
}
|
|
35
|
+
div .cloudapp-radio-checked::after {
|
|
36
|
+
border-color: var(--primary);
|
|
37
|
+
}
|
|
38
|
+
div .cloudapp-radio-wrapper {
|
|
39
|
+
color: inherit;
|
|
40
|
+
}
|
|
41
|
+
div .cloudapp-radio-disabled + span {
|
|
42
|
+
color: inherit;
|
|
43
|
+
opacity: 0.8;
|
|
44
|
+
}
|
|
45
|
+
div .cloudapp-radio-wrapper:hover .cloudapp-radio,
|
|
46
|
+
div .cloudapp-radio:hover .cloudapp-radio-inner,
|
|
47
|
+
div .cloudapp-radio-input:focus + .cloudapp-radio-inner {
|
|
48
|
+
border-color: var(--primary);
|
|
49
|
+
}
|
|
50
|
+
div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled)::before {
|
|
51
|
+
background-color: var(--primary) !important;
|
|
52
|
+
opacity: unset;
|
|
53
|
+
}
|
|
54
|
+
div .cloudapp-radio-group-solid .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled) {
|
|
55
|
+
background-color: var(--primary);
|
|
56
|
+
border-color: var(--primary);
|
|
57
|
+
}
|
|
58
|
+
div .cloudapp-radio-group-solid .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled):hover {
|
|
59
|
+
background-color: var(--primary-dark);
|
|
60
|
+
border-color: var(--primary-dark);
|
|
61
|
+
box-shadow: -1px 0 0 0 var(--primary);
|
|
62
|
+
}
|
|
63
|
+
div .cloudapp-radio-button-wrapper-checked:not([class*=' cloudapp-radio-button-wrapper-disabled']).cloudapp-radio-button-wrapper:first-child {
|
|
64
|
+
border-right-color: var(--primary);
|
|
65
|
+
}
|
|
66
|
+
div .cloudapp-radio-button-wrapper:last-child {
|
|
67
|
+
border-radius: 0 var(--form-redius) var(--form-redius) 0;
|
|
68
|
+
}
|
|
69
|
+
div .cloudapp-radio-button-wrapper:first-child {
|
|
70
|
+
border-radius: var(--form-redius) 0 0 var(--form-redius);
|
|
71
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
::-webkit-scrollbar {
|
|
2
|
+
width: 8px;
|
|
3
|
+
height: 8px;
|
|
4
|
+
}
|
|
5
|
+
::-webkit-scrollbar-track {
|
|
6
|
+
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
|
|
7
|
+
border-radius: 8px;
|
|
8
|
+
}
|
|
9
|
+
::-webkit-scrollbar-thumb {
|
|
10
|
+
border-radius: 8px;
|
|
11
|
+
background: #ddd;
|
|
12
|
+
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
|
|
13
|
+
}
|
|
14
|
+
::-webkit-scrollbar-thumb:hover {
|
|
15
|
+
background: #888;
|
|
16
|
+
}
|
|
17
|
+
::-webkit-scrollbar-thumb:active {
|
|
18
|
+
background: #999;
|
|
19
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
div .cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
|
|
2
|
+
border-radius: var(--form-redius);
|
|
3
|
+
border-color: var(--bd-color);
|
|
4
|
+
background-color: var(--form-bg);
|
|
5
|
+
}
|
|
6
|
+
div .cloudapp-select-multiple .cloudapp-select-selector {
|
|
7
|
+
border-radius: var(--form-redius);
|
|
8
|
+
border-color: var(--bd-color);
|
|
9
|
+
background-color: var(--form-bg);
|
|
10
|
+
}
|
|
11
|
+
div .cloudapp-select-multiple .cloudapp-select-selection-item {
|
|
12
|
+
border-radius: var(--form-redius);
|
|
13
|
+
border-color: var(--bd-color);
|
|
14
|
+
background-color: var(--form-bg);
|
|
15
|
+
}
|
|
16
|
+
div .cloudapp-select:not(.cloudapp-select-disabled):hover .cloudapp-select-selector {
|
|
17
|
+
border-color: var(--primary);
|
|
18
|
+
}
|
|
19
|
+
div .cloudapp-select-focused.cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
|
|
20
|
+
border-color: var(--primary);
|
|
21
|
+
}
|
|
22
|
+
div .cloudapp-select-focused.cloudapp-select-multiple .cloudapp-select-selector {
|
|
23
|
+
border-color: var(--primary);
|
|
24
|
+
}
|
|
25
|
+
div .cloudapp-select-multiple .cloudapp-select-selection-item-remove {
|
|
26
|
+
color: inherit;
|
|
27
|
+
}
|
|
28
|
+
div .cloudapp-select-multiple .cloudapp-select-selection-item-remove:hover {
|
|
29
|
+
color: var(--primary);
|
|
30
|
+
}
|
|
31
|
+
div .cloudapp-select {
|
|
32
|
+
color: inherit;
|
|
33
|
+
font-size: var(--fs);
|
|
34
|
+
}
|
|
35
|
+
div .cloudapp-select-arrow {
|
|
36
|
+
color: inherit;
|
|
37
|
+
}
|
|
38
|
+
div .cloudapp-select-dropdown {
|
|
39
|
+
background-color: var(--form-bg);
|
|
40
|
+
color: inherit;
|
|
41
|
+
}
|
|
42
|
+
div .cloudapp-select-item {
|
|
43
|
+
color: inherit;
|
|
44
|
+
}
|
|
45
|
+
div .cloudapp-select-item-option-active:not(.cloudapp-select-item-option-disabled) {
|
|
46
|
+
background-color: var(--form-bg-dark);
|
|
47
|
+
}
|
|
48
|
+
div .cloudapp-select-item-option-selected:not(.cloudapp-select-item-option-disabled) .cloudapp-select-item-option-state {
|
|
49
|
+
color: var(--primary);
|
|
50
|
+
}
|
|
51
|
+
div .cloudapp-select-item-option-selected:not(.cloudapp-select-item-option-disabled) {
|
|
52
|
+
color: var(--primary);
|
|
53
|
+
background-color: var(--form-bg-light);
|
|
54
|
+
}
|
|
55
|
+
div .cloudapp-select-focused:not(.cloudapp-select-disabled).cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
|
|
56
|
+
border-color: var(--primary);
|
|
57
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
div .cloudapp-table {
|
|
2
|
+
background-color: var(--table-bg);
|
|
3
|
+
color: inherit;
|
|
4
|
+
font-size: var(--fs);
|
|
5
|
+
}
|
|
6
|
+
div .cloudapp-table-tbody > tr.cloudapp-table-row:hover > td {
|
|
7
|
+
background: var(--table-row-hover-color);
|
|
8
|
+
}
|
|
9
|
+
div .cloudapp-table-thead > tr > th:not(.cloudapp-table-cell-scrollbar) {
|
|
10
|
+
background-color: var(--table-head-bg);
|
|
11
|
+
border-bottom-color: var(--table-bd);
|
|
12
|
+
color: inherit;
|
|
13
|
+
}
|
|
14
|
+
div .cloudapp-table-thead > tr > th.cloudapp-table-cell-scrollbar {
|
|
15
|
+
box-shadow: none;
|
|
16
|
+
background-color: var(--table-head-bg);
|
|
17
|
+
}
|
|
18
|
+
div .cloudapp-table-cell-fix-left,
|
|
19
|
+
div .cloudapp-table-cell-fix-right {
|
|
20
|
+
background-color: var(--table-bg);
|
|
21
|
+
}
|
|
22
|
+
div .cloudapp-table-tbody > tr > td {
|
|
23
|
+
border-bottom-color: var(--table-bd);
|
|
24
|
+
}
|
|
25
|
+
div tr.cloudapp-table-expanded-row > td,
|
|
26
|
+
div tr.cloudapp-table-expanded-row:hover > td {
|
|
27
|
+
background-color: var(--table-row-hover-color);
|
|
28
|
+
}
|
|
29
|
+
div .cloudapp-table-row-expand-icon {
|
|
30
|
+
border-radius: var(--form-redius);
|
|
31
|
+
color: var(--primary);
|
|
32
|
+
}
|
|
33
|
+
div .cloudapp-table-row-expand-icon:focus,
|
|
34
|
+
div .cloudapp-table-row-expand-icon:hover {
|
|
35
|
+
color: var(--primary-dark);
|
|
36
|
+
}
|
|
File without changes
|
package/es/Tree/demo.js
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import "antd/lib/config-provider/style";
|
|
2
|
+
import _ConfigProvider from "antd/lib/config-provider";
|
|
3
|
+
|
|
4
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
5
|
+
|
|
6
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
7
|
+
|
|
8
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
9
|
+
|
|
10
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
11
|
+
|
|
12
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
13
|
+
|
|
14
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
|
+
|
|
16
|
+
import React, { useState } from 'react';
|
|
17
|
+
import Tree from './index';
|
|
18
|
+
import IconFont from '../IconFont';
|
|
19
|
+
var treeData = [{
|
|
20
|
+
id: '1',
|
|
21
|
+
name: 'test',
|
|
22
|
+
children: [{
|
|
23
|
+
id: '11',
|
|
24
|
+
name: 'test11'
|
|
25
|
+
}, {
|
|
26
|
+
id: '22',
|
|
27
|
+
name: 'test22'
|
|
28
|
+
}]
|
|
29
|
+
}];
|
|
30
|
+
|
|
31
|
+
function App() {
|
|
32
|
+
var _useState = useState({
|
|
33
|
+
keyword: 'te'
|
|
34
|
+
}),
|
|
35
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
36
|
+
state = _useState2[0],
|
|
37
|
+
setState = _useState2[1];
|
|
38
|
+
|
|
39
|
+
return /*#__PURE__*/React.createElement(_ConfigProvider, {
|
|
40
|
+
prefixCls: "cloudapp"
|
|
41
|
+
}, /*#__PURE__*/React.createElement("input", {
|
|
42
|
+
type: "text",
|
|
43
|
+
value: state.keyword,
|
|
44
|
+
onChange: function onChange(e) {
|
|
45
|
+
return setState(function (old) {
|
|
46
|
+
return Object.assign(Object.assign({}, old), {
|
|
47
|
+
keyword: e.target.value
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
52
|
+
style: {
|
|
53
|
+
padding: 20,
|
|
54
|
+
width: 300,
|
|
55
|
+
height: 400
|
|
56
|
+
}
|
|
57
|
+
}, /*#__PURE__*/React.createElement(Tree, {
|
|
58
|
+
key: state.keyword,
|
|
59
|
+
treeData: treeData,
|
|
60
|
+
virtual: false,
|
|
61
|
+
icon: function icon(node) {
|
|
62
|
+
return /*#__PURE__*/React.createElement(IconFont, {
|
|
63
|
+
type: "".concat(treeData.length > 0 && node.id === treeData[0].id ? 'icon-S_Bar_Home' : 'icon-S_Photo_ListTree')
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
})));
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
export default App;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
.bc-base-tree-component {
|
|
2
|
+
padding: 10px 0;
|
|
3
|
+
user-select: none;
|
|
4
|
+
}
|
|
5
|
+
.bc-base-tree-component .cloudapp-tree-switcher {
|
|
6
|
+
position: relative;
|
|
7
|
+
top: -2px;
|
|
8
|
+
left: 8px;
|
|
9
|
+
z-index: 2;
|
|
10
|
+
margin-right: 5px;
|
|
11
|
+
}
|
|
12
|
+
.bc-base-tree-component .cloudapp-tree-title {
|
|
13
|
+
font-size: var(--fs-small);
|
|
14
|
+
flex: 1 1;
|
|
15
|
+
}
|
|
16
|
+
.bc-base-tree-component .cloudapp-tree-treenode {
|
|
17
|
+
width: 100%;
|
|
18
|
+
white-space: nowrap;
|
|
19
|
+
font-size: var(--fs-small);
|
|
20
|
+
min-width: max-content;
|
|
21
|
+
position: relative;
|
|
22
|
+
display: inline-flex;
|
|
23
|
+
width: calc(100% - 32px);
|
|
24
|
+
}
|
|
25
|
+
.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper {
|
|
26
|
+
font-size: var(--fs-small);
|
|
27
|
+
min-width: max-content;
|
|
28
|
+
position: relative;
|
|
29
|
+
display: inline-flex;
|
|
30
|
+
width: calc(100% - 32px);
|
|
31
|
+
}
|
|
32
|
+
.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover,
|
|
33
|
+
.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected {
|
|
34
|
+
background: transparent;
|
|
35
|
+
color: var(--primary);
|
|
36
|
+
position: relative;
|
|
37
|
+
}
|
|
38
|
+
.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover:after,
|
|
39
|
+
.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected:after {
|
|
40
|
+
content: '';
|
|
41
|
+
width: 100%;
|
|
42
|
+
bottom: 0;
|
|
43
|
+
left: 0;
|
|
44
|
+
position: absolute;
|
|
45
|
+
border-bottom: 1px solid var(--primary);
|
|
46
|
+
}
|
|
47
|
+
.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-switcher,
|
|
48
|
+
.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-switcher,
|
|
49
|
+
.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-iconEle,
|
|
50
|
+
.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-iconEle {
|
|
51
|
+
color: var(--primary);
|
|
52
|
+
}
|
|
53
|
+
.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-switcher .anticon,
|
|
54
|
+
.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-switcher .anticon,
|
|
55
|
+
.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-iconEle .anticon,
|
|
56
|
+
.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-iconEle .anticon {
|
|
57
|
+
color: var(--primary);
|
|
58
|
+
}
|
|
59
|
+
.bc-base-tree-component .cloudapp-tree-treenode-switcher-open .cloudapp-tree-switcher,
|
|
60
|
+
.bc-base-tree-component .cloudapp-tree-treenode-switcher-close .cloudapp-tree-switcher,
|
|
61
|
+
.bc-base-tree-component .cloudapp-tree-treenode-switcher-open .cloudapp-tree-iconEle,
|
|
62
|
+
.bc-base-tree-component .cloudapp-tree-treenode-switcher-close .cloudapp-tree-iconEle {
|
|
63
|
+
color: var(--icon);
|
|
64
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* tree 基础组件支持各种自定义其他tree可用过它来拓展
|
|
3
|
+
*/
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { DataNode, TreeProps } from 'antd/lib/tree';
|
|
6
|
+
import './index.less';
|
|
7
|
+
export interface ITreeNodeProps {
|
|
8
|
+
prefix?: (node: DataNode) => JSX.Element;
|
|
9
|
+
suffix?: (node: DataNode) => JSX.Element;
|
|
10
|
+
keyword?: string;
|
|
11
|
+
key?: string;
|
|
12
|
+
nameKey?: string;
|
|
13
|
+
RenderTreeTitle?: (node: DataNode) => JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export interface BaseTreeProps extends TreeProps {
|
|
16
|
+
checkable?: boolean;
|
|
17
|
+
className?: string;
|
|
18
|
+
treeData?: DataNode[] | any[];
|
|
19
|
+
showIcon?: boolean;
|
|
20
|
+
treeNodeProps?: ITreeNodeProps;
|
|
21
|
+
icon?: (node: DataNode) => JSX.Element;
|
|
22
|
+
}
|
|
23
|
+
declare const BTree: React.ForwardRefExoticComponent<BaseTreeProps & React.RefAttributes<any>>;
|
|
24
|
+
export default BTree;
|
package/es/Tree/index.js
ADDED
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import "antd/lib/tree/style";
|
|
2
|
+
import _Tree from "antd/lib/tree";
|
|
3
|
+
import { __rest } from "tslib";
|
|
4
|
+
/**
|
|
5
|
+
* tree 基础组件支持各种自定义其他tree可用过它来拓展
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import React, { useImperativeHandle, useMemo, useRef } from 'react';
|
|
9
|
+
import IconFont from '../IconFont';
|
|
10
|
+
import HightLevel from '../HightLevel';
|
|
11
|
+
import "./index.css";
|
|
12
|
+
|
|
13
|
+
function BaseTree(_a, ref) {
|
|
14
|
+
var treeData = _a.treeData,
|
|
15
|
+
className = _a.className,
|
|
16
|
+
showIcon = _a.showIcon,
|
|
17
|
+
treeNodeProps = _a.treeNodeProps,
|
|
18
|
+
icon = _a.icon,
|
|
19
|
+
props = __rest(_a, ["treeData", "className", "showIcon", "treeNodeProps", "icon"]);
|
|
20
|
+
|
|
21
|
+
var _useMemo = useMemo(function () {
|
|
22
|
+
return treeNodeProps;
|
|
23
|
+
}, []),
|
|
24
|
+
prefix = _useMemo.prefix,
|
|
25
|
+
suffix = _useMemo.suffix,
|
|
26
|
+
keyword = _useMemo.keyword,
|
|
27
|
+
_useMemo$key = _useMemo.key,
|
|
28
|
+
key = _useMemo$key === void 0 ? 'id' : _useMemo$key,
|
|
29
|
+
_useMemo$nameKey = _useMemo.nameKey,
|
|
30
|
+
nameKey = _useMemo$nameKey === void 0 ? 'name' : _useMemo$nameKey,
|
|
31
|
+
RenderTreeTitle = _useMemo.RenderTreeTitle;
|
|
32
|
+
|
|
33
|
+
var treeRef = useRef(null);
|
|
34
|
+
useImperativeHandle(ref, function () {
|
|
35
|
+
return {
|
|
36
|
+
getCheckedKeys: function getCheckedKeys() {
|
|
37
|
+
if (!props.checkable || !treeRef.current) {
|
|
38
|
+
return [];
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
return treeRef.current.tree.state.checkedKeys;
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
}, [props.checkable]);
|
|
45
|
+
return /*#__PURE__*/React.createElement(_Tree, Object.assign({
|
|
46
|
+
className: "bc-base-tree-component ".concat(className),
|
|
47
|
+
ref: treeRef,
|
|
48
|
+
showIcon: showIcon,
|
|
49
|
+
switcherIcon: /*#__PURE__*/React.createElement(IconFont, {
|
|
50
|
+
style: {
|
|
51
|
+
fontSize: 20,
|
|
52
|
+
verticalAlign: '-0.4em'
|
|
53
|
+
},
|
|
54
|
+
type: "icon-S_Arrow_SmallDown"
|
|
55
|
+
}),
|
|
56
|
+
treeData: treeData,
|
|
57
|
+
fieldNames: {
|
|
58
|
+
key: key,
|
|
59
|
+
title: nameKey
|
|
60
|
+
},
|
|
61
|
+
key: keyword,
|
|
62
|
+
titleRender: RenderTreeTitle ? RenderTreeTitle : function (node) {
|
|
63
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
64
|
+
title: node[nameKey],
|
|
65
|
+
className: "tree-item-title"
|
|
66
|
+
}, /*#__PURE__*/React.createElement("span", null, showIcon && icon && icon(node), prefix && prefix(node), /*#__PURE__*/React.createElement(HightLevel, {
|
|
67
|
+
keyword: keyword,
|
|
68
|
+
name: node[nameKey]
|
|
69
|
+
})), suffix && suffix(node));
|
|
70
|
+
}
|
|
71
|
+
}, props));
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
var BTree = /*#__PURE__*/React.forwardRef(BaseTree);
|
|
75
|
+
BTree.defaultProps = {
|
|
76
|
+
treeData: [],
|
|
77
|
+
className: '',
|
|
78
|
+
treeNodeProps: {
|
|
79
|
+
nameKey: 'name',
|
|
80
|
+
key: 'id'
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
export default BTree;
|
package/es/TreeMode/index.d.ts
CHANGED
package/es/TreeMode/index.js
CHANGED
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
|
|
2
|
-
import _Tree from "@cloud-app-dev/basic-components/es/Tree";
|
|
3
1
|
import _treeHelper from "@cloud-app-dev/utils/es/treeHelper";
|
|
4
|
-
import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
|
|
5
2
|
|
|
6
3
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
7
4
|
|
|
@@ -28,6 +25,9 @@ import React, { useEffect, useMemo, useState } from 'react';
|
|
|
28
25
|
import api from '../Api';
|
|
29
26
|
import TreeTitle from '../TreeTitle';
|
|
30
27
|
import { getParentListById, getPlaceCodesWithParent } from '../utils';
|
|
28
|
+
import IconFont from '../IconFont';
|
|
29
|
+
import useHttp from '../useHttp';
|
|
30
|
+
import Tree from '../Tree';
|
|
31
31
|
import "./index.css";
|
|
32
32
|
var defaultList = [];
|
|
33
33
|
|
|
@@ -55,7 +55,7 @@ function TreeMode(_a) {
|
|
|
55
55
|
*/
|
|
56
56
|
|
|
57
57
|
|
|
58
|
-
var _useHttp =
|
|
58
|
+
var _useHttp = useHttp(['TreeMode', mode], function (_ref) {
|
|
59
59
|
var _ref2 = _slicedToArray(_ref, 2),
|
|
60
60
|
_ = _ref2[0],
|
|
61
61
|
mode = _ref2[1];
|
|
@@ -165,7 +165,7 @@ function TreeMode(_a) {
|
|
|
165
165
|
});
|
|
166
166
|
});
|
|
167
167
|
}
|
|
168
|
-
}), renderHeader && renderHeader(), list.length > 0 && /*#__PURE__*/React.createElement(
|
|
168
|
+
}), renderHeader && renderHeader(), list.length > 0 && /*#__PURE__*/React.createElement(Tree, Object.assign({}, props, {
|
|
169
169
|
treeData: treeData,
|
|
170
170
|
key: state.focusKey,
|
|
171
171
|
showIcon: showIcon,
|
|
@@ -185,7 +185,7 @@ function TreeMode(_a) {
|
|
|
185
185
|
key: treeKey
|
|
186
186
|
},
|
|
187
187
|
icon: function icon(node) {
|
|
188
|
-
return /*#__PURE__*/React.createElement(
|
|
188
|
+
return /*#__PURE__*/React.createElement(IconFont, {
|
|
189
189
|
type: "".concat(treeData.length === 1 && node.id === treeData[0].id ? 'icon-S_Bar_Home' : mode === 'Place' ? node.level > 4 ? 'icon-S_Place_Place' : 'icon-S_Bar_Add' : 'icon-S_Photo_ListTree')
|
|
190
190
|
});
|
|
191
191
|
}
|
package/es/TreeTitle/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import _Input from "@cloud-app-dev/basic-components/es/Input";
|
|
2
1
|
import React from 'react';
|
|
2
|
+
import Input from '../Input';
|
|
3
3
|
import "./index.css";
|
|
4
4
|
export default function TreeTitle(_ref) {
|
|
5
5
|
var title = _ref.title,
|
|
@@ -18,7 +18,7 @@ export default function TreeTitle(_ref) {
|
|
|
18
18
|
className: "lm-c-tree-title-part"
|
|
19
19
|
}, /*#__PURE__*/React.createElement("span", {
|
|
20
20
|
className: 'title-text'
|
|
21
|
-
}, title), hasInput && /*#__PURE__*/React.createElement(
|
|
21
|
+
}, title), hasInput && /*#__PURE__*/React.createElement(Input, {
|
|
22
22
|
className: "input-keword",
|
|
23
23
|
placeholder: inputPlaceholder,
|
|
24
24
|
onChange: onChange,
|
package/es/UserSelect/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { UserInfoType } from '../AppContext/interface';
|
|
3
3
|
import './index.less';
|
|
4
4
|
interface IUserSelectProps {
|
|
5
|
-
selectUsers:
|
|
6
|
-
onChange?: (users:
|
|
5
|
+
selectUsers: UserInfoType[];
|
|
6
|
+
onChange?: (users: UserInfoType[]) => void;
|
|
7
7
|
className?: string;
|
|
8
8
|
/**
|
|
9
9
|
* @description 过滤不需要的用户
|