add all frontend files

node_modules/@rc-component/qrcode/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+Copyright (c) 2015-present Alipay.com, https://www.alipay.com/
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+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.

node_modules/@rc-component/qrcode/README.md

@@ -0,0 +1,79 @@
+# @rc-component/qrcode
+
+React QRCode Component
+
+[![NPM version][npm-image]][npm-url]
+[![npm download][download-image]][download-url]
+[![build status][github-actions-image]][github-actions-url]
+[![Test coverage][codecov-image]][codecov-url]
+[![bundle size][bundlephobia-image]][bundlephobia-url]
+[![dumi][dumi-image]][dumi-url]
+
+[npm-image]: http://img.shields.io/npm/v/@rc-component/qrcode.svg?style=flat-square
+[npm-url]: http://npmjs.org/package/@rc-component/qrcode
+[travis-image]: https://img.shields.io/travis/react-component/qrcode/master?style=flat-square
+[travis-url]: https://travis-ci.com/react-component/qrcode
+[github-actions-image]: https://github.com/react-component/qrcode/workflows/CI/badge.svg
+[github-actions-url]: https://github.com/react-component/qrcode/actions
+[codecov-image]: https://img.shields.io/codecov/c/github/react-component/qrcode/master.svg?style=flat-square
+[codecov-url]: https://app.codecov.io/gh/react-component/qrcode
+[david-url]: https://david-dm.org/react-component/qrcode
+[david-image]: https://david-dm.org/react-component/qrcode/status.svg?style=flat-square
+[david-dev-url]: https://david-dm.org/react-component/qrcode?type=dev
+[david-dev-image]: https://david-dm.org/react-component/qrcode/dev-status.svg?style=flat-square
+[download-image]: https://img.shields.io/npm/dm/@rc-component/qrcode.svg?style=flat-square
+[download-url]: https://npmjs.org/package/@rc-component/qrcode
+[bundlephobia-url]: https://bundlephobia.com/package/@rc-component/qrcode
+[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/@rc-component/qrcode
+[dumi-url]: https://github.com/umijs/dumi
+[dumi-image]: https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square
+
+## Install
+
+[![@rc-component/qrcode](https://nodei.co/npm/@rc-component/qrcode.png)](https://npmjs.org/package/@rc-component/qrcode)
+
+## Usage
+
+## Example
+
+http://localhost:8001
+
+## Development
+
+```
+npm install
+npm start
+```
+
+## API
+
+### props
+
+## API
+
+| Name | Type | Default | Description |
+| ---- | ---- | ------- | ----------- |
+
+## Test Case
+
+```
+npm test
+npm run coverage
+```
+
+open coverage/ dir
+
+## License
+
+rc-qrcode is released under the MIT license.
+
+### Refs
+
+- Util part is from [qrcode.react](https://github.com/zpao/qrcode.react) under ISC license.
+- QR Code generation part is from [qrcode-generator](https://www.nayuki.io/page/qr-code-generator-library) under MIT license.
+
+## 🤝 Contributing 
+
+<a href="https://openomy.app/github/react-component/qrcode" target="_blank" style="display: block; width: 100%;" align="center">
+  <img src="https://www.openomy.app/svg?repo=react-component/qrcode&chart=bubble&latestMonth=24" target="_blank" alt="Contribution Leaderboard" style="display: block; width: 100%;" />
+</a>

node_modules/@rc-component/qrcode/assets/index.css

@@ -0,0 +1,133 @@
+.rc-trigger-popup {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+  z-index: 1050;
+}
+.rc-trigger-popup-hidden {
+  display: none;
+}
+.rc-trigger-popup-zoom-enter,
+.rc-trigger-popup-zoom-appear {
+  opacity: 0;
+  animation-play-state: paused;
+  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+}
+.rc-trigger-popup-zoom-leave {
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  animation-play-state: paused;
+  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
+}
+.rc-trigger-popup-zoom-enter.rc-trigger-popup-zoom-enter-active,
+.rc-trigger-popup-zoom-appear.rc-trigger-popup-zoom-appear-active {
+  animation-name: rcTriggerZoomIn;
+  animation-play-state: running;
+}
+.rc-trigger-popup-zoom-leave.rc-trigger-popup-zoom-leave-active {
+  animation-name: rcTriggerZoomOut;
+  animation-play-state: running;
+}
+.rc-trigger-popup-arrow {
+  z-index: 1;
+  width: 0px;
+  height: 0px;
+  background: #000;
+  border-radius: 100vw;
+  box-shadow: 0 0 0 3px black;
+}
+@keyframes rcTriggerZoomIn {
+  0% {
+    transform: scale(0, 0);
+    transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1, 1);
+    transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
+    opacity: 1;
+  }
+}
+@keyframes rcTriggerZoomOut {
+  0% {
+    transform: scale(1, 1);
+    transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
+    opacity: 1;
+  }
+  100% {
+    transform: scale(0, 0);
+    transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
+    opacity: 0;
+  }
+}
+.rc-trigger-popup-mask {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background-color: #373737;
+  background-color: rgba(55, 55, 55, 0.6);
+  height: 100%;
+  filter: alpha(opacity=50);
+  z-index: 1050;
+}
+.rc-trigger-popup-mask-hidden {
+  display: none;
+}
+.rc-trigger-popup-fade-enter,
+.rc-trigger-popup-fade-appear {
+  opacity: 0;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+  animation-play-state: paused;
+}
+.rc-trigger-popup-fade-leave {
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+  animation-play-state: paused;
+}
+.rc-trigger-popup-fade-enter.rc-trigger-popup-fade-enter-active,
+.rc-trigger-popup-fade-appear.rc-trigger-popup-fade-appear-active {
+  animation-name: rcTriggerMaskFadeIn;
+  animation-play-state: running;
+}
+.rc-trigger-popup-fade-leave.rc-trigger-popup-fade-leave-active {
+  animation-name: rcDialogFadeOut;
+  animation-play-state: running;
+}
+@keyframes rcTriggerMaskFadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes rcDialogFadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+.rc-trigger-popup-mobile {
+  transition: all 0.3s;
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: auto;
+}
+.rc-trigger-popup-mobile-fade-appear-start,
+.rc-trigger-popup-mobile-fade-enter-start {
+  transform: translateY(100%);
+}
+.rc-trigger-popup-mobile-fade-leave-active {
+  transform: translateY(100%);
+}

node_modules/@rc-component/qrcode/assets/index.less

@@ -0,0 +1,79 @@
+@triggerPrefixCls: rc-trigger-popup;
+
+.@{triggerPrefixCls} {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+  z-index: 1050;
+
+  &-hidden {
+    display: none;
+  }
+
+  .effect() {
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+  }
+
+  &-zoom-enter,
+  &-zoom-appear {
+    opacity: 0;
+    animation-play-state: paused;
+    animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
+    .effect();
+  }
+
+  &-zoom-leave {
+    .effect();
+    animation-play-state: paused;
+    animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
+  }
+
+  &-zoom-enter&-zoom-enter-active,
+  &-zoom-appear&-zoom-appear-active {
+    animation-name: rcTriggerZoomIn;
+    animation-play-state: running;
+  }
+
+  &-zoom-leave&-zoom-leave-active {
+    animation-name: rcTriggerZoomOut;
+    animation-play-state: running;
+  }
+
+  &-arrow {
+    z-index: 1;
+    width: 0px;
+    height: 0px;
+    background: #000;
+    border-radius: 100vw;
+    box-shadow: 0 0 0 3px black;
+  }
+
+  @keyframes rcTriggerZoomIn {
+    0% {
+      transform: scale(0, 0);
+      transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
+      opacity: 0;
+    }
+    100% {
+      transform: scale(1, 1);
+      transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
+      opacity: 1;
+    }
+  }
+  @keyframes rcTriggerZoomOut {
+    0% {
+      transform: scale(1, 1);
+      transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
+      opacity: 1;
+    }
+    100% {
+      transform: scale(0, 0);
+      transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
+      opacity: 0;
+    }
+  }
+}
+
+@import './index/Mask';
+@import './index/Mobile';

node_modules/@rc-component/qrcode/assets/index/Mask.less

@@ -0,0 +1,63 @@
+.@{triggerPrefixCls} {
+  &-mask {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    background-color: rgb(55, 55, 55);
+    background-color: rgba(55, 55, 55, 0.6);
+    height: 100%;
+    filter: alpha(opacity=50);
+    z-index: 1050;
+
+    &-hidden {
+      display: none;
+    }
+  }
+
+  .fade-effect() {
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+  }
+
+  &-fade-enter,&-fade-appear {
+    opacity: 0;
+    .fade-effect();
+    animation-play-state: paused;
+  }
+
+  &-fade-leave {
+    .fade-effect();
+    animation-play-state: paused;
+  }
+
+  &-fade-enter&-fade-enter-active,&-fade-appear&-fade-appear-active  {
+    animation-name: rcTriggerMaskFadeIn;
+    animation-play-state: running;
+  }
+
+  &-fade-leave&-fade-leave-active {
+    animation-name: rcDialogFadeOut;
+    animation-play-state: running;
+  }
+
+  @keyframes rcTriggerMaskFadeIn {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+
+  @keyframes rcDialogFadeOut {
+    0% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+    }
+  }
+}

node_modules/@rc-component/qrcode/assets/index/Mobile.less

@@ -0,0 +1,25 @@
+.@{triggerPrefixCls} {
+  &-mobile {
+    transition: all 0.3s;
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: auto;
+
+    &-fade {
+      &-appear,
+      &-enter {
+        &-start {
+          transform: translateY(100%);
+        }
+      }
+
+      &-leave {
+        &-active {
+          transform: translateY(100%);
+        }
+      }
+    }
+  }
+}

node_modules/@rc-component/qrcode/es/QRCodeCanvas.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const QRCodeCanvas: React.ForwardRefExoticComponent<import("./interface").QRProps & React.CanvasHTMLAttributes<HTMLCanvasElement> & React.RefAttributes<HTMLCanvasElement>>;
+export { QRCodeCanvas };

node_modules/@rc-component/qrcode/es/QRCodeCanvas.js

@@ -0,0 +1,134 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["value", "size", "level", "bgColor", "fgColor", "includeMargin", "minVersion", "marginSize", "style", "imageSettings", "boostLevel"];
+import React from 'react';
+import { useQRCode } from "./hooks/useQRCode";
+import { DEFAULT_BACKGROUND_COLOR, DEFAULT_FRONT_COLOR, DEFAULT_NEED_MARGIN, DEFAULT_LEVEL, DEFAULT_MINVERSION, DEFAULT_SIZE, isSupportPath2d, excavateModules, generatePath } from "./utils";
+var QRCodeCanvas = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var value = props.value,
+    _props$size = props.size,
+    size = _props$size === void 0 ? DEFAULT_SIZE : _props$size,
+    _props$level = props.level,
+    level = _props$level === void 0 ? DEFAULT_LEVEL : _props$level,
+    _props$bgColor = props.bgColor,
+    bgColor = _props$bgColor === void 0 ? DEFAULT_BACKGROUND_COLOR : _props$bgColor,
+    _props$fgColor = props.fgColor,
+    fgColor = _props$fgColor === void 0 ? DEFAULT_FRONT_COLOR : _props$fgColor,
+    _props$includeMargin = props.includeMargin,
+    includeMargin = _props$includeMargin === void 0 ? DEFAULT_NEED_MARGIN : _props$includeMargin,
+    _props$minVersion = props.minVersion,
+    minVersion = _props$minVersion === void 0 ? DEFAULT_MINVERSION : _props$minVersion,
+    marginSize = props.marginSize,
+    style = props.style,
+    imageSettings = props.imageSettings,
+    boostLevel = props.boostLevel,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var imgSrc = imageSettings === null || imageSettings === void 0 ? void 0 : imageSettings.src;
+  var _canvas = React.useRef(null);
+  var _image = React.useRef(null);
+  var setCanvasRef = React.useCallback(function (node) {
+    _canvas.current = node;
+    if (typeof ref === 'function') {
+      ref(node);
+    } else if (ref) {
+      ref.current = node;
+    }
+  }, [ref]);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    setIsImageLoaded = _React$useState2[1];
+  var _useQRCode = useQRCode({
+      value: value,
+      level: level,
+      minVersion: minVersion,
+      includeMargin: includeMargin,
+      marginSize: marginSize,
+      imageSettings: imageSettings,
+      size: size,
+      boostLevel: boostLevel
+    }),
+    margin = _useQRCode.margin,
+    cells = _useQRCode.cells,
+    numCells = _useQRCode.numCells,
+    calculatedImageSettings = _useQRCode.calculatedImageSettings;
+  React.useEffect(function () {
+    if (_canvas.current) {
+      var canvas = _canvas.current;
+      var ctx = canvas.getContext('2d');
+      if (!ctx) {
+        return;
+      }
+      var cellsToDraw = cells;
+      var image = _image.current;
+      var haveImageToRender = calculatedImageSettings != null && image !== null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0;
+      if (haveImageToRender) {
+        if (calculatedImageSettings.excavation != null) {
+          cellsToDraw = excavateModules(cells, calculatedImageSettings.excavation);
+        }
+      }
+      var pixelRatio = window.devicePixelRatio || 1;
+      canvas.height = canvas.width = size * pixelRatio;
+      var scale = size / numCells * pixelRatio;
+      ctx.scale(scale, scale);
+      ctx.fillStyle = bgColor;
+      ctx.fillRect(0, 0, numCells, numCells);
+      ctx.fillStyle = fgColor;
+      if (isSupportPath2d) {
+        ctx.fill(new Path2D(generatePath(cellsToDraw, margin)));
+      } else {
+        cells.forEach(function (row, rdx) {
+          row.forEach(function (cell, cdx) {
+            if (cell) {
+              ctx.fillRect(cdx + margin, rdx + margin, 1, 1);
+            }
+          });
+        });
+      }
+      if (calculatedImageSettings) {
+        ctx.globalAlpha = calculatedImageSettings.opacity;
+      }
+      if (haveImageToRender) {
+        ctx.drawImage(image, calculatedImageSettings.x + margin, calculatedImageSettings.y + margin, calculatedImageSettings.w, calculatedImageSettings.h);
+      }
+    }
+  });
+  React.useEffect(function () {
+    setIsImageLoaded(false);
+  }, [imgSrc]);
+  var canvasStyle = _objectSpread({
+    height: size,
+    width: size
+  }, style);
+  var img = null;
+  if (imgSrc != null) {
+    img = /*#__PURE__*/React.createElement("img", {
+      alt: "QR-Code",
+      src: imgSrc,
+      key: imgSrc,
+      style: {
+        display: 'none'
+      },
+      onLoad: function onLoad() {
+        setIsImageLoaded(true);
+      },
+      ref: _image
+      // when crossOrigin is not set, the image will be tainted
+      // and the canvas cannot be exported to an image
+      ,
+      crossOrigin: calculatedImageSettings === null || calculatedImageSettings === void 0 ? void 0 : calculatedImageSettings.crossOrigin
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("canvas", _extends({
+    style: canvasStyle,
+    height: size,
+    width: size,
+    ref: setCanvasRef,
+    role: "img"
+  }, otherProps)), img);
+});
+if (process.env.NODE_ENV !== 'production') {
+  QRCodeCanvas.displayName = 'QRCodeCanvas';
+}
+export { QRCodeCanvas };

node_modules/@rc-component/qrcode/es/QRCodeSVG.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const QRCodeSVG: React.ForwardRefExoticComponent<import("./interface").QRProps & React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export { QRCodeSVG };

node_modules/@rc-component/qrcode/es/QRCodeSVG.js

@@ -0,0 +1,80 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["value", "size", "level", "bgColor", "fgColor", "includeMargin", "minVersion", "title", "marginSize", "imageSettings", "boostLevel"];
+import React from 'react';
+import { DEFAULT_BACKGROUND_COLOR, DEFAULT_FRONT_COLOR, DEFAULT_NEED_MARGIN, DEFAULT_LEVEL, DEFAULT_MINVERSION, DEFAULT_SIZE, excavateModules, generatePath } from "./utils";
+import { useQRCode } from "./hooks/useQRCode";
+var QRCodeSVG = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var value = props.value,
+    _props$size = props.size,
+    size = _props$size === void 0 ? DEFAULT_SIZE : _props$size,
+    _props$level = props.level,
+    level = _props$level === void 0 ? DEFAULT_LEVEL : _props$level,
+    _props$bgColor = props.bgColor,
+    bgColor = _props$bgColor === void 0 ? DEFAULT_BACKGROUND_COLOR : _props$bgColor,
+    _props$fgColor = props.fgColor,
+    fgColor = _props$fgColor === void 0 ? DEFAULT_FRONT_COLOR : _props$fgColor,
+    _props$includeMargin = props.includeMargin,
+    includeMargin = _props$includeMargin === void 0 ? DEFAULT_NEED_MARGIN : _props$includeMargin,
+    _props$minVersion = props.minVersion,
+    minVersion = _props$minVersion === void 0 ? DEFAULT_MINVERSION : _props$minVersion,
+    title = props.title,
+    marginSize = props.marginSize,
+    imageSettings = props.imageSettings,
+    boostLevel = props.boostLevel,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useQRCode = useQRCode({
+      value: value,
+      level: level,
+      minVersion: minVersion,
+      includeMargin: includeMargin,
+      marginSize: marginSize,
+      imageSettings: imageSettings,
+      size: size,
+      boostLevel: boostLevel
+    }),
+    margin = _useQRCode.margin,
+    cells = _useQRCode.cells,
+    numCells = _useQRCode.numCells,
+    calculatedImageSettings = _useQRCode.calculatedImageSettings;
+  var cellsToDraw = cells;
+  var image = null;
+  if (imageSettings != null && calculatedImageSettings != null) {
+    if (calculatedImageSettings.excavation != null) {
+      cellsToDraw = excavateModules(cells, calculatedImageSettings.excavation);
+    }
+    image = /*#__PURE__*/React.createElement("image", {
+      href: imageSettings.src,
+      height: calculatedImageSettings.h,
+      width: calculatedImageSettings.w,
+      x: calculatedImageSettings.x + margin,
+      y: calculatedImageSettings.y + margin,
+      preserveAspectRatio: "none",
+      opacity: calculatedImageSettings.opacity
+      // when crossOrigin is not set, the image will be tainted
+      // and the canvas cannot be exported to an image
+      ,
+      crossOrigin: calculatedImageSettings.crossOrigin
+    });
+  }
+  var fgPath = generatePath(cellsToDraw, margin);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    height: size,
+    width: size,
+    viewBox: "0 0 ".concat(numCells, " ").concat(numCells),
+    ref: ref,
+    role: "img"
+  }, otherProps), !!title && /*#__PURE__*/React.createElement("title", null, title), /*#__PURE__*/React.createElement("path", {
+    fill: bgColor,
+    d: "M0,0 h".concat(numCells, "v").concat(numCells, "H0z"),
+    shapeRendering: "crispEdges"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: fgColor,
+    d: fgPath,
+    shapeRendering: "crispEdges"
+  }), image);
+});
+if (process.env.NODE_ENV !== 'production') {
+  QRCodeSVG.displayName = 'QRCodeSVG';
+}
+export { QRCodeSVG };

