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

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 +25 -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 +40 -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
@@ -6,7 +6,7 @@
6
6
  background: #EBECF0;
7
7
  margin-right: 3px;
8
8
  height: 16px;
9
-
9
+ width:1px;
10
10
  }
11
11
  }
12
12
 
@@ -16,8 +16,8 @@
16
16
  border-radius: 4px;
17
17
  border: none !important;
18
18
  color: #4D6277;
19
- padding-left: 6px;
20
- margin-right: 3px;
19
+ padding-left: 2px;
20
+ margin-right: 4px;
21
21
 
22
22
  &:active {
23
23
  background: #F2F7FD !important;
@@ -0,0 +1,80 @@
1
+ import _Button from "@alifd/next/es/button";
2
+ import _Icon from "@alifd/next/es/icon";
3
+ import _Divider from "@alifd/next/es/divider";
4
+ import React, { useState } from 'react';
5
+ import styles from "./AlignSetting.module.scss";
6
+ var TREE_LAYOUT_OPTIONS = [{
7
+ value: 'left',
8
+ label: '左对齐',
9
+ icon: 'tuopu_zuoceduiqi'
10
+ }, {
11
+ value: 'center',
12
+ label: '水平居中',
13
+ icon: 'tuopu_shuipingjuzhongduiqi'
14
+ }, {
15
+ value: 'right',
16
+ label: '右对齐',
17
+ icon: 'tuopu_youceduiqi'
18
+ }, {
19
+ value: 'top',
20
+ label: '靠上对齐',
21
+ icon: 'tuopu_dingbuduiqi'
22
+ }, {
23
+ value: 'middle',
24
+ label: '垂直居中',
25
+ icon: 'tuopu_chuizhijuzhongduiqi'
26
+ }, {
27
+ value: 'bottom',
28
+ label: '靠下对齐',
29
+ icon: 'tuopu_dibuduiqi'
30
+ }, {
31
+ value: 'divide'
32
+ }, {
33
+ value: 'distributeHorizontal',
34
+ label: '横向分布',
35
+ icon: 'tuopu_shuipingdengjianjuduiqi'
36
+ }, {
37
+ value: 'distributeVertical',
38
+ label: '纵向分布',
39
+ icon: 'tuopu_chuizhidengjianjuduiqi'
40
+ }];
41
+
42
+ var AlignTypeList = function AlignTypeList(props) {
43
+ var _props$selected = props.selected,
44
+ selected = _props$selected === void 0 ? 'left' : _props$selected,
45
+ onChange = props.onChange,
46
+ distributionDisabled = props.distributionDisabled;
47
+
48
+ var _useState = useState(selected),
49
+ value = _useState[0],
50
+ setValue = _useState[1];
51
+
52
+ var handleChange = function handleChange(data) {
53
+ // console.log("handleChange", data);
54
+ onChange && onChange(data.value);
55
+ setValue(data.value); // setValue(data)
56
+ };
57
+
58
+ return /*#__PURE__*/React.createElement("div", {
59
+ className: styles.AlignSetting
60
+ }, TREE_LAYOUT_OPTIONS.map(function (item, index, array) {
61
+ return item.value === 'divide' ? /*#__PURE__*/React.createElement(_Divider, {
62
+ key: index,
63
+ direction: "ver"
64
+ }) : /*#__PURE__*/React.createElement(_Button, {
65
+ key: index,
66
+ className: "" + styles.redioBtn,
67
+ text: true,
68
+ onClick: function onClick() {
69
+ handleChange(item);
70
+ },
71
+ title: item.label // eslint-disable-next-line no-unneeded-ternary
72
+ ,
73
+ disabled: (item.value === 'distributeHorizontal' || item.value === 'distributeVertical') && distributionDisabled
74
+ }, /*#__PURE__*/React.createElement(_Icon, {
75
+ type: item.icon
76
+ }));
77
+ }));
78
+ };
79
+
80
+ export default AlignTypeList;
@@ -1,76 +1,24 @@
1
- import _Button from "@alifd/next/es/button";
2
- import _Icon from "@alifd/next/es/icon";
3
- import _Divider from "@alifd/next/es/divider";
4
- import React, { useState } from "react";
5
- import styles from "./AlignSetting.module.scss";
6
- var TREE_LAYOUT_OPTIONS = [{
7
- value: "left",
8
- label: "左对齐",
9
- icon: "tuopu_zuoceduiqi"
10
- }, {
11
- value: "center",
12
- label: "水平居中",
13
- icon: "tuopu_shuipingjuzhongduiqi"
14
- }, {
15
- value: "right",
16
- label: "右对齐",
17
- icon: "tuopu_youceduiqi"
18
- }, {
19
- value: "top",
20
- label: "靠上对齐",
21
- icon: "tuopu_dingbuduiqi"
22
- }, {
23
- value: "middle",
24
- label: "垂直居中",
25
- icon: "tuopu_chuizhijuzhongduiqi"
26
- }, {
27
- value: "bottom",
28
- label: "靠下对齐",
29
- icon: "tuopu_dibuduiqi"
30
- }, {
31
- value: "divide"
32
- }, {
33
- value: "distributeHorizontal",
34
- label: "横向分布",
35
- icon: "tuopu_shuipingdengjianjuduiqi"
36
- }, {
37
- value: "distributeVertical",
38
- label: "纵向分布",
39
- icon: "tuopu_chuizhidengjianjuduiqi"
40
- }];
1
+ import React from 'react';
2
+ import { isEdge, isLayer } from "../../../../../../utils/htElementUtils";
3
+ import AlignTypeList from "./AlignTypeList";
4
+ export default function AlignSetting(props) {
5
+ var topo = props.topo,
6
+ distributionDisabled = props.distributionDisabled;
41
7
 
42
- var AlignSetting = function AlignSetting(props) {
43
- var _props$selected = props.selected,
44
- selected = _props$selected === void 0 ? "left" : _props$selected,
45
- onChange = props.onChange;
8
+ var alignOnChange = function alignOnChange(type) {
9
+ topo.historyManager.beginTransaction();
10
+ var selection = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
11
+ var nodes = selection.filter(function (ele) {
12
+ return !isLayer(ele) && !isEdge(ele);
13
+ }); // console.info("element--selectList", element, selectList);
46
14
 
47
- var _useState = useState(selected),
48
- value = _useState[0],
49
- setValue = _useState[1];
50
-
51
- var handleChange = function handleChange(data) {
52
- // console.log("handleChange", data);
53
- onChange && onChange(data.value);
54
- setValue(data.value); // setValue(data)
15
+ topo.view.topoClient.htTopoClient.setAlignmentBySelectionNodes(type, nodes);
16
+ topo.historyManager.endTransaction();
55
17
  };
56
18
 
57
- return /*#__PURE__*/React.createElement("div", {
58
- className: styles.AlignSetting
59
- }, TREE_LAYOUT_OPTIONS.map(function (item, index, array) {
60
- return item.value === "divide" ? /*#__PURE__*/React.createElement(_Divider, {
61
- key: index,
62
- direction: "ver"
63
- }) : /*#__PURE__*/React.createElement(_Button, {
64
- key: index,
65
- className: "" + styles.redioBtn,
66
- onClick: function onClick() {
67
- handleChange(item);
68
- },
69
- title: item.label
70
- }, /*#__PURE__*/React.createElement(_Icon, {
71
- type: item.icon
72
- }));
73
- }));
74
- };
75
-
76
- export default AlignSetting;
19
+ return /*#__PURE__*/React.createElement(AlignTypeList, {
20
+ onChange: alignOnChange,
21
+ selected: "left",
22
+ distributionDisabled: distributionDisabled
23
+ });
24
+ }
@@ -2,6 +2,7 @@
2
2
 
3
3
  .list {
4
4
  max-height: 100%;
5
+ margin-top: -8px;
5
6
 
6
7
  .item{
7
8
  display: flex;
@@ -1,123 +1,16 @@
1
- import _Box from "@alifd/next/es/box";
2
- import _Button from "@alifd/next/es/button";
3
- import React, { useState } from "react";
4
- import styles from "./LineType.module.scss"; // 直线 2. 直线单向箭头 3. 直线双向箭头 4. 双折线 5. 双折线单向箭头 6. 弧线
5
- // 7. 弧线单向箭头 8. 内向双向箭头 9. 纵向折线 10. 纵向折线带箭头 11. 水平折线 12. 水平折线带箭头
6
-
7
- var LINE_TYPE_OPTIONS = [{
8
- value: "boundary",
9
- label: "直线",
10
- icon: "topo_linear_icon_straightline"
11
- }, {
12
- value: "boundary.arrow",
13
- label: "直线单向箭头",
14
- icon: "topo_linear_icon_oneway_straightline"
15
- }, {
16
- value: "boundary.both.arrow",
17
- label: "直线双向箭头",
18
- icon: "topo_linear_icon_expanded_straightline"
19
- }, {
20
- value: "ortho",
21
- label: "双折线",
22
- icon: "topo_linear_icon_bilinear"
23
- }, {
24
- value: "ortho.arrow",
25
- label: "双折线单向箭头",
26
- icon: "topo_linear_icon_oneway_bilinear"
27
- }, {
28
- value: "flex",
29
- label: "弧线",
30
- icon: "topo_linear_icon_arcline"
31
- }, {
32
- value: "flex.arrow",
33
- label: "弧线单向箭头",
34
- icon: "topo_linear_icon_oneway_arcline"
35
- }, {
36
- value: "oposite",
37
- label: "内向双向箭头",
38
- icon: "topo_linear_icon_narrow_straightline"
39
- }, {
40
- value: "h.v",
41
- label: "纵向折线",
42
- icon: "topo_linear_icon_vertical_foldline"
43
- }, {
44
- value: "h.v.arrow",
45
- label: "纵向折线带箭头",
46
- icon: "topo_linear_icon_oneway_vertical_foldline"
47
- }, {
48
- value: "v.h",
49
- label: "水平折线",
50
- icon: "topo_linear_icon_horizontal_foldline"
51
- }, {
52
- value: "v.h.arrow",
53
- label: "水平折线带箭头",
54
- icon: "topo_linear_icon_oneway_horizontal_foldline"
55
- }];
56
-
57
- var LineType = function LineType(props) {
58
- var topo = props.topo,
59
- getEdges = props.getEdges,
60
- selected = props.selected,
61
- onChange = props.onChange;
62
-
63
- var _useState = useState(selected),
64
- value = _useState[0],
65
- setValue = _useState[1];
1
+ import React from 'react';
2
+ import { getEdgesBySelection, setEdgesType } from "../../../../utils/edgeTypeStyleUtil";
3
+ import LineType from "../../../Toolbar/widgets/EdgeTypeButton/LineType";
4
+ export default function LineTypeSetting(props) {
5
+ var topo = props.topo;
66
6
 
67
7
  var setLineType = function setLineType(type) {
68
- var edges = getEdges();
69
- var htTopo = topo.getHtTopo();
70
- edges.forEach(function (edge) {
71
- htTopo.setGraphLinear(edge, {
72
- type: type
73
- });
74
-
75
- if (edge.isEdgeGroupAgent()) {
76
- // 连线组折叠时同时设置子连线
77
- var edgeChildren = edge.getEdgeGroup().getEdges().toArray();
78
- htTopo.toggleEdgeGroup(edge.getSource(), edge.getTarget(), true);
79
- edgeChildren.forEach(function (edgeChild) {
80
- htTopo.setGraphLinear(edgeChild, {
81
- type: type
82
- });
83
- });
84
- htTopo.toggleEdgeGroup(edge.getSource(), edge.getTarget(), false);
85
- }
86
- });
8
+ var edges = getEdgesBySelection(topo);
9
+ setEdgesType(edges, type, topo);
87
10
  };
88
11
 
89
- var handleChange = function handleChange(data) {
90
- // console.log("handleChange", data);
91
- topo.historyManager.beginTransaction();
92
-
93
- if (onChange) {
94
- onChange(data.value);
95
- }
96
-
97
- setValue(data.value);
98
- setLineType(data.value);
99
- topo.historyManager.endTransaction();
100
- };
101
-
102
- return /*#__PURE__*/React.createElement(_Box, {
103
- spacing: 16,
104
- wrap: true,
105
- direction: "row",
106
- className: styles.LineType
107
- }, LINE_TYPE_OPTIONS.map(function (item, index, array) {
108
- return /*#__PURE__*/React.createElement(_Button, {
109
- key: index,
110
- className: "" + styles.redioBtn,
111
- title: item.label,
112
- onClick: function onClick() {
113
- handleChange(item);
114
- }
115
- }, /*#__PURE__*/React.createElement("img", {
116
- src: "/img/topo/editor/lineType/" + item.icon + ".svg",
117
- alt: "",
118
- className: styles.iconImg
119
- }));
120
- }));
121
- };
122
-
123
- export default LineType;
12
+ return /*#__PURE__*/React.createElement(LineType, {
13
+ onChange: setLineType,
14
+ topo: topo
15
+ });
16
+ }
@@ -0,0 +1,24 @@
1
+ import _Input from "@alifd/next/es/input";
2
+ import _extends from "@babel/runtime/helpers/extends";
3
+ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
4
+ var _excluded = ["multipleLine"];
5
+ import React from 'react';
6
+ var NameInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
7
+ var multipleLine = props.multipleLine,
8
+ inputProps = _objectWithoutPropertiesLoose(props, _excluded);
9
+
10
+ if (multipleLine) {
11
+ return /*#__PURE__*/React.createElement(_Input.TextArea, _extends({
12
+ ref: ref,
13
+ autoHeight: {
14
+ minRows: 4,
15
+ maxRows: 4
16
+ }
17
+ }, inputProps));
18
+ }
19
+
20
+ return /*#__PURE__*/React.createElement(_Input, _extends({
21
+ ref: ref
22
+ }, inputProps));
23
+ });
24
+ export default NameInput;
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useState } from 'react';
3
3
  import PropTypes from 'prop-types';
4
- import rlog from "@riil-frontend/component-topology-utils/es/rlog";
4
+ import rlog from '@riil-frontend/component-topology-utils/es/rlog';
5
5
  import SizeInput from "../SizeInput";
6
6
  var NODE_SIZE_LOCK = 'NODE_SIZE_LOCK';
7
7
  /**
@@ -103,14 +103,14 @@ function NodeSizeInput(props) {
103
103
  return val ? Math.round(val) : val;
104
104
  }
105
105
 
106
- return /*#__PURE__*/React.createElement(SizeInput, {
106
+ return /*#__PURE__*/React.createElement(SizeInput, _extends({}, props, {
107
107
  value: value,
108
108
  lock: lock,
109
109
  max: max,
110
110
  step: step,
111
111
  onChange: handleChange,
112
112
  onLockChange: switchLock
113
- });
113
+ }));
114
114
  }
