feat(Toast): add overlayClass option (#7925)

src/toast/README.md

@@ -161,6 +161,7 @@ Toast.resetDefaultOptions('loading');
 | loadingType | Loading icon type, can be set to `spinner` | _string_ | `circular` |
 | duration | Toast duration(ms), won't disappear if value is 0 | _number_ | `2000` |
 | className | Custom className | _any_ | - |
+| overlayClass `v3.0.4` | Custom overlay class | _string \| string[] \| object_ | - |
 | overlayStyle `v3.0.4` | Custom overlay style | _object_ | - |
 | onOpened | Callback function after opened | _Function_ | - |
 | onClose | Callback function after close | _Function_ | - |

src/toast/README.zh-CN.md

@@ -174,6 +174,7 @@ Toast.resetDefaultOptions('loading');
 | loadingType | [加载图标类型](#/zh-CN/loading), 可选值为 `spinner` | _string_ | `circular` |
 | duration | 展示时长(ms)，值为 0 时，toast 不会消失 | _number_ | `2000` |
 | className | 自定义类名 | _any_ | - |
+| overlayClass `v3.0.4` | 自定义遮罩层类名 | _string \| string[] \| object_ | - |
 | overlayStyle `v3.0.4` | 自定义遮罩层样式 | _object_ | - |
 | onOpened | 完全展示后的回调函数 | _Function_ | - |
 | onClose | 关闭时的回调函数 | _Function_ | - |

src/toast/Toast.js

@@ -22,6 +22,7 @@ export default createComponent({
     lockScroll: Boolean,
     loadingType: String,
     forbidClick: Boolean,
+    overlayClass: null,
     overlayStyle: Object,
     closeOnClick: Boolean,
     type: {
@@ -116,6 +117,7 @@ export default createComponent({
         ]}
         lockScroll={false}
         transition={props.transition}
+        overlayClass={props.overlayClass}
         overlayStyle={props.overlayStyle}
         onClick={onClick}
         onClosed={clearTimer}

src/toast/index.js

@@ -18,6 +18,7 @@ const defaultOptions = {
   transition: 'van-fade',
   forbidClick: false,
   loadingType: undefined,
+  overlayClass: '',
   overlayStyle: null,
   closeOnClick: false,
   closeOnClickOverlay: false,

types/toast.d.ts

@@ -22,6 +22,7 @@ export type ToastOptions = {
   loadingType?: ToastLoadingType;
   forbidClick?: boolean;
   closeOnClick?: boolean;
+  overlayClass?: any;
   overlayStyle?: Record<string, any>;
   closeOnClickOverlay?: boolean;
 };