alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(edges): pass edge styles to edge path

Browse Source
This commit is contained in:
braks
2022-10-14 23:47:32 +02:00
committed by Braks
parent 285ff5ac30
commit 34685a50c6
2 changed files with 1 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/core/src/components/Edges/Wrapper.ts
+1 -1
View File
@@ -181,7 +181,7 @@ const Wrapper = defineComponent({
labelBgBorderRadius: edge.labelBgBorderRadius, labelBgBorderRadius: edge.labelBgBorderRadius,
data: edge.data, data: edge.data,
events: { ...edge.events, ...hooks.on }, events: { ...edge.events, ...hooks.on },
style: edge.style, style: (edge.style instanceof Function ? edge.style(edge) : edge.style) || {},
markerStart: `url(#${getMarkerId(edge.markerStart)})`, markerStart: `url(#${getMarkerId(edge.markerStart)})`,
markerEnd: `url(#${getMarkerId(edge.markerEnd)})`, markerEnd: `url(#${getMarkerId(edge.markerEnd)})`,
sourcePosition, sourcePosition,
packages/core/src/container/EdgeRenderer/EdgeRenderer.vue
-3
View File
@@ -118,8 +118,6 @@ const getClass = (edge: GraphEdge) => {
const extraClass = edge.class instanceof Function ? edge.class(edge) : edge.class const extraClass = edge.class instanceof Function ? edge.class(edge) : edge.class
return [noPanClassName, extraClass] return [noPanClassName, extraClass]
} }
const getStyle = (edge: GraphEdge) => (edge.style instanceof Function ? edge.style(edge) : edge.style) as CSSProperties
</script> </script>
<script lang="ts"> <script lang="ts">
@@ -143,7 +141,6 @@ export default {
:target-node="getNode(edge.target)" :target-node="getNode(edge.target)"
:selectable="selectable(edge.selectable)" :selectable="selectable(edge.selectable)"
:updatable="updatable(edge.updatable)" :updatable="updatable(edge.updatable)"
:style="getStyle(edge)"
:class="getClass(edge)" :class="getClass(edge)"
/> />
</g> </g>