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 almost 2 years ago
Published by bcakmakoglu almost 2 years ago
Published by bcakmakoglu almost 2 years ago
Published by bcakmakoglu almost 2 years ago
Published by bcakmakoglu almost 2 years ago
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.12.2...v1.12.3
Published by bcakmakoglu almost 2 years ago
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.12.1...v1.12.2
Published by bcakmakoglu almost 2 years ago
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.12.0...v1.12.1
Published by bcakmakoglu almost 2 years ago
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.11.1...v1.12.0
Published by bcakmakoglu almost 2 years ago
focus
and focus-visible
styles to nodes to avoid browser styles by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/597
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.11.0...v1.11.1
Published by bcakmakoglu almost 2 years ago
pre
flush in NodeWrapper
by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/590
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.10.3...v1.11.0
Published by bcakmakoglu almost 2 years ago
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.10.2...v1.10.3
Published by bcakmakoglu almost 2 years ago
Published by bcakmakoglu almost 2 years ago
Published by bcakmakoglu almost 2 years ago
Published by bcakmakoglu almost 2 years ago
Published by bcakmakoglu almost 2 years ago
Published by bcakmakoglu almost 2 years ago
calcNextPosition
by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/584
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.10.1...v1.10.2
Published by bcakmakoglu almost 2 years ago
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.10.0...v1.10.1
Published by bcakmakoglu almost 2 years ago
You can now use padding
on parent
extent option.
Padding can be a number[]
containing a maximum of 4 values.
The values are applied in the same order as CSS padding: top, right, bottom, left.
You can omit values at the end of the array, so [10, 20]
is equivalent to [10, 20, 10, 20]
etc.
const nodes = ref([
{
id: '4',
label: 'Node 4',
position: { x: 320, y: 200 },
style: { backgroundColor: 'rgba(255, 0, 0, 0.7)', width: '300px', height: '300px' },
},
{
id: '4a',
label: 'Node 4a',
position: { x: 15, y: 65 },
class: 'light',
extent: {
range: 'parent',
// apply 10 px padding to all four sides
padding: [10],
},
parentNode: '4',
},
])
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.9.4...v1.10.0
Published by bcakmakoglu almost 2 years ago
Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.9.3...v1.9.4