node_modules/@rc-component/qrcode/es/hooks/useQRCode.d.ts

@@ -0,0 +1,28 @@
+import { QrCode } from '../libs/qrcodegen';
+import type { ErrorCorrectionLevel, ImageSettings } from '../interface';
+interface Options {
+    value: string | string[];
+    level: ErrorCorrectionLevel;
+    minVersion: number;
+    includeMargin: boolean;
+    marginSize?: number;
+    imageSettings?: ImageSettings;
+    size: number;
+    boostLevel?: boolean;
+}
+export declare const useQRCode: (opt: Options) => {
+    cells: boolean[][];
+    margin: number;
+    numCells: number;
+    calculatedImageSettings: {
+        x: number;
+        y: number;
+        h: number;
+        w: number;
+        excavation: import("../interface").Excavation;
+        opacity: number;
+        crossOrigin: import("../interface").CrossOrigin;
+    };
+    qrcode: QrCode;
+};
+export {};

node_modules/@rc-component/qrcode/es/hooks/useQRCode.js

@@ -0,0 +1,35 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { QrCode, QrSegment } from "../libs/qrcodegen";
+import { ERROR_LEVEL_MAP, getImageSettings, getMarginSize } from "../utils";
+import React from 'react';
+export var useQRCode = function useQRCode(opt) {
+  var value = opt.value,
+    level = opt.level,
+    minVersion = opt.minVersion,
+    includeMargin = opt.includeMargin,
+    marginSize = opt.marginSize,
+    imageSettings = opt.imageSettings,
+    size = opt.size,
+    boostLevel = opt.boostLevel;
+  var memoizedQrcode = React.useMemo(function () {
+    var values = Array.isArray(value) ? value : [value];
+    var segments = values.reduce(function (acc, val) {
+      acc.push.apply(acc, _toConsumableArray(QrSegment.makeSegments(val)));
+      return acc;
+    }, []);
+    return QrCode.encodeSegments(segments, ERROR_LEVEL_MAP[level], minVersion, undefined, undefined, boostLevel);
+  }, [value, level, minVersion, boostLevel]);
+  return React.useMemo(function () {
+    var cs = memoizedQrcode.getModules();
+    var mg = getMarginSize(includeMargin, marginSize);
+    var ncs = cs.length + mg * 2;
+    var cis = getImageSettings(cs, size, mg, imageSettings);
+    return {
+      cells: cs,
+      margin: mg,
+      numCells: ncs,
+      calculatedImageSettings: cis,
+      qrcode: memoizedQrcode
+    };
+  }, [memoizedQrcode, size, imageSettings, includeMargin, marginSize]);
+};

