@riil-frontend/component-topology 6.0.0-alpha.5 → 6.0.0-alpha.51

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 (384) 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 +241 -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 +6 -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 +41 -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 +21 -0
  28. package/es/core/components/TopoView/editor.module.scss +1 -0
  29. package/es/core/components/TopoView/topoView.js +29 -49
  30. package/es/core/components/titlebar/TitleBar.module.scss +1 -1
  31. package/es/core/editor/components/EditorPlugin.js +8 -2
  32. package/es/core/editor/components/Sidebar/Sidebar.js +29 -3
  33. package/es/core/editor/components/Sidebar/panes.js +6 -1
  34. package/es/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +36 -2
  35. package/es/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.module.scss +74 -0
  36. package/es/core/editor/components/Sidebar/views/CanvasPanel/hooks/useCanvasThemeConfig.js +128 -0
  37. package/es/core/editor/components/Sidebar/views/CanvasPanel/hooks/useNewElementTheme.js +32 -0
  38. package/es/core/editor/components/Sidebar/views/CanvasPanel/themes.js +87 -0
  39. package/es/core/editor/components/Sidebar/views/CanvasPanel/utils/elementThemeUtil.js +0 -0
  40. package/es/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +3 -3
  41. package/es/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +12 -1
  42. package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +12 -1
  43. package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +3 -3
  44. package/es/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +27 -8
  45. package/es/core/editor/components/Toolbar/EditorToolbar.js +16 -9
  46. package/es/core/editor/components/Toolbar/buttons.js +20 -18
  47. package/es/core/editor/components/Toolbar/widgets/AddResourceButton.js +3 -3
  48. package/es/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +3 -3
  49. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/Content.js +46 -2
  50. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +98 -6
  51. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +74 -23
  52. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +1 -3
  53. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +18 -12
  54. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/constants.js +77 -0
  55. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +74 -6
  56. package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +104 -16
  57. package/es/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +42 -0
  58. package/es/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +25 -11
  59. package/es/core/editor/components/Toolbar/widgets/FontSizeWidget.js +29 -13
  60. package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js +100 -39
  61. package/es/core/editor/components/Toolbar/widgets/HistoryRedoButton.js +1 -1
  62. package/es/core/editor/components/Toolbar/widgets/HistoryUndoButton.js +2 -2
  63. package/es/core/editor/components/Toolbar/widgets/IconSelect/IconSelect.js +109 -0
  64. package/es/core/editor/components/Toolbar/widgets/IconSelect/constant.js +64 -0
  65. package/es/core/editor/components/Toolbar/widgets/IconSelect/index.js +101 -0
  66. package/es/core/editor/components/Toolbar/widgets/IconSelect/index.module.scss +153 -0
  67. package/es/core/editor/components/Toolbar/widgets/IconSelect/popUpContent.js +49 -0
  68. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.js +99 -0
  69. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.module.scss +70 -0
  70. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.js +42 -0
  71. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.module.scss +7 -0
  72. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.js +75 -0
  73. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.scss +32 -0
  74. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/Icon.js +23 -0
  75. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/index.js +10 -0
  76. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_circular.svg +10 -0
  77. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_hierarchical.svg +10 -0
  78. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_rectangle.svg +12 -0
  79. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_toward.svg +16 -0
  80. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.js +31 -0
  81. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.module.scss +53 -0
  82. package/es/core/editor/components/Toolbar/widgets/Layout/index.js +130 -15
  83. package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +102 -23
  84. package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss +33 -0
  85. package/es/core/editor/components/Toolbar/widgets/NodeImageButton/BoxBackgroundSetting.js +15 -5
  86. package/es/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +41 -7
  87. package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +99 -14
  88. package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
  89. package/es/core/editor/components/Toolbar/widgets/WidgetBox.js +15 -5
  90. package/es/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +11 -1
  91. package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.js +1 -1
  92. package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss +3 -0
  93. package/es/core/editor/components/Toolbar/widgets/components/DropdownButton.js +21 -3
  94. package/es/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +16 -6
  95. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +49 -0
  96. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/colorUtil.js +67 -0
  97. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +30 -0
  98. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +36 -0
  99. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +41 -0
  100. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/index.js +14 -0
  101. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/layerTitle.js +49 -0
  102. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +36 -0
  103. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +33 -0
  104. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +71 -0
  105. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js +25 -0
  106. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +52 -0
  107. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +20 -0
  108. package/es/core/editor/components/settings/CloseablePanel.js +33 -0
  109. package/es/core/editor/components/settings/CloseablePanel.module.scss +21 -0
  110. package/es/core/editor/components/settings/PropertyView.js +35 -11
  111. package/es/core/editor/components/settings/Settings.js +42 -116
  112. package/es/core/editor/components/settings/Settings.module.scss +7 -11
  113. package/es/core/editor/components/settings/common/AlignSetting/AlignSetting.module.scss +3 -3
  114. package/es/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +80 -0
  115. package/es/core/editor/components/settings/common/AlignSetting/index.js +20 -72
  116. package/es/core/editor/components/settings/common/GroupNodeList/ResourceList.module.scss +1 -0
  117. package/es/core/editor/components/settings/common/LineType/index.js +12 -119
  118. package/es/core/editor/components/settings/common/NameInput.js +24 -0
  119. package/es/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js +3 -3
  120. package/es/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +31 -21
  121. package/es/core/editor/components/settings/common/SizeInput/NodeSizeNumberPicker.js +7 -6
  122. package/es/core/editor/components/settings/common/text/fontStyleUtil.js +11 -19
  123. package/es/core/editor/components/settings/core/PropertyViewManager.js +68 -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 -2
  141. package/es/core/editor/components/settings/propertyViews/layer/BasicSetting.js +58 -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 -42
  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/hooks/useKeyboardShortcut.js +42 -0
  158. package/es/core/editor/store/topoEdit.js +44 -34
  159. package/es/core/editor/utils/edgeTypeStyleUtil.js +96 -0
  160. package/es/core/editor/utils/textStyleUtil.js +0 -0
  161. package/es/core/hooks/useCanvasTheme.js +61 -0
  162. package/es/core/hooks/usePolling.js +2 -5
  163. package/es/core/hooks/useTopoEdit.js +30 -12
  164. package/es/core/models/Alarm.js +2 -2
  165. package/es/core/models/AttributeMetricDisplay.js +4 -0
  166. package/es/core/models/HistoryManager.js +13 -8
  167. package/es/core/models/{SelectionManager.js → SelectionModel.js} +55 -22
  168. package/es/core/models/TopoApp.js +3 -3
  169. package/es/core/models/TopoGraphView.js +8 -2
  170. package/es/core/models/selection/ignoreList.js +1 -0
  171. package/es/core/models/utils/linkUtils.js +5 -6
  172. package/es/core/store/models/selection.js +2 -1
  173. package/es/core/store/models/topoBizMod.js +0 -3
  174. package/es/core/store/models/topoConfig.js +10 -12
  175. package/es/core/store/models/topoMod.js +26 -28
  176. package/es/core/utils/edgeUtil.js +6 -0
  177. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +3 -4
  178. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +19 -5
  179. package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/WebConsoleForm.js +13 -29
  180. package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +6 -5
  181. package/es/core/viewer/components/titlebar/widgets/SettingButton.js +3 -1
  182. package/es/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +4 -2
  183. package/es/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +39 -6
  184. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +10 -16
  185. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +37 -0
  186. package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +1 -1
  187. package/es/networkTopo/createTopo.js +2 -0
  188. package/es/networkTopo/models/LinkDynamicStyleExecutor.js +2 -2
  189. package/es/networkTopo/services/link.js +2 -2
  190. package/es/networkTopo/store/topoTreeMod.js +6 -7
  191. package/es/style.js +2 -1
  192. package/es/utils/htElementUtils.js +3 -0
  193. package/es/utils/topoData.js +1 -0
  194. package/lib/components/ColorPanel/components/ColorBlock/index.js +47 -0
  195. package/lib/components/ColorPanel/components/ColorBlock/index.module.scss +9 -0
  196. package/lib/components/ColorPanel/components/FontColorRange/index.js +49 -0
  197. package/lib/components/ColorPanel/components/FontColorRange/index.module.scss +25 -0
  198. package/lib/components/ColorPanel/index.js +259 -0
  199. package/lib/components/ColorPanel/index.module.scss +35 -0
  200. package/lib/components/VerticalIconTab/VerticalIconTab.js +14 -1
  201. package/lib/components/VerticalIconTab/VerticalIconTab.module.scss +6 -0
  202. package/lib/components/collapse/Collapse.js +28 -3
  203. package/lib/components/collapse/Collapse.module.scss +24 -0
  204. package/lib/components/collapse/index.js +11 -0
  205. package/lib/core/common/hooks/useHtElements.js +27 -0
  206. package/lib/core/common/icons/icon.js +48 -0
  207. package/lib/core/common/icons/useIcons.js +10 -15
  208. package/lib/core/components/AlarmListPanel/components/AlarmListItem.js +14 -13
  209. package/lib/core/components/AlarmListPanel/components/index.module.scss +5 -5
  210. package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -1
  211. package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +10 -3
  212. package/lib/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +147 -0
  213. package/lib/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +0 -3
  214. package/lib/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +84 -22
  215. package/lib/core/components/TopoView/GraphViewPanel.js +31 -0
  216. package/lib/core/components/TopoView/editor.module.scss +1 -0
  217. package/lib/core/components/TopoView/topoView.js +32 -50
  218. package/lib/core/components/titlebar/TitleBar.module.scss +1 -1
  219. package/lib/core/editor/components/EditorPlugin.js +13 -2
  220. package/lib/core/editor/components/Sidebar/Sidebar.js +28 -2
  221. package/lib/core/editor/components/Sidebar/panes.js +6 -1
  222. package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +43 -2
  223. package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.module.scss +74 -0
  224. package/lib/core/editor/components/Sidebar/views/CanvasPanel/hooks/useCanvasThemeConfig.js +142 -0
  225. package/lib/core/editor/components/Sidebar/views/CanvasPanel/hooks/useNewElementTheme.js +48 -0
  226. package/lib/core/editor/components/Sidebar/views/CanvasPanel/themes.js +96 -0
  227. package/lib/core/editor/components/Sidebar/views/CanvasPanel/utils/elementThemeUtil.js +1 -0
  228. package/lib/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +1 -1
  229. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +13 -1
  230. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +13 -1
  231. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +3 -3
  232. package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +36 -12
  233. package/lib/core/editor/components/Toolbar/EditorToolbar.js +14 -7
  234. package/lib/core/editor/components/Toolbar/buttons.js +21 -20
  235. package/lib/core/editor/components/Toolbar/widgets/AddResourceButton.js +3 -3
  236. package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +3 -3
  237. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/Content.js +48 -2
  238. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +100 -6
  239. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +73 -22
  240. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +1 -3
  241. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +19 -10
  242. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/constants.js +83 -0
  243. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +76 -5
  244. package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +109 -16
  245. package/lib/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +42 -0
  246. package/lib/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +26 -10
  247. package/lib/core/editor/components/Toolbar/widgets/FontSizeWidget.js +30 -12
  248. package/lib/core/editor/components/Toolbar/widgets/FontStyleButton.js +105 -39
  249. package/lib/core/editor/components/Toolbar/widgets/HistoryRedoButton.js +1 -1
  250. package/lib/core/editor/components/Toolbar/widgets/HistoryUndoButton.js +2 -2
  251. package/lib/core/editor/components/Toolbar/widgets/IconSelect/IconSelect.js +126 -0
  252. package/lib/core/editor/components/Toolbar/widgets/IconSelect/constant.js +69 -0
  253. package/lib/core/editor/components/Toolbar/widgets/IconSelect/index.js +117 -0
  254. package/lib/core/editor/components/Toolbar/widgets/IconSelect/index.module.scss +153 -0
  255. package/lib/core/editor/components/Toolbar/widgets/IconSelect/popUpContent.js +61 -0
  256. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.js +116 -0
  257. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.module.scss +70 -0
  258. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.js +55 -0
  259. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.module.scss +7 -0
  260. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.js +93 -0
  261. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.scss +32 -0
  262. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/Icon.js +32 -0
  263. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/index.js +22 -0
  264. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_circular.svg +10 -0
  265. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_hierarchical.svg +10 -0
  266. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_rectangle.svg +12 -0
  267. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_toward.svg +16 -0
  268. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.js +44 -0
  269. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.module.scss +53 -0
  270. package/lib/core/editor/components/Toolbar/widgets/Layout/index.js +135 -16
  271. package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +105 -23
  272. package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss +33 -0
  273. package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/BoxBackgroundSetting.js +21 -5
  274. package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +41 -6
  275. package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +100 -13
  276. package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
  277. package/lib/core/editor/components/Toolbar/widgets/WidgetBox.js +18 -5
  278. package/lib/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +11 -1
  279. package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.js +1 -1
  280. package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss +3 -0
  281. package/lib/core/editor/components/Toolbar/widgets/components/DropdownButton.js +21 -3
  282. package/lib/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +17 -6
  283. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +63 -0
  284. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/colorUtil.js +82 -0
  285. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +45 -0
  286. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +52 -0
  287. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +57 -0
  288. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/index.js +28 -0
  289. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/layerTitle.js +64 -0
  290. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +52 -0
  291. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +48 -0
  292. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +83 -0
  293. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js +39 -0
  294. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +65 -0
  295. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +31 -0
  296. package/lib/core/editor/components/settings/CloseablePanel.js +46 -0
  297. package/lib/core/editor/components/settings/CloseablePanel.module.scss +21 -0
  298. package/lib/core/editor/components/settings/PropertyView.js +43 -12
  299. package/lib/core/editor/components/settings/Settings.js +47 -118
  300. package/lib/core/editor/components/settings/Settings.module.scss +7 -11
  301. package/lib/core/editor/components/settings/common/AlignSetting/AlignSetting.module.scss +3 -3
  302. package/lib/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +97 -0
  303. package/lib/core/editor/components/settings/common/AlignSetting/index.js +21 -80
  304. package/lib/core/editor/components/settings/common/GroupNodeList/ResourceList.module.scss +1 -0
  305. package/lib/core/editor/components/settings/common/LineType/index.js +13 -126
  306. package/lib/core/editor/components/settings/common/NameInput.js +38 -0
  307. package/lib/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js +2 -2
  308. package/lib/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +32 -23
  309. package/lib/core/editor/components/settings/common/SizeInput/NodeSizeNumberPicker.js +6 -6
  310. package/lib/core/editor/components/settings/common/text/fontStyleUtil.js +12 -20
  311. package/lib/core/editor/components/settings/core/PropertyViewManager.js +77 -0
  312. package/lib/core/editor/components/settings/core/getPropertyViewType.js +40 -0
  313. package/lib/core/editor/components/settings/core/updateElementProperty.js +27 -0
  314. package/lib/core/editor/components/settings/propertyViews/box/BoxPropertyView.js +6 -13
  315. package/lib/core/editor/components/settings/propertyViews/box/BoxPropertyViewV1.js +76 -0
  316. package/lib/core/editor/components/settings/propertyViews/box/NameInput.js +6 -5
  317. package/lib/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js +15 -3
  318. package/lib/core/editor/components/settings/propertyViews/edge/EdgeGroupPropertyView.js +9 -12
  319. package/lib/core/editor/components/settings/propertyViews/edge/EdgePropertyView.js +7 -23
  320. package/lib/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +19 -0
  321. package/lib/core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting.js +1 -6
  322. package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyView.js +14 -25
  323. package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyView.module.scss +8 -1
  324. package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyViewV1.js +43 -0
  325. package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupBasicSetting.js +98 -0
  326. package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +8 -14
  327. package/lib/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js +9 -7
  328. package/lib/core/editor/components/settings/propertyViews/index.js +5 -2
  329. package/lib/core/editor/components/settings/propertyViews/layer/BasicSetting.js +77 -0
  330. package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyView.js +12 -20
  331. package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyView.module.scss +10 -0
  332. package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyViewV1.js +40 -0
  333. package/lib/core/editor/components/settings/propertyViews/multipleElements/BatchSetNodeSize/BatchSetNodeSize.js +6 -8
  334. package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementLineType.js +5 -42
  335. package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementPropertyView.js +2 -15
  336. package/lib/core/editor/components/settings/propertyViews/node/NodePropertyView.js +8 -35
  337. package/lib/core/editor/components/settings/propertyViews/node/NodePropertyViewV1.js +68 -0
  338. package/lib/core/editor/components/settings/propertyViews/node/Setting/BasicSetting.js +64 -0
  339. package/lib/core/editor/components/settings/propertyViews/node/Setting/NameInput.js +6 -5
  340. package/lib/core/editor/components/settings/propertyViews/node/data/Data.js +2 -1
  341. package/lib/core/editor/components/settings/propertyViews/node/data/NodeRelateResourceButton.js +1 -0
  342. package/lib/core/editor/components/settings/propertyViews/text/TextPropertyView.js +5 -20
  343. package/lib/core/editor/components/settings/propertyViews/view/BatchSetNodeSize.js +7 -5
  344. package/lib/core/editor/components/titlebar/TopoEditorTitleBar.js +9 -1
  345. package/lib/core/editor/hooks/useKeyboardShortcut.js +52 -0
  346. package/lib/core/editor/store/topoEdit.js +46 -37
  347. package/lib/core/editor/utils/edgeTypeStyleUtil.js +109 -0
  348. package/lib/core/editor/utils/textStyleUtil.js +1 -0
  349. package/lib/core/hooks/useCanvasTheme.js +75 -0
  350. package/lib/core/hooks/usePolling.js +2 -5
  351. package/lib/core/hooks/useTopoEdit.js +31 -12
  352. package/lib/core/models/Alarm.js +2 -2
  353. package/lib/core/models/AttributeMetricDisplay.js +4 -0
  354. package/lib/core/models/HistoryManager.js +13 -8
  355. package/lib/core/models/{SelectionManager.js → SelectionModel.js} +57 -22
  356. package/lib/core/models/TopoApp.js +3 -3
  357. package/lib/core/models/TopoGraphView.js +8 -2
  358. package/lib/core/models/selection/ignoreList.js +6 -0
  359. package/lib/core/models/utils/linkUtils.js +5 -6
  360. package/lib/core/store/models/selection.js +2 -1
  361. package/lib/core/store/models/topoBizMod.js +0 -3
  362. package/lib/core/store/models/topoConfig.js +9 -18
  363. package/lib/core/store/models/topoMod.js +27 -29
  364. package/lib/core/utils/edgeUtil.js +6 -0
  365. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +3 -4
  366. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +19 -5
  367. package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/WebConsoleForm.js +13 -29
  368. package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +6 -5
  369. package/lib/core/viewer/components/titlebar/widgets/SettingButton.js +3 -1
  370. package/lib/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +4 -2
  371. package/lib/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +45 -7
  372. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +10 -18
  373. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +50 -0
  374. package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +1 -1
  375. package/lib/networkTopo/createTopo.js +3 -0
  376. package/lib/networkTopo/models/LinkDynamicStyleExecutor.js +2 -2
  377. package/lib/networkTopo/services/link.js +2 -2
  378. package/lib/networkTopo/store/topoTreeMod.js +6 -8
  379. package/lib/style.js +2 -1
  380. package/lib/utils/htElementUtils.js +5 -0
  381. package/lib/utils/topoData.js +1 -0
  382. package/package.json +5 -4
  383. package/es/core/store/models/topoView.js +0 -36
  384. package/lib/core/store/models/topoView.js +0 -47
