@riil-frontend/component-topology 13.0.0-dev.1 → 13.0.0-dev.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (73) hide show
  1. package/build/1.js +1 -1
  2. package/build/index.js +14 -14
  3. package/es/components/ResourceSelectDrawer/ResourceSelectDrawer.js +1 -1
  4. package/es/core/components/TopoView/topoView.js +7 -4
  5. package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +2 -2
  6. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +5 -15
  7. package/es/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +2 -27
  8. package/es/core/editor/components/Toolbar/widgets/FontSizeWidget.js +3 -28
  9. package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js +6 -52
  10. package/es/core/editor/components/Toolbar/widgets/components/FontFamilySelect.js +29 -0
  11. package/es/core/editor/components/Toolbar/widgets/components/FontSizeSelect.js +29 -0
  12. package/es/core/editor/components/Toolbar/widgets/components/FontStyleSelect.js +71 -0
  13. package/es/core/editor/components/settings/core/updateElementProperty.js +3 -2
  14. package/es/core/editor/components/settings/propertyViews/view/GlobalEdgeToggle.js +2 -2
  15. package/es/core/editor/hooks/useNewElementTheme.js +20 -16
  16. package/es/core/editor/utils/edgeTypeStyleUtil.js +11 -32
  17. package/es/core/hooks/useGraphAlarmDisplay.js +4 -0
  18. package/es/core/hooks/usePolling.js +2 -1
  19. package/es/core/hooks/useTopoEdit.js +206 -248
  20. package/es/core/models/AttributeMetricDisplay.js +4 -3
  21. package/es/core/models/HistoryManager.js +11 -9
  22. package/es/core/models/TopoApp.js +39 -45
  23. package/es/core/models/topoData.js +7 -14
  24. package/es/core/models/utils/linkUtils.js +36 -28
  25. package/es/core/store/models/topoConfig.js +14 -17
  26. package/es/core/utils/edgeUtil.js +7 -10
  27. package/es/core/viewer/components/plugins/ElementDetailDrawer/hooks/useElementDetailManager.js +2 -2
  28. package/es/networkTopo/models/EdgeGroupTagTipBuilder.js +7 -7
  29. package/es/networkTopo/models/LinkDynamicStyleExecutor.js +7 -63
  30. package/es/networkTopo/services/topo/basic.js +15 -8
  31. package/es/networkTopo/utils/edgeGroupTagUtil.js +2 -2
  32. package/es/networkTopo/utils/exitLinkUtil.js +23 -11
  33. package/es/networkTopo/utils/relateTopoDataUtil.js +96 -0
  34. package/es/style.js +1 -1
  35. package/es/utils/clusterUtil.js +3 -3
  36. package/es/utils/htElementUtils.js +16 -84
  37. package/lib/components/ResourceSelectDrawer/ResourceSelectDrawer.js +1 -1
  38. package/lib/core/components/TopoView/topoView.js +15 -19
  39. package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +2 -2
  40. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +5 -14
  41. package/lib/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +3 -28
  42. package/lib/core/editor/components/Toolbar/widgets/FontSizeWidget.js +3 -28
  43. package/lib/core/editor/components/Toolbar/widgets/FontStyleButton.js +6 -56
  44. package/lib/core/editor/components/Toolbar/widgets/components/FontFamilySelect.js +38 -0
  45. package/lib/core/editor/components/Toolbar/widgets/components/FontSizeSelect.js +38 -0
  46. package/lib/core/editor/components/Toolbar/widgets/components/FontStyleSelect.js +83 -0
  47. package/lib/core/editor/components/settings/core/updateElementProperty.js +7 -2
  48. package/lib/core/editor/components/settings/propertyViews/view/GlobalEdgeToggle.js +2 -2
  49. package/lib/core/editor/hooks/useNewElementTheme.js +20 -16
  50. package/lib/core/editor/utils/edgeTypeStyleUtil.js +10 -33
  51. package/lib/core/hooks/useGraphAlarmDisplay.js +4 -0
  52. package/lib/core/hooks/usePolling.js +6 -5
  53. package/lib/core/hooks/useTopoEdit.js +212 -272
  54. package/lib/core/models/AttributeMetricDisplay.js +6 -6
  55. package/lib/core/models/HistoryManager.js +13 -17
  56. package/lib/core/models/TopoApp.js +39 -43
  57. package/lib/core/models/topoData.js +7 -14
  58. package/lib/core/models/utils/linkUtils.js +36 -27
  59. package/lib/core/store/models/topoConfig.js +20 -31
  60. package/lib/core/utils/edgeUtil.js +8 -10
  61. package/lib/core/viewer/components/plugins/ElementDetailDrawer/hooks/useElementDetailManager.js +3 -2
  62. package/lib/networkTopo/models/EdgeGroupTagTipBuilder.js +6 -6
  63. package/lib/networkTopo/models/LinkDynamicStyleExecutor.js +6 -64
  64. package/lib/networkTopo/services/topo/basic.js +21 -8
  65. package/lib/networkTopo/utils/edgeGroupTagUtil.js +2 -2
  66. package/lib/networkTopo/utils/exitLinkUtil.js +23 -11
  67. package/lib/networkTopo/utils/relateTopoDataUtil.js +109 -0
  68. package/lib/style.js +1 -1
  69. package/lib/utils/clusterUtil.js +2 -2
  70. package/lib/utils/htElementUtils.js +19 -93
  71. package/package.json +2 -2
  72. package/es/networkTopo/models/LinkTagsTipsBuilder.js +0 -235
  73. package/lib/networkTopo/models/LinkTagsTipsBuilder.js +0 -245
