navi-ui重写勾选逻辑，实现父子节点勾选不互相关联，选中父级自动勾选子集，选中子集不勾选父级

`navi-ui`是一个基于Vue.js的导航UI库，它通常用于构建网站或应用的侧边栏菜单。如果你想要重写其默认的勾选逻辑，以实现在父子节点间选择互不影响，你可以按照以下步骤操作：

1. **隔离状态**：首先，在组件内部，你需要将每个节点的状态独立出来，而不是直接引用父组件的状态。可以为每个节点维护一个独立的`checked`属性。

<template>
  <li v-for="item in items" :key="item.id">
    <input type="checkbox" :value="item.id" v-model="item.checked" @change="handleCheckboxChange(item)">
    <!-- ... -->
  </li>
</template>

<script>
export default {
  props: {
    item: {
      // 定义每个子节点的数据结构
      type: Object,
      required: true
    }
    // 其他props...
  },
  data() {
    return {
      // 初始化每个子节点的checked值
      checkedItems: {}
    };
  },
  methods: {
    handleCheckboxChange(item) {
      this.checkedItems[item.id] = item.checked;
    }
    // 可能需要的方法: 防止循环引用等
  }
};
</script>

2. **父子联动**：当你想让选中父节点时自动选中所有子项，可以在`handleCheckboxChange`方法里检查当前处理的节点是否为父节点，并递归更新所有子项的`checked`状态。

handleCheckboxChange(item) {
  if (item.parentId && !this.checkedItems[item.parentId]) {
    this.$set(this.checkedItems, item.parentId, true);
    // 更新所有子节点
    const children = this.$children.filter(child => child.item.parentId === item.id);
    children.forEach(childItemComponent => childItemComponent.handleCheckboxChange(childItemComponent.item));
  }
  this.$set(this.checkedItems, item.id, item.checked);
}

3. **防止双向绑定反向影响**：如果取消选中某个子项，只改变该子项的`checked`状态，避免直接修改父节点的`checked`属性，以保持父子节点之间的独立性。

通过上述步骤，你就实现了父子节点的单向关联逻辑，即选中父级不会影响子集，选中子集也不会反向影响父级。