Feature request -- Multiple elements get the total width and height position

[kechen123]

Hi @ dayrush. When i select multiple elements, several of them are a group. I need to add a border for the group. I need to provide a method to calculate the total width, height, and location of multiple elements, such as an active area. Maybe "movable" can achieve this function.

[daybrush]

@kechen123

Ooh, that feature doesn't exist yet. But it seems possible.

If my understanding is correct, I'm going to make an example like this:

<Moveable
    target={[target1, target2, target3, target4]}
    groups={[
         [target1, target2, target3],
    ]} />

Please comment.

[kechen123]

@daybrush You understand correctly,

If "movable" has this function, it's exciting.

Group nesting can be considered

[daybrush]

@kechen123

Moveable's new version is released.

Support Multiple Groups. [0, 1, 2] is single group. [[0, 1], 2] is multiple group.

target={[[0, 1], 2]}

[daybrush]

See demos:

https://daybrush.com/moveable/storybook2/?path=/story/group--multiple-group

Multiple Group with Selecto

https://daybrush.com/moveable/storybook2/?path=/story/combination-with-other-components--use-selecto-with-multiple-group