Implemented 2D visualization for notes using Vue Flow

This commit is contained in:
Atharva Sawant
2024-03-08 11:23:47 +05:30
parent ffb5eeddf2
commit ce53a54dc5
488 changed files with 123675 additions and 20 deletions

View File

@@ -0,0 +1,16 @@
declare const _default: import('vue').DefineComponent<
{},
{},
{},
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<import('vue').ExtractPropTypes<{}>>,
{},
{}
>
export default _default

View File

@@ -0,0 +1,108 @@
declare const _default: __VLS_WithTemplateSlots<
import('vue').DefineComponent<
{
size: {
type: import('vue').PropType<number>
default: number
}
color: {
type: import('vue').PropType<string>
}
id: {
type: import('vue').PropType<string>
}
variant: {
type: import('vue').PropType<import('./types').BackgroundVariant>
default: string
}
gap: {
type: import('vue').PropType<number | number[]>
default: number
}
lineWidth: {
type: import('vue').PropType<number>
default: number
}
x: {
type: import('vue').PropType<number>
default: number
}
y: {
type: import('vue').PropType<number>
default: number
}
offset: {
type: import('vue').PropType<number>
default: number
}
},
{},
unknown,
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<
import('vue').ExtractPropTypes<{
size: {
type: import('vue').PropType<number>
default: number
}
color: {
type: import('vue').PropType<string>
}
id: {
type: import('vue').PropType<string>
}
variant: {
type: import('vue').PropType<import('./types').BackgroundVariant>
default: string
}
gap: {
type: import('vue').PropType<number | number[]>
default: number
}
lineWidth: {
type: import('vue').PropType<number>
default: number
}
x: {
type: import('vue').PropType<number>
default: number
}
y: {
type: import('vue').PropType<number>
default: number
}
offset: {
type: import('vue').PropType<number>
default: number
}
}>
>,
{
size: number
variant: import('./types').BackgroundVariant
gap: number | number[]
lineWidth: number
x: number
y: number
offset: number
},
{}
>,
{
'pattern-container'?(_: { id: string }): any
pattern?(_: {}): any
default?(_: { id: string }): any
}
>
export default _default
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S
}
}

View File

@@ -0,0 +1,2 @@
export { default as Background } from './Background.vue'
export * from './types'

View File

@@ -0,0 +1,20 @@
import type { FunctionalComponent } from 'vue'
import type { BackgroundVariant } from './types'
interface LinePatternProps {
dimensions: [number, number]
size?: number
color: string
}
export declare const LinePattern: FunctionalComponent<LinePatternProps>
interface DotPatternProps {
radius: number
color: string
}
export declare const DotPattern: FunctionalComponent<DotPatternProps>
export declare const Patterns: {
lines: FunctionalComponent<LinePatternProps, {}, any>
dots: FunctionalComponent<DotPatternProps, {}, any>
}
export declare const DefaultBgColors: Record<BackgroundVariant, string>
export {}

View File

@@ -0,0 +1,66 @@
/**
* The Background can be either a dotted one or a lined one
*
* @default 'dots'
*/
export type BackgroundVariant = 'dots' | 'lines'
export interface BackgroundProps {
/**
* `<Background>` component id
*
* This is necessary when you have multiple flows with backgrounds visible at the same time.
* If no id is explicitly assigned, an auto-generated one is used.
*
* @default `pattern-${vueFlowId}${id ? `-${id}` : ''}`
*/
id?: string
/**
* The background pattern variant {@link BackgroundVariant}
*
* @default 'dots'
*/
variant?: BackgroundVariant
/**
* The background pattern gap
*
* Can be either a number or [xGap: number, yGap: number], defining the gap on the X and Y axis respectively
*
* @default 20
*/
gap?: number | number[]
/**
* Background pattern size
*
* @default 1
*/
size?: number
/**
* @default 1
*/
lineWidth?: number
/**
* The background pattern color
*
* This only changes the color of the *pattern*, not the background color itself.
*
* If you want to change the background color itself, you can apply a bg-color to the `<VueFlow>` element instead
*/
color?: string
/**
* Background x-coordinate (offset x)
*
* @default 0
*/
x?: number
/**
* Background y-coordinate (offset y)
* @default 0
*/
y?: number
/**
* Background pattern offset
*
* @default 2
*/
offset?: number
}

