vant 4.9.4 → 4.9.6

package/lib/vant.es.js

@@ -1,4 +1,4 @@
-import { unref, ref, reactive, inject, watch, onMounted, nextTick, createVNode, defineComponent, getCurrentInstance, computed, onActivated, onDeactivated, onBeforeUnmount, provide, watchEffect, mergeProps, Transition, withDirectives, vShow, Teleport, Fragment, onBeforeUpdate, Comment, createTextVNode, onUnmounted, createApp, resolveDirective, withKeys, onUpdated, Text, h } from "vue";
+import { unref, ref, reactive, inject, watch, onMounted, nextTick, createVNode, defineComponent, getCurrentInstance, computed, onActivated, onDeactivated, onBeforeUnmount, provide, watchEffect, mergeProps, Transition, Teleport, withDirectives, vShow, Fragment, onBeforeUpdate, Comment, createTextVNode, onUnmounted, createApp, resolveDirective, withKeys, onUpdated, Text, h } from "vue";
 import { useWindowSize, useRect, useChildren, useParent, onMountedOrActivated, getScrollParent, useEventListener, cancelRaf, raf, useScrollParent, usePageVisibility, doubleRaf, CUSTOM_FIELD_INJECTION_KEY, useCustomFieldValue, inBrowser as inBrowser$1, useToggle, useCountDown, useClickAway } from "@vant/use";
 import { normalizeClass, stringifyStyle, normalizeStyle } from "@vue/shared";
 import { offsetModifier, createPopper } from "@vant/popperjs";
