35 lines
780 B
Markdown
35 lines
780 B
Markdown
---
|
|
'@vue-flow/core': minor
|
|
---
|
|
|
|
Allow setting `padding` option for `node.extent: 'parent'`
|
|
|
|
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
|
|
|
|
```js
|
|
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',
|
|
},
|
|
])
|
|
```
|