@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.
@@ -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, risks) {
13
+ function getCiAlarmLevelMap(alarmList) {
13
14
  var ciIdLevelMap = {};
14
- [].concat(alarmList, risks.map(function (item) {
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, risks) {
34
- var ciIdLevelMap = getCiAlarmLevelMap(alarmList, risks);
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
- return getGraphCiElementAlarmLevels(resources, alarmList || [], risks);
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.24" === 'string' ? "12.0.0-dev.24" : null;
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, risks) {
24
+ function getCiAlarmLevelMap(alarmList) {
23
25
  var ciIdLevelMap = {};
24
- [].concat(alarmList, risks.map(function (item) {
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, risks) {
44
- var ciIdLevelMap = getCiAlarmLevelMap(alarmList, risks);
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
- return getGraphCiElementAlarmLevels(resources, alarmList || [], risks);
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.24" === 'string' ? "12.0.0-dev.24" : null;
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.24",
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.24/build/index.html",
126
+ "homepage": "https://unpkg.com/@riil-frontend/component-topology@12.0.0-dev.26/build/index.html",
127
127
  "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
128
128
  }