You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.1 KiB
36 lines
1.1 KiB
2 years ago
|
/* eslint-disable import/prefer-default-export */
|
||
|
|
import type { CSSObject } from '@ant-design/cssinjs';
|
||
|
|
import type { AliasToken, PresetColorKey } from '../theme/internal';
|
||
|
|
import { PresetColors } from '../theme/internal';
|
||
|
|
import type { TokenWithCommonCls } from '../theme/util/genComponentStyleHook';
|
||
|
|
|
||
|
|
interface CalcColor {
|
||
|
|
/** token[`${colorKey}-1`] */
|
||
|
|
lightColor: string;
|
||
|
|
/** token[`${colorKey}-3`] */
|
||
|
|
lightBorderColor: string;
|
||
|
|
/** token[`${colorKey}-6`] */
|
||
|
|
darkColor: string;
|
||
|
|
/** token[`${colorKey}-7`] */
|
||
|
|
textColor: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
type GenCSS = (colorKey: PresetColorKey, calcColor: CalcColor) => CSSObject;
|
||
|
|
|
||
|
|
export function genPresetColor<Token extends TokenWithCommonCls<AliasToken>>(
|
||
|
|
token: Token,
|
||
|
|
genCss: GenCSS,
|
||
|
|
): CSSObject {
|
||
|
|
return PresetColors.reduce((prev: CSSObject, colorKey: PresetColorKey) => {
|
||
|
|
const lightColor = token[`${colorKey}-1`];
|
||
|
|
const lightBorderColor = token[`${colorKey}-3`];
|
||
|
|
const darkColor = token[`${colorKey}-6`];
|
||
|
|
const textColor = token[`${colorKey}-7`];
|
||
|
|
|
||
|
|
return {
|
||
|
|
...prev,
|
||
|
|
...genCss(colorKey, { lightColor, lightBorderColor, darkColor, textColor }),
|
||
|
|
};
|
||
|
|
}, {} as CSSObject);
|
||
|
|
}
|