@riil-frontend/component-topology 6.0.0-alpha.9 → 6.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (376) hide show
  1. package/build/1.js +2 -2
  2. package/build/2.js +1 -1
  3. package/build/index.css +1 -1
  4. package/build/index.js +35 -35
  5. package/demo/CHANGELOG/CHANGELOG.md +5 -0
  6. package/es/components/ColorPanel/components/ColorBlock/index.js +37 -0
  7. package/es/components/ColorPanel/components/ColorBlock/index.module.scss +9 -0
  8. package/es/components/ColorPanel/components/FontColorRange/index.js +35 -0
  9. package/es/components/ColorPanel/components/FontColorRange/index.module.scss +25 -0
  10. package/es/components/ColorPanel/index.js +259 -0
  11. package/es/components/ColorPanel/index.module.scss +35 -0
  12. package/es/components/VerticalIconTab/VerticalIconTab.js +11 -1
  13. package/es/components/VerticalIconTab/VerticalIconTab.module.scss +2 -0
  14. package/es/components/collapse/Collapse.js +22 -3
  15. package/es/components/collapse/Collapse.module.scss +24 -0
  16. package/es/components/collapse/index.js +2 -0
  17. package/es/core/common/hooks/useHtElements.js +21 -0
  18. package/es/core/common/icons/icon.js +40 -0
  19. package/es/core/common/icons/useIcons.js +5 -19
  20. package/es/core/components/AlarmListPanel/components/AlarmListItem.js +14 -13
  21. package/es/core/components/AlarmListPanel/components/index.module.scss +5 -5
  22. package/es/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -1
  23. package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +9 -3
  24. package/es/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +122 -0
  25. package/es/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +0 -3
  26. package/es/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +84 -22
  27. package/es/core/components/TopoView/GraphViewPanel.js +22 -0
  28. package/es/core/components/TopoView/editor.module.scss +1 -0
  29. package/es/core/components/TopoView/topoView.js +30 -60
  30. package/es/core/components/titlebar/TitleBar.module.scss +1 -1
  31. package/es/core/editor/components/EditorPlugin.js +18 -2
  32. package/es/core/editor/components/Sidebar/Sidebar.js +29 -7
  33. package/es/core/editor/components/Sidebar/panes.js +10 -5
  34. package/es/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +11 -30
  35. package/es/core/editor/components/Sidebar/views/CanvasPanel/hooks/useCanvasThemeConfig.js +109 -0
  36. package/es/core/editor/components/Sidebar/views/CanvasPanel/hooks/useUpdateHtTopoDefaultTagStyle.js +27 -0
  37. package/es/core/editor/components/Sidebar/views/CanvasPanel/utils/elementThemeUtil.js +0 -0
  38. package/es/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +3 -3
  39. package/es/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +12 -1
  40. package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +12 -1
  41. package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +3 -3
  42. package/es/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +27 -8
  43. package/es/core/editor/components/Toolbar/buttons.js +2 -2
  44. package/es/core/editor/components/Toolbar/widgets/AddResourceButton.js +1 -1
  45. package/es/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +3 -3
  46. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/Content.js +46 -2
  47. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +98 -6
  48. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +59 -25
  49. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +3 -5
  50. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/constants.js +77 -0
  51. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +52 -5
  52. package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +166 -16
  53. package/es/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +42 -0
  54. package/es/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +26 -12
  55. package/es/core/editor/components/Toolbar/widgets/FontSizeWidget.js +37 -12
  56. package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js +92 -39
  57. package/es/core/editor/components/Toolbar/widgets/IconSelect/index.module.scss +4 -2
  58. package/es/core/editor/components/Toolbar/widgets/IconSelect/popUpContent.js +1 -2
  59. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.js +99 -0
  60. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.module.scss +70 -0
  61. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.js +42 -0
  62. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.module.scss +7 -0
  63. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.js +75 -0
  64. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.scss +32 -0
  65. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/Icon.js +23 -0
  66. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/index.js +10 -0
  67. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_circular.svg +10 -0
  68. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_hierarchical.svg +10 -0
  69. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_rectangle.svg +12 -0
  70. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_toward.svg +16 -0
  71. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.js +31 -0
  72. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.module.scss +53 -0
  73. package/es/core/editor/components/Toolbar/widgets/Layout/index.js +130 -15
  74. package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +107 -23
  75. package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss +33 -0
  76. package/es/core/editor/components/Toolbar/widgets/NodeImageButton/BoxBackgroundSetting.js +2 -2
  77. package/es/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +20 -7
  78. package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +40 -35
  79. package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
  80. package/es/core/editor/components/Toolbar/widgets/WidgetBox.js +10 -4
  81. package/es/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +10 -1
  82. package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.js +2 -2
  83. package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss +4 -0
  84. package/es/core/editor/components/Toolbar/widgets/components/DropdownButton.js +19 -8
  85. package/es/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +21 -7
  86. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +52 -0
  87. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/colorUtil.js +67 -0
  88. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +41 -0
  89. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +65 -0
  90. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +65 -0
  91. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/index.js +14 -0
  92. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/layerTitle.js +73 -0
  93. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +69 -0
  94. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +37 -0
  95. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +124 -0
  96. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js +31 -0
  97. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +98 -0
  98. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +20 -0
  99. package/es/core/editor/components/plugins/AddElementThemePlugin.js +11 -0
  100. package/es/core/editor/components/settings/CloseablePanel.js +33 -0
  101. package/es/core/editor/components/settings/CloseablePanel.module.scss +21 -0
  102. package/es/core/editor/components/settings/PropertyView.js +50 -11
  103. package/es/core/editor/components/settings/Settings.js +37 -122
  104. package/es/core/editor/components/settings/Settings.module.scss +7 -11
  105. package/es/core/editor/components/settings/common/AlignSetting/AlignSetting.module.scss +3 -3
  106. package/es/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +80 -0
  107. package/es/core/editor/components/settings/common/AlignSetting/index.js +20 -72
  108. package/es/core/editor/components/settings/common/GroupNodeList/ResourceList.module.scss +1 -0
  109. package/es/core/editor/components/settings/common/LineType/index.js +11 -102
  110. package/es/core/editor/components/settings/common/NameInput.js +24 -0
  111. package/es/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +21 -18
  112. package/es/core/editor/components/settings/common/text/fontStyleUtil.js +21 -19
  113. package/es/core/editor/components/settings/core/PropertyViewManager.js +81 -0
  114. package/es/core/editor/components/settings/core/edgePropertyViewAdapter.js +22 -0
  115. package/es/core/editor/components/settings/core/getPropertyViewType.js +34 -0
  116. package/es/core/editor/components/settings/core/updateElementProperty.js +21 -0
  117. package/es/core/editor/components/settings/propertyViews/box/BoxPropertyView.js +6 -13
  118. package/es/core/editor/components/settings/propertyViews/box/BoxPropertyViewV1.js +58 -0
  119. package/es/core/editor/components/settings/propertyViews/box/NameInput.js +5 -4
  120. package/es/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js +12 -3
  121. package/es/core/editor/components/settings/propertyViews/edge/EdgeGroupPropertyView.js +7 -8
  122. package/es/core/editor/components/settings/propertyViews/edge/EdgePropertyView.js +9 -23
  123. package/es/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +10 -0
  124. package/es/core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting.js +1 -6
  125. package/es/core/editor/components/settings/propertyViews/group/GroupPropertyView.js +13 -21
  126. package/es/core/editor/components/settings/propertyViews/group/GroupPropertyView.module.scss +8 -1
  127. package/es/core/editor/components/settings/propertyViews/group/GroupPropertyViewV1.js +28 -0
  128. package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupBasicSetting.js +75 -0
  129. package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +9 -15
  130. package/es/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js +8 -6
  131. package/es/core/editor/components/settings/propertyViews/index.js +4 -6
  132. package/es/core/editor/components/settings/propertyViews/layer/BasicSetting.js +57 -0
  133. package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyView.js +11 -17
  134. package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyView.module.scss +10 -0
  135. package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyViewV1.js +27 -0
  136. package/es/core/editor/components/settings/propertyViews/multipleElements/MultipleElementLineType.js +5 -7
  137. package/es/core/editor/components/settings/propertyViews/multipleElements/MultipleElementPropertyView.js +2 -15
  138. package/es/core/editor/components/settings/propertyViews/node/NodePropertyView.js +8 -32
  139. package/es/core/editor/components/settings/propertyViews/node/NodePropertyViewV1.js +53 -0
  140. package/es/core/editor/components/settings/propertyViews/node/Setting/BasicSetting.js +49 -0
  141. package/es/core/editor/components/settings/propertyViews/node/Setting/NameInput.js +5 -4
  142. package/es/core/editor/components/settings/propertyViews/node/data/Data.js +2 -1
  143. package/es/core/editor/components/settings/propertyViews/node/data/NodeRelateResourceButton.js +1 -0
  144. package/es/core/editor/components/settings/propertyViews/text/TextPropertyView.js +5 -20
  145. package/es/core/editor/components/titlebar/TopoEditorTitleBar.js +8 -4
  146. package/es/core/editor/config/themes.js +105 -0
  147. package/es/core/editor/hooks/useKeyboardShortcut.js +39 -0
  148. package/es/core/editor/hooks/useNewElementTheme.js +46 -0
  149. package/es/core/editor/store/topoEdit.js +44 -37
  150. package/es/core/editor/utils/edgeTypeStyleUtil.js +34 -11
  151. package/es/core/editor/utils/textStyleUtil.js +0 -0
  152. package/es/core/editor/utils/themeUtil.js +32 -0
  153. package/es/core/hooks/useCanvasTheme.js +54 -0
  154. package/es/core/hooks/useManageStatus.js +1 -9
  155. package/es/core/hooks/usePolling.js +2 -5
  156. package/es/core/hooks/useTopoEdit.js +15 -8
  157. package/es/core/models/Alarm.js +2 -2
  158. package/es/core/models/AttributeMetricDisplay.js +4 -0
  159. package/es/core/models/HistoryManager.js +13 -8
  160. package/es/core/models/{SelectionManager.js → SelectionModel.js} +55 -22
  161. package/es/core/models/TopoApp.js +6 -5
  162. package/es/core/models/selection/ignoreList.js +1 -0
  163. package/es/core/models/utils/linkUtils.js +5 -6
  164. package/es/core/store/models/customIcon.js +1 -3
  165. package/es/core/store/models/selection.js +2 -1
  166. package/es/core/store/models/topoBizMod.js +0 -3
  167. package/es/core/store/models/topoConfig.js +10 -12
  168. package/es/core/store/models/topoMod.js +26 -28
  169. package/es/core/utils/edgeUtil.js +6 -0
  170. package/es/core/utils/showGraphManageStatusUtil.js +7 -1
  171. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +18 -13
  172. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +38 -19
  173. package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/WebConsoleForm.js +13 -29
  174. package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +6 -5
  175. package/es/core/viewer/components/plugins/ViewerPlugin.js +10 -4
  176. package/es/core/viewer/components/titlebar/widgets/SettingButton.js +3 -1
  177. package/es/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +4 -2
  178. package/es/networkTopo/components/editor/propertyViews/edge/EdgeGroupPropertyView.js +2 -1
  179. package/es/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +39 -6
  180. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +10 -16
  181. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +37 -0
  182. package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +1 -1
  183. package/es/networkTopo/components/editor/useEditorProps.js +1 -3
  184. package/es/networkTopo/createTopo.js +2 -0
  185. package/es/networkTopo/models/LinkDynamicStyleExecutor.js +2 -2
  186. package/es/networkTopo/services/link.js +2 -2
  187. package/es/networkTopo/store/topoTreeMod.js +6 -7
  188. package/es/style.js +28 -27
  189. package/es/utils/htElementUtils.js +3 -0
  190. package/es/utils/topoData.js +1 -0
  191. package/lib/components/ColorPanel/components/ColorBlock/index.js +47 -0
  192. package/lib/components/ColorPanel/components/ColorBlock/index.module.scss +9 -0
  193. package/lib/components/ColorPanel/components/FontColorRange/index.js +49 -0
  194. package/lib/components/ColorPanel/components/FontColorRange/index.module.scss +25 -0
  195. package/lib/components/ColorPanel/index.js +278 -0
  196. package/lib/components/ColorPanel/index.module.scss +35 -0
  197. package/lib/components/VerticalIconTab/VerticalIconTab.js +14 -1
  198. package/lib/components/VerticalIconTab/VerticalIconTab.module.scss +2 -0
  199. package/lib/components/collapse/Collapse.js +28 -3
  200. package/lib/components/collapse/Collapse.module.scss +24 -0
  201. package/lib/components/collapse/index.js +11 -0
  202. package/lib/core/common/hooks/useHtElements.js +27 -0
  203. package/lib/core/common/icons/icon.js +47 -0
  204. package/lib/core/common/icons/useIcons.js +7 -18
  205. package/lib/core/components/AlarmListPanel/components/AlarmListItem.js +14 -13
  206. package/lib/core/components/AlarmListPanel/components/index.module.scss +5 -5
  207. package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -1
  208. package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +10 -3
  209. package/lib/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +147 -0
  210. package/lib/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +0 -3
  211. package/lib/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +84 -22
  212. package/lib/core/components/TopoView/GraphViewPanel.js +32 -0
  213. package/lib/core/components/TopoView/editor.module.scss +1 -0
  214. package/lib/core/components/TopoView/topoView.js +36 -67
  215. package/lib/core/components/titlebar/TitleBar.module.scss +1 -1
  216. package/lib/core/editor/components/EditorPlugin.js +26 -2
  217. package/lib/core/editor/components/Sidebar/Sidebar.js +28 -6
  218. package/lib/core/editor/components/Sidebar/panes.js +10 -5
  219. package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +12 -31
  220. package/lib/core/editor/components/Sidebar/views/CanvasPanel/hooks/useCanvasThemeConfig.js +123 -0
  221. package/lib/core/editor/components/Sidebar/views/CanvasPanel/hooks/useUpdateHtTopoDefaultTagStyle.js +37 -0
  222. package/lib/core/editor/components/Sidebar/views/CanvasPanel/utils/elementThemeUtil.js +1 -0
  223. package/lib/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +1 -1
  224. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +13 -1
  225. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +13 -1
  226. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +3 -3
  227. package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +36 -12
  228. package/lib/core/editor/components/Toolbar/buttons.js +2 -2
  229. package/lib/core/editor/components/Toolbar/widgets/AddResourceButton.js +1 -1
  230. package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +3 -3
  231. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/Content.js +48 -2
  232. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +100 -6
  233. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +58 -24
  234. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +3 -3
  235. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/constants.js +83 -0
  236. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +53 -4
  237. package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +172 -16
  238. package/lib/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +42 -0
  239. package/lib/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +27 -11
  240. package/lib/core/editor/components/Toolbar/widgets/FontSizeWidget.js +38 -11
  241. package/lib/core/editor/components/Toolbar/widgets/FontStyleButton.js +96 -39
  242. package/lib/core/editor/components/Toolbar/widgets/IconSelect/index.module.scss +4 -2
  243. package/lib/core/editor/components/Toolbar/widgets/IconSelect/popUpContent.js +1 -2
  244. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.js +116 -0
  245. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.module.scss +70 -0
  246. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.js +55 -0
  247. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.module.scss +7 -0
  248. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.js +93 -0
  249. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.scss +32 -0
  250. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/Icon.js +32 -0
  251. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/index.js +22 -0
  252. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_circular.svg +10 -0
  253. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_hierarchical.svg +10 -0
  254. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_rectangle.svg +12 -0
  255. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_toward.svg +16 -0
  256. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.js +44 -0
  257. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.module.scss +53 -0
  258. package/lib/core/editor/components/Toolbar/widgets/Layout/index.js +135 -16
  259. package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +110 -23
  260. package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss +33 -0
  261. package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/BoxBackgroundSetting.js +2 -2
  262. package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +21 -7
  263. package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +40 -34
  264. package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
  265. package/lib/core/editor/components/Toolbar/widgets/WidgetBox.js +13 -4
  266. package/lib/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +10 -1
  267. package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.js +2 -2
  268. package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss +4 -0
  269. package/lib/core/editor/components/Toolbar/widgets/components/DropdownButton.js +19 -8
  270. package/lib/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +22 -7
  271. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +66 -0
  272. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/colorUtil.js +82 -0
  273. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +58 -0
  274. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +86 -0
  275. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +88 -0
  276. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/index.js +28 -0
  277. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/layerTitle.js +90 -0
  278. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +90 -0
  279. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +54 -0
  280. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +141 -0
  281. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js +46 -0
  282. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +111 -0
  283. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +31 -0
  284. package/lib/core/editor/components/plugins/AddElementThemePlugin.js +20 -0
  285. package/lib/core/editor/components/settings/CloseablePanel.js +46 -0
  286. package/lib/core/editor/components/settings/CloseablePanel.module.scss +21 -0
  287. package/lib/core/editor/components/settings/PropertyView.js +59 -12
  288. package/lib/core/editor/components/settings/Settings.js +40 -122
  289. package/lib/core/editor/components/settings/Settings.module.scss +7 -11
  290. package/lib/core/editor/components/settings/common/AlignSetting/AlignSetting.module.scss +3 -3
  291. package/lib/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +97 -0
  292. package/lib/core/editor/components/settings/common/AlignSetting/index.js +21 -80
  293. package/lib/core/editor/components/settings/common/GroupNodeList/ResourceList.module.scss +1 -0
  294. package/lib/core/editor/components/settings/common/LineType/index.js +11 -109
  295. package/lib/core/editor/components/settings/common/NameInput.js +38 -0
  296. package/lib/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +21 -19
  297. package/lib/core/editor/components/settings/common/text/fontStyleUtil.js +25 -20
  298. package/lib/core/editor/components/settings/core/PropertyViewManager.js +91 -0
  299. package/lib/core/editor/components/settings/core/edgePropertyViewAdapter.js +33 -0
  300. package/lib/core/editor/components/settings/core/getPropertyViewType.js +40 -0
  301. package/lib/core/editor/components/settings/core/updateElementProperty.js +27 -0
  302. package/lib/core/editor/components/settings/propertyViews/box/BoxPropertyView.js +6 -13
  303. package/lib/core/editor/components/settings/propertyViews/box/BoxPropertyViewV1.js +76 -0
  304. package/lib/core/editor/components/settings/propertyViews/box/NameInput.js +6 -5
  305. package/lib/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js +15 -3
  306. package/lib/core/editor/components/settings/propertyViews/edge/EdgeGroupPropertyView.js +9 -12
  307. package/lib/core/editor/components/settings/propertyViews/edge/EdgePropertyView.js +7 -23
  308. package/lib/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +19 -0
  309. package/lib/core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting.js +1 -6
  310. package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyView.js +14 -25
  311. package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyView.module.scss +8 -1
  312. package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyViewV1.js +43 -0
  313. package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupBasicSetting.js +98 -0
  314. package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +8 -14
  315. package/lib/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js +9 -7
  316. package/lib/core/editor/components/settings/propertyViews/index.js +4 -9
  317. package/lib/core/editor/components/settings/propertyViews/layer/BasicSetting.js +75 -0
  318. package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyView.js +12 -20
  319. package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyView.module.scss +10 -0
  320. package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyViewV1.js +40 -0
  321. package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementLineType.js +4 -6
  322. package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementPropertyView.js +2 -15
  323. package/lib/core/editor/components/settings/propertyViews/node/NodePropertyView.js +8 -35
  324. package/lib/core/editor/components/settings/propertyViews/node/NodePropertyViewV1.js +68 -0
  325. package/lib/core/editor/components/settings/propertyViews/node/Setting/BasicSetting.js +64 -0
  326. package/lib/core/editor/components/settings/propertyViews/node/Setting/NameInput.js +6 -5
  327. package/lib/core/editor/components/settings/propertyViews/node/data/Data.js +2 -1
  328. package/lib/core/editor/components/settings/propertyViews/node/data/NodeRelateResourceButton.js +1 -0
  329. package/lib/core/editor/components/settings/propertyViews/text/TextPropertyView.js +5 -20
  330. package/lib/core/editor/components/titlebar/TopoEditorTitleBar.js +9 -1
  331. package/lib/core/editor/config/themes.js +114 -0
  332. package/lib/core/editor/hooks/useKeyboardShortcut.js +49 -0
  333. package/lib/core/editor/hooks/useNewElementTheme.js +57 -0
  334. package/lib/core/editor/store/topoEdit.js +46 -40
  335. package/lib/core/editor/utils/edgeTypeStyleUtil.js +38 -11
  336. package/lib/core/editor/utils/textStyleUtil.js +1 -0
  337. package/lib/core/editor/utils/themeUtil.js +39 -0
  338. package/lib/core/hooks/useCanvasTheme.js +68 -0
  339. package/lib/core/hooks/useManageStatus.js +1 -9
  340. package/lib/core/hooks/usePolling.js +2 -5
  341. package/lib/core/hooks/useTopoEdit.js +16 -8
  342. package/lib/core/models/Alarm.js +2 -2
  343. package/lib/core/models/AttributeMetricDisplay.js +4 -0
  344. package/lib/core/models/HistoryManager.js +13 -8
  345. package/lib/core/models/{SelectionManager.js → SelectionModel.js} +57 -22
  346. package/lib/core/models/TopoApp.js +7 -5
  347. package/lib/core/models/selection/ignoreList.js +6 -0
  348. package/lib/core/models/utils/linkUtils.js +5 -6
  349. package/lib/core/store/models/customIcon.js +1 -3
  350. package/lib/core/store/models/selection.js +2 -1
  351. package/lib/core/store/models/topoBizMod.js +0 -3
  352. package/lib/core/store/models/topoConfig.js +9 -18
  353. package/lib/core/store/models/topoMod.js +27 -29
  354. package/lib/core/utils/edgeUtil.js +6 -0
  355. package/lib/core/utils/showGraphManageStatusUtil.js +7 -1
  356. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +18 -13
  357. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +38 -19
  358. package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/WebConsoleForm.js +13 -29
  359. package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +6 -5
  360. package/lib/core/viewer/components/plugins/ViewerPlugin.js +11 -3
  361. package/lib/core/viewer/components/titlebar/widgets/SettingButton.js +3 -1
  362. package/lib/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +4 -2
  363. package/lib/networkTopo/components/editor/propertyViews/edge/EdgeGroupPropertyView.js +1 -0
  364. package/lib/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +45 -7
  365. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +10 -18
  366. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +50 -0
  367. package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +1 -1
  368. package/lib/networkTopo/components/editor/useEditorProps.js +1 -4
  369. package/lib/networkTopo/createTopo.js +3 -0
  370. package/lib/networkTopo/models/LinkDynamicStyleExecutor.js +2 -2
  371. package/lib/networkTopo/services/link.js +2 -2
  372. package/lib/networkTopo/store/topoTreeMod.js +6 -8
  373. package/lib/style.js +28 -27
  374. package/lib/utils/htElementUtils.js +5 -0
  375. package/lib/utils/topoData.js +1 -0
  376. package/package.json +5 -4
