antvis / X6

🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
https://x6.antv.antgroup.com
MIT License
5.7k stars 1.7k forks source link

鼠标悬浮在画布上的样式不对 #2134

Open MrMengJ opened 2 years ago

MrMengJ commented 2 years ago

问题描述

现通过以下配置,默认情况下在画布上拖拽鼠标是框选图形,按住 alt + 拖拽鼠标 是平移画布。所以默认情况下,鼠标悬浮在画图面板上的样式应该是 cursor:default ,但实际情况依然是 cursor: grab。

const graph = new Graph({
    container: this.container,
    grid: { visible: true },
    selecting: {
      enabled: true,
      rubberband: true,
      rubberEdge: true, 
      rubberNode: true, 
      strict: true,
      showNodeSelectionBox: true
    },
    scroller: {
      enabled: true,
      pageVisible: true,
      pageBreak: true,
      pannable: true,
      modifiers: "alt",
    }
  });

重现链接

https://codesandbox.io/s/lucid-leakey-2y04oq

重现步骤

现通过以下配置,默认情况下在画布上拖拽鼠标是框选图形,按住 alt + 拖拽鼠标 是平移画布。所以默认情况下,鼠标悬浮在画图面板上的样式应该是 cursor:default ,但实际情况依然是 cursor: grab。

const graph = new Graph({
    container: this.container,
    grid: { visible: true },
    selecting: {
      enabled: true,
      rubberband: true,
      rubberEdge: true, 
      rubberNode: true, 
      strict: true,
      showNodeSelectionBox: true
    },
    scroller: {
      enabled: true,
      pageVisible: true,
      pageBreak: true,
      pannable: true,
      modifiers: "alt",
    }
  });

预期行为

默认情况下,鼠标悬浮在画图面板上的样式是 cursor:default 按住 alt 键时,鼠标悬浮在画图面板上的样式是 cursor:grab

平台

屏幕截图或视频(可选)

No response

补充说明(可选)

No response

NewByVector commented 2 years ago

这个和 https://github.com/antvis/X6/issues/2124 类似,已经加入到我们的开发计划中了。