传出资产浏览的图

public/index.html

@@ -30,4 +30,10 @@
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
   </body>
+  <style scoped>
+    #root{
+      height: 100%;
+      width: 100%;
+    }
+  </style>
 </html>

src/App.js

@@ -28,6 +28,7 @@ import AssetEvaluate from './view/Manage/AssetEvaluate';
 import VersionCompare from './view/Manage/AssetManage/Component/VersionCompare'
 import { AssetBrowseReference, AssetDraftReference, AssetMountReference } from './util/constant';
 import AssetColumnDetail from './view/Manage/AssetManage/Component/AssetColumnDetail';
+import RelationContainer from './view/Manage/AssetBrowse/Component/RelationContainer';
 
 const AssetDraft = loadable(()=> import('./view/Manage/AssetDraft'));
 const AssetAction = loadable(()=> import('./view/Manage/AssetManage/Component/AssetAction'));
@@ -222,6 +223,19 @@ export class App extends React.Component {
       );
     }
 
+    if (message === 'showRelationContainer') {
+      console.log('hostParams',hostParams);
+      return (
+        <AppContext.Provider value={{
+          env: hostParams?.env,
+          user: hostParams?.user,
+          setGlobalState,
+          onGlobalStateChange
+        }}>
+          <RelationContainer nodeParams={hostParams?.nodeParams} dirs={hostParams?.dirs} resize={false}/>
+        </AppContext.Provider> 
+      );
+    }
 
     return (
       <AppContext.Provider value={{