复用平台按钮收口生成提交

编辑器生成输入框提交按钮改为 PlatformActionButton。

保留生成器局部尺寸和浅灰覆盖,删除重复原生 submit 基础样式。

补充测试覆盖生成按钮平台按钮 class,并更新 TRACKING。
This commit is contained in:
2026-06-14 14:35:07 +08:00
parent 3f7b0674c0
commit 8157622718
4 changed files with 15 additions and 5 deletions

View File

@@ -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('生成提示词'), {

View File

@@ -2839,14 +2839,17 @@ export function ImageCanvasEditorView() {
GPT Im...
<ChevronDown className="h-3 w-3" />
</button>
<button
<PlatformActionButton
type="submit"
tone="secondary"
size="xs"
shape="pill"
className="image-canvas-editor__generation-submit"
disabled={generateDialog.status === 'generating'}
aria-label="生成"
>
{generateDialog.status === 'generating' ? '生成中' : '12'}
</button>
</PlatformActionButton>
</div>
{generateDialog.status === 'generating' ? (
<PlatformStatusMessage

View File

@@ -4092,7 +4092,6 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
.image-canvas-editor__generation-ratio,
.image-canvas-editor__generation-model,
.image-canvas-editor__generation-submit,
.image-canvas-editor__generation-close {
display: inline-flex;
align-items: center;
@@ -4120,10 +4119,11 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
.image-canvas-editor__generation-submit {
min-width: 3.55rem;
height: 2.55rem;
gap: 0.15rem;
border-radius: 999px;
border: 0;
background: #f0f0f0;
color: #b6b6b6;
font-size: 0.82rem;
font-weight: 800;
}
.image-canvas-editor__generation-submit:not(:disabled) {