@riil-frontend/component-topology 9.0.0-a.20 → 9.0.0-a.21

package/es/networkTopo/services/topo/basic.js

@@ -1,7 +1,7 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
-var _excluded = ["groups", "resources"];
+var _excluded = ["groups", "resources", "exportLinkIdList"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { request } from '@riil-frontend/component-topology-utils';
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
@@ -9,6 +9,7 @@ import blackList from "./blacklist";
 import { TOPO_API_ROOT } from "./constants";
 import { commonQuery } from "../cmdb";
 import { getBatchCi as _getBatchCi, getBatchCiMetric as _getBatchCiMetric } from "../model";
+import { processByConditionResult, processExitLink } from "../../utils/exitLinkUtil";
 var API_ROOT = TOPO_API_ROOT;
 /**
  * 拓扑图（看做一个容器）的“父容器”ID
@@ -53,10 +54,16 @@ function prepareResourceParams(conditions, query) {
     dynamicCondition.sort = query.sortBy + " " + query.sortOrder;
   }
 
-  var fixedConditionIdList = staticRes || undefined;
   return {
     dynamicCondition: dynamicCondition,
-    fixedConditionIdList: fixedConditionIdList
+    fixedConditionIdList: (staticRes || []).filter(function (ciId) {
+      return !ciId.startsWith('ip:');
+    }),
+    linkIps: (staticRes || []).filter(function (ciId) {
+      return ciId.startsWith('ip:');
+    }).map(function (ciId) {
+      return ciId.replace('ip:', '');
+    })
   };
 }
 
@@ -401,7 +408,7 @@ export default _extends({
   */
   getTopoData: function getTopoData(id) {
     return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
-      var _result$links, result;
+      var _result$nodes, _result$links, result;
 
       return _regeneratorRuntime.wrap(function _callee12$(_context12) {
         while (1) {
@@ -413,13 +420,14 @@ export default _extends({
 
             case 3:
               result = _context12.sent;
-              return _context12.abrupt("return", _extends({}, result, {
+              return _context12.abrupt("return", processExitLink(_extends({}, result, {
+                nodes: (_result$nodes = result.nodes) !== null && _result$nodes !== void 0 ? _result$nodes : [],
                 links: ((_result$links = result.links) !== null && _result$links !== void 0 ? _result$links : []).map(function (item) {
                   return _extends({}, item, {
                     ciType: 'network_link'
                   });
                 })
-              }));
+              })));
 
             case 7:
               _context12.prev = 7;
@@ -443,9 +451,9 @@ export default _extends({
   * @param {Array} groups
   * @returns
   */
-  getTopoDataByResource: function getTopoDataByResource(id, resources, groups, exportLinkIdList) {
+  getTopoDataByResource: function getTopoDataByResource(id, resources, groups) {
     return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
-      var _result$links2;
+      var _result$nodes2, _result$links2;
 
       var data, obj, result;
       return _regeneratorRuntime.wrap(function _callee13$(_context13) {
@@ -464,19 +472,18 @@ export default _extends({
 
               obj = prepareGroupParams(data);
               _context13.next = 5;
-              return request.post(API_ROOT + "/structure/byCondition/" + id, _extends({}, obj, {
-                exportLinkIdList: exportLinkIdList
-              }));
+              return request.post(API_ROOT + "/structure/byCondition/" + id, _extends({}, obj));
 
             case 5:
               result = _context13.sent;
-              return _context13.abrupt("return", _extends({}, result, {
+              return _context13.abrupt("return", processByConditionResult(_extends({}, result, {
+                nodes: (_result$nodes2 = result.nodes) !== null && _result$nodes2 !== void 0 ? _result$nodes2 : [],
                 links: ((_result$links2 = result.links) !== null && _result$links2 !== void 0 ? _result$links2 : []).map(function (item) {
                   return _extends({}, item, {
                     ciType: 'network_link'
                   });
                 })
-              }));
+              })));
 
             case 7:
             case "end":
@@ -496,12 +503,12 @@ export default _extends({
   */
   bindResourceToTopo: function bindResourceToTopo(id, config) {
     return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
-      var groups, resources, otherConfig, newGroups, obj;
+      var groups, resources, exportLinkIdList, otherConfig, newGroups, obj;
       return _regeneratorRuntime.wrap(function _callee14$(_context14) {
         while (1) {
           switch (_context14.prev = _context14.next) {
             case 0:
-              groups = config.groups, resources = config.resources, otherConfig = _objectWithoutPropertiesLoose(config, _excluded);
+              groups = config.groups, resources = config.resources, exportLinkIdList = config.exportLinkIdList, otherConfig = _objectWithoutPropertiesLoose(config, _excluded);
               newGroups = isAvailableArray(groups) ? groups : [];
 
               if (resources) {
@@ -515,7 +522,10 @@ export default _extends({
 
               obj = prepareGroupParams(newGroups);
               _context14.next = 6;
-              return request.post(API_ROOT + "/resource/" + id, _extends({}, otherConfig, obj));
+              return request.post(API_ROOT + "/resource/" + id, _extends({}, otherConfig, obj, {
+                exportLinkIdList: [] // 传空数组清空
+
+              }));
 
             case 6:
               return _context14.abrupt("return", _context14.sent);

package/es/networkTopo/services/topo/networkLink.js

@@ -6,9 +6,9 @@ var API_ROOT = TOPO_API_ROOT;
 export default {
   /**
    * 批量查询ci类型是否可创建链路
-   * 
-   * @param {*} typeCodes 
-   * @returns 
+   *
+   * @param {*} typeCodes
+   * @returns
    */
   getCiTypesConnectable: function getCiTypesConnectable(typeCodes) {
     return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
@@ -29,5 +29,47 @@ export default {
         }
       }, _callee);
     }))();
+  },
+
+  /**
+   * 通过ip查询关联链路
+   *
+   * @param {array} ciIds
+   */
+  queryLinksByIp: function queryLinksByIp(ids, ip) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var stag, condition, parm, result;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              stag = "'" + ids.join("','") + "'";
+              condition = "type('network_link') && network_link.destination_ipv4 = '" + ip + "' && network_link.source_device_id in [" + stag + "]";
+              parm = {
+                condition: condition,
+                sort: "name asc",
+                currentPage: 1,
+                pageSize: 999
+              };
+              _context2.prev = 3;
+              _context2.next = 6;
+              return request.post("/mdc/v1/api/cmdb/commonQueryCiData", parm);
+
+            case 6:
+              result = _context2.sent;
+              return _context2.abrupt("return", result);
+
+            case 10:
+              _context2.prev = 10;
+              _context2.t0 = _context2["catch"](3);
+              rlog.error("通过ip查询关联链路", _context2.t0);
+
+            case 13:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[3, 10]]);
+    }))();
   }
 };

package/es/networkTopo/utils/exitLinkUtil.js

@@ -0,0 +1,224 @@
+import _extends from "@babel/runtime/helpers/extends";
+import { getNodes } from "../../utils/htElementUtils";
+
+function findPingNodeFromHt(nodes, ip) {
+  return nodes.find(function (node) {
+    return node.a('ciType') === "ping" && node.a('ipAddress') === ip;
+  });
+}
+
+function isPingHtNode(node, ip) {
+  return node.a('ciType') === "ping" && node.a('ipAddress') === ip;
+}
+
+function isIpHtNode(node, ip) {
+  return node.a('bindType') === ip && node.a('ipAddress') === ip;
+}
+
+function buildIpNode(ip) {
+  return {
+    'id': "ip:" + ip,
+    'name': ip,
+    bindType: 'ip',
+    // 绑定资源类型。关联资源 值为空，关联IP ip
+    bindIp: ip,
+    // TODO 所属区域，从序列化拿
+    // 'groupId': null,
+    // 'groupTag': null,
+    ipAddress: ip,
+    // 'attributes': [],
+    // 'metrics': [],
+    type: "node",
+    // 'dtype': 'device'
+    operation: "delete"
+  };
+}
+
+function getHtSerialize(serialize) {
+  if (serialize) {
+    return JSON.parse(serialize);
+  }
+
+  return null;
+}
+
+function isExitLink(link) {
+  return link.attributes.destination_type === "ip";
+} // 判断拓扑图上ip是否唯一
+
+
+export function isUniqueIp(dataModel, ip, nodeElement) {
+  var nodes = getNodes(dataModel);
+  var isUnique = !!nodes.filter(function (node) {
+    return node.getId() !== nodeElement.getId();
+  }).filter(function (node) {
+    return isPingHtNode(node, ip) || isIpHtNode(node, ip);
+  });
+  return isUnique;
+}
+/**
+ * 打开拓扑出口链路处理
+ * @param {*} topoData 
+ * @returns 
+ */
+
+export function processExitLink(topoData) {
+  var nodes = topoData.nodes,
+      links = topoData.links;
+
+  var serialize = _extends({}, getHtSerialize(topoData.serialize));
+
+  if (!serialize) {
+    return topoData;
+  } // 历史数据升级
+
+
+  links.filter(isExitLink) // 升级V1.4前配置的出口链路目的端节点为IP节点
+  .forEach(function (link) {
+    return upgradeExitLinkTarget(link);
+  }); // 出口链路目的端设置为IP节点或者ping资源节点id
+
+  var newLinks = links.map(function (link) {
+    if (!isExitLink(link) || link.target && nodes.find(function (node) {
+      return node.id === link.target;
+    })) {
+      return link;
+    }
+
+    var destinationIp = link.attributes['network_link.destination_ipv4'];
+    var pingNode = findPingNode(nodes, destinationIp); // 出口链路目的端设置为IP节点或者ping资源节点id
+
+    var target = pingNode ? pingNode.id : "ip:" + destinationIp; // 历史数据适配：同IP节点关联多个不同IP的链路、分级拓扑。target匹配不到元素时，根据序列化匹配
+
+    var targetSerialize = findElementSerializeById(serialize, target);
+
+    if (!targetSerialize) {
+      var linkSerialize = findElementSerializeById(serialize, link.id);
+
+      if (linkSerialize) {
+        // 根据链路序列化数据找目的端节点
+        // eslint-disable-next-line no-underscore-dangle
+        var targetNodeSerialize = serialize.d.find(function (item) {
+          return item.i === linkSerialize.p.target.__i;
+        });
+
+        if (targetNodeSerialize) {
+          target = targetNodeSerialize.p.tag;
+        }
+      }
+    }
+
+    return _extends({}, link, {
+      target: target
+    });
+  }); // IP节点构造为node。如果有相同ip的ping资源和图片节点，图片节点消失（不构造）
+
+  var ipNodes = getIpNodes();
+
+  function getIpNodes() {
+    // 从序列化获取关联的IP
+    var ips = serialize.d.filter(function (item) {
+      return item.a.bindType === 'ip';
+    }).map(function (item) {
+      return item.a.bindIp;
+    }).filter(function (item) {
+      return !!item;
+    }).filter(function (ip) {
+      return !findPingNode(nodes, ip);
+    }); // TODO 过滤ping资源对应的ip
+
+    return ips.map(buildIpNode);
+  }
+
+  function findIpNodeSerialize(serialize, ip) {
+    return serialize.d.find(function (item) {
+      return item.p.tag === "ip:" + ip;
+    });
+  }
+
+  function findElementSerializeById(serialize, id) {
+    return serialize.d.find(function (item) {
+      return item.a.id === id;
+    });
+  }
+  /**
+   * 链路在序列化存在且目的端不是ping资源、IP节点时，升级链路目的端序列化数据为IP节点
+   * @param {*} link 
+   */
+
+
+  function upgradeExitLinkTarget(link) {
+    var destinationIp = link.attributes['network_link.destination_ipv4'];
+    var linkSerialize = findElementSerializeById(serialize, link.id);
+
+    if (linkSerialize) {
+      // 根据链路序列化数据找目的端节点
+      // eslint-disable-next-line no-underscore-dangle
+      var targetNodeSerialize = serialize.d.find(function (item) {
+        return item.i === linkSerialize.p.target.__i;
+      });
+
+      if (!targetNodeSerialize.p.tag) {
+        targetNodeSerialize.a = _extends({}, targetNodeSerialize.a, buildIpNode(destinationIp), {
+          isbinding: true
+        });
+        targetNodeSerialize.p.tag = "ip:" + destinationIp;
+      }
+    }
+  }
+
+  return _extends({}, topoData, {
+    nodes: [].concat(nodes, ipNodes),
+    links: newLinks,
+    serialize: serialize
+  });
+} // 从拓扑数据查找
+
+function findPingNode(nodes, ip) {
+  return nodes.find(function (node) {
+    return node.ciType === "ping" && (node.ipAddress || node.attributes.ipv4_address) === ip;
+  });
+}
+/**
+ * 编辑模式按资源查询拓扑数据处理出口链路target
+ * FIXME 移到frontend 网络拓扑编辑
+ * @param {*} topoData 
+ * @returns 
+ */
+
+
+export function processByConditionResult(topoData) {
+  var nodes = topoData.nodes,
+      links = topoData.links;
+  var ipNodes = getIpNodes();
+
+  function getIpNodes() {
+    // 从序列化获取关联的IP
+    var ips = [].filter(function (ip) {
+      return !findPingNode(nodes, ip);
+    }); // TODO 过滤ping资源对应的ip
+
+    return ips.map(buildIpNode);
+  } // 出口链路目的端设置为IP节点或者ping资源节点id
+
+
+  var newLinks = links.map(function (link) {
+    if (!isExitLink(link) || link.target && nodes.find(function (node) {
+      return node.id === link.target;
+    })) {
+      return link;
+    }
+
+    var destinationIp = link.attributes['network_link.destination_ipv4'];
+    var pingNode = findPingNode(nodes, destinationIp); // 出口链路目的端设置为IP节点或者ping资源节点id
+
+    var target = pingNode ? pingNode.id : "ip:" + destinationIp;
+    return _extends({}, link, {
+      target: target
+    });
+  });
+  return _extends({}, topoData, {
+    nodes: [].concat(nodes, ipNodes),
+    links: newLinks
+  });
+}

package/es/utils/htElementUtils.js

@@ -15,7 +15,7 @@ function getElementData(element) {
     styleMap: element.getStyleMap()
   };
 
-  if (className === 'ht.Edge') {
+  if (className === "ht.Edge") {
     return _extends({}, commonData);
   }
 
@@ -27,7 +27,7 @@ function getElementData(element) {
 export function isNode(element) {
   // HT为了支持区域内无节点可展开增加了站位节点，因此 节点的layer等于container_blank的过滤掉就可以了
   // eslint-disable-next-line no-underscore-dangle
-  return element instanceof ht.Node && !isLayer(element) && element._layer !== 'container_blank';
+  return element instanceof ht.Node && !isLayer(element) && element._layer !== "container_blank";
 }
 export function isEdge(element) {
   return element instanceof ht.Edge;
@@ -38,7 +38,7 @@ export function isValidEdge(element) {
   }
 
   if (!element.getSource() || !element.getTarget()) {
-    rlog.error('isValidEdge 连线异常：源或目的为空', element);
+    rlog.error("isValidEdge 连线异常：源或目的为空", element);
     return false;
   }
 
@@ -51,7 +51,7 @@ export function isLayer(element) {
   return element instanceof ht.Grid;
 }
 export function isText(element) {
-  return element instanceof ht.Text && element.a('isText');
+  return element instanceof ht.Text && element.a("isText");
 }
 export function getElements(dataModel) {
   // console.error(111, dataModel.getDatas().getArray())
@@ -72,7 +72,7 @@ export function getGroupDatas(dataModel) {
 }
 export function getGroupElementByTag(dataModel, tag) {
   return dataModel.getDataByTag(tag) || dataModel.getDatas().toArray().filter(function (item) {
-    return item.a('tag') === tag;
+    return item.a("tag") === tag;
   })[0];
 }
 export function getGroupData(element) {
@@ -83,14 +83,14 @@ export function getGroupData(element) {
   var parent = element.getParent();
   var groupInfo = parent ? {
     groupId: parent.getTag(),
-    groupTag: parent.a('tag') // 父容器
+    groupTag: parent.a("tag") // 父容器
 
   } : {};
   return _extends({
     name: element.getStyleMap().label
   }, element.getAttrObject(), {
     id: element.getTag(),
-    tag: element.a('tag'),
+    tag: element.a("tag"),
     image: element.getImage()
   }, groupInfo);
 }
@@ -104,7 +104,7 @@ export function getNodeData(element) {
   var parent = element.getParent();
   var groupInfo = parent ? {
     groupId: parent.getTag(),
-    groupTag: parent.a('tag') // 父容器
+    groupTag: parent.a("tag") // 父容器
 
   } : {};
   return _extends({}, element.getAttrObject(), {
@@ -116,12 +116,12 @@ export function getEdges(dataModel) {
   return getElements(dataModel).filter(isValidEdge);
 }
 export function isEdgeGroupExpanded(edge) {
-  return isEdge(edge) && edge.getEdgeGroup() && !!edge.s('edge.expanded');
+  return isEdge(edge) && edge.getEdgeGroup() && !!edge.s("edge.expanded");
 }
 /**
  * 是否连线组代理
- * @param {*} edge 
- * @returns 
+ * @param {*} edge
+ * @returns
  */
 
 export function isEdgeGroupAgent(edge) {
@@ -129,9 +129,9 @@ export function isEdgeGroupAgent(edge) {
 }
 /**
  * 获得两个节点间的连线列表
- * @param {*} node1 
- * @param {*} node2 
- * @returns 
+ * @param {*} node1
+ * @param {*} node2
+ * @returns
  */
 
 export function getEdgesBetweenNodes(node1, node2) {
@@ -153,7 +153,7 @@ export function getEdgesBetweenNodes(node1, node2) {
 }
 /**
  * 获得节点间的连线组，连线<=1时返回null
- * @returns 
+ * @returns
  */
 
 export function getEdgeGroupByNodes(node1, node2) {
@@ -172,7 +172,7 @@ export function getEdgeGroupByNodes(node1, node2) {
 }
 /**
  * 获得节点间的连线组，连线<=1时返回null
- * @returns 
+ * @returns
  */
 
 export function getEdgeGroupByNodeTags(dataModel, nodeTag1, nodeTag2) {
@@ -180,7 +180,7 @@ export function getEdgeGroupByNodeTags(dataModel, nodeTag1, nodeTag2) {
   var node2 = dataModel.getDataByTag(nodeTag2);
 
   if (!node1 || !node2) {
-    console.warn('getEdgeGroupByNodes 未找到节点', {
+    console.warn("getEdgeGroupByNodes 未找到节点", {
       node1: node1,
       node2: node2,
       nodeTag1: nodeTag1,
@@ -261,7 +261,7 @@ export function getGroupChildren(group) {
 
 
   return group.getChildren().getArray().filter(function (node) {
-    return node._layer !== 'container_blank';
+    return node._layer !== "container_blank";
   });
 }
 /**
@@ -291,7 +291,7 @@ export function getGroupChildrenData(group) {
 export function setElementRuntimeStyle(element, name, value) {
   var _extends2;
 
-  var prevRuntimeStyle = element.a('runtimeStyles') || {};
+  var prevRuntimeStyle = element.a("runtimeStyles") || {};
 
   var runtimeStyle = _extends({}, prevRuntimeStyle, (_extends2 = {}, _extends2[name] = value, _extends2)); // if (prevRuntimeStyle[name] === undefined && value === undefined) {
   //   return
@@ -302,7 +302,7 @@ export function setElementRuntimeStyle(element, name, value) {
     runtimeStyle[name] = undefined; // delete runtimeStyle[name]
   }
 
-  element.a('runtimeStyles', runtimeStyle);
+  element.a("runtimeStyles", runtimeStyle);
 }
 /**
  * 判断拓扑图是否存在元素
@@ -315,7 +315,7 @@ export function isExistedElement(htTopo, dataModel, data) {
 
 
   var element = getElements(dataModel).find(function (item) {
-    return data.tag && item.a('tag') === data.tag;
+    return data.tag && item.a("tag") === data.tag;
   });
 
   if (element) {

package/lib/core/editor/components/settings/core/updateElementProperty.js

@@ -5,7 +5,12 @@ exports["default"] = updateElementProperty;
 
 function updateElementProperty(topo, name, value) {
   // const element = topo.getDataModel().getDataById(selection[0].id);
-  var element = topo.getSelectionModel().getFirstData(); // console.info("updateElementProperty",topo.getSelectionModel().getSelection(), { selection, element, name, value });
+  var element = topo.getSelectionModel().getFirstData();
+  console.info("updateElementProperty", topo.getSelectionModel().getSelection(), {
+    element: element,
+    name: name,
+    value: value
+  });
 
   if (name.startsWith('attrObject.')) {
     element.setAttr(name.replace('attrObject.', ''), value);