@riil-frontend/component-topology 7.0.0-dev.20 → 7.0.0-dev.22

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.
Files changed (45) hide show
  1. package/build/1.js +2 -2
  2. package/build/2.js +1 -1
  3. package/build/index.css +1 -1
  4. package/build/index.js +20 -20
  5. package/es/core/models/TopoApp.js +1 -1
  6. package/es/networkTopo/index.js +1 -2
  7. package/es/networkTopo/store/topoTreeMod.js +5 -1
  8. package/lib/core/models/TopoApp.js +1 -1
  9. package/lib/networkTopo/index.js +1 -5
  10. package/lib/networkTopo/store/topoTreeMod.js +5 -1
  11. package/package.json +2 -2
  12. package/es/networkTopo/components/Topology.js +0 -28
  13. package/es/networkTopo/components/editor/plugins/LayerConfigPlugin.js +0 -22
  14. package/es/networkTopo/components/editor/propertyViews/LayerRelatedResourceList.js +0 -48
  15. package/es/networkTopo/components/editor/propertyViews/edge/EdgeGroupPropertyView.js +0 -35
  16. package/es/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +0 -43
  17. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/Data/index.js +0 -45
  18. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +0 -29
  19. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +0 -37
  20. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/Setting/index.js +0 -49
  21. package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/index.js +0 -2
  22. package/es/networkTopo/components/editor/propertyViews/edge/link/BindExitLinkSelect.js +0 -178
  23. package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.js +0 -129
  24. package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +0 -65
  25. package/es/networkTopo/components/editor/useEditorProps.js +0 -31
  26. package/es/networkTopo/hooks/editor/useDeleteEdges.js +0 -203
  27. package/es/networkTopo/hooks/editor/useGroupSortResources.js +0 -16
  28. package/es/networkTopo/hooks/useTopoEdit.js +0 -26
  29. package/lib/networkTopo/components/Topology.js +0 -40
  30. package/lib/networkTopo/components/editor/plugins/LayerConfigPlugin.js +0 -32
  31. package/lib/networkTopo/components/editor/propertyViews/LayerRelatedResourceList.js +0 -63
  32. package/lib/networkTopo/components/editor/propertyViews/edge/EdgeGroupPropertyView.js +0 -51
  33. package/lib/networkTopo/components/editor/propertyViews/edge/EdgePropertyView.js +0 -60
  34. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/Data/index.js +0 -60
  35. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +0 -40
  36. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js +0 -50
  37. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/Setting/index.js +0 -66
  38. package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/index.js +0 -11
  39. package/lib/networkTopo/components/editor/propertyViews/edge/link/BindExitLinkSelect.js +0 -205
  40. package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.js +0 -147
  41. package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +0 -65
  42. package/lib/networkTopo/components/editor/useEditorProps.js +0 -44
  43. package/lib/networkTopo/hooks/editor/useDeleteEdges.js +0 -220
  44. package/lib/networkTopo/hooks/editor/useGroupSortResources.js +0 -21
  45. package/lib/networkTopo/hooks/useTopoEdit.js +0 -40
