feat: 🚀 update and optimize project content

.env

@@ -8,4 +8,4 @@ VITE_PORT = 8848
 VITE_OPEN = true
 
 # 打包后是否生成包分析文件
-VITE_REPORT = true
+VITE_REPORT = false

.env.development

@@ -4,6 +4,10 @@ VITE_USER_NODE_ENV = development
 # 公共基础路径
 VITE_PUBLIC_PATH = /
 
+# 路由模式
+# Optional: hash | history
+VITE_ROUTER_MODE = hash
+
 # 打包时是否删除 console
 VITE_DROP_CONSOLE = true
 

.env.production

@@ -4,6 +4,10 @@ VITE_USER_NODE_ENV = production
 # 公共基础路径
 VITE_PUBLIC_PATH = /
 
+# 路由模式
+# Optional: hash | history
+VITE_ROUTER_MODE = hash
+
 # 是否启用 gzip 或 brotli 压缩打包，如果需要多个压缩规则，可以使用 “,” 分隔
 # Optional: gzip | brotli | none
 VITE_BUILD_COMPRESS = none

.env.test

@@ -4,6 +4,10 @@ VITE_USER_NODE_ENV = test
 # 公共基础路径
 VITE_PUBLIC_PATH = /
 
+# 路由模式
+# Optional: hash | history
+VITE_ROUTER_MODE = hash
+
 # 是否启用 gzip 或 brotli 压缩打包，如果需要多个压缩规则，可以使用 “,” 分隔
 # Optional: gzip | brotli | none
 VITE_BUILD_COMPRESS = none

.eslintrc.cjs

@@ -35,18 +35,18 @@ module.exports = {
 
     // typeScript (https://typescript-eslint.io/rules)
     "@typescript-eslint/no-unused-vars": "error", // 禁止定义未使用的变量
+    "@typescript-eslint/no-empty-function": "error", // 禁止空函数
     "@typescript-eslint/prefer-ts-expect-error": "error", // 禁止使用 @ts-ignore
     "@typescript-eslint/ban-ts-comment": "error", // 禁止 @ts-<directive> 使用注释或要求在指令后进行描述
     "@typescript-eslint/no-inferrable-types": "off", // 可以轻松推断的显式类型可能会增加不必要的冗长
     "@typescript-eslint/no-namespace": "off", // 禁止使用自定义 TypeScript 模块和命名空间
     "@typescript-eslint/no-explicit-any": "off", // 禁止使用 any 类型
     "@typescript-eslint/ban-types": "off", // 禁止使用特定类型
     "@typescript-eslint/no-var-requires": "off", // 允许使用 require() 函数导入模块
-    "@typescript-eslint/no-empty-function": "off", // 禁止空函数
     "@typescript-eslint/no-non-null-assertion": "off", // 不允许使用后缀运算符的非空断言(!)
 
     // vue (https://eslint.vuejs.org/rules)
-    "vue/script-setup-uses-vars": "error", // 防止<script setup>使用的变量<template>被标记为未使用，此规则仅在启用该no-unused-vars规则时有效
+    "vue/script-setup-uses-vars": "error", // 防止<script setup>使用的变量<template>被标记为未使用，此规则仅在启用该 no-unused-vars 规则时有效
     "vue/v-slot-style": "error", // 强制执行 v-slot 指令样式
     "vue/no-mutating-props": "error", // 不允许改变组件 prop
     "vue/custom-event-name-casing": "error", // 为自定义事件名称强制使用特定大小写

.vscode/settings.json

@@ -47,6 +47,7 @@
     "commitlint",
     "contentleft",
     "contentright",
+    "CSDN",
     "daterange",
     "datetimerange",
     "echarts",
@@ -79,13 +80,16 @@
     "truetype",
     "tuichu",
     "unplugin",
+    "unref",
     "VITE",
     "vuedraggable",
     "vueuse",
     "Vuex",
     "wangeditor",
     "xiala",
     "xiaoxi",
+    "Yahei",
+    "yiwen",
     "zhongyingwen",
     "zhuti"
   ]

README.md