View File

@@ -0,0 +1,36 @@
import type { GraphNode } from '../../types'
declare const _default: import('vue').DefineComponent<
__VLS_TypePropsToRuntimeProps<{
sourceNode: GraphNode
}>,
{},
unknown,
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<
import('vue').ExtractPropTypes<
__VLS_TypePropsToRuntimeProps<{
sourceNode: GraphNode
}>
>
>,
{}
>
export default _default
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T
type __VLS_TypePropsToRuntimeProps<T> = {
[K in keyof T]-?: {} extends Pick<T, K>
? {
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>
}
: {
type: import('vue').PropType<T[K]>
required: true
}
}

View File

@@ -0,0 +1,24 @@
declare const ConnectionLine: import('vue').DefineComponent<
{},
() =>
| import('vue').VNode<
import('vue').RendererNode,
import('vue').RendererElement,
{
[key: string]: any
}
>
| null,
{},
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<import('vue').ExtractPropTypes<{}>>,
{},
{}
>
export default ConnectionLine

View File

@@ -0,0 +1,9 @@
import type { FunctionalComponent } from 'vue'
import type { BaseEdgeProps } from '../../types'
/**
* 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
*/
declare const BaseEdge: FunctionalComponent<BaseEdgeProps>
export default BaseEdge

View File

@@ -0,0 +1,108 @@
declare const _default: import('vue').DefineComponent<
{
id: {
type: import('vue').PropType<string>
}
label: {
type: import('vue').PropType<any>
}
markerStart: {
type: import('vue').PropType<string>
}
markerEnd: {
type: import('vue').PropType<string>
}
interactionWidth: {
type: import('vue').PropType<number>
default: number
}
labelStyle: {
type: import('vue').PropType<import('vue').CSSProperties>
}
labelShowBg: {
type: import('vue').PropType<boolean>
}
labelBgStyle: {
type: import('vue').PropType<import('vue').CSSProperties>
}
labelBgPadding: {
type: import('vue').PropType<[number, number]>
}
labelBgBorderRadius: {
type: import('vue').PropType<number>
}
path: {
type: import('vue').PropType<string>
required: true
}
labelX: {
type: import('vue').PropType<number>
}
labelY: {
type: import('vue').PropType<number>
}
},
{
pathEl: import('vue').Ref<SVGPathElement | null>
interactionEl: import('vue').Ref<SVGPathElement | null>
labelEl: import('vue').Ref<SVGGElement | null>
},
unknown,
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<
import('vue').ExtractPropTypes<{
id: {
type: import('vue').PropType<string>
}
label: {
type: import('vue').PropType<any>
}
markerStart: {
type: import('vue').PropType<string>
}
markerEnd: {
type: import('vue').PropType<string>
}
interactionWidth: {
type: import('vue').PropType<number>
default: number
}
labelStyle: {
type: import('vue').PropType<import('vue').CSSProperties>
}
labelShowBg: {
type: import('vue').PropType<boolean>
}
labelBgStyle: {
type: import('vue').PropType<import('vue').CSSProperties>
}
labelBgPadding: {
type: import('vue').PropType<[number, number]>
}
labelBgBorderRadius: {
type: import('vue').PropType<number>
}
path: {
type: import('vue').PropType<string>
required: true
}
labelX: {
type: import('vue').PropType<number>
}
labelY: {
type: import('vue').PropType<number>
}
}>
>,
{
interactionWidth: number
},
{}
>
export default _default

View File

@@ -0,0 +1,20 @@
import type { BezierEdgeProps } from '../../types'
declare const BezierEdge: import('vue').DefineComponent<
BezierEdgeProps,
{},
{},
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<BezierEdgeProps>,
{
label?: any
},
{}
>
export default BezierEdge

View File

@@ -0,0 +1,12 @@
import type { FunctionalComponent, HTMLAttributes } from 'vue'
import type { Position } from '../../types'
interface Props extends HTMLAttributes {
position: Position
centerX: number
centerY: number
radius?: number
type: string
}
declare const EdgeAnchor: FunctionalComponent<Props>
export default EdgeAnchor