@@ -0,0 +1,109 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.getEdgesBySelection = getEdgesBySelection;
5
+ exports.loopEdgesAndChildren = loopEdgesAndChildren;
6
+ exports.setEdgesAndChildren = setEdgesAndChildren;
7
+ exports.setEdgesType = setEdgesType;
8
+
9
+ var _htElementUtils = require("../../../utils/htElementUtils");
10
+
11
+ var ht = window.ht;
12
+
13
+ function getEdgesBySelection(topo) {
14
+ var getChildrenNodeIds = function getChildrenNodeIds(nodes) {
15
+ var nodeIds = nodes.map(function (node) {
16
+ return node.getId();
17
+ });
18
+ nodes.forEach(function (node) {
19
+ if (node instanceof ht.Group) {
20
+ var children = node.getChildren().toArray();
21
+ nodeIds.push.apply(nodeIds, getChildrenNodeIds(children));
22
+ }
23
+ });
24
+ return nodeIds;
25
+ };
26
+
27
+ var getSelectedEdges = function getSelectedEdges(topo) {
28
+ var gv = topo.getGraphView();
29
+ var selection = gv.getSelectionModel().getSelection().toArray(); // 选中的连线
30
+
31
+ var edges = selection.filter(function (element) {
32
+ return element instanceof ht.Edge;
33
+ }); // 查询选中节点间的连线
34
+
35
+ var nodes = selection.filter(function (element) {
36
+ return element instanceof ht.Node;
37
+ });
38
+ var nodeIds = getChildrenNodeIds(nodes);
39
+ var dm = gv.getDataModel();
40
+ (0, _htElementUtils.getEdges)(dm).forEach(function (edge) {
41
+ if (nodeIds.find(function (nodeId) {
42
+ return nodeId === edge.getSource().getId();
43
+ }) && nodeIds.find(function (nodeId) {
44
+ return nodeId === edge.getTarget().getId();
45
+ }) && !edges.find(function (item) {
46
+ return item === edge;
47
+ })) {
48
+ edges.push(edge);
49
+ }
50
+ });
51
+ return edges;
52
+ };
53
+
54
+ return getSelectedEdges(topo);
55
+ }
56
+ /**
57
+ * 遍历连线及子连线
58
+ * @param {*} topo
59
+ * @param {*} edges
60
+ * @param {*} operateEdgeFn
61
+ */
62
+
63
+
64
+ function loopEdgesAndChildren(topo, edges, operateEdgeFn) {
65
+ var htTopo = topo.getHtTopo();
66
+ edges.forEach(function (edge) {
67
+ operateEdgeFn(edge);
68
+
69
+ if (edge.isEdgeGroupAgent()) {
70
+ // 连线组折叠时同时设置子连线
71
+ var edgeChildren = edge.getEdgeGroup().getEdges().toArray();
72
+ htTopo.toggleEdgeGroup(edge.getSource(), edge.getTarget(), true);
73
+ edgeChildren.forEach(function (edgeChild) {
74
+ operateEdgeFn(edgeChild);
75
+ });
76
+ htTopo.toggleEdgeGroup(edge.getSource(), edge.getTarget(), false);
77
+ }
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
+ });
109
+ }
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1,75 @@
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
+ canvasTheme = props.canvasTheme; // 拓扑图是否加载
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[canvasTheme || 'white'];
55
+
56
+ if (graphLoaded && themeConfig) {
57
+ var _topo$historyManager2;
58
+
59
+ try {
60
+ var _topo$historyManager;
61
+
62
+ (_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.setDisabled(true, '切换主题');
63
+ topo.getHtTopo().setToolsTheme(themeConfig.toolsTheme);
64
+ topo.getHtTopo().setTheme(canvasTheme);
65
+ } catch (error) {
66
+ console.error('切换主题失败', error);
67
+ }
68
+
69
+ (_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '切换主题');
70
+ }
71
+ }, [canvasTheme, graphLoaded]);
72
+ return {
73
+ canvasColor: themeMap[canvasTheme].color
74
+ };
75
+ }
@@ -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
  * 增加资源到视图
