G6 某个场景下自定义节点和自定义边的思路

Question

如上图，要用 G6 做出这个关系图，现在需要满足三个要求:

1. 把每个节点定义成一个列表, 并且样式要满足上图要求;
2. 列表的每一项都可以响应点击事件, 回调里要返回该项的信息；
3. 节点之间的边连接的时候可以指定连接列表中的某一项, 如上图中的 7 auth time 要连接 9 time_type

我查了一下 文档，这种情况自定义节点最好应该是 新增一种 shape dom, 然后自己拼 html 形成一个列表，并加上 css 自定义样式。于是我结合 treeGraph 得到下面这种形状

这满足了要求 1， 但是 2 和 3 无法满足。

对于要求2, 自定义 html 的节点如何自定义点击事件具体到列表的每一项？

对于要求 3，我看了文档可以自定义锚点位置,
但是我这个节点是 html 制成的，如何指定连接到列表某一项的位置?