feat: 集成router

Author: Ohh-889

src/features/router/RouterProvider.tsx

@@ -0,0 +1,12 @@
+import { RouterProvider as Provider } from 'react-router';
+
+import { router } from './router';
+import { RouterContext } from './router-context';
+
+export const RouterProvider = () => {
+  return (
+    <RouterContext.Provider value={router}>
+      <Provider router={router.reactRouter} />
+    </RouterContext.Provider>
+  );
+};

src/features/router/router-context.ts

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+
+import type { RouterContextType } from './router';
+
+export const RouterContext = createContext<RouterContextType | null>(null);

src/features/router/router.ts

@@ -0,0 +1,53 @@
+import type { RouterNavigateOptions, To } from 'react-router-dom';
+
+import { router as reactRouter } from '@/router';
+
+export function navigator() {
+  function navigate(path: To | null, options?: RouterNavigateOptions) {
+    reactRouter.navigate(path, options);
+  }
+
+  function back() {
+    reactRouter.navigate(-1);
+  }
+
+  function forward() {
+    reactRouter.navigate(1);
+  }
+
+  function go(delta: number) {
+    reactRouter.navigate(delta);
+  }
+
+  function replace(path: To) {
+    reactRouter.navigate(path, { replace: true });
+  }
+
+  function reload() {
+    reactRouter.navigate(0);
+  }
+
+  function navigateUp() {
+    reactRouter.navigate('..');
+  }
+
+  function goHome() {
+    reactRouter.navigate('/');
+  }
+
+  return {
+    back,
+    forward,
+    go,
+    goHome,
+    navigate,
+    navigateUp,
+    reactRouter,
+    reload,
+    replace
+  };
+}
+
+export const router = navigator();
+
+export type RouterContextType = ReturnType<typeof navigator>;

src/features/router/useRoute.ts

@@ -0,0 +1,13 @@
+import { useMatches } from 'react-router-dom';
+
+/** - get route meta */
+export function useRoute<T = unknown>() {
+  const matches = useMatches();
+
+  const route = matches.at(-1) as Router.Route<T>;
+
+  return {
+    ...route,
+    matched: matches.slice(1) as Router.Route<T>[]
+  };
+}