[new feature] Toast: add className prop (#2680)

packages/radio/zh-CN.md

@@ -97,7 +97,7 @@ export default {
 | 参数 | 说明 | 类型 | 默认值 | 版本 |
 |------|------|------|------|------|
 | name | 标识符 | 任意类型 | - | - |
-| shape | 形状，可选值为 `square` | `String` | `round` | 1.5.8 |
+| shape | 形状，可选值为 `square` | `String` | `round` | 1.6.0 |
 | disabled | 是否为禁用状态 | `Boolean` | `false` | - |
 | label-disabled | 是否禁用文本内容点击 | `Boolean` | `false` | 1.1.13 |
 | label-position | 文本位置，可选值为 `left` | `String` | `right` | 1.1.13 |

packages/toast/Toast.js

@@ -10,6 +10,7 @@ export default sfc({
   mixins: [Popup],
 
   props: {
+    className: String,
     forbidClick: Boolean,
     message: [String, Number],
     type: {
@@ -89,7 +90,7 @@ export default sfc({
 
     return (
       <transition name="van-fade">
-        <div vShow={this.value} class={bem([style, this.position])}>
+        <div vShow={this.value} class={[bem([style, this.position]), this.className]}>
           {Content()}
         </div>
       </transition>

packages/toast/en-US.md

@@ -105,3 +105,4 @@ toast2.clear();
 | forbidClick | Whether to forbid click background | `Boolean` | `false` |
 | loadingType | Loading icon type, can be set to `spinner` | `String` | `circular` |
 | duration | Toast duration(ms), won't disappear if value is 0 | `Number` | `3000` |
+| className | Custom className | `String | Array | Object` | - |

packages/toast/index.js

@@ -8,6 +8,7 @@ const defaultOptions = {
   message: '',
   value: true,
   duration: 3000,
+  className: '',
   position: 'middle',
   loadingType: 'circular',
   forbidClick: false,

types/toast.d.ts

@@ -8,6 +8,7 @@ export type ToastOptions = {
   mask?: boolean;
   position?: string;
   duration?: number;
+  className?: any;
   forbidClick?: boolean;
   loadingType?: string;
   message?: ToastMessage;