@riil-frontend/component-topology 2.15.38 → 2.15.41

package/lib/core/components/AlarmListPanel/index.module.scss

@@ -24,6 +24,10 @@
     line-height: 24px;
   }
 
+  .listTitleLink:hover {
+    color: #75A8FF;
+  }
+
   :global {
     .#{$css-prefix}dialog-body {
       padding: 0px;

package/lib/core/models/AttributeMetricDisplay.js

@@ -17,12 +17,8 @@ var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-ut
 
 var _lodash = require("lodash");
 
-var _groupBy = _interopRequireDefault(require("lodash/groupBy"));
-
 var _ResourceInfoDisplay = require("../../constants/ResourceInfoDisplay");
 
-var _htElementUtils = require("../../utils/htElementUtils");
-
 var _topoData = require("../../utils/topoData");
 
 var _services = require("../services");
@@ -31,6 +27,8 @@ var _attributeFormatter = _interopRequireDefault(require("./attributeFormatter")
 
 var _DictCache = _interopRequireDefault(require("./cache/DictCache"));
 
+var _LinkTagsTipsBuilder = _interopRequireDefault(require("./link/LinkTagsTipsBuilder"));
+
 function isGraphField(item) {
   return item.type === 'graph';
 }
@@ -57,6 +55,7 @@ var filterByPermission = function filterByPermission(resource, items) {
 var AttributeMetricDisplay = /*#__PURE__*/function () {
   function AttributeMetricDisplay(topo) {
     this.topo = topo;
+    this.edgeTagsTipsBuilder = new _LinkTagsTipsBuilder["default"](this);
   }
 
   var _proto = AttributeMetricDisplay.prototype;
@@ -687,176 +686,10 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
         tips: formatter.formatAttrs(ciConfig.tips, ciData)
       };
     });
-    var elementTagsAndTips = [].concat(ciTagsAndTips, this.getEdgeGroupTagsAndTips(data, ciConfigs)); // 刷新标注、浮层
+    var elementTagsAndTips = [].concat(ciTagsAndTips, this.edgeTagsTipsBuilder.getEdgeGroupTagsAndTips(data, ciConfigs)); // 刷新标注、浮层
     // rlog.debug('AttributeMetricDisplay.buildTagsTips', {tagsAndTips: elementTagsAndTips, ciConfigs});
 
     return elementTagsAndTips;
-  }
-  /**
-   * 获得未关联聚合链路的连线组标注和悬浮框数据
-   * @param {*} ciTagsAndTips 
-   * @param {*} data 
-   * @param {*} ciConfigs 
-   * @returns 
-   */
-  ;
-
-  _proto.getEdgeGroupTagsAndTips = function getEdgeGroupTagsAndTips(data, ciConfigs) {
-    var _this5 = this;
-
-    // 查询没有关联链路的连线组及对应子链路列表
-    var _this$topo$dataModel$ = this.topo.dataModel.getData(),
-        links = _this$topo$dataModel$.links,
-        linkGroups = _this$topo$dataModel$.linkGroups;
-
-    var getLinkUId = function getLinkUId(link) {
-      return [link.source, link.target].sort().join('-');
-    };
-
-    var linkGroupUIds = linkGroups.filter(function (link) {
-      return link.ciType === 'network_link';
-    }).map(function (link) {
-      return getLinkUId(link);
-    }); // 查询没有聚合链路的物理链路/出口链路
-
-    var noParentLinks = links.filter(function (link) {
-      return link.ciType === 'network_link';
-    }).map(function (link) {
-      return (0, _extends2["default"])({}, link, {
-        linkUId: getLinkUId(link)
-      });
-    }).filter(function (link) {
-      return linkGroupUIds.indexOf(link.linkUId) === -1;
-    });
-    var groupMap = (0, _groupBy["default"])(noParentLinks, 'linkUId'); // 参与计算的链路指标
-
-    var metrics = [// 总流速
-    {
-      code: 'total_flow_rate',
-      calcType: 'sum'
-    }, // 带宽利用率
-    {
-      code: 'bandwidth_utilization',
-      calcType: 'avg'
-    }, // 发送带宽利用率
-    {
-      code: 'out_bandwidth_utilization',
-      calcType: 'avg',
-      showWhenSameSource: true
-    }, // 接收带宽利用率
-    {
-      code: 'in_bandwidth_utilization',
-      calcType: 'avg',
-      showWhenSameSource: true
-    }, {
-      code: 'out_rate',
-      calcType: 'sum',
-      showWhenSameSource: true
-    }, {
-      code: 'in_rate',
-      calcType: 'sum',
-      showWhenSameSource: true
-    }];
-    var connectTypePrefixMap = {
-      phy: 'physical_link.',
-      exit: 'export_link.'
-    };
-    var calcFnMap = {
-      sum: function sum(values) {
-        return values.reduce(function (total, val) {
-          return total + parseInt(val || 0, 10);
-        }, 0);
-      },
-      avg: function avg(values) {
-        return values.reduce(function (total, val) {
-          return total + parseFloat(val || 0, 10);
-        }, 0) / values.length;
-      }
-    };
-
-    var filterField = function filterField(item, linkChildren) {
-      var fieldConfig = metrics.find(function (m) {
-        return item.code.endsWith(m.code);
-      });
-
-      if (item.type !== 'metric' || !fieldConfig) {
-        return false;
-      } // 如果需要校验取值接口，如果取值接口为不同设备的接口，则不显示这四个指标
-
-
-      if (fieldConfig.showWhenSameSource) {
-        var sources = [];
-        linkChildren.forEach(function (link) {
-          if (sources.indexOf(link.source) === -1) {
-            sources.push(link.source);
-          }
-        });
-
-        if (sources.length > 1) {
-          return false;
-        }
-      }
-
-      return true;
-    }; // 计算标注和指标
-
-
-    var edgeGroupsTagsTips = Object.keys(groupMap) // 过滤非连线组
-    .filter(function (groupId) {
-      var linkChildren = groupMap[groupId];
-      var edgeGroup = (0, _htElementUtils.getEdgeGroupByNodeTags)(_this5.topo.getDataModel(), linkChildren[0].source, linkChildren[0].target);
-      return !!edgeGroup;
-    }).map(function (groupId) {
-      var linkChildren = groupMap[groupId]; // 查询配置，过滤不在范围内的属性
-
-      var config = ciConfigs.find(function (item) {
-        return item.id === linkChildren[0].id;
-      });
-      config = (0, _extends2["default"])({}, config, {
-        tags: config.tags.filter(function (item) {
-          return filterField(item, linkChildren);
-        }),
-        tips: config.tips.filter(function (item) {
-          return filterField(item, linkChildren);
-        })
-      }); // 构造数据，计算指标值
-
-      var linkChildrenData = linkChildren.map(function (link) {
-        return data.find(function (item) {
-          return item.id === link.id;
-        });
-      });
-      var mergeData = {
-        ciType: 'network_link',
-        metricMap: {}
-      };
-      var connectType = linkChildren[0].attributes['network_link.connect_type'];
-      metrics.forEach(function (m) {
-        var metricCode = "" + connectTypePrefixMap[connectType] + m.code;
-
-        try {
-          var values = linkChildrenData.map(function (linkData) {
-            return linkData.metricMap[metricCode];
-          });
-          mergeData.metricMap[metricCode] = calcFnMap[m.calcType](values);
-        } catch (error) {
-          _rlog["default"].warn('连线组指标计算异常', error);
-        }
-      }); // console.error(groupId, {config, linkChildrenData, mergeData})
-      // 构造标注、悬浮框数据
-
-      var formatter = new _attributeFormatter["default"](_this5.topo);
-      return {
-        type: 'edgeGroup',
-        edgeGroupId: groupId,
-        tags: formatter.formatAttrs(config.tags, mergeData),
-        tips: formatter.formatAttrs(config.tips, mergeData)
-      };
-    }); // console.error({
-    //   noParentLinks, groupMap, edgeGroups: edgeGroupsTagsTips, ciTagsAndTips, data
-    // })
-
-    return edgeGroupsTagsTips;
   };
 
   return AttributeMetricDisplay;

