@mptw/skylens-ui 1.4.86 → 1.4.87

package/components/SLDownloadButton.vue

@@ -30,10 +30,8 @@ import type { PropType } from "vue";
 import { fromEvent, Subscription } from "rxjs";
 import { createPopper } from "@popperjs/core";
 import type { Instance as PopperInstance, Placement } from "@popperjs/core";
-import * as htmlToImage from "html-to-image";
 import ExcelJS from "exceljs";
 import {
-  formatDateRange,
   downloadURL,
   downloadBlob,
   gaev,
@@ -243,20 +241,6 @@ export default defineComponent({
       }
     }
 
-    async function copyImageToClipboard() {
-      if (!navigator.clipboard) {
-        console.log("Can not copy image to clipboard!");
-        return;
-      }
-      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;
-      }
-
-      await navigator.clipboard.writeText(dataURL);
-    }
-
     onMounted(() => {
       nextTick(() => {
         if (buttonEl.value && popupEl.value) {
@@ -280,7 +264,6 @@ export default defineComponent({
       popupEl,
       onClickedToggle,
       onClickedOption,
-      copyImageToClipboard,
     };
   },
 });

package/components/SLToast.vue

@@ -1,7 +1,8 @@
 <template lang="pug">
 Transition(name='toast-fade')
   .toast(v-if='show')
-    .toast-wrapper {{ message }}
+    .toast-wrapper
+      slot(name='message') {{ message }}
 </template>
 
 <script lang="ts">

package/package.json

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

package/utils/index.ts

@@ -702,4 +702,16 @@ export const domToPngDataUrl = async (
     dataURL = await addDateRanges(dataURL, [...dateRanges].reverse());
   if (watermark) dataURL = await addWatermark(dataURL, watermarkImg);
   return dataURL;
-}
+}
+
+export const dataURLtoBlob = (dataurl: string) => {
+  const arr = dataurl.split(',');
+  const mime = arr[0].match(/:(.*?);/)[1];
+  const bstr = atob(arr[1]);
+  let n = bstr.length;
+  const u8arr = new Uint8Array(n);
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  return new Blob([u8arr], { type: mime });
+}