@@ -469,14 +473,15 @@ var useTopoEdit = function useTopoEdit(params) {
469
473
 
470
474
  _rlog["default"].debug("bindGroupResources--id, tag", id, tag);
471
475
 
472
- _context12.next = 4;
476
+ topo.historyManager.beginTransaction();
477
+ _context12.next = 5;
473
478
  return resourceConfig.updateGroupResources(group, resources);
474
479
 
475
- case 4:
476
- _context12.next = 6;
480
+ case 5:
481
+ _context12.next = 7;
477
482
  return editDispatchers.fetchDataByConfig();
478
483
 
479
- case 6:
484
+ case 7:
480
485
  _yield$editDispatcher2 = _context12.sent;
481
486
  elements = _yield$editDispatcher2.elements;
482
487
  // 区域里的子区域及子区域的节点、新增的链路
@@ -492,7 +497,9 @@ var useTopoEdit = function useTopoEdit(params) {
492
497
  }
493
498
  }
494
499
 
495
- case 12:
500
+ topo.historyManager.endTransaction();
501
+
502
+ case 14:
496
503
  case "end":
497
504
  return _context12.stop();
498
505
  }
@@ -624,13 +631,14 @@ var useTopoEdit = function useTopoEdit(params) {
624
631
  topo.linkDynamicStyleExecutor.execute();
625
632
  }
