chore: update [email protected] and perf menu

package.json

@@ -49,7 +49,7 @@
     "dayjs": "^1.11.4",
     "driver.js": "^0.9.8",
     "echarts": "^5.3.3",
-    "element-plus": "^2.2.13",
+    "element-plus": "^2.2.14",
     "element-resize-detector": "^1.2.3",
     "js-cookie": "^3.0.1",
     "jsbarcode": "^3.11.5",

src/layout/components/sidebar/horizontal.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { ref, watch } from "vue";
 import Search from "../search/index.vue";
 import Notice from "../notice/index.vue";
 import SidebarItem from "./sidebarItem.vue";
@@ -9,7 +10,6 @@ import { deviceDetection } from "@pureadmin/utils";
 import { useTranslationLang } from "../../hooks/useTranslationLang";
 import { usePermissionStoreHook } from "/@/store/modules/permission";
 import globalization from "/@/assets/svg/globalization.svg?component";
-import { ref, watch, nextTick, onMounted, onBeforeUnmount } from "vue";
 
 const menuRef = ref();
 
@@ -21,28 +21,13 @@ const {
   logout,
   backHome,
   onPanel,
-  handleResize,
   menuSelect,
   username,
   avatarsStyle,
   getDropdownItemStyle,
   getDropdownItemClass
 } = useNav();
 
-function onResizeMenu() {
-  nextTick(() => {
-    handleResize(menuRef.value);
-  });
-}
-
-onMounted(() => {
-  window.addEventListener("resize", onResizeMenu);
-});
-
-onBeforeUnmount(() => {
-  window.removeEventListener("resize", onResizeMenu);
-});
-
 watch(
   () => route.path,
   () => {

src/layout/components/sidebar/mixNav.vue

@@ -6,12 +6,12 @@ import { useNav } from "/@/layout/hooks/useNav";
 import { transformI18n } from "/@/plugins/i18n";
 import screenfull from "../screenfull/index.vue";
 import { deviceDetection } from "@pureadmin/utils";
+import { ref, toRaw, watch, onMounted } from "vue";
 import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
 import { getParentPaths, findRouteByPath } from "/@/router/utils";
 import { useTranslationLang } from "../../hooks/useTranslationLang";
 import { usePermissionStoreHook } from "/@/store/modules/permission";
 import globalization from "/@/assets/svg/globalization.svg?component";
-import { ref, toRaw, watch, nextTick, onMounted, onBeforeUnmount } from "vue";
 
 const menuRef = ref();
 let defaultActive = ref(null);
@@ -23,7 +23,6 @@ const {
   routers,
   logout,
   onPanel,
-  handleResize,
   menuSelect,
   resolvePath,
   username,
@@ -42,19 +41,8 @@ function getDefaultActive(routePath) {
   )?.children[0]?.path;
 }
 
-function onResizeMenu() {
-  nextTick(() => {
-    handleResize(menuRef.value);
-  });
-}
-
 onMounted(() => {
   getDefaultActive(route.path);
-  window.addEventListener("resize", onResizeMenu);
-});
-
-onBeforeUnmount(() => {
-  window.removeEventListener("resize", onResizeMenu);
 });
 
 watch(

types/index.ts

@@ -54,7 +54,7 @@ export interface ResponsiveStorage {
 export interface RouteChildrenConfigsTable {
   /** 子路由地址 `必填` */
   path: string;
-  /** 路由名字（对应不要重复，根当前组件的`name`保持一致）`必填` */
+  /** 路由名字（对应不要重复，和当前组件的`name`保持一致）`必填` */
   name?: string;
   /** 路由重定向 `可选` */
   redirect?: string;