From 2de19ca187f71e5262e37db46bc706f82f3f1977 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Fri, 28 Jan 2022 21:29:45 +0800
Subject: [PATCH] refactor: remove the button to remove the thumbnail from the
 post settings (#427)

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 src/views/post/components/PostSettingModal.vue   |  9 ++++++---
 src/views/sheet/components/SheetSettingModal.vue | 10 +++++++---
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/views/post/components/PostSettingModal.vue b/src/views/post/components/PostSettingModal.vue
index 95467010..8124b460 100644
--- a/src/views/post/components/PostSettingModal.vue
+++ b/src/views/post/components/PostSettingModal.vue
@@ -88,8 +88,11 @@
                     class="img"
                     @click="attachmentSelectVisible = true"
                   />
-                  <a-input v-model="form.model.thumbnail" placeholder="点击封面图选择图片，或者输入外部链接"></a-input>
-                  <a-button type="dashed" @click="form.model.thumbnail = null">移除</a-button>
+                  <a-input
+                    v-model="form.model.thumbnail"
+                    allow-clear
+                    placeholder="点击封面图选择图片，或者输入外部链接"
+                  ></a-input>
                 </a-space>
               </div>
             </a-form-item>
@@ -122,7 +125,7 @@
     </div>
     <template slot="footer">
       <slot name="extraFooter" />
-      <a-button :disabled="loading" @click="modalVisible = false"> 关闭 </a-button>
+      <a-button :disabled="loading" @click="modalVisible = false"> 关闭</a-button>
       <ReactiveButton
         v-if="!form.model.id"
         :errored="form.draftSaveErrored"
diff --git a/src/views/sheet/components/SheetSettingModal.vue b/src/views/sheet/components/SheetSettingModal.vue
index 8c789273..ed54c59a 100644
--- a/src/views/sheet/components/SheetSettingModal.vue
+++ b/src/views/sheet/components/SheetSettingModal.vue
@@ -76,8 +76,11 @@
                     class="img"
                     @click="attachmentSelectVisible = true"
                   />
-                  <a-input v-model="form.model.thumbnail" placeholder="点击封面图选择图片，或者输入外部链接"></a-input>
-                  <a-button type="dashed" @click="form.model.thumbnail = null">移除</a-button>
+                  <a-input
+                    v-model="form.model.thumbnail"
+                    allow-clear
+                    placeholder="点击封面图选择图片，或者输入外部链接"
+                  ></a-input>
                 </a-space>
               </div>
             </a-form-item>
@@ -110,7 +113,7 @@
     </div>
     <template slot="footer">
       <slot name="extraFooter" />
-      <a-button :disabled="loading" @click="modalVisible = false"> 关闭 </a-button>
+      <a-button :disabled="loading" @click="modalVisible = false"> 关闭</a-button>
       <ReactiveButton
         v-if="!form.model.id"
         :errored="form.draftSaveErrored"
@@ -149,6 +152,7 @@ import pinyin from 'tiny-pinyin'
 import { mapGetters } from 'vuex'
 // apis
 import apiClient from '@/utils/api-client'
+
 export default {
   name: 'SheetSettingModal',
   mixins: [mixin, mixinDevice],