@qingwu-ui/text-layout
v0.9.0-beta
Published
Pretext-inspired text layout engine — two-phase prepare/layout, Canvas measurement, Unicode-aware line breaking, virtual scroll heights, multi-line truncation, chip flow, and table column sizing
Maintainers
apricotdreamReadme
@qingwu-ui/text-layout
青梧UI 的 文本排版引擎 —— 框架无关，纯 TypeScript + Canvas 测量，零依赖。受 Pretext 启发的两阶段布局（prepare / layout）。
- Canvas 测量：Unicode 感知的断行（CJK / 拉丁混合），不依赖浏览器原生 API 的差异
- 虚拟滚动高度：
computeVirtualHeights/findVisibleRange支撑长文按需渲染 - 多行截断：
truncateToHeight/truncateToLines精确到像素级 - Chip 流式布局：
layoutChips驱动标签流（展开 / 收起 + 高度计算，@qingwu-ui/tag-input即基于它） - 表格列宽：
computeColumnWidths/fitRowToColumns自适应列宽计算
安装
npm install @qingwu-ui/text-layout使用
import { layout, measure, prepare } from "@qingwu-ui/text-layout";
const plan = prepare(text, { width: 320, font: "16px sans-serif" });
const rows = layout(plan);完整 API 见 青梧UI 根 README。