@riil-frontend/component-topology 12.0.0-dev.24 → 12.0.0-dev.26
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 +3 -3
- package/es/core/hooks/useCmpLinkAlarm.js +27 -0
- package/es/core/hooks/useGraphAlarmDisplay.js +33 -14
- package/es/core/models/TopoApp.js +1 -1
- package/lib/core/hooks/useCmpLinkAlarm.js +33 -0
- package/lib/core/hooks/useGraphAlarmDisplay.js +33 -13
- package/lib/core/models/TopoApp.js +1 -1
- package/package.json +2 -2
@@ -0,0 +1,27 @@
|
|
1
|
+
/**
|
2
|
+
* 分级链路
|
3
|
+
* @param {*} props
|
4
|
+
* @returns
|
5
|
+
*/
|
6
|
+
export default function useCmpLinkAlarm(props) {
|
7
|
+
var topo = props.topo;
|
8
|
+
|
9
|
+
var _topo$store$useModelS = topo.store.useModelState('topoBizMod'),
|
10
|
+
attrsAndMetrics = _topo$store$useModelS.attrsAndMetrics;
|
11
|
+
|
12
|
+
var cmpLinkAlarmLevels = attrsAndMetrics.filter(function (item) {
|
13
|
+
return item.typeCode === 'network_link';
|
14
|
+
}) // 3:fault:重要故障; 4:urgently:紧急故障 』为红色
|
15
|
+
.filter(function (item) {
|
16
|
+
return ['3', '4'].includes(item.metrics.run_status);
|
17
|
+
}).map(function (item) {
|
18
|
+
return {
|
19
|
+
id: item.id,
|
20
|
+
level: 1
|
21
|
+
};
|
22
|
+
});
|
23
|
+
return {
|
24
|
+
cmpLinkAlarmLevels: cmpLinkAlarmLevels
|
25
|
+
};
|
26
|
+
}
|
27
|
+
;
|
@@ -1,7 +1,8 @@
|
|
1
|
-
import { useEffect } from "react";
|
1
|
+
import { useEffect, useMemo } from "react";
|
2
2
|
import rlog from "@riil-frontend/component-topology-utils/es/rlog";
|
3
3
|
import { getElements } from "../../utils/htElementUtils";
|
4
4
|
import { removeManageStatus, showManageStatus } from "../utils/showGraphManageStatusUtil";
|
5
|
+
import useCmpLinkAlarm from "./useCmpLinkAlarm";
|
5
6
|
/**
|
6
7
|
* 获取ci的最高告警级别
|
7
8
|
* @param {Array} alarmList
|
@@ -9,16 +10,9 @@ import { removeManageStatus, showManageStatus } from "../utils/showGraphManageSt
|
|
9
10
|
* @returns
|
10
11
|
*/
|
11
12
|
|
12
|
-
function getCiAlarmLevelMap(alarmList
|
13
|
+
function getCiAlarmLevelMap(alarmList) {
|
13
14
|
var ciIdLevelMap = {};
|
14
|
-
|
15
|
-
var _item$resourceId;
|
16
|
-
|
17
|
-
return {
|
18
|
-
id: (_item$resourceId = item.resourceId) !== null && _item$resourceId !== void 0 ? _item$resourceId : item.ciId,
|
19
|
-
level: 5
|
20
|
-
};
|
21
|
-
})).forEach(function (item) {
|
15
|
+
alarmList.forEach(function (item) {
|
22
16
|
var level = ciIdLevelMap[item.id]; // 优先显示高等级告警。值小的等级高
|
23
17
|
|
24
18
|
if (!level || item.level < level) {
|
@@ -30,8 +24,8 @@ function getCiAlarmLevelMap(alarmList, risks) {
|
|
30
24
|
return ciIdLevelMap;
|
31
25
|
}
|
32
26
|
|
33
|
-
function getGraphCiElementAlarmLevels(resources, alarmList
|
34
|
-
var ciIdLevelMap = getCiAlarmLevelMap(alarmList
|
27
|
+
function getGraphCiElementAlarmLevels(resources, alarmList) {
|
28
|
+
var ciIdLevelMap = getCiAlarmLevelMap(alarmList);
|
35
29
|
return Object.keys(ciIdLevelMap).map(function (id) {
|
36
30
|
return {
|
37
31
|
id: id,
|
@@ -96,8 +90,33 @@ export default function useGraphAlarmDisplay(options) {
|
|
96
90
|
|
97
91
|
var resources = topo.dataModel.useCis();
|
98
92
|
|
93
|
+
var _useCmpLinkAlarm = useCmpLinkAlarm({
|
94
|
+
topo: topo
|
95
|
+
}),
|
96
|
+
cmpLinkAlarmLevels = _useCmpLinkAlarm.cmpLinkAlarmLevels;
|
97
|
+
|
98
|
+
var cisEventLevel = useMemo(function () {
|
99
|
+
var levels = [].concat(alarmList || [], cmpLinkAlarmLevels, risks.map(function (item) {
|
100
|
+
var _item$resourceId;
|
101
|
+
|
102
|
+
return {
|
103
|
+
id: (_item$resourceId = item.resourceId) !== null && _item$resourceId !== void 0 ? _item$resourceId : item.ciId,
|
104
|
+
level: 5
|
105
|
+
};
|
106
|
+
}));
|
107
|
+
return getGraphCiElementAlarmLevels(resources, levels);
|
108
|
+
}, [resources, alarmList, cmpLinkAlarmLevels, risks]);
|
109
|
+
|
99
110
|
function getCisEventLevel() {
|
100
|
-
|
111
|
+
var levels = [].concat(alarmList || [], cmpLinkAlarmLevels, risks.map(function (item) {
|
112
|
+
var _item$resourceId2;
|
113
|
+
|
114
|
+
return {
|
115
|
+
id: (_item$resourceId2 = item.resourceId) !== null && _item$resourceId2 !== void 0 ? _item$resourceId2 : item.ciId,
|
116
|
+
level: 5
|
117
|
+
};
|
118
|
+
}));
|
119
|
+
return getGraphCiElementAlarmLevels(resources, levels);
|
101
120
|
}
|
102
121
|
|
103
122
|
useEffect(function () {
|
@@ -152,5 +171,5 @@ export default function useGraphAlarmDisplay(options) {
|
|
152
171
|
resources: resources
|
153
172
|
});
|
154
173
|
};
|
155
|
-
}, [graphLoaded, resources, alarmSwitch, alarmList, risks, relateTopoAlarm]);
|
174
|
+
}, [graphLoaded, resources, alarmSwitch, alarmList, risks, relateTopoAlarm, cmpLinkAlarmLevels]);
|
156
175
|
}
|
@@ -24,7 +24,7 @@ import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
|
|
24
24
|
import SelectionModel from "./SelectionModel";
|
25
25
|
import CiCache from "./cache/CiCache"; // eslint-disable-next-line no-undef
|
26
26
|
|
27
|
-
var version = typeof "12.0.0-dev.
|
27
|
+
var version = typeof "12.0.0-dev.26" === 'string' ? "12.0.0-dev.26" : null;
|
28
28
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
29
29
|
/**
|
30
30
|
* 拓扑显示和编辑
|
@@ -0,0 +1,33 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
exports.__esModule = true;
|
4
|
+
exports["default"] = useCmpLinkAlarm;
|
5
|
+
|
6
|
+
/**
|
7
|
+
* 分级链路
|
8
|
+
* @param {*} props
|
9
|
+
* @returns
|
10
|
+
*/
|
11
|
+
function useCmpLinkAlarm(props) {
|
12
|
+
var topo = props.topo;
|
13
|
+
|
14
|
+
var _topo$store$useModelS = topo.store.useModelState('topoBizMod'),
|
15
|
+
attrsAndMetrics = _topo$store$useModelS.attrsAndMetrics;
|
16
|
+
|
17
|
+
var cmpLinkAlarmLevels = attrsAndMetrics.filter(function (item) {
|
18
|
+
return item.typeCode === 'network_link';
|
19
|
+
}) // 3:fault:重要故障; 4:urgently:紧急故障 』为红色
|
20
|
+
.filter(function (item) {
|
21
|
+
return ['3', '4'].includes(item.metrics.run_status);
|
22
|
+
}).map(function (item) {
|
23
|
+
return {
|
24
|
+
id: item.id,
|
25
|
+
level: 1
|
26
|
+
};
|
27
|
+
});
|
28
|
+
return {
|
29
|
+
cmpLinkAlarmLevels: cmpLinkAlarmLevels
|
30
|
+
};
|
31
|
+
}
|
32
|
+
|
33
|
+
;
|
@@ -13,22 +13,17 @@ var _htElementUtils = require("../../utils/htElementUtils");
|
|
13
13
|
|
14
14
|
var _showGraphManageStatusUtil = require("../utils/showGraphManageStatusUtil");
|
15
15
|
|
16
|
+
var _useCmpLinkAlarm2 = _interopRequireDefault(require("./useCmpLinkAlarm"));
|
17
|
+
|
16
18
|
/**
|
17
19
|
* 获取ci的最高告警级别
|
18
20
|
* @param {Array} alarmList
|
19
21
|
* @param {*} risks
|
20
22
|
* @returns
|
21
23
|
*/
|
22
|
-
function getCiAlarmLevelMap(alarmList
|
24
|
+
function getCiAlarmLevelMap(alarmList) {
|
23
25
|
var ciIdLevelMap = {};
|
24
|
-
|
25
|
-
var _item$resourceId;
|
26
|
-
|
27
|
-
return {
|
28
|
-
id: (_item$resourceId = item.resourceId) !== null && _item$resourceId !== void 0 ? _item$resourceId : item.ciId,
|
29
|
-
level: 5
|
30
|
-
};
|
31
|
-
})).forEach(function (item) {
|
26
|
+
alarmList.forEach(function (item) {
|
32
27
|
var level = ciIdLevelMap[item.id]; // 优先显示高等级告警。值小的等级高
|
33
28
|
|
34
29
|
if (!level || item.level < level) {
|
@@ -40,8 +35,8 @@ function getCiAlarmLevelMap(alarmList, risks) {
|
|
40
35
|
return ciIdLevelMap;
|
41
36
|
}
|
42
37
|
|
43
|
-
function getGraphCiElementAlarmLevels(resources, alarmList
|
44
|
-
var ciIdLevelMap = getCiAlarmLevelMap(alarmList
|
38
|
+
function getGraphCiElementAlarmLevels(resources, alarmList) {
|
39
|
+
var ciIdLevelMap = getCiAlarmLevelMap(alarmList);
|
45
40
|
return Object.keys(ciIdLevelMap).map(function (id) {
|
46
41
|
return {
|
47
42
|
id: id,
|
@@ -106,8 +101,33 @@ function useGraphAlarmDisplay(options) {
|
|
106
101
|
|
107
102
|
var resources = topo.dataModel.useCis();
|
108
103
|
|
104
|
+
var _useCmpLinkAlarm = (0, _useCmpLinkAlarm2["default"])({
|
105
|
+
topo: topo
|
106
|
+
}),
|
107
|
+
cmpLinkAlarmLevels = _useCmpLinkAlarm.cmpLinkAlarmLevels;
|
108
|
+
|
109
|
+
var cisEventLevel = (0, _react.useMemo)(function () {
|
110
|
+
var levels = [].concat(alarmList || [], cmpLinkAlarmLevels, risks.map(function (item) {
|
111
|
+
var _item$resourceId;
|
112
|
+
|
113
|
+
return {
|
114
|
+
id: (_item$resourceId = item.resourceId) !== null && _item$resourceId !== void 0 ? _item$resourceId : item.ciId,
|
115
|
+
level: 5
|
116
|
+
};
|
117
|
+
}));
|
118
|
+
return getGraphCiElementAlarmLevels(resources, levels);
|
119
|
+
}, [resources, alarmList, cmpLinkAlarmLevels, risks]);
|
120
|
+
|
109
121
|
function getCisEventLevel() {
|
110
|
-
|
122
|
+
var levels = [].concat(alarmList || [], cmpLinkAlarmLevels, risks.map(function (item) {
|
123
|
+
var _item$resourceId2;
|
124
|
+
|
125
|
+
return {
|
126
|
+
id: (_item$resourceId2 = item.resourceId) !== null && _item$resourceId2 !== void 0 ? _item$resourceId2 : item.ciId,
|
127
|
+
level: 5
|
128
|
+
};
|
129
|
+
}));
|
130
|
+
return getGraphCiElementAlarmLevels(resources, levels);
|
111
131
|
}
|
112
132
|
|
113
133
|
(0, _react.useEffect)(function () {
|
@@ -164,5 +184,5 @@ function useGraphAlarmDisplay(options) {
|
|
164
184
|
resources: resources
|
165
185
|
});
|
166
186
|
};
|
167
|
-
}, [graphLoaded, resources, alarmSwitch, alarmList, risks, relateTopoAlarm]);
|
187
|
+
}, [graphLoaded, resources, alarmSwitch, alarmList, risks, relateTopoAlarm, cmpLinkAlarmLevels]);
|
168
188
|
}
|
@@ -54,7 +54,7 @@ var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
|
|
54
54
|
var _CiCache = _interopRequireDefault(require("./cache/CiCache"));
|
55
55
|
|
56
56
|
// eslint-disable-next-line no-undef
|
57
|
-
var version = typeof "12.0.0-dev.
|
57
|
+
var version = typeof "12.0.0-dev.26" === 'string' ? "12.0.0-dev.26" : null;
|
58
58
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
59
59
|
/**
|
60
60
|
* 拓扑显示和编辑
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@riil-frontend/component-topology",
|
3
|
-
"version": "12.0.0-dev.
|
3
|
+
"version": "12.0.0-dev.26",
|
4
4
|
"description": "拓扑",
|
5
5
|
"scripts": {
|
6
6
|
"start": "build-scripts start",
|
@@ -123,6 +123,6 @@
|
|
123
123
|
"access": "public"
|
124
124
|
},
|
125
125
|
"license": "MIT",
|
126
|
-
"homepage": "https://unpkg.com/@riil-frontend/component-topology@12.0.0-dev.
|
126
|
+
"homepage": "https://unpkg.com/@riil-frontend/component-topology@12.0.0-dev.26/build/index.html",
|
127
127
|
"gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
|
128
128
|
}
|