布局时如何在考虑节点主图形之外，还考虑文字大小，避免文字和图形重叠？

[divq]

官方文档地址：https://g6.antv.antgroup.com/examples/layout/compact-box/#vertical

这个地址的示例的stackblitz:
https://stackblitz.com/run?file=index.js

如果把下面这行指定叶节点文字垂直的代码注释掉，就会出现文字和节点重叠的情况，这种情况之所以发生是因为布局时应该是只考虑了主图形的大小，而不会考虑文字大小

（代码29行开始的if语句块）

          if (isLeafNode(d)) {
            Object.assign(style, {
              labelTransform: [
                ['rotate', 90],
                ['translate', 18],
              ],
              labelBaseline: 'center',
              labelTextAlign: 'left',
            });
          }

注释掉之前：

注释掉之后：