@riil-frontend/component-topology 12.0.0-dev.1 → 12.0.0-dev.10
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/components/BatchAttrMetric/setting.js +1 -1
- package/es/components/ModelAttrSelectDrawer/components/MultipleTypeAttributeSelectDrawer.js +1 -1
- package/es/components/ResourceSelectDrawer/ResourceSelectDrawer.js +1 -1
- package/es/core/components/AlarmListPanel/index.js +1 -1
- package/es/core/components/DisplaySettingDrawer/DisplaySetting.js +1 -1
- package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +2 -2
- package/es/core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig.js +1 -1
- package/es/core/components/DisplaySettingDrawer/components/NodeAttrSettingDrawer.js +1 -1
- package/es/core/components/ResourceViewAttributeSetting/Setting.js +1 -1
- package/es/core/components/TopoView/topoView.js +6 -2
- package/es/core/editor/components/BackgroundView/index.js +1 -1
- package/es/core/editor/components/CustomIconPlugin/UploadIconDialog.js +1 -1
- package/es/core/editor/components/EditorPlugin.js +1 -1
- package/es/core/editor/components/Sidebar/views/ComponentPanel.js +1 -1
- package/es/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +1 -1
- package/es/core/editor/components/Sidebar/views/ImagePanel/CustomImagePanel.js +1 -1
- package/es/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +1 -1
- package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +1 -1
- package/es/core/editor/components/Sidebar/views/ImagePanel/ImagePalette.js +1 -1
- package/es/core/editor/components/Sidebar/views/LinkPanel.js +1 -1
- package/es/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js +1 -1
- package/es/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +1 -1
- package/es/core/editor/components/settings/propertyViews/layer/BasicSetting.js +1 -1
- package/es/core/editor/components/settings/propertyViews/layer/SettingTab/Setting.js +1 -1
- package/es/core/editor/components/settings/propertyViews/view/hooks/useBackgroundSizeConfig.js +1 -1
- package/es/core/editor/hooks/useKeyboardShortcut.js +3 -1
- package/es/core/editor/store/background.js +1 -1
- package/es/core/editor/store/historyManager.js +1 -1
- package/es/core/editor/store/topoEdit.js +1 -1
- package/es/core/editor/utils/copyElementUtil.js +24 -9
- package/es/core/hooks/__tests__/useCiAttributeChange.test.js +0 -0
- package/es/core/hooks/ht/useHtDataPropertyChangeListener.js +1 -1
- package/es/core/hooks/useCiAttributeChange.js +35 -16
- package/es/core/hooks/useManageStatus.js +1 -1
- package/es/core/hooks/usePolling.js +1 -1
- package/es/core/hooks/useResourceConfig.js +1 -3
- package/es/core/hooks/useTopoEdit.js +48 -52
- package/es/core/models/Alarm.js +1 -1
- package/es/core/models/AttributeMetricDisplay.js +6 -3
- package/es/core/models/HistoryManager.js +1 -1
- package/es/core/models/SelectionModel.js +1 -1
- package/es/core/models/TopoApp.js +2 -2
- package/es/core/models/attributeFormatter/formatter/commonTransform.js +0 -5
- package/es/core/models/attributeFormatter/formatter/graphTransform.js +1 -1
- package/es/core/models/attributeFormatter/index.js +1 -1
- package/es/core/models/cache/CiTypeCache.js +5 -1
- package/es/core/models/cache/DictCache.js +1 -1
- package/es/core/models/plugins/resourceWebControllUrl.js +1 -1
- package/es/core/models/tagstips/ElementTagTipConfig.js +1 -1
- package/es/core/models/topoData.js +0 -1
- package/es/core/services/alarm.js +1 -1
- package/es/core/services/index.js +1 -1
- package/es/core/services/topo/basic.js +2 -2
- package/es/core/store/models/customIcon.js +1 -1
- package/es/core/store/models/displayConfig.js +1 -1
- package/es/core/store/models/selection.js +1 -1
- package/es/core/store/models/topoBaseInfoOverview.js +1 -1
- package/es/core/store/models/topoBizMod.js +1 -1
- package/es/core/store/models/topoConfig.js +7 -10
- package/es/core/store/models/topoGraphView.js +1 -1
- package/es/core/store/models/topoMod.js +1 -1
- package/es/core/store/models/viewer/lock.js +1 -1
- package/es/core/store/models/viewer/resourceDetail.js +1 -1
- package/es/core/store/models/viewer/resourceWebControllUrlSetting.js +1 -1
- package/es/core/utils/edgeUtil.js +2 -1
- package/es/core/utils/metricUtil.js +8 -1
- package/es/core/utils/showMessage.js +1 -1
- package/es/core/viewer/components/plugins/ResourceDetail/ResourceDetail.js +1 -0
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +12 -13
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +3 -1
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +4 -2
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +1 -1
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +1 -1
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +20 -18
- package/es/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +1 -1
- package/es/networkTopo/components/Link/index.js +1 -1
- package/es/networkTopo/hooks/viewer/useRelateTopo.js +1 -1
- package/es/networkTopo/models/LinkDynamicStyleExecutor.js +1 -1
- package/es/networkTopo/models/LinkTagsTipsBuilder.js +1 -1
- package/es/networkTopo/models/TopoCenter.js +1 -1
- package/es/networkTopo/services/model.js +1 -1
- package/es/networkTopo/services/topo/basic.js +4 -4
- package/es/networkTopo/services/topo/ciInfo.js +1 -1
- package/es/networkTopo/store/functionAuth.js +1 -1
- package/es/networkTopo/store/topoCenter.js +1 -1
- package/es/networkTopo/store/topoTreeMod.js +1 -1
- package/es/networkTopo/utils/exportData.js +1 -1
- package/es/style.js +1 -1
- package/es/utils/ResourceConfigUtil.js +4 -37
- package/es/utils/ciRefAttributeTranslateUtil.d.ts +12 -0
- package/es/utils/ciRefAttributeTranslateUtil.js +156 -0
- package/es/utils/clipboardUtil.d.ts +7 -0
- package/es/utils/clipboardUtil.js +104 -0
- package/es/utils/format.js +1 -1
- package/es/utils/topoData.js +4 -2
- package/lib/components/BatchAttrMetric/setting.js +2 -2
- package/lib/components/ModelAttrSelectDrawer/components/MultipleTypeAttributeSelectDrawer.js +2 -2
- package/lib/components/ResourceSelectDrawer/ResourceSelectDrawer.js +2 -2
- package/lib/core/components/AlarmListPanel/index.js +1 -1
- package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -2
- package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +2 -2
- package/lib/core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig.js +3 -3
- package/lib/core/components/DisplaySettingDrawer/components/NodeAttrSettingDrawer.js +2 -2
- package/lib/core/components/ResourceViewAttributeSetting/Setting.js +2 -2
- package/lib/core/components/TopoView/topoView.js +14 -10
- package/lib/core/editor/components/BackgroundView/index.js +3 -3
- package/lib/core/editor/components/CustomIconPlugin/UploadIconDialog.js +2 -2
- package/lib/core/editor/components/EditorPlugin.js +3 -3
- package/lib/core/editor/components/Sidebar/views/ComponentPanel.js +2 -4
- package/lib/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js +1 -1
- package/lib/core/editor/components/Sidebar/views/ImagePanel/CustomImagePanel.js +1 -1
- package/lib/core/editor/components/Sidebar/views/ImagePanel/HtCustomImagePanel.js +2 -2
- package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.js +2 -2
- package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePalette.js +2 -4
- package/lib/core/editor/components/Sidebar/views/LinkPanel.js +2 -4
- package/lib/core/editor/components/settings/common/NodeSizeInput/NodeSizeInput.js +5 -5
- package/lib/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +1 -1
- package/lib/core/editor/components/settings/propertyViews/layer/BasicSetting.js +1 -1
- package/lib/core/editor/components/settings/propertyViews/layer/SettingTab/Setting.js +3 -3
- package/lib/core/editor/components/settings/propertyViews/view/hooks/useBackgroundSizeConfig.js +2 -2
- package/lib/core/editor/hooks/useKeyboardShortcut.js +2 -0
- package/lib/core/editor/store/background.js +1 -1
- package/lib/core/editor/store/historyManager.js +1 -1
- package/lib/core/editor/store/topoEdit.js +1 -1
- package/lib/core/editor/utils/copyElementUtil.js +29 -9
- package/lib/core/hooks/__tests__/useCiAttributeChange.test.js +1 -0
- package/lib/core/hooks/ht/useHtDataPropertyChangeListener.js +1 -3
- package/lib/core/hooks/useCiAttributeChange.js +34 -15
- package/lib/core/hooks/useManageStatus.js +1 -1
- package/lib/core/hooks/usePolling.js +3 -3
- package/lib/core/hooks/useResourceConfig.js +1 -3
- package/lib/core/hooks/useTopoEdit.js +47 -51
- package/lib/core/models/Alarm.js +10 -10
- package/lib/core/models/AttributeMetricDisplay.js +8 -4
- package/lib/core/models/HistoryManager.js +8 -8
- package/lib/core/models/SelectionModel.js +5 -5
- package/lib/core/models/TopoApp.js +4 -6
- package/lib/core/models/attributeFormatter/formatter/commonTransform.js +0 -5
- package/lib/core/models/attributeFormatter/formatter/graphTransform.js +2 -4
- package/lib/core/models/attributeFormatter/index.js +1 -1
- package/lib/core/models/cache/CiTypeCache.js +6 -2
- package/lib/core/models/cache/DictCache.js +2 -2
- package/lib/core/models/plugins/resourceWebControllUrl.js +2 -2
- package/lib/core/models/tagstips/ElementTagTipConfig.js +2 -2
- package/lib/core/models/topoData.js +0 -1
- package/lib/core/services/alarm.js +2 -2
- package/lib/core/services/index.js +1 -1
- package/lib/core/services/topo/basic.js +2 -2
- package/lib/core/store/models/customIcon.js +3 -3
- package/lib/core/store/models/displayConfig.js +1 -1
- package/lib/core/store/models/selection.js +1 -1
- package/lib/core/store/models/topoBaseInfoOverview.js +1 -1
- package/lib/core/store/models/topoBizMod.js +1 -1
- package/lib/core/store/models/topoConfig.js +7 -10
- package/lib/core/store/models/topoGraphView.js +1 -1
- package/lib/core/store/models/topoMod.js +9 -9
- package/lib/core/store/models/viewer/lock.js +1 -1
- package/lib/core/store/models/viewer/resourceDetail.js +1 -1
- package/lib/core/store/models/viewer/resourceWebControllUrlSetting.js +1 -1
- package/lib/core/utils/edgeUtil.js +2 -1
- package/lib/core/utils/metricUtil.js +8 -1
- package/lib/core/utils/showMessage.js +2 -2
- package/lib/core/viewer/components/plugins/ResourceDetail/ResourceDetail.js +1 -0
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +12 -13
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +3 -1
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/LinkTopoCard.js +4 -2
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/hooks/useMetricPolling.js +6 -6
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/LinkTopo/services/index.js +3 -5
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/hooks/useAlarmAndRiskData.js +20 -18
- package/lib/core/viewer/components/plugins/ResourceDetail/components/WebConsole/WebConsoleForm/hooks/useWebConsole.js +2 -2
- package/lib/networkTopo/components/Link/index.js +2 -2
- package/lib/networkTopo/hooks/viewer/useRelateTopo.js +4 -4
- package/lib/networkTopo/models/LinkDynamicStyleExecutor.js +3 -5
- package/lib/networkTopo/models/LinkTagsTipsBuilder.js +3 -3
- package/lib/networkTopo/models/TopoCenter.js +1 -1
- package/lib/networkTopo/services/model.js +1 -3
- package/lib/networkTopo/services/topo/basic.js +4 -6
- package/lib/networkTopo/services/topo/ciInfo.js +0 -2
- package/lib/networkTopo/store/functionAuth.js +1 -1
- package/lib/networkTopo/store/topoCenter.js +1 -1
- package/lib/networkTopo/store/topoTreeMod.js +5 -5
- package/lib/networkTopo/utils/exportData.js +1 -3
- package/lib/style.js +1 -1
- package/lib/utils/ResourceConfigUtil.js +4 -39
- package/lib/utils/ciRefAttributeTranslateUtil.d.ts +12 -0
- package/lib/utils/ciRefAttributeTranslateUtil.js +169 -0
- package/lib/utils/clipboardUtil.d.ts +7 -0
- package/lib/utils/clipboardUtil.js +113 -0
- package/lib/utils/format.js +1 -1
- package/lib/utils/topoData.js +4 -2
- package/package.json +4 -4
@@ -19,7 +19,7 @@ var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
|
|
19
19
|
|
20
20
|
var _react = _interopRequireWildcard(require("react"));
|
21
21
|
|
22
|
-
var
|
22
|
+
var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
|
23
23
|
|
24
24
|
var _AlignSetting = _interopRequireDefault(require("../../../common/AlignSetting"));
|
25
25
|
|
@@ -47,7 +47,7 @@ function LayerSettingTab(props) {
|
|
47
47
|
return;
|
48
48
|
}
|
49
49
|
|
50
|
-
|
50
|
+
_componentTopologyUtils.rlog.debug(values[name], value);
|
51
51
|
|
52
52
|
var newValues = field.getValues();
|
53
53
|
|
@@ -62,7 +62,7 @@ function LayerSettingTab(props) {
|
|
62
62
|
var alignOnChange = function alignOnChange(v) {
|
63
63
|
topo.historyManager.beginTransaction();
|
64
64
|
|
65
|
-
|
65
|
+
_componentTopologyUtils.rlog.debug('setAlignmentBySelectionNodes', v);
|
66
66
|
|
67
67
|
topo.view.topoClient.htTopoClient.setAlignmentBySelectionNodes(v);
|
68
68
|
|
package/lib/core/editor/components/settings/propertyViews/view/hooks/useBackgroundSizeConfig.js
CHANGED
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
5
5
|
exports.__esModule = true;
|
6
6
|
exports["default"] = void 0;
|
7
7
|
|
8
|
-
var
|
8
|
+
var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
|
9
9
|
|
10
10
|
var _react = require("react");
|
11
11
|
|
@@ -27,7 +27,7 @@ var _default = function _default(props) {
|
|
27
27
|
setSize = _useState[1];
|
28
28
|
|
29
29
|
(0, _react.useEffect)(function () {
|
30
|
-
|
30
|
+
_componentTopologyUtils.rlog.info('设置背景图:初始化大小', getSizeFromCurrent());
|
31
31
|
|
32
32
|
setSize(getSizeFromCurrent());
|
33
33
|
}, [current]);
|
@@ -44,8 +44,10 @@ function unbindKeyboardShortcuts(props) {
|
|
44
44
|
|
45
45
|
function useKeyboardShortcut(props) {
|
46
46
|
(0, _react.useEffect)(function () {
|
47
|
+
(0, _copyElementUtil.initPasteEventListener)();
|
47
48
|
initKeyboardShortcuts(props);
|
48
49
|
return function () {
|
50
|
+
(0, _copyElementUtil.destroyPasteEventListener)();
|
49
51
|
unbindKeyboardShortcuts(props);
|
50
52
|
};
|
51
53
|
}, []);
|
@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
|
|
11
11
|
|
12
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
13
13
|
|
14
|
-
var
|
14
|
+
var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
|
15
15
|
|
16
16
|
/**
|
17
17
|
* 背景图
|
@@ -7,7 +7,7 @@ exports["default"] = _default;
|
|
7
7
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
9
|
|
10
|
-
var
|
10
|
+
var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
|
11
11
|
|
12
12
|
/**
|
13
13
|
* 动态设置链路样式 Model
|
@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
|
|
11
11
|
|
12
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
13
13
|
|
14
|
-
var
|
14
|
+
var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
|
15
15
|
|
16
16
|
/**
|
17
17
|
* 拓扑编辑 Model
|
@@ -3,22 +3,39 @@
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
4
|
|
5
5
|
exports.__esModule = true;
|
6
|
+
exports.destroyPasteEventListener = destroyPasteEventListener;
|
6
7
|
exports.handleCopyHotkey = handleCopyHotkey;
|
7
8
|
exports.handlePasteHotkey = handlePasteHotkey;
|
9
|
+
exports.initPasteEventListener = initPasteEventListener;
|
8
10
|
|
9
11
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
10
12
|
|
11
13
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
12
14
|
|
15
|
+
var _clipboardUtil = require("../../../utils/clipboardUtil");
|
16
|
+
|
13
17
|
function handleCopyHotkey(event, options) {
|
14
18
|
var target = event.target || event.srcElement;
|
15
19
|
var tagName = target.tagName;
|
16
20
|
|
17
21
|
if (tagName !== 'BODY') {
|
18
|
-
copy(options);
|
22
|
+
copy(options.topo);
|
19
23
|
}
|
20
24
|
}
|
21
25
|
|
26
|
+
function initPasteEventListener() {
|
27
|
+
document.addEventListener("paste", handlePasteEventListener);
|
28
|
+
}
|
29
|
+
|
30
|
+
function destroyPasteEventListener() {
|
31
|
+
document.removeEventListener("paste", handlePasteEventListener);
|
32
|
+
}
|
33
|
+
|
34
|
+
function handlePasteEventListener(e) {
|
35
|
+
var clipdata = e.clipboardData || window.clipboardData;
|
36
|
+
console.log("主动粘贴", clipdata.getData("text/plain"));
|
37
|
+
}
|
38
|
+
|
22
39
|
function handlePasteHotkey(event, options) {
|
23
40
|
var target = event.target || event.srcElement;
|
24
41
|
var tagName = target.tagName;
|
@@ -28,8 +45,7 @@ function handlePasteHotkey(event, options) {
|
|
28
45
|
}
|
29
46
|
}
|
30
47
|
|
31
|
-
function copy(
|
32
|
-
var topo = options.topo;
|
48
|
+
function copy(topo) {
|
33
49
|
var gv = topo.getHtTopo().getGraphView();
|
34
50
|
var dm = gv.dm();
|
35
51
|
var sm = dm.sm();
|
@@ -113,14 +129,14 @@ function doPaste(topo, clipboardText) {
|
|
113
129
|
var parseDm = new ht.DataModel();
|
114
130
|
var parseSerializer = new ht.JSONSerializer(parseDm);
|
115
131
|
parseSerializer.deserialize(clipboardText);
|
116
|
-
var elements = parseDm.getDatas().toArray();
|
132
|
+
var elements = parseDm.getDatas().toArray();
|
133
|
+
parseDm.clear(); // 添加到拓扑图
|
117
134
|
|
118
135
|
var gv = topo.getHtTopo().getGraphView();
|
119
136
|
var dm = gv.dm();
|
120
137
|
elements.forEach(function (d) {
|
121
138
|
dm.add(d);
|
122
|
-
});
|
123
|
-
parseDm.clear(); // 粘贴之后进行处理
|
139
|
+
}); // 粘贴之后进行处理
|
124
140
|
|
125
141
|
var sm = dm.sm();
|
126
142
|
sm.cs();
|
@@ -134,6 +150,8 @@ function doPaste(topo, clipboardText) {
|
|
134
150
|
// TODO
|
135
151
|
// gv.translate(-60, -60)
|
136
152
|
|
153
|
+
|
154
|
+
copy(topo);
|
137
155
|
}
|
138
156
|
|
139
157
|
function isPasetToOriginTopo() {
|
@@ -150,9 +168,11 @@ function _writeClipboard() {
|
|
150
168
|
return _regenerator["default"].wrap(function _callee2$(_context2) {
|
151
169
|
while (1) switch (_context2.prev = _context2.next) {
|
152
170
|
case 0:
|
153
|
-
|
171
|
+
localStorage.setItem('topo.copy.text', text);
|
154
172
|
|
155
|
-
|
173
|
+
_clipboardUtil.clipboard.writeText(text);
|
174
|
+
|
175
|
+
case 2:
|
156
176
|
case "end":
|
157
177
|
return _context2.stop();
|
158
178
|
}
|
@@ -170,7 +190,7 @@ function _readClipboard() {
|
|
170
190
|
return _regenerator["default"].wrap(function _callee3$(_context3) {
|
171
191
|
while (1) switch (_context3.prev = _context3.next) {
|
172
192
|
case 0:
|
173
|
-
return _context3.abrupt("return",
|
193
|
+
return _context3.abrupt("return", localStorage.getItem('topo.copy.text'));
|
174
194
|
|
175
195
|
case 1:
|
176
196
|
case "end":
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";
|
@@ -1,11 +1,9 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
3
|
exports.__esModule = true;
|
6
4
|
exports["default"] = useHtDataPropertyChangeListener;
|
7
5
|
|
8
|
-
var
|
6
|
+
var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
|
9
7
|
|
10
8
|
var _react = require("react");
|
11
9
|
|
@@ -7,29 +7,52 @@ exports["default"] = useCiAttributeChange;
|
|
7
7
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
9
|
|
10
|
-
var
|
10
|
+
var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
|
11
11
|
|
12
12
|
var _CiCache = _interopRequireDefault(require("../models/cache/CiCache"));
|
13
13
|
|
14
14
|
var _useTopoEventListener = _interopRequireDefault(require("./useTopoEventListener"));
|
15
15
|
|
16
|
+
function ciExistTopo(topoData, ciChangeData) {
|
17
|
+
if (!topoData) {
|
18
|
+
return false;
|
19
|
+
}
|
20
|
+
|
21
|
+
var ciIds = [].concat(topoData.nodes, topoData.links, topoData.linkGroups).map(function (data) {
|
22
|
+
return data.ciId || data.id;
|
23
|
+
});
|
24
|
+
return ciIds.includes(ciChangeData.id);
|
25
|
+
}
|
26
|
+
|
16
27
|
function mergeData(cis, ciChangeData) {
|
17
|
-
|
18
|
-
return item.
|
19
|
-
}
|
28
|
+
var matchData = function matchData(item) {
|
29
|
+
return (item.ciId || item.id) === ciChangeData.id;
|
30
|
+
};
|
31
|
+
|
32
|
+
if (!cis.find(matchData)) {
|
20
33
|
return cis;
|
21
34
|
}
|
22
35
|
|
23
36
|
return cis.map(function (ci) {
|
24
|
-
if (ci
|
25
|
-
return
|
26
|
-
attributes: (0, _extends2["default"])({}, ci.attributes, ciChangeData.attributes)
|
27
|
-
});
|
37
|
+
if (!matchData(ci)) {
|
38
|
+
return ci;
|
28
39
|
}
|
29
40
|
|
30
|
-
return ci
|
41
|
+
return (0, _extends2["default"])({}, ci, {
|
42
|
+
id: ci.id,
|
43
|
+
attributes: (0, _extends2["default"])({}, ci.attributes, ciChangeData.attributes)
|
44
|
+
});
|
31
45
|
});
|
32
46
|
}
|
47
|
+
|
48
|
+
function mergeTopoData(topoData, ciChangeData) {
|
49
|
+
var newData = (0, _extends2["default"])({}, topoData, {
|
50
|
+
nodes: mergeData(topoData.nodes, ciChangeData),
|
51
|
+
links: mergeData(topoData.links, ciChangeData),
|
52
|
+
linkGroups: mergeData(topoData.linkGroups, ciChangeData)
|
53
|
+
});
|
54
|
+
return newData;
|
55
|
+
}
|
33
56
|
/**
|
34
57
|
* 监听ci属性变更
|
35
58
|
*
|
@@ -45,12 +68,8 @@ function useCiAttributeChange(props) {
|
|
45
68
|
// 更新拓扑数据
|
46
69
|
var topoData = topo.store.getModelState('topoMod').data;
|
47
70
|
|
48
|
-
if (topoData) {
|
49
|
-
var newData = (
|
50
|
-
nodes: mergeData(topoData.nodes, ciChangeData),
|
51
|
-
links: mergeData(topoData.links, ciChangeData),
|
52
|
-
linkGroups: mergeData(topoData.linkGroups, ciChangeData)
|
53
|
-
});
|
71
|
+
if (ciExistTopo(topoData, ciChangeData)) {
|
72
|
+
var newData = mergeTopoData(topoData, ciChangeData);
|
54
73
|
var topoDispatchers = topo.store.getModelDispatchers('topoMod');
|
55
74
|
topoDispatchers.update({
|
56
75
|
data: newData
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
5
5
|
exports.__esModule = true;
|
6
6
|
exports["default"] = useManageStatus;
|
7
7
|
|
8
|
-
var
|
8
|
+
var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
|
9
9
|
|
10
10
|
var _react = require("react");
|
11
11
|
|
@@ -17,7 +17,7 @@ var _ahooks = require("ahooks");
|
|
17
17
|
|
18
18
|
var _lodash = _interopRequireDefault(require("lodash"));
|
19
19
|
|
20
|
-
var
|
20
|
+
var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
|
21
21
|
|
22
22
|
var _componentRiilEventEmitter = require("@riil-frontend/component-riil-event-emitter");
|
23
23
|
|
@@ -227,7 +227,7 @@ var usePolling = function usePolling(props) {
|
|
227
227
|
|
228
228
|
(0, _react.useEffect)(function () {
|
229
229
|
if (topo.options.enableDefaultMetricLoader) {
|
230
|
-
|
230
|
+
_componentTopologyUtils.rlog.debug('usePolling.useEffect: 开始轮询', {
|
231
231
|
pollingSwitch: pollingSwitch,
|
232
232
|
resIdsList: resIdsList,
|
233
233
|
resourceOverviewState: resourceOverviewState,
|
@@ -239,7 +239,7 @@ var usePolling = function usePolling(props) {
|
|
239
239
|
|
240
240
|
return function () {
|
241
241
|
if (loading) {
|
242
|
-
|
242
|
+
_componentTopologyUtils.rlog.debug('usePolling.useEffect: 结束轮询', resAndMetrics);
|
243
243
|
|
244
244
|
stopPoll();
|
245
245
|
}
|
@@ -56,9 +56,7 @@ function _default(props) {
|
|
56
56
|
return {
|
57
57
|
resources: config.resources,
|
58
58
|
groups: config.groups,
|
59
|
-
|
60
|
-
relateTopoIdList: config.relateTopoIdList //linkIps: config.linkIps,
|
61
|
-
|
59
|
+
relateTopoIdList: config.relateTopoIdList
|
62
60
|
};
|
63
61
|
};
|
64
62
|
|
@@ -383,33 +383,26 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
383
383
|
var _ref4 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(node) {
|
384
384
|
var _node$getEdges$toArra, _node$getEdges;
|
385
385
|
|
386
|
-
var
|
386
|
+
var edges;
|
387
387
|
return _regenerator["default"].wrap(function _callee4$(_context4) {
|
388
388
|
while (1) switch (_context4.prev = _context4.next) {
|
389
389
|
case 0:
|
390
|
-
|
390
|
+
// console.log("删除关联在节点上的出口链路- node, config", node, config);
|
391
|
+
edges = (_node$getEdges$toArra = (_node$getEdges = node.getEdges()) === null || _node$getEdges === void 0 ? void 0 : _node$getEdges.toArray()) !== null && _node$getEdges$toArra !== void 0 ? _node$getEdges$toArra : [];
|
391
392
|
|
392
|
-
|
393
|
+
if (edges.length > 0) {
|
394
|
+
edges.map(function (edge) {
|
395
|
+
if (edge.getTag()) {
|
396
|
+
var link = topo.dataModel.getDataById(edge.getTag());
|
393
397
|
|
394
|
-
|
395
|
-
|
396
|
-
|
398
|
+
if (link && (0, _linkUtils.isExitLink)(link)) {
|
399
|
+
topo.getGraphView().dm().remove(edge);
|
400
|
+
}
|
401
|
+
}
|
402
|
+
});
|
397
403
|
}
|
398
404
|
|
399
|
-
|
400
|
-
|
401
|
-
edges.map(function (edge) {
|
402
|
-
if (edge.a("dtype") === "link" && exportLinkIdList.indexOf(edge.getTag()) >= 0) {
|
403
|
-
// exLink.push(edge);
|
404
|
-
topo.getGraphView().dm().remove(edge);
|
405
|
-
exportLinkIdList.splice(config.exportLinkIdList.indexOf(edge.getTag()), 1);
|
406
|
-
}
|
407
|
-
});
|
408
|
-
config.exportLinkIdList = exportLinkIdList;
|
409
|
-
_context4.next = 8;
|
410
|
-
return resourceConfig.updateConfig(config);
|
411
|
-
|
412
|
-
case 8:
|
405
|
+
case 2:
|
413
406
|
case "end":
|
414
407
|
return _context4.stop();
|
415
408
|
}
|
@@ -591,7 +584,7 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
591
584
|
|
592
585
|
function _bindViewResources() {
|
593
586
|
_bindViewResources = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee12(data) {
|
594
|
-
var config,
|
587
|
+
var config, result, _elements;
|
595
588
|
|
596
589
|
return _regenerator["default"].wrap(function _callee12$(_context12) {
|
597
590
|
while (1) switch (_context12.prev = _context12.next) {
|
@@ -607,15 +600,19 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
607
600
|
return editDispatchers.fetchDataByConfig();
|
608
601
|
|
609
602
|
case 6:
|
610
|
-
|
611
|
-
|
612
|
-
saveBind(_componentTopologyGraph.TopoEvent.DATA_TYPE_RESOURCE_COMBO, elements); // 临时放这里,仅拓扑中心有
|
603
|
+
result = _context12.sent;
|
604
|
+
console.log("fetchDataByConfig", result);
|
613
605
|
|
614
|
-
if (
|
615
|
-
|
606
|
+
if (result) {
|
607
|
+
_elements = result.elements;
|
608
|
+
saveBind(_componentTopologyGraph.TopoEvent.DATA_TYPE_RESOURCE_COMBO, _elements); // 临时放这里,仅拓扑中心有
|
609
|
+
|
610
|
+
if (topo.linkDynamicStyleExecutor) {
|
611
|
+
topo.linkDynamicStyleExecutor.execute();
|
612
|
+
}
|
616
613
|
}
|
617
614
|
|
618
|
-
case
|
615
|
+
case 9:
|
619
616
|
case "end":
|
620
617
|
return _context12.stop();
|
621
618
|
}
|
@@ -630,7 +627,7 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
630
627
|
|
631
628
|
function _addLayerResources() {
|
632
629
|
_addLayerResources = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee13(group, newResourceIds) {
|
633
|
-
var _yield$
|
630
|
+
var _yield$editDispatcher3, elements, newElements;
|
634
631
|
|
635
632
|
return _regenerator["default"].wrap(function _callee13$(_context13) {
|
636
633
|
while (1) switch (_context13.prev = _context13.next) {
|
@@ -645,8 +642,8 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
645
642
|
return editDispatchers.fetchDataByConfig();
|
646
643
|
|
647
644
|
case 5:
|
648
|
-
_yield$
|
649
|
-
elements = _yield$
|
645
|
+
_yield$editDispatcher3 = _context13.sent;
|
646
|
+
elements = _yield$editDispatcher3.elements;
|
650
647
|
// 2022-11-10 修复 添加资源后分层重新布局问题,仅布局新增资源。替换api topo.updateElements(data)
|
651
648
|
newElements = findUNExistedElements(elements);
|
652
649
|
|
@@ -869,7 +866,9 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
869
866
|
return _regenerator["default"].wrap(function _callee8$(_context8) {
|
870
867
|
while (1) switch (_context8.prev = _context8.next) {
|
871
868
|
case 0:
|
872
|
-
dm = htTopo.getGraphView().dm(); //
|
869
|
+
dm = htTopo.getGraphView().dm(); // 移除旧节点。先删除后创建,解决ip节点替换ping资源后链路丢失问题
|
870
|
+
|
871
|
+
dm.remove(node); // 创建
|
873
872
|
|
874
873
|
newLinkElements = findUNExistedLinkElements(elements);
|
875
874
|
createElementsData = null;
|
@@ -931,22 +930,13 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
931
930
|
|
932
931
|
|
933
932
|
sm = htTopo.getGraphView().sm();
|
934
|
-
sm.setSelection([newElement]); //
|
935
|
-
|
936
|
-
dm.remove(node); // saveBind(TopoEvent.DATA_TYPE_RESOURCE_SINGLE, newDatas);
|
937
|
-
// node.a("customName", null);
|
938
|
-
// 删除关联在节点上的出口链路
|
939
|
-
|
940
|
-
_context8.next = 12;
|
941
|
-
return deleteExLink(node);
|
933
|
+
sm.setSelection([newElement]); // 临时放这里,仅拓扑中心有
|
942
934
|
|
943
|
-
case 12:
|
944
|
-
// 临时放这里,仅拓扑中心有
|
945
935
|
if (topo.linkDynamicStyleExecutor) {
|
946
936
|
topo.linkDynamicStyleExecutor.execute();
|
947
937
|
}
|
948
938
|
|
949
|
-
case
|
939
|
+
case 11:
|
950
940
|
case "end":
|
951
941
|
return _context8.stop();
|
952
942
|
}
|
@@ -1047,7 +1037,7 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
1047
1037
|
|
1048
1038
|
function _relateNodeIp() {
|
1049
1039
|
_relateNodeIp = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee15(txtValue, nodeElement) {
|
1050
|
-
var dm, isUnique,
|
1040
|
+
var dm, isUnique, ipNodeData, configObj, configData, _elements2, newLinkElements, newLink, newLinkGroup, createElementsData, _htTopo;
|
1051
1041
|
|
1052
1042
|
return _regenerator["default"].wrap(function _callee15$(_context15) {
|
1053
1043
|
while (1) switch (_context15.prev = _context15.next) {
|
@@ -1069,16 +1059,16 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
1069
1059
|
isUnique = (0, _exitLinkUtil.isUniqueIp)(dm, txtValue, nodeElement); // 获取关联链路
|
1070
1060
|
|
1071
1061
|
if (!isUnique) {
|
1072
|
-
_context15.next =
|
1062
|
+
_context15.next = 24;
|
1073
1063
|
break;
|
1074
1064
|
}
|
1075
1065
|
|
1076
|
-
|
1066
|
+
ipNodeData = (0, _exitLinkUtil.buildIpNode)(txtValue);
|
1077
1067
|
_context15.next = 8;
|
1078
1068
|
return deleteExLink(nodeElement);
|
1079
1069
|
|
1080
1070
|
case 8:
|
1081
|
-
nodeElement.a(
|
1071
|
+
nodeElement.a(ipNodeData);
|
1082
1072
|
nodeElement.setName(txtValue);
|
1083
1073
|
nodeElement.setTag("ip:" + txtValue); // 获取配置
|
1084
1074
|
|
@@ -1093,8 +1083,8 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
1093
1083
|
case 16:
|
1094
1084
|
configData = _context15.sent;
|
1095
1085
|
// console.log("configData",configObj, configData);
|
1096
|
-
|
1097
|
-
newLinkElements = findUNExistedLinkElements(
|
1086
|
+
_elements2 = configData.elements;
|
1087
|
+
newLinkElements = findUNExistedLinkElements(_elements2); // console.log("configData", configData, newLinkElements);
|
1098
1088
|
|
1099
1089
|
newLink = newLinkElements.filter(function (item) {
|
1100
1090
|
return item.type === "link";
|
@@ -1109,15 +1099,21 @@ var useTopoEdit = function useTopoEdit(params) {
|
|
1109
1099
|
nodes: [],
|
1110
1100
|
links: newLink,
|
1111
1101
|
linkGroups: newLinkGroup
|
1112
|
-
};
|
1102
|
+
};
|
1103
|
+
console.log("createElementsData", createElementsData);
|
1113
1104
|
|
1114
1105
|
if ([].concat(newLink, newLinkGroup).length > 0) {
|
1115
1106
|
_htTopo = topo.getHtTopo();
|
1116
1107
|
|
1117
|
-
_htTopo.createElements(createElementsData);
|
1108
|
+
_htTopo.createElements(createElementsData); // 临时放这里,仅拓扑中心有
|
1109
|
+
|
1110
|
+
|
1111
|
+
if (topo.linkDynamicStyleExecutor) {
|
1112
|
+
topo.linkDynamicStyleExecutor.execute();
|
1113
|
+
}
|
1118
1114
|
}
|
1119
1115
|
|
1120
|
-
case
|
1116
|
+
case 24:
|
1121
1117
|
case "end":
|
1122
1118
|
return _context15.stop();
|
1123
1119
|
}
|
package/lib/core/models/Alarm.js
CHANGED
@@ -13,7 +13,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
|
|
13
13
|
|
14
14
|
var _topo = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/services/topo"));
|
15
15
|
|
16
|
-
var
|
16
|
+
var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
|
17
17
|
|
18
18
|
var _utils = require("@riil-frontend/utils");
|
19
19
|
|
@@ -94,7 +94,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
94
94
|
return;
|
95
95
|
}
|
96
96
|
|
97
|
-
|
97
|
+
_componentTopologyUtils.rlog.info('Alarm.open 打开告警通道', id);
|
98
98
|
|
99
99
|
this.openTopoAlarm(id); // this.hmGetTopoAlarm(id);
|
100
100
|
|
@@ -116,7 +116,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
116
116
|
return;
|
117
117
|
}
|
118
118
|
|
119
|
-
|
119
|
+
_componentTopologyUtils.rlog.info('关闭告警通道', currentTopoId); // 取消订阅告警推送
|
120
120
|
// 关闭告警推送通道
|
121
121
|
|
122
122
|
|
@@ -199,7 +199,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
199
199
|
case 0:
|
200
200
|
result = this.getAlarms();
|
201
201
|
|
202
|
-
|
202
|
+
_componentTopologyUtils.rlog.debug('hmGetTopoAlarmByDoc', result);
|
203
203
|
|
204
204
|
alarms = result.map(function (item) {
|
205
205
|
return item.obj;
|
@@ -284,7 +284,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
284
284
|
case 9:
|
285
285
|
result = _context3.sent;
|
286
286
|
|
287
|
-
|
287
|
+
_componentTopologyUtils.rlog.debug('getAlarmById-result', result); // if (alarmIsOpened) {
|
288
288
|
// //this.topo.loadAlarm(result.datas);
|
289
289
|
// this.handleAlarmEvent({ type: "alarm", data: result.datas });
|
290
290
|
// }
|
@@ -414,7 +414,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
414
414
|
case 11:
|
415
415
|
this.secretKey = _context6.sent;
|
416
416
|
|
417
|
-
|
417
|
+
_componentTopologyUtils.rlog.info('openTopoAlarm 打开拓扑告警推送-------------------开始');
|
418
418
|
|
419
419
|
this.updateState({
|
420
420
|
alarmOpening: false,
|
@@ -427,7 +427,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
427
427
|
_context6.prev = 16;
|
428
428
|
_context6.t0 = _context6["catch"](8);
|
429
429
|
|
430
|
-
|
430
|
+
_componentTopologyUtils.rlog.error('打开拓扑告警推送 失败');
|
431
431
|
|
432
432
|
this.updateState({
|
433
433
|
alarmOpening: false
|
@@ -475,7 +475,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
475
475
|
case 3:
|
476
476
|
this.currentTopoId = null;
|
477
477
|
|
478
|
-
|
478
|
+
_componentTopologyUtils.rlog.debug('useAlarm.useEffect 告警WebSocket 结束');
|
479
479
|
|
480
480
|
this.updateState({
|
481
481
|
topoAlarmIsOpen: false,
|
@@ -597,7 +597,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
597
597
|
break;
|
598
598
|
}
|
599
599
|
|
600
|
-
|
600
|
+
_componentTopologyUtils.rlog.debug('过滤掉非本拓扑的告警信息 告警开关-推送告警到ht-alarmIsOpened-sendAl', alarmIsOpened, sendAl);
|
601
601
|
|
602
602
|
_context9.prev = 12;
|
603
603
|
_context9.next = 15;
|
@@ -633,7 +633,7 @@ var Alarm = /*#__PURE__*/function () {
|
|
633
633
|
_context9.prev = 21;
|
634
634
|
_context9.t0 = _context9["catch"](12);
|
635
635
|
|
636
|
-
|
636
|
+
_componentTopologyUtils.rlog.error('告警发送异常', _context9.t0);
|
637
637
|
|
638
638
|
case 24:
|
639
639
|
case "end":
|