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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (398) 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 +8 -16
  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 +13 -37
  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/EditorToolbar.js +16 -9
  44. package/es/core/editor/components/Toolbar/buttons.js +20 -18
  45. package/es/core/editor/components/Toolbar/widgets/AddResourceButton.js +3 -3
  46. package/es/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +3 -3
  47. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/Content.js +46 -2
  48. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +98 -6
  49. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +74 -23
  50. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +1 -3
  51. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +17 -10
  52. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/constants.js +77 -0
  53. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +52 -5
  54. package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +166 -16
  55. package/es/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +42 -0
  56. package/es/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +26 -12
  57. package/es/core/editor/components/Toolbar/widgets/FontSizeWidget.js +37 -12
  58. package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js +92 -39
  59. package/es/core/editor/components/Toolbar/widgets/HistoryRedoButton.js +1 -1
  60. package/es/core/editor/components/Toolbar/widgets/HistoryUndoButton.js +2 -2
  61. package/es/core/editor/components/Toolbar/widgets/IconSelect/IconSelect.js +109 -0
  62. package/es/core/editor/components/Toolbar/widgets/IconSelect/constant.js +64 -0
  63. package/es/core/editor/components/Toolbar/widgets/IconSelect/index.js +101 -0
  64. package/es/core/editor/components/Toolbar/widgets/IconSelect/index.module.scss +153 -0
  65. package/es/core/editor/components/Toolbar/widgets/IconSelect/popUpContent.js +49 -0
  66. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.js +99 -0
  67. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.module.scss +70 -0
  68. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.js +42 -0
  69. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.module.scss +7 -0
  70. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.js +75 -0
  71. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.scss +32 -0
  72. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/Icon.js +23 -0
  73. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/index.js +10 -0
  74. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_circular.svg +10 -0
  75. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_hierarchical.svg +10 -0
  76. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_rectangle.svg +12 -0
  77. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_toward.svg +16 -0
  78. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.js +31 -0
  79. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.module.scss +53 -0
  80. package/es/core/editor/components/Toolbar/widgets/Layout/index.js +130 -15
  81. package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +107 -23
  82. package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss +33 -0
  83. package/es/core/editor/components/Toolbar/widgets/NodeImageButton/BoxBackgroundSetting.js +15 -5
  84. package/es/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +50 -7
  85. package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +99 -15
  86. package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
  87. package/es/core/editor/components/Toolbar/widgets/WidgetBox.js +10 -4
  88. package/es/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +10 -1
  89. package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.js +2 -2
  90. package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss +4 -0
  91. package/es/core/editor/components/Toolbar/widgets/components/DropdownButton.js +19 -8
  92. package/es/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +21 -7
  93. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +52 -0
  94. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/colorUtil.js +67 -0
  95. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +41 -0
  96. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +65 -0
  97. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +65 -0
  98. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/index.js +14 -0
  99. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/layerTitle.js +73 -0
  100. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +69 -0
  101. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +37 -0
  102. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +124 -0
  103. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js +31 -0
  104. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +98 -0
  105. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +20 -0
  106. package/es/core/editor/components/plugins/AddElementThemePlugin.js +11 -0
  107. package/es/core/editor/components/settings/CloseablePanel.js +33 -0
  108. package/es/core/editor/components/settings/CloseablePanel.module.scss +21 -0
  109. package/es/core/editor/components/settings/PropertyView.js +50 -11
  110. package/es/core/editor/components/settings/Settings.js +37 -122
  111. package/es/core/editor/components/settings/Settings.module.scss +7 -11
  112. package/es/core/editor/components/settings/common/AlignSetting/AlignSetting.module.scss +3 -3
  113. package/es/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +80 -0
  114. package/es/core/editor/components/settings/common/AlignSetting/index.js +20 -72
  115. package/es/core/editor/components/settings/common/GroupNodeList/ResourceList.module.scss +1 -0
  116. package/es/core/editor/components/settings/common/LineType/index.js +11 -102
  117. package/es/core/editor/components/settings/common/NameInput.js +24 -0
  118. package/es/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js +3 -3
  119. package/es/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +31 -24
  120. package/es/core/editor/components/settings/common/SizeInput/NodeSizeNumberPicker.js +7 -6
  121. package/es/core/editor/components/settings/common/text/fontStyleUtil.js +21 -19
  122. package/es/core/editor/components/settings/core/PropertyViewManager.js +81 -0
  123. package/es/core/editor/components/settings/core/edgePropertyViewAdapter.js +22 -0
  124. package/es/core/editor/components/settings/core/getPropertyViewType.js +34 -0
  125. package/es/core/editor/components/settings/core/updateElementProperty.js +21 -0
  126. package/es/core/editor/components/settings/propertyViews/box/BoxPropertyView.js +6 -13
  127. package/es/core/editor/components/settings/propertyViews/box/BoxPropertyViewV1.js +58 -0
  128. package/es/core/editor/components/settings/propertyViews/box/NameInput.js +5 -4
  129. package/es/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js +12 -3
  130. package/es/core/editor/components/settings/propertyViews/edge/EdgeGroupPropertyView.js +7 -8
  131. package/es/core/editor/components/settings/propertyViews/edge/EdgePropertyView.js +9 -23
  132. package/es/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +10 -0
  133. package/es/core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting.js +1 -6
  134. package/es/core/editor/components/settings/propertyViews/group/GroupPropertyView.js +13 -21
  135. package/es/core/editor/components/settings/propertyViews/group/GroupPropertyView.module.scss +8 -1
  136. package/es/core/editor/components/settings/propertyViews/group/GroupPropertyViewV1.js +28 -0
  137. package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupBasicSetting.js +75 -0
  138. package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +9 -15
  139. package/es/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js +8 -6
  140. package/es/core/editor/components/settings/propertyViews/index.js +4 -6
  141. package/es/core/editor/components/settings/propertyViews/layer/BasicSetting.js +57 -0
  142. package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyView.js +11 -17
  143. package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyView.module.scss +10 -0
  144. package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyViewV1.js +27 -0
  145. package/es/core/editor/components/settings/propertyViews/multipleElements/BatchSetNodeSize/BatchSetNodeSize.js +8 -9
  146. package/es/core/editor/components/settings/propertyViews/multipleElements/MultipleElementLineType.js +5 -7
  147. package/es/core/editor/components/settings/propertyViews/multipleElements/MultipleElementPropertyView.js +2 -15
  148. package/es/core/editor/components/settings/propertyViews/node/NodePropertyView.js +8 -32
  149. package/es/core/editor/components/settings/propertyViews/node/NodePropertyViewV1.js +53 -0
  150. package/es/core/editor/components/settings/propertyViews/node/Setting/BasicSetting.js +49 -0
  151. package/es/core/editor/components/settings/propertyViews/node/Setting/NameInput.js +5 -4
  152. package/es/core/editor/components/settings/propertyViews/node/data/Data.js +2 -1
  153. package/es/core/editor/components/settings/propertyViews/node/data/NodeRelateResourceButton.js +1 -0
  154. package/es/core/editor/components/settings/propertyViews/text/TextPropertyView.js +5 -20
  155. package/es/core/editor/components/settings/propertyViews/view/BatchSetNodeSize.js +9 -6
  156. package/es/core/editor/components/titlebar/TopoEditorTitleBar.js +8 -4
  157. package/es/core/editor/config/themes.js +105 -0
  158. package/es/core/editor/hooks/useKeyboardShortcut.js +39 -0
  159. package/es/core/editor/hooks/useNewElementTheme.js +46 -0
  160. package/es/core/editor/store/topoEdit.js +44 -37
  161. package/es/core/editor/utils/edgeTypeStyleUtil.js +34 -11
  162. package/es/core/editor/utils/textStyleUtil.js +0 -0
  163. package/es/core/editor/utils/themeUtil.js +32 -0
  164. package/es/core/hooks/useCanvasTheme.js +54 -0
  165. package/es/core/hooks/useManageStatus.js +1 -9
  166. package/es/core/hooks/usePolling.js +2 -5
  167. package/es/core/hooks/useTopoEdit.js +15 -8
  168. package/es/core/models/Alarm.js +2 -2
  169. package/es/core/models/AttributeMetricDisplay.js +4 -0
  170. package/es/core/models/HistoryManager.js +13 -8
  171. package/es/core/models/{SelectionManager.js → SelectionModel.js} +55 -22
  172. package/es/core/models/TopoApp.js +6 -5
  173. package/es/core/models/selection/ignoreList.js +1 -0
  174. package/es/core/models/utils/linkUtils.js +5 -6
  175. package/es/core/store/models/customIcon.js +1 -3
  176. package/es/core/store/models/selection.js +2 -1
  177. package/es/core/store/models/topoBizMod.js +0 -3
  178. package/es/core/store/models/topoConfig.js +10 -12
  179. package/es/core/store/models/topoMod.js +26 -28
  180. package/es/core/utils/edgeUtil.js +6 -0
  181. package/es/core/utils/showGraphManageStatusUtil.js +7 -1
  182. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +18 -13
  183. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +38 -19
  184. package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/WebConsoleForm.js +13 -29
  185. package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +6 -5
  186. package/es/core/viewer/components/plugins/ViewerPlugin.js +10 -4
  187. package/es/core/viewer/components/titlebar/widgets/SettingButton.js +3 -1
  188. package/es/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +4 -2
  189. package/es/networkTopo/components/editor/propertyViews/edge/EdgeGroupPropertyView.js +2 -1
  190. package/es/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +39 -6
  191. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +10 -16
  192. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +37 -0
  193. package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +1 -1
  194. package/es/networkTopo/components/editor/useEditorProps.js +1 -3
  195. package/es/networkTopo/createTopo.js +2 -0
  196. package/es/networkTopo/models/LinkDynamicStyleExecutor.js +2 -2
  197. package/es/networkTopo/services/link.js +2 -2
  198. package/es/networkTopo/store/topoTreeMod.js +6 -7
  199. package/es/style.js +28 -27
  200. package/es/utils/htElementUtils.js +3 -0
  201. package/es/utils/topoData.js +1 -0
  202. package/lib/components/ColorPanel/components/ColorBlock/index.js +47 -0
  203. package/lib/components/ColorPanel/components/ColorBlock/index.module.scss +9 -0
  204. package/lib/components/ColorPanel/components/FontColorRange/index.js +49 -0
  205. package/lib/components/ColorPanel/components/FontColorRange/index.module.scss +25 -0
  206. package/lib/components/ColorPanel/index.js +278 -0
  207. package/lib/components/ColorPanel/index.module.scss +35 -0
  208. package/lib/components/VerticalIconTab/VerticalIconTab.js +14 -1
  209. package/lib/components/VerticalIconTab/VerticalIconTab.module.scss +2 -0
  210. package/lib/components/collapse/Collapse.js +28 -3
  211. package/lib/components/collapse/Collapse.module.scss +24 -0
  212. package/lib/components/collapse/index.js +11 -0
  213. package/lib/core/common/hooks/useHtElements.js +27 -0
  214. package/lib/core/common/icons/icon.js +47 -0
  215. package/lib/core/common/icons/useIcons.js +10 -15
  216. package/lib/core/components/AlarmListPanel/components/AlarmListItem.js +14 -13
  217. package/lib/core/components/AlarmListPanel/components/index.module.scss +5 -5
  218. package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -1
  219. package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +10 -3
  220. package/lib/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +147 -0
  221. package/lib/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +0 -3
  222. package/lib/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +84 -22
  223. package/lib/core/components/TopoView/GraphViewPanel.js +32 -0
  224. package/lib/core/components/TopoView/editor.module.scss +1 -0
  225. package/lib/core/components/TopoView/topoView.js +36 -67
  226. package/lib/core/components/titlebar/TitleBar.module.scss +1 -1
  227. package/lib/core/editor/components/EditorPlugin.js +26 -2
  228. package/lib/core/editor/components/Sidebar/Sidebar.js +28 -6
  229. package/lib/core/editor/components/Sidebar/panes.js +10 -5
  230. package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +14 -38
  231. package/lib/core/editor/components/Sidebar/views/CanvasPanel/hooks/useCanvasThemeConfig.js +123 -0
  232. package/lib/core/editor/components/Sidebar/views/CanvasPanel/hooks/useUpdateHtTopoDefaultTagStyle.js +37 -0
  233. package/lib/core/editor/components/Sidebar/views/CanvasPanel/utils/elementThemeUtil.js +1 -0
  234. package/lib/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +1 -1
  235. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +13 -1
  236. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +13 -1
  237. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +3 -3
  238. package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +36 -12
  239. package/lib/core/editor/components/Toolbar/EditorToolbar.js +14 -7
  240. package/lib/core/editor/components/Toolbar/buttons.js +21 -20
  241. package/lib/core/editor/components/Toolbar/widgets/AddResourceButton.js +3 -3
  242. package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +3 -3
  243. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/Content.js +48 -2
  244. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +100 -6
  245. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +73 -22
  246. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +1 -3
  247. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +18 -8
  248. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/constants.js +83 -0
  249. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +53 -4
  250. package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +172 -16
  251. package/lib/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +42 -0
  252. package/lib/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +27 -11
  253. package/lib/core/editor/components/Toolbar/widgets/FontSizeWidget.js +38 -11
  254. package/lib/core/editor/components/Toolbar/widgets/FontStyleButton.js +96 -39
  255. package/lib/core/editor/components/Toolbar/widgets/HistoryRedoButton.js +1 -1
  256. package/lib/core/editor/components/Toolbar/widgets/HistoryUndoButton.js +2 -2
  257. package/lib/core/editor/components/Toolbar/widgets/IconSelect/IconSelect.js +126 -0
  258. package/lib/core/editor/components/Toolbar/widgets/IconSelect/constant.js +69 -0
  259. package/lib/core/editor/components/Toolbar/widgets/IconSelect/index.js +117 -0
  260. package/lib/core/editor/components/Toolbar/widgets/IconSelect/index.module.scss +153 -0
  261. package/lib/core/editor/components/Toolbar/widgets/IconSelect/popUpContent.js +61 -0
  262. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.js +116 -0
  263. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.module.scss +70 -0
  264. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.js +55 -0
  265. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.module.scss +7 -0
  266. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.js +93 -0
  267. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.scss +32 -0
  268. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/Icon.js +32 -0
  269. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/index.js +22 -0
  270. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_circular.svg +10 -0
  271. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_hierarchical.svg +10 -0
  272. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_rectangle.svg +12 -0
  273. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_toward.svg +16 -0
  274. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.js +44 -0
  275. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.module.scss +53 -0
  276. package/lib/core/editor/components/Toolbar/widgets/Layout/index.js +135 -16
  277. package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +110 -23
  278. package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss +33 -0
  279. package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/BoxBackgroundSetting.js +21 -5
  280. package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +50 -6
  281. package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +100 -14
  282. package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
  283. package/lib/core/editor/components/Toolbar/widgets/WidgetBox.js +13 -4
  284. package/lib/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +10 -1
  285. package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.js +2 -2
  286. package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss +4 -0
  287. package/lib/core/editor/components/Toolbar/widgets/components/DropdownButton.js +19 -8
  288. package/lib/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +22 -7
  289. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +66 -0
  290. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/colorUtil.js +82 -0
  291. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +58 -0
  292. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +86 -0
  293. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +88 -0
  294. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/index.js +28 -0
  295. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/layerTitle.js +90 -0
  296. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +90 -0
  297. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +54 -0
  298. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +141 -0
  299. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js +46 -0
  300. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +111 -0
  301. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +31 -0
  302. package/lib/core/editor/components/plugins/AddElementThemePlugin.js +20 -0
  303. package/lib/core/editor/components/settings/CloseablePanel.js +46 -0
  304. package/lib/core/editor/components/settings/CloseablePanel.module.scss +21 -0
  305. package/lib/core/editor/components/settings/PropertyView.js +59 -12
  306. package/lib/core/editor/components/settings/Settings.js +40 -122
  307. package/lib/core/editor/components/settings/Settings.module.scss +7 -11
  308. package/lib/core/editor/components/settings/common/AlignSetting/AlignSetting.module.scss +3 -3
  309. package/lib/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +97 -0
  310. package/lib/core/editor/components/settings/common/AlignSetting/index.js +21 -80
  311. package/lib/core/editor/components/settings/common/GroupNodeList/ResourceList.module.scss +1 -0
  312. package/lib/core/editor/components/settings/common/LineType/index.js +11 -109
  313. package/lib/core/editor/components/settings/common/NameInput.js +38 -0
  314. package/lib/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js +2 -2
  315. package/lib/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +32 -26
  316. package/lib/core/editor/components/settings/common/SizeInput/NodeSizeNumberPicker.js +6 -6
  317. package/lib/core/editor/components/settings/common/text/fontStyleUtil.js +25 -20
  318. package/lib/core/editor/components/settings/core/PropertyViewManager.js +91 -0
  319. package/lib/core/editor/components/settings/core/edgePropertyViewAdapter.js +33 -0
  320. package/lib/core/editor/components/settings/core/getPropertyViewType.js +40 -0
  321. package/lib/core/editor/components/settings/core/updateElementProperty.js +27 -0
  322. package/lib/core/editor/components/settings/propertyViews/box/BoxPropertyView.js +6 -13
  323. package/lib/core/editor/components/settings/propertyViews/box/BoxPropertyViewV1.js +76 -0
  324. package/lib/core/editor/components/settings/propertyViews/box/NameInput.js +6 -5
  325. package/lib/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js +15 -3
  326. package/lib/core/editor/components/settings/propertyViews/edge/EdgeGroupPropertyView.js +9 -12
  327. package/lib/core/editor/components/settings/propertyViews/edge/EdgePropertyView.js +7 -23
  328. package/lib/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +19 -0
  329. package/lib/core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting.js +1 -6
  330. package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyView.js +14 -25
  331. package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyView.module.scss +8 -1
  332. package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyViewV1.js +43 -0
  333. package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupBasicSetting.js +98 -0
  334. package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +8 -14
  335. package/lib/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js +9 -7
  336. package/lib/core/editor/components/settings/propertyViews/index.js +4 -9
  337. package/lib/core/editor/components/settings/propertyViews/layer/BasicSetting.js +75 -0
  338. package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyView.js +12 -20
  339. package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyView.module.scss +10 -0
  340. package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyViewV1.js +40 -0
  341. package/lib/core/editor/components/settings/propertyViews/multipleElements/BatchSetNodeSize/BatchSetNodeSize.js +6 -8
  342. package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementLineType.js +4 -6
  343. package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementPropertyView.js +2 -15
  344. package/lib/core/editor/components/settings/propertyViews/node/NodePropertyView.js +8 -35
  345. package/lib/core/editor/components/settings/propertyViews/node/NodePropertyViewV1.js +68 -0
  346. package/lib/core/editor/components/settings/propertyViews/node/Setting/BasicSetting.js +64 -0
  347. package/lib/core/editor/components/settings/propertyViews/node/Setting/NameInput.js +6 -5
  348. package/lib/core/editor/components/settings/propertyViews/node/data/Data.js +2 -1
  349. package/lib/core/editor/components/settings/propertyViews/node/data/NodeRelateResourceButton.js +1 -0
  350. package/lib/core/editor/components/settings/propertyViews/text/TextPropertyView.js +5 -20
  351. package/lib/core/editor/components/settings/propertyViews/view/BatchSetNodeSize.js +7 -5
  352. package/lib/core/editor/components/titlebar/TopoEditorTitleBar.js +9 -1
  353. package/lib/core/editor/config/themes.js +114 -0
  354. package/lib/core/editor/hooks/useKeyboardShortcut.js +49 -0
  355. package/lib/core/editor/hooks/useNewElementTheme.js +57 -0
  356. package/lib/core/editor/store/topoEdit.js +46 -40
  357. package/lib/core/editor/utils/edgeTypeStyleUtil.js +38 -11
  358. package/lib/core/editor/utils/textStyleUtil.js +1 -0
  359. package/lib/core/editor/utils/themeUtil.js +39 -0
  360. package/lib/core/hooks/useCanvasTheme.js +68 -0
  361. package/lib/core/hooks/useManageStatus.js +1 -9
  362. package/lib/core/hooks/usePolling.js +2 -5
  363. package/lib/core/hooks/useTopoEdit.js +16 -8
  364. package/lib/core/models/Alarm.js +2 -2
  365. package/lib/core/models/AttributeMetricDisplay.js +4 -0
  366. package/lib/core/models/HistoryManager.js +13 -8
  367. package/lib/core/models/{SelectionManager.js → SelectionModel.js} +57 -22
  368. package/lib/core/models/TopoApp.js +7 -5
  369. package/lib/core/models/selection/ignoreList.js +6 -0
  370. package/lib/core/models/utils/linkUtils.js +5 -6
  371. package/lib/core/store/models/customIcon.js +1 -3
  372. package/lib/core/store/models/selection.js +2 -1
  373. package/lib/core/store/models/topoBizMod.js +0 -3
  374. package/lib/core/store/models/topoConfig.js +9 -18
  375. package/lib/core/store/models/topoMod.js +27 -29
  376. package/lib/core/utils/edgeUtil.js +6 -0
  377. package/lib/core/utils/showGraphManageStatusUtil.js +7 -1
  378. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +18 -13
  379. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +38 -19
  380. package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/WebConsoleForm.js +13 -29
  381. package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +6 -5
  382. package/lib/core/viewer/components/plugins/ViewerPlugin.js +11 -3
  383. package/lib/core/viewer/components/titlebar/widgets/SettingButton.js +3 -1
  384. package/lib/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +4 -2
  385. package/lib/networkTopo/components/editor/propertyViews/edge/EdgeGroupPropertyView.js +1 -0
  386. package/lib/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +45 -7
  387. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +10 -18
  388. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +50 -0
  389. package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +1 -1
  390. package/lib/networkTopo/components/editor/useEditorProps.js +1 -4
  391. package/lib/networkTopo/createTopo.js +3 -0
  392. package/lib/networkTopo/models/LinkDynamicStyleExecutor.js +2 -2
  393. package/lib/networkTopo/services/link.js +2 -2
  394. package/lib/networkTopo/store/topoTreeMod.js +6 -8
  395. package/lib/style.js +28 -27
  396. package/lib/utils/htElementUtils.js +5 -0
  397. package/lib/utils/topoData.js +1 -0
  398. package/package.json +5 -4
