@riil-frontend/component-topology 12.0.0-dev.11 → 12.0.0-dev.16

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.
@@ -2,7 +2,7 @@ import _Loading from "@alifd/next/es/loading";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
4
4
  var _excluded = ["topo", "viewerProps", "titleBar", "nodataPage", "notfoundPageProps", "noPermissionPageProps"];
5
- import React, { useState, useEffect, useRef, useCallback } from "react";
5
+ import React from "react";
6
6
  import NodataPage from "@riil-frontend/component-topology-common/es/components/NoDataPage/index";
7
7
  import BasicTopoView from "../../core/components/TopoView";
8
8
  import topoPermissonUtil from "../../utils/topoPermissionUtil";
@@ -11,8 +11,8 @@ import TopoNoPermission from "./TopoNoPermission";
11
11
  import styles from "../../components/index.module.scss";
12
12
  import useLinkDynamicStyle from "../hooks/useLinkDynamicStyle";
13
13
  import useRelateTopo from "../hooks/viewer/useRelateTopo";
14
- import useEdgeFlow from "../hooks/viewer/useEdgeFlow";
15
- import useEdgeExpand from "../hooks/useEdgeExpand";
14
+ import useEdgeFlow from "../hooks/viewer/useEdgeFlow"; // import useEdgeExpand from "../hooks/useEdgeExpand";
15
+
16
16
  /**
17
17
  * 拓扑组件。变化无权限、无数据显示
18
18
  */
@@ -36,10 +36,8 @@ function NetworkTopologyCore(props) {
36
36
  });
37
37
  useEdgeFlow({
38
38
  topo: topo
39
- });
40
- useEdgeExpand({
41
- topo: topo
42
- });
39
+ }); // useEdgeExpand({ topo })
40
+
43
41
  var relateTopo = useRelateTopo({
44
42
  topo: topo
45
43
  });
@@ -68,10 +66,7 @@ function NetworkTopologyCore(props) {
68
66
  });
69
67
  } else if (!topoId) {
70
68
  return null;
71
- } // if (loading) {
72
- // return null;
73
- // }
74
-
69
+ }
75
70
 
