@unicom-cloud/ui 0.8.115 → 0.8.117

package/qr-code/src/index.js

@@ -0,0 +1,261 @@
+/* 2025-11-03 10:27:46 */
+import { jsx as M, jsxs as T, Fragment as X } from "react/jsx-runtime";
+import p from "react";
+import "../../dist/ui-common/utils/is.js";
+import L from "./qrcodegen.js";
+import { isFunction as Y, isArray as J } from "@unicom-cloud/utils/is";
+const K = {
+  L: L.QrCode.Ecc.LOW,
+  M: L.QrCode.Ecc.MEDIUM,
+  Q: L.QrCode.Ecc.QUARTILE,
+  H: L.QrCode.Ecc.HIGH
+}, H = 128, U = "L", G = "#FFFFFF", V = "#000000", z = 1, ee = 0, te = 0.1;
+function b(s, e = 0) {
+  const o = [];
+  return s.forEach(function(t, l) {
+    let n = null;
+    t.forEach(function(r, c) {
+      if (!r && n !== null) {
+        o.push(
+          `M${n + e} ${l + e}h${c - n}v1H${n + e}z`
+        ), n = null;
+        return;
+      }
+      if (c === t.length - 1) {
+        if (!r)
+          return;
+        n === null ? o.push(`M${c + e},${l + e} h1v1H${c + e}z`) : o.push(
+          `M${n + e},${l + e} h${c + 1 - n}v1H${n + e}z`
+        );
+        return;
+      }
+      r && n === null && (n = c);
+    });
+  }), o.join("");
+}
+function N(s, e) {
+  return s.slice().map((o, t) => t < e.y || t >= e.y + e.h ? o : o.map((l, n) => n < e.x || n >= e.x + e.w ? l : !1));
+}
+function ne(s, e, o, t) {
+  if (t == null)
+    return null;
+  const l = s.length + o * 2, n = Math.floor(e * te), r = l / e, c = (t.width || n) * r, C = (t.height || n) * r, E = t.x == null ? s.length / 2 - c / 2 : t.x * r, d = t.y == null ? s.length / 2 - C / 2 : t.y * r, v = t.opacity == null ? 1 : t.opacity;
+  let u = null;
+  if (t.excavate) {
+    const f = Math.floor(E), i = Math.floor(d), g = Math.ceil(c + E - f), a = Math.ceil(C + d - i);
+    u = { x: f, y: i, w: g, h: a };
+  }
+  const h = t.crossOrigin;
+  return { x: E, y: d, h: C, w: c, excavation: u, opacity: v, crossOrigin: h };
+}
+function le(s) {
+  return s != null ? Math.max(Math.floor(s), 0) : ee;
+}
+function j({
+  value: s,
+  level: e,
+  minVersion: o,
+  marginSize: t,
+  imageSettings: l,
+  size: n,
+  boostLevel: r
+}) {
+  const c = p.useMemo(() => {
+    const h = (J(s) ? s : [s]).reduce((f, i) => (f.push(...L.QrSegment.makeSegments(i)), f), []);
+    return L.QrCode.encodeSegments(
+      h,
+      K[e],
+      o,
+      void 0,
+      void 0,
+      r
+    );
+  }, [s, e, o, r]), { cells: C, margin: E, numCells: d, calculatedImageSettings: v } = p.useMemo(() => {
+    const u = c.getModules(), h = le(t), f = u.length + h * 2, i = ne(
+      u,
+      n,
+      h,
+      l
+    );
+    return {
+      cells: u,
+      margin: h,
+      numCells: f,
+      calculatedImageSettings: i
+    };
+  }, [c, n, l, t]);
+  return {
+    qrcode: c,
+    margin: E,
+    cells: C,
+    numCells: d,
+    calculatedImageSettings: v
+  };
+}
+const oe = (function() {
+  try {
+    new Path2D().addPath(new Path2D());
+  } catch {
+    return !1;
+  }
+  return !0;
+})(), se = p.forwardRef(
+  function(e, o) {
+    const {
+      value: t,
+      size: l = H,
+      level: n = U,
+      bgColor: r = G,
+      fgColor: c = V,
+      minVersion: C = z,
+      boostLevel: E,
+      marginSize: d,
+      imageSettings: v,
+      ...u
+    } = e, { style: h, ...f } = u, i = v?.src, g = p.useRef(null), a = p.useRef(null), F = p.useCallback(
+      (y) => {
+        g.current = y, Y(o) ? o(y) : o && (o.current = y);
+      },
+      [o]
+    ), [x, S] = p.useState(!1), { margin: I, cells: A, numCells: Q, calculatedImageSettings: m } = j({
+      value: t,
+      level: n,
+      minVersion: C,
+      boostLevel: E,
+      marginSize: d,
+      imageSettings: v,
+      size: l
+    });
+    p.useEffect(() => {
+      if (g.current != null) {
+        const y = g.current, R = y.getContext("2d");
+        if (!R)
+          return;
+        let D = A;
+        const w = a.current, O = m != null && w !== null && w.complete && w.naturalHeight !== 0 && w.naturalWidth !== 0;
+        O && m.excavation != null && (D = N(
+          A,
+          m.excavation
+        ));
+        const P = window.devicePixelRatio || 1;
+        y.height = y.width = l * P;
+        const _ = l / Q * P;
+        R.scale(_, _), R.fillStyle = r, R.fillRect(0, 0, Q, Q), R.fillStyle = c, oe ? R.fill(new Path2D(b(D, I))) : A.forEach(function(k, q) {
+          k.forEach(function(B, Z) {
+            B && R.fillRect(Z + I, q + I, 1, 1);
+          });
+        }), m && (R.globalAlpha = m.opacity), O && R.drawImage(
+          w,
+          m.x + I,
+          m.y + I,
+          m.w,
+          m.h
+        );
+      }
+    }), p.useEffect(() => {
+      S(!1);
+    }, [i]);
+    const W = { height: l, width: l, ...h };
+    let $ = null;
+    return i != null && ($ = /* @__PURE__ */ M(
+      "img",
+      {
+        src: i,
+        style: { display: "none" },
+        onLoad: () => {
+          S(!0);
+        },
+        ref: a,
+        crossOrigin: m?.crossOrigin
+      },
+      i
+    )), /* @__PURE__ */ T(X, { children: [
+      /* @__PURE__ */ M(
+        "canvas",
+        {
+          style: W,
+          height: l,
+          width: l,
+          ref: F,
+          role: "img",
+          ...f
+        }
+      ),
+      $
+    ] });
+  }
+);
+se.displayName = "QRCodeCanvas";
+const ce = p.forwardRef(
+  function(e, o) {
+    const {
+      value: t,
+      size: l = H,
+      level: n = U,
+      bgColor: r = G,
+      fgColor: c = V,
+      minVersion: C = z,
+      boostLevel: E,
+      title: d,
+      marginSize: v,
+      imageSettings: u,
+      ...h
+    } = e, { margin: f, cells: i, numCells: g, calculatedImageSettings: a } = j({
+      value: t,
+      level: n,
+      minVersion: C,
+      boostLevel: E,
+      marginSize: v,
+      imageSettings: u,
+      size: l
+    });
+    let F = i, x = null;
+    u != null && a != null && (a.excavation != null && (F = N(
+      i,
+      a.excavation
+    )), x = /* @__PURE__ */ M(
+      "image",
+      {
+        href: u.src,
+        height: a.h,
+        width: a.w,
+        x: a.x + f,
+        y: a.y + f,
+        preserveAspectRatio: "none",
+        opacity: a.opacity,
+        crossOrigin: a.crossOrigin
+      }
+    ));
+    const S = b(F, f);
+    return /* @__PURE__ */ T(
+      "svg",
+      {
+        height: l,
+        width: l,
+        viewBox: `0 0 ${g} ${g}`,
+        ref: o,
+        role: "img",
+        ...h,
+        children: [
+          !!d && /* @__PURE__ */ M("title", { children: d }),
+          /* @__PURE__ */ M(
+            "path",
+            {
+              fill: r,
+              d: `M0,0 h${g}v${g}H0z`,
+              shapeRendering: "crispEdges"
+            }
+          ),
+          /* @__PURE__ */ M("path", { fill: c, d: S, shapeRendering: "crispEdges" }),
+          x
+        ]
+      }
+    );
+  }
+);
+ce.displayName = "QRCodeSVG";
+export {
+  se as QRCodeCanvas,
+  ce as QRCodeSVG,
+  L as qrcodegen
+};