node_modules/@rc-component/qrcode/es/index.d.ts

@@ -0,0 +1,4 @@
+export type * from './interface';
+export * from './utils';
+export * from './QRCodeCanvas';
+export * from './QRCodeSVG';

node_modules/@rc-component/qrcode/es/index.js

@@ -0,0 +1,3 @@
+export * from "./utils";
+export * from "./QRCodeCanvas";
+export * from "./QRCodeSVG";

node_modules/@rc-component/qrcode/es/interface.d.ts

@@ -0,0 +1,131 @@
+import type React from 'react';
+import type { Ecc, QrCode } from './libs/qrcodegen';
+export type Modules = ReturnType<QrCode['getModules']>;
+export type Excavation = {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+};
+export type ErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H';
+export type CrossOrigin = 'anonymous' | 'use-credentials' | '' | undefined;
+export type ERROR_LEVEL_MAPPED_TYPE = {
+    [index in ErrorCorrectionLevel]: Ecc;
+};
+export type ImageSettings = {
+    /**
+     * The URI of the embedded image.
+     */
+    src: string;
+    /**
+     * The height, in pixels, of the image.
+     */
+    height: number;
+    /**
+     * The width, in pixels, of the image.
+     */
+    width: number;
+    /**
+     * Whether or not to "excavate" the modules around the embedded image. This
+     * means that any modules the embedded image overlaps will use the background
+     * color.
+     */
+    excavate: boolean;
+    /**
+     * The horiztonal offset of the embedded image, starting from the top left corner.
+     * Will center if not specified.
+     */
+    x?: number;
+    /**
+     * The vertical offset of the embedded image, starting from the top left corner.
+     * Will center if not specified.
+     */
+    y?: number;
+    /**
+     * The opacity of the embedded image in the range of 0-1.
+     * @defaultValue 1
+     */
+    opacity?: number;
+    /**
+     * The cross-origin value to use when loading the image. This is used to
+     * ensure compatibility with CORS, particularly when extracting image data
+     * from QRCodeCanvas.
+     * Note: `undefined` is treated differently than the seemingly equivalent
+     * empty string. This is intended to align with HTML behavior where omitting
+     * the attribute behaves differently than the empty string.
+     */
+    crossOrigin?: CrossOrigin;
+};
+export type QRProps = {
+    /**
+     * The value to encode into the QR Code. An array of strings can be passed in
+     * to represent multiple segments to further optimize the QR Code.
+     */
+    value: string | string[];
+    /**
+     * If enabled, the Error Correction Level of the result may be higher than
+     * the specified Error Correction Level option if it can be done without
+     * increasing the version.
+     * @defaultValue true
+     */
+    boostLevel?: boolean;
+    /**
+     * The size, in pixels, to render the QR Code.
+     * @defaultValue 128
+     */
+    size?: number;
+    /**
+     * The Error Correction Level to use.
+     * @see https://www.qrcode.com/en/about/error_correction.html
+     * @defaultValue L
+     */
+    level?: ErrorCorrectionLevel;
+    /**
+     * The background color used to render the QR Code.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
+     * @defaultValue #FFFFFF
+     */
+    bgColor?: string;
+    /**
+     * The foregtound color used to render the QR Code.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
+     * @defaultValue #000000
+     */
+    fgColor?: string;
+    /**
+     * The style to apply to the QR Code.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Whether or not a margin of 4 modules should be rendered as a part of the
+     * QR Code.
+     * @deprecated Use `marginSize` instead.
+     * @defaultValue false
+     */
+    includeMargin?: boolean;
+    /**
+     * The number of _modules_ to use for margin. The QR Code specification
+     * requires `4`, however you can specify any number. Values will be turned to
+     * integers with `Math.floor`. Overrides `includeMargin` when both are specified.
+     * @defaultValue 0
+     */
+    marginSize?: number;
+    /**
+     * The settings for the embedded image.
+     */
+    imageSettings?: ImageSettings;
+    /**
+     * The title to assign to the QR Code. Used for accessibility reasons.
+     */
+    title?: string;
+    /**
+     * The minimum version used when encoding the QR Code. Valid values are 1-40
+     * with higher values resulting in more complex QR Codes. The optimal
+     * (lowest) version is determined for the `value` provided, using `minVersion`
+     * as the lower bound.
+     * @defaultValue 1
+     */
+    minVersion?: number;
+};
+export type QRPropsCanvas = QRProps & React.CanvasHTMLAttributes<HTMLCanvasElement>;
+export type QRPropsSVG = QRProps & React.SVGAttributes<SVGSVGElement>;

