Dialog 模态对话框
Dialog 是模态对话框组件,在应用前端弹出覆盖层,阻止背景交互,适合确认操作、展示详情、表单填写等场景。支持 default slot(主体内容)和 footer slot(底部操作区)。
底层:Textual
ModalScreen(自定义封装)
基本用法
Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
name | str | 自动生成 | 对话框唯一 ID,用于区分多个对话框实例 |
Slots
| Slot | 说明 |
|---|---|
default | 对话框主体内容区域,放置 Label、Input 等任意组件 |
footer | 对话框底部操作区域,通常放置按钮组 |
v-model
通过 v-model:value 控制对话框的显示/隐藏状态(True 为打开,False 为关闭)。
事件
| 事件 | 说明 |
|---|---|
| — | 通过 ref 调用 .open() / .close() 控制,无特殊事件 |
通过 ref 调用方法
| 方法 | 说明 |
|---|---|
.open() | 打开(显示)对话框 |
.close() | 关闭(隐藏)对话框 |
表单对话框示例
通用属性
所有 Textual-vuepy 组件均支持以下属性:
| 属性 | 类型 | 说明 |
|---|---|---|
id | str | 组件 CSS ID |
style | str | TCSS 内联样式 |
class | str | TCSS 类名(空格分隔) |
border_title | str | 边框标题 |
border_subtitle | str | 边框副标题 |