[new feature] ImagePreview: add className prop (#2433)

packages/image-preview/ImagePreview.vue

@@ -2,7 +2,7 @@
   <transition name="van-fade">
     <div
       v-if="value"
-      :class="b()"
+      :class="[b(), className]"
       @touchstart="onWrapperTouchStart"
       @touchend="onWrapperTouchEnd"
       @touchcancel="onWrapperTouchEnd"
@@ -75,6 +75,7 @@ export default create({
     asyncClose: Boolean,
     startPosition: Number,
     showIndicators: Boolean,
+    className: [String, Object, Array],
     loop: {
       type: Boolean,
       default: true

packages/image-preview/en-US.md

@@ -59,6 +59,7 @@ setTimeout(() => {
 | loop | Whether to enable loop | `Boolean` | `true` |
 | onClose | Close callback | `Function` | - |
 | asyncClose | Whether to enable async close | `Boolean` | `false` |
+| className | Custom className | `String | Array | Object` | - |
 
 ### onClose Parematers
 

packages/image-preview/index.js

@@ -8,6 +8,7 @@ const defaultConfig = {
   images: [],
   loop: true,
   value: true,
+  className: '',
   showIndex: true,
   asyncClose: false,
   startPosition: 0,

packages/image-preview/zh-CN.md

@@ -67,6 +67,7 @@ setTimeout(() => {
 | loop | 是否开启循环播放 | `Boolean` | `true` | 1.4.4 |
 | onClose | 关闭时的回调函数 | `Function` | - | 1.1.16 |
 | asyncClose | 是否开启异步关闭 | `Boolean` | `false` | 1.4.8 |
+| className | 自定义类名 | `String | Array | Object` | - | 1.5.2 |
 
 ### onClose 回调参数
 

types/dialog.d.ts

@@ -5,7 +5,7 @@ export type DialogOptions = {
   title?: string;
   message?: string;
   overlay?: boolean;
-  className?: string;
+  className?: any;
   lockScroll?: boolean;
   messageAlign?: string;
   confirmButtonText?: string;

types/image-preview.d.ts

@@ -1,9 +1,12 @@
 import { VanPopupMixin } from './mixins/popup';
 
 export type ImagePreviewOptions = string[] | {
+  loop?: boolean;
   images: string[];
+  className?: any;
   startPosition?: number;
   showIndex?: boolean;
+  asyncClose?: boolean;
   showIndicators?: boolean;
   onClose?: () => any;
 };