From ac9389480d7df912fbc7afda1a6d32c9c2a59f32 Mon Sep 17 00:00:00 2001 From: bcakmakoglu <78412429+bcakmakoglu@users.noreply.github.com> Date: Tue, 7 Jun 2022 23:27:19 +0200 Subject: [PATCH] feat(edges): export `BaseEdgeProps` --- packages/vue-flow/src/components/Edges/BaseEdge.ts | 4 ++-- packages/vue-flow/src/components/Edges/index.ts | 2 +- packages/vue-flow/src/index.ts | 11 ++++++++++- 3 files changed, 13 insertions(+), 4 deletions(-) diff --git a/packages/vue-flow/src/components/Edges/BaseEdge.ts b/packages/vue-flow/src/components/Edges/BaseEdge.ts index 031b91b7..8fd789f1 100644 --- a/packages/vue-flow/src/components/Edges/BaseEdge.ts +++ b/packages/vue-flow/src/components/Edges/BaseEdge.ts @@ -1,7 +1,7 @@ import type { CSSProperties, FunctionalComponent } from 'vue' import EdgeText from './EdgeText.vue' -interface Props { +export interface BaseEdgeProps { centerX: number centerY: number path: string @@ -20,7 +20,7 @@ interface Props { * The base edge is a simple wrapper for svg path * You can use the base edge in your custom edges and just pass down the necessary props */ -const BaseEdge: FunctionalComponent = function ({ +const BaseEdge: FunctionalComponent = function ({ path, centerX, centerY, diff --git a/packages/vue-flow/src/components/Edges/index.ts b/packages/vue-flow/src/components/Edges/index.ts index 562d702b..70abfca2 100644 --- a/packages/vue-flow/src/components/Edges/index.ts +++ b/packages/vue-flow/src/components/Edges/index.ts @@ -1,4 +1,4 @@ -export { default as BaseEdge } from './BaseEdge' +export { default as BaseEdge, BaseEdgeProps } from './BaseEdge' export { default as BezierEdge } from './BezierEdge' export { default as SimpleBezierEdge } from './SimpleBezierEdge' export { default as StepEdge } from './StepEdge' diff --git a/packages/vue-flow/src/index.ts b/packages/vue-flow/src/index.ts index 73235e28..a202d51e 100644 --- a/packages/vue-flow/src/index.ts +++ b/packages/vue-flow/src/index.ts @@ -2,7 +2,16 @@ export { default as VueFlow } from './container/VueFlow/VueFlow.vue' export { default as Handle } from './components/Handle/Handle.vue' -export { StraightEdge, StepEdge, BezierEdge, SimpleBezierEdge, SmoothStepEdge, BaseEdge, EdgeText } from './components/Edges' +export { + StraightEdge, + StepEdge, + BezierEdge, + SimpleBezierEdge, + SmoothStepEdge, + BaseEdge, + BaseEdgeProps, + EdgeText, +} from './components/Edges' export { getBezierPath,