@mptw/skylens-ui 1.4.82 → 1.4.84

package/components/SLDownloadButton.vue

@@ -223,6 +223,10 @@ export default defineComponent({
       }
 
       const dataURL = await domToPngDataUrl(imageTarget.value, customFilter.value, customStyle.value, padding.value, dateRanges.value, watermark.value, WatermarkImage);
+      if (!dataURL) {
+        console.log("Can not generate data URL!");
+        return;
+      }
       downloadURL(dataURL, `${fileName.value}.png`);
 
       if (evCategory.value !== "") {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mptw/skylens-ui",
   "type": "module",
-  "version": "1.4.82",
+  "version": "1.4.84",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",

package/utils/index.ts

@@ -664,7 +664,7 @@ async function addWatermark(dataURL: string, watermarkImg: string) {
 export const domToPngDataUrl = async (
   imageTarget: HTMLElement | null,
   customFilter: Function | null,
-  customStyle: CSSStyleDeclaration | null,
+  customStyle: Partial<CSSStyleDeclaration> | null,
   padding: number = 0,
   dateRanges: (IDateRange | null)[] = [],
   watermark: boolean = true,
@@ -685,9 +685,9 @@ export const domToPngDataUrl = async (
     );
   };
   const styleOption = Object.assign({}, {
-    marginTop: '0px',
-    marginBottom: '9px',
-    border: 'none',
+    marginTop: 0,
+    marginBottom: 9,
+    border: 0,
   }, customStyle || {});
 
   const options = {