befly-admin 3.12.5 → 3.12.6

package/src/layouts/default.vue

@@ -12,7 +12,7 @@
 
             <!-- 菜单区域 -->
             <div class="sidebar-menu">
-                <t-menu v-model:value="$Data.currentMenuKey" v-model:expanded="$Data.expandedKeys" width="220px" @change="$Method.onMenuClick">
+                <t-menu v-model:value="$Data.currentMenuKey" v-model:expanded="$Data.expandedKeys" width="220px" @change="onMenuClick">
                     <template v-for="menu in $Data.userMenus" :key="menu.id">
                         <!-- 无子菜单 -->
                         <t-menu-item v-if="!menu.children || menu.children.length === 0" :value="menu.path">
@@ -40,12 +40,12 @@
 
             <!-- 底部操作区域 -->
             <div class="sidebar-footer">
-                <div class="footer-item" @click="$Method.handleSettings">
+                <div class="footer-item" @click="handleSettings">
                     <i-lucide:settings style="width: 18px; height: 18px" />
                     <span>系统设置</span>
                 </div>
                 <div class="footer-user">
-                    <t-upload :action="$Config.uploadUrl" :headers="{ Authorization: $Storage.local.get('token') }" :show-upload-list="false" accept="image/*" @success="$Method.onAvatarUploadSuccess">
+                    <t-upload :action="$Config.uploadUrl" :headers="{ Authorization: $Storage.local.get('token') }" :show-upload-list="false" accept="image/*" @success="onAvatarUploadSuccess">
                         <div class="user-avatar" :class="{ 'has-avatar': $Data.userInfo.avatar }">
                             <img v-if="$Data.userInfo.avatar" :src="$Data.userInfo.avatar" alt="avatar" />
                             <i-lucide:user v-else style="width: 16px; height: 16px; color: #fff" />
@@ -58,7 +58,7 @@
                         <span class="user-name">{{ $Data.userInfo.nickname || "管理员" }}</span>
                         <span class="user-role">{{ $Data.userInfo.role || "超级管理员" }}</span>
                     </div>
-                    <t-button theme="default" variant="text" size="small" @click="$Method.handleLogout">
+                    <t-button theme="default" variant="text" size="small" @click="handleLogout">
                         <template #icon>
                             <i-lucide:log-out style="width: 16px; height: 16px" />
                         </template>
@@ -75,7 +75,6 @@
 </template>
 
 <script setup lang="ts">
-import { DialogPlugin } from "tdesign-vue-next";
 import { arrayToTree } from "befly-shared/utils/arrayToTree";
 
 const router = useRouter();
@@ -130,202 +129,188 @@ const $Data = $ref({
     }
 });
 
