feat(edgeless): group

[regischen]

close #4999

notes

1. group is designed as surface-element, and have children of Y.Map field.
2. surfaceBlock add private groupMap property for tracking child to it's group. And provide getGroup and setGroup method.
3. SelectionManager now has a _activeGroup property, which is to track current activated group for interaction
4. groupRootId constant, virtual root group id.

Because Y.Map doesn't support Set value, so here using array
just make a update size test
100 shape elements

children type	group patch size	release one patch size	total size
Y.Map	2338	11	49715
Array	1340	1248	48720

50 shape elements

children type	group patch size	release one patch size
Y.Map	1238	11
Array	740	618

10 shape Elements

children type	group patch size	release one patch size
Y.Map	358	11
Array	259	138

2 shape Elements

children type	group patch size	release one patch size
Y.Map	181	11
Array	164	42

we can see that when group size is becoming larger, the Group operation size of Y.Map is becoming larger. But it's updating patch size is constantly small.
However the updating patch size of Array is also becoming larger.
Besides if type is array, the searching would also be inefficient.
So maybe Y.Map is good choice?
@doodlewind

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
blocksuite	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 25, 2023 4:58am

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
blocksuite-docs	⬜️ Ignored (Inspect)	Visit Preview		Oct 25, 2023 4:58am

[doodlewind]

All EdgelessElement all have group property which is updated in runtime. for searching from child to parent.

This should not be persisted into CRDT.

[regischen]

All EdgelessElement all have group property which is updated in runtime. for searching from child to parent.

This should not be persisted into CRDT.

of course

[doodlewind]

All these _getFoo template getters are not align with our best practice. The expected usage should be using pure functions like function CreateGroundButton(props) {} for wrapping these components. See the "Function Components
" part in lit docs.

[regischen]

YMap value doesn't support Set type