@riil-frontend/component-topology 9.0.0-a.5 → 9.0.0-a.7

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 (20) hide show
  1. package/build/index.js +1 -1
  2. package/es/core/event/topoEventListener.js +22 -0
  3. package/es/core/hooks/useAlarm.js +18 -12
  4. package/es/core/hooks/useTopoEventListener.js +4 -18
  5. package/es/core/models/Alarm.js +4 -13
  6. package/es/core/models/TopoApp.js +1 -1
  7. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +112 -122
  8. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +7 -5
  9. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +8 -26
  10. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useMetricModels.js +13 -46
  11. package/lib/core/event/topoEventListener.js +27 -0
  12. package/lib/core/hooks/useAlarm.js +19 -12
  13. package/lib/core/hooks/useTopoEventListener.js +3 -17
  14. package/lib/core/models/Alarm.js +5 -16
  15. package/lib/core/models/TopoApp.js +1 -1
  16. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +112 -122
  17. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +7 -5
  18. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +8 -26
  19. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useMetricModels.js +13 -46
  20. package/package.json +3 -3
@@ -35,7 +35,7 @@ var useMetricModels = function useMetricModels(props) {
35
35
 
36
36
  function _fetchData() {
37
37
  _fetchData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
38
- var monitorMetrics, ciMonitorMetricModels, checkMenus, isOpen, displayMetricModels, _metricCodes;
38
+ var monitorMetrics, ciMonitorMetricModels, checkMenus, displayMetricModels, _metricCodes;
39
39
 
40
40
  return _regeneratorRuntime.wrap(function _callee$(_context) {
41
41
  while (1) {
@@ -57,61 +57,28 @@ var useMetricModels = function useMetricModels(props) {
57
57
  case 6:
58
58
  checkMenus = _context.sent;
59
59
 
60
- if (!(checkMenus[0].passed == 'PASS' && resourceData.attributes.display_name && resourceData.attributes['network_link.is_crucial'])) {
61
- _context.next = 12;
62
- break;
63
- }
64
-
65
- _context.next = 10;
66
- return isOpenFlow({
67
- 'name': resourceData.attributes.display_name
68
- });
69
-
70
- case 10:
71
- isOpen = _context.sent;
72
-
73
- //
74
- if (isOpen) {
75
- ciMonitorMetricModels.push({
60
+ if (checkMenus[0].passed == 'PASS' && resourceData.attributes.display_name && resourceData.attributes['network_link.is_crucial']) {
61
+ ciMonitorMetricModels.unshift({
76
62
  changeValue: null,
77
- code: "downNetDelayRatio",
78
- id: "downNetDelayRatio",
63
+ code: "netDelayRatio",
64
+ id: "netDelayRatio",
79
65
  isGoldMetric: true,
80
66
  key: null,
81
- name: "下行RTT时延",
67
+ name: "RTT时延",
82
68
  unit: "ms"
83
69
  });
84
- ciMonitorMetricModels.push({
70
+ ciMonitorMetricModels.unshift({
85
71
  changeValue: null,
86
- code: "downRetansRatio",
87
- id: "downRetansRatio",
72
+ code: "retansRatio",
73
+ id: "retansRatio",
88
74
  isGoldMetric: true,
89
75
  key: null,
90
- name: "下行重传率",
76
+ name: "重传率",
91
77
  unit: "%"
92
78
  });
93
- ciMonitorMetricModels.push({
94
- changeValue: null,
95
- code: "upNetDelayRatio",
96
- id: "upNetDelayRatio",
97
- isGoldMetric: true,
98
- key: null,
99
- name: "上行RTT时延",
100
- unit: "ms"
101
- });
102
- ciMonitorMetricModels.push({
103
- changeValue: null,
104
- code: "upRetransRatio",
105
- id: "upRetransRatio",
106
- isGoldMetric: true,
107
- key: null,
108
- name: "上行重传率",
109
- unit: "%"
110
- });
111
- }
79
+ } // 未监控不显示指标,临时在这里处理
80
+
112
81
 
113
- case 12:
114
- // 未监控不显示指标,临时在这里处理
115
82
  if (!isMonite) {
116
83
  ciMonitorMetricModels = [];
117
84
  }
@@ -143,7 +110,7 @@ var useMetricModels = function useMetricModels(props) {
143
110
 
144
111
  return _context.abrupt("return", displayMetricModels);
145
112
 
146
- case 17:
113
+ case 13:
147
114
  case "end":
148
115
  return _context.stop();
149
116
  }
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.createTopoEventListener = createTopoEventListener;
5
+ var n = 0;
6
+
7
+ function createTopoEventListener(type, onMessage) {
8
+ var eventListenerName = "topo_" + n++;
9
+ var EE = window.EE;
10
+
11
+ if (EE) {
12
+ EE.on('topo', eventListenerName, function (data) {
13
+ if (data.type === type) {
14
+ onMessage(data.data);
15
+ }
16
+ });
17
+ }
18
+
19
+ return {
20
+ eventListenerName: eventListenerName,
21
+ close: function close() {
22
+ if (EE) {
23
+ window.EE.removeListener('topo', eventListenerName);
24
+ }
25
+ }
26
+ };
27
+ }
@@ -11,10 +11,10 @@ var _react = require("react");
11
11
 
12
12
  var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
13
13
 
14
- var _componentRiilEventEmitter = require("@riil-frontend/component-riil-event-emitter");
15
-
16
14
  var _useGraphAlarmDisplay = _interopRequireDefault(require("./useGraphAlarmDisplay"));
17
15
 
16
+ var _useTopoEventListener = _interopRequireDefault(require("./useTopoEventListener"));
17
+
18
18
  /**
19
19
  *
20
20
  *
@@ -117,20 +117,27 @@ function useAlarm(options) {
117
117
  received: data,
118
118
  all: relateTopoAlarm
119
119
  });
120
- };
120
+ }; // 订阅消息
121
121
 
122
- (0, _componentRiilEventEmitter.useCbbEventListener)("topo", {
123
- name: "topo",
122
+
123
+ (0, _useTopoEventListener["default"])({
124
+ type: 'alarm',
124
125
  onMessage: function onMessage(data) {
125
126
  _rlog["default"].debug("Topoget--AlertMesage------------", topo, data);
126
127
 
127
- if (data.type === "alarm") {
128
- topo.alarm.handleAlarmEvent(data.data);
129
- } else if (data.type === "risk") {
130
- handleRiskData(data.data);
131
- } else if (data.type === "relateTopoAlarm") {
132
- handleRelateTopoAlarm(data.data);
133
- }
128
+ topo.alarm.handleAlarmEvent(data);
129
+ }
130
+ });
131
+ (0, _useTopoEventListener["default"])({
132
+ type: 'risk',
133
+ onMessage: function onMessage(data) {
134
+ handleRiskData(data);
135
+ }
136
+ });
137
+ (0, _useTopoEventListener["default"])({
138
+ type: 'relateTopoAlarm',
139
+ onMessage: function onMessage(data) {
140
+ handleRelateTopoAlarm(data);
134
141
  }
135
142
  });
136
143
  }
@@ -5,29 +5,15 @@ exports["default"] = useTopoEventListener;
5
5
 
6
6
  var _react = require("react");
7
7
 
8
- var n = 0;
8
+ var _topoEventListener = require("../event/topoEventListener");
9
9
 
10
10
  function useTopoEventListener(props) {
11
11
  var type = props.type,
12
12
  onMessage = props.onMessage;
13
- var eventListenerName = (0, _react.useMemo)(function () {
14
- return "topo_" + n++;
15
- }, []);
16
13
  (0, _react.useEffect)(function () {
17
- var EE = window.EE;
18
-
19
- if (EE) {
20
- window.EE.on('topo', eventListenerName, function (data) {
21
- if (data.type === type) {
22
- onMessage(data.data);
23
- }
24
- });
25
- }
26
-
14
+ var listener = (0, _topoEventListener.createTopoEventListener)(type, onMessage);
27
15
  return function () {
28
- if (EE) {
29
- window.EE.removeListener('topo', eventListenerName);
30
- }
16
+ listener.close();
31
17
  };
32
18
  }, [type, onMessage]);
33
19
  }
@@ -19,8 +19,8 @@ var _componentRiilEventEmitter = require("@riil-frontend/component-riil-event-em
19
19
 
20
20
  var _utils = require("@riil-frontend/utils");
21
21
 
22
- // import moment from "moment";
23
- // import { alarmListDemo } from "./mocks";
22
+ var _topoEventListener = require("../event/topoEventListener");
23
+
24
24
  var Alarm = /*#__PURE__*/function () {
25
25
  function Alarm() {
26
26
  this.topo = void 0;
@@ -394,8 +394,6 @@ var Alarm = /*#__PURE__*/function () {
394
394
  /*#__PURE__*/
395
395
  function () {
396
396
  var _openTopoAlarm = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(id) {
397
- var _this2 = this;
398
-
399
397
  var _this$getState2, alarmOpening, topoAlarmIsOpen, alarmDispatchers;
400
398
 
401
399
  return _regenerator["default"].wrap(function _callee6$(_context6) {
@@ -427,20 +425,13 @@ var Alarm = /*#__PURE__*/function () {
427
425
 
428
426
  case 10:
429
427
  this.secretKey = _context6.sent;
430
-
431
428
  // rlog.debug("openTopoAlarm 获取初始化告警-------------------开始");
432
- _componentRiilEventEmitter.EE.on("topo", "topo", function (data, other) {
433
- _rlog["default"].debug("openTopoAlarm 获取初始化告警------收到信息", data);
434
-
435
- _this2.handleAlarmEvent(data);
436
- });
437
-
438
429
  this.updateState({
439
430
  alarmOpening: false,
440
431
  alarmIsOpened: true
441
432
  });
442
433
 
443
- case 13:
434
+ case 12:
444
435
  case "end":
445
436
  return _context6.stop();
446
437
  }
@@ -486,17 +477,15 @@ var Alarm = /*#__PURE__*/function () {
486
477
 
487
478
  _rlog["default"].debug("useAlarm.useEffect 告警WebSocket 结束");
488
479
 
489
- _componentRiilEventEmitter.EE.removeListener("topo", "topo");
490
-
491
480
  this.updateState({
492
481
  topoAlarmIsOpen: false,
493
482
  alarmOpening: false,
494
483
  alarmPanelIsOpen: false
495
484
  });
496
- _context7.next = 9;
485
+ _context7.next = 8;
497
486
  return this.topo.serverApi.closeTopoAlarm(id, this.secretKey);
498
487
 
499
- case 9:
488
+ case 8:
500
489
  case "end":
501
490
  return _context7.stop();
502
491
  }
@@ -56,7 +56,7 @@ var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
56
56
  var _CiCache = _interopRequireDefault(require("./cache/CiCache"));
57
57
 
58
58
  // eslint-disable-next-line no-undef
59
- var version = typeof "9.0.0-a.5" === 'string' ? "9.0.0-a.5" : null;
59
+ var version = typeof "9.0.0-a.7" === 'string' ? "9.0.0-a.7" : null;
60
60
  console.info("\u62D3\u6251\u7248\u672C: " + version);
61
61
  /**
62
62
  * 拓扑显示和编辑