@riil-frontend/component-topology 3.1.7 → 3.1.8

package/demo/1/345/237/272/346/234/254//345/256/232/345/210/266/345/214/226/350/265/204/346/272/220/346/246/202/350/247/210.md

@@ -0,0 +1,11 @@
+---
+title: 定制化概览
+order: 9
+---
+
+<br/>
+
+```jsx
+<DemoCode src="../../demo-src/basic/customResourceOverview/CustomResourceOverviewDemo.jsx" />
+```
+

package/demo/1/345/237/272/346/234/254//350/207/252/345/256/232/344/271/211/346/240/207/346/263/250/345/222/214/346/202/254/346/265/256/346/241/206.md

@@ -0,0 +1,11 @@
+---
+title: 自定义属性和指标
+order: 8
+---
+
+<br/>
+
+```jsx
+<DemoCode src="../../demo-src/basic/CustomAttrAndMetric/CustomAttrAndMetric.jsx" />
+```
+

package/demo//346/240/207/346/263/250/345/222/214/346/202/254/346/265/256/346/241/206//350/207/252/345/256/232/344/271/211/345/261/236/346/200/247/345/222/214/346/214/207/346/240/207.md

@@ -11,6 +11,6 @@ order: 8
 <br/>
 
 ```jsx
-<DemoCode src="../../demo-src/basic/CustomAttrAndMetric.jsx" />
+<DemoCode src="../../demo-src/basic/CustomAttrAndMetric/CustomAttrAndMetric.jsx" />
 ```
 

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.7" === 'string' ? "3.1.7" : 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 → ResourceDetail}/components/ResourceOverview/BaseInfo.js

