@riil-frontend/component-topology 7.0.0-dev.20 → 7.0.0-dev.21
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 +20 -20
- package/es/core/models/TopoApp.js +1 -1
- package/es/networkTopo/index.js +1 -2
- package/es/networkTopo/store/topoTreeMod.js +5 -1
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/networkTopo/index.js +1 -5
- package/lib/networkTopo/store/topoTreeMod.js +5 -1
- package/package.json +2 -2
- 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 -45
- package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +0 -29
- 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/link/BindExitLinkSelect.js +0 -178
- package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.js +0 -129
- package/es/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +0 -65
- package/es/networkTopo/components/editor/useEditorProps.js +0 -31
- package/es/networkTopo/hooks/editor/useDeleteEdges.js +0 -203
- package/es/networkTopo/hooks/editor/useGroupSortResources.js +0 -16
- package/es/networkTopo/hooks/useTopoEdit.js +0 -26
- package/lib/networkTopo/components/Topology.js +0 -40
- package/lib/networkTopo/components/editor/plugins/LayerConfigPlugin.js +0 -32
- 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 -60
- package/lib/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js +0 -40
- 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/link/BindExitLinkSelect.js +0 -205
- package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.js +0 -147
- package/lib/networkTopo/components/editor/propertyViews/edge/link/LinkInfoPreview.module.scss +0 -65
- package/lib/networkTopo/components/editor/useEditorProps.js +0 -44
- package/lib/networkTopo/hooks/editor/useDeleteEdges.js +0 -220
- package/lib/networkTopo/hooks/editor/useGroupSortResources.js +0 -21
- package/lib/networkTopo/hooks/useTopoEdit.js +0 -40
@@ -23,7 +23,7 @@ import topoFactory from "./topoFactory";
|
|
23
23
|
import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
|
24
24
|
import SelectionModel from "./SelectionModel"; // eslint-disable-next-line no-undef
|
25
25
|
|
26
|
-
var version = typeof "7.0.0-dev.
|
26
|
+
var version = typeof "7.0.0-dev.21" === 'string' ? "7.0.0-dev.21" : null;
|
27
27
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
28
28
|
/**
|
29
29
|
* 拓扑显示和编辑
|
package/es/networkTopo/index.js
CHANGED
@@ -162,7 +162,11 @@ export default function (topoApp) {
|
|
162
162
|
|
163
163
|
rlog.debug('editTopoOnTree', conditions);
|
164
164
|
_context4.next = 4;
|
165
|
-
return topoApp.serverApi.
|
165
|
+
return topoApp.serverApi.editTopo({
|
166
|
+
id: parseInt(conditions.id, 10),
|
167
|
+
name: conditions.name,
|
168
|
+
type: conditions.type
|
169
|
+
});
|
166
170
|
|
167
171
|
case 4:
|
168
172
|
resTreeData = _context4.sent;
|
@@ -54,7 +54,7 @@ var _ElementTagTipConfig = _interopRequireDefault(require("./tagstips/ElementTag
|
|
54
54
|
var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
|
55
55
|
|
56
56
|
// eslint-disable-next-line no-undef
|
57
|
-
var version = typeof "7.0.0-dev.
|
57
|
+
var version = typeof "7.0.0-dev.21" === 'string' ? "7.0.0-dev.21" : null;
|
58
58
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
59
59
|
/**
|
60
60
|
* 拓扑显示和编辑
|
package/lib/networkTopo/index.js
CHANGED
@@ -10,8 +10,4 @@ exports.TopoCenter = _TopoCenter["default"];
|
|
10
10
|
|
11
11
|
var _createTopo = _interopRequireDefault(require("./createTopo"));
|
12
12
|
|
13
|
-
exports.createTopo = _createTopo["default"];
|
14
|
-
|
15
|
-
var _Topology = _interopRequireDefault(require("./components/Topology"));
|
16
|
-
|
17
|
-
exports.Topology = _Topology["default"];
|
13
|
+
exports.createTopo = _createTopo["default"];
|
@@ -175,7 +175,11 @@ function _default(topoApp) {
|
|
175
175
|
_rlog["default"].debug('editTopoOnTree', conditions);
|
176
176
|
|
177
177
|
_context4.next = 4;
|
178
|
-
return topoApp.serverApi.
|
178
|
+
return topoApp.serverApi.editTopo({
|
179
|
+
id: parseInt(conditions.id, 10),
|
180
|
+
name: conditions.name,
|
181
|
+
type: conditions.type
|
182
|
+
});
|
179
183
|
|
180
184
|
case 4:
|
181
185
|
resTreeData = _context4.sent;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@riil-frontend/component-topology",
|
3
|
-
"version": "7.0.0-dev.
|
3
|
+
"version": "7.0.0-dev.21",
|
4
4
|
"description": "拓扑",
|
5
5
|
"scripts": {
|
6
6
|
"start": "build-scripts start",
|
@@ -116,6 +116,6 @@
|
|
116
116
|
"access": "public"
|
117
117
|
},
|
118
118
|
"license": "MIT",
|
119
|
-
"homepage": "https://unpkg.com/@riil-frontend/component-topology@7.0.0-dev.
|
119
|
+
"homepage": "https://unpkg.com/@riil-frontend/component-topology@7.0.0-dev.21/build/index.html",
|
120
120
|
"gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
|
121
121
|
}
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
2
|
-
import React from "react";
|
3
|
-
import TopoView from "./TopoView";
|
4
|
-
import useTopoEdit from "../hooks/useTopoEdit";
|
5
|
-
import useEditorProps from "./editor/useEditorProps";
|
6
|
-
export default function NetworkTopologyFull(props) {
|
7
|
-
var topo = props.topo,
|
8
|
-
showTools = props.showTools;
|
9
|
-
var topoEdit = useTopoEdit({
|
10
|
-
topo: topo
|
11
|
-
});
|
12
|
-
var editorProps = useEditorProps(props);
|
13
|
-
return /*#__PURE__*/React.createElement(TopoView, _extends({}, props, {
|
14
|
-
editorProps: editorProps,
|
15
|
-
graphViewProps: _extends({}, props.graphViewProps, {
|
16
|
-
onElementsDelete: topoEdit.onElementsDelete,
|
17
|
-
createHtTopoProps: {
|
18
|
-
showTools: showTools,
|
19
|
-
elementChangeLayerByDrag: true,
|
20
|
-
editor: {
|
21
|
-
useNewElementsDeleteEvent: true,
|
22
|
-
// 通过数仓【添加资源】权限控制 是否启用新建链路功能,
|
23
|
-
enableRelateResource: topoEdit.canAddLink
|
24
|
-
}
|
25
|
-
}
|
26
|
-
})
|
27
|
-
}));
|
28
|
-
}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import React, { useState, useEffect, useRef, useCallback } from 'react';
|
2
|
-
/**
|
3
|
-
* 分层拓扑:横向分层、纵向分层
|
4
|
-
* @param {*} props
|
5
|
-
* @returns
|
6
|
-
*/
|
7
|
-
|
8
|
-
export default function LayerConfigPlugin(props) {
|
9
|
-
var topo = props.topo,
|
10
|
-
topoContext = props.topoContext,
|
11
|
-
topoEdit = props.topoEdit,
|
12
|
-
editorProps = props.editorProps;
|
13
|
-
useEffect(function () {
|
14
|
-
var notifier = topo.view.topoClient.notifier;
|
15
|
-
notifier.on('topo_layer_add', topoEdit.onLayerAdded);
|
16
|
-
return function () {
|
17
|
-
notifier.off('topo_layer_add', topoEdit.onLayerAdded);
|
18
|
-
};
|
19
|
-
}, []);
|
20
|
-
return null;
|
21
|
-
}
|
22
|
-
;
|
@@ -1,48 +0,0 @@
|
|
1
|
-
import React, { useState, useEffect, useRef, useCallback } from 'react';
|
2
|
-
import { iconFactory } from '@riil-frontend/component-topology-graph';
|
3
|
-
import ResourceList from "../../../../core/editor/components/settings/common/GroupNodeList/ResourceList";
|
4
|
-
import { getLayerChildren } from "../../../../utils/htElementUtils";
|
5
|
-
|
6
|
-
function getResourceNodes(store, htNodes) {
|
7
|
-
var _store$getModelState = store.getModelState('topoMod'),
|
8
|
-
data = _store$getModelState.data;
|
9
|
-
|
10
|
-
var list = [];
|
11
|
-
((data === null || data === void 0 ? void 0 : data.nodes) || []).forEach(function (resource) {
|
12
|
-
var htNode = htNodes.filter(function (node) {
|
13
|
-
return node.getTag() === resource.id;
|
14
|
-
})[0];
|
15
|
-
|
16
|
-
if (htNode) {
|
17
|
-
list.push({
|
18
|
-
resource: resource,
|
19
|
-
node: htNode
|
20
|
-
});
|
21
|
-
}
|
22
|
-
});
|
23
|
-
return list;
|
24
|
-
}
|
25
|
-
/**
|
26
|
-
* 分层关联资源列表
|
27
|
-
*/
|
28
|
-
|
29
|
-
|
30
|
-
export default function LayerResourceList(props) {
|
31
|
-
var topo = props.topo,
|
32
|
-
layer = props.layer;
|
33
|
-
var nodes = getLayerChildren(layer);
|
34
|
-
var resourceNodes = getResourceNodes(topo.store, nodes);
|
35
|
-
var data = resourceNodes.map(function (_ref) {
|
36
|
-
var node = _ref.node,
|
37
|
-
resource = _ref.resource;
|
38
|
-
return {
|
39
|
-
title: resource.name,
|
40
|
-
img: iconFactory.getIconImageUrl(node.getImage())
|
41
|
-
};
|
42
|
-
}); // rlog.debug('LayerResourceList', {nodes, resourceNodes, data});
|
43
|
-
|
44
|
-
return /*#__PURE__*/React.createElement(ResourceList, {
|
45
|
-
data: data
|
46
|
-
});
|
47
|
-
}
|
48
|
-
;
|
@@ -1,35 +0,0 @@
|
|
1
|
-
import _Tab from "@alifd/next/es/tab";
|
2
|
-
import React, { useState, useEffect } from 'react';
|
3
|
-
import TabView from "../../../../../core/editor/components/settings/common/tab/TabView";
|
4
|
-
import EdgeGroupSetting from "../../../../../core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting";
|
5
|
-
import LindInfoPreview from "./link/LinkInfoPreview"; // V1.2 废弃
|
6
|
-
|
7
|
-
export default function EdgeGroupPropertyView(props) {
|
8
|
-
var topo = props.topo,
|
9
|
-
edge = props.edge,
|
10
|
-
values = props.values,
|
11
|
-
onChange = props.onChange,
|
12
|
-
editorProps = props.editorProps; // 查询是否有聚合链路
|
13
|
-
|
14
|
-
var source = edge.getSource().getTag();
|
15
|
-
var target = edge.getTarget().getTag();
|
16
|
-
var linkGroups = topo.store.useModelState('topoMod').data.linkGroups;
|
17
|
-
var aggLink = linkGroups.find(function (link) {
|
18
|
-
return link.source === source && link.target === target || link.target === source && link.source === target;
|
19
|
-
});
|
20
|
-
|
21
|
-
if (aggLink) {
|
22
|
-
return /*#__PURE__*/React.createElement(TabView, null, /*#__PURE__*/React.createElement(_Tab.Item, {
|
23
|
-
title: "\u6570\u636E",
|
24
|
-
key: "1"
|
25
|
-
}, /*#__PURE__*/React.createElement(LindInfoPreview, {
|
26
|
-
data: aggLink,
|
27
|
-
topo: topo
|
28
|
-
})), /*#__PURE__*/React.createElement(_Tab.Item, {
|
29
|
-
title: "\u8BBE\u7F6E",
|
30
|
-
key: "2"
|
31
|
-
}, /*#__PURE__*/React.createElement(EdgeGroupSetting, props)));
|
32
|
-
}
|
33
|
-
|
34
|
-
return /*#__PURE__*/React.createElement(EdgeGroupSetting, props);
|
35
|
-
}
|
@@ -1,43 +0,0 @@
|
|
1
|
-
import _Form from "@alifd/next/es/form";
|
2
|
-
import _Field from "@alifd/next/es/field";
|
3
|
-
import _extends from "@babel/runtime/helpers/extends";
|
4
|
-
import rlog from '@riil-frontend/component-topology-utils/es/rlog';
|
5
|
-
import React, { useEffect } from 'react';
|
6
|
-
import BindExitLinkSelect from "./link/BindExitLinkSelect";
|
7
|
-
|
8
|
-
function parseValues(values, edge) {
|
9
|
-
return _extends({}, values);
|
10
|
-
}
|
11
|
-
|
12
|
-
export default function EdgePropertyView(props) {
|
13
|
-
var topo = props.topo,
|
14
|
-
edge = props.edge,
|
15
|
-
values = props.values,
|
16
|
-
_onChange = props.onChange,
|
17
|
-
editorProps = props.editorProps,
|
18
|
-
extraDisplaySetting = props.extraDisplaySetting;
|
19
|
-
var store = topo.store;
|
20
|
-
|
21
|
-
var field = _Field.useField({
|
22
|
-
autoUnmount: false,
|
23
|
-
values: parseValues(values, edge),
|
24
|
-
onChange: function onChange(name, value) {
|
25
|
-
rlog.debug('CommonEdgePropertyView', name, value);
|
26
|
-
var newValues = field.getValues();
|
27
|
-
|
28
|
-
_onChange(name, value, newValues);
|
29
|
-
}
|
30
|
-
});
|
31
|
-
|
32
|
-
useEffect(function () {
|
33
|
-
field.setValues(parseValues(values, edge));
|
34
|
-
}, [values]);
|
35
|
-
return /*#__PURE__*/React.createElement("div", {
|
36
|
-
style: {
|
37
|
-
margin: '12px 0 0 32px'
|
38
|
-
}
|
39
|
-
}, /*#__PURE__*/React.createElement(_Form, {
|
40
|
-
field: field,
|
41
|
-
labelAlign: "top"
|
42
|
-
}, /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement(BindExitLinkSelect, props))));
|
43
|
-
}
|
@@ -1,45 +0,0 @@
|
|
1
|
-
import _Button from "@alifd/next/es/button";
|
2
|
-
import React from "react";
|
3
|
-
import LindInfoPreview from "../../link/LinkInfoPreview";
|
4
|
-
import styles from "../../link/LinkInfoPreview.module.scss";
|
5
|
-
import rlog from "@riil-frontend/component-topology-utils/es/rlog";
|
6
|
-
import { useState, useEffect } from "react";
|
7
|
-
export default function LinkDataTab(props) {
|
8
|
-
var _link$permission;
|
9
|
-
|
10
|
-
var topo = props.topo,
|
11
|
-
edge = props.edge,
|
12
|
-
link = props.link,
|
13
|
-
source = props.source,
|
14
|
-
target = props.target,
|
15
|
-
editorProps = props.editorProps;
|
16
|
-
|
17
|
-
var _topo$store$useModel = topo.store.useModel("topoConfig"),
|
18
|
-
editState = _topo$store$useModel[0],
|
19
|
-
editDispatchers = _topo$store$useModel[1];
|
20
|
-
|
21
|
-
var openEditLinkDrawer = function openEditLinkDrawer() {
|
22
|
-
editDispatchers.update({
|
23
|
-
addLinkIsOpen: true,
|
24
|
-
currentLink: link
|
25
|
-
});
|
26
|
-
};
|
27
|
-
|
28
|
-
return /*#__PURE__*/React.createElement("div", {
|
29
|
-
className: styles.panelFullHeight
|
30
|
-
}, /*#__PURE__*/React.createElement(LindInfoPreview, {
|
31
|
-
className: styles.lindInfoPreview,
|
32
|
-
topo: topo,
|
33
|
-
data: link,
|
34
|
-
source: source,
|
35
|
-
target: target,
|
36
|
-
isCmpTopo: (editorProps === null || editorProps === void 0 ? void 0 : editorProps.topoType) === 'cmpTopo'
|
37
|
-
}), /*#__PURE__*/React.createElement("div", {
|
38
|
-
className: styles.footer
|
39
|
-
}, /*#__PURE__*/React.createElement(_Button, {
|
40
|
-
className: styles.button,
|
41
|
-
type: "primary",
|
42
|
-
disabled: !(link !== null && link !== void 0 && (_link$permission = link.permission) !== null && _link$permission !== void 0 && _link$permission.writeable),
|
43
|
-
onClick: openEditLinkDrawer
|
44
|
-
}, "\u7F16\u8F91")));
|
45
|
-
}
|
package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyView.js
DELETED
@@ -1,29 +0,0 @@
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
2
|
-
import NoDataPage from '@riil-frontend/component-no-data-page';
|
3
|
-
import React from 'react';
|
4
|
-
import Data from "./Data";
|
5
|
-
export default function LinkPropertyView(props) {
|
6
|
-
var edge = props.edge,
|
7
|
-
topo = props.topo;
|
8
|
-
var link = topo.dataModel.useDataById(edge.getTag());
|
9
|
-
var source = topo.dataModel.useDataById(link.source);
|
10
|
-
var target = topo.dataModel.useDataById(link.target); // 无权限不显示数据页签
|
11
|
-
|
12
|
-
if (link) {
|
13
|
-
var readable = link.permission.readable;
|
14
|
-
|
15
|
-
if (!readable) {
|
16
|
-
return /*#__PURE__*/React.createElement(NoDataPage, {
|
17
|
-
statusCode: "\u6CA1\u6709\u67E5\u770B\u6743\u9650"
|
18
|
-
});
|
19
|
-
}
|
20
|
-
} else {
|
21
|
-
return null;
|
22
|
-
}
|
23
|
-
|
24
|
-
return /*#__PURE__*/React.createElement(Data, _extends({}, props, {
|
25
|
-
link: link,
|
26
|
-
source: source,
|
27
|
-
target: target
|
28
|
-
}));
|
29
|
-
}
|
package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/LinkPropertyViewV1.js
DELETED
@@ -1,37 +0,0 @@
|
|
1
|
-
import _Tab from "@alifd/next/es/tab";
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
3
|
-
import React from 'react';
|
4
|
-
import TabView from "../../../../../../core/editor/components/settings/common/tab/TabView";
|
5
|
-
import Data from "./Data";
|
6
|
-
import Setting from "./Setting";
|
7
|
-
export default function LinkPropertyView(props) {
|
8
|
-
var edge = props.edge,
|
9
|
-
topo = props.topo; // 无权限不显示数据页签
|
10
|
-
|
11
|
-
var _topo$store$useModelS = topo.store.useModelState('topoMod').data,
|
12
|
-
links = _topo$store$useModelS.links,
|
13
|
-
linkGroups = _topo$store$useModelS.linkGroups;
|
14
|
-
var link = [].concat(links, linkGroups).find(function (item) {
|
15
|
-
return item.id === edge.getTag();
|
16
|
-
}); // console.log('LinkPropertyView',link)
|
17
|
-
|
18
|
-
if (link) {
|
19
|
-
var readable = link.permission.readable;
|
20
|
-
|
21
|
-
if (!readable) {
|
22
|
-
return /*#__PURE__*/React.createElement(Setting, props);
|
23
|
-
}
|
24
|
-
} else {
|
25
|
-
return /*#__PURE__*/React.createElement(Setting, props);
|
26
|
-
}
|
27
|
-
|
28
|
-
return /*#__PURE__*/React.createElement(TabView, null, /*#__PURE__*/React.createElement(_Tab.Item, {
|
29
|
-
title: "\u6570\u636E",
|
30
|
-
key: "1"
|
31
|
-
}, /*#__PURE__*/React.createElement(Data, _extends({}, props, {
|
32
|
-
link: link
|
33
|
-
}))), /*#__PURE__*/React.createElement(_Tab.Item, {
|
34
|
-
title: "\u8BBE\u7F6E",
|
35
|
-
key: "2"
|
36
|
-
}, /*#__PURE__*/React.createElement(Setting, props)));
|
37
|
-
}
|
package/es/networkTopo/components/editor/propertyViews/edge/LinkPropertyView/Setting/index.js
DELETED
@@ -1,49 +0,0 @@
|
|
1
|
-
import _Form from "@alifd/next/es/form";
|
2
|
-
import _Field from "@alifd/next/es/field";
|
3
|
-
import _extends from "@babel/runtime/helpers/extends";
|
4
|
-
import _Collapse from "@alifd/next/es/collapse";
|
5
|
-
import React, { useEffect } from "react";
|
6
|
-
import LineType from "../../../../../../../core/editor/components/settings/common/LineType";
|
7
|
-
var CollapsePanel = _Collapse.Panel;
|
8
|
-
|
9
|
-
function parseValues(values) {
|
10
|
-
return _extends({}, values);
|
11
|
-
}
|
12
|
-
|
13
|
-
export default function LinkSetting(props) {
|
14
|
-
var topo = props.topo,
|
15
|
-
values = props.values,
|
16
|
-
_onChange = props.onChange,
|
17
|
-
edge = props.edge;
|
18
|
-
|
19
|
-
var field = _Field.useField({
|
20
|
-
autoUnmount: false,
|
21
|
-
values: parseValues(values),
|
22
|
-
onChange: function onChange(name, value) {
|
23
|
-
var newValues = field.getValues();
|
24
|
-
|
25
|
-
_onChange(name, value, newValues);
|
26
|
-
}
|
27
|
-
});
|
28
|
-
|
29
|
-
useEffect(function () {
|
30
|
-
field.setValues(parseValues(values));
|
31
|
-
}, [values]);
|
32
|
-
return /*#__PURE__*/React.createElement(_Form, {
|
33
|
-
field: field,
|
34
|
-
labelAlign: "top"
|
35
|
-
}, /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement(_Collapse, {
|
36
|
-
defaultExpandedKeys: ["线形"],
|
37
|
-
style: {
|
38
|
-
border: "none"
|
39
|
-
}
|
40
|
-
}, /*#__PURE__*/React.createElement(CollapsePanel, {
|
41
|
-
key: "\u7EBF\u5F62",
|
42
|
-
title: "\u7EBF\u5F62"
|
43
|
-
}, /*#__PURE__*/React.createElement(LineType, {
|
44
|
-
topo: topo,
|
45
|
-
getEdges: function getEdges() {
|
46
|
-
return [edge];
|
47
|
-
}
|
48
|
-
})))));
|
49
|
-
}
|
@@ -1,178 +0,0 @@
|
|
1
|
-
import _Form from "@alifd/next/es/form";
|
2
|
-
import _Select from "@alifd/next/es/select";
|
3
|
-
import _Loading from "@alifd/next/es/loading";
|
4
|
-
import _extends from "@babel/runtime/helpers/extends";
|
5
|
-
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
6
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
7
|
-
import rlog from "@riil-frontend/component-topology-utils/es/rlog";
|
8
|
-
import React, { useEffect, useState } from "react";
|
9
|
-
import service from "../../../../../services/link";
|
10
|
-
export default function BindExitLinkSelect(props) {
|
11
|
-
var topo = props.topo,
|
12
|
-
edge = props.edge,
|
13
|
-
values = props.values,
|
14
|
-
onChange = props.onChange,
|
15
|
-
editorProps = props.editorProps;
|
16
|
-
var store = topo.store;
|
17
|
-
|
18
|
-
var _store$useModel = store.useModel("topoConfig"),
|
19
|
-
editState = _store$useModel[0],
|
20
|
-
editDispatchers = _store$useModel[1]; // 可关联出口链路
|
21
|
-
|
22
|
-
|
23
|
-
var _useState = useState([]),
|
24
|
-
associatedlinks = _useState[0],
|
25
|
-
setAssociatedlinks = _useState[1];
|
26
|
-
|
27
|
-
var _useState2 = useState(false),
|
28
|
-
loading = _useState2[0],
|
29
|
-
setLoading = _useState2[1]; // const [isLine, setIsLine] = useState(false);
|
30
|
-
|
31
|
-
|
32
|
-
var getLinkByNodes = /*#__PURE__*/function () {
|
33
|
-
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(id) {
|
34
|
-
var result, hasLinkIds, axlink;
|
35
|
-
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
36
|
-
while (1) {
|
37
|
-
switch (_context.prev = _context.next) {
|
38
|
-
case 0:
|
39
|
-
_context.next = 2;
|
40
|
-
return service.queryAssociatedlinks(id);
|
41
|
-
|
42
|
-
case 2:
|
43
|
-
result = _context.sent;
|
44
|
-
hasLinkIds = topo.getLines().map(function (line) {
|
45
|
-
return line.id;
|
46
|
-
});
|
47
|
-
axlink = [];
|
48
|
-
result.data.map(function (exLink) {
|
49
|
-
if (hasLinkIds.indexOf(exLink.id) < 0) {
|
50
|
-
axlink.push(exLink);
|
51
|
-
}
|
52
|
-
});
|
53
|
-
rlog.debug("出口链路列表", result.data, axlink);
|
54
|
-
setAssociatedlinks(axlink);
|
55
|
-
|
56
|
-
case 8:
|
57
|
-
case "end":
|
58
|
-
return _context.stop();
|
59
|
-
}
|
60
|
-
}
|
61
|
-
}, _callee);
|
62
|
-
}));
|
63
|
-
|
64
|
-
return function getLinkByNodes(_x) {
|
65
|
-
return _ref.apply(this, arguments);
|
66
|
-
};
|
67
|
-
}();
|
68
|
-
|
69
|
-
useEffect(function () {
|
70
|
-
// console.log(
|
71
|
-
// "CommonEdgePropertyView-edge",
|
72
|
-
// edge,
|
73
|
-
// edge.getSource().getTag(),
|
74
|
-
// edge.getTarget()
|
75
|
-
// );
|
76
|
-
var ids = [edge.getSource().getTag(), edge.getTarget().getTag()];
|
77
|
-
getLinkByNodes(ids);
|
78
|
-
}, [edge]);
|
79
|
-
|
80
|
-
var bindExitLink = /*#__PURE__*/function () {
|
81
|
-
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value) {
|
82
|
-
var data, exitLink, config, exconfig, exportLinkIdList, _yield$editDispatcher, elements, target, aobj;
|
83
|
-
|
84
|
-
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
85
|
-
while (1) {
|
86
|
-
switch (_context2.prev = _context2.next) {
|
87
|
-
case 0:
|
88
|
-
topo.historyManager.beginTransaction();
|
89
|
-
setLoading(true);
|
90
|
-
data = associatedlinks.find(function (link) {
|
91
|
-
return link.id === value;
|
92
|
-
});
|
93
|
-
rlog.debug("bindExitLink--- v, edge", data, edge);
|
94
|
-
exitLink = {
|
95
|
-
attributes: [],
|
96
|
-
ciType: "network_link",
|
97
|
-
dtype: "link",
|
98
|
-
id: data.id,
|
99
|
-
interfaceSource: data["network_link.source_device_id"],
|
100
|
-
interfaceTarget: data.attributes["network_link.destination_device_id"],
|
101
|
-
metrics: [],
|
102
|
-
name: data.attributes.name,
|
103
|
-
"network_link.destination_ipv4": data.attributes["network_link.destination_ipv4"],
|
104
|
-
operation: "delete",
|
105
|
-
source: data.attributes.source_id,
|
106
|
-
target: data.attributes.destination_id,
|
107
|
-
type: "link"
|
108
|
-
};
|
109
|
-
config = topo.resourceConfig.getConfigFromHt();
|
110
|
-
rlog.debug("getConfigFromHt", config, topo.resourceConfig);
|
111
|
-
exconfig = _extends({}, config);
|
112
|
-
exportLinkIdList = config.exportLinkIdList;
|
113
|
-
exportLinkIdList.push(data.id);
|
114
|
-
topo.resourceConfig.updateConfig(_extends({}, config, {
|
115
|
-
exportLinkIdList: exportLinkIdList
|
116
|
-
}));
|
117
|
-
_context2.next = 13;
|
118
|
-
return editDispatchers.fetchDataByConfig();
|
119
|
-
|
120
|
-
case 13:
|
121
|
-
_yield$editDispatcher = _context2.sent;
|
122
|
-
elements = _yield$editDispatcher.elements;
|
123
|
-
target = edge.getTarget();
|
124
|
-
|
125
|
-
if (target.getTag() === undefined) {
|
126
|
-
target.a("name", exitLink["network_link.destination_ipv4"]);
|
127
|
-
}
|
128
|
-
|
129
|
-
aobj = edge.getAttrObject();
|
130
|
-
edge.setAttrObject(_extends({}, aobj, exitLink));
|
131
|
-
edge.setTag(data.id); // console.log(
|
132
|
-
// "bindExitLink------------",
|
133
|
-
// target,
|
134
|
-
// target.getTag(),
|
135
|
-
// data["network_link.destination_ipv4"],
|
136
|
-
// exitLink
|
137
|
-
// );
|
138
|
-
|
139
|
-
rlog.debug("fetchDataByConfig", elements);
|
140
|
-
setLoading(false);
|
141
|
-
topo.historyManager.endTransaction();
|
142
|
-
|
143
|
-
case 23:
|
144
|
-
case "end":
|
145
|
-
return _context2.stop();
|
146
|
-
}
|
147
|
-
}
|
148
|
-
}, _callee2);
|
149
|
-
}));
|
150
|
-
|
151
|
-
return function bindExitLink(_x2) {
|
152
|
-
return _ref2.apply(this, arguments);
|
153
|
-
};
|
154
|
-
}();
|
155
|
-
|
156
|
-
return /*#__PURE__*/React.createElement(_Form.Item, {
|
157
|
-
label: "\u5173\u8054\u51FA\u53E3\u94FE\u8DEF",
|
158
|
-
style: {
|
159
|
-
marginBottom: 0
|
160
|
-
}
|
161
|
-
}, /*#__PURE__*/React.createElement(_Loading, {
|
162
|
-
visible: loading,
|
163
|
-
fullScreen: true
|
164
|
-
}), /*#__PURE__*/React.createElement(_Select, {
|
165
|
-
style: {
|
166
|
-
width: 232
|
167
|
-
},
|
168
|
-
disabled: associatedlinks.length < 1,
|
169
|
-
onChange: function onChange(v) {
|
170
|
-
bindExitLink(v);
|
171
|
-
}
|
172
|
-
}, associatedlinks.map(function (item, index) {
|
173
|
-
return /*#__PURE__*/React.createElement(_Select.Option, {
|
174
|
-
value: item.id,
|
175
|
-
key: index
|
176
|
-
}, item.attributes.display_name);
|
177
|
-
})));
|
178
|
-
}
|