Print

纯原生的浏览器打印包。支持打印任意 HTML 或 DOM 元素，也提供带重复表头和分页能力的表格打印便捷方法。

打印任意内容

import { printBrowserElement } from "@canvas-components/print";

printBrowserElement(element, {
  documentTitle: "报告",
  pageStyle: "@page { margin: 12mm; }",
  onAfterPrint: () => console.info("打印完成"),
});

也可以直接传入 HTML：

import { printBrowserHtml } from "@canvas-components/print";

printBrowserHtml("<main>要打印的内容</main>");

打印入口需要在用户点击事件中调用，以便浏览器允许打开打印流程。

表格打印

import { printBrowserTable } from "@canvas-components/print";

printBrowserTable({
  columns: [{ key: "name", title: "姓名", width: 42 }],
  rows: [["林晨"], ["顾原"]],
  rowsPerPage: 30,
});

columns 与 rows 按相同顺序对应，列宽单位为毫米，最小列宽为 10mm。列表表格的右键打印配置由 react-list-table 提供。

纸张预设包括 A0–A6、B4、B5、Letter、Legal、Tabloid、Executive 和 Folio。