diff --git a/examples/UpdateNodeInternals/UpdateNodeInternalsExample.vue b/examples/UpdateNodeInternals/UpdateNodeInternalsExample.vue index 1c5c19f9..2393daaa 100644 --- a/examples/UpdateNodeInternals/UpdateNodeInternalsExample.vue +++ b/examples/UpdateNodeInternals/UpdateNodeInternalsExample.vue @@ -69,15 +69,12 @@ const onLoad = (instance: FlowInstance) => { instance.fitView() flowInstance.value = instance } - -const updateNodeInternals = () => flowInstance.value?.updateNodeInternals('1') toggle handle count toggle handle position - update node internals diff --git a/src/composables/index.ts b/src/composables/index.ts index 87f9bbd7..31ac1eb4 100644 --- a/src/composables/index.ts +++ b/src/composables/index.ts @@ -2,7 +2,6 @@ export { default as useHandle } from './useHandle' export { default as useHooks } from './useHooks' export * from './useHooks' export { default as useKeyPress } from './useKeyPress' -export { default as useUpdateNodeInternals } from './useUpdateNodeInternals' export { default as useZoomPanHelper } from './useZoomPanHelper' export { default as useStore } from './useStore' export { default as useWindow } from './useWindow' diff --git a/src/composables/useUpdateNodeInternals.ts b/src/composables/useUpdateNodeInternals.ts deleted file mode 100644 index 4c5d72fa..00000000 --- a/src/composables/useUpdateNodeInternals.ts +++ /dev/null @@ -1,11 +0,0 @@ -import useStore from './useStore' -import { ElementId, UpdateNodeInternals } from '~/types' - -export default (store = useStore()): UpdateNodeInternals => - (id: ElementId) => { - const nodeElement: HTMLDivElement | null = document.querySelector(`.vue-flow__node[data-id="${id}"]`) - - if (nodeElement) { - store.updateNodeDimensions({ id, nodeElement, forceUpdate: true }) - } - } diff --git a/src/container/ZoomPane/ZoomPane.vue b/src/container/ZoomPane/ZoomPane.vue index 17237619..d8b1755e 100644 --- a/src/container/ZoomPane/ZoomPane.vue +++ b/src/container/ZoomPane/ZoomPane.vue @@ -3,7 +3,7 @@ import { D3ZoomEvent, zoom, zoomIdentity, ZoomTransform } from 'd3-zoom' import { get } from '@vueuse/core' import { pointer, select } from 'd3-selection' import { FlowTransform, KeyCode, PanOnScrollMode } from '~/types' -import { useHooks, useKeyPress, useStore, useUpdateNodeInternals, useZoomPanHelper } from '~/composables' +import { useHooks, useKeyPress, useStore, useZoomPanHelper } from '~/composables' import { clamp, onLoadGetElements, onLoadProject, onLoadToObject } from '~/utils' interface ZoomPaneProps { @@ -202,7 +202,6 @@ watchOnce( zoomOut, zoomTo, setTransform, - updateNodeInternals: useUpdateNodeInternals(store), project: onLoadProject(store), getElements: onLoadGetElements(store), toObject: onLoadToObject(store), diff --git a/src/index.ts b/src/index.ts index 6943770e..4971ce6c 100644 --- a/src/index.ts +++ b/src/index.ts @@ -18,7 +18,6 @@ export { graphPosToZoomedPos, } from './utils/graph' export { default as useZoomPanHelper } from './composables/useZoomPanHelper' -export { default as useUpdateNodeInternals } from './composables/useUpdateNodeInternals' export { default as useStore } from './composables/useStore' export { default as useHooks } from './composables/useHooks' export { default as useHandle } from './composables/useHandle' diff --git a/src/types/composables.ts b/src/types/composables.ts deleted file mode 100644 index 51c1ba66..00000000 --- a/src/types/composables.ts +++ /dev/null @@ -1,28 +0,0 @@ -import { Ref } from 'vue' -import { ElementId, FlowTransform } from './types' -import { D3Zoom, D3Selection, PanOnScrollMode, KeyCode } from './panel' -import { Connection } from './connection' - -export type UpdateNodeInternals = (nodeId: ElementId) => void - -export interface UseZoomOptions { - selectionKeyCode?: KeyCode - zoomActivationKeyCode?: KeyCode - paneMoveable?: boolean - defaultZoom?: number - defaultPosition?: [number, number] - zoomOnScroll?: boolean - zoomOnPinch?: boolean - panOnScroll?: boolean - panOnScrollSpeed?: number - panOnScrollMode?: PanOnScrollMode - zoomOnDoubleClick?: boolean -} - -export interface UseZoom { - transform: Ref - d3Zoom: Ref - d3Selection: Ref -} - -export type ValidConnectionFunc = (connection: Connection) => boolean diff --git a/src/types/edge.ts b/src/types/edge.ts index 70ae6648..6ecd7012 100644 --- a/src/types/edge.ts +++ b/src/types/edge.ts @@ -1,6 +1,5 @@ import { DefineComponent } from 'vue' import { ArrowHeadType, ElementId, Position } from './types' -import { Connection } from './connection' export interface Edge { id: ElementId @@ -65,8 +64,6 @@ export interface EdgeSmoothStepProps extends EdgeProps { export type EdgeType = DefineComponent | boolean -export type OnEdgeUpdateFunc = (oldEdge: Edge, newConnection: Connection) => void - export interface EdgePositions { sourceX: number sourceY: number diff --git a/src/types/handle.ts b/src/types/handle.ts index d44be907..7efa99e3 100644 --- a/src/types/handle.ts +++ b/src/types/handle.ts @@ -1,4 +1,5 @@ import { Dimensions, ElementId, Position, XYPosition } from './types' +import { Connection } from '~/types/connection' export type HandleType = 'source' | 'target' @@ -6,3 +7,5 @@ export interface HandleElement extends XYPosition, Dimensions { id?: ElementId | null position: Position } + +export type ValidConnectionFunc = (connection: Connection) => boolean diff --git a/src/types/index.ts b/src/types/index.ts index 289c81d1..3f68a791 100644 --- a/src/types/index.ts +++ b/src/types/index.ts @@ -7,4 +7,3 @@ export * from './node' export * from './panel' export * from './store' export * from './hooks' -export * from './composables' diff --git a/src/types/types.ts b/src/types/types.ts index 177d5d02..89e562f6 100644 --- a/src/types/types.ts +++ b/src/types/types.ts @@ -86,11 +86,8 @@ export type FlowInstance = { getElements: () => Elements setTransform: (transform: FlowTransform) => void toObject: ToObjectFunc - updateNodeInternals: (id: ElementId) => void } -export type OnLoadFunc = (params: FlowInstance) => void - export interface FlowOptions extends Omit { elements: Elements nodeTypes?: Record | string[]