xto-fronted 0.4.7 → 0.4.9

package/src/router/dynamicRoutes.ts

@@ -1,163 +1,163 @@
-/**
- * 动态路由模板
- */
-
-import type { RouteRecordRaw } from 'vue-router'
-
-// 布局路由（包含默认子路由）
-export const layoutRoute: RouteRecordRaw = {
-  path: '/',
-  name: 'Layout',
-  component: () => import('@/components/Layout/index.vue'),
-  redirect: '/dashboard',
-  children: [
-    {
-      path: '/dashboard',
-      name: 'Dashboard',
-      component: () => import('@/views/dashboard/index.vue'),
-      meta: {
-        title: '仪表盘',
-        icon: 'dashboard',
-        keepAlive: true,
-        affix: true
-      }
-    },
-    {
-      path: '/system/user',
-      name: 'SystemUser',
-      component: () => import('@/views/system/user/index.vue'),
-      meta: {
-        title: '用户管理',
-        icon: 'user',
-        keepAlive: true
-      }
-    },
-    {
-      path: '/system/role',
-      name: 'SystemRole',
-      component: () => import('@/views/system/role/index.vue'),
-      meta: {
-        title: '角色管理',
-        icon: 'role',
-        keepAlive: true
-      }
-    },
-    {
-      path: '/system/menu',
-      name: 'SystemMenu',
-      component: () => import('@/views/system/menu/index.vue'),
-      meta: {
-        title: '菜单管理',
-        icon: 'menu',
-        keepAlive: true
-      }
-    }
-  ]
-}
-
-// 默认路由（用于开发，后续由后端返回）
-export const defaultDynamicRoutes: RouteRecordRaw[] = [
-  {
-    path: '/dashboard',
-    name: 'Dashboard',
-    component: () => import('@/views/dashboard/index.vue'),
-    meta: {
-      title: '仪表盘',
-      icon: 'dashboard',
-      keepAlive: true,
-      affix: true
-    }
-  },
-  {
-    path: '/system',
-    name: 'System',
-    redirect: '/system/user',
-    meta: {
-      title: '系统管理',
-      icon: 'setting'
-    },
-    children: [
-      {
-        path: 'user',
-        name: 'SystemUser',
-        component: () => import('@/views/system/user/index.vue'),
-        meta: {
-          title: '用户管理',
-          icon: 'user',
-          keepAlive: true
-        }
-      },
-      {
-        path: 'role',
-        name: 'SystemRole',
-        component: () => import('@/views/system/role/index.vue'),
-        meta: {
-          title: '角色管理',
-          icon: 'role',
-          keepAlive: true
-        }
-      },
-      {
-        path: 'menu',
-        name: 'SystemMenu',
-        component: () => import('@/views/system/menu/index.vue'),
-        meta: {
-          title: '菜单管理',
-          icon: 'menu',
-          keepAlive: true
-        }
-      }
-    ]
-  }
-]
-
-// Mock 菜单数据（参考 tineco-ui 格式）
-export const mockMenuData = [
-  {
-    menuCode: 'dashboard',
-    menuName: '仪表盘',
-    menuUrl: '/dashboard',
-    icon: 'dashboard',
-    closable: true,
-    isDefault: true,
-    isOut: false
-  },
-  {
-    menuCode: 'system',
-    menuName: '系统管理',
-    menuUrl: '/system',
-    icon: 'setting',
-    closable: false,
-    isDefault: false,
-    isOut: false,
-    children: [
-      {
-        menuCode: 'system_user',
-        menuName: '用户管理',
-        menuUrl: '/system/user',
-        icon: 'user',
-        closable: true,
-        isDefault: false,
-        isOut: false
-      },
-      {
-        menuCode: 'system_role',
-        menuName: '角色管理',
-        menuUrl: '/system/role',
-        icon: 'role',
-        closable: true,
-        isDefault: false,
-        isOut: false
-      },
-      {
-        menuCode: 'system_menu',
-        menuName: '菜单管理',
-        menuUrl: '/system/menu',
-        icon: 'menu',
-        closable: true,
-        isDefault: false,
-        isOut: false
-      }
-    ]
-  }
+/**
+ * 动态路由模板
+ */
+
+import type { RouteRecordRaw } from 'vue-router'
+
+// 布局路由（包含默认子路由）
+export const layoutRoute: RouteRecordRaw = {
+  path: '/',
+  name: 'Layout',
+  component: () => import('@/components/Layout/index.vue'),
+  redirect: '/dashboard',
+  children: [
+    {
+      path: '/dashboard',
+      name: 'Dashboard',
+      component: () => import('@/views/dashboard/index.vue'),
+      meta: {
+        title: '仪表盘',
+        icon: 'dashboard',
+        keepAlive: true,
+        affix: true
+      }
+    },
+    {
+      path: '/system/user',
+      name: 'SystemUser',
+      component: () => import('@/views/system/user/index.vue'),
+      meta: {
+        title: '用户管理',
+        icon: 'user',
+        keepAlive: true
+      }
+    },
+    {
+      path: '/system/role',
+      name: 'SystemRole',
+      component: () => import('@/views/system/role/index.vue'),
+      meta: {
+        title: '角色管理',
+        icon: 'role',
+        keepAlive: true
+      }
+    },
+    {
+      path: '/system/menu',
+      name: 'SystemMenu',
+      component: () => import('@/views/system/menu/index.vue'),
+      meta: {
+        title: '菜单管理',
+        icon: 'menu',
+        keepAlive: true
+      }
+    }
+  ]
+}
+
+// 默认路由（用于开发，后续由后端返回）
+export const defaultDynamicRoutes: RouteRecordRaw[] = [
+  {
+    path: '/dashboard',
+    name: 'Dashboard',
+    component: () => import('@/views/dashboard/index.vue'),
+    meta: {
+      title: '仪表盘',
+      icon: 'dashboard',
+      keepAlive: true,
+      affix: true
+    }
+  },
+  {
+    path: '/system',
+    name: 'System',
+    redirect: '/system/user',
+    meta: {
+      title: '系统管理',
+      icon: 'setting'
+    },
+    children: [
+      {
+        path: 'user',
+        name: 'SystemUser',
+        component: () => import('@/views/system/user/index.vue'),
+        meta: {
+          title: '用户管理',
+          icon: 'user',
+          keepAlive: true
+        }
+      },
+      {
+        path: 'role',
+        name: 'SystemRole',
+        component: () => import('@/views/system/role/index.vue'),
+        meta: {
+          title: '角色管理',
+          icon: 'role',
+          keepAlive: true
+        }
+      },
+      {
+        path: 'menu',
+        name: 'SystemMenu',
+        component: () => import('@/views/system/menu/index.vue'),
+        meta: {
+          title: '菜单管理',
+          icon: 'menu',
+          keepAlive: true
+        }
+      }
+    ]
+  }
+]
+
+// Mock 菜单数据（参考 tineco-ui 格式）
+export const mockMenuData = [
+  {
+    menuCode: 'dashboard',
+    menuName: '仪表盘',
+    menuUrl: '/dashboard',
+    icon: 'dashboard',
+    closable: true,
+    isDefault: true,
+    isOut: false
+  },
+  {
+    menuCode: 'system',
+    menuName: '系统管理',
+    menuUrl: '/system',
+    icon: 'setting',
+    closable: false,
+    isDefault: false,
+    isOut: false,
+    children: [
+      {
+        menuCode: 'system_user',
+        menuName: '用户管理',
+        menuUrl: '/system/user',
+        icon: 'user',
+        closable: true,
+        isDefault: false,
+        isOut: false
+      },
+      {
+        menuCode: 'system_role',
+        menuName: '角色管理',
+        menuUrl: '/system/role',
+        icon: 'role',
+        closable: true,
+        isDefault: false,
+        isOut: false
+      },
+      {
+        menuCode: 'system_menu',
+        menuName: '菜单管理',
+        menuUrl: '/system/menu',
+        icon: 'menu',
+        closable: true,
+        isDefault: false,
+        isOut: false
+      }
+    ]
+  }
 ]

package/src/router/guards.ts

@@ -1,129 +1,129 @@
-/**
- * 路由守卫设置
- */
-
-import type { Router } from 'vue-router'
-import { getToken } from '@/utils/auth'
-import { useUserStore } from '@/stores/user'
-import { useMenuStore } from '@/stores/menu'
-import { useAppStore } from '@/stores/app'
-import { getUserInfo } from '@/api/auth'
-import { getMenuTree } from '@/api/system'
-
-// 白名单路由
-const defaultWhiteList = ['/login', '/404', '/403']
-
-interface RouterGuardOptions {
-  // 白名单路由
-  whiteList?: string[]
-  // 登录页路径
-  loginPath?: string
-  // 首页路径
-  homePath?: string
-  // 应用ID
-  appId?: string
-  // 获取用户信息的回调（可选，默认调用 API）
-  fetchUserInfo?: () => Promise<any>
-  // 获取菜单的回调（可选，默认调用 API）
-  fetchMenu?: () => Promise<any>
-  // 登录成功后的回调
-  onLoginSuccess?: () => void
-}
-
-/**
- * 设置路由守卫
- * @param router 路由实例
- * @param options 配置选项
- */
-export function setupRouterGuards(router: Router, options: RouterGuardOptions = {}) {
-  const whiteList = options.whiteList || defaultWhiteList
-  const loginPath = options.loginPath || '/login'
-  const homePath = options.homePath || '/'
-
-  router.beforeEach(async (to, _from, next) => {
-    const appStore = useAppStore()
-    const userStore = useUserStore()
-    const menuStore = useMenuStore()
-
-    // 初始化主题
-    appStore.initTheme()
-
-    // 检查是否有 token
-    const token = getToken()
-
-    if (token) {
-      // 已登录
-      if (to.path === loginPath) {
-        // 已登录访问登录页，跳转到首页
-        next({ path: homePath })
-      } else {
-        // 检查是否已获取用户信息
-        if (userStore.isLoggedIn) {
-          // 已有用户信息，直接放行
-          // 添加缓存页面
-          if (to.name && to.meta.keepAlive) {
-            appStore.addCachedView(to.name as string)
-          }
-          next()
-        } else {
-          // 尝试获取用户信息
-          try {
-            // 获取用户信息
-            if (options.fetchUserInfo) {
-              const userInfo = await options.fetchUserInfo()
-              userStore.setUserInfo(userInfo)
-            } else {
-              const userInfo = await getUserInfo()
-              userStore.setUserInfo(userInfo)
-            }
-
-            // 获取菜单
-            if (options.fetchMenu) {
-              const menuList = await options.fetchMenu()
-              menuStore.setMenuList(menuList)
-            } else {
-              const menuList = await getMenuTree(options.appId)
-              menuStore.setMenuList(menuList)
-            }
-
-            // 登录成功回调
-            if (options.onLoginSuccess) {
-              options.onLoginSuccess()
-            }
-
-            // 添加缓存页面
-            if (to.name && to.meta.keepAlive) {
-              appStore.addCachedView(to.name as string)
-            }
-
-            // 重新导航到目标路由，确保动态路由已添加
-            next({ ...to, replace: true })
-          } catch (error) {
-            // 获取用户信息失败，清除 token 并跳转到登录页
-            console.error('获取用户信息失败:', error)
-            userStore.clearUserInfo()
-            menuStore.clearMenu()
-            // 清除 token
-            localStorage.removeItem('token')
-            localStorage.removeItem('token_type')
-            localStorage.removeItem('refresh_token')
-            next({ path: loginPath, query: { redirect: to.fullPath } })
-          }
-        }
-      }
-    } else {
-      // 未登录
-      if (whiteList.includes(to.path)) {
-        // 在白名单中，直接放行
-        next()
-      } else {
-        // 不在白名单中，跳转到登录页
-        next({ path: loginPath, query: { redirect: to.fullPath } })
-      }
-    }
-  })
-
-  router.afterEach(() => {
-    // 可以在这里添加进度条结束等
-  })
+/**
+ * 路由守卫设置
+ */
+
+import type { Router } from 'vue-router'
+import { getToken } from '@/utils/auth'
+import { useUserStore } from '@/stores/user'
+import { useMenuStore } from '@/stores/menu'
+import { useAppStore } from '@/stores/app'
+import { getUserInfo } from '@/api/auth'
+import { getMenuTree } from '@/api/system'
+
+// 白名单路由
+const defaultWhiteList = ['/login', '/404', '/403']
+
+interface RouterGuardOptions {
+  // 白名单路由
+  whiteList?: string[]
+  // 登录页路径
+  loginPath?: string
+  // 首页路径
+  homePath?: string
+  // 应用ID
+  appId?: string
+  // 获取用户信息的回调（可选，默认调用 API）
+  fetchUserInfo?: () => Promise<any>
+  // 获取菜单的回调（可选，默认调用 API）
+  fetchMenu?: () => Promise<any>
+  // 登录成功后的回调
+  onLoginSuccess?: () => void
+}
+
+/**
+ * 设置路由守卫
+ * @param router 路由实例
+ * @param options 配置选项
+ */
+export function setupRouterGuards(router: Router, options: RouterGuardOptions = {}) {
+  const whiteList = options.whiteList || defaultWhiteList
+  const loginPath = options.loginPath || '/login'
+  const homePath = options.homePath || '/'
+
+  router.beforeEach(async (to, _from, next) => {
+    const appStore = useAppStore()
+    const userStore = useUserStore()
+    const menuStore = useMenuStore()
+
+    // 初始化主题
+    appStore.initTheme()
+
+    // 检查是否有 token
+    const token = getToken()
+
+    if (token) {
+      // 已登录
+      if (to.path === loginPath) {
+        // 已登录访问登录页，跳转到首页
+        next({ path: homePath })
+      } else {
+        // 检查是否已获取用户信息
+        if (userStore.isLoggedIn) {
+          // 已有用户信息，直接放行
+          // 添加缓存页面
+          if (to.name && to.meta.keepAlive) {
+            appStore.addCachedView(to.name as string)
+          }
+          next()
+        } else {
+          // 尝试获取用户信息
+          try {
+            // 获取用户信息
+            if (options.fetchUserInfo) {
+              const userInfo = await options.fetchUserInfo()
+              userStore.setUserInfo(userInfo)
+            } else {
+              const userInfo = await getUserInfo()
+              userStore.setUserInfo(userInfo)
+            }
+
+            // 获取菜单
+            if (options.fetchMenu) {
+              const menuList = await options.fetchMenu()
+              menuStore.setMenuList(menuList)
+            } else {
+              const menuList = await getMenuTree(options.appId)
+              menuStore.setMenuList(menuList)
+            }
+
+            // 登录成功回调
+            if (options.onLoginSuccess) {
+              options.onLoginSuccess()
+            }
+
+            // 添加缓存页面
+            if (to.name && to.meta.keepAlive) {
+              appStore.addCachedView(to.name as string)
+            }
+
+            // 重新导航到目标路由，确保动态路由已添加
+            next({ ...to, replace: true })
+          } catch (error) {
+            // 获取用户信息失败，清除 token 并跳转到登录页
+            console.error('获取用户信息失败:', error)
+            userStore.clearUserInfo()
+            menuStore.clearMenu()
+            // 清除 token
+            localStorage.removeItem('token')
+            localStorage.removeItem('token_type')
+            localStorage.removeItem('refresh_token')
+            next({ path: loginPath, query: { redirect: to.fullPath } })
+          }
+        }
+      }
+    } else {
+      // 未登录
+      if (whiteList.includes(to.path)) {
+        // 在白名单中，直接放行
+        next()
+      } else {
+        // 不在白名单中，跳转到登录页
+        next({ path: loginPath, query: { redirect: to.fullPath } })
+      }
+    }
+  })
+
+  router.afterEach(() => {
+    // 可以在这里添加进度条结束等
+  })
 }