[new feauture] Notify: add onClose option

docs/markdown/changelog.zh-CN.md

@@ -6,6 +6,10 @@
 
 - 新增`sticky`参数
 
+##### Notify
+
+- 新增`onClose`选项
+
 ##### Rate
 
 - 新增`gutter`属性
@@ -17,7 +21,7 @@
 
 ##### Toast
 
-- 新增`onOpened`属性
+- 新增`onOpened`选项
 
 
 ### [v2.0.0-beta.2](https://github.com/youzan/vant/tree/v2.0.0-beta.2)

packages/notify/en-US.md

@@ -58,4 +58,5 @@ export default {
 | color | Message color | `String` | `#fff` | |
 | background | Background color | `String` | `#f44` |
 | className | Custom className | `String | Array | Object` | - |
-| onClick | Click callback | `Function` | - |
+| onClick | Callback function after click | `Function` | - |
+| onClose | Callback function after close | `Function` | - |

packages/notify/index.ts

@@ -53,6 +53,7 @@ function defaultOptions(): NotifyOptions {
     background: RED,
     duration: 3000,
     className: '',
+    onClose: null,
     onClick: null
   };
 }
@@ -60,6 +61,10 @@ function defaultOptions(): NotifyOptions {
 Notify.clear = () => {
   if (instance) {
     instance.value = false;
+
+    if (instance.onClose) {
+      instance.onClose();
+    }
   }
 };
 

packages/notify/test/index.spec.js

@@ -14,11 +14,13 @@ test('create a notify', async () => {
 });
 
 test('notify disappear', async () => {
+  const onClose = jest.fn();
   const notify = Notify({
     message: 'test',
     color: 'red',
     background: 'blue',
-    duration: 10
+    duration: 10,
+    onClose
   });
 
   await later();
@@ -26,6 +28,7 @@ test('notify disappear', async () => {
 
   await later(20);
   expect(notify.$el.outerHTML).toMatchSnapshot();
+  expect(onClose).toHaveBeenCalledTimes(1);
 
   Notify({
     message: 'text2',

packages/notify/zh-CN.md

@@ -59,3 +59,4 @@ export default {
 | background | 背景颜色 | `String` | `#f44` | 1.4.7 |
 | className | 自定义类名 | `String | Array | Object` | - | 1.6.0 |
 | onClick | 点击时的回调函数 | `Function` | - | 2.0.0 |
+| onClose | 关闭时的回调函数 | `Function` | - | 2.0.0 |

types/notify.d.ts

@@ -9,6 +9,7 @@ export type NotifyOptions = {
   duration?: number;
   className?: any;
   background?: string;
+  onClose?: (() => void) | null;
   onClick?: ((event: Event) => void) | null;
 }