@riil-frontend/component-topology 7.0.9 → 8.0.0-a.10

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/index.css +1 -1
  2. package/build/index.js +13 -13
  3. package/es/components/BatchAttrMetric/setting.js +0 -2
  4. package/es/core/common/icons/basicIcons.js +57 -0
  5. package/es/core/common/icons/icon.js +4 -6
  6. package/es/core/components/ResourceViewAttributeSetting/Setting.js +5 -11
  7. package/es/core/components/ResourceViewAttributeSetting/nodeCiTypeAttrUtil.js +121 -0
  8. package/es/core/components/TopoView/GraphViewPanel.js +1 -2
  9. package/es/core/components/TopoView/topoView.js +3 -1
  10. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +42 -24
  11. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +7 -2
  12. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.module.scss +4 -0
  13. package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -0
  14. package/es/core/editor/utils/edgeTypeStyleUtil.js +2 -3
  15. package/es/core/hooks/useTopoEdit.js +35 -127
  16. package/es/core/models/AttributeMetricDisplay.js +4 -4
  17. package/es/core/models/TopoApp.js +2 -2
  18. package/es/core/models/tagstips/ElementTagTipConfig.js +18 -10
  19. package/es/core/models/topoData.js +9 -1
  20. package/es/core/models/utils/linkUtils.js +53 -91
  21. package/es/core/services/topo/basic.js +34 -0
  22. package/es/core/services/topo/constants.js +1 -0
  23. package/es/core/services/topo/index.js +4 -0
  24. package/es/core/store/models/topoBizMod.js +1 -11
  25. package/es/core/store/models/topoConfig.js +6 -7
  26. package/es/core/store/models/topoMod.js +74 -50
  27. package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +1 -1
  28. package/es/core/viewer/components/titlebar/widgets/SearchWidget.js +4 -0
  29. package/es/networkTopo/getTopoData.js +72 -64
  30. package/es/networkTopo/models/TopoCenter.js +14 -94
  31. package/es/networkTopo/services/topo/basic.js +30 -10
  32. package/es/networkTopo/store/linkManager.js +0 -1
  33. package/es/networkTopo/store/topoCenter.js +0 -1
  34. package/es/networkTopo/store/topoLinkMod.js +0 -1
  35. package/es/networkTopo/utils/resourcePermissionUtil.js +2 -2
  36. package/es/utils/topoData.js +4 -169
  37. package/lib/components/BatchAttrMetric/setting.js +0 -4
  38. package/lib/core/common/icons/basicIcons.js +62 -0
  39. package/lib/core/common/icons/icon.js +5 -7
  40. package/lib/core/components/ResourceViewAttributeSetting/Setting.js +6 -11
  41. package/lib/core/components/ResourceViewAttributeSetting/nodeCiTypeAttrUtil.js +127 -0
  42. package/lib/core/components/TopoView/GraphViewPanel.js +1 -2
  43. package/lib/core/components/TopoView/topoView.js +4 -1
  44. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +43 -24
  45. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js +8 -2
  46. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.module.scss +4 -0
  47. package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -0
  48. package/lib/core/editor/utils/edgeTypeStyleUtil.js +2 -3
  49. package/lib/core/hooks/useTopoEdit.js +35 -129
  50. package/lib/core/models/AttributeMetricDisplay.js +4 -4
  51. package/lib/core/models/TopoApp.js +3 -3
  52. package/lib/core/models/tagstips/ElementTagTipConfig.js +19 -11
  53. package/lib/core/models/topoData.js +9 -1
  54. package/lib/core/models/utils/linkUtils.js +52 -93
  55. package/lib/core/services/topo/basic.js +46 -0
  56. package/lib/core/services/topo/constants.js +6 -0
  57. package/lib/core/services/topo/index.js +16 -0
  58. package/lib/core/store/models/topoBizMod.js +1 -11
  59. package/lib/core/store/models/topoConfig.js +5 -6
  60. package/lib/core/store/models/topoMod.js +71 -48
  61. package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +1 -1
  62. package/lib/core/viewer/components/titlebar/widgets/SearchWidget.js +4 -0
  63. package/lib/networkTopo/getTopoData.js +73 -65
  64. package/lib/networkTopo/models/TopoCenter.js +14 -94
  65. package/lib/networkTopo/services/topo/basic.js +30 -10
  66. package/lib/networkTopo/store/linkManager.js +0 -2
  67. package/lib/networkTopo/store/topoCenter.js +0 -2
  68. package/lib/networkTopo/store/topoLinkMod.js +0 -2
  69. package/lib/networkTopo/utils/resourcePermissionUtil.js +2 -2
  70. package/lib/utils/topoData.js +6 -172
  71. package/package.json +2 -2
  72. /package/es/core/services/{topo.js → topo/tagtip.js} +0 -0
  73. /package/lib/core/services/{topo.js → topo/tagtip.js} +0 -0
