refactor: pass props to edge/nodewrapper separately

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
2021-11-22 01:22:27 +01:00
parent a03f658794
commit c35673c622
18 changed files with 204 additions and 148 deletions
@@ -40,9 +40,30 @@ export default {
    <g :transform="transform">
      <Edge
        v-for="(edge, i) of store.getEdges"
+        :id="edge.id"
        :key="`${edge.id}-${i}`"
        :edge="edge"
-        :marker-end-id="props.markerEndId"
+        :type="edge.type"
+        :source="edge.source"
+        :target="edge.target"
+        :source-handle="edge.sourceHandle"
+        :target-handle="edge.targetHandle"
+        :selected="edge.selected"
+        :source-position="edge.sourcePosition"
+        :target-position="edge.targetPosition"
+        :label="edge.label"
+        :label-tyle="edge.labelStyle"
+        :label-show-bg="edge.labelShowBg"
+        :label-bg-style="edge.labelBgStyle"
+        :label-bg-padding="edge.labelBgPadding"
+        :label-bg-border-radius="edge.labelBgBorderRadius"
+        :style="edge.style"
+        :animated="edge.animated"
+        :arrow-head-type="edge.arrowHeadType"
+        :data="edge.data"
+        :class="edge.class"
+        :is-hidden="edge.isHidden"
+        :marker-end-id="edge.markerEndId ?? props.markerEndId"
        :edge-updater-radius="props.edgeUpdaterRadius"
      >
        <template #default="edgeProps">