@riil-frontend/component-topology 2.15.21 → 2.15.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.
- package/build/index.js +7 -7
- package/es/core/common/icons/defaultIcons.js +3 -9
- package/es/core/common/icons/icon.js +1 -22
- package/es/core/editor/components/settings/propertyViews/group/DataTab/hoooks/useGroupRelateResource.js +2 -2
- package/es/core/editor/components/settings/propertyViews/layer/DataTab/NodeList.js +3 -3
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/models/utils/linkUtils.js +3 -0
- package/es/index.js +3 -1
- package/es/topoCenter/components/editor/propertyViews/LayerRelatedResourceList.js +2 -3
- package/es/topoCenter/hooks/editor/useDeleteEdges.js +19 -11
- package/lib/core/common/icons/defaultIcons.js +4 -13
- package/lib/core/common/icons/icon.js +1 -30
- package/lib/core/editor/components/settings/propertyViews/group/DataTab/hoooks/useGroupRelateResource.js +3 -3
- package/lib/core/editor/components/settings/propertyViews/layer/DataTab/NodeList.js +4 -8
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/models/utils/linkUtils.js +5 -0
- package/lib/index.js +17 -2
- package/lib/topoCenter/components/editor/propertyViews/LayerRelatedResourceList.js +2 -4
- package/lib/topoCenter/hooks/editor/useDeleteEdges.js +20 -11
- package/package.json +3 -3
|
@@ -1,16 +1,11 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
function getIconImgUrlById(id) {
|
|
5
|
-
return getIconMap()[id];
|
|
6
|
-
}
|
|
2
|
+
import { iconFactory } from '@riil-frontend/component-topology-graph';
|
|
7
3
|
/**
|
|
8
4
|
* 资源面板图片-默认节点图标
|
|
9
5
|
*
|
|
10
6
|
* @type {(*|{url: *})[]}
|
|
11
7
|
*/
|
|
12
8
|
|
|
13
|
-
|
|
14
9
|
export var DEFAULT_NODE_ICONS = [{
|
|
15
10
|
id: 'ciType.switch',
|
|
16
11
|
name: '交换机'
|
|
@@ -44,7 +39,6 @@ export var DEFAULT_NODE_ICONS = [{
|
|
|
44
39
|
name: '互联网'
|
|
45
40
|
}].map(function (item) {
|
|
46
41
|
return _extends({}, item, {
|
|
47
|
-
url:
|
|
42
|
+
url: iconFactory.getIconImageUrl(item.id)
|
|
48
43
|
});
|
|
49
|
-
});
|
|
50
|
-
export default _extends({}, getIconMap());
|
|
44
|
+
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import
|
|
2
|
+
import { DEFAULT_NODE_ICONS } from "./defaultIcons";
|
|
3
3
|
import getNetworkTopoCiTypeIcons from "./networkTopoCiTypeIcons";
|
|
4
4
|
var groupDefaultIcons = [{
|
|
5
5
|
id: 'editor.icon.cloud.medium',
|
|
@@ -69,13 +69,6 @@ export function transformCustomIcons2HtIcons(icons) {
|
|
|
69
69
|
export function getUserCustomIcons(topo) {
|
|
70
70
|
var uploadIcons = topo.store.getModelState('iconManage').icons;
|
|
71
71
|
return [].concat(transformCustomIcons2HtIcons(uploadIcons.node));
|
|
72
|
-
}
|
|
73
|
-
export function getIconMap(topo) {
|
|
74
|
-
var bizIconMap = {};
|
|
75
|
-
[].concat(groupDefaultIcons, getNodeDefaultIcons(topo), getUserCustomIcons(topo)).forEach(function (icon) {
|
|
76
|
-
bizIconMap[icon.id] = icon;
|
|
77
|
-
});
|
|
78
|
-
return _extends({}, defaultIcons, bizIconMap);
|
|
79
72
|
} // 获得节点图标列表
|
|
80
73
|
|
|
81
74
|
export function getNodeIconGroups(topo) {
|
|
@@ -95,18 +88,4 @@ export function getGroupIconGroups(topo) {
|
|
|
95
88
|
name: '自定义',
|
|
96
89
|
icons: getUserCustomIcons(topo)
|
|
97
90
|
}];
|
|
98
|
-
}
|
|
99
|
-
export function getIconById(id, topo) {
|
|
100
|
-
var iconMap = getIconMap(topo);
|
|
101
|
-
var icon = iconMap[id];
|
|
102
|
-
|
|
103
|
-
if (typeof icon === 'string') {
|
|
104
|
-
return icon.replace('.json', '.png');
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
if (!icon) {
|
|
108
|
-
console.warn('图标不存在', id, iconMap);
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
return icon === null || icon === void 0 ? void 0 : icon.url;
|
|
112
91
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import rlog from "@riil-frontend/component-topology-utils/es/rlog";
|
|
4
|
+
import { iconFactory } from "@riil-frontend/component-topology-graph";
|
|
4
5
|
import sortBy from 'lodash/sortBy';
|
|
5
6
|
import { getGroupChildrenNodes, getNodeData } from "../../../../../../../../utils/htElementUtils";
|
|
6
|
-
import { getIconById } from "../../../../../../../common/icons/icon";
|
|
7
7
|
|
|
8
8
|
function sortResourcesByName(resources) {
|
|
9
9
|
return sortBy(resources, 'name');
|
|
@@ -29,7 +29,7 @@ export default function useGroupRelateResource(props) {
|
|
|
29
29
|
})).map(function (item) {
|
|
30
30
|
return {
|
|
31
31
|
title: item.name,
|
|
32
|
-
img:
|
|
32
|
+
img: iconFactory.getIconImageUrl(item.image),
|
|
33
33
|
data: item,
|
|
34
34
|
node: item.node
|
|
35
35
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { iconFactory } from '@riil-frontend/component-topology-graph';
|
|
2
3
|
import ResourceList from "../../../common/GroupNodeList/ResourceList";
|
|
3
4
|
import { getLayerChildrenNodes } from "../../../../../../../utils/htElementUtils";
|
|
4
|
-
import { getIconById } from "../../../../../../common/icons/icon";
|
|
5
5
|
/**
|
|
6
6
|
* 分层关联资源列表
|
|
7
7
|
*/
|
|
@@ -16,7 +16,7 @@ export default function LayerResourceList(props) {
|
|
|
16
16
|
var data = relateDataNodes.map(function (node) {
|
|
17
17
|
return {
|
|
18
18
|
title: node.a('name'),
|
|
19
|
-
img:
|
|
19
|
+
img: iconFactory.getIconImageUrl(node.getImage())
|
|
20
20
|
};
|
|
21
21
|
});
|
|
22
22
|
return /*#__PURE__*/React.createElement(ResourceList, {
|
|
@@ -20,7 +20,7 @@ import { updateEdgeExpanded } from "../utils/edgeUtil";
|
|
|
20
20
|
import PluginManager from "./PluginManager";
|
|
21
21
|
import topoFactory from "./topoFactory"; // eslint-disable-next-line no-undef
|
|
22
22
|
|
|
23
|
-
var version = typeof "2.15.
|
|
23
|
+
var version = typeof "2.15.22" === 'string' ? "2.15.22" : null;
|
|
24
24
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
|
25
25
|
/**
|
|
26
26
|
* 拓扑显示和编辑
|
|
@@ -12,6 +12,9 @@ var interfaceTypeMap = {
|
|
|
12
12
|
displayName: '聚合接口'
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
+
export function isAggLink(link) {
|
|
16
|
+
return link.attributes['network_link.connect_type'] === 'agg';
|
|
17
|
+
}
|
|
15
18
|
export function mergeLinksData(links, linkCis, nodes, interfaceCis) {
|
|
16
19
|
var linkCiMap = keyBy(linkCis, 'id');
|
|
17
20
|
return links.map(function (link) {
|
package/es/index.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
import { iconFactory } from '@riil-frontend/component-topology-graph';
|
|
1
2
|
import Topology from "./core/components/TopoView";
|
|
3
|
+
import * as htElementUtils from "./utils/htElementUtils";
|
|
2
4
|
export * from "./createTopo";
|
|
3
5
|
export * from "./core/components/titlebar";
|
|
4
|
-
export { Topology };
|
|
6
|
+
export { Topology, htElementUtils, iconFactory };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React, { useState, useEffect, useRef, useCallback } from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { iconFactory } from '@riil-frontend/component-topology-graph';
|
|
3
3
|
import ResourceList from "../../../../core/editor/components/settings/common/GroupNodeList/ResourceList";
|
|
4
4
|
import { getLayerChildrenNodes } from "../../../../utils/htElementUtils";
|
|
5
|
-
import { getIconById } from "../../../../core/common/icons/icon";
|
|
6
5
|
|
|
7
6
|
function getResourceNodes(store, htNodes) {
|
|
8
7
|
var _store$getModelState = store.getModelState('topoMod'),
|
|
@@ -38,7 +37,7 @@ export default function LayerResourceList(props) {
|
|
|
38
37
|
resource = _ref.resource;
|
|
39
38
|
return {
|
|
40
39
|
title: resource.name,
|
|
41
|
-
img:
|
|
40
|
+
img: iconFactory.getIconImageUrl(node.getImage())
|
|
42
41
|
};
|
|
43
42
|
}); // rlog.debug('LayerResourceList', {nodes, resourceNodes, data});
|
|
44
43
|
|
|
@@ -4,6 +4,7 @@ import _Message from "@alifd/next/es/message";
|
|
|
4
4
|
import _Dialog from "@alifd/next/es/dialog";
|
|
5
5
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
6
6
|
import rlog from '@riil-frontend/component-topology-utils/es/rlog';
|
|
7
|
+
import { isAggLink } from "../../../core/models/utils/linkUtils";
|
|
7
8
|
import linkService from "../../services/link";
|
|
8
9
|
import { getLinkPermission } from "../../utils/linPermissionUtil";
|
|
9
10
|
/**
|
|
@@ -43,6 +44,7 @@ export default (function (_ref) {
|
|
|
43
44
|
var deleteLink = function deleteLink(edge) {
|
|
44
45
|
var id = edge.getTag();
|
|
45
46
|
var link = topo.dataModel.getDataById(id);
|
|
47
|
+
var isAgg = isAggLink(link);
|
|
46
48
|
|
|
47
49
|
if (!checkLinkDeleteable(link)) {
|
|
48
50
|
return;
|
|
@@ -50,7 +52,7 @@ export default (function (_ref) {
|
|
|
50
52
|
|
|
51
53
|
var htTopo = topo.getHtTopo();
|
|
52
54
|
confirmDeleteLink( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
53
|
-
var success, edgesInNodes, _topo$store$getModel, topoState, topoDispatchers, _topoState$data, links, linkGroups;
|
|
55
|
+
var success, edgesInNodes, edgeGroupData, edgeData, _topo$store$getModel, topoState, topoDispatchers, _topoState$data, links, linkGroups;
|
|
54
56
|
|
|
55
57
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
56
58
|
while (1) {
|
|
@@ -72,26 +74,32 @@ export default (function (_ref) {
|
|
|
72
74
|
return _context.abrupt("return");
|
|
73
75
|
|
|
74
76
|
case 6:
|
|
75
|
-
_Message.success('删除成功'); //
|
|
77
|
+
_Message.success('删除成功'); // 获取两个节点间的连线数据列表
|
|
76
78
|
|
|
77
79
|
|
|
78
|
-
|
|
79
|
-
// 获取两个节点间的连线数据列表
|
|
80
|
-
edgesInNodes = htTopo.getEdgeDatasInNodes(edge.getSource(), edge.getTarget()); // 如果仅一条连线且有连线数据,则清空连线组数据,此时展示连线的数据
|
|
80
|
+
edgesInNodes = htTopo.getEdgeDatasInNodes(edge.getSource(), edge.getTarget());
|
|
81
81
|
|
|
82
|
-
|
|
82
|
+
if (edgesInNodes.length >= 2) {
|
|
83
|
+
htTopo.deleteEdge(edge);
|
|
84
|
+
} else {
|
|
85
|
+
// 一根线时
|
|
86
|
+
edgeGroupData = htTopo.getEdgeGroupData(edge.getSource(), edge.getTarget());
|
|
87
|
+
edgeData = htTopo.getEdgeData(edge);
|
|
88
|
+
|
|
89
|
+
if (isAgg && edgeData) {
|
|
90
|
+
// 当前是连线组代理 且 有连线数据,清空组数据
|
|
83
91
|
htTopo.setEdgeGroupData(edge.getSource(), edge.getTarget(), null);
|
|
92
|
+
} else if (!isAgg && edgeGroupData) {
|
|
93
|
+
htTopo.setEdgeData(edge, null);
|
|
84
94
|
} else {
|
|
85
95
|
htTopo.deleteEdge(edge);
|
|
86
96
|
}
|
|
87
|
-
} else {
|
|
88
|
-
htTopo.deleteEdge(edge);
|
|
89
97
|
} // 更新数据
|
|
90
98
|
|
|
91
99
|
|
|
92
100
|
_topo$store$getModel = topo.store.getModel('topoMod'), topoState = _topo$store$getModel[0], topoDispatchers = _topo$store$getModel[1];
|
|
93
101
|
_topoState$data = topoState.data, links = _topoState$data.links, linkGroups = _topoState$data.linkGroups;
|
|
94
|
-
_context.next =
|
|
102
|
+
_context.next = 13;
|
|
95
103
|
return topoDispatchers.update({
|
|
96
104
|
data: _extends({}, topoState.data, {
|
|
97
105
|
links: links.filter(function (link) {
|
|
@@ -103,11 +111,11 @@ export default (function (_ref) {
|
|
|
103
111
|
})
|
|
104
112
|
});
|
|
105
113
|
|
|
106
|
-
case
|
|
114
|
+
case 13:
|
|
107
115
|
// 刷新链路动态线宽
|
|
108
116
|
topo.linkDynamicStyleExecutor.execute();
|
|
109
117
|
|
|
110
|
-
case
|
|
118
|
+
case 14:
|
|
111
119
|
case "end":
|
|
112
120
|
return _context.stop();
|
|
113
121
|
}
|
|
@@ -3,22 +3,17 @@
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
exports.__esModule = true;
|
|
6
|
-
exports
|
|
6
|
+
exports.DEFAULT_NODE_ICONS = void 0;
|
|
7
7
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
|
|
11
11
|
|
|
12
|
-
function getIconImgUrlById(id) {
|
|
13
|
-
return (0, _ciTypeIcons.getIconMap)()[id];
|
|
14
|
-
}
|
|
15
12
|
/**
|
|
16
13
|
* 资源面板图片-默认节点图标
|
|
17
14
|
*
|
|
18
15
|
* @type {(*|{url: *})[]}
|
|
19
16
|
*/
|
|
20
|
-
|
|
21
|
-
|
|
22
17
|
var DEFAULT_NODE_ICONS = [{
|
|
23
18
|
id: 'ciType.switch',
|
|
24
19
|
name: '交换机'
|
|
@@ -52,11 +47,7 @@ var DEFAULT_NODE_ICONS = [{
|
|
|
52
47
|
name: '互联网'
|
|
53
48
|
}].map(function (item) {
|
|
54
49
|
return (0, _extends2["default"])({}, item, {
|
|
55
|
-
url:
|
|
50
|
+
url: _componentTopologyGraph.iconFactory.getIconImageUrl(item.id)
|
|
56
51
|
});
|
|
57
52
|
});
|
|
58
|
-
exports.DEFAULT_NODE_ICONS = DEFAULT_NODE_ICONS;
|
|
59
|
-
|
|
60
|
-
var _default = (0, _extends2["default"])({}, (0, _ciTypeIcons.getIconMap)());
|
|
61
|
-
|
|
62
|
-
exports["default"] = _default;
|
|
53
|
+
exports.DEFAULT_NODE_ICONS = DEFAULT_NODE_ICONS;
|
|
@@ -8,8 +8,6 @@ exports.getCustomIconIdFromHtId = getCustomIconIdFromHtId;
|
|
|
8
8
|
exports.getEditorIcons = getEditorIcons;
|
|
9
9
|
exports.getGroupDefaultIcons = getGroupDefaultIcons;
|
|
10
10
|
exports.getGroupIconGroups = getGroupIconGroups;
|
|
11
|
-
exports.getIconById = getIconById;
|
|
12
|
-
exports.getIconMap = getIconMap;
|
|
13
11
|
exports.getNodeDefaultIcons = getNodeDefaultIcons;
|
|
14
12
|
exports.getNodeIconGroups = getNodeIconGroups;
|
|
15
13
|
exports.getUserCustomIcons = getUserCustomIcons;
|
|
@@ -18,14 +16,10 @@ exports.transformCustomIcons2HtIcons = transformCustomIcons2HtIcons;
|
|
|
18
16
|
|
|
19
17
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
20
18
|
|
|
21
|
-
var _defaultIcons =
|
|
19
|
+
var _defaultIcons = require("./defaultIcons");
|
|
22
20
|
|
|
23
21
|
var _networkTopoCiTypeIcons = _interopRequireDefault(require("./networkTopoCiTypeIcons"));
|
|
24
22
|
|
|
25
|
-
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); }
|
|
26
|
-
|
|
27
|
-
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; }
|
|
28
|
-
|
|
29
23
|
var groupDefaultIcons = [{
|
|
30
24
|
id: 'editor.icon.cloud.medium',
|
|
31
25
|
name: '区域',
|
|
@@ -101,14 +95,6 @@ function transformCustomIcons2HtIcons(icons) {
|
|
|
101
95
|
function getUserCustomIcons(topo) {
|
|
102
96
|
var uploadIcons = topo.store.getModelState('iconManage').icons;
|
|
103
97
|
return [].concat(transformCustomIcons2HtIcons(uploadIcons.node));
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
function getIconMap(topo) {
|
|
107
|
-
var bizIconMap = {};
|
|
108
|
-
[].concat(groupDefaultIcons, getNodeDefaultIcons(topo), getUserCustomIcons(topo)).forEach(function (icon) {
|
|
109
|
-
bizIconMap[icon.id] = icon;
|
|
110
|
-
});
|
|
111
|
-
return (0, _extends2["default"])({}, _defaultIcons["default"], bizIconMap);
|
|
112
98
|
} // 获得节点图标列表
|
|
113
99
|
|
|
114
100
|
|
|
@@ -130,19 +116,4 @@ function getGroupIconGroups(topo) {
|
|
|
130
116
|
name: '自定义',
|
|
131
117
|
icons: getUserCustomIcons(topo)
|
|
132
118
|
}];
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
function getIconById(id, topo) {
|
|
136
|
-
var iconMap = getIconMap(topo);
|
|
137
|
-
var icon = iconMap[id];
|
|
138
|
-
|
|
139
|
-
if (typeof icon === 'string') {
|
|
140
|
-
return icon.replace('.json', '.png');
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
if (!icon) {
|
|
144
|
-
console.warn('图标不存在', id, iconMap);
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
return icon === null || icon === void 0 ? void 0 : icon.url;
|
|
148
119
|
}
|
|
@@ -11,12 +11,12 @@ var _react = require("react");
|
|
|
11
11
|
|
|
12
12
|
var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
|
|
13
13
|
|
|
14
|
+
var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
|
|
15
|
+
|
|
14
16
|
var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
|
|
15
17
|
|
|
16
18
|
var _htElementUtils = require("../../../../../../../../utils/htElementUtils");
|
|
17
19
|
|
|
18
|
-
var _icon = require("../../../../../../../common/icons/icon");
|
|
19
|
-
|
|
20
20
|
function sortResourcesByName(resources) {
|
|
21
21
|
return (0, _sortBy["default"])(resources, 'name');
|
|
22
22
|
}
|
|
@@ -41,7 +41,7 @@ function useGroupRelateResource(props) {
|
|
|
41
41
|
})).map(function (item) {
|
|
42
42
|
return {
|
|
43
43
|
title: item.name,
|
|
44
|
-
img:
|
|
44
|
+
img: _componentTopologyGraph.iconFactory.getIconImageUrl(item.image),
|
|
45
45
|
data: item,
|
|
46
46
|
node: item.node
|
|
47
47
|
};
|
|
@@ -5,18 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
exports.__esModule = true;
|
|
6
6
|
exports["default"] = LayerResourceList;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
|
|
9
11
|
|
|
10
12
|
var _ResourceList = _interopRequireDefault(require("../../../common/GroupNodeList/ResourceList"));
|
|
11
13
|
|
|
12
14
|
var _htElementUtils = require("../../../../../../../utils/htElementUtils");
|
|
13
15
|
|
|
14
|
-
var _icon = require("../../../../../../common/icons/icon");
|
|
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
16
|
/**
|
|
21
17
|
* 分层关联资源列表
|
|
22
18
|
*/
|
|
@@ -30,7 +26,7 @@ function LayerResourceList(props) {
|
|
|
30
26
|
var data = relateDataNodes.map(function (node) {
|
|
31
27
|
return {
|
|
32
28
|
title: node.a('name'),
|
|
33
|
-
img:
|
|
29
|
+
img: _componentTopologyGraph.iconFactory.getIconImageUrl(node.getImage())
|
|
34
30
|
};
|
|
35
31
|
});
|
|
36
32
|
return /*#__PURE__*/_react["default"].createElement(_ResourceList["default"], {
|
|
@@ -48,7 +48,7 @@ var _PluginManager = _interopRequireDefault(require("./PluginManager"));
|
|
|
48
48
|
var _topoFactory = _interopRequireDefault(require("./topoFactory"));
|
|
49
49
|
|
|
50
50
|
// eslint-disable-next-line no-undef
|
|
51
|
-
var version = typeof "2.15.
|
|
51
|
+
var version = typeof "2.15.22" === 'string' ? "2.15.22" : null;
|
|
52
52
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
|
53
53
|
/**
|
|
54
54
|
* 拓扑显示和编辑
|
|
@@ -5,6 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
exports.__esModule = true;
|
|
6
6
|
exports.buildTopoLinkData = buildTopoLinkData;
|
|
7
7
|
exports.getLinksDetail = getLinksDetail;
|
|
8
|
+
exports.isAggLink = isAggLink;
|
|
8
9
|
exports.mergeLinksData = mergeLinksData;
|
|
9
10
|
|
|
10
11
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
@@ -28,6 +29,10 @@ var interfaceTypeMap = {
|
|
|
28
29
|
}
|
|
29
30
|
};
|
|
30
31
|
|
|
32
|
+
function isAggLink(link) {
|
|
33
|
+
return link.attributes['network_link.connect_type'] === 'agg';
|
|
34
|
+
}
|
|
35
|
+
|
|
31
36
|
function mergeLinksData(links, linkCis, nodes, interfaceCis) {
|
|
32
37
|
var linkCiMap = (0, _keyBy["default"])(linkCis, 'id');
|
|
33
38
|
return links.map(function (link) {
|
package/lib/index.js
CHANGED
|
@@ -4,13 +4,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
|
|
5
5
|
exports.__esModule = true;
|
|
6
6
|
var _exportNames = {
|
|
7
|
-
|
|
7
|
+
iconFactory: true,
|
|
8
|
+
Topology: true,
|
|
9
|
+
htElementUtils: true
|
|
8
10
|
};
|
|
11
|
+
exports.htElementUtils = void 0;
|
|
12
|
+
|
|
13
|
+
var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
|
|
14
|
+
|
|
15
|
+
exports.iconFactory = _componentTopologyGraph.iconFactory;
|
|
9
16
|
|
|
10
17
|
var _TopoView = _interopRequireDefault(require("./core/components/TopoView"));
|
|
11
18
|
|
|
12
19
|
exports.Topology = _TopoView["default"];
|
|
13
20
|
|
|
21
|
+
var htElementUtils = _interopRequireWildcard(require("./utils/htElementUtils"));
|
|
22
|
+
|
|
23
|
+
exports.htElementUtils = htElementUtils;
|
|
24
|
+
|
|
14
25
|
var _createTopo = require("./createTopo");
|
|
15
26
|
|
|
16
27
|
Object.keys(_createTopo).forEach(function (key) {
|
|
@@ -27,4 +38,8 @@ Object.keys(_titlebar).forEach(function (key) {
|
|
|
27
38
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
28
39
|
if (key in exports && exports[key] === _titlebar[key]) return;
|
|
29
40
|
exports[key] = _titlebar[key];
|
|
30
|
-
});
|
|
41
|
+
});
|
|
42
|
+
|
|
43
|
+
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); }
|
|
44
|
+
|
|
45
|
+
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; }
|
|
@@ -7,14 +7,12 @@ exports["default"] = LayerResourceList;
|
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
|
|
11
11
|
|
|
12
12
|
var _ResourceList = _interopRequireDefault(require("../../../../core/editor/components/settings/common/GroupNodeList/ResourceList"));
|
|
13
13
|
|
|
14
14
|
var _htElementUtils = require("../../../../utils/htElementUtils");
|
|
15
15
|
|
|
16
|
-
var _icon = require("../../../../core/common/icons/icon");
|
|
17
|
-
|
|
18
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); }
|
|
19
17
|
|
|
20
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; }
|
|
@@ -53,7 +51,7 @@ function LayerResourceList(props) {
|
|
|
53
51
|
resource = _ref.resource;
|
|
54
52
|
return {
|
|
55
53
|
title: resource.name,
|
|
56
|
-
img:
|
|
54
|
+
img: _componentTopologyGraph.iconFactory.getIconImageUrl(node.getImage())
|
|
57
55
|
};
|
|
58
56
|
}); // rlog.debug('LayerResourceList', {nodes, resourceNodes, data});
|
|
59
57
|
|
|
@@ -17,6 +17,8 @@ var _dialog = _interopRequireDefault(require("@alifd/next/lib/dialog"));
|
|
|
17
17
|
|
|
18
18
|
var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
|
|
19
19
|
|
|
20
|
+
var _linkUtils = require("../../../core/models/utils/linkUtils");
|
|
21
|
+
|
|
20
22
|
var _link = _interopRequireDefault(require("../../services/link"));
|
|
21
23
|
|
|
22
24
|
var _linPermissionUtil = require("../../utils/linPermissionUtil");
|
|
@@ -57,6 +59,7 @@ var _default = function _default(_ref) {
|
|
|
57
59
|
var deleteLink = function deleteLink(edge) {
|
|
58
60
|
var id = edge.getTag();
|
|
59
61
|
var link = topo.dataModel.getDataById(id);
|
|
62
|
+
var isAgg = (0, _linkUtils.isAggLink)(link);
|
|
60
63
|
|
|
61
64
|
if (!checkLinkDeleteable(link)) {
|
|
62
65
|
return;
|
|
@@ -64,7 +67,7 @@ var _default = function _default(_ref) {
|
|
|
64
67
|
|
|
65
68
|
var htTopo = topo.getHtTopo();
|
|
66
69
|
confirmDeleteLink( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
|
67
|
-
var success, edgesInNodes, _topo$store$getModel, topoState, topoDispatchers, _topoState$data, links, linkGroups;
|
|
70
|
+
var success, edgesInNodes, edgeGroupData, edgeData, _topo$store$getModel, topoState, topoDispatchers, _topoState$data, links, linkGroups;
|
|
68
71
|
|
|
69
72
|
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
70
73
|
while (1) {
|
|
@@ -86,26 +89,32 @@ var _default = function _default(_ref) {
|
|
|
86
89
|
return _context.abrupt("return");
|
|
87
90
|
|
|
88
91
|
case 6:
|
|
89
|
-
_message["default"].success('删除成功'); //
|
|
92
|
+
_message["default"].success('删除成功'); // 获取两个节点间的连线数据列表
|
|
93
|
+
|
|
90
94
|
|
|
95
|
+
edgesInNodes = htTopo.getEdgeDatasInNodes(edge.getSource(), edge.getTarget());
|
|
91
96
|
|
|
92
|
-
if (
|
|
93
|
-
|
|
94
|
-
|
|
97
|
+
if (edgesInNodes.length >= 2) {
|
|
98
|
+
htTopo.deleteEdge(edge);
|
|
99
|
+
} else {
|
|
100
|
+
// 一根线时
|
|
101
|
+
edgeGroupData = htTopo.getEdgeGroupData(edge.getSource(), edge.getTarget());
|
|
102
|
+
edgeData = htTopo.getEdgeData(edge);
|
|
95
103
|
|
|
96
|
-
if (
|
|
104
|
+
if (isAgg && edgeData) {
|
|
105
|
+
// 当前是连线组代理 且 有连线数据,清空组数据
|
|
97
106
|
htTopo.setEdgeGroupData(edge.getSource(), edge.getTarget(), null);
|
|
107
|
+
} else if (!isAgg && edgeGroupData) {
|
|
108
|
+
htTopo.setEdgeData(edge, null);
|
|
98
109
|
} else {
|
|
99
110
|
htTopo.deleteEdge(edge);
|
|
100
111
|
}
|
|
101
|
-
} else {
|
|
102
|
-
htTopo.deleteEdge(edge);
|
|
103
112
|
} // 更新数据
|
|
104
113
|
|
|
105
114
|
|
|
106
115
|
_topo$store$getModel = topo.store.getModel('topoMod'), topoState = _topo$store$getModel[0], topoDispatchers = _topo$store$getModel[1];
|
|
107
116
|
_topoState$data = topoState.data, links = _topoState$data.links, linkGroups = _topoState$data.linkGroups;
|
|
108
|
-
_context.next =
|
|
117
|
+
_context.next = 13;
|
|
109
118
|
return topoDispatchers.update({
|
|
110
119
|
data: (0, _extends2["default"])({}, topoState.data, {
|
|
111
120
|
links: links.filter(function (link) {
|
|
@@ -117,11 +126,11 @@ var _default = function _default(_ref) {
|
|
|
117
126
|
})
|
|
118
127
|
});
|
|
119
128
|
|
|
120
|
-
case
|
|
129
|
+
case 13:
|
|
121
130
|
// 刷新链路动态线宽
|
|
122
131
|
topo.linkDynamicStyleExecutor.execute();
|
|
123
132
|
|
|
124
|
-
case
|
|
133
|
+
case 14:
|
|
125
134
|
case "end":
|
|
126
135
|
return _context.stop();
|
|
127
136
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@riil-frontend/component-topology",
|
|
3
|
-
"version": "2.15.
|
|
3
|
+
"version": "2.15.22",
|
|
4
4
|
"description": "拓扑",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "build-scripts start",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"@riil-frontend/component-table-filter-tags": "latest",
|
|
69
69
|
"@riil-frontend/component-table-layout": "^2.0.2",
|
|
70
70
|
"@riil-frontend/component-topology-common": "^1.0.9",
|
|
71
|
-
"@riil-frontend/component-topology-graph": "^2.5.
|
|
71
|
+
"@riil-frontend/component-topology-graph": "^2.5.5",
|
|
72
72
|
"@riil-frontend/css": "^2.0.2",
|
|
73
73
|
"@riil-frontend/hooks": "latest",
|
|
74
74
|
"@riil-frontend/next-collapse": "^1.0.1-a.0",
|
|
@@ -110,6 +110,6 @@
|
|
|
110
110
|
"access": "public"
|
|
111
111
|
},
|
|
112
112
|
"license": "MIT",
|
|
113
|
-
"homepage": "https://unpkg.com/@riil-frontend/component-topology@2.15.
|
|
113
|
+
"homepage": "https://unpkg.com/@riil-frontend/component-topology@2.15.22/build/index.html",
|
|
114
114
|
"gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
|
|
115
115
|
}
|