vant 4.9.5 → 4.9.7

package/lib/vant.js

@@ -1815,8 +1815,7 @@
       };
       let timer2;
       const onOpened = () => {
-        if (timer2)
-          clearTimeout(timer2);
+        if (timer2) clearTimeout(timer2);
         timer2 = setTimeout(() => {
           emit("opened");
         });
@@ -2065,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;
   }
@@ -2283,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, {
@@ -2380,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
   **/
@@ -2888,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();
@@ -3193,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 = () => {
@@ -3271,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;
             });
@@ -3531,7 +3524,8 @@
         "tabindex": props2.disabled ? void 0 : props2.isActive ? 0 : -1,
         "aria-selected": props2.isActive,
         "aria-disabled": props2.disabled || void 0,
-        "aria-controls": props2.controls
+        "aria-controls": props2.controls,
+        "data-allow-mismatch": "attribute"
       }, [renderText()]);
     }
   });
@@ -3718,7 +3712,8 @@
             }),
             "tabindex": active.value ? 0 : -1,
             "aria-hidden": !active.value,
-            "aria-labelledby": label
+            "aria-labelledby": label,
+            "data-allow-mismatch": "attribute"
           }, {
             default: () => {
               var _a2;
@@ -3735,7 +3730,8 @@
           "role": "tabpanel",
           "class": bem$1m("panel"),
           "tabindex": show ? 0 : -1,
-          "aria-labelledby": label
+          "aria-labelledby": label,
+          "data-allow-mismatch": "attribute"
         }, [Content]), [[vue.vShow, show]]);
       };
     }
@@ -4904,6 +4900,7 @@
           enterkeyhint: props2.enterkeyhint,
           spellcheck: props2.spellcheck,
           "aria-labelledby": props2.label ? `${id}-label` : void 0,
+          "data-allow-mismatch": "attribute",
           onBlur,
           onFocus,
           onInput,
