qiankun

src/App.js

@@ -30,16 +30,41 @@ import { AssetMountReference } from './util/constant';
 export const AppContext = React.createContext();
 
 export class App extends React.Component {
+  constructor() {
+    super();
+
+    this.state = {
+      hostParams: null
+    };
+  }
+
+  componentDidMount() {
+    this.setState({ hostParams: this.props?.data });
+
+    this.$$hostParams = $hostParams.subscribe({
+      next: (v) => {
+        if (v) {
+          this.setState({ hostParams: v });
+        }
+      },
+    });
+
+  }
+
+  componentWillUnmount() {
+    this.$$hostParams?.unsubscribe();
+  }
 
   render() {
 
-    const { params, callback, setGlobalState, onGlobalStateChange } = this.props;
+    const { setGlobalState, onGlobalStateChange } = this.props;
+    const { hostParams } = this.state;
 
     let message = '', id = '', terms = [];
-    if (params) {
-      message = params.message||'';
-      id = params.id||'';
-      terms = params.terms||[];
+    if (hostParams) {
+      message = hostParams.message||'';
+      id = hostParams.id||'';
+      terms = hostParams.terms||[];
     }
 
     if (message === 'showDataModelDetail') {
@@ -60,8 +85,8 @@ export class App extends React.Component {
     if (message === 'showAssetDetail') {
       return (
         <AppContext.Provider value={{
-          env: params?.env,
-          user: params?.user,
+          env: hostParams?.env,
+          user: hostParams?.user,
           setGlobalState,
           onGlobalStateChange
         }}>
@@ -76,8 +101,8 @@ export class App extends React.Component {
     if (message === 'showAssetTree') {
       return (
         <AppContext.Provider value={{
-          env: params?.env,
-          user: params?.user,
+          env: hostParams?.env,
+          user: hostParams?.user,
           setGlobalState,
           onGlobalStateChange
         }}>
@@ -85,7 +110,7 @@ export class App extends React.Component {
             reference={AssetMountReference}
             checkable={true}
             onCheck={(values) => { 
-              callback&&callback(values); 
+              hostParams?.callback&&hostParams?.callback(values); 
             }}
             {...this.props} 
           />
@@ -96,8 +121,8 @@ export class App extends React.Component {
     if (message === 'showDatasource') {
       return (
         <AppContext.Provider value={{
-          env: params?.env,
-          user: params?.user,
+          env: hostParams?.env,
+          user: hostParams?.user,
           setGlobalState,
           onGlobalStateChange
         }}>
@@ -108,8 +133,8 @@ export class App extends React.Component {
 
     return (
       <AppContext.Provider value={{
-        env: params?.env,
-        user: params?.user,
+        env: hostParams?.env,
+        user: hostParams?.user,
         setGlobalState,
         onGlobalStateChange
       }}>

src/index.js

@@ -8,6 +8,7 @@ import zh_CN from 'antd/es/locale-provider/zh_CN';
 import { Provider } from "react-redux";
 import { store } from './model';
 import { App } from './App'
+import { $hostParams } from "./util";
 
 import './index.less';
 
@@ -51,4 +52,8 @@ export async function mount(props) {
 export async function unmount(props) {
   const { container } = props;
   ReactDOM.unmountComponentAtNode(container ? container.querySelector('#root') : document.querySelector('#root'));
+}
+
+export async function update(props) {
+  $hostParams.next(props?.data);
 }
\ No newline at end of file

src/view/Manage/AssetTask/index.jsx

@@ -192,7 +192,7 @@ const FC = (props) => {
           columns={columns}
           dataSource={_tasks||[]}
           pagination={false}
-          scroll={(_tasks||[]).length===0?null:'calc(100vh - 121px - 57px - 24px - 38px - 44px)'}
+          scroll={{ y: (_tasks||[]).length===0?null:'calc(100vh - 121px - 57px - 24px - 38px - 44px)' }}
         />
         {
           (tasks||[]).length>0 && <Pagination