feat: 搜索框支持切换展开/收起状态

This commit is contained in:
ZiuChen
2022-09-04 19:46:44 +08:00
parent 7cc7f9c763
commit d90d455d4a
3 changed files with 31 additions and 4 deletions

View File

@@ -187,7 +187,13 @@ db.init()
const remove = (item) => db.removeItemViaId(item.id)
const focus = () => document.querySelector('.clip-search input')?.focus()
const select = () => document.querySelector('.clip-search input').select()
const focus = () => {
document.querySelector('.clip-search-input').style.display !== 'none'
? document.querySelector('.clip-search-input')?.focus()
: (document.querySelector('.clip-search-btn')?.click(),
document.querySelector('.clip-search-input')?.focus())
}
const toTop = () => (document.scrollingElement.scrollTop = 0)
const resetNav = () => document.querySelectorAll('.clip-switch-item')[0]?.click()
@@ -224,8 +230,8 @@ utools.onPluginEnter(() => {
db.addItem(item)
})
}
document.querySelector('.clip-search input').select() // 进入插件将搜索框内容全选
focus()
select() // 进入插件将搜索框内容全选
toTop()
resetNav()
})