ci: 集成icon和layout

2025-05-17 00:09:12 +08:00
parent 229fab833c
commit b5cddb0041
1142 changed files with 11146 additions and 1533 deletions
@@ -0,0 +1,86 @@
+export const optimumHeaderTheme: any = {
+  light: {
+    '--el-header-optimum-color': '#000000',
+    '--el-header-optimum-hover-color': 'var(--el-color-primary)',
+    '--el-header-optimum-active-color': 'var(--el-color-primary)',
+    '--el-header-optimum-hover-bg-color': '#f4f4f5',
+    '--el-header-optimum-active-bg-color': 'var(--el-color-primary-light-8)',
+    '--el-header-optimum-border-color': 'var(--el-color-primary)',
+  },
+  inverted: {
+    '--el-header-optimum-color': '#ffffff',
+    '--el-header-optimum-hover-color': 'var(--el-color-primary)',
+    '--el-header-optimum-active-color': '#ffffff',
+    '--el-header-optimum-hover-bg-color': 'transparent',
+    '--el-header-optimum-active-bg-color': 'var(--el-color-primary)',
+    '--el-header-optimum-border-color': 'var(--el-color-primary)',
+  },
+  dark: {
+    '--el-header-optimum-color': '#E5EAF3',
+    '--el-header-optimum-hover-color': 'var(--el-color-primary)',
+    '--el-header-optimum-active-color': 'var(--el-color-primary)',
+    '--el-header-optimum-hover-bg-color': 'var(--el-color-primary-light-9)',
+    '--el-header-optimum-active-bg-color': 'var(--el-color-primary-light-8)',
+    '--el-header-optimum-border-color': 'var(--el-color-primary)',
+  },
+};
+
+export const headerTheme: any = {
+  light: {
+    '--el-header-bg-color': '#ffffff',
+    '--el-header-text-color': '#303133',
+    '--el-header-text-color-regular': '#606266',
+  },
+  inverted: {
+    '--el-header-bg-color': '#141414',
+    '--el-header-text-color': '#E5EAF3',
+    '--el-header-text-color-regular': '#CFD3DC',
+  },
+  dark: {
+    '--el-header-bg-color': '#141414',
+    '--el-header-text-color': '#E5EAF3',
+    '--el-header-text-color-regular': '#CFD3DC',
+  },
+};
+
+export const asideTheme: any = {
+  light: {
+    '--el-aside-logo-text-color': '#303133',
+  },
+  inverted: {
+    '--el-aside-logo-text-color': '#E5EAF3',
+  },
+  dark: {
+    '--el-aside-logo-text-color': '#E5EAF3',
+  },
+};
+
+export const menuTheme: any = {
+  light: {
+    '--el-menu-bg-color': '#ffffff',
+    '--el-menu-hover-bg-color': '#f4f4f5',
+    '--el-menu-active-bg-color': 'var(--el-color-primary-light-8)',
+    '--el-menu-text-color': '#333639',
+    '--el-menu-hover-text-color': 'var(--el-color-primary)',
+    '--el-menu-active-text-color': 'var(--el-color-primary)',
+    '--el-menu-border-left-color': 'var(--el-color-primary)',
+  },
+  inverted: {
+    '--el-menu-bg-color': '#191A20',
+    '--el-menu-hover-bg-color': '#000000',
+    '--el-menu-active-bg-color': 'var(--el-color-primary)',
+    '--el-menu-text-color': '#dBd8d8',
+    '--el-menu-hover-text-color': '#ffffff',
+    '--el-menu-active-text-color': '#ffffff',
+    '--el-menu-border-left-color': 'transparent',
+  },
+  dark: {
+    '--el-menu-bg-color': '#141414',
+    '--el-menu-hover-bg-color': 'var(--el-color-primary-light-9)',
+    '--el-menu-active-bg-color': 'var(--el-color-primary-light-8)',
+    '--el-menu-text-color': '#e5eAf3',
+    '--el-menu-hover-text-color': 'var(--el-color-primary)',
+    '--el-menu-active-text-color': 'var(--el-color-primary)',
+    '--el-menu-border-left-color': 'var(--el-color-primary)',
+  },
+};
@@ -0,0 +1,67 @@
+export type LayoutType = 'vertical';
+
+export interface DesignConfigState {
+  // 系统主题
+  darkMode: 'light' | 'dark' | 'inverted';
+  // 系统主题色
+  themeColor: string;
+  // 系统内置风格
+  themeColorList: string[];
+  // 是否开启路由动画
+  isPageAnimate: boolean;
+  // 路由动画类型
+  pageAnimateType: string;
+  // 布局模式 (纵向：vertical | ... | 自己定义)
+  layout: LayoutType;
+  // 是否折叠菜单-视口宽度自动决定
+  isCollapse: boolean;
+  // 是否折叠菜单-用户意愿点击决定
+  isCollapseManual: boolean;
+  // 最终是否折叠菜单，动态根据上述两种折叠条件决定
+  isCollapseFinal: boolean;
+}
+
+export const themeColorList: string[] = [
+  '#5d9dfe',
+  '#2d8cf0',
+  '#0960bd',
+  '#0084f4',
+  '#009688',
+  '#536dfe',
+  '#ff5c93',
+  '#ee4f12',
+  '#0096c7',
+  '#9c27b0',
+  '#ff9800',
+  '#FF3D68',
+  '#00C1D4',
+  '#18a058',
+  '#78DEC7',
+  '#1768AC',
+  '#FB9300',
+  '#FC5404',
+  '#8675ff',
+];
+
+const design: DesignConfigState = {
+  // 深色主题
+  darkMode: 'light',
+  // 系统主题色
+  themeColor: '#F7B51C',
+  // 系统内置主题色列表
+  themeColorList,
+  // 是否开启路由动画
+  isPageAnimate: false,
+  // 路由动画类型
+  pageAnimateType: 'zoom-fade',
+  // 布局模式 (纵向：vertical | ... | 自己定义)
+  layout: 'vertical',
+  // 是否折叠菜单-视口宽度自动决定
+  isCollapse: false,
+  // 是否折叠菜单-用户手动控制决定
+  isCollapseManual: false,
+  // 最终是否折叠菜单，动态根据上述两种折叠条件决定
+  isCollapseFinal: false,
+};
+
+export default design;
@@ -0,0 +1,12 @@
+// 全局默认配置项
+// 首页地址[默认]
+export const HOME_URL: string = '/chat';
+
+// 登录页地址[默认]
+export const LOGIN_URL: string = '/login';
+
+// 默认主题颜色
+export const DEFAULT_THEME_COLOR: string = '#2992FF';
+
+// 路由白名单地址[本地存在的路由 staticRouter.ts 中]
+export const ROUTER_WHITE_LIST: string[] = ['/500'];