@lvetechs/create-app 1.0.3 → 1.0.5

package/templates/react/src/router/index.tsx

@@ -7,22 +7,10 @@ const DefaultLayout = lazy(() => import('@/layouts/DefaultLayout'))
 
 // ==================== Layout 内页面 ====================
 const Home = lazy(() => import('@/views/home'))
-const About = lazy(() => import('@/views/about'))
 
 // 系统管理 (多级路由)
 const SystemUser = lazy(() => import('@/views/system/user'))
 const SystemUserDetail = lazy(() => import('@/views/system/user/detail'))
-const SystemRole = lazy(() => import('@/views/system/role'))
-const SystemMenu = lazy(() => import('@/views/system/menu'))
-const OperationLog = lazy(() => import('@/views/system/log/operation'))
-const LoginLog = lazy(() => import('@/views/system/log/login'))
-
-// ==================== 独立页面 (无 Layout) ====================
-const Login = lazy(() => import('@/views/login'))
-const Register = lazy(() => import('@/views/register'))
-const ResultSuccess = lazy(() => import('@/views/result/success'))
-const ResultFail = lazy(() => import('@/views/result/fail'))
-const DataScreen = lazy(() => import('@/views/screen'))
 
 // ==================== 错误页 ====================
 const Forbidden = lazy(() => import('@/views/error/403'))
@@ -63,39 +51,12 @@ export const routes: RouteObject[] = [
         children: [
           { index: true, element: <Navigate to="/system/user" replace /> },
           { path: 'user', element: lazyLoad(SystemUser) },
-          { path: 'role', element: lazyLoad(SystemRole) },
-          { path: 'menu', element: lazyLoad(SystemMenu) },
-          // 三级路由: 系统管理 > 日志管理
-          {
-            path: 'log',
-            children: [
-              { index: true, element: <Navigate to="/system/log/operation" replace /> },
-              { path: 'operation', element: lazyLoad(OperationLog) },
-              { path: 'login', element: lazyLoad(LoginLog) }
-            ]
-          }
         ]
       },
-      // 关于
-      { path: 'about', element: lazyLoad(About) },
       // 详情页 (Layout 内但菜单隐藏)
       { path: 'user/detail/:id', element: lazyLoad(SystemUserDetail) }
     ]
   },
-
-  // ==================== 独立页面 (无 Layout) ====================
-  { path: '/login', element: lazyLoad(Login) },
-  { path: '/register', element: lazyLoad(Register) },
-  {
-    path: '/result',
-    children: [
-      { index: true, element: <Navigate to="/result/success" replace /> },
-      { path: 'success', element: lazyLoad(ResultSuccess) },
-      { path: 'fail', element: lazyLoad(ResultFail) }
-    ]
-  },
-  { path: '/screen', element: lazyLoad(DataScreen) },
-
   // ==================== 错误页 ====================
   { path: '/403', element: lazyLoad(Forbidden) },
   { path: '*', element: lazyLoad(NotFound) }

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

@@ -1,30 +1,168 @@
 import { create } from 'zustand'
 import { persist } from 'zustand/middleware'
 
