feat(editor): Implement some quick improvements on NDV in canvas experiment (no-changelog) (#16717)

Co-authored-by: Milorad FIlipović <milorad@n8n.io>
This commit is contained in:
Suguru Inoue
2025-06-30 11:04:11 +02:00
committed by GitHub
parent 5392efaf71
commit eb138ecf8d
14 changed files with 424 additions and 147 deletions

View File

@@ -55,6 +55,7 @@ import Edge from './elements/edges/CanvasEdge.vue';
import Node from './elements/nodes/CanvasNode.vue';
import { useViewportAutoAdjust } from './composables/useViewportAutoAdjust';
import { isOutsideSelected } from '@/utils/htmlUtils';
import { useExperimentalNdvStore } from './experimental/experimentalNdv.store';
const $style = useCssModule();
@@ -174,6 +175,8 @@ const {
} = useCanvasTraversal(vueFlow);
const { layout } = useCanvasLayout({ id: props.id });
const experimentalNdvStore = useExperimentalNdvStore();
const isPaneReady = ref(false);
const classes = computed(() => ({
@@ -854,7 +857,7 @@ provide(CanvasKey, {
snap-to-grid
:snap-grid="[GRID_SIZE, GRID_SIZE]"
:min-zoom="0"
:max-zoom="4"
:max-zoom="experimentalNdvStore.isEnabled ? experimentalNdvStore.maxCanvasZoom : 4"
:selection-key-code="selectionKeyCode"
:zoom-activation-key-code="panningKeyCode"
:pan-activation-key-code="panningKeyCode"