12345678910111213141516171819202122232425262728293031323334 |
- import { generate } from '@ant-design/colors';
- import defaultAlgorithm from '../default';
- import { defaultPresetColors } from '../seed';
- import genColorMapToken from '../shared/genColorMapToken';
- import { generateColorPalettes, generateNeutralColorPalettes } from './colors';
- const derivative = (token, mapToken) => {
- const colorPalettes = Object.keys(defaultPresetColors).map(colorKey => {
- const colors = generate(token[colorKey], {
- 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 = Object.assign(Object.assign({}, prev), cur);
- return prev;
- }, {});
- const mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : defaultAlgorithm(token);
- const colorMapToken = genColorMapToken(token, {
- generateColorPalettes,
- generateNeutralColorPalettes
- });
- return Object.assign(Object.assign(Object.assign(Object.assign({}, mergedMapToken), colorPalettes), colorMapToken), {
- // 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;
|