@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.
Files changed (25) hide show
  1. package/build/index.css +1 -1
  2. package/build/index.js +27 -27
  3. package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +1 -1
  4. package/es/core/editor/components/iconManage/UploadIconDialog.js +11 -5
  5. package/es/core/models/common/Alarm.js +32 -32
  6. package/es/core/services/overview.js +29 -0
  7. package/es/core/utils/exportData.js +1 -1
  8. package/es/core/viewer/components/plugins/BaseInfo/components/ResourceOverview/index.js +387 -136
  9. package/es/core/viewer/components/plugins/BaseInfo/components/ResourceOverview/index.module.scss +12 -1
  10. package/es/core/viewer/components/plugins/BaseInfo/index.js +27 -6
  11. package/es/core/viewer/components/plugins/BaseInfo/index.module.scss +1 -1
  12. package/es/models/topoAlarm.js +50 -23
  13. package/es/style.js +1 -0
  14. package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +1 -1
  15. package/lib/core/editor/components/iconManage/UploadIconDialog.js +16 -5
  16. package/lib/core/models/common/Alarm.js +27 -27
  17. package/lib/core/services/overview.js +40 -0
  18. package/lib/core/utils/exportData.js +1 -1
  19. package/lib/core/viewer/components/plugins/BaseInfo/components/ResourceOverview/index.js +398 -136
  20. package/lib/core/viewer/components/plugins/BaseInfo/components/ResourceOverview/index.module.scss +12 -1
  21. package/lib/core/viewer/components/plugins/BaseInfo/index.js +27 -6
  22. package/lib/core/viewer/components/plugins/BaseInfo/index.module.scss +1 -1
  23. package/lib/models/topoAlarm.js +49 -23
  24. package/lib/style.js +1 -0
  25. package/package.json +2 -2
@@ -59,7 +59,7 @@ export default function DisplaySettingDrawer(props) {
59
59
  setLoading(false);
60
60
  console.error('DisplaySettingDrawer.handleOk', _context.t0);
61
61
 
62
- _Message.success('保存失败');
62
+ _Message.warn('保存失败');
63
63
 
64
64
  case 21:
65
65
  case "end":
@@ -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: "next-upload-drag"
283
+ className: prefix + "upload-drag"
281
284
  }, /*#__PURE__*/React.createElement("p", {
282
- className: "next-upload-drag-icon"
285
+ className: prefix + "upload-drag-icon"
283
286
  }, /*#__PURE__*/React.createElement(_Icon, {
284
287
  type: "upload"
285
288
  })), /*#__PURE__*/React.createElement("p", {
286
- className: "next-upload-drag-text"
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: "next-upload-drag-hint"
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
- export { UploadIconDialog as default };
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 "@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";
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("Alarm.open 打开告警通道", id); // 订阅告警推送
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("关闭告警通道", id); // 取消订阅告警推送
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("linkDynamicStyle")[1]; // const { nodes, links } = data;
130
+ linkDynamicStyleDispatcher = this.topoApp.store.getModel('linkDynamicStyle')[1]; // const { nodes, links } = data;
131
131
 
132
132
  alarmCiDoc = resAndMetrics.alarmCiDoc;
133
- rlog.debug("获取告警列表--resAndMetrics,topoData,data", this.topoApp, resAndMetrics, topoData, data);
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("获取告警列表", componentIds, alarmCiDoc, ids);
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: ["toDeal"],
153
- status: "toDeal",
152
+ alertStatusList: ['toDeal'],
153
+ status: 'toDeal',
154
154
  pageNum: 1,
155
155
  pageSize: 10,
156
- sortField: "alertLevel",
156
+ sortField: 'alertLevel',
157
157
  alertLevelList: [],
158
- sortOrder: "asc",
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("getAlarmById-result", result); // if (alarmIsOpened) {
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("topoAlarm");
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("topo", "topo", function (data, other) {
251
- rlog.debug("openTopoAlarm 获取初始化告警------收到信息", data);
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("useAlarm.useEffect 告警WebSocket 结束");
304
- EE.removeListener("topo", "topo");
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("switchAlarmPopPanel", flag);
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("topoAlarm");
412
- linkDynamicStyleDispatcher = this.topoApp.store.getModelDispatchers("linkDynamicStyle"); // 添加事件
411
+ alarmDispatchers = this.topoApp.store.getModelDispatchers('topoAlarm');
412
+ linkDynamicStyleDispatcher = this.topoApp.store.getModelDispatchers('linkDynamicStyle'); // 添加事件
413
413
 
414
- console.log("getAlarmByEE-接收到推送的原始告警信息", alertData);
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("过滤掉非本拓扑的告警信息 告警开关-推送告警到ht-alarmIsOpened-sendAl", alarmIsOpened, sendAl);
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("topoAlarm");
486
+ return this.topoApp.store.getModelState('topoAlarm');
487
487
  };
488
488
 
489
489
  _proto.useState = function useState() {
490
- var state = this.topoApp.store.useModelState("topoAlarm");
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("topoAlarm").update(state);
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
- 'linkes': links.map(function (link) {
27
+ 'links': links.map(function (link) {
28
28
  var id = link.id,
29
29
  source = link.source,
30
30
  target = link.target,