@riil-frontend/component-topology 6.0.0-alpha.4 → 6.0.0-alpha.41
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 +9 -0
- package/es/components/ColorPanel/components/FontColorRange/index.js +35 -0
- package/es/components/ColorPanel/components/FontColorRange/index.module.scss +25 -0
- package/es/components/ColorPanel/index.js +237 -0
- package/es/components/ColorPanel/index.module.scss +35 -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 +24 -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 +9 -3
- 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 +21 -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 +38 -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/CanvasPanel/themes.js +63 -0
- package/es/core/editor/components/Sidebar/views/CanvasPanel/useCanvasThemeConfig.js +115 -0
- package/es/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +3 -3
- package/es/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +14 -6
- package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +14 -5
- 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 +20 -18
- package/es/core/editor/components/Toolbar/widgets/AddResourceButton.js +8 -7
- package/es/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +2 -2
- 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 +46 -2
- package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +98 -6
- 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 +70 -16
- package/es/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +43 -0
- package/es/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +25 -11
- package/es/core/editor/components/Toolbar/widgets/FontSizeWidget.js +29 -13
- package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js +100 -39
- 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 +95 -23
- package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss +33 -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 +98 -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 +5 -3
- package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss +3 -0
- package/es/core/editor/components/Toolbar/widgets/components/DropdownButton.js +21 -3
- package/es/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +16 -6
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +49 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/colorUtil.js +59 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +30 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +25 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +41 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/index.js +14 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/layerTitle.js +49 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +36 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +32 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +71 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js +25 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +52 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +20 -0
- 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 +29 -8
- 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/AlignSetting.module.scss +2 -2
- package/es/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +80 -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/common/text/fontStyleUtil.js +11 -19
- 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/text/TextPropertyView.js +1 -1
- 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 +61 -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 +11 -3
- package/es/core/models/SelectionManager.js +28 -9
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/models/TopoGraphView.js +8 -2
- package/es/core/models/selection/ignoreList.js +1 -0
- package/es/core/models/utils/linkUtils.js +5 -6
- 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/topoConfig.js +10 -12
- package/es/core/store/models/topoMod.js +26 -28
- package/es/core/utils/edgeUtil.js +6 -0
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +3 -4
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +19 -5
- 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 +9 -0
- package/lib/components/ColorPanel/components/FontColorRange/index.js +49 -0
- package/lib/components/ColorPanel/components/FontColorRange/index.module.scss +25 -0
- package/lib/components/ColorPanel/index.js +255 -0
- package/lib/components/ColorPanel/index.module.scss +35 -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 +24 -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 +10 -3
- 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 +31 -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 +53 -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/CanvasPanel/themes.js +72 -0
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/useCanvasThemeConfig.js +128 -0
- package/lib/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +1 -1
- package/lib/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +15 -6
- package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +16 -5
- 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 +21 -20
- package/lib/core/editor/components/Toolbar/widgets/AddResourceButton.js +8 -7
- package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +2 -2
- 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 +48 -2
- package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +100 -6
- 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 +75 -16
- package/lib/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +43 -0
- package/lib/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +26 -10
- package/lib/core/editor/components/Toolbar/widgets/FontSizeWidget.js +30 -12
- package/lib/core/editor/components/Toolbar/widgets/FontStyleButton.js +105 -39
- 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 +98 -23
- package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss +33 -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 +99 -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 +5 -3
- package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss +3 -0
- package/lib/core/editor/components/Toolbar/widgets/components/DropdownButton.js +21 -3
- package/lib/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +17 -6
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +63 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/colorUtil.js +72 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +45 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +40 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +57 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/index.js +28 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/layerTitle.js +64 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +52 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +47 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +83 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js +39 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +65 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +31 -0
- 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 +32 -8
- 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/AlignSetting.module.scss +2 -2
- package/lib/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +97 -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/common/text/fontStyleUtil.js +12 -20
- 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/text/TextPropertyView.js +1 -1
- 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 +75 -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 +11 -3
- package/lib/core/models/SelectionManager.js +30 -9
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/models/TopoGraphView.js +8 -2
- package/lib/core/models/selection/ignoreList.js +6 -0
- package/lib/core/models/utils/linkUtils.js +5 -6
- 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/topoConfig.js +9 -18
- package/lib/core/store/models/topoMod.js +27 -29
- package/lib/core/utils/edgeUtil.js +6 -0
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +3 -4
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +19 -5
- 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 +5 -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
@@ -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,75 @@
|
|
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
|
+
name: 'white',
|
18
|
+
label: '白色',
|
19
|
+
color: null,
|
20
|
+
toolsTheme: 'lightgrayblue'
|
21
|
+
}, {
|
22
|
+
name: 'lightblue',
|
23
|
+
label: '蓝色',
|
24
|
+
color: '#F9FBFF',
|
25
|
+
toolsTheme: 'white'
|
26
|
+
}, {
|
27
|
+
name: 'yellow',
|
28
|
+
label: '黄色',
|
29
|
+
color: '#FFFDE6'
|
30
|
+
}, {
|
31
|
+
name: 'green',
|
32
|
+
label: '绿色',
|
33
|
+
color: '#EAFFE8'
|
34
|
+
}, {
|
35
|
+
name: 'dark',
|
36
|
+
label: '深色',
|
37
|
+
color: '#031425',
|
38
|
+
toolsTheme: 'black'
|
39
|
+
}].reduce(function (map, item) {
|
40
|
+
var _extends2;
|
41
|
+
|
42
|
+
return (0, _extends3["default"])({}, map, (_extends2 = {}, _extends2[item.name] = item, _extends2));
|
43
|
+
}, {});
|
44
|
+
|
45
|
+
function useCanvasTheme(props) {
|
46
|
+
var topo = props.topo,
|
47
|
+
canvasTheme = props.canvasTheme; // 拓扑图是否加载
|
48
|
+
|
49
|
+
var _topo$store$useModelS = topo.store.useModelState('topoMod'),
|
50
|
+
graphLoaded = _topo$store$useModelS.graphLoaded;
|
51
|
+
|
52
|
+
(0, _react.useEffect)(function () {
|
53
|
+
// 设置
|
54
|
+
var themeConfig = themeMap[canvasTheme];
|
55
|
+
|
56
|
+
if (graphLoaded && themeConfig) {
|
57
|
+
var _topo$historyManager2;
|
58
|
+
|
59
|
+
try {
|
60
|
+
var _topo$historyManager;
|
61
|
+
|
62
|
+
(_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.setDisabled(true, '切换主题');
|
63
|
+
topo.getHtTopo().setToolsTheme(themeConfig.toolsTheme);
|
64
|
+
topo.getHtTopo().setTheme(canvasTheme);
|
65
|
+
} catch (error) {
|
66
|
+
console.error('切换主题失败', error);
|
67
|
+
}
|
68
|
+
|
69
|
+
(_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '切换主题');
|
70
|
+
}
|
71
|
+
}, [canvasTheme, graphLoaded]);
|
72
|
+
return {
|
73
|
+
canvasColor: themeMap[canvasTheme].color
|
74
|
+
};
|
75
|
+
}
|
@@ -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
|
/**
|
@@ -18,6 +18,7 @@ var HistoryManager = /*#__PURE__*/function () {
|
|
18
18
|
this.storeHistory = [];
|
19
19
|
this.topo = topo;
|
20
20
|
this.htHistoryManager = htHistoryManager;
|
21
|
+
htHistoryManager.clear();
|
21
22
|
|
22
23
|
_rlog["default"].info('HistoryManager 初始化', htHistoryManager);
|
23
24
|
|
@@ -83,13 +84,20 @@ var HistoryManager = /*#__PURE__*/function () {
|
|
83
84
|
{
|
84
85
|
modelName: 'topoMod',
|
85
86
|
property: 'type'
|
86
|
-
},
|
87
|
+
}, // 单多链路
|
88
|
+
{
|
87
89
|
modelName: 'displayConfig',
|
88
90
|
property: 'expandAllEdges'
|
89
|
-
},
|
91
|
+
}, // 节点标注
|
92
|
+
{
|
90
93
|
modelName: 'displayConfig',
|
91
94
|
property: 'nodeLabelStyle'
|
92
|
-
},
|
95
|
+
}, // 画布主题
|
96
|
+
{
|
97
|
+
modelName: 'displayConfig',
|
98
|
+
property: 'canvasTheme'
|
99
|
+
}, // 背景
|
100
|
+
{
|
93
101
|
modelName: 'background',
|
94
102
|
property: 'current'
|
95
103
|
}];
|
@@ -9,6 +9,10 @@ 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
|
+
|
14
|
+
var _ignoreList = _interopRequireDefault(require("./selection/ignoreList"));
|
15
|
+
|
12
16
|
var SelectionManager = /*#__PURE__*/function () {
|
13
17
|
function SelectionManager(topo) {
|
14
18
|
var _this = this;
|
@@ -19,8 +23,12 @@ var SelectionManager = /*#__PURE__*/function () {
|
|
19
23
|
this.setSelection = function (selection) {
|
20
24
|
var selectionDispatchers = _this.topo.store.getModelDispatchers('selection');
|
21
25
|
|
26
|
+
_this.selectionIds = selection.map(function (item) {
|
27
|
+
return item.id;
|
28
|
+
});
|
22
29
|
selectionDispatchers.update({
|
23
|
-
selection: selection
|
30
|
+
selection: selection,
|
31
|
+
selectionIds: _this.selectionIds
|
24
32
|
});
|
25
33
|
};
|
26
34
|
|
@@ -66,6 +74,17 @@ var SelectionManager = /*#__PURE__*/function () {
|
|
66
74
|
return selection;
|
67
75
|
};
|
68
76
|
|
77
|
+
_proto.useHtSelection = function useHtSelection() {
|
78
|
+
var _this$topo$store$useM2 = this.topo.store.useModelState('selection'),
|
79
|
+
selectionIds = _this$topo$store$useM2.selectionIds;
|
80
|
+
|
81
|
+
var elements = (0, _useHtElements["default"])({
|
82
|
+
topo: this.topo,
|
83
|
+
ids: selectionIds
|
84
|
+
});
|
85
|
+
return elements;
|
86
|
+
};
|
87
|
+
|
69
88
|
_proto.handleSelectionChange = function handleSelectionChange(e) {
|
70
89
|
_rlog["default"].info('Selection handleSelectionChange', e);
|
71
90
|
|
@@ -76,19 +95,21 @@ var SelectionManager = /*#__PURE__*/function () {
|
|
76
95
|
var property = e.property,
|
77
96
|
data = e.data;
|
78
97
|
|
79
|
-
if (
|
98
|
+
if (!this.selectionIds.includes(data.getId())) {
|
80
99
|
return;
|
81
100
|
}
|
82
101
|
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
});
|
102
|
+
if (_ignoreList["default"].indexOf(property) !== -1) {
|
103
|
+
return;
|
104
|
+
}
|
87
105
|
|
88
|
-
if (
|
89
|
-
|
90
|
-
this.updateSelection();
|
106
|
+
if (!window.aa) {
|
107
|
+
window.aa = [];
|
91
108
|
}
|
109
|
+
|
110
|
+
window.aa.push(e); // console.info('PropertyChangeListener', e);
|
111
|
+
|
112
|
+
this.updateSelection();
|
92
113
|
};
|
93
114
|
|
94
115
|
_proto.initListener = function initListener() {
|
@@ -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.41" === 'string' ? "6.0.0-alpha.41" : 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
|
* 缩放平移整个拓扑以展示所有的图元
|
@@ -0,0 +1,6 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
exports.__esModule = true;
|
4
|
+
exports["default"] = void 0;
|
5
|
+
var _default = ['position', 'childChange', 'a:scale', 'icons', 'a:dataSource', 'a:dataTipSource', 'agentChange', 'a:runtimeStyles', 'a:linkArrow', '*', 'a:link_ind_left_arrow', 'a:link_ind_right_arrow', 'a:link_ind_area', 'a:middle_area', 'a:areaRect', 'a:outAreaRect', 'a:link_ind_area_right'];
|
6
|
+
exports["default"] = _default;
|