create-fullstack-scaffold 0.4.9 → 0.4.10

package/template/src/admin/i18n/locales/zh-CN.json

@@ -0,0 +1,381 @@
+{
+  "common": {
+    "confirm": "确定",
+    "cancel": "取消",
+    "save": "保存",
+    "delete": "删除",
+    "edit": "编辑",
+    "create": "创建",
+    "search": "搜索",
+    "reset": "重置",
+    "refresh": "刷新",
+    "loading": "加载中...",
+    "success": "操作成功",
+    "error": "操作失败",
+    "noData": "暂无数据",
+    "view": "查看",
+    "detail": "详情",
+    "status": "状态",
+    "actions": "操作",
+    "createdAt": "创建时间",
+    "close": "关闭",
+    "back": "返回",
+    "submit": "提交",
+    "yes": "是",
+    "no": "否",
+    "enabled": "启用",
+    "disabled": "禁用",
+    "total": "共 {{count}} 条",
+    "totalRecords": "共 {{count}} 条记录",
+    "vsLastMonth": "较上月"
+  },
+  "sidebar": {
+    "dashboard": "仪表盘",
+    "content": "内容管理",
+    "contentList": "内容列表",
+    "categories": "分类管理",
+    "usersOrders": "用户与订单",
+    "users": "用户管理",
+    "orders": "订单管理",
+    "tickets": "工单管理",
+    "disputes": "纠纷管理",
+    "system": "系统管理",
+    "roles": "角色权限",
+    "settings": "系统设置",
+    "logs": "系统日志",
+    "permissions": "权限管理"
+  },
+  "header": {
+    "home": "首页",
+    "dashboard": "仪表盘",
+    "profile": "个人资料",
+    "settings": "设置",
+    "logout": "退出登录",
+    "superAdmin": "超级管理员",
+    "moderator": "审核员",
+    "operator": "操作员"
+  },
+  "login": {
+    "title": "管理后台登录",
+    "username": "用户名",
+    "password": "密码",
+    "submit": "登录",
+    "noAccount": "还没有账号？",
+    "register": "注册",
+    "success": "登录成功！",
+    "failed": "登录失败！",
+    "quickLogin": "快速登录",
+    "quickLoginAs": "已以{{role}}身份登录！",
+    "usernameRequired": "请输入用户名！",
+    "passwordRequired": "请输入密码！",
+    "superAdmin": "超级管理员",
+    "customerService": "客服人员",
+    "normalUser": "普通用户"
+  },
+  "register": {
+    "title": "管理员注册",
+    "username": "用户名",
+    "email": "邮箱",
+    "password": "密码",
+    "confirmPassword": "确认密码",
+    "submit": "注册",
+    "hasAccount": "已有账号？",
+    "loginLink": "登录",
+    "success": "注册成功！请登录。",
+    "failed": "注册失败！",
+    "usernameRequired": "请输入用户名！",
+    "emailRequired": "请输入有效的邮箱！",
+    "passwordMin": "密码至少6个字符！",
+    "confirmRequired": "请确认密码！",
+    "passwordMismatch": "两次密码不一致！"
+  },
+  "dashboard": {
+    "title": "仪表盘",
+    "totalTodos": "总待办",
+    "pending": "待处理",
+    "completed": "已完成",
+    "lastUpdated": "最后更新",
+    "loading": "加载中...",
+    "loadFailed": "加载统计数据失败",
+    "testNotification": "测试通知功能",
+    "testNotificationDesc": "发送测试通知到所有已连接的客户端。error 和 warning 类型的通知会弹出 antd notification，info 和 success 类型只会出现在铃铛列表中。",
+    "sendTest": "发送测试通知",
+    "sent": "测试通知已发送 ({{type}})",
+    "sendFailed": "发送失败",
+    "notificationInfo": "信息",
+    "notificationSuccess": "成功",
+    "notificationWarning": "警告",
+    "notificationError": "错误",
+    "info": "信息",
+    "success": "成功",
+    "warning": "警告",
+    "error": "错误"
+  },
+  "settings": {
+    "title": "系统设置",
+    "general": "通用设置",
+    "siteName": "站点名称",
+    "siteNamePlaceholder": "请输入站点名称",
+    "siteDescription": "站点描述",
+    "siteDescriptionPlaceholder": "请输入站点描述",
+    "notification": "通知设置",
+    "emailNotifications": "邮件通知",
+    "emailNotificationsDesc": "接收重要更新的邮件通知",
+    "pushNotifications": "推送通知",
+    "pushNotificationsDesc": "在浏览器中接收推送通知",
+    "security": "安全设置",
+    "currentPassword": "当前密码",
+    "currentPasswordPlaceholder": "请输入当前密码",
+    "newPassword": "新密码",
+    "newPasswordPlaceholder": "请输入新密码",
+    "confirmNewPassword": "确认新密码",
+    "confirmNewPasswordPlaceholder": "请确认新密码",
+    "saveChanges": "保存更改",
+    "saved": "设置保存成功！"
+  },
+  "roles": {
+    "title": "角色管理",
+    "createRole": "创建角色",
+    "editRole": "编辑角色",
+    "roleCode": "角色代码",
+    "roleName": "角色名称",
+    "displayName": "显示名称",
+    "description": "描述",
+    "isSystem": "系统角色",
+    "roleCodePlaceholder": "请输入角色代码，如：manager",
+    "roleNamePlaceholder": "请输入角色名称",
+    "displayNamePlaceholder": "请输入显示名称",
+    "descriptionPlaceholder": "请输入角色描述",
+    "roleCodeRequired": "请输入角色代码",
+    "roleNameRequired": "请输入角色名称",
+    "displayNameRequired": "请输入显示名称",
+    "permissions": "权限",
+    "managePermissions": "管理角色权限 - {{name}}",
+    "deleteConfirm": "确定要删除这个角色吗？",
+    "created": "角色创建成功",
+    "updated": "角色更新成功",
+    "deleted": "角色删除成功",
+    "permissionUpdated": "权限更新成功",
+    "permissionValidationFailed": "权限依赖校验失败",
+    "permissionValidationErrors": "以下权限配置存在问题：",
+    "treeView": "树状选择",
+    "jsonView": "JSON编辑"
+  },
+  "users": {
+    "title": "用户管理",
+    "createUser": "创建用户",
+    "editUser": "编辑用户",
+    "username": "用户名",
+    "email": "邮箱",
+    "password": "密码",
+    "role": "角色",
+    "status": "状态",
+    "active": "正常",
+    "inactive": "未激活",
+    "locked": "已锁定",
+    "usernamePlaceholder": "请输入用户名",
+    "emailPlaceholder": "请输入邮箱",
+    "passwordPlaceholder": "请输入密码",
+    "rolePlaceholder": "请选择角色",
+    "statusPlaceholder": "请选择状态",
+    "usernameRequired": "请输入用户名",
+    "emailRequired": "请输入邮箱",
+    "emailInvalid": "请输入有效的邮箱地址",
+    "passwordRequired": "请输入密码",
+    "roleRequired": "请选择角色",
+    "statusRequired": "请选择状态",
+    "superAdmin": "超级管理员",
+    "customerService": "客服人员",
+    "normalUser": "普通用户",
+    "lock": "锁定",
+    "unlock": "解锁",
+    "deleteConfirm": "确定要删除此用户吗？",
+    "loading": "加载用户列表...",
+    "updating": "更新中...",
+    "creating": "创建中...",
+    "deleting": "删除中...",
+    "created": "用户创建成功",
+    "updated": "用户更新成功",
+    "deleted": "用户已删除",
+    "userLocked": "用户已锁定",
+    "userUnlocked": "用户已解锁"
+  },
+  "orders": {
+    "title": "订单管理",
+    "subtitle": "管理和处理所有订单",
+    "orderNo": "订单号",
+    "customer": "客户信息",
+    "product": "商品",
+    "amount": "金额",
+    "status": "状态",
+    "filterStatus": "筛选状态",
+    "totalOrders": "总订单",
+    "pending": "待处理",
+    "processing": "处理中",
+    "completed": "已完成",
+    "cancelled": "已取消",
+    "disputed": "争议中",
+    "process": "处理",
+    "cancelOrder": "取消",
+    "confirmCancel": "确认取消",
+    "confirmCancelContent": "确定要取消这个订单吗？",
+    "orderProcessed": "订单已开始处理",
+    "orderCancelled": "订单已取消",
+    "processFailed": "处理订单失败",
+    "cancelFailed": "取消订单失败",
+    "loadFailed": "获取订单列表失败",
+    "detail": "订单详情",
+    "customerName": "客户姓名",
+    "customerEmail": "客户邮箱",
+    "productName": "商品名称",
+    "orderAmount": "订单金额",
+    "orderStatus": "订单状态",
+    "updatedAt": "更新时间"
+  },
+  "tickets": {
+    "title": "客服中心",
+    "subtitle": "处理客户工单和咨询",
+    "ticketNo": "工单号",
+    "subject": "主题",
+    "customer": "客户",
+    "priority": "优先级",
+    "customerName": "客户姓名",
+    "customerEmail": "客户邮箱",
+    "assignedTo": "负责人",
+    "unassigned": "未分配",
+    "description": "描述",
+    "replies": "回复记录",
+    "totalTickets": "总工单",
+    "pending": "待处理",
+    "urgent": "紧急",
+    "resolved": "已解决",
+    "priorityLow": "低",
+    "priorityMedium": "中",
+    "priorityHigh": "高",
+    "priorityUrgent": "紧急",
+    "statusOpen": "待处理",
+    "statusInProgress": "处理中",
+    "statusWaitingCustomer": "等待客户",
+    "statusResolved": "已解决",
+    "statusClosed": "已关闭",
+    "confirmClose": "确认关闭",
+    "confirmCloseContent": "确定要关闭这个工单吗？",
+    "ticketClosed": "工单已关闭",
+    "closeFailed": "关闭工单失败",
+    "loadFailed": "获取工单列表失败",
+    "detail": "工单详情"
+  },
+  "disputes": {
+    "title": "争议处理",
+    "subtitle": "处理订单争议和客户投诉",
+    "disputeNo": "争议编号",
+    "orderNo": "订单号",
+    "customer": "客户",
+    "type": "类型",
+    "amount": "金额",
+    "totalDisputes": "总争议",
+    "pending": "待处理",
+    "resolved": "已解决",
+    "typeRefund": "退款争议",
+    "typeProductQuality": "商品质量",
+    "typeServiceQuality": "服务质量",
+    "typeDelivery": "配送问题",
+    "typeOther": "其他",
+    "statusPending": "待处理",
+    "statusInvestigating": "调查中",
+    "statusResolved": "已解决",
+    "statusRejected": "已驳回",
+    "resolve": "解决",
+    "resolveDispute": "解决争议",
+    "confirmResolve": "确定要解决这个争议吗？",
+    "amountLabel": "金额：¥{{amount}}",
+    "disputeResolved": "争议已解决",
+    "resolveFailed": "解决争议失败",
+    "loadFailed": "获取争议列表失败",
+    "detail": "争议详情",
+    "resolution": "解决方案"
+  },
+  "content": {
+    "title": "内容管理",
+    "subtitle": "管理文章、公告和教程",
+    "createContent": "创建内容",
+    "editContent": "编辑内容",
+    "titleCol": "标题",
+    "category": "分类",
+    "author": "作者",
+    "viewsLikes": "浏览/点赞",
+    "titlePlaceholder": "请输入标题",
+    "categoryPlaceholder": "请选择分类",
+    "contentPlaceholder": "请输入内容",
+    "tagsPlaceholder": "输入标签后按回车",
+    "titleRequired": "请输入标题",
+    "categoryRequired": "请选择分类",
+    "contentRequired": "请输入内容",
+    "catArticle": "文章",
+    "catAnnouncement": "公告",
+    "catTutorial": "教程",
+    "catNews": "新闻",
+    "catPolicy": "政策",
+    "statusDraft": "草稿",
+    "statusPublished": "已发布",
+    "statusArchived": "已归档",
+    "confirmDelete": "确认删除",
+    "confirmDeleteContent": "确定要删除这个内容吗？",
+    "deleted": "内容已删除",
+    "deleteFailed": "删除失败",
+    "updated": "内容已更新",
+    "created": "内容已创建",
+    "loadFailed": "获取内容列表失败",
+    "contentLabel": "内容",
+    "tags": "标签"
+  },
+  "permissions": {
+    "title": "权限管理",
+    "roleList": "角色列表",
+    "permissionCount": "权限数量: {{count}}",
+    "permissionMatrix": "权限矩阵",
+    "permission": "权限",
+    "superAdmin": "超级管理员",
+    "customerService": "客服人员",
+    "normalUser": "普通用户"
+  },
+  "systemLogs": {
+    "title": "系统日志",
+    "time": "时间",
+    "userId": "用户ID",
+    "action": "操作",
+    "resourceType": "资源类型",
+    "resourceId": "资源ID",
+    "ipAddress": "IP地址",
+    "actionType": "操作类型",
+    "resourceTypePlaceholder": "资源类型",
+    "search": "搜索",
+    "reset": "重置",
+    "detail": "日志详情",
+    "logId": "日志ID",
+    "userAgent": "User Agent",
+    "oldValue": "旧值",
+    "newValue": "新值"
+  },
+  "notification": {
+    "justNow": "刚刚",
+    "minutesAgo": "{{count}}分钟前",
+    "hoursAgo": "{{count}}小时前",
+    "daysAgo": "{{count}}天前",
+    "all": "全部",
+    "unread": "未读",
+    "read": "已读",
+    "noNotifications": "暂无通知",
+    "noUnread": "暂无未读通知",
+    "noRead": "暂无已读通知",
+    "center": "通知中心",
+    "markAllRead": "全部已读"
+  },
+  "theme": {
+    "toggleDark": "切换暗色模式",
+    "toggleLight": "切换亮色模式"
+  },
+  "monitor": {
+    "comingSoon": "即将推出"
+  }
+}

