From 815762271872d95ce0eed69d0bca74bfb569c9f2 Mon Sep 17 00:00:00 2001 From: kdletters Date: Sun, 14 Jun 2026 14:35:07 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A4=8D=E7=94=A8=E5=B9=B3=E5=8F=B0=E6=8C=89?= =?UTF-8?q?=E9=92=AE=E6=94=B6=E5=8F=A3=E7=94=9F=E6=88=90=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 编辑器生成输入框提交按钮改为 PlatformActionButton。 保留生成器局部尺寸和浅灰覆盖，删除重复原生 submit 基础样式。 补充测试覆盖生成按钮平台按钮 class，并更新 TRACKING。 --- TRACKING.md | 1 + src/components/image-editor/ImageCanvasEditorView.test.tsx | 6 ++++++ src/components/image-editor/ImageCanvasEditorView.tsx | 7 +++++-- src/index.css | 6 +++--- 4 files changed, 15 insertions(+), 5 deletions(-) diff --git a/TRACKING.md b/TRACKING.md index 8671e24a..462d020c 100644 --- a/TRACKING.md +++ b/TRACKING.md @@ -96,3 +96,4 @@ - 2026-06-14 组件复用修正：项目卡片预览改为复用 `PlatformMediaFrame`，删除项目页局部预览框比例、图片填充和背景样式；验证命令：`npm run test -- src/components/project/ProjectGalleryView.test.tsx src/components/common/PlatformMediaFrame.test.tsx`、`npm run typecheck`、`npm run check:encoding`、`git diff --check`。 - 2026-06-14 素材库与画布持久化修正：新增 `editor_asset_folder` / `editor_asset` 账号级素材库表、SpacetimeDB procedure、spacetime-client facade 和 api-server `/api/editor/assets*` BFF；编辑器接入文件夹新建 / 折叠 / 重命名 / 删除、素材重命名 / 删除、多文件上传、拖拽定向上传、拖入画布生成图层、素材框选批量删除、图层打组、小地图拖拽、普通滚轮纵向滚动与 Ctrl/Cmd 滚轮缩放。验证命令：`npm run spacetime:generate -- --rust-only`、`npm run test -- src/components/image-editor/ImageCanvasEditorView.test.tsx src/services/image-editor/editorProjectClient.test.ts`、`npm run typecheck`、`npm run check:spacetime-schema`、`npm run check:encoding`、`cargo check -p spacetime-client -p api-server --manifest-path server-rs/Cargo.toml`、`git diff --check`。 - 2026-06-14 组件复用修正：编辑器 `EditorIconButton` 改为委托 `PlatformIconButton` 的薄包装，保留编辑器局部 class 与调用方式，但不再维护重复的原生图标按钮可访问性和基础 chrome；验证命令：`npm run test -- src/components/image-editor/ImageCanvasEditorPrimitives.test.tsx src/components/image-editor/ImageCanvasEditorView.test.tsx src/components/common/PlatformIconButton.test.tsx`、`npm run typecheck`。 +- 2026-06-14 组件复用修正：编辑器生成输入框的提交按钮改为复用 `PlatformActionButton`，仅保留生成器局部尺寸和 Lovart 式浅灰覆盖，不再直接维护原生 submit 按钮基础 chrome；验证命令：`npm run test -- src/components/image-editor/ImageCanvasEditorView.test.tsx src/components/common/PlatformActionButton.test.tsx`、`npm run typecheck`。 diff --git a/src/components/image-editor/ImageCanvasEditorView.test.tsx b/src/components/image-editor/ImageCanvasEditorView.test.tsx index bd03c78d..df863ea3 100644 --- a/src/components/image-editor/ImageCanvasEditorView.test.tsx +++ b/src/components/image-editor/ImageCanvasEditorView.test.tsx @@ -733,6 +733,12 @@ describe('ImageCanvasEditorView', () => { expect(within(generateDialog).getByText('参考图')).toBeTruthy(); expect(within(generateDialog).getByRole('button', { name: '生成比例 1:1 2k 1张' })).toBeTruthy(); expect(within(generateDialog).getByRole('button', { name: '生成模型 GPT Image' })).toBeTruthy(); + expect(within(generateDialog).getByRole('button', { name: '生成' }).className).toContain( + 'platform-button', + ); + expect(within(generateDialog).getByRole('button', { name: '生成' }).className).toContain( + 'image-canvas-editor__generation-submit', + ); expect(screen.queryByRole('toolbar', { name: 'AI画布工具栏' })).toBeNull(); fireEvent.change(screen.getByLabelText('生成提示词'), { diff --git a/src/components/image-editor/ImageCanvasEditorView.tsx b/src/components/image-editor/ImageCanvasEditorView.tsx index 98844c5b..33d63db8 100644 --- a/src/components/image-editor/ImageCanvasEditorView.tsx +++ b/src/components/image-editor/ImageCanvasEditorView.tsx @@ -2839,14 +2839,17 @@ export function ImageCanvasEditorView() { GPT Im... - + {generateDialog.status === 'generating' ? (