vant 3.4.1 → 3.4.5

package/lib/vant.es.min.js

@@ -1,5 +1,5 @@
 import { useWindowSize, useRect, useChildren, useParent, onMountedOrActivated, getScrollParent, useEventListener, CUSTOM_FIELD_INJECTION_KEY, useCustomFieldValue, useToggle, raf, useScrollParent, usePageVisibility, doubleRaf, cancelRaf, useCountDown, useClickAway, inBrowser as inBrowser$1 } from "@vant/use";
-import { unref, ref, reactive, defineComponent, createVNode, getCurrentInstance, computed, provide, inject, mergeProps, onDeactivated, onBeforeUnmount, watch, Transition, withDirectives, vShow, onMounted, onActivated, Teleport, Fragment, nextTick, createTextVNode, createApp, onUnmounted, onBeforeUpdate, resolveDirective, onUpdated, watchEffect, h } from "vue";
+import { unref, ref, reactive, defineComponent, createVNode, getCurrentInstance, computed, provide, inject, mergeProps, onDeactivated, onBeforeUnmount, watch, Transition, withDirectives, vShow, nextTick, onMounted, onActivated, Teleport, Fragment, createTextVNode, createApp, onUnmounted, onBeforeUpdate, resolveDirective, withKeys, onUpdated, watchEffect, h } from "vue";
 import { createPopper, offsetModifier } from "@vant/popperjs";
 function noop() {
 }
@@ -237,13 +237,12 @@ var stdin_default$1D = {
   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`
@@ -251,12 +250,6 @@ var stdin_default$1D = {
   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"
@@ -266,10 +259,10 @@ var stdin_default$1D = {
     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`
   },
@@ -279,10 +272,10 @@ var stdin_default$1D = {
   },
   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",
@@ -290,12 +283,9 @@ var stdin_default$1D = {
     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"
   }
