@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
@@ -9,7 +9,8 @@ import rlog from '@riil-frontend/component-topology-utils/es/rlog';
9
9
  export default {
10
10
  // 定义 model 的初始 state
11
11
  state: {
12
- selection: []
12
+ selection: [],
13
+ selectionIds: []
13
14
  },
14
15
  // 定义改变该模型状态的纯函数
15
16
  reducers: {
@@ -13,9 +13,6 @@ export default function (engine) {
13
13
  allCiSet: {},
14
14
  ciSetDoc: {},
15
15
  pollingSwitch: false,
16
- // alarmDoc: {},
17
- // alarmRecord: [],
18
- setConfig: null,
19
16
 
20
17
  /**
21
18
  * 资源和链路的属性、指标,格式见:https://shimo.im/docs/VKt3HCKHYgJ9kvGP#anchor-PFq4
@@ -314,7 +314,7 @@ export default function (topoApp) {
314
314
  while (1) {
315
315
  switch (_context4.prev = _context4.next) {
316
316
  case 0:
317
- rlog.debug("getTopoByConditions--------", params);
317
+ // rlog.debug("getTopoByConditions--------", params);
318
318
  topoId = params.id, resources = params.resources, groups = params.groups, exportLinkIdList = params.exportLinkIdList;
319
319
  viewConditions = resToConditions(resources);
320
320
  groupInfo = isAvailableArray(groups) && groups.map(function (group) {
@@ -322,24 +322,22 @@ export default function (topoApp) {
322
322
  layout: getLayoutId(group.layout),
323
323
  resources: resToConditions(group.resources)
324
324
  });
325
- });
326
- rlog.debug("getTopoByConditions--------", viewConditions, groupInfo);
327
- _context4.next = 7;
325
+ }); // rlog.debug("getTopoByConditions--------", viewConditions, groupInfo);
326
+
327
+ _context4.next = 5;
328
328
  return topoService.getTopoDataByResource(topoId, viewConditions, groupInfo, exportLinkIdList);
329
329
 
330
- case 7:
330
+ case 5:
331
331
  data = _context4.sent;
332
- rlog.debug("getTopoByConditions--------data", data);
333
- _context4.next = 11;
332
+ _context4.next = 8;
334
333
  return buildTopoData(data);
335
334
 
336
- case 11:
335
+ case 8:
337
336
  data = _context4.sent;
338
- rlog.debug("getTopoByConditions--------", data, groupInfo);
339
- _context4.next = 15;
337
+ _context4.next = 11;
340
338
  return Promise.all([topoApp.ciTyeCache.getCiTypeMap(getCiTypes(data)), dispatch.customIcon.loadCustomIcons()]);
341
339
 
342
- case 15:
340
+ case 11:
343
341
  _yield$Promise$all = _context4.sent;
344
342
  ciTypeMap = _yield$Promise$all[0];
345
343
  _combTopoData = combTopoData({
@@ -367,7 +365,7 @@ export default function (topoApp) {
367
365
  topoDataTrans: topoDataTrans
368
366
  });
369
367
 
370
- case 23:
368
+ case 19:
371
369
  case "end":
372
370
  return _context4.stop();
373
371
  }
@@ -1,8 +1,8 @@
1
1
  import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _regeneratorRuntime from "@babel/runtime/regenerator";
4
- import topoService from "@riil-frontend/component-topology-common/es/services/topo";
5
4
  import moment from "moment";
5
+ import topoService from "@riil-frontend/component-topology-common/es/services/topo";
6
6
  import rlog from "@riil-frontend/component-topology-utils/es/rlog";
7
7
  import { combTopoData, getCiTypes, parseTopoData } from "../../../utils/topoData";
8
8
  import { loopTreeByKey } from "../../../utils/tree";
@@ -302,7 +302,7 @@ export default function (topoApp) {
302
302
  return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
303
303
  var _result$config;
304
304
 
305
- var startTime, topoId, data, linkToData, refresh, clear, linkTo, startState, permission, result, topoConfig, _yield$Promise$all, ciTypeMap, customIcons, xxx, extraConfig, _combTopoData, topoData, resAndMetrics, endTime;
305
+ var startTime, topoId, data, linkToData, refresh, clear, linkTo, startState, permission, result, graphConfig, topoConfig, _yield$Promise$all, ciTypeMap, customIcons, xxx, extraConfig, _combTopoData, topoData, resAndMetrics, endTime;
306
306
 
307
307
  return _regeneratorRuntime.wrap(function _callee6$(_context6) {
308
308
  while (1) {
@@ -370,46 +370,44 @@ export default function (topoApp) {
370
370
 
371
371
  case 18:
372
372
  if (!data) {
373
- _context6.next = 30;
373
+ _context6.next = 29;
374
374
  break;
375
375
  }
376
376
 
377
+ graphConfig = {};
378
+
377
379
  if (!topoId) {
378
- _context6.next = 27;
380
+ _context6.next = 26;
379
381
  break;
380
382
  }
381
383
 
382
- _context6.next = 22;
383
- return topoApp.options.loadData(topoId);
384
+ _context6.next = 23;
385
+ return topoService.getTopoData(topoId);
384
386
 
385
- case 22:
387
+ case 23:
386
388
  topoConfig = _context6.sent;
387
389
  if (!topoConfig) rlog.error("\u672A\u67E5\u8BE2\u5230\u62D3\u6251id " + topoId + " \u7684\u6570\u636E\uFF0C\u8BF7\u68C0\u67E5");
388
- result = _extends({}, data, {
390
+ graphConfig = {
389
391
  global: topoConfig === null || topoConfig === void 0 ? void 0 : topoConfig.global,
390
392
  customGlobal: data.global,
391
393
  serialize: topoConfig === null || topoConfig === void 0 ? void 0 : topoConfig.serialize
392
- });
393
- _context6.next = 28;
394
- break;
395
-
396
- case 27:
397
- result = _extends({}, data);
394
+ };
398
395
 
399
- case 28:
400
- _context6.next = 33;
396
+ case 26:
397
+ result = _extends({}, data, graphConfig);
398
+ _context6.next = 32;
401
399
  break;
402
400
 
403
- case 30:
404
- _context6.next = 32;
401
+ case 29:
402
+ _context6.next = 31;
405
403
  return topoApp.options.loadData(topoId);
406
404
 
407
- case 32:
405
+ case 31:
408
406
  result = _context6.sent;
409
407
 
410
- case 33:
408
+ case 32:
411
409
  if (result) {
412
- _context6.next = 37;
410
+ _context6.next = 36;
413
411
  break;
414
412
  }
415
413
 
@@ -424,27 +422,27 @@ export default function (topoApp) {
424
422
  topoApp.options.onLoad();
425
423
  return _context6.abrupt("return");
426
424
 
427
- case 37:
425
+ case 36:
428
426
  result = parseTopoData(result);
429
427
  rlog.debug("topoMod.initTopoData 查询数据完成", topoId, linkTo, result);
430
- _context6.next = 41;
428
+ _context6.next = 40;
431
429
  return Promise.all([topoApp.ciTyeCache.getCiTypeMap(getCiTypes(result)), dispatch.customIcon.loadCustomIcons(), topoApp.elementTagTipConfig.init(result) // 暂停新配置开发
432
430
  ]);
433
431
 
434
- case 41:
432
+ case 40:
435
433
  _yield$Promise$all = _context6.sent;
436
434
  ciTypeMap = _yield$Promise$all[0];
437
435
  customIcons = _yield$Promise$all[1];
438
436
  xxx = _yield$Promise$all[2];
439
437
  rlog.debug("topoMod.initTopoData Ci属性指标元数据", ciTypeMap);
440
438
  extraConfig = result.global.extraConfig;
441
- _context6.next = 49;
439
+ _context6.next = 48;
442
440
  return dispatch.displayConfig.setConfig(_extends({}, extraConfig, {
443
441
  alarmSwitch: result.global.alarmSwitch,
444
442
  alarmListDefaultOpen: result.global.alarmListDefaultOpen
445
443
  }));
446
444
 
447
- case 49:
445
+ case 48:
448
446
  _combTopoData = combTopoData({
449
447
  engine: topoApp,
450
448
  data: result,
@@ -473,7 +471,7 @@ export default function (topoApp) {
473
471
  rlog.info("topoMod.initTopoData 初始化拓扑图数据完成. 耗时: ", endTime.diff(startTime, "seconds", true));
474
472
  topoApp.options.onLoad();
475
473
 
476
- case 58:
474
+ case 57:
477
475
  case "end":
478
476
  return _context6.stop();
479
477
  }
@@ -604,7 +602,7 @@ export default function (topoApp) {
604
602
  id = playload.id, update = playload.update;
605
603
  _context11.prev = 1;
606
604
  _context11.next = 4;
607
- return topoService.auth.getTopoPermission(id);
605
+ return topoApp.serverApi.auth.getTopoPermission(id);
608
606
 
609
607
  case 4:
610
608
  topoPermission = _context11.sent;
@@ -7,6 +7,8 @@ import { showLinkByConfig } from "../models/utils/linkUtils";
7
7
  */
8
8
 
9
9
  export var updateEdgeExpanded = function updateEdgeExpanded(topo) {
10
+ var _topo$historyManager, _topo$historyManager2;
11
+
10
12
  var _topo$store$getModelS = topo.store.getModelState("topoMod"),
11
13
  viewState = _topo$store$getModelS.viewState;
12
14
 
@@ -21,6 +23,8 @@ export var updateEdgeExpanded = function updateEdgeExpanded(topo) {
21
23
  expandAllEdges = _topo$store$getModelS2.expandAllEdges; // console.log("expandAllEdges----------", expandAllEdges);
22
24
 
23
25
 
26
+ (_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.setDisabled(true, '连线展开控制');
27
+
24
28
  if (expandAllEdges === 1) {
25
29
  showLinkByConfig({
26
30
  topo: topo,
@@ -37,6 +41,8 @@ export var updateEdgeExpanded = function updateEdgeExpanded(topo) {
37
41
  rlog.debug("updateEdgeExpanded 展开-isEditMode", isEditMode);
38
42
  }
39
43
 
44
+ (_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '连线展开控制');
45
+
40
46
  if (topo.linkDynamicStyleExecutor) {
41
47
  topo.linkDynamicStyleExecutor.execute();
42
48
  }
@@ -13,7 +13,8 @@ export default function useMetricPolling(_ref) {
13
13
  sourceMetrics: null,
14
14
  destinationMetrics: null,
15
15
  // 链路指标列表
16
- linkMetrics: []
16
+ linkMetrics: [],
17
+ linkMetricsTs: null
17
18
  }),
18
19
  data = _useState[0],
19
20
  setData = _useState[1]; // 轮询hooks
@@ -25,9 +26,7 @@ export default function useMetricPolling(_ref) {
25
26
  debounceInterval: 200,
26
27
  manual: true,
27
28
  onSuccess: function onSuccess(result) {
28
- setData(_extends({}, data, {
29
- linkMetrics: result
30
- }));
29
+ setData(_extends({}, data, result));
31
30
  rlog.info('链路拓扑指标轮询', result);
32
31
  }
33
32
  });
@@ -68,6 +68,8 @@ export function queryLinkLatestMetrics(_x3, _x4) {
68
68
 
69
69
  function _queryLinkLatestMetrics() {
70
70
  _queryLinkLatestMetrics = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(linkCi, linkMetricCodes) {
71
+ var _linkMetrics$;
72
+
71
73
  var linkMetrics, resultData;
72
74
  return _regeneratorRuntime.wrap(function _callee3$(_context3) {
73
75
  while (1) {
@@ -91,6 +93,10 @@ function _queryLinkLatestMetrics() {
91
93
 
92
94
  case 5:
93
95
  linkMetrics = _context3.sent;
96
+ _context3.next = 8;
97
+ return ciTypeCache.load([linkCi.ciType || linkCi.typeCode]);
98
+
99
+ case 8:
94
100
  // format
95
101
  resultData = linkMetricCodes.map(function (code) {
96
102
  var _linkMetrics$find;
@@ -98,16 +104,19 @@ function _queryLinkLatestMetrics() {
98
104
  var value = (_linkMetrics$find = linkMetrics.find(function (m) {
99
105
  return m.metricCode === code;
100
106
  })) === null || _linkMetrics$find === void 0 ? void 0 : _linkMetrics$find.metricValue;
101
- var metricDef = ciTypeCache.getMetric(linkCi.ciType, code);
107
+ var metricDef = ciTypeCache.getMetric(linkCi.ciType || linkCi.typeCode, code);
102
108
  return {
103
109
  code: code,
104
110
  name: metricDef.name,
105
111
  value: formatMetric(value, metricDef) || ''
106
112
  };
107
113
  });
108
- return _context3.abrupt("return", resultData);
114
+ return _context3.abrupt("return", {
115
+ linkMetrics: resultData,
116
+ linkMetricsTs: (_linkMetrics$ = linkMetrics[0]) === null || _linkMetrics$ === void 0 ? void 0 : _linkMetrics$.ts
117
+ });
109
118
 
110
- case 8:
119
+ case 10:
111
120
  case "end":
112
121
  return _context3.stop();
113
122
  }
@@ -130,6 +139,8 @@ function _queryLinkInterfacesLatestMetrics() {
130
139
  switch (_context4.prev = _context4.next) {
131
140
  case 0:
132
141
  parseInterfaceMetrics = function _parseInterfaceMetric(subCiId) {
142
+ var _metrics$;
143
+
133
144
  var metrics = interfaceMetrics.filter(function (metric) {
134
145
  return metric.subCiId === subCiId;
135
146
  });
@@ -139,11 +150,14 @@ function _queryLinkInterfacesLatestMetrics() {
139
150
  var value = (_metrics$find = metrics.find(function (m) {
140
151
  return m.metricCode === code;
141
152
  })) === null || _metrics$find === void 0 ? void 0 : _metrics$find.metricValue;
142
- var metricDef = ciTypeCache.getMetric(linkCi.ciType, code);
153
+ var metricDef = ciTypeCache.getMetric(linkCi.ciType || linkCi.typeCode, code);
143
154
  var formatValue = formatMetric(value, metricDef);
144
155
  res[code] = formatValue === 'undefined' ? '-' : formatValue;
145
156
  return res;
146
- }, {});
157
+ }, {
158
+ _ts: (_metrics$ = metrics[0]) === null || _metrics$ === void 0 ? void 0 : _metrics$.ts // 指标时间
159
+
160
+ });
147
161
  };
148
162
 
149
163
  _linkCi$attributes = linkCi.attributes, sourceType = _linkCi$attributes.source_type, sourceId = _linkCi$attributes.source_id, destinationId = _linkCi$attributes.destination_id, destinationType = _linkCi$attributes.destination_type;
@@ -18,46 +18,30 @@ export default function WebConsoleForm(props) {
18
18
  webConsoleUrl = _useWebConsole.webConsoleUrl,
19
19
  save = _useWebConsole.save;
20
20
 
21
- var _useState = useState(true),
21
+ var _useState = useState(false),
22
22
  isEdit = _useState[0],
23
- handleInput = _useState[1];
24
-
25
- var _useState2 = useState(false),
26
- isSave = _useState2[0],
27
- handleSaveBtn = _useState2[1];
28
-
29
- var _useState3 = useState(false),
30
- isShow = _useState3[0],
31
- handleEdit = _useState3[1];
23
+ setIsEdit = _useState[1];
32
24
 
33
25
  var field = _Field.useField({
34
26
  autoUnmount: true,
35
- values: {},
36
- onChange: function onChange(name, value) {
37
- field.getValue('url').length > 0 ? handleSaveBtn(false) : handleSaveBtn(true);
38
- }
27
+ values: {
28
+ url: webConsoleUrl || ''
29
+ },
30
+ onChange: function onChange(name, value) {}
39
31
  });
40
32
 
41
33
  useEffect(function () {
42
- field.setValue('url', webConsoleUrl);
34
+ field.setValue('url', webConsoleUrl || '');
35
+ field.validate();
43
36
  }, [webConsoleUrl]);
44
- useEffect(function () {
45
- field.getError('url') == null ? handleSaveBtn(false) : handleSaveBtn(true);
46
- }, [field.getError('url')]);
47
37
 
48
38
  function handleEditLink() {
49
- handleInput(false);
50
- handleEdit(true);
39
+ setIsEdit(true);
51
40
  }
52
41
 
53
42
  function saveData() {
54
43
  save(field.getValue('url'));
55
- handleEdit(function (isShow) {
56
- return !isShow;
57
- });
58
- handleInput(function (isEdit) {
59
- return !isEdit;
60
- });
44
+ setIsEdit(false);
61
45
  }
62
46
 
63
47
  return /*#__PURE__*/React.createElement(_Loading, {
@@ -85,10 +69,10 @@ export default function WebConsoleForm(props) {
85
69
  name: "url",
86
70
  placeholder: "\u8BF7\u8F93\u5165\u94FE\u63A5\u5730\u5740",
87
71
  trim: true,
88
- disabled: isEdit
89
- })), /*#__PURE__*/React.createElement(FormItem, null, isShow ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
72
+ disabled: !isEdit
73
+ })), /*#__PURE__*/React.createElement(FormItem, null, isEdit ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
90
74
  type: "primary",
91
- disabled: isSave,
75
+ disabled: !!field.getError('url'),
92
76
  onClick: saveData,
93
77
  name: "baocun"
94
78
  }, "\u4FDD\u5B58")) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
@@ -57,16 +57,17 @@ export default function useWebConsole(props) {
57
57
  var requestWebConsoleUrl = useRequest(queryWebConsoleUrlById, {
58
58
  manual: true,
59
59
  onSuccess: function onSuccess(result) {
60
- if (ipv4Address != undefined) {
61
- result = result === undefined ? "http://" + ipv4Address : result;
62
- } else {
63
- result = result === undefined ? null : result;
60
+ var url = result;
61
+
62
+ if (!url && ipv4Address) {
63
+ url = "http://" + ipv4Address;
64
64
  }
65
65
 
66
- setWebConsoleUrl(result);
66
+ setWebConsoleUrl(url);
67
67
  }
68
68
  });
69
69
  useEffect(function () {
70
+ setWebConsoleUrl(null);
70
71
  requestWebConsoleUrl.run(ciId);
71
72
  }, [ciId]); // 保存Web控制台url
72
73
 
@@ -11,7 +11,8 @@ import DisplaySettingDrawer from "../../../../components/DisplaySettingDrawer";
11
11
  export default function SettingButton(props) {
12
12
  var topo = props.topo,
13
13
  displaySettingProps = props.displaySettingProps,
14
- style = props.style;
14
+ style = props.style,
15
+ isEditor = props.isEditor;
15
16
 
16
17
  var _useState = useState(false),
17
18
  visible = _useState[0],
@@ -40,6 +41,7 @@ export default function SettingButton(props) {
40
41
  })), /*#__PURE__*/React.createElement(DisplaySettingDrawer, {
41
42
  visible: visible,
42
43
  topo: topo,
44
+ isEditor: isEditor,
43
45
  displaySettingProps: displaySettingProps,
44
46
  onClose: function onClose() {
45
47
  setVisible(false);
@@ -9,11 +9,13 @@ import SettingButton from "./SettingButton";
9
9
  export default function SettingButtonWidget(props) {
10
10
  var topo = props.topo,
11
11
  viewerProps = props.viewerProps,
12
- style = props.style;
12
+ style = props.style,
13
+ isEditor = props.isEditor;
13
14
  return /*#__PURE__*/React.createElement(SettingButton, {
14
15
  topo: topo,
15
16
  displaySettingProps: viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.displaySettingProps,
16
- style: style
17
+ style: style,
18
+ isEditor: isEditor
17
19
  });
18
20
  }
19
21
  ;
@@ -1,10 +1,43 @@
1
+ import _Form from "@alifd/next/es/form";
2
+ import _Field from "@alifd/next/es/field";
1
3
  import _extends from "@babel/runtime/helpers/extends";
2
- import React from 'react';
3
- import CommonEdgePropertyView from "../../../../../core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView";
4
+ import rlog from '@riil-frontend/component-topology-utils/es/rlog';
5
+ import React, { useEffect } from 'react';
4
6
  import BindExitLinkSelect from "./link/BindExitLinkSelect";
7
+
8
+ function parseValues(values, edge) {
9
+ return _extends({}, values);
10
+ }
11
+
5
12
  export default function EdgePropertyView(props) {
6
- var extraDisplaySetting = /*#__PURE__*/React.createElement(BindExitLinkSelect, props);
7
- return /*#__PURE__*/React.createElement(CommonEdgePropertyView, _extends({}, props, {
8
- extraDisplaySetting: extraDisplaySetting
9
- }));
13
+ var topo = props.topo,
14
+ edge = props.edge,
15
+ values = props.values,
16
+ _onChange = props.onChange,
17
+ editorProps = props.editorProps,
18
+ extraDisplaySetting = props.extraDisplaySetting;
19
+ var store = topo.store;
20
+
21
+ var field = _Field.useField({
22
+ autoUnmount: false,
23
+ values: parseValues(values, edge),
24
+ onChange: function onChange(name, value) {
25
+ rlog.debug('CommonEdgePropertyView', name, value);
26
+ var newValues = field.getValues();
27
+
28
+ _onChange(name, value, newValues);
29
+ }
30
+ });
31
+
32
+ useEffect(function () {
33
+ field.setValues(parseValues(values, edge));
34
+ }, [values]);
35
+ return /*#__PURE__*/React.createElement("div", {
36
+ style: {
37
+ margin: '12px 0 0 32px'
38
+ }
39
+ }, /*#__PURE__*/React.createElement(_Form, {
40
+ field: field,
41
+ labelAlign: "top"
42
+ }, /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement(BindExitLinkSelect, props))));
10
43
  }
@@ -1,37 +1,31 @@
1
- import _Tab from "@alifd/next/es/tab";
2
1
  import _extends from "@babel/runtime/helpers/extends";
3
- import React from "react";
4
- import TabView from "../../../../../../core/editor/components/settings/common/tab/TabView";
2
+ import NoDataPage from '@riil-frontend/component-no-data-page';
3
+ import React from 'react';
5
4
  import Data from "./Data";
6
- import Setting from "./Setting";
7
5
  export default function LinkPropertyView(props) {
8
6
  var edge = props.edge,
9
7
  topo = props.topo; // 无权限不显示数据页签
10
8
 
11
- var _topo$store$useModelS = topo.store.useModelState("topoMod").data,
9
+ var _topo$store$useModelS = topo.store.useModelState('topoMod').data,
12
10
  links = _topo$store$useModelS.links,
13
11
  linkGroups = _topo$store$useModelS.linkGroups;
14
12
  var link = [].concat(links, linkGroups).find(function (item) {
15
13
  return item.id === edge.getTag();
16
- }); // console.log('LinkPropertyView',link)
14
+ });
17
15
 
18
16
  if (link) {
19
17
  var readable = link.permission.readable;
20
18
 
21
19
  if (!readable) {
22
- return /*#__PURE__*/React.createElement(Setting, props);
20
+ return /*#__PURE__*/React.createElement(NoDataPage, {
21
+ statusCode: "\u6CA1\u6709\u67E5\u770B\u6743\u9650"
22
+ });
23
23
  }
24
24
  } else {
25
- return /*#__PURE__*/React.createElement(Setting, props);
25
+ return null;
26
26
  }
27
27
 
28
- return /*#__PURE__*/React.createElement(TabView, null, /*#__PURE__*/React.createElement(_Tab.Item, {
29
- title: "\u6570\u636E",
30
- key: "1"
31
- }, /*#__PURE__*/React.createElement(Data, _extends({}, props, {
28
+ return /*#__PURE__*/React.createElement(Data, _extends({}, props, {
32
29
  link: link
33
- }))), /*#__PURE__*/React.createElement(_Tab.Item, {
34
- title: "\u8BBE\u7F6E",
35
- key: "2"
36
- }, /*#__PURE__*/React.createElement(Setting, props)));
30
+ }));
37
31
  }
@@ -0,0 +1,37 @@
1
+ import _Tab from "@alifd/next/es/tab";
2
+ import _extends from "@babel/runtime/helpers/extends";
3
+ import React from 'react';
4
+ import TabView from "../../../../../../core/editor/components/settings/common/tab/TabView";
5
+ import Data from "./Data";
6
+ import Setting from "./Setting";
7
+ export default function LinkPropertyView(props) {
8
+ var edge = props.edge,
9
+ topo = props.topo; // 无权限不显示数据页签
10
+
11
+ var _topo$store$useModelS = topo.store.useModelState('topoMod').data,
12
+ links = _topo$store$useModelS.links,
13
+ linkGroups = _topo$store$useModelS.linkGroups;
14
+ var link = [].concat(links, linkGroups).find(function (item) {
15
+ return item.id === edge.getTag();
16
+ }); // console.log('LinkPropertyView',link)
17
+
18
+ if (link) {
19
+ var readable = link.permission.readable;
20
+
21
+ if (!readable) {
22
+ return /*#__PURE__*/React.createElement(Setting, props);
23
+ }
24
+ } else {
25
+ return /*#__PURE__*/React.createElement(Setting, props);
26
+ }
27
+
28
+ return /*#__PURE__*/React.createElement(TabView, null, /*#__PURE__*/React.createElement(_Tab.Item, {
29
+ title: "\u6570\u636E",
30
+ key: "1"
31
+ }, /*#__PURE__*/React.createElement(Data, _extends({}, props, {
32
+ link: link
33
+ }))), /*#__PURE__*/React.createElement(_Tab.Item, {
34
+ title: "\u8BBE\u7F6E",
35
+ key: "2"
36
+ }, /*#__PURE__*/React.createElement(Setting, props)));
37
+ }
@@ -53,7 +53,7 @@
53
53
  height: 100%;
54
54
  display: flex;
55
55
  flex-direction: column;
56
- padding-top: 8px;
56
+ padding-top: 12px;
57
57
  padding-left: 16px;
58
58
 
59
59
  :global {
@@ -1,7 +1,9 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import TopoCenter from "./models/TopoCenter";
3
+ import services from "./services";
3
4
  export function createTopo(options) {
4
5
  var topoApp = new TopoCenter(_extends({}, options));
6
+ topoApp.serverApi = services;
5
7
  return topoApp;
6
8
  }
7
9
  export default createTopo;
@@ -54,13 +54,13 @@ var LinkDynamicStyleExecutor = /*#__PURE__*/function () {
54
54
  var _this = this;
55
55
 
56
56
  var topo = this.topo;
57
- topo.historyManager && topo.historyManager.setDisabled(true, '链路动态样式');
58
57
 
59
58
  var _topo$dataModel$getDa = topo.dataModel.getData(),
60
59
  links = _topo$dataModel$getDa.links,
61
60
  linkGroups = _topo$dataModel$getDa.linkGroups;
62
61
 
63
- var dataModel = this.topo.getDataModel(); // 1、如果连线可见,设置线宽
62
+ var dataModel = this.topo.getDataModel();
63
+ topo.historyManager && topo.historyManager.setDisabled(true, '链路动态样式'); // 1、如果连线可见,设置线宽
64
64
 
65
65
  links.forEach(function (link) {
66
66
  var edge = dataModel.getDataByTag(link.id);
@@ -156,10 +156,10 @@ export default {
156
156
  // const idtxt = `'${ids[0]}','${ids[1]}'`;
157
157
  stag = ids[0];
158
158
  ttag = ids[1];
159
- condition = "type('network_link') && !network_link.destination_device_id && network_link.source_device_id ='" + stag + "'";
159
+ condition = "type('network_link') && !destination_id && network_link.source_device_id ='" + stag + "'";
160
160
 
161
161
  if (ttag) {
162
- condition = "type('network_link') && !network_link.destination_device_id && network_link.source_device_id ='" + stag + "' && network_link.destination_device_id='" + ttag + "'";
162
+ condition = "type('network_link') && !destination_id && network_link.source_device_id ='" + stag + "' && network_link.destination_device_id='" + ttag + "'";
163
163
  }
164
164
 
165
165
  parm = {