vant 3.5.0-beta.1 → 3.5.2

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);
@@ -1653,7 +1683,7 @@
         }
       });
       vue.onDeactivated(() => {
-        if (props.show) {
+        if (props.show && props.teleport) {
           close();
           shouldReopen = true;
         }
@@ -2007,6 +2037,7 @@
         }
       };
       const getValue = () => state.options[state.index];
+      const hasOptions = () => state.options.length;
       setIndex(state.index);
       useParent(PICKER_KEY);
       useExpose({
@@ -2015,6 +2046,7 @@
         getValue,
         setValue,
         setOptions,
+        hasOptions,
         stopMomentum
       });
       vue.watch(() => props.initialOptions, setOptions);
@@ -2134,7 +2166,7 @@
         } else {
           formattedColumns.value = columns;
         }
-        hasOptions.value = formattedColumns.value.some((item) => item[columnsFieldNames.value.values] && item[columnsFieldNames.value.values].length !== 0);
+        hasOptions.value = formattedColumns.value.some((item) => item[columnsFieldNames.value.values] && item[columnsFieldNames.value.values].length !== 0) || children.some((item) => item.hasOptions);
       };
       const getIndexes = () => children.map((child) => child.state.index);
       const setColumnValues = (index, options) => {
@@ -2967,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
@@ -3041,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 {
@@ -3681,6 +3719,7 @@
       };
       useCustomFieldValue(() => props.modelValue);
       return () => {
+        var _a;
         const {
           size,
           loading,
@@ -3706,7 +3745,7 @@
           "onClick": onClick
         }, [vue.createVNode("div", {
           "class": bem$18("node")
-        }, [renderLoading()])]);
+        }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
       };
     }
   });
@@ -4596,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,
@@ -5078,6 +5106,9 @@
       const months = vue.computed(() => {
         const months2 = [];
         const cursor = new Date(props.minDate);
+        if (props.lazyRender && !props.show && props.poppable) {
+          return months2;
+        }
         cursor.setDate(1);
         do {
           months2.push(new Date(cursor));
@@ -8955,8 +8986,10 @@
     showCancelButton: Boolean,
     cancelButtonText: String,
     cancelButtonColor: String,
+    cancelButtonDisabled: Boolean,
     confirmButtonText: String,
     confirmButtonColor: String,
+    confirmButtonDisabled: Boolean,
     showConfirmButton: truthProp,
     closeOnClickOverlay: Boolean
   });
@@ -9077,6 +9110,7 @@
           color: props.cancelButtonColor
         },
         "loading": loading.cancel,
+        "disabled": props.cancelButtonDisabled,
         "onClick": onCancel
       }, null), props.showConfirmButton && vue.createVNode(Button, {
         "size": "large",
@@ -9088,6 +9122,7 @@
           color: props.confirmButtonColor
         },
         "loading": loading.confirm,
+        "disabled": props.confirmButtonDisabled,
         "onClick": onConfirm
       }, null)]);
       const renderRoundButtons = () => vue.createVNode(ActionBar, {
@@ -9099,6 +9134,7 @@
           "class": bem$A("cancel"),
           "color": props.cancelButtonColor,
           "loading": loading.cancel,
+          "disabled": props.cancelButtonDisabled,
           "onClick": onCancel
         }, null), props.showConfirmButton && vue.createVNode(ActionBarButton, {
           "type": "danger",
@@ -9106,6 +9142,7 @@
           "class": bem$A("confirm"),
           "color": props.confirmButtonColor,
           "loading": loading.confirm,
+          "disabled": props.confirmButtonDisabled,
           "onClick": onConfirm
         }, null)]
       });
@@ -9190,8 +9227,10 @@
     messageAlign: "",
     cancelButtonText: "",
     cancelButtonColor: null,
+    cancelButtonDisabled: false,
     confirmButtonText: "",
     confirmButtonColor: null,
+    confirmButtonDisabled: false,
     showConfirmButton: true,
     showCancelButton: false,
     closeOnPopstate: true,
@@ -10572,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,
@@ -12592,7 +12622,7 @@
   var stdin_default$l = vue.defineComponent({
     name: name$g,
     props: pullRefreshProps,
-    emits: ["refresh", "update:modelValue"],
+    emits: ["change", "refresh", "update:modelValue"],
     setup(props, {
       emit,
       slots
@@ -12637,6 +12667,10 @@
         } else {
           state.status = "loosing";
         }
+        emit("change", {
+          status: state.status,
+          distance
+        });
       };
       const getStatusText = () => {
         const {
@@ -14021,6 +14055,7 @@
     buttonType: makeStringProp("danger"),
     buttonColor: String,
     suffixLabel: String,
+    placeholder: Boolean,
     decimalLength: makeNumericProp(2),
     safeAreaInsetBottom: truthProp
   };
@@ -14032,6 +14067,8 @@
       emit,
       slots
     }) {
+      const root = vue.ref();
+      const renderPlaceholder = usePlaceholder(root, bem$5);
       const renderText = () => {
         const {
           price,
@@ -14091,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
           }]
@@ -14101,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);
@@ -15793,7 +15837,7 @@
       });
     }
   };
-  const version = "3.5.0-beta.1";
+  const version = "3.5.2";
   function install(app) {
     const components = [
       ActionBar,