质量分 77Bflow.foblex.com
Foblex Flow — Angular 节点编辑器与工作流构建库
Foblex Flow 是面向 Angular 的节点编辑器库,用于构建生产级工作流构建器、AI 流水线和交互式图表,内置拖拽、连接和撤销/重做功能。
关于这个工具
什么是 Foblex Flow?
Foblex Flow 是一个面向 Angular 的节点编辑器库,用于构建生产级工作流构建器、AI 流水线和交互式图表。拖拽、连接和撤销/重做功能已内置,因此开发者无需从零实现这些交互。
主要能力
- 内置交互:拖拽、连接和撤销/重做已集成到编辑器中。
- 手势映射:可将手势映射到整个编辑器的操作,支持类似 Miro 的交互和绘制。
- 布局响应:当节点改变大小、内容流入或卡片展开时,布局能够实时调整。
- 可配置控制方案:支持点击连接、键盘编辑和统一的连接器模型。
- 可选插件:Managed Flow State 插件可将删除等手势应用到显式类型化存储。
- 连接验证:支持检查业务规则,如允许的连接对、最大度数、连接器类型等。
- 选择同步:选择状态可驱动检查器面板和工具栏。
- 可访问性:默认提供 ARIA 语义,并可选键盘层,支持选择、移动、删除甚至创建连接。
- AI 就绪工具链:开发模式诊断、稳定错误代码、通过 ng add 安装的代理规则,以及 npm 包内版本匹配的 LLM 文档。
适用场景
Foblex Flow 适用于构建低代码平台、交互式图表、工作流构建器、节点编辑器和 AI 流水线。它面向 Angular 开发者、工作流构建器开发者和 AI 流水线构建者。
平台与许可
Foblex Flow 运行在 Web 平台上,属于开源项目,学习曲线为中等。
功能与使用场景
) maps gestures to actions for the whole editor at once, with Miro-like and draw0 @foblex/platform@10 makes layout work while the user is actually using the editor: when nodes change size, when content streams in, when a card toggles open0 opened up how a Foblex Flow editor can be driven: configurable control schemes, click-to-connect, keyboard editing, and one connector model0 sit at different layers of the library, but they share a theme: making the canvas behave the way real editors actually need it to behave, without forcing application code to fight the library0, @foblex/drag-toolkit@10: Managed State, Faster Large Flows, and Shadow DOM Support v190: Strict CSP Support, Smarter Waypoint Routing, and New Diagnostics Today I'm shipping v191 is about making the newer interaction architecture practical in production editors1, @foblex/drag-toolkit@11, the optional Managed Flow State plugin can apply that deletion and other supported gestures to an explicit typed store2) — the requirements a diagram editor usually fails first