fix(app-iced): M102 页面几何 —— 正文块贴左吃满页宽、列表末行不再被裁半行、日志按词断行
① 正文列与页头不对齐(下载 / 日志):根因是 `frame::single_column` 把**行宽上限 424** 当成**整页块宽度**并水平居中(1180 下 1044 里只摆 424,左缘 422 对页头标题 112)。 现在两个量分开:`layout` 的 `column` 只管成段散文(≤424),页面块宽走新的 `frame::body_width`(= available / main_pane)。新增 `frame::body`(贴左吃满)与 `frame::prose`(散文锁 424)。1180×760 下下载 / 日志的块左缘 = 112 = 页头标题左缘。 ② 实例列表末行被裁半行:页级行距 `Space::X1`(4) 让行节奏变成 64、与可视高度除不尽, 且滚动区直贴卡片 1px 圆角描边。行距归零(下载页同改)+ 滚动区底部内缩 `Space::X2`(8) ⇒ 可视区 580−32−8 = 540 = 9×60,Redstone Lab 及其副标题完整可见,第 10 行整体在裁切线外。 ③ 日志断行把单词劈开(`graphics.gl_o` / `peration_failure`):新增 `layout::wrap::breakable`,在 `.` `_` `:` `/` `\` 后插零宽空格(U+200B 软断点), 日志行正文与一行摘要都过它;悬挂缩进不变(前缀仍是独立文本控件), `Line::text` 与 `Logs::summary()`(剪贴板)仍是原文。工具函数放 `pages/layout/`: 断点是「列宽之后」的另一半排版判据,纯函数、可单测、不碰控件树。 护栏:`body_block_starts_at_the_header_title_and_fills_the_page`、 `list_viewport_fits_whole_rows_and_still_overflow`(把 580/32/8/540/60 五个数钉住)、 `wrap::tests`(断点位置 / 不重复插 / 可还原 / 幂等)、`log_text_carries_soft_breaks_but_keeps_the_original`。 `download/tests.rs` 的「宽窗留白」口径按新分工改成「宽度归块、不归散文列」。
This commit is contained in:
1 parent
8574d6ba2d
commit
89d98184c1
15 files changed
+466
-53
No files matched your search
@@ -31,6 +31,7 @@ use crate::app::components::buttons::{self, Button};
|
||||
use crate::theme::Ui;
|
||||
|
||||
use super::super::frame;
|
||||
use super::super::layout::wrap;
|
||||
use super::super::Message;
|
||||
use super::lines::{mono, mono_owned};
|
||||
use super::model::{Confidence, Finding, Logs, GROUPS};
|
||||
@@ -176,9 +177,13 @@ fn summary_block<'a>(ui: &'a Ui, catalog: &Catalog, logs: &Logs) -> Element<'a,
|
||||
]
|
||||
.width(Length::Fill)
|
||||
.align_y(Alignment::Center),
|
||||
mono_owned(ui, logs.summary(), ui.color(Role::OnSurface))
|
||||
.width(Length::Fill)
|
||||
.wrapping(Wrapping::WordOrGlyph),
|
||||
mono_owned(
|
||||
ui,
|
||||
wrap::breakable(&logs.summary()),
|
||||
ui.color(Role::OnSurface)
|
||||
)
|
||||
.width(Length::Fill)
|
||||
.wrapping(Wrapping::WordOrGlyph),
|
||||
]
|
||||
.spacing(ui.space(Space::X1))
|
||||
.width(Length::Fill)
|
||||
|
||||
@@ -2,11 +2,12 @@
|
||||
//!
|
||||
//! ## 为什么折行而不是横向滚动(tower 要求二选一,这里选折行)
|
||||
//!
|
||||
//! 正文列硬上限 424px,而崩溃堆栈动辄 200+ 字符(样例里最长的一行 214 字符)。两条路:
|
||||
//! 一行崩溃堆栈动辄 200+ 字符(样例里最长的一行 214 字符)。M102 起卡片吃满页宽
|
||||
//! (1180 窗宽 → 卡内约 1004px),但 214 字符 × 等宽 12px ≈ 1412px 仍要折一次。两条路:
|
||||
//!
|
||||
//! | 方案 | 代价 |
|
||||
//! |---|---|
|
||||
//! | 横向滚动 | 424px 里 200 字符 ≈ 8 屏,读一条 `Caused by:` 要来回甩;外壳已经是竖向滚动,横竖两向嵌套后滚轮归属会打架 |
|
||||
//! | 横向滚动 | 一条日志要横甩两屏;外壳已经是竖向滚动,横竖两向嵌套后滚轮归属会打架 |
|
||||
//! | **折行(本页选)** | 一条日志可能占 2~3 行,行号/等级栏必须能标明「这是同一条」 |
|
||||
//!
|
||||
//! 选折行的决定性理由:**折行让等宽族只承担「视觉密度」,不承担「列对齐」**。等宽栈在
|
||||
@@ -34,6 +35,13 @@
|
||||
//! 代价与边界:续行缩进量 = **该行前缀宽度**(时间戳行 ≈ 10 字符、栈帧 `at` 行 ≈ 3 字符),
|
||||
//! 所以不同行的续行缩进不一样——这是悬挂缩进的正常形态(按行首标签缩进),不是 bug。
|
||||
//!
|
||||
//! ## 软断点(M102,视觉复审 ③)
|
||||
//!
|
||||
//! 没有空格的长串(`graphics.gl_operation_failure:medium(70)`)在原版里只能按字形硬断,
|
||||
//! 图里出现 `gl_o` / `peration_failure`。现在正文先过
|
||||
//! [`super::super::layout::wrap::breakable`]:在 `.` `_` `:` `/` `\` 后插零宽空格,折行落回
|
||||
//! 词边界;悬挂缩进不受影响(前缀仍是独立文本控件),`Line::text` 仍是原文。
|
||||
//!
|
||||
//! ## 贴底(M95 r2,视觉复审 P2-4)
|
||||
//!
|
||||
//! 崩溃排查看的是**最后几行**,所以行列表用 `panel::scroll_tail`(`Anchor::End`):偏移按
|
||||
@@ -61,6 +69,7 @@ use unlucky_i18n::Lang;
|
||||
use crate::theme::Ui;
|
||||
|
||||
use super::super::frame;
|
||||
use super::super::layout::wrap;
|
||||
use super::super::Message;
|
||||
use super::model::{Level, Line, Logs};
|
||||
use super::panel;
|
||||
@@ -130,9 +139,12 @@ fn entry<'a>(ui: &'a Ui, line: &'a Line) -> Element<'a, Message> {
|
||||
// 续行一定回到自己的左边距,没有 `text-indent` 之类的排版钩子):
|
||||
// 前缀占第一行开头,正文从它右边开始、带着 `Fill` 宽度自己折行 ⇒ 续行自然落在
|
||||
// `前缀宽度` 之后,与下一条日志的起点(x = 等级条右边)分开。
|
||||
//
|
||||
// M102:正文先过 `wrap::breakable`——`graphics.gl_operation_failure:medium(70)` 这种没有空格的
|
||||
// 长串在原版里只能按字形硬断(`gl_o` / `peration`),补上软断点后才断在 `.` `_` `:` 后面。
|
||||
let text = row![
|
||||
mono(ui, prefix, color),
|
||||
mono(ui, body, color)
|
||||
mono_owned(ui, wrap::breakable(body), color)
|
||||
.width(Length::Fill)
|
||||
.wrapping(iced::widget::text::Wrapping::WordOrGlyph),
|
||||
]
|
||||
|
||||
@@ -11,7 +11,7 @@ use unlucky_i18n::Lang;
|
||||
|
||||
use crate::theme::Families;
|
||||
|
||||
use super::super::layout::{frame_metrics, measure_cap_px, PaneKit};
|
||||
use super::super::layout::{frame_metrics, measure_cap_px, wrap, PaneKit};
|
||||
use super::model::{self, GROUPS, SUMMARY_HEADER};
|
||||
use super::{demo, lines, *};
|
||||
|
||||
@@ -44,6 +44,41 @@ fn page_is_single_column_and_never_wider_than_the_measure_cap() {
|
||||
}
|
||||
}
|
||||
|
||||
/// **M102 ③**:日志行与一行摘要都带软断点——否则 iced 只能按字形硬断,`gl_o` / `peration` 复现。
|
||||
///
|
||||
/// **抓得住**:`entry()` / `summary_block()` 又把原文直接喂给 `mono_owned`(软断点不见了);
|
||||
/// **抓不住**:渲染器最终断在哪一列(那要量图,报告里有前后对照)。
|
||||
#[test]
|
||||
fn log_text_carries_soft_breaks_but_keeps_the_original() {
|
||||
let logs = demo::crash();
|
||||
let summary = wrap::breakable(&logs.summary());
|
||||
|
||||
assert!(
|
||||
!summary.contains("gl_operation_failure"),
|
||||
"摘要里没有软断点,长标识符会被按字形劈开:{summary}"
|
||||
);
|
||||
assert_eq!(
|
||||
wrap::strip(&summary),
|
||||
logs.summary(),
|
||||
"剪贴板拿到的仍是原文"
|
||||
);
|
||||
|
||||
// 每条日志行的正文(拆前缀后的那一半)都要过同一件事:至少最长的那几行里有断点。
|
||||
let broken = logs
|
||||
.lines
|
||||
.iter()
|
||||
.filter(|line| {
|
||||
!wrap::breakable(lines::split_prefix(&line.text).1).contains(wrap::SOFT_BREAK)
|
||||
})
|
||||
.count();
|
||||
assert!(
|
||||
broken * 2 < logs.lines.len(),
|
||||
"{} / {} 行日志没有任何软断点(断点表可能被掏空了)",
|
||||
broken,
|
||||
logs.lines.len()
|
||||
);
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn mono_lines_use_the_mono_stack_with_the_body_small_metrics() {
|
||||
let ui = ui();
|
||||
|
||||
Reference in new issue
Block a user