diff --git a/src/config/menu.config.jsx b/src/config/menu.config.jsx
index 9fb5d10e1..e684807a4 100644
--- a/src/config/menu.config.jsx
+++ b/src/config/menu.config.jsx
@@ -32,7 +32,7 @@ import {
   ProjectOutlined,
   FileTextOutlined,
   ThunderboltOutlined,
-  ToolOutlined,
+  ToolOutlined
 } from '@ant-design/icons'
 
 // 静态菜单配置
@@ -84,21 +84,21 @@ const rawMainLayoutMenu = [
                 label: 'Vue3 API',
                 i18nKey: 'menu.vue3Api',
                 key: '/tech/frontend/plugins/vue3',
-                icon: <FileTextOutlined />,
+                icon: <FileTextOutlined />
               },
               {
                 label: '性能优化',
                 i18nKey: 'menu.performanceOptimization',
                 key: '/tech/frontend/plugins/perf',
-                icon: <ThunderboltOutlined />,
-              },
-            ],
-          },
-        ],
+                icon: <ThunderboltOutlined />
+              }
+            ]
+          }
+        ]
       },
       { label: 'Angular', i18nKey: 'menu.angular', key: '/tech/frontend/angular', icon: <Html5Outlined /> },
-      { label: 'Node', i18nKey: 'menu.node', key: '/tech/frontend/node', icon: <CloudServerOutlined /> },
-    ],
+      { label: 'Node', i18nKey: 'menu.node', key: '/tech/frontend/node', icon: <CloudServerOutlined /> }
+    ]
   },
   {
     label: '后端技术栈',
@@ -108,8 +108,8 @@ const rawMainLayoutMenu = [
     children: [
       { label: 'Node', i18nKey: 'menu.node', key: '/tech/backend/node', icon: <CodeOutlined /> },
       { label: 'Java', i18nKey: 'menu.java', key: '/tech/backend/java', icon: <CodeOutlined /> },
-      { label: 'Go', i18nKey: 'menu.go', key: '/tech/backend/go', icon: <CodeOutlined /> },
-    ],
+      { label: 'Go', i18nKey: 'menu.go', key: '/tech/backend/go', icon: <CodeOutlined /> }
+    ]
   },
   {
     label: '构建工具',
@@ -118,8 +118,8 @@ const rawMainLayoutMenu = [
     icon: <ApartmentOutlined />,
     children: [
       { label: 'Webpack', i18nKey: 'menu.webpack', key: '/build/webpack', icon: <ToolOutlined /> },
-      { label: 'Vite', i18nKey: 'menu.vite', key: '/build/vite', icon: <ThunderboltOutlined /> },
-    ],
+      { label: 'Vite', i18nKey: 'menu.vite', key: '/build/vite', icon: <ThunderboltOutlined /> }
+    ]
   },
 
   {
@@ -127,12 +127,12 @@ const rawMainLayoutMenu = [
     i18nKey: 'menu.error',
     key: '/sub-error',
     icon: <QuestionCircleOutlined />,
-    children: [{ label: 'ErrorBoundary', i18nKey: 'menu.errorBoundary', key: '/error' }],
-  },
+    children: [{ label: 'ErrorBoundary', i18nKey: 'menu.errorBoundary', key: '/error' }]
+  }
 ]
 
 // 规范化菜单：为每个项保证存在 `path` 字段（优先使用已有 path，否则复制 key）。
