vant 4.9.4 → 4.9.6

package/lib/vant.js

@@ -1668,7 +1668,8 @@
     className: unknownProp,
     lockScroll: truthProp,
     lazyRender: truthProp,
-    customStyle: Object
+    customStyle: Object,
+    teleport: [String, Object]
   };
   var stdin_default$1L = vue.defineComponent({
     name: name$1C,
@@ -1698,12 +1699,22 @@
       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);
@@ -1804,8 +1815,7 @@
       };
       let timer2;
       const onOpened = () => {
-        if (timer2)
-          clearTimeout(timer2);
+        if (timer2) clearTimeout(timer2);
         timer2 = setTimeout(() => {
           emit("opened");
         });
@@ -2054,12 +2064,10 @@
   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;
   }
@@ -2272,8 +2280,7 @@
         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 offset2 = -enabledIndex * props2.optionHeight;
-        if (moving && enabledIndex < index)
-          stopMomentum();
+        if (moving && enabledIndex < index) stopMomentum();
         currentOffset.value = offset2;
       });
       useEventListener("touchmove", onTouchMove, {
@@ -2369,7 +2376,7 @@
     return propRef;
   };
   /**
-  * @vue/shared v3.4.33
+  * @vue/shared v3.5.5
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -2877,8 +2884,7 @@
       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();
@@ -3182,8 +3188,7 @@
         }
         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 = () => {
@@ -3260,8 +3265,7 @@
           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;
             });
@@ -4532,6 +4536,8 @@
     autofocus: Boolean,
     clearable: Boolean,
     maxlength: numericProp,
+    max: Number,
+    min: Number,
     formatter: Function,
     clearIcon: makeStringProp("clear"),
     modelValue: makeNumericProp(""),
@@ -4729,12 +4735,17 @@
         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) {
@@ -6166,12 +6177,10 @@
         } 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,
@@ -6387,15 +6396,12 @@
     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;
@@ -6453,8 +6459,7 @@
   }
   const getDPR = (scale = 1) => inBrowser ? window.devicePixelRatio || scale : scale;
   function supportWebp() {
-    if (!inBrowser)
-      return false;
+    if (!inBrowser) return false;
     let support = true;
     try {
       const elem = document.createElement("canvas");
@@ -6522,8 +6527,7 @@
       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();
@@ -7385,6 +7389,9 @@
           if (!Array.isArray(defaultDate)) {
             defaultDate = [];
           }
+          if (defaultDate.length === 1 && compareDay(defaultDate[0], now) === 1) {
+            defaultDate = [];
+          }
           const min = minDate.value;
           const max = maxDate.value;
           const start2 = limitDateRange(defaultDate[0] || now, min, max ? allowSameDay ? max : getPrevDay(max) : void 0);
@@ -7700,9 +7707,8 @@
       };
       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,
@@ -8227,8 +8233,7 @@
       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
@@ -8512,8 +8517,7 @@
             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: bottom2
@@ -10578,8 +10582,7 @@
         return style;
       });
       const updateState = () => {
-        if (!show.value)
-          return;
+        if (!show.value) return;
         const {
           width: width2,
           height: height2
@@ -10606,23 +10609,18 @@
       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 offset2 = pick(state.value, ["x", "y"]);
@@ -10653,10 +10651,8 @@
         });
       };
       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();
@@ -10765,8 +10761,7 @@
             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) {
@@ -11302,15 +11297,12 @@
       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) => {
@@ -12627,7 +12619,12 @@
           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
@@ -14365,8 +14362,7 @@
         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);
       };
@@ -14534,8 +14530,7 @@
     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) => {
@@ -14546,8 +14541,7 @@
         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(""));
@@ -14569,8 +14563,7 @@
         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);
@@ -14954,8 +14947,7 @@
       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$1 ? hasCanvasSupport() : true;
@@ -16198,8 +16190,7 @@
         }
       };
       const onClick = (position = "outside", event) => {
-        if (isInBeforeClosing)
-          return;
+        if (isInBeforeClosing) return;
         emit("click", position);
         if (opened && !lockClick2) {
           isInBeforeClosing = true;
@@ -16476,14 +16467,12 @@
       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);
@@ -17528,8 +17517,7 @@
         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);
@@ -17586,8 +17574,7 @@
         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,
@@ -17778,8 +17765,7 @@
        * @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) {
@@ -17795,8 +17781,7 @@
        * @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) {
@@ -17835,8 +17820,7 @@
        * @return
        */
       addListenerTarget(el) {
-        if (!el)
-          return;
+        if (!el) return;
         let target = this.targets.find((target2) => target2.el === el);
         if (!target) {
           target = {
@@ -17889,8 +17873,7 @@
           }
         };
         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) => {
@@ -17902,16 +17885,14 @@
         };
         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));
         };
       }
@@ -17926,8 +17907,7 @@
             freeList.push(listener);
           }
           const catIn = listener.checkInView();
-          if (!catIn)
-            return;
+          if (!catIn) return;
           listener.load();
         });
         freeList.forEach((item) => {
@@ -17979,8 +17959,7 @@
        * @return
        */
       elRenderer(listener, state, cache) {
-        if (!listener.el)
-          return;
+        if (!listener.el) return;
         const { el, bindType } = listener;
         let src;
         switch (state) {
@@ -18134,14 +18113,12 @@
     }
     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);
     }
@@ -18262,7 +18239,7 @@
       });
     }
   };
-  const version = "4.9.4";
+  const version = "4.9.6";
   function install(app) {
     const components = [
       ActionBar,