低代码页面构建器组件

包含 LowcodePageBuilder、ListPageGridDesigner、GridBlockRenderer、CrudDefaultParamsEditor。

LowcodePageBuilder

低代码页面构建主编排组件。两个标签页：列表页面 + 表单与详情。

Props

属性	类型	必填	说明
modelValue	Object	是	页面模式（v-model）
modelSchema	Object	是	关联数据模型模式

• 列表标签：委托给 ListPageGridDesigner
• 表单标签：三面板布局（ComponentPalette + CanvasFormDesigner + ComponentPropertyPanel）
• 根据 layoutType 同步网格和表单区域

ListPageGridDesigner

基于网格的列表页面布局设计器。拖放排列、搜索设置、表格列配置、工具栏、树形面板、分页、行内展示。

Props

属性	类型	默认值	说明
modelValue	Object	required	网格布局配置
fields	Array	[]	可用字段列表
modelSchema	Object	{}	模型模式
layoutType	String	'simple-crud'	布局类型
pageName	String	''	页面名称
pages	Array	[]	可用页面列表
readonly	Boolean	false	只读模式
runtimeCrudProps	Object	null	运行时 CRUD 预览属性
customActions	Array	null	自定义操作

Expose 方法

方法	说明
openCustomActionManager()	打开自定义操作管理器
createAndEditCustomAction(position?)	创建并编辑自定义操作

GridBlockRenderer

渲染单个网格块。每个块代表搜索栏、表格、树形面板、分页栏、工具栏、标签页或子 CRUD 块。

Props

属性	类型	说明
block	Object (required)	块配置
fields	Array	可用字段
selected	Boolean	是否选中
readonly	Boolean	只读模式
runtimeCrudProps	Object	运行时预览属性
selectedBlockId	String	选中块 ID

支持的事件

runtimeTreeSelect、blockPropsUpdate、childBlockSelect、childBlockMenuSelect、childBlockDragStart、childBlockMoveStart、childBlockDragEnd、childBlockResizeStart、inlineTextUpdate、blockActivate 等。

Expose 方法

方法	说明
getRuntimeCrudRef()	返回内部运行时 CRUD 组件引用

CrudDefaultParamsEditor

配置 CRUD 操作的默认参数。四个区段：列表请求参数、URL 公共参数、表单默认值、提交固定参数。

Props

属性	类型	默认值	说明
modelValue	Object	{}	参数配置（v-model）
fieldOptions	Array	[]	参数字段选项
title	String	'默认参数'	编辑器标题
sections	Array	[]	自定义区段配置

支持的值类型

string、number、boolean、json