vant 3.4.4 → 3.4.5

package/lib/vant.es.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() {
 }
@@ -259,7 +259,7 @@ var stdin_default$1D = {
     loosing: "\u91CA\u653E\u5373\u53EF\u5237\u65B0..."
   },
   vanSubmitBar: {
-    label: "\u5408\u8BA1\uFF1A"
+    label: "\u5408\u8BA1:"
   },
   vanCoupon: {
     unlimited: "\u65E0\u95E8\u69DB",
@@ -1134,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,
@@ -1214,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 {
@@ -1229,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 = () => {
@@ -1251,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;
@@ -3005,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,
@@ -3015,6 +3023,7 @@ const toastProps = {
   iconSize: numericProp,
   duration: makeNumberProp(2e3),
   position: makeStringProp("middle"),
+  teleport: [String, Object],
   className: unknownProp,
   iconPrefix: String,
   transition: makeStringProp("van-fade"),
@@ -7123,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,
@@ -7146,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;
@@ -8245,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
@@ -8283,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) {
@@ -8392,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()]
@@ -14233,7 +14259,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.4.4";
+const version = "3.4.5";
 function install(app) {
   const components = [
     ActionBar,

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() {
 }
@@ -259,7 +259,7 @@ var stdin_default$1D = {
     loosing: "\u91CA\u653E\u5373\u53EF\u5237\u65B0..."
   },
   vanSubmitBar: {
-    label: "\u5408\u8BA1\uFF1A"
+    label: "\u5408\u8BA1:"
   },
   vanCoupon: {
     unlimited: "\u65E0\u95E8\u69DB",
@@ -1134,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,
@@ -1214,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 {
@@ -1229,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 = () => {
@@ -1251,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;
@@ -3005,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,
@@ -3015,6 +3023,7 @@ const toastProps = {
   iconSize: numericProp,
   duration: makeNumberProp(2e3),
   position: makeStringProp("middle"),
+  teleport: [String, Object],
   className: unknownProp,
   iconPrefix: String,
   transition: makeStringProp("van-fade"),
@@ -7123,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,
@@ -7146,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;
@@ -8245,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
@@ -8283,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) {
@@ -8392,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()]
@@ -14233,7 +14259,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.4.4";
+const version = "3.4.5";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -613,7 +613,7 @@
       loosing: "\u91CA\u653E\u5373\u53EF\u5237\u65B0..."
     },
     vanSubmitBar: {
-      label: "\u5408\u8BA1\uFF1A"
+      label: "\u5408\u8BA1:"
     },
     vanCoupon: {
       unlimited: "\u65E0\u95E8\u69DB",
@@ -1488,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,
@@ -1568,6 +1568,7 @@
       };
       const onOpened = () => emit("opened");
       const onClosed = () => emit("closed");
+      const onKeydown = (event) => emit("keydown", event);
       const renderPopup = lazyRender(() => {
         var _a;
         const {
@@ -1583,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 = () => {
@@ -1605,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;
@@ -3359,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,
@@ -3369,6 +3377,7 @@
     iconSize: numericProp,
     duration: makeNumberProp(2e3),
     position: makeStringProp("middle"),
+    teleport: [String, Object],
     className: unknownProp,
     iconPrefix: String,
     transition: makeStringProp("van-fade"),
@@ -7477,7 +7486,8 @@
     name: numericProp,
     isLink: truthProp,
     disabled: Boolean,
-    readonly: Boolean
+    readonly: Boolean,
+    lazyRender: truthProp
   });
   var stdin_default$R = vue.defineComponent({
     name: name$L,
@@ -7500,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;
@@ -8599,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
@@ -8637,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) {
@@ -8746,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()]
@@ -11394,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);
@@ -11513,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)) {
@@ -15444,7 +15470,7 @@
       });
     }
   };
-  const version = "3.4.4";
+  const version = "3.4.5";
   function install(app) {
     const components = [
       ActionBar,