@micro-zoe/micro-app 1.0.0-rc.22 → 1.0.0-rc.23

package/lib/index.d.ts

@@ -422,6 +422,7 @@ declare module '@micro-zoe/micro-app/interact' {
                 * @param appName app.name
                 */
             clearDataListener(appName: string): void;
+            changeEventAppName(newAppName: string, oldAppName: string): void;
     }
     export class EventCenterForMicroApp extends EventCenterForGlobal {
             appName: string;

package/lib/index.esm.js

@@ -1,4 +1,4 @@
-const version = '1.0.0-rc.22';
+const version = '1.0.0-rc.23';
 // do not use isUndefined
 const isBrowser = typeof window !== 'undefined';
 // do not use isUndefined
@@ -2713,6 +2713,14 @@ class EventCenterForBaseApp extends EventCenterForGlobal {
     clearDataListener(appName) {
         eventCenter.off(createEventName(formatAppName(appName), false));
     }
+    changeEventAppName(newAppName, oldAppName) {
+        const newEventName = createEventName(formatAppName(newAppName), true);
+        const oldEventName = createEventName(formatAppName(oldAppName), true);
+        if (eventCenter.eventList.has(oldEventName)) {
+            eventCenter.eventList.set(newEventName, eventCenter.eventList.get(oldEventName));
+            eventCenter.eventList.delete(oldEventName);
+        }
+    }
 }
 // Event center for sub app
 class EventCenterForMicroApp extends EventCenterForGlobal {
@@ -6580,6 +6588,8 @@ class IframeSandbox {
         this.deleteIframeElement = this.createIframeElement(appName, browserHost + rawLocation.pathname, options);
         this.microAppWindow = this.iframe.contentWindow;
         this.patchIframe(this.microAppWindow, (resolve) => {
+            // refresh
+            this.microAppWindow = this.iframe.contentWindow;
             // create new html to iframe
             this.createIframeTemplate(this.microAppWindow);
             // get escapeProperties from plugins
@@ -7081,10 +7091,10 @@ class CreateApp {
             return this.setAppState(appStates.LOADING);
         }
         this.createSandbox();
-        // place outside of nextAction, as nextAction may execute async
-        this.setAppState(appStates.BEFORE_MOUNT);
         const nextAction = () => {
             var _a, _b, _c, _d, _e, _f, _g;
+            // place inside of nextAction, make sure iframe ready
+            this.setAppState(appStates.BEFORE_MOUNT);
             /**
              * Special scenes:
              * 1. mount before prerender exec mount (loading source)
@@ -8361,7 +8371,7 @@ function defineElement(tagName) {
             this.cacheData = null;
             this.connectedCount = 0;
             this.connectStateMap = new Map();
-            this.appName = ''; // app name
+            this._appName = ''; // app name
             this.appUrl = ''; // app url
             this.ssrUrl = ''; // html path in ssr mode
             this.version = version;
@@ -8725,6 +8735,7 @@ function defineElement(tagName) {
                     unmountcb,
                 });
             }
+            delete this.__MICRO_APP_NAME__;
         }
         // hidden app when disconnectedCallback called with keep-alive
         handleHiddenKeepAliveApp(callback) {
@@ -8902,6 +8913,15 @@ function defineElement(tagName) {
             }
             return null;
         }
+        set appName(value) {
+            if (value !== this._appName) {
+                microApp.changeEventAppName(value, this._appName);
+                this._appName = value;
+            }
+        }
+        get appName() {
+            return this._appName;
+        }
         /**
          * get publicPath from a valid address,it can used in micro-app-devtools
          */