术业有专攻 借用这个软件还是很快的能获取到 对应的文件的, 就是需要转换下 id 和名称

@wilsons 大佬 可以根据这个思路进行下重构么?

// 对于没有分组的其实可以动态获取每一列的button数量

const menu = document.querySelector(".hint--menu:not(.fn__none)");
const b3Item = document.querySelector(".hint--menu .b3-list-item");
const b3ItemStyle = window.getComputedStyle(b3Item)

const lineHeight = +b3ItemStyle.lineHeight.slice(0,-2)
const marginBottom = +b3ItemStyle.marginBottom.slice(0,-2)

// 这里有个问题 如果每一列只会有一个选项看注释是禁用的
// 但是这里其实应该还是可以启用下
// 其他思路: 感觉其实可以根据这个进行一个虚拟分组, 而不是直接跳过n个元素
skipElementNumInSearch = Math.floor(menu.offsetHeight / (lineHeight + marginBottom)) - 1  

// 搭配css 片段 
.hint--menu:not(.fn__none) > div > button:nth-child(1) {
    margin-top: 0;
}

如果是浏览器那种单独开一行的书签栏还可以接受，但是这种侧边栏的使用形式就很难受，并且还没有找到将文档置于顶层的操作只能收藏于文件夹内，需要多一步操作（对我来说几乎与默认文档树的操作一致）

有个小问题 当连续打开并钉住两个标签页后 在打开一个新的标签页后, 第二个标签页会被挤到第三个, 新打开的那个会在第二个位置上

两个需求

1. ctrl + w 一直按可以清空所有文档并保留钉住的文档
2. 鼠标能快速定位到对应钉住的文档

其实大概是一个类似于不被关闭的新标签页(Home 页)

.file-tree .b3-list-item {
font-family:"kaiti"
}