vant 3.5.1 → 3.5.2

package/lib/vant.cjs.js

@@ -395,9 +395,30 @@ function withInstall(options) {
   };
   return options;
 }
+const useHeight = (element) => {
+  const height = vue.ref();
+  const setHeight = () => {
+    height.value = use.useRect(element).height;
+  };
+  vue.onMounted(() => {
+    vue.nextTick(setHeight);
+    setTimeout(setHeight, 100);
+  });
+  return height;
+};
+function usePlaceholder(contentRef, bem2) {
+  const height = useHeight(contentRef);
+  return (renderContent) => vue.createVNode("div", {
+    "class": bem2("placeholder"),
+    "style": {
+      height: height.value ? `${height.value}px` : void 0
+    }
+  }, [renderContent()]);
+}
 const [name$1u, bem$1q] = createNamespace("action-bar");
 const ACTION_BAR_KEY = Symbol(name$1u);
 const actionBarProps = {
+  placeholder: Boolean,
   safeAreaInsetBottom: truthProp
 };
 var stdin_default$1B = vue.defineComponent({
@@ -406,18 +427,27 @@ var stdin_default$1B = vue.defineComponent({
   setup(props, {
     slots
   }) {
+    const root = vue.ref();
+    const renderPlaceholder = usePlaceholder(root, bem$1q);
     const {
       linkChildren
     } = use.useChildren(ACTION_BAR_KEY);
     linkChildren();
-    return () => {
+    const renderActionBar = () => {
       var _a;
       return vue.createVNode("div", {
+        "ref": root,
         "class": [bem$1q(), {
           "van-safe-area-bottom": props.safeAreaInsetBottom
         }]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
+    return () => {
+      if (props.placeholder) {
+        return renderPlaceholder(renderActionBar);
+      }
+      return renderActionBar();
+    };
   }
 });
 const ActionBar = withInstall(stdin_default$1B);
@@ -2617,7 +2647,7 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
 var stdin_default$1l = vue.defineComponent({
   name: name$1e,
   props: fieldProps,
-  emits: ["blur", "focus", "clear", "keypress", "click-input", "click-left-icon", "click-right-icon", "update:modelValue"],
+  emits: ["blur", "focus", "clear", "keypress", "click-input", "end-validate", "start-validate", "click-left-icon", "click-right-icon", "update:modelValue"],
   setup(props, {
     emit,
     slots
@@ -2691,18 +2721,24 @@ var stdin_default$1l = vue.defineComponent({
       state.status = "unvalidated";
       state.validateMessage = "";
     };
+    const endValidate = () => emit("end-validate", {
+      status: state.status
+    });
     const validate = (rules = props.rules) => new Promise((resolve) => {
       resetValidation();
       if (rules) {
+        emit("start-validate");
         runRules(rules).then(() => {
           if (state.status === "failed") {
             resolve({
               name: props.name,
               message: state.validateMessage
             });
+            endValidate();
           } else {
             state.status = "passed";
             resolve();
+            endValidate();
           }
         });
       } else {
@@ -4247,17 +4283,6 @@ const proxyPickerMethods = (picker, callback) => {
     }
   });
 };
-const useHeight = (element) => {
-  const height = vue.ref();
-  const setHeight = () => {
-    height.value = use.useRect(element).height;
-  };
-  vue.onMounted(() => {
-    vue.nextTick(setHeight);
-    setTimeout(setHeight, 100);
-  });
-  return height;
-};
 const [name$13] = createNamespace("calendar-day");
 var stdin_default$1a = vue.defineComponent({
   name: name$13,
@@ -10234,15 +10259,6 @@ var stdin_default$v = vue.defineComponent({
   }
 });
 const List = withInstall(stdin_default$v);
-function usePlaceholder(contentRef, bem2) {
-  const height = useHeight(contentRef);
-  return (renderContent) => vue.createVNode("div", {
-    "class": bem2("placeholder"),
-    "style": {
-      height: height.value ? `${height.value}px` : void 0
-    }
-  }, [renderContent()]);
-}
 const [name$p, bem$p] = createNamespace("nav-bar");
 const navBarProps = {
   title: String,
@@ -12793,6 +12809,7 @@ const submitBarProps = {
   buttonType: makeStringProp("danger"),
   buttonColor: String,
   suffixLabel: String,
+  placeholder: Boolean,
   decimalLength: makeNumericProp(2),
   safeAreaInsetBottom: truthProp
 };
@@ -12804,6 +12821,8 @@ var stdin_default$a = vue.defineComponent({
     emit,
     slots
   }) {
+    const root = vue.ref();
+    const renderPlaceholder = usePlaceholder(root, bem$5);
     const renderText = () => {
       const {
         price,
@@ -12863,9 +12882,10 @@ var stdin_default$a = vue.defineComponent({
         "onClick": onClickButton
       }, null);
     };
-    return () => {
+    const renderSubmitBar = () => {
       var _a, _b;
       return vue.createVNode("div", {
+        "ref": root,
         "class": [bem$5(), {
           "van-safe-area-bottom": props.safeAreaInsetBottom
         }]
@@ -12873,6 +12893,12 @@ var stdin_default$a = vue.defineComponent({
         "class": bem$5("bar")
       }, [(_b = slots.default) == null ? void 0 : _b.call(slots), renderText(), renderButton()])]);
     };
+    return () => {
+      if (props.placeholder) {
+        return renderPlaceholder(renderSubmitBar);
+      }
+      return renderSubmitBar();
+    };
   }
 });
 const SubmitBar = withInstall(stdin_default$a);
@@ -14565,7 +14591,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.5.1";
+const version = "3.5.2";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -1,5 +1,5 @@
 import { useWindowSize, useRect, useChildren, useParent, onMountedOrActivated, getScrollParent, useEventListener, CUSTOM_FIELD_INJECTION_KEY, useCustomFieldValue, useToggle, raf, useScrollParent, usePageVisibility, doubleRaf, cancelRaf, useCountDown, useClickAway, inBrowser as inBrowser$1 } from "@vant/use";
-import { unref, ref, reactive, defineComponent, createVNode, getCurrentInstance, computed, provide, inject, mergeProps, onDeactivated, onBeforeUnmount, watch, Transition, withDirectives, vShow, nextTick, onMounted, onActivated, Teleport, Fragment, createTextVNode, createApp, onUnmounted, onBeforeUpdate, resolveDirective, withKeys, onUpdated, watchEffect, h } from "vue";
+import { unref, ref, reactive, onMounted, nextTick, createVNode, defineComponent, getCurrentInstance, computed, provide, inject, mergeProps, onDeactivated, onBeforeUnmount, watch, Transition, withDirectives, vShow, onActivated, Teleport, Fragment, createTextVNode, createApp, onUnmounted, onBeforeUpdate, resolveDirective, withKeys, onUpdated, watchEffect, h } from "vue";
 import { createPopper, offsetModifier } from "@vant/popperjs";
 function noop() {
 }
@@ -393,9 +393,30 @@ function withInstall(options) {
   };
   return options;
 }
+const useHeight = (element) => {
+  const height = ref();
+  const setHeight = () => {
+    height.value = useRect(element).height;
+  };
+  onMounted(() => {
+    nextTick(setHeight);
+    setTimeout(setHeight, 100);
+  });
+  return height;
+};
+function usePlaceholder(contentRef, bem2) {
+  const height = useHeight(contentRef);
+  return (renderContent) => createVNode("div", {
+    "class": bem2("placeholder"),
+    "style": {
+      height: height.value ? `${height.value}px` : void 0
+    }
+  }, [renderContent()]);
+}
 const [name$1u, bem$1q] = createNamespace("action-bar");
 const ACTION_BAR_KEY = Symbol(name$1u);
 const actionBarProps = {
+  placeholder: Boolean,
   safeAreaInsetBottom: truthProp
 };
 var stdin_default$1B = defineComponent({
@@ -404,18 +425,27 @@ var stdin_default$1B = defineComponent({
   setup(props, {
     slots
   }) {
+    const root = ref();
+    const renderPlaceholder = usePlaceholder(root, bem$1q);
     const {
       linkChildren
     } = useChildren(ACTION_BAR_KEY);
     linkChildren();
-    return () => {
+    const renderActionBar = () => {
       var _a;
       return createVNode("div", {
+        "ref": root,
         "class": [bem$1q(), {
           "van-safe-area-bottom": props.safeAreaInsetBottom
         }]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
+    return () => {
+      if (props.placeholder) {
+        return renderPlaceholder(renderActionBar);
+      }
+      return renderActionBar();
+    };
   }
 });
 const ActionBar = withInstall(stdin_default$1B);
@@ -2615,7 +2645,7 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
 var stdin_default$1l = defineComponent({
   name: name$1e,
   props: fieldProps,
-  emits: ["blur", "focus", "clear", "keypress", "click-input", "click-left-icon", "click-right-icon", "update:modelValue"],
+  emits: ["blur", "focus", "clear", "keypress", "click-input", "end-validate", "start-validate", "click-left-icon", "click-right-icon", "update:modelValue"],
   setup(props, {
     emit,
     slots
@@ -2689,18 +2719,24 @@ var stdin_default$1l = defineComponent({
       state.status = "unvalidated";
       state.validateMessage = "";
     };
+    const endValidate = () => emit("end-validate", {
+      status: state.status
+    });
     const validate = (rules = props.rules) => new Promise((resolve) => {
       resetValidation();
       if (rules) {
+        emit("start-validate");
         runRules(rules).then(() => {
           if (state.status === "failed") {
             resolve({
               name: props.name,
               message: state.validateMessage
             });
+            endValidate();
           } else {
             state.status = "passed";
             resolve();
+            endValidate();
           }
         });
       } else {
@@ -4245,17 +4281,6 @@ const proxyPickerMethods = (picker, callback) => {
     }
   });
 };
-const useHeight = (element) => {
-  const height = ref();
-  const setHeight = () => {
-    height.value = useRect(element).height;
-  };
-  onMounted(() => {
-    nextTick(setHeight);
-    setTimeout(setHeight, 100);
-  });
-  return height;
-};
 const [name$13] = createNamespace("calendar-day");
 var stdin_default$1a = defineComponent({
   name: name$13,
@@ -10232,15 +10257,6 @@ var stdin_default$v = defineComponent({
   }
 });
 const List = withInstall(stdin_default$v);
-function usePlaceholder(contentRef, bem2) {
-  const height = useHeight(contentRef);
-  return (renderContent) => createVNode("div", {
-    "class": bem2("placeholder"),
-    "style": {
-      height: height.value ? `${height.value}px` : void 0
-    }
-  }, [renderContent()]);
-}
 const [name$p, bem$p] = createNamespace("nav-bar");
 const navBarProps = {
   title: String,
@@ -12791,6 +12807,7 @@ const submitBarProps = {
   buttonType: makeStringProp("danger"),
   buttonColor: String,
   suffixLabel: String,
+  placeholder: Boolean,
   decimalLength: makeNumericProp(2),
   safeAreaInsetBottom: truthProp
 };
@@ -12802,6 +12819,8 @@ var stdin_default$a = defineComponent({
     emit,
     slots
   }) {
+    const root = ref();
+    const renderPlaceholder = usePlaceholder(root, bem$5);
     const renderText = () => {
       const {
         price,
@@ -12861,9 +12880,10 @@ var stdin_default$a = defineComponent({
         "onClick": onClickButton
       }, null);
     };
-    return () => {
+    const renderSubmitBar = () => {
       var _a, _b;
       return createVNode("div", {
+        "ref": root,
         "class": [bem$5(), {
           "van-safe-area-bottom": props.safeAreaInsetBottom
         }]
@@ -12871,6 +12891,12 @@ var stdin_default$a = defineComponent({
         "class": bem$5("bar")
       }, [(_b = slots.default) == null ? void 0 : _b.call(slots), renderText(), renderButton()])]);
     };
+    return () => {
+      if (props.placeholder) {
+        return renderPlaceholder(renderSubmitBar);
+      }
+      return renderSubmitBar();
+    };
   }
 });
 const SubmitBar = withInstall(stdin_default$a);
@@ -14563,7 +14589,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.5.1";
+const version = "3.5.2";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -352,7 +352,7 @@
     }
     return { width, height };
   }
-  var overflowScrollReg = /scroll|auto/i;
+  var overflowScrollReg = /scroll|auto|overlay/i;
   var defaultRoot = inBrowser ? window : void 0;
   function isElement$1(node) {
     const ELEMENT_NODE_TYPE = 1;
@@ -747,9 +747,30 @@
     };
     return options;
   }
+  const useHeight = (element) => {
+    const height2 = vue.ref();
+    const setHeight = () => {
+      height2.value = useRect(element).height;
+    };
+    vue.onMounted(() => {
+      vue.nextTick(setHeight);
+      setTimeout(setHeight, 100);
+    });
+    return height2;
+  };
+  function usePlaceholder(contentRef, bem2) {
+    const height2 = useHeight(contentRef);
+    return (renderContent) => vue.createVNode("div", {
+      "class": bem2("placeholder"),
+      "style": {
+        height: height2.value ? `${height2.value}px` : void 0
+      }
+    }, [renderContent()]);
+  }
   const [name$1u, bem$1q] = createNamespace("action-bar");
   const ACTION_BAR_KEY = Symbol(name$1u);
   const actionBarProps = {
+    placeholder: Boolean,
     safeAreaInsetBottom: truthProp
   };
   var stdin_default$1B = vue.defineComponent({
@@ -758,18 +779,27 @@
     setup(props, {
       slots
     }) {
+      const root = vue.ref();
+      const renderPlaceholder = usePlaceholder(root, bem$1q);
       const {
         linkChildren
       } = useChildren(ACTION_BAR_KEY);
       linkChildren();
-      return () => {
+      const renderActionBar = () => {
         var _a;
         return vue.createVNode("div", {
+          "ref": root,
           "class": [bem$1q(), {
             "van-safe-area-bottom": props.safeAreaInsetBottom
           }]
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
       };
+      return () => {
+        if (props.placeholder) {
+          return renderPlaceholder(renderActionBar);
+        }
+        return renderActionBar();
+      };
     }
   });
   const ActionBar = withInstall(stdin_default$1B);
@@ -2969,7 +2999,7 @@
   var stdin_default$1l = vue.defineComponent({
     name: name$1e,
     props: fieldProps,
-    emits: ["blur", "focus", "clear", "keypress", "click-input", "click-left-icon", "click-right-icon", "update:modelValue"],
+    emits: ["blur", "focus", "clear", "keypress", "click-input", "end-validate", "start-validate", "click-left-icon", "click-right-icon", "update:modelValue"],
     setup(props, {
       emit,
       slots
@@ -3043,18 +3073,24 @@
         state.status = "unvalidated";
         state.validateMessage = "";
       };
+      const endValidate = () => emit("end-validate", {
+        status: state.status
+      });
       const validate = (rules = props.rules) => new Promise((resolve) => {
         resetValidation();
         if (rules) {
+          emit("start-validate");
           runRules(rules).then(() => {
             if (state.status === "failed") {
               resolve({
                 name: props.name,
                 message: state.validateMessage
               });
+              endValidate();
             } else {
               state.status = "passed";
               resolve();
+              endValidate();
             }
           });
         } else {
@@ -4599,17 +4635,6 @@
       }
     });
   };
-  const useHeight = (element) => {
-    const height2 = vue.ref();
-    const setHeight = () => {
-      height2.value = useRect(element).height;
-    };
-    vue.onMounted(() => {
-      vue.nextTick(setHeight);
-      setTimeout(setHeight, 100);
-    });
-    return height2;
-  };
   const [name$13] = createNamespace("calendar-day");
   var stdin_default$1a = vue.defineComponent({
     name: name$13,
@@ -10586,15 +10611,6 @@
     }
   });
   const List = withInstall(stdin_default$v);
-  function usePlaceholder(contentRef, bem2) {
-    const height2 = useHeight(contentRef);
-    return (renderContent) => vue.createVNode("div", {
-      "class": bem2("placeholder"),
-      "style": {
-        height: height2.value ? `${height2.value}px` : void 0
-      }
-    }, [renderContent()]);
-  }
   const [name$p, bem$p] = createNamespace("nav-bar");
   const navBarProps = {
     title: String,
@@ -14039,6 +14055,7 @@
     buttonType: makeStringProp("danger"),
     buttonColor: String,
     suffixLabel: String,
+    placeholder: Boolean,
     decimalLength: makeNumericProp(2),
     safeAreaInsetBottom: truthProp
   };
@@ -14050,6 +14067,8 @@
       emit,
       slots
     }) {
+      const root = vue.ref();
+      const renderPlaceholder = usePlaceholder(root, bem$5);
       const renderText = () => {
         const {
           price,
@@ -14109,9 +14128,10 @@
           "onClick": onClickButton
         }, null);
       };
-      return () => {
+      const renderSubmitBar = () => {
         var _a, _b;
         return vue.createVNode("div", {
+          "ref": root,
           "class": [bem$5(), {
             "van-safe-area-bottom": props.safeAreaInsetBottom
           }]
@@ -14119,6 +14139,12 @@
           "class": bem$5("bar")
         }, [(_b = slots.default) == null ? void 0 : _b.call(slots), renderText(), renderButton()])]);
       };
+      return () => {
+        if (props.placeholder) {
+          return renderPlaceholder(renderSubmitBar);
+        }
+        return renderSubmitBar();
+      };
     }
   });
   const SubmitBar = withInstall(stdin_default$a);
@@ -15811,7 +15837,7 @@
       });
     }
   };
-  const version = "3.5.1";
+  const version = "3.5.2";
   function install(app) {
     const components = [
       ActionBar,