From c5d860df4b39fbc1bf132b5bc163eef8b1625ff6 Mon Sep 17 00:00:00 2001
From: Aaron <qylinxia@qq.com>
Date: Fri, 10 Jul 2020 21:18:17 +0800
Subject: [PATCH] feat(PasswordInput): add focus item className (#6739)

---
 src/password-input/index.tsx                  |  5 ++-
 .../test/__snapshots__/demo.spec.js.snap      | 44 +++++++++----------
 2 files changed, 26 insertions(+), 23 deletions(-)

diff --git a/src/password-input/index.tsx b/src/password-input/index.tsx
index b40c19cf5..4b1258f06 100644
--- a/src/password-input/index.tsx
+++ b/src/password-input/index.tsx
@@ -40,7 +40,10 @@ function PasswordInput(
     }
 
     Points.push(
-      <li class={{ [BORDER_LEFT]: showBorder }} style={style}>
+      <li
+        class={[{ [BORDER_LEFT]: showBorder }, bem('item', { focus: showCursor })]}
+        style={style}
+      >
         {mask ? (
           <i style={{ visibility: char ? 'visible' : 'hidden' }} />
         ) : (
diff --git a/src/password-input/test/__snapshots__/demo.spec.js.snap b/src/password-input/test/__snapshots__/demo.spec.js.snap
index cc1a24920..52ca0fd65 100644
--- a/src/password-input/test/__snapshots__/demo.spec.js.snap
+++ b/src/password-input/test/__snapshots__/demo.spec.js.snap
@@ -5,14 +5,14 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-password-input">
       <ul class="van-password-input__security van-hairline--surround">
-        <li class=""><i style="visibility: visible;"></i></li>
-        <li class="van-hairline--left"><i style="visibility: visible;"></i></li>
-        <li class="van-hairline--left"><i style="visibility: visible;"></i></li>
-        <li class="van-hairline--left"><i style="visibility: hidden;"></i>
+        <li class="van-password-input__item"><i style="visibility: visible;"></i></li>
+        <li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i></li>
+        <li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i></li>
+        <li class="van-hairline--left van-password-input__item van-password-input__item--focus"><i style="visibility: hidden;"></i>
           <div class="van-password-input__cursor"></div>
         </li>
-        <li class="van-hairline--left"><i style="visibility: hidden;"></i></li>
-        <li class="van-hairline--left"><i style="visibility: hidden;"></i></li>
+        <li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i></li>
+        <li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i></li>
       </ul>
       <div class="van-password-input__info">密码为 6 位数字</div>
     </div>
@@ -42,34 +42,34 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-password-input">
       <ul class="van-password-input__security">
-        <li class=""><i style="visibility: visible;"></i></li>
-        <li class="" style="margin-left: 15px;"><i style="visibility: visible;"></i></li>
-        <li class="" style="margin-left: 15px;"><i style="visibility: visible;"></i></li>
-        <li class="" style="margin-left: 15px;"><i style="visibility: hidden;"></i></li>
+        <li class="van-password-input__item"><i style="visibility: visible;"></i></li>
+        <li class="van-password-input__item" style="margin-left: 15px;"><i style="visibility: visible;"></i></li>
+        <li class="van-password-input__item" style="margin-left: 15px;"><i style="visibility: visible;"></i></li>
+        <li class="van-password-input__item" style="margin-left: 15px;"><i style="visibility: hidden;"></i></li>
       </ul>
     </div>
   </div>
   <div>
     <div class="van-password-input">
       <ul class="van-password-input__security van-hairline--surround">
-        <li class="">1</li>
-        <li class="van-hairline--left">2</li>
-        <li class="van-hairline--left">3</li>
-        <li class="van-hairline--left"></li>
-        <li class="van-hairline--left"></li>
-        <li class="van-hairline--left"></li>
+        <li class="van-password-input__item">1</li>
+        <li class="van-hairline--left van-password-input__item">2</li>
+        <li class="van-hairline--left van-password-input__item">3</li>
+        <li class="van-hairline--left van-password-input__item"></li>
+        <li class="van-hairline--left van-password-input__item"></li>
+        <li class="van-hairline--left van-password-input__item"></li>
       </ul>
     </div>
   </div>
   <div>
     <div class="van-password-input">
       <ul class="van-password-input__security van-hairline--surround">
-        <li class=""><i style="visibility: visible;"></i></li>
-        <li class="van-hairline--left"><i style="visibility: visible;"></i></li>
-        <li class="van-hairline--left"><i style="visibility: visible;"></i></li>
-        <li class="van-hairline--left"><i style="visibility: hidden;"></i></li>
-        <li class="van-hairline--left"><i style="visibility: hidden;"></i></li>
-        <li class="van-hairline--left"><i style="visibility: hidden;"></i></li>
+        <li class="van-password-input__item"><i style="visibility: visible;"></i></li>
+        <li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i></li>
+        <li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i></li>
+        <li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i></li>
+        <li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i></li>
+        <li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i></li>
       </ul>
     </div>
   </div>