新的提交

2026-03-25 07:16:51 +00:00 · 2026-01-10 13:01:37 +08:00
commit 01641834de
188 changed files with 34865 additions and 0 deletions
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -0,0 +1,112 @@
+import { useState } from 'react'
+import { NavLink, useLocation } from 'react-router-dom'
+import { Home, MessageSquare, BarChart3, Users, FileText, Database, Settings, ChevronLeft, ChevronRight, Download } from 'lucide-react'
+import './Sidebar.scss'
+
+function Sidebar() {
+  const location = useLocation()
+  const [collapsed, setCollapsed] = useState(false)
+
+  const isActive = (path: string) => {
+    return location.pathname === path || location.pathname.startsWith(`${path}/`)
+  }
+
+  return (
+    <aside className={`sidebar ${collapsed ? 'collapsed' : ''}`}>
+      <nav className="nav-menu">
+        {/* 首页 */}
+        <NavLink
+          to="/home"
+          className={`nav-item ${isActive('/home') ? 'active' : ''}`}
+          title={collapsed ? '首页' : undefined}
+        >
+          <span className="nav-icon"><Home size={20} /></span>
+          <span className="nav-label">首页</span>
+        </NavLink>
+
+        {/* 聊天 */}
+        <NavLink
+          to="/chat"
+          className={`nav-item ${isActive('/chat') ? 'active' : ''}`}
+          title={collapsed ? '聊天' : undefined}
+        >
+          <span className="nav-icon"><MessageSquare size={20} /></span>
+          <span className="nav-label">聊天</span>
+        </NavLink>
+
+        {/* 私聊分析 */}
+        <NavLink
+          to="/analytics"
+          className={`nav-item ${isActive('/analytics') ? 'active' : ''}`}
+          title={collapsed ? '私聊分析' : undefined}
+        >
+          <span className="nav-icon"><BarChart3 size={20} /></span>
+          <span className="nav-label">私聊分析</span>
+        </NavLink>
+
+        {/* 群聊分析 */}
+        <NavLink
+          to="/group-analytics"
+          className={`nav-item ${isActive('/group-analytics') ? 'active' : ''}`}
+          title={collapsed ? '群聊分析' : undefined}
+        >
+          <span className="nav-icon"><Users size={20} /></span>
+          <span className="nav-label">群聊分析</span>
+        </NavLink>
+
+        {/* 年度报告 */}
+        <NavLink
+          to="/annual-report"
+          className={`nav-item ${isActive('/annual-report') ? 'active' : ''}`}
+          title={collapsed ? '年度报告' : undefined}
+        >
+          <span className="nav-icon"><FileText size={20} /></span>
+          <span className="nav-label">年度报告</span>
+        </NavLink>
+
+        {/* 导出 */}
+        <NavLink
+          to="/export"
+          className={`nav-item ${isActive('/export') ? 'active' : ''}`}
+          title={collapsed ? '导出' : undefined}
+        >
+          <span className="nav-icon"><Download size={20} /></span>
+          <span className="nav-label">导出</span>
+        </NavLink>
+
+        {/* 数据管理 */}
+        <NavLink
+          to="/data-management"
+          className={`nav-item ${isActive('/data-management') ? 'active' : ''}`}
+          title={collapsed ? '数据管理' : undefined}
+        >
+          <span className="nav-icon"><Database size={20} /></span>
+          <span className="nav-label">数据管理</span>
+        </NavLink>
+      </nav>
+      
+      <div className="sidebar-footer">
+        <NavLink 
+          to="/settings" 
+          className={`nav-item ${isActive('/settings') ? 'active' : ''}`}
+          title={collapsed ? '设置' : undefined}
+        >
+          <span className="nav-icon">
+            <Settings size={20} />
+          </span>
+          <span className="nav-label">设置</span>
+        </NavLink>
+        
+        <button 
+          className="collapse-btn"
+          onClick={() => setCollapsed(!collapsed)}
+          title={collapsed ? '展开菜单' : '收起菜单'}
+        >
+          {collapsed ? <ChevronRight size={18} /> : <ChevronLeft size={18} />}
+        </button>
+      </div>
+    </aside>
+  )
+}
+
+export default Sidebar