vant 4.9.19 → 4.9.20

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.19";
+const version = "4.9.20";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/notify/Notify.d.ts

@@ -18,6 +18,7 @@ export declare const notifyProps: {
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -59,6 +60,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -98,6 +100,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/lib/notify/index.d.ts

@@ -16,6 +16,7 @@ export declare const Notify: import("../utils").WithInstall<import("vue").Define
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -55,6 +56,7 @@ export declare const Notify: import("../utils").WithInstall<import("vue").Define
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/lib/picker/Picker.js

@@ -198,13 +198,14 @@ var stdin_default = (0, import_vue.defineComponent)({
         }), (0, import_utils.pick)(slots, import_PickerToolbar.pickerToolbarSlots));
       }
     };
-    (0, import_vue.watch)(currentColumns, (columns) => {
+    const resetSelectedValues = (columns) => {
       columns.forEach((options, index) => {
         if (options.length && !(0, import_utils2.isOptionExist)(options, selectedValues.value[index], fields.value)) {
           setValue(index, (0, import_utils2.getFirstEnabledOption)(options)[fields.value.value]);
         }
       });
-    }, {
+    };
+    (0, import_vue.watch)(currentColumns, (columns) => resetSelectedValues(columns), {
       immediate: true
     });
     let lastEmittedModelValue;
@@ -213,6 +214,9 @@ var stdin_default = (0, import_vue.defineComponent)({
         selectedValues.value = newValues.slice(0);
         lastEmittedModelValue = newValues.slice(0);
       }
+      if (props.modelValue.length === 0) {
+        resetSelectedValues(currentColumns.value);
+      }
     }, {
       deep: true
     });

package/lib/popup/Popup.d.ts

@@ -18,6 +18,7 @@ export declare const popupProps: {
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("../overlay").OverlayProps>>;
     overlayStyle: import("vue").PropType<CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -66,6 +67,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("../overlay").OverlayProps>>;
     overlayStyle: import("vue").PropType<CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -112,6 +114,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("../overlay").OverlayProps>>;
     overlayStyle: import("vue").PropType<CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/lib/popup/Popup.js

@@ -98,15 +98,16 @@ var stdin_default = (0, import_vue.defineComponent)({
     };
     const renderOverlay = () => {
       if (props.overlay) {
-        return (0, import_vue.createVNode)(import_overlay.Overlay, (0, import_vue.mergeProps)({
-          "show": props.show,
-          "class": props.overlayClass,
-          "zIndex": zIndex.value,
-          "duration": props.duration,
-          "customStyle": props.overlayStyle,
-          "role": props.closeOnClickOverlay ? "button" : void 0,
-          "tabindex": props.closeOnClickOverlay ? 0 : void 0
-        }, (0, import_use_scope_id.useScopeId)(), {
+        const overlayProps = (0, import_utils.extend)({
+          show: props.show,
+          class: props.overlayClass,
+          zIndex: zIndex.value,
+          duration: props.duration,
+          customStyle: props.overlayStyle,
+          role: props.closeOnClickOverlay ? "button" : void 0,
+          tabindex: props.closeOnClickOverlay ? 0 : void 0
+        }, props.overlayProps);
+        return (0, import_vue.createVNode)(import_overlay.Overlay, (0, import_vue.mergeProps)(overlayProps, (0, import_use_scope_id.useScopeId)(), {
           "onClick": onClickOverlay
         }), {
           default: slots["overlay-content"]

package/lib/popup/index.d.ts

@@ -16,6 +16,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -62,6 +63,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/lib/popup/shared.d.ts

@@ -1,3 +1,4 @@
+import type { OverlayProps } from '../overlay';
 import { Interceptor } from '../utils';
 import type { PropType, CSSProperties, TeleportProps } from 'vue';
 export declare const popupSharedProps: {
@@ -18,6 +19,7 @@ export declare const popupSharedProps: {
         default: true;
     };
     beforeClose: PropType<Interceptor>;
+    overlayProps: PropType<Partial<OverlayProps>>;
     overlayStyle: PropType<CSSProperties>;
     overlayClass: PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/lib/popup/shared.js

@@ -39,6 +39,8 @@ const popupSharedProps = {
   lazyRender: import_utils.truthProp,
   // callback function before close
   beforeClose: Function,
+  // overlay props
+  overlayProps: Object,
   // overlay custom style
   overlayStyle: Object,
   // overlay custom class name

package/lib/share-sheet/ShareSheet.d.ts

@@ -24,6 +24,7 @@ export declare const shareSheetProps: {
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -71,6 +72,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -116,6 +118,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/lib/share-sheet/index.d.ts

@@ -16,6 +16,7 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -61,6 +62,7 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/lib/vant.cjs.js

@@ -1128,6 +1128,8 @@ const popupSharedProps = {
   lazyRender: truthProp,
   // callback function before close
   beforeClose: Function,
+  // overlay props
+  overlayProps: Object,
   // overlay custom style
   overlayStyle: Object,
   // overlay custom class name
@@ -1397,15 +1399,16 @@ var stdin_default$1K = vue.defineComponent({
     };
     const renderOverlay = () => {
       if (props2.overlay) {
-        return vue.createVNode(Overlay, vue.mergeProps({
-          "show": props2.show,
-          "class": props2.overlayClass,
-          "zIndex": zIndex.value,
-          "duration": props2.duration,
-          "customStyle": props2.overlayStyle,
-          "role": props2.closeOnClickOverlay ? "button" : void 0,
-          "tabindex": props2.closeOnClickOverlay ? 0 : void 0
-        }, useScopeId(), {
+        const overlayProps2 = extend({
+          show: props2.show,
+          class: props2.overlayClass,
+          zIndex: zIndex.value,
+          duration: props2.duration,
+          customStyle: props2.overlayStyle,
+          role: props2.closeOnClickOverlay ? "button" : void 0,
+          tabindex: props2.closeOnClickOverlay ? 0 : void 0
+        }, props2.overlayProps);
+        return vue.createVNode(Overlay, vue.mergeProps(overlayProps2, useScopeId(), {
           "onClick": onClickOverlay
         }), {
           default: slots["overlay-content"]
@@ -3509,13 +3512,14 @@ var stdin_default$1z = vue.defineComponent({
         }), pick(slots, pickerToolbarSlots));
       }
     };
-    vue.watch(currentColumns, (columns) => {
+    const resetSelectedValues = (columns) => {
       columns.forEach((options, index) => {
         if (options.length && !isOptionExist(options, selectedValues.value[index], fields.value)) {
           setValue(index, getFirstEnabledOption(options)[fields.value.value]);
         }
       });
-    }, {
+    };
+    vue.watch(currentColumns, (columns) => resetSelectedValues(columns), {
       immediate: true
     });
     let lastEmittedModelValue;
@@ -3524,6 +3528,9 @@ var stdin_default$1z = vue.defineComponent({
         selectedValues.value = newValues.slice(0);
         lastEmittedModelValue = newValues.slice(0);
       }
+      if (props2.modelValue.length === 0) {
+        resetSelectedValues(currentColumns.value);
+      }
     }, {
       deep: true
     });
@@ -6295,7 +6302,7 @@ var stdin_default$1h = vue.defineComponent({
       deep: true
     });
     const rootStyle = vue.ref({});
-    vue.onMounted(() => __async(this, null, function* () {
+    vue.onMounted(() => __async(null, null, function* () {
       var _a;
       rootStyle.value["--move-distance"] = `-${(_a = barrageWrapper.value) == null ? void 0 : _a.offsetWidth}px`;
       yield vue.nextTick();
@@ -7323,7 +7330,8 @@ const imageProps = {
   showLoading: truthProp,
   loadingIcon: makeStringProp("photo"),
   crossorigin: String,
-  referrerpolicy: String
+  referrerpolicy: String,
+  decoding: String
 };
 var stdin_default$1c = vue.defineComponent({
   name: name$13,
@@ -7403,6 +7411,7 @@ var stdin_default$1c = vue.defineComponent({
       const attrs = {
         alt: props2.alt,
         class: bem$12("img"),
+        decoding: props2.decoding,
         style: {
           objectFit: props2.fit,
           objectPosition: props2.position
@@ -9927,12 +9936,14 @@ var stdin_default$U = vue.defineComponent({
       }, [item.renderTitle()])])]);
     };
     useExpose({
-      close
+      close,
+      opened
     });
     linkChildren({
       id,
       props: props2,
       offset,
+      opened,
       updateOffset
     });
     use.useClickAway(root, onClickAway);
@@ -10108,6 +10119,9 @@ var stdin_default$T = vue.defineComponent({
         "role": "menu",
         "class": bem$K("content"),
         "overlay": overlay,
+        "overlayProps": {
+          duration: state.transition && !parent.opened.value ? duration : 0
+        },
         "position": direction === "down" ? "top" : "bottom",
         "duration": state.transition ? duration : 0,
         "lazyRender": props2.lazyRender,
@@ -16201,7 +16215,10 @@ var stdin_default$4 = vue.defineComponent({
         makeImageToBase64(props2.image);
       }
     });
-    vue.watch(() => [imageBase64.value, props2.content, props2.textColor, props2.height, props2.width, props2.rotate, props2.gapX, props2.gapY], generateWatermarkUrl);
+    vue.watch(() => [props2.content, props2.textColor, props2.height, props2.width, props2.rotate, props2.gapX, props2.gapY], generateWatermarkUrl);
+    vue.watch(imageBase64, () => {
+      vue.nextTick(generateWatermarkUrl);
+    });
     vue.onMounted(generateWatermarkUrl);
     vue.onUnmounted(revokeWatermarkUrl);
     return () => {
@@ -17084,7 +17101,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.19";
+const version = "4.9.20";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -1126,6 +1126,8 @@ const popupSharedProps = {
   lazyRender: truthProp,
   // callback function before close
   beforeClose: Function,
+  // overlay props
+  overlayProps: Object,
   // overlay custom style
   overlayStyle: Object,
   // overlay custom class name
@@ -1395,15 +1397,16 @@ var stdin_default$1K = defineComponent({
     };
     const renderOverlay = () => {
       if (props2.overlay) {
-        return createVNode(Overlay, mergeProps({
-          "show": props2.show,
-          "class": props2.overlayClass,
-          "zIndex": zIndex.value,
-          "duration": props2.duration,
-          "customStyle": props2.overlayStyle,
-          "role": props2.closeOnClickOverlay ? "button" : void 0,
-          "tabindex": props2.closeOnClickOverlay ? 0 : void 0
-        }, useScopeId(), {
+        const overlayProps2 = extend({
+          show: props2.show,
+          class: props2.overlayClass,
+          zIndex: zIndex.value,
+          duration: props2.duration,
+          customStyle: props2.overlayStyle,
+          role: props2.closeOnClickOverlay ? "button" : void 0,
+          tabindex: props2.closeOnClickOverlay ? 0 : void 0
+        }, props2.overlayProps);
+        return createVNode(Overlay, mergeProps(overlayProps2, useScopeId(), {
           "onClick": onClickOverlay
         }), {
           default: slots["overlay-content"]
@@ -3507,13 +3510,14 @@ var stdin_default$1z = defineComponent({
         }), pick(slots, pickerToolbarSlots));
       }
     };
-    watch(currentColumns, (columns) => {
+    const resetSelectedValues = (columns) => {
       columns.forEach((options, index) => {
         if (options.length && !isOptionExist(options, selectedValues.value[index], fields.value)) {
           setValue(index, getFirstEnabledOption(options)[fields.value.value]);
         }
       });
-    }, {
+    };
+    watch(currentColumns, (columns) => resetSelectedValues(columns), {
       immediate: true
     });
     let lastEmittedModelValue;
@@ -3522,6 +3526,9 @@ var stdin_default$1z = defineComponent({
         selectedValues.value = newValues.slice(0);
         lastEmittedModelValue = newValues.slice(0);
       }
+      if (props2.modelValue.length === 0) {
+        resetSelectedValues(currentColumns.value);
+      }
     }, {
       deep: true
     });
@@ -6293,7 +6300,7 @@ var stdin_default$1h = defineComponent({
       deep: true
     });
     const rootStyle = ref({});
-    onMounted(() => __async(this, null, function* () {
+    onMounted(() => __async(null, null, function* () {
       var _a;
       rootStyle.value["--move-distance"] = `-${(_a = barrageWrapper.value) == null ? void 0 : _a.offsetWidth}px`;
       yield nextTick();
@@ -7321,7 +7328,8 @@ const imageProps = {
   showLoading: truthProp,
   loadingIcon: makeStringProp("photo"),
   crossorigin: String,
-  referrerpolicy: String
+  referrerpolicy: String,
+  decoding: String
 };
 var stdin_default$1c = defineComponent({
   name: name$13,
@@ -7401,6 +7409,7 @@ var stdin_default$1c = defineComponent({
       const attrs = {
         alt: props2.alt,
         class: bem$12("img"),
+        decoding: props2.decoding,
         style: {
           objectFit: props2.fit,
           objectPosition: props2.position
@@ -9925,12 +9934,14 @@ var stdin_default$U = defineComponent({
       }, [item.renderTitle()])])]);
     };
     useExpose({
-      close
+      close,
+      opened
     });
     linkChildren({
       id,
       props: props2,
       offset,
+      opened,
       updateOffset
     });
     useClickAway(root, onClickAway);
@@ -10106,6 +10117,9 @@ var stdin_default$T = defineComponent({
         "role": "menu",
         "class": bem$K("content"),
         "overlay": overlay,
+        "overlayProps": {
+          duration: state.transition && !parent.opened.value ? duration : 0
+        },
         "position": direction === "down" ? "top" : "bottom",
         "duration": state.transition ? duration : 0,
         "lazyRender": props2.lazyRender,
@@ -16199,7 +16213,10 @@ var stdin_default$4 = defineComponent({
         makeImageToBase64(props2.image);
       }
     });
-    watch(() => [imageBase64.value, props2.content, props2.textColor, props2.height, props2.width, props2.rotate, props2.gapX, props2.gapY], generateWatermarkUrl);
+    watch(() => [props2.content, props2.textColor, props2.height, props2.width, props2.rotate, props2.gapX, props2.gapY], generateWatermarkUrl);
+    watch(imageBase64, () => {
+      nextTick(generateWatermarkUrl);
+    });
     onMounted(generateWatermarkUrl);
     onUnmounted(revokeWatermarkUrl);
     return () => {
@@ -17082,7 +17099,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.19";
+const version = "4.9.20";
 function install(app) {
   const components = [
     ActionBar,