From fe5522dc2d72c9799ae3eaad7e7e53a96ecf0d69 Mon Sep 17 00:00:00 2001
From: Jason <5340635+wen-jason@user.noreply.gitee.com>
Date: Tue, 20 Sep 2022 10:58:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=9A=E6=A0=87=E7=AD=BEtabs=20=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/package.json                            |  1 +
 admin/src/hooks/useMultipleTabs.ts            | 47 +++++++++++++
 .../components/header/multiple-tabs.vue       | 35 ++++------
 admin/src/layout/default/components/main.vue  |  9 ++-
 .../default/components/setting/drawer.vue     |  1 -
 admin/src/stores/modules/multipleTabs.ts      | 68 ++++++++++++++-----
 admin/src/stores/modules/user.ts              | 11 +--
 admin/src/utils/auth.ts                       |  4 +-
 admin/src/views/article/column/index.vue      |  2 +-
 admin/src/views/article/lists/edit.vue        |  9 ++-
 admin/src/views/article/lists/index.vue       |  6 +-
 admin/src/views/channel/h5.vue                |  2 +-
 admin/src/views/channel/weapp.vue             |  2 +-
 admin/src/views/channel/wx_dev.vue            |  2 +-
 admin/src/views/channel/wx_oa/config.vue      |  2 +-
 admin/src/views/channel/wx_oa/menu.vue        |  2 +-
 admin/src/views/consumer/lists/detail.vue     |  2 +-
 admin/src/views/consumer/lists/index.vue      |  5 +-
 admin/src/views/decoration/pages/index.vue    |  2 +-
 admin/src/views/decoration/tabbar.vue         |  2 +-
 admin/src/views/dev_tools/code/edit.vue       |  6 +-
 admin/src/views/dev_tools/code/index.vue      |  6 +-
 admin/src/views/material/index.vue            |  2 +-
 admin/src/views/message/notice/edit.vue       |  6 +-
 admin/src/views/message/notice/index.vue      |  6 +-
 .../src/views/message/short_letter/index.vue  |  2 +-
 .../views/organization/department/index.vue   |  2 +-
 admin/src/views/organization/post/index.vue   |  2 +-
 admin/src/views/permission/admin/index.vue    |  2 +-
 admin/src/views/permission/menu/edit.vue      | 30 ++++----
 admin/src/views/permission/menu/index.vue     |  2 +-
 admin/src/views/permission/role/index.vue     |  2 +-
 admin/src/views/setting/dict/data/index.vue   |  2 +-
 admin/src/views/setting/dict/type/index.vue   |  2 +-
 admin/src/views/setting/search/index.vue      |  2 +-
 admin/src/views/setting/storage/index.vue     |  2 +-
 admin/src/views/setting/system/cache.vue      |  2 +-
 .../src/views/setting/system/environment.vue  |  2 +-
 admin/src/views/setting/system/journal.vue    |  2 +-
 .../src/views/setting/user/login_register.vue |  2 +-
 admin/src/views/setting/user/setup.vue        |  2 +-
 admin/src/views/setting/website/filing.vue    |  2 +-
 .../src/views/setting/website/information.vue |  2 +-
 admin/src/views/setting/website/protocol.vue  |  2 +-
 admin/src/views/user/setting.vue              |  2 +-
 admin/src/views/workbench/index.vue           |  2 +-
 admin/typings/router.d.ts                     |  1 +
 admin/vite.config.ts                          |  5 +-
 admin/yarn.lock                               | 66 ++++++++++++++++++
 49 files changed, 273 insertions(+), 109 deletions(-)
 create mode 100644 admin/src/hooks/useMultipleTabs.ts

diff --git a/admin/package.json b/admin/package.json
index a6681cf9..25c05ad8 100644
--- a/admin/package.json
+++ b/admin/package.json
@@ -55,6 +55,7 @@
     "vite": "^3.0.0",
     "vite-plugin-style-import": "^2.0.0",
     "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-vue-setup-extend": "^0.4.0",
     "vue-tsc": "^0.38.1"
   }
 }
diff --git a/admin/src/hooks/useMultipleTabs.ts b/admin/src/hooks/useMultipleTabs.ts
new file mode 100644
index 00000000..02e1e435
--- /dev/null
+++ b/admin/src/hooks/useMultipleTabs.ts
@@ -0,0 +1,47 @@
+import useTabsStore from '@/stores/modules/multipleTabs'
+import useSettingStore from '@/stores/modules/setting'
+
+export default function useMultipleTabs() {
+    const router = useRouter()
+    const route = useRoute()
+    const tabsStore = useTabsStore()
+    const settingStore = useSettingStore()
+
+    const tabsLists = computed(() => {
+        return tabsStore.getTabList
+    })
+
+    const currentTab = computed(() => {
+        return route.fullPath
+    })
+
+    const addTab = () => {
+        if (!settingStore.openMultipleTabs) return
+        tabsStore.addTab(router)
+    }
+
+    const removeTab = (fullPath?: any) => {
+        if (!settingStore.openMultipleTabs) return
+        fullPath = fullPath ?? route.fullPath
+        tabsStore.removeTab(fullPath, router)
+    }
+
+    const removeOtherTab = () => {
+        if (!settingStore.openMultipleTabs) return
+        tabsStore.removeOtherTab(route)
+    }
+
+    const removeAllTab = () => {
+        if (!settingStore.openMultipleTabs) return
+        tabsStore.removeAllTab(router)
+    }
+
+    return {
+        tabsLists,
+        currentTab,
+        addTab,
+        removeTab,
+        removeOtherTab,
+        removeAllTab
+    }
+}
diff --git a/admin/src/layout/default/components/header/multiple-tabs.vue b/admin/src/layout/default/components/header/multiple-tabs.vue
index 2b6fb41b..16a5d48f 100644
--- a/admin/src/layout/default/components/header/multiple-tabs.vue
+++ b/admin/src/layout/default/components/header/multiple-tabs.vue
@@ -3,12 +3,12 @@
         <div class="flex-1 min-w-0">
             <el-tabs
                 :model-value="currentTab"
