refactor(overlay): change api (#604)

* refactor(overlay): change api * chore: update common & snapshot * fix(toast): update overlay props
Tencent · Apr 18, 2023 · 9486460 · 9486460
1 parent 26fd20e
commit 9486460
Show file tree

Hide file tree

Showing 23 changed files with 164 additions and 168 deletions.
diff --git a/src/_common b/src/_common
diff --git a/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap b/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap
@@ -40,6 +40,7 @@ exports[`ActionSheet > ActionSheet gridMultipleVue demo works fine 1`] = `
         css="true"
         name="t-overlay"
         persisted="true"
+        transparent="false"
       >
         <div
           class="t-overlay"
@@ -1164,6 +1165,7 @@ exports[`ActionSheet > ActionSheet gridVue demo works fine 1`] = `
         css="true"
         name="t-overlay"
         persisted="true"
+        transparent="false"
       >
         <div
           class="t-overlay"
@@ -1768,6 +1770,7 @@ exports[`ActionSheet > ActionSheet listVue demo works fine 1`] = `
         css="true"
         name="t-overlay"
         persisted="true"
+        transparent="false"
       >
         <div
           class="t-overlay"
@@ -1938,6 +1941,7 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
             css="true"
             name="t-overlay"
             persisted="true"
+            transparent="false"
           >
             <div
               class="t-overlay"
@@ -2069,6 +2073,7 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
             css="true"
             name="t-overlay"
             persisted="true"
+            transparent="false"
           >
             <div
               class="t-overlay"
@@ -2666,6 +2671,7 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
             css="true"
             name="t-overlay"
             persisted="true"
+            transparent="false"
           >
             <div
               class="t-overlay"

diff --git a/src/calendar/__test__/__snapshots__/demo.test.jsx.snap b/src/calendar/__test__/__snapshots__/demo.test.jsx.snap
@@ -18,6 +18,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
           css="true"
           name="t-overlay"
           persisted="true"
+          transparent="false"
         >
           <div
             class="t-overlay"
@@ -2408,6 +2409,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
           css="true"
           name="t-overlay"
           persisted="true"
+          transparent="false"
         >
           <div
             class="t-overlay"
@@ -4799,6 +4801,7 @@ exports[`Calendar > Calendar customRangeVue demo works fine 1`] = `
           css="true"
           name="t-overlay"
           persisted="true"
+          transparent="false"
         >
           <div
             class="t-overlay"
@@ -5302,6 +5305,7 @@ exports[`Calendar > Calendar customTextVue demo works fine 1`] = `
           css="true"
           name="t-overlay"
           persisted="true"
+          transparent="false"
         >
           <div
             class="t-overlay"
@@ -6388,6 +6392,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                   css="true"
                   name="t-overlay"
                   persisted="true"
+                  transparent="false"
                 >
                   <div
                     class="t-overlay"
@@ -8772,6 +8777,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                   css="true"
                   name="t-overlay"
                   persisted="true"
+                  transparent="false"
                 >
                   <div
                     class="t-overlay"
@@ -11156,6 +11162,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                   css="true"
                   name="t-overlay"
                   persisted="true"
+                  transparent="false"
                 >
                   <div
                     class="t-overlay"
@@ -13565,6 +13572,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
               css="true"
               name="t-overlay"
               persisted="true"
+              transparent="false"
             >
               <div
                 class="t-overlay"
@@ -14610,6 +14618,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
               css="true"
               name="t-overlay"
               persisted="true"
+              transparent="false"
             >
               <div
                 class="t-overlay"
@@ -16994,6 +17003,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
               css="true"
               name="t-overlay"
               persisted="true"
+              transparent="false"
             >
               <div
                 class="t-overlay"
@@ -17514,6 +17524,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
           css="true"
           name="t-overlay"
           persisted="true"
+          transparent="false"
         >
           <div
             class="t-overlay"
@@ -19901,6 +19912,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
           css="true"
           name="t-overlay"
           persisted="true"
+          transparent="false"
         >
           <div
             class="t-overlay"

diff --git a/src/calendar/__test__/__snapshots__/index.test.jsx.snap b/src/calendar/__test__/__snapshots__/index.test.jsx.snap
@@ -17,6 +17,7 @@ exports[`calendar > props > : format 1`] = `
         css="true"
         name="t-overlay"
         persisted="true"
+        transparent="false"
       >
         <div
           class="t-overlay t-overlay--active"

diff --git a/src/cascader/__test__/__snapshots__/demo.test.jsx.snap b/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
@@ -63,6 +63,7 @@ exports[`Cascader > Cascader baseVue demo works fine 1`] = `
         css="true"
         name="t-overlay"
         persisted="true"
+        transparent="false"
       >
         <div
           class="t-overlay"
@@ -321,6 +322,7 @@ exports[`Cascader > Cascader keysVue demo works fine 1`] = `
         css="true"
         name="t-overlay"
         persisted="true"
+        transparent="false"
       >
         <div
           class="t-overlay"
@@ -610,6 +612,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
             css="true"
             name="t-overlay"
             persisted="true"
+            transparent="false"
           >
             <div
               class="t-overlay"
@@ -881,6 +884,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
             css="true"
             name="t-overlay"
             persisted="true"
+            transparent="false"
           >
             <div
               class="t-overlay"
@@ -1126,6 +1130,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
             css="true"
             name="t-overlay"
             persisted="true"
+            transparent="false"
           >
             <div
               class="t-overlay"
@@ -1397,6 +1402,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
             css="true"
             name="t-overlay"
             persisted="true"
+            transparent="false"
           >
             <div
               class="t-overlay"
@@ -1668,6 +1674,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
             css="true"
             name="t-overlay"
             persisted="true"
+            transparent="false"
           >
             <div
               class="t-overlay"
@@ -1933,6 +1940,7 @@ exports[`Cascader > Cascader themeTabVue demo works fine 1`] = `
         css="true"
         name="t-overlay"
         persisted="true"
+        transparent="false"
       >
         <div
           class="t-overlay"
@@ -2161,6 +2169,7 @@ exports[`Cascader > Cascader withTitleVue demo works fine 1`] = `
         css="true"
         name="t-overlay"
         persisted="true"
+        transparent="false"
       >
         <div
           class="t-overlay"
@@ -2423,6 +2432,7 @@ exports[`Cascader > Cascader withValueVue demo works fine 1`] = `
         css="true"
         name="t-overlay"
         persisted="true"
+        transparent="false"
       >
         <div
           class="t-overlay"

diff --git a/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap b/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
@@ -43,6 +43,7 @@ exports[`DateTimePicker > DateTimePicker baseVue demo works fine 1`] = `
         css="true"
         name="t-overlay"
         persisted="true"
+        transparent="false"
       >
         <div
           class="t-overlay"
@@ -502,6 +503,7 @@ exports[`DateTimePicker > DateTimePicker customRangeVue demo works fine 1`] = `
         css="true"
         name="t-overlay"
         persisted="true"
+        transparent="false"
       >
         <div
           class="t-overlay"
@@ -896,6 +898,7 @@ exports[`DateTimePicker > DateTimePicker fullVue demo works fine 1`] = `
         css="true"
         name="t-overlay"
         persisted="true"
+        transparent="false"
       >
         <div
           class="t-overlay"
@@ -2149,6 +2152,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
             css="true"
             name="t-overlay"
             persisted="true"
+            transparent="false"
           >
             <div
               class="t-overlay"
@@ -2601,6 +2605,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
             css="true"
             name="t-overlay"
             persisted="true"
+            transparent="false"
           >
             <div
               class="t-overlay"
@@ -2897,6 +2902,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
             css="true"
             name="t-overlay"
             persisted="true"
+            transparent="false"
           >
             <div
               class="t-overlay"
@@ -3472,6 +3478,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
             css="true"
             name="t-overlay"
             persisted="true"
+            transparent="false"
           >
             <div
               class="t-overlay"
@@ -3869,6 +3876,7 @@ exports[`DateTimePicker > DateTimePicker timeVue demo works fine 1`] = `
         css="true"
         name="t-overlay"
         persisted="true"
+        transparent="false"
       >
         <div
           class="t-overlay"
@@ -4427,6 +4435,7 @@ exports[`DateTimePicker > DateTimePicker yearMonthVue demo works fine 1`] = `
         css="true"
         name="t-overlay"
         persisted="true"
+        transparent="false"
       >
         <div
           class="t-overlay"