import * as React from 'react'; import type { WarningContextProps } from '../_util/warning'; import type { ShowWaveEffect } from '../_util/wave/interface'; import type { AlertProps } from '../alert'; import type { BadgeProps } from '../badge'; import type { ButtonProps } from '../button'; import type { CardProps } from '../card'; import type { CascaderProps } from '../cascader'; import type { CollapseProps } from '../collapse'; import type { DatePickerProps, RangePickerProps } from '../date-picker'; import type { DrawerProps } from '../drawer'; import type { FlexProps } from '../flex/interface'; import type { FloatButtonGroupProps } from '../float-button/interface'; import type { FormProps } from '../form/Form'; import type { InputProps, TextAreaProps } from '../input'; import type { InputNumberProps } from '../input-number'; import type { ListItemProps } from '../list'; import type { Locale } from '../locale'; import type { MentionsProps } from '../mentions'; import type { MenuProps } from '../menu'; import type { ModalProps } from '../modal'; import type { ArgsProps } from '../notification/interface'; import type { PaginationProps } from '../pagination'; import type { SelectProps } from '../select'; import type { SpaceProps } from '../space'; import type { SpinProps } from '../spin'; import type { TableProps } from '../table'; import type { TabsProps } from '../tabs'; import type { TagProps } from '../tag'; import type { AliasToken, MappingAlgorithm, OverrideToken } from '../theme/interface'; import type { TimePickerProps } from '../time-picker'; import type { TourProps } from '../tour/interface'; import type { TransferProps } from '../transfer'; import type { TreeSelectProps } from '../tree-select'; import type { RenderEmptyHandler } from './defaultRenderEmpty'; export declare const defaultPrefixCls = "ant"; export declare const defaultIconPrefixCls = "anticon"; export interface Theme { primaryColor?: string; infoColor?: string; successColor?: string; processingColor?: string; errorColor?: string; warningColor?: string; } export interface CSPConfig { nonce?: string; } export type DirectionType = 'ltr' | 'rtl' | undefined; type ComponentsConfig = { [key in keyof OverrideToken]?: OverrideToken[key] & { algorithm?: boolean | MappingAlgorithm | MappingAlgorithm[]; }; }; export interface ThemeConfig { /** * @descCN 用于修改 Design Token。 * @descEN Modify Design Token. */ token?: Partial; /** * @descCN 用于修改各个组件的 Component Token 以及覆盖该组件消费的 Alias Token。 * @descEN Modify Component Token and Alias Token applied to components. */ components?: ComponentsConfig; /** * @descCN 用于修改 Seed Token 到 Map Token 的算法。 * @descEN Modify the algorithms of theme. * @default defaultAlgorithm */ algorithm?: MappingAlgorithm | MappingAlgorithm[]; /** * @descCN 是否继承外层 `ConfigProvider` 中配置的主题。 * @descEN Whether to inherit the theme configured in the outer layer `ConfigProvider`. * @default true */ inherit?: boolean; /** * @descCN 是否开启 `hashed` 属性。如果你的应用中只存在一个版本的 antd,你可以设置为 `false` 来进一步减小样式体积。 * @descEN Whether to enable the `hashed` attribute. If there is only one version of antd in your application, you can set `false` to reduce the bundle size. * @default true * @since 5.0.0 */ hashed?: boolean; /** * @descCN 通过 `cssVar` 配置来开启 CSS 变量模式,这个配置会被继承。 * @descEN Enable CSS variable mode through `cssVar` configuration, This configuration will be inherited. * @default false * @since 5.12.0 */ cssVar?: { /** * @descCN css 变量的前缀 * @descEN Prefix for css variable. * @default ant */ prefix?: string; /** * @descCN 主题的唯一 key,版本低于 react@18 时需要手动设置。 * @descEN Unique key for theme, should be set manually < react@18. */ key?: string; } | boolean; } export interface ComponentStyleConfig { className?: string; style?: React.CSSProperties; } export interface TableConfig extends ComponentStyleConfig { expandable?: { expandIcon?: NonNullable['expandIcon']; }; } export interface ImageConfig extends ComponentStyleConfig { preview?: Partial>; } export type CollapseConfig = ComponentStyleConfig & Pick; export type MenuConfig = ComponentStyleConfig & Pick; export type TourConfig = Pick; export type ModalConfig = ComponentStyleConfig & Pick; export type TabsConfig = ComponentStyleConfig & Pick; export type AlertConfig = ComponentStyleConfig & Pick; export type BadgeConfig = ComponentStyleConfig & Pick; export type InputConfig = ComponentStyleConfig & Pick; export type TextAreaConfig = ComponentStyleConfig & Pick; export type ButtonConfig = ComponentStyleConfig & Pick; export type NotificationConfig = ComponentStyleConfig & Pick; export type TagConfig = ComponentStyleConfig & Pick; export type CardConfig = ComponentStyleConfig & Pick; export type DrawerConfig = ComponentStyleConfig & Pick; export type FlexConfig = ComponentStyleConfig & Pick; export type TransferConfig = ComponentStyleConfig & Pick; export type FormConfig = ComponentStyleConfig & Pick; export type FloatButtonGroupConfig = Pick; export type PaginationConfig = ComponentStyleConfig & Pick; export type SelectConfig = ComponentStyleConfig & Pick; export type SpaceConfig = ComponentStyleConfig & Pick; export type SpinConfig = ComponentStyleConfig & Pick; export type InputNumberConfig = ComponentStyleConfig & Pick; export type CascaderConfig = ComponentStyleConfig & Pick; export type TreeSelectConfig = ComponentStyleConfig & Pick; export type DatePickerConfig = ComponentStyleConfig & Pick; export type RangePickerConfig = ComponentStyleConfig & Pick; export type TimePickerConfig = ComponentStyleConfig & Pick; export type MentionsConfig = ComponentStyleConfig & Pick; export type PopupOverflow = 'viewport' | 'scroll'; export interface ListConfig extends ComponentStyleConfig { item?: Pick; } export declare const Variants: readonly ["outlined", "borderless", "filled"]; export type Variant = (typeof Variants)[number]; export interface WaveConfig { /** * @descCN 是否开启水波纹效果。如果需要关闭,可以设置为 `false`。 * @descEN Whether to use wave effect. If it needs to close, set to `false`. * @default true */ disabled?: boolean; /** * @descCN 自定义水波纹效果。 * @descEN Customized wave effect. */ showEffect?: ShowWaveEffect; } export interface ConfigConsumerProps { getTargetContainer?: () => HTMLElement; getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement; rootPrefixCls?: string; iconPrefixCls: string; getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string; renderEmpty?: RenderEmptyHandler; /** * @descCN 设置 [Content Security Policy](https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CSP) 配置。 * @descEN Set the [Content Security Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP) config. */ csp?: CSPConfig; /** @deprecated Please use `{ button: { autoInsertSpace: boolean }}` instead */ autoInsertSpaceInButton?: boolean; variant?: Variant; input?: InputConfig; textArea?: TextAreaConfig; inputNumber?: InputNumberConfig; pagination?: PaginationConfig; locale?: Locale; direction?: DirectionType; space?: SpaceConfig; virtual?: boolean; popupMatchSelectWidth?: boolean; popupOverflow?: PopupOverflow; form?: FormConfig; theme?: ThemeConfig; select?: SelectConfig; alert?: AlertConfig; anchor?: ComponentStyleConfig; button?: ButtonConfig; divider?: ComponentStyleConfig; drawer?: DrawerConfig; calendar?: ComponentStyleConfig; carousel?: ComponentStyleConfig; cascader?: CascaderConfig; treeSelect?: TreeSelectConfig; collapse?: CollapseConfig; floatButtonGroup?: FloatButtonGroupConfig; typography?: ComponentStyleConfig; skeleton?: ComponentStyleConfig; spin?: SpinConfig; segmented?: ComponentStyleConfig; steps?: ComponentStyleConfig; statistic?: ComponentStyleConfig; image?: ImageConfig; layout?: ComponentStyleConfig; list?: ListConfig; mentions?: MentionsConfig; modal?: ModalConfig; progress?: ComponentStyleConfig; result?: ComponentStyleConfig; slider?: ComponentStyleConfig; breadcrumb?: ComponentStyleConfig; menu?: MenuConfig; checkbox?: ComponentStyleConfig; descriptions?: ComponentStyleConfig; empty?: ComponentStyleConfig; badge?: BadgeConfig; radio?: ComponentStyleConfig; rate?: ComponentStyleConfig; switch?: ComponentStyleConfig; transfer?: TransferConfig; avatar?: ComponentStyleConfig; message?: ComponentStyleConfig; tag?: TagConfig; table?: TableConfig; card?: CardConfig; tabs?: TabsConfig; timeline?: ComponentStyleConfig; timePicker?: TimePickerConfig; tour?: TourConfig; upload?: ComponentStyleConfig; notification?: NotificationConfig; tree?: ComponentStyleConfig; colorPicker?: ComponentStyleConfig; datePicker?: DatePickerConfig; rangePicker?: RangePickerConfig; dropdown?: ComponentStyleConfig; flex?: FlexConfig; wave?: WaveConfig; warning?: WarningContextProps; } export declare const ConfigContext: React.Context; export declare const ConfigConsumer: React.Consumer; export {};