Dialog 对话框

函数式对话框组件，通过 Hook 快速创建对话框。

基础用法

使用 useEplDialog Hook 创建对话框。

API

useEplDialog

参数

参数名	说明	类型
component	对话框内容组件	`Component`
componentProps	组件属性	`object`
dialogOptions	对话框配置	`object`

返回值

属性名	说明	类型
instnce	内容组件实例	`Ref<ComponentInstance>`
close	关闭对话框方法	`() => void`
createConfirm	创建确认按钮	`(props?) => VNode`
createCancel	创建取消按钮	`(name?, props?) => VNode`

TFooterBtnProps

属性名	说明	类型	默认值
name	按钮名称	`string`	`'确认'`
hidden	执行完毕后是否关闭对话框	`boolean`	`true`
click	点击事件处理	`string | ((instance) => void)`	`'confirm'`

触发方式

多种触发方式

createConfirm 支持三种触发方式：

1. 默认触发：不传 click 参数时，默认触发实例上的 confirm 方法
2. 指定函数：传入函数作为 click 参数，直接执行该函数
3. 实例方法：传入字符串作为 click 参数，调用实例上对应名称的方法

// 默认触发实例的 confirm 方法
createConfirm();

// 传入自定义函数
createConfirm({
  click: instance => {
    console.log('自定义处理', instance);
  },
});

// 调用实例上的 reset 方法
createConfirm({
  click: 'reset',
});