diff --git a/package/src/container/TransformationPane/TransformationPane.vue b/package/src/container/TransformationPane/TransformationPane.vue index 955e4630..28df82d3 100644 --- a/package/src/container/TransformationPane/TransformationPane.vue +++ b/package/src/container/TransformationPane/TransformationPane.vue @@ -26,7 +26,6 @@ onMounted(() => { } store.instance = instance store.fitViewOnInit && instance.fitView() - store.paneReady = true store.hooks.paneReady.trigger(instance) }) diff --git a/package/src/store/getters.ts b/package/src/store/getters.ts index 47886740..c2daba67 100644 --- a/package/src/store/getters.ts +++ b/package/src/store/getters.ts @@ -24,56 +24,48 @@ export default (state: State): ComputedGetters => { }) const getNodes = computed(() => { - if (state.paneReady) { - const nodes = state.nodes.filter((n) => !n.hidden) - return state.onlyRenderVisibleElements - ? nodes && - getNodesInside( - nodes, - { - x: 0, - y: 0, - width: state.dimensions.width, - height: state.dimensions.height, - }, - state.transform, - true, - ) - : nodes ?? [] - } - return [] + const nodes = state.nodes.filter((n) => !n.hidden) + return state.onlyRenderVisibleElements + ? nodes && + getNodesInside( + nodes, + { + x: 0, + y: 0, + width: state.dimensions.width, + height: state.dimensions.height, + }, + state.transform, + true, + ) + : nodes ?? [] }) const getEdges = computed(() => { - if (state.paneReady) { - if (!state.onlyRenderVisibleElements) - return state.edges.filter( - (e) => !e.hidden && e.targetNode && !e.targetNode.hidden && e.sourceNode && !e.sourceNode.hidden, - ) - else - return state.edges.filter( - (e) => - !e.hidden && - e.sourceNode.dimensions.width && - e.sourceNode.dimensions.height && - e.targetNode.dimensions.width && - e.targetNode.dimensions.height && - !e.targetNode.hidden && - !e.sourceNode.hidden && - isEdgeVisible({ - sourcePos: e.sourceNode.computedPosition || { x: 0, y: 0 }, - targetPos: e.targetNode.computedPosition || { x: 0, y: 0 }, - sourceWidth: e.sourceNode.dimensions.width, - sourceHeight: e.sourceNode.dimensions.height, - targetWidth: e.targetNode.dimensions.width, - targetHeight: e.targetNode.dimensions.height, - width: state.dimensions.width, - height: state.dimensions.height, - transform: state.transform, - }), - ) - } - return [] + if (!state.onlyRenderVisibleElements) + return state.edges.filter((e) => !e.hidden && e.targetNode && !e.targetNode.hidden && e.sourceNode && !e.sourceNode.hidden) + else + return state.edges.filter( + (e) => + !e.hidden && + e.sourceNode.dimensions.width && + e.sourceNode.dimensions.height && + e.targetNode.dimensions.width && + e.targetNode.dimensions.height && + !e.targetNode.hidden && + !e.sourceNode.hidden && + isEdgeVisible({ + sourcePos: e.sourceNode.computedPosition || { x: 0, y: 0 }, + targetPos: e.targetNode.computedPosition || { x: 0, y: 0 }, + sourceWidth: e.sourceNode.dimensions.width, + sourceHeight: e.sourceNode.dimensions.height, + targetWidth: e.targetNode.dimensions.width, + targetHeight: e.targetNode.dimensions.height, + width: state.dimensions.width, + height: state.dimensions.height, + transform: state.transform, + }), + ) }) const getSelectedNodes: ComputedGetters['getSelectedNodes'] = computed(() => state.nodes.filter((n) => n.selected)) diff --git a/package/src/store/state.ts b/package/src/store/state.ts index edbd8b77..4f752294 100644 --- a/package/src/store/state.ts +++ b/package/src/store/state.ts @@ -39,7 +39,6 @@ const defaultState = (): State => ({ nodes: [], edges: [], - paneReady: false, initialized: false, instance: null, diff --git a/package/src/types/store.ts b/package/src/types/store.ts index 8197926c..6f64cc4f 100644 --- a/package/src/types/store.ts +++ b/package/src/types/store.ts @@ -84,7 +84,6 @@ export interface State zoomOnDoubleClick: boolean preventScrolling: boolean - paneReady: boolean initialized: boolean applyDefault: boolean