115
115
 
116
116
  NodeSizeInput.propTypes = {
@@ -1,15 +1,12 @@
1
1
  import _Box from "@alifd/next/es/box";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
- import _Grid from "@alifd/next/es/grid";
4
3
  import _Form from "@alifd/next/es/form";
5
4
  import React, { useState } from 'react';
6
5
  import PropTypes from 'prop-types';
6
+ import rlog from '@riil-frontend/component-topology-utils/es/rlog';
7
7
  import NodeSizeNumberPicker from "./NodeSizeNumberPicker";
8
8
  import styles from "./NodeSizeInput.module.scss";
9
- import rlog from "@riil-frontend/component-topology-utils/es/rlog";
10
9
  var FormItem = _Form.Item;
11
- var Row = _Grid.Row,
12
- Col = _Grid.Col;
13
10
  /**
14
11
  * 节点大小组件
15
12
  *
@@ -22,11 +19,13 @@ function SizeInput(props) {
22
19
  max = props.max,
23
20
  step = props.step,
24
21
  onChange = props.onChange,
25
- lock = props.lock,
26
- onLockChange = props.onLockChange,
27
22
  _props$showLabel = props.showLabel,
28
23
  showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
29
- size = props.size;
24
+ numberPickerProps = props.numberPickerProps,
25
+ size = props.size,
26
+ lock = props.lock,
27
+ disabled = props.disabled,
28
+ onLockChange = props.onLockChange;
30
29
 
31
30
  var handleChange = function handleChange(name, attrValue) {
32
31
  var _extends2;
@@ -45,6 +44,18 @@ function SizeInput(props) {
45
44
  return val ? Math.round(val) : val;
46
45
  }
47
46
 
47
+ var renderLock = function renderLock() {
48
+ var imgSrc = "/img/topo/editor/toolbar/" + (lock ? 'lock' : 'unlock') + "/" + (disabled ? 'Disable' : 'Normal') + ".svg";
49
+ return /*#__PURE__*/React.createElement("div", {
50
+ className: styles.lockBtn,
51
+ onClick: switchLock
52
+ }, /*#__PURE__*/React.createElement("img", {
53
+ src: imgSrc,
54
+ alt: "",
55
+ width: 12
56
+ }));
57
+ };
58
+
48
59
  return /*#__PURE__*/React.createElement(_Form, {
49
60
  labelAlign: "top",
50
61
  component: "div",
@@ -65,27 +76,24 @@ function SizeInput(props) {
65
76
  style: {
66
77
  marginBottom: 0
67
78
  }
68
- }, /*#__PURE__*/React.createElement(NodeSizeNumberPicker, {
79
+ }, /*#__PURE__*/React.createElement(NodeSizeNumberPicker, _extends({
69
80
  value: parseValue(value.width),
70
81
  label: showLabel ? '宽:' : '',
82
+ innerAfter: showLabel ? undefined : 'W',
71
83
  min: 1,
72
84
  max: max,
73
85
  step: step,
86
+ disabled: disabled,
74
87
  placeholder: "\u8BF7\u8F93\u5165",
75
- size: size,
88
+ size: size
89
+ }, numberPickerProps, {
76
90
  style: {
77
91
  width: '100%'
78
92
  },
79
93
  onChange: function onChange(val) {
80
94
  return handleChange('width', val);
81
95
  }
82
- }))), /*#__PURE__*/React.createElement("div", {
83
- className: styles.lockBtn,
84
- onClick: switchLock
85
- }, /*#__PURE__*/React.createElement("img", {
86
- src: require(lock ? './img/icon_锁.svg' : './img/icon_解锁.svg'),
87
- alt: ""
88
- })), /*#__PURE__*/React.createElement("div", {
96
+ })))), renderLock(), /*#__PURE__*/React.createElement("div", {
89
97
  style: {
90
98
  flex: 1
91
99
  }
@@ -95,22 +103,24 @@ function SizeInput(props) {
95
103
  style: {
96
104
  marginBottom: 0
97
105
  }
98
- }, /*#__PURE__*/React.createElement(NodeSizeNumberPicker, {
106
+ }, /*#__PURE__*/React.createElement(NodeSizeNumberPicker, _extends({
99
107
  value: parseValue(value.height),
100
- label: showLabel ? '高:' : '' // addonTextAfter="H"
101
- ,
108
+ label: showLabel ? '高:' : '',
109
+ innerAfter: showLabel ? undefined : 'H',
102
110
  min: 1,
103
111
  max: max,
104
112
  step: step,
113
+ disabled: disabled,
105
114
  placeholder: "\u8BF7\u8F93\u5165",
106
- size: size,
115
+ size: size
116
+ }, numberPickerProps, {
107
117
  style: {
108
118
  width: '100%'
109
119
  },
110
120
  onChange: function onChange(val) {
111
121
  return handleChange('height', val);
112
122
  }
113
- }))))));
123
+ })))))));
114
124
  }
