跳转至

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 之前:

{ field: 'phone', headerName: '电话', width: 140 }    // ← 默认渲染 = 截断

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 必跑