vant 3.4.3 → 3.4.6

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",
@@ -1480,6 +1480,7 @@
     iconPrefix: String,
     closeOnPopstate: Boolean,
     closeIconPosition: makeStringProp("top-right"),
+    safeAreaInsetTop: Boolean,
     safeAreaInsetBottom: Boolean
   });
   const [name$1l, bem$1h] = createNamespace("popup");
@@ -1488,7 +1489,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,11 +1569,13 @@
       };
       const onOpened = () => emit("opened");
       const onClosed = () => emit("closed");
+      const onKeydown = (event) => emit("keydown", event);
       const renderPopup = lazyRender(() => {
         var _a;
         const {
           round: round2,
           position,
+          safeAreaInsetTop,
           safeAreaInsetBottom
         } = props;
         return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
@@ -1582,8 +1585,10 @@
             round: round2,
             [position]: position
           }), {
+            "van-safe-area-top": safeAreaInsetTop,
             "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 +1610,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;
@@ -2520,7 +2531,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,
@@ -2818,7 +2831,8 @@
     return new Promise((resolve) => {
       const returnVal = rule.validator(value, rule);
       if (isPromise(returnVal)) {
-        return returnVal.then(resolve);
+        returnVal.then(resolve);
+        return;
       }
       resolve(returnVal);
     });
@@ -3356,7 +3370,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,
@@ -3366,6 +3380,7 @@
     iconSize: numericProp,
     duration: makeNumberProp(2e3),
     position: makeStringProp("middle"),
+    teleport: [String, Object],
     className: unknownProp,
     iconPrefix: String,
     transition: makeStringProp("van-fade"),
@@ -3431,6 +3446,7 @@
         } = props;
         if (isDef(message) && message !== "") {
           return type === "html" ? vue.createVNode("div", {
+            "key": 0,
             "class": bem$19("text"),
             "innerHTML": String(message)
           }, null) : vue.createVNode("div", {
@@ -4954,6 +4970,7 @@
     showRangePrompt: truthProp,
     confirmDisabledText: String,
     closeOnClickOverlay: truthProp,
+    safeAreaInsetTop: Boolean,
     safeAreaInsetBottom: truthProp,
     minDate: {
       type: Date,
@@ -5302,6 +5319,7 @@
             "closeable": props.showTitle || props.showSubtitle,
             "teleport": props.teleport,
             "closeOnPopstate": props.closeOnPopstate,
+            "safeAreaInsetTop": props.safeAreaInsetTop,
             "closeOnClickOverlay": props.closeOnClickOverlay,
             "onUpdate:show": updateShow
           }, {
@@ -7474,7 +7492,8 @@
     name: numericProp,
     isLink: truthProp,
     disabled: Boolean,
-    readonly: Boolean
+    readonly: Boolean,
+    lazyRender: truthProp
   });
   var stdin_default$R = vue.defineComponent({
     name: name$L,
@@ -7497,7 +7516,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;
@@ -8596,11 +8615,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
@@ -8634,6 +8654,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) {
@@ -8743,12 +8775,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()]
@@ -10012,7 +10047,9 @@
           });
         }
       };
-      const init = () => vue.nextTick(onScroll);
+      const init = () => {
+        vue.nextTick(onScroll);
+      };
       useEventListener("scroll", onScroll, {
         target: scrollParent
       });
@@ -10370,10 +10407,10 @@
           "ref": navBarRef,
           "style": style,
           "class": [bem$p({
-            fixed,
-            "safe-area-inset-top": props.safeAreaInsetTop
+            fixed
           }), {
-            [BORDER_BOTTOM]: border
+            [BORDER_BOTTOM]: border,
+            "van-safe-area-top": props.safeAreaInsetTop
           }]
         }, [vue.createVNode("div", {
           "class": bem$p("content")
@@ -11389,8 +11426,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);
@@ -11508,7 +11545,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)) {
@@ -12951,9 +12988,11 @@
   };
   var stdin_default$f = vue.defineComponent({
     name: name$a,
+    inheritAttrs: false,
     props: skeletonProps,
     setup(props, {
-      slots
+      slots,
+      attrs
     }) {
       const renderAvatar = () => {
         if (props.avatar) {
@@ -12996,12 +13035,12 @@
         if (!props.loading) {
           return (_a = slots.default) == null ? void 0 : _a.call(slots);
         }
-        return vue.createVNode("div", {
+        return vue.createVNode("div", vue.mergeProps({
           "class": bem$a({
             animate: props.animate,
             round: props.round
           })
-        }, [renderAvatar(), vue.createVNode("div", {
+        }, attrs), [renderAvatar(), vue.createVNode("div", {
           "class": bem$a("content")
         }, [renderTitle(), renderRows()])]);
       };
@@ -13892,7 +13931,7 @@
         return vue.createVNode("div", {
           "ref": root,
           "class": bem$4(),
-          "onClick": getClickHandler("cell"),
+          "onClick": getClickHandler("cell", lockClick2),
           "onTouchstart": onTouchStart,
           "onTouchmove": onTouchMove,
           "onTouchend": onTouchEnd,
@@ -15439,7 +15478,7 @@
       });
     }
   };
-  const version = "3.4.3";
+  const version = "3.4.6";
   function install(app) {
     const components = [
       ActionBar,