新增前端vue

web-vue/packages/vite/theme/themeConfig.ts

@@ -0,0 +1,84 @@
+/**
+ * Copyright (c) 2013-Now http://jeesite.com All rights reserved.
+ * No deletion without permission, or be held responsible to law.
+ * @author ThinkGem
+ */
+import { generate } from '@ant-design/colors';
+// import { APP_PRESET_COLOR_LIST } from '../../../src/settings/designSetting';
+
+export const primaryColor = '#2a50ec'; // APP_PRESET_COLOR_LIST[0];
+export const darkPrimaryColor = '#2a50ec';
+
+export const darkMode = 'light';
+
+type Fn = (...arg: any) => any;
+
+type GenerateTheme = 'default' | 'dark';
+
+export interface GenerateColorsParams {
+  mixLighten: Fn;
+  mixDarken: Fn;
+  tinycolor: any;
+  color?: string;
+}
+
+export function generateAntColors(color: string, theme: GenerateTheme = 'default') {
+  return generate(color, {
+    theme,
+  });
+}
+
+export function getThemeColors(color?: string) {
+  const primary = color || primaryColor;
+  const lightColors = generateAntColors(primary);
+  const darkPrimary = darkPrimaryColor; //lightColors[5];
+  const darkColors = generateAntColors(darkPrimary, 'dark');
+  return [...lightColors, ...darkColors];
+}
+
+export function generateColors({ color = primaryColor, mixLighten, mixDarken, tinycolor }: GenerateColorsParams) {
+  const arr = new Array(19).fill(0);
+
+  const lightens = arr.map((_t, i) => {
+    return mixLighten(color, i / 5);
+  });
+
+  const darkens = arr
+    .map((_t, i) => {
+      return mixDarken(color, i / 5);
+    })
+    .filter((item) => !item.includes('-'));
+
+  const alphaColors = arr.map((_t, i) => {
+    return tinycolor(color)
+      .setAlpha(i / 20)
+      .toRgbString();
+  });
+
+  const shortAlphaColors = alphaColors.map((item) => item.replace(/\s/g, '').replace(/0\./g, '.'));
+
+  const tinycolorLightens = arr
+    .map((_t, i) => {
+      return tinycolor(color)
+        .lighten(i * 5)
+        .toHexString();
+    })
+    .filter((item) => item !== '#ffffff');
+
+  const tinycolorDarkens = arr
+    .map((_t, i) => {
+      return tinycolor(color)
+        .darken(i * 5)
+        .toHexString();
+    })
+    .filter((item) => item !== '#000000');
+
+  // console.log('lightens', lightens);
+  // console.log('darkens', darkens);
+  // console.log('alphaColors', alphaColors);
+  // console.log('shortAlphaColors', shortAlphaColors);
+  // console.log('tinycolorLightens', tinycolorLightens);
+  // console.log('tinycolorDarkens', tinycolorDarkens);
+
+  return [...lightens, ...darkens, ...alphaColors, ...shortAlphaColors, ...tinycolorDarkens, ...tinycolorLightens];
+}