上传 BeadQR 微信小程序项目源码

.gitattributes

@@ -52,3 +52,7 @@ img/memes.png filter=lfs diff=lfs merge=lfs -text
 普通拼豆作品展示.MOV filter=lfs diff=lfs merge=lfs -text
 烫好了，还没有揭开烫纸，用微信二维码扫一扫，成功扫码.MP4 filter=lfs diff=lfs merge=lfs -text
 用烫豆机对拼好的作品烫.MOV filter=lfs diff=lfs merge=lfs -text
+BeadQR/docs/promo/douwei-1080-cover.png filter=lfs diff=lfs merge=lfs -text
+BeadQR/docs/promo/douwei-1080.mp4 filter=lfs diff=lfs merge=lfs -text
+BeadQR/docs/promo/douwei-720-cover.png filter=lfs diff=lfs merge=lfs -text
+BeadQR/docs/promo/douwei-720.mp4 filter=lfs diff=lfs merge=lfs -text

BeadQR/README.md

@@ -0,0 +1,50 @@
+# 豆维 · 可扫码的拼豆
+
+输入一句话（可以再选一张照片），生成**用微信扫一扫就能读出内容**的 MARD 拼豆图纸，并支持导出 PDF 或图片。
+
+## 本版重点
+
+- **一眼看懂**：首屏直接说明用途，页面按“写一句话 → 选张照片 → 导出图纸”三步走，打开就能看到示例效果。
+- **更快**：配色查表加速，色格数据不再走页面数据通道；PDF 改为矢量直出（毫秒级，文件更小）；导出时不再重复绘制。
+- **更好看、更好扫**：
+  - 感知更准的配色（OKLab）
+  - 照片按面积取平均色，不再有锯齿
+  - 相邻色块自动平滑，零散颜色自动合并，所需豆子种类更少
+  - 二维码定位图形强制高对比
+  - 本机扫码自检：扫不出时一键优化
+- **打印友好**：PDF 为 A4 矢量图纸，大作品会自动分块并附总览页；每一格都印有色号，另附带用量的清单。
+- **精选色板**：除标准 221 色和完整 291 色外，还提供 144/96/72/48/24 色精选套装，方便少买豆。
+
+## 内容安全链路（按微信平台要求）
+
+| 环节 | 措施 |
+| --- | --- |
+| 二维码文字、扫码导入的文字、水印 | 云函数调用 `security.msgSecCheck` v2（带 openid、按场景值检测），结果为 risky 或 review 均拦截 |
+| 照片 | 选图后立即压缩到官方推荐的 750×1334 以内，由云函数调用 `security.imgSecCheck`；**检测通过前不能应用照片** |
+| 检测异常 | 一律视为未通过，不允许生成与导出（fail-closed） |
+| 导出前 | 再次校验全部文本（已通过的走缓存，不增加等待） |
+| 云函数加固 | 必须有 OPENID；只接受 `sec-check/` 目录下的 jpg；通过文件头判断格式；限制 1MB；检测后立即删除云端临时文件 |
+| 隐私 | 已开启 `__usePrivacyCheck__`，内置隐私授权弹窗；页脚设有“隐私保护指引”入口 |
+| 投诉与反馈 | 页脚提供“内容规范”说明及 `open-type="feedback"` 的投诉反馈入口 |
+| 分享 | 分享出去的只是小程序卡片，不带用户内容 |
+
+## 部署步骤
+
+1. 用微信开发者工具打开本目录（appid 已配置）。
+2. 右键 `cloudfunctions/quickstartFunctions` →「上传并部署：云端安装依赖」。**本版云函数有改动，必须重新部署。**
+3. 在云开发控制台 → 存储中确认可以写入 `sec-check/` 目录（默认权限即可）。
+4. 在小程序管理后台 →「设置 → 服务内容声明 → 用户隐私保护指引」中声明：选择图片/拍照（`chooseMedia`）、保存到相册（`saveImageToPhotosAlbum`）、扫码（`scanCode`）。
+5. 真机测试：正常/违规文字、正常/违规图片、断网时的检测异常，确认都会被正确拦截和提示。
+
+## 说明
+
+- 为保证扫码成功率，**二维码默认保留 1 格白边**。如需原来的“无白边”效果，可在「高级设置 → 白边」中选择“无”。
+- 圆豆、中空豆样式只影响图纸的显示效果，实际拼出来的位置与方豆完全一致。
+- 第三方代码：`utils/qrcore`（node-qrcode，MIT）、`utils/vendor/jsqr.js`（jsQR，Apache-2.0）。
+
+## 首屏演示动画 & 宣传视频
+
+- 首次打开（还没写内容）时，预览区播放 12 秒 1:1 演示动画：写一句话 → 编成二维码 → 融进照片 → 微信一扫 → 结尾卡片。
+- 动画由 `miniprogram/utils/intro.js` 纯代码实时绘制，**不含任何视频/图片素材，几乎不占包体积**（约 20KB）。演示作品由真实配色引擎生成，画面里的二维码真的能扫出 “Happy Birthday!”。
+- 滑出屏幕、切到后台、打开裁剪时自动暂停；点一下预览区重新播放；写下内容（或选了照片）后自动切回真实二维码。
+- `docs/promo/` 里是用同一套代码渲染的宣传视频（1080 / 720，含原创合成配乐）和封面图，可直接发公众号。该目录不在 `miniprogram/` 内，不计入小程序包体积。

BeadQR/cloudfunctions/quickstartFunctions/config.json

@@ -0,0 +1,9 @@
+{
+  "timeout": 20,
+  "permissions": {
+    "openapi": [
+      "security.msgSecCheck",
+      "security.imgSecCheck"
+    ]
+  }
+}

BeadQR/cloudfunctions/quickstartFunctions/index.js

@@ -0,0 +1,92 @@
+// 豆维 · 内容安全云函数
+// type: checkMessage | checkMessages | checkImage
+// 返回约定：{ risk: boolean, skipped?: boolean }；skipped 表示检测未能完成，前端必须拦截
+const cloud = require("wx-server-sdk");
+cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV });
+
+const MAX_TEXT = 2500;
+const MAX_IMAGE_BYTES = 1024 * 1024;
+const MAX_BATCH = 5;
+
+const extractErrCode = (error) => {
+  if (!error) return undefined;
+  if (typeof error.errCode === "number") return error.errCode;
+  if (typeof error.code === "number") return error.code;
+  const match = typeof error.errMsg === "string" ? error.errMsg.match(/-?\d{3,}/) : null;
+  return match ? Number(match[0]) : undefined;
+};
+
+// msgSecCheck v2：scene 1 资料 / 2 评论 / 3 论坛 / 4 社交日志
+async function checkOneMessage(content, scene, openid) {
+  const value = String(content || "").slice(0, MAX_TEXT);
+  if (!value.trim()) return { risk: false };
+  const safeScene = [1, 2, 3, 4].includes(Number(scene)) ? Number(scene) : 2;
+  try {
+    const response = await cloud.openapi.security.msgSecCheck({
+      version: 2,
+      scene: safeScene,
+      openid,
+      content: value,
+    });
+    const suggest = response && response.result && response.result.suggest;
+    if (!suggest) return { risk: false, skipped: true };
+    // review（疑似）按违规处理，宁严勿松
+    return { risk: suggest === "risky" || suggest === "review", verdict: suggest };
+  } catch (e) {
+    if (extractErrCode(e) === 87014) return { risk: true, verdict: "risky" };
+    return { risk: false, skipped: true, errCode: extractErrCode(e) };
+  }
+}
+
+// 通过文件头判断真实格式，不信任客户端传入的类型
+function sniffType(buffer) {
+  if (buffer.length > 3 && buffer[0] === 0xff && buffer[1] === 0xd8 && buffer[2] === 0xff) return "image/jpeg";
+  if (buffer.length > 8 && buffer[0] === 0x89 && buffer[1] === 0x50 && buffer[2] === 0x4e && buffer[3] === 0x47) return "image/png";
+  return "";
+}
+
+async function checkImage(fileID) {
+  // 只允许检测本小程序上传到 sec-check/ 目录的临时文件，防止借接口删除/读取其他文件
+  if (typeof fileID !== "string" || !/^cloud:\/\/[^/]+\/sec-check\/[\w.-]+\.jpg$/.test(fileID)) {
+    return { risk: false, skipped: true, reason: "INVALID_FILE" };
+  }
+  try {
+    const download = await cloud.downloadFile({ fileID });
+    const buffer = download && download.fileContent;
+    const contentType = buffer ? sniffType(buffer) : "";
+    if (!buffer || !buffer.length || buffer.length > MAX_IMAGE_BYTES || !contentType) {
+      return { risk: false, skipped: true, reason: "BAD_IMAGE" };
+    }
+    await cloud.openapi.security.imgSecCheck({
+      media: { contentType, value: buffer },
+    });
+    return { risk: false };
+  } catch (e) {
+    if (extractErrCode(e) === 87014) return { risk: true, verdict: "risky" };
+    return { risk: false, skipped: true, errCode: extractErrCode(e) };
+  } finally {
+    try {
+      await cloud.deleteFile({ fileList: [fileID] });
+    } catch (e) {
+      // 清理失败不影响检测结果
+    }
+  }
+}
+
+exports.main = async (event) => {
+  const { OPENID } = cloud.getWXContext();
+  if (!OPENID) return { risk: false, skipped: true, reason: "NO_OPENID" };
+  const type = event && event.type;
+  if (type === "checkMessage") {
+    return checkOneMessage(event.content, event.scene, OPENID);
+  }
+  if (type === "checkMessages") {
+    const items = Array.isArray(event.items) ? event.items.slice(0, MAX_BATCH) : [];
+    const results = await Promise.all(items.map((it) => checkOneMessage(it && it.value, it && it.scene, OPENID)));
+    return { results };
+  }
+  if (type === "checkImage") {
+    return checkImage(event.fileID);
+  }
+  return { risk: false, skipped: true, reason: "UNKNOWN_TYPE" };
+};

BeadQR/cloudfunctions/quickstartFunctions/package-lock.json

@@ -0,0 +1,1157 @@
+{
+  "name": "quickstartFunctions",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "quickstartFunctions",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "wx-server-sdk": "~4.0.2"
+      }
+    },
+    "node_modules/@cloudbase/adapter-interface": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/@cloudbase/adapter-interface/-/adapter-interface-0.7.1.tgz",
+      "integrity": "sha512-BjHTAvIMSLxbp26SeT6qLiSSBygz3kAVno/PMwwBwjgzVkVUvuZGVcvf1mhHxY/BjdRGLrd6X60OgvymV/aAUw==",
+      "license": "ISC"
+    },
+    "node_modules/@cloudbase/adapter-wx_mp": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@cloudbase/adapter-wx_mp/-/adapter-wx_mp-1.3.1.tgz",
+      "integrity": "sha512-rS0N1aD1a0zc421ds17/HzM4RChQ6T2ixMz87bhPJ1yveqJt/KUqYxiXJDWhZ803wwTmJs8aqNkgugsNusNhbg==",
+      "license": "ISC",
+      "dependencies": {
+        "@cloudbase/adapter-interface": "^0.7.0",
+        "web-streams-polyfill": "^4.0.0"
+      }
+    },
+    "node_modules/@cloudbase/ai": {
+      "version": "2.30.0",
+      "resolved": "https://registry.npmjs.org/@cloudbase/ai/-/ai-2.30.0.tgz",
+      "integrity": "sha512-RtBux47omXWcMhiiDDVJ96d2JlqnQ/bzKC6GG3ROgupYG3ReQyv1IssCpg5cnzmZ+l651IqdOpt27VTuO3kEGQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@cloudbase/types": "2.30.0",
+        "@cloudbase/utilities": "2.30.0",
+        "@mattiasbuelens/web-streams-adapter": "^0.1.0",
+        "text-encoding-shim": "^1.0.5",
+        "web-streams-polyfill": "^4.0.0"
+      }
+    },
+    "node_modules/@cloudbase/ai/node_modules/@cloudbase/types": {
+      "version": "2.30.0",
+      "resolved": "https://registry.npmjs.org/@cloudbase/types/-/types-2.30.0.tgz",
+      "integrity": "sha512-tVapfLLDA1MlmG2OwC5eq5eSra9l3EgpeJnx1kNR4CGh8zQRrVvFRyaRLo4BrzY0p/5xqX3iJliRmcASF7Ip7g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@cloudbase/adapter-interface": "^0.7.1"
+      }
+    },
+    "node_modules/@cloudbase/app": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/@cloudbase/app/-/app-2.32.0.tgz",
+      "integrity": "sha512-78+eSo8OLO4iUiifdynZo4dK4wNlyaz5x9423muSibyl4FLwt5/Xt0t9s7StFmGaBdvB75UYM9dGWxOdIFRzaw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@cloudbase/adapter-interface": "^0.7.1",
+        "@cloudbase/adapter-wx_mp": "^1.3.1",
+        "@cloudbase/types": "2.32.0",
+        "@cloudbase/utilities": "2.32.0"
+      },
+      "peerDependencies": {
+        "@cloudbase/signature-nodejs": ">=1.0.0",
+        "jsonwebtoken": ">=8.0.0",
+        "ws": "^8.18.0"
+      },
+      "peerDependenciesMeta": {
+        "@cloudbase/signature-nodejs": {
+          "optional": true
+        },
+        "jsonwebtoken": {
+          "optional": true
+        },
+        "ws": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@cloudbase/app/node_modules/@cloudbase/utilities": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/@cloudbase/utilities/-/utilities-2.32.0.tgz",
+      "integrity": "sha512-vYrr1aXOpU+/IrkHMSTxi/k2d4N8raNu+E3IrKtWt4w7Y0Ke3DLvCHeUJcuWECvQBVhzmg1ert4DcXVUymSKlg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@cloudbase/adapter-interface": "^0.7.1",
+        "@cloudbase/types": "2.32.0",
+        "jwt-decode": "^3.1.2"
+      }
+    },
+    "node_modules/@cloudbase/database": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/@cloudbase/database/-/database-1.4.3.tgz",
+      "integrity": "sha512-JzmdsGjy9LwzSQQ0Fv4OlNHNK61BRXdJSembTpy4408AQA3q2Ip3N5eB3v9OpAlFMvP/6MGmOQ/ZuUPKfJddJA==",
+      "license": "ISC",
+      "dependencies": {
+        "bson": "^4.0.3",
+        "lodash.clonedeep": "4.5.0",
+        "lodash.set": "4.3.2",
+        "lodash.unset": "4.5.2"
+      }
+    },
+    "node_modules/@cloudbase/node-sdk": {
+      "version": "3.17.2",
+      "resolved": "https://registry.npmjs.org/@cloudbase/node-sdk/-/node-sdk-3.17.2.tgz",
+      "integrity": "sha512-74ekvRsdmeGch9hFHkQnjHPTEfk8k09iQFvI1aAo48ZsbLqK3czqj/3GoVpSkw5+eYe05tZV13Ct/kWiV5tuGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@cloudbase/ai": "^2.23.0",
+        "@cloudbase/app": "^2.23.0",
+        "@cloudbase/database": "1.4.3",
+        "@cloudbase/signature-nodejs": "2.2.0",
+        "@cloudbase/types": "^2.23.0",
+        "@cloudbase/wx-cloud-client-sdk": "1.7.1",
+        "agentkeepalive": "^4.3.0",
+        "axios": "0.27.2",
+        "form-data": "^4.0.0",
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.1",
+        "jsonwebtoken": "^9.0.2",
+        "retry": "^0.13.1",
+        "web-streams-polyfill": "^4.2.0",
+        "xml2js": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@cloudbase/signature-nodejs": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@cloudbase/signature-nodejs/-/signature-nodejs-2.2.0.tgz",
+      "integrity": "sha512-2y2rieOpJNnBA2MW7sLJKek3iFOjgr8TNicw5qjBkcdVczLR0cFzxMhip75NLCwarFTIAONE3oeNxoQ19eVHcA==",
+      "dependencies": {
+        "@types/clone": "^2.1.0",
+        "clone": "^2.1.2",
+        "is-stream": "^2.0.0",
+        "url": "^0.11.0"
+      }
+    },
+    "node_modules/@cloudbase/types": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/@cloudbase/types/-/types-2.32.0.tgz",
+      "integrity": "sha512-HPsMEHHt5SAyD3tpv/C/v2nYudSawE48ixjK5Y9w3R/82auJag0AUsZGfCExgdPa4Zud9OvGx5127ssEXLgadw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@cloudbase/adapter-interface": "^0.7.1"
+      }
+    },
+    "node_modules/@cloudbase/utilities": {
+      "version": "2.30.0",
+      "resolved": "https://registry.npmjs.org/@cloudbase/utilities/-/utilities-2.30.0.tgz",
+      "integrity": "sha512-52DfQH5qgfOtrwj26KCGw6cz0pUjuJludJ7fccUKCzBtn/QwPudwtXo7gOUTtKKDubW3+VUCjjBm7UiDwFu+ag==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@cloudbase/adapter-interface": "^0.7.1",
+        "@cloudbase/types": "2.30.0",
+        "jwt-decode": "^3.1.2"
+      }
+    },
+    "node_modules/@cloudbase/utilities/node_modules/@cloudbase/types": {
+      "version": "2.30.0",
+      "resolved": "https://registry.npmjs.org/@cloudbase/types/-/types-2.30.0.tgz",
+      "integrity": "sha512-tVapfLLDA1MlmG2OwC5eq5eSra9l3EgpeJnx1kNR4CGh8zQRrVvFRyaRLo4BrzY0p/5xqX3iJliRmcASF7Ip7g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@cloudbase/adapter-interface": "^0.7.1"
+      }
+    },
+    "node_modules/@cloudbase/wx-cloud-client-sdk": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@cloudbase/wx-cloud-client-sdk/-/wx-cloud-client-sdk-1.7.1.tgz",
+      "integrity": "sha512-NzLOoYDAeoRh2lRjCtvr6yXu4KPVHqZtPxyv70e+3b2+dZIDE5S5gtU8daE7xS5u4TwPqKB/E2vmgRTYOsCS9w==",
+      "dependencies": {
+        "core-js-pure": "^3.45.0"
+      }
+    },
+    "node_modules/@mattiasbuelens/web-streams-adapter": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@mattiasbuelens/web-streams-adapter/-/web-streams-adapter-0.1.0.tgz",
+      "integrity": "sha512-oV4PyZfwJNtmFWhvlJLqYIX1Nn22ML8FZpS16ZUKv0hg7414xV1fjsGqxQzLT2dyK92TKxsJSwMOd7VNHAtPmA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/@protobufjs/aspromise": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
+      "integrity": "sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/base64": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz",
+      "integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/codegen": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.5.tgz",
+      "integrity": "sha512-zgXFLzW3Ap33e6d0Wlj4MGIm6Ce8O89n/apUaGNB/jx+hw+ruWEp7EwGUshdLKVRCxZW12fp9r40E1mQrf/34g==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/eventemitter": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.1.tgz",
+      "integrity": "sha512-vW1GmwMZNnL+gMRaovlh9yZX74kc+TTU3FObkkurpMaRtBfLP3ldjS9KQWlwZgraRE0+dheEEoAxdzcJQ8eXZg==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/fetch": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.1.tgz",
+      "integrity": "sha512-GpptLrs57adMSuHi3VNj0mAF8dwh36LMaYF6XyJ6JMWlVsc+t42tm1HSEDmOs3A8fC9yyeisgLhsTVQokOZ0zw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@protobufjs/aspromise": "^1.1.1"
+      }
+    },
+    "node_modules/@protobufjs/float": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz",
+      "integrity": "sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/path": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz",
+      "integrity": "sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/pool": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz",
+      "integrity": "sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/utf8": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.2.tgz",
+      "integrity": "sha512-b1UQwcEZ4yCnMCD8DAL1VlbvBJE9/IX4FTIp7BG1xYpf29SLazLSrqUkj4w7Y5y7cCVP6E5tcqqcI0xemPkHug==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@tootallnate/once": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.1.tgz",
+      "integrity": "sha512-HqmEUIGRJ5fSXchkVgR5F7qn48bDBzv0kWj/Kfu5e6uci4UlEeng4331LnBkWffb++Ei3FOVLxo8JJWMFBDMeQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@types/clone": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@types/clone/-/clone-2.1.4.tgz",
+      "integrity": "sha512-NKRWaEGaVGVLnGLB2GazvDaZnyweW9FJLLFL5LhywGJB3aqGMT9R/EUoJoSRP4nzofYnZysuDmrEJtJdAqUOtQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "26.3.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-26.3.0.tgz",
+      "integrity": "sha512-L3fgrnchriRC2ExBflb8j4uZZURHZfQsmQeyVzhjcHW4kkwVyo8/0h1B2MVzMTrYUJYu6G7EWs14hW/L9putqw==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~8.3.0"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/agentkeepalive": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.6.0.tgz",
+      "integrity": "sha512-kja8j7PjmncONqaTsB8fQ+wE2mSU2DJ9D4XKoJ5PFWIdRMa6SLSN1ff4mOr4jCbfRSsxR4keIiySJU0N9T5hIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "humanize-ms": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/axios": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
+      "integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.14.9",
+        "form-data": "^4.0.0"
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/bignumber.js": {
+      "version": "9.3.1",
+      "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.3.1.tgz",
+      "integrity": "sha512-Ko0uX15oIUS7wJ3Rb30Fs6SkVbLmPBAKdlm7q9+ak9bbIeFf0MwuBsQV6z7+X768/cHsfg+WlysDWJcmthjsjQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/bson": {
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-4.7.2.tgz",
+      "integrity": "sha512-Ry9wCtIZ5kGqkJoi6aD8KjxFZEx78guTQDnpXWiNthsxzrxAK/i8E6pCHAIZTbaEFWcOCvbecMukfK7XUvyLpQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "buffer": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/buffer-equal-constant-time": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/core-js-pure": {
+      "version": "3.50.0",
+      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.50.0.tgz",
+      "integrity": "sha512-6GP3Pxz4IKyWjAfa747vIu/jilB5z29JWROLqH/b+pXVcpgh6tM06ZIBwSuglgVqzDYURhOK6oEzTrG0bCHitA==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ecdsa-sig-formatter": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
+      "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+      "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.16.0.tgz",
+      "integrity": "sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.6.tgz",
+      "integrity": "sha512-vKatAh4SlVfgbv+YtmhiRjhEMJsYpsG1Y2rMQtR+SVSbytsSD1YGzDIcrAJmdFec88u/+VoGmxnl+80gL1tRCQ==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.4",
+        "mime-types": "^2.1.35"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
+      "license": "MIT",
+      "dependencies": {
+        "@tootallnate/once": "2",
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/humanize-ms": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
+      "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.0.0"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/json-bigint": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-bigint/-/json-bigint-1.0.0.tgz",
+      "integrity": "sha512-SiPv/8VpZuWbvLSMtTDU8hEfrZWg/mH/nV/b4o0CYbSxu1UIQPLdwKOCIyLQX+VIPO5vrLX3i8qtqFyhdPSUSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "bignumber.js": "^9.0.0"
+      }
+    },
+    "node_modules/jsonwebtoken": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.3.tgz",
+      "integrity": "sha512-MT/xP0CrubFRNLNKvxJ2BYfy53Zkm++5bX9dtuPbqAeQpTVe0MQTFhao8+Cp//EmJp244xt6Drw/GVEGCUj40g==",
+      "license": "MIT",
+      "dependencies": {
+        "jws": "^4.0.1",
+        "lodash.includes": "^4.3.0",
+        "lodash.isboolean": "^3.0.3",
+        "lodash.isinteger": "^4.0.4",
+        "lodash.isnumber": "^3.0.3",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.isstring": "^4.0.1",
+        "lodash.once": "^4.0.0",
+        "ms": "^2.1.1",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/jwa": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/jwa/-/jwa-2.0.1.tgz",
+      "integrity": "sha512-hRF04fqJIP8Abbkq5NKGN0Bbr3JxlQ+qhZufXVr0DvujKy93ZCbXZMHDL4EOtodSbCWxOqR8MS1tXA5hwqCXDg==",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-equal-constant-time": "^1.0.1",
+        "ecdsa-sig-formatter": "1.0.11",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jws": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/jws/-/jws-4.0.1.tgz",
+      "integrity": "sha512-EKI/M/yqPncGUUh44xz0PxSidXFr/+r0pA70+gIYhjv+et7yxM+s29Y+VGDkovRofQem0fs7Uvf4+YmAdyRduA==",
+      "license": "MIT",
+      "dependencies": {
+        "jwa": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jwt-decode": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz",
+      "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.includes": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
+      "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isboolean": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
+      "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isinteger": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
+      "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isnumber": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
+      "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isstring": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
+      "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.once": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
+      "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.set": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/lodash.set/-/lodash.set-4.3.2.tgz",
+      "integrity": "sha512-4hNPN5jlm/N/HLMCO43v8BXKq9Z7QdAGc/VGrRD61w8gN9g/6jF9A4L1pbUgBLCffi0w9VsXfTOij5x8iTyFvg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.unset": {
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/lodash.unset/-/lodash.unset-4.5.2.tgz",
+      "integrity": "sha512-bwKX88k2JhCV9D1vtE8+naDKlLiGrSmf8zi/Y9ivFHwbmRfA8RxS/aVJ+sIht2XOwqoNr4xUPUkGZpc1sHFEKg==",
+      "license": "MIT"
+    },
+    "node_modules/long": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz",
+      "integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/protobufjs": {
+      "version": "7.6.5",
+      "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-7.6.5.tgz",
+      "integrity": "sha512-/FPD0nUc9jH6rfFjji9IBqOz4pcSE3CsT1m7Ep6Mdb0LxSUMj8hgl6GomOvZzpNpAqqGaXA0P3VSrZLFzIhQrw==",
+      "hasInstallScript": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@protobufjs/aspromise": "^1.1.2",
+        "@protobufjs/base64": "^1.1.2",
+        "@protobufjs/codegen": "^2.0.5",
+        "@protobufjs/eventemitter": "^1.1.1",
+        "@protobufjs/fetch": "^1.1.1",
+        "@protobufjs/float": "^1.0.2",
+        "@protobufjs/path": "^1.1.2",
+        "@protobufjs/pool": "^1.1.0",
+        "@protobufjs/utf8": "^1.1.1",
+        "@types/node": ">=13.7.0",
+        "long": "^5.3.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+      "license": "MIT"
+    },
+    "node_modules/qs": {
+      "version": "6.15.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.3.tgz",
+      "integrity": "sha512-O9gl3zCl5h5blw1KGUzQKhA5oUXSl8rwUIM5o0S3nCXMliSvy5Dzx7/DJcI+SwgICv+IneSZwhBh1oSyEHA71A==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "es-define-property": "^1.0.1",
+        "side-channel": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/sax": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.6.1.tgz",
+      "integrity": "sha512-42tBVwLWnaQvW5zc4HbZrTuWccECCZfBi92FDuwtqxasH+JbPB3/FOKb1m222K42R4WxuxzzMsTswfzgtSu64Q==",
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=11.0.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.1.tgz",
+      "integrity": "sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4",
+        "side-channel-list": "^1.0.1",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/text-encoding-shim": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/text-encoding-shim/-/text-encoding-shim-1.0.5.tgz",
+      "integrity": "sha512-H7yYW+jRn4yhu60ygZ2f/eMhXPITRt4QSUTKzLm+eCaDsdX8avmgWpmtmHAzesjBVUTAypz9odu5RKUjX5HNYA==",
+      "license": "MIT"
+    },
+    "node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "license": "0BSD"
+    },
+    "node_modules/undici-types": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-8.3.0.tgz",
+      "integrity": "sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ==",
+      "license": "MIT"
+    },
+    "node_modules/url": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/url/-/url-0.11.4.tgz",
+      "integrity": "sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^1.4.1",
+        "qs": "^6.12.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/web-streams-polyfill": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-4.3.0.tgz",
+      "integrity": "sha512-/Gnggvj9oSrEvJbDyyPtAnxBt5fGQM2iWOKQNu7ie1OxDgK40iZpyV3TKaRiEzVj1oA1UxKnEy9XPXh6PW3eVw==",
+      "license": "MIT",
+      "workspaces": [
+        "test/benchmark-test",
+        "test/rollup-test",
+        "test/webpack-test"
+      ],
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/wx-server-sdk": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/wx-server-sdk/-/wx-server-sdk-4.0.2.tgz",
+      "integrity": "sha512-dgpgWxYvOFWnQdGOb78sU+uQGELoEQSKzmJ7m8Y6eTCJKsfkdIHLMhRrdN5S5oDfAqr8Pc83jZKQeNRMZASIcg==",
+      "license": "MIT",
+      "dependencies": {
+        "@cloudbase/node-sdk": "3.17.2",
+        "json-bigint": "^1.0.0",
+        "protobufjs": "^7.2.4",
+        "tslib": "^1.9.3"
+      }
+    },
+    "node_modules/xml2js": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.6.2.tgz",
+      "integrity": "sha512-T4rieHaC1EXcES0Kxxj4JWgaUQHDk+qwHcYOCFHfiwKz7tOVPLq7Hjq9dM1WCMhylqMEfP7hMcOIChvotiZegA==",
+      "license": "MIT",
+      "dependencies": {
+        "sax": ">=0.6.0",
+        "xmlbuilder": "~11.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/xmlbuilder": {
+      "version": "11.0.1",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
+      "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      }
+    }
+  }
+}

BeadQR/cloudfunctions/quickstartFunctions/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "quickstartFunctions",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "wx-server-sdk": "~4.0.2"
+  }
+}

BeadQR/docs/promo/douwei-1080.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:89ba1505c4ce4aa36316841c497dc96b8997bac534bb534426c23ca96ce87dcc
+size 3693122

BeadQR/docs/promo/douwei-720.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:626ea04f449f33fe29c4ec6c4aa94a2db88600cababab4f5a11b74155b4eee4e
+size 1650037

BeadQR/docs/video-script.md

@@ -0,0 +1,116 @@
+# 豆维 · 视频文案与分镜脚本
+
+> 目标：用一个短视频介绍「豆维 · 可扫码的拼豆」小程序，让观众理解它是什么、为什么有趣、怎么做出来。
+> 结构：提出想法 → 实现想法 → 制作例子 → 完成例子。
+
+---
+
+## 一、视频定位与调性
+
+| 维度 | 建议 |
+|------|------|
+| 时长 | 主版本 60–90 秒（B站 / 朋友圈 / 公众号），另附 15–30 秒短视频版 |
+| 调性 | 温暖手作 × 科技惊喜，不是冷冰冰的产品演示 |
+| 核心情绪 | 「拼豆不止是一幅画，它是一封能被读到的信」 |
+| 目标观众 | 拼豆爱好者、手工创作者、喜欢送独特礼物的人 |
+| 画面风格 | 暖色调，木桌面，自然光；手机屏幕录制与实物特写交替出现 |
+
+---
+
+## 二、核心文案（Slogan / 一句话介绍）
+
+以下任选一条作为标题或结尾定版字：
+
+1. **豆维 · 可扫码的拼豆**
+2. **每一颗珠子，都藏着一句话。**
+3. **拼出来的二维码，扫出来的心意。**
+4. **把想说的话，拼进一幅画里。**
+5. **看得见，也读得到。**
+
+推荐主标题：**看得见，也读得到。——豆维，可扫码的拼豆**
+
+---
+
+## 三、主版本分镜脚本（60–90 秒）
+
+> 旁白以第一人称「我」叙述，语气像朋友分享，不念广告稿。
+> 「画面」列标注了你需要准备的素材类型；如果你已有类似镜头，直接对应即可。
+
+| 幕 | 时间 | 画面 | 旁白 / 字幕 | 剪辑提示 |
+|----|------|------|-------------|----------|
+| **第一幕：提出想法** | 0:00–0:08 | 桌面上摆着几幅拼豆作品，阳光照进来。手拿起其中一幅，翻到背面，又翻回来。 | **旁白：** 我做了很多拼豆作品，挂在墙上很好看。但我总在想——它能不能，不止是一幅画？ | 慢推镜头，配温暖的钢琴或指弹吉他。最后一帧画面停在作品特写。 |
+| | 0:08–0:14 | 手拿起手机对准拼豆作品「扫一扫」——屏幕弹出一条消息或链接。 | **旁白：** 能不能扫一下，就能看到我想说的话？ | 这是全片第一处「惊喜时刻」，音效清脆，屏幕内容要清晰可见。 |
+| **第二幕：实现想法** | 0:14–0:24 | 切到手机屏幕录屏：打开豆维小程序，输入一段文字。 | **旁白：** 所以我做了「豆维」——一个可扫码的拼豆图纸生成器。输入一段话，或者一个链接。 | 屏幕录制加速 2–3 倍，打字过程快放。 |
+| | 0:24–0:34 | 录屏：导入一张照片，裁切、去背景。 | **旁白：** 再选一张你喜欢的照片。它会把照片和二维码，合成一幅完整的拼豆图纸。 | 展示裁切弹窗操作，去背景效果前后对比。 |
+| | 0:34–0:44 | 录屏：拖动滑块调整二维码大小和位置，切换「丰富 / 平衡 / 稳定」模式。 | **旁白：** 二维码可以放大缩小、移到任何位置。颜色会自动匹配 221 色的拼豆色库，还能选择更注重美观、还是更保证能扫出来。 | 滑块操作用慢动作展示，让观众看到图案实时变化。 |
+| **第三幕：制作例子** | 0:44–0:52 | 导出的图纸打印出来，摆在桌上。开始一颗一颗摆珠子。 | **旁白：** 图纸保存下来，打印出来，就可以开始拼了。 | 延时摄影或快剪，展示摆珠过程，保留几秒真实速度的特写。 |
+| | 0:52–0:58 | 熨斗烫过，拼豆板冷却，掀开，成品完成。 | **旁白：** 熨好，冷却，掀开—— | 掀开那一刻音效「叮」，画面干净利落。 |
+| **第四幕：完成例子** | 0:58–1:10 | 手持成品对镜头展示，然后用手机扫描。屏幕上弹出一开始输入的那段话。 | **旁白：** 它不只是一幅画。你把手机对准它——就能读到里面藏着的话。 | 这是全片情绪最高点。扫描过程用真实速度，屏幕内容要清楚。 |
+| | 1:10–1:20 | 多个成品排列展示（不同图案、不同颜色），最后画面淡出到品牌 Logo 和小程序码。 | **旁白：** 豆维，可扫码的拼豆。看得见，也读得到。 | 结尾定格 3 秒，放小程序码，方便观众扫码体验。 |
+
+---
+
+## 四、15 秒短视频版（抖音 / 视频号快闪）
+
+| 时间 | 画面 | 字幕（无旁白，纯字幕流） |
+|------|------|--------------------------|
+| 0–3s | 手拿起拼豆作品 → 手机扫描 → 屏幕弹出消息 | 拼豆里，藏着一条消息 |
+| 3–8s | 快剪：输入文字 → 导入照片 → 图纸生成 → 摆珠 | 豆维：输入一句话，选一张图，生成拼豆图纸 |
+| 8–13s | 熨烫 → 掀开 → 成品再扫一次 | 拼好，烫平，扫一下—— |
+| 13–15s | 品牌 Logo + 小程序码 | 消息就出来了。豆维 · 可扫码的拼豆 |
+
+> 快闪版不需要旁白，靠音乐节奏 + 字幕推进。音乐选节奏感强的电子或 Lo-Fi。
+
+---
+
+## 五、30 秒版本（朋友圈 / 公众号内嵌）
+
+节奏比 15 秒版稍慢，保留 4 个关键节点：
+
+1. **悬念**（5s）：拿起作品 → 扫码 → 弹出内容
+2. **怎么做**（10s）：小程序操作快剪（输入 → 导图 → 调整 → 导出）
+3. **手作过程**（8s）：摆珠延时 + 熨烫 + 掀开
+4. **结尾**（7s）：成品特写 + 再扫一次 + 定版
+
+配乐：轻快指弹吉他或 Lo-Fi，音量压低，让旁白清晰。
+
+---
+
+## 六、素材清单
+
+拍摄前对照这份清单，确认已拍到以下镜头（√ 为已有，× 为待补）：
+
+| 素材 | 用途 | 状态 |
+|------|------|------|
+| 多幅完成的拼豆作品摆拍（正面 / 斜角 / 背面） | 开头悬念、结尾展示 | ☐ |
+| 手机扫描拼豆作品并弹出内容的实拍 | 全片核心「惊喜时刻」，需拍 2–3 次 | ☐ |
+| 豆维小程序屏幕录制：输入文字、导入图片、裁切、调 QR 位置、切模式 | 第二幕 | ☐ |
+| 图纸导出 / 打印的镜头 | 第三幕开头 | ☐ |
+| 摆珠延时或快剪素材 | 第三幕 | ☐ |
+| 熨斗烫拼豆 + 掀开的特写 | 第三幕高潮 | ☐ |
+| 成品多角度特写（自然光 / 桌面） | 结尾 | ☐ |
+
+---
+
+## 七、剪辑建议
+
+- **转场**：幕与幕之间用干净的硬切或快速模糊，不要花哨转场。产品视频要显得克制。
+- **音乐**：主版本选温暖的原声吉他或钢琴；快闪版选节奏感强的 Lo-Fi / 电子。全片一首歌，不要中途换。
+- **节奏**：第三幕（摆珠）可以稍慢，让观众感受手作质感；第二幕（录屏）加速推进。
+- **字幕**：全程加简体中文字幕，关键词用品牌色 `#416d62`（深绿）高亮。
+- **结尾**：小程序码至少停留 3 秒，让观众来得及扫码。
+
+---
+
+## 八、旁白全文（主版本，可直接朗读）
+
+> 我做了很多拼豆作品，挂在墙上很好看。但我总在想——它能不能，不止是一幅画？能不能扫一下，就能看到我想说的话？
+>
+> 所以我做了「豆维」。输入一段话，或者一个链接，再选一张你喜欢的照片。它会把照片和二维码，合成一幅完整的拼豆图纸。二维码可以放大缩小、移到任何位置，颜色会自动匹配 221 色的拼豆色库，还能选择更注重美观、还是更保证能扫出来。
+>
+> 图纸保存下来，打印出来，就可以开始拼了。熨好，冷却，掀开——
+>
+> 它不只是一幅画。你把手机对准它，就能读到里面藏着的话。
+>
+> 豆维，可扫码的拼豆。看得见，也读得到。
+

