feat: enhance error prompt message handling

build.gradle

@@ -78,7 +78,7 @@ tasks.named("processResources").configure {
 }
 
 halo {
-    version = "2.19.3"
+    version = "2.20"
 }
 
 haloPlugin {

ui/src/components/sources/PexelsImages.vue

@@ -4,10 +4,10 @@ import { useConfig } from '@/composables/use-config'
 import { useImageControl } from '@/composables/use-image-control'
 import { DEFAULT_PER_PAGE } from '@/constants'
 import type { PexelsPhoto, PexelsPhotoResponse } from '@/types'
-import { VButton, VLoading } from '@halo-dev/components'
+import { Toast, VButton, VLoading } from '@halo-dev/components'
 import type { AttachmentLike } from '@halo-dev/console-shared'
 import { useQuery } from '@tanstack/vue-query'
-import axios from 'axios'
+import axios, { AxiosError } from 'axios'
 import { ref, watch } from 'vue'
 import DownloadButton from '../base/DownloadButton.vue'
 import DownloadModeSwitcher from '../base/DownloadModeSwitcher.vue'
@@ -61,8 +61,18 @@ const { isFetching } = useQuery({
     })
     return data as PexelsPhotoResponse
   },
+  retry: 0,
   onSuccess(data) {
     images.value = [...images.value, ...data.photos]
+  },
+  onError(e) {
+    if (e instanceof AxiosError) {
+      Toast.error(e.response?.data)
+      return
+    }
+    if (e instanceof Error) {
+      Toast.error(e.message)
+    }
   }
 })
 

ui/src/components/sources/PixabayImages.vue

@@ -4,10 +4,10 @@ import { useConfig } from '@/composables/use-config'
 import { useImageControl } from '@/composables/use-image-control'
 import { DEFAULT_PER_PAGE } from '@/constants'
 import type { PixabayHit, PixabayResponse } from '@/types'
-import { VButton, VLoading } from '@halo-dev/components'
+import { Toast, VButton, VLoading } from '@halo-dev/components'
 import type { AttachmentLike } from '@halo-dev/console-shared'
 import { useQuery } from '@tanstack/vue-query'
-import axios from 'axios'
+import axios, { AxiosError } from 'axios'
 import { ref, watch } from 'vue'
 import DownloadButton from '../base/DownloadButton.vue'
 import DownloadModeSwitcher from '../base/DownloadModeSwitcher.vue'
@@ -188,8 +188,24 @@ const { isFetching } = useQuery({
     })
     return data as PixabayResponse
   },
+  retry: 0,
   onSuccess(data) {
     images.value = [...images.value, ...data.hits]
+  },
+  onError(e) {
+    if (e instanceof AxiosError) {
+      const data = e.response?.data
+
+      if ('detail' in data) {
+        Toast.error(data.detail)
+      } else {
+        Toast.error(data)
+      }
+      return
+    }
+    if (e instanceof Error) {
+      Toast.error(e.message)
+    }
   }
 })
 

ui/src/components/sources/UnsplashImages.vue

@@ -3,10 +3,10 @@ import { UnsplashV1alpha1Api } from '@/api/generated'
 import { useConfig } from '@/composables/use-config'
 import { useImageControl } from '@/composables/use-image-control'
 import { DEFAULT_PER_PAGE } from '@/constants'
-import { VButton, VLoading } from '@halo-dev/components'
+import { Toast, VButton, VLoading } from '@halo-dev/components'
 import type { AttachmentLike } from '@halo-dev/console-shared'
 import { useQuery } from '@tanstack/vue-query'
-import axios from 'axios'
+import axios, { AxiosError } from 'axios'
 import type { Basic as Photo } from 'unsplash-js/dist/methods/photos/types'
 import type { Photos } from 'unsplash-js/dist/methods/search/types/response'
 import type { Basic as Topic } from 'unsplash-js/dist/methods/topics/types'
@@ -60,10 +60,20 @@ const { data: topics } = useQuery<Topic[] | undefined>({
     })
     return (data as Topic[]) || []
   },
+  retry: 0,
   onSuccess(data) {
     if (data?.length) {
       selectedTopicId.value = data[0].id
     }
+  },
+  onError(e) {
+    if (e instanceof AxiosError) {
+      Toast.error(e.response?.data)
+      return
+    }
+    if (e instanceof Error) {
+      Toast.error(e.message)
+    }
   }
 })
 
@@ -101,9 +111,19 @@ const { isFetching } = useQuery({
 
     return (data as Photo[]) || []
   },
+  retry: 0,
   onSuccess(data) {
     images.value = [...images.value, ...data]
   },
+  onError(e) {
+    if (e instanceof AxiosError) {
+      Toast.error(e.response?.data)
+      return
+    }
+    if (e instanceof Error) {
+      Toast.error(e.message)
+    }
+  },
   keepPreviousData: true
 })