xto-fronted 0.1.7 → 0.1.9

package/src/index.ts

@@ -1,44 +0,0 @@
-// 组件
-export { default as Layout } from './components/Layout/index.vue'
-export { default as Header } from './components/Layout/Header.vue'
-export { default as Sidebar } from './components/Layout/Sidebar.vue'
-export { default as Tabs } from './components/Layout/Tabs.vue'
-export { default as Footer } from './components/Layout/Footer.vue'
-
-// 组合式函数
-export { useApp } from './composables/useApp'
-export { useAuth } from './composables/useAuth'
-export { useMenu } from './composables/useMenu'
-export { useForm } from './composables/useForm'
-export { useTable } from './composables/useTable'
-
-// 工具函数
-export * from './utils/auth'
-export * from './utils/permission'
-export * from './utils/request'
-export * from './utils/storage'
-
-// Store
-export * from './stores/app'
-export * from './stores/auth'
-export * from './stores/menu'
-export * from './stores/user'
-
-// 路由
-export { default as router, resetRouter } from './router'
-export * from './router/staticRoutes'
-export * from './router/dynamicRoutes'
-
-// API
-export * from './api/auth'
-export * from './api/menu'
-export * from './api/user'
-
-// 配置
-export { default as appConfig } from './config'
-
-// 枚举
-export * from './enums'
-
-// 指令
-export { default as permissionDirective } from './directives/permission'

package/src/main.ts

@@ -1,29 +0,0 @@
-import { createApp } from 'vue'
-import { createPinia } from 'pinia'
-import App from './App.vue'
-import router from './router'
-
-// 样式
-import '@/assets/styles/index.scss'
-
-// 组件库样式
-import '@xto/base/es/style.css'
-import '@xto/form/es/style.css'
-import '@xto/feedback/es/style.css'
-import '@xto/navigation/es/style.css'
-
-// 全局注册内部组件（解决 resolveComponent 问题）
-import { Loading } from '@xto/base'
-
-const app = createApp(App)
-
-// 注册内部组件
-app.component('x-loading', Loading)
-
-// Pinia
-app.use(createPinia())
-
-// Router
-app.use(router)
-
-app.mount('#app')

package/src/router/dynamicRoutes.ts

@@ -1,163 +0,0 @@
-/**
- * 动态路由模板
- */
-
-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 菜单数据
-export const mockMenuData = [
-  {
-    id: 1,
-    name: 'Dashboard',
-    path: '/dashboard',
-    component: 'dashboard/index',
-    icon: 'dashboard',
-    title: '仪表盘',
-    keepAlive: true,
-    affix: true
-  },
-  {
-    id: 2,
-    name: 'System',
-    path: '/system',
-    redirect: '/system/user',
-    icon: 'setting',
-    title: '系统管理',
-    children: [
-      {
-        id: 21,
-        name: 'SystemUser',
-        path: '/system/user',
-        component: 'system/user/index',
-        icon: 'user',
-        title: '用户管理',
-        keepAlive: true
-      },
-      {
-        id: 22,
-        name: 'SystemRole',
-        path: '/system/role',
-        component: 'system/role/index',
-        icon: 'role',
-        title: '角色管理',
-        keepAlive: true
-      },
-      {
-        id: 23,
-        name: 'SystemMenu',
-        path: '/system/menu',
-        component: 'system/menu/index',
-        icon: 'menu',
-        title: '菜单管理',
-        keepAlive: true
-      }
-    ]
-  }
-]

package/src/router/index.ts

