AI 意图布局引擎 1.0.2

AI 意图布局引擎是嵌入低代码编辑器画布的对话式物料。它接收当前画布、可用组件和页面 API，帮助用户通过自然语言完成页面布局与结构调整。

使用边界

组件负责对话交互、上下文组织和动作编排；AI 服务负责组装请求与校验动作。模型调用仍由前端或网关完成。

基础用法

先加载构建产物，再直接使用 ai-agent 自定义元素。示例展示的是真实组件；未启动本地 AI 服务时，界面仍可浏览，但发送消息相关能力不可用。

嵌入 AI 助手

组件默认占满父容器，请为承载区域提供明确高度。

在线示例

注入页面上下文

复杂数据使用 JSON 字符串传入。更新画布或接口定义时，可重新设置对应属性；组件会基于最新上下文生成后续对话请求。

同步画布与 API

下面展示完整的上下文注入与事件监听方式。

在线示例

01页面 Schemacanvas-schema

+

02组件能力谱materials-json

+

03页面 APIapi-definitions-json

→

AI意图布局引擎结构化动作

事件处理

组件通过原生 CustomEvent 与宿主编辑器通信。建议在组件挂载时注册监听，在宿主卸载时移除监听。

const handleSavePage = (event: Event) => {
  const payload = (event as CustomEvent).detail
  savePage(payload)
}

agent.addEventListener('ai-agent:save-page', handleSavePage)

// 宿主卸载时
agent.removeEventListener('ai-agent:save-page', handleSavePage)

API

以下内容直接读取当前物料构建产物中的 manifest.json，确保文档与组件能力契约保持一致。

正在从 manifest.json 生成 API 文档…