feat(projects): 新增静态路由

.env

@@ -8,5 +8,5 @@ VITE_APP_DESC=SoybeanAdmin是一个中后台管理系统模版
 
 VITE_SERVER_PORT=3200
 
-VITE_HTTP_PROXY=true
-
+# 权限路由模式: static ｜ dynamic
+VITE_AUTH_ROUTE_MODE=dynamic

.env-config.ts

@@ -9,7 +9,7 @@ type ServiceEnv = Record<
   }
 >;
 
-/** 请求的环境 */
+/** 环境配置 */
 const serviceEnvConfig: ServiceEnv = {
   dev: {
     url: 'http://localhost:8080',

.env.development

@@ -1,2 +1,3 @@
-# 是否开启打包文件大小结果分析
+VITE_HTTP_PROXY=true
+
 VITE_VISUALIZER=false

README.md

@@ -50,14 +50,15 @@ Soybean Admin  是一个基于 Vue3、Vite、TypeScript、Naive UI 的免费中
 
 ## 开发计划
 
-- [ ] 添加前端静态路由
+- [x] 添加前端静态路由
+- [ ] 用户角色切换示例、按钮级别权限指令
 - [ ] 最近功能的有关文档更新
+- [ ] 引入ECharts替换AntV G2Plot
 - [ ] 性能优化(优化递归函数)
 - [ ] 精简版(新分支thin)
 - [ ] 集成unocss替换windicss(新分支unocss)
 - [ ] 表单、表格示例
 - [ ] 添加锁屏组件、全局Iframe组件
-- [ ] 用户角色切换示例、按钮级别权限指令
 - [ ] 示例页面完善
 - [ ] 其他UI版本
 - [ ] element-plus版本
@@ -133,7 +134,7 @@ pnpm i -g commitizen
 
 - 微信交流群：
   <div style="text-align:left">
-    <img src="https://s2.loli.net/2022/03/23/pNiaVoP6yIvtS5C.jpg" style="width:200px" />
+    <img src="https://s2.loli.net/2022/03/30/VpmnTMsgXJH72B9.jpg" style="width:200px" />
   </div>
 
 - QQ交流群 `711301266`

build/config/proxy.ts

@@ -3,7 +3,7 @@ import { getEnvConfig } from '../../.env-config';
 
 /**
  * 设置网络代理
- * @param viteEnv
+ * @param viteEnv - vite环境描述
  */
 export function createViteProxy(viteEnv: ImportMetaEnv) {
   const isOpenProxy = viteEnv.VITE_HTTP_PROXY === 'true';

components.d.ts

@@ -10,33 +10,7 @@ declare module 'vue' {
     DarkModeSwitch: typeof import('./src/components/common/DarkModeSwitch.vue')['default']
     GithubLink: typeof import('./src/components/custom/GithubLink.vue')['default']
     HoverContainer: typeof import('./src/components/common/HoverContainer.vue')['default']
-    IconAntDesignCloseOutlined: typeof import('~icons/ant-design/close-outlined')['default']
-    IconAntDesignEnterOutlined: typeof import('~icons/ant-design/enter-outlined')['default']
-    IconAntDesignSettingOutlined: typeof import('~icons/ant-design/setting-outlined')['default']
-    IconCustomAvatar: typeof import('~icons/custom/avatar')['default']
-    IconCustomLogo: typeof import('~icons/custom/logo')['default']
-    IconCustomLogoFill: typeof import('~icons/custom/logo-fill')['default']
-    IconCustomNoPermission: typeof import('~icons/custom/no-permission')['default']
-    IconCustomNotFound: typeof import('~icons/custom/not-found')['default']
-    IconCustomServiceError: typeof import('~icons/custom/service-error')['default']
-    IconGridiconsFullscreen: typeof import('~icons/gridicons/fullscreen')['default']
-    IconGridiconsFullscreenExit: typeof import('~icons/gridicons/fullscreen-exit')['default']
-    IconIcOutlineCheck: typeof import('~icons/ic/outline-check')['default']
-    IconLineMdMenuFoldLeft: typeof import('~icons/line-md/menu-fold-left')['default']
-    IconLineMdMenuUnfoldLeft: typeof import('~icons/line-md/menu-unfold-left')['default']
-    IconMdiArrowDownThin: typeof import('~icons/mdi/arrow-down-thin')['default']
-    IconMdiArrowUpThin: typeof import('~icons/mdi/arrow-up-thin')['default']
-    IconMdiClose: typeof import('~icons/mdi/close')['default']
-    IconMdiGithub: typeof import('~icons/mdi/github')['default']
-    IconMdiMoonWaningCrescent: typeof import('~icons/mdi/moon-waning-crescent')['default']
-    IconMdiPin: typeof import('~icons/mdi/pin')['default']
-    IconMdiPinOff: typeof import('~icons/mdi/pin-off')['default']
-    IconMdiRefresh: typeof import('~icons/mdi/refresh')['default']
-    IconMdiWhiteBalanceSunny: typeof import('~icons/mdi/white-balance-sunny')['default']
-    IconPhCaretDoubleLeftBold: typeof import('~icons/ph/caret-double-left-bold')['default']
-    IconPhCaretDoubleRightBold: typeof import('~icons/ph/caret-double-right-bold')['default']
     IconSelect: typeof import('./src/components/custom/IconSelect.vue')['default']
-    IconUilSearch: typeof import('~icons/uil/search')['default']
     ImageVerify: typeof import('./src/components/custom/ImageVerify.vue')['default']
     LoadingEmptyWrapper: typeof import('./src/components/business/LoadingEmptyWrapper.vue')['default']
     LoginAgreement: typeof import('./src/components/business/LoginAgreement.vue')['default']

mock/api/route.ts

@@ -69,16 +69,6 @@ const routes: AuthRoute.Route[] = [
           icon: 'simple-icons:vite',
         },
       },
-      {
-        name: 'document_naive',
-        path: '/document/naive',
-        component: 'self',
-        meta: {
-          title: 'naive文档',
-          requiresAuth: true,
-          icon: 'mdi:alpha-n-box-outline',
-        },
-      },
       {
         name: 'document_project',
         path: '/document/project',

package.json

@@ -26,18 +26,18 @@
     }
   },
   "dependencies": {
-    "@antv/g2plot": "^2.4.10",
+    "@antv/g2plot": "^2.4.13",
     "@better-scroll/core": "^2.4.2",
-    "@vueuse/core": "^8.0.0",
+    "@vueuse/core": "^8.2.0",
     "axios": "^0.26.1",
     "clipboard": "^2.0.10",
     "colord": "^2.9.2",
     "crypto-js": "^4.1.1",
-    "dayjs": "^1.10.8",
+    "dayjs": "^1.11.0",
     "form-data": "^4.0.0",
     "lodash-es": "^4.17.21",
-    "naive-ui": "^2.26.4",
-    "pinia": "^2.0.11",
+    "naive-ui": "^2.27.0",
+    "pinia": "^2.0.12",
     "print-js": "^1.6.0",
     "qs": "^6.10.3",
     "soybean-admin-layout": "^1.0.4",
@@ -52,17 +52,17 @@
   },
   "devDependencies": {
     "@amap/amap-jsapi-types": "^0.0.8",
-    "@commitlint/cli": "^16.2.1",
+    "@commitlint/cli": "^16.2.3",
     "@commitlint/config-conventional": "^16.2.1",
-    "@iconify/json": "^2.1.14",
-    "@iconify/vue": "^3.1.4",
+    "@iconify/json": "^2.1.21",
+    "@iconify/vue": "^3.2.0",
     "@types/bmapgl": "^0.0.5",
     "@types/crypto-js": "^4.1.1",
-    "@types/node": "^17.0.21",
+    "@types/node": "^17.0.23",
     "@types/qs": "^6.9.7",
     "@types/ua-parser-js": "^0.7.36",
-    "@typescript-eslint/eslint-plugin": "^5.14.0",
-    "@typescript-eslint/parser": "^5.14.0",
+    "@typescript-eslint/eslint-plugin": "^5.17.0",
+    "@typescript-eslint/parser": "^5.17.0",
     "@vitejs/plugin-vue": "^2.2.4",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^10.0.0",
@@ -71,30 +71,30 @@
     "cross-env": "^7.0.3",
     "cz-conventional-changelog": "^3.3.0",
     "cz-customizable": "^6.3.0",
-    "eslint": "^8.11.0",
+    "eslint": "^8.12.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-vue": "^8.5.0",
     "husky": "^7.0.4",
-    "lint-staged": "^12.3.5",
+    "lint-staged": "^12.3.7",
     "mockjs": "^1.1.0",
     "patch-package": "^6.4.7",
     "postinstall-postinstall": "^2.1.0",
-    "prettier": "^2.5.1",
+    "prettier": "^2.6.1",
     "rollup-plugin-visualizer": "^5.6.0",
     "sass": "^1.49.9",
-    "typescript": "~4.6.2",
-    "unplugin-icons": "^0.13.3",
-    "unplugin-vue-components": "^0.18.0",
+    "typescript": "^4.6.3",
+    "unplugin-icons": "^0.14.1",
+    "unplugin-vue-components": "^0.18.5",
     "vite": "2.8.6",
-    "vite-plugin-html": "^3.1.0",
+    "vite-plugin-html": "^3.2.0",
     "vite-plugin-html-template": "^1.1.2",
     "vite-plugin-mock": "^2.9.6",
     "vite-plugin-windicss": "^1.8.3",
-    "vue-tsc": "^0.32.1",
-    "vueuc": "^0.4.27",
+    "vue-tsc": "^0.33.9",
+    "vueuc": "^0.4.28",
     "windicss": "^3.5.1"
   }
 }