@@ -4978,6 +4975,7 @@
           return vue.createVNode("label", {
             "id": `${id}-label`,
             "for": slots.input ? void 0 : getInputId(),
+            "data-allow-mismatch": "attribute",
             "onClick": (event) => {
               preventDefault(event);
               focus();
@@ -6184,12 +6182,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,
@@ -6405,15 +6401,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;
@@ -6471,8 +6464,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");
@@ -6540,8 +6532,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();
@@ -8247,8 +8238,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
@@ -8532,8 +8522,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
@@ -9333,22 +9322,26 @@
         "fx": "50%",
         "fy": "54%",
         "r": "297%",
-        "gradientTransform": "matrix(-.16 0 0 -.33 .58 .72)"
+        "gradientTransform": "matrix(-.16 0 0 -.33 .58 .72)",
+        "data-allow-mismatch": "attribute"
       }, [renderStop("#EBEDF0", 0), renderStop("#F2F3F5", 100, 0.3)])]), vue.createVNode("ellipse", {
         "fill": getUrlById(id),
         "opacity": ".8",
         "cx": "80",
         "cy": "140",
         "rx": "46",
-        "ry": "8"
+        "ry": "8",
+        "data-allow-mismatch": "attribute"
       }, null)];
       const renderBuilding = () => [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
         "id": getId("a"),
         "x1": "64%",
         "y1": "100%",
-        "x2": "64%"
+        "x2": "64%",
+        "data-allow-mismatch": "attribute"
       }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)])]), vue.createVNode("g", {
-        "opacity": ".8"
+        "opacity": ".8",
+        "data-allow-mismatch": "children"
       }, [vue.createVNode("path", {
         "d": "M36 131V53H16v20H2v58h34z",
         "fill": getUrlById("a")
@@ -9361,9 +9354,11 @@
         "x1": "64%",
         "y1": "97%",
         "x2": "64%",
-        "y2": "0%"
+        "y2": "0%",
+        "data-allow-mismatch": "attribute"
       }, [renderStop("#F2F3F5", 0, 0.3), renderStop("#F2F3F5", 100)])]), vue.createVNode("g", {
-        "opacity": ".8"
+        "opacity": ".8",
+        "data-allow-mismatch": "children"
       }, [vue.createVNode("path", {
         "d": "M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z",
         "fill": getUrlById("b")
@@ -9373,7 +9368,9 @@
       }, null)])];
       const renderNetwork = () => vue.createVNode("svg", {
         "viewBox": "0 0 160 160"
-      }, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+      }, [vue.createVNode("defs", {
+        "data-allow-mismatch": "children"
+      }, [vue.createVNode("linearGradient", {
         "id": getId(1),
         "x1": "64%",
         "y1": "100%",
@@ -9400,14 +9397,17 @@
         "fill": "none"
       }, [renderBuilding(), vue.createVNode("path", {
         "fill": getUrlById(4),
-        "d": "M0 139h160v21H0z"
+        "d": "M0 139h160v21H0z",
+        "data-allow-mismatch": "attribute"
       }, null), vue.createVNode("path", {
         "d": "M80 54a7 7 0 0 1 3 13v27l-2 2h-2a2 2 0 0 1-2-2V67a7 7 0 0 1 3-13z",
-        "fill": getUrlById(2)
+        "fill": getUrlById(2),
+        "data-allow-mismatch": "attribute"
       }, null), vue.createVNode("g", {
         "opacity": ".6",
         "stroke-linecap": "round",
-        "stroke-width": "7"
+        "stroke-width": "7",
+        "data-allow-mismatch": "children"
       }, [vue.createVNode("path", {
         "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
         "stroke": getUrlById(3)
@@ -9444,7 +9444,9 @@
       }, null)])])]);
       const renderMaterial = () => vue.createVNode("svg", {
         "viewBox": "0 0 160 160"
-      }, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+      }, [vue.createVNode("defs", {
+        "data-allow-mismatch": "children"
+      }, [vue.createVNode("linearGradient", {
         "x1": "50%",
         "x2": "50%",
         "y2": "100%",
@@ -9477,7 +9479,8 @@
         "fill": getUrlById(5),
         "width": "64",
         "height": "66",
-        "rx": "2"
+        "rx": "2",
+        "data-allow-mismatch": "attribute"
       }, null), vue.createVNode("rect", {
         "fill": "#FFF",
         "x": "6",
@@ -9487,7 +9490,8 @@
         "rx": "1"
       }, null), vue.createVNode("g", {
         "transform": "translate(15 17)",
-        "fill": getUrlById(6)
+        "fill": getUrlById(6),
+        "data-allow-mismatch": "attribute"
       }, [vue.createVNode("rect", {
         "width": "34",
         "height": "6",
@@ -9504,7 +9508,8 @@
         "y": "61",
         "width": "88",
         "height": "28",
-        "rx": "1"
+        "rx": "1",
+        "data-allow-mismatch": "attribute"
       }, null), vue.createVNode("rect", {
         "fill": "#F7F8FA",
         "x": "29",
@@ -9519,14 +9524,18 @@
         "x1": "50%",
         "x2": "50%",
         "y2": "100%",
-        "id": getId(8)
+        "id": getId(8),
+        "data-allow-mismatch": "attribute"
       }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), renderShadow("c"), vue.createVNode("path", {
         "d": "m59 60 21 21 21-21h3l9 9v3L92 93l21 21v3l-9 9h-3l-21-21-21 21h-3l-9-9v-3l21-21-21-21v-3l9-9h3Z",
-        "fill": getUrlById(8)
+        "fill": getUrlById(8),
+        "data-allow-mismatch": "attribute"
       }, null)]);
       const renderSearch = () => vue.createVNode("svg", {
         "viewBox": "0 0 160 160"
-      }, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+      }, [vue.createVNode("defs", {
+        "data-allow-mismatch": "children"
+      }, [vue.createVNode("linearGradient", {
         "x1": "50%",
         "y1": "100%",
         "x2": "50%",
@@ -9548,7 +9557,8 @@
         "id": getId(12)
       }, [renderStops("#FFF", "#F7F8FA")])]), renderBuilding(), renderCloud(), renderShadow("d"), vue.createVNode("g", {
         "transform": "rotate(-45 113 -4)",
-        "fill": "none"
+        "fill": "none",
+        "data-allow-mismatch": "children"
       }, [vue.createVNode("rect", {
         "fill": getUrlById(9),
         "x": "24",
@@ -10304,6 +10314,7 @@
           "id": `${id}-${index}`,
           "role": "button",
           "tabindex": disabled ? void 0 : 0,
+          "data-allow-mismatch": "attribute",
           "class": [bem$L("item", {
             disabled,
             grow: scrollable.value
@@ -10513,6 +10524,7 @@
             position: "absolute"
           },
           "aria-labelledby": `${parent.id}-${index.value}`,
+          "data-allow-mismatch": "attribute",
           "closeOnClickOverlay": closeOnClickOverlay,
           "onOpen": onOpen,
           "onClose": onClose,
@@ -10598,8 +10610,7 @@
         return style;
       });
       const updateState = () => {
-        if (!show.value)
-          return;
+        if (!show.value) return;
         const {
           width: width2,
           height: height2
@@ -10626,23 +10637,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"]);
@@ -10673,10 +10679,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();
@@ -10785,8 +10789,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) {
@@ -11322,15 +11325,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) => {
@@ -12647,7 +12647,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
@@ -14385,8 +14390,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);
       };
@@ -14554,8 +14558,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) => {
@@ -14566,8 +14569,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(""));
@@ -14589,8 +14591,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);
@@ -14665,7 +14666,8 @@
         if (slots.label || props2.label) {
           return vue.createVNode("label", {
             "class": bem$m("label"),
-            "for": getInputId()
+            "for": getInputId(),
+            "data-allow-mismatch": "attribute"
           }, [slots.label ? slots.label() : props2.label]);
         }
       };
@@ -14974,8 +14976,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;
@@ -16218,8 +16219,7 @@
         }
       };
       const onClick = (position = "outside", event) => {
-        if (isInBeforeClosing)
-          return;
+        if (isInBeforeClosing) return;
         emit("click", position);
         if (opened && !lockClick2) {
           isInBeforeClosing = true;
@@ -16496,14 +16496,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);
@@ -17548,8 +17546,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);
@@ -17606,8 +17603,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,
@@ -17798,8 +17794,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) {
@@ -17815,8 +17810,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) {
@@ -17855,8 +17849,7 @@
        * @return
        */
       addListenerTarget(el) {
-        if (!el)
-          return;
+        if (!el) return;
         let target = this.targets.find((target2) => target2.el === el);
         if (!target) {
           target = {
@@ -17909,8 +17902,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) => {
@@ -17922,16 +17914,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));
         };
       }
@@ -17946,8 +17936,7 @@
             freeList.push(listener);
           }
           const catIn = listener.checkInView();
-          if (!catIn)
-            return;
+          if (!catIn) return;
           listener.load();
         });
         freeList.forEach((item) => {
@@ -17999,8 +17988,7 @@
        * @return
        */
       elRenderer(listener, state, cache) {
-        if (!listener.el)
-          return;
+        if (!listener.el) return;
         const { el, bindType } = listener;
         let src;
         switch (state) {
@@ -18154,14 +18142,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);
     }
@@ -18282,7 +18268,7 @@
       });
     }
   };
-  const version = "4.9.5";
+  const version = "4.9.7";
   function install(app) {
     const components = [
       ActionBar,