@@ -420,6 +420,8 @@ var _default = (0, _extends2["default"])({
420
420
  */
421
421
  getTopoData: function getTopoData(id) {
422
422
  return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee12() {
423
+ var _result$links, result;
424
+
423
425
  return _regenerator["default"].wrap(function _callee12$(_context12) {
424
426
  while (1) {
425
427
  switch (_context12.prev = _context12.next) {
@@ -429,22 +431,29 @@ var _default = (0, _extends2["default"])({
429
431
  return _componentTopologyUtils.request.get(API_ROOT + "/structure/both/" + id);
430
432
 
431
433
  case 3:
432
- return _context12.abrupt("return", _context12.sent);
434
+ result = _context12.sent;
435
+ return _context12.abrupt("return", (0, _extends2["default"])({}, result, {
436
+ links: ((_result$links = result.links) !== null && _result$links !== void 0 ? _result$links : []).map(function (item) {
437
+ return (0, _extends2["default"])({}, item, {
438
+ ciType: 'network_link'
439
+ });
440
+ })
441
+ }));
433
442
 
434
- case 6:
435
- _context12.prev = 6;
443
+ case 7:
444
+ _context12.prev = 7;
436
445
  _context12.t0 = _context12["catch"](0);
437
446
 
438
447
  _rlog["default"].debug('getTopoData-error', _context12.t0);
439
448
 
440
449
  return _context12.abrupt("return", null);
441
450
 
442
- case 10:
451
+ case 11:
443
452
  case "end":
444
453
  return _context12.stop();
445
454
  }
446
455
  }
447
- }, _callee12, null, [[0, 6]]);
456
+ }, _callee12, null, [[0, 7]]);
448
457
  }))();
449
458
  },
450
459
 
