@riil-frontend/component-topology 3.2.0 → 3.3.0

package/lib/topoCenter/components/editor/propertyViews/edge/link/LinkInfoPreview.js

@@ -15,6 +15,8 @@ var _LinkInfoPreviewModule = _interopRequireDefault(require("./LinkInfoPreview.m
 
 var _attributeFormatter = require("../../../../../../core/models/attributeFormatter");
 
+var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+
 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); }
 
 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; }
@@ -45,8 +47,13 @@ function LindInfoPreview(props) {
   }, {
     label: "目的端口",
     name: "destination_id"
-  }, // { label: "取值端口", name: "network_link.work_mode" },
-  {
+  }, {
+    label: "取值端口",
+    name: "network_link.value_port"
+  }, {
+    label: "链接方式",
+    name: "network_link.connect_type"
+  }, {
     label: "实际带宽",
     name: "network_link.actual_bandwidth"
   }, {
@@ -57,14 +64,27 @@ function LindInfoPreview(props) {
   var getValue = function getValue(name) {
     var value;
 
-    if (data.attributes[name + "_object"]) {
-      value = data.attributes[name + "_object"].displayName;
+    if (data) {
+      if (data.attributes[name + "_object"]) {
+        value = data.attributes[name + "_object"].displayName;
+      } else {
+        value = data.attributes[name];
+      }
+
+      var attrMeta = topo.ciTyeCache.getCiType("network_link").attributeMap[name];
+      value = (0, _attributeFormatter.formatMetric)(value, attrMeta);
+
+      if (name === "network_link.value_port") {
+        value = "源端口";
+      }
+
+      if (name === "network_link.connect_type") {
+        value = data.attributes[name] === "exit" ? "出口" : "物理/聚合";
+      }
     } else {
-      value = data.attributes[name];
+      value = "-";
     }
 
-    var attrMeta = topo.ciTyeCache.getCiType("network_link").attributeMap[name];
-    value = (0, _attributeFormatter.formatMetric)(value, attrMeta);
     return value;
   };
 

package/lib/topoCenter/event/index.js

@@ -7,4 +7,5 @@ var TopoCenterEvent = function TopoCenterEvent() {};
 
 exports["default"] = TopoCenterEvent;
 TopoCenterEvent.TOPO_LINK_ENTER_CREATE_MODE = "topo_link_enter_create_mode";
-TopoCenterEvent.TOPO_LINK_CREATED = "topo_link_created";
+TopoCenterEvent.TOPO_LINK_CREATED = "topo_link_created";
+TopoCenterEvent.TOPO_LINK_SELECT_SOURCE_NODE = "topo_link_select_source_node";

package/lib/topoCenter/hooks/editor/useDeleteEdges.js

@@ -56,31 +56,24 @@ var _default = function _default(_ref) {
     return deleteable;
   }
 
-  var deleteLink = function deleteLink(edge) {
-    var id = edge.getTag();
-    var link = topo.dataModel.getDataById(id);
-    var isAgg = (0, _linkUtils.isAggLink)(link);
-
-    if (!checkLinkDeleteable(link)) {
-      return;
-    }
-
-    var htTopo = topo.getHtTopo();
-    confirmDeleteLink( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      var success, edgesInNodes, edgeGroupData, edgeData, _topo$store$getModel, topoState, topoDispatchers, _topoState$data, links, linkGroups;
+  var doDeleteLink = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(link, edge) {
+      var id, isAgg, success, htTopo, edgesInNodes, edgeGroupData, edgeData, _topo$store$getModel, topoState, topoDispatchers, _topoState$data, links, linkGroups;
 
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              _context.next = 2;
+              id = link.id;
+              isAgg = (0, _linkUtils.isAggLink)(link);
+              _context.next = 4;
               return _link["default"].deleteLink(id);
 
-            case 2:
+            case 4:
               success = _context.sent;
 
               if (success) {
-                _context.next = 6;
+                _context.next = 8;
                 break;
               }
 
@@ -88,9 +81,10 @@ var _default = function _default(_ref) {
 
               return _context.abrupt("return");
 
-            case 6:
-              _message["default"].success('删除成功'); // 获取两个节点间的连线数据列表 
+            case 8:
+              _message["default"].success('删除成功');
 
+              htTopo = topo.getHtTopo(); // 获取两个节点间的连线数据列表 
 
               edgesInNodes = htTopo.getEdgeDatasInNodes(edge.getSource(), edge.getTarget());
 
@@ -114,28 +108,56 @@ var _default = function _default(_ref) {
 
               _topo$store$getModel = topo.store.getModel('topoMod'), topoState = _topo$store$getModel[0], topoDispatchers = _topo$store$getModel[1];
               _topoState$data = topoState.data, links = _topoState$data.links, linkGroups = _topoState$data.linkGroups;
-              _context.next = 13;
+              _context.next = 16;
               return topoDispatchers.update({
                 data: (0, _extends2["default"])({}, topoState.data, {
-                  links: links.filter(function (link) {
-                    return link.id !== id;
+                  links: links.filter(function (item) {
+                    return item.id !== id;
                   }),
-                  linkGroups: linkGroups.filter(function (link) {
-                    return link.id !== id;
+                  linkGroups: linkGroups.filter(function (item) {
+                    return item.id !== id;
                   })
                 })
               });
 
-            case 13:
+            case 16:
               // 刷新链路动态线宽
               topo.linkDynamicStyleExecutor.execute();
 
-            case 14:
+            case 17:
             case "end":
               return _context.stop();
           }
         }
       }, _callee);
+    }));
+
+    return function doDeleteLink(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var deleteLink = function deleteLink(edge) {
+    var id = edge.getTag();
+    var link = topo.dataModel.getDataById(id);
+
+    if (!checkLinkDeleteable(link)) {
+      return;
+    }
+
+    confirmDeleteLink( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              doDeleteLink(link, edge);
+
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
     })));
   };
   /**

package/lib/topoCenter/services/link.js

@@ -156,6 +156,50 @@ var _default = {
         }
       }, _callee4, null, [[0, 7]]);
     }))();
+  },
+
+  /**
+   * 查询可关联链路
+   *
+   * @param {array} ciIds
+   */
+  queryAssociatedlinks: function queryAssociatedlinks(ids) {
+    return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+      var idtxt, parm, jsonParm, result;
+      return _regenerator["default"].wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              idtxt = "'" + ids[0] + "','" + ids[1] + "'";
+              parm = {
+                condition: "type('network_link') && network_link.connect_type = 'exit' && network_link.source_device_id in [" + idtxt + "]",
+                sort: "name asc",
+                currentPage: 1,
+                pageSize: 20
+              };
+              jsonParm = JSON.stringify(parm);
+              console.log("queryAssociatedlinks", ids, idtxt, parm, jsonParm);
+              _context5.prev = 4;
+              _context5.next = 7;
+              return (0, _componentTopologyCommon.getRequest)().post("/mdc/v1/api/cmdb/commonQueryCiData", jsonParm);
+
+            case 7:
+              result = _context5.sent;
+              return _context5.abrupt("return", result);
+
+            case 11:
+              _context5.prev = 11;
+              _context5.t0 = _context5["catch"](4);
+
+              _rlog["default"].error("查询可关联链路", _context5.t0);
+
+            case 14:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5, null, [[4, 11]]);
+    }))();
   }
 };
 exports["default"] = _default;

