iter(g42): pagination 支持每页条数切换

apps/demo/main.ts

@@ -182,6 +182,7 @@ const listPick = signal(''); // 列表点击选中的条目标题
 const slideIndex = signal(0); // 轮播当前下标（外部受控演示）
 const treePick = signal('core'); // 树形选中节点 key
 const cityPick = signal(''); // 可搜索下拉的选中城市
+const pagerPage = signal(1); // 独立分页器当前页
 const pickedFiles = signal(''); // 文件选择结果（名称串）
 
 // —— 禁用态演示：开关信号同时绑定 switch 的 checked 与 checkbox 的 disabled ——
@@ -685,6 +686,17 @@ const content = h(
       result({ status: 'danger', title: '校验未通过', description: '发票金额与报销金额不一致，请核对后重新提交。' }),
     ),
   ),
+  section(
+    'sec-pagination',
+    '分页',
+    'pagination：受控页码信号，>7 页自动省略号折叠；jumpable 跳页输入、pageSizes 切每页条数（切换后回第 1 页）。',
+    h(
+      'div',
+      { class: 'row' },
+      pagination({ page: pagerPage, pageSize: 10, total: 137, jumpable: true, pageSizes: [10, 20, 50], onChange: (p) => pagerPage(p) }),
+      h('span', { class: 'out' }, () => `第 ${pagerPage()} 页`),
+    ),
+  ),
   section(
     'sec-menu',
     '下拉菜单',