@riil-frontend/component-topology 12.0.0-dev.25 → 12.0.0-dev.27

package/es/core/models/Alarm.js

@@ -83,8 +83,7 @@ var Alarm = /*#__PURE__*/function () {
     }
 
     rlog.info('Alarm.open 打开告警通道', id);
-    this.openTopoAlarm(id); // this.hmGetTopoAlarm(id);
-
+    this.openTopoAlarm(id);
     this.hmGetTopoAlarmByDoc(id);
   }
   /**
@@ -211,83 +210,6 @@ var Alarm = /*#__PURE__*/function () {
     }
 
     return hmGetTopoAlarmByDoc;
-  }();
-
-  _proto.hmGetTopoAlarm = /*#__PURE__*/function () {
-    var _hmGetTopoAlarm = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(id) {
-      var mainCiIdList, endTime, startTime, parms, result;
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            mainCiIdList = this.topo.dataModel.getDatas().filter(function (ci) {
-              return !!ci.operation;
-            }) // 过滤掉权限
-            .map(function (ci) {
-              return ci.id;
-            });
-
-            if (!(mainCiIdList.length === 0)) {
-              _context3.next = 4;
-              break;
-            }
-
-            this.updateState({
-              alarmData: [],
-              alarmPanelIsOpen: false
-            });
-            return _context3.abrupt("return");
-
-          case 4:
-            //rlog.debug("获取告警列表", mainCiIdList);
-            endTime = null; // new Date().valueOf();
-
-            startTime = null; // moment().subtract(1, "months").valueOf();
-
-            parms = {
-              mainCiIdList: mainCiIdList,
-              alertStatusList: ['toDeal', 'dealing'],
-              pageNum: 1,
-              pageSize: 10,
-              sortField: 'alertLevel',
-              alertLevelList: [],
-              orders: [{
-                property: 'alertLevel',
-                direction: 'ASC'
-              }, {
-                property: 'createTime',
-                direction: 'DESC'
-              }],
-              createTime: {
-                startTime: startTime,
-                endTime: endTime
-              }
-            };
-            _context3.next = 9;
-            return topoService.getAlarmByIds(parms);
-
-          case 9:
-            result = _context3.sent;
-            rlog.debug('getAlarmById-result', result); // if (alarmIsOpened) {
-            //   //this.topo.loadAlarm(result.datas);
-            //   this.handleAlarmEvent({ type: "alarm", data: result.datas });
-            // }
-            // this.updateState({
-            //   alarmData: result.datas.length > 0 ? result.datas : [],
-            //   alarmPanelIsOpen: result.datas.length > 0,
-            // });
-
-          case 11:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3, this);
-    }));
-
-    function hmGetTopoAlarm(_x2) {
-      return _hmGetTopoAlarm.apply(this, arguments);
-    }
-
-    return hmGetTopoAlarm;
   }()
   /**
    * 直接装载告警数据（可装载mock列表）
@@ -298,9 +220,9 @@ var Alarm = /*#__PURE__*/function () {
   _proto.setAlarmDataByMock =
   /*#__PURE__*/
   function () {
-    var _setAlarmDataByMock = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(datas) {
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+    var _setAlarmDataByMock = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(datas) {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             this.updateState({
               alarmData: datas.length > 0 ? datas : [],
@@ -309,12 +231,12 @@ var Alarm = /*#__PURE__*/function () {
 
           case 1:
           case "end":
-            return _context4.stop();
+            return _context3.stop();
         }
-      }, _callee4, this);
+      }, _callee3, this);
     }));
 
-    function setAlarmDataByMock(_x3) {
+    function setAlarmDataByMock(_x2) {
       return _setAlarmDataByMock.apply(this, arguments);
     }
 
@@ -329,10 +251,10 @@ var Alarm = /*#__PURE__*/function () {
   _proto.switchAlarmPopPanel =
   /*#__PURE__*/
   function () {
-    var _switchAlarmPopPanel = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(flag) {
+    var _switchAlarmPopPanel = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(flag) {
       var topoDispatchers;
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
             // console.log("switchAlarmPopPanel", flag);
             topoDispatchers = this.topo.store.getModelDispatchers('topoAlarm');
@@ -342,12 +264,12 @@ var Alarm = /*#__PURE__*/function () {
 
           case 2:
           case "end":
-            return _context5.stop();
+            return _context4.stop();
         }
-      }, _callee5, this);
+      }, _callee4, this);
     }));
 
