iter(g170): 分页器支持极简模式与单页隐藏

apps/demo/main.ts

@@ -244,6 +244,7 @@ const treePick = signal('core'); // 树形选中节点 key
 const transferKeys = signal<string[]>(['a11y']); // 穿梭框右侧集合（外部受控演示）
 const cityPick = signal(''); // 可搜索下拉的选中城市
 const pagerPage = signal(1); // 独立分页器当前页
+const simplePage = signal(2); // 极简分页演示用页码
 const pickedFiles = signal(''); // 文件选择结果（名称串）
 
 // —— 禁用态演示：开关信号同时绑定 switch 的 checked 与 checkbox 的 disabled ——
@@ -1178,6 +1179,14 @@ const content = h(
       pagination({ page: pagerPage, pageSize: 10, total: 137, jumpable: true, pageSizes: [10, 20, 50], onChange: (p) => pagerPage(p) }),
       h('span', { class: 'out' }, () => `第 ${pagerPage()} 页`),
     ),
+    h(
+      'div',
+      { class: 'row' },
+      pagination({ page: simplePage, pageSize: 2, total: 9, simple: true }), // 极简：只留前后翻页与 3 / 5
+      h('span', { class: 'out' }, '极简模式：工具栏窄位只留箭头与进度'),
+      pagination({ page: simplePage, pageSize: 20, total: 9, hideOnSinglePage: true }), // 单页：整块不渲染
+      h('span', { class: 'out' }, '单页隐藏：上面那块 9 条 / 每页 20 已自动消失'),
+    ),
   ),
   section(
     'sec-menu',