vant 3.5.0-beta.0 → 3.5.1

package/lib/vant.es.js

@@ -1299,7 +1299,7 @@ var stdin_default$1s = defineComponent({
       }
     });
     onDeactivated(() => {
-      if (props.show) {
+      if (props.show && props.teleport) {
         close();
         shouldReopen = true;
       }
@@ -1653,6 +1653,7 @@ var stdin_default$1q = defineComponent({
       }
     };
     const getValue = () => state.options[state.index];
+    const hasOptions = () => state.options.length;
     setIndex(state.index);
     useParent(PICKER_KEY);
     useExpose({
@@ -1661,6 +1662,7 @@ var stdin_default$1q = defineComponent({
       getValue,
       setValue,
       setOptions,
+      hasOptions,
       stopMomentum
     });
     watch(() => props.initialOptions, setOptions);
@@ -1780,7 +1782,7 @@ var stdin_default$1p = defineComponent({
       } 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) => {
@@ -3327,6 +3329,7 @@ var stdin_default$1j = defineComponent({
     };
     useCustomFieldValue(() => props.modelValue);
     return () => {
+      var _a;
       const {
         size,
         loading,
@@ -3352,7 +3355,7 @@ var stdin_default$1j = defineComponent({
         "onClick": onClick
       }, [createVNode("div", {
         "class": bem$18("node")
-      }, [renderLoading()])]);
+      }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
@@ -4724,6 +4727,9 @@ var stdin_default$17 = defineComponent({
     const months = 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));
@@ -8601,8 +8607,10 @@ const dialogProps = extend({}, popupSharedProps, {
   showCancelButton: Boolean,
   cancelButtonText: String,
   cancelButtonColor: String,
+  cancelButtonDisabled: Boolean,
   confirmButtonText: String,
   confirmButtonColor: String,
+  confirmButtonDisabled: Boolean,
   showConfirmButton: truthProp,
   closeOnClickOverlay: Boolean
 });
@@ -8723,6 +8731,7 @@ var stdin_default$F = defineComponent({
         color: props.cancelButtonColor
       },
       "loading": loading.cancel,
+      "disabled": props.cancelButtonDisabled,
       "onClick": onCancel
     }, null), props.showConfirmButton && createVNode(Button, {
       "size": "large",
@@ -8734,6 +8743,7 @@ var stdin_default$F = defineComponent({
         color: props.confirmButtonColor
       },
       "loading": loading.confirm,
+      "disabled": props.confirmButtonDisabled,
       "onClick": onConfirm
     }, null)]);
     const renderRoundButtons = () => createVNode(ActionBar, {
@@ -8745,6 +8755,7 @@ var stdin_default$F = defineComponent({
         "class": bem$A("cancel"),
         "color": props.cancelButtonColor,
         "loading": loading.cancel,
+        "disabled": props.cancelButtonDisabled,
         "onClick": onCancel
       }, null), props.showConfirmButton && createVNode(ActionBarButton, {
         "type": "danger",
@@ -8752,6 +8763,7 @@ var stdin_default$F = defineComponent({
         "class": bem$A("confirm"),
         "color": props.confirmButtonColor,
         "loading": loading.confirm,
+        "disabled": props.confirmButtonDisabled,
         "onClick": onConfirm
       }, null)]
     });
@@ -8836,8 +8848,10 @@ Dialog.defaultOptions = {
   messageAlign: "",
   cancelButtonText: "",
   cancelButtonColor: null,
+  cancelButtonDisabled: false,
   confirmButtonText: "",
   confirmButtonColor: null,
+  confirmButtonDisabled: false,
   showConfirmButton: true,
   showCancelButton: false,
   closeOnPopstate: true,
@@ -11344,7 +11358,7 @@ const pullRefreshProps = {
 var stdin_default$l = defineComponent({
   name: name$g,
   props: pullRefreshProps,
-  emits: ["refresh", "update:modelValue"],
+  emits: ["change", "refresh", "update:modelValue"],
   setup(props, {
     emit,
     slots
@@ -11389,6 +11403,10 @@ var stdin_default$l = defineComponent({
       } else {
         state.status = "loosing";
       }
+      emit("change", {
+        status: state.status,
+        distance
+      });
     };
     const getStatusText = () => {
       const {
@@ -14545,7 +14563,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.5.0-beta.0";
+const version = "3.5.1";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.min.js

@@ -1299,7 +1299,7 @@ var stdin_default$1s = defineComponent({
       }
     });
     onDeactivated(() => {
-      if (props.show) {
+      if (props.show && props.teleport) {
         close();
         shouldReopen = true;
       }
@@ -1653,6 +1653,7 @@ var stdin_default$1q = defineComponent({
       }
     };
     const getValue = () => state.options[state.index];
+    const hasOptions = () => state.options.length;
     setIndex(state.index);
     useParent(PICKER_KEY);
     useExpose({
@@ -1661,6 +1662,7 @@ var stdin_default$1q = defineComponent({
       getValue,
       setValue,
       setOptions,
+      hasOptions,
       stopMomentum
     });
     watch(() => props.initialOptions, setOptions);
@@ -1780,7 +1782,7 @@ var stdin_default$1p = defineComponent({
       } 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) => {
@@ -3327,6 +3329,7 @@ var stdin_default$1j = defineComponent({
     };
     useCustomFieldValue(() => props.modelValue);
     return () => {
+      var _a;
       const {
         size,
         loading,
@@ -3352,7 +3355,7 @@ var stdin_default$1j = defineComponent({
         "onClick": onClick
       }, [createVNode("div", {
         "class": bem$18("node")
-      }, [renderLoading()])]);
+      }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
@@ -4724,6 +4727,9 @@ var stdin_default$17 = defineComponent({
     const months = 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));
@@ -8601,8 +8607,10 @@ const dialogProps = extend({}, popupSharedProps, {
   showCancelButton: Boolean,
   cancelButtonText: String,
   cancelButtonColor: String,
+  cancelButtonDisabled: Boolean,
   confirmButtonText: String,
   confirmButtonColor: String,
+  confirmButtonDisabled: Boolean,
   showConfirmButton: truthProp,
   closeOnClickOverlay: Boolean
 });
@@ -8723,6 +8731,7 @@ var stdin_default$F = defineComponent({
         color: props.cancelButtonColor
       },
       "loading": loading.cancel,
+      "disabled": props.cancelButtonDisabled,
       "onClick": onCancel
     }, null), props.showConfirmButton && createVNode(Button, {
       "size": "large",
@@ -8734,6 +8743,7 @@ var stdin_default$F = defineComponent({
         color: props.confirmButtonColor
       },
       "loading": loading.confirm,
+      "disabled": props.confirmButtonDisabled,
       "onClick": onConfirm
     }, null)]);
     const renderRoundButtons = () => createVNode(ActionBar, {
@@ -8745,6 +8755,7 @@ var stdin_default$F = defineComponent({
         "class": bem$A("cancel"),
         "color": props.cancelButtonColor,
         "loading": loading.cancel,
+        "disabled": props.cancelButtonDisabled,
         "onClick": onCancel
       }, null), props.showConfirmButton && createVNode(ActionBarButton, {
         "type": "danger",
@@ -8752,6 +8763,7 @@ var stdin_default$F = defineComponent({
         "class": bem$A("confirm"),
         "color": props.confirmButtonColor,
         "loading": loading.confirm,
+        "disabled": props.confirmButtonDisabled,
         "onClick": onConfirm
       }, null)]
     });
@@ -8836,8 +8848,10 @@ Dialog.defaultOptions = {
   messageAlign: "",
   cancelButtonText: "",
   cancelButtonColor: null,
+  cancelButtonDisabled: false,
   confirmButtonText: "",
   confirmButtonColor: null,
+  confirmButtonDisabled: false,
   showConfirmButton: true,
   showCancelButton: false,
   closeOnPopstate: true,
@@ -11344,7 +11358,7 @@ const pullRefreshProps = {
 var stdin_default$l = defineComponent({
   name: name$g,
   props: pullRefreshProps,
-  emits: ["refresh", "update:modelValue"],
+  emits: ["change", "refresh", "update:modelValue"],
   setup(props, {
     emit,
     slots
@@ -11389,6 +11403,10 @@ var stdin_default$l = defineComponent({
       } else {
         state.status = "loosing";
       }
+      emit("change", {
+        status: state.status,
+        distance
+      });
     };
     const getStatusText = () => {
       const {
@@ -14545,7 +14563,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.5.0-beta.0";
+const version = "3.5.1";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -1653,7 +1653,7 @@
         }
       });
       vue.onDeactivated(() => {
-        if (props.show) {
+        if (props.show && props.teleport) {
           close();
           shouldReopen = true;
         }
@@ -2007,6 +2007,7 @@
         }
       };
       const getValue = () => state.options[state.index];
+      const hasOptions = () => state.options.length;
       setIndex(state.index);
       useParent(PICKER_KEY);
       useExpose({
@@ -2015,6 +2016,7 @@
         getValue,
         setValue,
         setOptions,
+        hasOptions,
         stopMomentum
       });
       vue.watch(() => props.initialOptions, setOptions);
@@ -2134,7 +2136,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) => {
@@ -3681,6 +3683,7 @@
       };
       useCustomFieldValue(() => props.modelValue);
       return () => {
+        var _a;
         const {
           size,
           loading,
@@ -3706,7 +3709,7 @@
           "onClick": onClick
         }, [vue.createVNode("div", {
           "class": bem$18("node")
-        }, [renderLoading()])]);
+        }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
       };
     }
   });
@@ -5078,6 +5081,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 +8961,10 @@
     showCancelButton: Boolean,
     cancelButtonText: String,
     cancelButtonColor: String,
+    cancelButtonDisabled: Boolean,
     confirmButtonText: String,
     confirmButtonColor: String,
+    confirmButtonDisabled: Boolean,
     showConfirmButton: truthProp,
     closeOnClickOverlay: Boolean
   });
@@ -9077,6 +9085,7 @@
           color: props.cancelButtonColor
         },
         "loading": loading.cancel,
+        "disabled": props.cancelButtonDisabled,
         "onClick": onCancel
       }, null), props.showConfirmButton && vue.createVNode(Button, {
         "size": "large",
@@ -9088,6 +9097,7 @@
           color: props.confirmButtonColor
         },
         "loading": loading.confirm,
+        "disabled": props.confirmButtonDisabled,
         "onClick": onConfirm
       }, null)]);
       const renderRoundButtons = () => vue.createVNode(ActionBar, {
@@ -9099,6 +9109,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 +9117,7 @@
           "class": bem$A("confirm"),
           "color": props.confirmButtonColor,
           "loading": loading.confirm,
+          "disabled": props.confirmButtonDisabled,
           "onClick": onConfirm
         }, null)]
       });
@@ -9190,8 +9202,10 @@
     messageAlign: "",
     cancelButtonText: "",
     cancelButtonColor: null,
+    cancelButtonDisabled: false,
     confirmButtonText: "",
     confirmButtonColor: null,
+    confirmButtonDisabled: false,
     showConfirmButton: true,
     showCancelButton: false,
     closeOnPopstate: true,
@@ -12592,7 +12606,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 +12651,10 @@
         } else {
           state.status = "loosing";
         }
+        emit("change", {
+          status: state.status,
+          distance
+        });
       };
       const getStatusText = () => {
         const {
@@ -15793,7 +15811,7 @@
       });
     }
   };
-  const version = "3.5.0-beta.0";
+  const version = "3.5.1";
   function install(app) {
     const components = [
       ActionBar,