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

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 (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 +4 -2
  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 +38 -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 +4 -2
  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 +49 -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.2" === 'string' ? "13.0.0-dev.2" : 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;