@riil-frontend/component-topology 6.0.0-alpha.4 → 6.0.0-alpha.41

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 (335) 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/es/components/ColorPanel/components/ColorBlock/index.js +37 -0
  6. package/es/components/ColorPanel/components/ColorBlock/index.module.scss +9 -0
  7. package/es/components/ColorPanel/components/FontColorRange/index.js +35 -0
  8. package/es/components/ColorPanel/components/FontColorRange/index.module.scss +25 -0
  9. package/es/components/ColorPanel/index.js +237 -0
  10. package/es/components/ColorPanel/index.module.scss +35 -0
  11. package/es/components/VerticalIconTab/VerticalIconTab.module.scss +5 -1
  12. package/es/components/collapse/Collapse.js +22 -3
  13. package/es/components/collapse/Collapse.module.scss +24 -0
  14. package/es/components/collapse/index.js +2 -0
  15. package/es/core/common/hooks/useHtElements.js +21 -0
  16. package/es/core/common/icons/icon.js +41 -0
  17. package/es/core/common/icons/useIcons.js +8 -16
  18. package/es/core/components/AlarmListPanel/components/AlarmListItem.js +14 -13
  19. package/es/core/components/AlarmListPanel/components/index.module.scss +5 -5
  20. package/es/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -1
  21. package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +9 -3
  22. package/es/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +122 -0
  23. package/es/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +0 -3
  24. package/es/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +76 -19
  25. package/es/core/components/TopoView/GraphViewPanel.js +21 -0
  26. package/es/core/components/TopoView/editor.module.scss +1 -0
  27. package/es/core/components/TopoView/topoView.js +29 -49
  28. package/es/core/components/titlebar/TitleBar.module.scss +1 -1
  29. package/es/core/editor/components/EditorPlugin.js +2 -1
  30. package/es/core/editor/components/Sidebar/Sidebar.js +41 -50
  31. package/es/core/editor/components/Sidebar/panes.js +32 -0
  32. package/es/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +38 -0
  33. package/es/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.module.scss +74 -0
  34. package/es/core/editor/components/Sidebar/views/CanvasPanel/index.js +1 -1
  35. package/es/core/editor/components/Sidebar/views/CanvasPanel/themes.js +63 -0
  36. package/es/core/editor/components/Sidebar/views/CanvasPanel/useCanvasThemeConfig.js +115 -0
  37. package/es/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +3 -3
  38. package/es/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +14 -6
  39. package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +14 -5
  40. package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +5 -0
  41. package/es/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +20 -7
  42. package/es/core/editor/components/Toolbar/EditorToolbar.js +23 -13
  43. package/es/core/editor/components/Toolbar/Toolbar.js +1 -1
  44. package/es/core/editor/components/Toolbar/Toolbar.module.scss +14 -3
  45. package/es/core/editor/components/Toolbar/buttons.js +20 -18
  46. package/es/core/editor/components/Toolbar/widgets/AddResourceButton.js +8 -7
  47. package/es/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +2 -2
  48. package/es/core/editor/components/Toolbar/widgets/CanvasMoveWidget.js +13 -2
  49. package/es/core/editor/components/Toolbar/widgets/CanvasSelectWidget.js +11 -2
  50. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/Content.js +46 -2
  51. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +98 -6
  52. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +184 -3
  53. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +44 -0
  54. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +53 -0
  55. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.module.scss +31 -0
  56. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/constants.js +77 -0
  57. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +74 -6
  58. package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +70 -16
  59. package/es/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +43 -0
  60. package/es/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +25 -11
  61. package/es/core/editor/components/Toolbar/widgets/FontSizeWidget.js +29 -13
  62. package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js +100 -39
  63. package/es/core/editor/components/Toolbar/widgets/HistoryRedoButton.js +3 -2
  64. package/es/core/editor/components/Toolbar/widgets/HistoryUndoButton.js +5 -4
  65. package/es/core/editor/components/Toolbar/widgets/IconSelect/IconSelect.js +109 -0
  66. package/es/core/editor/components/Toolbar/widgets/IconSelect/constant.js +64 -0
  67. package/es/core/editor/components/Toolbar/widgets/IconSelect/index.js +101 -0
  68. package/es/core/editor/components/Toolbar/widgets/IconSelect/index.module.scss +153 -0
  69. package/es/core/editor/components/Toolbar/widgets/IconSelect/popUpContent.js +49 -0
  70. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.js +99 -0
  71. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.module.scss +70 -0
  72. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.js +42 -0
  73. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.module.scss +7 -0
  74. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.js +75 -0
  75. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.scss +32 -0
  76. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/Icon.js +23 -0
  77. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/index.js +10 -0
  78. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_circular.svg +10 -0
  79. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_hierarchical.svg +10 -0
  80. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_rectangle.svg +12 -0
  81. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_toward.svg +16 -0
  82. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.js +31 -0
  83. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.module.scss +53 -0
  84. package/es/core/editor/components/Toolbar/widgets/Layout/index.js +128 -15
  85. package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +95 -23
  86. package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss +33 -0
  87. package/es/core/editor/components/Toolbar/widgets/NodeImageButton/BoxBackgroundSetting.js +15 -5
  88. package/es/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +41 -7
  89. package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +98 -13
  90. package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
  91. package/es/core/editor/components/Toolbar/widgets/WidgetBox.js +15 -22
  92. package/es/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +11 -1
  93. package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.js +5 -3
  94. package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss +3 -0
  95. package/es/core/editor/components/Toolbar/widgets/components/DropdownButton.js +21 -3
  96. package/es/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +16 -6
  97. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +49 -0
  98. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/colorUtil.js +59 -0
  99. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +30 -0
  100. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +25 -0
  101. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +41 -0
  102. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/index.js +14 -0
  103. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/layerTitle.js +49 -0
  104. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +36 -0
  105. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +32 -0
  106. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +71 -0
  107. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js +25 -0
  108. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +52 -0
  109. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +20 -0
  110. package/es/core/editor/components/settings/CloseablePanel.js +33 -0
  111. package/es/core/editor/components/settings/CloseablePanel.module.scss +9 -0
  112. package/es/core/editor/components/settings/OpenPropertyPanelListener.js +33 -0
  113. package/es/core/editor/components/settings/PropertyView.js +29 -8
  114. package/es/core/editor/components/settings/Settings.js +4 -44
  115. package/es/core/editor/components/settings/Settings.module.scss +8 -4
  116. package/es/core/editor/components/settings/common/AlignSetting/AlignSetting.module.scss +2 -2
  117. package/es/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +80 -0
  118. package/es/core/editor/components/settings/common/AlignSetting/index.js +20 -72
  119. package/es/core/editor/components/settings/common/LineType/index.js +12 -119
  120. package/es/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js +3 -3
  121. package/es/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +31 -21
  122. package/es/core/editor/components/settings/common/SizeInput/NodeSizeNumberPicker.js +7 -6
  123. package/es/core/editor/components/settings/common/text/fontStyleUtil.js +11 -19
  124. package/es/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js +7 -1
  125. package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +0 -8
  126. package/es/core/editor/components/settings/propertyViews/multipleElements/BatchSetNodeSize/BatchSetNodeSize.js +8 -9
  127. package/es/core/editor/components/settings/propertyViews/multipleElements/MultipleElementLineType.js +5 -42
  128. package/es/core/editor/components/settings/propertyViews/multipleElements/MultipleElementPropertyView.js +2 -15
  129. package/es/core/editor/components/settings/propertyViews/text/TextPropertyView.js +1 -1
  130. package/es/core/editor/components/settings/propertyViews/view/BatchSetNodeSize.js +9 -6
  131. package/es/core/editor/components/titlebar/TopoEditorTitleBar.js +8 -4
  132. package/es/core/editor/hooks/useKeyboardShortcut.js +42 -0
  133. package/es/core/{store/models → editor/store}/background.js +0 -0
  134. package/es/core/{store/models → editor/store}/historyManager.js +0 -0
  135. package/es/core/editor/store/topoEdit.js +49 -0
  136. package/es/core/editor/utils/edgeTypeStyleUtil.js +96 -0
  137. package/es/core/editor/utils/textStyleUtil.js +0 -0
  138. package/es/core/hooks/useCanvasTheme.js +61 -0
  139. package/es/core/hooks/usePolling.js +2 -5
  140. package/es/core/hooks/useTopoEdit.js +38 -58
  141. package/es/core/models/Alarm.js +2 -2
  142. package/es/core/models/AttributeMetricDisplay.js +4 -0
  143. package/es/core/models/HistoryManager.js +11 -3
  144. package/es/core/models/SelectionManager.js +28 -9
  145. package/es/core/models/TopoApp.js +1 -1
  146. package/es/core/models/TopoGraphView.js +8 -2
  147. package/es/core/models/selection/ignoreList.js +1 -0
  148. package/es/core/models/utils/linkUtils.js +5 -6
  149. package/es/core/store/coreModels.js +6 -7
  150. package/es/core/store/models/selection.js +2 -1
  151. package/es/core/store/models/topoBizMod.js +0 -3
  152. package/es/core/store/models/topoConfig.js +10 -12
  153. package/es/core/store/models/topoMod.js +26 -28
  154. package/es/core/utils/edgeUtil.js +6 -0
  155. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +3 -4
  156. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +19 -5
  157. package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/WebConsoleForm.js +13 -29
  158. package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +6 -5
  159. package/es/core/viewer/components/titlebar/widgets/SettingButton.js +3 -1
  160. package/es/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +4 -2
  161. package/es/networkTopo/createTopo.js +2 -0
  162. package/es/networkTopo/services/link.js +2 -2
  163. package/es/networkTopo/store/topoTreeMod.js +6 -7
  164. package/es/style.js +1 -0
  165. package/es/utils/htElementUtils.js +3 -0
  166. package/es/utils/topoData.js +1 -0
  167. package/lib/components/ColorPanel/components/ColorBlock/index.js +47 -0
  168. package/lib/components/ColorPanel/components/ColorBlock/index.module.scss +9 -0
  169. package/lib/components/ColorPanel/components/FontColorRange/index.js +49 -0
  170. package/lib/components/ColorPanel/components/FontColorRange/index.module.scss +25 -0
  171. package/lib/components/ColorPanel/index.js +255 -0
  172. package/lib/components/ColorPanel/index.module.scss +35 -0
  173. package/lib/components/VerticalIconTab/VerticalIconTab.module.scss +5 -1
  174. package/lib/components/collapse/Collapse.js +28 -3
  175. package/lib/components/collapse/Collapse.module.scss +24 -0
  176. package/lib/components/collapse/index.js +11 -0
  177. package/lib/core/common/hooks/useHtElements.js +27 -0
  178. package/lib/core/common/icons/icon.js +48 -0
  179. package/lib/core/common/icons/useIcons.js +10 -15
  180. package/lib/core/components/AlarmListPanel/components/AlarmListItem.js +14 -13
  181. package/lib/core/components/AlarmListPanel/components/index.module.scss +5 -5
  182. package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -1
  183. package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +10 -3
  184. package/lib/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +147 -0
  185. package/lib/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +0 -3
  186. package/lib/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +76 -19
  187. package/lib/core/components/TopoView/GraphViewPanel.js +31 -0
  188. package/lib/core/components/TopoView/editor.module.scss +1 -0
  189. package/lib/core/components/TopoView/topoView.js +32 -50
  190. package/lib/core/components/titlebar/TitleBar.module.scss +1 -1
  191. package/lib/core/editor/components/EditorPlugin.js +3 -1
  192. package/lib/core/editor/components/Sidebar/Sidebar.js +40 -53
  193. package/lib/core/editor/components/Sidebar/panes.js +45 -0
  194. package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +53 -0
  195. package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.module.scss +74 -0
  196. package/lib/core/editor/components/Sidebar/views/CanvasPanel/index.js +2 -2
  197. package/lib/core/editor/components/Sidebar/views/CanvasPanel/themes.js +72 -0
  198. package/lib/core/editor/components/Sidebar/views/CanvasPanel/useCanvasThemeConfig.js +128 -0
  199. package/lib/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +1 -1
  200. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +15 -6
  201. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +16 -5
  202. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +5 -0
  203. package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +29 -11
  204. package/lib/core/editor/components/Toolbar/EditorToolbar.js +22 -11
  205. package/lib/core/editor/components/Toolbar/Toolbar.js +1 -1
  206. package/lib/core/editor/components/Toolbar/Toolbar.module.scss +14 -3
  207. package/lib/core/editor/components/Toolbar/buttons.js +21 -20
  208. package/lib/core/editor/components/Toolbar/widgets/AddResourceButton.js +8 -7
  209. package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +2 -2
  210. package/lib/core/editor/components/Toolbar/widgets/CanvasMoveWidget.js +13 -2
  211. package/lib/core/editor/components/Toolbar/widgets/CanvasSelectWidget.js +11 -2
  212. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/Content.js +48 -2
  213. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +100 -6
  214. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +194 -3
  215. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +44 -0
  216. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +71 -0
  217. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.module.scss +31 -0
  218. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/constants.js +83 -0
  219. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +76 -5
  220. package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +75 -16
  221. package/lib/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +43 -0
  222. package/lib/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +26 -10
  223. package/lib/core/editor/components/Toolbar/widgets/FontSizeWidget.js +30 -12
  224. package/lib/core/editor/components/Toolbar/widgets/FontStyleButton.js +105 -39
  225. package/lib/core/editor/components/Toolbar/widgets/HistoryRedoButton.js +4 -2
  226. package/lib/core/editor/components/Toolbar/widgets/HistoryUndoButton.js +5 -3
  227. package/lib/core/editor/components/Toolbar/widgets/IconSelect/IconSelect.js +126 -0
  228. package/lib/core/editor/components/Toolbar/widgets/IconSelect/constant.js +69 -0
  229. package/lib/core/editor/components/Toolbar/widgets/IconSelect/index.js +117 -0
  230. package/lib/core/editor/components/Toolbar/widgets/IconSelect/index.module.scss +153 -0
  231. package/lib/core/editor/components/Toolbar/widgets/IconSelect/popUpContent.js +61 -0
  232. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.js +116 -0
  233. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.module.scss +70 -0
  234. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.js +55 -0
  235. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.module.scss +7 -0
  236. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.js +93 -0
  237. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.scss +32 -0
  238. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/Icon.js +32 -0
  239. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/index.js +22 -0
  240. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_circular.svg +10 -0
  241. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_hierarchical.svg +10 -0
  242. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_rectangle.svg +12 -0
  243. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_toward.svg +16 -0
  244. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.js +44 -0
  245. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.module.scss +53 -0
  246. package/lib/core/editor/components/Toolbar/widgets/Layout/index.js +133 -16
  247. package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +98 -23
  248. package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss +33 -0
  249. package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/BoxBackgroundSetting.js +21 -5
  250. package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +41 -6
  251. package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +99 -12
  252. package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
  253. package/lib/core/editor/components/Toolbar/widgets/WidgetBox.js +16 -22
  254. package/lib/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +11 -1
  255. package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.js +5 -3
  256. package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss +3 -0
  257. package/lib/core/editor/components/Toolbar/widgets/components/DropdownButton.js +21 -3
  258. package/lib/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +17 -6
  259. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +63 -0
  260. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/colorUtil.js +72 -0
  261. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +45 -0
  262. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +40 -0
  263. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +57 -0
  264. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/index.js +28 -0
  265. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/layerTitle.js +64 -0
  266. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +52 -0
  267. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +47 -0
  268. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +83 -0
  269. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js +39 -0
  270. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +65 -0
  271. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +31 -0
  272. package/lib/core/editor/components/settings/CloseablePanel.js +46 -0
  273. package/lib/core/editor/components/settings/CloseablePanel.module.scss +9 -0
  274. package/lib/core/editor/components/settings/OpenPropertyPanelListener.js +43 -0
  275. package/lib/core/editor/components/settings/PropertyView.js +32 -8
  276. package/lib/core/editor/components/settings/Settings.js +4 -44
  277. package/lib/core/editor/components/settings/Settings.module.scss +8 -4
  278. package/lib/core/editor/components/settings/common/AlignSetting/AlignSetting.module.scss +2 -2
  279. package/lib/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +97 -0
  280. package/lib/core/editor/components/settings/common/AlignSetting/index.js +21 -80
  281. package/lib/core/editor/components/settings/common/LineType/index.js +13 -126
  282. package/lib/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js +2 -2
  283. package/lib/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +32 -23
  284. package/lib/core/editor/components/settings/common/SizeInput/NodeSizeNumberPicker.js +6 -6
  285. package/lib/core/editor/components/settings/common/text/fontStyleUtil.js +12 -20
  286. package/lib/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js +7 -1
  287. package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +0 -8
  288. package/lib/core/editor/components/settings/propertyViews/multipleElements/BatchSetNodeSize/BatchSetNodeSize.js +6 -8
  289. package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementLineType.js +5 -42
  290. package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementPropertyView.js +2 -15
  291. package/lib/core/editor/components/settings/propertyViews/text/TextPropertyView.js +1 -1
  292. package/lib/core/editor/components/settings/propertyViews/view/BatchSetNodeSize.js +7 -5
  293. package/lib/core/editor/components/titlebar/TopoEditorTitleBar.js +9 -1
  294. package/lib/core/editor/hooks/useKeyboardShortcut.js +52 -0
  295. package/lib/core/{store/models → editor/store}/background.js +0 -0
  296. package/lib/core/{store/models → editor/store}/historyManager.js +0 -0
  297. package/lib/core/editor/store/topoEdit.js +59 -0
  298. package/lib/core/editor/utils/edgeTypeStyleUtil.js +109 -0
  299. package/lib/core/editor/utils/textStyleUtil.js +1 -0
  300. package/lib/core/hooks/useCanvasTheme.js +75 -0
  301. package/lib/core/hooks/usePolling.js +2 -5
  302. package/lib/core/hooks/useTopoEdit.js +39 -60
  303. package/lib/core/models/Alarm.js +2 -2
  304. package/lib/core/models/AttributeMetricDisplay.js +4 -0
  305. package/lib/core/models/HistoryManager.js +11 -3
  306. package/lib/core/models/SelectionManager.js +30 -9
  307. package/lib/core/models/TopoApp.js +1 -1
  308. package/lib/core/models/TopoGraphView.js +8 -2
  309. package/lib/core/models/selection/ignoreList.js +6 -0
  310. package/lib/core/models/utils/linkUtils.js +5 -6
  311. package/lib/core/store/coreModels.js +5 -7
  312. package/lib/core/store/models/selection.js +2 -1
  313. package/lib/core/store/models/topoBizMod.js +0 -3
  314. package/lib/core/store/models/topoConfig.js +9 -18
  315. package/lib/core/store/models/topoMod.js +27 -29
  316. package/lib/core/utils/edgeUtil.js +6 -0
  317. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +3 -4
  318. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +19 -5
  319. package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/WebConsoleForm.js +13 -29
  320. package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +6 -5
  321. package/lib/core/viewer/components/titlebar/widgets/SettingButton.js +3 -1
  322. package/lib/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +4 -2
  323. package/lib/networkTopo/createTopo.js +3 -0
  324. package/lib/networkTopo/services/link.js +2 -2
  325. package/lib/networkTopo/store/topoTreeMod.js +6 -8
  326. package/lib/style.js +1 -0
  327. package/lib/utils/htElementUtils.js +5 -0
  328. package/lib/utils/topoData.js +1 -0
  329. package/package.json +5 -4
  330. package/es/core/editor/components/Sidebar/views/CanvasPanel/ImagePanel.js +0 -4
  331. package/es/core/store/models/topoEdit.js +0 -39
  332. package/es/core/store/models/topoView.js +0 -36
  333. package/lib/core/editor/components/Sidebar/views/CanvasPanel/ImagePanel.js +0 -12
  334. package/lib/core/store/models/topoEdit.js +0 -51
  335. package/lib/core/store/models/topoView.js +0 -47
