TheCloud/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-09-12 22:35:44 -04:00
Code Issues Packages Projects Releases Wiki Activity

Long inside-other binding

Browse Source
This commit is contained in:
Mark Tolmacs 2025-07-31 18:11:28 +02:00
parent e2e729d761
commit e6056fe7c4
No known key found for this signature in database
1 changed files with 38 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
packages/element/src/binding.ts
View File

@ -322,6 +322,9 @@ const bindingStrategyForNewSimpleArrowEndpointDragging = (
let start: BindingStrategy = { mode: undefined };
let end: BindingStrategy = { mode: undefined };
const arrowOriginalStartPoint =
appState?.selectedLinearElement?.pointerDownState.arrowOriginalStartPoint;
const point = LinearElementEditor.getPointGlobalCoordinates(
arrow,
draggingPoints.get(startDragged ? startIdx : endIdx)!.point,
@ -362,9 +365,6 @@ const bindingStrategyForNewSimpleArrowEndpointDragging = (
if (endDragged) {
// Inside -> inside binding
if (hovered && hit && arrow.startBinding?.elementId === hovered.id) {
const arrowOriginalStartPoint =
appState?.selectedLinearElement?.pointerDownState
.arrowOriginalStartPoint;
invariant(
arrowOriginalStartPoint,
"appState.selectedLinearElement.pointerDownState.arrowOriginalStartPoint must be defined for new arrow creation",
@ -382,14 +382,22 @@ const bindingStrategyForNewSimpleArrowEndpointDragging = (
// Inside -> orbit binding
if (hovered && !hit && arrow.startBinding?.elementId === hovered.id) {
invariant(
arrowOriginalStartPoint,
"appState.selectedLinearElement.pointerDownState.arrowOriginalStartPoint must be defined for new arrow creation",
);
const center = pointFrom<GlobalPoint>(
hovered.x + hovered.width / 2,
hovered.y + hovered.height / 2,
);
return {
start: {
mode: "orbit",
mode: globalBindMode === "inside" ? "inside" : "orbit",
element: hovered,
focusPoint: pointFrom<GlobalPoint>(
hovered.x + hovered.width / 2,
hovered.y + hovered.height / 2,
),
focusPoint:
globalBindMode === "inside" ? arrowOriginalStartPoint : center,
},
end: { mode: null },
};
@ -397,29 +405,41 @@ const bindingStrategyForNewSimpleArrowEndpointDragging = (
// Inside -> outside binding
if (arrow.startBinding && arrow.startBinding.elementId !== hovered?.id) {
invariant(
arrowOriginalStartPoint,
"appState.selectedLinearElement.pointerDownState.arrowOriginalStartPoint must be defined for new arrow creation",
);
const otherElement = elementsMap.get(arrow.startBinding.elementId);
invariant(otherElement, "Other element must be in the elements map");
const center = pointFrom<GlobalPoint>(
otherElement.x + otherElement.width / 2,
otherElement.y + otherElement.height / 2,
);
const otherIsInsideBinding = arrow.startBinding?.mode === "inside";
// We need to "jump" the start point out with the detached
// focus point of the center of the bound element
const other: BindingStrategy = {
mode: "orbit",
mode: otherIsInsideBinding ? "inside" : "orbit",
element: otherElement as ExcalidrawBindableElement,
focusPoint: pointFrom<GlobalPoint>(
otherElement.x + otherElement.width / 2,
otherElement.y + otherElement.height / 2,
),
focusPoint: otherIsInsideBinding ? arrowOriginalStartPoint : center,
};
let current: BindingStrategy;
if (hovered) {
const isInsideBinding =
globalBindMode === "inside" || isAlwaysInsideBinding(hovered);
current = {
mode:
globalBindMode === "inside" || isAlwaysInsideBinding(hovered)
? "inside"
: "orbit",
mode: isInsideBinding ? "inside" : "orbit",
element: hovered,
focusPoint: point,
focusPoint: isInsideBinding
? point
: pointFrom<GlobalPoint>(
hovered.x + hovered.width / 2,
hovered.y + hovered.height / 2,
),
};
} else {
current = { mode: null };