electron 窗口拖拽

实践背景，当我们开发 Electron 客户端时，为了兼容某些场景。影藏顶部状态栏，隐藏后我们发现之前定义的点击事件不可以点击了，我们则需要做如下修改。

mainWindow = new BrowserWindow({
  width: 760,
  height: 460,
  titleBarStyle: 'hiddenInset', // 隐藏顶部状态栏
  trafficLightPosition: { x: 10, y: 10 },
  titleBarOverlay: true,
  webPreferences: {
    nodeIntegration: true,
    // preload: path.join(__dirname, 'preload.js')
  },
  frame: false, 
  resizable: false,
  useContentSize: false
})

我们设置这个应用可以自由拖动

body, html {
	-webkit-app-region: drag; /* 整个应用可以拖拽 移动 */
	cursor: move;
}

这样我们应用上点击事件就不可使用了，接下来我们会给需要点击的设置如下属性

.ant-menu-submenu {
  -webkit-app-region: no-drag;  /* 可以点击事件 */
  cursor: pointer;
}