[new feature] Notify: add className prop (#2681)

packages/dialog/Dialog.js

@@ -8,10 +8,10 @@ export default sfc({
   mixins: [Popup],
 
   props: {
+    className: null,
     title: String,
     message: String,
     callback: Function,
-    className: [String, Object, Array],
     beforeClose: Function,
     messageAlign: String,
     confirmButtonText: String,

packages/image-preview/ImagePreview.js

@@ -19,11 +19,11 @@ export default sfc({
 
   props: {
     images: Array,
+    className: null,
     lazyLoad: Boolean,
     asyncClose: Boolean,
     startPosition: Number,
     showIndicators: Boolean,
-    className: [String, Object, Array],
     loop: {
       type: Boolean,
       default: true

packages/notify/Notify.js

@@ -8,6 +8,7 @@ export default sfc({
   mixins: [PopupMixin],
 
   props: {
+    className: null,
     message: [String, Number],
     color: {
       type: String,
@@ -34,7 +35,7 @@ export default sfc({
     };
     return (
       <transition name="van-slide-down">
-        <div vShow={this.value} class={bem()} style={style}>
+        <div vShow={this.value} class={[bem(), this.className]} style={style}>
           {this.message}
         </div>
       </transition>

packages/notify/en-US.md

@@ -55,3 +55,4 @@ export default {
 | duration | Duration(ms), won't disappear if value is 0 | `Number` | `3000` |
 | color | Message color | `String` | `#fff` | |
 | background | Background color | `String` | `#f44` |
+| className | Custom className | `String | Array | Object` | - |

packages/notify/index.js

@@ -52,7 +52,8 @@ Notify.defaultOptions = {
   text: '',
   color: WHITE,
   background: RED,
-  duration: 3000
+  duration: 3000,
+  className: ''
 };
 
 Notify.setDefaultOptions = options => {

packages/notify/zh-CN.md

@@ -54,3 +54,4 @@ export default {
 | duration | 展示时长(ms)，值为 0 时，notify 不会消失 | `Number` | `3000` | 1.4.7 |
 | color | 字体颜色 | `String` | `#fff` | 1.4.7 |
 | background | 背景颜色 | `String` | `#f44` | 1.4.7 |
+| className | 自定义类名 | `String | Array | Object` | - | 1.6.0 |

packages/overlay/index.js

@@ -5,8 +5,8 @@ const [sfc, bem] = use('overlay');
 export default sfc({
   props: {
     zIndex: Number,
+    className: null,
     visible: Boolean,
-    className: String,
     customStyle: Object
   },
 

packages/toast/Toast.js

@@ -10,7 +10,7 @@ export default sfc({
   mixins: [Popup],
 
   props: {
-    className: String,
+    className: null,
     forbidClick: Boolean,
     message: [String, Number],
     type: {

packages/toast/zh-CN.md

@@ -102,3 +102,4 @@ toast2.clear();
 | forbidClick | 是否禁止背景点击 | `Boolean` | `false` | - |
 | loadingType | 加载图标类型, 可选值为 `spinner` | `String` | `circular` | 1.1.3 |
 | duration | 展示时长(ms)，值为 0 时，toast 不会消失 | `Number` | `3000` | - |
+| className | 自定义类名 | `String | Array | Object` | - | 1.6.0 |

types/notify.d.ts

@@ -5,8 +5,9 @@ type NotifyMessage = string | number;
 export type NotifyOptions = {
   message?: NotifyMessage;
   color?: string;
-  background?: string;
   duration?: number;
+  className?: any;
+  background?: string;
 }
 
 export interface VanNotify extends Vue {