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 about 1 year ago
f1421f43
Thanks @bcakmakoglu! - Add offsetScale
propPublished by bcakmakoglu about 1 year ago
#1064 07387ebe
Thanks @bcakmakoglu! - fix smooth step edge horizontally or vertically aligned nodes
#1082 e3cc6ddf
Thanks @bcakmakoglu! - Fix scroll speed when using Control btn on windows
#1081 0d36d4cd
Thanks @bcakmakoglu! - Use os specific key defaults (Windows -> Control, Mac -> Meta)
#1065 05821407
Thanks @bcakmakoglu! - Add role img
to edges if not focusable
#1083 13d2e2cb
Thanks @bcakmakoglu! - Improve smoothstep edge label positioning
#1082 e3cc6ddf
Thanks @bcakmakoglu! - Fix horizontal scroll on windows
#1085 03715134
Thanks @bcakmakoglu! - Clear pressed key on keyup event, so that key combinations only work while simulteanously pressing keys
#1084 806f2632
Thanks @bcakmakoglu! - Allow passing key combinations as a simple string instead of wrapping in an array
#1086 641b4d75
Thanks @bcakmakoglu! - Reset isPressed value when switching from a boolean keyFilter to another type of keyFilter
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.22.2...v1.22.3
Published by bcakmakoglu about 1 year ago
50059483
Thanks @bcakmakoglu! - Check if viewport transform is defined before setting in fromObj
actionFull Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.22.1...v1.22.2
Published by bcakmakoglu over 1 year ago
#1048 b230e2ab
Thanks @bcakmakoglu! - Deprecate position
and zoom
props on FlowExportObj
and replace with viewport
#1054 543423c2
Thanks @bcakmakoglu! - ESC key press causing browser error when blur on nodeEl is called
#1048 b230e2ab
Thanks @bcakmakoglu! - Wait for viewport helper when calling fromObject
action
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.22.0...v1.22.1
Published by bcakmakoglu over 1 year ago
#1034 080d8f41
Thanks @bcakmakoglu! - Deprecate getTransform
and setTransform
and add getViewport
and setViewport
instead
#1034 763ea593
Thanks @bcakmakoglu! - Add hasListener
to event hook objects to check if any listeners are bound
#1034 4c191dfe
Thanks @bcakmakoglu! - Return promises from viewport actions that are resolved when the transition of the action has ended
#1034 5d08d68a
Thanks @bcakmakoglu! - Add flag to removeNodes
which allows recursively removing all child nodes of a parent
#1034 5d08d68a
Thanks @bcakmakoglu! - Allow passing string or { id }
type object to getIncomers
and getOutgoers
#1034 080d8f41
Thanks @bcakmakoglu! - Do not wait for the nodes initialized hook to trigger for viewport helper to become ready
#1034 5e1802ca
Thanks @bcakmakoglu! - Destroy state when the creating scope is disposed.
#1034 afd1d235
Thanks @bcakmakoglu! - Watch applyDefault
state in useVueFlow
scope instead of component scope otherwise adding nodes/edges to the state is impossible until the VueFlow
component has mounted unless the changes handlers are explicitly bound by the user.
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.21.3...v1.22.0
Published by bcakmakoglu over 1 year ago
#1033 8585dd53
Thanks @bcakmakoglu! - Use correct handle position as source x,y position of connection lines
#1041 373a345c
Thanks @bcakmakoglu! - Abort fit view when there are no nodes to fit around
#1033 8585dd53
Thanks @bcakmakoglu! - Correct source handle type to be possibly null when passing as prop to custom connection line components
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.21.2...v1.21.3
Published by bcakmakoglu over 1 year ago
#1024 df1c5322
Thanks @bcakmakoglu! - Use flush timing when calculating node positions
#1028 3e11c6f0
Thanks @bcakmakoglu! - Use noop functions instead of waiting for promise to be resolved when triggering viewport actions like fitView, setCenter etc.
#1031 7fcf9c1f
Thanks @bcakmakoglu! - Pass missing handle dom node to valid handle result obj
#1025 ec6765c2
Thanks @bcakmakoglu! - Fix connection line status prop type. Can be string or null.
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.21.1...v1.21.2
Published by bcakmakoglu over 1 year ago
c14941a1
Thanks @bcakmakoglu! - Correct nested nodes position calculationFull Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.21.0...v1.21.1
Published by bcakmakoglu over 1 year ago
f4d8d540
Thanks @bcakmakoglu! - Use correct prop names for class and stylePublished by bcakmakoglu over 1 year ago
#988 cfd33294
Thanks @bcakmakoglu! - Expose template refs from base edge component
#1013 159bc763
Thanks @bcakmakoglu! - Resolve slot templates before falling back to default node/edge components
#1013 159bc763
Thanks @bcakmakoglu! - Deprecate template prop for nodes
#1014 02d2dd58
Thanks @bcakmakoglu! - Clamp node extent by node dimensions to avoid node overflowing the extent by its size
#988 d6d4d5c7
Thanks @bcakmakoglu! - Priotize handle below during handle lookup
#988 f5cfab61
Thanks @bcakmakoglu! - Add style and ref to base edge props to avoid volar ts error
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.20.2...v1.21.0
Published by bcakmakoglu over 1 year ago
#993 98875dd5
Thanks @bcakmakoglu! - Correct handle position calculation during lookup
#994 89972a90
Thanks @bcakmakoglu! - Consider handle dimensions when calculating distance
#993 3585c473
Thanks @bcakmakoglu! - Trigger connect if connection end handle is stored in state
#981 e68c1700
Thanks @bcakmakoglu! - Set interaction edge (invisible overlay path) to no animation to avoid breaking pointer on hover
#993 9ca41aa0
Thanks @bcakmakoglu! - Use isValidHandle with null as closest handle when none can be found
#992 4539f698
Thanks @bcakmakoglu! - Fix connection line path calculation
#993 9ca41aa0
Thanks @bcakmakoglu! - Reset connection end handle state on connection end
#976 0686bb5e
Thanks @bcakmakoglu! - Wrap each edge element in a separate svg container to allow changing z-index of edges without causing a re-render on all of them.
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.20.1...v1.20.2
Published by bcakmakoglu over 1 year ago
bda15cfa
Thanks @bcakmakoglu! - Add align
prop to node toolbarFull Changelog: https://github.com/bcakmakoglu/vue-flow/compare/@vue-flow/[email protected]...@vue-flow/[email protected]
Published by bcakmakoglu over 1 year ago
ee1ab495
Thanks @bcakmakoglu! - Disable zoom-in / zoom-out btns when max or min zoom is reached095ab6af
Thanks @bcakmakoglu! - use OR operator to determine isInteractive
state in controls componentFull Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.20.0...@vue-flow/[email protected]
Published by bcakmakoglu over 1 year ago
#943 22b53569
Thanks @bcakmakoglu! - Fetch current node in drag handler, fixes drag handler using outdated node obj when it has been overwritten
#961 2f75b31c
Thanks @bcakmakoglu! - Avoid inserting invalid nodes into state and throw error msg if invalid node is passed
#956 90e4cf99
Thanks @bcakmakoglu! - Allow passing a MaybeComputedRef type as isValidConnection
arg for useHandle
composable
#954 402da363
Thanks @bcakmakoglu! - Use all handles in connection radius and select closest one that is valid
#951 b81069e5
Thanks @bcakmakoglu! - Set default viewport type as partial
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.20.0...v1.20.1
Published by bcakmakoglu over 1 year ago
#931 ecb9b540
Thanks @github-actions! - Add parent
class name to parent nodes
#931 2e0484b7
Thanks @github-actions! - Allow passing a single element to removeNodes
and removeEdges
actions
#931 11210b4c
Thanks @github-actions! - Add id prop to BaseEdge component and pass id to the edge path
#939 fc68db2d
Thanks @bcakmakoglu! - Add fromObject
function to load a graph from a flow export obj
#931 0a090681
Thanks @github-actions! - Allow passing a single element to addNodes
or addEdges
actions
#931 aef0ec51
Thanks @github-actions! - When handles are on top of each other, try to pick the one closest to center and/or one that is of type target
a840e73b
Thanks @bcakmakoglu! - Do not render edges that are connected to a hidden nodeFull Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.19.4...v1.20.0
Published by bcakmakoglu over 1 year ago
#924 f292bfd6
Thanks @bcakmakoglu! - Check if transform has changed in panBy before applying the new transform
#923 caafee4e
Thanks @bcakmakoglu! - Properly reset the store state when using $reset
and retain reactivity of store state
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.19.3...v1.19.4
Published by bcakmakoglu over 1 year ago
#916 2dec266
Thanks @bcakmakoglu! - Check if node exists during drag
#910 cbb587f
Thanks @bcakmakoglu! - Emit pane mouse move event if no active selection exists
#909 e823aea
Thanks @bcakmakoglu! - Return bool from panBy and use the val to check if auto-pan should be triggered
#917 6c32065
Thanks @bcakmakoglu! - Prevent orphaned edge warning for edges with deletable: false
when calculating max z-index of edges
#915 2cd746a
Thanks @bcakmakoglu! - Pass selectionKeyCode ref to useKeyPress
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.19.2...v1.19.3
Published by bcakmakoglu over 1 year ago
9065311
Thanks @bcakmakoglu! - Render nothing when isVisible
prop is set to falseFull Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.19.2...@vue-flow/[email protected]
Published by bcakmakoglu over 1 year ago
c0a03c4
Thanks @github-actions! - Remove border from controlsFull Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.19.1...@vue-flow/[email protected]
Published by bcakmakoglu over 1 year ago
#899 24370a0
Thanks @bcakmakoglu! - Fix focus,focus-visible and selected styles not using proper border colors
#889 56d7873
Thanks @bcakmakoglu! - Set vue flow version as regular string instead of a ref
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.19.1...v1.19.2