look the v1.9.3 update log

.eslintrc.js

@@ -25,8 +25,7 @@ module.exports = {
     'plugin:@typescript-eslint/recommended',
     'plugin:vue/vue3-recommended',
     'prettier',
-    './.eslintrc-auto-import.json',
-    './tests/.eslintrc-unit-test.json'
+    './.eslintrc-auto-import.json'
   ],
   parserOptions: {
     parser: '@typescript-eslint/parser',
@@ -57,7 +56,7 @@ module.exports = {
     'vue/no-setup-props-destructure': ['off'],
     '@typescript-eslint/no-empty-function': ['off'],
     'vue/script-setup-uses-vars': ['off'],
-    //can config  to 2 if need more then required
+    // can config  to 2 if need more then required
     '@typescript-eslint/no-unused-vars': [0],
     'no-param-reassign': ['off']
   }

.gitignore

@@ -3,6 +3,9 @@
 /dist-ssr
 /node_modules
 
+#lock
+pnpm-lock.yaml
+
 # Logs
 logs
 *.log

README-zh_CN.md

@@ -14,6 +14,7 @@
 
 Vite need  Node.js 16+
 
+
 ## 文档
 
 - [真香定律！带你用vue3+vite2撸后台（系列文章入口）](https://juejin.cn/post/7036302298435289095)
@@ -27,14 +28,6 @@ github 地址：  https://github.com/jzfai/vue3-admin-plus.git
 国内体验地址：https://github.jzfai.top/vue3-admin-plus
 
 
-## 例子
-
----- 我们先看看加载速度和构建后的包大小：
-
-![template-speed-analysis](https://github.jzfai.top/file/images/template-speed-analysis.png)
-
-![template-demo](https://github.jzfai.top/file/images/template-demo.png)
-
 ## 相关项目
 
 框架有js，ts，plus和electron版本
@@ -49,8 +42,16 @@ github 地址：  https://github.com/jzfai/vue3-admin-plus.git
 > 开发和使用感受：两个字 真香！！！！！
 
 
+## recommended study
+
+> A minimal version of element-plus
+
+你可以学习element-plus-mini， 比直接学习element-plus更好
 
-vue3和vue2在性能上的对比
+[element-plus-mini]( https://github.com/jzfai/element-plus-mini.git)
+
+
+## vue3和vue2在性能上的对比
 
 - 打包大小减少41%
 
@@ -108,76 +109,6 @@ pnpm run preview
 pnpm run lint
 ```
 
-## 功能
-
-```
-- 登录 / 注销
-
-- 权限验证
-  - 页面权限
-  - 指令权限
-  - 权限配置
-  - 二步登录
-
-- 多环境发布
-  - serve
-  - build
-  - priview
-  - lint
-
-- 全局功能
-  - 国际化多语言
-  - 多种动态换肤
-  - 动态侧边栏（支持多级路由嵌套）
-  - 动态面包屑
-  - 快捷导航(标签页)
-  - Svg Sprite 图标
-  - 本地/后端 mock 数据
-  - Screenfull全屏
-  - 自适应收缩侧边栏
-
-- 编辑器
-  - 富文本
-  - Markdown
-  - JSON 等多格式
-
-- Excel
-  - 导出excel
-  - 导入excel
-  - 前端可视化excel
-  - 导出zip
-
-- 表格
-  - 动态表格
-  - 拖拽表格
-  - 内联编辑
-
-- 错误页面
-  - 401
-  - 404
-
-- 組件
-  - 头像上传
-  - 返回顶部
-  - 拖拽Dialog
-  - 拖拽Select
-  - 拖拽看板
-  - 列表拖拽
-  - SplitPane
-  - Dropzone
-  - Sticky
-  - CountTo
-
-- 综合实例
-- 错误日志
-- Dashboard
-- 引导页
-- ECharts 图表
-- Clipboard(剪贴复制)
-#- Markdown2html
-```
-
->注：#---暂未实现(希望大家能一起开发)
 
 ## 额外
 
@@ -189,7 +120,6 @@ pnpm run lint
 
 
 
-
 ## 讨论和交流(含vue3+ts视频教程)
 [WeChat group](https://github.jzfai.top/file/images/wx-groud.png)
 

README.md

@@ -28,6 +28,16 @@ Vite need  Node.js 16+
 github 地址：  https://github.com/jzfai/vue3-admin-plus.git
 
 
+## recommended study
+
+> A minimal version of element-plus
+
+a minimal version of  element-plus , you can learn it better than learning element-plus directly
+
+[element-plus-mini]( https://github.com/jzfai/element-plus-mini.git)
+
+
+
 ## Related items
 
 The framework is available in js, ts , plus and electron versions
@@ -41,21 +51,6 @@ The framework is available in js, ts , plus and electron versions
 
 
 
-#### Comparison of performance between vue3 and vue2
-
-- 41% reduction in package size
-
-- The initial rendering is 55% faster, the update rendering is 133% faster
-
-- Memory reduction 54%
-
-- **Use Proxy instead of defineProperty to implement data responsiveness**
-
-- **Rewrite the implementation of virtual DOM and Tree-Shaking**
-
-
-[Comparison of packaging speed between vite3 and webpack](https://github.com/jzfai/vue3-admin-plus/issues/2)
-
 ## Build Setup
 
 ```bash
@@ -108,8 +103,6 @@ Note: Vue3 is not supported the Internet Explorer
 
 
 
-
-
 ## Discussion and Communication
 [WeChat group](https://github.jzfai.top/file/images/wx-groud.png)
 

components.d.ts

@@ -6,15 +6,19 @@ import '@vue/runtime-core'
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     ElSvgIcon: typeof import('./src/components/ElSvgIcon.vue')['default']
+    ElSvgItem: typeof import('./src/components/Sidebar/ElSvgItem.vue')['default']
     ImportExportComp: typeof import('./src/components/ImportExportComp.vue')['default']
     LangSelect: typeof import('./src/components/LangSelect/index.vue')['default']
+    Link: typeof import('./src/components/Sidebar/Link.vue')['default']
+    Logo: typeof import('./src/components/Sidebar/Logo.vue')['default']
     Pagination: typeof import('./src/components/Pagination/index.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     ScreenFull: typeof import('./src/components/ScreenFull/index.vue')['default']
     ScreenLock: typeof import('./src/components/ScreenLock/index.vue')['default']
+    Sidebar: typeof import('./src/components/Sidebar/Sidebar.vue')['default']
+    SidebarItem: typeof import('./src/components/Sidebar/SidebarItem.vue')['default']
     SizeSelect: typeof import('./src/components/SizeSelect/index.vue')['default']
-    TestUnit: typeof import('./src/components/TestUnit.vue')['default']
     ThemeSelect: typeof import('./src/components/ThemeSelect/index.vue')['default']
     Tinymce: typeof import('./src/components/Tinymce/index.vue')['default']
   }

jsconfig.json

@@ -1,9 +1,11 @@
 {
+  "extends": "./tsconfig.base.json",
   "compilerOptions": {
-    "baseUrl": "./",
     "paths": {
-      "@/*": ["src/*"]
+      "@/*": ["src/*"],
+      "~/*": ["typings/*"]
     }
   },
-  "include": ["src/*/**"]
+  "include": ["src", "typings", "auto-imports.d.ts"],
+  "exclude": ["node_modules", "**/dist"]
 }

package.json

@@ -1,27 +1,22 @@
 {
   "name": "vue3-admin-plus",
-  "version": "1.9.1",
+  "version": "1.9.3",
   "license": "MIT",
-  "author": "kuanghua([email protected])",
+  "author": "kuanghua",
   "packageManager": "[email protected]",
   "scripts": {
     "dev": "vite --mode serve-dev",
-    "test": "vite --mode serve-test",
     "build:test": "vite build --mode  build-test",
     "build": "vite build --mode build",
-    "preview": "npm run build && vite preview ",
+    "preview:build": "npm run build && vite preview ",
+    "preview": "vite preview ",
     "lint": "eslint --ext .js,.jsx,.vue,.ts,.tsx src --fix",
     "prepare": "husky install",
-    "test:unit": "vue-cli-service test:unit",
-    "test:watchAll": "vue-cli-service test:unit --watchAll",
-    "test:cov": "vue-cli-service test:unit --coverage",
-    "test:majestic": "majestic"
-  },
-  "peerDependencies": {
-    "vue": "^3.2.26"
+    "vitest": "vitest --ui",
+    "coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@element-plus/icons-vue": "^2.0.4",
+    "@element-plus/icons-vue": "^2.0.9",
     "@tinymce/tinymce-vue": "^4",
     "@vueuse/core": "^8.7.5",
     "axios": "0.21.3",
@@ -42,62 +37,54 @@
     "sortablejs": "1.15.0",
     "splitpanes": "^3.1.1",
     "tinymce": "6.1.0",
-    "vue": "3.2.37",
+    "vue": "^3.2.39",
     "vue-i18n": "^9.1.10",
-    "vue-router": "4.0.14",
-    "vxe-table": "4.3.0-beta.5",
+    "vue-router": "^4.0.14",
+    "vxe-table": "4.3.5",
     "xe-utils": "^3.5.6",
     "xlsx": "^0.18.5"
   },
   "devDependencies": {
     "@babel/eslint-parser": "7.16.3",
-    "@babel/preset-env": "^7.17.10",
-    "@babel/preset-typescript": "7.16.7",
     "@types/echarts": "4.9.7",
-    "@types/jest": "<27",
     "@types/mockjs": "1.0.6",
     "@types/node": "^17.0.35",
     "@typescript-eslint/eslint-plugin": "5.5.0",
     "@typescript-eslint/parser": "5.5.0",
     "@vitejs/plugin-legacy": "1.6.4",
     "@vitejs/plugin-vue": "^2.3.3",
     "@vitejs/plugin-vue-jsx": "1.3.1",
-    "@vue/cli-plugin-unit-jest": "4.5.17",
+    "@vitest/coverage-c8": "^0.22.1",
+    "@vitest/ui": "^0.22.1",
     "@vue/cli-service": "4.5.17",
-    "@vue/test-utils": "^2.0.0-rc.18",
+    "@vue/test-utils": "^2.0.2",
     "@vueuse/core": "^8.7.5",
-    "babel-jest": "<27",
     "eslint": "7.32.0",
     "eslint-config-prettier": "8.3.0",
     "eslint-define-config": "1.2.0",
     "eslint-plugin-import": "2.25.3",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-vue": "8.1.1",
     "husky": "7.0.2",
-    "jest": "<27",
-    "jest-serializer-vue": "^2.0.2",
-    "jest-transform-stub": "^2.0.0",
-    "majestic": "1.8.1",
+    "jsdom": "16.4.0",
     "mockjs": "1.1.0",
     "prettier": "2.2.1",
+    "resize-observer-polyfill": "^1.5.1",
     "sass": "^1.52.1",
     "svg-sprite-loader": "6.0.11",
-    "ts-jest": "<27",
-    "ts-node": "10.7.0",
-    "tslib": "^2.4.0",
     "typescript": "^4.7.2",
+    "unocss": "^0.33.5",
     "unplugin-auto-import": "^0.5.11",
     "unplugin-vue-components": "^0.19.5",
+    "unplugin-vue-define-options": "^0.6.1",
     "vite": "^3.0.0",
     "vite-plugin-html": "^3.2.0",
+    "vite-plugin-mkcert": "^1.7.2",
     "vite-plugin-mock": "^2.9.6",
     "vite-plugin-style-import": "1.2.1",
     "vite-plugin-svg-icons": "1.0.5",
-    "vue-jest": "^5.0.0-alpha.10",
-    "vue-tsc": "^0.34.16",
-    "vite-plugin-mkcert": "^1.7.2",
-    "unplugin-vue-define-options": "^0.6.1",
-    "unocss": "^0.33.5"
+    "vitest": "^0.22.1",
+    "vue-tsc": "^0.34.16"
   },
   "pnpm": {
     "peerDependencyRules": {