View File

@@ -0,0 +1,26 @@
declare const _default: __VLS_WithTemplateSlots<
import('vue').DefineComponent<
{},
{},
{},
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<import('vue').ExtractPropTypes<{}>>,
{},
{}
>,
{
default?(_: {}): any
}
>
export default _default
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S
}
}

View File

@@ -0,0 +1,102 @@
declare const _default: __VLS_WithTemplateSlots<
import('vue').DefineComponent<
{
x: {
type: import('vue').PropType<number>
required: true
}
y: {
type: import('vue').PropType<number>
required: true
}
label: {
type: import('vue').PropType<
| string
| object
| import('vue').VNode<
import('vue').RendererNode,
import('vue').RendererElement,
{
[key: string]: any
}
>
>
}
labelStyle: {
type: import('vue').PropType<import('vue').CSSProperties>
}
labelShowBg: {
type: import('vue').PropType<boolean>
}
labelBgStyle: {
type: import('vue').PropType<import('vue').CSSProperties>
}
labelBgPadding: {
type: import('vue').PropType<[number, number]>
}
labelBgBorderRadius: {
type: import('vue').PropType<number>
}
},
{},
unknown,
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<
import('vue').ExtractPropTypes<{
x: {
type: import('vue').PropType<number>
required: true
}
y: {
type: import('vue').PropType<number>
required: true
}
label: {
type: import('vue').PropType<
| string
| object
| import('vue').VNode<
import('vue').RendererNode,
import('vue').RendererElement,
{
[key: string]: any
}
>
>
}
labelStyle: {
type: import('vue').PropType<import('vue').CSSProperties>
}
labelShowBg: {
type: import('vue').PropType<boolean>
}
labelBgStyle: {
type: import('vue').PropType<import('vue').CSSProperties>
}
labelBgPadding: {
type: import('vue').PropType<[number, number]>
}
labelBgBorderRadius: {
type: import('vue').PropType<number>
}
}>
>,
{},
{}
>,
{
default?(_: {}): any
}
>
export default _default
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S
}
}

View File

@@ -0,0 +1,34 @@
declare const EdgeWrapper: import('vue').DefineComponent<
Readonly<{
id?: any
}>,
() =>
| import('vue').VNode<
import('vue').RendererNode,
import('vue').RendererElement,
{
[key: string]: any
}
>
| null,
unknown,
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<
import('vue').ExtractPropTypes<
Readonly<{
id?: any
}>
>
>,
{
readonly id?: any
},
{}
>
export default EdgeWrapper

View File

@@ -0,0 +1,20 @@
import type { SimpleBezierEdgeProps } from '../../types'
declare const SimpleBezierEdge: import('vue').DefineComponent<
SimpleBezierEdgeProps,
{},
{},
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<SimpleBezierEdgeProps>,
{
label?: any
},
{}
>
export default SimpleBezierEdge

View File

@@ -0,0 +1,20 @@
import type { SmoothStepEdgeProps } from '../../types'
declare const SmoothStepEdge: import('vue').DefineComponent<
SmoothStepEdgeProps,
{},
{},
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<SmoothStepEdgeProps>,
{
label?: any
},
{}
>
export default SmoothStepEdge

View File

@@ -0,0 +1,20 @@
import type { StepEdgeProps } from '../../types'
declare const StepEdge: import('vue').DefineComponent<
StepEdgeProps,
{},
{},
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<StepEdgeProps>,
{
label?: any
},
{}
>
export default StepEdge

View File

@@ -0,0 +1,20 @@
import type { StraightEdgeProps } from '../../types'
declare const StraightEdge: import('vue').DefineComponent<
StraightEdgeProps,
{},
{},
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<StraightEdgeProps>,
{
label?: any
},
{}
>
export default StraightEdge

View File

