feat: 重构内容列表页标签展示与筛选交互

在 PageIntro 中展示当前列表聚合标签

在博客 tag 详情页隐藏 intro 标签行

将筛选功能整合到 ContentLayoutGrid 顶栏

支持按关键字、作者、年份和标签多选筛选文章

将标签筛选改为或关系并修复下拉层被容器裁切的问题

Author: dodolalorc

src/components/content/ContentIndexSection.astro

@@ -13,9 +13,18 @@ interface Props {
   entries: AnyEntry[];
   emptyText: string;
   hrefPrefix: "/blog/" | "/news/" | "/projects/";
+  showIntroTags?: boolean;
 }
 
-const { title, description, eyebrow, entries, emptyText, hrefPrefix } =
+const {
+  title,
+  description,
+  eyebrow,
+  entries,
+  emptyText,
+  hrefPrefix,
+  showIntroTags = true,
+} =
   Astro.props;
 
 const storageKeyMap: Record<string, string> = {
@@ -31,16 +40,36 @@ const items = entries.map((entry) => ({
   title: entry.data.title,
   description: entry.data.description,
   dateText: entry.data.date.toLocaleDateString("zh-CN"),
+  dateValue: entry.data.date.toISOString(),
   meta: entry.data.author,
+  author: entry.data.author,
+  tags: entry.data.tags,
 }));
+
+const introTags = [...new Set(entries.flatMap((entry) => entry.data.tags))]
+  .sort((a, b) => a.localeCompare(b, "zh-CN"))
+  .map((tag) => ({
+    label: tag,
+    href: hrefPrefix === "/blog/" ? `/blog/tags/${encodeURIComponent(tag)}/` : undefined,
+  }));
 ---
 
 <section class="section-shell">
   <div class="container-shell">
-    <PageIntro title={title} description={description} eyebrow={eyebrow} />
+    <PageIntro
+      title={title}
+      description={description}
+      eyebrow={eyebrow}
+      tags={showIntroTags ? introTags : []}
+    />
     {
       entries.length > 0 ? (
-        <ContentLayoutGrid client:load items={items} storageKey={storageKey} />
+        <ContentLayoutGrid
+          client:load
+          items={items}
+          storageKey={storageKey}
+          emptyText={emptyText}
+        />
       ) : (
         <SurfaceCard class="p-4 text-ink-500">{emptyText}</SurfaceCard>
       )