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.
#1375 0754e79
Thanks @bcakmakoglu! - Pass pathOptions to edges
#1389 f62f2ca
Thanks @bcakmakoglu! - Prevent delete key action inside input field even if modifier is pressed.
#1373 a88cd9e
Thanks @bcakmakoglu! - Set ltr on vue flow wrapper
#1374 2821c32
Thanks @bcakmakoglu! - Allow pinch-zoom if preventScrolling is disabled
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.33.5...v1.33.6
b5beac2
Thanks @bcakmakoglu! - Store current Storage instance on vue app to avoid hydration errors.Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.33.4...v1.33.5
376d0ac
Thanks @bcakmakoglu! - Revert extending FlowEmits from separate interfaces for nodes and edges as it breaks event definitions for the actual component, causing warnings that the event was emitted by isn't defined.Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.32.1...v1.33.4
89b76a1
Thanks @bcakmakoglu! - Use separate interfaces for Edge- and NodeEvents and extend FlowEmit interface from them. Fixes edge events overwriting node event definitions when types are created.Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.32.1...v1.33.3
#1338 f3c09ce
Thanks @bcakmakoglu! - Use nullish check to fallback to default center values in getSmoothstepPath
#1339 eb20a0f
Thanks @bcakmakoglu! - Check if node dimensions exist in useNodesInitialized
#1335 ed5d104
Thanks @bcakmakoglu! - Remove ref
prop from BaseEdge
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.32.1...v1.33.2
9b5d496
Thanks @bcakmakoglu! - Correct return type of useNodesData
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.33.0...v1.33.1
#1323 ed4ccf4
Thanks @bcakmakoglu! - Add node id and node type to return of useNodesData
.
⚠️This is a small breaking change from the previous implementation!
Previously you would only receive the data object back, now you will receive an object with the data and the node id and type.
const nodesData = useNodesData(nodeIds);
// Previously
nodesData.forEach((data) => {
// ...
});
// Now
nodesData.forEach(({ id, type, data }) => {
// ...
});
#1326 78a604c
Thanks @bcakmakoglu! - Use default cursor for nodes and use grab cursor if node is draggable
#1324 c964220
Thanks @bcakmakoglu! - Prevent esc keypress triggers when keyboard a11y is disabled
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.32.1...v1.33.0
14c4253
Thanks @bcakmakoglu! - Correct smoothstep edge pathingFull Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.32.0...v1.32.1
#1301 1c8d15e
Thanks @github-actions! - Use data obj in default nodes to get label
#1307 290bca3
Thanks @bcakmakoglu! - Add edgeId
to useHandleConnections
return value
#1301 1c8d15e
Thanks @github-actions! - Update composables jsdocs
#1313 ce98113
Thanks @bcakmakoglu! - Wrap edge marker urls with single quotes to allow for css vars as color
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.31.0...v1.32.0