@riil-frontend/component-topology 3.2.0 → 3.3.0

package/es/topoCenter/components/editor/propertyViews/edge/addLinkDrawer/components/editLinkInfo.js

@@ -8,9 +8,11 @@ import _Field from "@alifd/next/es/field";
 import _extends from "@babel/runtime/helpers/extends";
 import _Grid from "@alifd/next/es/grid";
 import _Form from "@alifd/next/es/form";
+import _Radio from "@alifd/next/es/radio";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState, useEffect } from "react";
 import rlog from "@riil-frontend/component-topology-utils/es/rlog";
+var RadioGroup = _Radio.Group;
 var FormItem = _Form.Item;
 var Row = _Grid.Row,
     Col = _Grid.Col; // import LindInfoPreview from "../../link/LindInfoPreview";
@@ -36,9 +38,9 @@ export default function EditLinkInfo(props) {
 
   var _topo$store$useModel2 = topo.store.useModel("topoBizMod"),
       bizState = _topo$store$useModel2[0],
-      bizDispatchers = _topo$store$useModel2[1];
+      bizDispatchers = _topo$store$useModel2[1]; // const { resAndMetrics } = topoState;
+  // const { resAndMetrics } = bizState;
 
-  var resAndMetrics = topoState.resAndMetrics; // const { resAndMetrics } = bizState;
 
   var source = lineData.source,
       target = lineData.target,
@@ -56,6 +58,10 @@ export default function EditLinkInfo(props) {
       targetValue = _useState3[0],
       setTarget = _useState3[1];
 
+  var _useState4 = useState(true),
+      connectEnable = _useState4[0],
+      setConnectEnable = _useState4[1];
+
   var fieldOnChange = function fieldOnChange(name, value) {
     var newValues = field.getValues();
     rlog.debug("Field-onChange", newValues, name, value);
@@ -83,7 +89,8 @@ export default function EditLinkInfo(props) {
     }
   };
 
-  var linkTypeJudge = function linkTypeJudge(sourceType, destinationType) {
+  var linkTypeJudge = function linkTypeJudge(sourceType, destinationType, type) {
+    console.log("linkTypeJudge", sourceType, destinationType, type);
     var connect = "phy";
     var support = "m.physical_link";
 
@@ -92,8 +99,9 @@ export default function EditLinkInfo(props) {
       support = "m.agg_link";
     }
 
-    if (sourceType === "" || destinationType === "") {
+    if (type === "exit") {
       connect = "exit";
+      support = "m.exit_link";
     }
 
     return {
@@ -102,6 +110,11 @@ export default function EditLinkInfo(props) {
     };
   };
 
+  var connectHandleChange = function connectHandleChange(v) {
+    console.log("connectHandleChange", v);
+    field.setValue("connect_type", v);
+  };
+
   var portsHandleChange = function portsHandleChange(type, value) {
     var _sourceValue$portsDoc, _sourceValue$portsDoc2, _targetValue$portsDoc, _targetValue$portsDoc2;
 
@@ -127,14 +140,14 @@ export default function EditLinkInfo(props) {
       if (errors) {
         rlog.debug("saveHandleChange-error", errors, values);
       } else {
-        var _sourceValue$portsDoc3, _sourceValue$portsDoc4, _targetValue$portsDoc3, _targetValue$portsDoc4, _sourceValue$ipAddres, _targetValue$ipAddres;
+        var _valus$destination_id, _sourceValue$portsDoc3, _sourceValue$portsDoc4, _targetValue$portsDoc3, _targetValue$portsDoc4, _sourceValue$ipAddres, _targetValue$ipAddres, _targetValue$id;
 
         rlog.debug("saveHandleChange", valus, source, target);
         var sourceId = valus["source_id"];
-        var destinationId = valus["destination_id"];
+        var destinationId = (_valus$destination_id = valus["destination_id"]) !== null && _valus$destination_id !== void 0 ? _valus$destination_id : "";
         var sourceType = (_sourceValue$portsDoc3 = (_sourceValue$portsDoc4 = sourceValue.portsDoc[sourceId]) === null || _sourceValue$portsDoc4 === void 0 ? void 0 : _sourceValue$portsDoc4.type) !== null && _sourceValue$portsDoc3 !== void 0 ? _sourceValue$portsDoc3 : "";
         var destinationType = (_targetValue$portsDoc3 = (_targetValue$portsDoc4 = targetValue.portsDoc[destinationId]) === null || _targetValue$portsDoc4 === void 0 ? void 0 : _targetValue$portsDoc4.type) !== null && _targetValue$portsDoc3 !== void 0 ? _targetValue$portsDoc3 : "";
-        var typeJudge = linkTypeJudge(sourceType, destinationType);
+        var typeJudge = linkTypeJudge(sourceType, destinationType, valus["connect_type"]);
         var obj = {
           display_name: valus["display_name"],
           // 链路名称
@@ -154,7 +167,7 @@ export default function EditLinkInfo(props) {
           // destination_type, // 必须
           "network_link.source_device_id": sourceValue.id,
           // 必须
-          "network_link.destination_device_id": targetValue.id,
+          "network_link.destination_device_id": (_targetValue$id = targetValue.id) !== null && _targetValue$id !== void 0 ? _targetValue$id : "",
           // 必须
           "network_link.connect_type": typeJudge.connect,
           // 必须
@@ -171,6 +184,10 @@ export default function EditLinkInfo(props) {
           obj["destination_id"] = destinationId; // 目的端口
 
           obj["destination_type"] = destinationType;
+        } else {
+          obj["destination_id"] = ""; // 目的端口
+
+          obj["destination_type"] = "";
         }
 
         if (isAdd) {
@@ -273,7 +290,7 @@ export default function EditLinkInfo(props) {
   }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
     labelAlign: labelAlign,
     label: "\u76EE\u7684\u7AEF\u53E3",
-    required: true,
+    required: valus["connect_type"] !== "exit",
     requiredMessage: "\u76EE\u7684\u7AEF\u53E3\u4E0D\u80FD\u4E3A\u7A7A"
   }), targetValue.ipAddress ? /*#__PURE__*/React.createElement(_Select, {
     name: "destination_id",
@@ -320,6 +337,25 @@ export default function EditLinkInfo(props) {
     gutter: "16"
   }, /*#__PURE__*/React.createElement(Col, {
     span: "24"
+  }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
+    labelAlign: labelAlign,
+    label: "\u94FE\u63A5\u65B9\u5F0F"
+  }), /*#__PURE__*/React.createElement(RadioGroup, {
+    name: "connect_type",
+    onChange: function onChange(v) {
+      connectHandleChange(v);
+    }
+  }, /*#__PURE__*/React.createElement(_Radio, {
+    id: "phy",
+    value: "phy",
+    disabled: target.ciType === "customNode"
+  }, "\u7269\u7406/\u805A\u5408"), /*#__PURE__*/React.createElement(_Radio, {
+    id: "exit",
+    value: "exit"
+  }, "\u51FA\u53E3"))))), /*#__PURE__*/React.createElement(Row, {
+    gutter: "16"
+  }, /*#__PURE__*/React.createElement(Col, {
+    span: "24"
   }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
     labelAlign: labelAlign,
     label: "\u5B9E\u9645\u5E26\u5BBD\uFF08Mbps\uFF09"

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

@@ -3,6 +3,7 @@ import _Collapse from "@alifd/next/es/collapse";
 import React, { useEffect } from "react";
 import styles from "./LinkInfoPreview.module.scss";
 import { formatMetric } from "../../../../../../core/models/attributeFormatter";
+import rlog from "@riil-frontend/component-topology-utils/es/rlog";
 var CollapsePanel = _Collapse.Panel;
 export default function LindInfoPreview(props) {
   var topo = props.topo,
@@ -28,8 +29,13 @@ export default 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"
   }, {
@@ -40,14 +46,27 @@ export default 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 = 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 = formatMetric(value, attrMeta);
     return value;
   };
 

package/es/topoCenter/event/index.js

@@ -2,4 +2,5 @@ var TopoCenterEvent = function TopoCenterEvent() {};
 
 TopoCenterEvent.TOPO_LINK_ENTER_CREATE_MODE = "topo_link_enter_create_mode";
 TopoCenterEvent.TOPO_LINK_CREATED = "topo_link_created";
+TopoCenterEvent.TOPO_LINK_SELECT_SOURCE_NODE = "topo_link_select_source_node";
 export { TopoCenterEvent as default };

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

@@ -41,31 +41,24 @@ export default (function (_ref) {
     return deleteable;
   }
 
-  var deleteLink = function deleteLink(edge) {
-    var id = edge.getTag();
-    var link = topo.dataModel.getDataById(id);
-    var isAgg = isAggLink(link);
-
-    if (!checkLinkDeleteable(link)) {
-      return;
-    }
-
-    var htTopo = topo.getHtTopo();
-    confirmDeleteLink( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var success, edgesInNodes, edgeGroupData, edgeData, _topo$store$getModel, topoState, topoDispatchers, _topoState$data, links, linkGroups;
+  var doDeleteLink = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(link, edge) {
+      var id, isAgg, success, htTopo, edgesInNodes, edgeGroupData, edgeData, _topo$store$getModel, topoState, topoDispatchers, _topoState$data, links, linkGroups;
 
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              _context.next = 2;
+              id = link.id;
+              isAgg = isAggLink(link);
+              _context.next = 4;
               return linkService.deleteLink(id);
 
-            case 2:
+            case 4:
               success = _context.sent;
 
               if (success) {
-                _context.next = 6;
+                _context.next = 8;
                 break;
               }
 
@@ -73,9 +66,10 @@ export default (function (_ref) {
 
               return _context.abrupt("return");
 
-            case 6:
-              _Message.success('删除成功'); // 获取两个节点间的连线数据列表 
+            case 8:
+              _Message.success('删除成功');
 
+              htTopo = topo.getHtTopo(); // 获取两个节点间的连线数据列表 
 
               edgesInNodes = htTopo.getEdgeDatasInNodes(edge.getSource(), edge.getTarget());
 
@@ -99,28 +93,56 @@ export default (function (_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: _extends({}, 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__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      return _regeneratorRuntime.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/es/topoCenter/services/link.js

@@ -139,5 +139,48 @@ export default {
         }
       }, _callee4, null, [[0, 7]]);
     }))();
+  },
+
+  /**
+   * 查询可关联链路
+   *
+   * @param {array} ciIds
+   */
+  queryAssociatedlinks: function queryAssociatedlinks(ids) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      var idtxt, parm, jsonParm, result;
+      return _regeneratorRuntime.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 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.error("查询可关联链路", _context5.t0);
+
+            case 14:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5, null, [[4, 11]]);
+    }))();
   }
 };

package/es/topoCenter/utils/linPermissionUtil.js

@@ -1,24 +1,36 @@
+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
  */
-export function getLinkPermission(link, nodes) {
+
+
+export 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/es/utils/ResourceConfigUtil.js

@@ -1,21 +1,23 @@
-import sortBy from 'lodash/sortBy';
-import { getGroupChildrenNodes, getGroups, getLayerChildrenNodes, getLayers, getNodes } from "./htElementUtils";
+import sortBy from "lodash/sortBy";
+import { getEdges, getGroupChildrenNodes, getGroups, getLayerChildrenNodes, getLayers, getNodes } from "./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 = 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": getLayerChildrenNodes(layerElement).filter(function (node) {
           return !!node.getTag();
@@ -32,7 +34,7 @@ function getResourceConfigFromHt(dataModel) {
   var viewNodes = 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();
   });
@@ -43,20 +45,40 @@ function getResourceConfigFromHt(dataModel) {
   }; // console.error('getResourceConfigFromHt', {
   //   viewNodes,
   // });
+  // 查询出口链路列表
+
+  var exportLinkIdList = [];
+  var edges = 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: sortBy(layers, 'order'),
-    groups: sortBy([].concat(layers, groups), 'order'),
-    resources: resources
+    layers: sortBy(layers, "order"),
+    groups: sortBy([].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": getGroupChildrenNodes(groupElement).filter(function (node) {
         return !!node.getTag();

package/es/utils/topoData.js

@@ -295,7 +295,6 @@ function buildGlobal(_ref2) {
     };
   }
 
-  console.error(111, result);
   return {
     // 背景图
     backgroundImgUrl: (_engine$viewProps = engine.viewProps) !== null && _engine$viewProps !== void 0 && _engine$viewProps.hideBackground ? null : getBackgroundImageUrl(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.background),

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

@@ -8,61 +8,27 @@ exports.getCustomIconIdFromHtId = getCustomIconIdFromHtId;
 exports.getEditorIcons = getEditorIcons;
 exports.getGroupDefaultIcons = getGroupDefaultIcons;
 exports.getGroupIconGroups = getGroupIconGroups;
-exports.getIconLibs = getIconLibs;
 exports.getNodeDefaultIcons = getNodeDefaultIcons;
 exports.getNodeIconGroups = getNodeIconGroups;
-exports.getSystemIcons = getSystemIcons;
 exports.getUserCustomIcons = getUserCustomIcons;
 exports.transformCustomIcon2HtIcon = transformCustomIcon2HtIcon;
 exports.transformCustomIcons2HtIcons = transformCustomIcons2HtIcons;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _defaultIcons = require("./defaultIcons");
+var _manager = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/manager"));
 
-var _networkTopoCiTypeIcons = _interopRequireDefault(require("./networkTopoCiTypeIcons"));
-
-var groupDefaultIcons = [{
-  id: 'editor.icon.cloud.medium',
-  name: '区域',
-  url: '/img/topo/citype-icons/区域_平面.svg'
-}];
-
-function getSystemIcons() {
-  var networkTopoCiTypeIcons = (0, _networkTopoCiTypeIcons["default"])().filter(function (icon) {
-    return !_defaultIcons.DEFAULT_NODE_ICONS.filter(function (defaultIcon) {
-      return defaultIcon.id === icon.id;
-    }).length;
-  });
-  return [].concat(_defaultIcons.DEFAULT_NODE_ICONS, networkTopoCiTypeIcons);
-}
-
-console.error(getSystemIcons(), (0, _networkTopoCiTypeIcons["default"])());
-
-function getIconLibs() {
-  return [{
-    id: '1',
-    name: '默认图标库1',
-    icons: getSystemIcons()
-  }, {
-    id: '2',
-    name: '默认图标库2',
-    icons: getSystemIcons()
-  }];
-}
 /**
  * 获取默认图标
  * @param {*} topo 
  * @returns 
  */
-
-
 function getNodeDefaultIcons(topo) {
-  return [].concat(getSystemIcons(), topo.options.icons || []);
+  return [].concat(_manager["default"].iconLibManager.getNodeIcons(), topo.options.icons || []);
 }
 
 function getGroupDefaultIcons(topo) {
-  return [].concat(groupDefaultIcons, getNodeDefaultIcons(topo));
+  return [].concat(_manager["default"].iconLibManager.getIcons());
 }
 /**
  * 获取编辑模式左侧图片列表