vant 3.5.2 → 3.5.3

package/lib/utils/basic.d.ts

@@ -1,9 +1,9 @@
 import type { ComponentPublicInstance } from 'vue';
 export declare function noop(): void;
 export declare const extend: {
-    <T, U>(target: T, source: U): T & U;
-    <T_1, U_1, V>(target: T_1, source1: U_1, source2: V): T_1 & U_1 & V;
-    <T_2, U_2, V_1, W>(target: T_2, source1: U_2, source2: V_1, source3: W): T_2 & U_2 & V_1 & W;
+    <T extends {}, U>(target: T, source: U): T & U;
+    <T_1 extends {}, U_1, V>(target: T_1, source1: U_1, source2: V): T_1 & U_1 & V;
+    <T_2 extends {}, U_2, V_1, W>(target: T_2, source1: U_2, source2: V_1, source3: W): T_2 & U_2 & V_1 & W;
     (target: object, ...sources: any[]): any;
 };
 export declare const inBrowser: boolean;

package/lib/utils/create.d.ts

@@ -12,6 +12,6 @@ export declare type Mods = Mod | Mod[];
  * b('text', { disabled }) // 'button__text button__text--disabled'
  * b(['disabled', 'primary']) // 'button button--disabled button--primary'
  */
-export declare function createBEM(name: string): (el?: Mods | undefined, mods?: Mods | undefined) => Mods;
+export declare function createBEM(name: string): (el?: Mods, mods?: Mods) => Mods;
 export declare type BEM = ReturnType<typeof createBEM>;
 export declare function createNamespace(name: string): readonly [string, (el?: Mods | undefined, mods?: Mods | undefined) => Mods, (path: string, ...args: unknown[]) => any];

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,19 +395,23 @@ function withInstall(options) {
   };
   return options;
 }
-const useHeight = (element) => {
+const useHeight = (element, withSafeArea) => {
   const height = vue.ref();
   const setHeight = () => {
     height.value = use.useRect(element).height;
   };
   vue.onMounted(() => {
     vue.nextTick(setHeight);
-    setTimeout(setHeight, 100);
+    if (withSafeArea) {
+      for (let i = 1; i <= 3; i++) {
+        setTimeout(setHeight, 100 * i);
+      }
+    }
   });
   return height;
 };
 function usePlaceholder(contentRef, bem2) {
-  const height = useHeight(contentRef);
+  const height = useHeight(contentRef, true);
   return (renderContent) => vue.createVNode("div", {
     "class": bem2("placeholder"),
     "style": {
@@ -1745,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(() => {
@@ -2595,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");
@@ -4775,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;
@@ -5017,7 +5033,8 @@ var stdin_default$17 = vue.defineComponent({
     });
     useExpose({
       reset,
-      scrollToDate
+      scrollToDate,
+      getSelectedDate
     });
     use.onMountedOrActivated(init);
     return () => {
@@ -5983,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;
@@ -6308,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(() => {
@@ -6386,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 = () => {
@@ -7148,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,
@@ -7157,7 +7201,8 @@ var stdin_default$S = vue.defineComponent({
     slots
   }) {
     const {
-      linkChildren
+      linkChildren,
+      children
     } = use.useChildren(COLLAPSE_KEY);
     const updateName = (name2) => {
       emit("change", name2);
@@ -7176,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
@@ -7220,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(() => {
@@ -7308,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({
@@ -9085,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);
@@ -9285,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(() => {
@@ -10079,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;
@@ -11157,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;
     };
@@ -11184,9 +11272,7 @@ var stdin_default$n = vue.defineComponent({
         if (!popper) {
           popper = createPopperInstance();
         } else {
-          popper.setOptions({
-            placement: props.placement
-          });
+          popper.setOptions(getPopoverOptions());
         }
       });
     };
@@ -11257,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"
     });
@@ -12030,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 = () => {
@@ -12457,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;
@@ -13154,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(() => {
@@ -13647,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);
           }
@@ -13975,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;
     }
@@ -14365,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;
@@ -14552,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;
       }
@@ -14591,7 +14697,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.5.2";
+const version = "3.5.3";
 function install(app) {
   const components = [
     ActionBar,
@@ -14778,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;