mirror of
				https://github.com/soybeanjs/soybean-admin.git
				synced 2025-11-04 07:43:42 +08:00 
			
		
		
		
	Compare commits
	
		
			62 Commits
		
	
	
		
			v1.0.0-bet
			...
			v1.0.6
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
| 
						 | 
					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 | ||
| 
						 | 
					d9af5aa2d3 | ||
| 
						 | 
					d984f75b80 | ||
| 
						 | 
					27c53cd688 | ||
| 
						 | 
					b7f0749170 | ||
| 
						 | 
					cb8ea2531d | ||
| 
						 | 
					c6648b6c8b | ||
| 
						 | 
					bb74d9949b | ||
| 
						 | 
					60beff7e63 | ||
| 
						 | 
					d6eda8f9ed | ||
| 
						 | 
					f4a9cf8339 | ||
| 
						 | 
					efc0e25c7f | ||
| 
						 | 
					35310ed73c | ||
| 
						 | 
					001059cca0 | ||
| 
						 | 
					4af884c08b | ||
| 
						 | 
					41e470ed6e | ||
| 
						 | 
					2f15a2ac6a | ||
| 
						 | 
					1c72dc76ee | ||
| 
						 | 
					a1b484a8eb | ||
| 
						 | 
					d9410e416e | ||
| 
						 | 
					769d84a7f4 | ||
| 
						 | 
					0fbb00cee1 | ||
| 
						 | 
					cc539974b2 | ||
| 
						 | 
					1ec5ea0ff1 | ||
| 
						 | 
					9125cc9b60 | ||
| 
						 | 
					76011af8a9 | ||
| 
						 | 
					4babbe19a3 | ||
| 
						 | 
					ae508bc572 | ||
| 
						 | 
					c8260221dd | ||
| 
						 | 
					82b53d7e98 | ||
| 
						 | 
					f69e1523c0 | ||
| 
						 | 
					c0009203c6 | 
							
								
								
									
										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
 | 
				
			||||||
 
 | 
				
			|||||||
							
								
								
									
										13
									
								
								.gitattributes
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						
									
										13
									
								
								.gitattributes
									
									
									
									
										vendored
									
									
										Normal file
									
								
							@@ -0,0 +1,13 @@
 | 
				
			|||||||
 | 
					"*.vue"    eol=lf
 | 
				
			||||||
 | 
					"*.js"     eol=lf
 | 
				
			||||||
 | 
					"*.ts"     eol=lf
 | 
				
			||||||
 | 
					"*.jsx"    eol=lf
 | 
				
			||||||
 | 
					"*.tsx"    eol=lf
 | 
				
			||||||
 | 
					"*.mjs"    eol=lf
 | 
				
			||||||
 | 
					"*.json"   eol=lf
 | 
				
			||||||
 | 
					"*.html"   eol=lf
 | 
				
			||||||
 | 
					"*.css"    eol=lf
 | 
				
			||||||
 | 
					"*.scss"   eol=lf
 | 
				
			||||||
 | 
					"*.md"     eol=lf
 | 
				
			||||||
 | 
					"*.yaml"   eol=lf
 | 
				
			||||||
 | 
					"*.yml"    eol=lf
 | 
				
			||||||
							
								
								
									
										762
									
								
								CHANGELOG.md
									
									
									
									
									
								
							
							
						
						
									
										762
									
								
								CHANGELOG.md
									
									
									
									
									
								
							@@ -1,7 +1,419 @@
 | 
				
			|||||||
