fix(components): [tree-select] incorrect selection when using checkOnClickNode without checkbox (#12826)

packages/components/tree-select/__tests__/tree-select.test.tsx

@@ -643,4 +643,37 @@ describe('TreeSelect.vue', () => {
 
     expect(modelValue.value).toEqual([])
   })
+
+  test('no checkbox and check on click node', async () => {
+    const { select, tree } = createComponent({
+      props: {
+        checkOnClickNode: true,
+        data: [
+          { value: 1, label: '1' },
+          { value: 2, label: '2' },
+        ],
+      },
+    })
+
+    const nodes = tree.findAll('.el-tree-node__content')
+
+    await nodes[0].trigger('click')
+    await nextTick()
+    expect(select.vm.modelValue).equal(1)
+
+    // click again not to deselect
+    await nodes[0].trigger('click')
+    await nextTick()
+    expect(select.vm.modelValue).equal(1)
+
+    // can correctly choose another
+    await nodes.slice(-1)[0].trigger('click')
+    await nextTick()
+    expect(select.vm.modelValue).equal(2)
+
+    // again
+    await nodes.slice(-1)[0].trigger('click')
+    await nextTick()
+    expect(select.vm.modelValue).equal(2)
+  })
 })

packages/components/tree-select/src/tree.ts

@@ -177,6 +177,9 @@ export const useTree = (
       }
     },
     onCheck: (data, params) => {
+      // ignore when no checkbox, like only `checkOnClickNode` is true
+      if (!props.showCheckbox) return
+
       const dataValue = getNodeValByProp('value', data)
 
       // fix: checkedKeys has not cached keys