From 6958330a5f0819c6d160f35261d9b78df8cc8614 Mon Sep 17 00:00:00 2001
From: Rogee <rogee@ipao.vip>
Date: Mon, 28 Sep 2026 12:56:43 +0800
Subject: [PATCH] fix(web): hide title for untitled works

---
 web/src/components/creator/WorksGallery.tsx | 13 +++++++++----
 web/tests/works-gallery-card.test.cjs       |  7 +++++++
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/web/src/components/creator/WorksGallery.tsx b/web/src/components/creator/WorksGallery.tsx
index e2a704b..8280ae2 100644
--- a/web/src/components/creator/WorksGallery.tsx
+++ b/web/src/components/creator/WorksGallery.tsx
@@ -234,9 +234,12 @@ export default function WorksGallery({ sourceId, sourceType, emptyHint }: WorksG
                     <WorkStatsGrid work={work} />
                     <div style={{ padding: '10px 16px 0' }}>
                       <Flex vertical gap={8} style={{ minWidth: 0 }}>
-                        <Typography.Paragraph strong ellipsis={{ rows: 2 }} style={{ marginBottom: 0 }}>
-                          {work.title || '无标题'}
-                        </Typography.Paragraph>
+                        {/* 无标题作品不渲染标题行，避免占位文案增加卡片噪音。 */}
+                        {work.title ? (
+                          <Typography.Paragraph strong ellipsis={{ rows: 2 }} style={{ marginBottom: 0 }}>
+                            {work.title}
+                          </Typography.Paragraph>
+                        ) : null}
                         {work.body ? (
                           <Typography.Paragraph type="secondary" ellipsis={{ rows: 2 }} style={{ fontSize: 12, marginBottom: 0 }}>
                             {work.body}
@@ -277,7 +280,9 @@ export default function WorksGallery({ sourceId, sourceType, emptyHint }: WorksG
         {detailWork ? (
           <Flex vertical gap={12}>
             <Typography.Text type="secondary" style={{ fontSize: 12 }}>ID：{detailWork.work_key || detailWork.id}</Typography.Text>
-            <Typography.Paragraph strong style={{ marginBottom: 0 }}>{detailWork.title || '无标题'}</Typography.Paragraph>
+            {detailWork.title ? (
+              <Typography.Paragraph strong style={{ marginBottom: 0 }}>{detailWork.title}</Typography.Paragraph>
+            ) : null}
             <Typography.Paragraph style={{ whiteSpace: 'pre-wrap', marginBottom: 0 }}>
               {detailWork.body || '暂无正文'}
             </Typography.Paragraph>
diff --git a/web/tests/works-gallery-card.test.cjs b/web/tests/works-gallery-card.test.cjs
index 489bd24..4cf3f75 100644
--- a/web/tests/works-gallery-card.test.cjs
+++ b/web/tests/works-gallery-card.test.cjs
@@ -30,6 +30,13 @@ test('观看/点赞/评论/分享四项指标全宽 GRID 贴封面下方', () =>
   assert.match(body, /borderBottom/);
 });
 
+test('无标题作品在卡片和详情中均不显示占位标题', () => {
+  const text = sourceText();
+  assert.match(text, /\{work\.title \? \(/);
+  assert.match(text, /\{detailWork\.title \? \(/);
+  assert.doesNotMatch(text, /work\.title \|\| '无标题'|detailWork\.title \|\| '无标题'/);
+});
+
 test('卡片展示作品描述（body 省略两行）', () => {
   const card = /work\.body \? \(/.exec(sourceText());
   assert.ok(card, '卡片应有 body 描述分支');