feat(tree): add no-cascaded prop

components/tree/tree.vue

@@ -116,7 +116,8 @@ export default defineComponent({
     onAsyncLoad: Function as PropType<AsyncLoadFn>,
     cacheNode: booleanProp,
     rootId: [String, Number],
-    keyConfig: Object as PropType<NodeKeyConfig>
+    keyConfig: Object as PropType<NodeKeyConfig>,
+    noCascaded: booleanProp
   },
   emits: [
     'node-change',
@@ -163,7 +164,8 @@ export default defineComponent({
       },
       cacheNode: false,
       rootId: null,
-      keyConfig: () => ({})
+      keyConfig: () => ({}),
+      noCascaded: false
     })
 
     const prefix = 'vxp-tree'
@@ -470,16 +472,18 @@ export default defineComponent({
     }
 
     function computeCheckedState(originNode: TreeNodeProps, able: boolean) {
-      const nodeList = [originNode].concat(
-        // 需要包含被禁用且被勾选的节点
-        flatData.value.filter(item => item.disabled && item.checked)
-      )
+      if (!props.noCascaded) {
+        const nodeList = [originNode].concat(
+          // 需要包含被禁用且被勾选的节点
+          flatData.value.filter(item => item.disabled && item.checked)
+        )
 
-      for (let i = 0, len = nodeList.length; i < len; ++i) {
-        const item = nodeList[i]
+        for (let i = 0, len = nodeList.length; i < len; ++i) {
+          const item = nodeList[i]
 
-        updateCheckedUpward(item)
-        updateCheckedDown(item)
+          updateCheckedUpward(item)
+          updateCheckedDown(item)
+        }
       }
 
       emit('node-change', originNode.data, originNode, able)

docs/demos/tree/demos-meta.json

@@ -2,6 +2,7 @@
   "basis",
   "checkbox",
   "suffix-checkbox",
+  "no-cascaded",
   "drag",
   "slot"
 ]

docs/demos/tree/no-cascaded/demo.en-US.vue

@@ -0,0 +1,52 @@
+<template>
+  <Tree checkbox no-cascaded :data="data"></Tree>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  setup() {
+    return {
+      data: [
+        {
+          id: 1,
+          label: '动物',
+          parent: 0,
+          expanded: true
+        },
+        {
+          id: 2,
+          label: '鸟类',
+          parent: 5
+        },
+        {
+          id: 3,
+          label: '无脊椎动物',
+          parent: 1
+        },
+        {
+          id: 4,
+          label: '哺乳动物',
+          parent: 5
+        },
+        {
+          id: 5,
+          label: '脊椎动物',
+          parent: 1
+        },
+        {
+          id: 6,
+          label: '喜鹊',
+          parent: 2
+        },
+        {
+          id: 7,
+          label: '蚯蚓',
+          parent: 3
+        }
+      ]
+    }
+  }
+})
+</script>

docs/demos/tree/no-cascaded/demo.zh-CN.vue

@@ -0,0 +1,52 @@
+<template>
+  <Tree checkbox no-cascaded :data="data"></Tree>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  setup() {
+    return {
+      data: [
+        {
+          id: 1,
+          label: '动物',
+          parent: 0,
+          expanded: true
+        },
+        {
+          id: 2,
+          label: '鸟类',
+          parent: 5
+        },
+        {
+          id: 3,
+          label: '无脊椎动物',
+          parent: 1
+        },
+        {
+          id: 4,
+          label: '哺乳动物',
+          parent: 5
+        },
+        {
+          id: 5,
+          label: '脊椎动物',
+          parent: 1
+        },
+        {
+          id: 6,
+          label: '喜鹊',
+          parent: 2
+        },
+        {
+          id: 7,
+          label: '蚯蚓',
+          parent: 3
+        }
+      ]
+    }
+  }
+})
+</script>

docs/demos/tree/no-cascaded/desc.en-US.md

@@ -0,0 +1,3 @@
+### No Cascaded Nodes
+
+添加 `no-cascaded` 属性可以使父子节点能被独立勾选。

docs/demos/tree/no-cascaded/desc.zh-CN.md

@@ -0,0 +1,3 @@
+### 非关联节点
+
+添加 `no-cascaded` 属性可以使父子节点能被独立勾选。