vant 3.5.0 → 3.5.3

package/lib/vant.cjs.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var use = require("@vant/use");
-var vue = require("vue");
-var popperjs = require("@vant/popperjs");
+const use = require("@vant/use");
+const vue = require("vue");
+const popperjs = require("@vant/popperjs");
 function noop() {
 }
 const extend = Object.assign;
@@ -395,9 +395,34 @@ function withInstall(options) {
   };
   return options;
 }
+const useHeight = (element, withSafeArea) => {
+  const height = vue.ref();
+  const setHeight = () => {
+    height.value = use.useRect(element).height;
+  };
+  vue.onMounted(() => {
+    vue.nextTick(setHeight);
+    if (withSafeArea) {
+      for (let i = 1; i <= 3; i++) {
+        setTimeout(setHeight, 100 * i);
+      }
+    }
+  });
+  return height;
+};
+function usePlaceholder(contentRef, bem2) {
+  const height = useHeight(contentRef, true);
+  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 +431,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);
@@ -1301,7 +1335,7 @@ var stdin_default$1s = vue.defineComponent({
       }
     });
     vue.onDeactivated(() => {
-      if (props.show) {
+      if (props.show && props.teleport) {
         close();
         shouldReopen = true;
       }
@@ -1715,6 +1749,14 @@ var stdin_default$1p = vue.defineComponent({
     emit,
     slots
   }) {
+    if (process.env.NODE_ENV !== "production") {
+      if (slots.default) {
+        console.warn('[Vant] Picker: "default" slot is deprecated, please use "toolbar" slot instead.');
+      }
+      if (props.valueKey) {
+        console.warn('[Vant] Picker: "valueKey" prop is deprecated, please use "columnsFieldNames" prop instead.');
+      }
+    }
     const hasOptions = vue.ref(false);
     const formattedColumns = vue.ref([]);
     const columnsFieldNames = vue.computed(() => {
@@ -2565,6 +2607,9 @@ let current = 0;
 function useId$1() {
   const vm = vue.getCurrentInstance();
   const { name: name2 = "unknown" } = (vm == null ? void 0 : vm.type) || {};
+  if (process.env.NODE_ENV === "test") {
+    return name2;
+  }
   return `${name2}-${++current}`;
 }
 const [name$1e, bem$1a] = createNamespace("field");
@@ -2617,7 +2662,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 +2736,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 +4298,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,
@@ -4729,6 +4769,9 @@ var stdin_default$17 = vue.defineComponent({
     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));
@@ -4747,6 +4790,7 @@ var stdin_default$17 = vue.defineComponent({
       }
       return !currentDate.value;
     });
+    const getSelectedDate = () => currentDate.value;
     const onScroll = () => {
       const top = getScrollTop(bodyRef.value);
       const bottom = top + bodyHeight;
@@ -4989,7 +5033,8 @@ var stdin_default$17 = vue.defineComponent({
     });
     useExpose({
       reset,
-      scrollToDate
+      scrollToDate,
+      getSelectedDate
     });
     use.onMountedOrActivated(init);
     return () => {
@@ -5955,6 +6000,16 @@ var stdin_default$10 = vue.defineComponent({
     emit,
     slots
   }) {
+    var _a, _b;
+    if (process.env.NODE_ENV !== "production") {
+      const props2 = (_b = (_a = vue.getCurrentInstance()) == null ? void 0 : _a.vnode) == null ? void 0 : _b.props;
+      if (props2 && "onClick" in props2) {
+        console.warn('[Vant] Tabs: "click" event is deprecated, using "click-tab" instead.');
+      }
+      if (props2 && "onDisabled" in props2) {
+        console.warn('[Vant] Tabs: "disabled" event is deprecated, using "click-tab" instead.');
+      }
+    }
     let tabHeight;
     let lockScroll;
     let stickyFixed;
@@ -6280,6 +6335,9 @@ var stdin_default$$ = vue.defineComponent({
       index
     } = use.useParent(SWIPE_KEY);
     if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <SwipeItem> must be a child component of <Swipe>.");
+      }
       return;
     }
     const style = vue.computed(() => {
@@ -6358,6 +6416,9 @@ var stdin_default$_ = vue.defineComponent({
       index
     } = use.useParent(TABS_KEY);
     if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <Tab> must be a child component of <Tabs>.");
+      }
       return;
     }
     const getName = () => {
@@ -7120,6 +7181,17 @@ const collapseProps = {
     default: ""
   }
 };
+function validateModelValue(modelValue, accordion) {
+  if (accordion && Array.isArray(modelValue)) {
+    console.error('[Vant] Collapse: "v-model" should not be Array in accordion mode');
+    return false;
+  }
+  if (!accordion && !Array.isArray(modelValue)) {
+    console.error('[Vant] Collapse: "v-model" should be Array in non-accordion mode');
+    return false;
+  }
+  return true;
+}
 var stdin_default$S = vue.defineComponent({
   name: name$M,
   props: collapseProps,
@@ -7129,7 +7201,8 @@ var stdin_default$S = vue.defineComponent({
     slots
   }) {
     const {
-      linkChildren
+      linkChildren,
+      children
     } = use.useChildren(COLLAPSE_KEY);
     const updateName = (name2) => {
       emit("change", name2);
@@ -7148,13 +7221,41 @@ var stdin_default$S = vue.defineComponent({
         updateName(modelValue.filter((activeName) => activeName !== name2));
       }
     };
+    const toggleAll = (options = {}) => {
+      if (props.accordion) {
+        return;
+      }
+      if (typeof options === "boolean") {
+        options = {
+          expanded: options
+        };
+      }
+      const {
+        expanded,
+        skipDisabled
+      } = options;
+      const expandedChildren = children.filter((item) => {
+        if (item.disabled && skipDisabled) {
+          return item.expanded.value;
+        }
+        return expanded != null ? expanded : !item.expanded.value;
+      });
+      const names = expandedChildren.map((item) => item.itemName.value);
+      updateName(names);
+    };
     const isExpanded = (name2) => {
       const {
         accordion,
         modelValue
       } = props;
+      if (process.env.NODE_ENV !== "production" && !validateModelValue(modelValue, accordion)) {
+        return false;
+      }
       return accordion ? modelValue === name2 : modelValue.includes(name2);
     };
+    useExpose({
+      toggleAll
+    });
     linkChildren({
       toggle,
       isExpanded
@@ -7192,6 +7293,9 @@ var stdin_default$R = vue.defineComponent({
       index
     } = use.useParent(COLLAPSE_KEY);
     if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <CollapseItem> must be a child component of <Collapse>.");
+      }
       return;
     }
     const name2 = vue.computed(() => {
@@ -7280,7 +7384,9 @@ var stdin_default$R = vue.defineComponent({
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), [[vue.vShow, show.value]]);
     });
     useExpose({
-      toggle
+      toggle,
+      expanded,
+      itemName: name2
     });
     return () => vue.createVNode("div", {
       "class": [bem$K({
@@ -9057,6 +9163,9 @@ var stdin_default$C = vue.defineComponent({
       index
     } = use.useParent(DROPDOWN_KEY);
     if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <DropdownItem> must be a child component of <DropdownMenu>.");
+      }
       return;
     }
     const getEmitter = (name2) => () => emit(name2);
@@ -9257,6 +9366,9 @@ var stdin_default$A = vue.defineComponent({
     } = use.useParent(GRID_KEY);
     const route2 = useRoute();
     if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <GridItem> must be a child component of <Grid>.");
+      }
       return;
     }
     const rootStyle = vue.computed(() => {
@@ -10051,6 +10163,9 @@ var stdin_default$w = vue.defineComponent({
       parent
     } = use.useParent(INDEX_BAR_KEY);
     if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <IndexAnchor> must be a child component of <IndexBar>.");
+      }
       return;
     }
     const isSticky = () => state.active && parent.props.sticky;
@@ -10231,15 +10346,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,
@@ -11138,22 +11244,23 @@ var stdin_default$n = vue.defineComponent({
     let popper;
     const wrapperRef = vue.ref();
     const popoverRef = vue.ref();
+    const getPopoverOptions = () => ({
+      placement: props.placement,
+      modifiers: [{
+        name: "computeStyles",
+        options: {
+          adaptive: false,
+          gpuAcceleration: false
+        }
+      }, extend({}, popperjs.offsetModifier, {
+        options: {
+          offset: props.offset
+        }
+      })]
+    });
     const createPopperInstance = () => {
       if (wrapperRef.value && popoverRef.value) {
-        return popperjs.createPopper(wrapperRef.value, popoverRef.value.popupRef.value, {
-          placement: props.placement,
-          modifiers: [{
-            name: "computeStyles",
-            options: {
-              adaptive: false,
-              gpuAcceleration: false
-            }
-          }, extend({}, popperjs.offsetModifier, {
-            options: {
-              offset: props.offset
-            }
-          })]
-        });
+        return popperjs.createPopper(wrapperRef.value, popoverRef.value.popupRef.value, getPopoverOptions());
       }
       return null;
     };
@@ -11165,9 +11272,7 @@ var stdin_default$n = vue.defineComponent({
         if (!popper) {
           popper = createPopperInstance();
         } else {
-          popper.setOptions({
-            placement: props.placement
-          });
+          popper.setOptions(getPopoverOptions());
         }
       });
     };
@@ -11238,7 +11343,7 @@ var stdin_default$n = vue.defineComponent({
         popper = null;
       }
     });
-    vue.watch(() => [props.show, props.placement], updateLocation);
+    vue.watch(() => [props.show, props.offset, props.placement], updateLocation);
     use.useClickAway(wrapperRef, onClickAway, {
       eventName: "touchstart"
     });
@@ -11357,7 +11462,7 @@ const pullRefreshProps = {
 var stdin_default$l = vue.defineComponent({
   name: name$g,
   props: pullRefreshProps,
-  emits: ["refresh", "update:modelValue"],
+  emits: ["change", "refresh", "update:modelValue"],
   setup(props, {
     emit,
     slots
@@ -11402,6 +11507,10 @@ var stdin_default$l = vue.defineComponent({
       } else {
         state.status = "loosing";
       }
+      emit("change", {
+        status: state.status,
+        distance
+      });
     };
     const getStatusText = () => {
       const {
@@ -12007,6 +12116,9 @@ var stdin_default$g = vue.defineComponent({
       index
     } = use.useParent(SIDEBAR_KEY);
     if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <SidebarItem> must be a child component of <Sidebar>.");
+      }
       return;
     }
     const onClick = () => {
@@ -12434,6 +12546,9 @@ var stdin_default$c = vue.defineComponent({
       index
     } = use.useParent(STEPS_KEY);
     if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <Step> must be a child component of <Steps>.");
+      }
       return;
     }
     const parentProps = parent.props;
@@ -12786,6 +12901,7 @@ const submitBarProps = {
   buttonType: makeStringProp("danger"),
   buttonColor: String,
   suffixLabel: String,
+  placeholder: Boolean,
   decimalLength: makeNumericProp(2),
   safeAreaInsetBottom: truthProp
 };
@@ -12797,6 +12913,8 @@ var stdin_default$a = vue.defineComponent({
     emit,
     slots
   }) {
+    const root = vue.ref();
+    const renderPlaceholder = usePlaceholder(root, bem$5);
     const renderText = () => {
       const {
         price,
@@ -12856,9 +12974,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
         }]
@@ -12866,6 +12985,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);
@@ -13121,6 +13246,9 @@ var stdin_default$7 = vue.defineComponent({
       index
     } = use.useParent(TABBAR_KEY);
     if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <TabbarItem> must be a child component of <Tabbar>.");
+      }
       return;
     }
     const active = vue.computed(() => {
@@ -13614,7 +13742,7 @@ var stdin_default$4 = vue.defineComponent({
       if (props.previewFullImage) {
         const imageFiles = props.modelValue.filter(isImageFile);
         const images = imageFiles.map((item2) => {
-          if (item2.file && !item2.url) {
+          if (item2.file && !item2.url && item2.status !== "failed") {
             item2.url = URL.createObjectURL(item2.file);
             urls.push(item2.url);
           }
@@ -13942,10 +14070,15 @@ class ReactiveListener {
     }, () => {
       cb();
       this.state.loading = false;
+      if (process.env.NODE_ENV !== "production" && !this.options.silent)
+        console.warn(`[@vant/lazyload] load failed with loading image(${this.loading})`);
     });
   }
   load(onFinish = noop) {
     if (this.attempt > this.options.attempt - 1 && this.state.error) {
+      if (process.env.NODE_ENV !== "production" && !this.options.silent) {
+        console.log(`[@vant/lazyload] ${this.src} tried too more than ${this.options.attempt} times`);
+      }
       onFinish();
       return;
     }
@@ -14332,6 +14465,9 @@ function stdin_default$3() {
       let src = value;
       let { loading, error } = this.options;
       if (isObject(value)) {
+        if (process.env.NODE_ENV !== "production" && !value.src && !this.options.silent) {
+          console.error("[@vant/lazyload] miss src with " + value);
+        }
         ({ src } = value);
         loading = value.loading || this.options.loading;
         error = value.error || this.options.error;
@@ -14519,6 +14655,9 @@ var stdin_default$1 = (lazyManager) => ({
     },
     load(onFinish = noop) {
       if (this.state.attempt > this.options.attempt - 1 && this.state.error) {
+        if (process.env.NODE_ENV !== "production" && !lazyManager.options.silent) {
+          console.log(`[@vant/lazyload] ${this.options.src} tried too more than ${this.options.attempt} times`);
+        }
         onFinish();
         return;
       }
@@ -14558,7 +14697,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.5.0";
+const version = "3.5.3";
 function install(app) {
   const components = [
     ActionBar,
@@ -14745,6 +14884,6 @@ exports.Tag = Tag;
 exports.Toast = Toast;
 exports.TreeSelect = TreeSelect;
 exports.Uploader = Uploader;
-exports["default"] = stdin_default;
+exports.default = stdin_default;
 exports.install = install;
 exports.version = version;