feat(views): ✨ [Pages] add 权限切换

src/Pages.tsx

@@ -1,7 +1,7 @@
 import type { RouteObject } from 'react-router-dom';
 import { Navigate, useRoutes } from 'react-router-dom';
 import { useState, useEffect, memo } from 'react';
-import { baseRouter } from './router';
+import { baseRouter, errorPage } from './router';
 import { useAppSelector } from './store/hooks';
 import { handlePowerRoute, handleRouteList } from './router/utils';
 
@@ -18,7 +18,7 @@ const Pages = memo(() => {
         element: <Navigate to={routerList[0].path || ''} />,
       });
     }
-    return routerList;
+    return [...routerList, ...errorPage];
   };
 
   // 更新路由列表
@@ -27,13 +27,15 @@ const Pages = memo(() => {
       baseRouter.map((i) => {
         const routeItem = i;
         if (routeItem.path === '/') {
-          routeItem.children?.push(...handleRedirect());
+          routeItem.children = handleRedirect();
         }
         return routeItem;
       }),
     );
   }, [asyncRouter]);
 
+  console.log('route', route);
+
   const routeElemt = useRoutes(route);
 
   return <>{routeElemt}</>;

src/layout/components/Sidebar/SidebarInline/index.tsx

@@ -53,7 +53,7 @@ const Sidebar = memo(() => {
     } else {
       return menuList;
     }
-  }, [sidebarMode, pathname]);
+  }, [sidebarMode, pathname, menuList]);
 
   const MenuRender = (
     <>

src/router/index.tsx

@@ -6,6 +6,13 @@ import Authority from '@/layout/Authority';
 const ErrorPage403 = lazy(() => import('@/views/core/error/403'));
 const Login = lazy(() => import('@/views/Login'));
 
+export const errorPage = [
+  {
+    path: '*',
+    element: <ErrorPage403 />,
+  },
+];
+
 export const baseRouter: RouteObject[] = [
   {
     path: '/',
@@ -15,12 +22,7 @@ export const baseRouter: RouteObject[] = [
       </Authority>
     ),
     errorElement: <ErrorPage403 />,
-    children: [
-      {
-        path: '*',
-        element: <ErrorPage403 />,
-      },
-    ],
+    children: [...errorPage],
   },
   {
     path: '/login',

src/views/Power/UseList/index.tsx

@@ -1,5 +1,15 @@
+import { Button } from 'antd';
+import { initAsyncRoute } from '@/router/utils';
+
 const UseList = () => {
-  return <>UseList</>;
+  const setCount = async () => {
+    initAsyncRoute('test');
+  };
+  return (
+    <Button type="primary" onClick={setCount}>
+      切换权限
+    </Button>
+  );
 };
 
 export default UseList;