From 0ef6eb2502e0621afa6ce0aadd1ea69c6f5c1b2c Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Wed, 14 Jan 2026 17:20:01 +0800
Subject: [PATCH] =?UTF-8?q?feat(version):=20=E6=B7=BB=E5=8A=A0=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC=E6=9B=B4=E6=96=B0=E6=A3=80=E6=B5=8B=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加 version-polling 依赖并实现版本更新检测功能
移除旧的 CheckUpdates 组件，改用新的版本检测方案
---
 apps/web-antd/package.json                    |  1 +
 apps/web-antd/src/layouts/basic.vue           |  3 +
 apps/web-antd/src/utils/check-update.tsx      | 64 +++++++++++++++++++
 packages/effects/layouts/src/basic/layout.vue |  6 +-
 4 files changed, 71 insertions(+), 3 deletions(-)
 create mode 100644 apps/web-antd/src/utils/check-update.tsx

diff --git a/apps/web-antd/package.json b/apps/web-antd/package.json
index bcc89531..cedbed52 100644
--- a/apps/web-antd/package.json
+++ b/apps/web-antd/package.json
@@ -52,6 +52,7 @@
     "pinia": "catalog:",
     "tinymce": "7.9.1",
     "unplugin-vue-components": "^0.27.3",
+    "version-polling": "^1.3.3",
     "vue": "catalog:",
     "vue-router": "catalog:"
   },
diff --git a/apps/web-antd/src/layouts/basic.vue b/apps/web-antd/src/layouts/basic.vue
index e8d06765..621fb1b0 100644
--- a/apps/web-antd/src/layouts/basic.vue
+++ b/apps/web-antd/src/layouts/basic.vue
@@ -29,6 +29,7 @@ import { $t } from '#/locales';
 import { resetRoutes } from '#/router';
 import { useAuthStore, useNotifyStore } from '#/store';
 import { useTenantStore } from '#/store/tenant';
+import { useVersionUpdate } from '#/utils/check-update';
 import LoginForm from '#/views/_core/authentication/login.vue';
 
 const userStore = useUserStore();
@@ -131,6 +132,8 @@ watch(
     immediate: true,
   },
 );
+// 检测版本更新
+useVersionUpdate();
 </script>
 
 <template>
diff --git a/apps/web-antd/src/utils/check-update.tsx b/apps/web-antd/src/utils/check-update.tsx
new file mode 100644
index 00000000..bf79aa81
--- /dev/null
+++ b/apps/web-antd/src/utils/check-update.tsx
@@ -0,0 +1,64 @@
+import { onMounted } from 'vue';
+
+import { preferences } from '@vben/preferences';
+
+import { Button, Space } from 'antdv-next';
+import { createVersionPolling } from 'version-polling';
+
+import { $t } from '#/locales';
+
+export function useVersionUpdate() {
+  onMounted(() => {
+    // 可能会有用dev打包的需求 所以这里不判断环境变量
+    if (
+      location.hostname === 'localhost' ||
+      location.hostname === '127.0.0.1'
+    ) {
+      return null;
+    }
+
+    createVersionPolling({
+      // 默认一分钟
+      pollingInterval: preferences.app.checkUpdatesInterval * 60 * 1000,
+      silent: !preferences.app.enableCheckUpdates,
+      htmlFileUrl: location.origin + import.meta.env.VITE_BASE,
+      onUpdate: (self) => {
+        window.notification.info({
+          title: $t('ui.widgets.checkUpdatesTitle'),
+          closable: false,
+          // placement: 'bottomRight',
+          description: (
+            <div
+              class="mt-3 flex justify-between text-sm"
+              style={{ color: 'var(--ant-color-text-2)' }}
+            >
+              <span class="mr-2 font-semibold">
+                {$t('ui.widgets.checkUpdatesDescription')}
+              </span>
+              <Space>
+                <Button
+                  onClick={() => {
+                    window.notification.destroy();
+                  }}
+                  size="small"
+                >
+                  {$t('common.cancel')}
+                </Button>
+                <Button
+                  onClick={() => {
+                    self.onRefresh();
+                  }}
+                  size="small"
+                  type="primary"
+                >
+                  {$t('common.refresh')}
+                </Button>
+              </Space>
+            </div>
+          ),
+          duration: 0,
+        });
+      },
+    });
+  });
+}
diff --git a/packages/effects/layouts/src/basic/layout.vue b/packages/effects/layouts/src/basic/layout.vue
index 6263fbdf..01700d22 100644
--- a/packages/effects/layouts/src/basic/layout.vue
+++ b/packages/effects/layouts/src/basic/layout.vue
@@ -20,7 +20,7 @@ import { cloneDeep, mapTree } from '@vben/utils';
 import { VbenAdminLayout } from '@vben-core/layout-ui';
 import { VbenBackTop, VbenLogo } from '@vben-core/shadcn-ui';
 
-import { Breadcrumb, CheckUpdates, Preferences } from '../widgets';
+import { Breadcrumb, Preferences } from '../widgets';
 import { LayoutContent, LayoutContentSpinner } from './content';
 import { Copyright } from './copyright';
 import { LayoutFooter } from './footer';
@@ -389,10 +389,10 @@ const headerSlots = computed(() => {
 
     <template #extra>
       <slot name="extra"></slot>
-      <CheckUpdates
+      <!-- <CheckUpdates
         v-if="preferences.app.enableCheckUpdates"
         :check-updates-interval="preferences.app.checkUpdatesInterval"
-      />
+      /> -->
 
       <Transition v-if="preferences.widget.lockScreen" name="slide-up">
         <slot v-if="accessStore.isLockScreen" name="lock-screen"></slot>