cardbuddy 0.11.0 → 0.12.1

package/dist/vendored/fidelity/fidelity-messageOverview_v2.html

@@ -1,262 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN"><head><meta charset="utf-8"><title>UI 还原度对拍 · messageOverview_v2</title>
-<style>
-  body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;margin:0;background:#f5f6f8;color:#1f2329}
-  .wrap{max-width:1080px;margin:0 auto;padding:24px 20px 60px}
-  h1{font-size:20px;margin:0 0 4px}
-  .sub{color:#666;font-size:12px;margin-bottom:18px}
-  .cards{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
-  .card{flex:1;min-width:150px;background:#fff;border:1px solid #e5e6eb;border-radius:8px;padding:14px 16px}
-  .card .num{font-size:26px;font-weight:700}
-  .card .lbl{font-size:12px;color:#666;margin-top:2px}
-  table{border-collapse:collapse;width:100%;background:#fff;font-size:13px;border:1px solid #e5e6eb;border-radius:8px;overflow:hidden}
-  th,td{padding:7px 10px;border-bottom:1px solid #f0f1f3;text-align:left;white-space:nowrap}
-  th{background:#fafbfc;color:#333;font-weight:600}
-  tr:last-child td{border-bottom:none}
-  .sec{margin-top:22px;font-size:15px;font-weight:600}
-  .tips{background:#fff;border:1px solid #e5e6eb;border-radius:8px;padding:12px 16px 12px 34px;font-size:13px;line-height:1.8}
-  .muted{color:#999}
-</style></head><body><div class="wrap">
-  <h1>UI 还原度对拍报告 · messageOverview_v2</h1>
-  <div class="sub">spec: UI/01、泛化消息-有未读消息-没有待办/spec.json · 阈值 ±2px · 2026/8/19 17:34:40 · 生成：fidelity_report.mjs</div>
-  <div style="display:flex;gap:16px;align-items:stretch;margin-bottom:16px">
-        <div style="min-width:150px;background:#fff;border:1px solid #e5e6eb;border-radius:8px;padding:14px 18px;display:flex;flex-direction:column;justify-content:center;text-align:center">
-          <div style="font-size:44px;font-weight:800;line-height:1;color:#c62828">31</div>
-          <div style="font-size:13px;color:#666;margin-top:6px">还原度 · 需修复</div>
-        </div>
-        <div style="flex:1;background:#fff;border:1px solid #e5e6eb;border-radius:8px;padding:12px 16px"><div style="display:flex;align-items:center;gap:8px;margin:3px 0">
-            <span style="width:64px;font-size:12px;color:#666">覆盖率</span>
-            <div style="flex:1;height:8px;background:#eef0f3;border-radius:4px;overflow:hidden">
-              <div style="width:65%;height:100%;background:#b26a00"></div>
-            </div>
-            <span style="width:34px;text-align:right;font-size:12px;color:#666">65</span>
-          </div><div style="display:flex;align-items:center;gap:8px;margin:3px 0">
-            <span style="width:64px;font-size:12px;color:#666">位置</span>
-            <div style="flex:1;height:8px;background:#eef0f3;border-radius:4px;overflow:hidden">
-              <div style="width:3%;height:100%;background:#c62828"></div>
-            </div>
-            <span style="width:34px;text-align:right;font-size:12px;color:#666">3</span>
-          </div><div style="display:flex;align-items:center;gap:8px;margin:3px 0">
-            <span style="width:64px;font-size:12px;color:#666">尺寸</span>
-            <div style="flex:1;height:8px;background:#eef0f3;border-radius:4px;overflow:hidden">
-              <div style="width:49%;height:100%;background:#c62828"></div>
-            </div>
-            <span style="width:34px;text-align:right;font-size:12px;color:#666">49</span>
-          </div><div style="display:flex;align-items:center;gap:8px;margin:3px 0">
-            <span style="width:64px;font-size:12px;color:#666">文本</span>
-            <div style="flex:1;height:8px;background:#eef0f3;border-radius:4px;overflow:hidden">
-              <div style="width:26%;height:100%;background:#c62828"></div>
-            </div>
-            <span style="width:34px;text-align:right;font-size:12px;color:#666">26</span>
-          </div><div style="display:flex;align-items:center;gap:8px;margin:3px 0">
-            <span style="width:64px;font-size:12px;color:#666">一致性</span>
-            <div style="flex:1;height:8px;background:#eef0f3;border-radius:4px;overflow:hidden">
-              <div style="width:0%;height:100%;background:#c62828"></div>
-            </div>
-            <span style="width:34px;text-align:right;font-size:12px;color:#666">0</span>
-          </div></div>
-      </div>
-  <div class="cards">
-    <div class="card"><div class="num">13</div><div class="lbl">已匹配元素</div></div>
-    <div class="card"><div class="num" style="color:#c62828">13</div><div class="lbl">超差（&gt;4px）</div></div>
-    <div class="card"><div class="num" style="color:#b26a00">0</div><div class="lbl">偏差（&gt;2px）</div></div>
-    <div class="card"><div class="num">7</div><div class="lbl">未匹配(设计稿)</div></div>
-    <div class="card"><div class="num">-48.0</div><div class="lbl">公共偏移 Δx</div></div>
-    <div class="card"><div class="num">-268.0</div><div class="lbl">公共偏移 Δy</div></div>
-    <div class="card"><div class="num" style="color:#888">0</div><div class="lbl">chrome 裁剪(不参与对拍)</div></div>
-  </div>
-  <div class="sec">系统性误差（按组件类中位数，≥2 样本；供生成器补偿校准）</div>
-       <table>
-         <tr><th>组件类</th><th>Δx</th><th>Δy</th><th>Δw</th><th>Δh</th><th>最大偏差</th></tr>
-         <tr>
-            <td><b>Text</b> ×7</td>
-            <td>+6.0</td><td>+5.3</td><td>0.0</td><td>+0.5</td>
-            <td style="color:#666">61.1</td>
-          </tr><tr>
-            <td><b>Row</b> ×6</td>
-            <td>-10.0</td><td>-19.7</td><td>+121.0</td><td>+24.0</td>
-            <td style="color:#666">285.0</td>
-          </tr>
-       </table>
-  <div class="sec">归因建议</div>
-  <ul class="tips"><li>整卡水平偏移 -48.0px（公共偏移已扣除，不影响逐元素评估；若渲染卡含外层留白/容器 padding 请检查根容器）</li>
-<li>整卡垂直偏移 -268.0px（通常来自设计稿含状态栏/导航而渲染卡仅卡片主体；若渲染卡内确有同类元素整体偏移，请检查根容器 padding）</li>
-<li>[Text×7] 水平系统性偏移 +6.0px → 疑似父容器 padding/margin 或 align-items/justify-content 配置</li>
-<li>[Text×7] 垂直系统性偏移 +5.3px → 疑似父容器 padding 或行高 lineHeight/间距配置</li>
-<li>[Row×6] 水平系统性偏移 -10.0px → 疑似父容器 padding/margin 或 align-items/justify-content 配置</li>
-<li>[Row×6] 垂直系统性偏移 -19.7px → 疑似父容器 padding 或行高 lineHeight/间距配置</li>
-<li>[Row×6] 宽度系统性偏差 +121.0px → 疑似 width/flexGrow/flexBasis 配置</li>
-<li>[Row×6] 高度系统性偏差 +24.0px → 疑似 height/flex 配置</li>
-<li>单元素离群：「重点摘要」（Text）偏离同类中位 26.0px → 检查该元素自身 align/padding/fontSize</li>
-<li>单元素离群：「条未读消息」（Text）偏离同类中位 16.2px → 检查该元素自身 align/padding/fontSize</li>
-<li>单元素离群：「12」（Text）偏离同类中位 39.0px → 检查该元素自身 align/padding/fontSize</li>
-<li>单元素离群：「今日有一笔支出动账」（Text）偏离同类中位 18.5px → 检查该元素自身 align/padding/fontSize</li>
-<li>单元素离群：「有一条站内消息待查看」（Text）偏离同类中位 18.5px → 检查该元素自身 align/padding/fontSize</li>
-<li>单元素离群：「欢迎向米宝提问～」（Text）偏离同类中位 20.0px → 检查该元素自身 align/padding/fontSize</li>
-<li>单元素离群：「按强重要、待关注、时间倒序展示，」（Row）偏离同类中位 102.0px → 检查该元素自身 align/padding/fontSize</li>
-<li>单元素离群：「查看全部」（Row）偏离同类中位 70.0px → 检查该元素自身 align/padding/fontSize</li>
-<li>单元素离群：「金额1,280.00元，建议核对」（Row）偏离同类中位 23.3px → 检查该元素自身 align/padding/fontSize</li>
-<li>单元素离群：「状态未完成，可进入详情查看处理进」（Row）偏离同类中位 41.8px → 检查该元素自身 align/padding/fontSize</li>
-<li>单元素离群：「可能涉及账户服务提醒，请查看确认」（Row）偏离同类中位 6.0px → 检查该元素自身 align/padding/fontSize</li>
-<li>单元素离群：「全部设为已读」（Row）偏离同类中位 84.9px → 检查该元素自身 align/padding/fontSize</li></ul>
-  <div class="sec">逐元素差异（局部 Δ = 已扣除公共偏移）</div>
-  <table>
-    <tr><th>状态</th><th>文本/元素</th><th>组件类</th><th>匹配</th><th>期望 rect</th><th>实际 rect</th><th>Δx</th><th>Δy</th><th>Δw</th><th>Δh</th></tr>
-    <tr style="background:#fdecea">
-        <td style="color:#c62828;font-weight:600">超差</td>
-        <td title="重点摘要">重点摘要</td>
-        <td>Text</td>
-        <td title="通过 text">文本</td>
-        <td style="color:#666">32, 396 · 60×22</td>
-        <td style="color:#666">16, 128 · 60×22.5</td>
-        <td style="color:#c62828">+32.0</td>
-        <td style="color:#666">0.0</td>
-        <td style="color:#666">0.0</td>
-        <td style="color:#666">+0.5</td>
-      </tr>
-<tr style="background:#fdecea">
-        <td style="color:#c62828;font-weight:600">超差</td>
-        <td title="按强重要、待关注、时间倒序展示，不超过3条">按强重要、待关注、时间倒序展示，不超过3条</td>
-        <td>Row</td>
-        <td title="通过 text-far">文本远</td>
-        <td style="color:#666">32, 420 · 311×18</td>
-        <td style="color:#666">76, 129.5 · 283×19.5</td>
-        <td style="color:#c62828">+92.0</td>
-        <td style="color:#c62828">-22.5</td>
-        <td style="color:#c62828">-28.0</td>
-        <td style="color:#666">+1.5</td>
-      </tr>
-<tr style="background:#fdecea">
-        <td style="color:#c62828;font-weight:600">超差</td>
-        <td title="条未读消息">条未读消息</td>
-        <td>Text</td>
-        <td title="通过 text-far">文本远</td>
-        <td style="color:#666">74, 328 · 75×22</td>
-        <td style="color:#666">16, 81.5 · 75×22.5</td>
-        <td style="color:#c62828">-10.0</td>
-        <td style="color:#c62828">+21.5</td>
-        <td style="color:#666">0.0</td>
-        <td style="color:#666">+0.5</td>
-      </tr>
-<tr style="background:#fdecea">
-        <td style="color:#c62828;font-weight:600">超差</td>
-        <td title="12">12</td>
-        <td>Text</td>
-        <td title="通过 text">文本</td>
-        <td style="color:#666">32, 314 · 31×42</td>
-        <td style="color:#666">16, 12.3 · 31.8×45</td>
-        <td style="color:#c62828">+32.0</td>
-        <td style="color:#c62828">-33.7</td>
-        <td style="color:#666">+0.8</td>
-        <td style="color:#c62828">+3.0</td>
-      </tr>
-<tr style="background:#fdecea">
-        <td style="color:#c62828;font-weight:600">超差</td>
-        <td title="查看全部">查看全部</td>
-        <td>Row</td>
-        <td title="通过 text">文本</td>
-        <td style="color:#666">263, 328 · 56×20</td>
-        <td style="color:#666">275, 36.5 · 56×21</td>
-        <td style="color:#c62828">+60.0</td>
-        <td style="color:#c62828">-23.5</td>
-        <td style="color:#666">0.0</td>
-        <td style="color:#666">+1.0</td>
-      </tr>
-<tr style="background:#fdecea">
-        <td style="color:#c62828;font-weight:600">超差</td>
-        <td title="今日有一笔支出动账">今日有一笔支出动账</td>
-        <td>Text</td>
-        <td title="通过 text">文本</td>
-        <td style="color:#666">58, 464 · 135×22</td>
-        <td style="color:#666">16, 182.8 · 135×22.5</td>
-        <td style="color:#c62828">+6.0</td>
-        <td style="color:#c62828">-13.2</td>
-        <td style="color:#666">0.0</td>
-        <td style="color:#666">+0.5</td>
-      </tr>
-<tr style="background:#fdecea">
-        <td style="color:#c62828;font-weight:600">超差</td>
-        <td title="金额1,280.00元，建议核对资金变动。">金额1,280.00元，建议核对资金变动。</td>
-        <td>Row</td>
-        <td title="通过 text-far">文本远</td>
-        <td style="color:#666">58, 490 · 254×18</td>
-        <td style="color:#666">0, 225.5 · 375×43.5</td>
-        <td style="color:#c62828">-10.0</td>
-        <td style="color:#c62828">+3.5</td>
-        <td style="color:#c62828">+121.0</td>
-        <td style="color:#c62828">+25.5</td>
-      </tr>
-<tr style="background:#fdecea">
-        <td style="color:#c62828;font-weight:600">超差</td>
-        <td title="一笔转账正在处理中">一笔转账正在处理中</td>
-        <td>Text</td>
-        <td title="通过 text-far">文本远</td>
-        <td style="color:#666">58, 552 · 135×22</td>
-        <td style="color:#666">16, 289.3 · 135×22.5</td>
-        <td style="color:#c62828">+6.0</td>
-        <td style="color:#c62828">+5.3</td>
-        <td style="color:#666">0.0</td>
-        <td style="color:#666">+0.5</td>
-      </tr>
-<tr style="background:#fdecea">
-        <td style="color:#c62828;font-weight:600">超差</td>
-        <td title="状态未完成，可进入详情查看处理进度。">状态未完成，可进入详情查看处理进度。</td>
-        <td>Row</td>
-        <td title="通过 text-far">文本远</td>
-        <td style="color:#666">58, 578 · 254×18</td>
-        <td style="color:#666">0, 332 · 375×43.5</td>
-        <td style="color:#c62828">-10.0</td>
-        <td style="color:#c62828">+22.0</td>
-        <td style="color:#c62828">+121.0</td>
-        <td style="color:#c62828">+25.5</td>
-      </tr>
-<tr style="background:#fdecea">
-        <td style="color:#c62828;font-weight:600">超差</td>
-        <td title="有一条站内消息待查看">有一条站内消息待查看</td>
-        <td>Text</td>
-        <td title="通过 text-far">文本远</td>
-        <td style="color:#666">64, 640 · 150×22</td>
-        <td style="color:#666">16, 395.8 · 150×22.5</td>
-        <td style="color:#666">0.0</td>
-        <td style="color:#c62828">+23.8</td>
-        <td style="color:#666">0.0</td>
-        <td style="color:#666">+0.5</td>
-      </tr>
-<tr style="background:#fdecea">
-        <td style="color:#c62828;font-weight:600">超差</td>
-        <td title="有一条站内消息待查看可能涉及账户服务提醒，请查看确认。">可能涉及账户服务提醒，请查看确认。</td>
-        <td>Row</td>
-        <td title="通过 text-contains">文本≈</td>
-        <td style="color:#666">64, 666 · 254×18</td>
-        <td style="color:#666">0, 375.5 · 375×63</td>
-        <td style="color:#c62828">-16.0</td>
-        <td style="color:#c62828">-22.5</td>
-        <td style="color:#c62828">+121.0</td>
-        <td style="color:#c62828">+45.0</td>
-      </tr>
-<tr style="background:#fdecea">
-        <td style="color:#c62828;font-weight:600">超差</td>
-        <td title="可能涉及账户服务提醒，请查看确认。">全部设为已读</td>
-        <td>Row</td>
-        <td title="通过 geometry">几何</td>
-        <td style="color:#666">142.95, 723.5 · 90×21</td>
-        <td style="color:#666">0, 438.5 · 375×43.5</td>
-        <td style="color:#c62828">-94.9</td>
-        <td style="color:#c62828">-17.0</td>
-        <td style="color:#c62828">+285.0</td>
-        <td style="color:#c62828">+22.5</td>
-      </tr>
-<tr style="background:#fdecea">
-        <td style="color:#c62828;font-weight:600">超差</td>
-        <td title="动账 5 · 转账 2 · 站内 1 · 其他 4">欢迎向米宝提问～</td>
-        <td>Text</td>
-        <td title="通过 geometry">几何</td>
-        <td style="color:#666">62, 808 · 120×20</td>
-        <td style="color:#666">0, 546 · 181.1×19.5</td>
-        <td style="color:#c62828">-14.0</td>
-        <td style="color:#c62828">+6.0</td>
-        <td style="color:#c62828">+61.1</td>
-        <td style="color:#666">-0.5</td>
-      </tr>
-  </table>
-</div></body></html>