feat: 优化应用更新检查逻辑；在生产环境中延迟检查更新并重构状态管理

src/App.vue

@@ -19,9 +19,11 @@ onMounted(() => {
       userStore.updateProfile();
     }
   });
-  useTimeoutFn(() => {
-    checkAndPromptUpdate();
-  }, 3000);
+  if (import.meta.env.MODE === "production") {
+    useTimeoutFn(() => {
+      checkAndPromptUpdate();
+    }, 3000);
+  }
 });
 
 onBeforeMount(() => {

src/composables/useAppUpdate.ts

@@ -38,13 +38,15 @@ const updateUrls = {
  * 应用更新检查
  */
 export function useAppUpdate() {
-  const isChecking = ref(false);
-  const hasUpdate = ref(false);
-  const latestVersion = ref("");
-  const currentVersion = ref("");
-  const forceUpdate = ref(false);
-  const updateMessage = ref("");
-  const updateUrl = ref("");
+  const state = reactive({
+    isChecking: false,
+    hasUpdate: false,
+    latestVersion: "",
+    currentVersion: "",
+    forceUpdate: false,
+    updateMessage: "",
+    updateUrl: "",
+  });
   const platform = usePlatform();
 
   /**
@@ -78,12 +80,11 @@ export function useAppUpdate() {
     updateMessage?: string;
     updateUrl?: string;
   }> {
-    isChecking.value = true;
+    state.isChecking = true;
     try {
       // 1. 获取当前版本
       const current = await getCurrentVersion();
-      currentVersion.value = current;
-
+      state.currentVersion = current;
       // 2. 从服务器检查最新版本
       // TODO: 后端接口实现后替换为真实 API 调用
       // const response = await client.api.app.version.get({
@@ -117,17 +118,16 @@ export function useAppUpdate() {
       const isNewVersion = compareVersion(current, versionInfo.version) < 0;
 
       // 更新状态
-      latestVersion.value = versionInfo.version;
-      hasUpdate.value = isNewVersion;
-      forceUpdate.value = versionInfo.forceUpdate || false;
-      updateMessage.value = versionInfo.updateMessage || "";
-      updateUrl.value = versionInfo.updateUrl || "";
-
+      state.latestVersion = versionInfo.version;
+      state.hasUpdate = isNewVersion;
+      state.forceUpdate = versionInfo.forceUpdate || false;
+      state.updateMessage = versionInfo.updateMessage || "";
+      state.updateUrl = versionInfo.updateUrl || "";
       // 4. 检查是否低于最低支持版本（强制更新）
       if (versionInfo.minSupportVersion) {
         const isBelowMinVersion = compareVersion(current, versionInfo.minSupportVersion) < 0;
         if (isBelowMinVersion) {
-          forceUpdate.value = true;
+          state.forceUpdate = true;
         }
       }
 
@@ -135,21 +135,21 @@ export function useAppUpdate() {
         hasUpdate: isNewVersion,
         currentVersion: current,
         latestVersion: versionInfo.version,
-        forceUpdate: forceUpdate.value,
-        updateMessage: updateMessage.value,
-        updateUrl: updateUrl.value,
+        forceUpdate: state.forceUpdate,
+        updateMessage: state.updateMessage,
+        updateUrl: state.updateUrl,
       };
     }
     catch (error) {
       console.error("检查更新失败:", error);
-      const current = currentVersion.value || await getCurrentVersion();
+      const current = state.currentVersion || await getCurrentVersion();
       return {
         hasUpdate: false,
         currentVersion: current,
       };
     }
     finally {
-      isChecking.value = false;
+      state.isChecking = false;
     }
   }
 
@@ -157,18 +157,18 @@ export function useAppUpdate() {
    * 打开应用商店更新页面
    */
   async function openStoreUpdate(): Promise<void> {
-    if (!updateUrl.value) {
+    if (!state.updateUrl) {
       console.warn("没有提供更新链接");
       return;
     }
 
     // 在原生平台打开外部链接
     if (platform !== "browser") {
-      window.open(updateUrl.value, "_system");
+      window.open(state.updateUrl, "_system");
     }
     else {
       // Web 平台直接打开链接
-      window.open(updateUrl.value, "_blank");
+      window.open(state.updateUrl, "_blank");
     }
   }
 
@@ -178,9 +178,9 @@ export function useAppUpdate() {
   async function showUpdateDialog(): Promise<void> {
     const alert = await alertController.create({
       header: i18n.global.t("app.update.title"),
-      message: updateMessage.value || i18n.global.t("app.update.message"),
-      backdropDismiss: !forceUpdate.value, // 强制更新时不允许关闭
-      buttons: forceUpdate.value
+      message: state.updateMessage || i18n.global.t("app.update.message"),
+      backdropDismiss: !state.forceUpdate, // 强制更新时不允许关闭
+      buttons: state.forceUpdate
         ? [
             {
               text: i18n.global.t("app.update.now"),
@@ -213,7 +213,7 @@ export function useAppUpdate() {
    */
   async function applyUpdate(): Promise<void> {
     // 如果是原生应用且有更新链接，打开应用商店
-    if (platform !== "browser" && updateUrl.value) {
+    if (platform !== "browser" && state.updateUrl) {
       await openStoreUpdate();
       return;
     }
@@ -260,13 +260,7 @@ export function useAppUpdate() {
   }
 
   return {
-    isChecking,
-    hasUpdate,
-    currentVersion,
-    latestVersion,
-    forceUpdate,
-    updateMessage,
-    updateUrl,
+    ...toRefs(state),
     checkForUpdate,
     applyUpdate,
     forceReload,

src/views/system-settings/index.vue

@@ -5,7 +5,7 @@ import { checkbox, close, contrastOutline, information, languageOutline, refresh
 const { t } = useI18n();
 const router = useIonRouter();
 const { cacheSize, calculateCacheSize, clearCache } = useCacheSize();
-const { isChecking, checkAndPromptUpdate } = useAppUpdate();
+const { isChecking, getCurrentVersion, checkAndPromptUpdate } = useAppUpdate();
 const { currentLanguage } = useLanguage();
 const { theme } = useTheme();
 const themeNames = {
@@ -13,6 +13,7 @@ const themeNames = {
   dark: t("settings.themeDark"),
   auto: t("settings.themeAuto"),
 };
+const currentVersion = await getCurrentVersion();
 
 function handleClearCache() {
   clearCache();
@@ -115,6 +116,9 @@ onMounted(() => {
                 {{ t("settings.checkUpdate") }}
               </div>
             </div>
+            <div class="end">
+              {{ currentVersion }}
+            </div>
           </div>
         </ion-item>
       </ion-list>