@@ -457,7 +466,9 @@ var _default = (0, _extends2["default"])({
457
466
  */
458
467
  getTopoDataByResource: function getTopoDataByResource(id, resources, groups, exportLinkIdList) {
459
468
  return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee13() {
460
- var data, obj;
469
+ var _result$links2;
470
+
471
+ var data, obj, result;
461
472
  return _regenerator["default"].wrap(function _callee13$(_context13) {
462
473
  while (1) {
463
474
  switch (_context13.prev = _context13.next) {
@@ -479,9 +490,16 @@ var _default = (0, _extends2["default"])({
479
490
  }));
480
491
 
481
492
  case 5:
482
- return _context13.abrupt("return", _context13.sent);
493
+ result = _context13.sent;
494
+ return _context13.abrupt("return", (0, _extends2["default"])({}, result, {
495
+ links: ((_result$links2 = result.links) !== null && _result$links2 !== void 0 ? _result$links2 : []).map(function (item) {
496
+ return (0, _extends2["default"])({}, item, {
497
+ ciType: 'network_link'
498
+ });
499
+ })
500
+ }));
483
501
 
484
- case 6:
502
+ case 7:
485
503
  case "end":
486
504
  return _context13.stop();
487
505
  }
@@ -535,7 +553,7 @@ var _default = (0, _extends2["default"])({
535
553
  /**
536
554
  * 保存拓扑绘制数据(第三方库内部结构,无需关心含义)
537
555
  * @param {Number} id Topo ID
538
- * @param {String} data
556
+ * @param {String} data ht拓扑序列化数据
539
557
  * @returns
540
558
  */
541
559
  saveSerializeData: function saveSerializeData(id, data) {
@@ -545,7 +563,9 @@ var _default = (0, _extends2["default"])({
545
563
  switch (_context15.prev = _context15.next) {
546
564
  case 0:
547
565
  _context15.next = 2;
548
- return _componentTopologyUtils.request.post(API_ROOT + "/structure/" + id, data);
566
+ return _componentTopologyUtils.request.post(API_ROOT + "/structure/" + id, {
567
+ data: data
568
+ });
549
569
 
550
570
  case 2:
551
571
  return _context15.abrupt("return", _context15.sent);
@@ -13,8 +13,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
13
13
 
14
14
  var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
15
15
 
16
- var _topo = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/services/topo"));
17
-
18
16
  /**
19
17
  * 链路新增、编辑 Model
20
18
  */
@@ -13,8 +13,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
13
13
 
14
14
  var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
15
15
 
16
- var _topo = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/services/topo"));
17
-
18
16
  /**
19
17
  * 拓扑中心 Model
20
18
  *
@@ -13,8 +13,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
13
13
 
14
14
  var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
15
15
 
16
- var _topo = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/services/topo"));
17
-
18
16
  /**
19
17
  * 拓扑链路相关 Model
20
18
  */
@@ -105,7 +105,7 @@ function addTopoDataResourcePermission(data) {
105
105
  permission: getNodePermission(node)
106
106
  });
107
107
  }),
108
- links: addLinksPermission(links),
109
- linkGroups: addLinksPermission(linkGroups)
108
+ links: addLinksPermission(links || []),
109
+ linkGroups: addLinksPermission(linkGroups || [])
110
110
  });
111
111
  }
@@ -9,7 +9,6 @@ exports.findGroupChildren = findGroupChildren;
9
9
  exports.findItemIndex = exports.findItem = void 0;
10
10
  exports.formatGroup = formatGroup;
11
11
  exports.formatGroups = formatGroups;
12
- exports.getCiModSet = getCiModSet;
13
12
  exports.getCiTypes = getCiTypes;
14
13
  exports.getCiTypesFromCiElements = getCiTypesFromCiElements;
15
14
  exports.getLinksBetweenTwoNodes = getLinksBetweenTwoNodes;
@@ -25,8 +24,6 @@ var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-ut
25
24
 
26
25
  var _lodash = _interopRequireDefault(require("lodash"));
27
26
 
28
- var _topoPermissionUtil = _interopRequireDefault(require("./topoPermissionUtil"));
29
-
30
27
  var _buildContextmenu = _interopRequireDefault(require("../core/viewer/contextmenu/buildContextmenu"));
31
28
 
32
29
  var _buildContextmenu2 = _interopRequireDefault(require("../core/editor/contextmenu/buildContextmenu"));
@@ -107,7 +104,7 @@ function updateNodeInfo(topoEngine, topoData) {
107
104
  nodes: topoData.nodes.map(function (node) {
108
105
  var attributes = node.attributes;
109
106
  return (0, _extends2["default"])({}, node, {
110
- ipAddress: node.ipAddress || (attributes === null || attributes === void 0 ? void 0 : attributes.ipAddress) || (attributes === null || attributes === void 0 ? void 0 : attributes.ipv4_address) || null,
107
+ ipAddress: node.ipAddress || (attributes === null || attributes === void 0 ? void 0 : attributes.ipv4_address) || null,
111
108
  isShowName: topoEngine.attributeMetricDisplay.getNodeNameVisible(node)
112
109
  });
113
110
  })
@@ -137,88 +134,6 @@ function getCiTypes(topoData) {
137
134
  var allCi = [].concat(topoData.nodes, topoData.links, topoData.linkGroups);
138
135
  return getCiTypesFromCiElements(allCi);
139
136
  }
140
- /**
141
- * 过滤ci元数据中的属性和指标,用于属性和指标显示设置
142
- * @param {} ciTypeObj
143
- * @returns
144
- */
145
-
146
-
147
- var ciModfilter = function ciModfilter(ciTypeObj, globalSetting, type, code) {
148
- var tips = globalSetting[type + "Tip"];
149
- var tags = globalSetting[type + "Tag"];
150
- var tipArr = [];
151
- var tagArr = [];
152
-
153
- if (tips !== null && tips !== void 0 && tips.isCustom) {
154
- var _tips$data$code;
155
-
156
- (_tips$data$code = tips.data[code]) === null || _tips$data$code === void 0 ? void 0 : _tips$data$code.map(function (item) {
157
- tipArr.push(item.code + "-" + item.type);
158
- });
159
- }
160
-
161
- if (tags !== null && tags !== void 0 && tags.isCustom) {
162
- var _tags$data$code;
163
-
164
- (_tags$data$code = tags.data[code]) === null || _tags$data$code === void 0 ? void 0 : _tags$data$code.map(function (item) {
165
- tagArr.push(item.code + "-" + item.type);
166
- });
167
- } // rlog.debug(
168
- // "过滤ci元数据中的属性和指标,用于属性和指标显示设置",
169
- // globalSetting,
170
- // tipArr,
171
- // tagArr
172
- // );
173
-
174
-
175
- var custom = [];
176
-
177
- if (type === "node") {
178
- custom.push({
179
- id: "name-graph",
180
- code: "name",
181
- name: "图片名称",
182
- type: "custom",
183
- tag: tagArr.indexOf("name-graph") >= 0,
184
- tip: tipArr.indexOf("name-graph") >= 0
185
- });
186
- custom.push({
187
- id: "display_name-ciType",
188
- code: "ciType",
189
- name: "资源类型",
190
- type: "custom",
191
- tag: tagArr.indexOf("display_name-ciType") >= 0,
192
- tip: tipArr.indexOf("display_name-ciType") >= 0
193
- });
194
- }
195
-
196
- var attributes = ciTypeObj.attributes.filter(function (attr) {
197
- return !!attr.userVisible;
198
- }).map(function (item) {
199
- var aid = item.code + "-attribute";
200
- return {
201
- id: aid,
202
- code: item.code,
203
- name: item.name,
204
- type: "attribute",
205
- tag: tagArr.indexOf(aid) >= 0,
206
- tip: tipArr.indexOf(aid) >= 0
207
- };
208
- });
209
- var metrics = ciTypeObj.metrics.map(function (item) {
210
- var mid = item.code + "-metric";
211
- return {
212
- id: mid,
213
- code: item.code,
214
- name: item.name,
215
- type: "metric",
216
- tag: tagArr.indexOf(mid) >= 0,
217
- tip: tipArr.indexOf(mid) >= 0
218
- };
219
- });
220
- return [].concat(custom, attributes, metrics);
221
- };
222
137
  /**
223
138
  * 格式化拓扑数据
224
139
  *
@@ -253,7 +168,6 @@ function buildGlobal(_ref2) {
253
168
  var _result$config, _engine$viewProps, _result$global2, _result$customGlobal, _result$customGlobal2, _engine$options$viewe, _engine$options$edito, _engine$options$edito2;
254
169
 
255
170
  var result = _ref2.data,
256
- permission = _ref2.permission,
257
171
  linkTo = _ref2.linkTo,
258
172
  globalConfig = _ref2.globalConfig,
259
173
  engine = _ref2.engine;
@@ -281,7 +195,7 @@ function buildGlobal(_ref2) {
281
195
  // 背景图
282
196
  backgroundImgUrl: (_engine$viewProps = engine.viewProps) !== null && _engine$viewProps !== void 0 && _engine$viewProps.hideBackground ? null : (0, _backgroundUtil.getBackgroundImageUrl)(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.background),
283
197
  control: (0, _extends2["default"])({
284
- editable: _topoPermissionUtil["default"].isEditable(permission),
198
+ editable: true,
285
199
  // 是否可编辑----控制[编辑]按钮
286
200
  moveable: true,
287
201
  // 节点是否可移动
@@ -368,10 +282,8 @@ var combTopoData = function combTopoData(_ref3) {
368
282
  var _result$groups;
369
283
 
370
284
  var data = _ref3.data,
371
- permission = _ref3.permission,
372
285
  linkTo = _ref3.linkTo,
373
286
  globalConfig = _ref3.globalConfig,
374
- ciTypeMap = _ref3.ciTypeMap,
375
287
  engine = _ref3.engine;
376
288
  var result = (0, _clusterUtil.processCluster)(updateNodeInfo(engine, data)); // rlog.debug("combTopoData-接收到数据", result, engine, globalConfig);
377
289
 
@@ -381,7 +293,6 @@ var combTopoData = function combTopoData(_ref3) {
381
293
 
382
294
  var global = buildGlobal({
383
295
  data: result,
384
- permission: permission,
385
296
  linkTo: linkTo,
386
297
  globalConfig: globalConfig,
387
298
  engine: engine
@@ -412,17 +323,11 @@ var combTopoData = function combTopoData(_ref3) {
412
323
  }; // 所有资源
413
324
 
414
325
  var allCis = [].concat(data.nodes, data.links, data.linkGroups);
415
- var resAndMetrics = (0, _extends2["default"])({
326
+ var resAndMetrics = {
416
327
  // topo所有ci的id集合
417
328
  resIdsList: allCis.map(function (item) {
418
329
  return item.id;
419
330
  }),
420
- ciTypes: getCiTypes(data),
421
- // ci类型集合
422
- ciTypeMap: ciTypeMap,
423
- // ci类型模型map
424
- metrics: [],
425
- // 所有指标
426
331
  nodeIdsList: data.nodes.map(function (item) {
427
332
  return {
428
333
  ciId: item.id,
@@ -435,86 +340,13 @@ var combTopoData = function combTopoData(_ref3) {
435
340
  operation: linkObj.operation
436
341
  };
437
342
  })
438
- }, getCiModSet({
439
- engine: engine,
440
- data: data,
441
- allCis: allCis,
442
- ciTypeMap: ciTypeMap,
443
- globalConfig: globalConfig
444
- })); // rlog.debug("combTopoData-格式化后数据", topoData, resAndMetrics);
343
+ }; // rlog.debug("combTopoData-格式化后数据", topoData, resAndMetrics);
445
344
 
446
345
  return {
447
346
  topoData: topoData,
448
347
  resAndMetrics: resAndMetrics
449
348
  };
450
349
  };
451
-
452
- exports.combTopoData = combTopoData;
453
-
454
- function getCiModSet(params) {
455
- var data = params.data,
456
- engine = params.engine,
457
- allCis = params.allCis,
458
- ciTypeMap = params.ciTypeMap,
459
- globalConfig = params.globalConfig; // 当前拓扑资源字典
460
-
461
- var ciDoc = {};
462
- var ciTypesDoc = {};
463
- var allCiModSet = getNodeModSet();
464
-
465
- function getNodeModSet() {
466
- var ciTypes = getCiTypesFromCiElements(data.nodes);
467
- return getModSet(ciTypes);
468
- }
469
- /**
470
- *
471
- * @param {array} ciTypeCodes
472
- * @returns
473
- */
474
-
475
-
476
- function getModSet(ciTypeCodes) {
477
- var modSet = {};
478
- Object.keys(ciTypeMap).filter(function (item) {
479
- return ciTypeCodes.includes(item);
480
- }).forEach(function (key) {
481
- var ciTypeObj = ciTypeMap[key];
482
- modSet[key] = {
483
- name: ciTypeObj.displayName,
484
- code: ciTypeObj.code,
485
- icon: ciTypeObj.icon,
486
- list: ciModfilter(ciTypeObj, globalConfig, "node", ciTypeObj.code)
487
- };
488
- }); // console.log("modSet--------------------", modSet);
489
-
490
- return modSet;
491
- }
492
-
493
- if (allCis.length > 0) {
494
- allCis.forEach(function (element, index) {
495
- var ciType = element.ciType;
496
- ciDoc[element.id] = {
497
- code: element.ciType,
498
- name: element.name,
499
- tag: [],
500
- tip: []
501
- };
502
- ciTypesDoc[ciType] = ciTypesDoc[ciType] || [];
503
- ciTypesDoc[element.ciType].push({
504
- ciId: element.id
505
- });
506
- });
507
- }
508
-
509
- return {
510
- ciDoc: ciDoc,
511
- // ci信息集合
512
- ciTypesDoc: ciTypesDoc,
513
- // 每种ci含有的ci
514
- allCiModSet: allCiModSet // 资源类型含有属性和指标集合
515
-
516
- };
517
- }
518
350
  /**
519
351
  * 获得两个节点间的连线列表
520
352
  * @param {*} links
@@ -524,6 +356,8 @@ function getCiModSet(params) {
524
356
  */
525
357
 
526
358
 
359
+ exports.combTopoData = combTopoData;
360
+
527
361
  function getLinksBetweenTwoNodes(links, id1, id2) {
528
362
  return links.filter(function (link) {
529
363
  return link.source === id1 && link.target === id2 || link.target === id1 && link.source === id2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@riil-frontend/component-topology",
3
- "version": "7.0.9",
3
+ "version": "8.0.0-a.10",
4
4
  "description": "拓扑",
5
5
  "scripts": {
6
6
  "start": "build-scripts start",
@@ -116,6 +116,6 @@
116
116
  "access": "public"
117
117
  },
118
118
  "license": "MIT",
119
- "homepage": "https://unpkg.com/@riil-frontend/component-topology@7.0.9/build/index.html",
119
+ "homepage": "https://unpkg.com/@riil-frontend/component-topology@8.0.0-a.10/build/index.html",
120
120
  "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
121
121
  }
File without changes
File without changes