@riil-frontend/component-topology 12.0.0-dev.2 → 12.0.0-dev.20

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 (218) hide show
  1. package/build/1.js +1 -1
  2. package/build/index.css +1 -1
  3. package/build/index.js +13 -13
  4. package/es/components/BatchAttrMetric/setting.js +1 -1
  5. package/es/components/ModelAttrSelectDrawer/components/MultipleTypeAttributeSelectDrawer.js +1 -1
  6. package/es/components/ResourceSelectDrawer/ResourceSelectDrawer.js +1 -1
  7. package/es/core/components/AlarmListPanel/components/AlarmListItem.js +56 -3
  8. package/es/core/components/AlarmListPanel/index.js +1 -1
  9. package/es/core/components/DisplaySettingDrawer/DisplaySetting.js +1 -1
  10. package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +2 -2
  11. package/es/core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig.js +1 -1
  12. package/es/core/components/DisplaySettingDrawer/components/NodeAttrSettingDrawer.js +1 -1
  13. package/es/core/components/ResourceViewAttributeSetting/Setting.js +1 -1
  14. package/es/core/components/TopoView/topoView.js +6 -2
  15. package/es/core/editor/components/BackgroundView/index.js +1 -1
  16. package/es/core/editor/components/CustomIconPlugin/UploadIconDialog.js +1 -1
  17. package/es/core/editor/components/EditorPlugin.js +1 -1
  18. package/es/core/editor/components/Sidebar/views/ComponentPanel.js +1 -1
  19. package/es/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +1 -1
  20. package/es/core/editor/components/Sidebar/views/ImagePanel/CustomImagePanel.js +1 -1
  21. package/es/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +1 -1
  22. package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +1 -1
  23. package/es/core/editor/components/Sidebar/views/ImagePanel/ImagePalette.js +1 -1
  24. package/es/core/editor/components/Sidebar/views/LinkPanel.js +1 -1
  25. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +5 -12
  26. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +27 -10
  27. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +21 -1
  28. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +9 -0
  29. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +2 -2
  30. package/es/core/editor/components/Toolbar/widgets/Layout/index.js +16 -2
  31. package/es/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js +1 -1
  32. package/es/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +1 -1
  33. package/es/core/editor/components/settings/propertyViews/layer/BasicSetting.js +1 -1
  34. package/es/core/editor/components/settings/propertyViews/layer/SettingTab/Setting.js +1 -1
  35. package/es/core/editor/components/settings/propertyViews/view/hooks/useBackgroundSizeConfig.js +1 -1
  36. package/es/core/editor/hooks/useKeyboardShortcut.js +3 -1
  37. package/es/core/editor/store/background.js +1 -1
  38. package/es/core/editor/store/historyManager.js +1 -1
  39. package/es/core/editor/store/topoEdit.js +1 -1
  40. package/es/core/editor/utils/copyElementUtil.js +12 -0
  41. package/es/core/editor/utils/edgeTypeStyleUtil.js +8 -7
  42. package/es/core/hooks/__tests__/useCiAttributeChange.test.js +0 -0
  43. package/es/core/hooks/ht/useHtDataPropertyChangeListener.js +1 -1
  44. package/es/core/hooks/useCiAttributeChange.js +31 -15
  45. package/es/core/hooks/useGraphAlarmDisplay.js +62 -40
  46. package/es/core/hooks/useManageStatus.js +1 -1
  47. package/es/core/hooks/usePolling.js +1 -1
  48. package/es/core/hooks/useResourceConfig.js +1 -3
  49. package/es/core/hooks/useTopoEdit.js +51 -54
  50. package/es/core/models/Alarm.js +29 -17
  51. package/es/core/models/AttributeMetricDisplay.js +15 -6
  52. package/es/core/models/HistoryManager.js +1 -1
  53. package/es/core/models/SelectionModel.js +1 -1
  54. package/es/core/models/TopoApp.js +2 -2
  55. package/es/core/models/attributeFormatter/formatter/graphTransform.js +1 -1
  56. package/es/core/models/attributeFormatter/index.js +1 -1
  57. package/es/core/models/cache/CiCache.d.ts +1 -1
  58. package/es/core/models/cache/CiCache.js +3 -3
  59. package/es/core/models/cache/CiTypeCache.js +5 -1
  60. package/es/core/models/cache/DictCache.js +1 -1
  61. package/es/core/models/plugins/resourceWebControllUrl.js +1 -1
  62. package/es/core/models/tagstips/ElementTagTipConfig.js +1 -1
  63. package/es/core/models/topoData.js +0 -1
  64. package/es/core/services/alarm.js +1 -1
  65. package/es/core/services/index.js +1 -1
  66. package/es/core/services/topo/basic.js +2 -2
  67. package/es/core/store/models/customIcon.js +1 -1
  68. package/es/core/store/models/displayConfig.js +1 -1
  69. package/es/core/store/models/selection.js +1 -1
  70. package/es/core/store/models/topoBaseInfoOverview.js +1 -1
  71. package/es/core/store/models/topoBizMod.js +1 -1
  72. package/es/core/store/models/topoConfig.js +7 -10
  73. package/es/core/store/models/topoGraphView.js +1 -1
  74. package/es/core/store/models/topoMod.js +82 -135
  75. package/es/core/store/models/viewer/lock.js +1 -1
  76. package/es/core/store/models/viewer/resourceDetail.js +1 -1
  77. package/es/core/store/models/viewer/resourceWebControllUrlSetting.js +1 -1
  78. package/es/core/utils/edgeUtil.js +10 -1
  79. package/es/core/utils/metricUtil.js +1 -1
  80. package/es/core/utils/showGraphManageStatusUtil.js +3 -2
  81. package/es/core/utils/showMessage.js +1 -1
  82. package/es/core/viewer/components/plugins/ResourceDetail/ResourceDetail.js +1 -0
  83. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +12 -13
  84. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +3 -1
  85. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +4 -2
  86. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +1 -1
  87. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +1 -1
  88. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +20 -18
  89. package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +1 -1
  90. package/es/core/viewer/components/plugins/ViewerPlugin.js +3 -1
  91. package/es/networkTopo/components/Link/index.js +1 -1
  92. package/es/networkTopo/components/TopoView.js +6 -11
  93. package/es/networkTopo/hooks/useEdgeExpand.js +2 -3
  94. package/es/networkTopo/hooks/viewer/useRelateTopo.js +1 -1
  95. package/es/networkTopo/models/LinkDynamicStyleExecutor.js +1 -1
  96. package/es/networkTopo/models/LinkTagsTipsBuilder.js +1 -1
  97. package/es/networkTopo/models/TopoCenter.js +1 -1
  98. package/es/networkTopo/services/model.js +1 -1
  99. package/es/networkTopo/services/topo/basic.js +4 -4
  100. package/es/networkTopo/services/topo/ciInfo.js +1 -1
  101. package/es/networkTopo/store/functionAuth.js +1 -1
  102. package/es/networkTopo/store/topoCenter.js +1 -1
  103. package/es/networkTopo/store/topoTreeMod.js +1 -1
  104. package/es/networkTopo/utils/exportData.js +1 -1
  105. package/es/style.js +1 -1
  106. package/es/utils/ResourceConfigUtil.js +4 -37
  107. package/es/utils/ciRefAttributeTranslateUtil.d.ts +19 -0
  108. package/es/utils/ciRefAttributeTranslateUtil.js +155 -0
  109. package/es/utils/format.js +1 -1
  110. package/es/utils/topoData.js +4 -2
  111. package/lib/components/BatchAttrMetric/setting.js +2 -2
  112. package/lib/components/ModelAttrSelectDrawer/components/MultipleTypeAttributeSelectDrawer.js +2 -2
  113. package/lib/components/ResourceSelectDrawer/ResourceSelectDrawer.js +2 -2
  114. package/lib/core/components/AlarmListPanel/components/AlarmListItem.js +58 -3
  115. package/lib/core/components/AlarmListPanel/index.js +1 -1
  116. package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -2
  117. package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +2 -2
  118. package/lib/core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig.js +3 -3
  119. package/lib/core/components/DisplaySettingDrawer/components/NodeAttrSettingDrawer.js +2 -2
  120. package/lib/core/components/ResourceViewAttributeSetting/Setting.js +2 -2
  121. package/lib/core/components/TopoView/topoView.js +14 -10
  122. package/lib/core/editor/components/BackgroundView/index.js +3 -3
  123. package/lib/core/editor/components/CustomIconPlugin/UploadIconDialog.js +2 -2
  124. package/lib/core/editor/components/EditorPlugin.js +3 -3
  125. package/lib/core/editor/components/Sidebar/views/ComponentPanel.js +2 -4
  126. package/lib/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +1 -1
  127. package/lib/core/editor/components/Sidebar/views/ImagePanel/CustomImagePanel.js +1 -1
  128. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +2 -2
  129. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +2 -2
  130. package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePalette.js +2 -4
  131. package/lib/core/editor/components/Sidebar/views/LinkPanel.js +2 -4
  132. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +6 -12
  133. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +27 -9
  134. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +21 -1
  135. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +8 -0
  136. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -1
  137. package/lib/core/editor/components/Toolbar/widgets/Layout/index.js +16 -2
  138. package/lib/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js +5 -5
  139. package/lib/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +1 -1
  140. package/lib/core/editor/components/settings/propertyViews/layer/BasicSetting.js +1 -1
  141. package/lib/core/editor/components/settings/propertyViews/layer/SettingTab/Setting.js +3 -3
  142. package/lib/core/editor/components/settings/propertyViews/view/hooks/useBackgroundSizeConfig.js +2 -2
  143. package/lib/core/editor/hooks/useKeyboardShortcut.js +2 -0
  144. package/lib/core/editor/store/background.js +1 -1
  145. package/lib/core/editor/store/historyManager.js +1 -1
  146. package/lib/core/editor/store/topoEdit.js +1 -1
  147. package/lib/core/editor/utils/copyElementUtil.js +15 -0
  148. package/lib/core/editor/utils/edgeTypeStyleUtil.js +8 -6
  149. package/lib/core/hooks/__tests__/useCiAttributeChange.test.js +1 -0
  150. package/lib/core/hooks/ht/useHtDataPropertyChangeListener.js +1 -3
  151. package/lib/core/hooks/useCiAttributeChange.js +30 -14
  152. package/lib/core/hooks/useGraphAlarmDisplay.js +62 -40
  153. package/lib/core/hooks/useManageStatus.js +1 -1
  154. package/lib/core/hooks/usePolling.js +3 -3
  155. package/lib/core/hooks/useResourceConfig.js +1 -3
  156. package/lib/core/hooks/useTopoEdit.js +50 -53
  157. package/lib/core/models/Alarm.js +38 -26
  158. package/lib/core/models/AttributeMetricDisplay.js +18 -6
  159. package/lib/core/models/HistoryManager.js +8 -8
  160. package/lib/core/models/SelectionModel.js +5 -5
  161. package/lib/core/models/TopoApp.js +4 -6
  162. package/lib/core/models/attributeFormatter/formatter/graphTransform.js +2 -4
  163. package/lib/core/models/attributeFormatter/index.js +1 -1
  164. package/lib/core/models/cache/CiCache.d.ts +1 -1
  165. package/lib/core/models/cache/CiCache.js +3 -3
  166. package/lib/core/models/cache/CiTypeCache.js +6 -2
  167. package/lib/core/models/cache/DictCache.js +2 -2
  168. package/lib/core/models/plugins/resourceWebControllUrl.js +2 -2
  169. package/lib/core/models/tagstips/ElementTagTipConfig.js +2 -2
  170. package/lib/core/models/topoData.js +0 -1
  171. package/lib/core/services/alarm.js +2 -2
  172. package/lib/core/services/index.js +1 -1
  173. package/lib/core/services/topo/basic.js +2 -2
  174. package/lib/core/store/models/customIcon.js +3 -3
  175. package/lib/core/store/models/displayConfig.js +1 -1
  176. package/lib/core/store/models/selection.js +1 -1
  177. package/lib/core/store/models/topoBaseInfoOverview.js +1 -1
  178. package/lib/core/store/models/topoBizMod.js +1 -1
  179. package/lib/core/store/models/topoConfig.js +7 -10
  180. package/lib/core/store/models/topoGraphView.js +1 -1
  181. package/lib/core/store/models/topoMod.js +89 -142
  182. package/lib/core/store/models/viewer/lock.js +1 -1
  183. package/lib/core/store/models/viewer/resourceDetail.js +1 -1
  184. package/lib/core/store/models/viewer/resourceWebControllUrlSetting.js +1 -1
  185. package/lib/core/utils/edgeUtil.js +12 -1
  186. package/lib/core/utils/metricUtil.js +1 -1
  187. package/lib/core/utils/showGraphManageStatusUtil.js +3 -2
  188. package/lib/core/utils/showMessage.js +2 -2
  189. package/lib/core/viewer/components/plugins/ResourceDetail/ResourceDetail.js +1 -0
  190. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +12 -13
  191. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +3 -1
  192. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +4 -2
  193. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +6 -6
  194. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +3 -5
  195. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +20 -18
  196. package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +2 -2
  197. package/lib/core/viewer/components/plugins/ViewerPlugin.js +3 -1
  198. package/lib/networkTopo/components/Link/index.js +2 -2
  199. package/lib/networkTopo/components/TopoView.js +5 -14
  200. package/lib/networkTopo/hooks/useEdgeExpand.js +2 -3
  201. package/lib/networkTopo/hooks/viewer/useRelateTopo.js +4 -4
  202. package/lib/networkTopo/models/LinkDynamicStyleExecutor.js +3 -5
  203. package/lib/networkTopo/models/LinkTagsTipsBuilder.js +3 -3
  204. package/lib/networkTopo/models/TopoCenter.js +1 -1
  205. package/lib/networkTopo/services/model.js +1 -3
  206. package/lib/networkTopo/services/topo/basic.js +4 -6
  207. package/lib/networkTopo/services/topo/ciInfo.js +0 -2
  208. package/lib/networkTopo/store/functionAuth.js +1 -1
  209. package/lib/networkTopo/store/topoCenter.js +1 -1
  210. package/lib/networkTopo/store/topoTreeMod.js +5 -5
  211. package/lib/networkTopo/utils/exportData.js +1 -3
  212. package/lib/style.js +1 -1
  213. package/lib/utils/ResourceConfigUtil.js +4 -39
  214. package/lib/utils/ciRefAttributeTranslateUtil.d.ts +19 -0
  215. package/lib/utils/ciRefAttributeTranslateUtil.js +168 -0
  216. package/lib/utils/format.js +1 -1
  217. package/lib/utils/topoData.js +4 -2
  218. package/package.json +4 -4
