关于批量移动连接桩卡顿的一个问题

[Sbaby808]

问题：
我基于官网中的ER图demo，希望把内容改造成滚动列表的形式。

监听节点的滚动事件，批量移动连接桩位置。

graphRef.value.on('node:mousewheel', (evt) => {
        if(evt.delta > 0) {
          evt.node.ports.items.forEach(item => {
            evt.node.setPortProp(item.id, 'args/y', item.args.y + 30)
          })
        } else {
          evt.node.ports.items.forEach(item => {
            evt.node.setPortProp(item.id, 'args/y', item.args.y - 30)
          })
        }
      })

但是这样会非常的卡顿。
可能是画布重绘太多次了？每个节点大概有几十个连接桩，在同一个组下。于是我使用silent:true，在最后触发重绘，发现滚动并没有反应。

我想要不卡顿地批量移动连接桩，且连线需要跟随移动的，请问有什么办法吗？