fix(publish): expand state
parent
653536d4dd
commit
ab07165475
|
@ -22,7 +22,8 @@ const {
|
||||||
let { draft, isEmpty } = $(useDraft(draftKey, initial))
|
let { draft, isEmpty } = $(useDraft(draftKey, initial))
|
||||||
|
|
||||||
let isSending = $ref(false)
|
let isSending = $ref(false)
|
||||||
let isExpanded = $ref(!isEmpty || _expanded)
|
let isExpanded = $ref(false)
|
||||||
|
const shouldExpanded = $computed(() => _expanded || isExpanded || !isEmpty)
|
||||||
|
|
||||||
const { editor } = useTiptap({
|
const { editor } = useTiptap({
|
||||||
content: computed({
|
content: computed({
|
||||||
|
@ -30,7 +31,7 @@ const { editor } = useTiptap({
|
||||||
set: newVal => draft.params.status = newVal,
|
set: newVal => draft.params.status = newVal,
|
||||||
}),
|
}),
|
||||||
placeholder: draft.placeholder,
|
placeholder: draft.placeholder,
|
||||||
autofocus: isExpanded,
|
autofocus: shouldExpanded,
|
||||||
onSubmit: publish,
|
onSubmit: publish,
|
||||||
onFocus() { isExpanded = true },
|
onFocus() { isExpanded = true },
|
||||||
onPaste: handlePaste,
|
onPaste: handlePaste,
|
||||||
|
@ -177,9 +178,9 @@ const { isOverDropZone } = useDropZone(dropZoneRef, onDrop)
|
||||||
<EditorContent
|
<EditorContent
|
||||||
:editor="editor"
|
:editor="editor"
|
||||||
flex
|
flex
|
||||||
:class="isExpanded ? 'min-h-120px max-h-720px of-y-auto' : ''"
|
:class="shouldExpanded ? 'min-h-120px max-h-720px of-y-auto' : ''"
|
||||||
/>
|
/>
|
||||||
<div v-if="isExpanded" absolute right-0 bottom-0 pointer-events-none text-sm text-secondary-light>
|
<div v-if="shouldExpanded" absolute right-0 bottom-0 pointer-events-none text-sm text-secondary-light>
|
||||||
{{ characterLimit - editor?.storage.characterCount.characters() }}
|
{{ characterLimit - editor?.storage.characterCount.characters() }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -198,7 +199,7 @@ const { isOverDropZone } = useDropZone(dropZoneRef, onDrop)
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
v-if="isExpanded" flex="~ gap-2" m="l--1" pt-2
|
v-if="shouldExpanded" flex="~ gap-2" m="l--1" pt-2
|
||||||
border="t base"
|
border="t base"
|
||||||
>
|
>
|
||||||
<CommonTooltip placement="bottom" :content="$t('tooltip.add_media')">
|
<CommonTooltip placement="bottom" :content="$t('tooltip.add_media')">
|
||||||
|
|
Loading…
Reference in New Issue