mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 21:48:19 +08:00
5f1dd427df
* feat: css variables theme * chore: temp * chore temp * chore: temp * chore: temp * chore: tmp * chore: temp * feat: full css variables * feat: css var * chore: code clean * chore: code clean * chore: bump cssinjs * test: fix lint * feat: better key logic * feat: useStyle add param rootCls for cssVar scope * chore: fix lint * chore: code clean * chore: fix lint * perf: minimize component token size * chore: make useId compatible * chore: code clean * chore: fix lint * chore: code clean * chore: update test case * feat: genCSSVarRegister * feat: RPN Calculator * chore: add test for css var * chore: code clean * test: add test for calc * feat: better calc type * chore: code clean * chore: update size limit * feat: better useCSSVar * chore: better useCSSVar * test: add cov * feat: better calc logic * test: add test case * chore: code clean --------- Signed-off-by: MadCcc <madccc@foxmail.com>
43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
import { generate } from '@ant-design/colors';
|
|
import type { DerivativeFunc } from '@ant-design/cssinjs';
|
|
import type { ColorPalettes, MapToken, PresetColorType, SeedToken } from '../../interface';
|
|
import { defaultPresetColors } from '../seed';
|
|
import genColorMapToken from '../shared/genColorMapToken';
|
|
import { generateColorPalettes, generateNeutralColorPalettes } from './colors';
|
|
import defaultAlgorithm from '../default';
|
|
|
|
const derivative: DerivativeFunc<SeedToken, MapToken> = (token, mapToken) => {
|
|
const colorPalettes = Object.keys(defaultPresetColors)
|
|
.map((colorKey: keyof PresetColorType) => {
|
|
const colors = generate(token[colorKey], { theme: 'dark' });
|
|
|
|
return new Array(10).fill(1).reduce((prev, _, i) => {
|
|
prev[`${colorKey}${i + 1}`] = colors[i];
|
|
return prev;
|
|
}, {}) as ColorPalettes;
|
|
})
|
|
.reduce((prev, cur) => {
|
|
prev = {
|
|
...prev,
|
|
...cur,
|
|
};
|
|
return prev;
|
|
}, {} as ColorPalettes);
|
|
|
|
const mergedMapToken = mapToken ?? defaultAlgorithm(token);
|
|
|
|
return {
|
|
...mergedMapToken,
|
|
|
|
// Dark tokens
|
|
...colorPalettes,
|
|
// Colors
|
|
...genColorMapToken(token, {
|
|
generateColorPalettes,
|
|
generateNeutralColorPalettes,
|
|
}),
|
|
};
|
|
};
|
|
|
|
export default derivative;
|