+ {/* 你还有没有登陆好吧！ */}
+ */}
+
+ )
+ }
+}
+
+export default Auth
\ No newline at end of file
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..447a54c
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,70 @@
+import { useLocation } from "react-router-dom"
+import allRoutes from "./route"
+import Page404 from "@/viewsSys/404/Page404"
+
+export function foundRoute(route: any, name: string, arrIndex?: number[]): any {
+ if (!arrIndex) {
+ arrIndex = []
+ }
+ for (let i = 0; i < route.length; i++) {
+ const element = route[i]
+ if (element.root) {
+ arrIndex = []
+ }
+ arrIndex.push(i)
+ let lena = element.path.split("/").length
+ let lenb = name.split("/").length
+ if (element.path == name && lena == lenb) {
+ return arrIndex
+ } else if (element.children) {
+ let a = foundRoute(element.children, name, arrIndex)
+ if (a) {
+ return a
+ }
+ }
+ }
+}
+
+export default function useRoute() {
+ const routes = allRoutes
+ const { pathname } = useLocation()
+ let oroute = JSON.parse(JSON.stringify(routes))
+ let index = foundRoute(routes, pathname)
+ let isLayout = true
+ let curA = null
+ let curB = null
+ if (index && index.length) {
+ let res = oroute[index[0]]
+ let cur = res
+ for (let i = 1; i < index.length; i++) {
+ const element = index[i]
+ cur.children = [cur.children[element]]
+ cur = cur.children[element]
+ }
+ if (cur) {
+ cur.children = []
+ }
+ if (cur.layout != undefined) {
+ isLayout = !!cur.layout
+ }
+ curA = cur
+ curB = res
+ }
+ if (curA == null) {
+ curA = {
+ path: "*",
+ exact: false,
+ root: true,
+ component: Page404,
+ }
+ }
+ if (curB == null) {
+ curB = {
+ path: "*",
+ exact: false,
+ root: true,
+ component: Page404,
+ }
+ }
+ return [curA, curB]
+}
\ No newline at end of file
diff --git a/src/router/route.tsx b/src/router/route.tsx
new file mode 100644
index 0000000..f9bca2c
--- /dev/null
+++ b/src/router/route.tsx
@@ -0,0 +1,74 @@
+import Page404 from "@/viewsSys/404/Page404"
+
+import { lazy } from "react"
+
+export const Loading = (props: any) => this.setState({ isLogin: true })}>你还有没有登陆好吧！
+ {/* Lodeing.22..
+
+/**
+ * 延时加载，示例：
+ * lazy(delay(() => import("@/views/Project"), 2000))
+ */
+// let delay =
+// (Comp: any, duration = 1000) =>
+// () =>
+// new PromiseError
,
+// })
+// }),
+// )
+
+const routesArray = [
+ {
+ path: "/",
+ exact: true,
+ root: true,
+ redirect: "/project",
+ },
+ {
+ path: "/project",
+ component: lazy(() => import("@/views/Project")),
+ exact: false,
+ loading: () => PlayGround
+
+}
\ No newline at end of file
diff --git a/src/views/Project.tsx b/src/views/Project.tsx
new file mode 100644
index 0000000..2df155d
--- /dev/null
+++ b/src/views/Project.tsx
@@ -0,0 +1,13 @@
+
+export default function Project(props: any) {
+ console.log(props);
+
+ return <>
+
+ Project
+
+
+}
\ No newline at end of file
diff --git a/src/viewsSys/404/Page404.tsx b/src/viewsSys/404/Page404.tsx
new file mode 100644
index 0000000..df24ea0
--- /dev/null
+++ b/src/viewsSys/404/Page404.tsx
@@ -0,0 +1,11 @@
+import { LeftIn } from "@/effect"
+
+export default function Page404() {
+ return (
+
+ {props?.children}
+
+
+
+ 
+
+
+ )
+}
diff --git a/tsconfig.app.json b/tsconfig.app.json
index f867de0..6a4f6f6 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -20,7 +20,12 @@
"noUnusedLocals": true,
"noUnusedParameters": true,
"noFallthroughCasesInSwitch": true,
- "noUncheckedSideEffectImports": true
+ "noUncheckedSideEffectImports": true,
+
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["src/*"]
+ }
},
"include": ["src"]
}
diff --git a/vite.config.ts b/vite.config.ts
index 2328e17..fddb1a8 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,7 +1,13 @@
import { defineConfig } from 'vite'
+import { join } from 'path'
import react from '@vitejs/plugin-react-swc'
// https://vite.dev/config/
export default defineConfig({
+ resolve: {
+ alias: {
+ "@": join(__dirname, "src"),
+ },
+ },
plugins: [react()],
})
+