@riil-frontend/component-topology 3.5.12 → 3.16.0

package/lib/core/editor/components/settings/common/LineType/AlignSetting.module.scss

@@ -0,0 +1,36 @@
+@import "@alifd/next/variables";
+
+.AlignSetting {
+  :global {
+    .#{$css-prefix}divider-ver {
+      background: #EBECF0;
+      margin-right: 3px;
+      height: 16px;
+
+    }
+  }
+
+  .redioBtn {
+    width: 24px;
+    height: 24px;
+    border-radius: 4px;
+    border: none !important;
+    color: #4D6277;
+    padding-left: 6px;
+    margin-right: 3px;
+
+    &:active {
+      background: #F2F7FD !important;
+    }
+
+    &:hover {
+      background: #F2F7FD !important;
+    }
+
+  }
+
+  .selectedTag {
+    background: #F2F7FD;
+  }
+
+}

package/lib/core/editor/components/settings/common/LineType/index.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
+var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+
+var _divider = _interopRequireDefault(require("@alifd/next/lib/divider"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _AlignSettingModule = _interopRequireDefault(require("./AlignSetting.module.scss"));
+
+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; }
+
+var TREE_LAYOUT_OPTIONS = [{
+  value: "left",
+  label: "左侧",
+  icon: "tuopu_zuoceduiqi"
+}, {
+  value: "center",
+  label: "居中",
+  icon: "tuopu_shuipingjuzhongduiqi"
+}, {
+  value: "right",
+  label: "右侧",
+  icon: "tuopu_youceduiqi"
+}, {
+  value: "top",
+  label: "顶部",
+  icon: "tuopu_dingbuduiqi"
+}, {
+  value: "middle",
+  label: "中部",
+  icon: "tuopu_chuizhijuzhongduiqi"
+}, {
+  value: "bottom",
+  label: "底部",
+  icon: "tuopu_dibuduiqi"
+}, {
+  value: "divide"
+}, {
+  value: "distributeHorizontal",
+  label: "水平",
+  icon: "tuopu_shuipingdengjianjuduiqi"
+}, {
+  value: "distributeVertical",
+  label: "垂直",
+  icon: "tuopu_chuizhidengjianjuduiqi"
+}];
+
+var AlignSetting = function AlignSetting(props) {
+  var getEdges = props.getEdges,
+      selected = props.selected,
+      onChange = props.onChange;
+
+  var _useState = (0, _react.useState)(selected),
+      value = _useState[0],
+      setValue = _useState[1];
+
+  var setLineType = function setLineType(type) {
+    var edges = getEdges();
+    edges.forEach(function (edge) {
+      edge.s('edge.type', 'v.h');
+      edge.s('edge.gap', 5);
+      edge.s('edge.center', true);
+    });
+  };
+
+  var handleChange = function handleChange(data) {
+    console.log("handleChange", data);
+    onChange && onChange(data.value);
+    setValue(data.value);
+    setLineType(data.value);
+  };
+
+  return null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _AlignSettingModule["default"].AlignSetting
+  }, TREE_LAYOUT_OPTIONS.map(function (item, index, array) {
+    return item.value === "divide" ? /*#__PURE__*/_react["default"].createElement(_divider["default"], {
+      key: index,
+      direction: "ver"
+    }) : /*#__PURE__*/_react["default"].createElement(_button["default"], {
+      key: index,
+      className: "" + _AlignSettingModule["default"].redioBtn,
+      onClick: function onClick() {
+        handleChange(item);
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+      type: item.icon
+    }));
+  }));
+};
+
+var _default = AlignSetting;
+exports["default"] = _default;

package/lib/core/editor/components/settings/common/LineType/lineTypeUtil.js

@@ -0,0 +1 @@
+"use strict";

package/lib/core/editor/components/settings/common/SizeInput/NodeSizeNumberPicker.js

