dioxus-flow 0.1.1

A react-flow-like node graph component library for Dioxus
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74

//! # dioxus-flow
//!
//! A [react-flow](https://reactflow.dev)-style node graph component library
//! for [Dioxus](https://dioxuslabs.com): pannable/zoomable canvas, draggable
//! nodes, connectable handles, selectable animated edges, automatic layered
//! layout, minimap, controls and background — with fully customizable node
//! and edge rendering.
//!
//! ```ignore
//! use dioxus::prelude::*;
//! use dioxus_flow::prelude::*;
//!
//! #[component]
//! fn App() -> Element {
//!     let nodes = use_signal(|| vec![
//!         Node::new("1", "Source", (0.0, 0.0)).node_type("input"),
//!         Node::new("2", "Sink", (0.0, 140.0)).node_type("output"),
//!     ]);
//!     let edges = use_signal(|| vec![Edge::new("1", "2").animated(true)]);
//!
//!     rsx! {
//!         div { style: "width: 100vw; height: 100vh;",
//!             Flow { nodes, edges, fit_view: true,
//!                 Background {}
//!                 Controls {}
//!                 MiniMap {}
//!             }
//!         }
//!     }
//! }
//! ```

mod anim;
mod background;
mod controls;
mod edge;
mod flow;
mod layout;
mod minimap;
mod node;
pub mod paper;
mod path;
pub mod place;
pub mod ports;
pub mod press;
pub mod settle;
mod state;
mod tile;
mod types;

pub use background::{Background, BackgroundVariant};
pub use controls::Controls;
pub use edge::{EdgeViewCtx, SeatEdgeLabels, SeatEdgeViewCtx, SeatEdges};
pub use flow::{Canvas, Flow, WorldLayer, STYLE as STYLESHEET};
pub use layout::{compute_layout, LayoutDirection, LayoutNode, LayoutOptions};
pub use minimap::MiniMap;
pub use node::{DefaultNodeView, Handle, NodeViewCtx};
pub use path::{bezier_path, edge_path, smooth_step_path, straight_path, EdgeGeometry, EdgePath};
pub use state::{use_flow, use_flow_handle, use_overlay_inset, FlowCore, FlowHandle, Interaction};
pub use types::{
    side_point, AnchorMode, ConnectEnd, Connection, DeleteRequest, Edge, EdgeKind, Grid,
    HandleGeom, HandleKey, HandleKind, Id, MarkerKind, Node, NodeGeom, Point, Rect, Side, Size,
    Viewport,
};

/// Everything you typically need.
pub mod prelude {
    pub use crate::{
        use_flow, use_flow_handle, use_overlay_inset, AnchorMode, Background, BackgroundVariant,
        ConnectEnd, Connection, Controls, DefaultNodeView, DeleteRequest, Edge, EdgeKind,
        EdgeViewCtx, Flow, FlowHandle, Handle, HandleKind, LayoutDirection, LayoutOptions,
        MarkerKind, MiniMap, Node, NodeViewCtx, Point, Rect, Side, Size, Viewport,
    };
}