@@ -110,17 +110,19 @@ export default function BaseInfo(props) {
   var topo = props.topo,
       type = props.type,
       data = props.data,
-      resourceOverviewProps = props.resourceOverviewProps;
-  var content;
+      baseInfo = props.baseInfo,
+      renderContent = props.renderContent;
+  var content = renderContent ? renderContent({
+    type: type,
+    data: data,
+    AttributeItem: AttributeItem
+  }) : null;
 
-  if (resourceOverviewProps !== null && resourceOverviewProps !== void 0 && resourceOverviewProps.renderBaseInfoContent) {
-    content = resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.renderBaseInfoContent({
+  if (!content) {
+    content = /*#__PURE__*/React.createElement(BaseInfoContent, {
       type: type,
-      DefaultBaseInfoContent: BaseInfoContent,
-      AttributeItem: AttributeItem
+      data: baseInfo
     });
-  } else {
-    content = /*#__PURE__*/React.createElement(BaseInfoContent, props);
   }
 
   return /*#__PURE__*/React.createElement("div", {

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/{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);
 }

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

@@ -1,6 +1,6 @@
 import _Message from "@alifd/next/es/message";
-import _extends from "@babel/runtime/helpers/extends";
 import _Table from "@alifd/next/es/table";
+import _extends from "@babel/runtime/helpers/extends";
 import _Button from "@alifd/next/es/button";
 import _Icon from "@alifd/next/es/icon";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
@@ -18,7 +18,8 @@ import SingleResourceStrategyLink from "./SingleResourceStrategyLink";
 import BlockBox from "./BlockBox";
 import useCiAttrAndMetricData from "./useCiAttrAndMetricData";
 import ResourceOverviewMetric from "./ResourceOverviewMetric";
-import BaseInfo from "./BaseInfo"; // url 处理，UICBB 的地址需截取前缀
+import BaseInfo from "./BaseInfo";
+import BaseInfoBlock from "./BaseInfoBlock"; // url 处理，UICBB 的地址需截取前缀
 
 function formatUrl(url) {
   var _window, _window$location;
@@ -37,7 +38,7 @@ function formatUrl(url) {
 
 
 export default function ResourceOverview(props) {
-  var _viewerProps$resource;
+  var _viewerProps$resource, _baseInfo$resource;
 
   var topo = props.topo,
       id = props.id,
@@ -45,7 +46,7 @@ export default function ResourceOverview(props) {
       ciType = props.ciType,
       userId = props.userId,
       viewerProps = props.viewerProps;
-  var resourceOverviewProps = viewerProps === null || viewerProps === void 0 ? void 0 : (_viewerProps$resource = viewerProps.resourceDetailProps) === null || _viewerProps$resource === void 0 ? void 0 : _viewerProps$resource.resourceOverviewProps;
+  var resourceOverviewProps = (viewerProps === null || viewerProps === void 0 ? void 0 : (_viewerProps$resource = viewerProps.resourceDetailProps) === null || _viewerProps$resource === void 0 ? void 0 : _viewerProps$resource.resourceOverviewProps) || {};
   var ciAttrAndMetricData = useCiAttrAndMetricData({
     topo: topo,
     id: id
@@ -601,22 +602,19 @@ export default function ResourceOverview(props) {
     return _alarmRiskOperation.apply(this, arguments);
   }
 
+  var elementData = {
+    id: id,
+    ciType: ciType,
+    type: type,
+    name: baseInfo === null || baseInfo === void 0 ? void 0 : (_baseInfo$resource = baseInfo.resource) === null || _baseInfo$resource === void 0 ? void 0 : _baseInfo$resource.display_name
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: styles['resource-overview']
-  }, /*#__PURE__*/React.createElement(BlockBox, {
-    headerTitle: "\u57FA\u672C\u4FE1\u606F",
-    headerExtra: ciType === 'network_link' && /*#__PURE__*/React.createElement(SingleResourceStrategyLink, {
-      id: id,
-      ciType: ciType,
-      name: baseInfo.resource.display_name
-    })
-  }, /*#__PURE__*/React.createElement(BaseInfo, {
-    topo: topo,
-    type: type,
-    data: baseInfo,
+  }, /*#__PURE__*/React.createElement(BaseInfoBlock, _extends({
+    data: elementData,
     ciTypeMeta: ciTypeMeta,
-    resourceOverviewProps: resourceOverviewProps
-  })), /*#__PURE__*/React.createElement(BlockBox, {
+    baseInfo: baseInfo
+  }, resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.baseInfoProps)), /*#__PURE__*/React.createElement(BlockBox, {
     headerTitle: "\u5173\u952E\u6307\u6807"
   }, /*#__PURE__*/React.createElement(ResourceOverviewMetric, {
     topo: topo,

package/es/core/viewer/components/plugins/ResourceDetail/index.module.scss

@@ -1,40 +1,49 @@
-.topo-drawer {
-  width: 832px;
+@import '~@alifd/next/variables.scss';
 
-  .drawerHeader {
-    margin-top: 10px;
+.title-popup{
+  width: 240px;
+  .search{
+    width: 100%;
+    padding: 4px 16px 12px;
   }
+  .not-data{
+    color: var(--color-text1-4);
+    font-size: 14px;
+    line-height: 200px;
+    text-align: center;
+  }
+  :global {
+    .#{$css-prefix}menu-content{
+      height: 200px;
+      overflow-y: auto;
+    }
+  }
+}
 
-  .topo-drawer-header-title {
+.baseInfo {
+  box-shadow: 0px 0px 6px 1px #F2F7FD;
+  .drawer-title{
     font-size: 16px;
-    color: #333333;
-    line-height: 22px;
     font-weight: 500;
+    color: #4D6277;
   }
-
-  .topo-drawer-header-link {
-    color: #1071da;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 22px;
-    padding-left: 12px;
-  }
-
-  .topo-drawer-alarm-banner {
-    padding-bottom: 8px;
-    margin-top: -10px;
-
-    .topo-drawer-alarm-txt {
-      font-size: 12px;
-      color: #333333;
-      line-height: 20px;
+  :global {
+    .#{$css-prefix}drawer-body {
+      height: calc(100% - 49px);
+      padding: 16px 24px;
+      .#{$css-prefix}tabs-content{
+        height: calc(100% - 31px);
+        overflow: auto;
+      }
     }
-
-    .topo-drawer-alarm-refresh {
-      font-size: 12px;
-      color: #096dd9;
-      position: absolute;
-      right: 40px;
+  }
+  .tab{
+    height: 100%;
+    :global {
+      .#{$css-prefix}tabs-content{
+        height: calc(100% - 31px);
+        overflow: auto;
+      }
     }
   }
 }

package/es/core/viewer/components/plugins/ViewerPlugin.js

@@ -2,12 +2,12 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import ResourceWebControllUrlSettingDialog from "./ResourceWebControllUrlSettingDialog";
 import MetricPollingPlugin from "./MetricPollingPlugin";
-import BaseInfo from "./BaseInfo";
+import ResourceDetail from "./ResourceDetail";
 export default function ViewerPlugin(props) {
   var topo = props.topo,
       viewerProps = props.viewerProps;
   var store = topo.store;
-  var plugins = [MetricPollingPlugin, ResourceWebControllUrlSettingDialog, BaseInfo].concat((viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.plugins) || []);
+  var plugins = [MetricPollingPlugin, ResourceWebControllUrlSettingDialog, ResourceDetail].concat((viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.plugins) || []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, plugins.map(function (Plugin, index) {
     return /*#__PURE__*/React.createElement(Plugin, _extends({
       key: index,

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.7" === 'string' ? "3.1.7" : 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 → ResourceDetail}/components/ResourceOverview/BaseInfo.js

@@ -120,17 +120,19 @@ function BaseInfo(props) {
   var topo = props.topo,
       type = props.type,
       data = props.data,
-      resourceOverviewProps = props.resourceOverviewProps;
-  var content;
+      baseInfo = props.baseInfo,
+      renderContent = props.renderContent;
+  var content = renderContent ? renderContent({
+    type: type,
+    data: data,
+    AttributeItem: AttributeItem
+  }) : null;
 
-  if (resourceOverviewProps !== null && resourceOverviewProps !== void 0 && resourceOverviewProps.renderBaseInfoContent) {
-    content = resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.renderBaseInfoContent({
+  if (!content) {
+    content = /*#__PURE__*/_react["default"].createElement(BaseInfoContent, {
       type: type,
-      DefaultBaseInfoContent: BaseInfoContent,
-      AttributeItem: AttributeItem
+      data: baseInfo
     });
-  } else {
-    content = /*#__PURE__*/_react["default"].createElement(BaseInfoContent, props);
   }
 
   return /*#__PURE__*/_react["default"].createElement("div", {

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/{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);
 }

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

@@ -9,10 +9,10 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 
 var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _table = _interopRequireDefault(require("@alifd/next/lib/table"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
 
 var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
@@ -47,6 +47,8 @@ var _ResourceOverviewMetric = _interopRequireDefault(require("./ResourceOverview
 
 var _BaseInfo = _interopRequireDefault(require("./BaseInfo"));
 
+var _BaseInfoBlock = _interopRequireDefault(require("./BaseInfoBlock"));
+
 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; }
@@ -69,7 +71,7 @@ function formatUrl(url) {
 
 
 function ResourceOverview(props) {
-  var _viewerProps$resource;
+  var _viewerProps$resource, _baseInfo$resource;
 
   var topo = props.topo,
       id = props.id,
@@ -77,7 +79,7 @@ function ResourceOverview(props) {
       ciType = props.ciType,
       userId = props.userId,
       viewerProps = props.viewerProps;
-  var resourceOverviewProps = viewerProps === null || viewerProps === void 0 ? void 0 : (_viewerProps$resource = viewerProps.resourceDetailProps) === null || _viewerProps$resource === void 0 ? void 0 : _viewerProps$resource.resourceOverviewProps;
+  var resourceOverviewProps = (viewerProps === null || viewerProps === void 0 ? void 0 : (_viewerProps$resource = viewerProps.resourceDetailProps) === null || _viewerProps$resource === void 0 ? void 0 : _viewerProps$resource.resourceOverviewProps) || {};
   var ciAttrAndMetricData = (0, _useCiAttrAndMetricData["default"])({
     topo: topo,
     id: id
@@ -633,22 +635,19 @@ function ResourceOverview(props) {
     return _alarmRiskOperation.apply(this, arguments);
   }
 
+  var elementData = {
+    id: id,
+    ciType: ciType,
+    type: type,
+    name: baseInfo === null || baseInfo === void 0 ? void 0 : (_baseInfo$resource = baseInfo.resource) === null || _baseInfo$resource === void 0 ? void 0 : _baseInfo$resource.display_name
+  };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _indexModule["default"]['resource-overview']
-  }, /*#__PURE__*/_react["default"].createElement(_BlockBox["default"], {
-    headerTitle: "\u57FA\u672C\u4FE1\u606F",
-    headerExtra: ciType === 'network_link' && /*#__PURE__*/_react["default"].createElement(_SingleResourceStrategyLink["default"], {
-      id: id,
-      ciType: ciType,
-      name: baseInfo.resource.display_name
-    })
-  }, /*#__PURE__*/_react["default"].createElement(_BaseInfo["default"], {
-    topo: topo,
-    type: type,
-    data: baseInfo,
+  }, /*#__PURE__*/_react["default"].createElement(_BaseInfoBlock["default"], (0, _extends2["default"])({
+    data: elementData,
     ciTypeMeta: ciTypeMeta,
-    resourceOverviewProps: resourceOverviewProps
-  })), /*#__PURE__*/_react["default"].createElement(_BlockBox["default"], {
+    baseInfo: baseInfo
+  }, resourceOverviewProps === null || resourceOverviewProps === void 0 ? void 0 : resourceOverviewProps.baseInfoProps)), /*#__PURE__*/_react["default"].createElement(_BlockBox["default"], {
     headerTitle: "\u5173\u952E\u6307\u6807"
   }, /*#__PURE__*/_react["default"].createElement(_ResourceOverviewMetric["default"], {
     topo: topo,

package/lib/core/viewer/components/plugins/ResourceDetail/index.module.scss

@@ -1,40 +1,49 @@
-.topo-drawer {
-  width: 832px;
+@import '~@alifd/next/variables.scss';
 
-  .drawerHeader {
-    margin-top: 10px;
+.title-popup{
+  width: 240px;
+  .search{
+    width: 100%;
+    padding: 4px 16px 12px;
   }
+  .not-data{
+    color: var(--color-text1-4);
+    font-size: 14px;
+    line-height: 200px;
+    text-align: center;
+  }
+  :global {
+    .#{$css-prefix}menu-content{
+      height: 200px;
+      overflow-y: auto;
+    }
+  }
+}
 
-  .topo-drawer-header-title {
+.baseInfo {
+  box-shadow: 0px 0px 6px 1px #F2F7FD;
+  .drawer-title{
     font-size: 16px;
-    color: #333333;
-    line-height: 22px;
     font-weight: 500;
+    color: #4D6277;
   }
-
-  .topo-drawer-header-link {
-    color: #1071da;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 22px;
-    padding-left: 12px;
-  }
-
-  .topo-drawer-alarm-banner {
-    padding-bottom: 8px;
-    margin-top: -10px;
-
-    .topo-drawer-alarm-txt {
-      font-size: 12px;
-      color: #333333;
-      line-height: 20px;
+  :global {
+    .#{$css-prefix}drawer-body {
+      height: calc(100% - 49px);
+      padding: 16px 24px;
+      .#{$css-prefix}tabs-content{
+        height: calc(100% - 31px);
+        overflow: auto;
+      }
     }
-
-    .topo-drawer-alarm-refresh {
-      font-size: 12px;
-      color: #096dd9;
-      position: absolute;
-      right: 40px;
+  }
+  .tab{
+    height: 100%;
+    :global {
+      .#{$css-prefix}tabs-content{
+        height: calc(100% - 31px);
+        overflow: auto;
+      }
     }
   }
 }

package/lib/core/viewer/components/plugins/ViewerPlugin.js

@@ -13,13 +13,13 @@ var _ResourceWebControllUrlSettingDialog = _interopRequireDefault(require("./Res
 
 var _MetricPollingPlugin = _interopRequireDefault(require("./MetricPollingPlugin"));
 
-var _BaseInfo = _interopRequireDefault(require("./BaseInfo"));
+var _ResourceDetail = _interopRequireDefault(require("./ResourceDetail"));
 
 function ViewerPlugin(props) {
   var topo = props.topo,
       viewerProps = props.viewerProps;
   var store = topo.store;
-  var plugins = [_MetricPollingPlugin["default"], _ResourceWebControllUrlSettingDialog["default"], _BaseInfo["default"]].concat((viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.plugins) || []);
+  var plugins = [_MetricPollingPlugin["default"], _ResourceWebControllUrlSettingDialog["default"], _ResourceDetail["default"]].concat((viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.plugins) || []);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, plugins.map(function (Plugin, index) {
     return /*#__PURE__*/_react["default"].createElement(Plugin, (0, _extends2["default"])({
       key: index,

package/package.json

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

package/demo/1/345/237/272/346/234/254//350/207/252/345/256/232/344/271/211/345/261/236/346/200/247/345/222/214/346/214/207/346/240/207.md

@@ -1,11 +0,0 @@
----
-title: 自定义属性和指标
-order: 8
----
-
-<br/>
-
-```jsx
-<DemoCode src="../../demo-src/basic/CustomAttrAndMetric.jsx" />
-```
-