添加cleartimeout，修复快速props的时候的产生的错误

Author: nanaSun

__test__/index.test.js

@@ -119,17 +119,21 @@ describe('NuDialog开关问题', () => {
             },16)
         })
     })
-    // it('用户快速快关，有bug',async ()=>{
-    //     const wrapper = mount(NuDialog)
-    //     wrapper.setProps({open:true})
-    //     wrapper.setProps({open:false})
-    //     await new Promise((rs,rj)=>{
-    //         setTimeout(()=>{
-    //             console.log(wrapper.vm.show,wrapper.vm.render)
-    //             rs()
-    //         },300)
-    //     })
-    // })
+    it('用户快速快关',async ()=>{
+        const wrapper = mount(NuDialog)
+        wrapper.setProps({open:true})
+        wrapper.setProps({open:false})
+        wrapper.setProps({open:true})
+        wrapper.setProps({open:true})
+        wrapper.setProps({open:false})
+        await new Promise((rs,rj)=>{
+            setTimeout(()=>{
+                expect(wrapper.vm.show).toEqual(false)
+                expect(wrapper.vm.render).toEqual(false)
+                rs()
+            },300)
+        })
+    })
 })
 
 describe('beforeClose api',()=>{

src/index.vue

@@ -22,7 +22,8 @@
         data() {
             return {
                 show: false,
-                render: this.open
+                render: this.open,
+                timecount:null
             }
         },
         props: {
@@ -73,18 +74,20 @@
         },
         methods: {
             handleOpen() {
+               clearTimeout(this.timecount)
                 this.render = true;
                 document.body.appendChild(this.$el);
                 // 动画的时间
-                setTimeout(() => {
+                this.timecount=setTimeout(() => {
                     this.show = true;
                 }, 16);
                 document.body.classList.add('nu_dialog_open');
             },
             dialogClose() {
+                clearTimeout(this.timecount)
                 this.show = false;
                 // 动画的时间
-                setTimeout(() => {
+                this.timecount=setTimeout(() => {
                     this.render = false;
                 }, this.speed);
                 document.body.classList.remove('nu_dialog_open');