-                :closable="tabsState.length > 1"
+                :closable="tabsLists.length > 1"
                 @tab-change="handleChange"
-                @tab-remove="handleRemove"
+                @tab-remove="removeTab($event)"
             >
-                <template v-for="item in tabsState" :key="item.path">
-                    <el-tab-pane :label="item.title" :name="item.path"></el-tab-pane>
+                <template v-for="item in tabsLists" :key="item.fullPath">
+                    <el-tab-pane :label="item.title" :name="item.fullPath"></el-tab-pane>
                 </template>
             </el-tabs>
         </div>
@@ -28,40 +28,31 @@
 </template>
 
 <script setup lang="ts">
+import useMultipleTabs from '@/hooks/useMultipleTabs'
 import { useWatchRoute } from '@/hooks/useWatchRoute'
 import useTabsStore, { getRouteParams } from '@/stores/modules/multipleTabs'
 const router = useRouter()
 const tabsStore = useTabsStore()
-const { route } = useWatchRoute((route) => {
-    tabsStore.addTab(route, router)
+const { removeOtherTab, addTab, removeAllTab, removeTab, tabsLists, currentTab } = useMultipleTabs()
+useWatchRoute(() => {
+    addTab()
 })
 
-const currentTab = computed(() => {
-    return route.path
-})
-
-const tabsState = computed(() => {
-    return tabsStore.getTabList
-})
-
-const handleChange = (path: any) => {
-    const tabItem = tabsStore.tasMap[path]
+const handleChange = (fullPath: any) => {
+    const tabItem = tabsStore.tasMap[fullPath]
     router.push(getRouteParams(tabItem))
 }
 
-const handleRemove = (path: any) => {
-    tabsStore.removeTab(path, router)
-}
 const handleCommand = (command: any) => {
     switch (command) {
         case 'closeCurrent':
-            handleRemove(route.path)
+            removeTab()
             break
         case 'closeOther':
-            tabsStore.removeOtherTab(route.path)
+            removeOtherTab()
             break
         case 'closeAll':
-            tabsStore.removeAllTab(router)
+            removeAllTab()
             break
     }
 }
diff --git a/admin/src/layout/default/components/main.vue b/admin/src/layout/default/components/main.vue
index 4058c14c..b5386b3b 100644
--- a/admin/src/layout/default/components/main.vue
+++ b/admin/src/layout/default/components/main.vue
@@ -3,7 +3,9 @@
         <el-scrollbar>
             <div class="p-4">
                 <router-view v-if="isRouteShow" v-slot="{ Component, route }">
-                    <component :is="Component" :key="route.fullPath" />
+                    <keep-alive :include="includeList" :max="20">
+                        <component :is="Component" :key="route.fullPath" />
+                    </keep-alive>
                 </router-view>
             </div>
         </el-scrollbar>
@@ -12,8 +14,13 @@
 
 <script setup lang="ts">
 import useAppStore from '@/stores/modules/app'
+import useTabsStore from '@/stores/modules/multipleTabs'
+import useSettingStore from '@/stores/modules/setting'
 const appStore = useAppStore()
+const tabsStore = useTabsStore()
+const settingStore = useSettingStore()
 const isRouteShow = computed(() => appStore.isRouteShow)
+const includeList = computed(() => (settingStore.openMultipleTabs ? tabsStore.getCacheTabList : []))
 </script>
 
 <style></style>
diff --git a/admin/src/layout/default/components/setting/drawer.vue b/admin/src/layout/default/components/setting/drawer.vue
index 19bcc60c..020f6159 100644
--- a/admin/src/layout/default/components/setting/drawer.vue
+++ b/admin/src/layout/default/components/setting/drawer.vue
@@ -65,7 +65,6 @@ import theme_light from '@/assets/images/theme_white.png'
 import theme_dark from '@/assets/images/theme_black.png'
 
 const settingStore = useSettingStore()
-
 const predefineColors = ref(['#409EFF', '#28C76F', '#EA5455', '#FF9F43', '#01CFE8', '#4A5DFF'])
 const sideThemeList = [
     {
diff --git a/admin/src/stores/modules/multipleTabs.ts b/admin/src/stores/modules/multipleTabs.ts
index d063546a..b14e3664 100644
--- a/admin/src/stores/modules/multipleTabs.ts
+++ b/admin/src/stores/modules/multipleTabs.ts
@@ -11,6 +11,7 @@ import { PageEnum } from '@/enums/pageEnum'
 
 interface TabItem {
     name: RouteRecordName
+    fullPath: string
     path: string
     title?: string
     query?: LocationQuery
@@ -24,8 +25,8 @@ interface TabsSate {
     indexRouteName: RouteRecordName
 }
 
-const getHasTabIndex = (path: string, tabList: TabItem[]) => {
-    return tabList.findIndex((item) => item.path == path)
+const getHasTabIndex = (fullPath: string, tabList: TabItem[]) => {
+    return tabList.findIndex((item) => item.fullPath == fullPath)
 }
 
 const isCannotAddRoute = (route: RouteLocationNormalized, router: Router) => {
@@ -39,8 +40,12 @@ const isCannotAddRoute = (route: RouteLocationNormalized, router: Router) => {
     return false
 }
 
-const findTabsIndex = (path: string, tabList: TabItem[]) => {
-    return tabList.findIndex((item) => item.path === path)
+const findTabsIndex = (fullPath: string, tabList: TabItem[]) => {
+    return tabList.findIndex((item) => item.fullPath === fullPath)
+}
+
+const getComponentName = (route: RouteLocationNormalized) => {
+    return route.matched.at(-1)?.components?.default?.name
 }
 
 export const getRouteParams = (tabItem: TabItem) => {
@@ -63,45 +68,67 @@ const useTabsStore = defineStore({
     getters: {
         getTabList(): TabItem[] {
             return this.tabList
+        },
+        getCacheTabList(): string[] {
+            return Array.from(this.cacheTabList)
         }
     },
     actions: {
         setRouteName(name: RouteRecordName) {
             this.indexRouteName = name
         },
+        addCache(componentName?: string) {
+            if (componentName) this.cacheTabList.add(componentName)
+        },
+        removeCache(componentName?: string) {
+            if (componentName && this.cacheTabList.has(componentName)) {
+                this.cacheTabList.delete(componentName)
+            }
+            console.log(this.cacheTabList)
+        },
+        clearCache() {
+            this.cacheTabList.clear()
+        },
         resetState() {
             this.cacheTabList = new Set()
             this.tabList = []
             this.tasMap = {}
             this.indexRouteName = ''
         },
-        addTab(route: RouteLocationNormalized, router: Router) {
-            const { name, path, query, meta, params } = route
+        addTab(router: Router) {
+            const route = unref(router.currentRoute)
+            const { name, query, meta, params, fullPath, path } = route
             if (isCannotAddRoute(route, router)) return
-            const hasTabIndex = getHasTabIndex(path!, this.tabList)
-
+            const hasTabIndex = getHasTabIndex(fullPath!, this.tabList)
+            const componentName = getComponentName(route)
             const tabItem = {
                 name: name!,
                 path,
+                fullPath,
                 title: meta?.title,
                 query,
                 params
             }
-            this.tasMap[path] = tabItem
+            this.tasMap[fullPath] = tabItem
+            if (meta?.keepAlive) {
+                this.addCache(componentName)
+            }
             if (hasTabIndex != -1) {
-                this.tabList.splice(hasTabIndex, 1, tabItem)
                 return
             }
+
             this.tabList.push(tabItem)
         },
-        removeTab(path: string, router: Router) {
+        removeTab(fullPath: string, router: Router) {
             const { currentRoute, push } = router
-            const index = findTabsIndex(path, this.tabList)
+            const index = findTabsIndex(fullPath, this.tabList)
             // 移除tab
             if (this.tabList.length > 1) {
                 index !== -1 && this.tabList.splice(index, 1)
             }
-            if (path !== currentRoute.value.path) {
+            const componentName = getComponentName(currentRoute.value)
+            this.removeCache(componentName)
+            if (fullPath !== currentRoute.value.fullPath) {
                 return
             }
             // 删除选中的tab
@@ -116,17 +143,24 @@ const useTabsStore = defineStore({
             const toRoute = getRouteParams(toTab)
             push(toRoute)
         },
-        removeOtherTab(path: string) {
-            this.tabList = this.tabList.filter((item) => item.path == path)
+        removeOtherTab(route: RouteLocationNormalized) {
+            this.tabList = this.tabList.filter((item) => item.fullPath == route.fullPath)
+            const componentName = getComponentName(route)
+            this.cacheTabList.forEach((name) => {
+                if (componentName !== name) {
+                    this.removeCache(name)
+                }
+            })
         },
         removeAllTab(router: Router) {
             const { push, currentRoute } = router
-            const { path, name } = unref(currentRoute)
+            const { name } = unref(currentRoute)
             if (name == this.indexRouteName) {
-                this.removeOtherTab(path)
+                this.removeOtherTab(currentRoute.value)
                 return
             }
             this.tabList = []
+            this.clearCache()
             push(PageEnum.INDEX)
         }
     }
diff --git a/admin/src/stores/modules/user.ts b/admin/src/stores/modules/user.ts
index f84da3f6..8ac6a42a 100644
--- a/admin/src/stores/modules/user.ts
+++ b/admin/src/stores/modules/user.ts
@@ -28,12 +28,6 @@ const useUserStore = defineStore({
     }),
     getters: {},
     actions: {
-        resetState() {
-            this.token = ''
-            this.userInfo = {}
-            this.perms = []
-            this.menu = []
-        },
         login(playload: any) {
             const { account, password } = playload
             return new Promise((resolve, reject) => {
@@ -54,8 +48,9 @@ const useUserStore = defineStore({
         logout() {
             return new Promise((resolve, reject) => {
                 logout()
-                    .then((data) => {
-                        router.push(PageEnum.LOGIN)
+                    .then(async (data) => {
+                        this.token = ''
+                        await router.push(PageEnum.LOGIN)
                         clearAuthInfo()
                         resolve(data)
                     })
diff --git a/admin/src/utils/auth.ts b/admin/src/utils/auth.ts
index abc6f922..cbcc5194 100644
--- a/admin/src/utils/auth.ts
+++ b/admin/src/utils/auth.ts
@@ -11,8 +11,8 @@ export function getToken() {
 export function clearAuthInfo() {
     const userStore = useUserStore()
     const tabsStore = useTabsStore()
-    userStore.resetState()
-    tabsStore.resetState()
+    userStore.$reset()
+    tabsStore.$reset()
     cache.remove(TOKEN_KEY)
     resetRouter()
 }
diff --git a/admin/src/views/article/column/index.vue b/admin/src/views/article/column/index.vue
index e7d5cf0b..4346878e 100644
--- a/admin/src/views/article/column/index.vue
+++ b/admin/src/views/article/column/index.vue
@@ -65,7 +65,7 @@
         <edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="articleColumn">
 import { articleCateDelete, articleCateLists, articleCateStatus } from '@/api/article'
 import { usePaging } from '@/hooks/usePaging'
 import feedback from '@/utils/feedback'
diff --git a/admin/src/views/article/lists/edit.vue b/admin/src/views/article/lists/edit.vue
index 8298cda0..716c22a9 100644
--- a/admin/src/views/article/lists/edit.vue
+++ b/admin/src/views/article/lists/edit.vue
@@ -19,8 +19,8 @@
                                     v-model="formData.title"
                                     placeholder="请输入文章标题"
                                     type="textarea"
-                                    :autosize="{ minRows: 3, maxRows: 6 }"
-                                    maxlength="200"
+                                    :autosize="{ minRows: 3, maxRows: 3 }"
+                                    maxlength="64"
                                     show-word-limit
                                     clearable
                                 />
@@ -111,11 +111,12 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="articleListsEdit">
 import type { FormInstance } from 'element-plus'
 import feedback from '@/utils/feedback'
 import { useDictOptions } from '@/hooks/useDictOptions'
 import { articleCateAll, articleDetail, articleEdit, articleAdd } from '@/api/article'
+import useMultipleTabs from '@/hooks/useMultipleTabs'
 
 const route = useRoute()
 const router = useRouter()
@@ -133,6 +134,7 @@ const formData = reactive({
     summary: ''
 })
 
+const { removeTab } = useMultipleTabs()
 const formRef = shallowRef<FormInstance>()
 const rules = reactive({
     title: [{ required: true, message: '请输入文章标题', trigger: 'blur' }],
@@ -165,6 +167,7 @@ const handleSave = async () => {
         await articleAdd(formData)
     }
     feedback.msgSuccess('操作成功')
+    removeTab()
     router.back()
 }
 
diff --git a/admin/src/views/article/lists/index.vue b/admin/src/views/article/lists/index.vue
index f3a74867..1e8b4ce2 100644
--- a/admin/src/views/article/lists/index.vue
+++ b/admin/src/views/article/lists/index.vue
@@ -117,7 +117,7 @@
         </el-card>
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="articleLists">
 import { articleLists, articleDelete, articleStatus, articleCateAll } from '@/api/article'
 import { useDictOptions } from '@/hooks/useDictOptions'
 import { usePaging } from '@/hooks/usePaging'
@@ -159,5 +159,9 @@ const handleDelete = async (id: number) => {
     getLists()
 }
 
+onActivated(() => {
+    getLists()
+})
+
 getLists()
 </script>
diff --git a/admin/src/views/channel/h5.vue b/admin/src/views/channel/h5.vue
index 5c75fc3d..c884fea2 100644
--- a/admin/src/views/channel/h5.vue
+++ b/admin/src/views/channel/h5.vue
@@ -32,7 +32,7 @@
         </footer-btns>
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="h5Config">
 import { getH5Config, setH5Config } from '@/api/channel/h5'
 import feedback from '@/utils/feedback'
 
diff --git a/admin/src/views/channel/weapp.vue b/admin/src/views/channel/weapp.vue
index 54508576..cabfad82 100644
--- a/admin/src/views/channel/weapp.vue
+++ b/admin/src/views/channel/weapp.vue
@@ -140,7 +140,7 @@
         </footer-btns>
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="weappConfig">
 import { getWeappConfig, setWeappConfig } from '@/api/channel/weapp'
 import feedback from '@/utils/feedback'
 
diff --git a/admin/src/views/channel/wx_dev.vue b/admin/src/views/channel/wx_dev.vue
index 9a5e7f8c..d7c31e65 100644
--- a/admin/src/views/channel/wx_dev.vue
+++ b/admin/src/views/channel/wx_dev.vue
@@ -35,7 +35,7 @@
         </footer-btns>
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="wxDevConfig">
 import { getWxDevConfig, setWxDevConfig } from '@/api/channel/wx_dev'
 import feedback from '@/utils/feedback'
 
diff --git a/admin/src/views/channel/wx_oa/config.vue b/admin/src/views/channel/wx_oa/config.vue
index 59b680ed..35478384 100644
--- a/admin/src/views/channel/wx_oa/config.vue
+++ b/admin/src/views/channel/wx_oa/config.vue
@@ -156,7 +156,7 @@
         </footer-btns>
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="wxOaConfig">
 import { getOaConfig, setOaConfig } from '@/api/channel/wx_oa'
 import feedback from '@/utils/feedback'
 import { useClipboard } from '@vueuse/core'
diff --git a/admin/src/views/channel/wx_oa/menu.vue b/admin/src/views/channel/wx_oa/menu.vue
index e541431a..1a0e184e 100644
--- a/admin/src/views/channel/wx_oa/menu.vue
+++ b/admin/src/views/channel/wx_oa/menu.vue
@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<script setup lang="ts" name="wxOaMenu">
 import OaPhone from './menu_com/oa-phone.vue'
 import OaAttr from './menu_com/oa-attr.vue'
 import { useMenuOa } from './menu_com/useMenuOa'
diff --git a/admin/src/views/consumer/lists/detail.vue b/admin/src/views/consumer/lists/detail.vue
index b89d7b74..e07bafe3 100644
--- a/admin/src/views/consumer/lists/detail.vue
+++ b/admin/src/views/consumer/lists/detail.vue
@@ -75,7 +75,7 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="consumerDetail">
 import type { FormInstance } from 'element-plus'
 import { getUserDetail, userEdit } from '@/api/consumer'
 import feedback from '@/utils/feedback'
diff --git a/admin/src/views/consumer/lists/index.vue b/admin/src/views/consumer/lists/index.vue
index 4ef6f117..f3b178e0 100644
--- a/admin/src/views/consumer/lists/index.vue
+++ b/admin/src/views/consumer/lists/index.vue
@@ -70,7 +70,7 @@
         </el-card>
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="consumerLists">
 import { usePaging } from '@/hooks/usePaging'
 import { getRoutePath } from '@/router'
 import { getUserList } from '@/api/consumer'
@@ -86,6 +86,9 @@ const { pager, getLists, resetPage, resetParams } = usePaging({
     fetchFun: getUserList,
     params: queryParams
 })
+onActivated(() => {
+    getLists()
+})
 
 getLists()
 </script>
diff --git a/admin/src/views/decoration/pages/index.vue b/admin/src/views/decoration/pages/index.vue
index 20057e44..4de9db57 100644
--- a/admin/src/views/decoration/pages/index.vue
+++ b/admin/src/views/decoration/pages/index.vue
@@ -12,7 +12,7 @@
         </footer-btns>
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="decorationPages">
 import Menu from '../component/pages/menu.vue'
 import Preview from '../component/pages/preview.vue'
 import AttrSetting from '../component/pages/attr-setting.vue'
diff --git a/admin/src/views/decoration/tabbar.vue b/admin/src/views/decoration/tabbar.vue
index 98fccb8c..c1396957 100644
--- a/admin/src/views/decoration/tabbar.vue
+++ b/admin/src/views/decoration/tabbar.vue
@@ -132,7 +132,7 @@
         </footer-btns>
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="decorationTabbar">
 import { getDecorateTabbar, setDecorateTabbar } from '@/api/decoration'
 import feedback from '@/utils/feedback'
 import Draggable from 'vuedraggable'
diff --git a/admin/src/views/dev_tools/code/edit.vue b/admin/src/views/dev_tools/code/edit.vue
index 7a8ed2c4..582a2256 100644
--- a/admin/src/views/dev_tools/code/edit.vue
+++ b/admin/src/views/dev_tools/code/edit.vue
@@ -274,14 +274,14 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="tableEdit">
 import { generateEdit, tableDetail } from '@/api/tools/code'
 import { dictTypeAll } from '@/api/setting/dict'
 import type { FormInstance } from 'element-plus'
 import feedback from '@/utils/feedback'
 import { menuLists } from '@/api/perms/menu'
 import { useDictOptions } from '@/hooks/useDictOptions'
-
+import useMultipleTabs from '@/hooks/useMultipleTabs'
 enum GenTpl {
     CRUD = 'crud',
     TREE = 'tree'
@@ -294,6 +294,7 @@ enum GenType {
 
 const route = useRoute()
 const router = useRouter()
+const { removeTab } = useMultipleTabs()
 const activeName = ref('column')
 const formData = reactive({
     base: {
@@ -365,6 +366,7 @@ const handleSave = async () => {
         const { base, column, gen } = formData
         await generateEdit({ ...base, ...gen, column })
         feedback.msgSuccess('操作成功')
+        removeTab()
         router.back()
     } catch (error: any) {
         for (const err in error) {
diff --git a/admin/src/views/dev_tools/code/index.vue b/admin/src/views/dev_tools/code/index.vue
index 0b3acd90..7f039ef8 100644
--- a/admin/src/views/dev_tools/code/index.vue
+++ b/admin/src/views/dev_tools/code/index.vue
@@ -138,7 +138,7 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="codeGenerate">
 import {
     generateTable,
     syncColumn,
@@ -228,5 +228,9 @@ const handleCommand = (command: any, row: any) => {
     }
 }
 
+onActivated(() => {
+    getLists()
+})
+
 getLists()
 </script>
diff --git a/admin/src/views/material/index.vue b/admin/src/views/material/index.vue
index 975a338b..3d7f8d11 100644
--- a/admin/src/views/material/index.vue
+++ b/admin/src/views/material/index.vue
@@ -23,7 +23,7 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="materialCenter">
 const tabsMap = [
     {
         type: 'image',
diff --git a/admin/src/views/message/notice/edit.vue b/admin/src/views/message/notice/edit.vue
index f7d63f76..a88d55aa 100644
--- a/admin/src/views/message/notice/edit.vue
+++ b/admin/src/views/message/notice/edit.vue
@@ -58,10 +58,11 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="noticeEdit">
 import type { FormInstance } from 'element-plus'
 import feedback from '@/utils/feedback'
 import { noticeDetail, setNoticeConfig } from '@/api/message'
+import useMultipleTabs from '@/hooks/useMultipleTabs'
 
 const route = useRoute()
 const router = useRouter()
@@ -95,7 +96,7 @@ const rules = {
         }
     ]
 }
-
+const { removeTab } = useMultipleTabs()
 const formRef = shallowRef<FormInstance>()
 
 const getDetails = async () => {
@@ -114,6 +115,7 @@ const handleSave = async () => {
     await formRef.value?.validate()
     await setNoticeConfig(formData)
     feedback.msgSuccess('操作成功')
+    removeTab()
     router.back()
 }
 
diff --git a/admin/src/views/message/notice/index.vue b/admin/src/views/message/notice/index.vue
index 8f90fb2a..672ba03e 100644
--- a/admin/src/views/message/notice/index.vue
+++ b/admin/src/views/message/notice/index.vue
@@ -47,7 +47,7 @@
         </el-card>
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="notice">
 import { noticeLists } from '@/api/message'
 import { getRoutePath } from '@/router'
 
@@ -87,5 +87,9 @@ const getLists = async () => {
     }
 }
 
+onActivated(() => {
+    getLists()
+})
+
 getLists()
 </script>
diff --git a/admin/src/views/message/short_letter/index.vue b/admin/src/views/message/short_letter/index.vue
index 8d890365..02726701 100644
--- a/admin/src/views/message/short_letter/index.vue
+++ b/admin/src/views/message/short_letter/index.vue
@@ -26,7 +26,7 @@
         <edit-popup ref="editRef" @success="getLists" />
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="shortLetter">
 import { smsLists } from '@/api/message'
 import EditPopup from './edit.vue'
 const editRef = shallowRef<InstanceType<typeof EditPopup>>()
diff --git a/admin/src/views/organization/department/index.vue b/admin/src/views/organization/department/index.vue
index c4293650..67af4ea3 100644
--- a/admin/src/views/organization/department/index.vue
+++ b/admin/src/views/organization/department/index.vue
@@ -91,7 +91,7 @@
         <edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="department">
 import type { ElTable, FormInstance } from 'element-plus'
 import EditPopup from './edit.vue'
 import { deptDelete, deptLists } from '@/api/org/department'
diff --git a/admin/src/views/organization/post/index.vue b/admin/src/views/organization/post/index.vue
index 81dde6a7..6ddc50e0 100644
--- a/admin/src/views/organization/post/index.vue
+++ b/admin/src/views/organization/post/index.vue
@@ -86,7 +86,7 @@
         <edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="post">
 import { postDelete, postLists } from '@/api/org/post'
 import { usePaging } from '@/hooks/usePaging'
 import feedback from '@/utils/feedback'
diff --git a/admin/src/views/permission/admin/index.vue b/admin/src/views/permission/admin/index.vue
index 25cf179b..5695a53f 100644
--- a/admin/src/views/permission/admin/index.vue
+++ b/admin/src/views/permission/admin/index.vue
@@ -100,7 +100,7 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin">
 import { adminLists, adminDelete, adminStatus } from '@/api/perms/admin'
 import { roleAll } from '@/api/perms/role'
 import { useDictOptions } from '@/hooks/useDictOptions'
diff --git a/admin/src/views/permission/menu/edit.vue b/admin/src/views/permission/menu/edit.vue
index a6b51352..2b2305c5 100644
--- a/admin/src/views/permission/menu/edit.vue
+++ b/admin/src/views/permission/menu/edit.vue
@@ -116,20 +116,20 @@
                         </div>
                     </div>
                 </el-form-item>
-                <!-- <el-form-item
-                        v-if="formData.menuType == MenuEnum.MENU"
-                        label="是否缓存"
-                        prop="isCache"
-                        required
-                    >
-                        <div>
-                            <el-radio-group v-model="formData.isCache">
-                                <el-radio :label="1">缓存</el-radio>
-                                <el-radio :label="0">不缓存</el-radio>
-                            </el-radio-group>
-                            <div class="form-tips">选择缓存则会被`keep-alive`缓存</div>
-                        </div>
-                    </el-form-item> -->
+                <el-form-item
+                    v-if="formData.menuType == MenuEnum.MENU"
+                    label="是否缓存"
+                    prop="isCache"
+                    required
+                >
+                    <div>
+                        <el-radio-group v-model="formData.isCache">
+                            <el-radio :label="1">缓存</el-radio>
+                            <el-radio :label="0">不缓存</el-radio>
+                        </el-radio-group>
+                        <div class="form-tips">选择缓存则会被`keep-alive`缓存</div>
+                    </div>
+                </el-form-item>
                 <el-form-item
                     v-if="formData.menuType != MenuEnum.BUTTON"
                     label="是否显示"
@@ -220,7 +220,7 @@ const formData = reactive({
     //路由参数
     params: '',
     //是否缓存 0=否， 1=是
-    isCache: 0,
+    isCache: 1,
     //是否显示 0=否， 1=是
     isShow: 1,
     //是否禁用 0=否， 1=是
diff --git a/admin/src/views/permission/menu/index.vue b/admin/src/views/permission/menu/index.vue
index a3e398d0..d4ec4ff5 100644
--- a/admin/src/views/permission/menu/index.vue
+++ b/admin/src/views/permission/menu/index.vue
@@ -90,7 +90,7 @@
         <edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="menu">
 import { menuDelete, menuLists } from '@/api/perms/menu'
 import type { ElTable } from 'element-plus'
 import { MenuEnum } from '@/enums/appEnums'
diff --git a/admin/src/views/permission/role/index.vue b/admin/src/views/permission/role/index.vue
index b42563f9..e4b517bb 100644
--- a/admin/src/views/permission/role/index.vue
+++ b/admin/src/views/permission/role/index.vue
@@ -63,7 +63,7 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="role">
 import { roleLists, roleDelete } from '@/api/perms/role'
 import { usePaging } from '@/hooks/usePaging'
 import feedback from '@/utils/feedback'
diff --git a/admin/src/views/setting/dict/data/index.vue b/admin/src/views/setting/dict/data/index.vue
index 3df341e5..68713b02 100644
--- a/admin/src/views/setting/dict/data/index.vue
+++ b/admin/src/views/setting/dict/data/index.vue
@@ -104,7 +104,7 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="dictData">
 import { dictDataDelete, dictDataLists, dictTypeAll } from '@/api/setting/dict'
 import { useDictOptions } from '@/hooks/useDictOptions'
 import { usePaging } from '@/hooks/usePaging'
diff --git a/admin/src/views/setting/dict/type/index.vue b/admin/src/views/setting/dict/type/index.vue
index 50c55e07..8c56ad10 100644
--- a/admin/src/views/setting/dict/type/index.vue
+++ b/admin/src/views/setting/dict/type/index.vue
@@ -113,7 +113,7 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="dictType">
 import { dictTypeDelete, dictTypeLists } from '@/api/setting/dict'
 import { usePaging } from '@/hooks/usePaging'
 import { getRoutePath } from '@/router'
diff --git a/admin/src/views/setting/search/index.vue b/admin/src/views/setting/search/index.vue
index e7d0080f..533632b4 100644
--- a/admin/src/views/setting/search/index.vue
+++ b/admin/src/views/setting/search/index.vue
@@ -71,7 +71,7 @@
     </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="search">
 import { getSearch, setSearch } from '@/api/setting/search'
 import type { Search } from '@/api/setting/search'
 import feedback from '@/utils/feedback'
diff --git a/admin/src/views/setting/storage/index.vue b/admin/src/views/setting/storage/index.vue
index df683e45..1112f382 100644
--- a/admin/src/views/setting/storage/index.vue
+++ b/admin/src/views/setting/storage/index.vue
@@ -35,7 +35,7 @@
         <edit-popup ref="editRef" @success="getLists" />
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="storage">
 import { storageLists } from '@/api/setting/storage'
 import EditPopup from './edit.vue'
 const editRef = shallowRef<InstanceType<typeof EditPopup>>()
diff --git a/admin/src/views/setting/system/cache.vue b/admin/src/views/setting/system/cache.vue
index 259cc291..606ab0b0 100644
--- a/admin/src/views/setting/system/cache.vue
+++ b/admin/src/views/setting/system/cache.vue
@@ -136,7 +136,7 @@
     </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="cache">
 import { systemCache } from '@/api/setting/system'
 import vCharts from 'vue-echarts'
 import { reactive } from 'vue'
diff --git a/admin/src/views/setting/system/environment.vue b/admin/src/views/setting/system/environment.vue
index dc404a54..b3a218ed 100644
--- a/admin/src/views/setting/system/environment.vue
+++ b/admin/src/views/setting/system/environment.vue
@@ -113,7 +113,7 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="environment">
 import { systemInfo } from '@/api/setting/system'
 const loading = ref(false)
 const info = ref({
diff --git a/admin/src/views/setting/system/journal.vue b/admin/src/views/setting/system/journal.vue
index 73294c85..3ee8a300 100644
--- a/admin/src/views/setting/system/journal.vue
+++ b/admin/src/views/setting/system/journal.vue
@@ -61,7 +61,7 @@
     </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="journal">
 import { systemLogLists } from '@/api/setting/system'
 import { usePaging } from '@/hooks/usePaging'
 
diff --git a/admin/src/views/setting/user/login_register.vue b/admin/src/views/setting/user/login_register.vue
index 2bfb0682..dd9af38b 100644
--- a/admin/src/views/setting/user/login_register.vue
+++ b/admin/src/views/setting/user/login_register.vue
@@ -98,7 +98,7 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="loginRegister">
 import type { LoginSetup } from '@/api/setting/user'
 import { getLogin, setLogin } from '@/api/setting/user'
 import feedback from '@/utils/feedback'
diff --git a/admin/src/views/setting/user/setup.vue b/admin/src/views/setting/user/setup.vue
index db07e955..0c678551 100644
--- a/admin/src/views/setting/user/setup.vue
+++ b/admin/src/views/setting/user/setup.vue
@@ -25,7 +25,7 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="userSetup">
 import { getUserSetup, setUserSetup } from '@/api/setting/user'
 import feedback from '@/utils/feedback'
 // import type { FormInstance } from 'element-plus'
diff --git a/admin/src/views/setting/website/filing.vue b/admin/src/views/setting/website/filing.vue
index ceadac77..fd963321 100644
--- a/admin/src/views/setting/website/filing.vue
+++ b/admin/src/views/setting/website/filing.vue
@@ -50,7 +50,7 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="webFilling">
 import { getCopyright, setCopyright } from '@/api/setting/website'
 import feedback from '@/utils/feedback'
 // 表单数据
diff --git a/admin/src/views/setting/website/information.vue b/admin/src/views/setting/website/information.vue
index ec8414d2..0502c704 100644
--- a/admin/src/views/setting/website/information.vue
+++ b/admin/src/views/setting/website/information.vue
@@ -59,7 +59,7 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="webInformation">
 import { getWebsite, setWebsite } from '@/api/setting/website'
 import useAppStore from '@/stores/modules/app'
 import feedback from '@/utils/feedback'
diff --git a/admin/src/views/setting/website/protocol.vue b/admin/src/views/setting/website/protocol.vue
index be6e9a0c..4bb9173d 100644
--- a/admin/src/views/setting/website/protocol.vue
+++ b/admin/src/views/setting/website/protocol.vue
@@ -30,7 +30,7 @@
     </footer-btns>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" naem="webProtocol">
 import { getProtocol, setProtocol } from '@/api/setting/website'
 import feedback from '@/utils/feedback'
 
diff --git a/admin/src/views/user/setting.vue b/admin/src/views/user/setting.vue
index 946b3ec9..46c55f45 100644
--- a/admin/src/views/user/setting.vue
+++ b/admin/src/views/user/setting.vue
@@ -65,7 +65,7 @@
     </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="userSetting">
 import { setUserInfo } from '@/api/user'
 import useUserStore from '@/stores/modules/user'
 import feedback from '@/utils/feedback'
diff --git a/admin/src/views/workbench/index.vue b/admin/src/views/workbench/index.vue
index a64824fd..c22efec1 100644
--- a/admin/src/views/workbench/index.vue
+++ b/admin/src/views/workbench/index.vue
@@ -130,7 +130,7 @@
     </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="workbench">
 import { getWorkbench } from '@/api/app'
 import vCharts from 'vue-echarts'
 import menu_admin from './image/menu_admin.png'
diff --git a/admin/typings/router.d.ts b/admin/typings/router.d.ts
index e1a4c1c4..9fae641b 100644
--- a/admin/typings/router.d.ts
+++ b/admin/typings/router.d.ts
@@ -9,5 +9,6 @@ declare module 'vue-router' {
         hidden?: boolean
         activeMenu?: string
         hideTab?: boolean
+        keepAlive?: boolean
     }
 }
diff --git a/admin/vite.config.ts b/admin/vite.config.ts
index 64046f4f..242db130 100644
--- a/admin/vite.config.ts
+++ b/admin/vite.config.ts
@@ -8,7 +8,7 @@ import Components from 'unplugin-vue-components/vite'
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import { createStyleImportPlugin, ElementPlusResolve } from 'vite-plugin-style-import'
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
-
+import vueSetupExtend from 'vite-plugin-vue-setup-extend'
 // https://vitejs.dev/config/
 export default defineConfig({
     // base: '/admin/',
@@ -36,7 +36,8 @@ export default defineConfig({
             // 配置路劲在你的src里的svg存放文件
             iconDirs: [fileURLToPath(new URL('./src/assets/icons', import.meta.url))],
             symbolId: 'local-icon-[dir]-[name]'
-        })
+        }),
+        vueSetupExtend()
     ],
     resolve: {
         alias: {
diff --git a/admin/yarn.lock b/admin/yarn.lock
index 8fd74929..d32c81f4 100644
--- a/admin/yarn.lock
+++ b/admin/yarn.lock
@@ -692,6 +692,16 @@
     estree-walker "^2.0.2"
     source-map "^0.6.1"
 
+"@vue/compiler-core@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.2.39.tgz#0d77e635f4bdb918326669155a2dc977c053943e"
+  integrity sha512-mf/36OWXqWn0wsC40nwRRGheR/qoID+lZXbIuLnr4/AngM0ov8Xvv8GHunC0rKRIkh60bTqydlqTeBo49rlbqw==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/shared" "3.2.39"
+    estree-walker "^2.0.2"
+    source-map "^0.6.1"
+
 "@vue/compiler-dom@3.2.37", "@vue/compiler-dom@^3.2.37":
   version "3.2.37"
   resolved "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz#10d2427a789e7c707c872da9d678c82a0c6582b5"
@@ -700,6 +710,14 @@
     "@vue/compiler-core" "3.2.37"
     "@vue/shared" "3.2.37"
 
+"@vue/compiler-dom@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.2.39.tgz#bd69d35c1a48fe2cea4ab9e96d2a3a735d146fdf"
+  integrity sha512-HMFI25Be1C8vLEEv1hgEO1dWwG9QQ8LTTPmCkblVJY/O3OvWx6r1+zsox5mKPMGvqYEZa6l8j+xgOfUspgo7hw==
+  dependencies:
+    "@vue/compiler-core" "3.2.39"
+    "@vue/shared" "3.2.39"
+
 "@vue/compiler-sfc@3.2.37", "@vue/compiler-sfc@^3.2.37":
   version "3.2.37"
   resolved "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz#3103af3da2f40286edcd85ea495dcb35bc7f5ff4"
@@ -716,6 +734,22 @@
     postcss "^8.1.10"
     source-map "^0.6.1"
 
+"@vue/compiler-sfc@^3.2.29":
+  version "3.2.39"
+  resolved "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.2.39.tgz#8fe29990f672805b7c5a2ecfa5b05e681c862ea2"
+  integrity sha512-fqAQgFs1/BxTUZkd0Vakn3teKUt//J3c420BgnYgEOoVdTwYpBTSXCMJ88GOBCylmUBbtquGPli9tVs7LzsWIA==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/compiler-core" "3.2.39"
+    "@vue/compiler-dom" "3.2.39"
+    "@vue/compiler-ssr" "3.2.39"
+    "@vue/reactivity-transform" "3.2.39"
+    "@vue/shared" "3.2.39"
+    estree-walker "^2.0.2"
+    magic-string "^0.25.7"
+    postcss "^8.1.10"
+    source-map "^0.6.1"
+
 "@vue/compiler-ssr@3.2.37":
   version "3.2.37"
   resolved "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz#4899d19f3a5fafd61524a9d1aee8eb0505313cff"
@@ -724,6 +758,14 @@
     "@vue/compiler-dom" "3.2.37"
     "@vue/shared" "3.2.37"
 
+"@vue/compiler-ssr@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.2.39.tgz#4f3bfb535cb98b764bee45e078700e03ccc60633"
+  integrity sha512-EoGCJ6lincKOZGW+0Ky4WOKsSmqL7hp1ZYgen8M7u/mlvvEQUaO9tKKOy7K43M9U2aA3tPv0TuYYQFrEbK2eFQ==
+  dependencies:
+    "@vue/compiler-dom" "3.2.39"
+    "@vue/shared" "3.2.39"
+
 "@vue/devtools-api@^6.1.4", "@vue/devtools-api@^6.2.1":
   version "6.2.1"
   resolved "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.2.1.tgz#6f2948ff002ec46df01420dfeff91de16c5b4092"
@@ -757,6 +799,17 @@
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
 
+"@vue/reactivity-transform@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.npmmirror.com/@vue/reactivity-transform/-/reactivity-transform-3.2.39.tgz#da6ae6c8fd77791b9ae21976720d116591e1c4aa"
+  integrity sha512-HGuWu864zStiWs9wBC6JYOP1E00UjMdDWIG5W+FpUx28hV3uz9ODOKVNm/vdOy/Pvzg8+OcANxAVC85WFBbl3A==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/compiler-core" "3.2.39"
+    "@vue/shared" "3.2.39"
+    estree-walker "^2.0.2"
+    magic-string "^0.25.7"
+
 "@vue/reactivity@3.2.37", "@vue/reactivity@^3.2.37":
   version "3.2.37"
   resolved "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.2.37.tgz#5bc3847ac58828e2b78526e08219e0a1089f8848"
@@ -794,6 +847,11 @@
   resolved "https://registry.npmmirror.com/@vue/shared/-/shared-3.2.37.tgz#8e6adc3f2759af52f0e85863dfb0b711ecc5c702"
   integrity sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==
 
+"@vue/shared@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.npmmirror.com/@vue/shared/-/shared-3.2.39.tgz#302df167559a1a5156da162d8cc6760cef67f8e3"
+  integrity sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw==
+
 "@vue/tsconfig@^0.1.3":
   version "0.1.3"
   resolved "https://registry.npmmirror.com/@vue/tsconfig/-/tsconfig-0.1.3.tgz#4a61dbd29783d01ddab504276dcf0c2b6988654f"
@@ -4159,6 +4217,14 @@ vite-plugin-svg-icons@^2.0.1:
     svg-baker "1.7.0"
     svgo "^2.8.0"
 
+vite-plugin-vue-setup-extend@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npmmirror.com/vite-plugin-vue-setup-extend/-/vite-plugin-vue-setup-extend-0.4.0.tgz#ebbbe265320039b8c6a3b9fcae3b8d152ecf4a13"
+  integrity sha512-WMbjPCui75fboFoUTHhdbXzu4Y/bJMv5N9QT9a7do3wNMNHHqrk+Tn2jrSJU0LS5fGl/EG+FEDBYVUeWIkDqXQ==
+  dependencies:
+    "@vue/compiler-sfc" "^3.2.29"
+    magic-string "^0.25.7"
+
 vite@^3.0.0:
   version "3.0.8"
   resolved "https://registry.npmmirror.com/vite/-/vite-3.0.8.tgz#aa095ad8e3e5da46d9ec7e878f262678965d6531"