@@ -1,129 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _Box from "@alifd/next/es/box";
3
- import _Collapse from "@alifd/next/es/collapse";
4
- import React, { useEffect } from "react";
5
- import styles from "./LinkInfoPreview.module.scss";
6
- import { formatMetric } from "../../../../../../core/models/attributeFormatter";
7
- import rlog from "@riil-frontend/component-topology-utils/es/rlog";
8
- var CollapsePanel = _Collapse.Panel;
9
-
10
- function Item(props) {
11
- return /*#__PURE__*/React.createElement(_Box, {
12
- key: props.name,
13
- direction: "row",
14
- spacing: 8,
15
- className: styles.row
16
- }, /*#__PURE__*/React.createElement(_Box, {
17
- className: styles.label
18
- }, props.label), /*#__PURE__*/React.createElement(_Box, {
19
- className: props.name === "use" ? styles.uselabelValue : styles.labelValue,
20
- flex: 1
21
- }, props.content));
22
- }
23
-
24
- export default function LindInfoPreview(props) {
25
- var topo = props.topo,
26
- data = props.data,
27
- isCmpTopo = props.isCmpTopo,
28
- target = props.target;
29
- var cmpFields = [];
30
- var cmpFieldsSource = []; // 分级拓扑逻辑
31
-
32
- if (isCmpTopo && target.id.indexOf("sub") >= 0) {
33
- cmpFields.push({
34
- label: "所属平台",
35
- content: target.attributes.platform
36
- });
37
- cmpFieldsSource.push({
38
- label: "所属平台",
39
- content: '本级平台'
40
- });
41
- }
42
-
43
- var fields = [{
44
- label: "链路名称",
45
- name: "display_name"
46
- }, {
47
- label: "源节点名称",
48
- name: "network_link.source_device_id"
49
- }, {
50
- label: "源节点IP",
51
- name: "network_link.source_device_ipv4"
52
- }, {
53
- label: "源端口",
54
- name: "source_id"
55
- }, {
56
- label: "源端IP",
57
- name: "network_link.source_ipv4"
58
- }].concat(cmpFieldsSource, [{
59
- label: "目的节点名称",
60
- name: "network_link.destination_device_id"
61
- }, {
62
- label: "目的节点IP",
63
- name: "network_link.destination_device_ipv4"
64
- }, {
65
- label: "目的端口",
66
- name: "destination_id"
67
- }, {
68
- label: "目的端IP",
69
- name: "network_link.destination_ipv4"
70
- }], cmpFields, [{
71
- label: "取值端口",
72
- name: "network_link.value_port"
73
- }, {
74
- label: "实际带宽",
75
- name: "network_link.actual_bandwidth"
76
- }, {
77
- label: "用途",
78
- name: "use"
79
- }]);
80
-
81
- var getValue = function getValue(name) {
82
- var value; // console.log('LindInfoPreview-getValue',data,name)
83
-
84
- if (data) {
85
- if (data.attributes[name + "_object"]) {
86
- value = data.attributes[name + "_object"].displayName;
87
- } else {
88
- value = data.attributes[name];
89
- }
90
-
91
- var attrMeta = topo.ciTyeCache.getCiType("network_link").attributeMap[name];
92
- value = formatMetric(value, attrMeta);
93
-
94
- if (name === "network_link.value_port") {
95
- value = "源端口";
96
- }
97
- } else {
98
- value = "-";
99
- }
100
-
101
- return value;
102
- };
103
-
104
- return fields.map(function (field, index) {
105
- return /*#__PURE__*/React.createElement(Item, _extends({
106
- key: index
107
- }, field, {
108
- content: field.content || getValue(field.name)
109
- }));
110
- }); // <Collapse
111
- // defaultExpandedKeys={["相关资源"]}
112
- // style={{ border: "none" }}
113
- // className={styles.panelFullHeight}
114
- // >
115
- // <CollapsePanel key="相关资源" title="相关资源">
116
- // {fields.map((field) => (
117
- // <Box
118
- // key={field.name}
119
- // direction="row"
120
- // spacing={12}
121
- // className={styles.row}
122
- // >
123
- // <Box className={styles.label}>{field.label}</Box>
124
- // <Box flex={1}>{getValue(field.name)}</Box>
125
- // </Box>
126
- // ))}
127
- // </CollapsePanel>
128
- // </Collapse>
129
- }
@@ -1,65 +0,0 @@
1
- @import '~@alifd/next/variables.scss';
2
-
3
-
4
- .row {
5
- margin-bottom: 12px;
6
- }
7
-
8
- .label {
9
- width: 74px;
10
- text-align: right;
11
- color: #78849C;
12
- }
13
-
14
- .labelValue {
15
- max-width: 160px;
16
- max-height: 200px;
17
- overflow-x: hidden;
18
- overflow-wrap: break-word;
19
- }
20
-
21
- .uselabelValue {
22
- max-width: 160px;
23
- max-height: 200px;
24
- overflow-y: scroll;
25
- overflow-x: hidden;
26
- overflow-wrap: break-word;
27
-
28
- }
29
-
30
-
31
- .content {}
32
-
33
- .footer {
34
- position: absolute;
35
- bottom: 0;
36
- width: 100%;
37
- border-top: 1px solid #e8e8e8;
38
- padding: 10px 16px;
39
- text-align: right;
40
- left: 0;
41
- background: #fff;
42
- border-radius: 0 0 4px 4px;
43
-
44
- & .button {
45
- &:not(:first-child) {
46
- margin-left: 8px;
47
- }
48
- }
49
- }
50
-
51
-
52
- .panelFullHeight {
53
- height: 100%;
54
- display: flex;
55
- flex-direction: column;
56
- padding-top: 12px;
57
- padding-left: 16px;
58
-
59
- :global {
60
- .#{$css-prefix}collapse-panel-content {
61
- flex: 1;
62
- overflow: auto;
63
- }
64
- }
65
- }
@@ -1,31 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _useGroupSortResources from "../../hooks/editor/useGroupSortResources";
3
- import LayerConfigPlugin from "./plugins/LayerConfigPlugin";
4
- import EdgePropertyView from "./propertyViews/edge/EdgePropertyView";
5
- import LinkPropertyView from "./propertyViews/edge/LinkPropertyView";
6
- import LayerRelatedResourceList from "./propertyViews/LayerRelatedResourceList";
7
- export default function useEditorProps(props) {
8
- var topo = props.topo,
9
- customEditorProps = props.editorProps;
10
- return _extends({
11
- useGroupSortResources: function useGroupSortResources(nodes) {
12
- return _useGroupSortResources(topo.store, nodes);
13
- },
14
- layerRelatedResourceList: LayerRelatedResourceList,
15
- multipleElementPropertyViewProps: {
16
- showElementAlign: true
17
- },
18
- // 连线属性面板
19
- edgePropertyViews: {
20
- edge: EdgePropertyView,
21
- link: LinkPropertyView
22
- },
23
- getEdgePropertyViewType: function getEdgePropertyViewType(_ref) {
24
- var edge = _ref.edge;
25
- return edge.getTag() ? 'link' : null;
26
- },
27
- showLinkConfig: true
28
- }, customEditorProps, {
29
- plugins: [LayerConfigPlugin].concat((customEditorProps === null || customEditorProps === void 0 ? void 0 : customEditorProps.plugins) || [])
30
- });
31
- }
@@ -1,203 +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 linkService from "../../services/link";
8
- import { getLinkPermission } from "../../utils/resourcePermissionUtil";
9
- /**
10
- * 删除连线
11
- */
12
-
13
- export default (function (_ref) {
14
- var topo = _ref.topo;
15
-
16
- var confirmDeleteLink = function confirmDeleteLink(onOk) {
17
- _Dialog.confirm({
18
- title: '删除',
19
- content: '若执行相关操作,此链路将会从数据库删除,确定删除吗?',
20
- okProps: {
21
- children: '确定'
22
- },
23
- messageProps: {
24
- type: 'warning'
25
- },
26
- onOk: onOk
27
- });
28
- };
29
-
30
- function checkLinkDeleteable(link) {
31
- var deleteable = link.permission.deleteable;
32
-
33
- if (deleteable) {
34
- return deleteable;
35
- } // 分级管理 下级链路禁用删除
36
-
37
-
38
- if (link.isSubResource) {
39
- return false;
40
- }
41
-
42
- _Message.notice('无删除权限');
43
-
44
- return deleteable;
45
- }
46
-
47
- var doDeleteLink = /*#__PURE__*/function () {
48
- var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(link, edge) {
49
- var id, isGroup, success, htTopo, edgesInNodes, edgeGroupData, edgeData, _topo$store$getModel, topoState, topoDispatchers, _topoState$data, links, linkGroups;
50
-
51
- return _regeneratorRuntime.wrap(function _callee$(_context) {
52
- while (1) {
53
- switch (_context.prev = _context.next) {
54
- case 0:
55
- id = link.id;
56
- isGroup = false;
57
- _context.next = 4;
58
- return linkService.deleteLink(id);
59
-
60
- case 4:
61
- success = _context.sent;
62
-
63
- if (success) {
64
- _context.next = 8;
65
- break;
66
- }
67
-
68
- _Message.error('删除失败');
69
-
70
- return _context.abrupt("return");
71
-
72
- case 8:
73
- _Message.success('删除成功');
74
-
75
- topo.historyManager.setDisabled(true, '删除链路');
76
- htTopo = topo.getHtTopo(); // 获取两个节点间的连线数据列表
77
-
78
- edgesInNodes = htTopo.getEdgeDatasInNodes(edge.getSource(), edge.getTarget());
79
-
80
- if (edgesInNodes.length >= 2) {
81
- if (isGroup) {
82
- htTopo.setEdgeGroupData(edge.getSource(), edge.getTarget(), null);
83
- } else {
84
- htTopo.deleteEdge(edge);
85
- }
86
- } else {
87
- // 一根线时
88
- edgeGroupData = htTopo.getEdgeGroupData(edge.getSource(), edge.getTarget());
89
- edgeData = htTopo.getEdgeData(edge);
90
-
91
- if (isGroup && edgeData) {
92
- // 当前是连线组代理 且 有连线数据,清空组数据
93
- htTopo.setEdgeGroupData(edge.getSource(), edge.getTarget(), null);
94
- } else if (!isGroup && edgeGroupData) {
95
- htTopo.setEdgeData(edge, null);
96
- } else {
97
- htTopo.deleteEdge(edge);
98
- }
99
- } // 更新数据
100
-
101
-
102
- _topo$store$getModel = topo.store.getModel('topoMod'), topoState = _topo$store$getModel[0], topoDispatchers = _topo$store$getModel[1];
103
- _topoState$data = topoState.data, links = _topoState$data.links, linkGroups = _topoState$data.linkGroups;
104
- _context.next = 17;
105
- return topoDispatchers.update({
106
- data: _extends({}, topoState.data, {
107
- links: links.filter(function (item) {
108
- return item.id !== id;
109
- }),
110
- linkGroups: linkGroups.filter(function (item) {
111
- return item.id !== id;
112
- })
113
- })
114
- });
115
-
116
- case 17:
117
- // 刷新链路动态线宽
118
- topo.linkDynamicStyleExecutor.execute();
119
- topo.historyManager.setDisabled(false, '删除链路');
120
-
121
- case 19:
122
- case "end":
123
- return _context.stop();
124
- }
125
- }
126
- }, _callee);
127
- }));
128
-
129
- return function doDeleteLink(_x, _x2) {
130
- return _ref2.apply(this, arguments);
131
- };
132
- }();
133
-
134
- var deleteLink = function deleteLink(edge) {
135
- var id = edge.getTag();
136
- var link = topo.dataModel.getDataById(id);
137
-
138
- if (!checkLinkDeleteable(link)) {
139
- return;
140
- }
141
-
142
- confirmDeleteLink( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
143
- return _regeneratorRuntime.wrap(function _callee2$(_context2) {
144
- while (1) {
145
- switch (_context2.prev = _context2.next) {
146
- case 0:
147
- doDeleteLink(link, edge);
148
-
149
- case 1:
150
- case "end":
151
- return _context2.stop();
152
- }
153
- }
154
- }, _callee2);
155
- })));
156
- };
157
- /**
158
- * 删除未关联数据的子连线
159
- * @param {*} edge
160
- */
161
-
162
-
163
- var deleteNoBindEdge = function deleteNoBindEdge(edge) {
164
- var htTopo = topo.getHtTopo(); // 获取两个节点间的连线数据列表
165
-
166
- var edgesInNodes = htTopo.getEdgeDatasInNodes(edge.getSource(), edge.getTarget()); // 如果仅一条连线且有连线组数据,则清空连线组数据,此时展示组的数据
167
-
168
- var edgeGroupData = htTopo.getEdgeGroupData(edge.getSource(), edge.getTarget());
169
- rlog.debug('deleteEdges', {
170
- edgeGroupData: edgeGroupData
171
- });
172
-
173
- if (edgesInNodes.length === 1 && edgeGroupData) {
174
- htTopo.setEdgeData(edge, null);
175
- } else {
176
- htTopo.deleteEdge(edge);
177
- }
178
-
179
- topo.linkDynamicStyleExecutor.execute();
180
- };
181
-
182
- var deleteEdges = function deleteEdges(edges) {
183
- var htTopo = topo.getHtTopo(); // const linkEdges = edges.filter(edge => !!edge.getTag());
184
- // 当前只处理单个连线删除
185
-
186
- var edge = edges[0];
187
-
188
- if (edge.getTag()) {
189
- // 删除关联链路的连线
190
- deleteLink(edge);
191
- } else if (!htTopo.isEdgeGroupAgent(edge)) {
192
- // 判断当前状态是子连线
193
- topo.historyManager.beginTransaction();
194
- deleteNoBindEdge(edge);
195
- topo.historyManager.endTransaction();
196
- } else {
197
- // 删除连线组
198
- _Message.notice('连线组无法删除');
199
- }
200
- };
201
-
202
- return deleteEdges;
203
- });
@@ -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,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,32 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports["default"] = LayerConfigPlugin;
5
-
6
- var _react = _interopRequireWildcard(require("react"));
7
-
8
- 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); }
9
-
10
- 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; }
11
-
12
- /**
13
- * 分层拓扑:横向分层、纵向分层
14
- * @param {*} props
15
- * @returns
16
- */
17
- function LayerConfigPlugin(props) {
18
- var topo = props.topo,
19
- topoContext = props.topoContext,
20
- topoEdit = props.topoEdit,
21
- editorProps = props.editorProps;
22
- (0, _react.useEffect)(function () {
23
- var notifier = topo.view.topoClient.notifier;
24
- notifier.on('topo_layer_add', topoEdit.onLayerAdded);
25
- return function () {
26
- notifier.off('topo_layer_add', topoEdit.onLayerAdded);
27
- };
28
- }, []);
29
- return null;
30
- }
31
-
32
- ;
@@ -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
- }