vant 4.9.4 → 4.9.6

package/lib/utils/dom.d.ts

@@ -9,5 +9,5 @@ export declare function resetScroll(): void;
 export declare const stopPropagation: (event: Event) => void;
 export declare function preventDefault(event: Event, isStopPropagation?: boolean): void;
 export declare function isHidden(elementRef: HTMLElement | Ref<HTMLElement | undefined>): boolean;
-export declare const windowWidth: Ref<number>, windowHeight: Ref<number>;
+export declare const windowWidth: Ref<number, number>, windowHeight: Ref<number, number>;
 export declare function getContainingBlock(el: Element): HTMLElement | null;

package/lib/utils/mount-component.d.ts

@@ -9,6 +9,6 @@ export declare function usePopupState(): {
     toggle: (show: boolean) => void;
 };
 export declare function mountComponent(RootComponent: Component): {
-    instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>;
     unmount(): void;
 };

package/lib/vant.cjs.js

@@ -1280,7 +1280,8 @@ const overlayProps = {
   className: unknownProp,
   lockScroll: truthProp,
   lazyRender: truthProp,
-  customStyle: Object
+  customStyle: Object,
+  teleport: [String, Object]
 };
 var stdin_default$1L = vue.defineComponent({
   name: name$1C,
@@ -1310,12 +1311,22 @@ var stdin_default$1L = vue.defineComponent({
     use.useEventListener("touchmove", onTouchMove, {
       target: root
     });
-    return () => vue.createVNode(vue.Transition, {
-      "name": "van-fade",
-      "appear": true
-    }, {
-      default: renderOverlay
-    });
+    return () => {
+      const Content = vue.createVNode(vue.Transition, {
+        "name": "van-fade",
+        "appear": true
+      }, {
+        default: renderOverlay
+      });
+      if (props2.teleport) {
+        return vue.createVNode(vue.Teleport, {
+          "to": props2.teleport
+        }, {
+          default: () => [Content]
+        });
+      }
+      return Content;
+    };
   }
 });
 const Overlay = withInstall(stdin_default$1L);
@@ -1416,8 +1427,7 @@ var stdin_default$1K = vue.defineComponent({
     };
     let timer2;
     const onOpened = () => {
-      if (timer2)
-        clearTimeout(timer2);
+      if (timer2) clearTimeout(timer2);
       timer2 = setTimeout(() => {
         emit("opened");
       });
@@ -1666,12 +1676,10 @@ function getColumnsType(columns, fields) {
 function findIndexOfEnabledOption(options, index) {
   index = clamp(index, 0, options.length);
   for (let i = index; i < options.length; i++) {
-    if (!options[i].disabled)
-      return i;
+    if (!options[i].disabled) return i;
   }
   for (let i = index - 1; i >= 0; i--) {
-    if (!options[i].disabled)
-      return i;
+    if (!options[i].disabled) return i;
   }
   return 0;
 }
@@ -1884,8 +1892,7 @@ var stdin_default$1I = vue.defineComponent({
       const index = moving ? Math.floor(-currentOffset.value / props2.optionHeight) : props2.options.findIndex((option) => option[props2.fields.value] === props2.value);
       const enabledIndex = findIndexOfEnabledOption(props2.options, index);
       const offset = -enabledIndex * props2.optionHeight;
-      if (moving && enabledIndex < index)
-        stopMomentum();
+      if (moving && enabledIndex < index) stopMomentum();
       currentOffset.value = offset;
     });
     use.useEventListener("touchmove", onTouchMove, {
@@ -2409,8 +2416,7 @@ var stdin_default$1F = vue.defineComponent({
     let touchStartTime;
     const onTouchStart = (event) => {
       if (!props2.touchable || // avoid resetting position on multi-finger touch
-      event.touches.length > 1)
-        return;
+      event.touches.length > 1) return;
       touch.start(event);
       dragging = false;
       touchStartTime = Date.now();
@@ -2714,8 +2720,7 @@ var stdin_default$1D = vue.defineComponent({
       }
       const title = titles[state.currentIndex].$el;
       const to = title.offsetLeft - (nav.offsetWidth - title.offsetWidth) / 2;
-      if (cancelScrollLeftToRaf)
-        cancelScrollLeftToRaf();
+      if (cancelScrollLeftToRaf) cancelScrollLeftToRaf();
       cancelScrollLeftToRaf = scrollLeftTo(nav, to, immediate ? 0 : +props2.duration);
     };
     const setLine = () => {
@@ -2792,8 +2797,7 @@ var stdin_default$1D = vue.defineComponent({
         if (target && scroller.value) {
           const to = getElementTop(target, scroller.value) - scrollOffset.value;
           lockScroll = true;
-          if (cancelScrollTopToRaf)
-            cancelScrollTopToRaf();
+          if (cancelScrollTopToRaf) cancelScrollTopToRaf();
           cancelScrollTopToRaf = scrollTopTo(scroller.value, to, immediate ? 0 : +props2.duration, () => {
             lockScroll = false;
           });
@@ -4070,6 +4074,8 @@ const fieldSharedProps = {
   autofocus: Boolean,
   clearable: Boolean,
   maxlength: numericProp,
+  max: Number,
+  min: Number,
   formatter: Function,
   clearIcon: makeStringProp("clear"),
   modelValue: makeNumericProp(""),
@@ -4267,12 +4273,17 @@ var stdin_default$1v = vue.defineComponent({
       return value;
     };
     const updateValue = (value, trigger = "onChange") => {
+      var _a, _b;
       const originalValue = value;
       value = limitValueLength(value);
       const limitDiffLen = getStringLength(originalValue) - getStringLength(value);
       if (props2.type === "number" || props2.type === "digit") {
         const isNumber = props2.type === "number";
         value = formatNumber(value, isNumber, isNumber);
+        if (trigger === "onBlur" && value !== "") {
+          const adjustedValue = clamp(+value, (_a = props2.min) != null ? _a : -Infinity, (_b = props2.max) != null ? _b : Infinity);
+          value = adjustedValue.toString();
+        }
       }
       let formatterDiffLen = 0;
       if (props2.formatter && trigger === props2.formatTrigger) {
@@ -5704,12 +5715,10 @@ var stdin_default$1l = vue.defineComponent({
       } else {
         emit("update:modelValue", newValue);
       }
-      if (props2.indeterminate !== null)
-        emit("change", newValue);
+      if (props2.indeterminate !== null) emit("change", newValue);
     };
     vue.watch(() => props2.modelValue, (value) => {
-      if (props2.indeterminate === null)
-        emit("change", value);
+      if (props2.indeterminate === null) emit("change", value);
     });
     useExpose({
       toggle,
@@ -5925,15 +5934,12 @@ const modeType = {
   observer: "observer"
 };
 function remove(arr, item) {
-  if (!arr.length)
-    return;
+  if (!arr.length) return;
   const index = arr.indexOf(item);
-  if (index > -1)
-    return arr.splice(index, 1);
+  if (index > -1) return arr.splice(index, 1);
 }
 function getBestSelectionFromSrcset(el, scale) {
-  if (el.tagName !== "IMG" || !el.getAttribute("data-srcset"))
-    return;
+  if (el.tagName !== "IMG" || !el.getAttribute("data-srcset")) return;
   let options = el.getAttribute("data-srcset");
   const container = el.parentNode;
   const containerWidth = container.offsetWidth * scale;
@@ -5991,8 +5997,7 @@ function getBestSelectionFromSrcset(el, scale) {
 }
 const getDPR = (scale = 1) => use.inBrowser ? window.devicePixelRatio || scale : scale;
 function supportWebp() {
-  if (!use.inBrowser)
-    return false;
+  if (!use.inBrowser) return false;
   let support = true;
   try {
     const elem = document.createElement("canvas");
@@ -6060,8 +6065,7 @@ class ImageCache {
     return this.caches.indexOf(key) > -1;
   }
   add(key) {
-    if (this.has(key))
-      return;
+    if (this.has(key)) return;
     this.caches.push(key);
     if (this.caches.length > this.options.max) {
       this.free();
@@ -6926,6 +6930,9 @@ var stdin_default$1d = vue.defineComponent({
         if (!Array.isArray(defaultDate)) {
           defaultDate = [];
         }
+        if (defaultDate.length === 1 && compareDay(defaultDate[0], now) === 1) {
+          defaultDate = [];
+        }
         const min = minDate.value;
         const max = maxDate.value;
         const start = limitDateRange(defaultDate[0] || now, min, max ? allowSameDay ? max : getPrevDay(max) : void 0);
@@ -7241,9 +7248,8 @@ var stdin_default$1d = vue.defineComponent({
     };
     vue.watch(() => props2.show, init);
     vue.watch(() => [props2.type, props2.minDate, props2.maxDate, props2.switchMode], () => reset(getInitialDate(currentDate.value)));
-    vue.watch(() => props2.defaultDate, (value = null) => {
-      currentDate.value = value;
-      scrollToCurrentDate();
+    vue.watch(() => props2.defaultDate, (value) => {
+      reset(value);
     });
     useExpose({
       reset,
@@ -7768,8 +7774,7 @@ var stdin_default$1a = vue.defineComponent({
     updateTabs();
     vue.watch(activeTab, (value) => {
       const el = selectedElementRefs.value[value];
-      if (el)
-        scrollIntoView(el);
+      if (el) scrollIntoView(el);
     });
     vue.watch(() => props2.options, updateTabs, {
       deep: true
@@ -8053,8 +8058,7 @@ var stdin_default$17 = vue.defineComponent({
           return spaces2;
         }
         groups.value.forEach((group, index) => {
-          if (index === groups.value.length - 1)
-            return;
+          if (index === groups.value.length - 1) return;
           group.forEach(() => {
             spaces2.push({
               bottom
@@ -10142,8 +10146,7 @@ var stdin_default$S = vue.defineComponent({
       return style;
     });
     const updateState = () => {
-      if (!show.value)
-        return;
+      if (!show.value) return;
       const {
         width,
         height
@@ -10170,23 +10173,18 @@ var stdin_default$S = vue.defineComponent({
     const onTouchMove = (e) => {
       e.preventDefault();
       touch.move(e);
-      if (props2.axis === "lock")
-        return;
+      if (props2.axis === "lock") return;
       if (!touch.isTap.value) {
         if (props2.axis === "x" || props2.axis === "xy") {
           let nextX = prevX + touch.deltaX.value;
-          if (nextX < boundary.value.left)
-            nextX = boundary.value.left;
-          if (nextX > boundary.value.right)
-            nextX = boundary.value.right;
+          if (nextX < boundary.value.left) nextX = boundary.value.left;
+          if (nextX > boundary.value.right) nextX = boundary.value.right;
           state.value.x = nextX;
         }
         if (props2.axis === "y" || props2.axis === "xy") {
           let nextY = prevY + touch.deltaY.value;
-          if (nextY < boundary.value.top)
-            nextY = boundary.value.top;
-          if (nextY > boundary.value.bottom)
-            nextY = boundary.value.bottom;
+          if (nextY < boundary.value.top) nextY = boundary.value.top;
+          if (nextY > boundary.value.bottom) nextY = boundary.value.bottom;
           state.value.y = nextY;
         }
         const offset = pick(state.value, ["x", "y"]);
@@ -10217,10 +10215,8 @@ var stdin_default$S = vue.defineComponent({
       });
     };
     const onClick = (e) => {
-      if (touch.isTap.value)
-        emit("click", e);
-      else
-        e.stopPropagation();
+      if (touch.isTap.value) emit("click", e);
+      else e.stopPropagation();
     };
     vue.onMounted(() => {
       updateState();
@@ -10329,8 +10325,7 @@ var stdin_default$R = vue.defineComponent({
           scrollTop
         } = contentRef.value;
         maxScroll = Math.max(maxScroll, scrollTop);
-        if (!props2.contentDraggable)
-          return;
+        if (!props2.contentDraggable) return;
         if (-startY < boundary.value.max) {
           preventDefault(e, true);
         } else if (!(scrollTop <= 0 && touch.deltaY.value > 0) || maxScroll > 0) {
@@ -10869,15 +10864,12 @@ var stdin_default$N = vue.defineComponent({
     const checkClose = (event) => {
       var _a;
       const swipeItemEl = (_a = swipeItem.value) == null ? void 0 : _a.$el;
-      if (!swipeItemEl)
-        return;
+      if (!swipeItemEl) return;
       const imageEl = swipeItemEl.firstElementChild;
       const isClickOverlay = event.target === swipeItemEl;
       const isClickImage = imageEl == null ? void 0 : imageEl.contains(event.target);
-      if (!props2.closeOnClickImage && isClickImage)
-        return;
-      if (!props2.closeOnClickOverlay && isClickOverlay)
-        return;
+      if (!props2.closeOnClickImage && isClickImage) return;
+      if (!props2.closeOnClickOverlay && isClickOverlay) return;
       emit("close");
     };
     const checkTap = (event) => {
@@ -12197,7 +12189,12 @@ var stdin_default$E = vue.defineComponent({
         extraKey
       } = props2;
       const extraKeys = Array.isArray(extraKey) ? extraKey : [extraKey];
-      if (extraKeys.length === 1) {
+      if (extraKeys.length === 0) {
+        keys2.push({
+          text: 0,
+          wider: true
+        });
+      } else if (extraKeys.length === 1) {
         keys2.push({
           text: 0,
           wider: true
@@ -13123,8 +13120,7 @@ var stdin_default$y = vue.defineComponent({
       return props2.allowHalf ? 0.5 : 1;
     };
     const select = (value) => {
-      if (unselectable.value || value === props2.modelValue)
-        return;
+      if (unselectable.value || value === props2.modelValue) return;
       emit("update:modelValue", value);
       emit("change", value);
     };
@@ -13292,8 +13288,7 @@ var stdin_default$w = vue.defineComponent({
   setup(props2) {
     const isCustomType = vue.computed(() => Array.isArray(props2.textList) && props2.textList.length);
     const itemLength = vue.computed(() => {
-      if (isCustomType.value)
-        return props2.textList[0].length;
+      if (isCustomType.value) return props2.textList[0].length;
       return `${Math.max(props2.startNum, props2.targetNum)}`.length;
     });
     const getTextArrByIdx = (idx) => {
@@ -13304,8 +13299,7 @@ var stdin_default$w = vue.defineComponent({
       return result;
     };
     const targetNumArr = vue.computed(() => {
-      if (isCustomType.value)
-        return new Array(itemLength.value).fill("");
+      if (isCustomType.value) return new Array(itemLength.value).fill("");
       return padZero(props2.targetNum, itemLength.value).split("");
     });
     const startNumArr = vue.computed(() => padZero(props2.startNum, itemLength.value).split(""));
@@ -13327,8 +13321,7 @@ var stdin_default$w = vue.defineComponent({
       return result;
     };
     const getDelay = (i, len) => {
-      if (props2.stopOrder === "ltr")
-        return 0.2 * i;
+      if (props2.stopOrder === "ltr") return 0.2 * i;
       return 0.2 * (len - 1 - i);
     };
     const rolling = vue.ref(props2.autoStart);
@@ -13715,8 +13708,7 @@ var stdin_default$r = vue.defineComponent({
     const canvasRef = vue.ref();
     const wrapRef = vue.ref();
     const ctx = vue.computed(() => {
-      if (!canvasRef.value)
-        return null;
+      if (!canvasRef.value) return null;
       return canvasRef.value.getContext("2d");
     });
     const isRenderCanvas = inBrowser ? hasCanvasSupport() : true;
@@ -14962,8 +14954,7 @@ var stdin_default$c = vue.defineComponent({
       }
     };
     const onClick = (position = "outside", event) => {
-      if (isInBeforeClosing)
-        return;
+      if (isInBeforeClosing) return;
       emit("click", position);
       if (opened && !lockClick2) {
         isInBeforeClosing = true;
@@ -15243,14 +15234,12 @@ var stdin_default$9 = vue.defineComponent({
     let needRecalculate = false;
     const actionText = vue.computed(() => expanded.value ? props2.collapseText : props2.expandText);
     const pxToNum = (value) => {
-      if (!value)
-        return 0;
+      if (!value) return 0;
       const match = value.match(/^\d*(\.\d*)?/);
       return match ? Number(match[0]) : 0;
     };
     const cloneContainer = () => {
-      if (!root.value || !root.value.isConnected)
-        return;
+      if (!root.value || !root.value.isConnected) return;
       const originStyle = window.getComputedStyle(root.value);
       const container = document.createElement("div");
       const styleNames = Array.prototype.slice.apply(originStyle);
@@ -16307,8 +16296,7 @@ class ReactiveListener {
       onFinish();
       return;
     }
-    if (this.state.rendered && this.state.loaded)
-      return;
+    if (this.state.rendered && this.state.loaded) return;
     if (this.imageCache.has(this.src)) {
       this.state.loaded = true;
       this.render("loaded", true);
@@ -16365,8 +16353,7 @@ class ReactiveListener {
       state = "loaded";
       time = (this.performanceData.loadEnd - this.performanceData.loadStart) / 1e3;
     }
-    if (this.state.error)
-      state = "error";
+    if (this.state.error) state = "error";
     return {
       src: this.src,
       state,
@@ -16557,8 +16544,7 @@ function stdin_default$3() {
      * @return
      */
     remove(el) {
-      if (!el)
-        return;
+      if (!el) return;
       this.observer && this.observer.unobserve(el);
       const existItem = this.listeners.find((item) => item.el === el);
       if (existItem) {
@@ -16574,8 +16560,7 @@ function stdin_default$3() {
      * @return
      */
     removeComponent(vm) {
-      if (!vm)
-        return;
+      if (!vm) return;
       remove(this.listeners, vm);
       this.observer && this.observer.unobserve(vm.el);
       if (vm.$parent && vm.$el.parentNode) {
@@ -16614,8 +16599,7 @@ function stdin_default$3() {
      * @return
      */
     addListenerTarget(el) {
-      if (!el)
-        return;
+      if (!el) return;
       let target = this.targets.find((target2) => target2.el === el);
       if (!target) {
         target = {
@@ -16668,8 +16652,7 @@ function stdin_default$3() {
         }
       };
       this.$on = (event, func) => {
-        if (!this.Event.listeners[event])
-          this.Event.listeners[event] = [];
+        if (!this.Event.listeners[event]) this.Event.listeners[event] = [];
         this.Event.listeners[event].push(func);
       };
       this.$once = (event, func) => {
@@ -16681,16 +16664,14 @@ function stdin_default$3() {
       };
       this.$off = (event, func) => {
         if (!func) {
-          if (!this.Event.listeners[event])
-            return;
+          if (!this.Event.listeners[event]) return;
           this.Event.listeners[event].length = 0;
           return;
         }
         remove(this.Event.listeners[event], func);
       };
       this.$emit = (event, context, inCache) => {
-        if (!this.Event.listeners[event])
-          return;
+        if (!this.Event.listeners[event]) return;
         this.Event.listeners[event].forEach((func) => func(context, inCache));
       };
     }
@@ -16705,8 +16686,7 @@ function stdin_default$3() {
           freeList.push(listener);
         }
         const catIn = listener.checkInView();
-        if (!catIn)
-          return;
+        if (!catIn) return;
         listener.load();
       });
       freeList.forEach((item) => {
@@ -16758,8 +16738,7 @@ function stdin_default$3() {
      * @return
      */
     elRenderer(listener, state, cache) {
-      if (!listener.el)
-        return;
+      if (!listener.el) return;
       const { el, bindType } = listener;
       let src;
       switch (state) {
@@ -16916,14 +16895,12 @@ class LazyContainerManager {
   }
   update(el, binding, vnode) {
     const container = this.queue.find((item) => item.el === el);
-    if (!container)
-      return;
+    if (!container) return;
     container.update({ el, binding, vnode });
   }
   unbind(el) {
     const container = this.queue.find((item) => item.el === el);
-    if (!container)
-      return;
+    if (!container) return;
     container.clear();
     remove(this.queue, container);
   }
@@ -17049,7 +17026,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.4";
+const version = "4.9.6";
 function install(app) {
   const components = [
     ActionBar,