alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed prop names edgeLabel

Browse Source
This commit is contained in:
peterkogo
2024-01-18 15:23:31 +01:00
parent 88aa0fccf3
commit b6b3822787
2 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/svelte/src/lib/components/BaseEdge/BaseEdge.svelte
+1 -2
View File
@@ -18,7 +18,6 @@
let className: $$Props['class'] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
// @todo, why is interactionWidth undefined after first re-render?
let interactionWidthValue = interactionWidth === undefined ? 20 : interactionWidth; let interactionWidthValue = interactionWidth === undefined ? 20 : interactionWidth;
</script> </script>
@@ -43,7 +42,7 @@
{/if} {/if}
{#if label} {#if label}
<EdgeLabel {labelX} {labelY} {labelStyle}> <EdgeLabel x={labelX} y={labelY} style={labelStyle}>
{label} {label}
</EdgeLabel> </EdgeLabel>
{/if} {/if}
packages/svelte/src/lib/components/EdgeLabel/EdgeLabel.svelte
+5 -5
View File
@@ -4,9 +4,9 @@
import { getContext } from 'svelte'; import { getContext } from 'svelte';
import type { BaseEdgeProps } from '../BaseEdge/types'; import type { BaseEdgeProps } from '../BaseEdge/types';
export let labelStyle: BaseEdgeProps['labelStyle'] = undefined; export let style: BaseEdgeProps['labelStyle'] = undefined;
export let labelX: BaseEdgeProps['labelX'] = undefined; export let x: BaseEdgeProps['labelX'] = undefined;
export let labelY: BaseEdgeProps['labelY'] = undefined; export let y: BaseEdgeProps['labelY'] = undefined;
const handleEdgeSelect = useHandleEdgeSelect(); const handleEdgeSelect = useHandleEdgeSelect();
@@ -16,8 +16,8 @@
<EdgeLabelRenderer> <EdgeLabelRenderer>
<div <div
class="svelte-flow__edge-label" class="svelte-flow__edge-label"
style:transform="translate(-50%, -50%) translate({labelX}px,{labelY}px)" style:transform="translate(-50%, -50%) translate({x}px,{y}px)"
style={'pointer-events: all;' + labelStyle} style={'pointer-events: all;' + style}
on:click={() => { on:click={() => {
if (id) handleEdgeSelect(id); if (id) handleEdgeSelect(id);
}} }}