# 设置物料插件的"弹框"组件属性
#### 适用场景
"弹框"组件是流程页面中实现分层交互的核心工具，适用于需在不中断主流程的前提下处理辅助任务的场景。该组件以弹出窗口形式展示信息（如提示说明、详情预览）、收集数据（如表单录入、参数配置）或执行操作（如确认提交、批量处理）。同时，支持自定义弹窗内容，可嵌套附件、按钮、表单等子组件，满足临时打断主界面、引导用户完成独立任务的交互需求（如流程节点的二次确认、补充信息录入等），提升操作连贯性与用户体验。
#### 基础信息
| **属性名** | **说明**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | **支持变量绑定** |
|:---|:---|:---|
| 组件名     | 弹框组件的名称，默认为"弹框"，不可修改。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | ×          |
| rel引用类  | 弹框组件的ID，系统自动生成，且不可修改。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | ×          |
| Style   | 配置弹框组件样式，支持通过CSS代码自定义弹框组件的样式。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | √          |
| 弹框标题    | 弹框的标题，标题位于弹框的左上。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | √          |
| 展示弹框    | 设置是否展示弹框。 - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002349644758.png "点击放大")：弹框隐藏。  - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002383484889.png "点击放大")：弹框可见。   | √          |
   
#### 更多选项类型
| **属性名**  | **说明**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | **支持变量绑定** |
|:---|:---|:---|
| 弹框宽度     | 设置弹窗的宽度数值（单位通常为px），数值越大，弹窗横向占比越宽。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | √          |
| 底部操作     | 设置是否显示弹窗底部的操作按钮区。 - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002349683804.png "点击放大")：不展示底部。  - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002383523953.png "点击放大")：展示底部，包含"确定"和"取消"按钮。                   | √          |
| 全屏展示弹框   | 设置弹框是否全屏展示。 - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002383604249.png "点击放大")：按设定宽度展示。  - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002349843588.png "点击放大")：弹窗占满整个屏幕。                                             | √          |
| 点击遮罩关闭弹框 | 设置单击弹框外部遮罩层是否关闭弹框。 - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002383542553.png "点击放大")：单击遮罩不关闭。  - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002350022162.png "点击放大")：单击遮罩自动关闭弹窗。                                    | √          |
| ESC键关闭弹窗 | 设置是否支持通过ESC键盘按键关闭弹窗。 - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002383332077.png "点击放大")：按ESC键无响应。  - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002349811406.png "点击放大")：按下ESC键关闭弹窗。                               | √          |
| 展示关闭图标   | 设置弹窗右上角是否显示关闭按钮（×）。 - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002349864038.png "点击放大")：不展示关闭图标。  - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002383544185.png "点击放大")：展示关闭图标，单击可关闭弹窗。                          | √          |
| 首尾内容居中   | 设置弹窗头部标题与底部内容的对齐方式。 - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002383632353.png "点击放大")：首尾内容左对齐。  - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002349871918.png "点击放大")：首尾内容居中对齐。                             | √          |
| 关闭弹框销毁元素 | 设置关闭弹窗时是否销毁弹窗内的组件元素。 - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002383632553.png "点击放大")：关闭后元素保留（再次打开时状态不变）。  - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002350031850.png "点击放大")：关闭后元素销毁（再次打开时重新加载）。   | √          |
   
#### 高级配置
| **属性名** | **说明**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | **支持变量绑定** |
|:---|:---|:---|
| 是否渲染    | 在页面开发中，可能需要根据某些条件来动态显示或隐藏页面中的组件内容，您可以设置此配置项。 - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002349804514.png "点击放大")：关闭渲染。  - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002383325217.png "点击放大")：开启渲染。   | √          |
| 循环数据    | 表示需要循环渲染的数组。当页面存在若干份重复的、动态生成的内容时，您可以在高级面板中自定义循环数据。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | √          |
| 迭代变量名   | 在循环渲染子项对应的变量名，默认为item。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | ×          |
| 索引变量名   | 循环渲染的索引变量名，默认为index。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | ×          |
| key     | 用于标识每个循环项的唯一键值，默认为index。建议根据实际需求选择一个更合适的字段作为唯一标识符，以提高性能和避免潜在问题。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | ×          |