package/lib/core/models/TopoApp.js

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

package/lib/core/models/link/LinkTagsTipsBuilder.js

@@ -0,0 +1,220 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+
+var _groupBy = _interopRequireDefault(require("lodash/groupBy"));
+
+var _htElementUtils = require("../../../utils/htElementUtils");
+
+var _attributeFormatter = _interopRequireDefault(require("../attributeFormatter"));
+
+// 参与计算的链路指标
+var metrics = [// 总流速
+{
+  code: 'total_flow_rate',
+  calcType: 'sum'
+}, // 带宽利用率
+{
+  code: 'bandwidth_utilization',
+  calcType: 'avg'
+}, // 发送带宽利用率
+{
+  code: 'out_bandwidth_utilization',
+  calcType: 'avg',
+  showWhenSameSource: true
+}, // 接收带宽利用率
+{
+  code: 'in_bandwidth_utilization',
+  calcType: 'avg',
+  showWhenSameSource: true
+}, {
+  code: 'out_rate',
+  calcType: 'sum',
+  showWhenSameSource: true
+}, {
+  code: 'in_rate',
+  calcType: 'sum',
+  showWhenSameSource: true
+}];
+var connectTypePrefixMap = {
+  phy: 'physical_link.',
+  exit: 'export_link.'
+};
+var calcFnMap = {
+  sum: function sum(values) {
+    return values.reduce(function (total, val) {
+      return total + parseInt(val || 0, 10);
+    }, 0);
+  },
+  avg: function avg(values) {
+    return values.reduce(function (total, val) {
+      return total + parseFloat(val || 0, 10);
+    }, 0) / values.length;
+  }
+};
+
+var LinkTagsTipsBuilder = /*#__PURE__*/function () {
+  function LinkTagsTipsBuilder(amDisplay) {
+    this.amDisplay = void 0;
+    this.topo = void 0;
+    this.amDisplay = amDisplay;
+    this.topo = amDisplay.topo;
+  }
+  /**
+   * 获得未关联聚合链路的连线组标注和悬浮框数据
+   * @param {*} ciTagsAndTips 
+   * @returns 
+   */
+
+
+  var _proto = LinkTagsTipsBuilder.prototype;
+
+  _proto.getEdgeGroupTagsAndTips = function getEdgeGroupTagsAndTips() {
+    var _this = this;
+
+    var ciConfigs = this.amDisplay.getResourceTagTipConfig();
+    var data = this.amDisplay.getData(); // 查询没有关联链路的连线组及对应子链路列表
+
+    var _this$topo$dataModel$ = this.topo.dataModel.getData(),
+        links = _this$topo$dataModel$.links,
+        linkGroups = _this$topo$dataModel$.linkGroups;
+
+    var getLinkUId = function getLinkUId(link) {
+      return [link.source, link.target].sort().join('-');
+    };
+
+    var linkGroupUIds = linkGroups.filter(function (link) {
+      return link.ciType === 'network_link';
+    }).map(function (link) {
+      return getLinkUId(link);
+    }); // 查询没有聚合链路的物理链路/出口链路
+
+    var noParentLinks = links.filter(function (link) {
+      return link.ciType === 'network_link';
+    }).map(function (link) {
+      return (0, _extends2["default"])({}, link, {
+        linkUId: getLinkUId(link)
+      });
+    }).filter(function (link) {
+      return linkGroupUIds.indexOf(link.linkUId) === -1;
+    });
+    var groupMap = (0, _groupBy["default"])(noParentLinks, 'linkUId'); // 计算标注和指标
+
+    var edgeGroupsTagsTips = Object.keys(groupMap) // 过滤非连线组
+    .filter(function (groupId) {
+      var linkChildren = groupMap[groupId];
+      var edgeGroup = (0, _htElementUtils.getEdgeGroupByNodeTags)(_this.topo.getDataModel(), linkChildren[0].source, linkChildren[0].target);
+      return !!edgeGroup;
+    }).map(function (groupId) {
+      var linkChildren = groupMap[groupId];
+      var config = ciConfigs.find(function (item) {
+        return item.id === linkChildren[0].id;
+      });
+      return _this.buildEdgeGroupTagTagsAndTips({
+        groupId: groupId,
+        config: config,
+        linkChildren: linkChildren,
+        data: data
+      });
+    }); // console.error({
+    //   noParentLinks, groupMap, edgeGroups: edgeGroupsTagsTips, ciTagsAndTips, data
+    // })
+
+    return edgeGroupsTagsTips;
+  };
+
+  _proto.buildEdgeGroupTagTagsAndTips = function buildEdgeGroupTagTagsAndTips(_ref) {
+    var _this2 = this;
+
+    var groupId = _ref.groupId,
+        config = _ref.config,
+        linkChildren = _ref.linkChildren,
+        data = _ref.data;
+    // 查询配置，过滤不在范围内的属性
+    var finalConfig = (0, _extends2["default"])({}, config, {
+      tags: config.tags.filter(function (item) {
+        return _this2.filterField(item, linkChildren);
+      }),
+      tips: config.tips.filter(function (item) {
+        return _this2.filterField(item, linkChildren);
+      })
+    }); // 构造数据，计算指标值
+
+    var mergeData = this.buildData(data, linkChildren); // 构造标注、悬浮框数据
+
+    var formatter = new _attributeFormatter["default"](this.topo);
+    return {
+      type: 'edgeGroup',
+      edgeGroupId: groupId,
+      tags: formatter.formatAttrs(finalConfig.tags, mergeData),
+      tips: formatter.formatAttrs(finalConfig.tips, mergeData)
+    };
+  } // eslint-disable-next-line class-methods-use-this
+  ;
+
+  _proto.filterField = function filterField(item, linkChildren) {
+    var fieldConfig = metrics.find(function (m) {
+      return item.code.endsWith("." + m.code);
+    });
+
+    if (item.type !== 'metric' || !fieldConfig) {
+      return false;
+    } // 如果需要校验取值接口，如果取值接口为不同设备的接口，则不显示这四个指标
+
+
+    if (fieldConfig.showWhenSameSource) {
+      var sources = [];
+      linkChildren.forEach(function (link) {
+        if (sources.indexOf(link.source) === -1) {
+          sources.push(link.source);
+        }
+      });
+
+      if (sources.length > 1) {
+        return false;
+      }
+    }
+
+    return true;
+  } // eslint-disable-next-line class-methods-use-this
+  ;
+
+  _proto.buildData = function buildData(data, linkChildren) {
+    var linkChildrenData = linkChildren.map(function (link) {
+      return data.find(function (item) {
+        return item.id === link.id;
+      });
+    });
+    var mergeData = {
+      ciType: 'network_link',
+      metricMap: {}
+    };
+    var connectType = linkChildren[0].attributes['network_link.connect_type'];
+    metrics.forEach(function (m) {
+      var metricCode = "" + connectTypePrefixMap[connectType] + m.code;
+
+      try {
+        var values = linkChildrenData.map(function (linkData) {
+          return linkData.metricMap[metricCode];
+        });
+        mergeData.metricMap[metricCode] = calcFnMap[m.calcType](values);
+      } catch (error) {
+        _rlog["default"].warn('连线组指标计算异常', error);
+      }
+    }); // console.error(groupId, {config, linkChildrenData, mergeData})
+
+    return mergeData;
+  };
+
+  return LinkTagsTipsBuilder;
+}();
+
+exports["default"] = LinkTagsTipsBuilder;
+;

package/lib/topoCenter/components/editor/propertyViews/edge/addLinkDrawer/components/editLinkInfo.js

@@ -383,7 +383,7 @@ function EditLinkInfo(props) {
     type: "primary",
     loading: loading,
     onClick: saveHandleChange
-  }, "\u786E\u5B9A"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
+  }, isAdd ? "确定" : "保存"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
     className: _indexModule["default"].button,
     onClick: onClose
   }, "\u53D6\u6D88")));

package/package.json

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