ant-design/components/theme/themes/default/index.ts

46 lines
1.5 KiB
TypeScript
Raw Normal View History

2022-06-21 17:17:19 +08:00
import { generate } from '@ant-design/colors';
import type { MapToken, PresetColorType, SeedToken } from '../../interface';
import { defaultPresetColors } from '../seed';
import genColorMapToken from '../shared/genColorMapToken';
import genCommonMapToken from '../shared/genCommonMapToken';
import genControlHeight from '../shared/genControlHeight';
import genFontMapToken from '../shared/genFontMapToken';
import genSizeMapToken from '../shared/genSizeMapToken';
import { generateColorPalettes, generateNeutralColorPalettes } from './colors';
2022-06-21 17:17:19 +08:00
export default function derivative(token: SeedToken): MapToken {
2022-06-21 17:17:19 +08:00
const colorPalettes = Object.keys(defaultPresetColors)
.map((colorKey) => {
const colors = generate(token[colorKey as keyof PresetColorType]);
2022-06-21 17:17:19 +08:00
return new Array(10).fill(1).reduce((prev, _, i) => {
2023-12-04 20:07:20 +08:00
prev[`${colorKey}-${i + 1}`] = colors[i];
prev[`${colorKey}${i + 1}`] = colors[i];
2022-06-21 17:17:19 +08:00
return prev;
}, {});
2022-06-21 17:17:19 +08:00
})
.reduce((prev, cur) => {
// biome-ignore lint/style/noParameterAssign: it is a reduce
prev = { ...prev, ...cur };
return prev;
}, {});
2022-06-21 17:17:19 +08:00
return {
...token,
...colorPalettes,
// Colors
...genColorMapToken(token, {
generateColorPalettes,
generateNeutralColorPalettes,
}),
// Font
...genFontMapToken(token.fontSize),
// Size
...genSizeMapToken(token),
// Height
...genControlHeight(token),
// Others
...genCommonMapToken(token),
2022-06-21 17:17:19 +08:00
};
}