antd-style/lib/types/theme.d.ts

css-in-js solution for application combine with antd v5 token system and emotion

import { MappingAlgorithm, ThemeConfig } from 'antd';
import { AliasToken } from 'antd/es/theme/interface';
import { BrowserPrefers, ThemeAppearance, ThemeMode } from './appearance';
/**
 * @title 主题上下文状态
 */
export interface ThemeContextState {
    /**
     * @title 外观
     */
    appearance: ThemeAppearance;
    setAppearance: (appearance: ThemeAppearance) => void;
    /**
     * @title 主题模式
     * @enum ["light", "dark"]
     * @enumNames ["亮色模式", "暗色模式"]
     * @default "light"
     */
    themeMode: ThemeMode;
    setThemeMode: (themeMode: ThemeMode) => void;
    /**
     * @title 是否为暗色模式
     */
    isDarkMode: boolean;
    /**
     * @title 浏览器偏好的外观
     */
    browserPrefers: BrowserPrefers;
}
export type AppearanceState = Pick<ThemeContextState, 'appearance' | 'isDarkMode'>;
export type AntdToken = AliasToken;
/**
 * 一组统一封装好的 antd 标准样式
 */
export interface AntdStylish {
    buttonDefaultHover: string;
}
/**
 * @title 获取 Antd 主题的函数
 * @param appearance - 主题外观
 * @returns Antd 主题配置对象或 undefined
 */
export interface GetAntdTheme {
    (appearance: ThemeAppearance): ThemeConfig | undefined;
}
export type { MappingAlgorithm };
export interface CustomToken {
}
export interface CustomStylish {
}
export interface CustomTheme extends CustomStylish, CustomToken {
}
export interface FullStylish extends AntdStylish, CustomStylish {
}
export interface AntdTheme extends AntdToken {
    stylish: AntdStylish;
}
export interface FullToken extends AntdToken, CustomToken {
}
export interface Theme extends FullToken, ThemeContextState {
    stylish: FullStylish;
    /**
     * antd 组件的 prefixCls
     */
    prefixCls: string;
    iconPrefixCls: string;
}