@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
@@ -1,60 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- exports.__esModule = true;
6
- exports["default"] = EdgePropertyView;
7
-
8
- var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
9
-
10
- var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
11
-
12
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
15
-
16
- var _react = _interopRequireWildcard(require("react"));
17
-
18
- var _BindExitLinkSelect = _interopRequireDefault(require("./link/BindExitLinkSelect"));
19
-
20
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
-
22
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
-
24
- function parseValues(values, edge) {
25
- return (0, _extends2["default"])({}, values);
26
- }
27
-
28
- function EdgePropertyView(props) {
29
- var topo = props.topo,
30
- edge = props.edge,
31
- values = props.values,
32
- _onChange = props.onChange,
33
- editorProps = props.editorProps,
34
- extraDisplaySetting = props.extraDisplaySetting;
35
- var store = topo.store;
36
-
37
- var field = _field["default"].useField({
38
- autoUnmount: false,
39
- values: parseValues(values, edge),
40
- onChange: function onChange(name, value) {
41
- _rlog["default"].debug('CommonEdgePropertyView', name, value);
42
-
43
- var newValues = field.getValues();
44
-
45
- _onChange(name, value, newValues);
46
- }
47
- });
48
-
49
- (0, _react.useEffect)(function () {
50
- field.setValues(parseValues(values, edge));
51
- }, [values]);
52
- return /*#__PURE__*/_react["default"].createElement("div", {
53
- style: {
54
- margin: '12px 0 0 32px'
55
- }
56
- }, /*#__PURE__*/_react["default"].createElement(_form["default"], {
57
- field: field,
58
- labelAlign: "top"
59
- }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, null, /*#__PURE__*/_react["default"].createElement(_BindExitLinkSelect["default"], props))));
60
- }
@@ -1,60 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- exports.__esModule = true;
6
- exports["default"] = LinkDataTab;
7
-
8
- var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _LinkInfoPreview = _interopRequireDefault(require("../../link/LinkInfoPreview"));
13
-
14
- var _LinkInfoPreviewModule = _interopRequireDefault(require("../../link/LinkInfoPreview.module.scss"));
15
-
16
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
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
- function LinkDataTab(props) {
23
- var _link$permission;
24
-
25
- var topo = props.topo,
26
- edge = props.edge,
27
- link = props.link,
28
- source = props.source,
29
- target = props.target,
30
- editorProps = props.editorProps;
31
-
32
- var _topo$store$useModel = topo.store.useModel("topoConfig"),
33
- editState = _topo$store$useModel[0],
34
- editDispatchers = _topo$store$useModel[1];
35
-
36
- var openEditLinkDrawer = function openEditLinkDrawer() {
37
- editDispatchers.update({
38
- addLinkIsOpen: true,
39
- currentLink: link
40
- });
41
- };
42
-
43
- return /*#__PURE__*/_react["default"].createElement("div", {
44
- className: _LinkInfoPreviewModule["default"].panelFullHeight
45
- }, /*#__PURE__*/_react["default"].createElement(_LinkInfoPreview["default"], {
46
- className: _LinkInfoPreviewModule["default"].lindInfoPreview,
47
- topo: topo,
48
- data: link,
49
- source: source,
50
- target: target,
51
- isCmpTopo: (editorProps === null || editorProps === void 0 ? void 0 : editorProps.topoType) === 'cmpTopo'
52
- }), /*#__PURE__*/_react["default"].createElement("div", {
53
- className: _LinkInfoPreviewModule["default"].footer
54
- }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
55
- className: _LinkInfoPreviewModule["default"].button,
56
- type: "primary",
57
- disabled: !(link !== null && link !== void 0 && (_link$permission = link.permission) !== null && _link$permission !== void 0 && _link$permission.writeable),
58
- onClick: openEditLinkDrawer
59
- }, "\u7F16\u8F91")));
60
- }
@@ -1,40 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- exports.__esModule = true;
6
- exports["default"] = LinkPropertyView;
7
-
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
-
10
- var _componentNoDataPage = _interopRequireDefault(require("@riil-frontend/component-no-data-page"));
11
-
12
- var _react = _interopRequireDefault(require("react"));
13
-
14
- var _Data = _interopRequireDefault(require("./Data"));
15
-
16
- function LinkPropertyView(props) {
17
- var edge = props.edge,
18
- topo = props.topo;
19
- var link = topo.dataModel.useDataById(edge.getTag());
20
- var source = topo.dataModel.useDataById(link.source);
21
- var target = topo.dataModel.useDataById(link.target); // 无权限不显示数据页签
22
-
23
- if (link) {
24
- var readable = link.permission.readable;
25
-
26
- if (!readable) {
27
- return /*#__PURE__*/_react["default"].createElement(_componentNoDataPage["default"], {
28
- statusCode: "\u6CA1\u6709\u67E5\u770B\u6743\u9650"
29
- });
30
- }
31
- } else {
32
- return null;
33
- }
34
-
35
- return /*#__PURE__*/_react["default"].createElement(_Data["default"], (0, _extends2["default"])({}, props, {
36
- link: link,
37
- source: source,
38
- target: target
39
- }));
40
- }
@@ -1,50 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- exports.__esModule = true;
6
- exports["default"] = LinkPropertyView;
7
-
8
- var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var _react = _interopRequireDefault(require("react"));
13
-
14
- var _TabView = _interopRequireDefault(require("../../../../../../core/editor/components/settings/common/tab/TabView"));
15
-
16
- var _Data = _interopRequireDefault(require("./Data"));
17
-
18
- var _Setting = _interopRequireDefault(require("./Setting"));
19
-
20
- function LinkPropertyView(props) {
21
- var edge = props.edge,
22
- topo = props.topo; // 无权限不显示数据页签
23
-
24
- var _topo$store$useModelS = topo.store.useModelState('topoMod').data,
25
- links = _topo$store$useModelS.links,
26
- linkGroups = _topo$store$useModelS.linkGroups;
27
- var link = [].concat(links, linkGroups).find(function (item) {
28
- return item.id === edge.getTag();
29
- }); // console.log('LinkPropertyView',link)
30
-
31
- if (link) {
32
- var readable = link.permission.readable;
33
-
34
- if (!readable) {
35
- return /*#__PURE__*/_react["default"].createElement(_Setting["default"], props);
36
- }
37
- } else {
38
- return /*#__PURE__*/_react["default"].createElement(_Setting["default"], props);
39
- }
40
-
41
- return /*#__PURE__*/_react["default"].createElement(_TabView["default"], null, /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
42
- title: "\u6570\u636E",
43
- key: "1"
44
- }, /*#__PURE__*/_react["default"].createElement(_Data["default"], (0, _extends2["default"])({}, props, {
45
- link: link
46
- }))), /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, {
47
- title: "\u8BBE\u7F6E",
48
- key: "2"
49
- }, /*#__PURE__*/_react["default"].createElement(_Setting["default"], props)));
50
- }
@@ -1,66 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- exports.__esModule = true;
6
- exports["default"] = LinkSetting;
7
-
8
- var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
9
-
10
- var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
11
-
12
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
- var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
15
-
16
- var _react = _interopRequireWildcard(require("react"));
17
-
18
- var _LineType = _interopRequireDefault(require("../../../../../../../core/editor/components/settings/common/LineType"));
19
-
20
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
-
22
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
-
24
- var CollapsePanel = _collapse["default"].Panel;
25
-
26
- function parseValues(values) {
27
- return (0, _extends2["default"])({}, values);
28
- }
29
-
30
- function LinkSetting(props) {
31
- var topo = props.topo,
32
- values = props.values,
33
- _onChange = props.onChange,
34
- edge = props.edge;
35
-
36
- var field = _field["default"].useField({
37
- autoUnmount: false,
38
- values: parseValues(values),
39
- onChange: function onChange(name, value) {
40
- var newValues = field.getValues();
41
-
42
- _onChange(name, value, newValues);
43
- }
44
- });
45
-
46
- (0, _react.useEffect)(function () {
47
- field.setValues(parseValues(values));
48
- }, [values]);
49
- return /*#__PURE__*/_react["default"].createElement(_form["default"], {
50
- field: field,
51
- labelAlign: "top"
52
- }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, null, /*#__PURE__*/_react["default"].createElement(_collapse["default"], {
53
- defaultExpandedKeys: ["线形"],
54
- style: {
55
- border: "none"
56
- }
57
- }, /*#__PURE__*/_react["default"].createElement(CollapsePanel, {
58
- key: "\u7EBF\u5F62",
59
- title: "\u7EBF\u5F62"
60
- }, /*#__PURE__*/_react["default"].createElement(_LineType["default"], {
61
- topo: topo,
62
- getEdges: function getEdges() {
63
- return [edge];
64
- }
65
- })))));
66
- }
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- exports.__esModule = true;
6
- exports["default"] = void 0;
7
-
8
- var _LinkPropertyView = _interopRequireDefault(require("./LinkPropertyView"));
9
-
10
- var _default = _LinkPropertyView["default"];
11
- exports["default"] = _default;
@@ -1,205 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- exports.__esModule = true;
6
- exports["default"] = BindExitLinkSelect;
7
-
8
- var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
9
-
10
- var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
11
-
12
- var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
13
-
14
- var _loading = _interopRequireDefault(require("@alifd/next/lib/loading"));
15
-
16
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
17
-
18
- var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
19
-
20
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
21
-
22
- var _react = _interopRequireWildcard(require("react"));
23
-
24
- var _link = _interopRequireDefault(require("../../../../../services/link"));
25
-
26
- 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); }
27
-
28
- 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; }
29
-
30
- function BindExitLinkSelect(props) {
31
- var topo = props.topo,
32
- edge = props.edge,
33
- values = props.values,
34
- onChange = props.onChange,
35
- editorProps = props.editorProps;
36
- var store = topo.store;
37
-
38
- var _store$useModel = store.useModel("topoConfig"),
39
- editState = _store$useModel[0],
40
- editDispatchers = _store$useModel[1]; // 可关联出口链路
41
-
42
-
43
- var _useState = (0, _react.useState)([]),
44
- associatedlinks = _useState[0],
45
- setAssociatedlinks = _useState[1];
46
-
47
- var _useState2 = (0, _react.useState)(false),
48
- loading = _useState2[0],
49
- setLoading = _useState2[1]; // const [isLine, setIsLine] = useState(false);
50
-
51
-
52
- var getLinkByNodes = /*#__PURE__*/function () {
53
- var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(id) {
54
- var result, hasLinkIds, axlink;
55
- return _regenerator["default"].wrap(function _callee$(_context) {
56
- while (1) {
57
- switch (_context.prev = _context.next) {
58
- case 0:
59
- _context.next = 2;
60
- return _link["default"].queryAssociatedlinks(id);
61
-
62
- case 2:
63
- result = _context.sent;
64
- hasLinkIds = topo.getLines().map(function (line) {
65
- return line.id;
66
- });
67
- axlink = [];
68
- result.data.map(function (exLink) {
69
- if (hasLinkIds.indexOf(exLink.id) < 0) {
70
- axlink.push(exLink);
71
- }
72
- });
73
-
74
- _rlog["default"].debug("出口链路列表", result.data, axlink);
75
-
76
- setAssociatedlinks(axlink);
77
-
78
- case 8:
79
- case "end":
80
- return _context.stop();
81
- }
82
- }
83
- }, _callee);
84
- }));
85
-
86
- return function getLinkByNodes(_x) {
87
- return _ref.apply(this, arguments);
88
- };
89
- }();
90
-
91
- (0, _react.useEffect)(function () {
92
- // console.log(
93
- // "CommonEdgePropertyView-edge",
94
- // edge,
95
- // edge.getSource().getTag(),
96
- // edge.getTarget()
97
- // );
98
- var ids = [edge.getSource().getTag(), edge.getTarget().getTag()];
99
- getLinkByNodes(ids);
100
- }, [edge]);
101
-
102
- var bindExitLink = /*#__PURE__*/function () {
103
- var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(value) {
104
- var data, exitLink, config, exconfig, exportLinkIdList, _yield$editDispatcher, elements, target, aobj;
105
-
106
- return _regenerator["default"].wrap(function _callee2$(_context2) {
107
- while (1) {
108
- switch (_context2.prev = _context2.next) {
109
- case 0:
110
- topo.historyManager.beginTransaction();
111
- setLoading(true);
112
- data = associatedlinks.find(function (link) {
113
- return link.id === value;
114
- });
115
-
116
- _rlog["default"].debug("bindExitLink--- v, edge", data, edge);
117
-
118
- exitLink = {
119
- attributes: [],
120
- ciType: "network_link",
121
- dtype: "link",
122
- id: data.id,
123
- interfaceSource: data["network_link.source_device_id"],
124
- interfaceTarget: data.attributes["network_link.destination_device_id"],
125
- metrics: [],
126
- name: data.attributes.name,
127
- "network_link.destination_ipv4": data.attributes["network_link.destination_ipv4"],
128
- operation: "delete",
129
- source: data.attributes.source_id,
130
- target: data.attributes.destination_id,
131
- type: "link"
132
- };
133
- config = topo.resourceConfig.getConfigFromHt();
134
-
135
- _rlog["default"].debug("getConfigFromHt", config, topo.resourceConfig);
136
-
137
- exconfig = (0, _extends2["default"])({}, config);
138
- exportLinkIdList = config.exportLinkIdList;
139
- exportLinkIdList.push(data.id);
140
- topo.resourceConfig.updateConfig((0, _extends2["default"])({}, config, {
141
- exportLinkIdList: exportLinkIdList
142
- }));
143
- _context2.next = 13;
144
- return editDispatchers.fetchDataByConfig();
145
-
146
- case 13:
147
- _yield$editDispatcher = _context2.sent;
148
- elements = _yield$editDispatcher.elements;
149
- target = edge.getTarget();
150
-
151
- if (target.getTag() === undefined) {
152
- target.a("name", exitLink["network_link.destination_ipv4"]);
153
- }
154
-
155
- aobj = edge.getAttrObject();
156
- edge.setAttrObject((0, _extends2["default"])({}, aobj, exitLink));
157
- edge.setTag(data.id); // console.log(
158
- // "bindExitLink------------",
159
- // target,
160
- // target.getTag(),
161
- // data["network_link.destination_ipv4"],
162
- // exitLink
163
- // );
164
-
165
- _rlog["default"].debug("fetchDataByConfig", elements);
166
-
167
- setLoading(false);
168
- topo.historyManager.endTransaction();
169
-
170
- case 23:
171
- case "end":
172
- return _context2.stop();
173
- }
174
- }
175
- }, _callee2);
176
- }));
177
-
178
- return function bindExitLink(_x2) {
179
- return _ref2.apply(this, arguments);
180
- };
181
- }();
182
-
183
- return /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
184
- label: "\u5173\u8054\u51FA\u53E3\u94FE\u8DEF",
185
- style: {
186
- marginBottom: 0
187
- }
188
- }, /*#__PURE__*/_react["default"].createElement(_loading["default"], {
189
- visible: loading,
190
- fullScreen: true
191
- }), /*#__PURE__*/_react["default"].createElement(_select["default"], {
192
- style: {
193
- width: 232
194
- },
195
- disabled: associatedlinks.length < 1,
196
- onChange: function onChange(v) {
197
- bindExitLink(v);
198
- }
199
- }, associatedlinks.map(function (item, index) {
200
- return /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
201
- value: item.id,
202
- key: index
203
- }, item.attributes.display_name);
204
- })));
205
- }
@@ -1,147 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- exports.__esModule = true;
6
- exports["default"] = LindInfoPreview;
7
-
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
-
10
- var _box = _interopRequireDefault(require("@alifd/next/lib/box"));
11
-
12
- var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
13
-
14
- var _react = _interopRequireWildcard(require("react"));
15
-
16
- var _LinkInfoPreviewModule = _interopRequireDefault(require("./LinkInfoPreview.module.scss"));
17
-
18
- var _attributeFormatter = require("../../../../../../core/models/attributeFormatter");
19
-
20
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
21
-
22
- 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); }
23
-
24
- 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; }
25
-
26
- var CollapsePanel = _collapse["default"].Panel;
27
-
28
- function Item(props) {
29
- return /*#__PURE__*/_react["default"].createElement(_box["default"], {
30
- key: props.name,
31
- direction: "row",
32
- spacing: 8,
33
- className: _LinkInfoPreviewModule["default"].row
34
- }, /*#__PURE__*/_react["default"].createElement(_box["default"], {
35
- className: _LinkInfoPreviewModule["default"].label
36
- }, props.label), /*#__PURE__*/_react["default"].createElement(_box["default"], {
37
- className: props.name === "use" ? _LinkInfoPreviewModule["default"].uselabelValue : _LinkInfoPreviewModule["default"].labelValue,
38
- flex: 1
39
- }, props.content));
40
- }
41
-
42
- function LindInfoPreview(props) {
43
- var topo = props.topo,
44
- data = props.data,
45
- isCmpTopo = props.isCmpTopo,
46
- target = props.target;
47
- var cmpFields = [];
48
- var cmpFieldsSource = []; // 分级拓扑逻辑
49
-
50
- if (isCmpTopo && target.id.indexOf("sub") >= 0) {
51
- cmpFields.push({
52
- label: "所属平台",
53
- content: target.attributes.platform
54
- });
55
- cmpFieldsSource.push({
56
- label: "所属平台",
57
- content: '本级平台'
58
- });
59
- }
60
-
61
- var fields = [{
62
- label: "链路名称",
63
- name: "display_name"
64
- }, {
65
- label: "源节点名称",
66
- name: "network_link.source_device_id"
67
- }, {
68
- label: "源节点IP",
69
- name: "network_link.source_device_ipv4"
70
- }, {
71
- label: "源端口",
72
- name: "source_id"
73
- }, {
74
- label: "源端IP",
75
- name: "network_link.source_ipv4"
76
- }].concat(cmpFieldsSource, [{
77
- label: "目的节点名称",
78
- name: "network_link.destination_device_id"
79
- }, {
80
- label: "目的节点IP",
81
- name: "network_link.destination_device_ipv4"
82
- }, {
83
- label: "目的端口",
84
- name: "destination_id"
85
- }, {
86
- label: "目的端IP",
87
- name: "network_link.destination_ipv4"
88
- }], cmpFields, [{
89
- label: "取值端口",
90
- name: "network_link.value_port"
91
- }, {
92
- label: "实际带宽",
93
- name: "network_link.actual_bandwidth"
94
- }, {
95
- label: "用途",
96
- name: "use"
97
- }]);
98
-
99
- var getValue = function getValue(name) {
100
- var value; // console.log('LindInfoPreview-getValue',data,name)
101
-
102
- if (data) {
103
- if (data.attributes[name + "_object"]) {
104
- value = data.attributes[name + "_object"].displayName;
105
- } else {
106
- value = data.attributes[name];
107
- }
108
-
109
- var attrMeta = topo.ciTyeCache.getCiType("network_link").attributeMap[name];
110
- value = (0, _attributeFormatter.formatMetric)(value, attrMeta);
111
-
112
- if (name === "network_link.value_port") {
113
- value = "源端口";
114
- }
115
- } else {
116
- value = "-";
117
- }
118
-
119
- return value;
120
- };
121
-
122
- return fields.map(function (field, index) {
123
- return /*#__PURE__*/_react["default"].createElement(Item, (0, _extends2["default"])({
124
- key: index
125
- }, field, {
126
- content: field.content || getValue(field.name)
127
- }));
128
- }); // <Collapse
129
- // defaultExpandedKeys={["相关资源"]}
130
- // style={{ border: "none" }}
131
- // className={styles.panelFullHeight}
132
- // >
133
- // <CollapsePanel key="相关资源" title="相关资源">
134
- // {fields.map((field) => (
135
- // <Box
136
- // key={field.name}
137
- // direction="row"
138
- // spacing={12}
139
- // className={styles.row}
140
- // >
141
- // <Box className={styles.label}>{field.label}</Box>
142
- // <Box flex={1}>{getValue(field.name)}</Box>
143
- // </Box>
144
- // ))}
145
- // </CollapsePanel>
146
- // </Collapse>
147
- }