el-tree节点勾选：如何实现特定条件下的自动勾选及取消父节点后子节点保持勾选？

<template>
  <el-tree :data="data" default-expand-all node-key="label" ref="treeRef" show-checkbox @check-change="handleCheckChange"></el-tree>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const treeRef = ref(null);
    const data = ref([
      {
        label: 'root',
        children: [
          { label: '2-0' },
          { label: '2-1' },
          { label: '2-2' },
          { label: '3-0' },
          { label: '3-1' },
          { label: '3-2' },
        ],
      },
    ]);

    const handleCheckChange = (node, checked) => {
      const [group, index] = node.label.split('-');
      const checkedNodes = treeRef.value.getCheckedNodes();

      // 勾选x-n (n!=0)，自动勾选x-0
      if (checked && index !== '0') {
        treeRef.value.setChecked(`${group}-0`, true);
      }

      // 取消勾选x-0，如果其他x-n (n!=0)被勾选，则重新勾选x-0
      if (!checked && index === '0') {
        const otherChecked = checkedNodes.some(item => item.label.startsWith(`${group}-`) && item.label !== `${group}-0`);
        if (otherChecked) {
          treeRef.value.setChecked(`${group}-0`, true);
        }
      }
    };

    return { treeRef, data, handleCheckChange };
  },
};
</script>