github bcakmakoglu/vue-flow v1.10.0

latest releases: @vue-flow/core@1.41.2, v1.41.2, v1.41.1...
21 months ago

What's Changed

  • refactor(core): allow omitting width/height styles for parent nodes by @bcakmakoglu in #578
  • feat(core): allow setting padding for extent parent by @bcakmakoglu in #579
  • chore: next release by @github-actions in #580

🚀 New Features

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.

Usage

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: v1.9.4...v1.10.0

Don't miss a new vue-flow release

NewReleases is sending notifications on new releases.