+export interface AppError {
+  id: string
+  message: string
+  code?: string
+  timestamp: number
+  type?: 'error' | 'warning' | 'info' | 'success'
+}
+
 interface AppState {
+  /** 侧边栏是否收起 */
   sidebarCollapsed: boolean
+  /** 主题 */
   theme: 'light' | 'dark'
+  /** 语言 */
   language: string
+
+  /** 全局加载状态（是否存在任何加载任务） */
+  loading: boolean
+  /** 加载文案 */
+  loadingText: string
+  /** 加载任务栈，支持多个并发任务 */
+  loadingStack: string[]
+
+  /** 全局错误 / 提示列表 */
+  errors: AppError[]
+
+  // ========== 计算相关（通过方法计算，而不是状态字段） ==========
+  /** 是否有加载任务 */
+  getIsLoading: () => boolean
+  /** 未处理错误数量（error 类型） */
+  getUnhandledErrorCount: () => number
+
+  // ========== 基础设置 ==========
   toggleSidebar: () => void
+  setSidebarCollapsed: (collapsed: boolean) => void
   setTheme: (val: 'light' | 'dark') => void
+  toggleTheme: () => void
   setLanguage: (val: string) => void
+
+  // ========== 加载状态管理 ==========
+  startLoading: (taskId?: string, text?: string) => string
+  stopLoading: (taskId?: string) => void
+
+  // ========== 错误管理 ==========
+  addError: (message: string, code?: string, type?: AppError['type']) => string
+  removeError: (id: string) => void
+  clearErrors: () => void
+  clearErrorsByType: (type: AppError['type']) => void
+  getErrorsByType: (type: AppError['type']) => AppError[]
+
+  /** 简单的全局消息（内部用 addError 存一份，可配合全局提示组件展示） */
+  showMessage: (message: string, type?: 'success' | 'error' | 'warning' | 'info') => void
 }
 
 export const useAppStore = create<AppState>()(
   persist(
-    (set) => ({
+    (set, get) => ({
       sidebarCollapsed: false,
       theme: 'light',
       language: 'zh-CN',
 
+      loading: false,
+      loadingText: '加载中...',
+      loadingStack: [],
+
+      errors: [],
+
+      // 计算相关
+      getIsLoading: () => get().loadingStack.length > 0,
+      getUnhandledErrorCount: () =>
+        get().errors.filter((e) => !e.type || e.type === 'error').length,
+
+      // 基础设置
       toggleSidebar: () => set((state) => ({ sidebarCollapsed: !state.sidebarCollapsed })),
 
+      setSidebarCollapsed: (collapsed) => set({ sidebarCollapsed: collapsed }),
+
       setTheme: (val) => {
-        document.documentElement.setAttribute('data-theme', val)
+        if (typeof document !== 'undefined') {
+          document.documentElement.setAttribute('data-theme', val)
+        }
         set({ theme: val })
       },
 
-      setLanguage: (val) => set({ language: val })
+      toggleTheme: () =>
+        set((state) => {
+          const next = state.theme === 'light' ? 'dark' : 'light'
+          if (typeof document !== 'undefined') {
+            document.documentElement.setAttribute('data-theme', next)
+          }
+          return { theme: next }
+        }),
+
+      setLanguage: (val) => set({ language: val }),
+
+      // 加载状态管理
+      startLoading: (taskId, text) => {
+        const id =
+          taskId || `loading-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`
+        set((state) => ({
+          loading: true,
+          loadingText: text || state.loadingText,
+          loadingStack: [...state.loadingStack, id]
+        }))
+        return id
+      },
+
+      stopLoading: (taskId) =>
+        set((state) => {
+          const stack = [...state.loadingStack]
+          if (taskId) {
+            const index = stack.indexOf(taskId)
+            if (index > -1) stack.splice(index, 1)
+          } else {
+            stack.pop()
+          }
+          return {
+            loading: stack.length > 0,
+            loadingText: stack.length > 0 ? state.loadingText : '加载中...',
+            loadingStack: stack
+          }
+        }),
+
+      // 错误管理
+      addError: (message, code, type = 'error') => {
+        const error: AppError = {
+          id: `error-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
+          message,
+          code,
+          timestamp: Date.now(),
+          type
+        }
+
+        set((state) => {
+          const next = [error, ...state.errors]
+          // 最多保留 10 条
+          if (next.length > 10) {
+            next.length = 10
+          }
+          return { errors: next }
+        })
+
+        return error.id
+      },
+
+      removeError: (id) =>
+        set((state) => ({
+          errors: state.errors.filter((e) => e.id !== id)
+        })),
+
+      clearErrors: () => set({ errors: [] }),
+
+      clearErrorsByType: (type) =>
+        set((state) => ({
+          errors: state.errors.filter((e) => e.type !== type)
+        })),
+
+      getErrorsByType: (type) => get().errors.filter((e) => e.type === type),
+
+      showMessage: (message, type = 'info') => {
+        get().addError(message, undefined, type)
+      }
     }),
     {
       name: 'app-store',

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

@@ -0,0 +1,128 @@
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
+
+export type NotificationType = 'info' | 'success' | 'warning' | 'error'
+
+export interface NotificationItem {
+  id: string
+  title: string
+  content: string
+  type: NotificationType
+  read: boolean
+  timestamp: number
+  category?: string
+  actionUrl?: string
+}
+
+interface NotificationState {
+  notifications: NotificationItem[]
+
+  // 计算相关（通过方法计算）
+  getUnreadCount: () => number
+  getNotificationsByType: (type: NotificationType) => NotificationItem[]
+  getNotificationsByCategory: (category: string) => NotificationItem[]
+
+  // 基本操作
+  addNotification: (
+    notification: Omit<NotificationItem, 'id' | 'read' | 'timestamp'>
+  ) => string
+  markAsRead: (id: string) => void
+  markAllAsRead: () => void
+  markCategoryAsRead: (category: string) => void
+  removeNotification: (id: string) => void
+  removeReadNotifications: () => void
+  clearAll: () => void
+
+  // 示例数据
+  initSampleData: () => void
+}
+
+export const useNotificationStore = create<NotificationState>()(
+  persist(
+    (set, get) => ({
+      notifications: [],
+
+      getUnreadCount: () => get().notifications.filter((n) => !n.read).length,
+
+      getNotificationsByType: (type) =>
+        get().notifications.filter((n) => n.type === type),
+
+      getNotificationsByCategory: (category) =>
+        get().notifications.filter((n) => n.category === category),
+
+      addNotification: (notification) => {
+        const newNotification: NotificationItem = {
+          ...notification,
+          id: `notif-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
+          read: false,
+          timestamp: Date.now()
+        }
+        set((state) => ({
+          notifications: [newNotification, ...state.notifications]
+        }))
+        return newNotification.id
+      },
+
+      markAsRead: (id) =>
+        set((state) => ({
+          notifications: state.notifications.map((n) =>
+            n.id === id ? { ...n, read: true } : n
+          )
+        })),
+
+      markAllAsRead: () =>
+        set((state) => ({
+          notifications: state.notifications.map((n) => ({ ...n, read: true }))
+        })),
+
+      markCategoryAsRead: (category) =>
+        set((state) => ({
+          notifications: state.notifications.map((n) =>
+            n.category === category ? { ...n, read: true } : n
+          )
+        })),
+
+      removeNotification: (id) =>
+        set((state) => ({
+          notifications: state.notifications.filter((n) => n.id !== id)
+        })),
+
+      removeReadNotifications: () =>
+        set((state) => ({
+          notifications: state.notifications.filter((n) => !n.read)
+        })),
+
+      clearAll: () => set({ notifications: [] }),
+
+      initSampleData: () => {
+        if (get().notifications.length > 0) return
+        const add = get().addNotification
+        add({
+          title: '系统通知',
+          content: '欢迎使用本系统！',
+          type: 'info',
+          category: '系统'
+        })
+        add({
+          title: '订单提醒',
+          content: '您有新的订单待处理',
+          type: 'warning',
+          category: '订单'
+        })
+        add({
+          title: '操作成功',
+          content: '数据保存成功',
+          type: 'success',
+          category: '操作'
+        })
+      }
+    }),
+    {
+      name: 'notification-store',
+      partialize: (state) => ({
+        notifications: state.notifications
+      })
+    }
+  )
+)
+

package/templates/react/src/stores/permission.ts

@@ -0,0 +1,183 @@
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
+import { useUserStore } from './user'
+
+export type Permission = string
+export type Role = string
+
+export interface PermissionConfig {
+  permission: Permission
+  name: string
+  description?: string
+  module?: string
+}
+
+export interface RoleConfig {
+  role: Role
+  name: string
+  description?: string
+  permissions: Permission[]
+}
+
+interface PermissionState {
+  allPermissions: PermissionConfig[]
+  allRoles: RoleConfig[]
+
+  // 计算相关
+  getUserPermissions: () => Permission[]
+  getPermissionsByModule: () => Record<string, PermissionConfig[]>
+
+  // 检查权限 / 角色
+  hasPermission: (permission: Permission) => boolean
+  hasAnyPermission: (permissions: Permission[]) => boolean
+  hasAllPermissions: (permissions: Permission[]) => boolean
+  hasRole: (role: Role) => boolean
+  hasAnyRole: (roles: Role[]) => boolean
+
+  // 查询配置
+  getRoleConfig: (role: Role) => RoleConfig | undefined
+  getPermissionConfig: (permission: Permission) => PermissionConfig | undefined
+
+  // 修改配置
+  addPermission: (permission: PermissionConfig) => void
+  addRole: (role: RoleConfig) => void
+  updateRolePermissions: (role: Role, permissions: Permission[]) => void
+}
+
+export const usePermissionStore = create<PermissionState>()(
+  persist(
+    (set, get) => ({
+      allPermissions: [
+        { permission: 'user:view', name: '查看用户', module: '用户管理' },
+        { permission: 'user:create', name: '创建用户', module: '用户管理' },
+        { permission: 'user:edit', name: '编辑用户', module: '用户管理' },
+        { permission: 'user:delete', name: '删除用户', module: '用户管理' },
+        { permission: 'role:view', name: '查看角色', module: '角色管理' },
+        { permission: 'role:create', name: '创建角色', module: '角色管理' },
+        { permission: 'role:edit', name: '编辑角色', module: '角色管理' },
+        { permission: 'role:delete', name: '删除角色', module: '角色管理' },
+        { permission: 'system:config', name: '系统配置', module: '系统管理' },
+        { permission: 'system:log', name: '查看日志', module: '系统管理' }
+      ],
+
+      allRoles: [
+        {
+          role: 'admin',
+          name: '超级管理员',
+          description: '拥有所有权限',
+          permissions: [
+            'user:view',
+            'user:create',
+            'user:edit',
+            'user:delete',
+            'role:view',
+            'role:create',
+            'role:edit',
+            'role:delete',
+            'system:config',
+            'system:log'
+          ]
+        },
+        {
+          role: 'editor',
+          name: '编辑',
+          description: '可以查看和编辑内容',
+          permissions: ['user:view', 'user:create', 'user:edit', 'role:view']
+        },
+        {
+          role: 'viewer',
+          name: '只读',
+          description: '只能查看内容',
+          permissions: ['user:view', 'role:view']
+        }
+      ],
+
+      getUserPermissions: () => {
+        const user = useUserStore.getState().userInfo
+        if (!user) return []
+
+        const roles = user.roles || []
+        const allRoles = get().allRoles
+
+        const permissions: Permission[] = []
+        roles.forEach((role) => {
+          const roleConfig = allRoles.find((r) => r.role === role)
+          if (roleConfig) {
+            permissions.push(...roleConfig.permissions)
+          }
+        })
+
+        return Array.from(new Set(permissions))
+      },
+
+      getPermissionsByModule: () => {
+        const grouped: Record<string, PermissionConfig[]> = {}
+        get().allPermissions.forEach((permission) => {
+          const module = permission.module || '其他'
+          if (!grouped[module]) grouped[module] = []
+          grouped[module].push(permission)
+        })
+        return grouped
+      },
+
+      hasPermission: (permission) => get().getUserPermissions().includes(permission),
+
+      hasAnyPermission: (permissions) => permissions.some((p) => get().hasPermission(p)),
+
+      hasAllPermissions: (permissions) => permissions.every((p) => get().hasPermission(p)),
+
+      hasRole: (role) => {
+        const user = useUserStore.getState().userInfo
+        return user?.roles?.includes(role) ?? false
+      },
+
+      hasAnyRole: (roles) => roles.some((r) => get().hasRole(r)),
+
+      getRoleConfig: (role) => get().allRoles.find((r) => r.role === role),
+
+      getPermissionConfig: (permission) =>
+        get().allPermissions.find((p) => p.permission === permission),
+
+      getPermissionsByModule: () => {
+        const grouped: Record<string, PermissionConfig[]> = {}
+        get().allPermissions.forEach((permission) => {
+          const module = permission.module || '其他'
+          if (!grouped[module]) grouped[module] = []
+          grouped[module].push(permission)
+        })
+        return grouped
+      },
+
+      addPermission: (permission) =>
+        set((state) => {
+          if (state.allPermissions.some((p) => p.permission === permission.permission)) {
+            return state
+          }
+          return { allPermissions: [...state.allPermissions, permission] }
+        }),
+
+      addRole: (role) =>
+        set((state) => {
+          if (state.allRoles.some((r) => r.role === role.role)) {
+            return state
+          }
+          return { allRoles: [...state.allRoles, role] }
+        }),
+
+      updateRolePermissions: (role, permissions) =>
+        set((state) => ({
+          allRoles: state.allRoles.map((r) =>
+            r.role === role ? { ...r, permissions } : r
+          )
+        }))
+    }),
+    {
+      name: 'permission-store',
+      partialize: (state) => ({
+        allPermissions: state.allPermissions,
+        allRoles: state.allRoles
+      })
+    }
+  )
+)
+