71 lines
2.3 KiB
TypeScript
71 lines
2.3 KiB
TypeScript
import type React from 'react';
|
|
import type { AliasToken, FullToken, GenerateStyle, GenStyleFn, GlobalToken, TokenWithCommonCls } from '../../theme/internal';
|
|
/** Component only token. Which will handle additional calculation of alias token */
|
|
export interface ComponentToken {
|
|
/**
|
|
* @desc 顶部背景色
|
|
* @descEN Background color of header
|
|
*/
|
|
headerBg: string;
|
|
/**
|
|
* @desc 标题行高
|
|
* @descEN Line height of title
|
|
*/
|
|
titleLineHeight: number | string;
|
|
/**
|
|
* @desc 标题字体大小
|
|
* @descEN Font size of title
|
|
*/
|
|
titleFontSize: number;
|
|
/**
|
|
* @desc 标题字体颜色
|
|
* @descEN Font color of title
|
|
*/
|
|
titleColor: string;
|
|
/**
|
|
* @desc 内容区域背景色
|
|
* @descEN Background color of content
|
|
*/
|
|
contentBg: string;
|
|
/**
|
|
* @desc 底部区域背景色
|
|
* @descEN Background color of footer
|
|
*/
|
|
footerBg: string;
|
|
}
|
|
export interface ModalToken extends FullToken<'Modal'> {
|
|
modalHeaderHeight: number | string;
|
|
modalFooterBorderColorSplit: string;
|
|
modalFooterBorderStyle: string;
|
|
modalFooterBorderWidth: number | string;
|
|
modalCloseIconColor: string;
|
|
modalCloseIconHoverColor: string;
|
|
modalCloseBtnSize: number | string;
|
|
modalConfirmIconSize: number | string;
|
|
modalTitleHeight: number | string;
|
|
}
|
|
export declare const genModalMaskStyle: GenerateStyle<TokenWithCommonCls<AliasToken>>;
|
|
export declare const prepareToken: (token: Parameters<GenStyleFn<'Modal'>>[0]) => ModalToken;
|
|
export declare const prepareComponentToken: (token: GlobalToken) => {
|
|
footerBg: string;
|
|
headerBg: string;
|
|
titleLineHeight: number;
|
|
titleFontSize: number;
|
|
contentBg: string;
|
|
titleColor: string;
|
|
contentPadding: string | number;
|
|
headerPadding: string | number;
|
|
headerBorderBottom: string;
|
|
headerMarginBottom: number;
|
|
bodyPadding: number;
|
|
footerPadding: string | number;
|
|
footerBorderTop: string;
|
|
footerBorderRadius: string | number;
|
|
footerMarginTop: number;
|
|
confirmBodyPadding: string | number;
|
|
confirmIconMarginInlineEnd: number;
|
|
confirmBtnsMarginTop: number;
|
|
};
|
|
declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
|
|
export default _default;
|