Moved translateX to ArrowMixin.ts

mermaid-js · Nov 21, 2024 · da936aa · da936aa
1 parent 316db2e
commit da936aa
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 21 deletions.
diff --git a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/ArrowMixin.ts b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/ArrowMixin.ts
@@ -59,7 +59,14 @@ export default defineComponent({
     anchorTarget: function (): Anchor {
       return new Anchor(this.centerOf(this.target), this.targetOffset);
     },
-
+    // Both 'left' and 'translateX' can be used to move the element horizontally.
+    // Change it to use translate according to https://stackoverflow.com/a/53892597/529187.
+    translateX: function () {
+      const destination = !this.rightToLeft
+        ? this.anchorSource
+        : this.anchorTarget;
+      return this.anchorOrigin.calculateEdgeOffset(destination);
+    },
     interactionWidth: function (): number {
       return (
         Math.abs(this.anchorSource.calculateEdgeOffset(this.anchorTarget)) -

diff --git a/...mponents/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Interaction/Interaction.vue b/...mponents/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Interaction/Interaction.vue
@@ -111,12 +111,6 @@ export default {
     signature: function () {
       return this.message?.SignatureText();
     },
-    translateX: function () {
-      const destination = !this.rightToLeft
-        ? this.anchorSource
-        : this.anchorTarget;
-      return this.anchorOrigin.calculateEdgeOffset(destination);
-    },
     isCurrent: function () {
       return this.message?.isCurrent(this.cursor);
     },

diff --git a/...agramFrame/SeqDiagram/MessageLayer/Block/Statement/InteractionAsync/Interaction-async.vue b/...agramFrame/SeqDiagram/MessageLayer/Block/Statement/InteractionAsync/Interaction-async.vue
@@ -146,14 +146,6 @@ export default {
     anchorTarget: function () {
       return new Anchor(this.centerOf(this.target), this.targetOffset);
     },
-    // Both 'left' and 'translateX' can be used to move the element horizontally.
-    // Change it to use translate according to https://stackoverflow.com/a/53892597/529187.
-    translateX: function () {
-      const destination = !this.rightToLeft
-        ? this.anchorSource
-        : this.anchorTarget;
-      return this.anchorOrigin.calculateEdgeOffset(destination);
-    },
     signature: function () {
       return this.asyncMessage?.content()?.getFormattedText();
     },

diff --git a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Return/Return.vue b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Return/Return.vue
@@ -80,12 +80,6 @@ export default {
     asyncMessage: function () {
       return this.ret?.asyncMessage();
     },
-    translateX: function () {
-      const destination = !this.rightToLeft
-        ? this.anchorSource
-        : this.anchorTarget;
-      return this.anchorOrigin.calculateEdgeOffset(destination);
-    },
     left: function () {
       return this.rightToLeft
         ? this.distance(this.target, this.origin)