qrcode-alipay 1.0.0

package/dist/chunk-BECJ3Y2B.js

@@ -0,0 +1,717 @@
+// src/create.ts
+import QRCode from "qrcode";
+
+// src/logo.ts
+function createDefaultAlipayLogo(x, y, size) {
+  return {
+    tag: "svg",
+    attrs: {
+      x,
+      y,
+      width: size,
+      height: size,
+      viewBox: "0 0 47 47",
+      "aria-hidden": "true",
+      focusable: "false"
+    },
+    children: [
+      {
+        tag: "defs",
+        children: [
+          {
+            tag: "rect",
+            attrs: {
+              id: "alipay-logo-path",
+              x: 0,
+              y: 0,
+              width: 47,
+              height: 47,
+              rx: 7.5
+            }
+          },
+          {
+            tag: "linearGradient",
+            attrs: {
+              id: "alipay-logo-bg",
+              x1: "0%",
+              y1: "50%",
+              x2: "100%",
+              y2: "50%"
+            },
+            children: [
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#179EFF",
+                  offset: "0%"
+                }
+              },
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#1677FF",
+                  offset: "100%"
+                }
+              }
+            ]
+          },
+          {
+            tag: "linearGradient",
+            attrs: {
+              id: "alipay-logo-highlight-a",
+              x1: "43.5923819%",
+              y1: "97.1205235%",
+              x2: "51.5611353%",
+              y2: "36.3892384%"
+            },
+            children: [
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#FFFFFF",
+                  "stop-opacity": 0.699999988,
+                  offset: "0%"
+                }
+              },
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#FFFFFF",
+                  "stop-opacity": 0.779999971,
+                  offset: "13.3333325%"
+                }
+              },
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#FFFFFF",
+                  "stop-opacity": 0.879999995,
+                  offset: "31.666665%"
+                }
+              },
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#FFFFFF",
+                  "stop-opacity": 0.949999988,
+                  offset: "53.33333%"
+                }
+              },
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#FFFFFF",
+                  "stop-opacity": 0.99000001,
+                  offset: "74.999995%"
+                }
+              },
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#FFFFFF",
+                  offset: "100%"
+                }
+              }
+            ]
+          },
+          {
+            tag: "linearGradient",
+            attrs: {
+              id: "alipay-logo-highlight-b",
+              x1: "41.6085117%",
+              y1: "52.2245791%",
+              x2: "60.9955549%",
+              y2: "40.6569108%"
+            },
+            children: [
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#FFFFFF",
+                  offset: "0%"
+                }
+              },
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#FFFFFF",
+                  "stop-opacity": 0.980000019,
+                  offset: "20.8333342%"
+                }
+              },
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#FFFFFF",
+                  "stop-opacity": 0.910000026,
+                  offset: "45.8333352%"
+                }
+              },
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#FFFFFF",
+                  "stop-opacity": 0.810000002,
+                  offset: "74.999999%"
+                }
+              },
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#FFFFFF",
+                  "stop-opacity": 0.699999988,
+                  offset: "100%"
+                }
+              }
+            ]
+          },
+          {
+            tag: "linearGradient",
+            attrs: {
+              id: "alipay-logo-highlight-c",
+              x1: "25.999999%",
+              y1: "49.9925554%",
+              x2: "100%",
+              y2: "49.9925554%"
+            },
+            children: [
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#FFFFFF",
+                  offset: "0%"
+                }
+              },
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#FFFFFF",
+                  "stop-opacity": 0.400000006,
+                  offset: "100%"
+                }
+              }
+            ]
+          },
+          {
+            tag: "linearGradient",
+            attrs: {
+              id: "alipay-logo-highlight-d",
+              x1: "16.0001332%",
+              y1: "50%",
+              x2: "100.000834%",
+              y2: "50%"
+            },
+            children: [
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#FFFFFF",
+                  offset: "0%"
+                }
+              },
+              {
+                tag: "stop",
+                attrs: {
+                  "stop-color": "#FFFFFF",
+                  "stop-opacity": 0.5,
+                  offset: "100%"
+                }
+              }
+            ]
+          }
+        ]
+      },
+      {
+        tag: "g",
+        attrs: {
+          stroke: "none",
+          "stroke-width": 1,
+          fill: "none",
+          "fill-rule": "evenodd"
+        },
+        children: [
+          {
+            tag: "mask",
+            attrs: {
+              id: "alipay-logo-mask",
+              fill: "white"
+            },
+            children: [
+              {
+                tag: "use",
+                attrs: {
+                  href: "#alipay-logo-path"
+                }
+              }
+            ]
+          },
+          {
+            tag: "use",
+            attrs: {
+              fill: "#FFFFFF",
+              href: "#alipay-logo-path"
+            }
+          },
+          {
+            tag: "rect",
+            attrs: {
+              stroke: "#FFFFFF",
+              "stroke-width": 2.05241823,
+              fill: "url(#alipay-logo-bg)",
+              "fill-rule": "nonzero",
+              mask: "url(#alipay-logo-mask)",
+              x: 0.973790884,
+              y: 0.973790884,
+              width: 45.0524182,
+              height: 45.0524182,
+              rx: 6
+            }
+          },
+          {
+            tag: "g",
+            attrs: {
+              mask: "url(#alipay-logo-mask)"
+            },
+            children: [
+              {
+                tag: "g",
+                attrs: {
+                  transform: "translate(8.142857, 10.190476)"
+                },
+                children: [
+                  {
+                    tag: "rect",
+                    attrs: {
+                      "fill-rule": "nonzero",
+                      x: 0,
+                      y: 0,
+                      width: 31.3968239,
+                      height: 27.3015862
+                    }
+                  },
+                  {
+                    tag: "path",
+                    attrs: {
+                      d: "M17.742816,4.04394007 L17.742816,0.237326697 C17.742816,0.105373047 17.6342039,0 17.5017738,0 C13.9490309,0 13.6269121,0.87241292 13.6269121,2.01158094 L13.6269121,4.04394007 L5.01163846,4.04394007 C4.51621702,4.04394007 4.2985174,5.1065464 4.29882812,5.91393232 C4.29882812,6.04778433 4.40284172,6.15837812 4.53717715,6.15837812 L13.627389,6.15837812 L13.627389,9.55555534 C9.91700665,9.55555534 7.94851184,9.55555534 7.72190452,9.55555534 C7.0247643,9.55555534 6.78515196,10.5990095 6.78658104,11.3793402 C6.78658104,11.5098686 6.89328718,11.6157179 7.0247643,11.6157179 L23.6318626,11.6157179 C23.8865166,11.6157179 23.9538689,13.1127501 24.1113319,12.9789038 C24.2292786,12.8786497 24.5001163,11.3888502 24.5001163,10.1015615 C24.5001163,9.51883888 23.7903099,9.55555534 23.428791,9.55555534 L17.9496384,9.55555534 L17.9496384,6.14285707 L26.1661358,6.15837812 C26.6615562,6.15837812 26.8792534,5.14228821 26.8789673,4.28838682 C26.8789673,4.15453434 26.774929,4.04394007 26.6405945,4.04394007 L17.742816,4.04394007 Z",
+                      fill: "#FFFFFF",
+                      "fill-rule": "nonzero"
+                    }
+                  },
+                  {
+                    tag: "g",
+                    attrs: {
+                      transform: "translate(0.000000, 10.102539)",
+                      "fill-rule": "nonzero"
+                    },
+                    children: [
+                      {
+                        tag: "rect",
+                        attrs: {
+                          x: 0,
+                          y: 0,
+                          width: 31.3968239,
+                          height: 17.2000275
+                        }
+                      },
+                      {
+                        tag: "path",
+                        attrs: {
+                          d: "M24.3553729,0.47939992 C24.3567953,0.215492636 24.1433825,0 23.8785224,0 L18.8337988,0 C18.8337988,2.99506307 18.1730781,5.57622766 17.1083984,7.71074438 C18.5436915,8.38522625 19.9799376,9.10812378 21.4914489,9.77501202 C23.2559114,6.94797659 24.3348823,3.70846701 24.3548894,0.47939992 L24.3553729,0.47939992 Z",
+                          fill: "url(#alipay-logo-highlight-a)"
+                        }
+                      },
+                      {
+                        tag: "g",
+                        attrs: {
+                          transform: "translate(0.000000, 4.421875)"
+                        },
+                        children: [
+                          {
+                            tag: "rect",
+                            attrs: {
+                              x: 0,
+                              y: 0,
+                              width: 31.3968239,
+                              height: 12.777669
+                            }
+                          },
+                          {
+                            tag: "g",
+                            attrs: {
+                              transform: "translate(0.000000, 5.681641)"
+                            },
+                            children: [
+                              {
+                                tag: "rect",
+                                attrs: {
+                                  x: 0,
+                                  y: 0,
+                                  width: 18.7755203,
+                                  height: 7.05382442
+                                }
+                              },
+                              {
+                                tag: "path",
+                                attrs: {
+                                  d: "M1.94238281,0.725270391 C1.94238281,5.44759703 11.7159986,7.35807705 16.2667303,4.42709255 C17.1694469,3.82618117 18.0078526,3.13983226 18.7757549,2.3851335 C18.5089893,2.2071383 16.2614908,0.706758976 15.0586643,0 C9.61045885,6.26447582 1.94238281,4.60461283 1.94238281,0.725270391 Z",
+                                  fill: "url(#alipay-logo-highlight-b)"
+                                }
+                              },
+                              {
+                                tag: "path",
+                                attrs: {
+                                  d: "M16.2612572,4.38385558 C11.7105255,7.31484032 1.94262373,5.40103769 1.94214737,0.678710938 L0,0.678710938 C0,4.21867609 3.12925315,7.05425596 7.41036177,7.05425596 C10.773035,7.05425596 13.7660475,6.04276896 16.2612572,4.38433003 L16.2612572,4.38385558 Z",
+                                  fill: "url(#alipay-logo-highlight-c)"
+                                }
+                              }
+                            ]
+                          },
+                          {
+                            tag: "g",
+                            children: [
+                              {
+                                tag: "rect",
+                                attrs: {
+                                  x: 0,
+                                  y: 0,
+                                  width: 31.3968239,
+                                  height: 12.777669
+                                }
+                              },
+                              {
+                                tag: "path",
+                                attrs: {
+                                  d: "M17.1091881,2.6067965 C17.1091881,2.6067965 17.1091881,2.6067965 17.1087132,2.6067965 C14.1033154,1.1951772 11.1007757,0 7.41036224,0 C3.05827498,0 0,2.82276368 0,6.40687132 C0,6.40687132 1.94214749,6.40687132 1.94214749,6.40687132 C1.94214749,4.38294935 4.1748786,2.92481422 6.88397646,2.92481422 C9.5930748,2.92481422 12.4231701,4.12189007 15.0584316,5.68207598 C16.3136578,6.42490864 17.5512581,7.25033045 18.7759972,8.06768417 C22.2658615,10.3968077 25.6509228,12.6618547 29.0326481,12.777669 C23.6068325,12.5806885 21.6280041,6.47047472 17.1087132,2.60727119 L17.1091881,2.6067965 Z",
+                                  fill: "#FFFFFF"
+                                }
+                              },
+                              {
+                                tag: "path",
+                                attrs: {
+                                  d: "M28.5255661,12.7351904 C30.7192345,12.7351904 31.2946863,10.0059333 31.3956776,7.85907602 C31.415206,7.43948221 31.0865145,7.0858655 30.6649303,7.07257509 C24.6598501,6.88556147 20.4930706,4.51466763 16.3310547,2.55957031 C20.9246593,6.48637795 22.8934832,12.7351904 28.5255661,12.7351904 L28.5255661,12.7351904 Z",
+                                  fill: "url(#alipay-logo-highlight-d)"
+                                }
+                              }
+                            ]
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  };
+}
+
+// src/render.ts
+var XML_ESCAPE = {
+  "&": "&",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;"
+};
+function escapeXml(value) {
+  return value.replace(/[&<>"']/g, (char) => XML_ESCAPE[char] ?? char);
+}
+function renderAttribute(name, value) {
+  if (value === null || value === void 0 || value === false) return "";
+  return ` ${name}="${escapeXml(String(value))}"`;
+}
+function renderSvgNode(node) {
+  if (typeof node === "string") return escapeXml(node);
+  const attrs = Object.entries(node.attrs ?? {}).map(([name, value]) => renderAttribute(name, value)).join("");
+  const children = node.children ?? [];
+  if (children.length === 0) {
+    return `<${node.tag}${attrs}/>`;
+  }
+  return `<${node.tag}${attrs}>${children.map(renderSvgNode).join("")}</${node.tag}>`;
+}
+function renderSvgDescriptor(descriptor) {
+  return renderSvgNode(descriptor);
+}
+function cloneElementWithAttrs(element, attrs) {
+  return {
+    ...element,
+    attrs: {
+      ...element.attrs,
+      ...attrs
+    },
+    children: element.children ? [...element.children] : void 0
+  };
+}
+
+// src/create.ts
+var DEFAULT_SIZE = 240;
+var DEFAULT_MARGIN = 0;
+var DEFAULT_DARK_COLOR = "#111319";
+var DEFAULT_LIGHT_COLOR = "#ffffff";
+var DEFAULT_FINDER_COLOR = "#1677ff";
+var DEFAULT_LOGO_FRAME_RATIO = 0.22;
+var DEFAULT_LOGO_ICON_RATIO = 1;
+var DEFAULT_LOGO_RADIUS_RATIO = 0.18;
+var DEFAULT_ARIA_LABEL = "Alipay QR code";
+function assertContent(value) {
+  if (typeof value !== "string" || value.length === 0) {
+    throw new TypeError("qrcode-alipay: value must be a non-empty string.");
+  }
+}
+function normalizeSize(size) {
+  if (typeof size === "number") {
+    return Number.isFinite(size) && size > 0 ? size : DEFAULT_SIZE;
+  }
+  if (typeof size === "string" && size.trim()) {
+    return size;
+  }
+  return DEFAULT_SIZE;
+}
+function normalizeMargin(margin) {
+  if (!Number.isFinite(margin)) return DEFAULT_MARGIN;
+  return Math.max(0, Math.round(margin ?? DEFAULT_MARGIN));
+}
+function normalizeRatio(value, fallback, min, max) {
+  if (!Number.isFinite(value)) return fallback;
+  return Math.min(max, Math.max(min, value ?? fallback));
+}
+function formatNumber(value) {
+  if (Number.isInteger(value)) return String(value);
+  return Number(value.toFixed(4)).toString();
+}
+function modulePath(x, y) {
+  return `M${formatNumber(x)} ${formatNumber(y)}h1v1h-1z`;
+}
+function isFinderModule(row, column, moduleCount) {
+  const inTopLeft = row < 7 && column < 7;
+  const inTopRight = row < 7 && column >= moduleCount - 7;
+  const inBottomLeft = row >= moduleCount - 7 && column < 7;
+  return inTopLeft || inTopRight || inBottomLeft;
+}
+function intersectsRect(x, y, rectX, rectY, rectSize) {
+  return x < rectX + rectSize && x + 1 > rectX && y < rectY + rectSize && y + 1 > rectY;
+}
+function normalizeLogoOptions(options) {
+  if (options.logo === false || options.logo?.enabled === false) {
+    return null;
+  }
+  return {
+    frameRatio: normalizeRatio(
+      options.logo?.frameRatio,
+      DEFAULT_LOGO_FRAME_RATIO,
+      0.12,
+      0.3
+    ),
+    iconRatio: normalizeRatio(
+      options.logo?.iconRatio,
+      DEFAULT_LOGO_ICON_RATIO,
+      0.4,
+      0.9
+    ),
+    frameRadiusRatio: normalizeRatio(
+      options.logo?.frameRadiusRatio,
+      DEFAULT_LOGO_RADIUS_RATIO,
+      0,
+      0.5
+    ),
+    frameColor: options.logo?.frameColor ?? DEFAULT_LIGHT_COLOR,
+    element: options.logo?.element
+  };
+}
+function normalizeFinderOptions(options) {
+  if (options.finderPattern === false || options.finderPattern?.enabled === false) {
+    return null;
+  }
+  return {
+    color: options.finderPattern?.color ?? DEFAULT_FINDER_COLOR
+  };
+}
+function createLogoNodes(options, params) {
+  const logo = normalizeLogoOptions(options);
+  if (!logo) return [];
+  if (typeof logo.element === "function") {
+    const custom = logo.element(params);
+    return Array.isArray(custom) ? custom : [custom];
+  }
+  if (logo.element) {
+    return [
+      cloneElementWithAttrs(logo.element, {
+        x: params.x,
+        y: params.y,
+        width: params.size,
+        height: params.size
+      })
+    ];
+  }
+  return [createDefaultAlipayLogo(params.x, params.y, params.size)];
+}
+function buildModulePaths(value, margin, moduleCount, logoFrame, finderColorEnabled) {
+  const qrData = QRCode.create(value, {
+    errorCorrectionLevel: "H"
+  });
+  const paths = {
+    dark: [],
+    finder: []
+  };
+  for (let row = 0; row < moduleCount; row += 1) {
+    for (let column = 0; column < moduleCount; column += 1) {
+      if (!qrData.modules.get(row, column)) continue;
+      const x = column + margin;
+      const y = row + margin;
+      if (logoFrame && intersectsRect(x, y, logoFrame.x, logoFrame.y, logoFrame.size)) {
+        continue;
+      }
+      const path = modulePath(x, y);
+      if (finderColorEnabled && isFinderModule(row, column, moduleCount)) {
+        paths.finder.push(path);
+      } else {
+        paths.dark.push(path);
+      }
+    }
+  }
+  return paths;
+}
+function createAlipayQRCode(value, options = {}) {
+  return createAlipayQRCodeWithHiddenOptions(
+    value,
+    options
+  );
+}
+function createAlipayQRCodeWithHiddenOptions(value, options = {}) {
+  assertContent(value);
+  const qrData = QRCode.create(value, {
+    errorCorrectionLevel: "H"
+  });
+  const moduleCount = qrData.modules.size;
+  const margin = normalizeMargin(options.margin);
+  const viewBoxSize = moduleCount + margin * 2;
+  const size = normalizeSize(options.size);
+  const lightColor = options.colors?.light ?? DEFAULT_LIGHT_COLOR;
+  const darkColor = options.colors?.dark ?? DEFAULT_DARK_COLOR;
+  const finderPattern = normalizeFinderOptions(options);
+  const logo = normalizeLogoOptions(options);
+  const center = margin + moduleCount / 2;
+  const logoFrameSize = logo ? moduleCount * logo.frameRatio : 0;
+  const logoFrameX = center - logoFrameSize / 2;
+  const logoFrameY = center - logoFrameSize / 2;
+  const iconSize = logo ? logoFrameSize * logo.iconRatio : 0;
+  const iconX = center - iconSize / 2;
+  const iconY = center - iconSize / 2;
+  const logoFrame = logo ? {
+    x: logoFrameX,
+    y: logoFrameY,
+    size: logoFrameSize
+  } : null;
+  const modulePaths = buildModulePaths(
+    value,
+    margin,
+    moduleCount,
+    logoFrame,
+    Boolean(finderPattern)
+  );
+  const children = [];
+  if (options.title) {
+    children.push({
+      tag: "title",
+      children: [options.title]
+    });
+  }
+  children.push({
+    tag: "rect",
+    attrs: {
+      width: viewBoxSize,
+      height: viewBoxSize,
+      fill: lightColor,
+      "data-alipay-qrcode-part": "background"
+    }
+  });
+  children.push({
+    tag: "path",
+    attrs: {
+      d: modulePaths.dark.join(""),
+      fill: darkColor,
+      "shape-rendering": "crispEdges",
+      "data-alipay-qrcode-part": "modules"
+    }
+  });
+  if (finderPattern && modulePaths.finder.length > 0) {
+    children.push({
+      tag: "path",
+      attrs: {
+        d: modulePaths.finder.join(""),
+        fill: finderPattern.color,
+        "shape-rendering": "crispEdges",
+        "data-alipay-qrcode-part": "finder-patterns"
+      }
+    });
+  }
+  if (logo) {
+    const logoParams = {
+      x: iconX,
+      y: iconY,
+      size: iconSize,
+      frameX: logoFrameX,
+      frameY: logoFrameY,
+      frameSize: logoFrameSize,
+      viewBoxSize,
+      moduleCount,
+      margin
+    };
+    children.push({
+      tag: "rect",
+      attrs: {
+        x: logoFrameX,
+        y: logoFrameY,
+        width: logoFrameSize,
+        height: logoFrameSize,
+        rx: logoFrameSize * logo.frameRadiusRatio,
+        fill: logo.frameColor,
+        "data-alipay-qrcode-part": "logo-frame"
+      }
+    });
+    children.push(...createLogoNodes(options, logoParams));
+  }
+  return {
+    tag: "svg",
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`,
+      width: size,
+      height: size,
+      role: "img",
+      "aria-label": options.ariaLabel ?? options.title ?? DEFAULT_ARIA_LABEL,
+      class: options.className
+    },
+    children,
+    metadata: {
+      moduleCount,
+      margin,
+      viewBoxSize,
+      logo: logo ? {
+        frameX: logoFrameX,
+        frameY: logoFrameY,
+        frameSize: logoFrameSize,
+        iconX,
+        iconY,
+        iconSize
+      } : void 0
+    }
+  };
+}
+function toSvg(value, options = {}) {
+  return renderSvgDescriptor(createAlipayQRCode(value, options));
+}
+function toDataURL(value, options = {}) {
+  return `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(
+    toSvg(value, options)
+  )}`;
+}
+
+export {
+  createAlipayQRCode,
+  toSvg,
+  toDataURL
+};