diff --git a/eslintrc/.eslintrc-auto-import.json b/eslintrc/.eslintrc-auto-import.json
index 9c538cd..f8acbd2 100644
--- a/eslintrc/.eslintrc-auto-import.json
+++ b/eslintrc/.eslintrc-auto-import.json
@@ -102,6 +102,18 @@
     "watchPostEffect": true,
     "watchSyncEffect": true,
     "watermark": true,
-    "waves": true
+    "waves": true,
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "InjectionKey": true,
+    "PropType": true,
+    "Ref": true,
+    "VNode": true,
+    "WritableComputedRef": true,
+    "toValue": true
   }
-}
\ No newline at end of file
+}
diff --git a/package.json b/package.json
index ed28ea0..ea29d6a 100644
--- a/package.json
+++ b/package.json
@@ -22,59 +22,58 @@
     "preinstall": "only-allow pnpm"
   },
   "dependencies": {
-    "@element-plus/icons-vue": "^2.1.0",
-    "axios": "^1.4.0",
-    "bootstrap-icons": "^1.10.5",
-    "d3": "7.2.1",
-    "driver.js": "^0.9.8",
-    "echarts": "^5.4.2",
-    "element-plus": "^2.3.7",
+    "@element-plus/icons-vue": "^2.3.1",
+    "axios": "^1.6.8",
+    "bootstrap-icons": "^1.11.3",
+    "d3": "7.9.0",
+    "driver.js": "^1.3.1",
+    "echarts": "^5.5.0",
+    "element-plus": "^2.6.2",
     "hash.js": "^1.1.7",
     "js-error-collection": "^1.0.8",
-    "mitt": "3.0.0",
-    "moment-mini": "2.22.1",
+    "mitt": "3.0.1",
+    "moment-mini": "2.29.4",
     "nprogress": "0.2.0",
+    "only-allow": "^1.2.1",
     "path-browserify": "^1.0.1",
     "path-to-regexp": "^6.2.1",
-    "pinia": "^2.1.4",
-    "pinia-plugin-persistedstate": "2.3.0",
+    "pinia": "^2.1.7",
+    "pinia-plugin-persistedstate": "3.2.1",
     "screenfull": "^6.0.2",
-    "sortablejs": "1.15.0",
+    "sortablejs": "1.15.2",
     "splitpanes": "^3.1.5",
-    "tinymce": "^6.5.1",
-    "uuid": "^9.0.0",
-    "only-allow": "^1.1.1",
+    "tinymce": "^7.0.0",
+    "uuid": "^9.0.1",
     "vite-plugin-vue-setup-extend": "^0.4.0",
-    "vue": "^3.3.4",
+    "vue": "^3.4.21",
     "vue-clipboard3": "^2.0.0",
-    "vue-cropper": "next",
-    "vue-i18n": "9.1.10",
-    "vue-router": "^4.2.2",
-    "vxe-table": "^4.4.2",
-    "xe-utils": "^3.5.11",
-    "xlsx": "^0.18.5"
+    "vue-cropper": "^1.1.1",
+    "vue-i18n": "9.10.2",
+    "vue-router": "^4.3.0",
+    "vxe-table": "^4.5.21",
+    "xe-utils": "^3.5.22"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.22.5",
-    "@types/mockjs": "1.0.6",
-    "@tinymce/tinymce-vue": "^5.1.0",
-    "@types/node": "^17.0.45",
-    "@types/path-browserify": "^1.0.0",
-    "@types/uuid": "^9.0.2",
-    "@typescript-eslint/eslint-plugin": "5.53.0",
-    "@typescript-eslint/parser": "5.53.0",
-    "@vitejs/plugin-legacy": "^4.0.5",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
-    "@vitest/coverage-c8": "^0.32.2",
-    "@vitest/ui": "^0.32.2",
-    "@vue-macros/reactivity-transform": "^0.3.10",
+    "@babel/eslint-parser": "^7.24.1",
+    "@tinymce/tinymce-vue": "^5.1.1",
+    "@types/mockjs": "1.0.10",
+    "@types/node": "^20.11.30",
+    "@types/path-browserify": "^1.0.2",
+    "@types/uuid": "^9.0.8",
+    "@typescript-eslint/eslint-plugin": "7.3.1",
+    "@typescript-eslint/parser": "7.3.1",
+    "@vitejs/plugin-legacy": "^5.3.2",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vitest/coverage-v8": "^1.4.0",
+    "@vitest/ui": "^1.4.0",
+    "@vue-macros/reactivity-transform": "^0.4.3",
     "@vue/cli-plugin-unit-jest": "^5.0.8",
     "@vue/cli-service": "^5.0.8",
-    "@vue/test-utils": "^2.4.0",
-    "@vueuse/core": "^8.9.4",
+    "@vue/test-utils": "^2.4.5",
+    "@vueuse/core": "^10.9.0",
     "ejs": "^3.1.9",
-    "eslint": "8.18.0",
+    "eslint": "^8.56.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-define-config": "1.5.1",
     "eslint-plugin-eslint-comments": "3.2.0",
@@ -82,28 +81,28 @@
     "eslint-plugin-jsonc": "^2.9.0",
     "eslint-plugin-markdown": "^3.0.0",
     "eslint-plugin-prettier": "4.1.0",
-    "eslint-plugin-unicorn": "^43.0.2",
-    "eslint-plugin-vue": "9.1.1",
-    "jsdom": "16.4.0",
+    "eslint-plugin-unicorn": "^51.0.1",
+    "eslint-plugin-vue": "9.23.0",
+    "jsdom": "24.0.0",
     "jsonc-eslint-parser": "^2.3.0",
     "majestic": "1.8.1",
     "mockjs": "1.1.0",
-    "prettier": "^2.8.8",
+    "prettier": "^3.2.5",
     "resize-observer-polyfill": "^1.5.1",
-    "rollup-plugin-visualizer": "^5.9.2",
-    "sass": "^1.63.6",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "sass": "^1.72.0",
     "svg-sprite-loader": "6.0.11",
-    "terser": "^5.18.1",
-    "typescript": "^4.9.5",
-    "unocss": "^0.53.3",
-    "unplugin-auto-import": "^0.11.5",
-    "unplugin-vue-components": "^0.22.12",
-    "vite": "^4.3.9",
-    "vite-plugin-mkcert": "^1.15.0",
-    "vite-plugin-mock": "^2.9.8",
+    "terser": "^5.29.2",
+    "typescript": "^5.4.3",
+    "unocss": "^0.58.6",
+    "unplugin-auto-import": "^0.17.5",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^5.2.3",
+    "vite-plugin-mkcert": "^1.17.5",
+    "vite-plugin-mock": "^3.0.1",
     "vite-plugin-svg-icons": "^2.0.1",
-    "vitest": "^0.32.2",
-    "vue-tsc": "^0.34.17"
+    "vitest": "^1.4.0",
+    "vue-tsc": "^2.0.7"
   },
   "pnpm": {
     "peerDependencyRules": {
@@ -132,6 +131,6 @@
     "not op_mini all"
   ],
   "engines": {
-    "node": ">= 16"
+    "node": ">= 20"
   }
 }
