iter(g24): 新增 list 列表组件（含空状态回落与可点击条目）

apps/demo/main.ts

@@ -25,6 +25,7 @@ import {
   form,
   formItem,
   inputNumber,
+  list,
   menu,
   modal,
   pagination,
@@ -171,6 +172,7 @@ const tableLoading = signal(false);
 
 // —— 菜单选中结果：演示 onSelect 回调 ——
 const menuPick = signal('');
+const listPick = signal(''); // 列表点击选中的条目标题
 
 // —— 禁用态演示：开关信号同时绑定 switch 的 checked 与 checkbox 的 disabled ——
 const locked = signal(true);
@@ -566,6 +568,32 @@ const content = h(
       pending: !flowDone(),
     }),
   ),
+  section(
+    'sec-list',
+    '列表',
+    'list：header/footer 外壳 + 条目 avatar/title/description/extra；传 onItemClick 后条目可点击并有 hover 反馈，items 为空自动回落空状态。',
+    h(
+      'div',
+      { class: 'row' },
+      list({
+        header: '审批待办（3）',
+        footer: '共 3 条，点击条目查看详情',
+        bordered: true,
+        items: [
+          { title: '王小明 · 报销单 RB-2048', description: '差旅费 ¥1,280，等待财务复核', avatar: avatar({ name: '王' }), extra: tag({ label: '待审', variant: 'warning' }) },
+          { title: '李静 · 采购申请 CG-112', description: '显示器 2 台，预算 ¥3,600', avatar: avatar({ name: '李', variant: 'success' }), extra: tag({ label: '已通过', variant: 'success' }) },
+          { title: '张伟 · 加班调休', description: '10-24 加班 3 小时，申请调休', avatar: avatar({ name: '张', variant: 'danger' }), extra: tag({ label: '已驳回', variant: 'danger' }) },
+        ],
+        onItemClick: (item) => listPick(item.title), // 点击回传整条数据
+      }),
+      h(
+        'div',
+        { class: 'stack' },
+        h('span', { class: 'out' }, () => (listPick() ? '已选：' + listPick() : '未点击条目')),
+        list({ items: [], bordered: true, emptyText: '暂无待办事项' }),
+      ),
+    ),
+  ),
   section(
     'sec-menu',
     '下拉菜单',