nsgm-cli 2.1.19 → 2.1.21

package/client/layout/index.tsx

@@ -1,5 +1,5 @@
-import React, { useEffect, useState } from 'react'
-import { Layout, Menu, Dropdown, Space } from 'antd'
+import React, { useEffect, useState } from "react";
+import { Layout, Menu, Dropdown, Space } from "antd";
 import {
   Container,
   FlexLayout,
@@ -9,140 +9,140 @@ import {
   StyledHeader,
   StyledBreadcrumb,
   StyledContent,
-} from '@/styled/layout'
-import { useRouter } from 'next/router'
-import _ from 'lodash'
-import menuConfig, { getMenuConfig } from '@/utils/menu'
-import getConfig from 'next/config'
-import { LogoutOutlined } from '@ant-design/icons'
-import LanguageSwitcher from '@/components/LanguageSwitcher'
-import { useTranslation } from 'next-i18next'
-import { navigateToLogin } from '@/utils/navigation'
+} from "@/styled/layout";
+import { useRouter } from "next/router";
+import _ from "lodash";
+import menuConfig, { getMenuConfig } from "@/utils/menu";
+import getConfig from "next/config";
+import { LogoutOutlined } from "@ant-design/icons";
+import LanguageSwitcher from "@/components/LanguageSwitcher";
+import { useTranslation } from "next-i18next";
+import { navigateToLogin } from "@/utils/navigation";
 
 interface SubMenuItem {
-  key: string
-  text: string
-  url: string
+  key: string;
+  text: string;
+  url: string;
 }
 
 interface MenuItem {
-  key: string
-  text: string
-  url: string
-  icon?: React.ReactNode
-  subMenus?: SubMenuItem[]
+  key: string;
+  text: string;
+  url: string;
+  icon?: React.ReactNode;
+  subMenus?: SubMenuItem[];
 }
 
-const nextConfig = getConfig()
-const { publicRuntimeConfig } = nextConfig
-const { prefix } = publicRuntimeConfig
+const nextConfig = getConfig();
+const { publicRuntimeConfig } = nextConfig;
+const { prefix } = publicRuntimeConfig;
 
 const getLocationKey = () => {
   const result = {
-    topMenu: '1',
-    slideMenu: '0',
-  }
+    topMenu: "1",
+    slideMenu: "0",
+  };
 
-  if (typeof window !== 'undefined') {
-    const locationHref = window.location.href
+  if (typeof window !== "undefined") {
+    const locationHref = window.location.href;
 
-    let locationHrefArr = locationHref.split('?')
+    let locationHrefArr = locationHref.split("?");
     if (locationHrefArr.length > 0) {
-      locationHrefArr = locationHrefArr[0].split('//')
+      locationHrefArr = locationHrefArr[0].split("//");
 
       if (locationHrefArr.length > 1) {
-        let locationStr = locationHrefArr[1]
-        const locationIndex = locationStr.indexOf('/')
-        locationStr = locationStr.substring(locationIndex)
+        let locationStr = locationHrefArr[1];
+        const locationIndex = locationStr.indexOf("/");
+        locationStr = locationStr.substring(locationIndex);
 
         if (prefix && locationStr.indexOf(prefix) !== -1) {
-          locationStr = locationStr.split(prefix)[1]
+          locationStr = locationStr.split(prefix)[1];
         }
 
         _.each(menuConfig, (item) => {
-          const { key, url, subMenus } = item
+          const { key, url, subMenus } = item;
 
           if (subMenus) {
             _.each(subMenus, (subItem: MenuItem) => {
-              const { key: subKey, url: subUrl } = subItem
+              const { key: subKey, url: subUrl } = subItem;
 
-              if (locationStr === subUrl.split('?')[0]) {
-                const subKeyArr = subKey.split('_')
-                const subKeyArrLen = subKeyArr.length
+              if (locationStr === subUrl.split("?")[0]) {
+                const subKeyArr = subKey.split("_");
+                const subKeyArrLen = subKeyArr.length;
 
-                if (subKeyArrLen > 0) result.topMenu = subKeyArr[0]
+                if (subKeyArrLen > 0) result.topMenu = subKeyArr[0];
 
-                if (subKeyArrLen > 1) result.slideMenu = subKeyArr[1]
+                if (subKeyArrLen > 1) result.slideMenu = subKeyArr[1];
 
-                return false
+                return false;
               }
-              return true
-            })
+              return true;
+            });
           } else {
-            if (url && locationStr === url.split('?')[0]) {
-              result.topMenu = key
-              return false
+            if (url && locationStr === url.split("?")[0]) {
+              result.topMenu = key;
+              return false;
             }
           }
-          return true
-        })
+          return true;
+        });
       }
     }
   }
