如何让纵向布局的两个 Combo 保持固定间距？

[anchor-sherry]

Describe the bug / 问题描述

在 React18 中使用@antv/G6 v5.0.49版本，Combo 之间的间距会受到 Combo 内节点数量的影响，节点数量越多，Combo 之间的间距越大，这不是我期望的效果。

我期望的是：无论 Combo 内有多少个节点，Combo 之间始终保持固定间距（如 50px）。

Version / 版本

@antv/G6 v5.0.49

OS / 操作系统

Windows

Browser / 浏览器

Chrome

当前效果

代码

    const graph = new G6.Graph({
      width,
      height,
      data,
      container: containerRef.current, // 指定挂载容器
      autoFit: 'center',
      autoResize: true,
      behaviors: ['drag-canvas', 'zoom-canvas'],
      node: {
        type: 'rect',
        style: {
          radius: 8,
          size: [60, 30],
          labelText: (d) => d.id,
          labelBackground: true,
          ports: [
            { placement: 'top', key: 'top' },
            { placement: 'bottom', key: 'bottom' },
          ],
        },
        palette: {
          field: (d) => d.combo as string,
        },
      },
      edge: {
        type: 'cubic-vertical',
        style: {
          endArrow: true,
        },
      },
      combo: {
        type: 'rect',
        style: {
          radius: 8,
          align: 'center',
          ports: [
            { placement: 'top', key: 'top' },
            { placement: 'bottom', key: 'bottom' },
          ],
        },
      },
      layout: {
        type: 'combo-combined',
        groupByTypes: false,
        outerLayout: new AntVDagreLayout({
          rankdir: 'LR',
          ranker: 'longest-path',
          ranksepFunc: () => 1,
          nodesepFunc: () => 1,
        }),
        innerLayout: new AntVDagreLayout({
          rankdir: 'TB',
          ranker: 'longest-path',
          ranksepFunc: () => 1,
          nodesepFunc: () => 1,
        }),
      },
    });