@@ -38,6 +38,7 @@ function NodeSizeNumberPicker(props) {
       setInputValue = _useState[1];
 
   (0, _react.useEffect)(function () {
+    console.error(2222, value);
     setInputValue(value);
   }, [value]);
 

package/lib/core/editor/components/settings/propertyViews/multipleElements/{BatchSetNodeSize.js → BatchSetNodeSize/BatchSetNodeSize.js}

@@ -7,15 +7,67 @@ exports["default"] = BatchSetNodeSize;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _SizeInput = _interopRequireDefault(require("../../common/SizeInput"));
+var _SizeInput = _interopRequireDefault(require("../../../common/SizeInput"));
 
 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; }
 
 function BatchSetNodeSize(props) {
+  var topo = props.topo;
+
+  var _useState = (0, _react.useState)(undefined),
+      width = _useState[0],
+      setWidth = _useState[1];
+
+  var _useState2 = (0, _react.useState)(undefined),
+      height = _useState2[0],
+      setHeight = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(true),
+      lock = _useState3[0],
+      setLock = _useState3[1];
+
+  var handleChange = function handleChange(name, value) {
+    var selection = topo.getSelectionModel().getSelection().toArray();
+    var nodes = selection.filter(function (element) {
+      return element instanceof ht.Node;
+    });
+    console.error('变化了', nodes, name, value); //
+
+    if (lock) {
+      console.error('锁定', value);
+
+      if (name === 'width') {
+        setHeight(undefined);
+      } else {
+        setWidth(undefined);
+      }
+    }
+
+    nodes.forEach(function (node) {
+      if (name === 'width') {
+        node.setWidth(value);
+      } else {
+        node.setHeight(value);
+      }
+    });
+  };
+
+  var onLockChange = function onLockChange(isLock) {
+    setLock(isLock);
+    setWidth(undefined);
+    setHeight(undefined);
+  };
+
   return /*#__PURE__*/_react["default"].createElement(_SizeInput["default"], {
-    value: {}
+    value: {
+      width: width,
+      height: height
+    },
+    lock: lock,
+    onChange: handleChange,
+    onLockChange: onLockChange
   });
 }
 

package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementLineType.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = MultipleElementLineType;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _LineType = _interopRequireDefault(require("../../common/LineType"));
+
+function MultipleElementLineType(props) {
+  var topo = props.topo;
+
+  var setLineType = function setLineType(type) {};
+
+  var getEdges = function getEdges() {
+    var selection = topo.getSelectionModel().getSelection().toArray();
+    var edges = selection.filter(function (element) {
+      return element instanceof ht.Edge;
+    });
+    return edges;
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_LineType["default"], {
+    getEdges: getEdges,
+    onChange: setLineType
+  });
+}

package/lib/core/editor/components/settings/propertyViews/multipleElements/MultipleElementPropertyView.js

@@ -15,14 +15,14 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _AlignSetting = _interopRequireDefault(require("../../common/AlignSetting"));
 
-var _LineType = _interopRequireDefault(require("../../common/LineType"));
-
-var _BatchSetNodeSize = _interopRequireDefault(require("./BatchSetNodeSize"));
+var _BatchSetNodeSize = _interopRequireDefault(require("./BatchSetNodeSize/BatchSetNodeSize"));
 
 var _template = require("../../../../../../utils/template");
 
 var _ViewPropertyView = _interopRequireDefault(require("../view/ViewPropertyView"));
 
+var _MultipleElementLineType = _interopRequireDefault(require("./MultipleElementLineType"));
+
 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; }
@@ -68,6 +68,10 @@ function MultipleElementPropertyView(props) {
     return /*#__PURE__*/_react["default"].createElement(_ViewPropertyView["default"], props);
   }
 
+  var getSelectedElements = function getSelectedElements() {
+    return topo.getSelectionModel().getSelection().toArray();
+  };
+
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     field: field,
     labelAlign: "top"
@@ -81,6 +85,6 @@ function MultipleElementPropertyView(props) {
     title: "\u5BF9\u9F50\u65B9\u5F0F"
   }, /*#__PURE__*/_react["default"].createElement(_AlignSetting["default"], {
     onChange: alignOnChange,
-    selected: 'left'
+    selected: "left"
   })))));
 }

package/lib/core/models/TopoApp.js

@@ -48,7 +48,7 @@ var _PluginManager = _interopRequireDefault(require("./PluginManager"));
 var _topoFactory = _interopRequireDefault(require("./topoFactory"));
 
 // eslint-disable-next-line no-undef
-var version = typeof "3.5.12" === 'string' ? "3.5.12" : null;
+var version = typeof "3.16.0" === 'string' ? "3.16.0" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/lib/core/models/attributeFormatter/index.js