package/lib/topoCenter/utils/linPermissionUtil.js

@@ -3,27 +3,39 @@
 exports.__esModule = true;
 exports.getLinkPermission = getLinkPermission;
 
+var isWriteable = function isWriteable(link, source, target, linkType) {
+  if (linkType === "exit") {
+    return ["write", "delete"].indexOf(source === null || source === void 0 ? void 0 : source.operation) !== -1;
+  } else {
+    return [source, target].filter(function (node) {
+      return ["write", "delete"].indexOf(node === null || node === void 0 ? void 0 : node.operation) !== -1;
+    }).length === 2;
+  }
+};
 /**
  * 获得链路权限
- * 
- * @param {*} link 
- * @param {*} nodes 
- * @returns 
+ *
+ * @param {*} link
+ * @param {*} nodes
+ * @returns
  */
-function getLinkPermission(link, nodes) {
+
+
+function getLinkPermission(edge, nodes, link) {
   var source = nodes.find(function (node) {
-    return node.id === link.source;
+    return node.id === edge.source;
   });
   var target = nodes.find(function (node) {
-    return node.id === link.target;
-  });
+    return node.id === edge.target;
+  }); // console.log("getLinkPermission", edge, source, target, link);
+
+  var linkType = link.attributes["network_link.connect_type"]; //TODO 这里的逻辑因为 出口链路 可能需要调整
+
   return {
-    readable: source.operation || target.operation,
-    writeable: [source, target].filter(function (node) {
-      return ['write', 'delete'].indexOf(node.operation) !== -1;
-    }).length === 2,
+    readable: (source === null || source === void 0 ? void 0 : source.operation) || (target === null || target === void 0 ? void 0 : target.operation),
+    writeable: isWriteable(edge, source, target, linkType),
     deleteable: [source, target].filter(function (node) {
-      return ['write', 'delete'].indexOf(node.operation) !== -1;
+      return ["write", "delete"].indexOf(node === null || node === void 0 ? void 0 : node.operation) !== -1;
     }).length >= 1
   };
 }