node_modules/@rc-component/qrcode/es/interface.js

@@ -0,0 +1 @@
+export {};

node_modules/@rc-component/qrcode/es/libs/qrcodegen.d.ts

@@ -0,0 +1,80 @@
+export declare class Mode {
+    static readonly NUMERIC: Mode;
+    static readonly ALPHANUMERIC: Mode;
+    static readonly BYTE: Mode;
+    static readonly KANJI: Mode;
+    static readonly ECI: Mode;
+    modeBits: number;
+    private numBitsCharCount;
+    private constructor();
+    numCharCountBits(ver: number): number;
+}
+export declare class Ecc {
+    static readonly LOW: Ecc;
+    static readonly MEDIUM: Ecc;
+    static readonly QUARTILE: Ecc;
+    static readonly HIGH: Ecc;
+    ordinal: number;
+    formatBits: number;
+    private constructor();
+}
+export declare class QrSegment {
+    static makeBytes(data: Readonly<number[]>): QrSegment;
+    static makeNumeric(digits: string): QrSegment;
+    static makeAlphanumeric(text: string): QrSegment;
+    static makeSegments(text: string): QrSegment[];
+    static makeEci(assignVal: number): QrSegment;
+    static isNumeric(text: string): boolean;
+    static isAlphanumeric(text: string): boolean;
+    mode: Mode;
+    numChars: number;
+    private bitData;
+    constructor(mode: Mode, numChars: number, bitData: number[]);
+    getData(): number[];
+    static getTotalBits(segs: Readonly<QrSegment[]>, version: number): number;
+    private static toUtf8ByteArray;
+    private static readonly NUMERIC_REGEX;
+    private static readonly ALPHANUMERIC_REGEX;
+    private static readonly ALPHANUMERIC_CHARSET;
+}
+export declare class QrCode {
+    static encodeText(text: string, ecl: Ecc): QrCode;
+    static encodeBinary(data: Readonly<number[]>, ecl: Ecc): QrCode;
+    static encodeSegments(segs: Readonly<QrSegment[]>, oriEcl: Ecc, minVersion?: number, maxVersion?: number, mask?: number, boostEcl?: boolean): QrCode;
+    readonly size: number;
+    readonly mask: number;
+    private readonly modules;
+    private readonly isFunction;
+    version: number;
+    errorCorrectionLevel: Ecc;
+    constructor(version: number, errorCorrectionLevel: Ecc, dataCodewords: Readonly<number[]>, oriMsk: number);
+    getModule(x: number, y: number): boolean;
+    getModules(): boolean[][];
+    private drawFunctionPatterns;
+    private drawFormatBits;
+    private drawVersion;
+    private drawFinderPattern;
+    private drawAlignmentPattern;
+    private setFunctionModule;
+    private addEccAndInterleave;
+    private drawCodewords;
+    private applyMask;
+    private getPenaltyScore;
+    private getAlignmentPatternPositions;
+    private static getNumRawDataModules;
+    private static getNumDataCodewords;
+    private static reedSolomonComputeDivisor;
+    private static reedSolomonComputeRemainder;
+    private static reedSolomonMultiply;
+    private finderPenaltyCountPatterns;
+    private finderPenaltyTerminateAndCount;
+    private finderPenaltyAddHistory;
+    static readonly MIN_VERSION: number;
+    static readonly MAX_VERSION: number;
+    private static readonly PENALTY_N1;
+    private static readonly PENALTY_N2;
+    private static readonly PENALTY_N3;
+    private static readonly PENALTY_N4;
+    private static readonly ECC_CODEWORDS_PER_BLOCK;
+    private static readonly NUM_ERROR_CORRECTION_BLOCKS;
+}

node_modules/@rc-component/qrcode/es/utils.d.ts

@@ -0,0 +1,53 @@
+import type { CrossOrigin, ERROR_LEVEL_MAPPED_TYPE, ErrorCorrectionLevel, Excavation, ImageSettings } from './interface';
+export declare const ERROR_LEVEL_MAP: ERROR_LEVEL_MAPPED_TYPE;
+export declare const DEFAULT_SIZE = 128;
+export declare const DEFAULT_LEVEL: ErrorCorrectionLevel;
+export declare const DEFAULT_BACKGROUND_COLOR = "#FFFFFF";
+export declare const DEFAULT_FRONT_COLOR = "#000000";
+export declare const DEFAULT_NEED_MARGIN = false;
+export declare const DEFAULT_MINVERSION = 1;
+export declare const SPEC_MARGIN_SIZE = 4;
+export declare const DEFAULT_MARGIN_SIZE = 0;
+export declare const DEFAULT_IMG_SCALE = 0.1;
+/**
+ * Generate a path string from modules
+ * @param modules
+ * @param margin
+ * @returns
+ */
+export declare const generatePath: (modules: boolean[][], margin?: number) => string;
+/**
+ * Excavate modules
+ * @param modules
+ * @param excavation
+ * @returns
+ */
+export declare const excavateModules: (modules: boolean[][], excavation: Excavation) => boolean[][];
+/**
+ * Get image settings
+ * @param cells The modules of the QR code
+ * @param size The size of the QR code
+ * @param margin
+ * @param imageSettings
+ * @returns
+ */
+export declare const getImageSettings: (cells: boolean[][], size: number, margin: number, imageSettings?: ImageSettings) => {
+    x: number;
+    y: number;
+    h: number;
+    w: number;
+    excavation: Excavation | null;
+    opacity: number;
+    crossOrigin: CrossOrigin;
+};
+/**
+ * Get margin size
+ * @param needMargin Whether need margin
+ * @param marginSize Custom margin size
+ * @returns
+ */
+export declare const getMarginSize: (needMargin: boolean, marginSize?: number) => number;
+/**
+ * Check if Path2D is supported
+ */
+export declare const isSupportPath2d: boolean;

node_modules/@rc-component/qrcode/es/utils.js

