@riil-frontend/component-topology 2.14.2-alpha.13 → 2.14.2-alpha.18
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.css +1 -1
- package/build/index.js +27 -27
- package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +1 -1
- package/es/core/editor/components/iconManage/UploadIconDialog.js +11 -5
- package/es/core/models/common/Alarm.js +32 -32
- package/es/core/services/overview.js +29 -0
- package/es/core/utils/exportData.js +1 -1
- package/es/core/viewer/components/plugins/BaseInfo/components/ResourceOverview/index.js +387 -136
- package/es/core/viewer/components/plugins/BaseInfo/components/ResourceOverview/index.module.scss +12 -1
- package/es/core/viewer/components/plugins/BaseInfo/index.js +27 -6
- package/es/core/viewer/components/plugins/BaseInfo/index.module.scss +1 -1
- package/es/models/topoAlarm.js +50 -23
- package/es/style.js +1 -0
- package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +1 -1
- package/lib/core/editor/components/iconManage/UploadIconDialog.js +16 -5
- package/lib/core/models/common/Alarm.js +27 -27
- package/lib/core/services/overview.js +40 -0
- package/lib/core/utils/exportData.js +1 -1
- package/lib/core/viewer/components/plugins/BaseInfo/components/ResourceOverview/index.js +398 -136
- package/lib/core/viewer/components/plugins/BaseInfo/components/ResourceOverview/index.module.scss +12 -1
- package/lib/core/viewer/components/plugins/BaseInfo/index.js +27 -6
- package/lib/core/viewer/components/plugins/BaseInfo/index.module.scss +1 -1
- package/lib/models/topoAlarm.js +49 -23
- package/lib/style.js +1 -0
- package/package.json +2 -2
package/lib/core/viewer/components/plugins/BaseInfo/components/ResourceOverview/index.module.scss
CHANGED
|
@@ -67,7 +67,18 @@
|
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
|
-
.alarm{
|
|
70
|
+
.alarm {
|
|
71
71
|
margin-top: 12px;
|
|
72
|
+
.alarm-color-icon {
|
|
73
|
+
width: 12px;
|
|
74
|
+
height: 12px;
|
|
75
|
+
font-size: 12px;
|
|
76
|
+
margin-right: 4px;
|
|
77
|
+
}
|
|
78
|
+
:global {
|
|
79
|
+
.#{$css-prefix}btn-helper{
|
|
80
|
+
vertical-align: baseline;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
72
83
|
}
|
|
73
84
|
}
|
|
@@ -31,12 +31,24 @@ function Title(_ref) {
|
|
|
31
31
|
var id = _ref.id,
|
|
32
32
|
name = _ref.name,
|
|
33
33
|
type = _ref.type,
|
|
34
|
-
onChange = _ref.onChange
|
|
34
|
+
onChange = _ref.onChange,
|
|
35
|
+
topo = _ref.topo;
|
|
35
36
|
|
|
36
37
|
if (type === 'node') {
|
|
37
38
|
// 查询资源列表
|
|
39
|
+
console.log('topo 查询资源列表 title params', {
|
|
40
|
+
id: id,
|
|
41
|
+
name: name,
|
|
42
|
+
type: type,
|
|
43
|
+
onChange: onChange,
|
|
44
|
+
topo: topo
|
|
45
|
+
});
|
|
38
46
|
var nodes = topo.store.getModelState('topoMod').data.nodes;
|
|
39
47
|
console.log('查询资源列表', nodes);
|
|
48
|
+
nodes = nodes.filter(function (item) {
|
|
49
|
+
return item.id !== id;
|
|
50
|
+
});
|
|
51
|
+
if (!nodes.length) return name;
|
|
40
52
|
return /*#__PURE__*/_react["default"].createElement(_menuButton["default"], {
|
|
41
53
|
text: true,
|
|
42
54
|
label: name,
|
|
@@ -74,12 +86,15 @@ function BaseInfo(props) {
|
|
|
74
86
|
name: '',
|
|
75
87
|
type: '',
|
|
76
88
|
// 类型: node、link
|
|
77
|
-
ciType: ''
|
|
89
|
+
ciType: '',
|
|
90
|
+
ciName: ''
|
|
78
91
|
}),
|
|
79
92
|
activeData = _useState2[0],
|
|
80
93
|
setActiveData = _useState2[1];
|
|
81
94
|
|
|
95
|
+
console.log('topo 概览', props);
|
|
82
96
|
(0, _react.useEffect)(function () {
|
|
97
|
+
console.log('topo 概览', props);
|
|
83
98
|
var notifier = topo.view.topoClient.notifier;
|
|
84
99
|
notifier.on(_componentTopologyGraph.TopoEvent.EVENT_DOUBLE_CLICK, openOverview);
|
|
85
100
|
return function () {
|
|
@@ -88,17 +103,23 @@ function BaseInfo(props) {
|
|
|
88
103
|
}, []);
|
|
89
104
|
|
|
90
105
|
function openOverview(data) {
|
|
106
|
+
var _topo$options$resourc;
|
|
107
|
+
|
|
91
108
|
console.log('openOverview data', data);
|
|
92
109
|
var id = data.id,
|
|
93
110
|
name = data.name,
|
|
94
111
|
type = data.type,
|
|
95
|
-
ciType = data.ciType
|
|
112
|
+
ciType = data.ciType,
|
|
113
|
+
ciName = data.ciName;
|
|
96
114
|
setActiveData({
|
|
97
115
|
id: id,
|
|
98
116
|
name: name,
|
|
99
117
|
type: type,
|
|
100
|
-
ciType: ciType
|
|
101
|
-
|
|
118
|
+
ciType: ciType,
|
|
119
|
+
ciName: ciName
|
|
120
|
+
}); // 应用拓扑中没有链路详情
|
|
121
|
+
|
|
122
|
+
if ((_topo$options$resourc = topo.options.resourceOverviewDrawer) !== null && _topo$options$resourc !== void 0 && _topo$options$resourc.getData && type === 'link') return;
|
|
102
123
|
|
|
103
124
|
var _topo$ciTyeCache$getC = topo.ciTyeCache.getCiType(ciType),
|
|
104
125
|
metrics = _topo$ciTyeCache$getC.metrics;
|
|
@@ -126,6 +147,7 @@ function BaseInfo(props) {
|
|
|
126
147
|
closeMode: ['close', 'esc'],
|
|
127
148
|
visible: visible,
|
|
128
149
|
title: /*#__PURE__*/_react["default"].createElement(Title, (0, _extends2["default"])({}, activeData, {
|
|
150
|
+
topo: topo,
|
|
129
151
|
onChange: onChangeActive
|
|
130
152
|
})),
|
|
131
153
|
width: 580,
|
|
@@ -141,6 +163,5 @@ function BaseInfo(props) {
|
|
|
141
163
|
}, /*#__PURE__*/_react["default"].createElement(_ResourceOverview["default"], (0, _extends2["default"])({}, props, activeData))))));
|
|
142
164
|
}
|
|
143
165
|
|
|
144
|
-
;
|
|
145
166
|
var _default = BaseInfo;
|
|
146
167
|
exports["default"] = _default;
|
package/lib/models/topoAlarm.js
CHANGED
|
@@ -59,7 +59,7 @@ var _default = {
|
|
|
59
59
|
alarmRecord: []
|
|
60
60
|
});
|
|
61
61
|
|
|
62
|
-
return _context.abrupt("return",
|
|
62
|
+
return _context.abrupt("return", "resetAlarmDoc Over");
|
|
63
63
|
|
|
64
64
|
case 2:
|
|
65
65
|
case "end":
|
|
@@ -74,7 +74,7 @@ var _default = {
|
|
|
74
74
|
var _this2 = this;
|
|
75
75
|
|
|
76
76
|
return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
|
|
77
|
-
var alarmdata, _state$topoAlarm, alarmDoc, alarmRecord, alarmList, _state$topoMod, resAndMetrics, topoData, resIdsList, alarmCiDoc, doc, record,
|
|
77
|
+
var alarmdata, _state$topoAlarm, alarmDoc, alarmRecord, alarmList, _state$topoMod, resAndMetrics, topoData, resIdsList, alarmCiDoc, doc, record, _loop, i, alarmlist, eqFlag;
|
|
78
78
|
|
|
79
79
|
return _regenerator["default"].wrap(function _callee2$(_context2) {
|
|
80
80
|
while (1) {
|
|
@@ -91,23 +91,31 @@ var _default = {
|
|
|
91
91
|
|
|
92
92
|
record = _lodash["default"].uniq(alarmRecord);
|
|
93
93
|
|
|
94
|
-
_rlog["default"].debug(
|
|
94
|
+
_rlog["default"].debug("告警归档-doc, record, alarmRecord", doc, record, alarmRecord);
|
|
95
95
|
|
|
96
|
-
|
|
97
|
-
item = (0, _extends2["default"])({}, alarmdata[i]);
|
|
98
|
-
|
|
96
|
+
_loop = function _loop(i) {
|
|
97
|
+
var item = (0, _extends2["default"])({}, alarmdata[i]); // demo mock
|
|
98
|
+
// if (item.alertId === 9144) {
|
|
99
|
+
// item.level = Math.floor(Math.random() * 4) + 1;
|
|
100
|
+
// if (item.level === 4) {
|
|
101
|
+
// item.status = "reset";
|
|
102
|
+
// }
|
|
103
|
+
// }
|
|
104
|
+
// over
|
|
99
105
|
|
|
100
|
-
|
|
106
|
+
var rid = alarmCiDoc[item.id];
|
|
101
107
|
|
|
102
|
-
|
|
103
|
-
obj = item.obj;
|
|
108
|
+
_rlog["default"].debug("处理一条告警", item, rid, item.id, item.level, item.alertId, item.status);
|
|
104
109
|
|
|
110
|
+
if ((resIdsList || []).indexOf(rid) >= 0) {
|
|
105
111
|
if (record.indexOf(item.alertId) < 0 && item.status === "toDeal") {
|
|
106
112
|
// rlog.debug('这是一条新告警');
|
|
107
113
|
record.push(item.alertId);
|
|
108
114
|
|
|
109
115
|
if (doc.hasOwnProperty(rid)) {
|
|
110
|
-
if (
|
|
116
|
+
if (doc[rid].findIndex(function (x) {
|
|
117
|
+
return x.alertId === item.alertId;
|
|
118
|
+
}) >= 0) {
|
|
111
119
|
doc[rid].push(item);
|
|
112
120
|
}
|
|
113
121
|
|
|
@@ -115,30 +123,48 @@ var _default = {
|
|
|
115
123
|
} else {
|
|
116
124
|
doc[rid] = [item];
|
|
117
125
|
}
|
|
118
|
-
} else if (
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
126
|
+
} else if (doc.hasOwnProperty(rid)) {
|
|
127
|
+
var sliceTag = doc[rid].findIndex(function (x) {
|
|
128
|
+
return x.alertId === item.alertId;
|
|
129
|
+
}); //
|
|
130
|
+
|
|
131
|
+
if (item.status === "toDeal") {
|
|
132
|
+
if (doc[rid][sliceTag].level !== item.level) {
|
|
133
|
+
var newArr = [].concat(doc[rid]);
|
|
134
|
+
newArr.splice(sliceTag, 1, item);
|
|
135
|
+
doc[rid] = newArr.sort(_topoData.sortList);
|
|
136
|
+
|
|
137
|
+
_rlog["default"].debug("告警变更", doc[rid], item);
|
|
138
|
+
} else {
|
|
139
|
+
_rlog["default"].debug("重复告警", item);
|
|
140
|
+
}
|
|
141
|
+
} else {
|
|
123
142
|
if (sliceTag >= 0) {
|
|
124
|
-
doc[rid]
|
|
143
|
+
var _newArr = [].concat(doc[rid]);
|
|
144
|
+
|
|
145
|
+
_newArr.splice(sliceTag, 1);
|
|
146
|
+
|
|
147
|
+
doc[rid] = _newArr;
|
|
125
148
|
}
|
|
126
149
|
|
|
127
|
-
_rlog["default"].debug(
|
|
150
|
+
_rlog["default"].debug("该告警移除状态-status", item.status, doc[rid], doc);
|
|
128
151
|
|
|
129
152
|
if (doc[rid].length === 0) {
|
|
130
153
|
delete doc[rid];
|
|
131
154
|
}
|
|
132
|
-
}
|
|
133
155
|
|
|
134
|
-
|
|
156
|
+
record.splice(record.indexOf(item.alertId), 1);
|
|
157
|
+
}
|
|
135
158
|
} else {
|
|
136
|
-
_rlog["default"].
|
|
159
|
+
_rlog["default"].warn("收到一条异常告警", item);
|
|
137
160
|
}
|
|
138
161
|
}
|
|
139
|
-
}
|
|
162
|
+
};
|
|
163
|
+
|
|
164
|
+
for (i = 0; i < alarmdata.length; i++) {
|
|
165
|
+
_loop(i);
|
|
166
|
+
} // rlog.debug("准备发送的告警", doc, record);
|
|
140
167
|
|
|
141
|
-
_rlog["default"].debug('准备发送的告警', doc, record);
|
|
142
168
|
|
|
143
169
|
alarmlist = _lodash["default"].compact(Object.keys(doc).map(function (id) {
|
|
144
170
|
if (doc[id].length > 0) {
|
|
@@ -153,7 +179,7 @@ var _default = {
|
|
|
153
179
|
}
|
|
154
180
|
}));
|
|
155
181
|
|
|
156
|
-
_rlog["default"].debug(
|
|
182
|
+
_rlog["default"].debug("告警归档结束", alarmList, alarmlist, doc, record);
|
|
157
183
|
|
|
158
184
|
eqFlag = _lodash["default"].isEqual(_lodash["default"].sortBy(alarmlist), _lodash["default"].sortBy(alarmList));
|
|
159
185
|
|
package/lib/style.js
CHANGED
|
@@ -5,6 +5,7 @@ require('@alifd/next/lib/dialog/style');
|
|
|
5
5
|
require('@riil-frontend/utils/lib/style');
|
|
6
6
|
require('@alifd/next/lib/upload/style');
|
|
7
7
|
require('@alifd/next/lib/icon/style');
|
|
8
|
+
require('@alifd/next/lib/config-provider/style');
|
|
8
9
|
require('@alifd/next/lib/input/style');
|
|
9
10
|
require('@alifd/next/lib/field/style');
|
|
10
11
|
require('@alifd/next/lib/form/style');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@riil-frontend/component-topology",
|
|
3
|
-
"version": "2.14.2-alpha.
|
|
3
|
+
"version": "2.14.2-alpha.18",
|
|
4
4
|
"description": "拓扑",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "build-scripts start",
|
|
@@ -111,6 +111,6 @@
|
|
|
111
111
|
"access": "public"
|
|
112
112
|
},
|
|
113
113
|
"license": "MIT",
|
|
114
|
-
"homepage": "https://unpkg.com/@riil-frontend/component-topology@2.14.2-alpha.
|
|
114
|
+
"homepage": "https://unpkg.com/@riil-frontend/component-topology@2.14.2-alpha.18/build/index.html",
|
|
115
115
|
"gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
|
|
116
116
|
}
|