@riil-frontend/component-topology 6.0.0-alpha.8 → 6.0.1
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 +259 -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 +2 -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 +40 -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 +22 -0
- package/es/core/components/TopoView/editor.module.scss +1 -0
- package/es/core/components/TopoView/topoView.js +30 -60
- package/es/core/components/titlebar/TitleBar.module.scss +1 -1
- package/es/core/editor/components/EditorPlugin.js +18 -2
- package/es/core/editor/components/Sidebar/Sidebar.js +29 -7
- package/es/core/editor/components/Sidebar/panes.js +10 -5
- package/es/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +13 -37
- package/es/core/editor/components/Sidebar/views/CanvasPanel/hooks/useCanvasThemeConfig.js +109 -0
- package/es/core/editor/components/Sidebar/views/CanvasPanel/hooks/useUpdateHtTopoDefaultTagStyle.js +27 -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 +17 -10
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/constants.js +77 -0
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +52 -5
- package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +166 -16
- package/es/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +42 -0
- package/es/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +26 -12
- package/es/core/editor/components/Toolbar/widgets/FontSizeWidget.js +37 -12
- package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js +92 -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 +107 -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 +50 -7
- package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +99 -15
- package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
- package/es/core/editor/components/Toolbar/widgets/WidgetBox.js +10 -4
- package/es/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +10 -1
- package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.js +2 -2
- package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss +4 -0
- package/es/core/editor/components/Toolbar/widgets/components/DropdownButton.js +19 -8
- package/es/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +21 -7
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +52 -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 +41 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +65 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +65 -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 +73 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +69 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +37 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +124 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js +31 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +98 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +20 -0
- package/es/core/editor/components/plugins/AddElementThemePlugin.js +11 -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 +50 -11
- package/es/core/editor/components/settings/Settings.js +37 -122
- 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 +11 -102
- 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 -24
- package/es/core/editor/components/settings/common/SizeInput/NodeSizeNumberPicker.js +7 -6
- package/es/core/editor/components/settings/common/text/fontStyleUtil.js +21 -19
- package/es/core/editor/components/settings/core/PropertyViewManager.js +81 -0
- package/es/core/editor/components/settings/core/edgePropertyViewAdapter.js +22 -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 -6
- package/es/core/editor/components/settings/propertyViews/layer/BasicSetting.js +57 -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 -7
- 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/config/themes.js +105 -0
- package/es/core/editor/hooks/useKeyboardShortcut.js +39 -0
- package/es/core/editor/hooks/useNewElementTheme.js +46 -0
- package/es/core/editor/store/topoEdit.js +44 -37
- package/es/core/editor/utils/edgeTypeStyleUtil.js +34 -11
- package/es/core/editor/utils/textStyleUtil.js +0 -0
- package/es/core/editor/utils/themeUtil.js +32 -0
- package/es/core/hooks/useCanvasTheme.js +54 -0
- package/es/core/hooks/useManageStatus.js +1 -9
- package/es/core/hooks/usePolling.js +2 -5
- package/es/core/hooks/useTopoEdit.js +15 -8
- 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 +6 -5
- package/es/core/models/selection/ignoreList.js +1 -0
- package/es/core/models/utils/linkUtils.js +5 -6
- package/es/core/store/models/customIcon.js +1 -3
- 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/utils/showGraphManageStatusUtil.js +7 -1
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +18 -13
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +38 -19
- 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/plugins/ViewerPlugin.js +10 -4
- 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/EdgeGroupPropertyView.js +2 -1
- 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/components/editor/useEditorProps.js +1 -3
- 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 +28 -27
- 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 +278 -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 +2 -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 +47 -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 +32 -0
- package/lib/core/components/TopoView/editor.module.scss +1 -0
- package/lib/core/components/TopoView/topoView.js +36 -67
- package/lib/core/components/titlebar/TitleBar.module.scss +1 -1
- package/lib/core/editor/components/EditorPlugin.js +26 -2
- package/lib/core/editor/components/Sidebar/Sidebar.js +28 -6
- package/lib/core/editor/components/Sidebar/panes.js +10 -5
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +14 -38
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/hooks/useCanvasThemeConfig.js +123 -0
- package/lib/core/editor/components/Sidebar/views/CanvasPanel/hooks/useUpdateHtTopoDefaultTagStyle.js +37 -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 +18 -8
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/constants.js +83 -0
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +53 -4
- package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +172 -16
- package/lib/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +42 -0
- package/lib/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +27 -11
- package/lib/core/editor/components/Toolbar/widgets/FontSizeWidget.js +38 -11
- package/lib/core/editor/components/Toolbar/widgets/FontStyleButton.js +96 -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 +110 -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 +50 -6
- package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +100 -14
- package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
- package/lib/core/editor/components/Toolbar/widgets/WidgetBox.js +13 -4
- package/lib/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +10 -1
- package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.js +2 -2
- package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss +4 -0
- package/lib/core/editor/components/Toolbar/widgets/components/DropdownButton.js +19 -8
- package/lib/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +22 -7
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +66 -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 +58 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +86 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +88 -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 +90 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +90 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +54 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +141 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js +46 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +111 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +31 -0
- package/lib/core/editor/components/plugins/AddElementThemePlugin.js +20 -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 +59 -12
- package/lib/core/editor/components/settings/Settings.js +40 -122
- 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 +11 -109
- 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 -26
- package/lib/core/editor/components/settings/common/SizeInput/NodeSizeNumberPicker.js +6 -6
- package/lib/core/editor/components/settings/common/text/fontStyleUtil.js +25 -20
- package/lib/core/editor/components/settings/core/PropertyViewManager.js +91 -0
- package/lib/core/editor/components/settings/core/edgePropertyViewAdapter.js +33 -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 +4 -9
- package/lib/core/editor/components/settings/propertyViews/layer/BasicSetting.js +75 -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 +4 -6
- 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/config/themes.js +114 -0
- package/lib/core/editor/hooks/useKeyboardShortcut.js +49 -0
- package/lib/core/editor/hooks/useNewElementTheme.js +57 -0
- package/lib/core/editor/store/topoEdit.js +46 -40
- package/lib/core/editor/utils/edgeTypeStyleUtil.js +38 -11
- package/lib/core/editor/utils/textStyleUtil.js +1 -0
- package/lib/core/editor/utils/themeUtil.js +39 -0
- package/lib/core/hooks/useCanvasTheme.js +68 -0
- package/lib/core/hooks/useManageStatus.js +1 -9
- package/lib/core/hooks/usePolling.js +2 -5
- package/lib/core/hooks/useTopoEdit.js +16 -8
- 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 +7 -5
- package/lib/core/models/selection/ignoreList.js +6 -0
- package/lib/core/models/utils/linkUtils.js +5 -6
- package/lib/core/store/models/customIcon.js +1 -3
- 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/utils/showGraphManageStatusUtil.js +7 -1
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +18 -13
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +38 -19
- 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/plugins/ViewerPlugin.js +11 -3
- 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/EdgeGroupPropertyView.js +1 -0
- 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/components/editor/useEditorProps.js +1 -4
- 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 +28 -27
- package/lib/utils/htElementUtils.js +5 -0
- package/lib/utils/topoData.js +1 -0
- package/package.json +5 -4
@@ -29,15 +29,6 @@ function mergeManageStatus(cis, manageStatusDatas) {
|
|
29
29
|
|
30
30
|
export default function useManageStatus(props) {
|
31
31
|
var topo = props.topo;
|
32
|
-
|
33
|
-
var _topo$store$useModel = topo.store.useModel('topoMod'),
|
34
|
-
topoState = _topo$store$useModel[0],
|
35
|
-
topoDispatchers = _topo$store$useModel[1];
|
36
|
-
|
37
|
-
var graphLoaded = topoState.graphLoaded,
|
38
|
-
viewState = topoState.viewState;
|
39
|
-
var isEditMode = viewState === 'edit';
|
40
|
-
var resources = topo.dataModel.useCis();
|
41
32
|
useTopoEventListener({
|
42
33
|
type: 'manageStatus',
|
43
34
|
onMessage: function onMessage(manageStatusDatas) {
|
@@ -50,6 +41,7 @@ export default function useManageStatus(props) {
|
|
50
41
|
linkGroups: mergeManageStatus(topoData.linkGroups, manageStatusDatas)
|
51
42
|
});
|
52
43
|
|
44
|
+
var topoDispatchers = topo.store.getModelDispatchers('topoMod');
|
53
45
|
topoDispatchers.update({
|
54
46
|
data: newData
|
55
47
|
});
|
@@ -61,11 +61,8 @@ var usePolling = function usePolling(props) {
|
|
61
61
|
|
62
62
|
|
63
63
|
useEffect(function () {
|
64
|
-
|
65
|
-
|
66
|
-
if (topo.options.enableDefaultMetricLoader && isViewer) {
|
64
|
+
if (topo.options.enableDefaultMetricLoader) {
|
67
65
|
rlog.debug('usePolling.useEffect: 开始轮询', {
|
68
|
-
isViewer: isViewer,
|
69
66
|
pollingSwitch: pollingSwitch,
|
70
67
|
resIdsList: resIdsList,
|
71
68
|
resourceOverviewState: resourceOverviewState,
|
@@ -80,7 +77,7 @@ var usePolling = function usePolling(props) {
|
|
80
77
|
stopPoll();
|
81
78
|
}
|
82
79
|
};
|
83
|
-
}, [
|
80
|
+
}, [pollingSwitch, resIdsList, displayConfig, resourceOverviewState.id, resourceOverviewState.metricCodes]);
|
84
81
|
/**
|
85
82
|
*
|
86
83
|
* @returns {{id, attributes: object[], metrics: object[]}[]} 属性和指标
|
@@ -73,6 +73,10 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
73
73
|
var onExitEdit = function onExitEdit() {// editDispatchers.switchToViewMode(topoId);
|
74
74
|
};
|
75
75
|
|
76
|
+
var reset = function reset() {
|
77
|
+
topoEditDispatchers.reset();
|
78
|
+
};
|
79
|
+
|
76
80
|
var onBindData = function onBindData(eventData) {};
|
77
81
|
/**
|
78
82
|
* 增加资源到视图
|
@@ -589,17 +593,17 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
589
593
|
layer: group,
|
590
594
|
newElements: newElements
|
591
595
|
});
|
592
|
-
topo.getHtTopo().addElements(newElements);
|
593
|
-
topo.fitContent(false, 0); // 临时放这里,仅拓扑中心有
|
596
|
+
topo.getHtTopo().addElements(newElements); // 临时放这里,仅拓扑中心有
|
594
597
|
|
595
598
|
if (topo.linkDynamicStyleExecutor) {
|
596
599
|
topo.linkDynamicStyleExecutor.execute();
|
597
600
|
}
|
598
601
|
|
599
|
-
topo.historyManager.endTransaction();
|
602
|
+
topo.historyManager.endTransaction();
|
603
|
+
topo.getHtTopo().fitContent(); // 添加资源后隐藏资源面板
|
600
604
|
|
601
605
|
topoEditDispatchers.update({
|
602
|
-
|
606
|
+
resourceTabActiveKey: null
|
603
607
|
});
|
604
608
|
|
605
609
|
case 14:
|
@@ -689,10 +693,10 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
689
693
|
return bindViewResources(data);
|
690
694
|
|
691
695
|
case 9:
|
692
|
-
topo.fitContent(false, 0);
|
693
696
|
topo.historyManager.endTransaction();
|
697
|
+
topo.getHtTopo().fitContent();
|
694
698
|
topoEditDispatchers.update({
|
695
|
-
|
699
|
+
resourceTabActiveKey: null
|
696
700
|
});
|
697
701
|
|
698
702
|
case 12:
|
@@ -1084,12 +1088,14 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
1084
1088
|
* 设置视图鼠标模式
|
1085
1089
|
*/
|
1086
1090
|
|
1087
|
-
var setViewMouseMode =
|
1091
|
+
var setViewMouseMode = function setViewMouseMode(mode) {
|
1092
|
+
rlog.debug('设置视图鼠标模式', mode);
|
1088
1093
|
topo.getHtTopo().setViewMouseMode(mode);
|
1089
1094
|
topoEditDispatchers.update({
|
1090
1095
|
viewMouseMode: mode
|
1091
1096
|
});
|
1092
|
-
}
|
1097
|
+
};
|
1098
|
+
|
1093
1099
|
return {
|
1094
1100
|
resourceConfig: resourceConfig,
|
1095
1101
|
|
@@ -1129,6 +1135,7 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
1129
1135
|
* 退出编辑模式回调
|
1130
1136
|
*/
|
1131
1137
|
onExitEdit: onExitEdit,
|
1138
|
+
reset: reset,
|
1132
1139
|
addLayerResources: addLayerResources,
|
1133
1140
|
|
1134
1141
|
/**
|
package/es/core/models/Alarm.js
CHANGED
@@ -416,7 +416,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
416
416
|
|
417
417
|
case 8:
|
418
418
|
_context6.next = 10;
|
419
|
-
return
|
419
|
+
return this.topo.serverApi.openTopoAlarm(id);
|
420
420
|
|
421
421
|
case 10:
|
422
422
|
this.secretKey = _context6.sent;
|
@@ -482,7 +482,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
482
482
|
alarmPanelIsOpen: false
|
483
483
|
});
|
484
484
|
_context7.next = 9;
|
485
|
-
return
|
485
|
+
return this.topo.serverApi.closeTopoAlarm(id, this.secretKey);
|
486
486
|
|
487
487
|
case 9:
|
488
488
|
case "end":
|
@@ -650,7 +650,11 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
|
|
650
650
|
var htTopo = topo.getHtTopo();
|
651
651
|
|
652
652
|
if (htTopo) {
|
653
|
+
var _topo$historyManager, _topo$historyManager2;
|
654
|
+
|
655
|
+
(_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.setDisabled(true, '加载标注');
|
653
656
|
htTopo.loadTagAndTip(JSON.parse(JSON.stringify(elementTagsAndTips)));
|
657
|
+
(_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '加载标注');
|
654
658
|
}
|
655
659
|
}
|
656
660
|
/**
|
@@ -9,6 +9,7 @@ var HistoryManager = /*#__PURE__*/function () {
|
|
9
9
|
this.storeHistory = [];
|
10
10
|
this.topo = topo;
|
11
11
|
this.htHistoryManager = htHistoryManager;
|
12
|
+
htHistoryManager.clear();
|
12
13
|
rlog.info('HistoryManager 初始化', htHistoryManager);
|
13
14
|
this.updateStore = this.updateStore.bind(this);
|
14
15
|
this.init();
|
@@ -64,6 +65,10 @@ var HistoryManager = /*#__PURE__*/function () {
|
|
64
65
|
var _this = this;
|
65
66
|
|
66
67
|
this.htHistoryManager.beginTransaction();
|
68
|
+
var displayConfigProperties = [// 单多链路
|
69
|
+
'expandAllEdges', // 节点标注
|
70
|
+
'nodeLabelStyle', // 画布主题
|
71
|
+
'canvasTheme', 'linkTag', 'linkTip', 'nodeTag', 'nodeTip'];
|
67
72
|
var items = [{
|
68
73
|
modelName: 'topoMod',
|
69
74
|
property: 'data'
|
@@ -71,16 +76,16 @@ var HistoryManager = /*#__PURE__*/function () {
|
|
71
76
|
{
|
72
77
|
modelName: 'topoMod',
|
73
78
|
property: 'type'
|
74
|
-
}
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
79
|
+
}].concat(displayConfigProperties.map(function (property) {
|
80
|
+
return {
|
81
|
+
modelName: 'displayConfig',
|
82
|
+
property: property
|
83
|
+
};
|
84
|
+
}), [// 背景
|
85
|
+
{
|
81
86
|
modelName: 'background',
|
82
87
|
property: 'current'
|
83
|
-
}];
|
88
|
+
}]);
|
84
89
|
this.storeHistory = items.map(function (item) {
|
85
90
|
return _extends({}, item, {
|
86
91
|
oldValue: _this.topo.store.getModelState(item.modelName)[item.property]
|
@@ -1,21 +1,15 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
2
2
|
import rlog from '@riil-frontend/component-topology-utils/es/rlog';
|
3
|
+
import useHtElements from "../common/hooks/useHtElements";
|
4
|
+
import ignoreList from "./selection/ignoreList";
|
3
5
|
|
4
|
-
var
|
5
|
-
function
|
6
|
+
var SelectionModel = /*#__PURE__*/function () {
|
7
|
+
function SelectionModel(topo) {
|
6
8
|
var _this = this;
|
7
9
|
|
8
10
|
this.topo = null;
|
9
11
|
this.inited = false;
|
10
12
|
|
11
|
-
this.setSelection = function (selection) {
|
12
|
-
var selectionDispatchers = _this.topo.store.getModelDispatchers('selection');
|
13
|
-
|
14
|
-
selectionDispatchers.update({
|
15
|
-
selection: selection
|
16
|
-
});
|
17
|
-
};
|
18
|
-
|
19
13
|
this.updateSelection = function () {
|
20
14
|
try {
|
21
15
|
var selectionModel = _this.topo.getSelectionModel();
|
@@ -24,18 +18,30 @@ var SelectionManager = /*#__PURE__*/function () {
|
|
24
18
|
|
25
19
|
var selectionArr = htSelection.map(getElementData); // rlog.info("updateSelection", selectionArr.map((element) => element.id));
|
26
20
|
|
27
|
-
_this.
|
21
|
+
_this.updateStoreSelection(selectionArr);
|
28
22
|
} catch (e) {
|
29
23
|
rlog.error('updateSelection error', e);
|
30
24
|
}
|
31
25
|
};
|
32
26
|
|
27
|
+
this.updateStoreSelection = function (selection) {
|
28
|
+
var selectionDispatchers = _this.topo.store.getModelDispatchers('selection');
|
29
|
+
|
30
|
+
_this.selectionIds = selection.map(function (item) {
|
31
|
+
return item.id;
|
32
|
+
});
|
33
|
+
selectionDispatchers.update({
|
34
|
+
selection: selection,
|
35
|
+
selectionIds: _this.selectionIds
|
36
|
+
});
|
37
|
+
};
|
38
|
+
|
33
39
|
this.topo = topo;
|
34
40
|
this.handleSelectionChange = this.handleSelectionChange.bind(this);
|
35
41
|
this.handleDataPropertyChange = this.handleDataPropertyChange.bind(this);
|
36
42
|
}
|
37
43
|
|
38
|
-
var _proto =
|
44
|
+
var _proto = SelectionModel.prototype;
|
39
45
|
|
40
46
|
_proto.init = function init() {
|
41
47
|
if (this.inited) {
|
@@ -48,6 +54,11 @@ var SelectionManager = /*#__PURE__*/function () {
|
|
48
54
|
};
|
49
55
|
|
50
56
|
_proto.destroy = function destroy() {
|
57
|
+
var selectionDispatchers = this.topo.store.getModelDispatchers('selection');
|
58
|
+
selectionDispatchers.update({
|
59
|
+
selection: [],
|
60
|
+
selectionIds: []
|
61
|
+
});
|
51
62
|
this.removeListener();
|
52
63
|
};
|
53
64
|
|
@@ -58,6 +69,26 @@ var SelectionManager = /*#__PURE__*/function () {
|
|
58
69
|
return selection;
|
59
70
|
};
|
60
71
|
|
72
|
+
_proto.useHtSelection = function useHtSelection() {
|
73
|
+
var _this$topo$store$useM2 = this.topo.store.useModelState('selection'),
|
74
|
+
selectionIds = _this$topo$store$useM2.selectionIds;
|
75
|
+
|
76
|
+
var elements = useHtElements({
|
77
|
+
topo: this.topo,
|
78
|
+
ids: selectionIds
|
79
|
+
});
|
80
|
+
return elements;
|
81
|
+
};
|
82
|
+
|
83
|
+
_proto.getSelection = function getSelection() {
|
84
|
+
var selectionModel = this.topo.getSelectionModel();
|
85
|
+
return selectionModel.getSelection().getArray();
|
86
|
+
}
|
87
|
+
/**
|
88
|
+
* 同步选中元素到store
|
89
|
+
*/
|
90
|
+
;
|
91
|
+
|
61
92
|
_proto.handleSelectionChange = function handleSelectionChange(e) {
|
62
93
|
rlog.info('Selection handleSelectionChange', e);
|
63
94
|
this.updateSelection();
|
@@ -67,19 +98,21 @@ var SelectionManager = /*#__PURE__*/function () {
|
|
67
98
|
var property = e.property,
|
68
99
|
data = e.data;
|
69
100
|
|
70
|
-
if (
|
101
|
+
if (!this.selectionIds.includes(data.getId())) {
|
71
102
|
return;
|
72
103
|
}
|
73
104
|
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
});
|
105
|
+
if (ignoreList.indexOf(property) !== -1) {
|
106
|
+
return;
|
107
|
+
}
|
78
108
|
|
79
|
-
if (
|
80
|
-
|
81
|
-
this.updateSelection();
|
109
|
+
if (!window.aa) {
|
110
|
+
window.aa = [];
|
82
111
|
}
|
112
|
+
|
113
|
+
window.aa.push(e); // console.info('PropertyChangeListener', e);
|
114
|
+
|
115
|
+
this.updateSelection();
|
83
116
|
};
|
84
117
|
|
85
118
|
_proto.initListener = function initListener() {
|
@@ -102,10 +135,10 @@ var SelectionManager = /*#__PURE__*/function () {
|
|
102
135
|
dataModel.removeDataPropertyChangeListener(this.handleDataPropertyChange);
|
103
136
|
};
|
104
137
|
|
105
|
-
return
|
138
|
+
return SelectionModel;
|
106
139
|
}();
|
107
140
|
|
108
|
-
export {
|
141
|
+
export { SelectionModel as default };
|
109
142
|
; // 构造元素数据
|
110
143
|
|
111
144
|
var map = {
|
@@ -4,6 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
4
4
|
import topoService from '@riil-frontend/component-topology-common/es/services/topo';
|
5
5
|
import { setRequest } from '@riil-frontend/component-topology-utils';
|
6
6
|
import rlog from '@riil-frontend/component-topology-utils/es/rlog';
|
7
|
+
import { cloneDeep } from 'lodash';
|
7
8
|
import CiTypeCache from "./cache/CiTypeCache";
|
8
9
|
import Alarm from "./Alarm";
|
9
10
|
import TopoGraphView from "./TopoGraphView";
|
@@ -20,9 +21,9 @@ import { updateEdgeExpanded } from "../utils/edgeUtil";
|
|
20
21
|
import PluginManager from "./PluginManager";
|
21
22
|
import topoFactory from "./topoFactory";
|
22
23
|
import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
|
23
|
-
import
|
24
|
+
import SelectionModel from "./SelectionModel"; // eslint-disable-next-line no-undef
|
24
25
|
|
25
|
-
var version = typeof "6.0.
|
26
|
+
var version = typeof "6.0.1" === 'string' ? "6.0.1" : null;
|
26
27
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
27
28
|
/**
|
28
29
|
* 拓扑显示和编辑
|
@@ -78,7 +79,7 @@ var Topo = /*#__PURE__*/function () {
|
|
78
79
|
|
79
80
|
this.test = new Test(this);
|
80
81
|
this.uid = topoFactory.add(options.name, this);
|
81
|
-
this.
|
82
|
+
this.selectionModel = new SelectionModel(this);
|
82
83
|
};
|
83
84
|
|
84
85
|
_proto.destroy = function destroy() {
|
@@ -241,7 +242,7 @@ var Topo = /*#__PURE__*/function () {
|
|
241
242
|
switch (_context4.prev = _context4.next) {
|
242
243
|
case 0:
|
243
244
|
_data$groups2 = data.groups, groups = _data$groups2 === void 0 ? [] : _data$groups2, _data$nodes2 = data.nodes, nodes = _data$nodes2 === void 0 ? [] : _data$nodes2, links = data.links, lines = data.lines;
|
244
|
-
this.view.topoClient.updateElements({
|
245
|
+
this.view.topoClient.updateElements(cloneDeep({
|
245
246
|
groups: formatGroups(groups),
|
246
247
|
nodes: nodes.map(function (node) {
|
247
248
|
return _extends({}, node, {
|
@@ -255,7 +256,7 @@ var Topo = /*#__PURE__*/function () {
|
|
255
256
|
dtype: 'link'
|
256
257
|
});
|
257
258
|
})
|
258
|
-
}); // TODO 更新store,触发属性、指标模型加载,更新指标
|
259
|
+
})); // TODO 更新store,触发属性、指标模型加载,更新指标
|
259
260
|
|
260
261
|
case 2:
|
261
262
|
case "end":
|
@@ -0,0 +1 @@
|
|
1
|
+
export 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'];
|
@@ -31,7 +31,7 @@ export function isCrucialLink(link) {
|
|
31
31
|
*/
|
32
32
|
|
33
33
|
export function isExitLink(link) {
|
34
|
-
return (link === null || link === void 0 ? void 0 : link.attributes) && !(link !== null && link !== void 0 && link.attributes['
|
34
|
+
return (link === null || link === void 0 ? void 0 : link.attributes) && !(link !== null && link !== void 0 && link.attributes['destination_id']);
|
35
35
|
}
|
36
36
|
export function isAggLink(link) {
|
37
37
|
return link.attributes["network_link.connect_type"] === "agg";
|
@@ -176,7 +176,7 @@ function _getLinksDetail() {
|
|
176
176
|
|
177
177
|
export function buildTopoLinkData() {}
|
178
178
|
export var compatibleWith = function compatibleWith(value) {
|
179
|
-
console.log("compatibleWith",
|
179
|
+
// console.log("compatibleWith",value);
|
180
180
|
var pluralType = value !== null && value !== void 0 ? value : 2;
|
181
181
|
|
182
182
|
if (value === false) {
|
@@ -200,8 +200,8 @@ export var showLinkByConfig = function showLinkByConfig(props) {
|
|
200
200
|
var _plurals$compatibleWi;
|
201
201
|
|
202
202
|
var topo = props.topo,
|
203
|
-
showType = props.showType;
|
204
|
-
|
203
|
+
showType = props.showType; // console.log("showLinkByConfig-----------------------------", props, showType);
|
204
|
+
//const displayConfig = topo.store.getModelState("displayConfig");
|
205
205
|
|
206
206
|
var types = (_plurals$compatibleWi = plurals[compatibleWith(showType)]) !== null && _plurals$compatibleWi !== void 0 ? _plurals$compatibleWi : []; // 查询所有连线
|
207
207
|
|
@@ -210,8 +210,7 @@ export var showLinkByConfig = function showLinkByConfig(props) {
|
|
210
210
|
var edges = getEdges(dm); // console.log("edges", edges);
|
211
211
|
|
212
212
|
var showPhy = types.indexOf("phy") >= 0;
|
213
|
-
var showAgg = types.indexOf("agg") >= 0;
|
214
|
-
console.log("edges----types", showType, types, showPhy, showAgg);
|
213
|
+
var showAgg = types.indexOf("agg") >= 0; // console.log("edges----types",showType, types,showPhy, showAgg);
|
215
214
|
|
216
215
|
if (Array.isArray(edges) && edges.length > 0) {
|
217
216
|
edges.map(function (edge) {
|
@@ -108,10 +108,8 @@ export default function (engine) {
|
|
108
108
|
|
109
109
|
case 2:
|
110
110
|
icons = _context2.sent;
|
111
|
-
// 通知ht
|
112
|
-
engine.view.topoClient.emitEvent('topo_shape_load', getEditorIcons(engine));
|
113
111
|
|
114
|
-
case
|
112
|
+
case 3:
|
115
113
|
case "end":
|
116
114
|
return _context2.stop();
|
117
115
|
}
|
@@ -314,7 +314,7 @@ export default function (topoApp) {
|
|
314
314
|
while (1) {
|
315
315
|
switch (_context4.prev = _context4.next) {
|
316
316
|
case 0:
|
317
|
-
rlog.debug("getTopoByConditions--------", params);
|
317
|
+
// rlog.debug("getTopoByConditions--------", params);
|
318
318
|
topoId = params.id, resources = params.resources, groups = params.groups, exportLinkIdList = params.exportLinkIdList;
|
319
319
|
viewConditions = resToConditions(resources);
|
320
320
|
groupInfo = isAvailableArray(groups) && groups.map(function (group) {
|
@@ -322,24 +322,22 @@ export default function (topoApp) {
|
|
322
322
|
layout: getLayoutId(group.layout),
|
323
323
|
resources: resToConditions(group.resources)
|
324
324
|
});
|
325
|
-
});
|
326
|
-
|
327
|
-
_context4.next =
|
325
|
+
}); // rlog.debug("getTopoByConditions--------", viewConditions, groupInfo);
|
326
|
+
|
327
|
+
_context4.next = 5;
|
328
328
|
return topoService.getTopoDataByResource(topoId, viewConditions, groupInfo, exportLinkIdList);
|
329
329
|
|
330
|
-
case
|
330
|
+
case 5:
|
331
331
|
data = _context4.sent;
|
332
|
-
|
333
|
-
_context4.next = 11;
|
332
|
+
_context4.next = 8;
|
334
333
|
return buildTopoData(data);
|
335
334
|
|
336
|
-
case
|
335
|
+
case 8:
|
337
336
|
data = _context4.sent;
|
338
|
-
|
339
|
-
_context4.next = 15;
|
337
|
+
_context4.next = 11;
|
340
338
|
return Promise.all([topoApp.ciTyeCache.getCiTypeMap(getCiTypes(data)), dispatch.customIcon.loadCustomIcons()]);
|
341
339
|
|
342
|
-
case
|
340
|
+
case 11:
|
343
341
|
_yield$Promise$all = _context4.sent;
|
344
342
|
ciTypeMap = _yield$Promise$all[0];
|
345
343
|
_combTopoData = combTopoData({
|
@@ -367,7 +365,7 @@ export default function (topoApp) {
|
|
367
365
|
topoDataTrans: topoDataTrans
|
368
366
|
});
|
369
367
|
|
370
|
-
case
|
368
|
+
case 19:
|
371
369
|
case "end":
|
372
370
|
return _context4.stop();
|
373
371
|
}
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
3
3
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
4
|
-
import topoService from "@riil-frontend/component-topology-common/es/services/topo";
|
5
4
|
import moment from "moment";
|
5
|
+
import topoService from "@riil-frontend/component-topology-common/es/services/topo";
|
6
6
|
import rlog from "@riil-frontend/component-topology-utils/es/rlog";
|
7
7
|
import { combTopoData, getCiTypes, parseTopoData } from "../../../utils/topoData";
|
8
8
|
import { loopTreeByKey } from "../../../utils/tree";
|
@@ -302,7 +302,7 @@ export default function (topoApp) {
|
|
302
302
|
return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
|
303
303
|
var _result$config;
|
304
304
|
|
305
|
-
var startTime, topoId, data, linkToData, refresh, clear, linkTo, startState, permission, result, topoConfig, _yield$Promise$all, ciTypeMap, customIcons, xxx, extraConfig, _combTopoData, topoData, resAndMetrics, endTime;
|
305
|
+
var startTime, topoId, data, linkToData, refresh, clear, linkTo, startState, permission, result, graphConfig, topoConfig, _yield$Promise$all, ciTypeMap, customIcons, xxx, extraConfig, _combTopoData, topoData, resAndMetrics, endTime;
|
306
306
|
|
307
307
|
return _regeneratorRuntime.wrap(function _callee6$(_context6) {
|
308
308
|
while (1) {
|
@@ -370,46 +370,44 @@ export default function (topoApp) {
|
|
370
370
|
|
371
371
|
case 18:
|
372
372
|
if (!data) {
|
373
|
-
_context6.next =
|
373
|
+
_context6.next = 29;
|
374
374
|
break;
|
375
375
|
}
|
376
376
|
|
377
|
+
graphConfig = {};
|
378
|
+
|
377
379
|
if (!topoId) {
|
378
|
-
_context6.next =
|
380
|
+
_context6.next = 26;
|
379
381
|
break;
|
380
382
|
}
|
381
383
|
|
382
|
-
_context6.next =
|
383
|
-
return
|
384
|
+
_context6.next = 23;
|
385
|
+
return topoService.getTopoData(topoId);
|
384
386
|
|
385
|
-
case
|
387
|
+
case 23:
|
386
388
|
topoConfig = _context6.sent;
|
387
389
|
if (!topoConfig) rlog.error("\u672A\u67E5\u8BE2\u5230\u62D3\u6251id " + topoId + " \u7684\u6570\u636E\uFF0C\u8BF7\u68C0\u67E5");
|
388
|
-
|
390
|
+
graphConfig = {
|
389
391
|
global: topoConfig === null || topoConfig === void 0 ? void 0 : topoConfig.global,
|
390
392
|
customGlobal: data.global,
|
391
393
|
serialize: topoConfig === null || topoConfig === void 0 ? void 0 : topoConfig.serialize
|
392
|
-
}
|
393
|
-
_context6.next = 28;
|
394
|
-
break;
|
395
|
-
|
396
|
-
case 27:
|
397
|
-
result = _extends({}, data);
|
394
|
+
};
|
398
395
|
|
399
|
-
case
|
400
|
-
|
396
|
+
case 26:
|
397
|
+
result = _extends({}, data, graphConfig);
|
398
|
+
_context6.next = 32;
|
401
399
|
break;
|
402
400
|
|
403
|
-
case
|
404
|
-
_context6.next =
|
401
|
+
case 29:
|
402
|
+
_context6.next = 31;
|
405
403
|
return topoApp.options.loadData(topoId);
|
406
404
|
|
407
|
-
case
|
405
|
+
case 31:
|
408
406
|
result = _context6.sent;
|
409
407
|
|
410
|
-
case
|
408
|
+
case 32:
|
411
409
|
if (result) {
|
412
|
-
_context6.next =
|
410
|
+
_context6.next = 36;
|
413
411
|
break;
|
414
412
|
}
|
415
413
|
|
@@ -424,27 +422,27 @@ export default function (topoApp) {
|
|
424
422
|
topoApp.options.onLoad();
|
425
423
|
return _context6.abrupt("return");
|
426
424
|
|
427
|
-
case
|
425
|
+
case 36:
|
428
426
|
result = parseTopoData(result);
|
429
427
|
rlog.debug("topoMod.initTopoData 查询数据完成", topoId, linkTo, result);
|
430
|
-
_context6.next =
|
428
|
+
_context6.next = 40;
|
431
429
|
return Promise.all([topoApp.ciTyeCache.getCiTypeMap(getCiTypes(result)), dispatch.customIcon.loadCustomIcons(), topoApp.elementTagTipConfig.init(result) // 暂停新配置开发
|
432
430
|
]);
|
433
431
|
|
434
|
-
case
|
432
|
+
case 40:
|
435
433
|
_yield$Promise$all = _context6.sent;
|
436
434
|
ciTypeMap = _yield$Promise$all[0];
|
437
435
|
customIcons = _yield$Promise$all[1];
|
438
436
|
xxx = _yield$Promise$all[2];
|
439
437
|
rlog.debug("topoMod.initTopoData Ci属性指标元数据", ciTypeMap);
|
440
438
|
extraConfig = result.global.extraConfig;
|
441
|
-
_context6.next =
|
439
|
+
_context6.next = 48;
|
442
440
|
return dispatch.displayConfig.setConfig(_extends({}, extraConfig, {
|
443
441
|
alarmSwitch: result.global.alarmSwitch,
|
444
442
|
alarmListDefaultOpen: result.global.alarmListDefaultOpen
|
445
443
|
}));
|
446
444
|
|
447
|
-
case
|
445
|
+
case 48:
|
448
446
|
_combTopoData = combTopoData({
|
449
447
|
engine: topoApp,
|
450
448
|
data: result,
|
@@ -473,7 +471,7 @@ export default function (topoApp) {
|
|
473
471
|
rlog.info("topoMod.initTopoData 初始化拓扑图数据完成. 耗时: ", endTime.diff(startTime, "seconds", true));
|
474
472
|
topoApp.options.onLoad();
|
475
473
|
|
476
|
-
case
|
474
|
+
case 57:
|
477
475
|
case "end":
|
478
476
|
return _context6.stop();
|
479
477
|
}
|
@@ -604,7 +602,7 @@ export default function (topoApp) {
|
|
604
602
|
id = playload.id, update = playload.update;
|
605
603
|
_context11.prev = 1;
|
606
604
|
_context11.next = 4;
|
607
|
-
return
|
605
|
+
return topoApp.serverApi.auth.getTopoPermission(id);
|
608
606
|
|
609
607
|
case 4:
|
610
608
|
topoPermission = _context11.sent;
|
@@ -7,6 +7,8 @@ import { showLinkByConfig } from "../models/utils/linkUtils";
|
|
7
7
|
*/
|
8
8
|
|
9
9
|
export var updateEdgeExpanded = function updateEdgeExpanded(topo) {
|
10
|
+
var _topo$historyManager, _topo$historyManager2;
|
11
|
+
|
10
12
|
var _topo$store$getModelS = topo.store.getModelState("topoMod"),
|
11
13
|
viewState = _topo$store$getModelS.viewState;
|
12
14
|
|
@@ -21,6 +23,8 @@ export var updateEdgeExpanded = function updateEdgeExpanded(topo) {
|
|
21
23
|
expandAllEdges = _topo$store$getModelS2.expandAllEdges; // console.log("expandAllEdges----------", expandAllEdges);
|
22
24
|
|
23
25
|
|
26
|
+
(_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.setDisabled(true, '连线展开控制');
|
27
|
+
|
24
28
|
if (expandAllEdges === 1) {
|
25
29
|
showLinkByConfig({
|
26
30
|
topo: topo,
|
@@ -37,6 +41,8 @@ export var updateEdgeExpanded = function updateEdgeExpanded(topo) {
|
|
37
41
|
rlog.debug("updateEdgeExpanded 展开-isEditMode", isEditMode);
|
38
42
|
}
|
39
43
|
|
44
|
+
(_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '连线展开控制');
|
45
|
+
|
40
46
|
if (topo.linkDynamicStyleExecutor) {
|
41
47
|
topo.linkDynamicStyleExecutor.execute();
|
42
48
|
}
|