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

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
-          class="hover:transition-all! hover:duration-200! hover:text-base! h-[50px]!"
+        <div
+          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
-      | string
-      | HTMLElement,
+    element: document.querySelector(".sidebar-logo-container"),
     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
-      | string
-      | HTMLElement,
+    element: document.querySelector("#header-translation"),
     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"