feat(web):全局命令调色板 — Cmd+K / Ctrl+K 页面搜索和实体搜索

QQ 哪些 OpenObserve 功能与特性请求相关/相关 ?

无回复( N)

说明

浏览大型可观察性平台的用户经常需要在页面(Logs,Monitors,Alerts,Pipelines等)之间跳出,或者找到特定的资源(一流,一仪表盘,一警报). 今天这需要了解侧边栏结构并通过菜单点击.

命令调色板(类似于截图)给用户即时键盘驱动的导航:按下Cmd+K / Ctrl+K,键入几个字符,并跳出任何一步.

建议的解决办法

全球指令调色板( Cmd+K / Ctrl+K)

□ 概览

由 :

• ** Cmd + K**(大型操作系统)
• ** Ctrl + K**(温道/Linux)

调色板在任何一页上工作,并允许跨多类搜索.

{{{{{{{{{{{}{{{{{{{{{{{{}}{{{{{{{{{{{{}}{{{{{{}{{{{{{{{}{{{{{{{{}{{{{{{{{}{{{{{{{}}{{{{{{{{{{}}}{{{{{{{{}}}{{{{{{{}}}}{{{{{}}}}{{{{{{}}{{{{{{{{}}}{{{{{}}}{{{}{{{{}}{{{{{}}{{{{{{}{{{{}{{{{{{{{}{{{{{{}{{{{{{{}{{}{{}{{{}{}{}{}{}{}{}{}{}{}{}{}{}}{}{}{{}{}{}{} ————————————————————————————————. 最新消息 `地方集散地 ' ——最近8条路线访问 从路由器中衍生出来的静态列表

• • 实体 * * 取消 API 搜索(流、仪表板、警报) * * ~ 200-400ms * *

-- -- . . .

□ 第1阶段——页面+近期(无 API 呼叫)

1. 丰富路线元数据

所有线路在 :

网络/电弧/组合/共享/路由

已经包含`meta.title'。

添加以下可选字段:

元: { 标题: " 监测者" 图标 : “ 监视器 心脏” , // 材料图标( 与侧边栏相同) 部分: “可操作性”, // 结果中的组标签 关键词: ["警报","SLO"], 可搜索:关于细节/编辑页的真实//虚假 {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

* 只有“可搜索:真实”的路线才会出现结果。

不包括细节/编辑网页,例如:

* “视窗板”
* " 附加小组 "
* " 追踪详情 "

-- -- . . .

2. 静态页索引 -- -- " 使用指令Palette.ts "

创建新可堆肥 :

网络/网络/组合/使用CommandPalette.ts

责任

* 启动时从路由器建立可搜索的页面索引
* 使用子字符串搜索过滤页面
* 跟踪和坚持最近几页( " 本地Storage " )
* 管理打开/关闭状态
* 处理键盘导航
* 导航使用“使用路透()”

搜索算法

* 将查询和候选人规范为小写
* 计分:

* " title.startsWith(query) " -- **2 pts**
* `标题.包括(query)'-**1 pt**
* `关键词.包括(克)-**0.5 pt**
* 按分数排序( 递减)
* 删除零分结果

-- -- . . .

3. 近期追踪

在 :

路由器/索引(t)

路由器. after Each( (to) QQ) {
如果 (to.meta? 搜索) {
PushRecentPage( { )
名称: to.name,
路径: to.path,
标题: to.meta.title
) (中文(简体) ).
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?
) (中文(简体) ).

** 规则**

• 存放在 " 当地仓库 "
• 关键词:`o2 最近 页'
• 最大值:8项
• 最新第一
• 按路线名称复制

-- -- . . .

1. UI部分-`GlobalCommandPalette.vue'

创建 :

网络/弧度/组件/全球指挥Palette.vue

• 结构

全球指挥Palette.vue
. . . . . . .