@riil-frontend/component-topology 6.0.0-alpha.5 → 6.0.0-alpha.50
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 +25 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +41 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/index.js +14 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/layerTitle.js +49 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +36 -0
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +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 +40 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +57 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/index.js +28 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/layerTitle.js +64 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +52 -0
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +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
@@ -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
|
}
|
@@ -13,7 +13,8 @@ export default function useMetricPolling(_ref) {
|
|
13
13
|
sourceMetrics: null,
|
14
14
|
destinationMetrics: null,
|
15
15
|
// 链路指标列表
|
16
|
-
linkMetrics: []
|
16
|
+
linkMetrics: [],
|
17
|
+
linkMetricsTs: null
|
17
18
|
}),
|
18
19
|
data = _useState[0],
|
19
20
|
setData = _useState[1]; // 轮询hooks
|
@@ -25,9 +26,7 @@ export default function useMetricPolling(_ref) {
|
|
25
26
|
debounceInterval: 200,
|
26
27
|
manual: true,
|
27
28
|
onSuccess: function onSuccess(result) {
|
28
|
-
setData(_extends({}, data,
|
29
|
-
linkMetrics: result
|
30
|
-
}));
|
29
|
+
setData(_extends({}, data, result));
|
31
30
|
rlog.info('链路拓扑指标轮询', result);
|
32
31
|
}
|
33
32
|
});
|
@@ -68,6 +68,8 @@ export function queryLinkLatestMetrics(_x3, _x4) {
|
|
68
68
|
|
69
69
|
function _queryLinkLatestMetrics() {
|
70
70
|
_queryLinkLatestMetrics = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(linkCi, linkMetricCodes) {
|
71
|
+
var _linkMetrics$;
|
72
|
+
|
71
73
|
var linkMetrics, resultData;
|
72
74
|
return _regeneratorRuntime.wrap(function _callee3$(_context3) {
|
73
75
|
while (1) {
|
@@ -91,6 +93,10 @@ function _queryLinkLatestMetrics() {
|
|
91
93
|
|
92
94
|
case 5:
|
93
95
|
linkMetrics = _context3.sent;
|
96
|
+
_context3.next = 8;
|
97
|
+
return ciTypeCache.load([linkCi.ciType || linkCi.typeCode]);
|
98
|
+
|
99
|
+
case 8:
|
94
100
|
// format
|
95
101
|
resultData = linkMetricCodes.map(function (code) {
|
96
102
|
var _linkMetrics$find;
|
@@ -98,16 +104,19 @@ function _queryLinkLatestMetrics() {
|
|
98
104
|
var value = (_linkMetrics$find = linkMetrics.find(function (m) {
|
99
105
|
return m.metricCode === code;
|
100
106
|
})) === null || _linkMetrics$find === void 0 ? void 0 : _linkMetrics$find.metricValue;
|
101
|
-
var metricDef = ciTypeCache.getMetric(linkCi.ciType, code);
|
107
|
+
var metricDef = ciTypeCache.getMetric(linkCi.ciType || linkCi.typeCode, code);
|
102
108
|
return {
|
103
109
|
code: code,
|
104
110
|
name: metricDef.name,
|
105
111
|
value: formatMetric(value, metricDef) || ''
|
106
112
|
};
|
107
113
|
});
|
108
|
-
return _context3.abrupt("return",
|
114
|
+
return _context3.abrupt("return", {
|
115
|
+
linkMetrics: resultData,
|
116
|
+
linkMetricsTs: (_linkMetrics$ = linkMetrics[0]) === null || _linkMetrics$ === void 0 ? void 0 : _linkMetrics$.ts
|
117
|
+
});
|
109
118
|
|
110
|
-
case
|
119
|
+
case 10:
|
111
120
|
case "end":
|
112
121
|
return _context3.stop();
|
113
122
|
}
|
@@ -130,6 +139,8 @@ function _queryLinkInterfacesLatestMetrics() {
|
|
130
139
|
switch (_context4.prev = _context4.next) {
|
131
140
|
case 0:
|
132
141
|
parseInterfaceMetrics = function _parseInterfaceMetric(subCiId) {
|
142
|
+
var _metrics$;
|
143
|
+
|
133
144
|
var metrics = interfaceMetrics.filter(function (metric) {
|
134
145
|
return metric.subCiId === subCiId;
|
135
146
|
});
|
@@ -139,11 +150,14 @@ function _queryLinkInterfacesLatestMetrics() {
|
|
139
150
|
var value = (_metrics$find = metrics.find(function (m) {
|
140
151
|
return m.metricCode === code;
|
141
152
|
})) === null || _metrics$find === void 0 ? void 0 : _metrics$find.metricValue;
|
142
|
-
var metricDef = ciTypeCache.getMetric(linkCi.ciType, code);
|
153
|
+
var metricDef = ciTypeCache.getMetric(linkCi.ciType || linkCi.typeCode, code);
|
143
154
|
var formatValue = formatMetric(value, metricDef);
|
144
155
|
res[code] = formatValue === 'undefined' ? '-' : formatValue;
|
145
156
|
return res;
|
146
|
-
}, {
|
157
|
+
}, {
|
158
|
+
_ts: (_metrics$ = metrics[0]) === null || _metrics$ === void 0 ? void 0 : _metrics$.ts // 指标时间
|
159
|
+
|
160
|
+
});
|
147
161
|
};
|
148
162
|
|
149
163
|
_linkCi$attributes = linkCi.attributes, sourceType = _linkCi$attributes.source_type, sourceId = _linkCi$attributes.source_id, destinationId = _linkCi$attributes.destination_id, destinationType = _linkCi$attributes.destination_type;
|
@@ -18,46 +18,30 @@ export default function WebConsoleForm(props) {
|
|
18
18
|
webConsoleUrl = _useWebConsole.webConsoleUrl,
|
19
19
|
save = _useWebConsole.save;
|
20
20
|
|
21
|
-
var _useState = useState(
|
21
|
+
var _useState = useState(false),
|
22
22
|
isEdit = _useState[0],
|
23
|
-
|
24
|
-
|
25
|
-
var _useState2 = useState(false),
|
26
|
-
isSave = _useState2[0],
|
27
|
-
handleSaveBtn = _useState2[1];
|
28
|
-
|
29
|
-
var _useState3 = useState(false),
|
30
|
-
isShow = _useState3[0],
|
31
|
-
handleEdit = _useState3[1];
|
23
|
+
setIsEdit = _useState[1];
|
32
24
|
|
33
25
|
var field = _Field.useField({
|
34
26
|
autoUnmount: true,
|
35
|
-
values: {
|
36
|
-
|
37
|
-
|
38
|
-
}
|
27
|
+
values: {
|
28
|
+
url: webConsoleUrl || ''
|
29
|
+
},
|
30
|
+
onChange: function onChange(name, value) {}
|
39
31
|
});
|
40
32
|
|
41
33
|
useEffect(function () {
|
42
|
-
field.setValue('url', webConsoleUrl);
|
34
|
+
field.setValue('url', webConsoleUrl || '');
|
35
|
+
field.validate();
|
43
36
|
}, [webConsoleUrl]);
|
44
|
-
useEffect(function () {
|
45
|
-
field.getError('url') == null ? handleSaveBtn(false) : handleSaveBtn(true);
|
46
|
-
}, [field.getError('url')]);
|
47
37
|
|
48
38
|
function handleEditLink() {
|
49
|
-
|
50
|
-
handleEdit(true);
|
39
|
+
setIsEdit(true);
|
51
40
|
}
|
52
41
|
|
53
42
|
function saveData() {
|
54
43
|
save(field.getValue('url'));
|
55
|
-
|
56
|
-
return !isShow;
|
57
|
-
});
|
58
|
-
handleInput(function (isEdit) {
|
59
|
-
return !isEdit;
|
60
|
-
});
|
44
|
+
setIsEdit(false);
|
61
45
|
}
|
62
46
|
|
63
47
|
return /*#__PURE__*/React.createElement(_Loading, {
|
@@ -85,10 +69,10 @@ export default function WebConsoleForm(props) {
|
|
85
69
|
name: "url",
|
86
70
|
placeholder: "\u8BF7\u8F93\u5165\u94FE\u63A5\u5730\u5740",
|
87
71
|
trim: true,
|
88
|
-
disabled: isEdit
|
89
|
-
})), /*#__PURE__*/React.createElement(FormItem, null,
|
72
|
+
disabled: !isEdit
|
73
|
+
})), /*#__PURE__*/React.createElement(FormItem, null, isEdit ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
|
90
74
|
type: "primary",
|
91
|
-
disabled:
|
75
|
+
disabled: !!field.getError('url'),
|
92
76
|
onClick: saveData,
|
93
77
|
name: "baocun"
|
94
78
|
}, "\u4FDD\u5B58")) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
|
@@ -57,16 +57,17 @@ export default function useWebConsole(props) {
|
|
57
57
|
var requestWebConsoleUrl = useRequest(queryWebConsoleUrlById, {
|
58
58
|
manual: true,
|
59
59
|
onSuccess: function onSuccess(result) {
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
60
|
+
var url = result;
|
61
|
+
|
62
|
+
if (!url && ipv4Address) {
|
63
|
+
url = "http://" + ipv4Address;
|
64
64
|
}
|
65
65
|
|
66
|
-
setWebConsoleUrl(
|
66
|
+
setWebConsoleUrl(url);
|
67
67
|
}
|
68
68
|
});
|
69
69
|
useEffect(function () {
|
70
|
+
setWebConsoleUrl(null);
|
70
71
|
requestWebConsoleUrl.run(ciId);
|
71
72
|
}, [ciId]); // 保存Web控制台url
|
72
73
|
|
@@ -11,7 +11,8 @@ import DisplaySettingDrawer from "../../../../components/DisplaySettingDrawer";
|
|
11
11
|
export default function SettingButton(props) {
|
12
12
|
var topo = props.topo,
|
13
13
|
displaySettingProps = props.displaySettingProps,
|
14
|
-
style = props.style
|
14
|
+
style = props.style,
|
15
|
+
isEditor = props.isEditor;
|
15
16
|
|
16
17
|
var _useState = useState(false),
|
17
18
|
visible = _useState[0],
|
@@ -40,6 +41,7 @@ export default function SettingButton(props) {
|
|
40
41
|
})), /*#__PURE__*/React.createElement(DisplaySettingDrawer, {
|
41
42
|
visible: visible,
|
42
43
|
topo: topo,
|
44
|
+
isEditor: isEditor,
|
43
45
|
displaySettingProps: displaySettingProps,
|
44
46
|
onClose: function onClose() {
|
45
47
|
setVisible(false);
|
@@ -9,11 +9,13 @@ import SettingButton from "./SettingButton";
|
|
9
9
|
export default function SettingButtonWidget(props) {
|
10
10
|
var topo = props.topo,
|
11
11
|
viewerProps = props.viewerProps,
|
12
|
-
style = props.style
|
12
|
+
style = props.style,
|
13
|
+
isEditor = props.isEditor;
|
13
14
|
return /*#__PURE__*/React.createElement(SettingButton, {
|
14
15
|
topo: topo,
|
15
16
|
displaySettingProps: viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.displaySettingProps,
|
16
|
-
style: style
|
17
|
+
style: style,
|
18
|
+
isEditor: isEditor
|
17
19
|
});
|
18
20
|
}
|
19
21
|
;
|
@@ -1,10 +1,43 @@
|
|
1
|
+
import _Form from "@alifd/next/es/form";
|
2
|
+
import _Field from "@alifd/next/es/field";
|
1
3
|
import _extends from "@babel/runtime/helpers/extends";
|
2
|
-
import
|
3
|
-
import
|
4
|
+
import rlog from '@riil-frontend/component-topology-utils/es/rlog';
|
5
|
+
import React, { useEffect } from 'react';
|
4
6
|
import BindExitLinkSelect from "./link/BindExitLinkSelect";
|
7
|
+
|
8
|
+
function parseValues(values, edge) {
|
9
|
+
return _extends({}, values);
|
10
|
+
}
|
11
|
+
|
5
12
|
export default function EdgePropertyView(props) {
|
6
|
-
var
|
7
|
-
|
8
|
-
|
9
|
-
|
13
|
+
var topo = props.topo,
|
14
|
+
edge = props.edge,
|
15
|
+
values = props.values,
|
16
|
+
_onChange = props.onChange,
|
17
|
+
editorProps = props.editorProps,
|
18
|
+
extraDisplaySetting = props.extraDisplaySetting;
|
19
|
+
var store = topo.store;
|
20
|
+
|
21
|
+
var field = _Field.useField({
|
22
|
+
autoUnmount: false,
|
23
|
+
values: parseValues(values, edge),
|
24
|
+
onChange: function onChange(name, value) {
|
25
|
+
rlog.debug('CommonEdgePropertyView', name, value);
|
26
|
+
var newValues = field.getValues();
|
27
|
+
|
28
|
+
_onChange(name, value, newValues);
|
29
|
+
}
|
30
|
+
});
|
31
|
+
|
32
|
+
useEffect(function () {
|
33
|
+
field.setValues(parseValues(values, edge));
|
34
|
+
}, [values]);
|
35
|
+
return /*#__PURE__*/React.createElement("div", {
|
36
|
+
style: {
|
37
|
+
margin: '12px 0 0 32px'
|
38
|
+
}
|
39
|
+
}, /*#__PURE__*/React.createElement(_Form, {
|
40
|
+
field: field,
|
41
|
+
labelAlign: "top"
|
42
|
+
}, /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement(BindExitLinkSelect, props))));
|
10
43
|
}
|
package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js
CHANGED
@@ -1,37 +1,31 @@
|
|
1
|
-
import _Tab from "@alifd/next/es/tab";
|
2
1
|
import _extends from "@babel/runtime/helpers/extends";
|
3
|
-
import
|
4
|
-
import
|
2
|
+
import NoDataPage from '@riil-frontend/component-no-data-page';
|
3
|
+
import React from 'react';
|
5
4
|
import Data from "./Data";
|
6
|
-
import Setting from "./Setting";
|
7
5
|
export default function LinkPropertyView(props) {
|
8
6
|
var edge = props.edge,
|
9
7
|
topo = props.topo; // 无权限不显示数据页签
|
10
8
|
|
11
|
-
var _topo$store$useModelS = topo.store.useModelState(
|
9
|
+
var _topo$store$useModelS = topo.store.useModelState('topoMod').data,
|
12
10
|
links = _topo$store$useModelS.links,
|
13
11
|
linkGroups = _topo$store$useModelS.linkGroups;
|
14
12
|
var link = [].concat(links, linkGroups).find(function (item) {
|
15
13
|
return item.id === edge.getTag();
|
16
|
-
});
|
14
|
+
});
|
17
15
|
|
18
16
|
if (link) {
|
19
17
|
var readable = link.permission.readable;
|
20
18
|
|
21
19
|
if (!readable) {
|
22
|
-
return /*#__PURE__*/React.createElement(
|
20
|
+
return /*#__PURE__*/React.createElement(NoDataPage, {
|
21
|
+
statusCode: "\u6CA1\u6709\u67E5\u770B\u6743\u9650"
|
22
|
+
});
|
23
23
|
}
|
24
24
|
} else {
|
25
|
-
return
|
25
|
+
return null;
|
26
26
|
}
|
27
27
|
|
28
|
-
return /*#__PURE__*/React.createElement(
|
29
|
-
title: "\u6570\u636E",
|
30
|
-
key: "1"
|
31
|
-
}, /*#__PURE__*/React.createElement(Data, _extends({}, props, {
|
28
|
+
return /*#__PURE__*/React.createElement(Data, _extends({}, props, {
|
32
29
|
link: link
|
33
|
-
}))
|
34
|
-
title: "\u8BBE\u7F6E",
|
35
|
-
key: "2"
|
36
|
-
}, /*#__PURE__*/React.createElement(Setting, props)));
|
30
|
+
}));
|
37
31
|
}
|
package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js
ADDED
@@ -0,0 +1,37 @@
|
|
1
|
+
import _Tab from "@alifd/next/es/tab";
|
2
|
+
import _extends from "@babel/runtime/helpers/extends";
|
3
|
+
import React from 'react';
|
4
|
+
import TabView from "../../../../../../core/editor/components/settings/common/tab/TabView";
|
5
|
+
import Data from "./Data";
|
6
|
+
import Setting from "./Setting";
|
7
|
+
export default function LinkPropertyView(props) {
|
8
|
+
var edge = props.edge,
|
9
|
+
topo = props.topo; // 无权限不显示数据页签
|
10
|
+
|
11
|
+
var _topo$store$useModelS = topo.store.useModelState('topoMod').data,
|
12
|
+
links = _topo$store$useModelS.links,
|
13
|
+
linkGroups = _topo$store$useModelS.linkGroups;
|
14
|
+
var link = [].concat(links, linkGroups).find(function (item) {
|
15
|
+
return item.id === edge.getTag();
|
16
|
+
}); // console.log('LinkPropertyView',link)
|
17
|
+
|
18
|
+
if (link) {
|
19
|
+
var readable = link.permission.readable;
|
20
|
+
|
21
|
+
if (!readable) {
|
22
|
+
return /*#__PURE__*/React.createElement(Setting, props);
|
23
|
+
}
|
24
|
+
} else {
|
25
|
+
return /*#__PURE__*/React.createElement(Setting, props);
|
26
|
+
}
|
27
|
+
|
28
|
+
return /*#__PURE__*/React.createElement(TabView, null, /*#__PURE__*/React.createElement(_Tab.Item, {
|
29
|
+
title: "\u6570\u636E",
|
30
|
+
key: "1"
|
31
|
+
}, /*#__PURE__*/React.createElement(Data, _extends({}, props, {
|
32
|
+
link: link
|
33
|
+
}))), /*#__PURE__*/React.createElement(_Tab.Item, {
|
34
|
+
title: "\u8BBE\u7F6E",
|
35
|
+
key: "2"
|
36
|
+
}, /*#__PURE__*/React.createElement(Setting, props)));
|
37
|
+
}
|
@@ -1,7 +1,9 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
2
2
|
import TopoCenter from "./models/TopoCenter";
|
3
|
+
import services from "./services";
|
3
4
|
export function createTopo(options) {
|
4
5
|
var topoApp = new TopoCenter(_extends({}, options));
|
6
|
+
topoApp.serverApi = services;
|
5
7
|
return topoApp;
|
6
8
|
}
|
7
9
|
export default createTopo;
|
@@ -54,13 +54,13 @@ var LinkDynamicStyleExecutor = /*#__PURE__*/function () {
|
|
54
54
|
var _this = this;
|
55
55
|
|
56
56
|
var topo = this.topo;
|
57
|
-
topo.historyManager && topo.historyManager.setDisabled(true, '链路动态样式');
|
58
57
|
|
59
58
|
var _topo$dataModel$getDa = topo.dataModel.getData(),
|
60
59
|
links = _topo$dataModel$getDa.links,
|
61
60
|
linkGroups = _topo$dataModel$getDa.linkGroups;
|
62
61
|
|
63
|
-
var dataModel = this.topo.getDataModel();
|
62
|
+
var dataModel = this.topo.getDataModel();
|
63
|
+
topo.historyManager && topo.historyManager.setDisabled(true, '链路动态样式'); // 1、如果连线可见,设置线宽
|
64
64
|
|
65
65
|
links.forEach(function (link) {
|
66
66
|
var edge = dataModel.getDataByTag(link.id);
|
@@ -156,10 +156,10 @@ export default {
|
|
156
156
|
// const idtxt = `'${ids[0]}','${ids[1]}'`;
|
157
157
|
stag = ids[0];
|
158
158
|
ttag = ids[1];
|
159
|
-
condition = "type('network_link') && !
|
159
|
+
condition = "type('network_link') && !destination_id && network_link.source_device_id ='" + stag + "'";
|
160
160
|
|
161
161
|
if (ttag) {
|
162
|
-
condition = "type('network_link') && !
|
162
|
+
condition = "type('network_link') && !destination_id && network_link.source_device_id ='" + stag + "' && network_link.destination_device_id='" + ttag + "'";
|
163
163
|
}
|
164
164
|
|
165
165
|
parm = {
|