import type { ComponentType, ReactElement } from 'react'; import type { CSSInterpolation } from '@ant-design/cssinjs'; import type { AliasToken, ComponentTokenMap, GlobalToken, OverrideToken, UseComponentStyleResult } from '../interface'; import type AbstractCalculator from './calc/calculator'; export type OverrideTokenWithoutDerivative = ComponentTokenMap; export type OverrideComponent = keyof OverrideTokenWithoutDerivative; export type GlobalTokenWithComponent = GlobalToken & ComponentTokenMap[C]; type ComponentToken = Exclude; type ComponentTokenKey = keyof ComponentToken; export interface StyleInfo { hashId: string; prefixCls: string; rootPrefixCls: string; iconPrefixCls: string; } export type CSSUtil = { calc: (number: any) => AbstractCalculator; max: (...values: (number | string)[]) => number | string; min: (...values: (number | string)[]) => number | string; }; export type TokenWithCommonCls = T & { /** Wrap component class with `.` prefix */ componentCls: string; /** Origin prefix which do not have `.` prefix */ prefixCls: string; /** Wrap icon class with `.` prefix */ iconCls: string; /** Wrap ant prefixCls class with `.` prefix */ antCls: string; } & CSSUtil; export type FullToken = TokenWithCommonCls>; export type GenStyleFn = (token: FullToken, info: StyleInfo) => CSSInterpolation; export type GetDefaultToken = null | OverrideTokenWithoutDerivative[C] | ((token: AliasToken & Partial) => OverrideTokenWithoutDerivative[C]); export default function genComponentStyleHook(componentName: C | [C, string], styleFn: GenStyleFn, getDefaultToken?: GetDefaultToken, options?: { resetStyle?: boolean; resetFont?: boolean; deprecatedTokens?: [ComponentTokenKey, ComponentTokenKey][]; /** * Only use component style in client side. Ignore in SSR. */ clientOnly?: boolean; /** * Set order of component style. Default is -999. */ order?: number; injectStyle?: boolean; }): (prefixCls: string, rootCls?: string) => UseComponentStyleResult; export interface SubStyleComponentProps { prefixCls: string; rootCls?: string; } type RestParameters = T extends [any, ...infer Rest] ? Rest : never; export declare const genSubStyleComponent: (componentName: [C, string], ...args: RestParameters>>) => ComponentType; export type CSSVarRegisterProps = { rootCls: string; component: string; cssVar: { prefix?: string; key?: string; }; }; export declare const genStyleHooks: (component: C | [C, string], styleFn: GenStyleFn, getDefaultToken?: GetDefaultToken, options?: { resetStyle?: boolean | undefined; resetFont?: boolean | undefined; deprecatedTokens?: [keyof Exclude, keyof Exclude][] | undefined; /** * Component tokens that do not need unit. */ unitless?: (keyof Exclude extends infer T extends keyof Exclude ? { [key in T]: boolean; } : never) | undefined; /** * Only use component style in client side. Ignore in SSR. */ clientOnly?: boolean | undefined; /** * Set order of component style. * @default -999 */ order?: number | undefined; /** * Whether generate styles * @default true */ injectStyle?: boolean | undefined; } | undefined) => (prefixCls: string, rootCls?: string) => readonly [(node: ReactElement) => ReactElement, string, string | undefined]; export {};