@@ -3,7 +3,7 @@
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
 
5
5
  exports.__esModule = true;
6
- exports["default"] = void 0;
6
+ exports["default"] = _default;
7
7
 
8
8
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
9
9
 
@@ -13,46 +13,52 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
13
13
 
14
14
  var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
15
15
 
16
- var _topo = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/services/topo"));
17
-
18
16
  /**
19
17
  * 拓扑编辑 Model
20
18
  */
21
- var _default = {
22
- // 定义 model 的初始 state
23
- state: {
24
- // 是否就绪
25
- ready: false,
26
- // 保存状态
27
- saving: false,
28
- // 选择/拖动模式模式。默认选择模式 select|move
29
- viewMouseMode: 'select',
30
- // 资源面板展开项
31
- resourceTabactiveKey: null
32
- },
33
- // 定义改变该模型状态的纯函数
34
- reducers: {
35
- update: function update(prevState, payload) {
36
- return (0, _extends2["default"])({}, prevState, payload);
37
- }
38
- },
39
- // 定义处理该模型副作用的函数
40
- effects: function effects(dispatch) {
41
- return {
42
- init: function init(payload, rootState) {
43
- return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
44
- return _regenerator["default"].wrap(function _callee$(_context) {
45
- while (1) {
46
- switch (_context.prev = _context.next) {
47
- case 0:
48
- case "end":
49
- return _context.stop();
50
- }
51
- }
52
- }, _callee);
53
- }))();
54
- }
55
- };
56
- }
19
+ var initState = {
20
+ // 是否就绪
21
+ ready: false,
22
+ // 保存状态
23
+ saving: false,
24
+ // 选择/拖动模式模式。默认选择模式 select|move
25
+ viewMouseMode: 'select',
26
+ // 资源面板展开项
27
+ resourceTabActiveKey: null,
28
+ // 属性面板是否显示
29
+ propertyPanelVisible: false
57
30
  };