-    function switchAlarmPopPanel(_x4) {
+    function switchAlarmPopPanel(_x3) {
       return _switchAlarmPopPanel.apply(this, arguments);
     }
 
@@ -363,21 +285,21 @@ var Alarm = /*#__PURE__*/function () {
   _proto.openTopoAlarm =
   /*#__PURE__*/
   function () {
-    var _openTopoAlarm = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id) {
+    var _openTopoAlarm = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(id) {
       var _this$getState2, alarmOpening, topoAlarmIsOpen, alarmDispatchers;
 
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
             // 如果当前拓扑图开启中或已开启则退出
             _this$getState2 = this.getState(), alarmOpening = _this$getState2.alarmOpening, topoAlarmIsOpen = _this$getState2.topoAlarmIsOpen;
 
             if (!(this.currentTopoId === id && (topoAlarmIsOpen || alarmOpening))) {
-              _context6.next = 3;
+              _context5.next = 3;
               break;
             }
 
-            return _context6.abrupt("return");
+            return _context5.abrupt("return");
 
           case 3:
             this.currentTopoId = id;
@@ -385,27 +307,27 @@ var Alarm = /*#__PURE__*/function () {
               alarmOpening: true
             });
             alarmDispatchers = this.topo.store.getModelDispatchers('topoAlarm');
-            _context6.next = 8;
+            _context5.next = 8;
             return alarmDispatchers.resetAlarmDoc();
 
           case 8:
-            _context6.prev = 8;
-            _context6.next = 11;
+            _context5.prev = 8;
+            _context5.next = 11;
             return this.topo.serverApi.openTopoAlarm(id);
 
           case 11:
-            this.secretKey = _context6.sent;
+            this.secretKey = _context5.sent;
             rlog.info('openTopoAlarm 打开拓扑告警推送-------------------开始');
             this.updateState({
               alarmOpening: false,
               alarmIsOpened: true
             });
-            _context6.next = 20;
+            _context5.next = 20;
             break;
 
           case 16:
-            _context6.prev = 16;
-            _context6.t0 = _context6["catch"](8);
+            _context5.prev = 16;
+            _context5.t0 = _context5["catch"](8);
             rlog.error('打开拓扑告警推送 失败');
             this.updateState({
               alarmOpening: false
@@ -413,12 +335,12 @@ var Alarm = /*#__PURE__*/function () {
 
           case 20:
           case "end":
-            return _context6.stop();
+            return _context5.stop();
         }
-      }, _callee6, this, [[8, 16]]);
+      }, _callee5, this, [[8, 16]]);
     }));
 
-    function openTopoAlarm(_x5) {
+    function openTopoAlarm(_x4) {
       return _openTopoAlarm.apply(this, arguments);
     }
 
@@ -434,21 +356,21 @@ var Alarm = /*#__PURE__*/function () {
   _proto.closeTopoAlarm =
   /*#__PURE__*/
   function () {
-    var _closeTopoAlarm = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(id) {
+    var _closeTopoAlarm = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id) {
       var _this$getState3, alarmIsOpened, alarmOpening;
 
-      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
+      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
             // 如果未开启则退出
             _this$getState3 = this.getState(), alarmIsOpened = _this$getState3.alarmIsOpened, alarmOpening = _this$getState3.alarmOpening;
 
             if (!(!alarmIsOpened && !alarmOpening)) {
-              _context7.next = 3;
+              _context6.next = 3;
               break;
             }
 
-            return _context7.abrupt("return");
+            return _context6.abrupt("return");
 
           case 3:
             this.currentTopoId = null;
@@ -458,17 +380,17 @@ var Alarm = /*#__PURE__*/function () {
               alarmOpening: false,
               alarmPanelIsOpen: false
             });
-            _context7.next = 8;
+            _context6.next = 8;
             return this.topo.serverApi.closeTopoAlarm(id, this.secretKey);
 
           case 8:
           case "end":
-            return _context7.stop();
+            return _context6.stop();
         }
-      }, _callee7, this);
+      }, _callee6, this);
     }));
 