@@ -1,71 +0,0 @@
-/**
- * 路由配置
- */
-
-import { createRouter, createWebHistory } from 'vue-router'
-import { staticRoutes, errorRoute } from './staticRoutes'
-import { layoutRoute } from './dynamicRoutes'
-import { hasToken } from '@/utils/auth'
-import { useAppStore } from '@/stores/app'
-import { useApp } from '@/composables'
-
-const router = createRouter({
-  history: createWebHistory(),
-  routes: [...staticRoutes, layoutRoute, errorRoute],
-  scrollBehavior: () => ({ left: 0, top: 0 })
-})
-
-// 白名单路由
-const whiteList = ['/login', '/404', '/403']
-
-// 路由守卫
-router.beforeEach(async (to, _from, next) => {
-  const appStore = useAppStore()
-
-  // 初始化主题
-  appStore.initTheme()
-
-  // 已登录
-  if (hasToken()) {
-    if (to.path === '/login') {
-      // 已登录，跳转到首页
-      next({ path: '/' })
-    } else {
-      // 初始化应用（加载用户信息和菜单）
-      const { initApp, isLoggedIn } = useApp()
-
-      if (!isLoggedIn.value) {
-        const success = await initApp()
-        if (!success) {
-          // 初始化失败，跳转登录页
-          next('/login')
-          return
-        }
-      }
-
-      // 添加缓存页面
-      if (to.name && to.meta.keepAlive) {
-        appStore.addCachedView(to.name as string)
-      }
-      next()
-    }
-  } else {
-    // 未登录
-    if (whiteList.includes(to.path)) {
-      next()
-    } else {
-      // 记录当前路径，登录后跳转
-      next({ path: '/login', query: { redirectUrl: encodeURIComponent(to.fullPath) } })
-    }
-  }
-})
-
-export function resetRouter() {
-  const newRouter = createRouter({
-    history: createWebHistory(),
-    routes: [...staticRoutes, layoutRoute, errorRoute]
-  })
-  ;(router as any).matcher = (newRouter as any).matcher
-}
-
-export default router

package/src/router/staticRoutes.ts

@@ -1,43 +0,0 @@
-/**
- * 静态路由
- */
-
-import type { RouteRecordRaw } from 'vue-router'
-
-export const staticRoutes: RouteRecordRaw[] = [
-  {
-    path: '/login',
-    name: 'Login',
-    component: () => import('@/views/login/index.vue'),
-    meta: {
-      title: '登录',
-      hidden: true
-    }
-  },
-  {
-    path: '/404',
-    name: 'NotFound',
-    component: () => import('@/views/error/404.vue'),
-    meta: {
-      title: '404',
-      hidden: true
-    }
-  },
-  {
-    path: '/403',
-    name: 'Forbidden',
-    component: () => import('@/views/error/403.vue'),
-    meta: {
-      title: '403',
-      hidden: true
-    }
-  }
-]
-
-export const errorRoute: RouteRecordRaw = {
-  path: '/:pathMatch(.*)*',
-  redirect: '/404',
-  meta: {
-    hidden: true
-  }
-}

package/src/stores/app.ts

