feat(edgeless): connector supports text label

[fundon]

The connector supports text label.
There are three modes in connector: Straight Orthogonal Curve, need to be handled separately.

Connector Label

• Add
  • By button, default position is at the center of the path
  • By double-clicked position, along the path
• Edit
  • By button
  • By double-clicking connector
  • By double-clicking label
• Select
  • Show component toolbar
  • Adjust styles: font, color
  • Adjust index: front back
  • Support for moving along the path
  • Auto adjust position when adjusting connector's source or target
• Remove
  • Select Label, and press Delete
  • Select Connector and Label, and press Delete or CMD+A + Delete
  • Select Connector, and press Delete, Label will also be deleted
• Selection
  • Select both connector and label should only show the connector's toolbar

• fix selection(shift+ click)
• fix snap
• fix tests
• add tests

Updates

This will be split into smaller PRs.

• Feat: add connector label #7106

[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	Apr 22, 2024 2:51am

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
blocksuite-docs	⬜️ Ignored (Inspect)	Visit Preview		Apr 22, 2024 2:51am

[graphite-app]

Your org has enabled the Graphite merge queue for merging into master

Add the label “merge” to the PR and Graphite will automatically add it to the merge queue when it’s ready to merge.

You must have a Graphite account in order to use the merge queue. Sign up using this link.

[fundon]

• fix(edgeless): should check outside maxWidth constraint #6695
• feat(edgeless): connector supports text label #6665 👈
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @fundon and the rest of your teammates on Graphite

[doodlewind]

The data structure updates should be listed in PR description.

[fundon]

I think Connector Label should be a standalone element to support selection, adjusting styles, dragging and dropping to move the position, adjusting the index.

[doouding]

Is there any special with connector text comparing to shape text?

[fundon]

Is there any special with connector text comparing to shape text?

1. text can be selected
2. supported by 1, move on the path(curve)
3. supported by 1, adjust style and index