DataviewJS 的翻页与随机

• 通过 .slice 或添加新数组的方式限制一次显示的数目。
• 通过定义函数、点击事件调用控制执行。
• 通过全局变量 global 固定结果，通过外部 JS 保存进度。

async function extract(files) {
    let tdata = []
    for (let file of files) {
        let content = ( await app.vault.readRaw(file.file.path) ).split('\n\n')  // 分块
        content.filter(p=> p.includes("【**") && p.includes("**】") )  // 检索
            ?.forEach(p=> tdata.push([ `[❔](<${file.file.path}#${p.trim().match( / (\^[a-z0-9]{6,})/ )?.[1]}>)`, p.trim() ]))  // 表体格式
    }  // 翻页
    if(!global.jd) { global.jd = (localStorage.hasOwnProperty('globaljd'))
        ? Number(localStorage.getItem('globaljd')) : 0
    }; dv.el("button", "保存").onclick = ()=> { new Notice("SAVED"); localStorage.setItem('globaljd', global.jd) }
    dv.el("button", "-8").onclick = ()=> { if (global.jd > 0) global.jd -= 1; fy() }
    dv.el("button", "+8").onclick = ()=> { global.jd += 1; fy() }
    let table = dv.el('div')
    function fy() { table.empty();  // 清除旧数据
        dv.api.table( ["文件", "所在行"], tdata.slice( global.jd*8, (global.jd+1)*8 ), table, dv.component )  // 加表头成表
    }; fy()
}; extract(dv.pages(`"文件目录"`))  // 输出

/*.fill .cm-strong:not(.cm-active > span), /*编辑模式*/
.fill strong /*阅读模式*/ {
  border-bottom: var(--size-2-1) dashed var(--color-accent); /*下划线粗细、样式、颜色*/
  text-decoration: none;
  color: transparent;
  transition: var(--anim-duration-superfast);
}
.fill .cm-strong:hover:not(.cm-active > span),
.fill strong:hover {color: var(--text-normal)}

let files = dv.pages(`"文件目录"`)
    .filter(p=> p.cover)
files.map(p=> p.cover = (p.file.frontmatter.cover.startsWith('http')) ? `[![|200](${p.cover})](<${p.file.path}>)`
    : `[<img width='200' src='${encodeURI(`file:${app.vault.adapter.basePath}/${p.cover.path}`)}'>](<${p.file.path}>)`)
files.length < 3 && (()=> { throw new Error('总数不足') })()
dv.el('button', '随机').onclick = ()=> { delete global.yzx; sj() }
let table = dv.el('div')
function sj() { table.empty(); let tdata = [];  // 清除旧数据
    while (tdata.length < 3) { let rdm = files[Math.floor(Math.random()*files.length)];
        if (!tdata.includes(rdm)) tdata.push(rdm)
    }; if(!global.yzx) global.yzx = tdata.map(p=> [p.cover, p.作者])  // 表体
    dv.api.table(['', '作者'], global.yzx, table, dv.component)  // 加表头成表
}; sj()  // 输出

let content = app.vault.readRaw(dv.page("文件").file.path)
content.then(p=> {
    let cList = p.split("\n")  // 分块
        .filter(p=> p.startsWith("- "))  // 检索
    function sj() { dv.container.innerHTML = '';  // 清除旧数据
        dv.el("button", "随机").onclick = ()=> { delete global.jz; sj() }
        let c = cList[Math.floor(Math.random()*cList.length)]
        if (!global.jz) global.jz = `句：${c.substring(2)}`
        dv.paragraph(`<span style="font-family: kaiti;">${global.jz}</span>`)  // 格式
    }; sj()  // 输出
})

?.forEach(p=> tdata.push([ `[❔](<${file.file.path}#${p.trim().match( / (\^[a-z0-9]{6,})/ )?.[1]}>)`, p.trim() ]))

表体第一列：`[❔](<${file.file.path}#${p.trim().match( / (\^[a-z0-9]{6,})/ )?.[1]}>)`
- 格式：[❔](<文件路径#^块ID>)  // []()格式的块引用链接
- 正则：/ (\^[a-z0-9]{6,})/ )?.[1]  // ?.[1] 返回正则第一个括号捕获的内容，避免因无匹配值而抛出错误

files.map(p=> p.cover = (p.file.frontmatter.cover.startsWith('http')) ? `[![|200](${p.cover})](<${p.file.path}>)`
    : `[<img width='200' src='${encodeURI(`${app.vault.adapter.basePath}/${p.cover.path}`)}'>](<${p.file.path}>)`)

三元运算符，判断是否以 http 开头。
- 是，格式：[![|200](图片)](<文件路径>)  // MD 格式
- 否，格式：[<img width='200' src='图片'>](<文件路径>)  // <img> 标签