diff --git a/src/App.vue b/src/App.vue
index 4c2f0fa..576c581 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,7 +6,7 @@
 <script setup lang="ts">
 import { onBeforeMount, onMounted } from 'vue'
 //element-plus lang
-import zh from 'element-plus/lib/locale/lang/zh-cn'
+import zh from 'element-plus/es/locale/lang/zh-cn'
 import en from 'element-plus/es/locale/lang/en'
 import { storeToRefs } from 'pinia/dist/pinia'
 import { useRoute } from 'vue-router'
diff --git a/typings/auto-imports.d.ts b/typings/auto-imports.d.ts
index 9f27ba3..5cc09cf 100644
--- a/typings/auto-imports.d.ts
+++ b/typings/auto-imports.d.ts
@@ -1,4 +1,8 @@
-// Generated by 'unplugin-auto-import'
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
@@ -80,6 +84,7 @@ declare global {
   const toRaw: typeof import('vue')['toRaw']
   const toRef: typeof import('vue')['toRef']
   const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
   const triggerRef: typeof import('vue')['triggerRef']
   const unref: typeof import('vue')['unref']
   const useAttrs: typeof import('vue')['useAttrs']
@@ -105,3 +110,9 @@ declare global {
   const watermark: typeof import('../src/directives/example/watermark.js')['default']
   const waves: typeof import('../src/directives/example/waves.js')['default']
 }
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}
diff --git a/typings/components.d.ts b/typings/components.d.ts
index 211c77d..646dea0 100644
--- a/typings/components.d.ts
+++ b/typings/components.d.ts
@@ -1,11 +1,11 @@
-// generated by unplugin-vue-components
-// We suggest you to commit this file into source control
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
-
 export {}
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface GlobalComponents {
     AppPage: typeof import('./../src/components/AppPage.vue')['default']
     Container: typeof import('@/components/AppPage.vue')['default']