[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-bytedance--flowgram.ai":3,"tool-bytedance--flowgram.ai":61},[4,18,26,36,44,53],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":17},4358,"openclaw","openclaw\u002Fopenclaw","OpenClaw 是一款专为个人打造的本地化 AI 助手，旨在让你在自己的设备上拥有完全可控的智能伙伴。它打破了传统 AI 助手局限于特定网页或应用的束缚，能够直接接入你日常使用的各类通讯渠道，包括微信、WhatsApp、Telegram、Discord、iMessage 等数十种平台。无论你在哪个聊天软件中发送消息，OpenClaw 都能即时响应，甚至支持在 macOS、iOS 和 Android 设备上进行语音交互，并提供实时的画布渲染功能供你操控。\n\n这款工具主要解决了用户对数据隐私、响应速度以及“始终在线”体验的需求。通过将 AI 部署在本地，用户无需依赖云端服务即可享受快速、私密的智能辅助，真正实现了“你的数据，你做主”。其独特的技术亮点在于强大的网关架构，将控制平面与核心助手分离，确保跨平台通信的流畅性与扩展性。\n\nOpenClaw 非常适合希望构建个性化工作流的技术爱好者、开发者，以及注重隐私保护且不愿被单一生态绑定的普通用户。只要具备基础的终端操作能力（支持 macOS、Linux 及 Windows WSL2），即可通过简单的命令行引导完成部署。如果你渴望拥有一个懂你",349277,3,"2026-04-06T06:32:30",[13,14,15,16],"Agent","开发框架","图像","数据工具","ready",{"id":19,"name":20,"github_repo":21,"description_zh":22,"stars":23,"difficulty_score":10,"last_commit_at":24,"category_tags":25,"status":17},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,"2026-04-05T11:01:52",[14,15,13],{"id":27,"name":28,"github_repo":29,"description_zh":30,"stars":31,"difficulty_score":32,"last_commit_at":33,"category_tags":34,"status":17},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",153609,2,"2026-04-13T11:34:59",[14,13,35],"语言模型",{"id":37,"name":38,"github_repo":39,"description_zh":40,"stars":41,"difficulty_score":32,"last_commit_at":42,"category_tags":43,"status":17},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",108322,"2026-04-10T11:39:34",[14,15,13],{"id":45,"name":46,"github_repo":47,"description_zh":48,"stars":49,"difficulty_score":32,"last_commit_at":50,"category_tags":51,"status":17},6121,"gemini-cli","google-gemini\u002Fgemini-cli","gemini-cli 是一款由谷歌推出的开源 AI 命令行工具，它将强大的 Gemini 大模型能力直接集成到用户的终端环境中。对于习惯在命令行工作的开发者而言，它提供了一条从输入提示词到获取模型响应的最短路径，无需切换窗口即可享受智能辅助。\n\n这款工具主要解决了开发过程中频繁上下文切换的痛点，让用户能在熟悉的终端界面内直接完成代码理解、生成、调试以及自动化运维任务。无论是查询大型代码库、根据草图生成应用，还是执行复杂的 Git 操作，gemini-cli 都能通过自然语言指令高效处理。\n\n它特别适合广大软件工程师、DevOps 人员及技术研究人员使用。其核心亮点包括支持高达 100 万 token 的超长上下文窗口，具备出色的逻辑推理能力；内置 Google 搜索、文件操作及 Shell 命令执行等实用工具；更独特的是，它支持 MCP（模型上下文协议），允许用户灵活扩展自定义集成，连接如图像生成等外部能力。此外，个人谷歌账号即可享受免费的额度支持，且项目基于 Apache 2.0 协议完全开源，是提升终端工作效率的理想助手。",100752,"2026-04-10T01:20:03",[52,13,15,14],"插件",{"id":54,"name":55,"github_repo":56,"description_zh":57,"stars":58,"difficulty_score":32,"last_commit_at":59,"category_tags":60,"status":17},4721,"markitdown","microsoft\u002Fmarkitdown","MarkItDown 是一款由微软 AutoGen 团队打造的轻量级 Python 工具，专为将各类文件高效转换为 Markdown 格式而设计。它支持 PDF、Word、Excel、PPT、图片（含 OCR）、音频（含语音转录）、HTML 乃至 YouTube 链接等多种格式的解析，能够精准提取文档中的标题、列表、表格和链接等关键结构信息。\n\n在人工智能应用日益普及的今天，大语言模型（LLM）虽擅长处理文本，却难以直接读取复杂的二进制办公文档。MarkItDown 恰好解决了这一痛点，它将非结构化或半结构化的文件转化为模型“原生理解”且 Token 效率极高的 Markdown 格式，成为连接本地文件与 AI 分析 pipeline 的理想桥梁。此外，它还提供了 MCP（模型上下文协议）服务器，可无缝集成到 Claude Desktop 等 LLM 应用中。\n\n这款工具特别适合开发者、数据科学家及 AI 研究人员使用，尤其是那些需要构建文档检索增强生成（RAG）系统、进行批量文本分析或希望让 AI 助手直接“阅读”本地文件的用户。虽然生成的内容也具备一定可读性，但其核心优势在于为机器",93400,"2026-04-06T19:52:38",[52,14],{"id":62,"github_repo":63,"name":64,"description_en":65,"description_zh":66,"ai_summary_zh":66,"readme_en":67,"readme_zh":68,"quickstart_zh":69,"use_case_zh":70,"hero_image_url":71,"owner_login":72,"owner_name":73,"owner_avatar_url":74,"owner_bio":75,"owner_company":76,"owner_location":76,"owner_email":76,"owner_twitter":77,"owner_website":78,"owner_url":79,"languages":80,"stars":115,"forks":116,"last_commit_at":117,"license":118,"difficulty_score":32,"env_os":119,"env_gpu":119,"env_ram":119,"env_deps":120,"category_tags":125,"github_topics":126,"view_count":32,"oss_zip_url":76,"oss_zip_packed_at":76,"status":17,"created_at":145,"updated_at":146,"faqs":147,"releases":183},7252,"bytedance\u002Fflowgram.ai","flowgram.ai","FlowGram is an extensible workflow development framework with built-in canvas, form, variable, and materials that helps developers build AI workflow platforms faster and simpler.","FlowGram 是一款专为开发者打造的可视化工作流开发框架，旨在帮助大家更快速、简便地构建属于自己的 AI 工作流平台。它并非一个开箱即用的成品应用，而是一套高度可扩展的工具包，内置了流程画布、节点配置表单、变量作用域链以及大模型、条件判断、代码编辑器等常用素材。\n\n在开发复杂的 AI 应用时，传统方式往往需要从零搭建可视化界面和处理繁琐的逻辑连接。FlowGram 通过提供自由布局与固定布局两种画布模式，完美解决了这一痛点。用户不仅可以随意拖拽节点、自由连线，还能轻松实现分支、循环等复杂逻辑的可视化编排，大大降低了开发门槛。\n\n这款工具非常适合希望快速构建 AI 编排平台的软件工程师、技术团队以及全栈开发者。其独特的技术亮点在于“可组合性”与“易集成性”，支持通过简单的命令一键创建项目，并允许开发者根据业务需求深度定制节点功能。无论是构建智能客服流程、自动化数据分析链路，还是复杂的 Agent 协作系统，FlowGram 都能提供坚实的基础设施，让开发者将精力集中在核心业务逻辑的创新上，而非重复造轮子。","![Image](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_7b429d391fbc.png)\n\n\u003Cdiv align=\"center\">\n\n[![License](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fbytedance\u002Fflowgram.ai)](https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fblob\u002Fmain\u002FLICENSE) [![@flowgram.ai\u002Feditor](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F%40flowgram.ai%2Fcore)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@flowgram.ai\u002Feditor) [![Ask DeepWiki](https:\u002F\u002Fdeepwiki.com\u002Fbadge.svg)](https:\u002F\u002Fdeepwiki.com\u002Fbytedance\u002Fflowgram.ai) [![juejin](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fjuejin-FFFFFF?logo=juejin&logoColor=%23007FFF)](https:\u002F\u002Fjuejin.cn\u002Fcolumn\u002F7479814468601315362)\n\n[![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_bbada6ddd5d3.png)](https:\u002F\u002Ftrendshift.io\u002Frepositories\u002F13877)\n\n\u003C\u002Fdiv>\n\n# FlowGram｜Workflow development framework\n\n[English](README.md) | [中文](README_ZH.md) | [Español](README_ES.md) | [Русский](README_RU.md) | [Português](README_PT.md) | [Deutsch](README_DE.md) | [日本語](README_JA.md)\n\nFlowGram is a composable, visual, easy-to-integrate, and extensible workflow development framework & toolkit.\nOur goal is to help developers build AI workflow platforms **faster** and **simpler**.\nFlowGram comes with a suite of built-in tools for workflow development: flow canvas, node configuration form, variable scope chain, and ready-to-use materials (LLM, Condition, Code Editor etc). It’s not a ready-made workflow platform; it’s the framework and toolkit to build yours.\n\nLearn more at [FlowGram.AI 🌐](https:\u002F\u002Fflowgram.ai)\n\n## 🎬 Demo\n\n\u003Chttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Ffee87890-ceec-4c07-b659-08afc4dedc26>\n\nOpen in [CodeSandbox 🌐](https:\u002F\u002Fcodesandbox.io\u002Fp\u002Fgithub\u002Flouisyoungx\u002Fflowgram-demo\u002Fmain) or [StackBlitz 🌐](https:\u002F\u002Fstackblitz.com\u002F~\u002Fgithub.com\u002Flouisyoungx\u002Fflowgram-demo)\n\nIn this demo, we iterate through a list of cities, fetch real-time weather via HTTP, parse temperatures with a Code node, generate outfit suggestions with an LLM, gate by a Condition, aggregate results across the loop, and finally use an Advisor LLM to pick the most comfortable city before sending the result to the End node.\n\n## 🚀 Quick Start\n\n1. Create a new FlowGram project:\n\n```sh\nnpx @flowgram.ai\u002Fcreate-app@latest\n```\n\n> We recommend choosing the `Free Layout Demo ⭐️` template.\n\n2. Start the project:\n\n```sh\ncd demo-free-layout\nnpm install\nnpm start\n```\n\n3. Open [http:\u002F\u002Flocalhost:3000](http:\u002F\u002Flocalhost:3000) in your browser.\n\n## ✨ Features\n\n| Feature                                                                                      | Description                                                                                                                                                                                               | Demo                                                                                         |\n| -------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- |\n| [Free Layout Canvas](https:\u002F\u002Fflowgram.ai\u002Fexamples\u002Ffree-layout\u002Ffree-feature-overview.html)    | Free layout canvas where nodes can be placed anywhere and connected using free-form lines.                                                                                                                | ![Free Layout Demo](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_82db34543315.gif)                 |\n| [Fixed Layout Canvas](https:\u002F\u002Fflowgram.ai\u002Fexamples\u002Ffixed-layout\u002Ffixed-feature-overview.html) | Fixed layout canvas where nodes can be dragged to specified positions, with support for compound nodes like branches and loops.                                                                           | ![Fixed Layout Demo](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_d1c2b0061484.gif)              |\n| [Form](https:\u002F\u002Fflowgram.ai\u002Fexamples\u002Fnode-form\u002Fbasic.html)                                    | The form engine manages the CRUD operations of node data and provides rendering, validation, side effects, linkage, and error-capturing capabilities, simplifying the development of node configurations. | ![Form](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_19bc6892e9c9.png)     |\n| [Variable](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fvariable\u002Fbasic.html)                                    | The variable engine supports scope constraints, variable structure inspection, and type inference, making it easy to manage data flow within the workflow.                                                | ![Variable](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_88478f5f1830.png) |\n\n\n## 📖 Documentation\n\nYou can find the FlowGram documentation [on the website](https:\u002F\u002Fflowgram.ai).\n\nThe documentation is divided into several sections:\n\n- [Quick Start](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fgetting-started\u002Fintroduction.html)\n- [Canvas](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Ffree-layout\u002Fload.html)\n- [Form](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fform\u002Fform.html)\n- [Variable](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fvariable\u002Fbasic.html)\n- [Material](https:\u002F\u002Fflowgram.ai\u002Fmaterials\u002Fintroduction.html)\n- [Runtime](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fruntime\u002Fintroduction.html)\n- [Advanced Guides](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fadvanced\u002Fzoom-scroll.html)\n- [API Reference](https:\u002F\u002Fflowgram.ai\u002Fapi\u002Findex.html)\n- [Where to get Support](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fcontact-us.html)\n- [Contributing Guide](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fcontributing.html)\n\n## 🙌 Contributors\n\n[![FlowGram.AI Contributors](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_aecd3674e23d.png)](https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fgraphs\u002Fcontributors)\n\n## 🌍 Adoption\n\n- [Coze Studio](https:\u002F\u002Fgithub.com\u002Fcoze-dev\u002Fcoze-studio) is an all-in-one AI agent development tool. Providing the latest large models and tools, various development modes and frameworks, Coze Studio offers the most convenient AI agent development environment, from development to deployment.\n- [NNDeploy](https:\u002F\u002Fgithub.com\u002FNNDeploy\u002Fnndeploy) is a workflow-based multi-platform ai deployment tool.\n- [Certimate](https:\u002F\u002Fgithub.com\u002Fcertimate-go\u002Fcertimate)  is an open-source SSL certificate management tool that helps you automatically apply for and deploy SSL certificates with a visual workflow. It is one of the ACME client options listed in the official documentation of Let's Encrypt.\n\n## 📬 Contact us\n\n- Issues: [Issues](https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fissues)\n- Lark: Scan the QR code below with [Register Feishu](https:\u002F\u002Fwww.feishu.cn\u002Fen\u002F) to join our FlowGram user group.\n\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_5cd3ed3ce7c2.png\" width=\"200\"\u002F>\n","![图片](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_7b429d391fbc.png)\n\n\u003Cdiv align=\"center\">\n\n[![许可证](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fbytedance\u002Fflowgram.ai)](https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fblob\u002Fmain\u002FLICENSE) [![@flowgram.ai\u002Feditor](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F%40flowgram.ai%2Fcore)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@flowgram.ai\u002Feditor) [![Ask DeepWiki](https:\u002F\u002Fdeepwiki.com\u002Fbadge.svg)](https:\u002F\u002Fdeepwiki.com\u002Fbytedance\u002Fflowgram.ai) [![juejin](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fjuejin-FFFFFF?logo=juejin&logoColor=%23007FFF)](https:\u002F\u002Fjuejin.cn\u002Fcolumn\u002F7479814468601315362)\n\n[![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_bbada6ddd5d3.png)](https:\u002F\u002Ftrendshift.io\u002Frepositories\u002F13877)\n\n\u003C\u002Fdiv>\n\n# FlowGram｜工作流开发框架\n\n[English](README.md) | [中文](README_ZH.md) | [Español](README_ES.md) | [Русский](README_RU.md) | [Português](README_PT.md) | [Deutsch](README_DE.md) | [日本語](README_JA.md)\n\nFlowGram 是一个可组合、可视化、易于集成且可扩展的工作流开发框架与工具集。\n我们的目标是帮助开发者**更快**、**更简单**地构建 AI 工作流平台。\nFlowGram 自带一系列用于工作流开发的内置工具：流程画布、节点配置表单、变量作用域链，以及开箱即用的组件（LLM、条件判断、代码编辑器等）。它并不是一个现成的工作流平台，而是用来构建你自己的工作流平台的框架和工具集。\n\n更多信息请访问 [FlowGram.AI 🌐](https:\u002F\u002Fflowgram.ai)\n\n## 🎬 演示\n\n\u003Chttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Ffee87890-ceec-4c07-b659-08afc4dedc26>\n\n在 [CodeSandbox 🌐](https:\u002F\u002Fcodesandbox.io\u002Fp\u002Fgithub\u002Flouisyoungx\u002Fflowgram-demo\u002Fmain) 或 [StackBlitz 🌐](https:\u002F\u002Fstackblitz.com\u002F~\u002Fgithub.com\u002Flouisyoungx\u002Fflowgram-demo) 中打开\n\n在这个演示中，我们遍历一个城市列表，通过 HTTP 获取实时天气信息，使用代码节点解析温度数据，再借助 LLM 生成穿搭建议，经过条件判断筛选后，在循环中汇总结果，最后由 Advisor LLM 推荐最舒适的出行城市，并将最终结果传递给结束节点。\n\n## 🚀 快速开始\n\n1. 创建一个新的 FlowGram 项目：\n\n```sh\nnpx @flowgram.ai\u002Fcreate-app@latest\n```\n\n> 我们推荐选择 `Free Layout Demo ⭐️` 模板。\n\n2. 启动项目：\n\n```sh\ncd demo-free-layout\nnpm install\nnpm start\n```\n\n3. 在浏览器中打开 [http:\u002F\u002Flocalhost:3000](http:\u002F\u002Flocalhost:3000)。\n\n## ✨ 功能\n\n| 功能                                                                                      | 描述                                                                                                                                                                                               | 演示                                                                                         |\n| -------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- |\n| [自由布局画布](https:\u002F\u002Fflowgram.ai\u002Fexamples\u002Ffree-layout\u002Ffree-feature-overview.html)    | 自由布局画布允许节点随意放置，并通过自由线条连接。                                                                                                                | ![自由布局演示](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_82db34543315.gif)                 |\n| [固定布局画布](https:\u002F\u002Fflowgram.ai\u002Fexamples\u002Ffixed-layout\u002Ffixed-feature-overview.html) | 固定布局画布支持将节点拖拽到指定位置，并且可以使用分支、循环等复合节点。                                                                           | ![固定布局演示](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_d1c2b0061484.gif)              |\n| [表单](https:\u002F\u002Fflowgram.ai\u002Fexamples\u002Fnode-form\u002Fbasic.html)                                    | 表单引擎负责管理节点数据的增删改查操作，提供渲染、验证、副作用处理、联动及错误捕获等功能，简化节点配置的开发过程。 | ![表单](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_19bc6892e9c9.png)     |\n| [变量](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fvariable\u002Fbasic.html)                                    | 变量引擎支持作用域约束、变量结构检查和类型推断，便于管理工作流中的数据流动。                                                | ![变量](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_88478f5f1830.png) |\n\n\n## 📖 文档\n\n您可以在 [网站](https:\u002F\u002Fflowgram.ai) 上找到 FlowGram 的文档。\n\n文档分为以下几个部分：\n\n- [快速入门](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fgetting-started\u002Fintroduction.html)\n- [画布](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Ffree-layout\u002Fload.html)\n- [表单](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fform\u002Fform.html)\n- [变量](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fvariable\u002Fbasic.html)\n- [组件](https:\u002F\u002Fflowgram.ai\u002Fmaterials\u002Fintroduction.html)\n- [运行时](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fruntime\u002Fintroduction.html)\n- [进阶指南](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fadvanced\u002Fzoom-scroll.html)\n- [API 参考](https:\u002F\u002Fflowgram.ai\u002Fapi\u002Findex.html)\n- [获取支持](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fcontact-us.html)\n- [贡献指南](https:\u002F\u002Fflowgram.ai\u002Fguide\u002Fcontributing.html)\n\n## 🙌 贡献者\n\n[![FlowGram.AI 贡献者](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_aecd3674e23d.png)](https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fgraphs\u002Fcontributors)\n\n## 🌍 应用案例\n\n- [Coze Studio](https:\u002F\u002Fgithub.com\u002Fcoze-dev\u002Fcoze-studio) 是一款一体化的 AI 代理开发工具。它提供了最新的大模型和工具、多种开发模式和框架，为从开发到部署的整个流程提供了最便捷的 AI 代理开发环境。\n- [NNDeploy](https:\u002F\u002Fgithub.com\u002FNNDeploy\u002Fnndeploy) 是一款基于工作流的多平台 AI 部署工具。\n- [Certimate](https:\u002F\u002Fgithub.com\u002Fcertimate-go\u002Fcertimate) 是一款开源的 SSL 证书管理工具，可通过可视化工作流自动申请和部署 SSL 证书。它是 Let's Encrypt 官方文档中列出的 ACME 客户端之一。\n\n## 📬 联系我们\n\n- 问题反馈：[Issues](https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fissues)\n- Lark：使用 [Register Feishu](https:\u002F\u002Fwww.feishu.cn\u002Fen\u002F) 扫描下方二维码，加入我们的 FlowGram 用户群。\n\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_readme_5cd3ed3ce7c2.png\" width=\"200\"\u002F>","# FlowGram.ai 快速上手指南\n\nFlowGram 是一个可组合、可视化、易于集成且可扩展的工作流开发框架与工具包。它旨在帮助开发者更**快**、更**简单**地构建 AI 工作流平台。注意：FlowGram 本身不是现成的工作流平台，而是用于构建属于你自己的平台的框架和工具箱。\n\n## 环境准备\n\n在开始之前，请确保你的开发环境满足以下要求：\n\n*   **操作系统**：Windows, macOS, 或 Linux\n*   **Node.js**：建议安装 LTS 版本（推荐 v18 或更高）\n*   **包管理器**：npm (随 Node.js 安装) 或 yarn\u002Fpnpm\n*   **浏览器**：现代浏览器（Chrome, Edge, Firefox 等）用于预览效果\n\n## 安装步骤\n\nFlowGram 提供了命令行工具来快速初始化项目。\n\n1.  **创建新项目**\n    在终端中运行以下命令创建一个新的 FlowGram 应用：\n\n    ```sh\n    npx @flowgram.ai\u002Fcreate-app@latest\n    ```\n\n    > 💡 **提示**：在交互过程中，推荐选择 `Free Layout Demo ⭐️` 模板，以便快速体验自由布局画布功能。\n\n2.  **进入项目目录并安装依赖**\n    根据上一步选择的模板名称（例如 `demo-free-layout`），进入目录并安装依赖：\n\n    ```sh\n    cd demo-free-layout\n    npm install\n    ```\n\n    > 🚀 **国内加速建议**：如果你在中国大陆地区，遇到 npm 下载缓慢的问题，建议使用淘宝镜像源进行安装：\n    > ```sh\n    > npm install --registry=https:\u002F\u002Fregistry.npmmirror.com\n    > ```\n\n## 基本使用\n\n安装完成后，即可启动本地开发服务器进行体验和开发。\n\n1.  **启动项目**\n    在项目根目录下运行：\n\n    ```sh\n    npm start\n    ```\n\n2.  **访问应用**\n    打开浏览器访问 [http:\u002F\u002Flocalhost:3000](http:\u002F\u002Flocalhost:3000)。\n\n3.  **体验工作流编辑**\n    你将看到一个可视化的工作流编辑器。在默认的 Demo 中，你可以尝试以下操作来理解核心概念：\n    *   **拖拽节点**：从左侧材料库拖入 LLM、代码编辑器 (Code)、条件判断 (Condition) 等节点到画布。\n    *   **连接连线**：将不同节点的输入输出端口连接起来，定义数据流向。\n    *   **配置参数**：点击节点，在右侧表单中配置具体参数（如 API Key、Prompt 模板等）。\n    *   **运行调试**：点击运行按钮，查看变量作用域链中的数据流转和最终结果。\n\n    *示例场景*：Demo 展示了一个遍历城市列表 -> 获取实时天气 -> 代码解析温度 -> LLM 生成穿衣建议 -> 条件过滤 -> 聚合结果 -> 最终由顾问 LLM 推荐最舒适城市的完整流程。\n\n更多详细文档、API 参考及高级用法，请访问 [FlowGram 官方文档](https:\u002F\u002Fflowgram.ai)。","某电商初创团队急需构建一个“智能售后工单处理系统”，要求能根据用户描述自动判断问题类型、调用不同 API 查询订单状态，并生成个性化回复。\n\n### 没有 flowgram.ai 时\n- **开发周期漫长**：前端需从零手写画布渲染逻辑，后端要硬编码节点执行顺序，仅基础框架搭建就耗时数周。\n- **流程调整困难**：一旦业务规则变更（如增加“物流异常”分支），开发人员必须修改大量耦合代码并重新部署，无法即时响应。\n- **可视化缺失**：非技术背景的产品经理无法直观理解或参与流程设计，沟通成本极高，常出现需求理解偏差。\n- **组件复用率低**：每次新增功能（如接入新的 LLM 模型）都需要重复造轮子，缺乏统一的变量管理和材料库支持。\n\n### 使用 flowgram.ai 后\n- **极速搭建原型**：利用内置的 Free Layout Canvas 和现成材料（LLM、Condition、Code Editor），团队在 2 天内便完成了核心工作流的可视化编排与上线。\n- **灵活迭代业务**：产品经理可直接在画布上拖拽节点调整判断逻辑，无需改动底层代码，实现了业务规则的“热更新”。\n- **全员协同设计**：直观的流程图让技术与非技术人员在同一语境下协作，清晰展示从“用户输入”到“生成回复”的全链路逻辑。\n- **高效扩展能力**：通过 flowgram.ai 的变量作用域链和可扩展架构，轻松接入新的第三方 API 或更换大模型，组件复用率显著提升。\n\nflowgram.ai 将原本繁琐的硬编码工作流开发转化为可视化的组装过程，让团队能以最低成本快速构建并持续进化复杂的 AI 应用平台。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbytedance_flowgram.ai_d1c2b006.gif","bytedance","Bytedance Inc.","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fbytedance_7fee2b15.png","",null,"ByteDanceOSS","https:\u002F\u002Fopensource.bytedance.com","https:\u002F\u002Fgithub.com\u002Fbytedance",[81,85,89,93,97,101,105,109,112],{"name":82,"color":83,"percentage":84},"TypeScript","#3178c6",77.3,{"name":86,"color":87,"percentage":88},"MDX","#fcb32c",18.9,{"name":90,"color":91,"percentage":92},"JavaScript","#f1e05a",2.3,{"name":94,"color":95,"percentage":96},"CSS","#663399",0.7,{"name":98,"color":99,"percentage":100},"Less","#1d365d",0.5,{"name":102,"color":103,"percentage":104},"Python","#3572A5",0.2,{"name":106,"color":107,"percentage":108},"HTML","#e34c26",0,{"name":110,"color":111,"percentage":108},"Shell","#89e051",{"name":113,"color":114,"percentage":108},"SCSS","#c6538c",7913,703,"2026-04-13T15:33:21","MIT","未说明",{"notes":121,"python":119,"dependencies":122},"该工具是一个基于 Web 的工作流开发框架（前端\u002F全栈），主要通过 Node.js 和 npm 运行。README 中未提及具体的操作系统、GPU、内存或 Python 版本要求，因为它主要依赖浏览器环境和 Node.js 运行时。安装步骤显示需要使用 'npx' 创建项目并通过 'npm start' 启动本地开发服务器（默认端口 3000）。",[123,124],"Node.js","npm",[14,15,52,13,16],[127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144],"flow","flowchart","graph","javascript","node-based-ui","react","typescript","typescript-library","workflow","ai","diagram","visualization","automation","data-flow","integration-framework","no-code","workflow-automation","coze","2026-03-27T02:49:30.150509","2026-04-14T05:04:02.455475",[148,153,158,163,168,173,178],{"id":149,"question_zh":150,"answer_zh":151,"source_url":152},32567,"为什么 Flowgram 的 input\u002Foutput 采用 Map\u002FJson Schema 格式而不是 Coze 的数组形式？","Json Schema 是最广泛使用的数据格式定义协议，目前 Agent MCP (Model Context Protocol) 也使用 Json Schema 定义工具输入参数格式，因此推荐业务使用 Json Schema。对于动态属性修改场景，方案一是修改 property 时同步修改 inputValues；方案二是移除 inputValues，直接将 value 存在 property 中（例如增加 value 字段或使用 jsonSchema 的 default 属性）。","https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fissues\u002F157",{"id":154,"question_zh":155,"answer_zh":156,"source_url":157},32568,"运行官方示例时遇到 'conflicting star exports' 构建错误怎么办？","这通常是因为依赖包版本同步延迟导致的。请尝试重新安装依赖（如执行 `npm install` 或 `yarn install`），确保 `@flowgram.ai\u002Feditor` 升级到最新版本（如 0.1.28 及以上）。此外，注意 React 19 目前部分物料及 UI 组件库（如 Semi）尚不支持，但画布本身支持，React 16 以上版本均可使用。","https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fissues\u002F227",{"id":159,"question_zh":160,"answer_zh":161,"source_url":162},32569,"如何将 Flowgram 编排结果转化为 Python 可执行对象？","目前社区已有基于 AI 参考 Flowgram Node.js 运行时翻译的 Python 运行时实现，可用于常用场景。可以参考项目：https:\u002F\u002Fgithub.com\u002Flouisyoungx\u002Fflowgram-runtime-python。请注意，其他语言（如 Go）的运行时可能成熟度不足，使用前需仔细评估。","https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fissues\u002F206",{"id":164,"question_zh":165,"answer_zh":166,"source_url":167},32570,"在 React Router v7 或 React 19 StrictMode 下遇到 'Ambiguous match found for serviceIdentifier' 错误如何解决？","该问题在 React 19 开启 StrictMode 时必现，降级到 React 18 也可能无法解决。目前的临时解决方案是在配置中将 `reactStrictMode` 设置为 `false` 以避开此问题。团队正在关注是否未来会正式支持 React 19 的 StrictMode。","https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fissues\u002F402",{"id":169,"question_zh":170,"answer_zh":171,"source_url":172},32571,"如何支持变量类型为对象（Object）时的多层嵌套选择（类似 Coze 的下钻功能）？","项目已提供相关的物料组件支持该功能。您可以升级到最新版本，并参考示例代码 `apps\u002Fdemo-free-layout\u002Fsrc\u002Fnodes\u002Fstart\u002Fform-meta.tsx` 进行集成。文档正在完善中，当前效果图已支持多层级选择。如果格式不完全匹配 Demo，`JsonSchemaEditor` 支持一定的自定义扩展。","https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fissues\u002F183",{"id":174,"question_zh":175,"answer_zh":176,"source_url":177},32572,"Flowgram 是否有可运行的 Demo 示例？","官方计划在 Next.js Demo 中添加一个可运行的完整示例。在此之前，用户可以利用 Github Copilot 等工具辅助生成基础代码，或者参考社区提供的基于 `@mastra\u002Fcore` 等工作流引擎的转换实现思路，将 WorkflowJSON 图描述转换为可执行代码。","https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fissues\u002F56",{"id":179,"question_zh":180,"answer_zh":181,"source_url":182},32573,"Inputs\u002FOutputs\u002FCondition 组件何时能更新为与 Coze 一致的风格？","维护者已将完善 inputs、outputs 和 condition 三个组件列入计划，预计在下个月完成更新。由于这三个组件逻辑较为复杂，具体时间点可能会有调整，建议关注相关 PR（如 #268）的合并进度。","https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fissues\u002F81",[184,189,194,199,204,209,214,219,224,229,234,239,244,249,254,259,264,269,274,279],{"id":185,"version":186,"summary_zh":187,"released_at":188},247317,"v1.0.10","## 变更内容\n* 修复（自动布局）：@louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1107 中修复了 alignTopEdge 并调整了位置计算逻辑。\n* 修复（CodeMirror）：@sanmaopep 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1111 中将 CodeMirror 的版本号改为使用 ^，以与 coze-editor 保持一致。\n\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv1.0.9...v1.0.10","2026-04-03T03:56:57",{"id":190,"version":191,"summary_zh":192,"released_at":193},247318,"v1.0.9","## 变更内容\n* 功能（运行时）：新增基于 QuickJS 的沙箱化 JavaScript 执行功能，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1088 中实现。\n* 修复（对齐）：调整右侧和底部对齐线的偏移量为 1px，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1090 中完成。\n* 功能：优化 pnpm 依赖安装空间，由 @sanmaopep 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1099 中实现。\n* 修复（自动布局）：移除分组布局中的垂直边缘过滤逻辑，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1101 中完成。\n* 功能（自动布局）：新增 alignTopEdge 选项，并修复只读模式问题，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1100 中实现。\n* 修复：面板管理器支持 React 16，由 @JxJuly 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1102 中完成。\n\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv1.0.8...v1.0.9","2026-03-23T03:47:44",{"id":195,"version":196,"summary_zh":197,"released_at":198},247319,"v1.0.8","## 变更内容\n* chore(deps): 由 @SoonIter 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1058 中升级 rspress@2.0.0-rc.5\n* fix(workflow-port-render): 由 @jsdtxm 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1076 中为 WorkflowPointStyle 添加缺失的 .cross-hair 大括号\n* fix(auto-layout): 由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1081 中改进 v-edge-id，以实现双向一致性\n* feat: 由 @sanmaopep 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1082 中添加循环表单素材文档\n* fix(free-layout-core): 更新线条的收缩 UI 状态不会触发渲染。由 @xiamidaxia 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1086 中修复\n\n\n**完整变更日志**: https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv1.0.7...v1.0.8","2026-03-03T11:47:22",{"id":200,"version":201,"summary_zh":202,"released_at":203},247320,"v1.0.7","## 变更内容\n* 修复（demo-固定布局）：base-node 添加 PlaygroundEntityContext，用于标识当前节点，由 @xiamidaxia 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1020 中完成\n* 新增功能（demo-自由布局）：添加多条件节点，由 @lq9958 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1026 中完成\n* 修复（布局）：修正带内边距时的垂直居中计算问题，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1027 中完成\n* 新增功能：子画布演示，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1028 中完成\n* 新增功能：demo-自由布局-简单版 添加循环与批量子画布演示，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1029 中完成\n* 新增功能：初始化创建 Claude 技能节点，由 @YuanHeDx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1031 中完成\n* 文档：修复节点表单示例，由 @YuanHeDx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1032 中完成\n* 杂项：添加 Claude 命令 add-test，由 @YuanHeDx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1036 中完成\n* 杂项：升级 ESLint，由 @dragooncjw 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1044 中完成\n* 修复：Panel KeepDOM 带 trim 功能，由 @JxJuly 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1046 中完成\n* 文档：添加导出插件文档，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1053 中完成\n* 修复（导出）：处理图片导出时 textarea 的值，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1052 中完成\n* 新增功能（自由布局）：添加启用只读节点拖拽的选项，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1061 中完成\n* 修复（分组）：使 NodeIntoContainerService 对分组插件变为可选，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1062 中完成\n\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv1.0.6...v1.0.7","2026-01-20T03:06:41",{"id":205,"version":206,"summary_zh":207,"released_at":208},247321,"v1.0.6","## 变更内容\n* 功能：面板支持全屏，由 @JxJuly 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1005 中实现\n* 修复：React Flight 协议存在 RCE 漏洞，由 @dragooncjw 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1010 中修复\n* 功能：流程下载插件同时支持固定布局和自由布局，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1004 中实现\n* 功能：面板支持 keepDOM，由 @squallliu 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1007 中实现\n* 功能（分组）：为分组备注添加表单值持久化功能，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1011 中实现\n* 修复（自由版演示）：防止多次打开节点面板，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1012 中修复\n* 重构：移除事件发射器泄漏警告阈值，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1013 中完成\n* 修复（演示）：节点报告状态未更新，由 @lq9958 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1015 中修复\n* 杂项：在 CI 中降级 Node.js 版本，由 @dragooncjw 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1016 中完成\n* 重构：将 download-plugin 重命名为 export-plugin，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1019 中完成\n\n## 新贡献者\n* @lq9958 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F1015 中完成了首次贡献\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv1.0.3...v1.0.6","2025-12-10T04:58:05",{"id":210,"version":211,"summary_zh":212,"released_at":213},247322,"v1.0.3","## 变更内容\n* 修复：由 @dragooncjw 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F974 中升级 Playwright 版本\n* 文档（变量）：由 codex 和 @sanmaopep 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F979 中优化变量文档\n* 文档（材料）：由 @sanmaopep 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F982 中添加材料相关文档\n* 功能：由 @sanmaopep 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F983 中新增 JsonSchemaCreator 组件\n* 功能：由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F981 中修复布局动画演示\n* 功能：由 @JxJuly 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F984 中实现 TestRunPlugin\n* 功能：由 @JxJuly 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F985 中增强面板管理器\n* 功能：由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F987 中支持自定义折线圆角半径\n* 功能：由 @JxJuly 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F995 中支持停靠面板\n* 修复：由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F997 中修正根节点输出点计算及连线绘制\n* 功能：由 @JxJuly 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F998 中重构面板\n* 功能：由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F999 中添加选择器背景类名及快捷移除功能\n\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv1.0.2...v1.0.3","2025-11-27T08:44:21",{"id":215,"version":216,"summary_zh":217,"released_at":218},247323,"v1.0.2","## 变更内容\n* 修复(container)：工作流嵌套容器的父级无法拖拽到子级，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F965 中完成\n* 修复(material)：编辑器变量树去抖动更新位置，由 @sanmaopep 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F970 中完成\n* 修复(docs)：暗模式示例代码主题，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F966 中完成\n* 修复(core)：重新加载节点时应检查节点类型，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F971 中完成\n* 修复(auto-layout)：将 rankdir 设置为从上到下，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F972 中完成\n* 新增(landing)：悬停时 Logo 节点发光效果，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F973 中完成\n\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv1.0.1...v1.0.2","2025-10-31T06:44:10",{"id":220,"version":221,"summary_zh":222,"released_at":223},247324,"v1.0.1","## 变更内容\n* chore: 添加 GitHub Actions，用于发布应用版本，由 @dragooncjw 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F961 中完成\n* feat(landing): 添加 Logo 旋转动效及浅色模式，并移除流星效果，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F962 中完成\n* fix(material): 修复初始化时条件行右侧清除问题，由 @sanmaopep 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F963 中完成\n* docs(materials): 补充通用逻辑文档，由 @sanmaopep 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F964 中完成\n\n\n**完整变更日志**: https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv1.0.0...v1.0.1","2025-10-28T11:46:57",{"id":225,"version":226,"summary_zh":227,"released_at":228},247325,"v1.0.0","# FlowGram v1.0.0 正式发布！🎉\n\n我们非常高兴地宣布，FlowGram v1.0.0 已正式发布！经过长时间的开发与优化，我们终于迎来了这一重要里程碑。\n\n此次发布标志着 FlowGram 已经发展成为一个稳定、可靠且功能强大的工具，对此我们倍感自豪。\n\n## 新特性\n\n除了产品本身的改进外，我们还对文档和社区资源进行了全面更新：\n\n- **GitHub 个人主页全新升级**：欢迎访问我们焕然一新的 [GitHub 页面](https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai)，了解更多项目详情。\n- **详尽指南**：请前往我们的 [官方网站](https:\u002F\u002Fflowgram.ai\u002F) 查看深度用户指南。\n\n## 致谢\n\n衷心感谢每一位参与测试、提供反馈并支持 FlowGram 的开发者。正是有了你们的支持，FlowGram 才能不断进步与完善。\n\n未来，我们将继续倾听社区的声音，持续迭代优化，为大家带来更加卓越的产品体验。\n\n敬请期待 FlowGram 的更多精彩内容吧！","2025-10-28T08:32:44",{"id":230,"version":231,"summary_zh":232,"released_at":233},247326,"v0.5.7","## 变更内容\n* 修复：条件自动清除右侧及测试运行时 JSON 光标跳转问题，由 @sanmaopep 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F949 中完成\n* 新增功能（物料）：在画布外显示带输入的提示编辑器，由 @sanmaopep 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F950 中完成\n* 文档（物料）：更新效果相关文档，由 @sanmaopep 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F951 中完成\n* 文档（物料）：验证流程值的有效性，由 @sanmaopep 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F953 中完成\n* 性能优化（文档）：使快速入门部分更易理解，并美化首页，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F952 中完成\n* 文档（README）：FlowGram V1.0 的 README，由 @louisyoungx 在 https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F931 中完成\n\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv0.5.6...v0.5.7","2025-10-28T03:31:34",{"id":235,"version":236,"summary_zh":237,"released_at":238},247327,"v0.5.6","## What's Changed\r\n* fix: license by @dragooncjw in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F925\r\n* docs(variable): detail output variable by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F927\r\n* feat(variable): optimize comments and  rename KeyPathExpressionV2 to KeyPathExpression by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F929\r\n* fix(demo): loop init position by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F934\r\n* fix(demo): empty loop node padding by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F935\r\n* docs(variable): variable concepts by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F933\r\n* fix(core): drag to reset position needs to recorded in operation by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F936\r\n* docs(materials): explain WIP in materials by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F938\r\n* fix(materials): variable-selector dropdown className by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F940\r\n* chore(materials): remove styled-components in form-materials by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F942\r\n* fix(demo-free-layout): auto close panel when sidebar disabled by @xiamidaxia in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F941\r\n* docs(materials): update some WIP materials docs by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F944\r\n* feat(material): filter schema for PromptEditorWithVariables, useOutputVariables API by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F947\r\n\r\n\r\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv0.5.5...v0.5.6","2025-10-23T06:51:38",{"id":240,"version":241,"summary_zh":242,"released_at":243},247328,"v0.5.5","## What's Changed\r\n* feat: enhance fixed-layout e2e & add e2e cache by @dragooncjw in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F919\r\n* docs(materials): add WIP empty docs for materials by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F920\r\n* feat(auto-layout): support set layout-config inside tool params by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F922\r\n* chore: opt seo by @dragooncjw in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F923\r\n* feat(variable): get form context in create effect from variable provider by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F924\r\n\r\n\r\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv0.5.4...v0.5.5","2025-10-15T02:49:23",{"id":245,"version":246,"summary_zh":247,"released_at":248},247329,"v0.5.4","## What's Changed\r\n* docs: adjust the doc table of contents by @xiamidaxia in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F909\r\n* feat(materials): add demo materials to debug materials in storybook by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F911\r\n* feat(free-layout-core): add  \"locationConfig\" to port config and support percentage string values by @xiamidaxia in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F913\r\n* docs(materials): refract material documentations by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F914\r\n* refactor(demo-free-layout-simple): ports auto update via form values by @xiamidaxia in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F916\r\n* docs(materials): materials docs in nav by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F917\r\n* fix(material): The width of the variable selector will change when the content is too long, causing the container to be stretched out by @squallliu in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F918\r\n\r\n\u003Cimg width=\"2554\" height=\"1766\" alt=\"image\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fdd273fc7-5315-46ea-954f-e98d3eb87ed8\" \u002F>\r\n\r\n\r\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv0.5.3...v0.5.4","2025-10-13T06:38:57",{"id":250,"version":251,"summary_zh":252,"released_at":253},247330,"v0.5.3","## What's Changed\r\n* feat: fixed layout supports drag and drop to add branches by @dragooncjw in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F896\r\n* feat(auto-layout): support custom node filtering by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F897\r\n* fix(demo): empty loop node collapse position offset by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F898\r\n* fix: fixed-layout drag element portal by @dragooncjw in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F901\r\n* fix(core): operation fromJSON cannot create inner-container nodes by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F902\r\n* feat: history support enableChangeNode option & rm unused code by @hanchayi in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F906\r\n\r\n\r\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv0.5.2...v0.5.3","2025-10-09T11:12:48",{"id":255,"version":256,"summary_zh":257,"released_at":258},247331,"v0.5.2","## What's Changed\r\n* feat(material): optimize inputs-values-type by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F886\r\n* fix(material): json-schema-editor onChange in setState callback by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F887\r\n* feat(document): comment node form update & document create node api optimization by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F888\r\n* feat(core): operation-fromJSON supports diff JSON to perform CRUD on nodes and edges by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F890\r\n* feat(free-layout-editor): add operation(WorkflowOperationService) to FreeLayoutPluginContext by @xiamidaxia in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F891\r\n* docs: auto layout plugin by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F894\r\n* feat(stack): support custom stack index by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F892\r\n* docs: free stack plugin by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F895\r\n* feat: fixed layout supports drag and drop to add nodes by @dragooncjw in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F893\r\n\r\n## Features\r\n- Fixed layout drag\u002Fdrop nodes\r\n![20250930111313_rec_](https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fb76468ad-cf3e-43e7-800e-0b15ead61d42)\r\n\r\n- Free layout custom sort nodes\r\n```typescript\r\nimport { createFreeStackPlugin } from '@flowgram.ai\u002Ffree-stack-plugin';\r\n\r\n\u002F\u002F set to your editorProps.plugins\r\ncreateFreeStackPlugin({\r\n  sortNodes: (nodes) => {\r\n    const commentNodes: WorkflowNodeEntity[] = [];\r\n    const otherNodes: WorkflowNodeEntity[] = [];\r\n    nodes.forEach((node) => {\r\n      if (node.flowNodeType === WorkflowNodeType.Comment) {\r\n        commentNodes.push(node);\r\n      } else {\r\n        otherNodes.push(node);\r\n      }\r\n    });\r\n    return [...commentNodes, ...otherNodes];\r\n  },\r\n})\r\n```\r\n- Free layout `ctx.operation.fromJSON`  supports diff loading data (without screen flickering) and can be undone via undo\r\n\r\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv0.5.1...v0.5.2","2025-09-30T03:13:02",{"id":260,"version":261,"summary_zh":262,"released_at":263},247332,"v0.5.1","## What's Changed\r\n* fix(demo): loop node padding by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F882\r\n* fix(core): do not add cursor style to playground container and remove default cursor icon by @xiamidaxia in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F885\r\n* feat(core): node.updateExtInfo auto merge previous data by @xiamidaxia in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F884\r\n\r\n\r\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv0.5.0...v0.5.1","2025-09-26T09:22:39",{"id":265,"version":266,"summary_zh":267,"released_at":268},247333,"v0.5.0","## What's Changed\r\n* fix: fix ts & add ts-check in github actions by @dragooncjw in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F870\r\n* feat(free-layout-core): line support  two-way connection by @xiamidaxia in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F867\r\n* fix(demo): offset occurs in newly created loop node after collapsing by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F874\r\n* fix: coze-editor line highlight transparent by @dragooncjw in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F878\r\n* fix: free layout panel layout by @dragooncjw in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F875\r\n* fix(demo): group node copy paste by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F876\r\n* feat(stack): parent of selected node needs higher zindex than siblings by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F879\r\n* feat(panel-manager-plugin): panel add auto resize by @xiamidaxia in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F880\r\n\r\n## Main Updates\r\n\r\n- editorProps add twoWayConnection (default true)\r\n\r\n![20250924151512_rec_](https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F3c601e87-e5b0-4785-8499-a886413bda51)\r\n\r\n![20250924114535_rec_](https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fcce2076b-1004-4b8d-bcdd-874cf660eff4)\r\n\r\n- panel-manage-plugin add resize-bar\r\n\r\n![20250924190625_rec_](https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fe1312bb3-ad01-4f7e-8562-e0541f750726)\r\n\r\n## Breaking Change (FreeLayout)\r\n\r\n- editorProps.canResetLine api changed\r\n\u003Cimg width=\"2400\" height=\"756\" alt=\"image\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F8844b2d0-f762-41bd-aac1-7f55a370771e\" \u002F>\r\n- WorkflowLineEntity.from maybe undefined\r\n\u003Cimg width=\"2082\" height=\"294\" alt=\"image\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F5df0ec7e-c25f-4abb-9a7a-40945277436e\" \u002F>\r\n\r\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv0.4.19...v0.5.0","2025-09-24T15:02:54",{"id":270,"version":271,"summary_zh":272,"released_at":273},247334,"v0.4.19","## What's Changed\r\n* feat(material): sql-editor + code-editor tree shake optimize by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F862\r\n* fix(demo-free-layout): group node cannot be dragged in the mouse mode by @xiamidaxia in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F864\r\n* refactor(demo-free-layout): move canDropToNode to canContainNode, fix loop nested loop from paste, node-panel.panelProps add fromPort by @xiamidaxia in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F865\r\n* fix: useless dep & add dep-check command by @dragooncjw in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F866\r\n* fix(drag): root node shouldn't trigger reset position by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F871\r\n\r\n\r\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv0.4.18...v0.4.19","2025-09-23T12:39:58",{"id":275,"version":276,"summary_zh":277,"released_at":278},247335,"v0.4.18","## What's Changed\r\n* docs: docs error fixed by @xiamidaxia in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F854\r\n* fix(core): flow-document add options.preNodeCreate and fix node.form undefined when form effect init by @xiamidaxia in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F860\r\n\r\n\r\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv0.4.17...v0.4.18","2025-09-19T09:47:36",{"id":280,"version":281,"summary_zh":282,"released_at":283},247336,"v0.4.17","## What's Changed\r\n* fix(drag): reset container internal position when drag end by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F847\r\n* fix(demo): node menu popover container by @louisyoungx in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F848\r\n* chore: Update README.md Adoption by @luics in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F849\r\n* chore: docs add ref by @dragooncjw in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F850\r\n* feat(editor): add node.form instead of getNodeForm(node) by @xiamidaxia in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F846\r\n* feat(editor): node.scope by @sanmaopep in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F851\r\n* feat(free-layout-editor): add node.ports and node.lines by @xiamidaxia in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F852\r\n\r\n# New API\r\n- node.form:  Get the node's form data, like `getNodeForm(node)`\r\n- node.lines:  Get the node's lines data (Only FreeLayout), like `node.getData(WorkflowNodeLinesData) `\r\n- node.ports: Get the node's ports data (Only FreeLayout), like `node.getData(WorkflowPortsData) `\r\n- node.scope: Get the node's variable public scope, like `getNodeScope(node) `\r\n- node.privateScope: Get the node's variable private scope, like `getNodePrivateScope(node) `\r\n\r\n## New Contributors\r\n* @luics made their first contribution in https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fpull\u002F849\r\n\r\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002Fbytedance\u002Fflowgram.ai\u002Fcompare\u002Fv0.4.16...v0.4.17","2025-09-18T07:35:07"]