[js] 给笔记本添加文档数

功能

在文档树的笔记本上显示文档的数量（仅在笔记本上显示，文件夹上不显示）。

不过，文件夹上可以通过右键菜单“显示文档数”菜单按需显示（临时显示，刷新后消失）。

代码

https://gitee.com/wish163/mysoft/blob/main/%E6%80%9D%E6%BA%90/%E7%BB%99%E7%AC%94%E8%AE%B0%E6%9C%AC%E6%B7%BB%E5%8A%A0%E6%96%87%E6%A1%A3%E6%95%B0.js

效果

缘起

记得很久很久以前写过一个文档树文件夹添加文档数的功能，几乎快完工了，但由于某些未知原因代码丢失了。

但觉得这个功能有时还是有用的，又不想重写复杂的功能，先这样凑合着用吧，基本满足需求了。

如果想总体查看文件的数量怎么办？

1. 安装简单查询 js 片段，参考 [js] 简单查询，让数据从此不再难查，支持显示多字段多视图

2. 在任意文档中输入 {{}} 在弹出的对话框中输入以下代码即可

//!js
return query(
  `
SELECT 
  p.content,
  COUNT(c.id) AS count
FROM 
  blocks AS p
LEFT JOIN 
  blocks AS c ON c.path like '%' || p.id || '%'
WHERE 
  p.type = 'd'
  and c.type = 'd'
  and c.id != p.id
GROUP BY 
  p.id;
`,
  // item， 固定不变，❗️勿动，代表本嵌入块对象
  item,
  '',
  ({ row, index, data, options, toLink, toRef, formatDateTime, renderListView, toMdLink, ...args }) => {
    const optionData = data.map(item => ({ name: item.content + " " + item.count, value: item.count }));
    return args.renderChartView({
      title: {
        text: '文件夹文档数量矩阵图'
      },
      series: {
        type: 'treemap',
        itemStyle: {
          color: 'rgba(109, 40, 40, 1)',
          borderWidth: 2,
          borderColor: 'rgba(255, 255, 0, 0)',
        },
        data: optionData

      },
      type: 'basicTreemap',
    }, item);
  }
);
​

效果（可滚动鼠标放大查看）

附赠

文档菜单添加“复制 Markdown 源码”

代码 https://gitee.com/wish163/mysoft/blob/main/%E6%80%9D%E6%BA%90/%E7%BB%99%E6%96%87%E6%A1%A3%E6%B7%BB%E5%8A%A0%E5%A4%8D%E5%88%B6Markdown%E6%BA%90%E7%A0%81%E5%8A%9F%E8%83%BD.js