From 985195df51da401bbba40949d2ed85aa12840412 Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Tue, 23 Aug 2022 15:45:00 +0800
Subject: [PATCH] fix: spelling check

---
 .github/workflows/typos-config.toml           |  3 +-
 .../__test__/__snapshots__/demo.test.jsx.snap | 16 +++++-----
 .../__test__/__snapshots__/demo.test.jsx.snap | 20 ++++++------
 .../__test__/__snapshots__/demo.test.jsx.snap | 32 +++++++++----------
 .../__test__/__snapshots__/demo.test.jsx.snap |  8 ++---
 .../__test__/__snapshots__/demo.test.jsx.snap | 16 +++++-----
 .../__test__/__snapshots__/demo.test.jsx.snap | 24 +++++++-------
 src/popup/popup.vue                           |  4 ++-
 8 files changed, 63 insertions(+), 60 deletions(-)

diff --git a/.github/workflows/typos-config.toml b/.github/workflows/typos-config.toml
index 34b738b55..363e52dae 100644
--- a/.github/workflows/typos-config.toml
+++ b/.github/workflows/typos-config.toml
@@ -4,4 +4,5 @@ formated = "formated"
 formate = "formate"
 Colum = "Colum"
 ba = "ba"
-ded = "ded"
\ No newline at end of file
+ded = "ded"
+Hel = "Hel"
diff --git a/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap b/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap
index 14ebaa5ec..611fd18ef 100644
--- a/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap
@@ -71,7 +71,7 @@ exports[`ActionSheet > ActionSheet gridVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup t-action-sheet"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -494,7 +494,7 @@ exports[`ActionSheet > ActionSheet listVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup t-action-sheet"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -588,7 +588,7 @@ exports[`ActionSheet > ActionSheet listVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup t-action-sheet"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -673,7 +673,7 @@ exports[`ActionSheet > ActionSheet listVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup t-action-sheet"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -845,7 +845,7 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup t-action-sheet"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -940,7 +940,7 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup t-action-sheet"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -1026,7 +1026,7 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup t-action-sheet"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -1282,7 +1282,7 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup t-action-sheet"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
diff --git a/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap b/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
index 6651501d0..c2d44297d 100644
--- a/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
@@ -55,7 +55,7 @@ exports[`DateTimePicker > DateTimePicker baseVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -1305,7 +1305,7 @@ exports[`DateTimePicker > DateTimePicker hourMinuteVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -1912,7 +1912,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
     <!--teleport start-->
     <div
       class="t-popup"
-      style="z-index: undefined;"
+      style=""
     >
       <transition-stub>
         <transition-stub>
@@ -3151,7 +3151,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
     <!--teleport start-->
     <div
       class="t-popup"
-      style="z-index: undefined;"
+      style=""
     >
       <transition-stub>
         <transition-stub>
@@ -3637,7 +3637,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
     <!--teleport start-->
     <div
       class="t-popup"
-      style="z-index: undefined;"
+      style=""
     >
       <transition-stub>
         <transition-stub>
@@ -3957,7 +3957,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
     <!--teleport start-->
     <div
       class="t-popup"
-      style="z-index: undefined;"
+      style=""
     >
       <transition-stub>
         <transition-stub>
@@ -4548,7 +4548,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
     <!--teleport start-->
     <div
       class="t-popup"
-      style="z-index: undefined;"
+      style=""
     >
       <transition-stub>
         <transition-stub>
@@ -5703,7 +5703,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
     <!--teleport start-->
     <div
       class="t-popup"
-      style="z-index: undefined;"
+      style=""
     >
       <transition-stub>
         <transition-stub>
@@ -6954,7 +6954,7 @@ exports[`DateTimePicker > DateTimePicker renderLabelDateVue demo works fine 1`]
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -7451,7 +7451,7 @@ exports[`DateTimePicker > DateTimePicker startEndDateVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
diff --git a/src/dialog/__test__/__snapshots__/demo.test.jsx.snap b/src/dialog/__test__/__snapshots__/demo.test.jsx.snap
index 7a63bfce9..3c53d4b67 100644
--- a/src/dialog/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/dialog/__test__/__snapshots__/demo.test.jsx.snap
@@ -63,7 +63,7 @@ exports[`Dialog > Dialog confirmVue demo works fine 1`] = `
           <!--teleport start-->
           <div
             class="t-popup"
-            style="z-index: undefined;"
+            style=""
           >
             <transition-stub>
               <transition-stub>
@@ -128,7 +128,7 @@ exports[`Dialog > Dialog confirmVue demo works fine 1`] = `
           <!--teleport start-->
           <div
             class="t-popup"
-            style="z-index: undefined;"
+            style=""
           >
             <transition-stub>
               <transition-stub>
@@ -253,7 +253,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
             <!--teleport start-->
             <div
               class="t-popup"
-              style="z-index: undefined;"
+              style=""
             >
               <transition-stub>
                 <transition-stub>
@@ -343,7 +343,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
             <!--teleport start-->
             <div
               class="t-popup"
-              style="z-index: undefined;"
+              style=""
             >
               <transition-stub>
                 <transition-stub>
@@ -433,7 +433,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
             <!--teleport start-->
             <div
               class="t-popup"
-              style="z-index: undefined;"
+              style=""
             >
               <transition-stub>
                 <transition-stub>
@@ -527,7 +527,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
             <!--teleport start-->
             <div
               class="t-popup"
-              style="z-index: undefined;"
+              style=""
             >
               <transition-stub>
                 <transition-stub>
@@ -650,7 +650,7 @@ exports[`Dialog > Dialog inputVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -707,7 +707,7 @@ exports[`Dialog > Dialog inputVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -872,7 +872,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
@@ -940,7 +940,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
@@ -1008,7 +1008,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
@@ -1084,7 +1084,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
@@ -1208,7 +1208,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
@@ -1295,7 +1295,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
@@ -1431,7 +1431,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
@@ -1510,7 +1510,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
diff --git a/src/drawer/__test__/__snapshots__/demo.test.jsx.snap b/src/drawer/__test__/__snapshots__/demo.test.jsx.snap
index e74cf75cd..a76921d2e 100644
--- a/src/drawer/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/drawer/__test__/__snapshots__/demo.test.jsx.snap
@@ -8,7 +8,7 @@ exports[`Drawer > Drawer baseVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -129,7 +129,7 @@ exports[`Drawer > Drawer iconVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -373,7 +373,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
@@ -503,7 +503,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
diff --git a/src/picker/__test__/__snapshots__/demo.test.jsx.snap b/src/picker/__test__/__snapshots__/demo.test.jsx.snap
index d5425d9fd..1bd227acb 100644
--- a/src/picker/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/picker/__test__/__snapshots__/demo.test.jsx.snap
@@ -165,7 +165,7 @@ exports[`Picker > Picker baseVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -293,7 +293,7 @@ exports[`Picker > Picker baseVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -467,7 +467,7 @@ exports[`Picker > Picker baseVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -907,7 +907,7 @@ exports[`Picker > Picker cascadeVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -1233,7 +1233,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
     <!--teleport start-->
     <div
       class="t-popup"
-      style="z-index: undefined;"
+      style=""
     >
       <transition-stub>
         <transition-stub>
@@ -1361,7 +1361,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
     <!--teleport start-->
     <div
       class="t-popup"
-      style="z-index: undefined;"
+      style=""
     >
       <transition-stub>
         <transition-stub>
@@ -1535,7 +1535,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
     <!--teleport start-->
     <div
       class="t-popup"
-      style="z-index: undefined;"
+      style=""
     >
       <transition-stub>
         <transition-stub>
@@ -1984,7 +1984,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
     <!--teleport start-->
     <div
       class="t-popup"
-      style="z-index: undefined;"
+      style=""
     >
       <transition-stub>
         <transition-stub>
diff --git a/src/popup/__test__/__snapshots__/demo.test.jsx.snap b/src/popup/__test__/__snapshots__/demo.test.jsx.snap
index d70432910..f84d52dfd 100644
--- a/src/popup/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/popup/__test__/__snapshots__/demo.test.jsx.snap
@@ -25,7 +25,7 @@ exports[`Popup > Popup customAnimationVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -107,7 +107,7 @@ exports[`Popup > Popup mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
@@ -159,7 +159,7 @@ exports[`Popup > Popup mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
@@ -211,7 +211,7 @@ exports[`Popup > Popup mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
@@ -263,7 +263,7 @@ exports[`Popup > Popup mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
@@ -315,7 +315,7 @@ exports[`Popup > Popup mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
@@ -367,7 +367,7 @@ exports[`Popup > Popup mobileVue demo works fine 1`] = `
       <!--teleport start-->
       <div
         class="t-popup"
-        style="z-index: undefined;"
+        style=""
       >
         <transition-stub>
           <transition-stub>
@@ -425,7 +425,7 @@ exports[`Popup > Popup placementBottomVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -480,7 +480,7 @@ exports[`Popup > Popup placementCenterVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -535,7 +535,7 @@ exports[`Popup > Popup placementLeftVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -590,7 +590,7 @@ exports[`Popup > Popup placementRightVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
@@ -645,7 +645,7 @@ exports[`Popup > Popup placementTopVue demo works fine 1`] = `
   <!--teleport start-->
   <div
     class="t-popup"
-    style="z-index: undefined;"
+    style=""
   >
     <transition-stub>
       <transition-stub>
diff --git a/src/popup/popup.vue b/src/popup/popup.vue
index 4ff6eb316..3fb1bbd8e 100644
--- a/src/popup/popup.vue
+++ b/src/popup/popup.vue
@@ -45,7 +45,9 @@ export default defineComponent({
     );
 
     const rootClasses = computed(() => name);
-    const rootStyles = computed(() => `${props.customStyle}z-index:${props.zIndex};`);
+    const rootStyles = computed(
+      () => (props.customStyle && `${props.customStyle};`) + (props.zIndex && `z-index:${props.zIndex};`),
+    );
 
     const contentClasses = computed(() => ({
       [`${name}--content`]: true,