From 12c78f96d78508fd1022dbb8249d8e68682535a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com>
Date: Thu, 16 Nov 2023 22:46:28 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20:recycle:=20=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E9=87=8D=E6=9E=84(=E4=B8=B4=E6=97=B6=E6=8F=90=E4=BA=A4)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Former-commit-id: 14e64324f7556c095c38ad289690367cdac0ec56
---
 .env.development                              |    8 +-
 .env.production                               |    4 +-
 .env.staging                                  |    8 -
 .eslintrc.cjs                                 |    1 -
 .vscode/extensions.json                       |    2 +-
 README.md                                     |    4 +-
 package.json                                  |    5 +-
 src/layout/components/Sidebar/Item.vue        |    1 -
 src/layout/components/Sidebar/SidebarItem.vue |   15 +-
 src/layout/components/Sidebar/TopMenu.vue     |    7 -
 src/layout/components/TagsView/ScrollPane.vue |    2 +-
 src/layout/components/TagsView/index.vue      |  226 +--
 src/layout/index.vue                          |   44 +-
 src/settings.ts                               |   60 +-
 src/store/modules/permission.ts               |    4 +-
 src/store/modules/settings.ts                 |   63 +-
 src/store/modules/tagsView.ts                 |   72 +-
 src/types/auto-imports.d.ts                   |   22 +-
 src/types/components.d.ts                     |   16 +-
 src/types/global.d.ts                         |   55 -
 src/views/login/index.vue                     |   11 +-
 src/views/system/dept/index.vue               |    5 +-
 .../system/dict/components/dict-item.vue      |    5 +-
 src/views/system/dict/index.vue               |   10 +-
 src/views/system/menu/index.vue               |    5 +-
 src/views/system/role/index.vue               |    5 +-
 tsconfig.json                                 |    2 +-
 types/auto-imports.d.ts                       | 1589 +++++++++++++++++
 types/components.d.ts                         |  117 ++
 {src/types => types}/env.d.ts                 |    7 +-
 types/global.d.ts                             |  102 ++
 types/router.d.ts                             |   22 +
 {src/types => types}/shims-vue.d.ts           |    0
 vite.config.ts                                |   29 +-
 34 files changed, 2129 insertions(+), 399 deletions(-)
 delete mode 100644 .env.staging
 delete mode 100644 src/types/global.d.ts
 create mode 100644 types/auto-imports.d.ts
 create mode 100644 types/components.d.ts
 rename {src/types => types}/env.d.ts (81%)
 create mode 100644 types/global.d.ts
 create mode 100644 types/router.d.ts
 rename {src/types => types}/shims-vue.d.ts (100%)

diff --git a/.env.development b/.env.development
index 1d34584..daa0fc6 100644
--- a/.env.development
+++ b/.env.development
@@ -3,14 +3,12 @@
 # 变量必须以 VITE_ 为前缀才能暴露给外部读取
 NODE_ENV='development'
 
-VITE_APP_TITLE = 'vue3-element-admin'
 VITE_APP_PORT = 3000
 
 # API请求前缀
 VITE_APP_BASE_API = '/dev-api'
 
 # proxy代理配置
-VITE_APP_TARGET_URL = 'http://vapi.youlai.tech' # 线上接口
-# VITE_APP_TARGET_URL = 'http://localhost:8989' # 本地接口，本地启动后端：https://gitee.com/youlaiorg/youlai-boot
-# VITE_APP_TARGET_URL = 'http://localhost:3000' # 本地Mock
-VITE_APP_TARGET_BASE_API = ''
+VITE_APP_API_URL = 'http://vapi.youlai.tech' # 线上接口
+# VITE_APP_API_URL = 'http://localhost:8989' # 本地接口，本地启动后端：https://gitee.com/youlaiorg/youlai-boot
+# VITE_APP_API_URL = 'http://localhost:3000' # 本地Mock
diff --git a/.env.production b/.env.production
index ad781c0..c8c6931 100644
--- a/.env.production
+++ b/.env.production
@@ -1,11 +1,9 @@
 ## 生产环境
 
-VITE_APP_TITLE = 'vue3-element-admin'
 VITE_APP_PORT = 3000
 
 # API请求前缀
 VITE_APP_BASE_API = '/prod-api'
 
 # proxy代理配置
-VITE_APP_TARGET_URL = "http://vapi.youlai.tech"
-VITE_APP_TARGET_BASE_API = ''
+VITE_APP_API_URL = "http://vapi.youlai.tech"
diff --git a/.env.staging b/.env.staging
deleted file mode 100644
index 7b5894b..0000000
--- a/.env.staging
+++ /dev/null
@@ -1,8 +0,0 @@
-## 模拟环境
-NODE_ENV='staging'
-
-VITE_APP_TITLE = 'vue3-element-admin'
-VITE_APP_PORT = 3000
-
-VITE_APP_TARGET_URL = 'http://localhost:3000';
-VITE_APP_BASE_API = '/prod-api'
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 5c8537e..8ae169a 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -83,7 +83,6 @@ module.exports = {
   ],
   // https://eslint.org/docs/latest/use/configure/language-options#specifying-globals
   globals: {
-    DialogOption: "readonly",
     OptionType: "readonly",
   },
 };
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index a7cea0b..7528cf2 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,3 +1,3 @@
 {
-  "recommendations": ["Vue.volar"]
+  "recommendations": ["Vue.volar", "lokalise.i18n-ally","esbenp.prettier-vscode"]
 }
