From 2123e86991b19f3288deaad8583ac9ddaa3e4e6b Mon Sep 17 00:00:00 2001
From: yuyang <uyarnchen@gmail.com>
Date: Thu, 13 Apr 2023 15:33:03 +0800
Subject: [PATCH] feat: support keep-alive meta config (#470)

* feat: support keepalive meta config

* chore: remove console
---
 mock/index.ts                      |  1 +
 src/api/model/permissionModel.ts   |  3 +++
 src/layouts/components/Content.vue | 11 +++++++++--
 3 files changed, 13 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..4d4780c 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,13 @@ 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
+      return route.isAlive && isRouteKeepAlive;
+    })
+    .map((route) => route.name);
 }) as ComputedRef<string[]>;
 
 const isRefreshing = computed(() => {