iter(g07): 新增 timeline 时间线组件

apps/demo/main.ts

@@ -42,6 +42,7 @@ import {
   tag,
   textarea,
   textField,
+  timeline,
   toast,
   tooltip,
 } from '@ui-arch/ui';
@@ -151,6 +152,9 @@ const menuPick = signal('');
 // —— 禁用态演示：开关信号同时绑定 switch 的 checked 与 checkbox 的 disabled ——
 const locked = signal(true);
 
+// —— 时间线：false 时末尾显示「进行中」虚线节点，true 表示流程已结束 ——
+const flowDone = signal(false);
+
 const content = h(
   'div',
   { class: 'page' },
@@ -440,6 +444,24 @@ const content = h(
       button({ label: '导出', variant: 'ghost' }),
     ),
   ),
+  section(
+    'sec-timeline',
+    '时间线',
+    'timeline：items 自左向右排事件流，variant 给节点语义色；pending 追加虚线「进行中」节点，点按钮切换。',
+    h(
+      'div',
+      { class: 'row' },
+      button({ label: '流程继续/结束', variant: 'ghost', onClick: () => flowDone(!flowDone()) }),
+    ),
+    () => timeline({
+      items: [
+        { title: '提交审批', time: '09:12', content: '王小明提交了报销单 RB-2048', variant: 'success' },
+        { title: '财务复核', time: '10:30', content: '金额与发票一致，待张工确认', variant: 'warning' },
+        { title: '打款失败', time: '14:05', content: '收款账户信息有误，已退回修改', variant: 'danger' },
+      ],
+      pending: !flowDone(),
+    }),
+  ),
   section(
     'sec-menu',
     '下拉菜单',