UNPKG

@ray-js/smart-ui-typings

Version:

@ray-js/smart-ui 智能小程序 UI 框架的类型声明文件

116 lines (115 loc) 2.35 kB
import { VantOpenTypeCamelCaseProps, VantComponent, VantEventHandler } from '../base'; import { VantTransitionEvents } from '../transition'; export interface VantAction extends Omit<VantOpenTypeCamelCaseProps, 'businessId'> { /** * 标题 */ name?: string; /** * 二级标题 */ subname?: string; /** * 选项文字颜色 */ color?: string; /** * 是否为加载状态 */ loading?: boolean; /** * 是否为选中状态 */ checked?: boolean; /** * 是否为禁用状态 */ disabled?: boolean; /** * 为对应列添加额外的 `class` 类名 */ className?: string; } export interface VantActionSheetProps { /** * 是否显示动作面板 */ show?: boolean; /** * 菜单选项 * * @default [] */ actions?: VantAction[]; /** * 标题 */ title?: string; /** * 选项上方的描述信息 */ description?: string; /** * `z-index` 层级 * * @default 100 */ zIndex?: number; /** * 取消按钮文字 */ cancelText?: string; /** * 确认按钮文字 */ confirmText?: string; /** * 是否显示遮罩层 */ overlay?: boolean; /** * 是否显示圆角 * * @default true */ round?: boolean; /** * 是否在点击选项后关闭 * * @default true */ closeOnClickAction?: boolean; /** * 点击遮罩是否关闭菜单 */ closeOnClickOverlay?: boolean; /** * 是否为 `iPhoneX` 留出底部安全距离 * * @default true */ safeAreaInsetBottom?: boolean; } export interface VantActionSheetEvents extends VantTransitionEvents { /** * 选中选项时触发,禁用或加载状态下不会触发 */ onSelect?: VantEventHandler<VantAction>; /** * 关闭时触发 */ onClose?: VantEventHandler; /** * 取消按钮点击时触发 */ onCancel?: VantEventHandler; /** * 确认按钮点击时触发 */ onConfirm?: VantEventHandler; /** * 点击遮罩层时触发 */ onClickOverlay?: VantEventHandler; } export type VantActionSheet = VantComponent<VantActionSheetProps, VantActionSheetEvents>;