feat(Overlay): add custom-style prop (#4572)

src/overlay/README.md

@@ -39,6 +39,7 @@ export default {
 | z-index | z-index | *string \| number* | `1` | - |
 | duration | Animation duration | *string \| number* | `0.3` | - |
 | class-name | ClassName | *string* | - | - |
+| custom-class | Custom style | *object* | - | - |
 
 ### Events
 

src/overlay/README.zh-CN.md

@@ -43,6 +43,7 @@ export default {
 | z-index | z-index 层级 | *string \| number* | `1` | - |
 | duration | 动画时长，单位秒 | *string \| number* | `0.3` | - |
 | class-name | 自定义类名 | *string* | - | - |
+| custom-style | 自定义样式 | *object* | - | - |
 
 ### Events
 

src/overlay/index.tsx

@@ -11,7 +11,7 @@ export type OverlayProps = {
   zIndex?: number | string;
   duration: number | string | null;
   className?: any;
-  customStyle?: any;
+  customStyle?: object;
 };
 
 export type OverlayEvents = {
@@ -58,7 +58,7 @@ Overlay.props = {
   show: Boolean,
   duration: [Number, String],
   className: null as any,
-  customStyle: null as any,
+  customStyle: Object,
   zIndex: {
     type: [Number, String],
     default: 1

src/overlay/test/__snapshots__/index.spec.js.snap

@@ -2,6 +2,8 @@
 
 exports[`class-name prop 1`] = `<div class="van-overlay my-overlay" style="z-index: 1;" name="van-fade"></div>`;
 
+exports[`custom style prop 1`] = `<div class="van-overlay" style="z-index: 1; background-color: red;" name="van-fade"></div>`;
+
 exports[`default slot 1`] = `<div class="van-overlay" style="z-index: 1; display: none;" name="van-fade">Custom Default</div>`;
 
 exports[`duration prop 1`] = `<div class="van-overlay" style="z-index: 1; animation-duration: 1s;" name="van-fade"></div>`;

src/overlay/test/index.spec.js

@@ -23,6 +23,19 @@ test('class-name prop', () => {
   expect(wrapper).toMatchSnapshot();
 });
 
+test('custom style prop', () => {
+  const wrapper = mount(Overlay, {
+    propsData: {
+      show: true,
+      customStyle: {
+        backgroundColor: 'red'
+      }
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
 test('duration prop', () => {
   const wrapper = mount(Overlay, {
     propsData: {