记忆:v3 弹窗 autoGrow 补完要点

- 2026-09-02.md 新增 v3 补完小节
- MEMORY.md v3 段末加补完要点(autoGrow 实现 + 提示文案迁移)
This commit is contained in:
maogeigei committed 2026-09-02 16:15:13 +08:00
1 parent 4f79c9515e
commit e0dec07721
2 files changed
+12

No files matched your search

+11
View File
@@ -204,3 +204,14 @@
- **冒烟脚本 `tmp/cdp-req-v3-smoke.mjs`**(CDP 9224 24s 一轮真打磨+提交捕获)全绿:①fields:10/empty:10/title="AI创作 · 旧梦留声机"/hasBar/createIsIcon/sendIsIcon/hasCancel:false/modalH:784/modalW:760 ②首轮 filled 0→6,首块"一句话创意与选题"=「离异母亲带娃整理房间,娃越帮越忙的搞笑反转日常」③提交 label=创作指令/skills=['短视频脚本创作']/hasPersona:true/reqRows:6/modalClosed:true
- **截图** `tmp/reqv3-1-empty.png` / `reqv3-2-after-turn1.png` / `reqv3-3-after-create.png` + 报告 `tmp/req-v3-report.json`
- **工作台重开** `?v=20260902-v3#/accounts`
## AI创作弹窗 v3 补完:textarea auto-grow + 换行提示(16:13-16:16)
- **补完点**:上一轮"参考 WorkBuddy 输入框"差两体验细节未落地——①textarea 无 auto-grow(多行输入会内部滚动而非长高)②placeholder 两行但 rows=1 只显示一行
- **实现**(data-pages.js confirmAiScript):
- 新增 `autoGrow()` 闭包:`style.height = 'auto'; style.height = Math.min(scrollHeight, 100) + 'px'`(与 CSS max-height 100px 一致)
- input 事件绑定 autoGrow(多行自动增高到 cap 100)
- sendTurn 清空 + 错误恢复 input 后调 autoGrow 复位
- placeholder 单行化(去掉 "(Enter 发送,Shift+Enter 换行)"——rows=1 第二行被截断)
- req-head 末尾补 "Enter 直接发送,Shift+Enter 换行"——键盘说明从 placeholder 迁到头部更显眼
- **验证** `tmp/cdp-autogrow-check.mjs`:5 行输入(scrollHeight 116)→ height 32→100(被 cap 到 max-height)✅;清空 → height 回 32 ✅
- git commit 1a8f445(1 文件 +10/-2)
+1
View File
@@ -19,6 +19,7 @@
- **冒烟 CDP 坑**(3 轮迭代定稿):①querySelector('[data-create]') 命中背后列表按钮(弹窗内外同名 data-create)→ 必须 `.req-modal [data-create]` 限定;②Page.navigate 同 URL 不真正 reload 致旧弹窗叠加 → `?v=Date.now()` 强制 reload + `waitFor('!document.querySelector(".req-modal")')` 等清场
- **冒烟脚本** `tmp/cdp-req-dialog-smoke.mjs`(4 步端到端 CDP 9224)= 结构/双轮真实 Dify 打磨/需求框递增/提交捕获(拦截 executeTask 验 label+skills+persona+reqRows+modalClosed),端到端 ~50s 全绿
- **v3 UI 升级(09-02,弹窗体验收紧)**:①弹窗高 720→760+height:min(840px,92vh) flex column;②需求区 2 列 grid 维度块(rf-title 标题在 rf-val 内容上方,empty 灰显);③输入条一体化:`.req-input-box` 圆角胶囊内嵌无边框 textarea + 右侧 primary 蓝圆发送钮(svg `arrow-up`),busy 时 disabled 灰+白色旋转 spinner(@keyframes req-spin);④提交创作=44×44 描边圆角 ✓ 图标钮(svg `check`),置于 `.req-bar` 左侧;⑤取消按钮删除(仅留右上 ×);**附带红利**:提交按钮改 id 后与列表 [data-create] 同名歧义自然消失
- **v3 补完(09-02 16:13)**:textarea auto-grow(`autoGrow()` 闭包 = style.height auto + min(scrollHeight, 100);input 事件绑定 + sendTurn 复位),placeholder 单行化(rows=1 截断)+ 换行提示迁到 req-head 末尾「Enter 直接发送,Shift+Enter 换行」
## 创作技能关键规则(权威源:SKILL.md + references/创作流程规范.md)
1. 三态创作:⚡自动(默认)=静默执行+只落最终交付物;🤝共创=+每确认门询问;🛠️开发=+每步全落盘。7确认门不可合并;角色边界(分析不做创作)