跳到主要内容

Dialog 对话框

何时使用

对话框是用于在不离开主路径的情况下,提供用户快速执行简单的操作、确认用户信息或反馈提示的辅助窗口。

组件示例

## 组件属性
属性说明类型默认值
afterClose

对话框关闭后事件

() => void

-
afterOpen

对话框打开后事件

() => void

-
autoFocus

自动聚焦,Dialog打开时是否自动聚焦到内部的表单项

boolean

true

cancelText

取消按钮文案

string

'取消'

closeable

关闭对话框方式,esc:点击 ESC 按键关闭、mask:点击遮罩关闭

'esc' | 'mask'

'esc'

confirmState

确定按钮的确认状态

'NORMAL' | 'DISABLED' | 'LOADING'

'NORMAL'

confirmStyle

确定按钮类型,参考 Button 组件的文档

'primary' | 'warning' | 'ghostLight' | 'ghostDark'

'primary'

confirmText

确定按钮内文案

string

'确定'

footer

底部按钮是否显示

boolean

true

footerActions

对话框底部默认按钮排列方式,cancel代表取消按钮,ok代表确定按钮

'cancel,ok' | 'cancel,ok' | 'ok' | 'cancel'

'cancel,ok'

footerAlign

对话框确定按钮和取消按钮对齐方式

'left' | 'center' | 'right'

'right'

hasMask

遮罩是否显示

boolean

true

height

对话框高度

number

-
onCancel

点击取消按钮时事件

() => void

-
onClose

对话框关闭时事件

() => void

-
onOk

点击确定按钮时事件

() => void

-
onOpen

对话框打开时事件

() => void

-
title

对话框标题

string

'Dialog标题'

visible

对话框是否显示

boolean

false

width

对话框宽度

number

-
Copyright © 2024钉钉(中国)信息技术有限公司和/或其关联公司浙ICP备18037475号-4