This commit is contained in:
2026-02-26 03:58:17 +08:00
parent 91f5f17028
commit 7489b8f1ab
40 changed files with 466 additions and 144 deletions

View File

@@ -1,5 +1,5 @@
import { createFileRoute } from '@tanstack/react-router'
import App from '@/app/page'
import App from '@/pages/page'
export const Route = createFileRoute('/$id')({
component: RouteComponent,

View File

@@ -1,38 +1,27 @@
import { Link, Outlet, createRootRoute, useLocation } from '@tanstack/react-router'
import { LayoutMain } from '@/pages/auth/modules/BaseHeader';
import { Outlet, createRootRoute } from '@tanstack/react-router'
import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
import { Toaster } from '@/components/ui/sonner'
import { Load } from '@kevisual/context/load'
import * as query from '@/modules/query';
import { AuthProvider } from '@/pages/auth'
import { TooltipProvider } from '@/components/ui/tooltip'
export const Route = createRootRoute({
component: RootComponent,
})
Load.npm({ pkg: 'eruda' });
function RootComponent() {
// 这里预加载一下 query 模块避免在代码分割自动threeshaking;
query;
return (
<div className='h-full overflow-hidden'>
<div className="p-2 flex gap-2 text-lg">
<Link
to="/"
activeProps={{
className: 'font-bold',
}}
activeOptions={{ exact: true }}
>
</Link>
</div>
<hr />
<main className='h-[calc(100%-4rem)] overflow-auto scrollbar'>
<Outlet />
</main>
<TanStackRouterDevtools position="bottom-left" />
<LayoutMain />
<AuthProvider mustLogin={true}>
<TooltipProvider>
<main className='h-[calc(100%-3rem)] overflow-auto scrollbar'>
<Outlet />
</main>
</TooltipProvider>
</AuthProvider>
<TanStackRouterDevtools position="bottom-right" />
<Toaster />
</div>
)
}

View File

@@ -1,5 +1,5 @@
import { createFileRoute } from '@tanstack/react-router'
import App from '@/app/page'
import App from '@/pages/page'
export const Route = createFileRoute('/')({
component: RouteComponent,
})

9
src/routes/login.tsx Normal file
View File

@@ -0,0 +1,9 @@
import { createFileRoute } from '@tanstack/react-router'
import App from '@/pages/auth/page'
export const Route = createFileRoute('/login')({
component: RouteComponent,
})
function RouteComponent() {
return <App />
}

View File

@@ -1,5 +1,5 @@
import { createFileRoute } from '@tanstack/react-router'
import App from '../app/query-view/page'
import App from '@/pages/query-view/page'
export const Route = createFileRoute('/view')({
component: RouteComponent,
})