diff --git a/client/src/components/directories/DirectoryColumnTree.tsx b/client/src/components/directories/DirectoryColumnTree.tsx index bfd8706..81dc4ab 100644 --- a/client/src/components/directories/DirectoryColumnTree.tsx +++ b/client/src/components/directories/DirectoryColumnTree.tsx @@ -23,6 +23,7 @@ interface TreeGroup { values: Record; rows: DataTableRow[]; children: TreeGroup[]; + isLeaf?: boolean; } function getRowLabel(row: DataTableRow, displayColumns: number[]): string { @@ -43,6 +44,7 @@ function getRowLabel(row: DataTableRow, displayColumns: number[]): string { function buildTree( rows: DataTableRow[], treeColumns: number[], + displayColumns: number[], level = 0, values: Record = {} ): TreeGroup[] { @@ -68,19 +70,38 @@ function buildTree( const result: TreeGroup[] = []; for (const [label, groupRows] of groups) { const groupValues = { ...values, [columnIndex]: label }; - result.push({ - id: `${level}:${label}`, - label, - level, - values: groupValues, - rows: groupRows, - children: buildTree(groupRows, treeColumns, level + 1, groupValues), + // Если у группы все строки имеют пустое значение в displayColumns, + // группа становится конечной строкой (можно выбрать в задачах) + const allEmpty = groupRows.every((row) => { + const vals = Array.isArray(row.values) ? row.values : []; + return displayColumns.every((ci) => !String(vals[ci] ?? '').trim()); }); + + if (allEmpty && groupRows.length === 1) { + result.push({ + id: `${level}:${label}`, + label, + level, + values: groupValues, + rows: groupRows, + children: [], + isLeaf: true, + }); + } else { + result.push({ + id: `${level}:${label}`, + label, + level, + values: groupValues, + rows: groupRows, + children: buildTree(groupRows, treeColumns, displayColumns, level + 1, groupValues), + }); + } } // Строки без значения в этой колонке относятся к корню текущего уровня if (rootRows.length > 0) { - const rootGroup = buildTree(rootRows, treeColumns, level + 1, values); + const rootGroup = buildTree(rootRows, treeColumns, displayColumns, level + 1, values); result.push(...rootGroup); } @@ -149,7 +170,54 @@ function TreeNode({ onAddChild, }: TreeNodeProps) { const isExpanded = expanded.has(group.id); - const isLeaf = group.children.length === 0; + const isLeaf = group.isLeaf || group.children.length === 0; + + if (group.isLeaf && group.rows.length === 1) { + const row = group.rows[0]; + const isSelected = selectedRowId === row.id; + return ( +
onSelect(row)} + > + + {group.label} +
e.stopPropagation()} + > + + +
+
+ ); + } return (
@@ -262,7 +330,7 @@ export function DirectoryColumnTree({ searchQuery, }: DirectoryColumnTreeProps) { const groups = useMemo( - () => buildTree(rows, treeColumns), + () => buildTree(rows, treeColumns, treeDisplayColumns), [rows, treeColumns] ); diff --git a/server/routes/data-tables.routes.ts b/server/routes/data-tables.routes.ts index 6641d2c..061bfc1 100644 --- a/server/routes/data-tables.routes.ts +++ b/server/routes/data-tables.routes.ts @@ -585,13 +585,30 @@ export function registerDataTableRoutes(app: import("express").Express): void { const nodes: TreeNode[] = []; for (const [label, groupRows] of groups) { - nodes.push({ - type: 'group', - id: `group:${level}:${label}`, - label, - level, - children: buildMultiColumnTree(groupRows, columns, level + 1), + // Если у группы все строки имеют пустое значение в treeDisplayColumns, + // группа становится конечной строкой (можно выбрать в задачах) + const allEmpty = groupRows.every((row) => { + const vals = Array.isArray(row.values) ? row.values : []; + return treeDisplayColumns.every((ci) => !String(vals[ci] ?? '').trim()); }); + + if (allEmpty && groupRows.length === 1) { + nodes.push({ + type: 'row', + id: groupRows[0].id, + label, + level, + row: groupRows[0], + }); + } else { + nodes.push({ + type: 'group', + id: `group:${level}:${label}`, + label, + level, + children: buildMultiColumnTree(groupRows, columns, level + 1), + }); + } } if (rootRows.length > 0) {