115
125
 
116
126
  SizeInput.propTypes = {
@@ -1,8 +1,8 @@
1
1
  import _NumberPicker from "@alifd/next/es/number-picker";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
4
- var _excluded = ["value", "onChange", "min", "onBlur", "onKeyDown"];
5
- import React, { useState, useEffect } from 'react';
4
+ var _excluded = ["value", "onChange", "min", "onBlur", "onKeyDown", "disabled"];
5
+ import React, { useState, useEffect } from "react";
6
6
 
7
7
  /**
8
8
  * 节点大小组件
@@ -16,6 +16,7 @@ export default function NodeSizeNumberPicker(props) {
16
16
  min = props.min,
17
17
  onBlur = props.onBlur,
18
18
  onKeyDown = props.onKeyDown,
19
+ disabled = props.disabled,
19
20
  otherProps = _objectWithoutPropertiesLoose(props, _excluded);
20
21
 
21
22
  var _useState = useState(value),
@@ -48,13 +49,13 @@ export default function NodeSizeNumberPicker(props) {
48
49
 
49
50
  var handleChange = function handleChange(value, e) {
50
51
  // 失去焦点最大最小值
51
- if (e.type === 'blur') {
52
+ if (e.type === "blur") {
52
53
  onChange(!value ? min : value);
53
54
  return;
54
55
  } // 加减号立即变更
55
56
 
56
57
 
57
- if (e.triggerType === 'up' || e.triggerType === 'down') {
58
+ if (e.triggerType === "up" || e.triggerType === "down") {
58
59
  onChange(value);
59
60
  return;
60
61
  }
@@ -65,9 +66,9 @@ export default function NodeSizeNumberPicker(props) {
65
66
  return /*#__PURE__*/React.createElement(_NumberPicker, _extends({}, otherProps, {
66
67
  value: inputValue,
67
68
  min: min,
69
+ disabled: disabled,
68
70
  onChange: handleChange,
69
71
  onBlur: handleBlur,
70
72
  onKeyDown: handleKeyDown
71
73
  }));
72
- }
73
- ;
74
+ }
@@ -5,17 +5,17 @@ var fontStyleUtil = {
5
5
  font = '';
6
6
  }
