@jingx/lottery-components-react-jsx 1.0.25 → 1.0.26

package/dist/index.esm.js

@@ -38114,7 +38114,7 @@ function ScopeHost({ className, children, style }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style, ref, className: `spacx bg-transparent ${className}`, children: typeof children === "function" ? children(container) : children });
 }
 
-const totalStyle = { lineHeight: "15px", fontWeight: 600, fontSize: 25 };
+const totalStyle = { lineHeight: "25px", fontWeight: 600, fontSize: 25 };
 const dotStyle = { lineHeight: "13px", fontWeight: 800, fontSize: 25, color: "black" };
 const RenderRow = ({ children, label, isShow = true }) => {
   if (!isShow) return null;
@@ -46249,17 +46249,31 @@ var parseBackgroundColor = function (context, element, backgroundColorOverride)
         : defaultBackgroundColor;
 };
 
+const getCanvasScale = () => {
+  const deviceScale = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+  return Math.max(deviceScale, 5);
+};
+const getCanvasOptions = (node, useCORS = true) => ({
+  scale: getCanvasScale(),
+  useCORS,
+  backgroundColor: "#ffffff",
+  logging: false,
+  removeContainer: true,
+  width: node.scrollWidth,
+  height: node.scrollHeight,
+  windowWidth: node.scrollWidth,
+  windowHeight: node.scrollHeight
+});
 const exportToImage = async (reportRef, actionButtonsRef, lotteryType, ticketNumber) => {
   if (!reportRef.current || !actionButtonsRef.current) return;
   const originalVisibility = actionButtonsRef.current.style.visibility;
   try {
     actionButtonsRef.current.style.visibility = "hidden";
-    const scale = window.devicePixelRatio || 2;
-    const canvas = await html2canvas(reportRef.current, {
-      scale,
-      useCORS: false,
-      backgroundColor: "#ffffff"
-    });
+    await waitForFontsAndImages(reportRef.current);
+    const canvas = await html2canvas(
+      reportRef.current,
+      getCanvasOptions(reportRef.current, true)
+    );
     const image = canvas.toDataURL(`image/png`, 1);
     const link = document.createElement("a");
     link.href = image;
@@ -46280,14 +46294,7 @@ const copyImageToClipboard = async (reportRef, actionButtonsRef, lotteryType, ti
   try {
     if (btn) btn.style.visibility = "hidden";
     await waitForFontsAndImages(node);
-    const scale = window.devicePixelRatio || 2;
-    const canvas = await html2canvas(node, {
-      scale,
-      useCORS: true,
-      backgroundColor: "#ffffff",
-      logging: false,
-      removeContainer: true
-    });
+    const canvas = await html2canvas(node, getCanvasOptions(node));
     const blob = await canvasToBlob(canvas);
     if (!blob) throw new Error("Clipboard blob unavailable");
     if (!((_a = navigator.clipboard) == null ? void 0 : _a.write)) {
@@ -46333,15 +46340,7 @@ const exportToImageShare = async (reportRef, actionButtonsRef, lotteryType, tick
   try {
     if (btn) btn.style.visibility = "hidden";
     await waitForFontsAndImages(node);
-    const scale = window.devicePixelRatio || 2;
-    const canvas = await html2canvas(node, {
-      scale,
-      useCORS: true,
-      // enable if your images have CORS headers
-      backgroundColor: "#ffffff",
-      logging: false,
-      removeContainer: true
-    });
+    const canvas = await html2canvas(node, getCanvasOptions(node));
     const blob = await canvasToBlob(canvas);
     if (!blob) return;
     const fileName = `${lotteryType}-#${ticketNumber}.png`;