@deot/vc-components 1.0.54 → 1.0.55

package/dist/index.cjs

@@ -75,6 +75,7 @@ const defaults$2 = {
     line: nil
   },
   Snapshot: {
+    options: nil,
     source: nil,
     download: nil
   }
@@ -12132,6 +12133,14 @@ const props$H = {
   },
   source: Function,
   download: Function,
+  lazy: {
+    type: Boolean,
+    default: true
+  },
+  showLoading: {
+    type: Boolean,
+    default: true
+  },
   // 传递给snap-dom的配置项
   options: {
     type: Object,
@@ -12154,34 +12163,59 @@ const Snapshot = /* @__PURE__ */ vue.defineComponent({
     let snapDOM;
     const instance = vue.getCurrentInstance();
     const current = vue.ref();
-    const snapdom = vue.ref();
+    const snapshot = vue.ref();
     const refresh = async () => {
       await vue.nextTick();
-      snapdom.value = await snapDOM(current.value, props.options);
-      return snapdom.value;
+      snapshot.value = await snapDOM(current.value, {
+        fast: false,
+        // dom太大时会卡死一会儿
+        ...VcInstance.options.Snapshot?.options,
+        ...props.options
+      });
+      return snapshot.value;
+    };
+    const onLoad = () => {
+      return props.showLoading && Message.loading('正在生成...');
+    };
+    const onLoaded = ctx => {
+      ctx?.destroy?.();
     };
     const toDataURL = async () => {
+      const loadContext = onLoad();
+      try {
+        await refresh();
+        return snapshot.value.toRaw();
+      } finally {
+        onLoaded(loadContext);
+      }
+    };
+    const downloadByDefault = async options => {
       await refresh();
-      return snapdom.value.toRaw();
+      return snapshot.value.download(options);
     };
     const download = async options => {
-      await refresh();
-      const _download = props.download || VcInstance.options.Snapshot?.download || (() => false);
-      const skip = _download(instance, options);
+      const loadContext = onLoad();
+      const downloadByUser = props.download || VcInstance.options.Snapshot?.download || (() => false);
+      const skip = downloadByUser(instance, options);
+      const done = async v => {
+        try {
+          v || (await downloadByDefault(options));
+        } finally {
+          onLoaded(loadContext);
+        }
+      };
       if (skip && skip.then) {
         let skip$ = false;
         skip.then(v => {
           skip$ = typeof v === 'undefined' ? true : !!v;
           return v;
-        }).finally(() => {
-          skip$ || snapdom.value.download(options);
-        });
+        }).finally(() => done(skip$));
         return;
       }
-      skip || snapdom.value.download(options);
+      done(skip);
     };
     expose({
-      snapdom,
+      snapshot,
       refresh,
       toDataURL,
       download
@@ -12190,7 +12224,7 @@ const Snapshot = /* @__PURE__ */ vue.defineComponent({
       try {
         snapDOM = window.snapdom || (await import('@zumer/snapdom'));
         snapDOM = snapDOM.snapdom || snapDOM;
-        await refresh();
+        !props.lazy && (await refresh());
         emit('ready', {
           instance,
           dependencies: {

package/dist/index.d.ts

@@ -8425,10 +8425,18 @@ default: string;
 crossOrigin: {
 type: StringConstructor;
 default: string;
-validator: (v: any) => boolean;
+validator: (v: string) => boolean;
 };
 source: FunctionConstructor;
 download: FunctionConstructor;
+lazy: {
+type: BooleanConstructor;
+default: boolean;
+};
+showLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 options: {
 type: ObjectConstructor;
 default: () => {};
@@ -8441,10 +8449,18 @@ default: string;
 crossOrigin: {
 type: StringConstructor;
 default: string;
-validator: (v: any) => boolean;
+validator: (v: string) => boolean;
 };
 source: FunctionConstructor;
 download: FunctionConstructor;
+lazy: {
+type: BooleanConstructor;
+default: boolean;
+};
+showLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 options: {
 type: ObjectConstructor;
 default: () => {};
@@ -8454,7 +8470,9 @@ onReady?: ((...args: any[]) => any) | undefined;
 }>, {
 tag: string;
 options: Record<string, any>;
+showLoading: boolean;
 crossOrigin: string;
+lazy: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const MSortList: DefineComponent<ExtractPropTypes<    {
@@ -13308,10 +13326,18 @@ default: string;
 crossOrigin: {
 type: StringConstructor;
 default: string;
-validator: (v: any) => boolean;
+validator: (v: string) => boolean;
 };
 source: FunctionConstructor;
 download: FunctionConstructor;
+lazy: {
+type: BooleanConstructor;
+default: boolean;
+};
+showLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 options: {
 type: ObjectConstructor;
 default: () => {};
@@ -13324,10 +13350,18 @@ default: string;
 crossOrigin: {
 type: StringConstructor;
 default: string;
-validator: (v: any) => boolean;
+validator: (v: string) => boolean;
 };
 source: FunctionConstructor;
 download: FunctionConstructor;
+lazy: {
+type: BooleanConstructor;
+default: boolean;
+};
+showLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 options: {
 type: ObjectConstructor;
 default: () => {};
@@ -13337,7 +13371,9 @@ onReady?: ((...args: any[]) => any) | undefined;
 }>, {
 tag: string;
 options: Record<string, any>;
+showLoading: boolean;
 crossOrigin: string;
+lazy: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const SortList: DefineComponent<ExtractPropTypes<    {

package/dist/index.iife.js

@@ -37,6 +37,7 @@ var VcComponents = (function (exports, vue) {
 	    line: nil
 	  },
 	  Snapshot: {
+	    options: nil,
 	    source: nil,
 	    download: nil
 	  }
@@ -20675,6 +20676,14 @@ var VcComponents = (function (exports, vue) {
 	  },
 	  source: Function,
 	  download: Function,
+	  lazy: {
+	    type: Boolean,
+	    default: true
+	  },
+	  showLoading: {
+	    type: Boolean,
+	    default: true
+	  },
 	  // 传递给snap-dom的配置项
 	  options: {
 	    type: Object,
@@ -20697,34 +20706,59 @@ var VcComponents = (function (exports, vue) {
 	    let snapDOM;
 	    const instance = vue.getCurrentInstance();
 	    const current = vue.ref();
-	    const snapdom = vue.ref();
+	    const snapshot = vue.ref();
 	    const refresh = async () => {
 	      await vue.nextTick();
-	      snapdom.value = await snapDOM(current.value, props.options);
-	      return snapdom.value;
+	      snapshot.value = await snapDOM(current.value, {
+	        fast: false,
+	        // dom太大时会卡死一会儿
+	        ...VcInstance.options.Snapshot?.options,
+	        ...props.options
+	      });
+	      return snapshot.value;
+	    };
+	    const onLoad = () => {
+	      return props.showLoading && Message.loading('正在生成...');
+	    };
+	    const onLoaded = ctx => {
+	      ctx?.destroy?.();
 	    };
 	    const toDataURL = async () => {
+	      const loadContext = onLoad();
+	      try {
+	        await refresh();
+	        return snapshot.value.toRaw();
+	      } finally {
+	        onLoaded(loadContext);
+	      }
+	    };
+	    const downloadByDefault = async options => {
 	      await refresh();
-	      return snapdom.value.toRaw();
+	      return snapshot.value.download(options);
 	    };
 	    const download = async options => {
-	      await refresh();
-	      const _download = props.download || VcInstance.options.Snapshot?.download || (() => false);
-	      const skip = _download(instance, options);
+	      const loadContext = onLoad();
+	      const downloadByUser = props.download || VcInstance.options.Snapshot?.download || (() => false);
+	      const skip = downloadByUser(instance, options);
+	      const done = async v => {
+	        try {
+	          v || (await downloadByDefault(options));
+	        } finally {
+	          onLoaded(loadContext);
+	        }
+	      };
 	      if (skip && skip.then) {
 	        let skip$ = false;
 	        skip.then(v => {
 	          skip$ = typeof v === 'undefined' ? true : !!v;
 	          return v;
-	        }).finally(() => {
-	          skip$ || snapdom.value.download(options);
-	        });
+	        }).finally(() => done(skip$));
 	        return;
 	      }
-	      skip || snapdom.value.download(options);
+	      done(skip);
 	    };
 	    expose({
-	      snapdom,
+	      snapshot,
 	      refresh,
 	      toDataURL,
 	      download
@@ -20733,7 +20767,7 @@ var VcComponents = (function (exports, vue) {
 	      try {
 	        snapDOM = window.snapdom || (await Promise.resolve().then(() => snapdom$1));
 	        snapDOM = snapDOM.snapdom || snapDOM;
-	        await refresh();
+	        !props.lazy && (await refresh());
 	        emit('ready', {
 	          instance,
 	          dependencies: {

package/dist/index.js

@@ -53,6 +53,7 @@ const defaults$2 = {
     line: nil
   },
   Snapshot: {
+    options: nil,
     source: nil,
     download: nil
   }
@@ -12110,6 +12111,14 @@ const props$H = {
   },
   source: Function,
   download: Function,
+  lazy: {
+    type: Boolean,
+    default: true
+  },
+  showLoading: {
+    type: Boolean,
+    default: true
+  },
   // 传递给snap-dom的配置项
   options: {
     type: Object,
@@ -12132,34 +12141,59 @@ const Snapshot = /* @__PURE__ */ defineComponent({
     let snapDOM;
     const instance = getCurrentInstance();
     const current = ref();
-    const snapdom = ref();
+    const snapshot = ref();
     const refresh = async () => {
       await nextTick();
-      snapdom.value = await snapDOM(current.value, props.options);
-      return snapdom.value;
+      snapshot.value = await snapDOM(current.value, {
+        fast: false,
+        // dom太大时会卡死一会儿
+        ...VcInstance.options.Snapshot?.options,
+        ...props.options
+      });
+      return snapshot.value;
+    };
+    const onLoad = () => {
+      return props.showLoading && Message.loading('正在生成...');
+    };
+    const onLoaded = ctx => {
+      ctx?.destroy?.();
     };
     const toDataURL = async () => {
+      const loadContext = onLoad();
+      try {
+        await refresh();
+        return snapshot.value.toRaw();
+      } finally {
+        onLoaded(loadContext);
+      }
+    };
+    const downloadByDefault = async options => {
       await refresh();
-      return snapdom.value.toRaw();
+      return snapshot.value.download(options);
     };
     const download = async options => {
-      await refresh();
-      const _download = props.download || VcInstance.options.Snapshot?.download || (() => false);
-      const skip = _download(instance, options);
+      const loadContext = onLoad();
+      const downloadByUser = props.download || VcInstance.options.Snapshot?.download || (() => false);
+      const skip = downloadByUser(instance, options);
+      const done = async v => {
+        try {
+          v || (await downloadByDefault(options));
+        } finally {
+          onLoaded(loadContext);
+        }
+      };
       if (skip && skip.then) {
         let skip$ = false;
         skip.then(v => {
           skip$ = typeof v === 'undefined' ? true : !!v;
           return v;
-        }).finally(() => {
-          skip$ || snapdom.value.download(options);
-        });
+        }).finally(() => done(skip$));
         return;
       }
-      skip || snapdom.value.download(options);
+      done(skip);
     };
     expose({
-      snapdom,
+      snapshot,
       refresh,
       toDataURL,
       download
@@ -12168,7 +12202,7 @@ const Snapshot = /* @__PURE__ */ defineComponent({
       try {
         snapDOM = window.snapdom || (await import('@zumer/snapdom'));
         snapDOM = snapDOM.snapdom || snapDOM;
-        await refresh();
+        !props.lazy && (await refresh());
         emit('ready', {
           instance,
           dependencies: {

package/dist/index.umd.cjs

@@ -40,6 +40,7 @@
 	    line: nil
 	  },
 	  Snapshot: {
+	    options: nil,
 	    source: nil,
 	    download: nil
 	  }
@@ -20678,6 +20679,14 @@
 	  },
 	  source: Function,
 	  download: Function,
+	  lazy: {
+	    type: Boolean,
+	    default: true
+	  },
+	  showLoading: {
+	    type: Boolean,
+	    default: true
+	  },
 	  // 传递给snap-dom的配置项
 	  options: {
 	    type: Object,
@@ -20700,34 +20709,59 @@
 	    let snapDOM;
 	    const instance = vue.getCurrentInstance();
 	    const current = vue.ref();
-	    const snapdom = vue.ref();
+	    const snapshot = vue.ref();
 	    const refresh = async () => {
 	      await vue.nextTick();
-	      snapdom.value = await snapDOM(current.value, props.options);
-	      return snapdom.value;
+	      snapshot.value = await snapDOM(current.value, {
+	        fast: false,
+	        // dom太大时会卡死一会儿
+	        ...VcInstance.options.Snapshot?.options,
+	        ...props.options
+	      });
+	      return snapshot.value;
+	    };
+	    const onLoad = () => {
+	      return props.showLoading && Message.loading('正在生成...');
+	    };
+	    const onLoaded = ctx => {
+	      ctx?.destroy?.();
 	    };
 	    const toDataURL = async () => {
+	      const loadContext = onLoad();
+	      try {
+	        await refresh();
+	        return snapshot.value.toRaw();
+	      } finally {
+	        onLoaded(loadContext);
+	      }
+	    };
+	    const downloadByDefault = async options => {
 	      await refresh();
-	      return snapdom.value.toRaw();
+	      return snapshot.value.download(options);
 	    };
 	    const download = async options => {
-	      await refresh();
-	      const _download = props.download || VcInstance.options.Snapshot?.download || (() => false);
-	      const skip = _download(instance, options);
+	      const loadContext = onLoad();
+	      const downloadByUser = props.download || VcInstance.options.Snapshot?.download || (() => false);
+	      const skip = downloadByUser(instance, options);
+	      const done = async v => {
+	        try {
+	          v || (await downloadByDefault(options));
+	        } finally {
+	          onLoaded(loadContext);
+	        }
+	      };
 	      if (skip && skip.then) {
 	        let skip$ = false;
 	        skip.then(v => {
 	          skip$ = typeof v === 'undefined' ? true : !!v;
 	          return v;
-	        }).finally(() => {
-	          skip$ || snapdom.value.download(options);
-	        });
+	        }).finally(() => done(skip$));
 	        return;
 	      }
-	      skip || snapdom.value.download(options);
+	      done(skip);
 	    };
 	    expose({
-	      snapdom,
+	      snapshot,
 	      refresh,
 	      toDataURL,
 	      download
@@ -20736,7 +20770,7 @@
 	      try {
 	        snapDOM = window.snapdom || (await Promise.resolve().then(() => snapdom$1));
 	        snapDOM = snapDOM.snapdom || snapDOM;
-	        await refresh();
+	        !props.lazy && (await refresh());
 	        emit('ready', {
 	          instance,
 	          dependencies: {

package/package.json

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