import { computed, defineComponent } from 'vue';
import { getBezierPath, getEdgeCenter, getMarkerEnd } from '../../src';
import { DefaultEdgeProps } from '../../src/components/Edges/utils';
export default defineComponent({
props: {
...DefaultEdgeProps
},
setup(props) {
const onEdgeClick = (evt: Event, id: string) => {
evt.stopPropagation();
alert(`remove ${id}`);
};
const foreignObjectSize = 40;
const edgePath = computed(() =>
getBezierPath({
sourceX: props.sourceX,
sourceY: props.sourceY,
sourcePosition: props.sourcePosition,
targetX: props.targetX,
targetY: props.targetY,
targetPosition: props.targetPosition
})
);
const markerEnd = computed(() => getMarkerEnd(props.arrowHeadType, props.markerEndId));
const center = computed(() =>
getEdgeCenter({
sourceX: props.sourceX,
sourceY: props.sourceY,
targetX: props.targetX,
targetY: props.targetY
})
);
return () => (
<>
);
}
});