feat(editor): Collapse button on table view (#16993)

This commit is contained in:
Suguru Inoue
2025-07-07 10:54:59 +02:00
committed by GitHub
parent bd8b7b468c
commit d3330b6bcc
13 changed files with 276 additions and 10 deletions

View File

@@ -84,6 +84,7 @@ const showDraggableHintWithDelay = ref(false);
const draggableHintShown = ref(false);
const mappedNode = ref<string | null>(null);
const collapsingColumnName = ref<string | null>(null);
const inputModes = [
{ value: 'mapping', label: i18n.baseText('ndv.input.mapping') },
{ value: 'debugging', label: i18n.baseText('ndv.input.fromAI') },
@@ -365,6 +366,10 @@ function onConnectionHelpClick() {
function activatePane() {
emit('activatePane');
}
function handleChangeCollapsingColumn(columnName: string | null) {
collapsingColumnName.value = columnName;
}
</script>
<template>
@@ -390,6 +395,7 @@ function activatePane() {
pane-type="input"
data-test-id="ndv-input-panel"
:disable-ai-content="true"
:collapsing-table-column-name="collapsingColumnName"
@activate-pane="activatePane"
@item-hover="onItemHover"
@link-run="onLinkRun"
@@ -398,6 +404,7 @@ function activatePane() {
@table-mounted="onTableMounted"
@search="onSearch"
@display-mode-change="emit('displayModeChange', $event)"
@collapsing-table-column-changed="handleChangeCollapsingColumn"
>
<template #header>
<div :class="[$style.titleSection, { [$style.titleSectionV2]: isNDVV2 }]">