@@ -4,6 +4,12 @@
 
 Geeker-Admin 一款基于 Vue3.3、TypeScript、Vite4、Pinia、Element-Plus 开源的后台管理框架，使用目前最新技术栈开发。项目提供强大的 [ProTable](https://juejin.cn/post/7166068828202336263) 组件，在一定程度上提高您的开发效率。另外本项目还封装了一些常用组件、Hooks、指令、动态路由、按钮级别权限控制等功能。
 
+### React 版本 🔥
+
+- 有需要请加底部微信了解、购买
+
+- Link：https://pro.spicyboy.cn
+
 ### 在线预览 👀
 
 - Link：https://admin.spicyboy.cn
@@ -21,14 +27,14 @@ Geeker-Admin 一款基于 Vue3.3、TypeScript、Vite4、Pinia、Element-Plus 开
 
 ### 项目功能 🔨
 
-- 使用 Vue3.3 + TypeScript 开发，单文件组件**＜ script setup ＞**
-- 采用 Vite4 作为项目开发、打包工具（配置 Gzip 打包、TSX 语法、跨域代理…）
+- 使用 Vue3.3 + TypeScript 开发，单文件组件**＜script setup＞**
+- 采用 Vite4 作为项目开发、打包工具（配置 gzip/brotli 打包、tsx 语法、跨域代理…）
 - 使用 Pinia 替代 Vuex，轻量、简单、易用，集成 Pinia 持久化插件
 - 使用 TypeScript 对 Axios 整个二次封装（请求拦截、取消、常用请求封装…）
-- 基于 Element 二次封装 [ProTable](https://juejin.cn/post/7166068828202336263) 组件，表格页面全部为配置项 columns
-- 支持 Element 组件大小切换、暗黑模式、i18n 国际化
-- 使用 VueRouter 进行路由权限拦截、页面按钮权限配置、路由懒加载
-- 使用 KeepAlive 对页面进行缓存，支持多级嵌套页面缓存
+- 基于 Element 二次封装 [ProTable](https://juejin.cn/post/7166068828202336263) 组件，表格页面全部为配置项 Columns
+- 支持 Element 组件大小切换、多主题布局、暗黑模式、i18n 国际化
+- 使用 VueRouter 配置动态路由权限拦截、路由懒加载，支持页面按钮权限控制
+- 使用 KeepAlive 对页面进行缓存，支持多级嵌套路由缓存
 - 常用自定义指令开发（权限、复制、水印、拖拽、节流、防抖、长按…）
 - 使用 Prettier 统一格式化代码，集成 ESLint、Stylelint 代码校验规范
 - 使用 husky、lint-staged、commitlint、czg、cz-git 规范提交信息
@@ -188,7 +194,7 @@ Geeker-Admin
 
 ### 微信交流群 👨‍👨‍👦‍👦
 
-微信一群、二群、三群已满，扫描二维码添加作者微信，拉大家进入四群 🤪
+微信一群、二群、三群已满，扫描二维码添加作者微信（支持知识付费），拉大家进入四群🤪
 
 |                           微信二维码                           |
 | :------------------------------------------------------------: |

index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

package.json

@@ -36,12 +36,12 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.1.0",
-    "@vueuse/core": "^10.3.0",
+    "@vueuse/core": "^10.4.1",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.12",
-    "axios": "^1.4.0",
+    "axios": "^1.5.0",
     "dayjs": "^1.11.9",
-    "driver.js": "^0.9.7",
+    "driver.js": "^1.3.0",
     "echarts": "^5.4.3",
     "echarts-liquidfill": "^3.1.0",
     "element-plus": "^2.3.4",
@@ -55,52 +55,52 @@
     "screenfull": "^6.0.2",
     "sortablejs": "^1.15.0",
     "vue": "^3.3.4",
-    "vue-i18n": "^9.2.2",
+    "vue-i18n": "^9.4.0",
     "vue-router": "^4.2.4",
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.6.7",
-    "@commitlint/config-conventional": "^17.6.7",
+    "@commitlint/cli": "^17.7.1",
+    "@commitlint/config-conventional": "^17.7.0",
     "@types/md5": "^2.3.2",
     "@types/nprogress": "^0.2.0",
-    "@types/qs": "^6.9.7",
-    "@types/sortablejs": "^1.15.1",
-    "@typescript-eslint/eslint-plugin": "^6.2.1",
-    "@typescript-eslint/parser": "^6.2.1",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
-    "autoprefixer": "^10.4.14",
-    "cz-git": "^1.7.0",
-    "czg": "^1.7.0",
-    "eslint": "^8.46.0",
-    "eslint-config-prettier": "^8.9.0",
+    "@types/qs": "^6.9.8",
+    "@types/sortablejs": "^1.15.2",
+    "@typescript-eslint/eslint-plugin": "^6.7.0",
+    "@typescript-eslint/parser": "^6.7.0",
+    "@vitejs/plugin-vue": "^4.3.4",
+    "@vitejs/plugin-vue-jsx": "^3.0.2",
+    "autoprefixer": "^10.4.15",
+    "cz-git": "^1.7.1",
+    "czg": "^1.7.1",
+    "eslint": "^8.49.0",
+    "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-vue": "^9.16.1",
+    "eslint-plugin-vue": "^9.17.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.2.3",
-    "postcss": "^8.4.27",
+    "lint-staged": "^14.0.1",
+    "postcss": "^8.4.29",
     "postcss-html": "^1.5.0",
-    "prettier": "^3.0.0",
+    "prettier": "^3.0.3",
     "rollup-plugin-visualizer": "^5.9.2",
-    "sass": "^1.64.2",
+    "sass": "^1.66.1",
     "standard-version": "^9.5.0",
-    "stylelint": "^15.10.2",
+    "stylelint": "^15.10.3",
     "stylelint-config-html": "^1.1.0",
     "stylelint-config-recess-order": "^4.3.0",
-    "stylelint-config-recommended-scss": "^12.0.0",
+    "stylelint-config-recommended-scss": "^13.0.0",
     "stylelint-config-recommended-vue": "^1.5.0",
     "stylelint-config-standard": "^34.0.0",
-    "stylelint-config-standard-scss": "^10.0.0",
+    "stylelint-config-standard-scss": "^11.0.0",
     "typescript": "^5.1.6",
     "unplugin-vue-setup-extend-plus": "^1.0.0",
-    "vite": "^4.4.8",
+    "vite": "^4.4.9",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-html": "^3.2.0",
-    "vite-plugin-pwa": "^0.16.4",
+    "vite-plugin-pwa": "^0.16.5",
     "vite-plugin-svg-icons": "^2.0.1",
-    "vue-tsc": "^1.8.8"
+    "vue-tsc": "^1.8.11"
   },
   "engines": {
     "node": ">=16.0.0"