antd
Version:
An enterprise-class UI design language and React components implementation
50 lines (49 loc) • 1.56 kB
TypeScript
import React from 'react';
import type { Theme } from '@ant-design/cssinjs';
import type { AliasToken, MapToken, OverrideToken, SeedToken } from './interface';
export { default as defaultTheme } from './themes/default/theme';
export declare const defaultConfig: {
token: SeedToken;
override: {
override: SeedToken;
};
hashed: boolean;
};
export type ComponentsToken = {
[key in keyof OverrideToken]?: OverrideToken[key] & {
theme?: Theme<SeedToken, MapToken>;
};
};
export interface DesignTokenProviderProps {
token: Partial<AliasToken>;
theme?: Theme<SeedToken, MapToken>;
components?: ComponentsToken;
/** Just merge `token` & `override` at top to save perf */
override: {
override: Partial<AliasToken>;
} & ComponentsToken;
hashed?: string | boolean;
cssVar?: {
prefix?: string;
key?: string;
};
/**
* @descCN 开启零运行时模式,不会在运行时产生样式,需要手动引入 CSS 文件。
* @descEN Enable zero-runtime mode, which will not generate style at runtime, need to import additional CSS file.
* @default true
* @since 6.0.0
* @example
* ```tsx
* import { ConfigProvider } from 'antd';
* import 'antd/dist/antd.css';
*
* const Demo = () => (
* <ConfigProvider theme={{ zeroRuntime: true }}>
* <App />
* </ConfigProvider>
*);
* ```
*/
zeroRuntime?: boolean;
}
export declare const DesignTokenContext: React.Context<DesignTokenProviderProps>;