-    function closeTopoAlarm(_x6) {
+    function closeTopoAlarm(_x5) {
       return _closeTopoAlarm.apply(this, arguments);
     }
 
@@ -493,20 +415,20 @@ var Alarm = /*#__PURE__*/function () {
   _proto.restart =
   /*#__PURE__*/
   function () {
-    var _restart = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
+    var _restart = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
       var id;
-      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-        while (1) switch (_context8.prev = _context8.next) {
+      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
           case 0:
             id = this.currentTopoId;
-            _context8.next = 3;
+            _context7.next = 3;
             return this.openTopoAlarm(id);
 
           case 3:
           case "end":
-            return _context8.stop();
+            return _context7.stop();
         }
-      }, _callee8, this);
+      }, _callee7, this);
     }));
 
     function restart() {
@@ -523,11 +445,11 @@ var Alarm = /*#__PURE__*/function () {
   _proto.handleAlarmEvent =
   /*#__PURE__*/
   function () {
-    var _handleAlarmEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(alertData) {
+    var _handleAlarmEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(alertData) {
       var _this$getState4, alarmIsOpened, resAndMetrics, resIdsList, nodeIdsList, linkIdsList, alarmDispatchers, sendAl, idsList, operations, _yield$alarmDispatche2, eqFlag, alarmlist, _this$topo$viewProps, _this$topo$viewProps2;
 
-      return _regeneratorRuntime.wrap(function _callee9$(_context9) {
-        while (1) switch (_context9.prev = _context9.next) {
+      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
           case 0:
             _this$getState4 = this.getState(), alarmIsOpened = _this$getState4.alarmIsOpened;
             resAndMetrics = this.topo.store.getState().topoMod.resAndMetrics;
@@ -537,7 +459,7 @@ var Alarm = /*#__PURE__*/function () {
             console.log("handleAlarmEvent-接收到推送的原始告警信息", alertData);
 
             if (!(isAvailableArray(alertData) && isAvailableArray(resIdsList))) {
-              _context9.next = 27;
+              _context8.next = 27;
               break;
             }
 
@@ -551,16 +473,10 @@ var Alarm = /*#__PURE__*/function () {
               }
             });
             alertData.forEach(function (item, index) {
-              var _item$resourceId, _item$alertCode;
+              var _item$resourceId;
 
               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,
@@ -575,25 +491,24 @@ var Alarm = /*#__PURE__*/function () {
 
               if (resIdsList.indexOf(ciId) >= 0 && operations.indexOf(ciId) < 0) {
                 sendAl.push(obj);
-              } // const ciId = `${isSub}+${item.resourceId ?? item.ciId}`;
-
+              }
             });
             console.log("before-combAlarmData", sendAl, idsList);
 
             if (!(sendAl.length > 0)) {
-              _context9.next = 27;
+              _context8.next = 27;
               break;
             }
 
             rlog.debug('过滤掉非本拓扑的告警信息 告警开关-推送告警到ht-alarmIsOpened-sendAl', alarmIsOpened, sendAl);
-            _context9.prev = 15;
-            _context9.next = 18;
+            _context8.prev = 15;
+            _context8.next = 18;
             return alarmDispatchers.combAlarmData({
               alarmdata: sendAl
             });
 
           case 18:
-            _yield$alarmDispatche2 = _context9.sent;
+            _yield$alarmDispatche2 = _context8.sent;
             eqFlag = _yield$alarmDispatche2.eqFlag;
             alarmlist = _yield$alarmDispatche2.alarmlist;
 
@@ -613,22 +528,22 @@ var Alarm = /*#__PURE__*/function () {
               }
             }
 
-            _context9.next = 27;
+            _context8.next = 27;
             break;
 
           case 24:
-            _context9.prev = 24;
-            _context9.t0 = _context9["catch"](15);
-            rlog.error('告警发送异常', _context9.t0);
+            _context8.prev = 24;
+            _context8.t0 = _context8["catch"](15);
+            rlog.error('告警发送异常', _context8.t0);
 
           case 27:
           case "end":
-            return _context9.stop();
+            return _context8.stop();
         }
-      }, _callee9, this, [[15, 24]]);
+      }, _callee8, this, [[15, 24]]);
     }));
 
