DataviewJS 下拉筛选菜单搜索功能

const dFiles = dv.pages(`"文件目录"`), yamlKey = 'source'
, dc = (str, obj)=> Object.assign(document.createElement(str), obj||{})
const inpu = dc('input', {
  style: 'width: 120px;', /*输入框宽度*/
  onchange: ()=> arr.includes(inpu.value) && xl(),
})
inpu.setAttribute('list', 'demo')
const sele = dc('datalist', {id: 'demo'})
const arr = Array.from(new Set(dFiles.map(p=> p[yamlKey]).filter(p=> p)))
arr.unshift('..'); arr.map(p=> sele.append(dc('option', {value: p})))
dv.container.append(inpu, sele)
const table = dv.el('div')
, xl = ()=> {
  table.empty(); inpu.placeholder = '来源: ..'; let tdata
  if (arr.slice(1).includes(inpu.value)) {
    inpu.placeholder = `来源: ${inpu.value}`
    tdata = dFiles.filter(p=> p[yamlKey] == inpu.value)
  } else tdata = dFiles
  dv.api.table(['文档', '来源'], tdata.map(p=> [p.file.link, p[yamlKey]]), table, dv.component)
  inpu.value = ''
}; xl()