@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
11
11
 
12
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
13
 
14
- var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
14
+ var _loglevel = _interopRequireDefault(require("loglevel"));
15
15
 
16
16
  var _ResourceInfoDisplay = require("../../constants/ResourceInfoDisplay");
17
17
 
@@ -25,6 +25,8 @@ var _nodeNameVisibleUtil = require("./utils/nodeNameVisibleUtil");
25
25
 
26
26
  var _ciRefAttributeTranslateUtil = require("../../utils/ciRefAttributeTranslateUtil");
27
27
 
28
+ var rlog = _loglevel["default"].getLogger('topo');
29
+
28
30
  function isGraphField(item) {
29
31
  return item.type === 'graph';
30
32
  }
@@ -451,7 +453,7 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
451
453
  });
452
454
  });
453
455
  } else {
454
- _componentTopologyUtils.rlog.warn("\u63A8\u9001\u5C5E\u6027\u6307\u6807\u6570\u636E\uFF1A\u672A\u67E5\u8BE2\u5230ciType " + ciType, ciData);
456
+ rlog.warn("\u63A8\u9001\u5C5E\u6027\u6307\u6807\u6570\u636E\uFF1A\u672A\u67E5\u8BE2\u5230ciType " + ciType, ciData);
455
457
  }
456
458
  });
457
459
  refIds = Object.keys(refIdMap);
@@ -540,9 +542,7 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
540
542
  tags: tags
541
543
  });
542
544
  });
543
-
544
- _componentTopologyUtils.rlog.debug('推送标注 => ht', elementTagsAndTips);
545
-
545
+ rlog.debug(' ==> ht: 推送标注', elementTagsAndTips);
546
546
  var htTopo = topo.getHtTopo();
547
547
 
548
548
  if (htTopo) {
@@ -553,7 +553,7 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
553
553
  try {
554
554
  htTopo.loadTagAndTip(JSON.parse(JSON.stringify(elementTagsAndTips)));
555
555
  } catch (error) {
556
- _componentTopologyUtils.rlog.error('推送标注 => ht 失败', error);
556
+ rlog.error(' ==> ht: 推送标注失败', error);
557
557
  }
558
558
 
559
559
  (_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '加载标注');
@@ -9,6 +9,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
9
9
 
10
10
  var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
11
11
 
12
+ var _loglevel = _interopRequireDefault(require("loglevel"));
13
+
14
+ var log = _loglevel["default"].getLogger('topo.HistoryManager');
15
+
12
16
  var ht = window.ht;
13
17
 
14
18
  var HistoryManager = /*#__PURE__*/function () {
@@ -19,9 +23,7 @@ var HistoryManager = /*#__PURE__*/function () {
19
23
  this.topo = topo;
20
24
  this.htHistoryManager = htHistoryManager;
21
25
  htHistoryManager.clear();
22
-
23
- _componentTopologyUtils.rlog.info('HistoryManager 初始化', htHistoryManager);
24
-
26
+ log.info('HistoryManager 初始化', htHistoryManager);
25
27
  this.updateStore = this.updateStore.bind(this);
26
28
  this.init();
27
29
  }
@@ -69,11 +71,10 @@ var HistoryManager = /*#__PURE__*/function () {
69
71
 
70
72
  _proto.setDisabled = function setDisabled(disabled, message) {
71
73
  this.htHistoryManager.setDisabled(disabled);
72
-
73
- _componentTopologyUtils.rlog.debug("HistoryManager.setDisabled " + (disabled ? '禁用' : '启用') + (message ? "(" + message + ")" : '') + ": " + this.toString(), this.getHistories());
74
+ log.debug("HistoryManager.setDisabled: " + (disabled ? '禁用' : '启用') + ". <" + message + ">, " + this.toString() + ", ", 'Histories: ', this.getHistories());
74
75
  };
75
76
 
76
- _proto.beginTransaction = function beginTransaction() {
77
+ _proto.beginTransaction = function beginTransaction(name) {
77
78
  var _this = this;
78
79
 
79
80
  this.htHistoryManager.beginTransaction();
@@ -104,8 +105,7 @@ var HistoryManager = /*#__PURE__*/function () {
104
105
  oldValue: _this.topo.store.getModelState(item.modelName)[item.property]
105
106
  });
106
107
  });
107
-
108
- _componentTopologyUtils.rlog.debug("HistoryManager.beginTransaction: " + this.toString(), this.getHistories());
108
+ log.debug("HistoryManager.beginTransaction: " + this.toString(), this.getHistories());
109
109
  };
110
110
 
111
111
  _proto.addStoreHistory = function addStoreHistory() {
@@ -130,18 +130,16 @@ var HistoryManager = /*#__PURE__*/function () {
130
130
  type: 'store',
131
131
  data: storeChanged
132
132
  });
133
-
134
- _componentTopologyUtils.rlog.debug('HistoryManager.addStoreHistory', storeChanged);
133
+ log.debug('HistoryManager.addStoreHistory', storeChanged);
135
134
  }
