import { generate } from '@ant-design/colors'; import type { DerivativeFunc } from '@ant-design/cssinjs'; import type { MapToken, PresetColorType, SeedToken } from '../../interface'; import { PresetColors } from '../../interface/presetColors'; import defaultAlgorithm from '../default'; import { defaultPresetColors } from '../seed'; import genColorMapToken from '../shared/genColorMapToken'; import { generateColorPalettes, generateNeutralColorPalettes } from './colors'; const derivative: DerivativeFunc = (token, mapToken) => { const colorPalettes = Object.keys(defaultPresetColors) .map((colorKey) => { const colors = generate(token[colorKey as keyof PresetColorType], { theme: 'dark' }); return Array.from({ length: 10 }, () => 1).reduce>((prev, _, i) => { prev[`${colorKey}-${i + 1}`] = colors[i]; prev[`${colorKey}${i + 1}`] = colors[i]; return prev; }, {}); }) .reduce((prev, cur) => { prev = { ...prev, ...cur }; return prev; }, {}); const mergedMapToken = mapToken ?? defaultAlgorithm(token); const colorMapToken = genColorMapToken(token, { generateColorPalettes, generateNeutralColorPalettes, }); const presetColorHoverActiveTokens = PresetColors.reduce>( (prev, colorKey) => { const colorBase = token[colorKey as keyof PresetColorType]; if (colorBase) { const colorPalette = generateColorPalettes(colorBase); prev[`${colorKey}Hover`] = colorPalette[7]; prev[`${colorKey}Active`] = colorPalette[5]; } return prev; }, {}, ); return { ...mergedMapToken, // Dark tokens ...colorPalettes, // Colors ...colorMapToken, ...presetColorHoverActiveTokens, // Customize selected item background color // https://github.com/ant-design/ant-design/issues/30524#issuecomment-871961867 colorPrimaryBg: colorMapToken.colorPrimaryBorder, colorPrimaryBgHover: colorMapToken.colorPrimaryBorderHover, }; }; export default derivative;