zent
Version:
一套前端设计语言和基于React的实现
50 lines (49 loc) • 1.53 kB
TypeScript
/// <reference types="react" />
export declare type DrawerPlacement = 'left' | 'right' | 'top' | 'bottom';
export interface IDrawerBackdrop {
mask: boolean;
visible: boolean;
maskClosable: boolean;
onClose: () => void;
}
interface IDrawerContentCommonProps {
onClose: () => void;
visible: boolean;
mask: boolean;
title: React.ReactNode;
footer: React.ReactNode;
onExited: () => void;
closeBtn: React.ReactNode;
}
interface IHorizontalDrawerContentProps extends IDrawerContentCommonProps {
width: string | number;
placement: 'left' | 'right';
}
interface IVerticalDrawerContentProps extends IDrawerContentCommonProps {
height: string | number;
placement: 'top' | 'bottom';
}
export declare type DrawerContentProps = IHorizontalDrawerContentProps | IVerticalDrawerContentProps;
export declare type DrawerSize = 'default' | 'small';
interface IDrawerCommonProps {
onClose?: () => void;
className?: string;
visible?: boolean;
maskClosable?: boolean;
closeOnESC?: boolean;
mask?: boolean;
title?: React.ReactNode;
footer?: React.ReactNode;
closeBtn?: React.ReactNode;
size?: DrawerSize;
}
interface IHorizontalDrawerProps extends IDrawerCommonProps {
width?: string | number;
placement: 'left' | 'right';
}
interface IVerticalDrawerProps extends IDrawerCommonProps {
height?: string | number;
placement: 'top' | 'bottom';
}
export declare type DrawerProps = IHorizontalDrawerProps | IVerticalDrawerProps;
export {};