feat: persist galgame rating short summary publish

Author: KUN1007

components/galgame/rating/Publish.vue

@@ -14,6 +14,7 @@ import {
   createGalgameRatingSchema,
   updateGalgameRatingSchema
 } from '~/validations/galgame-rating'
+import { usePersistEditGalgameRatingStore } from '~/store/modules/edit/rating'
 import type { GalgamePageRatingCard } from '~/types/api/galgame-rating'
 
 type RatingInitialData = {
@@ -46,6 +47,10 @@ const emits = defineEmits<{
   onPublished: [GalgamePageRatingCard]
 }>()
 
+const { shortSummary: shortSummaryStore } = storeToRefs(
+  usePersistEditGalgameRatingStore()
+)
+
 const recommend =
   ref<(typeof KUN_GALGAME_RATING_RECOMMEND_CONST)[number]>('neutral')
 const playStatus =
@@ -95,6 +100,15 @@ watch(
   }
 )
 
+watch(
+  () => shortSummary.value,
+  () => {
+    if (!props.initialData) {
+      shortSummaryStore.value = shortSummary.value
+    }
+  }
+)
+
 const isSubmitting = ref(false)
 
 const recommendOptions = computed(() =>
@@ -140,6 +154,8 @@ watch(
       }
       selectedTypes.value = [...(props.initialData.galgameType ?? [])]
       showAdvanced.value = true
+    } else {
+      shortSummary.value = shortSummaryStore.value
     }
   }
 )
@@ -238,6 +254,7 @@ const submit = async () => {
       resetForm()
       close()
       emits('onPublished', res)
+      shortSummaryStore.value = ''
     }
   }
 }
@@ -317,7 +334,7 @@ const submit = async () => {
 
       <KunTextarea
         v-model="shortSummary"
-        label="短评 (可选, 请勿包含 R18 内容)"
+        label="短评 (可选, 请勿包含 R18 内容, 您的短评在编写的同时会被自动保存在本地, 关掉面板不会丢失)"
         :rows="4"
         placeholder="「 枯れない世界と終わる花 」莲真的是我遇见最好的女孩子, 想和她结婚天长地久恩恩爱爱百年好合, 想和她翻云覆雨、干湿分离、水乳交融、干柴烈火, 日日夜夜每时每刻每个开心难过七滋八味苦辣麻香咸的日子里都在想念、挚爱、铭记着莲, 你们懂这种心情吗！！！这已经不是爱了, 这种东西叫本能, 我只是本能的爱着这个孩子而已, 我无法控制自己的本能, 我已经病入膏肓了, 病名为莲。"
         :maxlength="1314"

components/kun/Popover.vue

@@ -259,7 +259,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div ref="containerRef" class="relative z-20 inline-block">
+  <div ref="containerRef" class="relative inline-block">
     <div
       ref="triggerRef"
       @click="toggle"

components/kun/select/Select.vue

@@ -13,7 +13,8 @@ const props = withDefaults(defineProps<KunSelectProps>(), {
   disabled: false,
   error: '',
   darkBorder: true,
-  ariaLabel: ''
+  ariaLabel: '',
+  className: ''
 })
 
 const emit = defineEmits<{
@@ -80,7 +81,7 @@ const selectOption = (value: string | number, index: number) => {
 </script>
 
 <template>
-  <div class="relative w-full">
+  <div :class="cn('relative w-full', props.className)">
     <label
       v-if="label"
       :for="kunUniqueId"

components/kun/select/type.d.ts

@@ -12,4 +12,5 @@ export interface KunSelectProps {
   disabled?: boolean
   darkBorder?: boolean
   ariaLabel?: string
+  className?: string
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "kun-galgame-nuxt3",
-  "version": "4.4.64",
+  "version": "4.4.65",
   "packageManager": "[email protected]",
   "private": true,
   "scripts": {

store/index.ts

@@ -1,8 +1,10 @@
+import { usePersistEditGalgameRatingStore } from './modules/edit/rating'
 import { usePersistKUNGalgameAdvancedFilterStore } from './modules/galgame'
 
 export const kungalgameStoreReset = () => {
   usePersistEditGalgameStore().$reset()
   usePersistEditTopicStore().$reset()
+  usePersistEditGalgameRatingStore().$reset()
   usePersistKUNGalgameReplyStore().$reset()
   usePersistKUNGalgameTopicStore().$reset()
   usePersistCategoryStore().$reset()

store/modules/edit/rating.ts

@@ -0,0 +1,12 @@
+export const usePersistEditGalgameRatingStore = defineStore(
+  'KUNGalgameEditGalgameRating',
+  {
+    persist: {
+      storage: piniaPluginPersistedstate.localStorage()
+    },
+    state: () => ({
+      shortSummary: ''
+    }),
+    actions: {}
+  }
+)