From 6e04940edc1333a24fd7acec46aa058607e015f5 Mon Sep 17 00:00:00 2001
From: xfy <i@rua.plus>
Date: Mon, 22 Jun 2026 16:24:02 +0800
Subject: [PATCH] style(editor): blur uploading placeholder image, keep overlay
 text sharp
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

上传中占位符图片加高斯模糊,遮罩文字保持清晰。

- .is-uploading img 加 filter: blur(8px)
- container.is-uploading 加 overflow: hidden 防止 blur 边缘渗出
- overlay 文字(spinner/"上传中…")不受影响:overlay 是 img 的兄弟元素
  而非后代,CSS filter 只作用于目标元素本身,不波及兄弟
---
 libs/tiptap-editor/src/style.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/libs/tiptap-editor/src/style.css b/libs/tiptap-editor/src/style.css
index e454c18..d8fa7aa 100644
--- a/libs/tiptap-editor/src/style.css
+++ b/libs/tiptap-editor/src/style.css
@@ -389,6 +389,13 @@
   opacity: 0.5;
   filter: grayscale(0.5);
 }
+/* 上传中：图片高斯模糊，遮罩文字（spinner/"上传中…"）在独立 overlay 层不受影响 */
+.upload-image-container.is-uploading {
+  overflow: hidden;
+}
+.upload-image-container.is-uploading img {
+  filter: blur(8px);
+}
 .upload-image-overlay {
   position: absolute;
   inset: 0;