@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
|
@@ -5,6 +5,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
|
5
5
|
import _extends from "@babel/runtime/helpers/extends";
|
|
6
6
|
import _Message from "@alifd/next/es/message";
|
|
7
7
|
import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
|
|
8
|
+
import _ConfigProvider from "@alifd/next/es/config-provider";
|
|
8
9
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
9
10
|
import React from 'react';
|
|
10
11
|
import topoServer from '@riil-frontend/component-topology-common/es/services/topo/index';
|
|
@@ -12,6 +13,7 @@ import _ from 'lodash';
|
|
|
12
13
|
import _svgToShape from "./utils/svgToShape";
|
|
13
14
|
import styles from "./UploadIconDialog.module.scss";
|
|
14
15
|
import "./UploadIconDialog.scss";
|
|
16
|
+
var config = _ConfigProvider.config;
|
|
15
17
|
|
|
16
18
|
function getFileName(file) {
|
|
17
19
|
return file.name.substring(0, file.name.indexOf('.'));
|
|
@@ -254,6 +256,7 @@ var UploadIconDialog = /*#__PURE__*/function (_React$Component) {
|
|
|
254
256
|
};
|
|
255
257
|
|
|
256
258
|
_proto.renderUpload = function renderUpload() {
|
|
259
|
+
var prefix = this.props.prefix;
|
|
257
260
|
var files = this.state.files;
|
|
258
261
|
return /*#__PURE__*/React.createElement(_Upload.Dragger, {
|
|
259
262
|
ref: this.saveUploaderRef,
|
|
@@ -277,15 +280,15 @@ var UploadIconDialog = /*#__PURE__*/function (_React$Component) {
|
|
|
277
280
|
onSuccess: this.handleUploadFinish,
|
|
278
281
|
onError: this.handleUploadError
|
|
279
282
|
}, /*#__PURE__*/React.createElement("div", {
|
|
280
|
-
className: "
|
|
283
|
+
className: prefix + "upload-drag"
|
|
281
284
|
}, /*#__PURE__*/React.createElement("p", {
|
|
282
|
-
className: "
|
|
285
|
+
className: prefix + "upload-drag-icon"
|
|
283
286
|
}, /*#__PURE__*/React.createElement(_Icon, {
|
|
284
287
|
type: "upload"
|
|
285
288
|
})), /*#__PURE__*/React.createElement("p", {
|
|
286
|
-
className: "
|
|
289
|
+
className: prefix + "upload-drag-text"
|
|
287
290
|
}, "\u70B9\u51FB\u6B64\u5904\u9009\u53D6\u6587\u4EF6\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u81F3\u6B64\u5904"), /*#__PURE__*/React.createElement("p", {
|
|
288
|
-
className: "
|
|
291
|
+
className: prefix + "upload-drag-hint"
|
|
289
292
|
}, "\u652F\u6301 SVG \u683C\u5F0F\uFF0C\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7100k")));
|
|
290
293
|
};
|
|
291
294
|
|
|
@@ -326,4 +329,7 @@ var UploadIconDialog = /*#__PURE__*/function (_React$Component) {
|
|
|
326
329
|
return UploadIconDialog;
|
|
327
330
|
}(React.Component);
|
|
328
331
|
|
|
329
|
-
|
|
332
|
+
UploadIconDialog.defaultProps = {
|
|
333
|
+
prefix: 'next-'
|
|
334
|
+
};
|
|
335
|
+
export default config(UploadIconDialog);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
2
2
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
3
|
-
import topoService from
|
|
4
|
-
import rlog from
|
|
5
|
-
import { EE } from
|
|
6
|
-
import { isAvailableArray } from
|
|
7
|
-
import moment from
|
|
3
|
+
import topoService from '@riil-frontend/component-topology-common/es/services/topo';
|
|
4
|
+
import rlog from '@riil-frontend/component-topology-utils/es/rlog';
|
|
5
|
+
import { EE } from '@riil-frontend/component-riil-event-emitter';
|
|
6
|
+
import { isAvailableArray } from '@riil-frontend/utils';
|
|
7
|
+
import moment from 'moment'; // import { alarmListDemo } from "./mocks";
|
|
8
8
|
|
|
9
9
|
var Alarm = /*#__PURE__*/function () {
|
|
10
10
|
function Alarm() {
|
|
@@ -57,7 +57,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
57
57
|
return _context.abrupt("return");
|
|
58
58
|
|
|
59
59
|
case 5:
|
|
60
|
-
rlog.info(
|
|
60
|
+
rlog.info('Alarm.open 打开告警通道', id); // 订阅告警推送
|
|
61
61
|
|
|
62
62
|
this.hmGetTopoAlarm(id); // 打开告警推送通道
|
|
63
63
|
|
|
@@ -91,7 +91,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
91
91
|
|
|
92
92
|
|
|
93
93
|
var id = this.topoApp.id;
|
|
94
|
-
rlog.info(
|
|
94
|
+
rlog.info('关闭告警通道', id); // 取消订阅告警推送
|
|
95
95
|
// 关闭告警推送通道
|
|
96
96
|
|
|
97
97
|
this.closeTopoAlarm(id);
|
|
@@ -127,10 +127,10 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
127
127
|
case 0:
|
|
128
128
|
_this$topoApp$store$g = this.topoApp.store.getState().topoMod, data = _this$topoApp$store$g.data, resAndMetrics = _this$topoApp$store$g.resAndMetrics, topoData = _this$topoApp$store$g.topoData;
|
|
129
129
|
_this$getState = this.getState(), alarmIsOpened = _this$getState.alarmIsOpened, alarmOpening = _this$getState.alarmOpening;
|
|
130
|
-
linkDynamicStyleDispatcher = this.topoApp.store.getModel(
|
|
130
|
+
linkDynamicStyleDispatcher = this.topoApp.store.getModel('linkDynamicStyle')[1]; // const { nodes, links } = data;
|
|
131
131
|
|
|
132
132
|
alarmCiDoc = resAndMetrics.alarmCiDoc;
|
|
133
|
-
rlog.debug(
|
|
133
|
+
rlog.debug('获取告警列表--resAndMetrics,topoData,data', this.topoApp, resAndMetrics, topoData, data);
|
|
134
134
|
cids = Object.keys(alarmCiDoc);
|
|
135
135
|
_context2.next = 8;
|
|
136
136
|
return topoService.getCisComponentIds(cids);
|
|
@@ -140,22 +140,22 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
140
140
|
ids = [].concat(cids);
|
|
141
141
|
idsx = Object.keys(componentIds).map(function (k) {
|
|
142
142
|
ids = [].concat(ids, componentIds[k]);
|
|
143
|
-
return
|
|
143
|
+
return '';
|
|
144
144
|
});
|
|
145
|
-
rlog.debug(
|
|
146
|
-
endTime = null; //new Date().valueOf();
|
|
145
|
+
rlog.debug('获取告警列表', componentIds, alarmCiDoc, ids);
|
|
146
|
+
endTime = null; // new Date().valueOf();
|
|
147
147
|
|
|
148
|
-
startTime = null; //moment().subtract(1, "months").valueOf();
|
|
148
|
+
startTime = null; // moment().subtract(1, "months").valueOf();
|
|
149
149
|
|
|
150
150
|
parms = {
|
|
151
151
|
ciIdList: ids,
|
|
152
|
-
alertStatusList: [
|
|
153
|
-
status:
|
|
152
|
+
alertStatusList: ['toDeal'],
|
|
153
|
+
status: 'toDeal',
|
|
154
154
|
pageNum: 1,
|
|
155
155
|
pageSize: 10,
|
|
156
|
-
sortField:
|
|
156
|
+
sortField: 'alertLevel',
|
|
157
157
|
alertLevelList: [],
|
|
158
|
-
sortOrder:
|
|
158
|
+
sortOrder: 'asc',
|
|
159
159
|
createTime: {
|
|
160
160
|
startTime: startTime,
|
|
161
161
|
endTime: endTime
|
|
@@ -179,7 +179,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
179
179
|
|
|
180
180
|
case 20:
|
|
181
181
|
result = _context2.sent;
|
|
182
|
-
rlog.debug(
|
|
182
|
+
rlog.debug('getAlarmById-result', result); // if (alarmIsOpened) {
|
|
183
183
|
// //this.topoApp.loadAlarm(result.datas);
|
|
184
184
|
// this.getAlarmByEE({ type: "alarm", data: result.datas });
|
|
185
185
|
// }
|
|
@@ -237,7 +237,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
237
237
|
this.updateState({
|
|
238
238
|
alarmOpening: true
|
|
239
239
|
});
|
|
240
|
-
alarmDispatchers = this.topoApp.store.getModelDispatchers(
|
|
240
|
+
alarmDispatchers = this.topoApp.store.getModelDispatchers('topoAlarm');
|
|
241
241
|
_context3.next = 8;
|
|
242
242
|
return alarmDispatchers.resetAlarmDoc();
|
|
243
243
|
|
|
@@ -247,8 +247,8 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
247
247
|
|
|
248
248
|
case 10:
|
|
249
249
|
// rlog.debug("openTopoAlarm 获取初始化告警-------------------开始");
|
|
250
|
-
EE.on(
|
|
251
|
-
rlog.debug(
|
|
250
|
+
EE.on('topo', 'topo', function (data, other) {
|
|
251
|
+
rlog.debug('openTopoAlarm 获取初始化告警------收到信息', data);
|
|
252
252
|
|
|
253
253
|
_this.getAlarmByEE(data);
|
|
254
254
|
});
|
|
@@ -300,8 +300,8 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
300
300
|
|
|
301
301
|
case 3:
|
|
302
302
|
this.currentTopoId = null;
|
|
303
|
-
rlog.debug(
|
|
304
|
-
EE.removeListener(
|
|
303
|
+
rlog.debug('useAlarm.useEffect 告警WebSocket 结束');
|
|
304
|
+
EE.removeListener('topo', 'topo');
|
|
305
305
|
this.updateState({
|
|
306
306
|
topoAlarmIsOpen: false,
|
|
307
307
|
alarmOpening: false,
|
|
@@ -338,7 +338,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
338
338
|
while (1) {
|
|
339
339
|
switch (_context5.prev = _context5.next) {
|
|
340
340
|
case 0:
|
|
341
|
-
console.log(
|
|
341
|
+
console.log('switchAlarmPopPanel', flag);
|
|
342
342
|
this.updateState({
|
|
343
343
|
alarmPanelIsOpen: flag
|
|
344
344
|
});
|
|
@@ -408,12 +408,12 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
408
408
|
_this$getState4 = this.getState(), alarmIsOpened = _this$getState4.alarmIsOpened;
|
|
409
409
|
resAndMetrics = this.topoApp.store.getState().topoMod.resAndMetrics;
|
|
410
410
|
resIdsList = resAndMetrics.resIdsList, alarmCiDoc = resAndMetrics.alarmCiDoc;
|
|
411
|
-
alarmDispatchers = this.topoApp.store.getModelDispatchers(
|
|
412
|
-
linkDynamicStyleDispatcher = this.topoApp.store.getModelDispatchers(
|
|
411
|
+
alarmDispatchers = this.topoApp.store.getModelDispatchers('topoAlarm');
|
|
412
|
+
linkDynamicStyleDispatcher = this.topoApp.store.getModelDispatchers('linkDynamicStyle'); // 添加事件
|
|
413
413
|
|
|
414
|
-
console.log(
|
|
414
|
+
console.log('getAlarmByEE-接收到推送的原始告警信息', alertData);
|
|
415
415
|
|
|
416
|
-
if (!isAvailableArray(alertData)) {
|
|
416
|
+
if (!(isAvailableArray(alertData) && isAvailableArray(resIdsList))) {
|
|
417
417
|
_context7.next = 17;
|
|
418
418
|
break;
|
|
419
419
|
}
|
|
@@ -444,7 +444,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
444
444
|
break;
|
|
445
445
|
}
|
|
446
446
|
|
|
447
|
-
rlog.debug(
|
|
447
|
+
rlog.debug('过滤掉非本拓扑的告警信息 告警开关-推送告警到ht-alarmIsOpened-sendAl', alarmIsOpened, sendAl);
|
|
448
448
|
_context7.next = 13;
|
|
449
449
|
return alarmDispatchers.combAlarmData({
|
|
450
450
|
alarmdata: sendAl
|
|
@@ -483,16 +483,16 @@ var Alarm = /*#__PURE__*/function () {
|
|
|
483
483
|
};
|
|
484
484
|
|
|
485
485
|
_proto.getState = function getState() {
|
|
486
|
-
return this.topoApp.store.getModelState(
|
|
486
|
+
return this.topoApp.store.getModelState('topoAlarm');
|
|
487
487
|
};
|
|
488
488
|
|
|
489
489
|
_proto.useState = function useState() {
|
|
490
|
-
var state = this.topoApp.store.useModelState(
|
|
490
|
+
var state = this.topoApp.store.useModelState('topoAlarm');
|
|
491
491
|
return state;
|
|
492
492
|
};
|
|
493
493
|
|
|
494
494
|
_proto.updateState = function updateState(state) {
|
|
495
|
-
return this.topoApp.store.getModelDispatchers(
|
|
495
|
+
return this.topoApp.store.getModelDispatchers('topoAlarm').update(state);
|
|
496
496
|
};
|
|
497
497
|
|
|
498
498
|
return Alarm;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
2
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
3
|
+
import { getRequest } from '@riil-frontend/component-topology-common/es/utils/request';
|
|
4
|
+
export default {
|
|
5
|
+
/**
|
|
6
|
+
* 根据资源id获取风险
|
|
7
|
+
* @param {*} params ciIdList
|
|
8
|
+
*/
|
|
9
|
+
getRiskByIds: function getRiskByIds(params) {
|
|
10
|
+
return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
11
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
12
|
+
while (1) {
|
|
13
|
+
switch (_context.prev = _context.next) {
|
|
14
|
+
case 0:
|
|
15
|
+
_context.next = 2;
|
|
16
|
+
return getRequest().post('/health/v1/api/management/getRiskList', params);
|
|
17
|
+
|
|
18
|
+
case 2:
|
|
19
|
+
return _context.abrupt("return", _context.sent);
|
|
20
|
+
|
|
21
|
+
case 3:
|
|
22
|
+
case "end":
|
|
23
|
+
return _context.stop();
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}, _callee);
|
|
27
|
+
}))();
|
|
28
|
+
}
|
|
29
|
+
};
|
|
@@ -24,7 +24,7 @@ function _ref() {
|
|
|
24
24
|
'imageName': element.a('customName') || element.a('name') || element.getName()
|
|
25
25
|
};
|
|
26
26
|
}),
|
|
27
|
-
'
|
|
27
|
+
'links': links.map(function (link) {
|
|
28
28
|
var id = link.id,
|
|
29
29
|
source = link.source,
|
|
30
30
|
target = link.target,
|