@@ -0,0 +1,152 @@
+// Part logic is from `qrcode.react`. (ISC License)
+// https://github.com/zpao/qrcode.react
+
+// ==========================================================
+
+import { Ecc } from "./libs/qrcodegen";
+
+// =================== ERROR_LEVEL ==========================
+export var ERROR_LEVEL_MAP = {
+  L: Ecc.LOW,
+  M: Ecc.MEDIUM,
+  Q: Ecc.QUARTILE,
+  H: Ecc.HIGH
+};
+
+// =================== DEFAULT_VALUE ==========================
+export var DEFAULT_SIZE = 128;
+export var DEFAULT_LEVEL = 'L';
+export var DEFAULT_BACKGROUND_COLOR = '#FFFFFF';
+export var DEFAULT_FRONT_COLOR = '#000000';
+export var DEFAULT_NEED_MARGIN = false;
+export var DEFAULT_MINVERSION = 1;
+export var SPEC_MARGIN_SIZE = 4;
+export var DEFAULT_MARGIN_SIZE = 0;
+export var DEFAULT_IMG_SCALE = 0.1;
+
+// =================== UTILS ==========================
+/**
+ * Generate a path string from modules
+ * @param modules
+ * @param margin
+ * @returns
+ */
+export var generatePath = function generatePath(modules) {
+  var margin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var ops = [];
+  modules.forEach(function (row, y) {
+    var start = null;
+    row.forEach(function (cell, x) {
+      if (!cell && start !== null) {
+        ops.push("M".concat(start + margin, " ").concat(y + margin, "h").concat(x - start, "v1H").concat(start + margin, "z"));
+        start = null;
+        return;
+      }
+      if (x === row.length - 1) {
+        if (!cell) {
+          return;
+        }
+        if (start === null) {
+          ops.push("M".concat(x + margin, ",").concat(y + margin, " h1v1H").concat(x + margin, "z"));
+        } else {
+          ops.push("M".concat(start + margin, ",").concat(y + margin, " h").concat(x + 1 - start, "v1H").concat(start + margin, "z"));
+        }
+        return;
+      }
+      if (cell && start === null) {
+        start = x;
+      }
+    });
+  });
+  return ops.join('');
+};
+
+/**
+ * Excavate modules
+ * @param modules
+ * @param excavation
+ * @returns
+ */
+export var excavateModules = function excavateModules(modules, excavation) {
+  return modules.slice().map(function (row, y) {
+    if (y < excavation.y || y >= excavation.y + excavation.h) {
+      return row;
+    }
+    return row.map(function (cell, x) {
+      if (x < excavation.x || x >= excavation.x + excavation.w) {
+        return cell;
+      }
+      return false;
+    });
+  });
+};
+
+/**
+ * Get image settings
+ * @param cells The modules of the QR code
+ * @param size The size of the QR code
+ * @param margin
+ * @param imageSettings
+ * @returns
+ */
+export var getImageSettings = function getImageSettings(cells, size, margin, imageSettings) {
+  if (imageSettings == null) {
+    return null;
+  }
+  var numCells = cells.length + margin * 2;
+  var defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);
+  var scale = numCells / size;
+  var w = (imageSettings.width || defaultSize) * scale;
+  var h = (imageSettings.height || defaultSize) * scale;
+  var x = imageSettings.x == null ? cells.length / 2 - w / 2 : imageSettings.x * scale;
+  var y = imageSettings.y == null ? cells.length / 2 - h / 2 : imageSettings.y * scale;
+  var opacity = imageSettings.opacity == null ? 1 : imageSettings.opacity;
+  var excavation = null;
+  if (imageSettings.excavate) {
+    var floorX = Math.floor(x);
+    var floorY = Math.floor(y);
+    var ceilW = Math.ceil(w + x - floorX);
+    var ceilH = Math.ceil(h + y - floorY);
+    excavation = {
+      x: floorX,
+      y: floorY,
+      w: ceilW,
+      h: ceilH
+    };
+  }
+  var crossOrigin = imageSettings.crossOrigin;
+  return {
+    x: x,
+    y: y,
+    h: h,
+    w: w,
+    excavation: excavation,
+    opacity: opacity,
+    crossOrigin: crossOrigin
+  };
+};
+
+/**
+ * Get margin size
+ * @param needMargin Whether need margin
+ * @param marginSize Custom margin size
+ * @returns
+ */
+export var getMarginSize = function getMarginSize(needMargin, marginSize) {
+  if (marginSize != null) {
+    return Math.max(Math.floor(marginSize), 0);
+  }
+  return needMargin ? SPEC_MARGIN_SIZE : DEFAULT_MARGIN_SIZE;
+};
+
+/**
+ * Check if Path2D is supported
+ */
+export var isSupportPath2d = function () {
+  try {
+    new Path2D().addPath(new Path2D());
+  } catch (_unused) {
+    return false;
+  }
+  return true;
+}();

node_modules/@rc-component/qrcode/lib/QRCodeCanvas.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const QRCodeCanvas: React.ForwardRefExoticComponent<import("./interface").QRProps & React.CanvasHTMLAttributes<HTMLCanvasElement> & React.RefAttributes<HTMLCanvasElement>>;
+export { QRCodeCanvas };

node_modules/@rc-component/qrcode/lib/QRCodeCanvas.js

@@ -0,0 +1,140 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QRCodeCanvas = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _useQRCode2 = require("./hooks/useQRCode");
+var _utils = require("./utils");
+var _excluded = ["value", "size", "level", "bgColor", "fgColor", "includeMargin", "minVersion", "marginSize", "style", "imageSettings", "boostLevel"];
+var QRCodeCanvas = exports.QRCodeCanvas = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var value = props.value,
+    _props$size = props.size,
+    size = _props$size === void 0 ? _utils.DEFAULT_SIZE : _props$size,
+    _props$level = props.level,
+    level = _props$level === void 0 ? _utils.DEFAULT_LEVEL : _props$level,
+    _props$bgColor = props.bgColor,
+    bgColor = _props$bgColor === void 0 ? _utils.DEFAULT_BACKGROUND_COLOR : _props$bgColor,
+    _props$fgColor = props.fgColor,
+    fgColor = _props$fgColor === void 0 ? _utils.DEFAULT_FRONT_COLOR : _props$fgColor,
+    _props$includeMargin = props.includeMargin,
+    includeMargin = _props$includeMargin === void 0 ? _utils.DEFAULT_NEED_MARGIN : _props$includeMargin,
+    _props$minVersion = props.minVersion,
+    minVersion = _props$minVersion === void 0 ? _utils.DEFAULT_MINVERSION : _props$minVersion,
+    marginSize = props.marginSize,
+    style = props.style,
+    imageSettings = props.imageSettings,
+    boostLevel = props.boostLevel,
+    otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var imgSrc = imageSettings === null || imageSettings === void 0 ? void 0 : imageSettings.src;
+  var _canvas = _react.default.useRef(null);
+  var _image = _react.default.useRef(null);
+  var setCanvasRef = _react.default.useCallback(function (node) {
+    _canvas.current = node;
+    if (typeof ref === 'function') {
+      ref(node);
+    } else if (ref) {
+      ref.current = node;
+    }
+  }, [ref]);
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    setIsImageLoaded = _React$useState2[1];
+  var _useQRCode = (0, _useQRCode2.useQRCode)({
+      value: value,
+      level: level,
+      minVersion: minVersion,
+      includeMargin: includeMargin,
+      marginSize: marginSize,
+      imageSettings: imageSettings,
+      size: size,
+      boostLevel: boostLevel
+    }),
+    margin = _useQRCode.margin,
+    cells = _useQRCode.cells,
+    numCells = _useQRCode.numCells,
+    calculatedImageSettings = _useQRCode.calculatedImageSettings;
+  _react.default.useEffect(function () {
+    if (_canvas.current) {
+      var canvas = _canvas.current;
+      var ctx = canvas.getContext('2d');
+      if (!ctx) {
+        return;
+      }
+      var cellsToDraw = cells;
+      var image = _image.current;
+      var haveImageToRender = calculatedImageSettings != null && image !== null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0;
+      if (haveImageToRender) {
+        if (calculatedImageSettings.excavation != null) {
+          cellsToDraw = (0, _utils.excavateModules)(cells, calculatedImageSettings.excavation);
+        }
+      }
+      var pixelRatio = window.devicePixelRatio || 1;
+      canvas.height = canvas.width = size * pixelRatio;
+      var scale = size / numCells * pixelRatio;
+      ctx.scale(scale, scale);
+      ctx.fillStyle = bgColor;
+      ctx.fillRect(0, 0, numCells, numCells);
+      ctx.fillStyle = fgColor;
+      if (_utils.isSupportPath2d) {
+        ctx.fill(new Path2D((0, _utils.generatePath)(cellsToDraw, margin)));
+      } else {
+        cells.forEach(function (row, rdx) {
+          row.forEach(function (cell, cdx) {
+            if (cell) {
+              ctx.fillRect(cdx + margin, rdx + margin, 1, 1);
+            }
+          });
+        });
+      }
+      if (calculatedImageSettings) {
+        ctx.globalAlpha = calculatedImageSettings.opacity;
+      }
+      if (haveImageToRender) {
+        ctx.drawImage(image, calculatedImageSettings.x + margin, calculatedImageSettings.y + margin, calculatedImageSettings.w, calculatedImageSettings.h);
+      }
+    }
+  });
+  _react.default.useEffect(function () {
+    setIsImageLoaded(false);
+  }, [imgSrc]);
+  var canvasStyle = (0, _objectSpread2.default)({
+    height: size,
+    width: size
+  }, style);
+  var img = null;
+  if (imgSrc != null) {
+    img = /*#__PURE__*/_react.default.createElement("img", {
+      alt: "QR-Code",
+      src: imgSrc,
+      key: imgSrc,
+      style: {
+        display: 'none'
+      },
+      onLoad: function onLoad() {
+        setIsImageLoaded(true);
+      },
+      ref: _image
+      // when crossOrigin is not set, the image will be tainted
+      // and the canvas cannot be exported to an image
+      ,
+      crossOrigin: calculatedImageSettings === null || calculatedImageSettings === void 0 ? void 0 : calculatedImageSettings.crossOrigin
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("canvas", (0, _extends2.default)({
+    style: canvasStyle,
+    height: size,
+    width: size,
+    ref: setCanvasRef,
+    role: "img"
+  }, otherProps)), img);
+});
+if (process.env.NODE_ENV !== 'production') {
+  QRCodeCanvas.displayName = 'QRCodeCanvas';
+}

