ISSUE-0082:官网列表电话列未接 RenderPhone¶
现象¶
用户截图(v0.10.119)https://www.fws.gov/ 行:
- HTTP tooltip: 「电话 4 条」
- 电话列实际显示: +1 907-692-555…(截断 1 个)
用户问:"显示电话 4 条,后边却只有一个电话,啥意思呢?"
根因 — v0.10.117 UI 改动只改一半¶
data-view.tsx:393 v0.10.117 之前:
v0.10.117 时改了 邮箱列接 RenderEmail,但 电话列漏改:
{ field: 'emailsCount', renderCell: ({row}) => <RenderEmail row={row} /> } // ✓ 改了
{ field: 'phone', width: 140 } // ❌ 漏了
RenderPhone(cell-renderers.tsx:238)一直存在,跟 RenderEmail 同款"主号码 + N chip"模式。
ISSUE-0077 修邮箱时没扩展到电话列,违反 ui-change-pre-check rule "成对修改"原则。
修复(v0.10.120)¶
{
field: 'phone',
headerName: '电话',
width: 200, // 加宽(chip + 号码)
renderCell: ({ row }) => <RenderPhone row={row} />, // 接 RenderPhone
}
现在电话列:
- 主号码直显(monospace 字体)
- +N chip hover 展开全部号码
- 与邮箱列视觉一致
教训¶
- ISSUE-0077 修邮箱列时没扫"成对组件" — 应该 grep
field: 'phone'看是否也要改 - 把这条加进
ui-change-pre-check.md检查清单:「字段对(email/phone, fb/ig/li)一改就成对改」 - 用户问"为什么 4 条只显 1 个"是 5 分钟可发现的 UX 瑕疵 — dogfood 必跑