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