pref: reply store

src/components/milkdown/MilkdownEditorWrapper.vue

@@ -9,6 +9,7 @@ import MilkdownEditor from './MilkdownEditor.vue'
 
 // KUN Visual Novel store
 import { useKUNGalgameEditStore } from '@/store/modules/edit'
+import { useTempReplyStore } from '@/store/temp/topic/reply'
 import { usePersistKUNGalgameReplyStore } from '@/store/modules/topic/reply'
 import { storeToRefs } from 'pinia'
 
@@ -18,12 +19,11 @@ const {
   content,
   topicRewrite,
 } = storeToRefs(useKUNGalgameEditStore())
+const { isReplyRewriting, replyRewrite } = storeToRefs(useTempReplyStore())
 const {
   editorHeight: replyEditorHeight,
   isSaveReply,
-  isReplyRewriting,
   replyDraft,
-  replyRewrite,
 } = storeToRefs(usePersistKUNGalgameReplyStore())
 
 const props = defineProps<{

src/store/modules/topic/reply.ts

@@ -1,17 +1,14 @@
 import { defineStore } from 'pinia'
 
-// Replies
-import { postReplyByPidApi, updateReplyApi } from '@/api'
+import { postReplyByPidApi } from '@/api'
 
 import type {
   TopicCreateReplyRequestData,
   TopicCreateReplyResponseData,
-  TopicUpdateReplyRequestData,
-  TopicUpdateReplyResponseData,
 } from '@/api'
 
-import { ReplyStorePersist } from '@/store/types/topic/reply'
 import { checkReplyPublish } from '@/store/utils/checkReplyPublish'
+import type { ReplyStorePersist } from '@/store/types/topic/reply'
 
 export const usePersistKUNGalgameReplyStore = defineStore({
   id: 'KUNGalgameReply',
@@ -23,9 +20,6 @@ export const usePersistKUNGalgameReplyStore = defineStore({
     isShowHotKeywords: true,
     editorHeight: 200,
 
-    // Whether the reply is being rewritten
-    isReplyRewriting: false,
-
     replyDraft: {
       tid: 0,
       toUserName: '',
@@ -34,13 +28,6 @@ export const usePersistKUNGalgameReplyStore = defineStore({
       tags: [],
       toFloor: 0,
     },
-    replyRewrite: {
-      tid: 0,
-      rid: 0,
-      content: '',
-      tags: [],
-      edited: 0,
-    },
   }),
   actions: {
     // Create a new reply
@@ -62,23 +49,6 @@ export const usePersistKUNGalgameReplyStore = defineStore({
       return await postReplyByPidApi(requestData)
     },
 
-    // Update a reply
-    async updateReply(): Promise<TopicUpdateReplyResponseData | undefined> {
-      const requestData: TopicUpdateReplyRequestData = {
-        tid: this.replyRewrite.tid,
-        rid: this.replyRewrite.rid,
-        content: this.replyRewrite.content,
-        tags: this.replyRewrite.tags,
-        edited: Date.now(),
-      }
-
-      if (!checkReplyPublish(requestData.tags, requestData.content)) {
-        return
-      }
-
-      return await updateReplyApi(requestData)
-    },
-
     // Reset reply draft to its original value, used for the reply publish button
     resetReplyDraft() {
       this.replyDraft.tid = 0
@@ -90,15 +60,5 @@ export const usePersistKUNGalgameReplyStore = defineStore({
 
       this.isSaveReply = false
     },
-
-    // Reset data for re-editing a reply
-    resetRewriteReplyData() {
-      this.replyRewrite.tid = 0
-      this.replyRewrite.rid = 0
-      this.replyRewrite.content = ''
-      this.replyRewrite.tags = []
-
-      this.isReplyRewriting = false
-    },
   },
 })

src/store/temp/topic/reply.ts

@@ -1,10 +1,11 @@
 import { defineStore } from 'pinia'
-// Replies
+
 import {
   getRepliesByPidApi,
   updateReplyUpvoteApi,
   updateReplyLikeApi,
   updateReplyDislikeApi,
+  updateReplyApi,
 } from '@/api'
 
 import type {
@@ -16,8 +17,11 @@ import type {
   TopicLikeReplyResponseData,
   TopicDislikeReplyRequestData,
   TopicDislikeReplyResponseData,
+  TopicUpdateReplyRequestData,
+  TopicUpdateReplyResponseData,
 } from '@/api'
 
+import { checkReplyPublish } from '@/store/utils/checkReplyPublish'
 import type { ReplyStoreTemp } from '@/store/types/topic/reply'
 
 export const useTempReplyStore = defineStore({
@@ -28,8 +32,9 @@ export const useTempReplyStore = defineStore({
     isEdit: false,
     isScrollToTop: false,
     isLoading: true,
-    // Reply ID starts from 0, -1 is just for monitoring data changes
+
     scrollToReplyId: -1,
+    isReplyRewriting: false,
 
     replyRequest: {
       page: 1,
@@ -38,13 +43,20 @@ export const useTempReplyStore = defineStore({
       sortOrder: 'asc',
     },
 
+    replyRewrite: {
+      tid: 0,
+      rid: 0,
+      content: '',
+      tags: [],
+      edited: 0,
+    },
+
     tempReply: {
       rid: 0,
       tid: 0,
-      // Floor where the reply is located
       floor: 0,
-      // Floor where the replied reply is located
       to_floor: 0,
+
       r_user: {
         uid: 0,
         name: '',
@@ -129,6 +141,33 @@ export const useTempReplyStore = defineStore({
       return await updateReplyDislikeApi(requestData)
     },
 
+    // Update a reply
+    async updateReply(): Promise<TopicUpdateReplyResponseData | undefined> {
+      const requestData: TopicUpdateReplyRequestData = {
+        tid: this.replyRewrite.tid,
+        rid: this.replyRewrite.rid,
+        content: this.replyRewrite.content,
+        tags: this.replyRewrite.tags,
+        edited: Date.now(),
+      }
+
+      if (!checkReplyPublish(requestData.tags, requestData.content)) {
+        return
+      }
+
+      return await updateReplyApi(requestData)
+    },
+
+    // Reset data for re-editing a reply
+    resetRewriteReplyData() {
+      this.replyRewrite.tid = 0
+      this.replyRewrite.rid = 0
+      this.replyRewrite.content = ''
+      this.replyRewrite.tags = []
+
+      this.isReplyRewriting = false
+    },
+
     resetPageStatus() {
       this.replyRequest.page = 1
       this.isLoading = true

src/store/types/topic/reply.d.ts

@@ -42,7 +42,10 @@ export interface ReplyStoreTemp {
   // Reply ID to scroll to
   scrollToReplyId: number
 
+  isReplyRewriting: boolean
+
   replyRequest: ReplyRequest
+  replyRewrite: ReplyRewrite
   tempReply: TopicReply
   tempReplyRewrite: ReplyRewriteTemp
 }
@@ -54,8 +57,5 @@ export interface ReplyStorePersist {
   isShowHotKeywords: boolean
   editorHeight: number
 
-  isReplyRewriting: boolean
-
   replyDraft: ReplyDraft
-  replyRewrite: ReplyRewrite
 }

src/views/edit/components/Tags.vue

@@ -4,6 +4,7 @@ import { useRoute } from 'vue-router'
 import Message from '@/components/alert/Message'
 
 import { useKUNGalgameEditStore } from '@/store/modules/edit'
+import { useTempReplyStore } from '@/store/temp/topic/reply'
 import { usePersistKUNGalgameReplyStore } from '@/store/modules/topic/reply'
 import { storeToRefs } from 'pinia'
 
@@ -19,13 +20,11 @@ const {
   isSaveTopic,
   topicRewrite,
 } = storeToRefs(useKUNGalgameEditStore())
-// Store for the topic interface, used for replies
+const { isReplyRewriting, replyRewrite } = storeToRefs(useTempReplyStore())
 const {
   isShowHotKeywords: isShowReplyHotKeywords,
   isSaveReply,
-  isReplyRewriting,
   replyDraft,
-  replyRewrite,
 } = storeToRefs(usePersistKUNGalgameReplyStore())
 
 // Compute whether to show hot tags based on route name

src/views/topic/KUNGalgameTopicPage.vue

@@ -24,7 +24,6 @@ const ReplyPanel = defineAsyncComponent(
 
 import { useKUNGalgameSettingsStore } from '@/store/modules/settings'
 import { usePersistKUNGalgameTopicStore } from '@/store/modules/topic/topic'
-import { usePersistKUNGalgameReplyStore } from '@/store/modules/topic/reply'
 
 import { useTempTopicStore } from '@/store/temp/topic/topic'
 import { useTempReplyStore } from '@/store/temp/topic/reply'
@@ -36,7 +35,7 @@ const route = useRoute()
 
 const { showKUNGalgamePageWidth } = storeToRefs(useKUNGalgameSettingsStore())
 const { isShowAdvance } = storeToRefs(usePersistKUNGalgameTopicStore())
-const { isReplyRewriting } = storeToRefs(usePersistKUNGalgameReplyStore())
+const { isReplyRewriting } = storeToRefs(useTempReplyStore())
 
 const {
   isEdit,

src/views/topic/components/footer/Rewrite.vue

@@ -5,16 +5,13 @@ import { Icon } from '@iconify/vue'
 import { useRouter } from 'vue-router'
 
 import { useKUNGalgameEditStore } from '@/store/modules/edit'
-import { usePersistKUNGalgameReplyStore } from '@/store/modules/topic/reply'
 
 import { useTempReplyStore } from '@/store/temp/topic/reply'
 import { storeToRefs } from 'pinia'
 
 const { topicRewrite } = storeToRefs(useKUNGalgameEditStore())
 const { isEdit } = storeToRefs(useTempReplyStore())
-const { isReplyRewriting, replyRewrite } = storeToRefs(
-  usePersistKUNGalgameReplyStore()
-)
+const { isReplyRewriting, replyRewrite } = storeToRefs(useTempReplyStore())
 
 const router = useRouter()
 

src/views/topic/components/reply/ReplyPanel.vue

@@ -20,7 +20,8 @@ import { storeToRefs } from 'pinia'
 
 const messageStore = useTempMessageStore()
 const { isShowAdvance } = storeToRefs(usePersistKUNGalgameTopicStore())
-const { replyDraft, isReplyRewriting, replyPanelWidth } = storeToRefs(
+const { isReplyRewriting } = storeToRefs(useTempReplyStore())
+const { replyDraft, replyPanelWidth } = storeToRefs(
   usePersistKUNGalgameReplyStore()
 )
 
@@ -37,7 +38,7 @@ const handleClosePanel = async () => {
     const res = await messageStore.alert('AlertInfo.edit.closePanel', true)
 
     if (res) {
-      usePersistKUNGalgameReplyStore().resetRewriteReplyData()
+      useTempReplyStore().resetRewriteReplyData()
     } else {
       return
     }

src/views/topic/components/reply/ReplyPanelBtn.vue

@@ -9,37 +9,30 @@ import { useTempReplyStore } from '@/store/temp/topic/reply'
 import { storeToRefs } from 'pinia'
 
 const { isShowAdvance } = storeToRefs(usePersistKUNGalgameTopicStore())
-const { isSaveReply, isReplyRewriting, replyRewrite } = storeToRefs(
-  usePersistKUNGalgameReplyStore()
-)
+const { isReplyRewriting, replyRewrite } = storeToRefs(useTempReplyStore())
+const { isSaveReply } = storeToRefs(usePersistKUNGalgameReplyStore())
 
 const { isEdit, tempReplyRewrite } = storeToRefs(useTempReplyStore())
 
 const messageStore = useTempMessageStore()
 
-// Click to publish a reply
 const handlePublish = async () => {
   const res = await messageStore.alert('AlertInfo.edit.publish', true)
-  // Implement user's confirmation or cancel logic here
+
   if (res) {
     useTempReplyStore().resetPageStatus()
-    // Publish the reply
     const responseData = await usePersistKUNGalgameReplyStore().postNewReply()
 
     if (responseData?.code === 200) {
-      // Save the data of the new reply
       useTempReplyStore().tempReply = responseData.data
-      // Clear the data because the reply has been successfully posted
       usePersistKUNGalgameReplyStore().resetReplyDraft()
-      // Close the panel
+
       isEdit.value = false
-      // Display a success message
       Message('Publish reply successfully!', '发布回复成功！', 'success')
     }
   }
 }
 
-// Save the data for reply rewriting
 const saveRewriteReply = () => {
   tempReplyRewrite.value.rid = replyRewrite.value.rid
   tempReplyRewrite.value.content = replyRewrite.value.content
@@ -47,35 +40,26 @@ const saveRewriteReply = () => {
   tempReplyRewrite.value.edited = Date.now()
 }
 
-// Handle reply rewriting
 const handleRewrite = async () => {
   const res = await messageStore.alert('AlertInfo.edit.rewrite', true)
-  // Implement user's confirmation or cancel logic here
+
   if (res) {
-    // Update the reply
-    const responseData = await usePersistKUNGalgameReplyStore().updateReply()
+    const responseData = await useTempReplyStore().updateReply()
 
     if (responseData?.code === 200) {
-      // Change the publish status, the front-end will add data for the new reply
-
       Message('Reply rewrite successfully', '回复重新编辑成功', 'success')
-      // Save the data for the new reply, which is essentially the draft data
       saveRewriteReply()
 
-      // Clear the data because the reply has been updated at this point
-      usePersistKUNGalgameReplyStore().resetRewriteReplyData()
-      // Close the panel
+      useTempReplyStore().resetRewriteReplyData()
+
       isShowAdvance.value = false
       isEdit.value = false
     }
   }
 }
 
-// Handle saving a draft
 const handleSave = () => {
-  // Set the save flag to true
   isSaveReply.value = true
-  // Implement the logic for saving the draft here
   Message(
     'The draft has been saved successfully!',
     '草稿已经保存成功',
@@ -83,7 +67,6 @@ const handleSave = () => {
   )
 }
 
-// Show advanced editing options
 const handleShowAdvance = () => {
   isShowAdvance.value = !isShowAdvance.value
 }