分享隐藏思源左右面板的脚本 (鼠标中键激活)

隐藏左/右面板的需求很现实.求助各路大神无果,自己又能力有限,写不出来插件, 只能通过脚本片段实现了.

使用

在思源左右 docker bar 上中键点击,就可以隐藏/显示 对应的 panel.

安装

打开 [设置]=>[外观]=> 代码片段 [设置]

1. 选中 js tab
2. enable js 功能
3. add new js
4. set the script new , 随便起个也可以
5. 粘贴最下方的代码进去
6. enable 这个 script
7. 最后确认
8. 重启或者刷新思源即可
9. 之后鼠标中键 点击左/右 docker bar 可以显示/隐藏 panel 了.

代码

// toggle_panel_with_mouse_mid
function toggle_panel(pid) {
  console.log("===>> toggle_panel " + pid );
  var div;
	if (pid == "left") {
		div = document.querySelector('.fn__flex-column.fn__flex-shrink.layout__dockl');
		div_rs = div.nextElementSibling;
	} 
	
	if (pid == "right") {
		div = document.querySelector('.fn__flex-column.layout__dockr');
		div_rs = div.previousElementSibling;
	} 
  if (div.style.display === 'none') {
    div.style.removeProperty('display');
    div_rs.style.removeProperty('display');
  } else {
    div.style.display = 'none';
    div_rs.style.display = 'none';
  }
}

var tgDockLeft = document.getElementById('dockLeft');
var tgDockRight = document.getElementById('dockRight');

tgDockLeft.addEventListener('mousedown', function(event) {
  if (event.button === 1) { // 鼠标中键通常是1
  	toggle_panel("left")
  }
})

tgDockRight.addEventListener('mousedown', function(event) {
  if (event.button === 1) { // 鼠标中键通常是1
  	toggle_panel("right")
  }
})

EOF