@riil-frontend/component-topology 6.0.0-alpha.3 → 6.0.0-alpha.31
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 +35 -35
- 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 +23 -0
- package/es/components/ColorPanel/index.js +237 -0
- package/es/components/ColorPanel/index.module.scss +34 -0
- package/es/components/VerticalIconTab/VerticalIconTab.module.scss +5 -1
- package/es/components/collapse/Collapse.js +22 -3
- package/es/components/collapse/Collapse.module.scss +23 -0
- package/es/components/collapse/index.js +2 -0
- package/es/core/common/hooks/useHtElements.js +21 -0
- package/es/core/common/icons/icon.js +41 -0
- package/es/core/common/icons/useIcons.js +8 -16
- package/es/core/components/AlarmListPanel/components/AlarmListItem.js +14 -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/LineExpandAllRadioGroup.js +0 -3
- package/es/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +76 -19
- package/es/core/components/TopoView/GraphViewPanel.js +20 -0
- package/es/core/components/TopoView/editor.module.scss +1 -0
- package/es/core/components/TopoView/topoView.js +29 -49
- package/es/core/components/titlebar/TitleBar.module.scss +1 -1
- package/es/core/editor/components/EditorPlugin.js +2 -1
- package/es/core/editor/components/Sidebar/Sidebar.js +41 -50
- package/es/core/editor/components/Sidebar/panes.js +32 -0
- package/es/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +95 -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 +3 -3
- package/es/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +2 -5
- package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +3 -4
- package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +5 -0
- package/es/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +20 -7
- 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 +21 -18
- package/es/core/editor/components/Toolbar/hooks/useFontStyleSetting.js +52 -0
- package/es/core/editor/components/Toolbar/widgets/AddResourceButton.js +8 -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 +36 -2
- package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +96 -5
- 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 +74 -6
- package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +40 -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/FontStyleButton.js +82 -33
- 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 +128 -15
- package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +110 -22
- package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss +28 -0
- package/es/core/editor/components/Toolbar/widgets/NodeImageButton/BoxBackgroundSetting.js +15 -5
- package/es/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +41 -7
- package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +97 -13
- package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
- package/es/core/editor/components/Toolbar/widgets/WidgetBox.js +15 -22
- 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 +17 -1
- package/es/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +8 -5
- package/es/core/editor/components/settings/CloseablePanel.js +33 -0
- package/es/core/editor/components/settings/CloseablePanel.module.scss +9 -0
- package/es/core/editor/components/settings/OpenPropertyPanelListener.js +33 -0
- package/es/core/editor/components/settings/PropertyView.js +26 -11
- package/es/core/editor/components/settings/Settings.js +4 -44
- package/es/core/editor/components/settings/Settings.module.scss +8 -4
- package/es/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +76 -0
- package/es/core/editor/components/settings/common/AlignSetting/index.js +20 -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/edge/CommonEdgePropertyView.js +7 -1
- package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +0 -8
- 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/useKeyboardShortcut.js +42 -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/editor/store/topoEdit.js +49 -0
- package/es/core/editor/utils/edgeTypeStyleUtil.js +96 -0
- package/es/core/editor/utils/textStyleUtil.js +0 -0
- package/es/core/hooks/useCanvasTheme.js +35 -0
- package/es/core/hooks/usePolling.js +2 -5
- package/es/core/hooks/useTopoEdit.js +38 -58
- package/es/core/models/Alarm.js +2 -2
- package/es/core/models/AttributeMetricDisplay.js +4 -0
- 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/store/models/topoBizMod.js +0 -3
- package/es/core/store/models/topoMod.js +26 -28
- package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/WebConsoleForm.js +13 -29
- package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +6 -5
- 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/htElementUtils.js +3 -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 +23 -0
- package/lib/components/ColorPanel/index.js +255 -0
- package/lib/components/ColorPanel/index.module.scss +34 -0
- package/lib/components/VerticalIconTab/VerticalIconTab.module.scss +5 -1
- package/lib/components/collapse/Collapse.js +28 -3
- package/lib/components/collapse/Collapse.module.scss +23 -0
- package/lib/components/collapse/index.js +11 -0
- package/lib/core/common/hooks/useHtElements.js +27 -0
- package/lib/core/common/icons/icon.js +48 -0
- package/lib/core/common/icons/useIcons.js +10 -15
- package/lib/core/components/AlarmListPanel/components/AlarmListItem.js +14 -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/LineExpandAllRadioGroup.js +0 -3
- package/lib/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +76 -19
- package/lib/core/components/TopoView/GraphViewPanel.js +30 -0
- package/lib/core/components/TopoView/editor.module.scss +1 -0
- package/lib/core/components/TopoView/topoView.js +32 -50
- package/lib/core/components/titlebar/TitleBar.module.scss +1 -1
- package/lib/core/editor/components/EditorPlugin.js +3 -1
- package/lib/core/editor/components/Sidebar/Sidebar.js +40 -53
- package/lib/core/editor/components/Sidebar/panes.js +45 -0
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +108 -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 +1 -1
- package/lib/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +2 -5
- package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +4 -4
- package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +5 -0
- package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +29 -11
- 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 +22 -20
- package/lib/core/editor/components/Toolbar/hooks/useFontStyleSetting.js +64 -0
- package/lib/core/editor/components/Toolbar/widgets/AddResourceButton.js +8 -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 +38 -2
- package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +98 -5
- 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 +76 -5
- package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +44 -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/FontStyleButton.js +88 -33
- 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 +133 -16
- package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +113 -22
- package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss +28 -0
- package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/BoxBackgroundSetting.js +21 -5
- package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +41 -6
- package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +98 -12
- package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
- package/lib/core/editor/components/Toolbar/widgets/WidgetBox.js +16 -22
- 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 +16 -1
- package/lib/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +10 -5
- package/lib/core/editor/components/settings/CloseablePanel.js +46 -0
- package/lib/core/editor/components/settings/CloseablePanel.module.scss +9 -0
- package/lib/core/editor/components/settings/OpenPropertyPanelListener.js +43 -0
- package/lib/core/editor/components/settings/PropertyView.js +29 -11
- package/lib/core/editor/components/settings/Settings.js +4 -44
- package/lib/core/editor/components/settings/Settings.module.scss +8 -4
- package/lib/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +93 -0
- package/lib/core/editor/components/settings/common/AlignSetting/index.js +21 -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/edge/CommonEdgePropertyView.js +7 -1
- package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +0 -8
- 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/useKeyboardShortcut.js +52 -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/editor/store/topoEdit.js +59 -0
- package/lib/core/editor/utils/edgeTypeStyleUtil.js +109 -0
- package/lib/core/editor/utils/textStyleUtil.js +1 -0
- package/lib/core/hooks/useCanvasTheme.js +49 -0
- package/lib/core/hooks/usePolling.js +2 -5
- package/lib/core/hooks/useTopoEdit.js +39 -60
- package/lib/core/models/Alarm.js +2 -2
- package/lib/core/models/AttributeMetricDisplay.js +4 -0
- 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/store/models/topoBizMod.js +0 -3
- package/lib/core/store/models/topoMod.js +27 -29
- package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/WebConsoleForm.js +13 -29
- package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +6 -5
- 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/htElementUtils.js +5 -0
- package/lib/utils/topoData.js +1 -0
- package/package.json +4 -4
- package/es/core/editor/components/Sidebar/views/CanvasPanel/ImagePanel.js +0 -4
- package/es/core/store/models/topoEdit.js +0 -39
- package/es/core/store/models/topoView.js +0 -36
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/ImagePanel.js +0 -12
- package/lib/core/store/models/topoEdit.js +0 -51
- package/lib/core/store/models/topoView.js +0 -47
@@ -9,6 +9,8 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
|
|
9
9
|
|
10
10
|
var _box = _interopRequireDefault(require("@alifd/next/lib/box"));
|
11
11
|
|
12
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
13
|
+
|
12
14
|
var _dialog = _interopRequireDefault(require("@alifd/next/lib/dialog"));
|
13
15
|
|
14
16
|
var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
|
@@ -25,6 +27,8 @@ var _TitleBarModule = _interopRequireDefault(require("../../../components/titleb
|
|
25
27
|
|
26
28
|
var _DebugTools = _interopRequireDefault(require("./widgets/DebugTools"));
|
27
29
|
|
30
|
+
var _SettingButtonWidget = _interopRequireDefault(require("../../../viewer/components/titlebar/widgets/SettingButtonWidget"));
|
31
|
+
|
28
32
|
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); }
|
29
33
|
|
30
34
|
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; }
|
@@ -151,5 +155,9 @@ function TopoEditorTitleBar(props) {
|
|
151
155
|
}
|
152
156
|
});
|
153
157
|
}
|
154
|
-
}, "\u9000\u51FA"))
|
158
|
+
}, "\u9000\u51FA"), /*#__PURE__*/_react["default"].createElement(_SettingButtonWidget["default"], (0, _extends2["default"])({
|
159
|
+
isEditor: true
|
160
|
+
}, props, {
|
161
|
+
viewerProps: topo.viewProps.viewerProps
|
162
|
+
})))));
|
155
163
|
}
|
@@ -0,0 +1,52 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
exports.__esModule = true;
|
4
|
+
exports["default"] = useKeyboardShortcut;
|
5
|
+
|
6
|
+
var _react = _interopRequireWildcard(require("react"));
|
7
|
+
|
8
|
+
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); }
|
9
|
+
|
10
|
+
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; }
|
11
|
+
|
12
|
+
var ht = window.ht; // 快捷键
|
13
|
+
|
14
|
+
function useKeyboardShortcut(props) {
|
15
|
+
var topo = props.topo,
|
16
|
+
topoEdit = props.topoEdit,
|
17
|
+
isEditMode = props.isEditMode;
|
18
|
+
(0, _react.useEffect)(function () {
|
19
|
+
var handleKeyDown = function handleKeyDown(e) {
|
20
|
+
if (e.target.tagName === 'INPUT') {
|
21
|
+
return;
|
22
|
+
}
|
23
|
+
|
24
|
+
var isCtrlDown = ht.Default.isCtrlDown;
|
25
|
+
|
26
|
+
if (isCtrlDown(e)) {
|
27
|
+
if (e.keyCode === 90) {
|
28
|
+
// ctrl+z 撤销
|
29
|
+
topo.historyManager.undo();
|
30
|
+
} // else if (e.keyCode == 89) {//ctrl+y 重做
|
31
|
+
// this.redo();
|
32
|
+
// }
|
33
|
+
|
34
|
+
}
|
35
|
+
|
36
|
+
if (e.keyCode === 32) {
|
37
|
+
var _topo$store$getModelS = topo.store.getModelState('topoEdit'),
|
38
|
+
viewMouseMode = _topo$store$getModelS.viewMouseMode;
|
39
|
+
|
40
|
+
topoEdit.setViewMouseMode(viewMouseMode === 'select' ? 'move' : 'select');
|
41
|
+
}
|
42
|
+
};
|
43
|
+
|
44
|
+
if (isEditMode) {
|
45
|
+
window.addEventListener('keydown', handleKeyDown);
|
46
|
+
}
|
47
|
+
|
48
|
+
return function () {
|
49
|
+
window.removeEventListener('keydown', handleKeyDown);
|
50
|
+
};
|
51
|
+
}, [isEditMode]);
|
52
|
+
}
|
File without changes
|
File without changes
|
@@ -0,0 +1,59 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
exports.__esModule = true;
|
6
|
+
exports["default"] = _default;
|
7
|
+
|
8
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
9
|
+
|
10
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
11
|
+
|
12
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
13
|
+
|
14
|
+
var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
|
15
|
+
|
16
|
+
/**
|
17
|
+
* 拓扑编辑 Model
|
18
|
+
*/
|
19
|
+
function _default(topo) {
|
20
|
+
return {
|
21
|
+
// 定义 model 的初始 state
|
22
|
+
state: {
|
23
|
+
// 是否就绪
|
24
|
+
ready: false,
|
25
|
+
// 保存状态
|
26
|
+
saving: false,
|
27
|
+
// 选择/拖动模式模式。默认选择模式 select|move
|
28
|
+
viewMouseMode: 'select',
|
29
|
+
// 资源面板展开项
|
30
|
+
resourceTabActiveKey: null,
|
31
|
+
// 属性面板是否显示
|
32
|
+
propertyPanelVisible: false
|
33
|
+
},
|
34
|
+
// 定义改变该模型状态的纯函数
|
35
|
+
reducers: {
|
36
|
+
update: function update(prevState, payload) {
|
37
|
+
return (0, _extends2["default"])({}, prevState, payload);
|
38
|
+
}
|
39
|
+
},
|
40
|
+
// 定义处理该模型副作用的函数
|
41
|
+
effects: function effects(dispatch) {
|
42
|
+
return {
|
43
|
+
init: function init(payload, rootState) {
|
44
|
+
return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
45
|
+
return _regenerator["default"].wrap(function _callee$(_context) {
|
46
|
+
while (1) {
|
47
|
+
switch (_context.prev = _context.next) {
|
48
|
+
case 0:
|
49
|
+
case "end":
|
50
|
+
return _context.stop();
|
51
|
+
}
|
52
|
+
}
|
53
|
+
}, _callee);
|
54
|
+
}))();
|
55
|
+
}
|
56
|
+
};
|
57
|
+
}
|
58
|
+
};
|
59
|
+
}
|
@@ -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 @@
|
|
1
|
+
"use strict";
|
@@ -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
|
+
}
|
@@ -74,11 +74,8 @@ var usePolling = function usePolling(props) {
|
|
74
74
|
|
75
75
|
|
76
76
|
(0, _react.useEffect)(function () {
|
77
|
-
|
78
|
-
|
79
|
-
if (topo.options.enableDefaultMetricLoader && isViewer) {
|
77
|
+
if (topo.options.enableDefaultMetricLoader) {
|
80
78
|
_rlog["default"].debug('usePolling.useEffect: 开始轮询', {
|
81
|
-
isViewer: isViewer,
|
82
79
|
pollingSwitch: pollingSwitch,
|
83
80
|
resIdsList: resIdsList,
|
84
81
|
resourceOverviewState: resourceOverviewState,
|
@@ -95,7 +92,7 @@ var usePolling = function usePolling(props) {
|
|
95
92
|
stopPoll();
|
96
93
|
}
|
97
94
|
};
|
98
|
-
}, [
|
95
|
+
}, [pollingSwitch, resIdsList, displayConfig, resourceOverviewState.id, resourceOverviewState.metricCodes]);
|
99
96
|
/**
|
100
97
|
*
|
101
98
|
* @returns {{id, attributes: object[], metrics: object[]}[]} 属性和指标
|
@@ -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,19 @@ 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 = function setViewMouseMode(mode) {
|
1129
|
+
_rlog["default"].debug('设置视图鼠标模式', mode);
|
1130
|
+
|
1131
|
+
topo.getHtTopo().setViewMouseMode(mode);
|
1132
|
+
topoEditDispatchers.update({
|
1133
|
+
viewMouseMode: mode
|
1134
|
+
});
|
1135
|
+
};
|
1136
|
+
|
1159
1137
|
return {
|
1160
1138
|
resourceConfig: resourceConfig,
|
1161
1139
|
|
@@ -1163,6 +1141,7 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
1163
1141
|
* 拓扑结构加载中状态
|
1164
1142
|
*/
|
1165
1143
|
topoLoading: topoLoading,
|
1144
|
+
setViewMouseMode: setViewMouseMode,
|
1166
1145
|
|
1167
1146
|
/**
|
1168
1147
|
* 资源绑定(多选)抽屉显示状态
|
package/lib/core/models/Alarm.js
CHANGED
@@ -435,7 +435,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
435
435
|
|
436
436
|
case 8:
|
437
437
|
_context6.next = 10;
|
438
|
-
return
|
438
|
+
return this.topo.serverApi.openTopoAlarm(id);
|
439
439
|
|
440
440
|
case 10:
|
441
441
|
this.secretKey = _context6.sent;
|
@@ -506,7 +506,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
506
506
|
alarmPanelIsOpen: false
|
507
507
|
});
|
508
508
|
_context7.next = 9;
|
509
|
-
return
|
509
|
+
return this.topo.serverApi.closeTopoAlarm(id, this.secretKey);
|
510
510
|
|
511
511
|
case 9:
|
512
512
|
case "end":
|
@@ -668,7 +668,11 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
|
|
668
668
|
var htTopo = topo.getHtTopo();
|
669
669
|
|
670
670
|
if (htTopo) {
|
671
|
+
var _topo$historyManager, _topo$historyManager2;
|
672
|
+
|
673
|
+
(_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.setDisabled(true, '加载标注');
|
671
674
|
htTopo.loadTagAndTip(JSON.parse(JSON.stringify(elementTagsAndTips)));
|
675
|
+
(_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '加载标注');
|
672
676
|
}
|
673
677
|
}
|
674
678
|
/**
|
@@ -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.31" === 'string' ? "6.0.0-alpha.31" : 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
|
// 显示模式
|