vant 3.6.4 → 3.6.6

package/es/cell/Cell.mjs

@@ -78,7 +78,7 @@ var stdin_default = defineComponent({
         return slots["right-icon"]();
       }
       if (props.isLink) {
-        const name2 = props.arrowDirection ? `arrow-${props.arrowDirection}` : "arrow";
+        const name2 = props.arrowDirection && props.arrowDirection !== "right" ? `arrow-${props.arrowDirection}` : "arrow";
         return _createVNode(Icon, {
           "name": name2,
           "class": bem("right-icon")

package/es/image-preview/ImagePreview.mjs

@@ -103,7 +103,9 @@ var stdin_default = defineComponent({
         "rootHeight": state.rootHeight,
         "onScale": emitScale,
         "onClose": emitClose
-      }, null))]
+      }, {
+        image: slots.image
+      }))]
     });
     const renderClose = () => {
       if (props.closeable) {

package/es/image-preview/ImagePreviewItem.mjs

@@ -20,7 +20,8 @@ var stdin_default = defineComponent({
   },
   emits: ["scale", "close"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const state = reactive({
       scale: 1,
@@ -238,7 +239,11 @@ var stdin_default = defineComponent({
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, {
-        default: () => [_createVNode(Image, {
+        default: () => [slots.image ? _createVNode("div", {
+          "class": bem("image-wrap")
+        }, [slots.image({
+          src: props.src
+        })]) : _createVNode(Image, {
           "src": props.src,
           "fit": "contain",
           "class": bem("image", {

package/es/image-preview/index.css

@@ -1 +1 @@
-:root{--van-image-preview-index-text-color: var(--van-white);--van-image-preview-index-font-size: var(--van-font-size-md);--van-image-preview-index-line-height: var(--van-line-height-md);--van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8);--van-image-preview-overlay-background-color: rgba(0, 0, 0, .9);--van-image-preview-close-icon-size: 22px;--van-image-preview-close-icon-color: var(--van-gray-5);--van-image-preview-close-icon-margin: var(--van-padding-md);--van-image-preview-close-icon-z-index: 1}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;transform:none}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image{width:100%;transition-property:transform}.van-image-preview__image--vertical{width:auto;height:100%}.van-image-preview__image img{-webkit-user-drag:none}.van-image-preview__image .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:var(--van-padding-md);left:50%;color:var(--van-image-preview-index-text-color);font-size:var(--van-image-preview-index-font-size);line-height:var(--van-image-preview-index-line-height);text-shadow:var(--van-image-preview-index-text-shadow);transform:translate(-50%)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background-color)}.van-image-preview__close-icon{position:absolute;z-index:var(--van-image-preview-close-icon-z-index);color:var(--van-image-preview-close-icon-color);font-size:var(--van-image-preview-close-icon-size)}.van-image-preview__close-icon--top-left{top:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{top:var(--van-image-preview-close-icon-margin);right:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-left{bottom:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-right{right:var(--van-image-preview-close-icon-margin);bottom:var(--van-image-preview-close-icon-margin)}
+:root{--van-image-preview-index-text-color: var(--van-white);--van-image-preview-index-font-size: var(--van-font-size-md);--van-image-preview-index-line-height: var(--van-line-height-md);--van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8);--van-image-preview-overlay-background-color: rgba(0, 0, 0, .9);--van-image-preview-close-icon-size: 22px;--van-image-preview-close-icon-color: var(--van-gray-5);--van-image-preview-close-icon-margin: var(--van-padding-md);--van-image-preview-close-icon-z-index: 1}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;transform:none}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image,.van-image-preview__image-wrap{width:100%;transition-property:transform}.van-image-preview__image--vertical,.van-image-preview__image-wrap--vertical{width:auto;height:100%}.van-image-preview__image img,.van-image-preview__image-wrap img,.van-image-preview__image video,.van-image-preview__image-wrap video{-webkit-user-drag:none}.van-image-preview__image .van-image__error,.van-image-preview__image-wrap .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon,.van-image-preview__image-wrap .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading,.van-image-preview__image-wrap .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:var(--van-padding-md);left:50%;color:var(--van-image-preview-index-text-color);font-size:var(--van-image-preview-index-font-size);line-height:var(--van-image-preview-index-line-height);text-shadow:var(--van-image-preview-index-text-shadow);transform:translate(-50%)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background-color)}.van-image-preview__close-icon{position:absolute;z-index:var(--van-image-preview-close-icon-z-index);color:var(--van-image-preview-close-icon-color);font-size:var(--van-image-preview-close-icon-size)}.van-image-preview__close-icon--top-left{top:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{top:var(--van-image-preview-close-icon-margin);right:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-left{bottom:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-right{right:var(--van-image-preview-close-icon-margin);bottom:var(--van-image-preview-close-icon-margin)}

package/es/image-preview/index.less

@@ -38,7 +38,8 @@
     left: 0;
   }
 
-  &__image {
+  &__image,
+  &__image-wrap {
     width: 100%;
     transition-property: transform;
 
@@ -47,7 +48,8 @@
       height: 100%;
     }
 
-    img {
+    img,
+    video {
       // disable desktop browser image drag
       -webkit-user-drag: none;
     }

package/es/index.d.ts

@@ -91,4 +91,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.6.4";
+export const version: "3.6.6";

package/es/index.mjs

@@ -84,7 +84,7 @@ import { Tag } from "./tag/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "3.6.4";
+const version = "3.6.6";
 function install(app) {
   const components = [
     ActionBar,

package/es/lazyload/vue-lazyload/lazy-image.mjs

@@ -1,6 +1,7 @@
 import { useRect } from "@vant/use";
 import { loadImageAsync } from "./util.mjs";
 import { noop } from "../../utils/index.mjs";
+import { h } from "vue";
 var stdin_default = (lazyManager) => ({
   props: {
     src: [String, Object],
@@ -9,15 +10,14 @@ var stdin_default = (lazyManager) => ({
       default: "img"
     }
   },
-  render(h) {
+  render() {
+    var _a, _b;
     return h(
       this.tag,
       {
-        attrs: {
-          src: this.renderSrc
-        }
+        src: this.renderSrc
       },
-      this.$slots.default
+      (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)
     );
   },
   data() {

package/es/list/List.mjs

@@ -25,7 +25,7 @@ var stdin_default = defineComponent({
     emit,
     slots
   }) {
-    const loading = ref(false);
+    const loading = ref(props.loading);
     const root = ref();
     const placeholder = ref();
     const tabStatus = useTabStatus();

package/es/number-keyboard/NumberKeyboard.mjs

@@ -1,4 +1,4 @@
-import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
+import { withDirectives as _withDirectives, mergeProps as _mergeProps, vShow as _vShow, createVNode as _createVNode } from "vue";
 import { ref, watch, computed, Teleport, Transition, defineComponent } from "vue";
 import { truthProp, numericProp, getZIndexStyle, makeStringProp, makeNumericProp, stopPropagation, createNamespace, HAPTICS_FEEDBACK } from "../utils/index.mjs";
 import { useClickAway } from "@vant/use";
@@ -37,11 +37,13 @@ function shuffle(array) {
 }
 var stdin_default = defineComponent({
   name,
+  inheritAttrs: false,
   props: numberKeyboardProps,
   emits: ["show", "hide", "blur", "input", "close", "delete", "update:modelValue"],
   setup(props, {
     emit,
-    slots
+    slots,
+    attrs
   }) {
     const root = ref();
     const genBasicKeys = () => {
@@ -197,7 +199,7 @@ var stdin_default = defineComponent({
       const Content = _createVNode(Transition, {
         "name": props.transition ? "van-slide-up" : ""
       }, {
-        default: () => [_withDirectives(_createVNode("div", {
+        default: () => [_withDirectives(_createVNode("div", _mergeProps({
           "ref": root,
           "style": getZIndexStyle(props.zIndex),
           "class": bem({
@@ -206,7 +208,7 @@ var stdin_default = defineComponent({
           }),
           "onAnimationend": onAnimationEnd,
           "onTouchstartPassive": stopPropagation
-        }, [Title, _createVNode("div", {
+        }, attrs), [Title, _createVNode("div", {
           "class": bem("body")
         }, [_createVNode("div", {
           "class": bem("keys")

package/lib/cell/Cell.js

@@ -101,7 +101,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return slots["right-icon"]();
       }
       if (props.isLink) {
-        const name2 = props.arrowDirection ? `arrow-${props.arrowDirection}` : "arrow";
+        const name2 = props.arrowDirection && props.arrowDirection !== "right" ? `arrow-${props.arrowDirection}` : "arrow";
         return (0, import_vue.createVNode)(import_icon.Icon, {
           "name": name2,
           "class": bem("right-icon")

package/lib/image-preview/ImagePreview.js

@@ -131,7 +131,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "rootHeight": state.rootHeight,
         "onScale": emitScale,
         "onClose": emitClose
-      }, null))]
+      }, {
+        image: slots.image
+      }))]
     });
     const renderClose = () => {
       if (props.closeable) {

package/lib/image-preview/ImagePreviewItem.js

@@ -42,7 +42,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
   },
   emits: ["scale", "close"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const state = (0, import_vue2.reactive)({
       scale: 1,
@@ -260,7 +261,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, {
-        default: () => [(0, import_vue.createVNode)(import_image.Image, {
+        default: () => [slots.image ? (0, import_vue.createVNode)("div", {
+          "class": bem("image-wrap")
+        }, [slots.image({
+          src: props.src
+        })]) : (0, import_vue.createVNode)(import_image.Image, {
           "src": props.src,
           "fit": "contain",
           "class": bem("image", {

package/lib/image-preview/index.css

@@ -1 +1 @@
-:root{--van-image-preview-index-text-color: var(--van-white);--van-image-preview-index-font-size: var(--van-font-size-md);--van-image-preview-index-line-height: var(--van-line-height-md);--van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8);--van-image-preview-overlay-background-color: rgba(0, 0, 0, .9);--van-image-preview-close-icon-size: 22px;--van-image-preview-close-icon-color: var(--van-gray-5);--van-image-preview-close-icon-margin: var(--van-padding-md);--van-image-preview-close-icon-z-index: 1}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;transform:none}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image{width:100%;transition-property:transform}.van-image-preview__image--vertical{width:auto;height:100%}.van-image-preview__image img{-webkit-user-drag:none}.van-image-preview__image .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:var(--van-padding-md);left:50%;color:var(--van-image-preview-index-text-color);font-size:var(--van-image-preview-index-font-size);line-height:var(--van-image-preview-index-line-height);text-shadow:var(--van-image-preview-index-text-shadow);transform:translate(-50%)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background-color)}.van-image-preview__close-icon{position:absolute;z-index:var(--van-image-preview-close-icon-z-index);color:var(--van-image-preview-close-icon-color);font-size:var(--van-image-preview-close-icon-size)}.van-image-preview__close-icon--top-left{top:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{top:var(--van-image-preview-close-icon-margin);right:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-left{bottom:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-right{right:var(--van-image-preview-close-icon-margin);bottom:var(--van-image-preview-close-icon-margin)}
+:root{--van-image-preview-index-text-color: var(--van-white);--van-image-preview-index-font-size: var(--van-font-size-md);--van-image-preview-index-line-height: var(--van-line-height-md);--van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8);--van-image-preview-overlay-background-color: rgba(0, 0, 0, .9);--van-image-preview-close-icon-size: 22px;--van-image-preview-close-icon-color: var(--van-gray-5);--van-image-preview-close-icon-margin: var(--van-padding-md);--van-image-preview-close-icon-z-index: 1}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;transform:none}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image,.van-image-preview__image-wrap{width:100%;transition-property:transform}.van-image-preview__image--vertical,.van-image-preview__image-wrap--vertical{width:auto;height:100%}.van-image-preview__image img,.van-image-preview__image-wrap img,.van-image-preview__image video,.van-image-preview__image-wrap video{-webkit-user-drag:none}.van-image-preview__image .van-image__error,.van-image-preview__image-wrap .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon,.van-image-preview__image-wrap .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading,.van-image-preview__image-wrap .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:var(--van-padding-md);left:50%;color:var(--van-image-preview-index-text-color);font-size:var(--van-image-preview-index-font-size);line-height:var(--van-image-preview-index-line-height);text-shadow:var(--van-image-preview-index-text-shadow);transform:translate(-50%)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background-color)}.van-image-preview__close-icon{position:absolute;z-index:var(--van-image-preview-close-icon-z-index);color:var(--van-image-preview-close-icon-color);font-size:var(--van-image-preview-close-icon-size)}.van-image-preview__close-icon--top-left{top:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{top:var(--van-image-preview-close-icon-margin);right:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-left{bottom:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-right{right:var(--van-image-preview-close-icon-margin);bottom:var(--van-image-preview-close-icon-margin)}

package/lib/image-preview/index.less

@@ -38,7 +38,8 @@
     left: 0;
   }
 
-  &__image {
+  &__image,
+  &__image-wrap {
     width: 100%;
     transition-property: transform;
 
@@ -47,7 +48,8 @@
       height: 100%;
     }
 
-    img {
+    img,
+    video {
       // disable desktop browser image drag
       -webkit-user-drag: none;
     }