@riil-frontend/component-topology 6.0.0-alpha.5 → 6.0.0-alpha.51
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/demo/CHANGELOG/CHANGELOG.md +5 -0
- 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 +241 -0
- package/es/components/ColorPanel/index.module.scss +35 -0
- package/es/components/VerticalIconTab/VerticalIconTab.js +11 -1
- package/es/components/VerticalIconTab/VerticalIconTab.module.scss +6 -0
- 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 +84 -22
- 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 +8 -2
- package/es/core/editor/components/Sidebar/Sidebar.js +29 -3
- package/es/core/editor/components/Sidebar/panes.js +6 -1
- package/es/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +36 -2
- package/es/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.module.scss +74 -0
- package/es/core/editor/components/Sidebar/views/CanvasPanel/hooks/useCanvasThemeConfig.js +128 -0
- package/es/core/editor/components/Sidebar/views/CanvasPanel/hooks/useNewElementTheme.js +32 -0
- package/es/core/editor/components/Sidebar/views/CanvasPanel/themes.js +87 -0
- package/es/core/editor/components/Sidebar/views/CanvasPanel/utils/elementThemeUtil.js +0 -0
- package/es/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +3 -3
- package/es/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +12 -1
- package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +12 -1
- package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +3 -3
- package/es/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +27 -8
- package/es/core/editor/components/Toolbar/EditorToolbar.js +16 -9
- package/es/core/editor/components/Toolbar/buttons.js +20 -18
- package/es/core/editor/components/Toolbar/widgets/AddResourceButton.js +3 -3
- package/es/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +3 -3
- 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 +74 -23
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +1 -3
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +18 -12
- 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 +104 -16
- package/es/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +42 -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 +1 -1
- package/es/core/editor/components/Toolbar/widgets/HistoryUndoButton.js +2 -2
- 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 +130 -15
- package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +102 -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 +99 -14
- package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
- package/es/core/editor/components/Toolbar/widgets/WidgetBox.js +15 -5
- package/es/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +11 -1
- package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.js +1 -1
- 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 +67 -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 +36 -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 +33 -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 +21 -0
- package/es/core/editor/components/settings/PropertyView.js +35 -11
- package/es/core/editor/components/settings/Settings.js +42 -116
- package/es/core/editor/components/settings/Settings.module.scss +7 -11
- package/es/core/editor/components/settings/common/AlignSetting/AlignSetting.module.scss +3 -3
- 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/GroupNodeList/ResourceList.module.scss +1 -0
- package/es/core/editor/components/settings/common/LineType/index.js +12 -119
- package/es/core/editor/components/settings/common/NameInput.js +24 -0
- 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/core/PropertyViewManager.js +68 -0
- package/es/core/editor/components/settings/core/getPropertyViewType.js +34 -0
- package/es/core/editor/components/settings/core/updateElementProperty.js +21 -0
- package/es/core/editor/components/settings/propertyViews/box/BoxPropertyView.js +6 -13
- package/es/core/editor/components/settings/propertyViews/box/BoxPropertyViewV1.js +58 -0
- package/es/core/editor/components/settings/propertyViews/box/NameInput.js +5 -4
- package/es/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js +12 -3
- package/es/core/editor/components/settings/propertyViews/edge/EdgeGroupPropertyView.js +7 -8
- package/es/core/editor/components/settings/propertyViews/edge/EdgePropertyView.js +9 -23
- package/es/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +10 -0
- package/es/core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting.js +1 -6
- package/es/core/editor/components/settings/propertyViews/group/GroupPropertyView.js +13 -21
- package/es/core/editor/components/settings/propertyViews/group/GroupPropertyView.module.scss +8 -1
- package/es/core/editor/components/settings/propertyViews/group/GroupPropertyViewV1.js +28 -0
- package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupBasicSetting.js +75 -0
- package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +9 -15
- package/es/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js +8 -6
- package/es/core/editor/components/settings/propertyViews/index.js +4 -2
- package/es/core/editor/components/settings/propertyViews/layer/BasicSetting.js +58 -0
- package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyView.js +11 -17
- package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyView.module.scss +10 -0
- package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyViewV1.js +27 -0
- 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/node/NodePropertyView.js +8 -32
- package/es/core/editor/components/settings/propertyViews/node/NodePropertyViewV1.js +53 -0
- package/es/core/editor/components/settings/propertyViews/node/Setting/BasicSetting.js +49 -0
- package/es/core/editor/components/settings/propertyViews/node/Setting/NameInput.js +5 -4
- package/es/core/editor/components/settings/propertyViews/node/data/Data.js +2 -1
- package/es/core/editor/components/settings/propertyViews/node/data/NodeRelateResourceButton.js +1 -0
- package/es/core/editor/components/settings/propertyViews/text/TextPropertyView.js +5 -20
- 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/editor/store/topoEdit.js +44 -34
- 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 +30 -12
- package/es/core/models/Alarm.js +2 -2
- package/es/core/models/AttributeMetricDisplay.js +4 -0
- package/es/core/models/HistoryManager.js +13 -8
- package/es/core/models/{SelectionManager.js → SelectionModel.js} +55 -22
- package/es/core/models/TopoApp.js +3 -3
- 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/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/components/editor/propertyViews/edge/EdgePropertyView.js +39 -6
- package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +10 -16
- package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +37 -0
- package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +1 -1
- package/es/networkTopo/createTopo.js +2 -0
- package/es/networkTopo/models/LinkDynamicStyleExecutor.js +2 -2
- package/es/networkTopo/services/link.js +2 -2
- package/es/networkTopo/store/topoTreeMod.js +6 -7
- package/es/style.js +2 -1
- 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 +259 -0
- package/lib/components/ColorPanel/index.module.scss +35 -0
- package/lib/components/VerticalIconTab/VerticalIconTab.js +14 -1
- package/lib/components/VerticalIconTab/VerticalIconTab.module.scss +6 -0
- 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 +84 -22
- 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 +13 -2
- package/lib/core/editor/components/Sidebar/Sidebar.js +28 -2
- package/lib/core/editor/components/Sidebar/panes.js +6 -1
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +43 -2
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.module.scss +74 -0
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/hooks/useCanvasThemeConfig.js +142 -0
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/hooks/useNewElementTheme.js +48 -0
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/themes.js +96 -0
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/utils/elementThemeUtil.js +1 -0
- package/lib/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +1 -1
- package/lib/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +13 -1
- package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +13 -1
- package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +3 -3
- package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +36 -12
- package/lib/core/editor/components/Toolbar/EditorToolbar.js +14 -7
- package/lib/core/editor/components/Toolbar/buttons.js +21 -20
- package/lib/core/editor/components/Toolbar/widgets/AddResourceButton.js +3 -3
- package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +3 -3
- 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 +73 -22
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +1 -3
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +19 -10
- 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 +109 -16
- package/lib/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +42 -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 +1 -1
- package/lib/core/editor/components/Toolbar/widgets/HistoryUndoButton.js +2 -2
- 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 +135 -16
- package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +105 -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 +100 -13
- package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
- package/lib/core/editor/components/Toolbar/widgets/WidgetBox.js +18 -5
- package/lib/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +11 -1
- package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.js +1 -1
- 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 +82 -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 +52 -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 +48 -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 +21 -0
- package/lib/core/editor/components/settings/PropertyView.js +43 -12
- package/lib/core/editor/components/settings/Settings.js +47 -118
- package/lib/core/editor/components/settings/Settings.module.scss +7 -11
- package/lib/core/editor/components/settings/common/AlignSetting/AlignSetting.module.scss +3 -3
- 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/GroupNodeList/ResourceList.module.scss +1 -0
- package/lib/core/editor/components/settings/common/LineType/index.js +13 -126
- package/lib/core/editor/components/settings/common/NameInput.js +38 -0
- 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/core/PropertyViewManager.js +77 -0
- package/lib/core/editor/components/settings/core/getPropertyViewType.js +40 -0
- package/lib/core/editor/components/settings/core/updateElementProperty.js +27 -0
- package/lib/core/editor/components/settings/propertyViews/box/BoxPropertyView.js +6 -13
- package/lib/core/editor/components/settings/propertyViews/box/BoxPropertyViewV1.js +76 -0
- package/lib/core/editor/components/settings/propertyViews/box/NameInput.js +6 -5
- package/lib/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js +15 -3
- package/lib/core/editor/components/settings/propertyViews/edge/EdgeGroupPropertyView.js +9 -12
- package/lib/core/editor/components/settings/propertyViews/edge/EdgePropertyView.js +7 -23
- package/lib/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +19 -0
- package/lib/core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting.js +1 -6
- package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyView.js +14 -25
- package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyView.module.scss +8 -1
- package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyViewV1.js +43 -0
- package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupBasicSetting.js +98 -0
- package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +8 -14
- package/lib/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js +9 -7
- package/lib/core/editor/components/settings/propertyViews/index.js +5 -2
- package/lib/core/editor/components/settings/propertyViews/layer/BasicSetting.js +77 -0
- package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyView.js +12 -20
- package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyView.module.scss +10 -0
- package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyViewV1.js +40 -0
- 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/node/NodePropertyView.js +8 -35
- package/lib/core/editor/components/settings/propertyViews/node/NodePropertyViewV1.js +68 -0
- package/lib/core/editor/components/settings/propertyViews/node/Setting/BasicSetting.js +64 -0
- package/lib/core/editor/components/settings/propertyViews/node/Setting/NameInput.js +6 -5
- package/lib/core/editor/components/settings/propertyViews/node/data/Data.js +2 -1
- package/lib/core/editor/components/settings/propertyViews/node/data/NodeRelateResourceButton.js +1 -0
- package/lib/core/editor/components/settings/propertyViews/text/TextPropertyView.js +5 -20
- 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/editor/store/topoEdit.js +46 -37
- 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 +31 -12
- package/lib/core/models/Alarm.js +2 -2
- package/lib/core/models/AttributeMetricDisplay.js +4 -0
- package/lib/core/models/HistoryManager.js +13 -8
- package/lib/core/models/{SelectionManager.js → SelectionModel.js} +57 -22
- package/lib/core/models/TopoApp.js +3 -3
- 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/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/components/editor/propertyViews/edge/EdgePropertyView.js +45 -7
- package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +10 -18
- package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +50 -0
- package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +1 -1
- package/lib/networkTopo/createTopo.js +3 -0
- package/lib/networkTopo/models/LinkDynamicStyleExecutor.js +2 -2
- package/lib/networkTopo/services/link.js +2 -2
- package/lib/networkTopo/store/topoTreeMod.js +6 -8
- package/lib/style.js +2 -1
- package/lib/utils/htElementUtils.js +5 -0
- package/lib/utils/topoData.js +1 -0
- package/package.json +5 -4
- package/es/core/store/models/topoView.js +0 -36
- package/lib/core/store/models/topoView.js +0 -47
@@ -0,0 +1,109 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
exports.__esModule = true;
|
4
|
+
exports.getEdgesBySelection = getEdgesBySelection;
|
5
|
+
exports.loopEdgesAndChildren = loopEdgesAndChildren;
|
6
|
+
exports.setEdgesAndChildren = setEdgesAndChildren;
|
7
|
+
exports.setEdgesType = setEdgesType;
|
8
|
+
|
9
|
+
var _htElementUtils = require("../../../utils/htElementUtils");
|
10
|
+
|
11
|
+
var ht = window.ht;
|
12
|
+
|
13
|
+
function getEdgesBySelection(topo) {
|
14
|
+
var getChildrenNodeIds = function getChildrenNodeIds(nodes) {
|
15
|
+
var nodeIds = nodes.map(function (node) {
|
16
|
+
return node.getId();
|
17
|
+
});
|
18
|
+
nodes.forEach(function (node) {
|
19
|
+
if (node instanceof ht.Group) {
|
20
|
+
var children = node.getChildren().toArray();
|
21
|
+
nodeIds.push.apply(nodeIds, getChildrenNodeIds(children));
|
22
|
+
}
|
23
|
+
});
|
24
|
+
return nodeIds;
|
25
|
+
};
|
26
|
+
|
27
|
+
var getSelectedEdges = function getSelectedEdges(topo) {
|
28
|
+
var gv = topo.getGraphView();
|
29
|
+
var selection = gv.getSelectionModel().getSelection().toArray(); // 选中的连线
|
30
|
+
|
31
|
+
var edges = selection.filter(function (element) {
|
32
|
+
return element instanceof ht.Edge;
|
33
|
+
}); // 查询选中节点间的连线
|
34
|
+
|
35
|
+
var nodes = selection.filter(function (element) {
|
36
|
+
return element instanceof ht.Node;
|
37
|
+
});
|
38
|
+
var nodeIds = getChildrenNodeIds(nodes);
|
39
|
+
var dm = gv.getDataModel();
|
40
|
+
(0, _htElementUtils.getEdges)(dm).forEach(function (edge) {
|
41
|
+
if (nodeIds.find(function (nodeId) {
|
42
|
+
return nodeId === edge.getSource().getId();
|
43
|
+
}) && nodeIds.find(function (nodeId) {
|
44
|
+
return nodeId === edge.getTarget().getId();
|
45
|
+
}) && !edges.find(function (item) {
|
46
|
+
return item === edge;
|
47
|
+
})) {
|
48
|
+
edges.push(edge);
|
49
|
+
}
|
50
|
+
});
|
51
|
+
return edges;
|
52
|
+
};
|
53
|
+
|
54
|
+
return getSelectedEdges(topo);
|
55
|
+
}
|
56
|
+
/**
|
57
|
+
* 遍历连线及子连线
|
58
|
+
* @param {*} topo
|
59
|
+
* @param {*} edges
|
60
|
+
* @param {*} operateEdgeFn
|
61
|
+
*/
|
62
|
+
|
63
|
+
|
64
|
+
function loopEdgesAndChildren(topo, edges, operateEdgeFn) {
|
65
|
+
var htTopo = topo.getHtTopo();
|
66
|
+
edges.forEach(function (edge) {
|
67
|
+
operateEdgeFn(edge);
|
68
|
+
|
69
|
+
if (edge.isEdgeGroupAgent()) {
|
70
|
+
// 连线组折叠时同时设置子连线
|
71
|
+
var edgeChildren = edge.getEdgeGroup().getEdges().toArray();
|
72
|
+
htTopo.toggleEdgeGroup(edge.getSource(), edge.getTarget(), true);
|
73
|
+
edgeChildren.forEach(function (edgeChild) {
|
74
|
+
operateEdgeFn(edgeChild);
|
75
|
+
});
|
76
|
+
htTopo.toggleEdgeGroup(edge.getSource(), edge.getTarget(), false);
|
77
|
+
}
|
78
|
+
});
|
79
|
+
}
|
80
|
+
/**
|
81
|
+
* 设置连线及子连线。带回退事务控制
|
82
|
+
* @param {*} topo
|
83
|
+
* @param {*} edges
|
84
|
+
* @param {*} operateEdgeFn
|
85
|
+
*/
|
86
|
+
|
87
|
+
|
88
|
+
function setEdgesAndChildren(topo, edges, operateEdgeFn) {
|
89
|
+
topo.historyManager.beginTransaction();
|
90
|
+
loopEdgesAndChildren(topo, edges, operateEdgeFn);
|
91
|
+
topo.historyManager.endTransaction();
|
92
|
+
}
|
93
|
+
/**
|
94
|
+
* 批量设置连线线形
|
95
|
+
*
|
96
|
+
* @param {*} edges
|
97
|
+
* @param {*} type
|
98
|
+
* @param {*} topo
|
99
|
+
*/
|
100
|
+
|
101
|
+
|
102
|
+
function setEdgesType(edges, type, topo) {
|
103
|
+
var htTopo = topo.getHtTopo();
|
104
|
+
setEdgesAndChildren(topo, edges, function (edge) {
|
105
|
+
htTopo.setGraphLinear(edge, {
|
106
|
+
type: type
|
107
|
+
});
|
108
|
+
});
|
109
|
+
}
|
@@ -0,0 +1 @@
|
|
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 || 'white'];
|
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[]}[]} 属性和指标
|
@@ -95,6 +95,10 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
95
95
|
var onExitEdit = function onExitEdit() {// editDispatchers.switchToViewMode(topoId);
|
96
96
|
};
|
97
97
|
|
98
|
+
var reset = function reset() {
|
99
|
+
topoEditDispatchers.reset();
|
100
|
+
};
|
101
|
+
|
98
102
|
var onBindData = function onBindData(eventData) {};
|
99
103
|
/**
|
100
104
|
* 增加资源到视图
|
@@ -469,14 +473,15 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
469
473
|
|
470
474
|
_rlog["default"].debug("bindGroupResources--id, tag", id, tag);
|
471
475
|
|
472
|
-
|
476
|
+
topo.historyManager.beginTransaction();
|
477
|
+
_context12.next = 5;
|
473
478
|
return resourceConfig.updateGroupResources(group, resources);
|
474
479
|
|
475
|
-
case
|
476
|
-
_context12.next =
|
480
|
+
case 5:
|
481
|
+
_context12.next = 7;
|
477
482
|
return editDispatchers.fetchDataByConfig();
|
478
483
|
|
479
|
-
case
|
484
|
+
case 7:
|
480
485
|
_yield$editDispatcher2 = _context12.sent;
|
481
486
|
elements = _yield$editDispatcher2.elements;
|
482
487
|
// 区域里的子区域及子区域的节点、新增的链路
|
@@ -492,7 +497,9 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
492
497
|
}
|
493
498
|
}
|
494
499
|
|
495
|
-
|
500
|
+
topo.historyManager.endTransaction();
|
501
|
+
|
502
|
+
case 14:
|
496
503
|
case "end":
|
497
504
|
return _context12.stop();
|
498
505
|
}
|
@@ -624,13 +631,14 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
624
631
|
topo.linkDynamicStyleExecutor.execute();
|
625
632
|
}
|
626
633
|
|
627
|
-
topo.historyManager.endTransaction();
|
634
|
+
topo.historyManager.endTransaction();
|
635
|
+
topo.getHtTopo().fitContent(); // 添加资源后隐藏资源面板
|
628
636
|
|
629
637
|
topoEditDispatchers.update({
|
630
|
-
|
638
|
+
resourceTabActiveKey: null
|
631
639
|
});
|
632
640
|
|
633
|
-
case
|
641
|
+
case 14:
|
634
642
|
case "end":
|
635
643
|
return _context15.stop();
|
636
644
|
}
|
@@ -684,6 +692,12 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
684
692
|
function getAddResourceDrawerMode() {
|
685
693
|
return getAddResourceType() === "addToFirstLayer" ? "new" : "all";
|
686
694
|
}
|
695
|
+
/**
|
696
|
+
* 未选中元素添加资源
|
697
|
+
*
|
698
|
+
* @param {*} data
|
699
|
+
*/
|
700
|
+
|
687
701
|
|
688
702
|
var onSaveComboRes = /*#__PURE__*/function () {
|
689
703
|
var _ref6 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7(data) {
|
@@ -713,11 +727,12 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
713
727
|
|
714
728
|
case 9:
|
715
729
|
topo.historyManager.endTransaction();
|
730
|
+
topo.getHtTopo().fitContent();
|
716
731
|
topoEditDispatchers.update({
|
717
|
-
|
732
|
+
resourceTabActiveKey: null
|
718
733
|
});
|
719
734
|
|
720
|
-
case
|
735
|
+
case 12:
|
721
736
|
case "end":
|
722
737
|
return _context7.stop();
|
723
738
|
}
|
@@ -1114,12 +1129,15 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
1114
1129
|
* 设置视图鼠标模式
|
1115
1130
|
*/
|
1116
1131
|
|
1117
|
-
var setViewMouseMode =
|
1132
|
+
var setViewMouseMode = function setViewMouseMode(mode) {
|
1133
|
+
_rlog["default"].debug('设置视图鼠标模式', mode);
|
1134
|
+
|
1118
1135
|
topo.getHtTopo().setViewMouseMode(mode);
|
1119
1136
|
topoEditDispatchers.update({
|
1120
1137
|
viewMouseMode: mode
|
1121
1138
|
});
|
1122
|
-
}
|
1139
|
+
};
|
1140
|
+
|
1123
1141
|
return {
|
1124
1142
|
resourceConfig: resourceConfig,
|
1125
1143
|
|
@@ -1159,6 +1177,7 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
1159
1177
|
* 退出编辑模式回调
|
1160
1178
|
*/
|
1161
1179
|
onExitEdit: onExitEdit,
|
1180
|
+
reset: reset,
|
1162
1181
|
addLayerResources: addLayerResources,
|
1163
1182
|
|
1164
1183
|
/**
|
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
|
|
@@ -76,6 +77,10 @@ var HistoryManager = /*#__PURE__*/function () {
|
|
76
77
|
var _this = this;
|
77
78
|
|
78
79
|
this.htHistoryManager.beginTransaction();
|
80
|
+
var displayConfigProperties = [// 单多链路
|
81
|
+
'expandAllEdges', // 节点标注
|
82
|
+
'nodeLabelStyle', // 画布主题
|
83
|
+
'canvasTheme', 'linkTag', 'linkTip', 'nodeTag', 'nodeTip'];
|
79
84
|
var items = [{
|
80
85
|
modelName: 'topoMod',
|
81
86
|
property: 'data'
|
@@ -83,16 +88,16 @@ var HistoryManager = /*#__PURE__*/function () {
|
|
83
88
|
{
|
84
89
|
modelName: 'topoMod',
|
85
90
|
property: 'type'
|
86
|
-
}
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
91
|
+
}].concat(displayConfigProperties.map(function (property) {
|
92
|
+
return {
|
93
|
+
modelName: 'displayConfig',
|
94
|
+
property: property
|
95
|
+
};
|
96
|
+
}), [// 背景
|
97
|
+
{
|
93
98
|
modelName: 'background',
|
94
99
|
property: 'current'
|
95
|
-
}];
|
100
|
+
}]);
|
96
101
|
this.storeHistory = items.map(function (item) {
|
97
102
|
return (0, _extends2["default"])({}, item, {
|
98
103
|
oldValue: _this.topo.store.getModelState(item.modelName)[item.property]
|
@@ -9,21 +9,17 @@ 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
|
13
|
-
|
12
|
+
var _useHtElements = _interopRequireDefault(require("../common/hooks/useHtElements"));
|
13
|
+
|
14
|
+
var _ignoreList = _interopRequireDefault(require("./selection/ignoreList"));
|
15
|
+
|
16
|
+
var SelectionModel = /*#__PURE__*/function () {
|
17
|
+
function SelectionModel(topo) {
|
14
18
|
var _this = this;
|
15
19
|
|
16
20
|
this.topo = null;
|
17
21
|
this.inited = false;
|
18
22
|
|
19
|
-
this.setSelection = function (selection) {
|
20
|
-
var selectionDispatchers = _this.topo.store.getModelDispatchers('selection');
|
21
|
-
|
22
|
-
selectionDispatchers.update({
|
23
|
-
selection: selection
|
24
|
-
});
|
25
|
-
};
|
26
|
-
|
27
23
|
this.updateSelection = function () {
|
28
24
|
try {
|
29
25
|
var selectionModel = _this.topo.getSelectionModel();
|
@@ -32,18 +28,30 @@ var SelectionManager = /*#__PURE__*/function () {
|
|
32
28
|
|
33
29
|
var selectionArr = htSelection.map(getElementData); // rlog.info("updateSelection", selectionArr.map((element) => element.id));
|
34
30
|
|
35
|
-
_this.
|
31
|
+
_this.updateStoreSelection(selectionArr);
|
36
32
|
} catch (e) {
|
37
33
|
_rlog["default"].error('updateSelection error', e);
|
38
34
|
}
|
39
35
|
};
|
40
36
|
|
37
|
+
this.updateStoreSelection = function (selection) {
|
38
|
+
var selectionDispatchers = _this.topo.store.getModelDispatchers('selection');
|
39
|
+
|
40
|
+
_this.selectionIds = selection.map(function (item) {
|
41
|
+
return item.id;
|
42
|
+
});
|
43
|
+
selectionDispatchers.update({
|
44
|
+
selection: selection,
|
45
|
+
selectionIds: _this.selectionIds
|
46
|
+
});
|
47
|
+
};
|
48
|
+
|
41
49
|
this.topo = topo;
|
42
50
|
this.handleSelectionChange = this.handleSelectionChange.bind(this);
|
43
51
|
this.handleDataPropertyChange = this.handleDataPropertyChange.bind(this);
|
44
52
|
}
|
45
53
|
|
46
|
-
var _proto =
|
54
|
+
var _proto = SelectionModel.prototype;
|
47
55
|
|
48
56
|
_proto.init = function init() {
|
49
57
|
if (this.inited) {
|
@@ -56,6 +64,11 @@ var SelectionManager = /*#__PURE__*/function () {
|
|
56
64
|
};
|
57
65
|
|
58
66
|
_proto.destroy = function destroy() {
|
67
|
+
var selectionDispatchers = this.topo.store.getModelDispatchers('selection');
|
68
|
+
selectionDispatchers.update({
|
69
|
+
selection: [],
|
70
|
+
selectionIds: []
|
71
|
+
});
|
59
72
|
this.removeListener();
|
60
73
|
};
|
61
74
|
|
@@ -66,6 +79,26 @@ var SelectionManager = /*#__PURE__*/function () {
|
|
66
79
|
return selection;
|
67
80
|
};
|
68
81
|
|
82
|
+
_proto.useHtSelection = function useHtSelection() {
|
83
|
+
var _this$topo$store$useM2 = this.topo.store.useModelState('selection'),
|
84
|
+
selectionIds = _this$topo$store$useM2.selectionIds;
|
85
|
+
|
86
|
+
var elements = (0, _useHtElements["default"])({
|
87
|
+
topo: this.topo,
|
88
|
+
ids: selectionIds
|
89
|
+
});
|
90
|
+
return elements;
|
91
|
+
};
|
92
|
+
|
93
|
+
_proto.getSelection = function getSelection() {
|
94
|
+
var selectionModel = this.topo.getSelectionModel();
|
95
|
+
return selectionModel.getSelection().getArray();
|
96
|
+
}
|
97
|
+
/**
|
98
|
+
* 同步选中元素到store
|
99
|
+
*/
|
100
|
+
;
|
101
|
+
|
69
102
|
_proto.handleSelectionChange = function handleSelectionChange(e) {
|
70
103
|
_rlog["default"].info('Selection handleSelectionChange', e);
|
71
104
|
|
@@ -76,19 +109,21 @@ var SelectionManager = /*#__PURE__*/function () {
|
|
76
109
|
var property = e.property,
|
77
110
|
data = e.data;
|
78
111
|
|
79
|
-
if (
|
112
|
+
if (!this.selectionIds.includes(data.getId())) {
|
80
113
|
return;
|
81
114
|
}
|
82
115
|
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
});
|
116
|
+
if (_ignoreList["default"].indexOf(property) !== -1) {
|
117
|
+
return;
|
118
|
+
}
|
87
119
|
|
88
|
-
if (
|
89
|
-
|
90
|
-
this.updateSelection();
|
120
|
+
if (!window.aa) {
|
121
|
+
window.aa = [];
|
91
122
|
}
|
123
|
+
|
124
|
+
window.aa.push(e); // console.info('PropertyChangeListener', e);
|
125
|
+
|
126
|
+
this.updateSelection();
|
92
127
|
};
|
93
128
|
|
94
129
|
_proto.initListener = function initListener() {
|
@@ -113,10 +148,10 @@ var SelectionManager = /*#__PURE__*/function () {
|
|
113
148
|
dataModel.removeDataPropertyChangeListener(this.handleDataPropertyChange);
|
114
149
|
};
|
115
150
|
|
116
|
-
return
|
151
|
+
return SelectionModel;
|
117
152
|
}();
|
118
153
|
|
119
|
-
exports["default"] =
|
154
|
+
exports["default"] = SelectionModel;
|
120
155
|
; // 构造元素数据
|
121
156
|
|
122
157
|
var map = {
|
@@ -49,10 +49,10 @@ var _topoFactory = _interopRequireDefault(require("./topoFactory"));
|
|
49
49
|
|
50
50
|
var _ElementTagTipConfig = _interopRequireDefault(require("./tagstips/ElementTagTipConfig"));
|
51
51
|
|
52
|
-
var
|
52
|
+
var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
|
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.51" === 'string' ? "6.0.0-alpha.51" : null;
|
56
56
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
57
57
|
/**
|
58
58
|
* 拓扑显示和编辑
|
@@ -108,7 +108,7 @@ var Topo = /*#__PURE__*/function () {
|
|
108
108
|
|
109
109
|
this.test = new _Test["default"](this);
|
110
110
|
this.uid = _topoFactory["default"].add(options.name, this);
|
111
|
-
this.
|
111
|
+
this.selectionModel = new _SelectionModel["default"](this);
|
112
112
|
};
|
113
113
|
|
114
114
|
_proto.destroy = function destroy() {
|
@@ -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;
|
@@ -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) {
|
@@ -204,7 +204,7 @@ function _getLinksDetail() {
|
|
204
204
|
function buildTopoLinkData() {}
|
205
205
|
|
206
206
|
var compatibleWith = function compatibleWith(value) {
|
207
|
-
console.log("compatibleWith",
|
207
|
+
// console.log("compatibleWith",value);
|
208
208
|
var pluralType = value !== null && value !== void 0 ? value : 2;
|
209
209
|
|
210
210
|
if (value === false) {
|
@@ -232,8 +232,8 @@ var showLinkByConfig = function showLinkByConfig(props) {
|
|
232
232
|
var _plurals$compatibleWi;
|
233
233
|
|
234
234
|
var topo = props.topo,
|
235
|
-
showType = props.showType;
|
236
|
-
|
235
|
+
showType = props.showType; // console.log("showLinkByConfig-----------------------------", props, showType);
|
236
|
+
//const displayConfig = topo.store.getModelState("displayConfig");
|
237
237
|
|
238
238
|
var types = (_plurals$compatibleWi = plurals[compatibleWith(showType)]) !== null && _plurals$compatibleWi !== void 0 ? _plurals$compatibleWi : []; // 查询所有连线
|
239
239
|
|
@@ -242,8 +242,7 @@ var showLinkByConfig = function showLinkByConfig(props) {
|
|
242
242
|
var edges = (0, _htElementUtils.getEdges)(dm); // console.log("edges", edges);
|
243
243
|
|
244
244
|
var showPhy = types.indexOf("phy") >= 0;
|
245
|
-
var showAgg = types.indexOf("agg") >= 0;
|
246
|
-
console.log("edges----types", showType, types, showPhy, showAgg);
|
245
|
+
var showAgg = types.indexOf("agg") >= 0; // console.log("edges----types",showType, types,showPhy, showAgg);
|
247
246
|
|
248
247
|
if (Array.isArray(edges) && edges.length > 0) {
|
249
248
|
edges.map(function (edge) {
|