@riil-frontend/component-topology 3.1.4 → 3.1.7

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

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

@@ -0,0 +1,288 @@
+import _Drawer from "@alifd/next/es/drawer";
+import _Tab from "@alifd/next/es/tab";
+import _extends from "@babel/runtime/helpers/extends";
+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 { 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 ResourceOverview from "./components/ResourceOverview";
+import styles from "./index.module.scss";
+
+function Title(_ref) {
+  var id = _ref.id,
+      name = _ref.name,
+      type = _ref.type,
+      onChange = _ref.onChange,
+      topo = _ref.topo;
+
+  if (type === 'node') {
+    var _useState = useState(''),
+        keyword = _useState[0],
+        setKeyword = _useState[1];
+
+    var nodes = topo.store.getModelState('topoMod').data.nodes; // 查询资源列表
+
+    nodes = nodes.filter(function (item) {
+      return item.id !== id;
+    });
+    if (!nodes.length) return name;
+    var filterNodes = dataSearch(nodes, ['name'], keyword);
+    return /*#__PURE__*/React.createElement(_MenuButton, {
+      text: true,
+      autoWidth: false,
+      size: "large",
+      popupClassName: styles['title-popup'],
+      menuProps: {
+        header: /*#__PURE__*/React.createElement(_Search, {
+          shape: "simple",
+          placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57",
+          className: styles.search,
+          hasClear: true,
+          onChange: function onChange(val) {
+            return !val && setKeyword(val);
+          },
+          onSearch: setKeyword
+        })
+      },
+      label: /*#__PURE__*/React.createElement("div", {
+        className: styles['drawer-title']
+      }, name),
+      onItemClick: function onItemClick(key) {
+        return onChange(nodes.find(function (item) {
+          return item.id === key;
+        }) || '');
+      }
+    }, isAvailableArray(filterNodes) && filterNodes.length ? filterNodes.map(function (item) {
+      return /*#__PURE__*/React.createElement(_MenuButton.Item, {
+        key: item.id,
+        disabled: !item.operation
+      }, item.name);
+    }) : /*#__PURE__*/React.createElement("div", {
+      className: styles['not-data']
+    }, "\u6682\u65E0\u6570\u636E"));
+  } else {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles['drawer-title']
+    }, "\u94FE\u8DEF\u8BE6\u60C5");
+  }
+} // 基本信息
+
+
+function ResourceDetail(props) {
+  var topo = props.topo,
+      canShow = props.canShow;
+
+  var _topo$store$useModel = topo.store.useModel('topoBaseInfoOverview'),
+      topoState = _topo$store$useModel[0],
+      topoDispatchers = _topo$store$useModel[1];
+
+  var _topo$store$useModelS = topo.store.useModelState('topoMod'),
+      topoId = _topo$store$useModelS.topoId,
+      topoModData = _topo$store$useModelS.data;
+
+  var _useState2 = useState(false),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var _useState3 = useState({
+    id: '',
+    name: '',
+    type: '',
+    // 类型： node、link
+    ciType: '',
+    ciName: ''
+  }),
+      activeData = _useState3[0],
+      setActiveData = _useState3[1];
+
+  var _useState4 = useState(''),
+      userId = _useState4[0],
+      setUserId = _useState4[1];
+
+  useEffect(function () {
+    var notifier = topo.view.topoClient.notifier;
+    notifier.on(TopoEvent.EVENT_DOUBLE_CLICK, openOverview);
+    notifier.on('topo_element_click', changeOverview);
+    return function () {
+      notifier.off(TopoEvent.EVENT_DOUBLE_CLICK, openOverview);
+      notifier.off('topo_element_click', changeOverview); // 清除数据
+
+      topoDispatchers.update({
+        id: '',
+        metricCodes: []
+      });
+    };
+  }, []); // 解决切换拓扑图隐藏概览
+
+  useEffect(function () {
+    setVisible(false); // TODO 其他数据重置
+  }, [topoId]);
+
+  function getUser() {
+    return _getUser.apply(this, arguments);
+  } // select切换
+
+
+  function _getUser() {
+    _getUser = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              setUserId(function (prev) {
+                console.log('获取用户id', prev); // 如果已经获取过，就不再重新获取
+
+                if (!prev) {
+                  _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+                    var res;
+                    return _regeneratorRuntime.wrap(function _callee$(_context) {
+                      while (1) {
+                        switch (_context.prev = _context.next) {
+                          case 0:
+                            _context.next = 2;
+                            return service.getUserId();
+
+                          case 2:
+                            res = _context.sent;
+                            setUserId((res === null || res === void 0 ? void 0 : res.user_id) || '');
+
+                          case 4:
+                          case "end":
+                            return _context.stop();
+                        }
+                      }
+                    }, _callee);
+                  }))();
+                }
+
+                return prev;
+              });
+
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+    return _getUser.apply(this, arguments);
+  }
+
+  function onChangeActive(activeNode) {
+    activeNode && init(_extends({}, activeNode, {
+      type: 'node'
+    }), 'select');
+  } // 单击切换
+
+
+  function changeOverview(node) {
+    var data = node.getAttrObject();
+    init(data, 'click');
+  } // 双击打开
+
+
+  function openOverview(data) {
+    init(data, 'doubleClick');
+  }
+
+  function init(data, targetType) {
+    console.log('初始化基本信息', data, targetType);
+    var id = data.id,
+        name = data.name,
+        type = data.type,
+        ciType = data.ciType,
+        ciName = data.ciName,
+        operation = data.operation; // 仅展示资源和链路的概览
+
+    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,
+      type: type === 'linkGroup' ? 'link' : type,
+      ciType: ciType,
+      ciName: ciName
+    }); // 显示隐藏
+
+    targetType === 'doubleClick' && setVisible(true); // userId
+
+    getUser();
+  }
+
+  useEffect(function () {
+    console.log('topoData', activeData.ciType, topoModData);
+
+    if (topoModData && activeData !== null && activeData !== void 0 && activeData.id) {
+      var id = activeData.id,
+          ciType = activeData.ciType;
+      var ciTypeMeta;
+
+      if (ciType === 'network_link') {
+        // 网络链路要按链路类型查询属性、指标
+        var linkGroups = topoModData.linkGroups,
+            links = topoModData.links;
+        var link = [].concat(linkGroups, links).find(function (item) {
+          return item.id === id;
+        });
+        var linkConnectType = link.attributes['network_link.connect_type'];
+        ciTypeMeta = topo.ciTyeCache.getNetworkLinkCiType(linkConnectType);
+      } else {
+        ciTypeMeta = topo.ciTyeCache.getCiType(ciType);
+      }
+
+      var _ciTypeMeta = ciTypeMeta,
+          metrics = _ciTypeMeta.metrics; // 同步需要实时展示的指标
+
+      topoDispatchers.update({
+        id: id,
+        metricCodes: metrics.slice(0, 6).map(function (item) {
+          return item.code;
+        }) // 需要展示的关键指标 code
+
+      });
+    }
+  }, [topoModData, activeData]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Drawer, {
+    className: styles.baseInfo,
+    closeMode: ['close', 'esc'],
+    visible: visible,
+    title: /*#__PURE__*/React.createElement(Title, _extends({}, activeData, {
+      topo: topo,
+      onChange: onChangeActive
+    })),
+    width: 580,
+    hasMask: false,
+    onClose: function onClose() {
+      return setVisible(false);
+    }
+  }, visible && /*#__PURE__*/React.createElement(_Tab, {
+    className: styles.tab
+  }, /*#__PURE__*/React.createElement(_Tab.Item, {
+    title: "\u8D44\u6E90\u6982\u89C8",
+    key: "1"
+  }, activeData.id && /*#__PURE__*/React.createElement(ResourceOverview, _extends({}, props, activeData, {
+    userId: userId
+  }))))));
+}
+
+ResourceDetail.propTypes = {
+  canShow: PropTypes.func
+};
+ResourceDetail.defaultProps = {
+  canShow: function canShow(htElement) {
+    return true;
+  }
+};
+export default ResourceDetail;

package/es/core/viewer/components/plugins/BaseInfo/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;