@lvetechs/create-app 1.0.4 → 1.0.5

package/templates/vue/src/auto-imports.d.ts

@@ -144,6 +144,7 @@ declare global {
   const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
   const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
   const useCached: typeof import('@vueuse/core')['useCached']
+  const useCartStore: typeof import('./stores/cart')['useCartStore']
   const useClipboard: typeof import('@vueuse/core')['useClipboard']
   const useClipboardItems: typeof import('@vueuse/core')['useClipboardItems']
   const useCloned: typeof import('@vueuse/core')['useCloned']
@@ -213,6 +214,7 @@ declare global {
   const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver']
   const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
   const useNetwork: typeof import('@vueuse/core')['useNetwork']
+  const useNotificationStore: typeof import('./stores/notification')['useNotificationStore']
   const useNow: typeof import('@vueuse/core')['useNow']
   const useObjectUrl: typeof import('@vueuse/core')['useObjectUrl']
   const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
@@ -223,6 +225,7 @@ declare global {
   const useParentElement: typeof import('@vueuse/core')['useParentElement']
   const usePerformanceObserver: typeof import('@vueuse/core')['usePerformanceObserver']
   const usePermission: typeof import('@vueuse/core')['usePermission']
+  const usePermissionStore: typeof import('./stores/permission')['usePermissionStore']
   const usePointer: typeof import('@vueuse/core')['usePointer']
   const usePointerLock: typeof import('@vueuse/core')['usePointerLock']
   const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']
@@ -523,6 +526,7 @@ declare module 'vue' {
     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 useNotificationStore: UnwrapRef<typeof import('./stores/notification')['useNotificationStore']>
     readonly useNow: UnwrapRef<typeof import('@vueuse/core')['useNow']>
     readonly useObjectUrl: UnwrapRef<typeof import('@vueuse/core')['useObjectUrl']>
     readonly useOffsetPagination: UnwrapRef<typeof import('@vueuse/core')['useOffsetPagination']>
@@ -533,6 +537,7 @@ declare module 'vue' {
     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 usePermissionStore: UnwrapRef<typeof import('./stores/permission')['usePermissionStore']>
     readonly usePointer: UnwrapRef<typeof import('@vueuse/core')['usePointer']>
     readonly usePointerLock: UnwrapRef<typeof import('@vueuse/core')['usePointerLock']>
     readonly usePointerSwipe: UnwrapRef<typeof import('@vueuse/core')['usePointerSwipe']>

package/templates/vue/src/layouts/menuConfig.ts

@@ -25,49 +25,19 @@ export const menuRoutes: MenuItem[] = [
   {
     path: '/home',
     title: '首页',
-    icon: '🏠'
+    icon: ''
   },
   {
     path: '/system',
     title: '系统管理',
-    icon: '⚙️',
+    icon: '',
     children: [
       {
         path: '/system/user',
         title: '用户管理',
-        icon: '👤'
-      },
-      {
-        path: '/system/role',
-        title: '角色管理',
-        icon: '🔑'
-      },
-      {
-        path: '/system/menu',
-        title: '菜单管理',
-        icon: '📋'
-      },
-      {
-        path: '/system/log',
-        title: '日志管理',
-        icon: '📝',
-        children: [
-          {
-            path: '/system/log/operation',
-            title: '操作日志'
-          },
-          {
-            path: '/system/log/login',
-            title: '登录日志'
-          }
-        ]
+        icon: ''
       }
     ]
-  },
-  {
-    path: '/about',
-    title: '关于',
-    icon: 'ℹ️'
   }
 ]
 

package/templates/vue/src/router/index.ts

@@ -32,7 +32,7 @@ const layoutRoutes: RouteRecordRaw = {
       path: 'home',
       name: 'Home',
       component: () => import('@/views/home/index.vue'),
-      meta: { title: '首页', icon: '🏠', requireAuth: true }
+      meta: { title: '首页', icon: '', requireAuth: true }
     },
 
     // ---------- 系统管理 (多级路由示例) ----------
@@ -40,58 +40,17 @@ const layoutRoutes: RouteRecordRaw = {
       path: 'system',
       name: 'System',
       redirect: '/system/user',
-      meta: { title: '系统管理', icon: '⚙️' },
+      meta: { title: '系统管理', icon: '' },
       children: [
         {
           path: 'user',
           name: 'SystemUser',
           component: () => import('@/views/system/user/index.vue'),
-          meta: { title: '用户管理', icon: '👤', requireAuth: true }
-        },
-        {
-          path: 'role',
-          name: 'SystemRole',
-          component: () => import('@/views/system/role/index.vue'),
-          meta: { title: '角色管理', icon: '🔑', requireAuth: true }
-        },
-        {
-          path: 'menu',
-          name: 'SystemMenu',
-          component: () => import('@/views/system/menu/index.vue'),
-          meta: { title: '菜单管理', icon: '📋', requireAuth: true }
-        },
-        // 三级路由示例: 系统管理 > 日志管理 > 操作日志 / 登录日志
-        {
-          path: 'log',
-          name: 'SystemLog',
-          redirect: '/system/log/operation',
-          meta: { title: '日志管理', icon: '📝' },
-          children: [
-            {
-              path: 'operation',
-              name: 'OperationLog',
-              component: () => import('@/views/system/log/operation.vue'),
-              meta: { title: '操作日志', requireAuth: true }
-            },
-            {
-              path: 'login',
-              name: 'LoginLog',
-              component: () => import('@/views/system/log/login.vue'),
-              meta: { title: '登录日志', requireAuth: true }
-            }
-          ]
+          meta: { title: '用户管理', icon: '', requireAuth: true }
         }
       ]
     },
 
-    // ---------- 关于页 ----------
-    {
-      path: 'about',
-      name: 'About',
-      component: () => import('@/views/about/index.vue'),
-      meta: { title: '关于', icon: 'ℹ️' }
-    },
-
     // ---------- 详情页 (Layout 内但菜单隐藏) ----------
     {
       path: 'user/detail/:id',
@@ -102,49 +61,6 @@ const layoutRoutes: RouteRecordRaw = {
   ]
 }
 
-// ==================== 独立页面 (无 Layout) ====================
-const standaloneRoutes: RouteRecordRaw[] = [
-  {
-    path: '/login',
-    name: 'Login',
-    component: () => import('@/views/login/index.vue'),
-    meta: { title: '登录' }
-  },
-  {
-    path: '/register',
-    name: 'Register',
-    component: () => import('@/views/register/index.vue'),
-    meta: { title: '注册' }
-  },
-  // 独立结果页 (不带侧边栏，全屏展示)
-  {
-    path: '/result',
-    name: 'Result',
-    redirect: '/result/success',
-    children: [
-      {
-        path: 'success',
-        name: 'ResultSuccess',
-        component: () => import('@/views/result/success.vue'),
-        meta: { title: '操作成功' }
-      },
-      {
-        path: 'fail',
-        name: 'ResultFail',
-        component: () => import('@/views/result/fail.vue'),
-        meta: { title: '操作失败' }
-      }
-    ]
-  },
-  // 独立大屏页面示例
-  {
-    path: '/screen',
-    name: 'DataScreen',
-    component: () => import('@/views/screen/index.vue'),
-    meta: { title: '数据大屏' }
-  }
-]
-
 // ==================== 错误页 ====================
 const errorRoutes: RouteRecordRaw[] = [
   {
@@ -164,7 +80,6 @@ const errorRoutes: RouteRecordRaw[] = [
 // ==================== 合并所有路由 ====================
 const routes: RouteRecordRaw[] = [
   layoutRoutes,
-  ...standaloneRoutes,
   ...errorRoutes
 ]
 

package/templates/vue/src/stores/app.ts

@@ -1,33 +1,164 @@
 import { defineStore } from 'pinia'
-import { ref } from 'vue'
+import { ref, computed } from 'vue'
+
+export interface AppError {
+  id: string
+  message: string
+  code?: string
+  timestamp: number
+  type?: 'error' | 'warning' | 'info'
+}
 
 export const useAppStore = defineStore(
   'app',
   () => {
+    // 基础配置
     const sidebarCollapsed = ref(false)
     const theme = ref<'light' | 'dark'>('light')
     const language = ref('zh-CN')
 
+    // 加载状态
+    const loading = ref(false)
+    const loadingText = ref('加载中...')
+    const loadingStack = ref<string[]>([]) // 支持多个并发加载任务
+
+    // 错误处理
+    const errors = ref<AppError[]>([])
+    const maxErrorCount = 10 // 最多保留的错误数量
+
+    // 计算属性：是否有加载任务
+    const isLoading = computed(() => loadingStack.value.length > 0)
+
+    // 计算属性：未处理的错误数量
+    const unhandledErrorCount = computed(() => {
+      return errors.value.filter((e) => e.type === 'error').length
+    })
+
+    // 侧边栏控制
     function toggleSidebar() {
       sidebarCollapsed.value = !sidebarCollapsed.value
     }
 
+    function setSidebarCollapsed(collapsed: boolean) {
+      sidebarCollapsed.value = collapsed
+    }
+
+    // 主题控制
     function setTheme(val: 'light' | 'dark') {
       theme.value = val
       document.documentElement.setAttribute('data-theme', val)
     }
 
+    function toggleTheme() {
+      setTheme(theme.value === 'light' ? 'dark' : 'light')
+    }
+
+    // 语言控制
     function setLanguage(val: string) {
       language.value = val
     }
 
+    // 加载状态管理
+    function startLoading(taskId?: string, text?: string) {
+      const id = taskId || `loading-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
+      loadingStack.value.push(id)
+      if (text) {
+        loadingText.value = text
+      }
+      loading.value = true
+      return id
+    }
+
+    function stopLoading(taskId?: string) {
+      if (taskId) {
+        const index = loadingStack.value.indexOf(taskId)
+        if (index > -1) {
+          loadingStack.value.splice(index, 1)
+        }
+      } else {
+        loadingStack.value.pop()
+      }
+
+      if (loadingStack.value.length === 0) {
+        loading.value = false
+        loadingText.value = '加载中...'
+      }
+    }
+
+    // 错误处理
+    function addError(
+      message: string,
+      code?: string,
+      type: AppError['type'] = 'error'
+    ) {
+      const error: AppError = {
+        id: `error-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
+        message,
+        code,
+        timestamp: Date.now(),
+        type
+      }
+      errors.value.unshift(error)
+
+      // 限制错误数量
+      if (errors.value.length > maxErrorCount) {
+        errors.value = errors.value.slice(0, maxErrorCount)
+      }
+
+      return error.id
+    }
+
+    function removeError(id: string) {
+      const index = errors.value.findIndex((e) => e.id === id)
+      if (index > -1) {
+        errors.value.splice(index, 1)
+      }
+    }
+
+    function clearErrors() {
+      errors.value = []
+    }
+
+    function clearErrorsByType(type: AppError['type']) {
+      errors.value = errors.value.filter((e) => e.type !== type)
+    }
+
+    // 获取指定类型的错误
+    function getErrorsByType(type: AppError['type']): AppError[] {
+      return errors.value.filter((e) => e.type === type)
+    }
+
+    // 全局提示（简化版，实际项目中可以使用更完善的 toast 组件）
+    function showMessage(message: string, type: 'success' | 'error' | 'warning' | 'info' = 'info') {
+      addError(message, undefined, type)
+    }
+
     return {
+      // 状态
       sidebarCollapsed,
       theme,
       language,
+      loading,
+      loadingText,
+      loadingStack,
+      errors,
+      // 计算属性
+      isLoading,
+      unhandledErrorCount,
+      // 方法
       toggleSidebar,
+      setSidebarCollapsed,
       setTheme,
-      setLanguage
+      toggleTheme,
+      setLanguage,
+      startLoading,
+      stopLoading,
+      addError,
+      removeError,
+      clearErrors,
+      clearErrorsByType,
+      getErrorsByType,
+      showMessage
     }
   },
   {

package/templates/vue/src/stores/notification.ts

@@ -0,0 +1,172 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+
+export type NotificationType = 'info' | 'success' | 'warning' | 'error'
+
+export interface Notification {
+  id: string
+  title: string
+  content: string
+  type: NotificationType
+  read: boolean
+  timestamp: number
+  category?: string
+  actionUrl?: string
+}
+
+export const useNotificationStore = defineStore(
+  'notification',
+  () => {
+    // 通知列表
+    const notifications = ref<Notification[]>([])
+
+    // 计算属性：未读数量
+    const unreadCount = computed(() => {
+      return notifications.value.filter((n) => !n.read).length
+    })
+
+    // 计算属性：按类型分组的通知
+    const notificationsByType = computed(() => {
+      const grouped: Record<NotificationType, Notification[]> = {
+        info: [],
+        success: [],
+        warning: [],
+        error: []
+      }
+      notifications.value.forEach((notification) => {
+        grouped[notification.type].push(notification)
+      })
+      return grouped
+    })
+
+    // 计算属性：按分类分组的通知
+    const notificationsByCategory = computed(() => {
+      const grouped: Record<string, Notification[]> = {}
+      notifications.value.forEach((notification) => {
+        const category = notification.category || '其他'
+        if (!grouped[category]) {
+          grouped[category] = []
+        }
+        grouped[category].push(notification)
+      })
+      return grouped
+    })
+
+    // 添加通知
+    function addNotification(notification: Omit<Notification, 'id' | 'read' | 'timestamp'>) {
+      const newNotification: Notification = {
+        ...notification,
+        id: `notif-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
+        read: false,
+        timestamp: Date.now()
+      }
+      notifications.value.unshift(newNotification) // 新通知添加到顶部
+      return newNotification.id
+    }
+
+    // 标记为已读
+    function markAsRead(id: string) {
+      const notification = notifications.value.find((n) => n.id === id)
+      if (notification) {
+        notification.read = true
+      }
+    }
+
+    // 批量标记为已读
+    function markAllAsRead() {
+      notifications.value.forEach((notification) => {
+        notification.read = true
+      })
+    }
+
+    // 标记分类为已读
+    function markCategoryAsRead(category: string) {
+      notifications.value.forEach((notification) => {
+        if (notification.category === category) {
+          notification.read = true
+        }
+      })
+    }
+
+    // 删除通知
+    function removeNotification(id: string) {
+      const index = notifications.value.findIndex((n) => n.id === id)
+      if (index > -1) {
+        notifications.value.splice(index, 1)
+      }
+    }
+
+    // 批量删除已读通知
+    function removeReadNotifications() {
+      notifications.value = notifications.value.filter((n) => !n.read)
+    }
+
+    // 清空所有通知
+    function clearAll() {
+      notifications.value = []
+    }
+
+    // 获取未读通知
+    function getUnreadNotifications(): Notification[] {
+      return notifications.value.filter((n) => !n.read)
+    }
+
+    // 获取指定类型的通知
+    function getNotificationsByType(type: NotificationType): Notification[] {
+      return notifications.value.filter((n) => n.type === type)
+    }
+
+    // 获取指定分类的通知
+    function getNotificationsByCategory(category: string): Notification[] {
+      return notifications.value.filter((n) => n.category === category)
+    }
+
+    // 初始化示例数据
+    function initSampleData() {
+      if (notifications.value.length === 0) {
+        addNotification({
+          title: '系统通知',
+          content: '欢迎使用本系统！',
+          type: 'info',
+          category: '系统'
+        })
+        addNotification({
+          title: '订单提醒',
+          content: '您有新的订单待处理',
+          type: 'warning',
+          category: '订单'
+        })
+        addNotification({
+          title: '操作成功',
+          content: '数据保存成功',
+          type: 'success',
+          category: '操作'
+        })
+      }
+    }
+
+    return {
+      notifications,
+      unreadCount,
+      notificationsByType,
+      notificationsByCategory,
+      addNotification,
+      markAsRead,
+      markAllAsRead,
+      markCategoryAsRead,
+      removeNotification,
+      removeReadNotifications,
+      clearAll,
+      getUnreadNotifications,
+      getNotificationsByType,
+      getNotificationsByCategory,
+      initSampleData
+    }
+  },
+  {
+    persist: {
+      key: 'notification-store',
+      paths: ['notifications']
+    }
+  }
+)