76
71
  if (!loading) {
77
72
  // 加载完成后
@@ -15,9 +15,8 @@ export default function useEdgeExpand(props) {
15
15
  data = e.data;
16
16
 
17
17
  if (data instanceof ht.Group && property === 'expanded') {
18
- updateEdgeExpanded(topo);
19
- setTimeout(function () {
20
- updateEdgeExpanded(topo);
18
+ // updateEdgeExpanded(topo)
19
+ setTimeout(function () {// updateEdgeExpanded(topo)
21
20
  }, 100);
22
21
  }
23
22
  }
@@ -5,6 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  exports.__esModule = true;
6
6
  exports["default"] = void 0;
7
7
 
8
+ var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
9
+
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+
8
12
  var _list = _interopRequireDefault(require("@alifd/next/lib/list"));
9
13
 
10
14
  var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
@@ -47,6 +51,7 @@ function AlarmListItem(props) {
47
51
  var topo = props.topo,
48
52
  alarmInfo = props.alarmInfo,
49
53
  onClick = props.onClick;
54
+ console.log("AlarmListPanel", topo, alarmInfo);
50
55
  return /*#__PURE__*/_react["default"].createElement(_list["default"].Item, {
51
56
  className: _indexModule["default"].AlarmListItem,
52
57
  media: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
@@ -101,10 +106,60 @@ function RiskListItem(props) {
101
106
  }, "\u67E5\u770B\u8BE6\u60C5"))));
102
107
  }
103
108
 
109
+ function SubListItem(props) {
110
+ // 传入参数
111
+ var topo = props.topo,
112
+ alarmInfo = props.alarmInfo,
113
+ onClick = props.onClick;
114
+ var creatAlarmTips = topo.viewProps.creatAlarmTips;
115
+ var subNode = topo.getData().nodes.find(function (node) {
116
+ return node.ciId === alarmInfo.mainCiId;
117
+ });
118
+ var plarm = alarmInfo.cmpCode ? "\u3010" + subNode.sourceName + "\u3011" : "【本级平台】";
119
+ return /*#__PURE__*/_react["default"].createElement(_list["default"].Item, {
120
+ className: _indexModule["default"].AlarmListItem,
121
+ media: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
122
+ type: "gaojing-3",
123
+ size: "xs",
124
+ className: _indexModule["default"]["alarm-color-icon"] + " alarm-color-icon-lv" + alarmInfo.alertLevel
125
+ })
126
+ }, /*#__PURE__*/_react["default"].createElement("span", {
127
+ className: _indexModule["default"].content
128
+ }, /*#__PURE__*/_react["default"].createElement("div", {
129
+ className: _indexModule["default"].list,
130
+ onClick: function onClick() {
131
+ getNode(topo, alarmInfo);
132
+ }
133
+ }, "" + plarm + alarmInfo.alertObject + alarmInfo.alertTitle), alarmInfo.cmpCode ? /*#__PURE__*/_react["default"].createElement(_balloon["default"], {
134
+ trigger: /*#__PURE__*/_react["default"].createElement("span", {
135
+ className: _indexModule["default"].listLink
136
+ }, "\u67E5\u770B\u8BE6\u60C5"),
137
+ closable: true,
138
+ triggerType: "click",
139
+ align: "bl",
140
+ popupClassName: _indexModule["default"]["enjoydata-alarm-table-balloon"],
141
+ popupStyle: {
142
+ maxWidth: "700px",
143
+ width: 530
144
+ }
145
+ }, creatAlarmTips((0, _extends2["default"])({}, alarmInfo))) : /*#__PURE__*/_react["default"].createElement("div", {
146
+ className: _indexModule["default"].listLink
147
+ }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
148
+ onClick: onClick,
149
+ to: alarmLink(alarmInfo)
150
+ }, "\u67E5\u770B\u8BE6\u60C5"))));
151
+ }
152
+
104
153
  function ListItem(props) {
105
- var alarmInfo = props.alarmInfo;
106
- var ListItemWidget = alarmInfo.eventType === 'risk' ? RiskListItem : AlarmListItem;
107
- return /*#__PURE__*/_react["default"].createElement(ListItemWidget, props);
154
+ var topo = props.topo,
155
+ alarmInfo = props.alarmInfo;
156
+
157
+ if (topo.isCMPTopo) {
158
+ return /*#__PURE__*/_react["default"].createElement(SubListItem, props);
159
+ } else {
160
+ var ListItemWidget = alarmInfo.eventType === "risk" ? RiskListItem : AlarmListItem;
161
+ return /*#__PURE__*/_react["default"].createElement(ListItemWidget, props);
162
+ }
108
163
  }
109
164
 
110
165
  var _default = ListItem;
@@ -1001,11 +1001,12 @@ var useTopoEdit = function useTopoEdit(params) {
1001
1001
  break;
1002
1002
  }
1003
1003
 
1004
+ topo.historyManager.endTransaction();
1005
+
1004
1006
  _message["default"].error("关联资源失败");
1005
1007
 
1006
- _rlog["default"].warn("关联资源失败");
1008
+ _rlog["default"].error("关联资源失败");
1007
1009
 
1008
- topo.historyManager.endTransaction();
1009
1010
  return _context9.abrupt("return", false);
1010
1011
 
1011
1012
  case 23:
@@ -557,25 +557,34 @@ var Alarm = /*#__PURE__*/function () {
557
557
  resAndMetrics = this.topo.store.getState().topoMod.resAndMetrics;
558
558
  resIdsList = resAndMetrics.resIdsList, nodeIdsList = resAndMetrics.nodeIdsList, linkIdsList = resAndMetrics.linkIdsList;
559
559
  alarmDispatchers = this.topo.store.getModelDispatchers('topoAlarm'); // 添加事件
560
- // console.log("handleAlarmEvent-接收到推送的原始告警信息", alertData);
560
+
561
+ console.log("handleAlarmEvent-接收到推送的原始告警信息", alertData);
561
562
 
562
563
  if (!((0, _utils.isAvailableArray)(alertData) && (0, _utils.isAvailableArray)(resIdsList))) {
563
- _context9.next = 24;
564
+ _context9.next = 27;
564
565
  break;
565
566
  }
566
567
 
567
568
  sendAl = [];
568
569
  idsList = [].concat(nodeIdsList, linkIdsList);
569
570
  operations = [];
571
+ console.log('idsList---------', idsList);
570
572
  idsList.forEach(function (idItem) {
571
573
  if (idItem.operation === null) {
572
574
  operations.push(idItem.ciId);
573
575
  }
574
576
  });
575
577
  alertData.forEach(function (item, index) {
576
- var _item$resourceId;
578
+ var _item$resourceId, _item$alertCode;
577
579
 
578
580
  var ciId = (_item$resourceId = item.resourceId) !== null && _item$resourceId !== void 0 ? _item$resourceId : item.ciId;
581
+ var isSub = false;
582
+
583
+ if ((_item$alertCode = item.alertCode) !== null && _item$alertCode !== void 0 && _item$alertCode.startsWith("cmp")) {
584
+ ciId = "sub:" + item.mainCiId;
585
+ isSub = true;
586
+ }
587
+
579
588
  var obj = {
580
589
  id: ciId,
581
590
  level: item.alertLevel,
@@ -584,28 +593,31 @@ var Alarm = /*#__PURE__*/function () {
584
593
  obj: item,
585
594
  info: item.alertType,
586
595
  ciCode: item === null || item === void 0 ? void 0 : item.ciCode,
587
- ruleId: item === null || item === void 0 ? void 0 : item.ruleId
596
+ ruleId: item === null || item === void 0 ? void 0 : item.ruleId,
597
+ isSub: isSub
588
598
  };
589
599
 
590
600
  if (resIdsList.indexOf(ciId) >= 0 && operations.indexOf(ciId) < 0) {
591
601
  sendAl.push(obj);
592
- }
593
- }); // console.log("before-combAlarmData", sendAl, idsList);
602
+ } // const ciId = `${isSub}+${item.resourceId ?? item.ciId}`;
603
+
604
+ });
605
+ console.log("before-combAlarmData", sendAl, idsList);
594
606
 
595
607
  if (!(sendAl.length > 0)) {
596
- _context9.next = 24;
608
+ _context9.next = 27;
597
609
  break;
598
610
  }
599
611
 
600
612
  _componentTopologyUtils.rlog.debug('过滤掉非本拓扑的告警信息 告警开关-推送告警到ht-alarmIsOpened-sendAl', alarmIsOpened, sendAl);
601
613
 
602
- _context9.prev = 12;
603
- _context9.next = 15;
614
+ _context9.prev = 15;
615
+ _context9.next = 18;
604
616
  return alarmDispatchers.combAlarmData({
605
617
  alarmdata: sendAl
606
618
  });
607
619
 
608
- case 15:
620
+ case 18:
609
621
  _yield$alarmDispatche2 = _context9.sent;
610
622
  eqFlag = _yield$alarmDispatche2.eqFlag;
611
623
  alarmlist = _yield$alarmDispatche2.alarmlist;
@@ -626,20 +638,20 @@ var Alarm = /*#__PURE__*/function () {
626
638
  }
627
639
  }
628
640
 
629
- _context9.next = 24;
641
+ _context9.next = 27;
630
642
  break;
631
643
 
632
- case 21:
633
- _context9.prev = 21;
634
- _context9.t0 = _context9["catch"](12);
644
+ case 24:
645
+ _context9.prev = 24;
646
+ _context9.t0 = _context9["catch"](15);
635
647
 
636
648
  _componentTopologyUtils.rlog.error('告警发送异常', _context9.t0);
637
649
 
638
- case 24:
650
+ case 27:
639
651
  case "end":
640
652
  return _context9.stop();
641
653
  }
642
- }, _callee9, this, [[12, 21]]);
654
+ }, _callee9, this, [[15, 24]]);
643
655
  }));
644
656
 
645
657
  function handleAlarmEvent(_x7) {
@@ -54,7 +54,7 @@ var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
54
54
  var _CiCache = _interopRequireDefault(require("./cache/CiCache"));
55
55
 
56
56
  // eslint-disable-next-line no-undef
57
- var version = typeof "12.0.0-dev.11" === 'string' ? "12.0.0-dev.11" : null;
57
+ var version = typeof "12.0.0-dev.16" === 'string' ? "12.0.0-dev.16" : null;
58
58
  console.info("\u62D3\u6251\u7248\u672C: " + version);
59
59
  /**
60
60
  * 拓扑显示和编辑