搜索面板

SearchPalette浮层与反馈

页头「搜索 ⌘K」与全局快捷键打开同一个面板。文章来自建议接口(标题、摘要、标签,最多 8 条),标签与页面在浏览器内过滤;按「文章 · 标签 · 跳转」分组,命中词高亮。空查询显示最近搜索与常用跳转;没有命中时引导去全文搜索。640px 以下全屏。

预览

属性

名称类型默认值说明
shortcutbooltrue是否注册全局 ⌘K / Ctrl+K。

键盘

⌘K / Ctrl+K
打开面板(焦点在输入框等可编辑区域时不拦截)
↑ / ↓
在结果间循环移动
↵
打开当前项;⌘↵ 在新标签页打开文章
Esc
有内容时清空,再按一次关闭

用法

src/components/search_palette.rs
Leptos view!
// \u524D\u53F0\u5E03\u5C40\u91CC\u63D0\u4F9B\u53E5\u67C4\u5E76\u6302\u8F7D\u4E00\u6B21
let palette = use_search_palette_provider();

view! {
    <SearchIconLink on_click=move |_: leptos::ev::MouseEvent| palette.open()/>
    <SearchPalette/>
}