初始化

2026-03-26 20:18:20 +08:00
commit 120a5b4dfd
368 changed files with 35926 additions and 0 deletions
--- a/src/theme/settings.ts
+++ b/src/theme/settings.ts
@@ -0,0 +1,92 @@
+/** Default theme settings */
+export const themeSettings: App.Theme.ThemeSetting = {
+  themeScheme: 'light',
+  grayscale: false,
+  colourWeakness: false,
+  recommendColor: false,
+  themeColor: '#646cff',
+  otherColor: {
+    info: '#2080f0',
+    success: '#52c41a',
+    warning: '#faad14',
+    error: '#f5222d'
+  },
+  isInfoFollowPrimary: true,
+  layout: {
+    mode: 'vertical',
+    scrollMode: 'content',
+    reverseHorizontalMix: false
+  },
+  page: {
+    animate: true,
+    animateMode: 'fade-slide'
+  },
+  header: {
+    height: 56,
+    breadcrumb: {
+      visible: true,
+      showIcon: true
+    },
+    multilingual: {
+      visible: true
+    },
+    globalSearch: {
+      visible: true
+    }
+  },
+  tab: {
+    visible: true,
+    cache: true,
+    height: 44,
+    mode: 'chrome'
+  },
+  fixedHeaderAndTab: true,
+  sider: {
+    inverted: false,
+    width: 220,
+    collapsedWidth: 64,
+    mixWidth: 90,
+    mixCollapsedWidth: 64,
+    mixChildMenuWidth: 200
+  },
+  footer: {
+    visible: true,
+    fixed: false,
+    height: 48,
+    right: true
+  },
+  watermark: {
+    visible: false,
+    text: 'CN-RDMS',
+    enableUserName: false
+  },
+  tokens: {
+    light: {
+      colors: {
+        container: 'rgb(255, 255, 255)',
+        layout: 'rgb(247, 250, 252)',
+        inverted: 'rgb(0, 20, 40)',
+        'base-text': 'rgb(31, 31, 31)'
+      },
+      boxShadow: {
+        header: '0 1px 2px rgb(0, 21, 41, 0.08)',
+        sider: '2px 0 8px 0 rgb(29, 35, 41, 0.05)',
+        tab: '0 1px 2px rgb(0, 21, 41, 0.08)'
+      }
+    },
+    dark: {
+      colors: {
+        container: 'rgb(28, 28, 28)',
+        layout: 'rgb(18, 18, 18)',
+        'base-text': 'rgb(224, 224, 224)'
+      }
+    }
+  }
+};
+
+/**
+ * Override theme settings
+ *
+ * If publish new version, use `overrideThemeSettings` to override certain theme settings
+ */
+export const overrideThemeSettings: Partial<App.Theme.ThemeSetting> = {};
--- a/src/theme/vars.ts
+++ b/src/theme/vars.ts
@@ -0,0 +1,34 @@
+/** Create color palette vars */
+function createColorPaletteVars() {
+  const colors: App.Theme.ThemeColorKey[] = ['primary', 'info', 'success', 'warning', 'error'];
+  const colorPaletteNumbers: App.Theme.ColorPaletteNumber[] = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+
+  const colorPaletteVar = {} as App.Theme.ThemePaletteColor;
+  colors.forEach(color => {
+    colorPaletteVar[color] = `rgb(var(--${color}-color))`;
+    colorPaletteNumbers.forEach(number => {
+      colorPaletteVar[`${color}-${number}`] = `rgb(var(--${color}-${number}-color))`;
+    });
+  });
+
+  return colorPaletteVar;
+}
+
+const colorPaletteVars = createColorPaletteVars();
+
+/** Theme vars */
+export const themeVars: App.Theme.ThemeTokenCSSVars = {
+  colors: {
+    ...colorPaletteVars,
+    nprogress: 'rgb(var(--nprogress-color))',
+    container: 'rgb(var(--container-bg-color))',
+    layout: 'rgb(var(--layout-bg-color))',
+    inverted: 'rgb(var(--inverted-bg-color))',
+    'base-text': 'rgb(var(--base-text-color))'
+  },
+  boxShadow: {
+    header: 'var(--header-box-shadow)',
+    sider: 'var(--sider-box-shadow)',
+    tab: 'var(--tab-box-shadow)'
+  }
+};