vant 3.6.4 → 3.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/es/image-preview/ImagePreview.mjs +3 -1
  2. package/es/image-preview/ImagePreviewItem.mjs +7 -2
  3. package/es/image-preview/index.css +1 -1
  4. package/es/image-preview/index.less +4 -2
  5. package/es/index.d.ts +1 -1
  6. package/es/index.mjs +1 -1
  7. package/es/lazyload/vue-lazyload/lazy-image.mjs +5 -5
  8. package/lib/image-preview/ImagePreview.js +3 -1
  9. package/lib/image-preview/ImagePreviewItem.js +7 -2
  10. package/lib/image-preview/index.css +1 -1
  11. package/lib/image-preview/index.less +4 -2
  12. package/lib/index.css +1 -1
  13. package/lib/index.d.ts +1 -1
  14. package/lib/index.js +1 -1
  15. package/lib/lazyload/vue-lazyload/lazy-image.js +6 -6
  16. package/lib/vant.cjs.js +16 -10
  17. package/lib/vant.es.js +16 -10
  18. package/lib/vant.js +16 -10
  19. package/lib/vant.min.js +1 -1
  20. package/lib/web-types.json +1007 -1003
  21. package/package.json +1 -1
  22. package/changelog.generated.md +0 -46
package/es/image-preview/ImagePreview.mjs CHANGED
@@ -103,7 +103,9 @@ var stdin_default = defineComponent({
103
103
  "rootHeight": state.rootHeight,
104
104
  "onScale": emitScale,
105
105
  "onClose": emitClose
106
- }, null))]
106
+ }, {
107
+ image: slots.image
108
+ }))]
107
109
  });
108
110
  const renderClose = () => {
109
111
  if (props.closeable) {
package/es/image-preview/ImagePreviewItem.mjs CHANGED
@@ -20,7 +20,8 @@ var stdin_default = defineComponent({
20
20
  },
21
21
  emits: ["scale", "close"],
22
22
  setup(props, {
23
- emit
23
+ emit,
24
+ slots
24
25
  }) {
25
26
  const state = reactive({
26
27
  scale: 1,
@@ -238,7 +239,11 @@ var stdin_default = defineComponent({
238
239
  "onTouchend": onTouchEnd,
239
240
  "onTouchcancel": onTouchEnd
240
241
  }, {
241
- default: () => [_createVNode(Image, {
242
+ default: () => [slots.image ? _createVNode("div", {
243
+ "class": bem("image-wrap")
244
+ }, [slots.image({
245
+ src: props.src
246
+ })]) : _createVNode(Image, {
242
247
  "src": props.src,
243
248
  "fit": "contain",
244
249
  "class": bem("image", {
package/es/image-preview/index.css CHANGED
@@ -1 +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)}
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,.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 CHANGED
@@ -38,7 +38,8 @@
38
38
  left: 0;
39
39
  }
40
40
 
41
- &__image {
41
+ &__image,
42
+ &__image-wrap {
42
43
  width: 100%;
43
44
  transition-property: transform;
44
45
 
@@ -47,7 +48,8 @@
47
48
  height: 100%;
48
49
  }
49
50
 
50
- img {
51
+ img,
52
+ video {
51
53
  // disable desktop browser image drag
52
54
  -webkit-user-drag: none;
53
55
  }
package/es/index.d.ts CHANGED
@@ -91,4 +91,4 @@ declare namespace _default {
91
91
  }
92
92
  export default _default;
93
93
  export function install(app: any): void;
94
- export const version: "3.6.4";
94
+ export const version: "3.6.5";
package/es/index.mjs CHANGED
@@ -84,7 +84,7 @@ import { Tag } from "./tag/index.mjs";
84
84
  import { Toast } from "./toast/index.mjs";
85
85
  import { TreeSelect } from "./tree-select/index.mjs";
86
86
  import { Uploader } from "./uploader/index.mjs";
87
- const version = "3.6.4";
87
+ const version = "3.6.5";
88
88
  function install(app) {
89
89
  const components = [
90
90
  ActionBar,
package/es/lazyload/vue-lazyload/lazy-image.mjs CHANGED
@@ -1,6 +1,7 @@
1
1
  import { useRect } from "@vant/use";
2
2
  import { loadImageAsync } from "./util.mjs";
3
3
  import { noop } from "../../utils/index.mjs";
4
+ import { h } from "vue";
4
5
  var stdin_default = (lazyManager) => ({
5
6
  props: {
6
7
  src: [String, Object],
@@ -9,15 +10,14 @@ var stdin_default = (lazyManager) => ({
9
10
  default: "img"
10
11
  }
11
12
  },
12
- render(h) {
13
+ render() {
14
+ var _a, _b;
13
15
  return h(
14
16
  this.tag,
15
17
  {
16
- attrs: {
17
- src: this.renderSrc
18
- }
18
+ src: this.renderSrc
19
19
  },
20
- this.$slots.default
20
+ (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)
21
21
  );
22
22
  },
23
23
  data() {
package/lib/image-preview/ImagePreview.js CHANGED
@@ -131,7 +131,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
131
131
  "rootHeight": state.rootHeight,
132
132
  "onScale": emitScale,
133
133
  "onClose": emitClose
134
- }, null))]
134
+ }, {
135
+ image: slots.image
136
+ }))]
135
137
  });
136
138
  const renderClose = () => {
137
139
  if (props.closeable) {
package/lib/image-preview/ImagePreviewItem.js CHANGED
@@ -42,7 +42,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
42
42
  },
43
43
  emits: ["scale", "close"],
44
44
  setup(props, {
45
- emit
45
+ emit,
46
+ slots
46
47
  }) {
47
48
  const state = (0, import_vue2.reactive)({
48
49
  scale: 1,
@@ -260,7 +261,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
260
261
  "onTouchend": onTouchEnd,
261
262
  "onTouchcancel": onTouchEnd
262
263
  }, {
263
- default: () => [(0, import_vue.createVNode)(import_image.Image, {
264
+ default: () => [slots.image ? (0, import_vue.createVNode)("div", {
265
+ "class": bem("image-wrap")
266
+ }, [slots.image({
267
+ src: props.src
268
+ })]) : (0, import_vue.createVNode)(import_image.Image, {
264
269
  "src": props.src,
265
270
  "fit": "contain",
266
271
  "class": bem("image", {
package/lib/image-preview/index.css CHANGED
@@ -1 +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)}
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,.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 CHANGED
@@ -38,7 +38,8 @@
38
38
  left: 0;
39
39
  }
40
40
 
41
- &__image {
41
+ &__image,
42
+ &__image-wrap {
42
43
  width: 100%;
43
44
  transition-property: transform;
44
45
 
@@ -47,7 +48,8 @@
47
48
  height: 100%;
48
49
  }
49
50
 
50
- img {
51
+ img,
52
+ video {
51
53
  // disable desktop browser image drag
52
54
  -webkit-user-drag: none;
53
55
  }