From a608734be9f8929750e0d08848a164a5df2b6691 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Tue, 6 May 2025 23:33:00 +0800
Subject: [PATCH] no message

---
 .../js/components/DrawerOverlay/index.vue     |  2 +-
 resources/assets/js/components/MicroApps.vue  | 30 ++++++++++++++++---
 resources/assets/js/store/actions.js          |  1 +
 3 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/resources/assets/js/components/DrawerOverlay/index.vue b/resources/assets/js/components/DrawerOverlay/index.vue
index 4d8f06c2d..c4aa554c5 100644
--- a/resources/assets/js/components/DrawerOverlay/index.vue
+++ b/resources/assets/js/components/DrawerOverlay/index.vue
@@ -102,7 +102,7 @@ export default {
             if (this.transitions.length > 0) {
                 return this.transitions
             }
-            return [$A.isAndroid() ? '' : `drawer-slide-${this.placementName}`, '']
+            return [`drawer-slide-${this.placementName}`, '']
         },
         className() {
             const array = []
diff --git a/resources/assets/js/components/MicroApps.vue b/resources/assets/js/components/MicroApps.vue
index c608b13a6..0d953dd70 100644
--- a/resources/assets/js/components/MicroApps.vue
+++ b/resources/assets/js/components/MicroApps.vue
@@ -3,8 +3,8 @@
         ref="drawer"
         v-model="appConfig.isOpen"
         placement="right"
-        modal-class="micro-app-modal"
-        drawer-class="micro-app-drawer"
+        :modal-class="modalClass"
+        :drawer-class="drawerClass"
         :transitions="transitions"
         :force-fullscreen="appConfig.forceFullscreen"
         :size="1200">
@@ -39,6 +39,18 @@
     }
 }
 
+.micro-app-transparent {
+    .ivu-modal,
+    .ivu-modal-content {
+        background: transparent;
+    }
+    .overlay-body {
+        .overlay-content {
+            background: transparent;
+        }
+    }
+}
+
 .micro-app-wrapper {
     .micro-app-load {
         position: absolute;
@@ -81,7 +93,7 @@ export default {
     mounted() {
         microApp.start({
             'iframe': true,
-            'router-mode': 'state',     // 路由设置为state模式
+            'router-mode': 'state',
         })
 
         emitter.on('openMicroApp', this.openMicroApp);
@@ -105,8 +117,16 @@ export default {
             'themeName',
         ]),
 
+        modalClass() {
+            return this.appConfig.transparent ? 'micro-app-modal micro-app-transparent' : 'micro-app-modal'
+        },
+
+        drawerClass() {
+            return this.appConfig.transparent ? 'micro-app-drawer micro-app-transparent' : 'micro-app-drawer'
+        },
+
         transitions() {
-            return this.appConfig.forceFullscreen ? ['', ''] : []
+            return this.appConfig.transparent ? ['', ''] : []
         },
 
         appData() {
@@ -216,7 +236,9 @@ export default {
                 appName: 'micro-app',       // 微应用唯一标识名称
                 appUrl: null,               // 微应用的入口URL地址
                 initialData: {},            // 初始化时传递给微应用的数据对象
+
                 forceFullscreen: false,     // 是否强制全屏(true/false)，默认自动适应
+                transparent: false,         // 是否透明(true/false)，默认不透明
                 keepAlive: true,            // 是否开启微应用保活(true/false)，默认开启
 
                 isLoading: true,            // 私有参数，是否显示加载状态(true/false)
diff --git a/resources/assets/js/store/actions.js b/resources/assets/js/store/actions.js
index b756e2fd9..bdd922065 100644
--- a/resources/assets/js/store/actions.js
+++ b/resources/assets/js/store/actions.js
@@ -4678,6 +4678,7 @@ export default {
                     id: value,
                 },
                 forceFullscreen: true,
+                transparent: true,
             });
         } else {
             // 打开列表、统计