vant 3.4.1 → 3.4.5

package/lib/vant.cjs.js

@@ -240,13 +240,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`
@@ -254,12 +253,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"
@@ -269,10 +262,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`
   },
@@ -282,10 +275,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",
@@ -293,12 +286,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"
   }
@@ -1096,6 +1086,7 @@ const overlayProps = {
   duration: numericProp,
   className: unknownProp,
   lockScroll: truthProp,
+  lazyRender: truthProp,
   customStyle: Object
 };
 var stdin_default$1t = vue.defineComponent({
@@ -1104,7 +1095,7 @@ var stdin_default$1t = vue.defineComponent({
   setup(props, {
     slots
   }) {
-    const lazyRender = useLazyRender(() => props.show);
+    const lazyRender = useLazyRender(() => props.show || !props.lazyRender);
     const preventTouchMove = (event) => {
       preventDefault(event, true);
     };
@@ -1146,7 +1137,7 @@ var stdin_default$1s = vue.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,
@@ -1226,6 +1217,7 @@ var stdin_default$1s = vue.defineComponent({
     };
     const onOpened = () => emit("opened");
     const onClosed = () => emit("closed");
+    const onKeydown = (event) => emit("keydown", event);
     const renderPopup = lazyRender(() => {
       var _a;
       const {
@@ -1241,7 +1233,8 @@ var stdin_default$1s = vue.defineComponent({
           [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 = () => {
@@ -1263,6 +1256,12 @@ var stdin_default$1s = vue.defineComponent({
     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;
@@ -2178,7 +2177,9 @@ var stdin_default$1o = vue.defineComponent({
     vue.watch(() => props.areaList, setValues, {
       deep: true
     });
-    vue.watch(() => props.columnsNum, () => vue.nextTick(setValues));
+    vue.watch(() => props.columnsNum, () => {
+      vue.nextTick(setValues);
+    });
     useExpose({
       reset,
       getArea,
@@ -2476,7 +2477,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);
   });
@@ -3014,7 +3016,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,
@@ -3024,6 +3026,7 @@ const toastProps = {
   iconSize: numericProp,
   duration: makeNumberProp(2e3),
   position: makeStringProp("middle"),
+  teleport: [String, Object],
   className: unknownProp,
   iconPrefix: String,
   transition: makeStringProp("van-fade"),
@@ -3325,7 +3328,8 @@ var stdin_default$1j = vue.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 = vue.defineComponent({
   name: name$1b,
   props: {
@@ -3388,11 +3392,11 @@ var stdin_default$1i = vue.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
@@ -3792,7 +3796,7 @@ var stdin_default$1f = vue.defineComponent({
       }
       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", {
@@ -4211,9 +4215,13 @@ const proxyPickerMethods = (picker, callback) => {
 };
 const useHeight = (element) => {
   const height = vue.ref();
-  vue.onMounted(() => vue.nextTick(() => {
+  const setHeight = () => {
     height.value = use.useRect(element).height;
-  }));
+  };
+  vue.onMounted(() => {
+    vue.nextTick(setHeight);
+    setTimeout(setHeight, 100);
+  });
   return height;
 };
 const [name$13] = createNamespace("calendar-day");
@@ -4450,7 +4458,7 @@ var stdin_default$19 = vue.defineComponent({
           return t$f(dayType);
         }
         if (dayType === "start-end") {
-          return t$f("startEnd");
+          return `${t$f("start")}/${t$f("end")}`;
         }
       }
     };
@@ -4842,7 +4850,12 @@ var stdin_default$17 = vue.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);
             }
@@ -4966,6 +4979,7 @@ const imageProps = {
   src: String,
   alt: String,
   fit: String,
+  position: String,
   round: Boolean,
   width: numericProp,
   height: numericProp,
@@ -5047,7 +5061,8 @@ var stdin_default$16 = vue.defineComponent({
         alt: props.alt,
         class: bem$$("img"),
         style: {
-          objectFit: props.fit
+          objectFit: props.fit,
+          objectPosition: props.position
         }
       };
       if (props.lazyLoad) {
@@ -5064,8 +5079,15 @@ var stdin_default$16 = vue.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 {
+        vue.nextTick(check);
       }
     };
     const onLazyLoadError = ({
@@ -6377,6 +6399,7 @@ const cascaderProps = {
   closeable: truthProp,
   swipeable: truthProp,
   closeIcon: makeStringProp("cross"),
+  showHeader: truthProp,
   modelValue: numericProp,
   fieldNames: Object,
   placeholder: String,
@@ -6490,7 +6513,7 @@ var stdin_default$Z = vue.defineComponent({
       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")
@@ -6498,7 +6521,7 @@ var stdin_default$Z = vue.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
@@ -7112,7 +7135,8 @@ const collapseItemProps = extend({}, cellSharedProps, {
   name: numericProp,
   isLink: truthProp,
   disabled: Boolean,
-  readonly: Boolean
+  readonly: Boolean,
+  lazyRender: truthProp
 });
 var stdin_default$R = vue.defineComponent({
   name: name$L,
@@ -7135,7 +7159,7 @@ var stdin_default$R = vue.defineComponent({
     });
     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;
@@ -7248,7 +7272,7 @@ var stdin_default$Q = vue.defineComponent({
     };
     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}`])];
     };
@@ -7441,7 +7465,7 @@ var stdin_default$O = vue.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)])]);
   }
@@ -8234,11 +8258,12 @@ const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopsta
 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
@@ -8272,6 +8297,18 @@ var stdin_default$G = vue.defineComponent({
     };
     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) {
@@ -8381,12 +8418,15 @@ var stdin_default$G = vue.defineComponent({
         className
       } = props;
       return vue.createVNode(Popup, vue.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()]
@@ -9177,7 +9217,7 @@ var stdin_default$z = vue.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", {
@@ -9197,6 +9237,7 @@ var stdin_default$z = vue.defineComponent({
       state.moveX = 0;
       state.moveY = 0;
     };
+    let fingerNum;
     let startMoveX;
     let startMoveY;
     let startScale;
@@ -9211,11 +9252,12 @@ var stdin_default$z = vue.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);
@@ -9246,13 +9288,16 @@ var stdin_default$z = vue.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);
@@ -9286,6 +9331,9 @@ var stdin_default$z = vue.defineComponent({
           if (state.scale < 1) {
             resetScale();
           }
+          if (state.scale > props.maxZoom) {
+            state.scale = +props.maxZoom;
+          }
         }
       }
       preventDefault(event, stopPropagation2);
@@ -9642,7 +9690,9 @@ var stdin_default$x = vue.defineComponent({
         });
       }
     };
-    const init = () => vue.nextTick(onScroll);
+    const init = () => {
+      vue.nextTick(onScroll);
+    };
     use.useEventListener("scroll", onScroll, {
       target: scrollParent
     });
@@ -11758,7 +11808,7 @@ var stdin_default$f = vue.defineComponent({
       }
       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))
@@ -12916,15 +12966,16 @@ var stdin_default$6 = vue.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) => 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"),
@@ -14211,7 +14262,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.4.1";
+const version = "3.4.5";
 function install(app) {
   const components = [
     ActionBar,