@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.
- package/build/index.js +1 -1
- package/es/core/event/topoEventListener.js +22 -0
- package/es/core/hooks/useAlarm.js +18 -12
- package/es/core/hooks/useTopoEventListener.js +4 -18
- package/es/core/models/Alarm.js +4 -13
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +112 -122
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +7 -5
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +8 -26
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useMetricModels.js +13 -46
- package/lib/core/event/topoEventListener.js +27 -0
- package/lib/core/hooks/useAlarm.js +19 -12
- package/lib/core/hooks/useTopoEventListener.js +3 -17
- package/lib/core/models/Alarm.js +5 -16
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +112 -122
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +7 -5
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +8 -26
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useMetricModels.js +13 -46
- 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,
|
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 (
|
61
|
-
|
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: "
|
78
|
-
id: "
|
63
|
+
code: "netDelayRatio",
|
64
|
+
id: "netDelayRatio",
|
79
65
|
isGoldMetric: true,
|
80
66
|
key: null,
|
81
|
-
name: "
|
67
|
+
name: "RTT时延",
|
82
68
|
unit: "ms"
|
83
69
|
});
|
84
|
-
ciMonitorMetricModels.
|
70
|
+
ciMonitorMetricModels.unshift({
|
85
71
|
changeValue: null,
|
86
|
-
code: "
|
87
|
-
id: "
|
72
|
+
code: "retansRatio",
|
73
|
+
id: "retansRatio",
|
88
74
|
isGoldMetric: true,
|
89
75
|
key: null,
|
90
|
-
name: "
|
76
|
+
name: "重传率",
|
91
77
|
unit: "%"
|
92
78
|
});
|
93
|
-
|
94
|
-
|
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
|
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
|
-
|
123
|
-
|
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
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
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
|
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
|
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
|
-
|
29
|
-
window.EE.removeListener('topo', eventListenerName);
|
30
|
-
}
|
16
|
+
listener.close();
|
31
17
|
};
|
32
18
|
}, [type, onMessage]);
|
33
19
|
}
|
package/lib/core/models/Alarm.js
CHANGED
@@ -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
|
-
|
23
|
-
|
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
|
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 =
|
485
|
+
_context7.next = 8;
|
497
486
|
return this.topo.serverApi.closeTopoAlarm(id, this.secretKey);
|
498
487
|
|
499
|
-
case
|
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.
|
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
|
* 拓扑显示和编辑
|