vue 中一个页面内，左边树控件 tree，右边表格 table，求问怎么实现该效果？

如图
https://i.imgur.com/rk2CdPn.jpeg


vue 中，使用 antd 控件， 左边是 tree ，右边是联动 tree 控件显示当前选中树节点的表格，表格数据很多，可能有几千条，表格中多选。

目的是：当右边表格选中几条数据，不是全部勾选的时候，左边的节点是 半勾选 的状态（不是打了勾的全勾状态）



但是呢左边的节点又不是可以展开的那种，设置在 halfChecked 数组内的又不可以。

虽然不懂 antd,但是右边组件设置 click 后,可以 emit 带个 id 到父组件,父组件再传给 tree 组件,tree 组件判断当前 id 在哪个组里判断是应该全勾选 半勾选 空 这个流程?