@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
@@ -6,7 +6,7 @@
|
|
6
6
|
background: #EBECF0;
|
7
7
|
margin-right: 3px;
|
8
8
|
height: 16px;
|
9
|
-
|
9
|
+
width:1px;
|
10
10
|
}
|
11
11
|
}
|
12
12
|
|
@@ -16,8 +16,8 @@
|
|
16
16
|
border-radius: 4px;
|
17
17
|
border: none !important;
|
18
18
|
color: #4D6277;
|
19
|
-
padding-left:
|
20
|
-
margin-right:
|
19
|
+
padding-left: 2px;
|
20
|
+
margin-right: 4px;
|
21
21
|
|
22
22
|
&:active {
|
23
23
|
background: #F2F7FD !important;
|
@@ -0,0 +1,80 @@
|
|
1
|
+
import _Button from "@alifd/next/es/button";
|
2
|
+
import _Icon from "@alifd/next/es/icon";
|
3
|
+
import _Divider from "@alifd/next/es/divider";
|
4
|
+
import React, { useState } from 'react';
|
5
|
+
import styles from "./AlignSetting.module.scss";
|
6
|
+
var TREE_LAYOUT_OPTIONS = [{
|
7
|
+
value: 'left',
|
8
|
+
label: '左对齐',
|
9
|
+
icon: 'tuopu_zuoceduiqi'
|
10
|
+
}, {
|
11
|
+
value: 'center',
|
12
|
+
label: '水平居中',
|
13
|
+
icon: 'tuopu_shuipingjuzhongduiqi'
|
14
|
+
}, {
|
15
|
+
value: 'right',
|
16
|
+
label: '右对齐',
|
17
|
+
icon: 'tuopu_youceduiqi'
|
18
|
+
}, {
|
19
|
+
value: 'top',
|
20
|
+
label: '靠上对齐',
|
21
|
+
icon: 'tuopu_dingbuduiqi'
|
22
|
+
}, {
|
23
|
+
value: 'middle',
|
24
|
+
label: '垂直居中',
|
25
|
+
icon: 'tuopu_chuizhijuzhongduiqi'
|
26
|
+
}, {
|
27
|
+
value: 'bottom',
|
28
|
+
label: '靠下对齐',
|
29
|
+
icon: 'tuopu_dibuduiqi'
|
30
|
+
}, {
|
31
|
+
value: 'divide'
|
32
|
+
}, {
|
33
|
+
value: 'distributeHorizontal',
|
34
|
+
label: '横向分布',
|
35
|
+
icon: 'tuopu_shuipingdengjianjuduiqi'
|
36
|
+
}, {
|
37
|
+
value: 'distributeVertical',
|
38
|
+
label: '纵向分布',
|
39
|
+
icon: 'tuopu_chuizhidengjianjuduiqi'
|
40
|
+
}];
|
41
|
+
|
42
|
+
var AlignTypeList = function AlignTypeList(props) {
|
43
|
+
var _props$selected = props.selected,
|
44
|
+
selected = _props$selected === void 0 ? 'left' : _props$selected,
|
45
|
+
onChange = props.onChange,
|
46
|
+
distributionDisabled = props.distributionDisabled;
|
47
|
+
|
48
|
+
var _useState = useState(selected),
|
49
|
+
value = _useState[0],
|
50
|
+
setValue = _useState[1];
|
51
|
+
|
52
|
+
var handleChange = function handleChange(data) {
|
53
|
+
// console.log("handleChange", data);
|
54
|
+
onChange && onChange(data.value);
|
55
|
+
setValue(data.value); // setValue(data)
|
56
|
+
};
|
57
|
+
|
58
|
+
return /*#__PURE__*/React.createElement("div", {
|
59
|
+
className: styles.AlignSetting
|
60
|
+
}, TREE_LAYOUT_OPTIONS.map(function (item, index, array) {
|
61
|
+
return item.value === 'divide' ? /*#__PURE__*/React.createElement(_Divider, {
|
62
|
+
key: index,
|
63
|
+
direction: "ver"
|
64
|
+
}) : /*#__PURE__*/React.createElement(_Button, {
|
65
|
+
key: index,
|
66
|
+
className: "" + styles.redioBtn,
|
67
|
+
text: true,
|
68
|
+
onClick: function onClick() {
|
69
|
+
handleChange(item);
|
70
|
+
},
|
71
|
+
title: item.label // eslint-disable-next-line no-unneeded-ternary
|
72
|
+
,
|
73
|
+
disabled: (item.value === 'distributeHorizontal' || item.value === 'distributeVertical') && distributionDisabled
|
74
|
+
}, /*#__PURE__*/React.createElement(_Icon, {
|
75
|
+
type: item.icon
|
76
|
+
}));
|
77
|
+
}));
|
78
|
+
};
|
79
|
+
|
80
|
+
export default AlignTypeList;
|
@@ -1,76 +1,24 @@
|
|
1
|
-
import
|
2
|
-
import
|
3
|
-
import
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
value: "left",
|
8
|
-
label: "左对齐",
|
9
|
-
icon: "tuopu_zuoceduiqi"
|
10
|
-
}, {
|
11
|
-
value: "center",
|
12
|
-
label: "水平居中",
|
13
|
-
icon: "tuopu_shuipingjuzhongduiqi"
|
14
|
-
}, {
|
15
|
-
value: "right",
|
16
|
-
label: "右对齐",
|
17
|
-
icon: "tuopu_youceduiqi"
|
18
|
-
}, {
|
19
|
-
value: "top",
|
20
|
-
label: "靠上对齐",
|
21
|
-
icon: "tuopu_dingbuduiqi"
|
22
|
-
}, {
|
23
|
-
value: "middle",
|
24
|
-
label: "垂直居中",
|
25
|
-
icon: "tuopu_chuizhijuzhongduiqi"
|
26
|
-
}, {
|
27
|
-
value: "bottom",
|
28
|
-
label: "靠下对齐",
|
29
|
-
icon: "tuopu_dibuduiqi"
|
30
|
-
}, {
|
31
|
-
value: "divide"
|
32
|
-
}, {
|
33
|
-
value: "distributeHorizontal",
|
34
|
-
label: "横向分布",
|
35
|
-
icon: "tuopu_shuipingdengjianjuduiqi"
|
36
|
-
}, {
|
37
|
-
value: "distributeVertical",
|
38
|
-
label: "纵向分布",
|
39
|
-
icon: "tuopu_chuizhidengjianjuduiqi"
|
40
|
-
}];
|
1
|
+
import React from 'react';
|
2
|
+
import { isEdge, isLayer } from "../../../../../../utils/htElementUtils";
|
3
|
+
import AlignTypeList from "./AlignTypeList";
|
4
|
+
export default function AlignSetting(props) {
|
5
|
+
var topo = props.topo,
|
6
|
+
distributionDisabled = props.distributionDisabled;
|
41
7
|
|
42
|
-
var
|
43
|
-
|
44
|
-
|
45
|
-
|
8
|
+
var alignOnChange = function alignOnChange(type) {
|
9
|
+
topo.historyManager.beginTransaction();
|
10
|
+
var selection = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
|
11
|
+
var nodes = selection.filter(function (ele) {
|
12
|
+
return !isLayer(ele) && !isEdge(ele);
|
13
|
+
}); // console.info("element--selectList", element, selectList);
|
46
14
|
|
47
|
-
|
48
|
-
|
49
|
-
setValue = _useState[1];
|
50
|
-
|
51
|
-
var handleChange = function handleChange(data) {
|
52
|
-
// console.log("handleChange", data);
|
53
|
-
onChange && onChange(data.value);
|
54
|
-
setValue(data.value); // setValue(data)
|
15
|
+
topo.view.topoClient.htTopoClient.setAlignmentBySelectionNodes(type, nodes);
|
16
|
+
topo.historyManager.endTransaction();
|
55
17
|
};
|
56
18
|
|
57
|
-
return /*#__PURE__*/React.createElement(
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
}) : /*#__PURE__*/React.createElement(_Button, {
|
64
|
-
key: index,
|
65
|
-
className: "" + styles.redioBtn,
|
66
|
-
onClick: function onClick() {
|
67
|
-
handleChange(item);
|
68
|
-
},
|
69
|
-
title: item.label
|
70
|
-
}, /*#__PURE__*/React.createElement(_Icon, {
|
71
|
-
type: item.icon
|
72
|
-
}));
|
73
|
-
}));
|
74
|
-
};
|
75
|
-
|
76
|
-
export default AlignSetting;
|
19
|
+
return /*#__PURE__*/React.createElement(AlignTypeList, {
|
20
|
+
onChange: alignOnChange,
|
21
|
+
selected: "left",
|
22
|
+
distributionDisabled: distributionDisabled
|
23
|
+
});
|
24
|
+
}
|
@@ -1,123 +1,16 @@
|
|
1
|
-
import
|
2
|
-
import
|
3
|
-
import
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
var LINE_TYPE_OPTIONS = [{
|
8
|
-
value: "boundary",
|
9
|
-
label: "直线",
|
10
|
-
icon: "topo_linear_icon_straightline"
|
11
|
-
}, {
|
12
|
-
value: "boundary.arrow",
|
13
|
-
label: "直线单向箭头",
|
14
|
-
icon: "topo_linear_icon_oneway_straightline"
|
15
|
-
}, {
|
16
|
-
value: "boundary.both.arrow",
|
17
|
-
label: "直线双向箭头",
|
18
|
-
icon: "topo_linear_icon_expanded_straightline"
|
19
|
-
}, {
|
20
|
-
value: "ortho",
|
21
|
-
label: "双折线",
|
22
|
-
icon: "topo_linear_icon_bilinear"
|
23
|
-
}, {
|
24
|
-
value: "ortho.arrow",
|
25
|
-
label: "双折线单向箭头",
|
26
|
-
icon: "topo_linear_icon_oneway_bilinear"
|
27
|
-
}, {
|
28
|
-
value: "flex",
|
29
|
-
label: "弧线",
|
30
|
-
icon: "topo_linear_icon_arcline"
|
31
|
-
}, {
|
32
|
-
value: "flex.arrow",
|
33
|
-
label: "弧线单向箭头",
|
34
|
-
icon: "topo_linear_icon_oneway_arcline"
|
35
|
-
}, {
|
36
|
-
value: "oposite",
|
37
|
-
label: "内向双向箭头",
|
38
|
-
icon: "topo_linear_icon_narrow_straightline"
|
39
|
-
}, {
|
40
|
-
value: "h.v",
|
41
|
-
label: "纵向折线",
|
42
|
-
icon: "topo_linear_icon_vertical_foldline"
|
43
|
-
}, {
|
44
|
-
value: "h.v.arrow",
|
45
|
-
label: "纵向折线带箭头",
|
46
|
-
icon: "topo_linear_icon_oneway_vertical_foldline"
|
47
|
-
}, {
|
48
|
-
value: "v.h",
|
49
|
-
label: "水平折线",
|
50
|
-
icon: "topo_linear_icon_horizontal_foldline"
|
51
|
-
}, {
|
52
|
-
value: "v.h.arrow",
|
53
|
-
label: "水平折线带箭头",
|
54
|
-
icon: "topo_linear_icon_oneway_horizontal_foldline"
|
55
|
-
}];
|
56
|
-
|
57
|
-
var LineType = function LineType(props) {
|
58
|
-
var topo = props.topo,
|
59
|
-
getEdges = props.getEdges,
|
60
|
-
selected = props.selected,
|
61
|
-
onChange = props.onChange;
|
62
|
-
|
63
|
-
var _useState = useState(selected),
|
64
|
-
value = _useState[0],
|
65
|
-
setValue = _useState[1];
|
1
|
+
import React from 'react';
|
2
|
+
import { getEdgesBySelection, setEdgesType } from "../../../../utils/edgeTypeStyleUtil";
|
3
|
+
import LineType from "../../../Toolbar/widgets/EdgeTypeButton/LineType";
|
4
|
+
export default function LineTypeSetting(props) {
|
5
|
+
var topo = props.topo;
|
66
6
|
|
67
7
|
var setLineType = function setLineType(type) {
|
68
|
-
var edges =
|
69
|
-
|
70
|
-
edges.forEach(function (edge) {
|
71
|
-
htTopo.setGraphLinear(edge, {
|
72
|
-
type: type
|
73
|
-
});
|
74
|
-
|
75
|
-
if (edge.isEdgeGroupAgent()) {
|
76
|
-
// 连线组折叠时同时设置子连线
|
77
|
-
var edgeChildren = edge.getEdgeGroup().getEdges().toArray();
|
78
|
-
htTopo.toggleEdgeGroup(edge.getSource(), edge.getTarget(), true);
|
79
|
-
edgeChildren.forEach(function (edgeChild) {
|
80
|
-
htTopo.setGraphLinear(edgeChild, {
|
81
|
-
type: type
|
82
|
-
});
|
83
|
-
});
|
84
|
-
htTopo.toggleEdgeGroup(edge.getSource(), edge.getTarget(), false);
|
85
|
-
}
|
86
|
-
});
|
8
|
+
var edges = getEdgesBySelection(topo);
|
9
|
+
setEdgesType(edges, type, topo);
|
87
10
|
};
|
88
11
|
|
89
|
-
|
90
|
-
|
91
|
-
topo
|
92
|
-
|
93
|
-
|
94
|
-
onChange(data.value);
|
95
|
-
}
|
96
|
-
|
97
|
-
setValue(data.value);
|
98
|
-
setLineType(data.value);
|
99
|
-
topo.historyManager.endTransaction();
|
100
|
-
};
|
101
|
-
|
102
|
-
return /*#__PURE__*/React.createElement(_Box, {
|
103
|
-
spacing: 16,
|
104
|
-
wrap: true,
|
105
|
-
direction: "row",
|
106
|
-
className: styles.LineType
|
107
|
-
}, LINE_TYPE_OPTIONS.map(function (item, index, array) {
|
108
|
-
return /*#__PURE__*/React.createElement(_Button, {
|
109
|
-
key: index,
|
110
|
-
className: "" + styles.redioBtn,
|
111
|
-
title: item.label,
|
112
|
-
onClick: function onClick() {
|
113
|
-
handleChange(item);
|
114
|
-
}
|
115
|
-
}, /*#__PURE__*/React.createElement("img", {
|
116
|
-
src: "/img/topo/editor/lineType/" + item.icon + ".svg",
|
117
|
-
alt: "",
|
118
|
-
className: styles.iconImg
|
119
|
-
}));
|
120
|
-
}));
|
121
|
-
};
|
122
|
-
|
123
|
-
export default LineType;
|
12
|
+
return /*#__PURE__*/React.createElement(LineType, {
|
13
|
+
onChange: setLineType,
|
14
|
+
topo: topo
|
15
|
+
});
|
16
|
+
}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import _Input from "@alifd/next/es/input";
|
2
|
+
import _extends from "@babel/runtime/helpers/extends";
|
3
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
|
4
|
+
var _excluded = ["multipleLine"];
|
5
|
+
import React from 'react';
|
6
|
+
var NameInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
7
|
+
var multipleLine = props.multipleLine,
|
8
|
+
inputProps = _objectWithoutPropertiesLoose(props, _excluded);
|
9
|
+
|
10
|
+
if (multipleLine) {
|
11
|
+
return /*#__PURE__*/React.createElement(_Input.TextArea, _extends({
|
12
|
+
ref: ref,
|
13
|
+
autoHeight: {
|
14
|
+
minRows: 4,
|
15
|
+
maxRows: 4
|
16
|
+
}
|
17
|
+
}, inputProps));
|
18
|
+
}
|
19
|
+
|
20
|
+
return /*#__PURE__*/React.createElement(_Input, _extends({
|
21
|
+
ref: ref
|
22
|
+
}, inputProps));
|
23
|
+
});
|
24
|
+
export default NameInput;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
2
2
|
import React, { useState } from 'react';
|
3
3
|
import PropTypes from 'prop-types';
|
4
|
-
import rlog from
|
4
|
+
import rlog from '@riil-frontend/component-topology-utils/es/rlog';
|
5
5
|
import SizeInput from "../SizeInput";
|
6
6
|
var NODE_SIZE_LOCK = 'NODE_SIZE_LOCK';
|
7
7
|
/**
|
@@ -103,14 +103,14 @@ function NodeSizeInput(props) {
|
|
103
103
|
return val ? Math.round(val) : val;
|
104
104
|
}
|
105
105
|
|
106
|
-
return /*#__PURE__*/React.createElement(SizeInput, {
|
106
|
+
return /*#__PURE__*/React.createElement(SizeInput, _extends({}, props, {
|
107
107
|
value: value,
|
108
108
|
lock: lock,
|
109
109
|
max: max,
|
110
110
|
step: step,
|
111
111
|
onChange: handleChange,
|
112
112
|
onLockChange: switchLock
|
113
|
-
});
|
113
|
+
}));
|
114
114
|
}
|
115
115
|
|
116
116
|
NodeSizeInput.propTypes = {
|
@@ -1,15 +1,12 @@
|
|
1
1
|
import _Box from "@alifd/next/es/box";
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
3
|
-
import _Grid from "@alifd/next/es/grid";
|
4
3
|
import _Form from "@alifd/next/es/form";
|
5
4
|
import React, { useState } from 'react';
|
6
5
|
import PropTypes from 'prop-types';
|
6
|
+
import rlog from '@riil-frontend/component-topology-utils/es/rlog';
|
7
7
|
import NodeSizeNumberPicker from "./NodeSizeNumberPicker";
|
8
8
|
import styles from "./NodeSizeInput.module.scss";
|
9
|
-
import rlog from "@riil-frontend/component-topology-utils/es/rlog";
|
10
9
|
var FormItem = _Form.Item;
|
11
|
-
var Row = _Grid.Row,
|
12
|
-
Col = _Grid.Col;
|
13
10
|
/**
|
14
11
|
* 节点大小组件
|
15
12
|
*
|
@@ -22,11 +19,13 @@ function SizeInput(props) {
|
|
22
19
|
max = props.max,
|
23
20
|
step = props.step,
|
24
21
|
onChange = props.onChange,
|
25
|
-
lock = props.lock,
|
26
|
-
onLockChange = props.onLockChange,
|
27
22
|
_props$showLabel = props.showLabel,
|
28
23
|
showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
|
29
|
-
|
24
|
+
numberPickerProps = props.numberPickerProps,
|
25
|
+
size = props.size,
|
26
|
+
lock = props.lock,
|
27
|
+
disabled = props.disabled,
|
28
|
+
onLockChange = props.onLockChange;
|
30
29
|
|
31
30
|
var handleChange = function handleChange(name, attrValue) {
|
32
31
|
var _extends2;
|
@@ -45,6 +44,18 @@ function SizeInput(props) {
|
|
45
44
|
return val ? Math.round(val) : val;
|
46
45
|
}
|
47
46
|
|
47
|
+
var renderLock = function renderLock() {
|
48
|
+
var imgSrc = "/img/topo/editor/toolbar/" + (lock ? 'lock' : 'unlock') + "/" + (disabled ? 'Disable' : 'Normal') + ".svg";
|
49
|
+
return /*#__PURE__*/React.createElement("div", {
|
50
|
+
className: styles.lockBtn,
|
51
|
+
onClick: switchLock
|
52
|
+
}, /*#__PURE__*/React.createElement("img", {
|
53
|
+
src: imgSrc,
|
54
|
+
alt: "",
|
55
|
+
width: 12
|
56
|
+
}));
|
57
|
+
};
|
58
|
+
|
48
59
|
return /*#__PURE__*/React.createElement(_Form, {
|
49
60
|
labelAlign: "top",
|
50
61
|
component: "div",
|
@@ -65,27 +76,24 @@ function SizeInput(props) {
|
|
65
76
|
style: {
|
66
77
|
marginBottom: 0
|
67
78
|
}
|
68
|
-
}, /*#__PURE__*/React.createElement(NodeSizeNumberPicker, {
|
79
|
+
}, /*#__PURE__*/React.createElement(NodeSizeNumberPicker, _extends({
|
69
80
|
value: parseValue(value.width),
|
70
81
|
label: showLabel ? '宽:' : '',
|
82
|
+
innerAfter: showLabel ? undefined : 'W',
|
71
83
|
min: 1,
|
72
84
|
max: max,
|
73
85
|
step: step,
|
86
|
+
disabled: disabled,
|
74
87
|
placeholder: "\u8BF7\u8F93\u5165",
|
75
|
-
size: size
|
88
|
+
size: size
|
89
|
+
}, numberPickerProps, {
|
76
90
|
style: {
|
77
91
|
width: '100%'
|
78
92
|
},
|
79
93
|
onChange: function onChange(val) {
|
80
94
|
return handleChange('width', val);
|
81
95
|
}
|
82
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
83
|
-
className: styles.lockBtn,
|
84
|
-
onClick: switchLock
|
85
|
-
}, /*#__PURE__*/React.createElement("img", {
|
86
|
-
src: require(lock ? './img/icon_锁.svg' : './img/icon_解锁.svg'),
|
87
|
-
alt: ""
|
88
|
-
})), /*#__PURE__*/React.createElement("div", {
|
96
|
+
})))), renderLock(), /*#__PURE__*/React.createElement("div", {
|
89
97
|
style: {
|
90
98
|
flex: 1
|
91
99
|
}
|
@@ -95,22 +103,24 @@ function SizeInput(props) {
|
|
95
103
|
style: {
|
96
104
|
marginBottom: 0
|
97
105
|
}
|
98
|
-
}, /*#__PURE__*/React.createElement(NodeSizeNumberPicker, {
|
106
|
+
}, /*#__PURE__*/React.createElement(NodeSizeNumberPicker, _extends({
|
99
107
|
value: parseValue(value.height),
|
100
|
-
label: showLabel ? '高:' : ''
|
101
|
-
,
|
108
|
+
label: showLabel ? '高:' : '',
|
109
|
+
innerAfter: showLabel ? undefined : 'H',
|
102
110
|
min: 1,
|
103
111
|
max: max,
|
104
112
|
step: step,
|
113
|
+
disabled: disabled,
|
105
114
|
placeholder: "\u8BF7\u8F93\u5165",
|
106
|
-
size: size
|
115
|
+
size: size
|
116
|
+
}, numberPickerProps, {
|
107
117
|
style: {
|
108
118
|
width: '100%'
|
109
119
|
},
|
110
120
|
onChange: function onChange(val) {
|
111
121
|
return handleChange('height', val);
|
112
122
|
}
|
113
|
-
}))))));
|
123
|
+
})))))));
|
114
124
|
}
|
115
125
|
|
116
126
|
SizeInput.propTypes = {
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import _NumberPicker from "@alifd/next/es/number-picker";
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
3
3
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
|
4
|
-
var _excluded = ["value", "onChange", "min", "onBlur", "onKeyDown"];
|
5
|
-
import React, { useState, useEffect } from
|
4
|
+
var _excluded = ["value", "onChange", "min", "onBlur", "onKeyDown", "disabled"];
|
5
|
+
import React, { useState, useEffect } from "react";
|
6
6
|
|
7
7
|
/**
|
8
8
|
* 节点大小组件
|
@@ -16,6 +16,7 @@ export default function NodeSizeNumberPicker(props) {
|
|
16
16
|
min = props.min,
|
17
17
|
onBlur = props.onBlur,
|
18
18
|
onKeyDown = props.onKeyDown,
|
19
|
+
disabled = props.disabled,
|
19
20
|
otherProps = _objectWithoutPropertiesLoose(props, _excluded);
|
20
21
|
|
21
22
|
var _useState = useState(value),
|
@@ -48,13 +49,13 @@ export default function NodeSizeNumberPicker(props) {
|
|
48
49
|
|
49
50
|
var handleChange = function handleChange(value, e) {
|
50
51
|
// 失去焦点最大最小值
|
51
|
-
if (e.type ===
|
52
|
+
if (e.type === "blur") {
|
52
53
|
onChange(!value ? min : value);
|
53
54
|
return;
|
54
55
|
} // 加减号立即变更
|
55
56
|
|
56
57
|
|
57
|
-
if (e.triggerType ===
|
58
|
+
if (e.triggerType === "up" || e.triggerType === "down") {
|
58
59
|
onChange(value);
|
59
60
|
return;
|
60
61
|
}
|
@@ -65,9 +66,9 @@ export default function NodeSizeNumberPicker(props) {
|
|
65
66
|
return /*#__PURE__*/React.createElement(_NumberPicker, _extends({}, otherProps, {
|
66
67
|
value: inputValue,
|
67
68
|
min: min,
|
69
|
+
disabled: disabled,
|
68
70
|
onChange: handleChange,
|
69
71
|
onBlur: handleBlur,
|
70
72
|
onKeyDown: handleKeyDown
|
71
73
|
}));
|
72
|
-
}
|
73
|
-
;
|
74
|
+
}
|
@@ -5,17 +5,17 @@ var fontStyleUtil = {
|
|
5
5
|
font = '';
|
6
6
|
}
|
7
7
|
|
8
|
-
var
|
8
|
+
var str = font.trim();
|
9
9
|
var bold = font.indexOf('bold') > -1;
|
10
10
|
var italic = font.indexOf('italic') > -1;
|
11
|
-
|
11
|
+
str = str.trim().replace('bold ', '').trim().replace('italic ', '').trim();
|
12
|
+
var arr = str.split(' ');
|
13
|
+
var fontSizeStr = arr[0];
|
14
|
+
var fontFamily = str.replace(fontSizeStr, '').trim() || null;
|
15
|
+
var fontSize = null;
|
12
16
|
|
13
|
-
if (
|
14
|
-
|
15
|
-
}
|
16
|
-
|
17
|
-
if (arr.length >= 2) {
|
18
|
-
fontSize = parseInt(arr[arr.length - 2].replace('px', ''), 10);
|
17
|
+
if (fontSizeStr) {
|
18
|
+
fontSize = parseInt(fontSizeStr.replace('px', ''), 10);
|
19
19
|
}
|
20
20
|
|
21
21
|
return {
|
@@ -27,17 +27,9 @@ var fontStyleUtil = {
|
|
27
27
|
},
|
28
28
|
// 字体样式格式: bold italic 12px 黑体 或 12px 黑体
|
29
29
|
build: function build(style) {
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
font += 'bold ';
|
34
|
-
}
|
35
|
-
|
36
|
-
if (style.font.italic) {
|
37
|
-
font += 'italic ';
|
38
|
-
}
|
39
|
-
|
40
|
-
return "" + font + style.font.fontSize + "px " + style.font.fontFamily;
|
30
|
+
return [style.bold ? 'bold' : null, style.italic ? 'italic' : null, style.fontSize ? style.fontSize + "px" : null, style.fontFamily].filter(function (item) {
|
31
|
+
return item !== null;
|
32
|
+
}).join(' ');
|
41
33
|
},
|
42
34
|
getFontStyleMap: function getFontStyleMap(obj, prefix) {
|
43
35
|
var map = {};
|
@@ -0,0 +1,68 @@
|
|
1
|
+
import propertyViews from "../propertyViews";
|
2
|
+
import getPropertyViewType from "./getPropertyViewType";
|
3
|
+
|
4
|
+
var PropertyViewManager = /*#__PURE__*/function () {
|
5
|
+
function PropertyViewManager(topo) {
|
6
|
+
this.viewMap = propertyViews;
|
7
|
+
this.topo = void 0;
|
8
|
+
this.getPropertyViewType = getPropertyViewType;
|
9
|
+
this.topo = topo;
|
10
|
+
this.open = this.open.bind(this);
|
11
|
+
}
|
12
|
+
|
13
|
+
var _proto = PropertyViewManager.prototype;
|
14
|
+
|
15
|
+
_proto.updateViews = function updateViews(viewMap) {
|
16
|
+
Object.assign(this.viewMap, viewMap);
|
17
|
+
};
|
18
|
+
|
19
|
+
_proto.init = function init() {
|
20
|
+
var notifier = this.topo.getHtTopo().getNotifier();
|
21
|
+
notifier.on('topo_element_double_click', this.open);
|
22
|
+
};
|
23
|
+
|
24
|
+
_proto.destroy = function destroy() {
|
25
|
+
var _this$topo$getHtTopo;
|
26
|
+
|
27
|
+
var notifier = (_this$topo$getHtTopo = this.topo.getHtTopo()) === null || _this$topo$getHtTopo === void 0 ? void 0 : _this$topo$getHtTopo.getNotifier();
|
28
|
+
|
29
|
+
if (!notifier) {
|
30
|
+
return;
|
31
|
+
}
|
32
|
+
|
33
|
+
notifier.off('topo_element_double_click', this.open);
|
34
|
+
};
|
35
|
+
|
36
|
+
_proto.open = function open() {
|
37
|
+
var view = this.getPropertyView();
|
38
|
+
|
39
|
+
if (!view) {
|
40
|
+
return;
|
41
|
+
}
|
42
|
+
|
43
|
+
var topoEditDispatchers = this.topo.store.getModelDispatchers('topoEdit');
|
44
|
+
topoEditDispatchers.update({
|
45
|
+
propertyPanelVisible: true
|
46
|
+
});
|
47
|
+
};
|
48
|
+
|
49
|
+
_proto.close = function close() {
|
50
|
+
var topoEditDispatchers = this.topo.store.getModelDispatchers('topoEdit');
|
51
|
+
topoEditDispatchers.update({
|
52
|
+
propertyPanelVisible: false
|
53
|
+
});
|
54
|
+
};
|
55
|
+
|
56
|
+
_proto.getPropertyView = function
|
57
|
+
/* selection */
|
58
|
+
getPropertyView() {
|
59
|
+
var selection = this.topo.selectionModel.getSelection();
|
60
|
+
var elementType = getPropertyViewType(selection);
|
61
|
+
var PropertyView = this.viewMap[elementType];
|
62
|
+
return PropertyView;
|
63
|
+
};
|
64
|
+
|
65
|
+
return PropertyViewManager;
|
66
|
+
}();
|
67
|
+
|
68
|
+
export default PropertyViewManager;
|