58
- exports["default"] = _default;
31
+
32
+ function _default(topo) {
33
+ return {
34
+ // 定义 model 的初始 state
35
+ state: initState,
36
+ // 定义改变该模型状态的纯函数
37
+ reducers: {
38
+ update: function update(prevState, payload) {
39
+ return (0, _extends2["default"])({}, prevState, payload);
40
+ },
41
+ reset: function reset(prevState, payload) {
42
+ return (0, _extends2["default"])({}, initState);
43
+ }
44
+ },
45
+ // 定义处理该模型副作用的函数
46
+ effects: function effects(dispatch) {
47
+ return {
48
+ init: function init(payload, rootState) {
49
+ return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
50
+ return _regenerator["default"].wrap(function _callee$(_context) {
51
+ while (1) {
52
+ switch (_context.prev = _context.next) {
53
+ case 0:
54
+ case "end":
55
+ return _context.stop();
56
+ }
57
+ }
58
+ }, _callee);
59
+ }))();
60
+ }
61
+ };
62
+ }
63
+ };
64
+ }
@@ -2,6 +2,8 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.getEdgesBySelection = getEdgesBySelection;
5
+ exports.loopEdgesAndChildren = loopEdgesAndChildren;
6
+ exports.setEdgesAndChildren = setEdgesAndChildren;
5
7
  exports.setEdgesType = setEdgesType;
