[重构] 前端改造v1

2026-10-13 02:26:36 +08:00 · 2026-03-11 12:47:08 +08:00
parent 052e3e98f8
commit 6eea676f8f
71 changed files with 3619 additions and 8791 deletions
@@ -0,0 +1,45 @@
+'use client';
+
+import { getCurrentNavigationItem } from '@/lib/utils/navigation';
+import { publicEnv } from '@/lib/env/public-env';
+import { useAppShellStore } from '@/store/app-shell';
+import { usePathname } from 'next/navigation';
+
+export function DashboardTopbar() {
+  const pathname = usePathname();
+  const currentPath = pathname ?? '/';
+  const toggleSidebar = useAppShellStore((state) => state.toggleSidebar);
+  const currentItem = getCurrentNavigationItem(currentPath);
+
+  return (
+    <header className='sticky top-0 z-10 border-b border-[var(--border-default)] bg-[var(--surface-panel)]/75 px-4 py-4 backdrop-blur md:px-8'>
+      <div className='flex flex-col gap-4 md:flex-row md:items-center md:justify-between'>
+        <div className='flex items-center gap-3'>
+          <button
+            type='button'
+            onClick={toggleSidebar}
+            className='inline-flex h-11 w-11 items-center justify-center rounded-2xl border border-[var(--border-default)] bg-white/5 text-lg text-white transition hover:bg-white/10'
+            aria-label='切换侧边栏'
+          >
+            ≡
+          </button>
+          <div>
+            <p className='text-xs uppercase tracking-[0.24em] text-[var(--foreground-secondary)]'>当前模块</p>
+            <h2 className='text-lg font-semibold text-white'>
+              {currentItem?.label ?? 'ATSFlare 控制台'}
+            </h2>
+          </div>
+        </div>
+
+        <div className='flex items-center gap-3 text-sm text-[var(--foreground-secondary)]'>
+          <span className='rounded-full border border-[var(--border-default)] px-3 py-1.5'>
+            静态导出模式
+          </span>
+          <span className='rounded-full border border-[var(--border-default)] px-3 py-1.5'>
+            版本 {publicEnv.appVersion}
+          </span>
+        </div>
+      </div>
+    </header>
+  );
+}