升级element-plus

package.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "@codemirror/lang-javascript": "^6.1.1",
     "@codemirror/theme-one-dark": "^6.1.0",
-    "@element-plus/icons-vue": "^2.0.6",
+    "@element-plus/icons-vue": "^2.0.10",
     "axios": "^0.27.2",
     "codemirror": "^6.0.1",
     "countup.js": "^2.3.2",
@@ -20,7 +20,7 @@
     "echarts": "^5.3.3",
     "echarts-gl": "^2.0.9",
     "echarts-wordcloud": "^2.0.0",
-    "element-plus": "^2.2.9",
+    "element-plus": "^2.2.26",
     "js-cookie": "^3.0.1",
     "jsplumb": "^2.15.6",
     "lodash": "^4.17.21",

src/layout/main/defaults.vue

@@ -1,47 +1,48 @@
 <template>
-	<el-container class="layout-container">
+  <el-container class="layout-container">
-		<Aside />
+    <layoutAside />
-		<el-container class="flex-center" :class="{ 'layout-backtop': !isFixedHeader }">
+    <el-container class="flex-center" :class="{ 'layout-backtop': !isFixedHeader }">
-			<Header v-if="isFixedHeader" />
+      <layoutHeader v-if="isFixedHeader" />
-			<el-scrollbar ref="layoutDefaultsScrollbarRef" :class="{ 'layout-backtop': isFixedHeader }">
+      <el-scrollbar ref="layoutDefaultsScrollbarRef" :class="{ 'layout-backtop': isFixedHeader }">
-				<Header v-if="!isFixedHeader" />
+        <layoutHeader v-if="!isFixedHeader" />
-				<Main />
+        <layoutMain />
-			</el-scrollbar>
+      </el-scrollbar>
-		</el-container>
+    </el-container>
-		<el-backtop target=".layout-backtop .el-scrollbar__wrap"></el-backtop>
+    <el-backtop target=".layout-backtop .el-scrollbar__wrap"></el-backtop>
-	</el-container>
+  </el-container>
 </template>
 
 <script lang="ts">
-import { computed, getCurrentInstance, watch, defineComponent } from 'vue';
+import {computed, getCurrentInstance, watch, defineComponent, ref} from 'vue';
 import { useRoute } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useThemeConfig } from '/@/stores/themeConfig';
-import Aside from '/@/layout/component/aside.vue';
+import layoutAside from '/@/layout/component/aside.vue';
-import Header from '/@/layout/component/header.vue';
+import layoutHeader from '/@/layout/component/header.vue';
-import Main from '/@/layout/component/main.vue';
+import layoutMain from '/@/layout/component/main.vue';
 
 export default defineComponent({
-	name: 'layoutDefaults',
+  name: 'layoutDefaults',
-	components: { Aside, Header, Main },
+  components: { layoutAside, layoutHeader, layoutMain },
-	setup() {
+  setup() {
-		const { proxy } = <any>getCurrentInstance();
+    const route = useRoute();
-		const route = useRoute();
+    const layoutDefaultsScrollbarRef = ref()
-		const storesThemeConfig = useThemeConfig();
+    const storesThemeConfig = useThemeConfig();
-		const { themeConfig } = storeToRefs(storesThemeConfig);
+    const { themeConfig } = storeToRefs(storesThemeConfig);
-		const isFixedHeader = computed(() => {
+    const isFixedHeader = computed(() => {
-			return themeConfig.value.isFixedHeader;
+      return themeConfig.value.isFixedHeader;
-		});
+    });
-		// 监听路由的变化
+    // 监听路由的变化
-		watch(
+    watch(
-			() => route.path,
+        () => route.path,
-			() => {
+        () => {
-				proxy.$refs.layoutDefaultsScrollbarRef.wrap$.scrollTop = 0;
+          layoutDefaultsScrollbarRef.value.wrapRef.scrollTop = 0;
-			}
+        }
-		);
+    );
-		return {
+    return {
-			isFixedHeader,
+      isFixedHeader,
-		};
+      layoutDefaultsScrollbarRef,
-	},
+    };
+  },
 });
 </script>