{"repo":"TWILIGHT-wyf/Vela","free":true,"listed":false,"github":"https://github.com/TWILIGHT-wyf/Vela","clone":"git clone https://github.com/TWILIGHT-wyf/Vela.git","description":"一款基于 Vue 3 + TypeScript 的数据可视化大屏低代码搭建平台，支持拖拽式组件编排、实时预览、AI 智能生成等功能。","language":"TypeScript","stars":10,"topics":["data-visualization","lowcode","ai-assistant","dashboard","drag-and-drop","echarts","leaflet","typescript","visualization","vue3"],"license":null,"category":"workflow-automation","readme_excerpt":"Vela Low-Code Monorepo 一个基于 Vue 3、TypeScript 和 pnpm workspace 的低代码平台 monorepo。 当前仓库重点是新的 monorepo 架构，以及围绕编辑器、运行时、物料体系、代码生成和项目持久化的整体链路。 当前能力 - 工作台 Starter：支持空白项目和“业务示例”项目一键创建 - 可视化编辑器：无限画布、浮动面板、组件拖拽、属性配置、逻辑配置、模拟运行 - 项目模型：支持页面、弹窗页、多页面路由、项目预览和项目管理 - 运行时渲染：由 @vela/renderer 提供运行预览能力 - 代码导出：支持生成 Vue 3 / React 项目代码，也支持单页代码预览 - 物料体系： @vela/materials 负责低代码物料包装， @vela/ui / @vela/ui-react 提供底层组件 - 服务端能力：MongoDB 项目持久化、项目 CRUD、Mock 数据源接口 推荐演示路径 如果你要快速了解当前项目主链路，建议直接从工作台创建“业务示例”项目。 这个 starter 会预置： - 订单管理页：查询表单、汇总卡、表格、弹窗处理按钮 - 用户管理页：用户列表、汇总卡、活动动态 - 订单处理弹窗页：演示 showDialog - closeDialog - resultPath 回填链路 建议演示顺序： 1. 工作台创建项目并进入编辑器 2. 预览订单管理页，演示查询刷新 3. 点击“处理示例订单”，展示弹窗关闭后主页面结果回填 4. 切到用户管理页，展示多页面项目结构 5. 打开预览页的“项目代码”或编辑器导出功能，说明生成器链路 可直接参考 DEMO SCRIPT.md。 Monorepo 结构 主要页面 - / ：项目工作台 - /editor/:id? ：主编辑器 - /preview/:id? ：运行预览页，可查看运行态、JSON、单页代码和整项目代码树 包职责 @vela/editor - Vue 3 编辑器应用 - 使用 Pinia 管理项目、组件树、历史记录和 UI 状态 - 使用 @vela/renderer 做模拟运行和预览渲染 - 使用 @vela/generator 生成 Vue / React 代码 @vela/core - ProjectSchema 、页面模型、组件协议、动作协议 - 组件注册契约、校验逻辑、运行时基础工具 - monorepo 共享类型来源 @vela/materials - 管理低代码面板可见物料与元数据 - 统一物料名、分类、默认属性和面板展示信息 - 将物料映射到 @vela/ui 组件实现 @vela/renderer - 渲染项目页面和弹窗页 - 提供运行时渲染和插件能力 @vela/generator - 从 ProjectSchema 生成完整 Vue 3 / React 项目文件 - 内置规范化、校验和代码检查流程 @vela/ui / @vela/ui-react - 分别提供 Vue / React 组件实现 - 作为运行时和导出代码的底层组件依赖 @vela/server - 项目 CRUD - MongoDB 持久化 - Mock 数据源接口 环境要求 - Node.js 20+ - pnpm - Docker，可选；如果你直接运行根目录 pnpm dev 会用到 - MongoDB CI 当前使用 Node 20。 快速开始 1. 安装依赖 2. 配置环境变量 服务端从 server/.env.","default_branch":null,"files":null,"tree":[],"storefront":"/r/TWILIGHT-wyf","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/TWILIGHT-wyf/Vela/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}