-// 方法
-const $Method = {
-    // 获取用户菜单权限
-    async fetchUserMenus() {
-        try {
-            const { data } = await $Http.post("/addon/admin/menu/all");
-            const lists = Array.isArray(data?.lists) ? data.lists : [];
+async function fetchUserMenus() {
+    try {
+        const { data } = await $Http.post("/addon/admin/menu/all");
+        const lists = Array.isArray(data?.lists) ? data.lists : [];
 
-            const bizMenus = [];
-            const routeRecords = router.getRoutes();
+        const bizMenus = [];
+        const routeRecords = router.getRoutes();
 
-            for (const record of routeRecords) {
-                const path = normalizePath(record.path);
+        for (const record of routeRecords) {
+            const path = normalizePath(record.path);
 
-                if (typeof path !== "string") {
-                    continue;
-                }
-
-                if (path === "/") {
-                    continue;
-                }
+            if (typeof path !== "string") {
+                continue;
+            }
 
-                if (path === normalizePath(loginPath)) {
-                    continue;
-                }
+            if (path === "/") {
+                continue;
+            }
 
-                if (path.startsWith("/addon/")) {
-                    continue;
-                }
+            if (path === normalizePath(loginPath)) {
+                continue;
+            }
 
-                const title = typeof record.meta?.title === "string" ? record.meta.title : "";
-                if (title.length === 0) {
-                    continue;
-                }
+            if (path.startsWith("/addon/")) {
+                continue;
+            }
 
-                if (bizMenus.some((m) => m.path === path)) {
-                    continue;
-                }
+            const title = typeof record.meta?.title === "string" ? record.meta.title : "";
+            if (title.length === 0) {
+                continue;
+            }
 
-                bizMenus.push({
-                    id: `biz_${path.replace(/[^a-zA-Z0-9]+/g, "_")}`,
-                    parentPath: "__biz__",
-                    name: title,
-                    path: path
-                });
+            if (bizMenus.some((m) => m.path === path)) {
+                continue;
             }
 
-            bizMenus.sort((a, b) => String(a.path).localeCompare(String(b.path)));
-
-            const bizMenusFlat =
-                bizMenus.length > 0
-                    ? [
-                          {
-                              id: "biz",
-                              parentPath: "",
-                              name: "业务",
-                              path: "__biz__",
-                              sort: 2
-                          }
-                      ].concat(
-                          bizMenus.map((m) => {
-                              return Object.assign({}, m, { sort: 2 });
-                          })
-                      )
-                    : [];
-
-            const normalizedLists = lists.map((menu) => {
-                const menuPath = normalizePath(menu?.path);
-                const menuParentPath = normalizeParentPath(menu?.parentPath);
-                return Object.assign({}, menu, { path: menuPath, parentPath: menuParentPath });
+            bizMenus.push({
+                id: `biz_${path.replace(/[^a-zA-Z0-9]+/g, "_")}`,
+                parentPath: "__biz__",
+                name: title,
+                path: path
             });
+        }
 
-            const mergedLists = bizMenusFlat.concat(normalizedLists);
+        bizMenus.sort((a, b) => String(a.path).localeCompare(String(b.path)));
+
+        const bizMenusFlat =
+            bizMenus.length > 0
+                ? [
+                      {
+                          id: "biz",
+                          parentPath: "",
+                          name: "业务",
+                          path: "__biz__",
+                          sort: 2
+                      }
+                  ].concat(
+                      bizMenus.map((m) => {
+                          return Object.assign({}, m, { sort: 2 });
+                      })
+                  )
+                : [];
+
+        const normalizedLists = lists.map((menu) => {
+            const menuPath = normalizePath(menu?.path);
+            const menuParentPath = normalizeParentPath(menu?.parentPath);
+            return Object.assign({}, menu, { path: menuPath, parentPath: menuParentPath });
+        });
 
-            const treeResult = arrayToTree(mergedLists, "path", "parentPath", "children", "sort");
+        const mergedLists = bizMenusFlat.concat(normalizedLists);
 
-            $Data.userMenusFlat = treeResult.flat;
-            $Data.userMenus = treeResult.tree;
-            $Method.setActiveMenu();
-        } catch (error) {
-            MessagePlugin.error("获取用户菜单失败");
-        }
-    },
-
-    // 设置当前激活的菜单（从一维数据查找并构建父级链）
-    setActiveMenu() {
-        const currentPath = route.path;
-        const normalizedCurrentPath = normalizePath(currentPath);
-
-        // 在一维数据中查找当前路径对应的菜单
-        const currentMenu = $Data.userMenusFlat.find((menu) => {
-            const menuPath = menu.path;
-            const normalizedMenuPath = normalizePath(menuPath);
-            return normalizedMenuPath === normalizedCurrentPath;
-        });
+        const treeResult = arrayToTree(mergedLists, "path", "parentPath", "children", "sort");
 
-        if (!currentMenu) {
-            return;
-        }
+        $Data.userMenusFlat = treeResult.flat;
+        $Data.userMenus = treeResult.tree;
+        setActiveMenu();
+    } catch (error) {
+        void showMessageError("获取用户菜单失败");
+    }
+}
 
-        // 构建展开的父级链
-        const expandedKeys = [];
-        let menu = currentMenu;
+function setActiveMenu() {
+    const currentPath = route.path;
+    const normalizedCurrentPath = normalizePath(currentPath);
 
-        // 向上查找所有父级（通过 parentPath 关联）
-        while (typeof menu.parentPath === "string" && menu.parentPath.length > 0) {
-            const parent = $Data.userMenusFlat.find((m) => {
-                const parentMenuPath = normalizePath(m?.path);
-                const currentParentPath = normalizeParentPath(menu?.parentPath);
-                return parentMenuPath === currentParentPath;
-            });
+    const currentMenu = $Data.userMenusFlat.find((menu) => {
+        const menuPath = menu.path;
+        const normalizedMenuPath = normalizePath(menuPath);
+        return normalizedMenuPath === normalizedCurrentPath;
+    });
 
-            if (parent) {
-                expandedKeys.unshift(String(parent.id));
-                menu = parent;
-                continue;
-            }
+    if (!currentMenu) {
+        return;
+    }
+
+    const expandedKeys = [];
+    let menu = currentMenu;
 
-            break;
+    while (typeof menu.parentPath === "string" && menu.parentPath.length > 0) {
+        const parent = $Data.userMenusFlat.find((m) => {
+            const parentMenuPath = normalizePath(m?.path);
+            const currentParentPath = normalizeParentPath(menu?.parentPath);
+            return parentMenuPath === currentParentPath;
+        });
+
+        if (parent) {
+            expandedKeys.unshift(String(parent.id));
+            menu = parent;
+            continue;
         }
 
-        // 设置展开的父级和当前激活的菜单
-        $Data.expandedKeys = expandedKeys;
-        $Data.currentMenuKey = currentPath;
-    },
+        break;
+    }
+
+    $Data.expandedKeys = expandedKeys;
+    $Data.currentMenuKey = currentPath;
+}
+
+function onMenuClick(path) {
+    if (typeof path === "string" && path.startsWith("/")) {
+        router.push(path);
+    }
+}
+
+async function handleLogout() {
+    let dialog = null;
+    let destroyed = false;
 
-    // 处理菜单点击
-    onMenuClick(path) {
-        if (typeof path === "string" && path.startsWith("/")) {
-            router.push(path);
+    const destroy = () => {
+        if (destroyed) return;
+        destroyed = true;
+        if (dialog && typeof dialog.destroy === "function") {
+            dialog.destroy();
         }
-    },
-
-    // 处理退出登录
-    handleLogout() {
-        let dialog = null;
-        let destroyed = false;
-
-        const destroy = () => {
-            if (destroyed) return;
-            destroyed = true;
-            if (dialog && typeof dialog.destroy === "function") {
-                dialog.destroy();
+    };
+
+    dialog = await openConfirmDialog({
+        header: "确认退出登录",
+        body: "确定要退出登录吗？",
+        status: "warning",
+        onConfirm: async () => {
+            if (dialog && typeof dialog.setConfirmLoading === "function") {
+                dialog.setConfirmLoading(true);
             }
-        };
 
-        dialog = DialogPlugin.confirm({
-            header: "确认退出登录",
-            body: "确定要退出登录吗？",
-            status: "warning",
-            onConfirm: async () => {
+            try {
+                $Storage.local.remove("token");
+                await router.push(loginPath);
+                await showMessageSuccess("退出成功");
+                destroy();
+            } catch (error) {
+                await showMessageError("退出失败");
+                destroy();
+            } finally {
                 if (dialog && typeof dialog.setConfirmLoading === "function") {
-                    dialog.setConfirmLoading(true);
+                    dialog.setConfirmLoading(false);
                 }
-
-                try {
-                    $Storage.local.remove("token");
-                    await router.push(loginPath);
-                    MessagePlugin.success("退出成功");
-                    destroy();
-                } catch (error) {
-                    MessagePlugin.error("退出失败");
-                    destroy();
-                } finally {
-                    if (dialog && typeof dialog.setConfirmLoading === "function") {
-                        dialog.setConfirmLoading(false);
-                    }
-                }
-            },
-            onClose: () => {
-                destroy();
             }
-        });
-    },
-
-    // 处理系统设置
-    handleSettings() {
-        router.push("/addon/admin/settings");
-    },
-
-    // 头像上传成功
-    onAvatarUploadSuccess(res) {
-        if (res.response?.code === 0 && res.response?.data?.url) {
-            $Data.userInfo.avatar = res.response.data.url;
-            MessagePlugin.success("头像上传成功");
-            // TODO: 可以调用接口保存用户头像
+        },
+        onClose: () => {
+            destroy();
         }
+    });
+}
+
+function handleSettings() {
+    router.push("/addon/admin/settings");
+}
+
+function onAvatarUploadSuccess(res) {
+    if (res.response?.code === 0 && res.response?.data?.url) {
+        $Data.userInfo.avatar = res.response.data.url;
+        void showMessageSuccess("头像上传成功");
     }
-};
+}
 
-$Method.fetchUserMenus();
+fetchUserMenus();
 
 watch(
     () => route.path,
     () => {
-        $Method.setActiveMenu();
+        setActiveMenu();
     }
 );
 </script>

package/src/plugins/config.ts

@@ -18,14 +18,14 @@ export type BeflyAdminConfig = {
  * 内置配置对象
  */
 export const $Config: BeflyAdminConfig = {
-    appTitle: import.meta.env.VITE_APP_TITLE || "野蜂飞舞",
-    apiBaseUrl: import.meta.env.VITE_API_BASE_URL || "",
+    appTitle: import.meta.env["VITE_APP_TITLE"] || "野蜂飞舞",
+    apiBaseUrl: import.meta.env["VITE_API_BASE_URL"] || "",
 
-    uploadUrl: import.meta.env.VITE_UPLOAD_URL || ((import.meta.env.VITE_API_BASE_URL || "").length > 0 ? `${import.meta.env.VITE_API_BASE_URL}/upload` : "/upload"),
-    storageNamespace: import.meta.env.VITE_STORAGE_NAMESPACE || "befly_admin",
+    uploadUrl: import.meta.env["VITE_UPLOAD_URL"] || ((import.meta.env["VITE_API_BASE_URL"] || "").length > 0 ? `${import.meta.env["VITE_API_BASE_URL"]}/upload` : "/upload"),
+    storageNamespace: import.meta.env["VITE_STORAGE_NAMESPACE"] || "befly_admin",
 
-    loginPath: import.meta.env.VITE_LOGIN_PATH || "/addon/admin/login",
-    homePath: import.meta.env.VITE_HOME_PATH || "/addon/admin",
+    loginPath: import.meta.env["VITE_LOGIN_PATH"] || "/addon/admin/login",
+    homePath: import.meta.env["VITE_HOME_PATH"] || "/addon/admin",
     isDev: import.meta.env.DEV,
     isProd: import.meta.env.PROD
 };

package/src/plugins/http.ts

@@ -71,10 +71,9 @@ function isNormalizedHttpError(value: unknown): value is HttpError {
 }
 
 async function showNetworkErrorToast(): Promise<void> {
-    // 在测试/非浏览器环境下，tdesign-vue-next 可能不可用；仅在需要展示提示时再加载。
     try {
-        const mod = await import("tdesign-vue-next");
-        mod.MessagePlugin.error("网络连接失败");
+        // 在测试/非浏览器环境下，提示组件可能不可用；仅在需要展示提示时再加载。
+        await showMessageError("网络连接失败");
     } catch {
         // ignore
     }
@@ -103,7 +102,7 @@ async function unwrapApiResponse<TData>(promise: Promise<AxiosResponse<HttpApiRe
 
 // 创建 axios 实例
 const request = axios.create({
-    baseURL: (import.meta as unknown as { env?: Record<string, string> }).env?.VITE_API_BASE_URL || "",
+    baseURL: (import.meta as unknown as { env?: Record<string, string> }).env?.["VITE_API_BASE_URL"] || "",
     timeout: 10000,
     headers: {
         "Content-Type": "application/json"

package/src/plugins/storage.ts

@@ -4,7 +4,7 @@
  */
 
 // 获取命名空间
-const NAMESPACE = (import.meta as unknown as { env?: Record<string, string> }).env?.VITE_STORAGE_NAMESPACE || "befly";
+const NAMESPACE = (import.meta as unknown as { env?: Record<string, string> }).env?.["VITE_STORAGE_NAMESPACE"] || "befly";
 
 class MemoryStorage implements Storage {
     private map: Map<string, string>;

package/src/styles/global.scss

@@ -115,17 +115,6 @@ body {
 //     }
 // }
 
-.dialog-wrapper {
-    background-color: var(--bg-color-page);
-    padding: var(--spacing-md);
-    border-radius: var(--border-radius);
-}
-.dialog-footer {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-}
-
 // 通用卡片样式
 .section-block {
     background: var(--bg-color-container);

package/src/types/auto-imports.d.ts

@@ -10,7 +10,7 @@ declare global {
   const $Http: typeof import('../plugins/http').$Http
   const $Router: typeof import('../plugins/router').$Router
   const $Storage: typeof import('../plugins/storage').$Storage
-  const DialogPlugin: typeof import("tdesign-vue-next").DialogPlugin
+  const DialogPlugin: typeof import('tdesign-vue-next').DialogPlugin
   const EffectScope: typeof import('vue').EffectScope
   const MessagePlugin: typeof import('tdesign-vue-next').MessagePlugin
   const acceptHMRUpdate: typeof import('pinia').acceptHMRUpdate
@@ -22,6 +22,7 @@ declare global {
   const customRef: typeof import('vue').customRef
   const defineAsyncComponent: typeof import('vue').defineAsyncComponent
   const defineComponent: typeof import('vue').defineComponent
+  const definePage: typeof import('vue-router/experimental').definePage
   const defineStore: typeof import('pinia').defineStore
   const effectScope: typeof import('vue').effectScope
   const getActivePinia: typeof import('pinia').getActivePinia
@@ -58,6 +59,7 @@ declare global {
   const onUnmounted: typeof import('vue').onUnmounted
   const onUpdated: typeof import('vue').onUpdated
   const onWatcherCleanup: typeof import('vue').onWatcherCleanup
+  const openConfirmDialog: typeof import('../utils/tdesignPlugins').openConfirmDialog
   const provide: typeof import('vue').provide
   const reactive: typeof import('vue').reactive
   const readonly: typeof import('vue').readonly
@@ -69,6 +71,9 @@ declare global {
   const shallowReactive: typeof import('vue').shallowReactive
   const shallowReadonly: typeof import('vue').shallowReadonly
   const shallowRef: typeof import('vue').shallowRef
+  const showMessageError: typeof import('../utils/tdesignPlugins').showMessageError
+  const showMessageSuccess: typeof import('../utils/tdesignPlugins').showMessageSuccess
+  const showMessageWarning: typeof import('../utils/tdesignPlugins').showMessageWarning
   const storeToRefs: typeof import('pinia').storeToRefs
   const toRaw: typeof import('vue').toRaw
   const toRef: typeof import('vue').toRef
@@ -97,6 +102,9 @@ declare global {
   export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
   import('vue')
   // @ts-ignore
+  export type { ConfirmDialogStatus, ConfirmDialogOptions, ConfirmDialogInstance } from '../utils/tdesignPlugins'
+  import('../utils/tdesignPlugins')
+  // @ts-ignore
   export type { BeflyAdminConfig } from '../plugins/config'
   import('../plugins/config')
   // @ts-ignore
@@ -114,7 +122,6 @@ declare module 'vue' {
     readonly $Router: UnwrapRef<typeof import('../plugins/router')['$Router']>
     readonly $Storage: UnwrapRef<typeof import('../plugins/storage')['$Storage']>
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
-    readonly MessagePlugin: UnwrapRef<typeof import('tdesign-vue-next')['MessagePlugin']>
     readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
     readonly computed: UnwrapRef<typeof import('vue')['computed']>
     readonly createApp: UnwrapRef<typeof import('vue')['createApp']>
@@ -122,6 +129,7 @@ declare module 'vue' {
     readonly customRef: UnwrapRef<typeof import('vue')['customRef']>
     readonly defineAsyncComponent: UnwrapRef<typeof import('vue')['defineAsyncComponent']>
     readonly defineComponent: UnwrapRef<typeof import('vue')['defineComponent']>
+    readonly definePage: UnwrapRef<typeof import('vue-router/experimental')['definePage']>
     readonly defineStore: UnwrapRef<typeof import('pinia')['defineStore']>
     readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
     readonly getActivePinia: UnwrapRef<typeof import('pinia')['getActivePinia']>
@@ -158,6 +166,7 @@ declare module 'vue' {
     readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
     readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
     readonly onWatcherCleanup: UnwrapRef<typeof import('vue')['onWatcherCleanup']>
+    readonly openConfirmDialog: UnwrapRef<typeof import('../utils/tdesignPlugins')['openConfirmDialog']>
     readonly provide: UnwrapRef<typeof import('vue')['provide']>
     readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
     readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
@@ -168,6 +177,9 @@ declare module 'vue' {
     readonly shallowReactive: UnwrapRef<typeof import('vue')['shallowReactive']>
     readonly shallowReadonly: UnwrapRef<typeof import('vue')['shallowReadonly']>
     readonly shallowRef: UnwrapRef<typeof import('vue')['shallowRef']>
+    readonly showMessageError: UnwrapRef<typeof import('../utils/tdesignPlugins')['showMessageError']>
+    readonly showMessageSuccess: UnwrapRef<typeof import('../utils/tdesignPlugins')['showMessageSuccess']>
+    readonly showMessageWarning: UnwrapRef<typeof import('../utils/tdesignPlugins')['showMessageWarning']>
     readonly storeToRefs: UnwrapRef<typeof import('pinia')['storeToRefs']>
     readonly toRaw: UnwrapRef<typeof import('vue')['toRaw']>
     readonly toRef: UnwrapRef<typeof import('vue')['toRef']>

package/src/types/components.d.ts

@@ -11,7 +11,7 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    DetailPanel: typeof import('./../components/DetailPanel.vue')['default']
+    DetailPanel: typeof import('./../components/detailPanel.vue')['default']
     'ILucide:box': typeof import('~icons/lucide/box')['default']
     'ILucide:camera': typeof import('~icons/lucide/camera')['default']
     'ILucide:fileText': typeof import('~icons/lucide/file-text')['default']
@@ -20,14 +20,18 @@ declare module 'vue' {
     'ILucide:logOut': typeof import('~icons/lucide/log-out')['default']
     'ILucide:settings': typeof import('~icons/lucide/settings')['default']
     'ILucide:user': typeof import('~icons/lucide/user')['default']
-    PagedTableDetailPage: typeof import('./../components/PagedTableDetailPage.vue')['default']
+    PageDialog: typeof import('./../components/pageDialog.vue')['default']
+    PagedTableDetail: typeof import('./../components/pagedTableDetail.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     TButton: typeof import('tdesign-vue-next')['Button']
+    TConfigProvider: typeof import('tdesign-vue-next')['ConfigProvider']
     TMenu: typeof import('tdesign-vue-next')['Menu']
     TMenuItem: typeof import('tdesign-vue-next')['MenuItem']
-    TSpace: typeof import('tdesign-vue-next')['Space']
+    TPagination: typeof import('tdesign-vue-next')['Pagination']
     TSubmenu: typeof import('tdesign-vue-next')['Submenu']
+    TTable: typeof import('tdesign-vue-next')['Table']
+    TTag: typeof import('tdesign-vue-next')['Tag']
     TUpload: typeof import('tdesign-vue-next')['Upload']
   }
 }

package/src/types/typed-router.d.ts

@@ -1,26 +1,29 @@
 /* eslint-disable */
 /* prettier-ignore */
+// oxfmt-ignore
 // @ts-nocheck
 // noinspection ES6UnusedImports
-// Generated by unplugin-vue-router. !! DO NOT MODIFY THIS FILE !!
+// Generated by vue-router. !! DO NOT MODIFY THIS FILE !!
 // It's recommended to commit this file.
 // Make sure to add this file to your tsconfig.json file as an "includes" or "files" entry.
 
-declare module 'vue-router/auto-resolver' {
-  export type ParamParserCustom = never
+import type {
+  RouteRecordInfo,
+  ParamValue,
+  ParamValueOneOrMore,
+  ParamValueZeroOrMore,
+  ParamValueZeroOrOne,
+} from 'vue-router'
+
+declare module 'vue-router' {
+  interface TypesConfig {
+    ParamParsers: never
+  }
 }
 
 declare module 'vue-router/auto-routes' {
-  import type {
-    RouteRecordInfo,
-    ParamValue,
-    ParamValueOneOrMore,
-    ParamValueZeroOrMore,
-    ParamValueZeroOrOne,
-  } from 'vue-router'
-
   /**
-   * Route name map generated by unplugin-vue-router
+   * Route name map generated by vue-router
    */
   export interface RouteNamedMap {
     '/addon/admin//': RouteRecordInfo<
@@ -152,7 +155,7 @@ declare module 'vue-router/auto-routes' {
   }
 
   /**
-   * Route file to route info map by unplugin-vue-router.
+   * Route file to route info map by vue-router.
    * Used by the \`sfc-typed-router\` Volar plugin to automatically type \`useRoute()\`.
    *
    * Each key is a file path relative to the project root with 2 properties:
@@ -283,3 +286,5 @@ declare module 'vue-router/auto-routes' {
       ? Info['routes']
       : keyof RouteNamedMap
 }
+
+export {}