工作区

工作区是表单设计的核心可视化操作画布，承担着组件布局、交互预览、结构管理的关键作用，是表单设计的核心区域。大多数“把组件拖进来并调整结构”的操作都在这里完成，因此它天然和组件列表、扩展组件、扩展模板这些能力紧密相关。

可视化拖拽布局

搭建表单结构工作区的核心功能是支持组件拖拽式编排，用户可直接将左侧组件库中的输入框、下拉选择、日期选择器、容器组件等，拖拽到工作区指定位置，快速完成表单的结构搭建。

支持栅格布局

可按栅格系统划分列数，实现多组件并排显示，适配 PC 端 / 移动端的不同排版需求

支持容器组件嵌套

可在工作区中嵌套卡片、折叠面板、步骤条、标签页等容器组件，实现表单分组、分步骤设计等等功能

支持组件复制功能

支持一键复制已配置好的组件，自动粘贴后直接复用，无需重复配置属性

支持自由调整顺序

选中组件后通过拖拽或工具栏上下移动按钮，可快速调整表单项的排列顺序，无需修改代码

实时预览交互

验证表单效果工作区中的表单组件是实时渲染的，设计过程中可直接查看最终的视觉效果，同时支持即时交互测试：

可直接在工作区输入文本、选择下拉选项、勾选复选框，模拟用户真实填写行为

可测试组件的基础交互逻辑（如必填项提示、格式校验反馈、日期选择范围限制）

这类实时交互本质上已经接近最终渲染效果。如果你希望进一步理解事件、校验、远程请求或联动在运行时如何生效，可以继续结合表单 API、$inject与远程请求阅读。

组件层级管理

对于包含多层嵌套的复杂表单，工作区提供了清晰的层级管理能力：

选中组件时会显示高亮边框，同时右侧属性栏自动切换为该组件的配置项，明确当前操作对象。

容器组件会显示折叠 / 展开按钮，可收起无关分组，聚焦当前编辑区域，避免复杂表单的视觉混乱。

操作反馈与历史同步：

组件配置错误时（如字段标识重复），工作区会显示红色提示边框，并在组件下方标注错误原因，帮助快速定位问题。

保存表单时，工作区的组件结构会自动转化为 JSON 配置，与导入 / 导出功能无缝对接。若你后续要从代码侧处理这些结构，适合继续查看TS类型定义中的 Rule、children、display、hidden 等字段定义。