elementPlus版本更新 ,插件更新

Author: xujianhua

.eslintrc.js

@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-01-07 09:49:29
- * @LastEditTime: 2021-03-11 16:12:27
+ * @LastEditTime: 2021-08-09 15:49:07
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \vue3-element-admin\.eslintrc.js
@@ -10,29 +10,29 @@ module.exports = {
     root: true,
 
     env: {
-        node: true
+        node: true,
     },
 
     extends: [
         "plugin:vue/vue3-essential",
         "eslint:recommended",
-        "@vue/prettier"
+        "@vue/prettier",
     ],
 
     parserOptions: {
-        parser: "babel-eslint"
+        parser: "babel-eslint",
     },
     // "writable" 以允许重写变量，或 "readonly" 不允许重写变量
     globals: {
         XE: "readonly",
         VE_ENV: "readonly",
-        VE_API: "readonly"
+        VE_API: "readonly",
     },
 
     rules: {
         indent: [2, 4, { SwitchCase: 1 }],
-        "prettier/prettier": [2, { tabWidth: 4 }],
+        "prettier/prettier": [2, { tabWidth: 4, endOfLine: "auto" }],
         "no-console": "off",
-        "no-debugger": "off"
-    }
+        "no-debugger": "off",
+    },
 };

.vscode/settings.json

@@ -1,10 +1,9 @@
 {
-  "editor.formatOnSave": true,
-  "prettier.tabWidth": 4,
-  "editor.insertSpaces": false,
-  "prettier.arrowParens": "avoid",
-  "prettier.trailingComma": "none",
-  "vetur.format.options.tabSize": 4,
-  "editor.formatOnPaste": true,
-  "files.autoSaveDelay": 2000
-}
+    "editor.formatOnSave": true,
+    "prettier.tabWidth": 4,
+    "editor.insertSpaces": false,
+    "vetur.format.options.tabSize": 4,
+    "editor.formatOnPaste": true,
+    "files.autoSaveDelay": 2000,
+    "prettier.endOfLine": "auto"
+}

babel.config.js

@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-01-07 09:49:29
- * @LastEditTime: 2021-03-31 10:01:26
+ * @LastEditTime: 2021-08-09 11:36:38
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \vue3-element-admin\babel.config.js
@@ -13,15 +13,12 @@ module.exports = {
             "import",
             {
                 libraryName: "element-plus",
-                customStyleName: name => {
+                customStyleName: (name) => {
                     name = name.slice(3);
                     return `element-plus/packages/theme-chalk/src/${name}.scss`;
-                }
-            }
+                },
+            },
         ],
-        "@vue/babel-plugin-jsx"
-        // "@babel/plugin-syntax-dynamic-import",
-        // "syntax-dynamic-import",
-        // "dynamic-import-node"
-    ]
+        "@vue/babel-plugin-jsx",
+    ],
 };

package-lock.json