@@ -1,145 +0,0 @@
-/**
- * 应用状态
- */
-
-import { defineStore } from 'pinia'
-import { ref, computed, watch } from 'vue'
-import { local } from '@/utils/storage'
-
-export type ThemeMode = 'light' | 'dark'
-export type LayoutMode = 'sidebar' | 'top' | 'mix'
-
-export const useAppStore = defineStore('app', () => {
-  // 状态
-  const isDark = ref<boolean>(local.get<boolean>('isDark') || false)
-  const theme = ref<ThemeMode>(local.get<ThemeMode>('theme') || 'light')
-  const layout = ref<LayoutMode>(local.get<LayoutMode>('layout') || 'sidebar')
-  const isCollapsed = ref<boolean>(local.get<boolean>('isCollapsed') || false)
-  const showTabs = ref<boolean>(local.get<boolean>('showTabs') ?? true)
-  const showFooter = ref<boolean>(local.get<boolean>('showFooter') ?? true)
-  const showBreadcrumb = ref<boolean>(local.get<boolean>('showBreadcrumb') ?? true)
-  const primaryColor = ref<string>(local.get<string>('primaryColor') || '#409eff')
-  const cachedViews = ref<string[]>([])
-
-  // 计算属性
-  const themeClass = computed(() => (isDark.value ? 'dark' : 'light'))
-
-  // 切换主题
-  const toggleTheme = () => {
-    isDark.value = !isDark.value
-    theme.value = isDark.value ? 'dark' : 'light'
-    updateTheme()
-  }
-
-  // 设置主题
-  const setTheme = (mode: ThemeMode) => {
-    theme.value = mode
-    isDark.value = mode === 'dark'
-    updateTheme()
-  }
-
-  // 更新主题
-  const updateTheme = () => {
-    const html = document.documentElement
-    if (isDark.value) {
-      html.classList.add('dark')
-    } else {
-      html.classList.remove('dark')
-    }
-    local.set('isDark', isDark.value)
-    local.set('theme', theme.value)
-  }
-
-  // 切换菜单折叠
-  const toggleCollapse = () => {
-    isCollapsed.value = !isCollapsed.value
-    local.set('isCollapsed', isCollapsed.value)
-  }
-
-  // 设置布局
-  const setLayout = (mode: LayoutMode) => {
-    layout.value = mode
-    local.set('layout', mode)
-  }
-
-  // 切换标签页
-  const toggleTabs = () => {
-    showTabs.value = !showTabs.value
-    local.set('showTabs', showTabs.value)
-  }
-
-  // 切换底部
-  const toggleFooter = () => {
-    showFooter.value = !showFooter.value
-    local.set('showFooter', showFooter.value)
-  }
-
-  // 切换面包屑
-  const toggleBreadcrumb = () => {
-    showBreadcrumb.value = !showBreadcrumb.value
-    local.set('showBreadcrumb', showBreadcrumb.value)
-  }
-
-  // 设置主题色
-  const setPrimaryColor = (color: string) => {
-    primaryColor.value = color
-    document.documentElement.style.setProperty('--color-primary', color)
-    local.set('primaryColor', color)
-  }
-
-  // 添加缓存页面
-  const addCachedView = (name: string) => {
-    if (!cachedViews.value.includes(name)) {
-      cachedViews.value.push(name)
-    }
-  }
-
-  // 移除缓存页面
-  const removeCachedView = (name: string) => {
-    const index = cachedViews.value.indexOf(name)
-    if (index > -1) {
-      cachedViews.value.splice(index, 1)
-    }
-  }
-
-  // 清除缓存页面
-  const clearCachedViews = () => {
-    cachedViews.value = []
-  }
-
-  // 初始化主题
-  const initTheme = () => {
-    updateTheme()
-    if (primaryColor.value !== '#409eff') {
-      document.documentElement.style.setProperty('--color-primary', primaryColor.value)
-    }
-  }
-
-  // 监听主题变化
-  watch(isDark, updateTheme)
-
-  return {
-    isDark,
-    theme,
-    layout,
-    isCollapsed,
-    showTabs,
-    showFooter,
-    showBreadcrumb,
-    primaryColor,
-    cachedViews,
-    themeClass,
-    toggleTheme,
-    toggleCollapse,
-    setTheme,
-    setLayout,
-    toggleTabs,
-    toggleFooter,
-    toggleBreadcrumb,
-    setPrimaryColor,
-    addCachedView,
-    removeCachedView,
-    clearCachedViews,
-    initTheme
-  }
-})

package/src/stores/auth.ts

@@ -1,45 +0,0 @@
-/**
- * 认证状态
- */
-
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-import { getLoginInfo, setLoginInfo, clearToken, hasToken } from '@/utils/auth'
-import type { LoginInfo } from '@/utils/auth'
-
-export const useAuthStore = defineStore('auth', () => {
-  // 状态
-  const loginInfo = ref<LoginInfo | null>(getLoginInfo())
-  const isLoggedIn = computed(() => hasToken())
-
-  // 设置登录信息
-  const login = (data: Record<string, unknown>) => {
-    setLoginInfo(data)
-    loginInfo.value = getLoginInfo()
-  }
-
-  // 登出
-  const logout = () => {
-    loginInfo.value = null
-    clearToken()
-  }
-
-  // 获取 access token
-  const accessToken = computed(() => loginInfo.value?.accessToken || null)
-
-  // 获取 token type
-  const tokenType = computed(() => loginInfo.value?.tokenType || 'Bearer')
-
-  // 获取 code
-  const code = computed(() => loginInfo.value?.code || null)
-
-  return {
-    loginInfo,
-    isLoggedIn,
-    accessToken,
-    tokenType,
-    code,
-    login,
-    logout
-  }
-})

package/src/stores/index.ts

@@ -1,15 +0,0 @@
-/**
- * Pinia Store 入口
- */
-
-import { createPinia } from 'pinia'
-
-const pinia = createPinia()
-
-export default pinia
-
-// 导出所有 stores
-export * from './user'
-export * from './auth'
-export * from './menu'
-export * from './app'