mirror of
https://github.com/soybeanjs/soybean-admin.git
synced 2025-10-14 05:43:41 +08:00
Compare commits
1 Commits
v1.3.12
...
tauri-v1.2
| Author | SHA1 | Date | |
|---|---|---|---|
|
5063b8657d |
10
.env
10
.env
@@ -1,5 +1,3 @@
|
|||||||
# the base url of the application, the default is "/"
|
|
||||||
# if use a sub directory, it must be end with "/", like "/admin/" but not "/admin"
|
|
||||||
VITE_BASE_URL=/
|
VITE_BASE_URL=/
|
||||||
|
|
||||||
VITE_APP_TITLE=SoybeanAdmin
|
VITE_APP_TITLE=SoybeanAdmin
|
||||||
@@ -38,7 +36,7 @@ VITE_SERVICE_LOGOUT_CODES=8888,8889
|
|||||||
VITE_SERVICE_MODAL_LOGOUT_CODES=7777,7778
|
VITE_SERVICE_MODAL_LOGOUT_CODES=7777,7778
|
||||||
|
|
||||||
# token expired codes of backend service, when the code is received, it will refresh the token and resend the request
|
# token expired codes of backend service, when the code is received, it will refresh the token and resend the request
|
||||||
VITE_SERVICE_EXPIRED_TOKEN_CODES=9999,9998,3333
|
VITE_SERVICE_EXPIRED_TOKEN_CODES=9999,9998
|
||||||
|
|
||||||
# when the route mode is static, the defined super role
|
# when the route mode is static, the defined super role
|
||||||
VITE_STATIC_SUPER_ROLE=R_SUPER
|
VITE_STATIC_SUPER_ROLE=R_SUPER
|
||||||
@@ -48,9 +46,3 @@ VITE_SOURCE_MAP=N
|
|||||||
|
|
||||||
# Used to differentiate storage across different domains
|
# Used to differentiate storage across different domains
|
||||||
VITE_STORAGE_PREFIX=SOY_
|
VITE_STORAGE_PREFIX=SOY_
|
||||||
|
|
||||||
# used to control whether the program automatically detects updates
|
|
||||||
VITE_AUTOMATICALLY_DETECT_UPDATE=Y
|
|
||||||
|
|
||||||
# show proxy url log in terminal
|
|
||||||
VITE_PROXY_LOG=Y
|
|
||||||
|
|||||||
3
.vscode/extensions.json
vendored
3
.vscode/extensions.json
vendored
@@ -6,6 +6,9 @@
|
|||||||
"dbaeumer.vscode-eslint",
|
"dbaeumer.vscode-eslint",
|
||||||
"editorconfig.editorconfig",
|
"editorconfig.editorconfig",
|
||||||
"esbenp.prettier-vscode",
|
"esbenp.prettier-vscode",
|
||||||
|
"formulahendry.auto-close-tag",
|
||||||
|
"formulahendry.auto-complete-tag",
|
||||||
|
"formulahendry.auto-rename-tag",
|
||||||
"lokalise.i18n-ally",
|
"lokalise.i18n-ally",
|
||||||
"mhutchie.git-graph",
|
"mhutchie.git-graph",
|
||||||
"mikestead.dotenv",
|
"mikestead.dotenv",
|
||||||
|
|||||||
428
CHANGELOG.md
428
CHANGELOG.md
@@ -1,434 +1,6 @@
|
|||||||
# Changelog
|
# Changelog
|
||||||
|
|
||||||
|
|
||||||
## [v1.3.12](https://github.com/soybeanjs/soybean-admin/compare/v1.3.11...v1.3.12) (2025-03-12)
|
|
||||||
|
|
||||||
### 🚀 Features
|
|
||||||
|
|
||||||
- **projects**:
|
|
||||||
- support loading page dark mode adaptation. - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/702 [<samp>(9b945)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9b9455d9)
|
|
||||||
- tab support touch event - by @soybeanjs [<samp>(a03be)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a03becda)
|
|
||||||
- support proxy log in terminal - by @soybeanjs [<samp>(4cc14)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4cc1487f)
|
|
||||||
- **projects): feat(projects**:
|
|
||||||
- TableColumnCheck title support VNode - by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/716 [<samp>(a1a5c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a1a5c74c)
|
|
||||||
- **utils**:
|
|
||||||
- support replaceTab. - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/713 [<samp>(be608)</samp>](https://github.com/soybeanjs/soybean-admin/commit/be6080ba)
|
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
|
||||||
|
|
||||||
- **projects**:
|
|
||||||
- hidden multi-language button in login page. fix #694 - by **Azir** in https://github.com/soybeanjs/soybean-admin/issues/694 [<samp>(54e7d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/54e7d6d0)
|
|
||||||
- fix multiple calls to the login API when clicking quickly. fixed #697 - by @zsdycs in https://github.com/soybeanjs/soybean-admin/issues/698 and https://github.com/soybeanjs/soybean-admin/issues/697 [<samp>(86da7)</samp>](https://github.com/soybeanjs/soybean-admin/commit/86da767e)
|
|
||||||
- fix multiple calls to the login API when clicking quickly. fixed #697 " - by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/698 and https://github.com/soybeanjs/soybean-admin/issues/697 [<samp>(15163)</samp>](https://github.com/soybeanjs/soybean-admin/commit/15163d70)
|
|
||||||
|
|
||||||
### 🏡 Chore
|
|
||||||
|
|
||||||
- **deps**:
|
|
||||||
- update deps - by @soybeanjs [<samp>(132e1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/132e1012)
|
|
||||||
- update deps - by **Azir** [<samp>(52c33)</samp>](https://github.com/soybeanjs/soybean-admin/commit/52c336d7)
|
|
||||||
- update deps - by @soybeanjs [<samp>(b8112)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b8112613)
|
|
||||||
- **projects**:
|
|
||||||
- update unocss preset - by @Wangijun in https://github.com/soybeanjs/soybean-admin/issues/712 [<samp>(3e007)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3e0076d4)
|
|
||||||
|
|
||||||
### ❤️ Contributors
|
|
||||||
|
|
||||||
[](https://github.com/soybeanjs) [](https://github.com/Azir-11) [](https://github.com/Wangijun) [](https://github.com/zsdycs)
|
|
||||||
[Azir](mailto:2075125282@qq.com),
|
|
||||||
|
|
||||||
## [v1.3.11](https://github.com/soybeanjs/soybean-admin/compare/v1.3.10...v1.3.11) (2025-01-19)
|
|
||||||
|
|
||||||
### 🚀 Features
|
|
||||||
|
|
||||||
- **projects**: multi language buttons support hiding. - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/683 [<samp>(d7aeb)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d7aebb7)
|
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
|
||||||
|
|
||||||
- **hooks**:
|
|
||||||
- The total number before assigning a value to the table is incorrect. - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/687 [<samp>(56760)</samp>](https://github.com/soybeanjs/soybean-admin/commit/5676024)
|
|
||||||
- **projects**:
|
|
||||||
- fix login success notification. fixed #688 - by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/688 [<samp>(60dd2)</samp>](https://github.com/soybeanjs/soybean-admin/commit/60dd226)
|
|
||||||
- fix update notifications. fixed #691, fixed #692 - by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/691 and https://github.com/soybeanjs/soybean-admin/issues/692 [<samp>(ac862)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ac86247)
|
|
||||||
|
|
||||||
### 🛠 Optimizations
|
|
||||||
|
|
||||||
- **projects**: optimize code - by @soybeanjs [<samp>(6489e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/6489ec4)
|
|
||||||
|
|
||||||
### 📖 Documentation
|
|
||||||
|
|
||||||
- **projects**: update README - by @soybeanjs [<samp>(21434)</samp>](https://github.com/soybeanjs/soybean-admin/commit/214341e)
|
|
||||||
|
|
||||||
### 🏡 Chore
|
|
||||||
|
|
||||||
- **deps**: update deps - by @soybeanjs [<samp>(c9433)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c9433e1)
|
|
||||||
|
|
||||||
### ❤️ Contributors
|
|
||||||
|
|
||||||
[](https://github.com/soybeanjs) [](https://github.com/Azir-11)
|
|
||||||
|
|
||||||
## [v1.3.10](https://github.com/honghuangdc/soybean-admin/compare/v1.3.9...v1.3.10) (2024-12-16)
|
|
||||||
|
|
||||||
### 🚀 Features
|
|
||||||
|
|
||||||
- **projects**: support show tab when not loggedIn - by @soybeanjs [<samp>(ba381)</samp>](https://github.com/honghuangdc/soybean-admin/commit/ba38119)
|
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
|
||||||
|
|
||||||
- **deps**:
|
|
||||||
- reduced eslint version to 9.14.0 - by @soybeanjs [<samp>(af417)</samp>](https://github.com/honghuangdc/soybean-admin/commit/af4177e)
|
|
||||||
- **projects**:
|
|
||||||
- fix route guard hook `onRouteSwitchWhenLoggedIn`. fixed #680 - by @soybeanjs in https://github.com/honghuangdc/soybean-admin/issues/680 [<samp>(ab985)</samp>](https://github.com/honghuangdc/soybean-admin/commit/ab9858c)
|
|
||||||
- check if init userInfo when initAuthRoute. fixed #680 - by @soybeanjs in https://github.com/honghuangdc/soybean-admin/issues/680 [<samp>(9f4fb)</samp>](https://github.com/honghuangdc/soybean-admin/commit/9f4fb8c)
|
|
||||||
|
|
||||||
### 🛠 Optimizations
|
|
||||||
|
|
||||||
- **projects**:
|
|
||||||
- optimize router guard - by @soybeanjs [<samp>(0dfcf)</samp>](https://github.com/honghuangdc/soybean-admin/commit/0dfcf18)
|
|
||||||
- use `defu` to fill added theme config - by @soybeanjs [<samp>(101b6)</samp>](https://github.com/honghuangdc/soybean-admin/commit/101b6f9)
|
|
||||||
|
|
||||||
### 📖 Documentation
|
|
||||||
|
|
||||||
- **projects**: ✏️ add element-plus version link - by **一寸灰** in https://github.com/honghuangdc/soybean-admin/issues/679 [<samp>(5c6ab)</samp>](https://github.com/honghuangdc/soybean-admin/commit/5c6ab0b)
|
|
||||||
|
|
||||||
### 🏡 Chore
|
|
||||||
|
|
||||||
- rename env.d.ts to vite-env.d.ts - by @wzc520pyfm in https://github.com/honghuangdc/soybean-admin/issues/675 [<samp>(b93c2)</samp>](https://github.com/honghuangdc/soybean-admin/commit/b93c203)
|
|
||||||
- **projects**: update deps & fix vite config - by @soybeanjs [<samp>(3e0eb)</samp>](https://github.com/honghuangdc/soybean-admin/commit/3e0eb72)
|
|
||||||
|
|
||||||
### ❤️ Contributors
|
|
||||||
|
|
||||||
[](https://github.com/soybeanjs) [](https://github.com/wzc520pyfm)
|
|
||||||
[一寸灰](mailto:webzhangfei@163.com),
|
|
||||||
|
|
||||||
## [v1.3.9](https://github.com/soybeanjs/soybean-admin/compare/v1.3.8...v1.3.9) (2024-11-17)
|
|
||||||
|
|
||||||
### 🚀 Features
|
|
||||||
|
|
||||||
- **projects**:
|
|
||||||
- support scheduled detection and update system. close #657 - by **青菜白玉汤** in https://github.com/soybeanjs/soybean-admin/issues/669 and https://github.com/soybeanjs/soybean-admin/issues/657 [<samp>(d088f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d088f81)
|
|
||||||
- app version notification plugin support sub deploy path. close #668 - by **Soybean** in https://github.com/soybeanjs/soybean-admin/issues/668 [<samp>(a53eb)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a53eb10)
|
|
||||||
|
|
||||||
### 🛠 Optimizations
|
|
||||||
|
|
||||||
- **projects**: optimize code - by **Soybean** [<samp>(9ad5d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9ad5d71)
|
|
||||||
|
|
||||||
### 💅 Refactors
|
|
||||||
|
|
||||||
- **projects**: refactor router guard. fix #655 - by **Soybean** in https://github.com/soybeanjs/soybean-admin/issues/667 and https://github.com/soybeanjs/soybean-admin/issues/655 [<samp>(09144)</samp>](https://github.com/soybeanjs/soybean-admin/commit/09144df)
|
|
||||||
|
|
||||||
### 📖 Documentation
|
|
||||||
|
|
||||||
- **projects**: set the Chinese version of README as default - by **Soybean** [<samp>(9d28b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9d28b31)
|
|
||||||
|
|
||||||
### 🏡 Chore
|
|
||||||
|
|
||||||
- **deps**:
|
|
||||||
- update deps - by **Soybean** [<samp>(91de4)</samp>](https://github.com/soybeanjs/soybean-admin/commit/91de4a8)
|
|
||||||
- update deps - by **Soybean** [<samp>(0c809)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0c809de)
|
|
||||||
- **projects**:
|
|
||||||
- add desc for base url of app - by **Soybean** [<samp>(17d7e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/17d7e52)
|
|
||||||
|
|
||||||
### ❤️ Contributors
|
|
||||||
|
|
||||||
|
|
||||||
[Soybean](mailto:soybeanjs@outlook.com), [青菜白玉汤](mailto:79054161+Azir-11@users.noreply.github.com)
|
|
||||||
|
|
||||||
## [v1.3.8](https://github.com/soybeanjs/soybean-admin/compare/v1.3.7...v1.3.8) (2024-10-25)
|
|
||||||
|
|
||||||
### 🚨 Breaking Changes
|
|
||||||
|
|
||||||
- **projects**: refactor route cache & support reset route cache strategy - by @soybeanjs [<samp>(b667e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b667eab)
|
|
||||||
|
|
||||||
### 🚀 Features
|
|
||||||
|
|
||||||
- **packages**:
|
|
||||||
- add subpackage `@sa/alova` - by @JOU-amjs in https://github.com/soybeanjs/soybean-admin/issues/640 [<samp>(2072f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/2072f58)
|
|
||||||
- optimistic subpackage `@sa/alova` - by @JOU-amjs in https://github.com/soybeanjs/soybean-admin/issues/646 [<samp>(4b3ac)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4b3ac11)
|
|
||||||
- **projects**:
|
|
||||||
- login supports accessible operation. - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/637 [<samp>(cfaab)</samp>](https://github.com/soybeanjs/soybean-admin/commit/cfaab85)
|
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
|
||||||
|
|
||||||
- **utils**: fix `isPC`. fixed #644 - by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/644 [<samp>(47264)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4726498)
|
|
||||||
|
|
||||||
### 🏡 Chore
|
|
||||||
|
|
||||||
- **deps**:
|
|
||||||
- update deps - by @soybeanjs [<samp>(8dcda)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8dcda38)
|
|
||||||
- **projects**:
|
|
||||||
- update vscode extensions - by @soybeanjs [<samp>(24bb6)</samp>](https://github.com/soybeanjs/soybean-admin/commit/24bb6d9)
|
|
||||||
- update deps & fix sass usage - by @soybeanjs [<samp>(71e63)</samp>](https://github.com/soybeanjs/soybean-admin/commit/71e6307)
|
|
||||||
- **types**:
|
|
||||||
- remove type declaration for document.startViewTransition (TypeScript 5.6 includes it) - by @NHZEX in https://github.com/soybeanjs/soybean-admin/issues/633 [<samp>(83ba7)</samp>](https://github.com/soybeanjs/soybean-admin/commit/83ba798)
|
|
||||||
|
|
||||||
### 🎨 Styles
|
|
||||||
|
|
||||||
- **projects**: reduce ambiguity in theme configuration instructions. - by @Azir-11 [<samp>(75cbf)</samp>](https://github.com/soybeanjs/soybean-admin/commit/75cbfbb)
|
|
||||||
|
|
||||||
### ❤️ Contributors
|
|
||||||
|
|
||||||
[](https://github.com/soybeanjs) [](https://github.com/JOU-amjs) [](https://github.com/Azir-11) [](https://github.com/NHZEX)
|
|
||||||
|
|
||||||
## [v1.3.7](https://github.com/soybeanjs/soybean-admin/compare/v1.3.6...v1.3.7) (2024-09-21)
|
|
||||||
|
|
||||||
### 🚨 Breaking Changes
|
|
||||||
|
|
||||||
- **projects**: update scss config - by @soybeanjs [<samp>(24e9e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/24e9e57)
|
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
|
||||||
|
|
||||||
- **projects**: fix global-tab click conflict with contextmenu - by @soybeanjs [<samp>(3e72c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3e72c3b)
|
|
||||||
|
|
||||||
### 💅 Refactors
|
|
||||||
|
|
||||||
- **packages**: @sa/materials: remove tab close shortcut by mouse - by @soybeanjs [<samp>(4da58)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4da588c)
|
|
||||||
|
|
||||||
### 🏡 Chore
|
|
||||||
|
|
||||||
- **deps**: update deps - by @soybeanjs [<samp>(baefd)</samp>](https://github.com/soybeanjs/soybean-admin/commit/baefdfd)
|
|
||||||
|
|
||||||
### ❤️ Contributors
|
|
||||||
|
|
||||||
[](https://github.com/soybeanjs)
|
|
||||||
|
|
||||||
## [v1.3.6](https://github.com/soybeanjs/soybean-admin/compare/v1.3.5...v1.3.6) (2024-09-20)
|
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
|
||||||
|
|
||||||
- **components**:
|
|
||||||
- fix VerticalMixMenu name - by @soybeanjs [<samp>(20f8e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/20f8ed3)
|
|
||||||
- **projects**:
|
|
||||||
- fix click global-tab in iPad. fixed #624 - by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/624 [<samp>(04d05)</samp>](https://github.com/soybeanjs/soybean-admin/commit/04d0564)
|
|
||||||
- when the roles filter submenu is empty, the parent menu is not excluded. fixed #621. - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/626 and https://github.com/soybeanjs/soybean-admin/issues/621 [<samp>(0ac95)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0ac95bd)
|
|
||||||
|
|
||||||
### 🛠 Optimizations
|
|
||||||
|
|
||||||
- **projects**:
|
|
||||||
- optimize code - by @soybeanjs [<samp>(6561f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/6561f0b)
|
|
||||||
- optimize code - by @soybeanjs [<samp>(38eeb)</samp>](https://github.com/soybeanjs/soybean-admin/commit/38eeb67)
|
|
||||||
- remove defineModel setting，enabled by default - by @yanbowe in https://github.com/soybeanjs/soybean-admin/issues/620 [<samp>(60bbd)</samp>](https://github.com/soybeanjs/soybean-admin/commit/60bbd2d)
|
|
||||||
|
|
||||||
### 📖 Documentation
|
|
||||||
|
|
||||||
- **projects**: update CHANGELOG - by @soybeanjs [<samp>(5baf1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/5baf19d)
|
|
||||||
|
|
||||||
### 🏡 Chore
|
|
||||||
|
|
||||||
- **deps**:
|
|
||||||
- update deps - by @soybeanjs [<samp>(207d6)</samp>](https://github.com/soybeanjs/soybean-admin/commit/207d6eb)
|
|
||||||
- update deps - by @soybeanjs [<samp>(f3562)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f35627e)
|
|
||||||
|
|
||||||
### ❤️ Contributors
|
|
||||||
|
|
||||||
[](https://github.com/soybeanjs) [](https://github.com/Azir-11) [](https://github.com/yanbowe)
|
|
||||||
|
|
||||||
## [v1.3.5](https://github.com/soybeanjs/soybean-admin/compare/v1.3.4...v1.3.5) (2024-09-07)
|
|
||||||
|
|
||||||
### 🚀 Features
|
|
||||||
|
|
||||||
- **packages**:
|
|
||||||
- @sa/axios: add response to flatRequest when success - by @soybeanjs [<samp>(c4e16)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c4e1610)
|
|
||||||
- **projects**:
|
|
||||||
- README.zh_CN.md 添加合作推广 - by @PZ-18664918826 in https://github.com/soybeanjs/soybean-admin/issues/601 [<samp>(2fa40)</samp>](https://github.com/soybeanjs/soybean-admin/commit/2fa400b)
|
|
||||||
- Add more commit types according to Apache specifications - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/610 [<samp>(878d9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/878d9c3)
|
|
||||||
- does the configuration support automatic updates. close#612 - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/617 and https://github.com/soybeanjs/soybean-admin/issues/612 [<samp>(4c9f4)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4c9f4e0)
|
|
||||||
- add app error handler. close #587 - by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/587 [<samp>(be855)</samp>](https://github.com/soybeanjs/soybean-admin/commit/be8556c)
|
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
|
||||||
|
|
||||||
- **deps**:
|
|
||||||
- move json5 from devDependencies to dependencies to support production usage - by @mufeng889 in https://github.com/soybeanjs/soybean-admin/issues/618 [<samp>(7cb43)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7cb43fc)
|
|
||||||
- **projects**:
|
|
||||||
- avoid retrieving cached HTML - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/605 [<samp>(ef6cf)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ef6cf93)
|
|
||||||
- fix login redirect - by @soybeanjs [<samp>(3830e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3830ec7)
|
|
||||||
- fix vertical-mix-menu when sider collapse. fixed #608 - by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/608 [<samp>(c3f1f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c3f1f69)
|
|
||||||
- fix breadcrumb when activeMenu is parent menu. fixed #589 - by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/589 [<samp>(79b2a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/79b2a28)
|
|
||||||
- fix refresh token when meet multi requests. fixed #581 - by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/581 [<samp>(27b52)</samp>](https://github.com/soybeanjs/soybean-admin/commit/27b5222)
|
|
||||||
- **types**:
|
|
||||||
- fix the type of TableApiFn - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/599 [<samp>(26c93)</samp>](https://github.com/soybeanjs/soybean-admin/commit/26c93df)
|
|
||||||
|
|
||||||
### 🛠 Optimizations
|
|
||||||
|
|
||||||
- **projects**: optimize menu selectedKey - by @soybeanjs [<samp>(531bf)</samp>](https://github.com/soybeanjs/soybean-admin/commit/531bfaf)
|
|
||||||
|
|
||||||
### 📖 Documentation
|
|
||||||
|
|
||||||
- **projects**:
|
|
||||||
- update README - by @mufeng889 in https://github.com/soybeanjs/soybean-admin/issues/594 [<samp>(a8f92)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a8f923e)
|
|
||||||
- update README - by @soybeanjs [<samp>(e9a2e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/e9a2ee4)
|
|
||||||
- update README - by @soybeanjs [<samp>(73e91)</samp>](https://github.com/soybeanjs/soybean-admin/commit/73e917a)
|
|
||||||
- update the location of important information in the document - by **Azir** [<samp>(9c012)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9c012c7)
|
|
||||||
|
|
||||||
### 🏡 Chore
|
|
||||||
|
|
||||||
- **deps**:
|
|
||||||
- update deps - by @soybeanjs [<samp>(a1c14)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a1c14a1)
|
|
||||||
- update deps - by @soybeanjs [<samp>(7fa55)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7fa5590)
|
|
||||||
- update deps - by @soybeanjs [<samp>(a44ea)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a44ea62)
|
|
||||||
- **projects**:
|
|
||||||
- use json5 resolve env `VITE_OTHER_SERVICE_BASE_URL` & fix proxy enable - by @soybeanjs [<samp>(b16a9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b16a963)
|
|
||||||
|
|
||||||
### 🎨 Styles
|
|
||||||
|
|
||||||
- **projects**: rename script czh to commit:zh - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/597 [<samp>(5094f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/5094f0e)
|
|
||||||
|
|
||||||
### ❤️ Contributors
|
|
||||||
|
|
||||||
[](https://github.com/soybeanjs) [](https://github.com/mufeng889) [](https://github.com/Azir-11) [](https://github.com/PZ-18664918826)
|
|
||||||
[Azir](mailto:2075125282@qq.com),
|
|
||||||
|
|
||||||
## [v1.3.4](https://github.com/honghuangdc/soybean-admin/compare/v1.3.3...v1.3.4) (2024-08-01)
|
|
||||||
|
|
||||||
### 🚨 Breaking Changes
|
|
||||||
|
|
||||||
- **projects**: don't reset active menu of vertical-mix layout when it is mixSiderFixed - by @honghuangdc [<samp>(939c5)</samp>](https://github.com/honghuangdc/soybean-admin/commit/939c512)
|
|
||||||
|
|
||||||
### 🛠 Optimizations
|
|
||||||
|
|
||||||
- **projects**: optimize code - by @honghuangdc [<samp>(cb1d4)</samp>](https://github.com/honghuangdc/soybean-admin/commit/cb1d445)
|
|
||||||
|
|
||||||
### 🏡 Chore
|
|
||||||
|
|
||||||
- **projects**: update deps & fix vue-router type - by @honghuangdc [<samp>(96837)</samp>](https://github.com/honghuangdc/soybean-admin/commit/968370b)
|
|
||||||
|
|
||||||
### ❤️ Contributors
|
|
||||||
|
|
||||||
[](https://github.com/honghuangdc)
|
|
||||||
|
|
||||||
## [v1.3.3](https://github.com/honghuangdc/soybean-admin/compare/v1.3.2...v1.3.3) (2024-07-30)
|
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
|
||||||
|
|
||||||
- **projects**: fix watermark settings - by @honghuangdc [<samp>(5646a)</samp>](https://github.com/honghuangdc/soybean-admin/commit/5646a50)
|
|
||||||
|
|
||||||
### 📖 Documentation
|
|
||||||
|
|
||||||
- **projects**: update CHANGELOG - by @honghuangdc [<samp>(ebc83)</samp>](https://github.com/honghuangdc/soybean-admin/commit/ebc838c)
|
|
||||||
|
|
||||||
### ❤️ Contributors
|
|
||||||
|
|
||||||
[](https://github.com/honghuangdc)
|
|
||||||
|
|
||||||
## [v1.3.2](https://github.com/honghuangdc/soybean-admin/compare/v1.3.1...v1.3.2) (2024-07-30)
|
|
||||||
|
|
||||||
### 🚀 Features
|
|
||||||
|
|
||||||
- **projects**:
|
|
||||||
- add color fading mode.close #567 - by @Azir-11 in https://github.com/honghuangdc/soybean-admin/issues/569 and https://github.com/honghuangdc/soybean-admin/issues/567 [<samp>(4dde4)</samp>](https://github.com/honghuangdc/soybean-admin/commit/4dde4c2)
|
|
||||||
- add full screen watermark. close#571 - by @paynezhuang in https://github.com/honghuangdc/soybean-admin/issues/573 and https://github.com/honghuangdc/soybean-admin/issues/571 [<samp>(ea8aa)</samp>](https://github.com/honghuangdc/soybean-admin/commit/ea8aa6c)
|
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
|
||||||
|
|
||||||
- **projects**: fix vertical-mix menu selected - by @honghuangdc [<samp>(59f07)</samp>](https://github.com/honghuangdc/soybean-admin/commit/59f07d8)
|
|
||||||
|
|
||||||
### 🛠 Optimizations
|
|
||||||
|
|
||||||
- **projects**:
|
|
||||||
- add type WatermarkProps - by @honghuangdc [<samp>(f26d0)</samp>](https://github.com/honghuangdc/soybean-admin/commit/f26d0a6)
|
|
||||||
- remove home NAlert closable - by @honghuangdc [<samp>(98b75)</samp>](https://github.com/honghuangdc/soybean-admin/commit/98b75c2)
|
|
||||||
- optimize response code comparison - by @honghuangdc [<samp>(cf67d)</samp>](https://github.com/honghuangdc/soybean-admin/commit/cf67d55)
|
|
||||||
- **types**:
|
|
||||||
- remove useless types. - by **Azir** [<samp>(eed61)</samp>](https://github.com/honghuangdc/soybean-admin/commit/eed617f)
|
|
||||||
|
|
||||||
### 📖 Documentation
|
|
||||||
|
|
||||||
- **projects**: update CHANGELOG - by @honghuangdc [<samp>(d3759)</samp>](https://github.com/honghuangdc/soybean-admin/commit/d37591d)
|
|
||||||
|
|
||||||
### 🏡 Chore
|
|
||||||
|
|
||||||
- **deps**: update deps - by @honghuangdc [<samp>(993e9)</samp>](https://github.com/honghuangdc/soybean-admin/commit/993e9ca)
|
|
||||||
|
|
||||||
### ❤️ Contributors
|
|
||||||
|
|
||||||
[](https://github.com/honghuangdc) [](https://github.com/paynezhuang) [](https://github.com/Azir-11)
|
|
||||||
[Azir](mailto:2075125282@qq.com),
|
|
||||||
|
|
||||||
## [v1.3.1](https://github.com/honghuangdc/soybean-admin/compare/v1.3.0...v1.3.1) (2024-07-22)
|
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
|
||||||
|
|
||||||
- **projects**:
|
|
||||||
- fix the issue of abnormal width of the sidebar in the top menu mix and reverse mode - by @Azir-11 in https://github.com/honghuangdc/soybean-admin/issues/562 [<samp>(c4695)</samp>](https://github.com/honghuangdc/soybean-admin/commit/c469512)
|
|
||||||
- fix HorizontalMixMenu inverted. fixed #563 - by @honghuangdc in https://github.com/honghuangdc/soybean-admin/issues/563 [<samp>(4e55b)</samp>](https://github.com/honghuangdc/soybean-admin/commit/4e55b0e)
|
|
||||||
- fix vertical-menu will not render when the layout is from mobile - by @honghuangdc [<samp>(84027)</samp>](https://github.com/honghuangdc/soybean-admin/commit/8402734)
|
|
||||||
|
|
||||||
### 📖 Documentation
|
|
||||||
|
|
||||||
- **projects**: update CHANGELOG - by @honghuangdc [<samp>(613c8)</samp>](https://github.com/honghuangdc/soybean-admin/commit/613c836)
|
|
||||||
|
|
||||||
### 🎨 Styles
|
|
||||||
|
|
||||||
- **other**: modify the Chinese name of the grayscale mode - by **Azir** [<samp>(53770)</samp>](https://github.com/honghuangdc/soybean-admin/commit/5377002)
|
|
||||||
|
|
||||||
### ❤️ Contributors
|
|
||||||
|
|
||||||
[](https://github.com/honghuangdc) [](https://github.com/Azir-11)
|
|
||||||
[Azir](mailto:2075125282@qq.com),
|
|
||||||
|
|
||||||
## [v1.3.0](https://github.com/soybeanjs/soybean-admin/compare/v1.2.8...v1.3.0) (2024-07-22)
|
|
||||||
|
|
||||||
### 🚨 Breaking Changes
|
|
||||||
|
|
||||||
- **projects**: refactor global menu & support `reversed-horizontal-mix-menu`. close #365 - by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/365 [<samp>(087e5)</samp>](https://github.com/soybeanjs/soybean-admin/commit/087e532)
|
|
||||||
|
|
||||||
### 🚀 Features
|
|
||||||
|
|
||||||
- **packages**:
|
|
||||||
- `@sa/scripts`: command `gitCommit` support chinese - by @mmdapl in https://github.com/soybeanjs/soybean-admin/issues/548 [<samp>(06971)</samp>](https://github.com/soybeanjs/soybean-admin/commit/06971f3)
|
|
||||||
- @sa/axios: replace CancelTokenSource by AbortController. close #530, close #532 - by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/530 and https://github.com/soybeanjs/soybean-admin/issues/532 [<samp>(527fd)</samp>](https://github.com/soybeanjs/soybean-admin/commit/527fd79)
|
|
||||||
- @sa/scripts: add ignore pattern list for command `gitCommitVerify`. close #504 - by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/504 [<samp>(958d0)</samp>](https://github.com/soybeanjs/soybean-admin/commit/958d0ba)
|
|
||||||
- **projects**:
|
|
||||||
- make branch `main` tiny & modify request retry times to 0 - by @Azir-11 [<samp>(793b1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/793b16e)
|
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
|
||||||
|
|
||||||
- **hooks**: prevent program freezing when pagesize returns 0 - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/545 [<samp>(f4eeb)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f4eeb2e)
|
|
||||||
|
|
||||||
### 💅 Refactors
|
|
||||||
|
|
||||||
- **projects**:
|
|
||||||
- combine `theme tokens` and `theme settings`. close #379 - by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/379 [<samp>(1d1b1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1d1b148)
|
|
||||||
- change css vars mount to root - by @honghuangdc [<samp>(00f41)</samp>](https://github.com/soybeanjs/soybean-admin/commit/00f41dd)
|
|
||||||
|
|
||||||
### 📖 Documentation
|
|
||||||
|
|
||||||
- **projects**: update CHANGELOG - by @honghuangdc [<samp>(a0b76)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a0b76da)
|
|
||||||
|
|
||||||
### 🏡 Chore
|
|
||||||
|
|
||||||
- **deps**: update deps - by @honghuangdc [<samp>(f6bd6)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f6bd6b8)
|
|
||||||
- **projects**: add script `czh` - by @honghuangdc [<samp>(02069)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0206969)
|
|
||||||
|
|
||||||
### ❤️ Contributors
|
|
||||||
|
|
||||||
[](https://github.com/honghuangdc) [](https://github.com/mmdapl) [](https://github.com/Azir-11)
|
|
||||||
|
|
||||||
## [v1.2.8](https://github.com/soybeanjs/soybean-admin/compare/v1.2.7...v1.2.8) (2024-07-20)
|
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
|
||||||
|
|
||||||
- **packages**:
|
|
||||||
- @sa/hooks: fix searchParams of useHookTable. fixed #552 - by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/552 [<samp>(96c10)</samp>](https://github.com/soybeanjs/soybean-admin/commit/96c1044)
|
|
||||||
- **types**:
|
|
||||||
- Fixed the reference type error - by **dodu2014** in https://github.com/soybeanjs/soybean-admin/issues/551 [<samp>(3e2a9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3e2a993)
|
|
||||||
- fix data type of useHookTable - by @honghuangdc [<samp>(276ea)</samp>](https://github.com/soybeanjs/soybean-admin/commit/276ea7f)
|
|
||||||
|
|
||||||
### 💅 Refactors
|
|
||||||
|
|
||||||
- **projects**: replace `cloneDeep` of `lodash-es` with `klona` - by @honghuangdc [<samp>(a9133)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a91335d)
|
|
||||||
|
|
||||||
### 📖 Documentation
|
|
||||||
|
|
||||||
- **projects**: update CHANGELOG - by @honghuangdc [<samp>(58fc0)</samp>](https://github.com/soybeanjs/soybean-admin/commit/58fc096)
|
|
||||||
|
|
||||||
### 🏡 Chore
|
|
||||||
|
|
||||||
- **deps**: update deps - by @honghuangdc [<samp>(cf019)</samp>](https://github.com/soybeanjs/soybean-admin/commit/cf0192a)
|
|
||||||
|
|
||||||
### ❤️ Contributors
|
|
||||||
|
|
||||||
[](https://github.com/honghuangdc)
|
|
||||||
[dodu2014](mailto:dodu@live.cn)
|
|
||||||
|
|
||||||
## [v1.2.7](https://github.com/honghuangdc/soybean-admin/compare/v1.2.6...v1.2.7) (2024-07-12)
|
## [v1.2.7](https://github.com/honghuangdc/soybean-admin/compare/v1.2.6...v1.2.7) (2024-07-12)
|
||||||
|
|
||||||
### 🛠 Optimizations
|
### 🛠 Optimizations
|
||||||
|
|||||||
@@ -1,269 +1,5 @@
|
|||||||
# 更新日志
|
# 更新日志
|
||||||
|
|
||||||
## [v1.3.5](https://github.com/soybeanjs/soybean-admin/compare/v1.3.4...v1.3.5) (2024-09-07)
|
|
||||||
|
|
||||||
### 🚀 新功能
|
|
||||||
|
|
||||||
- **packages**:
|
|
||||||
- @sa/axios: 成功时将响应添加到 flatRequest - by @soybeanjs [<samp>(c4e16)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c4e1610)
|
|
||||||
- **projects**:
|
|
||||||
- README.zh_CN.md 添加合作推广 - by @PZ-18664918826 in https://github.com/soybeanjs/soybean-admin/issues/601 [<samp>(2fa40)</samp>](https://github.com/soybeanjs/soybean-admin/commit/2fa400b)
|
|
||||||
- 根据 Apache 规范添加更多提交类型 - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/610 [<samp>(878d9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/878d9c3)
|
|
||||||
- 配置是否支持自动更新。关闭#612 - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/617 和 https://github.com/soybeanjs/soybean-admin/issues/612 [<samp>(4c9f4)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4c9f4e0)
|
|
||||||
- 添加应用错误处理程序。关闭 #587 - by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/587 [<samp>(be855)</samp>](https://github.com/soybeanjs/soybean-admin/commit/be8556c)
|
|
||||||
|
|
||||||
### 🐞 Bug 修复
|
|
||||||
|
|
||||||
- **deps**:
|
|
||||||
- 将 json5 从 devDependencies 移到 dependencies 以支持生产环境使用 - by @mufeng889 in https://github.com/soybeanjs/soybean-admin/issues/618 [<samp>(7cb43)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7cb43fc)
|
|
||||||
- **projects**:
|
|
||||||
- 避免检索缓存的 HTML - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/605 [<samp>(ef6cf)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ef6cf93)
|
|
||||||
- 修复登录重定向 - by @soybeanjs [<samp>(3830e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3830ec7)
|
|
||||||
- 修复侧边栏折叠时的 vertical-mix-menu。修复 #608 - by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/608 [<samp>(c3f1f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c3f1f69)
|
|
||||||
- 修复 activeMenu 为父菜单时的面包屑。修复 #589 - by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/589 [<samp>(79b2a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/79b2a28)
|
|
||||||
- 修复遇到多请求时的刷新令牌。修复 #581 - by @soybeanjs in https://github.com/soybeanjs/soybean-admin/issues/581 [<samp>(27b52)</samp>](https://github.com/soybeanjs/soybean-admin/commit/27b5222)
|
|
||||||
- **types**:
|
|
||||||
- 修复 TableApiFn 的类型 - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/599 [<samp>(26c93)</samp>](https://github.com/soybeanjs/soybean-admin/commit/26c93df)
|
|
||||||
|
|
||||||
### 🛠 优化
|
|
||||||
|
|
||||||
- **projects**: 优化菜单 selectedKey - by @soybeanjs [<samp>(531bf)</samp>](https://github.com/soybeanjs/soybean-admin/commit/531bfaf)
|
|
||||||
|
|
||||||
### 📖 文档
|
|
||||||
|
|
||||||
- **projects**:
|
|
||||||
- 更新 README - by @mufeng889 in https://github.com/soybeanjs/soybean-admin/issues/594 [<samp>(a8f92)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a8f923e)
|
|
||||||
- 更新 README - by @soybeanjs [<samp>(e9a2e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/e9a2ee4)
|
|
||||||
- 更新 README - by @soybeanjs [<samp>(73e91)</samp>](https://github.com/soybeanjs/soybean-admin/commit/73e917a)
|
|
||||||
- 更新文档中重要信息的位置 - by **Azir** [<samp>(9c012)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9c012c7)
|
|
||||||
|
|
||||||
### 🏡 杂项
|
|
||||||
|
|
||||||
- **deps**:
|
|
||||||
- 更新依赖 - by @soybeanjs [<samp>(a1c14)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a1c14a1)
|
|
||||||
- 更新依赖 - by @soybeanjs [<samp>(7fa55)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7fa5590)
|
|
||||||
- 更新依赖 - by @soybeanjs [<samp>(a44ea)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a44ea62)
|
|
||||||
- **projects**:
|
|
||||||
- 使用 json5 解析环境变量 `VITE_OTHER_SERVICE_BASE_URL` 并修复代理启用 - by @soybeanjs [<samp>(b16a9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b16a963)
|
|
||||||
|
|
||||||
### 🎨 样式
|
|
||||||
|
|
||||||
- **projects**: 将脚本 czh 重命名为 commit:zh - by @Azir-11 in https://github.com/soybeanjs/soybean-admin/issues/597 [<samp>(5094f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/5094f0e)
|
|
||||||
|
|
||||||
### ❤️ 贡献者
|
|
||||||
|
|
||||||
[](https://github.com/soybeanjs) [](https://github.com/mufeng889) [](https://github.com/Azir-11) [](https://github.com/PZ-18664918826)
|
|
||||||
[Azir](mailto:2075125282@qq.com),
|
|
||||||
|
|
||||||
## [v1.3.4](https://github.com/honghuangdc/soybean-admin/compare/v1.3.3...v1.3.4) (2024-08-01)
|
|
||||||
|
|
||||||
### 🚨 重大变更
|
|
||||||
|
|
||||||
- **projects**: 当 vertical-mix 布局为 mixSiderFixed 时，不重置活动菜单 - by @honghuangdc [<samp>(939c5)</samp>](https://github.com/honghuangdc/soybean-admin/commit/939c512)
|
|
||||||
|
|
||||||
### 🛠 优化
|
|
||||||
|
|
||||||
- **projects**: 优化代码 - by @honghuangdc [<samp>(cb1d4)</samp>](https://github.com/honghuangdc/soybean-admin/commit/cb1d445)
|
|
||||||
|
|
||||||
### 🏡 杂项
|
|
||||||
|
|
||||||
- **projects**: 更新依赖并修复 vue-router 类型 - by @honghuangdc [<samp>(96837)</samp>](https://github.com/honghuangdc/soybean-admin/commit/968370b)
|
|
||||||
|
|
||||||
### ❤️ 贡献者
|
|
||||||
|
|
||||||
[](https://github.com/honghuangdc)
|
|
||||||
|
|
||||||
## [v1.3.3](https://github.com/honghuangdc/soybean-admin/compare/v1.3.2...v1.3.3) (2024-07-30)
|
|
||||||
|
|
||||||
### 🐞 Bug 修复
|
|
||||||
|
|
||||||
- **projects**: 修复水印设置 - by @honghuangdc [<samp>(5646a)</samp>](https://github.com/honghuangdc/soybean-admin/commit/5646a50)
|
|
||||||
|
|
||||||
### 📖 文档
|
|
||||||
|
|
||||||
- **projects**: 更新 CHANGELOG - by @honghuangdc [<samp>(ebc83)</samp>](https://github.com/honghuangdc/soybean-admin/commit/ebc838c)
|
|
||||||
|
|
||||||
### ❤️ 贡献者
|
|
||||||
|
|
||||||
[](https://github.com/honghuangdc)
|
|
||||||
|
|
||||||
## [v1.3.2](https://github.com/honghuangdc/soybean-admin/compare/v1.3.1...v1.3.2) (2024-07-30)
|
|
||||||
|
|
||||||
### 🚀 新功能
|
|
||||||
|
|
||||||
- **项目**:
|
|
||||||
- 添加颜色渐变模式。关闭 #567 - 由 @Azir-11 在 https://github.com/honghuangdc/soybean-admin/issues/569 和 https://github.com/honghuangdc/soybean-admin/issues/567 [<samp>(4dde4)</samp>](https://github.com/honghuangdc/soybean-admin/commit/4dde4c2)
|
|
||||||
- 添加全屏水印。关闭 #571 - 由 @paynezhuang 在 https://github.com/honghuangdc/soybean-admin/issues/573 和 https://github.com/honghuangdc/soybean-admin/issues/571 [<samp>(ea8aa)</samp>](https://github.com/honghuangdc/soybean-admin/commit/ea8aa6c)
|
|
||||||
|
|
||||||
### 🐞 Bug 修复
|
|
||||||
|
|
||||||
- **项目**: 修复 vertical-mix 菜单选中问题 - 由 @honghuangdc [<samp>(59f07)</samp>](https://github.com/honghuangdc/soybean-admin/commit/59f07d8)
|
|
||||||
|
|
||||||
### 🛠 优化
|
|
||||||
|
|
||||||
- **项目**:
|
|
||||||
- 添加类型 WatermarkProps - 由 @honghuangdc [<samp>(f26d0)</samp>](https://github.com/honghuangdc/soybean-admin/commit/f26d0a6)
|
|
||||||
- 移除 home NAlert 可关闭 - 由 @honghuangdc [<samp>(98b75)</samp>](https://github.com/honghuangdc/soybean-admin/commit/98b75c2)
|
|
||||||
- 优化响应代码比较 - 由 @honghuangdc [<samp>(cf67d)</samp>](https://github.com/honghuangdc/soybean-admin/commit/cf67d55)
|
|
||||||
- **类型**:
|
|
||||||
- 移除无用类型。 - 由 **Azir** [<samp>(eed61)</samp>](https://github.com/honghuangdc/soybean-admin/commit/eed617f)
|
|
||||||
|
|
||||||
### 📖 文档
|
|
||||||
|
|
||||||
- **项目**: 更新更新日志 - 由 @honghuangdc [<samp>(d3759)</samp>](https://github.com/honghuangdc/soybean-admin/commit/d37591d)
|
|
||||||
|
|
||||||
### 🏡 杂项
|
|
||||||
|
|
||||||
- **依赖**: 更新依赖 - 由 @honghuangdc [<samp>(993e9)</samp>](https://github.com/honghuangdc/soybean-admin/commit/993e9ca)
|
|
||||||
|
|
||||||
### ❤️ 贡献者
|
|
||||||
|
|
||||||
[](https://github.com/honghuangdc) [](https://github.com/paynezhuang) [](https://github.com/Azir-11)
|
|
||||||
[Azir](mailto:2075125282@qq.com),
|
|
||||||
|
|
||||||
## [v1.3.1](https://github.com/honghuangdc/soybean-admin/compare/v1.3.0...v1.3.1) (2024-07-22)
|
|
||||||
|
|
||||||
### 🐞 Bug 修复
|
|
||||||
|
|
||||||
- **项目**:
|
|
||||||
- 修复顶部菜单混合和反向模式下侧边栏宽度异常的问题 - 由 @Azir-11 在 https://github.com/honghuangdc/soybean-admin/issues/562 修复 [<samp>(c4695)</samp>](https://github.com/honghuangdc/soybean-admin/commit/c469512)
|
|
||||||
- 修复水平混合菜单反转问题。修复 #563 - 由 @honghuangdc 在 https://github.com/honghuangdc/soybean-admin/issues/563 修复 [<samp>(4e55b)</samp>](https://github.com/honghuangdc/soybean-admin/commit/4e55b0e)
|
|
||||||
- 修复当布局来自移动端时垂直菜单不渲染的问题 - 由 @honghuangdc 修复 [<samp>(84027)</samp>](https://github.com/honghuangdc/soybean-admin/commit/8402734)
|
|
||||||
|
|
||||||
### 📖 文档
|
|
||||||
|
|
||||||
- **项目**: 更新更新日志 - 由 @honghuangdc 更新 [<samp>(613c8)</samp>](https://github.com/honghuangdc/soybean-admin/commit/613c836)
|
|
||||||
|
|
||||||
### 🎨 样式
|
|
||||||
|
|
||||||
- **其他**: 修改灰度模式的中文名称 - 由 **Azir** 修改 [<samp>(53770)</samp>](https://github.com/honghuangdc/soybean-admin/commit/5377002)
|
|
||||||
|
|
||||||
### ❤️ 贡献者
|
|
||||||
|
|
||||||
[](https://github.com/honghuangdc) [](https://github.com/Azir-11)
|
|
||||||
[Azir](mailto:2075125282@qq.com),
|
|
||||||
|
|
||||||
|
|
||||||
## [v1.3.0](https://github.com/soybeanjs/soybean-admin/compare/v1.2.8...v1.3.0) (2024-07-22)
|
|
||||||
|
|
||||||
### 🚨 破坏性变更
|
|
||||||
|
|
||||||
- **项目**: 重构全局菜单 & 支持 `reversed-horizontal-mix-menu`。关闭 #365 - 由 @honghuangdc 在 https://github.com/soybeanjs/soybean-admin/issues/365 提出 [<samp>(087e5)</samp>](https://github.com/soybeanjs/soybean-admin/commit/087e532)
|
|
||||||
|
|
||||||
### 🚀 功能
|
|
||||||
|
|
||||||
- **包**:
|
|
||||||
- `@sa/scripts`: 命令 `gitCommit` 支持中文 - 由 @mmdapl 在 https://github.com/soybeanjs/soybean-admin/issues/548 提出 [<samp>(06971)</samp>](https://github.com/soybeanjs/soybean-admin/commit/06971f3)
|
|
||||||
- @sa/axios: 用 AbortController 替换 CancelTokenSource。关闭 #530, 关闭 #532 - 由 @honghuangdc 在 https://github.com/soybeanjs/soybean-admin/issues/530 和 https://github.com/soybeanjs/soybean-admin/issues/532 提出 [<samp>(527fd)</samp>](https://github.com/soybeanjs/soybean-admin/commit/527fd79)
|
|
||||||
- @sa/scripts: 为命令 `gitCommitVerify` 添加忽略模式列表。关闭 #504 - 由 @honghuangdc 在 https://github.com/soybeanjs/soybean-admin/issues/504 提出 [<samp>(958d0)</samp>](https://github.com/soybeanjs/soybean-admin/commit/958d0ba)
|
|
||||||
- **项目**:
|
|
||||||
- 使分支 `main` 更精简 & 修改请求重试次数为 0 - 由 @Azir-11 提出 [<samp>(793b1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/793b16e)
|
|
||||||
|
|
||||||
### 🐞 修复
|
|
||||||
|
|
||||||
- **钩子**: 当 pagesize 返回 0 时防止程序冻结 - 由 @Azir-11 在 https://github.com/soybeanjs/soybean-admin/issues/545 提出 [<samp>(f4eeb)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f4eeb2e)
|
|
||||||
|
|
||||||
### 💅 重构
|
|
||||||
|
|
||||||
- **项目**:
|
|
||||||
- 合并 `theme tokens` 和 `theme settings`。关闭 #379 - 由 @honghuangdc 在 https://github.com/soybeanjs/soybean-admin/issues/379 提出 [<samp>(1d1b1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1d1b148)
|
|
||||||
- 将 css 变量挂载到 root - 由 @honghuangdc 提出 [<samp>(00f41)</samp>](https://github.com/soybeanjs/soybean-admin/commit/00f41dd)
|
|
||||||
|
|
||||||
### 📖 文档
|
|
||||||
|
|
||||||
- **项目**: 更新更新日志 - 由 @honghuangdc 提出 [<samp>(a0b76)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a0b76da)
|
|
||||||
|
|
||||||
### 🏡 杂务
|
|
||||||
|
|
||||||
- **依赖**: 更新依赖 - 由 @honghuangdc 提出 [<samp>(f6bd6)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f6bd6b8)
|
|
||||||
- **项目**: 添加脚本 `czh` - 由 @honghuangdc 提出 [<samp>(02069)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0206969)
|
|
||||||
|
|
||||||
### ❤️ 贡献者
|
|
||||||
|
|
||||||
[](https://github.com/honghuangdc) [](https://github.com/mmdapl) [](https://github.com/Azir-11)
|
|
||||||
|
|
||||||
|
|
||||||
## [v1.2.8](https://github.com/soybeanjs/soybean-admin/compare/v1.2.7...v1.2.8) (2024-07-20)
|
|
||||||
|
|
||||||
### 🐞 修复
|
|
||||||
|
|
||||||
- **包**:
|
|
||||||
- @sa/hooks: 修复 useHookTable 的 searchParams。修复了 #552 - 由 @honghuangdc 在 https://github.com/soybeanjs/soybean-admin/issues/552 提出 [<samp>(96c10)</samp>](https://github.com/soybeanjs/soybean-admin/commit/96c1044)
|
|
||||||
- **类型**:
|
|
||||||
- 修复了引用类型错误 - 由 **dodu2014** 在 https://github.com/soybeanjs/soybean-admin/issues/551 提出 [<samp>(3e2a9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3e2a993)
|
|
||||||
- 修复 useHookTable 的数据类型 - 由 @honghuangdc 提出 [<samp>(276ea)</samp>](https://github.com/soybeanjs/soybean-admin/commit/276ea7f)
|
|
||||||
|
|
||||||
### 💅 重构
|
|
||||||
|
|
||||||
- **项目**: 用 `klona` 替换 `lodash-es` 的 `cloneDeep` - 由 @honghuangdc 提出 [<samp>(a9133)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a91335d)
|
|
||||||
|
|
||||||
### 📖 文档
|
|
||||||
|
|
||||||
- **项目**: 更新更新日志 - 由 @honghuangdc 提出 [<samp>(58fc0)</samp>](https://github.com/soybeanjs/soybean-admin/commit/58fc096)
|
|
||||||
|
|
||||||
### 🏡 杂务
|
|
||||||
|
|
||||||
- **依赖**: 更新依赖 - 由 @honghuangdc 提出 [<samp>(cf019)</samp>](https://github.com/soybeanjs/soybean-admin/commit/cf0192a)
|
|
||||||
|
|
||||||
### ❤️ 贡献者
|
|
||||||
|
|
||||||
[](https://github.com/honghuangdc)
|
|
||||||
[dodu2014](mailto:dodu@live.cn)
|
|
||||||
|
|
||||||
|
|
||||||
## [v1.2.7](https://github.com/honghuangdc/soybean-admin/compare/v1.2.6...v1.2.7) (2024-07-12)
|
|
||||||
|
|
||||||
### 🛠 优化
|
|
||||||
|
|
||||||
- **项目**: 支持自定义菜单图标大小 - 由 @wynn-w 在 https://github.com/honghuangdc/soybean-admin/issues/534 提出 [<samp>(e035e)</samp>](https://github.com/honghuangdc/soybean-admin/commit/e035eab)
|
|
||||||
|
|
||||||
### 🏡 杂务
|
|
||||||
|
|
||||||
- **依赖**:
|
|
||||||
- 更新依赖 - 由 @honghuangdc [<samp>(72ede)</samp>](https://github.com/honghuangdc/soybean-admin/commit/72ede8b)
|
|
||||||
- 更新依赖 - 由 @honghuangdc [<samp>(be13c)</samp>](https://github.com/honghuangdc/soybean-admin/commit/be13ca2)
|
|
||||||
- 更新依赖 - 由 @honghuangdc [<samp>(752ec)</samp>](https://github.com/honghuangdc/soybean-admin/commit/752ec1e)
|
|
||||||
- **项目**:
|
|
||||||
- 修复已弃用的配置配置 - 由 @paynezhuang 在 https://github.com/honghuangdc/soybean-admin/issues/524 提出 [<samp>(0d20e)</samp>](https://github.com/honghuangdc/soybean-admin/commit/0d20e4c)
|
|
||||||
|
|
||||||
### ❤️ 贡献者
|
|
||||||
|
|
||||||
[](https://github.com/honghuangdc) [](https://github.com/wynn-w) [](https://github.com/paynezhuang)
|
|
||||||
|
|
||||||
## [v1.2.6](https://github.com/honghuangdc/soybean-admin/compare/v1.2.5...v1.2.6) (2024-06-21)
|
|
||||||
|
|
||||||
### 🐞 修复
|
|
||||||
|
|
||||||
- **项目**:
|
|
||||||
- 请求模态标题使用 i18n。修复 #507 - 由 @honghuangdc 在 https://github.com/honghuangdc/soybean-admin/issues/507 提出 [<samp>(f7de3)</samp>](https://github.com/honghuangdc/soybean-admin/commit/f7de3fd)
|
|
||||||
- 为 `useTable` 添加 `getDataByPage`。修复 #499 - 由 @honghuangdc 在 https://github.com/honghuangdc/soybean-admin/issues/499 提出 [<samp>(425c6)</samp>](https://github.com/honghuangdc/soybean-admin/commit/425c69a)
|
|
||||||
- 修复登录重定向到 routeHome 时，动态路由的 routeHome 与静态路由不同的问题。修复 #511 - 由 @honghuangdc 在 https://github.com/honghuangdc/soybean-admin/issues/511 提出 [<samp>(49f60)</samp>](https://github.com/honghuangdc/soybean-admin/commit/49f60b2)
|
|
||||||
|
|
||||||
### 🛠 优化
|
|
||||||
|
|
||||||
- **项目**: 优化 `getRouteQueryOfLoginRoute` - 由 @honghuangdc [<samp>(693f7)</samp>](https://github.com/honghuangdc/soybean-admin/commit/693f704)
|
|
||||||
|
|
||||||
### 📖 文档
|
|
||||||
|
|
||||||
- **项目**:
|
|
||||||
- 更新更新日志 - 由 @honghuangdc [<samp>(5c67d)</samp>](https://github.com/honghuangdc/soybean-admin/commit/5c67d06)
|
|
||||||
- 更新自述文件 - 由 @honghuangdc [<samp>(1e67a)</samp>](https://github.com/honghuangdc/soybean-admin/commit/1e67ae8)
|
|
||||||
|
|
||||||
### 🏡 杂务
|
|
||||||
|
|
||||||
- **依赖**:
|
|
||||||
- 更新依赖。关闭 #510 - 由 @honghuangdc 在 https://github.com/honghuangdc/soybean-admin/issues/510 提出 [<samp>(53143)</samp>](https://github.com/honghuangdc/soybean-admin/commit/531432d)
|
|
||||||
- 更新依赖 - 由 @honghuangdc [<samp>(c7f6f)</samp>](https://github.com/honghuangdc/soybean-admin/commit/c7f6f2a)
|
|
||||||
|
|
||||||
### 🤖 CI
|
|
||||||
|
|
||||||
- **项目**:
|
|
||||||
- 添加 github 问题模板 - 由 @honghuangdc [<samp>(b5027)</samp>](https://github.com/honghuangdc/soybean-admin/commit/b5027c8)
|
|
||||||
- 更新 github 问题模板 - 由 @honghuangdc [<samp>(ff1d5)</samp>](https://github.com/honghuangdc/soybean-admin/commit/ff1d504)
|
|
||||||
|
|
||||||
### ❤️ 贡献者
|
|
||||||
|
|
||||||
[](https://github.com/honghuangdc)
|
|
||||||
|
|
||||||
## [v1.2.5](https://github.com/soybeanjs/soybean-admin/compare/v1.2.4...v1.2.5) (2024-06-15)
|
## [v1.2.5](https://github.com/soybeanjs/soybean-admin/compare/v1.2.4...v1.2.5) (2024-06-15)
|
||||||
|
|
||||||
|
|||||||
184
README.en_US.md
184
README.en_US.md
@@ -1,184 +0,0 @@
|
|||||||
<div align="center">
|
|
||||||
<img src="./public/favicon.svg" width="160" />
|
|
||||||
<h1>SoybeanAdmin</h1>
|
|
||||||
<span><a href="./README.md">中文</a> | English</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
[](./LICENSE)
|
|
||||||
[](https://github.com/soybeanjs/soybean-admin)
|
|
||||||
[](https://github.com/soybeanjs/soybean-admin)
|
|
||||||
[](https://gitee.com/honghuangdc/soybean-admin)
|
|
||||||
|
|
||||||
<a href="https://hellogithub.com/repository/1298f27d5fe54959a16cf9686516ddb3" target="_blank"><img src="https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=1298f27d5fe54959a16cf9686516ddb3&claim_uid=IiDXWmP4TEntjbV" alt="Featured｜HelloGitHub" style="width: 250px; height: 54px;" width="250" height="54" /></a>
|
|
||||||
|
|
||||||
|
|
||||||
> [!NOTE]
|
|
||||||
> If you think `SoybeanAdmin` is helpful to you, or you like our project, please give us a ⭐️ on GitHub. Your support is the driving force for us to continue to improve and add new features! Thank you for your support!
|
|
||||||
|
|
||||||
## Introduction
|
|
||||||
|
|
||||||
[`SoybeanAdmin`](https://github.com/soybeanjs/soybean-admin) is a clean, elegant, beautiful and powerful admin template, based on the latest front-end technology stack, including Vue3, Vite5, TypeScript, Pinia and UnoCSS. It has built-in rich theme configuration and components, strict code specifications, and an automated file routing system. In addition, it also uses the online mock data solution based on ApiFox. `SoybeanAdmin` provides you with a one-stop admin solution, no additional configuration, and out of the box. It is also a best practice for learning cutting-edge technologies quickly.
|
|
||||||
|
|
||||||
|
|
||||||
## Features
|
|
||||||
|
|
||||||
- **Cutting-edge technology application**: using the latest popular technology stack such as Vue3, Vite5, TypeScript, Pinia and UnoCSS.
|
|
||||||
- **Clear project architecture**: using pnpm monorepo architecture, clear structure, elegant and easy to understand.
|
|
||||||
- **Strict code specifications**: follow the [SoybeanJS specification](https://docs.soybeanjs.cn/standard), integrate eslint, prettier and simple-git-hooks to ensure the code is standardized.
|
|
||||||
- **TypeScript**: support strict type checking to improve code maintainability.
|
|
||||||
- **Rich theme configuration**: built-in a variety of theme configurations, perfectly integrated with UnoCSS.
|
|
||||||
- **Built-in internationalization solution**: easily realize multi-language support.
|
|
||||||
- **Automated file routing system**: automatically generate route import, declaration and type. For more details, please refer to [Elegant Router](https://github.com/soybeanjs/elegant-router).
|
|
||||||
- **Flexible permission routing**: support both front-end static routing and back-end dynamic routing.
|
|
||||||
- **Rich page components**: built-in a variety of pages and components, including 403, 404, 500 pages, as well as layout components, tag components, theme configuration components, etc.
|
|
||||||
- **Command line tool**: built-in efficient command line tool, git commit, delete file, release, etc.
|
|
||||||
- **Mobile adaptation**: perfectly support mobile terminal to realize adaptive layout.
|
|
||||||
|
|
||||||
|
|
||||||
## Version
|
|
||||||
|
|
||||||
- **NaiveUI Version:**
|
|
||||||
- [Preview Link](https://naive.soybeanjs.cn/)
|
|
||||||
- [Github Repository](https://github.com/soybeanjs/soybean-admin)
|
|
||||||
- [Gitee Repository](https://gitee.com/honghuangdc/soybean-admin)
|
|
||||||
|
|
||||||
- **AntDesignVue Version:**
|
|
||||||
- [Preview Link](https://antd.soybeanjs.cn/)
|
|
||||||
- [Github Repository](https://github.com/soybeanjs/soybean-admin-antd)
|
|
||||||
- [Gitee Repository](https://gitee.com/honghuangdc/soybean-admin-antd)
|
|
||||||
|
|
||||||
- **ElementPlus Version:**
|
|
||||||
- [Preview Link](https://elp.soybeanjs.cn/)
|
|
||||||
- [Github Repository](https://github.com/soybeanjs/soybean-admin-element-plus)
|
|
||||||
|
|
||||||
- **Legacy Version:**
|
|
||||||
- [Preview Link](https://legacy.soybeanjs.cn/)
|
|
||||||
- [Github Repository](https://github.com/soybeanjs/soybean-admin/tree/legacy)
|
|
||||||
|
|
||||||
|
|
||||||
## Documentation
|
|
||||||
|
|
||||||
- [Link](https://docs.soybeanjs.cn)
|
|
||||||
- [Legacy Docs](https://legacy-docs.soybeanjs.cn)
|
|
||||||
|
|
||||||
## Example Images
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## Usage
|
|
||||||
|
|
||||||
**Environment Preparation**
|
|
||||||
|
|
||||||
Make sure your environment meets the following requirements:
|
|
||||||
|
|
||||||
- **git**: you need git to clone and manage project versions.
|
|
||||||
- **NodeJS**: >=18.12.0, recommended 18.19.0 or higher.
|
|
||||||
- **pnpm**: >= 8.7.0, recommended 8.14.0 or higher.
|
|
||||||
|
|
||||||
**Clone Project**
|
|
||||||
|
|
||||||
```bash
|
|
||||||
git clone https://github.com/soybeanjs/soybean-admin.git
|
|
||||||
```
|
|
||||||
|
|
||||||
**Install Dependencies**
|
|
||||||
|
|
||||||
```bash
|
|
||||||
pnpm i
|
|
||||||
```
|
|
||||||
> Since this project uses the pnpm monorepo management method, please do not use npm or yarn to install dependencies.
|
|
||||||
|
|
||||||
**Start Project**
|
|
||||||
|
|
||||||
```bash
|
|
||||||
pnpm dev
|
|
||||||
```
|
|
||||||
|
|
||||||
**Build Project**
|
|
||||||
|
|
||||||
```bash
|
|
||||||
pnpm build
|
|
||||||
```
|
|
||||||
|
|
||||||
**Code Synchronization**
|
|
||||||
|
|
||||||
Refer to the [Code Synchronization](https://docs.soybeanjs.cn/guide/sync) document.
|
|
||||||
|
|
||||||
## Ecosystem
|
|
||||||
|
|
||||||
- [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).
|
|
||||||
- [MalusAdmin](https://github.com/pridejoy/MalusAdmin): A backend management framework developed based on Vue3/TypeScript/NaiveUI and NET7 & Sqlsugar. It is implemented in the most original and simplest way, with a fresh and elegant front-end, a clear and elegant backend structure, and powerful functions.
|
|
||||||
- [PanisAdmin](https://github.com/paynezhuang/panis-admin): Adopting SpringBoot 3, SaToken, MySQL and other frameworks to develop and modify [soybean-admin](https://github.com/soybeanjs/soybean-admin) for the second time, adapting dynamic menu/button-level authorization. Retaining the original flavor, fresh and elegant, high-value back-end management system scaffold.
|
|
||||||
- [snail-job](https://github.com/aizuda/snail-job): A distributed task retry and task scheduling platform with "high performance, high value and high activity".
|
|
||||||
- [SuperApi](https://github.com/TmmTop/SuperApi): Quickly turn your idea into an online stable product! Entity-less library and table building, add, delete, change and check entity-less library table, support 15 kinds of condition query, as well as paging, list, unlimited tree list and other functions of the API deployment! With interface documentation, Auth authorisation, interface flow restriction, access to the client's real IP, advanced server caching components, dynamic APIs and other features, we look forward to your experience!
|
|
||||||
- [FastSoyAdmin](https://github.com/sleep1223/fast-soy-admin): A modern Management Platform based on FastAPI+Vue3+Naive UI.
|
|
||||||
|
|
||||||
|
|
||||||
## How to Contribute
|
|
||||||
|
|
||||||
We warmly welcome and appreciate all forms of contributions. If you have any ideas or suggestions, please feel free to share them by submitting [pull requests](https://github.com/soybeanjs/soybean-admin/pulls) or creating GitHub [issue](https://github.com/soybeanjs/soybean-admin/issues/new).
|
|
||||||
|
|
||||||
## Git Commit Guidelines
|
|
||||||
|
|
||||||
This project has built-in `commit` command, you can execute `pnpm commit` to generate commit information that conforms to [Conventional Commits](https://www.conventionalcommits.org/) specification. When submitting PR, please be sure to use `commit` command to create commit information to ensure the standardization of information.
|
|
||||||
|
|
||||||
## Browser Support
|
|
||||||
|
|
||||||
It is recommended to use the latest version of Chrome in development for a better experience.
|
|
||||||
|
|
||||||
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png" alt="IE" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) |
|
|
||||||
| --- | --- | --- | --- | --- |
|
|
||||||
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
|
|
||||||
|
|
||||||
## OpenSource Author
|
|
||||||
|
|
||||||
[Soybean](https://github.com/honghuangdc)
|
|
||||||
|
|
||||||
## Contributors
|
|
||||||
|
|
||||||
Thanks the following people for their contributions. If you want to contribute to this project, please refer to [How to Contribute](#how-to-contribute).
|
|
||||||
|
|
||||||
<a href="https://github.com/soybeanjs/soybean-admin/graphs/contributors">
|
|
||||||
<img src="https://contrib.rocks/image?repo=soybeanjs/soybean-admin" />
|
|
||||||
</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-3.jpg" style="width:200px" />
|
|
||||||
</div>
|
|
||||||
<!-- <div>
|
|
||||||
<p>WeChat Group</p>
|
|
||||||
<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/picgo/soybean-admin-wechat-0620.jpg" style="width:200px" />
|
|
||||||
</div> -->
|
|
||||||
<div>
|
|
||||||
<p>Add the following WeChat to invite to the WeChat group</p>
|
|
||||||
<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-soybeanjs.jpg" style="width:200px" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
## Star Trend
|
|
||||||
|
|
||||||
[](https://star-history.com/#soybeanjs/soybean-admin&Date)
|
|
||||||
|
|
||||||
## License
|
|
||||||
|
|
||||||
This project is based on the [MIT © 2021 Soybean](./LICENSE) protocol, for learning purposes only, please retain the author's copyright information for commercial use, the author does not guarantee and is not responsible for the software.
|
|
||||||
190
README.md
190
README.md
@@ -1,94 +1,65 @@
|
|||||||
<div align="center">
|
<div align="center">
|
||||||
<img src="./public/favicon.svg" width="160" />
|
<img src="./public/favicon.svg" width="160" />
|
||||||
<h1>SoybeanAdmin</h1>
|
<h1>SoybeanAdmin</h1>
|
||||||
<span>中文 | <a href="./README.en_US.md">English</a></span>
|
<span>English | <a href="./README.zh_CN.md">中文</a></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
[](./LICENSE)
|
[](./LICENSE)
|
||||||
[](https://github.com/soybeanjs/soybean-admin)
|
[](https://github.com/soybeanjs/soybean-admin)
|
||||||
[](https://github.com/soybeanjs/soybean-admin)
|
[](https://github.com/soybeanjs/soybean-admin)
|
||||||
[](https://gitee.com/honghuangdc/soybean-admin)
|
[](https://gitee.com/honghuangdc/soybean-admin)
|
||||||
|
|
||||||
<a href="https://hellogithub.com/repository/1298f27d5fe54959a16cf9686516ddb3" target="_blank"><img src="https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=1298f27d5fe54959a16cf9686516ddb3&claim_uid=IiDXWmP4TEntjbV" alt="Featured｜HelloGitHub" style="width: 250px; height: 54px;" width="250" height="54" /></a>
|
<a href="https://hellogithub.com/repository/1298f27d5fe54959a16cf9686516ddb3" target="_blank"><img src="https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=1298f27d5fe54959a16cf9686516ddb3&claim_uid=IiDXWmP4TEntjbV" alt="Featured｜HelloGitHub" style="width: 250px; height: 54px;" width="250" height="54" /></a>
|
||||||
|
|
||||||
|
|
||||||
> [!NOTE]
|
> [!NOTE]
|
||||||
> 如果您觉得 `SoybeanAdmin`对您有所帮助，或者您喜欢我们的项目，请在 GitHub 上给我们一个 ⭐️。您的支持是我们持续改进和增加新功能的动力！感谢您的支持！
|
> If you think `SoybeanAdmin` is helpful to you, or you like our project, please give us a ⭐️ on GitHub. Your support is the driving force for us to continue to improve and add new features! Thank you for your support!
|
||||||
|
|
||||||
## 简介
|
## Introduction
|
||||||
|
|
||||||
[`SoybeanAdmin`](https://github.com/soybeanjs/soybean-admin) 是一个清新优雅、高颜值且功能强大的后台管理模板，基于最新的前端技术栈，包括 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS。它内置了丰富的主题配置和组件，代码规范严谨，实现了自动化的文件路由系统。此外，它还采用了基于 ApiFox 的在线Mock数据方案。`SoybeanAdmin` 为您提供了一站式的后台管理解决方案，无需额外配置，开箱即用。同样是一个快速学习前沿技术的最佳实践。
|
[`SoybeanAdmin`](https://github.com/soybeanjs/soybean-admin) is a clean, elegant, beautiful and powerful admin template, based on the latest front-end technology stack, including Vue3, Vite5, TypeScript, Pinia and UnoCSS. It has built-in rich theme configuration and components, strict code specifications, and an automated file routing system. In addition, it also uses the online mock data solution based on ApiFox. `SoybeanAdmin` provides you with a one-stop admin solution, no additional configuration, and out of the box. It is also a best practice for learning cutting-edge technologies quickly.
|
||||||
|
|
||||||
## 特性
|
|
||||||
|
|
||||||
- **前沿技术应用**：采用 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS 等最新流行的技术栈。
|
|
||||||
- **清晰的项目架构**：采用 pnpm monorepo 架构，结构清晰，优雅易懂。
|
|
||||||
- **严格的代码规范**：遵循 [SoybeanJS 规范](https://docs.soybeanjs.cn/zh/standard)，集成了eslint, prettier 和 simple-git-hooks，保证代码的规范性。
|
|
||||||
- **TypeScript**： 支持严格的类型检查，提高代码的可维护性。
|
|
||||||
- **丰富的主题配置**：内置多样的主题配置，与 UnoCSS 完美结合。
|
|
||||||
- **内置国际化方案**：轻松实现多语言支持。
|
|
||||||
- **自动化文件路由系统**：自动生成路由导入、声明和类型。更多细节请查看 [Elegant Router](https://github.com/soybeanjs/elegant-router)。
|
|
||||||
- **灵活的权限路由**：同时支持前端静态路由和后端动态路由。
|
|
||||||
- **丰富的页面组件**：内置多样页面和组件，包括403、404、500页面，以及布局组件、标签组件、主题配置组件等。
|
|
||||||
- **命令行工具**：内置高效的命令行工具，git提交、删除文件、发布等。
|
|
||||||
- **移动端适配**：完美支持移动端，实现自适应布局。
|
|
||||||
|
|
||||||
|
|
||||||
## 版本
|
## Features
|
||||||
|
|
||||||
- **NaiveUI 版本:**
|
- **Cutting-edge technology application**: using the latest popular technology stack such as Vue3, Vite5, TypeScript, Pinia and UnoCSS.
|
||||||
- [预览地址](https://naive.soybeanjs.cn/)
|
- **Clear project architecture**: using pnpm monorepo architecture, clear structure, elegant and easy to understand.
|
||||||
- [Github 仓库](https://github.com/soybeanjs/soybean-admin)
|
- **Strict code specifications**: follow the [SoybeanJS specification](https://docs.soybeanjs.cn/standard), integrate eslint, prettier and simple-git-hooks to ensure the code is standardized.
|
||||||
- [Gitee 仓库](https://gitee.com/honghuangdc/soybean-admin)
|
- **TypeScript**: support strict type checking to improve code maintainability.
|
||||||
- **AntDesignVue 版本:**
|
- **Rich theme configuration**: built-in a variety of theme configurations, perfectly integrated with UnoCSS.
|
||||||
- [预览地址](https://antd.soybeanjs.cn/)
|
- **Built-in internationalization solution**: easily realize multi-language support.
|
||||||
- [Github 仓库](https://github.com/soybeanjs/soybean-admin-antd)
|
- **Automated file routing system**: automatically generate route import, declaration and type. For more details, please refer to [Elegant Router](https://github.com/soybeanjs/elegant-router).
|
||||||
- [Gitee 仓库](https://gitee.com/honghuangdc/soybean-admin-antd)
|
- **Flexible permission routing**: support both front-end static routing and back-end dynamic routing.
|
||||||
- **ElementPlus 版本:**
|
- **Rich page components**: built-in a variety of pages and components, including 403, 404, 500 pages, as well as layout components, tag components, theme configuration components, etc.
|
||||||
- [预览地址](https://elp.soybeanjs.cn/)
|
- **Command line tool**: built-in efficient command line tool, git commit, delete file, release, etc.
|
||||||
- [Github 仓库](https://github.com/soybeanjs/soybean-admin-element-plus)
|
- **Mobile adaptation**: perfectly support mobile terminal to realize adaptive layout.
|
||||||
- **旧版:**
|
|
||||||
- [预览地址](https://legacy.soybeanjs.cn/)
|
|
||||||
- [Github 仓库](https://github.com/soybeanjs/soybean-admin/tree/legacy)
|
|
||||||
|
|
||||||
|
|
||||||
## 文档
|
## Version
|
||||||
|
|
||||||
- [地址](https://docs.soybeanjs.cn)
|
- **NaiveUI Version:**
|
||||||
- [旧版文档](https://legacy-docs.soybeanjs.cn)
|
- [Preview Link](https://naive.soybeanjs.cn/)
|
||||||
|
- [Github Repository](https://github.com/soybeanjs/soybean-admin)
|
||||||
|
- [Gitee Repository](https://gitee.com/honghuangdc/soybean-admin)
|
||||||
|
|
||||||
|
- **AntDesignVue Version:**
|
||||||
|
- [Preview Link](https://antd.soybeanjs.cn/)
|
||||||
|
- [Github Repository](https://github.com/soybeanjs/soybean-admin-antd)
|
||||||
|
- [Gitee Repository](https://gitee.com/honghuangdc/soybean-admin-antd)
|
||||||
|
|
||||||
|
- **Legacy Version:**
|
||||||
|
- [Preview Link](https://legacy.soybeanjs.cn/)
|
||||||
|
- [Github Repository](https://github.com/soybeanjs/soybean-admin/tree/legacy)
|
||||||
|
|
||||||
|
|
||||||
## 合作事项
|
## Documentation
|
||||||
|
|
||||||
我们非常感谢大家对 [`SoybeanAdmin`](https://github.com/soybeanjs/soybean-admin) 的支持！为了进一步回馈社区，并助力企业和开发者实现个性化需求，我们现提供多种合作服务，期待与您携手共赢。
|
- [Link](https://docs.soybeanjs.cn)
|
||||||
|
- [Legacy Docs](https://legacy-docs.soybeanjs.cn)
|
||||||
|
|
||||||
##### 1、定制化管理后台开发
|
## Example Images
|
||||||
|
|
||||||
针对企业和开发者的特定业务需求，我们提供基于 [`SoybeanAdmin`](https://github.com/soybeanjs/soybean-admin) 的定制化管理后台开发服务。我们的团队具备丰富的行业经验，能够迅速理解并实现您的需求，打造高效、灵活且安全的定制化解决方案。
|
|
||||||
|
|
||||||
- **定制开发**：我们将根据您的具体需求，提供从需求分析、UI设计到功能实现的全方位服务，确保项目高效交付。
|
|
||||||
- **功能扩展**：在 [`SoybeanAdmin`](https://github.com/soybeanjs/soybean-admin) 基础上，扩展您所需的特定功能模块，提升管理后台的功能和用户体验。
|
|
||||||
|
|
||||||
##### 2、企业外包服务
|
|
||||||
|
|
||||||
我们承接各类企业级外包项目，特别是在管理后台系统的开发、集成与运维方面。我们以精益求精的态度，确保项目的质量和进度，为您的业务提供强有力的技术支持。
|
|
||||||
|
|
||||||
- **项目开发**：无论是全新的项目，还是现有系统的优化与集成，我们都将为您量身打造高效可靠的解决方案。
|
|
||||||
- **系统集成与维护**：我们也提供基于 [`SoybeanAdmin`](https://github.com/soybeanjs/soybean-admin) 的系统集成与长期维护服务，确保您的系统稳定、安全地运行。
|
|
||||||
|
|
||||||
##### 3、联系方式
|
|
||||||
|
|
||||||
如有合作意向或项目咨询，请通过以下方式与我们联系：
|
|
||||||
|
|
||||||
- **Email**: [soybeanjs@outlook.com](mailto:soybeanjs@outlook.com)
|
|
||||||
- **GitHub Issues**: 欢迎通过 [GitHub Issues](https://github.com/soybeanjs/soybean-admin/issues/new) 联系我们，进行初步的合作洽谈。
|
|
||||||
- **商务合作微信**: honghuangdc
|
|
||||||
|
|
||||||
期待与您开展深入合作，共同推动 SoybeanAdmin 项目及其在更多领域的成功应用！
|
|
||||||
|
|
||||||
|
|
||||||
## 示例图片
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -103,109 +74,106 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 使用
|
## Usage
|
||||||
|
|
||||||
**环境准备**
|
**Environment Preparation**
|
||||||
|
|
||||||
确保你的环境满足以下要求：
|
Make sure your environment meets the following requirements:
|
||||||
|
|
||||||
- **git**: 你需要git来克隆和管理项目版本。
|
- **git**: you need git to clone and manage project versions.
|
||||||
- **NodeJS**: >=18.12.0，推荐 18.19.0 或更高。
|
- **NodeJS**: >=18.12.0, recommended 18.19.0 or higher.
|
||||||
- **pnpm**: >= 8.7.0，推荐 8.14.0 或更高。
|
- **pnpm**: >= 8.7.0, recommended 8.14.0 or higher.
|
||||||
|
|
||||||
**克隆项目**
|
**Clone Project**
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
git clone https://github.com/soybeanjs/soybean-admin.git
|
git clone https://github.com/soybeanjs/soybean-admin.git
|
||||||
```
|
```
|
||||||
|
|
||||||
**安装依赖**
|
**Install Dependencies**
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
pnpm i
|
pnpm i
|
||||||
```
|
```
|
||||||
> 由于本项目采用了 pnpm monorepo 的管理方式，因此请不要使用 npm 或 yarn 来安装依赖。
|
> Since this project uses the pnpm monorepo management method, please do not use npm or yarn to install dependencies.
|
||||||
|
|
||||||
**启动项目**
|
**Start Project**
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
pnpm dev
|
pnpm dev
|
||||||
```
|
```
|
||||||
|
|
||||||
**构建项目**
|
**Build Project**
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
pnpm build
|
pnpm build
|
||||||
```
|
```
|
||||||
|
|
||||||
**代码同步**
|
## Ecosystem
|
||||||
|
|
||||||
参考 [代码同步](https://docs.soybeanjs.cn/zh/guide/sync) 文档。
|
- [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).
|
||||||
|
- [MalusAdmin](https://github.com/pridejoy/MalusAdmin): A backend management framework developed based on Vue3/TypeScript/NaiveUI and NET7 & Sqlsugar. It is implemented in the most original and simplest way, with a fresh and elegant front-end, a clear and elegant backend structure, and powerful functions.
|
||||||
- [react-soybean-admin](https://github.com/mufeng889/react-soybean-admin): 基于SoybeanAdmin的React版本.
|
- [PanisAdmin](https://github.com/paynezhuang/panis-admin): Adopting SpringBoot 3, SaToken, MySQL and other frameworks to develop and modify [soybean-admin](https://github.com/soybeanjs/soybean-admin) for the second time, adapting dynamic menu/button-level authorization. Retaining the original flavor, fresh and elegant, high-value back-end management system scaffold.
|
||||||
- [electron-mock-admin](https://github.com/lixin59/electron-mock-api): 一个 Mock Api 管理系统，帮助前端开发伙伴快速实现接口的 mock。
|
- [snail-job](https://github.com/aizuda/snail-job): A distributed task retry and task scheduling platform with "high performance, high value and high activity".
|
||||||
- [T-Shell](https://github.com/TheBlindM/T-Shell): 是一个可配置命令提示的终端模拟器和 SSH 客户端。
|
- [SuperApi](https://github.com/TmmTop/SuperApi): Quickly turn your idea into an online stable product! Entity-less library and table building, add, delete, change and check entity-less library table, support 15 kinds of condition query, as well as paging, list, unlimited tree list and other functions of the API deployment! With interface documentation, Auth authorisation, interface flow restriction, access to the client's real IP, advanced server caching components, dynamic APIs and other features, we look forward to your experience!
|
||||||
- [pea](https://github.com/haitang1894/pea) : 采用SpringBoot3.2 + JDK21、MyBatis-Plus、SpringSecurity安全框架等，适配 [soybean-admin](https://gitee.com/honghuangdc/soybean-admin) 开发的简单权限系统。
|
- [FastSoyAdmin](https://github.com/sleep1223/fast-soy-admin): A modern Management Platform based on FastAPI+Vue3+Naive UI.
|
||||||
- [MalusAdmin](https://github.com/pridejoy/MalusAdmin): 基于 Vue3/TypeScript/NaiveUI 和 NET7 & Sqlsugar 开发的后台管理框架。采用最原生最简洁的方式来实现, 前端清新优雅高颜值，后端 结构清晰，优雅易懂，功能强大。
|
|
||||||
- [PanisAdmin](https://github.com/paynezhuang/panis-admin): 采用SpringBoot3、SaToken、MySQL等框架开发，二次修改 [soybean-admin](https://github.com/soybeanjs/soybean-admin)，适配动态菜单/按钮级别的鉴权，保留原汁原味、清新优雅、高颜值的后台管理系统脚手架。
|
|
||||||
- [snail-job](https://github.com/aizuda/snail-job): 一款兼具 “高性能、高颜值、高活跃” 的分布式任务重试和分布式任务调度平台。
|
|
||||||
- [SuperApi](https://github.com/TmmTop/SuperApi): 快速将你的 idea 变成线上稳定运行的产品！ 无实体建库建表，对无实体库表进行增删改查，支持 15 种条件查询，以及分页，列表，无限级树形列表 等功能的 API 部署！ 拥有接口文档，Auth 授权，接口限流，获取客户端真实 IP，先进的服务器缓存组件，动态 API 等功能，期待您的体验！
|
|
||||||
- [FastSoyAdmin](https://github.com/sleep1223/fast-soy-admin): 基于 FastAPI+Vue3+Naive UI 的现代化轻量管理平台.
|
|
||||||
|
|
||||||
|
|
||||||
## 如何贡献
|
## How to Contribute
|
||||||
|
|
||||||
我们热烈欢迎并感谢所有形式的贡献。如果您有任何想法或建议，欢迎通过提交 [pull requests](https://github.com/soybeanjs/soybean-admin/pulls) 或创建 GitHub [issue](https://github.com/soybeanjs/soybean-admin/issues/new) 来分享。
|
We warmly welcome and appreciate all forms of contributions. If you have any ideas or suggestions, please feel free to share them by submitting [pull requests](https://github.com/soybeanjs/soybean-admin/pulls) or creating GitHub [issue](https://github.com/soybeanjs/soybean-admin/issues/new).
|
||||||
|
|
||||||
## Git 提交规范
|
## Git Commit Guidelines
|
||||||
|
|
||||||
本项目已内置 `commit` 命令，您可以通过执行 `pnpm commit` 来生成符合 [Conventional Commits]([conventionalcommits](https://www.conventionalcommits.org/)) 规范的提交信息。在提交PR时，请务必使用 `commit` 命令来创建提交信息，以确保信息的规范性。
|
This project has built-in `commit` command, you can execute `pnpm commit` to generate commit information that conforms to [Conventional Commits](https://www.conventionalcommits.org/) specification. When submitting PR, please be sure to use `commit` command to create commit information to ensure the standardization of information.
|
||||||
|
|
||||||
|
## Browser Support
|
||||||
|
|
||||||
## 浏览器支持
|
It is recommended to use the latest version of Chrome in development for a better experience.
|
||||||
|
|
||||||
推荐使用最新版的 Chrome 浏览器进行开发，以获得更好的体验。
|
|
||||||
|
|
||||||
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png" alt="IE" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) |
|
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png" alt="IE" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) |
|
||||||
| --- | --- | --- | --- | --- |
|
| --- | --- | --- | --- | --- |
|
||||||
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
|
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
|
||||||
|
|
||||||
## 开源作者
|
## OpenSource Author
|
||||||
|
|
||||||
[Soybean](https://github.com/honghuangdc)
|
[Soybean](https://github.com/honghuangdc)
|
||||||
|
|
||||||
|
## Contributors
|
||||||
|
|
||||||
## 贡献者
|
Thanks the following people for their contributions. If you want to contribute to this project, please refer to [How to Contribute](#how-to-contribute).
|
||||||
|
|
||||||
感谢以下贡献者的贡献。如果您想为本项目做出贡献，请参考 [如何贡献](#如何贡献)。
|
|
||||||
|
|
||||||
<a href="https://github.com/soybeanjs/soybean-admin/graphs/contributors">
|
<a href="https://github.com/soybeanjs/soybean-admin/graphs/contributors">
|
||||||
<img src="https://contrib.rocks/image?repo=soybeanjs/soybean-admin" />
|
<img src="https://contrib.rocks/image?repo=soybeanjs/soybean-admin" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
## 交流
|
## Communication
|
||||||
|
|
||||||
`SoybeanAdmin` 是完全开源免费的项目，在帮助开发者更方便地进行中大型管理系统开发，同时也提供微信和 QQ 交流群，使用问题欢迎在群内提问。
|
`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>
|
<div>
|
||||||
<p>QQ交流群</p>
|
<p>QQ Group</p>
|
||||||
<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/qq-soybean-admin-3.jpg" style="width:200px" />
|
<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/qq-soybean-admin-2.jpg" style="width:200px" />
|
||||||
</div>
|
</div>
|
||||||
<!-- <div>
|
<!-- <div>
|
||||||
<p>微信群</p>
|
<p>WeChat Group</p>
|
||||||
<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/picgo/soybean-admin-wechat-0620.jpg" style="width:200px" />
|
<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/picgo/soybean-admin-wechat-0620.jpg" style="width:200px" />
|
||||||
</div> -->
|
</div> -->
|
||||||
<div>
|
<div>
|
||||||
<p>添加下面微信邀请进微信群</p>
|
<p>Add the following WeChat to invite to the WeChat group</p>
|
||||||
<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-soybeanjs.jpg" style="width:200px" />
|
<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-soybeanjs.jpg" style="width:200px" />
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>Add Soybean's WeChat for business consultation, cooperation, project architecture, one-on-one guidance, etc.</p>
|
||||||
|
<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-soybean.jpg" style="width:200px" />
|
||||||
|
</div>
|
||||||
|
|
||||||
## Star 趋势
|
## Star Trend
|
||||||
|
|
||||||
[](https://star-history.com/#soybeanjs/soybean-admin&Date)
|
[](https://star-history.com/#soybeanjs/soybean-admin&Date)
|
||||||
|
|
||||||
## 开源协议
|
## License
|
||||||
|
|
||||||
项目基于 [MIT © 2021 Soybean](./LICENSE) 协议，仅供学习参考，商业使用请保留作者版权信息，作者不保证也不承担任何软件的使用风险。
|
This project is based on the [MIT © 2021 Soybean](./LICENSE) protocol, for learning purposes only, please retain the author's copyright information for commercial use, the author does not guarantee and is not responsible for the software.
|
||||||
|
|||||||
179
README.zh_CN.md
Normal file
179
README.zh_CN.md
Normal file
@@ -0,0 +1,179 @@
|
|||||||
|
<div align="center">
|
||||||
|
<img src="./public/favicon.svg" width="160" />
|
||||||
|
<h1>SoybeanAdmin</h1>
|
||||||
|
<span><a href="./README.md">English</a> | 中文</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
[](./LICENSE)
|
||||||
|
[](https://github.com/soybeanjs/soybean-admin)
|
||||||
|
[](https://github.com/soybeanjs/soybean-admin)
|
||||||
|
[](https://gitee.com/honghuangdc/soybean-admin)
|
||||||
|
|
||||||
|
<a href="https://hellogithub.com/repository/1298f27d5fe54959a16cf9686516ddb3" target="_blank"><img src="https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=1298f27d5fe54959a16cf9686516ddb3&claim_uid=IiDXWmP4TEntjbV" alt="Featured｜HelloGitHub" style="width: 250px; height: 54px;" width="250" height="54" /></a>
|
||||||
|
|
||||||
|
> [!NOTE]
|
||||||
|
> 如果您觉得 `SoybeanAdmin`对您有所帮助，或者您喜欢我们的项目，请在 GitHub 上给我们一个 ⭐️。您的支持是我们持续改进和增加新功能的动力！感谢您的支持！
|
||||||
|
|
||||||
|
## 简介
|
||||||
|
|
||||||
|
[`SoybeanAdmin`](https://github.com/soybeanjs/soybean-admin) 是一个清新优雅、高颜值且功能强大的后台管理模板，基于最新的前端技术栈，包括 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS。它内置了丰富的主题配置和组件，代码规范严谨，实现了自动化的文件路由系统。此外，它还采用了基于 ApiFox 的在线Mock数据方案。`SoybeanAdmin` 为您提供了一站式的后台管理解决方案，无需额外配置，开箱即用。同样是一个快速学习前沿技术的最佳实践。
|
||||||
|
|
||||||
|
## 特性
|
||||||
|
|
||||||
|
- **前沿技术应用**：采用 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS 等最新流行的技术栈。
|
||||||
|
- **清晰的项目架构**：采用 pnpm monorepo 架构，结构清晰，优雅易懂。
|
||||||
|
- **严格的代码规范**：遵循 [SoybeanJS 规范](https://docs.soybeanjs.cn/zh/standard)，集成了eslint, prettier 和 simple-git-hooks，保证代码的规范性。
|
||||||
|
- **TypeScript**： 支持严格的类型检查，提高代码的可维护性。
|
||||||
|
- **丰富的主题配置**：内置多样的主题配置，与 UnoCSS 完美结合。
|
||||||
|
- **内置国际化方案**：轻松实现多语言支持。
|
||||||
|
- **自动化文件路由系统**：自动生成路由导入、声明和类型。更多细节请查看 [Elegant Router](https://github.com/soybeanjs/elegant-router)。
|
||||||
|
- **灵活的权限路由**：同时支持前端静态路由和后端动态路由。
|
||||||
|
- **丰富的页面组件**：内置多样页面和组件，包括403、404、500页面，以及布局组件、标签组件、主题配置组件等。
|
||||||
|
- **命令行工具**：内置高效的命令行工具，git提交、删除文件、发布等。
|
||||||
|
- **移动端适配**：完美支持移动端，实现自适应布局。
|
||||||
|
|
||||||
|
|
||||||
|
## 版本
|
||||||
|
|
||||||
|
- **NaiveUI 版本:**
|
||||||
|
- [预览地址](https://naive.soybeanjs.cn/)
|
||||||
|
- [Github 仓库](https://github.com/soybeanjs/soybean-admin)
|
||||||
|
- [Gitee 仓库](https://gitee.com/honghuangdc/soybean-admin)
|
||||||
|
|
||||||
|
- **AntDesignVue 版本:**
|
||||||
|
- [预览地址](https://antd.soybeanjs.cn/)
|
||||||
|
- [Github 仓库](https://github.com/soybeanjs/soybean-admin-antd)
|
||||||
|
- [Gitee 仓库](https://gitee.com/honghuangdc/soybean-admin-antd)
|
||||||
|
|
||||||
|
- **旧版:**
|
||||||
|
- [预览地址](https://legacy.soybeanjs.cn/)
|
||||||
|
- [Github 仓库](https://github.com/soybeanjs/soybean-admin/tree/legacy)
|
||||||
|
|
||||||
|
|
||||||
|
## 文档
|
||||||
|
|
||||||
|
- [地址](https://docs.soybeanjs.cn)
|
||||||
|
- [旧版文档](https://legacy-docs.soybeanjs.cn)
|
||||||
|
|
||||||
|
## 示例图片
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 使用
|
||||||
|
|
||||||
|
**环境准备**
|
||||||
|
|
||||||
|
确保你的环境满足以下要求：
|
||||||
|
|
||||||
|
- **git**: 你需要git来克隆和管理项目版本。
|
||||||
|
- **NodeJS**: >=18.12.0，推荐 18.19.0 或更高。
|
||||||
|
- **pnpm**: >= 8.7.0，推荐 8.14.0 或更高。
|
||||||
|
|
||||||
|
**克隆项目**
|
||||||
|
|
||||||
|
```bash
|
||||||
|
git clone https://github.com/soybeanjs/soybean-admin.git
|
||||||
|
```
|
||||||
|
|
||||||
|
**安装依赖**
|
||||||
|
|
||||||
|
```bash
|
||||||
|
pnpm i
|
||||||
|
```
|
||||||
|
> 由于本项目采用了 pnpm monorepo 的管理方式，因此请不要使用 npm 或 yarn 来安装依赖。
|
||||||
|
|
||||||
|
**启动项目**
|
||||||
|
|
||||||
|
```bash
|
||||||
|
pnpm dev
|
||||||
|
```
|
||||||
|
|
||||||
|
**构建项目**
|
||||||
|
|
||||||
|
```bash
|
||||||
|
pnpm build
|
||||||
|
```
|
||||||
|
|
||||||
|
## 周边生态
|
||||||
|
|
||||||
|
- [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) 开发的简单权限系统。
|
||||||
|
- [MalusAdmin](https://github.com/pridejoy/MalusAdmin): 基于 Vue3/TypeScript/NaiveUI 和 NET7 & Sqlsugar 开发的后台管理框架。采用最原生最简洁的方式来实现, 前端清新优雅高颜值，后端 结构清晰，优雅易懂，功能强大。
|
||||||
|
- [PanisAdmin](https://github.com/paynezhuang/panis-admin): 采用SpringBoot3、SaToken、MySQL等框架开发，二次修改 [soybean-admin](https://github.com/soybeanjs/soybean-admin)，适配动态菜单/按钮级别的鉴权，保留原汁原味、清新优雅、高颜值的后台管理系统脚手架。
|
||||||
|
- [snail-job](https://github.com/aizuda/snail-job): 一款兼具 “高性能、高颜值、高活跃” 的分布式任务重试和分布式任务调度平台。
|
||||||
|
- [SuperApi](https://github.com/TmmTop/SuperApi): 快速将你的 idea 变成线上稳定运行的产品！ 无实体建库建表，对无实体库表进行增删改查，支持 15 种条件查询，以及分页，列表，无限级树形列表 等功能的 API 部署！ 拥有接口文档，Auth 授权，接口限流，获取客户端真实 IP，先进的服务器缓存组件，动态 API 等功能，期待您的体验！
|
||||||
|
- [FastSoyAdmin](https://github.com/sleep1223/fast-soy-admin): 基于 FastAPI+Vue3+Naive UI 的现代化轻量管理平台.
|
||||||
|
|
||||||
|
|
||||||
|
## 如何贡献
|
||||||
|
|
||||||
|
我们热烈欢迎并感谢所有形式的贡献。如果您有任何想法或建议，欢迎通过提交 [pull requests](https://github.com/soybeanjs/soybean-admin/pulls) 或创建 GitHub [issue](https://github.com/soybeanjs/soybean-admin/issues/new) 来分享。
|
||||||
|
|
||||||
|
## Git 提交规范
|
||||||
|
|
||||||
|
本项目已内置 `commit` 命令，您可以通过执行 `pnpm commit` 来生成符合 [Conventional Commits]([conventionalcommits](https://www.conventionalcommits.org/)) 规范的提交信息。在提交PR时，请务必使用 `commit` 命令来创建提交信息，以确保信息的规范性。
|
||||||
|
|
||||||
|
|
||||||
|
## 浏览器支持
|
||||||
|
|
||||||
|
推荐使用最新版的 Chrome 浏览器进行开发，以获得更好的体验。
|
||||||
|
|
||||||
|
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png" alt="IE" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/) |
|
||||||
|
| --- | --- | --- | --- | --- |
|
||||||
|
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
|
||||||
|
|
||||||
|
## 开源作者
|
||||||
|
|
||||||
|
[Soybean](https://github.com/honghuangdc)
|
||||||
|
|
||||||
|
|
||||||
|
## 贡献者
|
||||||
|
|
||||||
|
感谢以下贡献者的贡献。如果您想为本项目做出贡献，请参考 [如何贡献](#如何贡献)。
|
||||||
|
|
||||||
|
<a href="https://github.com/soybeanjs/soybean-admin/graphs/contributors">
|
||||||
|
<img src="https://contrib.rocks/image?repo=soybeanjs/soybean-admin" />
|
||||||
|
</a>
|
||||||
|
|
||||||
|
## 交流
|
||||||
|
|
||||||
|
`SoybeanAdmin` 是完全开源免费的项目，在帮助开发者更方便地进行中大型管理系统开发，同时也提供微信和 QQ 交流群，使用问题欢迎在群内提问。
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p>QQ交流群</p>
|
||||||
|
<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/qq-soybean-admin-2.jpg" style="width:200px" />
|
||||||
|
</div>
|
||||||
|
<!-- <div>
|
||||||
|
<p>微信群</p>
|
||||||
|
<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/picgo/soybean-admin-wechat-0620.jpg" style="width:200px" />
|
||||||
|
</div> -->
|
||||||
|
<div>
|
||||||
|
<p>添加下面微信邀请进微信群</p>
|
||||||
|
<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-soybeanjs.jpg" style="width:200px" />
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>添加 Soybean 的微信，业务咨询、合作、项目架构、一对一指导等</p>
|
||||||
|
<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-soybean.jpg" style="width:200px" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
## Star 趋势
|
||||||
|
|
||||||
|
[](https://star-history.com/#soybeanjs/soybean-admin&Date)
|
||||||
|
|
||||||
|
## 开源协议
|
||||||
|
|
||||||
|
项目基于 [MIT © 2021 Soybean](./LICENSE) 协议，仅供学习参考，商业使用请保留作者版权信息，作者不保证也不承担任何软件的使用风险。
|
||||||
@@ -1,53 +1,34 @@
|
|||||||
import type { HttpProxy, ProxyOptions } from 'vite';
|
import type { ProxyOptions } from 'vite';
|
||||||
import { bgRed, bgYellow, green, lightBlue } from 'kolorist';
|
|
||||||
import { consola } from 'consola';
|
|
||||||
import { createServiceConfig } from '../../src/utils/service';
|
import { createServiceConfig } from '../../src/utils/service';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Set http proxy
|
* Set http proxy
|
||||||
*
|
*
|
||||||
* @param env - The current env
|
* @param env - The current env
|
||||||
* @param enable - If enable http proxy
|
* @param isDev - Is development environment
|
||||||
*/
|
*/
|
||||||
export function createViteProxy(env: Env.ImportMeta, enable: boolean) {
|
export function createViteProxy(env: Env.ImportMeta, isDev: boolean) {
|
||||||
const isEnableHttpProxy = enable && env.VITE_HTTP_PROXY === 'Y';
|
const isEnableHttpProxy = isDev && env.VITE_HTTP_PROXY === 'Y';
|
||||||
|
|
||||||
if (!isEnableHttpProxy) return undefined;
|
if (!isEnableHttpProxy) return undefined;
|
||||||
|
|
||||||
const isEnableProxyLog = env.VITE_PROXY_LOG === 'Y';
|
|
||||||
|
|
||||||
const { baseURL, proxyPattern, other } = createServiceConfig(env);
|
const { baseURL, proxyPattern, other } = createServiceConfig(env);
|
||||||
|
|
||||||
const proxy: Record<string, ProxyOptions> = createProxyItem({ baseURL, proxyPattern }, isEnableProxyLog);
|
const proxy: Record<string, ProxyOptions> = createProxyItem({ baseURL, proxyPattern });
|
||||||
|
|
||||||
other.forEach(item => {
|
other.forEach(item => {
|
||||||
Object.assign(proxy, createProxyItem(item, isEnableProxyLog));
|
Object.assign(proxy, createProxyItem(item));
|
||||||
});
|
});
|
||||||
|
|
||||||
return proxy;
|
return proxy;
|
||||||
}
|
}
|
||||||
|
|
||||||
function createProxyItem(item: App.Service.ServiceConfigItem, enableLog: boolean) {
|
function createProxyItem(item: App.Service.ServiceConfigItem) {
|
||||||
const proxy: Record<string, ProxyOptions> = {};
|
const proxy: Record<string, ProxyOptions> = {};
|
||||||
|
|
||||||
proxy[item.proxyPattern] = {
|
proxy[item.proxyPattern] = {
|
||||||
target: item.baseURL,
|
target: item.baseURL,
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
configure: (_proxy: HttpProxy.Server, options: ProxyOptions) => {
|
|
||||||
_proxy.on('proxyReq', (_proxyReq, req, _res) => {
|
|
||||||
if (!enableLog) return;
|
|
||||||
|
|
||||||
const requestUrl = `${lightBlue('[proxy url]')}: ${bgYellow(` ${req.method} `)} ${green(`${item.proxyPattern}${req.url}`)}`;
|
|
||||||
|
|
||||||
const proxyUrl = `${lightBlue('[real request url]')}: ${green(`${options.target}${req.url}`)}`;
|
|
||||||
|
|
||||||
consola.log(`${requestUrl}\n${proxyUrl}`);
|
|
||||||
});
|
|
||||||
_proxy.on('error', (_err, req, _res) => {
|
|
||||||
if (!enableLog) return;
|
|
||||||
consola.log(bgRed(`Error: ${req.method} `), green(`${options.target}${req.url}`));
|
|
||||||
});
|
|
||||||
},
|
|
||||||
rewrite: path => path.replace(new RegExp(`^${item.proxyPattern}`), '')
|
rewrite: path => path.replace(new RegExp(`^${item.proxyPattern}`), '')
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@@ -10,7 +10,11 @@ import { setupHtmlPlugin } from './html';
|
|||||||
|
|
||||||
export function setupVitePlugins(viteEnv: Env.ImportMeta, buildTime: string) {
|
export function setupVitePlugins(viteEnv: Env.ImportMeta, buildTime: string) {
|
||||||
const plugins: PluginOption = [
|
const plugins: PluginOption = [
|
||||||
vue(),
|
vue({
|
||||||
|
script: {
|
||||||
|
defineModel: true
|
||||||
|
}
|
||||||
|
}),
|
||||||
vueJsx(),
|
vueJsx(),
|
||||||
VueDevtools(),
|
VueDevtools(),
|
||||||
setupElegantRouter(),
|
setupElegantRouter(),
|
||||||
|
|||||||
@@ -8,6 +8,20 @@ export function setupElegantRouter() {
|
|||||||
base: 'src/layouts/base-layout/index.vue',
|
base: 'src/layouts/base-layout/index.vue',
|
||||||
blank: 'src/layouts/blank-layout/index.vue'
|
blank: 'src/layouts/blank-layout/index.vue'
|
||||||
},
|
},
|
||||||
|
customRoutes: {
|
||||||
|
names: [
|
||||||
|
'exception_403',
|
||||||
|
'exception_404',
|
||||||
|
'exception_500',
|
||||||
|
'document_project',
|
||||||
|
'document_project-link',
|
||||||
|
'document_vue',
|
||||||
|
'document_vite',
|
||||||
|
'document_unocss',
|
||||||
|
'document_naive',
|
||||||
|
'document_antd'
|
||||||
|
]
|
||||||
|
},
|
||||||
routePathTransformer(routeName, routePath) {
|
routePathTransformer(routeName, routePath) {
|
||||||
const key = routeName as RouteKey;
|
const key = routeName as RouteKey;
|
||||||
|
|
||||||
|
|||||||
@@ -1,12 +1,12 @@
|
|||||||
import process from 'node:process';
|
import process from 'node:process';
|
||||||
import path from 'node:path';
|
import path from 'node:path';
|
||||||
import type { PluginOption } from 'vite';
|
import type { PluginOption } from 'vite';
|
||||||
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
|
|
||||||
import Icons from 'unplugin-icons/vite';
|
import Icons from 'unplugin-icons/vite';
|
||||||
import IconsResolver from 'unplugin-icons/resolver';
|
import IconsResolver from 'unplugin-icons/resolver';
|
||||||
import Components from 'unplugin-vue-components/vite';
|
import Components from 'unplugin-vue-components/vite';
|
||||||
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
|
import { AntDesignVueResolver, NaiveUiResolver } from 'unplugin-vue-components/resolvers';
|
||||||
import { FileSystemIconLoader } from 'unplugin-icons/loaders';
|
import { FileSystemIconLoader } from 'unplugin-icons/loaders';
|
||||||
|
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
|
||||||
|
|
||||||
export function setupUnplugin(viteEnv: Env.ImportMeta) {
|
export function setupUnplugin(viteEnv: Env.ImportMeta) {
|
||||||
const { VITE_ICON_PREFIX, VITE_ICON_LOCAL_PREFIX } = viteEnv;
|
const { VITE_ICON_PREFIX, VITE_ICON_LOCAL_PREFIX } = viteEnv;
|
||||||
@@ -31,6 +31,9 @@ export function setupUnplugin(viteEnv: Env.ImportMeta) {
|
|||||||
dts: 'src/typings/components.d.ts',
|
dts: 'src/typings/components.d.ts',
|
||||||
types: [{ from: 'vue-router', names: ['RouterLink', 'RouterView'] }],
|
types: [{ from: 'vue-router', names: ['RouterLink', 'RouterView'] }],
|
||||||
resolvers: [
|
resolvers: [
|
||||||
|
AntDesignVueResolver({
|
||||||
|
importStyle: false
|
||||||
|
}),
|
||||||
NaiveUiResolver(),
|
NaiveUiResolver(),
|
||||||
IconsResolver({ customCollections: [collectionName], componentPrefix: VITE_ICON_PREFIX })
|
IconsResolver({ customCollections: [collectionName], componentPrefix: VITE_ICON_PREFIX })
|
||||||
]
|
]
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import { defineConfig } from '@soybeanjs/eslint-config';
|
import { defineConfig } from '@soybeanjs/eslint-config';
|
||||||
|
|
||||||
export default defineConfig(
|
export default defineConfig(
|
||||||
{ vue: true, unocss: true },
|
{ vue: true, unocss: true, ignores: ['src-tauri/target'] },
|
||||||
{
|
{
|
||||||
rules: {
|
rules: {
|
||||||
'vue/multi-word-component-names': [
|
'vue/multi-word-component-names': [
|
||||||
|
|||||||
83
package.json
83
package.json
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "soybean-admin",
|
"name": "soybean-admin",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"version": "1.3.12",
|
"version": "1.2.7",
|
||||||
"description": "A fresh and elegant admin template, based on Vue3、Vite3、TypeScript、NaiveUI and UnoCSS. 一个基于Vue3、Vite3、TypeScript、NaiveUI and UnoCSS的清新优雅的中后台模版。",
|
"description": "A fresh and elegant admin template, based on Vue3、Vite3、TypeScript、NaiveUI and UnoCSS. 一个基于Vue3、Vite3、TypeScript、NaiveUI and UnoCSS的清新优雅的中后台模版。",
|
||||||
"author": {
|
"author": {
|
||||||
"name": "Soybean",
|
"name": "Soybean",
|
||||||
@@ -32,76 +32,77 @@
|
|||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"build": "vite build --mode prod",
|
"build": "vite build --mode prod",
|
||||||
|
"build:tauri": "pnpm tauri build",
|
||||||
"build:test": "vite build --mode test",
|
"build:test": "vite build --mode test",
|
||||||
"cleanup": "sa cleanup",
|
"cleanup": "sa cleanup",
|
||||||
"commit": "sa git-commit",
|
"commit": "sa git-commit",
|
||||||
"commit:zh": "sa git-commit -l=zh-cn",
|
|
||||||
"dev": "vite --mode test",
|
"dev": "vite --mode test",
|
||||||
"dev:prod": "vite --mode prod",
|
"dev:prod": "vite --mode prod",
|
||||||
|
"dev:tauri": "pnpm tauri dev",
|
||||||
"gen-route": "sa gen-route",
|
"gen-route": "sa gen-route",
|
||||||
"lint": "eslint . --fix",
|
"lint": "eslint . --fix",
|
||||||
"prepare": "simple-git-hooks",
|
"prepare": "simple-git-hooks",
|
||||||
"preview": "vite preview",
|
"preview": "vite preview",
|
||||||
"release": "sa release",
|
"release": "sa release",
|
||||||
|
"tauri-icon": "pnpm tauri icon ./public/logo.png",
|
||||||
"typecheck": "vue-tsc --noEmit --skipLibCheck",
|
"typecheck": "vue-tsc --noEmit --skipLibCheck",
|
||||||
"update-pkg": "sa update-pkg"
|
"update-pkg": "sa update-pkg"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@better-scroll/core": "2.5.1",
|
"@better-scroll/core": "2.5.1",
|
||||||
"@iconify/vue": "4.3.0",
|
"@iconify/vue": "4.1.2",
|
||||||
"@sa/axios": "workspace:*",
|
"@sa/axios": "workspace:*",
|
||||||
"@sa/color": "workspace:*",
|
"@sa/color": "workspace:*",
|
||||||
"@sa/hooks": "workspace:*",
|
"@sa/hooks": "workspace:*",
|
||||||
"@sa/materials": "workspace:*",
|
"@sa/materials": "workspace:*",
|
||||||
"@sa/utils": "workspace:*",
|
"@sa/utils": "workspace:*",
|
||||||
"@vueuse/core": "13.0.0",
|
"@vueuse/core": "10.11.0",
|
||||||
"clipboard": "2.0.11",
|
"clipboard": "2.0.11",
|
||||||
"dayjs": "1.11.13",
|
"dayjs": "1.11.11",
|
||||||
"defu": "6.1.4",
|
"echarts": "5.5.1",
|
||||||
"echarts": "5.6.0",
|
"lodash-es": "4.17.21",
|
||||||
"json5": "2.2.3",
|
"naive-ui": "2.38.2",
|
||||||
"naive-ui": "2.41.0",
|
|
||||||
"nprogress": "0.2.0",
|
"nprogress": "0.2.0",
|
||||||
"pinia": "3.0.1",
|
"pinia": "2.1.7",
|
||||||
"tailwind-merge": "3.0.2",
|
"tailwind-merge": "2.4.0",
|
||||||
"vue": "3.5.13",
|
"vue": "3.4.31",
|
||||||
"vue-draggable-plus": "0.6.0",
|
"vue-draggable-plus": "0.5.2",
|
||||||
"vue-i18n": "11.1.2",
|
"vue-i18n": "9.13.1",
|
||||||
"vue-router": "4.5.0"
|
"vue-router": "4.4.0"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@elegant-router/vue": "0.3.8",
|
"@elegant-router/vue": "0.3.7",
|
||||||
"@iconify/json": "2.2.316",
|
"@iconify/json": "2.2.226",
|
||||||
"@sa/scripts": "workspace:*",
|
"@sa/scripts": "workspace:*",
|
||||||
"@sa/uno-preset": "workspace:*",
|
"@sa/uno-preset": "workspace:*",
|
||||||
"@soybeanjs/eslint-config": "1.6.0",
|
"@soybeanjs/eslint-config": "1.3.7",
|
||||||
"@types/node": "22.13.10",
|
"@tauri-apps/cli": "1.5.14",
|
||||||
|
"@types/lodash-es": "4.17.12",
|
||||||
|
"@types/node": "20.14.10",
|
||||||
"@types/nprogress": "0.2.3",
|
"@types/nprogress": "0.2.3",
|
||||||
"@unocss/eslint-config": "66.0.0",
|
"@unocss/eslint-config": "0.61.3",
|
||||||
"@unocss/preset-icons": "66.0.0",
|
"@unocss/preset-icons": "0.61.3",
|
||||||
"@unocss/preset-uno": "66.0.0",
|
"@unocss/preset-uno": "0.61.3",
|
||||||
"@unocss/transformer-directives": "66.0.0",
|
"@unocss/transformer-directives": "0.61.3",
|
||||||
"@unocss/transformer-variant-group": "66.0.0",
|
"@unocss/transformer-variant-group": "0.61.3",
|
||||||
"@unocss/vite": "66.0.0",
|
"@unocss/vite": "0.61.3",
|
||||||
"@vitejs/plugin-vue": "5.2.1",
|
"@vitejs/plugin-vue": "5.0.5",
|
||||||
"@vitejs/plugin-vue-jsx": "4.1.1",
|
"@vitejs/plugin-vue-jsx": "4.0.0",
|
||||||
"consola": "3.4.0",
|
"eslint": "9.6.0",
|
||||||
"eslint": "9.22.0",
|
"eslint-plugin-vue": "9.27.0",
|
||||||
"eslint-plugin-vue": "10.0.0",
|
"lint-staged": "15.2.7",
|
||||||
"kolorist": "1.8.0",
|
"sass": "1.77.7",
|
||||||
"lint-staged": "15.4.3",
|
|
||||||
"sass": "1.85.1",
|
|
||||||
"simple-git-hooks": "2.11.1",
|
"simple-git-hooks": "2.11.1",
|
||||||
"tsx": "4.19.3",
|
"tsx": "4.16.2",
|
||||||
"typescript": "5.8.2",
|
"typescript": "5.5.3",
|
||||||
"unplugin-icons": "22.1.0",
|
"unplugin-icons": "0.19.0",
|
||||||
"unplugin-vue-components": "28.4.1",
|
"unplugin-vue-components": "0.27.2",
|
||||||
"vite": "6.2.1",
|
"vite": "5.3.3",
|
||||||
"vite-plugin-progress": "0.0.7",
|
"vite-plugin-progress": "0.0.7",
|
||||||
"vite-plugin-svg-icons": "2.0.1",
|
"vite-plugin-svg-icons": "2.0.1",
|
||||||
"vite-plugin-vue-devtools": "7.7.2",
|
"vite-plugin-vue-devtools": "7.3.5",
|
||||||
"vue-eslint-parser": "10.1.1",
|
"vue-eslint-parser": "9.4.3",
|
||||||
"vue-tsc": "2.2.8"
|
"vue-tsc": "2.0.26"
|
||||||
},
|
},
|
||||||
"simple-git-hooks": {
|
"simple-git-hooks": {
|
||||||
"commit-msg": "pnpm sa git-commit-verify",
|
"commit-msg": "pnpm sa git-commit-verify",
|
||||||
|
|||||||
@@ -1,20 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "@sa/alova",
|
|
||||||
"version": "1.3.12",
|
|
||||||
"exports": {
|
|
||||||
".": "./src/index.ts",
|
|
||||||
"./fetch": "./src/fetch.ts",
|
|
||||||
"./client": "./src/client.ts",
|
|
||||||
"./mock": "./src/mock.ts"
|
|
||||||
},
|
|
||||||
"typesVersions": {
|
|
||||||
"*": {
|
|
||||||
"*": ["./src/*"]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@alova/mock": "2.0.12",
|
|
||||||
"@sa/utils": "workspace:*",
|
|
||||||
"alova": "3.2.10"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
export * from 'alova/client';
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
/** the backend error code key */
|
|
||||||
export const BACKEND_ERROR_CODE = 'BACKEND_ERROR';
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
import adapterFetch from 'alova/fetch';
|
|
||||||
export default adapterFetch;
|
|
||||||
@@ -1,77 +0,0 @@
|
|||||||
import { createAlova } from 'alova';
|
|
||||||
import type { AlovaDefaultCacheAdapter, AlovaGenerics, AlovaGlobalCacheAdapter, AlovaRequestAdapter } from 'alova';
|
|
||||||
import VueHook from 'alova/vue';
|
|
||||||
import type { VueHookType } from 'alova/vue';
|
|
||||||
import adapterFetch from 'alova/fetch';
|
|
||||||
import { createServerTokenAuthentication } from 'alova/client';
|
|
||||||
import type { FetchRequestInit } from 'alova/fetch';
|
|
||||||
import { BACKEND_ERROR_CODE } from './constant';
|
|
||||||
import type { CustomAlovaConfig, RequestOptions } from './type';
|
|
||||||
|
|
||||||
export const createAlovaRequest = <
|
|
||||||
RequestConfig = FetchRequestInit,
|
|
||||||
ResponseType = Response,
|
|
||||||
ResponseHeader = Headers,
|
|
||||||
L1Cache extends AlovaGlobalCacheAdapter = AlovaDefaultCacheAdapter,
|
|
||||||
L2Cache extends AlovaGlobalCacheAdapter = AlovaDefaultCacheAdapter
|
|
||||||
>(
|
|
||||||
customConfig: CustomAlovaConfig<
|
|
||||||
AlovaGenerics<any, any, RequestConfig, ResponseType, ResponseHeader, L1Cache, L2Cache, any>
|
|
||||||
>,
|
|
||||||
options: RequestOptions<AlovaGenerics<any, any, RequestConfig, ResponseType, ResponseHeader, L1Cache, L2Cache, any>>
|
|
||||||
) => {
|
|
||||||
const { tokenRefresher } = options;
|
|
||||||
const { onAuthRequired, onResponseRefreshToken } = createServerTokenAuthentication<
|
|
||||||
VueHookType,
|
|
||||||
AlovaRequestAdapter<RequestConfig, ResponseType, ResponseHeader>
|
|
||||||
>({
|
|
||||||
refreshTokenOnSuccess: {
|
|
||||||
isExpired: (response, method) => tokenRefresher?.isExpired(response, method) || false,
|
|
||||||
handler: async (response, method) => tokenRefresher?.handler(response, method)
|
|
||||||
},
|
|
||||||
refreshTokenOnError: {
|
|
||||||
isExpired: (response, method) => tokenRefresher?.isExpired(response, method) || false,
|
|
||||||
handler: async (response, method) => tokenRefresher?.handler(response, method)
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const instance = createAlova({
|
|
||||||
...customConfig,
|
|
||||||
timeout: customConfig.timeout ?? 10 * 1000,
|
|
||||||
requestAdapter: (customConfig.requestAdapter as any) ?? adapterFetch(),
|
|
||||||
statesHook: VueHook,
|
|
||||||
beforeRequest: onAuthRequired(options.onRequest as any),
|
|
||||||
responded: onResponseRefreshToken({
|
|
||||||
onSuccess: async (response, method) => {
|
|
||||||
// check if http status is success
|
|
||||||
let error: any = null;
|
|
||||||
let transformedData: any = null;
|
|
||||||
try {
|
|
||||||
if (await options.isBackendSuccess(response)) {
|
|
||||||
transformedData = await options.transformBackendResponse(response);
|
|
||||||
} else {
|
|
||||||
error = new Error('the backend request error');
|
|
||||||
error.code = BACKEND_ERROR_CODE;
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
error = err;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (error) {
|
|
||||||
await options.onError?.(error, response, method);
|
|
||||||
throw error;
|
|
||||||
}
|
|
||||||
|
|
||||||
return transformedData;
|
|
||||||
},
|
|
||||||
onComplete: options.onComplete,
|
|
||||||
onError: (error, method) => options.onError?.(error, null, method)
|
|
||||||
})
|
|
||||||
});
|
|
||||||
|
|
||||||
return instance;
|
|
||||||
};
|
|
||||||
|
|
||||||
export { BACKEND_ERROR_CODE };
|
|
||||||
export type * from './type';
|
|
||||||
export type * from 'alova';
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
export * from '@alova/mock';
|
|
||||||
@@ -1,52 +0,0 @@
|
|||||||
import type { AlovaGenerics, AlovaOptions, AlovaRequestAdapter, Method, ResponseCompleteHandler } from 'alova';
|
|
||||||
|
|
||||||
export type CustomAlovaConfig<AG extends AlovaGenerics> = Omit<
|
|
||||||
AlovaOptions<AG>,
|
|
||||||
'statesHook' | 'beforeRequest' | 'responded' | 'requestAdapter'
|
|
||||||
> & {
|
|
||||||
/** request adapter. all request of alova will be sent by it. */
|
|
||||||
requestAdapter?: AlovaRequestAdapter<AG['RequestConfig'], AG['Response'], AG['ResponseHeader']>;
|
|
||||||
};
|
|
||||||
|
|
||||||
export interface RequestOptions<AG extends AlovaGenerics> {
|
|
||||||
/**
|
|
||||||
* The hook before request
|
|
||||||
*
|
|
||||||
* For example: You can add header token in this hook
|
|
||||||
*
|
|
||||||
* @param method alova Method Instance
|
|
||||||
*/
|
|
||||||
onRequest?: AlovaOptions<AG>['beforeRequest'];
|
|
||||||
/**
|
|
||||||
* The hook to check backend response is success or not
|
|
||||||
*
|
|
||||||
* @param response alova response
|
|
||||||
*/
|
|
||||||
isBackendSuccess: (response: AG['Response']) => Promise<boolean>;
|
|
||||||
|
|
||||||
/** The config to refresh token */
|
|
||||||
tokenRefresher?: {
|
|
||||||
/** detect the token is expired */
|
|
||||||
isExpired(response: AG['Response'], Method: Method<AG>): Promise<boolean> | boolean;
|
|
||||||
/** refresh token handler */
|
|
||||||
handler(response: AG['Response'], Method: Method<AG>): Promise<void>;
|
|
||||||
};
|
|
||||||
|
|
||||||
/** The hook after backend request complete */
|
|
||||||
onComplete?: ResponseCompleteHandler<AG>;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The hook to handle error
|
|
||||||
*
|
|
||||||
* For example: You can show error message in this hook
|
|
||||||
*
|
|
||||||
* @param error
|
|
||||||
*/
|
|
||||||
onError?: (error: any, response: AG['Response'] | null, methodInstance: Method<AG>) => any | Promise<any>;
|
|
||||||
/**
|
|
||||||
* transform backend response when the responseType is json
|
|
||||||
*
|
|
||||||
* @param response alova response
|
|
||||||
*/
|
|
||||||
transformBackendResponse: (response: AG['Response']) => any;
|
|
||||||
}
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"target": "ESNext",
|
|
||||||
"jsx": "preserve",
|
|
||||||
"lib": ["DOM", "ESNext"],
|
|
||||||
"baseUrl": ".",
|
|
||||||
"module": "ESNext",
|
|
||||||
"moduleResolution": "node",
|
|
||||||
"resolveJsonModule": true,
|
|
||||||
"types": ["node"],
|
|
||||||
"strict": true,
|
|
||||||
"strictNullChecks": true,
|
|
||||||
"noUnusedLocals": true,
|
|
||||||
"allowSyntheticDefaultImports": true,
|
|
||||||
"esModuleInterop": true,
|
|
||||||
"forceConsistentCasingInFileNames": true
|
|
||||||
},
|
|
||||||
"include": ["src/**/*"],
|
|
||||||
"exclude": ["node_modules", "dist"]
|
|
||||||
}
|
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@sa/axios",
|
"name": "@sa/axios",
|
||||||
"version": "1.3.12",
|
"version": "1.2.7",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./src/index.ts"
|
".": "./src/index.ts"
|
||||||
},
|
},
|
||||||
@@ -11,11 +11,11 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@sa/utils": "workspace:*",
|
"@sa/utils": "workspace:*",
|
||||||
"axios": "1.8.3",
|
"axios": "1.7.2",
|
||||||
"axios-retry": "4.5.0",
|
"axios-retry": "4.4.1",
|
||||||
"qs": "6.14.0"
|
"qs": "6.12.3"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@types/qs": "6.9.18"
|
"@types/qs": "6.9.15"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import axios, { AxiosError } from 'axios';
|
import axios, { AxiosError } from 'axios';
|
||||||
import type { AxiosResponse, CreateAxiosDefaults, InternalAxiosRequestConfig } from 'axios';
|
import type { AxiosResponse, CancelTokenSource, CreateAxiosDefaults, InternalAxiosRequestConfig } from 'axios';
|
||||||
import axiosRetry from 'axios-retry';
|
import axiosRetry from 'axios-retry';
|
||||||
import { nanoid } from '@sa/utils';
|
import { nanoid } from '@sa/utils';
|
||||||
import { createAxiosConfig, createDefaultOptions, createRetryOptions } from './options';
|
import { createAxiosConfig, createDefaultOptions, createRetryOptions } from './options';
|
||||||
@@ -22,7 +22,7 @@ function createCommonRequest<ResponseData = any>(
|
|||||||
const axiosConf = createAxiosConfig(axiosConfig);
|
const axiosConf = createAxiosConfig(axiosConfig);
|
||||||
const instance = axios.create(axiosConf);
|
const instance = axios.create(axiosConf);
|
||||||
|
|
||||||
const abortControllerMap = new Map<string, AbortController>();
|
const cancelTokenSourceMap = new Map<string, CancelTokenSource>();
|
||||||
|
|
||||||
// config axios retry
|
// config axios retry
|
||||||
const retryOptions = createRetryOptions(axiosConf);
|
const retryOptions = createRetryOptions(axiosConf);
|
||||||
@@ -35,12 +35,10 @@ function createCommonRequest<ResponseData = any>(
|
|||||||
const requestId = nanoid();
|
const requestId = nanoid();
|
||||||
config.headers.set(REQUEST_ID_KEY, requestId);
|
config.headers.set(REQUEST_ID_KEY, requestId);
|
||||||
|
|
||||||
// config abort controller
|
// config cancel token
|
||||||
if (!config.signal) {
|
const cancelTokenSource = axios.CancelToken.source();
|
||||||
const abortController = new AbortController();
|
config.cancelToken = cancelTokenSource.token;
|
||||||
config.signal = abortController.signal;
|
cancelTokenSourceMap.set(requestId, cancelTokenSource);
|
||||||
abortControllerMap.set(requestId, abortController);
|
|
||||||
}
|
|
||||||
|
|
||||||
// handle config by hook
|
// handle config by hook
|
||||||
const handledConfig = opts.onRequest?.(config) || config;
|
const handledConfig = opts.onRequest?.(config) || config;
|
||||||
@@ -81,18 +79,18 @@ function createCommonRequest<ResponseData = any>(
|
|||||||
);
|
);
|
||||||
|
|
||||||
function cancelRequest(requestId: string) {
|
function cancelRequest(requestId: string) {
|
||||||
const abortController = abortControllerMap.get(requestId);
|
const cancelTokenSource = cancelTokenSourceMap.get(requestId);
|
||||||
if (abortController) {
|
if (cancelTokenSource) {
|
||||||
abortController.abort();
|
cancelTokenSource.cancel();
|
||||||
abortControllerMap.delete(requestId);
|
cancelTokenSourceMap.delete(requestId);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function cancelAllRequest() {
|
function cancelAllRequest() {
|
||||||
abortControllerMap.forEach(abortController => {
|
cancelTokenSourceMap.forEach(cancelTokenSource => {
|
||||||
abortController.abort();
|
cancelTokenSource.cancel();
|
||||||
});
|
});
|
||||||
abortControllerMap.clear();
|
cancelTokenSourceMap.clear();
|
||||||
}
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
@@ -162,12 +160,12 @@ export function createFlatRequest<ResponseData = any, State = Record<string, unk
|
|||||||
if (responseType === 'json') {
|
if (responseType === 'json') {
|
||||||
const data = opts.transformBackendResponse(response);
|
const data = opts.transformBackendResponse(response);
|
||||||
|
|
||||||
return { data, error: null, response };
|
return { data, error: null };
|
||||||
}
|
}
|
||||||
|
|
||||||
return { data: response.data as MappedType<R, T>, error: null };
|
return { data: response.data as MappedType<R, T>, error: null };
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
return { data: null, error, response: (error as AxiosError<ResponseData>).response };
|
return { data: null, error };
|
||||||
}
|
}
|
||||||
} as FlatRequestInstance<State, ResponseData>;
|
} as FlatRequestInstance<State, ResponseData>;
|
||||||
|
|
||||||
|
|||||||
@@ -20,7 +20,7 @@ export function createDefaultOptions<ResponseData = any>(options?: Partial<Reque
|
|||||||
|
|
||||||
export function createRetryOptions(config?: Partial<CreateAxiosDefaults>) {
|
export function createRetryOptions(config?: Partial<CreateAxiosDefaults>) {
|
||||||
const retryConfig: IAxiosRetryConfig = {
|
const retryConfig: IAxiosRetryConfig = {
|
||||||
retries: 0
|
retries: 3
|
||||||
};
|
};
|
||||||
|
|
||||||
Object.assign(retryConfig, config);
|
Object.assign(retryConfig, config);
|
||||||
|
|||||||
@@ -69,19 +69,7 @@ export type CustomAxiosRequestConfig<R extends ResponseType = 'json'> = Omit<Axi
|
|||||||
};
|
};
|
||||||
|
|
||||||
export interface RequestInstanceCommon<T> {
|
export interface RequestInstanceCommon<T> {
|
||||||
/**
|
|
||||||
* cancel the request by request id
|
|
||||||
*
|
|
||||||
* if the request provide abort controller sign from config, it will not collect in the abort controller map
|
|
||||||
*
|
|
||||||
* @param requestId
|
|
||||||
*/
|
|
||||||
cancelRequest: (requestId: string) => void;
|
cancelRequest: (requestId: string) => void;
|
||||||
/**
|
|
||||||
* cancel all request
|
|
||||||
*
|
|
||||||
* if the request provide abort controller sign from config, it will not collect in the abort controller map
|
|
||||||
*/
|
|
||||||
cancelAllRequest: () => void;
|
cancelAllRequest: () => void;
|
||||||
/** you can set custom state in the request instance */
|
/** you can set custom state in the request instance */
|
||||||
state: T;
|
state: T;
|
||||||
@@ -92,20 +80,18 @@ export interface RequestInstance<S = Record<string, unknown>> extends RequestIns
|
|||||||
<T = any, R extends ResponseType = 'json'>(config: CustomAxiosRequestConfig<R>): Promise<MappedType<R, T>>;
|
<T = any, R extends ResponseType = 'json'>(config: CustomAxiosRequestConfig<R>): Promise<MappedType<R, T>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
export type FlatResponseSuccessData<T = any, ResponseData = any> = {
|
export type FlatResponseSuccessData<T = any> = {
|
||||||
data: T;
|
data: T;
|
||||||
error: null;
|
error: null;
|
||||||
response: AxiosResponse<ResponseData>;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export type FlatResponseFailData<ResponseData = any> = {
|
export type FlatResponseFailData<ResponseData = any> = {
|
||||||
data: null;
|
data: null;
|
||||||
error: AxiosError<ResponseData>;
|
error: AxiosError<ResponseData>;
|
||||||
response: AxiosResponse<ResponseData>;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export type FlatResponseData<T = any, ResponseData = any> =
|
export type FlatResponseData<T = any, ResponseData = any> =
|
||||||
| FlatResponseSuccessData<T, ResponseData>
|
| FlatResponseSuccessData<T>
|
||||||
| FlatResponseFailData<ResponseData>;
|
| FlatResponseFailData<ResponseData>;
|
||||||
|
|
||||||
export interface FlatRequestInstance<S = Record<string, unknown>, ResponseData = any> extends RequestInstanceCommon<S> {
|
export interface FlatRequestInstance<S = Record<string, unknown>, ResponseData = any> extends RequestInstanceCommon<S> {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@sa/color",
|
"name": "@sa/color",
|
||||||
"version": "1.3.12",
|
"version": "1.2.7",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./src/index.ts"
|
".": "./src/index.ts"
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@sa/hooks",
|
"name": "@sa/hooks",
|
||||||
"version": "1.3.12",
|
"version": "1.2.7",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./src/index.ts"
|
".": "./src/index.ts"
|
||||||
},
|
},
|
||||||
@@ -10,7 +10,6 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@sa/axios": "workspace:*",
|
"@sa/axios": "workspace:*"
|
||||||
"@sa/utils": "workspace:*"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
import { computed, reactive, ref } from 'vue';
|
import { computed, reactive, ref } from 'vue';
|
||||||
import type { Ref, VNodeChild } from 'vue';
|
import type { Ref } from 'vue';
|
||||||
import { jsonClone } from '@sa/utils';
|
|
||||||
import useBoolean from './use-boolean';
|
import useBoolean from './use-boolean';
|
||||||
import useLoading from './use-loading';
|
import useLoading from './use-loading';
|
||||||
|
|
||||||
@@ -8,11 +7,9 @@ export type MaybePromise<T> = T | Promise<T>;
|
|||||||
|
|
||||||
export type ApiFn = (args: any) => Promise<unknown>;
|
export type ApiFn = (args: any) => Promise<unknown>;
|
||||||
|
|
||||||
export type TableColumnCheckTitle = string | ((...args: any) => VNodeChild);
|
|
||||||
|
|
||||||
export type TableColumnCheck = {
|
export type TableColumnCheck = {
|
||||||
key: string;
|
key: string;
|
||||||
title: TableColumnCheckTitle;
|
title: string;
|
||||||
checked: boolean;
|
checked: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -68,11 +65,11 @@ export default function useHookTable<A extends ApiFn, T, C>(config: TableConfig<
|
|||||||
|
|
||||||
const { apiFn, apiParams, transformer, immediate = true, getColumnChecks, getColumns } = config;
|
const { apiFn, apiParams, transformer, immediate = true, getColumnChecks, getColumns } = config;
|
||||||
|
|
||||||
const searchParams: NonNullable<Parameters<A>[0]> = reactive(jsonClone({ ...apiParams }));
|
const searchParams: NonNullable<Parameters<A>[0]> = reactive({ ...apiParams });
|
||||||
|
|
||||||
const allColumns = ref(config.columns()) as Ref<C[]>;
|
const allColumns = ref(config.columns()) as Ref<C[]>;
|
||||||
|
|
||||||
const data: Ref<TableDataWithIndex<T>[]> = ref([]);
|
const data: Ref<T[]> = ref([]);
|
||||||
|
|
||||||
const columnChecks: Ref<TableColumnCheck[]> = ref(getColumnChecks(config.columns()));
|
const columnChecks: Ref<TableColumnCheck[]> = ref(getColumnChecks(config.columns()));
|
||||||
|
|
||||||
@@ -132,7 +129,7 @@ export default function useHookTable<A extends ApiFn, T, C>(config: TableConfig<
|
|||||||
|
|
||||||
/** reset search params */
|
/** reset search params */
|
||||||
function resetSearchParams() {
|
function resetSearchParams() {
|
||||||
Object.assign(searchParams, jsonClone(apiParams));
|
Object.assign(searchParams, apiParams);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (immediate) {
|
if (immediate) {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@sa/materials",
|
"name": "@sa/materials",
|
||||||
"version": "1.3.12",
|
"version": "1.2.7",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./src/index.ts"
|
".": "./src/index.ts"
|
||||||
},
|
},
|
||||||
@@ -11,7 +11,7 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@sa/utils": "workspace:*",
|
"@sa/utils": "workspace:*",
|
||||||
"simplebar-vue": "2.4.0"
|
"simplebar-vue": "2.3.5"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"typed-css-modules": "0.9.1"
|
"typed-css-modules": "0.9.1"
|
||||||
|
|||||||
@@ -53,10 +53,23 @@ const bindProps = computed(() => {
|
|||||||
function handleClose() {
|
function handleClose() {
|
||||||
emit('close');
|
emit('close');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function handleMouseup(e: MouseEvent) {
|
||||||
|
// close tab by mouse wheel button click
|
||||||
|
if (e.button === 1) {
|
||||||
|
handleClose();
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<component :is="activeTabComponent.component" :class="activeTabComponent.class" :style="cssVars" v-bind="bindProps">
|
<component
|
||||||
|
:is="activeTabComponent.component"
|
||||||
|
:class="activeTabComponent.class"
|
||||||
|
:style="cssVars"
|
||||||
|
v-bind="bindProps"
|
||||||
|
@mouseup="handleMouseup"
|
||||||
|
>
|
||||||
<template #prefix>
|
<template #prefix>
|
||||||
<slot name="prefix"></slot>
|
<slot name="prefix"></slot>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@sa/fetch",
|
"name": "@sa/fetch",
|
||||||
"version": "1.3.12",
|
"version": "1.2.7",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./src/index.ts"
|
".": "./src/index.ts"
|
||||||
},
|
},
|
||||||
@@ -10,6 +10,6 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"ofetch": "1.4.1"
|
"ofetch": "1.3.4"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@sa/scripts",
|
"name": "@sa/scripts",
|
||||||
"version": "1.3.12",
|
"version": "1.2.7",
|
||||||
"bin": {
|
"bin": {
|
||||||
"sa": "./bin.ts"
|
"sa": "./bin.ts"
|
||||||
},
|
},
|
||||||
@@ -14,14 +14,14 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@soybeanjs/changelog": "0.3.24",
|
"@soybeanjs/changelog": "0.3.24",
|
||||||
"bumpp": "10.1.0",
|
"bumpp": "9.4.1",
|
||||||
"c12": "3.0.2",
|
"c12": "1.11.1",
|
||||||
"cac": "6.7.14",
|
"cac": "6.7.14",
|
||||||
"consola": "3.4.0",
|
"consola": "3.2.3",
|
||||||
"enquirer": "2.4.1",
|
"enquirer": "2.4.1",
|
||||||
"execa": "9.5.2",
|
"execa": "9.3.0",
|
||||||
"kolorist": "1.8.0",
|
"kolorist": "1.8.0",
|
||||||
"npm-check-updates": "17.1.15",
|
"npm-check-updates": "16.14.20",
|
||||||
"rimraf": "6.0.1"
|
"rimraf": "6.0.1"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import path from 'node:path';
|
import path from 'node:path';
|
||||||
import { readFileSync } from 'node:fs';
|
import { readFileSync } from 'node:fs';
|
||||||
import { prompt } from 'enquirer';
|
import { prompt } from 'enquirer';
|
||||||
|
import { bgRed, green, red, yellow } from 'kolorist';
|
||||||
import { execCommand } from '../shared';
|
import { execCommand } from '../shared';
|
||||||
import { locales } from '../locales';
|
import type { CliOption } from '../types';
|
||||||
import type { Lang } from '../locales';
|
|
||||||
|
|
||||||
interface PromptObject {
|
interface PromptObject {
|
||||||
types: string;
|
types: string;
|
||||||
@@ -14,11 +14,13 @@ interface PromptObject {
|
|||||||
/**
|
/**
|
||||||
* Git commit with Conventional Commits standard
|
* Git commit with Conventional Commits standard
|
||||||
*
|
*
|
||||||
* @param lang
|
* @param gitCommitTypes
|
||||||
|
* @param gitCommitScopes
|
||||||
*/
|
*/
|
||||||
export async function gitCommit(lang: Lang = 'en-us') {
|
export async function gitCommit(
|
||||||
const { gitCommitMessages, gitCommitTypes, gitCommitScopes } = locales[lang];
|
gitCommitTypes: CliOption['gitCommitTypes'],
|
||||||
|
gitCommitScopes: CliOption['gitCommitScopes']
|
||||||
|
) {
|
||||||
const typesChoices = gitCommitTypes.map(([value, msg]) => {
|
const typesChoices = gitCommitTypes.map(([value, msg]) => {
|
||||||
const nameWithSuffix = `${value}:`;
|
const nameWithSuffix = `${value}:`;
|
||||||
|
|
||||||
@@ -39,19 +41,19 @@ export async function gitCommit(lang: Lang = 'en-us') {
|
|||||||
{
|
{
|
||||||
name: 'types',
|
name: 'types',
|
||||||
type: 'select',
|
type: 'select',
|
||||||
message: gitCommitMessages.types,
|
message: 'Please select a type',
|
||||||
choices: typesChoices
|
choices: typesChoices
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'scopes',
|
name: 'scopes',
|
||||||
type: 'select',
|
type: 'select',
|
||||||
message: gitCommitMessages.scopes,
|
message: 'Please select a scope',
|
||||||
choices: scopesChoices
|
choices: scopesChoices
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'description',
|
name: 'description',
|
||||||
type: 'text',
|
type: 'text',
|
||||||
message: gitCommitMessages.description
|
message: `Please enter a description (add prefix ${yellow('!')} to indicate breaking change)`
|
||||||
}
|
}
|
||||||
]);
|
]);
|
||||||
|
|
||||||
@@ -65,20 +67,20 @@ export async function gitCommit(lang: Lang = 'en-us') {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/** Git commit message verify */
|
/** Git commit message verify */
|
||||||
export async function gitCommitVerify(lang: Lang = 'en-us', ignores: RegExp[] = []) {
|
export async function gitCommitVerify() {
|
||||||
const gitPath = await execCommand('git', ['rev-parse', '--show-toplevel']);
|
const gitPath = await execCommand('git', ['rev-parse', '--show-toplevel']);
|
||||||
|
|
||||||
const gitMsgPath = path.join(gitPath, '.git', 'COMMIT_EDITMSG');
|
const gitMsgPath = path.join(gitPath, '.git', 'COMMIT_EDITMSG');
|
||||||
|
|
||||||
const commitMsg = readFileSync(gitMsgPath, 'utf8').trim();
|
const commitMsg = readFileSync(gitMsgPath, 'utf8').trim();
|
||||||
|
|
||||||
if (ignores.some(regExp => regExp.test(commitMsg))) return;
|
|
||||||
|
|
||||||
const REG_EXP = /(?<type>[a-z]+)(?:\((?<scope>.+)\))?(?<breaking>!)?: (?<description>.+)/i;
|
const REG_EXP = /(?<type>[a-z]+)(?:\((?<scope>.+)\))?(?<breaking>!)?: (?<description>.+)/i;
|
||||||
|
|
||||||
if (!REG_EXP.test(commitMsg)) {
|
if (!REG_EXP.test(commitMsg)) {
|
||||||
const errorMsg = locales[lang].gitCommitVerify;
|
throw new Error(
|
||||||
|
`${bgRed(' ERROR ')} ${red('git commit message must match the Conventional Commits standard!')}\n\n${green(
|
||||||
throw new Error(errorMsg);
|
'Recommended to use the command `pnpm commit` to generate Conventional Commits compliant commit information.\nGet more info about Conventional Commits, follow this link: https://conventionalcommits.org'
|
||||||
|
)}`
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,18 +12,34 @@ const defaultOptions: CliOption = {
|
|||||||
'**/node_modules',
|
'**/node_modules',
|
||||||
'!node_modules/**'
|
'!node_modules/**'
|
||||||
],
|
],
|
||||||
|
gitCommitTypes: [
|
||||||
|
['feat', 'A new feature'],
|
||||||
|
['fix', 'A bug fix'],
|
||||||
|
['docs', 'Documentation only changes'],
|
||||||
|
['style', 'Changes that do not affect the meaning of the code'],
|
||||||
|
['refactor', 'A code change that neither fixes a bug nor adds a feature'],
|
||||||
|
['perf', 'A code change that improves performance'],
|
||||||
|
['optimize', 'A code change that optimizes code quality'],
|
||||||
|
['test', 'Adding missing tests or correcting existing tests'],
|
||||||
|
['build', 'Changes that affect the build system or external dependencies'],
|
||||||
|
['ci', 'Changes to our CI configuration files and scripts'],
|
||||||
|
['chore', "Other changes that don't modify src or test files"],
|
||||||
|
['revert', 'Reverts a previous commit']
|
||||||
|
],
|
||||||
|
gitCommitScopes: [
|
||||||
|
['projects', 'project'],
|
||||||
|
['packages', 'packages'],
|
||||||
|
['components', 'components'],
|
||||||
|
['hooks', 'hook functions'],
|
||||||
|
['utils', 'utils functions'],
|
||||||
|
['types', 'TS declaration'],
|
||||||
|
['styles', 'style'],
|
||||||
|
['deps', 'project dependencies'],
|
||||||
|
['release', 'release project'],
|
||||||
|
['other', 'other changes']
|
||||||
|
],
|
||||||
ncuCommandArgs: ['--deep', '-u'],
|
ncuCommandArgs: ['--deep', '-u'],
|
||||||
changelogOptions: {},
|
changelogOptions: {}
|
||||||
gitCommitVerifyIgnores: [
|
|
||||||
/^((Merge pull request)|(Merge (.*?) into (.*?)|(Merge branch (.*?)))(?:\r?\n)*$)/m,
|
|
||||||
/^(Merge tag (.*?))(?:\r?\n)*$/m,
|
|
||||||
/^(R|r)evert (.*)/,
|
|
||||||
/^(amend|fixup|squash)!/,
|
|
||||||
/^(Merged (.*?)(in|into) (.*)|Merged PR (.*): (.*))/,
|
|
||||||
/^Merge remote-tracking branch(\s*)(.*)/,
|
|
||||||
/^Automatic merge(.*)/,
|
|
||||||
/^Auto-merged (.*?) into (.*)/
|
|
||||||
]
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export async function loadCliOptions(overrides?: Partial<CliOption>, cwd = process.cwd()) {
|
export async function loadCliOptions(overrides?: Partial<CliOption>, cwd = process.cwd()) {
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ import { blue, lightGreen } from 'kolorist';
|
|||||||
import { version } from '../package.json';
|
import { version } from '../package.json';
|
||||||
import { cleanup, genChangelog, generateRoute, gitCommit, gitCommitVerify, release, updatePkg } from './commands';
|
import { cleanup, genChangelog, generateRoute, gitCommit, gitCommitVerify, release, updatePkg } from './commands';
|
||||||
import { loadCliOptions } from './config';
|
import { loadCliOptions } from './config';
|
||||||
import type { Lang } from './locales';
|
|
||||||
|
|
||||||
type Command = 'cleanup' | 'update-pkg' | 'git-commit' | 'git-commit-verify' | 'changelog' | 'release' | 'gen-route';
|
type Command = 'cleanup' | 'update-pkg' | 'git-commit' | 'git-commit-verify' | 'changelog' | 'release' | 'gen-route';
|
||||||
|
|
||||||
@@ -26,12 +25,6 @@ interface CommandArg {
|
|||||||
* Multiple values use "," to separate them
|
* Multiple values use "," to separate them
|
||||||
*/
|
*/
|
||||||
cleanupDir?: string;
|
cleanupDir?: string;
|
||||||
/**
|
|
||||||
* display lang of cli
|
|
||||||
*
|
|
||||||
* @default 'en-us'
|
|
||||||
*/
|
|
||||||
lang?: Lang;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function setupCli() {
|
export async function setupCli() {
|
||||||
@@ -51,7 +44,6 @@ export async function setupCli() {
|
|||||||
'-c, --cleanupDir <dir>',
|
'-c, --cleanupDir <dir>',
|
||||||
'The glob pattern of dirs to cleanup, If not set, it will use the default value, Multiple values use "," to separate them'
|
'The glob pattern of dirs to cleanup, If not set, it will use the default value, Multiple values use "," to separate them'
|
||||||
)
|
)
|
||||||
.option('-l, --lang <lang>', 'display lang of cli', { default: 'en-us', type: [String] })
|
|
||||||
.help();
|
.help();
|
||||||
|
|
||||||
const commands: CommandWithAction<CommandArg> = {
|
const commands: CommandWithAction<CommandArg> = {
|
||||||
@@ -69,14 +61,14 @@ export async function setupCli() {
|
|||||||
},
|
},
|
||||||
'git-commit': {
|
'git-commit': {
|
||||||
desc: 'git commit, generate commit message which match Conventional Commits standard',
|
desc: 'git commit, generate commit message which match Conventional Commits standard',
|
||||||
action: async args => {
|
action: async () => {
|
||||||
await gitCommit(args?.lang);
|
await gitCommit(cliOptions.gitCommitTypes, cliOptions.gitCommitScopes);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
'git-commit-verify': {
|
'git-commit-verify': {
|
||||||
desc: 'verify git commit message, make sure it match Conventional Commits standard',
|
desc: 'verify git commit message, make sure it match Conventional Commits standard',
|
||||||
action: async args => {
|
action: async () => {
|
||||||
await gitCommitVerify(args?.lang, cliOptions.gitCommitVerifyIgnores);
|
await gitCommitVerify();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
changelog: {
|
changelog: {
|
||||||
|
|||||||
@@ -1,82 +0,0 @@
|
|||||||
import { bgRed, green, red, yellow } from 'kolorist';
|
|
||||||
|
|
||||||
export type Lang = 'zh-cn' | 'en-us';
|
|
||||||
|
|
||||||
export const locales = {
|
|
||||||
'zh-cn': {
|
|
||||||
gitCommitMessages: {
|
|
||||||
types: '请选择提交类型',
|
|
||||||
scopes: '请选择提交范围',
|
|
||||||
description: `请输入描述信息（${yellow('!')}开头表示破坏性改动`
|
|
||||||
},
|
|
||||||
gitCommitTypes: [
|
|
||||||
['feat', '新功能'],
|
|
||||||
['feat-wip', '开发中的功能，比如某功能的部分代码'],
|
|
||||||
['fix', '修复Bug'],
|
|
||||||
['docs', '只涉及文档更新'],
|
|
||||||
['typo', '代码或文档勘误，比如错误拼写'],
|
|
||||||
['style', '修改代码风格，不影响代码含义的变更'],
|
|
||||||
['refactor', '代码重构，既不修复 bug 也不添加功能的代码变更'],
|
|
||||||
['perf', '可提高性能的代码更改'],
|
|
||||||
['optimize', '优化代码质量的代码更改'],
|
|
||||||
['test', '添加缺失的测试或更正现有测试'],
|
|
||||||
['build', '影响构建系统或外部依赖项的更改'],
|
|
||||||
['ci', '对 CI 配置文件和脚本的更改'],
|
|
||||||
['chore', '没有修改src或测试文件的其他变更'],
|
|
||||||
['revert', '还原先前的提交']
|
|
||||||
] as [string, string][],
|
|
||||||
gitCommitScopes: [
|
|
||||||
['projects', '项目'],
|
|
||||||
['packages', '包'],
|
|
||||||
['components', '组件'],
|
|
||||||
['hooks', '钩子函数'],
|
|
||||||
['utils', '工具函数'],
|
|
||||||
['types', 'TS类型声明'],
|
|
||||||
['styles', '代码风格'],
|
|
||||||
['deps', '项目依赖'],
|
|
||||||
['release', '发布项目新版本'],
|
|
||||||
['other', '其他的变更']
|
|
||||||
] as [string, string][],
|
|
||||||
gitCommitVerify: `${bgRed(' 错误 ')} ${red('git 提交信息必须符合 Conventional Commits 标准!')}\n\n${green(
|
|
||||||
'推荐使用命令 `pnpm commit` 生成符合 Conventional Commits 标准的提交信息。\n获取有关 Conventional Commits 的更多信息，请访问此链接: https://conventionalcommits.org'
|
|
||||||
)}`
|
|
||||||
},
|
|
||||||
'en-us': {
|
|
||||||
gitCommitMessages: {
|
|
||||||
types: 'Please select a type',
|
|
||||||
scopes: 'Please select a scope',
|
|
||||||
description: `Please enter a description (add prefix ${yellow('!')} to indicate breaking change)`
|
|
||||||
},
|
|
||||||
gitCommitTypes: [
|
|
||||||
['feat', 'A new feature'],
|
|
||||||
['feat-wip', 'Features in development, such as partial code for a certain feature'],
|
|
||||||
['fix', 'A bug fix'],
|
|
||||||
['docs', 'Documentation only changes'],
|
|
||||||
['typo', 'Code or document corrections, such as spelling errors'],
|
|
||||||
['style', 'Changes that do not affect the meaning of the code'],
|
|
||||||
['refactor', 'A code change that neither fixes a bug nor adds a feature'],
|
|
||||||
['perf', 'A code change that improves performance'],
|
|
||||||
['optimize', 'A code change that optimizes code quality'],
|
|
||||||
['test', 'Adding missing tests or correcting existing tests'],
|
|
||||||
['build', 'Changes that affect the build system or external dependencies'],
|
|
||||||
['ci', 'Changes to our CI configuration files and scripts'],
|
|
||||||
['chore', "Other changes that don't modify src or test files"],
|
|
||||||
['revert', 'Reverts a previous commit']
|
|
||||||
] as [string, string][],
|
|
||||||
gitCommitScopes: [
|
|
||||||
['projects', 'project'],
|
|
||||||
['packages', 'packages'],
|
|
||||||
['components', 'components'],
|
|
||||||
['hooks', 'hook functions'],
|
|
||||||
['utils', 'utils functions'],
|
|
||||||
['types', 'TS declaration'],
|
|
||||||
['styles', 'style'],
|
|
||||||
['deps', 'project dependencies'],
|
|
||||||
['release', 'release project'],
|
|
||||||
['other', 'other changes']
|
|
||||||
] as [string, string][],
|
|
||||||
gitCommitVerify: `${bgRed(' ERROR ')} ${red('git commit message must match the Conventional Commits standard!')}\n\n${green(
|
|
||||||
'Recommended to use the command `pnpm commit` to generate Conventional Commits compliant commit information.\nGet more info about Conventional Commits, follow this link: https://conventionalcommits.org'
|
|
||||||
)}`
|
|
||||||
}
|
|
||||||
} satisfies Record<Lang, Record<string, unknown>>;
|
|
||||||
@@ -14,6 +14,10 @@ export interface CliOption {
|
|||||||
* ```
|
* ```
|
||||||
*/
|
*/
|
||||||
cleanupDirs: string[];
|
cleanupDirs: string[];
|
||||||
|
/** Git commit types */
|
||||||
|
gitCommitTypes: [string, string][];
|
||||||
|
/** Git commit scopes */
|
||||||
|
gitCommitScopes: [string, string][];
|
||||||
/**
|
/**
|
||||||
* Npm-check-updates command args
|
* Npm-check-updates command args
|
||||||
*
|
*
|
||||||
@@ -26,6 +30,4 @@ export interface CliOption {
|
|||||||
* @link https://github.com/soybeanjs/changelog
|
* @link https://github.com/soybeanjs/changelog
|
||||||
*/
|
*/
|
||||||
changelogOptions: Partial<ChangelogOption>;
|
changelogOptions: Partial<ChangelogOption>;
|
||||||
/** The ignore pattern list of git commit verify */
|
|
||||||
gitCommitVerifyIgnores: RegExp[];
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@sa/uno-preset",
|
"name": "@sa/uno-preset",
|
||||||
"version": "1.3.12",
|
"version": "1.2.7",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./src/index.ts"
|
".": "./src/index.ts"
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@sa/utils",
|
"name": "@sa/utils",
|
||||||
"version": "1.3.12",
|
"version": "1.2.7",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./src/index.ts"
|
".": "./src/index.ts"
|
||||||
},
|
},
|
||||||
@@ -12,9 +12,8 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"colord": "2.9.3",
|
"colord": "2.9.3",
|
||||||
"crypto-js": "4.2.0",
|
"crypto-js": "4.2.0",
|
||||||
"klona": "2.0.6",
|
|
||||||
"localforage": "1.10.0",
|
"localforage": "1.10.0",
|
||||||
"nanoid": "5.1.3"
|
"nanoid": "5.0.7"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@types/crypto-js": "4.2.2"
|
"@types/crypto-js": "4.2.2"
|
||||||
|
|||||||
@@ -1,4 +1,3 @@
|
|||||||
export * from './crypto';
|
export * from './crypto';
|
||||||
export * from './storage';
|
export * from './storage';
|
||||||
export * from './nanoid';
|
export * from './nanoid';
|
||||||
export * from './klona';
|
|
||||||
|
|||||||
@@ -1,3 +0,0 @@
|
|||||||
import { klona as jsonClone } from 'klona/json';
|
|
||||||
|
|
||||||
export { jsonClone };
|
|
||||||
7579
pnpm-lock.yaml
generated
7579
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
BIN
public/logo.png
Normal file
BIN
public/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
3
src-tauri/.gitignore
vendored
Normal file
3
src-tauri/.gitignore
vendored
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
# Generated by Cargo
|
||||||
|
# will have compiled files and executables
|
||||||
|
/target/
|
||||||
3664
src-tauri/Cargo.lock
generated
Normal file
3664
src-tauri/Cargo.lock
generated
Normal file
File diff suppressed because it is too large
Load Diff
26
src-tauri/Cargo.toml
Normal file
26
src-tauri/Cargo.toml
Normal file
@@ -0,0 +1,26 @@
|
|||||||
|
[package]
|
||||||
|
name = "app"
|
||||||
|
version = "0.1.0"
|
||||||
|
description = "A Tauri App"
|
||||||
|
authors = ["you"]
|
||||||
|
license = ""
|
||||||
|
repository = ""
|
||||||
|
default-run = "app"
|
||||||
|
edition = "2021"
|
||||||
|
rust-version = "1.60"
|
||||||
|
|
||||||
|
# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
|
||||||
|
|
||||||
|
[build-dependencies]
|
||||||
|
tauri-build = { version = "1.5.1", features = [] }
|
||||||
|
|
||||||
|
[dependencies]
|
||||||
|
serde_json = "1.0"
|
||||||
|
serde = { version = "1.0", features = ["derive"] }
|
||||||
|
tauri = { version = "1.6.1", features = [] }
|
||||||
|
|
||||||
|
[features]
|
||||||
|
# this feature is used for production builds or when `devPath` points to the filesystem and the built-in dev server is disabled.
|
||||||
|
# If you use cargo directly instead of tauri's cli you can use this feature flag to switch between tauri's `dev` and `build` modes.
|
||||||
|
# DO NOT REMOVE!!
|
||||||
|
custom-protocol = [ "tauri/custom-protocol" ]
|
||||||
3
src-tauri/build.rs
Normal file
3
src-tauri/build.rs
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
fn main() {
|
||||||
|
tauri_build::build()
|
||||||
|
}
|
||||||
BIN
src-tauri/icons/128x128.png
Normal file
BIN
src-tauri/icons/128x128.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
BIN
src-tauri/icons/128x128@2x.png
Normal file
BIN
src-tauri/icons/128x128@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
src-tauri/icons/32x32.png
Normal file
BIN
src-tauri/icons/32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
src-tauri/icons/Square107x107Logo.png
Normal file
BIN
src-tauri/icons/Square107x107Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
BIN
src-tauri/icons/Square142x142Logo.png
Normal file
BIN
src-tauri/icons/Square142x142Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
BIN
src-tauri/icons/Square150x150Logo.png
Normal file
BIN
src-tauri/icons/Square150x150Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
src-tauri/icons/Square284x284Logo.png
Normal file
BIN
src-tauri/icons/Square284x284Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
src-tauri/icons/Square30x30Logo.png
Normal file
BIN
src-tauri/icons/Square30x30Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
src-tauri/icons/Square310x310Logo.png
Normal file
BIN
src-tauri/icons/Square310x310Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
src-tauri/icons/Square44x44Logo.png
Normal file
BIN
src-tauri/icons/Square44x44Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
src-tauri/icons/Square71x71Logo.png
Normal file
BIN
src-tauri/icons/Square71x71Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
BIN
src-tauri/icons/Square89x89Logo.png
Normal file
BIN
src-tauri/icons/Square89x89Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
BIN
src-tauri/icons/StoreLogo.png
Normal file
BIN
src-tauri/icons/StoreLogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
src-tauri/icons/icon.icns
Normal file
BIN
src-tauri/icons/icon.icns
Normal file
Binary file not shown.
BIN
src-tauri/icons/icon.ico
Normal file
BIN
src-tauri/icons/icon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
src-tauri/icons/icon.png
Normal file
BIN
src-tauri/icons/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
8
src-tauri/src/main.rs
Normal file
8
src-tauri/src/main.rs
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
// Prevents additional console window on Windows in release, DO NOT REMOVE!!
|
||||||
|
#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
|
||||||
|
|
||||||
|
fn main() {
|
||||||
|
tauri::Builder::default()
|
||||||
|
.run(tauri::generate_context!())
|
||||||
|
.expect("error while running tauri application");
|
||||||
|
}
|
||||||
60
src-tauri/tauri.conf.json
Normal file
60
src-tauri/tauri.conf.json
Normal file
@@ -0,0 +1,60 @@
|
|||||||
|
{
|
||||||
|
"$schema": "../node_modules/@tauri-apps/cli/schema.json",
|
||||||
|
"build": {
|
||||||
|
"beforeBuildCommand": "npm run build",
|
||||||
|
"beforeDevCommand": "npm run dev",
|
||||||
|
"devPath": "http://localhost:9527",
|
||||||
|
"distDir": "../dist"
|
||||||
|
},
|
||||||
|
"package": {
|
||||||
|
"productName": "soybean-admin",
|
||||||
|
"version": "1.0.0"
|
||||||
|
},
|
||||||
|
"tauri": {
|
||||||
|
"allowlist": {
|
||||||
|
"all": false
|
||||||
|
},
|
||||||
|
"bundle": {
|
||||||
|
"active": true,
|
||||||
|
"category": "DeveloperTool",
|
||||||
|
"copyright": "",
|
||||||
|
"deb": {
|
||||||
|
"depends": []
|
||||||
|
},
|
||||||
|
"externalBin": [],
|
||||||
|
"icon": ["icons/32x32.png", "icons/128x128.png", "icons/128x128@2x.png", "icons/icon.icns", "icons/icon.ico"],
|
||||||
|
"identifier": "cn.soybeanjs.admin",
|
||||||
|
"longDescription": "",
|
||||||
|
"macOS": {
|
||||||
|
"entitlements": null,
|
||||||
|
"exceptionDomain": "",
|
||||||
|
"frameworks": [],
|
||||||
|
"providerShortName": null,
|
||||||
|
"signingIdentity": null
|
||||||
|
},
|
||||||
|
"resources": [],
|
||||||
|
"shortDescription": "",
|
||||||
|
"targets": "all",
|
||||||
|
"windows": {
|
||||||
|
"certificateThumbprint": null,
|
||||||
|
"digestAlgorithm": "sha256",
|
||||||
|
"timestampUrl": ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"security": {
|
||||||
|
"csp": null
|
||||||
|
},
|
||||||
|
"updater": {
|
||||||
|
"active": false
|
||||||
|
},
|
||||||
|
"windows": [
|
||||||
|
{
|
||||||
|
"fullscreen": false,
|
||||||
|
"height": 768,
|
||||||
|
"resizable": true,
|
||||||
|
"title": "SoybeanAdmin",
|
||||||
|
"width": 1366
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
18
src/App.vue
18
src/App.vue
@@ -1,7 +1,6 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed } from 'vue';
|
import { computed } from 'vue';
|
||||||
import { NConfigProvider, darkTheme } from 'naive-ui';
|
import { NConfigProvider, darkTheme } from 'naive-ui';
|
||||||
import type { WatermarkProps } from 'naive-ui';
|
|
||||||
import { useAppStore } from './store/modules/app';
|
import { useAppStore } from './store/modules/app';
|
||||||
import { useThemeStore } from './store/modules/theme';
|
import { useThemeStore } from './store/modules/theme';
|
||||||
import { naiveDateLocales, naiveLocales } from './locales/naive';
|
import { naiveDateLocales, naiveLocales } from './locales/naive';
|
||||||
@@ -22,22 +21,6 @@ const naiveLocale = computed(() => {
|
|||||||
const naiveDateLocale = computed(() => {
|
const naiveDateLocale = computed(() => {
|
||||||
return naiveDateLocales[appStore.locale];
|
return naiveDateLocales[appStore.locale];
|
||||||
});
|
});
|
||||||
|
|
||||||
const watermarkProps = computed<WatermarkProps>(() => {
|
|
||||||
return {
|
|
||||||
content: themeStore.watermark.text,
|
|
||||||
cross: true,
|
|
||||||
fullscreen: true,
|
|
||||||
fontSize: 16,
|
|
||||||
lineHeight: 16,
|
|
||||||
width: 384,
|
|
||||||
height: 384,
|
|
||||||
xOffset: 12,
|
|
||||||
yOffset: 60,
|
|
||||||
rotate: -15,
|
|
||||||
zIndex: 9999
|
|
||||||
};
|
|
||||||
});
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -50,7 +33,6 @@ const watermarkProps = computed<WatermarkProps>(() => {
|
|||||||
>
|
>
|
||||||
<AppProvider>
|
<AppProvider>
|
||||||
<RouterView class="bg-layout" />
|
<RouterView class="bg-layout" />
|
||||||
<NWatermark v-if="themeStore.watermark.visible" v-bind="watermarkProps" />
|
|
||||||
</AppProvider>
|
</AppProvider>
|
||||||
</NConfigProvider>
|
</NConfigProvider>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -25,10 +25,7 @@ const columns = defineModel<NaiveUI.TableColumnCheck[]>('columns', {
|
|||||||
<div v-for="item in columns" :key="item.key" class="h-36px flex-y-center rd-4px hover:(bg-primary bg-opacity-20)">
|
<div v-for="item in columns" :key="item.key" class="h-36px flex-y-center rd-4px hover:(bg-primary bg-opacity-20)">
|
||||||
<icon-mdi-drag class="mr-8px h-full cursor-move text-icon" />
|
<icon-mdi-drag class="mr-8px h-full cursor-move text-icon" />
|
||||||
<NCheckbox v-model:checked="item.checked" class="none_draggable flex-1">
|
<NCheckbox v-model:checked="item.checked" class="none_draggable flex-1">
|
||||||
<template v-if="typeof item.title === 'function'">
|
{{ item.title }}
|
||||||
<component :is="item.title" />
|
|
||||||
</template>
|
|
||||||
<template v-else>{{ item.title }}</template>
|
|
||||||
</NCheckbox>
|
</NCheckbox>
|
||||||
</div>
|
</div>
|
||||||
</VueDraggable>
|
</VueDraggable>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ defineProps<Props>();
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="bg-container text-base-text transition-300" :class="{ 'bg-inverted text-#1f1f1f': inverted }">
|
<div class="bg-container text-base_text transition-300" :class="{ 'bg-inverted text-#1f1f1f': inverted }">
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { computed } from 'vue';
|
import { computed } from 'vue';
|
||||||
import { useRouterPush } from '@/hooks/common/router';
|
|
||||||
import { $t } from '@/locales';
|
import { $t } from '@/locales';
|
||||||
|
import { useRouterPush } from '@/hooks/common/router';
|
||||||
|
|
||||||
defineOptions({ name: 'ExceptionBase' });
|
defineOptions({ name: 'ExceptionBase' });
|
||||||
|
|
||||||
|
|||||||
@@ -1,9 +1,5 @@
|
|||||||
import { transformRecordToOption } from '@/utils/common';
|
import { transformRecordToOption } from '@/utils/common';
|
||||||
|
|
||||||
export const GLOBAL_HEADER_MENU_ID = '__GLOBAL_HEADER_MENU__';
|
|
||||||
|
|
||||||
export const GLOBAL_SIDER_MENU_ID = '__GLOBAL_SIDER_MENU__';
|
|
||||||
|
|
||||||
export const themeSchemaRecord: Record<UnionKey.ThemeScheme, App.I18n.I18nKey> = {
|
export const themeSchemaRecord: Record<UnionKey.ThemeScheme, App.I18n.I18nKey> = {
|
||||||
light: 'theme.themeSchema.light',
|
light: 'theme.themeSchema.light',
|
||||||
dark: 'theme.themeSchema.dark',
|
dark: 'theme.themeSchema.dark',
|
||||||
@@ -54,12 +50,3 @@ export const themePageAnimationModeRecord: Record<UnionKey.ThemePageAnimateMode,
|
|||||||
};
|
};
|
||||||
|
|
||||||
export const themePageAnimationModeOptions = transformRecordToOption(themePageAnimationModeRecord);
|
export const themePageAnimationModeOptions = transformRecordToOption(themePageAnimationModeRecord);
|
||||||
|
|
||||||
export const resetCacheStrategyRecord: Record<UnionKey.ResetCacheStrategy, App.I18n.I18nKey> = {
|
|
||||||
close: 'theme.resetCacheStrategy.close',
|
|
||||||
refresh: 'theme.resetCacheStrategy.refresh'
|
|
||||||
};
|
|
||||||
|
|
||||||
export const resetCacheStrategyOptions = transformRecordToOption(resetCacheStrategyRecord);
|
|
||||||
|
|
||||||
export const DARK_CLASS = 'dark';
|
|
||||||
|
|||||||
29
src/constants/business.ts
Normal file
29
src/constants/business.ts
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
import { transformRecordToOption } from '@/utils/common';
|
||||||
|
|
||||||
|
export const enableStatusRecord: Record<Api.Common.EnableStatus, App.I18n.I18nKey> = {
|
||||||
|
'1': 'page.manage.common.status.enable',
|
||||||
|
'2': 'page.manage.common.status.disable'
|
||||||
|
};
|
||||||
|
|
||||||
|
export const enableStatusOptions = transformRecordToOption(enableStatusRecord);
|
||||||
|
|
||||||
|
export const userGenderRecord: Record<Api.SystemManage.UserGender, App.I18n.I18nKey> = {
|
||||||
|
'1': 'page.manage.user.gender.male',
|
||||||
|
'2': 'page.manage.user.gender.female'
|
||||||
|
};
|
||||||
|
|
||||||
|
export const userGenderOptions = transformRecordToOption(userGenderRecord);
|
||||||
|
|
||||||
|
export const menuTypeRecord: Record<Api.SystemManage.MenuType, App.I18n.I18nKey> = {
|
||||||
|
'1': 'page.manage.menu.type.directory',
|
||||||
|
'2': 'page.manage.menu.type.menu'
|
||||||
|
};
|
||||||
|
|
||||||
|
export const menuTypeOptions = transformRecordToOption(menuTypeRecord);
|
||||||
|
|
||||||
|
export const menuIconTypeRecord: Record<Api.SystemManage.IconType, App.I18n.I18nKey> = {
|
||||||
|
'1': 'page.manage.menu.iconType.iconify',
|
||||||
|
'2': 'page.manage.menu.iconType.local'
|
||||||
|
};
|
||||||
|
|
||||||
|
export const menuIconTypeOptions = transformRecordToOption(menuIconTypeRecord);
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
import { computed } from 'vue';
|
import { computed } from 'vue';
|
||||||
import { useCountDown, useLoading } from '@sa/hooks';
|
import { useCountDown, useLoading } from '@sa/hooks';
|
||||||
import { REG_PHONE } from '@/constants/reg';
|
|
||||||
import { $t } from '@/locales';
|
import { $t } from '@/locales';
|
||||||
|
import { REG_PHONE } from '@/constants/reg';
|
||||||
|
|
||||||
export function useCaptcha() {
|
export function useCaptcha() {
|
||||||
const { loading, startLoading, endLoading } = useLoading();
|
const { loading, startLoading, endLoading } = useLoading();
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
import { computed, effectScope, nextTick, onScopeDispose, ref, watch } from 'vue';
|
import { computed, effectScope, nextTick, onScopeDispose, ref, watch } from 'vue';
|
||||||
import { useElementSize } from '@vueuse/core';
|
|
||||||
import * as echarts from 'echarts/core';
|
import * as echarts from 'echarts/core';
|
||||||
import { BarChart, GaugeChart, LineChart, PictorialBarChart, PieChart, RadarChart, ScatterChart } from 'echarts/charts';
|
import { BarChart, GaugeChart, LineChart, PictorialBarChart, PieChart, RadarChart, ScatterChart } from 'echarts/charts';
|
||||||
import type {
|
import type {
|
||||||
@@ -30,6 +29,7 @@ import type {
|
|||||||
} from 'echarts/components';
|
} from 'echarts/components';
|
||||||
import { LabelLayout, UniversalTransition } from 'echarts/features';
|
import { LabelLayout, UniversalTransition } from 'echarts/features';
|
||||||
import { CanvasRenderer } from 'echarts/renderers';
|
import { CanvasRenderer } from 'echarts/renderers';
|
||||||
|
import { useElementSize } from '@vueuse/core';
|
||||||
import { useThemeStore } from '@/store/modules/theme';
|
import { useThemeStore } from '@/store/modules/theme';
|
||||||
|
|
||||||
export type ECOption = echarts.ComposeOption<
|
export type ECOption = echarts.ComposeOption<
|
||||||
|
|||||||
@@ -18,37 +18,29 @@ export function useRouterPush(inSetup = true) {
|
|||||||
|
|
||||||
const routerBack = router.back;
|
const routerBack = router.back;
|
||||||
|
|
||||||
async function routerPushByKey(key: RouteKey, options?: App.Global.RouterPushOptions) {
|
interface RouterPushOptions {
|
||||||
|
query?: Record<string, string>;
|
||||||
|
params?: Record<string, string>;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function routerPushByKey(key: RouteKey, options?: RouterPushOptions) {
|
||||||
const { query, params } = options || {};
|
const { query, params } = options || {};
|
||||||
|
|
||||||
const routeLocation: RouteLocationRaw = {
|
const routeLocation: RouteLocationRaw = {
|
||||||
name: key
|
name: key
|
||||||
};
|
};
|
||||||
|
|
||||||
if (Object.keys(query || {}).length) {
|
if (query) {
|
||||||
routeLocation.query = query;
|
routeLocation.query = query;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (Object.keys(params || {}).length) {
|
if (params) {
|
||||||
routeLocation.params = params;
|
routeLocation.params = params;
|
||||||
}
|
}
|
||||||
|
|
||||||
return routerPush(routeLocation);
|
return routerPush(routeLocation);
|
||||||
}
|
}
|
||||||
|
|
||||||
function routerPushByKeyWithMetaQuery(key: RouteKey) {
|
|
||||||
const allRoutes = router.getRoutes();
|
|
||||||
const meta = allRoutes.find(item => item.name === key)?.meta || null;
|
|
||||||
|
|
||||||
const query: Record<string, string> = {};
|
|
||||||
|
|
||||||
meta?.query?.forEach(item => {
|
|
||||||
query[item.key] = item.value;
|
|
||||||
});
|
|
||||||
|
|
||||||
return routerPushByKey(key, { query });
|
|
||||||
}
|
|
||||||
|
|
||||||
async function toHome() {
|
async function toHome() {
|
||||||
return routerPushByKey('root');
|
return routerPushByKey('root');
|
||||||
}
|
}
|
||||||
@@ -62,7 +54,7 @@ export function useRouterPush(inSetup = true) {
|
|||||||
async function toLogin(loginModule?: UnionKey.LoginModule, redirectUrl?: string) {
|
async function toLogin(loginModule?: UnionKey.LoginModule, redirectUrl?: string) {
|
||||||
const module = loginModule || 'pwd-login';
|
const module = loginModule || 'pwd-login';
|
||||||
|
|
||||||
const options: App.Global.RouterPushOptions = {
|
const options: RouterPushOptions = {
|
||||||
params: {
|
params: {
|
||||||
module
|
module
|
||||||
}
|
}
|
||||||
@@ -88,18 +80,14 @@ export function useRouterPush(inSetup = true) {
|
|||||||
return routerPushByKey('login', { query, params: { module } });
|
return routerPushByKey('login', { query, params: { module } });
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/** Redirect from login */
|
||||||
* Redirect from login
|
async function redirectFromLogin() {
|
||||||
*
|
|
||||||
* @param [needRedirect=true] Whether to redirect after login. Default is `true`
|
|
||||||
*/
|
|
||||||
async function redirectFromLogin(needRedirect = true) {
|
|
||||||
const redirect = route.value.query?.redirect as string;
|
const redirect = route.value.query?.redirect as string;
|
||||||
|
|
||||||
if (needRedirect && redirect) {
|
if (redirect) {
|
||||||
await routerPush(redirect);
|
routerPush(redirect);
|
||||||
} else {
|
} else {
|
||||||
await toHome();
|
toHome();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -107,7 +95,6 @@ export function useRouterPush(inSetup = true) {
|
|||||||
routerPush,
|
routerPush,
|
||||||
routerBack,
|
routerBack,
|
||||||
routerPushByKey,
|
routerPushByKey,
|
||||||
routerPushByKeyWithMetaQuery,
|
|
||||||
toLogin,
|
toLogin,
|
||||||
toggleLoginModule,
|
toggleLoginModule,
|
||||||
redirectFromLogin
|
redirectFromLogin
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import { computed, effectScope, onScopeDispose, reactive, ref, watch } from 'vue';
|
import { computed, effectScope, onScopeDispose, reactive, ref, watch } from 'vue';
|
||||||
import type { Ref } from 'vue';
|
import type { Ref } from 'vue';
|
||||||
import type { PaginationProps } from 'naive-ui';
|
import type { PaginationProps } from 'naive-ui';
|
||||||
import { jsonClone } from '@sa/utils';
|
import { cloneDeep } from 'lodash-es';
|
||||||
import { useBoolean, useHookTable } from '@sa/hooks';
|
import { useBoolean, useHookTable } from '@sa/hooks';
|
||||||
import { useAppStore } from '@/store/modules/app';
|
import { useAppStore } from '@/store/modules/app';
|
||||||
import { $t } from '@/locales';
|
import { $t } from '@/locales';
|
||||||
@@ -40,20 +40,17 @@ export function useTable<A extends NaiveUI.TableApiFn>(config: NaiveUI.NaiveTabl
|
|||||||
transformer: res => {
|
transformer: res => {
|
||||||
const { records = [], current = 1, size = 10, total = 0 } = res.data || {};
|
const { records = [], current = 1, size = 10, total = 0 } = res.data || {};
|
||||||
|
|
||||||
// Ensure that the size is greater than 0, If it is less than 0, it will cause paging calculation errors.
|
|
||||||
const pageSize = size <= 0 ? 10 : size;
|
|
||||||
|
|
||||||
const recordsWithIndex = records.map((item, index) => {
|
const recordsWithIndex = records.map((item, index) => {
|
||||||
return {
|
return {
|
||||||
...item,
|
...item,
|
||||||
index: (current - 1) * pageSize + index + 1
|
index: (current - 1) * size + index + 1
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|
||||||
return {
|
return {
|
||||||
data: recordsWithIndex,
|
data: recordsWithIndex,
|
||||||
pageNum: current,
|
pageNum: current,
|
||||||
pageSize,
|
pageSize: size,
|
||||||
total
|
total
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
@@ -64,7 +61,7 @@ export function useTable<A extends NaiveUI.TableApiFn>(config: NaiveUI.NaiveTabl
|
|||||||
if (isTableColumnHasKey(column)) {
|
if (isTableColumnHasKey(column)) {
|
||||||
checks.push({
|
checks.push({
|
||||||
key: column.key as string,
|
key: column.key as string,
|
||||||
title: column.title!,
|
title: column.title as string,
|
||||||
checked: true
|
checked: true
|
||||||
});
|
});
|
||||||
} else if (column.type === 'selection') {
|
} else if (column.type === 'selection') {
|
||||||
@@ -119,7 +116,6 @@ export function useTable<A extends NaiveUI.TableApiFn>(config: NaiveUI.NaiveTabl
|
|||||||
page: 1,
|
page: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
showSizePicker: true,
|
showSizePicker: true,
|
||||||
itemCount: 0,
|
|
||||||
pageSizes: [10, 15, 20, 25, 30],
|
pageSizes: [10, 15, 20, 25, 30],
|
||||||
onUpdatePage: async (page: number) => {
|
onUpdatePage: async (page: number) => {
|
||||||
pagination.page = page;
|
pagination.page = page;
|
||||||
@@ -229,7 +225,7 @@ export function useTableOperate<T extends TableData = TableData>(data: Ref<T[]>,
|
|||||||
function handleEdit(id: T['id']) {
|
function handleEdit(id: T['id']) {
|
||||||
operateType.value = 'edit';
|
operateType.value = 'edit';
|
||||||
const findItem = data.value.find(item => item.id === id) || null;
|
const findItem = data.value.find(item => item.id === id) || null;
|
||||||
editingData.value = jsonClone(findItem);
|
editingData.value = cloneDeep(findItem);
|
||||||
|
|
||||||
openDrawer();
|
openDrawer();
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed, defineAsyncComponent } from 'vue';
|
import { computed } from 'vue';
|
||||||
import { AdminLayout, LAYOUT_SCROLL_EL_ID } from '@sa/materials';
|
import { AdminLayout, LAYOUT_SCROLL_EL_ID } from '@sa/materials';
|
||||||
import type { LayoutMode } from '@sa/materials';
|
import type { LayoutMode } from '@sa/materials';
|
||||||
import { useAppStore } from '@/store/modules/app';
|
import { useAppStore } from '@/store/modules/app';
|
||||||
@@ -18,9 +18,7 @@ defineOptions({
|
|||||||
|
|
||||||
const appStore = useAppStore();
|
const appStore = useAppStore();
|
||||||
const themeStore = useThemeStore();
|
const themeStore = useThemeStore();
|
||||||
const { childLevelMenus, isActiveFirstLevelMenuHasChildren } = setupMixMenuContext();
|
const { menus } = setupMixMenuContext();
|
||||||
|
|
||||||
const GlobalMenu = defineAsyncComponent(() => import('../modules/global-menu/index.vue'));
|
|
||||||
|
|
||||||
const layoutMode = computed(() => {
|
const layoutMode = computed(() => {
|
||||||
const vertical: LayoutMode = 'vertical';
|
const vertical: LayoutMode = 'vertical';
|
||||||
@@ -28,9 +26,6 @@ const layoutMode = computed(() => {
|
|||||||
return themeStore.layout.mode.includes(vertical) ? vertical : horizontal;
|
return themeStore.layout.mode.includes(vertical) ? vertical : horizontal;
|
||||||
});
|
});
|
||||||
|
|
||||||
const headerProps = computed(() => {
|
|
||||||
const { mode, reverseHorizontalMix } = themeStore.layout;
|
|
||||||
|
|
||||||
const headerPropsConfig: Record<UnionKey.ThemeLayoutMode, App.Global.HeaderProps> = {
|
const headerPropsConfig: Record<UnionKey.ThemeLayoutMode, App.Global.HeaderProps> = {
|
||||||
vertical: {
|
vertical: {
|
||||||
showLogo: false,
|
showLogo: false,
|
||||||
@@ -50,12 +45,11 @@ const headerProps = computed(() => {
|
|||||||
'horizontal-mix': {
|
'horizontal-mix': {
|
||||||
showLogo: true,
|
showLogo: true,
|
||||||
showMenu: true,
|
showMenu: true,
|
||||||
showMenuToggler: reverseHorizontalMix && isActiveFirstLevelMenuHasChildren.value
|
showMenuToggler: false
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
return headerPropsConfig[mode];
|
const headerProps = computed(() => headerPropsConfig[themeStore.layout.mode]);
|
||||||
});
|
|
||||||
|
|
||||||
const siderVisible = computed(() => themeStore.layout.mode !== 'horizontal');
|
const siderVisible = computed(() => themeStore.layout.mode !== 'horizontal');
|
||||||
|
|
||||||
@@ -68,16 +62,11 @@ const siderWidth = computed(() => getSiderWidth());
|
|||||||
const siderCollapsedWidth = computed(() => getSiderCollapsedWidth());
|
const siderCollapsedWidth = computed(() => getSiderCollapsedWidth());
|
||||||
|
|
||||||
function getSiderWidth() {
|
function getSiderWidth() {
|
||||||
const { reverseHorizontalMix } = themeStore.layout;
|
|
||||||
const { width, mixWidth, mixChildMenuWidth } = themeStore.sider;
|
const { width, mixWidth, mixChildMenuWidth } = themeStore.sider;
|
||||||
|
|
||||||
if (isHorizontalMix.value && reverseHorizontalMix) {
|
|
||||||
return isActiveFirstLevelMenuHasChildren.value ? width : 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
let w = isVerticalMix.value || isHorizontalMix.value ? mixWidth : width;
|
let w = isVerticalMix.value || isHorizontalMix.value ? mixWidth : width;
|
||||||
|
|
||||||
if (isVerticalMix.value && appStore.mixSiderFixed && childLevelMenus.value.length) {
|
if (isVerticalMix.value && appStore.mixSiderFixed && menus.value.length) {
|
||||||
w += mixChildMenuWidth;
|
w += mixChildMenuWidth;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -85,16 +74,11 @@ function getSiderWidth() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function getSiderCollapsedWidth() {
|
function getSiderCollapsedWidth() {
|
||||||
const { reverseHorizontalMix } = themeStore.layout;
|
|
||||||
const { collapsedWidth, mixCollapsedWidth, mixChildMenuWidth } = themeStore.sider;
|
const { collapsedWidth, mixCollapsedWidth, mixChildMenuWidth } = themeStore.sider;
|
||||||
|
|
||||||
if (isHorizontalMix.value && reverseHorizontalMix) {
|
|
||||||
return isActiveFirstLevelMenuHasChildren.value ? collapsedWidth : 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
let w = isVerticalMix.value || isHorizontalMix.value ? mixCollapsedWidth : collapsedWidth;
|
let w = isVerticalMix.value || isHorizontalMix.value ? mixCollapsedWidth : collapsedWidth;
|
||||||
|
|
||||||
if (isVerticalMix.value && appStore.mixSiderFixed && childLevelMenus.value.length) {
|
if (isVerticalMix.value && appStore.mixSiderFixed && menus.value.length) {
|
||||||
w += mixChildMenuWidth;
|
w += mixChildMenuWidth;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -132,7 +116,6 @@ function getSiderCollapsedWidth() {
|
|||||||
<template #sider>
|
<template #sider>
|
||||||
<GlobalSider />
|
<GlobalSider />
|
||||||
</template>
|
</template>
|
||||||
<GlobalMenu />
|
|
||||||
<GlobalContent />
|
<GlobalContent />
|
||||||
<ThemeDrawer />
|
<ThemeDrawer />
|
||||||
<template #footer>
|
<template #footer>
|
||||||
|
|||||||
@@ -8,7 +8,6 @@ export const { setupStore: setupMixMenuContext, useStore: useMixMenuContext } =
|
|||||||
function useMixMenu() {
|
function useMixMenu() {
|
||||||
const route = useRoute();
|
const route = useRoute();
|
||||||
const routeStore = useRouteStore();
|
const routeStore = useRouteStore();
|
||||||
const { selectedKey } = useMenu();
|
|
||||||
|
|
||||||
const activeFirstLevelMenuKey = ref('');
|
const activeFirstLevelMenuKey = ref('');
|
||||||
|
|
||||||
@@ -17,35 +16,20 @@ function useMixMenu() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function getActiveFirstLevelMenuKey() {
|
function getActiveFirstLevelMenuKey() {
|
||||||
const [firstLevelRouteName] = selectedKey.value.split('_');
|
const { hideInMenu, activeMenu } = route.meta;
|
||||||
|
const name = route.name as string;
|
||||||
|
|
||||||
|
const routeName = (hideInMenu ? activeMenu : name) || name;
|
||||||
|
|
||||||
|
const [firstLevelRouteName] = routeName.split('_');
|
||||||
|
|
||||||
setActiveFirstLevelMenuKey(firstLevelRouteName);
|
setActiveFirstLevelMenuKey(firstLevelRouteName);
|
||||||
}
|
}
|
||||||
|
|
||||||
const allMenus = computed<App.Global.Menu[]>(() => routeStore.menus);
|
const menus = computed(
|
||||||
|
|
||||||
const firstLevelMenus = computed<App.Global.Menu[]>(() =>
|
|
||||||
routeStore.menus.map(menu => {
|
|
||||||
const { children: _, ...rest } = menu;
|
|
||||||
|
|
||||||
return rest;
|
|
||||||
})
|
|
||||||
);
|
|
||||||
|
|
||||||
const childLevelMenus = computed<App.Global.Menu[]>(
|
|
||||||
() => routeStore.menus.find(menu => menu.key === activeFirstLevelMenuKey.value)?.children || []
|
() => routeStore.menus.find(menu => menu.key === activeFirstLevelMenuKey.value)?.children || []
|
||||||
);
|
);
|
||||||
|
|
||||||
const isActiveFirstLevelMenuHasChildren = computed(() => {
|
|
||||||
if (!activeFirstLevelMenuKey.value) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
const findItem = allMenus.value.find(item => item.key === activeFirstLevelMenuKey.value);
|
|
||||||
|
|
||||||
return Boolean(findItem?.children?.length);
|
|
||||||
});
|
|
||||||
|
|
||||||
watch(
|
watch(
|
||||||
() => route.name,
|
() => route.name,
|
||||||
() => {
|
() => {
|
||||||
@@ -55,29 +39,9 @@ function useMixMenu() {
|
|||||||
);
|
);
|
||||||
|
|
||||||
return {
|
return {
|
||||||
allMenus,
|
|
||||||
firstLevelMenus,
|
|
||||||
childLevelMenus,
|
|
||||||
isActiveFirstLevelMenuHasChildren,
|
|
||||||
activeFirstLevelMenuKey,
|
activeFirstLevelMenuKey,
|
||||||
setActiveFirstLevelMenuKey,
|
setActiveFirstLevelMenuKey,
|
||||||
getActiveFirstLevelMenuKey
|
getActiveFirstLevelMenuKey,
|
||||||
};
|
menus
|
||||||
}
|
|
||||||
|
|
||||||
export function useMenu() {
|
|
||||||
const route = useRoute();
|
|
||||||
|
|
||||||
const selectedKey = computed(() => {
|
|
||||||
const { hideInMenu, activeMenu } = route.meta;
|
|
||||||
const name = route.name as string;
|
|
||||||
|
|
||||||
const routeName = (hideInMenu ? activeMenu : name) || name;
|
|
||||||
|
|
||||||
return routeName;
|
|
||||||
});
|
|
||||||
|
|
||||||
return {
|
|
||||||
selectedKey
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -42,7 +42,7 @@ function resetScroll() {
|
|||||||
@after-leave="resetScroll"
|
@after-leave="resetScroll"
|
||||||
@after-enter="appStore.setContentXScrollable(false)"
|
@after-enter="appStore.setContentXScrollable(false)"
|
||||||
>
|
>
|
||||||
<KeepAlive :include="routeStore.cacheRoutes" :exclude="routeStore.excludeCacheRoutes">
|
<KeepAlive :include="routeStore.cacheRoutes">
|
||||||
<component
|
<component
|
||||||
:is="Component"
|
:is="Component"
|
||||||
v-if="appStore.reloadFlag"
|
v-if="appStore.reloadFlag"
|
||||||
|
|||||||
@@ -18,7 +18,7 @@ function loginOrRegister() {
|
|||||||
toLogin();
|
toLogin();
|
||||||
}
|
}
|
||||||
|
|
||||||
type DropdownKey = 'logout';
|
type DropdownKey = 'user-center' | 'logout';
|
||||||
|
|
||||||
type DropdownOption =
|
type DropdownOption =
|
||||||
| {
|
| {
|
||||||
@@ -33,6 +33,15 @@ type DropdownOption =
|
|||||||
|
|
||||||
const options = computed(() => {
|
const options = computed(() => {
|
||||||
const opts: DropdownOption[] = [
|
const opts: DropdownOption[] = [
|
||||||
|
{
|
||||||
|
label: $t('common.userCenter'),
|
||||||
|
key: 'user-center',
|
||||||
|
icon: SvgIconVNode({ icon: 'ph:user-circle', fontSize: 18 })
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'divider',
|
||||||
|
key: 'divider'
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: $t('common.logout'),
|
label: $t('common.logout'),
|
||||||
key: 'logout',
|
key: 'logout',
|
||||||
@@ -59,7 +68,6 @@ function handleDropdown(key: DropdownKey) {
|
|||||||
if (key === 'logout') {
|
if (key === 'logout') {
|
||||||
logout();
|
logout();
|
||||||
} else {
|
} else {
|
||||||
// If your other options are jumps from other routes, they will be directly supported here
|
|
||||||
routerPushByKey(key);
|
routerPushByKey(key);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,11 +1,14 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
import { computed } from 'vue';
|
||||||
import { useFullscreen } from '@vueuse/core';
|
import { useFullscreen } from '@vueuse/core';
|
||||||
import { GLOBAL_HEADER_MENU_ID } from '@/constants/app';
|
|
||||||
import { useAppStore } from '@/store/modules/app';
|
import { useAppStore } from '@/store/modules/app';
|
||||||
import { useThemeStore } from '@/store/modules/theme';
|
import { useThemeStore } from '@/store/modules/theme';
|
||||||
|
import { useRouteStore } from '@/store/modules/route';
|
||||||
|
import HorizontalMenu from '../global-menu/base-menu.vue';
|
||||||
import GlobalLogo from '../global-logo/index.vue';
|
import GlobalLogo from '../global-logo/index.vue';
|
||||||
import GlobalBreadcrumb from '../global-breadcrumb/index.vue';
|
import GlobalBreadcrumb from '../global-breadcrumb/index.vue';
|
||||||
import GlobalSearch from '../global-search/index.vue';
|
import GlobalSearch from '../global-search/index.vue';
|
||||||
|
import { useMixMenuContext } from '../../context';
|
||||||
import ThemeButton from './components/theme-button.vue';
|
import ThemeButton from './components/theme-button.vue';
|
||||||
import UserAvatar from './components/user-avatar.vue';
|
import UserAvatar from './components/user-avatar.vue';
|
||||||
|
|
||||||
@@ -26,26 +29,35 @@ defineProps<Props>();
|
|||||||
|
|
||||||
const appStore = useAppStore();
|
const appStore = useAppStore();
|
||||||
const themeStore = useThemeStore();
|
const themeStore = useThemeStore();
|
||||||
|
const routeStore = useRouteStore();
|
||||||
const { isFullscreen, toggle } = useFullscreen();
|
const { isFullscreen, toggle } = useFullscreen();
|
||||||
|
const { menus } = useMixMenuContext();
|
||||||
|
|
||||||
|
const headerMenus = computed(() => {
|
||||||
|
if (themeStore.layout.mode === 'horizontal') {
|
||||||
|
return routeStore.menus;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (themeStore.layout.mode === 'horizontal-mix') {
|
||||||
|
return menus.value;
|
||||||
|
}
|
||||||
|
|
||||||
|
return [];
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<DarkModeContainer class="h-full flex-y-center px-12px shadow-header">
|
<DarkModeContainer class="h-full flex-y-center px-12px shadow-header">
|
||||||
<GlobalLogo v-if="showLogo" class="h-full" :style="{ width: themeStore.sider.width + 'px' }" />
|
<GlobalLogo v-if="showLogo" class="h-full" :style="{ width: themeStore.sider.width + 'px' }" />
|
||||||
<MenuToggler v-if="showMenuToggler" :collapsed="appStore.siderCollapse" @click="appStore.toggleSiderCollapse" />
|
<HorizontalMenu v-if="showMenu" mode="horizontal" :menus="headerMenus" class="px-12px" />
|
||||||
<div v-if="showMenu" :id="GLOBAL_HEADER_MENU_ID" class="h-full flex-y-center flex-1-hidden"></div>
|
|
||||||
<div v-else class="h-full flex-y-center flex-1-hidden">
|
<div v-else class="h-full flex-y-center flex-1-hidden">
|
||||||
|
<MenuToggler v-if="showMenuToggler" :collapsed="appStore.siderCollapse" @click="appStore.toggleSiderCollapse" />
|
||||||
<GlobalBreadcrumb v-if="!appStore.isMobile" class="ml-12px" />
|
<GlobalBreadcrumb v-if="!appStore.isMobile" class="ml-12px" />
|
||||||
</div>
|
</div>
|
||||||
<div class="h-full flex-y-center justify-end">
|
<div class="h-full flex-y-center justify-end">
|
||||||
<GlobalSearch />
|
<GlobalSearch />
|
||||||
<FullScreen v-if="!appStore.isMobile" :full="isFullscreen" @click="toggle" />
|
<FullScreen v-if="!appStore.isMobile" :full="isFullscreen" @click="toggle" />
|
||||||
<LangSwitch
|
<LangSwitch :lang="appStore.locale" :lang-options="appStore.localeOptions" @change-lang="appStore.changeLocale" />
|
||||||
v-if="themeStore.header.multilingual.visible"
|
|
||||||
:lang="appStore.locale"
|
|
||||||
:lang-options="appStore.localeOptions"
|
|
||||||
@change-lang="appStore.changeLocale"
|
|
||||||
/>
|
|
||||||
<ThemeSchemaSwitch
|
<ThemeSchemaSwitch
|
||||||
:theme-schema="themeStore.themeScheme"
|
:theme-schema="themeStore.themeScheme"
|
||||||
:is-dark="themeStore.darkMode"
|
:is-dark="themeStore.darkMode"
|
||||||
|
|||||||
96
src/layouts/modules/global-menu/base-menu.vue
Normal file
96
src/layouts/modules/global-menu/base-menu.vue
Normal file
@@ -0,0 +1,96 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { computed, ref, watch } from 'vue';
|
||||||
|
import { useRoute } from 'vue-router';
|
||||||
|
import type { MentionOption, MenuProps } from 'naive-ui';
|
||||||
|
import { SimpleScrollbar } from '@sa/materials';
|
||||||
|
import type { RouteKey } from '@elegant-router/types';
|
||||||
|
import { useAppStore } from '@/store/modules/app';
|
||||||
|
import { useThemeStore } from '@/store/modules/theme';
|
||||||
|
import { useRouteStore } from '@/store/modules/route';
|
||||||
|
import { useRouterPush } from '@/hooks/common/router';
|
||||||
|
|
||||||
|
defineOptions({
|
||||||
|
name: 'BaseMenu'
|
||||||
|
});
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
darkTheme?: boolean;
|
||||||
|
mode?: MenuProps['mode'];
|
||||||
|
menus: App.Global.Menu[];
|
||||||
|
}
|
||||||
|
|
||||||
|
const props = withDefaults(defineProps<Props>(), {
|
||||||
|
mode: 'vertical'
|
||||||
|
});
|
||||||
|
|
||||||
|
const route = useRoute();
|
||||||
|
const appStore = useAppStore();
|
||||||
|
const themeStore = useThemeStore();
|
||||||
|
const routeStore = useRouteStore();
|
||||||
|
const { routerPushByKey } = useRouterPush();
|
||||||
|
|
||||||
|
const naiveMenus = computed(() => props.menus as unknown as MentionOption[]);
|
||||||
|
|
||||||
|
const isHorizontal = computed(() => props.mode === 'horizontal');
|
||||||
|
|
||||||
|
const siderCollapse = computed(() => themeStore.layout.mode === 'vertical' && appStore.siderCollapse);
|
||||||
|
|
||||||
|
const headerHeight = computed(() => `${themeStore.header.height}px`);
|
||||||
|
|
||||||
|
const selectedKey = computed(() => {
|
||||||
|
const { hideInMenu, activeMenu } = route.meta;
|
||||||
|
const name = route.name as string;
|
||||||
|
|
||||||
|
const routeName = (hideInMenu ? activeMenu : name) || name;
|
||||||
|
|
||||||
|
return routeName;
|
||||||
|
});
|
||||||
|
|
||||||
|
const expandedKeys = ref<string[]>([]);
|
||||||
|
|
||||||
|
function updateExpandedKeys() {
|
||||||
|
if (isHorizontal.value || siderCollapse.value || !selectedKey.value) {
|
||||||
|
expandedKeys.value = [];
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
expandedKeys.value = routeStore.getSelectedMenuKeyPath(selectedKey.value);
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleClickMenu(key: RouteKey) {
|
||||||
|
const query = routeStore.getRouteQueryOfMetaByKey(key);
|
||||||
|
|
||||||
|
routerPushByKey(key, { query });
|
||||||
|
}
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => route.name,
|
||||||
|
() => {
|
||||||
|
updateExpandedKeys();
|
||||||
|
},
|
||||||
|
{ immediate: true }
|
||||||
|
);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<SimpleScrollbar>
|
||||||
|
<NMenu
|
||||||
|
v-model:expanded-keys="expandedKeys"
|
||||||
|
:mode="mode"
|
||||||
|
:value="selectedKey"
|
||||||
|
:collapsed="siderCollapse"
|
||||||
|
:collapsed-width="themeStore.sider.collapsedWidth"
|
||||||
|
:collapsed-icon-size="22"
|
||||||
|
:options="naiveMenus"
|
||||||
|
:inverted="darkTheme"
|
||||||
|
:indent="18"
|
||||||
|
responsive
|
||||||
|
@update:value="handleClickMenu"
|
||||||
|
/>
|
||||||
|
</SimpleScrollbar>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
:deep(.n-menu--horizontal) {
|
||||||
|
--n-item-height: v-bind(headerHeight) !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -3,29 +3,31 @@ import { computed } from 'vue';
|
|||||||
import { createReusableTemplate } from '@vueuse/core';
|
import { createReusableTemplate } from '@vueuse/core';
|
||||||
import { SimpleScrollbar } from '@sa/materials';
|
import { SimpleScrollbar } from '@sa/materials';
|
||||||
import { transformColorWithOpacity } from '@sa/color';
|
import { transformColorWithOpacity } from '@sa/color';
|
||||||
|
import { useAppStore } from '@/store/modules/app';
|
||||||
|
import { useRouteStore } from '@/store/modules/route';
|
||||||
|
import { useThemeStore } from '@/store/modules/theme';
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'FirstLevelMenu'
|
name: 'FirstLevelMenu'
|
||||||
});
|
});
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
menus: App.Global.Menu[];
|
|
||||||
activeMenuKey?: string;
|
activeMenuKey?: string;
|
||||||
inverted?: boolean;
|
inverted?: boolean;
|
||||||
siderCollapse?: boolean;
|
|
||||||
darkMode?: boolean;
|
|
||||||
themeColor: string;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const props = defineProps<Props>();
|
defineProps<Props>();
|
||||||
|
|
||||||
interface Emits {
|
interface Emits {
|
||||||
(e: 'select', menu: App.Global.Menu): boolean;
|
(e: 'select', menu: App.Global.Menu): boolean;
|
||||||
(e: 'toggleSiderCollapse'): void;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const emit = defineEmits<Emits>();
|
const emit = defineEmits<Emits>();
|
||||||
|
|
||||||
|
const appStore = useAppStore();
|
||||||
|
const themeStore = useThemeStore();
|
||||||
|
const routeStore = useRouteStore();
|
||||||
|
|
||||||
interface MixMenuItemProps {
|
interface MixMenuItemProps {
|
||||||
/** Menu item label */
|
/** Menu item label */
|
||||||
label: App.Global.Menu['label'];
|
label: App.Global.Menu['label'];
|
||||||
@@ -34,12 +36,12 @@ interface MixMenuItemProps {
|
|||||||
/** Active menu item */
|
/** Active menu item */
|
||||||
active: boolean;
|
active: boolean;
|
||||||
/** Mini size */
|
/** Mini size */
|
||||||
isMini?: boolean;
|
isMini: boolean;
|
||||||
}
|
}
|
||||||
const [DefineMixMenuItem, MixMenuItem] = createReusableTemplate<MixMenuItemProps>();
|
const [DefineMixMenuItem, MixMenuItem] = createReusableTemplate<MixMenuItemProps>();
|
||||||
|
|
||||||
const selectedBgColor = computed(() => {
|
const selectedBgColor = computed(() => {
|
||||||
const { darkMode, themeColor } = props;
|
const { darkMode, themeColor } = themeStore;
|
||||||
|
|
||||||
const light = transformColorWithOpacity(themeColor, 0.1, '#ffffff');
|
const light = transformColorWithOpacity(themeColor, 0.1, '#ffffff');
|
||||||
const dark = transformColorWithOpacity(themeColor, 0.3, '#000000');
|
const dark = transformColorWithOpacity(themeColor, 0.3, '#000000');
|
||||||
@@ -50,10 +52,6 @@ const selectedBgColor = computed(() => {
|
|||||||
function handleClickMixMenu(menu: App.Global.Menu) {
|
function handleClickMixMenu(menu: App.Global.Menu) {
|
||||||
emit('select', menu);
|
emit('select', menu);
|
||||||
}
|
}
|
||||||
|
|
||||||
function toggleSiderCollapse() {
|
|
||||||
emit('toggleSiderCollapse');
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -82,21 +80,21 @@ function toggleSiderCollapse() {
|
|||||||
<slot></slot>
|
<slot></slot>
|
||||||
<SimpleScrollbar>
|
<SimpleScrollbar>
|
||||||
<MixMenuItem
|
<MixMenuItem
|
||||||
v-for="menu in menus"
|
v-for="menu in routeStore.menus"
|
||||||
:key="menu.key"
|
:key="menu.key"
|
||||||
:label="menu.label"
|
:label="menu.label"
|
||||||
:icon="menu.icon"
|
:icon="menu.icon"
|
||||||
:active="menu.key === activeMenuKey"
|
:active="menu.key === activeMenuKey"
|
||||||
:is-mini="siderCollapse"
|
:is-mini="appStore.siderCollapse"
|
||||||
@click="handleClickMixMenu(menu)"
|
@click="handleClickMixMenu(menu)"
|
||||||
/>
|
/>
|
||||||
</SimpleScrollbar>
|
</SimpleScrollbar>
|
||||||
<MenuToggler
|
<MenuToggler
|
||||||
arrow-icon
|
arrow-icon
|
||||||
:collapsed="siderCollapse"
|
:collapsed="appStore.siderCollapse"
|
||||||
:z-index="99"
|
:z-index="99"
|
||||||
:class="{ 'text-white:88 !hover:text-white': inverted }"
|
:class="{ 'text-white:88 !hover:text-white': inverted }"
|
||||||
@click="toggleSiderCollapse"
|
@click="appStore.toggleSiderCollapse"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
28
src/layouts/modules/global-menu/horizontal-mix-menu.vue
Normal file
28
src/layouts/modules/global-menu/horizontal-mix-menu.vue
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { useRouterPush } from '@/hooks/common/router';
|
||||||
|
import { useMixMenuContext } from '../../context';
|
||||||
|
import FirstLevelMenu from './first-level-menu.vue';
|
||||||
|
|
||||||
|
defineOptions({
|
||||||
|
name: 'HorizontalMixMenu'
|
||||||
|
});
|
||||||
|
|
||||||
|
const { activeFirstLevelMenuKey, setActiveFirstLevelMenuKey } = useMixMenuContext();
|
||||||
|
const { routerPushByKey } = useRouterPush();
|
||||||
|
|
||||||
|
function handleSelectMixMenu(menu: App.Global.Menu) {
|
||||||
|
setActiveFirstLevelMenuKey(menu.key);
|
||||||
|
|
||||||
|
if (!menu.children?.length) {
|
||||||
|
routerPushByKey(menu.routeKey);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<FirstLevelMenu :active-menu-key="activeFirstLevelMenuKey" @select="handleSelectMixMenu">
|
||||||
|
<slot></slot>
|
||||||
|
</FirstLevelMenu>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
@@ -1,37 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
import { computed } from 'vue';
|
|
||||||
import type { Component } from 'vue';
|
|
||||||
import { useAppStore } from '@/store/modules/app';
|
|
||||||
import { useThemeStore } from '@/store/modules/theme';
|
|
||||||
import VerticalMenu from './modules/vertical-menu.vue';
|
|
||||||
import VerticalMixMenu from './modules/vertical-mix-menu.vue';
|
|
||||||
import HorizontalMenu from './modules/horizontal-menu.vue';
|
|
||||||
import HorizontalMixMenu from './modules/horizontal-mix-menu.vue';
|
|
||||||
import ReversedHorizontalMixMenu from './modules/reversed-horizontal-mix-menu.vue';
|
|
||||||
|
|
||||||
defineOptions({
|
|
||||||
name: 'GlobalMenu'
|
|
||||||
});
|
|
||||||
|
|
||||||
const appStore = useAppStore();
|
|
||||||
const themeStore = useThemeStore();
|
|
||||||
|
|
||||||
const activeMenu = computed(() => {
|
|
||||||
const menuMap: Record<UnionKey.ThemeLayoutMode, Component> = {
|
|
||||||
vertical: VerticalMenu,
|
|
||||||
'vertical-mix': VerticalMixMenu,
|
|
||||||
horizontal: HorizontalMenu,
|
|
||||||
'horizontal-mix': themeStore.layout.reverseHorizontalMix ? ReversedHorizontalMixMenu : HorizontalMixMenu
|
|
||||||
};
|
|
||||||
|
|
||||||
return menuMap[themeStore.layout.mode];
|
|
||||||
});
|
|
||||||
|
|
||||||
const reRenderVertical = computed(() => themeStore.layout.mode === 'vertical' && appStore.isMobile);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<component :is="activeMenu" :key="reRenderVertical" />
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped></style>
|
|
||||||
@@ -1,29 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
import { GLOBAL_HEADER_MENU_ID } from '@/constants/app';
|
|
||||||
import { useRouteStore } from '@/store/modules/route';
|
|
||||||
import { useRouterPush } from '@/hooks/common/router';
|
|
||||||
import { useMenu } from '../../../context';
|
|
||||||
|
|
||||||
defineOptions({
|
|
||||||
name: 'HorizontalMenu'
|
|
||||||
});
|
|
||||||
|
|
||||||
const routeStore = useRouteStore();
|
|
||||||
const { routerPushByKeyWithMetaQuery } = useRouterPush();
|
|
||||||
const { selectedKey } = useMenu();
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<Teleport :to="`#${GLOBAL_HEADER_MENU_ID}`">
|
|
||||||
<NMenu
|
|
||||||
mode="horizontal"
|
|
||||||
:value="selectedKey"
|
|
||||||
:options="routeStore.menus"
|
|
||||||
:indent="18"
|
|
||||||
responsive
|
|
||||||
@update:value="routerPushByKeyWithMetaQuery"
|
|
||||||
/>
|
|
||||||
</Teleport>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped></style>
|
|
||||||
@@ -1,52 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
import { GLOBAL_HEADER_MENU_ID, GLOBAL_SIDER_MENU_ID } from '@/constants/app';
|
|
||||||
import { useAppStore } from '@/store/modules/app';
|
|
||||||
import { useThemeStore } from '@/store/modules/theme';
|
|
||||||
import { useRouterPush } from '@/hooks/common/router';
|
|
||||||
import FirstLevelMenu from '../components/first-level-menu.vue';
|
|
||||||
import { useMenu, useMixMenuContext } from '../../../context';
|
|
||||||
|
|
||||||
defineOptions({
|
|
||||||
name: 'HorizontalMixMenu'
|
|
||||||
});
|
|
||||||
|
|
||||||
const appStore = useAppStore();
|
|
||||||
const themeStore = useThemeStore();
|
|
||||||
const { routerPushByKeyWithMetaQuery } = useRouterPush();
|
|
||||||
const { allMenus, childLevelMenus, activeFirstLevelMenuKey, setActiveFirstLevelMenuKey } = useMixMenuContext();
|
|
||||||
const { selectedKey } = useMenu();
|
|
||||||
|
|
||||||
function handleSelectMixMenu(menu: App.Global.Menu) {
|
|
||||||
setActiveFirstLevelMenuKey(menu.key);
|
|
||||||
|
|
||||||
if (!menu.children?.length) {
|
|
||||||
routerPushByKeyWithMetaQuery(menu.routeKey);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<Teleport :to="`#${GLOBAL_HEADER_MENU_ID}`">
|
|
||||||
<NMenu
|
|
||||||
mode="horizontal"
|
|
||||||
:value="selectedKey"
|
|
||||||
:options="childLevelMenus"
|
|
||||||
:indent="18"
|
|
||||||
responsive
|
|
||||||
@update:value="routerPushByKeyWithMetaQuery"
|
|
||||||
/>
|
|
||||||
</Teleport>
|
|
||||||
<Teleport :to="`#${GLOBAL_SIDER_MENU_ID}`">
|
|
||||||
<FirstLevelMenu
|
|
||||||
:menus="allMenus"
|
|
||||||
:active-menu-key="activeFirstLevelMenuKey"
|
|
||||||
:sider-collapse="appStore.siderCollapse"
|
|
||||||
:dark-mode="themeStore.darkMode"
|
|
||||||
:theme-color="themeStore.themeColor"
|
|
||||||
@select="handleSelectMixMenu"
|
|
||||||
@toggle-sider-collapse="appStore.toggleSiderCollapse"
|
|
||||||
/>
|
|
||||||
</Teleport>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped></style>
|
|
||||||
@@ -1,86 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
import { ref, watch } from 'vue';
|
|
||||||
import { useRoute } from 'vue-router';
|
|
||||||
import type { RouteKey } from '@elegant-router/types';
|
|
||||||
import { SimpleScrollbar } from '@sa/materials';
|
|
||||||
import { GLOBAL_HEADER_MENU_ID, GLOBAL_SIDER_MENU_ID } from '@/constants/app';
|
|
||||||
import { useAppStore } from '@/store/modules/app';
|
|
||||||
import { useThemeStore } from '@/store/modules/theme';
|
|
||||||
import { useRouteStore } from '@/store/modules/route';
|
|
||||||
import { useRouterPush } from '@/hooks/common/router';
|
|
||||||
import { useMenu, useMixMenuContext } from '../../../context';
|
|
||||||
|
|
||||||
defineOptions({
|
|
||||||
name: 'ReversedHorizontalMixMenu'
|
|
||||||
});
|
|
||||||
|
|
||||||
const route = useRoute();
|
|
||||||
const appStore = useAppStore();
|
|
||||||
const themeStore = useThemeStore();
|
|
||||||
const routeStore = useRouteStore();
|
|
||||||
const { routerPushByKeyWithMetaQuery } = useRouterPush();
|
|
||||||
const {
|
|
||||||
firstLevelMenus,
|
|
||||||
childLevelMenus,
|
|
||||||
activeFirstLevelMenuKey,
|
|
||||||
setActiveFirstLevelMenuKey,
|
|
||||||
isActiveFirstLevelMenuHasChildren
|
|
||||||
} = useMixMenuContext();
|
|
||||||
const { selectedKey } = useMenu();
|
|
||||||
|
|
||||||
function handleSelectMixMenu(key: RouteKey) {
|
|
||||||
setActiveFirstLevelMenuKey(key);
|
|
||||||
|
|
||||||
if (!isActiveFirstLevelMenuHasChildren.value) {
|
|
||||||
routerPushByKeyWithMetaQuery(key);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const expandedKeys = ref<string[]>([]);
|
|
||||||
|
|
||||||
function updateExpandedKeys() {
|
|
||||||
if (appStore.siderCollapse || !selectedKey.value) {
|
|
||||||
expandedKeys.value = [];
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
expandedKeys.value = routeStore.getSelectedMenuKeyPath(selectedKey.value);
|
|
||||||
}
|
|
||||||
|
|
||||||
watch(
|
|
||||||
() => route.name,
|
|
||||||
() => {
|
|
||||||
updateExpandedKeys();
|
|
||||||
},
|
|
||||||
{ immediate: true }
|
|
||||||
);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<Teleport :to="`#${GLOBAL_HEADER_MENU_ID}`">
|
|
||||||
<NMenu
|
|
||||||
mode="horizontal"
|
|
||||||
:value="activeFirstLevelMenuKey"
|
|
||||||
:options="firstLevelMenus"
|
|
||||||
:indent="18"
|
|
||||||
responsive
|
|
||||||
@update:value="handleSelectMixMenu"
|
|
||||||
/>
|
|
||||||
</Teleport>
|
|
||||||
<Teleport :to="`#${GLOBAL_SIDER_MENU_ID}`">
|
|
||||||
<SimpleScrollbar>
|
|
||||||
<NMenu
|
|
||||||
v-model:expanded-keys="expandedKeys"
|
|
||||||
mode="vertical"
|
|
||||||
:value="selectedKey"
|
|
||||||
:collapsed="appStore.siderCollapse"
|
|
||||||
:collapsed-width="themeStore.sider.collapsedWidth"
|
|
||||||
:collapsed-icon-size="22"
|
|
||||||
:options="childLevelMenus"
|
|
||||||
:indent="18"
|
|
||||||
@update:value="routerPushByKeyWithMetaQuery"
|
|
||||||
/>
|
|
||||||
</SimpleScrollbar>
|
|
||||||
</Teleport>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped></style>
|
|
||||||
@@ -1,63 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
import { computed, ref, watch } from 'vue';
|
|
||||||
import { useRoute } from 'vue-router';
|
|
||||||
import { SimpleScrollbar } from '@sa/materials';
|
|
||||||
import { GLOBAL_SIDER_MENU_ID } from '@/constants/app';
|
|
||||||
import { useAppStore } from '@/store/modules/app';
|
|
||||||
import { useThemeStore } from '@/store/modules/theme';
|
|
||||||
import { useRouteStore } from '@/store/modules/route';
|
|
||||||
import { useRouterPush } from '@/hooks/common/router';
|
|
||||||
import { useMenu } from '../../../context';
|
|
||||||
|
|
||||||
defineOptions({
|
|
||||||
name: 'VerticalMenu'
|
|
||||||
});
|
|
||||||
|
|
||||||
const route = useRoute();
|
|
||||||
const appStore = useAppStore();
|
|
||||||
const themeStore = useThemeStore();
|
|
||||||
const routeStore = useRouteStore();
|
|
||||||
const { routerPushByKeyWithMetaQuery } = useRouterPush();
|
|
||||||
const { selectedKey } = useMenu();
|
|
||||||
|
|
||||||
const inverted = computed(() => !themeStore.darkMode && themeStore.sider.inverted);
|
|
||||||
|
|
||||||
const expandedKeys = ref<string[]>([]);
|
|
||||||
|
|
||||||
function updateExpandedKeys() {
|
|
||||||
if (appStore.siderCollapse || !selectedKey.value) {
|
|
||||||
expandedKeys.value = [];
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
expandedKeys.value = routeStore.getSelectedMenuKeyPath(selectedKey.value);
|
|
||||||
}
|
|
||||||
|
|
||||||
watch(
|
|
||||||
() => route.name,
|
|
||||||
() => {
|
|
||||||
updateExpandedKeys();
|
|
||||||
},
|
|
||||||
{ immediate: true }
|
|
||||||
);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<Teleport :to="`#${GLOBAL_SIDER_MENU_ID}`">
|
|
||||||
<SimpleScrollbar>
|
|
||||||
<NMenu
|
|
||||||
v-model:expanded-keys="expandedKeys"
|
|
||||||
mode="vertical"
|
|
||||||
:value="selectedKey"
|
|
||||||
:collapsed="appStore.siderCollapse"
|
|
||||||
:collapsed-width="themeStore.sider.collapsedWidth"
|
|
||||||
:collapsed-icon-size="22"
|
|
||||||
:options="routeStore.menus"
|
|
||||||
:inverted="inverted"
|
|
||||||
:indent="18"
|
|
||||||
@update:value="routerPushByKeyWithMetaQuery"
|
|
||||||
/>
|
|
||||||
</SimpleScrollbar>
|
|
||||||
</Teleport>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped></style>
|
|
||||||
@@ -1,128 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
import { computed, ref, watch } from 'vue';
|
|
||||||
import { useRoute } from 'vue-router';
|
|
||||||
import { SimpleScrollbar } from '@sa/materials';
|
|
||||||
import { useBoolean } from '@sa/hooks';
|
|
||||||
import { GLOBAL_SIDER_MENU_ID } from '@/constants/app';
|
|
||||||
import { useAppStore } from '@/store/modules/app';
|
|
||||||
import { useThemeStore } from '@/store/modules/theme';
|
|
||||||
import { useRouteStore } from '@/store/modules/route';
|
|
||||||
import { useRouterPush } from '@/hooks/common/router';
|
|
||||||
import { $t } from '@/locales';
|
|
||||||
import { useMenu, useMixMenuContext } from '../../../context';
|
|
||||||
import FirstLevelMenu from '../components/first-level-menu.vue';
|
|
||||||
import GlobalLogo from '../../global-logo/index.vue';
|
|
||||||
|
|
||||||
defineOptions({
|
|
||||||
name: 'VerticalMixMenu'
|
|
||||||
});
|
|
||||||
|
|
||||||
const route = useRoute();
|
|
||||||
const appStore = useAppStore();
|
|
||||||
const themeStore = useThemeStore();
|
|
||||||
const routeStore = useRouteStore();
|
|
||||||
const { routerPushByKeyWithMetaQuery } = useRouterPush();
|
|
||||||
const { bool: drawerVisible, setBool: setDrawerVisible } = useBoolean();
|
|
||||||
const {
|
|
||||||
allMenus,
|
|
||||||
childLevelMenus,
|
|
||||||
activeFirstLevelMenuKey,
|
|
||||||
setActiveFirstLevelMenuKey,
|
|
||||||
getActiveFirstLevelMenuKey
|
|
||||||
//
|
|
||||||
} = useMixMenuContext();
|
|
||||||
const { selectedKey } = useMenu();
|
|
||||||
|
|
||||||
const inverted = computed(() => !themeStore.darkMode && themeStore.sider.inverted);
|
|
||||||
|
|
||||||
const hasChildMenus = computed(() => childLevelMenus.value.length > 0);
|
|
||||||
|
|
||||||
const showDrawer = computed(() => hasChildMenus.value && (drawerVisible.value || appStore.mixSiderFixed));
|
|
||||||
|
|
||||||
function handleSelectMixMenu(menu: App.Global.Menu) {
|
|
||||||
setActiveFirstLevelMenuKey(menu.key);
|
|
||||||
|
|
||||||
if (menu.children?.length) {
|
|
||||||
setDrawerVisible(true);
|
|
||||||
} else {
|
|
||||||
routerPushByKeyWithMetaQuery(menu.routeKey);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleResetActiveMenu() {
|
|
||||||
setDrawerVisible(false);
|
|
||||||
|
|
||||||
if (!appStore.mixSiderFixed) {
|
|
||||||
getActiveFirstLevelMenuKey();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const expandedKeys = ref<string[]>([]);
|
|
||||||
|
|
||||||
function updateExpandedKeys() {
|
|
||||||
if (appStore.siderCollapse || !selectedKey.value) {
|
|
||||||
expandedKeys.value = [];
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
expandedKeys.value = routeStore.getSelectedMenuKeyPath(selectedKey.value);
|
|
||||||
}
|
|
||||||
|
|
||||||
watch(
|
|
||||||
() => route.name,
|
|
||||||
() => {
|
|
||||||
updateExpandedKeys();
|
|
||||||
},
|
|
||||||
{ immediate: true }
|
|
||||||
);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<Teleport :to="`#${GLOBAL_SIDER_MENU_ID}`">
|
|
||||||
<div class="h-full flex" @mouseleave="handleResetActiveMenu">
|
|
||||||
<FirstLevelMenu
|
|
||||||
:menus="allMenus"
|
|
||||||
:active-menu-key="activeFirstLevelMenuKey"
|
|
||||||
:inverted="inverted"
|
|
||||||
:sider-collapse="appStore.siderCollapse"
|
|
||||||
:dark-mode="themeStore.darkMode"
|
|
||||||
:theme-color="themeStore.themeColor"
|
|
||||||
@select="handleSelectMixMenu"
|
|
||||||
@toggle-sider-collapse="appStore.toggleSiderCollapse"
|
|
||||||
>
|
|
||||||
<GlobalLogo :show-title="false" :style="{ height: themeStore.header.height + 'px' }" />
|
|
||||||
</FirstLevelMenu>
|
|
||||||
<div
|
|
||||||
class="relative h-full transition-width-300"
|
|
||||||
:style="{ width: appStore.mixSiderFixed && hasChildMenus ? themeStore.sider.mixChildMenuWidth + 'px' : '0px' }"
|
|
||||||
>
|
|
||||||
<DarkModeContainer
|
|
||||||
class="absolute-lt h-full flex-col-stretch nowrap-hidden shadow-sm transition-all-300"
|
|
||||||
:inverted="inverted"
|
|
||||||
:style="{ width: showDrawer ? themeStore.sider.mixChildMenuWidth + 'px' : '0px' }"
|
|
||||||
>
|
|
||||||
<header class="flex-y-center justify-between px-12px" :style="{ height: themeStore.header.height + 'px' }">
|
|
||||||
<h2 class="text-16px text-primary font-bold">{{ $t('system.title') }}</h2>
|
|
||||||
<PinToggler
|
|
||||||
:pin="appStore.mixSiderFixed"
|
|
||||||
:class="{ 'text-white:88 !hover:text-white': inverted }"
|
|
||||||
@click="appStore.toggleMixSiderFixed"
|
|
||||||
/>
|
|
||||||
</header>
|
|
||||||
<SimpleScrollbar>
|
|
||||||
<NMenu
|
|
||||||
v-model:expanded-keys="expandedKeys"
|
|
||||||
mode="vertical"
|
|
||||||
:value="selectedKey"
|
|
||||||
:options="childLevelMenus"
|
|
||||||
:inverted="inverted"
|
|
||||||
:indent="18"
|
|
||||||
@update:value="routerPushByKeyWithMetaQuery"
|
|
||||||
/>
|
|
||||||
</SimpleScrollbar>
|
|
||||||
</DarkModeContainer>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Teleport>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped></style>
|
|
||||||
72
src/layouts/modules/global-menu/vertical-mix-menu.vue
Normal file
72
src/layouts/modules/global-menu/vertical-mix-menu.vue
Normal file
@@ -0,0 +1,72 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { computed } from 'vue';
|
||||||
|
import { useBoolean } from '@sa/hooks';
|
||||||
|
import { useAppStore } from '@/store/modules/app';
|
||||||
|
import { useThemeStore } from '@/store/modules/theme';
|
||||||
|
import { useRouterPush } from '@/hooks/common/router';
|
||||||
|
import { $t } from '@/locales';
|
||||||
|
import { useMixMenuContext } from '../../context';
|
||||||
|
import FirstLevelMenu from './first-level-menu.vue';
|
||||||
|
import BaseMenu from './base-menu.vue';
|
||||||
|
|
||||||
|
defineOptions({
|
||||||
|
name: 'VerticalMixMenu'
|
||||||
|
});
|
||||||
|
|
||||||
|
const appStore = useAppStore();
|
||||||
|
const themeStore = useThemeStore();
|
||||||
|
const { routerPushByKey } = useRouterPush();
|
||||||
|
const { bool: drawerVisible, setBool: setDrawerVisible } = useBoolean();
|
||||||
|
const { menus, activeFirstLevelMenuKey, setActiveFirstLevelMenuKey, getActiveFirstLevelMenuKey } = useMixMenuContext();
|
||||||
|
|
||||||
|
const siderInverted = computed(() => !themeStore.darkMode && themeStore.sider.inverted);
|
||||||
|
|
||||||
|
const hasMenus = computed(() => menus.value.length > 0);
|
||||||
|
|
||||||
|
const showDrawer = computed(() => hasMenus.value && (drawerVisible.value || appStore.mixSiderFixed));
|
||||||
|
|
||||||
|
function handleSelectMixMenu(menu: App.Global.Menu) {
|
||||||
|
setActiveFirstLevelMenuKey(menu.key);
|
||||||
|
|
||||||
|
if (menu.children?.length) {
|
||||||
|
setDrawerVisible(true);
|
||||||
|
} else {
|
||||||
|
routerPushByKey(menu.routeKey);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleResetActiveMenu() {
|
||||||
|
getActiveFirstLevelMenuKey();
|
||||||
|
setDrawerVisible(false);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="h-full flex" @mouseleave="handleResetActiveMenu">
|
||||||
|
<FirstLevelMenu :active-menu-key="activeFirstLevelMenuKey" :inverted="siderInverted" @select="handleSelectMixMenu">
|
||||||
|
<slot></slot>
|
||||||
|
</FirstLevelMenu>
|
||||||
|
<div
|
||||||
|
class="relative h-full transition-width-300"
|
||||||
|
:style="{ width: appStore.mixSiderFixed && hasMenus ? themeStore.sider.mixChildMenuWidth + 'px' : '0px' }"
|
||||||
|
>
|
||||||
|
<DarkModeContainer
|
||||||
|
class="absolute-lt h-full flex-col-stretch nowrap-hidden shadow-sm transition-all-300"
|
||||||
|
:inverted="siderInverted"
|
||||||
|
:style="{ width: showDrawer ? themeStore.sider.mixChildMenuWidth + 'px' : '0px' }"
|
||||||
|
>
|
||||||
|
<header class="flex-y-center justify-between px-12px" :style="{ height: themeStore.header.height + 'px' }">
|
||||||
|
<h2 class="text-16px text-primary font-bold">{{ $t('system.title') }}</h2>
|
||||||
|
<PinToggler
|
||||||
|
:pin="appStore.mixSiderFixed"
|
||||||
|
:class="{ 'text-white:88 !hover:text-white': siderInverted }"
|
||||||
|
@click="appStore.toggleMixSiderFixed"
|
||||||
|
/>
|
||||||
|
</header>
|
||||||
|
<BaseMenu :dark-theme="siderInverted" :menus="menus" />
|
||||||
|
</DarkModeContainer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
@@ -1,9 +1,12 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed } from 'vue';
|
import { computed } from 'vue';
|
||||||
import { GLOBAL_SIDER_MENU_ID } from '@/constants/app';
|
|
||||||
import { useAppStore } from '@/store/modules/app';
|
import { useAppStore } from '@/store/modules/app';
|
||||||
import { useThemeStore } from '@/store/modules/theme';
|
import { useThemeStore } from '@/store/modules/theme';
|
||||||
|
import { useRouteStore } from '@/store/modules/route';
|
||||||
import GlobalLogo from '../global-logo/index.vue';
|
import GlobalLogo from '../global-logo/index.vue';
|
||||||
|
import VerticalMenu from '../global-menu/base-menu.vue';
|
||||||
|
import VerticalMixMenu from '../global-menu/vertical-mix-menu.vue';
|
||||||
|
import HorizontalMixMenu from '../global-menu/horizontal-mix-menu.vue';
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'GlobalSider'
|
name: 'GlobalSider'
|
||||||
@@ -11,12 +14,12 @@ defineOptions({
|
|||||||
|
|
||||||
const appStore = useAppStore();
|
const appStore = useAppStore();
|
||||||
const themeStore = useThemeStore();
|
const themeStore = useThemeStore();
|
||||||
|
const routeStore = useRouteStore();
|
||||||
|
|
||||||
const isVerticalMix = computed(() => themeStore.layout.mode === 'vertical-mix');
|
const isVerticalMix = computed(() => themeStore.layout.mode === 'vertical-mix');
|
||||||
const isHorizontalMix = computed(() => themeStore.layout.mode === 'horizontal-mix');
|
const isHorizontalMix = computed(() => themeStore.layout.mode === 'horizontal-mix');
|
||||||
const darkMenu = computed(() => !themeStore.darkMode && !isHorizontalMix.value && themeStore.sider.inverted);
|
const darkMenu = computed(() => !themeStore.darkMode && !isHorizontalMix.value && themeStore.sider.inverted);
|
||||||
const showLogo = computed(() => !isVerticalMix.value && !isHorizontalMix.value);
|
const showLogo = computed(() => !isVerticalMix.value && !isHorizontalMix.value);
|
||||||
const menuWrapperClass = computed(() => (showLogo.value ? 'flex-1-hidden' : 'h-full'));
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -26,7 +29,11 @@ const menuWrapperClass = computed(() => (showLogo.value ? 'flex-1-hidden' : 'h-f
|
|||||||
:show-title="!appStore.siderCollapse"
|
:show-title="!appStore.siderCollapse"
|
||||||
:style="{ height: themeStore.header.height + 'px' }"
|
:style="{ height: themeStore.header.height + 'px' }"
|
||||||
/>
|
/>
|
||||||
<div :id="GLOBAL_SIDER_MENU_ID" :class="menuWrapperClass"></div>
|
<VerticalMixMenu v-if="isVerticalMix">
|
||||||
|
<GlobalLogo :show-title="false" :style="{ height: themeStore.header.height + 'px' }" />
|
||||||
|
</VerticalMixMenu>
|
||||||
|
<HorizontalMixMenu v-else-if="isHorizontalMix" />
|
||||||
|
<VerticalMenu v-else :dark-theme="darkMenu" :menus="routeStore.menus" />
|
||||||
</DarkModeContainer>
|
</DarkModeContainer>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed } from 'vue';
|
import { computed } from 'vue';
|
||||||
import type { VNode } from 'vue';
|
import type { VNode } from 'vue';
|
||||||
|
import { $t } from '@/locales';
|
||||||
import { useTabStore } from '@/store/modules/tab';
|
import { useTabStore } from '@/store/modules/tab';
|
||||||
import { useSvgIcon } from '@/hooks/common/icon';
|
import { useSvgIcon } from '@/hooks/common/icon';
|
||||||
import { $t } from '@/locales';
|
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'ContextMenu'
|
name: 'ContextMenu'
|
||||||
|
|||||||
@@ -3,12 +3,11 @@ import { nextTick, reactive, ref, watch } from 'vue';
|
|||||||
import { useRoute } from 'vue-router';
|
import { useRoute } from 'vue-router';
|
||||||
import { useElementBounding } from '@vueuse/core';
|
import { useElementBounding } from '@vueuse/core';
|
||||||
import { PageTab } from '@sa/materials';
|
import { PageTab } from '@sa/materials';
|
||||||
|
import BetterScroll from '@/components/custom/better-scroll.vue';
|
||||||
import { useAppStore } from '@/store/modules/app';
|
import { useAppStore } from '@/store/modules/app';
|
||||||
import { useThemeStore } from '@/store/modules/theme';
|
import { useThemeStore } from '@/store/modules/theme';
|
||||||
import { useRouteStore } from '@/store/modules/route';
|
import { useRouteStore } from '@/store/modules/route';
|
||||||
import { useTabStore } from '@/store/modules/tab';
|
import { useTabStore } from '@/store/modules/tab';
|
||||||
import { isPC } from '@/utils/agent';
|
|
||||||
import BetterScroll from '@/components/custom/better-scroll.vue';
|
|
||||||
import ContextMenu from './context-menu.vue';
|
import ContextMenu from './context-menu.vue';
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
@@ -25,7 +24,6 @@ const bsWrapper = ref<HTMLElement>();
|
|||||||
const { width: bsWrapperWidth, left: bsWrapperLeft } = useElementBounding(bsWrapper);
|
const { width: bsWrapperWidth, left: bsWrapperLeft } = useElementBounding(bsWrapper);
|
||||||
const bsScroll = ref<InstanceType<typeof BetterScroll>>();
|
const bsScroll = ref<InstanceType<typeof BetterScroll>>();
|
||||||
const tabRef = ref<HTMLElement>();
|
const tabRef = ref<HTMLElement>();
|
||||||
const isPCFlag = isPC();
|
|
||||||
|
|
||||||
const TAB_DATA_ID = 'data-tab-id';
|
const TAB_DATA_ID = 'data-tab-id';
|
||||||
|
|
||||||
@@ -84,10 +82,7 @@ function getContextMenuDisabledKeys(tabId: string) {
|
|||||||
|
|
||||||
async function handleCloseTab(tab: App.Global.Tab) {
|
async function handleCloseTab(tab: App.Global.Tab) {
|
||||||
await tabStore.removeTab(tab.id);
|
await tabStore.removeTab(tab.id);
|
||||||
|
await routeStore.reCacheRoutesByKey(tab.routeKey);
|
||||||
if (themeStore.resetCacheStrategy === 'close') {
|
|
||||||
routeStore.resetRouteCache(tab.routeKey);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
async function refresh() {
|
async function refresh() {
|
||||||
@@ -114,7 +109,7 @@ function setDropdown(config: Partial<DropdownConfig>) {
|
|||||||
|
|
||||||
let isClickContextMenu = false;
|
let isClickContextMenu = false;
|
||||||
|
|
||||||
function handleDropdownVisible(visible: boolean | undefined) {
|
function handleDropdownVisible(visible: boolean) {
|
||||||
if (!isClickContextMenu) {
|
if (!isClickContextMenu) {
|
||||||
setDropdown({ visible });
|
setDropdown({ visible });
|
||||||
}
|
}
|
||||||
@@ -171,7 +166,11 @@ init();
|
|||||||
<template>
|
<template>
|
||||||
<DarkModeContainer class="size-full flex-y-center px-16px shadow-tab">
|
<DarkModeContainer class="size-full flex-y-center px-16px shadow-tab">
|
||||||
<div ref="bsWrapper" class="h-full flex-1-hidden">
|
<div ref="bsWrapper" class="h-full flex-1-hidden">
|
||||||
<BetterScroll ref="bsScroll" :options="{ scrollX: true, scrollY: false, click: !isPCFlag }" @click="removeFocus">
|
<BetterScroll
|
||||||
|
ref="bsScroll"
|
||||||
|
:options="{ scrollX: true, scrollY: false, click: appStore.isMobile }"
|
||||||
|
@click="removeFocus"
|
||||||
|
>
|
||||||
<div
|
<div
|
||||||
ref="tabRef"
|
ref="tabRef"
|
||||||
class="h-full flex pr-18px"
|
class="h-full flex pr-18px"
|
||||||
@@ -186,7 +185,7 @@ init();
|
|||||||
:active="tab.id === tabStore.activeTabId"
|
:active="tab.id === tabStore.activeTabId"
|
||||||
:active-color="themeStore.themeColor"
|
:active-color="themeStore.themeColor"
|
||||||
:closable="!tabStore.isTabRetain(tab.id)"
|
:closable="!tabStore.isTabRetain(tab.id)"
|
||||||
@pointerdown="tabStore.switchRouteByTab(tab)"
|
@click="tabStore.switchRouteByTab(tab)"
|
||||||
@close="handleCloseTab(tab)"
|
@close="handleCloseTab(tab)"
|
||||||
@contextmenu="handleContextMenu($event, tab.id)"
|
@contextmenu="handleContextMenu($event, tab.id)"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -14,7 +14,7 @@ defineProps<Props>();
|
|||||||
<template>
|
<template>
|
||||||
<div class="w-full flex-y-center justify-between">
|
<div class="w-full flex-y-center justify-between">
|
||||||
<div>
|
<div>
|
||||||
<span class="pr-8px text-base-text">{{ label }}</span>
|
<span class="pr-8px text-base_text">{{ label }}</span>
|
||||||
<slot name="suffix"></slot>
|
<slot name="suffix"></slot>
|
||||||
</div>
|
</div>
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed, onMounted, ref } from 'vue';
|
import { computed, onMounted, ref } from 'vue';
|
||||||
import Clipboard from 'clipboard';
|
import Clipboard from 'clipboard';
|
||||||
import { useThemeStore } from '@/store/modules/theme';
|
|
||||||
import { $t } from '@/locales';
|
import { $t } from '@/locales';
|
||||||
|
import { useThemeStore } from '@/store/modules/theme';
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'ConfigOperation'
|
name: 'ConfigOperation'
|
||||||
|
|||||||
@@ -25,10 +25,6 @@ function handleGrayscaleChange(value: boolean) {
|
|||||||
themeStore.setGrayscale(value);
|
themeStore.setGrayscale(value);
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleColourWeaknessChange(value: boolean) {
|
|
||||||
themeStore.setColourWeakness(value);
|
|
||||||
}
|
|
||||||
|
|
||||||
const showSiderInverted = computed(() => !themeStore.darkMode && themeStore.layout.mode.includes('vertical'));
|
const showSiderInverted = computed(() => !themeStore.darkMode && themeStore.layout.mode.includes('vertical'));
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -57,9 +53,6 @@ const showSiderInverted = computed(() => !themeStore.darkMode && themeStore.layo
|
|||||||
<SettingItem :label="$t('theme.grayscale')">
|
<SettingItem :label="$t('theme.grayscale')">
|
||||||
<NSwitch :value="themeStore.grayscale" @update:value="handleGrayscaleChange" />
|
<NSwitch :value="themeStore.grayscale" @update:value="handleGrayscaleChange" />
|
||||||
</SettingItem>
|
</SettingItem>
|
||||||
<SettingItem :label="$t('theme.colourWeakness')">
|
|
||||||
<NSwitch :value="themeStore.colourWeakness" @update:value="handleColourWeaknessChange" />
|
|
||||||
</SettingItem>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ import { useAppStore } from '@/store/modules/app';
|
|||||||
import { useThemeStore } from '@/store/modules/theme';
|
import { useThemeStore } from '@/store/modules/theme';
|
||||||
import { $t } from '@/locales';
|
import { $t } from '@/locales';
|
||||||
import LayoutModeCard from '../components/layout-mode-card.vue';
|
import LayoutModeCard from '../components/layout-mode-card.vue';
|
||||||
import SettingItem from '../components/setting-item.vue';
|
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'LayoutMode'
|
name: 'LayoutMode'
|
||||||
@@ -11,10 +10,6 @@ defineOptions({
|
|||||||
|
|
||||||
const appStore = useAppStore();
|
const appStore = useAppStore();
|
||||||
const themeStore = useThemeStore();
|
const themeStore = useThemeStore();
|
||||||
|
|
||||||
function handleReverseHorizontalMixChange(value: boolean) {
|
|
||||||
themeStore.setLayoutReverseHorizontalMix(value);
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -49,13 +44,6 @@ function handleReverseHorizontalMixChange(value: boolean) {
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</LayoutModeCard>
|
</LayoutModeCard>
|
||||||
<SettingItem
|
|
||||||
v-if="themeStore.layout.mode === 'horizontal-mix'"
|
|
||||||
:label="$t('theme.layoutMode.reverseHorizontalMix')"
|
|
||||||
class="mt-16px"
|
|
||||||
>
|
|
||||||
<NSwitch :value="themeStore.layout.reverseHorizontalMix" @update:value="handleReverseHorizontalMixChange" />
|
|
||||||
</SettingItem>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@@ -1,14 +1,9 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed } from 'vue';
|
import { computed } from 'vue';
|
||||||
import {
|
|
||||||
resetCacheStrategyOptions,
|
|
||||||
themePageAnimationModeOptions,
|
|
||||||
themeScrollModeOptions,
|
|
||||||
themeTabModeOptions
|
|
||||||
} from '@/constants/app';
|
|
||||||
import { useThemeStore } from '@/store/modules/theme';
|
|
||||||
import { translateOptions } from '@/utils/common';
|
|
||||||
import { $t } from '@/locales';
|
import { $t } from '@/locales';
|
||||||
|
import { useThemeStore } from '@/store/modules/theme';
|
||||||
|
import { themePageAnimationModeOptions, themeScrollModeOptions, themeTabModeOptions } from '@/constants/app';
|
||||||
|
import { translateOptions } from '@/utils/common';
|
||||||
import SettingItem from '../components/setting-item.vue';
|
import SettingItem from '../components/setting-item.vue';
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
@@ -27,14 +22,6 @@ const isWrapperScrollMode = computed(() => themeStore.layout.scrollMode === 'wra
|
|||||||
<template>
|
<template>
|
||||||
<NDivider>{{ $t('theme.pageFunTitle') }}</NDivider>
|
<NDivider>{{ $t('theme.pageFunTitle') }}</NDivider>
|
||||||
<TransitionGroup tag="div" name="setting-list" class="flex-col-stretch gap-12px">
|
<TransitionGroup tag="div" name="setting-list" class="flex-col-stretch gap-12px">
|
||||||
<SettingItem key="0" :label="$t('theme.resetCacheStrategy.title')">
|
|
||||||
<NSelect
|
|
||||||
v-model:value="themeStore.resetCacheStrategy"
|
|
||||||
:options="translateOptions(resetCacheStrategyOptions)"
|
|
||||||
size="small"
|
|
||||||
class="w-120px"
|
|
||||||
/>
|
|
||||||
</SettingItem>
|
|
||||||
<SettingItem key="1" :label="$t('theme.scrollMode.title')">
|
<SettingItem key="1" :label="$t('theme.scrollMode.title')">
|
||||||
<NSelect
|
<NSelect
|
||||||
v-model:value="themeStore.layout.scrollMode"
|
v-model:value="themeStore.layout.scrollMode"
|
||||||
@@ -114,22 +101,6 @@ const isWrapperScrollMode = computed(() => themeStore.layout.scrollMode === 'wra
|
|||||||
>
|
>
|
||||||
<NSwitch v-model:value="themeStore.footer.right" />
|
<NSwitch v-model:value="themeStore.footer.right" />
|
||||||
</SettingItem>
|
</SettingItem>
|
||||||
<SettingItem key="8" :label="$t('theme.watermark.visible')">
|
|
||||||
<NSwitch v-model:value="themeStore.watermark.visible" />
|
|
||||||
</SettingItem>
|
|
||||||
<SettingItem v-if="themeStore.watermark.visible" key="8-1" :label="$t('theme.watermark.text')">
|
|
||||||
<NInput
|
|
||||||
v-model:value="themeStore.watermark.text"
|
|
||||||
autosize
|
|
||||||
type="text"
|
|
||||||
size="small"
|
|
||||||
class="w-120px"
|
|
||||||
placeholder="SoybeanAdmin"
|
|
||||||
/>
|
|
||||||
</SettingItem>
|
|
||||||
<SettingItem key="9" :label="$t('theme.header.multilingual.visible')">
|
|
||||||
<NSwitch v-model:value="themeStore.header.multilingual.visible" />
|
|
||||||
</SettingItem>
|
|
||||||
</TransitionGroup>
|
</TransitionGroup>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -23,7 +23,6 @@ const local: App.I18n.Schema = {
|
|||||||
deleteSuccess: 'Delete Success',
|
deleteSuccess: 'Delete Success',
|
||||||
confirmDelete: 'Are you sure you want to delete?',
|
confirmDelete: 'Are you sure you want to delete?',
|
||||||
edit: 'Edit',
|
edit: 'Edit',
|
||||||
warning: 'Warning',
|
|
||||||
error: 'Error',
|
error: 'Error',
|
||||||
index: 'Index',
|
index: 'Index',
|
||||||
keywordSearch: 'Please enter keyword',
|
keywordSearch: 'Please enter keyword',
|
||||||
@@ -65,14 +64,12 @@ const local: App.I18n.Schema = {
|
|||||||
auto: 'Follow System'
|
auto: 'Follow System'
|
||||||
},
|
},
|
||||||
grayscale: 'Grayscale',
|
grayscale: 'Grayscale',
|
||||||
colourWeakness: 'Colour Weakness',
|
|
||||||
layoutMode: {
|
layoutMode: {
|
||||||
title: 'Layout Mode',
|
title: 'Layout Mode',
|
||||||
vertical: 'Vertical Menu Mode',
|
vertical: 'Vertical Menu Mode',
|
||||||
horizontal: 'Horizontal Menu Mode',
|
horizontal: 'Horizontal Menu Mode',
|
||||||
'vertical-mix': 'Vertical Mix Menu Mode',
|
'vertical-mix': 'Vertical Mix Menu Mode',
|
||||||
'horizontal-mix': 'Horizontal Mix menu Mode',
|
'horizontal-mix': 'Horizontal Mix menu Mode'
|
||||||
reverseHorizontalMix: 'Reverse first level menus and child level menus position'
|
|
||||||
},
|
},
|
||||||
recommendColor: 'Apply Recommended Color Algorithm',
|
recommendColor: 'Apply Recommended Color Algorithm',
|
||||||
recommendColorDesc: 'The recommended color algorithm refers to',
|
recommendColorDesc: 'The recommended color algorithm refers to',
|
||||||
@@ -109,14 +106,11 @@ const local: App.I18n.Schema = {
|
|||||||
breadcrumb: {
|
breadcrumb: {
|
||||||
visible: 'Breadcrumb Visible',
|
visible: 'Breadcrumb Visible',
|
||||||
showIcon: 'Breadcrumb Icon Visible'
|
showIcon: 'Breadcrumb Icon Visible'
|
||||||
},
|
|
||||||
multilingual: {
|
|
||||||
visible: 'Display multilingual button'
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
tab: {
|
tab: {
|
||||||
visible: 'Tab Visible',
|
visible: 'Tab Visible',
|
||||||
cache: 'Tag Bar Info Cache',
|
cache: 'Tab Cache',
|
||||||
height: 'Tab Height',
|
height: 'Tab Height',
|
||||||
mode: {
|
mode: {
|
||||||
title: 'Tab Mode',
|
title: 'Tab Mode',
|
||||||
@@ -138,17 +132,8 @@ const local: App.I18n.Schema = {
|
|||||||
height: 'Footer Height',
|
height: 'Footer Height',
|
||||||
right: 'Right Footer'
|
right: 'Right Footer'
|
||||||
},
|
},
|
||||||
watermark: {
|
|
||||||
visible: 'Watermark Full Screen Visible',
|
|
||||||
text: 'Watermark Text'
|
|
||||||
},
|
|
||||||
themeDrawerTitle: 'Theme Configuration',
|
themeDrawerTitle: 'Theme Configuration',
|
||||||
pageFunTitle: 'Page Function',
|
pageFunTitle: 'Page Function',
|
||||||
resetCacheStrategy: {
|
|
||||||
title: 'Reset Cache Strategy',
|
|
||||||
close: 'Close Page',
|
|
||||||
refresh: 'Refresh Page'
|
|
||||||
},
|
|
||||||
configOperation: {
|
configOperation: {
|
||||||
copyConfig: 'Copy Config',
|
copyConfig: 'Copy Config',
|
||||||
copySuccessMsg: 'Copy Success, Please replace the variable "themeSettings" in "src/theme/settings.ts"',
|
copySuccessMsg: 'Copy Success, Please replace the variable "themeSettings" in "src/theme/settings.ts"',
|
||||||
@@ -162,7 +147,42 @@ const local: App.I18n.Schema = {
|
|||||||
404: 'Page Not Found',
|
404: 'Page Not Found',
|
||||||
500: 'Server Error',
|
500: 'Server Error',
|
||||||
'iframe-page': 'Iframe',
|
'iframe-page': 'Iframe',
|
||||||
home: 'Home'
|
home: 'Home',
|
||||||
|
document: 'Document',
|
||||||
|
document_project: 'Project Document',
|
||||||
|
'document_project-link': 'Project Document(External Link)',
|
||||||
|
document_vue: 'Vue Document',
|
||||||
|
document_vite: 'Vite Document',
|
||||||
|
document_unocss: 'UnoCSS Document',
|
||||||
|
document_naive: 'Naive UI Document',
|
||||||
|
document_antd: 'Ant Design Vue Document',
|
||||||
|
'user-center': 'User Center',
|
||||||
|
about: 'About',
|
||||||
|
function: 'System Function',
|
||||||
|
function_tab: 'Tab',
|
||||||
|
'function_multi-tab': 'Multi Tab',
|
||||||
|
'function_hide-child': 'Hide Child',
|
||||||
|
'function_hide-child_one': 'Hide Child',
|
||||||
|
'function_hide-child_two': 'Two',
|
||||||
|
'function_hide-child_three': 'Three',
|
||||||
|
function_request: 'Request',
|
||||||
|
'function_toggle-auth': 'Toggle Auth',
|
||||||
|
'function_super-page': 'Super Admin Visible',
|
||||||
|
manage: 'System Manage',
|
||||||
|
manage_user: 'User Manage',
|
||||||
|
'manage_user-detail': 'User Detail',
|
||||||
|
manage_role: 'Role Manage',
|
||||||
|
manage_menu: 'Menu Manage',
|
||||||
|
'multi-menu': 'Multi Menu',
|
||||||
|
'multi-menu_first': 'Menu One',
|
||||||
|
'multi-menu_first_child': 'Menu One Child',
|
||||||
|
'multi-menu_second': 'Menu Two',
|
||||||
|
'multi-menu_second_child': 'Menu Two Child',
|
||||||
|
'multi-menu_second_child_home': 'Menu Two Child Home',
|
||||||
|
exception: 'Exception',
|
||||||
|
exception_403: '403',
|
||||||
|
exception_404: '404',
|
||||||
|
exception_500: '500'
|
||||||
},
|
},
|
||||||
page: {
|
page: {
|
||||||
login: {
|
login: {
|
||||||
@@ -211,9 +231,20 @@ const local: App.I18n.Schema = {
|
|||||||
title: 'Bind WeChat'
|
title: 'Bind WeChat'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
about: {
|
||||||
|
title: 'About',
|
||||||
|
introduction: `SoybeanAdmin is an elegant and powerful admin template, based on the latest front-end technology stack, including Vue3, Vite5, TypeScript, Pinia and UnoCSS. It has built-in rich theme configuration and components, strict code specifications, and an automated file routing system. In addition, it also uses the online mock data solution based on ApiFox. SoybeanAdmin provides you with a one-stop admin solution, no additional configuration, and out of the box. It is also a best practice for learning cutting-edge technologies quickly.`,
|
||||||
|
projectInfo: {
|
||||||
|
title: 'Project Info',
|
||||||
|
version: 'Version',
|
||||||
|
latestBuildTime: 'Latest Build Time',
|
||||||
|
githubLink: 'Github Link',
|
||||||
|
previewLink: 'Preview Link'
|
||||||
|
},
|
||||||
|
prdDep: 'Production Dependency',
|
||||||
|
devDep: 'Development Dependency'
|
||||||
|
},
|
||||||
home: {
|
home: {
|
||||||
branchDesc:
|
|
||||||
'For the convenience of everyone in developing and updating the merge, we have streamlined the code of the main branch, only retaining the homepage menu, and the rest of the content has been moved to the example branch for maintenance. The preview address displays the content of the example branch.',
|
|
||||||
greeting: 'Good morning, {userName}, today is another day full of vitality!',
|
greeting: 'Good morning, {userName}, today is another day full of vitality!',
|
||||||
weatherDesc: 'Today is cloudy to clear, 20℃ - 25℃!',
|
weatherDesc: 'Today is cloudy to clear, 20℃ - 25℃!',
|
||||||
projectCount: 'Project Count',
|
projectCount: 'Project Count',
|
||||||
@@ -239,6 +270,163 @@ const local: App.I18n.Schema = {
|
|||||||
desc5: 'Soybean just wrote some of the workbench pages casually, and it was enough to see!'
|
desc5: 'Soybean just wrote some of the workbench pages casually, and it was enough to see!'
|
||||||
},
|
},
|
||||||
creativity: 'Creativity'
|
creativity: 'Creativity'
|
||||||
|
},
|
||||||
|
function: {
|
||||||
|
tab: {
|
||||||
|
tabOperate: {
|
||||||
|
title: 'Tab Operation',
|
||||||
|
addTab: 'Add Tab',
|
||||||
|
addTabDesc: 'To about page',
|
||||||
|
closeTab: 'Close Tab',
|
||||||
|
closeCurrentTab: 'Close Current Tab',
|
||||||
|
closeAboutTab: 'Close "About" Tab',
|
||||||
|
addMultiTab: 'Add Multi Tab',
|
||||||
|
addMultiTabDesc1: 'To MultiTab page',
|
||||||
|
addMultiTabDesc2: 'To MultiTab page(with query params)'
|
||||||
|
},
|
||||||
|
tabTitle: {
|
||||||
|
title: 'Tab Title',
|
||||||
|
changeTitle: 'Change Title',
|
||||||
|
change: 'Change',
|
||||||
|
resetTitle: 'Reset Title',
|
||||||
|
reset: 'Reset'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
multiTab: {
|
||||||
|
routeParam: 'Route Param',
|
||||||
|
backTab: 'Back function_tab'
|
||||||
|
},
|
||||||
|
toggleAuth: {
|
||||||
|
toggleAccount: 'Toggle Account',
|
||||||
|
authHook: 'Auth Hook Function `hasAuth`',
|
||||||
|
superAdminVisible: 'Super Admin Visible',
|
||||||
|
adminVisible: 'Admin Visible',
|
||||||
|
adminOrUserVisible: 'Admin and User Visible'
|
||||||
|
},
|
||||||
|
request: {
|
||||||
|
repeatedErrorOccurOnce: 'Repeated Request Error Occurs Once',
|
||||||
|
repeatedError: 'Repeated Request Error',
|
||||||
|
repeatedErrorMsg1: 'Custom Request Error 1',
|
||||||
|
repeatedErrorMsg2: 'Custom Request Error 2'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
manage: {
|
||||||
|
common: {
|
||||||
|
status: {
|
||||||
|
enable: 'Enable',
|
||||||
|
disable: 'Disable'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
role: {
|
||||||
|
title: 'Role List',
|
||||||
|
roleName: 'Role Name',
|
||||||
|
roleCode: 'Role Code',
|
||||||
|
roleStatus: 'Role Status',
|
||||||
|
roleDesc: 'Role Description',
|
||||||
|
menuAuth: 'Menu Auth',
|
||||||
|
buttonAuth: 'Button Auth',
|
||||||
|
form: {
|
||||||
|
roleName: 'Please enter role name',
|
||||||
|
roleCode: 'Please enter role code',
|
||||||
|
roleStatus: 'Please select role status',
|
||||||
|
roleDesc: 'Please enter role description'
|
||||||
|
},
|
||||||
|
addRole: 'Add Role',
|
||||||
|
editRole: 'Edit Role'
|
||||||
|
},
|
||||||
|
user: {
|
||||||
|
title: 'User List',
|
||||||
|
userName: 'User Name',
|
||||||
|
userGender: 'Gender',
|
||||||
|
nickName: 'Nick Name',
|
||||||
|
userPhone: 'Phone Number',
|
||||||
|
userEmail: 'Email',
|
||||||
|
userStatus: 'User Status',
|
||||||
|
userRole: 'User Role',
|
||||||
|
form: {
|
||||||
|
userName: 'Please enter user name',
|
||||||
|
userGender: 'Please select gender',
|
||||||
|
nickName: 'Please enter nick name',
|
||||||
|
userPhone: 'Please enter phone number',
|
||||||
|
userEmail: 'Please enter email',
|
||||||
|
userStatus: 'Please select user status',
|
||||||
|
userRole: 'Please select user role'
|
||||||
|
},
|
||||||
|
addUser: 'Add User',
|
||||||
|
editUser: 'Edit User',
|
||||||
|
gender: {
|
||||||
|
male: 'Male',
|
||||||
|
female: 'Female'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
menu: {
|
||||||
|
home: 'Home',
|
||||||
|
title: 'Menu List',
|
||||||
|
id: 'ID',
|
||||||
|
parentId: 'Parent ID',
|
||||||
|
menuType: 'Menu Type',
|
||||||
|
menuName: 'Menu Name',
|
||||||
|
routeName: 'Route Name',
|
||||||
|
routePath: 'Route Path',
|
||||||
|
pathParam: 'Path Param',
|
||||||
|
layout: 'Layout Component',
|
||||||
|
page: 'Page Component',
|
||||||
|
i18nKey: 'I18n Key',
|
||||||
|
icon: 'Icon',
|
||||||
|
localIcon: 'Local Icon',
|
||||||
|
iconTypeTitle: 'Icon Type',
|
||||||
|
order: 'Order',
|
||||||
|
constant: 'Constant',
|
||||||
|
keepAlive: 'Keep Alive',
|
||||||
|
href: 'Href',
|
||||||
|
hideInMenu: 'Hide In Menu',
|
||||||
|
activeMenu: 'Active Menu',
|
||||||
|
multiTab: 'Multi Tab',
|
||||||
|
fixedIndexInTab: 'Fixed Index In Tab',
|
||||||
|
query: 'Query Params',
|
||||||
|
button: 'Button',
|
||||||
|
buttonCode: 'Button Code',
|
||||||
|
buttonDesc: 'Button Desc',
|
||||||
|
menuStatus: 'Menu Status',
|
||||||
|
form: {
|
||||||
|
home: 'Please select home',
|
||||||
|
menuType: 'Please select menu type',
|
||||||
|
menuName: 'Please enter menu name',
|
||||||
|
routeName: 'Please enter route name',
|
||||||
|
routePath: 'Please enter route path',
|
||||||
|
pathParam: 'Please enter path param',
|
||||||
|
page: 'Please select page component',
|
||||||
|
layout: 'Please select layout component',
|
||||||
|
i18nKey: 'Please enter i18n key',
|
||||||
|
icon: 'Please enter iconify name',
|
||||||
|
localIcon: 'Please enter local icon name',
|
||||||
|
order: 'Please enter order',
|
||||||
|
keepAlive: 'Please select whether to cache route',
|
||||||
|
href: 'Please enter href',
|
||||||
|
hideInMenu: 'Please select whether to hide menu',
|
||||||
|
activeMenu: 'Please select route name of the highlighted menu',
|
||||||
|
multiTab: 'Please select whether to support multiple tabs',
|
||||||
|
fixedInTab: 'Please select whether to fix in the tab',
|
||||||
|
fixedIndexInTab: 'Please enter the index fixed in the tab',
|
||||||
|
queryKey: 'Please enter route parameter Key',
|
||||||
|
queryValue: 'Please enter route parameter Value',
|
||||||
|
button: 'Please select whether it is a button',
|
||||||
|
buttonCode: 'Please enter button code',
|
||||||
|
buttonDesc: 'Please enter button description',
|
||||||
|
menuStatus: 'Please select menu status'
|
||||||
|
},
|
||||||
|
addMenu: 'Add Menu',
|
||||||
|
editMenu: 'Edit Menu',
|
||||||
|
addChildMenu: 'Add Child Menu',
|
||||||
|
type: {
|
||||||
|
directory: 'Directory',
|
||||||
|
menu: 'Menu'
|
||||||
|
},
|
||||||
|
iconType: {
|
||||||
|
iconify: 'Iconify Icon',
|
||||||
|
local: 'Local Icon'
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
form: {
|
form: {
|
||||||
|
|||||||
@@ -23,7 +23,6 @@ const local: App.I18n.Schema = {
|
|||||||
deleteSuccess: '删除成功',
|
deleteSuccess: '删除成功',
|
||||||
confirmDelete: '确认删除吗？',
|
confirmDelete: '确认删除吗？',
|
||||||
edit: '编辑',
|
edit: '编辑',
|
||||||
warning: '警告',
|
|
||||||
error: '错误',
|
error: '错误',
|
||||||
index: '序号',
|
index: '序号',
|
||||||
keywordSearch: '请输入关键词搜索',
|
keywordSearch: '请输入关键词搜索',
|
||||||
@@ -64,15 +63,13 @@ const local: App.I18n.Schema = {
|
|||||||
dark: '暗黑模式',
|
dark: '暗黑模式',
|
||||||
auto: '跟随系统'
|
auto: '跟随系统'
|
||||||
},
|
},
|
||||||
grayscale: '灰色模式',
|
grayscale: '灰度模式',
|
||||||
colourWeakness: '色弱模式',
|
|
||||||
layoutMode: {
|
layoutMode: {
|
||||||
title: '布局模式',
|
title: '布局模式',
|
||||||
vertical: '左侧菜单模式',
|
vertical: '左侧菜单模式',
|
||||||
'vertical-mix': '左侧菜单混合模式',
|
'vertical-mix': '左侧菜单混合模式',
|
||||||
horizontal: '顶部菜单模式',
|
horizontal: '顶部菜单模式',
|
||||||
'horizontal-mix': '顶部菜单混合模式',
|
'horizontal-mix': '顶部菜单混合模式'
|
||||||
reverseHorizontalMix: '一级菜单与子级菜单位置反转'
|
|
||||||
},
|
},
|
||||||
recommendColor: '应用推荐算法的颜色',
|
recommendColor: '应用推荐算法的颜色',
|
||||||
recommendColorDesc: '推荐颜色的算法参照',
|
recommendColorDesc: '推荐颜色的算法参照',
|
||||||
@@ -109,14 +106,11 @@ const local: App.I18n.Schema = {
|
|||||||
breadcrumb: {
|
breadcrumb: {
|
||||||
visible: '显示面包屑',
|
visible: '显示面包屑',
|
||||||
showIcon: '显示面包屑图标'
|
showIcon: '显示面包屑图标'
|
||||||
},
|
|
||||||
multilingual: {
|
|
||||||
visible: '显示多语言按钮'
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
tab: {
|
tab: {
|
||||||
visible: '显示标签栏',
|
visible: '显示标签栏',
|
||||||
cache: '标签栏信息缓存',
|
cache: '缓存标签页',
|
||||||
height: '标签栏高度',
|
height: '标签栏高度',
|
||||||
mode: {
|
mode: {
|
||||||
title: '标签栏风格',
|
title: '标签栏风格',
|
||||||
@@ -138,17 +132,8 @@ const local: App.I18n.Schema = {
|
|||||||
height: '底部高度',
|
height: '底部高度',
|
||||||
right: '底部局右'
|
right: '底部局右'
|
||||||
},
|
},
|
||||||
watermark: {
|
|
||||||
visible: '显示全屏水印',
|
|
||||||
text: '水印文本'
|
|
||||||
},
|
|
||||||
themeDrawerTitle: '主题配置',
|
themeDrawerTitle: '主题配置',
|
||||||
pageFunTitle: '页面功能',
|
pageFunTitle: '页面功能',
|
||||||
resetCacheStrategy: {
|
|
||||||
title: '重置缓存策略',
|
|
||||||
close: '关闭页面',
|
|
||||||
refresh: '刷新页面'
|
|
||||||
},
|
|
||||||
configOperation: {
|
configOperation: {
|
||||||
copyConfig: '复制配置',
|
copyConfig: '复制配置',
|
||||||
copySuccessMsg: '复制成功，请替换 src/theme/settings.ts 中的变量 themeSettings',
|
copySuccessMsg: '复制成功，请替换 src/theme/settings.ts 中的变量 themeSettings',
|
||||||
@@ -162,7 +147,42 @@ const local: App.I18n.Schema = {
|
|||||||
404: '页面不存在',
|
404: '页面不存在',
|
||||||
500: '服务器错误',
|
500: '服务器错误',
|
||||||
'iframe-page': '外链页面',
|
'iframe-page': '外链页面',
|
||||||
home: '首页'
|
home: '首页',
|
||||||
|
document: '文档',
|
||||||
|
document_project: '项目文档',
|
||||||
|
'document_project-link': '项目文档(外链)',
|
||||||
|
document_vue: 'Vue文档',
|
||||||
|
document_vite: 'Vite文档',
|
||||||
|
document_unocss: 'UnoCSS文档',
|
||||||
|
document_naive: 'Naive UI文档',
|
||||||
|
document_antd: 'Ant Design Vue文档',
|
||||||
|
'user-center': '个人中心',
|
||||||
|
about: '关于',
|
||||||
|
function: '系统功能',
|
||||||
|
function_tab: '标签页',
|
||||||
|
'function_multi-tab': '多标签页',
|
||||||
|
'function_hide-child': '隐藏子菜单',
|
||||||
|
'function_hide-child_one': '隐藏子菜单',
|
||||||
|
'function_hide-child_two': '菜单二',
|
||||||
|
'function_hide-child_three': '菜单三',
|
||||||
|
function_request: '请求',
|
||||||
|
'function_toggle-auth': '切换权限',
|
||||||
|
'function_super-page': '超级管理员可见',
|
||||||
|
manage: '系统管理',
|
||||||
|
manage_user: '用户管理',
|
||||||
|
'manage_user-detail': '用户详情',
|
||||||
|
manage_role: '角色管理',
|
||||||
|
manage_menu: '菜单管理',
|
||||||
|
'multi-menu': '多级菜单',
|
||||||
|
'multi-menu_first': '菜单一',
|
||||||
|
'multi-menu_first_child': '菜单一子菜单',
|
||||||
|
'multi-menu_second': '菜单二',
|
||||||
|
'multi-menu_second_child': '菜单二子菜单',
|
||||||
|
'multi-menu_second_child_home': '菜单二子菜单首页',
|
||||||
|
exception: '异常页',
|
||||||
|
exception_403: '403',
|
||||||
|
exception_404: '404',
|
||||||
|
exception_500: '500'
|
||||||
},
|
},
|
||||||
page: {
|
page: {
|
||||||
login: {
|
login: {
|
||||||
@@ -211,9 +231,20 @@ const local: App.I18n.Schema = {
|
|||||||
title: '绑定微信'
|
title: '绑定微信'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
about: {
|
||||||
|
title: '关于',
|
||||||
|
introduction: `SoybeanAdmin 是一个优雅且功能强大的后台管理模板，基于最新的前端技术栈，包括 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS。它内置了丰富的主题配置和组件，代码规范严谨，实现了自动化的文件路由系统。此外，它还采用了基于 ApiFox 的在线Mock数据方案。SoybeanAdmin 为您提供了一站式的后台管理解决方案，无需额外配置，开箱即用。同样是一个快速学习前沿技术的最佳实践。`,
|
||||||
|
projectInfo: {
|
||||||
|
title: '项目信息',
|
||||||
|
version: '版本',
|
||||||
|
latestBuildTime: '最新构建时间',
|
||||||
|
githubLink: 'Github 地址',
|
||||||
|
previewLink: '预览地址'
|
||||||
|
},
|
||||||
|
prdDep: '生产依赖',
|
||||||
|
devDep: '开发依赖'
|
||||||
|
},
|
||||||
home: {
|
home: {
|
||||||
branchDesc:
|
|
||||||
'为了方便大家开发和更新合并，我们对main分支的代码进行了精简，只保留了首页菜单，其余内容已移至example分支进行维护。预览地址显示的内容即为example分支的内容。',
|
|
||||||
greeting: '早安，{userName}, 今天又是充满活力的一天!',
|
greeting: '早安，{userName}, 今天又是充满活力的一天!',
|
||||||
weatherDesc: '今日多云转晴，20℃ - 25℃!',
|
weatherDesc: '今日多云转晴，20℃ - 25℃!',
|
||||||
projectCount: '项目数',
|
projectCount: '项目数',
|
||||||
@@ -239,6 +270,163 @@ const local: App.I18n.Schema = {
|
|||||||
desc5: 'Soybean 刚才把工作台页面随便写了一些，凑合能看了！'
|
desc5: 'Soybean 刚才把工作台页面随便写了一些，凑合能看了！'
|
||||||
},
|
},
|
||||||
creativity: '创意'
|
creativity: '创意'
|
||||||
|
},
|
||||||
|
function: {
|
||||||
|
tab: {
|
||||||
|
tabOperate: {
|
||||||
|
title: '标签页操作',
|
||||||
|
addTab: '添加标签页',
|
||||||
|
addTabDesc: '跳转到关于页面',
|
||||||
|
closeTab: '关闭标签页',
|
||||||
|
closeCurrentTab: '关闭当前标签页',
|
||||||
|
closeAboutTab: '关闭"关于"标签页',
|
||||||
|
addMultiTab: '添加多标签页',
|
||||||
|
addMultiTabDesc1: '跳转到多标签页页面',
|
||||||
|
addMultiTabDesc2: '跳转到多标签页页面(带有查询参数)'
|
||||||
|
},
|
||||||
|
tabTitle: {
|
||||||
|
title: '标签页标题',
|
||||||
|
changeTitle: '修改标题',
|
||||||
|
change: '修改',
|
||||||
|
resetTitle: '重置标题',
|
||||||
|
reset: '重置'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
multiTab: {
|
||||||
|
routeParam: '路由参数',
|
||||||
|
backTab: '返回 function_tab'
|
||||||
|
},
|
||||||
|
toggleAuth: {
|
||||||
|
toggleAccount: '切换账号',
|
||||||
|
authHook: '权限钩子函数 `hasAuth`',
|
||||||
|
superAdminVisible: '超级管理员可见',
|
||||||
|
adminVisible: '管理员可见',
|
||||||
|
adminOrUserVisible: '管理员和用户可见'
|
||||||
|
},
|
||||||
|
request: {
|
||||||
|
repeatedErrorOccurOnce: '重复请求错误只出现一次',
|
||||||
|
repeatedError: '重复请求错误',
|
||||||
|
repeatedErrorMsg1: '自定义请求错误 1',
|
||||||
|
repeatedErrorMsg2: '自定义请求错误 2'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
manage: {
|
||||||
|
common: {
|
||||||
|
status: {
|
||||||
|
enable: '启用',
|
||||||
|
disable: '禁用'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
role: {
|
||||||
|
title: '角色列表',
|
||||||
|
roleName: '角色名称',
|
||||||
|
roleCode: '角色编码',
|
||||||
|
roleStatus: '角色状态',
|
||||||
|
roleDesc: '角色描述',
|
||||||
|
menuAuth: '菜单权限',
|
||||||
|
buttonAuth: '按钮权限',
|
||||||
|
form: {
|
||||||
|
roleName: '请输入角色名称',
|
||||||
|
roleCode: '请输入角色编码',
|
||||||
|
roleStatus: '请选择角色状态',
|
||||||
|
roleDesc: '请输入角色描述'
|
||||||
|
},
|
||||||
|
addRole: '新增角色',
|
||||||
|
editRole: '编辑角色'
|
||||||
|
},
|
||||||
|
user: {
|
||||||
|
title: '用户列表',
|
||||||
|
userName: '用户名',
|
||||||
|
userGender: '性别',
|
||||||
|
nickName: '昵称',
|
||||||
|
userPhone: '手机号',
|
||||||
|
userEmail: '邮箱',
|
||||||
|
userStatus: '用户状态',
|
||||||
|
userRole: '用户角色',
|
||||||
|
form: {
|
||||||
|
userName: '请输入用户名',
|
||||||
|
userGender: '请选择性别',
|
||||||
|
nickName: '请输入昵称',
|
||||||
|
userPhone: '请输入手机号',
|
||||||
|
userEmail: '请输入邮箱',
|
||||||
|
userStatus: '请选择用户状态',
|
||||||
|
userRole: '请选择用户角色'
|
||||||
|
},
|
||||||
|
addUser: '新增用户',
|
||||||
|
editUser: '编辑用户',
|
||||||
|
gender: {
|
||||||
|
male: '男',
|
||||||
|
female: '女'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
menu: {
|
||||||
|
home: '首页',
|
||||||
|
title: '菜单列表',
|
||||||
|
id: 'ID',
|
||||||
|
parentId: '父级菜单ID',
|
||||||
|
menuType: '菜单类型',
|
||||||
|
menuName: '菜单名称',
|
||||||
|
routeName: '路由名称',
|
||||||
|
routePath: '路由路径',
|
||||||
|
pathParam: '路径参数',
|
||||||
|
layout: '布局',
|
||||||
|
page: '页面组件',
|
||||||
|
i18nKey: '国际化key',
|
||||||
|
icon: '图标',
|
||||||
|
localIcon: '本地图标',
|
||||||
|
iconTypeTitle: '图标类型',
|
||||||
|
order: '排序',
|
||||||
|
constant: '常量路由',
|
||||||
|
keepAlive: '缓存路由',
|
||||||
|
href: '外链',
|
||||||
|
hideInMenu: '隐藏菜单',
|
||||||
|
activeMenu: '高亮的菜单',
|
||||||
|
multiTab: '支持多页签',
|
||||||
|
fixedIndexInTab: '固定在页签中的序号',
|
||||||
|
query: '路由参数',
|
||||||
|
button: '按钮',
|
||||||
|
buttonCode: '按钮编码',
|
||||||
|
buttonDesc: '按钮描述',
|
||||||
|
menuStatus: '菜单状态',
|
||||||
|
form: {
|
||||||
|
home: '请选择首页',
|
||||||
|
menuType: '请选择菜单类型',
|
||||||
|
menuName: '请输入菜单名称',
|
||||||
|
routeName: '请输入路由名称',
|
||||||
|
routePath: '请输入路由路径',
|
||||||
|
pathParam: '请输入路径参数',
|
||||||
|
page: '请选择页面组件',
|
||||||
|
layout: '请选择布局组件',
|
||||||
|
i18nKey: '请输入国际化key',
|
||||||
|
icon: '请输入图标',
|
||||||
|
localIcon: '请选择本地图标',
|
||||||
|
order: '请输入排序',
|
||||||
|
keepAlive: '请选择是否缓存路由',
|
||||||
|
href: '请输入外链',
|
||||||
|
hideInMenu: '请选择是否隐藏菜单',
|
||||||
|
activeMenu: '请选择高亮的菜单的路由名称',
|
||||||
|
multiTab: '请选择是否支持多标签',
|
||||||
|
fixedInTab: '请选择是否固定在页签中',
|
||||||
|
fixedIndexInTab: '请输入固定在页签中的序号',
|
||||||
|
queryKey: '请输入路由参数Key',
|
||||||
|
queryValue: '请输入路由参数Value',
|
||||||
|
button: '请选择是否按钮',
|
||||||
|
buttonCode: '请输入按钮编码',
|
||||||
|
buttonDesc: '请输入按钮描述',
|
||||||
|
menuStatus: '请选择菜单状态'
|
||||||
|
},
|
||||||
|
addMenu: '新增菜单',
|
||||||
|
editMenu: '编辑菜单',
|
||||||
|
addChildMenu: '新增子菜单',
|
||||||
|
type: {
|
||||||
|
directory: '目录',
|
||||||
|
menu: '菜单'
|
||||||
|
},
|
||||||
|
iconType: {
|
||||||
|
iconify: 'iconify图标',
|
||||||
|
local: '本地图标'
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
form: {
|
form: {
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user