iter(g174): 时间线支持双侧交替

llms-full.txt

@@ -1,6 +1,6 @@
 # @ui-arch 组件库 Agent 文档（无图形版）
 
-> 自动生成于 2026-10-26T08:20:12.255Z，数据源：各包 ua.manifest.json，勿手改。人类版文档站：apps/docs/index.html。
+> 自动生成于 2026-10-26T08:21:19.789Z，数据源：各包 ua.manifest.json，勿手改。人类版文档站：apps/docs/index.html。
 > 组件 = 普通函数，传 props 返回 DOM；状态用 signal 双向绑定：读 signal() 写 signal(v)。
 
 ## 快速上手
@@ -1030,7 +1030,7 @@ dataTable({ data: users, selectable: true, columns: [{ key: 'name', header: '姓
 参数：
 
 - items（必填）：TimelineItem[] —— 条目列表，按时间顺序自上而下；每项含 title（必填）、content、time、variant
-- mode（默认 left）：'left' | 'right' —— 轴线与节点所在侧；缺省 left（内容在右），right 时内容左对齐轴线居右
+- mode（默认 left）：'left' | 'right' | 'alternate' —— 轴线位置：left / right 单侧排布；alternate 双侧交替（轴线居中、奇偶左右分列，窄屏自动退回左侧）
 - pending（默认 false）：boolean —— 末尾追加虚线「进行中…」节点，表示流程尚未结束；缺省 false
 
 示例：
@@ -1047,6 +1047,7 @@ timeline({ items: [{ title: '提交审批', time: '09:12', variant: 'success' },
 4. 流程未结束时传 pending: true，末尾自动补一个虚线脉冲节点，完成后置回 false 即消失
 5. 需要轴线居右（如右侧栏时间流）时传 mode: 'right'，条目与节点整体镜像
 6. content 为纯文本；需要按钮等交互内容时改用 accordion / card 组合
+7. 要做里程碑式双侧时间线就传 mode: 'alternate'：轴线居中、条目按奇偶分列左右并在窄屏退回单侧，pending 虚节点同样参与交替计数
 
 现场演示：apps/docs/demo.html#sec-timeline