mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-16 01:29:11 +08:00
59ad48476b
* chore: add boime lint * fix lint * use files ignore * revert change * ignore clarity.js * fix some errors * fix some errors * fix some errors * fix some errors * add yml file * Update clarity.js Signed-off-by: afc163 <afc163@gmail.com> * add npm run lint:biome * add npm run lint:biome * fix test case * fix ts errors * fix ts errors * fix lint and add .lintstagedrc * shorten prop name * chore: update package.json * update biome.json * chore: remove stylelint * chore: useOptionalChain * fix lint * biome format * prettier all code * prettier all code * fix site test --------- Signed-off-by: afc163 <afc163@gmail.com>
55 lines
1.5 KiB
TypeScript
55 lines
1.5 KiB
TypeScript
import { generate } from '@ant-design/colors';
|
|
import type { DerivativeFunc } from '@ant-design/cssinjs';
|
|
|
|
import type {
|
|
ColorPalettes,
|
|
LegacyColorPalettes,
|
|
MapToken,
|
|
PresetColorType,
|
|
SeedToken,
|
|
} from '../../interface';
|
|
import defaultAlgorithm from '../default';
|
|
import { defaultPresetColors } from '../seed';
|
|
import genColorMapToken from '../shared/genColorMapToken';
|
|
import { generateColorPalettes, generateNeutralColorPalettes } from './colors';
|
|
|
|
const derivative: DerivativeFunc<SeedToken, MapToken> = (token, mapToken) => {
|
|
const colorPalettes = Object.keys(defaultPresetColors)
|
|
.map((colorKey) => {
|
|
const colors = generate(token[colorKey as keyof PresetColorType], { theme: 'dark' });
|
|
|
|
return new Array(10).fill(1).reduce((prev, _, i) => {
|
|
prev[`${colorKey}-${i + 1}`] = colors[i];
|
|
prev[`${colorKey}${i + 1}`] = colors[i];
|
|
return prev;
|
|
}, {}) as ColorPalettes & LegacyColorPalettes;
|
|
})
|
|
.reduce(
|
|
(prev, cur) => {
|
|
// biome-ignore lint/style/noParameterAssign: it is a reduce
|
|
prev = {
|
|
...prev,
|
|
...cur,
|
|
};
|
|
return prev;
|
|
},
|
|
{} as ColorPalettes & LegacyColorPalettes,
|
|
);
|
|
|
|
const mergedMapToken = mapToken ?? defaultAlgorithm(token);
|
|
|
|
return {
|
|
...mergedMapToken,
|
|
|
|
// Dark tokens
|
|
...colorPalettes,
|
|
// Colors
|
|
...genColorMapToken(token, {
|
|
generateColorPalettes,
|
|
generateNeutralColorPalettes,
|
|
}),
|
|
};
|
|
};
|
|
|
|
export default derivative;
|