复用编辑器生成状态提示
编辑器生成和修改状态提示改为复用 PlatformStatusMessage 删除编辑器局部生成状态条颜色样式 更新 TRACKING 记录状态提示组件收口
This commit is contained in:
@@ -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`。
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user