-    function handleAlarmEvent(_x7) {
+    function handleAlarmEvent(_x6) {
       return _handleAlarmEvent.apply(this, arguments);
     }
 

package/es/core/models/AttributeMetricDisplay.js

@@ -526,7 +526,7 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
         tags: tags
       });
     });
-    rlog.debug('推送标注 => ht 失败', elementTagsAndTips);
+    rlog.debug('推送标注 => ht', elementTagsAndTips);
     var htTopo = topo.getHtTopo();
 
     if (htTopo) {

package/es/core/models/TopoApp.js

@@ -24,7 +24,7 @@ import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
 import SelectionModel from "./SelectionModel";
 import CiCache from "./cache/CiCache"; // eslint-disable-next-line no-undef
 
-var version = typeof "12.0.0-dev.25" === 'string' ? "12.0.0-dev.25" : null;
+var version = typeof "12.0.0-dev.27" === 'string' ? "12.0.0-dev.27" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/es/core/models/utils/linkUtils.js

@@ -2,8 +2,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import keyBy from "lodash/keyBy";
-import _ from "lodash";
-import { queryCisByIds, queryModelAsset } from "../../services"; // 查询所有连线
+import _ from "lodash"; // 查询所有连线
 
 import { getEdges } from "../../../utils/htElementUtils";
 import CiTypeCache from "../cache/CiTypeCache";
@@ -32,7 +31,20 @@ export function isCrucialLink(link) {
  */
 
 export function isExitLink(link) {
-  return (link === null || link === void 0 ? void 0 : link.attributes) && !(link !== null && link !== void 0 && link.attributes["destination_id"]);
+  var _link$attributes;
+
+  return (link === null || link === void 0 ? void 0 : (_link$attributes = link.attributes) === null || _link$attributes === void 0 ? void 0 : _link$attributes.destination_type) === "ip";
+}
+/**
+ * 是否聚合链路
+ * @param {*} link 
+ * @returns 
+ */
+
+export function isAggLink(link) {
+  var _link$attributes2, _link$attributes3;
+
+  return (link === null || link === void 0 ? void 0 : (_link$attributes2 = link.attributes) === null || _link$attributes2 === void 0 ? void 0 : _link$attributes2.destination_type) === "network.agg_interface" && (link === null || link === void 0 ? void 0 : (_link$attributes3 = link.attributes) === null || _link$attributes3 === void 0 ? void 0 : _link$attributes3.source_type) === "network.agg_interface";
 }
 export function mergeLinksData(links, linkCis, nodes, interfaceCiMap, interfaceDoc) {
   var linkCiMap = keyBy(links, "id");
@@ -83,7 +95,7 @@ function _getLinksDetail() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          if (!(!links || !links.length)) {
+          if (links !== null && links !== void 0 && links.length) {
             _context.next = 2;
             break;
           }
@@ -91,9 +103,6 @@ function _getLinksDetail() {
           return _context.abrupt("return", []);
 
         case 2:
-          // const linkCis = await topoService.relation.batchQueryRelation(
-          //   links.map((link) => link.id)
-          // );
           linkCis = links;
           interfaceIds = [].concat(linkCis.map(function (item) {
             return item.attributes.source_id;
@@ -171,17 +180,15 @@ export var showLinkByConfig = function showLinkByConfig(props) {
       if (showType === 1 || showType === true) {
         // 单链路全部显示
         // console.log("单链路全部显示", edge);
-        edge.s("2d.visible", true);
+        edge.s("x.visible", true);
       } else {
-        var _d$attributes, _d$attributes2;
-
         var d = topo.dataModel.getDataById(edge.getTag()); // 判断是否聚合链路
 
-        if ((d === null || d === void 0 ? void 0 : (_d$attributes = d.attributes) === null || _d$attributes === void 0 ? void 0 : _d$attributes.destination_type) === "network.agg_interface" && (d === null || d === void 0 ? void 0 : (_d$attributes2 = d.attributes) === null || _d$attributes2 === void 0 ? void 0 : _d$attributes2.source_type) === "network.agg_interface") {
-          edge.s("2d.visible", showAgg);
+        if (isAggLink(d)) {
+          edge.s("x.visible", showAgg);
         } else {
           // console.log("edge", edge, d, showAgg);
-          edge.s("2d.visible", showPhy);
+          edge.s("x.visible", showPhy);
         }
       }
     });

package/es/core/utils/metricUtil.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import { metricValueFormat } from '@riil-frontend/utils';
 import DictCache from "../models/cache/DictCache";
 /**
@@ -15,16 +16,19 @@ export function formatMetric(val, metricModel) {
   if (metricModel) {
     var _result$value;
 
-    // 分级字典特殊处理
-    if (metricModel.dict && !DictCache.getDictObject()[metricModel.code]) {
-      val = metricModel.dict[val];
+    var dictObject = _extends({}, DictCache.getDictObject()); // 分级字典特殊处理
+
+
+    if (metricModel.dict) {
+      // val = metricModel.dict[val]
+      dictObject[metricModel.code] = metricModel.dict;
     }
 
     var result = metricValueFormat({
       value: val,
       dataType: metricModel.dataType,
       changeValue: metricModel.changeValue,
-      dict: DictCache.getDictObject(),
+      dict: dictObject,
       unit: metricModel.unit,
       code: metricModel.code
     });

package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js

@@ -15,6 +15,7 @@ import moment from 'moment';
 import React, { useEffect, useMemo, useState } from 'react';
 import { rlog } from '@riil-frontend/component-topology-utils/lib/rlog';
 import Link from "../../../../../../../components/Link";
+import { getHistory } from '@riil-frontend/component-topology-utils';
 import { queryCisByIds, commonQueryCiData } from "../../../../../../services";
 import service from "../../../../../../services/overview";
 import BaseInfoBlock from "./BaseInfoBlock";
@@ -153,7 +154,13 @@ export default function ResourceOverview(props) {
         window.topo_overview_metric_timer = null;
       }
     };
-  }, []); // 跳转前调用关闭操作
+  }, []);
+
+  var jumpTo = function jumpTo(url) {
+    getHistory.push(url);
+    onClose();
+  }; // 跳转前调用关闭操作
+
 
   function onClose() {
     isAppTopo && resourceOverviewProps.onClose && resourceOverviewProps.onClose();
@@ -332,14 +339,13 @@ export default function ResourceOverview(props) {
       return /*#__PURE__*/React.createElement("div", {
         className: styles['alarm-title'],
         title: value,
-        onClick: onClose
+        onClick: jumpTo(record.link)
       }, /*#__PURE__*/React.createElement(_Icon, {
         type: record.icon,
         size: "xs",
         className: styles['alarm-color-icon'] + " " + record.className
-      }), /*#__PURE__*/React.createElement(Link, {
-        className: styles.link,
-        to: formatUrl(record.link)
+      }), /*#__PURE__*/React.createElement("span", {
+        className: styles.link
       }, value));
     }
   }, {

package/es/core/viewer/components/titlebar/widgets/AlarmButton.js

@@ -5,11 +5,7 @@ import useEventData from "../../../../hooks/useEventData";
 
 function AlarmButton(props) {
   var topo = props.topo;
-
-  var _topo$store$useModel = topo.store.useModel("topoAlarm"),
-      alarmState = _topo$store$useModel[0],
-      alarmDispatchers = _topo$store$useModel[1];
-
+  var alarmState = topo.store.useModelState("topoAlarm");
   var alarmPanelIsOpen = alarmState.alarmPanelIsOpen;
   var alarmData = useEventData({
     topo: topo