@@ -1093,6 +1083,7 @@ const overlayProps = {
   duration: numericProp,
   className: unknownProp,
   lockScroll: truthProp,
+  lazyRender: truthProp,
   customStyle: Object
 };
 var stdin_default$1t = defineComponent({
@@ -1101,7 +1092,7 @@ var stdin_default$1t = defineComponent({
   setup(props, {
     slots
   }) {
-    const lazyRender = useLazyRender(() => props.show);
+    const lazyRender = useLazyRender(() => props.show || !props.lazyRender);
     const preventTouchMove = (event) => {
       preventDefault(event, true);
     };
@@ -1143,7 +1134,7 @@ var stdin_default$1s = defineComponent({
   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,
@@ -1223,6 +1214,7 @@ var stdin_default$1s = defineComponent({
     };
     const onOpened = () => emit("opened");
     const onClosed = () => emit("closed");
+    const onKeydown = (event) => emit("keydown", event);
     const renderPopup = lazyRender(() => {
       var _a;
       const {
@@ -1238,7 +1230,8 @@ var stdin_default$1s = defineComponent({
           [position]: position
         }), {
           "van-safe-area-bottom": safeAreaInsetBottom
-        }]
+        }],
+        "onKeydown": onKeydown
       }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[vShow, props.show]]);
     });
     const renderTransition = () => {
@@ -1260,6 +1253,12 @@ var stdin_default$1s = defineComponent({
     watch(() => props.show, (show) => {
       if (show && !opened) {
         open();
+        if (attrs.tabindex === 0) {
+          nextTick(() => {
+            var _a;
+            (_a = popupRef.value) == null ? void 0 : _a.focus();
+          });
+        }
       }
       if (!show && opened) {
         opened = false;
@@ -2175,7 +2174,9 @@ var stdin_default$1o = defineComponent({
     watch(() => props.areaList, setValues, {
       deep: true
     });
-    watch(() => props.columnsNum, () => nextTick(setValues));
+    watch(() => props.columnsNum, () => {
+      nextTick(setValues);
+    });
     useExpose({
       reset,
       getArea,
@@ -2473,7 +2474,8 @@ function runRuleValidator(value, rule) {
   return new Promise((resolve) => {
     const returnVal = rule.validator(value, rule);
     if (isPromise(returnVal)) {
-      return returnVal.then(resolve);
+      returnVal.then(resolve);
+      return;
     }
     resolve(returnVal);
   });
@@ -3011,7 +3013,7 @@ function lockClick(lock) {
   }
 }
 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,
@@ -3021,6 +3023,7 @@ const toastProps = {
   iconSize: numericProp,
   duration: makeNumberProp(2e3),
   position: makeStringProp("middle"),
+  teleport: [String, Object],
   className: unknownProp,
   iconPrefix: String,
   transition: makeStringProp("van-fade"),
@@ -3322,7 +3325,8 @@ var stdin_default$1j = defineComponent({
   }
 });
 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 = defineComponent({
   name: name$1b,
   props: {
@@ -3385,11 +3389,11 @@ var stdin_default$1i = defineComponent({
           "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
@@ -3789,7 +3793,7 @@ var stdin_default$1f = defineComponent({
       }
       const CloseIcon = closeable && createVNode(Icon, {
         "name": "cross",
-        "class": bem$14("close"),
+        "class": [bem$14("close"), HAPTICS_FEEDBACK],
         "onClick": onClose
       }, null);
       return createVNode("span", {
@@ -4208,9 +4212,13 @@ const proxyPickerMethods = (picker, callback) => {
 };
 const useHeight = (element) => {
   const height = ref();
-  onMounted(() => nextTick(() => {
+  const setHeight = () => {
     height.value = useRect(element).height;
-  }));
+  };
+  onMounted(() => {
+    nextTick(setHeight);
+    setTimeout(setHeight, 100);
+  });
   return height;
 };
 const [name$13] = createNamespace("calendar-day");
@@ -4447,7 +4455,7 @@ var stdin_default$19 = defineComponent({
           return t$f(dayType);
         }
         if (dayType === "start-end") {
-          return t$f("startEnd");
+          return `${t$f("start")}/${t$f("end")}`;
         }
       }
     };
@@ -4839,7 +4847,12 @@ var stdin_default$17 = defineComponent({
           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);
             }
@@ -4963,6 +4976,7 @@ const imageProps = {
   src: String,
   alt: String,
   fit: String,
+  position: String,
   round: Boolean,
   width: numericProp,
   height: numericProp,
@@ -5044,7 +5058,8 @@ var stdin_default$16 = defineComponent({
         alt: props.alt,
         class: bem$$("img"),
         style: {
-          objectFit: props.fit
+          objectFit: props.fit,
+          objectPosition: props.position
         }
       };
       if (props.lazyLoad) {
@@ -5061,8 +5076,15 @@ var stdin_default$16 = defineComponent({
     const onLazyLoaded = ({
       el
     }) => {
-      if (el === imageRef.value && loading.value) {
-        onLoad();
+      const check = () => {
+        if (el === imageRef.value && loading.value) {
+          onLoad();
+        }
+      };
+      if (imageRef.value) {
+        check();
+      } else {
+        nextTick(check);
       }
     };
     const onLazyLoadError = ({
@@ -6374,6 +6396,7 @@ const cascaderProps = {
   closeable: truthProp,
   swipeable: truthProp,
   closeIcon: makeStringProp("cross"),
+  showHeader: truthProp,
   modelValue: numericProp,
   fieldNames: Object,
   placeholder: String,
@@ -6487,7 +6510,7 @@ var stdin_default$Z = defineComponent({
       name: name2,
       title
     }) => emit("click-tab", name2, title);
-    const renderHeader = () => createVNode("div", {
+    const renderHeader = () => props.showHeader ? createVNode("div", {
       "class": bem$S("header")
     }, [createVNode("h2", {
       "class": bem$S("title")
@@ -6495,7 +6518,7 @@ var stdin_default$Z = defineComponent({
       "name": props.closeIcon,
       "class": [bem$S("close-icon"), HAPTICS_FEEDBACK],
       "onClick": onClose
-    }, null) : null]);
+    }, null) : null]) : null;
     const renderOption = (option, selectedOption, tabIndex) => {
       const {
         disabled
@@ -7109,7 +7132,8 @@ const collapseItemProps = extend({}, cellSharedProps, {
   name: numericProp,
   isLink: truthProp,
   disabled: Boolean,
-  readonly: Boolean
+  readonly: Boolean,
+  lazyRender: truthProp
 });
 var stdin_default$R = defineComponent({
   name: name$L,
@@ -7132,7 +7156,7 @@ var stdin_default$R = defineComponent({
     });
     const expanded = computed(() => parent.isExpanded(name2.value));
     const show = ref(expanded.value);
-    const lazyRender = useLazyRender(show);
+    const lazyRender = useLazyRender(() => show.value || !props.lazyRender);
     const onTransitionEnd = () => {
       if (!expanded.value) {
         show.value = false;
@@ -7245,7 +7269,7 @@ var stdin_default$Q = defineComponent({
     };
     const renderContent = () => {
       if (props.type === "add") {
-        return props.addText || t$d("addText");
+        return props.addText || t$d("addContact");
       }
       return [createVNode("div", null, [`${t$d("name")}\uFF1A${props.name}`]), createVNode("div", null, [`${t$d("tel")}\uFF1A${props.tel}`])];
     };
@@ -7438,7 +7462,7 @@ var stdin_default$O = defineComponent({
       "block": true,
       "type": "danger",
       "class": bem$H("add"),
-      "text": props.addText || t$b("addText"),
+      "text": props.addText || t$b("addContact"),
       "onClick": () => emit("add")
     }, null)])]);
   }
@@ -8231,11 +8255,12 @@ const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopsta
 var stdin_default$G = defineComponent({
   name: name$A,
   props: dialogProps,
-  emits: ["confirm", "cancel", "update:show"],
+  emits: ["confirm", "cancel", "keydown", "update:show"],
   setup(props, {
     emit,
     slots
   }) {
+    const root = ref();
     const loading = reactive({
       confirm: false,
       cancel: false
@@ -8269,6 +8294,18 @@ var stdin_default$G = defineComponent({
     };
     const onCancel = getActionHandler("cancel");
     const onConfirm = getActionHandler("confirm");
+    const onKeydown = 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) {
@@ -8378,12 +8415,15 @@ var stdin_default$G = defineComponent({
         className
       } = props;
       return createVNode(Popup, mergeProps({
+        "ref": root,
         "role": "dialog",
         "class": [bem$B([theme]), className],
         "style": {
           width: addUnit(width)
         },
+        "tabindex": 0,
         "aria-labelledby": title || message,
+        "onKeydown": onKeydown,
         "onUpdate:show": updateShow
       }, pick(props, popupInheritKeys$1)), {
         default: () => [renderTitle(), renderContent(), renderFooter()]
@@ -9174,7 +9214,7 @@ var stdin_default$z = defineComponent({
       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", {
@@ -9194,6 +9234,7 @@ var stdin_default$z = defineComponent({
       state.moveX = 0;
       state.moveY = 0;
     };
+    let fingerNum;
     let startMoveX;
     let startMoveY;
     let startScale;
@@ -9208,11 +9249,12 @@ var stdin_default$z = defineComponent({
         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);
@@ -9243,13 +9285,16 @@ var stdin_default$z = defineComponent({
       }
     };
     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);
@@ -9283,6 +9328,9 @@ var stdin_default$z = defineComponent({
           if (state.scale < 1) {
             resetScale();
           }
+          if (state.scale > props.maxZoom) {
+            state.scale = +props.maxZoom;
+          }
         }
       }
       preventDefault(event, stopPropagation2);
@@ -9639,7 +9687,9 @@ var stdin_default$x = defineComponent({
         });
       }
     };
-    const init = () => nextTick(onScroll);
+    const init = () => {
+      nextTick(onScroll);
+    };
     useEventListener("scroll", onScroll, {
       target: scrollParent
     });
@@ -11755,7 +11805,7 @@ var stdin_default$f = defineComponent({
       }
       return rowWidth;
     };
-    const renderRows = () => Array(props.row).fill("").map((_, i) => createVNode("div", {
+    const renderRows = () => Array(+props.row).fill("").map((_, i) => createVNode("div", {
       "class": bem$a("row"),
       "style": {
         width: addUnit(getRowWidth(i))
@@ -12913,15 +12963,16 @@ var stdin_default$6 = defineComponent({
     };
     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) => 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 createVNode(Sidebar, {
         "class": bem$1("nav"),
@@ -14208,7 +14259,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.4.1";
+const version = "3.4.5";
 function install(app) {
   const components = [
     ActionBar,