Flow Diagram
A visual flow diagram component that enables creation and editing of interactive flowcharts. Features node-based editing, edge connections, drag-and-drop functionality, and customizable node styling. Supports dynamic data binding and comprehensive event handling for flowchart manipulation.
Extends: baseComponent
Fields
Name | Code | Data Type | Description |
|---|---|---|---|
Type |
| text | Type of flow diagram to render |
Controller |
| text | Controller for diagram interactions |
Width |
| text | Width of the diagram container |
Height |
| text | Height of the diagram container |
Methods
Name | Description |
|---|---|
| Handles selection of node group for new node creation |
| Toggles edge creation mode for connecting nodes |
| Processes click events on the diagram canvas for node placement |
Events
Name | Description |
|---|---|
| Triggered when a node is selected |
| Triggered when an edge is created between nodes |
| Triggered when the diagram structure is modified |