style: 画布编辑器多行输入框样式调整 #130

2026-08-03T16:39:30+08:00

k88936 commented

2026-08-03 16:39:30 +08:00

复用了画布agent的输入框:

高度自适应
滑动条样式变为浅色和位置不再出界

before

after

复用了画布agent的输入框: * 高度自适应 * 滑动条样式变为浅色和位置不再出界 before ![shotmd-1785745933-compressed.webp](/attachments/95727f6d-63e1-48f7-b806-8203cd73d1eb) after ![shotmd-1785745957-compressed.webp](/attachments/b5af077d-d3b9-4572-9135-39e288291e24)

shotmd-1785745933-compressed.webp

38 KiB

shotmd-1785745957-compressed.webp

52 KiB

k88936 added 1 commit 2026-08-03 16:39:30 +08:00

style: 统一画布编辑器多行输入框自动增长能力

Project CI / Backend tests (pull_request) Failing after 10s

Details

Project CI / Frontend tests (pull_request) Failing after 2m10s

Details

Project CI / Repository checks (pull_request) Failing after 10s

Details

Project CI / Native shell tests (pull_request) Failing after 3m28s

Details

dd52e0591c

新增公共 AutoGrowTextArea 组件及旧浏览器高度测量降级
将生成、编辑、角色、图标、规范、宣发和 Agent 输入框接入公共组件
统一最大高度、内部滚动与输入框视觉样式
补齐组件和各业务面板回归测试
同步画布编辑器与 Agent 面板技术文档

k88936 marked the pull request as ready for review 2026-08-03 17:15:33 +08:00

k88936 added this to the 美术画布 project 2026-08-03 19:10:35 +08:00

kdletters requested changes 2026-08-03 19:53:31 +08:00

Dismissed

kdletters left a comment

请求更改：当前 head 5cd76060 仍有以下阻塞项。

宣发描述与自定义规范输入框丢失完整输入框样式
- src/components/image-editor/ImageCanvasPublicationMaterialsDemoPanelView.tsx:268-273
- src/components/image-editor/ImageCanvasSpecGenerationPanelView.tsx:292-297
- 两处改用 AutoGrowTextArea 后，调用方 CSS 只保留 min-height；公共组件也只提供自动增长与 overflow 类，原 PlatformTextField 的边框、背景、padding、圆角、focus 和 disabled 外观均未补回。实际结果是透明背景、0 边框、0 padding、0 圆角，与文档“提示词输入保持统一可见边框”的要求冲突。现有测试只断言旧 class 消失，没有验证替代样式。
旧 Safari / iOS WebView 的非受控 fallback 不会随输入增长
- src/components/common/AutoGrowTextArea.tsx:51-65,107-114
- 组件接受完整 TextareaHTMLAttributes，允许 defaultValue/非受控用法，但 fallback 测量只依赖 React value prop，内部没有 input/onInput 监听。非受控输入只改变 DOM value，不会触发重新测量。请补对应回归测试，或把公共组件契约明确收窄为受控组件。
提交历史仍不符合仓库规范
- d0b375e8、5cd76060 使用英文 merge 标题；5c0f3f9a 没有逐行变更正文，最新 merge 正文也只有冲突文件注释。请整理为中文标题，并在标题后逐行写明变更。

验证说明：当前分支已包含最新 master，合并树无冲突；CI #601 四组均已通过。本地相关测试 99/99、类型检查、编码检查、改动文件 ESLint 与 git diff --check 通过，但现有测试未覆盖上述两个代码缺口。修复后请重新请求评审。