diff --git a/README.md b/README.md
index f642e93..1ce8018 100644
--- a/README.md
+++ b/README.md
@@ -124,7 +124,7 @@ server {
 
 - **接口切换 Mock**
 
-	v2.5.0 版本支持 Mock , 修改 `.env.development` 的 `VITE_APP_TARGET_URL` 值为 `http://localhost:3000` 即可 。
+	v2.5.0 版本支持 Mock , 修改 `.env.development` 的 `VITE_APP_API_URL` 值为 `http://localhost:3000` 即可 。
 
 - **其他问题**
 
@@ -142,7 +142,7 @@ server {
 
   > 1. 获取基于 `Java 、SpringBoot` 开发的后端 [youlai-boot](https://gitee.com/youlaiorg/youlai-boot.git) 源码 ;
   > 2. 根据后端工程说明文档 [README.md](https://gitee.com/youlaiorg/youlai-boot#%E9%A1%B9%E7%9B%AE%E8%BF%90%E8%A1%8C) 完成本地启动; 
-  > 3. 替换 [.env.development](.env.development) 的代理目标地址 `VITE_APP_TARGET_URL` 的值  `vapi.youlai.tech` 为本地的 `localhost:8989`
+  > 3. 替换 [.env.development](.env.development) 的代理目标地址 `VITE_APP_API_URL` 的值  `vapi.youlai.tech` 为本地的 `localhost:8989`
 
 
 
diff --git a/package.json b/package.json
index 355fd83..ada9be0 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue3-element-admin",
-  "private": true,
   "version": "2.6.7",
+  "private": true,
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "dev": "vite serve --mode development",
@@ -63,7 +63,8 @@
     "vue": "^3.3.8",
     "vue-i18n": "9.2.2",
     "vue-router": "^4.2.5",
-    "xlsx": "^0.18.5"
+    "xlsx": "^0.18.5",
+    "dayjs": "^1.11.10"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.8.1",
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index 9ca788f..6524a0a 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -5,7 +5,6 @@
 </template>
 
 <script setup lang="ts">
-import SvgIcon from "@/components/SvgIcon/index.vue";
 import { translateRouteTitle } from "@/utils/i18n";
 
 defineProps({
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 5d64c7e..fefbae6 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -2,6 +2,7 @@
 import path from "path-browserify";
 import { isExternal } from "@/utils/index";
 import AppLink from "./Link.vue";
+import { RouteRecordRaw } from "vue-router";
 
 import Item from "./Item.vue";
 
@@ -38,15 +39,19 @@ const onlyOneChild = ref(); // 临时变量，唯一子路由
  * @param children 子路由数组
  * @param parent 当前路由
  */
-function hasOneShowingChild(children = [], parent: any) {
+function hasOneShowingChild(
+  children: RouteRecordRaw[] = [],
+  parent: RouteRecordRaw
+) {
   // 子路由集合
-  const showingChildren = children.filter((item: any) => {
-    if (item.meta?.hidden) {
+  const showingChildren = children.filter((route: RouteRecordRaw) => {
+    if (route.meta?.hidden) {
       // 过滤不显示的子路由
       return false;
     } else {
+      route.meta!.hidden = false;
       // 临时变量（多个子路由 onlyOneChild 变量是用不上的）
-      onlyOneChild.value = item;
+      onlyOneChild.value = route;
       return true;
     }
   });
@@ -87,7 +92,7 @@ function resolvePath(routePath: string) {
     <!-- 无子路由 || 目录只有一个子路由并配置始终显示为否(alwaysShow=false) -->
     <template
       v-if="
-        hasOneShowingChild(item.children, item) &&
+        hasOneShowingChild(item.children, item as RouteRecordRaw) &&
         (!onlyOneChild.children || onlyOneChild.noShowingChildren) &&
         !item.meta?.alwaysShow
       "
diff --git a/src/layout/components/Sidebar/TopMenu.vue b/src/layout/components/Sidebar/TopMenu.vue
index 6a18f88..485f83d 100644
--- a/src/layout/components/Sidebar/TopMenu.vue
+++ b/src/layout/components/Sidebar/TopMenu.vue
@@ -61,13 +61,6 @@ onMounted(() => {
           </template>
         </template>
       </el-menu-item>
-      <!-- <sidebar-item
-        v-for="route in topMenu"
-        :key="route.path"
-        :item="route"
-        :base-path="route.path"
-        :is-collapse="false"
-      /> -->
     </el-menu>
   </el-scrollbar>
 </template>
diff --git a/src/layout/components/TagsView/ScrollPane.vue b/src/layout/components/TagsView/ScrollPane.vue
index cc0bb13..7e8cad1 100644
--- a/src/layout/components/TagsView/ScrollPane.vue
+++ b/src/layout/components/TagsView/ScrollPane.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTagsViewStore, TagView } from "@/store/modules/tagsView";
+import { useTagsViewStore } from "@/store/modules/tagsView";
 
 const tagAndTagSpacing = ref(4);
 const { proxy } = getCurrentInstance() as any;
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 51523d0..090e9da 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -1,21 +1,76 @@
+<template>
+  <div class="tags-container">
+    <scroll-pane ref="scrollPaneRef" @scroll="handleScroll">
+      <router-link
+        ref="tagRef"
+        v-for="tag in visitedViews"
+        :key="tag.path"
+        :class="'tags-item ' + (isActive(tag) ? 'active' : '')"
+        :data-path="tag.path"
+        :to="{ path: tag.path, query: tag.query }"
+        @click.middle="!isAffix(tag) ? closeSelectedTag(tag) : ''"
+        @contextmenu.prevent="openTagMenu(tag, $event)"
+      >
+        {{ translateRouteTitle(tag.title) }}
+        <span
+          v-if="!isAffix(tag)"
+          class="tags-item-close"
+          @click.prevent.stop="closeSelectedTag(tag)"
+        >
+          <i-ep-close size="10px" />
+        </span>
+      </router-link>
+    </scroll-pane>
+
+    <!-- tag标签操作菜单 -->
+    <ul
+      v-show="tagMenuVisible"
+      class="tag-menu"
+      :style="{ left: left + 'px', top: top + 'px' }"
+    >
+      <li @click="refreshSelectedTag(selectedTag)">
+        <svg-icon icon-class="refresh" />
+        刷新
+      </li>
+      <li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)">
+        <svg-icon icon-class="close" />
+        关闭
+      </li>
+      <li @click="closeOtherTags">
+        <svg-icon icon-class="close_other" />
+        关闭其它
+      </li>
+      <li v-if="!isFirstView()" @click="closeLeftTags">
+        <svg-icon icon-class="close_left" />
+        关闭左侧
+      </li>
+      <li v-if="!isLastView()" @click="closeRightTags">
+        <svg-icon icon-class="close_right" />
+        关闭右侧
+      </li>
+      <li @click="closeAllTags(selectedTag)">
+        <svg-icon icon-class="close_all" />
+        关闭所有
+      </li>
+    </ul>
+  </div>
+</template>
+
 <script setup lang="ts">
-import { getCurrentInstance, ComponentInternalInstance } from "vue";
 import { storeToRefs } from "pinia";
-
-import path from "path-browserify";
-
-import { useRoute, useRouter } from "vue-router";
+import { useRoute, useRouter, RouteRecordRaw } from "vue-router";
+import { resolve } from "path-browserify";
 
 import { translateRouteTitle } from "@/utils/i18n";
 
 import { usePermissionStore } from "@/store/modules/permission";
-import { useTagsViewStore, TagView } from "@/store/modules/tagsView";
+import { useTagsViewStore } from "@/store/modules/tagsView";
 import { useSettingsStore } from "@/store/modules/settings";
 import { useAppStore } from "@/store/modules/app";
 
 import ScrollPane from "./ScrollPane.vue";
 
-const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { proxy } = getCurrentInstance()!;
 const router = useRouter();
 const route = useRoute();
 
@@ -27,11 +82,19 @@ const { visitedViews } = storeToRefs(tagsViewStore);
 const settingsStore = useSettingsStore();
 const layout = computed(() => settingsStore.layout);
 
-const selectedTag = ref({});
+const selectedTag = ref<TagView>({
+  path: "",
+  fullPath: "",
+  name: "",
+  title: "",
+  affix: false,
+  keepAlive: false,
+});
+
+const affixTags = ref<TagView[]>([]);
 const scrollPaneRef = ref();
 const left = ref(0);
 const top = ref(0);
-const affixTags = ref<TagView[]>([]);
 
 watch(
   route,
@@ -40,8 +103,7 @@ watch(
     moveToCurrentTag();
   },
   {
-    //初始化立即执行
-    immediate: true,
+    immediate: true, //初始化立即执行
   }
 );
 
@@ -54,27 +116,31 @@ watch(tagMenuVisible, (value) => {
   }
 });
 
-function filterAffixTags(routes: any[], basePath = "/") {
-  let tags: TagView[] = [];
+function filterAffixTags(routes: RouteRecordRaw[], basePath = "/") {
+  const processRoute = (route: RouteRecordRaw) => {
+    const fullPath = resolve(basePath, route.path);
 
-  routes.forEach((route) => {
-    if (route.meta && route.meta.affix) {
-      const tagPath = path.resolve(basePath, route.path);
-      tags.push({
-        fullPath: tagPath,
-        path: tagPath,
-        name: route.name,
-        meta: { ...route.meta },
-      });
+    const tag: TagView = {
+      path: route.path,
+      fullPath,
+      name: String(route.name),
+      title: route.meta?.title || "no-name",
+      affix: route.meta?.affix,
+      keepAlive: route.meta?.keepAlive,
+    };
+
+    if (tag.affix) {
+      tags.push(tag);
     }
 
     if (route.children) {
-      const childTags = filterAffixTags(route.children, route.path);
-      if (childTags.length >= 1) {
-        tags = tags.concat(childTags);
-      }
+      route.children.forEach(processRoute);
     }
-  });
+  };
+
+  let tags: TagView[] = [];
+  routes.forEach(processRoute);
+
   return tags;
 }
 
@@ -90,19 +156,35 @@ function initTags() {
 }
 
 function addTags() {
-  if (route.name) {
-    tagsViewStore.addView(route);
+  if (route.meta.title) {
+    tagsViewStore.addView({
+      name: route.name as string,
+      title: route.meta.title,
+      path: route.path,
+      fullPath: route.fullPath,
+      affix: route.meta?.affix,
+      keepAlive: route.meta?.keepAlive,
+    });
   }
 }
 
 function moveToCurrentTag() {
+  // 使用 nextTick() 的目的是确保在更新 tagsView 组件之前，scrollPaneRef 对象已经滚动到了正确的位置。
   nextTick(() => {
-    for (const r of tagsViewStore.visitedViews) {
-      if (r.path === route.path) {
-        scrollPaneRef.value.moveToTarget(r);
+    for (const tag of visitedViews.value) {
+      if (tag.path === route.path) {
+        scrollPaneRef.value.moveToTarget(tag);
         // when query is different then update
-        if (r.fullPath !== route.fullPath) {
-          tagsViewStore.updateVisitedView(route);
+        route.query = { ...route.query, ...tag.query };
+        if (tag.fullPath !== route.fullPath) {
+          tagsViewStore.updateVisitedView({
+            name: route.name as string,
+            title: route.meta.title,
+            path: route.path,
+            fullPath: route.fullPath,
+            affix: route.meta?.affix,
+            keepAlive: route.meta?.keepAlive,
+          });
         }
       }
     }
@@ -110,19 +192,18 @@ function moveToCurrentTag() {
 }
 
 function isActive(tag: TagView) {
-  return tag.path === route.path;
+  return tag.fullPath === route.fullPath;
 }
 
 function isAffix(tag: TagView) {
-  return tag.meta && tag.meta.affix;
+  return tag?.affix;
 }
 
 function isFirstView() {
   try {
     return (
-      (selectedTag.value as TagView).fullPath === "/dashboard" ||
-      (selectedTag.value as TagView).fullPath ===
-        tagsViewStore.visitedViews[1].fullPath
+      selectedTag.value.fullPath === "/dashboard" ||
+      selectedTag.value.fullPath === tagsViewStore.visitedViews[1].fullPath
     );
   } catch (err) {
     return false;
@@ -132,7 +213,7 @@ function isFirstView() {
 function isLastView() {
   try {
     return (
-      (selectedTag.value as TagView).fullPath ===
+      selectedTag.value.fullPath ===
       tagsViewStore.visitedViews[tagsViewStore.visitedViews.length - 1].fullPath
     );
   } catch (err) {
@@ -144,20 +225,18 @@ function refreshSelectedTag(view: TagView) {
   tagsViewStore.delCachedView(view);
   const { fullPath } = view;
   nextTick(() => {
-    router.replace({ path: "/redirect" + fullPath }).catch((err) => {
-      console.warn(err);
-    });
+    router.replace({ path: "/redirect" + fullPath });
   });
 }
 
-function toLastView(visitedViews: TagView[], view?: any) {
+function toLastView(visitedViews: TagView[], view?: TagView) {
   const latestView = visitedViews.slice(-1)[0];
   if (latestView && latestView.fullPath) {
     router.push(latestView.fullPath);
   } else {
     // now the default is to redirect to the home page if there is no tags-view,
     // you can adjust it according to your needs.
-    if (view.name === "Dashboard") {
+    if (view?.name === "Dashboard") {
       // to reload home page
       router.replace({ path: "/redirect" + view.fullPath });
     } else {
@@ -289,63 +368,6 @@ onMounted(() => {
 });
 </script>
 
-<template>
-  <div class="tags-container">
-    <scroll-pane ref="scrollPaneRef" @scroll="handleScroll">
-      <router-link
-        v-for="tag in visitedViews"
-        :key="tag.path"
-        :class="'tags-item ' + (isActive(tag) ? 'active' : '')"
-        :data-path="tag.path"
-        :to="{ path: tag.path, query: tag.query }"
-        @click.middle="!isAffix(tag) ? closeSelectedTag(tag) : ''"
-        @contextmenu.prevent="openTagMenu(tag, $event)"
-      >
-        {{ translateRouteTitle(tag.meta?.title) }}
-        <span
-          v-if="!isAffix(tag)"
-          class="tags-item-close"
-          @click.prevent.stop="closeSelectedTag(tag)"
-        >
-          <i-ep-close class="text-[10px]" />
-        </span>
-      </router-link>
-    </scroll-pane>
-
-    <!-- tag标签操作菜单 -->
-    <ul
-      v-show="tagMenuVisible"
-      class="tag-menu"
-      :style="{ left: left + 'px', top: top + 'px' }"
-    >
-      <li @click="refreshSelectedTag(selectedTag)">
-        <svg-icon icon-class="refresh" />
-        刷新
-      </li>
-      <li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)">
-        <svg-icon icon-class="close" />
-        关闭
-      </li>
-      <li @click="closeOtherTags">
-        <svg-icon icon-class="close_other" />
-        关闭其它
-      </li>
-      <li v-if="!isFirstView()" @click="closeLeftTags">
-        <svg-icon icon-class="close_left" />
-        关闭左侧
-      </li>
-      <li v-if="!isLastView()" @click="closeRightTags">
-        <svg-icon icon-class="close_right" />
-        关闭右侧
-      </li>
-      <li @click="closeAllTags(selectedTag)">
-        <svg-icon icon-class="close_all" />
-        关闭所有
-      </li>
-    </ul>
-  </div>
-</template>
-
 <style lang="scss" scoped>
 .tags-container {
   width: 100%;
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 975edf3..aa1aebd 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -30,6 +30,8 @@ const mixLeftMenu = computed(() => {
   return permissionStore.mixLeftMenu;
 });
 const layout = computed(() => settingsStore.layout);
+const watermarkEnabled = computed(() => settingsStore.watermark.enabled);
+
 watch(
   () => activeTopMenu.value,
   (newVal) => {
@@ -78,29 +80,31 @@ function toggleSideBar() {
 
 <template>
   <div :class="classObj" class="app-wrapper">
-    <!-- 手机设备侧边栏打开遮罩层 -->
-    <div
-      v-if="classObj.mobile && classObj.openSidebar"
-      class="drawer-bg"
-      @click="handleOutsideClick"
-    ></div>
+    <el-watermark content="vue3-element-admin">
+      <!-- 手机设备侧边栏打开遮罩层 -->
+      <div
+        v-if="classObj.mobile && classObj.openSidebar"
+        class="drawer-bg"
+        @click="handleOutsideClick"
+      ></div>
 
-    <Sidebar class="sidebar-container" />
-    <template v-if="layout === 'mix'">
-      <div class="mix-wrap">
-        <div class="left-wrap">
-          <LeftMenu :menu-list="mixLeftMenu" :base-path="activeTopMenu" />
-          <div class="menu-action">
-            <hamburger
-              :is-active="appStore.sidebar.opened"
-              @toggle-click="toggleSideBar"
-            />
+      <Sidebar class="sidebar-container" />
+      <template v-if="layout === 'mix'">
+        <div class="mix-wrap">
+          <div class="left-wrap">
+            <LeftMenu :menu-list="mixLeftMenu" :base-path="activeTopMenu" />
+            <div class="menu-action">
+              <hamburger
+                :is-active="appStore.sidebar.opened"
+                @toggle-click="toggleSideBar"
+              />
+            </div>
           </div>
+          <Main />
         </div>
-        <Main />
-      </div>
-    </template>
-    <Main v-else />
+      </template>
+      <Main v-else />
+    </el-watermark>
   </div>
 </template>
 
diff --git a/src/settings.ts b/src/settings.ts
index a0ab276..a950e1f 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -1,68 +1,16 @@
-/**
- * 系统设置
- */
-interface DefaultSettings {
-  /**
-   * 系统标题
-   */
-  title: string;
-  /**
-   * 系统版本
-   */
-  version: string;
-  /**
-   * 是否显示设置
-   */
-  showSettings: boolean;
-  /**
-   * 是否显示多标签导航
-   */
-  tagsView: boolean;
-  /**
-   *是否固定头部
-   */
-  fixedHeader: boolean;
-  /**
-   * 是否显示侧边栏Logo
-   */
-  sidebarLogo: boolean;
-  /**
-   * 导航栏布局(left|top|mix)
-   */
-  layout: string;
-  /**
-   * 主题模式(dark|light)
-   */
-  theme: string;
-
-  /**
-   * 布局大小(default |large |small)
-   */
-  size: string;
-
-  /**
-   * 语言( zh-cn| en)
-   */
-  language: string;
-
-  /**
-   * 主题颜色
-   */
-  themeColor: string;
-}
-
-const defaultSettings: DefaultSettings = {
+const defaultSettings: AppSettings = {
   title: "vue3-element-admin",
   version: "v2.6.7",
   showSettings: true,
   tagsView: true,
   fixedHeader: false,
   sidebarLogo: true,
-  layout: "left", // 默认左侧模式
-  theme: "light", // 暗黑模式-dark 明亮模式-light
+  layout: "left",
+  theme: "light",
   size: "default",
   language: "zh-cn",
   themeColor: "#409EFF",
+  watermark: { enabled: false, content: "有来技术" },
 };
 
 export default defaultSettings;
diff --git a/src/store/modules/permission.ts b/src/store/modules/permission.ts
index 4ccc73f..f133fa1 100644
--- a/src/store/modules/permission.ts
+++ b/src/store/modules/permission.ts
@@ -21,8 +21,8 @@ const hasPermission = (roles: string[], route: RouteRecordRaw) => {
       return true;
     }
     return roles.some((role) => {
-      if (route.meta?.roles !== undefined) {
-        return (route.meta.roles as string[]).includes(role);
+      if (route.meta?.roles) {
+        return route.meta.roles.includes(role);
       }
     });
   }
diff --git a/src/store/modules/settings.ts b/src/store/modules/settings.ts
index 0cf8e78..5db3d7f 100644
--- a/src/store/modules/settings.ts
+++ b/src/store/modules/settings.ts
@@ -2,59 +2,53 @@ import { defineStore } from "pinia";
 import defaultSettings from "@/settings";
 
 export const useSettingsStore = defineStore("setting", () => {
-  // state
+  const title = defaultSettings.title;
+  const version = defaultSettings.version;
+
   const tagsView = useStorage<boolean>("tagsView", defaultSettings.tagsView);
 
   const showSettings = ref<boolean>(defaultSettings.showSettings);
   const sidebarLogo = ref<boolean>(defaultSettings.sidebarLogo);
-
   const fixedHeader = useStorage<boolean>(
     "fixedHeader",
     defaultSettings.fixedHeader
   );
-
   const layout = useStorage<string>("layout", defaultSettings.layout);
   const themeColor = useStorage<string>(
     "themeColor",
     defaultSettings.themeColor
   );
-
   const theme = useStorage<string>("theme", defaultSettings.theme);
 
-  // actions
-  function changeSetting(param: { key: string; value: any }) {
-    const { key, value } = param;
-    switch (key) {
-      case "showSettings":
-        showSettings.value = value;
-        break;
-      case "fixedHeader":
-        fixedHeader.value = value;
-        break;
-      case "tagsView":
-        tagsView.value = value;
-        break;
-      case "sidevarLogo":
-        sidebarLogo.value = value;
-        break;
-      case "layout":
-        layout.value = value;
-        break;
-      case "themeColor":
-        themeColor.value = value;
-        break;
-      case "theme":
-        theme.value = value;
-        if (theme.value === "dark") {
-          document.documentElement.classList.add("dark");
-        } else {
-          document.documentElement.classList.remove("dark");
-        }
-        break;
+  // Whether to enable watermark
+  const watermark = useStorage<any>("watermark", defaultSettings.watermark);
+
+  const settingsMap: Record<string, Ref<any>> = {
+    showSettings,
+    fixedHeader,
+    tagsView,
+    sidebarLogo,
+    layout,
+    themeColor,
+    theme,
+    watermark: watermark.value,
+  };
+
+  function changeSetting({ key, value }: { key: string; value: any }) {
+    const setting = settingsMap[key];
+    if (setting !== undefined) {
+      setting.value = value;
+      if (key === "theme" && value === "dark") {
+        document.documentElement.classList.add("dark");
+      } else {
+        document.documentElement.classList.remove("dark");
+      }
     }
   }
 
   return {
+    title,
+    version,
     showSettings,
     tagsView,
     fixedHeader,
@@ -63,5 +57,6 @@ export const useSettingsStore = defineStore("setting", () => {
     themeColor,
     changeSetting,
     theme,
+    watermark,
   };
 });
diff --git a/src/store/modules/tagsView.ts b/src/store/modules/tagsView.ts
index 971e6a7..b80db63 100644
--- a/src/store/modules/tagsView.ts
+++ b/src/store/modules/tagsView.ts
@@ -1,45 +1,49 @@
 import { defineStore } from "pinia";
-import { RouteLocationNormalized } from "vue-router";
 
-export interface TagView extends Partial<RouteLocationNormalized> {
-  title?: string;
-}
-
-// setup
 export const useTagsViewStore = defineStore("tagsView", () => {
-  // state
   const visitedViews = ref<TagView[]>([]);
   const cachedViews = ref<string[]>([]);
 
-  // actions
+  /**
+   * 添加已访问视图到已访问视图列表中
+   */
   function addVisitedView(view: TagView) {
-    if (visitedViews.value.some((v) => v.path === view.path)) return;
-    if (view.meta && view.meta.affix) {
-      visitedViews.value.unshift(
-        Object.assign({}, view, {
-          title: view.meta?.title || "no-name",
-        })
-      );
+    // 如果已经存在于已访问的视图列表中，则不再添加
+    if (visitedViews.value.some((v) => v.path === view.path)) {
+      return;
+    }
+    // 如果视图是固定的（affix），则在已访问的视图列表的开头添加
+    if (view.affix) {
+      visitedViews.value.unshift(view);
     } else {
-      visitedViews.value.push(
-        Object.assign({}, view, {
-          title: view.meta?.title || "no-name",
-        })
-      );
+      // 如果视图不是固定的，则在已访问的视图列表的末尾添加
+      visitedViews.value.push(view);
     }
   }
 
+  /**
+   * 添加缓存视图到缓存视图列表中
+   */
   function addCachedView(view: TagView) {
-    const viewName = view.name as string;
-    if (cachedViews.value.includes(viewName)) return;
-    if (view.meta?.keepAlive) {
+    const viewName = view.name;
+    // 如果缓存视图名称已经存在于缓存视图列表中，则不再添加
+    if (cachedViews.value.includes(viewName)) {
+      return;
+    }
+
+    // 如果视图需要缓存（keepAlive），则将其路由名称添加到缓存视图列表中
+    if (view.keepAlive) {
       cachedViews.value.push(viewName);
     }
   }
 
+  /**
+   * 从已访问视图列表中删除指定的视图
+   */
   function delVisitedView(view: TagView) {
     return new Promise((resolve) => {
       for (const [i, v] of visitedViews.value.entries()) {
+        // 找到与指定视图路径匹配的视图，在已访问视图列表中删除该视图
         if (v.path === view.path) {
           visitedViews.value.splice(i, 1);
           break;
@@ -50,7 +54,7 @@ export const useTagsViewStore = defineStore("tagsView", () => {
   }
 
   function delCachedView(view: TagView) {
-    const viewName = view.name as string;
+    const viewName = view.name;
     return new Promise((resolve) => {
       const index = cachedViews.value.indexOf(viewName);
       index > -1 && cachedViews.value.splice(index, 1);
@@ -61,7 +65,7 @@ export const useTagsViewStore = defineStore("tagsView", () => {
   function delOtherVisitedViews(view: TagView) {
     return new Promise((resolve) => {
       visitedViews.value = visitedViews.value.filter((v) => {
-        return v.meta?.affix || v.path === view.path;
+        return v?.affix || v.path === view.path;
       });
       resolve([...visitedViews.value]);
     });
@@ -126,12 +130,11 @@ export const useTagsViewStore = defineStore("tagsView", () => {
         return;
       }
       visitedViews.value = visitedViews.value.filter((item, index) => {
-        // affix:true 固定tag，例如“首页”
-        if (index >= currIndex || (item.meta && item.meta.affix)) {
+        if (index >= currIndex || item?.affix) {
           return true;
         }
 
-        const cacheIndex = cachedViews.value.indexOf(item.name as string);
+        const cacheIndex = cachedViews.value.indexOf(item.name);
         if (cacheIndex > -1) {
           cachedViews.value.splice(cacheIndex, 1);
         }
@@ -151,16 +154,9 @@ export const useTagsViewStore = defineStore("tagsView", () => {
         return;
       }
       visitedViews.value = visitedViews.value.filter((item, index) => {
-        // affix:true 固定tag，例如“首页”
-        if (index <= currIndex || (item.meta && item.meta.affix)) {
+        if (index <= currIndex || item?.affix) {
           return true;
         }
-
-        const cacheIndex = cachedViews.value.indexOf(item.name as string);
-        if (cacheIndex > -1) {
-          cachedViews.value.splice(cacheIndex, 1);
-        }
-        return false;
       });
       resolve({
         visitedViews: [...visitedViews.value],
@@ -170,7 +166,7 @@ export const useTagsViewStore = defineStore("tagsView", () => {
 
   function delAllViews() {
     return new Promise((resolve) => {
-      const affixTags = visitedViews.value.filter((tag) => tag.meta?.affix);
+      const affixTags = visitedViews.value.filter((tag) => tag?.affix);
       visitedViews.value = affixTags;
       cachedViews.value = [];
       resolve({
@@ -182,7 +178,7 @@ export const useTagsViewStore = defineStore("tagsView", () => {
 
   function delAllVisitedViews() {
     return new Promise((resolve) => {
-      const affixTags = visitedViews.value.filter((tag) => tag.meta?.affix);
+      const affixTags = visitedViews.value.filter((tag) => tag?.affix);
       visitedViews.value = affixTags;
       resolve([...visitedViews.value]);
     });
diff --git a/src/types/auto-imports.d.ts b/src/types/auto-imports.d.ts
index b191a3f..97c0548 100644
--- a/src/types/auto-imports.d.ts
+++ b/src/types/auto-imports.d.ts
@@ -7,9 +7,7 @@ declare global {
   const EffectScope: typeof import("vue")["EffectScope"];
   const ElForm: typeof import("element-plus/es")["ElForm"];
   const ElMessage: typeof import("element-plus/es")["ElMessage"];
-  const ElNotification: typeof import("element-plus/es")["ElNotification"];
   const ElMessageBox: typeof import("element-plus/es")["ElMessageBox"];
-  const ElTree: typeof import("element-plus/es")["ElTree"];
   const asyncComputed: typeof import("@vueuse/core")["asyncComputed"];
   const autoResetRef: typeof import("@vueuse/core")["autoResetRef"];
   const computed: typeof import("vue")["computed"];
@@ -41,6 +39,7 @@ declare global {
   const h: typeof import("vue")["h"];
   const ignorableWatch: typeof import("@vueuse/core")["ignorableWatch"];
   const inject: typeof import("vue")["inject"];
+  const injectLocal: typeof import("@vueuse/core")["injectLocal"];
   const isDefined: typeof import("@vueuse/core")["isDefined"];
   const isProxy: typeof import("vue")["isProxy"];
   const isReactive: typeof import("vue")["isReactive"];
@@ -68,6 +67,7 @@ declare global {
   const onUpdated: typeof import("vue")["onUpdated"];
   const pausableWatch: typeof import("@vueuse/core")["pausableWatch"];
   const provide: typeof import("vue")["provide"];
+  const provideLocal: typeof import("@vueuse/core")["provideLocal"];
   const reactify: typeof import("@vueuse/core")["reactify"];
   const reactifyObject: typeof import("@vueuse/core")["reactifyObject"];
   const reactive: typeof import("vue")["reactive"];
@@ -287,10 +287,14 @@ declare global {
     Component,
     ComponentPublicInstance,
     ComputedRef,
+    ExtractDefaultPropTypes,
+    ExtractPropTypes,
+    ExtractPublicPropTypes,
     InjectionKey,
     PropType,
     Ref,
     VNode,
+    WritableComputedRef,
   } from "vue";
 }
 // for vue template auto import
@@ -305,7 +309,6 @@ declare module "vue" {
     readonly ElMessageBox: UnwrapRef<
       typeof import("element-plus/es")["ElMessageBox"]
     >;
-    readonly ElTree: UnwrapRef<typeof import("element-plus/es")["ElTree"]>;
     readonly asyncComputed: UnwrapRef<
       typeof import("@vueuse/core")["asyncComputed"]
     >;
@@ -385,6 +388,9 @@ declare module "vue" {
       typeof import("@vueuse/core")["ignorableWatch"]
     >;
     readonly inject: UnwrapRef<typeof import("vue")["inject"]>;
+    readonly injectLocal: UnwrapRef<
+      typeof import("@vueuse/core")["injectLocal"]
+    >;
     readonly isDefined: UnwrapRef<typeof import("@vueuse/core")["isDefined"]>;
     readonly isProxy: UnwrapRef<typeof import("vue")["isProxy"]>;
     readonly isReactive: UnwrapRef<typeof import("vue")["isReactive"]>;
@@ -434,6 +440,9 @@ declare module "vue" {
       typeof import("@vueuse/core")["pausableWatch"]
     >;
     readonly provide: UnwrapRef<typeof import("vue")["provide"]>;
+    readonly provideLocal: UnwrapRef<
+      typeof import("@vueuse/core")["provideLocal"]
+    >;
     readonly reactify: UnwrapRef<typeof import("@vueuse/core")["reactify"]>;
     readonly reactifyObject: UnwrapRef<
       typeof import("@vueuse/core")["reactifyObject"]
@@ -951,7 +960,6 @@ declare module "@vue/runtime-core" {
     readonly ElMessageBox: UnwrapRef<
       typeof import("element-plus/es")["ElMessageBox"]
     >;
-    readonly ElTree: UnwrapRef<typeof import("element-plus/es")["ElTree"]>;
     readonly asyncComputed: UnwrapRef<
       typeof import("@vueuse/core")["asyncComputed"]
     >;
@@ -1031,6 +1039,9 @@ declare module "@vue/runtime-core" {
       typeof import("@vueuse/core")["ignorableWatch"]
     >;
     readonly inject: UnwrapRef<typeof import("vue")["inject"]>;
+    readonly injectLocal: UnwrapRef<
+      typeof import("@vueuse/core")["injectLocal"]
+    >;
     readonly isDefined: UnwrapRef<typeof import("@vueuse/core")["isDefined"]>;
     readonly isProxy: UnwrapRef<typeof import("vue")["isProxy"]>;
     readonly isReactive: UnwrapRef<typeof import("vue")["isReactive"]>;
@@ -1080,6 +1091,9 @@ declare module "@vue/runtime-core" {
       typeof import("@vueuse/core")["pausableWatch"]
     >;
     readonly provide: UnwrapRef<typeof import("vue")["provide"]>;
+    readonly provideLocal: UnwrapRef<
+      typeof import("@vueuse/core")["provideLocal"]
+    >;
     readonly reactify: UnwrapRef<typeof import("@vueuse/core")["reactify"]>;
     readonly reactifyObject: UnwrapRef<
       typeof import("@vueuse/core")["reactifyObject"]
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index 418010e..f6bc685 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -15,13 +15,10 @@ declare module "@vue/runtime-core" {
     DeptTree: typeof import("./../views/system/user/components/dept-tree.vue")["default"];
     Dictionary: typeof import("./../components/Dictionary/index.vue")["default"];
     DictItem: typeof import("./../views/system/dict/components/dict-item.vue")["default"];
-    ElAlert: typeof import("element-plus/es")["ElAlert"];
     ElBreadcrumb: typeof import("element-plus/es")["ElBreadcrumb"];
     ElBreadcrumbItem: typeof import("element-plus/es")["ElBreadcrumbItem"];
     ElButton: typeof import("element-plus/es")["ElButton"];
     ElCard: typeof import("element-plus/es")["ElCard"];
-    ElCheckbox: typeof import("element-plus/es")["ElCheckbox"];
-    ElCheckboxGroup: typeof import("element-plus/es")["ElCheckboxGroup"];
     ElCol: typeof import("element-plus/es")["ElCol"];
     ElDatePicker: typeof import("element-plus/es")["ElDatePicker"];
     ElDialog: typeof import("element-plus/es")["ElDialog"];
@@ -35,38 +32,35 @@ declare module "@vue/runtime-core" {
     ElImage: typeof import("element-plus/es")["ElImage"];
     ElInput: typeof import("element-plus/es")["ElInput"];
     ElInputNumber: typeof import("element-plus/es")["ElInputNumber"];
-    ElLink: typeof import("element-plus/es")["ElLink"];
     ElMenu: typeof import("element-plus/es")["ElMenu"];
     ElMenuItem: typeof import("element-plus/es")["ElMenuItem"];
     ElOption: typeof import("element-plus/es")["ElOption"];
     ElPagination: typeof import("element-plus/es")["ElPagination"];
     ElPopover: typeof import("element-plus/es")["ElPopover"];
     ElRadio: typeof import("element-plus/es")["ElRadio"];
-    ElRadioButton: typeof import("element-plus/es")["ElRadioButton"];
     ElRadioGroup: typeof import("element-plus/es")["ElRadioGroup"];
-    ElRate: typeof import("element-plus/es")["ElRate"];
     ElRow: typeof import("element-plus/es")["ElRow"];
     ElScrollbar: typeof import("element-plus/es")["ElScrollbar"];
     ElSelect: typeof import("element-plus/es")["ElSelect"];
+    ElStatistic: typeof import("element-plus/es")["ElStatistic"];
     ElSubMenu: typeof import("element-plus/es")["ElSubMenu"];
     ElSwitch: typeof import("element-plus/es")["ElSwitch"];
     ElTable: typeof import("element-plus/es")["ElTable"];
     ElTableColumn: typeof import("element-plus/es")["ElTableColumn"];
-    ElTabPane: typeof import("element-plus/es")["ElTabPane"];
-    ElTabs: typeof import("element-plus/es")["ElTabs"];
     ElTag: typeof import("element-plus/es")["ElTag"];
     ElTooltip: typeof import("element-plus/es")["ElTooltip"];
     ElTree: typeof import("element-plus/es")["ElTree"];
     ElTreeSelect: typeof import("element-plus/es")["ElTreeSelect"];
     ElUpload: typeof import("element-plus/es")["ElUpload"];
+    ElWatermark: typeof import("element-plus/es")["ElWatermark"];
     FixedThead: typeof import("./../views/demo/table/dynamic-table/components/FixedThead.vue")["default"];
     FunnelChart: typeof import("./../views/dashboard/components/FunnelChart.vue")["default"];
     GithubCorner: typeof import("./../components/GithubCorner/index.vue")["default"];
     Hamburger: typeof import("./../components/Hamburger/index.vue")["default"];
     IconSelect: typeof import("./../components/IconSelect/index.vue")["default"];
-    IEpArrowDown: typeof import("~icons/ep/arrow-down")["default"];
     IEpCaretBottom: typeof import("~icons/ep/caret-bottom")["default"];
     IEpCaretTop: typeof import("~icons/ep/caret-top")["default"];
+    IEpCheck: typeof import("~icons/ep/check")["default"];
     IEpClose: typeof import("~icons/ep/close")["default"];
     IEpCollection: typeof import("~icons/ep/collection")["default"];
     IEpDelete: typeof import("~icons/ep/delete")["default"];
@@ -75,12 +69,11 @@ declare module "@vue/runtime-core" {
     IEpPicture: typeof import("~icons/ep/picture")["default"];
     IEpPlus: typeof import("~icons/ep/plus")["default"];
     IEpPosition: typeof import("~icons/ep/position")["default"];
+    IEpQuestionFilled: typeof import("~icons/ep/question-filled")["default"];
     IEpRefresh: typeof import("~icons/ep/refresh")["default"];
     IEpRefreshLeft: typeof import("~icons/ep/refresh-left")["default"];
     IEpSearch: typeof import("~icons/ep/search")["default"];
     IEpSetting: typeof import("~icons/ep/setting")["default"];
-    IEpSortDown: typeof import("~icons/ep/sort-down")["default"];
-    IEpSortUp: typeof import("~icons/ep/sort-up")["default"];
     IEpTop: typeof import("~icons/ep/top")["default"];
     IEpUploadFilled: typeof import("~icons/ep/upload-filled")["default"];
     Item: typeof import("./../layout/components/Sidebar/Item.vue")["default"];
@@ -105,7 +98,6 @@ declare module "@vue/runtime-core" {
     SizeSelect: typeof import("./../components/SizeSelect/index.vue")["default"];
     SvgIcon: typeof import("./../components/SvgIcon/index.vue")["default"];
     SwitchRoles: typeof import("./../views/demo/permission/components/SwitchRoles.vue")["default"];
-    TagInput: typeof import("./../components/TagInput/index.vue")["default"];
     TagsView: typeof import("./../layout/components/TagsView/index.vue")["default"];
     TopMenu: typeof import("./../layout/components/Sidebar/TopMenu.vue")["default"];
     UnfixedThead: typeof import("./../views/demo/table/dynamic-table/components/UnfixedThead.vue")["default"];
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
deleted file mode 100644
index 3555345..0000000
--- a/src/types/global.d.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-declare global {
-  /**
-   * 分页查询参数
-   */
-  interface PageQuery {
-    pageNum: number;
-    pageSize: number;
-  }
-
-  /**
-   * 分页响应对象
-   */
-  interface PageResult<T> {
-    /**
-     * 数据列表
-     */
-    list: T;
-    /**
-     * 数据总数
-     */
-    total: number;
-  }
-
-  /**
-   * 弹窗属性
-   */
-  interface DialogOption {
-    /**
-     * 弹窗标题
-     */
-    title?: string;
-    /**
-     * 是否显示
-     */
-    visible: boolean;
-  }
-  /**
-   * 组件数据源
-   */
-  interface OptionType {
-    /**
-     * 值
-     */
-    value: string | number;
-    /**
-     * 文本
-     */
-    label: string;
-    /**
-     * 子列表
-     */
-    children?: OptionType[];
-  }
-}
-export {};
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index b686e21..58fb60f 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -18,10 +18,8 @@
       class="z-1 !border-none w-100 !bg-transparent !rounded-4% <sm:w-83"
     >
       <div class="text-center relative">
-        <h2>{{ defaultSettings.title }}</h2>
-        <el-tag class="ml-2 absolute top-0 right-0">{{
-          defaultSettings.version
-        }}</el-tag>
+        <h2>{{ title }}</h2>
+        <el-tag class="ml-2 absolute top-0 right-0">{{ version }}</el-tag>
       </div>
       <el-form
         ref="loginFormRef"
@@ -147,12 +145,13 @@ import { useAppStore } from "@/store/modules/app";
 import { LocationQuery, LocationQueryValue, useRoute } from "vue-router";
 import { getCaptchaApi } from "@/api/auth";
 import { LoginData } from "@/api/auth/types";
-import defaultSettings from "@/settings";
 
+const settingsStore = useSettingsStore();
+
+const { title, version } = settingsStore;
 /**
  * 明亮/暗黑主题切换
  */
-const settingsStore = useSettingsStore();
 const isDark = ref<boolean>(settingsStore.theme === "dark");
 const handleThemeChange = (isDark: any) => {
   useToggle(isDark);
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 9082d30..161e782 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -20,9 +20,10 @@ const deptFormRef = ref(ElForm);
 
 const loading = ref(false);
 const ids = ref<number[]>([]);
-const dialog = reactive<DialogOption>({
+const dialog = {
+  title: "",
   visible: false,
-});
+};
 
 const queryParams = reactive<DeptQuery>({});
 const deptList = ref<DeptVO[]>();
diff --git a/src/views/system/dict/components/dict-item.vue b/src/views/system/dict/components/dict-item.vue
index 329db35..62dce8f 100644
--- a/src/views/system/dict/components/dict-item.vue
+++ b/src/views/system/dict/components/dict-item.vue
@@ -53,9 +53,10 @@ const queryParams = reactive<DictQuery>({
 
 const dictList = ref<DictPageVO[]>();
 
-const dialog = reactive<DialogOption>({
+const dialog = {
+  title: "",
   visible: false,
-});
+};
 
 const formData = reactive<DictForm>({
   status: 1,
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index fcfe655..f35296b 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -29,9 +29,10 @@ const queryParams = reactive<DictTypeQuery>({
 
 const dictTypeList = ref<DictTypePageVO[]>();
 
-const dialog = reactive<DialogOption>({
+const dialog = {
+  title: "",
   visible: false,
-});
+};
 
 const formData = reactive<DictTypeForm>({
   status: 1,
@@ -148,9 +149,10 @@ function handleDelete(dictTypeId?: number) {
   });
 }
 
-const dictDataDialog = reactive<DialogOption>({
+const dictDataDialog = {
+  title: "",
   visible: false,
-});
+};
 
 const selectedDictType = reactive({ typeCode: "", typeName: "" }); // 当前选中的字典类型
 
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 785092b..46205e6 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -24,9 +24,10 @@ const queryFormRef = ref(ElForm);
 const menuFormRef = ref(ElForm);
 
 const loading = ref(false);
-const dialog = reactive<DialogOption>({
+const dialog = {
+  title: "",
   visible: false,
-});
+};
 
 const queryParams = reactive<MenuQuery>({});
 const menuList = ref<MenuVO[]>([]);
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 7e21758..003ed1a 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -32,9 +32,10 @@ const queryParams = reactive<RoleQuery>({
 
 const roleList = ref<RolePageVO[]>();
 
-const dialog = reactive<DialogOption>({
+const dialog = {
+  title: "",
   visible: false,
-});
+};
 
 const formData = reactive<RoleForm>({
   sort: 1,
diff --git a/tsconfig.json b/tsconfig.json
index f27940e..6164b06 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -27,7 +27,7 @@
   "include": [
     "src/**/*.ts",
     "src/**/*.vue",
-    "src/types/**/*.d.ts",
+    "types/**/*.d.ts",
     "mock/**/*.ts",
     "vite.config.ts"
   ],
diff --git a/types/auto-imports.d.ts b/types/auto-imports.d.ts
new file mode 100644
index 0000000..b191a3f
--- /dev/null
+++ b/types/auto-imports.d.ts
@@ -0,0 +1,1589 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const EffectScope: typeof import("vue")["EffectScope"];
+  const ElForm: typeof import("element-plus/es")["ElForm"];
+  const ElMessage: typeof import("element-plus/es")["ElMessage"];
+  const ElNotification: typeof import("element-plus/es")["ElNotification"];
+  const ElMessageBox: typeof import("element-plus/es")["ElMessageBox"];
+  const ElTree: typeof import("element-plus/es")["ElTree"];
+  const asyncComputed: typeof import("@vueuse/core")["asyncComputed"];
+  const autoResetRef: typeof import("@vueuse/core")["autoResetRef"];
+  const computed: typeof import("vue")["computed"];
+  const computedAsync: typeof import("@vueuse/core")["computedAsync"];
+  const computedEager: typeof import("@vueuse/core")["computedEager"];
+  const computedInject: typeof import("@vueuse/core")["computedInject"];
+  const computedWithControl: typeof import("@vueuse/core")["computedWithControl"];
+  const controlledComputed: typeof import("@vueuse/core")["controlledComputed"];
+  const controlledRef: typeof import("@vueuse/core")["controlledRef"];
+  const createApp: typeof import("vue")["createApp"];
+  const createEventHook: typeof import("@vueuse/core")["createEventHook"];
+  const createGlobalState: typeof import("@vueuse/core")["createGlobalState"];
+  const createInjectionState: typeof import("@vueuse/core")["createInjectionState"];
+  const createReactiveFn: typeof import("@vueuse/core")["createReactiveFn"];
+  const createReusableTemplate: typeof import("@vueuse/core")["createReusableTemplate"];
+  const createSharedComposable: typeof import("@vueuse/core")["createSharedComposable"];
+  const createTemplatePromise: typeof import("@vueuse/core")["createTemplatePromise"];
+  const createUnrefFn: typeof import("@vueuse/core")["createUnrefFn"];
+  const customRef: typeof import("vue")["customRef"];
+  const debouncedRef: typeof import("@vueuse/core")["debouncedRef"];
+  const debouncedWatch: typeof import("@vueuse/core")["debouncedWatch"];
+  const defineAsyncComponent: typeof import("vue")["defineAsyncComponent"];
+  const defineComponent: typeof import("vue")["defineComponent"];
+  const eagerComputed: typeof import("@vueuse/core")["eagerComputed"];
+  const effectScope: typeof import("vue")["effectScope"];
+  const extendRef: typeof import("@vueuse/core")["extendRef"];
+  const getCurrentInstance: typeof import("vue")["getCurrentInstance"];
+  const getCurrentScope: typeof import("vue")["getCurrentScope"];
+  const h: typeof import("vue")["h"];
+  const ignorableWatch: typeof import("@vueuse/core")["ignorableWatch"];
+  const inject: typeof import("vue")["inject"];
+  const isDefined: typeof import("@vueuse/core")["isDefined"];
+  const isProxy: typeof import("vue")["isProxy"];
+  const isReactive: typeof import("vue")["isReactive"];
+  const isReadonly: typeof import("vue")["isReadonly"];
+  const isRef: typeof import("vue")["isRef"];
+  const makeDestructurable: typeof import("@vueuse/core")["makeDestructurable"];
+  const markRaw: typeof import("vue")["markRaw"];
+  const nextTick: typeof import("vue")["nextTick"];
+  const onActivated: typeof import("vue")["onActivated"];
+  const onBeforeMount: typeof import("vue")["onBeforeMount"];
+  const onBeforeUnmount: typeof import("vue")["onBeforeUnmount"];
+  const onBeforeUpdate: typeof import("vue")["onBeforeUpdate"];
+  const onClickOutside: typeof import("@vueuse/core")["onClickOutside"];
+  const onDeactivated: typeof import("vue")["onDeactivated"];
+  const onErrorCaptured: typeof import("vue")["onErrorCaptured"];
+  const onKeyStroke: typeof import("@vueuse/core")["onKeyStroke"];
+  const onLongPress: typeof import("@vueuse/core")["onLongPress"];
+  const onMounted: typeof import("vue")["onMounted"];
+  const onRenderTracked: typeof import("vue")["onRenderTracked"];
+  const onRenderTriggered: typeof import("vue")["onRenderTriggered"];
+  const onScopeDispose: typeof import("vue")["onScopeDispose"];
+  const onServerPrefetch: typeof import("vue")["onServerPrefetch"];
+  const onStartTyping: typeof import("@vueuse/core")["onStartTyping"];
+  const onUnmounted: typeof import("vue")["onUnmounted"];
+  const onUpdated: typeof import("vue")["onUpdated"];
+  const pausableWatch: typeof import("@vueuse/core")["pausableWatch"];
+  const provide: typeof import("vue")["provide"];
+  const reactify: typeof import("@vueuse/core")["reactify"];
+  const reactifyObject: typeof import("@vueuse/core")["reactifyObject"];
+  const reactive: typeof import("vue")["reactive"];
+  const reactiveComputed: typeof import("@vueuse/core")["reactiveComputed"];
+  const reactiveOmit: typeof import("@vueuse/core")["reactiveOmit"];
+  const reactivePick: typeof import("@vueuse/core")["reactivePick"];
+  const readonly: typeof import("vue")["readonly"];
+  const ref: typeof import("vue")["ref"];
+  const refAutoReset: typeof import("@vueuse/core")["refAutoReset"];
+  const refDebounced: typeof import("@vueuse/core")["refDebounced"];
+  const refDefault: typeof import("@vueuse/core")["refDefault"];
+  const refThrottled: typeof import("@vueuse/core")["refThrottled"];
+  const refWithControl: typeof import("@vueuse/core")["refWithControl"];
+  const resolveComponent: typeof import("vue")["resolveComponent"];
+  const resolveRef: typeof import("@vueuse/core")["resolveRef"];
+  const resolveUnref: typeof import("@vueuse/core")["resolveUnref"];
+  const shallowReactive: typeof import("vue")["shallowReactive"];
+  const shallowReadonly: typeof import("vue")["shallowReadonly"];
+  const shallowRef: typeof import("vue")["shallowRef"];
+  const syncRef: typeof import("@vueuse/core")["syncRef"];
+  const syncRefs: typeof import("@vueuse/core")["syncRefs"];
+  const templateRef: typeof import("@vueuse/core")["templateRef"];
+  const throttledRef: typeof import("@vueuse/core")["throttledRef"];
+  const throttledWatch: typeof import("@vueuse/core")["throttledWatch"];
+  const toRaw: typeof import("vue")["toRaw"];
+  const toReactive: typeof import("@vueuse/core")["toReactive"];
+  const toRef: typeof import("vue")["toRef"];
+  const toRefs: typeof import("vue")["toRefs"];
+  const toValue: typeof import("vue")["toValue"];
+  const triggerRef: typeof import("vue")["triggerRef"];
+  const tryOnBeforeMount: typeof import("@vueuse/core")["tryOnBeforeMount"];
+  const tryOnBeforeUnmount: typeof import("@vueuse/core")["tryOnBeforeUnmount"];
+  const tryOnMounted: typeof import("@vueuse/core")["tryOnMounted"];
+  const tryOnScopeDispose: typeof import("@vueuse/core")["tryOnScopeDispose"];
+  const tryOnUnmounted: typeof import("@vueuse/core")["tryOnUnmounted"];
+  const unref: typeof import("vue")["unref"];
+  const unrefElement: typeof import("@vueuse/core")["unrefElement"];
+  const until: typeof import("@vueuse/core")["until"];
+  const useActiveElement: typeof import("@vueuse/core")["useActiveElement"];
+  const useAnimate: typeof import("@vueuse/core")["useAnimate"];
+  const useArrayDifference: typeof import("@vueuse/core")["useArrayDifference"];
+  const useArrayEvery: typeof import("@vueuse/core")["useArrayEvery"];
+  const useArrayFilter: typeof import("@vueuse/core")["useArrayFilter"];
+  const useArrayFind: typeof import("@vueuse/core")["useArrayFind"];
+  const useArrayFindIndex: typeof import("@vueuse/core")["useArrayFindIndex"];
+  const useArrayFindLast: typeof import("@vueuse/core")["useArrayFindLast"];
+  const useArrayIncludes: typeof import("@vueuse/core")["useArrayIncludes"];
+  const useArrayJoin: typeof import("@vueuse/core")["useArrayJoin"];
+  const useArrayMap: typeof import("@vueuse/core")["useArrayMap"];
+  const useArrayReduce: typeof import("@vueuse/core")["useArrayReduce"];
+  const useArraySome: typeof import("@vueuse/core")["useArraySome"];
+  const useArrayUnique: typeof import("@vueuse/core")["useArrayUnique"];
+  const useAsyncQueue: typeof import("@vueuse/core")["useAsyncQueue"];
+  const useAsyncState: typeof import("@vueuse/core")["useAsyncState"];
+  const useAttrs: typeof import("vue")["useAttrs"];
+  const useBase64: typeof import("@vueuse/core")["useBase64"];
+  const useBattery: typeof import("@vueuse/core")["useBattery"];
+  const useBluetooth: typeof import("@vueuse/core")["useBluetooth"];
+  const useBreakpoints: typeof import("@vueuse/core")["useBreakpoints"];
+  const useBroadcastChannel: typeof import("@vueuse/core")["useBroadcastChannel"];
+  const useBrowserLocation: typeof import("@vueuse/core")["useBrowserLocation"];
+  const useCached: typeof import("@vueuse/core")["useCached"];
+  const useClipboard: typeof import("@vueuse/core")["useClipboard"];
+  const useCloned: typeof import("@vueuse/core")["useCloned"];
+  const useColorMode: typeof import("@vueuse/core")["useColorMode"];
+  const useConfirmDialog: typeof import("@vueuse/core")["useConfirmDialog"];
+  const useCounter: typeof import("@vueuse/core")["useCounter"];
+  const useCssModule: typeof import("vue")["useCssModule"];
+  const useCssVar: typeof import("@vueuse/core")["useCssVar"];
+  const useCssVars: typeof import("vue")["useCssVars"];
+  const useCurrentElement: typeof import("@vueuse/core")["useCurrentElement"];
+  const useCycleList: typeof import("@vueuse/core")["useCycleList"];
+  const useDark: typeof import("@vueuse/core")["useDark"];
+  const useDateFormat: typeof import("@vueuse/core")["useDateFormat"];
+  const useDebounce: typeof import("@vueuse/core")["useDebounce"];
+  const useDebounceFn: typeof import("@vueuse/core")["useDebounceFn"];
+  const useDebouncedRefHistory: typeof import("@vueuse/core")["useDebouncedRefHistory"];
+  const useDeviceMotion: typeof import("@vueuse/core")["useDeviceMotion"];
+  const useDeviceOrientation: typeof import("@vueuse/core")["useDeviceOrientation"];
+  const useDevicePixelRatio: typeof import("@vueuse/core")["useDevicePixelRatio"];
+  const useDevicesList: typeof import("@vueuse/core")["useDevicesList"];
+  const useDisplayMedia: typeof import("@vueuse/core")["useDisplayMedia"];
+  const useDocumentVisibility: typeof import("@vueuse/core")["useDocumentVisibility"];
+  const useDraggable: typeof import("@vueuse/core")["useDraggable"];
+  const useDropZone: typeof import("@vueuse/core")["useDropZone"];
+  const useElementBounding: typeof import("@vueuse/core")["useElementBounding"];
+  const useElementByPoint: typeof import("@vueuse/core")["useElementByPoint"];
+  const useElementHover: typeof import("@vueuse/core")["useElementHover"];
+  const useElementSize: typeof import("@vueuse/core")["useElementSize"];
+  const useElementVisibility: typeof import("@vueuse/core")["useElementVisibility"];
+  const useEventBus: typeof import("@vueuse/core")["useEventBus"];
+  const useEventListener: typeof import("@vueuse/core")["useEventListener"];
+  const useEventSource: typeof import("@vueuse/core")["useEventSource"];
+  const useEyeDropper: typeof import("@vueuse/core")["useEyeDropper"];
+  const useFavicon: typeof import("@vueuse/core")["useFavicon"];
+  const useFetch: typeof import("@vueuse/core")["useFetch"];
+  const useFileDialog: typeof import("@vueuse/core")["useFileDialog"];
+  const useFileSystemAccess: typeof import("@vueuse/core")["useFileSystemAccess"];
+  const useFocus: typeof import("@vueuse/core")["useFocus"];
+  const useFocusWithin: typeof import("@vueuse/core")["useFocusWithin"];
+  const useFps: typeof import("@vueuse/core")["useFps"];
+  const useFullscreen: typeof import("@vueuse/core")["useFullscreen"];
+  const useGamepad: typeof import("@vueuse/core")["useGamepad"];
+  const useGeolocation: typeof import("@vueuse/core")["useGeolocation"];
+  const useIdle: typeof import("@vueuse/core")["useIdle"];
+  const useImage: typeof import("@vueuse/core")["useImage"];
+  const useInfiniteScroll: typeof import("@vueuse/core")["useInfiniteScroll"];
+  const useIntersectionObserver: typeof import("@vueuse/core")["useIntersectionObserver"];
+  const useInterval: typeof import("@vueuse/core")["useInterval"];
+  const useIntervalFn: typeof import("@vueuse/core")["useIntervalFn"];
+  const useKeyModifier: typeof import("@vueuse/core")["useKeyModifier"];
+  const useLastChanged: typeof import("@vueuse/core")["useLastChanged"];
+  const useLocalStorage: typeof import("@vueuse/core")["useLocalStorage"];
+  const useMagicKeys: typeof import("@vueuse/core")["useMagicKeys"];
+  const useManualRefHistory: typeof import("@vueuse/core")["useManualRefHistory"];
+  const useMediaControls: typeof import("@vueuse/core")["useMediaControls"];
+  const useMediaQuery: typeof import("@vueuse/core")["useMediaQuery"];
+  const useMemoize: typeof import("@vueuse/core")["useMemoize"];
+  const useMemory: typeof import("@vueuse/core")["useMemory"];
+  const useMounted: typeof import("@vueuse/core")["useMounted"];
+  const useMouse: typeof import("@vueuse/core")["useMouse"];
+  const useMouseInElement: typeof import("@vueuse/core")["useMouseInElement"];
+  const useMousePressed: typeof import("@vueuse/core")["useMousePressed"];
+  const useMutationObserver: typeof import("@vueuse/core")["useMutationObserver"];
+  const useNavigatorLanguage: typeof import("@vueuse/core")["useNavigatorLanguage"];
+  const useNetwork: typeof import("@vueuse/core")["useNetwork"];
+  const useNow: typeof import("@vueuse/core")["useNow"];
+  const useObjectUrl: typeof import("@vueuse/core")["useObjectUrl"];
+  const useOffsetPagination: typeof import("@vueuse/core")["useOffsetPagination"];
+  const useOnline: typeof import("@vueuse/core")["useOnline"];
+  const usePageLeave: typeof import("@vueuse/core")["usePageLeave"];
+  const useParallax: typeof import("@vueuse/core")["useParallax"];
+  const useParentElement: typeof import("@vueuse/core")["useParentElement"];
+  const usePerformanceObserver: typeof import("@vueuse/core")["usePerformanceObserver"];
+  const usePermission: typeof import("@vueuse/core")["usePermission"];
+  const usePointer: typeof import("@vueuse/core")["usePointer"];
+  const usePointerLock: typeof import("@vueuse/core")["usePointerLock"];
+  const usePointerSwipe: typeof import("@vueuse/core")["usePointerSwipe"];
+  const usePreferredColorScheme: typeof import("@vueuse/core")["usePreferredColorScheme"];
+  const usePreferredContrast: typeof import("@vueuse/core")["usePreferredContrast"];
+  const usePreferredDark: typeof import("@vueuse/core")["usePreferredDark"];
+  const usePreferredLanguages: typeof import("@vueuse/core")["usePreferredLanguages"];
+  const usePreferredReducedMotion: typeof import("@vueuse/core")["usePreferredReducedMotion"];
+  const usePrevious: typeof import("@vueuse/core")["usePrevious"];
+  const useRafFn: typeof import("@vueuse/core")["useRafFn"];
+  const useRefHistory: typeof import("@vueuse/core")["useRefHistory"];
+  const useResizeObserver: typeof import("@vueuse/core")["useResizeObserver"];
+  const useScreenOrientation: typeof import("@vueuse/core")["useScreenOrientation"];
+  const useScreenSafeArea: typeof import("@vueuse/core")["useScreenSafeArea"];
+  const useScriptTag: typeof import("@vueuse/core")["useScriptTag"];
+  const useScroll: typeof import("@vueuse/core")["useScroll"];
+  const useScrollLock: typeof import("@vueuse/core")["useScrollLock"];
+  const useSessionStorage: typeof import("@vueuse/core")["useSessionStorage"];
+  const useShare: typeof import("@vueuse/core")["useShare"];
+  const useSlots: typeof import("vue")["useSlots"];
+  const useSorted: typeof import("@vueuse/core")["useSorted"];
+  const useSpeechRecognition: typeof import("@vueuse/core")["useSpeechRecognition"];
+  const useSpeechSynthesis: typeof import("@vueuse/core")["useSpeechSynthesis"];
+  const useStepper: typeof import("@vueuse/core")["useStepper"];
+  const useStorage: typeof import("@vueuse/core")["useStorage"];
+  const useStorageAsync: typeof import("@vueuse/core")["useStorageAsync"];
+  const useStyleTag: typeof import("@vueuse/core")["useStyleTag"];
+  const useSupported: typeof import("@vueuse/core")["useSupported"];
+  const useSwipe: typeof import("@vueuse/core")["useSwipe"];
+  const useTemplateRefsList: typeof import("@vueuse/core")["useTemplateRefsList"];
+  const useTextDirection: typeof import("@vueuse/core")["useTextDirection"];
+  const useTextSelection: typeof import("@vueuse/core")["useTextSelection"];
+  const useTextareaAutosize: typeof import("@vueuse/core")["useTextareaAutosize"];
+  const useThrottle: typeof import("@vueuse/core")["useThrottle"];
+  const useThrottleFn: typeof import("@vueuse/core")["useThrottleFn"];
+  const useThrottledRefHistory: typeof import("@vueuse/core")["useThrottledRefHistory"];
+  const useTimeAgo: typeof import("@vueuse/core")["useTimeAgo"];
+  const useTimeout: typeof import("@vueuse/core")["useTimeout"];
+  const useTimeoutFn: typeof import("@vueuse/core")["useTimeoutFn"];
+  const useTimeoutPoll: typeof import("@vueuse/core")["useTimeoutPoll"];
+  const useTimestamp: typeof import("@vueuse/core")["useTimestamp"];
+  const useTitle: typeof import("@vueuse/core")["useTitle"];
+  const useToNumber: typeof import("@vueuse/core")["useToNumber"];
+  const useToString: typeof import("@vueuse/core")["useToString"];
+  const useToggle: typeof import("@vueuse/core")["useToggle"];
+  const useTransition: typeof import("@vueuse/core")["useTransition"];
+  const useUrlSearchParams: typeof import("@vueuse/core")["useUrlSearchParams"];
+  const useUserMedia: typeof import("@vueuse/core")["useUserMedia"];
+  const useVModel: typeof import("@vueuse/core")["useVModel"];
+  const useVModels: typeof import("@vueuse/core")["useVModels"];
+  const useVibrate: typeof import("@vueuse/core")["useVibrate"];
+  const useVirtualList: typeof import("@vueuse/core")["useVirtualList"];
+  const useWakeLock: typeof import("@vueuse/core")["useWakeLock"];
+  const useWebNotification: typeof import("@vueuse/core")["useWebNotification"];
+  const useWebSocket: typeof import("@vueuse/core")["useWebSocket"];
+  const useWebWorker: typeof import("@vueuse/core")["useWebWorker"];
+  const useWebWorkerFn: typeof import("@vueuse/core")["useWebWorkerFn"];
+  const useWindowFocus: typeof import("@vueuse/core")["useWindowFocus"];
+  const useWindowScroll: typeof import("@vueuse/core")["useWindowScroll"];
+  const useWindowSize: typeof import("@vueuse/core")["useWindowSize"];
+  const watch: typeof import("vue")["watch"];
+  const watchArray: typeof import("@vueuse/core")["watchArray"];
+  const watchAtMost: typeof import("@vueuse/core")["watchAtMost"];
+  const watchDebounced: typeof import("@vueuse/core")["watchDebounced"];
+  const watchDeep: typeof import("@vueuse/core")["watchDeep"];
+  const watchEffect: typeof import("vue")["watchEffect"];
+  const watchIgnorable: typeof import("@vueuse/core")["watchIgnorable"];
+  const watchImmediate: typeof import("@vueuse/core")["watchImmediate"];
+  const watchOnce: typeof import("@vueuse/core")["watchOnce"];
+  const watchPausable: typeof import("@vueuse/core")["watchPausable"];
+  const watchPostEffect: typeof import("vue")["watchPostEffect"];
+  const watchSyncEffect: typeof import("vue")["watchSyncEffect"];
+  const watchThrottled: typeof import("@vueuse/core")["watchThrottled"];
+  const watchTriggerable: typeof import("@vueuse/core")["watchTriggerable"];
+  const watchWithFilter: typeof import("@vueuse/core")["watchWithFilter"];
+  const whenever: typeof import("@vueuse/core")["whenever"];
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type {
+    Component,
+    ComponentPublicInstance,
+    ComputedRef,
+    InjectionKey,
+    PropType,
+    Ref,
+    VNode,
+  } from "vue";
+}
+// for vue template auto import
+import { UnwrapRef } from "vue";
+declare module "vue" {
+  interface ComponentCustomProperties {
+    readonly EffectScope: UnwrapRef<typeof import("vue")["EffectScope"]>;
+    readonly ElForm: UnwrapRef<typeof import("element-plus/es")["ElForm"]>;
+    readonly ElMessage: UnwrapRef<
+      typeof import("element-plus/es")["ElMessage"]
+    >;
+    readonly ElMessageBox: UnwrapRef<
+      typeof import("element-plus/es")["ElMessageBox"]
+    >;
+    readonly ElTree: UnwrapRef<typeof import("element-plus/es")["ElTree"]>;
+    readonly asyncComputed: UnwrapRef<
+      typeof import("@vueuse/core")["asyncComputed"]
+    >;
+    readonly autoResetRef: UnwrapRef<
+      typeof import("@vueuse/core")["autoResetRef"]
+    >;
+    readonly computed: UnwrapRef<typeof import("vue")["computed"]>;
+    readonly computedAsync: UnwrapRef<
+      typeof import("@vueuse/core")["computedAsync"]
+    >;
+    readonly computedEager: UnwrapRef<
+      typeof import("@vueuse/core")["computedEager"]
+    >;
+    readonly computedInject: UnwrapRef<
+      typeof import("@vueuse/core")["computedInject"]
+    >;
+    readonly computedWithControl: UnwrapRef<
+      typeof import("@vueuse/core")["computedWithControl"]
+    >;
+    readonly controlledComputed: UnwrapRef<
+      typeof import("@vueuse/core")["controlledComputed"]
+    >;
+    readonly controlledRef: UnwrapRef<
+      typeof import("@vueuse/core")["controlledRef"]
+    >;
+    readonly createApp: UnwrapRef<typeof import("vue")["createApp"]>;
+    readonly createEventHook: UnwrapRef<
+      typeof import("@vueuse/core")["createEventHook"]
+    >;
+    readonly createGlobalState: UnwrapRef<
+      typeof import("@vueuse/core")["createGlobalState"]
+    >;
+    readonly createInjectionState: UnwrapRef<
+      typeof import("@vueuse/core")["createInjectionState"]
+    >;
+    readonly createReactiveFn: UnwrapRef<
+      typeof import("@vueuse/core")["createReactiveFn"]
+    >;
+    readonly createReusableTemplate: UnwrapRef<
+      typeof import("@vueuse/core")["createReusableTemplate"]
+    >;
+    readonly createSharedComposable: UnwrapRef<
+      typeof import("@vueuse/core")["createSharedComposable"]
+    >;
+    readonly createTemplatePromise: UnwrapRef<
+      typeof import("@vueuse/core")["createTemplatePromise"]
+    >;
+    readonly createUnrefFn: UnwrapRef<
+      typeof import("@vueuse/core")["createUnrefFn"]
+    >;
+    readonly customRef: UnwrapRef<typeof import("vue")["customRef"]>;
+    readonly debouncedRef: UnwrapRef<
+      typeof import("@vueuse/core")["debouncedRef"]
+    >;
+    readonly debouncedWatch: UnwrapRef<
+      typeof import("@vueuse/core")["debouncedWatch"]
+    >;
+    readonly defineAsyncComponent: UnwrapRef<
+      typeof import("vue")["defineAsyncComponent"]
+    >;
+    readonly defineComponent: UnwrapRef<
+      typeof import("vue")["defineComponent"]
+    >;
+    readonly eagerComputed: UnwrapRef<
+      typeof import("@vueuse/core")["eagerComputed"]
+    >;
+    readonly effectScope: UnwrapRef<typeof import("vue")["effectScope"]>;
+    readonly extendRef: UnwrapRef<typeof import("@vueuse/core")["extendRef"]>;
+    readonly getCurrentInstance: UnwrapRef<
+      typeof import("vue")["getCurrentInstance"]
+    >;
+    readonly getCurrentScope: UnwrapRef<
+      typeof import("vue")["getCurrentScope"]
+    >;
+    readonly h: UnwrapRef<typeof import("vue")["h"]>;
+    readonly ignorableWatch: UnwrapRef<
+      typeof import("@vueuse/core")["ignorableWatch"]
+    >;
+    readonly inject: UnwrapRef<typeof import("vue")["inject"]>;
+    readonly isDefined: UnwrapRef<typeof import("@vueuse/core")["isDefined"]>;
+    readonly isProxy: UnwrapRef<typeof import("vue")["isProxy"]>;
+    readonly isReactive: UnwrapRef<typeof import("vue")["isReactive"]>;
+    readonly isReadonly: UnwrapRef<typeof import("vue")["isReadonly"]>;
+    readonly isRef: UnwrapRef<typeof import("vue")["isRef"]>;
+    readonly makeDestructurable: UnwrapRef<
+      typeof import("@vueuse/core")["makeDestructurable"]
+    >;
+    readonly markRaw: UnwrapRef<typeof import("vue")["markRaw"]>;
+    readonly nextTick: UnwrapRef<typeof import("vue")["nextTick"]>;
+    readonly onActivated: UnwrapRef<typeof import("vue")["onActivated"]>;
+    readonly onBeforeMount: UnwrapRef<typeof import("vue")["onBeforeMount"]>;
+    readonly onBeforeUnmount: UnwrapRef<
+      typeof import("vue")["onBeforeUnmount"]
+    >;
+    readonly onBeforeUpdate: UnwrapRef<typeof import("vue")["onBeforeUpdate"]>;
+    readonly onClickOutside: UnwrapRef<
+      typeof import("@vueuse/core")["onClickOutside"]
+    >;
+    readonly onDeactivated: UnwrapRef<typeof import("vue")["onDeactivated"]>;
+    readonly onErrorCaptured: UnwrapRef<
+      typeof import("vue")["onErrorCaptured"]
+    >;
+    readonly onKeyStroke: UnwrapRef<
+      typeof import("@vueuse/core")["onKeyStroke"]
+    >;
+    readonly onLongPress: UnwrapRef<
+      typeof import("@vueuse/core")["onLongPress"]
+    >;
+    readonly onMounted: UnwrapRef<typeof import("vue")["onMounted"]>;
+    readonly onRenderTracked: UnwrapRef<
+      typeof import("vue")["onRenderTracked"]
+    >;
+    readonly onRenderTriggered: UnwrapRef<
+      typeof import("vue")["onRenderTriggered"]
+    >;
+    readonly onScopeDispose: UnwrapRef<typeof import("vue")["onScopeDispose"]>;
+    readonly onServerPrefetch: UnwrapRef<
+      typeof import("vue")["onServerPrefetch"]
+    >;
+    readonly onStartTyping: UnwrapRef<
+      typeof import("@vueuse/core")["onStartTyping"]
+    >;
+    readonly onUnmounted: UnwrapRef<typeof import("vue")["onUnmounted"]>;
+    readonly onUpdated: UnwrapRef<typeof import("vue")["onUpdated"]>;
+    readonly pausableWatch: UnwrapRef<
+      typeof import("@vueuse/core")["pausableWatch"]
+    >;
+    readonly provide: UnwrapRef<typeof import("vue")["provide"]>;
+    readonly reactify: UnwrapRef<typeof import("@vueuse/core")["reactify"]>;
+    readonly reactifyObject: UnwrapRef<
+      typeof import("@vueuse/core")["reactifyObject"]
+    >;
+    readonly reactive: UnwrapRef<typeof import("vue")["reactive"]>;
+    readonly reactiveComputed: UnwrapRef<
+      typeof import("@vueuse/core")["reactiveComputed"]
+    >;
+    readonly reactiveOmit: UnwrapRef<
+      typeof import("@vueuse/core")["reactiveOmit"]
+    >;
+    readonly reactivePick: UnwrapRef<
+      typeof import("@vueuse/core")["reactivePick"]
+    >;
+    readonly readonly: UnwrapRef<typeof import("vue")["readonly"]>;
+    readonly ref: UnwrapRef<typeof import("vue")["ref"]>;
+    readonly refAutoReset: UnwrapRef<
+      typeof import("@vueuse/core")["refAutoReset"]
+    >;
+    readonly refDebounced: UnwrapRef<
+      typeof import("@vueuse/core")["refDebounced"]
+    >;
+    readonly refDefault: UnwrapRef<typeof import("@vueuse/core")["refDefault"]>;
+    readonly refThrottled: UnwrapRef<
+      typeof import("@vueuse/core")["refThrottled"]
+    >;
+    readonly refWithControl: UnwrapRef<
+      typeof import("@vueuse/core")["refWithControl"]
+    >;
+    readonly resolveComponent: UnwrapRef<
+      typeof import("vue")["resolveComponent"]
+    >;
+    readonly resolveRef: UnwrapRef<typeof import("@vueuse/core")["resolveRef"]>;
+    readonly resolveUnref: UnwrapRef<
+      typeof import("@vueuse/core")["resolveUnref"]
+    >;
+    readonly shallowReactive: UnwrapRef<
+      typeof import("vue")["shallowReactive"]
+    >;
+    readonly shallowReadonly: UnwrapRef<
+      typeof import("vue")["shallowReadonly"]
+    >;
+    readonly shallowRef: UnwrapRef<typeof import("vue")["shallowRef"]>;
+    readonly syncRef: UnwrapRef<typeof import("@vueuse/core")["syncRef"]>;
+    readonly syncRefs: UnwrapRef<typeof import("@vueuse/core")["syncRefs"]>;
+    readonly templateRef: UnwrapRef<
+      typeof import("@vueuse/core")["templateRef"]
+    >;
+    readonly throttledRef: UnwrapRef<
+      typeof import("@vueuse/core")["throttledRef"]
+    >;
+    readonly throttledWatch: UnwrapRef<
+      typeof import("@vueuse/core")["throttledWatch"]
+    >;
+    readonly toRaw: UnwrapRef<typeof import("vue")["toRaw"]>;
+    readonly toReactive: UnwrapRef<typeof import("@vueuse/core")["toReactive"]>;
+    readonly toRef: UnwrapRef<typeof import("vue")["toRef"]>;
+    readonly toRefs: UnwrapRef<typeof import("vue")["toRefs"]>;
+    readonly toValue: UnwrapRef<typeof import("vue")["toValue"]>;
+    readonly triggerRef: UnwrapRef<typeof import("vue")["triggerRef"]>;
+    readonly tryOnBeforeMount: UnwrapRef<
+      typeof import("@vueuse/core")["tryOnBeforeMount"]
+    >;
+    readonly tryOnBeforeUnmount: UnwrapRef<
+      typeof import("@vueuse/core")["tryOnBeforeUnmount"]
+    >;
+    readonly tryOnMounted: UnwrapRef<
+      typeof import("@vueuse/core")["tryOnMounted"]
+    >;
+    readonly tryOnScopeDispose: UnwrapRef<
+      typeof import("@vueuse/core")["tryOnScopeDispose"]
+    >;
+    readonly tryOnUnmounted: UnwrapRef<
+      typeof import("@vueuse/core")["tryOnUnmounted"]
+    >;
+    readonly unref: UnwrapRef<typeof import("vue")["unref"]>;
+    readonly unrefElement: UnwrapRef<
+      typeof import("@vueuse/core")["unrefElement"]
+    >;
+    readonly until: UnwrapRef<typeof import("@vueuse/core")["until"]>;
+    readonly useActiveElement: UnwrapRef<
+      typeof import("@vueuse/core")["useActiveElement"]
+    >;
+    readonly useAnimate: UnwrapRef<typeof import("@vueuse/core")["useAnimate"]>;
+    readonly useArrayDifference: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayDifference"]
+    >;
+    readonly useArrayEvery: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayEvery"]
+    >;
+    readonly useArrayFilter: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayFilter"]
+    >;
+    readonly useArrayFind: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayFind"]
+    >;
+    readonly useArrayFindIndex: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayFindIndex"]
+    >;
+    readonly useArrayFindLast: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayFindLast"]
+    >;
+    readonly useArrayIncludes: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayIncludes"]
+    >;
+    readonly useArrayJoin: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayJoin"]
+    >;
+    readonly useArrayMap: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayMap"]
+    >;
+    readonly useArrayReduce: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayReduce"]
+    >;
+    readonly useArraySome: UnwrapRef<
+      typeof import("@vueuse/core")["useArraySome"]
+    >;
+    readonly useArrayUnique: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayUnique"]
+    >;
+    readonly useAsyncQueue: UnwrapRef<
+      typeof import("@vueuse/core")["useAsyncQueue"]
+    >;
+    readonly useAsyncState: UnwrapRef<
+      typeof import("@vueuse/core")["useAsyncState"]
+    >;
+    readonly useAttrs: UnwrapRef<typeof import("vue")["useAttrs"]>;
+    readonly useBase64: UnwrapRef<typeof import("@vueuse/core")["useBase64"]>;
+    readonly useBattery: UnwrapRef<typeof import("@vueuse/core")["useBattery"]>;
+    readonly useBluetooth: UnwrapRef<
+      typeof import("@vueuse/core")["useBluetooth"]
+    >;
+    readonly useBreakpoints: UnwrapRef<
+      typeof import("@vueuse/core")["useBreakpoints"]
+    >;
+    readonly useBroadcastChannel: UnwrapRef<
+      typeof import("@vueuse/core")["useBroadcastChannel"]
+    >;
+    readonly useBrowserLocation: UnwrapRef<
+      typeof import("@vueuse/core")["useBrowserLocation"]
+    >;
+    readonly useCached: UnwrapRef<typeof import("@vueuse/core")["useCached"]>;
+    readonly useClipboard: UnwrapRef<
+      typeof import("@vueuse/core")["useClipboard"]
+    >;
+    readonly useCloned: UnwrapRef<typeof import("@vueuse/core")["useCloned"]>;
+    readonly useColorMode: UnwrapRef<
+      typeof import("@vueuse/core")["useColorMode"]
+    >;
+    readonly useConfirmDialog: UnwrapRef<
+      typeof import("@vueuse/core")["useConfirmDialog"]
+    >;
+    readonly useCounter: UnwrapRef<typeof import("@vueuse/core")["useCounter"]>;
+    readonly useCssModule: UnwrapRef<typeof import("vue")["useCssModule"]>;
+    readonly useCssVar: UnwrapRef<typeof import("@vueuse/core")["useCssVar"]>;
+    readonly useCssVars: UnwrapRef<typeof import("vue")["useCssVars"]>;
+    readonly useCurrentElement: UnwrapRef<
+      typeof import("@vueuse/core")["useCurrentElement"]
+    >;
+    readonly useCycleList: UnwrapRef<
+      typeof import("@vueuse/core")["useCycleList"]
+    >;
+    readonly useDark: UnwrapRef<typeof import("@vueuse/core")["useDark"]>;
+    readonly useDateFormat: UnwrapRef<
+      typeof import("@vueuse/core")["useDateFormat"]
+    >;
+    readonly useDebounce: UnwrapRef<
+      typeof import("@vueuse/core")["useDebounce"]
+    >;
+    readonly useDebounceFn: UnwrapRef<
+      typeof import("@vueuse/core")["useDebounceFn"]
+    >;
+    readonly useDebouncedRefHistory: UnwrapRef<
+      typeof import("@vueuse/core")["useDebouncedRefHistory"]
+    >;
+    readonly useDeviceMotion: UnwrapRef<
+      typeof import("@vueuse/core")["useDeviceMotion"]
+    >;
+    readonly useDeviceOrientation: UnwrapRef<
+      typeof import("@vueuse/core")["useDeviceOrientation"]
+    >;
+    readonly useDevicePixelRatio: UnwrapRef<
+      typeof import("@vueuse/core")["useDevicePixelRatio"]
+    >;
+    readonly useDevicesList: UnwrapRef<
+      typeof import("@vueuse/core")["useDevicesList"]
+    >;
+    readonly useDisplayMedia: UnwrapRef<
+      typeof import("@vueuse/core")["useDisplayMedia"]
+    >;
+    readonly useDocumentVisibility: UnwrapRef<
+      typeof import("@vueuse/core")["useDocumentVisibility"]
+    >;
+    readonly useDraggable: UnwrapRef<
+      typeof import("@vueuse/core")["useDraggable"]
+    >;
+    readonly useDropZone: UnwrapRef<
+      typeof import("@vueuse/core")["useDropZone"]
+    >;
+    readonly useElementBounding: UnwrapRef<
+      typeof import("@vueuse/core")["useElementBounding"]
+    >;
+    readonly useElementByPoint: UnwrapRef<
+      typeof import("@vueuse/core")["useElementByPoint"]
+    >;
+    readonly useElementHover: UnwrapRef<
+      typeof import("@vueuse/core")["useElementHover"]
+    >;
+    readonly useElementSize: UnwrapRef<
+      typeof import("@vueuse/core")["useElementSize"]
+    >;
+    readonly useElementVisibility: UnwrapRef<
+      typeof import("@vueuse/core")["useElementVisibility"]
+    >;
+    readonly useEventBus: UnwrapRef<
+      typeof import("@vueuse/core")["useEventBus"]
+    >;
+    readonly useEventListener: UnwrapRef<
+      typeof import("@vueuse/core")["useEventListener"]
+    >;
+    readonly useEventSource: UnwrapRef<
+      typeof import("@vueuse/core")["useEventSource"]
+    >;
+    readonly useEyeDropper: UnwrapRef<
+      typeof import("@vueuse/core")["useEyeDropper"]
+    >;
+    readonly useFavicon: UnwrapRef<typeof import("@vueuse/core")["useFavicon"]>;
+    readonly useFetch: UnwrapRef<typeof import("@vueuse/core")["useFetch"]>;
+    readonly useFileDialog: UnwrapRef<
+      typeof import("@vueuse/core")["useFileDialog"]
+    >;
+    readonly useFileSystemAccess: UnwrapRef<
+      typeof import("@vueuse/core")["useFileSystemAccess"]
+    >;
+    readonly useFocus: UnwrapRef<typeof import("@vueuse/core")["useFocus"]>;
+    readonly useFocusWithin: UnwrapRef<
+      typeof import("@vueuse/core")["useFocusWithin"]
+    >;
+    readonly useFps: UnwrapRef<typeof import("@vueuse/core")["useFps"]>;
+    readonly useFullscreen: UnwrapRef<
+      typeof import("@vueuse/core")["useFullscreen"]
+    >;
+    readonly useGamepad: UnwrapRef<typeof import("@vueuse/core")["useGamepad"]>;
+    readonly useGeolocation: UnwrapRef<
+      typeof import("@vueuse/core")["useGeolocation"]
+    >;
+    readonly useIdle: UnwrapRef<typeof import("@vueuse/core")["useIdle"]>;
+    readonly useImage: UnwrapRef<typeof import("@vueuse/core")["useImage"]>;
+    readonly useInfiniteScroll: UnwrapRef<
+      typeof import("@vueuse/core")["useInfiniteScroll"]
+    >;
+    readonly useIntersectionObserver: UnwrapRef<
+      typeof import("@vueuse/core")["useIntersectionObserver"]
+    >;
+    readonly useInterval: UnwrapRef<
+      typeof import("@vueuse/core")["useInterval"]
+    >;
+    readonly useIntervalFn: UnwrapRef<
+      typeof import("@vueuse/core")["useIntervalFn"]
+    >;
+    readonly useKeyModifier: UnwrapRef<
+      typeof import("@vueuse/core")["useKeyModifier"]
+    >;
+    readonly useLastChanged: UnwrapRef<
+      typeof import("@vueuse/core")["useLastChanged"]
+    >;
+    readonly useLocalStorage: UnwrapRef<
+      typeof import("@vueuse/core")["useLocalStorage"]
+    >;
+    readonly useMagicKeys: UnwrapRef<
+      typeof import("@vueuse/core")["useMagicKeys"]
+    >;
+    readonly useManualRefHistory: UnwrapRef<
+      typeof import("@vueuse/core")["useManualRefHistory"]
+    >;
+    readonly useMediaControls: UnwrapRef<
+      typeof import("@vueuse/core")["useMediaControls"]
+    >;
+    readonly useMediaQuery: UnwrapRef<
+      typeof import("@vueuse/core")["useMediaQuery"]
+    >;
+    readonly useMemoize: UnwrapRef<typeof import("@vueuse/core")["useMemoize"]>;
+    readonly useMemory: UnwrapRef<typeof import("@vueuse/core")["useMemory"]>;
+    readonly useMounted: UnwrapRef<typeof import("@vueuse/core")["useMounted"]>;
+    readonly useMouse: UnwrapRef<typeof import("@vueuse/core")["useMouse"]>;
+    readonly useMouseInElement: UnwrapRef<
+      typeof import("@vueuse/core")["useMouseInElement"]
+    >;
+    readonly useMousePressed: UnwrapRef<
+      typeof import("@vueuse/core")["useMousePressed"]
+    >;
+    readonly useMutationObserver: UnwrapRef<
+      typeof import("@vueuse/core")["useMutationObserver"]
+    >;
+    readonly useNavigatorLanguage: UnwrapRef<
+      typeof import("@vueuse/core")["useNavigatorLanguage"]
+    >;
+    readonly useNetwork: UnwrapRef<typeof import("@vueuse/core")["useNetwork"]>;
+    readonly useNow: UnwrapRef<typeof import("@vueuse/core")["useNow"]>;
+    readonly useObjectUrl: UnwrapRef<
+      typeof import("@vueuse/core")["useObjectUrl"]
+    >;
+    readonly useOffsetPagination: UnwrapRef<
+      typeof import("@vueuse/core")["useOffsetPagination"]
+    >;
+    readonly useOnline: UnwrapRef<typeof import("@vueuse/core")["useOnline"]>;
+    readonly usePageLeave: UnwrapRef<
+      typeof import("@vueuse/core")["usePageLeave"]
+    >;
+    readonly useParallax: UnwrapRef<
+      typeof import("@vueuse/core")["useParallax"]
+    >;
+    readonly useParentElement: UnwrapRef<
+      typeof import("@vueuse/core")["useParentElement"]
+    >;
+    readonly usePerformanceObserver: UnwrapRef<
+      typeof import("@vueuse/core")["usePerformanceObserver"]
+    >;
+    readonly usePermission: UnwrapRef<
+      typeof import("@vueuse/core")["usePermission"]
+    >;
+    readonly usePointer: UnwrapRef<typeof import("@vueuse/core")["usePointer"]>;
+    readonly usePointerLock: UnwrapRef<
+      typeof import("@vueuse/core")["usePointerLock"]
+    >;
+    readonly usePointerSwipe: UnwrapRef<
+      typeof import("@vueuse/core")["usePointerSwipe"]
+    >;
+    readonly usePreferredColorScheme: UnwrapRef<
+      typeof import("@vueuse/core")["usePreferredColorScheme"]
+    >;
+    readonly usePreferredContrast: UnwrapRef<
+      typeof import("@vueuse/core")["usePreferredContrast"]
+    >;
+    readonly usePreferredDark: UnwrapRef<
+      typeof import("@vueuse/core")["usePreferredDark"]
+    >;
+    readonly usePreferredLanguages: UnwrapRef<
+      typeof import("@vueuse/core")["usePreferredLanguages"]
+    >;
+    readonly usePreferredReducedMotion: UnwrapRef<
+      typeof import("@vueuse/core")["usePreferredReducedMotion"]
+    >;
+    readonly usePrevious: UnwrapRef<
+      typeof import("@vueuse/core")["usePrevious"]
+    >;
+    readonly useRafFn: UnwrapRef<typeof import("@vueuse/core")["useRafFn"]>;
+    readonly useRefHistory: UnwrapRef<
+      typeof import("@vueuse/core")["useRefHistory"]
+    >;
+    readonly useResizeObserver: UnwrapRef<
+      typeof import("@vueuse/core")["useResizeObserver"]
+    >;
+    readonly useScreenOrientation: UnwrapRef<
+      typeof import("@vueuse/core")["useScreenOrientation"]
+    >;
+    readonly useScreenSafeArea: UnwrapRef<
+      typeof import("@vueuse/core")["useScreenSafeArea"]
+    >;
+    readonly useScriptTag: UnwrapRef<
+      typeof import("@vueuse/core")["useScriptTag"]
+    >;
+    readonly useScroll: UnwrapRef<typeof import("@vueuse/core")["useScroll"]>;
+    readonly useScrollLock: UnwrapRef<
+      typeof import("@vueuse/core")["useScrollLock"]
+    >;
+    readonly useSessionStorage: UnwrapRef<
+      typeof import("@vueuse/core")["useSessionStorage"]
+    >;
+    readonly useShare: UnwrapRef<typeof import("@vueuse/core")["useShare"]>;
+    readonly useSlots: UnwrapRef<typeof import("vue")["useSlots"]>;
+    readonly useSorted: UnwrapRef<typeof import("@vueuse/core")["useSorted"]>;
+    readonly useSpeechRecognition: UnwrapRef<
+      typeof import("@vueuse/core")["useSpeechRecognition"]
+    >;
+    readonly useSpeechSynthesis: UnwrapRef<
+      typeof import("@vueuse/core")["useSpeechSynthesis"]
+    >;
+    readonly useStepper: UnwrapRef<typeof import("@vueuse/core")["useStepper"]>;
+    readonly useStorage: UnwrapRef<typeof import("@vueuse/core")["useStorage"]>;
+    readonly useStorageAsync: UnwrapRef<
+      typeof import("@vueuse/core")["useStorageAsync"]
+    >;
+    readonly useStyleTag: UnwrapRef<
+      typeof import("@vueuse/core")["useStyleTag"]
+    >;
+    readonly useSupported: UnwrapRef<
+      typeof import("@vueuse/core")["useSupported"]
+    >;
+    readonly useSwipe: UnwrapRef<typeof import("@vueuse/core")["useSwipe"]>;
+    readonly useTemplateRefsList: UnwrapRef<
+      typeof import("@vueuse/core")["useTemplateRefsList"]
+    >;
+    readonly useTextDirection: UnwrapRef<
+      typeof import("@vueuse/core")["useTextDirection"]
+    >;
+    readonly useTextSelection: UnwrapRef<
+      typeof import("@vueuse/core")["useTextSelection"]
+    >;
+    readonly useTextareaAutosize: UnwrapRef<
+      typeof import("@vueuse/core")["useTextareaAutosize"]
+    >;
+    readonly useThrottle: UnwrapRef<
+      typeof import("@vueuse/core")["useThrottle"]
+    >;
+    readonly useThrottleFn: UnwrapRef<
+      typeof import("@vueuse/core")["useThrottleFn"]
+    >;
+    readonly useThrottledRefHistory: UnwrapRef<
+      typeof import("@vueuse/core")["useThrottledRefHistory"]
+    >;
+    readonly useTimeAgo: UnwrapRef<typeof import("@vueuse/core")["useTimeAgo"]>;
+    readonly useTimeout: UnwrapRef<typeof import("@vueuse/core")["useTimeout"]>;
+    readonly useTimeoutFn: UnwrapRef<
+      typeof import("@vueuse/core")["useTimeoutFn"]
+    >;
+    readonly useTimeoutPoll: UnwrapRef<
+      typeof import("@vueuse/core")["useTimeoutPoll"]
+    >;
+    readonly useTimestamp: UnwrapRef<
+      typeof import("@vueuse/core")["useTimestamp"]
+    >;
+    readonly useTitle: UnwrapRef<typeof import("@vueuse/core")["useTitle"]>;
+    readonly useToNumber: UnwrapRef<
+      typeof import("@vueuse/core")["useToNumber"]
+    >;
+    readonly useToString: UnwrapRef<
+      typeof import("@vueuse/core")["useToString"]
+    >;
+    readonly useToggle: UnwrapRef<typeof import("@vueuse/core")["useToggle"]>;
+    readonly useTransition: UnwrapRef<
+      typeof import("@vueuse/core")["useTransition"]
+    >;
+    readonly useUrlSearchParams: UnwrapRef<
+      typeof import("@vueuse/core")["useUrlSearchParams"]
+    >;
+    readonly useUserMedia: UnwrapRef<
+      typeof import("@vueuse/core")["useUserMedia"]
+    >;
+    readonly useVModel: UnwrapRef<typeof import("@vueuse/core")["useVModel"]>;
+    readonly useVModels: UnwrapRef<typeof import("@vueuse/core")["useVModels"]>;
+    readonly useVibrate: UnwrapRef<typeof import("@vueuse/core")["useVibrate"]>;
+    readonly useVirtualList: UnwrapRef<
+      typeof import("@vueuse/core")["useVirtualList"]
+    >;
+    readonly useWakeLock: UnwrapRef<
+      typeof import("@vueuse/core")["useWakeLock"]
+    >;
+    readonly useWebNotification: UnwrapRef<
+      typeof import("@vueuse/core")["useWebNotification"]
+    >;
+    readonly useWebSocket: UnwrapRef<
+      typeof import("@vueuse/core")["useWebSocket"]
+    >;
+    readonly useWebWorker: UnwrapRef<
+      typeof import("@vueuse/core")["useWebWorker"]
+    >;
+    readonly useWebWorkerFn: UnwrapRef<
+      typeof import("@vueuse/core")["useWebWorkerFn"]
+    >;
+    readonly useWindowFocus: UnwrapRef<
+      typeof import("@vueuse/core")["useWindowFocus"]
+    >;
+    readonly useWindowScroll: UnwrapRef<
+      typeof import("@vueuse/core")["useWindowScroll"]
+    >;
+    readonly useWindowSize: UnwrapRef<
+      typeof import("@vueuse/core")["useWindowSize"]
+    >;
+    readonly watch: UnwrapRef<typeof import("vue")["watch"]>;
+    readonly watchArray: UnwrapRef<typeof import("@vueuse/core")["watchArray"]>;
+    readonly watchAtMost: UnwrapRef<
+      typeof import("@vueuse/core")["watchAtMost"]
+    >;
+    readonly watchDebounced: UnwrapRef<
+      typeof import("@vueuse/core")["watchDebounced"]
+    >;
+    readonly watchDeep: UnwrapRef<typeof import("@vueuse/core")["watchDeep"]>;
+    readonly watchEffect: UnwrapRef<typeof import("vue")["watchEffect"]>;
+    readonly watchIgnorable: UnwrapRef<
+      typeof import("@vueuse/core")["watchIgnorable"]
+    >;
+    readonly watchImmediate: UnwrapRef<
+      typeof import("@vueuse/core")["watchImmediate"]
+    >;
+    readonly watchOnce: UnwrapRef<typeof import("@vueuse/core")["watchOnce"]>;
+    readonly watchPausable: UnwrapRef<
+      typeof import("@vueuse/core")["watchPausable"]
+    >;
+    readonly watchPostEffect: UnwrapRef<
+      typeof import("vue")["watchPostEffect"]
+    >;
+    readonly watchSyncEffect: UnwrapRef<
+      typeof import("vue")["watchSyncEffect"]
+    >;
+    readonly watchThrottled: UnwrapRef<
+      typeof import("@vueuse/core")["watchThrottled"]
+    >;
+    readonly watchTriggerable: UnwrapRef<
+      typeof import("@vueuse/core")["watchTriggerable"]
+    >;
+    readonly watchWithFilter: UnwrapRef<
+      typeof import("@vueuse/core")["watchWithFilter"]
+    >;
+    readonly whenever: UnwrapRef<typeof import("@vueuse/core")["whenever"]>;
+  }
+}
+declare module "@vue/runtime-core" {
+  interface ComponentCustomProperties {
+    readonly EffectScope: UnwrapRef<typeof import("vue")["EffectScope"]>;
+    readonly ElForm: UnwrapRef<typeof import("element-plus/es")["ElForm"]>;
+    readonly ElMessage: UnwrapRef<
+      typeof import("element-plus/es")["ElMessage"]
+    >;
+    readonly ElMessageBox: UnwrapRef<
+      typeof import("element-plus/es")["ElMessageBox"]
+    >;
+    readonly ElTree: UnwrapRef<typeof import("element-plus/es")["ElTree"]>;
+    readonly asyncComputed: UnwrapRef<
+      typeof import("@vueuse/core")["asyncComputed"]
+    >;
+    readonly autoResetRef: UnwrapRef<
+      typeof import("@vueuse/core")["autoResetRef"]
+    >;
+    readonly computed: UnwrapRef<typeof import("vue")["computed"]>;
+    readonly computedAsync: UnwrapRef<
+      typeof import("@vueuse/core")["computedAsync"]
+    >;
+    readonly computedEager: UnwrapRef<
+      typeof import("@vueuse/core")["computedEager"]
+    >;
+    readonly computedInject: UnwrapRef<
+      typeof import("@vueuse/core")["computedInject"]
+    >;
+    readonly computedWithControl: UnwrapRef<
+      typeof import("@vueuse/core")["computedWithControl"]
+    >;
+    readonly controlledComputed: UnwrapRef<
+      typeof import("@vueuse/core")["controlledComputed"]
+    >;
+    readonly controlledRef: UnwrapRef<
+      typeof import("@vueuse/core")["controlledRef"]
+    >;
+    readonly createApp: UnwrapRef<typeof import("vue")["createApp"]>;
+    readonly createEventHook: UnwrapRef<
+      typeof import("@vueuse/core")["createEventHook"]
+    >;
+    readonly createGlobalState: UnwrapRef<
+      typeof import("@vueuse/core")["createGlobalState"]
+    >;
+    readonly createInjectionState: UnwrapRef<
+      typeof import("@vueuse/core")["createInjectionState"]
+    >;
+    readonly createReactiveFn: UnwrapRef<
+      typeof import("@vueuse/core")["createReactiveFn"]
+    >;
+    readonly createReusableTemplate: UnwrapRef<
+      typeof import("@vueuse/core")["createReusableTemplate"]
+    >;
+    readonly createSharedComposable: UnwrapRef<
+      typeof import("@vueuse/core")["createSharedComposable"]
+    >;
+    readonly createTemplatePromise: UnwrapRef<
+      typeof import("@vueuse/core")["createTemplatePromise"]
+    >;
+    readonly createUnrefFn: UnwrapRef<
+      typeof import("@vueuse/core")["createUnrefFn"]
+    >;
+    readonly customRef: UnwrapRef<typeof import("vue")["customRef"]>;
+    readonly debouncedRef: UnwrapRef<
+      typeof import("@vueuse/core")["debouncedRef"]
+    >;
+    readonly debouncedWatch: UnwrapRef<
+      typeof import("@vueuse/core")["debouncedWatch"]
+    >;
+    readonly defineAsyncComponent: UnwrapRef<
+      typeof import("vue")["defineAsyncComponent"]
+    >;
+    readonly defineComponent: UnwrapRef<
+      typeof import("vue")["defineComponent"]
+    >;
+    readonly eagerComputed: UnwrapRef<
+      typeof import("@vueuse/core")["eagerComputed"]
+    >;
+    readonly effectScope: UnwrapRef<typeof import("vue")["effectScope"]>;
+    readonly extendRef: UnwrapRef<typeof import("@vueuse/core")["extendRef"]>;
+    readonly getCurrentInstance: UnwrapRef<
+      typeof import("vue")["getCurrentInstance"]
+    >;
+    readonly getCurrentScope: UnwrapRef<
+      typeof import("vue")["getCurrentScope"]
+    >;
+    readonly h: UnwrapRef<typeof import("vue")["h"]>;
+    readonly ignorableWatch: UnwrapRef<
+      typeof import("@vueuse/core")["ignorableWatch"]
+    >;
+    readonly inject: UnwrapRef<typeof import("vue")["inject"]>;
+    readonly isDefined: UnwrapRef<typeof import("@vueuse/core")["isDefined"]>;
+    readonly isProxy: UnwrapRef<typeof import("vue")["isProxy"]>;
+    readonly isReactive: UnwrapRef<typeof import("vue")["isReactive"]>;
+    readonly isReadonly: UnwrapRef<typeof import("vue")["isReadonly"]>;
+    readonly isRef: UnwrapRef<typeof import("vue")["isRef"]>;
+    readonly makeDestructurable: UnwrapRef<
+      typeof import("@vueuse/core")["makeDestructurable"]
+    >;
+    readonly markRaw: UnwrapRef<typeof import("vue")["markRaw"]>;
+    readonly nextTick: UnwrapRef<typeof import("vue")["nextTick"]>;
+    readonly onActivated: UnwrapRef<typeof import("vue")["onActivated"]>;
+    readonly onBeforeMount: UnwrapRef<typeof import("vue")["onBeforeMount"]>;
+    readonly onBeforeUnmount: UnwrapRef<
+      typeof import("vue")["onBeforeUnmount"]
+    >;
+    readonly onBeforeUpdate: UnwrapRef<typeof import("vue")["onBeforeUpdate"]>;
+    readonly onClickOutside: UnwrapRef<
+      typeof import("@vueuse/core")["onClickOutside"]
+    >;
+    readonly onDeactivated: UnwrapRef<typeof import("vue")["onDeactivated"]>;
+    readonly onErrorCaptured: UnwrapRef<
+      typeof import("vue")["onErrorCaptured"]
+    >;
+    readonly onKeyStroke: UnwrapRef<
+      typeof import("@vueuse/core")["onKeyStroke"]
+    >;
+    readonly onLongPress: UnwrapRef<
+      typeof import("@vueuse/core")["onLongPress"]
+    >;
+    readonly onMounted: UnwrapRef<typeof import("vue")["onMounted"]>;
+    readonly onRenderTracked: UnwrapRef<
+      typeof import("vue")["onRenderTracked"]
+    >;
+    readonly onRenderTriggered: UnwrapRef<
+      typeof import("vue")["onRenderTriggered"]
+    >;
+    readonly onScopeDispose: UnwrapRef<typeof import("vue")["onScopeDispose"]>;
+    readonly onServerPrefetch: UnwrapRef<
+      typeof import("vue")["onServerPrefetch"]
+    >;
+    readonly onStartTyping: UnwrapRef<
+      typeof import("@vueuse/core")["onStartTyping"]
+    >;
+    readonly onUnmounted: UnwrapRef<typeof import("vue")["onUnmounted"]>;
+    readonly onUpdated: UnwrapRef<typeof import("vue")["onUpdated"]>;
+    readonly pausableWatch: UnwrapRef<
+      typeof import("@vueuse/core")["pausableWatch"]
+    >;
+    readonly provide: UnwrapRef<typeof import("vue")["provide"]>;
+    readonly reactify: UnwrapRef<typeof import("@vueuse/core")["reactify"]>;
+    readonly reactifyObject: UnwrapRef<
+      typeof import("@vueuse/core")["reactifyObject"]
+    >;
+    readonly reactive: UnwrapRef<typeof import("vue")["reactive"]>;
+    readonly reactiveComputed: UnwrapRef<
+      typeof import("@vueuse/core")["reactiveComputed"]
+    >;
+    readonly reactiveOmit: UnwrapRef<
+      typeof import("@vueuse/core")["reactiveOmit"]
+    >;
+    readonly reactivePick: UnwrapRef<
+      typeof import("@vueuse/core")["reactivePick"]
+    >;
+    readonly readonly: UnwrapRef<typeof import("vue")["readonly"]>;
+    readonly ref: UnwrapRef<typeof import("vue")["ref"]>;
+    readonly refAutoReset: UnwrapRef<
+      typeof import("@vueuse/core")["refAutoReset"]
+    >;
+    readonly refDebounced: UnwrapRef<
+      typeof import("@vueuse/core")["refDebounced"]
+    >;
+    readonly refDefault: UnwrapRef<typeof import("@vueuse/core")["refDefault"]>;
+    readonly refThrottled: UnwrapRef<
+      typeof import("@vueuse/core")["refThrottled"]
+    >;
+    readonly refWithControl: UnwrapRef<
+      typeof import("@vueuse/core")["refWithControl"]
+    >;
+    readonly resolveComponent: UnwrapRef<
+      typeof import("vue")["resolveComponent"]
+    >;
+    readonly resolveRef: UnwrapRef<typeof import("@vueuse/core")["resolveRef"]>;
+    readonly resolveUnref: UnwrapRef<
+      typeof import("@vueuse/core")["resolveUnref"]
+    >;
+    readonly shallowReactive: UnwrapRef<
+      typeof import("vue")["shallowReactive"]
+    >;
+    readonly shallowReadonly: UnwrapRef<
+      typeof import("vue")["shallowReadonly"]
+    >;
+    readonly shallowRef: UnwrapRef<typeof import("vue")["shallowRef"]>;
+    readonly syncRef: UnwrapRef<typeof import("@vueuse/core")["syncRef"]>;
+    readonly syncRefs: UnwrapRef<typeof import("@vueuse/core")["syncRefs"]>;
+    readonly templateRef: UnwrapRef<
+      typeof import("@vueuse/core")["templateRef"]
+    >;
+    readonly throttledRef: UnwrapRef<
+      typeof import("@vueuse/core")["throttledRef"]
+    >;
+    readonly throttledWatch: UnwrapRef<
+      typeof import("@vueuse/core")["throttledWatch"]
+    >;
+    readonly toRaw: UnwrapRef<typeof import("vue")["toRaw"]>;
+    readonly toReactive: UnwrapRef<typeof import("@vueuse/core")["toReactive"]>;
+    readonly toRef: UnwrapRef<typeof import("vue")["toRef"]>;
+    readonly toRefs: UnwrapRef<typeof import("vue")["toRefs"]>;
+    readonly toValue: UnwrapRef<typeof import("vue")["toValue"]>;
+    readonly triggerRef: UnwrapRef<typeof import("vue")["triggerRef"]>;
+    readonly tryOnBeforeMount: UnwrapRef<
+      typeof import("@vueuse/core")["tryOnBeforeMount"]
+    >;
+    readonly tryOnBeforeUnmount: UnwrapRef<
+      typeof import("@vueuse/core")["tryOnBeforeUnmount"]
+    >;
+    readonly tryOnMounted: UnwrapRef<
+      typeof import("@vueuse/core")["tryOnMounted"]
+    >;
+    readonly tryOnScopeDispose: UnwrapRef<
+      typeof import("@vueuse/core")["tryOnScopeDispose"]
+    >;
+    readonly tryOnUnmounted: UnwrapRef<
+      typeof import("@vueuse/core")["tryOnUnmounted"]
+    >;
+    readonly unref: UnwrapRef<typeof import("vue")["unref"]>;
+    readonly unrefElement: UnwrapRef<
+      typeof import("@vueuse/core")["unrefElement"]
+    >;
+    readonly until: UnwrapRef<typeof import("@vueuse/core")["until"]>;
+    readonly useActiveElement: UnwrapRef<
+      typeof import("@vueuse/core")["useActiveElement"]
+    >;
+    readonly useAnimate: UnwrapRef<typeof import("@vueuse/core")["useAnimate"]>;
+    readonly useArrayDifference: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayDifference"]
+    >;
+    readonly useArrayEvery: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayEvery"]
+    >;
+    readonly useArrayFilter: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayFilter"]
+    >;
+    readonly useArrayFind: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayFind"]
+    >;
+    readonly useArrayFindIndex: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayFindIndex"]
+    >;
+    readonly useArrayFindLast: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayFindLast"]
+    >;
+    readonly useArrayIncludes: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayIncludes"]
+    >;
+    readonly useArrayJoin: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayJoin"]
+    >;
+    readonly useArrayMap: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayMap"]
+    >;
+    readonly useArrayReduce: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayReduce"]
+    >;
+    readonly useArraySome: UnwrapRef<
+      typeof import("@vueuse/core")["useArraySome"]
+    >;
+    readonly useArrayUnique: UnwrapRef<
+      typeof import("@vueuse/core")["useArrayUnique"]
+    >;
+    readonly useAsyncQueue: UnwrapRef<
+      typeof import("@vueuse/core")["useAsyncQueue"]
+    >;
+    readonly useAsyncState: UnwrapRef<
+      typeof import("@vueuse/core")["useAsyncState"]
+    >;
+    readonly useAttrs: UnwrapRef<typeof import("vue")["useAttrs"]>;
+    readonly useBase64: UnwrapRef<typeof import("@vueuse/core")["useBase64"]>;
+    readonly useBattery: UnwrapRef<typeof import("@vueuse/core")["useBattery"]>;
+    readonly useBluetooth: UnwrapRef<
+      typeof import("@vueuse/core")["useBluetooth"]
+    >;
+    readonly useBreakpoints: UnwrapRef<
+      typeof import("@vueuse/core")["useBreakpoints"]
+    >;
+    readonly useBroadcastChannel: UnwrapRef<
+      typeof import("@vueuse/core")["useBroadcastChannel"]
+    >;
+    readonly useBrowserLocation: UnwrapRef<
+      typeof import("@vueuse/core")["useBrowserLocation"]
+    >;
+    readonly useCached: UnwrapRef<typeof import("@vueuse/core")["useCached"]>;
+    readonly useClipboard: UnwrapRef<
+      typeof import("@vueuse/core")["useClipboard"]
+    >;
+    readonly useCloned: UnwrapRef<typeof import("@vueuse/core")["useCloned"]>;
+    readonly useColorMode: UnwrapRef<
+      typeof import("@vueuse/core")["useColorMode"]
+    >;
+    readonly useConfirmDialog: UnwrapRef<
+      typeof import("@vueuse/core")["useConfirmDialog"]
+    >;
+    readonly useCounter: UnwrapRef<typeof import("@vueuse/core")["useCounter"]>;
+    readonly useCssModule: UnwrapRef<typeof import("vue")["useCssModule"]>;
+    readonly useCssVar: UnwrapRef<typeof import("@vueuse/core")["useCssVar"]>;
+    readonly useCssVars: UnwrapRef<typeof import("vue")["useCssVars"]>;
+    readonly useCurrentElement: UnwrapRef<
+      typeof import("@vueuse/core")["useCurrentElement"]
+    >;
+    readonly useCycleList: UnwrapRef<
+      typeof import("@vueuse/core")["useCycleList"]
+    >;
+    readonly useDark: UnwrapRef<typeof import("@vueuse/core")["useDark"]>;
+    readonly useDateFormat: UnwrapRef<
+      typeof import("@vueuse/core")["useDateFormat"]
+    >;
+    readonly useDebounce: UnwrapRef<
+      typeof import("@vueuse/core")["useDebounce"]
+    >;
+    readonly useDebounceFn: UnwrapRef<
+      typeof import("@vueuse/core")["useDebounceFn"]
+    >;
+    readonly useDebouncedRefHistory: UnwrapRef<
+      typeof import("@vueuse/core")["useDebouncedRefHistory"]
+    >;
+    readonly useDeviceMotion: UnwrapRef<
+      typeof import("@vueuse/core")["useDeviceMotion"]
+    >;
+    readonly useDeviceOrientation: UnwrapRef<
+      typeof import("@vueuse/core")["useDeviceOrientation"]
+    >;
+    readonly useDevicePixelRatio: UnwrapRef<
+      typeof import("@vueuse/core")["useDevicePixelRatio"]
+    >;
+    readonly useDevicesList: UnwrapRef<
+      typeof import("@vueuse/core")["useDevicesList"]
+    >;
+    readonly useDisplayMedia: UnwrapRef<
+      typeof import("@vueuse/core")["useDisplayMedia"]
+    >;
+    readonly useDocumentVisibility: UnwrapRef<
+      typeof import("@vueuse/core")["useDocumentVisibility"]
+    >;
+    readonly useDraggable: UnwrapRef<
+      typeof import("@vueuse/core")["useDraggable"]
+    >;
+    readonly useDropZone: UnwrapRef<
+      typeof import("@vueuse/core")["useDropZone"]
+    >;
+    readonly useElementBounding: UnwrapRef<
+      typeof import("@vueuse/core")["useElementBounding"]
+    >;
+    readonly useElementByPoint: UnwrapRef<
+      typeof import("@vueuse/core")["useElementByPoint"]
+    >;
+    readonly useElementHover: UnwrapRef<
+      typeof import("@vueuse/core")["useElementHover"]
+    >;
+    readonly useElementSize: UnwrapRef<
+      typeof import("@vueuse/core")["useElementSize"]
+    >;
+    readonly useElementVisibility: UnwrapRef<
+      typeof import("@vueuse/core")["useElementVisibility"]
+    >;
+    readonly useEventBus: UnwrapRef<
+      typeof import("@vueuse/core")["useEventBus"]
+    >;
+    readonly useEventListener: UnwrapRef<
+      typeof import("@vueuse/core")["useEventListener"]
+    >;
+    readonly useEventSource: UnwrapRef<
+      typeof import("@vueuse/core")["useEventSource"]
+    >;
+    readonly useEyeDropper: UnwrapRef<
+      typeof import("@vueuse/core")["useEyeDropper"]
+    >;
+    readonly useFavicon: UnwrapRef<typeof import("@vueuse/core")["useFavicon"]>;
+    readonly useFetch: UnwrapRef<typeof import("@vueuse/core")["useFetch"]>;
+    readonly useFileDialog: UnwrapRef<
+      typeof import("@vueuse/core")["useFileDialog"]
+    >;
+    readonly useFileSystemAccess: UnwrapRef<
+      typeof import("@vueuse/core")["useFileSystemAccess"]
+    >;
+    readonly useFocus: UnwrapRef<typeof import("@vueuse/core")["useFocus"]>;
+    readonly useFocusWithin: UnwrapRef<
+      typeof import("@vueuse/core")["useFocusWithin"]
+    >;
+    readonly useFps: UnwrapRef<typeof import("@vueuse/core")["useFps"]>;
+    readonly useFullscreen: UnwrapRef<
+      typeof import("@vueuse/core")["useFullscreen"]
+    >;
+    readonly useGamepad: UnwrapRef<typeof import("@vueuse/core")["useGamepad"]>;
+    readonly useGeolocation: UnwrapRef<
+      typeof import("@vueuse/core")["useGeolocation"]
+    >;
+    readonly useIdle: UnwrapRef<typeof import("@vueuse/core")["useIdle"]>;
+    readonly useImage: UnwrapRef<typeof import("@vueuse/core")["useImage"]>;
+    readonly useInfiniteScroll: UnwrapRef<
+      typeof import("@vueuse/core")["useInfiniteScroll"]
+    >;
+    readonly useIntersectionObserver: UnwrapRef<
+      typeof import("@vueuse/core")["useIntersectionObserver"]
+    >;
+    readonly useInterval: UnwrapRef<
+      typeof import("@vueuse/core")["useInterval"]
+    >;
+    readonly useIntervalFn: UnwrapRef<
+      typeof import("@vueuse/core")["useIntervalFn"]
+    >;
+    readonly useKeyModifier: UnwrapRef<
+      typeof import("@vueuse/core")["useKeyModifier"]
+    >;
+    readonly useLastChanged: UnwrapRef<
+      typeof import("@vueuse/core")["useLastChanged"]
+    >;
+    readonly useLocalStorage: UnwrapRef<
+      typeof import("@vueuse/core")["useLocalStorage"]
+    >;
+    readonly useMagicKeys: UnwrapRef<
+      typeof import("@vueuse/core")["useMagicKeys"]
+    >;
+    readonly useManualRefHistory: UnwrapRef<
+      typeof import("@vueuse/core")["useManualRefHistory"]
+    >;
+    readonly useMediaControls: UnwrapRef<
+      typeof import("@vueuse/core")["useMediaControls"]
+    >;
+    readonly useMediaQuery: UnwrapRef<
+      typeof import("@vueuse/core")["useMediaQuery"]
+    >;
+    readonly useMemoize: UnwrapRef<typeof import("@vueuse/core")["useMemoize"]>;
+    readonly useMemory: UnwrapRef<typeof import("@vueuse/core")["useMemory"]>;
+    readonly useMounted: UnwrapRef<typeof import("@vueuse/core")["useMounted"]>;
+    readonly useMouse: UnwrapRef<typeof import("@vueuse/core")["useMouse"]>;
+    readonly useMouseInElement: UnwrapRef<
+      typeof import("@vueuse/core")["useMouseInElement"]
+    >;
+    readonly useMousePressed: UnwrapRef<
+      typeof import("@vueuse/core")["useMousePressed"]
+    >;
+    readonly useMutationObserver: UnwrapRef<
+      typeof import("@vueuse/core")["useMutationObserver"]
+    >;
+    readonly useNavigatorLanguage: UnwrapRef<
+      typeof import("@vueuse/core")["useNavigatorLanguage"]
+    >;
+    readonly useNetwork: UnwrapRef<typeof import("@vueuse/core")["useNetwork"]>;
+    readonly useNow: UnwrapRef<typeof import("@vueuse/core")["useNow"]>;
+    readonly useObjectUrl: UnwrapRef<
+      typeof import("@vueuse/core")["useObjectUrl"]
+    >;
+    readonly useOffsetPagination: UnwrapRef<
+      typeof import("@vueuse/core")["useOffsetPagination"]
+    >;
+    readonly useOnline: UnwrapRef<typeof import("@vueuse/core")["useOnline"]>;
+    readonly usePageLeave: UnwrapRef<
+      typeof import("@vueuse/core")["usePageLeave"]
+    >;
+    readonly useParallax: UnwrapRef<
+      typeof import("@vueuse/core")["useParallax"]
+    >;
+    readonly useParentElement: UnwrapRef<
+      typeof import("@vueuse/core")["useParentElement"]
+    >;
+    readonly usePerformanceObserver: UnwrapRef<
+      typeof import("@vueuse/core")["usePerformanceObserver"]
+    >;
+    readonly usePermission: UnwrapRef<
+      typeof import("@vueuse/core")["usePermission"]
+    >;
+    readonly usePointer: UnwrapRef<typeof import("@vueuse/core")["usePointer"]>;
+    readonly usePointerLock: UnwrapRef<
+      typeof import("@vueuse/core")["usePointerLock"]
+    >;
+    readonly usePointerSwipe: UnwrapRef<
+      typeof import("@vueuse/core")["usePointerSwipe"]
+    >;
+    readonly usePreferredColorScheme: UnwrapRef<
+      typeof import("@vueuse/core")["usePreferredColorScheme"]
+    >;
+    readonly usePreferredContrast: UnwrapRef<
+      typeof import("@vueuse/core")["usePreferredContrast"]
+    >;
+    readonly usePreferredDark: UnwrapRef<
+      typeof import("@vueuse/core")["usePreferredDark"]
+    >;
+    readonly usePreferredLanguages: UnwrapRef<
+      typeof import("@vueuse/core")["usePreferredLanguages"]
+    >;
+    readonly usePreferredReducedMotion: UnwrapRef<
+      typeof import("@vueuse/core")["usePreferredReducedMotion"]
+    >;
+    readonly usePrevious: UnwrapRef<
+      typeof import("@vueuse/core")["usePrevious"]
+    >;
+    readonly useRafFn: UnwrapRef<typeof import("@vueuse/core")["useRafFn"]>;
+    readonly useRefHistory: UnwrapRef<
+      typeof import("@vueuse/core")["useRefHistory"]
+    >;
+    readonly useResizeObserver: UnwrapRef<
+      typeof import("@vueuse/core")["useResizeObserver"]
+    >;
+    readonly useScreenOrientation: UnwrapRef<
+      typeof import("@vueuse/core")["useScreenOrientation"]
+    >;
+    readonly useScreenSafeArea: UnwrapRef<
+      typeof import("@vueuse/core")["useScreenSafeArea"]
+    >;
+    readonly useScriptTag: UnwrapRef<
+      typeof import("@vueuse/core")["useScriptTag"]
+    >;
+    readonly useScroll: UnwrapRef<typeof import("@vueuse/core")["useScroll"]>;
+    readonly useScrollLock: UnwrapRef<
+      typeof import("@vueuse/core")["useScrollLock"]
+    >;
+    readonly useSessionStorage: UnwrapRef<
+      typeof import("@vueuse/core")["useSessionStorage"]
+    >;
+    readonly useShare: UnwrapRef<typeof import("@vueuse/core")["useShare"]>;
+    readonly useSlots: UnwrapRef<typeof import("vue")["useSlots"]>;
+    readonly useSorted: UnwrapRef<typeof import("@vueuse/core")["useSorted"]>;
+    readonly useSpeechRecognition: UnwrapRef<
+      typeof import("@vueuse/core")["useSpeechRecognition"]
+    >;
+    readonly useSpeechSynthesis: UnwrapRef<
+      typeof import("@vueuse/core")["useSpeechSynthesis"]
+    >;
+    readonly useStepper: UnwrapRef<typeof import("@vueuse/core")["useStepper"]>;
+    readonly useStorage: UnwrapRef<typeof import("@vueuse/core")["useStorage"]>;
+    readonly useStorageAsync: UnwrapRef<
+      typeof import("@vueuse/core")["useStorageAsync"]
+    >;
+    readonly useStyleTag: UnwrapRef<
+      typeof import("@vueuse/core")["useStyleTag"]
+    >;
+    readonly useSupported: UnwrapRef<
+      typeof import("@vueuse/core")["useSupported"]
+    >;
+    readonly useSwipe: UnwrapRef<typeof import("@vueuse/core")["useSwipe"]>;
+    readonly useTemplateRefsList: UnwrapRef<
+      typeof import("@vueuse/core")["useTemplateRefsList"]
+    >;
+    readonly useTextDirection: UnwrapRef<
+      typeof import("@vueuse/core")["useTextDirection"]
+    >;
+    readonly useTextSelection: UnwrapRef<
+      typeof import("@vueuse/core")["useTextSelection"]
+    >;
+    readonly useTextareaAutosize: UnwrapRef<
+      typeof import("@vueuse/core")["useTextareaAutosize"]
+    >;
+    readonly useThrottle: UnwrapRef<
+      typeof import("@vueuse/core")["useThrottle"]
+    >;
+    readonly useThrottleFn: UnwrapRef<
+      typeof import("@vueuse/core")["useThrottleFn"]
+    >;
+    readonly useThrottledRefHistory: UnwrapRef<
+      typeof import("@vueuse/core")["useThrottledRefHistory"]
+    >;
+    readonly useTimeAgo: UnwrapRef<typeof import("@vueuse/core")["useTimeAgo"]>;
+    readonly useTimeout: UnwrapRef<typeof import("@vueuse/core")["useTimeout"]>;
+    readonly useTimeoutFn: UnwrapRef<
+      typeof import("@vueuse/core")["useTimeoutFn"]
+    >;
+    readonly useTimeoutPoll: UnwrapRef<
+      typeof import("@vueuse/core")["useTimeoutPoll"]
+    >;
+    readonly useTimestamp: UnwrapRef<
+      typeof import("@vueuse/core")["useTimestamp"]
+    >;
+    readonly useTitle: UnwrapRef<typeof import("@vueuse/core")["useTitle"]>;
+    readonly useToNumber: UnwrapRef<
+      typeof import("@vueuse/core")["useToNumber"]
+    >;
+    readonly useToString: UnwrapRef<
+      typeof import("@vueuse/core")["useToString"]
+    >;
+    readonly useToggle: UnwrapRef<typeof import("@vueuse/core")["useToggle"]>;
+    readonly useTransition: UnwrapRef<
+      typeof import("@vueuse/core")["useTransition"]
+    >;
+    readonly useUrlSearchParams: UnwrapRef<
+      typeof import("@vueuse/core")["useUrlSearchParams"]
+    >;
+    readonly useUserMedia: UnwrapRef<
+      typeof import("@vueuse/core")["useUserMedia"]
+    >;
+    readonly useVModel: UnwrapRef<typeof import("@vueuse/core")["useVModel"]>;
+    readonly useVModels: UnwrapRef<typeof import("@vueuse/core")["useVModels"]>;
+    readonly useVibrate: UnwrapRef<typeof import("@vueuse/core")["useVibrate"]>;
+    readonly useVirtualList: UnwrapRef<
+      typeof import("@vueuse/core")["useVirtualList"]
+    >;
+    readonly useWakeLock: UnwrapRef<
+      typeof import("@vueuse/core")["useWakeLock"]
+    >;
+    readonly useWebNotification: UnwrapRef<
+      typeof import("@vueuse/core")["useWebNotification"]
+    >;
+    readonly useWebSocket: UnwrapRef<
+      typeof import("@vueuse/core")["useWebSocket"]
+    >;
+    readonly useWebWorker: UnwrapRef<
+      typeof import("@vueuse/core")["useWebWorker"]
+    >;
+    readonly useWebWorkerFn: UnwrapRef<
+      typeof import("@vueuse/core")["useWebWorkerFn"]
+    >;
+    readonly useWindowFocus: UnwrapRef<
+      typeof import("@vueuse/core")["useWindowFocus"]
+    >;
+    readonly useWindowScroll: UnwrapRef<
+      typeof import("@vueuse/core")["useWindowScroll"]
+    >;
+    readonly useWindowSize: UnwrapRef<
+      typeof import("@vueuse/core")["useWindowSize"]
+    >;
+    readonly watch: UnwrapRef<typeof import("vue")["watch"]>;
+    readonly watchArray: UnwrapRef<typeof import("@vueuse/core")["watchArray"]>;
+    readonly watchAtMost: UnwrapRef<
+      typeof import("@vueuse/core")["watchAtMost"]
+    >;
+    readonly watchDebounced: UnwrapRef<
+      typeof import("@vueuse/core")["watchDebounced"]
+    >;
+    readonly watchDeep: UnwrapRef<typeof import("@vueuse/core")["watchDeep"]>;
+    readonly watchEffect: UnwrapRef<typeof import("vue")["watchEffect"]>;
+    readonly watchIgnorable: UnwrapRef<
+      typeof import("@vueuse/core")["watchIgnorable"]
+    >;
+    readonly watchImmediate: UnwrapRef<
+      typeof import("@vueuse/core")["watchImmediate"]
+    >;
+    readonly watchOnce: UnwrapRef<typeof import("@vueuse/core")["watchOnce"]>;
+    readonly watchPausable: UnwrapRef<
+      typeof import("@vueuse/core")["watchPausable"]
+    >;
+    readonly watchPostEffect: UnwrapRef<
+      typeof import("vue")["watchPostEffect"]
+    >;
+    readonly watchSyncEffect: UnwrapRef<
+      typeof import("vue")["watchSyncEffect"]
+    >;
+    readonly watchThrottled: UnwrapRef<
+      typeof import("@vueuse/core")["watchThrottled"]
+    >;
+    readonly watchTriggerable: UnwrapRef<
+      typeof import("@vueuse/core")["watchTriggerable"]
+    >;
+    readonly watchWithFilter: UnwrapRef<
+      typeof import("@vueuse/core")["watchWithFilter"]
+    >;
+    readonly whenever: UnwrapRef<typeof import("@vueuse/core")["whenever"]>;
+  }
+}
diff --git a/types/components.d.ts b/types/components.d.ts
new file mode 100644
index 0000000..418010e
--- /dev/null
+++ b/types/components.d.ts
@@ -0,0 +1,117 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
+export {};
+
+declare module "@vue/runtime-core" {
+  export interface GlobalComponents {
+    AppMain: typeof import("./../layout/components/AppMain.vue")["default"];
+    BarChart: typeof import("./../views/dashboard/components/BarChart.vue")["default"];
+    Breadcrumb: typeof import("./../components/Breadcrumb/index.vue")["default"];
+    DeptTree: typeof import("./../views/system/user/components/dept-tree.vue")["default"];
+    Dictionary: typeof import("./../components/Dictionary/index.vue")["default"];
+    DictItem: typeof import("./../views/system/dict/components/dict-item.vue")["default"];
+    ElAlert: typeof import("element-plus/es")["ElAlert"];
+    ElBreadcrumb: typeof import("element-plus/es")["ElBreadcrumb"];
+    ElBreadcrumbItem: typeof import("element-plus/es")["ElBreadcrumbItem"];
+    ElButton: typeof import("element-plus/es")["ElButton"];
+    ElCard: typeof import("element-plus/es")["ElCard"];
+    ElCheckbox: typeof import("element-plus/es")["ElCheckbox"];
+    ElCheckboxGroup: typeof import("element-plus/es")["ElCheckboxGroup"];
+    ElCol: typeof import("element-plus/es")["ElCol"];
+    ElDatePicker: typeof import("element-plus/es")["ElDatePicker"];
+    ElDialog: typeof import("element-plus/es")["ElDialog"];
+    ElDivider: typeof import("element-plus/es")["ElDivider"];
+    ElDropdown: typeof import("element-plus/es")["ElDropdown"];
+    ElDropdownItem: typeof import("element-plus/es")["ElDropdownItem"];
+    ElDropdownMenu: typeof import("element-plus/es")["ElDropdownMenu"];
+    ElForm: typeof import("element-plus/es")["ElForm"];
+    ElFormItem: typeof import("element-plus/es")["ElFormItem"];
+    ElIcon: typeof import("element-plus/es")["ElIcon"];
+    ElImage: typeof import("element-plus/es")["ElImage"];
+    ElInput: typeof import("element-plus/es")["ElInput"];
+    ElInputNumber: typeof import("element-plus/es")["ElInputNumber"];
+    ElLink: typeof import("element-plus/es")["ElLink"];
+    ElMenu: typeof import("element-plus/es")["ElMenu"];
+    ElMenuItem: typeof import("element-plus/es")["ElMenuItem"];
+    ElOption: typeof import("element-plus/es")["ElOption"];
+    ElPagination: typeof import("element-plus/es")["ElPagination"];
+    ElPopover: typeof import("element-plus/es")["ElPopover"];
+    ElRadio: typeof import("element-plus/es")["ElRadio"];
+    ElRadioButton: typeof import("element-plus/es")["ElRadioButton"];
+    ElRadioGroup: typeof import("element-plus/es")["ElRadioGroup"];
+    ElRate: typeof import("element-plus/es")["ElRate"];
+    ElRow: typeof import("element-plus/es")["ElRow"];
+    ElScrollbar: typeof import("element-plus/es")["ElScrollbar"];
+    ElSelect: typeof import("element-plus/es")["ElSelect"];
+    ElSubMenu: typeof import("element-plus/es")["ElSubMenu"];
+    ElSwitch: typeof import("element-plus/es")["ElSwitch"];
+    ElTable: typeof import("element-plus/es")["ElTable"];
+    ElTableColumn: typeof import("element-plus/es")["ElTableColumn"];
+    ElTabPane: typeof import("element-plus/es")["ElTabPane"];
+    ElTabs: typeof import("element-plus/es")["ElTabs"];
+    ElTag: typeof import("element-plus/es")["ElTag"];
+    ElTooltip: typeof import("element-plus/es")["ElTooltip"];
+    ElTree: typeof import("element-plus/es")["ElTree"];
+    ElTreeSelect: typeof import("element-plus/es")["ElTreeSelect"];
+    ElUpload: typeof import("element-plus/es")["ElUpload"];
+    FixedThead: typeof import("./../views/demo/table/dynamic-table/components/FixedThead.vue")["default"];
+    FunnelChart: typeof import("./../views/dashboard/components/FunnelChart.vue")["default"];
+    GithubCorner: typeof import("./../components/GithubCorner/index.vue")["default"];
+    Hamburger: typeof import("./../components/Hamburger/index.vue")["default"];
+    IconSelect: typeof import("./../components/IconSelect/index.vue")["default"];
+    IEpArrowDown: typeof import("~icons/ep/arrow-down")["default"];
+    IEpCaretBottom: typeof import("~icons/ep/caret-bottom")["default"];
+    IEpCaretTop: typeof import("~icons/ep/caret-top")["default"];
+    IEpClose: typeof import("~icons/ep/close")["default"];
+    IEpCollection: typeof import("~icons/ep/collection")["default"];
+    IEpDelete: typeof import("~icons/ep/delete")["default"];
+    IEpDownload: typeof import("~icons/ep/download")["default"];
+    IEpEdit: typeof import("~icons/ep/edit")["default"];
+    IEpPicture: typeof import("~icons/ep/picture")["default"];
+    IEpPlus: typeof import("~icons/ep/plus")["default"];
+    IEpPosition: typeof import("~icons/ep/position")["default"];
+    IEpRefresh: typeof import("~icons/ep/refresh")["default"];
+    IEpRefreshLeft: typeof import("~icons/ep/refresh-left")["default"];
+    IEpSearch: typeof import("~icons/ep/search")["default"];
+    IEpSetting: typeof import("~icons/ep/setting")["default"];
+    IEpSortDown: typeof import("~icons/ep/sort-down")["default"];
+    IEpSortUp: typeof import("~icons/ep/sort-up")["default"];
+    IEpTop: typeof import("~icons/ep/top")["default"];
+    IEpUploadFilled: typeof import("~icons/ep/upload-filled")["default"];
+    Item: typeof import("./../layout/components/Sidebar/Item.vue")["default"];
+    LangSelect: typeof import("./../components/LangSelect/index.vue")["default"];
+    LeftMenu: typeof import("./../layout/components/Sidebar/LeftMenu.vue")["default"];
+    Link: typeof import("./../layout/components/Sidebar/Link.vue")["default"];
+    Logo: typeof import("./../layout/components/Sidebar/Logo.vue")["default"];
+    MultiUpload: typeof import("./../components/Upload/MultiUpload.vue")["default"];
+    NavBar: typeof import("./../layout/components/NavBar/index.vue")["default"];
+    NavRight: typeof import("./../layout/components/NavBar/NavRight.vue")["default"];
+    Pagination: typeof import("./../components/Pagination/index.vue")["default"];
+    PieChart: typeof import("./../views/dashboard/components/PieChart.vue")["default"];
+    RadarChart: typeof import("./../views/dashboard/components/RadarChart.vue")["default"];
+    RightPanel: typeof import("./../components/RightPanel/index.vue")["default"];
+    RouterLink: typeof import("vue-router")["RouterLink"];
+    RouterView: typeof import("vue-router")["RouterView"];
+    ScrollPane: typeof import("./../layout/components/TagsView/ScrollPane.vue")["default"];
+    Settings: typeof import("./../layout/components/Settings/index.vue")["default"];
+    Sidebar: typeof import("./../layout/components/Sidebar/index.vue")["default"];
+    SidebarItem: typeof import("./../layout/components/Sidebar/SidebarItem.vue")["default"];
+    SingleUpload: typeof import("./../components/Upload/SingleUpload.vue")["default"];
+    SizeSelect: typeof import("./../components/SizeSelect/index.vue")["default"];
+    SvgIcon: typeof import("./../components/SvgIcon/index.vue")["default"];
+    SwitchRoles: typeof import("./../views/demo/permission/components/SwitchRoles.vue")["default"];
+    TagInput: typeof import("./../components/TagInput/index.vue")["default"];
+    TagsView: typeof import("./../layout/components/TagsView/index.vue")["default"];
+    TopMenu: typeof import("./../layout/components/Sidebar/TopMenu.vue")["default"];
+    UnfixedThead: typeof import("./../views/demo/table/dynamic-table/components/UnfixedThead.vue")["default"];
+    WangEditor: typeof import("./../components/WangEditor/index.vue")["default"];
+  }
+  export interface ComponentCustomProperties {
+    vLoading: typeof import("element-plus/es")["ElLoadingDirective"];
+  }
+}
diff --git a/src/types/env.d.ts b/types/env.d.ts
similarity index 81%
rename from src/types/env.d.ts
rename to types/env.d.ts
index d9cdd46..f623198 100644
--- a/src/types/env.d.ts
+++ b/types/env.d.ts
@@ -7,15 +7,14 @@ declare module "*.vue" {
   export default component;
 }
 
-// 环境变量 TypeScript的智能提示
 interface ImportMetaEnv {
-  VITE_APP_TITLE: string;
+  /** 应用端口 */
   VITE_APP_PORT: string;
+  /** API 基础路径 */
   VITE_APP_BASE_API: string;
+  VITE_APP_API_URL: string;
 }
 
 interface ImportMeta {
   readonly env: ImportMetaEnv;
 }
-
-declare module "lodash-es";
diff --git a/types/global.d.ts b/types/global.d.ts
new file mode 100644
index 0000000..3cec431
--- /dev/null
+++ b/types/global.d.ts
@@ -0,0 +1,102 @@
+declare global {
+  /**
+   * 系统名称、版本、依赖、构建时间的类型提示
+   */
+  const __APP_INFO__: {
+    pkg: {
+      name: string;
+      version: string;
+      dependencies: Recordable<string>;
+      devDependencies: Recordable<string>;
+    };
+    lastBuildTime: string;
+  };
+
+  /**
+   * 分页查询参数
+   */
+  interface PageQuery {
+    pageNum: number;
+    pageSize: number;
+  }
+
+  /**
+   * 分页响应对象
+   */
+  interface PageResult<T> {
+    /** 数据列表 */
+    list: T;
+    /** 总数 */
+    total: number;
+  }
+
+  /**
+   * 页签对象
+   */
+  interface TagView {
+    /** 页签名称 */
+    name: string;
+    /** 页签标题 */
+    title: string;
+    /** 页签路由路径 */
+    path: string;
+    /** 页签路由完整路径 */
+    fullPath: string;
+    /** 页签图标 */
+    icon?: string;
+    /** 是否固定页签 */
+    affix?: boolean;
+    /** 是否开启缓存 */
+    keepAlive?: boolean;
+    /** 路由查询参数 */
+    query?: any;
+  }
+
+  /**
+   * 系统设置
+   */
+  interface AppSettings {
+    /** 系统标题 */
+    title: string;
+    /** 系统版本 */
+    version: string;
+    /** 是否显示设置 */
+    showSettings: boolean;
+    /** 是否固定头部 */
+    fixedHeader: boolean;
+    /** 是否显示多标签导航 */
+    tagsView: boolean;
+    /** 是否显示侧边栏Logo */
+    sidebarLogo: boolean;
+    /** 导航栏布局(left|top|mix) */
+    layout: string;
+    /** 主题颜色 */
+    themeColor: string;
+    /** 主题模式(dark|light) */
+    theme: string;
+    /** 布局大小(default |large |small) */
+    size: string;
+    /** 语言( zh-cn| en) */
+    language: string;
+    /** 水印配置 */
+    watermark: {
+      /** 是否开启水印 */
+      enabled: boolean;
+      /** 水印内容 */
+      content: string;
+    };
+  }
+
+  /**
+   * 组件数据源
+   */
+  interface OptionType {
+    /** 值 */
+    value: string | number;
+    /** 文本 */
+    label: string;
+    /** 子列表  */
+    children?: OptionType[];
+  }
+}
+export {};
diff --git a/types/router.d.ts b/types/router.d.ts
new file mode 100644
index 0000000..0b6475b
--- /dev/null
+++ b/types/router.d.ts
@@ -0,0 +1,22 @@
+import "vue-router";
+
+declare module "vue-router" {
+  // https://router.vuejs.org/zh/guide/advanced/meta.html#typescript
+  // 可以通过扩展 RouteMeta 接口来输入 meta 字段
+  interface RouteMeta {
+    /** 菜单名称 */
+    title: string;
+    /** 菜单图标  */
+    icon?: string;
+    /** 菜单是否隐藏 */
+    hidden?: boolean;
+    /** 是否固定页签 */
+    affix?: boolean;
+    /** 是否缓存页面 */
+    keepAlive?: boolean;
+    /** 是否在面包屑上隐藏 */
+    breadcrumb?: boolean;
+    /** 拥有菜单权限的角色编码集合 */
+    roles?: string[];
+  }
+}
diff --git a/src/types/shims-vue.d.ts b/types/shims-vue.d.ts
similarity index 100%
rename from src/types/shims-vue.d.ts
rename to types/shims-vue.d.ts
diff --git a/vite.config.ts b/vite.config.ts
index c22f0a0..7a2aff8 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,5 +1,4 @@
 import vue from "@vitejs/plugin-vue";
-
 import { UserConfig, ConfigEnv, loadEnv, defineConfig } from "vite";
 
 import AutoImport from "unplugin-auto-import/vite";
@@ -12,14 +11,13 @@ import IconsResolver from "unplugin-icons/resolver";
 import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
 
 import { viteMockServe } from "vite-plugin-mock";
-
 import vueJsx from "@vitejs/plugin-vue-jsx";
 
 import UnoCSS from "unocss/vite";
-import path from "path";
+import { resolve } from "path";
 
-const pathSrc = path.resolve(__dirname, "src");
-// 参考Vite官方： https://cn.vitejs.dev/config
+const pathSrc = resolve(__dirname, "src");
+//  https://cn.vitejs.dev/config
 export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
   const env = loadEnv(mode, process.cwd());
   return {
@@ -53,17 +51,13 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
          * http://localhost:3000/dev-api/users (F12可见请求路径) => http://localhost:8989/users (实际请求后端 API 路径)
          *
          * env.VITE_APP_BASE_API: /dev-api
-         * env.VITE_APP_TARGET_URL: http://localhost:8989
-         * env.VITE_APP_TARGET_BASE_API: ""
+         * env.VITE_APP_API_URL: http://localhost:8989
          */
         [env.VITE_APP_BASE_API]: {
           changeOrigin: true,
-          target: env.VITE_APP_TARGET_URL,
+          target: env.VITE_APP_API_URL,
           rewrite: (path) =>
-            path.replace(
-              new RegExp("^" + env.VITE_APP_BASE_API),
-              env.VITE_APP_TARGET_BASE_API
-            ),
+            path.replace(new RegExp("^" + env.VITE_APP_BASE_API), ""),
         },
       },
     },
@@ -86,8 +80,8 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
         },
         vueTemplate: true,
         // 配置文件生成位置(false:关闭自动生成)
-        dts: false,
-        // dts: "src/types/auto-imports.d.ts",
+        //dts: false,
+        dts: "src/types/auto-imports.d.ts",
       }),
 
       Components({
@@ -100,8 +94,8 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
         // 指定自定义组件位置(默认:src/components)
         dirs: ["src/components", "src/**/components"],
         // 配置文件位置 (false:关闭自动生成)
-        dts: false,
-        // dts: "src/types/components.d.ts",
+        // dts: false,
+        dts: "src/types/components.d.ts",
       }),
 
       Icons({
@@ -109,7 +103,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
       }),
       createSvgIconsPlugin({
         // 指定需要缓存的图标文件夹
-        iconDirs: [path.resolve(pathSrc, "assets/icons")],
+        iconDirs: [resolve(pathSrc, "assets/icons")],
         // 指定symbolId格式
         symbolId: "icon-[dir]-[name]",
       }),
@@ -173,6 +167,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
         "element-plus/es/components/notification/style/css",
         "element-plus/es/components/image/style/css",
         "element-plus/es/components/statistic/style/css",
+        "element-plus/es/components/watermark/style/css",
         "@vueuse/core",
         "sortablejs",
         "path-to-regexp",