antd-tiny-vue/components/theme/themes/dark/index.ts

44 lines
1.3 KiB
TypeScript

import { generate } from '@ant-design/colors'
import type { DerivativeFunc } from '@antd-tiny-vue/cssinjs'
import type { ColorPalettes, MapToken, PresetColorType, SeedToken } from '../../interface'
import { defaultPresetColors } from '../seed'
import genColorMapToken from '../shared/genColorMapToken'
import defaultAlgorithm from '../default'
import { generateColorPalettes, generateNeutralColorPalettes } from './colors'
const derivative: DerivativeFunc<SeedToken, MapToken> = (token, mapToken) => {
const colorPalettes = Object.keys(defaultPresetColors)
// @ts-expect-error this is a bug of typescript
.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