@@ -1,10 +1,30 @@
1
1
  @import '~@alifd/next/variables.scss';
2
2
 
3
3
  .lineBox{
4
- width: 236px;
5
4
  background: #FFFFFF;
6
5
  border-radius: 4px;
7
6
  margin-bottom: -7px;
7
+
8
+ .endPointSelect {
9
+ min-width: 0;
10
+ width: 64px;
11
+ :global {
12
+ .#{$css-prefix}select-inner {
13
+ min-width:0 !important;
14
+ }
15
+ }
16
+ }
17
+
18
+ .lineMoldSelect {
19
+ min-width: 0;
20
+ width: 88px;
21
+ :global {
22
+ .#{$css-prefix}select-inner {
23
+ min-width:0 !important;
24
+ }
25
+ }
26
+ }
27
+
8
28
  :global {
9
29
  .#{$css-prefix}form-item:first-child{
10
30
  margin-top: 0;
@@ -55,6 +55,14 @@ var LINE_TYPE_OPTIONS = [{
55
55
  // },
56
56
  ];
57
57
 
58
+ if (localStorage.getItem('topo.test.edge.customType') === 'true') {
59
+ LINE_TYPE_OPTIONS.push({
60
+ value: 'points',
61
+ label: '自由线形',
62
+ icon: 'topo_linear_icon_pointsline'
63
+ });
64
+ }
65
+
58
66
  var LineType = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
59
67
  var value = props.value,
60
68
  onChange = props.onChange,
@@ -69,7 +69,7 @@ function EdgeTypeButton(props) {
69
69
  return;
70
70
  }
71
71
 
72
- (0, _edgeTypeStyleUtil.setEdgesAndChildren)(topo, edges, function (edge) {
72
+ (0, _edgeTypeStyleUtil.updateEdgesData)(topo, edges, function (edge) {
73
73
  if (name === 'startPoint') {
74
74
  // 删除设置
75
75
  ['sourceArrow', 'sourceSolidCircle', 'sourceNoneCircle'].forEach(function (iconName) {
@@ -40,6 +40,11 @@ function Layout(props) {
40
40
  selection = _topo$store$useModelS.selection;
41
41
 
42
42
  var setDisabled = function setDisabled(data) {
43
+ if (topoShowType !== 'layers' && selection.length === 1) {
44
+ //中心节点布局,选中一个节点非分层情况下,需要星型和树形布局亮起来
45
+ return data == 'rectangle' || data == 'hierarchical';
46
+ }
47
+
43
48
  if (topoShowType == 'layers' && selection.length == 1 && !(0, _htElementDataUtil.isGroup)(selection[0])) {
44
49
  return data != 'rectangle';
45
50
  } else {
@@ -57,7 +62,11 @@ function Layout(props) {
57
62
 
58
63
 
59
64
  if (topoShowType != 'layers' && selection.length == 1) {
60
- topo.getHtTopo().layoutInContainer(layouType);
65
+ if (layouType == 'hierarchical') {
66
+ topo.getHtTopo().layoutInContainer(layouType);
67
+ } else {
68
+ topo.getHtTopo().layoutTopoBySelectNode(layouType, selectionElements[0]);
69
+ }
61
70
  } // eslint-disable-next-line eqeqeq
62
71
 
63
72
 
@@ -72,7 +81,7 @@ function Layout(props) {
72
81
  topo.historyManager.beginTransaction();
73
82
  setLayout(v); // eslint-disable-next-line eqeqeq
74
83
 
75
- if (topoShowType != 'layers' && ((_selection$ = selection[0]) === null || _selection$ === void 0 ? void 0 : _selection$.className) != 'ht.Node' || topoShowType == 'partition' && selection.length == 1 || topoShowType == 'layers' && selection.length == 1) {
84
+ if (topoShowType != 'layers' && ((_selection$ = selection[0]) === null || _selection$ === void 0 ? void 0 : _selection$.className) != 'ht.Node' || topoShowType == 'partition' && selection.length == 1 || topoShowType == 'layers' && selection.length == 1 || topoShowType !== 'layers' && selection.length === 1) {
76
85
  globalLayout(v);
77
86
  }
78
87
 
@@ -150,6 +159,11 @@ function isLayoutEnabled(props) {
150
159
 
151
160
  if (topoShowType !== 'layers' && !selection.length) {
152
161
  return true;
162
+ } //中心节点布局,选中一个节点不是分层的情况下,按钮亮起
163
+
164
+
165
+ if (topoShowType !== 'layers' && selection.length === 1) {
166
+ return true;
153
167
  }
154
168
 
155
169
  return false;
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
11
11
 
12
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
13
 
14
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
14
+ var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
15
15
 
16
16
  var _SizeInput = _interopRequireDefault(require("../SizeInput"));
17
17
 
@@ -58,7 +58,7 @@ function NodeSizeInput(props) {
58
58
  };
59
59
  updateSizeRatioCurrentSize(ratioInfo);
60
60
 
61
- _rlog["default"].debug('initSizeRatio', ratioInfo);
61
+ _componentTopologyUtils.rlog.debug('initSizeRatio', ratioInfo);
62
62
 
63
63
  return ratioInfo;
64
64
  }
@@ -84,7 +84,7 @@ function NodeSizeInput(props) {
84
84
  // 首次没有比例时,初始化当前节点比例
85
85
  ratioInfo = initSizeRatio();
86
86
 
87
- _rlog["default"].debug('首次没有比例时,初始化当前节点比例', ratioInfo);
87
+ _componentTopologyUtils.rlog.debug('首次没有比例时,初始化当前节点比例', ratioInfo);
88
88
  } else {
89
89
  // 修改后,非锁定方式调整比例(画图调整节点大小,未开启锁定修改),重新初始化比例
90
90
  var prevSize = ratioInfo.size;
@@ -92,7 +92,7 @@ function NodeSizeInput(props) {
92
92
  if (value.width !== prevSize.width || value.height !== prevSize.height) {
93
93
  ratioInfo = initSizeRatio();
94
94
 
95
- _rlog["default"].debug('修改后,重新初始化比例', ratioInfo);
95
+ _componentTopologyUtils.rlog.debug('修改后,重新初始化比例', ratioInfo);
96
96
  }
97
97
  }
98
98
 
@@ -109,7 +109,7 @@ function NodeSizeInput(props) {
109
109
  size: newSize
110
110
  });
111
111
 
112
- _rlog["default"].debug('按比例更新', name, attrValue, ratio, value, newSize, ratioInfo);
112
+ _componentTopologyUtils.rlog.debug('按比例更新', name, attrValue, ratio, value, newSize, ratioInfo);
113
113
  }
114
114
 
115
115
  onChange(newSize);
@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
17
17
 
18
18
  var _propTypes = _interopRequireDefault(require("prop-types"));
19
19
 
20
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
20
+ var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
21
21
 
22
22
  var _NodeSizeNumberPicker = _interopRequireDefault(require("./NodeSizeNumberPicker"));
23
23
 
@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
11
11
 
12
12
  var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
13
13
 
14
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
14
+ var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
15
15
 
16
16
  var _react = _interopRequireWildcard(require("react"));
17
17
 
@@ -19,7 +19,7 @@ var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
19
19
 
20
20
  var _react = _interopRequireWildcard(require("react"));
21
21
 
22
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
22
+ var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
23
23
 
24
24
  var _AlignSetting = _interopRequireDefault(require("../../../common/AlignSetting"));
25
25
 
@@ -47,7 +47,7 @@ function LayerSettingTab(props) {
47
47
  return;
48
48
  }
49
49
 
50
- _rlog["default"].debug(values[name], value);
50
+ _componentTopologyUtils.rlog.debug(values[name], value);
51
51
 
52
52
  var newValues = field.getValues();
53
53
 
@@ -62,7 +62,7 @@ function LayerSettingTab(props) {
62
62
  var alignOnChange = function alignOnChange(v) {
63
63
  topo.historyManager.beginTransaction();
64
64
 
65
- _rlog["default"].debug('setAlignmentBySelectionNodes', v);
65
+ _componentTopologyUtils.rlog.debug('setAlignmentBySelectionNodes', v);
66
66
 
67
67
  topo.view.topoClient.htTopoClient.setAlignmentBySelectionNodes(v);
68
68
 
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  exports.__esModule = true;
6
6
  exports["default"] = void 0;
7
7
 
8
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
8
+ var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
9
9
 
10
10
  var _react = require("react");
11
11
 
@@ -27,7 +27,7 @@ var _default = function _default(props) {
27
27
  setSize = _useState[1];
28
28
 
29
29
  (0, _react.useEffect)(function () {
30
- _rlog["default"].info('设置背景图:初始化大小', getSizeFromCurrent());
30
+ _componentTopologyUtils.rlog.info('设置背景图:初始化大小', getSizeFromCurrent());
31
31
 
32
32
  setSize(getSizeFromCurrent());
33
33
  }, [current]);
@@ -44,8 +44,10 @@ function unbindKeyboardShortcuts(props) {
44
44
 
45
45
  function useKeyboardShortcut(props) {
46
46
  (0, _react.useEffect)(function () {
47
+ (0, _copyElementUtil.initPasteEventListener)();
47
48
  initKeyboardShortcuts(props);
48
49
  return function () {
50
+ (0, _copyElementUtil.destroyPasteEventListener)();
49
51
  unbindKeyboardShortcuts(props);
50
52
  };
51
53
  }, []);
@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
11
11
 
12
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
13
 
14
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
14
+ var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
15
15
 
16
16
  /**
17
17
  * 背景图
@@ -7,7 +7,7 @@ exports["default"] = _default;
7
7
 
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
 
10
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
10
+ var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
11
11
 
12
12
  /**
13
13
  * 动态设置链路样式 Model
@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
11
11
 
12
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
13
 
14
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
14
+ var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
15
15
 
16
16
  /**
17
17
  * 拓扑编辑 Model
@@ -3,8 +3,10 @@
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
 
5
5
  exports.__esModule = true;
6
+ exports.destroyPasteEventListener = destroyPasteEventListener;
6
7
  exports.handleCopyHotkey = handleCopyHotkey;
7
8
  exports.handlePasteHotkey = handlePasteHotkey;
9
+ exports.initPasteEventListener = initPasteEventListener;
8
10
 
9
11
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
10
12
 
@@ -21,6 +23,19 @@ function handleCopyHotkey(event, options) {
21
23
  }
22
24
  }
23
25
 
26
+ function initPasteEventListener() {
27
+ document.addEventListener("paste", handlePasteEventListener);
28
+ }
29
+
30
+ function destroyPasteEventListener() {
31
+ document.removeEventListener("paste", handlePasteEventListener);
32
+ }
33
+
34
+ function handlePasteEventListener(e) {
35
+ var clipdata = e.clipboardData || window.clipboardData;
36
+ console.log("主动粘贴", clipdata.getData("text/plain"));
37
+ }
38
+
24
39
  function handlePasteHotkey(event, options) {
25
40
  var target = event.target || event.srcElement;
26
41
  var tagName = target.tagName;
@@ -4,8 +4,8 @@ exports.__esModule = true;
4
4
  exports.getEdgesBySelection = getEdgesBySelection;
5
5
  exports.isNodeAllEdges = isNodeAllEdges;
6
6
  exports.loopEdgesAndChildren = loopEdgesAndChildren;
7
- exports.setEdgesAndChildren = setEdgesAndChildren;
8
7
  exports.setEdgesType = setEdgesType;
8
+ exports.updateEdgesData = updateEdgesData;
9
9
 
10
10
  var _htElementUtils = require("../../../utils/htElementUtils");
11
11
 
@@ -117,17 +117,19 @@ function loopEdgesAndChildren(topo, edges, operateEdgeFn) {
117
117
  * 设置连线及子连线。带回退事务控制
118
118
  * @param {*} topo
119
119
  * @param {*} edges
120
- * @param {*} operateEdgeFn
120
+ * @param {*} updateEdgeFn
121
121
  */
122
122
 
123
123
 
124
- function setEdgesAndChildren(topo, edges, operateEdgeFn) {
124
+ function updateEdgesData(topo, edges, updateEdgeFn) {
125
125
  topo.historyManager.beginTransaction();
126
- loopEdgesAndChildren(topo, edges, operateEdgeFn);
126
+ edges.forEach(function (edge) {
127
+ updateEdgeFn(edge);
128
+ });
127
129
  topo.historyManager.endTransaction();
128
130
  }
129
131
  /**
130
- * 批量设置连线线形
132
+ * 批量设置连线线形。带回退事务控制
131
133
  *
132
134
  * @param {*} edges
133
135
  * @param {*} type
@@ -137,7 +139,7 @@ function setEdgesAndChildren(topo, edges, operateEdgeFn) {
137
139
 
138
140
  function setEdgesType(edges, type, topo) {
139
141
  var htTopo = topo.getHtTopo();
140
- setEdgesAndChildren(topo, edges, function (edge) {
142
+ updateEdgesData(topo, edges, function (edge) {
141
143
  htTopo.setGraphLinear(edge, {
142
144
  type: type
143
145
  });
@@ -0,0 +1 @@
1
+ "use strict";
@@ -1,11 +1,9 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
3
  exports.__esModule = true;
6
4
  exports["default"] = useHtDataPropertyChangeListener;
7
5
 
8
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
6
+ var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
9
7
 
10
8
  var _react = require("react");
11
9
 
@@ -7,15 +7,26 @@ exports["default"] = useCiAttributeChange;
7
7
 
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
 
10
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
10
+ var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
11
11
 
12
12
  var _CiCache = _interopRequireDefault(require("../models/cache/CiCache"));
13
13
 
14
14
  var _useTopoEventListener = _interopRequireDefault(require("./useTopoEventListener"));
15
15
 
16
+ function ciExistTopo(topoData, ciChangeData) {
17
+ if (!topoData) {
18
+ return false;
19
+ }
20
+
21
+ var ciIds = [].concat(topoData.nodes, topoData.links, topoData.linkGroups).map(function (data) {
22
+ return data.ciId || data.id;
23
+ });
24
+ return ciIds.includes(ciChangeData.id);
25
+ }
26
+
16
27
  function mergeData(cis, ciChangeData) {
17
28
  var matchData = function matchData(item) {
18
- return item.id === ciChangeData.id || item.ciId === ciChangeData.id;
29
+ return (item.ciId || item.id) === ciChangeData.id;
19
30
  };
20
31
 
21
32
  if (!cis.find(matchData)) {
@@ -23,16 +34,25 @@ function mergeData(cis, ciChangeData) {
23
34
  }
24
35
 
25
36
  return cis.map(function (ci) {
26
- if (matchData(ci)) {
27
- return (0, _extends2["default"])({}, ci, {
28
- id: ci.id,
29
- attributes: (0, _extends2["default"])({}, ci.attributes, ciChangeData.attributes)
30
- });
37
+ if (!matchData(ci)) {
38
+ return ci;
31
39
  }
32
40
 
33
- return ci;
41
+ return (0, _extends2["default"])({}, ci, {
42
+ id: ci.id,
43
+ attributes: (0, _extends2["default"])({}, ci.attributes, ciChangeData.attributes)
44
+ });
34
45
  });
35
46
  }
47
+
48
+ function mergeTopoData(topoData, ciChangeData) {
49
+ var newData = (0, _extends2["default"])({}, topoData, {
50
+ nodes: mergeData(topoData.nodes, ciChangeData),
51
+ links: mergeData(topoData.links, ciChangeData),
52
+ linkGroups: mergeData(topoData.linkGroups, ciChangeData)
53
+ });
54
+ return newData;
55
+ }
36
56
  /**
37
57
  * 监听ci属性变更
38
58
  *
@@ -48,12 +68,8 @@ function useCiAttributeChange(props) {
48
68
  // 更新拓扑数据
49
69
  var topoData = topo.store.getModelState('topoMod').data;
50
70
 
51
- if (topoData) {
52
- var newData = (0, _extends2["default"])({}, topoData, {
53
- nodes: mergeData(topoData.nodes, ciChangeData),
54
- links: mergeData(topoData.links, ciChangeData),
55
- linkGroups: mergeData(topoData.linkGroups, ciChangeData)
56
- });
71
+ if (ciExistTopo(topoData, ciChangeData)) {
72
+ var newData = mergeTopoData(topoData, ciChangeData);
57
73
  var topoDispatchers = topo.store.getModelDispatchers('topoMod');
58
74
  topoDispatchers.update({
59
75
  data: newData
@@ -13,7 +13,13 @@ var _htElementUtils = require("../../utils/htElementUtils");
13
13
 
14
14
  var _showGraphManageStatusUtil = require("../utils/showGraphManageStatusUtil");
15
15
 
16
- function getCiAlarmLevels(alarmList, risks) {
16
+ /**
17
+ * 获取ci的最高告警级别
18
+ * @param {Array} alarmList
19
+ * @param {*} risks
20
+ * @returns
21
+ */
22
+ function getCiAlarmLevelMap(alarmList, risks) {
17
23
  var ciIdLevelMap = {};
18
24
  [].concat(alarmList, risks.map(function (item) {
19
25
  var _item$resourceId;
@@ -31,13 +37,53 @@ function getCiAlarmLevels(alarmList, risks) {
31
37
 
32
38
  ciIdLevelMap[item.id] = level;
33
39
  });
40
+ return ciIdLevelMap;
41
+ }
42
+
43
+ function getGraphCiElementAlarmLevels(resources, alarmList, risks) {
44
+ var ciIdLevelMap = getCiAlarmLevelMap(alarmList, risks);
34
45
  return Object.keys(ciIdLevelMap).map(function (id) {
35
46
  return {
36
47
  id: id,
37
48
  level: ciIdLevelMap[id]
38
49
  };
50
+ }).filter(function (alarm) {
51
+ var resource = resources.find(function (item) {
52
+ return item.id === alarm.id;
53
+ });
54
+ return !!resource;
39
55
  });
40
56
  }
57
+ /**
58
+ * 获得关联拓扑节点告警级别
59
+ * @param {*} topo
60
+ * @param {*} relateTopoAlarm
61
+ * @returns
62
+ */
63
+
64
+
65
+ function getRelateTopoNodeAlarmLevels(topo, relateTopoAlarm) {
66
+ return Object.keys(relateTopoAlarm).map(function (topoId) {
67
+ var level = relateTopoAlarm[topoId];
68
+ var relateTopoNode = topo.getDataModel().getDatas().toArray().find(function (node) {
69
+ return "" + node.a('bindTopo') === "" + topoId;
70
+ });
71
+
72
+ if (!level || !relateTopoNode) {
73
+ return null;
74
+ }
75
+
76
+ return {
77
+ elementId: relateTopoNode.getId(),
78
+ level: level
79
+ };
80
+ }).filter(function (item) {
81
+ return !!item;
82
+ });
83
+ } // 获取拓扑图元素最高告警级别。包含资源、链路、关联拓扑节点
84
+
85
+
86
+ function getGraphElementAlarmLevels(resources) {}
41
87
  /**
42
88
  * 告警显示到ht拓扑
43
89
  *
@@ -48,7 +94,6 @@ function getCiAlarmLevels(alarmList, risks) {
48
94
  function useGraphAlarmDisplay(options) {
49
95
  var topo = options.topo,
50
96
  alarmSwitch = options.alarmSwitch;
51
- var store = topo.store;
52
97
  var topoState = topo.store.useModelState('topoMod');
53
98
  var graphLoaded = topoState.graphLoaded,
54
99
  viewState = topoState.viewState;
@@ -62,17 +107,7 @@ function useGraphAlarmDisplay(options) {
62
107
  var resources = topo.dataModel.useCis();
63
108
 
64
109
  function getCisEventLevel() {
65
- return getCiAlarmLevels(alarmList || [], risks).filter(function (alarm) {
66
- var resource = resources.find(function (item) {
67
- return item.id === alarm.id;
68
- });
69
-
70
- if (!resource) {
71
- return false;
72
- }
73
-
74
- return true;
75
- });
110
+ return getGraphCiElementAlarmLevels(resources, alarmList || [], risks);
76
111
  }
77
112
 
78
113
  (0, _react.useEffect)(function () {
@@ -82,8 +117,8 @@ function useGraphAlarmDisplay(options) {
82
117
  resources: resources,
83
118
  isEditMode: isEditMode,
84
119
  graphLoaded: graphLoaded,
85
- // 有告警且未监控时,此时开启告警静默,应当显示未监控图标
86
- cisEventLevel: alarmSwitch === false ? [] : getCisEventLevel()
120
+ alarmSwitch: alarmSwitch,
121
+ cisEventLevel: getCisEventLevel()
87
122
  });
88
123
 
89
124
  function showAlarm() {
@@ -97,43 +132,30 @@ function useGraphAlarmDisplay(options) {
97
132
  return;
98
133
  }
99
134
 
100
- var finalAlarms = getCisEventLevel(); // 将告警级别放入ht元素,便于测试
135
+ var finalAlarms = getCisEventLevel(); // 关联拓扑告警
136
+
137
+ var relateTopoAlarms = getRelateTopoNodeAlarmLevels(topo, relateTopoAlarm);
138
+ var elementsAlarmLevels = [].concat(finalAlarms, relateTopoAlarms); // 将告警级别放入ht元素,便于测试
101
139
 
102
140
  (0, _htElementUtils.getElements)(topo.getDataModel()).filter(function (item) {
103
141
  return !!item.getTag();
104
142
  }).forEach(function (element) {
105
- var _finalAlarms$find;
143
+ var _elementsAlarmLevels$;
106
144
 
107
- var alarmLevel = (_finalAlarms$find = finalAlarms.find(function (item) {
108
- return item.id === element.getTag();
109
- })) === null || _finalAlarms$find === void 0 ? void 0 : _finalAlarms$find.level;
145
+ var alarmLevel = (_elementsAlarmLevels$ = elementsAlarmLevels.find(function (item) {
146
+ return item.id === element.getTag() || item.elementId === element.getId();
147
+ })) === null || _elementsAlarmLevels$ === void 0 ? void 0 : _elementsAlarmLevels$.level;
110
148
  element.a('alarmLevel', alarmLevel);
111
149
  });
112
- var relateTopoAlarms = Object.keys(relateTopoAlarm).map(function (topoId) {
113
- var level = relateTopoAlarm[topoId];
114
- var relateTopoNode = topo.getDataModel().getDatas().toArray().find(function (node) {
115
- return "" + node.a('bindTopo') === "" + topoId;
116
- });
117
-
118
- if (!level || !relateTopoNode) {
119
- return null;
120
- }
121
-
122
- return {
123
- elementId: relateTopoNode.getId(),
124
- level: level
125
- };
126
- }).filter(function (item) {
127
- return !!item;
128
- });
129
150
 
130
- _rlog["default"].debug('关联拓扑告警:推送ht', {
131
- all: relateTopoAlarm,
151
+ _rlog["default"].debug('推送告警 => ht', {
152
+ alarms: elementsAlarmLevels,
153
+ relateTopoAlarmMap: relateTopoAlarm,
132
154
  relateTopoAlarms: relateTopoAlarms
133
155
  }); // 更新到ht拓扑
134
156
 
135
157
 
136
- topo.view.loadAlarm([].concat(finalAlarms, relateTopoAlarms));
158
+ topo.view.loadAlarm(elementsAlarmLevels);
137
159
  }
138
160
 
139
161
  return function () {
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  exports.__esModule = true;
6
6
  exports["default"] = useManageStatus;
7
7
 
8
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
8
+ var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
9
9
 
10
10
  var _react = require("react");
11
11
 
@@ -17,7 +17,7 @@ var _ahooks = require("ahooks");
17
17
 
18
18
  var _lodash = _interopRequireDefault(require("lodash"));
19
19
 
20
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
20
+ var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
21
21
 
22
22
  var _componentRiilEventEmitter = require("@riil-frontend/component-riil-event-emitter");
23
23
 
@@ -227,7 +227,7 @@ var usePolling = function usePolling(props) {
227
227
 
228
228
  (0, _react.useEffect)(function () {
229
229
  if (topo.options.enableDefaultMetricLoader) {
230
- _rlog["default"].debug('usePolling.useEffect: 开始轮询', {
230
+ _componentTopologyUtils.rlog.debug('usePolling.useEffect: 开始轮询', {
231
231
  pollingSwitch: pollingSwitch,
232
232
  resIdsList: resIdsList,
233
233
  resourceOverviewState: resourceOverviewState,
@@ -239,7 +239,7 @@ var usePolling = function usePolling(props) {
239
239
 
240
240
  return function () {
241
241
  if (loading) {
242
- _rlog["default"].debug('usePolling.useEffect: 结束轮询', resAndMetrics);
242
+ _componentTopologyUtils.rlog.debug('usePolling.useEffect: 结束轮询', resAndMetrics);
243
243
 
244
244
  stopPoll();
245
245
  }
@@ -56,9 +56,7 @@ function _default(props) {
56
56
  return {
57
57
  resources: config.resources,
58
58
  groups: config.groups,
59
- exportLinkIdList: config.exportLinkIdList,
60
- relateTopoIdList: config.relateTopoIdList //linkIps: config.linkIps,
61
-
59
+ relateTopoIdList: config.relateTopoIdList
62
60
  };
63
61
  };
64
62