feat: Add slots to edges and nodes

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
2021-11-18 03:19:13 +01:00
parent f22a3baa90
commit 8b82c4fb33
8 changed files with 70 additions and 50 deletions
@@ -70,15 +70,17 @@ export default {
 </script>
 <template>
  <path :style="props.style" class="vue-flow__edge-path" :d="path" :marker-end="markerEnd" />
-  <EdgeText
-    v-if="props.label"
-    :x="centerX"
-    :y="centerY"
-    :label="props.label"
-    :label-style="props.labelStyle"
-    :label-show-bg="props.labelShowBg"
-    :label-bg-style="props.labelBgStyle"
-    :label-bg-padding="props.labelBgPadding"
-    :label-bg-border-radius="props.labelBgBorderRadius"
-  />
+  <slot>
+    <EdgeText
+      v-if="props.label"
+      :x="centerX"
+      :y="centerY"
+      :label="props.label"
+      :label-style="props.labelStyle"
+      :label-show-bg="props.labelShowBg"
+      :label-bg-style="props.labelBgStyle"
+      :label-bg-padding="props.labelBgPadding"
+      :label-bg-border-radius="props.labelBgBorderRadius"
+    />
+  </slot>
 </template>