@@ -29,15 +29,6 @@ function mergeManageStatus(cis, manageStatusDatas) {
29
29
 
30
30
  export default function useManageStatus(props) {
31
31
  var topo = props.topo;
32
-
33
- var _topo$store$useModel = topo.store.useModel('topoMod'),
34
- topoState = _topo$store$useModel[0],
35
- topoDispatchers = _topo$store$useModel[1];
36
-
37
- var graphLoaded = topoState.graphLoaded,
38
- viewState = topoState.viewState;
39
- var isEditMode = viewState === 'edit';
40
- var resources = topo.dataModel.useCis();
41
32
  useTopoEventListener({
42
33
  type: 'manageStatus',
43
34
  onMessage: function onMessage(manageStatusDatas) {
@@ -50,6 +41,7 @@ export default function useManageStatus(props) {
50
41
  linkGroups: mergeManageStatus(topoData.linkGroups, manageStatusDatas)
51
42
  });
52
43
 
44
+ var topoDispatchers = topo.store.getModelDispatchers('topoMod');
53
45
  topoDispatchers.update({
54
46
  data: newData
55
47
  });
@@ -61,11 +61,8 @@ var usePolling = function usePolling(props) {
61
61
 
62
62
 
63
63
  useEffect(function () {
64
- var isViewer = topoState.viewState === 'view';
65
-
66
- if (topo.options.enableDefaultMetricLoader && isViewer) {
64
+ if (topo.options.enableDefaultMetricLoader) {
67
65
  rlog.debug('usePolling.useEffect: 开始轮询', {
68
- isViewer: isViewer,
69
66
  pollingSwitch: pollingSwitch,
70
67
  resIdsList: resIdsList,
71
68
  resourceOverviewState: resourceOverviewState,
@@ -80,7 +77,7 @@ var usePolling = function usePolling(props) {
80
77
  stopPoll();
81
78
  }
82
79
  };
83
- }, [topoState.viewState, pollingSwitch, resIdsList, displayConfig, resourceOverviewState.id, resourceOverviewState.metricCodes]);
80
+ }, [pollingSwitch, resIdsList, displayConfig, resourceOverviewState.id, resourceOverviewState.metricCodes]);
84
81
  /**
85
82
  *
86
83
  * @returns {{id, attributes: object[], metrics: object[]}[]} 属性和指标
@@ -73,6 +73,10 @@ var useTopoEdit = function useTopoEdit(params) {
73
73
  var onExitEdit = function onExitEdit() {// editDispatchers.switchToViewMode(topoId);
74
74
  };
75
75
 
76
+ var reset = function reset() {
77
+ topoEditDispatchers.reset();
78
+ };
79
+
76
80
  var onBindData = function onBindData(eventData) {};
77
81
  /**
78
82
  * 增加资源到视图
@@ -589,17 +593,17 @@ var useTopoEdit = function useTopoEdit(params) {
589
593
  layer: group,
590
594
  newElements: newElements
591
595
  });
592
- topo.getHtTopo().addElements(newElements);
593
- topo.fitContent(false, 0); // 临时放这里,仅拓扑中心有
596
+ topo.getHtTopo().addElements(newElements); // 临时放这里,仅拓扑中心有
594
597
 
595
598
  if (topo.linkDynamicStyleExecutor) {
596
599
  topo.linkDynamicStyleExecutor.execute();
597
600
  }
598
601
 
599
- topo.historyManager.endTransaction(); // 添加资源后隐藏资源面板
602
+ topo.historyManager.endTransaction();
603
+ topo.getHtTopo().fitContent(); // 添加资源后隐藏资源面板
600
604
 
601
605
  topoEditDispatchers.update({
602
- resourceTabactiveKey: null
606
+ resourceTabActiveKey: null
603
607
  });
604
608
 
605
609
  case 14:
@@ -689,10 +693,10 @@ var useTopoEdit = function useTopoEdit(params) {
689
693
  return bindViewResources(data);
690
694
 
691
695
  case 9:
692
- topo.fitContent(false, 0);
693
696
  topo.historyManager.endTransaction();
697
+ topo.getHtTopo().fitContent();
694
698
  topoEditDispatchers.update({
695
- resourceTabactiveKey: null
699
+ resourceTabActiveKey: null
696
700
  });
697
701
 
698
702
  case 12:
@@ -1084,12 +1088,14 @@ var useTopoEdit = function useTopoEdit(params) {
1084
1088
  * 设置视图鼠标模式
1085
1089
  */
1086
1090
 
1087
- var setViewMouseMode = useCallback(function (mode) {
1091
+ var setViewMouseMode = function setViewMouseMode(mode) {
1092
+ rlog.debug('设置视图鼠标模式', mode);
1088
1093
  topo.getHtTopo().setViewMouseMode(mode);
1089
1094
  topoEditDispatchers.update({
1090
1095
  viewMouseMode: mode
1091
1096
  });
1092
- }, []);
1097
+ };
1098
+
1093
1099
  return {
1094
1100
  resourceConfig: resourceConfig,
1095
1101
 
@@ -1129,6 +1135,7 @@ var useTopoEdit = function useTopoEdit(params) {
1129
1135
  * 退出编辑模式回调
1130
1136
  */
1131
1137
  onExitEdit: onExitEdit,
1138
+ reset: reset,
1132
1139
  addLayerResources: addLayerResources,
1133
1140
 
1134
1141
  /**
@@ -416,7 +416,7 @@ var Alarm = /*#__PURE__*/function () {
416
416
 
417
417
  case 8:
418
418
  _context6.next = 10;
419
- return topoService.openTopoAlarm(id);
419
+ return this.topo.serverApi.openTopoAlarm(id);
420
420
 
421
421
  case 10:
422
422
  this.secretKey = _context6.sent;
@@ -482,7 +482,7 @@ var Alarm = /*#__PURE__*/function () {
482
482
  alarmPanelIsOpen: false
483
483
  });
484
484
  _context7.next = 9;
485
- return topoService.closeTopoAlarm(id, this.secretKey);
485
+ return this.topo.serverApi.closeTopoAlarm(id, this.secretKey);
486
486
 
487
487
  case 9:
488
488
  case "end":
@@ -650,7 +650,11 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
650
650
  var htTopo = topo.getHtTopo();
651
651
 
652
652
  if (htTopo) {
653
+ var _topo$historyManager, _topo$historyManager2;
654
+
655
+ (_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.setDisabled(true, '加载标注');
653
656
  htTopo.loadTagAndTip(JSON.parse(JSON.stringify(elementTagsAndTips)));
657
+ (_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '加载标注');
654
658
  }
655
659
  }
656
660
  /**
@@ -9,6 +9,7 @@ var HistoryManager = /*#__PURE__*/function () {
9
9
  this.storeHistory = [];
10
10
  this.topo = topo;
11
11
  this.htHistoryManager = htHistoryManager;
12
+ htHistoryManager.clear();
12
13
  rlog.info('HistoryManager 初始化', htHistoryManager);
13
14
  this.updateStore = this.updateStore.bind(this);
14
15
  this.init();
@@ -64,6 +65,10 @@ var HistoryManager = /*#__PURE__*/function () {
64
65
  var _this = this;
65
66
 
66
67
  this.htHistoryManager.beginTransaction();
68
+ var displayConfigProperties = [// 单多链路
69
+ 'expandAllEdges', // 节点标注
70
+ 'nodeLabelStyle', // 画布主题
71
+ 'canvasTheme', 'linkTag', 'linkTip', 'nodeTag', 'nodeTip'];
67
72
  var items = [{
68
73
  modelName: 'topoMod',
69
74
  property: 'data'
@@ -71,16 +76,16 @@ var HistoryManager = /*#__PURE__*/function () {
71
76
  {
72
77
  modelName: 'topoMod',
73
78
  property: 'type'
74
- }, {
75
- modelName: 'displayConfig',
76
- property: 'expandAllEdges'
77
- }, {
78
- modelName: 'displayConfig',
79
- property: 'nodeLabelStyle'
80
- }, {
79
+ }].concat(displayConfigProperties.map(function (property) {
80
+ return {
81
+ modelName: 'displayConfig',
82
+ property: property
83
+ };
84
+ }), [// 背景
85
+ {
81
86
  modelName: 'background',
82
87
  property: 'current'
83
- }];
88
+ }]);
84
89
  this.storeHistory = items.map(function (item) {
85
90
  return _extends({}, item, {
86
91
  oldValue: _this.topo.store.getModelState(item.modelName)[item.property]
@@ -1,21 +1,15 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import rlog from '@riil-frontend/component-topology-utils/es/rlog';
3
+ import useHtElements from "../common/hooks/useHtElements";
4
+ import ignoreList from "./selection/ignoreList";
3
5
 
4
- var SelectionManager = /*#__PURE__*/function () {
5
- function SelectionManager(topo) {
6
+ var SelectionModel = /*#__PURE__*/function () {
7
+ function SelectionModel(topo) {
6
8
  var _this = this;
7
9
 
8
10
  this.topo = null;
9
11
  this.inited = false;
10
12
 
11
- this.setSelection = function (selection) {
12
- var selectionDispatchers = _this.topo.store.getModelDispatchers('selection');
13
-
14
- selectionDispatchers.update({
15
- selection: selection
16
- });
17
- };
18
-
19
13
  this.updateSelection = function () {
20
14
  try {
21
15
  var selectionModel = _this.topo.getSelectionModel();
@@ -24,18 +18,30 @@ var SelectionManager = /*#__PURE__*/function () {
24
18
 
25
19
  var selectionArr = htSelection.map(getElementData); // rlog.info("updateSelection", selectionArr.map((element) => element.id));
26
20
 
27
- _this.setSelection(selectionArr);
21
+ _this.updateStoreSelection(selectionArr);
28
22
  } catch (e) {
29
23
  rlog.error('updateSelection error', e);
30
24
  }
31
25
  };
32
26
 
27
+ this.updateStoreSelection = function (selection) {
28
+ var selectionDispatchers = _this.topo.store.getModelDispatchers('selection');
29
+
30
+ _this.selectionIds = selection.map(function (item) {
31
+ return item.id;
32
+ });
33
+ selectionDispatchers.update({
34
+ selection: selection,
35
+ selectionIds: _this.selectionIds
36
+ });
37
+ };
38
+
33
39
  this.topo = topo;
34
40
  this.handleSelectionChange = this.handleSelectionChange.bind(this);
35
41
  this.handleDataPropertyChange = this.handleDataPropertyChange.bind(this);
36
42
  }
37
43
 
38
- var _proto = SelectionManager.prototype;
44
+ var _proto = SelectionModel.prototype;
39
45
 
40
46
  _proto.init = function init() {
41
47
  if (this.inited) {
@@ -48,6 +54,11 @@ var SelectionManager = /*#__PURE__*/function () {
48
54
  };
49
55
 
50
56
  _proto.destroy = function destroy() {
57
+ var selectionDispatchers = this.topo.store.getModelDispatchers('selection');
58
+ selectionDispatchers.update({
59
+ selection: [],
60
+ selectionIds: []
61
+ });
51
62
  this.removeListener();
52
63
  };
53
64
 
@@ -58,6 +69,26 @@ var SelectionManager = /*#__PURE__*/function () {
58
69
  return selection;
59
70
  };
60
71
 
72
+ _proto.useHtSelection = function useHtSelection() {
73
+ var _this$topo$store$useM2 = this.topo.store.useModelState('selection'),
74
+ selectionIds = _this$topo$store$useM2.selectionIds;
75
+
76
+ var elements = useHtElements({
77
+ topo: this.topo,
78
+ ids: selectionIds
79
+ });
80
+ return elements;
81
+ };
82
+
83
+ _proto.getSelection = function getSelection() {
84
+ var selectionModel = this.topo.getSelectionModel();
85
+ return selectionModel.getSelection().getArray();
86
+ }
87
+ /**
88
+ * 同步选中元素到store
89
+ */
90
+ ;
91
+
61
92
  _proto.handleSelectionChange = function handleSelectionChange(e) {
62
93
  rlog.info('Selection handleSelectionChange', e);
63
94
  this.updateSelection();
@@ -67,19 +98,21 @@ var SelectionManager = /*#__PURE__*/function () {
67
98
  var property = e.property,
68
99
  data = e.data;
69
100
 
70
- if (['position', 'childChange', 'a:scale'].indexOf(property) !== -1) {
101
+ if (!this.selectionIds.includes(data.getId())) {
71
102
  return;
72
103
  }
73
104
 
74
- var selectionModel = this.topo.getSelectionModel();
75
- var selectionIds = selectionModel.getSelection().getArray().map(function (item) {
76
- return item.getId();
77
- });
105
+ if (ignoreList.indexOf(property) !== -1) {
106
+ return;
107
+ }
78
108
 
79
- if (selectionIds.indexOf(data.getId()) > -1) {
80
- // console.info('PropertyChangeListener', e);
81
- this.updateSelection();
109
+ if (!window.aa) {
110
+ window.aa = [];
82
111
  }
112
+
113
+ window.aa.push(e); // console.info('PropertyChangeListener', e);
114
+
115
+ this.updateSelection();
83
116
  };
84
117
 
85
118
  _proto.initListener = function initListener() {
@@ -102,10 +135,10 @@ var SelectionManager = /*#__PURE__*/function () {
102
135
  dataModel.removeDataPropertyChangeListener(this.handleDataPropertyChange);
103
136
  };
104
137
 
105
- return SelectionManager;
138
+ return SelectionModel;
106
139
  }();
107
140
 
108
- export { SelectionManager as default };
141
+ export { SelectionModel as default };
109
142
  ; // 构造元素数据
110
143
 
111
144
  var map = {
@@ -4,6 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
4
4
  import topoService from '@riil-frontend/component-topology-common/es/services/topo';
5
5
  import { setRequest } from '@riil-frontend/component-topology-utils';
6
6
  import rlog from '@riil-frontend/component-topology-utils/es/rlog';
7
+ import { cloneDeep } from 'lodash';
7
8
  import CiTypeCache from "./cache/CiTypeCache";
8
9
  import Alarm from "./Alarm";
9
10
  import TopoGraphView from "./TopoGraphView";
@@ -20,9 +21,9 @@ import { updateEdgeExpanded } from "../utils/edgeUtil";
20
21
  import PluginManager from "./PluginManager";
21
22
  import topoFactory from "./topoFactory";
22
23
  import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
23
- import SelectionManager from "./SelectionManager"; // eslint-disable-next-line no-undef
24
+ import SelectionModel from "./SelectionModel"; // eslint-disable-next-line no-undef
24
25
 
25
- var version = typeof "6.0.0-alpha.8" === 'string' ? "6.0.0-alpha.8" : null;
26
+ var version = typeof "6.0.1" === 'string' ? "6.0.1" : null;
26
27
  console.info("\u62D3\u6251\u7248\u672C: " + version);
27
28
  /**
28
29
  * 拓扑显示和编辑
@@ -78,7 +79,7 @@ var Topo = /*#__PURE__*/function () {
78
79
 
79
80
  this.test = new Test(this);
80
81
  this.uid = topoFactory.add(options.name, this);
81
- this.selectionManager = new SelectionManager(this);
82
+ this.selectionModel = new SelectionModel(this);
82
83
  };
83
84
 
84
85
  _proto.destroy = function destroy() {
@@ -241,7 +242,7 @@ var Topo = /*#__PURE__*/function () {
241
242
  switch (_context4.prev = _context4.next) {
242
243
  case 0:
243
244
  _data$groups2 = data.groups, groups = _data$groups2 === void 0 ? [] : _data$groups2, _data$nodes2 = data.nodes, nodes = _data$nodes2 === void 0 ? [] : _data$nodes2, links = data.links, lines = data.lines;
244
- this.view.topoClient.updateElements({
245
+ this.view.topoClient.updateElements(cloneDeep({
245
246
  groups: formatGroups(groups),
246
247
  nodes: nodes.map(function (node) {
247
248
  return _extends({}, node, {
@@ -255,7 +256,7 @@ var Topo = /*#__PURE__*/function () {
255
256
  dtype: 'link'
256
257
  });
257
258
  })
258
- }); // TODO 更新store,触发属性、指标模型加载,更新指标
259
+ })); // TODO 更新store,触发属性、指标模型加载,更新指标
259
260
 
260
261
  case 2:
261
262
  case "end":
@@ -0,0 +1 @@
1
+ export default ['position', 'childChange', 'a:scale', 'icons', 'a:dataSource', 'a:dataTipSource', 'agentChange', 'a:runtimeStyles', 'a:linkArrow', '*', 'a:link_ind_left_arrow', 'a:link_ind_right_arrow', 'a:link_ind_area', 'a:middle_area', 'a:areaRect', 'a:outAreaRect', 'a:link_ind_area_right'];
@@ -31,7 +31,7 @@ export function isCrucialLink(link) {
31
31
  */
32
32
 
33
33
  export function isExitLink(link) {
34
- return (link === null || link === void 0 ? void 0 : link.attributes) && !(link !== null && link !== void 0 && link.attributes['network_link.destination_device_id']);
34
+ return (link === null || link === void 0 ? void 0 : link.attributes) && !(link !== null && link !== void 0 && link.attributes['destination_id']);
35
35
  }
36
36
  export function isAggLink(link) {
37
37
  return link.attributes["network_link.connect_type"] === "agg";
@@ -176,7 +176,7 @@ function _getLinksDetail() {
176
176
 
177
177
  export function buildTopoLinkData() {}
178
178
  export var compatibleWith = function compatibleWith(value) {
179
- console.log("compatibleWith", value);
179
+ // console.log("compatibleWith",value);
180
180
  var pluralType = value !== null && value !== void 0 ? value : 2;
181
181
 
182
182
  if (value === false) {
@@ -200,8 +200,8 @@ export var showLinkByConfig = function showLinkByConfig(props) {
200
200
  var _plurals$compatibleWi;
201
201
 
202
202
  var topo = props.topo,
203
- showType = props.showType;
204
- console.log("showLinkByConfig-----------------------------", props, showType); //const displayConfig = topo.store.getModelState("displayConfig");
203
+ showType = props.showType; // console.log("showLinkByConfig-----------------------------", props, showType);
204
+ //const displayConfig = topo.store.getModelState("displayConfig");
205
205
 
206
206
  var types = (_plurals$compatibleWi = plurals[compatibleWith(showType)]) !== null && _plurals$compatibleWi !== void 0 ? _plurals$compatibleWi : []; // 查询所有连线
207
207
 
@@ -210,8 +210,7 @@ export var showLinkByConfig = function showLinkByConfig(props) {
210
210
  var edges = getEdges(dm); // console.log("edges", edges);
211
211
 
212
212
  var showPhy = types.indexOf("phy") >= 0;
213
- var showAgg = types.indexOf("agg") >= 0;
214
- console.log("edges----types", showType, types, showPhy, showAgg);
213
+ var showAgg = types.indexOf("agg") >= 0; // console.log("edges----types",showType, types,showPhy, showAgg);
215
214
 
216
215
  if (Array.isArray(edges) && edges.length > 0) {
217
216
  edges.map(function (edge) {
@@ -108,10 +108,8 @@ export default function (engine) {
108
108
 
109
109
  case 2:
110
110
  icons = _context2.sent;
111
- // 通知ht
112
- engine.view.topoClient.emitEvent('topo_shape_load', getEditorIcons(engine));
113
111
 
114
- case 4:
112
+ case 3:
115
113
  case "end":
116
114
  return _context2.stop();
117
115
  }
@@ -9,7 +9,8 @@ import rlog from '@riil-frontend/component-topology-utils/es/rlog';
9
9
  export default {
10
10
  // 定义 model 的初始 state
11
11
  state: {
12
- selection: []
12
+ selection: [],
13
+ selectionIds: []
13
14
  },
14
15
  // 定义改变该模型状态的纯函数
15
16
  reducers: {
@@ -13,9 +13,6 @@ export default function (engine) {
13
13
  allCiSet: {},
14
14
  ciSetDoc: {},
15
15
  pollingSwitch: false,
16
- // alarmDoc: {},
17
- // alarmRecord: [],
18
- setConfig: null,
19
16
 
20
17
  /**
21
18
  * 资源和链路的属性、指标,格式见:https://shimo.im/docs/VKt3HCKHYgJ9kvGP#anchor-PFq4
@@ -314,7 +314,7 @@ export default function (topoApp) {
314
314
  while (1) {
315
315
  switch (_context4.prev = _context4.next) {
316
316
  case 0:
317
- rlog.debug("getTopoByConditions--------", params);
317
+ // rlog.debug("getTopoByConditions--------", params);
318
318
  topoId = params.id, resources = params.resources, groups = params.groups, exportLinkIdList = params.exportLinkIdList;
319
319
  viewConditions = resToConditions(resources);
320
320
  groupInfo = isAvailableArray(groups) && groups.map(function (group) {
@@ -322,24 +322,22 @@ export default function (topoApp) {
322
322
  layout: getLayoutId(group.layout),
323
323
  resources: resToConditions(group.resources)
324
324
  });
325
- });
326
- rlog.debug("getTopoByConditions--------", viewConditions, groupInfo);
327
- _context4.next = 7;
325
+ }); // rlog.debug("getTopoByConditions--------", viewConditions, groupInfo);
326
+
327
+ _context4.next = 5;
328
328
  return topoService.getTopoDataByResource(topoId, viewConditions, groupInfo, exportLinkIdList);
329
329
 
330
- case 7:
330
+ case 5:
331
331
  data = _context4.sent;
332
- rlog.debug("getTopoByConditions--------data", data);
333
- _context4.next = 11;
332
+ _context4.next = 8;
334
333
  return buildTopoData(data);
335
334
 
336
- case 11:
335
+ case 8:
337
336
  data = _context4.sent;
338
- rlog.debug("getTopoByConditions--------", data, groupInfo);
339
- _context4.next = 15;
337
+ _context4.next = 11;
340
338
  return Promise.all([topoApp.ciTyeCache.getCiTypeMap(getCiTypes(data)), dispatch.customIcon.loadCustomIcons()]);
341
339
 
342
- case 15:
340
+ case 11:
343
341
  _yield$Promise$all = _context4.sent;
344
342
  ciTypeMap = _yield$Promise$all[0];
345
343
  _combTopoData = combTopoData({
@@ -367,7 +365,7 @@ export default function (topoApp) {
367
365
  topoDataTrans: topoDataTrans
368
366
  });
369
367
 
370
- case 23:
368
+ case 19:
371
369
  case "end":
372
370
  return _context4.stop();
373
371
  }
@@ -1,8 +1,8 @@
1
1
  import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _regeneratorRuntime from "@babel/runtime/regenerator";
4
- import topoService from "@riil-frontend/component-topology-common/es/services/topo";
5
4
  import moment from "moment";
5
+ import topoService from "@riil-frontend/component-topology-common/es/services/topo";
6
6
  import rlog from "@riil-frontend/component-topology-utils/es/rlog";
7
7
  import { combTopoData, getCiTypes, parseTopoData } from "../../../utils/topoData";
8
8
  import { loopTreeByKey } from "../../../utils/tree";
@@ -302,7 +302,7 @@ export default function (topoApp) {
302
302
  return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
303
303
  var _result$config;
304
304
 
305
- var startTime, topoId, data, linkToData, refresh, clear, linkTo, startState, permission, result, topoConfig, _yield$Promise$all, ciTypeMap, customIcons, xxx, extraConfig, _combTopoData, topoData, resAndMetrics, endTime;
305
+ var startTime, topoId, data, linkToData, refresh, clear, linkTo, startState, permission, result, graphConfig, topoConfig, _yield$Promise$all, ciTypeMap, customIcons, xxx, extraConfig, _combTopoData, topoData, resAndMetrics, endTime;
306
306
 
307
307
  return _regeneratorRuntime.wrap(function _callee6$(_context6) {
308
308
  while (1) {
@@ -370,46 +370,44 @@ export default function (topoApp) {
370
370
 
371
371
  case 18:
372
372
  if (!data) {
373
- _context6.next = 30;
373
+ _context6.next = 29;
374
374
  break;
375
375
  }
376
376
 
377
+ graphConfig = {};
378
+
377
379
  if (!topoId) {
378
- _context6.next = 27;
380
+ _context6.next = 26;
379
381
  break;
380
382
  }
381
383
 
382
- _context6.next = 22;
383
- return topoApp.options.loadData(topoId);
384
+ _context6.next = 23;
385
+ return topoService.getTopoData(topoId);
384
386
 
385
- case 22:
387
+ case 23:
386
388
  topoConfig = _context6.sent;
387
389
  if (!topoConfig) rlog.error("\u672A\u67E5\u8BE2\u5230\u62D3\u6251id " + topoId + " \u7684\u6570\u636E\uFF0C\u8BF7\u68C0\u67E5");
388
- result = _extends({}, data, {
390
+ graphConfig = {
389
391
  global: topoConfig === null || topoConfig === void 0 ? void 0 : topoConfig.global,
390
392
  customGlobal: data.global,
391
393
  serialize: topoConfig === null || topoConfig === void 0 ? void 0 : topoConfig.serialize
392
- });
393
- _context6.next = 28;
394
- break;
395
-
396
- case 27:
397
- result = _extends({}, data);
394
+ };
398
395
 
399
- case 28:
400
- _context6.next = 33;
396
+ case 26:
397
+ result = _extends({}, data, graphConfig);
398
+ _context6.next = 32;
401
399
  break;
402
400
 
403
- case 30:
404
- _context6.next = 32;
401
+ case 29:
402
+ _context6.next = 31;
405
403
  return topoApp.options.loadData(topoId);
406
404
 
407
- case 32:
405
+ case 31:
408
406
  result = _context6.sent;
409
407
 
410
- case 33:
408
+ case 32:
411
409
  if (result) {
412
- _context6.next = 37;
410
+ _context6.next = 36;
413
411
  break;
414
412
  }
415
413
 
@@ -424,27 +422,27 @@ export default function (topoApp) {
424
422
  topoApp.options.onLoad();
425
423
  return _context6.abrupt("return");
426
424
 
427
- case 37:
425
+ case 36:
428
426
  result = parseTopoData(result);
429
427
  rlog.debug("topoMod.initTopoData 查询数据完成", topoId, linkTo, result);
430
- _context6.next = 41;
428
+ _context6.next = 40;
431
429
  return Promise.all([topoApp.ciTyeCache.getCiTypeMap(getCiTypes(result)), dispatch.customIcon.loadCustomIcons(), topoApp.elementTagTipConfig.init(result) // 暂停新配置开发
432
430
  ]);
433
431
 
434
- case 41:
432
+ case 40:
435
433
  _yield$Promise$all = _context6.sent;
436
434
  ciTypeMap = _yield$Promise$all[0];
437
435
  customIcons = _yield$Promise$all[1];
438
436
  xxx = _yield$Promise$all[2];
439
437
  rlog.debug("topoMod.initTopoData Ci属性指标元数据", ciTypeMap);
440
438
  extraConfig = result.global.extraConfig;
441
- _context6.next = 49;
439
+ _context6.next = 48;
442
440
  return dispatch.displayConfig.setConfig(_extends({}, extraConfig, {
443
441
  alarmSwitch: result.global.alarmSwitch,
444
442
  alarmListDefaultOpen: result.global.alarmListDefaultOpen
445
443
  }));
446
444
 
447
- case 49:
445
+ case 48:
448
446
  _combTopoData = combTopoData({
449
447
  engine: topoApp,
450
448
  data: result,
@@ -473,7 +471,7 @@ export default function (topoApp) {
473
471
  rlog.info("topoMod.initTopoData 初始化拓扑图数据完成. 耗时: ", endTime.diff(startTime, "seconds", true));
474
472
  topoApp.options.onLoad();
475
473
 
476
- case 58:
474
+ case 57:
477
475
  case "end":
478
476
  return _context6.stop();
479
477
  }
@@ -604,7 +602,7 @@ export default function (topoApp) {
604
602
  id = playload.id, update = playload.update;
605
603
  _context11.prev = 1;
606
604
  _context11.next = 4;
607
- return topoService.auth.getTopoPermission(id);
605
+ return topoApp.serverApi.auth.getTopoPermission(id);
608
606
 
609
607
  case 4:
610
608
  topoPermission = _context11.sent;
@@ -7,6 +7,8 @@ import { showLinkByConfig } from "../models/utils/linkUtils";
7
7
  */
8
8
 
9
9
  export var updateEdgeExpanded = function updateEdgeExpanded(topo) {
10
+ var _topo$historyManager, _topo$historyManager2;
11
+
10
12
  var _topo$store$getModelS = topo.store.getModelState("topoMod"),
11
13
  viewState = _topo$store$getModelS.viewState;
12
14
 
@@ -21,6 +23,8 @@ export var updateEdgeExpanded = function updateEdgeExpanded(topo) {
21
23
  expandAllEdges = _topo$store$getModelS2.expandAllEdges; // console.log("expandAllEdges----------", expandAllEdges);
22
24
 
23
25
 
26
+ (_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.setDisabled(true, '连线展开控制');
27
+
24
28
  if (expandAllEdges === 1) {
25
29
  showLinkByConfig({
26
30
  topo: topo,
@@ -37,6 +41,8 @@ export var updateEdgeExpanded = function updateEdgeExpanded(topo) {
37
41
  rlog.debug("updateEdgeExpanded 展开-isEditMode", isEditMode);
38
42
  }
39
43
 
44
+ (_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '连线展开控制');
45
+
40
46
  if (topo.linkDynamicStyleExecutor) {
41
47
  topo.linkDynamicStyleExecutor.execute();
42
48
  }