@riil-frontend/component-topology 12.0.0-dev.8 → 12.1.0-dev.1
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.css +1 -1
- package/build/index.js +14 -14
- package/es/components/TemplateButton/index.module.scss +1 -1
- package/es/core/components/AlarmListPanel/components/AlarmListItem.js +58 -3
- package/es/core/components/TopoView/topoView.js +5 -1
- package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +5 -12
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +27 -10
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +21 -1
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +9 -0
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +2 -2
- package/es/core/editor/components/Toolbar/widgets/Layout/index.js +16 -2
- package/es/core/editor/hooks/useKeyboardShortcut.js +3 -1
- package/es/core/editor/utils/copyElementUtil.js +12 -0
- package/es/core/editor/utils/edgeTypeStyleUtil.js +8 -30
- package/es/core/hooks/useAlarm.js +131 -81
- package/es/core/hooks/useCmpLinkAlarm.js +153 -0
- package/es/core/hooks/useEventData.js +1 -2
- package/es/core/hooks/useGraphAlarmDisplay.js +91 -56
- package/es/core/hooks/useResourceConfig.js +1 -3
- package/es/core/hooks/useTopoEdit.js +51 -58
- package/es/core/models/Alarm.js +69 -142
- package/es/core/models/AttributeMetricDisplay.js +14 -5
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/models/cache/CiCache.d.ts +1 -1
- package/es/core/models/cache/CiCache.js +3 -3
- package/es/core/models/cache/CiTypeCache.js +4 -0
- package/es/core/models/topoData.js +0 -1
- package/es/core/models/utils/linkUtils.js +20 -13
- package/es/core/services/index.js +1 -1
- package/es/core/services/topo/basic.js +2 -2
- package/es/core/store/models/topoConfig.js +7 -10
- package/es/core/store/models/topoMod.js +81 -134
- package/es/core/utils/edgeUtil.js +8 -0
- package/es/core/utils/metricUtil.js +8 -4
- package/es/core/utils/showGraphManageStatusUtil.js +3 -2
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +12 -13
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +2 -2
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +20 -18
- package/es/core/viewer/components/plugins/ViewerPlugin.js +3 -1
- package/es/core/viewer/components/titlebar/widgets/AlarmButton.js +1 -5
- package/es/networkTopo/components/TopoView.js +6 -11
- package/es/networkTopo/hooks/useEdgeExpand.js +2 -3
- package/es/networkTopo/services/topo/basic.js +3 -3
- package/es/networkTopo/store/topoCenter.js +260 -223
- package/es/style.js +1 -1
- package/es/utils/ResourceConfigUtil.js +3 -36
- package/es/utils/ciRefAttributeTranslateUtil.d.ts +19 -0
- package/es/utils/ciRefAttributeTranslateUtil.js +155 -0
- package/es/utils/topoData.js +4 -2
- package/lib/components/TemplateButton/index.module.scss +1 -1
- package/lib/core/components/AlarmListPanel/components/AlarmListItem.js +60 -3
- package/lib/core/components/TopoView/topoView.js +5 -1
- package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +6 -12
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +27 -9
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.module.scss +21 -1
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +8 -0
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/Layout/index.js +16 -2
- package/lib/core/editor/hooks/useKeyboardShortcut.js +2 -0
- package/lib/core/editor/utils/copyElementUtil.js +15 -0
- package/lib/core/editor/utils/edgeTypeStyleUtil.js +8 -31
- package/lib/core/hooks/useAlarm.js +130 -79
- package/lib/core/hooks/useCmpLinkAlarm.js +166 -0
- package/lib/core/hooks/useEventData.js +1 -2
- package/lib/core/hooks/useGraphAlarmDisplay.js +91 -55
- package/lib/core/hooks/useResourceConfig.js +1 -3
- package/lib/core/hooks/useTopoEdit.js +50 -57
- package/lib/core/models/Alarm.js +69 -144
- package/lib/core/models/AttributeMetricDisplay.js +16 -4
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/models/cache/CiCache.d.ts +1 -1
- package/lib/core/models/cache/CiCache.js +3 -3
- package/lib/core/models/cache/CiTypeCache.js +4 -0
- package/lib/core/models/topoData.js +0 -1
- package/lib/core/models/utils/linkUtils.js +21 -13
- package/lib/core/services/index.js +1 -1
- package/lib/core/services/topo/basic.js +2 -2
- package/lib/core/store/models/topoConfig.js +7 -10
- package/lib/core/store/models/topoMod.js +81 -134
- package/lib/core/utils/edgeUtil.js +10 -0
- package/lib/core/utils/metricUtil.js +8 -4
- package/lib/core/utils/showGraphManageStatusUtil.js +3 -2
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +12 -13
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +2 -2
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +20 -18
- package/lib/core/viewer/components/plugins/ViewerPlugin.js +3 -1
- package/lib/core/viewer/components/titlebar/widgets/AlarmButton.js +1 -5
- package/lib/networkTopo/components/TopoView.js +5 -14
- package/lib/networkTopo/hooks/useEdgeExpand.js +2 -3
- package/lib/networkTopo/services/topo/basic.js +3 -3
- package/lib/networkTopo/store/topoCenter.js +262 -225
- package/lib/style.js +1 -1
- package/lib/utils/ResourceConfigUtil.js +3 -38
- package/lib/utils/ciRefAttributeTranslateUtil.d.ts +19 -0
- package/lib/utils/ciRefAttributeTranslateUtil.js +168 -0
- package/lib/utils/topoData.js +4 -2
- package/package.json +3 -3
@@ -46,7 +46,7 @@ var useAlarmAndRiskData = function useAlarmAndRiskData(props) {
|
|
46
46
|
while (1) switch (_context.prev = _context.next) {
|
47
47
|
case 0:
|
48
48
|
if (!isAppTopo) {
|
49
|
-
_context.next =
|
49
|
+
_context.next = 10;
|
50
50
|
break;
|
51
51
|
}
|
52
52
|
|
@@ -61,27 +61,29 @@ var useAlarmAndRiskData = function useAlarmAndRiskData(props) {
|
|
61
61
|
alarmList = _yield$resourceOvervi2.alarms;
|
62
62
|
alarmList = ((_alarmList = alarmList) === null || _alarmList === void 0 ? void 0 : _alarmList.map(function (item) {
|
63
63
|
return {
|
64
|
-
|
65
|
-
|
64
|
+
alarmInfo: item,
|
65
|
+
type: "alarm",
|
66
|
+
icon: "gaojing-3",
|
66
67
|
className: "alarm-color-icon-lv" + item.alertLevel,
|
67
68
|
title: "[" + item.alertObject + "] " + item.alertTitle,
|
68
|
-
link: "/default/pagecenter/alertDetail/view/" + item.alertId + "?alertId=" + item.alertId + "&resId=" + item.ciId + "&title=" + item.alertObject + "&ruleId=" + item.ruleId,
|
69
|
+
link: "/default/pagecenter/alertDetail/view/" + item.alertId + "?alertId=" + item.alertId + "&resId=" + item.ciId + "&title=" + encodeURI(encodeURI(item.alertObject)) + "&ruleId=" + item.ruleId,
|
69
70
|
time: item.createTime,
|
70
71
|
status: item.status,
|
71
72
|
params: [{
|
72
73
|
alertId: item.alertId,
|
73
|
-
status:
|
74
|
+
status: "dealing",
|
74
75
|
userId: userId,
|
75
76
|
isBaseAlert: false
|
76
77
|
}]
|
77
78
|
};
|
78
79
|
})) || [];
|
80
|
+
console.log("setAlarmRiskList", alarmList);
|
79
81
|
setAlarmRiskList(alarmList);
|
80
|
-
_context.next =
|
82
|
+
_context.next = 25;
|
81
83
|
break;
|
82
84
|
|
83
|
-
case
|
84
|
-
_context.next =
|
85
|
+
case 10:
|
86
|
+
_context.next = 12;
|
85
87
|
return _alarm["default"].getAlarmByIds([id].concat(childrenIds), {
|
86
88
|
alertStatusList: ['toDeal', 'woDealing', 'dealing'],
|
87
89
|
// toDeal: 待处理, dealing:处理中
|
@@ -91,7 +93,7 @@ var useAlarmAndRiskData = function useAlarmAndRiskData(props) {
|
|
91
93
|
sortOrder: 'asc'
|
92
94
|
});
|
93
95
|
|
94
|
-
case
|
96
|
+
case 12:
|
95
97
|
_yield$alarmService$g2 = _context.sent;
|
96
98
|
_alarmList2 = _yield$alarmService$g2.datas;
|
97
99
|
// 2022-07-16 后端不支持多列排序,暂通过前端实现,按创建时间倒序
|
@@ -100,28 +102,28 @@ var useAlarmAndRiskData = function useAlarmAndRiskData(props) {
|
|
100
102
|
});
|
101
103
|
_alarmList2 = _alarmList2.map(function (item) {
|
102
104
|
return {
|
103
|
-
type:
|
104
|
-
icon:
|
105
|
+
type: "alarm",
|
106
|
+
icon: "gaojing-3",
|
105
107
|
className: "alarm-color-icon-lv" + item.alertLevel,
|
106
108
|
title: "" + item.alertObject + item.alertTitle,
|
107
|
-
link: "/default/pagecenter/alertDetail/view/" + item.alertId + "?alertId=" + item.alertId + "&resId=" + item.ciId + "&title=" + item.alertObject + "&ruleId=" + item.ruleId,
|
109
|
+
link: "/default/pagecenter/alertDetail/view/" + item.alertId + "?alertId=" + item.alertId + "&resId=" + item.ciId + "&title=" + encodeURI(encodeURI(item.alertObject)) + "&ruleId=" + item.ruleId,
|
108
110
|
time: item.createTime,
|
109
111
|
status: item.status,
|
110
112
|
params: [{
|
111
113
|
alertId: item.alertId,
|
112
|
-
status:
|
114
|
+
status: "dealing",
|
113
115
|
userId: userId,
|
114
116
|
isBaseAlert: false
|
115
117
|
}]
|
116
118
|
};
|
117
119
|
}); // fix NEWITOM-33635【南昌大学】网络拓扑上双击设备拉开的抽屉中无法看到风险
|
118
120
|
|
119
|
-
_context.next =
|
121
|
+
_context.next = 18;
|
120
122
|
return _overview["default"].queryAllComponentsByCiId(id);
|
121
123
|
|
122
|
-
case
|
124
|
+
case 18:
|
123
125
|
AllComponentsByCiId = _context.sent;
|
124
|
-
_context.next =
|
126
|
+
_context.next = 21;
|
125
127
|
return _overview["default"].getRiskByIds({
|
126
128
|
ciIdList: [id].concat(childrenIds, AllComponentsByCiId.map(function (item) {
|
127
129
|
return item.id;
|
@@ -131,7 +133,7 @@ var useAlarmAndRiskData = function useAlarmAndRiskData(props) {
|
|
131
133
|
pageSize: 10000
|
132
134
|
});
|
133
135
|
|
134
|
-
case
|
136
|
+
case 21:
|
135
137
|
_yield$service$getRis2 = _context.sent;
|
136
138
|
riskList = _yield$service$getRis2.content;
|
137
139
|
riskList = riskList.map(function (item) {
|
@@ -147,7 +149,7 @@ var useAlarmAndRiskData = function useAlarmAndRiskData(props) {
|
|
147
149
|
|
148
150
|
setAlarmRiskList([].concat(_alarmList2, riskList));
|
149
151
|
|
150
|
-
case
|
152
|
+
case 25:
|
151
153
|
case "end":
|
152
154
|
return _context.stop();
|
153
155
|
}
|
@@ -21,8 +21,10 @@ function ViewerPlugin(props) {
|
|
21
21
|
var topo = props.topo,
|
22
22
|
viewerProps = props.viewerProps;
|
23
23
|
var store = topo.store;
|
24
|
+
var alarmInfoDoc = viewerProps.alarmInfoDoc;
|
24
25
|
(0, _useAlarm["default"])({
|
25
|
-
topo: topo
|
26
|
+
topo: topo,
|
27
|
+
alarmInfoDoc: alarmInfoDoc
|
26
28
|
});
|
27
29
|
(0, _useManageStatus["default"])({
|
28
30
|
topo: topo
|
@@ -15,11 +15,7 @@ var _useEventData = _interopRequireDefault(require("../../../../hooks/useEventDa
|
|
15
15
|
|
16
16
|
function AlarmButton(props) {
|
17
17
|
var topo = props.topo;
|
18
|
-
|
19
|
-
var _topo$store$useModel = topo.store.useModel("topoAlarm"),
|
20
|
-
alarmState = _topo$store$useModel[0],
|
21
|
-
alarmDispatchers = _topo$store$useModel[1];
|
22
|
-
|
18
|
+
var alarmState = topo.store.useModelState("topoAlarm");
|
23
19
|
var alarmPanelIsOpen = alarmState.alarmPanelIsOpen;
|
24
20
|
var alarmData = (0, _useEventData["default"])({
|
25
21
|
topo: topo
|
@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
11
11
|
|
12
12
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
13
13
|
|
14
|
-
var _react =
|
14
|
+
var _react = _interopRequireDefault(require("react"));
|
15
15
|
|
16
16
|
var _index = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/components/NoDataPage/index"));
|
17
17
|
|
@@ -31,13 +31,9 @@ var _useRelateTopo = _interopRequireDefault(require("../hooks/viewer/useRelateTo
|
|
31
31
|
|
32
32
|
var _useEdgeFlow = _interopRequireDefault(require("../hooks/viewer/useEdgeFlow"));
|
33
33
|
|
34
|
-
var _useEdgeExpand = _interopRequireDefault(require("../hooks/useEdgeExpand"));
|
35
|
-
|
36
34
|
var _excluded = ["topo", "viewerProps", "titleBar", "nodataPage", "notfoundPageProps", "noPermissionPageProps"];
|
37
35
|
|
38
|
-
|
39
|
-
|
40
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
36
|
+
// import useEdgeExpand from "../hooks/useEdgeExpand";
|
41
37
|
|
42
38
|
/**
|
43
39
|
* 拓扑组件。变化无权限、无数据显示
|
@@ -60,10 +56,8 @@ function NetworkTopologyCore(props) {
|
|
60
56
|
});
|
61
57
|
(0, _useEdgeFlow["default"])({
|
62
58
|
topo: topo
|
63
|
-
});
|
64
|
-
|
65
|
-
topo: topo
|
66
|
-
});
|
59
|
+
}); // useEdgeExpand({ topo })
|
60
|
+
|
67
61
|
var relateTopo = (0, _useRelateTopo["default"])({
|
68
62
|
topo: topo
|
69
63
|
});
|
@@ -92,10 +86,7 @@ function NetworkTopologyCore(props) {
|
|
92
86
|
});
|
93
87
|
} else if (!topoId) {
|
94
88
|
return null;
|
95
|
-
}
|
96
|
-
// return null;
|
97
|
-
// }
|
98
|
-
|
89
|
+
}
|
99
90
|
|
100
91
|
if (!loading) {
|
101
92
|
// 加载完成后
|
@@ -23,9 +23,8 @@ function useEdgeExpand(props) {
|
|
23
23
|
data = e.data;
|
24
24
|
|
25
25
|
if (data instanceof ht.Group && property === 'expanded') {
|
26
|
-
|
27
|
-
setTimeout(function () {
|
28
|
-
(0, _edgeUtil.updateEdgeExpanded)(topo);
|
26
|
+
// updateEdgeExpanded(topo)
|
27
|
+
setTimeout(function () {// updateEdgeExpanded(topo)
|
29
28
|
}, 100);
|
30
29
|
}
|
31
30
|
}
|
@@ -23,7 +23,7 @@ var _model = require("../model");
|
|
23
23
|
|
24
24
|
var _exitLinkUtil = require("../../utils/exitLinkUtil");
|
25
25
|
|
26
|
-
var _excluded = ["groups", "resources"
|
26
|
+
var _excluded = ["groups", "resources"];
|
27
27
|
var API_ROOT = _constants.TOPO_API_ROOT;
|
28
28
|
/**
|
29
29
|
* 拓扑图(看做一个容器)的“父容器”ID
|
@@ -480,11 +480,11 @@ var _default = (0, _extends2["default"])({
|
|
480
480
|
*/
|
481
481
|
bindResourceToTopo: function bindResourceToTopo(id, config) {
|
482
482
|
return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee14() {
|
483
|
-
var groups, resources,
|
483
|
+
var groups, resources, otherConfig, newGroups, obj;
|
484
484
|
return _regenerator["default"].wrap(function _callee14$(_context14) {
|
485
485
|
while (1) switch (_context14.prev = _context14.next) {
|
486
486
|
case 0:
|
487
|
-
groups = config.groups, resources = config.resources,
|
487
|
+
groups = config.groups, resources = config.resources, otherConfig = (0, _objectWithoutPropertiesLoose2["default"])(config, _excluded);
|
488
488
|
newGroups = Array.isArray(groups) ? groups : [];
|
489
489
|
|
490
490
|
if (resources) {
|