@riil-frontend/component-topology 9.0.0-a.5 → 9.0.0-a.7

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 (20) hide show
  1. package/build/index.js +1 -1
  2. package/es/core/event/topoEventListener.js +22 -0
  3. package/es/core/hooks/useAlarm.js +18 -12
  4. package/es/core/hooks/useTopoEventListener.js +4 -18
  5. package/es/core/models/Alarm.js +4 -13
  6. package/es/core/models/TopoApp.js +1 -1
  7. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +112 -122
  8. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +7 -5
  9. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +8 -26
  10. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useMetricModels.js +13 -46
  11. package/lib/core/event/topoEventListener.js +27 -0
  12. package/lib/core/hooks/useAlarm.js +19 -12
  13. package/lib/core/hooks/useTopoEventListener.js +3 -17
  14. package/lib/core/models/Alarm.js +5 -16
  15. package/lib/core/models/TopoApp.js +1 -1
  16. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +112 -122
  17. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +7 -5
  18. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +8 -26
  19. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useMetricModels.js +13 -46
  20. package/package.json +3 -3
@@ -0,0 +1,22 @@
1
+ var n = 0;
2
+ export function createTopoEventListener(type, onMessage) {
3
+ var eventListenerName = "topo_" + n++;
4
+ var EE = window.EE;
5
+
6
+ if (EE) {
7
+ EE.on('topo', eventListenerName, function (data) {
8
+ if (data.type === type) {
9
+ onMessage(data.data);
10
+ }
11
+ });
12
+ }
13
+
14
+ return {
15
+ eventListenerName: eventListenerName,
16
+ close: function close() {
17
+ if (EE) {
18
+ window.EE.removeListener('topo', eventListenerName);
19
+ }
20
+ }
21
+ };
22
+ }
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import { useEffect } from "react";
3
3
  import rlog from "@riil-frontend/component-topology-utils/es/rlog";
4
- import { useCbbEventListener } from "@riil-frontend/component-riil-event-emitter";
5
4
  import useGraphAlarmDisplay from "./useGraphAlarmDisplay";
5
+ import useTopoEventListener from "./useTopoEventListener";
6
6
  /**
7
7
  *
8
8
  *
@@ -104,20 +104,26 @@ export default function useAlarm(options) {
104
104
  received: data,
105
105
  all: relateTopoAlarm
106
106
  });
107
- };
107
+ }; // 订阅消息
108
+
108
109
 
109
- useCbbEventListener("topo", {
110
- name: "topo",
110
+ useTopoEventListener({
111
+ type: 'alarm',
111
112
  onMessage: function onMessage(data) {
112
113
  rlog.debug("Topoget--AlertMesage------------", topo, data);
113
-
114
- if (data.type === "alarm") {
115
- topo.alarm.handleAlarmEvent(data.data);
116
- } else if (data.type === "risk") {
117
- handleRiskData(data.data);
118
- } else if (data.type === "relateTopoAlarm") {
119
- handleRelateTopoAlarm(data.data);
120
- }
114
+ topo.alarm.handleAlarmEvent(data);
115
+ }
116
+ });
117
+ useTopoEventListener({
118
+ type: 'risk',
119
+ onMessage: function onMessage(data) {
120
+ handleRiskData(data);
121
+ }
122
+ });
123
+ useTopoEventListener({
124
+ type: 'relateTopoAlarm',
125
+ onMessage: function onMessage(data) {
126
+ handleRelateTopoAlarm(data);
121
127
  }
122
128
  });
123
129
  }
@@ -1,26 +1,12 @@
1
- import { useEffect, useMemo } from 'react';
2
- var n = 0;
1
+ import { useEffect } from 'react';
2
+ import { createTopoEventListener } from "../event/topoEventListener";
3
3
  export default function useTopoEventListener(props) {
4
4
  var type = props.type,
5
5
  onMessage = props.onMessage;
6
- var eventListenerName = useMemo(function () {
7
- return "topo_" + n++;
8
- }, []);
9
6
  useEffect(function () {
10
- var EE = window.EE;
11
-
12
- if (EE) {
13
- window.EE.on('topo', eventListenerName, function (data) {
14
- if (data.type === type) {
15
- onMessage(data.data);
16
- }
17
- });
18
- }
19
-
7
+ var listener = createTopoEventListener(type, onMessage);
20
8
  return function () {
21
- if (EE) {
22
- window.EE.removeListener('topo', eventListenerName);
23
- }
9
+ listener.close();
24
10
  };
25
11
  }, [type, onMessage]);
26
12
  }
@@ -5,9 +5,8 @@ import topoService from "@riil-frontend/component-topology-common/es/services/to
5
5
  import rlog from "@riil-frontend/component-topology-utils/es/rlog";
6
6
  import { EE } from "@riil-frontend/component-riil-event-emitter";
7
7
  import { isAvailableArray } from "@riil-frontend/utils";
8
+ import { createTopoEventListener } from "../event/topoEventListener";
8
9
 
9
- // import moment from "moment";
10
- // import { alarmListDemo } from "./mocks";
11
10
  var Alarm = /*#__PURE__*/function () {
12
11
  function Alarm() {
13
12
  this.topo = void 0;
@@ -375,8 +374,6 @@ var Alarm = /*#__PURE__*/function () {
375
374
  /*#__PURE__*/
376
375
  function () {
377
376
  var _openTopoAlarm = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id) {
378
- var _this2 = this;
379
-
380
377
  var _this$getState2, alarmOpening, topoAlarmIsOpen, alarmDispatchers;
381
378
 
382
379
  return _regeneratorRuntime.wrap(function _callee6$(_context6) {
@@ -409,17 +406,12 @@ var Alarm = /*#__PURE__*/function () {
409
406
  case 10:
410
407
  this.secretKey = _context6.sent;
411
408
  // rlog.debug("openTopoAlarm 获取初始化告警-------------------开始");
412
- EE.on("topo", "topo", function (data, other) {
413
- rlog.debug("openTopoAlarm 获取初始化告警------收到信息", data);
414
-
415
- _this2.handleAlarmEvent(data);
416
- });
417
409
  this.updateState({
418
410
  alarmOpening: false,
419
411
  alarmIsOpened: true
420
412
  });
421
413
 
422
- case 13:
414
+ case 12:
423
415
  case "end":
424
416
  return _context6.stop();
425
417
  }
@@ -463,16 +455,15 @@ var Alarm = /*#__PURE__*/function () {
463
455
  case 3:
464
456
  this.currentTopoId = null;
465
457
  rlog.debug("useAlarm.useEffect 告警WebSocket 结束");
466
- EE.removeListener("topo", "topo");
467
458
  this.updateState({
468
459
  topoAlarmIsOpen: false,
469
460
  alarmOpening: false,
470
461
  alarmPanelIsOpen: false
471
462
  });
472
- _context7.next = 9;
463
+ _context7.next = 8;
473
464
  return this.topo.serverApi.closeTopoAlarm(id, this.secretKey);
474
465
 
475
- case 9:
466
+ case 8:
476
467
  case "end":
477
468
  return _context7.stop();
478
469
  }
@@ -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 "9.0.0-a.5" === 'string' ? "9.0.0-a.5" : null;
27
+ var version = typeof "9.0.0-a.7" === 'string' ? "9.0.0-a.7" : null;
28
28
  console.info("\u62D3\u6251\u7248\u672C: " + version);
29
29
  /**
30
30
  * 拓扑显示和编辑