simon/qlib - qlib - Gitea: 我的私人git

73 Commits 1 Branch 0 Tags

2 Commits

Include renames

Author	SHA1	Message	Date
Simon	50a1030afa	fix(web): 参数表单收束 + 一句话说明改多行（按截图实测修两处失调）用户给了真实截图，指出两处肉眼可见的不协调，逐项定位后修复： 1. 「一句话说明」是单行 input 被塞进 ~360px 的格子，placeholder 「例：全市场股息率最高的 2」直接截断 —— 内容太多、框太小。 → 改为整宽多行 <textarea>（rows=2、min-height 64px、可纵向拉伸），与定宽 340px 的策略名并排（.params-meta flex），窄屏自动上下堆叠；实时字数 (N/300) 已在提示里。 2. 「太多地方没有对齐」的根因：表单铺满 ~1900px 内容区，5 列各 ~360px，控件拉得太开；因子下拉用 1fr 撑到 ~1500px 而权重框才 118px，比例失调；数字输入还有 max-width:180px 上限，比同行下拉窄一截。 → .params-form 约束到 ~1100px（每列 ~210px，所有控件按 1fr 等宽，左右边缘严格对齐）；移除已多余的 max-width:180px（限宽后它反而制造新的不等宽），数值/日期改为填满单元格；因子行首列封顶 460px、整行限宽 720px，条件行同理（首列 ≤360px、限宽 760px）；复权口径选项去掉括号里的「股息策略推荐」（已在 hint 说明），不再截断。验证方式也升级了：这次是截图后用 read_image 看渲染像素确认，而不只量几何。对齐自检同步把 textarea（高度随行数变、本就该比单行高）排除出「同排等高 / 高度归一」比较，并把数字过宽阈值调到 240px（限宽后 ~210px 属正常）。门禁：tsc 0 错误、图表单测 7/7、next build 成功、页面 200、对齐自检 140/140、契约自检 59/59；/backtest 与 /strategies 截图复核通过。	2026-09-30 19:56:40 +08:00
Simon	9aaca12751	fix(web): 控件对齐与输入友好整改（控件高度令牌化 + 对齐自检脚本）问题不是"不好看"，而是可测量的错位：同一行里原生 date 输入 38.8px、数字输入 36.8px、按钮 34px；16px 的勾选框与 36.8px 的下拉同排；因子行的下拉与权重框没有可见标签；列表里的勾选框点不中；参数非法时「运行回测」直接置灰且不说原因。根因：控件高度靠「上下 padding + 行高」拼出来，而 input / select / button 的原生行高各不相同（Chrome 的 date 还会多 2px），必然参差；加上各处内联像素宽度（style={{width:220}}、flex:1）与自搓布局，列自然对不齐。改动： - 新增控件高度令牌 --ctl-h-sm/md/lg（28/34/38px）与 --ctl-px，.input/select/.btn/ .icon-btn/date 统一显式 height（不再拼 padding）；原生 checkbox/radio 统一 16px，点击热区交给外层 label（.check/.radio-row/.check--cell），表格整格可点 - 因子行、选股条件行改为「表头 + CSS 栅格」成列对齐，列宽由样式决定，去掉内联像素宽度与 flex 拉伸，配 aria-label 供读屏分辨重复行 - 表单友好化：错误提示改为失焦或提交后才出现（清空重填的瞬间不再标红）；提交被拦下时一次展开全部行内错误 + 自动聚焦并滚动到第一个问题字段；运行/保存按钮不再因参数非法而置灰（灰按钮不说原因 = 看起来不可点却无响应），改为可点击并讲清原因；补齐 topN/costs 两处「产生了却没人显示」的行内错误落点 - 数值字段补 inputMode/step/min/max 与单位、取值范围提示；工具条检索/筛选用 .input--search/.input--filter/.input--picker 类，不再写内联宽度 - /experiments 筛选无结果的空态与「暂无实验」区分开（原文案会让人以为归档丢了） - 同一页面可能挂两份表单：radio name 与 label/for 加表单实例前缀（useId），否则两边单选互相取消、label 指错控件 - 新增 scripts/verify_ui_alignment.py：系统 Chrome + 原生 CDP（仅标准库，独占随机端口与临时 profile），按 7 个页面 × 1500/375px 检查同排等高、高度取值归一、点击目标、标签与无障碍名、字号圆角一致、尺寸匹配内容、横向溢出、提示裁切；本次基线 108/32 → 现 140/140 验证：pytest 388 passed、ruff 全绿（顺带清掉 qlib_verify.py 一处死代码）、 tsc 0 错误、图表单测 7 passed、next build 成功、契约自检 59/59、对齐自检 140/140（含 375px 小屏）。	2026-09-27 09:01:55 +08:00

Author