BeadQR/docs/审核驳回处理-文案与步骤.md

@@ -0,0 +1,58 @@
+# 审核驳回处理：深度合成误判 — 文案与步骤
+
+> 驳回原因（2026-09-30）：小程序服务内容涉及深度合成技术（如 AI 问答、AI 换脸视频、AI 绘画等），属个人主体尚未开放服务类目，建议申请企业主体类型小程序。
+
+## 结论
+
+代码里没有任何 AI 功能：文字是标准二维码编码；"照片转图纸"是确定性本地图像处理（按网格取平均色 → 映射到 221 种固定色号），不用任何模型、不生成新图像。被判"深度合成"大概率是**后台简介 / 服务类目 / 服务内容声明的表述**或审核员看到"照片→生成图纸"产生的误判。
+
+## 路径 A（推荐，最快）：修正表述后重新提审
+
+### 1. 检查后台三处（mp.weixin.qq.com）
+
+| 位置 | 检查项 |
+| --- | --- |
+| 服务类目 | 改为 **工具 - 图片处理**（个人主体可选）；删除任何 AI / 深度合成相关类目 |
+| 服务内容声明 / 提审问卷 | 凡问"是否提供 AI 生成内容、AI 问答、AI 绘画、深度合成"一律选 **否** |
+| 小程序简介 | 换成下方"新简介"，去掉"生成器 / 一键生成 / 智能"等字眼 |
+
+### 2. 新简介（约 90 字，上限 120）
+
+```
+手工拼豆图纸工具：输入一句话或选一张照片，按 MARD 标准色号排成拼豆图纸，拼好微信一扫就能读出内容。支持 A4 矢量 PDF 与图片导出、用量清单。照片仅在本地做取色处理，并经微信内容安全检测。
+```
+
+### 3. 版本描述 / 审核备注（重新提审时填写）
+
+```
+本小程序为拼豆手工图纸工具，不使用任何人工智能或深度合成技术，无 AIGC 功能：
+1. "照片转图纸"为确定性本地图像处理：将用户上传照片按网格取平均色，再映射到固定的 221 种拼豆标准色号（色彩量化 + 最近邻查表），不生成、不合成任何新图像内容，不涉及人脸或生物特征编辑；
+2. 文字功能是将文本编码为标准二维码点阵，非内容生成；
+3. 所有处理均在用户手机本地完成，且已接入微信内容安全接口（security.msgSecCheck / imgSecCheck），检测未通过时禁止生成与导出（fail-closed）。
+请按"工具-图片处理"类目审核。
+```
+
+## 路径 B：申诉
+
+若不想改简介，可直接对本次审核结果发起申诉（审核结果页 → 申诉），粘贴下文：
+
+```
+本小程序为拼豆手工图纸工具，不涉及深度合成技术：
+(1) 不使用 AI 模型 / 神经网络，无 AI 问答、AI 绘画、AI 换脸等 AIGC 功能；
+(2) 照片功能仅做确定性色彩量化：按网格取平均色并映射到 221 种固定标准色号，属于常规图像处理，不生成新图像、不做人脸或生物特征编辑；
+(3) 文字功能为标准二维码编码；
+(4) 已接入微信内容安全检测（msgSecCheck / imgSecCheck），检测未通过不能生成或导出。
+恳请复核，建议按"工具-图片处理"类目审核。
+```
+
+申诉未通过时：修改简介与类目后按路径 A 重新提审（改了表述基本都能过）。
+
+## 路径 C：仅当二次被拒或想保留"生成"叙事
+
+1. **隐藏照片功能**（只保留文字 → 二维码图纸，纯编码无争议）——我可以直接改代码；
+2. **升级主体**：注册个体工商户 / 企业 → 主体变更 → 申请深度合成相关类目 + 算法备案。仅在以后真要做 AI 功能时才值得，当前工具用不到。
+
+## 顺手可做的降风险小改动（可选）
+
+- 首页徽标 `MARD 拼豆图纸生成器` → `MARD 拼豆图纸工具`
+- 分享标题 `豆维 · 可扫码的拼豆图纸生成器` → `豆维 · 可扫码的拼豆图纸`

BeadQR/miniprogram/app.js

@@ -0,0 +1,14 @@
+// 豆维 · 可扫码的拼豆
+App({
+  onLaunch() {
+    if (!wx.cloud) {
+      console.error('当前基础库不支持云开发，内容安全检测不可用')
+      return
+    }
+    wx.cloud.init({
+      env: 'cloud1-d6gthxado7f6c9d14',
+      traceUser: true,
+    })
+  },
+  globalData: {},
+})

BeadQR/miniprogram/app.json

@@ -0,0 +1,19 @@
+{
+  "pages": [
+    "pages/index/index"
+  ],
+  "window": {
+    "backgroundColor": "#f6f5f1",
+    "backgroundTextStyle": "dark",
+    "navigationBarBackgroundColor": "#f6f5f1",
+    "navigationBarTitleText": "豆维 · 可扫码的拼豆",
+    "navigationBarTextStyle": "black"
+  },
+  "usingComponents": {
+    "privacy-popup": "/components/privacy-popup/index"
+  },
+  "__usePrivacyCheck__": true,
+  "sitemapLocation": "sitemap.json",
+  "style": "v2",
+  "lazyCodeLoading": "requiredComponents"
+}

BeadQR/miniprogram/app.wxss

@@ -0,0 +1,37 @@
+/* 豆维 · 设计变量 */
+page {
+  --ink: #16211f;
+  --ink-2: #3a4643;
+  --muted: #6f7a76;
+  --faint: #a4aca8;
+  --bg: #f6f5f1;
+  --card: #ffffff;
+  --line: #ebe8e1;
+  --brand: #0f766e;
+  --brand-2: #14b8a6;
+  --brand-soft: #e6f4f1;
+  --brand-deep: #0f3d3a;
+  --accent: #ff7a45;
+  --accent-soft: #fff1ea;
+  --danger: #e5484d;
+  --danger-soft: #fdecec;
+  --ok: #12a150;
+  --ok-soft: #e7f6ed;
+  --warn: #c77700;
+  --warn-soft: #fff5e0;
+  --r-s: 16rpx;
+  --r-m: 24rpx;
+  --r-l: 36rpx;
+  --shadow: 0 8rpx 32rpx rgba(22, 33, 31, 0.06);
+
+  background: var(--bg);
+  color: var(--ink);
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', 'Microsoft YaHei', sans-serif;
+  font-size: 28rpx;
+  line-height: 1.55;
+}
+
+view, text, textarea, input, button, scroll-view, canvas, image { box-sizing: border-box; }
+
+button { padding: 0; margin: 0; background: none; border: 0; border-radius: 0; line-height: inherit; font-size: inherit; color: inherit; text-align: center; }
+button::after { border: 0; }

BeadQR/miniprogram/components/privacy-popup/index.js

@@ -0,0 +1,40 @@
+// 隐私保护指引弹窗：用户首次调用相册/相机/保存到相册等隐私接口时由微信触发
+Component({
+  data: { visible: false, contractName: '《豆维隐私保护指引》' },
+
+  lifetimes: {
+    attached() {
+      if (!wx.onNeedPrivacyAuthorization) return
+      this._listener = (resolve) => {
+        this._resolve = resolve
+        this.setData({ visible: true })
+      }
+      wx.onNeedPrivacyAuthorization(this._listener)
+      if (wx.getPrivacySetting) {
+        wx.getPrivacySetting({
+          success: (res) => {
+            if (res.privacyContractName) this.setData({ contractName: res.privacyContractName })
+          },
+        })
+      }
+    },
+  },
+
+  methods: {
+    openContract() {
+      if (wx.openPrivacyContract) wx.openPrivacyContract({})
+    },
+    handleAgree() {
+      if (this._resolve) this._resolve({ buttonId: 'privacy-agree-btn', event: 'agree' })
+      this._resolve = null
+      this.setData({ visible: false })
+    },
+    handleDisagree() {
+      if (this._resolve) this._resolve({ event: 'disagree' })
+      this._resolve = null
+      this.setData({ visible: false })
+      wx.showToast({ title: '未同意将无法选择照片或保存图纸', icon: 'none' })
+    },
+    noop() {},
+  },
+})

BeadQR/miniprogram/components/privacy-popup/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

BeadQR/miniprogram/components/privacy-popup/index.wxml

@@ -0,0 +1,13 @@
+<view wx:if="{{visible}}" class="mask" catchtouchmove="noop">
+  <view class="sheet">
+    <view class="title">隐私保护提示</view>
+    <view class="desc">
+      为了帮你把照片做成拼豆图纸，豆维需要读取你选择的照片、保存图纸到相册。照片仅在本机处理，送检的压缩副本会在内容安全检测后立即删除。使用前请阅读
+      <text class="link" bindtap="openContract">{{contractName}}</text>。
+    </view>
+    <view class="actions">
+      <button class="btn ghost" bindtap="handleDisagree">不同意</button>
+      <button id="privacy-agree-btn" class="btn primary" open-type="agreePrivacyAuthorization" bindagreeprivacyauthorization="handleAgree">同意并继续</button>
+    </view>
+  </view>
+</view>

BeadQR/miniprogram/components/privacy-popup/index.wxss

