@riil-frontend/component-topology 12.0.0-dev.2 → 12.0.0-dev.20
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 +13 -13
- 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/components/AlarmListItem.js +56 -3
- 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/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/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 +12 -0
- package/es/core/editor/utils/edgeTypeStyleUtil.js +8 -7
- 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 +31 -15
- package/es/core/hooks/useGraphAlarmDisplay.js +62 -40
- 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 +51 -54
- package/es/core/models/Alarm.js +29 -17
- package/es/core/models/AttributeMetricDisplay.js +15 -6
- 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/graphTransform.js +1 -1
- package/es/core/models/attributeFormatter/index.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 +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 +82 -135
- 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 +10 -1
- package/es/core/utils/metricUtil.js +1 -1
- package/es/core/utils/showGraphManageStatusUtil.js +3 -2
- 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/core/viewer/components/plugins/ViewerPlugin.js +3 -1
- package/es/networkTopo/components/Link/index.js +1 -1
- package/es/networkTopo/components/TopoView.js +6 -11
- package/es/networkTopo/hooks/useEdgeExpand.js +2 -3
- 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 +19 -0
- package/es/utils/ciRefAttributeTranslateUtil.js +155 -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/components/AlarmListItem.js +58 -3
- 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/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/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 +15 -0
- package/lib/core/editor/utils/edgeTypeStyleUtil.js +8 -6
- 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 +30 -14
- package/lib/core/hooks/useGraphAlarmDisplay.js +62 -40
- 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 +50 -53
- package/lib/core/models/Alarm.js +38 -26
- package/lib/core/models/AttributeMetricDisplay.js +18 -6
- 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/graphTransform.js +2 -4
- package/lib/core/models/attributeFormatter/index.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 +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 +89 -142
- 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 +12 -1
- package/lib/core/utils/metricUtil.js +1 -1
- package/lib/core/utils/showGraphManageStatusUtil.js +3 -2
- 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/core/viewer/components/plugins/ViewerPlugin.js +3 -1
- package/lib/networkTopo/components/Link/index.js +2 -2
- package/lib/networkTopo/components/TopoView.js +5 -14
- package/lib/networkTopo/hooks/useEdgeExpand.js +2 -3
- 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 +19 -0
- package/lib/utils/ciRefAttributeTranslateUtil.js +168 -0
- package/lib/utils/format.js +1 -1
- package/lib/utils/topoData.js +4 -2
- package/package.json +4 -4
@@ -1,10 +1,30 @@
|
|
1
1
|
@import '~@alifd/next/variables.scss';
|
2
2
|
|
3
3
|
.lineBox{
|
4
|
-
width: 236px;
|
5
4
|
background: #FFFFFF;
|
6
5
|
border-radius: 4px;
|
7
6
|
margin-bottom: -7px;
|
7
|
+
|
8
|
+
.endPointSelect {
|
9
|
+
min-width: 0;
|
10
|
+
width: 64px;
|
11
|
+
:global {
|
12
|
+
.#{$css-prefix}select-inner {
|
13
|
+
min-width:0 !important;
|
14
|
+
}
|
15
|
+
}
|
16
|
+
}
|
17
|
+
|
18
|
+
.lineMoldSelect {
|
19
|
+
min-width: 0;
|
20
|
+
width: 88px;
|
21
|
+
:global {
|
22
|
+
.#{$css-prefix}select-inner {
|
23
|
+
min-width:0 !important;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
}
|
27
|
+
|
8
28
|
:global {
|
9
29
|
.#{$css-prefix}form-item:first-child{
|
10
30
|
margin-top: 0;
|
@@ -55,6 +55,14 @@ var LINE_TYPE_OPTIONS = [{
|
|
55
55
|
// },
|
56
56
|
];
|
57
57
|
|
58
|
+
if (localStorage.getItem('topo.test.edge.customType') === 'true') {
|
59
|
+
LINE_TYPE_OPTIONS.push({
|
60
|
+
value: 'points',
|
61
|
+
label: '自由线形',
|
62
|
+
icon: 'topo_linear_icon_pointsline'
|
63
|
+
});
|
64
|
+
}
|
65
|
+
|
58
66
|
var LineType = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
59
67
|
var value = props.value,
|
60
68
|
onChange = props.onChange,
|
@@ -69,7 +69,7 @@ function EdgeTypeButton(props) {
|
|
69
69
|
return;
|
70
70
|
}
|
71
71
|
|
72
|
-
(0, _edgeTypeStyleUtil.
|
72
|
+
(0, _edgeTypeStyleUtil.updateEdgesData)(topo, edges, function (edge) {
|
73
73
|
if (name === 'startPoint') {
|
74
74
|
// 删除设置
|
75
75
|
['sourceArrow', 'sourceSolidCircle', 'sourceNoneCircle'].forEach(function (iconName) {
|
@@ -40,6 +40,11 @@ function Layout(props) {
|
|
40
40
|
selection = _topo$store$useModelS.selection;
|
41
41
|
|
42
42
|
var setDisabled = function setDisabled(data) {
|
43
|
+
if (topoShowType !== 'layers' && selection.length === 1) {
|
44
|
+
//中心节点布局,选中一个节点非分层情况下,需要星型和树形布局亮起来
|
45
|
+
return data == 'rectangle' || data == 'hierarchical';
|
46
|
+
}
|
47
|
+
|
43
48
|
if (topoShowType == 'layers' && selection.length == 1 && !(0, _htElementDataUtil.isGroup)(selection[0])) {
|
44
49
|
return data != 'rectangle';
|
45
50
|
} else {
|
@@ -57,7 +62,11 @@ function Layout(props) {
|
|
57
62
|
|
58
63
|
|
59
64
|
if (topoShowType != 'layers' && selection.length == 1) {
|
60
|
-
|
65
|
+
if (layouType == 'hierarchical') {
|
66
|
+
topo.getHtTopo().layoutInContainer(layouType);
|
67
|
+
} else {
|
68
|
+
topo.getHtTopo().layoutTopoBySelectNode(layouType, selectionElements[0]);
|
69
|
+
}
|
61
70
|
} // eslint-disable-next-line eqeqeq
|
62
71
|
|
63
72
|
|
@@ -72,7 +81,7 @@ function Layout(props) {
|
|
72
81
|
topo.historyManager.beginTransaction();
|
73
82
|
setLayout(v); // eslint-disable-next-line eqeqeq
|
74
83
|
|
75
|
-
if (topoShowType != 'layers' && ((_selection$ = selection[0]) === null || _selection$ === void 0 ? void 0 : _selection$.className) != 'ht.Node' || topoShowType == 'partition' && selection.length == 1 || topoShowType == 'layers' && selection.length == 1) {
|
84
|
+
if (topoShowType != 'layers' && ((_selection$ = selection[0]) === null || _selection$ === void 0 ? void 0 : _selection$.className) != 'ht.Node' || topoShowType == 'partition' && selection.length == 1 || topoShowType == 'layers' && selection.length == 1 || topoShowType !== 'layers' && selection.length === 1) {
|
76
85
|
globalLayout(v);
|
77
86
|
}
|
78
87
|
|
@@ -150,6 +159,11 @@ function isLayoutEnabled(props) {
|
|
150
159
|
|
151
160
|
if (topoShowType !== 'layers' && !selection.length) {
|
152
161
|
return true;
|
162
|
+
} //中心节点布局,选中一个节点不是分层的情况下,按钮亮起
|
163
|
+
|
164
|
+
|
165
|
+
if (topoShowType !== 'layers' && selection.length === 1) {
|
166
|
+
return true;
|
153
167
|
}
|
154
168
|
|
155
169
|
return false;
|
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
12
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
13
13
|
|
14
|
-
var
|
14
|
+
var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
|
15
15
|
|
16
16
|
var _SizeInput = _interopRequireDefault(require("../SizeInput"));
|
17
17
|
|
@@ -58,7 +58,7 @@ function NodeSizeInput(props) {
|
|
58
58
|
};
|
59
59
|
updateSizeRatioCurrentSize(ratioInfo);
|
60
60
|
|
61
|
-
|
61
|
+
_componentTopologyUtils.rlog.debug('initSizeRatio', ratioInfo);
|
62
62
|
|
63
63
|
return ratioInfo;
|
64
64
|
}
|
@@ -84,7 +84,7 @@ function NodeSizeInput(props) {
|
|
84
84
|
// 首次没有比例时,初始化当前节点比例
|
85
85
|
ratioInfo = initSizeRatio();
|
86
86
|
|
87
|
-
|
87
|
+
_componentTopologyUtils.rlog.debug('首次没有比例时,初始化当前节点比例', ratioInfo);
|
88
88
|
} else {
|
89
89
|
// 修改后,非锁定方式调整比例(画图调整节点大小,未开启锁定修改),重新初始化比例
|
90
90
|
var prevSize = ratioInfo.size;
|
@@ -92,7 +92,7 @@ function NodeSizeInput(props) {
|
|
92
92
|
if (value.width !== prevSize.width || value.height !== prevSize.height) {
|
93
93
|
ratioInfo = initSizeRatio();
|
94
94
|
|
95
|
-
|
95
|
+
_componentTopologyUtils.rlog.debug('修改后,重新初始化比例', ratioInfo);
|
96
96
|
}
|
97
97
|
}
|
98
98
|
|
@@ -109,7 +109,7 @@ function NodeSizeInput(props) {
|
|
109
109
|
size: newSize
|
110
110
|
});
|
111
111
|
|
112
|
-
|
112
|
+
_componentTopologyUtils.rlog.debug('按比例更新', name, attrValue, ratio, value, newSize, ratioInfo);
|
113
113
|
}
|
114
114
|
|
115
115
|
onChange(newSize);
|
@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
17
17
|
|
18
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
19
19
|
|
20
|
-
var
|
20
|
+
var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
|
21
21
|
|
22
22
|
var _NodeSizeNumberPicker = _interopRequireDefault(require("./NodeSizeNumberPicker"));
|
23
23
|
|
@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
11
11
|
|
12
12
|
var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
|
13
13
|
|
14
|
-
var
|
14
|
+
var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
|
15
15
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
17
17
|
|
@@ -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,8 +3,10 @@
|
|
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
|
|
@@ -21,6 +23,19 @@ function handleCopyHotkey(event, options) {
|
|
21
23
|
}
|
22
24
|
}
|
23
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
|
+
|
24
39
|
function handlePasteHotkey(event, options) {
|
25
40
|
var target = event.target || event.srcElement;
|
26
41
|
var tagName = target.tagName;
|
@@ -4,8 +4,8 @@ exports.__esModule = true;
|
|
4
4
|
exports.getEdgesBySelection = getEdgesBySelection;
|
5
5
|
exports.isNodeAllEdges = isNodeAllEdges;
|
6
6
|
exports.loopEdgesAndChildren = loopEdgesAndChildren;
|
7
|
-
exports.setEdgesAndChildren = setEdgesAndChildren;
|
8
7
|
exports.setEdgesType = setEdgesType;
|
8
|
+
exports.updateEdgesData = updateEdgesData;
|
9
9
|
|
10
10
|
var _htElementUtils = require("../../../utils/htElementUtils");
|
11
11
|
|
@@ -117,17 +117,19 @@ function loopEdgesAndChildren(topo, edges, operateEdgeFn) {
|
|
117
117
|
* 设置连线及子连线。带回退事务控制
|
118
118
|
* @param {*} topo
|
119
119
|
* @param {*} edges
|
120
|
-
* @param {*}
|
120
|
+
* @param {*} updateEdgeFn
|
121
121
|
*/
|
122
122
|
|
123
123
|
|
124
|
-
function
|
124
|
+
function updateEdgesData(topo, edges, updateEdgeFn) {
|
125
125
|
topo.historyManager.beginTransaction();
|
126
|
-
|
126
|
+
edges.forEach(function (edge) {
|
127
|
+
updateEdgeFn(edge);
|
128
|
+
});
|
127
129
|
topo.historyManager.endTransaction();
|
128
130
|
}
|
129
131
|
/**
|
130
|
-
*
|
132
|
+
* 批量设置连线线形。带回退事务控制
|
131
133
|
*
|
132
134
|
* @param {*} edges
|
133
135
|
* @param {*} type
|
@@ -137,7 +139,7 @@ function setEdgesAndChildren(topo, edges, operateEdgeFn) {
|
|
137
139
|
|
138
140
|
function setEdgesType(edges, type, topo) {
|
139
141
|
var htTopo = topo.getHtTopo();
|
140
|
-
|
142
|
+
updateEdgesData(topo, edges, function (edge) {
|
141
143
|
htTopo.setGraphLinear(edge, {
|
142
144
|
type: type
|
143
145
|
});
|
@@ -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,15 +7,26 @@ 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
28
|
var matchData = function matchData(item) {
|
18
|
-
return item.
|
29
|
+
return (item.ciId || item.id) === ciChangeData.id;
|
19
30
|
};
|
20
31
|
|
21
32
|
if (!cis.find(matchData)) {
|
@@ -23,16 +34,25 @@ function mergeData(cis, ciChangeData) {
|
|
23
34
|
}
|
24
35
|
|
25
36
|
return cis.map(function (ci) {
|
26
|
-
if (matchData(ci)) {
|
27
|
-
return
|
28
|
-
id: ci.id,
|
29
|
-
attributes: (0, _extends2["default"])({}, ci.attributes, ciChangeData.attributes)
|
30
|
-
});
|
37
|
+
if (!matchData(ci)) {
|
38
|
+
return ci;
|
31
39
|
}
|
32
40
|
|
33
|
-
return ci
|
41
|
+
return (0, _extends2["default"])({}, ci, {
|
42
|
+
id: ci.id,
|
43
|
+
attributes: (0, _extends2["default"])({}, ci.attributes, ciChangeData.attributes)
|
44
|
+
});
|
34
45
|
});
|
35
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
|
+
}
|
36
56
|
/**
|
37
57
|
* 监听ci属性变更
|
38
58
|
*
|
@@ -48,12 +68,8 @@ function useCiAttributeChange(props) {
|
|
48
68
|
// 更新拓扑数据
|
49
69
|
var topoData = topo.store.getModelState('topoMod').data;
|
50
70
|
|
51
|
-
if (topoData) {
|
52
|
-
var newData = (
|
53
|
-
nodes: mergeData(topoData.nodes, ciChangeData),
|
54
|
-
links: mergeData(topoData.links, ciChangeData),
|
55
|
-
linkGroups: mergeData(topoData.linkGroups, ciChangeData)
|
56
|
-
});
|
71
|
+
if (ciExistTopo(topoData, ciChangeData)) {
|
72
|
+
var newData = mergeTopoData(topoData, ciChangeData);
|
57
73
|
var topoDispatchers = topo.store.getModelDispatchers('topoMod');
|
58
74
|
topoDispatchers.update({
|
59
75
|
data: newData
|
@@ -13,7 +13,13 @@ var _htElementUtils = require("../../utils/htElementUtils");
|
|
13
13
|
|
14
14
|
var _showGraphManageStatusUtil = require("../utils/showGraphManageStatusUtil");
|
15
15
|
|
16
|
-
|
16
|
+
/**
|
17
|
+
* 获取ci的最高告警级别
|
18
|
+
* @param {Array} alarmList
|
19
|
+
* @param {*} risks
|
20
|
+
* @returns
|
21
|
+
*/
|
22
|
+
function getCiAlarmLevelMap(alarmList, risks) {
|
17
23
|
var ciIdLevelMap = {};
|
18
24
|
[].concat(alarmList, risks.map(function (item) {
|
19
25
|
var _item$resourceId;
|
@@ -31,13 +37,53 @@ function getCiAlarmLevels(alarmList, risks) {
|
|
31
37
|
|
32
38
|
ciIdLevelMap[item.id] = level;
|
33
39
|
});
|
40
|
+
return ciIdLevelMap;
|
41
|
+
}
|
42
|
+
|
43
|
+
function getGraphCiElementAlarmLevels(resources, alarmList, risks) {
|
44
|
+
var ciIdLevelMap = getCiAlarmLevelMap(alarmList, risks);
|
34
45
|
return Object.keys(ciIdLevelMap).map(function (id) {
|
35
46
|
return {
|
36
47
|
id: id,
|
37
48
|
level: ciIdLevelMap[id]
|
38
49
|
};
|
50
|
+
}).filter(function (alarm) {
|
51
|
+
var resource = resources.find(function (item) {
|
52
|
+
return item.id === alarm.id;
|
53
|
+
});
|
54
|
+
return !!resource;
|
39
55
|
});
|
40
56
|
}
|
57
|
+
/**
|
58
|
+
* 获得关联拓扑节点告警级别
|
59
|
+
* @param {*} topo
|
60
|
+
* @param {*} relateTopoAlarm
|
61
|
+
* @returns
|
62
|
+
*/
|
63
|
+
|
64
|
+
|
65
|
+
function getRelateTopoNodeAlarmLevels(topo, relateTopoAlarm) {
|
66
|
+
return Object.keys(relateTopoAlarm).map(function (topoId) {
|
67
|
+
var level = relateTopoAlarm[topoId];
|
68
|
+
var relateTopoNode = topo.getDataModel().getDatas().toArray().find(function (node) {
|
69
|
+
return "" + node.a('bindTopo') === "" + topoId;
|
70
|
+
});
|
71
|
+
|
72
|
+
if (!level || !relateTopoNode) {
|
73
|
+
return null;
|
74
|
+
}
|
75
|
+
|
76
|
+
return {
|
77
|
+
elementId: relateTopoNode.getId(),
|
78
|
+
level: level
|
79
|
+
};
|
80
|
+
}).filter(function (item) {
|
81
|
+
return !!item;
|
82
|
+
});
|
83
|
+
} // 获取拓扑图元素最高告警级别。包含资源、链路、关联拓扑节点
|
84
|
+
|
85
|
+
|
86
|
+
function getGraphElementAlarmLevels(resources) {}
|
41
87
|
/**
|
42
88
|
* 告警显示到ht拓扑
|
43
89
|
*
|
@@ -48,7 +94,6 @@ function getCiAlarmLevels(alarmList, risks) {
|
|
48
94
|
function useGraphAlarmDisplay(options) {
|
49
95
|
var topo = options.topo,
|
50
96
|
alarmSwitch = options.alarmSwitch;
|
51
|
-
var store = topo.store;
|
52
97
|
var topoState = topo.store.useModelState('topoMod');
|
53
98
|
var graphLoaded = topoState.graphLoaded,
|
54
99
|
viewState = topoState.viewState;
|
@@ -62,17 +107,7 @@ function useGraphAlarmDisplay(options) {
|
|
62
107
|
var resources = topo.dataModel.useCis();
|
63
108
|
|
64
109
|
function getCisEventLevel() {
|
65
|
-
return
|
66
|
-
var resource = resources.find(function (item) {
|
67
|
-
return item.id === alarm.id;
|
68
|
-
});
|
69
|
-
|
70
|
-
if (!resource) {
|
71
|
-
return false;
|
72
|
-
}
|
73
|
-
|
74
|
-
return true;
|
75
|
-
});
|
110
|
+
return getGraphCiElementAlarmLevels(resources, alarmList || [], risks);
|
76
111
|
}
|
77
112
|
|
78
113
|
(0, _react.useEffect)(function () {
|
@@ -82,8 +117,8 @@ function useGraphAlarmDisplay(options) {
|
|
82
117
|
resources: resources,
|
83
118
|
isEditMode: isEditMode,
|
84
119
|
graphLoaded: graphLoaded,
|
85
|
-
|
86
|
-
cisEventLevel:
|
120
|
+
alarmSwitch: alarmSwitch,
|
121
|
+
cisEventLevel: getCisEventLevel()
|
87
122
|
});
|
88
123
|
|
89
124
|
function showAlarm() {
|
@@ -97,43 +132,30 @@ function useGraphAlarmDisplay(options) {
|
|
97
132
|
return;
|
98
133
|
}
|
99
134
|
|
100
|
-
var finalAlarms = getCisEventLevel(); //
|
135
|
+
var finalAlarms = getCisEventLevel(); // 关联拓扑告警
|
136
|
+
|
137
|
+
var relateTopoAlarms = getRelateTopoNodeAlarmLevels(topo, relateTopoAlarm);
|
138
|
+
var elementsAlarmLevels = [].concat(finalAlarms, relateTopoAlarms); // 将告警级别放入ht元素,便于测试
|
101
139
|
|
102
140
|
(0, _htElementUtils.getElements)(topo.getDataModel()).filter(function (item) {
|
103
141
|
return !!item.getTag();
|
104
142
|
}).forEach(function (element) {
|
105
|
-
var
|
143
|
+
var _elementsAlarmLevels$;
|
106
144
|
|
107
|
-
var alarmLevel = (
|
108
|
-
return item.id === element.getTag();
|
109
|
-
})) === null ||
|
145
|
+
var alarmLevel = (_elementsAlarmLevels$ = elementsAlarmLevels.find(function (item) {
|
146
|
+
return item.id === element.getTag() || item.elementId === element.getId();
|
147
|
+
})) === null || _elementsAlarmLevels$ === void 0 ? void 0 : _elementsAlarmLevels$.level;
|
110
148
|
element.a('alarmLevel', alarmLevel);
|
111
149
|
});
|
112
|
-
var relateTopoAlarms = Object.keys(relateTopoAlarm).map(function (topoId) {
|
113
|
-
var level = relateTopoAlarm[topoId];
|
114
|
-
var relateTopoNode = topo.getDataModel().getDatas().toArray().find(function (node) {
|
115
|
-
return "" + node.a('bindTopo') === "" + topoId;
|
116
|
-
});
|
117
|
-
|
118
|
-
if (!level || !relateTopoNode) {
|
119
|
-
return null;
|
120
|
-
}
|
121
|
-
|
122
|
-
return {
|
123
|
-
elementId: relateTopoNode.getId(),
|
124
|
-
level: level
|
125
|
-
};
|
126
|
-
}).filter(function (item) {
|
127
|
-
return !!item;
|
128
|
-
});
|
129
150
|
|
130
|
-
_rlog["default"].debug('
|
131
|
-
|
151
|
+
_rlog["default"].debug('推送告警 => ht', {
|
152
|
+
alarms: elementsAlarmLevels,
|
153
|
+
relateTopoAlarmMap: relateTopoAlarm,
|
132
154
|
relateTopoAlarms: relateTopoAlarms
|
133
155
|
}); // 更新到ht拓扑
|
134
156
|
|
135
157
|
|
136
|
-
topo.view.loadAlarm(
|
158
|
+
topo.view.loadAlarm(elementsAlarmLevels);
|
137
159
|
}
|
138
160
|
|
139
161
|
return function () {
|
@@ -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
|
|