antd-mini
Version:
antd-mini 是支付宝小程序 UI 组件库,遵循 Ant Design 规范。
97 lines (96 loc) • 2.18 kB
TypeScript
import { IBaseProps } from '../_util/base';
/**
* @description 弹窗,可在其中加入具体内容,展示更多信息供用户使用。
*/
export interface IPopupProps extends IBaseProps {
/**
* @description 是否显示
* @default false
*/
visible: boolean;
/**
* @description 标题
* @default ''
*/
title?: string;
/**
* @description 是否关闭后销毁内部元素
* @default false
*/
destroyOnClose: boolean;
/**
* @description 是否展示蒙层
* @default true
*/
showMask: boolean;
/**
* @description 弹窗布局
* @default "bottom"
*/
position: 'center' | 'top' | 'bottom' | 'left' | 'right';
/**
* @description 是否开启过渡动画
*/
animation: boolean;
/**
* @description 动画类型
* @default "transform"
*/
animationType: 'transform' | 'position';
/**
* @description 过渡动画时长,单位毫秒
*/
duration: number;
/**
* @description 内容区高度,单位px
*/
height: number;
/**
* @description 内容区宽度,单位px
*/
width: number;
/**
* @description 遮罩层类名
*/
maskClassName: string;
/**
* @description 遮罩层样式
*/
maskStyle: string;
zIndex: number;
/**
* @description 展示弹框关闭的icon
* @default false
*/
showClose: boolean;
/**
* @description 展示弹框返回的icon
* @default false
*/
showBack: boolean;
/**
* @description 弹框的背景图
*/
backgroundImage: string;
/**
* @description 关闭时回调
*/
onClose?: () => void;
/**
* @description 完全打开时回调
*/
onAfterShow?: () => void;
/**
* @description 完全关闭时回调
*/
onAfterClose?: () => void;
/**
* @description 点击关闭icon时回调
*/
onClickBackIcon?: () => void;
/**
* @description 点击返回箭头icon时回调
*/
onClickCloseIcon?: () => void;
}
export declare const PopupDefaultProps: Partial<IPopupProps>;