6
8
 
7
9
  var _htElementUtils = require("../../../utils/htElementUtils");
@@ -52,31 +54,56 @@ function getEdgesBySelection(topo) {
52
54
  return getSelectedEdges(topo);
53
55
  }
54
56
  /**
55
- * 批量设置连线线形
56
- *
57
- * @param {*} edges
58
- * @param {*} type
57
+ * 遍历连线及子连线
59
58
  * @param {*} topo
59
+ * @param {*} edges
60
+ * @param {*} operateEdgeFn
60
61
  */
61
62
 
62
63
 
63
- function setEdgesType(edges, type, topo) {
64
+ function loopEdgesAndChildren(topo, edges, operateEdgeFn) {
64
65
  var htTopo = topo.getHtTopo();
65
66
  edges.forEach(function (edge) {
66
- htTopo.setGraphLinear(edge, {
67
- type: type
68
- });
67
+ operateEdgeFn(edge);
69
68
 
70
69
  if (edge.isEdgeGroupAgent()) {
71
70
  // 连线组折叠时同时设置子连线
72
71
  var edgeChildren = edge.getEdgeGroup().getEdges().toArray();
73
72
  htTopo.toggleEdgeGroup(edge.getSource(), edge.getTarget(), true);
74
73
  edgeChildren.forEach(function (edgeChild) {
75
- htTopo.setGraphLinear(edgeChild, {
76
- type: type
77
- });
74
+ operateEdgeFn(edgeChild);
78
75
  });
79
76
  htTopo.toggleEdgeGroup(edge.getSource(), edge.getTarget(), false);
80
77
  }
81
78
  });
79
+ }
80
+ /**
81
+ * 设置连线及子连线。带回退事务控制
82
+ * @param {*} topo
83
+ * @param {*} edges
84
+ * @param {*} operateEdgeFn
85
+ */
86
+
87
+
88
+ function setEdgesAndChildren(topo, edges, operateEdgeFn) {
89
+ topo.historyManager.beginTransaction();
90
+ loopEdgesAndChildren(topo, edges, operateEdgeFn);
91
+ topo.historyManager.endTransaction();
92
+ }
93
+ /**
94
+ * 批量设置连线线形
95
+ *
96
+ * @param {*} edges
97
+ * @param {*} type
98
+ * @param {*} topo
99
+ */
100
+
101
+
102
+ function setEdgesType(edges, type, topo) {
103
+ var htTopo = topo.getHtTopo();
104
+ setEdgesAndChildren(topo, edges, function (edge) {
105
+ htTopo.setGraphLinear(edge, {
106
+ type: type
107
+ });
108
+ });
82
109
  }
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports["default"] = ThemeUtil;
5
+
6
+ var _clusterUtil = require("../../../utils/clusterUtil");
7
+
8
+ var _htElementUtils = require("../../../utils/htElementUtils");
9
+
10
+ function ThemeUtil(props) {
11
+ var topo = props.topo;
12
+
13
+ function setElementsTheme(themeConfig) {
14
+ var dm = topo.getHtTopo().getGraphView().dm();
15
+ var elements = (0, _htElementUtils.getElements)(dm);
16
+ elements.forEach(function (element) {
17
+ setElementTheme(element, themeConfig);
18
+ });
19
+ }
20
+
21
+ function setElementTheme(element, themeConfig) {
22
+ if ((0, _htElementUtils.isText)(element)) {
23
+ element.s('text.color', themeConfig.text.color);
24
+ } else if ((0, _htElementUtils.isGroup)(element)) {
25
+ if ((0, _clusterUtil.isClusterHtElement)(element)) {
26
+ // 集群
27
+ element.s(themeConfig.cluster.style);
28
+ } else {
29
+ // 区域(非集群)
30
+ element.s(themeConfig.group.style);
31
+ }
32
+ } else if ((0, _htElementUtils.isEdge)(element)) {}
33
+ }
34
+
35
+ return {
36
+ setElementsTheme: setElementsTheme,
37
+ setElementTheme: setElementTheme
38
+ };
39
+ }
@@ -0,0 +1,68 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ exports.__esModule = true;
6
+ exports["default"] = useCanvasTheme;
7
+
8
+ var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+
10
+ var _react = _interopRequireWildcard(require("react"));
11
+
12
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
+
14
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
+
16
+ var themeMap = [{
17
+ name: 'white',
18
+ label: '白色',
19
+ color: null,
20
+ toolsTheme: 'lightgrayblue'
21
+ }, {
22
+ name: 'lightblue',
23
+ label: '蓝色',
24
+ color: '#F9FBFF',
25
+ toolsTheme: 'white'
26
+ }, {
27
+ name: 'yellow',
28
+ label: '黄色',
29
+ color: '#FFFDE6'
30
+ }, {
31
+ name: 'green',
32
+ label: '绿色',
33
+ color: '#EAFFE8'
34
+ }, {
35
+ name: 'dark',
36
+ label: '深色',
37
+ color: '#031425',
38
+ toolsTheme: 'black'
39
+ }].reduce(function (map, item) {
40
+ var _extends2;
41
+
42
+ return (0, _extends3["default"])({}, map, (_extends2 = {}, _extends2[item.name] = item, _extends2));
43
+ }, {});
44
+
45
+ function useCanvasTheme(props) {
46
+ var topo = props.topo,
47
+ themeName = props.themeName; // 拓扑图是否加载
48
+
49
+ var _topo$store$useModelS = topo.store.useModelState('topoMod'),
50
+ graphLoaded = _topo$store$useModelS.graphLoaded;
51
+
52
+ (0, _react.useEffect)(function () {
53
+ // 设置
54
+ var themeConfig = themeMap[themeName || 'white'];
55
+
56
+ if (graphLoaded && themeConfig) {
57
+ try {
58
+ topo.getHtTopo().setTheme(themeName);
59
+ topo.getHtTopo().setToolsTheme(themeName);
60
+ } catch (error) {
61
+ console.error('切换主题失败', error);
62
+ }
63
+ }
64
+ }, [themeName, graphLoaded]);
65
+ return {
66
+ canvasColor: themeMap[themeName].color
67
+ };
68
+ }
@@ -40,15 +40,6 @@ function mergeManageStatus(cis, manageStatusDatas) {
40
40
 
41
41
  function useManageStatus(props) {
42
42
  var topo = props.topo;
43
-
44
- var _topo$store$useModel = topo.store.useModel('topoMod'),
45
- topoState = _topo$store$useModel[0],
46
- topoDispatchers = _topo$store$useModel[1];
47
-
48
- var graphLoaded = topoState.graphLoaded,
49
- viewState = topoState.viewState;
50
- var isEditMode = viewState === 'edit';
51
- var resources = topo.dataModel.useCis();
52
43
  (0, _useTopoEventListener["default"])({
53
44
  type: 'manageStatus',
54
45
  onMessage: function onMessage(manageStatusDatas) {
@@ -60,6 +51,7 @@ function useManageStatus(props) {
60
51
  links: mergeManageStatus(topoData.links, manageStatusDatas),
61
52
  linkGroups: mergeManageStatus(topoData.linkGroups, manageStatusDatas)
62
53
  });
54
+ var topoDispatchers = topo.store.getModelDispatchers('topoMod');
63
55
  topoDispatchers.update({
64
56
  data: newData
65
57
  });
@@ -74,11 +74,8 @@ var usePolling = function usePolling(props) {
74
74
 
75
75
 
76
76
  (0, _react.useEffect)(function () {
77
- var isViewer = topoState.viewState === 'view';
78
-
79
- if (topo.options.enableDefaultMetricLoader && isViewer) {
77
+ if (topo.options.enableDefaultMetricLoader) {
80
78
  _rlog["default"].debug('usePolling.useEffect: 开始轮询', {
81
- isViewer: isViewer,
82
79
  pollingSwitch: pollingSwitch,
83
80
  resIdsList: resIdsList,
84
81
  resourceOverviewState: resourceOverviewState,
@@ -95,7 +92,7 @@ var usePolling = function usePolling(props) {
95
92
  stopPoll();
96
93
  }
97
94
  };
98
- }, [topoState.viewState, pollingSwitch, resIdsList, displayConfig, resourceOverviewState.id, resourceOverviewState.metricCodes]);
95
+ }, [pollingSwitch, resIdsList, displayConfig, resourceOverviewState.id, resourceOverviewState.metricCodes]);
99
96
  /**
100
97
  *
101
98
  * @returns {{id, attributes: object[], metrics: object[]}[]} 属性和指标
@@ -95,6 +95,10 @@ var useTopoEdit = function useTopoEdit(params) {
95
95
  var onExitEdit = function onExitEdit() {// editDispatchers.switchToViewMode(topoId);
96
96
  };
97
97
 
98
+ var reset = function reset() {
99
+ topoEditDispatchers.reset();
100
+ };
101
+
98
102
  var onBindData = function onBindData(eventData) {};
99
103
  /**
100
104
  * 增加资源到视图
@@ -621,17 +625,17 @@ var useTopoEdit = function useTopoEdit(params) {
621
625
  newElements: newElements
622
626
  });
623
627
 
624
- topo.getHtTopo().addElements(newElements);
625
- topo.fitContent(false, 0); // 临时放这里,仅拓扑中心有
628
+ topo.getHtTopo().addElements(newElements); // 临时放这里,仅拓扑中心有
626
629
 
627
630
  if (topo.linkDynamicStyleExecutor) {
628
631
  topo.linkDynamicStyleExecutor.execute();
629
632
  }
630
633
 
631
- topo.historyManager.endTransaction(); // 添加资源后隐藏资源面板
634
+ topo.historyManager.endTransaction();
635
+ topo.getHtTopo().fitContent(); // 添加资源后隐藏资源面板
632
636
 
633
637
  topoEditDispatchers.update({
634
- resourceTabactiveKey: null
638
+ resourceTabActiveKey: null
635
639
  });
636
640
 
637
641
  case 14:
@@ -722,10 +726,10 @@ var useTopoEdit = function useTopoEdit(params) {
722
726
  return bindViewResources(data);
723
727
 
724
728
  case 9:
725
- topo.fitContent(false, 0);
726
729
  topo.historyManager.endTransaction();
730
+ topo.getHtTopo().fitContent();
727
731
  topoEditDispatchers.update({
728
- resourceTabactiveKey: null
732
+ resourceTabActiveKey: null
729
733
  });
730
734
 
731
735
  case 12:
@@ -1125,12 +1129,15 @@ var useTopoEdit = function useTopoEdit(params) {
1125
1129
  * 设置视图鼠标模式
1126
1130
  */
1127
1131
 
1128
- var setViewMouseMode = (0, _react.useCallback)(function (mode) {
1132
+ var setViewMouseMode = function setViewMouseMode(mode) {
1133
+ _rlog["default"].debug('设置视图鼠标模式', mode);
1134
+
1129
1135
  topo.getHtTopo().setViewMouseMode(mode);
1130
1136
  topoEditDispatchers.update({
1131
1137
  viewMouseMode: mode
1132
1138
  });
1133
- }, []);
1139
+ };
1140
+
1134
1141
  return {
1135
1142
  resourceConfig: resourceConfig,
1136
1143
 
@@ -1170,6 +1177,7 @@ var useTopoEdit = function useTopoEdit(params) {
1170
1177
  * 退出编辑模式回调
1171
1178
  */
1172
1179
  onExitEdit: onExitEdit,
1180
+ reset: reset,
1173
1181
  addLayerResources: addLayerResources,
1174
1182
 
1175
1183
  /**
@@ -435,7 +435,7 @@ var Alarm = /*#__PURE__*/function () {
435
435
 
436
436
  case 8:
437
437
  _context6.next = 10;
438
- return _topo["default"].openTopoAlarm(id);
438
+ return this.topo.serverApi.openTopoAlarm(id);
439
439
 
440
440
  case 10:
441
441
  this.secretKey = _context6.sent;
@@ -506,7 +506,7 @@ var Alarm = /*#__PURE__*/function () {
506
506
  alarmPanelIsOpen: false
507
507
  });
508
508
  _context7.next = 9;
509
- return _topo["default"].closeTopoAlarm(id, this.secretKey);
509
+ return this.topo.serverApi.closeTopoAlarm(id, this.secretKey);
510
510
 
511
511
  case 9:
512
512
  case "end":
@@ -668,7 +668,11 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
668
668
  var htTopo = topo.getHtTopo();
669
669
 
670
670
  if (htTopo) {
671
+ var _topo$historyManager, _topo$historyManager2;
672
+
673
+ (_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.setDisabled(true, '加载标注');
671
674
  htTopo.loadTagAndTip(JSON.parse(JSON.stringify(elementTagsAndTips)));
675
+ (_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '加载标注');
672
676
  }
673
677
  }
674
678
  /**
@@ -18,6 +18,7 @@ var HistoryManager = /*#__PURE__*/function () {
18
18
  this.storeHistory = [];
19
19
  this.topo = topo;
20
20
  this.htHistoryManager = htHistoryManager;
21
+ htHistoryManager.clear();
21
22
 
22
23
  _rlog["default"].info('HistoryManager 初始化', htHistoryManager);
23
24
 
@@ -76,6 +77,10 @@ var HistoryManager = /*#__PURE__*/function () {
76
77
  var _this = this;
77
78
 
78
79
  this.htHistoryManager.beginTransaction();
80
+ var displayConfigProperties = [// 单多链路
81
+ 'expandAllEdges', // 节点标注
82
+ 'nodeLabelStyle', // 画布主题
83
+ 'canvasTheme', 'linkTag', 'linkTip', 'nodeTag', 'nodeTip'];
79
84
  var items = [{
80
85
  modelName: 'topoMod',
81
86
  property: 'data'
@@ -83,16 +88,16 @@ var HistoryManager = /*#__PURE__*/function () {
83
88
  {
84
89
  modelName: 'topoMod',
85
90
  property: 'type'
86
- }, {
87
- modelName: 'displayConfig',
88
- property: 'expandAllEdges'
89
- }, {
90
- modelName: 'displayConfig',
91
- property: 'nodeLabelStyle'
92
- }, {
91
+ }].concat(displayConfigProperties.map(function (property) {
92
+ return {
93
+ modelName: 'displayConfig',
94
+ property: property
95
+ };
96
+ }), [// 背景
97
+ {
93
98
  modelName: 'background',
94
99
  property: 'current'
95
- }];
100
+ }]);
96
101
  this.storeHistory = items.map(function (item) {
97
102
  return (0, _extends2["default"])({}, item, {
98
103
  oldValue: _this.topo.store.getModelState(item.modelName)[item.property]
@@ -9,21 +9,17 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
9
9
 
10
10
  var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
11
11
 
12
- var SelectionManager = /*#__PURE__*/function () {
13
- function SelectionManager(topo) {
12
+ var _useHtElements = _interopRequireDefault(require("../common/hooks/useHtElements"));
13
+
14
+ var _ignoreList = _interopRequireDefault(require("./selection/ignoreList"));
15
+
16
+ var SelectionModel = /*#__PURE__*/function () {
17
+ function SelectionModel(topo) {
14
18
  var _this = this;
15
19
 
16
20
  this.topo = null;
17
21
  this.inited = false;
18
22
 
19
- this.setSelection = function (selection) {
20
- var selectionDispatchers = _this.topo.store.getModelDispatchers('selection');
21
-
22
- selectionDispatchers.update({
23
- selection: selection
24
- });
25
- };
26
-
27
23
  this.updateSelection = function () {
28
24
  try {
29
25
  var selectionModel = _this.topo.getSelectionModel();
@@ -32,18 +28,30 @@ var SelectionManager = /*#__PURE__*/function () {
32
28
 
33
29
  var selectionArr = htSelection.map(getElementData); // rlog.info("updateSelection", selectionArr.map((element) => element.id));
34
30
 
35
- _this.setSelection(selectionArr);
31
+ _this.updateStoreSelection(selectionArr);
36
32
  } catch (e) {
37
33
  _rlog["default"].error('updateSelection error', e);
38
34
  }
39
35
  };
40
36
 
37
+ this.updateStoreSelection = function (selection) {
38
+ var selectionDispatchers = _this.topo.store.getModelDispatchers('selection');
39
+
40
+ _this.selectionIds = selection.map(function (item) {
41
+ return item.id;
42
+ });
43
+ selectionDispatchers.update({
44
+ selection: selection,
45
+ selectionIds: _this.selectionIds
46
+ });
47
+ };
48
+
41
49
  this.topo = topo;
42
50
  this.handleSelectionChange = this.handleSelectionChange.bind(this);
43
51
  this.handleDataPropertyChange = this.handleDataPropertyChange.bind(this);
44
52
  }
45
53
 
46
- var _proto = SelectionManager.prototype;
54
+ var _proto = SelectionModel.prototype;
47
55
 
48
56
  _proto.init = function init() {
49
57
  if (this.inited) {
@@ -56,6 +64,11 @@ var SelectionManager = /*#__PURE__*/function () {
56
64
  };
57
65
 
58
66
  _proto.destroy = function destroy() {
67
+ var selectionDispatchers = this.topo.store.getModelDispatchers('selection');
68
+ selectionDispatchers.update({
69
+ selection: [],
70
+ selectionIds: []
71
+ });
59
72
  this.removeListener();
60
73
  };
61
74
 
@@ -66,6 +79,26 @@ var SelectionManager = /*#__PURE__*/function () {
66
79
  return selection;
67
80
  };
68
81
 
82
+ _proto.useHtSelection = function useHtSelection() {
83
+ var _this$topo$store$useM2 = this.topo.store.useModelState('selection'),
84
+ selectionIds = _this$topo$store$useM2.selectionIds;
85
+
86
+ var elements = (0, _useHtElements["default"])({
87
+ topo: this.topo,
88
+ ids: selectionIds
89
+ });
90
+ return elements;
91
+ };
92
+
93
+ _proto.getSelection = function getSelection() {
94
+ var selectionModel = this.topo.getSelectionModel();
95
+ return selectionModel.getSelection().getArray();
96
+ }
97
+ /**
98
+ * 同步选中元素到store
99
+ */
100
+ ;
101
+
69
102
  _proto.handleSelectionChange = function handleSelectionChange(e) {
70
103
  _rlog["default"].info('Selection handleSelectionChange', e);
71
104
 
@@ -76,19 +109,21 @@ var SelectionManager = /*#__PURE__*/function () {
76
109
  var property = e.property,
77
110
  data = e.data;
78
111
 
79
- if (['position', 'childChange', 'a:scale'].indexOf(property) !== -1) {
112
+ if (!this.selectionIds.includes(data.getId())) {
80
113
  return;
81
114
  }
82
115
 
83
- var selectionModel = this.topo.getSelectionModel();
84
- var selectionIds = selectionModel.getSelection().getArray().map(function (item) {
85
- return item.getId();
86
- });
116
+ if (_ignoreList["default"].indexOf(property) !== -1) {
117
+ return;
118
+ }
87
119
 
88
- if (selectionIds.indexOf(data.getId()) > -1) {
89
- // console.info('PropertyChangeListener', e);
90
- this.updateSelection();
120
+ if (!window.aa) {
121
+ window.aa = [];
91
122
  }
123
+
124
+ window.aa.push(e); // console.info('PropertyChangeListener', e);
125
+
126
+ this.updateSelection();
92
127
  };
93
128
 
94
129
  _proto.initListener = function initListener() {
@@ -113,10 +148,10 @@ var SelectionManager = /*#__PURE__*/function () {
113
148
  dataModel.removeDataPropertyChangeListener(this.handleDataPropertyChange);
114
149
  };
115
150
 
116
- return SelectionManager;
151
+ return SelectionModel;
117
152
  }();
118
153
 
119
- exports["default"] = SelectionManager;
154
+ exports["default"] = SelectionModel;
120
155
  ; // 构造元素数据
121
156
 
122
157
  var map = {
@@ -17,6 +17,8 @@ var _componentTopologyUtils = require("@riil-frontend/component-topology-utils")
17
17
 
18
18
  var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
19
19
 
20
+ var _lodash = require("lodash");
21
+
20
22
  var _CiTypeCache = _interopRequireDefault(require("./cache/CiTypeCache"));
21
23
 
22
24
  var _Alarm = _interopRequireDefault(require("./Alarm"));
@@ -49,10 +51,10 @@ var _topoFactory = _interopRequireDefault(require("./topoFactory"));
49
51
 
50
52
  var _ElementTagTipConfig = _interopRequireDefault(require("./tagstips/ElementTagTipConfig"));
51
53
 
52
- var _SelectionManager = _interopRequireDefault(require("./SelectionManager"));
54
+ var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
53
55
 
54
56
  // eslint-disable-next-line no-undef
55
- var version = typeof "6.0.0-alpha.9" === 'string' ? "6.0.0-alpha.9" : null;
57
+ var version = typeof "6.0.1" === 'string' ? "6.0.1" : null;
56
58
  console.info("\u62D3\u6251\u7248\u672C: " + version);
57
59
  /**
58
60
  * 拓扑显示和编辑
@@ -108,7 +110,7 @@ var Topo = /*#__PURE__*/function () {
108
110
 
109
111
  this.test = new _Test["default"](this);
110
112
  this.uid = _topoFactory["default"].add(options.name, this);
111
- this.selectionManager = new _SelectionManager["default"](this);
113
+ this.selectionModel = new _SelectionModel["default"](this);
112
114
  };
113
115
 
114
116
  _proto.destroy = function destroy() {
@@ -270,7 +272,7 @@ var Topo = /*#__PURE__*/function () {
270
272
  switch (_context4.prev = _context4.next) {
271
273
  case 0:
272
274
  _data$groups2 = data.groups, groups = _data$groups2 === void 0 ? [] : _data$groups2, _data$nodes2 = data.nodes, nodes = _data$nodes2 === void 0 ? [] : _data$nodes2, links = data.links, lines = data.lines;
273
- this.view.topoClient.updateElements({
275
+ this.view.topoClient.updateElements((0, _lodash.cloneDeep)({
274
276
  groups: (0, _topoData.formatGroups)(groups),
275
277
  nodes: nodes.map(function (node) {
276
278
  return (0, _extends2["default"])({}, node, {
@@ -284,7 +286,7 @@ var Topo = /*#__PURE__*/function () {
284
286
  dtype: 'link'
285
287
  });
286
288
  })
287
- }); // TODO 更新store,触发属性、指标模型加载,更新指标
289
+ })); // TODO 更新store,触发属性、指标模型加载,更新指标
288
290
 
289
291
  case 2:
290
292
  case "end":
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports["default"] = void 0;
5
+ var _default = ['position', 'childChange', 'a:scale', 'icons', 'a:dataSource', 'a:dataTipSource', 'agentChange', 'a:runtimeStyles', 'a:linkArrow', '*', 'a:link_ind_left_arrow', 'a:link_ind_right_arrow', 'a:link_ind_area', 'a:middle_area', 'a:areaRect', 'a:outAreaRect', 'a:link_ind_area_right'];
6
+ exports["default"] = _default;