@@ -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) {
@@ -15,15 +15,13 @@ var _topoBizMod = _interopRequireDefault(require("./models/topoBizMod"));
15
15
 
16
16
  var _topoConfig = _interopRequireDefault(require("./models/topoConfig"));
17
17
 
18
- var _topoEdit = _interopRequireDefault(require("./models/topoEdit"));
18
+ var _topoEdit = _interopRequireDefault(require("../editor/store/topoEdit"));
19
19
 
20
- var _background = _interopRequireDefault(require("./models/background"));
20
+ var _background = _interopRequireDefault(require("../editor/store/background"));
21
21
 
22
- var _selection = _interopRequireDefault(require("./models/selection"));
23
-
24
- var _historyManager = _interopRequireDefault(require("./models/historyManager"));
22
+ var _historyManager = _interopRequireDefault(require("../editor/store/historyManager"));
25
23
 
26
- var _topoGraphView = _interopRequireDefault(require("./models/topoGraphView"));
24
+ var _selection = _interopRequireDefault(require("./models/selection"));
27
25
 
28
26
  var _topoAlarm = _interopRequireDefault(require("./models/topoAlarm"));
29
27
 
@@ -33,6 +31,7 @@ var _topoBaseInfoOverview = _interopRequireDefault(require("./models/topoBaseInf
33
31
 
34
32
  var _lock = _interopRequireDefault(require("./models/viewer/lock"));
35
33
 
34
+ // 编辑模式
36
35
  // 显示模式
37
36
  var _default = {
38
37
  topoMod: _topoMod["default"],
@@ -42,7 +41,6 @@ var _default = {
42
41
  topoConfig: _topoConfig["default"],
43
42
  historyManager: _historyManager["default"],
44
43
  background: _background["default"],
45
- topoGraphView: _topoGraphView["default"],
46
44
  ciModel: _ciModel["default"],
47
45
  topoEdit: _topoEdit["default"],
48
46
  // 显示模式
@@ -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
@@ -336,8 +336,7 @@ function _default(topoApp) {
336
336
  while (1) {
337
337
  switch (_context4.prev = _context4.next) {
338
338
  case 0:
339
- _rlog["default"].debug("getTopoByConditions--------", params);
340
-
339
+ // rlog.debug("getTopoByConditions--------", params);
341
340
  topoId = params.id, resources = params.resources, groups = params.groups, exportLinkIdList = params.exportLinkIdList;
342
341
  viewConditions = (0, _topoData2.resToConditions)(resources);
343
342
  groupInfo = (0, _utils.isAvailableArray)(groups) && groups.map(function (group) {
@@ -345,30 +344,22 @@ function _default(topoApp) {
345
344
  layout: (0, _topoData2.getLayoutId)(group.layout),
346
345
  resources: (0, _topoData2.resToConditions)(group.resources)
347
346
  });
348
- });
347
+ }); // rlog.debug("getTopoByConditions--------", viewConditions, groupInfo);
349
348
 
350
- _rlog["default"].debug("getTopoByConditions--------", viewConditions, groupInfo);
351
-
352
- _context4.next = 7;
349
+ _context4.next = 5;
353
350
  return _topo["default"].getTopoDataByResource(topoId, viewConditions, groupInfo, exportLinkIdList);
354
351
 
355
- case 7:
352
+ case 5:
356
353
  data = _context4.sent;
357
-
358
- _rlog["default"].debug("getTopoByConditions--------data", data);
359
-
360
- _context4.next = 11;
354
+ _context4.next = 8;
361
355
  return (0, _getTopoData.buildData)(data);
362
356
 
363
- case 11:
357
+ case 8:
364
358
  data = _context4.sent;
365
-
366
- _rlog["default"].debug("getTopoByConditions--------", data, groupInfo);
367
-
368
- _context4.next = 15;
359
+ _context4.next = 11;
369
360
  return Promise.all([topoApp.ciTyeCache.getCiTypeMap((0, _topoData.getCiTypes)(data)), dispatch.customIcon.loadCustomIcons()]);
370
361
 
371
- case 15:
362
+ case 11:
372
363
  _yield$Promise$all = _context4.sent;
373
364
  ciTypeMap = _yield$Promise$all[0];
374
365
  _combTopoData = (0, _topoData.combTopoData)({
@@ -396,7 +387,7 @@ function _default(topoApp) {
396
387
  topoDataTrans: topoDataTrans
397
388
  });
398
389
 
399
- case 23:
390
+ case 19:
400
391
  case "end":
401
392
  return _context4.stop();
402
393
  }
@@ -11,10 +11,10 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
11
11
 
12
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
13
 
14
- var _topo = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/services/topo"));
15
-
16
14
  var _moment = _interopRequireDefault(require("moment"));
17
15
 
16
+ var _topo = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/services/topo"));
17
+
18
18
  var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
19
19
 
20
20
  var _topoData = require("../../../utils/topoData");
@@ -319,7 +319,7 @@ function _default(topoApp) {
319
319
  return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6() {
320
320
  var _result$config;
321
321
 
322
- var startTime, topoId, data, linkToData, refresh, clear, linkTo, startState, permission, result, topoConfig, _yield$Promise$all, ciTypeMap, customIcons, xxx, extraConfig, _combTopoData, topoData, resAndMetrics, endTime;
322
+ var startTime, topoId, data, linkToData, refresh, clear, linkTo, startState, permission, result, graphConfig, topoConfig, _yield$Promise$all, ciTypeMap, customIcons, xxx, extraConfig, _combTopoData, topoData, resAndMetrics, endTime;
323
323
 
324
324
  return _regenerator["default"].wrap(function _callee6$(_context6) {
325
325
  while (1) {
@@ -387,46 +387,44 @@ function _default(topoApp) {
387
387
 
388
388
  case 18:
389
389
  if (!data) {
390
- _context6.next = 30;
390
+ _context6.next = 29;
391
391
  break;
392
392
  }
393
393
 
394
+ graphConfig = {};
395
+
394
396
  if (!topoId) {
395
- _context6.next = 27;
397
+ _context6.next = 26;
396
398
  break;
397
399
  }
398
400
 
399
- _context6.next = 22;
400
- return topoApp.options.loadData(topoId);
401
+ _context6.next = 23;
402
+ return _topo["default"].getTopoData(topoId);
401
403
 
402
- case 22:
404
+ case 23:
403
405
  topoConfig = _context6.sent;
404
406
  if (!topoConfig) _rlog["default"].error("\u672A\u67E5\u8BE2\u5230\u62D3\u6251id " + topoId + " \u7684\u6570\u636E\uFF0C\u8BF7\u68C0\u67E5");
405
- result = (0, _extends2["default"])({}, data, {
407
+ graphConfig = {
406
408
  global: topoConfig === null || topoConfig === void 0 ? void 0 : topoConfig.global,
407
409
  customGlobal: data.global,
408
410
  serialize: topoConfig === null || topoConfig === void 0 ? void 0 : topoConfig.serialize
409
- });
410
- _context6.next = 28;
411
- break;
412
-
413
- case 27:
414
- result = (0, _extends2["default"])({}, data);
411
+ };
415
412
 
416
- case 28:
417
- _context6.next = 33;
413
+ case 26:
414
+ result = (0, _extends2["default"])({}, data, graphConfig);
415
+ _context6.next = 32;
418
416
  break;
419
417
 
420
- case 30:
421
- _context6.next = 32;
418
+ case 29:
419
+ _context6.next = 31;
422
420
  return topoApp.options.loadData(topoId);
423
421
 
424
- case 32:
422
+ case 31:
425
423
  result = _context6.sent;
426
424
 
427
- case 33:
425
+ case 32:
428
426
  if (result) {
429
- _context6.next = 37;
427
+ _context6.next = 36;
430
428
  break;
431
429
  }
432
430
 
@@ -441,16 +439,16 @@ function _default(topoApp) {
441
439
  topoApp.options.onLoad();
442
440
  return _context6.abrupt("return");
443
441
 
444
- case 37:
442
+ case 36:
445
443
  result = (0, _topoData.parseTopoData)(result);
446
444
 
447
445
  _rlog["default"].debug("topoMod.initTopoData 查询数据完成", topoId, linkTo, result);
448
446
 
449
- _context6.next = 41;
447
+ _context6.next = 40;
450
448
  return Promise.all([topoApp.ciTyeCache.getCiTypeMap((0, _topoData.getCiTypes)(result)), dispatch.customIcon.loadCustomIcons(), topoApp.elementTagTipConfig.init(result) // 暂停新配置开发
451
449
  ]);
452
450
 
453
- case 41:
451
+ case 40:
454
452
  _yield$Promise$all = _context6.sent;
455
453
  ciTypeMap = _yield$Promise$all[0];
456
454
  customIcons = _yield$Promise$all[1];
@@ -459,13 +457,13 @@ function _default(topoApp) {
459
457
  _rlog["default"].debug("topoMod.initTopoData Ci属性指标元数据", ciTypeMap);
460
458
 
461
459
  extraConfig = result.global.extraConfig;
462
- _context6.next = 49;
460
+ _context6.next = 48;
463
461
  return dispatch.displayConfig.setConfig((0, _extends2["default"])({}, extraConfig, {
464
462
  alarmSwitch: result.global.alarmSwitch,
465
463
  alarmListDefaultOpen: result.global.alarmListDefaultOpen
466
464
  }));
467
465
 
468
- case 49:
466
+ case 48:
469
467
  _combTopoData = (0, _topoData.combTopoData)({
470
468
  engine: topoApp,
471
469
  data: result,
@@ -496,7 +494,7 @@ function _default(topoApp) {
496
494
 
497
495
  topoApp.options.onLoad();
498
496
 
499
- case 58:
497
+ case 57:
500
498
  case "end":
501
499
  return _context6.stop();
502
500
  }
@@ -627,7 +625,7 @@ function _default(topoApp) {
627
625
  id = playload.id, update = playload.update;
628
626
  _context11.prev = 1;
629
627
  _context11.next = 4;
630
- return _topo["default"].auth.getTopoPermission(id);
628
+ return topoApp.serverApi.auth.getTopoPermission(id);
631
629
 
632
630
  case 4:
633
631
  topoPermission = _context11.sent;
@@ -15,6 +15,8 @@ var _linkUtils = require("../models/utils/linkUtils");
15
15
  * @param {*} topo
16
16
  */
17
17
  var updateEdgeExpanded = function updateEdgeExpanded(topo) {
18
+ var _topo$historyManager, _topo$historyManager2;
19
+
18
20
  var _topo$store$getModelS = topo.store.getModelState("topoMod"),
19
21
  viewState = _topo$store$getModelS.viewState;
20
22
 
@@ -29,6 +31,8 @@ var updateEdgeExpanded = function updateEdgeExpanded(topo) {
29
31
  expandAllEdges = _topo$store$getModelS2.expandAllEdges; // console.log("expandAllEdges----------", expandAllEdges);
30
32
 
31
33
 
34
+ (_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.setDisabled(true, '连线展开控制');
35
+
32
36
  if (expandAllEdges === 1) {
33
37
  (0, _linkUtils.showLinkByConfig)({
34
38
  topo: topo,
@@ -47,6 +51,8 @@ var updateEdgeExpanded = function updateEdgeExpanded(topo) {
47
51
  _rlog["default"].debug("updateEdgeExpanded 展开-isEditMode", isEditMode);
48
52
  }
49
53
 
54
+ (_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '连线展开控制');
55
+
50
56
  if (topo.linkDynamicStyleExecutor) {
51
57
  topo.linkDynamicStyleExecutor.execute();
52
58
  }
@@ -29,7 +29,8 @@ function useMetricPolling(_ref) {
29
29
  sourceMetrics: null,
30
30
  destinationMetrics: null,
31
31
  // 链路指标列表
32
- linkMetrics: []
32
+ linkMetrics: [],
33
+ linkMetricsTs: null
33
34
  }),
34
35
  data = _useState[0],
35
36
  setData = _useState[1]; // 轮询hooks
@@ -41,9 +42,7 @@ function useMetricPolling(_ref) {
41
42
  debounceInterval: 200,
42
43
  manual: true,
43
44
  onSuccess: function onSuccess(result) {
44
- setData((0, _extends2["default"])({}, data, {
45
- linkMetrics: result
46
- }));
45
+ setData((0, _extends2["default"])({}, data, result));
47
46
 
48
47
  _rlog["default"].info('链路拓扑指标轮询', result);
49
48
  }
@@ -86,6 +86,8 @@ function queryLinkLatestMetrics(_x3, _x4) {
86
86
 
87
87
  function _queryLinkLatestMetrics() {
88
88
  _queryLinkLatestMetrics = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(linkCi, linkMetricCodes) {
89
+ var _linkMetrics$;
90
+
89
91
  var linkMetrics, resultData;
90
92
  return _regenerator["default"].wrap(function _callee3$(_context3) {
91
93
  while (1) {
@@ -109,6 +111,10 @@ function _queryLinkLatestMetrics() {
109
111
 
110
112
  case 5:
111
113
  linkMetrics = _context3.sent;
114
+ _context3.next = 8;
115
+ return _CiTypeCache["default"].load([linkCi.ciType || linkCi.typeCode]);
116
+
117
+ case 8:
112
118
  // format
113
119
  resultData = linkMetricCodes.map(function (code) {
114
120
  var _linkMetrics$find;
@@ -117,7 +123,7 @@ function _queryLinkLatestMetrics() {
117
123
  return m.metricCode === code;
118
124
  })) === null || _linkMetrics$find === void 0 ? void 0 : _linkMetrics$find.metricValue;
119
125
 
120
- var metricDef = _CiTypeCache["default"].getMetric(linkCi.ciType, code);
126
+ var metricDef = _CiTypeCache["default"].getMetric(linkCi.ciType || linkCi.typeCode, code);
121
127
 
122
128
  return {
123
129
  code: code,
@@ -125,9 +131,12 @@ function _queryLinkLatestMetrics() {
125
131
  value: (0, _attributeFormatter.formatMetric)(value, metricDef) || ''
126
132
  };
127
133
  });
128
- return _context3.abrupt("return", resultData);
134
+ return _context3.abrupt("return", {
135
+ linkMetrics: resultData,
136
+ linkMetricsTs: (_linkMetrics$ = linkMetrics[0]) === null || _linkMetrics$ === void 0 ? void 0 : _linkMetrics$.ts
137
+ });
129
138
 
130
- case 8:
139
+ case 10:
131
140
  case "end":
132
141
  return _context3.stop();
133
142
  }
@@ -150,6 +159,8 @@ function _queryLinkInterfacesLatestMetrics() {
150
159
  switch (_context4.prev = _context4.next) {
151
160
  case 0:
152
161
  parseInterfaceMetrics = function _parseInterfaceMetric(subCiId) {
162
+ var _metrics$;
163
+
153
164
  var metrics = interfaceMetrics.filter(function (metric) {
154
165
  return metric.subCiId === subCiId;
155
166
  });
@@ -160,12 +171,15 @@ function _queryLinkInterfacesLatestMetrics() {
160
171
  return m.metricCode === code;
161
172
  })) === null || _metrics$find === void 0 ? void 0 : _metrics$find.metricValue;
162
173
 
163
- var metricDef = _CiTypeCache["default"].getMetric(linkCi.ciType, code);
174
+ var metricDef = _CiTypeCache["default"].getMetric(linkCi.ciType || linkCi.typeCode, code);
164
175
 
165
176
  var formatValue = (0, _attributeFormatter.formatMetric)(value, metricDef);
166
177
  res[code] = formatValue === 'undefined' ? '-' : formatValue;
167
178
  return res;
168
- }, {});
179
+ }, {
180
+ _ts: (_metrics$ = metrics[0]) === null || _metrics$ === void 0 ? void 0 : _metrics$.ts // 指标时间
181
+
182
+ });
169
183
  };
170
184
 
171
185
  _linkCi$attributes = linkCi.attributes, sourceType = _linkCi$attributes.source_type, sourceId = _linkCi$attributes.source_id, destinationId = _linkCi$attributes.destination_id, destinationType = _linkCi$attributes.destination_type;
@@ -37,46 +37,30 @@ function WebConsoleForm(props) {
37
37
  webConsoleUrl = _useWebConsole.webConsoleUrl,
38
38
  save = _useWebConsole.save;
39
39
 
40
- var _useState = (0, _react.useState)(true),
40
+ var _useState = (0, _react.useState)(false),
41
41
  isEdit = _useState[0],
42
- handleInput = _useState[1];
43
-
44
- var _useState2 = (0, _react.useState)(false),
45
- isSave = _useState2[0],
46
- handleSaveBtn = _useState2[1];
47
-
48
- var _useState3 = (0, _react.useState)(false),
49
- isShow = _useState3[0],
50
- handleEdit = _useState3[1];
42
+ setIsEdit = _useState[1];
51
43
 
52
44
  var field = _field["default"].useField({
53
45
  autoUnmount: true,
54
- values: {},
55
- onChange: function onChange(name, value) {
56
- field.getValue('url').length > 0 ? handleSaveBtn(false) : handleSaveBtn(true);
57
- }
46
+ values: {
47
+ url: webConsoleUrl || ''
48
+ },
49
+ onChange: function onChange(name, value) {}
58
50
  });
59
51
 
60
52
  (0, _react.useEffect)(function () {
61
- field.setValue('url', webConsoleUrl);
53
+ field.setValue('url', webConsoleUrl || '');
54
+ field.validate();
62
55
  }, [webConsoleUrl]);
63
- (0, _react.useEffect)(function () {
64
- field.getError('url') == null ? handleSaveBtn(false) : handleSaveBtn(true);
65
- }, [field.getError('url')]);
66
56
 
67
57
  function handleEditLink() {
68
- handleInput(false);
69
- handleEdit(true);
58
+ setIsEdit(true);
70
59
  }
71
60
 
72
61
  function saveData() {
73
62
  save(field.getValue('url'));
74
- handleEdit(function (isShow) {
75
- return !isShow;
76
- });
77
- handleInput(function (isEdit) {
78
- return !isEdit;
79
- });
63
+ setIsEdit(false);
80
64
  }
81
65
 
82
66
  return /*#__PURE__*/_react["default"].createElement(_loading["default"], {
@@ -104,10 +88,10 @@ function WebConsoleForm(props) {
104
88
  name: "url",
105
89
  placeholder: "\u8BF7\u8F93\u5165\u94FE\u63A5\u5730\u5740",
106
90
  trim: true,
107
- disabled: isEdit
108
- })), /*#__PURE__*/_react["default"].createElement(FormItem, null, isShow ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
91
+ disabled: !isEdit
92
+ })), /*#__PURE__*/_react["default"].createElement(FormItem, null, isEdit ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
109
93
  type: "primary",
110
- disabled: isSave,
94
+ disabled: !!field.getError('url'),
111
95
  onClick: saveData,
112
96
  name: "baocun"
113
97
  }, "\u4FDD\u5B58")) : /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
@@ -71,16 +71,17 @@ function useWebConsole(props) {
71
71
  var requestWebConsoleUrl = (0, _ahooks.useRequest)(queryWebConsoleUrlById, {
72
72
  manual: true,
73
73
  onSuccess: function onSuccess(result) {
74
- if (ipv4Address != undefined) {
75
- result = result === undefined ? "http://" + ipv4Address : result;
76
- } else {
77
- result = result === undefined ? null : result;
74
+ var url = result;
75
+
76
+ if (!url && ipv4Address) {
77
+ url = "http://" + ipv4Address;
78
78
  }
79
79
 
80
- setWebConsoleUrl(result);
80
+ setWebConsoleUrl(url);
81
81
  }
82
82
  });
83
83
  (0, _react.useEffect)(function () {
84
+ setWebConsoleUrl(null);
84
85
  requestWebConsoleUrl.run(ciId);
85
86
  }, [ciId]); // 保存Web控制台url
86
87
 
@@ -25,7 +25,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
25
25
  function SettingButton(props) {
26
26
  var topo = props.topo,
27
27
  displaySettingProps = props.displaySettingProps,
28
- style = props.style;
28
+ style = props.style,
29
+ isEditor = props.isEditor;
29
30
 
30
31
  var _useState = (0, _react.useState)(false),
31
32
  visible = _useState[0],
@@ -54,6 +55,7 @@ function SettingButton(props) {
54
55
  })), /*#__PURE__*/_react["default"].createElement(_DisplaySettingDrawer["default"], {
55
56
  visible: visible,
56
57
  topo: topo,
58
+ isEditor: isEditor,
57
59
  displaySettingProps: displaySettingProps,
58
60
  onClose: function onClose() {
59
61
  setVisible(false);
@@ -17,11 +17,13 @@ var _SettingButton = _interopRequireDefault(require("./SettingButton"));
17
17
  function SettingButtonWidget(props) {
18
18
  var topo = props.topo,
19
19
  viewerProps = props.viewerProps,
20
- style = props.style;
20
+ style = props.style,
21
+ isEditor = props.isEditor;
21
22
  return /*#__PURE__*/_react["default"].createElement(_SettingButton["default"], {
22
23
  topo: topo,
23
24
  displaySettingProps: viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.displaySettingProps,
24
- style: style
25
+ style: style,
26
+ isEditor: isEditor
25
27
  });
26
28
  }
27
29
 
@@ -10,8 +10,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
10
10
 
11
11
  var _TopoCenter = _interopRequireDefault(require("./models/TopoCenter"));
12
12
 
13
+ var _services = _interopRequireDefault(require("./services"));
14
+
13
15
  function createTopo(options) {
14
16
  var topoApp = new _TopoCenter["default"]((0, _extends2["default"])({}, options));
17
+ topoApp.serverApi = _services["default"];
15
18
  return topoApp;
16
19
  }
17
20
 
@@ -173,10 +173,10 @@ var _default = {
173
173
  // const idtxt = `'${ids[0]}','${ids[1]}'`;
174
174
  stag = ids[0];
175
175
  ttag = ids[1];
176
- condition = "type('network_link') && !network_link.destination_device_id && network_link.source_device_id ='" + stag + "'";
176
+ condition = "type('network_link') && !destination_id && network_link.source_device_id ='" + stag + "'";
177
177
 
178
178
  if (ttag) {
179
- condition = "type('network_link') && !network_link.destination_device_id && network_link.source_device_id ='" + stag + "' && network_link.destination_device_id='" + ttag + "'";
179
+ condition = "type('network_link') && !destination_id && network_link.source_device_id ='" + stag + "' && network_link.destination_device_id='" + ttag + "'";
180
180
  }
181
181
 
182
182
  parm = {
@@ -13,8 +13,6 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
13
13
 
14
14
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
15
 
16
- var _services = _interopRequireDefault(require("../services"));
17
-
18
16
  var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
19
17
 
20
18
  var _tree = require("../../utils/tree");
@@ -101,7 +99,7 @@ function _default(topoApp) {
101
99
  }
102
100
 
103
101
  _context2.next = 4;
104
- return _services["default"].getTopoTree();
102
+ return topoApp.serverApi.getTopoTree();
105
103
 
106
104
  case 4:
107
105
  resTreeData = _context2.sent;
@@ -110,7 +108,7 @@ function _default(topoApp) {
110
108
 
111
109
  case 7:
112
110
  _context2.next = 9;
113
- return _services["default"].getTopoTreeByLoginUser();
111
+ return topoApp.serverApi.getTopoTreeByLoginUser();
114
112
 
115
113
  case 9:
116
114
  resTreeData = _context2.sent;
@@ -177,7 +175,7 @@ function _default(topoApp) {
177
175
  _rlog["default"].debug('editTopoOnTree', conditions);
178
176
 
179
177
  _context4.next = 4;
180
- return _services["default"].editTopoonTree(parseInt(conditions.id, 10), conditions.name, conditions.type);
178
+ return topoApp.serverApi.editTopoonTree(parseInt(conditions.id, 10), conditions.name, conditions.type);
181
179
 
182
180
  case 4:
183
181
  resTreeData = _context4.sent;
@@ -263,7 +261,7 @@ function _default(topoApp) {
263
261
 
264
262
  case 8:
265
263
  _context5.next = 10;
266
- return _services["default"].deleteTopoonTree(parseInt(conditions, 10));
264
+ return topoApp.serverApi.deleteTopoonTree(parseInt(conditions, 10));
267
265
 
268
266
  case 10:
269
267
  return _context5.abrupt("return", _context5.sent);
@@ -287,7 +285,7 @@ function _default(topoApp) {
287
285
 
288
286
  case 18:
289
287
  _context5.next = 20;
290
- return _services["default"].deleteTopoonTree(parseInt(conditions, 10));
288
+ return topoApp.serverApi.deleteTopoonTree(parseInt(conditions, 10));
291
289
 
292
290
  case 20:
293
291
  return _context5.abrupt("return", _context5.sent);
@@ -316,7 +314,7 @@ function _default(topoApp) {
316
314
  _rlog["default"].debug('setDefTopoOnTree', conditions);
317
315
 
318
316
  _context6.next = 4;
319
- return _services["default"].setDefTopo(parseInt(conditions, 10));
317
+ return topoApp.serverApi.setDefTopo(parseInt(conditions, 10));
320
318
 
321
319
  case 4:
322
320
  resTreeData = _context6.sent;
package/lib/style.js CHANGED
@@ -41,4 +41,5 @@ require('@alifd/next/lib/number-picker/style');
41
41
 
42
42
  require('@alifd/next/lib/tag/style');
43
43
  require('@riil-frontend/component-riil-event-emitter/lib/style');
44
+ require('@alifd/next/lib/range/style');
44
45
  require('./index.scss');
@@ -31,6 +31,7 @@ exports.isExistedElement = isExistedElement;
31
31
  exports.isGroup = isGroup;
32
32
  exports.isLayer = isLayer;
33
33
  exports.isNode = isNode;
34
+ exports.isText = isText;
34
35
  exports.isValidEdge = isValidEdge;
35
36
  exports.setElementRuntimeStyle = setElementRuntimeStyle;
36
37
 
@@ -95,6 +96,10 @@ function isLayer(element) {
95
96
  return element instanceof ht.Grid;
96
97
  }
97
98
 
99
+ function isText(element) {
100
+ return element instanceof ht.Text && element.a('isText');
101
+ }
102
+
98
103
  function getElements(dataModel) {
99
104
  // console.error(111, dataModel.getDatas().getArray())
100
105
  return dataModel.getDatas().getArray();