Update dependencies. Add page. Optimize code.

src/pages/SystemFramework.tsx

@@ -5,6 +5,7 @@ import FitFullScreen from '@/components/common/FitFullScreen'
 import Sidebar from '@/components/common/sidebar'
 import SidebarItemList from '@/components/common/sidebar/SidebarItemList'
 import SidebarItem from '@/components/common/sidebar/SidebarItem'
+import LoadingMask from '@/components/common/LoadingMask'
 
 const SystemFramework: React.FC = () => {
     return (
@@ -16,6 +17,7 @@ const SystemFramework: React.FC = () => {
                             {system.map((value) => {
                                 return value.menu ? (
                                     <SidebarItem
+                                        end={value.id === 'system' ? true : undefined}
                                         path={value.absolutePath}
                                         icon={value.icon}
                                         text={value.name}
@@ -27,7 +29,15 @@ const SystemFramework: React.FC = () => {
                     </Sidebar>
                 </div>
                 <div className={'right-panel'}>
-                    <Outlet />
+                    <Suspense
+                        fallback={
+                            <>
+                                <LoadingMask />
+                            </>
+                        }
+                    >
+                        <Outlet />
+                    </Suspense>
                 </div>
             </FitFullScreen>
         </>

src/pages/UserFramework.tsx

@@ -30,6 +30,7 @@ const ToolsFramework: React.FC = () => {
                             {user.map((value) => {
                                 return value.menu ? (
                                     <SidebarItem
+                                        end={value.id === 'user' ? true : undefined}
                                         path={value.absolutePath}
                                         icon={value.icon}
                                         text={value.name}

src/pages/system/Group.tsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+const Group: React.FC = () => {
+    return <></>
+}
+
+export default Group

src/pages/system/Role.tsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+const Role: React.FC = () => {
+    return <></>
+}
+
+export default Role

src/pages/system/User.tsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+const User: React.FC = () => {
+    return <></>
+}
+
+export default User

src/pages/system/index.tsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+const System: React.FC = () => {
+    return <></>
+}
+
+export default System

src/pages/user/index.tsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+const User: React.FC = () => {
+    return <></>
+}
+
+export default User