vant 3.2.3 → 3.2.4

package/lib/vant.js

@@ -1,5 +1,5 @@
-(function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.vant = {}, global2.Vue));
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.vant = {}, global.Vue));
 })(this, function(exports2, vue) {
   "use strict";
   function noop$1() {
@@ -421,22 +421,13 @@
     return Math.round((num1 + num2) * cardinal) / cardinal;
   }
   var inBrowser$1 = typeof window !== "undefined";
-  var root = inBrowser$1 ? window : global;
-  var prev = Date.now();
-  function rafPolyfill(fn) {
-    var curr = Date.now();
-    var ms = Math.max(0, 16 - (curr - prev));
-    var id = setTimeout(fn, ms);
-    prev = curr + ms;
-    return id;
-  }
   function raf(fn) {
-    var requestAnimationFrame = root.requestAnimationFrame || rafPolyfill;
-    return requestAnimationFrame.call(root, fn);
+    return inBrowser$1 ? requestAnimationFrame(fn) : -1;
   }
   function cancelRaf(id) {
-    var cancelAnimationFrame = root.cancelAnimationFrame || root.clearTimeout;
-    cancelAnimationFrame.call(root, id);
+    if (inBrowser$1) {
+      cancelAnimationFrame(id);
+    }
   }
   function doubleRaf(fn) {
     raf(() => raf(fn));
@@ -578,7 +569,7 @@
     return Math.floor(time1 / 1e3) === Math.floor(time2 / 1e3);
   }
   function useCountDown(options) {
-    var rafId2;
+    var rafId;
     var endTime;
     var counting;
     var deactivated;
@@ -586,7 +577,7 @@
     var current = vue.computed(() => parseTime(remain.value));
     var pause = () => {
       counting = false;
-      cancelRaf(rafId2);
+      cancelRaf(rafId);
     };
     var getCurrentRemain = () => Math.max(endTime - Date.now(), 0);
     var setRemain = (value) => {
@@ -598,7 +589,7 @@
       }
     };
     var microTick = () => {
-      rafId2 = raf(() => {
+      rafId = raf(() => {
         if (counting) {
           setRemain(getCurrentRemain());
           if (remain.value > 0) {
@@ -608,7 +599,7 @@
       });
     };
     var macroTick = () => {
-      rafId2 = raf(() => {
+      rafId = raf(() => {
         if (counting) {
           var remainRemain = getCurrentRemain();
           if (!isSameSecond(remainRemain, remain.value) || remainRemain === 0) {
@@ -763,9 +754,9 @@
     var ELEMENT_NODE_TYPE = 1;
     return node.tagName !== "HTML" && node.tagName !== "BODY" && node.nodeType === ELEMENT_NODE_TYPE;
   }
-  function getScrollParent$1(el, root2 = defaultRoot) {
+  function getScrollParent$1(el, root = defaultRoot) {
     var node = el;
-    while (node && node !== root2 && isElement$1(node)) {
+    while (node && node !== root && isElement$1(node)) {
       var {
         overflowY
       } = window.getComputedStyle(node);
@@ -774,13 +765,13 @@
       }
       node = node.parentNode;
     }
-    return root2;
+    return root;
   }
-  function useScrollParent(el, root2 = defaultRoot) {
+  function useScrollParent(el, root = defaultRoot) {
     var scrollParent2 = vue.ref();
     vue.onMounted(() => {
       if (el.value) {
-        scrollParent2.value = getScrollParent$1(el.value, root2);
+        scrollParent2.value = getScrollParent$1(el.value, root);
       }
     });
     return scrollParent2;
@@ -1272,8 +1263,8 @@
       } = useParent(ACTION_BAR_KEY);
       var isFirst = vue.computed(() => {
         if (parent) {
-          var prev2 = parent.children[index2.value - 1];
-          return !(prev2 && "isButton" in prev2);
+          var prev = parent.children[index2.value - 1];
+          return !(prev && "isButton" in prev);
         }
       });
       var isLast = vue.computed(() => {
@@ -2868,6 +2859,7 @@
   var [name$1f, bem$1b] = createNamespace("field");
   var fieldSharedProps = {
     id: String,
+    name: String,
     formatter: Function,
     leftIcon: String,
     rightIcon: String,
@@ -2876,6 +2868,7 @@
     maxlength: [Number, String],
     inputAlign: String,
     placeholder: String,
+    autocomplete: String,
     errorMessage: String,
     error: {
       type: Boolean,
@@ -2908,13 +2901,11 @@
   };
   var props$p = extend({}, cellProps, fieldSharedProps, {
     rows: [Number, String],
-    name: String,
     rules: Array,
     autosize: [Boolean, Object],
     labelWidth: [Number, String],
     labelClass: unknownProp,
     labelAlign: String,
-    autocomplete: String,
     showWordLimit: Boolean,
     errorMessageAlign: String,
     type: {
@@ -3320,13 +3311,13 @@
   }
   function mountComponent(RootComponent) {
     var app = vue.createApp(RootComponent);
-    var root2 = document.createElement("div");
-    document.body.appendChild(root2);
+    var root = document.createElement("div");
+    document.body.appendChild(root);
     return {
-      instance: app.mount(root2),
+      instance: app.mount(root),
       unmount() {
         app.unmount();
-        document.body.removeChild(root2);
+        document.body.removeChild(root);
       }
     };
   }
@@ -4500,7 +4491,7 @@
           target
         } = event;
         var icon = iconRef.value;
-        var iconClicked = icon === target || icon.contains(target);
+        var iconClicked = icon === target || (icon == null ? void 0 : icon.contains(target));
         if (!disabled.value && (iconClicked || !props2.labelDisabled)) {
           emit("toggle");
         }
@@ -5903,16 +5894,14 @@
     }
   });
   var Card = withInstall(_Card);
-  var rafId;
   function scrollLeftTo(scroller, to, duration) {
-    cancelRaf(rafId);
     var count = 0;
     var from = scroller.scrollLeft;
     var frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
     function animate() {
       scroller.scrollLeft += (to - from) / frames;
       if (++count < frames) {
-        rafId = raf(animate);
+        raf(animate);
       }
     }
     animate();
@@ -5983,8 +5972,8 @@
       emit,
       slots
     }) {
-      var root2 = vue.ref();
-      var scrollParent2 = useScrollParent(root2);
+      var root = vue.ref();
+      var scrollParent2 = useScrollParent(root);
       var state = vue.reactive({
         fixed: false,
         width: 0,
@@ -6024,14 +6013,14 @@
         isFixed: state.fixed
       });
       var onScroll = () => {
-        if (!root2.value || isHidden(root2)) {
+        if (!root.value || isHidden(root)) {
           return;
         }
         var {
           container,
           position
         } = props2;
-        var rootRect = useRect(root2);
+        var rootRect = useRect(root);
         var scrollTop = getScrollTop(window);
         state.width = rootRect.width;
         state.height = rootRect.height;
@@ -6063,9 +6052,9 @@
       useEventListener("scroll", onScroll, {
         target: scrollParent2
       });
-      useVisibilityChange(root2, onScroll);
+      useVisibilityChange(root, onScroll);
       return () => vue.createVNode("div", {
-        "ref": root2,
+        "ref": root,
         "style": rootStyle.value
       }, [vue.createVNode("div", {
         "class": bem$Z({
@@ -6182,7 +6171,7 @@
       emit,
       slots
     }) {
-      var root2 = vue.ref();
+      var root = vue.ref();
       var state = vue.reactive({
         rect: null,
         width: 0,
@@ -6291,7 +6280,7 @@
           });
         }
       };
-      var prev2 = () => {
+      var prev = () => {
         correctPosition();
         touch.reset();
         doubleRaf(() => {
@@ -6325,14 +6314,14 @@
         }
       };
       var initialize = (active = +props2.initialSwipe) => {
-        if (!root2.value) {
+        if (!root.value) {
           return;
         }
-        if (!isHidden(root2)) {
+        if (!isHidden(root)) {
           var _props$width, _props$height;
           var rect = {
-            width: root2.value.offsetWidth,
-            height: root2.value.offsetHeight
+            width: root.value.offsetWidth,
+            height: root.value.offsetHeight
           };
           state.rect = rect;
           state.width = +((_props$width = props2.width) != null ? _props$width : rect.width);
@@ -6447,7 +6436,7 @@
         }
       };
       useExpose({
-        prev: prev2,
+        prev,
         next,
         state,
         resize,
@@ -6476,7 +6465,7 @@
       vue.onDeactivated(stopAutoplay);
       vue.onBeforeUnmount(stopAutoplay);
       return () => vue.createVNode("div", {
-        "ref": root2,
+        "ref": root,
         "class": bem$X()
       }, [vue.createVNode("div", {
         "style": trackStyle.value,
@@ -6605,11 +6594,11 @@
       var tabHeight;
       var lockScroll;
       var stickyFixed;
-      var root2 = vue.ref();
+      var root = vue.ref();
       var navRef = vue.ref();
       var wrapRef = vue.ref();
       var windowSize = useWindowSize();
-      var scroller = useScrollParent(root2);
+      var scroller = useScrollParent(root);
       var [titleRefs, setTitleRefs] = useRefs();
       var {
         children,
@@ -6657,7 +6646,7 @@
         var shouldAnimate = state.inited;
         vue.nextTick(() => {
           var titles = titleRefs.value;
-          if (!titles || !titles[state.currentIndex] || props2.type !== "line" || isHidden(root2.value)) {
+          if (!titles || !titles[state.currentIndex] || props2.type !== "line" || isHidden(root.value)) {
             return;
           }
           var title = titles[state.currentIndex].$el;
@@ -6835,7 +6824,7 @@
         scrollIntoView();
         setLine();
         if (stickyFixed && !props2.scrollspy) {
-          setRootScrollTop(Math.ceil(getElementTop(root2.value) - offsetTopPx.value));
+          setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
         }
       });
       var init = () => {
@@ -6867,10 +6856,10 @@
       return () => {
         var _slots$navBottom, _slots$navBottom2;
         return vue.createVNode("div", {
-          "ref": root2,
+          "ref": root,
           "class": bem$V([props2.type])
         }, [props2.sticky ? vue.createVNode(Sticky, {
-          "container": root2.value,
+          "container": root.value,
           "offsetTop": offsetTopPx.value,
           "onScroll": onStickyScroll
         }, {
@@ -7484,7 +7473,7 @@
         }
       });
       vue.watch(() => props2.rate, (rate) => {
-        var rafId2;
+        var rafId;
         var startTime = Date.now();
         var startRate = props2.currentRate;
         var endRate = format(rate);
@@ -7495,14 +7484,14 @@
           var rate2 = progress * (endRate - startRate) + startRate;
           emit("update:currentRate", format(parseFloat(rate2.toFixed(1))));
           if (endRate > startRate ? rate2 < endRate : rate2 > endRate) {
-            rafId2 = raf(animate);
+            rafId = raf(animate);
           }
         };
         if (props2.speed) {
-          if (rafId2) {
-            cancelRaf(rafId2);
+          if (rafId) {
+            cancelRaf(rafId);
           }
-          rafId2 = raf(animate);
+          rafId = raf(animate);
         } else {
           emit("update:currentRate", endRate);
         }
@@ -7838,7 +7827,9 @@
             var contentHeight = offsetHeight + "px";
             wrapperRef.value.style.height = value ? "0" : contentHeight;
             doubleRaf(() => {
-              wrapperRef.value.style.height = value ? contentHeight : "0";
+              if (wrapperRef.value) {
+                wrapperRef.value.style.height = value ? contentHeight : "0";
+              }
             });
           } else {
             onTransitionEnd();
@@ -8557,13 +8548,7 @@
         tab: 0,
         code: props2.code
       });
-      var {
-        height: windowHeight
-      } = useWindowSize();
       var buttonDisabled = vue.computed(() => !props2.exchangeButtonLoading && (props2.exchangeButtonDisabled || !state.code || state.code.length < props2.exchangeMinLength));
-      var listStyle = vue.computed(() => ({
-        height: windowHeight.value - (props2.showExchangeBar ? 140 : 94) + "px"
-      }));
       var onExchange = () => {
         emit("exchange", state.code);
         if (!props2.code) {
@@ -8617,9 +8602,9 @@
         }, {
           default: () => [vue.createVNode("div", {
             "class": bem$C("list", {
+              "with-bar": props2.showExchangeBar,
               "with-bottom": props2.showCloseButton
-            }),
-            "style": listStyle.value
+            })
           }, [coupons.map((coupon, index2) => vue.createVNode(Coupon, {
             "key": coupon.id,
             "ref": setCouponRefs(index2),
@@ -8642,9 +8627,9 @@
         }, {
           default: () => [vue.createVNode("div", {
             "class": bem$C("list", {
+              "with-bar": props2.showExchangeBar,
               "with-bottom": props2.showCloseButton
-            }),
-            "style": listStyle.value
+            })
           }, [disabledCoupons.map((coupon) => vue.createVNode(Coupon, {
             "disabled": true,
             "key": coupon.id,
@@ -9060,11 +9045,11 @@
       attrs,
       slots
     }) {
-      var root2 = vue.ref();
+      var root = vue.ref();
       useExpose({
         getPicker: () => {
           var _root$value;
-          return (_root$value = root2.value) == null ? void 0 : _root$value.getPicker();
+          return (_root$value = root.value) == null ? void 0 : _root$value.getPicker();
         }
       });
       return () => {
@@ -9072,7 +9057,7 @@
         var Component = isTimePicker ? TimePicker : DatePicker;
         var inheritProps = pick(props2, isTimePicker ? timePickerProps : datePickerProps);
         return vue.createVNode(Component, vue.mergeProps({
-          "ref": root2,
+          "ref": root,
           "class": bem$B()
         }, inheritProps, attrs), slots);
       };
@@ -9127,14 +9112,14 @@
     setup(props2, {
       slots
     }) {
-      var root2 = vue.ref();
+      var root = vue.ref();
       var barRef = vue.ref();
       var offset2 = vue.ref(0);
       var {
         children,
         linkChildren
       } = useChildren(DROPDOWN_KEY);
-      var scrollParent2 = useScrollParent(root2);
+      var scrollParent2 = useScrollParent(root);
       var opened = vue.computed(() => children.some((item) => item.state.showWrapper));
       var barStyle = vue.computed(() => {
         if (opened.value && isDef(props2.zIndex)) {
@@ -9212,12 +9197,12 @@
         props: props2,
         offset: offset2
       });
-      useClickAway(root2, onClickAway);
+      useClickAway(root, onClickAway);
       useEventListener("scroll", onScroll, {
         target: scrollParent2
       });
       return () => vue.createVNode("div", {
-        "ref": root2,
+        "ref": root,
         "class": bem$z()
       }, [vue.createVNode("div", {
         "ref": barRef,
@@ -10234,10 +10219,10 @@
       emit,
       slots
     }) {
-      var root2 = vue.ref();
+      var root = vue.ref();
       var activeAnchor = vue.ref("");
       var touch = useTouch();
-      var scrollParent2 = useScrollParent(root2);
+      var scrollParent2 = useScrollParent(root);
       var {
         children,
         linkChildren
@@ -10279,7 +10264,7 @@
         return -1;
       };
       var onScroll = () => {
-        if (isHidden(root2)) {
+        if (isHidden(root)) {
           return;
         }
         var {
@@ -10393,7 +10378,7 @@
         scrollTo
       });
       return () => vue.createVNode("div", {
-        "ref": root2,
+        "ref": root,
         "class": bem$s()
       }, [props2.teleport ? vue.createVNode(vue.Teleport, {
         "to": props2.teleport
@@ -10421,7 +10406,7 @@
         width: null,
         active: false
       });
-      var root2 = vue.ref();
+      var root = vue.ref();
       var {
         parent
       } = useParent(INDEX_BAR_KEY);
@@ -10444,7 +10429,7 @@
         }
       });
       var getRect = (scrollParent2, scrollParentRect) => {
-        var rootRect = useRect(root2);
+        var rootRect = useRect(root);
         state.rect.height = rootRect.height;
         if (scrollParent2 === window || scrollParent2 === document.body) {
           state.rect.top = rootRect.top + getRootScrollTop();
@@ -10460,7 +10445,7 @@
       return () => {
         var sticky = isSticky();
         return vue.createVNode("div", {
-          "ref": root2,
+          "ref": root,
           "style": {
             height: sticky ? state.rect.height + "px" : void 0
           }
@@ -10477,21 +10462,8 @@
   });
   var IndexAnchor = withInstall(_IndexAnchor);
   var IndexBar = withInstall(_IndexBar);
-  var inBrowser = typeof window !== "undefined" && window !== null;
-  function checkIntersectionObserver() {
-    if (inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype) {
-      if (!("isIntersecting" in window.IntersectionObserverEntry.prototype)) {
-        Object.defineProperty(window.IntersectionObserverEntry.prototype, "isIntersecting", {
-          get() {
-            return this.intersectionRatio > 0;
-          }
-        });
-      }
-      return true;
-    }
-    return false;
-  }
-  var hasIntersectionObserver = checkIntersectionObserver();
+  var inBrowser = typeof window !== "undefined";
+  var hasIntersectionObserver = inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
   var modeType = {
     event: "event",
     observer: "observer"
@@ -10543,7 +10515,7 @@
       }
       return [tmpWidth, tmpSrc];
     });
-    result.sort(function(a, b) {
+    result.sort((a, b) => {
       if (a[0] < b[0]) {
         return 1;
       }
@@ -10673,12 +10645,8 @@
       reject(e);
     };
   };
-  var style = (el, prop) => {
-    return typeof getComputedStyle !== "undefined" ? getComputedStyle(el, null).getPropertyValue(prop) : el.style[prop];
-  };
-  var overflow = (el) => {
-    return style(el, "overflow") + style(el, "overflow-y") + style(el, "overflow-x");
-  };
+  var style = (el, prop) => typeof getComputedStyle !== "undefined" ? getComputedStyle(el, null).getPropertyValue(prop) : el.style[prop];
+  var overflow = (el) => style(el, "overflow") + style(el, "overflow-y") + style(el, "overflow-x");
   var scrollParent = (el) => {
     if (!inBrowser)
       return;
@@ -10820,14 +10788,10 @@
       }, () => {
         cb();
         this.state.loading = false;
-        if (!this.options.silent)
-          console.warn("VueLazyload log: load failed with loading image(" + this.loading + ")");
       });
     }
     load(onFinish = noop) {
       if (this.attempt > this.options.attempt - 1 && this.state.error) {
-        if (!this.options.silent)
-          console.log("VueLazyload log: " + this.src + " tried too more than " + this.options.attempt + " times");
         onFinish();
         return;
       }
@@ -11221,8 +11185,6 @@
           error
         } = this.options;
         if (isObject(value)) {
-          if (!value.src && !this.options.silent)
-            console.error("Vue Lazyload warning: miss src with " + value);
           ({
             src
           } = value);
@@ -11237,55 +11199,53 @@
       }
     };
   }
-  var LazyComponent = (lazy) => {
-    return {
-      props: {
-        tag: {
-          type: String,
-          default: "div"
-        }
-      },
-      emits: ["show"],
-      render() {
-        return vue.h(this.tag, this.show && this.$slots.default ? this.$slots.default() : null);
-      },
-      data() {
-        return {
-          el: null,
-          state: {
-            loaded: false
-          },
-          rect: {},
-          show: false
-        };
+  var LazyComponent = (lazy) => ({
+    props: {
+      tag: {
+        type: String,
+        default: "div"
+      }
+    },
+    emits: ["show"],
+    render() {
+      return vue.h(this.tag, this.show && this.$slots.default ? this.$slots.default() : null);
+    },
+    data() {
+      return {
+        el: null,
+        state: {
+          loaded: false
+        },
+        rect: {},
+        show: false
+      };
+    },
+    mounted() {
+      this.el = this.$el;
+      lazy.addLazyBox(this);
+      lazy.lazyLoadHandler();
+    },
+    beforeUnmount() {
+      lazy.removeComponent(this);
+    },
+    methods: {
+      getRect() {
+        this.rect = this.$el.getBoundingClientRect();
       },
-      mounted() {
-        this.el = this.$el;
-        lazy.addLazyBox(this);
-        lazy.lazyLoadHandler();
+      checkInView() {
+        this.getRect();
+        return inBrowser && this.rect.top < window.innerHeight * lazy.options.preLoad && this.rect.bottom > 0 && this.rect.left < window.innerWidth * lazy.options.preLoad && this.rect.right > 0;
       },
-      beforeUnmount() {
-        lazy.removeComponent(this);
+      load() {
+        this.show = true;
+        this.state.loaded = true;
+        this.$emit("show", this);
       },
-      methods: {
-        getRect() {
-          this.rect = this.$el.getBoundingClientRect();
-        },
-        checkInView() {
-          this.getRect();
-          return inBrowser && this.rect.top < window.innerHeight * lazy.options.preLoad && this.rect.bottom > 0 && this.rect.left < window.innerWidth * lazy.options.preLoad && this.rect.right > 0;
-        },
-        load() {
-          this.show = true;
-          this.state.loaded = true;
-          this.$emit("show", this);
-        },
-        destroy() {
-          return this.$destroy;
-        }
+      destroy() {
+        return this.$destroy;
       }
-    };
-  };
+    }
+  });
   var defaultOptions$1 = {
     selector: "img"
   };
@@ -11369,105 +11329,101 @@
       remove(this._queue, container);
     }
   }
-  var LazyImage = (lazyManager) => {
-    return {
-      props: {
-        src: [String, Object],
-        tag: {
-          type: String,
-          default: "img"
-        }
-      },
-      render(h) {
-        return h(this.tag, {
-          attrs: {
-            src: this.renderSrc
-          }
-        }, this.$slots.default);
-      },
-      data() {
-        return {
-          el: null,
-          options: {
-            src: "",
-            error: "",
-            loading: "",
-            attempt: lazyManager.options.attempt
-          },
-          state: {
-            loaded: false,
-            error: false,
-            attempt: 0
-          },
-          rect: {},
-          renderSrc: ""
-        };
-      },
-      watch: {
-        src() {
-          this.init();
-          lazyManager.addLazyBox(this);
-          lazyManager.lazyLoadHandler();
+  var LazyImage = (lazyManager) => ({
+    props: {
+      src: [String, Object],
+      tag: {
+        type: String,
+        default: "img"
+      }
+    },
+    render(h) {
+      return h(this.tag, {
+        attrs: {
+          src: this.renderSrc
         }
-      },
-      created() {
+      }, this.$slots.default);
+    },
+    data() {
+      return {
+        el: null,
+        options: {
+          src: "",
+          error: "",
+          loading: "",
+          attempt: lazyManager.options.attempt
+        },
+        state: {
+          loaded: false,
+          error: false,
+          attempt: 0
+        },
+        rect: {},
+        renderSrc: ""
+      };
+    },
+    watch: {
+      src() {
         this.init();
-        this.renderSrc = this.options.loading;
-      },
-      mounted() {
-        this.el = this.$el;
         lazyManager.addLazyBox(this);
         lazyManager.lazyLoadHandler();
+      }
+    },
+    created() {
+      this.init();
+      this.renderSrc = this.options.loading;
+    },
+    mounted() {
+      this.el = this.$el;
+      lazyManager.addLazyBox(this);
+      lazyManager.lazyLoadHandler();
+    },
+    beforeUnmount() {
+      lazyManager.removeComponent(this);
+    },
+    methods: {
+      init() {
+        var {
+          src,
+          loading,
+          error
+        } = lazyManager._valueFormatter(this.src);
+        this.state.loaded = false;
+        this.options.src = src;
+        this.options.error = error;
+        this.options.loading = loading;
+        this.renderSrc = this.options.loading;
       },
-      beforeUnmount() {
-        lazyManager.removeComponent(this);
+      getRect() {
+        this.rect = this.$el.getBoundingClientRect();
       },
-      methods: {
-        init() {
-          var {
-            src,
-            loading,
-            error
-          } = lazyManager._valueFormatter(this.src);
-          this.state.loaded = false;
-          this.options.src = src;
-          this.options.error = error;
-          this.options.loading = loading;
-          this.renderSrc = this.options.loading;
-        },
-        getRect() {
-          this.rect = this.$el.getBoundingClientRect();
-        },
-        checkInView() {
-          this.getRect();
-          return inBrowser && this.rect.top < window.innerHeight * lazyManager.options.preLoad && this.rect.bottom > 0 && this.rect.left < window.innerWidth * lazyManager.options.preLoad && this.rect.right > 0;
-        },
-        load(onFinish = noop) {
-          if (this.state.attempt > this.options.attempt - 1 && this.state.error) {
-            if (!lazyManager.options.silent)
-              console.log("VueLazyload log: " + this.options.src + " tried too more than " + this.options.attempt + " times");
-            onFinish();
-            return;
-          }
-          var {
-            src
-          } = this.options;
-          loadImageAsync({
-            src
-          }, ({
-            src: src2
-          }) => {
-            this.renderSrc = src2;
-            this.state.loaded = true;
-          }, () => {
-            this.state.attempt++;
-            this.renderSrc = this.options.error;
-            this.state.error = true;
-          });
+      checkInView() {
+        this.getRect();
+        return inBrowser && this.rect.top < window.innerHeight * lazyManager.options.preLoad && this.rect.bottom > 0 && this.rect.left < window.innerWidth * lazyManager.options.preLoad && this.rect.right > 0;
+      },
+      load(onFinish = noop) {
+        if (this.state.attempt > this.options.attempt - 1 && this.state.error) {
+          onFinish();
+          return;
         }
+        var {
+          src
+        } = this.options;
+        loadImageAsync({
+          src
+        }, ({
+          src: src2
+        }) => {
+          this.renderSrc = src2;
+          this.state.loaded = true;
+        }, () => {
+          this.state.attempt++;
+          this.renderSrc = this.options.error;
+          this.state.error = true;
+        });
       }
-    };
-  };
+    }
+  });
   var Lazyload = {
     install(app, options = {}) {
       var LazyClass = Lazy();
@@ -11521,10 +11477,10 @@
       slots
     }) {
       var loading = vue.ref(false);
-      var root2 = vue.ref();
+      var root = vue.ref();
       var placeholder = vue.ref();
       var tabStatus = useTabStatus();
-      var scrollParent2 = useScrollParent(root2);
+      var scrollParent2 = useScrollParent(root);
       var check = () => {
         vue.nextTick(() => {
           if (loading.value || props2.finished || props2.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
@@ -11535,7 +11491,7 @@
             direction
           } = props2;
           var scrollParentRect = useRect(scrollParent2);
-          if (!scrollParentRect.height || isHidden(root2)) {
+          if (!scrollParentRect.height || isHidden(root)) {
             return;
           }
           var isReachEdge = false;
@@ -11617,7 +11573,7 @@
           "class": bem$q("placeholder")
         }, null);
         return vue.createVNode("div", {
-          "ref": root2,
+          "ref": root,
           "role": "feed",
           "class": bem$q(),
           "aria-busy": loading.value
@@ -12105,7 +12061,7 @@
       emit,
       slots
     }) {
-      var root2 = vue.ref();
+      var root = vue.ref();
       var genBasicKeys = () => {
         var keys2 = Array(9).fill("").map((_2, i) => ({
           text: i + 1
@@ -12250,7 +12206,7 @@
         }
       });
       if (props2.hideOnClickOutside) {
-        useClickAway(root2, onBlur, {
+        useClickAway(root, onBlur, {
           eventName: "touchstart"
         });
       }
@@ -12260,7 +12216,7 @@
           "name": props2.transition ? "van-slide-up" : ""
         }, {
           default: () => [vue.withDirectives(vue.createVNode("div", {
-            "ref": root2,
+            "ref": root,
             "style": getZIndexStyle(props2.zIndex),
             "class": bem$l({
               unfit: !props2.safeAreaInsetBottom,
@@ -13497,8 +13453,8 @@
       slots
     }) {
       var reachTop;
-      var root2 = vue.ref();
-      var scrollParent2 = useScrollParent(root2);
+      var root = vue.ref();
+      var scrollParent2 = useScrollParent(root);
       var state = vue.reactive({
         status: "normal",
         distance: 0,
@@ -13632,7 +13588,7 @@
           transform: state.distance ? "translate3d(0," + state.distance + "px, 0)" : ""
         };
         return vue.createVNode("div", {
-          "ref": root2,
+          "ref": root,
           "class": bem$g()
         }, [vue.createVNode("div", {
           "class": bem$g("track"),
@@ -14255,7 +14211,7 @@
       var buttonIndex;
       var startValue;
       var currentValue;
-      var root2 = vue.ref();
+      var root = vue.ref();
       var dragStatus = vue.ref();
       var touch = useTouch();
       var scope = vue.computed(() => Number(props2.max) - Number(props2.min));
@@ -14344,7 +14300,7 @@
           vertical,
           modelValue
         } = props2;
-        var rect = useRect(root2);
+        var rect = useRect(root);
         var getDelta = () => {
           if (vertical) {
             if (reverse) {
@@ -14394,7 +14350,7 @@
         preventDefault(event, true);
         touch.move(event);
         dragStatus.value = "dragging";
-        var rect = useRect(root2);
+        var rect = useRect(root);
         var delta = props2.vertical ? touch.deltaY.value : touch.deltaX.value;
         var total = props2.vertical ? rect.height : rect.width;
         var diff = delta / total * scope.value;
@@ -14470,7 +14426,7 @@
       updateValue(props2.modelValue);
       useCustomFieldValue(() => props2.modelValue);
       return () => vue.createVNode("div", {
-        "ref": root2,
+        "ref": root,
         "style": wrapperStyle.value,
         "class": bem$9({
           vertical: props2.vertical,
@@ -15010,7 +14966,7 @@
       var opened;
       var lockClick2;
       var startOffset;
-      var root2 = vue.ref();
+      var root = vue.ref();
       var leftRef = vue.ref();
       var rightRef = vue.ref();
       var state = vue.reactive({
@@ -15116,7 +15072,7 @@
         open,
         close
       });
-      useClickAway(root2, () => onClick("outside"), {
+      useClickAway(root, () => onClick("outside"), {
         eventName: "touchstart"
       });
       return () => {
@@ -15125,7 +15081,7 @@
           transitionDuration: state.dragging ? "0s" : ".6s"
         };
         return vue.createVNode("div", {
-          "ref": root2,
+          "ref": root,
           "class": bem$4(),
           "onClick": getClickHandler("cell"),
           "onTouchstart": onTouchStart,
@@ -15168,11 +15124,11 @@
       emit,
       slots
     }) {
-      var root2 = vue.ref();
+      var root = vue.ref();
       var {
         linkChildren
       } = useChildren(TABBAR_KEY);
-      var renderPlaceholder = usePlaceholder(root2, bem$3);
+      var renderPlaceholder = usePlaceholder(root, bem$3);
       var enableSafeArea = () => {
         var _props$safeAreaInsetB;
         return (_props$safeAreaInsetB = props2.safeAreaInsetBottom) != null ? _props$safeAreaInsetB : props2.fixed;
@@ -15184,7 +15140,7 @@
           border
         } = props2;
         return vue.createVNode("div", {
-          "ref": root2,
+          "ref": root,
           "style": getZIndexStyle(zIndex),
           "class": [bem$3({
             fixed
@@ -15855,7 +15811,7 @@
     }
   });
   var Uploader = withInstall(_Uploader);
-  var version = "3.2.3";
+  var version = "3.2.4";
   function install(app) {
     var components = [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, ImagePreview, IndexAnchor, IndexBar, 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];
     components.forEach((item) => {