feat: 子应用是否采用基座body&子应用支持addEventListener('error')捕捉自身异常

Author: timhub66

docs/zh-cn/advanced.md

@@ -59,6 +59,11 @@ microApp.start({
 })
 ```
 
+## 3、inheritBaseBody: 子应用body标签是否采用基座标签，默认不采用
+`true`: 采用   
+`false`: 不采用
+
+
 
 > [!NOTE]
 > 需要注意的是，如果跨域请求带cookie，那么`Access-Control-Allow-Origin`不能设置为`*`，必须指定域名，同时设置`Access-Control-Allow-Credentials: true`

src/constants.ts

@@ -110,6 +110,7 @@ const BASE_SCOPE_WINDOW_EVENT = [
   'appstate-change',
   'statechange',
   'mounted',
+  'error'
   // 'beforeunload', // remove at 2024.5.30 by cangdu
 ]
 

src/sandbox/iframe/document.ts

@@ -33,6 +33,7 @@ import {
 import {
   appInstanceMap,
 } from '../../create_app'
+import microApp from '../../micro_app'
 
 /**
  * TODO: 1、shadowDOM 2、结构优化
@@ -133,7 +134,7 @@ function patchDocumentPrototype (appName: string, microAppWindow: microAppWindow
   // query element👇
   function querySelector (this: Document, selectors: string): any {
     const _this = getBindTarget(this)
-    if (selectors === 'body') {
+    if (selectors === 'body' && microApp?.options?.inheritBaseBody !== true) {
       return this.body
     }
     if (
@@ -305,7 +306,7 @@ function patchDocumentProperty (
       configurable: true,
       get: () => {
         throttleDeferForIframeAppName(appName)
-        if (tagName === 'body') {
+        if (tagName === 'body' && microApp?.options?.inheritBaseBody !== true) {
           return sandbox.options.container?.querySelector('micro-app-body') || rawDocument[tagName]
         }
         return rawDocument[tagName]

typings/global.d.ts

@@ -368,6 +368,7 @@ declare module '@micro-app/types' {
     includeCrossOrigin?: (assetUrl: string) => boolean
     getRootElementParentNode?: (node: Node, appName: AppName) => void
     customProxyDocumentProps?: Map<string | number | symbol, (value: unknown) => void>
+    inheritBaseBody?:boolean
   }
 
   // MicroApp config