feat(edges): add interactionWidth option #1580 #1114

2022-09-07 17:43:36 +02:00
parent 7a96817114
commit 51e957e5db
10 changed files with 62 additions and 61 deletions
@@ -14,20 +14,8 @@ const BaseEdge = ({
  style,
  markerEnd,
  markerStart,
+  interactionWidth = 15,
 }: BaseEdgeProps) => {
-  const text = label ? (
-    <EdgeText
-      x={centerX}
-      y={centerY}
-      label={label}
-      labelStyle={labelStyle}
-      labelShowBg={labelShowBg}
-      labelBgStyle={labelBgStyle}
-      labelBgPadding={labelBgPadding}
-      labelBgBorderRadius={labelBgBorderRadius}
-    />
-  ) : null;
-
  return (
    <>
      <path
@@ -38,7 +26,19 @@ const BaseEdge = ({
        markerEnd={markerEnd}
        markerStart={markerStart}
      />
-      {text}
+      {interactionWidth && <path d={path} fill="none" strokeWidth={interactionWidth} />}
+      {label ? (
+        <EdgeText
+          x={centerX}
+          y={centerY}
+          label={label}
+          labelStyle={labelStyle}
+          labelShowBg={labelShowBg}
+          labelBgStyle={labelBgStyle}
+          labelBgPadding={labelBgPadding}
+          labelBgBorderRadius={labelBgBorderRadius}
+        />
+      ) : null}
    </>
  );
 };