feat: add-tool network (#9)

Co-authored-by: typist <git@mail.typist.cc>
Reviewed-on: #9

src/router.tsx

@@ -2,11 +2,30 @@ import {
   createBrowserRouter,
   redirect,
   RouterProvider,
+  type RouteObject,
 } from "react-router-dom";
 
-import { tools } from "@/components/tool";
+import { tools, type Tool } from "@/components/tool";
 import { Layout } from "./layout";
 
+const buildToolRoutes = (tools: Tool[]): RouteObject[] => {
+  return tools.map((tool) => {
+    const route: RouteObject = {
+      path: tool.path,
+    };
+
+    if (tool.component) {
+      route.element = tool.component;
+    }
+
+    if (tool.children && tool.children.length > 0) {
+      route.children = buildToolRoutes(tool.children);
+    }
+
+    return route;
+  });
+};
+
 // 路由配置
 const router = createBrowserRouter([
   {
@@ -16,19 +35,14 @@ const router = createBrowserRouter([
       {
         path: "tool",
         children: [
-          ...tools.map((tool) => (
-            {
-              path: tool.path,
-              element: tool.component,
-            }
-          )),
+          ...buildToolRoutes(tools),
           {
             index: true,
             loader: () => redirect("/tool/uuid"),
           },
-        ]
+        ],
       },
-    ]
+    ],
   },
   {
     index: true,