From 943941e0f6e7c3c42b664600c1d946cb6c0ff3be Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Fri, 18 Jul 2025 08:25:47 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E5=BA=94=E7=94=A8?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/components/MicroApps/iframe.vue | 10 ++++++++++
 resources/assets/js/components/MicroApps/index.vue  |  3 +++
 resources/assets/js/store/actions.js                |  2 ++
 3 files changed, 15 insertions(+)

diff --git a/resources/assets/js/components/MicroApps/iframe.vue b/resources/assets/js/components/MicroApps/iframe.vue
index eeff49920..2bab7878c 100644
--- a/resources/assets/js/components/MicroApps/iframe.vue
+++ b/resources/assets/js/components/MicroApps/iframe.vue
@@ -3,6 +3,7 @@
         <iframe
             ref="iframe"
             class="micro-app-iframe-container"
+            :class="{'iframe-immersive': immersive}"
             :src="src"
             sandbox="allow-scripts allow-forms allow-same-origin allow-popups allow-popups-to-escape-sandbox">
         </iframe>
@@ -22,6 +23,11 @@
         height: 100%;
         padding-top: var(--status-bar-height);
         padding-bottom: var(--navigation-bar-height);
+
+        &.iframe-immersive {
+            padding-top: 0;
+            padding-bottom: 0;
+        }
     }
 
     .micro-app-iframe-cover {
@@ -49,6 +55,10 @@ export default {
         data: {
             type: Object,
             default: null
+        },
+        immersive: {
+            type: Boolean,
+            default: false
         }
     },
 
diff --git a/resources/assets/js/components/MicroApps/index.vue b/resources/assets/js/components/MicroApps/index.vue
index 9f3f2b0f0..d15edda20 100644
--- a/resources/assets/js/components/MicroApps/index.vue
+++ b/resources/assets/js/components/MicroApps/index.vue
@@ -16,6 +16,7 @@
                 :name="app.name"
                 :url="app.url"
                 :data="appData(app.name)"
+                :immersive="app.iframe_immersive"
                 @mounted="mounted"
                 @error="error"/>
             <micro-app
@@ -154,6 +155,7 @@ export default {
             'userInfo',
             'themeName',
             'microApps',
+            'safeAreaSize',
         ]),
     },
 
@@ -228,6 +230,7 @@ export default {
                     languageList,
                     languageName,
                     themeName: this.themeName,
+                    safeArea: this.safeAreaSize,
                 },
 
                 methods: {
diff --git a/resources/assets/js/store/actions.js b/resources/assets/js/store/actions.js
index 5524e54d0..cb2b9b99e 100644
--- a/resources/assets/js/store/actions.js
+++ b/resources/assets/js/store/actions.js
@@ -4688,6 +4688,7 @@ export default {
      *  - disable_scope_css 是否禁用样式隔离 (true/false)，默认 false
      *  - auto_dark_theme   是否自动适配深色主题 (true/false)，默认 true
      *  - keep_alive        是否开启微应用保活 (true/false)，默认 true
+     *  - iframe_immersive  是否开启沉浸式模式，仅在 url_type=iframe[_blank] 时有效 (true/false)，默认 false
      *  - props             传递参数
      */
     async openMicroApp({state}, data) {
@@ -4719,6 +4720,7 @@ export default {
             disable_scope_css: typeof data.disable_scope_css == 'boolean' ? data.disable_scope_css : false,
             auto_dark_theme: typeof data.auto_dark_theme == 'boolean' ? data.auto_dark_theme : true,
             keep_alive: typeof data.keep_alive == 'boolean' ? data.keep_alive : true,
+            iframe_immersive: typeof data.iframe_immersive == 'boolean' ? data.iframe_immersive : false,
             props: $A.isJson(data.props) ? data.props : {},
         }
         if (!state.microAppsIds.includes(config.id)) {