@xiping/react-components 1.0.45 → 1.0.50

package/dist/es/components/qr-code/index.d.ts

@@ -1,103 +0,0 @@
-import { default as React } from 'react';
-type ErrorCorrectionLevel = "L" | "M" | "Q" | "H";
-type CrossOrigin = "anonymous" | "use-credentials" | "" | undefined;
-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;
-    /**
-     * 图片渲染质量
-     * @defaultValue 'high'
-     */
-    imageQuality?: 'low' | 'medium' | 'high';
-};
-export interface QRCodeProps {
-    /**
-     * 要编码到二维码中的值
-     */
-    value: string;
-    /**
-     * 二维码的渲染尺寸（像素）
-     * @defaultValue 128
-     */
-    size?: number;
-    /**
-     * 错误纠正级别
-     * @defaultValue M
-     */
-    level?: ErrorCorrectionLevel;
-    /**
-     * 二维码的背景颜色
-     * @defaultValue #FFFFFF
-     */
-    bgColor?: string;
-    /**
-     * 二维码的前景颜色
-     * @defaultValue #000000
-     */
-    fgColor?: string;
-    /**
-     * 二维码边距的模块数量
-     * @defaultValue 4
-     */
-    marginSize?: number;
-    /**
-     * 二维码的标题（用于无障碍访问）
-     */
-    title?: string;
-    /**
-     * 编码二维码时使用的最小版本（1-40）
-     * @defaultValue 1
-     */
-    minVersion?: number;
-    /**
-     * 是否允许在可能的情况下提高错误纠正级别
-     * @defaultValue true
-     */
-    boostLevel?: boolean;
-    /**
-     * 嵌入图片的设置
-     */
-    imageSettings?: ImageSettings;
-}
-export declare const QRCode: React.FC<QRCodeProps>;
-export default QRCode;

package/dist/es/components/qr-code/index.js

@@ -1,49 +0,0 @@
-import { jsx as x } from "react/jsx-runtime";
-import F from "qrcode";
-import { useRef as R, useEffect as i } from "react";
-const C = ({
-  value: l,
-  size: c = 128,
-  fgColor: n = "#000000",
-  bgColor: f = "#FFFFFF",
-  level: t = "M",
-  marginSize: u = 4,
-  imageSettings: o
-}) => {
-  const p = R(null);
-  return i(() => {
-    const a = p.current;
-    if (!a) return;
-    const w = {
-      errorCorrectionLevel: t,
-      margin: u,
-      color: {
-        dark: n,
-        light: f
-      },
-      width: c
-    };
-    F.toCanvas(a, l, w, (y) => {
-      if (y) {
-        console.error(y);
-        return;
-      }
-      if (o) {
-        const r = a.getContext("2d");
-        if (!r) return;
-        r.imageSmoothingEnabled = !0, r.imageSmoothingQuality = o.imageQuality || "high";
-        const h = new Image();
-        h.crossOrigin = o.crossOrigin || "anonymous", h.onload = () => {
-          const d = o.x ?? (c - o.width) / 2, v = o.y ?? (c - o.height) / 2;
-          o.opacity !== void 0 && o.opacity !== 1 && (r.save(), r.globalAlpha = o.opacity), o.excavate && (r.fillStyle = f, r.fillRect(d, v, o.width, o.height)), r.drawImage(h, d, v, o.width, o.height), o.opacity !== void 0 && o.opacity !== 1 && r.restore();
-        }, h.onerror = (d) => {
-          console.error("Failed to load QR code image:", d);
-        }, h.src = o.src;
-      }
-    });
-  }, [l, c, n, f, t, u, o]), /* @__PURE__ */ x("canvas", { ref: p, width: c, height: c });
-};
-export {
-  C as QRCode,
-  C as default
-};