79 lines
1.8 KiB
TypeScript
79 lines
1.8 KiB
TypeScript
import {createBrowserRouter, type DataRouteObject, Navigate} from "react-router";
|
|
import Layout from "@/layout";
|
|
import Login from "@/pages/login";
|
|
import React, {lazy, Suspense} from "react";
|
|
|
|
const modules = import.meta.glob('/web/pages/**/*.tsx');
|
|
|
|
// 排除的路径（不需要在 Layout 内渲染的页面）
|
|
const excludePaths = ['/login'];
|
|
|
|
/**
|
|
* 懒加载组件
|
|
*/
|
|
function lazyLoad(moduleFn: () => Promise<{ default: React.ComponentType }>): React.ReactNode {
|
|
const Component = lazy(moduleFn as () => Promise<{ default: React.ComponentType }>);
|
|
return (
|
|
<Suspense fallback={null}>
|
|
<Component />
|
|
</Suspense>
|
|
);
|
|
}
|
|
|
|
/**
|
|
* 基于文件系统构建路由
|
|
*/
|
|
function buildRoutesFromFiles(): DataRouteObject[] {
|
|
const routes: DataRouteObject[] = [];
|
|
|
|
for (const path in modules) {
|
|
// 转换路径
|
|
let routePath = path
|
|
.replace('/web/pages', '')
|
|
.replace(/\.tsx$/, '')
|
|
.replace(/\/index$/, ''); // index.tsx 映射到父路径
|
|
|
|
// 空路径设为根路径
|
|
if (!routePath) {
|
|
routePath = '/';
|
|
}
|
|
|
|
// 跳过排除的路径
|
|
if (excludePaths.includes(routePath)) {
|
|
continue;
|
|
}
|
|
|
|
routes.push({
|
|
id: routePath,
|
|
path: routePath,
|
|
element: lazyLoad(modules[path] as () => Promise<{ default: React.ComponentType }>)
|
|
});
|
|
}
|
|
|
|
return routes;
|
|
}
|
|
|
|
export default function createRouter() {
|
|
const routes = buildRoutesFromFiles();
|
|
return createBrowserRouter([
|
|
{
|
|
Component: Layout,
|
|
children: [
|
|
...routes,
|
|
{
|
|
path: "*",
|
|
element: lazyLoad(modules['/web/pages/result/404.tsx'] as () => Promise<{ default: React.ComponentType }>)
|
|
}
|
|
],
|
|
},
|
|
{
|
|
path: '/',
|
|
element: <Navigate to="/dashboard/analysis"/>
|
|
},
|
|
{
|
|
path: "login",
|
|
element: <Login />
|
|
},
|
|
]);
|
|
}
|