From e54f7b56d01f4cfacef0c101cfcc269ab48f8706 Mon Sep 17 00:00:00 2001 From: bcakmakoglu <78412429+bcakmakoglu@users.noreply.github.com> Date: Wed, 8 Jun 2022 00:05:51 +0200 Subject: [PATCH] chore: move `BaseEdgeProps` to types --- .../vue-flow/src/components/Edges/BaseEdge.ts | 18 ++---------------- .../vue-flow/src/components/Edges/index.ts | 2 +- packages/vue-flow/src/index.ts | 11 +---------- packages/vue-flow/src/types/edge.ts | 15 +++++++++++++++ 4 files changed, 19 insertions(+), 27 deletions(-) diff --git a/packages/vue-flow/src/components/Edges/BaseEdge.ts b/packages/vue-flow/src/components/Edges/BaseEdge.ts index 8fd789f1..ad09add2 100644 --- a/packages/vue-flow/src/components/Edges/BaseEdge.ts +++ b/packages/vue-flow/src/components/Edges/BaseEdge.ts @@ -1,20 +1,6 @@ -import type { CSSProperties, FunctionalComponent } from 'vue' +import type { FunctionalComponent } from 'vue' import EdgeText from './EdgeText.vue' - -export interface BaseEdgeProps { - centerX: number - centerY: number - path: string - label?: any - style?: CSSProperties - labelStyle?: any - labelShowBg?: boolean - labelBgStyle?: any - labelBgPadding?: [number, number] - labelBgBorderRadius?: number - markerStart?: string - markerEnd?: string -} +import type { BaseEdgeProps } from '~/types' /** * The base edge is a simple wrapper for svg path diff --git a/packages/vue-flow/src/components/Edges/index.ts b/packages/vue-flow/src/components/Edges/index.ts index 70abfca2..562d702b 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, BaseEdgeProps } from './BaseEdge' +export { default as BaseEdge } 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 a202d51e..73235e28 100644 --- a/packages/vue-flow/src/index.ts +++ b/packages/vue-flow/src/index.ts @@ -2,16 +2,7 @@ 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, - BaseEdgeProps, - EdgeText, -} from './components/Edges' +export { StraightEdge, StepEdge, BezierEdge, SimpleBezierEdge, SmoothStepEdge, BaseEdge, EdgeText } from './components/Edges' export { getBezierPath, diff --git a/packages/vue-flow/src/types/edge.ts b/packages/vue-flow/src/types/edge.ts index 5bbdf6e2..ddbae9a2 100644 --- a/packages/vue-flow/src/types/edge.ts +++ b/packages/vue-flow/src/types/edge.ts @@ -166,3 +166,18 @@ export interface SmoothStepEdgeProps extends EdgeProps markerEnd?: string borderRadius?: number } + +export interface BaseEdgeProps { + centerX: number + centerY: number + path: string + label?: any + style?: CSSProperties + labelStyle?: any + labelShowBg?: boolean + labelBgStyle?: any + labelBgPadding?: [number, number] + labelBgBorderRadius?: number + markerStart?: string + markerEnd?: string +}