From ad8b8781208e79164c0c3b2530be57cd571b8ef4 Mon Sep 17 00:00:00 2001
From: Chris <1633711653@qq.com>
Date: Sun, 27 Nov 2022 01:20:30 +0800
Subject: [PATCH] fix(publishWidget): add max height (#136)

---
 components/publish/PublishWidget.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index 16fe65ad..5d140f7a 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -16,9 +16,10 @@ const {
   expanded?: boolean
 }>()
 
-let isExpanded = $ref(_expanded)
 let isSending = $ref(false)
 let { draft } = $(useDraft(draftKey, inReplyToId))
+const isExistDraft = $computed(() => !!draft.params.status && draft.params.status !== '<p></p>')
+let isExpanded = $ref(isExistDraft || _expanded)
 
 const { editor } = useTiptap({
   content: computed({
@@ -180,7 +181,7 @@ onUnmounted(() => {
         <div relative>
           <EditorContent
             :editor="editor"
-            :class="isExpanded ? 'min-h-120px' : ''"
+            :class="isExpanded ? 'min-h-120px max-h-720px of-y-auto' : ''"
           />
           <div v-if="isExpanded" absolute right-0 bottom-0 pointer-events-none text-sm op25>
             {{ characterLimit - editor?.storage.characterCount.characters() }}
@@ -254,7 +255,7 @@ onUnmounted(() => {
           </CommonDropdown>
           <button
             btn-solid rounded-full text-sm
-            :disabled="isUploading || (draft.attachments.length === 0 && !draft.params.status)"
+            :disabled="!isExistDraft || isUploading || (draft.attachments.length === 0 && !draft.params.status)"
             @click="publish"
           >
             {{ !draft.editingStatus ? 'Publish!' : 'Save changes' }}