# @flowselections/layout-maker 中文文档

规范地址：https://npmcn.com/package/%40flowselections/layout-maker/

版本：1\.69\.48
npm 元数据更新时间：2026-11-14T16:06:20.465Z
中文译文更新时间：2026-11-15T00:43:44.213Z
软件包许可：未声明

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40flowselections/layout-maker
原文对照：https://npmcn.com/package/%40flowselections/layout-maker/?lang=original

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：7.1 MB，619 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：9 个
- peer 依赖：react ^18 \|\| ^19，sonner ^2\.0\.0，react-dom ^18 \|\| ^19，lucide-react ^0\.400\.0，@flowselections/core \*，@tanstack/react-query ^5\.0\.0，@tanstack/react-start ^1\.0\.0，@tanstack/react-router ^1\.0\.0
- 首次发布：2026-08-12T13:21:19.997Z
- 最新版本发布：2026-11-14T16:06:20.195Z
- 近 30 天下载量：7968（2026-10-15 至 2026-11-13，npm 官方下载统计）
- 已发布版本数：89（近 12 个月 89 个）

## 中文简介

空项目启动

## 安装

```sh
npm install @flowselections/layout-maker
```

也可以使用：`pnpm add @flowselections/layout-maker`、`yarn add @flowselections/layout-maker`、`bun add @flowselections/layout-maker`

## README

# 布局制造器(pakbonnn, verzendbrieven, ectra)

空项目启动

