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

chore(core): rename pointerRadius prop to interactionWidth

Browse Source
This commit is contained in:
braks
2022-11-13 08:42:06 +01:00
committed by Braks
parent a11edae9ec
commit ec6f870bfd
10 changed files with 26 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/core/src/components/Edges/BaseEdge.ts
+6 -7
View File
@@ -19,7 +19,7 @@ const BaseEdge: FunctionalComponent<BaseEdgeProps> = function ({
markerStart,
markerEnd,
style,
pointerRadius = 2,
interactionWidth = 20,
}) {
return [
h('path', {
@@ -29,13 +29,12 @@ const BaseEdge: FunctionalComponent<BaseEdgeProps> = function ({
'marker-end': markerEnd,
'marker-start': markerStart,
}),
pointerRadius
interactionWidth
? h('path', {
'style': 'opacity: 0',
'd': path,
'class': 'vue-flow__edge-pointer',
'stroke': 'transparent',
'stroke-width': pointerRadius,
'fill': 'none',
'stroke-opacity': 0,
'stroke-width': interactionWidth,
})
: null,
label
@@ -66,7 +65,7 @@ BaseEdge.props = [
'markerStart',
'markerEnd',
'style',
'pointerRadius',
'interactionWidth',
]
BaseEdge.inheritAttrs = false
packages/core/src/components/Edges/BezierEdge.ts
+3 -3
View File
@@ -20,7 +20,7 @@ const BezierEdge: FunctionalComponent<EdgeProps> = function ({
markerEnd,
markerStart,
style,
pointerRadius,
interactionWidth,
}) {
const [path, labelX, labelY] = getBezierPath({
sourceX,
@@ -45,7 +45,7 @@ const BezierEdge: FunctionalComponent<EdgeProps> = function ({
style,
markerEnd,
markerStart,
pointerRadius,
interactionWidth,
})
}
@@ -66,7 +66,7 @@ BezierEdge.props = [
'markerEnd',
'markerStart',
'style',
'pointerRadius',
'interactionWidth',
]
BezierEdge.inheritAttrs = false
packages/core/src/components/Edges/SimpleBezierEdge.ts
+3 -3
View File
@@ -19,7 +19,7 @@ const SimpleBezierEdge: FunctionalComponent<EdgeProps> = function ({
markerEnd,
markerStart,
style,
pointerRadius,
interactionWidth,
}) {
const [path, labelX, labelY] = getSimpleBezierPath({
sourceX,
@@ -43,7 +43,7 @@ const SimpleBezierEdge: FunctionalComponent<EdgeProps> = function ({
style,
markerEnd,
markerStart,
pointerRadius,
interactionWidth,
})
}
@@ -63,7 +63,7 @@ SimpleBezierEdge.props = [
'markerEnd',
'markerStart',
'style',
'pointerRadius',
'interactionWidth',
]
SimpleBezierEdge.inheritAttrs = false
packages/core/src/components/Edges/SmoothStepEdge.ts
+3 -3
View File
@@ -21,7 +21,7 @@ const SmoothStepEdge: FunctionalComponent<SmoothStepEdgeProps> = function ({
borderRadius,
offset,
style,
pointerRadius,
interactionWidth,
}) {
const [path, labelX, labelY] = getSmoothStepPath({
sourceX,
@@ -47,7 +47,7 @@ const SmoothStepEdge: FunctionalComponent<SmoothStepEdgeProps> = function ({
style,
markerEnd,
markerStart,
pointerRadius,
interactionWidth,
})
}
@@ -69,7 +69,7 @@ SmoothStepEdge.props = [
'markerEnd',
'markerStart',
'style',
'pointerRadius',
'interactionWidth',
]
SmoothStepEdge.inheritAttrs = false
packages/core/src/components/Edges/StepEdge.ts
+1 -1
View File
@@ -22,7 +22,7 @@ StepEdge.props = [
'markerEnd',
'markerStart',
'style',
'pointerRadius',
'interactionWidth',
]
StepEdge.inheritAttrs = false
packages/core/src/components/Edges/StraightEdge.ts
+3 -3
View File
@@ -16,7 +16,7 @@ const StraightEdge: FunctionalComponent<EdgeProps> = function ({
markerEnd,
markerStart,
style,
pointerRadius,
interactionWidth,
}) {
const [path, labelX, labelY] = getStraightPath({ sourceX, sourceY, targetX, targetY })
@@ -33,7 +33,7 @@ const StraightEdge: FunctionalComponent<EdgeProps> = function ({
style,
markerEnd,
markerStart,
pointerRadius,
interactionWidth,
})
}
@@ -51,7 +51,7 @@ StraightEdge.props = [
'markerEnd',
'markerStart',
'style',
'pointerRadius',
'interactionWidth',
]
StraightEdge.inheritAttrs = false
packages/core/src/components/Edges/Wrapper.ts
+1 -1
View File
@@ -190,7 +190,7 @@ const Wrapper = defineComponent({
targetY,
sourceHandleId: edge.sourceHandle,
targetHandleId: edge.targetHandle,
pointerRadius: edge.pointerRadius,
interactionWidth: edge.interactionWidth,
}),
[