feat: add keealive meta config (#242)

Author: uyarn

package.json

@@ -25,7 +25,7 @@
     "nprogress": "^0.2.0",
     "qrcode.vue": "^1.7.0",
     "tdesign-icons-vue": "^0.1.6",
-    "tdesign-vue": "^1.0.1",
+    "tdesign-vue": "^1.3.0",
     "tvision-color": "~1.5.0",
     "typescript": "^4.2.4",
     "vue": "~2.6.14",

src/layouts/components/Content.vue

@@ -7,6 +7,8 @@
 </template>
 <script lang="ts">
 import { mapGetters } from 'vuex';
+import isBoolean from 'lodash/isBoolean';
+import isUndefined from 'lodash/isUndefined';
 
 export default {
   computed: {
@@ -16,7 +18,13 @@ export default {
       isUseTabsRouter: 'setting/isUseTabsRouter',
     }),
     aliveViews() {
-      return this.tabRouterList.filter((route) => route.isAlive).map((route) => route.name);
+      return this.tabRouterList
+        .filter((route) => {
+          const keepAliveConfig = route.meta?.keepAlive;
+          const isRouteKeepAlive = isUndefined(keepAliveConfig) || (isBoolean(keepAliveConfig) && keepAliveConfig); // 默认开启keepalive
+          return route.isAlive && isRouteKeepAlive;
+        })
+        .map((route) => route.name);
     },
   },
 };

src/pages/dashboard/base/index.vue

@@ -1,5 +1,13 @@
 <template>
   <div>
+    <t-back-top
+      container=".tdesign-starter-layout"
+      :visible-height="0"
+      style="position: absolute"
+      :offset="['24px', '80px']"
+    >
+      <t-icon name="backtop" size="20px" />
+    </t-back-top>
     <!-- 顶部 card  -->
     <top-panel class="row-container" />
     <!-- 中部图表  -->

src/store/modules/tab-router.ts

@@ -27,10 +27,6 @@ const state: TTabRouterType = {
   isRefreshing: false,
 };
 
-// 不需要做多标签tabs页缓存的列表 值为每个页面对应的name 如 DashboardDetail
-// const ignoreCacheRoutes = ['DashboardDetail'];
-const ignoreCacheRoutes = [];
-
 const mutations = {
   // 处理刷新
   toggleTabRouterAlive(state: TTabRouterType, routeIdx: number) {
@@ -39,10 +35,9 @@ const mutations = {
   },
   // 处理新增
   appendTabRouterList(state: TTabRouterType, newRoute: TRouterInfo) {
-    const needAlive = !ignoreCacheRoutes.includes(newRoute.name);
     if (!state.tabRouterList.find((route: TRouterInfo) => route.path === newRoute.path))
       // eslint-disable-next-line no-param-reassign
-      state.tabRouterList = state.tabRouterList.concat({ ...newRoute, isAlive: needAlive });
+      state.tabRouterList = state.tabRouterList.concat({ ...newRoute, isAlive: true });
   },
   // 处理关闭当前
   subtractCurrentTabRouter(state: TTabRouterType, newRoute: TRouterInfo) {