node_modules/@rc-component/qrcode/lib/QRCodeSVG.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const QRCodeSVG: React.ForwardRefExoticComponent<import("./interface").QRProps & React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export { QRCodeSVG };

node_modules/@rc-component/qrcode/lib/QRCodeSVG.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QRCodeSVG = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("./utils");
+var _useQRCode2 = require("./hooks/useQRCode");
+var _excluded = ["value", "size", "level", "bgColor", "fgColor", "includeMargin", "minVersion", "title", "marginSize", "imageSettings", "boostLevel"];
+var QRCodeSVG = exports.QRCodeSVG = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var value = props.value,
+    _props$size = props.size,
+    size = _props$size === void 0 ? _utils.DEFAULT_SIZE : _props$size,
+    _props$level = props.level,
+    level = _props$level === void 0 ? _utils.DEFAULT_LEVEL : _props$level,
+    _props$bgColor = props.bgColor,
+    bgColor = _props$bgColor === void 0 ? _utils.DEFAULT_BACKGROUND_COLOR : _props$bgColor,
+    _props$fgColor = props.fgColor,
+    fgColor = _props$fgColor === void 0 ? _utils.DEFAULT_FRONT_COLOR : _props$fgColor,
+    _props$includeMargin = props.includeMargin,
+    includeMargin = _props$includeMargin === void 0 ? _utils.DEFAULT_NEED_MARGIN : _props$includeMargin,
+    _props$minVersion = props.minVersion,
+    minVersion = _props$minVersion === void 0 ? _utils.DEFAULT_MINVERSION : _props$minVersion,
+    title = props.title,
+    marginSize = props.marginSize,
+    imageSettings = props.imageSettings,
+    boostLevel = props.boostLevel,
+    otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useQRCode = (0, _useQRCode2.useQRCode)({
+      value: value,
+      level: level,
+      minVersion: minVersion,
+      includeMargin: includeMargin,
+      marginSize: marginSize,
+      imageSettings: imageSettings,
+      size: size,
+      boostLevel: boostLevel
+    }),
+    margin = _useQRCode.margin,
+    cells = _useQRCode.cells,
+    numCells = _useQRCode.numCells,
+    calculatedImageSettings = _useQRCode.calculatedImageSettings;
+  var cellsToDraw = cells;
+  var image = null;
+  if (imageSettings != null && calculatedImageSettings != null) {
+    if (calculatedImageSettings.excavation != null) {
+      cellsToDraw = (0, _utils.excavateModules)(cells, calculatedImageSettings.excavation);
+    }
+    image = /*#__PURE__*/_react.default.createElement("image", {
+      href: imageSettings.src,
+      height: calculatedImageSettings.h,
+      width: calculatedImageSettings.w,
+      x: calculatedImageSettings.x + margin,
+      y: calculatedImageSettings.y + margin,
+      preserveAspectRatio: "none",
+      opacity: calculatedImageSettings.opacity
+      // when crossOrigin is not set, the image will be tainted
+      // and the canvas cannot be exported to an image
+      ,
+      crossOrigin: calculatedImageSettings.crossOrigin
+    });
+  }
+  var fgPath = (0, _utils.generatePath)(cellsToDraw, margin);
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+    height: size,
+    width: size,
+    viewBox: "0 0 ".concat(numCells, " ").concat(numCells),
+    ref: ref,
+    role: "img"
+  }, otherProps), !!title && /*#__PURE__*/_react.default.createElement("title", null, title), /*#__PURE__*/_react.default.createElement("path", {
+    fill: bgColor,
+    d: "M0,0 h".concat(numCells, "v").concat(numCells, "H0z"),
+    shapeRendering: "crispEdges"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fill: fgColor,
+    d: fgPath,
+    shapeRendering: "crispEdges"
+  }), image);
+});
+if (process.env.NODE_ENV !== 'production') {
+  QRCodeSVG.displayName = 'QRCodeSVG';
+}

node_modules/@rc-component/qrcode/lib/hooks/useQRCode.d.ts

@@ -0,0 +1,28 @@
+import { QrCode } from '../libs/qrcodegen';
+import type { ErrorCorrectionLevel, ImageSettings } from '../interface';
+interface Options {
+    value: string | string[];
+    level: ErrorCorrectionLevel;
+    minVersion: number;
+    includeMargin: boolean;
+    marginSize?: number;
+    imageSettings?: ImageSettings;
+    size: number;
+    boostLevel?: boolean;
+}
+export declare const useQRCode: (opt: Options) => {
+    cells: boolean[][];
+    margin: number;
+    numCells: number;
+    calculatedImageSettings: {
+        x: number;
+        y: number;
+        h: number;
+        w: number;
+        excavation: import("../interface").Excavation;
+        opacity: number;
+        crossOrigin: import("../interface").CrossOrigin;
+    };
+    qrcode: QrCode;
+};
+export {};

node_modules/@rc-component/qrcode/lib/hooks/useQRCode.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useQRCode = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _qrcodegen = require("../libs/qrcodegen");
+var _utils = require("../utils");
+var _react = _interopRequireDefault(require("react"));
+var useQRCode = exports.useQRCode = function useQRCode(opt) {
+  var value = opt.value,
+    level = opt.level,
+    minVersion = opt.minVersion,
+    includeMargin = opt.includeMargin,
+    marginSize = opt.marginSize,
+    imageSettings = opt.imageSettings,
+    size = opt.size,
+    boostLevel = opt.boostLevel;
+  var memoizedQrcode = _react.default.useMemo(function () {
+    var values = Array.isArray(value) ? value : [value];
+    var segments = values.reduce(function (acc, val) {
+      acc.push.apply(acc, (0, _toConsumableArray2.default)(_qrcodegen.QrSegment.makeSegments(val)));
+      return acc;
+    }, []);
+    return _qrcodegen.QrCode.encodeSegments(segments, _utils.ERROR_LEVEL_MAP[level], minVersion, undefined, undefined, boostLevel);
+  }, [value, level, minVersion, boostLevel]);
+  return _react.default.useMemo(function () {
+    var cs = memoizedQrcode.getModules();
+    var mg = (0, _utils.getMarginSize)(includeMargin, marginSize);
+    var ncs = cs.length + mg * 2;
+    var cis = (0, _utils.getImageSettings)(cs, size, mg, imageSettings);
+    return {
+      cells: cs,
+      margin: mg,
+      numCells: ncs,
+      calculatedImageSettings: cis,
+      qrcode: memoizedQrcode
+    };
+  }, [memoizedQrcode, size, imageSettings, includeMargin, marginSize]);
+};

node_modules/@rc-component/qrcode/lib/index.d.ts

@@ -0,0 +1,4 @@
+export type * from './interface';
+export * from './utils';
+export * from './QRCodeCanvas';
+export * from './QRCodeSVG';

node_modules/@rc-component/qrcode/lib/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _utils = require("./utils");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _utils[key];
+    }
+  });
+});
+var _QRCodeCanvas = require("./QRCodeCanvas");
+Object.keys(_QRCodeCanvas).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _QRCodeCanvas[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _QRCodeCanvas[key];
+    }
+  });
+});
+var _QRCodeSVG = require("./QRCodeSVG");
+Object.keys(_QRCodeSVG).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _QRCodeSVG[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _QRCodeSVG[key];
+    }
+  });
+});

node_modules/@rc-component/qrcode/lib/interface.d.ts

