vant 4.9.18 → 4.9.20

package/lib/watermark/Watermark.js

@@ -111,28 +111,28 @@ var stdin_default = (0, import_vue.defineComponent)({
       });
       return URL.createObjectURL(svgBlob);
     };
+    const revokeWatermarkUrl = () => {
+      if (watermarkUrl.value) {
+        URL.revokeObjectURL(watermarkUrl.value);
+      }
+    };
+    const generateWatermarkUrl = () => {
+      if (svgElRef.value) {
+        revokeWatermarkUrl();
+        watermarkUrl.value = makeSvgToBlobUrl(svgElRef.value.innerHTML);
+      }
+    };
     (0, import_vue.watchEffect)(() => {
       if (props.image) {
         makeImageToBase64(props.image);
       }
     });
-    (0, import_vue.watch)(() => [imageBase64.value, props.content, props.textColor, props.height, props.width, props.rotate, props.gapX, props.gapY], () => {
-      (0, import_vue.nextTick)(() => {
-        if (svgElRef.value) {
-          if (watermarkUrl.value) {
-            URL.revokeObjectURL(watermarkUrl.value);
-          }
-          watermarkUrl.value = makeSvgToBlobUrl(svgElRef.value.innerHTML);
-        }
-      });
-    }, {
-      immediate: true
-    });
-    (0, import_vue.onUnmounted)(() => {
-      if (watermarkUrl.value) {
-        URL.revokeObjectURL(watermarkUrl.value);
-      }
+    (0, import_vue.watch)(() => [props.content, props.textColor, props.height, props.width, props.rotate, props.gapX, props.gapY], generateWatermarkUrl);
+    (0, import_vue.watch)(imageBase64, () => {
+      (0, import_vue.nextTick)(generateWatermarkUrl);
     });
+    (0, import_vue.onMounted)(generateWatermarkUrl);
+    (0, import_vue.onUnmounted)(revokeWatermarkUrl);
     return () => {
       const style = (0, import_utils.extend)({
         backgroundImage: `url(${watermarkUrl.value})`