HFormModal
对HForm模态场景化处理
示例
Props
FormModalProps
| 属性 | 类型 | 描述 |
|---|---|---|
title | string (可选) | 表单标题 |
show | boolean | 是否显示表单模态框 |
rules | HFormRule[] | 表单规则 |
showForm | boolean (可选) | 是否显示表单内容，用于特殊场景，可通过插槽自定义内容 |
formCols | number (可选) | 表单列数 |
formType | FORM 或 FILTER (可选) | 表单类型 |
filterInitSearch | boolean (可选) | 筛选器模式下，是否初始化搜索回调 search event |
formCard | boolean (可选) | 是否显示卡片 |
width | number 或 string (可选) | modal 宽度 |
confirmLoading | boolean (可选) | 表单提交按钮的 loading 状态 |
formLabelWidth | number (可选) | 表单标签宽度 |
| formData | object (可选) | 表单数据 |
Events
| 事件名 | 参数类型 | 描述 |
|---|---|---|
dataChange | [data: Record<string, any>] | 数据变化时触发，传递变化后的数据 |
confirm | [data: Record<string, any>] | 表单确认提交时触发，传递表单数据 |
search | [data: Record<string, any>] | 筛选器搜索时触发，传递搜索条件数据 |
reset | [data: Record<string, any>] | 表单重置时触发，传递重置后的数据 |
close | - | 模态框关闭时触发，无参数 |
Slots
| 名称 | 说明 |
|---|---|
default | 默认插槽 |
footer | 底部插槽 |
动态插槽，根据表单配置的项进行动态化配置[field] | 当表单项的compType为Slot时，会触发该插槽, 以满足特殊场景的组件需求,定制化、特殊化 |