vant 3.4.1 → 3.4.5

package/lib/vant.js

@@ -116,6 +116,7 @@
           if (vue.isVNode(child)) {
             result.push(child);
             if ((_a = child.component) == null ? void 0 : _a.subTree) {
+              result.push(child.component.subTree);
               traverse(child.component.subTree.children);
             }
             if (child.children) {
@@ -590,13 +591,12 @@
     loading: "\u52A0\u8F7D\u4E2D...",
     noCoupon: "\u6682\u65E0\u4F18\u60E0\u5238",
     nameEmpty: "\u8BF7\u586B\u5199\u59D3\u540D",
+    addContact: "\u6DFB\u52A0\u8054\u7CFB\u4EBA",
     telInvalid: "\u8BF7\u586B\u5199\u6B63\u786E\u7684\u7535\u8BDD",
     vanCalendar: {
       end: "\u7ED3\u675F",
       start: "\u5F00\u59CB",
       title: "\u65E5\u671F\u9009\u62E9",
-      confirm: "\u786E\u5B9A",
-      startEnd: "\u5F00\u59CB/\u7ED3\u675F",
       weekdays: ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"],
       monthTitle: (year, month) => `${year}\u5E74${month}\u6708`,
       rangePrompt: (maxRange) => `\u6700\u591A\u9009\u62E9 ${maxRange} \u5929`
@@ -604,12 +604,6 @@
     vanCascader: {
       select: "\u8BF7\u9009\u62E9"
     },
-    vanContactCard: {
-      addText: "\u6DFB\u52A0\u8054\u7CFB\u4EBA"
-    },
-    vanContactList: {
-      addText: "\u65B0\u5EFA\u8054\u7CFB\u4EBA"
-    },
     vanPagination: {
       prev: "\u4E0A\u4E00\u9875",
       next: "\u4E0B\u4E00\u9875"
@@ -619,10 +613,10 @@
       loosing: "\u91CA\u653E\u5373\u53EF\u5237\u65B0..."
     },
     vanSubmitBar: {
-      label: "\u5408\u8BA1\uFF1A"
+      label: "\u5408\u8BA1:"
     },
     vanCoupon: {
-      unlimited: "\u65E0\u4F7F\u7528\u95E8\u69DB",
+      unlimited: "\u65E0\u95E8\u69DB",
       discount: (discount) => `${discount}\u6298`,
       condition: (condition) => `\u6EE1${condition}\u5143\u53EF\u7528`
     },
@@ -632,10 +626,10 @@
     },
     vanCouponList: {
       exchange: "\u5151\u6362",
-      close: "\u4E0D\u4F7F\u7528\u4F18\u60E0\u5238",
+      close: "\u4E0D\u4F7F\u7528",
       enable: "\u53EF\u7528",
       disabled: "\u4E0D\u53EF\u7528",
-      placeholder: "\u8BF7\u8F93\u5165\u4F18\u60E0\u7801"
+      placeholder: "\u8F93\u5165\u4F18\u60E0\u7801"
     },
     vanAddressEdit: {
       area: "\u5730\u533A",
@@ -643,12 +637,9 @@
       areaEmpty: "\u8BF7\u9009\u62E9\u5730\u533A",
       addressEmpty: "\u8BF7\u586B\u5199\u8BE6\u7EC6\u5730\u5740",
       postalEmpty: "\u90AE\u653F\u7F16\u7801\u4E0D\u6B63\u786E",
+      addressDetail: "\u8BE6\u7EC6\u5730\u5740",
       defaultAddress: "\u8BBE\u4E3A\u9ED8\u8BA4\u6536\u8D27\u5730\u5740"
     },
-    vanAddressEditDetail: {
-      label: "\u8BE6\u7EC6\u5730\u5740",
-      placeholder: "\u8857\u9053\u95E8\u724C\u4FE1\u606F"
-    },
     vanAddressList: {
       add: "\u65B0\u589E\u5730\u5740"
     }
@@ -1446,6 +1437,7 @@
     duration: numericProp,
     className: unknownProp,
     lockScroll: truthProp,
+    lazyRender: truthProp,
     customStyle: Object
   };
   var stdin_default$1t = vue.defineComponent({
@@ -1454,7 +1446,7 @@
     setup(props, {
       slots
     }) {
-      const lazyRender = useLazyRender(() => props.show);
+      const lazyRender = useLazyRender(() => props.show || !props.lazyRender);
       const preventTouchMove = (event) => {
         preventDefault(event, true);
       };
@@ -1496,7 +1488,7 @@
     name: name$1l,
     inheritAttrs: false,
     props: popupProps$2,
-    emits: ["open", "close", "opened", "closed", "update:show", "click-overlay", "click-close-icon"],
+    emits: ["open", "close", "opened", "closed", "keydown", "update:show", "click-overlay", "click-close-icon"],
     setup(props, {
       emit,
       attrs,
@@ -1576,6 +1568,7 @@
       };
       const onOpened = () => emit("opened");
       const onClosed = () => emit("closed");
+      const onKeydown = (event) => emit("keydown", event);
       const renderPopup = lazyRender(() => {
         var _a;
         const {
@@ -1591,7 +1584,8 @@
             [position]: position
           }), {
             "van-safe-area-bottom": safeAreaInsetBottom
-          }]
+          }],
+          "onKeydown": onKeydown
         }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[vue.vShow, props.show]]);
       });
       const renderTransition = () => {
@@ -1613,6 +1607,12 @@
       vue.watch(() => props.show, (show) => {
         if (show && !opened) {
           open();
+          if (attrs.tabindex === 0) {
+            vue.nextTick(() => {
+              var _a;
+              (_a = popupRef.value) == null ? void 0 : _a.focus();
+            });
+          }
         }
         if (!show && opened) {
           opened = false;
@@ -2528,7 +2528,9 @@
       vue.watch(() => props.areaList, setValues, {
         deep: true
       });
-      vue.watch(() => props.columnsNum, () => vue.nextTick(setValues));
+      vue.watch(() => props.columnsNum, () => {
+        vue.nextTick(setValues);
+      });
       useExpose({
         reset,
         getArea,
@@ -2826,7 +2828,8 @@
     return new Promise((resolve) => {
       const returnVal = rule.validator(value, rule);
       if (isPromise(returnVal)) {
-        return returnVal.then(resolve);
+        returnVal.then(resolve);
+        return;
       }
       resolve(returnVal);
     });
@@ -3364,7 +3367,7 @@
     }
   }
   const [name$1d, bem$19] = createNamespace("toast");
-  const popupInheritProps = ["show", "overlay", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
+  const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
   const toastProps = {
     icon: String,
     show: Boolean,
@@ -3374,6 +3377,7 @@
     iconSize: numericProp,
     duration: makeNumberProp(2e3),
     position: makeStringProp("middle"),
+    teleport: [String, Object],
     className: unknownProp,
     iconPrefix: String,
     transition: makeStringProp("van-fade"),
@@ -3675,7 +3679,8 @@
     }
   });
   const Switch = withInstall(stdin_default$1j);
-  const [name$1b, bem$17, t$i] = createNamespace("address-edit-detail");
+  const [name$1b, bem$17] = createNamespace("address-edit-detail");
+  const t$i = createNamespace("address-edit")[2];
   var stdin_default$1i = vue.defineComponent({
     name: name$1b,
     props: {
@@ -3738,11 +3743,11 @@
             "rows": props.rows,
             "type": "textarea",
             "rules": props.rules,
-            "label": t$i("label"),
+            "label": t$i("addressDetail"),
             "border": !showSearchResult(),
             "maxlength": props.maxlength,
             "modelValue": props.value,
-            "placeholder": t$i("placeholder"),
+            "placeholder": t$i("addressDetail"),
             "onBlur": onBlur,
             "onFocus": onFocus,
             "onUpdate:modelValue": onInput
@@ -4142,7 +4147,7 @@
         }
         const CloseIcon = closeable && vue.createVNode(Icon, {
           "name": "cross",
-          "class": bem$14("close"),
+          "class": [bem$14("close"), HAPTICS_FEEDBACK],
           "onClick": onClose
         }, null);
         return vue.createVNode("span", {
@@ -4561,9 +4566,13 @@
   };
   const useHeight = (element) => {
     const height2 = vue.ref();
-    vue.onMounted(() => vue.nextTick(() => {
+    const setHeight = () => {
       height2.value = useRect(element).height;
-    }));
+    };
+    vue.onMounted(() => {
+      vue.nextTick(setHeight);
+      setTimeout(setHeight, 100);
+    });
     return height2;
   };
   const [name$13] = createNamespace("calendar-day");
@@ -4800,7 +4809,7 @@
             return t$f(dayType);
           }
           if (dayType === "start-end") {
-            return t$f("startEnd");
+            return `${t$f("start")}/${t$f("end")}`;
           }
         }
       };
@@ -5192,7 +5201,12 @@
             if (compareToStart === 1) {
               const disabledDay = getDisabledDate(disabledDays.value, startDay, date);
               if (disabledDay) {
-                select([startDay, getPrevDay(disabledDay)]);
+                const endDay2 = getPrevDay(disabledDay);
+                if (compareDay(startDay, endDay2) === -1) {
+                  select([startDay, endDay2]);
+                } else {
+                  select([date]);
+                }
               } else {
                 select([startDay, date], true);
               }
@@ -5316,6 +5330,7 @@
     src: String,
     alt: String,
     fit: String,
+    position: String,
     round: Boolean,
     width: numericProp,
     height: numericProp,
@@ -5397,7 +5412,8 @@
           alt: props.alt,
           class: bem$$("img"),
           style: {
-            objectFit: props.fit
+            objectFit: props.fit,
+            objectPosition: props.position
           }
         };
         if (props.lazyLoad) {
@@ -5414,8 +5430,15 @@
       const onLazyLoaded = ({
         el
       }) => {
-        if (el === imageRef.value && loading.value) {
-          onLoad();
+        const check = () => {
+          if (el === imageRef.value && loading.value) {
+            onLoad();
+          }
+        };
+        if (imageRef.value) {
+          check();
+        } else {
+          vue.nextTick(check);
         }
       };
       const onLazyLoadError = ({
@@ -6727,6 +6750,7 @@
     closeable: truthProp,
     swipeable: truthProp,
     closeIcon: makeStringProp("cross"),
+    showHeader: truthProp,
     modelValue: numericProp,
     fieldNames: Object,
     placeholder: String,
@@ -6840,7 +6864,7 @@
         name: name2,
         title
       }) => emit("click-tab", name2, title);
-      const renderHeader = () => vue.createVNode("div", {
+      const renderHeader = () => props.showHeader ? vue.createVNode("div", {
         "class": bem$S("header")
       }, [vue.createVNode("h2", {
         "class": bem$S("title")
@@ -6848,7 +6872,7 @@
         "name": props.closeIcon,
         "class": [bem$S("close-icon"), HAPTICS_FEEDBACK],
         "onClick": onClose
-      }, null) : null]);
+      }, null) : null]) : null;
       const renderOption = (option, selectedOption, tabIndex) => {
         const {
           disabled
@@ -7462,7 +7486,8 @@
     name: numericProp,
     isLink: truthProp,
     disabled: Boolean,
-    readonly: Boolean
+    readonly: Boolean,
+    lazyRender: truthProp
   });
   var stdin_default$R = vue.defineComponent({
     name: name$L,
@@ -7485,7 +7510,7 @@
       });
       const expanded = vue.computed(() => parent.isExpanded(name2.value));
       const show = vue.ref(expanded.value);
-      const lazyRender = useLazyRender(show);
+      const lazyRender = useLazyRender(() => show.value || !props.lazyRender);
       const onTransitionEnd = () => {
         if (!expanded.value) {
           show.value = false;
@@ -7598,7 +7623,7 @@
       };
       const renderContent = () => {
         if (props.type === "add") {
-          return props.addText || t$d("addText");
+          return props.addText || t$d("addContact");
         }
         return [vue.createVNode("div", null, [`${t$d("name")}\uFF1A${props.name}`]), vue.createVNode("div", null, [`${t$d("tel")}\uFF1A${props.tel}`])];
       };
@@ -7791,7 +7816,7 @@
         "block": true,
         "type": "danger",
         "class": bem$H("add"),
-        "text": props.addText || t$b("addText"),
+        "text": props.addText || t$b("addContact"),
         "onClick": () => emit("add")
       }, null)])]);
     }
