vue2server7 7.0.17 → 7.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2server7",
-  "version": "7.0.17",
+  "version": "7.0.18",
   "description": "",
   "scripts": {
     "dev": "nodemon --watch src --ext ts --exec \"ts-node src/app.ts\"",

package/test/1/utils/version-update.ts

@@ -1,7 +1,8 @@
-import { DialogPlugin } from 'tdesign-vue-next';
+import { ElNotification } from 'element-plus';
+import { h } from 'vue';
 
 /**
- * 前端版本热更新检测模块
+ * 前端版本热更新检测模块（Element Plus 版）
  *
  * 工作原理：
  *   1. 应用启动时，从 <meta name="app-version"> 读取当前构建版本号
@@ -54,7 +55,6 @@ export function initVersionCheck() {
   try {
     worker = new Worker(new URL('./version-check.worker.ts', import.meta.url), { type: 'module' });
   } catch {
-    // 浏览器不支持 module Worker 或 URL 构造失败，静默降级
     return;
   }
 
@@ -65,7 +65,6 @@ export function initVersionCheck() {
     }
   };
 
-  // 启动 Worker 轮询，传入当前版本号、远端地址和轮询间隔
   worker.postMessage({ type: 'start', version: currentVersion, url: versionUrl, interval: POLL_INTERVAL });
 
   document.addEventListener('visibilitychange', handleVisibilityChange);
@@ -86,29 +85,45 @@ function handleVisibilityChange() {
 }
 
 /**
- * 弹出版本更新确认弹窗
- * - 确认：立即刷新页面加载新版本
- * - 取消/关闭：进入静默期后重新开始检测
+ * 弹出版本更新通知
+ * - 点击"立即刷新"：刷新页面加载新版本
+ * - 关闭通知：进入静默期后重新开始检测
  */
 function showUpdateDialog() {
-  const dialog = DialogPlugin.confirm({
-    header: '发现新版本',
-    body: '系统已更新，请刷新页面以获取最新功能和修复。',
-    confirmBtn: '立即刷新',
-    cancelBtn: '稍后提醒',
-    theme: 'info',
-    onConfirm: () => {
-      dialog.destroy();
-      window.location.reload();
-    },
-    onCancel: () => {
-      dialog.destroy();
-      scheduleRecheck();
-    },
-    onClose: () => {
-      dialog.destroy();
-      scheduleRecheck();
-    },
+  const notification = ElNotification({
+    title: '发现新版本',
+    message: h('div', [
+      h('p', { style: 'margin: 0 0 12px' }, '系统已更新，请刷新页面以获取最新功能和修复。'),
+      h('div', { style: 'text-align: right' }, [
+        h(
+            'button',
+            {
+              style: 'margin-right: 8px; padding: 5px 15px; cursor: pointer; border: 1px solid #dcdfe6; border-radius: 4px; background: #fff; color: #606266; font-size: 14px;',
+              onClick: () => {
+                notification.close();
+                scheduleRecheck();
+              },
+            },
+            '稍后提醒',
+        ),
+        h(
+            'button',
+            {
+              style: 'padding: 5px 15px; cursor: pointer; border: none; border-radius: 4px; background: #409eff; color: #fff; font-size: 14px;',
+              onClick: () => {
+                notification.close();
+                window.location.reload();
+              },
+            },
+            '立即刷新',
+        ),
+      ]),
+    ]),
+    type: 'info',
+    position: 'bottom-right',
+    duration: 0,
+    showClose: false,
+    onClose: scheduleRecheck,
   });
 }