Appearance
基本信息
本文介绍设计器所依赖的 AEUI 组件库 及其 表单设计器 的核心原理与技术栈,便于后续安装部署与接入开发。
AEUI 组件库

设计器基于 advanced-ele-ui 组件库。AEUI 是对 Element Plus 的高级封装,提供高级表单(AeForm)、高级表格(AeTable)等组件,具备以下特点:
- 配置化驱动:所有组件均可通过属性完成配置,无需手写模板。
- 属性即配置:这是实现云表单设计器的前提——配置可序列化、可存储、可热更新。
AEUI 表单设计器

表单设计器的核心思路是:通过拖拽可视化搭建表单,并将整份表单序列化为 JSON 存储,从而支持云存储与热更新。
画布与配置结构
- 画布:中间编辑区域本质上是一个高级表单组件(AeForm)。
- 限制:AeForm 无法把所有组件属性(尤其是函数、方法、特殊对象)用纯 JSON 表达。
- 方案:设计器定义了一套独立的配置数据结构,经 JSON 解析器 转换后再传给 AeForm。
这样既保证了配置可完全用 JSON 描述、满足可视化设计,又可通过扩展解析器来适配和转换各种形态,兼顾灵活性与可维护性。