请求更改：当前 head `5cd76060` 仍有以下阻塞项。 1. **宣发描述与自定义规范输入框丢失完整输入框样式** - `src/components/image-editor/ImageCanvasPublicationMaterialsDemoPanelView.tsx:268-273` - `src/components/image-editor/ImageCanvasSpecGenerationPanelView.tsx:292-297` - 两处改用 `AutoGrowTextArea` 后，调用方 CSS 只保留 `min-height`；公共组件也只提供自动增长与 overflow 类，原 `PlatformTextField` 的边框、背景、padding、圆角、focus 和 disabled 外观均未补回。实际结果是透明背景、0 边框、0 padding、0 圆角，与文档“提示词输入保持统一可见边框”的要求冲突。现有测试只断言旧 class 消失，没有验证替代样式。 2. **旧 Safari / iOS WebView 的非受控 fallback 不会随输入增长** - `src/components/common/AutoGrowTextArea.tsx:51-65,107-114` - 组件接受完整 `TextareaHTMLAttributes`，允许 `defaultValue`/非受控用法，但 fallback 测量只依赖 React `value` prop，内部没有 `input`/`onInput` 监听。非受控输入只改变 DOM value，不会触发重新测量。请补对应回归测试，或把公共组件契约明确收窄为受控组件。 3. **提交历史仍不符合仓库规范** - `d0b375e8`、`5cd76060` 使用英文 merge 标题；`5c0f3f9a` 没有逐行变更正文，最新 merge 正文也只有冲突文件注释。请整理为中文标题，并在标题后逐行写明变更。验证说明：当前分支已包含最新 master，合并树无冲突；CI #601 四组均已通过。本地相关测试 99/99、类型检查、编码检查、改动文件 ESLint 与 `git diff --check` 通过，但现有测试未覆盖上述两个代码缺口。修复后请重新请求评审。

k88936 added 6 commits 2026-08-04 11:18:00 +08:00

合并 master 更新至画布文本域分支 4cc8c1ade5

- 同步主线的外部编辑器 API、AI 游戏创作 Runtime 与画布持久化更新
- 保留画布编辑器多行输入框自动增长改动并完成分支整合

更新画布生成提示词样式断言 f4aff85b04

- 调整图片画布生成集成测试以断言自动增长文本域类名
- 补充旧平台文本框类名不再存在的回归校验

合并远端 master 更新至画布文本域分支 6621fba551

- 同步主线的游戏聊天收束、Runtime 恢复与统一弹窗样式修复
- 解决图片编辑生成弹窗测试与 Vitest 配置冲突
- 保留画布生成提示词自动增长文本域相关断言

同步 AutoGrowTextArea 支持转发输入事件 58b07d451a

改进旧浏览器的高度动态重测逻辑
相关测试完善

统一画布自动增长文本域样式 0c33ea8913

自定义规范与宣发描述复用画布生成提示词样式

补充生成提示词与修改弹窗文本域样式契约测试

同步画布文本域样式职责文档

修复自动增长文本域尺寸与禁用态

Project CI / Repository checks (pull_request) Successful in 1m3s

Details

Project CI / Backend tests (pull_request) Successful in 3m52s

Details

Project CI / Native shell tests (pull_request) Successful in 11m20s

Details

Project CI / Frontend tests (pull_request) Successful in 2m30s

Details

444acd93be

统一自动增长文本域禁用态光标和透明度反馈
按实际 box-sizing 修正兼容模式高度测量
补充边框盒、内容盒和角色动画禁用态回归测试
同步画布与 Agent 文档约束

k88936 force-pushed style/canva-textarea from 5cd760609b to 444acd93be

2026-08-04 11:18:00 +08:00

Compare

k88936 requested review from kdletters 2026-08-04 14:51:36 +08:00

kdletters scheduled this pull request to auto merge when all checks succeed 2026-08-04 17:07:18 +08:00

kdletters approved these changes 2026-08-04 17:07:29 +08:00

kdletters merged commit 99d239c8bf into master

2026-08-04 17:07:30 +08:00

kdletters deleted branch style/canva-textarea

2026-08-04 17:07:30 +08:00

Sign in to join this conversation.

2 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: GenarrativeAI/Genarrative#130