root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-4539): complete Step 1 — add layout orientation option

Browse Source 
Fusion-Task-Id: FN-4539
Fusion-Task-Lineage: 90c37e7c-0691-4f15-80d6-e95bc6502e76
This commit is contained in:
Fusion
2026-05-14 15:56:34 -07:00
committed by gsxdsm
parent 87ca698e3c
commit e0c672657a
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
plugins/fusion-plugin-dependency-graph/src/layout.ts
View File

@@ -5,6 +5,7 @@ export interface LayoutOptions {
nodeHeight?: number;
horizontalGap?: number;
verticalGap?: number;
orientation?: "vertical" | "horizontal";
}
const DEFAULT_LAYOUT_OPTIONS: Required<LayoutOptions> = {
@@ -12,6 +13,7 @@ const DEFAULT_LAYOUT_OPTIONS: Required<LayoutOptions> = {
nodeHeight: 100,
horizontalGap: 40,
verticalGap: 80,
orientation: "vertical",
};
export function computeAutoLayout(
@@ -77,11 +79,21 @@ export function computeAutoLayout(
for (const depth of sortedDepths) {
const layer = layers.get(depth) ?? [];
layer.sort();
const layerWidth = layer.length * settings.nodeWidth + Math.max(0, layer.length - 1) * settings.horizontalGap;
const startX = -layerWidth / 2;
const isHorizontal = settings.orientation === "horizontal";
const layerSpan =
layer.length * (isHorizontal ? settings.nodeHeight : settings.nodeWidth) +
Math.max(0, layer.length - 1) * (isHorizontal ? settings.verticalGap : settings.horizontalGap);
const startOffset = -layerSpan / 2;
layer.forEach((id, index) => {
const x = startX + index * (settings.nodeWidth + settings.horizontalGap);
if (isHorizontal) {
const x = depth * (settings.nodeWidth + settings.horizontalGap);
const y = startOffset + index * (settings.nodeHeight + settings.verticalGap);
positions.set(id, { x, y });
return;
}
const x = startOffset + index * (settings.nodeWidth + settings.horizontalGap);
const y = depth * (settings.nodeHeight + settings.verticalGap);
positions.set(id, { x, y });
});