低代码平台表单设计器 unione-form-editor 布局组件 ------ 向导布局
在企业级表单开发中,有些场景天生就不适合一次性展示全部内容 ,也不适合边看边填、边展开边收起,而是需要按步骤**、按流程、按顺序** 引导用户完成操作。这时,普通的标签布局、折叠面板、卡片布局都不够专业,只有向导布局能撑起这种仪式感、流程感、规范性极强的场景。
向导布局是一款步骤式流程布局组件 ,它的配置属性与 Tab 标签布局完全一致:支持添加步骤、删除步骤、排序、默认激活、样式设置、响应式展示......用过标签组件,就能 1 分钟上手向导组件。
但它的使用场景却是独一无二、无法替代的 ------ 这也是向导组件最耀眼的价值。

一、向导布局核心特性:流程化、步骤化、规范化
向导布局最鲜明的特点,就是把表单变成一步步引导式填写:步骤清晰、顺序固定、不可跳跃、不可混乱、必须按流程完成。
核心特性:
- 步骤条顶部展示,清晰显示当前到第几步
- 每一步对应一个独立内容容器
- 支持上一步 / 下一步 / 提交按钮
- 支持步骤状态:未开始、进行中、已完成、错误
- 支持最终提交校验
- 配置方式与 Tab 标签组件完全一样,极易上手
它不是用来 "查看信息" 的,而是用来完成任务的。
二、向导布局 VS 标签布局(配置一样,场景天差地别)
虽然配置属性 100% 相同,但它们的定位完全不同:
标签布局(Tab)
- 同一时间展示一页
- 可以随意切换
- 适合信息分类、模块切换
- 无顺序、无流程感
向导布局(Steps)
- 一步一步往下走
- 必须按顺序填写
- 适合提交类、流程类、审核类表单
- 强顺序、强规范、强引导
一句话: 标签用来 "查看与切换",向导用来 "流程与提交"。
三、向导布局最耀眼、无法替代的场景
这就是向导组件最独特的价值 ------只有它能做,别的组件做不了:
- 新用户注册流程
- 企业入驻 / 认证流程
- 申请表单(报销、请假、采购、项目申报)
- 资料提交审核
- 合同签署三步流程
- 入职办理流程
- 订单创建四步流程
- 问卷 / 考试分步作答
- 后台管理系统配置向导
任何带流程、带步骤、必须按顺序提交 的业务,只能用向导布局,这是它的专属舞台。
四、向导布局核心配置(与 Tab 完全一致)
因为配置和标签布局相同,所以非常简单:
-
步骤管理添加步骤、修改标题、拖拽排序、删除步骤
-
当前激活步骤设置默认从第几步开始
-
样式类型圆形步骤、矩形步骤、线条步骤、简洁步骤
-
步骤位置顶部、左侧(适配不同表单风格)
-
按钮控制上一步、下一步、提交、重置
-
多端适配PC 端步骤条完整展示移动端自动适配简化
五、向导布局核心优势
- 配置与标签组件完全一致,零学习成本
- 步骤可视化,用户一眼知道走到哪
- 强制流程化,避免漏填、乱填、错填
- 企业感极强,官方、正式、专业
- 长表单拆短,降低用户填写压力
- 可做最终统一校验,提交更规范
- 兼容所有表单组件与布局组件
六、结语
向导布局是所有布局组件中场景最鲜明、体验最专属、业务最耀眼 的一个。它和标签布局配置相同,却拥有完全不一样的灵魂 ------流程与规范。
只要你的表单是 "分步提交、按流程办理",向导布局就是唯一、最佳、最专业的选择。
目前项目已在 GitHub、Gitee 开源,欢迎点亮 Star~