@deot/vc-components 1.0.52 → 1.0.53

package/dist/index.cjs

@@ -73,6 +73,10 @@ const defaults$2 = {
   },
   TableColumn: {
     line: nil
+  },
+  Snapshot: {
+    source: nil,
+    download: nil
   }
 };
 
@@ -12122,7 +12126,8 @@ const props$H = {
     default: "anonymous",
     validator: (v) => /^(|anonymous|use-credentials)$/.test(v)
   },
-  transformSource: Function,
+  source: Function,
+  download: Function,
   // 传递给snap-dom的配置项
   options: {
     type: Object,
@@ -12142,19 +12147,20 @@ const Snapshot = /* @__PURE__ */ vue.defineComponent({
     slots,
     expose
   }) {
+    const instance = vue.getCurrentInstance();
     const current = vue.ref();
-    const instance = vue.ref();
+    const snapdom = vue.ref();
 
     // 网络的图片如果没有加上crossOrigin，且没有放在第一个就会出现问题（Safari）
     const refresh = async () => {
       if (!props.crossOrigin) return;
-      const transformSource = props.transformSource || VcInstance.options.Snapshot?.transformSource || (v => v);
+      const transformSource = props.source || VcInstance.options.Snapshot?.source || (v => v);
       return Promise.all(Array.from(current.value.querySelectorAll('img')).map(node => {
         return new Promise(resolve => {
           (async () => {
             let url;
             try {
-              url = await transformSource(node.src);
+              url = await transformSource(node.src, 'image');
             } catch (e) {
               console.error(e);
             }
@@ -12172,22 +12178,22 @@ const Snapshot = /* @__PURE__ */ vue.defineComponent({
     };
     const toDataURL = async () => {
       await refresh();
-      return instance.value.toRaw();
+      return snapdom.value.toRaw();
     };
     const download = async options => {
       await refresh();
-      const _download = VcInstance.options.Snapshot?.download || (() => false);
-      const allow = _download(options);
+      const _download = props.download || VcInstance.options.Snapshot?.download || (() => false);
+      const allow = _download(instance, options);
       if (allow && allow.then) {
         allow.catch(() => {
-          instance.value.download(options);
+          snapdom.value.download(options);
         });
         return;
       }
-      allow || instance.value.download(options);
+      allow || snapdom.value.download(options);
     };
     expose({
-      instance,
+      snapdom,
       refresh,
       toDataURL,
       download
@@ -12196,9 +12202,9 @@ const Snapshot = /* @__PURE__ */ vue.defineComponent({
       try {
         let snapDOM = window.snapdom || (await import('@zumer/snapdom'));
         snapDOM = snapDOM.snapdom || snapDOM;
-        instance.value = await snapDOM(current.value, props.options);
+        snapdom.value = await snapDOM(current.value, props.options);
         emit('ready', {
-          instance: instance.value,
+          instance,
           dependencies: {
             snapDOM
           }

package/dist/index.d.ts

@@ -8427,7 +8427,8 @@ type: StringConstructor;
 default: string;
 validator: (v: any) => boolean;
 };
-transformSource: FunctionConstructor;
+source: FunctionConstructor;
+download: FunctionConstructor;
 options: {
 type: ObjectConstructor;
 default: () => {};
@@ -8442,7 +8443,8 @@ type: StringConstructor;
 default: string;
 validator: (v: any) => boolean;
 };
-transformSource: FunctionConstructor;
+source: FunctionConstructor;
+download: FunctionConstructor;
 options: {
 type: ObjectConstructor;
 default: () => {};
@@ -13308,7 +13310,8 @@ type: StringConstructor;
 default: string;
 validator: (v: any) => boolean;
 };
-transformSource: FunctionConstructor;
+source: FunctionConstructor;
+download: FunctionConstructor;
 options: {
 type: ObjectConstructor;
 default: () => {};
@@ -13323,7 +13326,8 @@ type: StringConstructor;
 default: string;
 validator: (v: any) => boolean;
 };
-transformSource: FunctionConstructor;
+source: FunctionConstructor;
+download: FunctionConstructor;
 options: {
 type: ObjectConstructor;
 default: () => {};

package/dist/index.iife.js

@@ -35,6 +35,10 @@ var VcComponents = (function (exports, vue) {
 	  },
 	  TableColumn: {
 	    line: nil
+	  },
+	  Snapshot: {
+	    source: nil,
+	    download: nil
 	  }
 	};
 
@@ -20665,7 +20669,8 @@ var VcComponents = (function (exports, vue) {
 	    default: "anonymous",
 	    validator: (v) => /^(|anonymous|use-credentials)$/.test(v)
 	  },
-	  transformSource: Function,
+	  source: Function,
+	  download: Function,
 	  // 传递给snap-dom的配置项
 	  options: {
 	    type: Object,
@@ -20685,19 +20690,20 @@ var VcComponents = (function (exports, vue) {
 	    slots,
 	    expose
 	  }) {
+	    const instance = vue.getCurrentInstance();
 	    const current = vue.ref();
-	    const instance = vue.ref();
+	    const snapdom = vue.ref();
 
 	    // 网络的图片如果没有加上crossOrigin，且没有放在第一个就会出现问题（Safari）
 	    const refresh = async () => {
 	      if (!props.crossOrigin) return;
-	      const transformSource = props.transformSource || VcInstance.options.Snapshot?.transformSource || (v => v);
+	      const transformSource = props.source || VcInstance.options.Snapshot?.source || (v => v);
 	      return Promise.all(Array.from(current.value.querySelectorAll('img')).map(node => {
 	        return new Promise(resolve => {
 	          (async () => {
 	            let url;
 	            try {
-	              url = await transformSource(node.src);
+	              url = await transformSource(node.src, 'image');
 	            } catch (e) {
 	              console.error(e);
 	            }
@@ -20715,22 +20721,22 @@ var VcComponents = (function (exports, vue) {
 	    };
 	    const toDataURL = async () => {
 	      await refresh();
-	      return instance.value.toRaw();
+	      return snapdom.value.toRaw();
 	    };
 	    const download = async options => {
 	      await refresh();
-	      const _download = VcInstance.options.Snapshot?.download || (() => false);
-	      const allow = _download(options);
+	      const _download = props.download || VcInstance.options.Snapshot?.download || (() => false);
+	      const allow = _download(instance, options);
 	      if (allow && allow.then) {
 	        allow.catch(() => {
-	          instance.value.download(options);
+	          snapdom.value.download(options);
 	        });
 	        return;
 	      }
-	      allow || instance.value.download(options);
+	      allow || snapdom.value.download(options);
 	    };
 	    expose({
-	      instance,
+	      snapdom,
 	      refresh,
 	      toDataURL,
 	      download
@@ -20739,9 +20745,9 @@ var VcComponents = (function (exports, vue) {
 	      try {
 	        let snapDOM = window.snapdom || (await Promise.resolve().then(() => snapdom$1));
 	        snapDOM = snapDOM.snapdom || snapDOM;
-	        instance.value = await snapDOM(current.value, props.options);
+	        snapdom.value = await snapDOM(current.value, props.options);
 	        emit('ready', {
-	          instance: instance.value,
+	          instance,
 	          dependencies: {
 	            snapDOM
 	          }

package/dist/index.js

@@ -51,6 +51,10 @@ const defaults$2 = {
   },
   TableColumn: {
     line: nil
+  },
+  Snapshot: {
+    source: nil,
+    download: nil
   }
 };
 
@@ -12100,7 +12104,8 @@ const props$H = {
     default: "anonymous",
     validator: (v) => /^(|anonymous|use-credentials)$/.test(v)
   },
-  transformSource: Function,
+  source: Function,
+  download: Function,
   // 传递给snap-dom的配置项
   options: {
     type: Object,
@@ -12120,19 +12125,20 @@ const Snapshot = /* @__PURE__ */ defineComponent({
     slots,
     expose
   }) {
+    const instance = getCurrentInstance();
     const current = ref();
-    const instance = ref();
+    const snapdom = ref();
 
     // 网络的图片如果没有加上crossOrigin，且没有放在第一个就会出现问题（Safari）
     const refresh = async () => {
       if (!props.crossOrigin) return;
-      const transformSource = props.transformSource || VcInstance.options.Snapshot?.transformSource || (v => v);
+      const transformSource = props.source || VcInstance.options.Snapshot?.source || (v => v);
       return Promise.all(Array.from(current.value.querySelectorAll('img')).map(node => {
         return new Promise(resolve => {
           (async () => {
             let url;
             try {
-              url = await transformSource(node.src);
+              url = await transformSource(node.src, 'image');
             } catch (e) {
               console.error(e);
             }
@@ -12150,22 +12156,22 @@ const Snapshot = /* @__PURE__ */ defineComponent({
     };
     const toDataURL = async () => {
       await refresh();
-      return instance.value.toRaw();
+      return snapdom.value.toRaw();
     };
     const download = async options => {
       await refresh();
-      const _download = VcInstance.options.Snapshot?.download || (() => false);
-      const allow = _download(options);
+      const _download = props.download || VcInstance.options.Snapshot?.download || (() => false);
+      const allow = _download(instance, options);
       if (allow && allow.then) {
         allow.catch(() => {
-          instance.value.download(options);
+          snapdom.value.download(options);
         });
         return;
       }
-      allow || instance.value.download(options);
+      allow || snapdom.value.download(options);
     };
     expose({
-      instance,
+      snapdom,
       refresh,
       toDataURL,
       download
@@ -12174,9 +12180,9 @@ const Snapshot = /* @__PURE__ */ defineComponent({
       try {
         let snapDOM = window.snapdom || (await import('@zumer/snapdom'));
         snapDOM = snapDOM.snapdom || snapDOM;
-        instance.value = await snapDOM(current.value, props.options);
+        snapdom.value = await snapDOM(current.value, props.options);
         emit('ready', {
-          instance: instance.value,
+          instance,
           dependencies: {
             snapDOM
           }

package/dist/index.umd.cjs

@@ -38,6 +38,10 @@
 	  },
 	  TableColumn: {
 	    line: nil
+	  },
+	  Snapshot: {
+	    source: nil,
+	    download: nil
 	  }
 	};
 
@@ -20668,7 +20672,8 @@
 	    default: "anonymous",
 	    validator: (v) => /^(|anonymous|use-credentials)$/.test(v)
 	  },
-	  transformSource: Function,
+	  source: Function,
+	  download: Function,
 	  // 传递给snap-dom的配置项
 	  options: {
 	    type: Object,
@@ -20688,19 +20693,20 @@
 	    slots,
 	    expose
 	  }) {
+	    const instance = vue.getCurrentInstance();
 	    const current = vue.ref();
-	    const instance = vue.ref();
+	    const snapdom = vue.ref();
 
 	    // 网络的图片如果没有加上crossOrigin，且没有放在第一个就会出现问题（Safari）
 	    const refresh = async () => {
 	      if (!props.crossOrigin) return;
-	      const transformSource = props.transformSource || VcInstance.options.Snapshot?.transformSource || (v => v);
+	      const transformSource = props.source || VcInstance.options.Snapshot?.source || (v => v);
 	      return Promise.all(Array.from(current.value.querySelectorAll('img')).map(node => {
 	        return new Promise(resolve => {
 	          (async () => {
 	            let url;
 	            try {
-	              url = await transformSource(node.src);
+	              url = await transformSource(node.src, 'image');
 	            } catch (e) {
 	              console.error(e);
 	            }
@@ -20718,22 +20724,22 @@
 	    };
 	    const toDataURL = async () => {
 	      await refresh();
-	      return instance.value.toRaw();
+	      return snapdom.value.toRaw();
 	    };
 	    const download = async options => {
 	      await refresh();
-	      const _download = VcInstance.options.Snapshot?.download || (() => false);
-	      const allow = _download(options);
+	      const _download = props.download || VcInstance.options.Snapshot?.download || (() => false);
+	      const allow = _download(instance, options);
 	      if (allow && allow.then) {
 	        allow.catch(() => {
-	          instance.value.download(options);
+	          snapdom.value.download(options);
 	        });
 	        return;
 	      }
-	      allow || instance.value.download(options);
+	      allow || snapdom.value.download(options);
 	    };
 	    expose({
-	      instance,
+	      snapdom,
 	      refresh,
 	      toDataURL,
 	      download
@@ -20742,9 +20748,9 @@
 	      try {
 	        let snapDOM = window.snapdom || (await Promise.resolve().then(() => snapdom$1));
 	        snapDOM = snapDOM.snapdom || snapDOM;
-	        instance.value = await snapDOM(current.value, props.options);
+	        snapdom.value = await snapDOM(current.value, props.options);
 	        emit('ready', {
-	          instance: instance.value,
+	          instance,
 	          dependencies: {
 	            snapDOM
 	          }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/vc-components",
-  "version": "1.0.52",
+  "version": "1.0.53",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",