@@ -41,25 +41,20 @@ function formatMetric(val, metricInfo) {
 function addLinkMetricUnderlineArrow(metricCode) {
   var map = {
     // 总流速和总带宽利用率：双向箭头
-    'link.total_flow_rate': 'both',
-    'link.bandwidth_utilization': 'both',
+    'interface_totalbps': 'both',
+    'bandwidth_utilization': 'both',
     // 发送速率和发送带宽利用率：背向取值端口的箭头 指向目的
-    'link.out_rate': 'to',
-    'link.out_bandwidth_utilization': 'to',
+    'out_rate': 'to',
+    'out_bandwidth_utilization': 'to',
     // 接收速率和接收带宽利用率：指向取值端口的箭头 指向源
-    'link.in_rate': 'from',
-    'link.in_bandwidth_utilization': 'from'
+    'in_rate': 'from',
+    'in_bandwidth_utilization': 'from'
   };
-  var codes = Object.keys(map);
 
-  for (var i = 0; i < codes.length; i++) {
-    var code = codes[i];
-
-    if (metricCode.endsWith(code)) {
-      return {
-        underlineArrow: map[code]
-      };
-    }
+  if (map[metricCode]) {
+    return {
+      underlineArrow: map[metricCode]
+    };
   }
 
   return {};

package/lib/core/models/cache/CiTyeCache.js

@@ -158,13 +158,13 @@ var CiTyeCache = /*#__PURE__*/function () {
     var model = null;
     types.forEach(function (type) {
       if (type.id === connectType) {
-        var metrics = ciType.metrics // 物理链路移除：ping状态、专线连通状态
+        var metrics = ciType.metrics // 仅出口链路有：ping状态、专线连通状态
         .filter(function (metric) {
           if (connectType === 'exit') {
             return true;
           }
 
-          return ['network_dedicated_line_status', 'ping_status'].indexOf(metric.code) === -1;
+          return ['icmp_discards_rate', 'ping_status'].indexOf(metric.code) === -1;
         }) // 按链路类型过滤对应指标
         .filter(function (metric) {
           return !excludeMetricPprefixs.filter(function (excludeMetricPprefix) {

package/lib/hooks/useManageStatus.js

@@ -43,7 +43,9 @@ function useManageStatus(props) {
       topoState = _topo$store$useModel[0],
       topoDispatchers = _topo$store$useModel[1];
 
-  var graphLoaded = topoState.graphLoaded;
+  var graphLoaded = topoState.graphLoaded,
+      viewState = topoState.viewState;
+  var isEditMode = viewState === 'edit';
   var resources = topo.dataModel.useCis();
   (0, _useTopoEventListener["default"])({
     type: 'manageStatus',
@@ -64,7 +66,7 @@ function useManageStatus(props) {
   });
   (0, _react.useEffect)(function () {
     // 首次加载和监控状态变化后，更新节点和连线置灰状态
-    if (graphLoaded) {
+    if (!isEditMode && graphLoaded) {
       resources.forEach(function (resource) {
         var type = resource.type,
             id = resource.id,
@@ -83,5 +85,5 @@ function useManageStatus(props) {
         }
       });
     }
-  }, [graphLoaded, resources]);
+  }, [isEditMode, graphLoaded, resources]);
 }

package/lib/topoCenter/components/editor/propertyViews/edge/LinkPropertyView/Setting/index.js

@@ -15,11 +15,12 @@ var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _LineType = _interopRequireDefault(require("../../../../../../../core/editor/components/settings/common/LineType"));
+
 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; }
 
-// import LineType from '../../../../../../../core/editor/components/settings/common/LineType';
 var CollapsePanel = _collapse["default"].Panel;
 
 function parseValues(values) {
@@ -49,12 +50,14 @@ function LinkSetting(props) {
     field: field,
     labelAlign: "top"
   }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, null, /*#__PURE__*/_react["default"].createElement(_collapse["default"], {
-    defaultExpandedKeys: ["显示设置"],
+    defaultExpandedKeys: ["线形"],
     style: {
       border: "none"
     }
   }, /*#__PURE__*/_react["default"].createElement(CollapsePanel, {
-    key: "\u663E\u793A\u8BBE\u7F6E",
-    title: "\u663E\u793A\u8BBE\u7F6E"
-  }))));
+    key: "\u7EBF\u5F62",
+    title: "\u7EBF\u5F62"
+  }, /*#__PURE__*/_react["default"].createElement(_LineType["default"], {
+    topo: topo
+  })))));
 }

package/lib/topoCenter/models/LinkTagsTipsBuilder.js

@@ -9,8 +9,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
 
-var _groupBy = _interopRequireDefault(require("lodash/groupBy"));
-
 var _htElementUtils = require("../../utils/htElementUtils");
 
 var _attributeFormatter = _interopRequireDefault(require("../../core/models/attributeFormatter"));
@@ -21,7 +19,7 @@ var _attributeFormatter = _interopRequireDefault(require("../../core/models/attr
 // 参与计算的链路指标
 var metrics = [// 总流速
 {
-  code: 'total_flow_rate',
+  code: 'interface_totalbps',
   calcType: 'sum'
 }, // 带宽利用率
 {
@@ -46,10 +44,6 @@ var metrics = [// 总流速
   calcType: 'sum',
   showWhenSameSource: true
 }];
-var connectTypePrefixMap = {
-  phy: 'physical_link.',
-  exit: 'export_link.'
-};
 var calcFnMap = {
   sum: function sum(values) {
     return values.reduce(function (total, val) {
@@ -98,11 +92,6 @@ var LinkTagsTipsBuilder = /*#__PURE__*/function () {
     var edgeGroupsTagsTips = groups.map(function (_ref) {
       var groupId = _ref.groupId,
           linkChildren = _ref.children;
-      console.error(1111, {
-        ciConfigs: ciConfigs,
-        linkChildren: linkChildren,
-        data: data
-      });
       var config = ciConfigs.find(function (item) {
         return item.id === linkChildren[0].id;
       });
@@ -112,10 +101,7 @@ var LinkTagsTipsBuilder = /*#__PURE__*/function () {
         linkChildren: linkChildren,
         data: data
       });
-    }); // console.error({
-    //   noParentLinks, groupMap, edgeGroups: edgeGroupsTagsTips, ciTagsAndTips, data
-    // })
-    // 获得连线组及子链路
+    }); // 获得连线组及子链路
     // 关联聚合链路、无子链路 时返回null
 
     function getGroupInfo(group) {
@@ -169,29 +155,27 @@ var LinkTagsTipsBuilder = /*#__PURE__*/function () {
         config = _ref2.config,
         linkChildren = _ref2.linkChildren,
         data = _ref2.data;
-    var connectTypes = ['physical_link.', 'export_link.'];
-
-    var replaceMetricConfigCode = function replaceMetricConfigCode(item) {
-      var code = item.code;
-      connectTypes.forEach(function (prefix) {
-        code = code.replace(prefix, 'physical_link.');
-      });
-      return (0, _extends2["default"])({}, item, {
-        code: code
-      });
-    }; // 查询配置，过滤不在范围内的属性
-
-
+    // 查询配置，过滤不在范围内的属性
     var finalConfig = (0, _extends2["default"])({}, config, {
       tags: config.tags.filter(function (item) {
         return _this2.filterField(item, linkChildren);
-      }).map(replaceMetricConfigCode),
+      }),
       tips: config.tips.filter(function (item) {
         return _this2.filterField(item, linkChildren);
-      }).map(replaceMetricConfigCode)
+      })
     }); // 构造数据，计算指标值
 
-    var mergeData = this.buildData(data, linkChildren); // 构造标注、悬浮框数据
+    var mergeData = this.buildData(data, linkChildren);
+
+    _rlog["default"].debug('buildEdgeGroupTagTagsAndTips', {
+      groupId: groupId,
+      config: config,
+      linkChildren: linkChildren,
+      data: data,
+      finalConfig: finalConfig,
+      mergeData: mergeData
+    }); // 构造标注、悬浮框数据
+
 
     var formatter = new _attributeFormatter["default"](this.topo);
     return {
@@ -205,7 +189,7 @@ var LinkTagsTipsBuilder = /*#__PURE__*/function () {
 
   _proto.filterField = function filterField(item, linkChildren) {
     var fieldConfig = metrics.find(function (m) {
-      return item.code.endsWith("." + m.code);
+      return item.code === m.code;
     });
 
     if (item.type !== 'metric' || !fieldConfig) {
@@ -243,11 +227,9 @@ var LinkTagsTipsBuilder = /*#__PURE__*/function () {
     metrics.forEach(function (m) {
       try {
         var values = linkChildrenData.map(function (linkData) {
-          var connectType = linkData.attributeMap['network_link.connect_type'];
-          var metricCode = "" + connectTypePrefixMap[connectType] + m.code;
-          return linkData.metricMap[metricCode];
+          return linkData.metricMap[m.code];
         });
-        mergeData.metricMap["physical_link." + m.code] = calcFnMap[m.calcType](values);
+        mergeData.metricMap[m.code] = calcFnMap[m.calcType](values);
       } catch (error) {
         _rlog["default"].warn('连线组指标计算异常', error);
       }

package/lib/utils/ResourceConfigUtil.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+
 var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
 
 var _htElementUtils = require("./htElementUtils");
@@ -57,18 +59,23 @@ function getResourceConfigFromHt(topo) {
 
   var exportLinkIdList = [];
   var edges = (0, _htElementUtils.getEdges)(dataModel);
-  console.log(" 查询出口链路列表-edges", edges, dataModel);
+
+  _rlog["default"].debug(" 查询出口链路列表-edges", edges, dataModel);
+
   edges.forEach(function (edge) {
-    var edgeData = htTopo.getEdgeData(edge); // eslint-disable-next-line no-underscore-dangle
+    var edgeData = htTopo.getEdgeData(edge); // 有组无子连线返回null
 
-    var id = edgeData._attrObject.id;
+    if (edgeData) {
+      // 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 && linkData.attributes ? linkData === null || linkData === void 0 ? void 0 : linkData.attributes["network_link.connect_type"] : undefined;
+      if (id) {
+        var linkData = topo.dataModel.getDataById(id);
+        var connectType = linkData !== null && linkData !== void 0 && linkData.attributes ? linkData === null || linkData === void 0 ? void 0 : linkData.attributes["network_link.connect_type"] : undefined;
 
-      if (connectType === "exit" && !exportLinkIdList.includes(id)) {
-        exportLinkIdList.push(id);
+        if (connectType === "exit" && !exportLinkIdList.includes(id)) {
+          exportLinkIdList.push(id);
+        }
       }
     }
   });

package/lib/utils/clusterUtil.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.buildClusterGroups = buildClusterGroups;
+exports.isCluster = isCluster;
+exports.processClusterChildNode = processClusterChildNode;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+/**
+ * 集群处理工具类
+ */
+function isCluster(node) {
+  return !!node.cluster;
+}
+
+function buildClusterGroups(nodes) {
+  return nodes.filter(isCluster).map(function (g) {
+    return (0, _extends2["default"])({
+      tag: null,
+      parentId: g.groupId,
+      parentTag: g.groupTag
+    }, g);
+  });
+}
+/**
+ * 集群的节点 groupId 设置为所在集群id、groupTag设为空。所属集群不存在不处理
+ * 
+ * @param {*} node 
+ * @param {*} groups 
+ */
+
+
+function processClusterChildNode(node, groups) {
+  var ownerId = node.ownerId;
+  var ownerExisted = ownerId && groups.find(function (group) {
+    return group.id === ownerId;
+  });
+
+  if (!ownerId || !ownerExisted) {
+    return node;
+  }
+
+  return (0, _extends2["default"])({}, node, {
+    groupId: ownerId,
+    groupTag: null
+  });
+}

package/lib/utils/topoData.js

@@ -37,6 +37,8 @@ var _icon = require("../core/common/icons/icon");
 
 var _backgroundUtil = require("../core/utils/backgroundUtil");
 
+var _clusterUtil = require("./clusterUtil");
+
 var _excluded = ["extraConfig"];
 
 /**
@@ -402,9 +404,15 @@ var combTopoData = function combTopoData(_ref3) {
     engine: engine
   }); // group
 
-  var groups = formatGroups((_result$groups = result.groups) !== null && _result$groups !== void 0 ? _result$groups : []); // nodes
+  var groups = formatGroups([].concat((_result$groups = result.groups) !== null && _result$groups !== void 0 ? _result$groups : [], (0, _clusterUtil.buildClusterGroups)(result.nodes))); // nodes
 
-  var nodes = result.nodes.map(function (node) {
+  var nodes = result.nodes // 过滤集群
+  .filter(function (node) {
+    return !(0, _clusterUtil.isCluster)(node);
+  }) // 修正集群节点数据
+  .map(function (node) {
+    return (0, _clusterUtil.processClusterChildNode)(node, groups);
+  }).map(function (node) {
     return tfNode(engine, node);
   }); // links