From 969fdd264b89469b8cf704cea0098726b49a50ba Mon Sep 17 00:00:00 2001
From: iamkun <kunhello@outlook.com>
Date: Tue, 26 Feb 2019 12:09:05 +0800
Subject: [PATCH] Input: update input password (#14480)

* refactor: Refactor Input component

* Update input.vue

* Update input.vue
---
 packages/input/src/input.vue | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/packages/input/src/input.vue b/packages/input/src/input.vue
index d63b3e874..148f49ed3 100644
--- a/packages/input/src/input.vue
+++ b/packages/input/src/input.vue
@@ -52,25 +52,18 @@
         class="el-input__suffix"
         v-if="$slots.suffix || suffixIcon || showClear || showPassword || validateState && needStatusIcon">
         <span class="el-input__suffix-inner">
-          <template v-if="!showClear">
+          <template v-if="!showClear || !showPwdVisible">
             <slot name="suffix"></slot>
             <i class="el-input__icon"
               v-if="suffixIcon"
               :class="suffixIcon">
             </i>
           </template>
-          <i v-else
+          <i v-if="showClear"
             class="el-input__icon el-icon-circle-close el-input__clear"
             @click="clear"
           ></i>
-          <template v-if="!showVisible">
-            <slot name="suffix"></slot>
-            <i class="el-input__icon"
-              v-if="suffixIcon"
-              :class="suffixIcon">
-            </i>
-          </template>
-          <i v-else
+          <i v-if="showPwdVisible"
             class="el-input__icon el-icon-view el-input__clear"
             @click="handlePasswordVisible"
           ></i>
@@ -224,7 +217,7 @@
           this.nativeInputValue &&
           (this.focused || this.hovering);
       },
-      showVisible() {
+      showPwdVisible() {
         return this.showPassword &&
           !this.inputDisabled &&
           !this.readonly &&