From f59dee849a10b5f5948ff7976363d6a555d8d0c8 Mon Sep 17 00:00:00 2001
From: kdletters <kdletters@qq.com>
Date: Sun, 14 Jun 2026 03:50:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=8D=E7=94=A8=E7=BC=96=E8=BE=91=E5=99=A8?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8F=90=E4=BA=A4=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

编辑器修改图片提交按钮改为复用 PlatformActionButton

删除编辑器局部提交按钮颜色和禁用态样式

更新 TRACKING 记录按钮组件收口
---
 TRACKING.md                                         |  1 +
 .../image-editor/ImageCanvasEditorView.tsx          |  6 ++++--
 src/index.css                                       | 13 -------------
 3 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/TRACKING.md b/TRACKING.md
index a6463e7c..0d996795 100644
--- a/TRACKING.md
+++ b/TRACKING.md
@@ -83,3 +83,4 @@
 - 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`。
 - 2026-06-14 组件复用修正：编辑器画布背景色菜单改为复用 `PlatformFloatingMenu` 和 `PlatformFloatingMenuItem`，删除局部菜单容器定位 / 边框 / 阴影样式；验证命令：`npm run test -- src/components/image-editor/ImageCanvasEditorView.test.tsx src/components/common/PlatformFloatingMenu.test.tsx`、`npm run typecheck`、`npm run check:encoding`、`git diff --check`。
+- 2026-06-14 组件复用修正：编辑器“修改图片”弹窗提交按钮改为复用 `PlatformActionButton`，删除局部提交按钮颜色、边框和禁用态样式；验证命令：`npm run test -- src/components/image-editor/ImageCanvasEditorView.test.tsx src/components/common/PlatformActionButton.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 df211794..9de720e5 100644
--- a/src/components/image-editor/ImageCanvasEditorView.tsx
+++ b/src/components/image-editor/ImageCanvasEditorView.tsx
@@ -51,6 +51,7 @@ import {
   EditorIconButton,
   SidebarMediaItem,
 } from './ImageCanvasEditorPrimitives';
+import { PlatformActionButton } from '../common/PlatformActionButton';
 import {
   PlatformFloatingMenu,
   PlatformFloatingMenuItem,
@@ -2218,8 +2219,9 @@ export function ImageCanvasEditorView() {
                   {generateDialog.errorMessage}
                 </PlatformStatusMessage>
               ) : null}
-              <button
+              <PlatformActionButton
                 type="submit"
+                size="sm"
                 className="image-canvas-editor__generate-submit"
                 disabled={generateDialog.status === 'generating'}
               >
@@ -2230,7 +2232,7 @@ export function ImageCanvasEditorView() {
                   : generateDialog.mode === 'edit'
                     ? '修改'
                     : '生成'}
-              </button>
+              </PlatformActionButton>
             </div>
           </form>
         ) : null}
diff --git a/src/index.css b/src/index.css
index eadb622b..68abddff 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4193,19 +4193,6 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
 
 .image-canvas-editor__generate-submit {
   justify-self: end;
-  min-width: 5.5rem;
-  min-height: 2.25rem;
-  border: 1px solid #38bdf8;
-  border-radius: 0.45rem;
-  background: #0ea5e9;
-  color: #ffffff;
-  font-size: 0.8rem;
-  font-weight: 850;
-}
-
-.image-canvas-editor__generate-submit:disabled {
-  cursor: wait;
-  opacity: 0.68;
 }
 
 .image-canvas-editor__metadata-grid {