@mptw/skylens-ui 1.4.58 → 1.4.59

package/components/SLDownloadButton.vue

@@ -40,7 +40,6 @@ import {
   ga4ev,
 } from "~ui/utils";
 import type IDateRange from "~ui/interface/IDateRange";
-import watermarkImg from "images/commons/watermark.svg";
 
 // http://www.excelcodex.com/2012/06/worksheets-naming-conventions/
 function safeSheetName(name: string) {
@@ -110,7 +109,7 @@ export default defineComponent({
     },
     customStyle: {
       type: Object as PropType<Partial<CSSStyleDeclaration>>,
-      default: () => {},
+      default: () => { },
     },
     evCategory: {
       type: String,
@@ -138,6 +137,7 @@ export default defineComponent({
     let clickSubscriber: Subscription | null = null;
     let popperInstance: PopperInstance | null = null;
 
+    const watermarkImg = computed(() => '/assets/images/commons/watermark.svg')
     const styleOption = computed(() => {
       return Object.assign({}, DEFAULT_STYLE, customStyle.value);
     });
@@ -280,7 +280,7 @@ export default defineComponent({
       if (padding.value) dataURL = await addPadding(dataURL, padding.value);
       if (dateRanges.value?.length > 0)
         dataURL = await addDateRanges(dataURL, [...dateRanges.value].reverse());
-      if (watermark.value) dataURL = await addWatermark(dataURL, watermarkImg);
+      if (watermark.value) dataURL = await addWatermark(dataURL, watermarkImg.value);
       downloadURL(dataURL, `${fileName.value}.png`);
     }
 

package/package.json

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