Skip to content

介绍

CatPull 是一个专为开发者和需要集成低代码功能平台打造的 AI + Uni跨平台 + 工作流引擎 低代码平台!
使用最新的前端技术栈 Vite + Vue3 + TypeScript 构建,让你可以拖拽式搭建小程序H5App 等应用。

注:App 需要依赖 HBuilderX云打包,由于 UniApp框架 需要 appid 故不直接构建安装包。

设计器应用(catpull-designer)

设计器是整个平台的主入口,基于 Vue3 + Vite 构建。它通过加载 packages/ 中的画布、插件、物料等模块,组装成完整的可视化编辑器。核心逻辑全部在 packages/plugins/ 各插件中实现,设计器只负责编排和初始化。

跨端渲染器(catpull-uni)

UniApp 渲染器负责将 DSL Schema 在小程序、H5 等跨端环境中运行时渲染。它包含自定义表达式解析器(兼容小程序沙箱限制)、节点处理器、上下文管理器等核心模块,确保设计器产出的 DSL 在各端表现一致。

画布系统(packages/canvas)

画布系统是设计器的核心渲染引擎,包含三个子包:

子包说明
CanvasContainer画布容器,负责组件渲染、拖拽交互、选中/多选/对齐等画布操作
CanvasDesign画布设计面板,管理页面路由、面包屑导航、MCP 辅助操作
CanvasWorkFlow工作流画布,提供节点式逻辑编排的可视化编辑界面

插件体系(packages/plugins)

CatPull 采用插件化架构,所有设计器功能均以插件形式注册。当前内置 30+ 插件:

插件说明
props组件属性编辑面板
styles样式可视化配置(布局、间距、边框、阴影、排版等)
events事件绑定与管理
datasource数据源配置(Mock / 远程接口)
variable页面状态变量管理
script云函数脚本编辑
materials物料组件面板
page页面管理(新增、删除、切换)
tree组件树结构导航
sandbox沙箱预览与本地保存(开发中)
resource资源管理(图片、视频等)
robotAI 智能助手
ast-schema页面结构
ast-workflow工作流结构
...

画布沙箱运行时(packages/library)

画布沙箱环境的运行时依赖,包含 Vue、Element Plus、Vant、UniApp、UniUI 等框架的预构建 IIFE/UMD 文件。设计器画布在 iframe 沙箱中运行时,通过加载这些预构建文件提供完整的组件渲染环境。

物料定义(packages/built-in-materials + packages/built-in-nodes)

物料定义分为两部分:

组件物料(built-in-materials) — 定义各组件库中每个组件的元信息(props、events、slots、默认值等),供画布渲染和属性面板使用:

  • UniApp — 原生小程序组件
  • UniUI — UniApp 扩展 UI 组件库
  • Element Plus — PC 端 Vue3 组件库
  • Vant — 移动端 Vue3 组件库

工作流节点(built-in-nodes) — 定义工作流引擎的内置节点类型,提供逻辑编排的基础能力:

节点说明
NodeCondition条件分支
NodeLoop循环执行
NodeBreakLoop跳出循环
NodeCode云函数代码执行
NodeHttpHTTP 请求
NodeComponent组件操作
NodeMerging分支合并
NodeSwitchPage页面跳转
NodeVariableAssign变量赋值
...

特性

  • 使用 Vue3 + Vite + TypeScript 等最新技术栈构建
  • 采用前端 pnpm Monorepo + 后端 NodeJs 服务 架构
  • 支持多平台输出:Web应用(PC)H5(移动端)UniApp(跨端)
  • 节点式 逻辑编排流 系统,通过图形化连接实现复杂业务逻辑
  • AiMcp 智能辅助构建,增强页面生成与逻辑编排能力
  • 集成 COS存储 服务,提供图片、视频等多媒体资源的云端托管能力
  • 统计多端用户的访问页面、设备激活量、应用启动频次及单次使用时长等核心指标