@riil-frontend/component-topology 4.0.12 → 4.0.15

package/es/core/components/TopoView/topoView.js

@@ -128,8 +128,8 @@ var Topology = function Topology(props) {
   }, []);
   var handleGraphDataLoaded = useCallback(function () {
     rlog.info("TopoView.handleGraphDataLoaded", topoData, topo.getDataModel().getDatas().toArray());
-    fixLink(topo);
     upgradeV103GraphClusterNode(topo, topoData);
+    fixLink(topo);
     handleClusterNoPermission(topo);
     updateEdgeExpanded(topo);
     topoDispatchers.update({
@@ -142,8 +142,8 @@ var Topology = function Topology(props) {
   }, [topoData]);
   var handleGraphLoaded = useCallback(function () {
     rlog.info("TopoView.handleGraphLoaded", topoData, topo.getDataModel().getDatas().toArray());
-    fixLink(topo);
     upgradeV103GraphClusterNode(topo, topoData);
+    fixLink(topo);
     handleClusterNoPermission(topo);
     updateEdgeExpanded(topo);
     topoDispatchers.update({

package/es/core/models/Alarm.js

@@ -38,35 +38,32 @@ var Alarm = /*#__PURE__*/function () {
     var _open = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var _this = this;
 
+      var nodeCount;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              if (this.isEnabled()) {
-                _context.next = 2;
+              this.resetData();
+
+              if (!(!this.isEnabled() || this.topo.isEditMode())) {
+                _context.next = 3;
                 break;
               }
 
               return _context.abrupt("return");
 
-            case 2:
-              this.confirmLargeResourceCount(function () {
-                // 获得拓扑id
-                var id = _this.topo.id;
-
-                if (!id) {
-                  return;
-                }
-
-                rlog.info("Alarm.open 打开告警通道", id);
-
-                _this.openTopoAlarm(id); // this.hmGetTopoAlarm(id);
-
-
-                _this.hmGetTopoAlarmByDoc(id);
-              });
-
             case 3:
+              nodeCount = this.topo.dataModel.getNodes().length;
+
+              if (nodeCount < 1500) {
+                this.doOpen();
+              } else {
+                this.confirmOpenWhenLargeResource(function () {
+                  _this.doOpen();
+                });
+              }
+
+            case 5:
             case "end":
               return _context.stop();
           }
@@ -79,7 +76,21 @@ var Alarm = /*#__PURE__*/function () {
     }
 
     return open;
-  }()
+  }();
+
+  _proto.doOpen = function doOpen() {
+    // 获得拓扑id
+    var id = this.topo.id;
+
+    if (!id) {
+      return;
+    }
+
+    rlog.info("Alarm.open 打开告警通道", id);
+    this.openTopoAlarm(id); // this.hmGetTopoAlarm(id);
+
+    this.hmGetTopoAlarmByDoc(id);
+  }
   /**
    * 关闭告警。
    *
@@ -88,7 +99,8 @@ var Alarm = /*#__PURE__*/function () {
   ;
 
   _proto.close = function close() {
-    // 获得拓扑id
+    this.resetData(); // 获得拓扑id
+
     var currentTopoId = this.currentTopoId;
 
     if (!currentTopoId) {
@@ -98,31 +110,32 @@ var Alarm = /*#__PURE__*/function () {
     rlog.info("关闭告警通道", currentTopoId); // 取消订阅告警推送
     // 关闭告警推送通道
 
+    this.closeTopoAlarm(currentTopoId);
+  };
+
+  _proto.resetData = function resetData() {
     this.updateState({
+      alarmPanelIsOpen: false,
       alarmData: [],
-      alarmPanelIsOpen: false
+      alarmList: [],
+      risks: [],
+      alarmRecord: []
     });
-    this.closeTopoAlarm(currentTopoId);
   } // 资源数量多时确认是否开启
+  // eslint-disable-next-line class-methods-use-this
   ;
 
-  _proto.confirmLargeResourceCount = function confirmLargeResourceCount(cb) {
-    var nodeCount = this.topo.dataModel.getNodes().length;
-
-    if (nodeCount < 1500 || this.topo.isEditMode()) {
-      cb();
-    } else {
-      _Dialog.confirm({
-        title: "提示",
-        messageProps: {
-          type: "warning"
-        },
-        content: "该拓扑图上节点较多，继续查询告警可能影响系统整体性能，是否暂不显示告警？",
-        onCancel: function onCancel() {
-          cb();
-        }
-      });
-    }
+  _proto.confirmOpenWhenLargeResource = function confirmOpenWhenLargeResource(cb) {
+    _Dialog.confirm({
+      title: "提示",
+      messageProps: {
+        type: "warning"
+      },
+      content: "该拓扑图上节点较多，继续查询告警可能影响系统整体性能，是否暂不显示告警？",
+      onCancel: function onCancel() {
+        cb();
+      }
+    });
   }
   /**
    * 查询当前拓扑图有权限资源的告警列表

package/es/core/models/GraphDataModel.js

@@ -1,14 +1,14 @@
-import { getEdges as _getEdges, getGroupDatas, getNodes as _getNodes } from "../../utils/htElementUtils";
+import { getEdges as _getEdges, getNodes as _getNodes } from "../../utils/htElementUtils";
 
-var TopoDataModel = /*#__PURE__*/function () {
-  function TopoDataModel(topo) {
+var GraphDataModel = /*#__PURE__*/function () {
+  function GraphDataModel(topo) {
     this.topo = topo;
   }
 
-  var _proto = TopoDataModel.prototype;
+  var _proto = GraphDataModel.prototype;
 
   _proto.getGroups = function getGroups() {
-    return getGroupDatas(this.topo.getDataModel());
+    return this.getGroups(this.topo.getDataModel());
   };
 
   _proto.getNodes = function getNodes() {
@@ -19,13 +19,7 @@ var TopoDataModel = /*#__PURE__*/function () {
     return _getEdges(this.topo.getDataModel());
   };
 
-  _proto.getLines = function getLines() {
-    return this.getEdges().filter(function (item) {
-      return !!item.id;
-    });
-  };
-
-  return TopoDataModel;
+  return GraphDataModel;
 }();
 
-export { TopoDataModel as default };
+export { GraphDataModel as default };

package/es/core/models/TopoApp.js

@@ -21,7 +21,7 @@ import PluginManager from "./PluginManager";
 import topoFactory from "./topoFactory";
 import ElementTagTipConfig from "./tagstips/ElementTagTipConfig"; // eslint-disable-next-line no-undef
 
-var version = typeof "4.0.12" === 'string' ? "4.0.12" : null;
+var version = typeof "4.0.15" === 'string' ? "4.0.15" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/es/hooks/useTopoEdit.js

@@ -404,9 +404,9 @@ var useTopoEdit = function useTopoEdit(params) {
 
 
   function findUNExistedLinkElements(elements) {
-    var existedLinkIds = resourceConfig.getAllEdgeResourceIds();
+    var dm = topo.getDataModel();
     var newLinkElements = elements.filter(function (element) {
-      return (element.type === "link" || element.type === "linkGroup") && existedLinkIds.indexOf(element.id) === -1;
+      return (element.type === "link" || element.type === "linkGroup") && !isExistedElement(topo.getHtTopo(), dm, element);
     });
     return newLinkElements;
   }

package/es/models/topoConfig.js

@@ -363,7 +363,7 @@ export default function (topoApp) {
 
                     return _context4.abrupt("return", {
                       topoData: topoData,
-                      elements: topoDataTrans,
+                      elements: JSON.parse(JSON.stringify(topoDataTrans)),
                       topoDataTrans: topoDataTrans
                     });
 

package/es/utils/clusterUtil.js

@@ -5,7 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 import { transformTopoElements } from "@riil-frontend/component-topology-graph/es/utils";
 import rlog from "@riil-frontend/component-topology-utils/es/rlog";
-import { getGroups } from "./htElementUtils";
+import { getGroups, isExistedElement } from "./htElementUtils";
 import { findGroupChildren } from "./topoData";
 export function isCluster(node) {
   return !!node.cluster;
@@ -108,26 +108,27 @@ export function upgradeV103GraphClusterNode(topo, topoData) {
     // 查找图上未显示的集群、集群成员、关联的链路
     var topoDataTrans = transformTopoElements(topoData);
     var dm = topo.getDataModel();
-    var list = topoDataTrans.filter(function (data) {
-      return !dm.getDataByTag(data.id);
+    var unExistedList = topoDataTrans.filter(function (data) {
+      return !isExistedElement(topo.getHtTopo(), dm, data);
     });
 
-    if (!list.length) {
+    if (!unExistedList.length) {
       return;
     }
 
-    var groups = list.filter(function (item) {
+    rlog.error('集群1.0.2升级', unExistedList);
+    var groups = unExistedList.filter(function (item) {
       return item.type === 'group';
     });
     var createElementsData = {
       groups: groups,
-      nodes: list.filter(function (item) {
+      nodes: unExistedList.filter(function (item) {
         return item.type === 'node';
       }),
-      links: list.filter(function (item) {
+      links: unExistedList.filter(function (item) {
         return item.type === 'link';
       }),
-      linkGroups: list.filter(function (item) {
+      linkGroups: unExistedList.filter(function (item) {
         return item.type === 'linkGroup';
       })
     };

package/es/utils/htElementUtils.js

@@ -301,15 +301,13 @@ export function setElementRuntimeStyle(element, name, value) {
  */
 
 export function isExistedElement(htTopo, dataModel, data) {
-  var type = data.type,
-      id = data.id;
-
-  if (dataModel.getDataByTag(id)) {
+  if (dataModel.getDataByTag(data.id)) {
     return true;
-  }
+  } // 识别区域
+
 
   var element = getElements(dataModel).find(function (item) {
-    return item.a('tag') === data.tag;
+    return data.tag && item.a('tag') === data.tag;
   });
 
   if (element) {
@@ -317,5 +315,29 @@ export function isExistedElement(htTopo, dataModel, data) {
   } // 连线/连线组
 
 
+  var edges = getEdges(dataModel);
+
+  for (var i = 0; i < edges.length; i++) {
+    var edge = edges[i]; // 如果连线组折叠，判断子连线
+
+    var edgeData = htTopo.getEdgeData(edge);
+
+    if (edgeData) {
+      // eslint-disable-next-line no-underscore-dangle
+      var id = edgeData._attrObject.id;
+
+      if (id === data.id) {
+        return true;
+      }
+    } // 如果连线组展开，判断连线组
+    // eslint-disable-next-line no-underscore-dangle
+
+
+    if (edge.__edgeGroup && edge.__edgeGroup._tag === data.id) {
+      return true;
+    }
+  }
+
+  console.error(111, data);
   return false;
 }

package/lib/core/components/TopoView/topoView.js

@@ -163,8 +163,8 @@ var Topology = function Topology(props) {
   var handleGraphDataLoaded = (0, _react.useCallback)(function () {
     _rlog["default"].info("TopoView.handleGraphDataLoaded", topoData, topo.getDataModel().getDatas().toArray());
 
-    (0, _graphLinkUtil.fixLink)(topo);
     (0, _clusterUtil.upgradeV103GraphClusterNode)(topo, topoData);
+    (0, _graphLinkUtil.fixLink)(topo);
     (0, _clusterUtil.handleClusterNoPermission)(topo);
     (0, _edgeUtil.updateEdgeExpanded)(topo);
     topoDispatchers.update({
@@ -178,8 +178,8 @@ var Topology = function Topology(props) {
   var handleGraphLoaded = (0, _react.useCallback)(function () {
     _rlog["default"].info("TopoView.handleGraphLoaded", topoData, topo.getDataModel().getDatas().toArray());
 
-    (0, _graphLinkUtil.fixLink)(topo);
     (0, _clusterUtil.upgradeV103GraphClusterNode)(topo, topoData);
+    (0, _graphLinkUtil.fixLink)(topo);
     (0, _clusterUtil.handleClusterNoPermission)(topo);
     (0, _edgeUtil.updateEdgeExpanded)(topo);
     topoDispatchers.update({

package/lib/core/models/Alarm.js

@@ -51,35 +51,32 @@ var Alarm = /*#__PURE__*/function () {
     var _open = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
       var _this = this;
 
+      var nodeCount;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              if (this.isEnabled()) {
-                _context.next = 2;
+              this.resetData();
+
+              if (!(!this.isEnabled() || this.topo.isEditMode())) {
+                _context.next = 3;
                 break;
               }
 
               return _context.abrupt("return");
 
-            case 2:
-              this.confirmLargeResourceCount(function () {
-                // 获得拓扑id
-                var id = _this.topo.id;
-
-                if (!id) {
-                  return;
-                }
-
-                _rlog["default"].info("Alarm.open 打开告警通道", id);
-
-                _this.openTopoAlarm(id); // this.hmGetTopoAlarm(id);
-
-
-                _this.hmGetTopoAlarmByDoc(id);
-              });
-
             case 3:
+              nodeCount = this.topo.dataModel.getNodes().length;
+
+              if (nodeCount < 1500) {
+                this.doOpen();
+              } else {
+                this.confirmOpenWhenLargeResource(function () {
+                  _this.doOpen();
+                });
+              }
+
+            case 5:
             case "end":
               return _context.stop();
           }
@@ -92,7 +89,22 @@ var Alarm = /*#__PURE__*/function () {
     }
 
     return open;
-  }()
+  }();
+
+  _proto.doOpen = function doOpen() {
+    // 获得拓扑id
+    var id = this.topo.id;
+
+    if (!id) {
+      return;
+    }
+
+    _rlog["default"].info("Alarm.open 打开告警通道", id);
+
+    this.openTopoAlarm(id); // this.hmGetTopoAlarm(id);
+
+    this.hmGetTopoAlarmByDoc(id);
+  }
   /**
    * 关闭告警。
    *
@@ -101,7 +113,8 @@ var Alarm = /*#__PURE__*/function () {
   ;
 
   _proto.close = function close() {
-    // 获得拓扑id
+    this.resetData(); // 获得拓扑id
+
     var currentTopoId = this.currentTopoId;
 
     if (!currentTopoId) {
@@ -112,31 +125,32 @@ var Alarm = /*#__PURE__*/function () {
     // 关闭告警推送通道
 
 
+    this.closeTopoAlarm(currentTopoId);
+  };
+
+  _proto.resetData = function resetData() {
     this.updateState({
+      alarmPanelIsOpen: false,
       alarmData: [],
-      alarmPanelIsOpen: false
+      alarmList: [],
+      risks: [],
+      alarmRecord: []
     });
-    this.closeTopoAlarm(currentTopoId);
   } // 资源数量多时确认是否开启
+  // eslint-disable-next-line class-methods-use-this
   ;
 
-  _proto.confirmLargeResourceCount = function confirmLargeResourceCount(cb) {
-    var nodeCount = this.topo.dataModel.getNodes().length;
-
-    if (nodeCount < 1500 || this.topo.isEditMode()) {
-      cb();
-    } else {
-      _dialog["default"].confirm({
-        title: "提示",
-        messageProps: {
-          type: "warning"
-        },
-        content: "该拓扑图上节点较多，继续查询告警可能影响系统整体性能，是否暂不显示告警？",
-        onCancel: function onCancel() {
-          cb();
-        }
-      });
-    }
+  _proto.confirmOpenWhenLargeResource = function confirmOpenWhenLargeResource(cb) {
+    _dialog["default"].confirm({
+      title: "提示",
+      messageProps: {
+        type: "warning"
+      },
+      content: "该拓扑图上节点较多，继续查询告警可能影响系统整体性能，是否暂不显示告警？",
+      onCancel: function onCancel() {
+        cb();
+      }
+    });
   }
   /**
    * 查询当前拓扑图有权限资源的告警列表

package/lib/core/models/GraphDataModel.js

@@ -5,15 +5,15 @@ exports["default"] = void 0;
 
 var _htElementUtils = require("../../utils/htElementUtils");
 
-var TopoDataModel = /*#__PURE__*/function () {
-  function TopoDataModel(topo) {
+var GraphDataModel = /*#__PURE__*/function () {
+  function GraphDataModel(topo) {
     this.topo = topo;
   }
 
-  var _proto = TopoDataModel.prototype;
+  var _proto = GraphDataModel.prototype;
 
   _proto.getGroups = function getGroups() {
-    return (0, _htElementUtils.getGroupDatas)(this.topo.getDataModel());
+    return this.getGroups(this.topo.getDataModel());
   };
 
   _proto.getNodes = function getNodes() {
@@ -24,13 +24,7 @@ var TopoDataModel = /*#__PURE__*/function () {
     return (0, _htElementUtils.getEdges)(this.topo.getDataModel());
   };
 
-  _proto.getLines = function getLines() {
-    return this.getEdges().filter(function (item) {
-      return !!item.id;
-    });
-  };
-
-  return TopoDataModel;
+  return GraphDataModel;
 }();
 
-exports["default"] = TopoDataModel;
+exports["default"] = GraphDataModel;

package/lib/core/models/TopoApp.js

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

package/lib/hooks/useTopoEdit.js

@@ -435,9 +435,9 @@ var useTopoEdit = function useTopoEdit(params) {
 
 
   function findUNExistedLinkElements(elements) {
-    var existedLinkIds = resourceConfig.getAllEdgeResourceIds();
+    var dm = topo.getDataModel();
     var newLinkElements = elements.filter(function (element) {
-      return (element.type === "link" || element.type === "linkGroup") && existedLinkIds.indexOf(element.id) === -1;
+      return (element.type === "link" || element.type === "linkGroup") && !(0, _htElementUtils.isExistedElement)(topo.getHtTopo(), dm, element);
     });
     return newLinkElements;
   }

package/lib/models/topoConfig.js

@@ -392,7 +392,7 @@ function _default(topoApp) {
 
                     return _context4.abrupt("return", {
                       topoData: topoData,
-                      elements: topoDataTrans,
+                      elements: JSON.parse(JSON.stringify(topoDataTrans)),
                       topoDataTrans: topoDataTrans
                     });
 

package/lib/utils/clusterUtil.js

@@ -137,26 +137,28 @@ function upgradeV103GraphClusterNode(topo, topoData) {
     // 查找图上未显示的集群、集群成员、关联的链路
     var topoDataTrans = (0, _utils.transformTopoElements)(topoData);
     var dm = topo.getDataModel();
-    var list = topoDataTrans.filter(function (data) {
-      return !dm.getDataByTag(data.id);
+    var unExistedList = topoDataTrans.filter(function (data) {
+      return !(0, _htElementUtils.isExistedElement)(topo.getHtTopo(), dm, data);
     });
 
-    if (!list.length) {
+    if (!unExistedList.length) {
       return;
     }
 
-    var groups = list.filter(function (item) {
+    _rlog["default"].error('集群1.0.2升级', unExistedList);
+
+    var groups = unExistedList.filter(function (item) {
       return item.type === 'group';
     });
     var createElementsData = {
       groups: groups,
-      nodes: list.filter(function (item) {
+      nodes: unExistedList.filter(function (item) {
         return item.type === 'node';
       }),
-      links: list.filter(function (item) {
+      links: unExistedList.filter(function (item) {
         return item.type === 'link';
       }),
-      linkGroups: list.filter(function (item) {
+      linkGroups: unExistedList.filter(function (item) {
         return item.type === 'linkGroup';
       })
     };

package/lib/utils/htElementUtils.js

@@ -370,15 +370,13 @@ function setElementRuntimeStyle(element, name, value) {
 
 
 function isExistedElement(htTopo, dataModel, data) {
-  var type = data.type,
-      id = data.id;
-
-  if (dataModel.getDataByTag(id)) {
+  if (dataModel.getDataByTag(data.id)) {
     return true;
-  }
+  } // 识别区域
+
 
   var element = getElements(dataModel).find(function (item) {
-    return item.a('tag') === data.tag;
+    return data.tag && item.a('tag') === data.tag;
   });
 
   if (element) {
@@ -386,5 +384,29 @@ function isExistedElement(htTopo, dataModel, data) {
   } // 连线/连线组
 
 
+  var edges = getEdges(dataModel);
+
+  for (var i = 0; i < edges.length; i++) {
+    var edge = edges[i]; // 如果连线组折叠，判断子连线
+
+    var edgeData = htTopo.getEdgeData(edge);
+
+    if (edgeData) {
+      // eslint-disable-next-line no-underscore-dangle
+      var id = edgeData._attrObject.id;
+
+      if (id === data.id) {
+        return true;
+      }
+    } // 如果连线组展开，判断连线组
+    // eslint-disable-next-line no-underscore-dangle
+
+
+    if (edge.__edgeGroup && edge.__edgeGroup._tag === data.id) {
+      return true;
+    }
+  }
+
+  console.error(111, data);
   return false;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riil-frontend/component-topology",
-  "version": "4.0.12",
+  "version": "4.0.15",
   "description": "拓扑",
   "scripts": {
     "start": "build-scripts start",
@@ -114,6 +114,6 @@
     "access": "public"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@riil-frontend/component-topology@4.0.12/build/index.html",
+  "homepage": "https://unpkg.com/@riil-frontend/component-topology@4.0.15/build/index.html",
   "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
 }