-  return result
-}
+  return result;
+};
 
 const routerPush = (router: any, url: string) => {
-  if (router && url && typeof window !== 'undefined') {
+  if (router && url && typeof window !== "undefined") {
     if (prefix && url.indexOf(prefix) === -1) {
-      url = prefix + url
+      url = prefix + url;
     }
-    router.push(url)
+    router.push(url);
   }
-}
+};
 
 const LayoutComponent = ({ user, children }) => {
-  const { t } = useTranslation(['layout', 'common'])
-  const router = useRouter()
-  const [topMenuKey, setTopMenuKey] = useState('1')
-  const [sliderMenuKey, setSliderMenuKey] = useState('1')
-  const [collapsed, setCollapsed] = useState(false)
-  const [mounted, setMounted] = useState(false)
+  const { t } = useTranslation(["layout", "common"]);
+  const router = useRouter();
+  const [topMenuKey, setTopMenuKey] = useState("1");
+  const [sliderMenuKey, setSliderMenuKey] = useState("1");
+  const [collapsed, setCollapsed] = useState(false);
+  const [mounted, setMounted] = useState(false);
 
   useEffect(() => {
-    setMounted(true)
-  }, [])
+    setMounted(true);
+  }, []);
 
   // 使用翻译后的菜单配置
-  const translatedMenuConfig = getMenuConfig(t)
+  const translatedMenuConfig = getMenuConfig(t);
 
   // 自定义退出登录函数，保持语言设置
   const handleLogout = () => {
-    if (!mounted || typeof window === 'undefined') return
+    if (!mounted || typeof window === "undefined") return;
 
     // 删除登录相关的 cookie
     const deleteCookie = (name: string) => {
-      document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`
-    }
+      document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
+    };
 
-    deleteCookie('_cas_nsgm')
-    deleteCookie('_cas_nsgm_user')
+    deleteCookie("_cas_nsgm");
+    deleteCookie("_cas_nsgm_user");
 
     // 跳转到登录页面，保持当前语言
-    navigateToLogin(router)
-  }
+    navigateToLogin(router);
+  };
 
   useEffect(() => {
-    const { topMenu, slideMenu } = getLocationKey()
-    setTopMenuKey(topMenu)
-    setSliderMenuKey(slideMenu)
-  }, [])
+    const { topMenu, slideMenu } = getLocationKey();
+    setTopMenuKey(topMenu);
+    setSliderMenuKey(slideMenu);
+  }, []);
 
-  const menuItems: any = []
-  const menuItemsVertical: any = []
+  const menuItems: any = [];
+  const menuItemsVertical: any = [];
 
   _.each(translatedMenuConfig, (item) => {
-    const { key, text, url, icon, subMenus } = item
+    const { key, text, url, icon, subMenus } = item;
 
     if (key && text && url) {
       const menuObj = {
@@ -150,26 +150,26 @@ const LayoutComponent = ({ user, children }) => {
         key,
         onClick: () => {
           if (mounted) {
-            routerPush(router, url)
-            setTopMenuKey(key)
+            routerPush(router, url);
+            setTopMenuKey(key);
 
             if (subMenus) {
-              setSliderMenuKey('1')
+              setSliderMenuKey("1");
             } else {
-              setSliderMenuKey('0')
+              setSliderMenuKey("0");
             }
           }
         },
-      }
+      };
 
-      menuItems.push(menuObj)
+      menuItems.push(menuObj);
     }
 
     if (subMenus) {
-      const subMenusChildren: any = []
+      const subMenusChildren: any = [];
 
       _.each(subMenus, (subItem: MenuItem) => {
-        const { key: subKey, text: subText, url: subUrl } = subItem
+        const { key: subKey, text: subText, url: subUrl } = subItem;
 
         if (subKey && subText && subUrl) {
           const subMenusChildrenObj = {
@@ -177,20 +177,20 @@ const LayoutComponent = ({ user, children }) => {
             label: subText,
             onClick: () => {
               if (mounted) {
-                routerPush(router, subUrl)
+                routerPush(router, subUrl);
 
-                const subKeyArr = subKey.split('_')
-                const subKeyArrLen = subKeyArr.length
+                const subKeyArr = subKey.split("_");
+                const subKeyArrLen = subKeyArr.length;
 
-                if (subKeyArrLen >= 1) setTopMenuKey(subKeyArr[0])
-                if (subKeyArrLen >= 2) setSliderMenuKey(subKeyArr[1])
+                if (subKeyArrLen >= 1) setTopMenuKey(subKeyArr[0]);
+                if (subKeyArrLen >= 2) setSliderMenuKey(subKeyArr[1]);
               }
             },
-          }
+          };
 
-          subMenusChildren.push(subMenusChildrenObj)
+          subMenusChildren.push(subMenusChildrenObj);
         }
-      })
+      });
 
       if (key && text && icon) {
         const subMenuObjVertical = {
@@ -198,13 +198,13 @@ const LayoutComponent = ({ user, children }) => {
           icon,
           label: text,
           onTitleClick: () => {
-            setTopMenuKey(key)
-            setSliderMenuKey('1')
+            setTopMenuKey(key);
+            setSliderMenuKey("1");
           },
           children: subMenusChildren,
-        }
+        };
 
-        menuItemsVertical.push(subMenuObjVertical)
+        menuItemsVertical.push(subMenuObjVertical);
       }
     } else {
       if (key && text && url) {
@@ -214,17 +214,17 @@ const LayoutComponent = ({ user, children }) => {
           key: `slider_${key}_0`,
           onClick: () => {
             if (mounted) {
-              routerPush(router, url)
-              setTopMenuKey(key)
-              setSliderMenuKey('0')
+              routerPush(router, url);
+              setTopMenuKey(key);
+              setSliderMenuKey("0");
             }
           },
-        }
+        };
 
-        menuItemsVertical.push(menuObjVertical)
+        menuItemsVertical.push(menuObjVertical);
       }
     }
-  })
+  });
 
   return (
     <Layout className="main-layout">
@@ -236,7 +236,7 @@ const LayoutComponent = ({ user, children }) => {
           <Menu
             theme="dark"
             mode="horizontal"
-            defaultSelectedKeys={['1']}
+            defaultSelectedKeys={["1"]}
             selectedKeys={[topMenuKey]}
             items={menuItems}
             className="main-menu"
@@ -264,19 +264,19 @@ const LayoutComponent = ({ user, children }) => {
                     //   label: t('layout:layout.userActions.settings'),
                     // },
                     {
-                      type: 'divider',
+                      type: "divider",
                     },
                     {
-                      key: '3',
+                      key: "3",
                       icon: <LogoutOutlined />,
-                      label: t('layout:layout.userActions.logout'),
+                      label: t("layout:layout.userActions.logout"),
                       onClick: () => handleLogout(),
                     },
                   ],
                 }}
               >
                 <Space className="user-dropdown">
-                  <span className="username">{user?.displayName || t('layout:layout.userActions.user')}</span>
+                  <span className="username">{user?.displayName || t("layout:layout.userActions.user")}</span>
                 </Space>
               </Dropdown>
             </Space>
@@ -293,8 +293,8 @@ const LayoutComponent = ({ user, children }) => {
             <div>
               <SideMenu
                 mode="inline"
-                defaultSelectedKeys={['slider_1_0']}
-                defaultOpenKeys={['slider_1']}
+                defaultSelectedKeys={["slider_1_0"]}
+                defaultOpenKeys={["slider_1"]}
                 selectedKeys={[`slider_${topMenuKey}_${sliderMenuKey}`]}
                 openKeys={[`slider_${topMenuKey}`]}
                 items={menuItemsVertical}
@@ -306,26 +306,26 @@ const LayoutComponent = ({ user, children }) => {
             <StyledBreadcrumb
               items={_.compact(
                 _.flatMap(translatedMenuConfig, (item, index) => {
-                  const { key, text, subMenus } = item
+                  const { key, text, subMenus } = item;
 
                   if (subMenus) {
-                    const subItems: any = []
+                    const subItems: any = [];
                     _.each(subMenus, (subItem: MenuItem, subIndex: number) => {
-                      const { key: subKey, text: subText } = subItem
+                      const { key: subKey, text: subText } = subItem;
                       if (subKey === `${topMenuKey}_${sliderMenuKey}`) {
-                        subItems.push({ title: text, key: `breadcrumb${subIndex}` })
-                        subItems.push({ title: subText, key: `breadcrumb${subIndex}_sub` })
-                        return false
+                        subItems.push({ title: text, key: `breadcrumb${subIndex}` });
+                        subItems.push({ title: subText, key: `breadcrumb${subIndex}_sub` });
+                        return false;
                       }
-                      return true
-                    })
-                    return subItems
+                      return true;
+                    });
+                    return subItems;
                   } else {
                     if (key && key === topMenuKey) {
-                      return { title: text, key: `breadcrumb${index}` }
+                      return { title: text, key: `breadcrumb${index}` };
                     }
                   }
-                  return null
+                  return null;
                 })
               )}
             />
@@ -334,7 +334,7 @@ const LayoutComponent = ({ user, children }) => {
         </FlexLayout>
       </Container>
     </Layout>
-  )
-}
+  );
+};
 
-export default LayoutComponent
+export default LayoutComponent;

package/client/redux/reducers.ts

@@ -1,5 +1,5 @@
-import { templateManageReducer } from './template/manage/reducers'
+import { templateManageReducer } from "./template/manage/reducers";
 
 export default {
   templateManage: templateManageReducer,
-}
+};

package/client/redux/store.ts

@@ -1,19 +1,19 @@
-import { useMemo } from 'react'
-import { combineReducers } from 'redux'
-import { configureStore, type EnhancedStore } from '@reduxjs/toolkit'
-import reducers from './reducers'
+import { useMemo } from "react";
+import { combineReducers } from "redux";
+import { configureStore, type EnhancedStore } from "@reduxjs/toolkit";
+import reducers from "./reducers";
 
-let store: EnhancedStore | undefined
+let store: EnhancedStore | undefined;
 
-const reducersKeysLen = Object.keys(reducers).length
+const reducersKeysLen = Object.keys(reducers).length;
 
-let combineReducer: any = () => ({})
+let combineReducer: any = () => ({});
 
 if (reducersKeysLen > 0) {
-  combineReducer = combineReducers({ ...reducers })
+  combineReducer = combineReducers({ ...reducers });
 }
 
-export type RootState = ReturnType<typeof combineReducer>
+export type RootState = ReturnType<typeof combineReducer>;
 
 // 创建一个临时 store 实例来获取正确的 dispatch 类型
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -22,46 +22,46 @@ const tempStore = configureStore({
   middleware: (getDefaultMiddleware) =>
     getDefaultMiddleware({
       serializableCheck: {
-        ignoredActions: ['persist/PERSIST', 'persist/REHYDRATE'],
+        ignoredActions: ["persist/PERSIST", "persist/REHYDRATE"],
       },
     }),
-})
+});
 
-export type AppDispatch = typeof tempStore.dispatch
+export type AppDispatch = typeof tempStore.dispatch;
 
 function initStore(initialState?: any): EnhancedStore {
   return configureStore({
     reducer: combineReducer,
     preloadedState: initialState,
-    devTools: process.env.NODE_ENV !== 'production',
+    devTools: process.env.NODE_ENV !== "production",
     middleware: (getDefaultMiddleware) =>
       getDefaultMiddleware({
         serializableCheck: {
-          ignoredActions: ['persist/PERSIST', 'persist/REHYDRATE'],
+          ignoredActions: ["persist/PERSIST", "persist/REHYDRATE"],
         },
       }),
-  })
+  });
 }
 
 export const initializeStore = (preloadedState?: any): EnhancedStore => {
-  let _store = store ?? initStore(preloadedState)
+  let _store = store ?? initStore(preloadedState);
 
   if (preloadedState && store) {
     _store = initStore({
       ...store.getState(),
       ...preloadedState,
-    })
-    store = undefined
+    });
+    store = undefined;
   }
 
-  if (typeof window === 'undefined') return _store
+  if (typeof window === "undefined") return _store;
 
-  if (!store) store = _store
+  if (!store) store = _store;
 
-  return _store
-}
+  return _store;
+};
 
 export function useStore(initialState?: any): EnhancedStore {
-  const store = useMemo(() => initializeStore(initialState), [initialState])
-  return store
+  const store = useMemo(() => initializeStore(initialState), [initialState]);
+  return store;
 }