所有依赖包升级到最新版

.prettierrc.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   printWidth: 120,
   semi: false,
   singleQuote: true,

package.json

@@ -1,6 +1,7 @@
 {
   "name": "fs-admin",
-  "version": "1.8.1",
+  "version": "1.8.2",
+  "type": "module",
   "scripts": {
     "dev": "vite --host",
     "build": "run-p type-check build-only",
@@ -12,49 +13,49 @@
   "dependencies": {
     "@element-plus/icons-vue": "^2.1.0",
     "@icon-park/vue-next": "^1.4.2",
-    "@vueuse/core": "^10.1.2",
+    "@vueuse/core": "^10.6.1",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.12",
-    "axios": "^1.4.0",
-    "dayjs": "^1.11.8",
-    "echarts": "^5.4.2",
-    "element-plus": "^2.4.1",
+    "axios": "^1.6.2",
+    "dayjs": "^1.11.10",
+    "echarts": "^5.4.3",
+    "element-plus": "^2.4.2",
     "nprogress": "^0.2.0",
-    "pinia": "^2.1.3",
+    "pinia": "^2.1.7",
     "splitpanes": "^3.1.5",
     "vue": "^3.3.8",
-    "vue-cropper": "^1.0.9",
-    "vue-router": "^4.2.2",
+    "vue-cropper": "^1.1.1",
+    "vue-router": "^4.2.5",
     "vuedraggable": "^4.1.0",
-    "vxe-table": "^4.4.1",
-    "xe-utils": "^3.5.10"
+    "vxe-table": "^4.5.13",
+    "xe-utils": "^3.5.14"
   },
   "devDependencies": {
-    "@iconify-json/ep": "^1.1.10",
-    "@rushstack/eslint-patch": "^1.3.0",
-    "@tsconfig/node18": "^2.0.1",
-    "@types/node": "^18.16.16",
-    "@types/nprogress": "^0.2.0",
-    "@types/qs": "^6.9.7",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
-    "@vue/eslint-config-prettier": "^7.1.0",
-    "@vue/eslint-config-typescript": "^11.0.3",
+    "@iconify-json/ep": "^1.1.12",
+    "@rushstack/eslint-patch": "^1.6.0",
+    "@tsconfig/node18": "^18.2.2",
+    "@types/node": "^20.9.5",
+    "@types/nprogress": "^0.2.3",
+    "@types/qs": "^6.9.10",
+    "@vitejs/plugin-vue": "^4.5.0",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vue/eslint-config-prettier": "^8.0.0",
+    "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/tsconfig": "^0.4.0",
-    "eslint": "^8.42.0",
-    "eslint-plugin-vue": "^9.14.1",
+    "eslint": "^8.54.0",
+    "eslint-plugin-vue": "^9.18.1",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.8",
-    "sass": "^1.62.1",
-    "typescript": "~5.1.3",
-    "unocss": "^0.52.7",
-    "unplugin-auto-import": "^0.16.4",
-    "unplugin-icons": "^0.16.2",
-    "unplugin-vue-components": "^0.25.0",
-    "unplugin-vue-define-options": "^1.3.7",
-    "vite": "^4.3.9",
+    "prettier": "^3.1.0",
+    "sass": "^1.69.5",
+    "typescript": "~5.3.2",
+    "unocss": "^0.57.7",
+    "unplugin-auto-import": "^0.16.7",
+    "unplugin-icons": "^0.17.4",
+    "unplugin-vue-components": "^0.25.2",
+    "unplugin-vue-define-options": "^1.4.0",
+    "vite": "^5.0.2",
     "vite-plugin-style-import": "^2.0.0",
     "vite-plugin-svg-icons": "^2.0.1",
-    "vue-tsc": "^1.6.5"
+    "vue-tsc": "^1.8.22"
   }
 }

src/auto-import.d.ts

@@ -1,6 +1,7 @@
 /* eslint-disable */
 /* prettier-ignore */
 // @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
 export {}
 declare global {
@@ -40,6 +41,7 @@ declare global {
   const h: typeof import('vue')['h']
   const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
   const inject: typeof import('vue')['inject']
+  const injectLocal: typeof import('@vueuse/core')['injectLocal']
   const isDefined: typeof import('@vueuse/core')['isDefined']
   const isProxy: typeof import('vue')['isProxy']
   const isReactive: typeof import('vue')['isReactive']
@@ -74,6 +76,7 @@ declare global {
   const onUpdated: typeof import('vue')['onUpdated']
   const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
   const provide: typeof import('vue')['provide']
+  const provideLocal: typeof import('@vueuse/core')['provideLocal']
   const reactify: typeof import('@vueuse/core')['reactify']
   const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
   const reactive: typeof import('vue')['reactive']
@@ -140,6 +143,7 @@ declare global {
   const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
   const useCached: typeof import('@vueuse/core')['useCached']
   const useClipboard: typeof import('@vueuse/core')['useClipboard']
+  const useClipboardItems: typeof import('@vueuse/core')['useClipboardItems']
   const useCloned: typeof import('@vueuse/core')['useCloned']
   const useColorMode: typeof import('@vueuse/core')['useColorMode']
   const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
@@ -295,5 +299,6 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, InjectionKey, PropType, Ref, VNode } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  import('vue')
 }

src/components.d.ts

@@ -3,11 +3,9 @@
 // @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 {
     AddNode: typeof import('./components/workflow/addNode.vue')['default']
     ApproverDrawer: typeof import('./components/workflow/drawer/approverDrawer.vue')['default']

src/components/avatar/cropper.vue

@@ -129,7 +129,7 @@ const rotateRight = () => {
   >
     <div class="croWrap">
       <div style="width: 600px; height: 400px">
-        <vueCropper
+        <vue-cropper
           ref="cropperRef"
           :img="options.img"
           :info="true"

src/components/form/ElFormGroup.vue

@@ -8,9 +8,9 @@ interface Props {
 }
 const props = defineProps<Props>()
 
-const config = {
+const config:BasicForm = {
   ...props.formConfig,
-  formItems: props.formItem.children
+  formItems: props.formItem.children || []
 }
 </script>
 

src/components/form/ElFormTable.vue

@@ -55,8 +55,8 @@ const width = (props.formItem?.props as any)?.width
           </template>
         </vxe-column>
         <vxe-column fixed="right" title="操作" width="70">
-          <template #default="{ row, index }">
-            <el-button type="danger" size="small" @click="handleDelete(index)"> 删除 </el-button>
+          <template #default="{ rowIndex }">
+            <el-button type="danger" size="small" @click="handleDelete(rowIndex)"> 删除 </el-button>
           </template>
         </vxe-column>
       </vxe-table>

src/main.ts

@@ -51,6 +51,7 @@ import {
   // 表格
   Table
 } from 'vxe-table'
+import 'vxe-table/styles/cssvar.scss'
 
 import App from './App.vue'
 import router from './router'

src/views/system/Area.vue

@@ -133,7 +133,6 @@ const resetForm = (data: any) => {
       <el-empty
         v-if="menuId == ''"
         description="请选择左侧菜单后操作"
-        image="http://cloud.jeeplus.org/assets/empty.066d9fc7.svg"
       />
 
       <el-card>

tsconfig.node.json

@@ -8,6 +8,7 @@
   ],
   "compilerOptions": {
     "composite": true,
+    "moduleResolution": "node",
     "module": "ESNext",
     "types": [
       "node"