@@ -0,0 +1,10 @@
export { default as BaseEdge } from './BaseEdge.vue'
export { default as BezierEdge } from './BezierEdge'
export { default as SimpleBezierEdge } from './SimpleBezierEdge'
export { default as StepEdge } from './StepEdge'
export { default as SmoothStepEdge } from './SmoothStepEdge'
export { default as StraightEdge } from './StraightEdge'
export { default as EdgeAnchor } from './EdgeAnchor'
export { default as EdgeText } from './EdgeText.vue'
export { default as EdgeWrapper } from './EdgeWrapper'
export { default as EdgeLabelRenderer } from './EdgeLabelRenderer.vue'

View File

@@ -0,0 +1,31 @@
import type { Position } from '../../types'
export interface GetSimpleBezierPathParams {
sourceX: number
sourceY: number
sourcePosition?: Position
targetX: number
targetY: number
targetPosition?: Position
}
/**
* Get a simple bezier path from source to target handle (no curvature)
* @public
*
* @param simpleBezierPathParams
* @param simpleBezierPathParams.sourceX - The x position of the source handle
* @param simpleBezierPathParams.sourceY - The y position of the source handle
* @param simpleBezierPathParams.sourcePosition - The position of the source handle (default: Position.Bottom)
* @param simpleBezierPathParams.targetX - The x position of the target handle
* @param simpleBezierPathParams.targetY - The y position of the target handle
* @param simpleBezierPathParams.targetPosition - The position of the target handle (default: Position.Top)
* @returns A path string you can use in an SVG, the labelX and labelY position (center of path) and offsetX, offsetY between source handle and label
*/
export declare function getSimpleBezierPath({
sourceX,
sourceY,
sourcePosition,
targetX,
targetY,
targetPosition,
}: GetSimpleBezierPathParams): [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number]

View File

@@ -0,0 +1,27 @@
import type { Position } from '../../../types'
import type { EdgePathParams } from './general'
export interface GetBezierPathParams {
sourceX: number
sourceY: number
sourcePosition?: Position
targetX: number
targetY: number
targetPosition?: Position
curvature?: number
}
/**
* Get a bezier path from source to target handle
* @public
*
* @param bezierPathParams
* @param bezierPathParams.sourceX - The x position of the source handle
* @param bezierPathParams.sourceY - The y position of the source handle
* @param bezierPathParams.sourcePosition - The position of the source handle (default: Position.Bottom)
* @param bezierPathParams.targetX - The x position of the target handle
* @param bezierPathParams.targetY - The y position of the target handle
* @param bezierPathParams.targetPosition - The position of the target handle (default: Position.Top)
* @param bezierPathParams.curvature - The curvature of the edge (default: 0.25)
* @returns A path string you can use in an SVG, the labelX and labelY position (center of path) and offsetX, offsetY between source handle and label
*/
export declare function getBezierPath(bezierPathParams: GetBezierPathParams): EdgePathParams

View File

@@ -0,0 +1,31 @@
export type EdgePathParams = [path: string, labelX: number, labelY: number, offsetX: number, offsetY: number]
export declare function getSimpleEdgeCenter({
sourceX,
sourceY,
targetX,
targetY,
}: {
sourceX: number
sourceY: number
targetX: number
targetY: number
}): [number, number, number, number]
export declare function getBezierEdgeCenter({
sourceX,
sourceY,
targetX,
targetY,
sourceControlX,
sourceControlY,
targetControlX,
targetControlY,
}: {
sourceX: number
sourceY: number
targetX: number
targetY: number
sourceControlX: number
sourceControlY: number
targetControlX: number
targetControlY: number
}): [number, number, number, number]

View File

@@ -0,0 +1,5 @@
export * from './bezier'
export * from './general'
export * from './simple-bezier'
export * from './smoothstep'
export * from './straight'

View File

@@ -0,0 +1,25 @@
import type { Position } from '../../../types'
import type { EdgePathParams } from './general'
export interface GetSimpleBezierPathParams {
sourceX: number
sourceY: number
sourcePosition?: Position
targetX: number
targetY: number
targetPosition?: Position
}
/**
* Get a simple bezier path from source to target handle (no curvature)
* @public
*
* @param simpleBezierPathParams
* @param simpleBezierPathParams.sourceX - The x position of the source handle
* @param simpleBezierPathParams.sourceY - The y position of the source handle
* @param simpleBezierPathParams.sourcePosition - The position of the source handle (default: Position.Bottom)
* @param simpleBezierPathParams.targetX - The x position of the target handle
* @param simpleBezierPathParams.targetY - The y position of the target handle
* @param simpleBezierPathParams.targetPosition - The position of the target handle (default: Position.Top)
* @returns A path string you can use in an SVG, the labelX and labelY position (center of path) and offsetX, offsetY between source handle and label
*/
export declare function getSimpleBezierPath(simpleBezierPathParams: GetSimpleBezierPathParams): EdgePathParams

