feat: Event center switch of an earlier version

docs/zh-cn/data.md

@@ -5,6 +5,17 @@
 同时我们也提供了全局通信，方便跨应用之间的数据通信。
 
 
+> [!NOTE]
+> 如果需要保留 0.x 的数据通信行为，我们提供了全局配置 
+> ```js
+> import microApp from '@micro-zoe/micro-app'
+> microApp.start({
+>   'event-center-legacy': true, // 全局配置 0.x 数据通信行为，默认为false
+> })
+> ```
+> [0.x 数据通信文档](https://micro-zoe.github.io/micro-app/0.x/#/zh-cn/data)
+
+
 ## 一、子应用获取来自主应用的数据
 
 有两种方式获取来自主应用的数据：

src/interact/event_center.ts

@@ -1,6 +1,7 @@
 /* eslint-disable no-cond-assign */
 import { CallableFunctionForInteract, AppName } from '@micro-app/types'
 import { logError, isFunction, isPlainObject, assign, defer } from '../libs/utils'
+import microApp from '../micro_app'
 
 export default class EventCenter {
   public eventList = new Map<string, {
@@ -123,6 +124,7 @@ export default class EventCenter {
         autoTrigger &&
         Object.keys(eventInfo.data).length &&
         (
+          microApp.options['event-center-legacy'] ||
           !this.queue.includes(name) ||
           this.isEqual(eventInfo.data, eventInfo.tempData)
         )
@@ -168,19 +170,31 @@ export default class EventCenter {
   public dispatch (
     name: string,
     data: Record<PropertyKey, unknown>,
-    nextStep: CallableFunction,
+    nextStep?: CallableFunction,
     force?: boolean,
     dispatchDataEvent?: CallableFunction,
   ): void {
+    const eventCenterLegacy = microApp.options['event-center-legacy']
     if (this.isLegalName(name)) {
       if (!isPlainObject(data)) {
         return logError('event-center: data must be object')
       }
 
       let eventInfo = this.eventList.get(name)
       if (eventInfo) {
-        eventInfo.tempData = assign({}, eventInfo.tempData || eventInfo.data, data)
-        !eventInfo.force && (eventInfo.force = !!force)
+        if (!eventCenterLegacy) {
+          eventInfo.tempData = assign({}, eventInfo.tempData || eventInfo.data, data)
+          !eventInfo.force && (eventInfo.force = !!force)
+        } else {
+          // keep 0.x behavior
+          // Update when the data is not equal
+          if (eventInfo.data !== data) {
+            eventInfo.data = data
+            for (const f of eventInfo.callbacks) {
+              f(data)
+            }
+          }
+        }
       } else {
         eventInfo = {
           data: data,
@@ -190,10 +204,13 @@ export default class EventCenter {
         /**
          * When sent data to parent, eventInfo probably does not exist, because parent may listen to datachange
          */
-        eventInfo.force = true
+        !eventCenterLegacy && (eventInfo.force = true)
+      }
+
+      if (!eventCenterLegacy && nextStep) {
+        // add to queue, event eventInfo is null
+        this.enqueue(name, nextStep, dispatchDataEvent)
       }
-      // add to queue, event eventInfo is null
-      this.enqueue(name, nextStep, dispatchDataEvent)
     }
   }
 

src/interact/index.ts

@@ -10,6 +10,7 @@ import {
   logError,
   getRootContainer,
 } from '../libs/utils'
+import microApp from '../micro_app'
 
 const eventCenter = new EventCenter()
 
@@ -231,23 +232,32 @@ export class EventCenterForMicroApp extends EventCenterForGlobal {
   dispatch (data: Record<PropertyKey, unknown>, nextStep?: CallableFunction, force?: boolean): void {
     removeDomScope()
 
-    eventCenter.dispatch(
-      createEventName(this.appName, false),
-      data,
-      (resArr: unknown[]) => isFunction(nextStep) && nextStep(resArr),
-      force,
-      () => {
-        const app = appInstanceMap.get(this.appName)
-        if (app?.container && isPlainObject(data)) {
-          const event = new CustomEvent('datachange', {
-            detail: {
-              data: eventCenter.getData(createEventName(this.appName, false))
-            }
-          })
-
-          getRootContainer(app.container).dispatchEvent(event)
-        }
-      })
+    const dispatchDataEvent = () => {
+      const app = appInstanceMap.get(this.appName)
+      if (app?.container && isPlainObject(data)) {
+        const event = new CustomEvent('datachange', {
+          detail: {
+            data: eventCenter.getData(createEventName(this.appName, false))
+          }
+        })
+
+        getRootContainer(app.container).dispatchEvent(event)
+      }
+    }
+
+    if (!microApp.options['event-center-legacy']) {
+      eventCenter.dispatch(
+        createEventName(this.appName, false),
+        data,
+        (resArr: unknown[]) => isFunction(nextStep) && nextStep(resArr),
+        force,
+        () => {
+          dispatchDataEvent()
+        })
+    } else {
+      eventCenter.dispatch(createEventName(this.appName, false), data)
+      dispatchDataEvent()
+    }
   }
 
   forceDispatch (data: Record<PropertyKey, unknown>, nextStep?: CallableFunction): void {

typings/global.d.ts

@@ -338,6 +338,7 @@ declare module '@micro-app/types' {
     'disable-sandbox'?: boolean
     'disable-memory-router'?: boolean
     'disable-patch-request'?: boolean
+    'event-center-legacy'?: boolean
     'keep-router-state'?: boolean
     'hidden-router'?: boolean
     'keep-alive'?: boolean