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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (376) hide show
  1. package/build/1.js +2 -2
  2. package/build/2.js +1 -1
  3. package/build/index.css +1 -1
  4. package/build/index.js +35 -35
  5. package/demo/CHANGELOG/CHANGELOG.md +5 -0
  6. package/es/components/ColorPanel/components/ColorBlock/index.js +37 -0
  7. package/es/components/ColorPanel/components/ColorBlock/index.module.scss +9 -0
  8. package/es/components/ColorPanel/components/FontColorRange/index.js +35 -0
  9. package/es/components/ColorPanel/components/FontColorRange/index.module.scss +25 -0
  10. package/es/components/ColorPanel/index.js +259 -0
  11. package/es/components/ColorPanel/index.module.scss +35 -0
  12. package/es/components/VerticalIconTab/VerticalIconTab.js +11 -1
  13. package/es/components/VerticalIconTab/VerticalIconTab.module.scss +2 -0
  14. package/es/components/collapse/Collapse.js +22 -3
  15. package/es/components/collapse/Collapse.module.scss +24 -0
  16. package/es/components/collapse/index.js +2 -0
  17. package/es/core/common/hooks/useHtElements.js +21 -0
  18. package/es/core/common/icons/icon.js +40 -0
  19. package/es/core/common/icons/useIcons.js +5 -19
  20. package/es/core/components/AlarmListPanel/components/AlarmListItem.js +14 -13
  21. package/es/core/components/AlarmListPanel/components/index.module.scss +5 -5
  22. package/es/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -1
  23. package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +9 -3
  24. package/es/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +122 -0
  25. package/es/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +0 -3
  26. package/es/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +84 -22
  27. package/es/core/components/TopoView/GraphViewPanel.js +22 -0
  28. package/es/core/components/TopoView/editor.module.scss +1 -0
  29. package/es/core/components/TopoView/topoView.js +30 -60
  30. package/es/core/components/titlebar/TitleBar.module.scss +1 -1
  31. package/es/core/editor/components/EditorPlugin.js +18 -2
  32. package/es/core/editor/components/Sidebar/Sidebar.js +29 -7
  33. package/es/core/editor/components/Sidebar/panes.js +10 -5
  34. package/es/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +11 -30
  35. package/es/core/editor/components/Sidebar/views/CanvasPanel/hooks/useCanvasThemeConfig.js +109 -0
  36. package/es/core/editor/components/Sidebar/views/CanvasPanel/hooks/useUpdateHtTopoDefaultTagStyle.js +27 -0
  37. package/es/core/editor/components/Sidebar/views/CanvasPanel/utils/elementThemeUtil.js +0 -0
  38. package/es/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +3 -3
  39. package/es/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +12 -1
  40. package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +12 -1
  41. package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +3 -3
  42. package/es/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +27 -8
  43. package/es/core/editor/components/Toolbar/buttons.js +2 -2
  44. package/es/core/editor/components/Toolbar/widgets/AddResourceButton.js +1 -1
  45. package/es/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +3 -3
  46. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/Content.js +46 -2
  47. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +98 -6
  48. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +59 -25
  49. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +3 -5
  50. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/constants.js +77 -0
  51. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +52 -5
  52. package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +166 -16
  53. package/es/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +42 -0
  54. package/es/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +26 -12
  55. package/es/core/editor/components/Toolbar/widgets/FontSizeWidget.js +37 -12
  56. package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js +92 -39
  57. package/es/core/editor/components/Toolbar/widgets/IconSelect/index.module.scss +4 -2
  58. package/es/core/editor/components/Toolbar/widgets/IconSelect/popUpContent.js +1 -2
  59. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.js +99 -0
  60. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.module.scss +70 -0
  61. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.js +42 -0
  62. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.module.scss +7 -0
  63. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.js +75 -0
  64. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.scss +32 -0
  65. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/Icon.js +23 -0
  66. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/index.js +10 -0
  67. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_circular.svg +10 -0
  68. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_hierarchical.svg +10 -0
  69. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_rectangle.svg +12 -0
  70. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_toward.svg +16 -0
  71. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.js +31 -0
  72. package/es/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.module.scss +53 -0
  73. package/es/core/editor/components/Toolbar/widgets/Layout/index.js +130 -15
  74. package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +107 -23
  75. package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss +33 -0
  76. package/es/core/editor/components/Toolbar/widgets/NodeImageButton/BoxBackgroundSetting.js +2 -2
  77. package/es/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +20 -7
  78. package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +40 -35
  79. package/es/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
  80. package/es/core/editor/components/Toolbar/widgets/WidgetBox.js +10 -4
  81. package/es/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +10 -1
  82. package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.js +2 -2
  83. package/es/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss +4 -0
  84. package/es/core/editor/components/Toolbar/widgets/components/DropdownButton.js +19 -8
  85. package/es/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +21 -7
  86. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +52 -0
  87. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/colorUtil.js +67 -0
  88. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +41 -0
  89. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +65 -0
  90. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +65 -0
  91. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/index.js +14 -0
  92. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/layerTitle.js +73 -0
  93. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +69 -0
  94. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +37 -0
  95. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +124 -0
  96. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js +31 -0
  97. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +98 -0
  98. package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +20 -0
  99. package/es/core/editor/components/plugins/AddElementThemePlugin.js +11 -0
  100. package/es/core/editor/components/settings/CloseablePanel.js +33 -0
  101. package/es/core/editor/components/settings/CloseablePanel.module.scss +21 -0
  102. package/es/core/editor/components/settings/PropertyView.js +50 -11
  103. package/es/core/editor/components/settings/Settings.js +37 -122
  104. package/es/core/editor/components/settings/Settings.module.scss +7 -11
  105. package/es/core/editor/components/settings/common/AlignSetting/AlignSetting.module.scss +3 -3
  106. package/es/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +80 -0
  107. package/es/core/editor/components/settings/common/AlignSetting/index.js +20 -72
  108. package/es/core/editor/components/settings/common/GroupNodeList/ResourceList.module.scss +1 -0
  109. package/es/core/editor/components/settings/common/LineType/index.js +11 -102
  110. package/es/core/editor/components/settings/common/NameInput.js +24 -0
  111. package/es/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +21 -18
  112. package/es/core/editor/components/settings/common/text/fontStyleUtil.js +21 -19
  113. package/es/core/editor/components/settings/core/PropertyViewManager.js +81 -0
  114. package/es/core/editor/components/settings/core/edgePropertyViewAdapter.js +22 -0
  115. package/es/core/editor/components/settings/core/getPropertyViewType.js +34 -0
  116. package/es/core/editor/components/settings/core/updateElementProperty.js +21 -0
  117. package/es/core/editor/components/settings/propertyViews/box/BoxPropertyView.js +6 -13
  118. package/es/core/editor/components/settings/propertyViews/box/BoxPropertyViewV1.js +58 -0
  119. package/es/core/editor/components/settings/propertyViews/box/NameInput.js +5 -4
  120. package/es/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js +12 -3
  121. package/es/core/editor/components/settings/propertyViews/edge/EdgeGroupPropertyView.js +7 -8
  122. package/es/core/editor/components/settings/propertyViews/edge/EdgePropertyView.js +9 -23
  123. package/es/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +10 -0
  124. package/es/core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting.js +1 -6
  125. package/es/core/editor/components/settings/propertyViews/group/GroupPropertyView.js +13 -21
  126. package/es/core/editor/components/settings/propertyViews/group/GroupPropertyView.module.scss +8 -1
  127. package/es/core/editor/components/settings/propertyViews/group/GroupPropertyViewV1.js +28 -0
  128. package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupBasicSetting.js +75 -0
  129. package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +9 -15
  130. package/es/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js +8 -6
  131. package/es/core/editor/components/settings/propertyViews/index.js +4 -6
  132. package/es/core/editor/components/settings/propertyViews/layer/BasicSetting.js +57 -0
  133. package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyView.js +11 -17
  134. package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyView.module.scss +10 -0
  135. package/es/core/editor/components/settings/propertyViews/layer/LayerPropertyViewV1.js +27 -0
  136. package/es/core/editor/components/settings/propertyViews/multipleElements/MultipleElementLineType.js +5 -7
  137. package/es/core/editor/components/settings/propertyViews/multipleElements/MultipleElementPropertyView.js +2 -15
  138. package/es/core/editor/components/settings/propertyViews/node/NodePropertyView.js +8 -32
  139. package/es/core/editor/components/settings/propertyViews/node/NodePropertyViewV1.js +53 -0
  140. package/es/core/editor/components/settings/propertyViews/node/Setting/BasicSetting.js +49 -0
  141. package/es/core/editor/components/settings/propertyViews/node/Setting/NameInput.js +5 -4
  142. package/es/core/editor/components/settings/propertyViews/node/data/Data.js +2 -1
  143. package/es/core/editor/components/settings/propertyViews/node/data/NodeRelateResourceButton.js +1 -0
  144. package/es/core/editor/components/settings/propertyViews/text/TextPropertyView.js +5 -20
  145. package/es/core/editor/components/titlebar/TopoEditorTitleBar.js +8 -4
  146. package/es/core/editor/config/themes.js +105 -0
  147. package/es/core/editor/hooks/useKeyboardShortcut.js +39 -0
  148. package/es/core/editor/hooks/useNewElementTheme.js +46 -0
  149. package/es/core/editor/store/topoEdit.js +44 -37
  150. package/es/core/editor/utils/edgeTypeStyleUtil.js +34 -11
  151. package/es/core/editor/utils/textStyleUtil.js +0 -0
  152. package/es/core/editor/utils/themeUtil.js +32 -0
  153. package/es/core/hooks/useCanvasTheme.js +54 -0
  154. package/es/core/hooks/useManageStatus.js +1 -9
  155. package/es/core/hooks/usePolling.js +2 -5
  156. package/es/core/hooks/useTopoEdit.js +15 -8
  157. package/es/core/models/Alarm.js +2 -2
  158. package/es/core/models/AttributeMetricDisplay.js +4 -0
  159. package/es/core/models/HistoryManager.js +13 -8
  160. package/es/core/models/{SelectionManager.js → SelectionModel.js} +55 -22
  161. package/es/core/models/TopoApp.js +6 -5
  162. package/es/core/models/selection/ignoreList.js +1 -0
  163. package/es/core/models/utils/linkUtils.js +5 -6
  164. package/es/core/store/models/customIcon.js +1 -3
  165. package/es/core/store/models/selection.js +2 -1
  166. package/es/core/store/models/topoBizMod.js +0 -3
  167. package/es/core/store/models/topoConfig.js +10 -12
  168. package/es/core/store/models/topoMod.js +26 -28
  169. package/es/core/utils/edgeUtil.js +6 -0
  170. package/es/core/utils/showGraphManageStatusUtil.js +7 -1
  171. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +18 -13
  172. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +38 -19
  173. package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/WebConsoleForm.js +13 -29
  174. package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +6 -5
  175. package/es/core/viewer/components/plugins/ViewerPlugin.js +10 -4
  176. package/es/core/viewer/components/titlebar/widgets/SettingButton.js +3 -1
  177. package/es/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +4 -2
  178. package/es/networkTopo/components/editor/propertyViews/edge/EdgeGroupPropertyView.js +2 -1
  179. package/es/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +39 -6
  180. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +10 -16
  181. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +37 -0
  182. package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +1 -1
  183. package/es/networkTopo/components/editor/useEditorProps.js +1 -3
  184. package/es/networkTopo/createTopo.js +2 -0
  185. package/es/networkTopo/models/LinkDynamicStyleExecutor.js +2 -2
  186. package/es/networkTopo/services/link.js +2 -2
  187. package/es/networkTopo/store/topoTreeMod.js +6 -7
  188. package/es/style.js +28 -27
  189. package/es/utils/htElementUtils.js +3 -0
  190. package/es/utils/topoData.js +1 -0
  191. package/lib/components/ColorPanel/components/ColorBlock/index.js +47 -0
  192. package/lib/components/ColorPanel/components/ColorBlock/index.module.scss +9 -0
  193. package/lib/components/ColorPanel/components/FontColorRange/index.js +49 -0
  194. package/lib/components/ColorPanel/components/FontColorRange/index.module.scss +25 -0
  195. package/lib/components/ColorPanel/index.js +278 -0
  196. package/lib/components/ColorPanel/index.module.scss +35 -0
  197. package/lib/components/VerticalIconTab/VerticalIconTab.js +14 -1
  198. package/lib/components/VerticalIconTab/VerticalIconTab.module.scss +2 -0
  199. package/lib/components/collapse/Collapse.js +28 -3
  200. package/lib/components/collapse/Collapse.module.scss +24 -0
  201. package/lib/components/collapse/index.js +11 -0
  202. package/lib/core/common/hooks/useHtElements.js +27 -0
  203. package/lib/core/common/icons/icon.js +47 -0
  204. package/lib/core/common/icons/useIcons.js +7 -18
  205. package/lib/core/components/AlarmListPanel/components/AlarmListItem.js +14 -13
  206. package/lib/core/components/AlarmListPanel/components/index.module.scss +5 -5
  207. package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -1
  208. package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +10 -3
  209. package/lib/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +147 -0
  210. package/lib/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +0 -3
  211. package/lib/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js +84 -22
  212. package/lib/core/components/TopoView/GraphViewPanel.js +32 -0
  213. package/lib/core/components/TopoView/editor.module.scss +1 -0
  214. package/lib/core/components/TopoView/topoView.js +36 -67
  215. package/lib/core/components/titlebar/TitleBar.module.scss +1 -1
  216. package/lib/core/editor/components/EditorPlugin.js +26 -2
  217. package/lib/core/editor/components/Sidebar/Sidebar.js +28 -6
  218. package/lib/core/editor/components/Sidebar/panes.js +10 -5
  219. package/lib/core/editor/components/Sidebar/views/CanvasPanel/CanvasPanel.js +12 -31
  220. package/lib/core/editor/components/Sidebar/views/CanvasPanel/hooks/useCanvasThemeConfig.js +123 -0
  221. package/lib/core/editor/components/Sidebar/views/CanvasPanel/hooks/useUpdateHtTopoDefaultTagStyle.js +37 -0
  222. package/lib/core/editor/components/Sidebar/views/CanvasPanel/utils/elementThemeUtil.js +1 -0
  223. package/lib/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +1 -1
  224. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +13 -1
  225. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +13 -1
  226. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +3 -3
  227. package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +36 -12
  228. package/lib/core/editor/components/Toolbar/buttons.js +2 -2
  229. package/lib/core/editor/components/Toolbar/widgets/AddResourceButton.js +1 -1
  230. package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +3 -3
  231. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/Content.js +48 -2
  232. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +100 -6
  233. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +58 -24
  234. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +3 -3
  235. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/constants.js +83 -0
  236. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +53 -4
  237. package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +172 -16
  238. package/lib/core/editor/components/Toolbar/widgets/FontColorButton.module.scss +42 -0
  239. package/lib/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +27 -11
  240. package/lib/core/editor/components/Toolbar/widgets/FontSizeWidget.js +38 -11
  241. package/lib/core/editor/components/Toolbar/widgets/FontStyleButton.js +96 -39
  242. package/lib/core/editor/components/Toolbar/widgets/IconSelect/index.module.scss +4 -2
  243. package/lib/core/editor/components/Toolbar/widgets/IconSelect/popUpContent.js +1 -2
  244. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.js +116 -0
  245. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutSettings.module.scss +70 -0
  246. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.js +55 -0
  247. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagImageSelect/index.module.scss +7 -0
  248. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.js +93 -0
  249. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTagSelect/index.scss +32 -0
  250. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/Icon.js +32 -0
  251. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/index.js +22 -0
  252. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_circular.svg +10 -0
  253. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_hierarchical.svg +10 -0
  254. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_rectangle.svg +12 -0
  255. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/assets/topo_layout_toward.svg +16 -0
  256. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.js +44 -0
  257. package/lib/core/editor/components/Toolbar/widgets/Layout/components/LayoutTemplateButton/index.module.scss +53 -0
  258. package/lib/core/editor/components/Toolbar/widgets/Layout/index.js +135 -16
  259. package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.js +110 -23
  260. package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss +33 -0
  261. package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/BoxBackgroundSetting.js +2 -2
  262. package/lib/core/editor/components/Toolbar/widgets/NodeImageButton/NodeImageButton.js +21 -7
  263. package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.js +40 -34
  264. package/lib/core/editor/components/Toolbar/widgets/NodeSizeButton/NodeSizeButton.module.scss +28 -0
  265. package/lib/core/editor/components/Toolbar/widgets/WidgetBox.js +13 -4
  266. package/lib/core/editor/components/Toolbar/widgets/WidgetBox.module.scss +10 -1
  267. package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.js +2 -2
  268. package/lib/core/editor/components/Toolbar/widgets/components/ButtonBox.module.scss +4 -0
  269. package/lib/core/editor/components/Toolbar/widgets/components/DropdownButton.js +19 -8
  270. package/lib/core/editor/components/Toolbar/widgets/components/DropdownMenu.js +22 -7
  271. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/ElementTextStyleSetting.js +66 -0
  272. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/colorUtil.js +82 -0
  273. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/box.js +58 -0
  274. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +86 -0
  275. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +88 -0
  276. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/index.js +28 -0
  277. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/layerTitle.js +90 -0
  278. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +90 -0
  279. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/text.js +54 -0
  280. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +141 -0
  281. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/GlobalTagStyleSetting.js +46 -0
  282. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/GlobalTagStyleSetting/globalTag.js +111 -0
  283. package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/textStyleSettingRouter.js +31 -0
  284. package/lib/core/editor/components/plugins/AddElementThemePlugin.js +20 -0
  285. package/lib/core/editor/components/settings/CloseablePanel.js +46 -0
  286. package/lib/core/editor/components/settings/CloseablePanel.module.scss +21 -0
  287. package/lib/core/editor/components/settings/PropertyView.js +59 -12
  288. package/lib/core/editor/components/settings/Settings.js +40 -122
  289. package/lib/core/editor/components/settings/Settings.module.scss +7 -11
  290. package/lib/core/editor/components/settings/common/AlignSetting/AlignSetting.module.scss +3 -3
  291. package/lib/core/editor/components/settings/common/AlignSetting/AlignTypeList.js +97 -0
  292. package/lib/core/editor/components/settings/common/AlignSetting/index.js +21 -80
  293. package/lib/core/editor/components/settings/common/GroupNodeList/ResourceList.module.scss +1 -0
  294. package/lib/core/editor/components/settings/common/LineType/index.js +11 -109
  295. package/lib/core/editor/components/settings/common/NameInput.js +38 -0
  296. package/lib/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +21 -19
  297. package/lib/core/editor/components/settings/common/text/fontStyleUtil.js +25 -20
  298. package/lib/core/editor/components/settings/core/PropertyViewManager.js +91 -0
  299. package/lib/core/editor/components/settings/core/edgePropertyViewAdapter.js +33 -0
  300. package/lib/core/editor/components/settings/core/getPropertyViewType.js +40 -0
  301. package/lib/core/editor/components/settings/core/updateElementProperty.js +27 -0
  302. package/lib/core/editor/components/settings/propertyViews/box/BoxPropertyView.js +6 -13
  303. package/lib/core/editor/components/settings/propertyViews/box/BoxPropertyViewV1.js +76 -0
  304. package/lib/core/editor/components/settings/propertyViews/box/NameInput.js +6 -5
  305. package/lib/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js +15 -3
  306. package/lib/core/editor/components/settings/propertyViews/edge/EdgeGroupPropertyView.js +9 -12
  307. package/lib/core/editor/components/settings/propertyViews/edge/EdgePropertyView.js +7 -23
  308. package/lib/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +19 -0
  309. package/lib/core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting.js +1 -6
  310. package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyView.js +14 -25
  311. package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyView.module.scss +8 -1
  312. package/lib/core/editor/components/settings/propertyViews/group/GroupPropertyViewV1.js +43 -0
  313. package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupBasicSetting.js +98 -0
  314. package/lib/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js +8 -14
  315. package/lib/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js +9 -7
  316. package/lib/core/editor/components/settings/propertyViews/index.js +4 -9
  317. package/lib/core/editor/components/settings/propertyViews/layer/BasicSetting.js +75 -0
  318. package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyView.js +12 -20
  319. package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyView.module.scss +10 -0
  320. package/lib/core/editor/components/settings/propertyViews/layer/LayerPropertyViewV1.js +40 -0
  321. package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementLineType.js +4 -6
  322. package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementPropertyView.js +2 -15
  323. package/lib/core/editor/components/settings/propertyViews/node/NodePropertyView.js +8 -35
  324. package/lib/core/editor/components/settings/propertyViews/node/NodePropertyViewV1.js +68 -0
  325. package/lib/core/editor/components/settings/propertyViews/node/Setting/BasicSetting.js +64 -0
  326. package/lib/core/editor/components/settings/propertyViews/node/Setting/NameInput.js +6 -5
  327. package/lib/core/editor/components/settings/propertyViews/node/data/Data.js +2 -1
  328. package/lib/core/editor/components/settings/propertyViews/node/data/NodeRelateResourceButton.js +1 -0
  329. package/lib/core/editor/components/settings/propertyViews/text/TextPropertyView.js +5 -20
  330. package/lib/core/editor/components/titlebar/TopoEditorTitleBar.js +9 -1
  331. package/lib/core/editor/config/themes.js +114 -0
  332. package/lib/core/editor/hooks/useKeyboardShortcut.js +49 -0
  333. package/lib/core/editor/hooks/useNewElementTheme.js +57 -0
  334. package/lib/core/editor/store/topoEdit.js +46 -40
  335. package/lib/core/editor/utils/edgeTypeStyleUtil.js +38 -11
  336. package/lib/core/editor/utils/textStyleUtil.js +1 -0
  337. package/lib/core/editor/utils/themeUtil.js +39 -0
  338. package/lib/core/hooks/useCanvasTheme.js +68 -0
  339. package/lib/core/hooks/useManageStatus.js +1 -9
  340. package/lib/core/hooks/usePolling.js +2 -5
  341. package/lib/core/hooks/useTopoEdit.js +16 -8
  342. package/lib/core/models/Alarm.js +2 -2
  343. package/lib/core/models/AttributeMetricDisplay.js +4 -0
  344. package/lib/core/models/HistoryManager.js +13 -8
  345. package/lib/core/models/{SelectionManager.js → SelectionModel.js} +57 -22
  346. package/lib/core/models/TopoApp.js +7 -5
  347. package/lib/core/models/selection/ignoreList.js +6 -0
  348. package/lib/core/models/utils/linkUtils.js +5 -6
  349. package/lib/core/store/models/customIcon.js +1 -3
  350. package/lib/core/store/models/selection.js +2 -1
  351. package/lib/core/store/models/topoBizMod.js +0 -3
  352. package/lib/core/store/models/topoConfig.js +9 -18
  353. package/lib/core/store/models/topoMod.js +27 -29
  354. package/lib/core/utils/edgeUtil.js +6 -0
  355. package/lib/core/utils/showGraphManageStatusUtil.js +7 -1
  356. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +18 -13
  357. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +38 -19
  358. package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/WebConsoleForm.js +13 -29
  359. package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +6 -5
  360. package/lib/core/viewer/components/plugins/ViewerPlugin.js +11 -3
  361. package/lib/core/viewer/components/titlebar/widgets/SettingButton.js +3 -1
  362. package/lib/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +4 -2
  363. package/lib/networkTopo/components/editor/propertyViews/edge/EdgeGroupPropertyView.js +1 -0
  364. package/lib/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +45 -7
  365. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +10 -18
  366. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +50 -0
  367. package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +1 -1
  368. package/lib/networkTopo/components/editor/useEditorProps.js +1 -4
  369. package/lib/networkTopo/createTopo.js +3 -0
  370. package/lib/networkTopo/models/LinkDynamicStyleExecutor.js +2 -2
  371. package/lib/networkTopo/services/link.js +2 -2
  372. package/lib/networkTopo/store/topoTreeMod.js +6 -8
  373. package/lib/style.js +28 -27
  374. package/lib/utils/htElementUtils.js +5 -0
  375. package/lib/utils/topoData.js +1 -0
  376. package/package.json +5 -4
