危险确认

ConfirmDialog浮层与反馈

危险操作的确认对话框（alertdialog），基于弹窗外壳：左侧 danger 图标、标题与说明，底栏「取消」与 danger 主按钮。点确认先关闭再回调，执行与结果提示由调用方负责。

属性

名称	类型	默认值	说明
`visible`	`RwSignal<bool>`	必填	对话框显隐状态。
`title`	`String`	必填	标题，同时作为无障碍名称。
`description`	`Signal<String>`	必填	后果说明，如影响篇数与能否恢复。
`confirm_label`	`String`	必填	危险主按钮文字。
`icon`	`IconName`	`Trash`	左侧图标。
`on_confirm`	`Callback<()>`	必填	点确认后回调。

键盘

Tab: 在取消与确认之间循环
Esc: 关闭，不执行

用法

src/components/ui/surfaces.rs

let open = RwSignal::new(false);

view! {
    <button on:click=move |_| open.set(true)>"\u6E05\u7A7A\u56DE\u6536\u7AD9"</button>
    <ConfirmDialog
        visible=open
        title="\u6E05\u7A7A\u56DE\u6536\u7AD9\uFF1F"
        description="3 \u7BC7\u6587\u7AE0\u4F1A\u88AB\u5F7B\u5E95\u5220\u9664\uFF0C\u65E0\u6CD5\u6062\u590D\u3002"
        confirm_label="\u5F7B\u5E95\u5220\u9664"
        on_confirm=move |_| empty_trash()
    />
}

预览

属性

键盘

用法