@riil-frontend/component-topology 12.0.0-dev.1 → 12.0.0-dev.10

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 (193) hide show
  1. package/build/1.js +1 -1
  2. package/build/index.js +14 -14
  3. package/es/components/BatchAttrMetric/setting.js +1 -1
  4. package/es/components/ModelAttrSelectDrawer/components/MultipleTypeAttributeSelectDrawer.js +1 -1
  5. package/es/components/ResourceSelectDrawer/ResourceSelectDrawer.js +1 -1
  6. package/es/core/components/AlarmListPanel/index.js +1 -1
  7. package/es/core/components/DisplaySettingDrawer/DisplaySetting.js +1 -1
  8. package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +2 -2
  9. package/es/core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig.js +1 -1
  10. package/es/core/components/DisplaySettingDrawer/components/NodeAttrSettingDrawer.js +1 -1
  11. package/es/core/components/ResourceViewAttributeSetting/Setting.js +1 -1
  12. package/es/core/components/TopoView/topoView.js +6 -2
  13. package/es/core/editor/components/BackgroundView/index.js +1 -1
  14. package/es/core/editor/components/CustomIconPlugin/UploadIconDialog.js +1 -1
  15. package/es/core/editor/components/EditorPlugin.js +1 -1
  16. package/es/core/editor/components/Sidebar/views/ComponentPanel.js +1 -1
  17. package/es/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +1 -1
  18. package/es/core/editor/components/Sidebar/views/ImagePanel/CustomImagePanel.js +1 -1
  19. package/es/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +1 -1
  20. package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +1 -1
  21. package/es/core/editor/components/Sidebar/views/ImagePanel/ImagePalette.js +1 -1
  22. package/es/core/editor/components/Sidebar/views/LinkPanel.js +1 -1
  23. package/es/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js +1 -1
  24. package/es/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +1 -1
  25. package/es/core/editor/components/settings/propertyViews/layer/BasicSetting.js +1 -1
  26. package/es/core/editor/components/settings/propertyViews/layer/SettingTab/Setting.js +1 -1
  27. package/es/core/editor/components/settings/propertyViews/view/hooks/useBackgroundSizeConfig.js +1 -1
  28. package/es/core/editor/hooks/useKeyboardShortcut.js +3 -1
  29. package/es/core/editor/store/background.js +1 -1
  30. package/es/core/editor/store/historyManager.js +1 -1
  31. package/es/core/editor/store/topoEdit.js +1 -1
  32. package/es/core/editor/utils/copyElementUtil.js +24 -9
  33. package/es/core/hooks/__tests__/useCiAttributeChange.test.js +0 -0
  34. package/es/core/hooks/ht/useHtDataPropertyChangeListener.js +1 -1
  35. package/es/core/hooks/useCiAttributeChange.js +35 -16
  36. package/es/core/hooks/useManageStatus.js +1 -1
  37. package/es/core/hooks/usePolling.js +1 -1
  38. package/es/core/hooks/useResourceConfig.js +1 -3
  39. package/es/core/hooks/useTopoEdit.js +48 -52
  40. package/es/core/models/Alarm.js +1 -1
  41. package/es/core/models/AttributeMetricDisplay.js +6 -3
  42. package/es/core/models/HistoryManager.js +1 -1
  43. package/es/core/models/SelectionModel.js +1 -1
  44. package/es/core/models/TopoApp.js +2 -2
  45. package/es/core/models/attributeFormatter/formatter/commonTransform.js +0 -5
  46. package/es/core/models/attributeFormatter/formatter/graphTransform.js +1 -1
  47. package/es/core/models/attributeFormatter/index.js +1 -1
  48. package/es/core/models/cache/CiTypeCache.js +5 -1
  49. package/es/core/models/cache/DictCache.js +1 -1
  50. package/es/core/models/plugins/resourceWebControllUrl.js +1 -1
  51. package/es/core/models/tagstips/ElementTagTipConfig.js +1 -1
  52. package/es/core/models/topoData.js +0 -1
  53. package/es/core/services/alarm.js +1 -1
  54. package/es/core/services/index.js +1 -1
  55. package/es/core/services/topo/basic.js +2 -2
  56. package/es/core/store/models/customIcon.js +1 -1
  57. package/es/core/store/models/displayConfig.js +1 -1
  58. package/es/core/store/models/selection.js +1 -1
  59. package/es/core/store/models/topoBaseInfoOverview.js +1 -1
  60. package/es/core/store/models/topoBizMod.js +1 -1
  61. package/es/core/store/models/topoConfig.js +7 -10
  62. package/es/core/store/models/topoGraphView.js +1 -1
  63. package/es/core/store/models/topoMod.js +1 -1
  64. package/es/core/store/models/viewer/lock.js +1 -1
  65. package/es/core/store/models/viewer/resourceDetail.js +1 -1
  66. package/es/core/store/models/viewer/resourceWebControllUrlSetting.js +1 -1
  67. package/es/core/utils/edgeUtil.js +2 -1
  68. package/es/core/utils/metricUtil.js +8 -1
  69. package/es/core/utils/showMessage.js +1 -1
  70. package/es/core/viewer/components/plugins/ResourceDetail/ResourceDetail.js +1 -0
  71. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +12 -13
  72. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +3 -1
  73. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +4 -2
  74. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +1 -1
  75. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +1 -1
  76. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +20 -18
  77. package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +1 -1
  78. package/es/networkTopo/components/Link/index.js +1 -1
  79. package/es/networkTopo/hooks/viewer/useRelateTopo.js +1 -1
  80. package/es/networkTopo/models/LinkDynamicStyleExecutor.js +1 -1
  81. package/es/networkTopo/models/LinkTagsTipsBuilder.js +1 -1
  82. package/es/networkTopo/models/TopoCenter.js +1 -1
  83. package/es/networkTopo/services/model.js +1 -1
  84. package/es/networkTopo/services/topo/basic.js +4 -4
  85. package/es/networkTopo/services/topo/ciInfo.js +1 -1
  86. package/es/networkTopo/store/functionAuth.js +1 -1
  87. package/es/networkTopo/store/topoCenter.js +1 -1
  88. package/es/networkTopo/store/topoTreeMod.js +1 -1
  89. package/es/networkTopo/utils/exportData.js +1 -1
  90. package/es/style.js +1 -1
  91. package/es/utils/ResourceConfigUtil.js +4 -37
  92. package/es/utils/ciRefAttributeTranslateUtil.d.ts +12 -0
  93. package/es/utils/ciRefAttributeTranslateUtil.js +156 -0
  94. package/es/utils/clipboardUtil.d.ts +7 -0
  95. package/es/utils/clipboardUtil.js +104 -0
  96. package/es/utils/format.js +1 -1
  97. package/es/utils/topoData.js +4 -2
  98. package/lib/components/BatchAttrMetric/setting.js +2 -2
  99. package/lib/components/ModelAttrSelectDrawer/components/MultipleTypeAttributeSelectDrawer.js +2 -2
  100. package/lib/components/ResourceSelectDrawer/ResourceSelectDrawer.js +2 -2
  101. package/lib/core/components/AlarmListPanel/index.js +1 -1
  102. package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -2
  103. package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +2 -2
  104. package/lib/core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig.js +3 -3
  105. package/lib/core/components/DisplaySettingDrawer/components/NodeAttrSettingDrawer.js +2 -2
  106. package/lib/core/components/ResourceViewAttributeSetting/Setting.js +2 -2
  107. package/lib/core/components/TopoView/topoView.js +14 -10
  108. package/lib/core/editor/components/BackgroundView/index.js +3 -3
  109. package/lib/core/editor/components/CustomIconPlugin/UploadIconDialog.js +2 -2
  110. package/lib/core/editor/components/EditorPlugin.js +3 -3
  111. package/lib/core/editor/components/Sidebar/views/ComponentPanel.js +2 -4
  112. package/lib/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +1 -1
  113. package/lib/core/editor/components/Sidebar/views/ImagePanel/CustomImagePanel.js +1 -1
  114. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +2 -2
  115. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +2 -2
  116. package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePalette.js +2 -4
  117. package/lib/core/editor/components/Sidebar/views/LinkPanel.js +2 -4
  118. package/lib/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js +5 -5
  119. package/lib/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +1 -1
  120. package/lib/core/editor/components/settings/propertyViews/layer/BasicSetting.js +1 -1
  121. package/lib/core/editor/components/settings/propertyViews/layer/SettingTab/Setting.js +3 -3
  122. package/lib/core/editor/components/settings/propertyViews/view/hooks/useBackgroundSizeConfig.js +2 -2
  123. package/lib/core/editor/hooks/useKeyboardShortcut.js +2 -0
  124. package/lib/core/editor/store/background.js +1 -1
  125. package/lib/core/editor/store/historyManager.js +1 -1
  126. package/lib/core/editor/store/topoEdit.js +1 -1
  127. package/lib/core/editor/utils/copyElementUtil.js +29 -9
  128. package/lib/core/hooks/__tests__/useCiAttributeChange.test.js +1 -0
  129. package/lib/core/hooks/ht/useHtDataPropertyChangeListener.js +1 -3
  130. package/lib/core/hooks/useCiAttributeChange.js +34 -15
  131. package/lib/core/hooks/useManageStatus.js +1 -1
  132. package/lib/core/hooks/usePolling.js +3 -3
  133. package/lib/core/hooks/useResourceConfig.js +1 -3
  134. package/lib/core/hooks/useTopoEdit.js +47 -51
  135. package/lib/core/models/Alarm.js +10 -10
  136. package/lib/core/models/AttributeMetricDisplay.js +8 -4
  137. package/lib/core/models/HistoryManager.js +8 -8
  138. package/lib/core/models/SelectionModel.js +5 -5
  139. package/lib/core/models/TopoApp.js +4 -6
  140. package/lib/core/models/attributeFormatter/formatter/commonTransform.js +0 -5
  141. package/lib/core/models/attributeFormatter/formatter/graphTransform.js +2 -4
  142. package/lib/core/models/attributeFormatter/index.js +1 -1
  143. package/lib/core/models/cache/CiTypeCache.js +6 -2
  144. package/lib/core/models/cache/DictCache.js +2 -2
  145. package/lib/core/models/plugins/resourceWebControllUrl.js +2 -2
  146. package/lib/core/models/tagstips/ElementTagTipConfig.js +2 -2
  147. package/lib/core/models/topoData.js +0 -1
  148. package/lib/core/services/alarm.js +2 -2
  149. package/lib/core/services/index.js +1 -1
  150. package/lib/core/services/topo/basic.js +2 -2
  151. package/lib/core/store/models/customIcon.js +3 -3
  152. package/lib/core/store/models/displayConfig.js +1 -1
  153. package/lib/core/store/models/selection.js +1 -1
  154. package/lib/core/store/models/topoBaseInfoOverview.js +1 -1
  155. package/lib/core/store/models/topoBizMod.js +1 -1
  156. package/lib/core/store/models/topoConfig.js +7 -10
  157. package/lib/core/store/models/topoGraphView.js +1 -1
  158. package/lib/core/store/models/topoMod.js +9 -9
  159. package/lib/core/store/models/viewer/lock.js +1 -1
  160. package/lib/core/store/models/viewer/resourceDetail.js +1 -1
  161. package/lib/core/store/models/viewer/resourceWebControllUrlSetting.js +1 -1
  162. package/lib/core/utils/edgeUtil.js +2 -1
  163. package/lib/core/utils/metricUtil.js +8 -1
  164. package/lib/core/utils/showMessage.js +2 -2
  165. package/lib/core/viewer/components/plugins/ResourceDetail/ResourceDetail.js +1 -0
  166. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +12 -13
  167. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +3 -1
  168. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +4 -2
  169. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +6 -6
  170. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +3 -5
  171. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +20 -18
  172. package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +2 -2
  173. package/lib/networkTopo/components/Link/index.js +2 -2
  174. package/lib/networkTopo/hooks/viewer/useRelateTopo.js +4 -4
  175. package/lib/networkTopo/models/LinkDynamicStyleExecutor.js +3 -5
  176. package/lib/networkTopo/models/LinkTagsTipsBuilder.js +3 -3
  177. package/lib/networkTopo/models/TopoCenter.js +1 -1
  178. package/lib/networkTopo/services/model.js +1 -3
  179. package/lib/networkTopo/services/topo/basic.js +4 -6
  180. package/lib/networkTopo/services/topo/ciInfo.js +0 -2
  181. package/lib/networkTopo/store/functionAuth.js +1 -1
  182. package/lib/networkTopo/store/topoCenter.js +1 -1
  183. package/lib/networkTopo/store/topoTreeMod.js +5 -5
  184. package/lib/networkTopo/utils/exportData.js +1 -3
  185. package/lib/style.js +1 -1
  186. package/lib/utils/ResourceConfigUtil.js +4 -39
  187. package/lib/utils/ciRefAttributeTranslateUtil.d.ts +12 -0
  188. package/lib/utils/ciRefAttributeTranslateUtil.js +169 -0
  189. package/lib/utils/clipboardUtil.d.ts +7 -0
  190. package/lib/utils/clipboardUtil.js +113 -0
  191. package/lib/utils/format.js +1 -1
  192. package/lib/utils/topoData.js +4 -2
  193. package/package.json +4 -4
