mirror of
https://github.com/fumiama/paper-manager.git
synced 2026-06-11 19:50:24 +08:00
optimize vben/build
This commit is contained in:
@@ -1,33 +1,33 @@
|
||||
import { generate } from '@ant-design/colors';
|
||||
import { generate } from '@ant-design/colors'
|
||||
|
||||
export const primaryColor = '#0960bd';
|
||||
export const primaryColor = '#0960bd'
|
||||
|
||||
export const darkMode = 'light';
|
||||
export const darkMode = 'light'
|
||||
|
||||
type Fn = (...arg: any) => any;
|
||||
type Fn = (...arg: any) => any
|
||||
|
||||
type GenerateTheme = 'default' | 'dark';
|
||||
type GenerateTheme = 'default' | 'dark'
|
||||
|
||||
export interface GenerateColorsParams {
|
||||
mixLighten: Fn;
|
||||
mixDarken: Fn;
|
||||
tinycolor: any;
|
||||
color?: string;
|
||||
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 tc = color || primaryColor;
|
||||
const lightColors = generateAntColors(tc);
|
||||
const primary = lightColors[5];
|
||||
const modeColors = generateAntColors(primary, 'dark');
|
||||
const tc = color || primaryColor
|
||||
const lightColors = generateAntColors(tc)
|
||||
const primary = lightColors[5]
|
||||
const modeColors = generateAntColors(primary, 'dark')
|
||||
|
||||
return [...lightColors, ...modeColors];
|
||||
return [...lightColors, ...modeColors]
|
||||
}
|
||||
|
||||
export function generateColors({
|
||||
@@ -36,38 +36,38 @@ export function generateColors({
|
||||
mixDarken,
|
||||
tinycolor,
|
||||
}: GenerateColorsParams) {
|
||||
const arr = new Array(19).fill(0);
|
||||
const arr = new Array(19).fill(0)
|
||||
const lightens = arr.map((_t, i) => {
|
||||
return mixLighten(color, i / 5);
|
||||
});
|
||||
return mixLighten(color, i / 5)
|
||||
})
|
||||
|
||||
const darkens = arr.map((_t, i) => {
|
||||
return mixDarken(color, i / 5);
|
||||
});
|
||||
return mixDarken(color, i / 5)
|
||||
})
|
||||
|
||||
const alphaColors = arr.map((_t, i) => {
|
||||
return tinycolor(color)
|
||||
.setAlpha(i / 20)
|
||||
.toRgbString();
|
||||
});
|
||||
.toRgbString()
|
||||
})
|
||||
|
||||
const shortAlphaColors = alphaColors.map((item) => item.replace(/\s/g, '').replace(/0\./g, '.'));
|
||||
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();
|
||||
.toHexString()
|
||||
})
|
||||
.filter((item) => item !== '#ffffff');
|
||||
.filter((item) => item !== '#ffffff')
|
||||
|
||||
const tinycolorDarkens = arr
|
||||
.map((_t, i) => {
|
||||
return tinycolor(color)
|
||||
.darken(i * 5)
|
||||
.toHexString();
|
||||
.toHexString()
|
||||
})
|
||||
.filter((item) => item !== '#000000');
|
||||
.filter((item) => item !== '#000000')
|
||||
return [
|
||||
...lightens,
|
||||
...darkens,
|
||||
@@ -75,5 +75,5 @@ export function generateColors({
|
||||
...shortAlphaColors,
|
||||
...tinycolorDarkens,
|
||||
...tinycolorLightens,
|
||||
].filter((item) => !item.includes('-'));
|
||||
].filter((item) => !item.includes('-'))
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user