vant 3.2.3 → 3.2.4

package/lib/vant.es.js

@@ -418,22 +418,13 @@ function addNumber(num1, num2) {
   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(fn2) {
-  var curr = Date.now();
-  var ms = Math.max(0, 16 - (curr - prev));
-  var id = setTimeout(fn2, ms);
-  prev = curr + ms;
-  return id;
-}
 function raf(fn2) {
-  var requestAnimationFrame = root.requestAnimationFrame || rafPolyfill;
-  return requestAnimationFrame.call(root, fn2);
+  return inBrowser$1 ? requestAnimationFrame(fn2) : -1;
 }
 function cancelRaf(id) {
-  var cancelAnimationFrame = root.cancelAnimationFrame || root.clearTimeout;
-  cancelAnimationFrame.call(root, id);
+  if (inBrowser$1) {
+    cancelAnimationFrame(id);
+  }
 }
 function doubleRaf(fn2) {
   raf(() => raf(fn2));
@@ -575,7 +566,7 @@ function isSameSecond(time1, time2) {
   return Math.floor(time1 / 1e3) === Math.floor(time2 / 1e3);
 }
 function useCountDown(options) {
-  var rafId2;
+  var rafId;
   var endTime;
   var counting;
   var deactivated;
@@ -583,7 +574,7 @@ function useCountDown(options) {
   var current = computed(() => parseTime(remain.value));
   var pause = () => {
     counting = false;
-    cancelRaf(rafId2);
+    cancelRaf(rafId);
   };
   var getCurrentRemain = () => Math.max(endTime - Date.now(), 0);
   var setRemain = (value) => {
@@ -595,7 +586,7 @@ function useCountDown(options) {
     }
   };
   var microTick = () => {
-    rafId2 = raf(() => {
+    rafId = raf(() => {
       if (counting) {
         setRemain(getCurrentRemain());
         if (remain.value > 0) {
@@ -605,7 +596,7 @@ function useCountDown(options) {
     });
   };
   var macroTick = () => {
-    rafId2 = raf(() => {
+    rafId = raf(() => {
       if (counting) {
         var remainRemain = getCurrentRemain();
         if (!isSameSecond(remainRemain, remain.value) || remainRemain === 0) {
@@ -760,9 +751,9 @@ function isElement$1(node) {
   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);
@@ -771,13 +762,13 @@ function getScrollParent$1(el, root2 = defaultRoot) {
     }
     node = node.parentNode;
   }
-  return root2;
+  return root;
 }
-function useScrollParent(el, root2 = defaultRoot) {
+function useScrollParent(el, root = defaultRoot) {
   var scrollParent2 = ref();
   onMounted(() => {
     if (el.value) {
-      scrollParent2.value = getScrollParent$1(el.value, root2);
+      scrollParent2.value = getScrollParent$1(el.value, root);
     }
   });
   return scrollParent2;
@@ -1269,8 +1260,8 @@ var _ActionBarButton = defineComponent({
     } = useParent(ACTION_BAR_KEY);
     var isFirst = 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 = computed(() => {
@@ -2865,6 +2856,7 @@ function mapInputType(type) {
 var [name$1f, bem$1b] = createNamespace("field");
 var fieldSharedProps = {
   id: String,
+  name: String,
   formatter: Function,
   leftIcon: String,
   rightIcon: String,
@@ -2873,6 +2865,7 @@ var fieldSharedProps = {
   maxlength: [Number, String],
   inputAlign: String,
   placeholder: String,
+  autocomplete: String,
   errorMessage: String,
   error: {
     type: Boolean,
@@ -2905,13 +2898,11 @@ var fieldSharedProps = {
 };
 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: {
@@ -3317,13 +3308,13 @@ function usePopupState() {
 }
 function mountComponent(RootComponent) {
   var app = 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);
     }
   };
 }
@@ -4497,7 +4488,7 @@ var Checker = defineComponent({
         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");
       }
@@ -5900,16 +5891,14 @@ var _Card = defineComponent({
   }
 });
 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();
@@ -5980,8 +5969,8 @@ var _Sticky = defineComponent({
     emit,
     slots
   }) {
-    var root2 = ref();
-    var scrollParent2 = useScrollParent(root2);
+    var root = ref();
+    var scrollParent2 = useScrollParent(root);
     var state = reactive({
       fixed: false,
       width: 0,
@@ -6021,14 +6010,14 @@ var _Sticky = defineComponent({
       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;
@@ -6060,9 +6049,9 @@ var _Sticky = defineComponent({
     useEventListener("scroll", onScroll, {
       target: scrollParent2
     });
-    useVisibilityChange(root2, onScroll);
+    useVisibilityChange(root, onScroll);
     return () => createVNode("div", {
-      "ref": root2,
+      "ref": root,
       "style": rootStyle.value
     }, [createVNode("div", {
       "class": bem$Z({
@@ -6179,7 +6168,7 @@ var _Swipe = defineComponent({
     emit,
     slots
   }) {
-    var root2 = ref();
+    var root = ref();
     var state = reactive({
       rect: null,
       width: 0,
@@ -6288,7 +6277,7 @@ var _Swipe = defineComponent({
         });
       }
     };
-    var prev2 = () => {
+    var prev = () => {
       correctPosition();
       touch.reset();
       doubleRaf(() => {
@@ -6322,14 +6311,14 @@ var _Swipe = defineComponent({
       }
     };
     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);
@@ -6444,7 +6433,7 @@ var _Swipe = defineComponent({
       }
     };
     useExpose({
-      prev: prev2,
+      prev,
       next,
       state,
       resize,
@@ -6473,7 +6462,7 @@ var _Swipe = defineComponent({
     onDeactivated(stopAutoplay);
     onBeforeUnmount(stopAutoplay);
     return () => createVNode("div", {
-      "ref": root2,
+      "ref": root,
       "class": bem$X()
     }, [createVNode("div", {
       "style": trackStyle.value,
@@ -6602,11 +6591,11 @@ var _Tabs = defineComponent({
     var tabHeight;
     var lockScroll;
     var stickyFixed;
-    var root2 = ref();
+    var root = ref();
     var navRef = ref();
     var wrapRef = ref();
     var windowSize = useWindowSize();
-    var scroller = useScrollParent(root2);
+    var scroller = useScrollParent(root);
     var [titleRefs, setTitleRefs] = useRefs();
     var {
       children,
@@ -6654,7 +6643,7 @@ var _Tabs = defineComponent({
       var shouldAnimate = state.inited;
       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;
@@ -6832,7 +6821,7 @@ var _Tabs = defineComponent({
       scrollIntoView();
       setLine();
       if (stickyFixed && !props2.scrollspy) {
-        setRootScrollTop(Math.ceil(getElementTop(root2.value) - offsetTopPx.value));
+        setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
       }
     });
     var init = () => {
@@ -6864,10 +6853,10 @@ var _Tabs = defineComponent({
     return () => {
       var _slots$navBottom, _slots$navBottom2;
       return createVNode("div", {
-        "ref": root2,
+        "ref": root,
         "class": bem$V([props2.type])
       }, [props2.sticky ? createVNode(Sticky, {
-        "container": root2.value,
+        "container": root.value,
         "offsetTop": offsetTopPx.value,
         "onScroll": onStickyScroll
       }, {
@@ -7481,7 +7470,7 @@ var _Circle = defineComponent({
       }
     });
     watch(() => props2.rate, (rate) => {
-      var rafId2;
+      var rafId;
       var startTime = Date.now();
       var startRate = props2.currentRate;
       var endRate = format(rate);
@@ -7492,14 +7481,14 @@ var _Circle = defineComponent({
         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);
       }
@@ -7835,7 +7824,9 @@ var _CollapseItem = defineComponent({
           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();
@@ -8554,13 +8545,7 @@ var _CouponList = defineComponent({
       tab: 0,
       code: props2.code
     });
-    var {
-      height: windowHeight
-    } = useWindowSize();
     var buttonDisabled = computed(() => !props2.exchangeButtonLoading && (props2.exchangeButtonDisabled || !state.code || state.code.length < props2.exchangeMinLength));
-    var listStyle = computed(() => ({
-      height: windowHeight.value - (props2.showExchangeBar ? 140 : 94) + "px"
-    }));
     var onExchange = () => {
       emit("exchange", state.code);
       if (!props2.code) {
@@ -8614,9 +8599,9 @@ var _CouponList = defineComponent({
       }, {
         default: () => [createVNode("div", {
           "class": bem$C("list", {
+            "with-bar": props2.showExchangeBar,
             "with-bottom": props2.showCloseButton
-          }),
-          "style": listStyle.value
+          })
         }, [coupons.map((coupon, index2) => createVNode(Coupon, {
           "key": coupon.id,
           "ref": setCouponRefs(index2),
@@ -8639,9 +8624,9 @@ var _CouponList = defineComponent({
       }, {
         default: () => [createVNode("div", {
           "class": bem$C("list", {
+            "with-bar": props2.showExchangeBar,
             "with-bottom": props2.showCloseButton
-          }),
-          "style": listStyle.value
+          })
         }, [disabledCoupons.map((coupon) => createVNode(Coupon, {
           "disabled": true,
           "key": coupon.id,
@@ -9057,11 +9042,11 @@ var _DatetimePicker = defineComponent({
     attrs,
     slots
   }) {
-    var root2 = ref();
+    var root = 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 () => {
@@ -9069,7 +9054,7 @@ var _DatetimePicker = defineComponent({
       var Component = isTimePicker ? TimePicker : DatePicker;
       var inheritProps = pick(props2, isTimePicker ? timePickerProps : datePickerProps);
       return createVNode(Component, mergeProps({
-        "ref": root2,
+        "ref": root,
         "class": bem$B()
       }, inheritProps, attrs), slots);
     };
@@ -9124,14 +9109,14 @@ var _DropdownMenu = defineComponent({
   setup(props2, {
     slots
   }) {
-    var root2 = ref();
+    var root = ref();
     var barRef = ref();
     var offset2 = ref(0);
     var {
       children,
       linkChildren
     } = useChildren(DROPDOWN_KEY);
-    var scrollParent2 = useScrollParent(root2);
+    var scrollParent2 = useScrollParent(root);
     var opened = computed(() => children.some((item) => item.state.showWrapper));
     var barStyle = computed(() => {
       if (opened.value && isDef(props2.zIndex)) {
@@ -9209,12 +9194,12 @@ var _DropdownMenu = defineComponent({
       props: props2,
       offset: offset2
     });
-    useClickAway(root2, onClickAway);
+    useClickAway(root, onClickAway);
     useEventListener("scroll", onScroll, {
       target: scrollParent2
     });
     return () => createVNode("div", {
-      "ref": root2,
+      "ref": root,
       "class": bem$z()
     }, [createVNode("div", {
       "ref": barRef,
@@ -10231,10 +10216,10 @@ var _IndexBar = defineComponent({
     emit,
     slots
   }) {
-    var root2 = ref();
+    var root = ref();
     var activeAnchor = ref("");
     var touch = useTouch();
-    var scrollParent2 = useScrollParent(root2);
+    var scrollParent2 = useScrollParent(root);
     var {
       children,
       linkChildren
@@ -10276,7 +10261,7 @@ var _IndexBar = defineComponent({
       return -1;
     };
     var onScroll = () => {
-      if (isHidden(root2)) {
+      if (isHidden(root)) {
         return;
       }
       var {
@@ -10390,7 +10375,7 @@ var _IndexBar = defineComponent({
       scrollTo
     });
     return () => createVNode("div", {
-      "ref": root2,
+      "ref": root,
       "class": bem$s()
     }, [props2.teleport ? createVNode(Teleport, {
       "to": props2.teleport
@@ -10418,7 +10403,7 @@ var _IndexAnchor = defineComponent({
       width: null,
       active: false
     });
-    var root2 = ref();
+    var root = ref();
     var {
       parent
     } = useParent(INDEX_BAR_KEY);
@@ -10441,7 +10426,7 @@ var _IndexAnchor = defineComponent({
       }
     });
     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();
@@ -10457,7 +10442,7 @@ var _IndexAnchor = defineComponent({
     return () => {
       var sticky = isSticky();
       return createVNode("div", {
-        "ref": root2,
+        "ref": root,
         "style": {
           height: sticky ? state.rect.height + "px" : void 0
         }
@@ -10474,21 +10459,8 @@ var _IndexAnchor = defineComponent({
 });
 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"
@@ -10540,7 +10512,7 @@ function getBestSelectionFromSrcset(el, scale) {
     }
     return [tmpWidth, tmpSrc];
   });
-  result.sort(function(a, b) {
+  result.sort((a, b) => {
     if (a[0] < b[0]) {
       return 1;
     }
@@ -10670,12 +10642,8 @@ var loadImageAsync = (item, resolve, reject) => {
     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;
@@ -10817,14 +10785,10 @@ class ReactiveListener {
     }, () => {
       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;
     }
@@ -11218,8 +11182,6 @@ function Lazy() {
         error
       } = this.options;
       if (isObject(value)) {
-        if (!value.src && !this.options.silent)
-          console.error("Vue Lazyload warning: miss src with " + value);
         ({
           src
         } = value);
@@ -11234,55 +11196,53 @@ function Lazy() {
     }
   };
 }
-var LazyComponent = (lazy) => {
-  return {
-    props: {
-      tag: {
-        type: String,
-        default: "div"
-      }
-    },
-    emits: ["show"],
-    render() {
-      return 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 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"
 };
@@ -11366,105 +11326,101 @@ class LazyContainerManager {
     remove(this._queue, container);
   }
 }
-var LazyImage = (lazyManager) => {
-  return {
-    props: {
-      src: [String, Object],
-      tag: {
-        type: String,
-        default: "img"
-      }
-    },
-    render(h2) {
-      return h2(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(h2) {
+    return h2(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();
@@ -11518,10 +11474,10 @@ var _List = defineComponent({
     slots
   }) {
     var loading = ref(false);
-    var root2 = ref();
+    var root = ref();
     var placeholder = ref();
     var tabStatus = useTabStatus();
-    var scrollParent2 = useScrollParent(root2);
+    var scrollParent2 = useScrollParent(root);
     var check = () => {
       nextTick(() => {
         if (loading.value || props2.finished || props2.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
@@ -11532,7 +11488,7 @@ var _List = defineComponent({
           direction
         } = props2;
         var scrollParentRect = useRect(scrollParent2);
-        if (!scrollParentRect.height || isHidden(root2)) {
+        if (!scrollParentRect.height || isHidden(root)) {
           return;
         }
         var isReachEdge = false;
@@ -11614,7 +11570,7 @@ var _List = defineComponent({
         "class": bem$q("placeholder")
       }, null);
       return createVNode("div", {
-        "ref": root2,
+        "ref": root,
         "role": "feed",
         "class": bem$q(),
         "aria-busy": loading.value
@@ -12102,7 +12058,7 @@ var _NumberKeyboard = defineComponent({
     emit,
     slots
   }) {
-    var root2 = ref();
+    var root = ref();
     var genBasicKeys = () => {
       var keys2 = Array(9).fill("").map((_2, i) => ({
         text: i + 1
@@ -12247,7 +12203,7 @@ var _NumberKeyboard = defineComponent({
       }
     });
     if (props2.hideOnClickOutside) {
-      useClickAway(root2, onBlur, {
+      useClickAway(root, onBlur, {
         eventName: "touchstart"
       });
     }
@@ -12257,7 +12213,7 @@ var _NumberKeyboard = defineComponent({
         "name": props2.transition ? "van-slide-up" : ""
       }, {
         default: () => [withDirectives(createVNode("div", {
-          "ref": root2,
+          "ref": root,
           "style": getZIndexStyle(props2.zIndex),
           "class": bem$l({
             unfit: !props2.safeAreaInsetBottom,
@@ -13494,8 +13450,8 @@ var _PullRefresh = defineComponent({
     slots
   }) {
     var reachTop;
-    var root2 = ref();
-    var scrollParent2 = useScrollParent(root2);
+    var root = ref();
+    var scrollParent2 = useScrollParent(root);
     var state = reactive({
       status: "normal",
       distance: 0,
@@ -13629,7 +13585,7 @@ var _PullRefresh = defineComponent({
         transform: state.distance ? "translate3d(0," + state.distance + "px, 0)" : ""
       };
       return createVNode("div", {
-        "ref": root2,
+        "ref": root,
         "class": bem$g()
       }, [createVNode("div", {
         "class": bem$g("track"),
@@ -14252,7 +14208,7 @@ var _Slider = defineComponent({
     var buttonIndex;
     var startValue;
     var currentValue;
-    var root2 = ref();
+    var root = ref();
     var dragStatus = ref();
     var touch = useTouch();
     var scope = computed(() => Number(props2.max) - Number(props2.min));
@@ -14341,7 +14297,7 @@ var _Slider = defineComponent({
         vertical,
         modelValue
       } = props2;
-      var rect = useRect(root2);
+      var rect = useRect(root);
       var getDelta = () => {
         if (vertical) {
           if (reverse) {
@@ -14391,7 +14347,7 @@ var _Slider = defineComponent({
       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;
@@ -14467,7 +14423,7 @@ var _Slider = defineComponent({
     updateValue(props2.modelValue);
     useCustomFieldValue(() => props2.modelValue);
     return () => createVNode("div", {
-      "ref": root2,
+      "ref": root,
       "style": wrapperStyle.value,
       "class": bem$9({
         vertical: props2.vertical,
@@ -15007,7 +14963,7 @@ var _SwipeCell = defineComponent({
     var opened;
     var lockClick2;
     var startOffset;
-    var root2 = ref();
+    var root = ref();
     var leftRef = ref();
     var rightRef = ref();
     var state = reactive({
@@ -15113,7 +15069,7 @@ var _SwipeCell = defineComponent({
       open,
       close
     });
-    useClickAway(root2, () => onClick("outside"), {
+    useClickAway(root, () => onClick("outside"), {
       eventName: "touchstart"
     });
     return () => {
@@ -15122,7 +15078,7 @@ var _SwipeCell = defineComponent({
         transitionDuration: state.dragging ? "0s" : ".6s"
       };
       return createVNode("div", {
-        "ref": root2,
+        "ref": root,
         "class": bem$4(),
         "onClick": getClickHandler("cell"),
         "onTouchstart": onTouchStart,
@@ -15165,11 +15121,11 @@ var _Tabbar = defineComponent({
     emit,
     slots
   }) {
-    var root2 = ref();
+    var root = 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;
@@ -15181,7 +15137,7 @@ var _Tabbar = defineComponent({
         border
       } = props2;
       return createVNode("div", {
-        "ref": root2,
+        "ref": root,
         "style": getZIndexStyle(zIndex),
         "class": [bem$3({
           fixed
@@ -15852,7 +15808,7 @@ var _Uploader = defineComponent({
   }
 });
 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) => {