mirror of
https://github.com/soybeanjs/soybean-admin.git
synced 2025-10-27 20:03:42 +08:00
Compare commits
34 Commits
tauri-v1.0
...
v1.0.7
| Author | SHA1 | Date | |
|---|---|---|---|
|
4749b411bd | ||
|
|
fbd80c289a | ||
|
|
da12d4a5cd | ||
|
|
1c3b4734fa | ||
|
|
93c7ff7122 | ||
|
|
1e14293d67 | ||
|
|
19e65c1a9f | ||
|
|
e57bf0b076 | ||
|
|
5d45cef1f0 | ||
|
|
d460e5cc6d | ||
|
|
3b5e4b3405 | ||
|
|
dcd51f4cda | ||
|
|
09f6464678 | ||
|
|
fdde679c70 | ||
|
|
b266035800 | ||
|
|
a1e432f81e | ||
|
82eabab753 | ||
|
|
0d45b86cde | ||
|
|
516f46a47e | ||
|
|
b52432a792 | ||
|
|
cf5bc88a75 | ||
|
|
03b1fbacc4 | ||
|
|
9a66979f09 | ||
|
|
c695208f62 | ||
|
|
3ceeb6f942 | ||
|
|
04aa0972f9 | ||
|
|
cb83d6d90d | ||
|
|
79d9c5143a | ||
|
|
5a5232bdf4 | ||
|
|
7392bebff9 | ||
|
|
23f283aa31 | ||
|
|
42e16a0165 | ||
|
|
ac92817343 | ||
|
|
93191737dd |
3
.env
3
.env
@@ -40,3 +40,6 @@ 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
|
||||||
|
|
||||||
|
# sourcemap
|
||||||
|
VITE_SOURCE_MAP=N
|
||||||
|
|||||||
472
CHANGELOG.md
472
CHANGELOG.md
@@ -1,7 +1,111 @@
|
|||||||
# Changelog
|
# Changelog
|
||||||
|
|
||||||
|
|
||||||
## [v1.0.3](https://github.com/soybeanjs/soybean-admin/compare/v1.0.2...v1.0.3) (24-04-16)
|
## [v1.0.7](https://github.com/soybeanjs/soybean-admin/compare/v1.0.6...v1.0.7) (2024-04-25)
|
||||||
|
|
||||||
|
### 🚀 Features
|
||||||
|
|
||||||
|
- **projects**: support iframe page with diffrent url of custom route - by @honghuangdc [<samp>(da12d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/da12d4a)
|
||||||
|
|
||||||
|
### 🏡 Chore
|
||||||
|
|
||||||
|
- **deps**: update deps - by @honghuangdc [<samp>(fbd80)</samp>](https://github.com/soybeanjs/soybean-admin/commit/fbd80c2)
|
||||||
|
|
||||||
|
### ❤️ Contributors
|
||||||
|
|
||||||
|
[](https://github.com/honghuangdc)
|
||||||
|
|
||||||
|
## [v1.0.6](https://github.com/soybeanjs/soybean-admin/compare/v1.0.5...v1.0.6) (2024-04-25)
|
||||||
|
|
||||||
|
### 🚀 Features
|
||||||
|
|
||||||
|
- **hooks**: add state hooks: useRef, useState, useSignal - by @honghuangdc [<samp>(09f64)</samp>](https://github.com/soybeanjs/soybean-admin/commit/09f6464)
|
||||||
|
|
||||||
|
### 🐞 Bug Fixes
|
||||||
|
|
||||||
|
- **projects**:
|
||||||
|
- added responseType judgment. #396 - by **alleycharming** in https://github.com/soybeanjs/soybean-admin/issues/396 [<samp>(82eab)</samp>](https://github.com/soybeanjs/soybean-admin/commit/82eabab)
|
||||||
|
- supply $t import statement - by @honghuangdc [<samp>(b2660)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b266035)
|
||||||
|
- fix mix-menu blank. fixed #389 & cache mixMenuFixed - by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/389 [<samp>(93c7f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/93c7ff7)
|
||||||
|
|
||||||
|
### 🔥 Performance
|
||||||
|
|
||||||
|
- **hooks**:
|
||||||
|
- perf useSignal - by @honghuangdc [<samp>(5d45c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/5d45cef)
|
||||||
|
- **projects**:
|
||||||
|
- remove useless prop `title` of `NDrawer` - by @honghuangdc [<samp>(fdde6)</samp>](https://github.com/soybeanjs/soybean-admin/commit/fdde679)
|
||||||
|
- add tsconfig.json for @sa/color-palette - by @honghuangdc [<samp>(d460e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d460e5c)
|
||||||
|
|
||||||
|
### 💅 Refactors
|
||||||
|
|
||||||
|
- **hooks**: refactor useSignal, useComputed - by @honghuangdc [<samp>(3b5e4)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3b5e4b3)
|
||||||
|
- **projects**: useMixMenuContext replace useMixMenu - by @honghuangdc [<samp>(1e142)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1e14293)
|
||||||
|
|
||||||
|
### 🏡 Chore
|
||||||
|
|
||||||
|
- **deps**:
|
||||||
|
- update deps - by @honghuangdc [<samp>(e57bf)</samp>](https://github.com/soybeanjs/soybean-admin/commit/e57bf0b)
|
||||||
|
- **projects**:
|
||||||
|
- use `engines` replace `packageManager` - by @honghuangdc [<samp>(dcd51)</samp>](https://github.com/soybeanjs/soybean-admin/commit/dcd51f4)
|
||||||
|
- update pnpm version requirement - by @honghuangdc [<samp>(19e65)</samp>](https://github.com/soybeanjs/soybean-admin/commit/19e65c1)
|
||||||
|
|
||||||
|
### ❤️ Contributors
|
||||||
|
|
||||||
|
[](https://github.com/honghuangdc)
|
||||||
|
[alleycharming](mailto:alleycharming@gmail.com)
|
||||||
|
|
||||||
|
## [v1.0.5](https://github.com/honghuangdc/soybean-admin/compare/v1.0.4...v1.0.5) (2024-04-24)
|
||||||
|
|
||||||
|
### 📖 Documentation
|
||||||
|
|
||||||
|
- **projects**: update CHANGELOG.md - by @honghuangdc [<samp>(cf5bc)</samp>](https://github.com/honghuangdc/soybean-admin/commit/cf5bc88)
|
||||||
|
|
||||||
|
### 🏡 Chore
|
||||||
|
|
||||||
|
- **projects**:
|
||||||
|
- lower vue version to 3.4.23 - by @honghuangdc [<samp>(b5243)</samp>](https://github.com/honghuangdc/soybean-admin/commit/b52432a)
|
||||||
|
- update pnpm-lock.yaml - by @honghuangdc [<samp>(516f4)</samp>](https://github.com/honghuangdc/soybean-admin/commit/516f46a)
|
||||||
|
|
||||||
|
### ❤️ Contributors
|
||||||
|
|
||||||
|
[](https://github.com/honghuangdc)
|
||||||
|
|
||||||
|
## [v1.0.4](https://github.com/soybeanjs/soybean-admin/compare/v1.0.3...v1.0.4) (2024-04-24)
|
||||||
|
|
||||||
|
### 🐞 Bug Fixes
|
||||||
|
|
||||||
|
- **projects**:
|
||||||
|
- fix CHANGELOG versions - by @honghuangdc [<samp>(d9af5)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d9af5aa)
|
||||||
|
- fix disabled page animate - by @honghuangdc [<samp>(23f28)</samp>](https://github.com/soybeanjs/soybean-admin/commit/23f283a)
|
||||||
|
- fix routes data when role is change. fixed #391 - by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/391 [<samp>(cb83d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/cb83d6d)
|
||||||
|
- fix tabs data when role is change. fixed #392 - by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/392 [<samp>(04aa0)</samp>](https://github.com/soybeanjs/soybean-admin/commit/04aa097)
|
||||||
|
- recovery pnpm-lock.yaml - by @honghuangdc [<samp>(c6952)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c695208)
|
||||||
|
|
||||||
|
### 💅 Refactors
|
||||||
|
|
||||||
|
- **hooks**: refactor @sa/color-palette - by @honghuangdc [<samp>(93191)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9319173)
|
||||||
|
|
||||||
|
### 📖 Documentation
|
||||||
|
|
||||||
|
- **projects**:
|
||||||
|
- update README.md - by @honghuangdc [<samp>(5a523)</samp>](https://github.com/soybeanjs/soybean-admin/commit/5a5232b)
|
||||||
|
- update README.md - by @honghuangdc [<samp>(79d9c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/79d9c51)
|
||||||
|
|
||||||
|
### 🏡 Chore
|
||||||
|
|
||||||
|
- **deps**:
|
||||||
|
- update deps - by @honghuangdc [<samp>(ac928)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ac92817)
|
||||||
|
- update deps - by @honghuangdc [<samp>(3ceeb)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3ceeb6f)
|
||||||
|
- update deps - by @honghuangdc [<samp>(9a669)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9a66979)
|
||||||
|
- **projects**:
|
||||||
|
- update pnpm version - by @honghuangdc [<samp>(42e16)</samp>](https://github.com/soybeanjs/soybean-admin/commit/42e16a0)
|
||||||
|
- update deps & update pnpm version & update eslint config - by @honghuangdc [<samp>(7392b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7392beb)
|
||||||
|
|
||||||
|
### ❤️ Contributors
|
||||||
|
|
||||||
|
[](https://github.com/honghuangdc)
|
||||||
|
|
||||||
|
## [v1.0.3](https://github.com/soybeanjs/soybean-admin/compare/v1.0.2...v1.0.3) (2024-04-16)
|
||||||
|
|
||||||
### 🚀 Features
|
### 🚀 Features
|
||||||
|
|
||||||
@@ -28,16 +132,12 @@
|
|||||||
|
|
||||||
- **projects**: update README.md - by @honghuangdc [<samp>(f4a9c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f4a9cf8)
|
- **projects**: update README.md - by @honghuangdc [<samp>(f4a9c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f4a9cf8)
|
||||||
|
|
||||||
### 🏡 Chore
|
|
||||||
|
|
||||||
- **release**: release tauri v1.0.2 - by @honghuangdc [<samp>(ebdef)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ebdef72)
|
|
||||||
|
|
||||||
### ❤️ Contributors
|
### ❤️ Contributors
|
||||||
|
|
||||||
[](https://github.com/honghuangdc)
|
[](https://github.com/honghuangdc)
|
||||||
[paynezhuang](mailto:paynezhuang@gmail.com)
|
[paynezhuang](mailto:paynezhuang@gmail.com)
|
||||||
|
|
||||||
## [v1.0.2](https://github.com/soybeanjs/soybean-admin/compare/v1.0.1...v1.0.2) (24-04-08)
|
## [v1.0.2](https://github.com/soybeanjs/soybean-admin/compare/v1.0.1...v1.0.2) (2024-04-08)
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
### 🐞 Bug Fixes
|
||||||
|
|
||||||
@@ -58,7 +158,7 @@
|
|||||||
[](https://github.com/honghuangdc)
|
[](https://github.com/honghuangdc)
|
||||||
[燕博文](mailto:349952469@qq.com)
|
[燕博文](mailto:349952469@qq.com)
|
||||||
|
|
||||||
## [v1.0.1](https://github.com/soybeanjs/soybean-admin/compare/v1.0.0...v1.0.1) (24-04-03)
|
## [v1.0.1](https://github.com/soybeanjs/soybean-admin/compare/v1.0.0...v1.0.1) (2024-04-03)
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
### 🐞 Bug Fixes
|
||||||
|
|
||||||
@@ -80,7 +180,7 @@
|
|||||||
|
|
||||||
[](https://github.com/honghuangdc)
|
[](https://github.com/honghuangdc)
|
||||||
|
|
||||||
## [v1.0.0](https://github.com/soybeanjs/soybean-admin/compare/v0.10.4...v1.0.0) (24-03-31)
|
## [v1.0.0](https://github.com/soybeanjs/soybean-admin/compare/v0.10.4...v1.0.0) (2024-03-31)
|
||||||
|
|
||||||
### 🚀 Features
|
### 🚀 Features
|
||||||
|
|
||||||
@@ -113,7 +213,7 @@
|
|||||||
- support directory menu hide all child menus. fixed #325 - by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/325 [<samp>(7256a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7256ad4)
|
- support directory menu hide all child menus. fixed #325 - by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/325 [<samp>(7256a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7256ad4)
|
||||||
- mock manage list data with pagination - by @honghuangdc [<samp>(1a6be)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1a6be00)
|
- mock manage list data with pagination - by @honghuangdc [<samp>(1a6be)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1a6be00)
|
||||||
- globalSearch add i18n - by **燕博文** [<samp>(0126d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0126da4)
|
- globalSearch add i18n - by **燕博文** [<samp>(0126d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0126da4)
|
||||||
- Add route meta parameter:fixedQuery - by **Azir-11** [<samp>(874aa)</samp>](https://github.com/soybeanjs/soybean-admin/commit/874aaca)
|
- Add route meta parameter:fixedQuery - by @Azir-11 [<samp>(874aa)</samp>](https://github.com/soybeanjs/soybean-admin/commit/874aaca)
|
||||||
- update - by @honghuangdc [<samp>(4158a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4158a72)
|
- update - by @honghuangdc [<samp>(4158a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4158a72)
|
||||||
- change borderRadius to 6px of naiveUI - by @honghuangdc [<samp>(49558)</samp>](https://github.com/soybeanjs/soybean-admin/commit/49558ca)
|
- change borderRadius to 6px of naiveUI - by @honghuangdc [<samp>(49558)</samp>](https://github.com/soybeanjs/soybean-admin/commit/49558ca)
|
||||||
- pef manage role - by @honghuangdc [<samp>(18709)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1870981)
|
- pef manage role - by @honghuangdc [<samp>(18709)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1870981)
|
||||||
@@ -123,7 +223,7 @@
|
|||||||
- add request exception example page - by @honghuangdc [<samp>(41e8b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/41e8bc4)
|
- add request exception example page - by @honghuangdc [<samp>(41e8b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/41e8bc4)
|
||||||
- add auth example - by @honghuangdc [<samp>(c11d5)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c11d56d)
|
- add auth example - by @honghuangdc [<samp>(c11d5)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c11d56d)
|
||||||
- **router**:
|
- **router**:
|
||||||
- add sortRoutesByOrder function - by **Azir-11** [<samp>(0cf09)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0cf09ba)
|
- add sortRoutesByOrder function - by @Azir-11 [<samp>(0cf09)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0cf09ba)
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
### 🐞 Bug Fixes
|
||||||
|
|
||||||
@@ -312,7 +412,7 @@
|
|||||||
[](https://github.com/honghuangdc) [](https://github.com/Azir-11) [](https://github.com/smileluck) [](https://github.com/Particaly)
|
[](https://github.com/honghuangdc) [](https://github.com/Azir-11) [](https://github.com/smileluck) [](https://github.com/Particaly)
|
||||||
[~li](mailto:miciili-02@outlook.com), [Azir-11](mailto:2075125282@qq.com), [燕博文](mailto:349952469@qq.com), [tnt group](mailto:dodu@live.cn), [Kori](mailto:kexin@korix.top),
|
[~li](mailto:miciili-02@outlook.com), [Azir-11](mailto:2075125282@qq.com), [燕博文](mailto:349952469@qq.com), [tnt group](mailto:dodu@live.cn), [Kori](mailto:kexin@korix.top),
|
||||||
|
|
||||||
## [v1.0.0-beta.3](https://github.com/soybeanjs/soybean-admin/compare/v1.0.0-beta.2...v1.0.0-beta.3) (24-03-31)
|
## [v1.0.0-beta.3](https://github.com/soybeanjs/soybean-admin/compare/v1.0.0-beta.2...v1.0.0-beta.3) (2024-03-31)
|
||||||
|
|
||||||
### 📖 Documentation
|
### 📖 Documentation
|
||||||
|
|
||||||
@@ -327,7 +427,7 @@
|
|||||||
|
|
||||||
[](https://github.com/honghuangdc)
|
[](https://github.com/honghuangdc)
|
||||||
|
|
||||||
## [v1.0.0-beta.2](https://github.com/soybeanjs/soybean-admin/compare/v1.0.0-beta.1...v1.0.0-beta.2) (24-03-27)
|
## [v1.0.0-beta.2](https://github.com/soybeanjs/soybean-admin/compare/v1.0.0-beta.1...v1.0.0-beta.2) (2024-03-27)
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
### 🐞 Bug Fixes
|
||||||
|
|
||||||
@@ -358,220 +458,220 @@
|
|||||||
|
|
||||||
[](https://github.com/honghuangdc)
|
[](https://github.com/honghuangdc)
|
||||||
|
|
||||||
## [v1.0.0-beta.1](https://github.com/honghuangdc/soybean-admin/compare/v0.10.4...v1.0.0-beta.1) (24-03-25)
|
## [v1.0.0-beta.1](https://github.com/soybeanjs/soybean-admin/compare/v0.10.4...v1.0.0-beta.1) (2024-03-25)
|
||||||
|
|
||||||
### 🚀 Features
|
### 🚀 Features
|
||||||
|
|
||||||
- internationalized menu search - by **Kori** [<samp>(9e115)</samp>](https://github.com/honghuangdc/soybean-admin/commit/9e115da)
|
- internationalized menu search - by **Kori** [<samp>(9e115)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9e115da)
|
||||||
- **components**:
|
- **components**:
|
||||||
- enhance the custom strength of the 'TableHeaderOperation' component - by **tnt group** [<samp>(fdf64)</samp>](https://github.com/honghuangdc/soybean-admin/commit/fdf64f7)
|
- enhance the custom strength of the 'TableHeaderOperation' component - by **tnt group** [<samp>(fdf64)</samp>](https://github.com/soybeanjs/soybean-admin/commit/fdf64f7)
|
||||||
- add GlobalSearch components - by **燕博文** [<samp>(9ea87)</samp>](https://github.com/honghuangdc/soybean-admin/commit/9ea8789)
|
- add GlobalSearch components - by **燕博文** [<samp>(9ea87)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9ea8789)
|
||||||
- **hooks**:
|
- **hooks**:
|
||||||
- add use-echarts - by @honghuangdc [<samp>(726ab)</samp>](https://github.com/honghuangdc/soybean-admin/commit/726abe4)
|
- add use-echarts - by @honghuangdc [<samp>(726ab)</samp>](https://github.com/soybeanjs/soybean-admin/commit/726abe4)
|
||||||
- **projects**:
|
- **projects**:
|
||||||
- 1.0 beta - by @honghuangdc [<samp>(e918a)</samp>](https://github.com/honghuangdc/soybean-admin/commit/e918a2c)
|
- 1.0 beta - by @honghuangdc [<samp>(e918a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/e918a2c)
|
||||||
- support Vite5 - by @honghuangdc [<samp>(96e4a)</samp>](https://github.com/honghuangdc/soybean-admin/commit/96e4aff)
|
- support Vite5 - by @honghuangdc [<samp>(96e4a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/96e4aff)
|
||||||
- @sa/axios: createRequest, createFlatRequest, createHookRequest - by @honghuangdc [<samp>(bac16)</samp>](https://github.com/honghuangdc/soybean-admin/commit/bac1632)
|
- @sa/axios: createRequest, createFlatRequest, createHookRequest - by @honghuangdc [<samp>(bac16)</samp>](https://github.com/soybeanjs/soybean-admin/commit/bac1632)
|
||||||
- add app loading - by @honghuangdc [<samp>(c6545)</samp>](https://github.com/honghuangdc/soybean-admin/commit/c65451b)
|
- add app loading - by @honghuangdc [<samp>(c6545)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c65451b)
|
||||||
- add copyright, unocss shortcut: card-wrapper, update package.json - by @honghuangdc [<samp>(affcc)</samp>](https://github.com/honghuangdc/soybean-admin/commit/affcc26)
|
- add copyright, unocss shortcut: card-wrapper, update package.json - by @honghuangdc [<samp>(affcc)</samp>](https://github.com/soybeanjs/soybean-admin/commit/affcc26)
|
||||||
- add page: about - by @honghuangdc [<samp>(4955f)</samp>](https://github.com/honghuangdc/soybean-admin/commit/4955f1a)
|
- add page: about - by @honghuangdc [<samp>(4955f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4955f1a)
|
||||||
- add custom route exception - by @honghuangdc [<samp>(b43c9)</samp>](https://github.com/honghuangdc/soybean-admin/commit/b43c925)
|
- add custom route exception - by @honghuangdc [<samp>(b43c9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b43c925)
|
||||||
- filter tabs which are not in routes - by @honghuangdc [<samp>(f59f3)</samp>](https://github.com/honghuangdc/soybean-admin/commit/f59f348)
|
- filter tabs which are not in routes - by @honghuangdc [<samp>(f59f3)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f59f348)
|
||||||
- packages/scripts: add command changelog,release - by @honghuangdc [<samp>(dafb6)</samp>](https://github.com/honghuangdc/soybean-admin/commit/dafb6fa)
|
- packages/scripts: add command changelog,release - by @honghuangdc [<samp>(dafb6)</samp>](https://github.com/soybeanjs/soybean-admin/commit/dafb6fa)
|
||||||
- add script: gen-route - by @honghuangdc [<samp>(697c1)</samp>](https://github.com/honghuangdc/soybean-admin/commit/697c1b6)
|
- add script: gen-route - by @honghuangdc [<samp>(697c1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/697c1b6)
|
||||||
- @sa/axios: add qs stringify for params - by @honghuangdc [<samp>(2400c)</samp>](https://github.com/honghuangdc/soybean-admin/commit/2400c02)
|
- @sa/axios: add qs stringify for params - by @honghuangdc [<samp>(2400c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/2400c02)
|
||||||
- page home & perf useEcharts - by @honghuangdc [<samp>(62e4d)</samp>](https://github.com/honghuangdc/soybean-admin/commit/62e4da0)
|
- page home & perf useEcharts - by @honghuangdc [<samp>(62e4d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/62e4da0)
|
||||||
- finish page home - by @honghuangdc [<samp>(7bd1e)</samp>](https://github.com/honghuangdc/soybean-admin/commit/7bd1e47)
|
- finish page home - by @honghuangdc [<samp>(7bd1e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7bd1e47)
|
||||||
- add page function_tab - by @honghuangdc [<samp>(6ff86)</samp>](https://github.com/honghuangdc/soybean-admin/commit/6ff86e7)
|
- add page function_tab - by @honghuangdc [<samp>(6ff86)</samp>](https://github.com/soybeanjs/soybean-admin/commit/6ff86e7)
|
||||||
- page manage_role - by @honghuangdc [<samp>(237c6)</samp>](https://github.com/honghuangdc/soybean-admin/commit/237c6d2)
|
- page manage_role - by @honghuangdc [<samp>(237c6)</samp>](https://github.com/soybeanjs/soybean-admin/commit/237c6d2)
|
||||||
- page manage_user - by @honghuangdc [<samp>(8a170)</samp>](https://github.com/honghuangdc/soybean-admin/commit/8a170ee)
|
- page manage_user - by @honghuangdc [<samp>(8a170)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8a170ee)
|
||||||
- page manage_menu - by @honghuangdc [<samp>(87d65)</samp>](https://github.com/honghuangdc/soybean-admin/commit/87d65d3)
|
- page manage_menu - by @honghuangdc [<samp>(87d65)</samp>](https://github.com/soybeanjs/soybean-admin/commit/87d65d3)
|
||||||
- page manage_menu operateDrawer - by @honghuangdc [<samp>(db17c)</samp>](https://github.com/honghuangdc/soybean-admin/commit/db17c91)
|
- page manage_menu operateDrawer - by @honghuangdc [<samp>(db17c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/db17c91)
|
||||||
- Add type to TabRoute: matched - by @Azir-11 [<samp>(2d102)</samp>](https://github.com/honghuangdc/soybean-admin/commit/2d102a0)
|
- Add type to TabRoute: matched - by @Azir-11 [<samp>(2d102)</samp>](https://github.com/soybeanjs/soybean-admin/commit/2d102a0)
|
||||||
- support directory menu hide all child menus. fixed #325 - by @honghuangdc in https://github.com/honghuangdc/soybean-admin/issues/325 [<samp>(7256a)</samp>](https://github.com/honghuangdc/soybean-admin/commit/7256ad4)
|
- support directory menu hide all child menus. fixed #325 - by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/325 [<samp>(7256a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7256ad4)
|
||||||
- mock manage list data with pagination - by @honghuangdc [<samp>(1a6be)</samp>](https://github.com/honghuangdc/soybean-admin/commit/1a6be00)
|
- mock manage list data with pagination - by @honghuangdc [<samp>(1a6be)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1a6be00)
|
||||||
- globalSearch add i18n - by **燕博文** [<samp>(0126d)</samp>](https://github.com/honghuangdc/soybean-admin/commit/0126da4)
|
- globalSearch add i18n - by **燕博文** [<samp>(0126d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0126da4)
|
||||||
- Add route meta parameter:fixedQuery - by **Azir-11** [<samp>(874aa)</samp>](https://github.com/honghuangdc/soybean-admin/commit/874aaca)
|
- Add route meta parameter:fixedQuery - by @Azir-11 [<samp>(874aa)</samp>](https://github.com/soybeanjs/soybean-admin/commit/874aaca)
|
||||||
- update - by @honghuangdc [<samp>(4158a)</samp>](https://github.com/honghuangdc/soybean-admin/commit/4158a72)
|
- update - by @honghuangdc [<samp>(4158a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4158a72)
|
||||||
- change borderRadius to 6px of naiveUI - by @honghuangdc [<samp>(49558)</samp>](https://github.com/honghuangdc/soybean-admin/commit/49558ca)
|
- change borderRadius to 6px of naiveUI - by @honghuangdc [<samp>(49558)</samp>](https://github.com/soybeanjs/soybean-admin/commit/49558ca)
|
||||||
- pef manage role - by @honghuangdc [<samp>(18709)</samp>](https://github.com/honghuangdc/soybean-admin/commit/1870981)
|
- pef manage role - by @honghuangdc [<samp>(18709)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1870981)
|
||||||
- login page: code-login - by @honghuangdc [<samp>(c91dd)</samp>](https://github.com/honghuangdc/soybean-admin/commit/c91dd28)
|
- login page: code-login - by @honghuangdc [<samp>(c91dd)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c91dd28)
|
||||||
- login page: register - by @honghuangdc [<samp>(1ed33)</samp>](https://github.com/honghuangdc/soybean-admin/commit/1ed33dc)
|
- login page: register - by @honghuangdc [<samp>(1ed33)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1ed33dc)
|
||||||
- add request refresh token & logout - by @honghuangdc [<samp>(11a6a)</samp>](https://github.com/honghuangdc/soybean-admin/commit/11a6a3b)
|
- add request refresh token & logout - by @honghuangdc [<samp>(11a6a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/11a6a3b)
|
||||||
- add request exception example page - by @honghuangdc [<samp>(41e8b)</samp>](https://github.com/honghuangdc/soybean-admin/commit/41e8bc4)
|
- add request exception example page - by @honghuangdc [<samp>(41e8b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/41e8bc4)
|
||||||
- add auth example - by @honghuangdc [<samp>(c11d5)</samp>](https://github.com/honghuangdc/soybean-admin/commit/c11d56d)
|
- add auth example - by @honghuangdc [<samp>(c11d5)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c11d56d)
|
||||||
- **router**:
|
- **router**:
|
||||||
- add sortRoutesByOrder function - by **Azir-11** [<samp>(0cf09)</samp>](https://github.com/honghuangdc/soybean-admin/commit/0cf09ba)
|
- add sortRoutesByOrder function - by @Azir-11 [<samp>(0cf09)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0cf09ba)
|
||||||
|
|
||||||
### 🐞 Bug Fixes
|
### 🐞 Bug Fixes
|
||||||
|
|
||||||
- **components**:
|
- **components**:
|
||||||
- fix tooltip zIndex of ButtonIcon - by @honghuangdc [<samp>(99097)</samp>](https://github.com/honghuangdc/soybean-admin/commit/99097b4)
|
- fix tooltip zIndex of ButtonIcon - by @honghuangdc [<samp>(99097)</samp>](https://github.com/soybeanjs/soybean-admin/commit/99097b4)
|
||||||
- supplement the `NaiveUI` type - by **tnt group** [<samp>(ccc2b)</samp>](https://github.com/honghuangdc/soybean-admin/commit/ccc2b67)
|
- supplement the `NaiveUI` type - by **tnt group** [<samp>(ccc2b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ccc2b67)
|
||||||
- fix homeTab closeRight and disable colseLeft - by **~li** [<samp>(d28bf)</samp>](https://github.com/honghuangdc/soybean-admin/commit/d28bf52)
|
- fix homeTab closeRight and disable colseLeft - by **~li** [<samp>(d28bf)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d28bf52)
|
||||||
- **hooks**:
|
- **hooks**:
|
||||||
- Fix Naive Pagination's outdated API - by **tnt group** [<samp>(37436)</samp>](https://github.com/honghuangdc/soybean-admin/commit/3743612)
|
- Fix Naive Pagination's outdated API - by **tnt group** [<samp>(37436)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3743612)
|
||||||
- **projects**:
|
- **projects**:
|
||||||
- 修复路由命名为包含关系时导致导航数据出错的问题 - by @Particaly [<samp>(76636)</samp>](https://github.com/honghuangdc/soybean-admin/commit/766369f)
|
- 修复路由命名为包含关系时导致导航数据出错的问题 - by **pantao** [<samp>(76636)</samp>](https://github.com/soybeanjs/soybean-admin/commit/766369f)
|
||||||
- rename zh-ch - by @honghuangdc [<samp>(a8a77)</samp>](https://github.com/honghuangdc/soybean-admin/commit/a8a77ea)
|
- rename zh-ch - by @honghuangdc [<samp>(a8a77)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a8a77ea)
|
||||||
- Fix welcome notification not closing - by @Azir-11 [<samp>(748cf)</samp>](https://github.com/honghuangdc/soybean-admin/commit/748cfa2)
|
- Fix welcome notification not closing - by @Azir-11 [<samp>(748cf)</samp>](https://github.com/soybeanjs/soybean-admin/commit/748cfa2)
|
||||||
- fix i18n vscode settings - by @honghuangdc [<samp>(fbf4c)</samp>](https://github.com/honghuangdc/soybean-admin/commit/fbf4cc4)
|
- fix i18n vscode settings - by @honghuangdc [<samp>(fbf4c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/fbf4cc4)
|
||||||
- add duration of login success notification - by @honghuangdc [<samp>(1335d)</samp>](https://github.com/honghuangdc/soybean-admin/commit/1335d47)
|
- add duration of login success notification - by @honghuangdc [<samp>(1335d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1335d47)
|
||||||
- fix menu indent - by @honghuangdc [<samp>(87143)</samp>](https://github.com/honghuangdc/soybean-admin/commit/8714317)
|
- fix menu indent - by @honghuangdc [<samp>(87143)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8714317)
|
||||||
- fix theme mode segment - by @honghuangdc [<samp>(2372d)</samp>](https://github.com/honghuangdc/soybean-admin/commit/2372dc9)
|
- fix theme mode segment - by @honghuangdc [<samp>(2372d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/2372dc9)
|
||||||
- fix app loading theme color - by @honghuangdc [<samp>(0ba19)</samp>](https://github.com/honghuangdc/soybean-admin/commit/0ba19d5)
|
- fix app loading theme color - by @honghuangdc [<samp>(0ba19)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0ba19d5)
|
||||||
- fix page about style in mobile - by @honghuangdc [<samp>(8b6de)</samp>](https://github.com/honghuangdc/soybean-admin/commit/8b6de48)
|
- fix page about style in mobile - by @honghuangdc [<samp>(8b6de)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8b6de48)
|
||||||
- fix themeDrawer darkMode segement - by @honghuangdc [<samp>(1b5ca)</samp>](https://github.com/honghuangdc/soybean-admin/commit/1b5caa0)
|
- fix themeDrawer darkMode segement - by @honghuangdc [<samp>(1b5ca)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1b5caa0)
|
||||||
- fix themeDrawer copy - by @honghuangdc [<samp>(b3779)</samp>](https://github.com/honghuangdc/soybean-admin/commit/b3779a6)
|
- fix themeDrawer copy - by @honghuangdc [<samp>(b3779)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b3779a6)
|
||||||
- remove space in tab content - by @honghuangdc [<samp>(4aae6)</samp>](https://github.com/honghuangdc/soybean-admin/commit/4aae6a5)
|
- remove space in tab content - by @honghuangdc [<samp>(4aae6)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4aae6a5)
|
||||||
- fix horizontal menu - by @honghuangdc [<samp>(d886e)</samp>](https://github.com/honghuangdc/soybean-admin/commit/d886e50)
|
- fix horizontal menu - by @honghuangdc [<samp>(d886e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d886e50)
|
||||||
- perf card style - by @honghuangdc [<samp>(c1afb)</samp>](https://github.com/honghuangdc/soybean-admin/commit/c1afb9d)
|
- perf card style - by @honghuangdc [<samp>(c1afb)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c1afb9d)
|
||||||
- fix manage_user title - by @honghuangdc [<samp>(7770b)</samp>](https://github.com/honghuangdc/soybean-admin/commit/7770b37)
|
- fix manage_user title - by @honghuangdc [<samp>(7770b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7770b37)
|
||||||
- default proxy prefix - by @smileluck [<samp>(da246)</samp>](https://github.com/honghuangdc/soybean-admin/commit/da24642)
|
- default proxy prefix - by @smileluck [<samp>(da246)</samp>](https://github.com/soybeanjs/soybean-admin/commit/da24642)
|
||||||
- fix request msg - by @honghuangdc [<samp>(ae6b6)</samp>](https://github.com/honghuangdc/soybean-admin/commit/ae6b613)
|
- fix request msg - by @honghuangdc [<samp>(ae6b6)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ae6b613)
|
||||||
- Fix the issue of tab error displaying parent localIcon - by @Azir-11 [<samp>(a9c98)</samp>](https://github.com/honghuangdc/soybean-admin/commit/a9c98d9)
|
- Fix the issue of tab error displaying parent localIcon - by @Azir-11 [<samp>(a9c98)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a9c98d9)
|
||||||
- The matched value of TabRoute should be optional - by @Azir-11 [<samp>(e6fed)</samp>](https://github.com/honghuangdc/soybean-admin/commit/e6fed1f)
|
- The matched value of TabRoute should be optional - by @Azir-11 [<samp>(e6fed)</samp>](https://github.com/soybeanjs/soybean-admin/commit/e6fed1f)
|
||||||
- fix build [unocss]: build failed to load icon "close", fixed #319 - by @honghuangdc in https://github.com/honghuangdc/soybean-admin/issues/319 [<samp>(c18d8)</samp>](https://github.com/honghuangdc/soybean-admin/commit/c18d82f)
|
- fix build [unocss]: build failed to load icon "close", fixed #319 - by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/319 [<samp>(c18d8)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c18d82f)
|
||||||
- fix resolve alias - by @honghuangdc [<samp>(3bdcb)</samp>](https://github.com/honghuangdc/soybean-admin/commit/3bdcbc7)
|
- fix resolve alias - by @honghuangdc [<samp>(3bdcb)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3bdcbc7)
|
||||||
- Missing default value for tab icon - by @Azir-11 [<samp>(72a46)</samp>](https://github.com/honghuangdc/soybean-admin/commit/72a4679)
|
- Missing default value for tab icon - by @Azir-11 [<samp>(72a46)</samp>](https://github.com/soybeanjs/soybean-admin/commit/72a4679)
|
||||||
- add route icon: fucntion_hide-child - by @honghuangdc [<samp>(0a3ef)</samp>](https://github.com/honghuangdc/soybean-admin/commit/0a3efe3)
|
- add route icon: fucntion_hide-child - by @honghuangdc [<samp>(0a3ef)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0a3efe3)
|
||||||
- fix table x-scroll. fixed #324 - by @honghuangdc in https://github.com/honghuangdc/soybean-admin/issues/324 [<samp>(c7e2c)</samp>](https://github.com/honghuangdc/soybean-admin/commit/c7e2c55)
|
- fix table x-scroll. fixed #324 - by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/324 [<samp>(c7e2c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c7e2c55)
|
||||||
- Fix the logic of root route redirection to home - by **恕瑞玛的皇帝** [<samp>(0123c)</samp>](https://github.com/honghuangdc/soybean-admin/commit/0123c37)
|
- Fix the logic of root route redirection to home - by **恕瑞玛的皇帝** [<samp>(0123c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0123c37)
|
||||||
- Fix homepage mount error under dynamic routing - by **恕瑞玛的皇帝** [<samp>(9cf2a)</samp>](https://github.com/honghuangdc/soybean-admin/commit/9cf2a51)
|
- Fix homepage mount error under dynamic routing - by **恕瑞玛的皇帝** [<samp>(9cf2a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9cf2a51)
|
||||||
- fix repeat home tab - by @honghuangdc [<samp>(bccd6)</samp>](https://github.com/honghuangdc/soybean-admin/commit/bccd6cb)
|
- fix repeat home tab - by @honghuangdc [<samp>(bccd6)</samp>](https://github.com/soybeanjs/soybean-admin/commit/bccd6cb)
|
||||||
- fix proxy config - by @honghuangdc [<samp>(c8019)</samp>](https://github.com/honghuangdc/soybean-admin/commit/c8019c4)
|
- fix proxy config - by @honghuangdc [<samp>(c8019)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c8019c4)
|
||||||
- fix proxy config - by @honghuangdc [<samp>(ffc95)</samp>](https://github.com/honghuangdc/soybean-admin/commit/ffc95d2)
|
- fix proxy config - by @honghuangdc [<samp>(ffc95)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ffc95d2)
|
||||||
- fix table row-key ts type - by @honghuangdc [<samp>(0cc8f)</samp>](https://github.com/honghuangdc/soybean-admin/commit/0cc8f05)
|
- fix table row-key ts type - by @honghuangdc [<samp>(0cc8f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0cc8f05)
|
||||||
- fix class name conflict with unocss icon - by @honghuangdc [<samp>(455e4)</samp>](https://github.com/honghuangdc/soybean-admin/commit/455e48f)
|
- fix class name conflict with unocss icon - by @honghuangdc [<samp>(455e4)</samp>](https://github.com/soybeanjs/soybean-admin/commit/455e48f)
|
||||||
- fix repeat routes - by @honghuangdc [<samp>(2c543)</samp>](https://github.com/honghuangdc/soybean-admin/commit/2c543f1)
|
- fix repeat routes - by @honghuangdc [<samp>(2c543)</samp>](https://github.com/soybeanjs/soybean-admin/commit/2c543f1)
|
||||||
- fix route init - by @honghuangdc [<samp>(23a40)</samp>](https://github.com/honghuangdc/soybean-admin/commit/23a4098)
|
- fix route init - by @honghuangdc [<samp>(23a40)</samp>](https://github.com/soybeanjs/soybean-admin/commit/23a4098)
|
||||||
|
|
||||||
### 🔥 Performance
|
### 🔥 Performance
|
||||||
|
|
||||||
- **components**:
|
- **components**:
|
||||||
- Optimize internationalized menu search code - by **燕博文** [<samp>(8c1ef)</samp>](https://github.com/honghuangdc/soybean-admin/commit/8c1ef4b)
|
- Optimize internationalized menu search code - by **燕博文** [<samp>(8c1ef)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8c1ef4b)
|
||||||
- Optimize menu search code - by **燕博文** [<samp>(296a2)</samp>](https://github.com/honghuangdc/soybean-admin/commit/296a2d2)
|
- Optimize menu search code - by **燕博文** [<samp>(296a2)</samp>](https://github.com/soybeanjs/soybean-admin/commit/296a2d2)
|
||||||
- perf count-to - by @honghuangdc [<samp>(b2c61)</samp>](https://github.com/honghuangdc/soybean-admin/commit/b2c61f0)
|
- perf count-to - by @honghuangdc [<samp>(b2c61)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b2c61f0)
|
||||||
- components name is converted to uppercase - by **燕博文** [<samp>(04aa1)</samp>](https://github.com/honghuangdc/soybean-admin/commit/04aa10b)
|
- components name is converted to uppercase - by **燕博文** [<samp>(04aa1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/04aa10b)
|
||||||
- perf global-search - by @honghuangdc [<samp>(72745)</samp>](https://github.com/honghuangdc/soybean-admin/commit/7274522)
|
- perf global-search - by @honghuangdc [<samp>(72745)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7274522)
|
||||||
- **projects**:
|
- **projects**:
|
||||||
- perf code - by @honghuangdc [<samp>(8081e)</samp>](https://github.com/honghuangdc/soybean-admin/commit/8081e19)
|
- perf code - by @honghuangdc [<samp>(8081e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8081e19)
|
||||||
- env config - by @honghuangdc [<samp>(1bac3)</samp>](https://github.com/honghuangdc/soybean-admin/commit/1bac3b7)
|
- env config - by @honghuangdc [<samp>(1bac3)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1bac3b7)
|
||||||
- add detailed annotations for route role - by @honghuangdc [<samp>(f6bab)</samp>](https://github.com/honghuangdc/soybean-admin/commit/f6bab0c)
|
- add detailed annotations for route role - by @honghuangdc [<samp>(f6bab)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f6bab0c)
|
||||||
- perf code - by @honghuangdc [<samp>(5c49d)</samp>](https://github.com/honghuangdc/soybean-admin/commit/5c49d24)
|
- perf code - by @honghuangdc [<samp>(5c49d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/5c49d24)
|
||||||
- remove useless file - by @honghuangdc [<samp>(c624f)</samp>](https://github.com/honghuangdc/soybean-admin/commit/c624f32)
|
- remove useless file - by @honghuangdc [<samp>(c624f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c624f32)
|
||||||
- remove @soybeanjs/cli - by @honghuangdc [<samp>(41349)</samp>](https://github.com/honghuangdc/soybean-admin/commit/4134955)
|
- remove @soybeanjs/cli - by @honghuangdc [<samp>(41349)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4134955)
|
||||||
- echarts loading style - by @honghuangdc [<samp>(456c3)</samp>](https://github.com/honghuangdc/soybean-admin/commit/456c318)
|
- echarts loading style - by @honghuangdc [<samp>(456c3)</samp>](https://github.com/soybeanjs/soybean-admin/commit/456c318)
|
||||||
- perf page manage_role, useTable - by @honghuangdc [<samp>(39aa7)</samp>](https://github.com/honghuangdc/soybean-admin/commit/39aa7aa)
|
- perf page manage_role, useTable - by @honghuangdc [<samp>(39aa7)</samp>](https://github.com/soybeanjs/soybean-admin/commit/39aa7aa)
|
||||||
- perf table columns style - by @honghuangdc [<samp>(babdb)</samp>](https://github.com/honghuangdc/soybean-admin/commit/babdb5d)
|
- perf table columns style - by @honghuangdc [<samp>(babdb)</samp>](https://github.com/soybeanjs/soybean-admin/commit/babdb5d)
|
||||||
- perf page manage_menu style - by @honghuangdc [<samp>(0aa75)</samp>](https://github.com/honghuangdc/soybean-admin/commit/0aa75c0)
|
- perf page manage_menu style - by @honghuangdc [<samp>(0aa75)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0aa75c0)
|
||||||
- perf code - by @honghuangdc [<samp>(7fa87)</samp>](https://github.com/honghuangdc/soybean-admin/commit/7fa87f5)
|
- perf code - by @honghuangdc [<samp>(7fa87)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7fa87f5)
|
||||||
- perf code - by @honghuangdc [<samp>(05db8)</samp>](https://github.com/honghuangdc/soybean-admin/commit/05db8c0)
|
- perf code - by @honghuangdc [<samp>(05db8)</samp>](https://github.com/soybeanjs/soybean-admin/commit/05db8c0)
|
||||||
- perf code - by @honghuangdc [<samp>(dc24a)</samp>](https://github.com/honghuangdc/soybean-admin/commit/dc24a36)
|
- perf code - by @honghuangdc [<samp>(dc24a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/dc24a36)
|
||||||
- perf manage page style - by @honghuangdc [<samp>(779ba)</samp>](https://github.com/honghuangdc/soybean-admin/commit/779ba4e)
|
- perf manage page style - by @honghuangdc [<samp>(779ba)</samp>](https://github.com/soybeanjs/soybean-admin/commit/779ba4e)
|
||||||
- perf manage menu - by @honghuangdc [<samp>(71f2c)</samp>](https://github.com/honghuangdc/soybean-admin/commit/71f2c55)
|
- perf manage menu - by @honghuangdc [<samp>(71f2c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/71f2c55)
|
||||||
- manage menu: add transform to component - by @honghuangdc [<samp>(0abbf)</samp>](https://github.com/honghuangdc/soybean-admin/commit/0abbfa5)
|
- manage menu: add transform to component - by @honghuangdc [<samp>(0abbf)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0abbfa5)
|
||||||
|
|
||||||
### 💅 Refactors
|
### 💅 Refactors
|
||||||
|
|
||||||
- **projects**:
|
- **projects**:
|
||||||
- remove plugin-web-update-notification - by @honghuangdc [<samp>(f6c6d)</samp>](https://github.com/honghuangdc/soybean-admin/commit/f6c6dbd)
|
- remove plugin-web-update-notification - by @honghuangdc [<samp>(f6c6d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f6c6dbd)
|
||||||
- fix conflict with locale file - by @honghuangdc [<samp>(3346b)</samp>](https://github.com/honghuangdc/soybean-admin/commit/3346bcd)
|
- fix conflict with locale file - by @honghuangdc [<samp>(3346b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3346bcd)
|
||||||
- refactor app-loading - by @honghuangdc [<samp>(b4f3d)</samp>](https://github.com/honghuangdc/soybean-admin/commit/b4f3dd2)
|
- refactor app-loading - by @honghuangdc [<samp>(b4f3d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b4f3dd2)
|
||||||
- use naive-ui color-picker - by @honghuangdc [<samp>(b5551)</samp>](https://github.com/honghuangdc/soybean-admin/commit/b5551d6)
|
- use naive-ui color-picker - by @honghuangdc [<samp>(b5551)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b5551d6)
|
||||||
- perf page home - by @honghuangdc [<samp>(4c61c)</samp>](https://github.com/honghuangdc/soybean-admin/commit/4c61c6f)
|
- perf page home - by @honghuangdc [<samp>(4c61c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4c61c6f)
|
||||||
- login components => modules - by @honghuangdc [<samp>(59bec)</samp>](https://github.com/honghuangdc/soybean-admin/commit/59bec2d)
|
- login components => modules - by @honghuangdc [<samp>(59bec)</samp>](https://github.com/soybeanjs/soybean-admin/commit/59bec2d)
|
||||||
- perf page function_tab - by @honghuangdc [<samp>(b5477)</samp>](https://github.com/honghuangdc/soybean-admin/commit/b5477e8)
|
- perf page function_tab - by @honghuangdc [<samp>(b5477)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b5477e8)
|
||||||
- update mock api - by @honghuangdc [<samp>(27241)</samp>](https://github.com/honghuangdc/soybean-admin/commit/2724169)
|
- update mock api - by @honghuangdc [<samp>(27241)</samp>](https://github.com/soybeanjs/soybean-admin/commit/2724169)
|
||||||
- page manage_role: extract module - by @honghuangdc [<samp>(0e9e2)</samp>](https://github.com/honghuangdc/soybean-admin/commit/0e9e2e1)
|
- page manage_role: extract module - by @honghuangdc [<samp>(0e9e2)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0e9e2e1)
|
||||||
- perf page manage_role - by @honghuangdc [<samp>(a19f8)</samp>](https://github.com/honghuangdc/soybean-admin/commit/a19f895)
|
- perf page manage_role - by @honghuangdc [<samp>(a19f8)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a19f895)
|
||||||
- manage_route => manage_menu - by @honghuangdc [<samp>(f8467)</samp>](https://github.com/honghuangdc/soybean-admin/commit/f8467ce)
|
- manage_route => manage_menu - by @honghuangdc [<samp>(f8467)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f8467ce)
|
||||||
- refactor service env config - by @honghuangdc [<samp>(43193)</samp>](https://github.com/honghuangdc/soybean-admin/commit/43193e2)
|
- refactor service env config - by @honghuangdc [<samp>(43193)</samp>](https://github.com/soybeanjs/soybean-admin/commit/43193e2)
|
||||||
- refactor unocss shortcuts: wh-full => size-full - by @honghuangdc [<samp>(b4c00)</samp>](https://github.com/honghuangdc/soybean-admin/commit/b4c00ce)
|
- refactor unocss shortcuts: wh-full => size-full - by @honghuangdc [<samp>(b4c00)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b4c00ce)
|
||||||
- use enquirer replace prompts - by @honghuangdc [<samp>(b546f)</samp>](https://github.com/honghuangdc/soybean-admin/commit/b546ff8)
|
- use enquirer replace prompts - by @honghuangdc [<samp>(b546f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b546ff8)
|
||||||
- refactor useTable - by @honghuangdc [<samp>(c3efa)</samp>](https://github.com/honghuangdc/soybean-admin/commit/c3efa1b)
|
- refactor useTable - by @honghuangdc [<samp>(c3efa)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c3efa1b)
|
||||||
- finish refactor useTable - by @honghuangdc [<samp>(86301)</samp>](https://github.com/honghuangdc/soybean-admin/commit/8630175)
|
- finish refactor useTable - by @honghuangdc [<samp>(86301)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8630175)
|
||||||
- finish refactor useTable and apply - by @honghuangdc [<samp>(3fd15)</samp>](https://github.com/honghuangdc/soybean-admin/commit/3fd15e5)
|
- finish refactor useTable and apply - by @honghuangdc [<samp>(3fd15)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3fd15e5)
|
||||||
- perf code - by @honghuangdc [<samp>(f91ef)</samp>](https://github.com/honghuangdc/soybean-admin/commit/f91ef30)
|
- perf code - by @honghuangdc [<samp>(f91ef)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f91ef30)
|
||||||
- new route guard - by @honghuangdc [<samp>(37d20)</samp>](https://github.com/honghuangdc/soybean-admin/commit/37d20b8)
|
- new route guard - by @honghuangdc [<samp>(37d20)</samp>](https://github.com/soybeanjs/soybean-admin/commit/37d20b8)
|
||||||
|
|
||||||
### 📖 Documentation
|
### 📖 Documentation
|
||||||
|
|
||||||
- **projects**:
|
- **projects**:
|
||||||
- update README.md - by @honghuangdc [<samp>(78364)</samp>](https://github.com/honghuangdc/soybean-admin/commit/783648f)
|
- update README.md - by @honghuangdc [<samp>(78364)</samp>](https://github.com/soybeanjs/soybean-admin/commit/783648f)
|
||||||
- update README.md - by @honghuangdc [<samp>(1ea48)</samp>](https://github.com/honghuangdc/soybean-admin/commit/1ea4817)
|
- update README.md - by @honghuangdc [<samp>(1ea48)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1ea4817)
|
||||||
- add README - by @honghuangdc [<samp>(2371b)</samp>](https://github.com/honghuangdc/soybean-admin/commit/2371ba8)
|
- add README - by @honghuangdc [<samp>(2371b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/2371ba8)
|
||||||
- update README - by @honghuangdc [<samp>(d16a9)</samp>](https://github.com/honghuangdc/soybean-admin/commit/d16a9d5)
|
- update README - by @honghuangdc [<samp>(d16a9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d16a9d5)
|
||||||
- update README.md - by @honghuangdc [<samp>(6a771)</samp>](https://github.com/honghuangdc/soybean-admin/commit/6a771ea)
|
- update README.md - by @honghuangdc [<samp>(6a771)</samp>](https://github.com/soybeanjs/soybean-admin/commit/6a771ea)
|
||||||
- update README.md - by @honghuangdc [<samp>(57b6d)</samp>](https://github.com/honghuangdc/soybean-admin/commit/57b6d8a)
|
- update README.md - by @honghuangdc [<samp>(57b6d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/57b6d8a)
|
||||||
- update README.md - by @honghuangdc [<samp>(b30c0)</samp>](https://github.com/honghuangdc/soybean-admin/commit/b30c035)
|
- update README.md - by @honghuangdc [<samp>(b30c0)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b30c035)
|
||||||
- update README.md - by @honghuangdc [<samp>(c260f)</samp>](https://github.com/honghuangdc/soybean-admin/commit/c260fe2)
|
- update README.md - by @honghuangdc [<samp>(c260f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c260fe2)
|
||||||
- update README.md - by @honghuangdc [<samp>(03c42)</samp>](https://github.com/honghuangdc/soybean-admin/commit/03c42aa)
|
- update README.md - by @honghuangdc [<samp>(03c42)</samp>](https://github.com/soybeanjs/soybean-admin/commit/03c42aa)
|
||||||
- update README.md - by @honghuangdc [<samp>(0fae9)</samp>](https://github.com/honghuangdc/soybean-admin/commit/0fae993)
|
- update README.md - by @honghuangdc [<samp>(0fae9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0fae993)
|
||||||
- update README.md - by @honghuangdc [<samp>(4e4d2)</samp>](https://github.com/honghuangdc/soybean-admin/commit/4e4d2de)
|
- update README.md - by @honghuangdc [<samp>(4e4d2)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4e4d2de)
|
||||||
- update README.md - by @honghuangdc [<samp>(86b44)</samp>](https://github.com/honghuangdc/soybean-admin/commit/86b445c)
|
- update README.md - by @honghuangdc [<samp>(86b44)</samp>](https://github.com/soybeanjs/soybean-admin/commit/86b445c)
|
||||||
- update README.md - by @honghuangdc [<samp>(e2085)</samp>](https://github.com/honghuangdc/soybean-admin/commit/e2085e0)
|
- update README.md - by @honghuangdc [<samp>(e2085)</samp>](https://github.com/soybeanjs/soybean-admin/commit/e2085e0)
|
||||||
- update README.md - by @honghuangdc [<samp>(6ea9b)</samp>](https://github.com/honghuangdc/soybean-admin/commit/6ea9b85)
|
- update README.md - by @honghuangdc [<samp>(6ea9b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/6ea9b85)
|
||||||
- update README.md - by @honghuangdc [<samp>(ef4af)</samp>](https://github.com/honghuangdc/soybean-admin/commit/ef4af79)
|
- update README.md - by @honghuangdc [<samp>(ef4af)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ef4af79)
|
||||||
- update README.md - by @honghuangdc [<samp>(41830)</samp>](https://github.com/honghuangdc/soybean-admin/commit/418302a)
|
- update README.md - by @honghuangdc [<samp>(41830)</samp>](https://github.com/soybeanjs/soybean-admin/commit/418302a)
|
||||||
- add CHANGELOG.md - by @honghuangdc [<samp>(46b61)</samp>](https://github.com/honghuangdc/soybean-admin/commit/46b6156)
|
- add CHANGELOG.md - by @honghuangdc [<samp>(46b61)</samp>](https://github.com/soybeanjs/soybean-admin/commit/46b6156)
|
||||||
|
|
||||||
### 🏡 Chore
|
### 🏡 Chore
|
||||||
|
|
||||||
- **deps**:
|
- **deps**:
|
||||||
- update deps - by @honghuangdc [<samp>(3eaf0)</samp>](https://github.com/honghuangdc/soybean-admin/commit/3eaf05b)
|
- update deps - by @honghuangdc [<samp>(3eaf0)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3eaf05b)
|
||||||
- update deps - by @honghuangdc [<samp>(36fe1)</samp>](https://github.com/honghuangdc/soybean-admin/commit/36fe1da)
|
- update deps - by @honghuangdc [<samp>(36fe1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/36fe1da)
|
||||||
- update deps - by @honghuangdc [<samp>(55342)</samp>](https://github.com/honghuangdc/soybean-admin/commit/5534294)
|
- update deps - by @honghuangdc [<samp>(55342)</samp>](https://github.com/soybeanjs/soybean-admin/commit/5534294)
|
||||||
- update deps - by @honghuangdc [<samp>(f1b86)</samp>](https://github.com/honghuangdc/soybean-admin/commit/f1b86cc)
|
- update deps - by @honghuangdc [<samp>(f1b86)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f1b86cc)
|
||||||
- update deps - by @honghuangdc [<samp>(840e7)</samp>](https://github.com/honghuangdc/soybean-admin/commit/840e7f9)
|
- update deps - by @honghuangdc [<samp>(840e7)</samp>](https://github.com/soybeanjs/soybean-admin/commit/840e7f9)
|
||||||
- update deps - by @honghuangdc [<samp>(6114b)</samp>](https://github.com/honghuangdc/soybean-admin/commit/6114b9f)
|
- update deps - by @honghuangdc [<samp>(6114b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/6114b9f)
|
||||||
- update deps - by @honghuangdc [<samp>(9cc7e)</samp>](https://github.com/honghuangdc/soybean-admin/commit/9cc7ee5)
|
- update deps - by @honghuangdc [<samp>(9cc7e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9cc7ee5)
|
||||||
- update deps - by @honghuangdc [<samp>(9c4ba)</samp>](https://github.com/honghuangdc/soybean-admin/commit/9c4ba66)
|
- update deps - by @honghuangdc [<samp>(9c4ba)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9c4ba66)
|
||||||
- update deps - by @honghuangdc [<samp>(fb3b9)</samp>](https://github.com/honghuangdc/soybean-admin/commit/fb3b94b)
|
- update deps - by @honghuangdc [<samp>(fb3b9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/fb3b94b)
|
||||||
- update deps - by @honghuangdc [<samp>(14aa8)</samp>](https://github.com/honghuangdc/soybean-admin/commit/14aa856)
|
- update deps - by @honghuangdc [<samp>(14aa8)</samp>](https://github.com/soybeanjs/soybean-admin/commit/14aa856)
|
||||||
- update deps - by @honghuangdc [<samp>(02d4b)</samp>](https://github.com/honghuangdc/soybean-admin/commit/02d4b0a)
|
- update deps - by @honghuangdc [<samp>(02d4b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/02d4b0a)
|
||||||
- update deps - by @honghuangdc [<samp>(b2ee9)</samp>](https://github.com/honghuangdc/soybean-admin/commit/b2ee9ee)
|
- update deps - by @honghuangdc [<samp>(b2ee9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b2ee9ee)
|
||||||
- update deps - by @honghuangdc [<samp>(0fee1)</samp>](https://github.com/honghuangdc/soybean-admin/commit/0fee104)
|
- update deps - by @honghuangdc [<samp>(0fee1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0fee104)
|
||||||
- update deps - by @honghuangdc [<samp>(c0a65)</samp>](https://github.com/honghuangdc/soybean-admin/commit/c0a65a1)
|
- update deps - by @honghuangdc [<samp>(c0a65)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c0a65a1)
|
||||||
- **project**:
|
- **project**:
|
||||||
- delete src/locales/lang/zh-CN.ts - by @honghuangdc [<samp>(377db)</samp>](https://github.com/honghuangdc/soybean-admin/commit/377db82)
|
- delete src/locales/lang/zh-CN.ts - by @honghuangdc [<samp>(377db)</samp>](https://github.com/soybeanjs/soybean-admin/commit/377db82)
|
||||||
- **projects**:
|
- **projects**:
|
||||||
- use eslint flat config & update config - by @honghuangdc [<samp>(a176d)</samp>](https://github.com/honghuangdc/soybean-admin/commit/a176dc4)
|
- use eslint flat config & update config - by @honghuangdc [<samp>(a176d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a176dc4)
|
||||||
- update @sa/scripts - by @honghuangdc [<samp>(d7785)</samp>](https://github.com/honghuangdc/soybean-admin/commit/d778560)
|
- update @sa/scripts - by @honghuangdc [<samp>(d7785)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d778560)
|
||||||
- update pnpm version - by @honghuangdc [<samp>(55f76)</samp>](https://github.com/honghuangdc/soybean-admin/commit/55f7638)
|
- update pnpm version - by @honghuangdc [<samp>(55f76)</samp>](https://github.com/soybeanjs/soybean-admin/commit/55f7638)
|
||||||
- update eslint config - by @honghuangdc [<samp>(5023f)</samp>](https://github.com/honghuangdc/soybean-admin/commit/5023f37)
|
- update eslint config - by @honghuangdc [<samp>(5023f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/5023f37)
|
||||||
- lock deps versions - by @honghuangdc [<samp>(a24f9)</samp>](https://github.com/honghuangdc/soybean-admin/commit/a24f963)
|
- lock deps versions - by @honghuangdc [<samp>(a24f9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a24f963)
|
||||||
- update pnpm version - by @honghuangdc [<samp>(ea02b)</samp>](https://github.com/honghuangdc/soybean-admin/commit/ea02b23)
|
- update pnpm version - by @honghuangdc [<samp>(ea02b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ea02b23)
|
||||||
- remove @simonwep/pickr - by @honghuangdc [<samp>(502a4)</samp>](https://github.com/honghuangdc/soybean-admin/commit/502a4d2)
|
- remove @simonwep/pickr - by @honghuangdc [<samp>(502a4)</samp>](https://github.com/soybeanjs/soybean-admin/commit/502a4d2)
|
||||||
- remove soybean.svg - by @honghuangdc [<samp>(4031f)</samp>](https://github.com/honghuangdc/soybean-admin/commit/4031faf)
|
- remove soybean.svg - by @honghuangdc [<samp>(4031f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4031faf)
|
||||||
- update pnpm version - by @honghuangdc [<samp>(adec0)</samp>](https://github.com/honghuangdc/soybean-admin/commit/adec0d7)
|
- update pnpm version - by @honghuangdc [<samp>(adec0)</samp>](https://github.com/soybeanjs/soybean-admin/commit/adec0d7)
|
||||||
- update deps & fix keep-alive - by @honghuangdc [<samp>(13001)</samp>](https://github.com/honghuangdc/soybean-admin/commit/13001bc)
|
- update deps & fix keep-alive - by @honghuangdc [<samp>(13001)</samp>](https://github.com/soybeanjs/soybean-admin/commit/13001bc)
|
||||||
- update @elegant-router/vue, fix inject name in windows - by @honghuangdc [<samp>(0b56e)</samp>](https://github.com/honghuangdc/soybean-admin/commit/0b56e44)
|
- update @elegant-router/vue, fix inject name in windows - by @honghuangdc [<samp>(0b56e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0b56e44)
|
||||||
- add dev and build command with service env - by @honghuangdc [<samp>(ebb15)</samp>](https://github.com/honghuangdc/soybean-admin/commit/ebb1548)
|
- add dev and build command with service env - by @honghuangdc [<samp>(ebb15)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ebb1548)
|
||||||
- update deps & remove packages docs - by @honghuangdc [<samp>(57963)</samp>](https://github.com/honghuangdc/soybean-admin/commit/579636b)
|
- update deps & remove packages docs - by @honghuangdc [<samp>(57963)</samp>](https://github.com/soybeanjs/soybean-admin/commit/579636b)
|
||||||
- update pnpm-lock.yaml - by @honghuangdc [<samp>(147f6)</samp>](https://github.com/honghuangdc/soybean-admin/commit/147f60d)
|
- update pnpm-lock.yaml - by @honghuangdc [<samp>(147f6)</samp>](https://github.com/soybeanjs/soybean-admin/commit/147f60d)
|
||||||
- update repository url - by @honghuangdc [<samp>(806a1)</samp>](https://github.com/honghuangdc/soybean-admin/commit/806a1cb)
|
- update repository url - by @honghuangdc [<samp>(806a1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/806a1cb)
|
||||||
- update deps & update pnpm version - by @honghuangdc [<samp>(9772a)</samp>](https://github.com/honghuangdc/soybean-admin/commit/9772aec)
|
- update deps & update pnpm version - by @honghuangdc [<samp>(9772a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9772aec)
|
||||||
- add unocss eslint config - by @honghuangdc [<samp>(40635)</samp>](https://github.com/honghuangdc/soybean-admin/commit/4063529)
|
- add unocss eslint config - by @honghuangdc [<samp>(40635)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4063529)
|
||||||
- update launch.json - by @honghuangdc [<samp>(3db82)</samp>](https://github.com/honghuangdc/soybean-admin/commit/3db82ac)
|
- update launch.json - by @honghuangdc [<samp>(3db82)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3db82ac)
|
||||||
- update vscode extensions.json - by @honghuangdc [<samp>(4e29a)</samp>](https://github.com/honghuangdc/soybean-admin/commit/4e29aca)
|
- update vscode extensions.json - by @honghuangdc [<samp>(4e29a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4e29aca)
|
||||||
- update pnpm version - by @honghuangdc [<samp>(7065f)</samp>](https://github.com/honghuangdc/soybean-admin/commit/7065f6f)
|
- update pnpm version - by @honghuangdc [<samp>(7065f)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7065f6f)
|
||||||
- update deps & fix eslint vue rule - by @honghuangdc [<samp>(8143b)</samp>](https://github.com/honghuangdc/soybean-admin/commit/8143b00)
|
- update deps & fix eslint vue rule - by @honghuangdc [<samp>(8143b)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8143b00)
|
||||||
- update pnpm version - by @honghuangdc [<samp>(6ad51)</samp>](https://github.com/honghuangdc/soybean-admin/commit/6ad51e9)
|
- update pnpm version - by @honghuangdc [<samp>(6ad51)</samp>](https://github.com/soybeanjs/soybean-admin/commit/6ad51e9)
|
||||||
|
|
||||||
### 🎨 Styles
|
### 🎨 Styles
|
||||||
|
|
||||||
- **components**:
|
- **components**:
|
||||||
- Uniform icon size for header - by @Azir-11 [<samp>(b37c1)</samp>](https://github.com/honghuangdc/soybean-admin/commit/b37c1e9)
|
- Uniform icon size for header - by @Azir-11 [<samp>(b37c1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b37c1e9)
|
||||||
- **projects**:
|
- **projects**:
|
||||||
- format code - by @honghuangdc [<samp>(a7481)</samp>](https://github.com/honghuangdc/soybean-admin/commit/a748166)
|
- format code - by @honghuangdc [<samp>(a7481)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a748166)
|
||||||
- update theme mode segment height - by @honghuangdc [<samp>(4d846)</samp>](https://github.com/honghuangdc/soybean-admin/commit/4d8469e)
|
- update theme mode segment height - by @honghuangdc [<samp>(4d846)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4d8469e)
|
||||||
- fix tooltip zIndex of ButtonIcon - by @honghuangdc [<samp>(db747)</samp>](https://github.com/honghuangdc/soybean-admin/commit/db747c4)
|
- fix tooltip zIndex of ButtonIcon - by @honghuangdc [<samp>(db747)</samp>](https://github.com/soybeanjs/soybean-admin/commit/db747c4)
|
||||||
- sort defineProps, defineEmits with TS type - by @honghuangdc [<samp>(123fd)</samp>](https://github.com/honghuangdc/soybean-admin/commit/123fd4f)
|
- sort defineProps, defineEmits with TS type - by @honghuangdc [<samp>(123fd)</samp>](https://github.com/soybeanjs/soybean-admin/commit/123fd4f)
|
||||||
|
|
||||||
### 🤖 CI
|
### 🤖 CI
|
||||||
|
|
||||||
- **projects**: add github actions config - by @honghuangdc [<samp>(4cb17)</samp>](https://github.com/honghuangdc/soybean-admin/commit/4cb17c7)
|
- **projects**: add github actions config - by @honghuangdc [<samp>(4cb17)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4cb17c7)
|
||||||
|
|
||||||
### ❤️ Contributors
|
### ❤️ Contributors
|
||||||
|
|
||||||
|
|||||||
13
README.md
13
README.md
@@ -3,13 +3,13 @@
|
|||||||
<h1>Soybean Admin</h1>
|
<h1>Soybean Admin</h1>
|
||||||
<span>English | <a href="./README.zh_CN.md">中文</a></span>
|
<span>English | <a href="./README.zh_CN.md">中文</a></span>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
|
||||||
|
|
||||||
[](./LICENSE)  
|
---
|
||||||
|
|
||||||
|
[](./LICENSE)
|
||||||
>[!CAUTION]
|
[](https://github.com/soybeanjs/soybean-admin)
|
||||||
> the old version of `Soybean Admin` is moved to branch [legacy](https://github.com/soybeanjs/soybean-admin/tree/legacy). It is recommended to use the latest version of `Soybean Admin`.
|
[](https://github.com/soybeanjs/soybean-admin)
|
||||||
|
[](https://gitee.com/honghuangdc/soybean-admin)
|
||||||
|
|
||||||
> [!NOTE]
|
> [!NOTE]
|
||||||
> If you think `Soybean Admin` 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!
|
> If you think `Soybean Admin` 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!
|
||||||
@@ -79,7 +79,6 @@ Make sure your environment meets the following requirements:
|
|||||||
|
|
||||||
- **git**: you need git to clone and manage project versions.
|
- **git**: you need git to clone and manage project versions.
|
||||||
- **NodeJS**: >=18.0.0, recommended 18.19.0 or higher.
|
- **NodeJS**: >=18.0.0, recommended 18.19.0 or higher.
|
||||||
> You can use [fnm](https://github.com/Schniz/fnm) to manage your NodeJS version, [installation tutorial](https://juejin.cn/post/7113462239734022158).
|
|
||||||
- **pnpm**: >= 8.0.0, recommended 8.14.0 or higher.
|
- **pnpm**: >= 8.0.0, recommended 8.14.0 or higher.
|
||||||
|
|
||||||
**Clone Project**
|
**Clone Project**
|
||||||
@@ -113,7 +112,7 @@ We warmly welcome and appreciate all forms of contributions. If you have any ide
|
|||||||
|
|
||||||
## Git Commit Guidelines
|
## Git Commit Guidelines
|
||||||
|
|
||||||
This project has built-in `commit` command, you can execute `pnpm commit` to generate commit information that conforms to [Conventional Commits](conventionalcommits) specification. When submitting PR, please be sure to use `commit` command to create commit information to ensure the standardization of information.
|
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
|
## Browser Support
|
||||||
|
|
||||||
|
|||||||
@@ -3,21 +3,17 @@
|
|||||||
<h1>Soybean Admin</h1>
|
<h1>Soybean Admin</h1>
|
||||||
<span><a href="./README.zh_CN.md">English</a> | 中文</span>
|
<span><a href="./README.zh_CN.md">English</a> | 中文</span>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
|
||||||
|
|
||||||
[](./LICENSE)  
|
---
|
||||||
|
|
||||||
>[!CAUTION]
|
[](./LICENSE)
|
||||||
> 旧版本的 `Soybean Admin` 已经移动到分支 [legacy](https://github.com/soybeanjs/soybean-admin/tree/legacy)。建议使用最新版本的 `Soybean Admin`。
|
[](https://github.com/soybeanjs/soybean-admin)
|
||||||
|
[](https://github.com/soybeanjs/soybean-admin)
|
||||||
|
[](https://gitee.com/honghuangdc/soybean-admin)
|
||||||
|
|
||||||
> [!NOTE]
|
> [!NOTE]
|
||||||
> 如果您觉得 `Soybean Admin`对您有所帮助，或者您喜欢我们的项目，请在 GitHub 上给我们一个 ⭐️。您的支持是我们持续改进和增加新功能的动力！感谢您的支持！
|
> 如果您觉得 `Soybean Admin`对您有所帮助，或者您喜欢我们的项目，请在 GitHub 上给我们一个 ⭐️。您的支持是我们持续改进和增加新功能的动力！感谢您的支持！
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
[](https://star-history.com/#soybeanjs/soybean-admin&Date)
|
|
||||||
|
|
||||||
|
|
||||||
## 简介
|
## 简介
|
||||||
|
|
||||||
[`Soybean Admin`](https://github.com/soybeanjs/soybean-admin) 是一个清新优雅、高颜值且功能强大的后台管理模板，基于最新的前端技术栈，包括 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS。它内置了丰富的主题配置和组件，代码规范严谨，实现了自动化的文件路由系统。此外，它还采用了基于 ApiFox 的在线Mock数据方案。`Soybean Admin` 为您提供了一站式的后台管理解决方案，无需额外配置，开箱即用。同样是一个快速学习前沿技术的最佳实践。
|
[`Soybean Admin`](https://github.com/soybeanjs/soybean-admin) 是一个清新优雅、高颜值且功能强大的后台管理模板，基于最新的前端技术栈，包括 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS。它内置了丰富的主题配置和组件，代码规范严谨，实现了自动化的文件路由系统。此外，它还采用了基于 ApiFox 的在线Mock数据方案。`Soybean Admin` 为您提供了一站式的后台管理解决方案，无需额外配置，开箱即用。同样是一个快速学习前沿技术的最佳实践。
|
||||||
@@ -82,7 +78,6 @@
|
|||||||
|
|
||||||
- **git**: 你需要git来克隆和管理项目版本。
|
- **git**: 你需要git来克隆和管理项目版本。
|
||||||
- **NodeJS**: >=18.0.0，推荐 18.19.0 或更高。
|
- **NodeJS**: >=18.0.0，推荐 18.19.0 或更高。
|
||||||
> 你可以使用 [fnm](https://github.com/Schniz/fnm) 来管理你的NodeJS版本，[安装教程](https://juejin.cn/post/7113462239734022158)。
|
|
||||||
- **pnpm**: >= 8.0.0，推荐 8.14.0 或更高。
|
- **pnpm**: >= 8.0.0，推荐 8.14.0 或更高。
|
||||||
|
|
||||||
**克隆项目**
|
**克隆项目**
|
||||||
@@ -116,7 +111,7 @@ pnpm build
|
|||||||
|
|
||||||
## Git 提交规范
|
## Git 提交规范
|
||||||
|
|
||||||
本项目已内置 `commit` 命令，您可以通过执行 `pnpm commit` 来生成符合 [Conventional Commits](conventionalcommits) 规范的提交信息。在提交PR时，请务必使用 `commit` 命令来创建提交信息，以确保信息的规范性。
|
本项目已内置 `commit` 命令，您可以通过执行 `pnpm commit` 来生成符合 [Conventional Commits]([conventionalcommits](https://www.conventionalcommits.org/)) 规范的提交信息。在提交PR时，请务必使用 `commit` 命令来创建提交信息，以确保信息的规范性。
|
||||||
|
|
||||||
|
|
||||||
## 浏览器支持
|
## 浏览器支持
|
||||||
|
|||||||
@@ -9,7 +9,18 @@ export function setupElegantRouter() {
|
|||||||
blank: 'src/layouts/blank-layout/index.vue'
|
blank: 'src/layouts/blank-layout/index.vue'
|
||||||
},
|
},
|
||||||
customRoutes: {
|
customRoutes: {
|
||||||
names: ['exception_403', 'exception_404', 'exception_500']
|
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;
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ export default defineConfig(
|
|||||||
'vue/multi-word-component-names': [
|
'vue/multi-word-component-names': [
|
||||||
'warn',
|
'warn',
|
||||||
{
|
{
|
||||||
ignores: ['index', 'App', '[id]']
|
ignores: ['index', 'App', '[id]', '[url]']
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
'vue/component-name-in-template-casing': [
|
'vue/component-name-in-template-casing': [
|
||||||
@@ -18,7 +18,7 @@ export default defineConfig(
|
|||||||
ignores: ['/^icon-/']
|
ignores: ['/^icon-/']
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
'order-attributify': 'off'
|
'unocss/order-attributify': 'off'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|||||||
49
package.json
49
package.json
@@ -1,8 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "soybean-admin",
|
"name": "soybean-admin",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"version": "1.0.3",
|
"version": "1.0.7",
|
||||||
"packageManager": "pnpm@8.15.6",
|
|
||||||
"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",
|
||||||
@@ -27,6 +26,10 @@
|
|||||||
"ant-design-vue v4",
|
"ant-design-vue v4",
|
||||||
"UnoCSS"
|
"UnoCSS"
|
||||||
],
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=18.12.0",
|
||||||
|
"pnpm": ">=8.7.0"
|
||||||
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"build": "vite build --mode prod",
|
"build": "vite build --mode prod",
|
||||||
"build:test": "vite build --mode test",
|
"build:test": "vite build --mode test",
|
||||||
@@ -44,7 +47,7 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@better-scroll/core": "2.5.1",
|
"@better-scroll/core": "2.5.1",
|
||||||
"@iconify/vue": "4.1.1",
|
"@iconify/vue": "4.1.2",
|
||||||
"@sa/axios": "workspace:*",
|
"@sa/axios": "workspace:*",
|
||||||
"@sa/color-palette": "workspace:*",
|
"@sa/color-palette": "workspace:*",
|
||||||
"@sa/hooks": "workspace:*",
|
"@sa/hooks": "workspace:*",
|
||||||
@@ -58,43 +61,43 @@
|
|||||||
"naive-ui": "2.38.1",
|
"naive-ui": "2.38.1",
|
||||||
"nprogress": "0.2.0",
|
"nprogress": "0.2.0",
|
||||||
"pinia": "2.1.7",
|
"pinia": "2.1.7",
|
||||||
"vue": "3.4.21",
|
"vue": "3.4.25",
|
||||||
"vue-draggable-plus": "0.4.0",
|
"vue-draggable-plus": "0.4.0",
|
||||||
"vue-i18n": "9.11.0",
|
"vue-i18n": "9.13.1",
|
||||||
"vue-router": "4.3.0"
|
"vue-router": "4.3.2"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@elegant-router/vue": "0.3.6",
|
"@elegant-router/vue": "0.3.6",
|
||||||
"@iconify/json": "2.2.198",
|
"@iconify/json": "2.2.204",
|
||||||
"@sa/scripts": "workspace:*",
|
"@sa/scripts": "workspace:*",
|
||||||
"@sa/uno-preset": "workspace:*",
|
"@sa/uno-preset": "workspace:*",
|
||||||
"@soybeanjs/eslint-config": "1.2.5",
|
"@soybeanjs/eslint-config": "1.3.2",
|
||||||
"@types/lodash-es": "4.17.12",
|
"@types/lodash-es": "4.17.12",
|
||||||
"@types/node": "20.12.5",
|
"@types/node": "20.12.7",
|
||||||
"@types/nprogress": "0.2.3",
|
"@types/nprogress": "0.2.3",
|
||||||
"@unocss/eslint-config": "0.59.0",
|
"@unocss/eslint-config": "0.59.4",
|
||||||
"@unocss/preset-icons": "0.59.0",
|
"@unocss/preset-icons": "0.59.4",
|
||||||
"@unocss/preset-uno": "0.59.0",
|
"@unocss/preset-uno": "0.59.4",
|
||||||
"@unocss/transformer-directives": "0.59.0",
|
"@unocss/transformer-directives": "0.59.4",
|
||||||
"@unocss/transformer-variant-group": "0.59.0",
|
"@unocss/transformer-variant-group": "0.59.4",
|
||||||
"@unocss/vite": "0.59.0",
|
"@unocss/vite": "0.59.4",
|
||||||
"@vitejs/plugin-vue": "5.0.4",
|
"@vitejs/plugin-vue": "5.0.4",
|
||||||
"@vitejs/plugin-vue-jsx": "3.1.0",
|
"@vitejs/plugin-vue-jsx": "3.1.0",
|
||||||
"eslint": "8.57.0",
|
"eslint": "9.1.1",
|
||||||
"eslint-plugin-vue": "9.24.0",
|
"eslint-plugin-vue": "9.25.0",
|
||||||
"lint-staged": "15.2.2",
|
"lint-staged": "15.2.2",
|
||||||
"sass": "1.74.1",
|
"sass": "1.75.0",
|
||||||
"simple-git-hooks": "2.11.1",
|
"simple-git-hooks": "2.11.1",
|
||||||
"tsx": "4.7.2",
|
"tsx": "4.7.3",
|
||||||
"typescript": "5.4.4",
|
"typescript": "5.4.5",
|
||||||
"unplugin-icons": "0.18.5",
|
"unplugin-icons": "0.18.5",
|
||||||
"unplugin-vue-components": "0.26.0",
|
"unplugin-vue-components": "0.26.0",
|
||||||
"vite": "5.2.8",
|
"vite": "5.2.10",
|
||||||
"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.0.25",
|
"vite-plugin-vue-devtools": "7.1.2",
|
||||||
"vue-eslint-parser": "9.4.2",
|
"vue-eslint-parser": "9.4.2",
|
||||||
"vue-tsc": "2.0.11"
|
"vue-tsc": "2.0.14"
|
||||||
},
|
},
|
||||||
"simple-git-hooks": {
|
"simple-git-hooks": {
|
||||||
"commit-msg": "pnpm sa git-commit-verify",
|
"commit-msg": "pnpm sa git-commit-verify",
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@sa/axios",
|
"name": "@sa/axios",
|
||||||
"version": "1.0.3",
|
"version": "1.0.7",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./src/index.ts"
|
".": "./src/index.ts"
|
||||||
},
|
},
|
||||||
@@ -13,9 +13,9 @@
|
|||||||
"@sa/utils": "workspace:*",
|
"@sa/utils": "workspace:*",
|
||||||
"axios": "1.6.8",
|
"axios": "1.6.8",
|
||||||
"axios-retry": "4.1.0",
|
"axios-retry": "4.1.0",
|
||||||
"qs": "6.12.0"
|
"qs": "6.12.1"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@types/qs": "6.9.14"
|
"@types/qs": "6.9.15"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -48,7 +48,9 @@ function createCommonRequest<ResponseData = any>(
|
|||||||
|
|
||||||
instance.interceptors.response.use(
|
instance.interceptors.response.use(
|
||||||
async response => {
|
async response => {
|
||||||
if (opts.isBackendSuccess(response)) {
|
const responseType: ResponseType = (response.config?.responseType as ResponseType) || 'json';
|
||||||
|
|
||||||
|
if (responseType !== 'json' || opts.isBackendSuccess(response)) {
|
||||||
return Promise.resolve(response);
|
return Promise.resolve(response);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@sa/color-palette",
|
"name": "@sa/color-palette",
|
||||||
"version": "1.0.3",
|
"version": "1.0.7",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./src/index.ts"
|
".": "./src/index.ts"
|
||||||
},
|
},
|
||||||
|
|||||||
2
packages/color-palette/src/constant/index.ts
Normal file
2
packages/color-palette/src/constant/index.ts
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
export * from './name';
|
||||||
|
export * from './palette';
|
||||||
1579
packages/color-palette/src/constant/name.ts
Normal file
1579
packages/color-palette/src/constant/name.ts
Normal file
File diff suppressed because it is too large
Load Diff
356
packages/color-palette/src/constant/palette.ts
Normal file
356
packages/color-palette/src/constant/palette.ts
Normal file
@@ -0,0 +1,356 @@
|
|||||||
|
import type { ColorPaletteFamily } from '../types';
|
||||||
|
|
||||||
|
export const colorPalettes: ColorPaletteFamily[] = [
|
||||||
|
{
|
||||||
|
name: 'Slate',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#f8fafc', number: 50 },
|
||||||
|
{ hex: '#f1f5f9', number: 100 },
|
||||||
|
{ hex: '#e2e8f0', number: 200 },
|
||||||
|
{ hex: '#cbd5e1', number: 300 },
|
||||||
|
{ hex: '#94a3b8', number: 400 },
|
||||||
|
{ hex: '#64748b', number: 500 },
|
||||||
|
{ hex: '#475569', number: 600 },
|
||||||
|
{ hex: '#334155', number: 700 },
|
||||||
|
{ hex: '#1e293b', number: 800 },
|
||||||
|
{ hex: '#0f172a', number: 900 },
|
||||||
|
{ hex: '#020617', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Gray',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#f9fafb', number: 50 },
|
||||||
|
{ hex: '#f3f4f6', number: 100 },
|
||||||
|
{ hex: '#e5e7eb', number: 200 },
|
||||||
|
{ hex: '#d1d5db', number: 300 },
|
||||||
|
{ hex: '#9ca3af', number: 400 },
|
||||||
|
{ hex: '#6b7280', number: 500 },
|
||||||
|
{ hex: '#4b5563', number: 600 },
|
||||||
|
{ hex: '#374151', number: 700 },
|
||||||
|
{ hex: '#1f2937', number: 800 },
|
||||||
|
{ hex: '#111827', number: 900 },
|
||||||
|
{ hex: '#030712', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Zinc',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#fafafa', number: 50 },
|
||||||
|
{ hex: '#f4f4f5', number: 100 },
|
||||||
|
{ hex: '#e4e4e7', number: 200 },
|
||||||
|
{ hex: '#d4d4d8', number: 300 },
|
||||||
|
{ hex: '#a1a1aa', number: 400 },
|
||||||
|
{ hex: '#71717a', number: 500 },
|
||||||
|
{ hex: '#52525b', number: 600 },
|
||||||
|
{ hex: '#3f3f46', number: 700 },
|
||||||
|
{ hex: '#27272a', number: 800 },
|
||||||
|
{ hex: '#18181b', number: 900 },
|
||||||
|
{ hex: '#09090b', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Neutral',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#fafafa', number: 50 },
|
||||||
|
{ hex: '#f5f5f5', number: 100 },
|
||||||
|
{ hex: '#e5e5e5', number: 200 },
|
||||||
|
{ hex: '#d4d4d4', number: 300 },
|
||||||
|
{ hex: '#a3a3a3', number: 400 },
|
||||||
|
{ hex: '#737373', number: 500 },
|
||||||
|
{ hex: '#525252', number: 600 },
|
||||||
|
{ hex: '#404040', number: 700 },
|
||||||
|
{ hex: '#262626', number: 800 },
|
||||||
|
{ hex: '#171717', number: 900 },
|
||||||
|
{ hex: '#0a0a0a', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Stone',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#fafaf9', number: 50 },
|
||||||
|
{ hex: '#f5f5f4', number: 100 },
|
||||||
|
{ hex: '#e7e5e4', number: 200 },
|
||||||
|
{ hex: '#d6d3d1', number: 300 },
|
||||||
|
{ hex: '#a8a29e', number: 400 },
|
||||||
|
{ hex: '#78716c', number: 500 },
|
||||||
|
{ hex: '#57534e', number: 600 },
|
||||||
|
{ hex: '#44403c', number: 700 },
|
||||||
|
{ hex: '#292524', number: 800 },
|
||||||
|
{ hex: '#1c1917', number: 900 },
|
||||||
|
{ hex: '#0c0a09', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Red',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#fef2f2', number: 50 },
|
||||||
|
{ hex: '#fee2e2', number: 100 },
|
||||||
|
{ hex: '#fecaca', number: 200 },
|
||||||
|
{ hex: '#fca5a5', number: 300 },
|
||||||
|
{ hex: '#f87171', number: 400 },
|
||||||
|
{ hex: '#ef4444', number: 500 },
|
||||||
|
{ hex: '#dc2626', number: 600 },
|
||||||
|
{ hex: '#b91c1c', number: 700 },
|
||||||
|
{ hex: '#991b1b', number: 800 },
|
||||||
|
{ hex: '#7f1d1d', number: 900 },
|
||||||
|
{ hex: '#450a0a', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Orange',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#fff7ed', number: 50 },
|
||||||
|
{ hex: '#ffedd5', number: 100 },
|
||||||
|
{ hex: '#fed7aa', number: 200 },
|
||||||
|
{ hex: '#fdba74', number: 300 },
|
||||||
|
{ hex: '#fb923c', number: 400 },
|
||||||
|
{ hex: '#f97316', number: 500 },
|
||||||
|
{ hex: '#ea580c', number: 600 },
|
||||||
|
{ hex: '#c2410c', number: 700 },
|
||||||
|
{ hex: '#9a3412', number: 800 },
|
||||||
|
{ hex: '#7c2d12', number: 900 },
|
||||||
|
{ hex: '#431407', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Amber',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#fffbeb', number: 50 },
|
||||||
|
{ hex: '#fef3c7', number: 100 },
|
||||||
|
{ hex: '#fde68a', number: 200 },
|
||||||
|
{ hex: '#fcd34d', number: 300 },
|
||||||
|
{ hex: '#fbbf24', number: 400 },
|
||||||
|
{ hex: '#f59e0b', number: 500 },
|
||||||
|
{ hex: '#d97706', number: 600 },
|
||||||
|
{ hex: '#b45309', number: 700 },
|
||||||
|
{ hex: '#92400e', number: 800 },
|
||||||
|
{ hex: '#78350f', number: 900 },
|
||||||
|
{ hex: '#451a03', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Yellow',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#fefce8', number: 50 },
|
||||||
|
{ hex: '#fef9c3', number: 100 },
|
||||||
|
{ hex: '#fef08a', number: 200 },
|
||||||
|
{ hex: '#fde047', number: 300 },
|
||||||
|
{ hex: '#facc15', number: 400 },
|
||||||
|
{ hex: '#eab308', number: 500 },
|
||||||
|
{ hex: '#ca8a04', number: 600 },
|
||||||
|
{ hex: '#a16207', number: 700 },
|
||||||
|
{ hex: '#854d0e', number: 800 },
|
||||||
|
{ hex: '#713f12', number: 900 },
|
||||||
|
{ hex: '#422006', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Lime',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#f7fee7', number: 50 },
|
||||||
|
{ hex: '#ecfccb', number: 100 },
|
||||||
|
{ hex: '#d9f99d', number: 200 },
|
||||||
|
{ hex: '#bef264', number: 300 },
|
||||||
|
{ hex: '#a3e635', number: 400 },
|
||||||
|
{ hex: '#84cc16', number: 500 },
|
||||||
|
{ hex: '#65a30d', number: 600 },
|
||||||
|
{ hex: '#4d7c0f', number: 700 },
|
||||||
|
{ hex: '#3f6212', number: 800 },
|
||||||
|
{ hex: '#365314', number: 900 },
|
||||||
|
{ hex: '#1a2e05', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Green',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#f0fdf4', number: 50 },
|
||||||
|
{ hex: '#dcfce7', number: 100 },
|
||||||
|
{ hex: '#bbf7d0', number: 200 },
|
||||||
|
{ hex: '#86efac', number: 300 },
|
||||||
|
{ hex: '#4ade80', number: 400 },
|
||||||
|
{ hex: '#22c55e', number: 500 },
|
||||||
|
{ hex: '#16a34a', number: 600 },
|
||||||
|
{ hex: '#15803d', number: 700 },
|
||||||
|
{ hex: '#166534', number: 800 },
|
||||||
|
{ hex: '#14532d', number: 900 },
|
||||||
|
{ hex: '#052e16', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Emerald',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#ecfdf5', number: 50 },
|
||||||
|
{ hex: '#d1fae5', number: 100 },
|
||||||
|
{ hex: '#a7f3d0', number: 200 },
|
||||||
|
{ hex: '#6ee7b7', number: 300 },
|
||||||
|
{ hex: '#34d399', number: 400 },
|
||||||
|
{ hex: '#10b981', number: 500 },
|
||||||
|
{ hex: '#059669', number: 600 },
|
||||||
|
{ hex: '#047857', number: 700 },
|
||||||
|
{ hex: '#065f46', number: 800 },
|
||||||
|
{ hex: '#064e3b', number: 900 },
|
||||||
|
{ hex: '#022c22', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Teal',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#f0fdfa', number: 50 },
|
||||||
|
{ hex: '#ccfbf1', number: 100 },
|
||||||
|
{ hex: '#99f6e4', number: 200 },
|
||||||
|
{ hex: '#5eead4', number: 300 },
|
||||||
|
{ hex: '#2dd4bf', number: 400 },
|
||||||
|
{ hex: '#14b8a6', number: 500 },
|
||||||
|
{ hex: '#0d9488', number: 600 },
|
||||||
|
{ hex: '#0f766e', number: 700 },
|
||||||
|
{ hex: '#115e59', number: 800 },
|
||||||
|
{ hex: '#134e4a', number: 900 },
|
||||||
|
{ hex: '#042f2e', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Cyan',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#ecfeff', number: 50 },
|
||||||
|
{ hex: '#cffafe', number: 100 },
|
||||||
|
{ hex: '#a5f3fc', number: 200 },
|
||||||
|
{ hex: '#67e8f9', number: 300 },
|
||||||
|
{ hex: '#22d3ee', number: 400 },
|
||||||
|
{ hex: '#06b6d4', number: 500 },
|
||||||
|
{ hex: '#0891b2', number: 600 },
|
||||||
|
{ hex: '#0e7490', number: 700 },
|
||||||
|
{ hex: '#155e75', number: 800 },
|
||||||
|
{ hex: '#164e63', number: 900 },
|
||||||
|
{ hex: '#083344', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Sky',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#f0f9ff', number: 50 },
|
||||||
|
{ hex: '#e0f2fe', number: 100 },
|
||||||
|
{ hex: '#bae6fd', number: 200 },
|
||||||
|
{ hex: '#7dd3fc', number: 300 },
|
||||||
|
{ hex: '#38bdf8', number: 400 },
|
||||||
|
{ hex: '#0ea5e9', number: 500 },
|
||||||
|
{ hex: '#0284c7', number: 600 },
|
||||||
|
{ hex: '#0369a1', number: 700 },
|
||||||
|
{ hex: '#075985', number: 800 },
|
||||||
|
{ hex: '#0c4a6e', number: 900 },
|
||||||
|
{ hex: '#082f49', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Blue',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#eff6ff', number: 50 },
|
||||||
|
{ hex: '#dbeafe', number: 100 },
|
||||||
|
{ hex: '#bfdbfe', number: 200 },
|
||||||
|
{ hex: '#93c5fd', number: 300 },
|
||||||
|
{ hex: '#60a5fa', number: 400 },
|
||||||
|
{ hex: '#3b82f6', number: 500 },
|
||||||
|
{ hex: '#2563eb', number: 600 },
|
||||||
|
{ hex: '#1d4ed8', number: 700 },
|
||||||
|
{ hex: '#1e40af', number: 800 },
|
||||||
|
{ hex: '#1e3a8a', number: 900 },
|
||||||
|
{ hex: '#172554', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Indigo',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#eef2ff', number: 50 },
|
||||||
|
{ hex: '#e0e7ff', number: 100 },
|
||||||
|
{ hex: '#c7d2fe', number: 200 },
|
||||||
|
{ hex: '#a5b4fc', number: 300 },
|
||||||
|
{ hex: '#818cf8', number: 400 },
|
||||||
|
{ hex: '#6366f1', number: 500 },
|
||||||
|
{ hex: '#4f46e5', number: 600 },
|
||||||
|
{ hex: '#4338ca', number: 700 },
|
||||||
|
{ hex: '#3730a3', number: 800 },
|
||||||
|
{ hex: '#312e81', number: 900 },
|
||||||
|
{ hex: '#1e1b4b', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Violet',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#f5f3ff', number: 50 },
|
||||||
|
{ hex: '#ede9fe', number: 100 },
|
||||||
|
{ hex: '#ddd6fe', number: 200 },
|
||||||
|
{ hex: '#c4b5fd', number: 300 },
|
||||||
|
{ hex: '#a78bfa', number: 400 },
|
||||||
|
{ hex: '#8b5cf6', number: 500 },
|
||||||
|
{ hex: '#7c3aed', number: 600 },
|
||||||
|
{ hex: '#6d28d9', number: 700 },
|
||||||
|
{ hex: '#5b21b6', number: 800 },
|
||||||
|
{ hex: '#4c1d95', number: 900 },
|
||||||
|
{ hex: '#2e1065', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Purple',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#faf5ff', number: 50 },
|
||||||
|
{ hex: '#f3e8ff', number: 100 },
|
||||||
|
{ hex: '#e9d5ff', number: 200 },
|
||||||
|
{ hex: '#d8b4fe', number: 300 },
|
||||||
|
{ hex: '#c084fc', number: 400 },
|
||||||
|
{ hex: '#a855f7', number: 500 },
|
||||||
|
{ hex: '#9333ea', number: 600 },
|
||||||
|
{ hex: '#7e22ce', number: 700 },
|
||||||
|
{ hex: '#6b21a8', number: 800 },
|
||||||
|
{ hex: '#581c87', number: 900 },
|
||||||
|
{ hex: '#3b0764', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Fuchsia',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#fdf4ff', number: 50 },
|
||||||
|
{ hex: '#fae8ff', number: 100 },
|
||||||
|
{ hex: '#f5d0fe', number: 200 },
|
||||||
|
{ hex: '#f0abfc', number: 300 },
|
||||||
|
{ hex: '#e879f9', number: 400 },
|
||||||
|
{ hex: '#d946ef', number: 500 },
|
||||||
|
{ hex: '#c026d3', number: 600 },
|
||||||
|
{ hex: '#a21caf', number: 700 },
|
||||||
|
{ hex: '#86198f', number: 800 },
|
||||||
|
{ hex: '#701a75', number: 900 },
|
||||||
|
{ hex: '#4a044e', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Pink',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#fdf2f8', number: 50 },
|
||||||
|
{ hex: '#fce7f3', number: 100 },
|
||||||
|
{ hex: '#fbcfe8', number: 200 },
|
||||||
|
{ hex: '#f9a8d4', number: 300 },
|
||||||
|
{ hex: '#f472b6', number: 400 },
|
||||||
|
{ hex: '#ec4899', number: 500 },
|
||||||
|
{ hex: '#db2777', number: 600 },
|
||||||
|
{ hex: '#be185d', number: 700 },
|
||||||
|
{ hex: '#9d174d', number: 800 },
|
||||||
|
{ hex: '#831843', number: 900 },
|
||||||
|
{ hex: '#500724', number: 950 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Rose',
|
||||||
|
palettes: [
|
||||||
|
{ hex: '#fff1f2', number: 50 },
|
||||||
|
{ hex: '#ffe4e6', number: 100 },
|
||||||
|
{ hex: '#fecdd3', number: 200 },
|
||||||
|
{ hex: '#fda4af', number: 300 },
|
||||||
|
{ hex: '#fb7185', number: 400 },
|
||||||
|
{ hex: '#f43f5e', number: 500 },
|
||||||
|
{ hex: '#e11d48', number: 600 },
|
||||||
|
{ hex: '#be123c', number: 700 },
|
||||||
|
{ hex: '#9f1239', number: 800 },
|
||||||
|
{ hex: '#881337', number: 900 },
|
||||||
|
{ hex: '#4c0519', number: 950 }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
];
|
||||||
@@ -1,57 +1,6 @@
|
|||||||
import { getColorPaletteFamily } from './palette';
|
import { colorPalettes } from './constant';
|
||||||
import { getColorName } from './name';
|
import { getColorName, getHex, getHsl, getRgb } from './shared';
|
||||||
import type { ColorPalette, ColorPaletteFamily, ColorPaletteItem, ColorPaletteNumber } from './type';
|
|
||||||
import defaultPalettes from './json/palette.json';
|
|
||||||
|
|
||||||
// to do: there is a bug in the code below, when the color is '#1c5cff', the colorPaletteFamily is not similar to the provided color
|
export * from './palette';
|
||||||
/**
|
export { getColorName, getHex, getHsl, getRgb, colorPalettes };
|
||||||
* Get color palette by provided color and color name
|
export * from './types';
|
||||||
*
|
|
||||||
* @param color The provided color
|
|
||||||
* @param colorName Color name
|
|
||||||
*/
|
|
||||||
export function getColorPalette(color: string, colorName: string) {
|
|
||||||
const colorPaletteFamily = getColorPaletteFamily(color, colorName);
|
|
||||||
|
|
||||||
const colorMap = new Map<ColorPaletteNumber, ColorPaletteItem>();
|
|
||||||
|
|
||||||
colorPaletteFamily.palettes.forEach(palette => {
|
|
||||||
colorMap.set(palette.number, palette);
|
|
||||||
});
|
|
||||||
|
|
||||||
const mainColor = colorMap.get(500) as ColorPaletteItem;
|
|
||||||
const matchColor = colorPaletteFamily.palettes.find(palette => palette.hexcode === color) as ColorPaletteItem;
|
|
||||||
|
|
||||||
const colorPalette: ColorPalette = {
|
|
||||||
...colorPaletteFamily,
|
|
||||||
colorMap,
|
|
||||||
main: mainColor,
|
|
||||||
match: matchColor
|
|
||||||
};
|
|
||||||
|
|
||||||
return colorPalette;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get color by color palette number
|
|
||||||
*
|
|
||||||
* @param color Color
|
|
||||||
* @param num Color palette number
|
|
||||||
* @returns Color hexcode
|
|
||||||
*/
|
|
||||||
export function getColorByColorPaletteNumber(color: string, num: ColorPaletteNumber) {
|
|
||||||
const colorPalette = getColorPalette(color, color);
|
|
||||||
|
|
||||||
const colorItem = colorPalette.colorMap.get(num) as ColorPaletteItem;
|
|
||||||
|
|
||||||
return colorItem.hexcode;
|
|
||||||
}
|
|
||||||
|
|
||||||
export default getColorPalette;
|
|
||||||
|
|
||||||
/** The builtin color palettes */
|
|
||||||
const colorPalettes = defaultPalettes as ColorPaletteFamily[];
|
|
||||||
|
|
||||||
export { getColorName, colorPalettes };
|
|
||||||
|
|
||||||
export type { ColorPalette, ColorPaletteNumber, ColorPaletteItem, ColorPaletteFamily };
|
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -1,274 +0,0 @@
|
|||||||
[
|
|
||||||
{
|
|
||||||
"key": "red",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#fef2f2", "number": 50, "name": "Bridesmaid" },
|
|
||||||
{ "hexcode": "#fee2e2", "number": 100, "name": "Pippin" },
|
|
||||||
{ "hexcode": "#fecaca", "number": 200, "name": "Your Pink" },
|
|
||||||
{ "hexcode": "#fca5a5", "number": 300, "name": "Cornflower Lilac" },
|
|
||||||
{ "hexcode": "#f87171", "number": 400, "name": "Bittersweet" },
|
|
||||||
{ "hexcode": "#ef4444", "number": 500, "name": "Cinnabar" },
|
|
||||||
{ "hexcode": "#dc2626", "number": 600, "name": "Persian Red" },
|
|
||||||
{ "hexcode": "#b91c1c", "number": 700, "name": "Thunderbird" },
|
|
||||||
{ "hexcode": "#991b1b", "number": 800, "name": "Old Brick" },
|
|
||||||
{ "hexcode": "#7f1d1d", "number": 900, "name": "Falu Red" },
|
|
||||||
{ "hexcode": "#450a0a", "number": 950, "name": "Mahogany" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "orange",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#fff7ed", "number": 50, "name": "Serenade" },
|
|
||||||
{ "hexcode": "#ffedd5", "number": 100, "name": "Derby" },
|
|
||||||
{ "hexcode": "#fed7aa", "number": 200, "name": "Caramel" },
|
|
||||||
{ "hexcode": "#fdba74", "number": 300, "name": "Macaroni and Cheese" },
|
|
||||||
{ "hexcode": "#fb923c", "number": 400, "name": "Neon Carrot" },
|
|
||||||
{ "hexcode": "#f97316", "number": 500, "name": "Ecstasy" },
|
|
||||||
{ "hexcode": "#ea580c", "number": 600, "name": "Trinidad" },
|
|
||||||
{ "hexcode": "#c2410c", "number": 700, "name": "Tia Maria" },
|
|
||||||
{ "hexcode": "#9a3412", "number": 800, "name": "Tabasco" },
|
|
||||||
{ "hexcode": "#7c2d12", "number": 900, "name": "Pueblo" },
|
|
||||||
{ "hexcode": "#431407", "number": 950, "name": "Rebel" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "amber",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#fffbeb", "number": 50, "name": "Island Spice" },
|
|
||||||
{ "hexcode": "#fef3c7", "number": 100, "name": "Beeswax" },
|
|
||||||
{ "hexcode": "#fde68a", "number": 200, "name": "Sweet Corn" },
|
|
||||||
{ "hexcode": "#fcd34d", "number": 300, "name": "Mustard" },
|
|
||||||
{ "hexcode": "#fbbf24", "number": 400, "name": "Lightning Yellow" },
|
|
||||||
{ "hexcode": "#f59e0b", "number": 500, "name": "California" },
|
|
||||||
{ "hexcode": "#d97706", "number": 600, "name": "Christine" },
|
|
||||||
{ "hexcode": "#b45309", "number": 700, "name": "Vesuvius" },
|
|
||||||
{ "hexcode": "#92400e", "number": 800, "name": "Korma" },
|
|
||||||
{ "hexcode": "#78350f", "number": 900, "name": "Copper Canyon" },
|
|
||||||
{ "hexcode": "#451a03", "number": 950, "name": "Brown Pod" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "yellow",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#fefce8", "number": 50, "name": "Orange White" },
|
|
||||||
{ "hexcode": "#fef9c3", "number": 100, "name": "Lemon Chiffon" },
|
|
||||||
{ "hexcode": "#fef08a", "number": 200, "name": "Sweet Corn" },
|
|
||||||
{ "hexcode": "#fde047", "number": 300, "name": "Bright Sun" },
|
|
||||||
{ "hexcode": "#facc15", "number": 400, "name": "Candlelight" },
|
|
||||||
{ "hexcode": "#eab308", "number": 500, "name": "Corn" },
|
|
||||||
{ "hexcode": "#ca8a04", "number": 600, "name": "Pirate Gold" },
|
|
||||||
{ "hexcode": "#a16207", "number": 700, "name": "Mai Tai" },
|
|
||||||
{ "hexcode": "#854d0e", "number": 800, "name": "Korma" },
|
|
||||||
{ "hexcode": "#713f12", "number": 900, "name": "Sepia" },
|
|
||||||
{ "hexcode": "#422006", "number": 950, "name": "Dark Ebony" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "lime",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#f7fee7", "number": 50, "name": "Spring Sun" },
|
|
||||||
{ "hexcode": "#ecfccb", "number": 100, "name": "Chiffon" },
|
|
||||||
{ "hexcode": "#d9f99d", "number": 200, "name": "Gossip" },
|
|
||||||
{ "hexcode": "#bef264", "number": 300, "name": "Sulu" },
|
|
||||||
{ "hexcode": "#a3e635", "number": 400, "name": "Conifer" },
|
|
||||||
{ "hexcode": "#84cc16", "number": 500, "name": "Lima" },
|
|
||||||
{ "hexcode": "#65a30d", "number": 600, "name": "Christi" },
|
|
||||||
{ "hexcode": "#4d7c0f", "number": 700, "name": "Green Leaf" },
|
|
||||||
{ "hexcode": "#3f6212", "number": 800, "name": "Dell" },
|
|
||||||
{ "hexcode": "#365314", "number": 900, "name": "Clover" },
|
|
||||||
{ "hexcode": "#1a2e05", "number": 950, "name": "Deep Forest Green" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "green",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#f0fdf4", "number": 50, "name": "Ottoman" },
|
|
||||||
{ "hexcode": "#dcfce7", "number": 100, "name": "Blue Romance" },
|
|
||||||
{ "hexcode": "#bbf7d0", "number": 200, "name": "Magic Mint" },
|
|
||||||
{ "hexcode": "#86efac", "number": 300, "name": "Algae Green" },
|
|
||||||
{ "hexcode": "#4ade80", "number": 400, "name": "Emerald" },
|
|
||||||
{ "hexcode": "#22c55e", "number": 500, "name": "Malachite" },
|
|
||||||
{ "hexcode": "#16a34a", "number": 600, "name": "Salem" },
|
|
||||||
{ "hexcode": "#15803d", "number": 700, "name": "Jewel" },
|
|
||||||
{ "hexcode": "#166534", "number": 800, "name": "Jewel" },
|
|
||||||
{ "hexcode": "#14532d", "number": 900, "name": "Green Pea" },
|
|
||||||
{ "hexcode": "#052e16", "number": 950, "name": "English Holly" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "emerald",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#ecfdf5", "number": 50, "name": "White Ice" },
|
|
||||||
{ "hexcode": "#d1fae5", "number": 100, "name": "Granny Apple" },
|
|
||||||
{ "hexcode": "#a7f3d0", "number": 200, "name": "Magic Mint" },
|
|
||||||
{ "hexcode": "#6ee7b7", "number": 300, "name": "Bermuda" },
|
|
||||||
{ "hexcode": "#34d399", "number": 400, "name": "Shamrock" },
|
|
||||||
{ "hexcode": "#10b981", "number": 500, "name": "Mountain Meadow" },
|
|
||||||
{ "hexcode": "#059669", "number": 600, "name": "Green Haze" },
|
|
||||||
{ "hexcode": "#047857", "number": 700, "name": "Watercourse" },
|
|
||||||
{ "hexcode": "#065f46", "number": 800, "name": "Watercourse" },
|
|
||||||
{ "hexcode": "#064e3b", "number": 900, "name": "Evening Sea" },
|
|
||||||
{ "hexcode": "#022c22", "number": 950, "name": "Burnham" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "teal",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#f0fdfa", "number": 50, "name": "White Ice" },
|
|
||||||
{ "hexcode": "#ccfbf1", "number": 100, "name": "Scandal" },
|
|
||||||
{ "hexcode": "#99f6e4", "number": 200, "name": "Ice Cold" },
|
|
||||||
{ "hexcode": "#5eead4", "number": 300, "name": "Turquoise Blue" },
|
|
||||||
{ "hexcode": "#2dd4bf", "number": 400, "name": "Turquoise" },
|
|
||||||
{ "hexcode": "#14b8a6", "number": 500, "name": "Java" },
|
|
||||||
{ "hexcode": "#0d9488", "number": 600, "name": "Blue Chill" },
|
|
||||||
{ "hexcode": "#0f766e", "number": 700, "name": "Genoa" },
|
|
||||||
{ "hexcode": "#115e59", "number": 800, "name": "Eden" },
|
|
||||||
{ "hexcode": "#134e4a", "number": 900, "name": "Eden" },
|
|
||||||
{ "hexcode": "#042f2e", "number": 950, "name": "Tiber" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "cyan",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#ecfeff", "number": 50, "name": "Bubbles" },
|
|
||||||
{ "hexcode": "#cffafe", "number": 100, "name": "Oyster Bay" },
|
|
||||||
{ "hexcode": "#a5f3fc", "number": 200, "name": "Anakiwa" },
|
|
||||||
{ "hexcode": "#67e8f9", "number": 300, "name": "Spray" },
|
|
||||||
{ "hexcode": "#22d3ee", "number": 400, "name": "Bright Turquoise" },
|
|
||||||
{ "hexcode": "#06b6d4", "number": 500, "name": "Cerulean" },
|
|
||||||
{ "hexcode": "#0891b2", "number": 600, "name": "Bondi Blue" },
|
|
||||||
{ "hexcode": "#0e7490", "number": 700, "name": "Blue Chill" },
|
|
||||||
{ "hexcode": "#155e75", "number": 800, "name": "Blumine" },
|
|
||||||
{ "hexcode": "#164e63", "number": 900, "name": "Chathams Blue" },
|
|
||||||
{ "hexcode": "#083344", "number": 950, "name": "Tarawera" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "sky",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#f0f9ff", "number": 50, "name": "Alice Blue" },
|
|
||||||
{ "hexcode": "#e0f2fe", "number": 100, "name": "Pattens Blue" },
|
|
||||||
{ "hexcode": "#bae6fd", "number": 200, "name": "French Pass" },
|
|
||||||
{ "hexcode": "#7dd3fc", "number": 300, "name": "Malibu" },
|
|
||||||
{ "hexcode": "#38bdf8", "number": 400, "name": "Picton Blue" },
|
|
||||||
{ "hexcode": "#0ea5e9", "number": 500, "name": "Cerulean" },
|
|
||||||
{ "hexcode": "#0284c7", "number": 600, "name": "Lochmara" },
|
|
||||||
{ "hexcode": "#0369a1", "number": 700, "name": "Bahama Blue" },
|
|
||||||
{ "hexcode": "#075985", "number": 800, "name": "Venice Blue" },
|
|
||||||
{ "hexcode": "#0c4a6e", "number": 900, "name": "Chathams Blue" },
|
|
||||||
{ "hexcode": "#082f49", "number": 950, "name": "Blue Whale" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "blue",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#eff6ff", "number": 50, "name": "Zumthor" },
|
|
||||||
{ "hexcode": "#dbeafe", "number": 100, "name": "Hawkes Blue" },
|
|
||||||
{ "hexcode": "#bfdbfe", "number": 200, "name": "Tropical Blue" },
|
|
||||||
{ "hexcode": "#93c5fd", "number": 300, "name": "Malibu" },
|
|
||||||
{ "hexcode": "#60a5fa", "number": 400, "name": "Cornflower Blue" },
|
|
||||||
{ "hexcode": "#3b82f6", "number": 500, "name": "Dodger Blue" },
|
|
||||||
{ "hexcode": "#2563eb", "number": 600, "name": "Royal Blue" },
|
|
||||||
{ "hexcode": "#1d4ed8", "number": 700, "name": "Cerulean Blue" },
|
|
||||||
{ "hexcode": "#1e40af", "number": 800, "name": "Persian Blue" },
|
|
||||||
{ "hexcode": "#1e3a8a", "number": 900, "name": "Bay of Many" },
|
|
||||||
{ "hexcode": "#172554", "number": 950, "name": "Bunting" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "indigo",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#eef2ff", "number": 50, "name": "Zircon" },
|
|
||||||
{ "hexcode": "#e0e7ff", "number": 100, "name": "Hawkes Blue" },
|
|
||||||
{ "hexcode": "#c7d2fe", "number": 200, "name": "Periwinkle" },
|
|
||||||
{ "hexcode": "#a5b4fc", "number": 300, "name": "Perano" },
|
|
||||||
{ "hexcode": "#818cf8", "number": 400, "name": "Portage" },
|
|
||||||
{ "hexcode": "#6366f1", "number": 500, "name": "Royal Blue" },
|
|
||||||
{ "hexcode": "#4f46e5", "number": 600, "name": "Royal Blue" },
|
|
||||||
{ "hexcode": "#4338ca", "number": 700, "name": "Governor Bay" },
|
|
||||||
{ "hexcode": "#3730a3", "number": 800, "name": "Governor Bay" },
|
|
||||||
{ "hexcode": "#312e81", "number": 900, "name": "Minsk" },
|
|
||||||
{ "hexcode": "#1e1b4b", "number": 950, "name": "Port Gore" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "violet",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#f5f3ff", "number": 50, "name": "Titan White" },
|
|
||||||
{ "hexcode": "#ede9fe", "number": 100, "name": "Titan White" },
|
|
||||||
{ "hexcode": "#ddd6fe", "number": 200, "name": "Fog" },
|
|
||||||
{ "hexcode": "#c4b5fd", "number": 300, "name": "Melrose" },
|
|
||||||
{ "hexcode": "#a78bfa", "number": 400, "name": "Dull Lavender" },
|
|
||||||
{ "hexcode": "#8b5cf6", "number": 500, "name": "Medium Purple" },
|
|
||||||
{ "hexcode": "#7c3aed", "number": 600, "name": "Purple Heart" },
|
|
||||||
{ "hexcode": "#6d28d9", "number": 700, "name": "Purple Heart" },
|
|
||||||
{ "hexcode": "#5b21b6", "number": 800, "name": "Purple Heart" },
|
|
||||||
{ "hexcode": "#4c1d95", "number": 900, "name": "Daisy Bush" },
|
|
||||||
{ "hexcode": "#2e1065", "number": 950, "name": "Violent Violet" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "purple",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#faf5ff", "number": 50, "name": "Magnolia" },
|
|
||||||
{ "hexcode": "#f3e8ff", "number": 100, "name": "Blue Chalk" },
|
|
||||||
{ "hexcode": "#e9d5ff", "number": 200, "name": "Blue Chalk" },
|
|
||||||
{ "hexcode": "#d8b4fe", "number": 300, "name": "Mauve" },
|
|
||||||
{ "hexcode": "#c084fc", "number": 400, "name": "Heliotrope" },
|
|
||||||
{ "hexcode": "#a855f7", "number": 500, "name": "Medium Purple" },
|
|
||||||
{ "hexcode": "#9333ea", "number": 600, "name": "Electric Violet" },
|
|
||||||
{ "hexcode": "#7e22ce", "number": 700, "name": "Purple Heart" },
|
|
||||||
{ "hexcode": "#6b21a8", "number": 800, "name": "Seance" },
|
|
||||||
{ "hexcode": "#581c87", "number": 900, "name": "Daisy Bush" },
|
|
||||||
{ "hexcode": "#3b0764", "number": 950, "name": "Christalle" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "fuchsia",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#fdf4ff", "number": 50, "name": "White Pointer" },
|
|
||||||
{ "hexcode": "#fae8ff", "number": 100, "name": "White Pointer" },
|
|
||||||
{ "hexcode": "#f5d0fe", "number": 200, "name": "Mauve" },
|
|
||||||
{ "hexcode": "#f0abfc", "number": 300, "name": "Mauve" },
|
|
||||||
{ "hexcode": "#e879f9", "number": 400, "name": "Heliotrope" },
|
|
||||||
{ "hexcode": "#d946ef", "number": 500, "name": "Heliotrope" },
|
|
||||||
{ "hexcode": "#c026d3", "number": 600, "name": "Fuchsia Pink" },
|
|
||||||
{ "hexcode": "#a21caf", "number": 700, "name": "Violet Eggplant" },
|
|
||||||
{ "hexcode": "#86198f", "number": 800, "name": "Seance" },
|
|
||||||
{ "hexcode": "#701a75", "number": 900, "name": "Seance" },
|
|
||||||
{ "hexcode": "#4a044e", "number": 950, "name": "Clairvoyant" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "pink",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#fdf2f8", "number": 50, "name": "Wisp Pink" },
|
|
||||||
{ "hexcode": "#fce7f3", "number": 100, "name": "Carousel Pink" },
|
|
||||||
{ "hexcode": "#fbcfe8", "number": 200, "name": "Classic Rose" },
|
|
||||||
{ "hexcode": "#f9a8d4", "number": 300, "name": "Lavender Pink" },
|
|
||||||
{ "hexcode": "#f472b6", "number": 400, "name": "Persian Pink" },
|
|
||||||
{ "hexcode": "#ec4899", "number": 500, "name": "Brilliant Rose" },
|
|
||||||
{ "hexcode": "#db2777", "number": 600, "name": "Cerise" },
|
|
||||||
{ "hexcode": "#be185d", "number": 700, "name": "Maroon Flush" },
|
|
||||||
{ "hexcode": "#9d174d", "number": 800, "name": "Disco" },
|
|
||||||
{ "hexcode": "#831843", "number": 900, "name": "Disco" },
|
|
||||||
{ "hexcode": "#500724", "number": 950, "name": "Cab Sav" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"key": "rose",
|
|
||||||
"palettes": [
|
|
||||||
{ "hexcode": "#fff1f2", "number": 50, "name": "Lavender blush" },
|
|
||||||
{ "hexcode": "#ffe4e6", "number": 100, "name": "Cosmos" },
|
|
||||||
{ "hexcode": "#fecdd3", "number": 200, "name": "Pastel Pink" },
|
|
||||||
{ "hexcode": "#fda4af", "number": 300, "name": "Sweet Pink" },
|
|
||||||
{ "hexcode": "#fb7185", "number": 400, "name": "Froly" },
|
|
||||||
{ "hexcode": "#f43f5e", "number": 500, "name": "Radical Red" },
|
|
||||||
{ "hexcode": "#e11d48", "number": 600, "name": "Amaranth" },
|
|
||||||
{ "hexcode": "#be123c", "number": 700, "name": "Cardinal" },
|
|
||||||
{ "hexcode": "#9f1239", "number": 800, "name": "Shiraz" },
|
|
||||||
{ "hexcode": "#881337", "number": 900, "name": "Claret" },
|
|
||||||
{ "hexcode": "#4c0519", "number": 950, "name": "Cab Sav" }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
@@ -1,95 +0,0 @@
|
|||||||
import { getDeltaE, getHsl, isValidColor, transformHslToHex } from './color';
|
|
||||||
import { getColorName } from './name';
|
|
||||||
import type { ColorPaletteFamily, ColorPaletteFamilyWithNearestPalette } from './type';
|
|
||||||
import defaultPalettes from './json/palette.json';
|
|
||||||
|
|
||||||
export function getNearestColorPaletteFamily(color: string, families: ColorPaletteFamily[]) {
|
|
||||||
const familyWithConfig = families.map(family => {
|
|
||||||
const palettes = family.palettes.map(palette => {
|
|
||||||
return {
|
|
||||||
...palette,
|
|
||||||
delta: getDeltaE(color, palette.hexcode)
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
const nearestPalette = palettes.reduce((prev, curr) => (prev.delta < curr.delta ? prev : curr));
|
|
||||||
|
|
||||||
return {
|
|
||||||
...family,
|
|
||||||
palettes,
|
|
||||||
nearestPalette
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
const nearestPaletteFamily = familyWithConfig.reduce((prev, curr) =>
|
|
||||||
prev.nearestPalette.delta < curr.nearestPalette.delta ? prev : curr
|
|
||||||
);
|
|
||||||
|
|
||||||
const { l } = getHsl(color);
|
|
||||||
|
|
||||||
const paletteFamily: ColorPaletteFamilyWithNearestPalette = {
|
|
||||||
...nearestPaletteFamily,
|
|
||||||
nearestLightnessPalette: nearestPaletteFamily.palettes.reduce((prev, curr) => {
|
|
||||||
const { l: prevLightness } = getHsl(prev.hexcode);
|
|
||||||
const { l: currLightness } = getHsl(curr.hexcode);
|
|
||||||
|
|
||||||
const deltaPrev = Math.abs(prevLightness - l);
|
|
||||||
const deltaCurr = Math.abs(currLightness - l);
|
|
||||||
|
|
||||||
return deltaPrev < deltaCurr ? prev : curr;
|
|
||||||
})
|
|
||||||
};
|
|
||||||
|
|
||||||
return paletteFamily;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getColorPaletteFamily(color: string, colorName: string) {
|
|
||||||
if (!isValidColor(color)) {
|
|
||||||
throw new Error('Invalid color, please check color value!');
|
|
||||||
}
|
|
||||||
|
|
||||||
const { h: h1, s: s1 } = getHsl(color);
|
|
||||||
|
|
||||||
const { nearestLightnessPalette, palettes } = getNearestColorPaletteFamily(
|
|
||||||
color,
|
|
||||||
defaultPalettes as ColorPaletteFamily[]
|
|
||||||
);
|
|
||||||
|
|
||||||
const { number, hexcode } = nearestLightnessPalette;
|
|
||||||
|
|
||||||
const { h: h2, s: s2 } = getHsl(hexcode);
|
|
||||||
|
|
||||||
const deltaH = h1 - h2 || h2;
|
|
||||||
|
|
||||||
const sRatio = s1 / s2;
|
|
||||||
|
|
||||||
const colorPaletteFamily: ColorPaletteFamily = {
|
|
||||||
key: colorName,
|
|
||||||
palettes: palettes.map(palette => {
|
|
||||||
let hexValue = color;
|
|
||||||
|
|
||||||
const isSame = number === palette.number;
|
|
||||||
|
|
||||||
if (!isSame) {
|
|
||||||
const { h: h3, s: s3, l } = getHsl(palette.hexcode);
|
|
||||||
|
|
||||||
const newH = deltaH < 0 ? h3 + deltaH : deltaH;
|
|
||||||
const newS = s3 * sRatio;
|
|
||||||
|
|
||||||
hexValue = transformHslToHex({
|
|
||||||
h: newH,
|
|
||||||
s: newS,
|
|
||||||
l
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
hexcode: hexValue,
|
|
||||||
number: palette.number,
|
|
||||||
name: getColorName(hexValue)
|
|
||||||
};
|
|
||||||
})
|
|
||||||
};
|
|
||||||
|
|
||||||
return colorPaletteFamily;
|
|
||||||
}
|
|
||||||
152
packages/color-palette/src/palette/index.ts
Normal file
152
packages/color-palette/src/palette/index.ts
Normal file
@@ -0,0 +1,152 @@
|
|||||||
|
import { getColorName, getDeltaE, getHsl, isValidColor, transformHslToHex } from '../shared';
|
||||||
|
import { colorPalettes } from '../constant';
|
||||||
|
import type {
|
||||||
|
ColorPalette,
|
||||||
|
ColorPaletteFamily,
|
||||||
|
ColorPaletteFamilyWithNearestPalette,
|
||||||
|
ColorPaletteMatch,
|
||||||
|
ColorPaletteNumber
|
||||||
|
} from '../types';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* get color palette by provided color and color name
|
||||||
|
*
|
||||||
|
* @param color the provided color
|
||||||
|
*/
|
||||||
|
export function getColorPalette(color: string) {
|
||||||
|
const colorPaletteFamily = getColorPaletteFamily(color);
|
||||||
|
|
||||||
|
const colorMap = new Map<ColorPaletteNumber, ColorPalette>();
|
||||||
|
|
||||||
|
colorPaletteFamily.palettes.forEach(palette => {
|
||||||
|
colorMap.set(palette.number, palette);
|
||||||
|
});
|
||||||
|
|
||||||
|
const mainColor = colorMap.get(500)!;
|
||||||
|
const matchColor = colorPaletteFamily.palettes.find(palette => palette.hex === color)!;
|
||||||
|
|
||||||
|
const colorPalette: ColorPaletteMatch = {
|
||||||
|
...colorPaletteFamily,
|
||||||
|
colorMap,
|
||||||
|
main: mainColor,
|
||||||
|
match: matchColor
|
||||||
|
};
|
||||||
|
|
||||||
|
return colorPalette;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* get color by number
|
||||||
|
*
|
||||||
|
* @param color the provided color
|
||||||
|
* @param number the color palette number
|
||||||
|
*/
|
||||||
|
export function getColorByPaletteNumber(color: string, number: ColorPaletteNumber) {
|
||||||
|
const colorPalette = getColorPalette(color);
|
||||||
|
|
||||||
|
const { hex } = colorPalette.colorMap.get(number)!;
|
||||||
|
|
||||||
|
return hex;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* get color palette family by provided color and color name
|
||||||
|
*
|
||||||
|
* @param color the provided color
|
||||||
|
*/
|
||||||
|
export function getColorPaletteFamily(color: string) {
|
||||||
|
if (!isValidColor(color)) {
|
||||||
|
throw new Error('Invalid color, please check color value!');
|
||||||
|
}
|
||||||
|
|
||||||
|
let colorName = getColorName(color);
|
||||||
|
|
||||||
|
colorName = colorName.toLowerCase().replace(/\s/g, '-');
|
||||||
|
|
||||||
|
const { h: h1, s: s1 } = getHsl(color);
|
||||||
|
|
||||||
|
const { nearestLightnessPalette, palettes } = getNearestColorPaletteFamily(color, colorPalettes);
|
||||||
|
|
||||||
|
const { number, hex } = nearestLightnessPalette;
|
||||||
|
|
||||||
|
const { h: h2, s: s2 } = getHsl(hex);
|
||||||
|
|
||||||
|
const deltaH = h1 - h2;
|
||||||
|
|
||||||
|
const sRatio = s1 / s2;
|
||||||
|
|
||||||
|
const colorPaletteFamily: ColorPaletteFamily = {
|
||||||
|
name: colorName,
|
||||||
|
palettes: palettes.map(palette => {
|
||||||
|
let hexValue = color;
|
||||||
|
|
||||||
|
const isSame = number === palette.number;
|
||||||
|
|
||||||
|
if (!isSame) {
|
||||||
|
const { h: h3, s: s3, l } = getHsl(palette.hex);
|
||||||
|
|
||||||
|
const newH = deltaH < 0 ? h3 + deltaH : h3 - deltaH;
|
||||||
|
const newS = s3 * sRatio;
|
||||||
|
|
||||||
|
hexValue = transformHslToHex({
|
||||||
|
h: newH,
|
||||||
|
s: newS,
|
||||||
|
l
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
hex: hexValue,
|
||||||
|
number: palette.number
|
||||||
|
};
|
||||||
|
})
|
||||||
|
};
|
||||||
|
|
||||||
|
return colorPaletteFamily;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* get nearest color palette family
|
||||||
|
*
|
||||||
|
* @param color color
|
||||||
|
* @param families color palette families
|
||||||
|
*/
|
||||||
|
function getNearestColorPaletteFamily(color: string, families: ColorPaletteFamily[]) {
|
||||||
|
const familyWithConfig = families.map(family => {
|
||||||
|
const palettes = family.palettes.map(palette => {
|
||||||
|
return {
|
||||||
|
...palette,
|
||||||
|
delta: getDeltaE(color, palette.hex)
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
const nearestPalette = palettes.reduce((prev, curr) => (prev.delta < curr.delta ? prev : curr));
|
||||||
|
|
||||||
|
return {
|
||||||
|
...family,
|
||||||
|
palettes,
|
||||||
|
nearestPalette
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
const nearestPaletteFamily = familyWithConfig.reduce((prev, curr) =>
|
||||||
|
prev.nearestPalette.delta < curr.nearestPalette.delta ? prev : curr
|
||||||
|
);
|
||||||
|
|
||||||
|
const { l } = getHsl(color);
|
||||||
|
|
||||||
|
const paletteFamily: ColorPaletteFamilyWithNearestPalette = {
|
||||||
|
...nearestPaletteFamily,
|
||||||
|
nearestLightnessPalette: nearestPaletteFamily.palettes.reduce((prev, curr) => {
|
||||||
|
const { l: prevLightness } = getHsl(prev.hex);
|
||||||
|
const { l: currLightness } = getHsl(curr.hex);
|
||||||
|
|
||||||
|
const deltaPrev = Math.abs(prevLightness - l);
|
||||||
|
const deltaCurr = Math.abs(currLightness - l);
|
||||||
|
|
||||||
|
return deltaPrev < deltaCurr ? prev : curr;
|
||||||
|
})
|
||||||
|
};
|
||||||
|
|
||||||
|
return paletteFamily;
|
||||||
|
}
|
||||||
2
packages/color-palette/src/shared/index.ts
Normal file
2
packages/color-palette/src/shared/index.ts
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
export * from './colord';
|
||||||
|
export * from './name';
|
||||||
@@ -1,6 +1,11 @@
|
|||||||
import { getHex, getHsl, getRgb } from './color';
|
import { colorNames } from '../constant';
|
||||||
import colorNames from './json/color-name.json';
|
import { getHex, getHsl, getRgb } from './colord';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get color name
|
||||||
|
*
|
||||||
|
* @param color
|
||||||
|
*/
|
||||||
export function getColorName(color: string) {
|
export function getColorName(color: string) {
|
||||||
const hex = getHex(color);
|
const hex = getHex(color);
|
||||||
const rgb = getRgb(color);
|
const rgb = getRgb(color);
|
||||||
@@ -17,15 +22,13 @@ export function getColorName(color: string) {
|
|||||||
colorNames.some((item, index) => {
|
colorNames.some((item, index) => {
|
||||||
const [hexValue, colorName] = item;
|
const [hexValue, colorName] = item;
|
||||||
|
|
||||||
const hexcode = `#${hexValue}`;
|
const match = hex === hexValue;
|
||||||
|
|
||||||
const match = hex === hexcode;
|
|
||||||
|
|
||||||
if (match) {
|
if (match) {
|
||||||
name = colorName;
|
name = colorName;
|
||||||
} else {
|
} else {
|
||||||
const { r, g, b } = getRgb(hexcode);
|
const { r, g, b } = getRgb(hexValue);
|
||||||
const { h, s, l } = getHsl(hexcode);
|
const { h, s, l } = getHsl(hexValue);
|
||||||
|
|
||||||
ndf1 = (rgb.r - r) ** 2 + (rgb.g - g) ** 2 + (rgb.b - b) ** 2;
|
ndf1 = (rgb.r - r) ** 2 + (rgb.g - g) ** 2 + (rgb.b - b) ** 2;
|
||||||
ndf2 = (hsl.h - h) ** 2 + (hsl.s - s) ** 2 + (hsl.l - l) ** 2;
|
ndf2 = (hsl.h - h) ** 2 + (hsl.s - s) ** 2 + (hsl.l - l) ** 2;
|
||||||
@@ -40,7 +43,7 @@ export function getColorName(color: string) {
|
|||||||
return match;
|
return match;
|
||||||
});
|
});
|
||||||
|
|
||||||
name = cl < 0 ? 'Invalid Color' : colorNames[cl][1];
|
name = colorNames[cl][1];
|
||||||
|
|
||||||
return name;
|
return name;
|
||||||
}
|
}
|
||||||
@@ -1,49 +0,0 @@
|
|||||||
/** The color palette number */
|
|
||||||
export type ColorPaletteNumber = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
|
|
||||||
|
|
||||||
/** The color palette item */
|
|
||||||
export type ColorPaletteItem = {
|
|
||||||
/** The color hexcode */
|
|
||||||
hexcode: string;
|
|
||||||
/**
|
|
||||||
* The color number
|
|
||||||
*
|
|
||||||
* @link {@link ColorPaletteNumber}
|
|
||||||
*/
|
|
||||||
number: ColorPaletteNumber;
|
|
||||||
/** The color name */
|
|
||||||
name: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type ColorPaletteFamily = {
|
|
||||||
/** The color palette family key */
|
|
||||||
key: string;
|
|
||||||
/** The color palette family's palettes */
|
|
||||||
palettes: ColorPaletteItem[];
|
|
||||||
};
|
|
||||||
|
|
||||||
export type ColorPaletteWithDelta = ColorPaletteItem & {
|
|
||||||
delta: number;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type ColorPaletteItemWithName = ColorPaletteItem & {
|
|
||||||
name: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type ColorPaletteFamilyWithNearestPalette = ColorPaletteFamily & {
|
|
||||||
nearestPalette: ColorPaletteWithDelta;
|
|
||||||
nearestLightnessPalette: ColorPaletteWithDelta;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type ColorPalette = ColorPaletteFamily & {
|
|
||||||
/** The color map of the palette */
|
|
||||||
colorMap: Map<ColorPaletteNumber, ColorPaletteItem>;
|
|
||||||
/**
|
|
||||||
* The main color of the palette
|
|
||||||
*
|
|
||||||
* Which number is 500
|
|
||||||
*/
|
|
||||||
main: ColorPaletteItemWithName;
|
|
||||||
/** The match color of the palette */
|
|
||||||
match: ColorPaletteItemWithName;
|
|
||||||
};
|
|
||||||
47
packages/color-palette/src/types/index.ts
Normal file
47
packages/color-palette/src/types/index.ts
Normal file
@@ -0,0 +1,47 @@
|
|||||||
|
/** the color palette number */
|
||||||
|
export type ColorPaletteNumber = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
|
||||||
|
|
||||||
|
/** the color palette */
|
||||||
|
export type ColorPalette = {
|
||||||
|
/** the color hex value */
|
||||||
|
hex: string;
|
||||||
|
/**
|
||||||
|
* the color number
|
||||||
|
*
|
||||||
|
* - 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950
|
||||||
|
*/
|
||||||
|
number: ColorPaletteNumber;
|
||||||
|
};
|
||||||
|
|
||||||
|
/** the color palette family */
|
||||||
|
export type ColorPaletteFamily = {
|
||||||
|
/** the color palette family name */
|
||||||
|
name: string;
|
||||||
|
/** the color palettes */
|
||||||
|
palettes: ColorPalette[];
|
||||||
|
};
|
||||||
|
|
||||||
|
/** the color palette with delta */
|
||||||
|
export type ColorPaletteWithDelta = ColorPalette & {
|
||||||
|
delta: number;
|
||||||
|
};
|
||||||
|
|
||||||
|
/** the color palette family with nearest palette */
|
||||||
|
export type ColorPaletteFamilyWithNearestPalette = ColorPaletteFamily & {
|
||||||
|
nearestPalette: ColorPaletteWithDelta;
|
||||||
|
nearestLightnessPalette: ColorPaletteWithDelta;
|
||||||
|
};
|
||||||
|
|
||||||
|
/** the color palette match */
|
||||||
|
export type ColorPaletteMatch = ColorPaletteFamily & {
|
||||||
|
/** the color map of the palette */
|
||||||
|
colorMap: Map<ColorPaletteNumber, ColorPalette>;
|
||||||
|
/**
|
||||||
|
* the main color of the palette
|
||||||
|
*
|
||||||
|
* which number is 500
|
||||||
|
*/
|
||||||
|
main: ColorPalette;
|
||||||
|
/** the match color of the palette */
|
||||||
|
match: ColorPalette;
|
||||||
|
};
|
||||||
20
packages/color-palette/tsconfig.json
Normal file
20
packages/color-palette/tsconfig.json
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
{
|
||||||
|
"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/hooks",
|
"name": "@sa/hooks",
|
||||||
"version": "1.0.3",
|
"version": "1.0.7",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./src/index.ts"
|
".": "./src/index.ts"
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -7,4 +7,5 @@ import useHookTable from './use-table';
|
|||||||
|
|
||||||
export { useBoolean, useLoading, useCountDown, useContext, useSvgIconRender, useHookTable };
|
export { useBoolean, useLoading, useCountDown, useContext, useSvgIconRender, useHookTable };
|
||||||
|
|
||||||
|
export * from './use-signal';
|
||||||
export * from './use-table';
|
export * from './use-table';
|
||||||
|
|||||||
144
packages/hooks/src/use-signal.ts
Normal file
144
packages/hooks/src/use-signal.ts
Normal file
@@ -0,0 +1,144 @@
|
|||||||
|
import { computed, ref, shallowRef, triggerRef } from 'vue';
|
||||||
|
import type {
|
||||||
|
ComputedGetter,
|
||||||
|
DebuggerOptions,
|
||||||
|
Ref,
|
||||||
|
ShallowRef,
|
||||||
|
WritableComputedOptions,
|
||||||
|
WritableComputedRef
|
||||||
|
} from 'vue';
|
||||||
|
|
||||||
|
type Updater<T> = (value: T) => T;
|
||||||
|
type Mutator<T> = (value: T) => void;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Signal is a reactive value that can be set, updated or mutated
|
||||||
|
*
|
||||||
|
* @example
|
||||||
|
* ```ts
|
||||||
|
* const count = useSignal(0);
|
||||||
|
*
|
||||||
|
* // `watchEffect`
|
||||||
|
* watchEffect(() => {
|
||||||
|
* console.log(count());
|
||||||
|
* });
|
||||||
|
*
|
||||||
|
* // watch
|
||||||
|
* watch(count, value => {
|
||||||
|
* console.log(value);
|
||||||
|
* });
|
||||||
|
*
|
||||||
|
* // useComputed
|
||||||
|
* const double = useComputed(() => count() * 2);
|
||||||
|
* const writeableDouble = useComputed({
|
||||||
|
* get: () => count() * 2,
|
||||||
|
* set: value => count.set(value / 2)
|
||||||
|
* });
|
||||||
|
* ```
|
||||||
|
*/
|
||||||
|
export interface Signal<T> {
|
||||||
|
(): Readonly<T>;
|
||||||
|
/**
|
||||||
|
* Set the value of the signal
|
||||||
|
*
|
||||||
|
* It recommend use `set` for primitive values
|
||||||
|
*
|
||||||
|
* @param value
|
||||||
|
*/
|
||||||
|
set(value: T): void;
|
||||||
|
/**
|
||||||
|
* Update the value of the signal using an updater function
|
||||||
|
*
|
||||||
|
* It recommend use `update` for non-primitive values, only the first level of the object will be reactive.
|
||||||
|
*
|
||||||
|
* @param updater
|
||||||
|
*/
|
||||||
|
update(updater: Updater<T>): void;
|
||||||
|
/**
|
||||||
|
* Mutate the value of the signal using a mutator function
|
||||||
|
*
|
||||||
|
* this action will call `triggerRef`, so the value will be tracked on `watchEffect`.
|
||||||
|
*
|
||||||
|
* It recommend use `mutate` for non-primitive values, all levels of the object will be reactive.
|
||||||
|
*
|
||||||
|
* @param mutator
|
||||||
|
*/
|
||||||
|
mutate(mutator: Mutator<T>): void;
|
||||||
|
/**
|
||||||
|
* Get the reference of the signal
|
||||||
|
*
|
||||||
|
* Sometimes it can be useful to make `v-model` work with the signal
|
||||||
|
*
|
||||||
|
* ```vue
|
||||||
|
* <template>
|
||||||
|
* <input v-model="model.count" />
|
||||||
|
* </template>;
|
||||||
|
*
|
||||||
|
* <script setup lang="ts">
|
||||||
|
* const state = useSignal({ count: 0 }, { useRef: true });
|
||||||
|
*
|
||||||
|
* const model = state.getRef();
|
||||||
|
* </script>
|
||||||
|
* ```
|
||||||
|
*/
|
||||||
|
getRef(): Readonly<ShallowRef<Readonly<T>>>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ReadonlySignal<T> {
|
||||||
|
(): Readonly<T>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface SignalOptions {
|
||||||
|
/**
|
||||||
|
* Whether to use `ref` to store the value
|
||||||
|
*
|
||||||
|
* @default false use `sharedRef` to store the value
|
||||||
|
*/
|
||||||
|
useRef?: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function useSignal<T>(initialValue: T, options?: SignalOptions): Signal<T> {
|
||||||
|
const { useRef } = options || {};
|
||||||
|
|
||||||
|
const state = useRef ? (ref(initialValue) as Ref<T>) : shallowRef(initialValue);
|
||||||
|
|
||||||
|
return createSignal(state);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function useComputed<T>(getter: ComputedGetter<T>, debugOptions?: DebuggerOptions): ReadonlySignal<T>;
|
||||||
|
export function useComputed<T>(options: WritableComputedOptions<T>, debugOptions?: DebuggerOptions): Signal<T>;
|
||||||
|
export function useComputed<T>(
|
||||||
|
getterOrOptions: ComputedGetter<T> | WritableComputedOptions<T>,
|
||||||
|
debugOptions?: DebuggerOptions
|
||||||
|
) {
|
||||||
|
const isGetter = typeof getterOrOptions === 'function';
|
||||||
|
|
||||||
|
const computedValue = computed(getterOrOptions as any, debugOptions);
|
||||||
|
|
||||||
|
if (isGetter) {
|
||||||
|
return () => computedValue.value as ReadonlySignal<T>;
|
||||||
|
}
|
||||||
|
|
||||||
|
return createSignal(computedValue);
|
||||||
|
}
|
||||||
|
|
||||||
|
function createSignal<T>(state: ShallowRef<T> | WritableComputedRef<T>): Signal<T> {
|
||||||
|
const signal = () => state.value;
|
||||||
|
|
||||||
|
signal.set = (value: T) => {
|
||||||
|
state.value = value;
|
||||||
|
};
|
||||||
|
|
||||||
|
signal.update = (updater: Updater<T>) => {
|
||||||
|
state.value = updater(state.value);
|
||||||
|
};
|
||||||
|
|
||||||
|
signal.mutate = (mutator: Mutator<T>) => {
|
||||||
|
mutator(state.value);
|
||||||
|
triggerRef(state);
|
||||||
|
};
|
||||||
|
|
||||||
|
signal.getRef = () => state as Readonly<ShallowRef<Readonly<T>>>;
|
||||||
|
|
||||||
|
return signal;
|
||||||
|
}
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@sa/materials",
|
"name": "@sa/materials",
|
||||||
"version": "1.0.3",
|
"version": "1.0.7",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./src/index.ts"
|
".": "./src/index.ts"
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -25,31 +25,6 @@ interface Emits {
|
|||||||
|
|
||||||
const emit = defineEmits<Emits>();
|
const emit = defineEmits<Emits>();
|
||||||
|
|
||||||
type SlotFn = (props?: Record<string, unknown>) => any;
|
|
||||||
|
|
||||||
type Slots = {
|
|
||||||
/**
|
|
||||||
* Slot
|
|
||||||
*
|
|
||||||
* The center content of the tab
|
|
||||||
*/
|
|
||||||
default?: SlotFn;
|
|
||||||
/**
|
|
||||||
* Slot
|
|
||||||
*
|
|
||||||
* The left content of the tab
|
|
||||||
*/
|
|
||||||
prefix?: SlotFn;
|
|
||||||
/**
|
|
||||||
* Slot
|
|
||||||
*
|
|
||||||
* The right content of the tab
|
|
||||||
*/
|
|
||||||
suffix?: SlotFn;
|
|
||||||
};
|
|
||||||
|
|
||||||
defineSlots<Slots>();
|
|
||||||
|
|
||||||
const activeTabComponent = computed(() => {
|
const activeTabComponent = computed(() => {
|
||||||
const { mode, chromeClass, buttonClass } = props;
|
const { mode, chromeClass, buttonClass } = props;
|
||||||
|
|
||||||
@@ -88,7 +63,7 @@ function handleClose() {
|
|||||||
<slot></slot>
|
<slot></slot>
|
||||||
<template #suffix>
|
<template #suffix>
|
||||||
<slot name="suffix">
|
<slot name="suffix">
|
||||||
<SvgClose v-if="closable" :class="[style['svg-close']]" @click="handleClose" />
|
<SvgClose v-if="closable" :class="[style['svg-close']]" @click.stop="handleClose" />
|
||||||
</slot>
|
</slot>
|
||||||
</template>
|
</template>
|
||||||
</component>
|
</component>
|
||||||
|
|||||||
@@ -2,23 +2,10 @@
|
|||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'SvgClose'
|
name: 'SvgClose'
|
||||||
});
|
});
|
||||||
|
|
||||||
const emit = defineEmits<Emits>();
|
|
||||||
|
|
||||||
interface Emits {
|
|
||||||
(e: 'click'): void;
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleClick() {
|
|
||||||
emit('click');
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div class=":soy: relative h-16px w-16px inline-flex items-center justify-center rd-50% text-14px">
|
||||||
class=":soy: relative h-16px w-16px inline-flex items-center justify-center rd-50% text-14px"
|
|
||||||
@click.stop="handleClick"
|
|
||||||
>
|
|
||||||
<svg width="1em" height="1em" viewBox="0 0 1024 1024">
|
<svg width="1em" height="1em" viewBox="0 0 1024 1024">
|
||||||
<path
|
<path
|
||||||
fill="currentColor"
|
fill="currentColor"
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@sa/fetch",
|
"name": "@sa/fetch",
|
||||||
"version": "1.0.3",
|
"version": "1.0.7",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./src/index.ts"
|
".": "./src/index.ts"
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@sa/scripts",
|
"name": "@sa/scripts",
|
||||||
"version": "1.0.3",
|
"version": "1.0.7",
|
||||||
"bin": {
|
"bin": {
|
||||||
"sa": "./bin.ts"
|
"sa": "./bin.ts"
|
||||||
},
|
},
|
||||||
@@ -13,7 +13,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@soybeanjs/changelog": "0.3.15",
|
"@soybeanjs/changelog": "0.3.22",
|
||||||
"bumpp": "9.4.0",
|
"bumpp": "9.4.0",
|
||||||
"c12": "1.10.0",
|
"c12": "1.10.0",
|
||||||
"cac": "6.7.14",
|
"cac": "6.7.14",
|
||||||
@@ -21,7 +21,7 @@
|
|||||||
"enquirer": "2.4.1",
|
"enquirer": "2.4.1",
|
||||||
"execa": "8.0.1",
|
"execa": "8.0.1",
|
||||||
"kolorist": "1.8.0",
|
"kolorist": "1.8.0",
|
||||||
"npm-check-updates": "16.14.18",
|
"npm-check-updates": "16.14.19",
|
||||||
"rimraf": "5.0.5"
|
"rimraf": "5.0.5"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@sa/uno-preset",
|
"name": "@sa/uno-preset",
|
||||||
"version": "1.0.3",
|
"version": "1.0.7",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./src/index.ts"
|
".": "./src/index.ts"
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@sa/utils",
|
"name": "@sa/utils",
|
||||||
"version": "1.0.3",
|
"version": "1.0.7",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./src/index.ts"
|
".": "./src/index.ts"
|
||||||
},
|
},
|
||||||
|
|||||||
10978
pnpm-lock.yaml
generated
10978
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@@ -1,4 +1,6 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
import { $t } from '@/locales';
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'TableHeaderOperation'
|
name: 'TableHeaderOperation'
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -18,6 +18,7 @@ defineOptions({
|
|||||||
|
|
||||||
const appStore = useAppStore();
|
const appStore = useAppStore();
|
||||||
const themeStore = useThemeStore();
|
const themeStore = useThemeStore();
|
||||||
|
const { menus } = setupMixMenuContext();
|
||||||
|
|
||||||
const layoutMode = computed(() => {
|
const layoutMode = computed(() => {
|
||||||
const vertical: LayoutMode = 'vertical';
|
const vertical: LayoutMode = 'vertical';
|
||||||
@@ -65,7 +66,7 @@ function getSiderWidth() {
|
|||||||
|
|
||||||
let w = isVerticalMix.value || isHorizontalMix.value ? mixWidth : width;
|
let w = isVerticalMix.value || isHorizontalMix.value ? mixWidth : width;
|
||||||
|
|
||||||
if (isVerticalMix.value && appStore.mixSiderFixed) {
|
if (isVerticalMix.value && appStore.mixSiderFixed && menus.value.length) {
|
||||||
w += mixChildMenuWidth;
|
w += mixChildMenuWidth;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -77,14 +78,12 @@ function getSiderCollapsedWidth() {
|
|||||||
|
|
||||||
let w = isVerticalMix.value || isHorizontalMix.value ? mixCollapsedWidth : collapsedWidth;
|
let w = isVerticalMix.value || isHorizontalMix.value ? mixCollapsedWidth : collapsedWidth;
|
||||||
|
|
||||||
if (isVerticalMix.value && appStore.mixSiderFixed) {
|
if (isVerticalMix.value && appStore.mixSiderFixed && menus.value.length) {
|
||||||
w += mixChildMenuWidth;
|
w += mixChildMenuWidth;
|
||||||
}
|
}
|
||||||
|
|
||||||
return w;
|
return w;
|
||||||
}
|
}
|
||||||
|
|
||||||
setupMixMenuContext();
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|||||||
@@ -1,4 +1,47 @@
|
|||||||
|
import { computed, ref, watch } from 'vue';
|
||||||
|
import { useRoute } from 'vue-router';
|
||||||
import { useContext } from '@sa/hooks';
|
import { useContext } from '@sa/hooks';
|
||||||
import { useMixMenu } from '../hooks';
|
import { useRouteStore } from '@/store/modules/route';
|
||||||
|
|
||||||
export const { setupStore: setupMixMenuContext, useStore: useMixMenuContext } = useContext('mix-menu', useMixMenu);
|
export const { setupStore: setupMixMenuContext, useStore: useMixMenuContext } = useContext('mix-menu', useMixMenu);
|
||||||
|
|
||||||
|
function useMixMenu() {
|
||||||
|
const route = useRoute();
|
||||||
|
const routeStore = useRouteStore();
|
||||||
|
|
||||||
|
const activeFirstLevelMenuKey = ref('');
|
||||||
|
|
||||||
|
function setActiveFirstLevelMenuKey(key: string) {
|
||||||
|
activeFirstLevelMenuKey.value = key;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getActiveFirstLevelMenuKey() {
|
||||||
|
const { hideInMenu, activeMenu } = route.meta;
|
||||||
|
const name = route.name as string;
|
||||||
|
|
||||||
|
const routeName = (hideInMenu ? activeMenu : name) || name;
|
||||||
|
|
||||||
|
const [firstLevelRouteName] = routeName.split('_');
|
||||||
|
|
||||||
|
setActiveFirstLevelMenuKey(firstLevelRouteName);
|
||||||
|
}
|
||||||
|
|
||||||
|
const menus = computed(
|
||||||
|
() => routeStore.menus.find(menu => menu.key === activeFirstLevelMenuKey.value)?.children || []
|
||||||
|
);
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => route.name,
|
||||||
|
() => {
|
||||||
|
getActiveFirstLevelMenuKey();
|
||||||
|
},
|
||||||
|
{ immediate: true }
|
||||||
|
);
|
||||||
|
|
||||||
|
return {
|
||||||
|
activeFirstLevelMenuKey,
|
||||||
|
setActiveFirstLevelMenuKey,
|
||||||
|
getActiveFirstLevelMenuKey,
|
||||||
|
menus
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,44 +0,0 @@
|
|||||||
import { computed, ref, watch } from 'vue';
|
|
||||||
import { useRoute } from 'vue-router';
|
|
||||||
import { useRouteStore } from '@/store/modules/route';
|
|
||||||
|
|
||||||
export function useMixMenu() {
|
|
||||||
const route = useRoute();
|
|
||||||
const routeStore = useRouteStore();
|
|
||||||
|
|
||||||
const activeFirstLevelMenuKey = ref('');
|
|
||||||
|
|
||||||
function setActiveFirstLevelMenuKey(key: string) {
|
|
||||||
activeFirstLevelMenuKey.value = key;
|
|
||||||
}
|
|
||||||
|
|
||||||
function getActiveFirstLevelMenuKey() {
|
|
||||||
const { hideInMenu, activeMenu } = route.meta;
|
|
||||||
const name = route.name as string;
|
|
||||||
|
|
||||||
const routeName = (hideInMenu ? activeMenu : name) || name;
|
|
||||||
|
|
||||||
const [firstLevelRouteName] = routeName.split('_');
|
|
||||||
|
|
||||||
setActiveFirstLevelMenuKey(firstLevelRouteName);
|
|
||||||
}
|
|
||||||
|
|
||||||
const menus = computed(
|
|
||||||
() => routeStore.menus.find(menu => menu.key === activeFirstLevelMenuKey.value)?.children || []
|
|
||||||
);
|
|
||||||
|
|
||||||
watch(
|
|
||||||
() => route.name,
|
|
||||||
() => {
|
|
||||||
getActiveFirstLevelMenuKey();
|
|
||||||
},
|
|
||||||
{ immediate: true }
|
|
||||||
);
|
|
||||||
|
|
||||||
return {
|
|
||||||
activeFirstLevelMenuKey,
|
|
||||||
setActiveFirstLevelMenuKey,
|
|
||||||
getActiveFirstLevelMenuKey,
|
|
||||||
menus
|
|
||||||
};
|
|
||||||
}
|
|
||||||
@@ -1,4 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
import { computed } from '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';
|
||||||
@@ -19,12 +20,14 @@ withDefaults(defineProps<Props>(), {
|
|||||||
const appStore = useAppStore();
|
const appStore = useAppStore();
|
||||||
const themeStore = useThemeStore();
|
const themeStore = useThemeStore();
|
||||||
const routeStore = useRouteStore();
|
const routeStore = useRouteStore();
|
||||||
|
|
||||||
|
const transitionName = computed(() => (themeStore.page.animate ? themeStore.page.animateMode : ''));
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<RouterView v-slot="{ Component, route }">
|
<RouterView v-slot="{ Component, route }">
|
||||||
<Transition
|
<Transition
|
||||||
:name="themeStore.page.animateMode"
|
:name="transitionName"
|
||||||
mode="out-in"
|
mode="out-in"
|
||||||
@before-leave="appStore.setContentXScrollable(true)"
|
@before-leave="appStore.setContentXScrollable(true)"
|
||||||
@after-enter="appStore.setContentXScrollable(false)"
|
@after-enter="appStore.setContentXScrollable(false)"
|
||||||
|
|||||||
@@ -2,10 +2,10 @@
|
|||||||
import { computed } from 'vue';
|
import { computed } from 'vue';
|
||||||
import { useBoolean } from '@sa/hooks';
|
import { useBoolean } from '@sa/hooks';
|
||||||
import { useAppStore } from '@/store/modules/app';
|
import { useAppStore } from '@/store/modules/app';
|
||||||
import { useRouteStore } from '@/store/modules/route';
|
|
||||||
import { useThemeStore } from '@/store/modules/theme';
|
import { useThemeStore } from '@/store/modules/theme';
|
||||||
import { useRouterPush } from '@/hooks/common/router';
|
import { useRouterPush } from '@/hooks/common/router';
|
||||||
import { useMixMenu } from '../../hooks';
|
import { $t } from '@/locales';
|
||||||
|
import { useMixMenuContext } from '../../context';
|
||||||
import FirstLevelMenu from './first-level-menu.vue';
|
import FirstLevelMenu from './first-level-menu.vue';
|
||||||
import BaseMenu from './base-menu.vue';
|
import BaseMenu from './base-menu.vue';
|
||||||
|
|
||||||
@@ -15,16 +15,15 @@ defineOptions({
|
|||||||
|
|
||||||
const appStore = useAppStore();
|
const appStore = useAppStore();
|
||||||
const themeStore = useThemeStore();
|
const themeStore = useThemeStore();
|
||||||
const routeStore = useRouteStore();
|
|
||||||
const { routerPushByKey } = useRouterPush();
|
const { routerPushByKey } = useRouterPush();
|
||||||
const { bool: drawerVisible, setBool: setDrawerVisible } = useBoolean();
|
const { bool: drawerVisible, setBool: setDrawerVisible } = useBoolean();
|
||||||
const { activeFirstLevelMenuKey, setActiveFirstLevelMenuKey, getActiveFirstLevelMenuKey } = useMixMenu();
|
const { menus, activeFirstLevelMenuKey, setActiveFirstLevelMenuKey, getActiveFirstLevelMenuKey } = useMixMenuContext();
|
||||||
|
|
||||||
const siderInverted = computed(() => !themeStore.darkMode && themeStore.sider.inverted);
|
const siderInverted = computed(() => !themeStore.darkMode && themeStore.sider.inverted);
|
||||||
|
|
||||||
const menus = computed(() => routeStore.menus.find(menu => menu.key === activeFirstLevelMenuKey.value)?.children || []);
|
const hasMenus = computed(() => menus.value.length > 0);
|
||||||
|
|
||||||
const showDrawer = computed(() => (drawerVisible.value && menus.value.length) || appStore.mixSiderFixed);
|
const showDrawer = computed(() => hasMenus.value && (drawerVisible.value || appStore.mixSiderFixed));
|
||||||
|
|
||||||
function handleSelectMixMenu(menu: App.Global.Menu) {
|
function handleSelectMixMenu(menu: App.Global.Menu) {
|
||||||
setActiveFirstLevelMenuKey(menu.key);
|
setActiveFirstLevelMenuKey(menu.key);
|
||||||
@@ -49,7 +48,7 @@ function handleResetActiveMenu() {
|
|||||||
</FirstLevelMenu>
|
</FirstLevelMenu>
|
||||||
<div
|
<div
|
||||||
class="relative h-full transition-width-300"
|
class="relative h-full transition-width-300"
|
||||||
:style="{ width: appStore.mixSiderFixed ? themeStore.sider.mixChildMenuWidth + 'px' : '0px' }"
|
:style="{ width: appStore.mixSiderFixed && hasMenus ? themeStore.sider.mixChildMenuWidth + 'px' : '0px' }"
|
||||||
>
|
>
|
||||||
<DarkModeContainer
|
<DarkModeContainer
|
||||||
class="absolute-lt h-full flex-col-stretch nowrap-hidden shadow-sm transition-all-300"
|
class="absolute-lt h-full flex-col-stretch nowrap-hidden shadow-sm transition-all-300"
|
||||||
|
|||||||
@@ -137,7 +137,16 @@ const local: App.I18n.Schema = {
|
|||||||
403: 'No Permission',
|
403: 'No Permission',
|
||||||
404: 'Page Not Found',
|
404: 'Page Not Found',
|
||||||
500: 'Server Error',
|
500: 'Server Error',
|
||||||
|
'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',
|
'user-center': 'User Center',
|
||||||
about: 'About',
|
about: 'About',
|
||||||
function: 'System Function',
|
function: 'System Function',
|
||||||
|
|||||||
@@ -137,7 +137,16 @@ const local: App.I18n.Schema = {
|
|||||||
403: '无权限',
|
403: '无权限',
|
||||||
404: '页面不存在',
|
404: '页面不存在',
|
||||||
500: '服务器错误',
|
500: '服务器错误',
|
||||||
|
'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': '个人中心',
|
'user-center': '个人中心',
|
||||||
about: '关于',
|
about: '关于',
|
||||||
function: '系统功能',
|
function: '系统功能',
|
||||||
|
|||||||
@@ -18,6 +18,7 @@ export const views: Record<LastLevelRouteKey, RouteComponent | (() => Promise<Ro
|
|||||||
403: () => import("@/views/_builtin/403/index.vue"),
|
403: () => import("@/views/_builtin/403/index.vue"),
|
||||||
404: () => import("@/views/_builtin/404/index.vue"),
|
404: () => import("@/views/_builtin/404/index.vue"),
|
||||||
500: () => import("@/views/_builtin/500/index.vue"),
|
500: () => import("@/views/_builtin/500/index.vue"),
|
||||||
|
"iframe-page": () => import("@/views/_builtin/iframe-page/[url].vue"),
|
||||||
login: () => import("@/views/_builtin/login/index.vue"),
|
login: () => import("@/views/_builtin/login/index.vue"),
|
||||||
about: () => import("@/views/about/index.vue"),
|
about: () => import("@/views/about/index.vue"),
|
||||||
"function_hide-child_one": () => import("@/views/function/hide-child/one/index.vue"),
|
"function_hide-child_one": () => import("@/views/function/hide-child/one/index.vue"),
|
||||||
|
|||||||
@@ -179,6 +179,19 @@ export const generatedRoutes: GeneratedRoute[] = [
|
|||||||
order: 1
|
order: 1
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: 'iframe-page',
|
||||||
|
path: '/iframe-page/:url',
|
||||||
|
component: 'layout.base$view.iframe-page',
|
||||||
|
props: true,
|
||||||
|
meta: {
|
||||||
|
title: 'iframe-page',
|
||||||
|
i18nKey: 'route.iframe-page',
|
||||||
|
constant: true,
|
||||||
|
hideInMenu: true,
|
||||||
|
keepAlive: true
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: 'login',
|
name: 'login',
|
||||||
path: '/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?',
|
path: '/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?',
|
||||||
|
|||||||
@@ -147,6 +147,14 @@ const routeMap: RouteMap = {
|
|||||||
"exception_403": "/exception/403",
|
"exception_403": "/exception/403",
|
||||||
"exception_404": "/exception/404",
|
"exception_404": "/exception/404",
|
||||||
"exception_500": "/exception/500",
|
"exception_500": "/exception/500",
|
||||||
|
"document": "/document",
|
||||||
|
"document_project": "/document/project",
|
||||||
|
"document_project-link": "/document/project-link",
|
||||||
|
"document_vue": "/document/vue",
|
||||||
|
"document_vite": "/document/vite",
|
||||||
|
"document_unocss": "/document/unocss",
|
||||||
|
"document_naive": "/document/naive",
|
||||||
|
"document_antd": "/document/antd",
|
||||||
"403": "/403",
|
"403": "/403",
|
||||||
"404": "/404",
|
"404": "/404",
|
||||||
"500": "/500",
|
"500": "/500",
|
||||||
@@ -162,6 +170,7 @@ const routeMap: RouteMap = {
|
|||||||
"function_tab": "/function/tab",
|
"function_tab": "/function/tab",
|
||||||
"function_toggle-auth": "/function/toggle-auth",
|
"function_toggle-auth": "/function/toggle-auth",
|
||||||
"home": "/home",
|
"home": "/home",
|
||||||
|
"iframe-page": "/iframe-page/:url",
|
||||||
"login": "/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?",
|
"login": "/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?",
|
||||||
"manage": "/manage",
|
"manage": "/manage",
|
||||||
"manage_menu": "/manage/menu",
|
"manage_menu": "/manage/menu",
|
||||||
|
|||||||
@@ -51,6 +51,115 @@ const customRoutes: CustomRoute[] = [
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'document',
|
||||||
|
path: '/document',
|
||||||
|
component: 'layout.base',
|
||||||
|
meta: {
|
||||||
|
title: 'document',
|
||||||
|
i18nKey: 'route.document',
|
||||||
|
order: 2,
|
||||||
|
icon: 'mdi:file-document-multiple-outline'
|
||||||
|
},
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
name: 'document_antd',
|
||||||
|
path: '/document/antd',
|
||||||
|
component: 'view.iframe-page',
|
||||||
|
props: {
|
||||||
|
url: 'https://antdv.com/components/overview-cn'
|
||||||
|
},
|
||||||
|
meta: {
|
||||||
|
title: 'document_antd',
|
||||||
|
i18nKey: 'route.document_antd',
|
||||||
|
order: 7,
|
||||||
|
icon: 'logos:ant-design'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'document_naive',
|
||||||
|
path: '/document/naive',
|
||||||
|
component: 'view.iframe-page',
|
||||||
|
props: {
|
||||||
|
url: 'https://www.naiveui.com/zh-CN/os-theme/docs/introduction'
|
||||||
|
},
|
||||||
|
meta: {
|
||||||
|
title: 'document_naive',
|
||||||
|
i18nKey: 'route.document_naive',
|
||||||
|
order: 6,
|
||||||
|
icon: 'logos:naiveui'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'document_project',
|
||||||
|
path: '/document/project',
|
||||||
|
component: 'view.iframe-page',
|
||||||
|
props: {
|
||||||
|
url: 'https://docs.soybeanjs.cn/zh'
|
||||||
|
},
|
||||||
|
meta: {
|
||||||
|
title: 'document_project',
|
||||||
|
i18nKey: 'route.document_project',
|
||||||
|
order: 1,
|
||||||
|
localIcon: 'logo'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'document_project-link',
|
||||||
|
path: '/document/project-link',
|
||||||
|
component: 'view.iframe-page',
|
||||||
|
meta: {
|
||||||
|
title: 'document_project-link',
|
||||||
|
i18nKey: 'route.document_project-link',
|
||||||
|
order: 2,
|
||||||
|
localIcon: 'logo',
|
||||||
|
href: 'https://docs.soybeanjs.cn/zh'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'document_unocss',
|
||||||
|
path: '/document/unocss',
|
||||||
|
component: 'view.iframe-page',
|
||||||
|
props: {
|
||||||
|
url: 'https://unocss.dev/'
|
||||||
|
},
|
||||||
|
meta: {
|
||||||
|
title: 'document_unocss',
|
||||||
|
i18nKey: 'route.document_unocss',
|
||||||
|
order: 5,
|
||||||
|
icon: 'logos:unocss'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'document_vite',
|
||||||
|
path: '/document/vite',
|
||||||
|
component: 'view.iframe-page',
|
||||||
|
props: {
|
||||||
|
url: 'https://cn.vitejs.dev/'
|
||||||
|
},
|
||||||
|
meta: {
|
||||||
|
title: 'document_vite',
|
||||||
|
i18nKey: 'route.document_vite',
|
||||||
|
order: 4,
|
||||||
|
icon: 'logos:vitejs'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'document_vue',
|
||||||
|
path: '/document/vue',
|
||||||
|
component: 'view.iframe-page',
|
||||||
|
props: {
|
||||||
|
url: 'https://cn.vuejs.org/'
|
||||||
|
},
|
||||||
|
meta: {
|
||||||
|
title: 'document_vue',
|
||||||
|
i18nKey: 'route.document_vue',
|
||||||
|
order: 3,
|
||||||
|
icon: 'logos:vue'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
import { effectScope, onScopeDispose, ref, watch } from 'vue';
|
import { effectScope, onScopeDispose, ref, watch } from 'vue';
|
||||||
import { defineStore } from 'pinia';
|
import { defineStore } from 'pinia';
|
||||||
import { breakpointsTailwind, useBreakpoints, useTitle } from '@vueuse/core';
|
import { breakpointsTailwind, useBreakpoints, useEventListener, useTitle } from '@vueuse/core';
|
||||||
import { useBoolean } from '@sa/hooks';
|
import { useBoolean } from '@sa/hooks';
|
||||||
import { SetupStoreId } from '@/enum';
|
import { SetupStoreId } from '@/enum';
|
||||||
import { router } from '@/router';
|
import { router } from '@/router';
|
||||||
@@ -22,7 +22,11 @@ export const useAppStore = defineStore(SetupStoreId.App, () => {
|
|||||||
const { bool: fullContent, toggle: toggleFullContent } = useBoolean();
|
const { bool: fullContent, toggle: toggleFullContent } = useBoolean();
|
||||||
const { bool: contentXScrollable, setBool: setContentXScrollable } = useBoolean();
|
const { bool: contentXScrollable, setBool: setContentXScrollable } = useBoolean();
|
||||||
const { bool: siderCollapse, setBool: setSiderCollapse, toggle: toggleSiderCollapse } = useBoolean();
|
const { bool: siderCollapse, setBool: setSiderCollapse, toggle: toggleSiderCollapse } = useBoolean();
|
||||||
const { bool: mixSiderFixed, setBool: setMixSiderFixed, toggle: toggleMixSiderFixed } = useBoolean();
|
const {
|
||||||
|
bool: mixSiderFixed,
|
||||||
|
setBool: setMixSiderFixed,
|
||||||
|
toggle: toggleMixSiderFixed
|
||||||
|
} = useBoolean(localStg.get('mixSiderFixed') === 'Y');
|
||||||
|
|
||||||
/** Is mobile layout */
|
/** Is mobile layout */
|
||||||
const isMobile = breakpoints.smaller('sm');
|
const isMobile = breakpoints.smaller('sm');
|
||||||
@@ -35,11 +39,11 @@ export const useAppStore = defineStore(SetupStoreId.App, () => {
|
|||||||
async function reloadPage(duration = 300) {
|
async function reloadPage(duration = 300) {
|
||||||
setReloadFlag(false);
|
setReloadFlag(false);
|
||||||
|
|
||||||
if (duration > 0) {
|
const d = themeStore.page.animate ? duration : 40;
|
||||||
|
|
||||||
await new Promise(resolve => {
|
await new Promise(resolve => {
|
||||||
setTimeout(resolve, duration);
|
setTimeout(resolve, d);
|
||||||
});
|
});
|
||||||
}
|
|
||||||
|
|
||||||
setReloadFlag(true);
|
setReloadFlag(true);
|
||||||
}
|
}
|
||||||
@@ -107,6 +111,11 @@ export const useAppStore = defineStore(SetupStoreId.App, () => {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// cache mixSiderFixed
|
||||||
|
useEventListener(window, 'beforeunload', () => {
|
||||||
|
localStg.set('mixSiderFixed', mixSiderFixed.value ? 'Y' : 'N');
|
||||||
|
});
|
||||||
|
|
||||||
/** On scope dispose */
|
/** On scope dispose */
|
||||||
onScopeDispose(() => {
|
onScopeDispose(() => {
|
||||||
scope.stop();
|
scope.stop();
|
||||||
|
|||||||
@@ -52,6 +52,19 @@ export const useRouteStore = defineStore(SetupStoreId.Route, () => {
|
|||||||
routeHome.value = routeKey;
|
routeHome.value = routeKey;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** constant routes */
|
||||||
|
const constantRoutes = shallowRef<ElegantConstRoute[]>([]);
|
||||||
|
|
||||||
|
function addConstantRoutes(routes: ElegantConstRoute[]) {
|
||||||
|
const constantRoutesMap = new Map(constantRoutes.value.map(route => [route.name, route]));
|
||||||
|
|
||||||
|
routes.forEach(route => {
|
||||||
|
constantRoutesMap.set(route.name, route);
|
||||||
|
});
|
||||||
|
|
||||||
|
constantRoutes.value = Array.from(constantRoutesMap.values());
|
||||||
|
}
|
||||||
|
|
||||||
/** auth routes */
|
/** auth routes */
|
||||||
const authRoutes = shallowRef<ElegantConstRoute[]>([]);
|
const authRoutes = shallowRef<ElegantConstRoute[]>([]);
|
||||||
|
|
||||||
@@ -167,18 +180,18 @@ export const useRouteStore = defineStore(SetupStoreId.Route, () => {
|
|||||||
if (isInitConstantRoute.value) return;
|
if (isInitConstantRoute.value) return;
|
||||||
|
|
||||||
if (authRouteMode.value === 'static') {
|
if (authRouteMode.value === 'static') {
|
||||||
const { constantRoutes } = createStaticRoutes();
|
const staticRoute = createStaticRoutes();
|
||||||
|
|
||||||
addAuthRoutes(constantRoutes);
|
addConstantRoutes(staticRoute.constantRoutes);
|
||||||
} else {
|
} else {
|
||||||
const { data, error } = await fetchGetConstantRoutes();
|
const { data, error } = await fetchGetConstantRoutes();
|
||||||
|
|
||||||
if (!error) {
|
if (!error) {
|
||||||
addAuthRoutes(data);
|
addConstantRoutes(data);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
handleAuthRoutes();
|
handleConstantAndAuthRoutes();
|
||||||
|
|
||||||
setIsInitConstantRoute(true);
|
setIsInitConstantRoute(true);
|
||||||
}
|
}
|
||||||
@@ -206,7 +219,7 @@ export const useRouteStore = defineStore(SetupStoreId.Route, () => {
|
|||||||
addAuthRoutes(filteredAuthRoutes);
|
addAuthRoutes(filteredAuthRoutes);
|
||||||
}
|
}
|
||||||
|
|
||||||
handleAuthRoutes();
|
handleConstantAndAuthRoutes();
|
||||||
|
|
||||||
setIsInitAuthRoute(true);
|
setIsInitAuthRoute(true);
|
||||||
}
|
}
|
||||||
@@ -220,7 +233,7 @@ export const useRouteStore = defineStore(SetupStoreId.Route, () => {
|
|||||||
|
|
||||||
addAuthRoutes(routes);
|
addAuthRoutes(routes);
|
||||||
|
|
||||||
handleAuthRoutes();
|
handleConstantAndAuthRoutes();
|
||||||
|
|
||||||
setRouteHome(home);
|
setRouteHome(home);
|
||||||
|
|
||||||
@@ -230,9 +243,11 @@ export const useRouteStore = defineStore(SetupStoreId.Route, () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/** handle auth routes */
|
/** handle constant and auth routes */
|
||||||
function handleAuthRoutes() {
|
function handleConstantAndAuthRoutes() {
|
||||||
const sortRoutes = sortRoutesByOrder(authRoutes.value);
|
const allRoutes = [...constantRoutes.value, ...authRoutes.value];
|
||||||
|
|
||||||
|
const sortRoutes = sortRoutesByOrder(allRoutes);
|
||||||
|
|
||||||
const vueRoutes = getAuthVueRoutes(sortRoutes);
|
const vueRoutes = getAuthVueRoutes(sortRoutes);
|
||||||
|
|
||||||
|
|||||||
@@ -81,14 +81,12 @@ export const useThemeStore = defineStore(SetupStoreId.Theme, () => {
|
|||||||
*/
|
*/
|
||||||
function updateThemeColors(key: App.Theme.ThemeColorKey, color: string) {
|
function updateThemeColors(key: App.Theme.ThemeColorKey, color: string) {
|
||||||
// get a color palette by provided color and color name, and use the suitable color
|
// get a color palette by provided color and color name, and use the suitable color
|
||||||
const colorPalette = getColorPalette(color, key);
|
const { main } = getColorPalette(color);
|
||||||
|
|
||||||
const mainColor = colorPalette.main.hexcode;
|
|
||||||
|
|
||||||
if (key === 'primary') {
|
if (key === 'primary') {
|
||||||
settings.value.themeColor = mainColor;
|
settings.value.themeColor = main.hex;
|
||||||
} else {
|
} else {
|
||||||
settings.value.otherColor[key] = mainColor;
|
settings.value.otherColor[key] = main.hex;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import type { GlobalThemeOverrides } from 'naive-ui';
|
import type { GlobalThemeOverrides } from 'naive-ui';
|
||||||
import { getColorByColorPaletteNumber, getColorPalette } from '@sa/color-palette';
|
import { getColorByPaletteNumber, getColorPalette } from '@sa/color-palette';
|
||||||
import { addColorAlpha, getRgbOfColor } from '@sa/utils';
|
import { addColorAlpha, getRgbOfColor } from '@sa/utils';
|
||||||
import { overrideThemeSettings, themeSettings } from '@/theme/settings';
|
import { overrideThemeSettings, themeSettings } from '@/theme/settings';
|
||||||
import { themeVars } from '@/theme/vars';
|
import { themeVars } from '@/theme/vars';
|
||||||
@@ -81,12 +81,12 @@ function createThemePaletteColors(colors: App.Theme.ThemeColor) {
|
|||||||
const colorPaletteVar = {} as App.Theme.ThemePaletteColor;
|
const colorPaletteVar = {} as App.Theme.ThemePaletteColor;
|
||||||
|
|
||||||
colorKeys.forEach(key => {
|
colorKeys.forEach(key => {
|
||||||
const { palettes, main } = getColorPalette(colors[key], key);
|
const { palettes, main } = getColorPalette(colors[key]);
|
||||||
|
|
||||||
colorPaletteVar[key] = main.hexcode;
|
colorPaletteVar[key] = main.hex;
|
||||||
|
|
||||||
palettes.forEach(item => {
|
palettes.forEach(item => {
|
||||||
colorPaletteVar[`${key}-${item.number}`] = item.hexcode;
|
colorPaletteVar[`${key}-${item.number}`] = item.hex;
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -199,8 +199,8 @@ function getNaiveThemeColors(colors: App.Theme.ThemeColor) {
|
|||||||
const colorActions: NaiveColorAction[] = [
|
const colorActions: NaiveColorAction[] = [
|
||||||
{ scene: '', handler: color => color },
|
{ scene: '', handler: color => color },
|
||||||
{ scene: 'Suppl', handler: color => color },
|
{ scene: 'Suppl', handler: color => color },
|
||||||
{ scene: 'Hover', handler: color => getColorByColorPaletteNumber(color, 500) },
|
{ scene: 'Hover', handler: color => getColorByPaletteNumber(color, 500) },
|
||||||
{ scene: 'Pressed', handler: color => getColorByColorPaletteNumber(color, 700) },
|
{ scene: 'Pressed', handler: color => getColorByPaletteNumber(color, 700) },
|
||||||
{ scene: 'Active', handler: color => addColorAlpha(color, 0.1) }
|
{ scene: 'Active', handler: color => addColorAlpha(color, 0.1) }
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
27
src/typings/elegant-router.d.ts
vendored
27
src/typings/elegant-router.d.ts
vendored
@@ -21,6 +21,14 @@ declare module "@elegant-router/types" {
|
|||||||
"exception_403": "/exception/403";
|
"exception_403": "/exception/403";
|
||||||
"exception_404": "/exception/404";
|
"exception_404": "/exception/404";
|
||||||
"exception_500": "/exception/500";
|
"exception_500": "/exception/500";
|
||||||
|
"document": "/document";
|
||||||
|
"document_project": "/document/project";
|
||||||
|
"document_project-link": "/document/project-link";
|
||||||
|
"document_vue": "/document/vue";
|
||||||
|
"document_vite": "/document/vite";
|
||||||
|
"document_unocss": "/document/unocss";
|
||||||
|
"document_naive": "/document/naive";
|
||||||
|
"document_antd": "/document/antd";
|
||||||
"403": "/403";
|
"403": "/403";
|
||||||
"404": "/404";
|
"404": "/404";
|
||||||
"500": "/500";
|
"500": "/500";
|
||||||
@@ -36,6 +44,7 @@ declare module "@elegant-router/types" {
|
|||||||
"function_tab": "/function/tab";
|
"function_tab": "/function/tab";
|
||||||
"function_toggle-auth": "/function/toggle-auth";
|
"function_toggle-auth": "/function/toggle-auth";
|
||||||
"home": "/home";
|
"home": "/home";
|
||||||
|
"iframe-page": "/iframe-page/:url";
|
||||||
"login": "/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?";
|
"login": "/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?";
|
||||||
"manage": "/manage";
|
"manage": "/manage";
|
||||||
"manage_menu": "/manage/menu";
|
"manage_menu": "/manage/menu";
|
||||||
@@ -72,6 +81,14 @@ declare module "@elegant-router/types" {
|
|||||||
| "exception_403"
|
| "exception_403"
|
||||||
| "exception_404"
|
| "exception_404"
|
||||||
| "exception_500"
|
| "exception_500"
|
||||||
|
| "document"
|
||||||
|
| "document_project"
|
||||||
|
| "document_project-link"
|
||||||
|
| "document_vue"
|
||||||
|
| "document_vite"
|
||||||
|
| "document_unocss"
|
||||||
|
| "document_naive"
|
||||||
|
| "document_antd"
|
||||||
>;
|
>;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -90,6 +107,7 @@ declare module "@elegant-router/types" {
|
|||||||
| "about"
|
| "about"
|
||||||
| "function"
|
| "function"
|
||||||
| "home"
|
| "home"
|
||||||
|
| "iframe-page"
|
||||||
| "login"
|
| "login"
|
||||||
| "manage"
|
| "manage"
|
||||||
| "multi-menu"
|
| "multi-menu"
|
||||||
@@ -104,6 +122,7 @@ declare module "@elegant-router/types" {
|
|||||||
| "root"
|
| "root"
|
||||||
| "not-found"
|
| "not-found"
|
||||||
| "exception"
|
| "exception"
|
||||||
|
| "document"
|
||||||
>;
|
>;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -114,6 +133,7 @@ declare module "@elegant-router/types" {
|
|||||||
| "403"
|
| "403"
|
||||||
| "404"
|
| "404"
|
||||||
| "500"
|
| "500"
|
||||||
|
| "iframe-page"
|
||||||
| "login"
|
| "login"
|
||||||
| "about"
|
| "about"
|
||||||
| "function_hide-child_one"
|
| "function_hide-child_one"
|
||||||
@@ -144,6 +164,13 @@ declare module "@elegant-router/types" {
|
|||||||
| "exception_403"
|
| "exception_403"
|
||||||
| "exception_404"
|
| "exception_404"
|
||||||
| "exception_500"
|
| "exception_500"
|
||||||
|
| "document_project"
|
||||||
|
| "document_project-link"
|
||||||
|
| "document_vue"
|
||||||
|
| "document_vite"
|
||||||
|
| "document_unocss"
|
||||||
|
| "document_naive"
|
||||||
|
| "document_antd"
|
||||||
>;
|
>;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
2
src/typings/storage.d.ts
vendored
2
src/typings/storage.d.ts
vendored
@@ -14,6 +14,8 @@ declare namespace StorageType {
|
|||||||
lang: App.I18n.LangType;
|
lang: App.I18n.LangType;
|
||||||
/** The token */
|
/** The token */
|
||||||
token: string;
|
token: string;
|
||||||
|
/** Fixed sider with mix-menu */
|
||||||
|
mixSiderFixed: CommonType.YesOrNo;
|
||||||
/** The refresh token */
|
/** The refresh token */
|
||||||
refreshToken: string;
|
refreshToken: string;
|
||||||
/** The user info */
|
/** The user info */
|
||||||
|
|||||||
25
src/views/_builtin/iframe-page/[url].vue
Normal file
25
src/views/_builtin/iframe-page/[url].vue
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { onActivated, onMounted } from 'vue';
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
url: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
defineProps<Props>();
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
console.log('mounted');
|
||||||
|
});
|
||||||
|
|
||||||
|
onActivated(() => {
|
||||||
|
console.log('activated');
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="h-full">
|
||||||
|
<iframe id="iframePage" class="size-full" :src="url"></iframe>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
@@ -1,13 +1,17 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed, ref } from 'vue';
|
import { computed, ref } from 'vue';
|
||||||
|
import { useRoute } from 'vue-router';
|
||||||
import { useLoading } from '@sa/hooks';
|
import { useLoading } from '@sa/hooks';
|
||||||
import { $t } from '@/locales';
|
import { $t } from '@/locales';
|
||||||
import { useAppStore } from '@/store/modules/app';
|
import { useAppStore } from '@/store/modules/app';
|
||||||
import { useAuthStore } from '@/store/modules/auth';
|
import { useAuthStore } from '@/store/modules/auth';
|
||||||
|
import { useTabStore } from '@/store/modules/tab';
|
||||||
import { useAuth } from '@/hooks/business/auth';
|
import { useAuth } from '@/hooks/business/auth';
|
||||||
|
|
||||||
|
const route = useRoute();
|
||||||
const appStore = useAppStore();
|
const appStore = useAppStore();
|
||||||
const authStore = useAuthStore();
|
const authStore = useAuthStore();
|
||||||
|
const tabStore = useTabStore();
|
||||||
const { hasAuth } = useAuth();
|
const { hasAuth } = useAuth();
|
||||||
const { loading, startLoading, endLoading } = useLoading();
|
const { loading, startLoading, endLoading } = useLoading();
|
||||||
|
|
||||||
@@ -48,6 +52,7 @@ async function handleToggleAccount(account: Account) {
|
|||||||
|
|
||||||
startLoading();
|
startLoading();
|
||||||
await authStore.login(account.userName, account.password, false);
|
await authStore.login(account.userName, account.password, false);
|
||||||
|
tabStore.initTabStore(route);
|
||||||
endLoading();
|
endLoading();
|
||||||
appStore.reloadPage();
|
appStore.reloadPage();
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -182,7 +182,7 @@ watch(visible, () => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<NDrawer v-model:show="visible" :title="title" display-directive="show" :width="360">
|
<NDrawer v-model:show="visible" display-directive="show" :width="360">
|
||||||
<NDrawerContent :title="title" :native-scrollbar="false" closable>
|
<NDrawerContent :title="title" :native-scrollbar="false" closable>
|
||||||
<NForm ref="formRef" :model="model" :rules="rules" label-placement="left" :label-width="80">
|
<NForm ref="formRef" :model="model" :rules="rules" label-placement="left" :label-width="80">
|
||||||
<NFormItem :label="$t('page.manage.menu.menuType')" path="menuType">
|
<NFormItem :label="$t('page.manage.menu.menuType')" path="menuType">
|
||||||
|
|||||||
@@ -100,7 +100,7 @@ watch(visible, () => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<NDrawer v-model:show="visible" :title="title" display-directive="show" :width="360">
|
<NDrawer v-model:show="visible" display-directive="show" :width="360">
|
||||||
<NDrawerContent :title="title" :native-scrollbar="false" closable>
|
<NDrawerContent :title="title" :native-scrollbar="false" closable>
|
||||||
<NForm ref="formRef" :model="model" :rules="rules">
|
<NForm ref="formRef" :model="model" :rules="rules">
|
||||||
<NFormItem :label="$t('page.manage.role.roleName')" path="roleName">
|
<NFormItem :label="$t('page.manage.role.roleName')" path="roleName">
|
||||||
|
|||||||
@@ -122,7 +122,7 @@ watch(visible, () => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<NDrawer v-model:show="visible" :title="title" display-directive="show" :width="360">
|
<NDrawer v-model:show="visible" display-directive="show" :width="360">
|
||||||
<NDrawerContent :title="title" :native-scrollbar="false" closable>
|
<NDrawerContent :title="title" :native-scrollbar="false" closable>
|
||||||
<NForm ref="formRef" :model="model" :rules="rules">
|
<NForm ref="formRef" :model="model" :rules="rules">
|
||||||
<NFormItem :label="$t('page.manage.user.userName')" path="userName">
|
<NFormItem :label="$t('page.manage.user.userName')" path="userName">
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
"types": ["vite/client", "node", "unplugin-icons/types/vue", "naive-ui/volar"],
|
"types": ["vite/client", "node", "unplugin-icons/types/vue", "naive-ui/volar"],
|
||||||
"strict": true,
|
"strict": true,
|
||||||
"strictNullChecks": true,
|
"strictNullChecks": true,
|
||||||
"noUnusedLocals": true,
|
"noUnusedLocals": false,
|
||||||
"allowSyntheticDefaultImports": true,
|
"allowSyntheticDefaultImports": true,
|
||||||
"esModuleInterop": true,
|
"esModuleInterop": true,
|
||||||
"forceConsistentCasingInFileNames": true,
|
"forceConsistentCasingInFileNames": true,
|
||||||
|
|||||||
Reference in New Issue
Block a user