From 140975d058ca2310b0dc6f64de2e5a7e4b5880d7 Mon Sep 17 00:00:00 2001
From: MrCoder <eagle.xiao@gmail.com>
Date: Thu, 28 Nov 2024 13:43:25 +1100
Subject: [PATCH] refactor(components): adjust fragment components to use
 consistent data attributes

- Remove redundant `:data-from` attribute
- Add missing `:data-origin` attribute to FragmentCritical, FragmentLoop, FragmentPar, FragmentRef, and FragmentTryCatchFinally components
- Reorder attributes for better readability
---
 .../Block/Statement/Fragment/FragmentAlt.vue             | 1 -
 .../Block/Statement/Fragment/FragmentCritical.vue        | 4 ++++
 .../Block/Statement/Fragment/FragmentLoop.vue            | 4 ++++
 .../Block/Statement/Fragment/FragmentOpt.vue             | 1 -
 .../Block/Statement/Fragment/FragmentPar.vue             | 9 ++++++++-
 .../Block/Statement/Fragment/FragmentRef.vue             | 4 ++++
 .../Block/Statement/Fragment/FragmentSection.vue         | 7 ++++---
 .../Block/Statement/Fragment/FragmentTryCatchFinally.vue | 9 ++++++++-
 8 files changed, 32 insertions(+), 7 deletions(-)

diff --git a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentAlt.vue b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentAlt.vue
index f0bb5739..d4d56d82 100644
--- a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentAlt.vue
+++ b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentAlt.vue
@@ -1,7 +1,6 @@
 <template>
   <div
     :data-origin="origin"
-    :data-from="origin"
     :data-left-participant="leftParticipant"
     :data-frame-padding-left="border.left"
     :data-frame-padding-right="border.right"
diff --git a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentCritical.vue b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentCritical.vue
index 7ad2c84a..407866cd 100644
--- a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentCritical.vue
+++ b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentCritical.vue
@@ -1,5 +1,9 @@
 <template>
   <div
+    :data-origin="origin"
+    :data-left-participant="leftParticipant"
+    :data-frame-padding-left="border.left"
+    :data-frame-padding-right="border.right"
     class="fragment critical border-skin-fragment rounded relative"
     :style="fragmentStyle"
   >
diff --git a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentLoop.vue b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentLoop.vue
index 4b00e269..4b9cbdb6 100644
--- a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentLoop.vue
+++ b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentLoop.vue
@@ -1,5 +1,9 @@
 <template>
   <div
+    :data-origin="origin"
+    :data-left-participant="leftParticipant"
+    :data-frame-padding-left="border.left"
+    :data-frame-padding-right="border.right"
     class="fragment loop border-skin-fragment rounded"
     :style="fragmentStyle"
   >
diff --git a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentOpt.vue b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentOpt.vue
index e9c697fa..8d2b37dd 100644
--- a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentOpt.vue
+++ b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentOpt.vue
@@ -1,7 +1,6 @@
 <template>
   <div
     :data-origin="origin"
-    :data-from="origin"
     :data-left-participant="leftParticipant"
     :data-frame-padding-left="border.left"
     :data-frame-padding-right="border.right"
diff --git a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentPar.vue b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentPar.vue
index 7063edf7..ba5740e2 100644
--- a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentPar.vue
+++ b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentPar.vue
@@ -1,5 +1,12 @@
 <template>
-  <div class="fragment par border-skin-fragment rounded" :style="fragmentStyle">
+  <div
+    :data-origin="origin"
+    :data-left-participant="leftParticipant"
+    :data-frame-padding-left="border.left"
+    :data-frame-padding-right="border.right"
+    class="fragment par border-skin-fragment rounded"
+    :style="fragmentStyle"
+  >
     <comment
       v-if="commentObj.text"
       :comment="comment"
diff --git a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentRef.vue b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentRef.vue
index e538ad91..b3c05560 100644
--- a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentRef.vue
+++ b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentRef.vue
@@ -1,5 +1,9 @@
 <template>
   <div
+    :data-origin="origin"
+    :data-left-participant="leftParticipant"
+    :data-frame-padding-left="border.left"
+    :data-frame-padding-right="border.right"
     class="fragment bg-skin-frame border-skin-fragment relative rounded min-w-[140px] w-max py-4 px-2 flex justify-center items-center flex-col"
     :style="fragmentStyle"
   >
diff --git a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentSection.vue b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentSection.vue
index e9f81dbd..b8f9c7db 100644
--- a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentSection.vue
+++ b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentSection.vue
@@ -1,10 +1,11 @@
 <template>
   <div
-    class="fragment section border-skin-fragment rounded"
-    :style="fragmentStyle"
+    :data-origin="origin"
+    :data-left-participant="leftParticipant"
     :data-frame-padding-left="border.left"
     :data-frame-padding-right="border.right"
-    :data-left-participant="leftParticipant"
+    class="fragment section border-skin-fragment rounded"
+    :style="fragmentStyle"
   >
     <div class="segment">
       <comment
diff --git a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentTryCatchFinally.vue b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentTryCatchFinally.vue
index 94330bc2..ffc4a562 100644
--- a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentTryCatchFinally.vue
+++ b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentTryCatchFinally.vue
@@ -1,5 +1,12 @@
 <template>
-  <div class="fragment tcf border-skin-fragment rounded" :style="fragmentStyle">
+  <div
+    :data-origin="origin"
+    :data-left-participant="leftParticipant"
+    :data-frame-padding-left="border.left"
+    :data-frame-padding-right="border.right"
+    class="fragment tcf border-skin-fragment rounded"
+    :style="fragmentStyle"
+  >
     <div class="segment">
       <comment
         v-if="commentObj.text"