@@ -8584,11 +8609,12 @@
   var stdin_default$G = vue.defineComponent({
     name: name$A,
     props: dialogProps,
-    emits: ["confirm", "cancel", "update:show"],
+    emits: ["confirm", "cancel", "keydown", "update:show"],
     setup(props, {
       emit,
       slots
     }) {
+      const root = vue.ref();
       const loading = vue.reactive({
         confirm: false,
         cancel: false
@@ -8622,6 +8648,18 @@
       };
       const onCancel = getActionHandler("cancel");
       const onConfirm = getActionHandler("confirm");
+      const onKeydown = vue.withKeys((event) => {
+        var _a, _b;
+        if (event.target !== ((_b = (_a = root.value) == null ? void 0 : _a.popupRef) == null ? void 0 : _b.value)) {
+          return;
+        }
+        const onEventType = {
+          Enter: props.showConfirmButton ? onConfirm : noop,
+          Escape: props.showCancelButton ? onCancel : noop
+        };
+        onEventType[event.key]();
+        emit("keydown", event);
+      }, ["enter", "esc"]);
       const renderTitle = () => {
         const title = slots.title ? slots.title() : props.title;
         if (title) {
@@ -8731,12 +8769,15 @@
           className
         } = props;
         return vue.createVNode(Popup, vue.mergeProps({
+          "ref": root,
           "role": "dialog",
           "class": [bem$B([theme]), className],
           "style": {
             width: addUnit(width2)
           },
+          "tabindex": 0,
           "aria-labelledby": title || message,
+          "onKeydown": onKeydown,
           "onUpdate:show": updateShow
         }, pick(props, popupInheritKeys$1)), {
           default: () => [renderTitle(), renderContent(), renderFooter()]
@@ -9527,7 +9568,7 @@
         return 0;
       });
       const setScale = (scale) => {
-        scale = clamp(scale, +props.minZoom, +props.maxZoom);
+        scale = clamp(scale, +props.minZoom, +props.maxZoom + 1);
         if (scale !== state.scale) {
           state.scale = scale;
           emit("scale", {
@@ -9547,6 +9588,7 @@
         state.moveX = 0;
         state.moveY = 0;
       };
+      let fingerNum;
       let startMoveX;
       let startMoveY;
       let startScale;
@@ -9561,11 +9603,12 @@
           offsetX
         } = touch;
         touch.start(event);
+        fingerNum = touches.length;
         startMoveX = state.moveX;
         startMoveY = state.moveY;
         touchStartTime = Date.now();
-        state.moving = touches.length === 1 && state.scale !== 1;
-        state.zooming = touches.length === 2 && !offsetX.value;
+        state.moving = fingerNum === 1 && state.scale !== 1;
+        state.zooming = fingerNum === 2 && !offsetX.value;
         if (state.zooming) {
           startScale = state.scale;
           startDistance = getDistance(event.touches);
@@ -9596,13 +9639,16 @@
         }
       };
       const checkTap = () => {
+        if (fingerNum > 1) {
+          return;
+        }
         const {
           offsetX,
           offsetY
         } = touch;
         const deltaTime = Date.now() - touchStartTime;
         const TAP_TIME = 250;
-        const TAP_OFFSET = 10;
+        const TAP_OFFSET = 5;
         if (offsetX.value < TAP_OFFSET && offsetY.value < TAP_OFFSET && deltaTime < TAP_TIME) {
           if (doubleTapTimer) {
             clearTimeout(doubleTapTimer);
@@ -9636,6 +9682,9 @@
             if (state.scale < 1) {
               resetScale();
             }
+            if (state.scale > props.maxZoom) {
+              state.scale = +props.maxZoom;
+            }
           }
         }
         preventDefault(event, stopPropagation2);
@@ -9992,7 +10041,9 @@
           });
         }
       };
-      const init = () => vue.nextTick(onScroll);
+      const init = () => {
+        vue.nextTick(onScroll);
+      };
       useEventListener("scroll", onScroll, {
         target: scrollParent
       });
@@ -11369,8 +11420,8 @@
   var afterWrite = "afterWrite";
   var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
   function order(modifiers) {
-    var map = new Map();
-    var visited = new Set();
+    var map = /* @__PURE__ */ new Map();
+    var visited = /* @__PURE__ */ new Set();
     var result = [];
     modifiers.forEach(function(modifier) {
       map.set(modifier.name, modifier);
@@ -11488,7 +11539,7 @@
     });
   }
   function uniqueBy(arr, fn2) {
-    var identifiers = new Set();
+    var identifiers = /* @__PURE__ */ new Set();
     return arr.filter(function(item) {
       var identifier = fn2(item);
       if (!identifiers.has(identifier)) {
@@ -12965,7 +13016,7 @@
         }
         return rowWidth;
       };
-      const renderRows = () => Array(props.row).fill("").map((_, i) => vue.createVNode("div", {
+      const renderRows = () => Array(+props.row).fill("").map((_, i) => vue.createVNode("div", {
         "class": bem$a("row"),
         "style": {
           width: addUnit(getRowWidth(i))
@@ -14123,15 +14174,16 @@
       };
       const onSidebarChange = (index) => {
         emit("update:mainActiveIndex", index);
-        emit("click-nav", index);
       };
+      const onClickSidebarItem = (index) => emit("click-nav", index);
       const renderSidebar = () => {
         const Items = props.items.map((item) => vue.createVNode(SidebarItem, {
           "dot": item.dot,
           "title": item.text,
           "badge": item.badge,
           "class": [bem$1("nav-item"), item.className],
-          "disabled": item.disabled
+          "disabled": item.disabled,
+          "onClick": onClickSidebarItem
         }, null));
         return vue.createVNode(Sidebar, {
           "class": bem$1("nav"),
@@ -15418,7 +15470,7 @@
       });
     }
   };
-  const version = "3.4.1";
+  const version = "3.4.5";
   function install(app) {
     const components = [
       ActionBar,