@@ -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,22 +3,39 @@
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
 
11
13
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
12
14
 
15
+ var _clipboardUtil = require("../../../utils/clipboardUtil");
16
+
13
17
  function handleCopyHotkey(event, options) {
14
18
  var target = event.target || event.srcElement;
15
19
  var tagName = target.tagName;
16
20
 
17
21
  if (tagName !== 'BODY') {
18
- copy(options);
22
+ copy(options.topo);
19
23
  }
20
24
  }
21
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
+
22
39
  function handlePasteHotkey(event, options) {
23
40
  var target = event.target || event.srcElement;
24
41
  var tagName = target.tagName;
@@ -28,8 +45,7 @@ function handlePasteHotkey(event, options) {
28
45
  }
29
46
  }
30
47
 
31
- function copy(options) {
32
- var topo = options.topo;
48
+ function copy(topo) {
33
49
  var gv = topo.getHtTopo().getGraphView();
34
50
  var dm = gv.dm();
35
51
  var sm = dm.sm();
@@ -113,14 +129,14 @@ function doPaste(topo, clipboardText) {
113
129
  var parseDm = new ht.DataModel();
114
130
  var parseSerializer = new ht.JSONSerializer(parseDm);
115
131
  parseSerializer.deserialize(clipboardText);
116
- var elements = parseDm.getDatas().toArray(); // 添加到拓扑图
132
+ var elements = parseDm.getDatas().toArray();
133
+ parseDm.clear(); // 添加到拓扑图
117
134
 
118
135
  var gv = topo.getHtTopo().getGraphView();
119
136
  var dm = gv.dm();
120
137
  elements.forEach(function (d) {
121
138
  dm.add(d);
122
- });
123
- parseDm.clear(); // 粘贴之后进行处理
139
+ }); // 粘贴之后进行处理
124
140
 
125
141
  var sm = dm.sm();
126
142
  sm.cs();
@@ -134,6 +150,8 @@ function doPaste(topo, clipboardText) {
134
150
  // TODO
135
151
  // gv.translate(-60, -60)
136
152
 
153
+
154
+ copy(topo);
137
155
  }
138
156
 
139
157
  function isPasetToOriginTopo() {
@@ -150,9 +168,11 @@ function _writeClipboard() {
150
168
  return _regenerator["default"].wrap(function _callee2$(_context2) {
151
169
  while (1) switch (_context2.prev = _context2.next) {
152
170
  case 0:
153
- navigator.clipboard.writeText(text);
171
+ localStorage.setItem('topo.copy.text', text);
154
172
 
155
- case 1:
173
+ _clipboardUtil.clipboard.writeText(text);
174
+
175
+ case 2:
156
176
  case "end":
157
177
  return _context2.stop();
158
178
  }
@@ -170,7 +190,7 @@ function _readClipboard() {
170
190
  return _regenerator["default"].wrap(function _callee3$(_context3) {
171
191
  while (1) switch (_context3.prev = _context3.next) {
172
192
  case 0:
173
- return _context3.abrupt("return", navigator.clipboard.readText());
193
+ return _context3.abrupt("return", localStorage.getItem('topo.copy.text'));
174
194
 
175
195
  case 1:
176
196
  case "end":
@@ -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,29 +7,52 @@ 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
- if (!cis.find(function (item) {
18
- return item.id === ciChangeData.id || item.ciId === ciChangeData.id;
19
- })) {
28
+ var matchData = function matchData(item) {
29
+ return (item.ciId || item.id) === ciChangeData.id;
30
+ };
31
+
32
+ if (!cis.find(matchData)) {
20
33
  return cis;
21
34
  }
22
35
 
23
36
  return cis.map(function (ci) {
24
- if (ci.id === ciChangeData.id) {
25
- return (0, _extends2["default"])({}, ci, {
26
- attributes: (0, _extends2["default"])({}, ci.attributes, ciChangeData.attributes)
27
- });
37
+ if (!matchData(ci)) {
38
+ return ci;
28
39
  }
29
40
 
30
- return ci;
41
+ return (0, _extends2["default"])({}, ci, {
42
+ id: ci.id,
43
+ attributes: (0, _extends2["default"])({}, ci.attributes, ciChangeData.attributes)
44
+ });
31
45
  });
32
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
+ }
33
56
  /**
34
57
  * 监听ci属性变更
35
58
  *
@@ -45,12 +68,8 @@ function useCiAttributeChange(props) {
45
68
  // 更新拓扑数据
46
69
  var topoData = topo.store.getModelState('topoMod').data;
47
70
 
48
- if (topoData) {
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
- });
71
+ if (ciExistTopo(topoData, ciChangeData)) {
72
+ var newData = mergeTopoData(topoData, ciChangeData);
54
73
  var topoDispatchers = topo.store.getModelDispatchers('topoMod');
55
74
  topoDispatchers.update({
56
75
  data: newData
@@ -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
 
@@ -383,33 +383,26 @@ var useTopoEdit = function useTopoEdit(params) {
383
383
  var _ref4 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(node) {
384
384
  var _node$getEdges$toArra, _node$getEdges;
385
385
 
386
- var config, edges, exportLinkIdList;
386
+ var edges;
387
387
  return _regenerator["default"].wrap(function _callee4$(_context4) {
388
388
  while (1) switch (_context4.prev = _context4.next) {
389
389
  case 0:
390
- config = resourceConfig.getConfig(); // console.log("删除关联在节点上的出口链路- node, config", node, config);
390
+ // console.log("删除关联在节点上的出口链路- node, config", node, config);
391
+ edges = (_node$getEdges$toArra = (_node$getEdges = node.getEdges()) === null || _node$getEdges === void 0 ? void 0 : _node$getEdges.toArray()) !== null && _node$getEdges$toArra !== void 0 ? _node$getEdges$toArra : [];
391
392
 
392
- edges = (_node$getEdges$toArra = (_node$getEdges = node.getEdges()) === null || _node$getEdges === void 0 ? void 0 : _node$getEdges.toArray()) !== null && _node$getEdges$toArra !== void 0 ? _node$getEdges$toArra : []; // const exLink = [];
393
+ if (edges.length > 0) {
394
+ edges.map(function (edge) {
395
+ if (edge.getTag()) {
396
+ var link = topo.dataModel.getDataById(edge.getTag());
393
397
 
394
- if (!(edges.length > 0)) {
395
- _context4.next = 8;
396
- break;
398
+ if (link && (0, _linkUtils.isExitLink)(link)) {
399
+ topo.getGraphView().dm().remove(edge);
400
+ }
401
+ }
402
+ });
397
403
  }
398
404
 
399
- exportLinkIdList = [].concat(config.exportLinkIdList); //console.log("删除关联在节点上的出口链路- edges", edges,exportLinkIdList);
400
-
401
- edges.map(function (edge) {
402
- if (edge.a("dtype") === "link" && exportLinkIdList.indexOf(edge.getTag()) >= 0) {
403
- // exLink.push(edge);
404
- topo.getGraphView().dm().remove(edge);
405
- exportLinkIdList.splice(config.exportLinkIdList.indexOf(edge.getTag()), 1);
406
- }
407
- });
408
- config.exportLinkIdList = exportLinkIdList;
409
- _context4.next = 8;
410
- return resourceConfig.updateConfig(config);
411
-
412
- case 8:
405
+ case 2:
413
406
  case "end":
414
407
  return _context4.stop();
415
408
  }
@@ -591,7 +584,7 @@ var useTopoEdit = function useTopoEdit(params) {
591
584
 
592
585
  function _bindViewResources() {
593
586
  _bindViewResources = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee12(data) {
594
- var config, _yield$editDispatcher3, elements;
587
+ var config, result, _elements;
595
588
 
596
589
  return _regenerator["default"].wrap(function _callee12$(_context12) {
597
590
  while (1) switch (_context12.prev = _context12.next) {
@@ -607,15 +600,19 @@ var useTopoEdit = function useTopoEdit(params) {
607
600
  return editDispatchers.fetchDataByConfig();
608
601
 
609
602
  case 6:
610
- _yield$editDispatcher3 = _context12.sent;
611
- elements = _yield$editDispatcher3.elements;
612
- saveBind(_componentTopologyGraph.TopoEvent.DATA_TYPE_RESOURCE_COMBO, elements); // 临时放这里,仅拓扑中心有
603
+ result = _context12.sent;
604
+ console.log("fetchDataByConfig", result);
613
605
 
614
- if (topo.linkDynamicStyleExecutor) {
615
- topo.linkDynamicStyleExecutor.execute();
606
+ if (result) {
607
+ _elements = result.elements;
608
+ saveBind(_componentTopologyGraph.TopoEvent.DATA_TYPE_RESOURCE_COMBO, _elements); // 临时放这里,仅拓扑中心有
609
+
610
+ if (topo.linkDynamicStyleExecutor) {
611
+ topo.linkDynamicStyleExecutor.execute();
612
+ }
616
613
  }
617
614
 
618
- case 10:
615
+ case 9:
619
616
  case "end":
620
617
  return _context12.stop();
621
618
  }
@@ -630,7 +627,7 @@ var useTopoEdit = function useTopoEdit(params) {
630
627
 
631
628
  function _addLayerResources() {
632
629
  _addLayerResources = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee13(group, newResourceIds) {
633
- var _yield$editDispatcher4, elements, newElements;
630
+ var _yield$editDispatcher3, elements, newElements;
634
631
 
635
632
  return _regenerator["default"].wrap(function _callee13$(_context13) {
636
633
  while (1) switch (_context13.prev = _context13.next) {
@@ -645,8 +642,8 @@ var useTopoEdit = function useTopoEdit(params) {
645
642
  return editDispatchers.fetchDataByConfig();
646
643
 
647
644
  case 5:
648
- _yield$editDispatcher4 = _context13.sent;
649
- elements = _yield$editDispatcher4.elements;
645
+ _yield$editDispatcher3 = _context13.sent;
646
+ elements = _yield$editDispatcher3.elements;
650
647
  // 2022-11-10 修复 添加资源后分层重新布局问题,仅布局新增资源。替换api topo.updateElements(data)
651
648
  newElements = findUNExistedElements(elements);
652
649
 
@@ -869,7 +866,9 @@ var useTopoEdit = function useTopoEdit(params) {
869
866
  return _regenerator["default"].wrap(function _callee8$(_context8) {
870
867
  while (1) switch (_context8.prev = _context8.next) {
871
868
  case 0:
872
- dm = htTopo.getGraphView().dm(); // 创建
869
+ dm = htTopo.getGraphView().dm(); // 移除旧节点。先删除后创建,解决ip节点替换ping资源后链路丢失问题
870
+
871
+ dm.remove(node); // 创建
873
872
 
874
873
  newLinkElements = findUNExistedLinkElements(elements);
875
874
  createElementsData = null;
@@ -931,22 +930,13 @@ var useTopoEdit = function useTopoEdit(params) {
931
930
 
932
931
 
933
932
  sm = htTopo.getGraphView().sm();
934
- sm.setSelection([newElement]); // 移除旧节点
935
-
936
- dm.remove(node); // saveBind(TopoEvent.DATA_TYPE_RESOURCE_SINGLE, newDatas);
937
- // node.a("customName", null);
938
- // 删除关联在节点上的出口链路
939
-
940
- _context8.next = 12;
941
- return deleteExLink(node);
933
+ sm.setSelection([newElement]); // 临时放这里,仅拓扑中心有
942
934
 
943
- case 12:
944
- // 临时放这里,仅拓扑中心有
945
935
  if (topo.linkDynamicStyleExecutor) {
946
936
  topo.linkDynamicStyleExecutor.execute();
947
937
  }
948
938
 
949
- case 13:
939
+ case 11:
950
940
  case "end":
951
941
  return _context8.stop();
952
942
  }
@@ -1047,7 +1037,7 @@ var useTopoEdit = function useTopoEdit(params) {
1047
1037
 
1048
1038
  function _relateNodeIp() {
1049
1039
  _relateNodeIp = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee15(txtValue, nodeElement) {
1050
- var dm, isUnique, ip, configObj, configData, _elements, newLinkElements, newLink, newLinkGroup, createElementsData, _htTopo;
1040
+ var dm, isUnique, ipNodeData, configObj, configData, _elements2, newLinkElements, newLink, newLinkGroup, createElementsData, _htTopo;
1051
1041
 
1052
1042
  return _regenerator["default"].wrap(function _callee15$(_context15) {
1053
1043
  while (1) switch (_context15.prev = _context15.next) {
@@ -1069,16 +1059,16 @@ var useTopoEdit = function useTopoEdit(params) {
1069
1059
  isUnique = (0, _exitLinkUtil.isUniqueIp)(dm, txtValue, nodeElement); // 获取关联链路
1070
1060
 
1071
1061
  if (!isUnique) {
1072
- _context15.next = 23;
1062
+ _context15.next = 24;
1073
1063
  break;
1074
1064
  }
1075
1065
 
1076
- ip = (0, _exitLinkUtil.buildIpNode)(txtValue);
1066
+ ipNodeData = (0, _exitLinkUtil.buildIpNode)(txtValue);
1077
1067
  _context15.next = 8;
1078
1068
  return deleteExLink(nodeElement);
1079
1069
 
1080
1070
  case 8:
1081
- nodeElement.a(ip);
1071
+ nodeElement.a(ipNodeData);
1082
1072
  nodeElement.setName(txtValue);
1083
1073
  nodeElement.setTag("ip:" + txtValue); // 获取配置
1084
1074
 
@@ -1093,8 +1083,8 @@ var useTopoEdit = function useTopoEdit(params) {
1093
1083
  case 16:
1094
1084
  configData = _context15.sent;
1095
1085
  // console.log("configData",configObj, configData);
1096
- _elements = configData.elements;
1097
- newLinkElements = findUNExistedLinkElements(_elements); // console.log("configData", configData, newLinkElements);
1086
+ _elements2 = configData.elements;
1087
+ newLinkElements = findUNExistedLinkElements(_elements2); // console.log("configData", configData, newLinkElements);
1098
1088
 
1099
1089
  newLink = newLinkElements.filter(function (item) {
1100
1090
  return item.type === "link";
@@ -1109,15 +1099,21 @@ var useTopoEdit = function useTopoEdit(params) {
1109
1099
  nodes: [],
1110
1100
  links: newLink,
1111
1101
  linkGroups: newLinkGroup
1112
- }; // console.log("createElementsData", createElementsData);
1102
+ };
1103
+ console.log("createElementsData", createElementsData);
1113
1104
 
1114
1105
  if ([].concat(newLink, newLinkGroup).length > 0) {
1115
1106
  _htTopo = topo.getHtTopo();
1116
1107
 
1117
- _htTopo.createElements(createElementsData);
1108
+ _htTopo.createElements(createElementsData); // 临时放这里,仅拓扑中心有
1109
+
1110
+
1111
+ if (topo.linkDynamicStyleExecutor) {
1112
+ topo.linkDynamicStyleExecutor.execute();
1113
+ }
1118
1114
  }
1119
1115
 
1120
- case 23:
1116
+ case 24:
1121
1117
  case "end":
1122
1118
  return _context15.stop();
1123
1119
  }
@@ -13,7 +13,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
13
13
 
14
14
  var _topo = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/services/topo"));
15
15
 
16
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
16
+ var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
17
17
 
18
18
  var _utils = require("@riil-frontend/utils");
19
19
 
@@ -94,7 +94,7 @@ var Alarm = /*#__PURE__*/function () {
94
94
  return;
95
95
  }
96
96
 
97
- _rlog["default"].info('Alarm.open 打开告警通道', id);
97
+ _componentTopologyUtils.rlog.info('Alarm.open 打开告警通道', id);
98
98
 
99
99
  this.openTopoAlarm(id); // this.hmGetTopoAlarm(id);
100
100
 
@@ -116,7 +116,7 @@ var Alarm = /*#__PURE__*/function () {
116
116
  return;
117
117
  }
118
118
 
119
- _rlog["default"].info('关闭告警通道', currentTopoId); // 取消订阅告警推送
119
+ _componentTopologyUtils.rlog.info('关闭告警通道', currentTopoId); // 取消订阅告警推送
120
120
  // 关闭告警推送通道
121
121
 
122
122
 
@@ -199,7 +199,7 @@ var Alarm = /*#__PURE__*/function () {
199
199
  case 0:
200
200
  result = this.getAlarms();
201
201
 
202
- _rlog["default"].debug('hmGetTopoAlarmByDoc', result);
202
+ _componentTopologyUtils.rlog.debug('hmGetTopoAlarmByDoc', result);
203
203
 
204
204
  alarms = result.map(function (item) {
205
205
  return item.obj;
@@ -284,7 +284,7 @@ var Alarm = /*#__PURE__*/function () {
284
284
  case 9:
285
285
  result = _context3.sent;
286
286
 
287
- _rlog["default"].debug('getAlarmById-result', result); // if (alarmIsOpened) {
287
+ _componentTopologyUtils.rlog.debug('getAlarmById-result', result); // if (alarmIsOpened) {
288
288
  // //this.topo.loadAlarm(result.datas);
289
289
  // this.handleAlarmEvent({ type: "alarm", data: result.datas });
290
290
  // }
@@ -414,7 +414,7 @@ var Alarm = /*#__PURE__*/function () {
414
414
  case 11:
415
415
  this.secretKey = _context6.sent;
416
416
 
417
- _rlog["default"].info('openTopoAlarm 打开拓扑告警推送-------------------开始');
417
+ _componentTopologyUtils.rlog.info('openTopoAlarm 打开拓扑告警推送-------------------开始');
418
418
 
419
419
  this.updateState({
420
420
  alarmOpening: false,
@@ -427,7 +427,7 @@ var Alarm = /*#__PURE__*/function () {
427
427
  _context6.prev = 16;
428
428
  _context6.t0 = _context6["catch"](8);
429
429
 
430
- _rlog["default"].error('打开拓扑告警推送 失败');
430
+ _componentTopologyUtils.rlog.error('打开拓扑告警推送 失败');
431
431
 
432
432
  this.updateState({
433
433
  alarmOpening: false
@@ -475,7 +475,7 @@ var Alarm = /*#__PURE__*/function () {
475
475
  case 3:
476
476
  this.currentTopoId = null;
477
477
 
478
- _rlog["default"].debug('useAlarm.useEffect 告警WebSocket 结束');
478
+ _componentTopologyUtils.rlog.debug('useAlarm.useEffect 告警WebSocket 结束');
479
479
 
480
480
  this.updateState({
481
481
  topoAlarmIsOpen: false,
@@ -597,7 +597,7 @@ var Alarm = /*#__PURE__*/function () {
597
597
  break;
598
598
  }
599
599
 
600
- _rlog["default"].debug('过滤掉非本拓扑的告警信息 告警开关-推送告警到ht-alarmIsOpened-sendAl', alarmIsOpened, sendAl);
600
+ _componentTopologyUtils.rlog.debug('过滤掉非本拓扑的告警信息 告警开关-推送告警到ht-alarmIsOpened-sendAl', alarmIsOpened, sendAl);
601
601
 
602
602
  _context9.prev = 12;
603
603
  _context9.next = 15;
@@ -633,7 +633,7 @@ var Alarm = /*#__PURE__*/function () {
633
633
  _context9.prev = 21;
634
634
  _context9.t0 = _context9["catch"](12);
635
635
 
636
- _rlog["default"].error('告警发送异常', _context9.t0);
636
+ _componentTopologyUtils.rlog.error('告警发送异常', _context9.t0);
637
637
 
638
638
  case 24:
639
639
  case "end":