Fix: 修复全屏失效

Author: T-miracle

package/components/NanoContainer/index.vue

@@ -2,7 +2,7 @@
     <div
         ref="container"
         class="nano-theme absolute"
-        :style="{ ...containerLayout, ...animation }"
+        :style="{ ...containerLayoutStyle, ...animation }"
     >
         <div v-show="!loading" class="relative w-full h-full flex flex-col">
             <NanoHeader ref="header" @dblclick.self="ctl.fullscreen = !ctl.fullscreen"/>
@@ -50,6 +50,15 @@
 
     const containerLayout = ref<LayoutBaseInfo>(layout.containerLayout);
 
+    const containerLayoutStyle = computed(() => {
+        return !ctl.onlyFullscreen && !ctl.fullscreen ? containerLayout.value : {
+            top: 0,
+            left: 0,
+            width: '100vw',
+            height: '100vh'
+        };
+    });
+
     watch(containerLayout, debounce((val) => {
         // console.log('containerLayout changed', val);
         layout.setContainerLayout(val);

package/store/contentLayout.ts

@@ -1,6 +1,5 @@
 import { defineStore } from 'pinia';
 import { merge } from 'lodash-es';
-import { controllerStore } from '@store/controller';
 
 export type LayoutBaseInfo = {
     top?: string | number;
@@ -37,15 +36,7 @@ export const contentLayoutStore = defineStore('contentLayout', {
     }),
     getters: {
         containerLayout: (state): LayoutBaseInfo => {
-            const ctl = controllerStore();
-            return !ctl.onlyFullscreen && !ctl.fullscreen ?
-                merge({}, state.container.default, state.container.changed) :
-                {
-                    top: 0,
-                    left: 0,
-                    width: '100vw',
-                    height: '100vh'
-                };
+            return merge({}, state.container.default, state.container.changed);
         },
         leftSidebarLayout: (state) => {
             return merge({}, state.leftSidebar.default, state.leftSidebar.changed);