@riil-frontend/component-topology 12.0.0-dev.2 → 12.0.0-dev.20

package/es/core/editor/utils/copyElementUtil.js

@@ -9,6 +9,18 @@ export function handleCopyHotkey(event, options) {
     copy(options.topo);
   }
 }
+export function initPasteEventListener() {
+  document.addEventListener("paste", handlePasteEventListener);
+}
+export function destroyPasteEventListener() {
+  document.removeEventListener("paste", handlePasteEventListener);
+}
+
+function handlePasteEventListener(e) {
+  var clipdata = e.clipboardData || window.clipboardData;
+  console.log("主动粘贴", clipdata.getData("text/plain"));
+}
+
 export function handlePasteHotkey(event, options) {
   var target = event.target || event.srcElement;
   var tagName = target.tagName;

package/es/core/editor/utils/edgeTypeStyleUtil.js

@@ -1,5 +1,4 @@
-import { getEdges } from "../../../utils/htElementUtils";
-import { getEdgesBetweenNodes } from "../../../utils/htElementUtils";
+import { getEdges, getEdgesBetweenNodes } from "../../../utils/htElementUtils";
 var ht = window.ht;
 export function getEdgesBySelection(topo) {
   var getChildrenNodeIds = function getChildrenNodeIds(nodes) {
@@ -105,16 +104,18 @@ export function loopEdgesAndChildren(topo, edges, operateEdgeFn) {
  * 设置连线及子连线。带回退事务控制
  * @param {*} topo 
  * @param {*} edges 
- * @param {*} operateEdgeFn 
+ * @param {*} updateEdgeFn 
  */
 
-export function setEdgesAndChildren(topo, edges, operateEdgeFn) {
+export function updateEdgesData(topo, edges, updateEdgeFn) {
   topo.historyManager.beginTransaction();
-  loopEdgesAndChildren(topo, edges, operateEdgeFn);
+  edges.forEach(function (edge) {
+    updateEdgeFn(edge);
+  });
   topo.historyManager.endTransaction();
 }
 /**
- * 批量设置连线线形
+ * 批量设置连线线形。带回退事务控制
  * 
  * @param {*} edges 
  * @param {*} type 
@@ -123,7 +124,7 @@ export function setEdgesAndChildren(topo, edges, operateEdgeFn) {
 
 export function setEdgesType(edges, type, topo) {
   var htTopo = topo.getHtTopo();
-  setEdgesAndChildren(topo, edges, function (edge) {
+  updateEdgesData(topo, edges, function (edge) {
     htTopo.setGraphLinear(edge, {
       type: type
     });

package/es/core/hooks/ht/useHtDataPropertyChangeListener.js

@@ -1,4 +1,4 @@
-import rlog from '@riil-frontend/component-topology-utils/es/rlog';
+import { rlog } from '@riil-frontend/component-topology-utils';
 import { useEffect } from 'react';
 export default function useHtDataPropertyChangeListener(props) {
   var topo = props.topo,

package/es/core/hooks/useCiAttributeChange.js

@@ -1,11 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
-import rlog from '@riil-frontend/component-topology-utils/es/rlog';
+import { rlog } from '@riil-frontend/component-topology-utils';
 import CiCache from "../models/cache/CiCache";
 import useTopoEventListener from "./useTopoEventListener";
 
+function ciExistTopo(topoData, ciChangeData) {
+  if (!topoData) {
+    return false;
+  }
+
+  var ciIds = [].concat(topoData.nodes, topoData.links, topoData.linkGroups).map(function (data) {
+    return data.ciId || data.id;
+  });
+  return ciIds.includes(ciChangeData.id);
+}
+
 function mergeData(cis, ciChangeData) {
   var matchData = function matchData(item) {
-    return item.id === ciChangeData.id || item.ciId === ciChangeData.id;
+    return (item.ciId || item.id) === ciChangeData.id;
   };
 
   if (!cis.find(matchData)) {
@@ -13,16 +24,26 @@ function mergeData(cis, ciChangeData) {
   }
 
   return cis.map(function (ci) {
-    if (matchData(ci)) {
-      return _extends({}, ci, {
-        id: ci.id,
-        attributes: _extends({}, ci.attributes, ciChangeData.attributes)
-      });
+    if (!matchData(ci)) {
+      return ci;
     }
 
-    return ci;
+    return _extends({}, ci, {
+      id: ci.id,
+      attributes: _extends({}, ci.attributes, ciChangeData.attributes)
+    });
   });
 }
+
+function mergeTopoData(topoData, ciChangeData) {
+  var newData = _extends({}, topoData, {
+    nodes: mergeData(topoData.nodes, ciChangeData),
+    links: mergeData(topoData.links, ciChangeData),
+    linkGroups: mergeData(topoData.linkGroups, ciChangeData)
+  });
+
+  return newData;
+}
 /**
  * 监听ci属性变更
  * 
@@ -38,13 +59,8 @@ export default function useCiAttributeChange(props) {
       // 更新拓扑数据
       var topoData = topo.store.getModelState('topoMod').data;
 
-      if (topoData) {
-        var newData = _extends({}, topoData, {
-          nodes: mergeData(topoData.nodes, ciChangeData),
-          links: mergeData(topoData.links, ciChangeData),
-          linkGroups: mergeData(topoData.linkGroups, ciChangeData)
-        });
-
+      if (ciExistTopo(topoData, ciChangeData)) {
+        var newData = mergeTopoData(topoData, ciChangeData);
         var topoDispatchers = topo.store.getModelDispatchers('topoMod');
         topoDispatchers.update({
           data: newData

package/es/core/hooks/useGraphAlarmDisplay.js

@@ -2,8 +2,14 @@ import { useEffect } from "react";
 import rlog from "@riil-frontend/component-topology-utils/es/rlog";
 import { getElements } from "../../utils/htElementUtils";
 import { removeManageStatus, showManageStatus } from "../utils/showGraphManageStatusUtil";
+/**
+ * 获取ci的最高告警级别
+ * @param {Array} alarmList 
+ * @param {*} risks 
+ * @returns 
+ */
 
-function getCiAlarmLevels(alarmList, risks) {
+function getCiAlarmLevelMap(alarmList, risks) {
   var ciIdLevelMap = {};
   [].concat(alarmList, risks.map(function (item) {
     var _item$resourceId;
@@ -21,13 +27,53 @@ function getCiAlarmLevels(alarmList, risks) {
 
     ciIdLevelMap[item.id] = level;
   });
+  return ciIdLevelMap;
+}
+
+function getGraphCiElementAlarmLevels(resources, alarmList, risks) {
+  var ciIdLevelMap = getCiAlarmLevelMap(alarmList, risks);
   return Object.keys(ciIdLevelMap).map(function (id) {
     return {
       id: id,
       level: ciIdLevelMap[id]
     };
+  }).filter(function (alarm) {
+    var resource = resources.find(function (item) {
+      return item.id === alarm.id;
+    });
+    return !!resource;
   });
 }
+/**
+ * 获得关联拓扑节点告警级别
+ * @param {*} topo 
+ * @param {*} relateTopoAlarm 
+ * @returns 
+ */
+
+
+function getRelateTopoNodeAlarmLevels(topo, relateTopoAlarm) {
+  return Object.keys(relateTopoAlarm).map(function (topoId) {
+    var level = relateTopoAlarm[topoId];
+    var relateTopoNode = topo.getDataModel().getDatas().toArray().find(function (node) {
+      return "" + node.a('bindTopo') === "" + topoId;
+    });
+
+    if (!level || !relateTopoNode) {
+      return null;
+    }
+
+    return {
+      elementId: relateTopoNode.getId(),
+      level: level
+    };
+  }).filter(function (item) {
+    return !!item;
+  });
+} // 获取拓扑图元素最高告警级别。包含资源、链路、关联拓扑节点
+
+
+function getGraphElementAlarmLevels(resources) {}
 /**
  * 告警显示到ht拓扑
  * 
@@ -38,7 +84,6 @@ function getCiAlarmLevels(alarmList, risks) {
 export default function useGraphAlarmDisplay(options) {
   var topo = options.topo,
       alarmSwitch = options.alarmSwitch;
-  var store = topo.store;
   var topoState = topo.store.useModelState('topoMod');
   var graphLoaded = topoState.graphLoaded,
       viewState = topoState.viewState;
@@ -52,17 +97,7 @@ export default function useGraphAlarmDisplay(options) {
   var resources = topo.dataModel.useCis();
 
   function getCisEventLevel() {
-    return getCiAlarmLevels(alarmList || [], risks).filter(function (alarm) {
-      var resource = resources.find(function (item) {
-        return item.id === alarm.id;
-      });
-
-      if (!resource) {
-        return false;
-      }
-
-      return true;
-    });
+    return getGraphCiElementAlarmLevels(resources, alarmList || [], risks);
   }
 
   useEffect(function () {
@@ -72,8 +107,8 @@ export default function useGraphAlarmDisplay(options) {
       resources: resources,
       isEditMode: isEditMode,
       graphLoaded: graphLoaded,
-      // 有告警且未监控时，此时开启告警静默，应当显示未监控图标
-      cisEventLevel: alarmSwitch === false ? [] : getCisEventLevel()
+      alarmSwitch: alarmSwitch,
+      cisEventLevel: getCisEventLevel()
     });
 
     function showAlarm() {
@@ -87,41 +122,28 @@ export default function useGraphAlarmDisplay(options) {
         return;
       }
 
-      var finalAlarms = getCisEventLevel(); // 将告警级别放入ht元素，便于测试
+      var finalAlarms = getCisEventLevel(); // 关联拓扑告警
+
+      var relateTopoAlarms = getRelateTopoNodeAlarmLevels(topo, relateTopoAlarm);
+      var elementsAlarmLevels = [].concat(finalAlarms, relateTopoAlarms); // 将告警级别放入ht元素，便于测试
 
       getElements(topo.getDataModel()).filter(function (item) {
         return !!item.getTag();
       }).forEach(function (element) {
-        var _finalAlarms$find;
+        var _elementsAlarmLevels$;
 
-        var alarmLevel = (_finalAlarms$find = finalAlarms.find(function (item) {
-          return item.id === element.getTag();
-        })) === null || _finalAlarms$find === void 0 ? void 0 : _finalAlarms$find.level;
+        var alarmLevel = (_elementsAlarmLevels$ = elementsAlarmLevels.find(function (item) {
+          return item.id === element.getTag() || item.elementId === element.getId();
+        })) === null || _elementsAlarmLevels$ === void 0 ? void 0 : _elementsAlarmLevels$.level;
         element.a('alarmLevel', alarmLevel);
       });
-      var relateTopoAlarms = Object.keys(relateTopoAlarm).map(function (topoId) {
-        var level = relateTopoAlarm[topoId];
-        var relateTopoNode = topo.getDataModel().getDatas().toArray().find(function (node) {
-          return "" + node.a('bindTopo') === "" + topoId;
-        });
-
-        if (!level || !relateTopoNode) {
-          return null;
-        }
-
-        return {
-          elementId: relateTopoNode.getId(),
-          level: level
-        };
-      }).filter(function (item) {
-        return !!item;
-      });
-      rlog.debug('关联拓扑告警：推送ht', {
-        all: relateTopoAlarm,
+      rlog.debug('推送告警 => ht', {
+        alarms: elementsAlarmLevels,
+        relateTopoAlarmMap: relateTopoAlarm,
         relateTopoAlarms: relateTopoAlarms
       }); // 更新到ht拓扑
 
-      topo.view.loadAlarm([].concat(finalAlarms, relateTopoAlarms));
+      topo.view.loadAlarm(elementsAlarmLevels);
     }
 
     return function () {

package/es/core/hooks/useManageStatus.js

@@ -1,4 +1,4 @@
-import rlog from '@riil-frontend/component-topology-utils/es/rlog';
+import { rlog } from '@riil-frontend/component-topology-utils';
 import { useEffect } from 'react';
 import useTopoEventListener from "./useTopoEventListener";
 ht.Default.setImage('resource.subIcon.unMoniter', '/img/topo/alarmStatusIcon/未监控.svg');

package/es/core/hooks/usePolling.js

@@ -4,7 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useEffect } from 'react';
 import { useRequest } from 'ahooks';
 import _ from 'lodash';
-import rlog from '@riil-frontend/component-topology-utils/es/rlog';
+import { rlog } from '@riil-frontend/component-topology-utils';
 import { useCbbEventListener } from '@riil-frontend/component-riil-event-emitter';
 import DictCache from "../models/cache/DictCache";
 import useCiAttributeChange from "./useCiAttributeChange";

package/es/core/hooks/useResourceConfig.js

@@ -42,9 +42,7 @@ export default function (props) {
     return {
       resources: config.resources,
       groups: config.groups,
-      exportLinkIdList: config.exportLinkIdList,
-      relateTopoIdList: config.relateTopoIdList //linkIps: config.linkIps,
-
+      relateTopoIdList: config.relateTopoIdList
     };
   };
 

package/es/core/hooks/useTopoEdit.js

@@ -15,7 +15,7 @@ import useGroupAddResource from "./useGroupAddResource";
 import { findGroupChildren } from "../../utils/topoData";
 import { isResourceElement } from "../../utils/htElementDataUtil";
 import { isClusterHtElement, isClusterMemberHtElement } from "../../utils/clusterUtil";
-import { mergeExportLinkData } from "../models/utils/linkUtils";
+import { isExitLink, mergeExportLinkData } from "../models/utils/linkUtils";
 import { isUniqueIp, buildIpNode } from "../../networkTopo/utils/exitLinkUtil";
 
 var useTopoEdit = function useTopoEdit(params) {
@@ -349,33 +349,26 @@ var useTopoEdit = function useTopoEdit(params) {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(node) {
       var _node$getEdges$toArra, _node$getEdges;
 
-      var config, edges, exportLinkIdList;
+      var edges;
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            config = resourceConfig.getConfig(); // console.log("删除关联在节点上的出口链路- node, config", node, config);
+            // console.log("删除关联在节点上的出口链路- node, config", node, config);
+            edges = (_node$getEdges$toArra = (_node$getEdges = node.getEdges()) === null || _node$getEdges === void 0 ? void 0 : _node$getEdges.toArray()) !== null && _node$getEdges$toArra !== void 0 ? _node$getEdges$toArra : [];
 
-            edges = (_node$getEdges$toArra = (_node$getEdges = node.getEdges()) === null || _node$getEdges === void 0 ? void 0 : _node$getEdges.toArray()) !== null && _node$getEdges$toArra !== void 0 ? _node$getEdges$toArra : []; // const exLink = [];
+            if (edges.length > 0) {
+              edges.map(function (edge) {
+                if (edge.getTag()) {
+                  var link = topo.dataModel.getDataById(edge.getTag());
 
-            if (!(edges.length > 0)) {
-              _context4.next = 8;
-              break;
+                  if (link && isExitLink(link)) {
+                    topo.getGraphView().dm().remove(edge);
+                  }
+                }
+              });
             }
 
-            exportLinkIdList = [].concat(config.exportLinkIdList); //console.log("删除关联在节点上的出口链路- edges", edges,exportLinkIdList);
-
-            edges.map(function (edge) {
-              if (edge.a("dtype") === "link" && exportLinkIdList.indexOf(edge.getTag()) >= 0) {
-                // exLink.push(edge);
-                topo.getGraphView().dm().remove(edge);
-                exportLinkIdList.splice(config.exportLinkIdList.indexOf(edge.getTag()), 1);
-              }
-            });
-            config.exportLinkIdList = exportLinkIdList;
-            _context4.next = 8;
-            return resourceConfig.updateConfig(config);
-
-          case 8:
+          case 2:
           case "end":
             return _context4.stop();
         }
@@ -554,7 +547,7 @@ var useTopoEdit = function useTopoEdit(params) {
 
   function _bindViewResources() {
     _bindViewResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(data) {
-      var config, _yield$editDispatcher3, elements;
+      var config, result, _elements;
 
       return _regeneratorRuntime.wrap(function _callee12$(_context12) {
         while (1) switch (_context12.prev = _context12.next) {
@@ -570,15 +563,19 @@ var useTopoEdit = function useTopoEdit(params) {
             return editDispatchers.fetchDataByConfig();
 
           case 6:
-            _yield$editDispatcher3 = _context12.sent;
-            elements = _yield$editDispatcher3.elements;
-            saveBind(TopoEvent.DATA_TYPE_RESOURCE_COMBO, elements); // 临时放这里，仅拓扑中心有
+            result = _context12.sent;
+            console.log("fetchDataByConfig", result);
 
-            if (topo.linkDynamicStyleExecutor) {
-              topo.linkDynamicStyleExecutor.execute();
+            if (result) {
+              _elements = result.elements;
+              saveBind(TopoEvent.DATA_TYPE_RESOURCE_COMBO, _elements); // 临时放这里，仅拓扑中心有
+
+              if (topo.linkDynamicStyleExecutor) {
+                topo.linkDynamicStyleExecutor.execute();
+              }
             }
 
-          case 10:
+          case 9:
           case "end":
             return _context12.stop();
         }
@@ -593,7 +590,7 @@ var useTopoEdit = function useTopoEdit(params) {
 
   function _addLayerResources() {
     _addLayerResources = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(group, newResourceIds) {
-      var _yield$editDispatcher4, elements, newElements;
+      var _yield$editDispatcher3, elements, newElements;
 
       return _regeneratorRuntime.wrap(function _callee13$(_context13) {
         while (1) switch (_context13.prev = _context13.next) {
@@ -608,8 +605,8 @@ var useTopoEdit = function useTopoEdit(params) {
             return editDispatchers.fetchDataByConfig();
 
           case 5:
-            _yield$editDispatcher4 = _context13.sent;
-            elements = _yield$editDispatcher4.elements;
+            _yield$editDispatcher3 = _context13.sent;
+            elements = _yield$editDispatcher3.elements;
             // 2022-11-10 修复 添加资源后分层重新布局问题，仅布局新增资源。替换api topo.updateElements(data)
             newElements = findUNExistedElements(elements);
             rlog.debug("添加分层资源", {
@@ -827,7 +824,9 @@ var useTopoEdit = function useTopoEdit(params) {
                 return _regeneratorRuntime.wrap(function _callee8$(_context8) {
                   while (1) switch (_context8.prev = _context8.next) {
                     case 0:
-                      dm = htTopo.getGraphView().dm(); // 创建
+                      dm = htTopo.getGraphView().dm(); // 移除旧节点。先删除后创建，解决ip节点替换ping资源后链路丢失问题
+
+                      dm.remove(node); // 创建
 
                       newLinkElements = findUNExistedLinkElements(elements);
                       createElementsData = null;
@@ -888,22 +887,13 @@ var useTopoEdit = function useTopoEdit(params) {
 
 
                       sm = htTopo.getGraphView().sm();
-                      sm.setSelection([newElement]); // 移除旧节点
+                      sm.setSelection([newElement]); // 临时放这里，仅拓扑中心有
 
-                      dm.remove(node); // saveBind(TopoEvent.DATA_TYPE_RESOURCE_SINGLE, newDatas);
-                      // node.a("customName", null);
-                      // 删除关联在节点上的出口链路
-
-                      _context8.next = 12;
-                      return deleteExLink(node);
-
-                    case 12:
-                      // 临时放这里，仅拓扑中心有
                       if (topo.linkDynamicStyleExecutor) {
                         topo.linkDynamicStyleExecutor.execute();
                       }
 
-                    case 13:
+                    case 11:
                     case "end":
                       return _context8.stop();
                   }
@@ -966,10 +956,11 @@ var useTopoEdit = function useTopoEdit(params) {
               break;
             }
 
+            topo.historyManager.endTransaction();
+
             _Message.error("关联资源失败");
 
-            rlog.warn("关联资源失败");
-            topo.historyManager.endTransaction();
+            rlog.error("关联资源失败");
             return _context9.abrupt("return", false);
 
           case 23:
@@ -1001,7 +992,7 @@ var useTopoEdit = function useTopoEdit(params) {
 
   function _relateNodeIp() {
     _relateNodeIp = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15(txtValue, nodeElement) {
-      var dm, isUnique, ip, configObj, configData, _elements, newLinkElements, newLink, newLinkGroup, createElementsData, _htTopo;
+      var dm, isUnique, ipNodeData, configObj, configData, _elements2, newLinkElements, newLink, newLinkGroup, createElementsData, _htTopo;
 
       return _regeneratorRuntime.wrap(function _callee15$(_context15) {
         while (1) switch (_context15.prev = _context15.next) {
@@ -1023,16 +1014,16 @@ var useTopoEdit = function useTopoEdit(params) {
             isUnique = isUniqueIp(dm, txtValue, nodeElement); // 获取关联链路
 
             if (!isUnique) {
-              _context15.next = 23;
+              _context15.next = 24;
               break;
             }
 
-            ip = buildIpNode(txtValue);
+            ipNodeData = buildIpNode(txtValue);
             _context15.next = 8;
             return deleteExLink(nodeElement);
 
           case 8:
-            nodeElement.a(ip);
+            nodeElement.a(ipNodeData);
             nodeElement.setName(txtValue);
             nodeElement.setTag("ip:" + txtValue); // 获取配置
 
@@ -1047,8 +1038,8 @@ var useTopoEdit = function useTopoEdit(params) {
           case 16:
             configData = _context15.sent;
             // console.log("configData",configObj, configData);
-            _elements = configData.elements;
-            newLinkElements = findUNExistedLinkElements(_elements); // console.log("configData", configData, newLinkElements);
+            _elements2 = configData.elements;
+            newLinkElements = findUNExistedLinkElements(_elements2); // console.log("configData", configData, newLinkElements);
 
             newLink = newLinkElements.filter(function (item) {
               return item.type === "link";
@@ -1063,15 +1054,21 @@ var useTopoEdit = function useTopoEdit(params) {
               nodes: [],
               links: newLink,
               linkGroups: newLinkGroup
-            }; // console.log("createElementsData", createElementsData);
+            };
+            console.log("createElementsData", createElementsData);
 
             if ([].concat(newLink, newLinkGroup).length > 0) {
               _htTopo = topo.getHtTopo();
 
-              _htTopo.createElements(createElementsData);
+              _htTopo.createElements(createElementsData); // 临时放这里，仅拓扑中心有
+
+
+              if (topo.linkDynamicStyleExecutor) {
+                topo.linkDynamicStyleExecutor.execute();
+              }
             }
 
-          case 23:
+          case 24:
           case "end":
             return _context15.stop();
         }

package/es/core/models/Alarm.js

@@ -2,7 +2,7 @@ import _Dialog from "@alifd/next/es/dialog";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import topoService from '@riil-frontend/component-topology-common/es/services/topo';
-import rlog from '@riil-frontend/component-topology-utils/es/rlog';
+import { rlog } from '@riil-frontend/component-topology-utils';
 import { isAvailableArray } from '@riil-frontend/utils';
 
 var Alarm = /*#__PURE__*/function () {
@@ -533,25 +533,34 @@ var Alarm = /*#__PURE__*/function () {
             resAndMetrics = this.topo.store.getState().topoMod.resAndMetrics;
             resIdsList = resAndMetrics.resIdsList, nodeIdsList = resAndMetrics.nodeIdsList, linkIdsList = resAndMetrics.linkIdsList;
             alarmDispatchers = this.topo.store.getModelDispatchers('topoAlarm'); // 添加事件
-            // console.log("handleAlarmEvent-接收到推送的原始告警信息", alertData);
+
+            console.log("handleAlarmEvent-接收到推送的原始告警信息", alertData);
 
             if (!(isAvailableArray(alertData) && isAvailableArray(resIdsList))) {
-              _context9.next = 24;
+              _context9.next = 27;
               break;
             }
 
             sendAl = [];
             idsList = [].concat(nodeIdsList, linkIdsList);
             operations = [];
+            console.log('idsList---------', idsList);
             idsList.forEach(function (idItem) {
               if (idItem.operation === null) {
                 operations.push(idItem.ciId);
               }
             });
             alertData.forEach(function (item, index) {
-              var _item$resourceId;
+              var _item$resourceId, _item$alertCode;
 
               var ciId = (_item$resourceId = item.resourceId) !== null && _item$resourceId !== void 0 ? _item$resourceId : item.ciId;
+              var isSub = false;
+
+              if ((_item$alertCode = item.alertCode) !== null && _item$alertCode !== void 0 && _item$alertCode.startsWith("cmp")) {
+                ciId = "sub:" + item.mainCiId;
+                isSub = true;
+              }
+
               var obj = {
                 id: ciId,
                 level: item.alertLevel,
@@ -560,27 +569,30 @@ var Alarm = /*#__PURE__*/function () {
                 obj: item,
                 info: item.alertType,
                 ciCode: item === null || item === void 0 ? void 0 : item.ciCode,
-                ruleId: item === null || item === void 0 ? void 0 : item.ruleId
+                ruleId: item === null || item === void 0 ? void 0 : item.ruleId,
+                isSub: isSub
               };
 
               if (resIdsList.indexOf(ciId) >= 0 && operations.indexOf(ciId) < 0) {
                 sendAl.push(obj);
-              }
-            }); // console.log("before-combAlarmData", sendAl, idsList);
+              } // const ciId = `${isSub}+${item.resourceId ?? item.ciId}`;
+
+            });
+            console.log("before-combAlarmData", sendAl, idsList);
 
             if (!(sendAl.length > 0)) {
-              _context9.next = 24;
+              _context9.next = 27;
               break;
             }
 
             rlog.debug('过滤掉非本拓扑的告警信息 告警开关-推送告警到ht-alarmIsOpened-sendAl', alarmIsOpened, sendAl);
-            _context9.prev = 12;
-            _context9.next = 15;
+            _context9.prev = 15;
+            _context9.next = 18;
             return alarmDispatchers.combAlarmData({
               alarmdata: sendAl
             });
 
-          case 15:
+          case 18:
             _yield$alarmDispatche2 = _context9.sent;
             eqFlag = _yield$alarmDispatche2.eqFlag;
             alarmlist = _yield$alarmDispatche2.alarmlist;
@@ -601,19 +613,19 @@ var Alarm = /*#__PURE__*/function () {
               }
             }
 
-            _context9.next = 24;
+            _context9.next = 27;
             break;
 
-          case 21:
-            _context9.prev = 21;
-            _context9.t0 = _context9["catch"](12);
+          case 24:
+            _context9.prev = 24;
+            _context9.t0 = _context9["catch"](15);
             rlog.error('告警发送异常', _context9.t0);
 
-          case 24:
+          case 27:
           case "end":
             return _context9.stop();
         }
-      }, _callee9, this, [[12, 21]]);
+      }, _callee9, this, [[15, 24]]);
     }));
 
     function handleAlarmEvent(_x7) {