@@ -0,0 +1,131 @@
+import type React from 'react';
+import type { Ecc, QrCode } from './libs/qrcodegen';
+export type Modules = ReturnType<QrCode['getModules']>;
+export type Excavation = {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+};
+export type ErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H';
+export type CrossOrigin = 'anonymous' | 'use-credentials' | '' | undefined;
+export type ERROR_LEVEL_MAPPED_TYPE = {
+    [index in ErrorCorrectionLevel]: Ecc;
+};
+export type ImageSettings = {
+    /**
+     * The URI of the embedded image.
+     */
+    src: string;
+    /**
+     * The height, in pixels, of the image.
+     */
+    height: number;
+    /**
+     * The width, in pixels, of the image.
+     */
+    width: number;
+    /**
+     * Whether or not to "excavate" the modules around the embedded image. This
+     * means that any modules the embedded image overlaps will use the background
+     * color.
+     */
+    excavate: boolean;
+    /**
+     * The horiztonal offset of the embedded image, starting from the top left corner.
+     * Will center if not specified.
+     */
+    x?: number;
+    /**
+     * The vertical offset of the embedded image, starting from the top left corner.
+     * Will center if not specified.
+     */
+    y?: number;
+    /**
+     * The opacity of the embedded image in the range of 0-1.
+     * @defaultValue 1
+     */
+    opacity?: number;
+    /**
+     * The cross-origin value to use when loading the image. This is used to
+     * ensure compatibility with CORS, particularly when extracting image data
+     * from QRCodeCanvas.
+     * Note: `undefined` is treated differently than the seemingly equivalent
+     * empty string. This is intended to align with HTML behavior where omitting
+     * the attribute behaves differently than the empty string.
+     */
+    crossOrigin?: CrossOrigin;
+};
+export type QRProps = {
+    /**
+     * The value to encode into the QR Code. An array of strings can be passed in
+     * to represent multiple segments to further optimize the QR Code.
+     */
+    value: string | string[];
+    /**
+     * If enabled, the Error Correction Level of the result may be higher than
+     * the specified Error Correction Level option if it can be done without
+     * increasing the version.
+     * @defaultValue true
+     */
+    boostLevel?: boolean;
+    /**
+     * The size, in pixels, to render the QR Code.
+     * @defaultValue 128
+     */
+    size?: number;
+    /**
+     * The Error Correction Level to use.
+     * @see https://www.qrcode.com/en/about/error_correction.html
+     * @defaultValue L
+     */
+    level?: ErrorCorrectionLevel;
+    /**
+     * The background color used to render the QR Code.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
+     * @defaultValue #FFFFFF
+     */
+    bgColor?: string;
+    /**
+     * The foregtound color used to render the QR Code.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
+     * @defaultValue #000000
+     */
+    fgColor?: string;
+    /**
+     * The style to apply to the QR Code.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Whether or not a margin of 4 modules should be rendered as a part of the
+     * QR Code.
+     * @deprecated Use `marginSize` instead.
+     * @defaultValue false
+     */
+    includeMargin?: boolean;
+    /**
+     * The number of _modules_ to use for margin. The QR Code specification
+     * requires `4`, however you can specify any number. Values will be turned to
+     * integers with `Math.floor`. Overrides `includeMargin` when both are specified.
+     * @defaultValue 0
+     */
+    marginSize?: number;
+    /**
+     * The settings for the embedded image.
+     */
+    imageSettings?: ImageSettings;
+    /**
+     * The title to assign to the QR Code. Used for accessibility reasons.
+     */
+    title?: string;
+    /**
+     * The minimum version used when encoding the QR Code. Valid values are 1-40
+     * with higher values resulting in more complex QR Codes. The optimal
+     * (lowest) version is determined for the `value` provided, using `minVersion`
+     * as the lower bound.
+     * @defaultValue 1
+     */
+    minVersion?: number;
+};
+export type QRPropsCanvas = QRProps & React.CanvasHTMLAttributes<HTMLCanvasElement>;
+export type QRPropsSVG = QRProps & React.SVGAttributes<SVGSVGElement>;

node_modules/@rc-component/qrcode/lib/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

node_modules/@rc-component/qrcode/lib/libs/qrcodegen.d.ts

@@ -0,0 +1,80 @@
+export declare class Mode {
+    static readonly NUMERIC: Mode;
+    static readonly ALPHANUMERIC: Mode;
+    static readonly BYTE: Mode;
+    static readonly KANJI: Mode;
+    static readonly ECI: Mode;
+    modeBits: number;
+    private numBitsCharCount;
+    private constructor();
+    numCharCountBits(ver: number): number;
+}
+export declare class Ecc {
+    static readonly LOW: Ecc;
+    static readonly MEDIUM: Ecc;
+    static readonly QUARTILE: Ecc;
+    static readonly HIGH: Ecc;
+    ordinal: number;
+    formatBits: number;
+    private constructor();
+}
+export declare class QrSegment {
+    static makeBytes(data: Readonly<number[]>): QrSegment;
+    static makeNumeric(digits: string): QrSegment;
+    static makeAlphanumeric(text: string): QrSegment;
+    static makeSegments(text: string): QrSegment[];
+    static makeEci(assignVal: number): QrSegment;
+    static isNumeric(text: string): boolean;
+    static isAlphanumeric(text: string): boolean;
+    mode: Mode;
+    numChars: number;
+    private bitData;
+    constructor(mode: Mode, numChars: number, bitData: number[]);
+    getData(): number[];
+    static getTotalBits(segs: Readonly<QrSegment[]>, version: number): number;
+    private static toUtf8ByteArray;
+    private static readonly NUMERIC_REGEX;
+    private static readonly ALPHANUMERIC_REGEX;
+    private static readonly ALPHANUMERIC_CHARSET;
+}
+export declare class QrCode {
+    static encodeText(text: string, ecl: Ecc): QrCode;
+    static encodeBinary(data: Readonly<number[]>, ecl: Ecc): QrCode;
+    static encodeSegments(segs: Readonly<QrSegment[]>, oriEcl: Ecc, minVersion?: number, maxVersion?: number, mask?: number, boostEcl?: boolean): QrCode;
+    readonly size: number;
+    readonly mask: number;
+    private readonly modules;
+    private readonly isFunction;
+    version: number;
+    errorCorrectionLevel: Ecc;
+    constructor(version: number, errorCorrectionLevel: Ecc, dataCodewords: Readonly<number[]>, oriMsk: number);
+    getModule(x: number, y: number): boolean;
+    getModules(): boolean[][];
+    private drawFunctionPatterns;
+    private drawFormatBits;
+    private drawVersion;
+    private drawFinderPattern;
+    private drawAlignmentPattern;
+    private setFunctionModule;
+    private addEccAndInterleave;
+    private drawCodewords;
+    private applyMask;
+    private getPenaltyScore;
+    private getAlignmentPatternPositions;
+    private static getNumRawDataModules;
+    private static getNumDataCodewords;
+    private static reedSolomonComputeDivisor;
+    private static reedSolomonComputeRemainder;
+    private static reedSolomonMultiply;
+    private finderPenaltyCountPatterns;
+    private finderPenaltyTerminateAndCount;
+    private finderPenaltyAddHistory;
+    static readonly MIN_VERSION: number;
+    static readonly MAX_VERSION: number;
+    private static readonly PENALTY_N1;
+    private static readonly PENALTY_N2;
+    private static readonly PENALTY_N3;
+    private static readonly PENALTY_N4;
+    private static readonly ECC_CODEWORDS_PER_BLOCK;
+    private static readonly NUM_ERROR_CORRECTION_BLOCKS;
+}

node_modules/@rc-component/qrcode/lib/utils.d.ts

@@ -0,0 +1,53 @@
+import type { CrossOrigin, ERROR_LEVEL_MAPPED_TYPE, ErrorCorrectionLevel, Excavation, ImageSettings } from './interface';
+export declare const ERROR_LEVEL_MAP: ERROR_LEVEL_MAPPED_TYPE;
+export declare const DEFAULT_SIZE = 128;
+export declare const DEFAULT_LEVEL: ErrorCorrectionLevel;
+export declare const DEFAULT_BACKGROUND_COLOR = "#FFFFFF";
+export declare const DEFAULT_FRONT_COLOR = "#000000";
+export declare const DEFAULT_NEED_MARGIN = false;
+export declare const DEFAULT_MINVERSION = 1;
+export declare const SPEC_MARGIN_SIZE = 4;
+export declare const DEFAULT_MARGIN_SIZE = 0;
+export declare const DEFAULT_IMG_SCALE = 0.1;
+/**
+ * Generate a path string from modules
+ * @param modules
+ * @param margin
+ * @returns
+ */
+export declare const generatePath: (modules: boolean[][], margin?: number) => string;
+/**
+ * Excavate modules
+ * @param modules
+ * @param excavation
+ * @returns
+ */
+export declare const excavateModules: (modules: boolean[][], excavation: Excavation) => boolean[][];
+/**
+ * Get image settings
+ * @param cells The modules of the QR code
+ * @param size The size of the QR code
+ * @param margin
+ * @param imageSettings
+ * @returns
+ */
+export declare const getImageSettings: (cells: boolean[][], size: number, margin: number, imageSettings?: ImageSettings) => {
+    x: number;
+    y: number;
+    h: number;
+    w: number;
+    excavation: Excavation | null;
+    opacity: number;
+    crossOrigin: CrossOrigin;
+};
+/**
+ * Get margin size
+ * @param needMargin Whether need margin
+ * @param marginSize Custom margin size
+ * @returns
+ */
+export declare const getMarginSize: (needMargin: boolean, marginSize?: number) => number;
+/**
+ * Check if Path2D is supported
+ */
+export declare const isSupportPath2d: boolean;

