@riil-frontend/component-topology 3.1.5 → 3.1.8

package/lib/core/components/DisplaySettingDrawer/hooks/useDisplaySetting.js

@@ -15,7 +15,7 @@ var _topo = _interopRequireDefault(require("@riil-frontend/component-topology-co
 
 var _default = function _default(props) {
   var topo = props.topo,
-      viewerProps = props.viewerProps,
+      displaySettingProps = props.displaySettingProps,
       settingRef = props.settingRef;
 
   var executeByConfig = /*#__PURE__*/function () {
@@ -28,7 +28,7 @@ var _default = function _default(props) {
               // 更新节点名称显示隐藏
               topo.attributeMetricDisplay.updateNodesNameVisible(); // 更新连线展开折叠状态
 
-              if (viewerProps !== null && viewerProps !== void 0 && viewerProps.showLinkConfig) {
+              if (displaySettingProps !== null && displaySettingProps !== void 0 && displaySettingProps.showLinkConfig) {
                 if (config.expandAllEdges) {
                   topo.getHtTopo().expandAllEdgeGroups();
                 } else {
@@ -60,7 +60,7 @@ var _default = function _default(props) {
 
   var save = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-      var _viewerProps$displayS;
+      var _displaySettingProps$;
 
       var values, prevDisplayConfig, displayConfig, displayConfigDispatchers, extraOnOk;
       return _regenerator["default"].wrap(function _callee2$(_context2) {
@@ -84,7 +84,7 @@ var _default = function _default(props) {
               displayConfigDispatchers.update(displayConfig); // 按配置执行
 
               executeByConfig(displayConfig);
-              extraOnOk = (viewerProps === null || viewerProps === void 0 ? void 0 : (_viewerProps$displayS = viewerProps.displaySettingDrawerProps) === null || _viewerProps$displayS === void 0 ? void 0 : _viewerProps$displayS.onOk) || (viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.onDisplaySettingDrawerOk);
+              extraOnOk = (displaySettingProps === null || displaySettingProps === void 0 ? void 0 : (_displaySettingProps$ = displaySettingProps.displaySettingProps) === null || _displaySettingProps$ === void 0 ? void 0 : _displaySettingProps$.onOk) || (displaySettingProps === null || displaySettingProps === void 0 ? void 0 : displaySettingProps.onDisplaySettingDrawerOk);
 
               if (extraOnOk) {
                 extraOnOk();

package/lib/core/models/AttributeMetricDisplay.js

@@ -52,8 +52,10 @@ var filterByPermission = function filterByPermission(resource, items) {
 
 var AttributeMetricDisplay = /*#__PURE__*/function () {
   function AttributeMetricDisplay(topo) {
+    var _this$topo$options$ta;
+
     this.topo = topo;
-    var ExtElementTagTipBuilder = this.topo.options.ExtElementTagTipBuilder;
+    var ExtElementTagTipBuilder = (_this$topo$options$ta = this.topo.options.tagTip) === null || _this$topo$options$ta === void 0 ? void 0 : _this$topo$options$ta.ExtElementTagTipBuilder;
 
     if (ExtElementTagTipBuilder) {
       this.extElementTagTipBuilder = new ExtElementTagTipBuilder(this);
@@ -93,6 +95,10 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
     var ciTypeMeta = this.topo.ciTyeCache.getCiType(ciType);
 
     function getItems(cfg) {
+      if (!ciTypeMeta || !cfg) {
+        return [];
+      }
+
       var isCustom = cfg.isCustom,
           data = cfg.data;
       var items = (isCustom ? data[ciType] : data) || []; // 过滤类型不存在的属性和指标、图片名称
@@ -107,94 +113,6 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
       tips: getItems(nodeTip || _ResourceInfoDisplay.DEFAULT_TIP_COMMON_CONFIG)
     };
   }
-  /**
-   * 按链路类型获取对应的属性、指标配置
-   * @param {*} link 
-   * @param {*} config 
-   * @returns 
-   */
-  ;
-
-  _proto.getNetworkLinkConfig = function getNetworkLinkConfig(link, config) {
-    var _this$getConfig2 = this.getConfig(config),
-        linkTag = _this$getConfig2.linkTag,
-        linkTip = _this$getConfig2.linkTip;
-
-    var linkConnectType = link.attributes['network_link.connect_type'];
-    var ciTypeMeta = this.topo.ciTyeCache.getNetworkLinkCiType(linkConnectType);
-
-    var getMetricCode = function getMetricCode(code) {
-      var _connectTypeMap$linkC;
-
-      var connectTypeMap = {
-        phy: {
-          id: 'phy',
-          metricPrefix: 'physical_link.'
-        },
-        agg: {
-          id: 'agg',
-          metricPrefix: 'agg_link.'
-        },
-        exit: {
-          id: 'exit',
-          metricPrefix: 'export_link.'
-        }
-      };
-      var metricPrefix = (_connectTypeMap$linkC = connectTypeMap[linkConnectType]) === null || _connectTypeMap$linkC === void 0 ? void 0 : _connectTypeMap$linkC.metricPrefix;
-
-      if (!metricPrefix) {
-        return null;
-      }
-
-      var finalCode = null;
-
-      if (ciTypeMeta.metricMap[code]) {
-        finalCode = code;
-      } else if (ciTypeMeta.metricMap["" + metricPrefix + code]) {
-        finalCode = "" + metricPrefix + code;
-      }
-
-      return finalCode;
-    };
-
-    var formatItems = function formatItems(items) {
-      var newItems = [];
-      items.forEach(function (item) {
-        if (item.type === 'metric') {
-          var code = item.code;
-          var finalCode = getMetricCode(code);
-
-          if (finalCode) {
-            newItems.push((0, _extends2["default"])({}, item, {
-              code: finalCode
-            }));
-          }
-        } else {
-          newItems.push(item);
-        }
-      });
-      return newItems;
-    };
-
-    function getItems(cfg) {
-      if (!ciTypeMeta || !cfg) {
-        return [];
-      }
-
-      var isCustom = cfg.isCustom,
-          data = cfg.data;
-      var configItems = (isCustom ? data[linkConnectType] : data) || [];
-      var items = formatItems(configItems); // 过滤不存在的
-
-      return filterUnExistedFields(items, ciTypeMeta);
-    }
-
-    var defaultLinkTagTipConfig = this.topo.options.defaultLinkTagTipConfig;
-    return {
-      tags: getItems(linkTag || (defaultLinkTagTipConfig === null || defaultLinkTagTipConfig === void 0 ? void 0 : defaultLinkTagTipConfig.tag)),
-      tips: getItems(linkTip || (defaultLinkTagTipConfig === null || defaultLinkTagTipConfig === void 0 ? void 0 : defaultLinkTagTipConfig.tip))
-    };
-  }
   /**
    * 查询需要查询数据的连线
    * 
@@ -220,10 +138,6 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
     }));
   };
 
-  _proto.getLinkTagTipConfig = function getLinkTagTipConfig(link) {
-    return this.getNetworkLinkConfig(link);
-  };
-
   _proto.getNodesTagTipConfig = function getNodesTagTipConfig() {
     var _this = this;
 
@@ -245,6 +159,109 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
         tips: filterByPermission(node, ciTypeConfig.tips)
       };
     });
+  }
+  /**
+   * 按链路类型获取对应的属性、指标配置
+   * @param {*} link 
+   * @returns 
+   */
+  ;
+
+  _proto.getLinkTagTipConfig = function getLinkTagTipConfig(link) {
+    var _this$getConfig2 = this.getConfig(),
+        linkTag = _this$getConfig2.linkTag,
+        linkTip = _this$getConfig2.linkTip;
+
+    var ciTypeMeta;
+    var isNetworkLink = link.ciType === 'network_link';
+
+    if (isNetworkLink) {
+      var linkConnectType = link.attributes['network_link.connect_type'];
+      ciTypeMeta = this.topo.ciTyeCache.getNetworkLinkCiType(linkConnectType);
+    } else {
+      ciTypeMeta = this.topo.ciTyeCache.getCiType(link.ciType);
+    }
+
+    var dataType = isNetworkLink ? link.attributes['network_link.connect_type'] : link.ciType;
+
+    function getNetworkFieldItems(configItems) {
+      var getMetricCode = function getMetricCode(code) {
+        var _connectTypeMap$linkC;
+
+        var linkConnectType = link.attributes['network_link.connect_type'];
+        var connectTypeMap = {
+          phy: {
+            id: 'phy',
+            metricPrefix: 'physical_link.'
+          },
+          agg: {
+            id: 'agg',
+            metricPrefix: 'agg_link.'
+          },
+          exit: {
+            id: 'exit',
+            metricPrefix: 'export_link.'
+          }
+        };
+        var metricPrefix = (_connectTypeMap$linkC = connectTypeMap[linkConnectType]) === null || _connectTypeMap$linkC === void 0 ? void 0 : _connectTypeMap$linkC.metricPrefix;
+
+        if (!metricPrefix) {
+          return null;
+        }
+
+        var finalCode = null;
+
+        if (ciTypeMeta.metricMap[code]) {
+          finalCode = code;
+        } else if (ciTypeMeta.metricMap["" + metricPrefix + code]) {
+          finalCode = "" + metricPrefix + code;
+        }
+
+        return finalCode;
+      };
+
+      var formatItems = function formatItems(items) {
+        var newItems = [];
+        items.forEach(function (item) {
+          if (item.type === 'metric') {
+            var code = item.code;
+            var finalCode = getMetricCode(code);
+
+            if (finalCode) {
+              newItems.push((0, _extends2["default"])({}, item, {
+                code: finalCode
+              }));
+            }
+          } else {
+            newItems.push(item);
+          }
+        });
+        return newItems;
+      };
+
+      return formatItems(configItems);
+    }
+
+    function getItems(cfg) {
+      if (!ciTypeMeta || !cfg) {
+        return [];
+      }
+
+      var isCustom = cfg.isCustom,
+          data = cfg.data;
+      var configItems = (isCustom ? data[dataType] : data) || [];
+      var items = isNetworkLink ? getNetworkFieldItems(configItems) : configItems; // 过滤不存在的
+
+      return filterUnExistedFields(items, ciTypeMeta);
+    }
+
+    var tagTipOptions = this.topo.options.tagTip;
+    var defaultLinkTagConfig = tagTipOptions !== null && tagTipOptions !== void 0 && tagTipOptions.getDefaultLinkTagConfig ? tagTipOptions === null || tagTipOptions === void 0 ? void 0 : tagTipOptions.getDefaultLinkTagConfig(link) : null;
+    var defaultLinkTipConfig = tagTipOptions !== null && tagTipOptions !== void 0 && tagTipOptions.getDefaultLinkTipConfig ? tagTipOptions === null || tagTipOptions === void 0 ? void 0 : tagTipOptions.getDefaultLinkTipConfig(link) : null;
+    return {
+      tags: getItems(linkTag || defaultLinkTagConfig),
+      tips: getItems(linkTip || defaultLinkTipConfig)
+    };
   };
 
   _proto.getLinksTagTipConfig = function getLinksTagTipConfig() {
@@ -596,10 +613,7 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
                     });
                   });
                 } else {
-                  _rlog["default"].warn('推送属性指标数据：未查询到ciType', {
-                    ciData: ciData,
-                    ciType: ciType
-                  });
+                  _rlog["default"].warn("\u63A8\u9001\u5C5E\u6027\u6307\u6807\u6570\u636E\uFF1A\u672A\u67E5\u8BE2\u5230ciType " + ciType, ciData);
                 }
               });
               refIds = Object.keys(refIdMap);

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 "3.1.5" === 'string' ? "3.1.5" : null;
+var version = typeof "3.1.8" === 'string' ? "3.1.8" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/lib/core/viewer/components/plugins/{BaseInfo/index.js → ResourceDetail/ResourceDetail.js}

@@ -19,18 +19,20 @@ var _menuButton = _interopRequireDefault(require("@alifd/next/lib/menu-button"))
 
 var _search = _interopRequireDefault(require("@alifd/next/lib/search"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
 
 var _utils = require("@riil-frontend/utils");
 
-var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
+var _react = _interopRequireWildcard(require("react"));
 
-var _overview = _interopRequireDefault(require("../../../../services/overview"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+var _overview = _interopRequireDefault(require("../../../../services/overview"));
 
 var _ResourceOverview = _interopRequireDefault(require("./components/ResourceOverview"));
 
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+
 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; }
@@ -95,8 +97,9 @@ function Title(_ref) {
 } // 基本信息
 
 
-function BaseInfo(props) {
-  var topo = props.topo;
+function ResourceDetail(props) {
+  var topo = props.topo,
+      canShow = props.canShow;
 
   var _topo$store$useModel = topo.store.useModel('topoBaseInfoOverview'),
       topoState = _topo$store$useModel[0],
@@ -212,8 +215,6 @@ function BaseInfo(props) {
   }
 
   function init(data, targetType) {
-    var _topo$options$resourc;
-
     console.log('初始化基本信息', data, targetType);
     var id = data.id,
         name = data.name,
@@ -222,11 +223,15 @@ function BaseInfo(props) {
         ciName = data.ciName,
         operation = data.operation; // 仅展示资源和链路的概览
 
-    if (!['node', 'link', 'linkGroup'].includes(type)) return; // 应用拓扑中没有链路详情
-
-    if ((_topo$options$resourc = topo.options.resourceOverviewDrawer) !== null && _topo$options$resourc !== void 0 && _topo$options$resourc.getData && type === 'link') return; // 没有权限不显示
+    if (!['node', 'link', 'linkGroup'].includes(type)) return; // 没有权限不显示
 
     if (!operation) return;
+    var htElement = topo.getDataModel().getDataByTag(id);
+
+    if (!canShow(htElement)) {
+      return;
+    }
+
     setActiveData({
       id: id,
       name: name,
@@ -296,5 +301,13 @@ function BaseInfo(props) {
   }))))));
 }
 
-var _default = BaseInfo;
+ResourceDetail.propTypes = {
+  canShow: _propTypes["default"].func
+};
+ResourceDetail.defaultProps = {
+  canShow: function canShow(htElement) {
+    return true;
+  }
+};
+var _default = ResourceDetail;
 exports["default"] = _default;

package/lib/core/viewer/components/plugins/ResourceDetail/ResourceDetailPlugin.js

@@ -0,0 +1,21 @@
+"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 _react = _interopRequireDefault(require("react"));
+
+var _ResourceDetail = _interopRequireDefault(require("./ResourceDetail"));
+
+function ResourceDetailPlugin(props) {
+  var viewerProps = props.viewerProps;
+  var resourceDetailProps = viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.resourceDetailProps;
+  return /*#__PURE__*/_react["default"].createElement(_ResourceDetail["default"], (0, _extends2["default"])({}, props, resourceDetailProps));
+}
+
+var _default = ResourceDetailPlugin;
+exports["default"] = _default;

package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/BaseInfo.js

@@ -0,0 +1,141 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = BaseInfo;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+
+// url 处理，UICBB 的地址需截取前缀
+function formatUrl(url) {
+  var _window, _window$location;
+
+  var prefix = '/default/pagecenter';
+
+  if (((_window = window) === null || _window === void 0 ? void 0 : (_window$location = _window.location) === null || _window$location === void 0 ? void 0 : _window$location.pathname.indexOf(prefix)) === 0 && (url === null || url === void 0 ? void 0 : url.indexOf(prefix)) === 0) {
+    return url.split(prefix)[1];
+  } else {
+    return url;
+  }
+}
+
+function AttributeItem(props) {
+  var style = props.style,
+      key = props.key,
+      label = props.label,
+      contentTitle = props.contentTitle,
+      children = props.children;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _indexModule["default"].item,
+    style: style || {},
+    key: key
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: _indexModule["default"].label
+  }, label), /*#__PURE__*/_react["default"].createElement("span", {
+    className: _indexModule["default"].content,
+    title: contentTitle
+  }, children));
+}
+
+function BaseInfoContent(props) {
+  var _itemCols$type;
+
+  var topo = props.topo,
+      type = props.type,
+      data = props.data;
+  var itemCols = {
+    node: [{
+      label: '资源名称：',
+      objKey: 'resource',
+      render: function render(valueData, key) {
+        var display_name = valueData.display_name,
+            link = valueData.link;
+        return /*#__PURE__*/_react["default"].createElement(AttributeItem, {
+          key: key,
+          label: "\u8D44\u6E90\u540D\u79F0\uFF1A",
+          contentTitle: display_name
+        }, valueData ? /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
+          className: _indexModule["default"].link,
+          to: formatUrl(link)
+        }, display_name || '-') : '-');
+      }
+    }, {
+      label: 'IP地址：',
+      objKey: 'ipv4_address'
+    }, {
+      label: '资产编号：',
+      objKey: 'asset_number'
+    }, {
+      label: '资源类型：',
+      objKey: 'ciName'
+    }, {
+      label: '资源位置：',
+      objKey: 'res_address'
+    } // {
+    //   label: '负责人：',
+    //   objKey: 'principal'
+    // },
+    ],
+    link: [{
+      label: '链路带宽：',
+      objKey: 'rated_bandwidth',
+      style: {
+        width: '100%'
+      }
+    }, {
+      label: '源IP地址：',
+      objKey: 'source_ipv4'
+    }, {
+      label: '目的IP地址：',
+      objKey: 'destination_ipv4'
+    }, {
+      label: '源端口：',
+      objKey: 'source_Interface'
+    }, {
+      label: '目的端口：',
+      objKey: 'destination_Interface'
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (_itemCols$type = itemCols[type]) === null || _itemCols$type === void 0 ? void 0 : _itemCols$type.map(function (_ref, key) {
+    var label = _ref.label,
+        objKey = _ref.objKey,
+        style = _ref.style,
+        render = _ref.render;
+    return data[objKey] === false ? '' : render ? render(data[objKey], key) : /*#__PURE__*/_react["default"].createElement(AttributeItem, {
+      key: key,
+      label: label,
+      style: style || {},
+      contentTitle: data[objKey]
+    }, data[objKey] || '-');
+  }));
+} // 基本信息
+
+
+function BaseInfo(props) {
+  var topo = props.topo,
+      type = props.type,
+      data = props.data,
+      baseInfo = props.baseInfo,
+      renderContent = props.renderContent;
+  var content = renderContent ? renderContent({
+    type: type,
+    data: data,
+    AttributeItem: AttributeItem
+  }) : null;
+
+  if (!content) {
+    content = /*#__PURE__*/_react["default"].createElement(BaseInfoContent, {
+      type: type,
+      data: baseInfo
+    });
+  }
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _indexModule["default"]['base-info']
+  }, content);
+}

package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/BaseInfoBlock.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = BaseInfoBlock;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _BaseInfo = _interopRequireDefault(require("./BaseInfo"));
+
+var _BlockBox = _interopRequireDefault(require("./BlockBox"));
+
+var _SingleResourceStrategyLink = _interopRequireDefault(require("./SingleResourceStrategyLink"));
+
+function BaseInfoBlock(props) {
+  var topo = props.topo,
+      data = props.data,
+      ciTypeMeta = props.ciTypeMeta,
+      headerExtra = props.headerExtra,
+      renderContent = props.renderContent,
+      baseInfo = props.baseInfo;
+  var id = data.id,
+      ciType = data.ciType,
+      type = data.type,
+      name = data.name;
+  return /*#__PURE__*/_react["default"].createElement(_BlockBox["default"], {
+    headerTitle: "\u57FA\u672C\u4FE1\u606F",
+    headerExtra: headerExtra ? headerExtra(props) : ciType === 'network_link' && /*#__PURE__*/_react["default"].createElement(_SingleResourceStrategyLink["default"], {
+      id: id,
+      ciType: ciType,
+      name: name
+    })
+  }, /*#__PURE__*/_react["default"].createElement(_BaseInfo["default"], {
+    topo: topo,
+    type: type,
+    data: data,
+    ciTypeMeta: ciTypeMeta,
+    renderContent: renderContent,
+    baseInfo: baseInfo
+  }));
+}

package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverviewMetric.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = ResourceOverviewMetric;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("@riil-frontend/utils");
+
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+
+// 关键指标
+function ResourceOverviewMetric(props) {
+  var topo = props.topo,
+      type = props.type,
+      data = props.data;
+
+  function formatValue(itemData) {
+    var format = (0, _utils.metricValueFormat)({
+      value: itemData.value,
+      dataType: itemData.dataType,
+      dict: topo.dictCache.getDictObject(),
+      unit: itemData.unit,
+      code: itemData.code
+    });
+    return format.value + " " + (format.value === '-' ? '' : format.unit);
+  }
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _indexModule["default"].indicator
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _indexModule["default"].row
+  }, data.slice(0, 3).map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: _indexModule["default"].item,
+      key: item.code
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: _indexModule["default"].content
+    }, formatValue(item)), /*#__PURE__*/_react["default"].createElement("span", {
+      className: _indexModule["default"].label
+    }, item.name));
+  })), type === 'node' ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: _indexModule["default"].row
+  }, data.slice(3, 6).map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: _indexModule["default"].item,
+      key: item.code
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: _indexModule["default"].content
+    }, formatValue(item)), /*#__PURE__*/_react["default"].createElement("span", {
+      className: _indexModule["default"].label
+    }, item.name));
+  })) : '');
+}

package/lib/core/viewer/components/plugins/{BaseInfo → ResourceDetail}/components/ResourceOverview/SingleResourceStrategyLink.js

@@ -12,9 +12,11 @@ var _reactRouterDom = require("react-router-dom");
 function SingleResourceStrategyLink(props) {
   var id = props.id,
       ciType = props.ciType,
-      name = props.name;
+      name = props.name,
+      _props$label = props.label,
+      label = _props$label === void 0 ? '监控策略' : _props$label;
   var url = "/default/singleResourceStrategy/" + id + "?title=" + encodeURIComponent(name) + "-\u76D1\u63A7\u914D\u7F6E&ciId=" + id + "&ciType=" + ciType + "&ciName=" + encodeURIComponent(name);
   return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
     to: url
-  }, "\u76D1\u63A7\u7B56\u7565");
+  }, label);
 }