Merge branch 'dev'

Author: timhub66

docs/zh-cn/advanced.md

@@ -72,23 +72,26 @@ microApp.start({
 })
 ```
 
-// 配置所有子应用 a 标签的 href 自动补齐方式
-  aHrefResolver: (hrefValue: string, appName: string, appUrl: string) => {
-    return 'https://www.abc.com/'+ hrefValue
-  }
-
-
-
 ## 4、aHrefResolver: 自定义处理所有子应用 a 标签的 href 拼接方式
-
 ```js
 import microApp from '@micro-zoe/micro-app'
 
 microApp.start({
+  // 配置所有子应用 a 标签的 href 自动补齐方式
   aHrefResolver: (hrefValue: string, appName: string, appUrl: string) => {
     return 'https://www.abc.com/'+ hrefValue
   }
 })
 ```
 
+## escapeIframeWindowEvents : iframe 模式 逃逸沙盒的window事件
+```js
+import microApp from '@micro-zoe/micro-app'
+
+microApp.start({
+  // 子应用的
+  escapeIframeWindowEvents: ['message']
+})
+```
+
 

docs/zh-cn/changelog.md

@@ -7,8 +7,14 @@
 - 修订版本号：每周末会进行日常 bugfix 更新。（如果有紧急的 bugfix，则任何时候都可发布）
 
 ---
+### 1.0.0-rc.25
 
-
+`2025-05-23`
+- **Feature**
+  - 支持escapeIframeWindowEvents : iframe 模式 逃逸沙盒的window事件。
+- **Bug Fix**
+  - 🐞 修复 子应用样式加载异常，[issue 1553](https://github.com/jd-opensource/micro-app/issues/1553)。
+  - 🐞 修复 当开启样式隔离时子应用属性选择器样式错误，[issue 1573](https://github.com/jd-opensource/micro-app/issues/1573)。
 ### 1.0.0-rc.24
 
 `2025-03-19`

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@micro-zoe/micro-app",
-  "version": "1.0.0-rc.24",
+  "version": "1.0.0-rc.25",
   "description": "A lightweight, efficient and powerful micro front-end framework",
   "private": false,
   "main": "lib/index.min.js",

src/sandbox/iframe/window.ts

@@ -25,6 +25,7 @@ import {
   escape2RawWindowRegExpKeys,
 } from './special_key'
 import WorkerProxy from '../../proxies/worker'
+import microApp from '../../micro_app'
 
 /**
  * patch window of child app
@@ -234,7 +235,12 @@ function patchWindowEffect (microAppWindow: microAppWindowType): CommonEffectHoo
      * TODO: SCOPE_WINDOW_EVENT_OF_IFRAME的事件非常少，有可能导致问题
      *  1、一些未知的需要绑定到iframe的事件被错误的绑定到原生window上
      */
-    return SCOPE_WINDOW_EVENT_OF_IFRAME.includes(type) ? microAppWindow : rawWindow
+    let escapeSandboxEvent: Array<string> = []
+    if (Array.isArray(microApp?.options?.escapeIframeWindowEvents)) {
+      escapeSandboxEvent = microApp?.options?.escapeIframeWindowEvents
+    }
+    const scopeWindowEvent = SCOPE_WINDOW_EVENT_OF_IFRAME.filter(item => !escapeSandboxEvent.includes(item))
+    return scopeWindowEvent.includes(type) ? microAppWindow : rawWindow
   }
 
   // TODO: listener 是否需要绑定microAppWindow，否则函数中的this指向原生window

src/sandbox/scoped_css.ts

@@ -108,8 +108,8 @@ class CSSParser {
      *    should be ==> micro-app[name=xxx] :where(.a, .b, .c) a {}
      */
     const attributeValues: {[key: string]: any} = {}
-    const matchRes = m[0].replace(/\[([^\]=]+)(?:=([^\]]+))?\]/g, (match, p1, p2) => {
-      const mock = `__mock_${p1}Value__`
+    const matchRes = m[0].replace(/\[([^\]=]+)(?:=([^\]]+))?\]/g, (match, p1, p2, offset) => {
+      const mock = `__mock_${p1}_${offset}Value__`
       attributeValues[mock] = p2
       return match.replace(p2, mock)
     })

typings/global.d.ts

@@ -369,7 +369,8 @@ declare module '@micro-app/types' {
     getRootElementParentNode?: (node: Node, appName: AppName) => void
     customProxyDocumentProps?: Map<string | number | symbol, (value: unknown) => void>
     aHrefResolver?: (hrefValue: string, appName: string, appUrl: string) => string
-    inheritBaseBody?:boolean
+    inheritBaseBody?:boolean,
+    escapeIframeWindowEvents? : Array<string>,
   }
 
   // MicroApp config