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

@@ -20,6 +20,7 @@ import type {
import { useActions } from './NodeCreator/composables/useActions';
import KeyboardShortcutTooltip from '@/components/KeyboardShortcutTooltip.vue';
import { useI18n } from '@n8n/i18n';
import { useExperimentalNdvStore } from '../canvas/experimental/experimentalNdv.store';
type Props = {
nodeViewScale: number;
@@ -44,6 +45,7 @@ const uiStore = useUIStore();
const focusPanelStore = useFocusPanelStore();
const posthogStore = usePostHog();
const i18n = useI18n();
const experimentalNdvStore = useExperimentalNdvStore();
const { getAddedNodesAndConnections } = useActions();
@@ -125,6 +127,20 @@ function nodeTypeSelected(value: NodeTypeSelectedPayload[]) {
@click="focusPanelStore.toggleFocusPanel"
/>
</KeyboardShortcutTooltip>
<n8n-icon-button
v-if="experimentalNdvStore.isEnabled"
type="tertiary"
size="large"
icon="expand"
@click="experimentalNdvStore.expandAllNodes"
/>
<n8n-icon-button
v-if="experimentalNdvStore.isEnabled"
type="tertiary"
size="large"
icon="compress"
@click="experimentalNdvStore.collapseAllNodes"
/>
</div>
<Suspense>
<LazyNodeCreator