123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- 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;
- }
- /**
- * @desc Modal 组件的 Token
- * @descEN Token for Modal component
- */
- export interface ModalToken extends FullToken<'Modal'> {
- /**
- * @desc 模态框头部高度
- * @descEN Height of modal header
- */
- modalHeaderHeight: number | string;
- /**
- * @desc 模态框底部边框颜色
- * @descEN Border color of modal footer
- */
- modalFooterBorderColorSplit: string;
- /**
- * @desc 模态框底部边框样式
- * @descEN Border style of modal footer
- */
- modalFooterBorderStyle: string;
- /**
- * @desc 模态框底部边框宽度
- * @descEN Border width of modal footer
- */
- modalFooterBorderWidth: number | string;
- /**
- * @desc 模态框关闭图标颜色
- * @descEN Color of modal close icon
- */
- modalCloseIconColor: string;
- /**
- * @desc 模态框关闭图标悬停颜色
- * @descEN Hover color of modal close icon
- */
- modalCloseIconHoverColor: string;
- /**
- * @desc 模态框关闭按钮尺寸
- * @descEN Size of modal close button
- */
- modalCloseBtnSize: number | string;
- /**
- * @desc 模态框确认图标尺寸
- * @descEN Size of modal confirm icon
- */
- modalConfirmIconSize: number | string;
- /**
- * @desc 模态框标题高度
- * @descEN Height of modal title
- */
- 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;
|