refactor(projects): use new elegant-router plugin

2025-12-08 01:05:59 +08:00 · 2025-10-13 16:51:54 +08:00
84 changed files with 2168 additions and 3090 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -33,3 +33,5 @@ package-lock.json
 yarn.lock
 .VSCodeCounter
 .temp
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -5,6 +5,7 @@
    "antfu.unocss",
    "dbaeumer.vscode-eslint",
    "editorconfig.editorconfig",
    "esbenp.prettier-vscode",
    "lokalise.i18n-ally",
    "mhutchie.git-graph",
    "mikestead.dotenv",
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,331 +1,6 @@
 # Changelog
 ## [v2.0.1](https://github.com/soybeanjs/soybean-admin/compare/v2.0.0...v2.0.1) (2025-12-04)
 ### &nbsp;&nbsp;&nbsp;🚀 Features
 - **docs**:
  - update QQ group image in README &nbsp;-&nbsp; by @soybeanjs [<samp>(46081)</samp>](https://github.com/soybeanjs/soybean-admin/commit/46081c36)
 - **projects**:
  - support theme presets to only set partial content. &nbsp;-&nbsp; by **Azir-11** [<samp>(9da84)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9da847fb)
  - support theme perset  to override component library presets. &nbsp;-&nbsp; by **Azir-11** [<samp>(60517)</samp>](https://github.com/soybeanjs/soybean-admin/commit/605173a1)
  - support pinning and unpinning of tabs &nbsp;-&nbsp; by **hooke** [<samp>(b8a76)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b8a767d7)
  - hybrid layout mode auto select first deepest child menu &nbsp;-&nbsp; by @paynezhuang [<samp>(94019)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9401925f)
 ### &nbsp;&nbsp;&nbsp;🐞 Bug Fixes
 - **docs**: update project name in ecosystem section of README &nbsp;-&nbsp; by @soybeanjs [<samp>(bb232)</samp>](https://github.com/soybeanjs/soybean-admin/commit/bb232bf8)
 - **types**: add missing property in theme presets &nbsp;-&nbsp; by **刘璐** [<samp>(4a9cf)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4a9cf6c3)
 ### &nbsp;&nbsp;&nbsp;🛠 Optimizations
 - **projects**: simplify some theme preset configurations. &nbsp;-&nbsp; by **Azir-11** [<samp>(c6d97)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c6d97dba)
 ### &nbsp;&nbsp;&nbsp;📖 Documentation
 - **projects**: add link to ecosystem document. &nbsp;-&nbsp; by **Azir-11** [<samp>(c472a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c472a943)
 ### &nbsp;&nbsp;&nbsp;🏡 Chore
 - **deps**:
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(f8dc6)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f8dc639e)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(7cf40)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7cf4083b)
 - **other**:
  - remove Prettier's recommendation. &nbsp;-&nbsp; by **Azir-11** [<samp>(73e9a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/73e9a0fe)
 - **styles**:
  - format code &nbsp;-&nbsp; by @soybeanjs [<samp>(098cd)</samp>](https://github.com/soybeanjs/soybean-admin/commit/098cd50e)
 ### &nbsp;&nbsp;&nbsp;🎨 Styles
 - **projects**: modify homepage prompt title to tip. &nbsp;-&nbsp; by **Azir-11** [<samp>(91a26)</samp>](https://github.com/soybeanjs/soybean-admin/commit/91a261c1)
 ### &nbsp;&nbsp;&nbsp;❤️ Contributors
 [![soybeanjs](https://github.com/soybeanjs.png?size=48)](https://github.com/soybeanjs)&nbsp;&nbsp;[![paynezhuang](https://github.com/paynezhuang.png?size=48)](https://github.com/paynezhuang)&nbsp;&nbsp;
 [hooke](mailto:hellohooke@foxmail.com),&nbsp;[Azir-11](mailto:2075125282@qq.com),&nbsp;[刘璐](mailto:hi.alue@qq.com)
 ## [v2.0.0](https://github.com/soybeanjs/soybean-admin/compare/v1.3.15...v2.0.0) (2025-11-02)
 ### &nbsp;&nbsp;&nbsp;🚨 Breaking Changes
 - **hooks**: refactor useTable and enhance type definitions &nbsp;-&nbsp; by @soybeanjs [<samp>(8cc51)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8cc5177c)
 - **projects**: optimize layout mode, split horizontal mix component into two layouts, and rename the component. &nbsp;-&nbsp; by **Azir** [<samp>(b6ac3)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b6ac3106)
 - **request**: remove cancelRequest method and related logic from request instances &nbsp;-&nbsp; by @soybeanjs [<samp>(b4e12)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b4e12530)
 ### &nbsp;&nbsp;&nbsp;🚀 Features
 - **components**:
  - add the IconTooltip component. &nbsp;-&nbsp; by **Azir-11** [<samp>(a55b4)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a55b4dc0)
  - replace NTooltip with IconTooltip and optimize the layout of related components. &nbsp;-&nbsp; by **Azir-11** [<samp>(40057)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4005763c)
 - **global-tab**:
  - add support for switching tabs with right mouse button click &nbsp;-&nbsp; by @soybeanjs [<samp>(b2c91)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b2c919b6)
 - **hooks**:
  - add scrollX computation for total table width in useNaiveTable &nbsp;-&nbsp; by @Lruihao [<samp>(358e1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/358e1297)
 - **packages**:
  - materials support slider-tab. closed #823 &nbsp;-&nbsp; by @CyberShen in https://github.com/soybeanjs/soybean-admin/issues/823 [<samp>(61fa4)</samp>](https://github.com/soybeanjs/soybean-admin/commit/61fa4b7f)
 - **projects**:
  - refactor theme drawer with tabbed layout for better UX. &nbsp;-&nbsp; by **Azir** [<samp>(8ba71)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8ba71a08)
  - Add current time display option for watermark &nbsp;-&nbsp; by @wenyuanw in https://github.com/soybeanjs/soybean-admin/issues/772 [<samp>(f238f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f238fcbd)
  - add 'vertical-hybrid-header-first' layout mode &nbsp;-&nbsp; by @wenyuanw [<samp>(b4e5c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b4e5c6d9)
  - add prompt information for scrolling mode and tab bar caching. &nbsp;-&nbsp; by **Azir-11** [<samp>(29a2a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/29a2a5c6)
  - support theme preset function. &nbsp;-&nbsp; by **Azir-11** [<samp>(257f1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/257f1183)
  - modify the default value of the reset cache policy to 'refresh'. &nbsp;-&nbsp; by **Azir-11** [<samp>(3c0a5)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3c0a5282)
  - optimize tabs cache cleaning strategy. close #820. &nbsp;-&nbsp; by **Azir-11** in https://github.com/soybeanjs/soybean-admin/issues/820 [<samp>(ef7ac)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ef7acc62)
  - support closing tabs with middle mouse button click &nbsp;-&nbsp; by @wenyuanw [<samp>(a8d1e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a8d1e5d2)
  - support set global redius &nbsp;-&nbsp; by **CyberShen123** [<samp>(24c6d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/24c6df52)
  - support set global redius &nbsp;-&nbsp; by **CyberShen123** [<samp>(3549c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3549c4db)
  - compatible with the new Echarts API and optimized styles. &nbsp;-&nbsp; by **Azir-11** [<samp>(9755c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9755c313)
 - **styles**:
  - add text-autospace property to improve text layout &nbsp;-&nbsp; by @wenyuanw [<samp>(345aa)</samp>](https://github.com/soybeanjs/soybean-admin/commit/345aa293)
 ### &nbsp;&nbsp;&nbsp;🐞 Bug Fixes
 - **hooks**:
  - correct chart rendering logic in useEcharts &nbsp;-&nbsp; by @soybeanjs [<samp>(8a7cd)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8a7cd593)
 - **layout**:
  - fix getSiderWidth &nbsp;-&nbsp; by @soybeanjs [<samp>(e471e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/e471e914)
 - **packages**:
  - fix the parsing logic for stored data to ensure correct return of boolean values &nbsp;-&nbsp; by @Lruihao [<samp>(9ea56)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9ea56c9b)
  - axios: fix json response. fixed #815 &nbsp;-&nbsp; by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/815 [<samp>(fd087)</samp>](https://github.com/soybeanjs/soybean-admin/commit/fd087f59)
  - axios: fix json response. fixed #815 &nbsp;-&nbsp; by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/815 [<samp>(5be86)</samp>](https://github.com/soybeanjs/soybean-admin/commit/5be864a8)
 - **projects**:
  - Fix i18n-ally not working when setting moduleResolution to bundler. fixed #780 &nbsp;-&nbsp; by @xiaobao0505 in https://github.com/soybeanjs/soybean-admin/issues/780 [<samp>(41191)</samp>](https://github.com/soybeanjs/soybean-admin/commit/41191d54)
  - adjust legend position in line chart options. &nbsp;-&nbsp; by **Azir-11** [<samp>(0b998)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0b9982bd)
 - **readme**:
  - update GitHub stars and forks links for gitee &nbsp;-&nbsp; by @soybeanjs [<samp>(923eb)</samp>](https://github.com/soybeanjs/soybean-admin/commit/923eb98a)
 - **scripts**:
  - update command to use 'npm-check-updates' instead of 'ncu' &nbsp;-&nbsp; by @soybeanjs [<samp>(8dc17)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8dc17e62)
 - **styles**:
  - show light color scrollbar while dark mode is on &nbsp;-&nbsp; by **whyang** [<samp>(dac50)</samp>](https://github.com/soybeanjs/soybean-admin/commit/dac5075b)
 - **table**:
  - add type annotations for records in useTable hook &nbsp;-&nbsp; by @soybeanjs [<samp>(32b8f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/32b8f990)
 - **types**:
  - fix proxy types &nbsp;-&nbsp; by @soybeanjs [<samp>(3d72f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3d72f954)
  - fix proxy types &nbsp;-&nbsp; by @soybeanjs [<samp>(12b25)</samp>](https://github.com/soybeanjs/soybean-admin/commit/12b25e0d)
  - fix ts type error &nbsp;-&nbsp; by @soybeanjs [<samp>(d5a3a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d5a3a25d)
 ### &nbsp;&nbsp;&nbsp;🛠 Optimizations
 - **hooks**:
  - optimize useEcharts &nbsp;-&nbsp; by @soybeanjs [<samp>(936b8)</samp>](https://github.com/soybeanjs/soybean-admin/commit/936b834e)
 - **packages**:
  - remove ofetch package &nbsp;-&nbsp; by @soybeanjs [<samp>(abaaa)</samp>](https://github.com/soybeanjs/soybean-admin/commit/abaaa4a0)
 - **projects**:
  - improve theme drawer responsive width for mobile devices &nbsp;-&nbsp; by @wenyuanw [<samp>(8439a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8439a600)
  - improve robustness of second-level menu key logic &nbsp;-&nbsp; by @wenyuanw [<samp>(8b8a2)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8b8a2083)
  - optimize theme drawer width &nbsp;-&nbsp; by @soybeanjs [<samp>(81468)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8146858b)
  - optimize api type file &nbsp;-&nbsp; by @soybeanjs [<samp>(3a343)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3a343eea)
  - optimize radius settings &nbsp;-&nbsp; by @soybeanjs [<samp>(87a66)</samp>](https://github.com/soybeanjs/soybean-admin/commit/87a66a42)
 - **request**:
  - enhance request options and response handling with generic types &nbsp;-&nbsp; by @soybeanjs [<samp>(50a5c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/50a5cba0)
 - **typings**:
  - update component typings &nbsp;-&nbsp; by @soybeanjs [<samp>(1d142)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1d142695)
 ### &nbsp;&nbsp;&nbsp;💅 Refactors
 - **hooks**:
  - optimize useContext and update useMixMenuContext &nbsp;-&nbsp; by @soybeanjs [<samp>(c9651)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c965140b)
  - streamline column visibility handling in useTable and table components &nbsp;-&nbsp; by @soybeanjs [<samp>(ee434)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ee434145)
  - remove useSignal hook and update exports &nbsp;-&nbsp; by @soybeanjs [<samp>(87adc)</samp>](https://github.com/soybeanjs/soybean-admin/commit/87adc35f)
 - **menu**:
  - optimize the margin on the menu &nbsp;-&nbsp; by **NicholasLD** [<samp>(d7311)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d7311111)
 - **projects**:
  - remove unnecessary logic in onRouteSwitchWhenLoggedIn &nbsp;-&nbsp; by @wenyuanw [<samp>(d6c81)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d6c8142b)
 - **request**:
  - unify response transformation methods and deprecate transformBackendResponse &nbsp;-&nbsp; by @soybeanjs [<samp>(f83ee)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f83eefbc)
 - **types**:
  - move Auth and Route namespaces to separate files and clean up api.d.ts &nbsp;-&nbsp; by **Azir** [<samp>(d37ce)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d37ce046)
 ### &nbsp;&nbsp;&nbsp;📖 Documentation
 - **projects**:
  - add github trendshift info. &nbsp;-&nbsp; by **恕瑞玛的皇帝** [<samp>(e18d3)</samp>](https://github.com/soybeanjs/soybean-admin/commit/e18d3972)
  - add github trendshift info. &nbsp;-&nbsp; by **恕瑞玛的皇帝** [<samp>(2a0c9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/2a0c9f1b)
  - add contribution leaderboard &nbsp;-&nbsp; by @wenyuanw [<samp>(01744)</samp>](https://github.com/soybeanjs/soybean-admin/commit/017440c1)
 ### &nbsp;&nbsp;&nbsp;🏡 Chore
 - **deps**:
  - update NodeJS and pnpm version requirements in package.json and documentation &nbsp;-&nbsp; by **Junior25306** [<samp>(a5c4b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a5c4b4e3)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(5cb1c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/5cb1cebd)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(aeb63)</samp>](https://github.com/soybeanjs/soybean-admin/commit/aeb63690)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(e89b8)</samp>](https://github.com/soybeanjs/soybean-admin/commit/e89b86ce)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(c962f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c962f7b2)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(12135)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1213531b)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(e33f9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/e33f944a)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(9fa95)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9fa951aa)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(b041f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b041fdd8)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(d567c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d567c057)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(6cbf5)</samp>](https://github.com/soybeanjs/soybean-admin/commit/6cbf5705)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(6010f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/6010f518)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(232f5)</samp>](https://github.com/soybeanjs/soybean-admin/commit/232f56fd)
 - **other**:
  - update the ESLint validation configuration to support more file types. &nbsp;-&nbsp; by **Azir-11** [<samp>(8d7f9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8d7f91dc)
  - update the ESLint validation configuration to support more file types. &nbsp;-&nbsp; by **Azir-11** [<samp>(be8f9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/be8f915a)
 - **packages**:
  - update Vite version to 7 in package.json and documentation. &nbsp;-&nbsp; by **Azir** [<samp>(03dd6)</samp>](https://github.com/soybeanjs/soybean-admin/commit/03dd64c5)
  - add picomatch to fix scripts &nbsp;-&nbsp; by @soybeanjs [<samp>(805c3)</samp>](https://github.com/soybeanjs/soybean-admin/commit/805c3381)
 - **readme**:
  - remove DartNode sponsorship badge from README files &nbsp;-&nbsp; by @soybeanjs [<samp>(33ade)</samp>](https://github.com/soybeanjs/soybean-admin/commit/33ade539)
 - **vscode**:
  - remove unused vue.server.hybridMode setting from .vscode/settings.json &nbsp;-&nbsp; by @soybeanjs [<samp>(13319)</samp>](https://github.com/soybeanjs/soybean-admin/commit/133196f3)
 ### &nbsp;&nbsp;&nbsp;🎨 Styles
 - **projects**: format code. &nbsp;-&nbsp; by **Azir-11** [<samp>(100e0)</samp>](https://github.com/soybeanjs/soybean-admin/commit/100e0ea5)
 ### &nbsp;&nbsp;&nbsp;❤️ Contributors
 [![soybeanjs](https://github.com/soybeanjs.png?size=48)](https://github.com/soybeanjs)&nbsp;&nbsp;[![wenyuanw](https://github.com/wenyuanw.png?size=48)](https://github.com/wenyuanw)&nbsp;&nbsp;[![CyberShen](https://github.com/CyberShen.png?size=48)](https://github.com/CyberShen)&nbsp;&nbsp;[![Lruihao](https://github.com/Lruihao.png?size=48)](https://github.com/Lruihao)&nbsp;&nbsp;[![xiaobao0505](https://github.com/xiaobao0505.png?size=48)](https://github.com/xiaobao0505)&nbsp;&nbsp;
 [Azir-11](mailto:2075125282@qq.com),&nbsp;[CyberShen123](mailto:s.lijun@qq.com),&nbsp;[whyang](mailto:whyang9701@gmail.com),&nbsp;[HongxuanG](mailto:1359774872@qq.com),&nbsp;[NicholasLD](mailto:878639947@qq.com),&nbsp;[Junior25306](mailto:dayu429@qq.com)
 ## [v2.0.0-beta.2](https://github.com/soybeanjs/soybean-admin/compare/v2.0.0-beta.1...v2.0.0-beta.2) (2025-10-27)
 ### &nbsp;&nbsp;&nbsp;🚀 Features
 - **global-tab**: add support for switching tabs with right mouse button click &nbsp;-&nbsp; by @soybeanjs [<samp>(b2c91)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b2c919b6)
 ### &nbsp;&nbsp;&nbsp;🐞 Bug Fixes
 - **layout**: fix getSiderWidth &nbsp;-&nbsp; by @soybeanjs [<samp>(e471e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/e471e914)
 - **packages**: axios: fix json response. fixed #815 &nbsp;-&nbsp; by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/815 [<samp>(fd087)</samp>](https://github.com/soybeanjs/soybean-admin/commit/fd087f59)
 - **readme**: update GitHub stars and forks links for gitee &nbsp;-&nbsp; by @soybeanjs [<samp>(923eb)</samp>](https://github.com/soybeanjs/soybean-admin/commit/923eb98a)
 - **scripts**: update command to use 'npm-check-updates' instead of 'ncu' &nbsp;-&nbsp; by @soybeanjs [<samp>(8dc17)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8dc17e62)
 - **types**: fix proxy types &nbsp;-&nbsp; by @soybeanjs [<samp>(12b25)</samp>](https://github.com/soybeanjs/soybean-admin/commit/12b25e0d)
 ### &nbsp;&nbsp;&nbsp;📖 Documentation
 - **projects**:
  - add github trendshift info. &nbsp;-&nbsp; by **恕瑞玛的皇帝** [<samp>(e18d3)</samp>](https://github.com/soybeanjs/soybean-admin/commit/e18d3972)
  - add contribution leaderboard &nbsp;-&nbsp; by @wenyuanw [<samp>(01744)</samp>](https://github.com/soybeanjs/soybean-admin/commit/017440c1)
 ### &nbsp;&nbsp;&nbsp;🏡 Chore
 - **deps**:
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(e33f9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/e33f944a)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(9fa95)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9fa951aa)
 - **other**:
  - update the ESLint validation configuration to support more file types. &nbsp;-&nbsp; by **Azir-11** [<samp>(8d7f9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8d7f91dc)
 - **readme**:
  - remove DartNode sponsorship badge from README files &nbsp;-&nbsp; by @soybeanjs [<samp>(33ade)</samp>](https://github.com/soybeanjs/soybean-admin/commit/33ade539)
 ### &nbsp;&nbsp;&nbsp;❤️ Contributors
 [![soybeanjs](https://github.com/soybeanjs.png?size=48)](https://github.com/soybeanjs)&nbsp;&nbsp;[![wenyuanw](https://github.com/wenyuanw.png?size=48)](https://github.com/wenyuanw)&nbsp;&nbsp;
 [恕瑞玛的皇帝](mailto:2075125282@qq.com)
 ## [v2.0.0-beta.1](https://github.com/soybeanjs/soybean-admin/compare/v1.3.15...v2.0.0-beta.1) (2025-10-25)
 ### &nbsp;&nbsp;&nbsp;🚨 Breaking Changes
 - **hooks**: refactor useTable and enhance type definitions &nbsp;-&nbsp; by @soybeanjs [<samp>(8cc51)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8cc5177)
 - **projects**: optimize layout mode, split horizontal mix component into two layouts, and rename the component. &nbsp;-&nbsp; by **Azir** [<samp>(b6ac3)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b6ac310)
 - **request**: remove cancelRequest method and related logic from request instances &nbsp;-&nbsp; by @soybeanjs [<samp>(b4e12)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b4e1253)
 ### &nbsp;&nbsp;&nbsp;🚀 Features
 - **components**:
  - add the IconTooltip component. &nbsp;-&nbsp; by **Azir-11** [<samp>(a55b4)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a55b4dc)
  - replace NTooltip with IconTooltip and optimize the layout of related components. &nbsp;-&nbsp; by **Azir-11** [<samp>(40057)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4005763)
 - **hooks**:
  - add scrollX computation for total table width in useNaiveTable &nbsp;-&nbsp; by @Lruihao [<samp>(358e1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/358e129)
 - **packages**:
  - materials support slider-tab. closed #823 &nbsp;-&nbsp; by @CyberShen in https://github.com/soybeanjs/soybean-admin/issues/823 [<samp>(61fa4)</samp>](https://github.com/soybeanjs/soybean-admin/commit/61fa4b7)
 - **projects**:
  - refactor theme drawer with tabbed layout for better UX. &nbsp;-&nbsp; by **Azir** [<samp>(8ba71)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8ba71a0)
  - Add current time display option for watermark &nbsp;-&nbsp; by @wenyuanw in https://github.com/soybeanjs/soybean-admin/issues/772 [<samp>(f238f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f238fcb)
  - add 'vertical-hybrid-header-first' layout mode &nbsp;-&nbsp; by @wenyuanw [<samp>(b4e5c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b4e5c6d)
  - add prompt information for scrolling mode and tab bar caching. &nbsp;-&nbsp; by **Azir-11** [<samp>(29a2a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/29a2a5c)
  - support theme preset function. &nbsp;-&nbsp; by **Azir-11** [<samp>(257f1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/257f118)
  - modify the default value of the reset cache policy to 'refresh'. &nbsp;-&nbsp; by **Azir-11** [<samp>(3c0a5)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3c0a528)
  - optimize tabs cache cleaning strategy. close #820. &nbsp;-&nbsp; by **Azir-11** in https://github.com/soybeanjs/soybean-admin/issues/820 [<samp>(ef7ac)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ef7acc6)
  - support closing tabs with middle mouse button click &nbsp;-&nbsp; by @wenyuanw [<samp>(a8d1e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a8d1e5d)
  - support set global redius &nbsp;-&nbsp; by **CyberShen123** [<samp>(24c6d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/24c6df5)
  - support set global redius &nbsp;-&nbsp; by **CyberShen123** [<samp>(3549c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3549c4d)
 - **styles**:
  - add text-autospace property to improve text layout &nbsp;-&nbsp; by @wenyuanw [<samp>(345aa)</samp>](https://github.com/soybeanjs/soybean-admin/commit/345aa29)
 ### &nbsp;&nbsp;&nbsp;🐞 Bug Fixes
 - **hooks**:
  - correct chart rendering logic in useEcharts &nbsp;-&nbsp; by @soybeanjs [<samp>(8a7cd)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8a7cd59)
 - **packages**:
  - fix the parsing logic for stored data to ensure correct return of boolean values &nbsp;-&nbsp; by @Lruihao [<samp>(9ea56)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9ea56c9)
  - axios: fix json response. fixed #815 &nbsp;-&nbsp; by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/815 [<samp>(5be86)</samp>](https://github.com/soybeanjs/soybean-admin/commit/5be864a)
 - **projects**:
  - Fix i18n-ally not working when setting moduleResolution to bundler. fixed #780 &nbsp;-&nbsp; by @xiaobao0505 in https://github.com/soybeanjs/soybean-admin/issues/780 [<samp>(41191)</samp>](https://github.com/soybeanjs/soybean-admin/commit/41191d5)
 - **styles**:
  - show light color scrollbar while dark mode is on &nbsp;-&nbsp; by **whyang** [<samp>(dac50)</samp>](https://github.com/soybeanjs/soybean-admin/commit/dac5075)
 - **table**:
  - add type annotations for records in useTable hook &nbsp;-&nbsp; by @soybeanjs [<samp>(32b8f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/32b8f99)
 - **types**:
  - fix proxy types &nbsp;-&nbsp; by @soybeanjs [<samp>(3d72f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3d72f95)
  - fix ts type error &nbsp;-&nbsp; by @soybeanjs [<samp>(d5a3a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d5a3a25)
 ### &nbsp;&nbsp;&nbsp;🛠 Optimizations
 - **hooks**:
  - optimize useEcharts &nbsp;-&nbsp; by @soybeanjs [<samp>(936b8)</samp>](https://github.com/soybeanjs/soybean-admin/commit/936b834)
 - **packages**:
  - remove ofetch package &nbsp;-&nbsp; by @soybeanjs [<samp>(abaaa)</samp>](https://github.com/soybeanjs/soybean-admin/commit/abaaa4a)
 - **projects**:
  - improve theme drawer responsive width for mobile devices &nbsp;-&nbsp; by @wenyuanw [<samp>(8439a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8439a60)
  - improve robustness of second-level menu key logic &nbsp;-&nbsp; by @wenyuanw [<samp>(8b8a2)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8b8a208)
  - optimize theme drawer width &nbsp;-&nbsp; by @soybeanjs [<samp>(81468)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8146858)
  - optimize api type file &nbsp;-&nbsp; by @soybeanjs [<samp>(3a343)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3a343ee)
  - optimize radius settings &nbsp;-&nbsp; by @soybeanjs [<samp>(87a66)</samp>](https://github.com/soybeanjs/soybean-admin/commit/87a66a4)
 - **request**:
  - enhance request options and response handling with generic types &nbsp;-&nbsp; by @soybeanjs [<samp>(50a5c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/50a5cba)
 ### &nbsp;&nbsp;&nbsp;💅 Refactors
 - **hooks**:
  - optimize useContext and update useMixMenuContext &nbsp;-&nbsp; by @soybeanjs [<samp>(c9651)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c965140)
  - streamline column visibility handling in useTable and table components &nbsp;-&nbsp; by @soybeanjs [<samp>(ee434)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ee43414)
  - remove useSignal hook and update exports &nbsp;-&nbsp; by @soybeanjs [<samp>(87adc)</samp>](https://github.com/soybeanjs/soybean-admin/commit/87adc35)
 - **menu**:
  - optimize the margin on the menu &nbsp;-&nbsp; by **NicholasLD** [<samp>(d7311)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d731111)
 - **projects**:
  - remove unnecessary logic in onRouteSwitchWhenLoggedIn &nbsp;-&nbsp; by @wenyuanw [<samp>(d6c81)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d6c8142)
 - **request**:
  - unify response transformation methods and deprecate transformBackendResponse &nbsp;-&nbsp; by @soybeanjs [<samp>(f83ee)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f83eefb)
 - **types**:
  - move Auth and Route namespaces to separate files and clean up api.d.ts &nbsp;-&nbsp; by **Azir** [<samp>(d37ce)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d37ce04)
 ### &nbsp;&nbsp;&nbsp;📖 Documentation
 - **projects**: add github trendshift info. &nbsp;-&nbsp; by **恕瑞玛的皇帝** [<samp>(2a0c9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/2a0c9f1)
 ### &nbsp;&nbsp;&nbsp;🏡 Chore
 - **deps**:
  - update NodeJS and pnpm version requirements in package.json and documentation &nbsp;-&nbsp; by **Junior25306** [<samp>(a5c4b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a5c4b4e)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(5cb1c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/5cb1ceb)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(aeb63)</samp>](https://github.com/soybeanjs/soybean-admin/commit/aeb6369)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(e89b8)</samp>](https://github.com/soybeanjs/soybean-admin/commit/e89b86c)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(c962f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c962f7b)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(12135)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1213531)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(b041f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b041fdd)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(d567c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d567c05)
  - update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(6cbf5)</samp>](https://github.com/soybeanjs/soybean-admin/commit/6cbf570)
 - **other**:
  - update the ESLint validation configuration to support more file types. &nbsp;-&nbsp; by **Azir-11** [<samp>(be8f9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/be8f915)
 - **packages**:
  - update Vite version to 7 in package.json and documentation. &nbsp;-&nbsp; by **Azir** [<samp>(03dd6)</samp>](https://github.com/soybeanjs/soybean-admin/commit/03dd64c)
  - add picomatch to fix scripts &nbsp;-&nbsp; by @soybeanjs [<samp>(805c3)</samp>](https://github.com/soybeanjs/soybean-admin/commit/805c338)
 - **vscode**:
  - remove unused vue.server.hybridMode setting from .vscode/settings.json &nbsp;-&nbsp; by @soybeanjs [<samp>(13319)</samp>](https://github.com/soybeanjs/soybean-admin/commit/133196f)
 ### &nbsp;&nbsp;&nbsp;🎨 Styles
 - **projects**: format code. &nbsp;-&nbsp; by **Azir-11** [<samp>(100e0)</samp>](https://github.com/soybeanjs/soybean-admin/commit/100e0ea)
 ### &nbsp;&nbsp;&nbsp;❤️ Contributors
 [![soybeanjs](https://github.com/soybeanjs.png?size=48)](https://github.com/soybeanjs)&nbsp;&nbsp;[![wenyuanw](https://github.com/wenyuanw.png?size=48)](https://github.com/wenyuanw)&nbsp;&nbsp;[![CyberShen](https://github.com/CyberShen.png?size=48)](https://github.com/CyberShen)&nbsp;&nbsp;[![Lruihao](https://github.com/Lruihao.png?size=48)](https://github.com/Lruihao)&nbsp;&nbsp;[![xiaobao0505](https://github.com/xiaobao0505.png?size=48)](https://github.com/xiaobao0505)&nbsp;&nbsp;
 [CyberShen123](mailto:s.lijun@qq.com),&nbsp;[whyang](mailto:whyang9701@gmail.com),&nbsp;[HongxuanG](mailto:1359774872@qq.com),&nbsp;[Azir-11](mailto:2075125282@qq.com),&nbsp;[NicholasLD](mailto:878639947@qq.com),&nbsp;[Junior25306](mailto:dayu429@qq.com)
 ## [v1.3.15](https://github.com/soybeanjs/soybean-admin/compare/v1.3.14...v1.3.15) (2025-06-24)
 ### &nbsp;&nbsp;&nbsp;🚀 Features
--- a/README.en_US.md
+++ b/README.en_US.md
@@ -7,10 +7,11 @@
 ---
 [![license](https://img.shields.io/badge/license-MIT-green.svg)](./LICENSE)
-[![github stars](https://img.shields.io/github/stars/honghuangdc/soybean-admin)](https://github.com/soybeanjs/soybean-admin)
+[![github stars](https://img.shields.io/github/stars/soybeanjs/soybean-admin)](https://github.com/soybeanjs/soybean-admin)
-[![github forks](https://img.shields.io/github/forks/honghuangdc/soybean-admin)](https://github.com/soybeanjs/soybean-admin)
+[![github forks](https://img.shields.io/github/forks/soybeanjs/soybean-admin)](https://github.com/soybeanjs/soybean-admin)
 [![gitee stars](https://gitee.com/honghuangdc/soybean-admin/badge/star.svg)](https://gitee.com/honghuangdc/soybean-admin)
 [![gitcode star](https://gitcode.com/soybeanjs/soybean-admin/star/badge.svg)](https://gitcode.com/soybeanjs/soybean-admin)
 [![Powered by DartNode](https://dartnode.com/branding/DN-Open-Source-sm.png)](https://dartnode.com "Powered by DartNode - Free VPS for Open Source")
 <div style="display: flex; gap: 12px; align-items: center;">
  <a href="https://trendshift.io/repositories/7963" target="_blank"><img src="https://trendshift.io/api/badge/repositories/7963" alt="soybeanjs%2Fsoybean-admin | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a>
@@ -139,7 +140,7 @@ Refer to the [Code Synchronization](https://docs.soybeanjs.cn/guide/sync) docume
 ## Ecosystem
- [skyroc-admin](https://github.com/Ohh-889/skyroc-admin): SoybeanAdmin's React version implementation.
+- [react-soybean-admin](https://github.com/mufeng889/react-soybean-admin): SoybeanAdmin based version of React.
 - [electron-mock-admin](https://github.com/lixin59/electron-mock-api): A Mock Api management system that helps front-end developers quickly implement interface mocks.
 - [T-Shell](https://github.com/TheBlindM/T-Shell): A terminal emulator and SSH client with configurable command prompts.
 - [pea](https://github.com/haitang1894/pea) : Adopting SpringBoot3.2 + JDK21, MyBatis-Plus, SpringSecurity security framework, etc., suitable for the simple permission system developed by [soybean-admin](https://gitee.com/honghuangdc/soybean-admin).
@@ -151,8 +152,6 @@ Refer to the [Code Synchronization](https://docs.soybeanjs.cn/guide/sync) docume
 - [ba](https://github.com/xiatianYa/Ba-Server): Backend service docking with soybean admin based on goFrame framework, adapted to dynamic routing, and interface authentication permissions.
 - [soybean-admin-go](https://github.com/WgoW/soybean-admin-go):A Go backend service developed based on the Gin and GORM frameworks, integrated with the example branch of Soybean Admin. It supports dynamic routing and API permission authentication.
 More ecosystem please refer to [Ecosystem](https://docs.soybeanjs.cn/awesome) document.
 ## How to Contribute
@@ -182,21 +181,13 @@ Thanks the following people for their contributions. If you want to contribute t
  <img src="https://contrib.rocks/image?repo=soybeanjs/soybean-admin" />
 </a>
 ---
 Here are the most active contributors from the past year. Thank you all for your support, which has enabled the project's continued development.
 <a href="https://openomy.com/soybeanjs/soybean-admin" target="_blank" style="display: block; width: 100%;" align="center">
  <img src="https://www.openomy.com/svg?repo=soybeanjs/soybean-admin&chart=list&latestMonth=12" target="_blank" alt="Contribution Leaderboard" style="display: block; width: 100%;" />
 </a>
 ## Communication
 `SoybeanAdmin` is a completely open source and free project, helping developers to develop medium and large-scale management systems more conveniently. It also provides WeChat and QQ communication groups. If you have any questions, please feel free to ask in the group.
  <div>
  	<p>QQ Group</p>
-    <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/qq-soybean-admin-5.jpg" style="width:200px" />
+    <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/qq-soybean-admin-4.jpg" style="width:200px" />
  </div>
 	<!-- <div>
 		<p>WeChat Group</p>
--- a/README.md
+++ b/README.md
@@ -7,10 +7,11 @@
 ---
 [![license](https://img.shields.io/badge/license-MIT-green.svg)](./LICENSE)
-[![github stars](https://img.shields.io/github/stars/honghuangdc/soybean-admin)](https://github.com/soybeanjs/soybean-admin)
+[![github stars](https://img.shields.io/github/stars/soybeanjs/soybean-admin)](https://github.com/soybeanjs/soybean-admin)
-[![github forks](https://img.shields.io/github/forks/honghuangdc/soybean-admin)](https://github.com/soybeanjs/soybean-admin)
+[![github forks](https://img.shields.io/github/forks/soybeanjs/soybean-admin)](https://github.com/soybeanjs/soybean-admin)
 [![gitee stars](https://gitee.com/honghuangdc/soybean-admin/badge/star.svg)](https://gitee.com/honghuangdc/soybean-admin)
 [![gitcode star](https://gitcode.com/soybeanjs/soybean-admin/star/badge.svg)](https://gitcode.com/soybeanjs/soybean-admin)
 [![Powered by DartNode](https://dartnode.com/branding/DN-Open-Source-sm.png)](https://dartnode.com "Powered by DartNode - Free VPS for Open Source")
 <div style="display: flex; gap: 12px; align-items: center;">
  <a href="https://trendshift.io/repositories/7963" target="_blank"><img src="https://trendshift.io/api/badge/repositories/7963" alt="soybeanjs%2Fsoybean-admin | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a>
@@ -165,7 +166,7 @@ pnpm build
 ## 周边生态
- [skyroc-admin](https://github.com/Ohh-889/skyroc-admin): SoybeanAdmin的React版本实现.
+- [react-soybean-admin](https://github.com/mufeng889/react-soybean-admin): 基于SoybeanAdmin的React版本.
 - [electron-mock-admin](https://github.com/lixin59/electron-mock-api): 一个 Mock Api 管理系统，帮助前端开发伙伴快速实现接口的 mock。
 - [T-Shell](https://github.com/TheBlindM/T-Shell): 是一个可配置命令提示的终端模拟器和 SSH 客户端。
 - [pea](https://github.com/haitang1894/pea) : 采用SpringBoot3.2 + JDK21、MyBatis-Plus、SpringSecurity安全框架等，适配 [soybean-admin](https://gitee.com/honghuangdc/soybean-admin) 开发的简单权限系统。
@@ -177,8 +178,6 @@ pnpm build
 - [ba](https://github.com/xiatianYa/Ba-Server): 基于goFrame框架开发的后端服务对接soybean-admin,适配动态路由,接口鉴权限。
 - [soybean-admin-go](https://github.com/WgoW/soybean-admin-go):基于gin+gorm框架开发的go语言后端服务对接soybean-admin的example分支,适配动态路由,接口鉴权限。
 更多周边生态请翻阅 [周边生态](https://docs.soybeanjs.cn/zh/awesome) 文档。
 ## 如何贡献
@@ -210,21 +209,13 @@ pnpm build
  <img src="https://contrib.rocks/image?repo=soybeanjs/soybean-admin" />
 </a>
 ---
 以下是近一年中活跃度较高的贡献者，感谢各位的支持，让项目得以持续发展。
 <a href="https://openomy.com/soybeanjs/soybean-admin" target="_blank" style="display: block; width: 100%;" align="center">
  <img src="https://www.openomy.com/svg?repo=soybeanjs/soybean-admin&chart=list&latestMonth=12" target="_blank" alt="Contribution Leaderboard" style="display: block; width: 100%;" />
 </a>
 ## 交流
 `SoybeanAdmin` 是完全开源免费的项目，在帮助开发者更方便地进行中大型管理系统开发，同时也提供微信和 QQ 交流群，使用问题欢迎在群内提问。
  <div>
  	<p>QQ交流群</p>
-    <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/qq-soybean-admin-5.jpg" style="width:200px" />
+    <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/qq-soybean-admin-4.jpg" style="width:200px" />
  </div>
 	<!-- <div>
 		<p>微信群</p>
--- a/build/plugins/index.ts
+++ b/build/plugins/index.ts
@@ -2,7 +2,7 @@ import type { PluginOption } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx';
 import progress from 'vite-plugin-progress';
-import { setupElegantRouter } from './router';
+import elegantRouter from 'elegant-router/vite';
 import { setupUnocss } from './unocss';
 import { setupUnplugin } from './unplugin';
 import { setupHtmlPlugin } from './html';
@@ -13,7 +13,7 @@ export function setupVitePlugins(viteEnv: Env.ImportMeta, buildTime: string) {
    vue(),
    vueJsx(),
    setupDevtoolsPlugin(viteEnv),
-    setupElegantRouter(),
+    elegantRouter(),
    setupUnocss(viteEnv),
    ...setupUnplugin(viteEnv),
    progress(),
--- a/build/plugins/router.ts
+++ b/build/plugins/router.ts
@@ -1,41 +0,0 @@
 import type { RouteMeta } from 'vue-router';
 import ElegantVueRouter from '@elegant-router/vue/vite';
 import type { RouteKey } from '@elegant-router/types';
 export function setupElegantRouter() {
  return ElegantVueRouter({
    layouts: {
      base: 'src/layouts/base-layout/index.vue',
      blank: 'src/layouts/blank-layout/index.vue'
    },
    routePathTransformer(routeName, routePath) {
      const key = routeName as RouteKey;
      if (key === 'login') {
        const modules: UnionKey.LoginModule[] = ['pwd-login', 'code-login', 'register', 'reset-pwd', 'bind-wechat'];
        const moduleReg = modules.join('|');
        return `/login/:module(${moduleReg})?`;
      }
      return routePath;
    },
    onRouteMetaGen(routeName) {
      const key = routeName as RouteKey;
      const constantRoutes: RouteKey[] = ['login', '403', '404', '500'];
      const meta: Partial<RouteMeta> = {
        title: key,
        i18nKey: `route.${key}` as App.I18n.I18nKey
      };
      if (constantRoutes.includes(key)) {
        meta.constant = true;
      }
      return meta;
    }
  });
 }
--- a/er.config.ts
+++ b/er.config.ts
@@ -0,0 +1,37 @@
 import type { RouteMeta } from 'vue-router';
 import { defineConfig } from 'elegant-router';
 import type { RouteKey } from '@elegant-router/types';
 export default defineConfig({
  pageDir: ['src/views'],
  layouts: {
    base: 'src/layouts/base-layout/index.vue',
    blank: 'src/layouts/blank-layout/index.vue'
  },
  getRoutePath: node => {
    if (node.name === 'Login') {
      const modules: UnionKey.LoginModule[] = ['pwd-login', 'code-login', 'register', 'reset-pwd', 'bind-wechat'];
      const moduleReg = modules.join('|');
      return `/login/:module(${moduleReg})?`;
    }
    return node.path;
  },
  getRouteMeta: node => {
    const constantRoutes: RouteKey[] = ['Login', '403', '404', '500'];
    const name = node.name as RouteKey;
    const meta: Partial<RouteMeta> = {
      title: name
    };
    if (constantRoutes.includes(name)) {
      meta.constant = true;
    }
    return meta;
  }
 });
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "soybean-admin",
  "type": "module",
-  "version": "2.0.1",
+  "version": "1.3.15",
  "description": "A fresh and elegant admin template, based on Vue3、Vite7、TypeScript、NaiveUI and UnoCSS. 一个基于Vue3、Vite7、TypeScript、NaiveUI and UnoCSS的清新优雅的中后台模版。",
  "author": {
    "name": "Soybean",
@@ -54,53 +54,54 @@
    "@sa/hooks": "workspace:*",
    "@sa/materials": "workspace:*",
    "@sa/utils": "workspace:*",
-    "@vueuse/core": "14.1.0",
+    "@vueuse/core": "13.9.0",
    "clipboard": "2.0.11",
-    "dayjs": "1.11.19",
+    "dayjs": "1.11.18",
    "defu": "6.1.4",
    "echarts": "6.0.0",
    "json5": "2.2.3",
-    "naive-ui": "2.43.2",
+    "naive-ui": "2.43.1",
    "nprogress": "0.2.0",
-    "pinia": "3.0.4",
+    "pinia": "3.0.3",
-    "tailwind-merge": "3.4.0",
+    "tailwind-merge": "3.3.1",
-    "vue": "3.5.25",
+    "vue": "3.5.22",
    "vue-draggable-plus": "0.6.0",
-    "vue-i18n": "11.2.2",
+    "vue-i18n": "11.1.12",
-    "vue-router": "4.6.3"
+    "vue-router": "4.5.1"
  },
  "devDependencies": {
    "@elegant-router/vue": "0.3.8",
-    "@iconify/json": "2.2.414",
+    "@iconify/json": "2.2.395",
    "@sa/scripts": "workspace:*",
    "@sa/uno-preset": "workspace:*",
-    "@soybeanjs/eslint-config": "1.7.4",
+    "@soybeanjs/eslint-config": "1.7.1",
-    "@types/node": "24.10.1",
+    "@types/node": "24.7.2",
    "@types/nprogress": "0.2.3",
-    "@unocss/eslint-config": "66.5.10",
+    "@unocss/eslint-config": "66.5.3",
-    "@unocss/preset-icons": "66.5.10",
+    "@unocss/preset-icons": "66.5.3",
-    "@unocss/preset-uno": "66.5.10",
+    "@unocss/preset-uno": "66.5.3",
-    "@unocss/transformer-directives": "66.5.10",
+    "@unocss/transformer-directives": "66.5.3",
-    "@unocss/transformer-variant-group": "66.5.10",
+    "@unocss/transformer-variant-group": "66.5.3",
-    "@unocss/vite": "66.5.10",
+    "@unocss/vite": "66.5.3",
-    "@vitejs/plugin-vue": "6.0.2",
+    "@vitejs/plugin-vue": "6.0.1",
-    "@vitejs/plugin-vue-jsx": "5.1.2",
+    "@vitejs/plugin-vue-jsx": "5.1.1",
    "consola": "3.4.2",
-    "eslint": "9.39.1",
+    "elegant-router": "1.0.4",
-    "eslint-plugin-vue": "10.6.2",
+    "eslint": "9.37.0",
    "eslint-plugin-vue": "10.5.0",
    "kolorist": "1.8.0",
-    "sass": "1.94.2",
+    "sass": "1.93.2",
    "simple-git-hooks": "2.13.1",
-    "tsx": "4.21.0",
+    "tsx": "4.20.6",
    "typescript": "5.9.3",
-    "unplugin-icons": "22.5.0",
+    "unplugin-icons": "22.4.2",
-    "unplugin-vue-components": "30.0.0",
+    "unplugin-vue-components": "29.1.0",
-    "vite": "7.2.6",
+    "vite": "7.1.9",
    "vite-plugin-progress": "0.0.7",
    "vite-plugin-svg-icons": "2.0.1",
-    "vite-plugin-vue-devtools": "8.0.5",
+    "vite-plugin-vue-devtools": "8.0.2",
    "vue-eslint-parser": "10.2.0",
-    "vue-tsc": "3.1.5"
+    "vue-tsc": "3.1.1"
  },
  "simple-git-hooks": {
    "commit-msg": "pnpm sa git-commit-verify",
--- a/packages/alova/package.json
+++ b/packages/alova/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/alova",
-  "version": "2.0.1",
+  "version": "1.3.15",
  "exports": {
    ".": "./src/index.ts",
    "./fetch": "./src/fetch.ts",
@@ -15,6 +15,6 @@
  "dependencies": {
    "@alova/mock": "2.0.17",
    "@sa/utils": "workspace:*",
-    "alova": "3.4.0"
+    "alova": "3.3.4"
  }
 }
--- a/packages/axios/package.json
+++ b/packages/axios/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/axios",
-  "version": "2.0.1",
+  "version": "1.3.15",
  "exports": {
    ".": "./src/index.ts"
  },
@@ -11,7 +11,7 @@
  },
  "dependencies": {
    "@sa/utils": "workspace:*",
-    "axios": "1.13.2",
+    "axios": "1.12.2",
    "axios-retry": "4.5.0",
    "qs": "6.14.0"
  },
--- a/packages/axios/src/type.ts
+++ b/packages/axios/src/type.ts
@@ -119,11 +119,8 @@ export type FlatResponseData<ResponseData, ApiData> =
  | FlatResponseSuccessData<ResponseData, ApiData>
  | FlatResponseFailData<ResponseData>;
-export interface FlatRequestInstance<
+export interface FlatRequestInstance<ResponseData, ApiData, State extends Record<string, unknown>>
-  ResponseData,
+  extends RequestInstanceCommon<State> {
  ApiData,
  State extends Record<string, unknown>
 > extends RequestInstanceCommon<State> {
  <T extends ApiData = ApiData, R extends ResponseType = 'json'>(
    config: CustomAxiosRequestConfig<R>
  ): Promise<FlatResponseData<ResponseData, MappedType<R, T>>>;
--- a/packages/color/package.json
+++ b/packages/color/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/color",
-  "version": "2.0.1",
+  "version": "1.3.15",
  "exports": {
    ".": "./src/index.ts"
  },
--- a/packages/hooks/package.json
+++ b/packages/hooks/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/hooks",
-  "version": "2.0.1",
+  "version": "1.3.15",
  "exports": {
    ".": "./src/index.ts"
  },
--- a/packages/hooks/src/use-request.ts
+++ b/packages/hooks/src/use-request.ts
@@ -26,11 +26,8 @@ export type HookRequestInstanceResponseData<ResponseData, ApiData> = {
  loading: Ref<boolean>;
 } & (HookRequestInstanceResponseSuccessData<ApiData> | HookRequestInstanceResponseFailData<ResponseData>);
-export interface HookRequestInstance<
+export interface HookRequestInstance<ResponseData, ApiData, State extends Record<string, unknown>>
-  ResponseData,
+  extends RequestInstanceCommon<State> {
  ApiData,
  State extends Record<string, unknown>
 > extends RequestInstanceCommon<State> {
  <T extends ApiData = ApiData, R extends ResponseType = 'json'>(
    config: CustomAxiosRequestConfig
  ): HookRequestInstanceResponseData<ResponseData, MappedType<R, T>>;
--- a/packages/materials/package.json
+++ b/packages/materials/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/materials",
-  "version": "2.0.1",
+  "version": "1.3.15",
  "exports": {
    ".": "./src/index.ts"
  },
--- a/packages/materials/src/types/index.ts
+++ b/packages/materials/src/types/index.ts
@@ -146,8 +146,7 @@ export type LayoutScrollMode = 'wrapper' | 'content';
 /** Admin layout props */
 export interface AdminLayoutProps
-  extends
+  extends AdminLayoutHeaderConfig,
    AdminLayoutHeaderConfig,
    AdminLayoutTabConfig,
    AdminLayoutSiderConfig,
    AdminLayoutContentConfig,
--- a/packages/scripts/package.json
+++ b/packages/scripts/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/scripts",
-  "version": "2.0.1",
+  "version": "1.3.15",
  "bin": {
    "sa": "./bin.ts"
  },
@@ -14,15 +14,15 @@
  },
  "devDependencies": {
    "@soybeanjs/changelog": "0.3.25",
-    "bumpp": "10.3.2",
+    "bumpp": "10.3.1",
-    "c12": "3.3.2",
+    "c12": "3.3.0",
    "cac": "6.7.14",
    "consola": "3.4.2",
    "enquirer": "2.4.1",
-    "execa": "9.6.1",
+    "execa": "9.6.0",
    "kolorist": "1.8.0",
-    "npm-check-updates": "19.1.2",
+    "npm-check-updates": "19.0.0",
    "picomatch": "4.0.3",
-    "rimraf": "6.1.2"
+    "rimraf": "6.0.1"
  }
 }
--- a/packages/scripts/src/commands/update-pkg.ts
+++ b/packages/scripts/src/commands/update-pkg.ts
@@ -1,5 +1,5 @@
 import { execCommand } from '../shared';
 export async function updatePkg(args: string[] = ['--deep', '-u']) {
-  execCommand('npx', ['npm-check-updates', ...args], { stdio: 'inherit' });
+  execCommand('npx', ['ncu', ...args], { stdio: 'inherit' });
 }
--- a/packages/uno-preset/package.json
+++ b/packages/uno-preset/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/uno-preset",
-  "version": "2.0.1",
+  "version": "1.3.15",
  "exports": {
    ".": "./src/index.ts"
  },
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/utils",
-  "version": "2.0.1",
+  "version": "1.3.15",
  "exports": {
    ".": "./src/index.ts"
  },
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/src/layouts/base-layout/index.vue
+++ b/src/layouts/base-layout/index.vue
@@ -18,7 +18,7 @@ defineOptions({
 const appStore = useAppStore();
 const themeStore = useThemeStore();
-const { secondLevelMenus, childLevelMenus, isActiveFirstLevelMenuHasChildren } = provideMixMenuContext();
+const { childLevelMenus, isActiveFirstLevelMenuHasChildren } = provideMixMenuContext();
 const GlobalMenu = defineAsyncComponent(() => import('../modules/global-menu/index.vue'));
@@ -77,9 +77,9 @@ const isTopHybridSidebarFirst = computed(() => themeStore.layout.mode === 'top-h
 const isTopHybridHeaderFirst = computed(() => themeStore.layout.mode === 'top-hybrid-header-first');
-const siderWidth = computed(() => getSiderAndCollapsedWidth(false));
+const siderWidth = computed(() => getSiderWidth());
-const siderCollapsedWidth = computed(() => getSiderAndCollapsedWidth(true));
+const siderCollapsedWidth = computed(() => getSiderCollapsedWidth());
 function getSiderAndCollapsedWidth(isCollapsed: boolean) {
  const {
@@ -104,7 +104,7 @@ function getSiderAndCollapsedWidth(isCollapsed: boolean) {
  const isMixMode = isVerticalMix.value || isTopHybridSidebarFirst.value || isVerticalHybridHeaderFirst.value;
  let finalWidth = isMixMode ? mixWidth : width;
-  if (isVerticalMix.value && appStore.mixSiderFixed && secondLevelMenus.value.length) {
+  if (isVerticalMix.value && appStore.mixSiderFixed && childLevelMenus.value.length) {
    finalWidth += mixChildMenuWidth;
  }
@@ -114,6 +114,14 @@ function getSiderAndCollapsedWidth(isCollapsed: boolean) {
  return finalWidth;
 }
 function getSiderWidth() {
  return getSiderAndCollapsedWidth(false);
 }
 function getSiderCollapsedWidth() {
  return getSiderAndCollapsedWidth(true);
 }
 </script>
 <template>
--- a/src/layouts/modules/global-menu/context/index.ts
+++ b/src/layouts/modules/global-menu/context/index.ts
@@ -3,7 +3,6 @@ import { useRoute } from 'vue-router';
 import { useContext } from '@sa/hooks';
 import type { RouteKey } from '@elegant-router/types';
 import { useRouteStore } from '@/store/modules/route';
 import { useThemeStore } from '@/store/modules/theme';
 import { useRouterPush } from '@/hooks/common/router';
 export const [provideMixMenuContext, useMixMenuContext] = useContext('MixMenu', useMixMenu);
@@ -11,7 +10,6 @@ export const [provideMixMenuContext, useMixMenuContext] = useContext('MixMenu',
 function useMixMenu() {
  const route = useRoute();
  const routeStore = useRouteStore();
  const themeStore = useThemeStore();
  const { selectedKey } = useMenu();
  const { routerPushByKeyWithMetaQuery } = useRouterPush();
@@ -102,46 +100,10 @@ function useMixMenu() {
    () => secondLevelMenus.value.find(menu => menu.key === activeSecondLevelMenuKey.value)?.children || []
  );
  const hasChildLevelMenus = computed(() => childLevelMenus.value.length > 0);
  function getDeepestLevelMenuKey(): RouteKey | null {
    if (!secondLevelMenus.value.length || !themeStore.sider.autoSelectFirstMenu) {
      return null;
    }
    const secondLevelFirstMenu = secondLevelMenus.value[0];
    if (!secondLevelFirstMenu) {
      return null;
    }
    function findDeepest(menu: App.Global.Menu): RouteKey {
      if (!menu.children?.length) {
        return menu.routeKey;
      }
      return findDeepest(menu.children[0]);
    }
    return findDeepest(secondLevelFirstMenu);
  }
  function activeDeepestLevelMenuKey() {
    const deepestLevelMenuKey = getDeepestLevelMenuKey();
    if (!deepestLevelMenuKey) return;
    // select the deepest second level menu
    handleSelectSecondLevelMenu(deepestLevelMenuKey);
  }
  watch(
    () => route.name,
    () => {
      getActiveFirstLevelMenuKey();
      // if there are child level menus, get the active second level menu key
      if (hasChildLevelMenus.value) {
        getActiveSecondLevelMenuKey();
      }
    },
    { immediate: true }
  );
@@ -159,10 +121,7 @@ function useMixMenu() {
    isActiveSecondLevelMenuHasChildren,
    handleSelectSecondLevelMenu,
    getActiveSecondLevelMenuKey,
-    childLevelMenus,
+    childLevelMenus
    hasChildLevelMenus,
    getDeepestLevelMenuKey,
    activeDeepestLevelMenuKey
  };
 }
--- a/src/layouts/modules/global-menu/modules/top-hybrid-header-first.vue
+++ b/src/layouts/modules/global-menu/modules/top-hybrid-header-first.vue
@@ -2,7 +2,6 @@
 import { ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
 import { SimpleScrollbar } from '@sa/materials';
 import type { RouteKey } from '@elegant-router/types';
 import { GLOBAL_HEADER_MENU_ID, GLOBAL_SIDER_MENU_ID } from '@/constants/app';
 import { useAppStore } from '@/store/modules/app';
 import { useThemeStore } from '@/store/modules/theme';
@@ -19,28 +18,12 @@ const appStore = useAppStore();
 const themeStore = useThemeStore();
 const routeStore = useRouteStore();
 const { routerPushByKeyWithMetaQuery } = useRouterPush();
-const {
+const { firstLevelMenus, secondLevelMenus, activeFirstLevelMenuKey, handleSelectFirstLevelMenu } =
-  firstLevelMenus,
+  useMixMenuContext('TopHybridHeaderFirst');
  secondLevelMenus,
  activeFirstLevelMenuKey,
  handleSelectFirstLevelMenu,
  activeDeepestLevelMenuKey
 } = useMixMenuContext('TopHybridHeaderFirst');
 const { selectedKey } = useMenu();
 const expandedKeys = ref<string[]>([]);
 /**
 * Handle first level menu select
 * @param key RouteKey
 */
 function handleSelectMenu(key: RouteKey) {
  handleSelectFirstLevelMenu(key);
  // if there are second level menus, select the deepest one by default
  activeDeepestLevelMenuKey();
 }
 function updateExpandedKeys() {
  if (appStore.siderCollapse || !selectedKey.value) {
    expandedKeys.value = [];
@@ -66,7 +49,7 @@ watch(
      :options="firstLevelMenus"
      :indent="18"
      responsive
-      @update:value="handleSelectMenu"
+      @update:value="handleSelectFirstLevelMenu"
    />
  </Teleport>
  <Teleport :to="`#${GLOBAL_SIDER_MENU_ID}`">
--- a/src/layouts/modules/global-menu/modules/top-hybrid-sidebar-first.vue
+++ b/src/layouts/modules/global-menu/modules/top-hybrid-sidebar-first.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
 import type { RouteKey } from '@elegant-router/types';
 import { GLOBAL_HEADER_MENU_ID, GLOBAL_SIDER_MENU_ID } from '@/constants/app';
 import { useAppStore } from '@/store/modules/app';
 import { useThemeStore } from '@/store/modules/theme';
@@ -14,25 +13,9 @@ defineOptions({
 const appStore = useAppStore();
 const themeStore = useThemeStore();
 const { routerPushByKeyWithMetaQuery } = useRouterPush();
-const {
+const { firstLevelMenus, secondLevelMenus, activeFirstLevelMenuKey, handleSelectFirstLevelMenu } =
-  firstLevelMenus,
+  useMixMenuContext('TopHybridSidebarFirst');
  secondLevelMenus,
  activeFirstLevelMenuKey,
  handleSelectFirstLevelMenu,
  activeDeepestLevelMenuKey
 } = useMixMenuContext('TopHybridSidebarFirst');
 const { selectedKey } = useMenu();
 /**
 * Handle first level menu select
 * @param key RouteKey
 */
 function handleSelectMenu(key: RouteKey) {
  handleSelectFirstLevelMenu(key);
  // if there are second level menus, select the deepest one by default
  activeDeepestLevelMenuKey();
 }
 </script>
 <template>
@@ -54,7 +37,7 @@ function handleSelectMenu(key: RouteKey) {
        :sider-collapse="appStore.siderCollapse"
        :dark-mode="themeStore.darkMode"
        :theme-color="themeStore.themeColor"
-        @select="handleSelectMenu"
+        @select="handleSelectFirstLevelMenu"
        @toggle-sider-collapse="appStore.toggleSiderCollapse"
      />
    </div>
--- a/src/layouts/modules/global-menu/modules/vertical-hybrid-header-first.vue
+++ b/src/layouts/modules/global-menu/modules/vertical-hybrid-header-first.vue
@@ -33,15 +33,15 @@ const {
  isActiveSecondLevelMenuHasChildren,
  handleSelectSecondLevelMenu,
  getActiveSecondLevelMenuKey,
-  childLevelMenus,
+  childLevelMenus
  hasChildLevelMenus,
  activeDeepestLevelMenuKey
 } = useMixMenuContext('VerticalHybridHeaderFirst');
 const { selectedKey } = useMenu();
 const inverted = computed(() => !themeStore.darkMode && themeStore.sider.inverted);
-const showDrawer = computed(() => hasChildLevelMenus.value && (drawerVisible.value || appStore.mixSiderFixed));
+const hasChildMenus = computed(() => childLevelMenus.value.length > 0);
 const showDrawer = computed(() => hasChildMenus.value && (drawerVisible.value || appStore.mixSiderFixed));
 function handleSelectMixMenu(key: RouteKey) {
  handleSelectSecondLevelMenu(key);
@@ -51,33 +51,12 @@ function handleSelectMixMenu(key: RouteKey) {
  }
 }
 /**
 * Handle second level menu selection based on autoSelectFirstMenu setting:
 * - When disabled: Activate first second-level menu for display only, expand third-level menu if exists
 * - When enabled: Navigate to the deepest menu automatically
 */
 function handleSelectMenu(key: RouteKey) {
  handleSelectFirstLevelMenu(key);
-  if (secondLevelMenus.value.length === 0) return;
+  if (secondLevelMenus.value.length > 0) {
-
+    handleSelectMixMenu(secondLevelMenus.value[0].routeKey);
  const secondFirstMenuKey = secondLevelMenus.value[0].routeKey;
  // Case 1: autoSelectFirstMenu disabled - only activate menu for display
  if (!themeStore.sider.autoSelectFirstMenu) {
    // Check if there are third-level menus
    const hasChildren = secondLevelMenus.value.find(menu => menu.key === secondFirstMenuKey)?.children?.length;
    // If there are third-level menus, expand them
    if (hasChildren) {
      handleSelectMixMenu(secondFirstMenuKey);
  }
    return;
  }
  // Case 2: autoSelectFirstMenu enabled - navigate to deepest menu
  activeDeepestLevelMenuKey();
  setDrawerVisible(false);
 }
 function handleResetActiveMenu() {
@@ -135,9 +114,7 @@ watch(
      </FirstLevelMenu>
      <div
        class="relative h-full transition-width-300"
-        :style="{
+        :style="{ width: appStore.mixSiderFixed && hasChildMenus ? themeStore.sider.mixChildMenuWidth + 'px' : '0px' }"
          width: appStore.mixSiderFixed && hasChildLevelMenus ? themeStore.sider.mixChildMenuWidth + 'px' : '0px'
        }"
      >
        <DarkModeContainer
          class="absolute-lt h-full flex-col-stretch nowrap-hidden shadow-sm transition-all-300"
--- a/src/layouts/modules/global-tab/context-menu.vue
+++ b/src/layouts/modules/global-tab/context-menu.vue
@@ -26,7 +26,7 @@ const props = withDefaults(defineProps<Props>(), {
 const visible = defineModel<boolean>('visible');
-const { removeTab, clearTabs, clearLeftTabs, clearRightTabs, fixTab, unfixTab, isTabRetain } = useTabStore();
+const { removeTab, clearTabs, clearLeftTabs, clearRightTabs } = useTabStore();
 const { SvgIconVNode } = useSvgIcon();
 type DropdownOption = {
@@ -64,23 +64,6 @@ const options = computed(() => {
      icon: SvgIconVNode({ icon: 'ant-design:line-outlined', fontSize: 18 })
    }
  ];
  if (props.tabId !== '/home') {
    if (isTabRetain(props.tabId)) {
      opts.push({
        key: 'unpin',
        label: $t('dropdown.unpin'),
        icon: SvgIconVNode({ icon: 'mdi:pin-off-outline', fontSize: 18 })
      });
    } else {
      opts.push({
        key: 'pin',
        label: $t('dropdown.pin'),
        icon: SvgIconVNode({ icon: 'mdi:pin-outline', fontSize: 18 })
      });
    }
  }
  const { excludeKeys, disabledKeys } = props;
  const result = opts.filter(opt => !excludeKeys.includes(opt.key));
@@ -115,12 +98,6 @@ const dropdownAction: Record<App.Global.DropdownKey, () => void> = {
  },
  closeAll() {
    clearTabs();
  },
  pin() {
    fixTab(props.tabId);
  },
  unpin() {
    unfixTab(props.tabId);
  }
 };
--- a/src/layouts/modules/global-tab/index.vue
+++ b/src/layouts/modules/global-tab/index.vue
@@ -26,8 +26,6 @@ const tabRef = ref<HTMLElement>();
 const isPCFlag = isPC();
 const TAB_DATA_ID = 'data-tab-id';
 const MIDDLE_MOUSE_BUTTON = 1;
 const RIGHT_MOUSE_BUTTON = 2;
 type TabNamedNodeMap = NamedNodeMap & {
  [TAB_DATA_ID]: Attr;
@@ -86,26 +84,6 @@ function handleCloseTab(tab: App.Global.Tab) {
  tabStore.removeTab(tab.id);
 }
 function handleMousedown(e: MouseEvent, tab: App.Global.Tab) {
  const isMiddleClick = e.button === MIDDLE_MOUSE_BUTTON;
  if (!isMiddleClick || !themeStore.tab.closeTabByMiddleClick) {
    return;
  }
  if (tabStore.isTabRetain(tab.id)) {
    return;
  }
  e.preventDefault();
  handleCloseTab(tab);
 }
 function switchTab(e: MouseEvent, tab: App.Global.Tab) {
  if ([MIDDLE_MOUSE_BUTTON, RIGHT_MOUSE_BUTTON].includes(e.button)) return;
  tabStore.switchRouteByTab(tab);
 }
 async function refresh() {
  appStore.reloadPage(500);
 }
@@ -204,8 +182,7 @@ init();
            :active="tab.id === tabStore.activeTabId"
            :active-color="themeStore.themeColor"
            :closable="!tabStore.isTabRetain(tab.id)"
-            @pointerdown="switchTab($event, tab)"
+            @pointerdown="tabStore.switchRouteByTab(tab)"
            @mousedown="handleMousedown($event, tab)"
            @close="handleCloseTab(tab)"
            @contextmenu="handleContextMenu($event, tab.id)"
          >
--- a/src/layouts/modules/theme-drawer/modules/appearance/index.vue
+++ b/src/layouts/modules/theme-drawer/modules/appearance/index.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import ThemeSchema from './modules/theme-schema.vue';
 import ThemeColor from './modules/theme-color.vue';
 import ThemeRadius from './modules/theme-radius.vue';
 defineOptions({
  name: 'AppearanceSettings'
@@ -12,7 +11,6 @@ defineOptions({
  <div class="flex-col-stretch gap-16px">
    <ThemeSchema />
    <ThemeColor />
    <ThemeRadius />
  </div>
 </template>
--- a/src/layouts/modules/theme-drawer/modules/appearance/modules/theme-radius.vue
+++ b/src/layouts/modules/theme-drawer/modules/appearance/modules/theme-radius.vue
@@ -1,22 +0,0 @@
 <script setup lang="ts">
 import { useThemeStore } from '@/store/modules/theme';
 import { $t } from '@/locales';
 import SettingItem from '../../../components/setting-item.vue';
 defineOptions({
  name: 'ThemeRadius'
 });
 const themeStore = useThemeStore();
 </script>
 <template>
  <NDivider>{{ $t('theme.appearance.themeRadius.title') }}</NDivider>
  <TransitionGroup tag="div" name="setting-list" class="flex-col-stretch gap-12px">
    <SettingItem key="1" :label="$t('theme.appearance.themeRadius.title')">
      <NInputNumber v-model:value="themeStore.themeRadius" size="small" :step="1" :min="0" :max="16" class="w-120px" />
    </SettingItem>
  </TransitionGroup>
 </template>
 <style scoped></style>
--- a/src/layouts/modules/theme-drawer/modules/layout/modules/sider-settings.vue
+++ b/src/layouts/modules/theme-drawer/modules/layout/modules/sider-settings.vue
@@ -12,7 +12,6 @@ const themeStore = useThemeStore();
 const layoutMode = computed(() => themeStore.layout.mode);
 const isMixLayoutMode = computed(() => layoutMode.value.includes('mix') || layoutMode.value.includes('hybrid'));
 const isHybridLayoutMode = computed(() => layoutMode.value.includes('hybrid'));
 </script>
 <template>
@@ -33,12 +32,6 @@ const isHybridLayoutMode = computed(() => layoutMode.value.includes('hybrid'));
    <SettingItem v-if="layoutMode === 'vertical-mix'" key="5" :label="$t('theme.layout.sider.mixChildMenuWidth')">
      <NInputNumber v-model:value="themeStore.sider.mixChildMenuWidth" size="small" :step="1" class="w-120px" />
    </SettingItem>
    <SettingItem v-if="isHybridLayoutMode" key="6" :label="$t('theme.layout.sider.autoSelectFirstMenu')">
      <template #suffix>
        <IconTooltip :desc="$t('theme.layout.sider.autoSelectFirstMenuTip')" />
      </template>
      <NSwitch v-model:value="themeStore.sider.autoSelectFirstMenu" />
    </SettingItem>
  </TransitionGroup>
 </template>
--- a/src/layouts/modules/theme-drawer/modules/layout/modules/tab-settings.vue
+++ b/src/layouts/modules/theme-drawer/modules/layout/modules/tab-settings.vue
@@ -35,12 +35,6 @@ const themeStore = useThemeStore();
        class="w-120px"
      />
    </SettingItem>
    <SettingItem v-if="themeStore.tab.visible" key="5" :label="$t('theme.layout.tab.closeByMiddleClick')">
      <template #suffix>
        <IconTooltip :desc="$t('theme.layout.tab.closeByMiddleClickTip')" />
      </template>
      <NSwitch v-model:value="themeStore.tab.closeTabByMiddleClick" />
    </SettingItem>
  </TransitionGroup>
 </template>
--- a/src/layouts/modules/theme-drawer/modules/preset/modules/theme-preset.vue
+++ b/src/layouts/modules/theme-drawer/modules/preset/modules/theme-preset.vue
@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { defu } from 'defu';
 import { useThemeStore } from '@/store/modules/theme';
 import { themeSettings } from '@/theme/settings';
 import { $t } from '@/locales';
 defineOptions({
@@ -16,7 +14,6 @@ type ThemePreset = Pick<
  | 'colourWeakness'
  | 'recommendColor'
  | 'themeColor'
  | 'themeRadius'
  | 'otherColor'
  | 'isInfoFollowPrimary'
  | 'layout'
@@ -33,8 +30,6 @@ type ThemePreset = Pick<
  desc: string;
  i18nkey?: string;
  version: string;
  /** Optional NaiveUI theme overrides */
  naiveui?: App.Theme.NaiveUIThemeOverride;
 };
 const presetModules = import.meta.glob('@/theme/preset/*.json', { eager: true, import: 'default' });
@@ -80,9 +75,7 @@ const getPresetDesc = (preset: ThemePreset): string => {
  }
 };
-const applyPreset = (preset: ThemePreset): void => {
+const applyPreset = ({ themeScheme, grayscale, colourWeakness, layout, watermark, ...rest }: ThemePreset): void => {
  const mergedPreset = defu(preset, themeSettings);
  const { themeScheme, grayscale, colourWeakness, layout, watermark, naiveui, ...rest } = mergedPreset;
  themeStore.setThemeScheme(themeScheme);
  themeStore.setGrayscale(grayscale);
  themeStore.setColourWeakness(colourWeakness);
@@ -102,9 +95,6 @@ const applyPreset = (preset: ThemePreset): void => {
    tokens: { ...rest.tokens }
  });
  // Apply NaiveUI theme overrides if present
  themeStore.setNaiveThemeOverrides(naiveui);
  window.$message?.success($t('theme.appearance.preset.applySuccess'));
 };
 </script>
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -83,9 +83,6 @@ const local: App.I18n.Schema = {
        error: 'Error',
        followPrimary: 'Follow Primary'
      },
      themeRadius: {
        title: 'Theme Radius'
      },
      recommendColor: 'Apply Recommended Color Algorithm',
      recommendColorDesc: 'The recommended color algorithm refers to',
      preset: {
@@ -141,9 +138,7 @@ const local: App.I18n.Schema = {
          slider: 'Slider',
          chrome: 'Chrome',
          button: 'Button'
-        },
+        }
        closeByMiddleClick: 'Close Tab by Middle Click',
        closeByMiddleClickTip: 'Enable closing tabs by clicking with the middle mouse button'
      },
      header: {
        title: 'Header Settings',
@@ -160,10 +155,7 @@ const local: App.I18n.Schema = {
        collapsedWidth: 'Sider Collapsed Width',
        mixWidth: 'Mix Sider Width',
        mixCollapsedWidth: 'Mix Sider Collapse Width',
-        mixChildMenuWidth: 'Mix Child Menu Width',
+        mixChildMenuWidth: 'Mix Child Menu Width'
        autoSelectFirstMenu: 'Auto Select First Submenu',
        autoSelectFirstMenuTip:
          'When a first-level menu is clicked, the first submenu is automatically selected and navigated to the deepest level'
      },
      footer: {
        title: 'Footer Settings',
@@ -339,9 +331,7 @@ const local: App.I18n.Schema = {
    closeOther: 'Close Other',
    closeLeft: 'Close Left',
    closeRight: 'Close Right',
-    closeAll: 'Close All',
+    closeAll: 'Close All'
    pin: 'Pin Tab',
    unpin: 'Unpin Tab'
  },
  icon: {
    themeConfig: 'Theme Configuration',
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -83,9 +83,6 @@ const local: App.I18n.Schema = {
        error: '错误色',
        followPrimary: '跟随主色'
      },
      themeRadius: {
        title: '主题圆角'
      },
      recommendColor: '应用推荐算法的颜色',
      recommendColorDesc: '推荐颜色的算法参照',
      preset: {
@@ -138,9 +135,7 @@ const local: App.I18n.Schema = {
          slider: '滑块风格',
          chrome: '谷歌风格',
          button: '按钮风格'
-        },
+        }
        closeByMiddleClick: '鼠标中键关闭标签页',
        closeByMiddleClickTip: '启用后可以使用鼠标中键点击标签页进行关闭'
      },
      header: {
        title: '头部设置',
@@ -157,9 +152,7 @@ const local: App.I18n.Schema = {
        collapsedWidth: '侧边栏折叠宽度',
        mixWidth: '混合布局侧边栏宽度',
        mixCollapsedWidth: '混合布局侧边栏折叠宽度',
-        mixChildMenuWidth: '混合布局子菜单宽度',
+        mixChildMenuWidth: '混合布局子菜单宽度'
        autoSelectFirstMenu: '自动选择第一个子菜单',
        autoSelectFirstMenuTip: '点击一级菜单时，自动选择并导航到第一个子菜单的最深层级'
      },
      footer: {
        title: '底部设置',
@@ -335,9 +328,7 @@ const local: App.I18n.Schema = {
    closeOther: '关闭其它',
    closeLeft: '关闭左侧',
    closeRight: '关闭右侧',
-    closeAll: '关闭所有',
+    closeAll: '关闭所有'
    pin: '固定标签',
    unpin: '取消固定'
  },
  icon: {
    themeConfig: '主题配置',
--- a/src/router/_generated/imports.ts
+++ b/src/router/_generated/imports.ts
@@ -0,0 +1,27 @@
 /* eslint-disable */
 /* prettier-ignore */
 /* oxlint-disable */
 // biome-ignore lint: disable
 // Generated by elegant-router
 // Read more: https://github.com/soybeanjs/elegant-router
 import type { RouteFileKey, RouteLayoutKey, RawRouteComponent } from "@elegant-router/types";
 export const layouts: Record<RouteLayoutKey, RawRouteComponent> = {
  base: () => import("@/layouts/base-layout/index.vue"),
  blank: () => import("@/layouts/blank-layout/index.vue"),
 };
 export const views: Record<RouteFileKey, RawRouteComponent> = {
  403: () => import("@/views/(builtin)/403/index.vue"),
  404: () => import("@/views/(builtin)/404/index.vue"),
  500: () => import("@/views/(builtin)/500/index.vue"),
  Home: () => import("@/views/home/index.vue"),
  IframeUrl: () => import("@/views/(builtin)/iframe/[url].vue"),
  Login: () => import("@/views/(builtin)/login/index.vue"),
  ManageMenu: () => import("@/views/manage/menu/index.vue"),
  ManageRole: () => import("@/views/manage/role/index.vue"),
  ManageRoute: () => import("@/views/manage/route/index.vue"),
  ManageUser: () => import("@/views/manage/user/index.vue"),
  Wip: () => import("@/views/(builtin)/wip/index.vue"),
 };
--- a/src/router/_generated/routes.ts
+++ b/src/router/_generated/routes.ts
@@ -0,0 +1,130 @@
 /* eslint-disable */
 /* prettier-ignore */
 // biome-ignore lint: disable
 // Generated by elegant-router
 // Read more: https://github.com/soybeanjs/elegant-router
 import type { AutoRouterRoute } from '@elegant-router/types';
 export const routes: AutoRouterRoute[] = [
  {
    name: 'Root',
    path: '/',
    redirect: '/home',
    meta: {
      title: "Root"
    },
  },
  {
    name: 'NotFound',
    path: '/:pathMatch(.*)*',
    layout: 'base',
    component: '404',
    meta: {
      title: "NotFound"
    },
  },
  {
    name: '403',
    path: '/403',
    layout: 'base',
    component: '403',
    meta: {
      title: "403",
      constant: true
    },
  },
  {
    name: '404',
    path: '/404',
    layout: 'base',
    component: '404',
    meta: {
      title: "404",
      constant: true
    },
  },
  {
    name: '500',
    path: '/500',
    layout: 'base',
    component: '500',
    meta: {
      title: "500",
      constant: true
    },
  },
  {
    name: 'Home',
    path: '/home',
    layout: 'base',
    component: 'Home',
    meta: {
      title: "Home"
    },
  },
  {
    name: 'IframeUrl',
    path: '/iframe/:url',
    layout: 'base',
    component: 'IframeUrl',
    meta: {
      title: "IframeUrl"
    }
  },
  {
    name: 'Login',
    path: '/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?',
    layout: 'base',
    component: 'Login',
    meta: {
      title: "Login",
      constant: true
    },
  },
  {
    name: 'ManageMenu',
    path: '/manage/menu',
    layout: 'base',
    component: 'ManageMenu',
    meta: {
      title: "ManageMenu"
    },
  },
  {
    name: 'ManageRole',
    path: '/manage/role',
    layout: 'base',
    component: 'ManageRole',
    meta: {
      title: "ManageRole"
    },
  },
  {
    name: 'ManageRoute',
    path: '/manage/route',
    layout: 'base',
    component: 'ManageRoute',
    meta: {
      title: "ManageRoute"
    }
  },
  {
    name: 'ManageUser',
    path: '/manage/user',
    layout: 'base',
    component: 'ManageUser',
    meta: {
      title: "ManageUser"
    },
  },
  {
    name: 'Wip',
    path: '/wip',
    layout: 'base',
    component: 'Wip',
    meta: {
      title: "Wip"
    }
  }
 ];
--- a/src/router/_generated/shared.ts
+++ b/src/router/_generated/shared.ts
@@ -0,0 +1,28 @@
 /* eslint-disable */
 /* prettier-ignore */
 /* oxlint-disable */
 // biome-ignore lint: disable
 // Generated by elegant-router
 // Read more: https://github.com/soybeanjs/elegant-router
 import type { RouteKey, RoutePathMap } from '@elegant-router/types';
 const routePathMap: RoutePathMap = {
  "Root": "/",
  "NotFound": "/:pathMatch(.*)*",
  "403": "/403",
  "404": "/404",
  "500": "/500",
  "Home": "/home",
  "IframeUrl": "/iframe/:url",
  "Login": "/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?",
  "ManageMenu": "/manage/menu",
  "ManageRole": "/manage/role",
  "ManageRoute": "/manage/route",
  "ManageUser": "/manage/user",
  "Wip": "/wip",
 };
 export function getRoutePath(key: RouteKey) {
  return routePathMap[key];
 }
--- a/src/router/_generated/transformer.ts
+++ b/src/router/_generated/transformer.ts
@@ -0,0 +1,70 @@
 /* eslint-disable */
 /* prettier-ignore */
 /* oxlint-disable */
 // biome-ignore lint: disable
 // Generated by elegant-router
 // Read more: https://github.com/soybeanjs/elegant-router
 import type { RouteRecordRaw } from 'vue-router';
 import type {
  AutoRouterRedirect,
  AutoRouterRoute,
  AutoRouterSingleView,
  RawRouteComponent,
  RouteFileKey,
  RouteLayoutKey
 } from '@elegant-router/types';
 export function transformToVueRoutes(
  routes: AutoRouterRoute[],
  layouts: Record<RouteLayoutKey, RawRouteComponent>,
  views: Record<RouteFileKey, RawRouteComponent>
 ) {
  const { redirects, groupedRoutes } = getFormattedRoutes(routes);
  const vueRoutes: RouteRecordRaw[] = [...redirects];
  groupedRoutes.forEach((items, layout) => {
    const layoutRoute: RouteRecordRaw = {
      path: `/${layout}-layout`,
      component: layouts[layout],
      children: items.map(item => {
        const { layout: _, component, ...rest } = item;
        return {
          component: views[component],
          ...rest
        };
      })
    };
    vueRoutes.push(layoutRoute);
  });
  return vueRoutes;
 }
 function getFormattedRoutes(routes: AutoRouterRoute[]) {
  const groupedRoutes = new Map<RouteLayoutKey, AutoRouterSingleView[]>();
  const redirects: AutoRouterRedirect[] = [];
  routes.forEach(route => {
    if (isAutoRouterRedirect(route)) {
      redirects.push(route);
      return;
    }
    const items = groupedRoutes.get(route.layout) || [];
    items.push(route);
    groupedRoutes.set(route.layout, items);
  });
  return {
    redirects,
    groupedRoutes
  };
 }
 function isAutoRouterRedirect(route: AutoRouterRoute): route is AutoRouterRedirect {
  return 'redirect' in route;
 }
--- a/src/router/elegant/imports.ts
+++ b/src/router/elegant/imports.ts
@@ -1,24 +0,0 @@
 /* eslint-disable */
 /* prettier-ignore */
 // Generated by elegant-router
 // Read more: https://github.com/soybeanjs/elegant-router
 import type { RouteComponent } from "vue-router";
 import type { LastLevelRouteKey, RouteLayout } from "@elegant-router/types";
 import BaseLayout from "@/layouts/base-layout/index.vue";
 import BlankLayout from "@/layouts/blank-layout/index.vue";
 export const layouts: Record<RouteLayout, RouteComponent | (() => Promise<RouteComponent>)> = {
  base: BaseLayout,
  blank: BlankLayout,
 };
 export const views: Record<LastLevelRouteKey, RouteComponent | (() => Promise<RouteComponent>)> = {
  403: () => import("@/views/_builtin/403/index.vue"),
  404: () => import("@/views/_builtin/404/index.vue"),
  500: () => import("@/views/_builtin/500/index.vue"),
  "iframe-page": () => import("@/views/_builtin/iframe-page/[url].vue"),
  login: () => import("@/views/_builtin/login/index.vue"),
  home: () => import("@/views/home/index.vue"),
 };
--- a/src/router/elegant/routes.ts
+++ b/src/router/elegant/routes.ts
@@ -1,78 +0,0 @@
 /* eslint-disable */
 /* prettier-ignore */
 // Generated by elegant-router
 // Read more: https://github.com/soybeanjs/elegant-router
 import type { GeneratedRoute } from '@elegant-router/types';
 export const generatedRoutes: GeneratedRoute[] = [
  {
    name: '403',
    path: '/403',
    component: 'layout.blank$view.403',
    meta: {
      title: '403',
      i18nKey: 'route.403',
      constant: true,
      hideInMenu: true
    }
  },
  {
    name: '404',
    path: '/404',
    component: 'layout.blank$view.404',
    meta: {
      title: '404',
      i18nKey: 'route.404',
      constant: true,
      hideInMenu: true
    }
  },
  {
    name: '500',
    path: '/500',
    component: 'layout.blank$view.500',
    meta: {
      title: '500',
      i18nKey: 'route.500',
      constant: true,
      hideInMenu: true
    }
  },
  {
    name: 'home',
    path: '/home',
    component: 'layout.base$view.home',
    meta: {
      title: 'home',
      i18nKey: 'route.home',
      icon: 'mdi:monitor-dashboard',
      order: 1
    }
  },
  {
    name: 'iframe-page',
    path: '/iframe-page/:url',
    component: 'layout.base$view.iframe-page',
    props: true,
    meta: {
      title: 'iframe-page',
      i18nKey: 'route.iframe-page',
      constant: true,
      hideInMenu: true,
      keepAlive: true
    }
  },
  {
    name: 'login',
    path: '/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?',
    component: 'layout.blank$view.login',
    props: true,
    meta: {
      title: 'login',
      i18nKey: 'route.login',
      constant: true,
      hideInMenu: true
    }
  }
 ];
--- a/src/router/elegant/transform.ts
+++ b/src/router/elegant/transform.ts
@@ -1,192 +0,0 @@
 /* eslint-disable */
 /* prettier-ignore */
 // Generated by elegant-router
 // Read more: https://github.com/soybeanjs/elegant-router
 import type { RouteRecordRaw, RouteComponent } from 'vue-router';
 import type { ElegantConstRoute } from '@elegant-router/vue';
 import type { RouteMap, RouteKey, RoutePath } from '@elegant-router/types';
 /**
 * transform elegant const routes to vue routes
 * @param routes elegant const routes
 * @param layouts layout components
 * @param views view components
 */
 export function transformElegantRoutesToVueRoutes(
  routes: ElegantConstRoute[],
  layouts: Record<string, RouteComponent | (() => Promise<RouteComponent>)>,
  views: Record<string, RouteComponent | (() => Promise<RouteComponent>)>
 ) {
  return routes.flatMap(route => transformElegantRouteToVueRoute(route, layouts, views));
 }
 /**
 * transform elegant route to vue route
 * @param route elegant const route
 * @param layouts layout components
 * @param views view components
 */
 function transformElegantRouteToVueRoute(
  route: ElegantConstRoute,
  layouts: Record<string, RouteComponent | (() => Promise<RouteComponent>)>,
  views: Record<string, RouteComponent | (() => Promise<RouteComponent>)>
 ) {
  const LAYOUT_PREFIX = 'layout.';
  const VIEW_PREFIX = 'view.';
  const ROUTE_DEGREE_SPLITTER = '_';
  const FIRST_LEVEL_ROUTE_COMPONENT_SPLIT = '$';
  function isLayout(component: string) {
    return component.startsWith(LAYOUT_PREFIX);
  }
  function getLayoutName(component: string) {
    const layout = component.replace(LAYOUT_PREFIX, '');
    if(!layouts[layout]) {
      throw new Error(`Layout component "${layout}" not found`);
    }
    return layout;
  }
  function isView(component: string) {
    return component.startsWith(VIEW_PREFIX);
  }
  function getViewName(component: string) {
    const view = component.replace(VIEW_PREFIX, '');
    if(!views[view]) {
      throw new Error(`View component "${view}" not found`);
    }
    return view;
  }
  function isFirstLevelRoute(item: ElegantConstRoute) {
    return !item.name.includes(ROUTE_DEGREE_SPLITTER);
  }
  function isSingleLevelRoute(item: ElegantConstRoute) {
    return isFirstLevelRoute(item) && !item.children?.length;
  }
  function getSingleLevelRouteComponent(component: string) {
    const [layout, view] = component.split(FIRST_LEVEL_ROUTE_COMPONENT_SPLIT);
    return {
      layout: getLayoutName(layout),
      view: getViewName(view)
    };
  }
  const vueRoutes: RouteRecordRaw[] = [];
  // add props: true to route
  if (route.path.includes(':') && !route.props) {
    route.props = true;
  }
  const { name, path, component, children, ...rest } = route;
  const vueRoute = { name, path, ...rest } as RouteRecordRaw;
  try {
    if (component) {
      if (isSingleLevelRoute(route)) {
        const { layout, view } = getSingleLevelRouteComponent(component);
        const singleLevelRoute: RouteRecordRaw = {
          path,
          component: layouts[layout],
          meta: {
            title: route.meta?.title || ''
          },
          children: [
            {
              name,
              path: '',
              component: views[view],
              ...rest
            } as RouteRecordRaw
          ]
        };
        return [singleLevelRoute];
      }
      if (isLayout(component)) {
        const layoutName = getLayoutName(component);
        vueRoute.component = layouts[layoutName];
      }
      if (isView(component)) {
        const viewName = getViewName(component);
        vueRoute.component = views[viewName];
      }
    }
  } catch (error: any) {
    console.error(`Error transforming route "${route.name}": ${error.toString()}`);
    return [];
  }
  // add redirect to child
  if (children?.length && !vueRoute.redirect) {
    vueRoute.redirect = {
      name: children[0].name
    };
  }
  if (children?.length) {
    const childRoutes = children.flatMap(child => transformElegantRouteToVueRoute(child, layouts, views));
    if(isFirstLevelRoute(route)) {
      vueRoute.children = childRoutes;
    } else {
      vueRoutes.push(...childRoutes);
    }
  }
  vueRoutes.unshift(vueRoute);
  return vueRoutes;
 }
 /**
 * map of route name and route path
 */
 const routeMap: RouteMap = {
  "root": "/",
  "not-found": "/:pathMatch(.*)*",
  "403": "/403",
  "404": "/404",
  "500": "/500",
  "home": "/home",
  "iframe-page": "/iframe-page/:url",
  "login": "/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?"
 };
 /**
 * get route path by route name
 * @param name route name
 */
 export function getRoutePath<T extends RouteKey>(name: T) {
  return routeMap[name];
 }
 /**
 * get route name by route path
 * @param path route path
 */
 export function getRouteName(path: RoutePath) {
  const routeEntries = Object.entries(routeMap) as [RouteKey, RoutePath][];
  const routeName: RouteKey | null = routeEntries.find(([, routePath]) => routePath === path)?.[0] || null;
  return routeName;
 }
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,12 +1,6 @@
 import type { App } from 'vue';
-import {
+import { createMemoryHistory, createRouter, createWebHashHistory, createWebHistory } from 'vue-router';
-  type RouterHistory,
+import type { RouterHistory } from 'vue-router';
  createMemoryHistory,
  createRouter,
  createWebHashHistory,
  createWebHistory
 } from 'vue-router';
 import { createBuiltinVueRoutes } from './routes/builtin';
 import { createRouterGuard } from './guard';
 const { VITE_ROUTER_HISTORY_MODE = 'history', VITE_BASE_URL } = import.meta.env;
@@ -19,7 +13,7 @@ const historyCreatorMap: Record<Env.RouterHistoryMode, (base?: string) => Router
 export const router = createRouter({
  history: historyCreatorMap[VITE_ROUTER_HISTORY_MODE](VITE_BASE_URL),
-  routes: createBuiltinVueRoutes()
+  routes: []
 });
 /** Setup Vue Router */
--- a/src/router/routes/builtin.ts
+++ b/src/router/routes/builtin.ts
@@ -1,31 +0,0 @@
 import type { CustomRoute } from '@elegant-router/types';
 import { layouts, views } from '../elegant/imports';
 import { getRoutePath, transformElegantRoutesToVueRoutes } from '../elegant/transform';
 export const ROOT_ROUTE: CustomRoute = {
  name: 'root',
  path: '/',
  redirect: getRoutePath(import.meta.env.VITE_ROUTE_HOME) || '/home',
  meta: {
    title: 'root',
    constant: true
  }
 };
 const NOT_FOUND_ROUTE: CustomRoute = {
  name: 'not-found',
  path: '/:pathMatch(.*)*',
  component: 'layout.blank$view.404',
  meta: {
    title: 'not-found',
    constant: true
  }
 };
 /** builtin routes, it must be constant and setup in vue-router */
 const builtinRoutes: CustomRoute[] = [ROOT_ROUTE, NOT_FOUND_ROUTE];
 /** create builtin vue routes */
 export function createBuiltinVueRoutes() {
  return transformElegantRoutesToVueRoutes(builtinRoutes, layouts, views);
 }
--- a/src/router/routes/index.ts
+++ b/src/router/routes/index.ts
@@ -1,40 +1,39 @@
-import type { CustomRoute, ElegantConstRoute, ElegantRoute } from '@elegant-router/types';
+import type { AutoRouterRedirect, AutoRouterRoute } from '@elegant-router/types';
-import { generatedRoutes } from '../elegant/routes';
+import { routes } from '../_generated/routes';
-import { layouts, views } from '../elegant/imports';
+import { layouts, views } from '../_generated/imports';
-import { transformElegantRoutesToVueRoutes } from '../elegant/transform';
+import { transformToVueRoutes } from '../_generated/transformer';
 /**
 * custom routes
 *
 * @link https://github.com/soybeanjs/elegant-router?tab=readme-ov-file#custom-route
 */
 const customRoutes: CustomRoute[] = [];
 /** create routes when the auth route mode is static */
 export function createStaticRoutes() {
-  const constantRoutes: ElegantRoute[] = [];
+  const constantRoutes: AutoRouterRoute[] = [];
  const authRoutes: AutoRouterRoute[] = [];
-  const authRoutes: ElegantRoute[] = [];
+  let rootRoute: AutoRouterRedirect | undefined;
-  [...customRoutes, ...generatedRoutes].forEach(item => {
+  routes.forEach(item => {
    if (item.meta?.constant) {
      constantRoutes.push(item);
    } else {
      authRoutes.push(item);
    }
    if (item.name === 'Root') {
      rootRoute = item as AutoRouterRedirect;
    }
  });
  return {
    constantRoutes,
-    authRoutes
+    authRoutes,
    rootRoute: rootRoute as AutoRouterRedirect
  };
 }
 /**
 * Get auth vue routes
 *
- * @param routes Elegant routes
+ * @param authRoutes Elegant routes
 */
-export function getAuthVueRoutes(routes: ElegantConstRoute[]) {
+export function getAuthVueRoutes(authRoutes: AutoRouterRoute[]) {
-  return transformElegantRoutesToVueRoutes(routes, layouts, views);
+  return transformToVueRoutes(authRoutes, layouts, views);
 }
--- a/src/store/modules/tab/index.ts
+++ b/src/store/modules/tab/index.ts
@@ -18,7 +18,6 @@ import {
  getTabByRoute,
  getTabIdByRoute,
  isTabInTabs,
  reorderFixedTabs,
  updateTabByI18nKey,
  updateTabsByI18nKey
 } from './shared';
@@ -249,48 +248,6 @@ export const useTabStore = defineStore(SetupStoreId.Tab, () => {
    await clearTabs(excludes);
  }
  /**
   * Fix tab
   *
   * @param tabId
   */
  function fixTab(tabId: string) {
    const tabIndex = tabs.value.findIndex(t => t.id === tabId);
    if (tabIndex === -1) return;
    const tab = tabs.value[tabIndex];
    const fixedCount = getFixedTabIds(tabs.value).length;
    tab.fixedIndex = fixedCount;
    if (tabIndex !== fixedCount) {
      tabs.value.splice(tabIndex, 1);
      tabs.value.splice(fixedCount, 0, tab);
    }
    reorderFixedTabs(tabs.value);
  }
  /**
   * Unfix tab
   *
   * @param tabId
   */
  function unfixTab(tabId: string) {
    const tabIndex = tabs.value.findIndex(t => t.id === tabId);
    if (tabIndex === -1) return;
    const tab = tabs.value[tabIndex];
    tab.fixedIndex = undefined;
    const fixedCount = getFixedTabIds(tabs.value).length;
    if (tabIndex !== fixedCount) {
      tabs.value.splice(tabIndex, 1);
      tabs.value.splice(fixedCount, 0, tab);
    }
    reorderFixedTabs(tabs.value);
  }
  /**
   * Set new label of tab
   *
@@ -371,8 +328,6 @@ export const useTabStore = defineStore(SetupStoreId.Tab, () => {
    clearTabs,
    clearLeftTabs,
    clearRightTabs,
    fixTab,
    unfixTab,
    switchRouteByTab,
    setTabLabel,
    resetTabLabel,
--- a/src/store/modules/tab/shared.ts
+++ b/src/store/modules/tab/shared.ts
@@ -198,18 +198,6 @@ export function getFixedTabIds(tabs: App.Global.Tab[]) {
  return fixedTabs.map(tab => tab.id);
 }
 /**
 * Reorder fixed tabs fixedIndex
 *
 * @param tabs
 */
 export function reorderFixedTabs(tabs: App.Global.Tab[]) {
  const fixedTabs = getFixedTabs(tabs);
  fixedTabs.forEach((t, i) => {
    t.fixedIndex = i;
  });
 }
 /**
 * Update tabs label
 *
--- a/src/store/modules/theme/index.ts
+++ b/src/store/modules/theme/index.ts
@@ -24,9 +24,6 @@ export const useThemeStore = defineStore(SetupStoreId.Theme, () => {
  /** Theme settings */
  const settings: Ref<App.Theme.ThemeSetting> = ref(initThemeSettings());
  /** Optional NaiveUI theme overrides from preset */
  const naiveThemeOverrides: Ref<App.Theme.NaiveUIThemeOverride | undefined> = ref(undefined);
  /** Watermark time instance with controls */
  const { now: watermarkTime, pause: pauseWatermarkTime, resume: resumeWatermarkTime } = useNow({ controls: true });
@@ -56,7 +53,7 @@ export const useThemeStore = defineStore(SetupStoreId.Theme, () => {
  });
  /** Naive theme */
-  const naiveTheme = computed(() => getNaiveTheme(themeColors.value, settings.value, naiveThemeOverrides.value));
+  const naiveTheme = computed(() => getNaiveTheme(themeColors.value, settings.value.recommendColor));
  /**
   * Settings json
@@ -201,15 +198,6 @@ export const useThemeStore = defineStore(SetupStoreId.Theme, () => {
    }
  }
  /**
   * Set NaiveUI theme overrides
   *
   * @param overrides NaiveUI theme overrides or undefined to clear
   */
  function setNaiveThemeOverrides(overrides?: App.Theme.NaiveUIThemeOverride) {
    naiveThemeOverrides.value = overrides;
  }
  /** Only run timer when watermark is visible and time display is enabled */
  function updateWatermarkTimer() {
    const { watermark } = settings.value;
@@ -296,7 +284,6 @@ export const useThemeStore = defineStore(SetupStoreId.Theme, () => {
    updateThemeColors,
    setThemeLayout,
    setWatermarkEnableUserName,
-    setWatermarkEnableTime,
+    setWatermarkEnableTime
    setNaiveThemeOverrides
  };
 });
--- a/src/store/modules/theme/shared.ts
+++ b/src/store/modules/theme/shared.ts
@@ -237,30 +237,23 @@ function getNaiveThemeColors(colors: App.Theme.ThemeColor, recommended = false)
 * Get naive theme
 *
 * @param colors Theme colors
- * @param settings Theme settings object
+ * @param [recommended=false] Use recommended color. Default is `false`
 * @param overrides Optional manual overrides from preset
 */
-export function getNaiveTheme(
+export function getNaiveTheme(colors: App.Theme.ThemeColor, recommended = false) {
  colors: App.Theme.ThemeColor,
  settings: App.Theme.ThemeSetting,
  overrides?: GlobalThemeOverrides
 ) {
  const { primary: colorLoading } = colors;
  const theme: GlobalThemeOverrides = {
    common: {
-      ...getNaiveThemeColors(colors, settings.recommendColor),
+      ...getNaiveThemeColors(colors, recommended),
-      borderRadius: `${settings.themeRadius}px`
+      borderRadius: '6px'
    },
    LoadingBar: {
      colorLoading
    },
    Tag: {
-      borderRadius: `${settings.themeRadius}px`
+      borderRadius: '6px'
    }
  };
-  // If there are overrides, merge them with priority
+  return theme;
  // overrides has higher priority than auto-generated theme
  return overrides ? defu(overrides, theme) : theme;
 }
--- a/src/styles/css/global.css
+++ b/src/styles/css/global.css
@@ -6,7 +6,6 @@ html,
 body,
 #app {
  height: 100%;
  text-autospace: normal;
 }
 html {
--- a/src/styles/scss/scrollbar.scss
+++ b/src/styles/scss/scrollbar.scss
@@ -1,14 +1,7 @@
-@mixin scrollbar($size: 7px, $color: rgba(0, 0, 0, 0.5), $dark-color: rgba(255, 255, 255, 0.5)) {
+@mixin scrollbar($size: 7px, $color: rgba(0, 0, 0, 0.5)) {
  scrollbar-width: thin;
  scrollbar-color: $color transparent;
  // Dark theme override
  .dark & {
    // guide safari use light color scrollbar
    color-scheme: dark;
    scrollbar-color: $dark-color transparent;
  }
  &::-webkit-scrollbar-thumb {
    background-color: $color;
    border-radius: $size;
--- a/src/theme/preset/azir.json
+++ b/src/theme/preset/azir.json
@@ -2,8 +2,10 @@
  "name": "Azir's Preset",
  "desc": "It is a cold and elegant preset that Azir likes",
  "i18nkey": "theme.appearance.preset.azir",
-  "version": "1.0.1",
+  "version": "1.0.0",
  "themeScheme": "light",
  "grayscale": false,
  "colourWeakness": false,
  "recommendColor": true,
  "themeColor": "#78a878",
  "otherColor": {
@@ -13,6 +15,55 @@
    "error": "#c49a9a"
  },
  "isInfoFollowPrimary": true,
  "layout": {
    "mode": "vertical-mix",
    "scrollMode": "wrapper"
  },
  "page": {
    "animate": true,
    "animateMode": "zoom-fade"
  },
  "header": {
    "height": 64,
    "breadcrumb": {
      "visible": true,
      "showIcon": true
    },
    "multilingual": {
      "visible": true
    },
    "globalSearch": {
      "visible": true
    }
  },
  "tab": {
    "visible": true,
    "cache": true,
    "height": 48,
    "mode": "chrome"
  },
  "fixedHeaderAndTab": true,
  "sider": {
    "inverted": false,
    "width": 220,
    "collapsedWidth": 64,
    "mixWidth": 90,
    "mixCollapsedWidth": 64,
    "mixChildMenuWidth": 200
  },
  "footer": {
    "visible": true,
    "fixed": true,
    "height": 56,
    "right": true
  },
  "watermark": {
    "visible": false,
    "text": "SoybeanAdmin",
    "enableUserName": false,
    "enableTime": true,
    "timeFormat": "YYYY-MM-DD HH:mm:ss"
  },
  "tokens": {
    "light": {
      "colors": {
@@ -34,19 +85,5 @@
        "base-text": "rgb(224, 224, 224)"
      }
    }
  },
  "naiveui": {
    "Alert": {
      "borderRadiusMedium": "12px",
      "fontWeightStrong": "600",
      "paddingMedium": "0 20px"
    },
    "Card": {
      "borderRadius": "16px",
      "paddingMedium": "24px"
    },
    "Input": {
      "borderRadius": "10px"
    }
  }
 }
--- a/src/theme/preset/compact.json
+++ b/src/theme/preset/compact.json
@@ -2,12 +2,32 @@
  "name": "Compact Preset",
  "desc": "Compact layout preset for small screens",
  "i18nkey": "theme.appearance.preset.compact",
-  "version": "1.0.1",
+  "version": "1.0.0",
-  "themeRadius": 6,
+  "themeScheme": "light",
  "grayscale": false,
  "colourWeakness": false,
  "recommendColor": false,
  "themeColor": "#646cff",
  "otherColor": {
    "info": "#2080f0",
    "success": "#52c41a",
    "warning": "#faad14",
    "error": "#f5222d"
  },
  "isInfoFollowPrimary": true,
  "layout": {
    "mode": "vertical",
    "scrollMode": "content"
  },
  "page": {
    "animate": true,
    "animateMode": "fade-slide"
  },
  "header": {
    "height": 48,
    "breadcrumb": {
-      "visible": false
+      "visible": true,
      "showIcon": true
    },
    "multilingual": {
      "visible": false
@@ -20,9 +40,9 @@
    "visible": true,
    "cache": true,
    "height": 36,
-    "mode": "button",
+    "mode": "button"
    "closeTabByMiddleClick": false
  },
  "fixedHeaderAndTab": true,
  "sider": {
    "inverted": false,
    "width": 180,
@@ -32,6 +52,38 @@
    "mixChildMenuWidth": 180
  },
  "footer": {
-    "visible": false
+    "visible": false,
    "fixed": false,
    "height": 40,
    "right": true
  },
  "watermark": {
    "visible": false,
    "text": "SoybeanAdmin",
    "enableUserName": false,
    "enableTime": false,
    "timeFormat": "YYYY-MM-DD HH:mm"
  },
  "tokens": {
    "light": {
      "colors": {
        "container": "rgb(255, 255, 255)",
        "layout": "rgb(247, 250, 252)",
        "inverted": "rgb(0, 20, 40)",
        "base-text": "rgb(31, 31, 31)"
      },
      "boxShadow": {
        "header": "0 1px 2px rgb(0, 21, 41, 0.08)",
        "sider": "2px 0 8px 0 rgb(29, 35, 41, 0.05)",
        "tab": "0 1px 2px rgb(0, 21, 41, 0.08)"
      }
    },
    "dark": {
      "colors": {
        "container": "rgb(28, 28, 28)",
        "layout": "rgb(18, 18, 18)",
        "base-text": "rgb(224, 224, 224)"
      }
    }
  }
 }
--- a/src/theme/preset/dark.json
+++ b/src/theme/preset/dark.json
@@ -2,19 +2,18 @@
  "name": "Dark Preset",
  "desc": "Dark theme preset for night time usage",
  "i18nkey": "theme.appearance.preset.dark",
-  "version": "1.0.1",
+  "version": "1.0.0",
  "themeScheme": "dark",
  "grayscale": false,
  "colourWeakness": false,
  "recommendColor": false,
-  "themeColor": "#646cff",
+  "themeColor": "#409eff",
  "otherColor": {
    "info": "#2080f0",
    "success": "#52c41a",
    "warning": "#faad14",
    "error": "#f5222d"
  },
  "themeRadius": 6,
  "isInfoFollowPrimary": true,
  "layout": {
    "mode": "vertical",
@@ -41,12 +40,11 @@
    "visible": true,
    "cache": true,
    "height": 44,
-    "mode": "chrome",
+    "mode": "chrome"
    "closeTabByMiddleClick": false
  },
  "fixedHeaderAndTab": true,
  "sider": {
-    "inverted": false,
+    "inverted": true,
    "width": 220,
    "collapsedWidth": 64,
    "mixWidth": 90,
--- a/src/theme/preset/default.json
+++ b/src/theme/preset/default.json
@@ -14,7 +14,6 @@
    "warning": "#faad14",
    "error": "#f5222d"
  },
  "themeRadius": 6,
  "isInfoFollowPrimary": true,
  "layout": {
    "mode": "vertical",
@@ -41,8 +40,7 @@
    "visible": true,
    "cache": true,
    "height": 44,
-    "mode": "chrome",
+    "mode": "chrome"
    "closeTabByMiddleClick": false
  },
  "fixedHeaderAndTab": true,
  "sider": {
--- a/src/theme/settings.ts
+++ b/src/theme/settings.ts
@@ -5,7 +5,6 @@ export const themeSettings: App.Theme.ThemeSetting = {
  colourWeakness: false,
  recommendColor: false,
  themeColor: '#646cff',
  themeRadius: 6,
  otherColor: {
    info: '#2080f0',
    success: '#52c41a',
@@ -38,8 +37,7 @@ export const themeSettings: App.Theme.ThemeSetting = {
    visible: true,
    cache: true,
    height: 44,
-    mode: 'chrome',
+    mode: 'chrome'
    closeTabByMiddleClick: false
  },
  fixedHeaderAndTab: true,
  sider: {
@@ -48,8 +46,7 @@ export const themeSettings: App.Theme.ThemeSetting = {
    collapsedWidth: 64,
    mixWidth: 90,
    mixCollapsedWidth: 64,
-    mixChildMenuWidth: 200,
+    mixChildMenuWidth: 200
    autoSelectFirstMenu: false
  },
  footer: {
    visible: true,
--- a/src/typings/api/common.d.ts
+++ b/src/typings/api/common.d.ts
@@ -5,46 +5,38 @@
 */
 declare namespace Api {
  namespace Common {
-    /** common params of paginating */
+    interface CreatedUpdatedDTO {
-    interface PaginatingCommonParams {
+      /** 创建人 */
-      /** current page number */
+      createdBy: string;
-      current: number;
+      /** 创建时间 */
-      /** page size */
+      createdTime: string;
-      size: number;
+      /** 更新人 */
-      /** total count */
+      updatedBy: string;
      /** 更新时间 */
      updatedTime: string;
    }
    interface CommonRecordDTO extends CreatedUpdatedDTO {
      /** 主键 */
      id: number;
      /**
       * 启用状态 Enable status
       *
       * - "1": 启用
       * - "2": 禁用
       */
      status: Union.EnableStatus | null;
    }
    interface PaginationQueryDTO {
      page: number;
      pageSize: number;
      sort: string;
    }
    interface PaginationDTO extends Pick<PaginationQueryDTO, 'page' | 'pageSize'> {
      /** 总条数 */
      total: number;
    }
    /** common params of paginating query list data */
    interface PaginatingQueryRecord<T = any> extends PaginatingCommonParams {
      records: T[];
    }
    /** common search params of table */
    type CommonSearchParams = Pick<Common.PaginatingCommonParams, 'current' | 'size'>;
    /**
     * enable status
     *
     * - "1": enabled
     * - "2": disabled
     */
    type EnableStatus = '1' | '2';
    /** common record */
    type CommonRecord<T = any> = {
      /** record id */
      id: number;
      /** record creator */
      createBy: string;
      /** record create time */
      createTime: string;
      /** record updater */
      updateBy: string;
      /** record update time */
      updateTime: string;
      /** record status */
      status: EnableStatus | null;
    } & T;
  }
 }
--- a/src/typings/api/menu.d.ts
+++ b/src/typings/api/menu.d.ts
@@ -0,0 +1,42 @@
 declare namespace Api {
  namespace Menu {
    type RouteKey = import('@elegant-router/types').RouteKey;
    interface Menu extends Common.CommonRecordDTO {
      /** 菜单名称 */
      name: string;
      /** 菜单类型 */
      menuType: Union.MenuType;
      /** 菜单描述 */
      description?: string | null;
      /** 菜单图标 */
      icon?: string | null;
      /** 菜单图标类型 */
      iconType?: string | null;
      /** 父级菜单ID */
      parentId?: number | null;
      /** 菜单排序 */
      order?: number | null;
      /** 是否隐藏 */
      isHidden?: boolean | null;
      /** iframe 页面URL */
      iframeUrl?: string | null;
      /** 链接 */
      href?: string | null;
      /** 路由名称 */
      routeName?: RouteKey | null;
      /** 路由查询参数 */
      routeQueries?: Record<string, string | number | boolean> | null;
      /** 路由路径参数 */
      routeParams?: Record<string, string | number | boolean> | null;
    }
    interface MenuListDTO extends Common.PaginationDTO {
      list: Menu[];
    }
    interface MenuTreeDTO extends Menu {
      children?: MenuTreeDTO[];
    }
  }
 }
--- a/src/typings/api/route.d.ts
+++ b/src/typings/api/route.d.ts
@@ -1,19 +1,34 @@
 declare namespace Api {
  /**
   * namespace Route
   *
   * backend api module: "route"
   */
  namespace Route {
-    type ElegantConstRoute = import('@elegant-router/types').ElegantConstRoute;
+    interface RouteDTO extends Common.CommonRecordDTO {
-
+      /** 路由路径 */
-    interface MenuRoute extends ElegantConstRoute {
+      path: string;
-      id: string;
+      /** 路由名称 */
      name: string;
      /** 路由布局 */
      layout: string;
      /** 路由组件 */
      component: string;
      /** 重定向路径 */
      redirect?: string | null;
      /** 路由图标 */
      icon?: string | null;
      /** 路由图标类型 */
      iconType?: string | null;
      /** 是否缓存 */
      isCache?: boolean | null;
      /** 是否支持多开 */
      isMultiple?: boolean | null;
      /** 固定索引 */
      fixedIndex?: number | null;
      /** 是否需要权限 */
      requireAuth?: boolean | null;
      /** 路由属性 */
      props?: Record<string, string | number | boolean> | null;
    }
-    interface UserRoute {
+    interface RouteListDTO extends Common.PaginationDTO {
-      routes: MenuRoute[];
+      list: RouteDTO[];
      home: import('@elegant-router/types').LastLevelRouteKey;
    }
  }
 }
--- a/src/typings/api/union.d.ts
+++ b/src/typings/api/union.d.ts
@@ -0,0 +1,31 @@
 declare namespace Api {
  namespace Union {
    /**
     * 是否 Yes or No
     *
     * - "Y": yes
     * - "N": no
     */
    type YesOrNo = 'Y' | 'N';
    /**
     * 启用状态 Enable status
     *
     * - "1": 启用
     * - "2": 禁用
     */
    type EnableStatus = '1' | '2';
    /**
     * 菜单类型
     *
     * - "directory": 目录
     * - "menu": 菜单
     * - "iframe": iframe 页面（iframe 嵌入页面）
     * - "link": 链接（跳转外部链接）
     * - "page": 页面（不展示在菜单中，可用于作为菜单类型的子菜单展示在面包屑中）
     * - "other": 其他（作用自行定义）
     */
    type MenuType = 'page' | 'directory' | 'menu' | 'iframe' | 'link' | 'other';
  }
 }
--- a/src/typings/app.d.ts
+++ b/src/typings/app.d.ts
@@ -4,9 +4,6 @@ declare namespace App {
  namespace Theme {
    type ColorPaletteNumber = import('@sa/color').ColorPaletteNumber;
    /** NaiveUI theme overrides that can be specified in preset */
    type NaiveUIThemeOverride = import('naive-ui').GlobalThemeOverrides;
    /** Theme setting */
    interface ThemeSetting {
      /** Theme scheme */
@@ -19,8 +16,6 @@ declare namespace App {
      recommendColor: boolean;
      /** Theme color */
      themeColor: string;
      /** Theme radius */
      themeRadius: number;
      /** Other color */
      otherColor: OtherColor;
      /** Whether info color is followed by the primary color */
@@ -74,8 +69,6 @@ declare namespace App {
        height: number;
        /** Tab mode */
        mode: UnionKey.ThemeTabMode;
        /** Whether to close tab by middle click */
        closeTabByMiddleClick: boolean;
      };
      /** Fixed header and tab */
      fixedHeaderAndTab: boolean;
@@ -96,8 +89,6 @@ declare namespace App {
        mixCollapsedWidth: number;
        /** Child menu width when the layout is 'vertical-mix', 'top-hybrid-sidebar-first', or 'top-hybrid-header-first' */
        mixChildMenuWidth: number;
        /** Whether to auto select the first submenu */
        autoSelectFirstMenu: boolean;
      };
      /** Footer */
      footer: {
@@ -188,9 +179,9 @@ declare namespace App {
    type VNode = import('vue').VNode;
    type RouteLocationNormalizedLoaded = import('vue-router').RouteLocationNormalizedLoaded;
    type RouteKey = import('@elegant-router/types').RouteKey;
-    type RouteMap = import('@elegant-router/types').RouteMap;
+    type RoutePathMap = import('@elegant-router/types').RoutePathMap;
    type RoutePath = import('@elegant-router/types').RoutePath;
-    type LastLevelRouteKey = import('@elegant-router/types').LastLevelRouteKey;
+    type RouteFileKey = import('@elegant-router/types').RouteFileKey;
    /** The router push options */
    type RouterPushOptions = {
@@ -208,83 +199,31 @@ declare namespace App {
      showMenu?: boolean;
    }
    type MenuType = 'page' | 'directory' | 'menu' | 'iframe' | 'link' | 'button' | 'other';
    /** The global menu */
-    type Menu = {
+    interface Menu {
-      /**
+      id: number;
-       * The menu key
+      name: string;
-       *
+      menuType: MenuType;
-       * Equal to the route key
+      description?: string | null;
-       */
+      icon?: string | null;
-      key: string;
+      iconType?: string | null;
-      /** The menu label */
+      parentId?: number | null;
-      label: string;
+      order?: number | null;
-      /** The menu i18n key */
+      isHidden?: boolean | null;
-      i18nKey?: I18n.I18nKey | null;
+      iframeUrl?: string | null;
-      /** The route key */
+      href?: string | null;
-      routeKey: RouteKey;
+      routeName?: RouteKey | null;
-      /** The route path */
+      routeQueries?: Record<string, string | number | boolean> | null;
-      routePath: RoutePath;
+      routeParams?: Record<string, string | number | boolean> | null;
-      /** The menu icon */
+    }
      icon?: () => VNode;
      /** The menu children */
      children?: Menu[];
    };
    type Breadcrumb = Omit<Menu, 'children'> & {
      options?: Breadcrumb[];
    };
    /** Tab route */
    type TabRoute = Pick<RouteLocationNormalizedLoaded, 'name' | 'path' | 'meta'> &
      Partial<Pick<RouteLocationNormalizedLoaded, 'fullPath' | 'query' | 'matched'>>;
    /** The global tab */
    type Tab = {
      /** The tab id */
      id: string;
      /** The tab label */
      label: string;
      /**
       * The new tab label
       *
       * If set, the tab label will be replaced by this value
       */
      newLabel?: string;
      /**
       * The old tab label
       *
       * when reset the tab label, the tab label will be replaced by this value
       */
      oldLabel?: string;
      /** The tab route key */
      routeKey: LastLevelRouteKey;
      /** The tab route path */
      routePath: RouteMap[LastLevelRouteKey];
      /** The tab route full path */
      fullPath: string;
      /** The tab fixed index */
      fixedIndex?: number | null;
      /**
       * Tab icon
       *
       * Iconify icon
       */
      icon?: string;
      /**
       * Tab local icon
       *
       * Local icon
       */
      localIcon?: string;
      /** I18n key */
      i18nKey?: I18n.I18nKey | null;
    };
    /** Form rule */
    type FormRule = import('naive-ui').FormItemRule;
    /** The global dropdown key */
-    type DropdownKey = 'closeCurrent' | 'closeOther' | 'closeLeft' | 'closeRight' | 'closeAll' | 'pin' | 'unpin';
+    type DropdownKey = 'closeCurrent' | 'closeOther' | 'closeLeft' | 'closeRight' | 'closeAll';
  }
  /**
@@ -386,9 +325,6 @@ declare namespace App {
          } & Record<Theme.ThemeColorKey, string>;
          recommendColor: string;
          recommendColorDesc: string;
          themeRadius: {
            title: string;
          };
          preset: {
            title: string;
            apply: string;
@@ -412,8 +348,6 @@ declare namespace App {
            cacheTip: string;
            height: string;
            mode: { title: string } & Record<UnionKey.ThemeTabMode, string>;
            closeByMiddleClick: string;
            closeByMiddleClickTip: string;
          };
          header: {
            title: string;
@@ -431,8 +365,6 @@ declare namespace App {
            mixWidth: string;
            mixCollapsedWidth: string;
            mixChildMenuWidth: string;
            autoSelectFirstMenu: string;
            autoSelectFirstMenuTip: string;
          };
          footer: {
            title: string;
--- a/src/typings/components.d.ts
+++ b/src/typings/components.d.ts
@@ -1,12 +1,8 @@
 /* eslint-disable */
 // @ts-nocheck
 // biome-ignore lint: disable
 // oxlint-disable
 // ------
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-import { GlobalComponents } from 'vue'
+// biome-ignore lint: disable
 export {}
 /* prettier-ignore */
@@ -70,6 +66,7 @@ declare module 'vue' {
    NSwitch: typeof import('naive-ui')['NSwitch']
    NTab: typeof import('naive-ui')['NTab']
    NTabs: typeof import('naive-ui')['NTabs']
    NTag: typeof import('naive-ui')['NTag']
    NThing: typeof import('naive-ui')['NThing']
    NTooltip: typeof import('naive-ui')['NTooltip']
    NWatermark: typeof import('naive-ui')['NWatermark']
@@ -86,79 +83,3 @@ declare module 'vue' {
    WaveBg: typeof import('./../components/custom/wave-bg.vue')['default']
  }
 }
 // For TSX support
 declare global {
  const AppProvider: typeof import('./../components/common/app-provider.vue')['default']
  const BetterScroll: typeof import('./../components/custom/better-scroll.vue')['default']
  const ButtonIcon: typeof import('./../components/custom/button-icon.vue')['default']
  const CountTo: typeof import('./../components/custom/count-to.vue')['default']
  const DarkModeContainer: typeof import('./../components/common/dark-mode-container.vue')['default']
  const ExceptionBase: typeof import('./../components/common/exception-base.vue')['default']
  const FullScreen: typeof import('./../components/common/full-screen.vue')['default']
  const IconAntDesignEnterOutlined: typeof import('~icons/ant-design/enter-outlined')['default']
  const IconAntDesignReloadOutlined: typeof import('~icons/ant-design/reload-outlined')['default']
  const IconGridiconsFullscreen: typeof import('~icons/gridicons/fullscreen')['default']
  const IconGridiconsFullscreenExit: typeof import('~icons/gridicons/fullscreen-exit')['default']
  const IconLocalBanner: typeof import('~icons/local/banner')['default']
  const IconLocalLogo: typeof import('~icons/local/logo')['default']
  const IconMdiArrowDownThin: typeof import('~icons/mdi/arrow-down-thin')['default']
  const IconMdiArrowUpThin: typeof import('~icons/mdi/arrow-up-thin')['default']
  const IconMdiKeyboardEsc: typeof import('~icons/mdi/keyboard-esc')['default']
  const IconMdiKeyboardReturn: typeof import('~icons/mdi/keyboard-return')['default']
  const IconTooltip: typeof import('./../components/common/icon-tooltip.vue')['default']
  const IconUilSearch: typeof import('~icons/uil/search')['default']
  const LangSwitch: typeof import('./../components/common/lang-switch.vue')['default']
  const LookForward: typeof import('./../components/custom/look-forward.vue')['default']
  const MenuToggler: typeof import('./../components/common/menu-toggler.vue')['default']
  const NAlert: typeof import('naive-ui')['NAlert']
  const NBadge: typeof import('naive-ui')['NBadge']
  const NBreadcrumb: typeof import('naive-ui')['NBreadcrumb']
  const NBreadcrumbItem: typeof import('naive-ui')['NBreadcrumbItem']
  const NButton: typeof import('naive-ui')['NButton']
  const NCard: typeof import('naive-ui')['NCard']
  const NCheckbox: typeof import('naive-ui')['NCheckbox']
  const NColorPicker: typeof import('naive-ui')['NColorPicker']
  const NDialogProvider: typeof import('naive-ui')['NDialogProvider']
  const NDivider: typeof import('naive-ui')['NDivider']
  const NDrawer: typeof import('naive-ui')['NDrawer']
  const NDrawerContent: typeof import('naive-ui')['NDrawerContent']
  const NDropdown: typeof import('naive-ui')['NDropdown']
  const NEmpty: typeof import('naive-ui')['NEmpty']
  const NForm: typeof import('naive-ui')['NForm']
  const NFormItem: typeof import('naive-ui')['NFormItem']
  const NGi: typeof import('naive-ui')['NGi']
  const NGrid: typeof import('naive-ui')['NGrid']
  const NInput: typeof import('naive-ui')['NInput']
  const NInputGroup: typeof import('naive-ui')['NInputGroup']
  const NInputNumber: typeof import('naive-ui')['NInputNumber']
  const NList: typeof import('naive-ui')['NList']
  const NListItem: typeof import('naive-ui')['NListItem']
  const NLoadingBarProvider: typeof import('naive-ui')['NLoadingBarProvider']
  const NMenu: typeof import('naive-ui')['NMenu']
  const NMessageProvider: typeof import('naive-ui')['NMessageProvider']
  const NModal: typeof import('naive-ui')['NModal']
  const NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
  const NPopover: typeof import('naive-ui')['NPopover']
  const NScrollbar: typeof import('naive-ui')['NScrollbar']
  const NSelect: typeof import('naive-ui')['NSelect']
  const NSpace: typeof import('naive-ui')['NSpace']
  const NStatistic: typeof import('naive-ui')['NStatistic']
  const NSwitch: typeof import('naive-ui')['NSwitch']
  const NTab: typeof import('naive-ui')['NTab']
  const NTabs: typeof import('naive-ui')['NTabs']
  const NThing: typeof import('naive-ui')['NThing']
  const NTooltip: typeof import('naive-ui')['NTooltip']
  const NWatermark: typeof import('naive-ui')['NWatermark']
  const PinToggler: typeof import('./../components/common/pin-toggler.vue')['default']
  const ReloadButton: typeof import('./../components/common/reload-button.vue')['default']
  const RouterLink: typeof import('vue-router')['RouterLink']
  const RouterView: typeof import('vue-router')['RouterView']
  const SoybeanAvatar: typeof import('./../components/custom/soybean-avatar.vue')['default']
  const SvgIcon: typeof import('./../components/custom/svg-icon.vue')['default']
  const SystemLogo: typeof import('./../components/common/system-logo.vue')['default']
  const TableColumnSetting: typeof import('./../components/advanced/table-column-setting.vue')['default']
  const TableHeaderOperation: typeof import('./../components/advanced/table-header-operation.vue')['default']
  const ThemeSchemaSwitch: typeof import('./../components/common/theme-schema-switch.vue')['default']
  const WaveBg: typeof import('./../components/custom/wave-bg.vue')['default']
 }
--- a/src/typings/elegant-router.d.ts
+++ b/src/typings/elegant-router.d.ts
@@ -1,240 +1,100 @@
 /* eslint-disable */
 /* prettier-ignore */
 /* oxlint-disable */
 // biome-ignore lint: disable
 // Generated by elegant-router
 // Read more: https://github.com/soybeanjs/elegant-router
 declare module "@elegant-router/types" {
-  type ElegantConstRoute = import('@elegant-router/vue').ElegantConstRoute;
+  type RouteRecordSingleView = import("vue-router").RouteRecordSingleView;
  type RouteRecordRedirect = import("vue-router").RouteRecordRedirect;
  type RouteComponent = import("vue-router").RouteComponent;
  type Lazy<T> = () => Promise<T>;
  export type RawRouteComponent = RouteComponent | Lazy<RouteComponent>;
  /**
-   * route layout
+   * route layout key
   */
-  export type RouteLayout = "base" | "blank";
+  export type RouteLayoutKey = "base" | "blank";
  /**
-   * route map
+   * route path map
   */
-  export type RouteMap = {
+  export type RoutePathMap = {
-    "root": "/";
+    "Root": "/";
-    "not-found": "/:pathMatch(.*)*";
+    "NotFound": "/:pathMatch(.*)*";
    "403": "/403";
    "404": "/404";
    "500": "/500";
-    "home": "/home";
+    "Home": "/home";
-    "iframe-page": "/iframe-page/:url";
+    "IframeUrl": "/iframe/:url";
-    "login": "/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?";
+    "Login": "/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?";
    "ManageMenu": "/manage/menu";
    "ManageRole": "/manage/role";
    "ManageRoute": "/manage/route";
    "ManageUser": "/manage/user";
    "Wip": "/wip";
  };
  /**
   * route key
   */
-  export type RouteKey = keyof RouteMap;
+  export type RouteKey = keyof RoutePathMap;
  /**
   * route path
   */
-  export type RoutePath = RouteMap[RouteKey];
+  export type RoutePath = RoutePathMap[RouteKey];
  /**
-   * custom route key
+   * root route key
   */
-  export type CustomRouteKey = Extract<
+  export type RootRouteKey = 'Root';
    RouteKey,
    | "root"
    | "not-found"
  >;
  /**
-   * the generated route key
+   * not found route key
   */
-  export type GeneratedRouteKey = Exclude<RouteKey, CustomRouteKey>;
+  export type NotFoundRouteKey = 'NotFound';
  /**
-   * the first level route key, which contain the layout of the route
+   * builtin route key
   */
-  export type FirstLevelRouteKey = Extract<
+  export type BuiltinRouteKey = RootRouteKey | NotFoundRouteKey;
    RouteKey,
    | "403"
    | "404"
    | "500"
    | "home"
    | "iframe-page"
    | "login"
  >;
  /**
-   * the custom first level route key
+   * reuse route key
   */
-  export type CustomFirstLevelRouteKey = Extract<
+  export type ReuseRouteKey = never;
    CustomRouteKey,
    | "root"
    | "not-found"
  >;
  /**
-   * the last level route key, which has the page file
+   * the route file key, which has it's own file
   */
-  export type LastLevelRouteKey = Extract<
+  export type RouteFileKey = Exclude<RouteKey, BuiltinRouteKey | ReuseRouteKey>;
    RouteKey,
    | "403"
    | "404"
    | "500"
    | "iframe-page"
    | "login"
    | "home"
  >;
  /**
-   * the custom last level route key
+   * mapped name and path
   */
-  export type CustomLastLevelRouteKey = Extract<
+  type MappedNamePath = {
-    CustomRouteKey,
+    [K in RouteKey]: { name: K; path: RoutePathMap[K] };
-    | "root"
+  }[RouteKey];
    | "not-found"
  >;
  /**
-   * the single level route key
+   * auto router single view
   */
-  export type SingleLevelRouteKey = FirstLevelRouteKey & LastLevelRouteKey;
+  export type AutoRouterSingleView = Omit<RouteRecordSingleView, 'component' | 'name' | 'path'> & {
    component: RouteFileKey;
    layout: RouteLayoutKey;
  } & MappedNamePath;
  /**
-   * the custom single level route key
+   * auto router redirect
   */
-  export type CustomSingleLevelRouteKey = CustomFirstLevelRouteKey & CustomLastLevelRouteKey;
+  export type AutoRouterRedirect = Omit<RouteRecordRedirect, 'children' | 'name' | 'path'> & MappedNamePath;
  /**
-   * the first level route key, but not the single level
+   * auto router route
   */
-  export type FirstLevelRouteNotSingleKey = Exclude<FirstLevelRouteKey, SingleLevelRouteKey>;
+  export type AutoRouterRoute = AutoRouterSingleView | AutoRouterRedirect;
  /**
   * the custom first level route key, but not the single level
   */
  export type CustomFirstLevelRouteNotSingleKey = Exclude<CustomFirstLevelRouteKey, CustomSingleLevelRouteKey>;
  /**
   * the center level route key
   */
  export type CenterLevelRouteKey = Exclude<GeneratedRouteKey, FirstLevelRouteKey | LastLevelRouteKey>;
  /**
   * the custom center level route key
   */
  export type CustomCenterLevelRouteKey = Exclude<CustomRouteKey, CustomFirstLevelRouteKey | CustomLastLevelRouteKey>;
  /**
   * the center level route key
   */
  type GetChildRouteKey<K extends RouteKey, T extends RouteKey = RouteKey> = T extends `${K}_${infer R}`
    ? R extends `${string}_${string}`
      ? never
      : T
    : never;
  /**
   * the single level route
   */
  type SingleLevelRoute<K extends SingleLevelRouteKey = SingleLevelRouteKey> = K extends string
    ? Omit<ElegantConstRoute, 'children'> & {
        name: K;
        path: RouteMap[K];
        component: `layout.${RouteLayout}$view.${K}`;
      }
    : never;
  /**
   * the last level route
   */
  type LastLevelRoute<K extends GeneratedRouteKey> = K extends LastLevelRouteKey
    ? Omit<ElegantConstRoute, 'children'> & {
        name: K;
        path: RouteMap[K];
        component: `view.${K}`;
      }
    : never;
  /**
   * the center level route
   */
  type CenterLevelRoute<K extends GeneratedRouteKey> = K extends CenterLevelRouteKey
    ? Omit<ElegantConstRoute, 'component'> & {
        name: K;
        path: RouteMap[K];
        children: (CenterLevelRoute<GetChildRouteKey<K>> | LastLevelRoute<GetChildRouteKey<K>>)[];
      }
    : never;
  /**
   * the multi level route
   */
  type MultiLevelRoute<K extends FirstLevelRouteNotSingleKey = FirstLevelRouteNotSingleKey> = K extends string
    ? ElegantConstRoute & {
        name: K;
        path: RouteMap[K];
        component: `layout.${RouteLayout}`;
        children: (CenterLevelRoute<GetChildRouteKey<K>> | LastLevelRoute<GetChildRouteKey<K>>)[];
      }
    : never;
  /**
   * the custom first level route
   */
  type CustomSingleLevelRoute<K extends CustomFirstLevelRouteKey = CustomFirstLevelRouteKey> = K extends string
    ? Omit<ElegantConstRoute, 'children'> & {
        name: K;
        path: RouteMap[K];
        component?: `layout.${RouteLayout}$view.${LastLevelRouteKey}`;
      }
    : never;
  /**
   * the custom last level route
   */
  type CustomLastLevelRoute<K extends CustomRouteKey> = K extends CustomLastLevelRouteKey
    ? Omit<ElegantConstRoute, 'children'> & {
        name: K;
        path: RouteMap[K];
        component?: `view.${LastLevelRouteKey}`;
      }
    : never;
  /**
   * the custom center level route
   */
  type CustomCenterLevelRoute<K extends CustomRouteKey> = K extends CustomCenterLevelRouteKey
    ? Omit<ElegantConstRoute, 'component'> & {
        name: K;
        path: RouteMap[K];
        children: (CustomCenterLevelRoute<GetChildRouteKey<K>> | CustomLastLevelRoute<GetChildRouteKey<K>>)[];
      }
    : never;
  /**
   * the custom multi level route
   */
  type CustomMultiLevelRoute<K extends CustomFirstLevelRouteNotSingleKey = CustomFirstLevelRouteNotSingleKey> =
    K extends string
      ? ElegantConstRoute & {
          name: K;
          path: RouteMap[K];
          component: `layout.${RouteLayout}`;
          children: (CustomCenterLevelRoute<GetChildRouteKey<K>> | CustomLastLevelRoute<GetChildRouteKey<K>>)[];
        }
      : never;
  /**
   * the custom route
   */
  type CustomRoute = CustomSingleLevelRoute | CustomMultiLevelRoute;
  /**
   * the generated route
   */
  type GeneratedRoute = SingleLevelRoute | MultiLevelRoute;
  /**
   * the elegant route
   */
  type ElegantRoute = GeneratedRoute | CustomRoute;
 }
--- a/src/typings/router.d.ts
+++ b/src/typings/router.d.ts
@@ -1,7 +1,7 @@
-import 'vue-router';
+export {};
 declare module 'vue-router' {
-  interface RouteMeta {
+  export interface RouteMeta {
    /**
     * Title of the route
     *
--- a/src/typings/typed-router.d.ts
+++ b/src/typings/typed-router.d.ts
@@ -0,0 +1,40 @@
 /* eslint-disable */
 // @ts-nocheck
 /* prettier-ignore */
 /* oxlint-disable */
 // biome-ignore lint: disable
 // Generated by elegant-router
 // Read more: https://github.com/soybeanjs/elegant-router
 export {}
 declare module "vue-router" {
  type RouteNamedMap = import("vue-router/auto-routes").RouteNamedMap;
  export interface TypesConfig {
    RouteNamedMap: RouteNamedMap;
  }
 }
 declare module "vue-router/auto-routes" {
  import type { RouteParamsRawGeneric, RouteParamsGeneric, RouteMeta, RouteRecordInfo, ParamValue, ParamValueZeroOrOne } from "vue-router";
  /**
   * route named map
  */
  export interface RouteNamedMap {
    "Root": RouteRecordInfo<"Root", "/", Record<never, never>, Record<never, never>>;
    "NotFound": RouteRecordInfo<"NotFound", "/:pathMatch(.*)*", Record<never, never>, Record<never, never>>;
    "403": RouteRecordInfo<"403", "/403", Record<never, never>, Record<never, never>>;
    "404": RouteRecordInfo<"404", "/404", Record<never, never>, Record<never, never>>;
    "500": RouteRecordInfo<"500", "/500", Record<never, never>, Record<never, never>>;
    "Home": RouteRecordInfo<"Home", "/home", Record<never, never>, Record<never, never>>;
    "IframeUrl": RouteRecordInfo<"IframeUrl", "/iframe/:url", { url: ParamValue<true> }, { url: ParamValue<false> }>;
    "Login": RouteRecordInfo<"Login", "/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?", { module?: ParamValueZeroOrOne<true> }, { module?: ParamValueZeroOrOne<false> }>;
    "ManageMenu": RouteRecordInfo<"ManageMenu", "/manage/menu", Record<never, never>, Record<never, never>>;
    "ManageRole": RouteRecordInfo<"ManageRole", "/manage/role", Record<never, never>, Record<never, never>>;
    "ManageRoute": RouteRecordInfo<"ManageRoute", "/manage/route", Record<never, never>, Record<never, never>>;
    "ManageUser": RouteRecordInfo<"ManageUser", "/manage/user", Record<never, never>, Record<never, never>>;
    "Wip": RouteRecordInfo<"Wip", "/wip", Record<never, never>, Record<never, never>>
  }
 }
--- a/src/views/(builtin)/403/index.vue
+++ b/src/views/(builtin)/403/index.vue
--- a/src/views/(builtin)/404/index.vue
+++ b/src/views/(builtin)/404/index.vue
--- a/src/views/(builtin)/500/index.vue
+++ b/src/views/(builtin)/500/index.vue
--- a/src/views/_builtin/iframe-page/[url].vue
+++ b/src/views/_builtin/iframe-page/[url].vue
--- a/src/views/(builtin)/login/index.vue
+++ b/src/views/(builtin)/login/index.vue
--- a/src/views/(builtin)/login/modules/bind-wechat.vue
+++ b/src/views/(builtin)/login/modules/bind-wechat.vue
--- a/src/views/(builtin)/login/modules/code-login.vue
+++ b/src/views/(builtin)/login/modules/code-login.vue
--- a/src/views/(builtin)/login/modules/pwd-login.vue
+++ b/src/views/(builtin)/login/modules/pwd-login.vue
--- a/src/views/(builtin)/login/modules/register.vue
+++ b/src/views/(builtin)/login/modules/register.vue
--- a/src/views/(builtin)/login/modules/reset-pwd.vue
+++ b/src/views/(builtin)/login/modules/reset-pwd.vue
--- a/src/views/(builtin)/wip/index.vue
+++ b/src/views/(builtin)/wip/index.vue
@@ -0,0 +1,5 @@
 <script setup lang="ts"></script>
 <template>
  <LookForward />
 </template>
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -15,7 +15,7 @@ const gap = computed(() => (appStore.isMobile ? 0 : 16));
 <template>
  <NSpace vertical :size="16">
-    <NAlert :title="$t('common.tip')" type="warning">
+    <NAlert :title="$t('common.warning')" type="warning">
      {{ $t('page.home.branchDesc') }}
    </NAlert>
    <HeaderBanner />
--- a/src/views/home/modules/card-data.vue
+++ b/src/views/home/modules/card-data.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { createReusableTemplate } from '@vueuse/core';
 import { useThemeStore } from '@/store/modules/theme';
 import { $t } from '@/locales';
 defineOptions({
@@ -73,8 +72,6 @@ interface GradientBgProps {
 const [DefineGradientBg, GradientBg] = createReusableTemplate<GradientBgProps>();
 const themeStore = useThemeStore();
 function getGradientColor(color: CardData['color']) {
  return `linear-gradient(to bottom right, ${color.start}, ${color.end})`;
 }
@@ -84,10 +81,7 @@ function getGradientColor(color: CardData['color']) {
  <NCard :bordered="false" size="small" class="card-wrapper">
    <!-- define component start: GradientBg -->
    <DefineGradientBg v-slot="{ $slots, gradientColor }">
-      <div
+      <div class="rd-8px px-16px pb-4px pt-8px text-white" :style="{ backgroundImage: gradientColor }">
        class="px-16px pb-4px pt-8px text-white"
        :style="{ backgroundImage: gradientColor, borderRadius: themeStore.themeRadius + 'px' }"
      >
        <component :is="$slots.default" />
      </div>
    </DefineGradientBg>
--- a/src/views/home/modules/line-chart.vue
+++ b/src/views/home/modules/line-chart.vue
@@ -21,14 +21,13 @@ const { domRef, updateOptions } = useEcharts(() => ({
    }
  },
  legend: {
-    data: [$t('page.home.downloadCount'), $t('page.home.registerCount')],
+    data: [$t('page.home.downloadCount'), $t('page.home.registerCount')]
    top: '0'
  },
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
-    top: '15%'
+    containLabel: true
  },
  xAxis: {
    type: 'category',
--- a/src/views/manage/menu/index.vue
+++ b/src/views/manage/menu/index.vue
@@ -0,0 +1,5 @@
 <script setup lang="ts"></script>
 <template>
  <div>ManageMenu</div>
 </template>
--- a/src/views/manage/role/index.vue
+++ b/src/views/manage/role/index.vue
@@ -0,0 +1,5 @@
 <script setup lang="ts"></script>
 <template>
  <div>ManageRole</div>
 </template>
--- a/src/views/manage/route/index.vue
+++ b/src/views/manage/route/index.vue
@@ -0,0 +1,5 @@
 <script setup lang="ts"></script>
 <template>
  <div>ManageRoute</div>
 </template>
--- a/src/views/manage/user/index.vue
+++ b/src/views/manage/user/index.vue
@@ -0,0 +1,5 @@
 <script setup lang="ts"></script>
 <template>
  <div>ManageUser</div>
 </template>