@@ -0,0 +1,10 @@
+.mask { position: fixed; inset: 0; z-index: 999; background: rgba(15, 23, 22, 0.55); display: flex; align-items: flex-end; }
+.sheet { width: 100%; background: #fff; border-radius: 40rpx 40rpx 0 0; padding: 48rpx 40rpx calc(40rpx + env(safe-area-inset-bottom)); box-sizing: border-box; }
+.title { font-size: 36rpx; font-weight: 700; color: #1d2b2a; margin-bottom: 20rpx; }
+.desc { font-size: 28rpx; line-height: 1.7; color: #55615c; }
+.link { color: #0f766e; font-weight: 600; }
+.actions { display: flex; gap: 20rpx; margin-top: 40rpx; }
+.btn { flex: 1; height: 92rpx; line-height: 92rpx; border-radius: 999rpx; font-size: 30rpx; font-weight: 600; margin: 0 !important; padding: 0 !important; width: auto !important; }
+.btn::after { border: 0; }
+.ghost { background: #f1f3f2; color: #55615c; }
+.primary { background: #0f766e; color: #fff; }

BeadQR/miniprogram/pages/index/index.js

@@ -0,0 +1,1073 @@
+// 豆维主页面
+// 大数据（色格、图片、画布节点）一律挂在 this._ 上，不进 setData，保证滑动/输入流畅
+const { MATCH_MODES, PRESETS, preparePalette } = require('../../utils/palette')
+const { makeQr, createPlacement, SAMPLE_TEXT } = require('../../utils/qr')
+const { getImageDimensions, drawCropped, sampleImage, removeSimpleBackground } = require('../../utils/imaging')
+const { computeArtwork } = require('../../utils/engine')
+const { selfCheck } = require('../../utils/scancheck')
+const { renderPreview, patternPageLayout, drawPatternPage, buildInfoPages, drawWatermark } = require('../../utils/pattern')
+const { PdfDoc, planPatternPages, addPatternPages, addImagePage } = require('../../utils/pdf')
+const security = require('../../utils/security')
+const { createIntro } = require('../../utils/intro')
+
+const LEVELS = [
+  { id: 'M', label: 'M', hint: '格子少' },
+  { id: 'Q', label: 'Q', hint: '均衡' },
+  { id: 'H', label: 'H', hint: '最耐磨' },
+]
+const QUIET_OPTIONS = [
+  { id: 0, label: '无' },
+  { id: 1, label: '1 格' },
+  { id: 2, label: '2 格' },
+]
+const BEAD_STYLES = [
+  { id: 'square', label: '方豆' },
+  { id: 'round', label: '圆豆' },
+  { id: 'hollow', label: '中空豆' },
+]
+const GRID_COLORS = ['#0f766e', '#16211f', '#e5484d', '#3b82f6', '#a855f7']
+const POSITIONS = [0, 50, 100]
+const MAX_CANVAS_SIDE = 8000
+const MAX_CANVAS_PIXELS = 16000000
+const CROP_SIZE = 640
+const FILE_PREFIX = 'douwei-'
+
+function fitScale(w, h) {
+  return Math.min(1, MAX_CANVAS_SIDE / w, MAX_CANVAS_SIDE / h, Math.sqrt(MAX_CANVAS_PIXELS / (w * h)))
+}
+
+function formatNumber(n) {
+  return String(n).replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+}
+
+Page({
+  data: {
+    // 导航
+    statusBarHeight: 20,
+    navHeight: 44,
+    navSolid: false,
+    // 1. 内容
+    text: '',
+    textStatus: 'idle', // idle | checking | pass | risky | error
+    scanImportLoading: false,
+    // 2. 照片
+    hasImage: false,
+    imageThumb: '',
+    imageMeta: '',
+    removeBackground: false,
+    bgTolerance: 22,
+    // 3. 效果
+    qrScale: 100,
+    posX: 50,
+    posY: 50,
+    positions: POSITIONS,
+    modeId: 'balanced',
+    matchModes: MATCH_MODES,
+    advancedOpen: false,
+    fineTuneOpen: false,
+    presets: PRESETS.map((p) => ({ id: p.id, short: p.short, detail: p.detail })),
+    paletteId: '221',
+    coherence: 40,
+    cleanup: true,
+    levels: LEVELS,
+    level: 'H',
+    quietOptions: QUIET_OPTIONS,
+    quiet: 1,
+    // 预览与统计
+    generating: false,
+    isSample: true,
+    showIntro: true, // 无内容时播放动态演示，写下内容后切回真实预览
+    textFocus: false,
+    gridText: '—',
+    beadsText: '—',
+    colorsText: '—',
+    qrGridText: '',
+    scanState: 'idle', // idle | checking | ok | fail
+    usage: [],
+    usageMore: 0,
+    usageExpanded: false,
+    usageAll: [],
+    // 裁切
+    cropVisible: false,
+    cropCheck: 'idle', // checking | pass | risky | error
+    draftFocusX: 50,
+    draftFocusY: 50,
+    draftZoom: 100,
+    draftFlipH: false,
+    draftFlipV: false,
+    draftRemoveBg: false,
+    draftBgTolerance: 22,
+    // 导出
+    exportVisible: false,
+    exportFormat: 'pdf',
+    exportLayout: 'combined',
+    exportQuality: 'hd',
+    beadStyles: BEAD_STYLES,
+    beadStyle: 'square',
+    gridEnabled: true,
+    gridInterval: 10,
+    gridColors: GRID_COLORS,
+    gridColor: '#0f766e',
+    watermark: '',
+    watermarkStatus: 'idle',
+    exporting: false,
+    exportStep: '',
+    exportResult: null, // { kind, files: [{ name, path }] }
+  },
+
+  // —— 生命周期 ——
+
+  onLoad() {
+    const win = wx.getWindowInfo ? wx.getWindowInfo() : wx.getSystemInfoSync()
+    let navHeight = 44
+    try {
+      const capsule = wx.getMenuButtonBoundingClientRect()
+      if (capsule && capsule.top) navHeight = (capsule.top - win.statusBarHeight) * 2 + capsule.height
+    } catch (e) { /* 使用默认高度 */ }
+    this._dpr = Math.min(3, win.pixelRatio || 2)
+    this._timers = {}
+    this._nodes = {}
+    this._token = 0
+    this.setData({ statusBarHeight: win.statusBarHeight || 20, navHeight })
+  },
+
+  onReady() {
+    wx.createSelectorQuery().in(this)
+      .select('#preview').fields({ node: true, size: true })
+      .select('#work').fields({ node: true })
+      .select('#security').fields({ node: true })
+      .exec((res) => {
+        this._nodes.preview = res[0] && res[0].node
+        this._previewCss = (res[0] && res[0].width) || 300
+        this._nodes.work = res[1] && res[1].node
+        this._nodes.security = res[2] && res[2].node
+        this.loadMpCode()
+        this.schedule(0)
+      })
+  },
+
+  onUnload() {
+    Object.keys(this._timers).forEach((k) => clearTimeout(this._timers[k]))
+    this.stopIntro()
+  },
+
+  onShow() {
+    this._hidden = false
+    if (this._nodes && this._nodes.preview) this.syncIntro()
+  },
+
+  onHide() {
+    this._hidden = true
+    this.pauseIntro()
+  },
+
+  onPageScroll(e) {
+    const solid = e.scrollTop > 40
+    if (solid !== this.data.navSolid) this.setData({ navSolid: solid })
+    // 演示区滚出屏幕后暂停动画，省电
+    const away = e.scrollTop > 650
+    if (away !== this._scrolledAway) {
+      this._scrolledAway = away
+      this.syncIntro()
+    }
+  },
+
+  // 分享的是小程序页面卡片，不携带用户内容
+  onShareAppMessage() {
+    return { title: '把一句话藏进拼豆里，微信一扫就能读出来', path: '/pages/index/index' }
+  },
+  onShareTimeline() {
+    return { title: '豆维 · 可扫码的拼豆图纸生成器' }
+  },
+
+  loadMpCode() {
+    if (!this._nodes.work) return
+    const image = this._nodes.work.createImage()
+    image.onload = () => { this._mpCode = image }
+    image.onerror = () => { this._mpCode = null }
+    image.src = '/assets/miniprogram-code.png'
+  },
+
+  debounce(key, fn, wait) {
+    clearTimeout(this._timers[key])
+    this._timers[key] = setTimeout(fn, wait)
+  },
+
+  noop() {},
+
+  openPrivacy() {
+    if (wx.openPrivacyContract) {
+      wx.openPrivacyContract({ fail: () => wx.showToast({ title: '请在微信内查看隐私保护指引', icon: 'none' }) })
+    }
+  },
+
+  showRules() {
+    wx.showModal({
+      title: '内容规范',
+      content: '二维码内容、水印和照片都会经过微信内容安全检测。请勿输入或上传违法违规、色情低俗、暴力恐怖、侵犯他人权益等内容；检测未通过或检测异常时无法生成与导出。如发现不良内容，可通过页面底部“投诉与反馈”告诉我们。',
+      showCancel: false,
+      confirmText: '我知道了',
+    })
+  },
+
+  // —— 生成管线 ——
+
+  schedule(wait = 120) {
+    this.debounce('run', () => this.run(), wait)
+  },
+
+  run() {
+    if (!this._nodes.preview || !this._nodes.work) return
+    // 没写内容、也没选照片：示例二维码没有意义，改为播放动态演示
+    if (!this.data.text.trim() && !this._source) {
+      this._token += 1
+      this.setData({
+        showIntro: true, generating: false, isSample: true, scanState: 'idle', usage: [], usageAll: [], usageMore: 0,
+      }, () => this.syncIntro())
+      return
+    }
+    this.stopIntro()
+    if (this.data.showIntro) this.setData({ showIntro: false })
+    const token = ++this._token
+    this.setData({ generating: true }, () => {
+      // 先让“生成中”状态渲染一帧，再做同步计算
+      setTimeout(() => {
+        if (token !== this._token) return
+        try {
+          this.compute()
+          this.afterCompute(token)
+        } catch (error) {
+          console.error('生成失败', error)
+          this.setData({ generating: false })
+          wx.showToast({ title: '内容太长或图片异常，请调整后重试', icon: 'none' })
+        }
+      }, 16)
+    })
+  },
+
+  compute() {
+    const d = this.data
+    const text = d.text.trim()
+    const qrKey = `${text}|${d.level}`
+    if (!this._qr || this._qrKey !== qrKey) {
+      this._qr = makeQr(text, d.level)
+      this._qrKey = qrKey
+    }
+    const src = this._source
+    const placement = createPlacement(this._qr.size, {
+      scale: d.qrScale, posX: d.posX, posY: d.posY, quiet: d.quiet, hasImage: Boolean(src),
+    })
+    let base = null
+    if (src) {
+      const c = src.crop
+      const baseKey = `${placement.size}|${c.focusX}|${c.focusY}|${c.zoom}|${c.flipH}|${c.flipV}|${d.removeBackground}|${d.bgTolerance}`
+      if (this._baseKey !== baseKey) {
+        const sampled = sampleImage(this._nodes.work, src.image, placement.size, c)
+        if (d.removeBackground) sampled.mask = removeSimpleBackground(sampled.rgb, placement.size, d.bgTolerance)
+        this._base = sampled
+        this._baseKey = baseKey
+      }
+      base = this._base
+    }
+    const pal = preparePalette(d.paletteId)
+    this._artwork = computeArtwork(base, this._qr, placement, pal, {
+      modeId: d.modeId, coherence: d.coherence, cleanup: d.cleanup,
+    })
+  },
+
+  afterCompute(token) {
+    const art = this._artwork
+    this.drawPreview()
+    const usageAll = art.usage.map((u) => ({ id: u.id, hex: u.hex, count: u.count }))
+    this.setData({
+      generating: false,
+      isSample: this._qr.isSample,
+      gridText: `${art.size}×${art.size}`,
+      beadsText: formatNumber(art.beads),
+      colorsText: String(art.usage.length),
+      qrGridText: `${this._qr.size}×${this._qr.size}`,
+      usage: usageAll.slice(0, 12),
+      usageAll: this.data.usageExpanded ? usageAll : [],
+      usageMore: Math.max(0, usageAll.length - 12),
+      scanState: 'checking',
+    })
+    this._usageAll = usageAll
+    // 扫码自检放到下一轮，避免阻塞预览出图
+    this.debounce('scan', () => {
+      if (token !== this._token) return
+      const expected = this.data.text.trim() || SAMPLE_TEXT
+      const result = selfCheck(art, expected)
+      if (token === this._token) this.setData({ scanState: result.ok ? 'ok' : 'fail' })
+    }, 60)
+  },
+
+  drawPreview() {
+    const node = this._nodes.preview
+    if (!node || !this._artwork) return
+    const px = Math.round(this._previewCss * this._dpr)
+    renderPreview(node, this._artwork, px, this.data.beadStyle)
+  },
+
+  // —— 动态演示 ——
+
+  syncIntro() {
+    const should = this.data.showIntro && !this._hidden && !this._scrolledAway && !this.data.cropVisible
+    if (should) this.startIntro()
+    else this.pauseIntro()
+  },
+
+  startIntro() {
+    if (this._introPlayer) return
+    const node = this._nodes.preview
+    if (!node || !this._nodes.work) return
+    if (!this._intro) {
+      try {
+        this._intro = createIntro({ workCanvas: this._nodes.work })
+      } catch (error) {
+        console.error('演示动画初始化失败', error)
+        return
+      }
+    }
+    const px = Math.round(this._previewCss * this._dpr)
+    node.width = px
+    node.height = px
+    const ctx = node.getContext('2d')
+    const raf = node.requestAnimationFrame ? (f) => node.requestAnimationFrame(f) : (f) => setTimeout(f, 16)
+    const caf = node.cancelAnimationFrame ? (id) => node.cancelAnimationFrame(id) : (id) => clearTimeout(id)
+    const player = { start: Date.now() - (this._introElapsed || 0), last: 0, id: 0, caf }
+    const tick = () => {
+      if (this._introPlayer !== player) return
+      const now = Date.now()
+      if (now - player.last >= 30) { // 约 30 帧/秒，流畅且省电
+        player.last = now
+        this._introElapsed = now - player.start
+        this._intro.draw(ctx, this._introElapsed / 1000, px)
+      }
+      player.id = raf(tick)
+    }
+    this._introPlayer = player
+    tick()
+  },
+
+  pauseIntro() {
+    const player = this._introPlayer
+    if (!player) return
+    this._introPlayer = null
+    player.caf(player.id)
+  },
+
+  stopIntro() {
+    this.pauseIntro()
+    this._introElapsed = 0
+  },
+
+  replayIntro() {
+    if (!this.data.showIntro) return
+    this.stopIntro()
+    this.syncIntro()
+  },
+
+  // 引导用户开始：滚到第 1 步并弹出键盘
+  startCreate() {
+    wx.pageScrollTo({
+      selector: '#step1',
+      offsetTop: -(this.data.statusBarHeight + this.data.navHeight + 12),
+      duration: 300,
+    })
+    setTimeout(() => this.setData({ textFocus: true }), 320)
+  },
+
+  onTextBlur() {
+    if (this.data.textFocus) this.setData({ textFocus: false })
+  },
+
+  // —— 1. 内容 ——
+
+  onTextInput(e) {
+    const text = e.detail.value
+    this.setData({ text, textStatus: text.trim() ? 'checking' : 'idle' })
+    this.schedule(220)
+    this.debounce('textCheck', () => this.verifyText(text), 650)
+  },
+
+  clearText() {
+    this.setData({ text: '', textStatus: 'idle' })
+    this.schedule(0)
+  },
+
+  verifyText(raw) {
+    const value = String(raw || '').trim()
+    if (!value) return
+    security.checkText(value, 2).then(({ status }) => {
+      if (this.data.text.trim() !== value) return
+      this.setData({ textStatus: status })
+      if (status === 'risky') wx.showToast({ title: security.MESSAGES.risky, icon: 'none' })
+    })
+  },
+
+  scanImport() {
+    wx.scanCode({
+      onlyFromCamera: false,
+      scanType: ['qrCode'],
+      success: (res) => {
+        const decoded = String(res.result || '').trim().slice(0, 120)
+        if (!decoded) { wx.showToast({ title: '二维码里没有内容', icon: 'none' }); return }
+        this.setData({ scanImportLoading: true })
+        // 扫码得到的内容同样先过内容安全检测，通过后才填入
+        security.checkText(decoded, 2).then(({ status }) => {
+          this.setData({ scanImportLoading: false })
+          if (status !== 'pass') { wx.showToast({ title: security.MESSAGES[status], icon: 'none' }); return }
+          this.setData({ text: decoded, textStatus: 'pass' })
+          this.schedule(0)
+          wx.showToast({ title: '已导入二维码内容', icon: 'none' })
+        })
+      },
+      fail: (err) => {
+        if (err && /cancel/i.test(err.errMsg || '')) return
+        wx.showToast({ title: '没有识别到二维码', icon: 'none' })
+      },
+    })
+  },
+
+  // —— 2. 照片 ——
+
+  loadImage(path, info) {
+    return new Promise((resolve, reject) => {
+      const image = this._nodes.work.createImage()
+      image.onload = () => {
+        if (info && info.width) { image._w = info.width; image._h = info.height }
+        resolve(image)
+      }
+      image.onerror = () => reject(new Error('IMAGE_LOAD_FAILED'))
+      image.src = path
+    })
+  },
+
+  chooseImage() {
+    wx.chooseMedia({
+      count: 1,
+      mediaType: ['image'],
+      sizeType: ['compressed'],
+      sourceType: ['album', 'camera'],
+      success: (res) => {
+        const file = res.tempFiles && res.tempFiles[0]
+        if (file && file.tempFilePath) this.prepareImage(file.tempFilePath)
+      },
+      fail: (err) => {
+        if (err && /cancel/i.test(err.errMsg || '')) return
+        wx.showToast({ title: '没有选到照片', icon: 'none' })
+      },
+    })
+  },
+
+  prepareImage(path) {
+    wx.showLoading({ title: '读取照片…', mask: true })
+    new Promise((resolve) => {
+      wx.getImageInfo({ src: path, success: resolve, fail: () => resolve(null) })
+    })
+      .then((info) => this.loadImage(path, info).then((image) => ({ image, info })))
+      .then(({ image }) => {
+        wx.hideLoading()
+        this._pending = { image, path }
+        // 选图后立即在后台做内容安全检测；同时打开构图编辑，检测通过后才能使用
+        this.startImageCheck(this._pending)
+        this.openCrop(true)
+      })
+      .catch(() => {
+        wx.hideLoading()
+        wx.showToast({ title: '照片读取失败，请换一张 JPG / PNG', icon: 'none' })
+      })
+  },
+
+  startImageCheck(pending) {
+    pending.status = 'checking'
+    this.setData({ cropCheck: 'checking' })
+    pending.check = security.checkImage(pending.path, pending.image, this._nodes.security).then(({ status }) => {
+      pending.status = status
+      if (this._pending === pending) {
+        this.setData({ cropCheck: status })
+        if (pending.applyWhenPassed && status === 'pass') this.applyCrop()
+        pending.applyWhenPassed = false
+      }
+      return status
+    })
+  },
+
+  retryImageCheck() {
+    if (this._pending) this.startImageCheck(this._pending)
+  },
+
+  editImage() {
+    if (!this._source) return
+    this._pending = { image: this._source.image, path: this._source.path, status: 'pass' }
+    this.setData({ cropCheck: 'pass' })
+    this.openCrop(false)
+  },
+
+  removeImage() {
+    this._source = null
+    this._base = null
+    this._baseKey = ''
+    this.setData({ hasImage: false, imageThumb: '', imageMeta: '', removeBackground: false })
+    this.schedule(0)
+  },
+
+  // —— 裁切编辑 ——
+
+  openCrop(isNew) {
+    const crop = !isNew && this._source ? this._source.crop : null
+    this.pauseIntro()
+    this.setData({
+      cropVisible: true,
+      draftFocusX: crop ? crop.focusX : 50,
+      draftFocusY: crop ? crop.focusY : 50,
+      draftZoom: crop ? Math.round(crop.zoom * 100) : 100,
+      draftFlipH: crop ? crop.flipH : false,
+      draftFlipV: crop ? crop.flipV : false,
+      draftRemoveBg: isNew ? false : this.data.removeBackground,
+      draftBgTolerance: isNew ? 22 : this.data.bgTolerance,
+    }, () => {
+      wx.createSelectorQuery().in(this)
+        .select('#crop').fields({ node: true, size: true })
+        .select('#crop').boundingClientRect()
+        .exec((res) => {
+          this._nodes.crop = res[0] && res[0].node
+          this._cropCss = (res[0] && res[0].width) || 300
+          this._cropRect = res[1] || { left: 0, top: 0 }
+          this.drawCrop()
+        })
+    })
+  },
+
+  drawCrop() {
+    const node = this._nodes.crop
+    const pending = this._pending
+    if (!node || !pending) return
+    node.width = CROP_SIZE
+    node.height = CROP_SIZE
+    const ctx = node.getContext('2d')
+    const d = this.data
+    ctx.imageSmoothingEnabled = true
+    drawCropped(ctx, pending.image, CROP_SIZE, CROP_SIZE, {
+      focusX: d.draftFocusX, focusY: d.draftFocusY, zoom: d.draftZoom / 100, flipH: d.draftFlipH, flipV: d.draftFlipV,
+    })
+    // 三分线，仅辅助构图
+    ctx.strokeStyle = 'rgba(255,255,255,0.5)'
+    ctx.lineWidth = 1.5
+    ctx.beginPath()
+    for (let i = 1; i < 3; i += 1) {
+      const p = Math.round(CROP_SIZE * i / 3) + 0.5
+      ctx.moveTo(p, 0); ctx.lineTo(p, CROP_SIZE)
+      ctx.moveTo(0, p); ctx.lineTo(CROP_SIZE, p)
+    }
+    ctx.stroke()
+  },
+
+  touchPoint(t) {
+    const rect = this._cropRect || { left: 0, top: 0 }
+    const x = t.clientX == null ? (t.pageX == null ? t.x : t.pageX) : t.clientX
+    const y = t.clientY == null ? (t.pageY == null ? t.y : t.pageY) : t.clientY
+    return { x: x - rect.left, y: y - rect.top }
+  },
+
+  touchDistance(touches) {
+    const a = this.touchPoint(touches[0])
+    const b = this.touchPoint(touches[1])
+    return Math.hypot(b.x - a.x, b.y - a.y)
+  },
+
+  onCropStart(e) {
+    const touches = e.touches || []
+    if (!touches[0]) return
+    if (touches.length >= 2) {
+      this._gesture = { type: 'pinch', distance: this.touchDistance(touches), zoom: this.data.draftZoom }
+      return
+    }
+    this._gesture = { type: 'drag', ...this.touchPoint(touches[0]), focusX: this.data.draftFocusX, focusY: this.data.draftFocusY }
+  },
+
+  onCropMove(e) {
+    const touches = e.touches || []
+    const g = this._gesture
+    const pending = this._pending
+    if (!touches[0] || !g || !pending) return
+    if (touches.length >= 2) {
+      if (g.type !== 'pinch') {
+        this._gesture = { type: 'pinch', distance: this.touchDistance(touches), zoom: this.data.draftZoom }
+        return
+      }
+      const zoom = Math.max(100, Math.min(400, Math.round(g.zoom * this.touchDistance(touches) / g.distance)))
+      this.setData({ draftZoom: zoom })
+      this.debounce('crop', () => this.drawCrop(), 16)
+      return
+    }
+    if (g.type !== 'drag') return
+    const p = this.touchPoint(touches[0])
+    const cssScale = CROP_SIZE / (this._cropCss || CROP_SIZE)
+    const src = getImageDimensions(pending.image)
+    const scale = Math.max(CROP_SIZE / src.width, CROP_SIZE / src.height) * (this.data.draftZoom / 100)
+    const w = src.width * scale
+    const h = src.height * scale
+    const clamp = (v) => Math.max(0, Math.min(100, v))
+    const dirX = this.data.draftFlipH ? -1 : 1
+    const dirY = this.data.draftFlipV ? -1 : 1
+    const fx = Math.abs(w - CROP_SIZE) < 0.01 ? g.focusX : clamp(g.focusX + dirX * ((p.x - g.x) * cssScale / (CROP_SIZE - w)) * 100)
+    const fy = Math.abs(h - CROP_SIZE) < 0.01 ? g.focusY : clamp(g.focusY + dirY * ((p.y - g.y) * cssScale / (CROP_SIZE - h)) * 100)
+    this.setData({ draftFocusX: fx, draftFocusY: fy })
+    this.debounce('crop', () => this.drawCrop(), 16)
+  },
+
+  onCropEnd() {
+    this._gesture = null
+    clearTimeout(this._timers.crop)
+    this.drawCrop()
+  },
+
+  onDraftZoom(e) {
+    this.setData({ draftZoom: Number(e.detail.value) })
+    this.debounce('crop', () => this.drawCrop(), 16)
+  },
+  resetCrop() { this.setData({ draftFocusX: 50, draftFocusY: 50, draftZoom: 100 }, () => this.drawCrop()) },
+  flipH() { this.setData({ draftFlipH: !this.data.draftFlipH }, () => this.drawCrop()) },
+  flipV() { this.setData({ draftFlipV: !this.data.draftFlipV }, () => this.drawCrop()) },
+  onDraftRemoveBg(e) { this.setData({ draftRemoveBg: e.detail.value }) },
+  onDraftBgTolerance(e) { this.setData({ draftBgTolerance: Number(e.detail.value) }) },
+
+  cancelCrop() {
+    if (this._pending) this._pending.applyWhenPassed = false
+    this.setData({ cropVisible: false }, () => this.syncIntro())
+  },
+
+  applyCrop() {
+    const pending = this._pending
+    if (!pending) return
+    if (pending.status === 'checking') {
+      // 检测未完成：记住用户意图，通过后自动应用
+      pending.applyWhenPassed = true
+      wx.showToast({ title: '正在做内容安全检测，通过后自动应用', icon: 'none' })
+      return
+    }
+    if (pending.status !== 'pass') {
+      wx.showToast({ title: security.MESSAGES[pending.status] || security.MESSAGES.error, icon: 'none' })
+      return
+    }
+    const d = this.data
+    const src = getImageDimensions(pending.image)
+    this._source = {
+      image: pending.image,
+      path: pending.path,
+      crop: { focusX: d.draftFocusX, focusY: d.draftFocusY, zoom: d.draftZoom / 100, flipH: d.draftFlipH, flipV: d.draftFlipV },
+    }
+    this._baseKey = ''
+    this.setData({
+      cropVisible: false,
+      hasImage: true,
+      imageThumb: pending.path,
+      imageMeta: `${src.width}×${src.height} · 已通过安全检测`,
+      removeBackground: d.draftRemoveBg,
+      bgTolerance: d.draftBgTolerance,
+      // 首次导入照片时，二维码默认铺满全图；用户可再缩小
+    })
+    this.schedule(0)
+  },
+
+  // —— 3. 效果 ——
+
+  onScaleChanging(e) { this.setData({ qrScale: Number(e.detail.value) }); this.schedule(160) },
+  onScaleChange(e) { this.setData({ qrScale: Number(e.detail.value) }); this.schedule(0) },
+  pickPosition(e) {
+    const { x, y } = e.currentTarget.dataset
+    this.setData({ posX: Number(x), posY: Number(y) })
+    this.schedule(0)
+  },
+  toggleFineTune() { this.setData({ fineTuneOpen: !this.data.fineTuneOpen }) },
+  onPosX(e) { this.setData({ posX: Number(e.detail.value) }); this.schedule(100) },
+  onPosY(e) { this.setData({ posY: Number(e.detail.value) }); this.schedule(100) },
+  pickMode(e) { this.setData({ modeId: e.currentTarget.dataset.id }); this.schedule(0) },
+  toggleAdvanced() { this.setData({ advancedOpen: !this.data.advancedOpen }) },
+  pickPalette(e) { this.setData({ paletteId: e.currentTarget.dataset.id }); this.schedule(0) },
+  onCoherence(e) { this.setData({ coherence: Number(e.detail.value) }); this.schedule(200) },
+  onCleanup(e) { this.setData({ cleanup: e.detail.value }); this.schedule(0) },
+  pickLevel(e) { this.setData({ level: e.currentTarget.dataset.id }); this.schedule(0) },
+  pickQuiet(e) { this.setData({ quiet: Number(e.currentTarget.dataset.id) }); this.schedule(0) },
+  onBgToggle(e) { this.setData({ removeBackground: e.detail.value }); this.schedule(0) },
+
+  applyScanFix() {
+    // 自检未通过时的一键修复：扫码优先 + 1 格白边 + H 级纠错
+    this.setData({ modeId: 'strict', quiet: Math.max(1, this.data.quiet), level: 'H' })
+    this.schedule(0)
+    wx.showToast({ title: '已切换为扫码优先', icon: 'none' })
+  },
+
+  toggleUsage() {
+    const expanded = !this.data.usageExpanded
+    this.setData({ usageExpanded: expanded, usageAll: expanded ? (this._usageAll || []) : [] })
+  },
+
+  // 生成当前预览图，用微信“识别图中二维码”实测
+  verifyScan() {
+    const node = this._nodes.preview
+    if (!node) return
+    wx.canvasToTempFilePath({
+      canvas: node,
+      fileType: 'png',
+      success: (res) => {
+        wx.previewImage({ urls: [res.tempFilePath], showmenu: true })
+        wx.showToast({ title: '长按图片，选择“识别图中二维码”', icon: 'none', duration: 2500 })
+      },
+      fail: () => wx.showToast({ title: '预览生成失败，请重试', icon: 'none' }),
+    })
+  },
+
+  // —— 导出 ——
+
+  openExport() {
+    if (!this.data.text.trim()) {
+      this.startCreate()
+      return
+    }
+    if (!this._artwork) return
+    if (this.data.textStatus === 'risky') {
+      wx.showToast({ title: security.MESSAGES.risky, icon: 'none' })
+      return
+    }
+    this.setData({ exportVisible: true, exportResult: null })
+  },
+  closeExport() {
+    if (this.data.exporting) return
+    this.setData({ exportVisible: false })
+  },
+  pickFormat(e) { this.setData({ exportFormat: e.currentTarget.dataset.id, exportResult: null }) },
+  pickLayout(e) { this.setData({ exportLayout: e.currentTarget.dataset.id, exportResult: null }) },
+  pickQuality(e) { this.setData({ exportQuality: e.currentTarget.dataset.id, exportResult: null }) },
+  pickBeadStyle(e) {
+    this.setData({ beadStyle: e.currentTarget.dataset.id, exportResult: null }, () => this.drawPreview())
+  },
+  onGridToggle(e) { this.setData({ gridEnabled: e.detail.value, exportResult: null }) },
+  pickInterval(e) { this.setData({ gridInterval: Number(e.currentTarget.dataset.id), exportResult: null }) },
+  pickGridColor(e) { this.setData({ gridColor: e.currentTarget.dataset.color, exportResult: null }) },
+  onWatermark(e) {
+    const watermark = e.detail.value
+    this.setData({ watermark, watermarkStatus: watermark.trim() ? 'checking' : 'idle', exportResult: null })
+    this.debounce('wmCheck', () => {
+      const value = watermark.trim()
+      if (!value) return
+      security.checkText(value, 1).then(({ status }) => {
+        if (this.data.watermark.trim() === value) this.setData({ watermarkStatus: status })
+      })
+    }, 650)
+  },
+
+  gridSettings() {
+    return { enabled: this.data.gridEnabled, interval: this.data.gridInterval, color: this.data.gridColor, opacity: 60 }
+  },
+
+  capture(fileType, quality) {
+    return new Promise((resolve, reject) => {
+      wx.canvasToTempFilePath({
+        canvas: this._nodes.work,
+        fileType,
+        quality,
+        success: (res) => resolve(res.tempFilePath),
+        fail: reject,
+      })
+    })
+  },
+
+  step(label) {
+    return new Promise((resolve) => this.setData({ exportStep: label }, () => setTimeout(resolve, 16)))
+  },
+
+  async startExport() {
+    if (this.data.exporting || !this._artwork) return
+    this.setData({ exporting: true, exportResult: null })
+    try {
+      // 平台合规：导出前再次确认所有用户文本均已通过内容安全检测（已通过的走缓存，无额外等待）
+      await this.step('内容安全校验…')
+      const check = await security.checkTexts([
+        { value: this.data.text, scene: 2 },
+        { value: this.data.watermark, scene: 1 },
+      ])
+      if (check.status !== 'pass') {
+        wx.showToast({ title: security.MESSAGES[check.status], icon: 'none' })
+        if (check.status === 'risky') this.setData({ textStatus: security.isTextPassed(this.data.text) ? 'pass' : 'risky' })
+        return
+      }
+      if (this._source && !this.data.hasImage) throw new Error('IMAGE_STATE')
+      this.cleanOldFiles()
+      if (this.data.exportFormat === 'png') await this.exportPng()
+      else await this.exportPdf()
+    } catch (error) {
+      console.error('导出失败', error)
+      wx.showToast({ title: '导出失败，请重试（可尝试“标准”清晰度）', icon: 'none' })
+    } finally {
+      this.setData({ exporting: false, exportStep: '' })
+    }
+  },
+
+  // 按清晰度求每格像素：高清长边约 4000px，标准约 2400px
+  pngCellSize() {
+    const size = this._artwork.size
+    const maxSide = this.data.exportQuality === 'hd' ? 4000 : 2400
+    let cell = Math.max(12, Math.min(72, Math.floor(maxSide / (size + 5))))
+    while (cell > 12) {
+      const L = patternPageLayout(size, cell)
+      if (Math.max(L.width, L.height) <= maxSide) break
+      cell -= 1
+    }
+    return cell
+  },
+
+  patternMeta() {
+    const art = this._artwork
+    return `${art.size}×${art.size} 格 · ${formatNumber(art.beads)} 颗 · ${art.usage.length} 色 · ${art.pal.label} · 扫码内容：${this.data.text.trim()}`
+  },
+
+  infoParams(width) {
+    return {
+      artwork: this._artwork,
+      width,
+      text: this.data.text.trim(),
+      paletteLabel: `${this._artwork.pal.label}（本作品用 ${this._artwork.usage.length} 色）`,
+      mpCode: this._mpCode || null,
+      thumbnail: true,
+    }
+  },
+
+  async exportPng() {
+    const node = this._nodes.work
+    const art = this._artwork
+    const cell = this.pngCellSize()
+    const L = patternPageLayout(art.size, cell)
+    const wm = this.data.watermark.trim()
+    const drawPattern = (ctx) => drawPatternPage(ctx, art, { cell, style: this.data.beadStyle, grid: this.gridSettings(), meta: this.patternMeta() })
+    const files = []
+    if (this.data.exportLayout === 'separate') {
+      await this.step('绘制图纸…')
+      node.width = L.width
+      node.height = L.height
+      const ctx = node.getContext('2d')
+      drawPattern(ctx)
+      drawWatermark(ctx, L.width, L.height, wm)
+      files.push({ name: '拼豆图纸', path: await this.capture('png') })
+      const info = buildInfoPages(this.infoParams(this.data.exportQuality === 'hd' ? 2000 : 1400))
+      for (let p = 0; p < info.pageCount; p += 1) {
+        await this.step(`绘制用豆清单 ${p + 1}/${info.pageCount}…`)
+        node.width = info.width
+        node.height = info.height
+        const c = node.getContext('2d')
+        info.draw(c, p)
+        drawWatermark(c, info.width, info.height, wm)
+        files.push({ name: info.pageCount > 1 ? `用豆清单 ${p + 1}` : '用豆清单', path: await this.capture('png') })
+      }
+    } else {
+      await this.step('绘制图纸与清单…')
+      const info = buildInfoPages(this.infoParams(L.width))
+      const gap = Math.round(L.width * 0.02)
+      const totalH = L.height + info.pageCount * (info.height + gap)
+      const scale = fitScale(L.width, totalH)
+      node.width = Math.round(L.width * scale)
+      node.height = Math.round(totalH * scale)
+      const ctx = node.getContext('2d')
+      ctx.fillStyle = '#e8e5de'
+      ctx.fillRect(0, 0, node.width, node.height)
+      ctx.scale(scale, scale)
+      drawPattern(ctx)
+      for (let p = 0; p < info.pageCount; p += 1) {
+        ctx.save()
+        ctx.translate(0, L.height + gap + p * (info.height + gap))
+        info.draw(ctx, p)
+        ctx.restore()
+      }
+      ctx.setTransform(1, 0, 0, 1, 0, 0)
+      drawWatermark(ctx, node.width, node.height, wm)
+      files.push({ name: '图纸 + 用豆清单', path: await this.capture('png') })
+    }
+    await this.step('保存到相册…')
+    const saved = await this.saveImages(files.map((f) => f.path))
+    this.setData({ exportResult: { kind: 'png', saved, files } })
+    if (saved) wx.showToast({ title: `${files.length} 张图片已保存`, icon: 'success' })
+  },
+
+  saveImages(paths) {
+    return paths.reduce((chain, path) => chain.then((ok) => (ok ? new Promise((resolve) => {
+      wx.saveImageToPhotosAlbum({
+        filePath: path,
+        success: () => resolve(true),
+        fail: (err) => {
+          if (err && /auth|deny/i.test(err.errMsg || '')) {
+            wx.showModal({
+              title: '需要相册权限',
+              content: '请允许保存到相册，才能把图纸存到手机里',
+              confirmText: '去设置',
+              success: (r) => { if (r.confirm) wx.openSetting() },
+            })
+          }
+          resolve(false)
+        },
+      })
+    }) : false)), Promise.resolve(true))
+  },
+
+  previewResult() {
+    const result = this.data.exportResult
+    if (!result) return
+    if (result.kind === 'png') {
+      wx.previewImage({ urls: result.files.map((f) => f.path), showmenu: true })
+    } else {
+      this.openPdf(result.files[0].path)
+    }
+  },
+
+  openResultFile(e) {
+    const file = this.data.exportResult.files[Number(e.currentTarget.dataset.index)]
+    if (!file) return
+    if (this.data.exportResult.kind === 'png') wx.previewImage({ urls: [file.path], showmenu: true })
+    else this.openPdf(file.path)
+  },
+
+  shareResultFile(e) {
+    const file = this.data.exportResult.files[Number(e.currentTarget.dataset.index)]
+    if (!file || !wx.shareFileMessage) {
+      wx.showToast({ title: '当前微信版本不支持，请先打开再转发', icon: 'none' })
+      return
+    }
+    wx.shareFileMessage({ filePath: file.path, fileName: file.fileName || `${file.name}.pdf` })
+  },
+
+  openPdf(path) {
+    wx.openDocument({ filePath: path, fileType: 'pdf', showMenu: true })
+  },
+
+  cleanOldFiles() {
+    try {
+      const fs = wx.getFileSystemManager()
+      fs.readdirSync(wx.env.USER_DATA_PATH)
+        .filter((name) => name.indexOf(FILE_PREFIX) === 0)
+        .forEach((name) => { try { fs.unlinkSync(`${wx.env.USER_DATA_PATH}/${name}`) } catch (e) { /* 忽略 */ } })
+    } catch (e) { /* 忽略 */ }
+  },
+
+  async canvasJpeg(width, height, draw, quality = 0.9) {
+    const node = this._nodes.work
+    node.width = width
+    node.height = height
+    const ctx = node.getContext('2d')
+    draw(ctx)
+    const path = await this.capture('jpg', quality)
+    return wx.getFileSystemManager().readFileSync(path)
+  },
+
+  // 页眉（中文）渲染为小图，矢量页面上方使用
+  async renderHeader(title, sub) {
+    const w = 1540
+    const h = 80
+    const data = await this.canvasJpeg(w, h, (ctx) => {
+      ctx.fillStyle = '#ffffff'
+      ctx.fillRect(0, 0, w, h)
+      ctx.fillStyle = '#16211f'
+      ctx.font = 'bold 34px sans-serif'
+      ctx.textBaseline = 'middle'
+      ctx.fillText(title, 0, 30)
+      ctx.fillStyle = '#6f7a76'
+      ctx.font = '22px sans-serif'
+      ctx.fillText(sub, 0, 64)
+      ctx.fillStyle = '#0f766e'
+      ctx.font = 'bold 24px sans-serif'
+      ctx.textAlign = 'right'
+      ctx.fillText('豆维 · 可扫码的拼豆', w, 30)
+    }, 0.92)
+    return { data, width: w, height: h }
+  },
+
+  // 水印转为 1-bit 蒙版，矢量页上以半透明平铺
+  watermarkMask(doc, text) {
+    const value = String(text || '').trim()
+    if (!value) return null
+    const node = this._nodes.work
+    const fontSize = 64
+    node.width = 16
+    node.height = 16
+    let ctx = node.getContext('2d')
+    ctx.font = `bold ${fontSize}px sans-serif`
+    const width = Math.min(2000, Math.ceil(ctx.measureText(value).width) + 16)
+    const height = Math.round(fontSize * 1.4)
+    node.width = width
+    node.height = height
+    ctx = node.getContext('2d')
+    ctx.clearRect(0, 0, width, height)
+    ctx.fillStyle = '#000000'
+    ctx.font = `bold ${fontSize}px sans-serif`
+    ctx.textBaseline = 'middle'
+    ctx.fillText(value, 8, height / 2)
+    const pixels = ctx.getImageData(0, 0, width, height).data
+    const rowBytes = Math.ceil(width / 8)
+    const bits = new Uint8Array(rowBytes * height).fill(0xff) // 1 = 不绘制
+    for (let y = 0; y < height; y += 1) {
+      for (let x = 0; x < width; x += 1) {
+        if (pixels[(y * width + x) * 4 + 3] > 110) bits[y * rowBytes + (x >> 3)] &= ~(0x80 >> (x & 7))
+      }
+    }
+    return { id: doc.addImageMask(bits, width, height), width, height }
+  },
+
+  async buildPatternPdf(doc) {
+    const art = this._artwork
+    const plan = planPatternPages(art.size)
+    const headers = []
+    for (let i = 0; i < plan.pages.length; i += 1) {
+      const page = plan.pages[i]
+      await this.step(`绘制图纸页 ${i + 1}/${plan.pages.length}…`)
+      const title = page.kind === 'overview'
+        ? (plan.tiled ? `图纸总览 · 共分 ${plan.pages.length - 1} 块` : '拼豆图纸')
+        : `第 ${page.tile} 块 · 列 ${page.region.col + 1}–${page.region.col + page.region.cols} · 行 ${page.region.row + 1}–${page.region.row + page.region.rows}`
+      const sub = page.kind === 'overview'
+        ? `${art.size}×${art.size} 格 · ${formatNumber(art.beads)} 颗 · ${art.usage.length} 色 · ${plan.tiled ? '红框编号对应后续分块页，按块拼更轻松' : '格内为 MARD 色号'}`
+        : `第 ${i + 1} / ${plan.pages.length} 页 · 格内为 MARD 色号 · 坐标为整张作品的行列号`
+      const header = await this.renderHeader(title, sub)
+      headers.push({ id: doc.addJpeg(header.data, header.width, header.height), width: header.width, height: header.height })
+    }
+    const watermark = this.watermarkMask(doc, this.data.watermark)
+    addPatternPages(doc, art, { plan, headers, style: this.data.beadStyle, grid: this.gridSettings(), watermark })
+  },
+
+  async buildInfoPdf(doc) {
+    const info = buildInfoPages(this.infoParams(1654))
+    for (let p = 0; p < info.pageCount; p += 1) {
+      await this.step(`绘制用豆清单 ${p + 1}/${info.pageCount}…`)
+      const data = await this.canvasJpeg(info.width, info.height, (ctx) => {
+        info.draw(ctx, p)
+        drawWatermark(ctx, info.width, info.height, this.data.watermark)
+      }, 0.9)
+      addImagePage(doc, doc.addJpeg(data, info.width, info.height), info.width, info.height)
+    }
+  },
+
+  async exportPdf() {
+    const fs = wx.getFileSystemManager()
+    const stamp = Date.now().toString(36)
+    const art = this._artwork
+    const base = `${FILE_PREFIX}${art.size}x${art.size}-${stamp}`
+    const files = []
+    const write = (doc, suffix, name) => {
+      const fileName = `豆维-${name}.pdf`
+      const path = `${wx.env.USER_DATA_PATH}/${base}-${suffix}.pdf`
+      fs.writeFileSync(path, doc.build(), 'binary')
+      files.push({ name, fileName, path })
+    }
+    if (this.data.exportLayout === 'separate') {
+      const patternDoc = new PdfDoc()
+      await this.buildPatternPdf(patternDoc)
+      write(patternDoc, 'pattern', '拼豆图纸')
+      const infoDoc = new PdfDoc()
+      await this.buildInfoPdf(infoDoc)
+      write(infoDoc, 'info', '用豆清单')
+    } else {
+      const doc = new PdfDoc()
+      await this.buildPatternPdf(doc)
+      await this.buildInfoPdf(doc)
+      write(doc, 'all', '图纸与用豆清单')
+    }
+    this.setData({ exportResult: { kind: 'pdf', saved: true, files } })
+  },
+})

BeadQR/miniprogram/pages/index/index.json

@@ -0,0 +1,6 @@
+{
+  "navigationStyle": "custom",
+  "navigationBarTextStyle": "white",
+  "backgroundColorTop": "#0f3d3a",
+  "usingComponents": {}
+}

BeadQR/miniprogram/pages/index/index.wxml

@@ -0,0 +1,403 @@
+<!-- 自定义导航栏 -->
+<view class="nav {{navSolid ? 'nav-solid' : ''}}" style="padding-top: {{statusBarHeight}}px; height: {{navHeight}}px;">
+  <view class="nav-title">
+    <image class="nav-logo" src="/assets/icon.png" mode="aspectFill" />
+    <text>豆维 · 可扫码的拼豆</text>
+  </view>
+</view>
+
+<view class="page" style="padding-top: {{statusBarHeight + navHeight}}px;">
+  <!-- 首屏：一句话说清楚是做什么的 -->
+  <view class="hero">
+    <view class="hero-badge">MARD 拼豆图纸生成器</view>
+    <view class="hero-title">把一句话藏进拼豆里</view>
+    <view class="hero-sub">拼好的作品用微信一扫，就能读出你写的文字或链接</view>
+    <view class="hero-steps">
+      <view class="hero-step"><text class="num">1</text>写一句话</view>
+      <text class="hero-arrow">›</text>
+      <view class="hero-step"><text class="num">2</text>选张照片</view>
+      <text class="hero-arrow">›</text>
+      <view class="hero-step"><text class="num">3</text>导出图纸</view>
+    </view>
+  </view>
+
+  <!-- 实时预览：无内容时播放动态演示 -->
+  <view class="card preview-card">
+    <view class="preview-box" bindtap="replayIntro">
+      <canvas id="preview" type="2d" class="preview-canvas"></canvas>
+      <view wx:if="{{isSample && !showIntro}}" class="sample-tag">示例二维码 · 写下内容后换成你的</view>
+      <view wx:if="{{generating}}" class="generating"><view class="spinner"></view></view>
+    </view>
+
+    <block wx:if="{{showIntro}}">
+      <view class="intro-tip">
+        <view class="intro-dot"></view>
+        <text>上面是演示：写下一句话，这里就会变成你专属的可扫码图纸</text>
+      </view>
+      <view class="stats features">
+        <view class="stat"><view class="stat-v">221 色</view><view class="stat-k">MARD 标准色号</view></view>
+        <view class="stat"><view class="stat-v">A4</view><view class="stat-k">打印图纸</view></view>
+        <view class="stat"><view class="stat-v">扫一扫</view><view class="stat-k">微信直接读出</view></view>
+      </view>
+      <view class="preview-actions">
+        <view class="cta-btn" bindtap="startCreate">开始制作 · 写下第一句话</view>
+      </view>
+    </block>
+
+    <block wx:else>
+      <view class="scan-row">
+        <view class="scan-badge scan-{{isSample ? 'idle' : scanState}}">
+          <text wx:if="{{isSample}}">写下内容后，自动检查能否扫出</text>
+          <text wx:elif="{{scanState === 'checking'}}">正在检查能否扫出…</text>
+          <text wx:elif="{{scanState === 'ok'}}">✓ 自检通过，可以扫出内容</text>
+          <text wx:elif="{{scanState === 'fail'}}">! 自检未扫出，建议优化</text>
+          <text wx:else>生成后自动检查能否扫码</text>
+        </view>
+        <view wx:if="{{!isSample && scanState === 'fail'}}" class="mini-btn accent" bindtap="applyScanFix">一键优化</view>
+      </view>
+
+      <view class="stats">
+        <view class="stat"><view class="stat-v">{{gridText}}</view><view class="stat-k">格子</view></view>
+        <view class="stat"><view class="stat-v">{{beadsText}}</view><view class="stat-k">颗豆子</view></view>
+        <view class="stat"><view class="stat-v">{{colorsText}}</view><view class="stat-k">种颜色</view></view>
+      </view>
+
+      <view class="preview-actions">
+        <view wx:if="{{isSample}}" class="cta-btn" bindtap="startCreate">写下内容，生成你的二维码</view>
+        <view wx:else class="ghost-btn" bindtap="verifyScan">用微信扫一扫验证</view>
+      </view>
+    </block>
+  </view>
+
+  <!-- 第 1 步：内容 -->
+  <view class="card step" id="step1">
+    <view class="step-head">
+      <view class="step-num">1</view>
+      <view>
+        <view class="step-title">扫码后要看到什么？</view>
+        <view class="step-desc">一句祝福、一个网址，或者你的名字</view>
+      </view>
+    </view>
+    <view class="input-wrap {{textStatus === 'risky' ? 'input-bad' : ''}}">
+      <textarea class="textarea" value="{{text}}" maxlength="300" auto-height placeholder="Happy Birthday!" placeholder-class="ph" focus="{{textFocus}}" bindinput="onTextInput" bindblur="onTextBlur" />
+      <view class="input-foot">
+        <view class="text-status status-{{textStatus}}">
+          <text wx:if="{{textStatus === 'checking'}}">内容安全检测中…</text>
+          <text wx:elif="{{textStatus === 'pass'}}">✓ 已通过内容安全检测</text>
+          <text wx:elif="{{textStatus === 'risky'}}">内容可能不合规，请修改</text>
+          <text wx:elif="{{textStatus === 'error'}}">检测暂不可用，请稍后重试</text>
+          <text wx:else>{{text.length}}/300</text>
+        </view>
+        <view class="input-tools">
+          <text wx:if="{{text}}" class="tool" bindtap="clearText">清空</text>
+          <text class="tool tool-brand" bindtap="scanImport">{{scanImportLoading ? '识别中…' : '扫码导入'}}</text>
+        </view>
+      </view>
+    </view>
+    <view class="tip">字越少，格子越少，拼起来越快</view>
+  </view>
+
+  <!-- 第 2 步：照片 -->
+  <view class="card step">
+    <view class="step-head">
+      <view class="step-num">2</view>
+      <view>
+        <view class="step-title">选一张照片当底图 <text class="optional">可选</text></view>
+        <view class="step-desc">二维码会融进照片里，不选就是纯二维码</view>
+      </view>
+    </view>
+    <view wx:if="{{!hasImage}}" class="upload" bindtap="chooseImage">
+      <view class="upload-icon">＋</view>
+      <view class="upload-text">从相册选择或拍照</view>
+      <view class="upload-hint">照片仅在手机上处理，会先经过微信内容安全检测</view>
+    </view>
+    <view wx:else class="photo">
+      <image class="photo-thumb" src="{{imageThumb}}" mode="aspectFill" />
+      <view class="photo-info">
+        <view class="photo-meta">{{imageMeta}}</view>
+        <view class="photo-actions">
+          <view class="mini-btn" bindtap="editImage">调整</view>
+          <view class="mini-btn" bindtap="chooseImage">换一张</view>
+          <view class="mini-btn danger" bindtap="removeImage">移除</view>
+        </view>
+      </view>
+    </view>
+    <view wx:if="{{hasImage}}" class="row">
+      <view class="row-label">去掉纯色背景</view>
+      <switch checked="{{removeBackground}}" color="#0f766e" bindchange="onBgToggle" />
+    </view>
+  </view>
+
+  <!-- 第 3 步：效果 -->
+  <view class="card step">
+    <view class="step-head">
+      <view class="step-num">3</view>
+      <view>
+        <view class="step-title">调整效果</view>
+        <view class="step-desc">默认设置已经很好用，想要更好看再微调</view>
+      </view>
+    </view>
+
+    <view class="field-label">风格</view>
+    <view class="seg">
+      <view wx:for="{{matchModes}}" wx:key="id" class="seg-item {{modeId === item.id ? 'on' : ''}}" data-id="{{item.id}}" bindtap="pickMode">
+        <view class="seg-main">{{item.label}}</view>
+        <view class="seg-sub">{{item.hint}}</view>
+      </view>
+    </view>
+
+    <block wx:if="{{hasImage}}">
+      <view class="field-label">二维码大小 <text class="field-val">{{qrScale}}%</text></view>
+      <slider min="30" max="100" step="1" value="{{qrScale}}" activeColor="#0f766e" block-size="22" bindchanging="onScaleChanging" bindchange="onScaleChange" />
+      <block wx:if="{{qrScale < 100}}">
+        <view class="field-label">二维码位置 <text class="link-text" bindtap="toggleFineTune">{{fineTuneOpen ? '收起微调' : '微调'}}</text></view>
+        <view class="pos-grid">
+          <block wx:for="{{positions}}" wx:for-item="py" wx:key="*this">
+            <view wx:for="{{positions}}" wx:for-item="px" wx:key="*this" class="pos-cell {{posX === px && posY === py ? 'on' : ''}}" data-x="{{px}}" data-y="{{py}}" bindtap="pickPosition"></view>
+          </block>
+        </view>
+        <block wx:if="{{fineTuneOpen}}">
+          <view class="mini-label">左右 {{posX}}%</view>
+          <slider min="0" max="100" value="{{posX}}" activeColor="#0f766e" block-size="20" bindchanging="onPosX" bindchange="onPosX" />
+          <view class="mini-label">上下 {{posY}}%</view>
+          <slider min="0" max="100" value="{{posY}}" activeColor="#0f766e" block-size="20" bindchanging="onPosY" bindchange="onPosY" />
+        </block>
+      </block>
+    </block>
+
+    <view class="advanced-toggle" bindtap="toggleAdvanced">
+      <text>高级设置（色板、纠错、白边）</text>
+      <text class="chev {{advancedOpen ? 'open' : ''}}">›</text>
+    </view>
+    <view wx:if="{{advancedOpen}}" class="advanced">
+      <view class="field-label">色板 <text class="field-hint">颜色越少，买豆越省</text></view>
+      <scroll-view scroll-x class="chips-scroll" enhanced show-scrollbar="{{false}}">
+        <view class="chips">
+          <view wx:for="{{presets}}" wx:key="id" class="chip {{paletteId === item.id ? 'on' : ''}}" data-id="{{item.id}}" bindtap="pickPalette">
+            <view class="chip-main">{{item.short}}</view>
+            <view class="chip-sub">{{item.detail}}</view>
+          </view>
+        </view>
+      </scroll-view>
+
+      <view class="field-label">色块平滑 <text class="field-val">{{coherence}}</text></view>
+      <slider min="0" max="100" step="5" value="{{coherence}}" activeColor="#0f766e" block-size="20" bindchange="onCoherence" />
+
+      <view class="row">
+        <view>
+          <view class="row-label">合并零散颜色</view>
+          <view class="row-hint">把只用到一两颗的颜色换成相近色</view>
+        </view>
+        <switch checked="{{cleanup}}" color="#0f766e" bindchange="onCleanup" />
+      </view>
+
+      <view class="field-label">纠错等级 <text class="field-hint">等级越高越耐磨损，但格子更多</text></view>
+      <view class="seg">
+        <view wx:for="{{levels}}" wx:key="id" class="seg-item {{level === item.id ? 'on' : ''}}" data-id="{{item.id}}" bindtap="pickLevel">
+          <view class="seg-main">{{item.label}}</view>
+          <view class="seg-sub">{{item.hint}}</view>
+        </view>
+      </view>
+
+      <view class="field-label">白边 <text class="field-hint">留 1 格白边更容易扫出</text></view>
+      <view class="seg">
+        <view wx:for="{{quietOptions}}" wx:key="id" class="seg-item {{quiet === item.id ? 'on' : ''}}" data-id="{{item.id}}" bindtap="pickQuiet">
+          <view class="seg-main">{{item.label}}</view>
+        </view>
+      </view>
+      <view wx:if="{{qrGridText}}" class="tip">二维码本体 {{qrGridText}} 格</view>
+    </view>
+  </view>
+
+  <!-- 用豆清单 -->
+  <view class="card" wx:if="{{usage.length && !showIntro}}">
+    <view class="card-title">需要准备的豆子 <text class="field-hint">MARD 色号 · 按用量排序</text></view>
+    <view class="usage">
+      <view wx:for="{{usageExpanded ? usageAll : usage}}" wx:key="id" class="usage-item">
+        <view class="swatch" style="background: {{item.hex}};"></view>
+        <view class="usage-id">{{item.id}}</view>
+        <view class="usage-count">{{item.count}}</view>
+      </view>
+    </view>
+    <view wx:if="{{usageMore > 0}}" class="link-text center" bindtap="toggleUsage">{{usageExpanded ? '收起' : '展开全部（还有 ' + usageMore + ' 种）'}}</view>
+  </view>
+
+  <!-- 页脚：内容规范 / 投诉反馈 / 隐私 -->
+  <view class="footer">
+    <view class="footer-safe"><image class="footer-shield" src="/assets/shield.svg" mode="aspectFit" /><text>文字、水印与照片均经过微信内容安全检测，未通过或检测异常时不能生成与导出</text></view>
+    <view class="footer-links">
+      <text class="footer-link" bindtap="showRules">内容规范</text>
+      <text class="dot">·</text>
+      <button class="footer-link footer-btn" open-type="feedback">投诉与反馈</button>
+      <text class="dot">·</text>
+      <text class="footer-link" bindtap="openPrivacy">隐私保护指引</text>
+    </view>
+    <view class="footer-copy">豆维 · 可扫码的拼豆</view>
+  </view>
+</view>
+
+<!-- 底部操作栏 -->
+<view class="bottom-bar">
+  <view class="bar-info">
+    <block wx:if="{{isSample}}">
+      <view class="bar-main">还没有内容</view>
+      <view class="bar-sub">写一句话，马上生成图纸</view>
+    </block>
+    <block wx:else>
+      <view class="bar-main">{{gridText}} · {{colorsText}} 色</view>
+      <view class="bar-sub">约 {{beadsText}} 颗豆子</view>
+    </block>
+  </view>
+  <view class="primary-btn {{!isSample && textStatus === 'risky' ? 'disabled' : ''}}" bindtap="openExport">{{isSample ? '开始制作' : '导出图纸'}}</view>
+</view>
+
+<!-- 导出面板 -->
+<view wx:if="{{exportVisible}}" class="mask" bindtap="closeExport" catchtouchmove="noop">
+  <view class="sheet" catchtap="noop">
+    <view class="sheet-handle"></view>
+    <view class="sheet-title">导出图纸</view>
+
+    <scroll-view scroll-y class="sheet-body">
+      <view class="field-label">格式</view>
+      <view class="seg">
+        <view class="seg-item {{exportFormat === 'pdf' ? 'on' : ''}}" data-id="pdf" bindtap="pickFormat">
+          <view class="seg-main">PDF 文件</view><view class="seg-sub">A4 打印，大图自动分页</view>
+        </view>
+        <view class="seg-item {{exportFormat === 'png' ? 'on' : ''}}" data-id="png" bindtap="pickFormat">
+          <view class="seg-main">图片</view><view class="seg-sub">存到相册，手机上看</view>
+        </view>
+      </view>
+
+      <view class="field-label">内容</view>
+      <view class="seg">
+        <view class="seg-item {{exportLayout === 'combined' ? 'on' : ''}}" data-id="combined" bindtap="pickLayout">
+          <view class="seg-main">合并一份</view><view class="seg-sub">图纸 + 用豆清单</view>
+        </view>
+        <view class="seg-item {{exportLayout === 'separate' ? 'on' : ''}}" data-id="separate" bindtap="pickLayout">
+          <view class="seg-main">分开两份</view><view class="seg-sub">图纸、清单各一份</view>
+        </view>
+      </view>
+
+      <block wx:if="{{exportFormat === 'png'}}">
+        <view class="field-label">清晰度</view>
+        <view class="seg">
+          <view class="seg-item {{exportQuality === 'hd' ? 'on' : ''}}" data-id="hd" bindtap="pickQuality"><view class="seg-main">高清</view></view>
+          <view class="seg-item {{exportQuality === 'std' ? 'on' : ''}}" data-id="std" bindtap="pickQuality"><view class="seg-main">标准</view></view>
+        </view>
+      </block>
+
+      <view class="field-label">豆子样式</view>
+      <view class="seg">
+        <view wx:for="{{beadStyles}}" wx:key="id" class="seg-item {{beadStyle === item.id ? 'on' : ''}}" data-id="{{item.id}}" bindtap="pickBeadStyle">
+          <view class="seg-main">{{item.label}}</view>
+        </view>
+      </view>
+
+      <view class="row">
+        <view class="row-label">辅助网格线</view>
+        <switch checked="{{gridEnabled}}" color="#0f766e" bindchange="onGridToggle" />
+      </view>
+      <block wx:if="{{gridEnabled}}">
+        <view class="grid-opts">
+          <view class="seg small">
+            <view class="seg-item {{gridInterval === 5 ? 'on' : ''}}" data-id="5" bindtap="pickInterval"><view class="seg-main">每 5 格</view></view>
+            <view class="seg-item {{gridInterval === 10 ? 'on' : ''}}" data-id="10" bindtap="pickInterval"><view class="seg-main">每 10 格</view></view>
+          </view>
+          <view class="colors">
+            <view wx:for="{{gridColors}}" wx:key="*this" class="color-dot {{gridColor === item ? 'on' : ''}}" style="background: {{item}};" data-color="{{item}}" bindtap="pickGridColor"></view>
+          </view>
+        </view>
+      </block>
+
+      <view class="field-label">水印 <text class="field-hint">可选，防止图纸被盗用</text></view>
+      <view class="input-wrap {{watermarkStatus === 'risky' ? 'input-bad' : ''}}">
+        <input class="input" value="{{watermark}}" maxlength="20" placeholder="例如：@我的小店" placeholder-class="ph" bindinput="onWatermark" />
+      </view>
+      <view wx:if="{{watermarkStatus !== 'idle'}}" class="text-status status-{{watermarkStatus}} pad">
+        <text wx:if="{{watermarkStatus === 'checking'}}">内容安全检测中…</text>
+        <text wx:elif="{{watermarkStatus === 'pass'}}">✓ 已通过内容安全检测</text>
+        <text wx:elif="{{watermarkStatus === 'risky'}}">水印内容可能不合规，请修改</text>
+        <text wx:else>检测暂不可用，请稍后重试</text>
+      </view>
+
+      <view wx:if="{{exportResult}}" class="result">
+        <view class="result-head">
+          <view class="result-icon {{exportResult.kind === 'png' && !exportResult.saved ? 'warn' : ''}}">
+            <view class="result-tick"></view>
+          </view>
+          <view class="result-text">
+            <view class="result-title">{{exportResult.kind === 'png' && !exportResult.saved ? '已生成，但未存入相册' : '导出完成'}}</view>
+            <view class="result-sub" wx:if="{{exportResult.kind === 'pdf'}}">共 {{exportResult.files.length}} 份 PDF，可直接打印或发给好友</view>
+            <view class="result-sub" wx:elif="{{exportResult.saved}}">{{exportResult.files.length}} 张图片已保存到手机相册</view>
+            <view class="result-sub" wx:else>点「查看」后长按图片即可保存</view>
+          </view>
+        </view>
+        <view class="result-list">
+          <view wx:for="{{exportResult.files}}" wx:key="path" class="result-file">
+            <view class="file-badge {{exportResult.kind}}">{{exportResult.kind === 'pdf' ? 'PDF' : 'PNG'}}</view>
+            <view class="file-info">
+              <view class="file-name">{{item.name}}</view>
+              <view class="file-desc">{{exportResult.kind === 'pdf' ? 'A4 · 可打印' : '高清图片'}}</view>
+            </view>
+            <view class="file-actions">
+              <view class="file-btn" data-index="{{index}}" bindtap="openResultFile">{{exportResult.kind === 'png' ? '查看' : '打开'}}</view>
+              <view wx:if="{{exportResult.kind === 'pdf'}}" class="file-btn primary" data-index="{{index}}" bindtap="shareResultFile">发送</view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+
+    <view class="primary-btn block {{exporting ? 'disabled' : ''}}" bindtap="startExport">
+      {{exporting ? (exportStep || '正在导出…') : (exportResult ? '重新导出' : '开始导出')}}
+    </view>
+  </view>
+</view>
+
+<!-- 照片裁切 -->
+<view wx:if="{{cropVisible}}" class="mask crop-mask" catchtouchmove="noop">
+  <view class="crop-panel">
+    <view class="crop-head">
+      <text class="crop-cancel" bindtap="cancelCrop">取消</text>
+      <text class="crop-title">调整照片</text>
+      <text class="crop-ok {{cropCheck === 'pass' ? '' : 'wait'}}" bindtap="applyCrop">完成</text>
+    </view>
+    <view class="crop-box">
+      <canvas id="crop" type="2d" class="crop-canvas" bindtouchstart="onCropStart" bindtouchmove="onCropMove" bindtouchend="onCropEnd" bindtouchcancel="onCropEnd"></canvas>
+    </view>
+    <view class="crop-check check-{{cropCheck}}">
+      <text wx:if="{{cropCheck === 'checking'}}">正在进行内容安全检测，你可以先调整构图…</text>
+      <text wx:elif="{{cropCheck === 'pass'}}">✓ 照片已通过内容安全检测</text>
+      <block wx:elif="{{cropCheck === 'risky'}}"><text>这张照片未通过内容安全检测，请换一张</text></block>
+      <block wx:elif="{{cropCheck === 'error'}}"><text>检测暂时不可用 </text><text class="link-text" bindtap="retryImageCheck">重试</text></block>
+    </view>
+    <view class="crop-hint">单指拖动调整位置，双指缩放</view>
+    <view class="field-label light">缩放 <text class="field-val">{{draftZoom}}%</text></view>
+    <slider min="100" max="400" value="{{draftZoom}}" activeColor="#14b8a6" backgroundColor="rgba(255,255,255,0.2)" block-size="20" bindchanging="onDraftZoom" bindchange="onDraftZoom" />
+    <view class="crop-tools">
+      <view class="crop-tool" bindtap="flipH">左右翻转</view>
+      <view class="crop-tool" bindtap="flipV">上下翻转</view>
+      <view class="crop-tool" bindtap="resetCrop">复位</view>
+    </view>
+    <view class="row light">
+      <view>
+        <view class="row-label">去掉纯色背景</view>
+        <view class="row-hint">适合白底、纯色底的照片</view>
+      </view>
+      <switch checked="{{draftRemoveBg}}" color="#14b8a6" bindchange="onDraftRemoveBg" />
+    </view>
+    <block wx:if="{{draftRemoveBg}}">
+      <view class="mini-label light">识别范围 {{draftBgTolerance}}</view>
+      <slider min="6" max="60" value="{{draftBgTolerance}}" activeColor="#14b8a6" backgroundColor="rgba(255,255,255,0.2)" block-size="18" bindchange="onDraftBgTolerance" />
+    </block>
+    <view wx:if="{{cropCheck === 'risky'}}" class="crop-replace"><view class="primary-btn block" bindtap="chooseImage">换一张照片</view></view>
+  </view>
+</view>
+
+<!-- 离屏工作画布 -->
+<view class="offscreen">
+  <canvas id="work" type="2d" class="off-canvas"></canvas>
+  <canvas id="security" type="2d" class="off-canvas"></canvas>
+</view>
+
+<privacy-popup />

BeadQR/miniprogram/pages/index/index.wxss

@@ -0,0 +1,828 @@
+page {
+  background: var(--bg);
+}
+
+/* 导航 */
+.nav {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 50;
+  display: flex;
+  align-items: center;
+  padding-left: 32rpx;
+  box-sizing: content-box;
+  background: transparent;
+  transition: background 0.2s;
+}
+.nav-solid {
+  background: var(--brand-deep);
+  box-shadow: 0 4rpx 20rpx rgba(15, 61, 58, 0.25);
+}
+.nav-title {
+  display: flex;
+  align-items: center;
+  gap: 14rpx;
+  color: #fff;
+  font-size: 34rpx;
+  font-weight: 700;
+  letter-spacing: 2rpx;
+}
+.nav-logo {
+  width: 48rpx;
+  height: 48rpx;
+  border-radius: 12rpx;
+}
+
+.page {
+  padding-bottom: calc(180rpx + env(safe-area-inset-bottom));
+  background: linear-gradient(180deg, var(--brand-deep) 0, var(--brand-deep) 560rpx, var(--bg) 560rpx);
+}
+
+/* 首屏 */
+.hero {
+  padding: 24rpx 40rpx 150rpx;
+  color: #fff;
+}
+.hero-badge {
+  display: inline-block;
+  padding: 6rpx 18rpx;
+  border-radius: 999rpx;
+  background: rgba(255, 255, 255, 0.12);
+  color: #99f6e4;
+  font-size: 22rpx;
+  letter-spacing: 1rpx;
+}
+.hero-title {
+  margin-top: 20rpx;
+  font-size: 56rpx;
+  font-weight: 800;
+  line-height: 1.25;
+}
+.hero-sub {
+  margin-top: 12rpx;
+  font-size: 27rpx;
+  line-height: 1.6;
+  color: rgba(255, 255, 255, 0.78);
+}
+.hero-steps {
+  margin-top: 28rpx;
+  display: flex;
+  align-items: center;
+  gap: 10rpx;
+}
+.hero-step {
+  display: flex;
+  align-items: center;
+  gap: 8rpx;
+  padding: 10rpx 16rpx 10rpx 10rpx;
+  border-radius: 999rpx;
+  background: rgba(255, 255, 255, 0.1);
+  font-size: 24rpx;
+  white-space: nowrap;
+}
+.hero-step .num {
+  width: 34rpx;
+  height: 34rpx;
+  line-height: 34rpx;
+  text-align: center;
+  border-radius: 50%;
+  background: var(--brand-2);
+  color: var(--brand-deep);
+  font-size: 20rpx;
+  font-weight: 800;
+}
+.hero-arrow {
+  color: rgba(255, 255, 255, 0.4);
+  font-size: 30rpx;
+}
+
+/* 卡片 */
+.card {
+  margin: 0 24rpx 24rpx;
+  padding: 32rpx;
+  background: var(--card);
+  border-radius: var(--r-l);
+  box-shadow: var(--shadow);
+}
+.card-title {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: var(--ink);
+  margin-bottom: 20rpx;
+}
+
+/* 预览 */
+.preview-card {
+  margin-top: -120rpx;
+  padding: 24rpx;
+}
+.preview-box {
+  position: relative;
+  width: 100%;
+  height: 654rpx;
+  border-radius: 24rpx;
+  overflow: hidden;
+  background: #f1eee7;
+}
+.preview-canvas {
+  width: 654rpx;
+  height: 654rpx;
+  display: block;
+  margin: 0 auto;
+}
+.sample-tag {
+  position: absolute;
+  left: 20rpx;
+  top: 20rpx;
+  padding: 8rpx 18rpx;
+  border-radius: 999rpx;
+  background: rgba(22, 33, 31, 0.72);
+  color: #fff;
+  font-size: 22rpx;
+}
+.generating {
+  position: absolute;
+  right: 20rpx;
+  top: 20rpx;
+  width: 52rpx;
+  height: 52rpx;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.9);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.spinner {
+  width: 28rpx;
+  height: 28rpx;
+  border: 4rpx solid var(--brand-soft);
+  border-top-color: var(--brand);
+  border-radius: 50%;
+  animation: spin 0.7s linear infinite;
+}
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+
+.scan-row {
+  margin-top: 20rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16rpx;
+}
+.scan-badge {
+  flex: 1;
+  padding: 14rpx 20rpx;
+  border-radius: 16rpx;
+  font-size: 25rpx;
+  background: #f1f1ee;
+  color: var(--muted);
+}
+.scan-ok { background: var(--ok-soft); color: var(--ok); font-weight: 600; }
+.scan-fail { background: var(--warn-soft); color: var(--warn); font-weight: 600; }
+.scan-checking { background: var(--brand-soft); color: var(--brand); }
+
+.stats {
+  margin-top: 20rpx;
+  display: flex;
+  background: #faf9f6;
+  border-radius: 20rpx;
+  padding: 20rpx 0;
+}
+.stat {
+  flex: 1;
+  text-align: center;
+}
+.stat + .stat { border-left: 1rpx solid var(--line); }
+.stat-v {
+  font-size: 36rpx;
+  font-weight: 800;
+  color: var(--ink);
+}
+.stat-k {
+  margin-top: 4rpx;
+  font-size: 22rpx;
+  color: var(--muted);
+}
+.preview-actions {
+  margin-top: 20rpx;
+}
+.ghost-btn {
+  text-align: center;
+  width: 100%;
+  height: 84rpx;
+  line-height: 84rpx;
+  border-radius: 20rpx;
+  background: var(--brand-soft);
+  color: var(--brand);
+  font-size: 28rpx;
+  font-weight: 600;
+}
+
+/* 动态演示状态 */
+.intro-tip {
+  margin-top: 20rpx;
+  display: flex;
+  align-items: flex-start;
+  gap: 14rpx;
+  padding: 16rpx 20rpx;
+  border-radius: 16rpx;
+  background: var(--brand-soft);
+  color: var(--brand-deep);
+  font-size: 25rpx;
+  line-height: 1.5;
+}
+.intro-dot {
+  flex-shrink: 0;
+  width: 14rpx;
+  height: 14rpx;
+  margin-top: 13rpx;
+  border-radius: 50%;
+  background: var(--brand-2);
+  animation: pulse 1.6s ease-in-out infinite;
+}
+@keyframes pulse {
+  0%, 100% { opacity: 1; transform: scale(1); }
+  50% { opacity: 0.35; transform: scale(0.7); }
+}
+.features .stat-v { font-size: 32rpx; color: var(--brand); }
+.cta-btn {
+  width: 100%;
+  height: 88rpx;
+  line-height: 88rpx;
+  border-radius: 20rpx;
+  text-align: center;
+  background: linear-gradient(135deg, var(--brand), var(--brand-2));
+  color: #fff;
+  font-size: 29rpx;
+  font-weight: 700;
+  box-shadow: 0 10rpx 24rpx rgba(15, 118, 110, 0.25);
+}
+
+/* 步骤卡 */
+.step-head {
+  display: flex;
+  align-items: flex-start;
+  gap: 20rpx;
+  margin-bottom: 24rpx;
+}
+.step-num {
+  flex-shrink: 0;
+  width: 52rpx;
+  height: 52rpx;
+  line-height: 52rpx;
+  text-align: center;
+  border-radius: 16rpx;
+  background: var(--brand);
+  color: #fff;
+  font-weight: 800;
+  font-size: 28rpx;
+}
+.step-title {
+  font-size: 32rpx;
+  font-weight: 700;
+  color: var(--ink);
+}
+.optional {
+  margin-left: 8rpx;
+  padding: 2rpx 12rpx;
+  border-radius: 8rpx;
+  background: #f1f1ee;
+  color: var(--muted);
+  font-size: 20rpx;
+  font-weight: 500;
+  vertical-align: middle;
+}
+.step-desc {
+  margin-top: 6rpx;
+  font-size: 24rpx;
+  color: var(--muted);
+}
+
+.input-wrap {
+  border: 2rpx solid var(--line);
+  border-radius: 20rpx;
+  background: #fbfaf8;
+  padding: 20rpx 24rpx;
+}
+.input-bad { border-color: var(--danger); background: var(--danger-soft); }
+.textarea {
+  width: 100%;
+  min-height: 120rpx;
+  font-size: 30rpx;
+  line-height: 1.5;
+  color: var(--ink);
+}
+.input {
+  height: 48rpx;
+  font-size: 28rpx;
+  color: var(--ink);
+}
+.ph { color: #b5b8b4; }
+.input-foot {
+  margin-top: 12rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.text-status { font-size: 23rpx; color: var(--muted); }
+.text-status.pad { margin-top: 10rpx; }
+.status-checking { color: var(--brand); }
+.status-pass { color: var(--ok); }
+.status-risky { color: var(--danger); font-weight: 600; }
+.status-error { color: var(--warn); }
+.input-tools { display: flex; gap: 24rpx; }
+.tool { font-size: 25rpx; color: var(--muted); }
+.tool-brand { color: var(--brand); font-weight: 600; }
+.tip {
+  margin-top: 16rpx;
+  font-size: 23rpx;
+  color: var(--muted);
+}
+
+.upload {
+  border: 2rpx dashed #c9d6d3;
+  border-radius: 24rpx;
+  padding: 44rpx 24rpx;
+  text-align: center;
+  background: #f8fbfa;
+}
+.upload-icon {
+  margin: 0 auto;
+  width: 80rpx;
+  height: 80rpx;
+  line-height: 76rpx;
+  border-radius: 50%;
+  background: var(--brand-soft);
+  color: var(--brand);
+  font-size: 48rpx;
+}
+.upload-text {
+  margin-top: 16rpx;
+  font-size: 29rpx;
+  font-weight: 600;
+  color: var(--ink);
+}
+.upload-hint {
+  margin-top: 8rpx;
+  font-size: 22rpx;
+  color: var(--muted);
+}
+
+.photo {
+  display: flex;
+  gap: 24rpx;
+  align-items: center;
+}
+.photo-thumb {
+  width: 150rpx;
+  height: 150rpx;
+  border-radius: 20rpx;
+  background: #eee;
+}
+.photo-info { flex: 1; }
+.photo-meta { font-size: 23rpx; color: var(--ok); }
+.photo-actions {
+  margin-top: 16rpx;
+  display: flex;
+  gap: 12rpx;
+}
+.photo-actions .mini-btn {
+  flex: 1;
+  padding: 0;
+  text-align: center;
+}
+
+.mini-btn {
+  display: inline-block;
+  text-align: center;
+  white-space: nowrap;
+  padding: 0 22rpx;
+  height: 56rpx;
+  line-height: 56rpx;
+  border-radius: 14rpx;
+  background: #f1f1ee;
+  color: var(--ink);
+  font-size: 24rpx;
+  font-weight: 600;
+}
+.mini-btn.accent { background: var(--accent); color: #fff; }
+.mini-btn.danger { color: var(--danger); background: var(--danger-soft); }
+
+.row {
+  margin-top: 24rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20rpx;
+}
+.row-label { font-size: 28rpx; color: var(--ink); font-weight: 600; }
+.row-hint { margin-top: 4rpx; font-size: 22rpx; color: var(--muted); }
+
+.field-label {
+  margin: 28rpx 0 14rpx;
+  font-size: 26rpx;
+  font-weight: 600;
+  color: var(--ink);
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+}
+.field-label:first-child { margin-top: 0; }
+.field-val { color: var(--brand); font-weight: 700; }
+.field-hint { font-size: 22rpx; color: var(--muted); font-weight: 400; }
+.mini-label { font-size: 23rpx; color: var(--muted); margin-top: 12rpx; }
+.link-text { color: var(--brand); font-size: 24rpx; font-weight: 600; }
+.link-text.center { display: block; text-align: center; margin-top: 20rpx; }
+
+/* 分段选择 */
+.seg {
+  display: flex;
+  gap: 12rpx;
+}
+.seg-item {
+  flex: 1;
+  padding: 18rpx 8rpx;
+  border-radius: 18rpx;
+  border: 2rpx solid var(--line);
+  background: #fbfaf8;
+  text-align: center;
+  transition: all 0.15s;
+}
+.seg-item.on {
+  border-color: var(--brand);
+  background: var(--brand-soft);
+}
+.seg-main { font-size: 27rpx; font-weight: 700; color: var(--ink); }
+.seg-item.on .seg-main { color: var(--brand); }
+.seg-sub { margin-top: 4rpx; font-size: 21rpx; color: var(--muted); }
+.seg.small .seg-item { padding: 12rpx 8rpx; }
+
+slider { margin: 0 12rpx; }
+
+.pos-grid {
+  width: 216rpx;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12rpx;
+  padding: 12rpx;
+  border-radius: 20rpx;
+  background: #f4f3ef;
+}
+.pos-cell {
+  width: 56rpx;
+  height: 56rpx;
+  border-radius: 12rpx;
+  background: #fff;
+  border: 2rpx solid var(--line);
+}
+.pos-cell.on { background: var(--brand); border-color: var(--brand); }
+
+.advanced-toggle {
+  margin-top: 32rpx;
+  padding-top: 24rpx;
+  border-top: 1rpx solid var(--line);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 26rpx;
+  color: var(--muted);
+}
+.chev { font-size: 36rpx; transform: rotate(90deg); transition: transform 0.2s; }
+.chev.open { transform: rotate(-90deg); }
+.advanced { margin-top: 8rpx; }
+
+.chips-scroll { width: 100%; white-space: nowrap; }
+.chips { display: inline-flex; gap: 12rpx; padding-bottom: 4rpx; }
+.chip {
+  display: inline-block;
+  padding: 16rpx 22rpx;
+  border-radius: 18rpx;
+  border: 2rpx solid var(--line);
+  background: #fbfaf8;
+}
+.chip.on { border-color: var(--brand); background: var(--brand-soft); }
+.chip-main { font-size: 27rpx; font-weight: 700; color: var(--ink); }
+.chip.on .chip-main { color: var(--brand); }
+.chip-sub { margin-top: 4rpx; font-size: 20rpx; color: var(--muted); }
+
+/* 用豆清单 */
+.usage {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 12rpx;
+}
+.usage-item {
+  display: flex;
+  align-items: center;
+  gap: 10rpx;
+  padding: 12rpx;
+  border-radius: 14rpx;
+  background: #faf9f6;
+}
+.swatch {
+  width: 32rpx;
+  height: 32rpx;
+  border-radius: 50%;
+  box-shadow: inset 0 0 0 1rpx rgba(0, 0, 0, 0.12);
+  flex-shrink: 0;
+}
+.usage-id { font-size: 23rpx; font-weight: 700; color: var(--ink); }
+.usage-count { margin-left: auto; font-size: 21rpx; color: var(--muted); }
+
+/* 页脚 */
+.footer {
+  padding: 16rpx 48rpx 24rpx;
+  text-align: center;
+}
+.footer-safe {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  gap: 10rpx;
+  text-align: left;
+  font-size: 22rpx;
+  line-height: 1.6;
+  color: var(--muted);
+}
+.footer-links {
+  margin-top: 16rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 12rpx;
+}
+.footer-link {
+  font-size: 23rpx;
+  line-height: 1.6;
+  color: var(--brand);
+}
+.footer-shield {
+  flex-shrink: 0;
+  width: 30rpx;
+  height: 30rpx;
+  margin-top: 3rpx;
+}
+.footer-links .footer-btn {
+  display: inline-block;
+  width: auto !important;
+  min-height: 0;
+  padding: 0 !important;
+  margin: 0 !important;
+  font-size: 23rpx;
+  font-weight: 400;
+  line-height: 1.6;
+  color: var(--brand);
+  background: none;
+}
+.dot { color: #c4c7c3; font-size: 22rpx; }
+.footer-copy { margin-top: 12rpx; font-size: 20rpx; color: #b5b8b4; }
+
+/* 底部操作栏 */
+.bottom-bar {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 40;
+  display: flex;
+  align-items: center;
+  gap: 24rpx;
+  padding: 20rpx 32rpx calc(20rpx + env(safe-area-inset-bottom));
+  background: rgba(255, 255, 255, 0.96);
+  box-shadow: 0 -6rpx 30rpx rgba(22, 33, 31, 0.08);
+}
+.bar-info { flex: 1; min-width: 0; }
+.bar-main { font-size: 30rpx; font-weight: 800; color: var(--ink); }
+.bar-sub { margin-top: 2rpx; font-size: 22rpx; color: var(--muted); }
+.primary-btn {
+  text-align: center;
+  padding: 0 56rpx;
+  height: 92rpx;
+  line-height: 92rpx;
+  border-radius: 999rpx;
+  background: linear-gradient(135deg, var(--brand), var(--brand-2));
+  color: #fff;
+  font-size: 30rpx;
+  font-weight: 700;
+  box-shadow: 0 10rpx 24rpx rgba(15, 118, 110, 0.3);
+}
+.primary-btn.disabled { opacity: 0.5; box-shadow: none; }
+.primary-btn.block { display: block; width: 100%; padding: 0; }
+
+/* 弹层 */
+.mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 100;
+  background: rgba(10, 20, 18, 0.5);
+  display: flex;
+  align-items: flex-end;
+}
+.sheet {
+  width: 100%;
+  max-height: 88vh;
+  display: flex;
+  flex-direction: column;
+  background: var(--card);
+  border-radius: 36rpx 36rpx 0 0;
+  padding: 16rpx 32rpx calc(24rpx + env(safe-area-inset-bottom));
+  box-sizing: border-box;
+}
+.sheet-handle {
+  margin: 0 auto 16rpx;
+  width: 72rpx;
+  height: 8rpx;
+  border-radius: 8rpx;
+  background: #e2e2dd;
+}
+.sheet-title {
+  font-size: 34rpx;
+  font-weight: 800;
+  color: var(--ink);
+  margin-bottom: 20rpx;
+}
+.sheet-body {
+  flex: 1;
+  max-height: 62vh;
+  margin-bottom: 24rpx;
+}
+.grid-opts {
+  margin-top: 16rpx;
+  display: flex;
+  align-items: center;
+  gap: 24rpx;
+}
+.grid-opts .seg { flex: 1; }
+.colors { display: flex; gap: 14rpx; }
+.color-dot {
+  width: 44rpx;
+  height: 44rpx;
+  border-radius: 50%;
+  border: 4rpx solid #fff;
+  box-shadow: 0 0 0 2rpx var(--line);
+}
+.color-dot.on { box-shadow: 0 0 0 4rpx var(--brand); }
+
+.result {
+  margin-top: 32rpx;
+  border-radius: 24rpx;
+  background: #fff;
+  border: 2rpx solid var(--line);
+  overflow: hidden;
+}
+.result-head {
+  display: flex;
+  align-items: center;
+  gap: 20rpx;
+  padding: 28rpx;
+  background: linear-gradient(135deg, var(--ok-soft), #ffffff);
+}
+.result-icon {
+  flex-shrink: 0;
+  width: 64rpx;
+  height: 64rpx;
+  border-radius: 50%;
+  background: var(--ok);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 8rpx 18rpx rgba(21, 128, 61, 0.25);
+}
+.result-icon.warn { background: var(--warn); box-shadow: none; }
+.result-tick {
+  width: 16rpx;
+  height: 28rpx;
+  margin-top: -6rpx;
+  border-right: 5rpx solid #fff;
+  border-bottom: 5rpx solid #fff;
+  transform: rotate(45deg);
+}
+.result-text { flex: 1; min-width: 0; }
+.result-title { font-size: 30rpx; font-weight: 800; color: var(--ink); }
+.result-sub { margin-top: 6rpx; font-size: 23rpx; color: var(--muted); line-height: 1.5; }
+.result-list { padding: 8rpx 28rpx; }
+.result-file {
+  display: flex;
+  align-items: center;
+  gap: 20rpx;
+  padding: 20rpx 0;
+}
+.result-file + .result-file { border-top: 1rpx solid var(--line); }
+.file-badge {
+  flex-shrink: 0;
+  width: 72rpx;
+  height: 84rpx;
+  line-height: 84rpx;
+  border-radius: 12rpx;
+  text-align: center;
+  font-size: 20rpx;
+  font-weight: 800;
+  letter-spacing: 1rpx;
+  color: #fff;
+  background: #e5484d;
+}
+.file-badge.png { background: #3b82f6; }
+.file-info { flex: 1; min-width: 0; }
+.file-name {
+  font-size: 27rpx;
+  font-weight: 700;
+  color: var(--ink);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.file-desc { margin-top: 4rpx; font-size: 22rpx; color: var(--muted); }
+.file-actions { flex-shrink: 0; display: flex; gap: 12rpx; }
+.file-btn {
+  min-width: 100rpx;
+  height: 60rpx;
+  line-height: 60rpx;
+  padding: 0 20rpx;
+  border-radius: 999rpx;
+  text-align: center;
+  font-size: 24rpx;
+  font-weight: 700;
+  color: var(--brand);
+  background: var(--brand-soft);
+}
+.file-btn.primary { color: #fff; background: var(--brand); }
+
+/* 裁切 */
+.crop-mask { align-items: stretch; background: #0b1413; }
+.crop-panel {
+  width: 100%;
+  padding: calc(env(safe-area-inset-top) + 100rpx) 40rpx 40rpx;
+  box-sizing: border-box;
+  overflow-y: auto;
+  color: #fff;
+}
+.crop-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 28rpx;
+}
+.crop-title { font-size: 32rpx; font-weight: 700; }
+.crop-cancel { font-size: 28rpx; color: rgba(255, 255, 255, 0.7); }
+.crop-ok {
+  padding: 10rpx 28rpx;
+  border-radius: 999rpx;
+  background: var(--brand-2);
+  color: var(--brand-deep);
+  font-size: 28rpx;
+  font-weight: 700;
+}
+.crop-ok.wait { opacity: 0.55; }
+.crop-box {
+  width: 670rpx;
+  height: 670rpx;
+  margin: 0 auto;
+  border-radius: 20rpx;
+  overflow: hidden;
+  background: #1a2523;
+}
+.crop-canvas { width: 670rpx; height: 670rpx; }
+.crop-check {
+  margin-top: 20rpx;
+  padding: 14rpx 20rpx;
+  border-radius: 14rpx;
+  font-size: 24rpx;
+  background: rgba(255, 255, 255, 0.08);
+  color: rgba(255, 255, 255, 0.8);
+}
+.check-pass { color: #6ee7b7; }
+.check-risky { background: rgba(229, 72, 77, 0.2); color: #fca5a5; }
+.check-error { color: #fcd34d; }
+.crop-hint { margin-top: 12rpx; font-size: 22rpx; color: rgba(255, 255, 255, 0.5); text-align: center; }
+.field-label.light, .row.light .row-label { color: #fff; }
+.row.light .row-hint, .mini-label.light { color: rgba(255, 255, 255, 0.55); }
+.crop-tools { margin-top: 24rpx; display: flex; gap: 16rpx; }
+.crop-tool {
+  text-align: center;
+  flex: 1;
+  height: 72rpx;
+  line-height: 72rpx;
+  border-radius: 16rpx;
+  background: rgba(255, 255, 255, 0.1);
+  color: #fff;
+  font-size: 25rpx;
+}
+.crop-replace { margin-top: 32rpx; }
+
+/* 离屏画布：不能 display:none，否则取不到节点 */
+.offscreen {
+  position: fixed;
+  left: -9999px;
+  top: 0;
+  width: 10px;
+  height: 10px;
+  overflow: hidden;
+}
+.off-canvas { width: 10px; height: 10px; }

BeadQR/miniprogram/sitemap.json

@@ -0,0 +1,7 @@
+{
+  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
+  "rules": [{
+    "action": "allow",
+    "page": "*"
+  }]
+}

BeadQR/miniprogram/utils/color.js

@@ -0,0 +1,46 @@
+// 颜色基础：HEX/RGB 转换、OKLab 感知色彩空间、亮度
+// OKLab 比 RGB 欧氏距离更接近人眼感受，配色更自然；距离统一放大 100 倍便于调参
+
+function hexToRgb(hex) {
+  const value = String(hex || '').replace('#', '')
+  const full = value.length === 3 ? value.split('').map((c) => c + c).join('') : value
+  const num = parseInt(full, 16) || 0
+  return [(num >> 16) & 255, (num >> 8) & 255, num & 255]
+}
+
+function rgbToHex(r, g, b) {
+  const h = (v) => Math.max(0, Math.min(255, Math.round(v))).toString(16).padStart(2, '0')
+  return `#${h(r)}${h(g)}${h(b)}`
+}
+
+// sRGB 伽马解码查表，避免每次调用 Math.pow
+const SRGB_TO_LINEAR = new Float32Array(256)
+for (let i = 0; i < 256; i += 1) {
+  const c = i / 255
+  SRGB_TO_LINEAR[i] = c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4)
+}
+
+// 写入 out[offset..offset+2]（L, a, b，均 ×100）
+function rgbToOklabInto(r, g, b, out, offset) {
+  const lr = SRGB_TO_LINEAR[r]
+  const lg = SRGB_TO_LINEAR[g]
+  const lb = SRGB_TO_LINEAR[b]
+  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb)
+  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb)
+  const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb)
+  out[offset] = (0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s) * 100
+  out[offset + 1] = (1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s) * 100
+  out[offset + 2] = (0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s) * 100
+}
+
+// 感知亮度（与旧版一致的 Rec.601 加权，0~1），用于二维码深/浅模块约束
+function luma(r, g, b) {
+  return (r * 0.299 + g * 0.587 + b * 0.114) / 255
+}
+
+function lumaHex(hex) {
+  const [r, g, b] = hexToRgb(hex)
+  return luma(r, g, b)
+}
+
+module.exports = { hexToRgb, rgbToHex, rgbToOklabInto, luma, lumaHex }

BeadQR/miniprogram/utils/engine.js

@@ -0,0 +1,225 @@
+// 配色引擎：把底图 + 二维码合成为 MARD 色号网格
+// 性能要点：
+//  1. 5bit 量化桶 → 候选 Top-K 查找表（懒加载），每格只精算约 10 个候选，而非整套 291 色
+//  2. OKLab 感知距离 + 色间距离矩阵，全部 Typed Array，无对象分配
+//  3. “颜色连贯度”参考已选中的左/上邻居色号，减少零碎杂色，拼起来更省事
+//  4. 定位/时序/对齐等功能区使用更严格的深浅阈值，显著提升扫码成功率
+const { rgbToOklabInto } = require('./color')
+const { MATCH_MODES } = require('./palette')
+const { PAPER } = require('./imaging')
+
+const TOP_K = 10
+const C_ANY = 0
+const C_DARK = 1
+const C_LIGHT = 2
+const C_FDARK = 3
+const C_FLIGHT = 4
+const C_QUIET = 5
+const C_EMPTY = 6
+
+function subsetFor(pal, mode, kind) {
+  const key = `${mode.id}:${kind}`
+  if (pal.subsets[key]) return pal.subsets[key]
+  const { n, lum } = pal
+  let test
+  if (kind === C_DARK) test = (i) => lum[i] <= mode.darkMax
+  else if (kind === C_LIGHT) test = (i) => lum[i] >= mode.lightMin
+  else if (kind === C_FDARK) test = (i) => lum[i] <= Math.min(mode.darkMax, 0.3)
+  else if (kind === C_FLIGHT) test = (i) => lum[i] >= Math.max(mode.lightMin, 0.82)
+  else test = () => true
+  let list = []
+  for (let i = 0; i < n; i += 1) if (test(i)) list.push(i)
+  if (!list.length) {
+    // 色库太小时退化为最深/最浅的 3 个颜色
+    const order = Array.from({ length: n }, (_, i) => i).sort((a, b) => lum[a] - lum[b])
+    list = kind === C_DARK || kind === C_FDARK ? order.slice(0, 3) : order.slice(-3)
+  }
+  const member = new Uint8Array(n)
+  list.forEach((i) => { member[i] = 1 })
+  const subset = { key, list: Int16Array.from(list), member, lut: new Map() }
+  pal.subsets[key] = subset
+  return subset
+}
+
+const tmpLab = new Float32Array(3)
+
+function topKForBucket(pal, subset, bucket) {
+  let hit = subset.lut.get(bucket)
+  if (hit) return hit
+  const r = ((bucket >> 10) & 31) * 8 + 4
+  const g = ((bucket >> 5) & 31) * 8 + 4
+  const b = (bucket & 31) * 8 + 4
+  rgbToOklabInto(r, g, b, tmpLab, 0)
+  const { lab } = pal
+  const list = subset.list
+  const k = Math.min(TOP_K, list.length)
+  const bestIdx = new Int16Array(k).fill(-1)
+  const bestDist = new Float32Array(k).fill(Infinity)
+  for (let t = 0; t < list.length; t += 1) {
+    const i = list[t]
+    const dl = lab[i * 3] - tmpLab[0]
+    const da = lab[i * 3 + 1] - tmpLab[1]
+    const db = lab[i * 3 + 2] - tmpLab[2]
+    const d = dl * dl + da * da + db * db
+    if (d >= bestDist[k - 1]) continue
+    let p = k - 1
+    while (p > 0 && bestDist[p - 1] > d) { bestDist[p] = bestDist[p - 1]; bestIdx[p] = bestIdx[p - 1]; p -= 1 }
+    bestDist[p] = d
+    bestIdx[p] = i
+  }
+  hit = bestIdx
+  subset.lut.set(bucket, hit)
+  return hit
+}
+
+/**
+ * @param base      { size, rgb: Uint8Array, mask?: Uint8Array } 或 null（无底图）
+ * @param qr        makeQr() 结果
+ * @param placement createPlacement() 结果
+ * @param pal       preparePalette() 结果
+ * @param options   { modeId, coherence(0-100), cleanup(bool) }
+ */
+function computeArtwork(base, qr, placement, pal, options = {}) {
+  const mode = MATCH_MODES.find((m) => m.id === options.modeId) || MATCH_MODES[1]
+  const size = placement.size
+  const total = size * size
+  const lab = new Float32Array(total * 3)
+  const bucket = new Int32Array(total)
+  const kind = new Uint8Array(total)
+  const { left, top, quiet } = placement
+
+  for (let y = 0; y < size; y += 1) {
+    for (let x = 0; x < size; x += 1) {
+      const i = y * size + x
+      const qx = x - left
+      const qy = y - top
+      const inQr = qx >= 0 && qy >= 0 && qx < qr.size && qy < qr.size
+      const inQuiet = !inQr && x >= left - quiet && x < left + qr.size + quiet && y >= top - quiet && y < top + qr.size + quiet
+      let r; let g; let b
+      if (inQr) {
+        const q = qy * qr.size + qx
+        const isDark = qr.dark[q]
+        const isFunc = qr.func[q]
+        kind[i] = isFunc ? (isDark ? C_FDARK : C_FLIGHT) : (isDark ? C_DARK : C_LIGHT)
+        if (base && !(base.mask && base.mask[i])) {
+          r = base.rgb[i * 3]; g = base.rgb[i * 3 + 1]; b = base.rgb[i * 3 + 2]
+        } else if (base) {
+          r = PAPER[0]; g = PAPER[1]; b = PAPER[2]
+        } else {
+          r = g = b = isDark ? 0 : 255
+        }
+      } else if (inQuiet || !base) {
+        kind[i] = C_QUIET
+        continue
+      } else if (base.mask && base.mask[i]) {
+        kind[i] = C_EMPTY
+        continue
+      } else {
+        kind[i] = C_ANY
+        r = base.rgb[i * 3]; g = base.rgb[i * 3 + 1]; b = base.rgb[i * 3 + 2]
+      }
+      rgbToOklabInto(r, g, b, lab, i * 3)
+      bucket[i] = ((r >> 3) << 10) | ((g >> 3) << 5) | (b >> 3)
+    }
+  }
+
+  const n = pal.n
+  const plab = pal.lab
+  const pair = pal.pair
+  const weight = (Math.max(0, Math.min(100, options.coherence == null ? 40 : options.coherence)) / 100) * 0.6
+  const subsets = [C_ANY, C_DARK, C_LIGHT, C_FDARK, C_FLIGHT].map((k) => subsetFor(pal, mode, k))
+  const cells = new Int16Array(total).fill(-1)
+
+  const distTo = (c, i) => {
+    const dl = plab[c * 3] - lab[i * 3]
+    const da = plab[c * 3 + 1] - lab[i * 3 + 1]
+    const db = plab[c * 3 + 2] - lab[i * 3 + 2]
+    return Math.sqrt(dl * dl + da * da + db * db)
+  }
+
+  for (let y = 0; y < size; y += 1) {
+    for (let x = 0; x < size; x += 1) {
+      const i = y * size + x
+      const k = kind[i]
+      if (k >= C_QUIET) continue
+      const subset = subsets[k]
+      const cands = topKForBucket(pal, subset, bucket[i])
+      const nl = x > 0 ? cells[i - 1] : -1
+      const nu = y > 0 ? cells[i - size] : -1
+      const nbCount = (nl >= 0 ? 1 : 0) + (nu >= 0 ? 1 : 0)
+      let best = -1
+      let bestScore = Infinity
+      const consider = (c) => {
+        let score = distTo(c, i)
+        if (weight > 0 && nbCount) {
+          let s = 0
+          if (nl >= 0) s += pair[c * n + nl]
+          if (nu >= 0) s += pair[c * n + nu]
+          score += weight * (s / nbCount)
+        }
+        if (score < bestScore) { bestScore = score; best = c }
+      }
+      for (let t = 0; t < cands.length; t += 1) if (cands[t] >= 0) consider(cands[t])
+      if (weight > 0) {
+        if (nl >= 0 && subset.member[nl]) consider(nl)
+        if (nu >= 0 && nu !== nl && subset.member[nu]) consider(nu)
+      }
+      cells[i] = best
+    }
+  }
+
+  // 合并零散色：只用了 1~2 颗的色号并入最接近的常用色，减少需要购买的色号
+  const counts = new Int32Array(n)
+  for (let i = 0; i < total; i += 1) if (cells[i] >= 0) counts[cells[i]] += 1
+  if (options.cleanup !== false) {
+    const kept = []
+    for (let c = 0; c < n; c += 1) if (counts[c] >= 3) kept.push(c)
+    if (kept.length) {
+      for (let i = 0; i < total; i += 1) {
+        const c = cells[i]
+        if (c < 0 || counts[c] >= 3) continue
+        const member = subsets[kind[i]].member
+        let best = -1
+        let bestD = Infinity
+        for (let t = 0; t < kept.length; t += 1) {
+          const kc = kept[t]
+          if (!member[kc]) continue
+          const d = distTo(kc, i)
+          if (d < bestD) { bestD = d; best = kc }
+        }
+        // 与原色差别过大时保留原色，避免破坏画面
+        if (best >= 0 && bestD <= distTo(c, i) + 12) cells[i] = best
+      }
+      counts.fill(0)
+      for (let i = 0; i < total; i += 1) if (cells[i] >= 0) counts[cells[i]] += 1
+    }
+  }
+
+  // 二维码留白区：使用画面中最常用的浅色；没有则用色库里最浅的颜色
+  let quietColor = -1
+  let quietCount = -1
+  for (let c = 0; c < n; c += 1) {
+    if (pal.lum[c] >= Math.max(0.8, mode.lightMin) && counts[c] > quietCount) { quietColor = c; quietCount = counts[c] }
+  }
+  if (quietCount <= 0) {
+    quietColor = 0
+    for (let c = 1; c < n; c += 1) if (pal.lum[c] > pal.lum[quietColor]) quietColor = c
+  }
+  for (let i = 0; i < total; i += 1) {
+    if (kind[i] === C_QUIET) { cells[i] = quietColor; counts[quietColor] += 1 }
+  }
+
+  const usage = []
+  let beads = 0
+  for (let c = 0; c < n; c += 1) {
+    if (counts[c] > 0) {
+      usage.push({ index: c, id: pal.ids[c], hex: pal.hexes[c], count: counts[c] })
+      beads += counts[c]
+    }
+  }
+  usage.sort((a, b) => b.count - a.count)
+
+  return { size, cells, usage, beads, pal, qr, placement }
+}
+
+module.exports = { computeArtwork }

BeadQR/miniprogram/utils/imaging.js

@@ -0,0 +1,95 @@
+// 图像取样：超采样 + 区域平均，得到干净的格子颜色（旧版一次性缩放会产生噪点和锯齿色）
+// 所有结果都用 Typed Array 表示，不再生成 HEX 字符串再反解析
+
+const PAPER = [247, 241, 230]
+
+function getImageDimensions(image) {
+  const width = Number(image.width) || Number(image.naturalWidth) || Number(image._w)
+  const height = Number(image.height) || Number(image.naturalHeight) || Number(image._h)
+  if (!width || !height) throw new Error('IMAGE_DIMENSIONS_UNAVAILABLE')
+  return { width, height }
+}
+
+// 把图片按裁切参数画到 context 上（cover 语义，zoom≥1）
+function drawCropped(context, image, width, height, crop) {
+  const source = getImageDimensions(image)
+  const scale = Math.max(width / source.width, height / source.height) * (crop.zoom || 1)
+  const w = source.width * scale
+  const h = source.height * scale
+  const offsetX = (width - w) * ((crop.focusX == null ? 50 : crop.focusX) / 100)
+  const offsetY = (height - h) * ((crop.focusY == null ? 50 : crop.focusY) / 100)
+  context.fillStyle = `rgb(${PAPER[0]},${PAPER[1]},${PAPER[2]})`
+  context.fillRect(0, 0, width, height)
+  context.save()
+  context.translate(crop.flipH ? width : 0, crop.flipV ? height : 0)
+  context.scale(crop.flipH ? -1 : 1, crop.flipV ? -1 : 1)
+  context.drawImage(image, offsetX, offsetY, w, h)
+  context.restore()
+}
+
+// 返回 { size, rgb: Uint8Array(size*size*3) }
+function sampleImage(canvas, image, size, crop) {
+  // 超采样到约 700px 再按块平均，等价于高质量面积缩放
+  const factor = Math.max(1, Math.min(24, Math.floor(720 / size)))
+  const big = size * factor
+  canvas.width = big
+  canvas.height = big
+  const context = canvas.getContext('2d')
+  context.imageSmoothingEnabled = true
+  try { context.imageSmoothingQuality = 'high' } catch (e) { /* 部分基础库不支持 */ }
+  drawCropped(context, image, big, big, crop || {})
+  const pixels = context.getImageData(0, 0, big, big).data
+  const rgb = new Uint8Array(size * size * 3)
+  const area = factor * factor
+  for (let gy = 0; gy < size; gy += 1) {
+    for (let gx = 0; gx < size; gx += 1) {
+      let r = 0; let g = 0; let b = 0
+      for (let sy = 0; sy < factor; sy += 1) {
+        let p = ((gy * factor + sy) * big + gx * factor) * 4
+        for (let sx = 0; sx < factor; sx += 1) {
+          r += pixels[p]; g += pixels[p + 1]; b += pixels[p + 2]
+          p += 4
+        }
+      }
+      const o = (gy * size + gx) * 3
+      rgb[o] = (r / area + 0.5) | 0
+      rgb[o + 1] = (g / area + 0.5) | 0
+      rgb[o + 2] = (b / area + 0.5) | 0
+    }
+  }
+  return { size, rgb }
+}
+
+// 去除简单纯色背景：四角均色为背景色，从边缘洪泛填充相近颜色（主体内部不受影响）
+// 返回 Uint8Array 掩码：1 = 背景（空钉位，不放豆）
+function removeSimpleBackground(rgb, size, tolerance) {
+  const corners = [0, size - 1, (size - 1) * size, size * size - 1]
+  let br = 0; let bg = 0; let bb = 0
+  corners.forEach((i) => { br += rgb[i * 3]; bg += rgb[i * 3 + 1]; bb += rgb[i * 3 + 2] })
+  br /= 4; bg /= 4; bb /= 4
+  const threshold = (tolerance / 100) * 441.673
+  const limit = threshold * threshold
+  const mask = new Uint8Array(size * size)
+  const isBg = (i) => {
+    const dr = rgb[i * 3] - br; const dg = rgb[i * 3 + 1] - bg; const db = rgb[i * 3 + 2] - bb
+    return dr * dr + dg * dg + db * db <= limit
+  }
+  const stack = []
+  const push = (x, y) => {
+    if (x < 0 || y < 0 || x >= size || y >= size) return
+    const i = y * size + x
+    if (mask[i] || !isBg(i)) return
+    mask[i] = 1
+    stack.push(i)
+  }
+  for (let i = 0; i < size; i += 1) { push(i, 0); push(i, size - 1); push(0, i); push(size - 1, i) }
+  while (stack.length) {
+    const i = stack.pop()
+    const x = i % size
+    const y = (i - x) / size
+    push(x + 1, y); push(x - 1, y); push(x, y + 1); push(x, y - 1)
+  }
+  return mask
+}
+
+module.exports = { PAPER, getImageDimensions, drawCropped, sampleImage, removeSimpleBackground }

BeadQR/miniprogram/utils/intro.js

@@ -0,0 +1,703 @@
+// 首屏动态演示（1:1）
+// 纯代码绘制：不占包体积（无视频/图片资源），小程序实时播放与宣传视频渲染共用同一条时间轴。
+// 演示用的拼豆作品由真实配色引擎实时生成，并且确实可以被微信扫出 “Happy Birthday!”。
+const { makeQr, createPlacement } = require('./qr')
+const { preparePalette } = require('./palette')
+const { computeArtwork } = require('./engine')
+
+const DEMO_TEXT = 'Happy Birthday!'
+const DURATION = 12
+const U = 1080 // 设计稿边长，绘制时按实际像素缩放
+const TAU = Math.PI * 2
+const FLIGHT = 0.85
+// 豆子半径（相对格宽）：略大于 0.5，相邻豆子轻微相接，像熨烫后的成品，扫码更稳
+const BEAD_R = 0.52
+
+const C = {
+  bg: '#f4efe6',
+  ink: '#16211f',
+  muted: '#6b7471',
+  brand: '#0f766e',
+  brand2: '#14b8a6',
+  brandSoft: '#dcf1ec',
+  board: '#fffdf8',
+  dark: '#22302e',
+  light: '#fbf8f1',
+  wechat: '#07c160',
+}
+
+const SCENES = [
+  { a: 0, b: 2.6, title: '写一句话', sub: '扫码后想让人看到的话' },
+  { a: 2.6, b: 5.0, title: '自动编成二维码', sub: '每一颗拼豆，都是一个像素' },
+  { a: 5.0, b: 7.6, title: '融进你的照片', sub: '换上照片的颜色，依然能扫' },
+  { a: 7.6, b: 10.0, title: '微信扫一扫', sub: '拼好的作品，一扫就读出这句话' },
+]
+
+const CONFETTI = [
+  [0.17, 0.19, 0.045, '#ffd166'], [0.85, 0.2, 0.04, '#4cc9f0'], [0.13, 0.8, 0.04, '#2ec4b6'],
+  [0.86, 0.82, 0.045, '#ffd166'], [0.5, 0.11, 0.03, '#2ec4b6'], [0.91, 0.51, 0.03, '#ff9f1c'], [0.08, 0.5, 0.03, '#4cc9f0'],
+]
+
+const DECOR = [
+  [90, 150, 22, '#14b8a6'], [990, 120, 16, '#ffb703'], [60, 960, 18, '#ff7a45'], [1010, 930, 24, '#8ecae6'],
+  [170, 1040, 12, '#ffb703'], [930, 330, 12, '#ff7a45'], [120, 520, 10, '#8ecae6'], [980, 700, 14, '#14b8a6'],
+]
+
+// —— 工具 ——
+const clamp01 = (v) => (v < 0 ? 0 : v > 1 ? 1 : v)
+const lerp = (a, b, t) => a + (b - a) * t
+const prog = (t, a, b) => clamp01((t - a) / (b - a))
+const easeOut = (t) => 1 - Math.pow(1 - t, 3)
+const easeIn = (t) => t * t * t
+const easeInOut = (t) => (t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2)
+const easeBack = (t) => { const c1 = 1.70158; const c3 = c1 + 1; return 1 + c3 * Math.pow(t - 1, 3) + c1 * Math.pow(t - 1, 2) }
+const bump = (t, a, b) => { const p = prog(t, a, b); return p > 0 && p < 1 ? Math.sin(Math.PI * p) : 0 }
+
+function rng(seed) {
+  let a = seed >>> 0
+  return () => {
+    a = (a + 0x6D2B79F5) >>> 0
+    let t = a
+    t = Math.imul(t ^ (t >>> 15), t | 1)
+    t ^= t + Math.imul(t ^ (t >>> 7), t | 61)
+    return ((t ^ (t >>> 14)) >>> 0) / 4294967296
+  }
+}
+
+function rr(ctx, x, y, w, h, r) {
+  r = Math.max(0, Math.min(r, w / 2, h / 2))
+  ctx.moveTo(x + r, y)
+  ctx.arcTo(x + w, y, x + w, y + h, r)
+  ctx.arcTo(x + w, y + h, x, y + h, r)
+  ctx.arcTo(x, y + h, x, y, r)
+  ctx.arcTo(x, y, x + w, y, r)
+  ctx.closePath()
+}
+
+// 三层叠加的柔和阴影：比 shadowBlur 便宜得多，手机上逐帧绘制也流畅
+function softShadow(ctx, x, y, w, h, r, alpha) {
+  for (let i = 3; i >= 1; i -= 1) {
+    const g = i * 8
+    ctx.fillStyle = `rgba(52,38,18,${(alpha / (i + 1)).toFixed(3)})`
+    ctx.beginPath()
+    rr(ctx, x - g / 2, y - g / 2 + g * 0.8, w + g, h + g, r + g / 2)
+    ctx.fill()
+  }
+}
+
+function heartPath(ctx, cx, cy, s) {
+  ctx.moveTo(cx, cy + s * 0.9)
+  ctx.bezierCurveTo(cx - s * 1.3, cy + s * 0.05, cx - s * 0.95, cy - s * 1.0, cx, cy - s * 0.42)
+  ctx.bezierCurveTo(cx + s * 0.95, cy - s * 1.0, cx + s * 1.3, cy + s * 0.05, cx, cy + s * 0.9)
+  ctx.closePath()
+}
+
+// 演示“照片”：暖色渐变 + 爱心 + 彩纸屑（矢量绘制，任意尺寸都清晰）
+function drawIllustration(ctx, x, y, s) {
+  ctx.save()
+  ctx.beginPath()
+  ctx.rect(x, y, s, s)
+  ctx.clip()
+  let g = ctx.createLinearGradient(x, y, x, y + s)
+  g.addColorStop(0, '#63c7b8')
+  g.addColorStop(1, '#4aa3c9')
+  ctx.fillStyle = g
+  ctx.fillRect(x, y, s, s)
+  g = ctx.createRadialGradient(x + s * 0.5, y + s * 0.48, 0, x + s * 0.5, y + s * 0.48, s * 0.55)
+  g.addColorStop(0, 'rgba(255,255,255,0.35)')
+  g.addColorStop(1, 'rgba(255,255,255,0)')
+  ctx.fillStyle = g
+  ctx.fillRect(x, y, s, s)
+  CONFETTI.forEach(([cx, cy, r, col]) => {
+    ctx.fillStyle = col
+    ctx.beginPath()
+    ctx.arc(x + cx * s, y + cy * s, r * s, 0, TAU)
+    ctx.fill()
+  })
+  g = ctx.createLinearGradient(x, y + s * 0.2, x, y + s * 0.85)
+  g.addColorStop(0, '#ff6b88')
+  g.addColorStop(1, '#d42a55')
+  ctx.fillStyle = g
+  ctx.beginPath()
+  heartPath(ctx, x + s * 0.5, y + s * 0.55, s * 0.34)
+  ctx.fill()
+  ctx.fillStyle = 'rgba(255,255,255,0.55)'
+  ctx.save()
+  ctx.translate(x + s * 0.37, y + s * 0.42)
+  ctx.rotate(-0.6)
+  ctx.scale(1, 0.55)
+  ctx.beginPath()
+  ctx.arc(0, 0, s * 0.06, 0, TAU)
+  ctx.fill()
+  ctx.restore()
+  ctx.restore()
+}
+
+// 用真实引擎生成演示作品：插画按格面积取平均色 → 配色引擎
+function buildDemo(workCanvas, createCanvas) {
+  const qr = makeQr(DEMO_TEXT, 'H')
+  const placement = createPlacement(qr.size, { scale: 100, quiet: 1, hasImage: true })
+  const size = placement.size
+  const k = 6
+  const px = size * k
+  const canvas = createCanvas ? createCanvas(px, px) : workCanvas
+  canvas.width = px
+  canvas.height = px
+  const ctx = canvas.getContext('2d')
+  ctx.setTransform(1, 0, 0, 1, 0, 0)
+  ctx.clearRect(0, 0, px, px)
+  drawIllustration(ctx, 0, 0, px)
+  const data = ctx.getImageData(0, 0, px, px).data
+  const rgb = new Uint8Array(size * size * 3)
+  for (let r = 0; r < size; r += 1) {
+    for (let c = 0; c < size; c += 1) {
+      let sr = 0; let sg = 0; let sb = 0
+      for (let y = 0; y < k; y += 1) {
+        let o = ((r * k + y) * px + c * k) * 4
+        for (let x = 0; x < k; x += 1, o += 4) { sr += data[o]; sg += data[o + 1]; sb += data[o + 2] }
+      }
+      const i = (r * size + c) * 3
+      rgb[i] = sr / (k * k); rgb[i + 1] = sg / (k * k); rgb[i + 2] = sb / (k * k)
+    }
+  }
+  const art = computeArtwork({ size, rgb }, qr, placement, preparePalette('221'), { modeId: 'balanced', coherence: 40, cleanup: true })
+  return { qr, placement, art }
+}
+
+// —— 豆子批量绘制：按颜色合并路径，每帧只需十几次填充 ——
+function addBead(groups, hex, x, y, r) {
+  let list = groups.get(hex)
+  if (!list) { list = []; groups.set(hex, list) }
+  list.push(x, y, r)
+}
+
+// 小批量合并路径：一条路径里子路径太多时，部分渲染引擎反而更慢，每 12 颗提交一次最稳
+const CHUNK = 12
+function fillCircles(ctx, list, rs, ox, oy) {
+  let n = 0
+  ctx.beginPath()
+  for (let i = 0; i < list.length; i += 3) {
+    const r = list[i + 2] * rs
+    const x = list[i] + list[i + 2] * ox
+    const y = list[i + 1] + list[i + 2] * oy
+    ctx.moveTo(x + r, y)
+    ctx.arc(x, y, r, 0, TAU)
+    n += 1
+    if (n === CHUNK) { ctx.fill(); ctx.beginPath(); n = 0 }
+  }
+  if (n) ctx.fill()
+}
+
+function flushBeads(ctx, groups) {
+  const all = []
+  groups.forEach((list, hex) => {
+    ctx.fillStyle = hex
+    fillCircles(ctx, list, 1, 0, 0)
+    all.push(list)
+  })
+  // 中孔：拼豆是一颗颗小管子
+  ctx.fillStyle = 'rgba(70,48,24,0.17)'
+  all.forEach((list) => fillCircles(ctx, list, 0.3, 0, 0))
+  // 高光
+  ctx.fillStyle = 'rgba(255,255,255,0.4)'
+  all.forEach((list) => fillCircles(ctx, list, 0.2, -0.42, -0.42))
+  groups.clear()
+}
+
+/**
+ * @param opts { workCanvas?, createCanvas?(w,h), font?, loop? }
+ * @returns { duration, text, artwork, draw(ctx, t, pixelWidth) }
+ */
+function createIntro(opts = {}) {
+  const font = opts.font || 'sans-serif'
+  const loop = opts.loop !== false
+  const F = (weight, px) => `${weight} ${Math.round(px)}px ${font}`
+  const { qr, placement, art } = buildDemo(opts.workCanvas, opts.createCanvas)
+  const size = art.size
+  const R = rng(20260929)
+  const cells = []
+  for (let r = 0; r < size; r += 1) {
+    for (let c = 0; c < size; c += 1) {
+      const qc = c - placement.left
+      const qrow = r - placement.top
+      const dark = qc >= 0 && qrow >= 0 && qc < qr.size && qrow < qr.size && qr.dark[qrow * qr.size + qc] === 1
+      const idx = art.cells[r * size + c]
+      cells.push({
+        c,
+        r,
+        qrHex: dark ? C.dark : C.light,
+        finalHex: idx >= 0 ? art.pal.hexes[idx] : C.board,
+        k: Math.max(0, Math.min(DEMO_TEXT.length - 1, Math.floor((c / size) * DEMO_TEXT.length + (R() - 0.5) * 2.5))),
+        jx: R(),
+        jy: R() - 0.5,
+        bend: R() - 0.5,
+        t0: 2.72 + (c / size) * 0.55 + R() * 0.55,
+        tw: 5.95 + ((c + r) / (2 * (size - 1))) * 0.95 + R() * 0.08,
+      })
+    }
+  }
+  const finders = [[0, 0], [qr.size - 7, 0], [0, qr.size - 7]].map(([x, y]) => [placement.left + x, placement.top + y])
+  const topColors = art.usage.slice(0, 8).map((u) => u.hex)
+  const burst = Array.from({ length: 26 }, () => ({
+    a: -Math.PI / 2 + (R() - 0.5) * 2.2,
+    v: 520 + R() * 520,
+    r: 9 + R() * 8,
+    hex: topColors[Math.floor(R() * topColors.length)] || C.brand2,
+  }))
+  const groups = new Map()
+  const pegDots = []
+  for (let y = 20; y < U; y += 40) for (let x = 20; x < U; x += 40) pegDots.push(x, y, 2.4)
+  let layout = null // 文本排版缓存（首帧测量）
+
+  const textLayout = (ctx) => {
+    if (layout) return layout
+    ctx.font = F('bold', 64)
+    const x0 = 170
+    const charX = []
+    for (let i = 0; i <= DEMO_TEXT.length; i += 1) charX.push(x0 + ctx.measureText(DEMO_TEXT.slice(0, i)).width)
+    layout = { charX, y: 616 }
+    return layout
+  }
+
+  const boardAt = (t) => {
+    let cx = 540; let cy = 590; let B = 640
+    const a = easeInOut(prog(t, 7.6, 8.2))
+    cx = lerp(cx, 356, a); B = lerp(B, 560, a)
+    const b = easeInOut(prog(t, 10.05, 10.75))
+    cx = lerp(cx, 540, b); cy = lerp(cy, 410, b); B = lerp(B, 450, b)
+    return { cx, cy, B }
+  }
+  const gridOf = (L) => {
+    const pad = L.B * 0.05
+    const cell = (L.B - pad * 2) / size
+    return { cell, ox: L.cx - L.B / 2 + pad, oy: L.cy - L.B / 2 + pad }
+  }
+
+  const drawPlate = (ctx, L, alpha) => {
+    const x = L.cx - L.B / 2
+    const y = L.cy - L.B / 2
+    const r = L.B * 0.045
+    ctx.globalAlpha = alpha
+    softShadow(ctx, x, y, L.B, L.B, r, 0.16)
+    ctx.fillStyle = C.board
+    ctx.beginPath(); rr(ctx, x, y, L.B, L.B, r); ctx.fill()
+    ctx.globalAlpha = 1
+  }
+
+  // 背景：米色钉板 + 缓慢漂浮的装饰豆
+  const drawBackground = (ctx, t) => {
+    ctx.fillStyle = C.bg
+    ctx.fillRect(0, 0, U, U)
+    ctx.fillStyle = 'rgba(60,45,25,0.065)'
+    fillCircles(ctx, pegDots, 1, 0, 0)
+    DECOR.forEach(([x, y, r, hex], i) => {
+      const dx = Math.sin(t * 0.9 + i * 1.7) * 10
+      const dy = Math.cos(t * 0.7 + i * 2.3) * 12
+      ctx.globalAlpha = 0.55
+      addBead(groups, hex, x + dx, y + dy, r)
+    })
+    flushBeads(ctx, groups)
+    ctx.globalAlpha = 1
+  }
+
+  const drawCaption = (ctx, t) => {
+    ctx.textAlign = 'center'
+    ctx.textBaseline = 'middle'
+    SCENES.forEach((s, i) => {
+      if (t < s.a || t > s.b) return
+      const inP = easeOut(prog(t, s.a + 0.05, s.a + 0.5))
+      const outP = easeIn(prog(t, s.b - 0.32, s.b))
+      const alpha = inP * (1 - outP)
+      if (alpha <= 0) return
+      const dy = (1 - inP) * 26 - outP * 14
+      ctx.globalAlpha = alpha
+      ctx.font = F('bold', 24)
+      const label = `第 ${i + 1} 步`
+      const w = ctx.measureText(label).width + 40
+      ctx.fillStyle = C.brandSoft
+      ctx.beginPath(); rr(ctx, 540 - w / 2, 70 + dy, w, 46, 23); ctx.fill()
+      ctx.fillStyle = C.brand
+      ctx.fillText(label, 540, 94 + dy)
+      ctx.fillStyle = C.ink
+      ctx.font = F('bold', 60)
+      ctx.fillText(s.title, 540, 170 + dy * 1.3)
+      ctx.fillStyle = C.muted
+      ctx.font = F('normal', 30)
+      ctx.fillText(s.sub, 540, 232 + dy * 1.6)
+    })
+    ctx.globalAlpha = 1
+  }
+
+  const drawProgress = (ctx, t) => {
+    const alpha = prog(t, 0, 0.35) * (1 - prog(t, 10.0, 10.4))
+    if (alpha <= 0) return
+    ctx.globalAlpha = alpha
+    const w = 110; const gap = 16; const x0 = 540 - (w * 4 + gap * 3) / 2
+    SCENES.forEach((s, i) => {
+      const x = x0 + i * (w + gap)
+      ctx.fillStyle = 'rgba(22,33,31,0.1)'
+      ctx.beginPath(); rr(ctx, x, 1010, w, 8, 4); ctx.fill()
+      const p = prog(t, s.a, s.b)
+      if (p > 0) {
+        ctx.fillStyle = C.brand
+        ctx.beginPath(); rr(ctx, x, 1010, Math.max(8, w * p), 8, 4); ctx.fill()
+      }
+    })
+    ctx.globalAlpha = 1
+  }
+
+  // 第 1 幕：输入框 + 打字
+  const drawInput = (ctx, t) => {
+    if (t > 3.35) return
+    const inP = easeBack(prog(t, 0.1, 0.65))
+    const outP = easeInOut(prog(t, 2.6, 3.15))
+    const alpha = prog(t, 0.1, 0.4)
+    if (alpha <= 0) return
+    const L = textLayout(ctx)
+    const press = 1 - 0.08 * bump(t, 2.1, 2.4)
+    const scale = lerp(0.88, 1, inP) * lerp(1, 0.95, outP)
+    ctx.save()
+    ctx.translate(540, 590)
+    ctx.scale(scale, scale)
+    ctx.translate(-540, -590)
+    ctx.globalAlpha = alpha * (1 - outP)
+    softShadow(ctx, 130, 495, 820, 190, 40, 0.14)
+    ctx.fillStyle = '#ffffff'
+    ctx.beginPath(); rr(ctx, 130, 495, 820, 190, 40); ctx.fill()
+    ctx.textAlign = 'left'
+    ctx.textBaseline = 'middle'
+    ctx.fillStyle = C.muted
+    ctx.font = F('normal', 24)
+    ctx.fillText('扫码后显示的内容', 170, 548)
+    // 发送按钮
+    ctx.save()
+    ctx.translate(880, 590)
+    ctx.scale(press, press)
+    ctx.fillStyle = C.brand
+    ctx.beginPath(); ctx.arc(0, 0, 44, 0, TAU); ctx.fill()
+    ctx.strokeStyle = '#fff'
+    ctx.lineWidth = 7
+    ctx.lineCap = 'round'
+    ctx.lineJoin = 'round'
+    ctx.beginPath(); ctx.moveTo(-14, 0); ctx.lineTo(14, 0); ctx.moveTo(2, -13); ctx.lineTo(15, 0); ctx.lineTo(2, 13); ctx.stroke()
+    ctx.restore()
+    ctx.restore()
+    // 文字逐字出现，随后逐字化作豆子
+    const count = Math.floor(prog(t, 0.55, 1.9) * DEMO_TEXT.length + 0.0001)
+    ctx.font = F('bold', 64)
+    ctx.textAlign = 'left'
+    ctx.fillStyle = C.ink
+    for (let i = 0; i < count; i += 1) {
+      const start = 2.7 + (i / DEMO_TEXT.length) * 0.55
+      const a = alpha * (1 - prog(t, start, start + 0.35))
+      if (a <= 0) continue
+      ctx.globalAlpha = a
+      ctx.fillText(DEMO_TEXT[i], L.charX[i], L.y)
+    }
+    const typing = t >= 0.55 && t <= 1.9
+    if (t < 2.55 && (typing || Math.floor(t / 0.4) % 2 === 0)) {
+      ctx.globalAlpha = alpha
+      ctx.fillStyle = C.brand2
+      ctx.fillRect(L.charX[count] + 4, L.y - 34, 5, 68)
+    }
+    ctx.globalAlpha = 1
+  }
+
+  // 主画板上的豆子：飞入 → 黑白二维码 → 扫过换色
+  const drawMainBeads = (ctx, t, L) => {
+    const G = gridOf(L)
+    const TL = textLayout(ctx)
+    const baseR = G.cell * BEAD_R
+    for (let i = 0; i < cells.length; i += 1) {
+      const b = cells[i]
+      if (t < b.t0) continue
+      const dx = G.ox + (b.c + 0.5) * G.cell
+      const dy = G.oy + (b.r + 0.5) * G.cell
+      let x = dx; let y = dy; let s = 1
+      const f = prog(t, b.t0, b.t0 + FLIGHT)
+      if (f < 1) {
+        const sx = TL.charX[b.k] + b.jx * (TL.charX[b.k + 1] - TL.charX[b.k])
+        const sy = TL.y + b.jy * 44
+        const cx = (sx + dx) / 2 + b.bend * 220
+        const cy = Math.min(sy, dy) - 110 - Math.abs(b.bend) * 160
+        const e = easeInOut(f)
+        const u = 1 - e
+        x = u * u * sx + 2 * u * e * cx + e * e * dx
+        y = u * u * sy + 2 * u * e * cy + e * e * dy
+        s = lerp(0.55, 1, easeOut(f))
+      } else {
+        s = 1 + 0.16 * bump(t, b.t0 + FLIGHT, b.t0 + FLIGHT + 0.2)
+      }
+      s += 0.3 * bump(t, b.tw - 0.05, b.tw + 0.25)
+      addBead(groups, t >= b.tw ? b.finalHex : b.qrHex, x, y, baseR * s)
+    }
+    flushBeads(ctx, groups)
+  }
+
+  const drawFinalBeads = (ctx, L) => {
+    const G = gridOf(L)
+    const r = G.cell * BEAD_R
+    for (let i = 0; i < cells.length; i += 1) {
+      const b = cells[i]
+      addBead(groups, b.finalHex, G.ox + (b.c + 0.5) * G.cell, G.oy + (b.r + 0.5) * G.cell, r)
+    }
+    flushBeads(ctx, groups)
+  }
+
+  // 二维码定位图形高亮
+  const drawFinders = (ctx, t, L) => {
+    const p = prog(t, 4.15, 4.95)
+    if (p <= 0 || p >= 1) return
+    const G = gridOf(L)
+    const alpha = Math.sin(Math.PI * p)
+    const grow = (1 - easeOut(p)) * 18
+    ctx.strokeStyle = C.brand2
+    ctx.lineWidth = 6
+    ctx.globalAlpha = alpha
+    finders.forEach(([c, r]) => {
+      const x = G.ox + c * G.cell - 6 - grow
+      const y = G.oy + r * G.cell - 6 - grow
+      const w = 7 * G.cell + 12 + grow * 2
+      ctx.beginPath(); rr(ctx, x, y, w, w, 16); ctx.stroke()
+    })
+    ctx.globalAlpha = 1
+  }
+
+  // 沿对角线扫过的光带
+  const drawGleam = (ctx, L, p, strength) => {
+    if (p <= 0 || p >= 1) return
+    const x = L.cx - L.B / 2
+    const y = L.cy - L.B / 2
+    const g = ctx.createLinearGradient(x, y, x + L.B, y + L.B)
+    const s0 = clamp01(p - 0.12); const s1 = clamp01(p); const s2 = clamp01(p + 0.04)
+    g.addColorStop(0, 'rgba(255,255,255,0)')
+    if (s0 > 0) g.addColorStop(s0, 'rgba(255,255,255,0)')
+    g.addColorStop(s1, `rgba(255,255,255,${strength})`)
+    if (s2 < 1) g.addColorStop(s2, 'rgba(255,255,255,0)')
+    g.addColorStop(1, 'rgba(255,255,255,0)')
+    ctx.save()
+    ctx.beginPath(); rr(ctx, x, y, L.B, L.B, L.B * 0.045); ctx.clip()
+    ctx.fillStyle = g
+    ctx.fillRect(x, y, L.B, L.B)
+    ctx.restore()
+  }
+
+  // 第 3 幕：照片飞入并铺到画板上
+  const drawPhoto = (ctx, t, L) => {
+    if (t < 4.95 || t > 6.65) return
+    const a = easeOut(prog(t, 5.0, 5.55))
+    const b = easeInOut(prog(t, 5.6, 6.05))
+    let x = lerp(1320, 800, a); let y = lerp(250, 330, a); let rot = lerp(0.4, -0.12, a); let s = 300
+    x = lerp(x, L.cx, b); y = lerp(y, L.cy, b); rot = lerp(rot, 0, b); s = lerp(s, L.B * 0.9, b)
+    const frame = lerp(14, 0, b)
+    const alpha = 1 - prog(t, 6.0, 6.6)
+    ctx.save()
+    ctx.globalAlpha = alpha
+    ctx.translate(x, y)
+    ctx.rotate(rot)
+    const half = s / 2 + frame
+    if (b < 1) softShadow(ctx, -half, -half, half * 2, half * 2, 18, 0.2 * (1 - b))
+    ctx.fillStyle = '#ffffff'
+    ctx.beginPath(); rr(ctx, -half, -half, half * 2, half * 2, 18); ctx.fill()
+    ctx.beginPath(); rr(ctx, -s / 2, -s / 2, s, s, 10); ctx.clip()
+    drawIllustration(ctx, -s / 2, -s / 2, s)
+    ctx.restore()
+    ctx.globalAlpha = 1
+  }
+
+  // 第 4 幕：手机扫码
+  const drawPhone = (ctx, t) => {
+    const enter = easeOut(prog(t, 7.75, 8.35))
+    const exit = easeIn(prog(t, 9.95, 10.4))
+    if (enter <= 0 || exit >= 1) return
+    const w = 340; const h = 660
+    const px = 800
+    const py = 590 + (1 - enter) * 860 + exit * 860
+    const rot = lerp(0.16, -0.035, enter)
+    ctx.save()
+    ctx.translate(px, py)
+    ctx.rotate(rot)
+    softShadow(ctx, -w / 2, -h / 2, w, h, 60, 0.28)
+    ctx.fillStyle = '#1b2321'
+    ctx.beginPath(); rr(ctx, -w / 2, -h / 2, w, h, 60); ctx.fill()
+    ctx.fillStyle = '#2c3633'
+    ctx.fillRect(w / 2 - 1, -h / 2 + 150, 5, 70)
+    // 屏幕
+    const sw = w - 24; const sh = h - 24
+    ctx.save()
+    ctx.beginPath(); rr(ctx, -sw / 2, -sh / 2, sw, sh, 48); ctx.clip()
+    ctx.fillStyle = '#0e1312'
+    ctx.fillRect(-sw / 2, -sh / 2, sw, sh)
+    const jx = Math.sin(t * 3.1) * 3
+    const jy = Math.cos(t * 2.3) * 3
+    const cam = { cx: jx, cy: -30 + jy, B: 250 }
+    ctx.globalAlpha = 0.92
+    ctx.fillStyle = C.bg
+    ctx.fillRect(-sw / 2, -sh / 2, sw, sh)
+    ctx.globalAlpha = 1
+    drawPlate(ctx, cam, 1)
+    drawFinalBeads(ctx, cam)
+    ctx.fillStyle = 'rgba(10,15,14,0.45)'
+    ctx.fillRect(-sw / 2, -sh / 2, sw, sh)
+    // 取景框
+    const detect = prog(t, 9.0, 9.3)
+    const snap = t >= 9.0 ? 1 + 0.1 * (1 - easeOut(detect)) : 1
+    const half = 146 * snap
+    ctx.strokeStyle = t >= 9.0 ? C.wechat : '#ffffff'
+    ctx.lineWidth = 6
+    ctx.lineCap = 'round'
+    const arm = 34
+    ctx.beginPath()
+    ;[[-1, -1], [1, -1], [1, 1], [-1, 1]].forEach(([sx, sy]) => {
+      const x = cam.cx + sx * half
+      const y = cam.cy + sy * half
+      ctx.moveTo(x, y - sy * arm); ctx.lineTo(x, y); ctx.lineTo(x - sx * arm, y)
+    })
+    ctx.stroke()
+    // 扫描线
+    const sp = prog(t, 8.3, 9.0)
+    if (sp > 0 && sp < 1) {
+      const top = cam.cy - 140
+      const y = lerp(top, cam.cy + 140, easeInOut(sp))
+      const g = ctx.createLinearGradient(0, y - 80, 0, y)
+      g.addColorStop(0, 'rgba(7,193,96,0)')
+      g.addColorStop(1, 'rgba(7,193,96,0.35)')
+      ctx.fillStyle = g
+      ctx.fillRect(cam.cx - 140, Math.max(top, y - 80), 280, y - Math.max(top, y - 80))
+      ctx.fillStyle = C.wechat
+      ctx.fillRect(cam.cx - 140, y - 2, 280, 4)
+    }
+    ctx.textAlign = 'center'
+    ctx.textBaseline = 'middle'
+    ctx.fillStyle = '#ffffff'
+    ctx.font = F('bold', 24)
+    ctx.fillText('扫一扫', 0, -sh / 2 + 78)
+    if (t < 9.0) {
+      ctx.globalAlpha = 0.7
+      ctx.font = F('normal', 19)
+      ctx.fillText('将二维码放入框内', 0, cam.cy + 185)
+      ctx.globalAlpha = 1
+    }
+    const flash = t >= 9.0 ? 0.35 * (1 - prog(t, 9.0, 9.25)) : 0
+    if (flash > 0) {
+      ctx.fillStyle = `rgba(255,255,255,${flash.toFixed(3)})`
+      ctx.fillRect(-sw / 2, -sh / 2, sw, sh)
+    }
+    // 识别结果卡片
+    const rp = prog(t, 9.1, 9.5)
+    if (rp > 0) {
+      const cw = sw - 36; const ch = 170
+      const cy = sh / 2 - 18 - ch + (1 - easeBack(rp)) * 220
+      ctx.fillStyle = '#ffffff'
+      ctx.beginPath(); rr(ctx, -cw / 2, cy, cw, ch, 28); ctx.fill()
+      ctx.fillStyle = C.wechat
+      ctx.beginPath(); ctx.arc(0, cy + 44, 22, 0, TAU); ctx.fill()
+      ctx.strokeStyle = '#fff'
+      ctx.lineWidth = 5
+      ctx.lineJoin = 'round'
+      ctx.beginPath(); ctx.moveTo(-9, cy + 44); ctx.lineTo(-2, cy + 51); ctx.lineTo(10, cy + 37); ctx.stroke()
+      ctx.fillStyle = C.ink
+      ctx.font = F('bold', 30)
+      ctx.fillText(DEMO_TEXT, 0, cy + 100)
+      ctx.fillStyle = C.muted
+      ctx.font = F('normal', 18)
+      ctx.fillText('扫码结果', 0, cy + 138)
+    }
+    ctx.restore()
+    // 灵动岛
+    ctx.fillStyle = '#000'
+    ctx.beginPath(); rr(ctx, -52, -h / 2 + 26, 104, 30, 15); ctx.fill()
+    ctx.restore()
+
+    // 识别成功：豆子礼花
+    const bt = t - 9.2
+    if (bt > 0 && bt < 1.4) {
+      const ox = px; const oy = py + 200
+      const fade = 1 - prog(bt, 0.9, 1.4)
+      ctx.globalAlpha = fade
+      burst.forEach((p) => {
+        const x = ox + Math.cos(p.a) * p.v * bt
+        const y = oy + Math.sin(p.a) * p.v * bt + 900 * bt * bt
+        addBead(groups, p.hex, x, y, p.r)
+      })
+      flushBeads(ctx, groups)
+      ctx.globalAlpha = 1
+    }
+  }
+
+  // 片尾
+  const drawEnd = (ctx, t) => {
+    if (t < 10.4) return
+    ctx.textAlign = 'center'
+    ctx.textBaseline = 'middle'
+    const a = easeOut(prog(t, 10.45, 10.95))
+    ctx.globalAlpha = a
+    ctx.fillStyle = C.ink
+    ctx.font = F('bold', 64)
+    ctx.fillText('豆维 · 可扫码的拼豆', 540, 745 + (1 - a) * 30)
+    const b = easeOut(prog(t, 10.6, 11.1))
+    ctx.globalAlpha = b
+    ctx.fillStyle = C.muted
+    ctx.font = F('normal', 32)
+    ctx.fillText('把一句话藏进拼豆里，微信一扫就能读出来', 540, 812 + (1 - b) * 30)
+    const chips = ['MARD 标准色号', 'A4 打印图纸', '微信一扫即读']
+    ctx.font = F('bold', 26)
+    const widths = chips.map((s) => ctx.measureText(s).width + 44)
+    const total = widths.reduce((s, v) => s + v, 0) + 18 * (chips.length - 1)
+    let x = 540 - total / 2
+    chips.forEach((label, i) => {
+      const p = easeBack(prog(t, 10.85 + i * 0.12, 11.3 + i * 0.12))
+      if (p > 0) {
+        ctx.globalAlpha = clamp01(p)
+        const cy = 892 + (1 - p) * 24
+        ctx.fillStyle = C.brandSoft
+        ctx.beginPath(); rr(ctx, x, cy - 26, widths[i], 52, 26); ctx.fill()
+        ctx.fillStyle = C.brand
+        ctx.fillText(label, x + widths[i] / 2, cy)
+      }
+      x += widths[i] + 18
+    })
+    ctx.globalAlpha = 1
+  }
+
+  const draw = (ctx, time, pixelWidth) => {
+    const t = loop ? ((time % DURATION) + DURATION) % DURATION : Math.min(time, DURATION)
+    const k = pixelWidth / U
+    ctx.setTransform(k, 0, 0, k, 0, 0)
+    ctx.globalAlpha = 1
+    drawBackground(ctx, t)
+    const L = boardAt(t)
+    if (t >= 2.65) {
+      const p = easeBack(prog(t, 2.65, 3.15))
+      const s = lerp(0.92, 1, p)
+      const LS = { cx: L.cx, cy: L.cy, B: L.B * s }
+      drawPlate(ctx, LS, prog(t, 2.65, 3.0))
+    }
+    drawInput(ctx, t)
+    if (t >= 2.72) drawMainBeads(ctx, t, L)
+    drawFinders(ctx, t, L)
+    drawGleam(ctx, L, prog(t, 5.9, 7.0), 0.55)
+    drawGleam(ctx, L, prog(t, 11.0, 11.7), 0.4)
+    drawPhoto(ctx, t, L)
+    drawPhone(ctx, t)
+    drawCaption(ctx, t)
+    drawProgress(ctx, t)
+    drawEnd(ctx, t)
+    if (loop) {
+      const fade = easeInOut(prog(t, 11.45, 12))
+      if (fade > 0) {
+        ctx.globalAlpha = fade
+        ctx.fillStyle = C.bg
+        ctx.fillRect(0, 0, U, U)
+        ctx.globalAlpha = 1
+      }
+    }
+    ctx.setTransform(1, 0, 0, 1, 0, 0)
+  }
+
+  // 关键时间点（供视频配乐对齐）
+  const timeline = { landings: cells.map((b) => b.t0 + FLIGHT), wipes: cells.map((b) => b.tw) }
+  return { duration: DURATION, text: DEMO_TEXT, artwork: art, draw, timeline }
+}
+
+module.exports = { createIntro, DEMO_TEXT, DURATION }

BeadQR/miniprogram/utils/palette-data.js

@@ -0,0 +1,48 @@
+// MARD reference palette from the public 2026 color chart.
+// 291 colors = standard 221 (A-H, M) + 70 extended (P, Q, R, T, Y, ZG).
+const MARD_HEX = {
+  A1:"#f9f0cd", A2:"#fbfbd4", A3:"#fafc9f", A4:"#ffe953", A5:"#f4d738", A6:"#fdad49", A7:"#ff7c2f", A8:"#eaca49",
+  A9:"#ff995a", A10:"#ff9d55", A11:"#ffdd99", A12:"#fcb58f", A13:"#ffbb59", A14:"#ff6d40", A15:"#fdff44", A16:"#fef9ae",
+  A17:"#ffe36e", A18:"#fecf98", A19:"#fd7b72", A20:"#efcd67", A21:"#ffe395", A22:"#fff3a4", A23:"#f3d5bf", A24:"#fbf8c9",
+  A25:"#ffd67d", A26:"#ffbb27", B1:"#e6ee32", B2:"#5be419", B3:"#7cee9d", B4:"#1ef942", B5:"#00bd35", B6:"#5ae8ba",
+  B7:"#03ac88", B8:"#029d26", B9:"#26523a", B10:"#95d3c2", B11:"#5d722a", B12:"#156f40", B13:"#d9f794", B14:"#ade945",
+  B15:"#2e5132", B16:"#c6ed9c", B17:"#9bb13a", B18:"#e6ee49", B19:"#25b88c", B20:"#c2f0cc", B21:"#146a6b", B22:"#0b3c43",
+  B23:"#303921", B24:"#eefca5", B25:"#4e846d", B26:"#8c7a36", B27:"#d1dcc1", B28:"#9ee5b9", B29:"#c5e254", B30:"#ecfbd0",
+  B31:"#c4e6b5", B32:"#9bab5a", C1:"#e8ffe7", C2:"#bcf9f6", C3:"#a0e2fb", C4:"#42ccff", C5:"#01aceb", C6:"#50a9f0",
+  C7:"#0188d3", C8:"#1054c0", C9:"#314bca", C10:"#3ebce2", C11:"#03b9b9", C12:"#1c334d", C13:"#cde8ff", C14:"#d5fdff",
+  C15:"#23c4c6", C16:"#1757a8", C17:"#50d3ec", C18:"#1c3344", C19:"#1787a2", C20:"#0082be", C21:"#beddff", C22:"#67b4be",
+  C23:"#c2dceb", C24:"#7dc4ff", C25:"#a9e5e5", C26:"#2f99b3", C27:"#ebf5fc", C28:"#bbcfed", C29:"#4b5ba3", D1:"#aeb4f2",
+  D2:"#858edd", D3:"#3054af", D4:"#182a84", D5:"#b843c5", D6:"#ac7bde", D7:"#6e399a", D8:"#e2d3ff", D9:"#d5b9f8",
+  D10:"#361b50", D11:"#b9bae1", D12:"#de9ad4", D13:"#b90295", D14:"#8b279b", D15:"#2f1f90", D16:"#e2e1ee", D17:"#c4d4f6",
+  D18:"#a45ec7", D19:"#d8c3d7", D20:"#9c32b2", D21:"#9a009b", D22:"#333995", D23:"#eadafc", D24:"#7786e5", D25:"#484fc7",
+  D26:"#e9c3f6", E1:"#fdd3cc", E2:"#fecddf", E3:"#ff97c3", E4:"#e8649e", E5:"#f551a2", E6:"#ff346b", E7:"#c63578",
+  E8:"#ffdbe9", E9:"#e970cc", E10:"#d33893", E11:"#fcddd2", E12:"#ffa1c5", E13:"#b6006d", E14:"#ffd1ba", E15:"#f2cfd0",
+  E16:"#ffecde", E17:"#ffe2ea", E18:"#ffc9d6", E19:"#ffd2e7", E20:"#d8c7d1", E21:"#bd9da1", E22:"#cc78a7", E23:"#937a8d",
+  E24:"#f6e4f9", F1:"#fd957b", F2:"#fc3d45", F3:"#f74941", F4:"#fc283c", F5:"#d80127", F6:"#b0443d", F7:"#971937",
+  F8:"#bc0127", F9:"#e2677a", F10:"#a74d22", F11:"#6f201f", F12:"#fd4d6a", F13:"#dd422f", F14:"#ffa9ad", F15:"#c80020",
+  F16:"#ffd9c8", F17:"#f79b71", F18:"#d37c46", F19:"#c1444a", F20:"#cd9391", F21:"#f4b1b4", F22:"#ffd0cb", F23:"#f57e66",
+  F24:"#fcc1c4", F25:"#e54b4f", G1:"#ffe2ce", G2:"#ffcaaa", G3:"#f4c3a5", G4:"#e1b383", G5:"#ed9435", G6:"#f59734",
+  G7:"#9d5b3e", G8:"#592a21", G9:"#e6b483", G10:"#c88135", G11:"#e0c593", G12:"#ebbb83", G13:"#b7714a", G14:"#8d614c",
+  G15:"#fcf9e0", G16:"#f2d9ba", G17:"#56403c", G18:"#ffe4cc", G19:"#e1943a", G20:"#a94023", G21:"#cb8e77", H1:"#e2e2e2",
+  H2:"#ffffff", H3:"#b3b3b3", H4:"#868686", H5:"#474747", H6:"#2c2c2c", H7:"#000000", H8:"#e7d6db", H9:"#e4e7e3",
+  H10:"#eee9ea", H11:"#cecdd5", H12:"#fff5ed", H13:"#f3e1c9", H14:"#cfd7d3", H15:"#98a6a8", H16:"#3b2f23", H17:"#f1eded",
+  H18:"#fffdf0", H19:"#f6efe2", H20:"#949fa3", H21:"#f7f3e4", H22:"#cacad5", H23:"#9a9d94", M1:"#bcc6b8", M2:"#8aa385",
+  M3:"#697d80", M4:"#dacebe", M5:"#d0ccaa", M6:"#b0a782", M7:"#b4a497", M8:"#b38281", M9:"#a58767", M10:"#c5b1bc",
+  M11:"#9f7494", M12:"#644749", M13:"#d19066", M14:"#c77361", M15:"#757d7b", P1:"#fcf8f9", P2:"#bda9ab", P3:"#aedda9",
+  P4:"#fda49e", P5:"#ec8d3d", P6:"#60cfa8", P7:"#eb9271", P8:"#f0d958", P9:"#d9d9d9", P10:"#d5c8e9", P11:"#f3ecc8",
+  P12:"#e6eef1", P13:"#a9cbf1", P14:"#3177b0", P15:"#668575", P16:"#ffbe46", P17:"#ffa324", P18:"#feb89f", P19:"#ffe0e8",
+  P20:"#febecf", P21:"#ecbec0", P22:"#e4a89e", P23:"#a56269", Q1:"#f2a5e8", Q2:"#73b29e", Q3:"#ffff00", Q4:"#ffebfa",
+  Q5:"#4f5e5b", R1:"#d50e21", R2:"#f92e83", R3:"#fd8225", R4:"#f8ec31", R5:"#34c75b", R6:"#25b891", R7:"#17779d",
+  R8:"#1b60c3", R9:"#9a56b4", R10:"#ffdb4d", R11:"#ffebfa", R12:"#d8d5ce", R13:"#55514c", R14:"#9ee4df", R15:"#77cee9",
+  R16:"#3dcfca", R17:"#4a867a", R18:"#7fcd9d", R19:"#cde55d", R20:"#e8c7b4", R21:"#ad6f3c", R22:"#6c372f", R23:"#feb872",
+  R24:"#f2c1c0", R25:"#c9675d", R26:"#d293be", R27:"#ea8cb1", R28:"#9c87d6", T1:"#e2dfd7", Y1:"#fd6fb4", Y2:"#feb481",
+  Y3:"#d7faa0", Y4:"#8bdbfa", Y5:"#e987ea", ZG1:"#daabb3", ZG2:"#d6aa87", ZG3:"#c1bd8d", ZG4:"#96869f", ZG5:"#8490a6",
+  ZG6:"#94bfe2", ZG7:"#e2a9d2", ZG8:"#ab91c0",
+}
+
+const MARD_PALETTE = Object.entries(MARD_HEX).map(([id, hex]) => ({ id, hex }))
+
+// 智能近色色库的“远点优先”排序（离线预计算，避免真机启动时 2000 万次距离运算）
+const MARD_SMART_ORDER = ["A4","A7","B5","B9","C4","C8","C12","D7","E5","F3","G5","G8","H2","H3","H5","H7","M3","M12","P3","P14","Q1","R5","R13","ZG6","E13","B17","Q3","B2","A22","C11","D18","P6","G20","F5","P4","M8","D15","C2","D24","A19","B4","B14","G13","B21","R12","E7","C7","D21","E9","B19","D25","M2","D8","D20","R16","R23","B26","B11","E6","F7","E22","F19","ZG2","A26","A2","C5","B3","C28","E2","M13","B1","B13","ZG4","C6","R19","R28","G2","ZG1","E3","P23","A8","A9","R14","C29","C24","H6","M6","B7","G7","Q2","M5","D10","B8","B20","B10","F9","C22","C26","B12","B25","F4","D5","C19","B32","F13","A25","H15","D13","G10","B6","Y5","H10","Y1","D14","D1","D3","D12","E21","E10","M9","D9","R27","C10","R18","H13","H4","P21","ZG3","G11","C15","ZG8","P7","D4","C3","M14","A20","F8","R22","C14","D22","A15","A6","R26","R2","C16","B31","F12","R15","F20","C17","A11","F11","P17","A5","C9","P22","E4","B18","C1","C21","M11","B16","R9","F25","A12","A14","Y4","G14","B28","H23","P20","C20","C27","ZG5","B22","G12","M1","D6","F6","A13","P10","D11","F18","F1","Q5","Q4","M10","G17","H8","A17","D26","F21","P19","B24","P8","H22","P13","C13","F22","G21","R4","D2","H16","M4","P16","R21","E14","R7","R8","P18","H12","B27","D19","ZG7","E16","P2","B30","R20","F14","G16","R10","M7","E23","B23","D16","C23","F23","R1","Y2","A18","E15","G3","F15","P15","R17","D17","F2","E11","A1","F10","F17","G19","M15","G4","R25","C25","Y3","B29","H9","G15","R3","P9","P12","A16","F24","A3","E24","B15","D23","T1","P5","H14","H19","E12"]
+
+module.exports = { MARD_PALETTE, MARD_SMART_ORDER }

BeadQR/miniprogram/utils/palette.js

@@ -0,0 +1,74 @@
+// MARD 色库预设 + 预处理（Typed Array 结构，供匹配引擎高速读取）
+const { MARD_PALETTE, MARD_SMART_ORDER } = require('./palette-data')
+const { hexToRgb, rgbToOklabInto, luma } = require('./color')
+
+// 颜色匹配模式：darkMax/lightMin 为二维码深/浅模块允许的亮度范围
+const MATCH_MODES = [
+  { id: 'rich', label: '色彩优先', hint: '更像原图', darkMax: 0.4, lightMin: 0.74 },
+  { id: 'balanced', label: '均衡', hint: '推荐', darkMax: 0.36, lightMin: 0.78 },
+  { id: 'strict', label: '扫码优先', hint: '最稳', darkMax: 0.3, lightMin: 0.84 },
+]
+
+const byId = new Map(MARD_PALETTE.map((c) => [c.id, c]))
+const pick = (ids) => ids.map((id) => byId.get(id)).filter(Boolean)
+const STANDARD_221 = MARD_PALETTE.filter((c) => /^[A-HM]\d+$/.test(c.id))
+
+const PRESETS = [
+  { id: '221', label: '标准 221 色', short: '221 色', detail: 'MARD 标准色，最常见', list: () => STANDARD_221 },
+  { id: '291', label: '完整 291 色', short: '291 色', detail: '含扩展色，颜色最全', list: () => MARD_PALETTE },
+  ...[144, 96, 72, 48, 24].map((n) => ({
+    id: String(n),
+    label: `精选 ${n} 色`,
+    short: `${n} 色`,
+    detail: n <= 48 ? '入门套装，买豆更省' : '常用色，兼顾效果与成本',
+    list: () => pick(MARD_SMART_ORDER.slice(0, n)),
+  })),
+]
+
+const cache = {}
+
+function preparePalette(presetId) {
+  if (cache[presetId]) return cache[presetId]
+  const preset = PRESETS.find((p) => p.id === presetId) || PRESETS[0]
+  const list = preset.list()
+  const n = list.length
+  const rgb = new Uint8Array(n * 3)
+  const lab = new Float32Array(n * 3)
+  const lum = new Float32Array(n)
+  list.forEach((c, i) => {
+    const [r, g, b] = hexToRgb(c.hex)
+    rgb[i * 3] = r; rgb[i * 3 + 1] = g; rgb[i * 3 + 2] = b
+    rgbToOklabInto(r, g, b, lab, i * 3)
+    lum[i] = luma(r, g, b)
+  })
+  // 色与色之间的距离矩阵（291² ≈ 8.5 万项，一次性计算）
+  const pair = new Float32Array(n * n)
+  for (let i = 0; i < n; i += 1) {
+    for (let j = i + 1; j < n; j += 1) {
+      const dl = lab[i * 3] - lab[j * 3]
+      const da = lab[i * 3 + 1] - lab[j * 3 + 1]
+      const db = lab[i * 3 + 2] - lab[j * 3 + 2]
+      const d = Math.sqrt(dl * dl + da * da + db * db)
+      pair[i * n + j] = d
+      pair[j * n + i] = d
+    }
+  }
+  const prepared = {
+    id: preset.id,
+    label: preset.label,
+    short: preset.short,
+    n,
+    ids: list.map((c) => c.id),
+    hexes: list.map((c) => c.hex),
+    rgb,
+    lab,
+    lum,
+    pair,
+    subsets: {},
+    luts: {},
+  }
+  cache[presetId] = prepared
+  return prepared
+}
+
+module.exports = { MATCH_MODES, PRESETS, preparePalette }

BeadQR/miniprogram/utils/pattern.js

@@ -0,0 +1,381 @@
+// Canvas 绘制：预览、PNG 图纸页、作品信息页、水印
+// 性能要点：按颜色批量合并路径，每种颜色只 fill 一次；字体只设置一次；网格线合并成单条路径
+const { lumaHex } = require('./color')
+
+const BOARD = '#f1eee7' // 钉板底色
+const PEG = '#d9d3c7' // 空钉位
+const INK = '#1d2b2a'
+const MUTED = '#6b7671'
+const BRAND = '#0f766e'
+
+function roundRectPath(ctx, x, y, w, h, r) {
+  const rr = Math.min(r, w / 2, h / 2)
+  ctx.moveTo(x + rr, y)
+  ctx.arcTo(x + w, y, x + w, y + h, rr)
+  ctx.arcTo(x + w, y + h, x, y + h, rr)
+  ctx.arcTo(x, y + h, x, y, rr)
+  ctx.arcTo(x, y, x + w, y, rr)
+  ctx.closePath()
+}
+
+function fitText(ctx, value, maxWidth) {
+  const text = String(value || '')
+  if (ctx.measureText(text).width <= maxWidth) return text
+  let end = text.length
+  while (end > 0 && ctx.measureText(`${text.slice(0, end)}…`).width > maxWidth) end -= 1
+  return `${text.slice(0, end)}…`
+}
+
+// 把同色格子分组：返回 Map<colorIndex, number[] cellIndex>
+function groupCells(artwork, region) {
+  const { size, cells } = artwork
+  const r = region || { col: 0, row: 0, cols: size, rows: size }
+  const groups = new Map()
+  const empty = []
+  for (let y = r.row; y < r.row + r.rows; y += 1) {
+    for (let x = r.col; x < r.col + r.cols; x += 1) {
+      const c = cells[y * size + x]
+      if (c < 0) { empty.push(y * size + x); continue }
+      let list = groups.get(c)
+      if (!list) { list = []; groups.set(c, list) }
+      list.push(y * size + x)
+    }
+  }
+  return { groups, empty, region: r }
+}
+
+/**
+ * 绘制珠子
+ * opts: { x0, y0, cell, style: square|round|hollow, region }
+ */
+function drawBeads(ctx, artwork, opts) {
+  const { x0, y0, cell, style = 'square' } = opts
+  const { size, pal } = artwork
+  const { groups, empty, region } = groupCells(artwork, opts.region)
+  const ARC_CHUNK = 12
+  const pos = (i) => {
+    const x = i % size
+    const y = (i - x) / size
+    return [x0 + (x - region.col) * cell, y0 + (y - region.row) * cell]
+  }
+  ctx.fillStyle = BOARD
+  ctx.fillRect(x0, y0, region.cols * cell, region.rows * cell)
+  // 空钉位：小圆点，提示“这里不放豆”
+  if (empty.length) {
+    ctx.fillStyle = PEG
+    ctx.beginPath()
+    const r = cell * 0.14
+    empty.forEach((i, n) => {
+      const [x, y] = pos(i)
+      ctx.moveTo(x + cell / 2 + r, y + cell / 2)
+      ctx.arc(x + cell / 2, y + cell / 2, r, 0, Math.PI * 2)
+      if (n % ARC_CHUNK === ARC_CHUNK - 1) { ctx.fill(); ctx.beginPath() }
+    })
+    ctx.fill()
+  }
+  const radius = cell * 0.46
+  const hole = cell * 0.2
+  groups.forEach((list, c) => {
+    ctx.fillStyle = pal.hexes[c]
+    ctx.beginPath()
+    if (style === 'square') {
+      list.forEach((i) => {
+        const [x, y] = pos(i)
+        // 取整边界避免相邻方块之间出现发丝缝
+        const lx = Math.round(x); const ty = Math.round(y)
+        ctx.rect(lx, ty, Math.round(x + cell) - lx, Math.round(y + cell) - ty)
+      })
+    } else {
+      // 圆形子路径过多时渲染引擎会明显变慢，按小批提交（大图从数秒降到几十毫秒）
+      list.forEach((i, n) => {
+        const [x, y] = pos(i)
+        const cx = x + cell / 2; const cy = y + cell / 2
+        ctx.moveTo(cx + radius, cy)
+        ctx.arc(cx, cy, radius, 0, Math.PI * 2)
+        if (style === 'hollow') {
+          ctx.moveTo(cx + hole, cy)
+          ctx.arc(cx, cy, hole, 0, Math.PI * 2, true)
+        }
+        if (n % ARC_CHUNK === ARC_CHUNK - 1) { ctx.fill(); ctx.beginPath() }
+      })
+    }
+    ctx.fill()
+  })
+}
+
+// 色号文字：先按深/浅文字颜色分两批
+function drawCodes(ctx, artwork, opts) {
+  const { x0, y0, cell, style = 'square' } = opts
+  const { size, cells, pal } = artwork
+  const region = opts.region || { col: 0, row: 0, cols: size, rows: size }
+  const light = pal.hexes.map((hex) => lumaHex(hex) > 0.56)
+  const fontSize = Math.max(8, Math.round(cell * (style === 'hollow' ? 0.26 : 0.32)))
+  ctx.font = `bold ${fontSize}px sans-serif`
+  ctx.textAlign = 'center'
+  ctx.textBaseline = 'middle'
+  const pass = (wantLight) => {
+    ctx.fillStyle = wantLight ? INK : '#ffffff'
+    for (let y = region.row; y < region.row + region.rows; y += 1) {
+      for (let x = region.col; x < region.col + region.cols; x += 1) {
+        const c = cells[y * size + x]
+        if (c < 0) continue
+        const useInk = style === 'hollow' ? true : light[c]
+        if (useInk !== wantLight) continue
+        ctx.fillText(pal.ids[c], x0 + (x - region.col + 0.5) * cell, y0 + (y - region.row + 0.5) * cell + fontSize * 0.04)
+      }
+    }
+  }
+  pass(true)
+  pass(false)
+  ctx.textAlign = 'start'
+  ctx.textBaseline = 'alphabetic'
+}
+
+function rgba(hex, alpha) {
+  const v = parseInt(hex.slice(1), 16)
+  return `rgba(${(v >> 16) & 255},${(v >> 8) & 255},${v & 255},${alpha})`
+}
+
+// 网格 + 坐标：细线每格一条，粗线每 interval 格一条（按全局坐标对齐）
+function drawGrid(ctx, opts) {
+  const { x0, y0, cell, region, interval = 10, color = BRAND, opacity = 60, labels = true } = opts
+  const w = region.cols * cell
+  const h = region.rows * cell
+  const alpha = opacity / 100
+  ctx.lineWidth = Math.max(1, cell * 0.02)
+  ctx.strokeStyle = rgba(color, alpha * 0.28)
+  ctx.beginPath()
+  for (let i = 0; i <= region.cols; i += 1) { const x = Math.round(x0 + i * cell) + 0.5; ctx.moveTo(x, y0); ctx.lineTo(x, y0 + h) }
+  for (let i = 0; i <= region.rows; i += 1) { const y = Math.round(y0 + i * cell) + 0.5; ctx.moveTo(x0, y); ctx.lineTo(x0 + w, y) }
+  ctx.stroke()
+  ctx.lineWidth = Math.max(2, cell * 0.06)
+  ctx.strokeStyle = rgba(color, alpha)
+  ctx.beginPath()
+  for (let i = 0; i <= region.cols; i += 1) {
+    const g = region.col + i
+    if (g % interval !== 0 && i !== 0 && i !== region.cols) continue
+    const x = x0 + i * cell; ctx.moveTo(x, y0); ctx.lineTo(x, y0 + h)
+  }
+  for (let i = 0; i <= region.rows; i += 1) {
+    const g = region.row + i
+    if (g % interval !== 0 && i !== 0 && i !== region.rows) continue
+    const y = y0 + i * cell; ctx.moveTo(x0, y); ctx.lineTo(x0 + w, y)
+  }
+  ctx.stroke()
+  if (!labels) return
+  const fontSize = Math.max(10, Math.round(Math.min(cell * 0.42, 34)))
+  ctx.font = `${fontSize}px sans-serif`
+  ctx.fillStyle = rgba(color, Math.max(0.7, alpha))
+  ctx.textAlign = 'center'
+  ctx.textBaseline = 'middle'
+  const step = cell < 22 ? interval : (cell < 36 ? 5 : 1)
+  for (let i = 0; i < region.cols; i += 1) {
+    const g = region.col + i + 1
+    if (g % step !== 0 && g !== 1) continue
+    ctx.fillText(String(g), x0 + (i + 0.5) * cell, y0 - fontSize * 0.9)
+  }
+  for (let i = 0; i < region.rows; i += 1) {
+    const g = region.row + i + 1
+    if (g % step !== 0 && g !== 1) continue
+    ctx.fillText(String(g), x0 - fontSize * 1.1, y0 + (i + 0.5) * cell)
+  }
+  ctx.textAlign = 'start'
+  ctx.textBaseline = 'alphabetic'
+}
+
+// 屏幕预览：整张作品，不带坐标（清爽）
+function renderPreview(canvas, artwork, pixelWidth, style) {
+  const size = artwork.size
+  const pad = Math.round(pixelWidth * 0.03)
+  const cell = (pixelWidth - pad * 2) / size
+  canvas.width = pixelWidth
+  canvas.height = pixelWidth
+  const ctx = canvas.getContext('2d')
+  ctx.fillStyle = BOARD
+  ctx.fillRect(0, 0, pixelWidth, pixelWidth)
+  drawBeads(ctx, artwork, { x0: pad, y0: pad, cell, style })
+}
+
+// —— PNG 图纸页 ——
+function patternPageLayout(size, cell) {
+  const axis = Math.max(48, Math.round(cell * 1.1))
+  const pad = Math.max(48, Math.round(cell * 0.9))
+  const header = Math.max(120, Math.round(cell * 2.4))
+  const grid = size * cell
+  return { axis, pad, header, width: grid + axis + pad * 2, height: header + axis + grid + pad * 2 }
+}
+
+function drawPatternPage(ctx, artwork, opts) {
+  const { cell, style, grid, meta } = opts
+  const L = patternPageLayout(artwork.size, cell)
+  ctx.fillStyle = '#fbfaf7'
+  ctx.fillRect(0, 0, L.width, L.height)
+  // 头部
+  const unit = L.header / 120
+  ctx.fillStyle = INK
+  ctx.font = `bold ${Math.round(40 * unit)}px sans-serif`
+  ctx.textBaseline = 'middle'
+  ctx.fillText('豆维 · 拼豆图纸', L.pad, L.pad * 0.6 + L.header * 0.36)
+  ctx.font = `${Math.round(22 * unit)}px sans-serif`
+  ctx.fillStyle = MUTED
+  ctx.fillText(fitText(ctx, meta, L.width - L.pad * 2), L.pad, L.pad * 0.6 + L.header * 0.74)
+  ctx.textBaseline = 'alphabetic'
+  const x0 = L.pad + L.axis
+  const y0 = L.header + L.pad * 0.6 + L.axis
+  const region = { col: 0, row: 0, cols: artwork.size, rows: artwork.size }
+  drawBeads(ctx, artwork, { x0, y0, cell, style, region })
+  if (cell >= 16) drawCodes(ctx, artwork, { x0, y0, cell, style, region })
+  if (grid.enabled) drawGrid(ctx, { x0, y0, cell, region, interval: grid.interval, color: grid.color, opacity: grid.opacity })
+  return L
+}
+
+// —— 作品信息页（A4 比例，可分页）——
+function buildInfoPages({ artwork, width, text, paletteLabel, mpCode, thumbnail }) {
+  const height = Math.round(width * 297 / 210)
+  const u = width / 1600
+  const pad = 96 * u
+  const colors = artwork.usage.slice().sort((a, b) => a.id.localeCompare(b.id, undefined, { numeric: true }))
+  const columns = 4
+  const gap = 24 * u
+  const cardW = (width - pad * 2 - gap * (columns - 1)) / columns
+  const cardH = 124 * u
+  const headerH = 300 * u
+  // 缩略图区：headerH+64 起，高 400；清单标题与说明各占一行，避免与上方重叠
+  const listTitleY = headerH + 64 * u + 400 * u + 96 * u
+  const firstTop = listTitleY + 88 * u
+  const nextTop = 200 * u
+  const bottom = height - 110 * u
+  const rowsFirst = Math.max(1, Math.floor((bottom - firstTop + gap) / (cardH + gap)))
+  const rowsNext = Math.max(1, Math.floor((bottom - nextTop + gap) / (cardH + gap)))
+  const pages = []
+  let rest = colors.length
+  let first = true
+  do {
+    const take = Math.min(rest, (first ? rowsFirst : rowsNext) * columns)
+    pages.push(take)
+    rest -= take
+    first = false
+  } while (rest > 0)
+
+  const drawCard = (ctx, color, x, y) => {
+    ctx.fillStyle = '#ffffff'
+    ctx.beginPath(); roundRectPath(ctx, x, y, cardW, cardH, 18 * u); ctx.fill()
+    ctx.strokeStyle = '#e7e2d8'; ctx.lineWidth = 2 * u; ctx.stroke()
+    const sw = 76 * u
+    ctx.fillStyle = color.hex
+    ctx.beginPath(); ctx.arc(x + 24 * u + sw / 2, y + cardH / 2, sw / 2, 0, Math.PI * 2); ctx.fill()
+    ctx.strokeStyle = 'rgba(0,0,0,0.12)'; ctx.stroke()
+    ctx.fillStyle = INK
+    ctx.font = `bold ${Math.round(34 * u)}px sans-serif`
+    ctx.fillText(color.id, x + 24 * u + sw + 20 * u, y + 56 * u)
+    ctx.fillStyle = BRAND
+    ctx.font = `${Math.round(26 * u)}px sans-serif`
+    ctx.fillText(`${color.count} 颗`, x + 24 * u + sw + 20 * u, y + 96 * u)
+  }
+
+  const draw = (ctx, page) => {
+    ctx.textAlign = 'start'
+    ctx.textBaseline = 'alphabetic'
+    ctx.fillStyle = '#fbfaf7'
+    ctx.fillRect(0, 0, width, height)
+    let top = nextTop
+    if (page === 0) {
+      ctx.fillStyle = INK
+      ctx.fillRect(0, 0, width, headerH)
+      ctx.fillStyle = '#ffffff'
+      ctx.font = `bold ${Math.round(62 * u)}px sans-serif`
+      ctx.fillText('豆维 · 作品信息与用豆清单', pad, 132 * u)
+      ctx.fillStyle = '#9fd3c7'
+      ctx.font = `${Math.round(28 * u)}px sans-serif`
+      ctx.fillText('照着清单备豆，照着图纸拼，拼完用微信扫一扫', pad, 200 * u)
+      if (mpCode) {
+        const s = 200 * u
+        const x = width - pad - s
+        const y = (headerH - s) / 2
+        ctx.fillStyle = '#ffffff'
+        ctx.beginPath(); roundRectPath(ctx, x - 10 * u, y - 10 * u, s + 20 * u, s + 20 * u, 20 * u); ctx.fill()
+        ctx.drawImage(mpCode, x, y, s, s)
+      }
+      // 缩略图 + 参数
+      const thumbS = 400 * u
+      const ty = headerH + 64 * u
+      if (thumbnail) {
+        ctx.fillStyle = '#ffffff'
+        ctx.beginPath(); roundRectPath(ctx, pad, ty, thumbS, thumbS, 24 * u); ctx.fill()
+        const inner = thumbS - 32 * u
+        const cell = inner / artwork.size
+        drawBeads(ctx, artwork, { x0: pad + 16 * u, y0: ty + 16 * u, cell, style: 'square' })
+      }
+      const mx = thumbnail ? pad + thumbS + 56 * u : pad
+      const rows = [
+        ['扫码内容', text],
+        ['作品尺寸', `${artwork.size} × ${artwork.size} 格`],
+        ['用豆总数', `${artwork.beads.toLocaleString()} 颗 · ${artwork.usage.length} 个色号`],
+        ['二维码', `${artwork.qr.size} × ${artwork.qr.size} 格 · 纠错 ${artwork.qr.level}`],
+        ['色库', paletteLabel],
+      ]
+      rows.forEach(([k, v], idx) => {
+        const y = ty + 52 * u + idx * 74 * u
+        ctx.fillStyle = MUTED
+        ctx.font = `${Math.round(26 * u)}px sans-serif`
+        ctx.fillText(k, mx, y)
+        ctx.fillStyle = INK
+        ctx.font = `bold ${Math.round(28 * u)}px sans-serif`
+        ctx.fillText(fitText(ctx, v, width - pad - mx - 150 * u), mx + 150 * u, y)
+      })
+      ctx.fillStyle = INK
+      ctx.font = `bold ${Math.round(42 * u)}px sans-serif`
+      ctx.fillText('用豆清单', pad, listTitleY)
+      ctx.fillStyle = MUTED
+      ctx.font = `${Math.round(24 * u)}px sans-serif`
+      ctx.fillText('按色号排序 · 建议每色多备 5% 以防掉落', pad, listTitleY + 44 * u)
+      top = firstTop
+    } else {
+      ctx.fillStyle = INK
+      ctx.font = `bold ${Math.round(36 * u)}px sans-serif`
+      ctx.fillText(`用豆清单（续 ${page + 1}/${pages.length}）`, pad, 120 * u)
+    }
+    const offset = pages.slice(0, page).reduce((s, v) => s + v, 0)
+    for (let i = 0; i < pages[page]; i += 1) {
+      const col = i % columns
+      const row = Math.floor(i / columns)
+      drawCard(ctx, colors[offset + i], pad + col * (cardW + gap), top + row * (cardH + gap))
+    }
+    ctx.fillStyle = '#a3aaa5'
+    ctx.font = `${Math.round(22 * u)}px sans-serif`
+    ctx.fillText(`豆维 · 可扫码的拼豆   第 ${page + 1} / ${pages.length} 页`, pad, height - 56 * u)
+  }
+  return { width, height, pageCount: pages.length, draw }
+}
+
+// 轻度斜向平铺水印
+function drawWatermark(ctx, w, h, text) {
+  const value = String(text || '').trim()
+  if (!value) return
+  const fontSize = Math.max(18, Math.round(w * 0.018))
+  const stepX = Math.max(fontSize * value.length * 1.6, w / 4)
+  const stepY = Math.max(fontSize * 6, w / 6)
+  ctx.save()
+  ctx.globalAlpha = 0.08
+  ctx.fillStyle = INK
+  ctx.font = `${fontSize}px sans-serif`
+  ctx.textAlign = 'center'
+  ctx.textBaseline = 'middle'
+  ctx.translate(w / 2, h / 2)
+  ctx.rotate(-Math.PI / 9)
+  const r = Math.hypot(w, h) / 2
+  for (let y = -r; y <= r; y += stepY) for (let x = -r; x <= r; x += stepX) ctx.fillText(value, x, y)
+  ctx.restore()
+}
+
+module.exports = {
+  BOARD,
+  drawBeads,
+  drawCodes,
+  drawGrid,
+  renderPreview,
+  patternPageLayout,
+  drawPatternPage,
+  buildInfoPages,
+  drawWatermark,
+}

BeadQR/miniprogram/utils/pdf.js

@@ -0,0 +1,373 @@
+// 轻量 PDF 生成器（无依赖）
+//  - 图纸页为纯矢量：珠子、色号、网格都是矢量指令，任意放大都清晰，文件小、生成快
+//  - 中文（页眉、信息页）以 JPEG 图片嵌入
+//  - 支持 1-bit 蒙版图片（用于矢量页上的半透明水印）
+
+const A4 = { w: 595.28, h: 841.89 }
+
+// Helvetica / Helvetica-Bold 字宽（AFM，1/1000 em），色号只含 A-Z 0-9
+const W_BOLD = { ' ': 278, '-': 333, '/': 278 }
+const W_REG = { ' ': 278, '-': 333, '/': 278 }
+'0123456789'.split('').forEach((c) => { W_BOLD[c] = 556; W_REG[c] = 556 })
+const UPPER_BOLD = [722, 722, 722, 722, 667, 611, 778, 722, 278, 556, 722, 611, 833, 722, 778, 667, 778, 722, 667, 611, 722, 667, 944, 667, 667, 611]
+const UPPER_REG = [667, 667, 722, 722, 667, 611, 778, 722, 278, 500, 667, 556, 833, 722, 778, 667, 778, 722, 667, 611, 722, 667, 944, 667, 667, 611]
+for (let i = 0; i < 26; i += 1) {
+  W_BOLD[String.fromCharCode(65 + i)] = UPPER_BOLD[i]
+  W_REG[String.fromCharCode(65 + i)] = UPPER_REG[i]
+}
+function textWidth(text, size, bold = true) {
+  const table = bold ? W_BOLD : W_REG
+  let w = 0
+  for (let i = 0; i < text.length; i += 1) w += table[text[i]] || 556
+  return (w / 1000) * size
+}
+
+const n2 = (v) => (Math.round(v * 100) / 100).toString()
+const esc = (s) => String(s).replace(/[\\()]/g, (m) => `\\${m}`).replace(/[^\x20-\x7e]/g, '?')
+
+function ascii(text) {
+  const out = new Uint8Array(text.length)
+  for (let i = 0; i < text.length; i += 1) out[i] = text.charCodeAt(i) & 0xff
+  return out
+}
+
+class PdfDoc {
+  constructor() {
+    this.objects = [null, null, null] // 1: Catalog, 2: Pages（0 号占位）
+    this.pageIds = []
+    this.fontRegular = this.add(['<< /Type /Font /Subtype /Type1 /BaseFont /Helvetica /Encoding /WinAnsiEncoding >>'])
+    this.fontBold = this.add(['<< /Type /Font /Subtype /Type1 /BaseFont /Helvetica-Bold /Encoding /WinAnsiEncoding >>'])
+    this.forms = {}
+    this.gstates = {}
+  }
+
+  add(parts) {
+    this.objects.push(parts)
+    return this.objects.length - 1
+  }
+
+  stream(dict, data) {
+    const bytes = typeof data === 'string' ? ascii(data) : new Uint8Array(data)
+    return this.add([`<< ${dict} /Length ${bytes.length} >>\nstream\n`, bytes, '\nendstream'])
+  }
+
+  addJpeg(buffer, width, height) {
+    return this.stream(`/Type /XObject /Subtype /Image /Width ${width} /Height ${height} /ColorSpace /DeviceRGB /BitsPerComponent 8 /Filter /DCTDecode`, buffer)
+  }
+
+  // bits：每行按字节对齐，0 = 绘制
+  addImageMask(bits, width, height) {
+    return this.stream(`/Type /XObject /Subtype /Image /Width ${width} /Height ${height} /ImageMask true /BitsPerComponent 1`, bits)
+  }
+
+  // 单位圆（直径 1）表单：不设颜色，继承外部填充色
+  form(kind) {
+    if (this.forms[kind]) return this.forms[kind]
+    const k = 0.5523
+    const circle = (r) => {
+      const c = r * k
+      return `${n2(0.5 + r)} 0.5 m ${n2(0.5 + r)} ${n2(0.5 + c)} ${n2(0.5 + c)} ${n2(0.5 + r)} 0.5 ${n2(0.5 + r)} c `
+        + `${n2(0.5 - c)} ${n2(0.5 + r)} ${n2(0.5 - r)} ${n2(0.5 + c)} ${n2(0.5 - r)} 0.5 c `
+        + `${n2(0.5 - r)} ${n2(0.5 - c)} ${n2(0.5 - c)} ${n2(0.5 - r)} 0.5 ${n2(0.5 - r)} c `
+        + `${n2(0.5 + c)} ${n2(0.5 - r)} ${n2(0.5 + r)} ${n2(0.5 - c)} ${n2(0.5 + r)} 0.5 c h `
+    }
+    let body
+    if (kind === 'round') body = `${circle(0.46)}f`
+    else if (kind === 'hollow') body = `${circle(0.46)}${circle(0.2)}f*`
+    else body = `${circle(0.14)}f` // peg 空钉位
+    const id = this.stream('/Type /XObject /Subtype /Form /BBox [0 0 1 1]', body)
+    this.forms[kind] = id
+    return id
+  }
+
+  gstate(alpha) {
+    const key = String(alpha)
+    if (!this.gstates[key]) this.gstates[key] = this.add([`<< /Type /ExtGState /ca ${alpha} /CA ${alpha} >>`])
+    return this.gstates[key]
+  }
+
+  addPage(content, { images = {} } = {}) {
+    const contentId = this.stream('', content)
+    const xobjects = Object.assign({}, images)
+    Object.keys(this.forms).forEach((k) => { xobjects[`Fm_${k}`] = this.forms[k] })
+    const xo = Object.keys(xobjects).map((k) => `/${k} ${xobjects[k]} 0 R`).join(' ')
+    const gs = Object.keys(this.gstates).map((k) => `/GS${k.replace('.', '_')} ${this.gstates[k]} 0 R`).join(' ')
+    const id = this.add([`<< /Type /Page /Parent 2 0 R /MediaBox [0 0 ${A4.w} ${A4.h}] /Resources << /ProcSet [/PDF /Text /ImageB /ImageC] /Font << /F1 ${this.fontRegular} 0 R /F2 ${this.fontBold} 0 R >> /XObject << ${xo} >> /ExtGState << ${gs} >> >> /Contents ${contentId} 0 R >>`])
+    this.pageIds.push(id)
+    return id
+  }
+
+  build() {
+    this.objects[1] = ['<< /Type /Catalog /Pages 2 0 R >>']
+    this.objects[2] = [`<< /Type /Pages /Kids [${this.pageIds.map((id) => `${id} 0 R`).join(' ')}] /Count ${this.pageIds.length} >>`]
+    const chunks = []
+    let pos = 0
+    const push = (part) => {
+      const bytes = typeof part === 'string' ? ascii(part) : part
+      chunks.push(bytes)
+      pos += bytes.length
+    }
+    push('%PDF-1.4\n%\xe2\xe3\xcf\xd3\n')
+    const offsets = []
+    for (let id = 1; id < this.objects.length; id += 1) {
+      offsets[id] = pos
+      push(`${id} 0 obj\n`)
+      this.objects[id].forEach(push)
+      push('\nendobj\n')
+    }
+    const xref = pos
+    let table = `xref\n0 ${this.objects.length}\n0000000000 65535 f \n`
+    for (let id = 1; id < this.objects.length; id += 1) table += `${String(offsets[id]).padStart(10, '0')} 00000 n \n`
+    push(table)
+    push(`trailer\n<< /Size ${this.objects.length} /Root 1 0 R >>\nstartxref\n${xref}\n%%EOF\n`)
+    const out = new Uint8Array(pos)
+    let cursor = 0
+    chunks.forEach((c) => { out.set(c, cursor); cursor += c.length })
+    return out.buffer
+  }
+}
+
+// —— 矢量图纸 ——
+// 使用“左上角原点、y 向下”的坐标系（页面开头统一翻转），文字与图片局部再翻回来
+
+function hexToPdf(hex) {
+  const v = parseInt(hex.slice(1), 16)
+  return `${n2(((v >> 16) & 255) / 255)} ${n2(((v >> 8) & 255) / 255)} ${n2((v & 255) / 255)}`
+}
+
+function lumaOf(hex) {
+  const v = parseInt(hex.slice(1), 16)
+  return (((v >> 16) & 255) * 0.299 + ((v >> 8) & 255) * 0.587 + (v & 255) * 0.114) / 255
+}
+
+function vectorSheet(doc, artwork, { x0, y0, cell, region, style, codes, grid }) {
+  const { size, cells, pal } = artwork
+  const out = []
+  out.push(`${hexToPdf('#f1eee7')} rg ${n2(x0)} ${n2(y0)} ${n2(region.cols * cell)} ${n2(region.rows * cell)} re f`)
+  const groups = new Map()
+  const empty = []
+  for (let y = region.row; y < region.row + region.rows; y += 1) {
+    for (let x = region.col; x < region.col + region.cols; x += 1) {
+      const c = cells[y * size + x]
+      const px = x0 + (x - region.col) * cell
+      const py = y0 + (y - region.row) * cell
+      if (c < 0) { empty.push([px, py]); continue }
+      if (!groups.has(c)) groups.set(c, [])
+      groups.get(c).push([px, py])
+    }
+  }
+  if (empty.length) {
+    doc.form('peg')
+    out.push(`${hexToPdf('#d9d3c7')} rg`)
+    empty.forEach(([x, y]) => out.push(`q ${n2(cell)} 0 0 ${n2(cell)} ${n2(x)} ${n2(y)} cm /Fm_peg Do Q`))
+  }
+  if (style !== 'square') doc.form(style)
+  groups.forEach((list, c) => {
+    out.push(`${hexToPdf(pal.hexes[c])} rg`)
+    if (style === 'square') {
+      // 略微外扩 0.05pt 消除阅读器抗锯齿造成的白缝
+      list.forEach(([x, y]) => out.push(`${n2(x - 0.05)} ${n2(y - 0.05)} ${n2(cell + 0.1)} ${n2(cell + 0.1)} re`))
+      out.push('f')
+    } else {
+      list.forEach(([x, y]) => out.push(`q ${n2(cell)} 0 0 ${n2(cell)} ${n2(x)} ${n2(y)} cm /Fm_${style} Do Q`))
+    }
+  })
+  if (codes) {
+    const fs = cell * (style === 'hollow' ? 0.27 : 0.34)
+    const writeGroup = (ink) => {
+      const lines = []
+      groups.forEach((list, c) => {
+        const useInk = style === 'hollow' || lumaOf(pal.hexes[c]) > 0.56
+        if (useInk !== ink) return
+        const id = pal.ids[c]
+        const tw = textWidth(id, fs)
+        list.forEach(([x, y]) => lines.push(`1 0 0 -1 ${n2(x + (cell - tw) / 2)} ${n2(y + cell / 2 + fs * 0.35)} Tm (${id}) Tj`))
+      })
+      if (!lines.length) return
+      out.push(`${ink ? hexToPdf('#1d2b2a') : '1 1 1'} rg BT /F2 ${n2(fs)} Tf`)
+      out.push(...lines)
+      out.push('ET')
+    }
+    writeGroup(true)
+    writeGroup(false)
+  }
+  if (grid && grid.enabled) {
+    const w = region.cols * cell
+    const h = region.rows * cell
+    const color = hexToPdf(grid.color)
+    const alpha = grid.opacity / 100
+    const thin = []
+    for (let i = 0; i <= region.cols; i += 1) thin.push(`${n2(x0 + i * cell)} ${n2(y0)} m ${n2(x0 + i * cell)} ${n2(y0 + h)} l`)
+    for (let i = 0; i <= region.rows; i += 1) thin.push(`${n2(x0)} ${n2(y0 + i * cell)} m ${n2(x0 + w)} ${n2(y0 + i * cell)} l`)
+    doc.gstate(Math.round(alpha * 30) / 100)
+    doc.gstate(alpha)
+    out.push(`q /GS${String(Math.round(alpha * 30) / 100).replace('.', '_')} gs ${color} RG ${n2(Math.max(0.2, cell * 0.02))} w`, ...thin, 'S Q')
+    const thick = []
+    for (let i = 0; i <= region.cols; i += 1) {
+      const g = region.col + i
+      if (g % grid.interval && i && i !== region.cols) continue
+      thick.push(`${n2(x0 + i * cell)} ${n2(y0)} m ${n2(x0 + i * cell)} ${n2(y0 + h)} l`)
+    }
+    for (let i = 0; i <= region.rows; i += 1) {
+      const g = region.row + i
+      if (g % grid.interval && i && i !== region.rows) continue
+      thick.push(`${n2(x0)} ${n2(y0 + i * cell)} m ${n2(x0 + w)} ${n2(y0 + i * cell)} l`)
+    }
+    out.push(`q /GS${String(alpha).replace('.', '_')} gs ${color} RG ${n2(Math.max(0.6, cell * 0.06))} w`, ...thick, 'S Q')
+    // 坐标数字
+    const fs = Math.min(7, Math.max(4, cell * 0.42))
+    const step = cell < 8 ? grid.interval : (cell < 13 ? 5 : 1)
+    const labels = []
+    for (let i = 0; i < region.cols; i += 1) {
+      const g = region.col + i + 1
+      if (g % step && g !== 1 && i !== 0) continue
+      const t = String(g)
+      labels.push(`1 0 0 -1 ${n2(x0 + (i + 0.5) * cell - textWidth(t, fs, false) / 2)} ${n2(y0 - fs * 0.5)} Tm (${t}) Tj`)
+    }
+    for (let i = 0; i < region.rows; i += 1) {
+      const g = region.row + i + 1
+      if (g % step && g !== 1 && i !== 0) continue
+      const t = String(g)
+      labels.push(`1 0 0 -1 ${n2(x0 - textWidth(t, fs, false) - fs * 0.4)} ${n2(y0 + (i + 0.5) * cell + fs * 0.35)} Tm (${t}) Tj`)
+    }
+    out.push(`${color} rg BT /F1 ${n2(fs)} Tf`, ...labels, 'ET')
+  }
+  return out.join('\n')
+}
+
+// 页眉图片 + 水印蒙版的放置
+function imageCmd(name, x, y, w, h) {
+  return `q ${n2(w)} 0 0 ${n2(-h)} ${n2(x)} ${n2(y + h)} cm /${name} Do Q`
+}
+
+function watermarkCmd(mask) {
+  if (!mask) return ''
+  const h = 16
+  const w = h * mask.width / mask.height
+  const out = [`q /GS0_08 gs ${hexToPdf('#1d2b2a')} rg`]
+  const stepX = w + 90
+  const stepY = 120
+  for (let row = 0, y = -200; y < A4.h + 200; y += stepY, row += 1) {
+    for (let x = -200; x < A4.w + 200; x += stepX) {
+      // 旋转 -20°：cos=0.94 sin=0.342；y 轴已翻转，所以蒙版局部再翻回
+      out.push(`q 0.94 -0.342 0.342 0.94 ${n2(x + (row % 2) * stepX / 2)} ${n2(y)} cm ${n2(w)} 0 0 ${n2(-h)} 0 ${n2(h)} cm /WM Do Q`)
+    }
+  }
+  out.push('Q')
+  return out.join('\n')
+}
+
+const MARGIN = 28.35 // 10mm
+const HEADER_H = 34
+
+const AXIS = 14
+const TARGET_CELL = 18 // 约 6.4mm/格，打印后色号清晰可读
+const AREA_W = A4.w - MARGIN * 2
+const AREA_H = A4.h - MARGIN * 2 - HEADER_H
+
+/**
+ * 规划图纸页：小图一页搞定；大图 = 总览页 + 若干分块页
+ * 返回 { tiled, fitCell, tilesX, tilesY, tileCols, tileRows, pages: [{ kind, tile, region }] }
+ */
+function planPatternPages(size) {
+  const fitCell = Math.min((AREA_W - AXIS) / size, (AREA_H - AXIS) / size)
+  const tiled = fitCell < 11
+  const full = { col: 0, row: 0, cols: size, rows: size }
+  const pages = [{ kind: 'overview', tile: 0, region: full }]
+  let tilesX = 1
+  let tilesY = 1
+  let tileCols = size
+  let tileRows = size
+  if (tiled) {
+    tilesX = Math.ceil(size / Math.floor((AREA_W - AXIS) / TARGET_CELL))
+    tilesY = Math.ceil(size / Math.floor((AREA_H - AXIS) / TARGET_CELL))
+    tileCols = Math.ceil(size / tilesX)
+    tileRows = Math.ceil(size / tilesY)
+    let n = 1
+    for (let ty = 0; ty < tilesY; ty += 1) {
+      for (let tx = 0; tx < tilesX; tx += 1) {
+        const col = tx * tileCols
+        const row = ty * tileRows
+        if (col >= size || row >= size) continue
+        pages.push({ kind: 'tile', tile: n, region: { col, row, cols: Math.min(tileCols, size - col), rows: Math.min(tileRows, size - row) } })
+        n += 1
+      }
+    }
+  }
+  return { tiled, fitCell, tilesX, tilesY, tileCols, tileRows, pages }
+}
+
+/**
+ * 生成图纸页（矢量）。
+ * opts: { plan, headers: [{ id, width, height }]（按页序）, style, grid, watermark }
+ */
+function addPatternPages(doc, artwork, opts) {
+  const size = artwork.size
+  const plan = opts.plan || planPatternPages(size)
+  const headers = opts.headers || []
+  const flip = `1 0 0 -1 0 ${A4.h} cm`
+  const wm = opts.watermark ? watermarkCmd(opts.watermark) : ''
+  if (opts.watermark) doc.gstate(0.08)
+  if (plan.tiled) doc.gstate(0.85)
+  const images = (header) => {
+    const map = {}
+    if (header) map.HD = header.id
+    if (opts.watermark) map.WM = opts.watermark.id
+    return map
+  }
+  const headerCmd = (header) => (header ? imageCmd('HD', MARGIN, MARGIN, AREA_W, AREA_W * header.height / header.width) : '')
+
+  plan.pages.forEach((page, i) => {
+    const header = headers[i] || null
+    const content = [flip, headerCmd(header)]
+    if (page.kind === 'overview') {
+      const fitCell = plan.fitCell
+      const gridW = fitCell * size
+      const x0 = MARGIN + AXIS + (AREA_W - AXIS - gridW) / 2
+      const y0 = MARGIN + HEADER_H + AXIS
+      content.push(vectorSheet(doc, artwork, {
+        x0, y0, cell: fitCell, region: page.region, style: opts.style, codes: !plan.tiled, grid: opts.grid,
+      }))
+      if (plan.tiled) {
+        const lines = [`q ${hexToPdf('#e11d48')} RG 1.2 w`]
+        const labels = []
+        plan.pages.forEach((tp) => {
+          if (tp.kind !== 'tile') return
+          const r = tp.region
+          const cx = x0 + r.col * fitCell
+          const cy = y0 + r.row * fitCell
+          const cw = r.cols * fitCell
+          const ch = r.rows * fitCell
+          lines.push(`${n2(cx)} ${n2(cy)} ${n2(cw)} ${n2(ch)} re S`)
+          const t = String(tp.tile)
+          labels.push(`1 0 0 -1 ${n2(cx + cw / 2 - textWidth(t, 22) / 2)} ${n2(cy + ch / 2 + 8)} Tm (${t}) Tj`)
+        })
+        lines.push('Q')
+        content.push(lines.join('\n'))
+        content.push(`q /GS0_85 gs ${hexToPdf('#e11d48')} rg BT /F2 22 Tf\n${labels.join('\n')}\nET Q`)
+      }
+    } else {
+      const cell = Math.min((AREA_W - AXIS) / plan.tileCols, (AREA_H - AXIS) / plan.tileRows)
+      content.push(vectorSheet(doc, artwork, {
+        x0: MARGIN + AXIS, y0: MARGIN + HEADER_H + AXIS, cell, region: page.region, style: opts.style, codes: true, grid: opts.grid,
+      }))
+    }
+    content.push(wm)
+    doc.addPage(content.join('\n'), { images: images(header) })
+  })
+  return plan.pages.length
+}
+
+// 整页图片（信息页）
+function addImagePage(doc, jpegId, pixelW, pixelH) {
+  const areaW = A4.w - MARGIN * 2
+  const areaH = A4.h - MARGIN * 2
+  const scale = Math.min(areaW / pixelW, areaH / pixelH)
+  const w = pixelW * scale
+  const h = pixelH * scale
+  const x = (A4.w - w) / 2
+  const y = (A4.h - h) / 2
+  doc.addPage(`1 0 0 -1 0 ${A4.h} cm\n${imageCmd('IM', x, y, w, h)}`, { images: { IM: jpegId } })
+}
+
+module.exports = { A4, PdfDoc, planPatternPages, addPatternPages, addImagePage, vectorSheet, textWidth, HEADER_H, MARGIN }

BeadQR/miniprogram/utils/qr.js

@@ -0,0 +1,58 @@
+// 二维码生成、功能区识别与摆放
+const QRCodeCore = require('./qrcore/qrcode')
+const AlignmentPattern = require('./qrcore/alignment-pattern')
+
+const SAMPLE_TEXT = '豆维·可扫码的拼豆'
+
+// 功能区（定位/时序/对齐/格式/版本）直接决定能否扫出，配色时强制高对比
+function buildFunctionMask(size, version) {
+  const mask = new Uint8Array(size * size)
+  const mark = (x, y) => { if (x >= 0 && y >= 0 && x < size && y < size) mask[y * size + x] = 1 }
+  for (let y = 0; y < size; y += 1) {
+    for (let x = 0; x < size; x += 1) {
+      const finder = (x <= 8 && y <= 8) || (x >= size - 8 && y <= 8) || (x <= 8 && y >= size - 8)
+      if (finder || x === 6 || y === 6) mark(x, y)
+    }
+  }
+  const positions = AlignmentPattern.getPositions(version) || []
+  positions.forEach(([row, col]) => {
+    for (let dy = -2; dy <= 2; dy += 1) for (let dx = -2; dx <= 2; dx += 1) mark(col + dx, row + dy)
+  })
+  if (version >= 7) {
+    for (let i = 0; i < 6; i += 1) {
+      for (let j = size - 11; j < size - 8; j += 1) { mark(i, j); mark(j, i) }
+    }
+  }
+  return mask
+}
+
+function makeQr(text, level) {
+  const value = String(text || '').trim() || SAMPLE_TEXT
+  const qr = QRCodeCore.create(value, { errorCorrectionLevel: level || 'H' })
+  const size = qr.modules.size
+  const version = qr.version || Math.round((size - 17) / 4)
+  return {
+    size,
+    version,
+    level: level || 'H',
+    dark: Uint8Array.from(qr.modules.data),
+    func: buildFunctionMask(size, version),
+    isSample: !String(text || '').trim(),
+  }
+}
+
+// scale：二维码占整张作品边长的百分比；quiet：二维码四周留白格数
+function createPlacement(qrSize, { scale = 100, posX = 50, posY = 50, quiet = 0, hasImage = true } = {}) {
+  const block = qrSize + quiet * 2
+  const size = hasImage ? Math.max(block, Math.ceil(block * 100 / scale)) : block
+  const free = size - block
+  return {
+    size,
+    left: quiet + Math.round(free * posX / 100),
+    top: quiet + Math.round(free * posY / 100),
+    quiet,
+    scale: hasImage ? scale : 100,
+  }
+}
+
+module.exports = { SAMPLE_TEXT, makeQr, createPlacement }

BeadQR/miniprogram/utils/qrcore/alignment-pattern.js

@@ -0,0 +1,83 @@
+/**
+ * Alignment pattern are fixed reference pattern in defined positions
+ * in a matrix symbology, which enables the decode software to re-synchronise
+ * the coordinate mapping of the image modules in the event of moderate amounts
+ * of distortion of the image.
+ *
+ * Alignment patterns are present only in QR Code symbols of version 2 or larger
+ * and their number depends on the symbol version.
+ */
+
+const getSymbolSize = require('./utils').getSymbolSize
+
+/**
+ * Calculate the row/column coordinates of the center module of each alignment pattern
+ * for the specified QR Code version.
+ *
+ * The alignment patterns are positioned symmetrically on either side of the diagonal
+ * running from the top left corner of the symbol to the bottom right corner.
+ *
+ * Since positions are simmetrical only half of the coordinates are returned.
+ * Each item of the array will represent in turn the x and y coordinate.
+ * @see {@link getPositions}
+ *
+ * @param  {Number} version QR Code version
+ * @return {Array}          Array of coordinate
+ */
+exports.getRowColCoords = function getRowColCoords (version) {
+  if (version === 1) return []
+
+  const posCount = Math.floor(version / 7) + 2
+  const size = getSymbolSize(version)
+  const intervals = size === 145 ? 26 : Math.ceil((size - 13) / (2 * posCount - 2)) * 2
+  const positions = [size - 7] // Last coord is always (size - 7)
+
+  for (let i = 1; i < posCount - 1; i++) {
+    positions[i] = positions[i - 1] - intervals
+  }
+
+  positions.push(6) // First coord is always 6
+
+  return positions.reverse()
+}
+
+/**
+ * Returns an array containing the positions of each alignment pattern.
+ * Each array's element represent the center point of the pattern as (x, y) coordinates
+ *
+ * Coordinates are calculated expanding the row/column coordinates returned by {@link getRowColCoords}
+ * and filtering out the items that overlaps with finder pattern
+ *
+ * @example
+ * For a Version 7 symbol {@link getRowColCoords} returns values 6, 22 and 38.
+ * The alignment patterns, therefore, are to be centered on (row, column)
+ * positions (6,22), (22,6), (22,22), (22,38), (38,22), (38,38).
+ * Note that the coordinates (6,6), (6,38), (38,6) are occupied by finder patterns
+ * and are not therefore used for alignment patterns.
+ *
+ * let pos = getPositions(7)
+ * // [[6,22], [22,6], [22,22], [22,38], [38,22], [38,38]]
+ *
+ * @param  {Number} version QR Code version
+ * @return {Array}          Array of coordinates
+ */
+exports.getPositions = function getPositions (version) {
+  const coords = []
+  const pos = exports.getRowColCoords(version)
+  const posLength = pos.length
+
+  for (let i = 0; i < posLength; i++) {
+    for (let j = 0; j < posLength; j++) {
+      // Skip if position is occupied by finder patterns
+      if ((i === 0 && j === 0) || // top-left
+          (i === 0 && j === posLength - 1) || // bottom-left
+          (i === posLength - 1 && j === 0)) { // top-right
+        continue
+      }
+
+      coords.push([pos[i], pos[j]])
+    }
+  }
+
+  return coords
+}

BeadQR/miniprogram/utils/qrcore/alphanumeric-data.js

@@ -0,0 +1,59 @@
+const Mode = require('./mode')
+
+/**
+ * Array of characters available in alphanumeric mode
+ *
+ * As per QR Code specification, to each character
+ * is assigned a value from 0 to 44 which in this case coincides
+ * with the array index
+ *
+ * @type {Array}
+ */
+const ALPHA_NUM_CHARS = [
+  '0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
+  'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M',
+  'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z',
+  ' ', '$', '%', '*', '+', '-', '.', '/', ':'
+]
+
+function AlphanumericData (data) {
+  this.mode = Mode.ALPHANUMERIC
+  this.data = data
+}
+
+AlphanumericData.getBitsLength = function getBitsLength (length) {
+  return 11 * Math.floor(length / 2) + 6 * (length % 2)
+}
+
+AlphanumericData.prototype.getLength = function getLength () {
+  return this.data.length
+}
+
+AlphanumericData.prototype.getBitsLength = function getBitsLength () {
+  return AlphanumericData.getBitsLength(this.data.length)
+}
+
+AlphanumericData.prototype.write = function write (bitBuffer) {
+  let i
+
+  // Input data characters are divided into groups of two characters
+  // and encoded as 11-bit binary codes.
+  for (i = 0; i + 2 <= this.data.length; i += 2) {
+    // The character value of the first character is multiplied by 45
+    let value = ALPHA_NUM_CHARS.indexOf(this.data[i]) * 45
+
+    // The character value of the second digit is added to the product
+    value += ALPHA_NUM_CHARS.indexOf(this.data[i + 1])
+
+    // The sum is then stored as 11-bit binary number
+    bitBuffer.put(value, 11)
+  }
+
+  // If the number of input data characters is not a multiple of two,
+  // the character value of the final character is encoded as a 6-bit binary number.
+  if (this.data.length % 2) {
+    bitBuffer.put(ALPHA_NUM_CHARS.indexOf(this.data[i]), 6)
+  }
+}
+
+module.exports = AlphanumericData

BeadQR/miniprogram/utils/qrcore/bit-buffer.js

@@ -0,0 +1,37 @@
+function BitBuffer () {
+  this.buffer = []
+  this.length = 0
+}
+
+BitBuffer.prototype = {
+
+  get: function (index) {
+    const bufIndex = Math.floor(index / 8)
+    return ((this.buffer[bufIndex] >>> (7 - index % 8)) & 1) === 1
+  },
+
+  put: function (num, length) {
+    for (let i = 0; i < length; i++) {
+      this.putBit(((num >>> (length - i - 1)) & 1) === 1)
+    }
+  },
+
+  getLengthInBits: function () {
+    return this.length
+  },
+
+  putBit: function (bit) {
+    const bufIndex = Math.floor(this.length / 8)
+    if (this.buffer.length <= bufIndex) {
+      this.buffer.push(0)
+    }
+
+    if (bit) {
+      this.buffer[bufIndex] |= (0x80 >>> (this.length % 8))
+    }
+
+    this.length++
+  }
+}
+
+module.exports = BitBuffer

BeadQR/miniprogram/utils/qrcore/bit-matrix.js

@@ -0,0 +1,65 @@
+/**
+ * Helper class to handle QR Code symbol modules
+ *
+ * @param {Number} size Symbol size
+ */
+function BitMatrix (size) {
+  if (!size || size < 1) {
+    throw new Error('BitMatrix size must be defined and greater than 0')
+  }
+
+  this.size = size
+  this.data = new Uint8Array(size * size)
+  this.reservedBit = new Uint8Array(size * size)
+}
+
+/**
+ * Set bit value at specified location
+ * If reserved flag is set, this bit will be ignored during masking process
+ *
+ * @param {Number}  row
+ * @param {Number}  col
+ * @param {Boolean} value
+ * @param {Boolean} reserved
+ */
+BitMatrix.prototype.set = function (row, col, value, reserved) {
+  const index = row * this.size + col
+  this.data[index] = value
+  if (reserved) this.reservedBit[index] = true
+}
+
+/**
+ * Returns bit value at specified location
+ *
+ * @param  {Number}  row
+ * @param  {Number}  col
+ * @return {Boolean}
+ */
+BitMatrix.prototype.get = function (row, col) {
+  return this.data[row * this.size + col]
+}
+
+/**
+ * Applies xor operator at specified location
+ * (used during masking process)
+ *
+ * @param {Number}  row
+ * @param {Number}  col
+ * @param {Boolean} value
+ */
+BitMatrix.prototype.xor = function (row, col, value) {
+  this.data[row * this.size + col] ^= value
+}
+
+/**
+ * Check if bit at specified location is reserved
+ *
+ * @param {Number}   row
+ * @param {Number}   col
+ * @return {Boolean}
+ */
+BitMatrix.prototype.isReserved = function (row, col) {
+  return this.reservedBit[row * this.size + col]
+}
+
+module.exports = BitMatrix

BeadQR/miniprogram/utils/qrcore/byte-data.js

@@ -0,0 +1,61 @@
+const Mode = require('./mode')
+
+// 微信部分真机运行时没有 TextEncoder。二维码 BYTE 段只需要 UTF-8 字节，
+// 在此实现最小兼容编码器，且与 TextEncoder 对无效代理对的处理一致。
+function encodeUtf8 (value) {
+  const bytes = []
+  for (let index = 0; index < value.length; index += 1) {
+    let codePoint = value.charCodeAt(index)
+    if (codePoint >= 0xd800 && codePoint <= 0xdbff) {
+      const next = value.charCodeAt(index + 1)
+      if (next >= 0xdc00 && next <= 0xdfff) {
+        codePoint = 0x10000 + ((codePoint - 0xd800) << 10) + (next - 0xdc00)
+        index += 1
+      } else {
+        codePoint = 0xfffd
+      }
+    } else if (codePoint >= 0xdc00 && codePoint <= 0xdfff) {
+      codePoint = 0xfffd
+    }
+
+    if (codePoint <= 0x7f) {
+      bytes.push(codePoint)
+    } else if (codePoint <= 0x7ff) {
+      bytes.push(0xc0 | (codePoint >> 6), 0x80 | (codePoint & 0x3f))
+    } else if (codePoint <= 0xffff) {
+      bytes.push(0xe0 | (codePoint >> 12), 0x80 | ((codePoint >> 6) & 0x3f), 0x80 | (codePoint & 0x3f))
+    } else {
+      bytes.push(0xf0 | (codePoint >> 18), 0x80 | ((codePoint >> 12) & 0x3f), 0x80 | ((codePoint >> 6) & 0x3f), 0x80 | (codePoint & 0x3f))
+    }
+  }
+  return new Uint8Array(bytes)
+}
+
+function ByteData (data) {
+  this.mode = Mode.BYTE
+  if (typeof (data) === 'string') {
+    this.data = encodeUtf8(data)
+  } else {
+    this.data = new Uint8Array(data)
+  }
+}
+
+ByteData.getBitsLength = function getBitsLength (length) {
+  return length * 8
+}
+
+ByteData.prototype.getLength = function getLength () {
+  return this.data.length
+}
+
+ByteData.prototype.getBitsLength = function getBitsLength () {
+  return ByteData.getBitsLength(this.data.length)
+}
+
+ByteData.prototype.write = function (bitBuffer) {
+  for (let i = 0, l = this.data.length; i < l; i++) {
+    bitBuffer.put(this.data[i], 8)
+  }
+}
+
+module.exports = ByteData

BeadQR/miniprogram/utils/qrcore/dijkstrajs.js

@@ -0,0 +1,165 @@
+'use strict';
+
+/******************************************************************************
+ * Created 2008-08-19.
+ *
+ * Dijkstra path-finding functions. Adapted from the Dijkstar Python project.
+ *
+ * Copyright (C) 2008
+ *   Wyatt Baldwin <self@wyattbaldwin.com>
+ *   All rights reserved
+ *
+ * Licensed under the MIT license.
+ *
+ *   http://www.opensource.org/licenses/mit-license.php
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *****************************************************************************/
+var dijkstra = {
+  single_source_shortest_paths: function(graph, s, d) {
+    // Predecessor map for each node that has been encountered.
+    // node ID => predecessor node ID
+    var predecessors = {};
+
+    // Costs of shortest paths from s to all nodes encountered.
+    // node ID => cost
+    var costs = {};
+    costs[s] = 0;
+
+    // Costs of shortest paths from s to all nodes encountered; differs from
+    // `costs` in that it provides easy access to the node that currently has
+    // the known shortest path from s.
+    // XXX: Do we actually need both `costs` and `open`?
+    var open = dijkstra.PriorityQueue.make();
+    open.push(s, 0);
+
+    var closest,
+        u, v,
+        cost_of_s_to_u,
+        adjacent_nodes,
+        cost_of_e,
+        cost_of_s_to_u_plus_cost_of_e,
+        cost_of_s_to_v,
+        first_visit;
+    while (!open.empty()) {
+      // In the nodes remaining in graph that have a known cost from s,
+      // find the node, u, that currently has the shortest path from s.
+      closest = open.pop();
+      u = closest.value;
+      cost_of_s_to_u = closest.cost;
+
+      // Get nodes adjacent to u...
+      adjacent_nodes = graph[u] || {};
+
+      // ...and explore the edges that connect u to those nodes, updating
+      // the cost of the shortest paths to any or all of those nodes as
+      // necessary. v is the node across the current edge from u.
+      for (v in adjacent_nodes) {
+        if (adjacent_nodes.hasOwnProperty(v)) {
+          // Get the cost of the edge running from u to v.
+          cost_of_e = adjacent_nodes[v];
+
+          // Cost of s to u plus the cost of u to v across e--this is *a*
+          // cost from s to v that may or may not be less than the current
+          // known cost to v.
+          cost_of_s_to_u_plus_cost_of_e = cost_of_s_to_u + cost_of_e;
+
+          // If we haven't visited v yet OR if the current known cost from s to
+          // v is greater than the new cost we just found (cost of s to u plus
+          // cost of u to v across e), update v's cost in the cost list and
+          // update v's predecessor in the predecessor list (it's now u).
+          cost_of_s_to_v = costs[v];
+          first_visit = (typeof costs[v] === 'undefined');
+          if (first_visit || cost_of_s_to_v > cost_of_s_to_u_plus_cost_of_e) {
+            costs[v] = cost_of_s_to_u_plus_cost_of_e;
+            open.push(v, cost_of_s_to_u_plus_cost_of_e);
+            predecessors[v] = u;
+          }
+        }
+      }
+    }
+
+    if (typeof d !== 'undefined' && typeof costs[d] === 'undefined') {
+      var msg = ['Could not find a path from ', s, ' to ', d, '.'].join('');
+      throw new Error(msg);
+    }
+
+    return predecessors;
+  },
+
+  extract_shortest_path_from_predecessor_list: function(predecessors, d) {
+    var nodes = [];
+    var u = d;
+    var predecessor;
+    while (u) {
+      nodes.push(u);
+      predecessor = predecessors[u];
+      u = predecessors[u];
+    }
+    nodes.reverse();
+    return nodes;
+  },
+
+  find_path: function(graph, s, d) {
+    var predecessors = dijkstra.single_source_shortest_paths(graph, s, d);
+    return dijkstra.extract_shortest_path_from_predecessor_list(
+      predecessors, d);
+  },
+
+  /**
+   * A very naive priority queue implementation.
+   */
+  PriorityQueue: {
+    make: function (opts) {
+      var T = dijkstra.PriorityQueue,
+          t = {},
+          key;
+      opts = opts || {};
+      for (key in T) {
+        if (T.hasOwnProperty(key)) {
+          t[key] = T[key];
+        }
+      }
+      t.queue = [];
+      t.sorter = opts.sorter || T.default_sorter;
+      return t;
+    },
+
+    default_sorter: function (a, b) {
+      return a.cost - b.cost;
+    },
+
+    /**
+     * Add a new item to the queue and ensure the highest priority element
+     * is at the front of the queue.
+     */
+    push: function (value, cost) {
+      var item = {value: value, cost: cost};
+      this.queue.push(item);
+      this.queue.sort(this.sorter);
+    },
+
+    /**
+     * Return the highest priority element in the queue.
+     */
+    pop: function () {
+      return this.queue.shift();
+    },
+
+    empty: function () {
+      return this.queue.length === 0;
+    }
+  }
+};
+
+
+// node.js module exports
+if (typeof module !== 'undefined') {
+  module.exports = dijkstra;
+}

BeadQR/miniprogram/utils/qrcore/error-correction-code.js

@@ -0,0 +1,135 @@
+const ECLevel = require('./error-correction-level')
+
+const EC_BLOCKS_TABLE = [
+// L  M  Q  H
+  1, 1, 1, 1,
+  1, 1, 1, 1,
+  1, 1, 2, 2,
+  1, 2, 2, 4,
+  1, 2, 4, 4,
+  2, 4, 4, 4,
+  2, 4, 6, 5,
+  2, 4, 6, 6,
+  2, 5, 8, 8,
+  4, 5, 8, 8,
+  4, 5, 8, 11,
+  4, 8, 10, 11,
+  4, 9, 12, 16,
+  4, 9, 16, 16,
+  6, 10, 12, 18,
+  6, 10, 17, 16,
+  6, 11, 16, 19,
+  6, 13, 18, 21,
+  7, 14, 21, 25,
+  8, 16, 20, 25,
+  8, 17, 23, 25,
+  9, 17, 23, 34,
+  9, 18, 25, 30,
+  10, 20, 27, 32,
+  12, 21, 29, 35,
+  12, 23, 34, 37,
+  12, 25, 34, 40,
+  13, 26, 35, 42,
+  14, 28, 38, 45,
+  15, 29, 40, 48,
+  16, 31, 43, 51,
+  17, 33, 45, 54,
+  18, 35, 48, 57,
+  19, 37, 51, 60,
+  19, 38, 53, 63,
+  20, 40, 56, 66,
+  21, 43, 59, 70,
+  22, 45, 62, 74,
+  24, 47, 65, 77,
+  25, 49, 68, 81
+]
+
+const EC_CODEWORDS_TABLE = [
+// L  M  Q  H
+  7, 10, 13, 17,
+  10, 16, 22, 28,
+  15, 26, 36, 44,
+  20, 36, 52, 64,
+  26, 48, 72, 88,
+  36, 64, 96, 112,
+  40, 72, 108, 130,
+  48, 88, 132, 156,
+  60, 110, 160, 192,
+  72, 130, 192, 224,
+  80, 150, 224, 264,
+  96, 176, 260, 308,
+  104, 198, 288, 352,
+  120, 216, 320, 384,
+  132, 240, 360, 432,
+  144, 280, 408, 480,
+  168, 308, 448, 532,
+  180, 338, 504, 588,
+  196, 364, 546, 650,
+  224, 416, 600, 700,
+  224, 442, 644, 750,
+  252, 476, 690, 816,
+  270, 504, 750, 900,
+  300, 560, 810, 960,
+  312, 588, 870, 1050,
+  336, 644, 952, 1110,
+  360, 700, 1020, 1200,
+  390, 728, 1050, 1260,
+  420, 784, 1140, 1350,
+  450, 812, 1200, 1440,
+  480, 868, 1290, 1530,
+  510, 924, 1350, 1620,
+  540, 980, 1440, 1710,
+  570, 1036, 1530, 1800,
+  570, 1064, 1590, 1890,
+  600, 1120, 1680, 1980,
+  630, 1204, 1770, 2100,
+  660, 1260, 1860, 2220,
+  720, 1316, 1950, 2310,
+  750, 1372, 2040, 2430
+]
+
+/**
+ * Returns the number of error correction block that the QR Code should contain
+ * for the specified version and error correction level.
+ *
+ * @param  {Number} version              QR Code version
+ * @param  {Number} errorCorrectionLevel Error correction level
+ * @return {Number}                      Number of error correction blocks
+ */
+exports.getBlocksCount = function getBlocksCount (version, errorCorrectionLevel) {
+  switch (errorCorrectionLevel) {
+    case ECLevel.L:
+      return EC_BLOCKS_TABLE[(version - 1) * 4 + 0]
+    case ECLevel.M:
+      return EC_BLOCKS_TABLE[(version - 1) * 4 + 1]
+    case ECLevel.Q:
+      return EC_BLOCKS_TABLE[(version - 1) * 4 + 2]
+    case ECLevel.H:
+      return EC_BLOCKS_TABLE[(version - 1) * 4 + 3]
+    default:
+      return undefined
+  }
+}
+
+/**
+ * Returns the number of error correction codewords to use for the specified
+ * version and error correction level.
+ *
+ * @param  {Number} version              QR Code version
+ * @param  {Number} errorCorrectionLevel Error correction level
+ * @return {Number}                      Number of error correction codewords
+ */
+exports.getTotalCodewordsCount = function getTotalCodewordsCount (version, errorCorrectionLevel) {
+  switch (errorCorrectionLevel) {
+    case ECLevel.L:
+      return EC_CODEWORDS_TABLE[(version - 1) * 4 + 0]
+    case ECLevel.M:
+      return EC_CODEWORDS_TABLE[(version - 1) * 4 + 1]
+    case ECLevel.Q:
+      return EC_CODEWORDS_TABLE[(version - 1) * 4 + 2]
+    case ECLevel.H:
+      return EC_CODEWORDS_TABLE[(version - 1) * 4 + 3]
+    default:
+      return undefined
+  }
+}

BeadQR/miniprogram/utils/qrcore/error-correction-level.js

@@ -0,0 +1,50 @@
+exports.L = { bit: 1 }
+exports.M = { bit: 0 }
+exports.Q = { bit: 3 }
+exports.H = { bit: 2 }
+
+function fromString (string) {
+  if (typeof string !== 'string') {
+    throw new Error('Param is not a string')
+  }
+
+  const lcStr = string.toLowerCase()
+
+  switch (lcStr) {
+    case 'l':
+    case 'low':
+      return exports.L
+
+    case 'm':
+    case 'medium':
+      return exports.M
+
+    case 'q':
+    case 'quartile':
+      return exports.Q
+
+    case 'h':
+    case 'high':
+      return exports.H
+
+    default:
+      throw new Error('Unknown EC Level: ' + string)
+  }
+}
+
+exports.isValid = function isValid (level) {
+  return level && typeof level.bit !== 'undefined' &&
+    level.bit >= 0 && level.bit < 4
+}
+
+exports.from = function from (value, defaultValue) {
+  if (exports.isValid(value)) {
+    return value
+  }
+
+  try {
+    return fromString(value)
+  } catch (e) {
+    return defaultValue
+  }
+}

BeadQR/miniprogram/utils/qrcore/finder-pattern.js

@@ -0,0 +1,22 @@
+const getSymbolSize = require('./utils').getSymbolSize
+const FINDER_PATTERN_SIZE = 7
+
+/**
+ * Returns an array containing the positions of each finder pattern.
+ * Each array's element represent the top-left point of the pattern as (x, y) coordinates
+ *
+ * @param  {Number} version QR Code version
+ * @return {Array}          Array of coordinates
+ */
+exports.getPositions = function getPositions (version) {
+  const size = getSymbolSize(version)
+
+  return [
+    // top-left
+    [0, 0],
+    // top-right
+    [size - FINDER_PATTERN_SIZE, 0],
+    // bottom-left
+    [0, size - FINDER_PATTERN_SIZE]
+  ]
+}

BeadQR/miniprogram/utils/qrcore/format-info.js

@@ -0,0 +1,29 @@
+const Utils = require('./utils')
+
+const G15 = (1 << 10) | (1 << 8) | (1 << 5) | (1 << 4) | (1 << 2) | (1 << 1) | (1 << 0)
+const G15_MASK = (1 << 14) | (1 << 12) | (1 << 10) | (1 << 4) | (1 << 1)
+const G15_BCH = Utils.getBCHDigit(G15)
+
+/**
+ * Returns format information with relative error correction bits
+ *
+ * The format information is a 15-bit sequence containing 5 data bits,
+ * with 10 error correction bits calculated using the (15, 5) BCH code.
+ *
+ * @param  {Number} errorCorrectionLevel Error correction level
+ * @param  {Number} mask                 Mask pattern
+ * @return {Number}                      Encoded format information bits
+ */
+exports.getEncodedBits = function getEncodedBits (errorCorrectionLevel, mask) {
+  const data = ((errorCorrectionLevel.bit << 3) | mask)
+  let d = data << 10
+
+  while (Utils.getBCHDigit(d) - G15_BCH >= 0) {
+    d ^= (G15 << (Utils.getBCHDigit(d) - G15_BCH))
+  }
+
+  // xor final data with mask pattern in order to ensure that
+  // no combination of Error Correction Level and data mask pattern
+  // will result in an all-zero data string
+  return ((data << 10) | d) ^ G15_MASK
+}

BeadQR/miniprogram/utils/qrcore/galois-field.js

@@ -0,0 +1,69 @@
+const EXP_TABLE = new Uint8Array(512)
+const LOG_TABLE = new Uint8Array(256)
+/**
+ * Precompute the log and anti-log tables for faster computation later
+ *
+ * For each possible value in the galois field 2^8, we will pre-compute
+ * the logarithm and anti-logarithm (exponential) of this value
+ *
+ * ref {@link https://en.wikiversity.org/wiki/Reed%E2%80%93Solomon_codes_for_coders#Introduction_to_mathematical_fields}
+ */
+;(function initTables () {
+  let x = 1
+  for (let i = 0; i < 255; i++) {
+    EXP_TABLE[i] = x
+    LOG_TABLE[x] = i
+
+    x <<= 1 // multiply by 2
+
+    // The QR code specification says to use byte-wise modulo 100011101 arithmetic.
+    // This means that when a number is 256 or larger, it should be XORed with 0x11D.
+    if (x & 0x100) { // similar to x >= 256, but a lot faster (because 0x100 == 256)
+      x ^= 0x11D
+    }
+  }
+
+  // Optimization: double the size of the anti-log table so that we don't need to mod 255 to
+  // stay inside the bounds (because we will mainly use this table for the multiplication of
+  // two GF numbers, no more).
+  // @see {@link mul}
+  for (let i = 255; i < 512; i++) {
+    EXP_TABLE[i] = EXP_TABLE[i - 255]
+  }
+}())
+
+/**
+ * Returns log value of n inside Galois Field
+ *
+ * @param  {Number} n
+ * @return {Number}
+ */
+exports.log = function log (n) {
+  if (n < 1) throw new Error('log(' + n + ')')
+  return LOG_TABLE[n]
+}
+
+/**
+ * Returns anti-log value of n inside Galois Field
+ *
+ * @param  {Number} n
+ * @return {Number}
+ */
+exports.exp = function exp (n) {
+  return EXP_TABLE[n]
+}
+
+/**
+ * Multiplies two number inside Galois Field
+ *
+ * @param  {Number} x
+ * @param  {Number} y
+ * @return {Number}
+ */
+exports.mul = function mul (x, y) {
+  if (x === 0 || y === 0) return 0
+
+  // should be EXP_TABLE[(LOG_TABLE[x] + LOG_TABLE[y]) % 255] if EXP_TABLE wasn't oversized
+  // @see {@link initTables}
+  return EXP_TABLE[LOG_TABLE[x] + LOG_TABLE[y]]
+}

BeadQR/miniprogram/utils/qrcore/kanji-data.js

@@ -0,0 +1,54 @@
+const Mode = require('./mode')
+const Utils = require('./utils')
+
+function KanjiData (data) {
+  this.mode = Mode.KANJI
+  this.data = data
+}
+
+KanjiData.getBitsLength = function getBitsLength (length) {
+  return length * 13
+}
+
+KanjiData.prototype.getLength = function getLength () {
+  return this.data.length
+}
+
+KanjiData.prototype.getBitsLength = function getBitsLength () {
+  return KanjiData.getBitsLength(this.data.length)
+}
+
+KanjiData.prototype.write = function (bitBuffer) {
+  let i
+
+  // In the Shift JIS system, Kanji characters are represented by a two byte combination.
+  // These byte values are shifted from the JIS X 0208 values.
+  // JIS X 0208 gives details of the shift coded representation.
+  for (i = 0; i < this.data.length; i++) {
+    let value = Utils.toSJIS(this.data[i])
+
+    // For characters with Shift JIS values from 0x8140 to 0x9FFC:
+    if (value >= 0x8140 && value <= 0x9FFC) {
+      // Subtract 0x8140 from Shift JIS value
+      value -= 0x8140
+
+    // For characters with Shift JIS values from 0xE040 to 0xEBBF
+    } else if (value >= 0xE040 && value <= 0xEBBF) {
+      // Subtract 0xC140 from Shift JIS value
+      value -= 0xC140
+    } else {
+      throw new Error(
+        'Invalid SJIS character: ' + this.data[i] + '\n' +
+        'Make sure your charset is UTF-8')
+    }
+
+    // Multiply most significant byte of result by 0xC0
+    // and add least significant byte to product
+    value = (((value >>> 8) & 0xff) * 0xC0) + (value & 0xff)
+
+    // Convert result to a 13-bit binary string
+    bitBuffer.put(value, 13)
+  }
+}
+
+module.exports = KanjiData

BeadQR/miniprogram/utils/qrcore/mask-pattern.js

@@ -0,0 +1,234 @@
+/**
+ * Data mask pattern reference
+ * @type {Object}
+ */
+exports.Patterns = {
+  PATTERN000: 0,
+  PATTERN001: 1,
+  PATTERN010: 2,
+  PATTERN011: 3,
+  PATTERN100: 4,
+  PATTERN101: 5,
+  PATTERN110: 6,
+  PATTERN111: 7
+}
+
+/**
+ * Weighted penalty scores for the undesirable features
+ * @type {Object}
+ */
+const PenaltyScores = {
+  N1: 3,
+  N2: 3,
+  N3: 40,
+  N4: 10
+}
+
+/**
+ * Check if mask pattern value is valid
+ *
+ * @param  {Number}  mask    Mask pattern
+ * @return {Boolean}         true if valid, false otherwise
+ */
+exports.isValid = function isValid (mask) {
+  return mask != null && mask !== '' && !isNaN(mask) && mask >= 0 && mask <= 7
+}
+
+/**
+ * Returns mask pattern from a value.
+ * If value is not valid, returns undefined
+ *
+ * @param  {Number|String} value        Mask pattern value
+ * @return {Number}                     Valid mask pattern or undefined
+ */
+exports.from = function from (value) {
+  return exports.isValid(value) ? parseInt(value, 10) : undefined
+}
+
+/**
+* Find adjacent modules in row/column with the same color
+* and assign a penalty value.
+*
+* Points: N1 + i
+* i is the amount by which the number of adjacent modules of the same color exceeds 5
+*/
+exports.getPenaltyN1 = function getPenaltyN1 (data) {
+  const size = data.size
+  let points = 0
+  let sameCountCol = 0
+  let sameCountRow = 0
+  let lastCol = null
+  let lastRow = null
+
+  for (let row = 0; row < size; row++) {
+    sameCountCol = sameCountRow = 0
+    lastCol = lastRow = null
+
+    for (let col = 0; col < size; col++) {
+      let module = data.get(row, col)
+      if (module === lastCol) {
+        sameCountCol++
+      } else {
+        if (sameCountCol >= 5) points += PenaltyScores.N1 + (sameCountCol - 5)
+        lastCol = module
+        sameCountCol = 1
+      }
+
+      module = data.get(col, row)
+      if (module === lastRow) {
+        sameCountRow++
+      } else {
+        if (sameCountRow >= 5) points += PenaltyScores.N1 + (sameCountRow - 5)
+        lastRow = module
+        sameCountRow = 1
+      }
+    }
+
+    if (sameCountCol >= 5) points += PenaltyScores.N1 + (sameCountCol - 5)
+    if (sameCountRow >= 5) points += PenaltyScores.N1 + (sameCountRow - 5)
+  }
+
+  return points
+}
+
+/**
+ * Find 2x2 blocks with the same color and assign a penalty value
+ *
+ * Points: N2 * (m - 1) * (n - 1)
+ */
+exports.getPenaltyN2 = function getPenaltyN2 (data) {
+  const size = data.size
+  let points = 0
+
+  for (let row = 0; row < size - 1; row++) {
+    for (let col = 0; col < size - 1; col++) {
+      const last = data.get(row, col) +
+        data.get(row, col + 1) +
+        data.get(row + 1, col) +
+        data.get(row + 1, col + 1)
+
+      if (last === 4 || last === 0) points++
+    }
+  }
+
+  return points * PenaltyScores.N2
+}
+
+/**
+ * Find 1:1:3:1:1 ratio (dark:light:dark:light:dark) pattern in row/column,
+ * preceded or followed by light area 4 modules wide
+ *
+ * Points: N3 * number of pattern found
+ */
+exports.getPenaltyN3 = function getPenaltyN3 (data) {
+  const size = data.size
+  let points = 0
+  let bitsCol = 0
+  let bitsRow = 0
+
+  for (let row = 0; row < size; row++) {
+    bitsCol = bitsRow = 0
+    for (let col = 0; col < size; col++) {
+      bitsCol = ((bitsCol << 1) & 0x7FF) | data.get(row, col)
+      if (col >= 10 && (bitsCol === 0x5D0 || bitsCol === 0x05D)) points++
+
+      bitsRow = ((bitsRow << 1) & 0x7FF) | data.get(col, row)
+      if (col >= 10 && (bitsRow === 0x5D0 || bitsRow === 0x05D)) points++
+    }
+  }
+
+  return points * PenaltyScores.N3
+}
+
+/**
+ * Calculate proportion of dark modules in entire symbol
+ *
+ * Points: N4 * k
+ *
+ * k is the rating of the deviation of the proportion of dark modules
+ * in the symbol from 50% in steps of 5%
+ */
+exports.getPenaltyN4 = function getPenaltyN4 (data) {
+  let darkCount = 0
+  const modulesCount = data.data.length
+
+  for (let i = 0; i < modulesCount; i++) darkCount += data.data[i]
+
+  const k = Math.abs(Math.ceil((darkCount * 100 / modulesCount) / 5) - 10)
+
+  return k * PenaltyScores.N4
+}
+
+/**
+ * Return mask value at given position
+ *
+ * @param  {Number} maskPattern Pattern reference value
+ * @param  {Number} i           Row
+ * @param  {Number} j           Column
+ * @return {Boolean}            Mask value
+ */
+function getMaskAt (maskPattern, i, j) {
+  switch (maskPattern) {
+    case exports.Patterns.PATTERN000: return (i + j) % 2 === 0
+    case exports.Patterns.PATTERN001: return i % 2 === 0
+    case exports.Patterns.PATTERN010: return j % 3 === 0
+    case exports.Patterns.PATTERN011: return (i + j) % 3 === 0
+    case exports.Patterns.PATTERN100: return (Math.floor(i / 2) + Math.floor(j / 3)) % 2 === 0
+    case exports.Patterns.PATTERN101: return (i * j) % 2 + (i * j) % 3 === 0
+    case exports.Patterns.PATTERN110: return ((i * j) % 2 + (i * j) % 3) % 2 === 0
+    case exports.Patterns.PATTERN111: return ((i * j) % 3 + (i + j) % 2) % 2 === 0
+
+    default: throw new Error('bad maskPattern:' + maskPattern)
+  }
+}
+
+/**
+ * Apply a mask pattern to a BitMatrix
+ *
+ * @param  {Number}    pattern Pattern reference number
+ * @param  {BitMatrix} data    BitMatrix data
+ */
+exports.applyMask = function applyMask (pattern, data) {
+  const size = data.size
+
+  for (let col = 0; col < size; col++) {
+    for (let row = 0; row < size; row++) {
+      if (data.isReserved(row, col)) continue
+      data.xor(row, col, getMaskAt(pattern, row, col))
+    }
+  }
+}
+
+/**
+ * Returns the best mask pattern for data
+ *
+ * @param  {BitMatrix} data
+ * @return {Number} Mask pattern reference number
+ */
+exports.getBestMask = function getBestMask (data, setupFormatFunc) {
+  const numPatterns = Object.keys(exports.Patterns).length
+  let bestPattern = 0
+  let lowerPenalty = Infinity
+
+  for (let p = 0; p < numPatterns; p++) {
+    setupFormatFunc(p)
+    exports.applyMask(p, data)
+
+    // Calculate penalty
+    const penalty =
+      exports.getPenaltyN1(data) +
+      exports.getPenaltyN2(data) +
+      exports.getPenaltyN3(data) +
+      exports.getPenaltyN4(data)
+
+    // Undo previously applied mask
+    exports.applyMask(p, data)
+
+    if (penalty < lowerPenalty) {
+      lowerPenalty = penalty
+      bestPattern = p
+    }
+  }
+
+  return bestPattern
+}

BeadQR/miniprogram/utils/qrcore/mode.js

@@ -0,0 +1,167 @@
+const VersionCheck = require('./version-check')
+const Regex = require('./regex')
+
+/**
+ * Numeric mode encodes data from the decimal digit set (0 - 9)
+ * (byte values 30HEX to 39HEX).
+ * Normally, 3 data characters are represented by 10 bits.
+ *
+ * @type {Object}
+ */
+exports.NUMERIC = {
+  id: 'Numeric',
+  bit: 1 << 0,
+  ccBits: [10, 12, 14]
+}
+
+/**
+ * Alphanumeric mode encodes data from a set of 45 characters,
+ * i.e. 10 numeric digits (0 - 9),
+ *      26 alphabetic characters (A - Z),
+ *   and 9 symbols (SP, $, %, *, +, -, ., /, :).
+ * Normally, two input characters are represented by 11 bits.
+ *
+ * @type {Object}
+ */
+exports.ALPHANUMERIC = {
+  id: 'Alphanumeric',
+  bit: 1 << 1,
+  ccBits: [9, 11, 13]
+}
+
+/**
+ * In byte mode, data is encoded at 8 bits per character.
+ *
+ * @type {Object}
+ */
+exports.BYTE = {
+  id: 'Byte',
+  bit: 1 << 2,
+  ccBits: [8, 16, 16]
+}
+
+/**
+ * The Kanji mode efficiently encodes Kanji characters in accordance with
+ * the Shift JIS system based on JIS X 0208.
+ * The Shift JIS values are shifted from the JIS X 0208 values.
+ * JIS X 0208 gives details of the shift coded representation.
+ * Each two-byte character value is compacted to a 13-bit binary codeword.
+ *
+ * @type {Object}
+ */
+exports.KANJI = {
+  id: 'Kanji',
+  bit: 1 << 3,
+  ccBits: [8, 10, 12]
+}
+
+/**
+ * Mixed mode will contain a sequences of data in a combination of any of
+ * the modes described above
+ *
+ * @type {Object}
+ */
+exports.MIXED = {
+  bit: -1
+}
+
+/**
+ * Returns the number of bits needed to store the data length
+ * according to QR Code specifications.
+ *
+ * @param  {Mode}   mode    Data mode
+ * @param  {Number} version QR Code version
+ * @return {Number}         Number of bits
+ */
+exports.getCharCountIndicator = function getCharCountIndicator (mode, version) {
+  if (!mode.ccBits) throw new Error('Invalid mode: ' + mode)
+
+  if (!VersionCheck.isValid(version)) {
+    throw new Error('Invalid version: ' + version)
+  }
+
+  if (version >= 1 && version < 10) return mode.ccBits[0]
+  else if (version < 27) return mode.ccBits[1]
+  return mode.ccBits[2]
+}
+
+/**
+ * Returns the most efficient mode to store the specified data
+ *
+ * @param  {String} dataStr Input data string
+ * @return {Mode}           Best mode
+ */
+exports.getBestModeForData = function getBestModeForData (dataStr) {
+  if (Regex.testNumeric(dataStr)) return exports.NUMERIC
+  else if (Regex.testAlphanumeric(dataStr)) return exports.ALPHANUMERIC
+  else if (Regex.testKanji(dataStr)) return exports.KANJI
+  else return exports.BYTE
+}
+
+/**
+ * Return mode name as string
+ *
+ * @param {Mode} mode Mode object
+ * @returns {String}  Mode name
+ */
+exports.toString = function toString (mode) {
+  if (mode && mode.id) return mode.id
+  throw new Error('Invalid mode')
+}
+
+/**
+ * Check if input param is a valid mode object
+ *
+ * @param   {Mode}    mode Mode object
+ * @returns {Boolean} True if valid mode, false otherwise
+ */
+exports.isValid = function isValid (mode) {
+  return mode && mode.bit && mode.ccBits
+}
+
+/**
+ * Get mode object from its name
+ *
+ * @param   {String} string Mode name
+ * @returns {Mode}          Mode object
+ */
+function fromString (string) {
+  if (typeof string !== 'string') {
+    throw new Error('Param is not a string')
+  }
+
+  const lcStr = string.toLowerCase()
+
+  switch (lcStr) {
+    case 'numeric':
+      return exports.NUMERIC
+    case 'alphanumeric':
+      return exports.ALPHANUMERIC
+    case 'kanji':
+      return exports.KANJI
+    case 'byte':
+      return exports.BYTE
+    default:
+      throw new Error('Unknown mode: ' + string)
+  }
+}
+
+/**
+ * Returns mode from a value.
+ * If value is not a valid mode, returns defaultValue
+ *
+ * @param  {Mode|String} value        Encoding mode
+ * @param  {Mode}        defaultValue Fallback value
+ * @return {Mode}                     Encoding mode
+ */
+exports.from = function from (value, defaultValue) {
+  if (exports.isValid(value)) {
+    return value
+  }
+
+  try {
+    return fromString(value)
+  } catch (e) {
+    return defaultValue
+  }
+}