@@ -1278,7 +1278,8 @@ const overlayProps = {
   className: unknownProp,
   lockScroll: truthProp,
   lazyRender: truthProp,
-  customStyle: Object
+  customStyle: Object,
+  teleport: [String, Object]
 };
 var stdin_default$1L = defineComponent({
   name: name$1C,
@@ -1308,12 +1309,22 @@ var stdin_default$1L = defineComponent({
     useEventListener("touchmove", onTouchMove, {
       target: root
     });
-    return () => createVNode(Transition, {
-      "name": "van-fade",
-      "appear": true
-    }, {
-      default: renderOverlay
-    });
+    return () => {
+      const Content = createVNode(Transition, {
+        "name": "van-fade",
+        "appear": true
+      }, {
+        default: renderOverlay
+      });
+      if (props2.teleport) {
+        return createVNode(Teleport, {
+          "to": props2.teleport
+        }, {
+          default: () => [Content]
+        });
+      }
+      return Content;
+    };
   }
 });
 const Overlay = withInstall(stdin_default$1L);
@@ -1414,8 +1425,7 @@ var stdin_default$1K = defineComponent({
     };
     let timer2;
     const onOpened = () => {
-      if (timer2)
-        clearTimeout(timer2);
+      if (timer2) clearTimeout(timer2);
       timer2 = setTimeout(() => {
         emit("opened");
       });
@@ -1664,12 +1674,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;
 }
@@ -1882,8 +1890,7 @@ var stdin_default$1I = 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;
     });
     useEventListener("touchmove", onTouchMove, {
@@ -2407,8 +2414,7 @@ var stdin_default$1F = 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();
@@ -2712,8 +2718,7 @@ var stdin_default$1D = 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 = () => {
@@ -2790,8 +2795,7 @@ var stdin_default$1D = 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;
           });
@@ -4068,6 +4072,8 @@ const fieldSharedProps = {
   autofocus: Boolean,
   clearable: Boolean,
   maxlength: numericProp,
+  max: Number,
+  min: Number,
   formatter: Function,
   clearIcon: makeStringProp("clear"),
   modelValue: makeNumericProp(""),
@@ -4265,12 +4271,17 @@ var stdin_default$1v = 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) {
@@ -5702,12 +5713,10 @@ var stdin_default$1l = defineComponent({
       } else {
         emit("update:modelValue", newValue);
       }
-      if (props2.indeterminate !== null)
-        emit("change", newValue);
+      if (props2.indeterminate !== null) emit("change", newValue);
     };
     watch(() => props2.modelValue, (value) => {
-      if (props2.indeterminate === null)
-        emit("change", value);
+      if (props2.indeterminate === null) emit("change", value);
     });
     useExpose({
       toggle,
@@ -5923,15 +5932,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;
@@ -5989,8 +5995,7 @@ function getBestSelectionFromSrcset(el, scale) {
 }
 const getDPR = (scale = 1) => inBrowser$1 ? window.devicePixelRatio || scale : scale;
 function supportWebp() {
-  if (!inBrowser$1)
-    return false;
+  if (!inBrowser$1) return false;
   let support = true;
   try {
     const elem = document.createElement("canvas");
@@ -6058,8 +6063,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();
@@ -6924,6 +6928,9 @@ var stdin_default$1d = 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);
@@ -7239,9 +7246,8 @@ var stdin_default$1d = defineComponent({
     };
     watch(() => props2.show, init);
     watch(() => [props2.type, props2.minDate, props2.maxDate, props2.switchMode], () => reset(getInitialDate(currentDate.value)));
-    watch(() => props2.defaultDate, (value = null) => {
-      currentDate.value = value;
-      scrollToCurrentDate();
+    watch(() => props2.defaultDate, (value) => {
+      reset(value);
     });
     useExpose({
       reset,
@@ -7766,8 +7772,7 @@ var stdin_default$1a = defineComponent({
     updateTabs();
     watch(activeTab, (value) => {
       const el = selectedElementRefs.value[value];
-      if (el)
-        scrollIntoView(el);
+      if (el) scrollIntoView(el);
     });
     watch(() => props2.options, updateTabs, {
       deep: true
@@ -8051,8 +8056,7 @@ var stdin_default$17 = 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
@@ -10140,8 +10144,7 @@ var stdin_default$S = defineComponent({
       return style;
     });
     const updateState = () => {
-      if (!show.value)
-        return;
+      if (!show.value) return;
       const {
         width,
         height
@@ -10168,23 +10171,18 @@ var stdin_default$S = 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"]);
@@ -10215,10 +10213,8 @@ var stdin_default$S = defineComponent({
       });
     };
     const onClick = (e) => {
-      if (touch.isTap.value)
-        emit("click", e);
-      else
-        e.stopPropagation();
+      if (touch.isTap.value) emit("click", e);
+      else e.stopPropagation();
     };
     onMounted(() => {
       updateState();
@@ -10327,8 +10323,7 @@ var stdin_default$R = 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) {
@@ -10867,15 +10862,12 @@ var stdin_default$N = 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) => {
@@ -12195,7 +12187,12 @@ var stdin_default$E = 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
@@ -13121,8 +13118,7 @@ var stdin_default$y = 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);
     };
@@ -13290,8 +13286,7 @@ var stdin_default$w = defineComponent({
   setup(props2) {
     const isCustomType = computed(() => Array.isArray(props2.textList) && props2.textList.length);
     const itemLength = 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) => {
@@ -13302,8 +13297,7 @@ var stdin_default$w = defineComponent({
       return result;
     };
     const targetNumArr = 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 = computed(() => padZero(props2.startNum, itemLength.value).split(""));
@@ -13325,8 +13319,7 @@ var stdin_default$w = 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 = ref(props2.autoStart);
@@ -13713,8 +13706,7 @@ var stdin_default$r = defineComponent({
     const canvasRef = ref();
     const wrapRef = ref();
     const ctx = computed(() => {
-      if (!canvasRef.value)
-        return null;
+      if (!canvasRef.value) return null;
       return canvasRef.value.getContext("2d");
     });
     const isRenderCanvas = inBrowser ? hasCanvasSupport() : true;
@@ -14960,8 +14952,7 @@ var stdin_default$c = defineComponent({
       }
     };
     const onClick = (position = "outside", event) => {
-      if (isInBeforeClosing)
-        return;
+      if (isInBeforeClosing) return;
       emit("click", position);
       if (opened && !lockClick2) {
         isInBeforeClosing = true;
@@ -15241,14 +15232,12 @@ var stdin_default$9 = defineComponent({
     let needRecalculate = false;
     const actionText = 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);
@@ -16305,8 +16294,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);
@@ -16363,8 +16351,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,
@@ -16555,8 +16542,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) {
@@ -16572,8 +16558,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) {
@@ -16612,8 +16597,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 = {
@@ -16666,8 +16650,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) => {
@@ -16679,16 +16662,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));
       };
     }
@@ -16703,8 +16684,7 @@ function stdin_default$3() {
           freeList.push(listener);
         }
         const catIn = listener.checkInView();
-        if (!catIn)
-          return;
+        if (!catIn) return;
         listener.load();
       });
       freeList.forEach((item) => {
@@ -16756,8 +16736,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) {
@@ -16914,14 +16893,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);
   }
@@ -17047,7 +17024,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.4";
+const version = "4.9.6";
 function install(app) {
   const components = [
     ActionBar,