package/template/src/admin/i18n/useLanguage.ts

@@ -0,0 +1,21 @@
+import { useTranslation } from 'react-i18next'
+
+export type Language = 'zh-CN' | 'en-US'
+
+export function useLanguage() {
+  const { i18n, t } = useTranslation()
+
+  const currentLanguage = i18n.language as Language
+
+  const changeLanguage = (lang: Language) => {
+    i18n.changeLanguage(lang)
+    document.documentElement.setAttribute('lang', lang)
+  }
+
+  const formatDate = (date: string | Date, options?: Intl.DateTimeFormatOptions): string => {
+    const d = typeof date === 'string' ? new Date(date) : date
+    return d.toLocaleString(currentLanguage === 'zh-CN' ? 'zh-CN' : 'en-US', options)
+  }
+
+  return { t, currentLanguage, changeLanguage, formatDate }
+}

package/template/src/admin/layouts/Header.tsx

@@ -7,22 +7,21 @@ import { useAdminStore } from '../stores/adminStore'
 import { useAdminNotifications } from '../hooks/useAdminNotifications'
 import { NotificationDrawer, NotificationBell } from '../components/NotificationDrawer'
 import { AccountSwitcher } from '../components/AccountSwitcher'
-import { useEffect, useState } from 'react'
+import { ThemeToggle } from '../components/ThemeToggle'
+import { LanguageSwitcher } from '../components/LanguageSwitcher'
+import { useLanguage } from '../i18n/useLanguage'
+import { useEffect, useState, useMemo } from 'react'
 
 interface HeaderProps {
   collapsed: boolean
   onToggle: () => void
 }
 
