From e8509fddc32baddcb50e6f7989af1881bcbc1404 Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Thu, 13 Apr 2023 11:11:16 +0800
Subject: [PATCH] feat: support keepalive meta config

---
 mock/index.ts                      |  1 +
 src/api/model/permissionModel.ts   |  3 +++
 src/layouts/components/Content.vue | 12 ++++++++++--
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/mock/index.ts b/mock/index.ts
index 048fea0..171c80d 100644
--- a/mock/index.ts
+++ b/mock/index.ts
@@ -221,6 +221,7 @@ export default [
                   component: '/form/step/index',
                   meta: {
                     title: '分步表单页',
+                    keepAlive: false,
                   },
                 },
               ],
diff --git a/src/api/model/permissionModel.ts b/src/api/model/permissionModel.ts
index b16986f..2c6ed58 100644
--- a/src/api/model/permissionModel.ts
+++ b/src/api/model/permissionModel.ts
@@ -26,4 +26,7 @@ export interface RouteMeta {
   hidden?: boolean;
   hiddenBreadcrumb?: boolean;
   single?: boolean;
+  keepAlive?: boolean;
+  frameSrc?: string;
+  frameBlank?: boolean;
 }
diff --git a/src/layouts/components/Content.vue b/src/layouts/components/Content.vue
index 5d96ec5..43570f0 100644
--- a/src/layouts/components/Content.vue
+++ b/src/layouts/components/Content.vue
@@ -10,6 +10,8 @@
 </template>
 
 <script setup lang="ts">
+import isBoolean from 'lodash/isBoolean';
+import isUndefined from 'lodash/isUndefined';
 import type { ComputedRef } from 'vue';
 import { computed } from 'vue';
 
@@ -31,8 +33,14 @@ import { useTabsRouterStore } from '@/store';
 const aliveViews = computed(() => {
   const tabsRouterStore = useTabsRouterStore();
   const { tabRouters } = tabsRouterStore;
-
-  return tabRouters.filter((route) => route.isAlive).map((route) => route.name);
+  return tabRouters
+    .filter((route) => {
+      const keepAliveConfig = route.meta?.keepAlive;
+      const isRouteKeepAlive = isUndefined(keepAliveConfig) || (isBoolean(keepAliveConfig) && keepAliveConfig); // 默认开启keepalive
+      console.log(isRouteKeepAlive, 'isRouteKeepAlive');
+      return route.isAlive && isRouteKeepAlive;
+    })
+    .map((route) => route.name);
 }) as ComputedRef<string[]>;
 
 const isRefreshing = computed(() => {