no message

resources/assets/js/components/DrawerOverlay/index.vue

@@ -6,7 +6,7 @@
         :mask="!isFullscreen"
         :mask-closable="maskClosable"
         :footer-hide="true"
-        :transition-names="[$A.isAndroid() ? '' : `drawer-slide-${transitionName}`, '']"
+        :transition-names="transitionNames"
         :beforeClose="beforeClose"
         :class-name="className"
         fullscreen>
@@ -15,7 +15,7 @@
         </div>
         <DrawerOverlayView
             v-else
-            :placement="transitionName"
+            :placement="placementName"
             :size="size"
             :minSize="minSize"
             :resize="resize"
@@ -54,6 +54,10 @@ export default {
             type: Boolean,
             default: false
         },
+        transitions: {
+            type: Array,
+            default: () => []
+        },
         size: {
             type: [Number, String],
             default: "100%"
@@ -91,9 +95,15 @@ export default {
         isFullscreen() {
             return this.forceFullscreen || (this.windowWidth < 500 && this.placement != 'bottom')
         },
-        transitionName() {
+        placementName() {
             return this.isFullscreen ? 'bottom' : this.placement
         },
+        transitionNames() {
+            if (this.transitions.length > 0) {
+                return this.transitions
+            }
+            return [$A.isAndroid() ? '' : `drawer-slide-${this.placementName}`, '']
+        },
         className() {
             const array = []
             if (this.isFullscreen) {
@@ -106,7 +116,7 @@ export default {
                 if (this.drawerClass) {
                     array.push(this.drawerClass)
                 }
-                array.push(this.transitionName)
+                array.push(this.placementName)
             }
             return array.join(" ");
         },

resources/assets/js/components/MicroApps.vue

@@ -5,6 +5,7 @@
         placement="right"
         modal-class="micro-app-modal"
         drawer-class="micro-app-drawer"
+        :transitions="transitions"
         :force-fullscreen="appConfig.forceFullscreen"
         :size="1200">
         <div v-if="appConfig.isOpen" class="micro-app-wrapper">
@@ -104,6 +105,10 @@ export default {
             'themeName',
         ]),
 
+        transitions() {
+            return this.appConfig.forceFullscreen ? ['', ''] : []
+        },
+
         appData() {
             const {initialData, appName} = this.appConfig;