From cbd7809291664b31b077468800518fa327564825 Mon Sep 17 00:00:00 2001
From: Shikong <919411476@qq.com>
Date: Tue, 11 Jul 2023 01:57:44 +0800
Subject: [PATCH] =?UTF-8?q?keepAlive=20=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/wails/frontend/src/App.vue | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/app/wails/frontend/src/App.vue b/app/wails/frontend/src/App.vue
index ad0a62b..280a882 100644
--- a/app/wails/frontend/src/App.vue
+++ b/app/wails/frontend/src/App.vue
@@ -1,19 +1,24 @@
 <template>
     <div class="mx-1">
         <el-config-provider v-bind="globalConfig">
-            <keep-alive>
+
                 <el-tabs v-model="globalTab" @tab-change="tabChange" @tab-remove="tabRemove">
                     <el-tab-pane
                         v-for="item in globalTabs"
                         :key="item.name"
                         :label="item.title"
                         :closable="item.closable"
-                        @close="closeTabPane"
                         :name="item.name">
-                        <router-view />
+                        <router-view v-slot="{ Component }">
+                            <transition>
+                                <component v-if="route.meta.keepAlive != null && route.meta.keepAlive === false" :is="Component" />
+                                <keep-alive v-else>
+                                    <component :is="Component" />
+                                </keep-alive>
+                            </transition>
+                        </router-view>
                     </el-tab-pane>
                 </el-tabs>
-            </keep-alive>
         </el-config-provider>
     </div>
 </template>
@@ -23,16 +28,17 @@ import {computed, onBeforeUnmount, onMounted} from "vue";
 import {createDebugger, destroyDebugger} from "src/utils/debugger/eruda";
 import {useGlobalConfig} from "src/store/globalConfig";
 import {useGlobalTabs} from "src/store/globalTabs";
-import {storeToRefs} from "pinia";
-import {useRouter} from "vue-router";
+import {mapWritableState, storeToRefs} from "pinia";
+import {useRoute, useRouter} from "vue-router";
 
-const globalConfig = computed(()=>useGlobalConfig().$state.ui)
+const globalConfig = computed(mapWritableState(useGlobalConfig,['ui']).ui)
 
 const globalTabsState = useGlobalTabs()
 globalTabsState.$reset()
 
 const {tab:globalTab, tabs:globalTabs} = storeToRefs(globalTabsState)
 const router = useRouter()
+const route = useRoute()
 router.push({
     path: "/"
 })