chore: 升级至vite7，更新依赖，相关兼容处理

.nvmrc

@@ -1 +1 @@
-v22.15.1
+v22.17.0

package.json

@@ -54,29 +54,29 @@
     "@logicflow/extension": "^1.2.28",
     "@pureadmin/descriptions": "^1.2.1",
     "@pureadmin/table": "^3.2.1",
-    "@pureadmin/utils": "^2.6.1",
+    "@pureadmin/utils": "^2.6.2",
     "@vue-flow/background": "^1.3.2",
-    "@vue-flow/core": "^1.44.0",
+    "@vue-flow/core": "^1.45.0",
-    "@vueuse/core": "^13.3.0",
+    "@vueuse/core": "^13.5.0",
     "@vueuse/motion": "^3.0.3",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.12",
     "@zxcvbn-ts/core": "^3.0.4",
     "animate.css": "^4.1.1",
-    "axios": "^1.9.0",
+    "axios": "^1.10.0",
     "china-area-data": "^5.0.1",
     "codemirror": "^5.65.19",
     "codemirror-editor-vue3": "^2.8.0",
     "cropperjs": "^1.6.2",
     "dayjs": "^1.11.13",
-    "deep-chat": "^2.2.1",
+    "deep-chat": "^2.2.2",
     "echarts": "^5.6.0",
     "el-table-infinite-scroll": "^3.0.6",
-    "element-plus": "^2.10.1",
+    "element-plus": "2.10.2",
     "highlight.js": "^11.11.1",
     "intro.js": "^7.2.0",
     "js-cookie": "^3.0.5",
-    "jsbarcode": "^3.11.6",
+    "jsbarcode": "^3.12.1",
     "localforage": "^1.10.0",
     "mint-filter": "^4.0.3",
     "mitt": "^3.0.1",
@@ -85,31 +85,31 @@
     "path-browserify": "^1.0.1",
     "pinia": "^3.0.3",
     "pinyin-pro": "^3.26.0",
-    "plus-pro-components": "^0.1.23",
+    "plus-pro-components": "^0.1.24",
     "qrcode": "^1.5.4",
     "qs": "^6.14.0",
     "responsive-storage": "^2.2.0",
     "sortablejs": "^1.15.6",
-    "swiper": "^11.2.8",
+    "swiper": "^11.2.10",
     "typeit": "^8.8.7",
     "v-contextmenu": "^3.2.0",
     "v3-infinite-loading": "^1.3.2",
     "vditor": "^3.11.1",
     "version-rocket": "^1.7.4",
-    "vue": "^3.5.16",
+    "vue": "^3.5.17",
-    "vue-i18n": "^11.1.5",
+    "vue-i18n": "^11.1.9",
-    "vue-json-pretty": "^2.4.0",
+    "vue-json-pretty": "^2.5.0",
     "vue-pdf-embed": "^2.1.2",
     "vue-router": "^4.5.1",
     "vue-tippy": "^6.7.1",
     "vue-types": "^6.0.0",
     "vue-virtual-scroller": "2.0.0-beta.8",
-    "vue-waterfall-plugin-next": "^2.6.5",
+    "vue-waterfall-plugin-next": "^2.6.6",
-    "vue3-danmaku": "^1.6.1",
+    "vue3-danmaku": "^1.6.6",
     "vue3-puzzle-vcode": "^1.1.7",
     "vuedraggable": "^4.1.0",
     "vxe-table": "4.6.25",
-    "wavesurfer.js": "^7.9.5",
+    "wavesurfer.js": "^7.9.9",
     "xgplayer": "^3.0.22",
     "xlsx": "^0.18.5"
   },
@@ -117,65 +117,65 @@
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
     "@commitlint/types": "^19.8.1",
-    "@eslint/js": "^9.28.0",
+    "@eslint/js": "^9.30.1",
-    "@faker-js/faker": "^9.8.0",
+    "@faker-js/faker": "^9.9.0",
-    "@iconify/json": "^2.2.347",
+    "@iconify/json": "^2.2.355",
     "@iconify/vue": "4.2.0",
     "@intlify/unplugin-vue-i18n": "^6.0.8",
-    "@tailwindcss/vite": "^4.1.8",
+    "@tailwindcss/vite": "^4.1.11",
     "@types/codemirror": "^5.60.16",
-    "@types/dagre": "^0.7.52",
+    "@types/dagre": "^0.7.53",
     "@types/intro.js": "^5.1.5",
     "@types/js-cookie": "^3.0.6",
-    "@types/node": "^20.19.0",
+    "@types/node": "^20.19.4",
     "@types/nprogress": "^0.2.3",
     "@types/path-browserify": "^1.0.3",
     "@types/qrcode": "^1.5.5",
     "@types/qs": "^6.14.0",
     "@types/sortablejs": "^1.15.8",
-    "@vitejs/plugin-vue": "^5.2.4",
+    "@vitejs/plugin-vue": "^6.0.0",
-    "@vitejs/plugin-vue-jsx": "^4.2.0",
+    "@vitejs/plugin-vue-jsx": "^5.0.1",
     "boxen": "^8.0.1",
