vant 4.9.17 → 4.9.19

package/lib/index.d.ts

@@ -106,4 +106,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.9.17";
+export const version: "4.9.19";

package/lib/index.js

@@ -226,7 +226,7 @@ __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./watermark"), module.exports);
-const version = "4.9.17";
+const version = "4.9.19";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/overlay/Overlay.js

@@ -38,8 +38,10 @@ const overlayProps = {
 };
 var stdin_default = (0, import_vue.defineComponent)({
   name,
+  inheritAttrs: false,
   props: overlayProps,
   setup(props, {
+    attrs,
     slots
   }) {
     const root = (0, import_vue.ref)();
@@ -55,11 +57,11 @@ var stdin_default = (0, import_vue.defineComponent)({
       if ((0, import_utils.isDef)(props.duration)) {
         style.animationDuration = `${props.duration}s`;
       }
-      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
+      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
         "ref": root,
         "style": style,
         "class": [bem(), props.className]
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[import_vue.vShow, props.show]]);
+      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[import_vue.vShow, props.show]]);
     });
     (0, import_use.useEventListener)("touchmove", onTouchMove, {
       target: root

package/lib/picker/Picker.js

@@ -133,7 +133,8 @@ var stdin_default = (0, import_vue.defineComponent)({
       children.forEach((child) => child.stopMomentum());
       const params = getEventParams();
       (0, import_vue.nextTick)(() => {
-        emit("confirm", params);
+        const params2 = getEventParams();
+        emit("confirm", params2);
       });
       return params;
     };

package/lib/picker/utils.js

@@ -55,7 +55,7 @@ function findIndexOfEnabledOption(options, index) {
   }
   return 0;
 }
-const isOptionExist = (options, value, fields) => value !== void 0 && !!options.find((option) => option[fields.value] === value);
+const isOptionExist = (options, value, fields) => value !== void 0 && options.some((option) => option[fields.value] === value);
 function findOptionByValue(options, value, fields) {
   const index = options.findIndex((option) => option[fields.value] === value);
   const enabledIndex = findIndexOfEnabledOption(options, index);

package/lib/signature/Signature.js

@@ -46,7 +46,8 @@ var stdin_default = (0, import_vue.defineComponent)({
   props: signatureProps,
   emits: ["submit", "clear", "start", "end", "signing"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const canvasRef = (0, import_vue.ref)();
     const wrapRef = (0, import_vue.ref)();
@@ -161,7 +162,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       "onTouchstartPassive": touchStart,
       "onTouchmove": touchMove,
       "onTouchend": touchEnd
-    }, null) : (0, import_vue.createVNode)("p", null, [props.tips])]), (0, import_vue.createVNode)("div", {
+    }, null) : slots.tips ? slots.tips() : (0, import_vue.createVNode)("p", null, [props.tips])]), (0, import_vue.createVNode)("div", {
       "class": bem("footer")
     }, [(0, import_vue.createVNode)(import_button.Button, {
       "size": "small",

package/lib/swipe-cell/SwipeCell.js

@@ -142,8 +142,8 @@ var stdin_default = (0, import_vue.defineComponent)({
         });
       }
     };
-    const getClickHandler = (position, stop) => (event) => {
-      if (stop) {
+    const getClickHandler = (position) => (event) => {
+      if (lockClick || opened) {
         event.stopPropagation();
       }
       if (lockClick) {
@@ -157,7 +157,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         return (0, import_vue.createVNode)("div", {
           "ref": ref2,
           "class": bem(side),
-          "onClick": getClickHandler(side, true)
+          "onClick": getClickHandler(side)
         }, [contentSlot()]);
       }
     };
@@ -180,7 +180,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       return (0, import_vue.createVNode)("div", {
         "ref": root,
         "class": bem(),
-        "onClick": getClickHandler("cell", lockClick),
+        "onClick": getClickHandler("cell"),
         "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd

package/lib/tabbar-item/TabbarItem.js

@@ -73,7 +73,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         const config = (0, import_utils.isObject)(to) ? to : {
           path: to
         };
-        return !!$route.matched.find((val) => {
+        return $route.matched.some((val) => {
           const pathMatched = "path" in config && config.path === val.path;
           const nameMatched = "name" in config && config.name === val.name;
           return pathMatched || nameMatched;

package/lib/tabs/Tabs.js

@@ -196,9 +196,8 @@ var stdin_default = (0, import_vue.defineComponent)({
       }
     };
     const setCurrentIndexByName = (name2, skipScrollIntoView) => {
-      const matched = children.find((tab, index2) => getTabName(tab, index2) === name2);
-      const index = matched ? children.indexOf(matched) : 0;
-      setCurrentIndex(index, skipScrollIntoView);
+      const index = children.findIndex((tab, index2) => getTabName(tab, index2) === name2);
+      setCurrentIndex(index === -1 ? 0 : index, skipScrollIntoView);
     };
     const scrollToCurrentContent = (immediate = false) => {
       if (props.scrollspy) {

package/lib/vant.cjs.js

@@ -1285,8 +1285,10 @@ const overlayProps = {
 };
 var stdin_default$1L = vue.defineComponent({
   name: name$1C,
+  inheritAttrs: false,
   props: overlayProps,
   setup(props2, {
+    attrs,
     slots
   }) {
     const root = vue.ref();
@@ -1302,11 +1304,11 @@ var stdin_default$1L = vue.defineComponent({
       if (isDef(props2.duration)) {
         style.animationDuration = `${props2.duration}s`;
       }
-      return vue.withDirectives(vue.createVNode("div", {
+      return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
         "ref": root,
         "style": style,
         "class": [bem$1x(), props2.className]
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[vue.vShow, props2.show]]);
+      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[vue.vShow, props2.show]]);
     });
     use.useEventListener("touchmove", onTouchMove, {
       target: root
@@ -1689,7 +1691,7 @@ function findIndexOfEnabledOption(options, index) {
   }
   return 0;
 }
-const isOptionExist = (options, value, fields) => value !== void 0 && !!options.find((option) => option[fields.value] === value);
+const isOptionExist = (options, value, fields) => value !== void 0 && options.some((option) => option[fields.value] === value);
 function findOptionByValue(options, value, fields) {
   const index = options.findIndex((option) => option[fields.value] === value);
   const enabledIndex = findIndexOfEnabledOption(options, index);
@@ -2029,7 +2031,7 @@ function scrollTopTo(scroller, to, duration, callback) {
     setScrollTop(scroller, current2);
     if (isDown && current2 < to || !isDown && current2 > to) {
       rafId = use.raf(animate);
-    } else {
+    } else if (callback) {
       rafId = use.raf(callback);
     }
   }
@@ -2793,9 +2795,8 @@ var stdin_default$1D = vue.defineComponent({
       }
     };
     const setCurrentIndexByName = (name2, skipScrollIntoView) => {
-      const matched = children.find((tab, index2) => getTabName(tab, index2) === name2);
-      const index = matched ? children.indexOf(matched) : 0;
-      setCurrentIndex(index, skipScrollIntoView);
+      const index = children.findIndex((tab, index2) => getTabName(tab, index2) === name2);
+      setCurrentIndex(index === -1 ? 0 : index, skipScrollIntoView);
     };
     const scrollToCurrentContent = (immediate = false) => {
       if (props2.scrollspy) {
@@ -3443,7 +3444,8 @@ var stdin_default$1z = vue.defineComponent({
       children.forEach((child) => child.stopMomentum());
       const params = getEventParams();
       vue.nextTick(() => {
-        emit("confirm", params);
+        const params2 = getEventParams();
+        emit("confirm", params2);
       });
       return params;
     };
@@ -9521,9 +9523,10 @@ const dialogProps = extend({}, popupSharedProps, {
   confirmButtonDisabled: Boolean,
   showConfirmButton: truthProp,
   closeOnClickOverlay: Boolean,
-  keyboardEnabled: truthProp
+  keyboardEnabled: truthProp,
+  destroyOnClose: Boolean
 });
-const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
+const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate", "destroyOnClose"];
 var stdin_default$W = vue.defineComponent({
   name: name$N,
   props: dialogProps,
@@ -9736,7 +9739,8 @@ const DEFAULT_OPTIONS = {
   showConfirmButton: true,
   showCancelButton: false,
   closeOnPopstate: true,
-  closeOnClickOverlay: false
+  closeOnClickOverlay: false,
+  destroyOnClose: false
 };
 let currentOptions$1 = extend({}, DEFAULT_OPTIONS);
 function initInstance$2() {
@@ -10144,7 +10148,10 @@ var stdin_default$T = vue.defineComponent({
 const DropdownItem = withInstall(stdin_default$T);
 const DropdownMenu = withInstall(stdin_default$U);
 const floatingBubbleProps = {
-  gap: makeNumberProp(24),
+  gap: {
+    type: [Number, Object],
+    default: 24
+  },
   icon: String,
   axis: makeStringProp("y"),
   magnetic: String,
@@ -10178,11 +10185,13 @@ var stdin_default$S = vue.defineComponent({
       width: 0,
       height: 0
     });
+    const gapX = vue.computed(() => isObject(props2.gap) ? props2.gap.x : props2.gap);
+    const gapY = vue.computed(() => isObject(props2.gap) ? props2.gap.y : props2.gap);
     const boundary = vue.computed(() => ({
-      top: props2.gap,
-      right: windowWidth.value - state.value.width - props2.gap,
-      bottom: windowHeight.value - state.value.height - props2.gap,
-      left: props2.gap
+      top: gapY.value,
+      right: windowWidth.value - state.value.width - gapX.value,
+      bottom: windowHeight.value - state.value.height - gapY.value,
+      left: gapX.value
     }));
     const dragging = vue.ref(false);
     let initialized = false;
@@ -10206,8 +10215,8 @@ var stdin_default$S = vue.defineComponent({
         offset
       } = props2;
       state.value = {
-        x: offset.x > -1 ? offset.x : windowWidth.value - width - props2.gap,
-        y: offset.y > -1 ? offset.y : windowHeight.value - height - props2.gap,
+        x: offset.x > -1 ? offset.x : windowWidth.value - width - gapX.value,
+        y: offset.y > -1 ? offset.y : windowHeight.value - height - gapY.value,
         width,
         height
       };
@@ -10275,7 +10284,7 @@ var stdin_default$S = vue.defineComponent({
         initialized = true;
       });
     });
-    vue.watch([windowWidth, windowHeight, () => props2.gap, () => props2.offset], updateState, {
+    vue.watch([windowWidth, windowHeight, gapX, gapY, () => props2.offset], updateState, {
       deep: true
     });
     const show = vue.ref(true);
@@ -13755,7 +13764,8 @@ var stdin_default$r = vue.defineComponent({
   props: signatureProps,
   emits: ["submit", "clear", "start", "end", "signing"],
   setup(props2, {
-    emit
+    emit,
+    slots
   }) {
     const canvasRef = vue.ref();
     const wrapRef = vue.ref();
@@ -13870,7 +13880,7 @@ var stdin_default$r = vue.defineComponent({
       "onTouchstartPassive": touchStart,
       "onTouchmove": touchMove,
       "onTouchend": touchEnd
-    }, null) : vue.createVNode("p", null, [props2.tips])]), vue.createVNode("div", {
+    }, null) : slots.tips ? slots.tips() : vue.createVNode("p", null, [props2.tips])]), vue.createVNode("div", {
       "class": bem$i("footer")
     }, [vue.createVNode(Button, {
       "size": "small",
@@ -15025,8 +15035,8 @@ var stdin_default$c = vue.defineComponent({
         });
       }
     };
-    const getClickHandler = (position, stop) => (event) => {
-      if (stop) {
+    const getClickHandler = (position) => (event) => {
+      if (lockClick2 || opened) {
         event.stopPropagation();
       }
       if (lockClick2) {
@@ -15040,7 +15050,7 @@ var stdin_default$c = vue.defineComponent({
         return vue.createVNode("div", {
           "ref": ref2,
           "class": bem$6(side),
-          "onClick": getClickHandler(side, true)
+          "onClick": getClickHandler(side)
         }, [contentSlot()]);
       }
     };
@@ -15063,7 +15073,7 @@ var stdin_default$c = vue.defineComponent({
       return vue.createVNode("div", {
         "ref": root,
         "class": bem$6(),
-        "onClick": getClickHandler("cell", lockClick2),
+        "onClick": getClickHandler("cell"),
         "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
@@ -15196,7 +15206,7 @@ var stdin_default$a = vue.defineComponent({
         const config = isObject(to) ? to : {
           path: to
         };
-        return !!$route.matched.find((val) => {
+        return $route.matched.some((val) => {
           const pathMatched = "path" in config && config.path === val.path;
           const nameMatched = "name" in config && config.name === val.name;
           return pathMatched || nameMatched;
@@ -16175,28 +16185,25 @@ var stdin_default$4 = 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);
+      }
+    };
     vue.watchEffect(() => {
       if (props2.image) {
         makeImageToBase64(props2.image);
       }
     });
-    vue.watch(() => [imageBase64.value, props2.content, props2.textColor, props2.height, props2.width, props2.rotate, props2.gapX, props2.gapY], () => {
-      vue.nextTick(() => {
-        if (svgElRef.value) {
-          if (watermarkUrl.value) {
-            URL.revokeObjectURL(watermarkUrl.value);
-          }
-          watermarkUrl.value = makeSvgToBlobUrl(svgElRef.value.innerHTML);
-        }
-      });
-    }, {
-      immediate: true
-    });
-    vue.onUnmounted(() => {
-      if (watermarkUrl.value) {
-        URL.revokeObjectURL(watermarkUrl.value);
-      }
-    });
+    vue.watch(() => [imageBase64.value, props2.content, props2.textColor, props2.height, props2.width, props2.rotate, props2.gapX, props2.gapY], generateWatermarkUrl);
+    vue.onMounted(generateWatermarkUrl);
+    vue.onUnmounted(revokeWatermarkUrl);
     return () => {
       const style = extend({
         backgroundImage: `url(${watermarkUrl.value})`
@@ -17077,7 +17084,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.17";
+const version = "4.9.19";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -1,7 +1,7 @@
 import { unref, ref, reactive, inject, watch, onMounted, nextTick, createVNode, defineComponent, getCurrentInstance, computed, onActivated, onDeactivated, onBeforeUnmount, provide, watchEffect, mergeProps, Transition, Teleport, withDirectives, vShow, Fragment, onBeforeUpdate, Comment, createTextVNode, onUnmounted, createApp, resolveDirective, withKeys, onUpdated, Text, h } from "vue";
-import { useWindowSize, useRect, useChildren, useParent, onMountedOrActivated, getScrollParent, useEventListener, cancelRaf, raf, useScrollParent, usePageVisibility, doubleRaf, CUSTOM_FIELD_INJECTION_KEY, useCustomFieldValue, inBrowser as inBrowser$1, useToggle, useCountDown, useClickAway } from "@vant/use";
+import { useWindowSize, useRect, useChildren, useParent, onMountedOrActivated, getScrollParent, useEventListener, raf, cancelRaf, useScrollParent, usePageVisibility, doubleRaf, CUSTOM_FIELD_INJECTION_KEY, useCustomFieldValue, inBrowser as inBrowser$1, useToggle, useCountDown, useClickAway } from "@vant/use";
 import { normalizeClass, stringifyStyle, normalizeStyle } from "@vue/shared";
-import { offsetModifier, createPopper } from "@vant/popperjs";
+import { createPopper, offsetModifier } from "@vant/popperjs";
 function noop() {
 }
 const extend = Object.assign;
@@ -1283,8 +1283,10 @@ const overlayProps = {
 };
 var stdin_default$1L = defineComponent({
   name: name$1C,
+  inheritAttrs: false,
   props: overlayProps,
   setup(props2, {
+    attrs,
     slots
   }) {
     const root = ref();
@@ -1300,11 +1302,11 @@ var stdin_default$1L = defineComponent({
       if (isDef(props2.duration)) {
         style.animationDuration = `${props2.duration}s`;
       }
-      return withDirectives(createVNode("div", {
+      return withDirectives(createVNode("div", mergeProps({
         "ref": root,
         "style": style,
         "class": [bem$1x(), props2.className]
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[vShow, props2.show]]);
+      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[vShow, props2.show]]);
     });
     useEventListener("touchmove", onTouchMove, {
       target: root
@@ -1687,7 +1689,7 @@ function findIndexOfEnabledOption(options, index) {
   }
   return 0;
 }
-const isOptionExist = (options, value, fields) => value !== void 0 && !!options.find((option) => option[fields.value] === value);
+const isOptionExist = (options, value, fields) => value !== void 0 && options.some((option) => option[fields.value] === value);
 function findOptionByValue(options, value, fields) {
   const index = options.findIndex((option) => option[fields.value] === value);
   const enabledIndex = findIndexOfEnabledOption(options, index);
@@ -2027,7 +2029,7 @@ function scrollTopTo(scroller, to, duration, callback) {
     setScrollTop(scroller, current2);
     if (isDown && current2 < to || !isDown && current2 > to) {
       rafId = raf(animate);
-    } else {
+    } else if (callback) {
       rafId = raf(callback);
     }
   }
@@ -2791,9 +2793,8 @@ var stdin_default$1D = defineComponent({
       }
     };
     const setCurrentIndexByName = (name2, skipScrollIntoView) => {
-      const matched = children.find((tab, index2) => getTabName(tab, index2) === name2);
-      const index = matched ? children.indexOf(matched) : 0;
-      setCurrentIndex(index, skipScrollIntoView);
+      const index = children.findIndex((tab, index2) => getTabName(tab, index2) === name2);
+      setCurrentIndex(index === -1 ? 0 : index, skipScrollIntoView);
     };
     const scrollToCurrentContent = (immediate = false) => {
       if (props2.scrollspy) {
@@ -3441,7 +3442,8 @@ var stdin_default$1z = defineComponent({
       children.forEach((child) => child.stopMomentum());
       const params = getEventParams();
       nextTick(() => {
-        emit("confirm", params);
+        const params2 = getEventParams();
+        emit("confirm", params2);
       });
       return params;
     };
@@ -9519,9 +9521,10 @@ const dialogProps = extend({}, popupSharedProps, {
   confirmButtonDisabled: Boolean,
   showConfirmButton: truthProp,
   closeOnClickOverlay: Boolean,
-  keyboardEnabled: truthProp
+  keyboardEnabled: truthProp,
+  destroyOnClose: Boolean
 });
-const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
+const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate", "destroyOnClose"];
 var stdin_default$W = defineComponent({
   name: name$N,
   props: dialogProps,
@@ -9734,7 +9737,8 @@ const DEFAULT_OPTIONS = {
   showConfirmButton: true,
   showCancelButton: false,
   closeOnPopstate: true,
-  closeOnClickOverlay: false
+  closeOnClickOverlay: false,
+  destroyOnClose: false
 };
 let currentOptions$1 = extend({}, DEFAULT_OPTIONS);
 function initInstance$2() {
@@ -10142,7 +10146,10 @@ var stdin_default$T = defineComponent({
 const DropdownItem = withInstall(stdin_default$T);
 const DropdownMenu = withInstall(stdin_default$U);
 const floatingBubbleProps = {
-  gap: makeNumberProp(24),
+  gap: {
+    type: [Number, Object],
+    default: 24
+  },
   icon: String,
   axis: makeStringProp("y"),
   magnetic: String,
@@ -10176,11 +10183,13 @@ var stdin_default$S = defineComponent({
       width: 0,
       height: 0
     });
+    const gapX = computed(() => isObject(props2.gap) ? props2.gap.x : props2.gap);
+    const gapY = computed(() => isObject(props2.gap) ? props2.gap.y : props2.gap);
     const boundary = computed(() => ({
-      top: props2.gap,
-      right: windowWidth.value - state.value.width - props2.gap,
-      bottom: windowHeight.value - state.value.height - props2.gap,
-      left: props2.gap
+      top: gapY.value,
+      right: windowWidth.value - state.value.width - gapX.value,
+      bottom: windowHeight.value - state.value.height - gapY.value,
+      left: gapX.value
     }));
     const dragging = ref(false);
     let initialized = false;
@@ -10204,8 +10213,8 @@ var stdin_default$S = defineComponent({
         offset
       } = props2;
       state.value = {
-        x: offset.x > -1 ? offset.x : windowWidth.value - width - props2.gap,
-        y: offset.y > -1 ? offset.y : windowHeight.value - height - props2.gap,
+        x: offset.x > -1 ? offset.x : windowWidth.value - width - gapX.value,
+        y: offset.y > -1 ? offset.y : windowHeight.value - height - gapY.value,
         width,
         height
       };
@@ -10273,7 +10282,7 @@ var stdin_default$S = defineComponent({
         initialized = true;
       });
     });
-    watch([windowWidth, windowHeight, () => props2.gap, () => props2.offset], updateState, {
+    watch([windowWidth, windowHeight, gapX, gapY, () => props2.offset], updateState, {
       deep: true
     });
     const show = ref(true);
@@ -13753,7 +13762,8 @@ var stdin_default$r = defineComponent({
   props: signatureProps,
   emits: ["submit", "clear", "start", "end", "signing"],
   setup(props2, {
-    emit
+    emit,
+    slots
   }) {
     const canvasRef = ref();
     const wrapRef = ref();
@@ -13868,7 +13878,7 @@ var stdin_default$r = defineComponent({
       "onTouchstartPassive": touchStart,
       "onTouchmove": touchMove,
       "onTouchend": touchEnd
-    }, null) : createVNode("p", null, [props2.tips])]), createVNode("div", {
+    }, null) : slots.tips ? slots.tips() : createVNode("p", null, [props2.tips])]), createVNode("div", {
       "class": bem$i("footer")
     }, [createVNode(Button, {
       "size": "small",
@@ -15023,8 +15033,8 @@ var stdin_default$c = defineComponent({
         });
       }
     };
-    const getClickHandler = (position, stop) => (event) => {
-      if (stop) {
+    const getClickHandler = (position) => (event) => {
+      if (lockClick2 || opened) {
         event.stopPropagation();
       }
       if (lockClick2) {
@@ -15038,7 +15048,7 @@ var stdin_default$c = defineComponent({
         return createVNode("div", {
           "ref": ref2,
           "class": bem$6(side),
-          "onClick": getClickHandler(side, true)
+          "onClick": getClickHandler(side)
         }, [contentSlot()]);
       }
     };
@@ -15061,7 +15071,7 @@ var stdin_default$c = defineComponent({
       return createVNode("div", {
         "ref": root,
         "class": bem$6(),
-        "onClick": getClickHandler("cell", lockClick2),
+        "onClick": getClickHandler("cell"),
         "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
@@ -15194,7 +15204,7 @@ var stdin_default$a = defineComponent({
         const config = isObject(to) ? to : {
           path: to
         };
-        return !!$route.matched.find((val) => {
+        return $route.matched.some((val) => {
           const pathMatched = "path" in config && config.path === val.path;
           const nameMatched = "name" in config && config.name === val.name;
           return pathMatched || nameMatched;
@@ -16173,28 +16183,25 @@ var stdin_default$4 = 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);
+      }
+    };
     watchEffect(() => {
       if (props2.image) {
         makeImageToBase64(props2.image);
       }
     });
-    watch(() => [imageBase64.value, props2.content, props2.textColor, props2.height, props2.width, props2.rotate, props2.gapX, props2.gapY], () => {
-      nextTick(() => {
-        if (svgElRef.value) {
-          if (watermarkUrl.value) {
-            URL.revokeObjectURL(watermarkUrl.value);
-          }
-          watermarkUrl.value = makeSvgToBlobUrl(svgElRef.value.innerHTML);
-        }
-      });
-    }, {
-      immediate: true
-    });
-    onUnmounted(() => {
-      if (watermarkUrl.value) {
-        URL.revokeObjectURL(watermarkUrl.value);
-      }
-    });
+    watch(() => [imageBase64.value, props2.content, props2.textColor, props2.height, props2.width, props2.rotate, props2.gapX, props2.gapY], generateWatermarkUrl);
+    onMounted(generateWatermarkUrl);
+    onUnmounted(revokeWatermarkUrl);
     return () => {
       const style = extend({
         backgroundImage: `url(${watermarkUrl.value})`
@@ -17075,7 +17082,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.17";
+const version = "4.9.19";
 function install(app) {
   const components = [
     ActionBar,