[Bug] 同时开启树形结构、自动行高和自动换行后，折叠/展开行会导致行的位置错乱

[YiiGuxing]

Version

1.16.2

Link to Minimal Reproduction

https://visactor.com/vtable/guide/table_type/List_table/tree_list?version=1.16.2

Steps to Reproduce

1. 代码

const records = [
  {
    group: "Human Resources Department",
    total_children: 30,
    monthly_expense: "$45000",
    new_hires_this_month: 6,
    resignations_this_month: 3,
    complaints_and_suggestions: 2,
    g_test: "G1",
    children: [
      {
        group: "Recruiting Group",
        children: [
          {
            group: "John Smith",
            position: "Recruiting Manager",
            salary: "$8000"
          },
          {
            group: "Emily Johnson",
            position: "Recruiting Supervisor",
            salary: "$6000"
          },
          {
            group: "Michael Davis",
            position: "Recruiting Specialist",
            salary: "$4000"
          }
        ],
        total_children: 15,
        monthly_expense: "$25000",
        new_hires_this_month: 4,
        resignations_this_month: 2,
        complaints_and_suggestions: 1
      },
      {
        group: "Training Group",
        children: [
          {
            group: "Jessica Brown",
            position: "Training Manager",
            salary: "$8000"
          },
          {
            group: "Andrew Wilson",
            position: "Training Supervisor",
            salary: "$6000"
          }
        ],
        total_children: 15,
        monthly_expense: "$20000",
        new_hires_this_month: 2,
        resignations_this_month: 1,
        complaints_and_suggestions: 1
      }
    ]
  },
  {
    group: "Human Resources Department",
    total_children: 30,
    monthly_expense: "$45000",
    new_hires_this_month: 6,
    resignations_this_month: 3,
    complaints_and_suggestions: 2,
    g_test: "G2",
    children: [
      {
        group: "Recruiting Group",
        children: [
          {
            group: "John Smith",
            position: "Recruiting Manager",
            salary: "$8000"
          },
          {
            group: "Emily Johnson",
            position: "Recruiting Supervisor",
            salary: "$6000"
          },
          {
            group: "Michael Davis",
            position: "Recruiting Specialist",
            salary: "$4000"
          }
        ],
        total_children: 15,
        monthly_expense: "$25000",
        new_hires_this_month: 4,
        resignations_this_month: 2,
        complaints_and_suggestions: 1
      },
      {
        group: "Training Group",
        children: [
          {
            group: "Jessica Brown",
            position: "Training Manager",
            salary: "$8000"
          },
          {
            group: "Andrew Wilson",
            position: "Training Supervisor",
            salary: "$6000"
          }
        ],
        total_children: 15,
        monthly_expense: "$20000",
        new_hires_this_month: 2,
        resignations_this_month: 1,
        complaints_and_suggestions: 1
      }
    ]
  }
];
const columns = [
  {
    field: "group",
    title: "department",
    width: "auto",
    tree: true
  },
  {
    field: "total_children",
    title: "memebers count",
    width: 150,
    fieldFormat(rec) {
      if (rec?.["position"]) {
        return `position:  ${rec["position"]}`;
      } else return rec?.["total_children"];
    }
  },
  {
    field: "monthly_expense",
    title: "monthly expense",
    width: "auto",
    fieldFormat(rec) {
      if (rec?.["salary"]) {
        return `salary:  ${rec["salary"]}`;
      } else return rec?.["monthly_expense"];
    }
  },
  {
    field: "new_hires_this_month",
    title: "new hires this month",
    width: "auto"
  },
  {
    field: "resignations_this_month",
    title: "resignations this month",
    width: "auto"
  },
  {
    field: "complaints_and_suggestions",
    title: "recived complaints counts",
    width: "auto"
  }
];

const option = {
  records,
  columns,
  hierarchyExpandLevel:100,
  widthMode: "standard",
  heightMode: "autoHeight",
  autoWrapText: true,
  canvasWidth: 500,
  canvasHeight: 200,
  theme: { bodyStyle: { bgColor: "transparent" } }
};
const tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID), option);
window["tableInstance"] = tableInstance;

3. 切换行的展开/折叠状态
4. 可见问题

Current Behavior

行的位置错乱重叠：

Expected Behavior

正常渲染

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

[YiiGuxing]

发现只要开记自动换行后，切换行的展开/折叠状态都会有不同程度的问题。

[YiiGuxing]

还发现另外一个问题：开启 autoFillWidth 后，只要手动调整某列的宽度后，每次切换行的展开/折叠状态，一些列都会自动变宽。展开/折叠一次，列就自动变宽一点

[Rui-Sun]

目前树形结构和分组功能不支持同时配置

[YiiGuxing]

目前树形结构和分组功能不支持同时配置

@Rui-Sun 好的。但我发现把分组功能关闭掉后仍然存在同样的问题。上面的配置我已经修改，关闭分组，默认展开所有层级，调整列宽使内容出现换行。切换行的展开/折叠状态还是会出现同样的问题，也就是说和分组没有关系，应该是和树形结构、自动行高和自动换行有关。