浅念
fb3743d32c
- 主色 #1A73E8（systemMainColor 首位，运行时自动派生 Element 系列） - 状态色对齐示例（success #15966d / warning #c78a27 / danger #df5366） - 侧栏 216px、顶栏 64px（h-16）、内容 max-width 1660px（WIDE 枚举）、隐藏标签页条 - 菜单分组（工作空间/组织与治理）：meta.menuGroup + 侧栏展平渲染 + i18n key；路由路径与权限不变 - ui06.scss 全局视觉层：字体栈 13px、卡片 12px 圆角+1px 边框、按钮/输入 38px、 表格浅底表头、对话框 16px、分段 #edf1f7、焦点可见 - 登录页重做：摄影底+深蓝叠层+品牌大标题（占位素材=概念图裁片，待正式品牌素材）、 右栏 350px 表单 29px 标题 - typecheck/lint/vitest 87 项全绿 Co-Authored-By: Claude Code <noreply@anthropic.com>
136 lines
3.9 KiB
TypeScript
136 lines
3.9 KiB
TypeScript
/**
|
|
* 系统全局配置
|
|
*
|
|
* 这是系统的核心配置文件，集中管理所有全局配置项。
|
|
* 包含系统信息、主题样式、菜单布局、颜色方案等所有可配置项。
|
|
*
|
|
* ## 主要功能
|
|
*
|
|
* - 系统信息 - 系统名称等基础信息
|
|
* - 主题配置 - 亮色/暗色/自动主题的样式配置
|
|
* - 菜单配置 - 菜单布局、主题、宽度等配置
|
|
* - 颜色方案 - 系统主色和预设颜色列表
|
|
* - 快速入口 - 快速入口应用和链接配置
|
|
* - 顶部栏配置 - 顶部栏功能模块配置
|
|
*
|
|
* ## 配置项说明
|
|
*
|
|
* - systemInfo: 系统基础信息（名称等）
|
|
* - systemThemeStyles: 系统主题样式映射
|
|
* - settingThemeList: 可选的系统主题列表
|
|
* - menuLayoutList: 可选的菜单布局列表
|
|
* - themeList: 菜单主题样式列表
|
|
* - darkMenuStyles: 暗黑模式下的菜单样式
|
|
* - systemMainColor: 预设的系统主色列表
|
|
* - fastEnter: 快速入口配置
|
|
* - headerBar: 顶部栏功能配置
|
|
*
|
|
* @module config
|
|
* @author Art Design Pro Team
|
|
*/
|
|
|
|
import { MenuThemeEnum, MenuTypeEnum, SystemThemeEnum } from '@/enums/appEnum'
|
|
import { SystemConfig } from '@/types/config'
|
|
import { configImages } from './assets/images'
|
|
import fastEnterConfig from './modules/fastEnter'
|
|
import { headerBarConfig } from './modules/headerBar'
|
|
|
|
const appConfig: SystemConfig = {
|
|
// 系统信息
|
|
systemInfo: {
|
|
name: 'Photo Live Admin' // 系统名称
|
|
},
|
|
// 系统主题
|
|
systemThemeStyles: {
|
|
[SystemThemeEnum.LIGHT]: { className: '' },
|
|
[SystemThemeEnum.DARK]: { className: SystemThemeEnum.DARK }
|
|
},
|
|
// 系统主题列表
|
|
settingThemeList: [
|
|
{
|
|
name: 'Light',
|
|
theme: SystemThemeEnum.LIGHT,
|
|
color: ['#fff', '#fff'],
|
|
leftLineColor: '#EDEEF0',
|
|
rightLineColor: '#EDEEF0',
|
|
img: configImages.themeStyles.light
|
|
},
|
|
{
|
|
name: 'Dark',
|
|
theme: SystemThemeEnum.DARK,
|
|
color: ['#22252A'],
|
|
leftLineColor: '#3F4257',
|
|
rightLineColor: '#3F4257',
|
|
img: configImages.themeStyles.dark
|
|
},
|
|
{
|
|
name: 'System',
|
|
theme: SystemThemeEnum.AUTO,
|
|
color: ['#fff', '#22252A'],
|
|
leftLineColor: '#EDEEF0',
|
|
rightLineColor: '#3F4257',
|
|
img: configImages.themeStyles.system
|
|
}
|
|
],
|
|
// 菜单布局列表
|
|
menuLayoutList: [
|
|
{ name: 'Left', value: MenuTypeEnum.LEFT, img: configImages.menuLayouts.vertical },
|
|
{ name: 'Top', value: MenuTypeEnum.TOP, img: configImages.menuLayouts.horizontal },
|
|
{ name: 'Mixed', value: MenuTypeEnum.TOP_LEFT, img: configImages.menuLayouts.mixed },
|
|
{ name: 'Dual Column', value: MenuTypeEnum.DUAL_MENU, img: configImages.menuLayouts.dualColumn }
|
|
],
|
|
// 菜单主题列表
|
|
themeList: [
|
|
{
|
|
theme: MenuThemeEnum.DESIGN,
|
|
background: '#FFFFFF',
|
|
systemNameColor: 'var(--art-gray-800)',
|
|
iconColor: '#6B6B6B',
|
|
textColor: '#29343D',
|
|
img: configImages.menuStyles.design
|
|
},
|
|
{
|
|
theme: MenuThemeEnum.DARK,
|
|
background: '#191A23',
|
|
systemNameColor: '#D9DADB',
|
|
iconColor: '#BABBBD',
|
|
textColor: '#BABBBD',
|
|
img: configImages.menuStyles.dark
|
|
},
|
|
{
|
|
theme: MenuThemeEnum.LIGHT,
|
|
background: '#ffffff',
|
|
systemNameColor: 'var(--art-gray-800)',
|
|
iconColor: '#6B6B6B',
|
|
textColor: '#29343D',
|
|
img: configImages.menuStyles.light
|
|
}
|
|
],
|
|
// 暗黑模式菜单样式
|
|
darkMenuStyles: [
|
|
{
|
|
theme: MenuThemeEnum.DARK,
|
|
background: 'var(--default-box-color)',
|
|
systemNameColor: '#DDDDDD',
|
|
iconColor: '#BABBBD',
|
|
textColor: 'rgba(#FFFFFF, 0.7)'
|
|
}
|
|
],
|
|
// 系统主色（UI06：首位 #1A73E8 对齐 admin-preview 示例）
|
|
systemMainColor: [
|
|
'#1A73E8',
|
|
'#5D87FF',
|
|
'#B48DF3',
|
|
'#60C041',
|
|
'#38C0FC',
|
|
'#F9901F',
|
|
'#FF80C8'
|
|
] as const,
|
|
// 快速入口配置
|
|
fastEnter: fastEnterConfig,
|
|
// 顶部栏功能配置
|
|
headerBar: headerBarConfig
|
|
}
|
|
|
|
export default Object.freeze(appConfig)
|