# 设置物料插件的"流程指引"组件属性
#### 适用场景
"流程指引"组件适用于业务流程设计中，需要为操作人员或系统用户提供清晰的步骤导航、流程进度展示或操作提示的场景。通过配置该组件，可以帮助用户直观了解当前所处流程阶段、剩余步骤以及整体业务进展，有效降低误操作风险，提升系统易用性。
典型应用场景包括：
- 多步骤审批、登记、申请流程中的界面指引。
- 复杂业务流程中的操作可视化辅助。
- 跨系统集成场景下，统一展示整体流程路径。
 
#### 基础信息
| **属性名** | **说明**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | **支持变量绑定** |
|:---|:---|:---|
| 组件名     | 流程指引组件的名称，默认为"流程指引"，不可修改。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | ×          |
| rel引用类  | 流程指引组件的ID，系统自动生成，且不可修改。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | ×          |
| Style   | 配置流程指引组件样式，支持通过CSS代码自定义流程指引组件的样式。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | √          |
| 展示弹框    | 设置是否展示弹框，以控制指引信息的显示与隐藏。 - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002401982829.png "点击放大")：隐藏弹框。  - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002368423198.png "点击放大")：展示弹框。   | √          |
| 弹框标题    | 使用简洁文字表明弹窗的核心信息，方便用户快速理解。例如"流程指引"。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | √          |
| 指引内容    | 弹框中应包含具体的流程指引内容，内容应结构清晰、步骤明确，帮助用户理解操作流程或注意事项，提升使用效率与体验。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | √          |
   
#### 更多选项类型
| **属性名** | **说明**                                                                                                                                                                                                   | **支持变量绑定** |
|:---|:---|:---|
| 初始位置    | 用于自定义流程指引组件的起始位置，支持通过CSS代码进行自定义配置。 示例代码： ``` { "top": 100,  // 距离页面顶部的距离 "right": 20  // 距离页面右侧的距离 } ``` | √          |
   
#### 高级配置
| **属性名** | **说明**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | **支持变量绑定** |
|:---|:---|:---|
| 是否渲染    | 在页面开发中，可能需要根据某些条件来动态显示或隐藏页面中的组件内容，您可以设置此配置项。 - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002348844338.png "点击放大")：关闭渲染。  - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002382405009.png "点击放大")：开启渲染。   | √          |
| 循环数据    | 表示需要循环渲染的数组。当页面存在若干份重复且动态生成的内容时，您可以在高级面板中自定义循环数据。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | √          |
| 迭代变量名   | 在循环渲染子项对应的变量名，默认为item。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | ×          |
| 索引变量名   | 循环渲染的索引变量名，默认为index。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | ×          |
| key     | 用于标识每个循环项的唯一键值，默认为index。建议根据实际需求选择一个更合适的字段作为唯一标识符，以提高性能和避免潜在问题。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | ×          |