@riil-frontend/component-topology 11.0.29 → 11.0.30

package/es/networkTopo/hooks/viewer/useRelateTopo.js

@@ -1,9 +1,8 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(typeof e + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { TopoEvent } from '@riil-frontend/component-topology-graph';
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import { loopTreeFun } from "../../../utils/tree";
-
 /**
  * 关联拓扑
  *
@@ -11,24 +10,28 @@ import { loopTreeFun } from "../../../utils/tree";
  * 双击缩略图返回原拓扑图
  * 双击节点=>调用生成拓扑缩略图=>打开新拓扑图=>ht渲染缩略图
  */
+
 export default function useRelateTopo(params) {
   var topo = params.topo;
   var store = topo.store;
   var topoState = store.useModelState('topoMod');
   var topoCenterDispatchers = store.useModelDispatchers('topoCenter');
   var treeState = store.useModelState('topoTreeMod');
+
   var _topo$store$useModelS = topo.store.useModelState('lock'),
-    lock = _topo$store$useModelS.lock;
+      lock = _topo$store$useModelS.lock;
+
   function onEvent(event) {
     if (event.name === TopoEvent.EVENT_DOUBLE_CLICK) {
-      rlog.debug('双击事件', event);
+      rlog.debug('双击事件', event); // 在开锁状态下禁用：双击节点跳转到拓扑图、双击缩略图返回来源拓扑图
 
-      // 在开锁状态下禁用：双击节点跳转到拓扑图、双击缩略图返回来源拓扑图
       if (!lock) {
         return;
       }
+
       var data = event.data;
       var relateTopoId = getRelateTopoId(data);
+
       if (relateTopoId) {
         openLinkedTopo(relateTopoId);
       } else if (data.dtype === 'thumbnail') {
@@ -37,10 +40,10 @@ export default function useRelateTopo(params) {
       }
     }
   }
+
   function getRelateTopoId(data) {
     return data.bindType === 'topo' ? data.bindTopo : null;
   }
-
   /**
    * 打开关联的拓扑图
    *
@@ -48,25 +51,32 @@ export default function useRelateTopo(params) {
    *
    * @param topoId
    */
+
+
   function openLinkedTopo(_x) {
     return _openLinkedTopo.apply(this, arguments);
   }
+
   function _openLinkedTopo() {
-    _openLinkedTopo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(topoId) {
+    _openLinkedTopo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(topoId) {
       var thumbnailImg;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             rlog.info('打开关联拓扑图', topoId);
+
             if (checkTopoExisted(topoId)) {
               _context.next = 4;
               break;
             }
+
             rlog.error('关联拓扑图不存在：', topoId);
             return _context.abrupt("return");
+
           case 4:
             _context.next = 6;
             return topo.getHtTopo().createThumbnail();
+
           case 6:
             thumbnailImg = _context.sent;
             // 打开新拓扑，传递缩略图和原拓扑id
@@ -79,6 +89,7 @@ export default function useRelateTopo(params) {
                 }
               }
             });
+
           case 8:
           case "end":
             return _context.stop();
@@ -87,13 +98,16 @@ export default function useRelateTopo(params) {
     }));
     return _openLinkedTopo.apply(this, arguments);
   }
+
   function returnSourceTopo(data) {
     var _data$sourceTopo;
+
     topoCenterDispatchers.openTopoPage({
       id: data === null || data === void 0 ? void 0 : (_data$sourceTopo = data.sourceTopo) === null || _data$sourceTopo === void 0 ? void 0 : _data$sourceTopo.id,
       linkTo: null
     });
   }
