@riil-frontend/component-topology 7.0.0-dev.8 → 7.0.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 +2 -2
- package/build/2.js +1 -1
- package/build/index.css +1 -1
- package/build/index.js +31 -31
- package/es/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -23
- package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +3 -2
- package/es/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +1 -2
- package/es/core/components/TopoView/GraphViewPanel.js +18 -2
- package/es/core/editor/components/Toolbar/buttons.js +2 -2
- package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +10 -3
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +9 -2
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +7 -1
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +21 -6
- package/es/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +5 -0
- package/es/core/editor/components/settings/PropertyView.js +11 -10
- package/es/core/editor/components/settings/Settings.js +8 -1
- package/es/core/editor/components/settings/core/PropertyViewManager.js +4 -3
- package/es/core/editor/components/settings/core/edgePropertyViewAdapter.js +1 -7
- package/es/core/editor/components/settings/propertyViews/node/data/Data.js +4 -2
- package/es/core/editor/components/settings/propertyViews/node/data/PlatformDisplay.js +15 -0
- package/es/core/editor/hooks/useKeyboardShortcut.js +1 -1
- package/es/core/hooks/usePolling.js +1 -6
- package/es/core/hooks/useTopoEdit.js +3 -1
- package/es/core/models/Alarm.js +12 -24
- package/es/core/models/TopoApp.js +5 -3
- package/es/core/models/utils/linkUtils.js +0 -3
- package/es/core/store/models/topoMod.js +7 -6
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +28 -25
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +4 -0
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/Configurator/index.js +17 -17
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/index.module.scss +1 -0
- package/es/core/viewer/components/titlebar/widgets/SettingButton.js +3 -11
- package/es/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +5 -3
- package/es/networkTopo/getTopoData.js +16 -27
- package/es/networkTopo/index.js +2 -2
- package/es/networkTopo/services/alert.js +55 -0
- package/es/networkTopo/services/authorization.js +135 -0
- package/es/networkTopo/services/cmdb.js +897 -0
- package/es/networkTopo/services/index.js +2 -26
- package/es/networkTopo/services/mdc.js +74 -0
- package/es/networkTopo/services/metric.js +68 -0
- package/es/networkTopo/services/model.js +1283 -0
- package/es/networkTopo/services/risk.js +29 -0
- package/es/networkTopo/services/topo/auth.js +67 -0
- package/es/networkTopo/services/topo/basic.js +727 -0
- package/es/networkTopo/services/topo/blacklist.js +60 -0
- package/es/networkTopo/services/topo/ciInfo.js +69 -0
- package/es/networkTopo/services/topo/constants.js +1 -0
- package/es/networkTopo/services/topo/icon.js +131 -0
- package/es/networkTopo/services/topo/index.js +18 -0
- package/es/networkTopo/services/topo/networkLink.js +33 -0
- package/es/networkTopo/services/topo/relation.js +27 -0
- package/es/networkTopo/services/topo/resourceWebUrl.js +84 -0
- package/es/networkTopo/store/topoTreeMod.js +5 -1
- package/es/networkTopo/utils/storage.js +38 -0
- package/es/utils/tree.js +1 -0
- package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js +3 -24
- package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js +3 -3
- package/lib/core/components/DisplaySettingDrawer/LineExpandAllRadioGroup.js +1 -2
- package/lib/core/components/TopoView/GraphViewPanel.js +22 -2
- package/lib/core/editor/components/Toolbar/buttons.js +2 -2
- package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +10 -3
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/edgeTag.js +9 -3
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/groupTitle.js +8 -1
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/elements/nodeTag.js +21 -7
- package/lib/core/editor/components/Toolbar/widgets/components/textStyleSetting/ElementTextStyleSetting/textStyleUtil.js +5 -0
- package/lib/core/editor/components/settings/PropertyView.js +10 -10
- package/lib/core/editor/components/settings/Settings.js +9 -1
- package/lib/core/editor/components/settings/core/PropertyViewManager.js +4 -3
- package/lib/core/editor/components/settings/core/edgePropertyViewAdapter.js +1 -10
- package/lib/core/editor/components/settings/propertyViews/node/data/Data.js +5 -3
- package/lib/core/editor/components/settings/propertyViews/node/data/PlatformDisplay.js +23 -0
- package/lib/core/editor/hooks/useKeyboardShortcut.js +1 -1
- package/lib/core/hooks/usePolling.js +1 -6
- package/lib/core/hooks/useTopoEdit.js +3 -1
- package/lib/core/models/Alarm.js +12 -24
- package/lib/core/models/TopoApp.js +5 -3
- package/lib/core/models/utils/linkUtils.js +0 -5
- package/lib/core/store/models/topoMod.js +9 -6
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/EventsCard.js +28 -26
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +4 -0
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/components/Configurator/index.js +17 -17
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/index.module.scss +1 -0
- package/lib/core/viewer/components/titlebar/widgets/SettingButton.js +3 -11
- package/lib/core/viewer/components/titlebar/widgets/SettingButtonWidget.js +5 -3
- package/lib/networkTopo/getTopoData.js +16 -28
- package/lib/networkTopo/index.js +4 -4
- package/lib/networkTopo/services/alert.js +66 -0
- package/lib/networkTopo/services/authorization.js +145 -0
- package/lib/networkTopo/services/cmdb.js +977 -0
- package/lib/networkTopo/services/index.js +3 -29
- package/lib/networkTopo/services/mdc.js +91 -0
- package/lib/networkTopo/services/metric.js +82 -0
- package/lib/networkTopo/services/model.js +1387 -0
- package/lib/networkTopo/services/risk.js +40 -0
- package/lib/networkTopo/services/topo/auth.js +79 -0
- package/lib/networkTopo/services/topo/basic.js +753 -0
- package/lib/networkTopo/services/topo/blacklist.js +72 -0
- package/lib/networkTopo/services/topo/ciInfo.js +82 -0
- package/lib/networkTopo/services/topo/constants.js +6 -0
- package/lib/networkTopo/services/topo/icon.js +144 -0
- package/lib/networkTopo/{components/editor/plugins/LayerConfigPlugin.js → services/topo/index.js} +33 -23
- package/lib/networkTopo/services/topo/networkLink.js +45 -0
- package/lib/networkTopo/services/topo/relation.js +39 -0
- package/lib/networkTopo/services/topo/resourceWebUrl.js +95 -0
- package/lib/networkTopo/store/topoTreeMod.js +5 -1
- package/lib/networkTopo/utils/storage.js +46 -0
- package/lib/utils/tree.js +1 -0
- package/package.json +3 -3
- package/es/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +0 -122
- package/es/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +0 -10
- package/es/networkTopo/components/Topology.js +0 -28
- package/es/networkTopo/components/editor/plugins/LayerConfigPlugin.js +0 -22
- package/es/networkTopo/components/editor/propertyViews/LayerRelatedResourceList.js +0 -48
- package/es/networkTopo/components/editor/propertyViews/edge/EdgeGroupPropertyView.js +0 -35
- package/es/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +0 -43
- package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/Data/index.js +0 -39
- package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +0 -31
- package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +0 -37
- package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/Setting/index.js +0 -49
- package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/index.js +0 -2
- package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/AddLinkDrawer.js +0 -630
- package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/components/NetworkLinkForm.js +0 -4
- package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/components/editLinkInfo.js +0 -458
- package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/components/index.module.scss +0 -34
- package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/hooks/useAddLink.js +0 -104
- package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/index.module.scss +0 -12
- package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/mock.js +0 -55
- package/es/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/server.js +0 -187
- package/es/networkTopo/components/editor/propertyViews/edge/link/BindExitLinkSelect.js +0 -178
- package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.js +0 -103
- package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +0 -65
- package/es/networkTopo/components/editor/useEditorProps.js +0 -32
- package/es/networkTopo/event/index.js +0 -6
- package/es/networkTopo/hooks/editor/useDeleteEdges.js +0 -200
- package/es/networkTopo/hooks/editor/useGroupSortResources.js +0 -16
- package/es/networkTopo/hooks/useTopoEdit.js +0 -26
- package/lib/core/components/DisplaySettingDrawer/EditorDisplaySetting.js +0 -147
- package/lib/core/editor/components/settings/propertyViews/edge/addEdgeProps.js +0 -19
- package/lib/networkTopo/components/Topology.js +0 -40
- package/lib/networkTopo/components/editor/propertyViews/LayerRelatedResourceList.js +0 -63
- package/lib/networkTopo/components/editor/propertyViews/edge/EdgeGroupPropertyView.js +0 -51
- package/lib/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +0 -60
- package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/Data/index.js +0 -54
- package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +0 -42
- package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +0 -50
- package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/Setting/index.js +0 -66
- package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/index.js +0 -11
- package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/AddLinkDrawer.js +0 -661
- package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/components/NetworkLinkForm.js +0 -12
- package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/components/editLinkInfo.js +0 -486
- package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/components/index.module.scss +0 -34
- package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/hooks/useAddLink.js +0 -120
- package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/index.module.scss +0 -12
- package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/mock.js +0 -60
- package/lib/networkTopo/components/editor/propertyViews/edge/addLinkDrawer/server.js +0 -207
- package/lib/networkTopo/components/editor/propertyViews/edge/link/BindExitLinkSelect.js +0 -205
- package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.js +0 -121
- package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +0 -65
- package/lib/networkTopo/components/editor/useEditorProps.js +0 -46
- package/lib/networkTopo/event/index.js +0 -11
- package/lib/networkTopo/hooks/editor/useDeleteEdges.js +0 -218
- package/lib/networkTopo/hooks/editor/useGroupSortResources.js +0 -21
- package/lib/networkTopo/hooks/useTopoEdit.js +0 -40
@@ -1,200 +0,0 @@
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
2
|
-
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
3
|
-
import _Message from "@alifd/next/es/message";
|
4
|
-
import _Dialog from "@alifd/next/es/dialog";
|
5
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
6
|
-
import rlog from '@riil-frontend/component-topology-utils/es/rlog';
|
7
|
-
import { isAggLink } from "../../../core/models/utils/linkUtils";
|
8
|
-
import linkService from "../../services/link";
|
9
|
-
import { getLinkPermission } from "../../utils/resourcePermissionUtil";
|
10
|
-
/**
|
11
|
-
* 删除连线
|
12
|
-
*/
|
13
|
-
|
14
|
-
export default (function (_ref) {
|
15
|
-
var topo = _ref.topo;
|
16
|
-
|
17
|
-
var confirmDeleteLink = function confirmDeleteLink(onOk) {
|
18
|
-
_Dialog.confirm({
|
19
|
-
title: '删除',
|
20
|
-
content: '若执行相关操作,此链路将会从数据库删除,确定删除吗?',
|
21
|
-
okProps: {
|
22
|
-
children: '确定'
|
23
|
-
},
|
24
|
-
messageProps: {
|
25
|
-
type: 'warning'
|
26
|
-
},
|
27
|
-
onOk: onOk
|
28
|
-
});
|
29
|
-
};
|
30
|
-
|
31
|
-
function checkLinkDeleteable(link) {
|
32
|
-
var deleteable = link.permission.deleteable;
|
33
|
-
|
34
|
-
if (deleteable) {
|
35
|
-
return deleteable;
|
36
|
-
}
|
37
|
-
|
38
|
-
_Message.notice('无删除权限');
|
39
|
-
|
40
|
-
return deleteable;
|
41
|
-
}
|
42
|
-
|
43
|
-
var doDeleteLink = /*#__PURE__*/function () {
|
44
|
-
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(link, edge) {
|
45
|
-
var id, isGroup, success, htTopo, edgesInNodes, edgeGroupData, edgeData, _topo$store$getModel, topoState, topoDispatchers, _topoState$data, links, linkGroups;
|
46
|
-
|
47
|
-
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
48
|
-
while (1) {
|
49
|
-
switch (_context.prev = _context.next) {
|
50
|
-
case 0:
|
51
|
-
id = link.id;
|
52
|
-
isGroup = false; // isAggLink(link);
|
53
|
-
|
54
|
-
_context.next = 4;
|
55
|
-
return linkService.deleteLink(id);
|
56
|
-
|
57
|
-
case 4:
|
58
|
-
success = _context.sent;
|
59
|
-
|
60
|
-
if (success) {
|
61
|
-
_context.next = 8;
|
62
|
-
break;
|
63
|
-
}
|
64
|
-
|
65
|
-
_Message.error('删除失败');
|
66
|
-
|
67
|
-
return _context.abrupt("return");
|
68
|
-
|
69
|
-
case 8:
|
70
|
-
_Message.success('删除成功');
|
71
|
-
|
72
|
-
topo.historyManager.setDisabled(true, '删除链路');
|
73
|
-
htTopo = topo.getHtTopo(); // 获取两个节点间的连线数据列表
|
74
|
-
|
75
|
-
edgesInNodes = htTopo.getEdgeDatasInNodes(edge.getSource(), edge.getTarget());
|
76
|
-
|
77
|
-
if (edgesInNodes.length >= 2) {
|
78
|
-
if (isGroup) {
|
79
|
-
htTopo.setEdgeGroupData(edge.getSource(), edge.getTarget(), null);
|
80
|
-
} else {
|
81
|
-
htTopo.deleteEdge(edge);
|
82
|
-
}
|
83
|
-
} else {
|
84
|
-
// 一根线时
|
85
|
-
edgeGroupData = htTopo.getEdgeGroupData(edge.getSource(), edge.getTarget());
|
86
|
-
edgeData = htTopo.getEdgeData(edge);
|
87
|
-
|
88
|
-
if (isGroup && edgeData) {
|
89
|
-
// 当前是连线组代理 且 有连线数据,清空组数据
|
90
|
-
htTopo.setEdgeGroupData(edge.getSource(), edge.getTarget(), null);
|
91
|
-
} else if (!isGroup && edgeGroupData) {
|
92
|
-
htTopo.setEdgeData(edge, null);
|
93
|
-
} else {
|
94
|
-
htTopo.deleteEdge(edge);
|
95
|
-
}
|
96
|
-
} // 更新数据
|
97
|
-
|
98
|
-
|
99
|
-
_topo$store$getModel = topo.store.getModel('topoMod'), topoState = _topo$store$getModel[0], topoDispatchers = _topo$store$getModel[1];
|
100
|
-
_topoState$data = topoState.data, links = _topoState$data.links, linkGroups = _topoState$data.linkGroups;
|
101
|
-
_context.next = 17;
|
102
|
-
return topoDispatchers.update({
|
103
|
-
data: _extends({}, topoState.data, {
|
104
|
-
links: links.filter(function (item) {
|
105
|
-
return item.id !== id;
|
106
|
-
}),
|
107
|
-
linkGroups: linkGroups.filter(function (item) {
|
108
|
-
return item.id !== id;
|
109
|
-
})
|
110
|
-
})
|
111
|
-
});
|
112
|
-
|
113
|
-
case 17:
|
114
|
-
// 刷新链路动态线宽
|
115
|
-
topo.linkDynamicStyleExecutor.execute();
|
116
|
-
topo.historyManager.setDisabled(false, '删除链路');
|
117
|
-
|
118
|
-
case 19:
|
119
|
-
case "end":
|
120
|
-
return _context.stop();
|
121
|
-
}
|
122
|
-
}
|
123
|
-
}, _callee);
|
124
|
-
}));
|
125
|
-
|
126
|
-
return function doDeleteLink(_x, _x2) {
|
127
|
-
return _ref2.apply(this, arguments);
|
128
|
-
};
|
129
|
-
}();
|
130
|
-
|
131
|
-
var deleteLink = function deleteLink(edge) {
|
132
|
-
var id = edge.getTag();
|
133
|
-
var link = topo.dataModel.getDataById(id);
|
134
|
-
|
135
|
-
if (!checkLinkDeleteable(link)) {
|
136
|
-
return;
|
137
|
-
}
|
138
|
-
|
139
|
-
confirmDeleteLink( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
140
|
-
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
141
|
-
while (1) {
|
142
|
-
switch (_context2.prev = _context2.next) {
|
143
|
-
case 0:
|
144
|
-
doDeleteLink(link, edge);
|
145
|
-
|
146
|
-
case 1:
|
147
|
-
case "end":
|
148
|
-
return _context2.stop();
|
149
|
-
}
|
150
|
-
}
|
151
|
-
}, _callee2);
|
152
|
-
})));
|
153
|
-
};
|
154
|
-
/**
|
155
|
-
* 删除未关联数据的子连线
|
156
|
-
* @param {*} edge
|
157
|
-
*/
|
158
|
-
|
159
|
-
|
160
|
-
var deleteNoBindEdge = function deleteNoBindEdge(edge) {
|
161
|
-
var htTopo = topo.getHtTopo(); // 获取两个节点间的连线数据列表
|
162
|
-
|
163
|
-
var edgesInNodes = htTopo.getEdgeDatasInNodes(edge.getSource(), edge.getTarget()); // 如果仅一条连线且有连线组数据,则清空连线组数据,此时展示组的数据
|
164
|
-
|
165
|
-
var edgeGroupData = htTopo.getEdgeGroupData(edge.getSource(), edge.getTarget());
|
166
|
-
rlog.debug('deleteEdges', {
|
167
|
-
edgeGroupData: edgeGroupData
|
168
|
-
});
|
169
|
-
|
170
|
-
if (edgesInNodes.length === 1 && edgeGroupData) {
|
171
|
-
htTopo.setEdgeData(edge, null);
|
172
|
-
} else {
|
173
|
-
htTopo.deleteEdge(edge);
|
174
|
-
}
|
175
|
-
|
176
|
-
topo.linkDynamicStyleExecutor.execute();
|
177
|
-
};
|
178
|
-
|
179
|
-
var deleteEdges = function deleteEdges(edges) {
|
180
|
-
var htTopo = topo.getHtTopo(); // const linkEdges = edges.filter(edge => !!edge.getTag());
|
181
|
-
// 当前只处理单个连线删除
|
182
|
-
|
183
|
-
var edge = edges[0];
|
184
|
-
|
185
|
-
if (edge.getTag()) {
|
186
|
-
// 删除关联链路的连线
|
187
|
-
deleteLink(edge);
|
188
|
-
} else if (!htTopo.isEdgeGroupAgent(edge)) {
|
189
|
-
// 判断当前状态是子连线
|
190
|
-
topo.historyManager.beginTransaction();
|
191
|
-
deleteNoBindEdge(edge);
|
192
|
-
topo.historyManager.endTransaction();
|
193
|
-
} else {
|
194
|
-
// 删除连线组
|
195
|
-
_Message.notice('连线组无法删除');
|
196
|
-
}
|
197
|
-
};
|
198
|
-
|
199
|
-
return deleteEdges;
|
200
|
-
});
|
@@ -1,16 +0,0 @@
|
|
1
|
-
export default function useGroupSortResources(store, nodes) {
|
2
|
-
var _store$useModelState = store.useModelState('topoMod'),
|
3
|
-
data = _store$useModelState.data;
|
4
|
-
|
5
|
-
var resources = [];
|
6
|
-
((data === null || data === void 0 ? void 0 : data.nodes) || []).forEach(function (res) {
|
7
|
-
var node = nodes.find(function (item) {
|
8
|
-
return item.id === res.id;
|
9
|
-
});
|
10
|
-
|
11
|
-
if (node) {
|
12
|
-
resources.push(node);
|
13
|
-
}
|
14
|
-
});
|
15
|
-
return resources;
|
16
|
-
}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import rlog from '@riil-frontend/component-topology-utils/es/rlog';
|
2
|
-
import { isEdge } from "../../utils/htElementUtils";
|
3
|
-
import useDeleteEdges from "./editor/useDeleteEdges";
|
4
|
-
export default (function (props) {
|
5
|
-
var topo = props.topo;
|
6
|
-
var functionAuthState = topo.store.useModelState('functionAuth');
|
7
|
-
var canAddLink = !!functionAuthState.permissions.addResource;
|
8
|
-
var deleteEdges = useDeleteEdges({
|
9
|
-
topo: topo
|
10
|
-
});
|
11
|
-
|
12
|
-
var onElementsDelete = function onElementsDelete(a) {
|
13
|
-
var elements = topo.getSelectionModel().getSelection().toArray();
|
14
|
-
rlog.debug('onElementsDelete', elements);
|
15
|
-
var edges = elements.filter(isEdge); // 多选节点和连线时只删除节点,仅选择一根连线/链路时删除连线/链路
|
16
|
-
|
17
|
-
if (edges.length === 1 && elements.length === 1) {
|
18
|
-
deleteEdges(edges);
|
19
|
-
}
|
20
|
-
};
|
21
|
-
|
22
|
-
return {
|
23
|
-
canAddLink: canAddLink,
|
24
|
-
onElementsDelete: onElementsDelete
|
25
|
-
};
|
26
|
-
});
|
@@ -1,147 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
exports.__esModule = true;
|
6
|
-
exports["default"] = void 0;
|
7
|
-
|
8
|
-
var _box = _interopRequireDefault(require("@alifd/next/lib/box"));
|
9
|
-
|
10
|
-
var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
|
11
|
-
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
13
|
-
|
14
|
-
var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
|
15
|
-
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
17
|
-
|
18
|
-
var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
|
19
|
-
|
20
|
-
var _NodeTag = _interopRequireDefault(require("./NodeTag"));
|
21
|
-
|
22
|
-
var _EdgeFlow = _interopRequireDefault(require("./EdgeFlow"));
|
23
|
-
|
24
|
-
var _NodeTip = _interopRequireDefault(require("./NodeTip"));
|
25
|
-
|
26
|
-
var _LineExpandAllRadioGroup = _interopRequireDefault(require("./LineExpandAllRadioGroup"));
|
27
|
-
|
28
|
-
var _EdgeFlowDirection = _interopRequireDefault(require("./EdgeFlowDirection"));
|
29
|
-
|
30
|
-
var _BooleanRadio = _interopRequireDefault(require("../../../components/BooleanRadio"));
|
31
|
-
|
32
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
33
|
-
|
34
|
-
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; }
|
35
|
-
|
36
|
-
/**
|
37
|
-
* 显示设置
|
38
|
-
*
|
39
|
-
* @param {*} props
|
40
|
-
* @returns
|
41
|
-
*/
|
42
|
-
function EditorDisplaySetting(props, ref) {
|
43
|
-
var topo = props.topo,
|
44
|
-
displaySettingProps = props.displaySettingProps;
|
45
|
-
var displayConfig = topo.store.getModelState('displayConfig');
|
46
|
-
|
47
|
-
var _ref = displaySettingProps || {},
|
48
|
-
linkTagConfig = _ref.linkTagConfig,
|
49
|
-
linkTipConfig = _ref.linkTipConfig,
|
50
|
-
showEdgeExpandConfig = _ref.showEdgeExpandConfig,
|
51
|
-
extraConfig = _ref.extraConfig,
|
52
|
-
showLinkConfig = _ref.showLinkConfig,
|
53
|
-
nodeTagProps = _ref.nodeTagProps,
|
54
|
-
nodeTipProps = _ref.nodeTipProps,
|
55
|
-
isNetworkTopo = _ref.isNetworkTopo;
|
56
|
-
|
57
|
-
var field = _field["default"].useField({
|
58
|
-
autoUnmount: false,
|
59
|
-
values: {
|
60
|
-
alarmSwitch: displayConfig.alarmSwitch,
|
61
|
-
alarmListDefaultOpen: displayConfig.alarmListDefaultOpen,
|
62
|
-
nodeTag: displayConfig.nodeTag,
|
63
|
-
nodeTip: displayConfig.nodeTip,
|
64
|
-
linkTag: displayConfig.linkTag,
|
65
|
-
linkTip: displayConfig.linkTip,
|
66
|
-
expandAllEdges: displayConfig.expandAllEdges,
|
67
|
-
edgeFlow: displayConfig.edgeFlow,
|
68
|
-
edgeFlowDirection: displayConfig.edgeFlowDirection
|
69
|
-
},
|
70
|
-
onChange: function onChange(name, value) {
|
71
|
-
_rlog["default"].debug('DisplaySetting-onChange', name, value); // 告警静默设置
|
72
|
-
|
73
|
-
|
74
|
-
if (name === 'alarmSwitch') {
|
75
|
-
field.setValue('alarmListDefaultOpen', !!value);
|
76
|
-
}
|
77
|
-
}
|
78
|
-
});
|
79
|
-
|
80
|
-
(0, _react.useImperativeHandle)(ref, function () {
|
81
|
-
return field;
|
82
|
-
});
|
83
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_form["default"], {
|
84
|
-
field: field,
|
85
|
-
labelAlign: "top"
|
86
|
-
}, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
87
|
-
label: /*#__PURE__*/_react["default"].createElement(Label, {
|
88
|
-
label: "\u8D44\u6E90\u6807\u6CE8",
|
89
|
-
helpText: "\u6700\u591A\u652F\u6301\u52FE\u90093\u9879"
|
90
|
-
})
|
91
|
-
}, /*#__PURE__*/_react["default"].createElement(_NodeTag["default"], (0, _extends2["default"])({}, nodeTagProps, {
|
92
|
-
name: "nodeTag",
|
93
|
-
topo: topo
|
94
|
-
}))), linkTagConfig && /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
95
|
-
label: /*#__PURE__*/_react["default"].createElement(Label, {
|
96
|
-
label: "\u94FE\u8DEF\u6807\u6CE8",
|
97
|
-
helpText: "\u6700\u591A\u652F\u6301\u52FE\u90092\u9879"
|
98
|
-
}),
|
99
|
-
patternTrigger: "onChange"
|
100
|
-
}, linkTagConfig({
|
101
|
-
name: "linkTag",
|
102
|
-
topo: topo
|
103
|
-
})), /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
104
|
-
label: /*#__PURE__*/_react["default"].createElement(Label, {
|
105
|
-
label: "\u8D44\u6E90\u60AC\u6D6E\u6846",
|
106
|
-
helpText: "\u6700\u591A\u652F\u6301\u52FE\u90094\u9879"
|
107
|
-
}),
|
108
|
-
patternTrigger: "onChange"
|
109
|
-
}, /*#__PURE__*/_react["default"].createElement(_NodeTip["default"], (0, _extends2["default"])({}, nodeTipProps, {
|
110
|
-
name: "nodeTip",
|
111
|
-
topo: topo
|
112
|
-
}))), linkTipConfig && /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
113
|
-
label: /*#__PURE__*/_react["default"].createElement(Label, {
|
114
|
-
label: "\u94FE\u8DEF\u60AC\u6D6E\u6846",
|
115
|
-
helpText: "\u6700\u591A\u652F\u6301\u52FE\u90094\u9879"
|
116
|
-
}),
|
117
|
-
patternTrigger: "onChange"
|
118
|
-
}, linkTipConfig({
|
119
|
-
name: "linkTip",
|
120
|
-
topo: topo
|
121
|
-
})), showEdgeExpandConfig && /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
122
|
-
label: /*#__PURE__*/_react["default"].createElement(_LineExpandAllRadioGroup["default"].Label, null),
|
123
|
-
patternTrigger: "onChange"
|
124
|
-
}, /*#__PURE__*/_react["default"].createElement(_LineExpandAllRadioGroup["default"], {
|
125
|
-
name: "expandAllEdges",
|
126
|
-
isNetworkTopo: isNetworkTopo
|
127
|
-
}))));
|
128
|
-
}
|
129
|
-
|
130
|
-
;
|
131
|
-
|
132
|
-
function Label(props) {
|
133
|
-
var label = props.label,
|
134
|
-
helpText = props.helpText;
|
135
|
-
return /*#__PURE__*/_react["default"].createElement(_box["default"], {
|
136
|
-
direction: "row",
|
137
|
-
spacing: 12
|
138
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, label), /*#__PURE__*/_react["default"].createElement("div", {
|
139
|
-
style: {
|
140
|
-
color: '#638DB7'
|
141
|
-
}
|
142
|
-
}, helpText));
|
143
|
-
}
|
144
|
-
|
145
|
-
var _default = /*#__PURE__*/_react["default"].forwardRef(EditorDisplaySetting);
|
146
|
-
|
147
|
-
exports["default"] = _default;
|
@@ -1,19 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
exports.__esModule = true;
|
6
|
-
exports["default"] = addEdgeProps;
|
7
|
-
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
-
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
11
|
-
|
12
|
-
function addEdgeProps(Component) {
|
13
|
-
return function AdapterEdgeProps(props) {
|
14
|
-
var selectionElement = props.selectionElement;
|
15
|
-
return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({}, props, {
|
16
|
-
edge: selectionElement
|
17
|
-
}));
|
18
|
-
};
|
19
|
-
}
|
@@ -1,40 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
exports.__esModule = true;
|
6
|
-
exports["default"] = NetworkTopologyFull;
|
7
|
-
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
-
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
11
|
-
|
12
|
-
var _TopoView = _interopRequireDefault(require("./TopoView"));
|
13
|
-
|
14
|
-
var _useTopoEdit = _interopRequireDefault(require("../hooks/useTopoEdit"));
|
15
|
-
|
16
|
-
var _useEditorProps = _interopRequireDefault(require("./editor/useEditorProps"));
|
17
|
-
|
18
|
-
function NetworkTopologyFull(props) {
|
19
|
-
var topo = props.topo,
|
20
|
-
showTools = props.showTools;
|
21
|
-
var topoEdit = (0, _useTopoEdit["default"])({
|
22
|
-
topo: topo
|
23
|
-
});
|
24
|
-
var editorProps = (0, _useEditorProps["default"])(props);
|
25
|
-
return /*#__PURE__*/_react["default"].createElement(_TopoView["default"], (0, _extends2["default"])({}, props, {
|
26
|
-
editorProps: editorProps,
|
27
|
-
graphViewProps: (0, _extends2["default"])({}, props.graphViewProps, {
|
28
|
-
onElementsDelete: topoEdit.onElementsDelete,
|
29
|
-
createHtTopoProps: {
|
30
|
-
showTools: showTools,
|
31
|
-
elementChangeLayerByDrag: true,
|
32
|
-
editor: {
|
33
|
-
useNewElementsDeleteEvent: true,
|
34
|
-
// 通过数仓【添加资源】权限控制 是否启用新建链路功能,
|
35
|
-
enableRelateResource: topoEdit.canAddLink
|
36
|
-
}
|
37
|
-
}
|
38
|
-
})
|
39
|
-
}));
|
40
|
-
}
|
@@ -1,63 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
exports.__esModule = true;
|
6
|
-
exports["default"] = LayerResourceList;
|
7
|
-
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
9
|
-
|
10
|
-
var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
|
11
|
-
|
12
|
-
var _ResourceList = _interopRequireDefault(require("../../../../core/editor/components/settings/common/GroupNodeList/ResourceList"));
|
13
|
-
|
14
|
-
var _htElementUtils = require("../../../../utils/htElementUtils");
|
15
|
-
|
16
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
17
|
-
|
18
|
-
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; }
|
19
|
-
|
20
|
-
function getResourceNodes(store, htNodes) {
|
21
|
-
var _store$getModelState = store.getModelState('topoMod'),
|
22
|
-
data = _store$getModelState.data;
|
23
|
-
|
24
|
-
var list = [];
|
25
|
-
((data === null || data === void 0 ? void 0 : data.nodes) || []).forEach(function (resource) {
|
26
|
-
var htNode = htNodes.filter(function (node) {
|
27
|
-
return node.getTag() === resource.id;
|
28
|
-
})[0];
|
29
|
-
|
30
|
-
if (htNode) {
|
31
|
-
list.push({
|
32
|
-
resource: resource,
|
33
|
-
node: htNode
|
34
|
-
});
|
35
|
-
}
|
36
|
-
});
|
37
|
-
return list;
|
38
|
-
}
|
39
|
-
/**
|
40
|
-
* 分层关联资源列表
|
41
|
-
*/
|
42
|
-
|
43
|
-
|
44
|
-
function LayerResourceList(props) {
|
45
|
-
var topo = props.topo,
|
46
|
-
layer = props.layer;
|
47
|
-
var nodes = (0, _htElementUtils.getLayerChildren)(layer);
|
48
|
-
var resourceNodes = getResourceNodes(topo.store, nodes);
|
49
|
-
var data = resourceNodes.map(function (_ref) {
|
50
|
-
var node = _ref.node,
|
51
|
-
resource = _ref.resource;
|
52
|
-
return {
|
53
|
-
title: resource.name,
|
54
|
-
img: _componentTopologyGraph.iconFactory.getIconImageUrl(node.getImage())
|
55
|
-
};
|
56
|
-
}); // rlog.debug('LayerResourceList', {nodes, resourceNodes, data});
|
57
|
-
|
58
|
-
return /*#__PURE__*/_react["default"].createElement(_ResourceList["default"], {
|
59
|
-
data: data
|
60
|
-
});
|
61
|
-
}
|
62
|
-
|
63
|
-
;
|
@@ -1,51 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
exports.__esModule = true;
|
6
|
-
exports["default"] = EdgeGroupPropertyView;
|
7
|
-
|
8
|
-
var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
|
9
|
-
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
11
|
-
|
12
|
-
var _TabView = _interopRequireDefault(require("../../../../../core/editor/components/settings/common/tab/TabView"));
|
13
|
-
|
14
|
-
var _EdgeGroupSetting = _interopRequireDefault(require("../../../../../core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting"));
|
15
|
-
|
16
|
-
var _LinkInfoPreview = _interopRequireDefault(require("./link/LinkInfoPreview"));
|
17
|
-
|
18
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
19
|
-
|
20
|
-
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; }
|
21
|
-
|
22
|
-
// V1.2 废弃
|
23
|
-
function EdgeGroupPropertyView(props) {
|
24
|
-
var topo = props.topo,
|
25
|
-
edge = props.edge,
|
26
|
-
values = props.values,
|
27
|
-
onChange = props.onChange,
|
28
|
-
editorProps = props.editorProps; // 查询是否有聚合链路
|
29
|
-
|
30
|
-
var source = edge.getSource().getTag();
|
31
|
-
var target = edge.getTarget().getTag();
|
32
|
-
var linkGroups = topo.store.useModelState('topoMod').data.linkGroups;
|
33
|
-
var aggLink = linkGroups.find(function (link) {
|
34
|
-
return link.source === source && link.target === target || link.target === source && link.source === target;
|
35
|
-
});
|
36
|
-
|
37
|
-
if (aggLink) {
|
38
|
-
return /*#__PURE__*/_react["default"].createElement(_TabView["default"], null, /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
|
39
|
-
title: "\u6570\u636E",
|
40
|
-
key: "1"
|
41
|
-
}, /*#__PURE__*/_react["default"].createElement(_LinkInfoPreview["default"], {
|
42
|
-
data: aggLink,
|
43
|
-
topo: topo
|
44
|
-
})), /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
|
45
|
-
title: "\u8BBE\u7F6E",
|
46
|
-
key: "2"
|
47
|
-
}, /*#__PURE__*/_react["default"].createElement(_EdgeGroupSetting["default"], props)));
|
48
|
-
}
|
49
|
-
|
50
|
-
return /*#__PURE__*/_react["default"].createElement(_EdgeGroupSetting["default"], props);
|
51
|
-
}
|
@@ -1,60 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
exports.__esModule = true;
|
6
|
-
exports["default"] = EdgePropertyView;
|
7
|
-
|
8
|
-
var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
|
9
|
-
|
10
|
-
var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
|
11
|
-
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
13
|
-
|
14
|
-
var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
|
15
|
-
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
17
|
-
|
18
|
-
var _BindExitLinkSelect = _interopRequireDefault(require("./link/BindExitLinkSelect"));
|
19
|
-
|
20
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
21
|
-
|
22
|
-
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; }
|
23
|
-
|
24
|
-
function parseValues(values, edge) {
|
25
|
-
return (0, _extends2["default"])({}, values);
|
26
|
-
}
|
27
|
-
|
28
|
-
function EdgePropertyView(props) {
|
29
|
-
var topo = props.topo,
|
30
|
-
edge = props.edge,
|
31
|
-
values = props.values,
|
32
|
-
_onChange = props.onChange,
|
33
|
-
editorProps = props.editorProps,
|
34
|
-
extraDisplaySetting = props.extraDisplaySetting;
|
35
|
-
var store = topo.store;
|
36
|
-
|
37
|
-
var field = _field["default"].useField({
|
38
|
-
autoUnmount: false,
|
39
|
-
values: parseValues(values, edge),
|
40
|
-
onChange: function onChange(name, value) {
|
41
|
-
_rlog["default"].debug('CommonEdgePropertyView', name, value);
|
42
|
-
|
43
|
-
var newValues = field.getValues();
|
44
|
-
|
45
|
-
_onChange(name, value, newValues);
|
46
|
-
}
|
47
|
-
});
|
48
|
-
|
49
|
-
(0, _react.useEffect)(function () {
|
50
|
-
field.setValues(parseValues(values, edge));
|
51
|
-
}, [values]);
|
52
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
53
|
-
style: {
|
54
|
-
margin: '12px 0 0 32px'
|
55
|
-
}
|
56
|
-
}, /*#__PURE__*/_react["default"].createElement(_form["default"], {
|
57
|
-
field: field,
|
58
|
-
labelAlign: "top"
|
59
|
-
}, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, null, /*#__PURE__*/_react["default"].createElement(_BindExitLinkSelect["default"], props))));
|
60
|
-
}
|