Files
FamilyBook/templates
laoyang 4b38c89142 v17: 家谱连线重排 —— 整齐树布局,线不再乱
用户反馈(原话):「人数对了,但是连线什么的还是乱的,实在不行,用一个画图谱的库试试也行,
以自己为中心进行连线。」

先量清"乱"在哪(_tooling/_fb_kin_diag_lines.py + _fb_kin_geom.py,用真实数据):
  · 同代卡片**会重叠** —— 一对夫妻宽 254px,却按固定 200px 一格摆
    (实测相邻两户重叠 52px,最小间隙 -118px);
  · 夫妻横线画在**卡片内部**(y = 卡中心 + 半卡高 − 6),线从卡身上穿过(实测 2~4 处);
  · 子女不落在父母下方,横梁跨得老远(实测一条横梁横跨 314px,从别人的卡上方经过)。

改法(不看"库"了 —— 实测第三方库只画得出 20 人里的 9 人,换库解决不了"画谁"):
  ① **同代按「户宽」逐个排开**(不再用固定格距)+ 防重叠兜底;
  ② 同一父户的子女**排成紧挨的一整块**,块中心对到父户中心 —— 横梁因此只覆盖
     自己那几个孩子,绝不跨到别人头上;
  ③ 夫妻横线**只画两张卡之间的那一段缝隙**(不再从卡中心连到卡中心);
  ④ 子女下垂线仍从**夫妻横线中点**往下(这条是用户点名的要求,保持不变);
  ⑤ 子女下垂线的竖向段从**卡下沿**起,不再穿过卡片下半部分。

验证(就这一个模块):
  · `_fb_kin_geom.py`(新)—— 20 人夹具 **8 项全过**:
      A 任意两张卡不重叠  B 没有连线穿过卡片  C 有子女的户下垂线全从横线中点出
      D 同代相邻卡片留有空隙  E 夫妻横线恰好落在两卡缝隙上
      (⚠️ 该脚本用 svg.getScreenCTM() 把连线转成屏幕坐标再与卡片比 ——
        第一版直接拿 SVG 用户坐标比屏幕坐标,B/D 两条恒真)
  · `_fb_kin_geom_falsify.py`(新)—— 反向验证 **3/3 抓住**:
      注入「横线从卡中心连卡中心」→ B 变红
      注入「下垂线从某一张卡出来」→ C 变红
      注入「拆掉防重叠」→ A 变红
  · `_fb_kin_check_v17.py`(替代旧库版)11 项全过;e2e 550 条全过;家谱功能专项 22 项全过

顺带修掉的两个**假绿**(都不是本轮引入,是既有断言失效):
  · `_fb_btn_check.py` 的「危险按钮不是品牌实心」写死了 `--brand` 常量,
    而 v14 起模块主题色会覆盖 --brand → 注入 bug 后按钮变紫仍被判"正常"。
    改成**现场读** `getComputedStyle(document.body)['--brand']`。
    同时补上「页面上得先有危险按钮」这条前提断言(原先 danger 为空时整段是空跑)。
  · `_fb_static_dry2.sh`(部署脚本静态断言的本地空跑脚本)是**手工快照**,
    部署脚本改过后它还是旧的 → 拿旧断言量新代码、报出已经修好的失败。
    改成每次从 `familybook_deploy.sh` **现抽**那段再跑。

另外:`_fb_geom_mobile.py` 的家谱选择器/尺寸断言随结构从旧库改为 v17
(.kin-card / svg.kin-lines / path.kin-link / 118:92),窄屏几何 520 项全过。
2026-10-02 12:48:33 +08:00
..