A highly customizable Flowchart component for Vue 3. Features seamless zoom & pan 🔎, additional components like a Minimap 🗺 and utilities to interact with state and graph.
MIT License
Published by bcakmakoglu 9 months ago
31817d3
Thanks @bcakmakoglu! - Check if event.key
or event.code
exists before trying to match keyfilter against keysFull Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.29.1...v1.29.2
Published by bcakmakoglu 9 months ago
734d2ba
Thanks @bcakmakoglu! - Watch shouldPanOnDrag
& shouldPanOnScroll
to determine whether listeners should be bound or notFull Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.29.0...v1.29.1
Published by bcakmakoglu 9 months ago
#1237 16c7d32
Thanks @bcakmakoglu! - Expose handleClick and handlePointerDown from handle components
#1238 dd4cbe0
Thanks @bcakmakoglu! - Add useConnection
composable for easy access of current connection params
#1243 b5e77a4
Thanks @bcakmakoglu! - Pass vueflow id to getMarkerId
in connection line component
#1236 be15b5a
Thanks @github-actions! - Add default event handler when no handlers for a given event exist anymore
#1250 f3c786f
Thanks @bcakmakoglu! - Allow panning on scroll when selection is active
#1236 d46ac3a
Thanks @github-actions! - Merge connection line styles with options
#1250 b71754f
Thanks @bcakmakoglu! - Return false for boolean key filter and set the isPressed
ref to whatever the keyFilter would be (true/false)
#1250 4109cf1
Thanks @bcakmakoglu! - Await fitView before emitting pane-ready
#1236 d46ac3a
Thanks @github-actions! - Add fallback for connection line type (bezier as default)
Handle styles have been changed to not use fixed top/left values to position handles.
This can be a breaking change if you were repositioning handles via CSS!
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.28.0...v1.29.0
Published by bcakmakoglu 9 months ago
Published by bcakmakoglu 10 months ago
845d591
Thanks @bcakmakoglu! - Add source and target handle ids to removal change of edges.Published by bcakmakoglu 10 months ago
#1216 80924fa
Thanks @bcakmakoglu! - Add minimap slot types
#1216 2aad7c5
Thanks @bcakmakoglu! - Add MiniMapNodeEmits
interface
Published by bcakmakoglu 11 months ago
2b4ed51
Thanks @bcakmakoglu! - Use relative paths for imports.Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.27.0...v1.27.1
Published by bcakmakoglu 11 months ago
#1203 161f4808
Thanks @bcakmakoglu! - Set default node drag threshold to 1
#1212 39cd3027
Thanks @bcakmakoglu! - Return promise from fromObject
action. Promise is resolved when transition of setViewport
ends
cda531f5
Thanks @bcakmakoglu! - Add nullish check when looking up the edge label renderer elFull Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.26.0...v1.27.0
Published by bcakmakoglu 11 months ago
b0e6ac79
Thanks @bcakmakoglu! - Pass correct node id to resize controlFull Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.26.0...@vue-flow/[email protected]
Published by bcakmakoglu 12 months ago
bc793ab9
Thanks @bcakmakoglu! - Keep connection lines snapped while hovering over handles1aa69c59
Thanks @bcakmakoglu! - Use correct prop value when prop watcher is executed instead of using prop key as valueFull Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.25.3...v1.26.0
Published by bcakmakoglu 12 months ago
#1184 6639551b
Thanks @bcakmakoglu! - Respect zoom activation key code when hovering an element with nopan
on it
#1183 d43852b0
Thanks @bcakmakoglu! - Use nodeRect to check for intersections
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.25.2...v1.25.3
Published by bcakmakoglu 12 months ago
29c01f42
Thanks @bcakmakoglu! - Revert importing types from vue instead of vueuse/core as it causes handle position to be messed upFull Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.25.1...v1.25.2
Published by bcakmakoglu 12 months ago
#1177 c9787c2b
Thanks @bcakmakoglu! - Wait for d3zoom to exist before setting options
#1174 4cefa322
Thanks @bcakmakoglu! - Import toValue
from vueuse/core to avoid amiguous export with vue
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.25.0...v1.25.1
Published by bcakmakoglu 12 months ago
#1170 cce71c9c
Thanks @bcakmakoglu! - Add currently stored nodes to isValidConnection args
#1166 993c058b
Thanks @bcakmakoglu! - Add slots and emits type definitions
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.24.2...v1.25.0
Published by bcakmakoglu 12 months ago
#1164 e3edb6dd
Thanks @bcakmakoglu! - Properly cleanup drag handlers when drag is disabled
#1163 56469e95
Thanks @bcakmakoglu! - Use existing node, if one was passed, for intersection checks
#1159 8013c9cf
Thanks @bcakmakoglu! - Add immediate flag to prop watchers. Fixes default viewport values not being available when viewport is mounted
#1159 8013c9cf
Thanks @bcakmakoglu! - Do not wait for d3zoom to be available when setting min/max zoom
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.24.1...v1.24.2
Published by bcakmakoglu 12 months ago
c2a74f57
Thanks @bcakmakoglu! - Allow pan on drag when pan activation key is pressed and panOnDrag is set to falseFull Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.24.0...v1.24.1
Published by bcakmakoglu 12 months ago
#1149 d11e59f1
Thanks @bcakmakoglu! - Allow adding edges with missing source or target node to state but don't render them unless source and target exist
#1146 6f93bbbb
Thanks @bcakmakoglu! - Use viewport and vueflow refs directly from store instead of assigning valuesafter mount
#1128 0ff65bf2
Thanks @github-actions! - Use nodes from state as the default third arg for getIntersectingNodes
#1128 7d153860
Thanks @github-actions! - Use correct filter for pan on scroll class name
#1147 6bc391c6
Thanks @bcakmakoglu! - Release apply default handlers when scope is disposed
#1146 6f93bbbb
Thanks @bcakmakoglu! - Allow panning while pan key is pressed
#1139 eee9bd87
Thanks @bcakmakoglu! - Create a key predicate for string key filters and check if we need to use event.key
or event.code
to match the key
#1128 f5138157
Thanks @github-actions! - select nodes on click when nodeDragThreshold > 0
#1149 a7fe412a
Thanks @bcakmakoglu! - Push component emit handlers into the emit fns set instead of using the on
helper which overwrites any existing default handlers
#1128 84e98305
Thanks @github-actions! - Update to use vue 3.3
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.23.0...v1.24.0
Published by bcakmakoglu about 1 year ago
#1121 5b9340bd
Thanks @bcakmakoglu! - Allow using expandParent
together with parent
extent
#1117 7c6daff7
Thanks @bcakmakoglu! - Add getIncomers
, getOutgoers
and getConnectedEdges
as store actions
#1115 2bc9317c
Thanks @bcakmakoglu! - Cleanup node handlebounds when a handle is unmounted
#1112 e526139f
Thanks @bcakmakoglu! - Add nodeDragThreshold
option
#1118 5802acc9
Thanks @bcakmakoglu! - Add areNodesInitialized
gettet to store
#1106 5c1df240
Thanks @bcakmakoglu! - Add source and target node ids to edge removal changes
#1119 78cf8bb0
Thanks @bcakmakoglu! - add flowToScreenCoordinate
& screenToFlowCoordinate
to viewport actions
#1116 8a29faa8
Thanks @bcakmakoglu! - Allow passing a number as connectable prop to allow a specific number of connections per handle
#1120 4015e358
Thanks @bcakmakoglu! - Respect pan on scroll class name
#1122 59171593
Thanks @bcakmakoglu! - disable panning when panOnDrag
is false
#1110 03247e00
Thanks @bcakmakoglu! - unselect edge if selected and multi-selection is active
#1123 2f7a0fe1
Thanks @bcakmakoglu! - Queue node dimensions update to next tick
Published by bcakmakoglu about 1 year ago
1f3c85a6
Thanks @bcakmakoglu! - Wait for node dimensions to be initialised before enforcing min/max height/width on nodesPublished by bcakmakoglu about 1 year ago
48bcb29c
Thanks @bcakmakoglu! - Enforce minHeight, minWidth and maxHeight, maxWidth by updating node styles whenever these props change (if an update is necessary)