feat: 菜单

Author: Rain120

src/app/template.tsx

@@ -21,6 +21,7 @@ import { AppConfig } from '../utils/config/app';
 import { MonacoEditor } from '../utils/config/editor';
 
 import { menu } from '../utils/menu';
+import { storageStringifyParseValue } from '../utils/storage/menu';
 
 // console.log('menu', menu);
 
@@ -30,8 +31,9 @@ export default function Template({
   // @ts-ignore
   children,
 }) {
+  const cacheMenuStatus = storageStringifyParseValue();
   const pathname = usePathname();
-  const [collapsed, setCollapsed] = useState(false);
+  const [collapsed, setCollapsed] = useState(cacheMenuStatus.getItem());
   const [appConfig, setAppConfig] = useState<
     Partial<AppConfigParams> | undefined
   >({
@@ -134,7 +136,11 @@ export default function Template({
                     icon={
                       collapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />
                     }
-                    onClick={() => setCollapsed(!collapsed)}
+                    onClick={() => {
+                      const status = !collapsed;
+                      cacheMenuStatus.setItem(status);
+                      setCollapsed(status);
+                    }}
                     style={{
                       fontSize: '16px',
                     }}

src/utils/storage/menu.ts

@@ -0,0 +1,5 @@
+import { getStorageKey, storageTools } from './tools';
+
+export const storageStringifyParseValue = (key: string = '') => {
+  return storageTools(getStorageKey(`menu_status_${key}`));
+};

src/utils/storage/tools.ts

@@ -9,21 +9,21 @@ export const storageTools = (key: string) => {
       return getStorageKey(key);
     },
     getItem() {
-      const value = localStorage.getItem(key);
+      const value = window?.localStorage?.getItem?.(key);
       if (value) {
         return JSON.parse(value);
       }
 
       return null;
     },
     setItem(value: any) {
-      localStorage.setItem(key, JSON.stringify(value));
+      window?.localStorage?.setItem?.(key, JSON.stringify(value));
     },
     removeItem() {
-      localStorage.removeItem(key);
+      window?.localStorage?.removeItem?.(key);
     },
     clear() {
-      localStorage.clear();
+      window?.localStorage?.clear?.();
     },
   };
 };