+
   function checkTopoExisted(topoId) {
     var existed = false;
     loopTreeFun(treeState.treeData, function (item) {
@@ -103,6 +117,7 @@ export default function useRelateTopo(params) {
     });
     return existed;
   }
+
   return {
     onEvent: onEvent
   };

package/es/networkTopo/models/EdgeGroupTagTipBuilder.js

@@ -1,5 +1,6 @@
 import { getEdgeGroups } from "../../utils/htElementUtils";
 import { getEdgeGroupLinkIdConfig } from "../utils/edgeGroupTagUtil";
+
 var EdgeGroupTagTipBuilder = /*#__PURE__*/function () {
   function EdgeGroupTagTipBuilder(amDisplay) {
     this.amDisplay = void 0;
@@ -7,23 +8,28 @@ var EdgeGroupTagTipBuilder = /*#__PURE__*/function () {
     this.amDisplay = amDisplay;
     this.topo = amDisplay.topo;
   }
+
   var _proto = EdgeGroupTagTipBuilder.prototype;
+
   _proto.getExtElementTagsAndTips = function getExtElementTagsAndTips() {
     var _this = this;
+
     var topo = this.topo;
     var dm = this.topo.getDataModel();
     var edgeGroupsTagsTips = getEdgeGroups(dm).map(function (edgeGroup) {
-      var edge = edgeGroup.getEdges().getArray()[0];
-      // 获取配置的链路
+      var edge = edgeGroup.getEdges().getArray()[0]; // 获取配置的链路
+
       var linkId = getEdgeGroupLinkIdConfig(edge, topo);
       var edgeGroupId = [edge.getSourceAgent().getId(), edge.getTargetAgent().getId()];
       var data = {
         tags: [],
         tips: []
       };
+
       if (linkId) {
         data = _this.amDisplay.buildElementTagsTips(linkId);
       }
+
       return {
         htId: edge.getId(),
         edgeGroupId: edgeGroupId,
@@ -36,7 +42,9 @@ var EdgeGroupTagTipBuilder = /*#__PURE__*/function () {
     });
     return edgeGroupsTagsTips;
   };
+
   return EdgeGroupTagTipBuilder;
 }();
+
 export { EdgeGroupTagTipBuilder as default };
 ;

package/es/networkTopo/models/ExtElementTagTipBuilder.js

@@ -1,5 +1,6 @@
 import IpNodeTagsTipsBuilder from "./IpNodeTagsTipsBuilder";
 import EdgeGroupTagTipBuilder from "./EdgeGroupTagTipBuilder";
+
 var ExtElementTagTipBuilder = /*#__PURE__*/function () {
   function ExtElementTagTipBuilder(amDisplay) {
     this.amDisplay = void 0;
@@ -7,11 +8,15 @@ var ExtElementTagTipBuilder = /*#__PURE__*/function () {
     this.amDisplay = amDisplay;
     this.topo = amDisplay.topo;
   }
+
   var _proto = ExtElementTagTipBuilder.prototype;
+
   _proto.getExtElementTagsAndTips = function getExtElementTagsAndTips() {
     return [].concat(new IpNodeTagsTipsBuilder(this.amDisplay).getExtElementTagsAndTips(), new EdgeGroupTagTipBuilder(this.amDisplay).getExtElementTagsAndTips());
   };
+
   return ExtElementTagTipBuilder;
 }();
+
 export { ExtElementTagTipBuilder as default };
 ;

package/es/networkTopo/models/IpNodeTagsTipsBuilder.js

@@ -4,6 +4,7 @@
 import rlog from "@riil-frontend/component-topology-utils/es/rlog";
 import { getEdgeGroups } from "../../utils/htElementUtils";
 import AttributeFormatter from "../../core/models/attributeFormatter";
+
 var IpNodeTagsTipsBuilder = /*#__PURE__*/function () {
   function IpNodeTagsTipsBuilder(amDisplay) {
     this.amDisplay = void 0;
@@ -11,10 +12,13 @@ var IpNodeTagsTipsBuilder = /*#__PURE__*/function () {
     this.amDisplay = amDisplay;
     this.topo = amDisplay.topo;
   }
+
   var _proto = IpNodeTagsTipsBuilder.prototype;
+
   _proto.getExtElementTagsAndTips = function getExtElementTagsAndTips() {
     return this.getIpNodeTagsAndTips();
   };
+
   _proto.getIpNodeTagsAndTips = function getIpNodeTagsAndTips() {
     // const ciConfigs = this.amDisplay.getResourceTagTipConfig();
     var tts = [];
@@ -24,8 +28,7 @@ var IpNodeTagsTipsBuilder = /*#__PURE__*/function () {
     });
     var topo = this.topo;
     var dm = this.topo.getDataModel();
-    var config = topo.attributeMetricDisplay.getConfig();
-    // console.log("getIpNodeTagsAndTips", config, ipNodes);
+    var config = topo.attributeMetricDisplay.getConfig(); // console.log("getIpNodeTagsAndTips", config, ipNodes);
 
     var tagDatas = config.nodeTag && !config.nodeTag.isCustom ? config.nodeTag.data : [];
     var tipDatas = config.nodeTip && !config.nodeTip.isCustom ? config.nodeTip.data : [];
@@ -37,6 +40,7 @@ var IpNodeTagsTipsBuilder = /*#__PURE__*/function () {
     }).length > 0;
     ipNodes.map(function (node) {
       var tags = [];
+
       if (tagHasIpv4) {
         tags.push({
           type: "attribute",
@@ -49,7 +53,9 @@ var IpNodeTagsTipsBuilder = /*#__PURE__*/function () {
           originValue: node.bindIp
         });
       }
+
       var tips = [];
+
       if (tipHasIpv4) {
         tips.push({
           type: "attribute",
@@ -62,6 +68,7 @@ var IpNodeTagsTipsBuilder = /*#__PURE__*/function () {
           originValue: node.bindIp
         });
       }
+
       tts.push({
         type: node,
         id: node.id,
@@ -71,6 +78,8 @@ var IpNodeTagsTipsBuilder = /*#__PURE__*/function () {
     });
     return tts;
   };
+
   return IpNodeTagsTipsBuilder;
 }();
+
 export { IpNodeTagsTipsBuilder as default };

package/es/networkTopo/models/LinkDynamicStyleExecutor.js

@@ -1,9 +1,8 @@
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import { isClusterHtElement } from "../../utils/clusterUtil";
 import { getEdgeGroupByNodeTags, getEdges, isNode } from "../../utils/htElementUtils";
-import { getLinksBetweenNodes } from "../utils/linkUtil";
+import { getLinksBetweenNodes } from "../utils/linkUtil"; // network_link.actual_bandwidth
 
-// network_link.actual_bandwidth
 function calcEdgeWidth(actualBandwidth) {
   if (!actualBandwidth) {
     return 3;
@@ -17,11 +16,13 @@ function calcEdgeWidth(actualBandwidth) {
     return 6;
   }
 }
+
 var getChildrenNodeCiIds = function getChildrenNodeCiIds(nodes) {
   var ciIds = [];
   nodes.forEach(function (node) {
     if (isNode(node) || isClusterHtElement(node)) {
       var nodeTag = node.getTag();
+
       if (nodeTag) {
         ciIds.push(nodeTag);
       }
@@ -35,58 +36,64 @@ var getChildrenNodeCiIds = function getChildrenNodeCiIds(nodes) {
   });
   return ciIds;
 };
+
 var LinkDynamicStyleExecutor = /*#__PURE__*/function () {
   function LinkDynamicStyleExecutor(topo) {
     // network_link.actual_bandwidth
     this.calcEdgeWidth = calcEdgeWidth;
     this.topo = topo;
   }
-
   /**
    * 仅链路、包含链路的连线组生效
    * 支撑场景：显示模式拓扑打开、显示模式全量切换单多链路、编辑模式拓扑打开、编辑模式修改链路值、编辑模式单个切换连线
    */
+
+
   var _proto = LinkDynamicStyleExecutor.prototype;
+
   _proto.execute = function execute() {
     var _this = this;
+
     var topo = this.topo;
+
     var _topo$dataModel$getDa = topo.dataModel.getData(),
-      links = _topo$dataModel$getDa.links,
-      linkGroups = _topo$dataModel$getDa.linkGroups;
+        links = _topo$dataModel$getDa.links,
+        linkGroups = _topo$dataModel$getDa.linkGroups;
+
     var dataModel = this.topo.getDataModel();
-    topo.historyManager && topo.historyManager.setDisabled(true, '链路动态样式');
+    topo.historyManager && topo.historyManager.setDisabled(true, '链路动态样式'); // 1、如果连线可见，设置线宽
 
-    // 1、如果连线可见，设置线宽
     links.forEach(function (link) {
       var edge = dataModel.getDataByTag(link.id);
+
       if (edge) {
         edge.s('edge.width', _this.calcLinkEdgeWidth(link));
       }
-    });
+    }); // 2、如果连线组关联链路并可见，设置线宽
 
-    // 2、如果连线组关联链路并可见，设置线宽
     linkGroups.forEach(function (link) {
       // 聚合链路是连线/连线组，并可以查询到
       var edge = topo.getDataModel().getDataByTag(link.id);
+
       if (edge) {
         edge.s('edge.width', _this.calcLinkEdgeWidth(link));
         return;
-      }
+      } // 聚合链路是连线组（编辑模式还未关联业务信息）
+
 
-      // 聚合链路是连线组（编辑模式还未关联业务信息）
       var edgeGroup = getEdgeGroupByNodeTags(dataModel, link.source, link.target);
+
       if (edgeGroup) {
-        var edgeGroupAgent = edgeGroup.getEdgeGroupAgent();
-        // 判断是显示的连线组元素
+        var edgeGroupAgent = edgeGroup.getEdgeGroupAgent(); // 判断是显示的连线组元素
+
         if (edgeGroupAgent) {
           edgeGroup.getEdgeGroupAgent().s('edge.width', _this.calcLinkEdgeWidth(link));
         }
       } else {
         rlog.warn('动态链路样式执行：未找到聚合链路的ht元素', link);
       }
-    });
+    }); // 3、如果连线组未关联链路并可见，设置线宽。
 
-    // 3、如果连线组未关联链路并可见，设置线宽。
     var edges = getEdges(dataModel);
     edges.forEach(function (edge) {
       try {
@@ -94,22 +101,23 @@ var LinkDynamicStyleExecutor = /*#__PURE__*/function () {
         var sourceAgent = edge.getSourceAgent();
         var targetAgent = edge.getTargetAgent();
         var sourceId = sourceAgent.getTag();
-        var targetId = targetAgent.getTag();
-        // 查询是否有聚合链路
+        var targetId = targetAgent.getTag(); // 查询是否有聚合链路
+
         var aggLink = linkGroups.find(function (link) {
           return link.source === sourceId && link.target === targetId || link.target === sourceId && link.source === targetId;
-        });
-        // 如果连线组未关联链路并可见
+        }); // 如果连线组未关联链路并可见
+
         if (!aggLink && edge.isEdgeGroupAgent()) {
           // 查询两端代理节点（包含子节点）间的子链路列表
           var sourceCiIds = getChildrenNodeCiIds([sourceAgent]);
           var targetCiIds = getChildrenNodeCiIds([targetAgent]);
           var aggLinks = getLinksBetweenNodes(linkGroups, sourceCiIds, targetCiIds);
           var phyLinks = getLinksBetweenNodes(links, sourceCiIds, targetCiIds);
-          var linkBetweenNodes = aggLinks.length ? aggLinks : phyLinks;
-          // 如果有子链路，计算线宽并设置
+          var linkBetweenNodes = aggLinks.length ? aggLinks : phyLinks; // 如果有子链路，计算线宽并设置
+
           if (linkBetweenNodes.length) {
             var edgeWidth = _this.calcEdgeGroupEdgeWidth(linkBetweenNodes);
+
             edge.s('edge.width', edgeWidth);
           }
         }
@@ -119,22 +127,27 @@ var LinkDynamicStyleExecutor = /*#__PURE__*/function () {
     });
     topo.historyManager && topo.historyManager.setDisabled(false, '链路动态样式');
   }
-
   /**
    * 处理单个连线组切换。有链路时设置
-   */;
+   */
+  ;
+
   _proto.handleEdgeToggle = function handleEdgeToggle(_ref) {
     var _this2 = this;
+
     var expanded = _ref.expanded,
-      edges = _ref.edges,
-      edgeGroup = _ref.edgeGroup;
+        edges = _ref.edges,
+        edgeGroup = _ref.edgeGroup;
+
     if (expanded) {
       // 展开，
       edges.filter(function (edge) {
         return edge.getTag();
       }).forEach(function (edge) {
         var id = edge.getTag();
+
         var links = _this2.topo.store.getModelState('topoMod').data.links;
+
         var link = links.find(function (item) {
           return item.id === id;
         });
@@ -149,36 +162,44 @@ var LinkDynamicStyleExecutor = /*#__PURE__*/function () {
         return link.source === source && link.target === target || link.target === source && link.source === target;
       });
     }
-  }
-
-  // eslint-disable-next-line class-methods-use-this
+  } // eslint-disable-next-line class-methods-use-this
   ;
+
   _proto.calcEdgeGroupEdgeWidth = function calcEdgeGroupEdgeWidth(links) {
     var displayConfig = this.topo.store.getModelState('displayConfig');
     var autoChangeEdgeWidth = displayConfig.autoChangeEdgeWidth !== false;
+
     if (!autoChangeEdgeWidth) {
       return 3;
     }
+
     if (!links.length) {
       return 3;
     }
+
     var total = 0;
     links.forEach(function (link) {
       var actualBandwidth = link.attributes['network_link.actual_bandwidth'];
+
       if (actualBandwidth) {
         total += actualBandwidth;
       }
     });
     return this.calcEdgeWidth(total);
   };
+
   _proto.calcLinkEdgeWidth = function calcLinkEdgeWidth(link) {
     var displayConfig = this.topo.store.getModelState('displayConfig');
     var autoChangeEdgeWidth = displayConfig.autoChangeEdgeWidth !== false;
+
     if (!autoChangeEdgeWidth) {
       return 3;
     }
+
     return this.calcEdgeWidth(link.attributes['network_link.actual_bandwidth']);
   };
+
   return LinkDynamicStyleExecutor;
 }();
+
 export { LinkDynamicStyleExecutor as default };