package/lib/utils/ResourceConfigUtil.js

@@ -11,19 +11,21 @@ var _htElementUtils = require("./htElementUtils");
 
 /**
  * 从拓扑图解析出拓扑资源配置
- * 
- * @param {ht.DataModel} dataModel 
+ *
+ * @param {ht.DataModel} dataModel
  * @returns {{layers, groups, resources}}
  */
-function getResourceConfigFromHt(dataModel) {
-  // 获得分层
+function getResourceConfigFromHt(topo) {
+  var htTopo = topo.getHtTopo();
+  var dataModel = topo.getDataModel(); // 获得分层
+
   var layerElements = (0, _htElementUtils.getLayers)(dataModel);
   var layers = layerElements.map(function (layerElement) {
     return {
       id: layerElement.getTag(),
-      tag: layerElement.a('tag'),
-      name: layerElement.s('label'),
-      order: layerElement.a('order'),
+      tag: layerElement.a("tag"),
+      name: layerElement.s("label"),
+      order: layerElement.a("order"),
       resources: {
         "static": (0, _htElementUtils.getLayerChildrenNodes)(layerElement).filter(function (node) {
           return !!node.getTag();
@@ -40,7 +42,7 @@ function getResourceConfigFromHt(dataModel) {
   var viewNodes = (0, _htElementUtils.getNodes)(dataModel).filter(function (node) {
     return !node.getParent();
   }).filter(function (node) {
-    return node.a('type') === 'node';
+    return node.a("type") === "node";
   }).filter(function (node) {
     return !!node.getTag();
   });
@@ -51,20 +53,40 @@ function getResourceConfigFromHt(dataModel) {
   }; // console.error('getResourceConfigFromHt', {
   //   viewNodes,
   // });
+  // 查询出口链路列表
+
+  var exportLinkIdList = [];
+  var edges = (0, _htElementUtils.getEdges)(dataModel);
+  console.log(" 查询出口链路列表-edges", edges, dataModel);
+  edges.forEach(function (edge) {
+    var edgeData = htTopo.getEdgeData(edge); // eslint-disable-next-line no-underscore-dangle
+
+    var id = edgeData._attrObject.id;
+
+    if (id) {
+      var linkData = topo.dataModel.getDataById(id);
+      var connectType = linkData === null || linkData === void 0 ? void 0 : linkData.attributes["network_link.connect_type"];
 
+      if (connectType === "exit" && !exportLinkIdList.includes(id)) {
+        exportLinkIdList.push(id);
+      }
+    }
+  });
   return {
-    layers: (0, _sortBy["default"])(layers, 'order'),
-    groups: (0, _sortBy["default"])([].concat(layers, groups), 'order'),
-    resources: resources
+    layers: (0, _sortBy["default"])(layers, "order"),
+    groups: (0, _sortBy["default"])([].concat(layers, groups), "order"),
+    resources: resources,
+    exportLinkIdList: exportLinkIdList // 出口链路id列表
+
   };
 }
 
 function getGroupConfigByElement(groupElement) {
   return {
     id: groupElement.getTag(),
-    tag: groupElement.a('tag'),
-    name: groupElement.a('name'),
-    order: groupElement.a('order'),
+    tag: groupElement.a("tag"),
+    name: groupElement.a("name"),
+    order: groupElement.a("order"),
     resources: {
       "static": (0, _htElementUtils.getGroupChildrenNodes)(groupElement).filter(function (node) {
         return !!node.getTag();

package/lib/utils/topoData.js

@@ -337,7 +337,6 @@ function buildGlobal(_ref2) {
     };
   }
 
-  console.error(111, result);
   return {
     // 背景图
     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),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riil-frontend/component-topology",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "description": "拓扑",
   "scripts": {
     "start": "build-scripts start",
@@ -68,7 +68,7 @@
     "@riil-frontend/component-table-filter-tags": "latest",
     "@riil-frontend/component-table-layout": "^2.0.2",
     "@riil-frontend/component-topology-common": "^1.0.9",
-    "@riil-frontend/component-topology-graph": "^2.5.8",
+    "@riil-frontend/component-topology-graph": "^2.6.0",
     "@riil-frontend/css": "^2.0.2",
     "@riil-frontend/hooks": "latest",
     "@riil-frontend/next-collapse": "^1.0.1-a.0",
@@ -110,6 +110,6 @@
     "access": "public"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@riil-frontend/component-topology@3.2.0/build/index.html",
+  "homepage": "https://unpkg.com/@riil-frontend/component-topology@3.3.0/build/index.html",
   "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
 }

package/es/core/common/icons/defaultIcons.js

@@ -1,44 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import { iconFactory } from '@riil-frontend/component-topology-graph';
-/**
- * 资源面板图片-默认节点图标
- *
- * @type {(*|{url: *})[]}
- */
-
-export var DEFAULT_NODE_ICONS = [{
-  id: 'ciType.switch',
-  name: '交换机'
-}, {
-  id: 'system.coreswitch',
-  name: '核心交换机'
-}, {
-  id: 'ciType.router',
-  name: '路由器',
-  ciType: 'network.router'
-}, {
-  id: 'system.db',
-  name: '数据库'
-}, {
-  id: 'system.dc',
-  name: '数据中心'
-}, {
-  id: 'system.firewall',
-  name: '防火墙'
-}, {
-  id: 'system.server',
-  name: '服务器'
-}, {
-  id: 'system.cloud',
-  name: '云'
-}, {
-  id: 'system.building',
-  name: '楼宇'
-}, {
-  id: 'system.internet',
-  name: '互联网'
-}].map(function (item) {
-  return _extends({}, item, {
-    url: iconFactory.getIconImageUrl(item.id)
-  });
-});

package/es/core/common/icons/networkTopoCiTypeIcons.js

@@ -1,9 +0,0 @@
-import network from '@riil-frontend/component-topology-graph/es/icons/ciTypeIcons/network';
-import os from '@riil-frontend/component-topology-graph/es/icons/ciTypeIcons/os';
-import db from '@riil-frontend/component-topology-graph/es/icons/ciTypeIcons/db';
-import appMiddleware from '@riil-frontend/component-topology-graph/es/icons/ciTypeIcons/app_middleware';
-import businessSystem from '@riil-frontend/component-topology-graph/es/icons/ciTypeIcons/business_system';
-import virtual from '@riil-frontend/component-topology-graph/es/icons/ciTypeIcons/virtual';
-export default function getNetworkTopoCiTypeIcons() {
-  return [].concat(network(), os(), db(), appMiddleware(), businessSystem(), virtual());
-}

package/lib/core/common/icons/defaultIcons.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.DEFAULT_NODE_ICONS = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
-
-/**
- * 资源面板图片-默认节点图标
- *
- * @type {(*|{url: *})[]}
- */
-var DEFAULT_NODE_ICONS = [{
-  id: 'ciType.switch',
-  name: '交换机'
-}, {
-  id: 'system.coreswitch',
-  name: '核心交换机'
-}, {
-  id: 'ciType.router',
-  name: '路由器',
-  ciType: 'network.router'
-}, {
-  id: 'system.db',
-  name: '数据库'
-}, {
-  id: 'system.dc',
-  name: '数据中心'
-}, {
-  id: 'system.firewall',
-  name: '防火墙'
-}, {
-  id: 'system.server',
-  name: '服务器'
-}, {
-  id: 'system.cloud',
-  name: '云'
-}, {
-  id: 'system.building',
-  name: '楼宇'
-}, {
-  id: 'system.internet',
-  name: '互联网'
-}].map(function (item) {
-  return (0, _extends2["default"])({}, item, {
-    url: _componentTopologyGraph.iconFactory.getIconImageUrl(item.id)
-  });
-});
-exports.DEFAULT_NODE_ICONS = DEFAULT_NODE_ICONS;

package/lib/core/common/icons/networkTopoCiTypeIcons.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = getNetworkTopoCiTypeIcons;
-
-var _network = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/icons/ciTypeIcons/network"));
-
-var _os = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/icons/ciTypeIcons/os"));
-
-var _db = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/icons/ciTypeIcons/db"));
-
-var _app_middleware = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/icons/ciTypeIcons/app_middleware"));
-
-var _business_system = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/icons/ciTypeIcons/business_system"));
-
-var _virtual = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/icons/ciTypeIcons/virtual"));
-
-function getNetworkTopoCiTypeIcons() {
-  return [].concat((0, _network["default"])(), (0, _os["default"])(), (0, _db["default"])(), (0, _app_middleware["default"])(), (0, _business_system["default"])(), (0, _virtual["default"])());
-}