iter: b04 新增独立 pagination 分页器并与 dataTable 页码联动

packages/skin/ui/src/dataTable.ts

@@ -44,6 +44,19 @@ export function dataTable<T extends { id: RowKey }>(props: DataTableProps<T>): H
   });
   const selectedCount = computed(() => state().selection.length);
 
+  // —— 受控页码桥接：外部信号 ↔ 内核分页；外部越界先钳制，signal 等值写回不触发，双向同步收敛安全 ——
+  if (props.page) {
+    const pageSig = props.page;
+    effect(() => {
+      const external = Math.min(api.getPageInfo().totalPages, Math.max(1, pageSig())); // 越界钳制，防无效派发
+      if (external !== info().page) table.dispatch({ type: 'setPage', page: external }); // 外部翻页 → 内核
+    });
+    effect(() => {
+      const internal = info().page;
+      if (internal !== pageSig()) pageSig(internal); // 内部翻页（筛选/内置翻页器）→ 写回外部
+    });
+  }
+
   const filterKey = props.filterKey ?? props.columns[0].key;
   const colspan = props.columns.length + (selectable ? 1 : 0);