@cainiaofe/cn-ui-charts
Version:
70 lines (69 loc) • 1.52 kB
TypeScript
import { CSSProperties, Dispatch, ReactNode, SetStateAction } from 'react';
export interface CnTileProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
/**
* 容器className
*/
className?: string;
/**
* 样式属性
*/
style?: CSSProperties;
/**
* 头部样式属性
*/
headStyle?: CSSProperties;
/**
* 内容区样式属性
*/
bodyStyle?: CSSProperties;
/**
* 标题
*/
title?: React.ReactNode;
/**
* 标题tip
*/
titleTip?: string;
/**
* 标题旁边插槽
*/
titleSlot?: React.ReactNode;
/**
* 是否有折叠能力
* 默认false, 不折叠
*/
collapsible?: boolean;
/**
* 卡片折叠/展开出发的回调
*/
onCollapse?: (visible: boolean) => void;
/**
* 初次状态是否折叠，collapsible为true时生效
* 默认false, 不折叠
*/
defaultCollapsed?: boolean;
/**
* 右上角工具栏
*/
menu?: React.ReactNode;
/**
* 右上角自定义区域
*/
extra?: React.ReactNode;
/**
* 内容区域（必填）
*/
children: ReactNode;
/**
* 瓷片尺寸
*/
size?: 'small' | 'medium';
/**
* 显示边框
*/
border?: boolean;
}
export interface TitleProps extends Pick<CnTileProps, 'title' | 'titleTip' | 'collapsible' | 'onCollapse' | 'titleSlot'> {
collapsed?: boolean;
setCollapsed?: Dispatch<SetStateAction<boolean>>;
}