@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.
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
@@ -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.20" === 'string' ? "7.0.0-dev.20" : null;
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
  * 拓扑显示和编辑
@@ -1,4 +1,3 @@
1
1
  import TopoCenter from "./models/TopoCenter";
2
2
  import createTopo from "./createTopo";
3
- import Topology from "./components/Topology";
4
- export { TopoCenter, createTopo, Topology };
3
+ export { TopoCenter, createTopo };
@@ -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.editTopoonTree(parseInt(conditions.id, 10), conditions.name, conditions.type);
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.20" === 'string' ? "7.0.0-dev.20" : null;
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
  * 拓扑显示和编辑
@@ -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.editTopoonTree(parseInt(conditions.id, 10), conditions.name, conditions.type);
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.20",
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.20/build/index.html",
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
- }
@@ -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
- }
@@ -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
- }
@@ -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,2 +0,0 @@
1
- import LinkPropertyView from "./LinkPropertyView";
2
- export default LinkPropertyView;
@@ -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
- }