caoyu48/vue-g6-editor

感谢作者, 非常好的参考, 跟着做的时候发现一个小问题

rbg001 opened this issue · 1 comments

当鼠标进入节点, 并悬浮在outPoint上时, 会设置填充色, 但是当鼠标离开outPoint,但是没有离开Node时, 填充色没有被取消, 这是一个小小问题.

自定义行为中:
behavior/hover-node.js 里面做如下修改就可以了

  if (e.target.attrs.isOutPointOut || e.target.attrs.isOutPoint) {
    ...
   } else {
      // 如果鼠标悬浮在node上, 但目标不是out点, 移除点的填充色
      group.find(g => {
        if (g.attrs.isInPoint || g.attrs.isOutPoint) {
          g.attr('fill', '#fff')
        }
      })
    }

厉害,加油