Vue FlowVue Flow
Contribute on GitHub! Join the Discord server! Check out the original React Flow by Wbkd!
v0.4.27
Guide
Examples
TypeDocs
v0.4.27
Guide
Examples
TypeDocs
  • Modules
    • Classes

      • Class: GlobalVueFlowStorage
    • Enums

      • Enumeration: BackgroundVariant
      • Enumeration: ConnectionLineType
      • Enumeration: ConnectionMode
      • Enumeration: MarkerType
      • Enumeration: PanOnScrollMode
      • Enumeration: Position
    • Functions

      • Function: addEdge
      • Function: applyChanges
      • Function: applyEdgeChanges
      • Function: applyNodeChanges
      • Function: getBezierCenter
      • Function: getBezierPath
      • Function: getConnectedEdges
      • Function: getEdgeCenter
      • Function: getIncomers
      • Function: getMarkerId
      • Function: getNodesInside
      • Function: getOutgoers
      • Function: getRectOfNodes
      • Function: getSimpleBezierCenter
      • Function: getSimpleBezierPath
      • Function: getSmoothStepPath
      • Function: getTransformForBounds
      • Function: graphPosToZoomedPos
      • Function: isEdge
      • Function: isNode
      • Function: updateEdge
      • Function: useHandle
      • Function: useVueFlow
      • Function: useZoomPanHelper
    • Interfaces

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

      • Namespace: BaseEdge
      • Namespace: BezierEdge
      • Namespace: MiniMapNode
      • Namespace: SimpleBezierEdge
      • Namespace: SmoothStepEdge
      • Namespace: StepEdge
      • Namespace: StraightEdge
    • Types

      • Type alias: AddEdges
      • Type alias: AddNodes
      • Type alias: CSSVars
      • Type alias: ClassFunc<ElementType>
      • Type alias: ComputedGetters
      • Type alias: Connector
      • Type alias: CoordinateExtent
      • Type alias: CustomEvent<Args, Return>
      • Type alias: CustomThemeVars
      • Type alias: D3Selection
      • Type alias: D3Zoom
      • Type alias: D3ZoomHandler
      • Type alias: DefaultEdgeOptions
      • Type alias: DefaultEdgeTypes
      • Type alias: DefaultNodeTypes
      • Type alias: EdgeChange
      • Type alias: EdgeComponent
      • Type alias: EdgeEventsEmit<CustomEvents>
      • Type alias: EdgeEventsHandler<CustomEvents>
      • Type alias: EdgeEventsOn<CustomEvents>
      • Type alias: EdgeMarkerType
      • Type alias: EdgeRemoveChange
      • Type alias: EdgeSelectionChange
      • Type alias: Element<Data>
      • Type alias: ElementChange
      • Type alias: ElementData
      • Type alias: Elements<Data>
      • Type alias: FitBounds
      • Type alias: FitBoundsOptions
      • Type alias: FitView
      • Type alias: FitViewParams
      • Type alias: FlowElement<Data>
      • Type alias: FlowElements<Data>
      • Type alias: FlowHooks
      • Type alias: FlowHooksEmit
      • Type alias: FlowHooksOn
      • Type alias: FlowOptions
      • Type alias: GetTransform
      • Type alias: GraphEdge<Data, CustomEvents>
      • Type alias: HandleType
      • Type alias: HeightFunc
      • Type alias: KeyCode
      • Type alias: MiniMapNodeFunc
      • Type alias: MouseTouchEvent
      • Type alias: NodeChange
      • Type alias: NodeComponent
      • Type alias: NodeEventsEmit<CustomEvents>
      • Type alias: NodeEventsHandler<CustomEvents>
      • Type alias: NodeEventsOn<CustomEvents>
      • Type alias: Project
      • Type alias: RemoveEdges
      • Type alias: RemoveNodes
      • Type alias: SetCenter
      • Type alias: SetCenterOptions
      • Type alias: SetEdges
      • Type alias: SetElements
      • Type alias: SetNodes
      • Type alias: SetState
      • Type alias: SetTransform
      • Type alias: ShapeRendering
      • Type alias: SnapGrid
      • Type alias: StyleFunc<ElementType>
      • Type alias: Styles
      • Type alias: ThemeVars
      • Type alias: UpdateEdge
      • Type alias: UpdateNodeDimensions
      • Type alias: UpdateNodeInternals
      • Type alias: UpdateNodePosition
      • Type alias: ValidConnectionFunc
      • Type alias: VueFlowStore
      • Type alias: WidthFunc
      • Type alias: XYZPosition
      • Type alias: ZoomInOut
      • Type alias: ZoomTo
    • Variables

      • Variable: defaultEdgeTypes
      • Variable: defaultNodeTypes

@braks/vue-flow / NodeChange

# Type alias: NodeChange

Ƭ NodeChange: NodeDimensionChange | NodePositionChange | NodeSelectionChange | NodeRemoveChange | NodeAddChange

Type alias: MouseTouchEvent Type alias: NodeComponent

MIT Licensed | Copyright © 2021-present Burak Cakmakoglu