@riil-frontend/component-topology 12.1.0-dev.9 → 12.1.2
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/1.js +1 -1
- package/build/index.css +1 -1
- package/build/index.js +14 -14
- package/es/components/ResourceSelectDrawer/ResourceSelectDrawer.js +1 -1
- package/es/core/components/TopoView/topoView.js +7 -4
- package/es/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +11 -3
- package/es/core/editor/components/settings/core/updateElementProperty.js +3 -2
- package/es/core/editor/components/settings/propertyViews/view/GlobalEdgeToggle.js +2 -2
- package/es/core/editor/hooks/useKeyboardShortcut.js +4 -0
- package/es/core/editor/hooks/useNewElementTheme.js +20 -16
- package/es/core/hooks/useGraphAlarmDisplay.js +4 -0
- package/es/core/hooks/usePolling.js +2 -1
- package/es/core/hooks/useTopoEdit.js +208 -243
- package/es/core/models/AttributeMetricDisplay.js +4 -3
- package/es/core/models/HistoryManager.js +11 -9
- package/es/core/models/TopoApp.js +17 -15
- package/es/core/models/topoData.js +7 -14
- package/es/core/models/utils/linkUtils.js +2 -2
- package/es/core/store/models/topoConfig.js +7 -11
- package/es/core/utils/edgeUtil.js +7 -11
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +1 -1
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopo.module.scss +1 -1
- package/es/networkTopo/models/LinkDynamicStyleExecutor.js +7 -63
- package/es/networkTopo/utils/exitLinkUtil.js +23 -11
- package/es/style.js +1 -1
- package/es/utils/clusterUtil.js +3 -3
- package/es/utils/htElementUtils.js +11 -109
- package/lib/components/ResourceSelectDrawer/ResourceSelectDrawer.js +1 -1
- package/lib/core/components/TopoView/topoView.js +15 -19
- package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +12 -3
- package/lib/core/editor/components/settings/core/updateElementProperty.js +7 -2
- package/lib/core/editor/components/settings/propertyViews/view/GlobalEdgeToggle.js +2 -2
- package/lib/core/editor/hooks/useKeyboardShortcut.js +4 -0
- package/lib/core/editor/hooks/useNewElementTheme.js +20 -16
- package/lib/core/hooks/useGraphAlarmDisplay.js +4 -0
- package/lib/core/hooks/usePolling.js +6 -5
- package/lib/core/hooks/useTopoEdit.js +214 -267
- package/lib/core/models/AttributeMetricDisplay.js +6 -6
- package/lib/core/models/HistoryManager.js +13 -17
- package/lib/core/models/TopoApp.js +18 -15
- package/lib/core/models/topoData.js +7 -14
- package/lib/core/models/utils/linkUtils.js +1 -1
- package/lib/core/store/models/topoConfig.js +13 -25
- package/lib/core/utils/edgeUtil.js +6 -10
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +1 -1
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopo.module.scss +1 -1
- package/lib/networkTopo/models/LinkDynamicStyleExecutor.js +6 -64
- package/lib/networkTopo/utils/exitLinkUtil.js +23 -11
- package/lib/style.js +1 -1
- package/lib/utils/clusterUtil.js +2 -2
- package/lib/utils/htElementUtils.js +12 -120
- package/package.json +2 -2
- package/es/networkTopo/models/LinkTagsTipsBuilder.js +0 -235
- package/lib/networkTopo/models/LinkTagsTipsBuilder.js +0 -245
@@ -3,11 +3,9 @@
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
4
|
|
5
5
|
exports.__esModule = true;
|
6
|
+
exports.containsElement = containsElement;
|
6
7
|
exports.getEdgeDatas = getEdgeDatas;
|
7
8
|
exports.getEdgeGroupAgents = getEdgeGroupAgents;
|
8
|
-
exports.getEdgeGroupByNodeTags = getEdgeGroupByNodeTags;
|
9
|
-
exports.getEdgeGroupByNodes = getEdgeGroupByNodes;
|
10
|
-
exports.getEdgeGroups = getEdgeGroups;
|
11
9
|
exports.getEdges = getEdges;
|
12
10
|
exports.getEdgesBetweenNodes = getEdgesBetweenNodes;
|
13
11
|
exports.getElements = getElements;
|
@@ -26,11 +24,8 @@ exports.getNodeDatas = getNodeDatas;
|
|
26
24
|
exports.getNodes = getNodes;
|
27
25
|
exports.getNodesByGroupIdOrTag = getNodesByGroupIdOrTag;
|
28
26
|
exports.isEdge = isEdge;
|
29
|
-
exports.isEdgeGroup = isEdgeGroup;
|
30
27
|
exports.isEdgeGroupAgent = isEdgeGroupAgent;
|
31
|
-
exports.isEdgeGroupExpanded = isEdgeGroupExpanded;
|
32
28
|
exports.isEdgeVisible = isEdgeVisible;
|
33
|
-
exports.isExistedElement = isExistedElement;
|
34
29
|
exports.isGroup = isGroup;
|
35
30
|
exports.isLayer = isLayer;
|
36
31
|
exports.isNode = isNode;
|
@@ -174,16 +169,6 @@ function getNodeData(element) {
|
|
174
169
|
function getEdges(dataModel) {
|
175
170
|
return getElements(dataModel).filter(isValidEdge);
|
176
171
|
}
|
177
|
-
/**
|
178
|
-
* 是否连线组
|
179
|
-
* @param {ht.Edge} edge
|
180
|
-
* @returns
|
181
|
-
*/
|
182
|
-
|
183
|
-
|
184
|
-
function isEdgeGroup(edge) {
|
185
|
-
return isEdge(edge) && edge.a('x.edgegroup.isEdgeGroup');
|
186
|
-
}
|
187
172
|
/**
|
188
173
|
* 是否连线组代理
|
189
174
|
* @param {*} edge
|
@@ -192,17 +177,7 @@ function isEdgeGroup(edge) {
|
|
192
177
|
|
193
178
|
|
194
179
|
function isEdgeGroupAgent(edge) {
|
195
|
-
return
|
196
|
-
}
|
197
|
-
/**
|
198
|
-
* TODO
|
199
|
-
* @param {*} edge
|
200
|
-
* @returns
|
201
|
-
*/
|
202
|
-
|
203
|
-
|
204
|
-
function isEdgeGroupExpanded(edge) {
|
205
|
-
return isEdge(edge) && edge.getEdgeGroup() && !!edge.s("edge.expanded");
|
180
|
+
return isEdge(edge) && edge.a('x.edgegroup.isEdgeGroup');
|
206
181
|
}
|
207
182
|
|
208
183
|
function isEdgeVisible(edge) {
|
@@ -224,7 +199,9 @@ function getEdgesBetweenNodes(node1, node2) {
|
|
224
199
|
return edges;
|
225
200
|
}
|
226
201
|
|
227
|
-
node1Edges.toArray().filter(isValidEdge).
|
202
|
+
node1Edges.toArray().filter(isValidEdge).filter(function (edge) {
|
203
|
+
return !isEdgeGroupAgent(edge);
|
204
|
+
}).forEach(function (edge) {
|
228
205
|
var isEdgeBetweenNodes = edge.getSource().getTag() === node2.getTag() || edge.getTarget().getTag() === node2.getTag();
|
229
206
|
|
230
207
|
if (isEdgeBetweenNodes) {
|
@@ -233,66 +210,6 @@ function getEdgesBetweenNodes(node1, node2) {
|
|
233
210
|
});
|
234
211
|
return edges;
|
235
212
|
}
|
236
|
-
/**
|
237
|
-
* 获得节点间的连线组,连线<=1时返回null
|
238
|
-
* @returns
|
239
|
-
*/
|
240
|
-
|
241
|
-
|
242
|
-
function getEdgeGroupByNodes(node1, node2) {
|
243
|
-
var htEdgeGroup = null;
|
244
|
-
getEdgesBetweenNodes(node1, node2).forEach(function (edge) {
|
245
|
-
if (!htEdgeGroup) {
|
246
|
-
htEdgeGroup = edge.getEdgeGroup();
|
247
|
-
}
|
248
|
-
});
|
249
|
-
|
250
|
-
if (!htEdgeGroup) {
|
251
|
-
return null;
|
252
|
-
}
|
253
|
-
|
254
|
-
return new _EdgeGroup["default"](htEdgeGroup);
|
255
|
-
}
|
256
|
-
/**
|
257
|
-
* 获得节点间的连线组,连线<=1时返回null
|
258
|
-
* @returns
|
259
|
-
*/
|
260
|
-
|
261
|
-
|
262
|
-
function getEdgeGroupByNodeTags(dataModel, nodeTag1, nodeTag2) {
|
263
|
-
var node1 = dataModel.getDataByTag(nodeTag1);
|
264
|
-
var node2 = dataModel.getDataByTag(nodeTag2);
|
265
|
-
|
266
|
-
if (!node1 || !node2) {
|
267
|
-
console.warn("getEdgeGroupByNodes 未找到节点", {
|
268
|
-
node1: node1,
|
269
|
-
node2: node2,
|
270
|
-
nodeTag1: nodeTag1,
|
271
|
-
nodeTag2: nodeTag2
|
272
|
-
});
|
273
|
-
return null;
|
274
|
-
}
|
275
|
-
|
276
|
-
return getEdgeGroupByNodes(node1, node2);
|
277
|
-
}
|
278
|
-
/**
|
279
|
-
* 获得连线组连线列表
|
280
|
-
* @param {*} dataModel
|
281
|
-
* @returns
|
282
|
-
*/
|
283
|
-
|
284
|
-
|
285
|
-
function getEdgeGroups(dataModel) {
|
286
|
-
var edgeGroups = [];
|
287
|
-
getEdges(dataModel).forEach(function (edge) {
|
288
|
-
var group = edge.getEdgeGroup();
|
289
|
-
|
290
|
-
if (group && !edgeGroups.includes(group)) {
|
291
|
-
edgeGroups.push(group);
|
292
|
-
}
|
293
|
-
});
|
294
|
-
return edgeGroups;
|
295
|
-
}
|
296
213
|
/**
|
297
214
|
* 获得连线组连线列表
|
298
215
|
* @param {*} dataModel
|
@@ -306,7 +223,7 @@ function getEdgeGroupAgents(dataModel) {
|
|
306
223
|
|
307
224
|
function getEdgeDatas(dataModel) {
|
308
225
|
return getEdges(dataModel).filter(function (edge) {
|
309
|
-
return !
|
226
|
+
return !isEdgeGroupAgent(edge);
|
310
227
|
}).map(function (element) {
|
311
228
|
var _element$getSource, _element$getTarget;
|
312
229
|
|
@@ -415,10 +332,14 @@ function setElementRuntimeStyle(element, name, value) {
|
|
415
332
|
}
|
416
333
|
/**
|
417
334
|
* 判断拓扑图是否存在元素
|
335
|
+
*
|
336
|
+
* @param {*} dataModel
|
337
|
+
* @param {{id?: string, tag?: string}} data
|
338
|
+
* @returns
|
418
339
|
*/
|
419
340
|
|
420
341
|
|
421
|
-
function
|
342
|
+
function containsElement(dataModel, data) {
|
422
343
|
if (dataModel.getDataByTag(data.id)) {
|
423
344
|
return true;
|
424
345
|
} // 识别区域
|
@@ -427,34 +348,5 @@ function isExistedElement(htTopo, dataModel, data) {
|
|
427
348
|
var element = getElements(dataModel).find(function (item) {
|
428
349
|
return data.tag && item.a("tag") === data.tag;
|
429
350
|
});
|
430
|
-
|
431
|
-
if (element) {
|
432
|
-
return true;
|
433
|
-
} // 连线/连线组
|
434
|
-
|
435
|
-
|
436
|
-
var edges = getEdges(dataModel);
|
437
|
-
|
438
|
-
for (var i = 0; i < edges.length; i++) {
|
439
|
-
var edge = edges[i]; // 如果连线组折叠,判断子连线
|
440
|
-
|
441
|
-
var edgeData = htTopo.getEdgeData(edge);
|
442
|
-
|
443
|
-
if (edgeData) {
|
444
|
-
// eslint-disable-next-line no-underscore-dangle
|
445
|
-
var id = edgeData._attrObject.id;
|
446
|
-
|
447
|
-
if (id === data.id) {
|
448
|
-
return true;
|
449
|
-
}
|
450
|
-
} // 如果连线组展开,判断连线组
|
451
|
-
// eslint-disable-next-line no-underscore-dangle
|
452
|
-
|
453
|
-
|
454
|
-
if (edge.__edgeGroup && edge.__edgeGroup._tag === data.id) {
|
455
|
-
return true;
|
456
|
-
}
|
457
|
-
}
|
458
|
-
|
459
|
-
return false;
|
351
|
+
return !!element;
|
460
352
|
}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@riil-frontend/component-topology",
|
3
|
-
"version": "12.1.
|
3
|
+
"version": "12.1.2",
|
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.1.
|
126
|
+
"homepage": "https://unpkg.com/@riil-frontend/component-topology@12.1.2/build/index.html",
|
127
127
|
"gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
|
128
128
|
}
|
@@ -1,235 +0,0 @@
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
2
|
-
|
3
|
-
/**
|
4
|
-
* 连线组标注、悬浮框数据构建
|
5
|
-
*/
|
6
|
-
import { rlog } from '@riil-frontend/component-topology-utils';
|
7
|
-
import { getEdgeGroups } from "../../utils/htElementUtils";
|
8
|
-
import AttributeFormatter from "../../core/models/attributeFormatter"; // 参与计算的链路指标
|
9
|
-
|
10
|
-
var metrics = [// 总流速
|
11
|
-
{
|
12
|
-
code: 'interface_totalbps',
|
13
|
-
calcType: 'sum'
|
14
|
-
}, // 带宽利用率
|
15
|
-
{
|
16
|
-
code: 'bandwidth_utilization',
|
17
|
-
calcType: 'avg'
|
18
|
-
}, // 发送带宽利用率
|
19
|
-
{
|
20
|
-
code: 'out_bandwidth_utilization',
|
21
|
-
calcType: 'avg',
|
22
|
-
showWhenSameSource: true
|
23
|
-
}, // 接收带宽利用率
|
24
|
-
{
|
25
|
-
code: 'in_bandwidth_utilization',
|
26
|
-
calcType: 'avg',
|
27
|
-
showWhenSameSource: true
|
28
|
-
}, {
|
29
|
-
code: 'out_rate',
|
30
|
-
calcType: 'sum',
|
31
|
-
showWhenSameSource: true
|
32
|
-
}, {
|
33
|
-
code: 'in_rate',
|
34
|
-
calcType: 'sum',
|
35
|
-
showWhenSameSource: true
|
36
|
-
}];
|
37
|
-
var calcFnMap = {
|
38
|
-
sum: function sum(values) {
|
39
|
-
return values.reduce(function (total, val) {
|
40
|
-
return total + parseInt(val || 0, 10);
|
41
|
-
}, 0);
|
42
|
-
},
|
43
|
-
avg: function avg(values) {
|
44
|
-
return values.reduce(function (total, val) {
|
45
|
-
return total + parseFloat(val || 0, 10);
|
46
|
-
}, 0) / values.length;
|
47
|
-
}
|
48
|
-
};
|
49
|
-
|
50
|
-
var LinkTagsTipsBuilder = /*#__PURE__*/function () {
|
51
|
-
function LinkTagsTipsBuilder(amDisplay) {
|
52
|
-
this.amDisplay = void 0;
|
53
|
-
this.topo = void 0;
|
54
|
-
this.amDisplay = amDisplay;
|
55
|
-
this.topo = amDisplay.topo;
|
56
|
-
}
|
57
|
-
|
58
|
-
var _proto = LinkTagsTipsBuilder.prototype;
|
59
|
-
|
60
|
-
_proto.getExtElementTagsAndTips = function getExtElementTagsAndTips() {
|
61
|
-
return this.getEdgeGroupTagsAndTips();
|
62
|
-
}
|
63
|
-
/**
|
64
|
-
* 获得未关联聚合链路的连线组标注和悬浮框数据
|
65
|
-
* @param {*} ciTagsAndTips
|
66
|
-
* @returns
|
67
|
-
*/
|
68
|
-
;
|
69
|
-
|
70
|
-
_proto.getEdgeGroupTagsAndTips = function getEdgeGroupTagsAndTips() {
|
71
|
-
var _this = this;
|
72
|
-
|
73
|
-
var ciConfigs = this.amDisplay.getResourceTagTipConfig();
|
74
|
-
var data = this.amDisplay.getData();
|
75
|
-
var topo = this.topo;
|
76
|
-
var dm = this.topo.getDataModel(); // 获取所有连线组,排除关联聚合链路,排除无子链路
|
77
|
-
|
78
|
-
var groups = getEdgeGroups(dm).map(getGroupInfo).filter(function (item) {
|
79
|
-
return !!item;
|
80
|
-
}); // 计算标注和指标
|
81
|
-
|
82
|
-
var edgeGroupsTagsTips = groups.map(function (_ref) {
|
83
|
-
var groupId = _ref.groupId,
|
84
|
-
linkChildren = _ref.children;
|
85
|
-
var config = ciConfigs.find(function (item) {
|
86
|
-
return item.id === linkChildren[0].id;
|
87
|
-
});
|
88
|
-
return _this.buildEdgeGroupTagTagsAndTips({
|
89
|
-
groupId: groupId,
|
90
|
-
config: config,
|
91
|
-
linkChildren: linkChildren,
|
92
|
-
data: data
|
93
|
-
});
|
94
|
-
}); // 获得连线组及子链路
|
95
|
-
// 关联聚合链路、无子链路 时返回null
|
96
|
-
|
97
|
-
function getGroupInfo(group) {
|
98
|
-
var edges = group.getEdges().toArray();
|
99
|
-
var edge = edges[0];
|
100
|
-
var edgeGroupData = topo.getHtTopo().getEdgeGroupData(edge.getSource(), edge.getTarget()); // eslint-disable-next-line no-underscore-dangle
|
101
|
-
|
102
|
-
var linkId = edgeGroupData.data._attrObject.id;
|
103
|
-
|
104
|
-
if (linkId) {
|
105
|
-
return null;
|
106
|
-
}
|
107
|
-
|
108
|
-
var linkChildren = getLinkChildren(edges);
|
109
|
-
|
110
|
-
if (!linkChildren.length) {
|
111
|
-
return null;
|
112
|
-
}
|
113
|
-
|
114
|
-
return {
|
115
|
-
groupId: [edge.getSource().getId(), edge.getTarget().getId()].sort().join('-'),
|
116
|
-
children: linkChildren
|
117
|
-
};
|
118
|
-
}
|
119
|
-
|
120
|
-
function getLinkChildren(edges) {
|
121
|
-
return edges.map(function (edge) {
|
122
|
-
var edgeData = topo.getHtTopo().getEdgeData(edge); // eslint-disable-next-line no-underscore-dangle
|
123
|
-
|
124
|
-
var childLinkId = edgeData._tag;
|
125
|
-
|
126
|
-
if (childLinkId) {
|
127
|
-
return topo.dataModel.getDataById(childLinkId);
|
128
|
-
}
|
129
|
-
|
130
|
-
return null;
|
131
|
-
}).filter(function (item) {
|
132
|
-
return !!item;
|
133
|
-
}).filter(function (link) {
|
134
|
-
return link.ciType === 'network_link';
|
135
|
-
});
|
136
|
-
}
|
137
|
-
|
138
|
-
return edgeGroupsTagsTips;
|
139
|
-
};
|
140
|
-
|
141
|
-
_proto.buildEdgeGroupTagTagsAndTips = function buildEdgeGroupTagTagsAndTips(_ref2) {
|
142
|
-
var _this2 = this;
|
143
|
-
|
144
|
-
var groupId = _ref2.groupId,
|
145
|
-
config = _ref2.config,
|
146
|
-
linkChildren = _ref2.linkChildren,
|
147
|
-
data = _ref2.data;
|
148
|
-
|
149
|
-
// 查询配置,过滤不在范围内的属性
|
150
|
-
var finalConfig = _extends({}, config, {
|
151
|
-
tags: config.tags.filter(function (item) {
|
152
|
-
return _this2.filterField(item, linkChildren);
|
153
|
-
}),
|
154
|
-
tips: config.tips.filter(function (item) {
|
155
|
-
return _this2.filterField(item, linkChildren);
|
156
|
-
})
|
157
|
-
}); // 构造数据,计算指标值
|
158
|
-
|
159
|
-
|
160
|
-
var mergeData = this.buildData(data, linkChildren);
|
161
|
-
rlog.debug('buildEdgeGroupTagTagsAndTips', {
|
162
|
-
groupId: groupId,
|
163
|
-
config: config,
|
164
|
-
linkChildren: linkChildren,
|
165
|
-
data: data,
|
166
|
-
finalConfig: finalConfig,
|
167
|
-
mergeData: mergeData
|
168
|
-
}); // 构造标注、悬浮框数据
|
169
|
-
|
170
|
-
var formatter = new AttributeFormatter(this.topo);
|
171
|
-
return {
|
172
|
-
type: 'edgeGroup',
|
173
|
-
edgeGroupId: groupId,
|
174
|
-
tags: formatter.formatAttrs(finalConfig.tags, mergeData),
|
175
|
-
tips: formatter.formatAttrs(finalConfig.tips, mergeData)
|
176
|
-
};
|
177
|
-
} // eslint-disable-next-line class-methods-use-this
|
178
|
-
;
|
179
|
-
|
180
|
-
_proto.filterField = function filterField(item, linkChildren) {
|
181
|
-
var fieldConfig = metrics.find(function (m) {
|
182
|
-
return item.code === m.code;
|
183
|
-
});
|
184
|
-
|
185
|
-
if (item.type !== 'metric' || !fieldConfig) {
|
186
|
-
return false;
|
187
|
-
} // 如果需要校验取值接口,如果取值接口为不同设备的接口,则不显示这四个指标
|
188
|
-
|
189
|
-
|
190
|
-
if (fieldConfig.showWhenSameSource) {
|
191
|
-
var sources = [];
|
192
|
-
linkChildren.forEach(function (link) {
|
193
|
-
if (sources.indexOf(link.source) === -1) {
|
194
|
-
sources.push(link.source);
|
195
|
-
}
|
196
|
-
});
|
197
|
-
|
198
|
-
if (sources.length > 1) {
|
199
|
-
return false;
|
200
|
-
}
|
201
|
-
}
|
202
|
-
|
203
|
-
return true;
|
204
|
-
} // eslint-disable-next-line class-methods-use-this
|
205
|
-
;
|
206
|
-
|
207
|
-
_proto.buildData = function buildData(data, linkChildren) {
|
208
|
-
var linkChildrenData = linkChildren.map(function (link) {
|
209
|
-
return data.find(function (item) {
|
210
|
-
return item.id === link.id;
|
211
|
-
});
|
212
|
-
});
|
213
|
-
var mergeData = {
|
214
|
-
ciType: 'network_link',
|
215
|
-
metricMap: {}
|
216
|
-
};
|
217
|
-
metrics.forEach(function (m) {
|
218
|
-
try {
|
219
|
-
var values = linkChildrenData.map(function (linkData) {
|
220
|
-
return linkData.metricMap[m.code];
|
221
|
-
});
|
222
|
-
mergeData.metricMap[m.code] = calcFnMap[m.calcType](values);
|
223
|
-
} catch (error) {
|
224
|
-
rlog.warn('连线组指标计算异常', error);
|
225
|
-
}
|
226
|
-
}); // console.error(groupId, {config, linkChildrenData, mergeData})
|
227
|
-
|
228
|
-
return mergeData;
|
229
|
-
};
|
230
|
-
|
231
|
-
return LinkTagsTipsBuilder;
|
232
|
-
}();
|
233
|
-
|
234
|
-
export { LinkTagsTipsBuilder as default };
|
235
|
-
;
|
@@ -1,245 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
exports.__esModule = true;
|
6
|
-
exports["default"] = void 0;
|
7
|
-
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
-
|
10
|
-
var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
|
11
|
-
|
12
|
-
var _htElementUtils = require("../../utils/htElementUtils");
|
13
|
-
|
14
|
-
var _attributeFormatter = _interopRequireDefault(require("../../core/models/attributeFormatter"));
|
15
|
-
|
16
|
-
/**
|
17
|
-
* 连线组标注、悬浮框数据构建
|
18
|
-
*/
|
19
|
-
// 参与计算的链路指标
|
20
|
-
var metrics = [// 总流速
|
21
|
-
{
|
22
|
-
code: 'interface_totalbps',
|
23
|
-
calcType: 'sum'
|
24
|
-
}, // 带宽利用率
|
25
|
-
{
|
26
|
-
code: 'bandwidth_utilization',
|
27
|
-
calcType: 'avg'
|
28
|
-
}, // 发送带宽利用率
|
29
|
-
{
|
30
|
-
code: 'out_bandwidth_utilization',
|
31
|
-
calcType: 'avg',
|
32
|
-
showWhenSameSource: true
|
33
|
-
}, // 接收带宽利用率
|
34
|
-
{
|
35
|
-
code: 'in_bandwidth_utilization',
|
36
|
-
calcType: 'avg',
|
37
|
-
showWhenSameSource: true
|
38
|
-
}, {
|
39
|
-
code: 'out_rate',
|
40
|
-
calcType: 'sum',
|
41
|
-
showWhenSameSource: true
|
42
|
-
}, {
|
43
|
-
code: 'in_rate',
|
44
|
-
calcType: 'sum',
|
45
|
-
showWhenSameSource: true
|
46
|
-
}];
|
47
|
-
var calcFnMap = {
|
48
|
-
sum: function sum(values) {
|
49
|
-
return values.reduce(function (total, val) {
|
50
|
-
return total + parseInt(val || 0, 10);
|
51
|
-
}, 0);
|
52
|
-
},
|
53
|
-
avg: function avg(values) {
|
54
|
-
return values.reduce(function (total, val) {
|
55
|
-
return total + parseFloat(val || 0, 10);
|
56
|
-
}, 0) / values.length;
|
57
|
-
}
|
58
|
-
};
|
59
|
-
|
60
|
-
var LinkTagsTipsBuilder = /*#__PURE__*/function () {
|
61
|
-
function LinkTagsTipsBuilder(amDisplay) {
|
62
|
-
this.amDisplay = void 0;
|
63
|
-
this.topo = void 0;
|
64
|
-
this.amDisplay = amDisplay;
|
65
|
-
this.topo = amDisplay.topo;
|
66
|
-
}
|
67
|
-
|
68
|
-
var _proto = LinkTagsTipsBuilder.prototype;
|
69
|
-
|
70
|
-
_proto.getExtElementTagsAndTips = function getExtElementTagsAndTips() {
|
71
|
-
return this.getEdgeGroupTagsAndTips();
|
72
|
-
}
|
73
|
-
/**
|
74
|
-
* 获得未关联聚合链路的连线组标注和悬浮框数据
|
75
|
-
* @param {*} ciTagsAndTips
|
76
|
-
* @returns
|
77
|
-
*/
|
78
|
-
;
|
79
|
-
|
80
|
-
_proto.getEdgeGroupTagsAndTips = function getEdgeGroupTagsAndTips() {
|
81
|
-
var _this = this;
|
82
|
-
|
83
|
-
var ciConfigs = this.amDisplay.getResourceTagTipConfig();
|
84
|
-
var data = this.amDisplay.getData();
|
85
|
-
var topo = this.topo;
|
86
|
-
var dm = this.topo.getDataModel(); // 获取所有连线组,排除关联聚合链路,排除无子链路
|
87
|
-
|
88
|
-
var groups = (0, _htElementUtils.getEdgeGroups)(dm).map(getGroupInfo).filter(function (item) {
|
89
|
-
return !!item;
|
90
|
-
}); // 计算标注和指标
|
91
|
-
|
92
|
-
var edgeGroupsTagsTips = groups.map(function (_ref) {
|
93
|
-
var groupId = _ref.groupId,
|
94
|
-
linkChildren = _ref.children;
|
95
|
-
var config = ciConfigs.find(function (item) {
|
96
|
-
return item.id === linkChildren[0].id;
|
97
|
-
});
|
98
|
-
return _this.buildEdgeGroupTagTagsAndTips({
|
99
|
-
groupId: groupId,
|
100
|
-
config: config,
|
101
|
-
linkChildren: linkChildren,
|
102
|
-
data: data
|
103
|
-
});
|
104
|
-
}); // 获得连线组及子链路
|
105
|
-
// 关联聚合链路、无子链路 时返回null
|
106
|
-
|
107
|
-
function getGroupInfo(group) {
|
108
|
-
var edges = group.getEdges().toArray();
|
109
|
-
var edge = edges[0];
|
110
|
-
var edgeGroupData = topo.getHtTopo().getEdgeGroupData(edge.getSource(), edge.getTarget()); // eslint-disable-next-line no-underscore-dangle
|
111
|
-
|
112
|
-
var linkId = edgeGroupData.data._attrObject.id;
|
113
|
-
|
114
|
-
if (linkId) {
|
115
|
-
return null;
|
116
|
-
}
|
117
|
-
|
118
|
-
var linkChildren = getLinkChildren(edges);
|
119
|
-
|
120
|
-
if (!linkChildren.length) {
|
121
|
-
return null;
|
122
|
-
}
|
123
|
-
|
124
|
-
return {
|
125
|
-
groupId: [edge.getSource().getId(), edge.getTarget().getId()].sort().join('-'),
|
126
|
-
children: linkChildren
|
127
|
-
};
|
128
|
-
}
|
129
|
-
|
130
|
-
function getLinkChildren(edges) {
|
131
|
-
return edges.map(function (edge) {
|
132
|
-
var edgeData = topo.getHtTopo().getEdgeData(edge); // eslint-disable-next-line no-underscore-dangle
|
133
|
-
|
134
|
-
var childLinkId = edgeData._tag;
|
135
|
-
|
136
|
-
if (childLinkId) {
|
137
|
-
return topo.dataModel.getDataById(childLinkId);
|
138
|
-
}
|
139
|
-
|
140
|
-
return null;
|
141
|
-
}).filter(function (item) {
|
142
|
-
return !!item;
|
143
|
-
}).filter(function (link) {
|
144
|
-
return link.ciType === 'network_link';
|
145
|
-
});
|
146
|
-
}
|
147
|
-
|
148
|
-
return edgeGroupsTagsTips;
|
149
|
-
};
|
150
|
-
|
151
|
-
_proto.buildEdgeGroupTagTagsAndTips = function buildEdgeGroupTagTagsAndTips(_ref2) {
|
152
|
-
var _this2 = this;
|
153
|
-
|
154
|
-
var groupId = _ref2.groupId,
|
155
|
-
config = _ref2.config,
|
156
|
-
linkChildren = _ref2.linkChildren,
|
157
|
-
data = _ref2.data;
|
158
|
-
// 查询配置,过滤不在范围内的属性
|
159
|
-
var finalConfig = (0, _extends2["default"])({}, config, {
|
160
|
-
tags: config.tags.filter(function (item) {
|
161
|
-
return _this2.filterField(item, linkChildren);
|
162
|
-
}),
|
163
|
-
tips: config.tips.filter(function (item) {
|
164
|
-
return _this2.filterField(item, linkChildren);
|
165
|
-
})
|
166
|
-
}); // 构造数据,计算指标值
|
167
|
-
|
168
|
-
var mergeData = this.buildData(data, linkChildren);
|
169
|
-
|
170
|
-
_componentTopologyUtils.rlog.debug('buildEdgeGroupTagTagsAndTips', {
|
171
|
-
groupId: groupId,
|
172
|
-
config: config,
|
173
|
-
linkChildren: linkChildren,
|
174
|
-
data: data,
|
175
|
-
finalConfig: finalConfig,
|
176
|
-
mergeData: mergeData
|
177
|
-
}); // 构造标注、悬浮框数据
|
178
|
-
|
179
|
-
|
180
|
-
var formatter = new _attributeFormatter["default"](this.topo);
|
181
|
-
return {
|
182
|
-
type: 'edgeGroup',
|
183
|
-
edgeGroupId: groupId,
|
184
|
-
tags: formatter.formatAttrs(finalConfig.tags, mergeData),
|
185
|
-
tips: formatter.formatAttrs(finalConfig.tips, mergeData)
|
186
|
-
};
|
187
|
-
} // eslint-disable-next-line class-methods-use-this
|
188
|
-
;
|
189
|
-
|
190
|
-
_proto.filterField = function filterField(item, linkChildren) {
|
191
|
-
var fieldConfig = metrics.find(function (m) {
|
192
|
-
return item.code === m.code;
|
193
|
-
});
|
194
|
-
|
195
|
-
if (item.type !== 'metric' || !fieldConfig) {
|
196
|
-
return false;
|
197
|
-
} // 如果需要校验取值接口,如果取值接口为不同设备的接口,则不显示这四个指标
|
198
|
-
|
199
|
-
|
200
|
-
if (fieldConfig.showWhenSameSource) {
|
201
|
-
var sources = [];
|
202
|
-
linkChildren.forEach(function (link) {
|
203
|
-
if (sources.indexOf(link.source) === -1) {
|
204
|
-
sources.push(link.source);
|
205
|
-
}
|
206
|
-
});
|
207
|
-
|
208
|
-
if (sources.length > 1) {
|
209
|
-
return false;
|
210
|
-
}
|
211
|
-
}
|
212
|
-
|
213
|
-
return true;
|
214
|
-
} // eslint-disable-next-line class-methods-use-this
|
215
|
-
;
|
216
|
-
|
217
|
-
_proto.buildData = function buildData(data, linkChildren) {
|
218
|
-
var linkChildrenData = linkChildren.map(function (link) {
|
219
|
-
return data.find(function (item) {
|
220
|
-
return item.id === link.id;
|
221
|
-
});
|
222
|
-
});
|
223
|
-
var mergeData = {
|
224
|
-
ciType: 'network_link',
|
225
|
-
metricMap: {}
|
226
|
-
};
|
227
|
-
metrics.forEach(function (m) {
|
228
|
-
try {
|
229
|
-
var values = linkChildrenData.map(function (linkData) {
|
230
|
-
return linkData.metricMap[m.code];
|
231
|
-
});
|
232
|
-
mergeData.metricMap[m.code] = calcFnMap[m.calcType](values);
|
233
|
-
} catch (error) {
|
234
|
-
_componentTopologyUtils.rlog.warn('连线组指标计算异常', error);
|
235
|
-
}
|
236
|
-
}); // console.error(groupId, {config, linkChildrenData, mergeData})
|
237
|
-
|
238
|
-
return mergeData;
|
239
|
-
};
|
240
|
-
|
241
|
-
return LinkTagsTipsBuilder;
|
242
|
-
}();
|
243
|
-
|
244
|
-
exports["default"] = LinkTagsTipsBuilder;
|
245
|
-
;
|