136
135
 
137
136
  this.storeHistory = [];
138
137
  };
139
138
 
140
- _proto.endTransaction = function endTransaction() {
139
+ _proto.endTransaction = function endTransaction(name) {
141
140
  this.addStoreHistory();
142
141
  this.htHistoryManager.endTransaction();
143
-
144
- _componentTopologyUtils.rlog.debug("HistoryManager.endTransaction: " + this.toString(), this.getHistories());
142
+ log.debug("HistoryManager.endTransaction: " + this.toString(), this.getHistories());
145
143
  };
146
144
 
147
145
  _proto.clear = function clear() {
@@ -185,8 +183,7 @@ var HistoryManager = /*#__PURE__*/function () {
185
183
  return;
186
184
  }
187
185
 
188
- _componentTopologyUtils.rlog.debug('HistoryManager.undo', this.getHistories(), this.getHistoryIndex());
189
-
186
+ log.debug('HistoryManager.undo', this.getHistories(), this.getHistoryIndex());
190
187
  var storeHistory = this.getCurrentStoreHistory(true);
191
188
 
192
189
  if (storeHistory) {
@@ -204,8 +201,7 @@ var HistoryManager = /*#__PURE__*/function () {
204
201
  _proto.redo = function redo() {
205
202
  var _this4 = this;
206
203
 
207
- _componentTopologyUtils.rlog.debug('HistoryManager.redo', this.getHistories(), this.getHistoryIndex());
208
-
204
+ log.debug('HistoryManager.redo', this.getHistories(), this.getHistoryIndex());
209
205
  var storeHistory = this.getCurrentStoreHistory(false);
210
206
 
211
207
  if (storeHistory) {
@@ -54,7 +54,7 @@ var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
54
54
  var _CiCache = _interopRequireDefault(require("./cache/CiCache"));
55
55
 
56
56
  // eslint-disable-next-line no-undef
57
- var version = typeof "13.0.0-dev.1" === 'string' ? "13.0.0-dev.1" : null;
57
+ var version = typeof "13.0.0-dev.3" === 'string' ? "13.0.0-dev.3" : null;
58
58
  console.info("\u62D3\u6251\u7248\u672C: " + version);
59
59
  /**
60
60
  * 拓扑显示和编辑
@@ -218,37 +218,29 @@ var Topo = /*#__PURE__*/function () {
218
218
 
219
219
  _proto.getData = function getData() {
220
220
  return {
221
- groups: this.getGroups(),
222
- nodes: this.getNodes(),
223
- lines: this.getLines(),
221
+ groups: (0, _htElementUtils.getGroupDatas)(this.getDataModel()),
222
+ nodes: (0, _htElementUtils.getNodes)(this.getDataModel()).filter(function (node) {
223
+ return !!node.getTag();
224
+ }).map(_htElementUtils.getNodeData),
224
225
  customNodes: (0, _htElementUtils.getNodeDatas)(this.getDataModel()).filter(function (item) {
225
226
  return !item.id;
226
227
  }),
227
- customLines: this.getEdges().filter(function (item) {
228
+ lines: (0, _htElementUtils.getEdgeDatas)(this.getDataModel()).filter(function (item) {
229
+ return !!item.id;
230
+ }),
231
+ customLines: (0, _htElementUtils.getEdgeDatas)(this.getDataModel()).filter(function (item) {
228
232
  return !item.id;
229
233
  })
230
234
  };
231
- };
232
-
233
- _proto.getGroups = function getGroups() {
234
- return (0, _htElementUtils.getGroupDatas)(this.getDataModel());
235
- };
236
-
237
- _proto.getNodes = function getNodes() {
238
- var nodes = (0, _htElementUtils.getNodes)(this.getDataModel()).filter(function (node) {
239
- return !!node.getTag();
240
- });
241
- return nodes.map(_htElementUtils.getNodeData);
242
- };
235
+ }
236
+ /**
237
+ * @deprecated 待移除。uicbb有使用
238
+ * @returns
239
+ */
240
+ ;
243
241
 
244
242
  _proto.getLines = function getLines() {
245
- return this.getEdges().filter(function (item) {
246
- return !!item.id;
247
- });
248
- };
249
-
250
- _proto.getEdges = function getEdges() {
251
- return (0, _htElementUtils.getEdgeDatas)(this.getDataModel());
243
+ return this.getData().lines;
252
244
  }
253
245
  /**
254
246
  * 全量更新数据
@@ -307,18 +299,19 @@ var Topo = /*#__PURE__*/function () {
307
299
  /*#__PURE__*/
308
300
  function () {
309
301
  var _addElements = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(elements) {
310
- var data;
302
+ var prevData, data;
311
303
  return _regenerator["default"].wrap(function _callee5$(_context5) {
312
304
  while (1) switch (_context5.prev = _context5.next) {
313
305
  case 0:
306
+ prevData = this.getData();
314
307
  data = {
315
- groups: [].concat(this.getGroups(), elements.groups || []),
316
- nodes: [].concat(this.getNodes(), elements.nodes || []),
317
- lines: [].concat(this.getLines(), elements.lines || [])
308
+ groups: [].concat(prevData.groups, elements.groups || []),
309
+ nodes: [].concat(prevData.nodes, elements.nodes || []),
310
+ lines: [].concat(prevData.lines, elements.lines || [])
318
311
  };
319
312
  this.updateElements(data); // TODO 更新store,触发属性、指标模型加载,更新指标
320
313
 
321
- case 2:
314
+ case 3:
322
315
  case "end":
323
316
  return _context5.stop();
324
317
  }
@@ -547,37 +540,39 @@ var Topo = /*#__PURE__*/function () {
547
540
  case 0:
548
541
  _componentTopologyUtils.rlog.info('TopoApp.enterEditMode');
549
542
 
543
+ this.historyManager = null;
544
+
550
545
  if (!this.options.onSwitchToEditModeBegin) {
551
- _context12.next = 4;
546
+ _context12.next = 5;
552
547
  break;
553
548
  }
554
549
 
555
- _context12.next = 4;
550
+ _context12.next = 5;
556
551
  return this.options.onSwitchToEditModeBegin(this);
557
552
 
558
- case 4:
553
+ case 5:
559
554
  topoDispatchers = this.store.getModelDispatchers('topoMod');
560
- _context12.next = 7;
555
+ _context12.next = 8;
561
556
  return topoDispatchers.update({
562
557
  viewState: 'edit'
563
558
  });
564
559
 
565
- case 7:
566
- _context12.next = 9;
560
+ case 8:
561
+ _context12.next = 10;
567
562
  return this.view.switchToEditMode();
568
563
 
569
- case 9:
564
+ case 10:
570
565
  (0, _edgeUtil.updateEdgeExpanded)(this);
571
566
 
572
567
  if (!this.options.onSwitchToEditMode) {
573
- _context12.next = 13;
568
+ _context12.next = 14;
574
569
  break;
575
570
  }
576
571
 
577
- _context12.next = 13;
572
+ _context12.next = 14;
578
573
  return this.options.onSwitchToEditMode(this);
579
574
 
580
- case 13:
575
+ case 14:
581
576
  if (this.getDataModel()) {
582
577
  // 更新节点名称显示隐藏
583
578
  this.attributeMetricDisplay.updateNodesNameVisible();
@@ -587,7 +582,7 @@ var Topo = /*#__PURE__*/function () {
587
582
  iconManageDispatchers = this.store.getModelDispatchers('customIcon');
588
583
  iconManageDispatchers.loadEditorIcons();
589
584
 
590
- case 16:
585
+ case 17:
591
586
  case "end":
592
587
  return _context12.stop();
593
588
  }
@@ -611,18 +606,19 @@ var Topo = /*#__PURE__*/function () {
611
606
  return this.view.switchToViewMode();
612
607
 
613
608
  case 2:
609
+ this.historyManager = null;
614
610
  editDispatchers = this.store.getModelDispatchers('topoConfig');
615
611
  editDispatchers.switchToViewMode(this.id);
616
612
 
617
613
  if (!this.options.onSwitchToViewMode) {
618
- _context13.next = 7;
614
+ _context13.next = 8;
619
615
  break;
620
616
  }
621
617
 
622
- _context13.next = 7;
618
+ _context13.next = 8;
623
619
  return this.options.onSwitchToViewMode(this);
624
620
 
625
- case 7:
621
+ case 8:
626
622
  case "end":
627
623
  return _context13.stop();
628
624
  }
@@ -57,7 +57,7 @@ function saveTopo(_x) {
57
57
 
58
58
  function _saveTopo() {
59
59
  _saveTopo = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(data) {
60
- var topoService, topoId, template, layout, backgroundId, globalConfig, serialize, resources, groups, relateTopoIdList, viewGroupId, groupInfo, viewResources, linkIps;
60
+ var topoService, topoId, template, layout, backgroundId, globalConfig, serialize, resources, groups, relateTopoIdList, viewGroupId, groupInfo, viewResources;
61
61
  return _regenerator["default"].wrap(function _callee$(_context) {
62
62
  while (1) switch (_context.prev = _context.next) {
63
63
  case 0:
@@ -90,7 +90,7 @@ function _saveTopo() {
90
90
 
91
91
  case 8:
92
92
  if (!(resources || groups)) {
93
- _context.next = 16;
93
+ _context.next = 15;
94
94
  break;
95
95
  }
96
96
 
@@ -112,31 +112,24 @@ function _saveTopo() {
112
112
  });
113
113
  }
114
114
 
115
- linkIps = []; // resources?.static.map((nodeId) => {
116
- // if (nodeId.startsWith("ip_")) {
117
- // linkIps.push(nodeId.replace("ip_", ""));
118
- // }
119
- // });
120
-
121
115
  _rlog["default"].debug("saveTopo-groupInfo", groupInfo);
122
116
 
123
- _context.next = 16;
117
+ _context.next = 15;
124
118
  return topoService.bindResourceToTopo(topoId, {
125
119
  groups: groupInfo,
126
- linkIps: linkIps,
127
120
  relateTopoIdList: relateTopoIdList
128
121
  });
129
122
 
130
- case 16:
123
+ case 15:
131
124
  if (!serialize) {
132
- _context.next = 19;
125
+ _context.next = 18;
133
126
  break;
134
127
  }
135
128
 
136
- _context.next = 19;
129
+ _context.next = 18;
137
130
  return topoService.saveSerializeData(topoId, serialize);
138
131
 
139
- case 19:
132
+ case 18:
140
133
  case "end":
141
134
  return _context.stop();
142
135
  }
@@ -6,6 +6,7 @@ exports.__esModule = true;
6
6
  exports.buildTopoLinkData = buildTopoLinkData;
7
7
  exports.compatibleWith = void 0;
8
8
  exports.getLinksDetail = getLinksDetail;
9
+ exports.isAggLink = isAggLink;
9
10
  exports.isCrucialLink = isCrucialLink;
10
11
  exports.isExitLink = isExitLink;
11
12
  exports.mergeExportLinkData = void 0;
@@ -22,8 +23,6 @@ var _keyBy = _interopRequireDefault(require("lodash/keyBy"));
22
23
 
23
24
  var _lodash = _interopRequireDefault(require("lodash"));
24
25
 
25
- var _services = require("../../services");
26
-
27
26
  var _htElementUtils = require("../../../utils/htElementUtils");
28
27
 
29
28
  var _CiTypeCache = _interopRequireDefault(require("../cache/CiTypeCache"));
@@ -56,7 +55,21 @@ function isCrucialLink(link) {
56
55
 
57
56
 
58
57
  function isExitLink(link) {
59
- return (link === null || link === void 0 ? void 0 : link.attributes) && !(link !== null && link !== void 0 && link.attributes["destination_id"]);
58
+ var _link$attributes;
59
+
60
+ return (link === null || link === void 0 ? void 0 : (_link$attributes = link.attributes) === null || _link$attributes === void 0 ? void 0 : _link$attributes.destination_type) === "ip";
61
+ }
62
+ /**
63
+ * 是否聚合链路
64
+ * @param {*} link
65
+ * @returns
66
+ */
67
+
68
+
69
+ function isAggLink(link) {
70
+ var _link$attributes2, _link$attributes3;
71
+
72
+ return (link === null || link === void 0 ? void 0 : (_link$attributes2 = link.attributes) === null || _link$attributes2 === void 0 ? void 0 : _link$attributes2.destination_type) === "network.agg_interface" && (link === null || link === void 0 ? void 0 : (_link$attributes3 = link.attributes) === null || _link$attributes3 === void 0 ? void 0 : _link$attributes3.source_type) === "network.agg_interface";
60
73
  }
61
74
 
62
75
  function mergeLinksData(links, linkCis, nodes, interfaceCiMap, interfaceDoc) {
@@ -107,7 +120,7 @@ function _getLinksDetail() {
107
120
  return _regenerator["default"].wrap(function _callee$(_context) {
108
121
  while (1) switch (_context.prev = _context.next) {
109
122
  case 0:
110
- if (!(!links || !links.length)) {
123
+ if (links !== null && links !== void 0 && links.length) {
111
124
  _context.next = 2;
112
125
  break;
113
126
  }
@@ -115,9 +128,6 @@ function _getLinksDetail() {
115
128
  return _context.abrupt("return", []);
116
129
 
117
130
  case 2:
118
- // const linkCis = await topoService.relation.batchQueryRelation(
119
- // links.map((link) => link.id)
120
- // );
121
131
  linkCis = links;
122
132
  interfaceIds = [].concat(linkCis.map(function (item) {
123
133
  return item.attributes.source_id;
@@ -176,7 +186,8 @@ var plurals = {
176
186
  2: ["phy"],
177
187
  3: ["agg"],
178
188
  4: ["phy", "agg"]
179
- };
189
+ }; // 待办:移到网络拓扑组件
190
+
180
191
  exports.plurals = plurals;
181
192
 
182
193
  var showLinkByConfig = function showLinkByConfig(props) {
@@ -190,31 +201,29 @@ var showLinkByConfig = function showLinkByConfig(props) {
190
201
 
191
202
  var gv = topo.getGraphView();
192
203
  var dm = gv.getDataModel();
193
- var edges = (0, _htElementUtils.getEdges)(dm); // console.log("edges", edges);
204
+ var edges = (0, _htElementUtils.getEdges)(dm).filter(function (edge) {
205
+ return !(0, _htElementUtils.isEdgeGroupAgent)(edge);
206
+ }); // console.log("edges", edges);
194
207
 
195
208
  var showPhy = types.indexOf("phy") >= 0;
196
209
  var showAgg = types.indexOf("agg") >= 0; // console.log("edges----types",showType, types,showPhy, showAgg);
197
210
 
198
- if (Array.isArray(edges) && edges.length > 0) {
199
- edges.forEach(function (edge) {
200
- if (showType === 1 || showType === true) {
201
- // 单链路全部显示
202
- // console.log("单链路全部显示", edge);
203
- edge.s("2d.visible", true);
204
- } else {
205
- var _d$attributes, _d$attributes2;
206
-
207
- var d = topo.dataModel.getDataById(edge.getTag()); // 判断是否聚合链路
211
+ edges.forEach(function (edge) {
212
+ if (showType === 1 || showType === true) {
213
+ // 单链路全部显示
214
+ // console.log("单链路全部显示", edge);
215
+ edge.s("x.visible", true);
216
+ } else {
217
+ var d = topo.dataModel.getDataById(edge.getTag()); // 判断是否聚合链路
208
218
 
209
- if ((d === null || d === void 0 ? void 0 : (_d$attributes = d.attributes) === null || _d$attributes === void 0 ? void 0 : _d$attributes.destination_type) === "network.agg_interface" && (d === null || d === void 0 ? void 0 : (_d$attributes2 = d.attributes) === null || _d$attributes2 === void 0 ? void 0 : _d$attributes2.source_type) === "network.agg_interface") {
210
- edge.s("2d.visible", showAgg);
211
- } else {
212
- // console.log("edge", edge, d, showAgg);
213
- edge.s("2d.visible", showPhy);
214
- }
219
+ if (isAggLink(d)) {
220
+ edge.s("x.visible", showAgg);
221
+ } else {
222
+ // console.log("edge", edge, d, showAgg);
223
+ edge.s("x.visible", showPhy);
215
224
  }
216
- });
217
- }
225
+ }
226
+ });
218
227
  };
219
228
 
220
229
  exports.showLinkByConfig = showLinkByConfig;
@@ -17,7 +17,7 @@ var _utils2 = require("@riil-frontend/component-topology-graph/es/utils");
17
17
 
18
18
  var _topo = require("@riil-frontend/component-topology-common/es/services/topo");
19
19
 
20
- var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
20
+ var _loglevel = _interopRequireDefault(require("loglevel"));
21
21
 
22
22
  var _format = require("../../../utils/format");
23
23
 
@@ -34,6 +34,8 @@ var _getTopoData = require("../../../networkTopo/getTopoData");
34
34
  /**
35
35
  * 拓扑配置
36
36
  */
37
+ var rlog = _loglevel["default"].getLogger('topo');
38
+
37
39
  var newGroupWithUUID = function newGroupWithUUID(group) {
38
40
  if (group === void 0) {
39
41
  group = _template.DEFAULT_GROUP;
@@ -96,7 +98,7 @@ function conditionToRes(conditions) {
96
98
  }
97
99
 
98
100
  function updateGroupData(groups, index, data) {
99
- _rlog["default"].debug("容器侦查-----updateGroupData", groups, index, data);
101
+ rlog.debug("容器侦查-----updateGroupData", groups, index, data);
100
102
 
101
103
  if (groups && groups[index]) {
102
104
  var group = (0, _extends2["default"])({}, groups[index], data);
@@ -259,32 +261,25 @@ function _default(topoApp) {
259
261
  var _this2 = this;
260
262
 
261
263
  return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
262
- var editState, resources, _editState$groups, groups, query, data;
264
+ var editState, resources, _editState$groups, groups, relateTopoIdList, query, data;
263
265
 
264
266
  return _regenerator["default"].wrap(function _callee2$(_context2) {
265
267
  while (1) switch (_context2.prev = _context2.next) {
266
268
  case 0:
267
269
  editState = rootState.topoConfig;
268
- resources = editState.resources, _editState$groups = editState.groups, groups = _editState$groups === void 0 ? [] : _editState$groups;
270
+ resources = editState.resources, _editState$groups = editState.groups, groups = _editState$groups === void 0 ? [] : _editState$groups, relateTopoIdList = editState.relateTopoIdList;
269
271
  query = {
270
272
  id: rootState.topoMod.topoId,
271
273
  resources: resources,
272
- groups: groups
274
+ groups: groups,
275
+ relateTopoIdList: relateTopoIdList
273
276
  };
274
277
  _context2.next = 5;
275
278
  return _this2.getTopoByConditions(query);
276
279
 
277
280
  case 5:
278
281
  data = _context2.sent;
279
-
280
- _rlog["default"].debug("按配置查询拓扑数据", {
281
- config: {
282
- resources: resources,
283
- groups: groups
284
- },
285
- data: data
286
- });
287
-
282
+ rlog.debug("按配置查询拓扑数据. 参数:", query, ", 返回结果: ", data);
288
283
  return _context2.abrupt("return", data);
289
284
 
290
285
  case 8:
@@ -320,14 +315,13 @@ function _default(topoApp) {
320
315
  var _this4 = this;
321
316
 
322
317
  return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
323
- var topoId, resources, groups, viewConditions, groupInfo, data, _yield$Promise$all, dataWithLinkDetail, _combTopoData, topoData, resAndMetrics, topoDataTrans;
318
+ var topoId, resources, groups, relateTopoIdList, viewConditions, groupInfo, data, _yield$Promise$all, dataWithLinkDetail, _combTopoData, topoData, resAndMetrics, topoDataTrans;
324
319
 
325
320
  return _regenerator["default"].wrap(function _callee4$(_context4) {
326
321
  while (1) switch (_context4.prev = _context4.next) {
327
322
  case 0:
328
- _rlog["default"].debug("getTopoByConditions--------", params);
329
-
330
- topoId = params.id, resources = params.resources, groups = params.groups;
323
+ rlog.debug("getTopoByConditions--------", params);
324
+ topoId = params.id, resources = params.resources, groups = params.groups, relateTopoIdList = params.relateTopoIdList;
331
325
  viewConditions = (0, _topoData2.resToConditions)(resources);
332
326
  groupInfo = (0, _utils.isAvailableArray)(groups) && groups.map(function (group) {
333
327
  return (0, _extends2["default"])({}, group, {
@@ -335,26 +329,23 @@ function _default(topoApp) {
335
329
  resources: (0, _topoData2.resToConditions)(group.resources)
336
330
  });
337
331
  });
338
-
339
- _rlog["default"].debug("getTopoByConditions--------", viewConditions, groupInfo);
340
-
332
+ rlog.debug("getTopoByConditions--------", viewConditions, groupInfo);
341
333
  _context4.next = 7;
342
- return topoApp.serverApi.getTopoDataByResource(topoId, viewConditions, groupInfo);
334
+ return topoApp.serverApi.getTopoDataByResource(topoId, viewConditions, groupInfo, relateTopoIdList);
343
335
 
344
336
  case 7:
345
337
  data = _context4.sent;
346
-
347
- _rlog["default"].debug("getTopoByConditions--------data", data);
348
-
338
+ rlog.debug("getTopoByConditions--------data", data);
349
339
  _context4.next = 11;
350
340
  return (0, _getTopoData.buildData)(data);
351
341
 
352
342
  case 11:
353
343
  data = _context4.sent;
354
- _context4.next = 14;
344
+ rlog.debug("getTopoByConditions--------", data, groupInfo);
345
+ _context4.next = 15;
355
346
  return Promise.all([(0, _getTopoData.addLinkData)(data), topoApp.ciTyeCache.load((0, _topoData.getCiTypes)(data)), dispatch.customIcon.loadCustomIcons()]);
356
347
 
357
- case 14:
348
+ case 15:
358
349
  _yield$Promise$all = _context4.sent;
359
350
  dataWithLinkDetail = _yield$Promise$all[0];
360
351
  _combTopoData = (0, _topoData.combTopoData)({
@@ -381,7 +372,7 @@ function _default(topoApp) {
381
372
  topoDataTrans: topoDataTrans
382
373
  });
383
374
 
384
- case 22:
375
+ case 23:
385
376
  case "end":
386
377
  return _context4.stop();
387
378
  }
@@ -408,9 +399,7 @@ function _default(topoApp) {
408
399
  }].concat(displayConfig.saveHistories || [])
409
400
  }))
410
401
  };
411
-
412
- _rlog["default"].debug("saveGlobalConfig", config);
413
-
402
+ rlog.debug("saveGlobalConfig", config);
414
403
  _context5.next = 5;
415
404
  return topoApp.serverApi.saveTopoSettings(topoApp.id, config);
416
405
 
@@ -10,12 +10,14 @@ var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-ut
10
10
 
11
11
  var _linkUtils = require("../models/utils/linkUtils");
12
12
 
13
+ var _htElementUtils = require("../../utils/htElementUtils");
14
+
13
15
  /**
14
16
  * 是否手工连线
15
17
  * @param {*} edge
16
18
  */
17
19
  function isCustomEdge(edge) {
18
- return !edge.isEdgeGroupAgent() && (edge.a('type') == 'line' || !edge.a('type'));
20
+ return !(0, _htElementUtils.isEdgeGroupAgent)(edge) && (edge.a('type') == 'line' || !edge.a('type'));
19
21
  }
20
22
  /**
21
23
  * 根据配置更新连线展开折叠状态
@@ -25,7 +27,7 @@ function isCustomEdge(edge) {
25
27
 
26
28
 
27
29
  var updateEdgeExpanded = function updateEdgeExpanded(topo) {
28
- var _topo$historyManager, _topo$historyManager2;
30
+ var _topo$historyManager, _topo$historyManager2, _topo$linkDynamicStyl;
29
31
 
30
32
  var _topo$store$getModelS = topo.store.getModelState("topoMod"),
31
33
  viewState = _topo$store$getModelS.viewState;
@@ -38,8 +40,7 @@ var updateEdgeExpanded = function updateEdgeExpanded(topo) {
38
40
  }
39
41
 
40
42
  var _topo$store$getModelS2 = topo.store.getModelState("displayConfig"),
41
- expandAllEdges = _topo$store$getModelS2.expandAllEdges; // console.log("expandAllEdges----------", expandAllEdges);
42
-
43
+ expandAllEdges = _topo$store$getModelS2.expandAllEdges;
43
44
 
44
45
  (_topo$historyManager = topo.historyManager) === null || _topo$historyManager === void 0 ? void 0 : _topo$historyManager.setDisabled(true, '连线展开控制');
45
46
 
@@ -48,11 +49,11 @@ var updateEdgeExpanded = function updateEdgeExpanded(topo) {
48
49
  topo: topo,
49
50
  showType: 1
50
51
  });
51
- htTopo.collapseAllEdgeGroups();
52
+ htTopo.toggleAllEdgeGroups(false);
52
53
 
53
54
  _rlog["default"].debug("updateEdgeExpanded 折叠");
54
55
  } else {
55
- htTopo.expandAllEdgeGroups();
56
+ htTopo.toggleAllEdgeGroups(true);
56
57
  (0, _linkUtils.showLinkByConfig)({
57
58
  topo: topo,
58
59
  showType: expandAllEdges,
@@ -63,10 +64,7 @@ var updateEdgeExpanded = function updateEdgeExpanded(topo) {
63
64
  }
64
65
 
65
66
  (_topo$historyManager2 = topo.historyManager) === null || _topo$historyManager2 === void 0 ? void 0 : _topo$historyManager2.setDisabled(false, '连线展开控制');
66
-
67
- if (topo.linkDynamicStyleExecutor) {
68
- topo.linkDynamicStyleExecutor.execute();
69
- }
67
+ (_topo$linkDynamicStyl = topo.linkDynamicStyleExecutor) === null || _topo$linkDynamicStyl === void 0 ? void 0 : _topo$linkDynamicStyl.execute();
70
68
  };
71
69
 
72
70
  exports.updateEdgeExpanded = updateEdgeExpanded;