From 1c020a9dac4c9157c3dc68dba3bac188c92fa0d0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 27 Sep 2020 16:48:39 +0800
Subject: [PATCH] chore(PasswordInput): renderPoints

---
 src/password-input/index.js | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/password-input/index.js b/src/password-input/index.js
index e942a2ac7..09533c1e6 100644
--- a/src/password-input/index.js
+++ b/src/password-input/index.js
@@ -32,11 +32,10 @@ export default createComponent({
       emit('focus', event);
     };
 
-    return () => {
-      const { mask, value, length, gutter, focused, errorInfo } = props;
-      const info = errorInfo || props.info;
-
+    const renderPoints = () => {
       const Points = [];
+      const { mask, value, length, gutter, focused } = props;
+
       for (let i = 0; i < length; i++) {
         const char = value[i];
         const showBorder = i !== 0 && !gutter;
@@ -65,16 +64,23 @@ export default createComponent({
         );
       }
 
+      return Points;
+    };
+
+    return () => {
+      const info = props.errorInfo || props.info;
       return (
         <div class={bem()}>
           <ul
-            class={[bem('security'), { [BORDER_SURROUND]: !gutter }]}
+            class={[bem('security'), { [BORDER_SURROUND]: !props.gutter }]}
             onTouchstart={onTouchStart}
           >
-            {Points}
+            {renderPoints()}
           </ul>
           {info && (
-            <div class={bem(errorInfo ? 'error-info' : 'info')}>{info}</div>
+            <div class={bem(props.errorInfo ? 'error-info' : 'info')}>
+              {info}
+            </div>
           )}
         </div>
       );