这个项目是用 [可爱](https://lovable.dev/)。 。 。 .

## 以可玩性构建

-   **飞快一点**:描述您想要构建的东西,而Loveable处理代码.
-   **保持同步**:在Loveable中所做的每一次更改都直接承诺给这个寄存器.
-   **完全所有权**\- 这个密码是你的 推动 `main` 在 GitHub 上, 您的更改同步返回到Lovable, 准备您的下个提示 .

## 发展

更喜欢在本地工作? 你需要节点和npm - [安装 nvm](https://github.com/nvm-sh/nvm#installing-and-updating)。 。 。 .

```sh
git clone <this-repository-url>
cd <repository-name>
npm i
npm run dev
```

## 安装在 Een andere shell 中

1.  Het schema zit in het pakket: (原始内容存档于2017-09-29) `node_modules/@flowselections/layout-maker/sql/print-schema.sql`。 。 。 . Draai het in de database van die shell (通过de schema-update van de shell of de) 数据库中的德·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克·克· SQL编辑器,bij sinderen en na elke更新. Het 脚本具有同源性 (mag vaker) en set keuzelijsten, tabellen, kolommen, sleutels, functies,,,, (英语), 指数、触发器、Rrechten、RLS en policy、实时、实时采样 (sleutel的赞美词) `layout-logos` 克莱尔。 乔治·达特德 扩展 `pg_cron`, (中文(简体) ), `pg_net` {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}请把保险箱藏起来 Het 计划单词 遇到的gegenereerd `scripts/bouw-schema.py`。 。 。 . Floriday-systeemlayouts maakt de module daarna zelf aan bij de eerste(英语:Florida-systeemlayouts maakt de module daarna zelf aan bij de eerste) 互联网档案馆的存檔,存档日期2013-12-22. 维基百科中的相关条目: 维基百科中的相关条目: 维基语录链接: 维基语录链接: 维基语录链接:名言 - 维基文库中相关的原始文献: 维基语 (原始内容存档于2018-09-21) (英语). wachtrijronde of het openen van programes.
    
2.  Zet in de omgeving van de shell: (英语)
    
    -   `SUPABASE_URL` 内 `SERVICE_ROLE_KEY` ——"无地"(nodig voor achtergrondprinten),"无地"("无地"),"无地"("无地"),"无地"("无地"),"无地"("无地"),"无地"("无地"),"无地"("无地")等
    -   `CENTRAL_AUTH_URL` 内 `CENTRAL_AUTH_SECRET` ——无平分音
3.  Zorg dat de sell het diot-eindpunt 主机(英语:Zorg dat de sell het diot-eindpunt). 星洲网. 星洲网. 取消设置- CLI doet dit automatisch 行动车 `flowselections.serverRoutes` 内 `package.json`手提夹 奥克泽特贝壳制造出zelf dit bestand an:
    
    ```ts
    // src/routes/api/public/print/queue-tick.ts
    import { createFileRoute } from "@tanstack/react-router";
    import { behandelQueueTick } from "@flowselections/layout-maker/print";
    
    export const Route = createFileRoute("/api/public/print/queue-tick")({
      server: {
        handlers: {
          POST: async ({ request }) => {
            // De shell levert de databaseverbinding; de module maakt er nooit zelf een.
            const { supabaseAdmin } = await import(
              "../../../../integrations/supabase/client.server"
            );
            return behandelQueueTick(request, supabaseAdmin);
          },
        },
      },
    });
    ```
    
    Het eindpunt 接受 ert drie toegangsbewijzen: en sleutel suit 赛跑者 赛跑者 赛跑者 赛跑者 `print_queue_runners.tick_sleutel`, (中文(简体) ), `SUPABASE_PUBLISHABLE_KEY` (德克龙) (德文:de knop in de Printwachtrij) (德文:德文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文:克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克文克. sessietekken:克文克文克文克文克文克文克文克文克文克文克文克文克文克.
    
4.  克尔 德贝壳中的Zodra de模块 (原始内容存档于2018-10-12). verwerker van de Printwachtrij. Een nieuwe printopdracht wordt met meteen 页面存档备份,存于互联网档案馆 En nieuwe printopdracht wordet meteen opgepakt; daarnaast verwerkt de geplande taak 页面存档备份,存于互联网档案馆 `print-queue-tick` 精灵小精灵 {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}我们得去见他 {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}我们得去 Reageert een sell een uur lang niet, dan wordt hij (英语). 克克勒克·克勒克·克勒克·克勒克·克勒克·克勒克·克勒克(英语: {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}Automatisch op inactief gezet. {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢? 德・塔克 `print-queue-cleanup` 鲁伊姆特 dagelijks (原始内容存档于2018-10-21) (英语). oude opdrachten en bestanden op.
    

## 打印vanuit een和ere模块

Dezelfde shell 的 Andere 模块 Gebruiken suitsluentd de print - API van deze 模块; zij hoeven de printtabellen niet te kennen en mogen er ook niet zelf in 中; 齐杰 hoeven de printtabellen niet te kennen en mogen er ook niet zelf 中; 齐杰 hoeven de printtabellen niet et kennen en schrijven)为禾本科 vol属下的一个种.

```ts
import {
  printDocument, printPdf, printHtml,
  printerVoorWerkplek, printerVoorDocumenttype, volgJobStatus,
} from "@flowselections/layout-maker";

// 1. Document dat via een ontwerp uit deze module wordt opgemaakt
const { jobId } = await printDocument({
  documenttype: "pakbon",          // moet een bestaande documentsoort zijn
  documentnaam: "PB-2601284",
  payload: { order, order_id: order.id }, // order_id: verplicht kenmerk
});

// 2. Kant-en-klare PDF (Floriday-document, klantsticker, externe factuur)
//    Zonder printerId wordt de printer bepaald via de gekoppelde layout van
//    de documentsoort (of de koppeling op papierformaat).
await printPdf({
  documenttype: "factuur",
  documentnaam: "F-2026-00123",
  pdfBase64,                       // met of zonder data:-voorvoegsel
  payload: { order_id: factuur.id },
});

// Geef in payload altijd een order-kenmerk mee: queue_item_id, order_id of
// ordernummer. De wachtrij gebruikt dat om dubbele aanvragen te herkennen;
// zonder kenmerk kunnen twee orders met dezelfde documentnaam binnen tien
// minuten als dubbel worden gezien.


// Of expliciet per werkplek:
const printerId = await printerVoorWerkplek("PICKSTATION-1", "A4");
await printPdf({
  documenttype: "afleverbrief",
  documentnaam: "AFL-12345",
  pdfBase64,
  printerId: printerId!,
});


// 3. Eigen opmaak afdrukken (geen layout, anders wint de layout)
await printHtml({
  documenttype: "controlelijst",
  documentnaam: "Controlelijst kar 12",
  html,
  printerId: printerId!,
});

// Status live volgen (realtime staat aan op print_jobs)
const stop = volgJobStatus(jobId, (s) => console.log(s.status, s.foutmelding));
```

贝朗格里克:

-   **文档** 数据库里有大块的地盘:帕克本、事实、提议, (a) 产品标签,条码 标签, 马加齐因利克斯特,控制利克斯特,运输文件,贴纸,产品, 面纱宾,花花相接,花花相接.
-   **贝斯利斯沃尔戈德(Beslisvolgorde Bij het afdrukken)**: kant-en-klare PDF > 宝石布局 > miegestuurde opmaak > actieve布局为文档车.
-   **杜贝贝利**: en identieke aanvraag binnen 10分钟的单词 gengeerd; de aanroep werpt dan (英语: `DubbeleAanvraagFout`. . . . . . 文档 een eigen `documentnaam` zodat elke opdracht uniek就是这个意思.

## 常见问题

### @flowselections/layout-maker 是什么？

空项目启动

### 如何安装 @flowselections/layout-maker？

在项目目录运行 npm install @flowselections/layout-maker，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^18 \|\| ^19）、sonner（^2\.0\.0）、react-dom（^18 \|\| ^19）、lucide-react（^0\.400\.0）、@flowselections/core（\*）、@tanstack/react-query（^5\.0\.0）、@tanstack/react-start（^1\.0\.0）、@tanstack/react-router（^1\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @flowselections/layout-maker 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @flowselections/layout-maker 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @flowselections/layout-maker 可以商用吗？

@flowselections/layout-maker 使用 未声明 许可。package\.json 没有声明许可证。没有许可证的代码默认保留全部权利，商用前请联系作者或查看仓库中的 LICENSE 文件。以上为概括，不构成法律意见，请以许可原文为准。

### @flowselections/layout-maker 的下载量有多少？

根据 npm 官方下载统计，@flowselections/layout-maker 在 2026/10/15 – 2026/11/13 这 30 天内被下载 7,968 次，日均约 266 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @flowselections/layout-maker 还在维护吗？

最新版本 1\.69\.48 发布于 2026/11/15（1 天前）；至今共发布 89 个版本，其中过去 12 个月发布了 89 个；首次发布于 2026/08/12。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。