#header-mark#
Modal 模态框
Modal 布局在布局顶部提供了一个对话框窗口。它基于 a11y-dialog 构建。它拥有类似列表的 API，包含append, extend, clear, insert, pop, remove, __setitem__方法，从而可以交互式地更新和修改布局。其中的组件以列的形式布局。
底层实现为panel.layout.Modal，参数基本一致，参考文档：https://panel.holoviz.org/reference/layouts/Modal.html
基本用法
Modal 组件以对话框叠加层的形式展示内容。通过 open 属性控制显示状态，您可以通过插槽添加任意内容。
API
属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| open | Whether to open the modal | bool | False |
| show_close_button | Show close button | bool | True |
| background_close | Click outside to close | bool | True |
Events
| 事件名 | 说明 | 类型 |
|---|---|---|
Slots
| 插槽名 | 说明 |
|---|---|
| default | Custom content |
方法
| 方法名 | 说明 | 返回值类型 |
|---|---|---|
| show | 显示模态框 | None |
| hide | 隐藏模态框 | None |
| toggle | 切换模态框显示状态（显示↔隐藏） | None |
| create_button | 创建控制按钮（可配置为show/hide/toggle功能） | Button |
Controls
src/examples/panel_vuepy/layouts/Modal