feat: 完善name属性change和set __MICRO_APP_STATE__能力&修复1533

Author: timhub66

src/create_app.ts

@@ -240,10 +240,9 @@ export default class CreateApp implements AppInterface {
 
     this.createSandbox()
 
-    // place outside of nextAction, as nextAction may execute async
-    this.setAppState(appStates.BEFORE_MOUNT)
-
     const nextAction = () => {
+      // place inside of nextAction, make sure iframe ready
+      this.setAppState(appStates.BEFORE_MOUNT)
       /**
        * Special scenes:
        * 1. mount before prerender exec mount (loading source)

src/interact/event_center.ts

@@ -1,14 +1,15 @@
 /* eslint-disable no-cond-assign */
 import { CallableFunctionForInteract, AppName } from '@micro-app/types'
 import { logError, isFunction, isPlainObject, assign, defer } from '../libs/utils'
+interface IEventInfo {
+  data: Record<PropertyKey, unknown>
+  tempData?: Record<PropertyKey, unknown> | null
+  force?: boolean
+  callbacks: Set<CallableFunctionForInteract>
+}
 
 export default class EventCenter {
-  public eventList = new Map<string, {
-    data: Record<PropertyKey, unknown>,
-    tempData?: Record<PropertyKey, unknown> | null,
-    force?: boolean,
-    callbacks: Set<CallableFunctionForInteract>,
-  }>()
+  public eventList = new Map<string, IEventInfo | undefined>()
 
   // whether the name is legal
   private isLegalName (name: string): boolean {

src/interact/index.ts

@@ -183,6 +183,15 @@ export class EventCenterForBaseApp extends EventCenterForGlobal {
   clearDataListener (appName: string): void {
     eventCenter.off(createEventName(formatAppName(appName), false))
   }
+
+  changeEventAppName (newAppName: string, oldAppName: string): void {
+    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

src/micro_app_element.ts

@@ -51,7 +51,7 @@ export function defineElement (tagName: string): void {
     private cacheData: Record<PropertyKey, unknown> | null = null
     private connectedCount = 0
     private connectStateMap: Map<number, boolean> = new Map()
-    public appName = '' // app name
+    private _appName = '' // app name
     public appUrl = '' // app url
     public ssrUrl = '' // html path in ssr mode
     public version = version
@@ -441,6 +441,7 @@ export function defineElement (tagName: string): void {
           unmountcb,
         })
       }
+      delete this.__MICRO_APP_NAME__
     }
 
     // hidden app when disconnectedCallback called with keep-alive
@@ -634,6 +635,17 @@ export function defineElement (tagName: string): void {
       return null
     }
 
+    set appName(value: string) {
+      if (value !== this._appName) {
+        microApp.changeEventAppName(value, this._appName)
+        this._appName = value
+      }
+    }
+
+    get appName(): string {
+      return this._appName
+    }
+
     /**
      * get publicPath from a valid address,it can used in micro-app-devtools
      */

src/sandbox/iframe/index.ts

@@ -101,6 +101,8 @@ export default class IframeSandbox {
     this.microAppWindow = this.iframe!.contentWindow
 
     this.patchIframe(this.microAppWindow, (resolve: CallableFunction) => {
+      // refresh
+      this.microAppWindow = this.iframe!.contentWindow
       // create new html to iframe
       this.createIframeTemplate(this.microAppWindow)
       // get escapeProperties from plugins