Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@vue-flow/core

Package Overview
Dependencies
Maintainers
1
Versions
156
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vue-flow/core - npm Package Compare versions

Comparing version 1.27.0 to 1.27.1

2

dist/components/Edges/BezierEdge.d.ts

@@ -1,2 +0,2 @@

import type { BezierEdgeProps } from '~/types'
import type { BezierEdgeProps } from '../../types'

@@ -3,0 +3,0 @@ declare const BezierEdge: import('vue').DefineComponent<

import type { FunctionalComponent, HTMLAttributes } from 'vue'
import type { Position } from '~/types'
import type { Position } from '../../types'

@@ -4,0 +4,0 @@ interface Props extends HTMLAttributes {

declare const EdgeWrapper: import('vue').DefineComponent<
Readonly<{
type?: any
id?: any
updatable?: any
selectable?: any
type?: any
name?: any
focusable?: any
name?: any
updatable?: any
edge?: any

@@ -31,8 +31,8 @@ }>,

Readonly<{
type?: any
id?: any
updatable?: any
selectable?: any
type?: any
name?: any
focusable?: any
name?: any
updatable?: any
edge?: any

@@ -43,8 +43,8 @@ }>

{
readonly type?: any
readonly id?: any
readonly updatable?: any
readonly selectable?: any
readonly type?: any
readonly name?: any
readonly focusable?: any
readonly name?: any
readonly updatable?: any
readonly edge?: any

@@ -51,0 +51,0 @@ },

@@ -1,2 +0,2 @@

import type { SimpleBezierEdgeProps } from '~/types'
import type { SimpleBezierEdgeProps } from '../../types'

@@ -3,0 +3,0 @@ declare const SimpleBezierEdge: import('vue').DefineComponent<

@@ -1,2 +0,2 @@

import type { SmoothStepEdgeProps } from '~/types'
import type { SmoothStepEdgeProps } from '../../types'

@@ -3,0 +3,0 @@ declare const SmoothStepEdge: import('vue').DefineComponent<

@@ -1,2 +0,2 @@

import type { StepEdgeProps } from '~/types'
import type { StepEdgeProps } from '../../types'

@@ -3,0 +3,0 @@ declare const StepEdge: import('vue').DefineComponent<

@@ -1,2 +0,2 @@

import type { StraightEdgeProps } from '~/types'
import type { StraightEdgeProps } from '../../types'

@@ -3,0 +3,0 @@ declare const StraightEdge: import('vue').DefineComponent<

@@ -1,2 +0,2 @@

import type { Position } from '~/types'
import type { Position } from '../../..//types'

@@ -3,0 +3,0 @@ export interface GetBezierPathParams {

@@ -1,2 +0,2 @@

import type { Position } from '~/types'
import type { Position } from '../../..//types'

@@ -3,0 +3,0 @@ export interface GetSimpleBezierPathParams {

@@ -1,2 +0,2 @@

import type { Position } from '~/types'
import type { Position } from '../../..//types'

@@ -3,0 +3,0 @@ export interface GetSmoothStepPathParams {

import type { FunctionalComponent } from 'vue'
import type { NodeProps } from '~/types'
import type { NodeProps } from '../../types'
declare const DefaultNode: FunctionalComponent<NodeProps>
export default DefaultNode
import type { FunctionalComponent } from 'vue'
import type { NodeProps } from '~/types'
import type { NodeProps } from '../../types'
declare const InputNode: FunctionalComponent<NodeProps>
export default InputNode
declare const NodeWrapper: import('vue').DefineComponent<
Readonly<{
node?: any
id?: any
selectable?: any
type?: any
connectable?: any
type?: any
id?: any
name?: any
draggable?: any
selectable?: any
focusable?: any
name?: any
node?: any
resizeObserver?: any

@@ -31,10 +31,10 @@ }>,

Readonly<{
node?: any
id?: any
selectable?: any
type?: any
connectable?: any
type?: any
id?: any
name?: any
draggable?: any
selectable?: any
focusable?: any
name?: any
node?: any
resizeObserver?: any

@@ -45,10 +45,10 @@ }>

{
readonly node?: any
readonly id?: any
readonly selectable?: any
readonly type?: any
readonly connectable?: any
readonly type?: any
readonly id?: any
readonly name?: any
readonly draggable?: any
readonly selectable?: any
readonly focusable?: any
readonly name?: any
readonly node?: any
readonly resizeObserver?: any

@@ -55,0 +55,0 @@ },

import type { FunctionalComponent } from 'vue'
import type { NodeProps } from '~/types'
import type { NodeProps } from '../../types'
declare const OutputNode: FunctionalComponent<NodeProps>
export default OutputNode

@@ -1,2 +0,2 @@

import type { SelectionRect } from '~/types'
import type { SelectionRect } from '../../types'

@@ -3,0 +3,0 @@ declare const _default: import('vue').DefineComponent<

import type { D3DragEvent, SubjectPosition } from 'd3-drag'
import type { Ref } from 'vue'
import type { MaybeRefOrGetter } from '@vueuse/core'
import type { NodeDragEvent } from '~/types'
import type { NodeDragEvent } from '../types'

@@ -6,0 +6,0 @@ export type UseDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>

@@ -1,2 +0,2 @@

import type { CustomEvent, ElementData } from '~/types'
import type { CustomEvent, ElementData } from '../types'

@@ -14,4 +14,4 @@ /**

id: string
edge: import('~/types').GraphEdge<Data, CustomEvents, string> | undefined
edge: import('../types').GraphEdge<Data, CustomEvents, string> | undefined
edgeEl: import('vue').Ref<SVGElement | null>
}

@@ -1,2 +0,2 @@

import type { EdgeEventsEmit, EdgeEventsOn, GraphEdge, VueFlowStore } from '~/types'
import type { EdgeEventsEmit, EdgeEventsOn, GraphEdge, VueFlowStore } from '../types'

@@ -3,0 +3,0 @@ export declare function useEdgeHooks(

import type { MaybeRefOrGetter } from '@vueuse/core'
import type { Connection, HandleType, MouseTouchEvent, ValidConnectionFunc } from '~/types'
import type { Connection, HandleType, MouseTouchEvent, ValidConnectionFunc } from '../types'

@@ -4,0 +4,0 @@ interface UseHandleProps {

@@ -1,2 +0,2 @@

import type { CustomEvent, ElementData } from '~/types'
import type { CustomEvent, ElementData } from '../types'

@@ -15,5 +15,5 @@ /**

nodeEl: import('vue').Ref<HTMLDivElement | null>
node: import('~/types').GraphNode<Data, CustomEvents, string>
parentNode: import('vue').ComputedRef<import('~/types').GraphNode<any, any, string> | undefined>
connectedEdges: import('vue').ComputedRef<import('~/types').GraphEdge<any, any, string>[]>
node: import('../types').GraphNode<Data, CustomEvents, string>
parentNode: import('vue').ComputedRef<import('../types').GraphNode<any, any, string> | undefined>
connectedEdges: import('vue').ComputedRef<import('../types').GraphEdge<any, any, string>[]>
}

@@ -1,2 +0,2 @@

import type { GraphNode, NodeEventsEmit, NodeEventsOn, VueFlowStore } from '~/types'
import type { GraphNode, NodeEventsEmit, NodeEventsOn, VueFlowStore } from '../types'

@@ -3,0 +3,0 @@ export declare function useNodeHooks(

@@ -1,3 +0,3 @@

import type { XYPosition } from '~/types'
import type { XYPosition } from '../types'
export declare function useUpdateNodePositions(): (positionDiff: XYPosition, isShiftPressed?: boolean) => void

@@ -1,2 +0,2 @@

import type { ComputedGetters, Project, State, ViewportFunctions } from '~/types'
import type { ComputedGetters, Project, State, ViewportFunctions } from '../types'

@@ -3,0 +3,0 @@ interface ExtendedViewport extends ViewportFunctions {

@@ -1,2 +0,2 @@

import type { FlowOptions, FlowProps, VueFlowStore } from '~/types'
import type { FlowOptions, FlowProps, VueFlowStore } from '../types'

@@ -3,0 +3,0 @@ /**

import type { ToRefs } from 'vue'
import type { FlowProps, VueFlowStore } from '~/types'
import type { FlowProps, VueFlowStore } from '../types'

@@ -4,0 +4,0 @@ export declare function useWatchProps(

@@ -1,2 +0,2 @@

import type { ViewportFunctions } from '~/types'
import type { ViewportFunctions } from '../types'

@@ -3,0 +3,0 @@ /**

@@ -1,3 +0,3 @@

import type { XYPosition } from '~/types'
import type { XYPosition } from '../../types'
export declare function getMousePosition(event: MouseEvent, containerBounds: DOMRect): XYPosition

@@ -6,7 +6,10 @@ import type { FlowSlots, VueFlowStore } from '../../types'

{
nodes: {
type: import('vue').PropType<import('../../types').Node<any, any, string>[]>
}
id: {
type: import('vue').PropType<string>
}
nodes: {
type: import('vue').PropType<import('../../types').Node<any, any, string>[]>
modelValue: {
type: import('vue').PropType<import('../../types').Elements<any, any, any, any>>
}

@@ -16,5 +19,2 @@ edges: {

}
modelValue: {
type: import('vue').PropType<import('../../types').Elements<any, any, any, any>>
}
edgeTypes: {

@@ -253,11 +253,11 @@ type: import('vue').PropType<import('../../types').EdgeTypesObject>

move: import('@vueuse/shared').EventHookTrigger<{
event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any> | WheelEvent
flowTransform: import('../../types').ViewportTransform
}>
moveStart: import('@vueuse/shared').EventHookTrigger<{
event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any> | WheelEvent
flowTransform: import('../../types').ViewportTransform
}>
moveEnd: import('@vueuse/shared').EventHookTrigger<{
event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any> | WheelEvent
flowTransform: import('../../types').ViewportTransform

@@ -328,11 +328,11 @@ }>

onMove: import('@vueuse/shared').EventHookOn<{
event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any> | WheelEvent
flowTransform: import('../../types').ViewportTransform
}>
onMoveStart: import('@vueuse/shared').EventHookOn<{
event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any> | WheelEvent
flowTransform: import('../../types').ViewportTransform
}>
onMoveEnd: import('@vueuse/shared').EventHookOn<{
event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any> | WheelEvent
flowTransform: import('../../types').ViewportTransform

@@ -561,11 +561,11 @@ }>

move: import('../../utils').EventHookExtended<{
event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any> | WheelEvent
flowTransform: import('../../types').ViewportTransform
}>
moveStart: import('../../utils').EventHookExtended<{
event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any> | WheelEvent
flowTransform: import('../../types').ViewportTransform
}>
moveEnd: import('../../utils').EventHookExtended<{
event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any> | WheelEvent
flowTransform: import('../../types').ViewportTransform

@@ -684,7 +684,10 @@ }>

import('vue').ExtractPropTypes<{
nodes: {
type: import('vue').PropType<import('../../types').Node<any, any, string>[]>
}
id: {
type: import('vue').PropType<string>
}
nodes: {
type: import('vue').PropType<import('../../types').Node<any, any, string>[]>
modelValue: {
type: import('vue').PropType<import('../../types').Elements<any, any, any, any>>
}

@@ -694,5 +697,2 @@ edges: {

}
modelValue: {
type: import('vue').PropType<import('../../types').Elements<any, any, any, any>>
}
edgeTypes: {

@@ -896,8 +896,2 @@ type: import('vue').PropType<import('../../types').EdgeTypesObject>

> & {
'onMove'?:
| ((moveEvent: {
event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
flowTransform: import('../../types').ViewportTransform
}) => any)
| undefined
'onNodeDragStart'?: ((nodeDragEvent: import('../../types').NodeDragEvent) => any) | undefined

@@ -931,2 +925,8 @@ 'onNodeDrag'?: ((nodeDragEvent: import('../../types').NodeDragEvent) => any) | undefined

'onPaneReady'?: ((paneEvent: VueFlowStore) => any) | undefined
'onMove'?:
| ((moveEvent: {
event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
flowTransform: import('../../types').ViewportTransform
}) => any)
| undefined
'onMoveStart'?:

@@ -933,0 +933,0 @@ | ((moveEvent: {

import type { InjectionKey, Ref } from 'vue'
import type { FlowSlots, VueFlowStore } from '~/types'
import type { FlowSlots, VueFlowStore } from '../types'

@@ -4,0 +4,0 @@ export declare const VueFlow: InjectionKey<VueFlowStore>

import type { ComputedRef } from 'vue'
import type { Actions, ComputedGetters, State } from '~/types'
import type { Actions, ComputedGetters, State } from '../types'

@@ -4,0 +4,0 @@ export declare function useActions(

import type { ComputedRef } from 'vue'
import type { ComputedGetters, State } from '~/types'
import type { ComputedGetters, State } from '../types'
export declare function useGetters(state: State, nodeIds: ComputedRef<string[]>, edgeIds: ComputedRef<string[]>): ComputedGetters
import type { Ref } from 'vue'
import type { FlowHooks } from '~/types'
import type { FlowHooks } from '../types'
export declare function createHooks(): FlowHooks
export declare function useHooks(emit: (...args: any[]) => void, hooks: Ref<FlowHooks>): void

@@ -1,2 +0,2 @@

import type { DefaultEdgeTypes, DefaultNodeTypes, FlowOptions, State } from '~/types'
import type { DefaultEdgeTypes, DefaultNodeTypes, FlowOptions, State } from '../types'

@@ -3,0 +3,0 @@ export declare const defaultNodeTypes: DefaultNodeTypes

import type { CSSProperties, Component, DefineComponent, VNode } from 'vue'
import type { BezierEdge, SimpleBezierEdge, SmoothStepEdge, StepEdge, StraightEdge } from '../components'
import type { NodeProps } from './node'
import type { EdgeProps } from './edge'
import type { BezierEdge, SimpleBezierEdge, SmoothStepEdge, StepEdge, StraightEdge } from '~/components'

@@ -6,0 +6,0 @@ /** Global component names are components registered to the vue instance and are "autoloaded" by their string name */

import type { CSSProperties } from 'vue'
import type { KeyFilter } from '@vueuse/core'
import type { D3ZoomEvent } from 'd3-zoom'
import type { VueFlowError } from '../utils'
import type { DefaultEdgeOptions, Edge, EdgeProps, EdgeUpdatable, GraphEdge } from './edge'

@@ -19,5 +20,4 @@ import type { CoordinateExtent, CoordinateExtentRange, GraphNode, Node, NodeProps } from './node'

import type { ValidConnectionFunc } from './handle'
import type { EdgeChange, NodeChange } from '~/types/changes'
import type { VueFlowStore } from '~/types/store'
import type { VueFlowError } from '~/utils'
import type { EdgeChange, NodeChange } from './changes'
import type { VueFlowStore } from './store'

@@ -24,0 +24,0 @@ export type ElementData = any

import type { EventHookOn, EventHookTrigger } from '@vueuse/core'
import type { D3ZoomEvent } from 'd3-zoom'
import type { VueFlowError } from '../utils/errors'
import type { EventHookExtended } from '../utils/createExtendedEventHook'
import type { GraphEdge } from './edge'

@@ -9,4 +11,2 @@ import type { GraphNode } from './node'

import type { VueFlowStore } from './store'
import type { VueFlowError } from '~/utils/errors'
import type { EventHookExtended } from '~/utils'

@@ -13,0 +13,0 @@ export type MouseTouchEvent = MouseEvent | TouchEvent

@@ -1,2 +0,2 @@

import type { XYPosition } from '~/types'
import type { XYPosition } from '../types'

@@ -3,0 +3,0 @@ export declare const ARIA_NODE_DESC_KEY = 'vue-flow__node-desc'

@@ -1,3 +0,3 @@

import type { Dimensions, XYPosition } from '~/types'
import type { Dimensions, XYPosition } from '../types'
export declare function calcAutoPan(pos: XYPosition, bounds: Dimensions): number[]

@@ -15,3 +15,3 @@ import type {

NodeSelectionChange,
} from '~/types'
} from '../types'

@@ -18,0 +18,0 @@ export declare function applyChanges<

@@ -1,2 +0,2 @@

import type { Actions, CoordinateExtent, GraphNode, NodeDragItem, State, XYPosition } from '~/types'
import type { Actions, CoordinateExtent, GraphNode, NodeDragItem, State, XYPosition } from '../types'

@@ -3,0 +3,0 @@ export declare function hasSelector(target: Element, selector: string, node: Element): boolean

@@ -1,3 +0,3 @@

import type { Actions, EdgePositions, GraphEdge, GraphNode, HandleElement, Rect, ViewportTransform, XYPosition } from '~/types'
import type { Position } from '~/types'
import type { Actions, EdgePositions, GraphEdge, GraphNode, HandleElement, Rect, ViewportTransform, XYPosition } from '../types'
import type { Position } from '../types'

@@ -4,0 +4,0 @@ export declare function getHandlePosition(position: Position, rect: Rect, handle: HandleElement | null): XYPosition

@@ -21,3 +21,3 @@ import type {

XYZPosition,
} from '~/types'
} from '../types'

@@ -24,0 +24,0 @@ export declare function nodeToRect(node: GraphNode): Rect

@@ -1,2 +0,2 @@

import type { ConnectionMode } from '~/types'
import type { ConnectionMode } from '../types'
import type {

@@ -13,3 +13,3 @@ Actions,

XYPosition,
} from '~/types'
} from '../types'

@@ -16,0 +16,0 @@ export interface ConnectionHandle extends XYPosition, Dimensions {

import type { Ref } from 'vue'
import type { Actions, GraphNode, HandleElement } from '~/types'
import type { Actions, GraphNode, HandleElement } from '../types'

@@ -4,0 +4,0 @@ export declare function getHandleBounds(selector: string, nodeElement: HTMLDivElement, zoom: number): HandleElement[] | undefined

@@ -1,2 +0,2 @@

import type { Actions, Connection, Edge, GraphEdge, GraphNode, Node, State } from '~/types'
import type { Actions, Connection, Edge, GraphEdge, GraphNode, Node, State } from '../types'

@@ -11,3 +11,3 @@ type NonUndefined<T> = T extends undefined ? never : T

| false
| (import('~/types').DefaultEdge<any, any, string> & {
| (import('../types').DefaultEdge<any, any, string> & {
selected: boolean

@@ -17,5 +17,5 @@ sourceNode: GraphNode<any, any, string>

data: any
events: Partial<import('~/types').EdgeEventsHandler<any>>
events: Partial<import('../types').EdgeEventsHandler<any>>
type: string
} & import('~/types').EdgePositions)
} & import('../types').EdgePositions)
export declare function updateEdgeAction(

@@ -46,3 +46,3 @@ edge: GraphEdge,

| import('vue').Component<
import('~/types').EdgeTextProps,
import('../types').EdgeTextProps,
any,

@@ -56,15 +56,15 @@ any,

animated?: boolean | undefined
markerStart?: import('~/types').EdgeMarkerType | undefined
markerEnd?: import('~/types').EdgeMarkerType | undefined
updatable?: import('~/types').EdgeUpdatable | undefined
markerStart?: import('../types').EdgeMarkerType | undefined
markerEnd?: import('../types').EdgeMarkerType | undefined
updatable?: import('../types').EdgeUpdatable | undefined
selectable?: boolean | undefined
focusable?: boolean | undefined
deletable?: boolean | undefined
class?: string | import('~/types').ClassFunc<GraphEdge<any, any, string>> | undefined
style?: import('~/types').Styles | import('~/types').StyleFunc<GraphEdge<any, any, string>> | undefined
class?: string | import('../types').ClassFunc<GraphEdge<any, any, string>> | undefined
style?: import('../types').Styles | import('../types').StyleFunc<GraphEdge<any, any, string>> | undefined
hidden?: boolean | undefined
interactionWidth?: number | undefined
template?: import('~/types').EdgeComponent | undefined
template?: import('../types').EdgeComponent | undefined
data: any
events: Partial<import('~/types').EdgeEventsHandler<any>>
events: Partial<import('../types').EdgeEventsHandler<any>>
zIndex?: number | undefined

@@ -71,0 +71,0 @@ ariaLabel?: string | null | undefined

{
"name": "@vue-flow/core",
"version": "1.27.0",
"version": "1.27.1",
"private": false,

@@ -71,4 +71,2 @@ "license": "MIT",

"postcss-nested": "^6.0.1",
"ts-patch": "^3.0.2",
"typescript-transform-paths": "^3.4.6",
"vite": "^4.4.11",

@@ -91,4 +89,4 @@ "vue-tsc": "^1.8.16",

"build:watch": "vite build --watch & vite build -c vite.config.iife.ts --watch",
"types": "pnpm prepare && vue-tsc --declaration --emitDeclarationOnly && tsc -p ./tsconfig.build.json && shx rm -rf tmp && pnpm lint:dist",
"types:watch": "pnpm prepare && vue-tsc --declaration --emitDeclarationOnly --watch & tsc -p ./tsconfig.build.json --watch",
"types": "vue-tsc --declaration --emitDeclarationOnly && tsc -p ./tsconfig.build.json && shx rm -rf tmp && pnpm lint:dist",
"types:watch": "vue-tsc --declaration --emitDeclarationOnly --watch & tsc -p ./tsconfig.build.json --watch",
"theme": "postcss src/style.css -o dist/style.css && postcss src/theme-default.css -o dist/theme-default.css",

@@ -95,0 +93,0 @@ "lint": "eslint --ext .js,.ts,.vue ./",

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc