品質分數 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