@@ -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,23 +93,30 @@ 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
- var _linkMetrics$find;
97
-
98
- var value = (_linkMetrics$find = linkMetrics.find(function (m) {
102
+ var metric = linkMetrics.find(function (m) {
99
103
  return m.metricCode === code;
100
- })) === null || _linkMetrics$find === void 0 ? void 0 : _linkMetrics$find.metricValue;
101
- var metricDef = ciTypeCache.getMetric(linkCi.ciType, code);
104
+ });
105
+ var value = metric === null || metric === void 0 ? void 0 : metric.metricValue;
106
+ var metricDef = ciTypeCache.getMetric(linkCi.ciType || linkCi.typeCode, code);
102
107
  return {
103
108
  code: code,
104
109
  name: metricDef.name,
105
- value: formatMetric(value, metricDef) || ''
110
+ value: formatMetric(value, metricDef) || '',
111
+ ts: metric === null || metric === void 0 ? void 0 : metric.ts
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
  }
@@ -123,29 +132,34 @@ export function queryLinkInterfacesLatestMetrics(_x5) {
123
132
 
124
133
  function _queryLinkInterfacesLatestMetrics() {
125
134
  _queryLinkInterfacesLatestMetrics = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(linkCi) {
126
- var _linkCi$attributes, sourceType, sourceId, destinationId, destinationType, typeCodes, queryInterfaceMetricsParam, interfaceMetrics, resultData, parseInterfaceMetrics;
135
+ var _linkCi$attributes, sourceType, sourceId, destinationId, destinationType, typeCodes, queryInterfaceMetricsParam, interfaceMetrics, resultData, findMetricsBySubCiId, parseInterfaceMetrics;
127
136
 
128
137
  return _regeneratorRuntime.wrap(function _callee4$(_context4) {
129
138
  while (1) {
130
139
  switch (_context4.prev = _context4.next) {
131
140
  case 0:
132
141
  parseInterfaceMetrics = function _parseInterfaceMetric(subCiId) {
133
- var metrics = interfaceMetrics.filter(function (metric) {
134
- return metric.subCiId === subCiId;
135
- });
142
+ var metrics = findMetricsBySubCiId(subCiId);
136
143
  return INTERFACE_METRIC_CODES.reduce(function (res, code) {
137
144
  var _metrics$find;
138
145
 
139
146
  var value = (_metrics$find = metrics.find(function (m) {
140
147
  return m.metricCode === code;
141
148
  })) === null || _metrics$find === void 0 ? void 0 : _metrics$find.metricValue;
142
- var metricDef = ciTypeCache.getMetric(linkCi.ciType, code);
149
+ var metricDef = ciTypeCache.getMetric(linkCi.ciType || linkCi.typeCode, code);
143
150
  var formatValue = formatMetric(value, metricDef);
144
151
  res[code] = formatValue === 'undefined' ? '-' : formatValue;
145
152
  return res;
146
153
  }, {});
147
154
  };
148
155
 
156
+ findMetricsBySubCiId = function _findMetricsBySubCiId(subCiId) {
157
+ var metrics = interfaceMetrics.filter(function (metric) {
158
+ return metric.subCiId === subCiId;
159
+ });
160
+ return metrics;
161
+ };
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;
150
164
  rlog.debug('查询链路接口指标', linkCi); // 查询指标模型
151
165
 
@@ -160,24 +174,29 @@ function _queryLinkInterfacesLatestMetrics() {
160
174
  typeCodes.push(destinationType);
161
175
  }
162
176
 
163
- _context4.next = 8;
177
+ _context4.next = 9;
164
178
  return ciTypeCache.load(typeCodes);
165
179
 
166
- case 8:
167
- _context4.next = 10;
180
+ case 9:
181
+ _context4.next = 11;
168
182
  return queryLatestMetrics(queryInterfaceMetricsParam);
169
183
 
170
- case 10:
184
+ case 11:
171
185
  interfaceMetrics = _context4.sent;
172
186
  // format
173
187
  resultData = {
174
188
  sourceMetrics: parseInterfaceMetrics(sourceId),
175
- destinationMetrics: destinationId ? parseInterfaceMetrics(destinationId) : null
189
+ destinationMetrics: destinationId ? parseInterfaceMetrics(destinationId) : null,
190
+ // 源目的接口指标原始数据。支持关键链路详情过滤最近一小时指标
191
+ originMetricData: {
192
+ source: findMetricsBySubCiId(sourceId),
193
+ destination: destinationId ? findMetricsBySubCiId(destinationId) : []
194
+ }
176
195
  };
177
196
  rlog.debug('查询链路接口指标 结果', linkCi);
178
197
  return _context4.abrupt("return", resultData);
179
198
 
180
- case 14:
199
+ case 15:
181
200
  case "end":
182
201
  return _context4.stop();
183
202
  }
@@ -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
 
@@ -1,14 +1,20 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- import React from 'react'; // import ResourceWebControllUrlSettingDialog from './ResourceWebControllUrlSettingDialog';
3
-
2
+ import React from 'react';
3
+ import useAlarm from "../../../hooks/useAlarm";
4
+ import useManageStatus from "../../../hooks/useManageStatus";
4
5
  import MetricPollingPlugin from "./MetricPollingPlugin";
5
6
  import ResourceDetail from "./ResourceDetail";
6
7
  export default function ViewerPlugin(props) {
7
8
  var topo = props.topo,
8
9
  viewerProps = props.viewerProps;
9
10
  var store = topo.store;
10
- var plugins = [MetricPollingPlugin, // ResourceWebControllUrlSettingDialog,
11
- ResourceDetail].concat((viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.plugins) || []);
11
+ useAlarm({
12
+ topo: topo
13
+ });
14
+ useManageStatus({
15
+ topo: topo
16
+ });
17
+ var plugins = [MetricPollingPlugin, ResourceDetail].concat((viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.plugins) || []);
12
18
  return /*#__PURE__*/React.createElement(React.Fragment, null, plugins.map(function (Plugin, index) {
13
19
  return /*#__PURE__*/React.createElement(Plugin, _extends({
14
20
  key: index,
@@ -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
  ;
@@ -2,7 +2,8 @@ import _Tab from "@alifd/next/es/tab";
2
2
  import React, { useState, useEffect } from 'react';
3
3
  import TabView from "../../../../../core/editor/components/settings/common/tab/TabView";
4
4
  import EdgeGroupSetting from "../../../../../core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting";
5
- import LindInfoPreview from "./link/LinkInfoPreview";
5
+ import LindInfoPreview from "./link/LinkInfoPreview"; // V1.2 废弃
6
+
6
7
  export default function EdgeGroupPropertyView(props) {
7
8
  var topo = props.topo,
8
9
  edge = props.edge,
@@ -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 {
@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _useGroupSortResources from "../../hooks/editor/useGroupSortResources";
3
3
  import LayerConfigPlugin from "./plugins/LayerConfigPlugin";
4
4
  import AddLinkDrawer from "./propertyViews/edge/addLinkDrawer/AddLinkDrawer";
5
- import EdgeGroupPropertyView from "./propertyViews/edge/EdgeGroupPropertyView";
6
5
  import EdgePropertyView from "./propertyViews/edge/EdgePropertyView";
7
6
  import LinkPropertyView from "./propertyViews/edge/LinkPropertyView";
8
7
  import LayerRelatedResourceList from "./propertyViews/LayerRelatedResourceList";
@@ -20,8 +19,7 @@ export default function useEditorProps(props) {
20
19
  // 连线属性面板
21
20
  edgePropertyViews: {
22
21
  edge: EdgePropertyView,
23
- link: LinkPropertyView,
24
- edgeGroup: EdgeGroupPropertyView
22
+ link: LinkPropertyView
25
23
  },
26
24
  getEdgePropertyViewType: function getEdgePropertyViewType(_ref) {
27
25
  var edge = _ref.edge;
@@ -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 = {
@@ -2,7 +2,6 @@ import _Message from "@alifd/next/es/message";
2
2
  import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
3
3
  import _extends from "@babel/runtime/helpers/extends";
4
4
  import _regeneratorRuntime from "@babel/runtime/regenerator";
5
- import topoService from "../services";
6
5
  import rlog from '@riil-frontend/component-topology-utils/es/rlog';
7
6
  import { formatTree, loopTree, loopTreeFun, findParentIdsById, treeNodeCount } from "../../utils/tree";
8
7
 
@@ -88,7 +87,7 @@ export default function (topoApp) {
88
87
  }
89
88
 
90
89
  _context2.next = 4;
91
- return topoService.getTopoTree();
90
+ return topoApp.serverApi.getTopoTree();
92
91
 
93
92
  case 4:
94
93
  resTreeData = _context2.sent;
@@ -97,7 +96,7 @@ export default function (topoApp) {
97
96
 
98
97
  case 7:
99
98
  _context2.next = 9;
100
- return topoService.getTopoTreeByLoginUser();
99
+ return topoApp.serverApi.getTopoTreeByLoginUser();
101
100
 
102
101
  case 9:
103
102
  resTreeData = _context2.sent;
@@ -163,7 +162,7 @@ export default function (topoApp) {
163
162
 
164
163
  rlog.debug('editTopoOnTree', conditions);
165
164
  _context4.next = 4;
166
- return topoService.editTopoonTree(parseInt(conditions.id, 10), conditions.name, conditions.type);
165
+ return topoApp.serverApi.editTopoonTree(parseInt(conditions.id, 10), conditions.name, conditions.type);
167
166
 
168
167
  case 4:
169
168
  resTreeData = _context4.sent;
@@ -247,7 +246,7 @@ export default function (topoApp) {
247
246
 
248
247
  case 8:
249
248
  _context5.next = 10;
250
- return topoService.deleteTopoonTree(parseInt(conditions, 10));
249
+ return topoApp.serverApi.deleteTopoonTree(parseInt(conditions, 10));
251
250
 
252
251
  case 10:
253
252
  return _context5.abrupt("return", _context5.sent);
@@ -271,7 +270,7 @@ export default function (topoApp) {
271
270
 
272
271
  case 18:
273
272
  _context5.next = 20;
274
- return topoService.deleteTopoonTree(parseInt(conditions, 10));
273
+ return topoApp.serverApi.deleteTopoonTree(parseInt(conditions, 10));
275
274
 
276
275
  case 20:
277
276
  return _context5.abrupt("return", _context5.sent);
@@ -299,7 +298,7 @@ export default function (topoApp) {
299
298
 
300
299
  rlog.debug('setDefTopoOnTree', conditions);
301
300
  _context6.next = 4;
302
- return topoService.setDefTopo(parseInt(conditions, 10));
301
+ return topoApp.serverApi.setDefTopo(parseInt(conditions, 10));
303
302
 
304
303
  case 4:
305
304
  resTreeData = _context6.sent;
package/es/style.js CHANGED
@@ -1,44 +1,45 @@
1
1
  import '@riil-frontend/component-topology-graph/es/style';
2
2
  import '@alifd/next/es/box/style';
3
3
  import '@alifd/next/es/message/style';
4
- import '@alifd/next/es/dialog/style';
5
- import '@riil-frontend/component-topology-utils/es/style';
6
- import '@riil-frontend/utils/es/style';
7
- import '@alifd/next/es/upload/style';
8
- import '@alifd/next/es/icon/style';
9
- import '@alifd/next/es/config-provider/style';
10
- import '@alifd/next/es/input/style';
11
- import '@alifd/next/es/field/style';
12
- import '@alifd/next/es/form/style';
13
- import '@alifd/next/es/loading/style';
14
- import '@alifd/next/es/drawer/style';
15
4
  import '@alifd/next/es/button/style';
16
- import '@riil-frontend/component-common-res-list/es/style';
17
- import '@riil-frontend/component-no-data-page/es/style';
18
- import '@alifd/next/es/tab/style';
19
- import '@alifd/next/es/table/style';
20
- import '@riil-frontend/component-table-layout/es/style';
21
- import '@riil-frontend/component-pager/es/style';
22
- import '@alifd/next/es/menu-button/style';
23
- import '@alifd/next/es/search/style';
24
- import '@alifd/next/es/divider/style';
25
-
5
+ import '@alifd/next/es/icon/style';
26
6
  import '@alifd/next/es/overlay/style';
27
- import '@alifd/next/es/checkbox/style';
28
- import '@riil-frontend/component-crucial-link-topo/es/style';
29
7
  import '@alifd/next/es/list/style';
30
8
  import '@alifd/next/es/card/style';
9
+ import '@riil-frontend/component-no-data-page/es/style';
10
+ import '@alifd/next/es/drawer/style';
11
+ import '@alifd/next/es/form/style';
12
+ import '@alifd/next/es/field/style';
31
13
  import '@alifd/next/es/radio/style';
14
+ import '@alifd/next/es/checkbox/style';
15
+ import '@alifd/next/es/table/style';
16
+ import '@alifd/next/es/search/style';
32
17
  import '@alifd/next/es/grid/style';
33
18
  import '@riil-frontend/component-action-tree/es/style';
19
+ import '@riil-frontend/component-table-layout/es/style';
34
20
  import '@riil-frontend/hooks/es/style';
35
21
  import '@alifd/next/es/balloon/style';
22
+ import '@riil-frontend/component-topology-utils/es/style';
36
23
  import '@alifd/next/es/dropdown/style';
37
24
  import '@alifd/next/es/menu/style';
38
- import '@alifd/next/es/collapse/style';
39
- import '@alifd/next/es/select/style';
40
- import '@alifd/next/es/number-picker/style';
25
+ import '@alifd/next/es/dialog/style';
26
+ import '@riil-frontend/utils/es/style';
27
+ import '@riil-frontend/component-riil-event-emitter/es/style';
28
+ import '@alifd/next/es/tab/style';
29
+ import '@riil-frontend/component-pager/es/style';
30
+ import '@alifd/next/es/menu-button/style';
31
+ import '@alifd/next/es/loading/style';
32
+ import '@alifd/next/es/divider/style';
41
33
 
34
+ import '@riil-frontend/component-crucial-link-topo/es/style';
35
+ import '@alifd/next/es/input/style';
36
+ import '@alifd/next/es/upload/style';
37
+ import '@alifd/next/es/config-provider/style';
38
+ import '@riil-frontend/component-common-res-list/es/style';
39
+ import '@alifd/next/es/range/style';
42
40
  import '@alifd/next/es/tag/style';
43
- import '@riil-frontend/component-riil-event-emitter/es/style';
41
+ import '@alifd/next/es/number-picker/style';
42
+ import '@alifd/next/es/select/style';
43
+ import '@alifd/next/es/collapse/style';
44
+
44
45
  import './index.scss';
@@ -50,6 +50,9 @@ export function isGroup(element) {
50
50
  export function isLayer(element) {
51
51
  return element instanceof ht.Grid;
52
52
  }
53
+ export function isText(element) {
54
+ return element instanceof ht.Text && element.a('isText');
55
+ }
53
56
  export function getElements(dataModel) {
54
57
  // console.error(111, dataModel.getDatas().getArray())
55
58
  return dataModel.getDatas().getArray();