@riil-frontend/component-topology 11.0.29 → 11.0.30

package/lib/networkTopo/components/TopoView.js

@@ -1,41 +1,60 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _loading = _interopRequireDefault(require("@alifd/next/lib/loading"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _index = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/components/NoDataPage/index"));
+
 var _TopoView = _interopRequireDefault(require("../../core/components/TopoView"));
+
 var _topoPermissionUtil = _interopRequireDefault(require("../../utils/topoPermissionUtil"));
+
 var _Topo = _interopRequireDefault(require("./Topo404"));
+
 var _TopoNoPermission = _interopRequireDefault(require("./TopoNoPermission"));
+
 var _indexModule = _interopRequireDefault(require("../../components/index.module.scss"));
+
 var _useLinkDynamicStyle = _interopRequireDefault(require("../hooks/useLinkDynamicStyle"));
+
 var _useRelateTopo = _interopRequireDefault(require("../hooks/viewer/useRelateTopo"));
+
 var _useEdgeFlow = _interopRequireDefault(require("../hooks/viewer/useEdgeFlow"));
+
 var _useEdgeExpand = _interopRequireDefault(require("../hooks/useEdgeExpand"));
+
 var _excluded = ["topo", "viewerProps", "titleBar", "nodataPage", "notfoundPageProps", "noPermissionPageProps"];
+
 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 NetworkTopologyCore(props) {
   var topo = props.topo,
-    viewerProps = props.viewerProps,
-    titleBar = props.titleBar,
-    nodataPage = props.nodataPage,
-    notfoundPageProps = props.notfoundPageProps,
-    noPermissionPageProps = props.noPermissionPageProps,
-    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+      viewerProps = props.viewerProps,
+      titleBar = props.titleBar,
+      nodataPage = props.nodataPage,
+      notfoundPageProps = props.notfoundPageProps,
+      noPermissionPageProps = props.noPermissionPageProps,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   var topoState = topo.store.useModelState("topoMod");
   var loading = topoState.loading,
-    topoId = topoState.topoId,
-    topoData = topoState.topoData,
-    topoPermission = topoState.topoPermission;
+      topoId = topoState.topoId,
+      topoData = topoState.topoData,
+      topoPermission = topoState.topoPermission;
   (0, _useLinkDynamicStyle["default"])({
     topo: topo
   });
@@ -48,10 +67,12 @@ function NetworkTopologyCore(props) {
   var relateTopo = (0, _useRelateTopo["default"])({
     topo: topo
   });
+
   var renderTopoView = function renderTopoView() {
     var handleEvent = function handleEvent(event) {
       relateTopo.onEvent(event);
     };
+
     return /*#__PURE__*/_react["default"].createElement(_TopoView["default"], (0, _extends2["default"])({}, otherProps, {
       topo: topo,
       topoContext: (0, _extends2["default"])({}, otherProps.topoContext, {
@@ -62,6 +83,7 @@ function NetworkTopologyCore(props) {
       onEvent: handleEvent
     }));
   };
+
   var renderContent = function renderContent() {
     if (!loading && !topoId) {
       return nodataPage || /*#__PURE__*/_react["default"].createElement(_index["default"], {
@@ -70,24 +92,25 @@ function NetworkTopologyCore(props) {
       });
     } else if (!topoId) {
       return null;
-    }
-
-    // if (loading) {
+    } // if (loading) {
     //   return null;
     // }
 
+
     if (!loading) {
       // 加载完成后
-
       if (topoPermission && !_topoPermissionUtil["default"].isReadable(topoPermission)) {
         return /*#__PURE__*/_react["default"].createElement(_TopoNoPermission["default"], noPermissionPageProps);
       }
+
       if (!topoData) {
         return /*#__PURE__*/_react["default"].createElement(_Topo["default"], notfoundPageProps);
       }
     }
+
     return renderTopoView();
   };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _indexModule["default"]["topo-center-view"]
   }, /*#__PURE__*/_react["default"].createElement(_loading["default"], {
@@ -95,6 +118,7 @@ function NetworkTopologyCore(props) {
     visible: loading
   }, renderContent()));
 }
+
 NetworkTopologyCore.displayName = 'NetworkTopologyCore';
 var _default = NetworkTopologyCore;
 exports["default"] = _default;

package/lib/networkTopo/createTopo.js

@@ -1,16 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.createTopo = createTopo;
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _TopoCenter = _interopRequireDefault(require("./models/TopoCenter"));
+
 var _services = _interopRequireDefault(require("./services"));
+
 function createTopo(options) {
   var topoApp = new _TopoCenter["default"]((0, _extends2["default"])({}, options));
   topoApp.serverApi = _services["default"];
   return topoApp;
 }
+
 var _default = createTopo;
 exports["default"] = _default;

package/lib/networkTopo/getTopoData.js

@@ -1,15 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.addLinkData = addLinkData;
 exports.buildData = buildData;
 exports["default"] = getTopoData;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _linkUtils = require("../core/models/utils/linkUtils");
+
 var _resourcePermissionUtil = require("./utils/resourcePermissionUtil");
-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 "./utils/__tests__/resourcePermissionUtil.test";
 // 过滤掉无两端节点数据的链路
 function filterLinkNoSourceTarget(data) {
@@ -17,37 +24,39 @@ function filterLinkNoSourceTarget(data) {
     var sourceNode = (data.nodes || []).find(function (node) {
       return node.id === link.source;
     });
+
     if (link.source && !sourceNode) {
       return false;
     }
+
     return true;
   });
   return (0, _extends2["default"])({}, data, {
     links: links
   });
 }
-
 /**
  * 修正告警配置。因为：接口返回值没有全局告警配置时，返回null，代表开启
  * @param {*} data 
  * @returns 
  */
+
+
 function fixAlarmConfig(data) {
   var _data$global = data.global,
-    alarmSwitch = _data$global.alarmSwitch,
-    alarmListDefaultOpen = _data$global.alarmListDefaultOpen;
+      alarmSwitch = _data$global.alarmSwitch,
+      alarmListDefaultOpen = _data$global.alarmListDefaultOpen;
   return (0, _extends2["default"])({}, data, {
     global: (0, _extends2["default"])({}, data.global, {
       alarmSwitch: alarmSwitch === null ? true : alarmSwitch,
       alarmListDefaultOpen: alarmListDefaultOpen === null ? true : alarmListDefaultOpen
     })
   });
-}
+} // 修正容器找不到时groupId设为空
+
 
-// 修正容器找不到时groupId设为空
 function fixNodeGroupId(data) {
-  var nodes = (data.nodes || []
-  // 修正容器找不到时groupId设为空
+  var nodes = (data.nodes || [] // 修正容器找不到时groupId设为空
   ).map(function (node) {
     var groupExisted = !!(data.groups || []).filter(function (g) {
       return g.id === node.groupId;
@@ -60,25 +69,31 @@ function fixNodeGroupId(data) {
     nodes: nodes
   });
 }
+
 function isNetworkLink(link) {
   return link.ciType === 'network_link' || link.typeCode === 'network_link';
 }
+
 function addLinkData(_x) {
   return _addLinkData.apply(this, arguments);
 } // FIXME 业务拓扑不需要链路相关逻辑
+
+
 function _addLinkData() {
-  _addLinkData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
+  _addLinkData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(data) {
     var links, nodes, prevNetworkLinks, networkLinks, otherLinks;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
+    return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           links = data.links || [];
           nodes = data.nodes || []; // 如果是网络链路，补充详情信息
+
           prevNetworkLinks = links.filter(function (link) {
             return isNetworkLink(link);
           });
           _context.next = 5;
           return (0, _linkUtils.getLinksDetail)(prevNetworkLinks, nodes);
+
         case 5:
           networkLinks = _context.sent;
           otherLinks = links.filter(function (link) {
@@ -88,6 +103,7 @@ function _addLinkData() {
             links: [].concat(networkLinks, otherLinks),
             linkGroups: []
           }));
+
         case 8:
         case "end":
           return _context.stop();
@@ -96,21 +112,24 @@ function _addLinkData() {
   }));
   return _addLinkData.apply(this, arguments);
 }
+
 function buildData(_x2) {
   return _buildData.apply(this, arguments);
 }
+
 function _buildData() {
-  _buildData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(oldData) {
+  _buildData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(oldData) {
     var data;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+    return _regenerator["default"].wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           data = oldData;
           data = fixNodeGroupId(data);
-          data = filterLinkNoSourceTarget(data);
-          // data = await addLinkData(data)
+          data = filterLinkNoSourceTarget(data); // data = await addLinkData(data)
+
           data = (0, _resourcePermissionUtil.addTopoDataResourcePermission)(data);
           return _context2.abrupt("return", data);
+
         case 5:
         case "end":
           return _context2.stop();
@@ -119,31 +138,39 @@ function _buildData() {
   }));
   return _buildData.apply(this, arguments);
 }
+
 function getTopoData(_x3, _x4) {
   return _getTopoData.apply(this, arguments);
 }
+
 function _getTopoData() {
-  _getTopoData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(id, topoService) {
+  _getTopoData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(id, topoService) {
     var data;
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+    return _regenerator["default"].wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
           _context3.next = 2;
           return topoService.getTopoData(id);
+
         case 2:
           data = _context3.sent;
+
           if (data) {
             _context3.next = 5;
             break;
           }
+
           return _context3.abrupt("return", data);
+
         case 5:
           data = fixAlarmConfig(data);
           _context3.next = 8;
           return buildData(data);
+
         case 8:
           data = _context3.sent;
           return _context3.abrupt("return", data);
+
         case 10:
         case "end":
           return _context3.stop();

package/lib/networkTopo/hooks/useEdgeExpand.js

@@ -1,10 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = useEdgeExpand;
+
 var _useHtDataPropertyChangeListener = _interopRequireDefault(require("../../core/hooks/ht/useHtDataPropertyChangeListener"));
+
 var _edgeUtil = require("../../core/utils/edgeUtil");
+
 /**
  * 默认情况下，拓扑图不存在链路的动态效果
  * 未监控的链路，不展示动态效果
@@ -16,7 +20,8 @@ function useEdgeExpand(props) {
     topo: topo,
     onChange: function onChange(e) {
       var property = e.property,
-        data = e.data;
+          data = e.data;
+
       if (data instanceof ht.Group && property === 'expanded') {
         (0, _edgeUtil.updateEdgeExpanded)(topo);
         setTimeout(function () {

package/lib/networkTopo/hooks/useGroupResources.js

@@ -2,11 +2,14 @@
 
 exports.__esModule = true;
 exports["default"] = _default;
+
 function _default(props) {
   var topo = props.topo,
-    group = props.group;
+      group = props.group;
+
   var _topo$store$useModelS = topo.store.useModelState('topoMod'),
-    topoData = _topo$store$useModelS.data;
+      topoData = _topo$store$useModelS.data;
+
   return ((topoData === null || topoData === void 0 ? void 0 : topoData.nodes) || []).filter(function (node) {
     return node.groupId === group.id || node.groupTag === group.tag;
   });

package/lib/networkTopo/hooks/useLinkDynamicStyle.js

@@ -1,10 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = useLinkDynamicStyle;
+
 var _react = require("react");
+
 var _LinkDynamicStyleExecutor = _interopRequireDefault(require("../models/LinkDynamicStyleExecutor"));
+
 /**
  * 链路动态粗细
  * 
@@ -19,7 +23,7 @@ function useLinkDynamicStyle(props) {
   topo.linkDynamicStyleExecutor = linkDynamicStyleExecutor;
   var topoModState = topo.store.useModelState('topoMod');
   var graphLoaded = topoModState.graphLoaded,
-    topoData = topoModState.data;
+      topoData = topoModState.data;
   var displayConfig = topo.store.useModelState('displayConfig');
   var autoChangeEdgeWidth = displayConfig.autoChangeEdgeWidth !== false;
   (0, _react.useEffect)(function () {
@@ -28,7 +32,9 @@ function useLinkDynamicStyle(props) {
       topo.linkDynamicStyleExecutor.execute();
     }
   }, [topoData, graphLoaded, autoChangeEdgeWidth]);
+
   var onLoaded = function onLoaded() {};
+
   return {
     onLoaded: onLoaded
   };

package/lib/networkTopo/hooks/viewer/useEdgeFlow.js

@@ -2,7 +2,9 @@
 
 exports.__esModule = true;
 exports["default"] = useEdgeFlow;
+
 var _react = require("react");
+
 /**
  * 默认情况下，拓扑图不存在链路的动态效果
  * 未监控的链路，不展示动态效果
@@ -13,10 +15,10 @@ function useEdgeFlow(props) {
   var topoState = topo.store.useModelState('topoMod');
   var displayConfig = topo.store.useModelState('displayConfig');
   var graphLoaded = topoState.graphLoaded,
-    viewState = topoState.viewState;
+      viewState = topoState.viewState;
   var isViewer = viewState !== 'edit';
   var edgeFlow = displayConfig.edgeFlow,
-    edgeFlowDirection = displayConfig.edgeFlowDirection;
+      edgeFlowDirection = displayConfig.edgeFlowDirection;
   var resources = topo.dataModel.useCis();
   (0, _react.useEffect)(function () {
     if (graphLoaded && isViewer) {
@@ -25,17 +27,18 @@ function useEdgeFlow(props) {
         type: edgeFlow,
         // 必填，支持传送带drip、光点point、箭头arrow
         direction: !edgeFlowDirection || edgeFlowDirection === 'from' ? 'to' : 'from' // 流动方向，可为空. 默认上行目的到源
+
       } : null;
-      topo.getHtTopo().setGlobalEdgeFlow(edgeFlowConfig);
+      topo.getHtTopo().setGlobalEdgeFlow(edgeFlowConfig); // 未监控的链路，不展示动态效果
 
-      // 未监控的链路，不展示动态效果
       if (edgeFlow) {
         resources.forEach(function (resource) {
           var id = resource.id,
-            manageStatus = resource.manageStatus;
+              manageStatus = resource.manageStatus;
           var isNotMonite = manageStatus === 0;
           var element = topo.getDataModel().getDataByTag(id);
           if (!element) return;
+
           if (element instanceof ht.Edge && isNotMonite) {
             element.s('flow', false);
           }

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

@@ -1,13 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = useRelateTopo;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
+
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+
 var _tree = require("../../../utils/tree");
-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; }
+
 /**
  * 关联拓扑
  *
@@ -21,18 +28,22 @@ function useRelateTopo(params) {
   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 === _componentTopologyGraph.TopoEvent.EVENT_DOUBLE_CLICK) {
-      _rlog["default"].debug('双击事件', event);
+      _rlog["default"].debug('双击事件', event); // 在开锁状态下禁用：双击节点跳转到拓扑图、双击缩略图返回来源拓扑图
+
 
-      // 在开锁状态下禁用：双击节点跳转到拓扑图、双击缩略图返回来源拓扑图
       if (!lock) {
         return;
       }
+
       var data = event.data;
       var relateTopoId = getRelateTopoId(data);
+
       if (relateTopoId) {
         openLinkedTopo(relateTopoId);
       } else if (data.dtype === 'thumbnail') {
@@ -41,10 +52,10 @@ function useRelateTopo(params) {
       }
     }
   }
+
   function getRelateTopoId(data) {
     return data.bindType === 'topo' ? data.bindTopo : null;
   }
-
   /**
    * 打开关联的拓扑图
    *
@@ -52,25 +63,33 @@ function useRelateTopo(params) {
    *
    * @param topoId
    */
+
+
   function openLinkedTopo(_x) {
     return _openLinkedTopo.apply(this, arguments);
   }
+
   function _openLinkedTopo() {
-    _openLinkedTopo = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(topoId) {
+    _openLinkedTopo = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(topoId) {
       var thumbnailImg;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
+      return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _rlog["default"].info('打开关联拓扑图', topoId);
+
             if (checkTopoExisted(topoId)) {
               _context.next = 4;
               break;
             }
+
             _rlog["default"].error('关联拓扑图不存在：', topoId);
+
             return _context.abrupt("return");
+
           case 4:
             _context.next = 6;
             return topo.getHtTopo().createThumbnail();
+
           case 6:
             thumbnailImg = _context.sent;
             // 打开新拓扑，传递缩略图和原拓扑id
@@ -83,6 +102,7 @@ function useRelateTopo(params) {
                 }
               }
             });
+
           case 8:
           case "end":
             return _context.stop();
@@ -91,13 +111,16 @@ 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;
     (0, _tree.loopTreeFun)(treeState.treeData, function (item) {
@@ -107,6 +130,7 @@ function useRelateTopo(params) {
     });
     return existed;
   }
+
   return {
     onEvent: onEvent
   };

package/lib/networkTopo/index.js

@@ -1,10 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
+
 var _TopoCenter = _interopRequireDefault(require("./models/TopoCenter"));
+
 exports.TopoCenter = _TopoCenter["default"];
+
 var _TopoView = _interopRequireDefault(require("./components/TopoView"));
+
 exports.Topology = _TopoView["default"];
+
 var _createTopo = _interopRequireDefault(require("./createTopo"));
+
 exports.createTopo = _createTopo["default"];