# Changelog
 | 
					# Changelog
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
## [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.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
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **hooks**: deleting the route export of useRoutePush, use vue-router  -  by **paynezhuang** [<samp>(c6648)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c6648b6)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    🐞 Bug Fixes
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **projects**:
 | 
				
			||||||
 | 
					  - fix menu edit rules  -  by **paynezhuang** [<samp>(00105)</samp>](https://github.com/soybeanjs/soybean-admin/commit/001059c)
 | 
				
			||||||
 | 
					  - fix SvgIcon inheritAttrs warning  -  by @honghuangdc [<samp>(efc0e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/efc0e25)
 | 
				
			||||||
 | 
					  - fix axios createRequest: add default state  -  by @honghuangdc [<samp>(d6eda)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d6eda8f)
 | 
				
			||||||
 | 
					  - update union-key.d.ts  -  by @honghuangdc [<samp>(60bef)</samp>](https://github.com/soybeanjs/soybean-admin/commit/60beff7)
 | 
				
			||||||
 | 
					  - fix update theme color  -  by @honghuangdc [<samp>(27c53)</samp>](https://github.com/soybeanjs/soybean-admin/commit/27c53cd)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    🔥 Performance
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **projects**: perf code  -  by @honghuangdc [<samp>(b7f07)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b7f0749)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    💅 Refactors
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **projects**: update naive-ui.d.ts  -  by @honghuangdc [<samp>(bb74d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/bb74d99)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    📖 Documentation
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **projects**: update README.md  -  by @honghuangdc [<samp>(f4a9c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f4a9cf8)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    ❤️ Contributors
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					[](https://github.com/honghuangdc)  
 | 
				
			||||||
 | 
					[paynezhuang](mailto:paynezhuang@gmail.com)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					## [v1.0.2](https://github.com/soybeanjs/soybean-admin/compare/v1.0.1...v1.0.2) (2024-04-08)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    🐞 Bug Fixes
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **projects**: unify border-radius of Tag. fixed #378  -  by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/378 [<samp>(2f15a)</samp>](https://github.com/soybeanjs/soybean-admin/commit/2f15a2a)
 | 
				
			||||||
 | 
					- **styles**: fix css var is inserted repeatedly  -  by **燕博文** [<samp>(769d8)</samp>](https://github.com/soybeanjs/soybean-admin/commit/769d84a)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    💅 Refactors
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **projects**: refactor addThemeVarsToHtml  -  by @honghuangdc [<samp>(41e47)</samp>](https://github.com/soybeanjs/soybean-admin/commit/41e470e)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    🏡 Chore
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **deps**: update deps  -  by @honghuangdc [<samp>(a1b48)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a1b484a)
 | 
				
			||||||
 | 
					- **projects**: disabled unocss eslint rule: order-attributify  -  by @honghuangdc [<samp>(1c72d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1c72dc7)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    ❤️ Contributors
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					[](https://github.com/honghuangdc)  
 | 
				
			||||||
 | 
					[燕博文](mailto:349952469@qq.com)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					## [v1.0.1](https://github.com/soybeanjs/soybean-admin/compare/v1.0.0...v1.0.1) (2024-04-03)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    🐞 Bug Fixes
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **projects**:
 | 
				
			||||||
 | 
					  - fix flatRequest error type. fixed #376  -  by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/376 [<samp>(1ec5e)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1ec5ea0)
 | 
				
			||||||
 | 
					  - add maxWidth for GlobalTab to fix bg with gap. fixed #350  -  by @honghuangdc in https://github.com/soybeanjs/soybean-admin/issues/350 [<samp>(cc539)</samp>](https://github.com/soybeanjs/soybean-admin/commit/cc53997)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    📖 Documentation
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **projects**: update README.md  -  by @honghuangdc [<samp>(76011)</samp>](https://github.com/soybeanjs/soybean-admin/commit/76011af)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    🏡 Chore
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **projects**:
 | 
				
			||||||
 | 
					  - update deps  -  by @honghuangdc [<samp>(4babb)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4babbe1)
 | 
				
			||||||
 | 
					  - update pnpm version  -  by @honghuangdc [<samp>(9125c)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9125cc9)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    ❤️ Contributors
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					[](https://github.com/honghuangdc)  
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					## [v1.0.0](https://github.com/soybeanjs/soybean-admin/compare/v0.10.4...v1.0.0) (2024-03-31)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    🚀 Features
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- internationalized menu search  -  by **Kori** [<samp>(9e115)</samp>](https://github.com/soybeanjs/soybean-admin/commit/9e115da)
 | 
				
			||||||
 | 
					- **components**:
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/9ea8789)
 | 
				
			||||||
 | 
					- **hooks**:
 | 
				
			||||||
 | 
					  - add use-echarts  -  by @honghuangdc [<samp>(726ab)</samp>](https://github.com/soybeanjs/soybean-admin/commit/726abe4)
 | 
				
			||||||
 | 
					- **projects**:
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/96e4aff)
 | 
				
			||||||
 | 
					  - @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/soybeanjs/soybean-admin/commit/c65451b)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/4955f1a)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/f59f348)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/697c1b6)
 | 
				
			||||||
 | 
					  - @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/soybeanjs/soybean-admin/commit/62e4da0)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/6ff86e7)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/8a170ee)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/db17c91)
 | 
				
			||||||
 | 
					  - 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/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)
 | 
				
			||||||
 | 
					  - 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)
 | 
				
			||||||
 | 
					  - 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)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/c91dd28)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/11a6a3b)
 | 
				
			||||||
 | 
					  - 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)
 | 
				
			||||||
 | 
					- **router**:
 | 
				
			||||||
 | 
					  - add sortRoutesByOrder function  -  by @Azir-11 [<samp>(0cf09)</samp>](https://github.com/soybeanjs/soybean-admin/commit/0cf09ba)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    🐞 Bug Fixes
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **components**:
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/ccc2b67)
 | 
				
			||||||
 | 
					  - fix homeTab closeRight and disable colseLeft  -  by **~li** [<samp>(d28bf)</samp>](https://github.com/soybeanjs/soybean-admin/commit/d28bf52)
 | 
				
			||||||
 | 
					- **hooks**:
 | 
				
			||||||
 | 
					  - Fix Naive Pagination's outdated API  -  by **tnt group** [<samp>(37436)</samp>](https://github.com/soybeanjs/soybean-admin/commit/3743612)
 | 
				
			||||||
 | 
					- **projects**:
 | 
				
			||||||
 | 
					  - 修复路由命名为包含关系时导致导航数据出错的问题  -  by @Particaly [<samp>(76636)</samp>](https://github.com/soybeanjs/soybean-admin/commit/766369f)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/748cfa2)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/1335d47)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/2372dc9)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/8b6de48)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/b3779a6)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/d886e50)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/7770b37)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/ae6b613)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/e6fed1f)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/3bdcbc7)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/0a3efe3)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/0123c37)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/bccd6cb)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/ffc95d2)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/455e48f)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/23a4098)
 | 
				
			||||||
 | 
					  - fix pin-toggler toolTip zIndex  -  by @honghuangdc [<samp>(f89e6)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f89e6c0)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    🔥 Performance
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **components**:
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/296a2d2)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/04aa10b)
 | 
				
			||||||
 | 
					  - perf global-search  -  by @honghuangdc [<samp>(72745)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7274522)
 | 
				
			||||||
 | 
					- **projects**:
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/1bac3b7)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/5c49d24)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/4134955)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/39aa7aa)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/0aa75c0)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/05db8c0)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/779ba4e)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/0abbfa5)
 | 
				
			||||||
 | 
					  - perf code  -  by @honghuangdc [<samp>(a0bad)</samp>](https://github.com/soybeanjs/soybean-admin/commit/a0bad57)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    💅 Refactors
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **projects**:
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/3346bcd)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/b5551d6)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/59bec2d)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/2724169)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/a19f895)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/43193e2)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/b546ff8)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/8630175)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/f91ef30)
 | 
				
			||||||
 | 
					  - new route guard  -  by @honghuangdc [<samp>(37d20)</samp>](https://github.com/soybeanjs/soybean-admin/commit/37d20b8)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    📖 Documentation
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **projects**:
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/1ea4817)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/d16a9d5)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/57b6d8a)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/c260fe2)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/0fae993)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/86b445c)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/6ea9b85)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/418302a)
 | 
				
			||||||
 | 
					  - add CHANGELOG.md  -  by @honghuangdc [<samp>(46b61)</samp>](https://github.com/soybeanjs/soybean-admin/commit/46b6156)
 | 
				
			||||||
 | 
					  - add communication  -  by @honghuangdc [<samp>(8c7ea)</samp>](https://github.com/soybeanjs/soybean-admin/commit/8c7ea23)
 | 
				
			||||||
 | 
					  - update README.md  -  by @honghuangdc [<samp>(07d8d)</samp>](https://github.com/soybeanjs/soybean-admin/commit/07d8d25)
 | 
				
			||||||
 | 
					  - update README.md  -  by @honghuangdc [<samp>(1a707)</samp>](https://github.com/soybeanjs/soybean-admin/commit/1a7070f)
 | 
				
			||||||
 | 
					  - update README.md  -  by @honghuangdc [<samp>(f69e1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f69e152)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    🏡 Chore
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **deps**:
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/36fe1da)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/f1b86cc)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/6114b9f)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/9c4ba66)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/14aa856)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/b2ee9ee)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/c0a65a1)
 | 
				
			||||||
 | 
					  - update deps  -  by @honghuangdc [<samp>(6b513)</samp>](https://github.com/soybeanjs/soybean-admin/commit/6b5132c)
 | 
				
			||||||
 | 
					  - update deps  -  by @honghuangdc [<samp>(82b53)</samp>](https://github.com/soybeanjs/soybean-admin/commit/82b53d7)
 | 
				
			||||||
 | 
					- **project**:
 | 
				
			||||||
 | 
					  - delete src/locales/lang/zh-CN.ts  -  by @honghuangdc [<samp>(377db)</samp>](https://github.com/soybeanjs/soybean-admin/commit/377db82)
 | 
				
			||||||
 | 
					- **projects**:
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/d778560)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/5023f37)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/ea02b23)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/4031faf)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/13001bc)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/ebb1548)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/147f60d)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/9772aec)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/3db82ac)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/7065f6f)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/6ad51e9)
 | 
				
			||||||
 | 
					  - add .gitattributes  -  by @honghuangdc [<samp>(c0009)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c000920)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    🎨 Styles
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **components**:
 | 
				
			||||||
 | 
					  - Uniform icon size for header  -  by @Azir-11 [<samp>(b37c1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/b37c1e9)
 | 
				
			||||||
 | 
					- **projects**:
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/4d8469e)
 | 
				
			||||||
 | 
					  - 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/soybeanjs/soybean-admin/commit/123fd4f)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    🤖 CI
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **projects**:
 | 
				
			||||||
 | 
					  - add github actions config  -  by @honghuangdc [<samp>(4cb17)</samp>](https://github.com/soybeanjs/soybean-admin/commit/4cb17c7)
 | 
				
			||||||
 | 
					  - update release.yml  -  by @honghuangdc [<samp>(7b298)</samp>](https://github.com/soybeanjs/soybean-admin/commit/7b298c6)
 | 
				
			||||||
 | 
					  - add issue template  -  by @honghuangdc [<samp>(06e20)</samp>](https://github.com/soybeanjs/soybean-admin/commit/06e204a)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    ❤️ Contributors
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					[](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), 
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					## [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
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **projects**: update README.md  -  by @honghuangdc [<samp>(f69e1)</samp>](https://github.com/soybeanjs/soybean-admin/commit/f69e152)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    🏡 Chore
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **deps**: update deps  -  by @honghuangdc [<samp>(82b53)</samp>](https://github.com/soybeanjs/soybean-admin/commit/82b53d7)
 | 
				
			||||||
 | 
					- **projects**: add .gitattributes  -  by @honghuangdc [<samp>(c0009)</samp>](https://github.com/soybeanjs/soybean-admin/commit/c000920)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###    ❤️ Contributors
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					[](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) (2024-03-27)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
###    🐞 Bug Fixes
 | 
					###    🐞 Bug Fixes
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@@ -32,220 +444,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
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 
 | 
				
			|||||||
							
								
								
									
										23
									
								
								README.md
									
									
									
									
									
								
							
							
						
						
									
										23
									
								
								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
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@@ -143,14 +142,14 @@ Thanks the following people for their contributions. If you want to contribute t
 | 
				
			|||||||
  	<p>QQ Group</p>
 | 
					  	<p>QQ Group</p>
 | 
				
			||||||
    <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/qq-soybean-admin-2.jpg" style="width:200px" />
 | 
					    <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/qq-soybean-admin-2.jpg" style="width:200px" />
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
	<div>
 | 
						<!-- <div>
 | 
				
			||||||
		<p>WeChat Group</p>
 | 
							<p>WeChat Group</p>
 | 
				
			||||||
		<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-0402.jpg" style="width:200px" />
 | 
							<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-0402.jpg" style="width:200px" />
 | 
				
			||||||
	</div>
 | 
					 | 
				
			||||||
	<!-- <div>
 | 
					 | 
				
			||||||
		<p>add the following WeChat to invite to the WeChat group</p>
 | 
					 | 
				
			||||||
		<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-soybeanjs.jpg" style="width:200px" />
 | 
					 | 
				
			||||||
	</div> -->
 | 
						</div> -->
 | 
				
			||||||
 | 
						<div>
 | 
				
			||||||
 | 
							<p>Add the following WeChat to invite to the WeChat group</p>
 | 
				
			||||||
 | 
							<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-soybeanjs.jpg" style="width:200px" />
 | 
				
			||||||
 | 
						</div>
 | 
				
			||||||
  <div>
 | 
					  <div>
 | 
				
			||||||
    <p>Add Soybean's WeChat for business consultation, cooperation, project architecture, one-on-one guidance, etc.</p>
 | 
					    <p>Add Soybean's WeChat for business consultation, cooperation, project architecture, one-on-one guidance, etc.</p>
 | 
				
			||||||
    <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-soybean.jpg" style="width:200px" />
 | 
					    <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-soybean.jpg" style="width:200px" />
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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` 为您提供了一站式的后台管理解决方案,无需额外配置,开箱即用。同样是一个快速学习前沿技术的最佳实践。
 | 
				
			||||||
@@ -48,7 +44,7 @@
 | 
				
			|||||||
  - [预览地址](https://antd.soybeanjs.cn/)
 | 
					  - [预览地址](https://antd.soybeanjs.cn/)
 | 
				
			||||||
  - [Github 仓库](https://github.com/soybeanjs/soybean-admin-antd)
 | 
					  - [Github 仓库](https://github.com/soybeanjs/soybean-admin-antd)
 | 
				
			||||||
  - [Gitee 仓库](https://gitee.com/honghuangdc/soybean-admin-antd)
 | 
					  - [Gitee 仓库](https://gitee.com/honghuangdc/soybean-admin-antd)
 | 
				
			||||||
  -
 | 
					
 | 
				
			||||||
- **旧版:**
 | 
					- **旧版:**
 | 
				
			||||||
  - [预览地址](https://legacy.soybeanjs.cn/)
 | 
					  - [预览地址](https://legacy.soybeanjs.cn/)
 | 
				
			||||||
  - [Github 仓库](https://github.com/soybeanjs/soybean-admin/tree/legacy)
 | 
					  - [Github 仓库](https://github.com/soybeanjs/soybean-admin/tree/legacy)
 | 
				
			||||||
@@ -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` 命令来创建提交信息,以确保信息的规范性。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
## 浏览器支持
 | 
					## 浏览器支持
 | 
				
			||||||
@@ -147,14 +142,14 @@ pnpm build
 | 
				
			|||||||
  	<p>QQ交流群</p>
 | 
					  	<p>QQ交流群</p>
 | 
				
			||||||
    <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/qq-soybean-admin-2.jpg" style="width:200px" />
 | 
					    <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/qq-soybean-admin-2.jpg" style="width:200px" />
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
	<div>
 | 
						<!-- <div>
 | 
				
			||||||
		<p>微信群</p>
 | 
							<p>微信群</p>
 | 
				
			||||||
		<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-0402.jpg" style="width:200px" />
 | 
							<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-0402.jpg" style="width:200px" />
 | 
				
			||||||
	</div>
 | 
						</div> -->
 | 
				
			||||||
	<!-- <div>
 | 
						<div>
 | 
				
			||||||
		<p>添加下面微信邀请进微信群</p>
 | 
							<p>添加下面微信邀请进微信群</p>
 | 
				
			||||||
		<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-soybeanjs.jpg" style="width:200px" />
 | 
							<img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-soybeanjs.jpg" style="width:200px" />
 | 
				
			||||||
	</div> -->
 | 
						</div>
 | 
				
			||||||
  <div>
 | 
					  <div>
 | 
				
			||||||
    <p>添加 Soybean 的微信,业务咨询、合作、项目架构、一对一指导等</p>
 | 
					    <p>添加 Soybean 的微信,业务咨询、合作、项目架构、一对一指导等</p>
 | 
				
			||||||
    <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-soybean.jpg" style="width:200px" />
 | 
					    <img src="https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-soybean.jpg" style="width:200px" />
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -17,7 +17,8 @@ export default defineConfig(
 | 
				
			|||||||
          registeredComponentsOnly: false,
 | 
					          registeredComponentsOnly: false,
 | 
				
			||||||
          ignores: ['/^icon-/']
 | 
					          ignores: ['/^icon-/']
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
      ]
 | 
					      ],
 | 
				
			||||||
 | 
					      '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.0-beta.2",
 | 
					  "version": "1.0.6",
 | 
				
			||||||
  "packageManager": "pnpm@8.15.5",
 | 
					 | 
				
			||||||
  "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.10.2",
 | 
					    "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.196",
 | 
					    "@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.11.30",
 | 
					    "@types/node": "20.12.7",
 | 
				
			||||||
    "@types/nprogress": "0.2.3",
 | 
					    "@types/nprogress": "0.2.3",
 | 
				
			||||||
    "@unocss/eslint-config": "0.58.7",
 | 
					    "@unocss/eslint-config": "0.59.4",
 | 
				
			||||||
    "@unocss/preset-icons": "0.58.7",
 | 
					    "@unocss/preset-icons": "0.59.4",
 | 
				
			||||||
    "@unocss/preset-uno": "0.58.7",
 | 
					    "@unocss/preset-uno": "0.59.4",
 | 
				
			||||||
    "@unocss/transformer-directives": "0.58.7",
 | 
					    "@unocss/transformer-directives": "0.59.4",
 | 
				
			||||||
    "@unocss/transformer-variant-group": "0.58.7",
 | 
					    "@unocss/transformer-variant-group": "0.59.4",
 | 
				
			||||||
    "@unocss/vite": "0.58.7",
 | 
					    "@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.72.0",
 | 
					    "sass": "1.75.0",
 | 
				
			||||||
    "simple-git-hooks": "2.11.1",
 | 
					    "simple-git-hooks": "2.11.1",
 | 
				
			||||||
    "tsx": "4.7.1",
 | 
					    "tsx": "4.7.2",
 | 
				
			||||||
    "typescript": "5.4.3",
 | 
					    "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.6",
 | 
					    "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.24",
 | 
					    "vite-plugin-vue-devtools": "7.1.2",
 | 
				
			||||||
    "vue-eslint-parser": "9.4.2",
 | 
					    "vue-eslint-parser": "9.4.2",
 | 
				
			||||||
    "vue-tsc": "2.0.7"
 | 
					    "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.0-beta.2",
 | 
					  "version": "1.0.6",
 | 
				
			||||||
  "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);
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@@ -127,6 +129,7 @@ export function createRequest<ResponseData = any, State = Record<string, unknown
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
  request.cancelRequest = cancelRequest;
 | 
					  request.cancelRequest = cancelRequest;
 | 
				
			||||||
  request.cancelAllRequest = cancelAllRequest;
 | 
					  request.cancelAllRequest = cancelAllRequest;
 | 
				
			||||||
 | 
					  request.state = {} as State;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  return request;
 | 
					  return request;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
@@ -145,9 +148,10 @@ export function createFlatRequest<ResponseData = any, State = Record<string, unk
 | 
				
			|||||||
) {
 | 
					) {
 | 
				
			||||||
  const { instance, opts, cancelRequest, cancelAllRequest } = createCommonRequest<ResponseData>(axiosConfig, options);
 | 
					  const { instance, opts, cancelRequest, cancelAllRequest } = createCommonRequest<ResponseData>(axiosConfig, options);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  const flatRequest: FlatRequestInstance<State> = async function flatRequest<T = any, R extends ResponseType = 'json'>(
 | 
					  const flatRequest: FlatRequestInstance<State, ResponseData> = async function flatRequest<
 | 
				
			||||||
    config: CustomAxiosRequestConfig
 | 
					    T = any,
 | 
				
			||||||
  ) {
 | 
					    R extends ResponseType = 'json'
 | 
				
			||||||
 | 
					  >(config: CustomAxiosRequestConfig) {
 | 
				
			||||||
    try {
 | 
					    try {
 | 
				
			||||||
      const response: AxiosResponse<ResponseData> = await instance(config);
 | 
					      const response: AxiosResponse<ResponseData> = await instance(config);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@@ -163,7 +167,7 @@ export function createFlatRequest<ResponseData = any, State = Record<string, unk
 | 
				
			|||||||
    } catch (error) {
 | 
					    } catch (error) {
 | 
				
			||||||
      return { data: null, error };
 | 
					      return { data: null, error };
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  } as FlatRequestInstance<State>;
 | 
					  } as FlatRequestInstance<State, ResponseData>;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  flatRequest.cancelRequest = cancelRequest;
 | 
					  flatRequest.cancelRequest = cancelRequest;
 | 
				
			||||||
  flatRequest.cancelAllRequest = cancelAllRequest;
 | 
					  flatRequest.cancelAllRequest = cancelAllRequest;
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -85,15 +85,17 @@ export type FlatResponseSuccessData<T = any> = {
 | 
				
			|||||||
  error: null;
 | 
					  error: null;
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export type FlatResponseFailData<T = any> = {
 | 
					export type FlatResponseFailData<ResponseData = any> = {
 | 
				
			||||||
  data: null;
 | 
					  data: null;
 | 
				
			||||||
  error: AxiosError<T>;
 | 
					  error: AxiosError<ResponseData>;
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export type FlatResponseData<T = any> = FlatResponseSuccessData<T> | FlatResponseFailData<T>;
 | 
					export type FlatResponseData<T = any, ResponseData = any> =
 | 
				
			||||||
 | 
					  | FlatResponseSuccessData<T>
 | 
				
			||||||
 | 
					  | FlatResponseFailData<ResponseData>;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export interface FlatRequestInstance<S = Record<string, unknown>> extends RequestInstanceCommon<S> {
 | 
					export interface FlatRequestInstance<S = Record<string, unknown>, ResponseData = any> extends RequestInstanceCommon<S> {
 | 
				
			||||||
  <T = any, R extends ResponseType = 'json'>(
 | 
					  <T = any, R extends ResponseType = 'json'>(
 | 
				
			||||||
    config: CustomAxiosRequestConfig<R>
 | 
					    config: CustomAxiosRequestConfig<R>
 | 
				
			||||||
  ): Promise<FlatResponseData<MappedType<R, T>>>;
 | 
					  ): Promise<FlatResponseData<MappedType<R, T>, ResponseData>>;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,6 +1,6 @@
 | 
				
			|||||||
{
 | 
					{
 | 
				
			||||||
  "name": "@sa/color-palette",
 | 
					  "name": "@sa/color-palette",
 | 
				
			||||||
  "version": "1.0.0-beta.2",
 | 
					  "version": "1.0.6",
 | 
				
			||||||
  "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,56 +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';
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
/**
 | 
					export * from './palette';
 | 
				
			||||||
 * Get color palette by provided color and color name
 | 
					export { getColorName, getHex, getHsl, getRgb, colorPalettes };
 | 
				
			||||||
 *
 | 
					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.0-beta.2",
 | 
					  "version": "1.0.6",
 | 
				
			||||||
  "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';
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -16,19 +16,19 @@ export type HookRequestInstanceResponseSuccessData<T = any> = {
 | 
				
			|||||||
  error: Ref<null>;
 | 
					  error: Ref<null>;
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export type HookRequestInstanceResponseFailData<T = any> = {
 | 
					export type HookRequestInstanceResponseFailData<ResponseData = any> = {
 | 
				
			||||||
  data: Ref<null>;
 | 
					  data: Ref<null>;
 | 
				
			||||||
  error: Ref<AxiosError<T>>;
 | 
					  error: Ref<AxiosError<ResponseData>>;
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export type HookRequestInstanceResponseData<T = any> = {
 | 
					export type HookRequestInstanceResponseData<T = any, ResponseData = any> = {
 | 
				
			||||||
  loading: Ref<boolean>;
 | 
					  loading: Ref<boolean>;
 | 
				
			||||||
} & (HookRequestInstanceResponseSuccessData<T> | HookRequestInstanceResponseFailData<T>);
 | 
					} & (HookRequestInstanceResponseSuccessData<T> | HookRequestInstanceResponseFailData<ResponseData>);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export interface HookRequestInstance {
 | 
					export interface HookRequestInstance<ResponseData = any> {
 | 
				
			||||||
  <T = any, R extends ResponseType = 'json'>(
 | 
					  <T = any, R extends ResponseType = 'json'>(
 | 
				
			||||||
    config: CustomAxiosRequestConfig
 | 
					    config: CustomAxiosRequestConfig
 | 
				
			||||||
  ): HookRequestInstanceResponseData<MappedType<R, T>>;
 | 
					  ): HookRequestInstanceResponseData<MappedType<R, T>, ResponseData>;
 | 
				
			||||||
  cancelRequest: (requestId: string) => void;
 | 
					  cancelRequest: (requestId: string) => void;
 | 
				
			||||||
  cancelAllRequest: () => void;
 | 
					  cancelAllRequest: () => void;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
@@ -45,13 +45,13 @@ export default function createHookRequest<ResponseData = any>(
 | 
				
			|||||||
) {
 | 
					) {
 | 
				
			||||||
  const request = createFlatRequest<ResponseData>(axiosConfig, options);
 | 
					  const request = createFlatRequest<ResponseData>(axiosConfig, options);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  const hookRequest: HookRequestInstance = function hookRequest<T = any, R extends ResponseType = 'json'>(
 | 
					  const hookRequest: HookRequestInstance<ResponseData> = function hookRequest<T = any, R extends ResponseType = 'json'>(
 | 
				
			||||||
    config: CustomAxiosRequestConfig
 | 
					    config: CustomAxiosRequestConfig
 | 
				
			||||||
  ) {
 | 
					  ) {
 | 
				
			||||||
    const { loading, startLoading, endLoading } = useLoading();
 | 
					    const { loading, startLoading, endLoading } = useLoading();
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    const data = ref<MappedType<R, T> | null>(null);
 | 
					    const data = ref<MappedType<R, T> | null>(null) as Ref<MappedType<R, T>>;
 | 
				
			||||||
    const error = ref<AxiosError<MappedType<R, T>> | null>(null);
 | 
					    const error = ref<AxiosError<ResponseData> | null>(null) as Ref<AxiosError<ResponseData> | null>;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    startLoading();
 | 
					    startLoading();
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@@ -70,7 +70,7 @@ export default function createHookRequest<ResponseData = any>(
 | 
				
			|||||||
      data,
 | 
					      data,
 | 
				
			||||||
      error
 | 
					      error
 | 
				
			||||||
    };
 | 
					    };
 | 
				
			||||||
  } as HookRequestInstance;
 | 
					  } as HookRequestInstance<ResponseData>;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  hookRequest.cancelRequest = request.cancelRequest;
 | 
					  hookRequest.cancelRequest = request.cancelRequest;
 | 
				
			||||||
  hookRequest.cancelAllRequest = request.cancelAllRequest;
 | 
					  hookRequest.cancelAllRequest = request.cancelAllRequest;
 | 
				
			||||||
 
 | 
				
			|||||||
							
								
								
									
										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.0-beta.2",
 | 
					  "version": "1.0.6",
 | 
				
			||||||
  "exports": {
 | 
					  "exports": {
 | 
				
			||||||
    ".": "./src/index.ts"
 | 
					    ".": "./src/index.ts"
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -203,7 +203,7 @@ function handleClickMask() {
 | 
				
			|||||||
      <!-- Main Content -->
 | 
					      <!-- Main Content -->
 | 
				
			||||||
      <main
 | 
					      <main
 | 
				
			||||||
        :id="isContentScroll ? scrollElId : undefined"
 | 
					        :id="isContentScroll ? scrollElId : undefined"
 | 
				
			||||||
        class="flex flex-grow flex-col"
 | 
					        class="flex flex-col flex-grow"
 | 
				
			||||||
        :class="[commonClass, contentClass, leftGapClass, { 'overflow-y-auto': isContentScroll }]"
 | 
					        :class="[commonClass, contentClass, leftGapClass, { 'overflow-y-auto': isContentScroll }]"
 | 
				
			||||||
      >
 | 
					      >
 | 
				
			||||||
        <slot></slot>
 | 
					        <slot></slot>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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.0-beta.2",
 | 
					  "version": "1.0.6",
 | 
				
			||||||
  "exports": {
 | 
					  "exports": {
 | 
				
			||||||
    ".": "./src/index.ts"
 | 
					    ".": "./src/index.ts"
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,6 +1,6 @@
 | 
				
			|||||||
{
 | 
					{
 | 
				
			||||||
  "name": "@sa/scripts",
 | 
					  "name": "@sa/scripts",
 | 
				
			||||||
  "version": "1.0.0-beta.2",
 | 
					  "version": "1.0.6",
 | 
				
			||||||
  "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",
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,6 +1,6 @@
 | 
				
			|||||||
{
 | 
					{
 | 
				
			||||||
  "name": "@sa/uno-preset",
 | 
					  "name": "@sa/uno-preset",
 | 
				
			||||||
  "version": "1.0.0-beta.2",
 | 
					  "version": "1.0.6",
 | 
				
			||||||
  "exports": {
 | 
					  "exports": {
 | 
				
			||||||
    ".": "./src/index.ts"
 | 
					    ".": "./src/index.ts"
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,6 +1,6 @@
 | 
				
			|||||||
{
 | 
					{
 | 
				
			||||||
  "name": "@sa/utils",
 | 
					  "name": "@sa/utils",
 | 
				
			||||||
  "version": "1.0.0-beta.2",
 | 
					  "version": "1.0.6",
 | 
				
			||||||
  "exports": {
 | 
					  "exports": {
 | 
				
			||||||
    ".": "./src/index.ts"
 | 
					    ".": "./src/index.ts"
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
@@ -13,7 +13,7 @@
 | 
				
			|||||||
    "colord": "2.9.3",
 | 
					    "colord": "2.9.3",
 | 
				
			||||||
    "crypto-js": "4.2.0",
 | 
					    "crypto-js": "4.2.0",
 | 
				
			||||||
    "localforage": "1.10.0",
 | 
					    "localforage": "1.10.0",
 | 
				
			||||||
    "nanoid": "5.0.6"
 | 
					    "nanoid": "5.0.7"
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
  "devDependencies": {
 | 
					  "devDependencies": {
 | 
				
			||||||
    "@types/crypto-js": "4.2.2"
 | 
					    "@types/crypto-js": "4.2.2"
 | 
				
			||||||
 
 | 
				
			|||||||
							
								
								
									
										11682
									
								
								pnpm-lock.yaml
									
									
									
										generated
									
									
									
								
							
							
						
						
									
										11682
									
								
								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'
 | 
				
			||||||
});
 | 
					});
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -2,7 +2,7 @@
 | 
				
			|||||||
import { computed, useAttrs } from 'vue';
 | 
					import { computed, useAttrs } from 'vue';
 | 
				
			||||||
import { Icon } from '@iconify/vue';
 | 
					import { Icon } from '@iconify/vue';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
defineOptions({ name: 'SvgIcon' });
 | 
					defineOptions({ name: 'SvgIcon', inheritAttrs: false });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/**
 | 
					/**
 | 
				
			||||||
 * Props
 | 
					 * Props
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -92,7 +92,6 @@ export function useRouterPush(inSetup = true) {
 | 
				
			|||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  return {
 | 
					  return {
 | 
				
			||||||
    route,
 | 
					 | 
				
			||||||
    routerPush,
 | 
					    routerPush,
 | 
				
			||||||
    routerBack,
 | 
					    routerBack,
 | 
				
			||||||
    routerPushByKey,
 | 
					    routerPushByKey,
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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"
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -184,7 +184,7 @@ init();
 | 
				
			|||||||
            <template #prefix>
 | 
					            <template #prefix>
 | 
				
			||||||
              <SvgIcon :icon="tab.icon" :local-icon="tab.localIcon" class="inline-block align-text-bottom text-16px" />
 | 
					              <SvgIcon :icon="tab.icon" :local-icon="tab.localIcon" class="inline-block align-text-bottom text-16px" />
 | 
				
			||||||
            </template>
 | 
					            </template>
 | 
				
			||||||
            <span>{{ tab.label }}</span>
 | 
					            <div class="max-w-240px ellipsis-text">{{ tab.label }}</div>
 | 
				
			||||||
          </PageTab>
 | 
					          </PageTab>
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
      </BetterScroll>
 | 
					      </BetterScroll>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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 => {
 | 
					
 | 
				
			||||||
        setTimeout(resolve, duration);
 | 
					    await new Promise(resolve => {
 | 
				
			||||||
      });
 | 
					      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();
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,4 +1,5 @@
 | 
				
			|||||||
import { computed, reactive, ref } from 'vue';
 | 
					import { computed, reactive, ref } from 'vue';
 | 
				
			||||||
 | 
					import { useRoute } from 'vue-router';
 | 
				
			||||||
import { defineStore } from 'pinia';
 | 
					import { defineStore } from 'pinia';
 | 
				
			||||||
import { useLoading } from '@sa/hooks';
 | 
					import { useLoading } from '@sa/hooks';
 | 
				
			||||||
import { SetupStoreId } from '@/enum';
 | 
					import { SetupStoreId } from '@/enum';
 | 
				
			||||||
@@ -10,8 +11,9 @@ import { useRouteStore } from '../route';
 | 
				
			|||||||
import { clearAuthStorage, getToken, getUserInfo } from './shared';
 | 
					import { clearAuthStorage, getToken, getUserInfo } from './shared';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export const useAuthStore = defineStore(SetupStoreId.Auth, () => {
 | 
					export const useAuthStore = defineStore(SetupStoreId.Auth, () => {
 | 
				
			||||||
 | 
					  const route = useRoute();
 | 
				
			||||||
  const routeStore = useRouteStore();
 | 
					  const routeStore = useRouteStore();
 | 
				
			||||||
  const { route, toLogin, redirectFromLogin } = useRouterPush(false);
 | 
					  const { toLogin, redirectFromLogin } = useRouterPush(false);
 | 
				
			||||||
  const { loading: loginLoading, startLoading, endLoading } = useLoading();
 | 
					  const { loading: loginLoading, startLoading, endLoading } = useLoading();
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  const token = ref(getToken());
 | 
					  const token = ref(getToken());
 | 
				
			||||||
@@ -36,7 +38,7 @@ export const useAuthStore = defineStore(SetupStoreId.Auth, () => {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
    authStore.$reset();
 | 
					    authStore.$reset();
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    if (!route.value.meta.constant) {
 | 
					    if (!route.meta.constant) {
 | 
				
			||||||
      await toLogin();
 | 
					      await toLogin();
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -2,6 +2,7 @@ import { computed, effectScope, onScopeDispose, ref, toRefs, watch } from 'vue';
 | 
				
			|||||||
import type { Ref } from 'vue';
 | 
					import type { Ref } from 'vue';
 | 
				
			||||||
import { defineStore } from 'pinia';
 | 
					import { defineStore } from 'pinia';
 | 
				
			||||||
import { useEventListener, usePreferredColorScheme } from '@vueuse/core';
 | 
					import { useEventListener, usePreferredColorScheme } from '@vueuse/core';
 | 
				
			||||||
 | 
					import { getColorPalette } from '@sa/color-palette';
 | 
				
			||||||
import { SetupStoreId } from '@/enum';
 | 
					import { SetupStoreId } from '@/enum';
 | 
				
			||||||
import { localStg } from '@/utils/storage';
 | 
					import { localStg } from '@/utils/storage';
 | 
				
			||||||
import { addThemeVarsToHtml, createThemeToken, getNaiveTheme, initThemeSettings, toggleCssDarkMode } from './shared';
 | 
					import { addThemeVarsToHtml, createThemeToken, getNaiveTheme, initThemeSettings, toggleCssDarkMode } from './shared';
 | 
				
			||||||
@@ -79,10 +80,13 @@ export const useThemeStore = defineStore(SetupStoreId.Theme, () => {
 | 
				
			|||||||
   * @param color Theme color
 | 
					   * @param color Theme color
 | 
				
			||||||
   */
 | 
					   */
 | 
				
			||||||
  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
 | 
				
			||||||
 | 
					    const { main } = getColorPalette(color);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    if (key === 'primary') {
 | 
					    if (key === 'primary') {
 | 
				
			||||||
      settings.value.themeColor = color;
 | 
					      settings.value.themeColor = main.hex;
 | 
				
			||||||
    } else {
 | 
					    } else {
 | 
				
			||||||
      settings.value.otherColor[key] = color;
 | 
					      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;
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
  });
 | 
					  });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@@ -150,7 +150,11 @@ export function addThemeVarsToHtml(tokens: App.Theme.BaseToken, darkTokens: App.
 | 
				
			|||||||
    }
 | 
					    }
 | 
				
			||||||
  `;
 | 
					  `;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  const style = document.createElement('style');
 | 
					  const styleId = 'theme-vars';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  const style = document.querySelector(`#${styleId}`) || document.createElement('style');
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  style.id = styleId;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  style.textContent = css + darkCss;
 | 
					  style.textContent = css + darkCss;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@@ -195,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) }
 | 
				
			||||||
  ];
 | 
					  ];
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@@ -230,6 +234,9 @@ export function getNaiveTheme(colors: App.Theme.ThemeColor) {
 | 
				
			|||||||
    },
 | 
					    },
 | 
				
			||||||
    LoadingBar: {
 | 
					    LoadingBar: {
 | 
				
			||||||
      colorLoading
 | 
					      colorLoading
 | 
				
			||||||
 | 
					    },
 | 
				
			||||||
 | 
					    Tag: {
 | 
				
			||||||
 | 
					      borderRadius: '6px'
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  };
 | 
					  };
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 
 | 
				
			|||||||
							
								
								
									
										2
									
								
								src/typings/naive-ui.d.ts
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										2
									
								
								src/typings/naive-ui.d.ts
									
									
									
									
										vendored
									
									
								
							@@ -41,7 +41,7 @@ declare namespace NaiveUI {
 | 
				
			|||||||
  type GetTableData<A extends TableApiFn> = A extends TableApiFn<infer T> ? T : never;
 | 
					  type GetTableData<A extends TableApiFn> = A extends TableApiFn<infer T> ? T : never;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  type NaiveTableConfig<A extends TableApiFn> = Pick<
 | 
					  type NaiveTableConfig<A extends TableApiFn> = Pick<
 | 
				
			||||||
    import('@sa/hooks').TableConfig<A, GetTableData<A>, TableColumn<NaiveUI.TableDataWithIndex<GetTableData<A>>>>,
 | 
					    import('@sa/hooks').TableConfig<A, GetTableData<A>, TableColumn<TableDataWithIndex<GetTableData<A>>>>,
 | 
				
			||||||
    'apiFn' | 'apiParams' | 'columns' | 'immediate'
 | 
					    'apiFn' | 'apiParams' | 'columns' | 'immediate'
 | 
				
			||||||
  >;
 | 
					  >;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
							
								
								
									
										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 */
 | 
				
			||||||
 
 | 
				
			|||||||
							
								
								
									
										4
									
								
								src/typings/union-key.d.ts
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										4
									
								
								src/typings/union-key.d.ts
									
									
									
									
										vendored
									
									
								
							@@ -27,8 +27,8 @@ declare namespace UnionKey {
 | 
				
			|||||||
  /**
 | 
					  /**
 | 
				
			||||||
   * The scroll mode when content overflow
 | 
					   * The scroll mode when content overflow
 | 
				
			||||||
   *
 | 
					   *
 | 
				
			||||||
   * - Wrapper the wrapper component's root element overflow
 | 
					   * - wrapper: the wrapper component's root element overflow
 | 
				
			||||||
   * - Content the content component overflow
 | 
					   * - content: the content component overflow
 | 
				
			||||||
   */
 | 
					   */
 | 
				
			||||||
  type ThemeScrollMode = import('@sa/materials').LayoutScrollMode;
 | 
					  type ThemeScrollMode = import('@sa/materials').LayoutScrollMode;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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();
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -84,11 +84,13 @@ function createDefaultModel(): Model {
 | 
				
			|||||||
  };
 | 
					  };
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
type RuleKey = Extract<keyof Model, 'userName' | 'userStatus'>;
 | 
					type RuleKey = Extract<keyof Model, 'menuName' | 'status' | 'routeName' | 'routePath'>;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const rules: Record<RuleKey, App.Global.FormRule> = {
 | 
					const rules: Record<RuleKey, App.Global.FormRule> = {
 | 
				
			||||||
  userName: defaultRequiredRule,
 | 
					  menuName: defaultRequiredRule,
 | 
				
			||||||
  userStatus: defaultRequiredRule
 | 
					  status: defaultRequiredRule,
 | 
				
			||||||
 | 
					  routeName: defaultRequiredRule,
 | 
				
			||||||
 | 
					  routePath: defaultRequiredRule
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const disabledMenuType = computed(() => props.operateType === 'edit');
 | 
					const disabledMenuType = computed(() => props.operateType === 'edit');
 | 
				
			||||||
@@ -180,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