[Question] The vertical automatic layout effect is not ideal

[BrightTan]

🙋 SDK Version

"@flowgram.ai/free-auto-layout-plugin": "^1.0.6",
"@flowgram.ai/free-container-plugin": "^1.0.6",
"@flowgram.ai/free-layout-editor": "^1.0.6",

📌 Layout

Free layout

💻 Environment

• Operation System: macOs 15.6.1
• Node.js: 20
• Other:

📝 Question Description

设计稿如下：

使用自动布局后效果如下：

配置如下：

我应该如何实现设计稿中的布局效果呢❓

This text is auto-translated:

🙋 SDK Version

"@flowgram.ai/free-auto-layout-plugin": "^1.0.6",
"@flowgram.ai/free-container-plugin": "^1.0.6",
"@flowgram.ai/free-layout-editor": "^1.0.6",

📌 Layout

Free layout

💻 Environment

• Operation System: macOs 15.6.1
  -Node.js: 20
  -Other:

📝Question Description

The design draft is as follows:

The effect after using automatic layout is as follows:

The configuration is as follows:

How should I achieve the layout effect in the design draft❓

[BrightTan]

主要的问题就是外层布局节点没对齐、线条被遮挡、层级间距设置没生效

This text is auto-translated:
The main problems are that the outer layout nodes are not aligned, the lines are blocked, and the level spacing settings do not take effect.

[louisyoungx]

能否建一个最小化能复现的 github 仓库呢（codesandbox 的链接也行），或者官网 demo 里能复现吗

看这个图我也不知道怎么复现

This text is auto-translated:
Can you build a minimal github repository that can be reproduced (a link to codesandbox will also work), or can it be reproduced in the demo on the official website?
Looking at this picture, I don’t know how to reproduce it.

[louisyoungx]

图里面的 schema json 文件能贴一下吗

This text is auto-translated:
Can you post the schema json file in the picture?

[BrightTan]

@louisyoungx 代码放这里了 https://codesandbox.io/p/devbox/3r337t?migrateFrom=n7fxrh

This text is auto-translated:
@louisyoungx The code is here https://codesandbox.io/p/devbox/3r337t?migrateFrom=n7fxrh

[BrightTan]

@louisyoungx 这个问题有进展吗

This text is auto-translated:
@louisyoungx Is there any progress on this issue?