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.
49 lines
1.7 KiB
49 lines
1.7 KiB
// deps-lint-skip-all
|
|
import type { CSSObject } from '@ant-design/cssinjs';
|
|
import type { GenerateStyle, FullToken } from '../../_util/theme';
|
|
import { resetComponent, genComponentStyleHook, mergeToken } from '../../_util/theme';
|
|
|
|
interface StatisticToken extends FullToken<'Statistic'> {
|
|
statisticTitleFontSize: number;
|
|
statisticContentFontSize: number;
|
|
statisticFontFamily: string;
|
|
}
|
|
|
|
const genStatisticStyle: GenerateStyle<StatisticToken> = (token: StatisticToken): CSSObject => ({
|
|
[`${token.componentCls}`]: {
|
|
...resetComponent(token),
|
|
[`${token.componentCls}-title`]: {
|
|
marginBottom: token.marginXXS,
|
|
color: token.colorTextSecondary,
|
|
fontSize: token.statisticTitleFontSize,
|
|
},
|
|
[`${token.componentCls}-content`]: {
|
|
color: token.colorTextHeading,
|
|
fontSize: token.statisticContentFontSize,
|
|
fontFamily: token.statisticFontFamily,
|
|
[`${token.componentCls}-content-value`]: {
|
|
display: 'inline-block',
|
|
direction: 'ltr',
|
|
},
|
|
[`${token.componentCls}-content-prefix, ${token.componentCls}-content-suffix`]: {
|
|
display: 'inline-block',
|
|
},
|
|
[`${token.componentCls}-content-prefix`]: {
|
|
marginInlineStart: 4, // FIXME: hard code
|
|
},
|
|
[`${token.componentCls}-content-suffix`]: {
|
|
marginInlineEnd: 4, // FIXME: hard code
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
// ============================== Export ==============================
|
|
export default genComponentStyleHook('Statistic', token => {
|
|
const statisticToken = mergeToken<StatisticToken>(token, {
|
|
statisticTitleFontSize: token.fontSize,
|
|
statisticContentFontSize: 24, // FIXME: hard code
|
|
statisticFontFamily: token.fontFamily,
|
|
});
|
|
return [genStatisticStyle(statisticToken)];
|
|
});
|
|
|