chore(图片缓存配置文件): 更新文件存放路径，以及对应的引入

src/directives/smartImage.js

@@ -1,5 +1,5 @@
 // src/directives/smartImage.js
-import { imageCacheManager } from '@/utils/imageCacheManager'
+import { imageCacheManager } from '@/utils/image/imageCacheManager'
 import { nextTick } from 'vue'
 
 export const smartImage = {

src/utils/image/imagePreloader.js

@@ -1,5 +1,5 @@
 // src/utils/imagePreloader.js
-import { imageCacheManager } from '@/utils/imageCacheManager'
+import { imageCacheManager } from '@/utils/image/imageCacheManager'
 
 export const preloadImages = async (sources) => {
   let urls = []

src/utils/versionChecker.js

@@ -1,7 +1,7 @@
 // src/utils/versionChecker.js
 // 版本检查工具
 
-import { imageCacheManager } from '@/utils/imageCacheManager'
+import { imageCacheManager } from '@/utils/image/imageCacheManager'
 
 const PERSISTENT_KEYS = [
   'preferred-language', // 语言设置

src/views/Activities/LoginReward/index.vue

@@ -94,9 +94,9 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { formatRewardDisplay } from '@/utils/rewardFormatter.js'
 
 import { apiGetLoginRewards, apiGetTodayLoginStatus, postReceiveLoginReward } from '@/api/task.js'

src/views/Activities/LuckyDollars/Season3/components/Barrage.vue

@@ -62,7 +62,7 @@
 <script setup>
 import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 const { locale, t } = useI18n()
 

src/views/Activities/LuckyDollars/Season3/components/topUser.vue

@@ -108,7 +108,7 @@
 </template>
 
 <script setup>
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 import { computed } from 'vue'
 
 const props = defineProps({

src/views/Activities/LuckyDollars/Season3/index.vue

@@ -1908,11 +1908,11 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { setUserInfo } from '@/utils/userStore.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { getSelectedPayee, clearSelectedPayee } from '@/utils/payeeStore.js'
 import { useThrottle } from '@/utils/useDebounce'
 import { formatRewardDisplay } from '@/utils/rewardFormatter.js'

src/views/Activities/Reward/RechargeReward.vue

@@ -131,8 +131,8 @@
 import { ref, onMounted } from 'vue'
 import { connectToApp } from '@/utils/appConnector.js'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getMemberProfile, getTotalRecharge } from '@/api/wallet'
 

src/views/Activities/SpringFestival/Ranking.vue

@@ -192,9 +192,9 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { formatRewardDisplay } from '@/utils/rewardFormatter.js'
 import { useSpringFestival } from '@/stores/springFestival'
 import { storeToRefs } from 'pinia'

src/views/Activities/SpringFestival/RankingReward.vue

@@ -70,9 +70,9 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { formatRewardDisplay } from '@/utils/rewardFormatter.js'
 import { useSpringFestival } from '@/stores/springFestival'
 import { storeToRefs } from 'pinia'

src/views/Activities/SpringFestival/RechargeReward.vue

@@ -210,9 +210,9 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { formatRewardDisplay } from '@/utils/rewardFormatter.js'
 import { useSpringFestival } from '@/stores/springFestival'
 import { storeToRefs } from 'pinia'

src/views/Activities/SpringFestival/Task.vue

@@ -662,9 +662,9 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { formatRewardDisplay } from '@/utils/rewardFormatter.js'
 import { getSelectedPayee, clearSelectedPayee } from '@/utils/payeeStore.js'
 import { useSpringFestival } from '@/stores/springFestival'

src/views/Activities/SpringFestival/components/topUser.vue

@@ -116,7 +116,7 @@
 </template>
 
 <script setup>
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 import { computed } from 'vue'
 
 const props = defineProps({

src/views/Activities/SpringFestival/index.vue

@@ -643,10 +643,10 @@ import { getPngUrl, getWebpUrl } from '@/config/imagePaths.js'
 import { getUserId, setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useSpringFestival } from '@/stores/springFestival'
 import { storeToRefs } from 'pinia'
 import { getSelectedPayee, clearSelectedPayee } from '@/utils/payeeStore.js'

src/views/AdminCenter/MyAgencyTeams.vue

@@ -365,7 +365,7 @@
 import { computed, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import {
   apiGetTeamOverview, //查询BD团队概览

src/views/AdminCenter/MyBDLeaderTeams.vue

@@ -367,7 +367,7 @@
 import { computed, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import {
   apiGetTeamOverview, //查询BD团队概览

src/views/AdminCenter/MyBDTeams.vue

@@ -362,7 +362,7 @@
 import { computed, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import {
   apiGetTeamOverview, //查询BD团队概览

src/views/AdminCenter/index.vue

@@ -425,7 +425,7 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { gotoAppPage } from '@/utils/appBridge.js'
 import { getUserId } from '@/utils/userStore.js'
 import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 import { useIdentityStore } from '@/stores/identity.js'
 import { showError } from '@/utils/toast.js'
 

src/views/AdminCenter/policy.vue

@@ -38,7 +38,7 @@ import { computed, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 
 import GeneralHeader from '@/components/GeneralHeader.vue'
 

src/views/AgencyCenter/AgencySetting.vue

@@ -60,7 +60,7 @@ import { reactive } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import GeneralHeader from '@/components/GeneralHeader.vue'
 

src/views/AgencyCenter/Message.vue

@@ -105,7 +105,7 @@ import { useI18n } from 'vue-i18n'
 import { getTeamId } from '@/utils/userStore.js'
 import { showError, showSuccess, showWarning } from '@/utils/toast.js'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getApplyRecord } from '@/api/teamBill.js'
 import { processUserApply } from '@/api/wallet.js'
@@ -174,7 +174,7 @@ const handleAgree = async (message) => {
       showSuccess(
         t('approved_application', {
           name: message.name,
-        })
+        }),
       )
       // 从列表中移除
       const index = messages.value.findIndex((m) => m.id === message.id)
@@ -202,7 +202,7 @@ const handleRefuse = async (message) => {
       showWarning(
         t('rejected_application', {
           name: message.name,
-        })
+        }),
       )
       // 从列表中移除
       const index = messages.value.findIndex((m) => m.id === message.id)

src/views/AgencyCenter/components/TeamBillMore.vue

@@ -231,7 +231,7 @@ import { useLangStore } from '@/stores/lang'
 import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { getTeamId } from '@/utils/userStore.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getTeamReleasePolicy } from '@/api/teamBill.js'
 

src/views/AgencyCenter/index.vue

@@ -339,7 +339,7 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
 import { getTeamId, getUserId } from '@/utils/userStore.js'
 import { clearSelectedPayee } from '@/utils/payeeStore.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getTeamMemberCount, getTeamBill, getTeamMemberWork } from '@/api/teamBill.js'
 import { getUserIdentity } from '@/api/wallet.js'

src/views/ApplyHost/ApplyView.vue

@@ -262,7 +262,7 @@ import { showError, showWarning, showInfo, showSuccess } from '@/utils/toast.js'
 import { ApiError } from '@/utils/http.js'
 import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import {
   sendTeamApplyJoin,
@@ -329,7 +329,7 @@ const handleCancelApply = async (record) => {
           default:
             showError(
               error.errorMsg || error.message || 'Cancellation failed, please try again',
-              'Cancellation failed'
+              'Cancellation failed',
             )
         }
       } else {

src/views/BDCenter/incomeDetails.vue

@@ -44,8 +44,8 @@
                   record.status === 'Under review'
                     ? 'linear-gradient(248deg, #FFE675 5.66%, #FFC53D 42.49%)'
                     : record.status === 'Approved'
-                    ? 'linear-gradient(248deg, #75FF98 5.66%, #3DFF54 42.49%)'
-                    : 'linear-gradient(248deg, #FF7578 5.66%, #FF3D40 42.49%)',
+                      ? 'linear-gradient(248deg, #75FF98 5.66%, #3DFF54 42.49%)'
+                      : 'linear-gradient(248deg, #FF7578 5.66%, #FF3D40 42.49%)',
               }"
             >
               {{ getStatusText(record.status) }}
@@ -142,7 +142,7 @@
 import { useI18n } from 'vue-i18n'
 import { ref, onMounted } from 'vue'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { apiGetWithdrawRecords } from '@/api/wallet'
 

src/views/BDCenter/index.vue

@@ -544,7 +544,7 @@ import { isInApp } from '@/utils/appBridge.js'
 import { clearSelectedPayee } from '@/utils/payeeStore.js'
 import { setDocumentDirection } from '@/locales/i18n'
 import { useIdentityStore } from '@/stores/identity.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getBdMemberBillList, getBdHistory, getBdHistoryMore } from '@/api/bdCenter.js'
 import { apiGetBankBalance } from '@/api/wallet.js'

src/views/BDLeaderCenter/index.vue

@@ -955,7 +955,7 @@ import { isInApp } from '@/utils/appBridge.js'
 import { clearSelectedPayee } from '@/utils/payeeStore.js'
 import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
 import { useIdentityStore } from '@/stores/identity.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getBdMemberBillList, getBdHistory, getBdHistoryMore } from '@/api/bdCenter.js'
 import { getBdLeaderHistory, getBdLeaderHistoryMore } from '@/api/bdLeaderCenter'

src/views/GoodID/index.vue

@@ -155,7 +155,7 @@ import { useLangStore } from '@/stores/lang'
 import { useI18n } from 'vue-i18n'
 import { getPngUrl } from '@/config/imagePaths.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { getUserId } from '@/utils/userStore.js'
 import { showError, showWarning, showSuccess } from '@/utils/toast.js'
 

src/views/HostCenter/HostSetting.vue

@@ -103,7 +103,7 @@ import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { getTeamId } from '@/utils/userStore.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getMyAgency, leaveAgency } from '@/api/host'
 

src/views/Invitation/InviteToRegister.vue

@@ -525,8 +525,8 @@ import { showError, showWarning, showSuccess } from '@/utils/toast.js'
 import { useClipboard } from '@vueuse/core'
 import { connectToApp } from '@/utils/appConnector.js'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
-import { handleRewardImageError } from '@/utils/imageHandler.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
+import { handleRewardImageError } from '@/utils/image/imageHandler.js'
 
 import {
   getMyInviteCode, // 获取我的邀请码

src/views/Invitation/inviteAgency.vue

@@ -222,7 +222,7 @@ import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { showError, showSuccess } from '@/utils/toast.js'
 import { useDebounce } from '@/utils/useDebounce'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { searchUser } from '@/api/userInfo'
 import { invitedList, inviteToBeAgency, cancelInvite } from '@/api/bdCenter.js'
@@ -298,7 +298,7 @@ const debouncedSearch = useDebounce(
     }
   },
   500,
-  true
+  true,
 )
 
 // 选择用户

src/views/Invitation/inviteBD.vue

@@ -222,7 +222,7 @@ import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { showError, showSuccess } from '@/utils/toast.js'
 import { useDebounce } from '@/utils/useDebounce'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { searchUser } from '@/api/userInfo'
 import {
@@ -302,7 +302,7 @@ const debouncedSearch = useDebounce(
     }
   },
   500,
-  true
+  true,
 )
 
 // 选择用户

src/views/Invitation/inviteBDLeader.vue

@@ -221,7 +221,7 @@ import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { showError, showSuccess } from '@/utils/toast.js'
 import { useDebounce } from '@/utils/useDebounce'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { searchUser } from '@/api/userInfo'
 import {
@@ -301,7 +301,7 @@ const debouncedSearch = useDebounce(
     }
   },
   500,
-  true
+  true,
 )
 
 // 选择用户

src/views/Invitation/inviteNewUser.vue

@@ -1084,8 +1084,8 @@ import { showError, showWarning, showSuccess } from '@/utils/toast.js'
 import { useClipboard } from '@vueuse/core'
 import { connectToApp } from '@/utils/appConnector.js'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 
 import {
   getRankingListAndMyRanking, // 获取排行榜和当前用户排名

src/views/Invitation/inviteRechargeAgency.vue

@@ -201,7 +201,7 @@ import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { useDebounce } from '@/utils/useDebounce'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import GeneralHeader from '@/components/GeneralHeader.vue'
 
@@ -281,7 +281,7 @@ const debouncedSearch = useDebounce(
     }
   },
   500,
-  true
+  true,
 )
 
 // 选择用户

src/views/Ranking/Couple/GamePlay/Gameplay.vue

@@ -124,10 +124,10 @@ import { getPngUrl } from '@/config/imagePaths.js'
 import { getUserId, setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useCoupleStore } from '@/stores/couple'
 import { storeToRefs } from 'pinia'
 

src/views/Ranking/Couple/GamePlay/components/exchange.vue

@@ -72,10 +72,10 @@ import { getPngUrl } from '@/config/imagePaths.js'
 import { getUserId, setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useCoupleStore } from '@/stores/couple'
 import { formatRewardDisplay } from '@/utils/rewardFormatter.js'
 

src/views/Ranking/Couple/GamePlay/components/lottery.vue

@@ -210,10 +210,10 @@ import { getPngUrl } from '@/config/imagePaths.js'
 import { getUserId, setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useCoupleStore } from '@/stores/couple'
 import { storeToRefs } from 'pinia'
 

src/views/Ranking/Couple/GamePlay/components/signIn.vue

@@ -71,10 +71,10 @@ import { getPngUrl } from '@/config/imagePaths.js'
 import { setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useCoupleStore } from '@/stores/couple'
 import { storeToRefs } from 'pinia'
 

src/views/Ranking/Couple/GamePlay/components/signInItem.vue

@@ -124,7 +124,7 @@
 
 <script setup>
 import { computed, onMounted, onUnmounted, ref } from 'vue'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 import { useRoute, useRouter } from 'vue-router'
 import { useLangStore } from '@/stores/lang'
 import { useI18n } from 'vue-i18n'

src/views/Ranking/Couple/Ranking.vue

@@ -264,10 +264,10 @@ import { getPngUrl } from '@/config/imagePaths.js'
 import { setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useCoupleStore } from '@/stores/couple'
 import { useThrottle } from '@/utils/useDebounce.js'
 import { storeToRefs } from 'pinia'

src/views/Ranking/Couple/components/Barrage.vue

@@ -109,7 +109,7 @@
 import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 const { locale, t } = useI18n()
 

src/views/Ranking/Couple/components/topUser.vue

@@ -299,10 +299,10 @@ import { getPngUrl } from '@/config/imagePaths.js'
 import { setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useThrottle } from '@/utils/useDebounce.js'
 import { useCoupleStore } from '@/stores/couple'
 import { storeToRefs } from 'pinia'

src/views/Ranking/Couple/index.vue

@@ -1311,10 +1311,10 @@ import { getPngUrl } from '@/config/imagePaths.js'
 import { getUserId, setUserInfo } from '@/utils/userStore.js'
 import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { showError, showSuccess } from '@/utils/toast.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useCoupleStore } from '@/stores/couple'
 import { storeToRefs } from 'pinia'
 import { useThrottle, useDebounce } from '@/utils/useDebounce.js'

src/views/Ranking/GamesKing/components/topUser.vue

@@ -91,7 +91,7 @@
 
 <script setup>
 import { computed } from 'vue'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 const props = defineProps({
   // 排名

src/views/Ranking/GamesKing/index.vue

@@ -751,8 +751,8 @@ import { viewUserInfo } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl, getWebpUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 import { useGamesKingStore } from '@/stores/gamesKing'
 import { storeToRefs } from 'pinia'
 

src/views/Ranking/KingAndQueen/TopList.vue

@@ -786,8 +786,8 @@ import { useLangStore } from '@/stores/lang'
 import { useThrottle } from '@/utils/useDebounce'
 import { connectToApp } from '@/utils/appConnector.js'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 
 import {
   getWeekTopList,

src/views/Ranking/Overall/Ranking.vue

@@ -393,9 +393,9 @@ import { useRoute } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import { isInApp, closePage, viewUserInfo, gotoRoom } from '@/utils/appBridge.js'
 import { connectToApp } from '@/utils/appConnector.js'
-import { preloadImages } from '@/utils/imagePreloader'
+import { preloadImages } from '@/utils/image/imagePreloader'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 import { useThrottle } from '@/utils/useDebounce'
 
 import { getWealthRanking, getCharmRanking, getRoomRanking, getMyRanking } from '@/api/ranking'

src/views/Ranking/Overall/components/topUser.vue

@@ -106,7 +106,7 @@
 <script setup>
 import { computed, watch } from 'vue'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 // 获取OSS图片URL的函数
 const coinNumBgUrl = getPngUrl('Ranking/Overall/', 'coinNumBg')

src/views/Ranking/WeeklyStar/WeeklyStar.vue

@@ -856,8 +856,8 @@ import { connectToApp } from '@/utils/appConnector.js'
 import { useThrottle } from '@/utils/useDebounce'
 import { showWarning } from '@/utils/toast.js'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
-import { handleAvatarImageError, handleRewardImageError } from '@/utils/imageHandler.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
+import { handleAvatarImageError, handleRewardImageError } from '@/utils/image/imageHandler.js'
 
 import { getMemberProfile } from '@/api/wallet'
 import {

src/views/Ranking/WeeklyStar/components/topUser.vue

@@ -74,7 +74,7 @@
 </template>
 
 <script setup>
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 const props = defineProps({
   isTopOne: {

src/views/Recharge/guide.vue

@@ -15,7 +15,7 @@ import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 
 const router = useRouter()
 // 获取OSS图片URL的函数

src/views/Recharge/payWay.vue

@@ -104,7 +104,9 @@
                 padding: 4px;
                 border-radius: 4px;
                 background: #7726ff;
-                box-shadow: 0 1px 18px 2px #f2d9ff inset, 0 1px 4px 2px #f2d9ff inset;
+                box-shadow:
+                  0 1px 18px 2px #f2d9ff inset,
+                  0 1px 4px 2px #f2d9ff inset;
 
                 display: flex;
                 justify-content: center;
@@ -193,8 +195,8 @@ import { useRouter, useRoute } from 'vue-router'
 import { connectToApp } from '@/utils/appConnector.js'
 import { goAirwallex } from '@/utils/payment'
 import { showWarning } from '@/utils/toast.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
-import { preloadImages } from '@/utils/imagePreloader.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
 
 import { storeToRefs } from 'pinia'
 import { useCountryStore } from '@/stores/country'
@@ -288,8 +290,8 @@ const getPayAplicationAndCommodity = async () => {
     type: userInfo.value.isSuperFreightAgent
       ? 'FREIGHT_GOLD_SUPER'
       : userInfo.value.isFreightAgent
-      ? 'FREIGHT_GOLD'
-      : 'GOLD',
+        ? 'FREIGHT_GOLD'
+        : 'GOLD',
   }
   const appCommodityCard = await getAppCommodityCard(appCommodityCardParams)
   commodityList.value = appCommodityCard.body.commodity
@@ -308,8 +310,8 @@ const getUserInfoAndCountry = async () => {
       type: userInfo.value.isSuperFreightAgent
         ? 'FREIGHT_GOLD_SUPER'
         : userInfo.value.isFreightAgent
-        ? 'FREIGHT_GOLD'
-        : 'GOLD',
+          ? 'FREIGHT_GOLD'
+          : 'GOLD',
     }
     const countryAndRegionInfo = await searchPayRechargeUser(params)
 

src/views/RechargeAgency/Recruit.vue

@@ -342,7 +342,7 @@ import {
   isAppConnected,
   getAppHeaderInfo,
 } from '@/utils/appConnectionManager.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { getFreightAgencys } from '@/api/userInfo.js'
 import { follow } from '@/api/recruit.js'

src/views/RechargeAgency/SearchUser.vue

@@ -140,7 +140,7 @@ import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 import { setSelectedUser } from '@/utils/coinSellerStore.js'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { searchFreightUser } from '@/api/wallet.js'
 

src/views/RechargeAgency/SellerRecordsView.vue

@@ -260,7 +260,7 @@ import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { formatUTCCustom } from '@/utils/utcFormat.js'
 import { getUserId } from '@/utils/userStore.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 import { useDebounce, useThrottle } from '@/utils/useDebounce'
 
 import { getFreightWaterFlow } from '@/api/wallet.js'
@@ -419,7 +419,7 @@ const debouncedSearch = useDebounce(
     }
   },
   500,
-  true
+  true,
 )
 
 const throttleFetch = useThrottle((fetchFn) => {

src/views/RechargeAgency/index.vue

@@ -326,7 +326,7 @@ import { setDocumentDirection } from '@/locales/i18n'
 import { getSelectedUser } from '@/utils/coinSellerStore.js'
 import { showError, showSuccess } from '@/utils/toast.js'
 import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import {
   checkFreightDealer,

src/views/Wallet/Transfer/SearchPayee.vue

@@ -253,7 +253,7 @@ import { useI18n } from 'vue-i18n'
 import { setSelectedPayee } from '@/utils/payeeStore.js'
 import { showError } from '@/utils/toast.js'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import { userBankSearchUserProfile } from '@/api/wallet.js'
 
@@ -373,7 +373,7 @@ watch(
     if (hasSearched.value) {
       hasSearched.value = false
     }
-  }
+  },
 )
 
 // 页面加载时检查用户角色

src/views/Wallet/Transfer/Transfer.vue

@@ -211,7 +211,7 @@ import { getBankBalance, userBankTransfer } from '@/api/wallet.js'
 import { getSelectedPayee, clearSelectedPayee } from '@/utils/payeeStore.js'
 import { showError, showSuccess } from '@/utils/toast.js'
 import { setDocumentDirection } from '@/locales/i18n'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 const { t, locale } = useI18n()
 const router = useRouter()

src/views/Wallet/availableIncome.vue

@@ -762,7 +762,7 @@ import { showError, showSuccess } from '@/utils/toast.js'
 import { useI18n } from 'vue-i18n'
 import { setDocumentDirection } from '@/locales/i18n'
 import { useIdentityStore } from '@/stores/identity.js'
-import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { handleAvatarImageError } from '@/utils/image/imageHandler.js'
 
 import {
   apiGetBankBalance, //获取当前余额