-    "code-inspector-plugin": "^0.20.12",
+    "code-inspector-plugin": "^0.20.15",
     "cssnano": "^7.0.7",
     "dagre": "^0.8.5",
-    "eslint": "^9.28.0",
+    "eslint": "^9.30.1",
     "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-prettier": "^5.4.1",
+    "eslint-plugin-prettier": "^5.5.1",
-    "eslint-plugin-vue": "^10.2.0",
+    "eslint-plugin-vue": "^10.3.0",
     "gradient-string": "^3.0.0",
     "husky": "^9.1.7",
-    "lint-staged": "^15.5.2",
+    "lint-staged": "^16.1.2",
-    "postcss": "^8.5.4",
+    "postcss": "^8.5.6",
     "postcss-html": "^1.8.0",
     "postcss-load-config": "^6.0.1",
     "postcss-scss": "^4.0.9",
-    "prettier": "^3.5.3",
+    "prettier": "^3.6.2",
     "rimraf": "^6.0.1",
-    "rollup-plugin-visualizer": "^5.14.0",
+    "rollup-plugin-visualizer": "^6.0.3",
-    "sass": "^1.89.1",
+    "sass": "^1.89.2",
-    "stylelint": "^16.20.0",
+    "stylelint": "^16.21.1",
-    "stylelint-config-recess-order": "^6.0.0",
+    "stylelint-config-recess-order": "^7.1.0",
-    "stylelint-config-recommended-vue": "^1.6.0",
+    "stylelint-config-recommended-vue": "^1.6.1",
     "stylelint-config-standard-scss": "^14.0.0",
     "stylelint-prettier": "^5.0.3",
-    "svgo": "^3.3.2",
+    "svgo": "^4.0.0",
-    "tailwindcss": "^4.1.8",
+    "tailwindcss": "^4.1.11",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.33.1",
+    "typescript-eslint": "^8.35.1",
     "unplugin-icons": "^22.1.0",
-    "vite": "^6.3.5",
+    "vite": "^7.0.2",
     "vite-plugin-cdn-import": "^1.0.1",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-fake-server": "^2.2.0",
     "vite-plugin-remove-console": "^2.2.0",
     "vite-plugin-router-warn": "^1.0.0",
     "vite-svg-loader": "^5.1.0",
-    "vue-eslint-parser": "^10.1.3",
+    "vue-eslint-parser": "^10.2.0",
-    "vue-tsc": "^2.2.10"
+    "vue-tsc": "^3.0.1"
   },
   "engines": {
-    "node": "^18.18.0 || ^20.9.0 || >=22.0.0",
+    "node": "^20.19.0 || >=22.12.0",
     "pnpm": ">=9"
   },
   "pnpm": {
@@ -202,7 +202,8 @@
       "vue-demi"
     ],
     "ignoredBuiltDependencies": [
-      "@tailwindcss/oxide"
+      "@tailwindcss/oxide",
+      "vue3-danmaku"
     ]
   }
 }

src/components/ReFlowChart/src/assets/iconfont/iconfont.js

@@ -23,9 +23,9 @@
   function h() {
     n || ((n = !0), o());
   }
-  (t = function () {
+  ((t = function () {
     var c, t, e, o;
-    ((o = document.createElement("div")).innerHTML = i),
+    (((o = document.createElement("div")).innerHTML = i),
       (i = null),
       (e = o.getElementsByTagName("svg")[0]) &&
         ((e.style.position = "absolute"),
@@ -35,13 +35,13 @@
         (c = e),
         (t = document.body).firstChild
           ? ((o = c), (e = t.firstChild).parentNode.insertBefore(o, e))
-          : t.appendChild(c));
+          : t.appendChild(c)));
   }),
     document.addEventListener
       ? ~["complete", "loaded", "interactive"].indexOf(document.readyState)
         ? setTimeout(t, 0)
         : ((e = function () {
-            document.removeEventListener("DOMContentLoaded", e, !1), t();
+            (document.removeEventListener("DOMContentLoaded", e, !1), t());
           }),
           document.addEventListener("DOMContentLoaded", e, !1))
       : document.attachEvent &&
@@ -58,5 +58,5 @@
         })(),
         (a.onreadystatechange = function () {
           "complete" == a.readyState && ((a.onreadystatechange = null), h());
-        }));
+        })));
 })(window);

src/components/ReSplitPane/iconfont/iconfont.js

@@ -33,10 +33,10 @@
     }
     l();
   }