SHA1

Message

Date

Simon

50a1030afa

fix(web): 参数表单收束 + 一句话说明改多行（按截图实测修两处失调）

用户给了真实截图，指出两处肉眼可见的不协调，逐项定位后修复：

1. 「一句话说明」是单行 input 被塞进 ~360px 的格子，placeholder
   「例：全市场股息率最高的 2」直接截断 —— 内容太多、框太小。
   → 改为整宽多行 <textarea>（rows=2、min-height 64px、可纵向拉伸），
     与定宽 340px 的策略名并排（.params-meta flex），窄屏自动上下堆叠；
     实时字数 (N/300) 已在提示里。

2. 「太多地方没有对齐」的根因：表单铺满 ~1900px 内容区，5 列各 ~360px，
   控件拉得太开；因子下拉用 1fr 撑到 ~1500px 而权重框才 118px，比例失调；
   数字输入还有 max-width:180px 上限，比同行下拉窄一截。
   → .params-form 约束到 ~1100px（每列 ~210px，所有控件按 1fr 等宽，
     左右边缘严格对齐）；移除已多余的 max-width:180px（限宽后它反而
     制造新的不等宽），数值/日期改为填满单元格；因子行首列封顶 460px、
     整行限宽 720px，条件行同理（首列 ≤360px、限宽 760px）；
     复权口径选项去掉括号里的「股息策略推荐」（已在 hint 说明），不再截断。

验证方式也升级了：这次是**截图后用 read_image 看渲染像素**确认，而不只量几何。
对齐自检同步把 textarea（高度随行数变、本就该比单行高）排除出「同排等高 /
高度归一」比较，并把数字过宽阈值调到 240px（限宽后 ~210px 属正常）。

门禁：tsc 0 错误、图表单测 7/7、next build 成功、页面 200、
对齐自检 140/140、契约自检 59/59；/backtest 与 /strategies 截图复核通过。

2026-09-30 19:56:40 +08:00

Simon

9aaca12751

fix(web): 控件对齐与输入友好整改（控件高度令牌化 + 对齐自检脚本）

问题不是"不好看"，而是**可测量的错位**：同一行里原生 date 输入 38.8px、数字输入
36.8px、按钮 34px；16px 的勾选框与 36.8px 的下拉同排；因子行的下拉与权重框没有
可见标签；列表里的勾选框点不中；参数非法时「运行回测」直接置灰且不说原因。

根因：控件高度靠「上下 padding + 行高」拼出来，而 input / select / button 的原生行高
各不相同（Chrome 的 date 还会多 2px），必然参差；加上各处内联像素宽度
（style={{width:220}}、flex:1）与自搓布局，列自然对不齐。

改动：
- 新增控件高度令牌 --ctl-h-sm/md/lg（28/34/38px）与 --ctl-px，.input/select/.btn/
  .icon-btn/date 统一显式 height（不再拼 padding）；原生 checkbox/radio 统一 16px，
  点击热区交给外层 label（.check/.radio-row/.check--cell），表格整格可点
- 因子行、选股条件行改为「表头 + CSS 栅格」成列对齐，列宽由样式决定，
  去掉内联像素宽度与 flex 拉伸，配 aria-label 供读屏分辨重复行
- 表单友好化：错误提示改为**失焦或提交后**才出现（清空重填的瞬间不再标红）；
  提交被拦下时一次展开全部行内错误 + 自动聚焦并滚动到第一个问题字段；
  运行/保存按钮不再因参数非法而置灰（灰按钮不说原因 = 看起来不可点却无响应），
  改为可点击并讲清原因；补齐 topN/costs 两处「产生了却没人显示」的行内错误落点
- 数值字段补 inputMode/step/min/max 与单位、取值范围提示；工具条检索/筛选用
  .input--search/.input--filter/.input--picker 类，不再写内联宽度
- /experiments 筛选无结果的空态与「暂无实验」区分开（原文案会让人以为归档丢了）
- 同一页面可能挂两份表单：radio name 与 label/for 加表单实例前缀（useId），
  否则两边单选互相取消、label 指错控件
- 新增 scripts/verify_ui_alignment.py：系统 Chrome + 原生 CDP（仅标准库，
  独占随机端口与临时 profile），按 7 个页面 × 1500/375px 检查同排等高、
  高度取值归一、点击目标、标签与无障碍名、字号圆角一致、尺寸匹配内容、
  横向溢出、提示裁切；本次基线 108/32 → 现 140/140

验证：pytest 388 passed、ruff 全绿（顺带清掉 qlib_verify.py 一处死代码）、
tsc 0 错误、图表单测 7 passed、next build 成功、契约自检 59/59、
对齐自检 140/140（含 375px 小屏）。

2026-09-27 09:01:55 +08:00