@riil-frontend/component-topology 3.1.5 → 3.1.8

package/es/core/components/DisplaySettingDrawer/DisplaySetting.js

@@ -17,16 +17,15 @@ import EdgeFlowDirection from "./EdgeFlowDirection";
 
 function DisplaySetting(props, ref) {
   var topo = props.topo,
-      viewerProps = props.viewerProps;
+      displaySettingProps = props.displaySettingProps;
   var displayConfig = topo.store.getModelState('displayConfig');
 
-  var _ref = (viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.displaySettingDrawerProps) || {},
+  var _ref = displaySettingProps || {},
       linkTagConfig = _ref.linkTagConfig,
       linkTipConfig = _ref.linkTipConfig,
       showEdgeExpandConfig = _ref.showEdgeExpandConfig,
-      extraConfig = _ref.extraConfig;
-
-  var showLinkConfig = !!(viewerProps !== null && viewerProps !== void 0 && viewerProps.showLinkConfig);
+      extraConfig = _ref.extraConfig,
+      showLinkConfig = _ref.showLinkConfig;
 
   var field = _Field.useField({
     autoUnmount: false,

package/es/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js

@@ -9,7 +9,7 @@ import useDisplaySetting from "./hooks/useDisplaySetting";
 export default function DisplaySettingDrawer(props) {
   var visible = props.visible,
       topo = props.topo,
-      viewerProps = props.viewerProps,
+      displaySettingProps = props.displaySettingProps,
       onClose = props.onClose;
   var settingRef = useRef();
 
@@ -76,7 +76,7 @@ export default function DisplaySettingDrawer(props) {
   }, visible && /*#__PURE__*/React.createElement(DisplaySetting, {
     ref: settingRef,
     topo: topo,
-    viewerProps: viewerProps
+    displaySettingProps: displaySettingProps
   }));
 }
 ;

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

@@ -4,7 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import topoService from '@riil-frontend/component-topology-common/es/services/topo';
 export default (function (props) {
   var topo = props.topo,
-      viewerProps = props.viewerProps,
+      displaySettingProps = props.displaySettingProps,
       settingRef = props.settingRef;
 
   var executeByConfig = /*#__PURE__*/function () {
@@ -17,7 +17,7 @@ export default (function (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 {
@@ -49,7 +49,7 @@ export default (function (props) {
 
   var save = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var _viewerProps$displayS;
+      var _displaySettingProps$;
 
       var values, prevDisplayConfig, displayConfig, displayConfigDispatchers, extraOnOk;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -73,7 +73,7 @@ export default (function (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/es/core/models/AttributeMetricDisplay.js

@@ -4,7 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import topoServer from '@riil-frontend/component-topology-common/es/services/topo';
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import { keyBy } from 'lodash';
-import { DEFAULT_LINK_TAG_COMMON_CONFIG, DEFAULT_NODE_TAG_COMMON_CONFIG, DEFAULT_TAG_COMMON_CONFIG, DEFAULT_TIP_COMMON_CONFIG } from "../../constants/ResourceInfoDisplay";
+import { DEFAULT_NODE_TAG_COMMON_CONFIG, DEFAULT_TIP_COMMON_CONFIG } from "../../constants/ResourceInfoDisplay";
 import { findItem } from "../../utils/topoData";
 import { queryCisByIds } from "../services";
 import AttributeFormatter from "./attributeFormatter";
@@ -35,8 +35,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);
@@ -76,6 +78,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) || []; // 过滤类型不存在的属性和指标、图片名称
@@ -90,94 +96,6 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
       tips: getItems(nodeTip || 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(_extends({}, 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))
-    };
-  }
   /**
    * 查询需要查询数据的连线
    * 
@@ -203,10 +121,6 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
     }));
   };
 
-  _proto.getLinkTagTipConfig = function getLinkTagTipConfig(link) {
-    return this.getNetworkLinkConfig(link);
-  };
-
   _proto.getNodesTagTipConfig = function getNodesTagTipConfig() {
     var _this = this;
 
@@ -228,6 +142,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(_extends({}, 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() {
@@ -580,10 +597,7 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
                     });
                   });
                 } else {
-                  rlog.warn('推送属性指标数据：未查询到ciType', {
-                    ciData: ciData,
-                    ciType: ciType
-                  });
+                  rlog.warn("\u63A8\u9001\u5C5E\u6027\u6307\u6807\u6570\u636E\uFF1A\u672A\u67E5\u8BE2\u5230ciType " + ciType, ciData);
                 }
               });
               refIds = Object.keys(refIdMap);

package/es/core/models/TopoApp.js

@@ -20,7 +20,7 @@ import { updateEdgeExpanded } from "../utils/edgeUtil";
 import PluginManager from "./PluginManager";
 import topoFactory from "./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/es/core/viewer/components/plugins/{BaseInfo/index.js → ResourceDetail/ResourceDetail.js}

@@ -5,12 +5,13 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _MenuButton from "@alifd/next/es/menu-button";
 import _Search from "@alifd/next/es/search";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useState, useEffect, useRef, useCallback } from 'react';
-import { isAvailableArray, dataSearch } from '@riil-frontend/utils';
 import { TopoEvent } from '@riil-frontend/component-topology-graph';
+import { dataSearch, isAvailableArray } from '@riil-frontend/utils';
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
 import service from "../../../../services/overview";
-import styles from "./index.module.scss";
 import ResourceOverview from "./components/ResourceOverview";
+import styles from "./index.module.scss";
 
 function Title(_ref) {
   var id = _ref.id,
@@ -72,8 +73,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],
@@ -189,8 +191,6 @@ function BaseInfo(props) {
   }
 
   function init(data, targetType) {
-    var _topo$options$resourc;
-
     console.log('初始化基本信息', data, targetType);
     var id = data.id,
         name = data.name,
@@ -199,11 +199,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,
@@ -273,4 +277,12 @@ function BaseInfo(props) {
   }))))));
 }
 
-export default BaseInfo;
+ResourceDetail.propTypes = {
+  canShow: PropTypes.func
+};
+ResourceDetail.defaultProps = {
+  canShow: function canShow(htElement) {
+    return true;
+  }
+};
+export default ResourceDetail;

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

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import ResourceDetail from "./ResourceDetail";
+
+function ResourceDetailPlugin(props) {
+  var viewerProps = props.viewerProps;
+  var resourceDetailProps = viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.resourceDetailProps;
+  return /*#__PURE__*/React.createElement(ResourceDetail, _extends({}, props, resourceDetailProps));
+}
+
+export default ResourceDetailPlugin;

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

@@ -0,0 +1,131 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import styles from "./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.createElement("div", {
+    className: styles.item,
+    style: style || {},
+    key: key
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.label
+  }, label), /*#__PURE__*/React.createElement("span", {
+    className: styles.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.createElement(AttributeItem, {
+          key: key,
+          label: "\u8D44\u6E90\u540D\u79F0\uFF1A",
+          contentTitle: display_name
+        }, valueData ? /*#__PURE__*/React.createElement(Link, {
+          className: styles.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.createElement(React.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.createElement(AttributeItem, {
+      key: key,
+      label: label,
+      style: style || {},
+      contentTitle: data[objKey]
+    }, data[objKey] || '-');
+  }));
+} // 基本信息
+
+
+export default 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.createElement(BaseInfoContent, {
+      type: type,
+      data: baseInfo
+    });
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles['base-info']
+  }, content);
+}

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import BaseInfo from "./BaseInfo";
+import BlockBox from "./BlockBox";
+import SingleResourceStrategyLink from "./SingleResourceStrategyLink";
+export default 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.createElement(BlockBox, {
+    headerTitle: "\u57FA\u672C\u4FE1\u606F",
+    headerExtra: headerExtra ? headerExtra(props) : ciType === 'network_link' && /*#__PURE__*/React.createElement(SingleResourceStrategyLink, {
+      id: id,
+      ciType: ciType,
+      name: name
+    })
+  }, /*#__PURE__*/React.createElement(BaseInfo, {
+    topo: topo,
+    type: type,
+    data: data,
+    ciTypeMeta: ciTypeMeta,
+    renderContent: renderContent,
+    baseInfo: baseInfo
+  }));
+}

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import { metricValueFormat } from '@riil-frontend/utils';
+import styles from "./index.module.scss"; // 关键指标
+
+export default function ResourceOverviewMetric(props) {
+  var topo = props.topo,
+      type = props.type,
+      data = props.data;
+
+  function formatValue(itemData) {
+    var format = 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.createElement("div", {
+    className: styles.indicator
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.row
+  }, data.slice(0, 3).map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.item,
+      key: item.code
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.content
+    }, formatValue(item)), /*#__PURE__*/React.createElement("span", {
+      className: styles.label
+    }, item.name));
+  })), type === 'node' ? /*#__PURE__*/React.createElement("div", {
+    className: styles.row
+  }, data.slice(3, 6).map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.item,
+      key: item.code
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.content
+    }, formatValue(item)), /*#__PURE__*/React.createElement("span", {
+      className: styles.label
+    }, item.name));
+  })) : '');
+}

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

@@ -3,9 +3,11 @@ import { Link } from 'react-router-dom';
 export default 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.createElement(Link, {
     to: url
-  }, "\u76D1\u63A7\u7B56\u7565");
+  }, label);
 }