复用平台文本域收口生成提示词

编辑器画布内生成输入框和修改图片弹窗提示词改为复用 PlatformTextField。

删除编辑器按 textarea 标签选择器维护基础输入 chrome 的做法,仅保留局部尺寸与样式覆盖。

补充测试覆盖生成提示词共享文本域样式,并更新 TRACKING。
This commit is contained in:
2026-06-14 14:48:20 +08:00
parent 451fca4a56
commit 20826e2e60
4 changed files with 25 additions and 7 deletions

View File

@@ -737,6 +737,11 @@ describe('ImageCanvasEditorView', () => {
expect(
within(generateDialog).getByRole('button', { name: '添加参考图' }).className,
).toContain('image-canvas-editor__generation-ref');
const generatePrompt = screen.getByLabelText('生成提示词');
expect(generatePrompt.className).toContain('platform-text-field');
expect(generatePrompt.className).toContain(
'image-canvas-editor__generation-prompt',
);
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(
@@ -1077,7 +1082,10 @@ describe('ImageCanvasEditorView', () => {
fireEvent.click(screen.getByRole('button', { name: '修改图片' }));
const editDialog = screen.getByRole('dialog', { name: '修改图片' });
expect(editDialog).toBeTruthy();
fireEvent.change(screen.getByLabelText('生成提示词'), {
const editPrompt = screen.getByLabelText('生成提示词');
expect(editPrompt.className).toContain('platform-text-field');
expect(editPrompt.className).toContain('image-canvas-editor__generate-prompt');
fireEvent.change(editPrompt, {
target: { value: '把画面改成黄昏光线' },
});
fireEvent.click(screen.getByRole('button', { name: '修改' }));

View File

@@ -71,6 +71,7 @@ import {
} from '../common/PlatformFloatingMenu';
import { PlatformIconButton } from '../common/PlatformIconButton';
import { PlatformStatusMessage } from '../common/PlatformStatusMessage';
import { PlatformTextField } from '../common/PlatformTextField';
import { UnifiedModal } from '../common/UnifiedModal';
type EditorAsset = {
@@ -2786,11 +2787,15 @@ export function ImageCanvasEditorView() {
>
<span></span>
</PlatformIconButton>
<textarea
<PlatformTextField
variant="textarea"
aria-label="生成提示词"
value={generateDialog.prompt}
disabled={generateDialog.status === 'generating'}
placeholder="今天我们要创作什么"
size="sm"
density="compact"
className="image-canvas-editor__generation-prompt"
onChange={(event) =>
setGenerateDialog((currentDialog) =>
currentDialog
@@ -2934,10 +2939,14 @@ export function ImageCanvasEditorView() {
}}
>
<div className="image-canvas-editor__generate-body">
<textarea
<PlatformTextField
variant="textarea"
aria-label="生成提示词"
value={generateDialog.prompt}
disabled={generateDialog.status === 'generating'}
size="sm"
density="roomy"
className="image-canvas-editor__generate-prompt"
placeholder={
generateDialog.mode === 'edit'
? '描述你想如何修改这张图片'