Modal/Drawer 浮层表单

基本简介

ModalForm 和 DrawerForm 是 WetProForm 的一个变体，本质上仍然是个表单。这两个表单的表现与 WetProForm 基本相同,大部分设置均可参考该组件。

引入方法: import { WetModalForm,WetDrawerForm } from '@wetspace/pro-components';

Modal 表单

点击确定获取表单值，值是通过onFinish这个参数，传入一个函数，返回一个promise，如果成功则返回true，这样就会关闭弹框，否则传false

Drawer 表单

自定义 Modal/Drawer 表单footer按钮

这里使用的是slot，【name='footer'】,然后渲染需要的按钮即可，值得注意的是，取消和确定按钮是无法更改的

属性

通用属性请参考WetProForm的配置

属性	描述	类型	默许值
title	表单标题	string	-
onFinish	提交数据时触发，如果返回一个 true。会关掉抽屉，如果配置了 destroyOnClose 还会重置表单。	(v: any) => Promise<boolean>	-
destroyOnClose	控制是否在关闭之后将子元素全部销毁	boolean	false
onCancel	控制是否关闭弹框	boolean	-
modalProps	modal的相关配置，ModalForm生效	Partial<DialogProps>	-
drawerProps	drawer的相关配置，DrawerForm生效	Partial<DialogProps>	-

插槽

名称	说明	类型
trigger	用于触发 Modal 打开的 dom，一般是 button	-
footer	自定义表单footer区域的元素	-