From 876cb55e91922e65b5c505410f2bdba4427da9ca Mon Sep 17 00:00:00 2001
From: xfy <i@rua.plus>
Date: Mon, 22 Jun 2026 16:27:02 +0800
Subject: [PATCH] style(editor): smooth blur/grayscale transition on
 placeholder image
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

给 img 加 transition: filter 0.2s ease,blur 出现和消失(上传中→成功/
失败)平滑过渡,而非瞬间切换。transition 写在基础 img 规则上,
确保 is-uploading class 移除时过渡也能触发。
---
 libs/tiptap-editor/src/style.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/libs/tiptap-editor/src/style.css b/libs/tiptap-editor/src/style.css
index d8fa7aa..fdebcc8 100644
--- a/libs/tiptap-editor/src/style.css
+++ b/libs/tiptap-editor/src/style.css
@@ -384,6 +384,8 @@
   border-radius: 6px;
   margin: 1em 0;
   display: block;
+  /* blur/grayscale 出现与消失的过渡（上传中→成功/失败的 filter 切换） */
+  transition: filter 0.2s ease;
 }
 .upload-image-container.is-error img {
   opacity: 0.5;