jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-03-21 03:27:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: disable comment submit and add loading

Browse Source
This commit is contained in:
Tim
2025-07-06 21:33:10 +08:00
parent 0dcbd08639
commit 955c50597b
3 changed files with 52 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
open-isle-cli/src/components/CommentItem.vue
View File

@@ -40,7 +40,7 @@
</div>
</div>
</div>
<CommentEditor v-if="showEditor" @submit="submitReply" />
<CommentEditor v-if="showEditor" @submit="submitReply" :loading="isWaitingForReply" />
<div v-if="comment.reply && comment.reply.length" class="reply-toggle" @click="toggleReplies">
{{ comment.reply.length }}条回复
</div>
@@ -77,6 +77,7 @@ const CommentItem = {
setup(props) {
const showReplies = ref(false)
const showEditor = ref(false)
const isWaitingForReply = ref(false)
const toggleReplies = () => {
showReplies.value = !showReplies.value
}
@@ -85,9 +86,11 @@ const CommentItem = {
}
const submitReply = async (text) => {
if (!text.trim()) return
isWaitingForReply.value = true
const token = getToken()
if (!token) {
toast.error('请先登录')
isWaitingForReply.value = false
return
}
try {
@@ -120,13 +123,15 @@ const CommentItem = {
}
} catch (e) {
toast.error('回复失败')
} finally {
isWaitingForReply.value = false
}
}
const copyCommentLink = () => {
const link = `${location.origin}${location.pathname}#comment-${props.comment.id}`
navigator.clipboard.writeText(link)
}
return { showReplies, toggleReplies, showEditor, toggleEditor, submitReply, copyCommentLink, renderMarkdown }
return { showReplies, toggleReplies, showEditor, toggleEditor, submitReply, copyCommentLink, renderMarkdown, isWaitingForReply }
}
}
CommentItem.components = { CommentItem, CommentEditor }