From d865d9e4aa33b8be245bd97db108fe3ab2f3909b Mon Sep 17 00:00:00 2001
From: kdletters <kdletters@qq.com>
Date: Sun, 14 Jun 2026 02:44:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=8D=E7=94=A8=E7=BC=96=E8=BE=91=E5=99=A8?=
 =?UTF-8?q?=E7=94=9F=E6=88=90=E7=8A=B6=E6=80=81=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

编辑器生成和修改状态提示改为复用 PlatformStatusMessage

删除编辑器局部生成状态条颜色样式

更新 TRACKING 记录状态提示组件收口
---
 TRACKING.md                                   |  1 +
 .../image-editor/ImageCanvasEditorView.tsx    | 33 +++++++++++++------
 src/index.css                                 | 13 +-------
 3 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/TRACKING.md b/TRACKING.md
index 479608ab..9c389ac1 100644
--- a/TRACKING.md
+++ b/TRACKING.md
@@ -81,3 +81,4 @@
 - 2026-06-14 组件复用修正：编辑器“修改图片”弹窗改为复用 `UnifiedModal`，删除编辑器局部 modal backdrop、dialog role、header 和关闭按钮样式；验证命令：`npm run test -- src/components/image-editor/ImageCanvasEditorView.test.tsx src/components/common/UnifiedModal.test.tsx`、`npm run typecheck`、`npm run check:encoding`、`git diff --check`。
 - 2026-06-14 组件复用修正：新增 `PlatformBatchActionToolbar`，项目页选择模式底部批量操作栏改为复用平台批量工具栏原语；验证命令：`npm run test -- src/components/common/PlatformBatchActionToolbar.test.tsx src/components/project/ProjectGalleryView.test.tsx`、`npm run typecheck`、`npm run check:encoding`、`git diff --check`。
 - 2026-06-14 组件复用修正：项目页读取失败提示改为复用 `PlatformStatusMessage`，页面局部错误样式只保留布局间距；验证命令：`npm run test -- src/components/project/ProjectGalleryView.test.tsx src/components/common/PlatformStatusMessage.test.tsx`、`npm run typecheck`、`npm run check:encoding`、`git diff --check`。
+- 2026-06-14 组件复用修正：编辑器生成 / 修改流程中的生成中与失败提示改为复用 `PlatformStatusMessage`，删除局部状态条颜色和错误变体样式；验证命令：`npm run test -- src/components/image-editor/ImageCanvasEditorView.test.tsx src/components/common/PlatformStatusMessage.test.tsx`、`npm run typecheck`、`npm run check:encoding`、`git diff --check`。
diff --git a/src/components/image-editor/ImageCanvasEditorView.tsx b/src/components/image-editor/ImageCanvasEditorView.tsx
index a33b8d57..871b9b6f 100644
--- a/src/components/image-editor/ImageCanvasEditorView.tsx
+++ b/src/components/image-editor/ImageCanvasEditorView.tsx
@@ -55,6 +55,7 @@ import {
   PlatformFloatingMenu,
   PlatformFloatingMenuItem,
 } from '../common/PlatformFloatingMenu';
+import { PlatformStatusMessage } from '../common/PlatformStatusMessage';
 import { UnifiedModal } from '../common/UnifiedModal';
 
 type EditorAsset = {
@@ -2086,20 +2087,26 @@ export function ImageCanvasEditorView() {
                 </button>
               </div>
               {generateDialog.status === 'generating' ? (
-                <div
+                <PlatformStatusMessage
+                  tone="info"
+                  surface="platform"
+                  size="xs"
                   className="image-canvas-editor__generate-status"
                   role="status"
                 >
                   生成中
-                </div>
+                </PlatformStatusMessage>
               ) : null}
               {generateDialog.status === 'failed' ? (
-                <div
-                  className="image-canvas-editor__generate-status image-canvas-editor__generate-status--error"
+                <PlatformStatusMessage
+                  tone="error"
+                  surface="platform"
+                  size="xs"
+                  className="image-canvas-editor__generate-status"
                   role="alert"
                 >
                   {generateDialog.errorMessage}
-                </div>
+                </PlatformStatusMessage>
               ) : null}
               <EditorIconButton
                 className="image-canvas-editor__generation-close"
@@ -2191,20 +2198,26 @@ export function ImageCanvasEditorView() {
                 }
               />
               {generateDialog.status === 'generating' ? (
-                <div
+                <PlatformStatusMessage
+                  tone="info"
+                  surface="platform"
+                  size="xs"
                   className="image-canvas-editor__generate-status"
                   role="status"
                 >
                   {generateDialog.mode === 'edit' ? '修改中' : '生成中'}
-                </div>
+                </PlatformStatusMessage>
               ) : null}
               {generateDialog.status === 'failed' ? (
-                <div
-                  className="image-canvas-editor__generate-status image-canvas-editor__generate-status--error"
+                <PlatformStatusMessage
+                  tone="error"
+                  surface="platform"
+                  size="xs"
+                  className="image-canvas-editor__generate-status"
                   role="alert"
                 >
                   {generateDialog.errorMessage}
-                </div>
+                </PlatformStatusMessage>
               ) : null}
               <button
                 type="submit"
diff --git a/src/index.css b/src/index.css
index 5ba10b29..a11e88ed 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4122,7 +4122,6 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 
 .image-canvas-editor__generation-composer .image-canvas-editor__generate-status {
   grid-column: 1 / -1;
-  padding: 0.45rem 0.6rem;
 }
 
 .image-canvas-editor__snap-guide {
@@ -4194,17 +4193,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 }
 
 .image-canvas-editor__generate-status {
-  border-radius: 0.45rem;
-  background: #eef5ff;
-  padding: 0.55rem 0.65rem;
-  color: #0369a1;
-  font-size: 0.78rem;
-  font-weight: 850;
-}
-
-.image-canvas-editor__generate-status--error {
-  background: #fee2e2;
-  color: #b91c1c;
+  margin: 0;
 }
 
 .image-canvas-editor__generate-submit {