antdesign vue a-tree 树形 halfChecked

Ant Design Vue 中的 A-Tree 组件支持半选状态，也就是说，某个节点的部分子节点被选中时，该节点呈现半选状态。要启用半选状态，你需要设置 `checkStrictly` 为 `false`，然后在节点数据中添加 `halfChecked` 属性来表示该节点是否处于半选状态。

以下是一个示例代码：

<template>
  <a-tree :data="treeData" :checkable="true" :check-strictly="false" v-model:selectedKeys="selectedKeys">
    <template slot="treeNode" slot-scope="{ node }">
      <span>{{ node.title }}</span>
    </template>
  </a-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          title: 'Parent 1',
          key: '1',
          children: [
            {
              title: 'Child 1-1',
              key: '1-1',
            },
            {
              title: 'Child 1-2',
              key: '1-2',
              children: [
                {
                  title: 'Child 1-2-1',
                  key: '1-2-1',
                },
                {
                  title: 'Child 1-2-2',
                  key: '1-2-2',
                },
              ],
              halfChecked: true, // 该节点处于半选状态
            },
          ],
        },
        {
          title: 'Parent 2',
          key: '2',
          children: [
            {
              title: 'Child 2-1',
              key: '2-1',
            },
            {
              title: 'Child 2-2',
              key: '2-2',
            },
          ],
        },
      ],
      selectedKeys: [],
    };
  },
};
</script>

在上面的示例中，`checkStrictly` 被设置为 `false`，因此可以使用 `halfChecked` 属性来表示部分选中的节点。在 `treeData` 中，`Parent 1` 的 `Child 1-2` 节点被标记为半选状态。如果用户选择了该节点，它将处于选中状态。