-function normalizeMenu(items) {
+function normalizeMenu (items) {
   return items.map((it) => {
     const { children, ...rest } = it
     const normalized = { ...rest, path: (it && it.path) || it.key }
diff --git a/src/locales/en/translation.js b/src/locales/en/translation.js
index f9363d631..7ff2be1b3 100644
--- a/src/locales/en/translation.js
+++ b/src/locales/en/translation.js
@@ -5,7 +5,7 @@ const en = {
   nav: {
     home: 'Home',
     dashboard: 'Dashboard',
-    portfolio: 'My Portfolio',
+    portfolio: 'My Portfolio'
   },
   header: {
     search: 'Menu search',
@@ -21,7 +21,7 @@ const en = {
     userCenter: 'Profile',
     userSettings: 'Settings',
     contactMe: 'Contact',
-    logout: 'Log out',
+    logout: 'Log out'
   },
   settingDrawer: {
     title: 'Preferences',
@@ -31,11 +31,11 @@ const en = {
       navigationMode: 'Navigation mode',
       contentWidth: 'Content width',
       other: 'Other settings',
-      visualEffects: 'Visual effects',
+      visualEffects: 'Visual effects'
     },
     navTheme: {
       light: 'Light menu style',
-      dark: 'Dark menu style',
+      dark: 'Dark menu style'
     },
     enableDarkMode: 'Enable dark mode',
     colors: {
@@ -46,13 +46,13 @@ const en = {
       cyan: 'Cyan',
       auroraGreen: 'Aurora Green',
       geekBlue: 'Geek Blue',
-      purple: 'Purple',
+      purple: 'Purple'
     },
     customColor: 'Custom color',
     layout: {
       side: 'Side menu layout',
       top: 'Top menu layout',
-      mix: 'Mixed menu layout',
+      mix: 'Mixed menu layout'
     },
     contentWidth: 'Content width',
     contentWidthFixed: 'Fixed',
@@ -62,12 +62,12 @@ const en = {
       grayMode: 'Grayscale mode',
       compactMode: 'Compact mode',
       fixedHeader: 'Fixed header',
-      fixedSider: 'Fixed sidebar',
+      fixedSider: 'Fixed sidebar'
     },
     effects: {
       pointerFollow: 'Pointer follow',
-      pointerTrail: 'Pointer trail',
-    },
+      pointerTrail: 'Pointer trail'
+    }
   },
   menu: {
     motion: 'Motion',
@@ -110,7 +110,7 @@ const en = {
     vite: 'Vite',
 
     error: 'Error',
-    errorBoundary: 'ErrorBoundary',
+    errorBoundary: 'ErrorBoundary'
   },
   svp: {
     ariaPlaybackSettings: 'Playback settings',
@@ -189,8 +189,8 @@ const en = {
     videoNetworkError: 'Network error: failed to load video',
     videoDecodeError: 'Decode error (unsupported format/codec)',
     videoSourceNotSupported: 'Video source unavailable (404/CORS/type unsupported)',
-    videoLoadFailed: 'Failed to load video',
-  },
+    videoLoadFailed: 'Failed to load video'
+  }
 }
 
 export default en
diff --git a/src/locales/zh/translation.js b/src/locales/zh/translation.js
index bcb3b63ed..4bab78065 100644
--- a/src/locales/zh/translation.js
+++ b/src/locales/zh/translation.js
@@ -5,7 +5,7 @@ const zh = {
   nav: {
     home: '首页',
     dashboard: '多路由设置',
-    portfolio: '我的作品集',
+    portfolio: '我的作品集'
   },
   header: {
     search: '菜单搜索',
@@ -21,7 +21,7 @@ const zh = {
     userCenter: '个人中心',
     userSettings: '个人设置',
     contactMe: '联 系 我',
-    logout: '退出登录',
+    logout: '退出登录'
   },
   settingDrawer: {
     title: '偏好设置',
@@ -31,11 +31,11 @@ const zh = {
       navigationMode: '导航模式',
       contentWidth: '内容区域宽度',
       other: '其他设置',
-      visualEffects: '视觉特效',
+      visualEffects: '视觉特效'
     },
     navTheme: {
       light: '亮色菜单风格',
-      dark: '暗色菜单风格',
+      dark: '暗色菜单风格'
     },
     enableDarkMode: '开启暗黑模式',
     colors: {
@@ -46,13 +46,13 @@ const zh = {
       cyan: '明青',
       auroraGreen: '极光绿',
       geekBlue: 'Geek Blue',
-      purple: '酱紫',
+      purple: '酱紫'
     },
     customColor: '自定义颜色',
     layout: {
       side: '侧边菜单布局',
       top: '顶部菜单布局',
-      mix: '混合菜单布局',
+      mix: '混合菜单布局'
     },
     contentWidth: '内容区域宽度',
     contentWidthFixed: '固定',
@@ -62,12 +62,12 @@ const zh = {
       grayMode: '灰色模式',
       compactMode: '紧凑模式',
       fixedHeader: '固定 Header',
-      fixedSider: '固定侧边菜单',
+      fixedSider: '固定侧边菜单'
     },
     effects: {
       pointerFollow: '指针跟随',
-      pointerTrail: '指针轨迹',
-    },
+      pointerTrail: '指针轨迹'
+    }
   },
   menu: {
     motion: '动效',
@@ -110,7 +110,7 @@ const zh = {
     vite: 'Vite',
 
     error: '错误',
-    errorBoundary: '错误边界',
+    errorBoundary: '错误边界'
   },
   svp: {
     ariaPlaybackSettings: '播放设置',
@@ -189,8 +189,8 @@ const zh = {
     videoNetworkError: '网络错误导致视频加载失败',
     videoDecodeError: '视频解码失败（格式/编码不兼容）',
     videoSourceNotSupported: '视频源不可用（404/跨域/类型不支持）',
-    videoLoadFailed: '视频加载失败',
-  },
+    videoLoadFailed: '视频加载失败'
+  }
 }
 
 export default zh
diff --git a/src/pages/layout/primaryNav/index.jsx b/src/pages/layout/primaryNav/index.jsx
index b9c72f56b..b8339ca2b 100644
--- a/src/pages/layout/primaryNav/index.jsx
+++ b/src/pages/layout/primaryNav/index.jsx
@@ -62,7 +62,7 @@ export const usePrimaryNavItems = () => {
       i18nKey: 'nav.home',
       icon: <HomeOutlined style={{ fontSize: 16 }} />,
       onClick: () => redirectTo('/'),
-      show: true,
+      show: true
     },
     {
       key: 'dashboard',
@@ -70,7 +70,7 @@ export const usePrimaryNavItems = () => {
       i18nKey: 'nav.dashboard',
       icon: <DashboardOutlined style={{ fontSize: 16 }} />,
       onClick: () => redirectTo('dashboard'),
-      show: hasAccess('/dashboard'),
+      show: hasAccess('/dashboard')
     },
     {
       key: 'portfilo',
@@ -78,8 +78,8 @@ export const usePrimaryNavItems = () => {
       i18nKey: 'nav.portfolio',
       icon: <ProjectOutlined style={{ fontSize: 16 }} />,
       onClick: () => redirectTo('portfilo'),
-      show: hasAccess('/portfilo'),
-    },
+      show: hasAccess('/portfilo')
+    }
   ]
 
   return items.filter((item) => item.show).map(({ show, ...rest }) => rest)
@@ -92,7 +92,7 @@ const PrimaryNav = ({ layout = '' }) => {
   return (
     <Space style={{ marginRight: 16 }}>
       {filterItems.map((item) => (
-        <Button key={item.key} type="link" icon={item.icon} onClick={item.onClick}>
+        <Button key={item.key} type='link' icon={item.icon} onClick={item.onClick}>
           {item.i18nKey ? t(item.i18nKey) : item.label}
         </Button>
       ))}
@@ -101,7 +101,7 @@ const PrimaryNav = ({ layout = '' }) => {
 }
 
 PrimaryNav.propTypes = {
-  layout: PropTypes.string,
+  layout: PropTypes.string
 }
 
 export default PrimaryNav
diff --git a/src/pages/layout/proContent/breadcrumb/util.js b/src/pages/layout/proContent/breadcrumb/util.js
index 62aeb6819..6c442a9fc 100644
--- a/src/pages/layout/proContent/breadcrumb/util.js
+++ b/src/pages/layout/proContent/breadcrumb/util.js
@@ -62,7 +62,7 @@ export const findRouteChain = (routes, pathname) => {
         const resolvedKey = matched.path || matched.key || pathToCheck
         chain.push({
           ...matched,
-          i18nKey: matched.i18nKey || getMenuI18nKeyByPath(resolvedKey),
+          i18nKey: matched.i18nKey || getMenuI18nKeyByPath(resolvedKey)
         })
       }
     }
@@ -87,7 +87,7 @@ export const getRouteList = (result, arrList, queryItem) => {
       path: item.path,
       key: item.key,
       name: item.name,
-      i18nKey: item.i18nKey,
+      i18nKey: item.i18nKey
     })
   })
   return result
diff --git a/src/pages/layout/proHeader/index.jsx b/src/pages/layout/proHeader/index.jsx
index a6996a661..076cd17e0 100644
--- a/src/pages/layout/proHeader/index.jsx
+++ b/src/pages/layout/proHeader/index.jsx
@@ -15,7 +15,7 @@ import {
   MoreOutlined,
   RocketOutlined,
   BookOutlined,
-  SearchOutlined,
+  SearchOutlined
 } from '@ant-design/icons'
 import { useNavigate } from 'react-router-dom'
 import { removeLocalStorage, getLocalStorage } from '@utils/publicFn'
@@ -63,7 +63,7 @@ const buildUserMenuItems = ({ t, tokenValue, isAuthenticated, user, redirectTo }
   {
     key: 'token',
     label: <>{tokenValue}</>,
-    disabled: true,
+    disabled: true
   },
   { type: 'divider' },
   {
@@ -72,7 +72,7 @@ const buildUserMenuItems = ({ t, tokenValue, isAuthenticated, user, redirectTo }
     icon: <UserOutlined />,
     onClick: () => {
       redirectTo('/profile')
-    },
+    }
   },
   {
     key: '2',
@@ -80,7 +80,7 @@ const buildUserMenuItems = ({ t, tokenValue, isAuthenticated, user, redirectTo }
     icon: <SmileOutlined />,
     onClick: () => {
       redirectTo('/setting')
-    },
+    }
   },
   {
     key: '3',
@@ -88,7 +88,7 @@ const buildUserMenuItems = ({ t, tokenValue, isAuthenticated, user, redirectTo }
     icon: <SmileOutlined />,
     onClick: () => {
       redirectTo('/contact')
-    },
+    }
   },
   {
     key: '4',
@@ -103,8 +103,8 @@ const buildUserMenuItems = ({ t, tokenValue, isAuthenticated, user, redirectTo }
       safeLogoutCleanup()
       removeLocalStorage('token')
       redirectTo('/signin')
-    },
-  },
+    }
+  }
 ]
 
 const buildMobileMoreItems = ({
@@ -113,43 +113,43 @@ const buildMobileMoreItems = ({
   onSettingClick,
   redirectGithub,
   redirectWiki,
-  redirectWrapped,
+  redirectWrapped
 }) => [
   ...(Array.isArray(primaryNavItems) ? primaryNavItems : []).map((it) => ({
     ...it,
-    label: it?.i18nKey ? t(it.i18nKey) : it?.label,
+    label: it?.i18nKey ? t(it.i18nKey) : it?.label
   })),
   { type: 'divider' },
   {
     key: 'notification',
     label: <NotificationDrawer />,
     icon: null,
-    onClick: undefined,
+    onClick: undefined
   },
   {
     key: 'github',
     label: t('header.github'),
     icon: <GithubOutlined style={{ fontSize: 16 }} />,
-    onClick: redirectGithub,
+    onClick: redirectGithub
   },
   {
     key: 'wiki',
     label: t('header.wiki'),
     icon: <BookOutlined style={{ fontSize: 16 }} />,
-    onClick: redirectWiki,
+    onClick: redirectWiki
   },
   {
     key: 'wrapped',
     label: t('header.wrapped'),
     icon: <RocketOutlined style={{ fontSize: 16 }} />,
-    onClick: redirectWrapped,
+    onClick: redirectWrapped
   },
   {
     key: 'setting',
     label: t('header.preferences'),
     icon: <SettingOutlined style={{ fontSize: 16 }} />,
-    onClick: onSettingClick,
-  },
+    onClick: onSettingClick
+  }
 ]
 
 const safeLogoutCleanup = () => {
@@ -190,7 +190,7 @@ const renderMobileMenuTrigger = (isMobile, onMobileMenuClick) => {
   if (!isMobile) return null
   return (
     <button
-      type="button"
+      type='button'
       onClick={onMobileMenuClick}
       style={{
         margin: '0 16px',
@@ -199,7 +199,7 @@ const renderMobileMenuTrigger = (isMobile, onMobileMenuClick) => {
         alignItems: 'center',
         background: 'transparent',
         border: 'none',
-        padding: 0,
+        padding: 0
       }}
     >
       <MenuOutlined style={{ fontSize: 20 }} />
@@ -226,54 +226,56 @@ const renderDesktopActions = ({
   redirectGithub,
   redirectWiki,
   redirectWrapped,
-  setSearchOpen,
+  setSearchOpen
 }) => (
-  <Space orientation="horizontal" style={{ paddingRight: 8 }}>
+  <Space orientation='horizontal' style={{ paddingRight: 8 }}>
     <SoundBar buttonStyle={{ border: 'none' }} />
-    <Tooltip title={t('header.searchTooltip')} placement="bottom">
-      <Button icon={<SearchOutlined />} size="small" style={iconButtonStyle} onClick={() => setSearchOpen(true)} />
+    <Tooltip title={t('header.searchTooltip')} placement='bottom'>
+      <Button icon={<SearchOutlined />} size='small' style={iconButtonStyle} onClick={() => setSearchOpen(true)} />
     </Tooltip>
 
-    <NotificationDrawer variant="button" buttonStyle={iconButtonStyle} />
-    <Tooltip title={t('header.github')} placement="bottom">
+    <NotificationDrawer variant='button' buttonStyle={iconButtonStyle} />
+    <Tooltip title={t('header.github')} placement='bottom'>
       <Button
         icon={<GithubOutlined style={{ fontSize: 16 }} />}
-        size="small"
-        type="default"
+        size='small'
+        type='default'
         onClick={redirectGithub}
         style={iconButtonStyle}
       />
     </Tooltip>
     <Fullscreen buttonStyle={iconButtonStyle} />
-    <Tooltip title={isDark ? t('header.themeLight') : t('header.themeDark')} placement="bottom">
+    <Tooltip title={isDark ? t('header.themeLight') : t('header.themeDark')} placement='bottom'>
       <Button
         onClick={handleThemeToggle}
-        size="small"
+        size='small'
         style={{ margin: '0 4px', fontSize: 16 }}
         icon={
-          isDark ? (
-            <LightIcon width={16} height={16} style={{ width: 16, height: 16 }} />
-          ) : (
-            <DarkIcon width={16} height={16} style={{ width: 16, height: 16 }} />
-          )
+          isDark
+            ? (
+              <LightIcon width={16} height={16} style={{ width: 16, height: 16 }} />
+              )
+            : (
+              <DarkIcon width={16} height={16} style={{ width: 16, height: 16 }} />
+              )
         }
       />
     </Tooltip>
-    <Tooltip title={t('header.preferences')} placement="bottom">
-      <Button icon={<SettingOutlined />} size="small" onClick={onSettingClick} style={iconButtonStyle} />
+    <Tooltip title={t('header.preferences')} placement='bottom'>
+      <Button icon={<SettingOutlined />} size='small' onClick={onSettingClick} style={iconButtonStyle} />
     </Tooltip>
-    <Tooltip title={t('header.wrappedTooltip')} placement="bottom">
+    <Tooltip title={t('header.wrappedTooltip')} placement='bottom'>
       <Button
         icon={<RocketOutlined style={{ fontSize: 16 }} />}
-        size="small"
+        size='small'
         onClick={redirectWrapped}
         style={iconButtonStyle}
       />
     </Tooltip>
-    <Tooltip title={t('header.wiki')} placement="bottom">
+    <Tooltip title={t('header.wiki')} placement='bottom'>
       <Button
         icon={<BookOutlined style={{ fontSize: 16 }} />}
-        size="small"
+        size='small'
         onClick={redirectWiki}
         style={iconButtonStyle}
       />
@@ -287,22 +289,24 @@ const renderMobileActions = ({ t, isTopDarkHeader, isDark, handleThemeToggle, mo
     <Tooltip title={t('header.search')}>
       <Button
         icon={<SearchOutlined style={{ color: isTopDarkHeader ? '#fff' : undefined }} />}
-        size="small"
+        size='small'
         style={{ fontSize: 18 }}
         onClick={() => setSearchOpen(true)}
       />
     </Tooltip>
-    <Tooltip title={isDark ? t('header.themeLight') : t('header.themeDark')} placement="bottom">
+    <Tooltip title={isDark ? t('header.themeLight') : t('header.themeDark')} placement='bottom'>
       <Button
         onClick={handleThemeToggle}
-        size="small"
+        size='small'
         style={{ margin: '0 4px', fontSize: 16 }}
         icon={
-          isDark ? (
-            <LightIcon width={16} height={16} style={{ width: 16, height: 16 }} />
-          ) : (
-            <DarkIcon width={16} height={16} style={{ width: 16, height: 16 }} />
-          )
+          isDark
+            ? (
+              <LightIcon width={16} height={16} style={{ width: 16, height: 16 }} />
+              )
+            : (
+              <DarkIcon width={16} height={16} style={{ width: 16, height: 16 }} />
+              )
         }
       />
     </Tooltip>
@@ -315,11 +319,13 @@ const renderMobileActions = ({ t, isTopDarkHeader, isDark, handleThemeToggle, mo
 const renderHeaderActions = (isMobile, props) => (isMobile ? renderMobileActions(props) : renderDesktopActions(props))
 
 const renderUserTrigger = (isAuthenticated, user, iconButtonStyle) =>
-  isAuthenticated && user ? (
-    <Avatar src={user.avatar_url || undefined} icon={<UserOutlined style={{ fontSize: 16 }} />} />
-  ) : (
-    <Button icon={<UserOutlined style={{ fontSize: 16 }} />} type="default" shape="round" style={iconButtonStyle} />
-  )
+  isAuthenticated && user
+    ? (
+      <Avatar src={user.avatar_url || undefined} icon={<UserOutlined style={{ fontSize: 16 }} />} />
+      )
+    : (
+      <Button icon={<UserOutlined style={{ fontSize: 16 }} />} type='default' shape='round' style={iconButtonStyle} />
+      )
 
 const ProHeader = ({ layout, onSettingClick, children, isMobile, onMobileMenuClick }) => {
   const { t } = useTranslation()
@@ -360,13 +366,13 @@ const ProHeader = ({ layout, onSettingClick, children, isMobile, onMobileMenuCli
         onSettingClick,
         redirectGithub,
         redirectWiki,
-        redirectWrapped,
+        redirectWrapped
       }),
     [t, primaryNavItems, onSettingClick]
   )
 
   const {
-    token: { colorBgContainer, colorBorder },
+    token: { colorBgContainer, colorBorder }
   } = theme.useToken()
   const { themeSettings, updateSettings } = useProThemeContext()
   const isDark = themeSettings.themeMode === 'dark'
@@ -402,19 +408,19 @@ const ProHeader = ({ layout, onSettingClick, children, isMobile, onMobileMenuCli
       style={{
         backgroundColor: headerBackground,
         borderBottom: headerBorder,
-        padding: isMobile ? '0 16px' : 0,
+        padding: isMobile ? '0 16px' : 0
       }}
     >
       {renderMobileMenuTrigger(isMobile, onMobileMenuClick)}
       <div
-        aria-hidden="true"
+        aria-hidden='true'
         className={`${styles.logo} ${layout === 'top' ? styles.topLayoutLogo : ''}`}
         onClick={() => redirectTo('/')}
         style={isMobile ? { flex: '0 0 auto', justifyContent: 'flex-start' } : {}}
       >
         {/* Pro React <Tag>{process.env.DEPLOYED_ENV}</Tag> */}
-        {!isMobile && <img src={Logo} alt="logo" />}
-        <GradientAnimationText text="Pro React Admin" />
+        {!isMobile && <img src={Logo} alt='logo' />}
+        <GradientAnimationText text='Pro React Admin' />
       </div>
       <div className={styles.headerMeta} style={isMobile ? { justifyContent: 'flex-end' } : {}}>
         {renderDesktopNav(isMobile, layout, children)}
@@ -430,7 +436,7 @@ const ProHeader = ({ layout, onSettingClick, children, isMobile, onMobileMenuCli
             redirectWiki,
             redirectWrapped,
             mobileMoreItems,
-            setSearchOpen,
+            setSearchOpen
           })}
           <Dropdown arrow menu={{ items }} trigger={['click']}>
             {renderUserTrigger(isAuthenticated, user, iconButtonStyle)}
@@ -449,7 +455,7 @@ ProHeader.propTypes = {
   onSettingClick: PropTypes.func,
   children: PropTypes.node,
   isMobile: PropTypes.bool,
-  onMobileMenuClick: PropTypes.func,
+  onMobileMenuClick: PropTypes.func
 }
 
 export default ProHeader
diff --git a/src/pages/layout/proSecNav/index.jsx b/src/pages/layout/proSecNav/index.jsx
index 37eaf7ce0..e48916eb8 100644
--- a/src/pages/layout/proSecNav/index.jsx
+++ b/src/pages/layout/proSecNav/index.jsx
@@ -307,7 +307,7 @@ const ProSecNav = ({ mode = 'inline', theme = 'light', onMenuClick }) => {
 
       return (
         <button
-          type="button"
+          type='button'
           onMouseEnter={onPreload}
           onFocus={onPreload}
           onClick={onPreload}
@@ -335,7 +335,7 @@ const ProSecNav = ({ mode = 'inline', theme = 'light', onMenuClick }) => {
       const base = {
         ...rest,
         path,
-        label: Label,
+        label: Label
       }
       if (children && Array.isArray(children)) {
         // 过滤掉空值的子项
@@ -423,7 +423,7 @@ const ProSecNav = ({ mode = 'inline', theme = 'light', onMenuClick }) => {
 ProSecNav.propTypes = {
   mode: PropTypes.string,
   theme: PropTypes.string,
-  onMenuClick: PropTypes.func,
+  onMenuClick: PropTypes.func
 }
 
 export default ProSecNav
diff --git a/src/utils/publicFn/index.jsx b/src/utils/publicFn/index.jsx
index 949d91dff..b6d7ebce1 100644
--- a/src/utils/publicFn/index.jsx
+++ b/src/utils/publicFn/index.jsx
@@ -30,7 +30,7 @@ export const getKeyName = (pathName = '/404') => {
       title: 'Not Found',
       tabKey: '/404',
       element: <Exception404 />,
-      i18nKey: 'Not Found',
+      i18nKey: 'Not Found'
     }
   }
 
@@ -65,7 +65,7 @@ export const getKeyName = (pathName = '/404') => {
     title: name || route.meta?.title || 'Unknown Route',
     tabKey,
     element: element || <Exception404 />,
-    i18nKey: resolvedI18nKey,
+    i18nKey: resolvedI18nKey
   }
 }
 
@@ -88,7 +88,7 @@ const buildMatchEntry = (route, normalizedPath) => {
   return {
     route,
     candidate: bestCandidate,
-    score: bestScore,
+    score: bestScore
   }
 }
 
@@ -198,7 +198,7 @@ export const formatTime = (date, format) => {
     dd: padZero(date.getDate()),
     HH: padZero(date.getHours()),
     mm: padZero(date.getMinutes()),
-    ss: padZero(date.getSeconds()),
+    ss: padZero(date.getSeconds())
   }
 
   return format.replace(/yyyy|MM|dd|HH|mm|ss/g, (match) => map[match])
@@ -257,7 +257,7 @@ export const groupBy = (arr, groupFn) =>
   arr.reduce(
     (grouped, obj) => ({
       ...grouped,
-      [groupFn(obj)]: [...(grouped[groupFn(obj)] || []), obj],
+      [groupFn(obj)]: [...(grouped[groupFn(obj)] || []), obj]
     }),
     {}
   )
@@ -306,7 +306,7 @@ export const openInNewTab = (url) => {
 }
 
 export const range = (start, end, step = 1) => {
-  let output = []
+  const output = []
   if (typeof end === 'undefined') {
     end = start
     start = 0