admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-16 17:46:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(editor): Bump vue-flow with necessary workaround (#18245)

Browse Source 
Co-authored-by: Csaba Tuncsik <csaba.tuncsik@gmail.com>
This commit is contained in:
Suguru Inoue
2025-09-01 11:54:51 +02:00
committed by GitHub
parent 7f64baebd2
commit 056418307a
6 changed files with 38 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/frontend/editor-ui/package.json
View File

@@ -53,7 +53,7 @@
"@typescript/vfs": "^1.6.0",
"@vue-flow/background": "^1.3.2",
"@vue-flow/controls": "^1.1.2",
"@vue-flow/core": "1.42.1",
"@vue-flow/core": "1.45.0",
"@vue-flow/minimap": "^1.5.2",
"@vue-flow/node-resizer": "^1.4.0",
"@vueuse/components": "^10.11.0",

5
packages/frontend/editor-ui/src/__tests__/data/canvas.ts
View File

@@ -92,7 +92,10 @@ export function createCanvasGraphNode({
isParent: false,
selected: false,
resizing: false,
handleBounds: {},
handleBounds: {
source: null,
target: null,
},
events: {},
data: createCanvasNodeData({ id, type, ...data }),
...rest,

12
packages/frontend/editor-ui/src/components/canvas/Canvas.vue
View File

@@ -447,11 +447,7 @@ function onSelectNodes({ ids, panIntoView }: CanvasEventBusEvents['nodes:select'
const newViewport = updateViewportToContainNodes(viewport.value, dimensions.value, nodes, 100);
void setViewport(newViewport, {
duration: 200,
// TODO: restore when re-upgrading vue-flow to >= 1.45
// interpolate: 'linear',
});
void setViewport(newViewport, { duration: 200, interpolate: 'linear' });
}
}
@@ -469,10 +465,16 @@ function onUpdateNodeParameters(id: string, parameters: Record<string, unknown>)
function onUpdateNodeInputs(id: string) {
emit('update:node:inputs', id);
// Let VueFlow update connection paths to match the new handle position
void nextTick(() => vueFlow.updateNodeInternals([id]));
}
function onUpdateNodeOutputs(id: string) {
emit('update:node:outputs', id);
// Let VueFlow update connection paths to match the new handle position
void nextTick(() => vueFlow.updateNodeInternals([id]));
}
function onFocusNode(id: string) {

21
packages/frontend/editor-ui/src/components/canvas/experimental/experimentalNdv.store.ts
View File

@@ -88,8 +88,7 @@ export const useExperimentalNdvStore = defineStore('experimentalNdv', () => {
{
duration: 200,
zoom: maxCanvasZoom.value,
// TODO: restore when re-upgrading vue-flow to >= 1.45
// interpolate: 'linear',
interpolate: 'linear',
},
);
}
@@ -107,19 +106,11 @@ export const useExperimentalNdvStore = defineStore('experimentalNdv', () => {
function toggleZoomMode(options: ToggleZoomModeOptions) {
if (isActive(options.canvasViewport.zoom)) {
if (previousViewport.value === undefined) {
void options.fitView({
duration: 200,
// TODO: restore when re-upgrading vue-flow to >= 1.45
// interpolate: 'linear',
});
void options.fitView({ duration: 200, interpolate: 'linear' });
return;
}
void options.setViewport(previousViewport.value, {
duration: 200,
// TODO: restore when re-upgrading vue-flow to >= 1.45
// interpolate: 'linear'
});
void options.setViewport(previousViewport.value, { duration: 200, interpolate: 'linear' });
return;
}
@@ -136,11 +127,7 @@ export const useExperimentalNdvStore = defineStore('experimentalNdv', () => {
return;
}
void options.zoomTo(maxCanvasZoom.value, {
duration: 200,
// TODO: restore when re-upgrading vue-flow to >= 1.45
// interpolate: 'linear',
});
void options.zoomTo(maxCanvasZoom.value, { duration: 200, interpolate: 'linear' });
}
return {

5
packages/frontend/editor-ui/src/utils/nodeViewUtils.test.ts
View File

@@ -558,7 +558,10 @@ describe('calculateNodeSize', () => {
function createTestGraphNode(data: Partial<GraphNode> = {}): GraphNode {
return {
computedPosition: { z: 0, ...(data.position ?? { x: 0, y: 0 }) },
handleBounds: {},
handleBounds: {
source: null,
target: null,
},
dimensions: { width: 0, height: 0 },
isParent: true,
selected: false,