Dialog ダイアログ
使用場面
ダイアログは、メインの操作を離れない状態で、ユーザーが迅速に簡単な操作を実行したり、ユーザー情報を確認したり、フィードバックの通知を表示するための補助ウィンドウです。
コンポーネント例
コンポーネント属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
afterClose | ダイアログクローズ後イベント | () => void | - |
afterOpen | ダイアログオープン後イベント | () => void | - |
autoFocus | 自動フォーカス。Dialogオープン時に内部のフォーム項目に自動フォーカスするかどうか | boolean | true |
cancelText | キャンセルボタンのテキスト | string | 'キャンセル' |
closeable | ダイアログを閉じる方法。esc：ESCキーを押して閉じる、mask：マスクをクリックして閉じる | 'esc' | 'mask' | 'esc' |
confirmState | OKボタンの確認状態 | 'NORMAL' | 'DISABLED' | 'LOADING' | 'NORMAL' |
confirmStyle | OKボタンタイプ。Buttonコンポーネントのドキュメントを参照 | 'primary' | 'warning' | 'ghostLight' | 'ghostDark' | 'primary' |
confirmText | OKボタン内のテキスト | string | '確認' |
footer | フッターボタンを表示するかどうか | boolean | true |
footerActions | ダイアログフッターのデフォルトボタン配置方法。cancelはキャンセルボタン、okはOKボタンを表します | 'cancel,ok' | 'cancel,ok' | 'ok' | 'cancel' | 'cancel,ok' |
footerAlign | ダイアログのOKボタンとキャンセルボタンの配置方法 | 'left' | 'center' | 'right' | 'right' |
hasMask | マスクを表示するかどうか | boolean | true |
height | ダイアログ高さ | number | - |
onCancel | キャンセルボタンクリック時のイベント | () => void | - |
onClose | ダイアログクローズ時のイベント | () => void | - |
onOk | OKボタンクリック時のイベント | () => void | - |
onOpen | ダイアログオープン時イベント | () => void | - |
title | ダイアログタイトル | string | 'ダイアログタイトル' |
visible | ダイアログを表示するかどうか | boolean | false |
width | ダイアログ幅 | number | - |