View File

@@ -0,0 +1,30 @@
import type { Position } from '../../../types'
import type { EdgePathParams } from './general'
export interface GetSmoothStepPathParams {
sourceX: number
sourceY: number
sourcePosition?: Position
targetX: number
targetY: number
targetPosition?: Position
borderRadius?: number
centerX?: number
centerY?: number
offset?: number
}
/**
* Get a smooth step path from source to target handle
* @public
*
* @param smoothStepPathParams
* @param smoothStepPathParams.sourceX - The x position of the source handle
* @param smoothStepPathParams.sourceY - The y position of the source handle
* @param smoothStepPathParams.sourcePosition - The position of the source handle (default: Position.Bottom)
* @param smoothStepPathParams.targetX - The x position of the target handle
* @param smoothStepPathParams.targetY - The y position of the target handle
* @param smoothStepPathParams.targetPosition - The position of the target handle (default: Position.Top)
* @param smoothStepPathParams.borderRadius - The border radius of the edge (default: 5)
* @returns A path string you can use in an SVG, the labelX and labelY position (center of path) and offsetX, offsetY between source handle and label
*/
export declare function getSmoothStepPath(smoothStepPathParams: GetSmoothStepPathParams): EdgePathParams

View File

@@ -0,0 +1,20 @@
import type { EdgePathParams } from './general'
export interface GetStraightPathParams {
sourceX: number
sourceY: number
targetX: number
targetY: number
}
/**
* Get a straight path from source to target handle
* @public
*
* @param straightEdgeParams
* @param straightEdgeParams.sourceX - The x position of the source handle
* @param straightEdgeParams.sourceY - The y position of the source handle
* @param straightEdgeParams.targetX - The x position of the target handle
* @param straightEdgeParams.targetY - The y position of the target handle
* @returns A path string you can use in an SVG, the labelX and labelY position (center of path) and offsetX, offsetY between source handle and label
*/
export declare function getStraightPath(straightEdgeParams: GetStraightPathParams): EdgePathParams

View File

@@ -0,0 +1,79 @@
import type { Position } from '../../types'
declare const _default: __VLS_WithTemplateSlots<
import('vue').DefineComponent<
{
id: {
type: import('vue').PropType<string>
}
type: {
type: import('vue').PropType<import('../../types').HandleType>
}
position: {
type: import('vue').PropType<Position>
}
isValidConnection: {
type: import('vue').PropType<import('../../types').ValidConnectionFunc>
}
connectable: {
type: import('vue').PropType<import('../../types').HandleConnectable>
}
connectableStart: {
type: import('vue').PropType<boolean>
}
connectableEnd: {
type: import('vue').PropType<boolean>
}
},
{
handleClick: (event: MouseEvent) => void
handlePointerDown: (event: import('../../types').MouseTouchEvent) => void
onClick: (event: MouseEvent) => void
onPointerDown: (event: MouseEvent | TouchEvent) => void
},
unknown,
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<
import('vue').ExtractPropTypes<{
id: {
type: import('vue').PropType<string>
}
type: {
type: import('vue').PropType<import('../../types').HandleType>
}
position: {
type: import('vue').PropType<Position>
}
isValidConnection: {
type: import('vue').PropType<import('../../types').ValidConnectionFunc>
}
connectable: {
type: import('vue').PropType<import('../../types').HandleConnectable>
}
connectableStart: {
type: import('vue').PropType<boolean>
}
connectableEnd: {
type: import('vue').PropType<boolean>
}
}>
>,
{},
{}
>,
{
default?(_: { id: string | undefined }): any
}
>
export default _default
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S
}
}

