@riil-frontend/component-topology 6.0.0-alpha.2 → 6.0.0-alpha.21
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/build/1.js +2 -2
- package/build/2.js +1 -1
- package/build/index.css +1 -1
- package/build/index.js +28 -28
- package/es/components/ColorPanel/components/ColorBlock/index.js +37 -0
- package/es/components/ColorPanel/components/ColorBlock/index.module.scss +8 -0
- package/es/components/ColorPanel/components/FontColorRange/index.js +35 -0
- package/es/components/ColorPanel/components/FontColorRange/index.module.scss +22 -0
- package/es/components/ColorPanel/index.js +199 -0
- package/es/components/ColorPanel/index.module.scss +37 -0
- package/es/components/VerticalIconTab/VerticalIconTab.module.scss +7 -2
- package/es/components/collapse/Collapse.module.scss +12 -1
- package/es/core/common/hooks/useHtElements.js +21 -0
- package/es/core/common/icons/useIcons.js +7 -1
- package/es/core/components/AlarmListPanel/components/AlarmListItem.js +15 -13
- package/es/core/components/AlarmListPanel/components/index.module.scss +5 -5
- package/es/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -1
- package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +6 -2
- package/es/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +122 -0
- package/es/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +74 -20
- package/es/core/components/TopoView/TopoGraphViewPanel.js +20 -0
- package/es/core/components/TopoView/editor.module.scss +1 -0
- package/es/core/components/TopoView/topoView.js +39 -18
- package/es/core/editor/components/Sidebar/Sidebar.js +26 -50
- package/es/core/editor/components/Sidebar/Sidebar.module.scss +5 -1
- package/es/core/editor/components/Sidebar/panes.js +32 -0
- package/es/core/editor/components/Sidebar/views/BackgroundPanel/BackgroundPanel.js +1 -2
- package/es/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +96 -0
- package/es/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.module.scss +74 -0
- package/es/core/editor/components/Sidebar/views/CanvasPanel/index.js +1 -1
- package/es/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +1 -1
- package/es/core/editor/components/Sidebar/views/ImagePanel/CustomImagePanel.js +8 -33
- package/es/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +42 -0
- package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +42 -0
- package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +5 -0
- package/es/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +2 -1
- package/es/core/editor/components/Toolbar/EditorToolbar.js +23 -13
- package/es/core/editor/components/Toolbar/Toolbar.js +1 -1
- package/es/core/editor/components/Toolbar/Toolbar.module.scss +14 -3
- package/es/core/editor/components/Toolbar/buttons.js +20 -18
- package/es/core/editor/components/Toolbar/hooks/useFontStyleSetting.js +35 -0
- package/es/core/editor/components/Toolbar/widgets/AddResourceButton.js +56 -7
- package/es/core/editor/components/Toolbar/widgets/CanvasMoveWidget.js +13 -2
- package/es/core/editor/components/Toolbar/widgets/CanvasSelectWidget.js +11 -2
- package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/Content.js +10 -1
- package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeWidthRange.js +33 -0
- package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeWidthRange.module.scss +26 -0
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +184 -3
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +44 -0
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +53 -0
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.module.scss +31 -0
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/constants.js +77 -0
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +59 -6
- package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +36 -4
- package/es/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +35 -0
- package/es/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +12 -2
- package/es/core/editor/components/Toolbar/widgets/FontSizeWidget.js +12 -2
- package/es/core/editor/components/Toolbar/widgets/HistoryRedoButton.js +3 -2
- package/es/core/editor/components/Toolbar/widgets/HistoryUndoButton.js +5 -4
- package/es/core/editor/components/Toolbar/widgets/IconSelect/IconSelect.js +109 -0
- package/es/core/editor/components/Toolbar/widgets/IconSelect/constant.js +64 -0
- package/es/core/editor/components/Toolbar/widgets/IconSelect/index.js +101 -0
- package/es/core/editor/components/Toolbar/widgets/IconSelect/index.module.scss +153 -0
- package/es/core/editor/components/Toolbar/widgets/IconSelect/popUpContent.js +49 -0
- package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.js +99 -0
- package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.module.scss +70 -0
- package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.js +42 -0
- package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.module.scss +7 -0
- package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.js +75 -0
- package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.scss +32 -0
- package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/Icon.js +23 -0
- package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/index.js +10 -0
- package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_circular.svg +10 -0
- package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_hierarchical.svg +10 -0
- package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_rectangle.svg +12 -0
- package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_toward.svg +16 -0
- package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.js +31 -0
- package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.module.scss +53 -0
- package/es/core/editor/components/Toolbar/widgets/Layout/index.js +127 -14
- package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +28 -22
- package/es/core/editor/components/Toolbar/widgets/NodeImageButton/BoxBackgroundSetting.js +14 -4
- package/es/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +37 -6
- package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +90 -12
- package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
- package/es/core/editor/components/Toolbar/widgets/WidgetBox.js +9 -21
- package/es/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +11 -1
- package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.js +4 -2
- package/es/core/editor/components/Toolbar/widgets/components/DropdownButton.js +8 -5
- package/es/core/editor/components/settings/Settings.js +0 -23
- package/es/core/editor/components/settings/Settings.module.scss +1 -2
- package/es/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +76 -0
- package/es/core/editor/components/settings/common/AlignSetting/index.js +18 -72
- package/es/core/editor/components/settings/common/LineType/index.js +12 -119
- package/es/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js +3 -3
- package/es/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +31 -21
- package/es/core/editor/components/settings/common/SizeInput/NodeSizeNumberPicker.js +7 -6
- package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +0 -8
- package/es/core/editor/components/settings/propertyViews/layer/DataTab/DefaultLayerAddResourceDrawer.js +48 -0
- package/es/core/editor/components/settings/propertyViews/layer/DataTab/LayerAddResourceButton.js +12 -18
- package/es/core/editor/components/settings/propertyViews/layer/DataTab/LayerAddResourceDrawer.js +13 -46
- package/es/core/editor/components/settings/propertyViews/layer/DataTab/RelateData.js +2 -1
- package/es/core/editor/components/settings/propertyViews/multipleElements/BatchSetNodeSize/BatchSetNodeSize.js +8 -9
- package/es/core/editor/components/settings/propertyViews/multipleElements/MultipleElementLineType.js +5 -42
- package/es/core/editor/components/settings/propertyViews/multipleElements/MultipleElementPropertyView.js +2 -15
- package/es/core/editor/components/settings/propertyViews/view/BatchSetNodeSize.js +9 -6
- package/es/core/editor/components/titlebar/TopoEditorTitleBar.js +8 -4
- package/es/core/editor/hooks/useLayerAddResource.js +28 -0
- package/es/core/{store/models → editor/store}/background.js +0 -0
- package/es/core/{store/models → editor/store}/historyManager.js +0 -0
- package/es/core/{store/models → editor/store}/topoEdit.js +8 -1
- package/es/core/editor/utils/edgeTypeStyleUtil.js +96 -0
- package/es/core/hooks/useCanvasTheme.js +35 -0
- package/es/core/hooks/useTopoEdit.js +36 -58
- package/es/core/models/HistoryManager.js +10 -3
- package/es/core/models/SelectionManager.js +16 -1
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/models/TopoGraphView.js +8 -2
- package/es/core/models/utils/linkUtils.js +1 -1
- package/es/core/store/coreModels.js +6 -7
- package/es/core/store/models/selection.js +2 -1
- package/es/core/viewer/components/titlebar/widgets/SettingButton.js +3 -1
- package/es/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +4 -2
- package/es/networkTopo/createTopo.js +2 -0
- package/es/networkTopo/services/link.js +2 -2
- package/es/networkTopo/store/topoTreeMod.js +6 -7
- package/es/style.js +1 -0
- package/es/utils/topoData.js +1 -0
- package/lib/components/ColorPanel/components/ColorBlock/index.js +47 -0
- package/lib/components/ColorPanel/components/ColorBlock/index.module.scss +8 -0
- package/lib/components/ColorPanel/components/FontColorRange/index.js +49 -0
- package/lib/components/ColorPanel/components/FontColorRange/index.module.scss +22 -0
- package/lib/components/ColorPanel/index.js +217 -0
- package/lib/components/ColorPanel/index.module.scss +37 -0
- package/lib/components/VerticalIconTab/VerticalIconTab.module.scss +7 -2
- package/lib/components/collapse/Collapse.module.scss +12 -1
- package/lib/core/common/hooks/useHtElements.js +27 -0
- package/lib/core/common/icons/useIcons.js +7 -1
- package/lib/core/components/AlarmListPanel/components/AlarmListItem.js +15 -13
- package/lib/core/components/AlarmListPanel/components/index.module.scss +5 -5
- package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -1
- package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +7 -2
- package/lib/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +147 -0
- package/lib/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +74 -20
- package/lib/core/components/TopoView/TopoGraphViewPanel.js +30 -0
- package/lib/core/components/TopoView/editor.module.scss +1 -0
- package/lib/core/components/TopoView/topoView.js +41 -19
- package/lib/core/editor/components/Sidebar/Sidebar.js +25 -52
- package/lib/core/editor/components/Sidebar/Sidebar.module.scss +5 -1
- package/lib/core/editor/components/Sidebar/panes.js +45 -0
- package/lib/core/editor/components/Sidebar/views/BackgroundPanel/BackgroundPanel.js +1 -2
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +109 -0
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.module.scss +74 -0
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/index.js +2 -2
- package/lib/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +2 -2
- package/lib/core/editor/components/Sidebar/views/ImagePanel/CustomImagePanel.js +8 -32
- package/lib/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +55 -0
- package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +55 -0
- package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +5 -0
- package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +3 -1
- package/lib/core/editor/components/Toolbar/EditorToolbar.js +22 -11
- package/lib/core/editor/components/Toolbar/Toolbar.js +1 -1
- package/lib/core/editor/components/Toolbar/Toolbar.module.scss +14 -3
- package/lib/core/editor/components/Toolbar/buttons.js +21 -20
- package/lib/core/editor/components/Toolbar/hooks/useFontStyleSetting.js +50 -0
- package/lib/core/editor/components/Toolbar/widgets/AddResourceButton.js +63 -7
- package/lib/core/editor/components/Toolbar/widgets/CanvasMoveWidget.js +13 -2
- package/lib/core/editor/components/Toolbar/widgets/CanvasSelectWidget.js +11 -2
- package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/Content.js +11 -1
- package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeWidthRange.js +47 -0
- package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeWidthRange.module.scss +26 -0
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +194 -3
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +44 -0
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +71 -0
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.module.scss +31 -0
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/constants.js +83 -0
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +61 -5
- package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +39 -4
- package/lib/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +35 -0
- package/lib/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +13 -2
- package/lib/core/editor/components/Toolbar/widgets/FontSizeWidget.js +13 -2
- package/lib/core/editor/components/Toolbar/widgets/HistoryRedoButton.js +4 -2
- package/lib/core/editor/components/Toolbar/widgets/HistoryUndoButton.js +5 -3
- package/lib/core/editor/components/Toolbar/widgets/IconSelect/IconSelect.js +126 -0
- package/lib/core/editor/components/Toolbar/widgets/IconSelect/constant.js +69 -0
- package/lib/core/editor/components/Toolbar/widgets/IconSelect/index.js +117 -0
- package/lib/core/editor/components/Toolbar/widgets/IconSelect/index.module.scss +153 -0
- package/lib/core/editor/components/Toolbar/widgets/IconSelect/popUpContent.js +61 -0
- package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.js +116 -0
- package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.module.scss +70 -0
- package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.js +55 -0
- package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.module.scss +7 -0
- package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.js +93 -0
- package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.scss +32 -0
- package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/Icon.js +32 -0
- package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/index.js +22 -0
- package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_circular.svg +10 -0
- package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_hierarchical.svg +10 -0
- package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_rectangle.svg +12 -0
- package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_toward.svg +16 -0
- package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.js +44 -0
- package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.module.scss +53 -0
- package/lib/core/editor/components/Toolbar/widgets/Layout/index.js +132 -15
- package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +30 -23
- package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/BoxBackgroundSetting.js +20 -4
- package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +36 -5
- package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +91 -11
- package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
- package/lib/core/editor/components/Toolbar/widgets/WidgetBox.js +11 -24
- package/lib/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +11 -1
- package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.js +4 -2
- package/lib/core/editor/components/Toolbar/widgets/components/DropdownButton.js +8 -5
- package/lib/core/editor/components/settings/Settings.js +0 -23
- package/lib/core/editor/components/settings/Settings.module.scss +1 -2
- package/lib/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +93 -0
- package/lib/core/editor/components/settings/common/AlignSetting/index.js +19 -80
- package/lib/core/editor/components/settings/common/LineType/index.js +13 -126
- package/lib/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js +2 -2
- package/lib/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +32 -23
- package/lib/core/editor/components/settings/common/SizeInput/NodeSizeNumberPicker.js +6 -6
- package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +0 -8
- package/lib/core/editor/components/settings/propertyViews/layer/DataTab/DefaultLayerAddResourceDrawer.js +63 -0
- package/lib/core/editor/components/settings/propertyViews/layer/DataTab/LayerAddResourceButton.js +13 -22
- package/lib/core/editor/components/settings/propertyViews/layer/DataTab/LayerAddResourceDrawer.js +12 -50
- package/lib/core/editor/components/settings/propertyViews/layer/DataTab/RelateData.js +2 -1
- package/lib/core/editor/components/settings/propertyViews/multipleElements/BatchSetNodeSize/BatchSetNodeSize.js +6 -8
- package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementLineType.js +5 -42
- package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementPropertyView.js +2 -15
- package/lib/core/editor/components/settings/propertyViews/view/BatchSetNodeSize.js +7 -5
- package/lib/core/editor/components/titlebar/TopoEditorTitleBar.js +9 -1
- package/lib/core/editor/hooks/useLayerAddResource.js +34 -0
- package/lib/core/{store/models → editor/store}/background.js +0 -0
- package/lib/core/{store/models → editor/store}/historyManager.js +0 -0
- package/lib/core/{store/models → editor/store}/topoEdit.js +8 -1
- package/lib/core/editor/utils/edgeTypeStyleUtil.js +109 -0
- package/lib/core/hooks/useCanvasTheme.js +49 -0
- package/lib/core/hooks/useTopoEdit.js +36 -60
- package/lib/core/models/HistoryManager.js +10 -3
- package/lib/core/models/SelectionManager.js +17 -1
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/models/TopoGraphView.js +8 -2
- package/lib/core/models/utils/linkUtils.js +1 -1
- package/lib/core/store/coreModels.js +5 -7
- package/lib/core/store/models/selection.js +2 -1
- package/lib/core/viewer/components/titlebar/widgets/SettingButton.js +3 -1
- package/lib/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +4 -2
- package/lib/networkTopo/createTopo.js +3 -0
- package/lib/networkTopo/services/link.js +2 -2
- package/lib/networkTopo/store/topoTreeMod.js +6 -8
- package/lib/style.js +1 -0
- package/lib/utils/topoData.js +1 -0
- package/package.json +2 -2
- package/es/core/editor/components/Sidebar/views/CanvasPanel/ImagePanel.js +0 -4
- package/es/core/editor/components/Toolbar/widgets/AddResourceWidget.js +0 -17
- package/es/core/store/models/topoView.js +0 -36
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/ImagePanel.js +0 -12
- package/lib/core/editor/components/Toolbar/widgets/AddResourceWidget.js +0 -27
- package/lib/core/store/models/topoView.js +0 -47
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.getEdgesBySelection = getEdgesBySelection;
|
|
5
|
+
exports.loopEdgesAndChildren = loopEdgesAndChildren;
|
|
6
|
+
exports.setEdgesAndChildren = setEdgesAndChildren;
|
|
7
|
+
exports.setEdgesType = setEdgesType;
|
|
8
|
+
|
|
9
|
+
var _htElementUtils = require("../../../utils/htElementUtils");
|
|
10
|
+
|
|
11
|
+
var ht = window.ht;
|
|
12
|
+
|
|
13
|
+
function getEdgesBySelection(topo) {
|
|
14
|
+
var getChildrenNodeIds = function getChildrenNodeIds(nodes) {
|
|
15
|
+
var nodeIds = nodes.map(function (node) {
|
|
16
|
+
return node.getId();
|
|
17
|
+
});
|
|
18
|
+
nodes.forEach(function (node) {
|
|
19
|
+
if (node instanceof ht.Group) {
|
|
20
|
+
var children = node.getChildren().toArray();
|
|
21
|
+
nodeIds.push.apply(nodeIds, getChildrenNodeIds(children));
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
return nodeIds;
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
var getSelectedEdges = function getSelectedEdges(topo) {
|
|
28
|
+
var gv = topo.getGraphView();
|
|
29
|
+
var selection = gv.getSelectionModel().getSelection().toArray(); // 选中的连线
|
|
30
|
+
|
|
31
|
+
var edges = selection.filter(function (element) {
|
|
32
|
+
return element instanceof ht.Edge;
|
|
33
|
+
}); // 查询选中节点间的连线
|
|
34
|
+
|
|
35
|
+
var nodes = selection.filter(function (element) {
|
|
36
|
+
return element instanceof ht.Node;
|
|
37
|
+
});
|
|
38
|
+
var nodeIds = getChildrenNodeIds(nodes);
|
|
39
|
+
var dm = gv.getDataModel();
|
|
40
|
+
(0, _htElementUtils.getEdges)(dm).forEach(function (edge) {
|
|
41
|
+
if (nodeIds.find(function (nodeId) {
|
|
42
|
+
return nodeId === edge.getSource().getId();
|
|
43
|
+
}) && nodeIds.find(function (nodeId) {
|
|
44
|
+
return nodeId === edge.getTarget().getId();
|
|
45
|
+
}) && !edges.find(function (item) {
|
|
46
|
+
return item === edge;
|
|
47
|
+
})) {
|
|
48
|
+
edges.push(edge);
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
return edges;
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
return getSelectedEdges(topo);
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* 遍历连线及子连线
|
|
58
|
+
* @param {*} topo
|
|
59
|
+
* @param {*} edges
|
|
60
|
+
* @param {*} operateEdgeFn
|
|
61
|
+
*/
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
function loopEdgesAndChildren(topo, edges, operateEdgeFn) {
|
|
65
|
+
var htTopo = topo.getHtTopo();
|
|
66
|
+
edges.forEach(function (edge) {
|
|
67
|
+
operateEdgeFn(edge);
|
|
68
|
+
|
|
69
|
+
if (edge.isEdgeGroupAgent()) {
|
|
70
|
+
// 连线组折叠时同时设置子连线
|
|
71
|
+
var edgeChildren = edge.getEdgeGroup().getEdges().toArray();
|
|
72
|
+
htTopo.toggleEdgeGroup(edge.getSource(), edge.getTarget(), true);
|
|
73
|
+
edgeChildren.forEach(function (edgeChild) {
|
|
74
|
+
operateEdgeFn(edgeChild);
|
|
75
|
+
});
|
|
76
|
+
htTopo.toggleEdgeGroup(edge.getSource(), edge.getTarget(), false);
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
/**
|
|
81
|
+
* 设置连线及子连线。带回退事务控制
|
|
82
|
+
* @param {*} topo
|
|
83
|
+
* @param {*} edges
|
|
84
|
+
* @param {*} operateEdgeFn
|
|
85
|
+
*/
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
function setEdgesAndChildren(topo, edges, operateEdgeFn) {
|
|
89
|
+
topo.historyManager.beginTransaction();
|
|
90
|
+
loopEdgesAndChildren(topo, edges, operateEdgeFn);
|
|
91
|
+
topo.historyManager.endTransaction();
|
|
92
|
+
}
|
|
93
|
+
/**
|
|
94
|
+
* 批量设置连线线形
|
|
95
|
+
*
|
|
96
|
+
* @param {*} edges
|
|
97
|
+
* @param {*} type
|
|
98
|
+
* @param {*} topo
|
|
99
|
+
*/
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
function setEdgesType(edges, type, topo) {
|
|
103
|
+
var htTopo = topo.getHtTopo();
|
|
104
|
+
setEdgesAndChildren(topo, edges, function (edge) {
|
|
105
|
+
htTopo.setGraphLinear(edge, {
|
|
106
|
+
type: type
|
|
107
|
+
});
|
|
108
|
+
});
|
|
109
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports["default"] = useCanvasTheme;
|
|
7
|
+
|
|
8
|
+
var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
+
|
|
14
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
+
|
|
16
|
+
var themeMap = [{
|
|
17
|
+
value: 'white',
|
|
18
|
+
label: '白色',
|
|
19
|
+
color: '#FFFFFF'
|
|
20
|
+
}, {
|
|
21
|
+
value: 'lightblue',
|
|
22
|
+
label: '蓝色',
|
|
23
|
+
color: '#F9FBFF'
|
|
24
|
+
}, {
|
|
25
|
+
value: 'yellow',
|
|
26
|
+
label: '黄色',
|
|
27
|
+
color: '#FFFDE6'
|
|
28
|
+
}, {
|
|
29
|
+
value: 'green',
|
|
30
|
+
label: '绿色',
|
|
31
|
+
color: '#EAFFE8'
|
|
32
|
+
}, {
|
|
33
|
+
value: 'dark',
|
|
34
|
+
label: '深色',
|
|
35
|
+
color: '#031425'
|
|
36
|
+
}].reduce(function (map, item) {
|
|
37
|
+
var _extends2;
|
|
38
|
+
|
|
39
|
+
return (0, _extends3["default"])({}, map, (_extends2 = {}, _extends2[item.value] = item, _extends2));
|
|
40
|
+
}, {});
|
|
41
|
+
|
|
42
|
+
function useCanvasTheme(props) {
|
|
43
|
+
var canvasTheme = props.canvasTheme;
|
|
44
|
+
(0, _react.useEffect)(function () {// 设置
|
|
45
|
+
}, [canvasTheme]);
|
|
46
|
+
return {
|
|
47
|
+
canvasColor: themeMap[canvasTheme].color
|
|
48
|
+
};
|
|
49
|
+
}
|
|
@@ -65,8 +65,6 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
|
65
65
|
editDispatchers = _store$useModel[1];
|
|
66
66
|
|
|
67
67
|
var topoDispatchers = store.useModelDispatchers("topoMod");
|
|
68
|
-
var _editState$groups = editState.groups,
|
|
69
|
-
groups = _editState$groups === void 0 ? [] : _editState$groups;
|
|
70
68
|
|
|
71
69
|
var _useState = (0, _react.useState)(false),
|
|
72
70
|
showComboResDrawer = _useState[0],
|
|
@@ -315,57 +313,6 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
|
315
313
|
var deleteNode = function deleteNode(node) {
|
|
316
314
|
emitEvent(_componentTopologyGraph.TopoEvent.EVENT_TRIGGER_DELETE, node);
|
|
317
315
|
};
|
|
318
|
-
/**
|
|
319
|
-
* 删除视图内的资源
|
|
320
|
-
*/
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
var deleteViewNode = function deleteViewNode(node) {
|
|
324
|
-
var nodeId = node.id;
|
|
325
|
-
var viewResources = resourceConfig.getViewResources();
|
|
326
|
-
var index = viewResources["static"].indexOf(nodeId);
|
|
327
|
-
|
|
328
|
-
if (index > -1) {
|
|
329
|
-
editDispatchers.updateResources({
|
|
330
|
-
"static": viewResources["static"].filter(function (item) {
|
|
331
|
-
return item !== nodeId;
|
|
332
|
-
})
|
|
333
|
-
});
|
|
334
|
-
}
|
|
335
|
-
};
|
|
336
|
-
/**
|
|
337
|
-
* 删除容器内的单个资源
|
|
338
|
-
*
|
|
339
|
-
* @param allGroups
|
|
340
|
-
* @param node 资源
|
|
341
|
-
*/
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
var deleteGroupNode = function deleteGroupNode(allGroups, node) {
|
|
345
|
-
var nodeId = node.id; // 更新容器内的资源
|
|
346
|
-
|
|
347
|
-
var newGroups = allGroups.map(function (g) {
|
|
348
|
-
var newGroup = g;
|
|
349
|
-
|
|
350
|
-
if (resourceConfig.isGroupContainsNode(g, node)) {
|
|
351
|
-
newGroup = (0, _extends2["default"])({}, g, {
|
|
352
|
-
resources: resourceConfig.removeStaticResource(g.resources, nodeId)
|
|
353
|
-
});
|
|
354
|
-
}
|
|
355
|
-
|
|
356
|
-
return newGroup;
|
|
357
|
-
});
|
|
358
|
-
|
|
359
|
-
_rlog["default"].info("删除容器内的单个资源", {
|
|
360
|
-
groups: groups,
|
|
361
|
-
node: node,
|
|
362
|
-
newGroups: newGroups
|
|
363
|
-
});
|
|
364
|
-
|
|
365
|
-
editDispatchers.update({
|
|
366
|
-
groups: newGroups
|
|
367
|
-
});
|
|
368
|
-
};
|
|
369
316
|
|
|
370
317
|
var handleDeleteNode = function handleDeleteNode(element) {
|
|
371
318
|
var _topo$options$editor;
|
|
@@ -522,14 +469,15 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
|
522
469
|
|
|
523
470
|
_rlog["default"].debug("bindGroupResources--id, tag", id, tag);
|
|
524
471
|
|
|
525
|
-
|
|
472
|
+
topo.historyManager.beginTransaction();
|
|
473
|
+
_context12.next = 5;
|
|
526
474
|
return resourceConfig.updateGroupResources(group, resources);
|
|
527
475
|
|
|
528
|
-
case
|
|
529
|
-
_context12.next =
|
|
476
|
+
case 5:
|
|
477
|
+
_context12.next = 7;
|
|
530
478
|
return editDispatchers.fetchDataByConfig();
|
|
531
479
|
|
|
532
|
-
case
|
|
480
|
+
case 7:
|
|
533
481
|
_yield$editDispatcher2 = _context12.sent;
|
|
534
482
|
elements = _yield$editDispatcher2.elements;
|
|
535
483
|
// 区域里的子区域及子区域的节点、新增的链路
|
|
@@ -545,7 +493,9 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
|
545
493
|
}
|
|
546
494
|
}
|
|
547
495
|
|
|
548
|
-
|
|
496
|
+
topo.historyManager.endTransaction();
|
|
497
|
+
|
|
498
|
+
case 14:
|
|
549
499
|
case "end":
|
|
550
500
|
return _context12.stop();
|
|
551
501
|
}
|
|
@@ -678,8 +628,13 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
|
678
628
|
}
|
|
679
629
|
|
|
680
630
|
topo.historyManager.endTransaction();
|
|
631
|
+
topo.getHtTopo().fitContent(); // 添加资源后隐藏资源面板
|
|
681
632
|
|
|
682
|
-
|
|
633
|
+
topoEditDispatchers.update({
|
|
634
|
+
resourceTabactiveKey: null
|
|
635
|
+
});
|
|
636
|
+
|
|
637
|
+
case 14:
|
|
683
638
|
case "end":
|
|
684
639
|
return _context15.stop();
|
|
685
640
|
}
|
|
@@ -733,6 +688,12 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
|
733
688
|
function getAddResourceDrawerMode() {
|
|
734
689
|
return getAddResourceType() === "addToFirstLayer" ? "new" : "all";
|
|
735
690
|
}
|
|
691
|
+
/**
|
|
692
|
+
* 未选中元素添加资源
|
|
693
|
+
*
|
|
694
|
+
* @param {*} data
|
|
695
|
+
*/
|
|
696
|
+
|
|
736
697
|
|
|
737
698
|
var onSaveComboRes = /*#__PURE__*/function () {
|
|
738
699
|
var _ref6 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7(data) {
|
|
@@ -762,8 +723,12 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
|
762
723
|
|
|
763
724
|
case 9:
|
|
764
725
|
topo.historyManager.endTransaction();
|
|
726
|
+
topo.getHtTopo().fitContent();
|
|
727
|
+
topoEditDispatchers.update({
|
|
728
|
+
resourceTabactiveKey: null
|
|
729
|
+
});
|
|
765
730
|
|
|
766
|
-
case
|
|
731
|
+
case 12:
|
|
767
732
|
case "end":
|
|
768
733
|
return _context7.stop();
|
|
769
734
|
}
|
|
@@ -1156,6 +1121,16 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
|
1156
1121
|
|
|
1157
1122
|
var effectsState = store.useModelEffectsState("topoConfig");
|
|
1158
1123
|
var topoLoading = effectsState.getTopoByConditions.isLoading;
|
|
1124
|
+
/**
|
|
1125
|
+
* 设置视图鼠标模式
|
|
1126
|
+
*/
|
|
1127
|
+
|
|
1128
|
+
var setViewMouseMode = (0, _react.useCallback)(function (mode) {
|
|
1129
|
+
topo.getHtTopo().setViewMouseMode(mode);
|
|
1130
|
+
topoEditDispatchers.update({
|
|
1131
|
+
viewMouseMode: mode
|
|
1132
|
+
});
|
|
1133
|
+
}, []);
|
|
1159
1134
|
return {
|
|
1160
1135
|
resourceConfig: resourceConfig,
|
|
1161
1136
|
|
|
@@ -1163,6 +1138,7 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
|
1163
1138
|
* 拓扑结构加载中状态
|
|
1164
1139
|
*/
|
|
1165
1140
|
topoLoading: topoLoading,
|
|
1141
|
+
setViewMouseMode: setViewMouseMode,
|
|
1166
1142
|
|
|
1167
1143
|
/**
|
|
1168
1144
|
* 资源绑定(多选)抽屉显示状态
|
|
@@ -83,13 +83,20 @@ var HistoryManager = /*#__PURE__*/function () {
|
|
|
83
83
|
{
|
|
84
84
|
modelName: 'topoMod',
|
|
85
85
|
property: 'type'
|
|
86
|
-
},
|
|
86
|
+
}, // 单多链路
|
|
87
|
+
{
|
|
87
88
|
modelName: 'displayConfig',
|
|
88
89
|
property: 'expandAllEdges'
|
|
89
|
-
},
|
|
90
|
+
}, // 节点标注
|
|
91
|
+
{
|
|
90
92
|
modelName: 'displayConfig',
|
|
91
93
|
property: 'nodeLabelStyle'
|
|
92
|
-
},
|
|
94
|
+
}, // 画布主题
|
|
95
|
+
{
|
|
96
|
+
modelName: 'displayConfig',
|
|
97
|
+
property: 'canvasTheme'
|
|
98
|
+
}, // 背景
|
|
99
|
+
{
|
|
93
100
|
modelName: 'background',
|
|
94
101
|
property: 'current'
|
|
95
102
|
}];
|
|
@@ -9,6 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
|
|
10
10
|
var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
|
|
11
11
|
|
|
12
|
+
var _useHtElements = _interopRequireDefault(require("../common/hooks/useHtElements"));
|
|
13
|
+
|
|
12
14
|
var SelectionManager = /*#__PURE__*/function () {
|
|
13
15
|
function SelectionManager(topo) {
|
|
14
16
|
var _this = this;
|
|
@@ -20,7 +22,10 @@ var SelectionManager = /*#__PURE__*/function () {
|
|
|
20
22
|
var selectionDispatchers = _this.topo.store.getModelDispatchers('selection');
|
|
21
23
|
|
|
22
24
|
selectionDispatchers.update({
|
|
23
|
-
selection: selection
|
|
25
|
+
selection: selection,
|
|
26
|
+
selectionIds: selection.map(function (item) {
|
|
27
|
+
return item.id;
|
|
28
|
+
})
|
|
24
29
|
});
|
|
25
30
|
};
|
|
26
31
|
|
|
@@ -66,6 +71,17 @@ var SelectionManager = /*#__PURE__*/function () {
|
|
|
66
71
|
return selection;
|
|
67
72
|
};
|
|
68
73
|
|
|
74
|
+
_proto.useHtSelection = function useHtSelection() {
|
|
75
|
+
var _this$topo$store$useM2 = this.topo.store.useModelState('selection'),
|
|
76
|
+
selectionIds = _this$topo$store$useM2.selectionIds;
|
|
77
|
+
|
|
78
|
+
var elements = (0, _useHtElements["default"])({
|
|
79
|
+
topo: this.topo,
|
|
80
|
+
ids: selectionIds
|
|
81
|
+
});
|
|
82
|
+
return elements;
|
|
83
|
+
};
|
|
84
|
+
|
|
69
85
|
_proto.handleSelectionChange = function handleSelectionChange(e) {
|
|
70
86
|
_rlog["default"].info('Selection handleSelectionChange', e);
|
|
71
87
|
|
|
@@ -52,7 +52,7 @@ var _ElementTagTipConfig = _interopRequireDefault(require("./tagstips/ElementTag
|
|
|
52
52
|
var _SelectionManager = _interopRequireDefault(require("./SelectionManager"));
|
|
53
53
|
|
|
54
54
|
// eslint-disable-next-line no-undef
|
|
55
|
-
var version = typeof "6.0.0-alpha.
|
|
55
|
+
var version = typeof "6.0.0-alpha.21" === 'string' ? "6.0.0-alpha.21" : null;
|
|
56
56
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
|
57
57
|
/**
|
|
58
58
|
* 拓扑显示和编辑
|
|
@@ -36,10 +36,16 @@ var TopoGraphView = /*#__PURE__*/function () {
|
|
|
36
36
|
this.contextMenu = new _ContextMenu["default"]();
|
|
37
37
|
};
|
|
38
38
|
|
|
39
|
-
_proto.
|
|
39
|
+
_proto.getHtGraphView = function getHtGraphView() {
|
|
40
40
|
var _this$topoClient;
|
|
41
41
|
|
|
42
|
-
return (_this$topoClient = this.topoClient) === null || _this$topoClient === void 0 ? void 0 : _this$topoClient.
|
|
42
|
+
return (_this$topoClient = this.topoClient) === null || _this$topoClient === void 0 ? void 0 : _this$topoClient.getGraphView();
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
_proto.getHtDataModel = function getHtDataModel() {
|
|
46
|
+
var _this$topoClient2;
|
|
47
|
+
|
|
48
|
+
return (_this$topoClient2 = this.topoClient) === null || _this$topoClient2 === void 0 ? void 0 : _this$topoClient2.getDataModel();
|
|
43
49
|
}
|
|
44
50
|
/**
|
|
45
51
|
* 缩放平移整个拓扑以展示所有的图元
|
|
@@ -54,7 +54,7 @@ function isCrucialLink(link) {
|
|
|
54
54
|
|
|
55
55
|
|
|
56
56
|
function isExitLink(link) {
|
|
57
|
-
return (link === null || link === void 0 ? void 0 : link.attributes) && !(link !== null && link !== void 0 && link.attributes['
|
|
57
|
+
return (link === null || link === void 0 ? void 0 : link.attributes) && !(link !== null && link !== void 0 && link.attributes['destination_id']);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
function isAggLink(link) {
|
|
@@ -15,15 +15,13 @@ var _topoBizMod = _interopRequireDefault(require("./models/topoBizMod"));
|
|
|
15
15
|
|
|
16
16
|
var _topoConfig = _interopRequireDefault(require("./models/topoConfig"));
|
|
17
17
|
|
|
18
|
-
var _topoEdit = _interopRequireDefault(require("
|
|
18
|
+
var _topoEdit = _interopRequireDefault(require("../editor/store/topoEdit"));
|
|
19
19
|
|
|
20
|
-
var _background = _interopRequireDefault(require("
|
|
20
|
+
var _background = _interopRequireDefault(require("../editor/store/background"));
|
|
21
21
|
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
var _historyManager = _interopRequireDefault(require("./models/historyManager"));
|
|
22
|
+
var _historyManager = _interopRequireDefault(require("../editor/store/historyManager"));
|
|
25
23
|
|
|
26
|
-
var
|
|
24
|
+
var _selection = _interopRequireDefault(require("./models/selection"));
|
|
27
25
|
|
|
28
26
|
var _topoAlarm = _interopRequireDefault(require("./models/topoAlarm"));
|
|
29
27
|
|
|
@@ -33,6 +31,7 @@ var _topoBaseInfoOverview = _interopRequireDefault(require("./models/topoBaseInf
|
|
|
33
31
|
|
|
34
32
|
var _lock = _interopRequireDefault(require("./models/viewer/lock"));
|
|
35
33
|
|
|
34
|
+
// 编辑模式
|
|
36
35
|
// 显示模式
|
|
37
36
|
var _default = {
|
|
38
37
|
topoMod: _topoMod["default"],
|
|
@@ -42,7 +41,6 @@ var _default = {
|
|
|
42
41
|
topoConfig: _topoConfig["default"],
|
|
43
42
|
historyManager: _historyManager["default"],
|
|
44
43
|
background: _background["default"],
|
|
45
|
-
topoGraphView: _topoGraphView["default"],
|
|
46
44
|
ciModel: _ciModel["default"],
|
|
47
45
|
topoEdit: _topoEdit["default"],
|
|
48
46
|
// 显示模式
|
|
@@ -25,7 +25,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
25
25
|
function SettingButton(props) {
|
|
26
26
|
var topo = props.topo,
|
|
27
27
|
displaySettingProps = props.displaySettingProps,
|
|
28
|
-
style = props.style
|
|
28
|
+
style = props.style,
|
|
29
|
+
isEditor = props.isEditor;
|
|
29
30
|
|
|
30
31
|
var _useState = (0, _react.useState)(false),
|
|
31
32
|
visible = _useState[0],
|
|
@@ -54,6 +55,7 @@ function SettingButton(props) {
|
|
|
54
55
|
})), /*#__PURE__*/_react["default"].createElement(_DisplaySettingDrawer["default"], {
|
|
55
56
|
visible: visible,
|
|
56
57
|
topo: topo,
|
|
58
|
+
isEditor: isEditor,
|
|
57
59
|
displaySettingProps: displaySettingProps,
|
|
58
60
|
onClose: function onClose() {
|
|
59
61
|
setVisible(false);
|
|
@@ -17,11 +17,13 @@ var _SettingButton = _interopRequireDefault(require("./SettingButton"));
|
|
|
17
17
|
function SettingButtonWidget(props) {
|
|
18
18
|
var topo = props.topo,
|
|
19
19
|
viewerProps = props.viewerProps,
|
|
20
|
-
style = props.style
|
|
20
|
+
style = props.style,
|
|
21
|
+
isEditor = props.isEditor;
|
|
21
22
|
return /*#__PURE__*/_react["default"].createElement(_SettingButton["default"], {
|
|
22
23
|
topo: topo,
|
|
23
24
|
displaySettingProps: viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.displaySettingProps,
|
|
24
|
-
style: style
|
|
25
|
+
style: style,
|
|
26
|
+
isEditor: isEditor
|
|
25
27
|
});
|
|
26
28
|
}
|
|
27
29
|
|
|
@@ -10,8 +10,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
10
10
|
|
|
11
11
|
var _TopoCenter = _interopRequireDefault(require("./models/TopoCenter"));
|
|
12
12
|
|
|
13
|
+
var _services = _interopRequireDefault(require("./services"));
|
|
14
|
+
|
|
13
15
|
function createTopo(options) {
|
|
14
16
|
var topoApp = new _TopoCenter["default"]((0, _extends2["default"])({}, options));
|
|
17
|
+
topoApp.serverApi = _services["default"];
|
|
15
18
|
return topoApp;
|
|
16
19
|
}
|
|
17
20
|
|
|
@@ -173,10 +173,10 @@ var _default = {
|
|
|
173
173
|
// const idtxt = `'${ids[0]}','${ids[1]}'`;
|
|
174
174
|
stag = ids[0];
|
|
175
175
|
ttag = ids[1];
|
|
176
|
-
condition = "type('network_link') && !
|
|
176
|
+
condition = "type('network_link') && !destination_id && network_link.source_device_id ='" + stag + "'";
|
|
177
177
|
|
|
178
178
|
if (ttag) {
|
|
179
|
-
condition = "type('network_link') && !
|
|
179
|
+
condition = "type('network_link') && !destination_id && network_link.source_device_id ='" + stag + "' && network_link.destination_device_id='" + ttag + "'";
|
|
180
180
|
}
|
|
181
181
|
|
|
182
182
|
parm = {
|
|
@@ -13,8 +13,6 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
|
|
|
13
13
|
|
|
14
14
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
15
|
|
|
16
|
-
var _services = _interopRequireDefault(require("../services"));
|
|
17
|
-
|
|
18
16
|
var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
|
|
19
17
|
|
|
20
18
|
var _tree = require("../../utils/tree");
|
|
@@ -101,7 +99,7 @@ function _default(topoApp) {
|
|
|
101
99
|
}
|
|
102
100
|
|
|
103
101
|
_context2.next = 4;
|
|
104
|
-
return
|
|
102
|
+
return topoApp.serverApi.getTopoTree();
|
|
105
103
|
|
|
106
104
|
case 4:
|
|
107
105
|
resTreeData = _context2.sent;
|
|
@@ -110,7 +108,7 @@ function _default(topoApp) {
|
|
|
110
108
|
|
|
111
109
|
case 7:
|
|
112
110
|
_context2.next = 9;
|
|
113
|
-
return
|
|
111
|
+
return topoApp.serverApi.getTopoTreeByLoginUser();
|
|
114
112
|
|
|
115
113
|
case 9:
|
|
116
114
|
resTreeData = _context2.sent;
|
|
@@ -177,7 +175,7 @@ function _default(topoApp) {
|
|
|
177
175
|
_rlog["default"].debug('editTopoOnTree', conditions);
|
|
178
176
|
|
|
179
177
|
_context4.next = 4;
|
|
180
|
-
return
|
|
178
|
+
return topoApp.serverApi.editTopoonTree(parseInt(conditions.id, 10), conditions.name, conditions.type);
|
|
181
179
|
|
|
182
180
|
case 4:
|
|
183
181
|
resTreeData = _context4.sent;
|
|
@@ -263,7 +261,7 @@ function _default(topoApp) {
|
|
|
263
261
|
|
|
264
262
|
case 8:
|
|
265
263
|
_context5.next = 10;
|
|
266
|
-
return
|
|
264
|
+
return topoApp.serverApi.deleteTopoonTree(parseInt(conditions, 10));
|
|
267
265
|
|
|
268
266
|
case 10:
|
|
269
267
|
return _context5.abrupt("return", _context5.sent);
|
|
@@ -287,7 +285,7 @@ function _default(topoApp) {
|
|
|
287
285
|
|
|
288
286
|
case 18:
|
|
289
287
|
_context5.next = 20;
|
|
290
|
-
return
|
|
288
|
+
return topoApp.serverApi.deleteTopoonTree(parseInt(conditions, 10));
|
|
291
289
|
|
|
292
290
|
case 20:
|
|
293
291
|
return _context5.abrupt("return", _context5.sent);
|
|
@@ -316,7 +314,7 @@ function _default(topoApp) {
|
|
|
316
314
|
_rlog["default"].debug('setDefTopoOnTree', conditions);
|
|
317
315
|
|
|
318
316
|
_context6.next = 4;
|
|
319
|
-
return
|
|
317
|
+
return topoApp.serverApi.setDefTopo(parseInt(conditions, 10));
|
|
320
318
|
|
|
321
319
|
case 4:
|
|
322
320
|
resTreeData = _context6.sent;
|
package/lib/style.js
CHANGED
package/lib/utils/topoData.js
CHANGED
|
@@ -366,6 +366,7 @@ function buildGlobal(_ref2) {
|
|
|
366
366
|
showLinkName: false,
|
|
367
367
|
// 是否显示链路名称
|
|
368
368
|
nodeLabelStyle: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.nodeLabelStyle,
|
|
369
|
+
defaultEdgeLabelStyle: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.defaultEdgeLabelStyle,
|
|
369
370
|
edgeFlow: edgeFlow
|
|
370
371
|
}, (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.topoDisplayConfig) || {}, (result === null || result === void 0 ? void 0 : (_result$customGlobal2 = result.customGlobal) === null || _result$customGlobal2 === void 0 ? void 0 : _result$customGlobal2.topoDisplayConfig) || {}),
|
|
371
372
|
linkTo: linkTo,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@riil-frontend/component-topology",
|
|
3
|
-
"version": "6.0.0-alpha.
|
|
3
|
+
"version": "6.0.0-alpha.21",
|
|
4
4
|
"description": "拓扑",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "build-scripts start",
|
|
@@ -115,6 +115,6 @@
|
|
|
115
115
|
"access": "public"
|
|
116
116
|
},
|
|
117
117
|
"license": "MIT",
|
|
118
|
-
"homepage": "https://unpkg.com/@riil-frontend/component-topology@6.0.0-alpha.
|
|
118
|
+
"homepage": "https://unpkg.com/@riil-frontend/component-topology@6.0.0-alpha.21/build/index.html",
|
|
119
119
|
"gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
|
|
120
120
|
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import ButtonBox from "./components/ButtonBox";
|
|
3
|
-
import WidgetBox from "./WidgetBox";
|
|
4
|
-
|
|
5
|
-
function AddResourceWidget(props) {
|
|
6
|
-
var showLabel = props.showLabel;
|
|
7
|
-
return /*#__PURE__*/React.createElement(WidgetBox, {
|
|
8
|
-
label: "\u6DFB\u52A0\u8D44\u6E90",
|
|
9
|
-
tooltip: "\u6DFB\u52A0\u8D44\u6E90",
|
|
10
|
-
showLabel: showLabel
|
|
11
|
-
}, /*#__PURE__*/React.createElement(ButtonBox, null, /*#__PURE__*/React.createElement("img", {
|
|
12
|
-
src: "/img/topo/editor/toolbar/add/Normal.svg",
|
|
13
|
-
alt: ""
|
|
14
|
-
})));
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export default AddResourceWidget;
|