@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.
- package/build/1.js +1 -1
- package/build/index.js +14 -14
- package/es/core/components/AlarmListPanel/components/AlarmListItem.js +56 -3
- package/es/core/hooks/useTopoEdit.js +3 -2
- package/es/core/models/Alarm.js +28 -16
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/store/models/topoMod.js +81 -134
- package/es/core/viewer/components/plugins/ViewerPlugin.js +3 -1
- package/es/networkTopo/components/TopoView.js +6 -11
- package/es/networkTopo/hooks/useEdgeExpand.js +2 -3
- package/lib/core/components/AlarmListPanel/components/AlarmListItem.js +58 -3
- package/lib/core/hooks/useTopoEdit.js +3 -2
- package/lib/core/models/Alarm.js +28 -16
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/store/models/topoMod.js +81 -134
- package/lib/core/viewer/components/plugins/ViewerPlugin.js +3 -1
- package/lib/networkTopo/components/TopoView.js +5 -14
- package/lib/networkTopo/hooks/useEdgeExpand.js +2 -3
- package/package.json +2 -2
@@ -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
|
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
|
-
|
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
|
-
|
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
|
-
}
|
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
|
106
|
-
|
107
|
-
|
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"].
|
1008
|
+
_rlog["default"].error("关联资源失败");
|
1007
1009
|
|
1008
|
-
topo.historyManager.endTransaction();
|
1009
1010
|
return _context9.abrupt("return", false);
|
1010
1011
|
|
1011
1012
|
case 23:
|
package/lib/core/models/Alarm.js
CHANGED
@@ -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
|
-
|
560
|
+
|
561
|
+
console.log("handleAlarmEvent-接收到推送的原始告警信息", alertData);
|
561
562
|
|
562
563
|
if (!((0, _utils.isAvailableArray)(alertData) && (0, _utils.isAvailableArray)(resIdsList))) {
|
563
|
-
_context9.next =
|
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
|
-
|
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 =
|
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 =
|
603
|
-
_context9.next =
|
614
|
+
_context9.prev = 15;
|
615
|
+
_context9.next = 18;
|
604
616
|
return alarmDispatchers.combAlarmData({
|
605
617
|
alarmdata: sendAl
|
606
618
|
});
|
607
619
|
|
608
|
-
case
|
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 =
|
641
|
+
_context9.next = 27;
|
630
642
|
break;
|
631
643
|
|
632
|
-
case
|
633
|
-
_context9.prev =
|
634
|
-
_context9.t0 = _context9["catch"](
|
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
|
650
|
+
case 27:
|
639
651
|
case "end":
|
640
652
|
return _context9.stop();
|
641
653
|
}
|
642
|
-
}, _callee9, this, [[
|
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.
|
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
|
* 拓扑显示和编辑
|