把报表、小票、IoT仪表盘、价签、合同模板全部塞进一个浏览器标签页——这就是 report-designer 干的事。1.2k star 听起来不多，但它把“四五个专业软件”才能搞定的活，压缩成一段不到 3MB 的代码，本地跑起来连风扇都不转。徐小夕一句“一套内核，多端适配”，翻译成人话：写一次，打印店、工控屏、收银机都能直接吃，不用返工。

它先解决一个最痛的点：工具碎片化。以前做报表得开 Excel，做小票得用 POS 插件，IoT 看板又要上组态软件，学三套 UI、配三套数据源，老板还嫌你排期慢。report-designer 把“设计器”做成乐高底座，换场景就像换块积木：底层是同一条 JSON 数据流，上层套不同皮肤，10 分钟就能把“销售额折线图”拖进 58mm 小票纸，也能一键变成 1080P 产线大屏，像素都不带歪的。

核心架构分三层，像夹心饼干。最下面是自研渲染引擎，不用 DOM 拼界面，直接拿 Canvas 画，千行表格滚起来比 Excel 还丝滑；中间层是“元素超市”，文本、条形码、SVG、仪表盘各就各位；再往上是“场景壳子”，报表壳、标签壳、IoT 壳，壳里自带打印边距、屏幕分辨率、条码规范，开发者只关心业务字段，不用背“58mm 纸宽 384 像素”这种冷知识。

跑起来的流程像冲速溶咖啡：先加载配置文件，相当于撕开包装袋；再把 JSON 数据倒进渲染引擎，热水一冲；鼠标拖拽、键盘微调就是搅拌；最后点“预览”直接出图，点“打印”就热乎乎的端到终端。全程不走后端，断网也能用，敏感数据不会飞到云上去。

新版还加了“多人同屏”——Google Docs 那种光标乱飞的效果，在内网也能实现。财务改数字、设计调颜色、运维加 Logo，三路人马同时开干，0.3 秒 diff 合并，冲突提示比 Git 还温柔。导出格式也做了“全家桶”：PDF 给老板，Excel 给会计，SVG 给前端，PNG 给运营，一次生成四胞胎，谁爱用谁拿。

云端模板库更像“设计版 App Store”。刚上线的“奶茶店小票”模板，已经自带会员二维码、积分条形码、天气图标，拖进去改个店名就能用。插件接口同时开放，有人把 ECharts 封装成组件，扫码枪一扫，图表实时跳红跳绿，仓库大叔都说“这比 PPT 炫酷”。

当然，硬币也有反面。文档像“极简说明书”，只写三步，第四步靠猜；社区 QQ 群半天才有人回，急性子得自己翻源码。高级功能——比如动态请求头、企业单点登录——需要商业授权，作者也要吃饭，理解万岁。

想上手？一条命令足够：

git clone https://github.com/xinglie/report-designer.git cd report-designer && npx serve

浏览器自动弹出，左边组件区，中间画布，右边属性栏，10 分钟就能复刻一张带二维码的快递面单。手机浏览器也能打开，双指缩放不卡顿，平板+手写笔直接给车间做巡检电子看板，比扛笔记本省事儿多了。

如果你正在找“一款工具终结重复排版”，或者想研究“前端如何自己造渲染引擎”，report-designer 都是现成的活教材。把它部署到内网，让财务、仓库、销售各自画各自的单子，IT 部终于不用再当“改格式外包商”。下一次老板问“能不能把报表也打印成标签？”你只需把 JSON 拖进另一个壳子，回他一句：“已经好了，您要看 58mm 还是 100mm？”