feat: 版本升级

Author: midfar

.eslintrc.cjs

@@ -1,4 +1,6 @@
 /* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution');
+
 module.exports = {
   'root': true,
   'env': {
@@ -9,7 +11,7 @@ module.exports = {
   'parser': 'vue-eslint-parser',
   'parserOptions': {
     'parser': '@typescript-eslint/parser',
-    'ecmaVersion': 2020,
+    'ecmaVersion': 'latest',
     'sourceType': 'module',
     'jsxPragma': 'React',
     'ecmaFeatures': {

.gitignore

@@ -26,3 +26,5 @@ coverage
 *.njsproj
 *.sln
 *.sw?
+
+*.tsbuildinfo

.vscode/extensions.json

@@ -1,3 +1,6 @@
 {
-  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+  "recommendations": [
+    "Vue.volar",
+    "dbaeumer.vscode-eslint"
+  ]
 }

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 midfar
+Copyright (c) 2022-2024 midfar
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,105 +1,39 @@
-## 简介
+# vue3-element-admin
 
-这个模板使用了最新的 vue3 和 element-plus UI 框架，vite 构建工具、pinia 状态管理、vue-router 路由管理、mockjs 数据模拟，并集成了 typescript。功能从 Vue Element Admin 移植而来，详细使用可以参考[该文档](https://vue3-element-admin-site.midfar.com/zh/guide/essentials/router-and-nav.html)。
+This template should help get you started developing with Vue 3 in Vite.
 
-## 特性
+## Recommended IDE Setup
 
-- **最新技术栈**：使用 Vue3/vite3 等前端前沿技术开发
-- **TypeScript**: 应用程序级 JavaScript 的语言
-- **Mock 数据** 内置 Mock 数据方案
-- **权限** 内置完善的动态路由权限生成方案
-- **组件** 二次封装了多个常用的组件
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
 
-## 在线示例
+## Type Support for `.vue` Imports in TS
 
-[vue3 element admin](https://vue3-element-admin.midfar.com/)
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
 
-[element plus](https://element-plus.midfar.com/)
+## Customize configuration
 
-## 准备
-开发前请确保熟悉并掌握以下技术栈：
+See [Vite Configuration Reference](https://vitejs.dev/config/).
 
-- vue: https://cn.vuejs.org/
-- TypeScript：https://www.tslang.cn/index.html
-- element-plus：https://element-plus.midfar.com/
-- pinia: https://pinia.vuejs.org/zh/
-- vue-router: https://router.vuejs.org/zh/
-
-注：开发前请务必阅读上述所有文档。应用至实际项目开发请修改 readme 内容。
-
-## 推荐的 IDE 工具和插件
-
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (禁用 Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
-
-## Vite 构建工具配置
-
-参考 [Vite 配置](https://vitejs.dev/config/).
-
-## 主要结构
-
-```
-- mock // 模拟数据
-- public
-- src
-  - components // 组件
-  - views // 页面
-    - tableTemplates // 示例模块
-	  - index.ts
-   - login // 登录模块
-	  - index.vue
- - settings.ts // 全局配置
- - main.ts // 入口文件
--  types // TypeScript类型
-- package.json
-- CODE_OF_CONDUCT.md // 框架开发要求
-- README.md //框架使用手册
-```
-
-## 使用
-
-### 安装依赖
+## Project Setup
 
 ```sh
 npm install
 ```
 
-### 开发模式连接测试服
+### Compile and Hot-Reload for Development
 
 ```sh
-npm run dev:test
+npm run dev
 ```
 
-### 打包到测试服
+### Type-Check, Compile and Minify for Production
 
 ```sh
-npm run build:test
+npm run build
 ```
 
-### 代码检查 [ESLint](https://eslint.org/)
+### Lint with [ESLint](https://eslint.org/)
 
 ```sh
 npm run lint
 ```
-
-## 支持环境
-
-现代浏览器。
-
-| IE/Edge          | Firefox         | Chrome          | Safari          | 
-| ---------------- | --------------- | --------------- | --------------- | 
-| IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions | 
-
-## TODO
-
-当前问题
-
-- 暂未配置git提交规范。
-
-## 参与贡献
-
-我们非常欢迎你的贡献，你可以通过以下方式和我们一起共建基线框架：
-
-- 联系维护人员 midfar@qq.com
-- 提交 pr
-- 修复 bug
-- 分享实践案例

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 ElMessage: typeof import('element-plus/es')['ElMessage']

components.d.ts

@@ -1,31 +1,25 @@
-// generated by unplugin-vue-components
-// We suggest you to commit this file into source control
+/* eslint-disable */
+// @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' {
+/* prettier-ignore */
+declare module 'vue' {
   export interface GlobalComponents {
     BackToTop: typeof import('./src/components/BackToTop/index.vue')['default']
     Breadcrumb: typeof import('./src/components/Breadcrumb/index.vue')['default']
     DragSelect: typeof import('./src/components/DragSelect/index.vue')['default']
     DropdownMenu: typeof import('./src/components/Share/DropdownMenu.vue')['default']
     Dropzone: typeof import('./src/components/Dropzone/index.vue')['default']
     EditorImage: typeof import('./src/components/Tinymce/components/EditorImage.vue')['default']
-    ElAlert: typeof import('element-plus/es')['ElAlert']
     ElBadge: typeof import('element-plus/es')['ElBadge']
     ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
     ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCard: typeof import('element-plus/es')['ElCard']
-    ElCarousel: typeof import('element-plus/es')['ElCarousel']
-    ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
-    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
-    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
-    ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
     ElDialog: typeof import('element-plus/es')['ElDialog']
     ElDropdown: typeof import('element-plus/es')['ElDropdown']
     ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
@@ -37,25 +31,19 @@ declare module '@vue/runtime-core' {
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElOption: typeof import('element-plus/es')['ElOption']
-    ElPagination: typeof import('element-plus/es')['ElPagination']
     ElProgress: typeof import('element-plus/es')['ElProgress']
-    ElRadio: typeof import('element-plus/es')['ElRadio']
     ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
-    ElRate: typeof import('element-plus/es')['ElRate']
     ElRow: typeof import('element-plus/es')['ElRow']
     ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
     ElSelect: typeof import('element-plus/es')['ElSelect']
-    ElSlider: typeof import('element-plus/es')['ElSlider']
     ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
     ElSwitch: typeof import('element-plus/es')['ElSwitch']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTag: typeof import('element-plus/es')['ElTag']
-    ElTimeline: typeof import('element-plus/es')['ElTimeline']
-    ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     ElTree: typeof import('element-plus/es')['ElTree']
     ElUpload: typeof import('element-plus/es')['ElUpload']
@@ -85,7 +73,4 @@ declare module '@vue/runtime-core' {
     UploadExcel: typeof import('./src/components/UploadExcel/index.vue')['default']
     VueCountTo: typeof import('./src/components/vue-count-to/vue-countTo.vue')['default']
   }
-  export interface ComponentCustomProperties {
-    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
-  }
 }

env.d.ts

@@ -0,0 +1 @@
+// / <reference types="vite/client" />

index.html

@@ -1,9 +1,9 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
   <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Vite App</title>
   </head>
   <body>