626
633
 
627
- topo.historyManager.endTransaction(); // 添加资源后隐藏资源面板
634
+ topo.historyManager.endTransaction();
635
+ topo.getHtTopo().fitContent(); // 添加资源后隐藏资源面板
628
636
 
629
637
  topoEditDispatchers.update({
630
- resourceTabactiveKey: null
638
+ resourceTabActiveKey: null
631
639
  });
632
640
 
633
- case 13:
641
+ case 14:
634
642
  case "end":
635
643
  return _context15.stop();
636
644
  }
@@ -684,6 +692,12 @@ var useTopoEdit = function useTopoEdit(params) {
684
692
  function getAddResourceDrawerMode() {
685
693
  return getAddResourceType() === "addToFirstLayer" ? "new" : "all";
686
694
  }
695
+ /**
696
+ * 未选中元素添加资源
697
+ *
698
+ * @param {*} data
699
+ */
700
+
687
701
 
688
702
  var onSaveComboRes = /*#__PURE__*/function () {
689
703
  var _ref6 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7(data) {
@@ -713,11 +727,12 @@ var useTopoEdit = function useTopoEdit(params) {
713
727
 
714
728
  case 9:
715
729
  topo.historyManager.endTransaction();
730
+ topo.getHtTopo().fitContent();
716
731
  topoEditDispatchers.update({
717
- resourceTabactiveKey: null
732
+ resourceTabActiveKey: null
718
733
  });
719
734
 
720
- case 11:
735
+ case 12:
721
736
  case "end":
722
737
  return _context7.stop();
723
738
  }
@@ -1114,12 +1129,15 @@ var useTopoEdit = function useTopoEdit(params) {
1114
1129
  * 设置视图鼠标模式
1115
1130
  */
1116
1131
 
1117
- var setViewMouseMode = (0, _react.useCallback)(function (mode) {
1132
+ var setViewMouseMode = function setViewMouseMode(mode) {
1133
+ _rlog["default"].debug('设置视图鼠标模式', mode);
1134
+
1118
1135
  topo.getHtTopo().setViewMouseMode(mode);
1119
1136
  topoEditDispatchers.update({
1120
1137
  viewMouseMode: mode
1121
1138
  });
1122
- }, []);
1139
+ };
1140
+
1123
1141
  return {
1124
1142
  resourceConfig: resourceConfig,
1125
1143
 
@@ -1159,6 +1177,7 @@ var useTopoEdit = function useTopoEdit(params) {
1159
1177
  * 退出编辑模式回调
1160
1178
  */
1161
1179
  onExitEdit: onExitEdit,
1180
+ reset: reset,
1162
1181
  addLayerResources: addLayerResources,
1163
1182
 
1164
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 = {
@@ -49,10 +49,10 @@ var _topoFactory = _interopRequireDefault(require("./topoFactory"));
49
49
 
50
50
  var _ElementTagTipConfig = _interopRequireDefault(require("./tagstips/ElementTagTipConfig"));
51
51
 
52
- var _SelectionManager = _interopRequireDefault(require("./SelectionManager"));
52
+ var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
53
53
 
54
54
  // eslint-disable-next-line no-undef
55
- var version = typeof "6.0.0-alpha.5" === 'string' ? "6.0.0-alpha.5" : null;
55
+ var version = typeof "6.0.0-alpha.51" === 'string' ? "6.0.0-alpha.51" : null;
56
56
  console.info("\u62D3\u6251\u7248\u672C: " + version);
57
57
  /**
58
58
  * 拓扑显示和编辑
@@ -108,7 +108,7 @@ var Topo = /*#__PURE__*/function () {
108
108
 
109
109
  this.test = new _Test["default"](this);
110
110
  this.uid = _topoFactory["default"].add(options.name, this);
111
- this.selectionManager = new _SelectionManager["default"](this);
111
+ this.selectionModel = new _SelectionModel["default"](this);
112
112
  };
113
113
 
114
114
  _proto.destroy = function destroy() {
@@ -36,10 +36,16 @@ var TopoGraphView = /*#__PURE__*/function () {
36
36
  this.contextMenu = new _ContextMenu["default"]();
37
37
  };
38
38
 
39
- _proto.getHtDataModel = function getHtDataModel() {
39
+ _proto.getHtGraphView = function getHtGraphView() {
40
40
  var _this$topoClient;
41
41
 
42
- return (_this$topoClient = this.topoClient) === null || _this$topoClient === void 0 ? void 0 : _this$topoClient.getDataModel();
42
+ return (_this$topoClient = this.topoClient) === null || _this$topoClient === void 0 ? void 0 : _this$topoClient.getGraphView();
43
+ };
44
+
45
+ _proto.getHtDataModel = function getHtDataModel() {
46
+ var _this$topoClient2;
47
+
48
+ return (_this$topoClient2 = this.topoClient) === null || _this$topoClient2 === void 0 ? void 0 : _this$topoClient2.getDataModel();
43
49
  }
44
50
  /**
45
51
  * 缩放平移整个拓扑以展示所有的图元
@@ -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;
@@ -54,7 +54,7 @@ function isCrucialLink(link) {
54
54
 
55
55
 
56
56
  function isExitLink(link) {
57
- return (link === null || link === void 0 ? void 0 : link.attributes) && !(link !== null && link !== void 0 && link.attributes['network_link.destination_device_id']);
57
+ return (link === null || link === void 0 ? void 0 : link.attributes) && !(link !== null && link !== void 0 && link.attributes['destination_id']);
58
58
  }
59
59
 
60
60
  function isAggLink(link) {
@@ -204,7 +204,7 @@ function _getLinksDetail() {
204
204
  function buildTopoLinkData() {}
205
205
 
206
206
  var compatibleWith = function compatibleWith(value) {
207
- console.log("compatibleWith", value);
207
+ // console.log("compatibleWith",value);
208
208
  var pluralType = value !== null && value !== void 0 ? value : 2;
209
209
 
210
210
  if (value === false) {
@@ -232,8 +232,8 @@ var showLinkByConfig = function showLinkByConfig(props) {
232
232
  var _plurals$compatibleWi;
233
233
 
234
234
  var topo = props.topo,
235
- showType = props.showType;
236
- console.log("showLinkByConfig-----------------------------", props, showType); //const displayConfig = topo.store.getModelState("displayConfig");
235
+ showType = props.showType; // console.log("showLinkByConfig-----------------------------", props, showType);
236
+ //const displayConfig = topo.store.getModelState("displayConfig");
237
237
 
238
238
  var types = (_plurals$compatibleWi = plurals[compatibleWith(showType)]) !== null && _plurals$compatibleWi !== void 0 ? _plurals$compatibleWi : []; // 查询所有连线
239
239
 
@@ -242,8 +242,7 @@ var showLinkByConfig = function showLinkByConfig(props) {
242
242
  var edges = (0, _htElementUtils.getEdges)(dm); // console.log("edges", edges);
243
243
 
244
244
  var showPhy = types.indexOf("phy") >= 0;
245
- var showAgg = types.indexOf("agg") >= 0;
246
- console.log("edges----types", showType, types, showPhy, showAgg);
245
+ var showAgg = types.indexOf("agg") >= 0; // console.log("edges----types",showType, types,showPhy, showAgg);
247
246
 
248
247
  if (Array.isArray(edges) && edges.length > 0) {
249
248
  edges.map(function (edge) {
@@ -19,7 +19,8 @@ var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-ut
19
19
  var _default = {
20
20
  // 定义 model 的初始 state
21
21
  state: {
22
- selection: []
22
+ selection: [],
23
+ selectionIds: []
23
24
  },
24
25
  // 定义改变该模型状态的纯函数
25
26
  reducers: {
@@ -25,9 +25,6 @@ function _default(engine) {
25
25
  allCiSet: {},
26
26
  ciSetDoc: {},
27
27
  pollingSwitch: false,
28
- // alarmDoc: {},
29
- // alarmRecord: [],
30
- setConfig: null,
31
28
 
32
29
  /**
33
30
  * 资源和链路的属性、指标,格式见:https://shimo.im/docs/VKt3HCKHYgJ9kvGP#anchor-PFq4