7
7
 
8
- var arr = font.trim().split(' ');
8
+ var str = font.trim();
9
9
  var bold = font.indexOf('bold') > -1;
10
10
  var italic = font.indexOf('italic') > -1;
11
- var fontFamily, fontSize;
11
+ str = str.trim().replace('bold ', '').trim().replace('italic ', '').trim();
12
+ var arr = str.split(' ');
13
+ var fontSizeStr = arr[0];
14
+ var fontFamily = str.replace(fontSizeStr, '').trim() || null;
15
+ var fontSize = null;
12
16
 
13
- if (arr.length) {
14
- fontFamily = arr[arr.length - 1];
15
- }
16
-
17
- if (arr.length >= 2) {
18
- fontSize = parseInt(arr[arr.length - 2].replace('px', ''), 10);
17
+ if (fontSizeStr) {
18
+ fontSize = parseInt(fontSizeStr.replace('px', ''), 10);
19
19
  }
20
20
 
21
21
  return {
@@ -27,17 +27,9 @@ var fontStyleUtil = {
27
27
  },
28
28
  // 字体样式格式: bold italic 12px 黑体 或 12px 黑体
29
29
  build: function build(style) {
30
- var font = '';
31
-
32
- if (style.font.bold) {
33
- font += 'bold ';
34
- }
35
-
36
- if (style.font.italic) {
37
- font += 'italic ';
38
- }
39
-
40
- return "" + font + style.font.fontSize + "px " + style.font.fontFamily;
30
+ return [style.bold ? 'bold' : null, style.italic ? 'italic' : null, style.fontSize ? style.fontSize + "px" : null, style.fontFamily].filter(function (item) {
31
+ return item !== null;
32
+ }).join(' ');
41
33
  },
42
34
  getFontStyleMap: function getFontStyleMap(obj, prefix) {
43
35
  var map = {};
@@ -0,0 +1,68 @@
1
+ import propertyViews from "../propertyViews";
2
+ import getPropertyViewType from "./getPropertyViewType";
3
+
4
+ var PropertyViewManager = /*#__PURE__*/function () {
5
+ function PropertyViewManager(topo) {
6
+ this.viewMap = propertyViews;
7
+ this.topo = void 0;
8
+ this.getPropertyViewType = getPropertyViewType;
9
+ this.topo = topo;
10
+ this.open = this.open.bind(this);
11
+ }
12
+
13
+ var _proto = PropertyViewManager.prototype;
14
+
15
+ _proto.updateViews = function updateViews(viewMap) {
16
+ Object.assign(this.viewMap, viewMap);
17
+ };
18
+
19
+ _proto.init = function init() {
20
+ var notifier = this.topo.getHtTopo().getNotifier();
21
+ notifier.on('topo_element_double_click', this.open);
22
+ };
23
+
24
+ _proto.destroy = function destroy() {
25
+ var _this$topo$getHtTopo;
26
+
27
+ var notifier = (_this$topo$getHtTopo = this.topo.getHtTopo()) === null || _this$topo$getHtTopo === void 0 ? void 0 : _this$topo$getHtTopo.getNotifier();
28
+
29
+ if (!notifier) {
30
+ return;
31
+ }
32
+
33
+ notifier.off('topo_element_double_click', this.open);
34
+ };
35
+
36
+ _proto.open = function open() {
37
+ var view = this.getPropertyView();
38
+
39
+ if (!view) {
40
+ return;
41
+ }
42
+
43
+ var topoEditDispatchers = this.topo.store.getModelDispatchers('topoEdit');
44
+ topoEditDispatchers.update({
45
+ propertyPanelVisible: true
46
+ });
47
+ };
48
+
49
+ _proto.close = function close() {
50
+ var topoEditDispatchers = this.topo.store.getModelDispatchers('topoEdit');
51
+ topoEditDispatchers.update({
52
+ propertyPanelVisible: false
53
+ });
54
+ };
55
+
56
+ _proto.getPropertyView = function
57
+ /* selection */
58
+ getPropertyView() {
59
+ var selection = this.topo.selectionModel.getSelection();
60
+ var elementType = getPropertyViewType(selection);
61
+ var PropertyView = this.viewMap[elementType];
62
+ return PropertyView;
63
+ };
64
+
65
+ return PropertyViewManager;
66
+ }();
67
+
68
+ export default PropertyViewManager;