fix(popup): test unit

src/packages/__VUE/actionsheet/__test__/__snapshots__/index.spec.ts.snap

@@ -3,11 +3,9 @@
 exports[`should render sure actionsheet when use custom props 1`] = `
 "<view class=\\"nut-actionsheet\\">
   <!--teleport start-->
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\" iswrapteleport=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2003;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"true\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\" iswrapteleport=\\"true\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-popup round popup-bottom popclass\\" style=\\"z-index: 2003; transition-duration: 0.3s;\\">
+    <view class=\\"nut-popup round popup-bottom popclass\\" style=\\"z-index: 2000; transition-duration: 0.3s;\\">
       <view class=\\"nut-actionsheet-panel\\">
         <!--v-if-->
         <view>

src/packages/__VUE/cascader/__tests__/__snapshots__/cascader.spec.ts.snap

@@ -2,11 +2,9 @@
 
 exports[`Cascader change tab 1`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2002;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"true\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2002; transition-duration: 0.3s;\\">
+    <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s;\\">
       <!--v-if-->
       <view class=\\"nut-tabs horizontal nut-cascader\\" id=\\"container\\">
         <view class=\\"nut-tabs__titles line scrollable normal\\">
@@ -67,11 +65,9 @@ exports[`Cascader change tab 1`] = `
 
 exports[`Cascader change tab 2`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2002;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"true\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2002; transition-duration: 0.3s;\\">
+    <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s;\\">
       <!--v-if-->
       <view class=\\"nut-tabs horizontal nut-cascader\\" id=\\"container\\">
         <view class=\\"nut-tabs__titles line scrollable normal\\">
@@ -132,11 +128,9 @@ exports[`Cascader change tab 2`] = `
 
 exports[`Cascader change tab 3`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2002;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"true\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2002; transition-duration: 0.3s;\\">
+    <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s;\\">
       <!--v-if-->
       <view class=\\"nut-tabs horizontal nut-cascader\\" id=\\"container\\">
         <view class=\\"nut-tabs__titles line scrollable normal\\">
@@ -197,9 +191,7 @@ exports[`Cascader change tab 3`] = `
 
 exports[`Cascader modelValue 1`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -229,9 +221,7 @@ exports[`Cascader modelValue 1`] = `
 
 exports[`Cascader modelValue 2`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -294,9 +284,7 @@ exports[`Cascader modelValue 2`] = `
 
 exports[`Cascader modelValue 3`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -332,9 +320,7 @@ exports[`Cascader modelValue 3`] = `
 
 exports[`Cascader modelValue 4`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -370,9 +356,7 @@ exports[`Cascader modelValue 4`] = `
 
 exports[`Cascader modelValue with lazy 1`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -398,9 +382,7 @@ exports[`Cascader modelValue with lazy 1`] = `
 
 exports[`Cascader modelValue with lazy 2`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -466,9 +448,7 @@ exports[`Cascader modelValue with lazy 2`] = `
 
 exports[`Cascader options 1`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -531,9 +511,7 @@ exports[`Cascader options 1`] = `
 
 exports[`Cascader options with convertConfig 1`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -578,9 +556,7 @@ exports[`Cascader options with convertConfig 1`] = `
 
 exports[`Cascader options with valueKey/textKey/childrenKey 1`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -643,9 +619,7 @@ exports[`Cascader options with valueKey/textKey/childrenKey 1`] = `
 
 exports[`Cascader select 1`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -693,9 +667,7 @@ exports[`Cascader select 1`] = `
 
 exports[`Cascader select 2`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -758,9 +730,7 @@ exports[`Cascader select 2`] = `
 
 exports[`Cascader select 3`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -823,9 +793,7 @@ exports[`Cascader select 3`] = `
 
 exports[`Cascader select 4`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -861,9 +829,7 @@ exports[`Cascader select 4`] = `
 
 exports[`Cascader select with lazy 1`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -883,9 +849,7 @@ exports[`Cascader select with lazy 1`] = `
 
 exports[`Cascader select with lazy 2`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -918,9 +882,7 @@ exports[`Cascader select with lazy 2`] = `
 
 exports[`Cascader select with lazy 3`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -968,9 +930,7 @@ exports[`Cascader select with lazy 3`] = `
 
 exports[`Cascader select with lazy 4`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -1033,9 +993,7 @@ exports[`Cascader select with lazy 4`] = `
 
 exports[`Cascader select with lazy 5`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -1098,9 +1056,7 @@ exports[`Cascader select with lazy 5`] = `
 
 exports[`Cascader select with lazy 6`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -1133,9 +1089,7 @@ exports[`Cascader select with lazy 6`] = `
 
 exports[`Cascader select with lazy 7`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2000; transition-duration: 0.3s; display: none;\\">
       <!--v-if-->
@@ -1183,9 +1137,7 @@ exports[`Cascader select with lazy 7`] = `
 
 exports[`Cascader visible 1`] = `
 "<teleport-stub to=\\"body\\" disabled=\\"true\\">
-  <transition-stub name=\\"overlay-fade\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
-    <view class=\\"nut-overlay\\" style=\\"transition-duration: 0.3s; z-index: 2000; display: none;\\"></view>
-  </transition-stub>
+  <nut-overlay visible=\\"false\\" close-on-click-overlay=\\"true\\" z-index=\\"2000\\" lock-scroll=\\"false\\" duration=\\"0.3\\"></nut-overlay>
   <transition-stub name=\\"popup-slide-bottom\\" appear=\\"false\\" persisted=\\"true\\" css=\\"true\\">
     <view class=\\"nut-popup round popup-bottom nut-cascader__popup\\" style=\\"z-index: 2001; transition-duration: 0.3s;\\">
       <!--v-if-->

src/packages/__VUE/imagepreview/__tests__/__snapshots__/imagepreview.spec.ts.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`init page No. 1`] = `"<view class=\\"nut-imagepreview-index\\">3 / 4</view>"`;
+exports[`init page No. 1`] = `"<view class=\\"nut-imagepreview-index\\">4 / 4</view>"`;
 
 exports[`video surported in H5 env 1`] = `
 "<view class=\\"nut-popup popup-center custom-pop\\" style=\\"z-index: 2005; transition-duration: 0.3s; width: 100%;\\">

src/packages/__VUE/input/__tests__/__snapshots__/input.spec.ts.snap

@@ -14,7 +14,7 @@ exports[`should render word limit correctly when modelValue is null 1`] = `
   <!--v-if-->
   <view class=\\"nut-input-value\\">
     <view class=\\"nut-input-inner\\">
-      <view class=\\"nut-input-box\\"><input class=\\"input-text\\" style=\\"text-align: left;\\" type=\\"text\\" maxlength=\\"9999\\" placeholder=\\"\\" formattrigger=\\"onChange\\"></view>
+      <view class=\\"nut-input-box\\"><input class=\\"input-text\\" style=\\"text-align: left;\\" type=\\"text\\" maxlength=\\"9999\\" placeholder=\\"\\" formattrigger=\\"onChange\\" enterkeyhint=\\"done\\"></view>
       <view class=\\"nut-input-clear-box\\">
         <!--v-if-->
       </view>

src/packages/__VUE/popup/__tests__/popup.spec.ts

@@ -1,6 +1,19 @@
-import { mount } from '@vue/test-utils';
+import { mount, config } from '@vue/test-utils';
 import { nextTick } from 'vue';
 import PopUp from '../index.vue';
+import NutOverlay from '../../overlay/index.vue';
+import NutIcon from '../../icon/index.vue';
+
+beforeAll(() => {
+  config.global.components = {
+    NutOverlay,
+    NutIcon
+  };
+});
+
+afterAll(() => {
+  config.global.components = {};
+});
 
 function sleep(delay = 0): Promise<void> {
   return new Promise((resolve) => {
@@ -18,7 +31,7 @@ test('should change z-index when using z-index prop', async () => {
   });
   await nextTick();
   const pop: any = wrapper.find('.nut-popup');
-  expect(pop.element.style.zIndex).toEqual('100');
+  expect(pop.element.style.zIndex).toEqual('99');
 });
 
 test('should change animation duration when using duration prop', () => {
@@ -205,7 +218,7 @@ test('event close test', async () => {
   });
   await wrapper.find('.nut-overlay').trigger('click');
   await sleep(2000);
-  expect(wrapper.emitted('close')).toBeTruthy();
+  expect(wrapper.emitted('click-overlay')).toBeTruthy();
 });
 
 test('event click-overlay test', async () => {

src/packages/__VUE/timeselect/__tests__/timeselect.spec.ts

@@ -152,7 +152,6 @@ test('Events test', async () => {
       </template>
     `,
     setup() {
-      const { proxy } = getCurrentInstance() as any;
       const state = reactive({
         visible1: true,
         currentKey1: 0,
@@ -207,6 +206,8 @@ test('Events test', async () => {
   });
 
   // event test
-  await wrapper.find('.nut-overlay').trigger('click');
-  expect(wrapper.vm.key).toHaveLength(0);
+  await nextTick();
+  const timepannel = wrapper.find('.nut-timeselect__content__pannel').findAll('.nut-timepannel')[1];
+  await timepannel.trigger('click');
+  expect(timepannel.classes()).toContain('nut-timepannel--curr');
 });