From e5ac8df1bd899e224170d3c40cd0c0fb852145bf Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Fri, 6 Sep 2019 23:42:56 +0800
Subject: [PATCH] Refactor PostSetting.vue.

---
 src/views/post/components/PostSetting.vue | 28 ++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/views/post/components/PostSetting.vue b/src/views/post/components/PostSetting.vue
index bc71cd3c..9e9758ab 100644
--- a/src/views/post/components/PostSetting.vue
+++ b/src/views/post/components/PostSetting.vue
@@ -31,10 +31,31 @@
                 <a-input v-model="selectedPost.url" />
               </a-form-item>
               <a-form-item label="访问密码：">
+                <a-input
+                  v-model="selectedPost.password"
+                  v-if="passwordVisible"
+                >
+                  <a
+                    href="javascript:void(0);"
+                    slot="addonAfter"
+                    @click="togglePasswordVisible"
+                  >
+                    <a-icon type="eye" />
+                  </a>
+                </a-input>
                 <a-input
                   type="password"
                   v-model="selectedPost.password"
-                />
+                  v-else
+                >
+                  <a
+                    href="javascript:void(0);"
+                    slot="addonAfter"
+                    @click="togglePasswordVisible"
+                  >
+                    <a-icon type="eye-invisible" />
+                  </a>
+                </a-input>
               </a-form-item>
 
               <a-form-item label="发表时间：">
@@ -218,6 +239,7 @@ export default {
       thumbDrawerVisible: false,
       categoryFormVisible: false,
       settingLoading: true,
+      passwordVisible: false,
       selectedPost: this.post,
       selectedTagIds: this.tagIds,
       selectedCategoryIds: this.categoryIds,
@@ -395,8 +417,12 @@ export default {
         })
       }
     },
+    togglePasswordVisible() {
+      this.passwordVisible = !this.passwordVisible
+    },
     onClose() {
       this.$emit('close', false)
+      this.passwordVisible = false
     },
     onPostDateChange(value, dateString) {
       this.selectedPost.createTime = value.valueOf()