-const ROLE_OPTIONS = [
-  { label: 'Super Admin', value: 'super_admin' },
-  { label: 'Moderator', value: 'moderator' },
-  { label: 'Operator', value: 'operator' },
-]
-
 export const Header: React.FC<HeaderProps> = ({ collapsed, onToggle }) => {
   const navigate = useNavigate()
   const { user, logout } = useAdminStore()
+  const { t } = useLanguage()
+  const { token } = theme.useToken()
   const [drawerOpen, setDrawerOpen] = useState(false)
   const { status, notifications, unreadCount, connect, markAsRead, markAllAsRead } =
     useAdminNotifications()
@@ -38,34 +37,38 @@ export const Header: React.FC<HeaderProps> = ({ collapsed, onToggle }) => {
     navigate('/login')
   }
 
+  const ROLE_OPTIONS = useMemo(() => [
+    { label: t('header.superAdmin'), value: 'super_admin' },
+    { label: t('header.moderator'), value: 'moderator' },
+    { label: t('header.operator'), value: 'operator' },
+  ], [t])
+
   const userMenuItems: MenuProps['items'] = [
     {
       key: 'profile',
-      label: 'Profile',
+      label: t('header.profile'),
       icon: <User className="w-4 h-4" />,
     },
     {
       key: 'settings',
-      label: 'Settings',
+      label: t('header.settings'),
       icon: <Settings className="w-4 h-4" />,
       onClick: () => navigate('/settings'),
     },
     { type: 'divider' },
     {
       key: 'logout',
-      label: 'Logout',
+      label: t('header.logout'),
       icon: <LogOut className="w-4 h-4" />,
       danger: true,
       onClick: handleLogout,
     },
   ]
 
-  const { token } = theme.useToken()
-
   return (
     <>
       <AntLayout.Header
-        className="flex items-center justify-between px-6 bg-white border-b border-gray-200"
+        className="flex items-center justify-between px-6"
         style={{
           paddingInline: 24,
           height: 64,
@@ -78,14 +81,21 @@ export const Header: React.FC<HeaderProps> = ({ collapsed, onToggle }) => {
         <div className="flex items-center gap-4">
           <button
             onClick={onToggle}
-            className="p-2 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer border-none bg-transparent"
+            className="p-2 rounded-lg transition-colors cursor-pointer border-none bg-transparent"
+            style={{ color: token.colorText }}
+            onMouseEnter={(e) => {
+              e.currentTarget.style.backgroundColor = token.colorFillQuaternary
+            }}
+            onMouseLeave={(e) => {
+              e.currentTarget.style.backgroundColor = 'transparent'
+            }}
             data-testid="toggle-sidebar-button"
           >
             {collapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />}
           </button>
 
           <Breadcrumb
-            items={[{ title: 'Home' }, { title: 'Dashboard' }]}
+            items={[{ title: t('header.home') }, { title: t('header.dashboard') }]}
             style={{ fontSize: 14 }}
           />
         </div>
@@ -99,10 +109,21 @@ export const Header: React.FC<HeaderProps> = ({ collapsed, onToggle }) => {
             data-testid="role-switcher"
           />
 
+          <LanguageSwitcher />
+          <ThemeToggle />
           <NotificationBell unreadCount={unreadCount} onClick={() => setDrawerOpen(true)} />
           <AccountSwitcher />
           <Dropdown menu={{ items: userMenuItems }} placement="bottomRight" trigger={['click']}>
-            <button className="flex items-center gap-2 p-1.5 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer border-none bg-transparent">
+            <button
+              className="flex items-center gap-2 p-1.5 rounded-lg transition-colors cursor-pointer border-none bg-transparent"
+              style={{ color: token.colorText }}
+              onMouseEnter={(e) => {
+                e.currentTarget.style.backgroundColor = token.colorFillQuaternary
+              }}
+              onMouseLeave={(e) => {
+                e.currentTarget.style.backgroundColor = 'transparent'
+              }}
+            >
               <Avatar
                 size={32}
                 src={user?.avatar}

package/template/src/admin/layouts/Layout.tsx

@@ -1,5 +1,5 @@
 import { ReactNode, useState } from 'react'
-import { Layout as AntLayout } from 'antd'
+import { Layout as AntLayout, theme } from 'antd'
 import { Sidebar } from './Sidebar'
 import { Header } from './Header'
 
@@ -9,6 +9,7 @@ interface LayoutProps {
 
 export const Layout: React.FC<LayoutProps> = ({ children }) => {
   const [collapsed, setCollapsed] = useState(false)
+  const { token } = theme.useToken()
 
   return (
     <AntLayout className="min-h-screen" data-testid="admin-layout">
@@ -16,8 +17,11 @@ export const Layout: React.FC<LayoutProps> = ({ children }) => {
       <AntLayout>
         <Header collapsed={collapsed} onToggle={() => setCollapsed(!collapsed)} />
         <AntLayout.Content
-          className="m-6 p-6 bg-white rounded-lg shadow-sm"
-          style={{ minHeight: 'calc(100vh - 64px - 48px)' }}
+          className="m-6 p-6 rounded-lg shadow-sm"
+          style={{
+            minHeight: 'calc(100vh - 64px - 48px)',
+            backgroundColor: token.colorBgContainer,
+          }}
           data-testid="admin-main"
         >
           {children}