vueflow #

Table of contents #

Enumerations #

• BackgroundVariant
• ConnectionLineType
• ConnectionMode
• MarkerType
• PanOnScrollMode
• PanelPosition
• Position

Classes #

• GlobalVueFlowStorage

Interfaces #

• Actions
• BackgroundProps
• BaseEdgeProps
• Box
• Connection
• ConnectionLineOptions
• ConnectionLineProps
• ControlProps
• CustomThemeVars
• Dimensions
• Edge
• EdgeAddChange
• EdgeMarker
• EdgeMouseEvent
• EdgePositions
• EdgeProps
• EdgeTextProps
• EdgeUpdateEvent
• Emits
• FlowEvents
• FlowExportObject
• FlowProps
• Getters
• GraphNode
• HandleElement
• HandleProps
• MarkerProps
• MiniMapNodeProps
• MiniMapProps
• Node
• NodeAddChange
• NodeDimensionChange
• NodeDragEvent
• NodeDragItem
• NodeHandleBounds
• NodeMouseEvent
• NodePositionChange
• NodeProps
• NodeRemoveChange
• NodeSelectionChange
• OnConnectStartParams
• PanelProps
• Rect
• SelectionRect
• SmoothStepEdgeProps
• StartHandle
• State
• TransitionOptions
• UpdateNodeDimensionsParams
• ViewpaneTransform
• Viewport
• ViewportFunctions
• XYPosition

Type Aliases #

• AddEdges
• AddNodes
• CSSVars
• ClassFunc
• ComputedGetters
• Connector
• CoordinateExtent
• CustomEvent
• D3Selection
• D3Zoom
• D3ZoomHandler
• DefaultEdgeOptions
• DefaultEdgeTypes
• DefaultNodeTypes
• EdgeChange
• EdgeComponent
• EdgeEventsEmit
• EdgeEventsHandler
• EdgeEventsOn
• EdgeMarkerType
• EdgeRemoveChange
• EdgeSelectionChange
• EdgeTypesObject
• EdgeUpdatable
• Element
• ElementChange
• ElementData
• Elements
• FindEdge
• FindNode
• FitBounds
• FitBoundsOptions
• FitView
• FitViewParams
• FlowElement
• FlowElements
• FlowHooks
• FlowHooksEmit
• FlowHooksOn
• FlowOptions
• GetTransform
• GraphEdge
• HandleConnectable
• HandleType
• HeightFunc
• MiniMapNodeFunc
• MouseTouchEvent
• NodeChange
• NodeComponent
• NodeEventsEmit
• NodeEventsHandler
• NodeEventsOn
• NodeTypesObject
• Project
• RemoveEdges
• RemoveNodes
• SetCenter
• SetCenterOptions
• SetEdges
• SetElements
• SetNodes
• SetState
• SetTransform
• ShapeRendering
• SnapGrid
• StyleFunc
• Styles
• ThemeVars
• UpdateEdge
• UpdateNodeDimensions
• UpdateNodeInternals
• UpdateNodePosition
• ValidConnectionFunc
• VueFlowStore
• WidthFunc
• XYZPosition
• ZoomInOut
• ZoomTo

Variables #

• Background
• BaseEdge
• BezierEdge
• ControlButton
• Controls
• EdgeText
• Handle
• MiniMap
• MiniMapNode
• NodeIdInjection
• Panel
• SimpleBezierEdge
• SmoothStepEdge
• StepEdge
• StraightEdge
• VueFlow
• VueFlowInjection
• defaultEdgeTypes
• defaultNodeTypes

Functions #

• addEdge
• applyChanges
• applyEdgeChanges
• applyNodeChanges
• getBezierPath
• getBoundsofRects
• getConnectedEdges
• getIncomers
• getMarkerId
• getNodesInside
• getOutgoers
• getRectOfNodes
• getSimpleBezierPath
• getSmoothStepPath
• getStraightPath
• getTransformForBounds
• graphPosToZoomedPos
• isEdge
• isNode
• updateEdge
• useEdge
• useHandle
• useNode
• useVueFlow
• useZoomPanHelper