✨ feat(vscode): 代码阅读的名字高亮更显眼（当前那处描框、别处画细线），⌘↓ / ⌘↑ 在各处之间跳，跳到折叠处自动展开，筛选栏写第几处

vscode/webview-ui/src/codeReader/useReveal.ts

@@ -23,6 +23,15 @@ function flash(el: HTMLElement): void {
   el.setAttribute('data-flash', '')
 }
 
+/** 把 el 滚进钉住的筛选栏下面的视口，规则见 scrollTopToShow：已经整个看得见就不滚。 */
+export function showInViewport(el: HTMLElement): void {
+  const rect = el.getBoundingClientRect()
+  const pinned = pinnedHeight()
+  const top = scrollTopToShow({ top: rect.top + window.scrollY, bottom: rect.bottom + window.scrollY }, window.scrollY + pinned, window.innerHeight - pinned)
+  if (top !== undefined)
+    window.scrollTo(0, top - pinned)
+}
+
 /**
  * 滚到 reveal 指的位置，处理完调 done：
  * ① 从文本编辑器切过来（没有 definition）：包含那一行的块顶到视口顶部（筛选栏下面），折叠着的、被筛掉的不展开；
@@ -66,11 +75,7 @@ export function useReveal(
     const row = plan?.row === undefined ? null : document.querySelector<HTMLElement>(`:is(.cr-prop-row, .cr-prop-item, .cr-table-row)[data-id="${plan.row}"]`)
     const el = row ?? (plan && document.querySelector<HTMLElement>(`.cr-block[data-id="${plan.id}"]`))
     if (el) {
-      const rect = el.getBoundingClientRect()
-      const pinned = pinnedHeight()
-      const top = scrollTopToShow({ top: rect.top + window.scrollY, bottom: rect.bottom + window.scrollY }, window.scrollY + pinned, window.innerHeight - pinned)
-      if (top !== undefined)
-        window.scrollTo(0, top - pinned)
+      showInViewport(el)
       flash(el)
     }
     done()