-  (t = function () {
+  ((t = function () {
     var e,
       t = document.createElement("div");
-    (t.innerHTML = i),
+    ((t.innerHTML = i),
       (i = null),
       (t = t.getElementsByTagName("svg")[0]) &&
         ((t.style.position = "absolute"),
@@ -44,13 +44,15 @@
         (t.style.height = 0),
         (t.style.overflow = "hidden"),
         (t = t),
-        (e = document.body).firstChild ? m(t, e.firstChild) : e.appendChild(t));
+        (e = document.body).firstChild
+          ? m(t, e.firstChild)
+          : e.appendChild(t)));
   }),
     document.addEventListener
       ? ~["complete", "loaded", "interactive"].indexOf(document.readyState)
         ? setTimeout(t, 0)
         : ((n = function () {
-            document.removeEventListener("DOMContentLoaded", n, !1), t();
+            (document.removeEventListener("DOMContentLoaded", n, !1), t());
           }),
           document.addEventListener("DOMContentLoaded", n, !1))
       : document.attachEvent &&
@@ -60,5 +62,5 @@
         a(),
         (o.onreadystatechange = function () {
           "complete" == o.readyState && ((o.onreadystatechange = null), l());
-        }));
+        })));
 })(window);

src/directives/ripple/index.scss

@@ -13,10 +13,10 @@ $ripple-animation-visible-opacity: 0.25 !default;
     z-index: 0;
     width: 100%;
     height: 100%;
+    contain: strict;
     overflow: hidden;
     pointer-events: none;
     border-radius: inherit;
-    contain: strict;
   }
 
   &__animation {

src/views/able/mqtt-client.vue

@@ -194,7 +194,7 @@ onUnmounted(() => {
         基于
         <el-link
           type="primary"
-          :underline="false"
+          underline="never"
           href="https://github.com/mqttjs/MQTT.js"
           target="_blank"
         >
@@ -203,7 +203,7 @@ onUnmounted(() => {
         和 免费的公共MQTT代理
         <el-link
           type="primary"
-          :underline="false"
+          underline="never"
           href="broker.emqx.io"
           target="_blank"
         >

src/views/account-settings/index.vue

@@ -74,15 +74,17 @@ getMine().then(res => {
       :width="deviceDetection() ? '180px' : '240px'"
     >
       <el-menu :default-active="witchPane" class="pure-account-settings-menu">
-        <el-menu-item
+        <div
-          class="hover:transition-all! hover:duration-200! hover:text-base! h-[50px]!"
+          class="h-[50px]! text-[var(--pure-theme-menu-text)] cursor-pointer text-sm transition-all duration-300 ease-in-out hover:scale-105 will-change-transform transform-gpu origin-center hover:text-base! hover:text-[var(--pure-theme-menu-title-hover)]!"
           @click="router.go(-1)"
         >
-          <div class="flex items-center">
+          <div
+            class="h-full flex items-center px-[var(--el-menu-base-level-padding)]"
+          >
             <IconifyIconOffline :icon="leftLine" />
             <span class="ml-2">返回</span>
           </div>
-        </el-menu-item>
+        </div>
         <div class="flex items-center ml-8 mt-4 mb-4">
           <el-avatar :size="48" :src="userInfo.avatar" />
           <div class="ml-4 flex flex-col max-w-[130px]">

src/views/guide/index.vue

@@ -4,7 +4,7 @@ import intro from "intro.js";
 import "intro.js/minified/introjs.min.css";
 
 type GuideStep = {
-  element: string | HTMLElement;
+  element: HTMLElement;
   title: string;
   intro: string;
   position: "left" | "right" | "top" | "bottom";
@@ -16,47 +16,43 @@ defineOptions({
 
 const GUIDE_STEPS = [
   {
-    element: document.querySelector(".sidebar-logo-container") as
+    element: document.querySelector(".sidebar-logo-container"),
-      | string
-      | HTMLElement,
     title: "项目名称和Logo",
     intro: "您可以在这里设置项目名称和Logo",
     position: "left"
   },
   {
-    element: document.querySelector("#header-search") as string | HTMLElement,
+    element: document.querySelector("#header-search"),
     title: "搜索菜单",
     intro: "您可以在这里搜索想要查看的菜单",
     position: "left"
   },
   {
-    element: document.querySelector("#header-translation") as
+    element: document.querySelector("#header-translation"),
-      | string
-      | HTMLElement,
     title: "国际化",
     intro: "您可以在这里进行语言切换",
     position: "left"
   },
   {
-    element: document.querySelector("#full-screen") as string | HTMLElement,
+    element: document.querySelector("#full-screen"),
     title: "全屏",
     intro: "您可以在这里进行全屏切换",
     position: "left"
   },
   {
-    element: document.querySelector("#header-notice") as string | HTMLElement,
+    element: document.querySelector("#header-notice"),
     title: "消息通知",
     intro: "您可以在这里查看管理员发送的消息",
     position: "left"
   },
   {
-    element: document.querySelector(".set-icon") as string | HTMLElement,
+    element: document.querySelector(".set-icon"),
     title: "系统配置",
     intro: "您可以在这里查看系统配置",
     position: "left"
   },
   {
-    element: document.querySelector(".tags-view") as string | HTMLElement,
+    element: document.querySelector(".tags-view"),
     title: "多标签页",
     intro: "这里是您访问过的页面的历史",
     position: "bottom"