复用编辑器生成状态提示

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

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

更新 TRACKING 记录状态提示组件收口
This commit is contained in:
2026-06-14 02:44:26 +08:00
parent 53b12b4cda
commit d865d9e4aa
3 changed files with 25 additions and 22 deletions

View File

@@ -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 组件复用修正:编辑器“修改图片”弹窗改为复用 `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 组件复用修正:新增 `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/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`

View File

@@ -55,6 +55,7 @@ import {
PlatformFloatingMenu, PlatformFloatingMenu,
PlatformFloatingMenuItem, PlatformFloatingMenuItem,
} from '../common/PlatformFloatingMenu'; } from '../common/PlatformFloatingMenu';
import { PlatformStatusMessage } from '../common/PlatformStatusMessage';
import { UnifiedModal } from '../common/UnifiedModal'; import { UnifiedModal } from '../common/UnifiedModal';
type EditorAsset = { type EditorAsset = {
@@ -2086,20 +2087,26 @@ export function ImageCanvasEditorView() {
</button> </button>
</div> </div>
{generateDialog.status === 'generating' ? ( {generateDialog.status === 'generating' ? (
<div <PlatformStatusMessage
tone="info"
surface="platform"
size="xs"
className="image-canvas-editor__generate-status" className="image-canvas-editor__generate-status"
role="status" role="status"
> >
</div> </PlatformStatusMessage>
) : null} ) : null}
{generateDialog.status === 'failed' ? ( {generateDialog.status === 'failed' ? (
<div <PlatformStatusMessage
className="image-canvas-editor__generate-status image-canvas-editor__generate-status--error" tone="error"
surface="platform"
size="xs"
className="image-canvas-editor__generate-status"
role="alert" role="alert"
> >
{generateDialog.errorMessage} {generateDialog.errorMessage}
</div> </PlatformStatusMessage>
) : null} ) : null}
<EditorIconButton <EditorIconButton
className="image-canvas-editor__generation-close" className="image-canvas-editor__generation-close"
@@ -2191,20 +2198,26 @@ export function ImageCanvasEditorView() {
} }
/> />
{generateDialog.status === 'generating' ? ( {generateDialog.status === 'generating' ? (
<div <PlatformStatusMessage
tone="info"
surface="platform"
size="xs"
className="image-canvas-editor__generate-status" className="image-canvas-editor__generate-status"
role="status" role="status"
> >
{generateDialog.mode === 'edit' ? '修改中' : '生成中'} {generateDialog.mode === 'edit' ? '修改中' : '生成中'}
</div> </PlatformStatusMessage>
) : null} ) : null}
{generateDialog.status === 'failed' ? ( {generateDialog.status === 'failed' ? (
<div <PlatformStatusMessage
className="image-canvas-editor__generate-status image-canvas-editor__generate-status--error" tone="error"
surface="platform"
size="xs"
className="image-canvas-editor__generate-status"
role="alert" role="alert"
> >
{generateDialog.errorMessage} {generateDialog.errorMessage}
</div> </PlatformStatusMessage>
) : null} ) : null}
<button <button
type="submit" type="submit"

View File

@@ -4122,7 +4122,6 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
.image-canvas-editor__generation-composer .image-canvas-editor__generate-status { .image-canvas-editor__generation-composer .image-canvas-editor__generate-status {
grid-column: 1 / -1; grid-column: 1 / -1;
padding: 0.45rem 0.6rem;
} }
.image-canvas-editor__snap-guide { .image-canvas-editor__snap-guide {
@@ -4194,17 +4193,7 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
} }
.image-canvas-editor__generate-status { .image-canvas-editor__generate-status {
border-radius: 0.45rem; margin: 0;
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;
} }
.image-canvas-editor__generate-submit { .image-canvas-editor__generate-submit {