vant 3.5.2 → 3.5.3

package/lib/vant.es.js

@@ -1,6 +1,6 @@
 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, 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";
+import { offsetModifier, createPopper } from "@vant/popperjs";
 function noop() {
 }
 const extend = Object.assign;
@@ -393,19 +393,23 @@ function withInstall(options) {
   };
   return options;
 }
-const useHeight = (element) => {
+const useHeight = (element, withSafeArea) => {
   const height = ref();
   const setHeight = () => {
     height.value = useRect(element).height;
   };
   onMounted(() => {
     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) => createVNode("div", {
     "class": bem2("placeholder"),
     "style": {
@@ -1743,6 +1747,14 @@ var stdin_default$1p = 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 = ref(false);
     const formattedColumns = ref([]);
     const columnsFieldNames = computed(() => {
@@ -2593,6 +2605,9 @@ let current = 0;
 function useId$1() {
   const vm = 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");
@@ -4773,6 +4788,7 @@ var stdin_default$17 = defineComponent({
       }
       return !currentDate.value;
     });
+    const getSelectedDate = () => currentDate.value;
     const onScroll = () => {
       const top = getScrollTop(bodyRef.value);
       const bottom = top + bodyHeight;
@@ -5015,7 +5031,8 @@ var stdin_default$17 = defineComponent({
     });
     useExpose({
       reset,
-      scrollToDate
+      scrollToDate,
+      getSelectedDate
     });
     onMountedOrActivated(init);
     return () => {
@@ -5981,6 +5998,16 @@ var stdin_default$10 = defineComponent({
     emit,
     slots
   }) {
+    var _a, _b;
+    if (process.env.NODE_ENV !== "production") {
+      const props2 = (_b = (_a = 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;
@@ -6306,6 +6333,9 @@ var stdin_default$$ = defineComponent({
       index
     } = 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 = computed(() => {
@@ -6384,6 +6414,9 @@ var stdin_default$_ = defineComponent({
       index
     } = 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 = () => {
@@ -7146,6 +7179,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 = defineComponent({
   name: name$M,
   props: collapseProps,
@@ -7155,7 +7199,8 @@ var stdin_default$S = defineComponent({
     slots
   }) {
     const {
-      linkChildren
+      linkChildren,
+      children
     } = useChildren(COLLAPSE_KEY);
     const updateName = (name2) => {
       emit("change", name2);
@@ -7174,13 +7219,41 @@ var stdin_default$S = 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
@@ -7218,6 +7291,9 @@ var stdin_default$R = defineComponent({
       index
     } = 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 = computed(() => {
@@ -7306,7 +7382,9 @@ var stdin_default$R = defineComponent({
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), [[vShow, show.value]]);
     });
     useExpose({
-      toggle
+      toggle,
+      expanded,
+      itemName: name2
     });
     return () => createVNode("div", {
       "class": [bem$K({
@@ -9083,6 +9161,9 @@ var stdin_default$C = defineComponent({
       index
     } = 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);
@@ -9283,6 +9364,9 @@ var stdin_default$A = defineComponent({
     } = 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 = computed(() => {
@@ -10077,6 +10161,9 @@ var stdin_default$w = defineComponent({
       parent
     } = 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;
@@ -11155,22 +11242,23 @@ var stdin_default$n = defineComponent({
     let popper;
     const wrapperRef = ref();
     const popoverRef = ref();
+    const getPopoverOptions = () => ({
+      placement: props.placement,
+      modifiers: [{
+        name: "computeStyles",
+        options: {
+          adaptive: false,
+          gpuAcceleration: false
+        }
+      }, extend({}, offsetModifier, {
+        options: {
+          offset: props.offset
+        }
+      })]
+    });
     const createPopperInstance = () => {
       if (wrapperRef.value && popoverRef.value) {
-        return createPopper(wrapperRef.value, popoverRef.value.popupRef.value, {
-          placement: props.placement,
-          modifiers: [{
-            name: "computeStyles",
-            options: {
-              adaptive: false,
-              gpuAcceleration: false
-            }
-          }, extend({}, offsetModifier, {
-            options: {
-              offset: props.offset
-            }
-          })]
-        });
+        return createPopper(wrapperRef.value, popoverRef.value.popupRef.value, getPopoverOptions());
       }
       return null;
     };
@@ -11182,9 +11270,7 @@ var stdin_default$n = defineComponent({
         if (!popper) {
           popper = createPopperInstance();
         } else {
-          popper.setOptions({
-            placement: props.placement
-          });
+          popper.setOptions(getPopoverOptions());
         }
       });
     };
@@ -11255,7 +11341,7 @@ var stdin_default$n = defineComponent({
         popper = null;
       }
     });
-    watch(() => [props.show, props.placement], updateLocation);
+    watch(() => [props.show, props.offset, props.placement], updateLocation);
     useClickAway(wrapperRef, onClickAway, {
       eventName: "touchstart"
     });
@@ -12028,6 +12114,9 @@ var stdin_default$g = defineComponent({
       index
     } = 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 = () => {
@@ -12455,6 +12544,9 @@ var stdin_default$c = defineComponent({
       index
     } = 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;
@@ -13152,6 +13244,9 @@ var stdin_default$7 = defineComponent({
       index
     } = 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 = computed(() => {
@@ -13645,7 +13740,7 @@ var stdin_default$4 = 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);
           }
@@ -13973,10 +14068,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;
     }
@@ -14363,6 +14463,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;
@@ -14550,6 +14653,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;
       }
@@ -14589,7 +14695,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.5.2";
+const version = "3.5.3";
 function install(app) {
   const components = [
     ActionBar,
@@ -14690,4 +14796,94 @@ var stdin_default = {
   install,
   version
 };
-export { ActionBar, ActionBarButton, ActionBarIcon, ActionSheet, AddressEdit, AddressList, Area, Badge, Button, Calendar, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Circle, Col, Collapse, CollapseItem, ConfigProvider, ContactCard, ContactEdit, ContactList, CountDown, Coupon, CouponCell, CouponList, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, Grid, GridItem, Icon, Image$1 as Image, ImagePreview, IndexAnchor, IndexBar, Lazyload, List, Loading, Locale, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, PasswordInput, Picker, Popover, Popup, Progress, PullRefresh, Radio, RadioGroup, Rate, Row, Search, ShareSheet, Sidebar, SidebarItem, Skeleton, Slider, Step, Stepper, Steps, Sticky, SubmitBar, Swipe, SwipeCell, SwipeItem, Switch, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, TreeSelect, Uploader, stdin_default as default, install, version };
+export {
+  ActionBar,
+  ActionBarButton,
+  ActionBarIcon,
+  ActionSheet,
+  AddressEdit,
+  AddressList,
+  Area,
+  Badge,
+  Button,
+  Calendar,
+  Card,
+  Cascader,
+  Cell,
+  CellGroup,
+  Checkbox,
+  CheckboxGroup,
+  Circle,
+  Col,
+  Collapse,
+  CollapseItem,
+  ConfigProvider,
+  ContactCard,
+  ContactEdit,
+  ContactList,
+  CountDown,
+  Coupon,
+  CouponCell,
+  CouponList,
+  DatetimePicker,
+  Dialog,
+  Divider,
+  DropdownItem,
+  DropdownMenu,
+  Empty,
+  Field,
+  Form,
+  Grid,
+  GridItem,
+  Icon,
+  Image$1 as Image,
+  ImagePreview,
+  IndexAnchor,
+  IndexBar,
+  Lazyload,
+  List,
+  Loading,
+  Locale,
+  NavBar,
+  NoticeBar,
+  Notify,
+  NumberKeyboard,
+  Overlay,
+  Pagination,
+  PasswordInput,
+  Picker,
+  Popover,
+  Popup,
+  Progress,
+  PullRefresh,
+  Radio,
+  RadioGroup,
+  Rate,
+  Row,
+  Search,
+  ShareSheet,
+  Sidebar,
+  SidebarItem,
+  Skeleton,
+  Slider,
+  Step,
+  Stepper,
+  Steps,
+  Sticky,
+  SubmitBar,
+  Swipe,
+  SwipeCell,
+  SwipeItem,
+  Switch,
+  Tab,
+  Tabbar,
+  TabbarItem,
+  Tabs,
+  Tag,
+  Toast,
+  TreeSelect,
+  Uploader,
+  stdin_default as default,
+  install,
+  version
+};