@ray-js/smart-ui-typings
Version:
@ray-js/smart-ui 智能小程序 UI 框架的类型声明文件
108 lines (107 loc) • 2.39 kB
TypeScript
/// <reference types="react" />
import { VantBaseExternalClassName, VantComponent, VantEventHandler } from '../base';
import { VantTransitionEvents } from '../transition';
export interface VantPopupProps {
/**
* 是否显示弹出层
*
* @default false
*/
show?: boolean;
/**
* `z-index`层级
*
* @default 100
*/
zIndex?: number;
/**
* 是否显示遮罩层
*
* @default true
*/
overlay?: boolean;
/**
* 弹出位置
*
* @default 'center'
*/
position?: 'top' | 'bottom' | 'center' | 'right' | 'left';
/**
* 动画时长，单位为毫秒
*
* @default 300
*/
duration?: number | Record<string, unknown>;
/**
* 是否显示圆角
*
* @default false
*/
round?: boolean;
/**
* 自定义弹出层样式
*
* @default ''
*/
customStyle?: React.CSSProperties;
/**
* 自定义遮罩层样式
*
* @default ''
*/
overlayStyle?: React.CSSProperties;
/**
* 是否在点击遮罩层后关闭
*
* @default true
*/
closeOnClickOverlay?: boolean;
/**
* 是否显示关闭图标
*
* @default false
*/
closeable?: boolean;
/**
* 关闭图标名称或图片链接
*
* @default 'cross'
*/
closeIcon?: string;
/**
* 关闭图标位置，可选值为 top-right、top-left、bottom-left bottom-right
*
* @default 'top-right''
*/
closeIconPosition?: 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';
/**
* 是否为`iPhoneX`留出底部安全距离
*
* @default true
*/
safeAreaInsetBottom?: boolean;
/**
* 是否留出顶部安全距离（状态栏高度）
*
* @default false
*/
safeAreaInsetTop?: boolean;
/**
* 是否锁定背景滚动
*
* @default true
*/
lockScroll?: boolean;
}
export interface VantPopupEvents extends VantTransitionEvents {
/**
* 关闭弹出层时触发
*/
onClose?: VantEventHandler;
/**
* 点击遮罩层时触发
*/
onClickOverlay?: VantEventHandler;
}
export type VantPopupExternalClassName = VantBaseExternalClassName;
export type VantPopup = VantComponent<VantPopupProps, VantPopupEvents, VantPopupExternalClassName>;