@@ -8,17 +8,17 @@
         "lint": "vue-cli-service lint"
     },
     "dependencies": {
-        "core-js": "^3.15.2",
+        "core-js": "^3.16.1",
         "dayjs": "^1.10.6",
         "echarts": "^5.1.2",
-        "element-plus": "^1.0.2-beta.54",
+        "element-plus": "^1.0.2-beta.70",
         "normalize.css": "^8.0.1",
         "nprogress": "^0.2.0",
         "qs": "^6.10.1",
-        "vue": "^3.1.4",
+        "vue": "^3.1.5",
         "vue-router": "^4.0.10",
         "vuex": "^4.0.2",
-        "xe-utils": "^3.3.0",
+        "xe-utils": "^3.3.1",
         "zdog": "^1.1.2"
     },
     "devDependencies": {
@@ -28,23 +28,24 @@
         "@vue/cli-plugin-router": "^4.5.13",
         "@vue/cli-plugin-vuex": "^4.5.13",
         "@vue/cli-service": "^4.5.13",
-        "@vue/compiler-sfc": "^3.1.4",
+        "@vue/compiler-sfc": "^3.1.5",
         "@vue/eslint-config-prettier": "^6.0.0",
         "axios": "^0.21.1",
         "babel-eslint": "^10.1.0",
         "babel-plugin-import": "^1.13.3",
-        "compression-webpack-plugin": "^5.0.2",
-        "eslint": "^6.7.2",
+        "compression-webpack-plugin": "^6.1.1",
+        "eslint": "^7.32.0",
         "eslint-plugin-prettier": "^3.4.0",
-        "eslint-plugin-vue": "^7.12.1",
-        "lint-staged": "^9.5.0",
+        "eslint-plugin-vue": "^7.15.1",
+        "lint-staged": "^11.1.2",
         "mockjs": "^1.1.0",
-        "prettier": "^1.19.1",
-        "sass": "^1.35.1",
+        "prettier": "^2.3.2",
+        "sass": "^1.37.5",
         "sass-loader": "^10.2.0",
-        "uglifyjs-webpack-plugin": "^1.1.2",
+        "uglifyjs-webpack-plugin": "^2.2.0",
         "vue-cli-plugin-axios": "0.0.4",
-        "vue-cli-plugin-element-plus": "0.0.11"
+        "vue-cli-plugin-element-plus": "0.0.13",
+        "webpack": "^4.46.0"
     },
     "gitHooks": {
         "pre-commit": "lint-staged"

package.json

@@ -1,18 +1,28 @@
 <!--
  * @Author: your name
  * @Date: 2021-01-07 09:49:29
- * @LastEditTime: 2021-04-26 13:51:27
+ * @LastEditTime: 2021-08-09 15:31:43
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \vue3-element-admin\src\App.vue
 -->
 <template>
-    <router-view></router-view>
+    <el-config-provider :locale="locale">
+        <router-view></router-view>
+    </el-config-provider>
 </template>
 
 <script>
+import { ElConfigProvider } from "element-plus";
+import zhCn from "element-plus/lib/locale/lang/zh-cn";
 export default {
-    name: "App"
+    components: {
+        ElConfigProvider,
+    },
+    name: "App",
+    data: () => ({
+        locale: zhCn,
+    }),
 };
 </script>
 <style lang="scss" scoped></style>

src/App.vue

@@ -8,7 +8,7 @@
  */
 const path = require("path");
 const fs = require("fs");
-const getPathInfo = p => path.parse(p);
+const getPathInfo = (p) => path.parse(p);
 
 /**
  * @description // 递归读取文件，类似于webpack的require.context()
@@ -23,7 +23,7 @@ function autoLoadFile(directory, useSubdirectories = false, extList = [".js"]) {
     // 递归读取文件
     function readFileList(directory, useSubdirectories, extList) {
         const files = fs.readdirSync(directory);
-        files.forEach(item => {
+        files.forEach((item) => {
             const fullPath = path.join(directory, item);
             const stat = fs.statSync(fullPath);
             if (stat.isDirectory() && useSubdirectories) {

src/api/index.js

@@ -20,8 +20,8 @@ function registerRoutes(app) {
     let mockLastIndex;
     let mocksForServer = new Array();
     const api = require("./index.js");
-    Object.keys(api).map(route => {
-        Object.keys(api[route]).map(item => {
+    Object.keys(api).map((route) => {
+        Object.keys(api[route]).map((item) => {
             api[route][item].mock &&
                 mocksForServer.push(
                     responseFake(
@@ -44,7 +44,7 @@ function registerRoutes(app) {
     // console.log(mockRoutesLength,mockLastIndex)
     return {
         mockRoutesLength,
-        mockStartIndex: mockLastIndex - mockRoutesLength
+        mockStartIndex: mockLastIndex - mockRoutesLength,
     };
 }
 // 模拟mock server
@@ -59,12 +59,12 @@ const responseFake = (url, type, respond) => {
                     respond instanceof Function ? respond(req, res) : respond
                 )
             );
-        }
+        },
     };
 };
 // 移除路由
 function unregisterRoutes() {
-    Object.keys(require.cache).forEach(i => {
+    Object.keys(require.cache).forEach((i) => {
         console.log(apiDir, i);
         if (i.includes(apiDir)) {
             delete require.cache[require.resolve(i)];
@@ -73,12 +73,12 @@ function unregisterRoutes() {
 }
 
 // 导出服务器app
-module.exports = app => {
+module.exports = (app) => {
     // 解析post数据
     app.use(express.json());
     app.use(
         express.urlencoded({
-            extended: true
+            extended: true,
         })
     );
 
@@ -90,7 +90,7 @@ module.exports = app => {
     chokidar
         .watch(apiDir, {
             ignored: /mock-server/,
-            ignoreInitial: true
+            ignoreInitial: true,
         })
         .on("all", (event, path) => {
             try {