View File

@@ -0,0 +1,9 @@
import type { FunctionalComponent } from 'vue'
import type { NodeProps } from '../../types'
declare const DefaultNode: FunctionalComponent<
NodeProps<{
label: any
}>
>
export default DefaultNode

View File

@@ -0,0 +1,9 @@
import type { FunctionalComponent } from 'vue'
import type { NodeProps } from '../../types'
declare const InputNode: FunctionalComponent<
NodeProps<{
label: any
}>
>
export default InputNode

View File

@@ -0,0 +1,37 @@
declare const NodeWrapper: import('vue').DefineComponent<
Readonly<{
id?: any
resizeObserver?: any
}>,
() =>
| import('vue').VNode<
import('vue').RendererNode,
import('vue').RendererElement,
{
[key: string]: any
}
>
| null,
unknown,
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<
import('vue').ExtractPropTypes<
Readonly<{
id?: any
resizeObserver?: any
}>
>
>,
{
readonly id?: any
readonly resizeObserver?: any
},
{}
>
export default NodeWrapper

View File

@@ -0,0 +1,9 @@
import type { FunctionalComponent } from 'vue'
import type { NodeProps } from '../../types'
declare const OutputNode: FunctionalComponent<
NodeProps<{
label: any
}>
>
export default OutputNode

View File

@@ -0,0 +1,4 @@
export { default as DefaultNode } from './DefaultNode'
export { default as InputNode } from './InputNode'
export { default as OutputNode } from './OutputNode'
export { default as NodeWrapper } from './NodeWrapper'

View File

@@ -0,0 +1,16 @@
declare const _default: import('vue').DefineComponent<
{},
{},
{},
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<import('vue').ExtractPropTypes<{}>>,
{},
{}
>
export default _default

View File

@@ -0,0 +1,38 @@
declare const _default: __VLS_WithTemplateSlots<
import('vue').DefineComponent<
{
position: {
type: import('vue').PropType<import('../../types/panel').PanelPositionType | import('../../types/panel').PanelPosition>
required: true
}
},
{},
unknown,
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<
import('vue').ExtractPropTypes<{
position: {
type: import('vue').PropType<import('../../types/panel').PanelPositionType | import('../../types/panel').PanelPosition>
required: true
}
}>
>,
{},
{}
>,
{
default?(_: {}): any
}
>
export default _default
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S
}
}

View File

@@ -0,0 +1,30 @@
import type { SelectionRect } from '../../types'
declare const _default: import('vue').DefineComponent<
{
userSelectionRect: {
type: import('vue').PropType<SelectionRect>
required: true
}
},
{},
unknown,
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<
import('vue').ExtractPropTypes<{
userSelectionRect: {
type: import('vue').PropType<SelectionRect>
required: true
}
}>
>,
{},
{}
>
export default _default

View File

@@ -0,0 +1,48 @@
declare const _default: __VLS_WithTemplateSlots<
import('vue').DefineComponent<
{
initialNodes: {
type: import('vue').PropType<import('../../types').Node<any, any, string>[]>
}
initialEdges: {
type: import('vue').PropType<import('../../types').Edge[]>
}
fitViewOnInit: {
type: import('vue').PropType<boolean>
}
},
{},
unknown,
{},
{},
import('vue').ComponentOptionsMixin,
import('vue').ComponentOptionsMixin,
{},
string,
import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
Readonly<
import('vue').ExtractPropTypes<{
initialNodes: {
type: import('vue').PropType<import('../../types').Node<any, any, string>[]>
}
initialEdges: {
type: import('vue').PropType<import('../../types').Edge[]>
}
fitViewOnInit: {
type: import('vue').PropType<boolean>
}
}>
>,
{},
{}
>,
{
default?(_: {}): any
}
>
export default _default
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S
}
}

View File

@@ -0,0 +1,6 @@
export * from './Nodes'
export * from './Edges'
export { default as ConnectionLine } from './ConnectionLine'
export { default as Handle } from './Handle/Handle.vue'
export { default as NodesSelection } from './NodesSelection/NodesSelection.vue'
export { default as UserSelection } from './UserSelection/UserSelection.vue'