-
}>
-
-
+
+ {/* 顶部导航栏 - 固定高度 */}
+
+
+
+
+
+
+ 首页
+
+
+
+ 题库
+
+
+
+
+
+ {/* 主内容区 - 自适应剩余高度 */}
+
+
+
+ {/* 题目表格 - 占满剩余空间 */}
+
+
);
}
diff --git a/src/app/api/chat/route.ts b/src/app/api/chat/route.ts
index c2073cf..ba2cf1d 100644
--- a/src/app/api/chat/route.ts
+++ b/src/app/api/chat/route.ts
@@ -1,6 +1,5 @@
import { streamText } from "ai";
import { deepseek } from "@/lib/ai";
-
// Allow streaming responses up to 30 seconds
export const maxDuration = 30;
diff --git a/src/app/globals.css b/src/app/globals.css
index 26923bb..a257927 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -33,13 +33,13 @@
--chart-5: 213 16% 16%;
--radius: 0.5rem;
--sidebar-background: 0 0% 98%;
- --sidebar-foreground: 213 13% 6%;
- --sidebar-primary: 213 13% 16%;
- --sidebar-primary-foreground: 213 13% 76%;
- --sidebar-accent: 0 0% 85%;
- --sidebar-accent-foreground: 0 0% 25%;
- --sidebar-border: 0 0% 95%;
- --sidebar-ring: 213 13% 16%;
+ --sidebar-foreground: 240 5.3% 26.1%;
+ --sidebar-primary: 240 5.9% 10%;
+ --sidebar-primary-foreground: 0 0% 98%;
+ --sidebar-accent: 240 4.8% 95.9%;
+ --sidebar-accent-foreground: 240 5.9% 10%;
+ --sidebar-border: 220 13% 91%;
+ --sidebar-ring: 217.2 91.2% 59.8%;
}
.dark {
@@ -67,14 +67,14 @@
--chart-3: 216 28% 22%;
--chart-4: 210 7% 28%;
--chart-5: 210 20% 82%;
- --sidebar-background: 216 28% 5%;
- --sidebar-foreground: 210 17% 92%;
- --sidebar-primary: 210 17% 82%;
- --sidebar-primary-foreground: 210 17% 22%;
- --sidebar-accent: 216 28% 22%;
- --sidebar-accent-foreground: 216 28% 82%;
- --sidebar-border: 216 18% 12%;
- --sidebar-ring: 210 17% 82%;
+ --sidebar-background: 240 5.9% 10%;
+ --sidebar-foreground: 240 4.8% 95.9%;
+ --sidebar-primary: 224.3 76.3% 48%;
+ --sidebar-primary-foreground: 0 0% 100%;
+ --sidebar-accent: 240 3.7% 15.9%;
+ --sidebar-accent-foreground: 240 4.8% 95.9%;
+ --sidebar-border: 240 3.7% 15.9%;
+ --sidebar-ring: 217.2 91.2% 59.8%;
}
}
@@ -119,3 +119,14 @@ code[data-theme*=" "] span {
color: var(--shiki-dark);
background-color: var(--shiki-dark-bg);
}
+
+
+
+@layer base {
+ * {
+ @apply border-border;
+ }
+ body {
+ @apply bg-background text-foreground;
+ }
+}
diff --git a/src/components/app-sidebar.tsx b/src/components/app-sidebar.tsx
index 526e620..28e4700 100644
--- a/src/components/app-sidebar.tsx
+++ b/src/components/app-sidebar.tsx
@@ -1,129 +1,136 @@
-"use client";
+import * as React from "react"
+import { ChevronRight } from "lucide-react"
+import { SearchForm } from "@/components/search-form"
+import { VersionSwitcher } from "@/components/version-switcher"
import {
- AudioWaveform,
- Bot,
- Command,
- Frame,
- GalleryVerticalEnd,
- Map,
- PieChart,
- Settings2,
- SquareTerminal,
-} from "lucide-react";
-import * as React from "react";
+ Collapsible,
+ CollapsibleContent,
+ CollapsibleTrigger,
+} from "@/components/ui/collapsible"
import {
Sidebar,
SidebarContent,
- SidebarFooter,
+ SidebarGroup,
+ SidebarGroupContent,
+ SidebarGroupLabel,
SidebarHeader,
+ SidebarMenu,
+ SidebarMenuButton,
+ SidebarMenuItem,
SidebarRail,
-} from "@/components/ui/sidebar";
-import { NavMain } from "@/components/nav-main";
-import { NavProjects } from "@/components/nav-projects";
-import { TeamSwitcher } from "@/components/team-switcher";
-import { NavUser, type NavUserProps } from "@/components/nav-user";
+} from "@/components/ui/sidebar"
+// This is sample data.
const data = {
- teams: [
- {
- name: "Acme Inc",
- logo: GalleryVerticalEnd,
- plan: "Enterprise",
- },
- {
- name: "Acme Corp.",
- logo: AudioWaveform,
- plan: "Startup",
- },
- {
- name: "Evil Corp.",
- logo: Command,
- plan: "Free",
- },
- ],
+ versions: ["1.0.1", "1.1.0-alpha", "2.0.0-beta1"],
navMain: [
{
- title: "Problemset",
- url: "/dashboard/problemset",
- icon: SquareTerminal,
- isActive: true,
- },
- {
- title: "Models",
+ title: "学生",
url: "#",
- icon: Bot,
items: [
{
- title: "Genesis",
+ title: "学生列表",
url: "#",
},
{
- title: "Explorer",
+ title: "学生详情",
url: "#",
},
{
- title: "Quantum",
+ title: "学生仪表盘",
url: "#",
},
],
},
{
- title: "Settings",
- url: "/dashboard/settings",
- icon: Settings2,
+ title: "教师",
+ url: "#",
items: [
{
- title: "General",
- url: "/general",
+ title: "教师列表",
+ url: "#",
},
{
- title: "Language Server",
- url: "/language-server",
+ title: "教师详情",
+ url: "#",
+ isActive: true,
+ },
+ {
+ title: "教师仪表盘",
+ url: "#",
},
],
},
+ {
+ title: "管理员",
+ url: "#",
+ items: [
+ {
+ title: "管理员列表",
+ url: "#",
+ },
+ {
+ title: "管理员详情",
+ url: "#",
+ },
+ {
+ title: "Functions",
+ url: "#",
+ },
+ ],
+ },
+
],
- projects: [
- {
- name: "Design Engineering",
- url: "#",
- icon: Frame,
- },
- {
- name: "Sales & Marketing",
- url: "#",
- icon: PieChart,
- },
- {
- name: "Travel",
- url: "#",
- icon: Map,
- },
- ],
-};
-
-interface AppSidebarProps extends React.ComponentProps
{
- user: NavUserProps["user"];
}
-export function AppSidebar({
- user,
- ...props
-}: AppSidebarProps) {
+export function AppSidebar({ ...props }: React.ComponentProps) {
return (
-
+
-
+
+
-
-
-
+
+ {/* We create a collapsible SidebarGroup for each parent. */}
+ {data.navMain.map((item) => (
+
+
+
+
+ {item.title}{" "}
+
+
+
+
+
+
+ {item.items.map((item) => (
+
+
+ {item.title}
+
+
+ ))}
+
+
+
+
+
+ ))}
-
-
-
- );
+ )
}
diff --git a/src/components/manage-form.tsx b/src/components/manage-form.tsx
new file mode 100644
index 0000000..a120602
--- /dev/null
+++ b/src/components/manage-form.tsx
@@ -0,0 +1,28 @@
+import { Search } from "lucide-react"
+
+import { Label } from "@/components/ui/label"
+import {
+ SidebarGroup,
+ SidebarGroupContent,
+ SidebarInput,
+} from "@/components/ui/sidebar"
+
+export function SearchForm({ ...props }: React.ComponentProps<"form">) {
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/manage-sidebar.tsx b/src/components/manage-sidebar.tsx
new file mode 100644
index 0000000..c7de169
--- /dev/null
+++ b/src/components/manage-sidebar.tsx
@@ -0,0 +1,97 @@
+import * as React from "react";
+import { ChevronRight } from "lucide-react";
+
+import { VersionSwitcher } from "@/components/manage-switcher";
+import {
+ Collapsible,
+ CollapsibleContent,
+ CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import {
+ Sidebar,
+ SidebarContent,
+ SidebarGroup,
+ SidebarGroupContent,
+ SidebarGroupLabel,
+ SidebarHeader,
+ SidebarMenu,
+ SidebarMenuButton,
+ SidebarMenuItem,
+ SidebarRail,
+} from "@/components/ui/sidebar";
+
+// 自定义数据：包含用户相关菜单项
+const data = {
+ versions: ["1.0.1", "1.1.0-alpha", "2.0.0-beta1"],
+ navUser: [
+ {
+ title: "个人中心",
+ url: "#",
+ items: [
+ { title: "登录信息", url: "#", key: "profile" },
+ { title: "修改密码", url: "#", key: "change-password" },
+ ],
+ },
+ ],
+};
+
+// 显式定义 props 类型
+interface AppSidebarProps {
+ onItemClick?: (key: string) => void;
+}
+
+export function AppSidebar({ onItemClick = (key: string) => {}, ...props }: AppSidebarProps) {
+ return (
+
+
+
+
+
+ {/* 渲染用户相关的侧边栏菜单 */}
+ {data.navUser.map((item) => (
+
+
+
+
+ {item.title}
+
+
+
+
+
+
+ {item.items.map((subItem) => (
+
+ {
+ e.preventDefault();
+ onItemClick(subItem.key);
+ }}
+ >
+ {subItem.title}
+
+
+ ))}
+
+
+
+
+
+ ))}
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/components/manage-switcher.tsx b/src/components/manage-switcher.tsx
new file mode 100644
index 0000000..054995b
--- /dev/null
+++ b/src/components/manage-switcher.tsx
@@ -0,0 +1,64 @@
+"use client"
+
+import * as React from "react"
+import { Check, ChevronsUpDown, GalleryVerticalEnd } from "lucide-react"
+
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
+import {
+ SidebarMenu,
+ SidebarMenuButton,
+ SidebarMenuItem,
+} from "@/components/ui/sidebar"
+
+export function VersionSwitcher({
+ versions,
+ defaultVersion,
+}: {
+ versions: string[]
+ defaultVersion: string
+}) {
+ const [selectedVersion, setSelectedVersion] = React.useState(defaultVersion)
+
+ return (
+
+
+
+
+
+
+
+
+
+ Documentation
+ v{selectedVersion}
+
+
+
+
+
+ {versions.map((version) => (
+ setSelectedVersion(version)}
+ >
+ v{version}{" "}
+ {version === selectedVersion && }
+
+ ))}
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/search-form.tsx b/src/components/search-form.tsx
new file mode 100644
index 0000000..bda415b
--- /dev/null
+++ b/src/components/search-form.tsx
@@ -0,0 +1,28 @@
+import { Search } from "lucide-react"
+
+import { Label } from "@/components/ui/label"
+import {
+ SidebarGroup,
+ SidebarGroupContent,
+ SidebarInput,
+} from "@/components/ui/sidebar"
+
+export function SearchForm({ ...props }: React.ComponentProps<"form">) {
+ return (
+
+ )
+}
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
index 1154fb9..5a20503 100644
--- a/src/components/ui/dropdown-menu.tsx
+++ b/src/components/ui/dropdown-menu.tsx
@@ -47,7 +47,7 @@ const DropdownMenuSubContent = React.forwardRef<
+
+
+
+
+
+
+
+
+ Documentation
+ v{selectedVersion}
+
+
+
+
+
+ {versions.map((version) => (
+ setSelectedVersion(version)}
+ >
+ v{version}{" "}
+ {version === selectedVersion && }
+
+ ))}
+
+
+
+
+ )
+}
diff --git a/src/hooks/use-mobile.tsx b/src/hooks/use-mobile.tsx
index 48fab93..2b0fe1d 100644
--- a/src/hooks/use-mobile.tsx
+++ b/src/hooks/use-mobile.tsx
@@ -1,21 +1,19 @@
-import * as React from "react";
+import * as React from "react"
-const MOBILE_BREAKPOINT = 768;
+const MOBILE_BREAKPOINT = 768
export function useIsMobile() {
- const [isMobile, setIsMobile] = React.useState(
- undefined
- );
+ const [isMobile, setIsMobile] = React.useState(undefined)
React.useEffect(() => {
- const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+ const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
const onChange = () => {
- setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
- };
- mql.addEventListener("change", onChange);
- setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
- return () => mql.removeEventListener("change", onChange);
- }, []);
+ setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+ }
+ mql.addEventListener("change", onChange)
+ setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+ return () => mql.removeEventListener("change", onChange)
+ }, [])
- return !!isMobile;
+ return !!isMobile
}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 6bb95d9..23aa253 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -12,87 +12,87 @@ export default {
"./src/lib/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
- extend: {
- colors: {
- background: "hsl(var(--background))",
- foreground: "hsl(var(--foreground))",
- card: {
- DEFAULT: "hsl(var(--card))",
- foreground: "hsl(var(--card-foreground))",
- },
- popover: {
- DEFAULT: "hsl(var(--popover))",
- foreground: "hsl(var(--popover-foreground))",
- },
- primary: {
- DEFAULT: "hsl(var(--primary))",
- foreground: "hsl(var(--primary-foreground))",
- },
- secondary: {
- DEFAULT: "hsl(var(--secondary))",
- foreground: "hsl(var(--secondary-foreground))",
- },
- muted: {
- DEFAULT: "hsl(var(--muted))",
- foreground: "hsl(var(--muted-foreground))",
- },
- accent: {
- DEFAULT: "hsl(var(--accent))",
- foreground: "hsl(var(--accent-foreground))",
- },
- destructive: {
- DEFAULT: "hsl(var(--destructive))",
- foreground: "hsl(var(--destructive-foreground))",
- },
- border: "hsl(var(--border))",
- input: "hsl(var(--input))",
- ring: "hsl(var(--ring))",
- chart: {
- "1": "hsl(var(--chart-1))",
- "2": "hsl(var(--chart-2))",
- "3": "hsl(var(--chart-3))",
- "4": "hsl(var(--chart-4))",
- "5": "hsl(var(--chart-5))",
- },
- sidebar: {
- DEFAULT: "hsl(var(--sidebar-background))",
- foreground: "hsl(var(--sidebar-foreground))",
- primary: "hsl(var(--sidebar-primary))",
- "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
- accent: "hsl(var(--sidebar-accent))",
- "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
- border: "hsl(var(--sidebar-border))",
- ring: "hsl(var(--sidebar-ring))",
- },
- },
- borderRadius: {
- lg: "var(--radius)",
- md: "calc(var(--radius) - 2px)",
- sm: "calc(var(--radius) - 4px)",
- },
- keyframes: {
- "accordion-down": {
- from: {
- height: "0",
- },
- to: {
- height: "var(--radix-accordion-content-height)",
- },
- },
- "accordion-up": {
- from: {
- height: "var(--radix-accordion-content-height)",
- },
- to: {
- height: "0",
- },
- },
- },
- animation: {
- "accordion-down": "accordion-down 0.2s ease-out",
- "accordion-up": "accordion-up 0.2s ease-out",
- },
- },
+ extend: {
+ colors: {
+ background: 'hsl(var(--background))',
+ foreground: 'hsl(var(--foreground))',
+ card: {
+ DEFAULT: 'hsl(var(--card))',
+ foreground: 'hsl(var(--card-foreground))'
+ },
+ popover: {
+ DEFAULT: 'hsl(var(--popover))',
+ foreground: 'hsl(var(--popover-foreground))'
+ },
+ primary: {
+ DEFAULT: 'hsl(var(--primary))',
+ foreground: 'hsl(var(--primary-foreground))'
+ },
+ secondary: {
+ DEFAULT: 'hsl(var(--secondary))',
+ foreground: 'hsl(var(--secondary-foreground))'
+ },
+ muted: {
+ DEFAULT: 'hsl(var(--muted))',
+ foreground: 'hsl(var(--muted-foreground))'
+ },
+ accent: {
+ DEFAULT: 'hsl(var(--accent))',
+ foreground: 'hsl(var(--accent-foreground))'
+ },
+ destructive: {
+ DEFAULT: 'hsl(var(--destructive))',
+ foreground: 'hsl(var(--destructive-foreground))'
+ },
+ border: 'hsl(var(--border))',
+ input: 'hsl(var(--input))',
+ ring: 'hsl(var(--ring))',
+ chart: {
+ '1': 'hsl(var(--chart-1))',
+ '2': 'hsl(var(--chart-2))',
+ '3': 'hsl(var(--chart-3))',
+ '4': 'hsl(var(--chart-4))',
+ '5': 'hsl(var(--chart-5))'
+ },
+ sidebar: {
+ DEFAULT: 'hsl(var(--sidebar-background))',
+ foreground: 'hsl(var(--sidebar-foreground))',
+ primary: 'hsl(var(--sidebar-primary))',
+ 'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
+ accent: 'hsl(var(--sidebar-accent))',
+ 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
+ border: 'hsl(var(--sidebar-border))',
+ ring: 'hsl(var(--sidebar-ring))'
+ }
+ },
+ borderRadius: {
+ lg: 'var(--radius)',
+ md: 'calc(var(--radius) - 2px)',
+ sm: 'calc(var(--radius) - 4px)'
+ },
+ keyframes: {
+ 'accordion-down': {
+ from: {
+ height: '0'
+ },
+ to: {
+ height: 'var(--radix-accordion-content-height)'
+ }
+ },
+ 'accordion-up': {
+ from: {
+ height: 'var(--radix-accordion-content-height)'
+ },
+ to: {
+ height: '0'
+ }
+ }
+ },
+ animation: {
+ 'accordion-down': 'accordion-down 0.2s ease-out',
+ 'accordion-up': 'accordion-up 0.2s ease-out'
+ }
+ }
},
plugins: [animate],
} satisfies Config;
diff --git a/tsconfig.json b/tsconfig.json
index 4887295..165d857 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,6 +8,7 @@
"strictNullChecks": true,
"noEmit": true,
"esModuleInterop": true,
+ "experimentalDecorators": true,
"module": "esnext",
"moduleResolution": "bundler",
"resolveJsonModule": true,