node_modules/@rc-component/qrcode/lib/utils.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSupportPath2d = exports.getMarginSize = exports.getImageSettings = exports.generatePath = exports.excavateModules = exports.SPEC_MARGIN_SIZE = exports.ERROR_LEVEL_MAP = exports.DEFAULT_SIZE = exports.DEFAULT_NEED_MARGIN = exports.DEFAULT_MINVERSION = exports.DEFAULT_MARGIN_SIZE = exports.DEFAULT_LEVEL = exports.DEFAULT_IMG_SCALE = exports.DEFAULT_FRONT_COLOR = exports.DEFAULT_BACKGROUND_COLOR = void 0;
+var _qrcodegen = require("./libs/qrcodegen");
+// Part logic is from `qrcode.react`. (ISC License)
+// https://github.com/zpao/qrcode.react
+
+// ==========================================================
+
+// =================== ERROR_LEVEL ==========================
+var ERROR_LEVEL_MAP = exports.ERROR_LEVEL_MAP = {
+  L: _qrcodegen.Ecc.LOW,
+  M: _qrcodegen.Ecc.MEDIUM,
+  Q: _qrcodegen.Ecc.QUARTILE,
+  H: _qrcodegen.Ecc.HIGH
+};
+
+// =================== DEFAULT_VALUE ==========================
+var DEFAULT_SIZE = exports.DEFAULT_SIZE = 128;
+var DEFAULT_LEVEL = exports.DEFAULT_LEVEL = 'L';
+var DEFAULT_BACKGROUND_COLOR = exports.DEFAULT_BACKGROUND_COLOR = '#FFFFFF';
+var DEFAULT_FRONT_COLOR = exports.DEFAULT_FRONT_COLOR = '#000000';
+var DEFAULT_NEED_MARGIN = exports.DEFAULT_NEED_MARGIN = false;
+var DEFAULT_MINVERSION = exports.DEFAULT_MINVERSION = 1;
+var SPEC_MARGIN_SIZE = exports.SPEC_MARGIN_SIZE = 4;
+var DEFAULT_MARGIN_SIZE = exports.DEFAULT_MARGIN_SIZE = 0;
+var DEFAULT_IMG_SCALE = exports.DEFAULT_IMG_SCALE = 0.1;
+
+// =================== UTILS ==========================
+/**
+ * Generate a path string from modules
+ * @param modules
+ * @param margin
+ * @returns
+ */
+var generatePath = exports.generatePath = function generatePath(modules) {
+  var margin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var ops = [];
+  modules.forEach(function (row, y) {
+    var start = null;
+    row.forEach(function (cell, x) {
+      if (!cell && start !== null) {
+        ops.push("M".concat(start + margin, " ").concat(y + margin, "h").concat(x - start, "v1H").concat(start + margin, "z"));
+        start = null;
+        return;
+      }
+      if (x === row.length - 1) {
+        if (!cell) {
+          return;
+        }
+        if (start === null) {
+          ops.push("M".concat(x + margin, ",").concat(y + margin, " h1v1H").concat(x + margin, "z"));
+        } else {
+          ops.push("M".concat(start + margin, ",").concat(y + margin, " h").concat(x + 1 - start, "v1H").concat(start + margin, "z"));
+        }
+        return;
+      }
+      if (cell && start === null) {
+        start = x;
+      }
+    });
+  });
+  return ops.join('');
+};
+
+/**
+ * Excavate modules
+ * @param modules
+ * @param excavation
+ * @returns
+ */
+var excavateModules = exports.excavateModules = function excavateModules(modules, excavation) {
+  return modules.slice().map(function (row, y) {
+    if (y < excavation.y || y >= excavation.y + excavation.h) {
+      return row;
+    }
+    return row.map(function (cell, x) {
+      if (x < excavation.x || x >= excavation.x + excavation.w) {
+        return cell;
+      }
+      return false;
+    });
+  });
+};
+
+/**
+ * Get image settings
+ * @param cells The modules of the QR code
+ * @param size The size of the QR code
+ * @param margin
+ * @param imageSettings
+ * @returns
+ */
+var getImageSettings = exports.getImageSettings = function getImageSettings(cells, size, margin, imageSettings) {
+  if (imageSettings == null) {
+    return null;
+  }
+  var numCells = cells.length + margin * 2;
+  var defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);
+  var scale = numCells / size;
+  var w = (imageSettings.width || defaultSize) * scale;
+  var h = (imageSettings.height || defaultSize) * scale;
+  var x = imageSettings.x == null ? cells.length / 2 - w / 2 : imageSettings.x * scale;
+  var y = imageSettings.y == null ? cells.length / 2 - h / 2 : imageSettings.y * scale;
+  var opacity = imageSettings.opacity == null ? 1 : imageSettings.opacity;
+  var excavation = null;
+  if (imageSettings.excavate) {
+    var floorX = Math.floor(x);
+    var floorY = Math.floor(y);
+    var ceilW = Math.ceil(w + x - floorX);
+    var ceilH = Math.ceil(h + y - floorY);
+    excavation = {
+      x: floorX,
+      y: floorY,
+      w: ceilW,
+      h: ceilH
+    };
+  }
+  var crossOrigin = imageSettings.crossOrigin;
+  return {
+    x: x,
+    y: y,
+    h: h,
+    w: w,
+    excavation: excavation,
+    opacity: opacity,
+    crossOrigin: crossOrigin
+  };
+};
+
+/**
+ * Get margin size
+ * @param needMargin Whether need margin
+ * @param marginSize Custom margin size
+ * @returns
+ */
+var getMarginSize = exports.getMarginSize = function getMarginSize(needMargin, marginSize) {
+  if (marginSize != null) {
+    return Math.max(Math.floor(marginSize), 0);
+  }
+  return needMargin ? SPEC_MARGIN_SIZE : DEFAULT_MARGIN_SIZE;
+};
+
+/**
+ * Check if Path2D is supported
+ */
+var isSupportPath2d = exports.isSupportPath2d = function () {
+  try {
+    new Path2D().addPath(new Path2D());
+  } catch (_unused) {
+    return false;
+  }
+  return true;
+}();

node_modules/@rc-component/qrcode/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@rc-component/qrcode",
+  "version": "1.1.1",
+  "description": "base abstract trigger component for react",
+  "engines": {
+    "node": ">=8.x"
+  },
+  "keywords": [
+    "react",
+    "react-component",
+    "react-qrcode",
+    "qrcode"
+  ],
+  "homepage": "https://github.com/react-component/qrcode",
+  "author": "",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/react-component/qrcode.git"
+  },
+  "bugs": {
+    "url": "https://github.com/react-component/qrcode/issues"
+  },
+  "files": [
+    "es",
+    "lib",
+    "assets/**/*.css",
+    "assets/**/*.less"
+  ],
+  "license": "MIT",
+  "main": "./lib/index",
+  "module": "./es/index",
+  "scripts": {
+    "start": "dumi dev",
+    "build": "dumi build",
+    "compile": "father build && lessc assets/index.less assets/index.css",
+    "prepublishOnly": "npm run compile && rc-np",
+    "lint": "eslint src/ docs/examples/ --ext .tsx,.ts,.jsx,.js",
+    "test": "rc-test",
+    "coverage": "rc-test --coverage",
+    "now-build": "npm run build"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.24.7"
+  },
+  "devDependencies": {
+    "@ant-design/tools": "^18.0.2",
+    "@rc-component/father-plugin": "^1.0.0",
+    "@rc-component/np": "^1.0.0",
+    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/react": "^16.0.0",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^24.7.1",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.1",
+    "@umijs/fabric": "^4.0.1",
+    "dumi": "^2.1.0",
+    "eslint": "^8.51.0",
+    "father": "^4.0.0",
+    "jest-canvas-mock": "^2.5.2",
+    "less": "^4.2.0",
+    "rc-test": "^7.0.13",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "ts-jest": "^29.1.4",
+    "typescript": "^5.1.6"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "packageManager": "pnpm@9.8.0+sha512.8e4c3550fb500e808dbc30bb0ce4dd1eb614e30b1c55245f211591ec2cdf9c611cabd34e1364b42f564bd54b3945ed0f49d61d1bbf2ec9bd74b866fcdc723276"
+}