feat: ✨ 启用新的 Eslint 配置

.github/workflows/sync-gitee.yml

@@ -2,7 +2,7 @@ name: sync-gitee
 
 on:
   workflow_run:
-    workflows: ['release-please']
+    workflows: [release-please]
     types:
       - completed
 
@@ -18,5 +18,5 @@ jobs:
           dst_key: ${{ secrets.GITEE_PRIVATE_KEY }}
           dst_token: ${{ secrets.GITEE_TOKEN }}
           account_type: org
-          white_list: 'vite-uniapp-template'
+          white_list: vite-uniapp-template
           force_update: true

.vscode/settings.json

@@ -1,15 +1,32 @@
 {
+  // Enable the ESlint flat config support
+  "eslint.experimental.useFlatConfig": true,
+
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
   "editor.formatOnSave": false,
+
+  // Auto fix
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit",
     "source.organizeImports": "never"
   },
-  "eslint.format.enable": true,
-  "eslint.codeAction.showDocumentation": {
-    "enable": true
-  },
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off" },
+    { "rule": "*-indent", "severity": "off" },
+    { "rule": "*-spacing", "severity": "off" },
+    { "rule": "*-spaces", "severity": "off" },
+    { "rule": "*-order", "severity": "off" },
+    { "rule": "*-dangle", "severity": "off" },
+    { "rule": "*-newline", "severity": "off" },
+    { "rule": "*quotes", "severity": "off" },
+    { "rule": "*semi", "severity": "off" }
+  ],
+
+  // Enable eslint for all supported languages
   "eslint.validate": [
-    // "jsonc",
     "javascript",
     "javascriptreact",
     "typescript",
@@ -18,6 +35,7 @@
     "html",
     "markdown",
     "json",
+    "jsonc",
     "yaml"
-  ],
+  ]
 }

README.md

@@ -58,7 +58,7 @@ pnpm dev:app-android
 
 ```js
 // 使用远程静态资源
-import { useAssets } from './utils/assets/remote'
+// import { useAssets } from './utils/assets/remote'
 
 // 使用本地静态资源
 import { useAssets } from './utils/assets/local'

eslint.config.js

@@ -0,0 +1,35 @@
+const uni = require('@uni-helper/eslint-config')
+
+module.exports = uni({
+  typescript: false,
+  ignores: [
+    'src/uni_modules',
+    'node_modules',
+    'dist',
+    'public',
+    'index.html',
+  ],
+}, {
+  languageOptions: {
+    globals: {
+      uni: 'readonly',
+      wx: 'readonly',
+    },
+  },
+  rules: {
+    'jsdoc/check-param-names': 'off',
+    'jsdoc/check-types': 'off',
+    'jsdoc/require-returns-description': 'off',
+
+    'node/prefer-global/process': 'off',
+
+    'no-console': 'off',
+    'curly': 'off',
+    'eqeqeq': 'off',
+
+    'unused-imports/no-unused-vars': 'off',
+
+    'vue/html-self-closing': 'off',
+    'vue/block-order': 'off',
+  },
+})

jsconfig.json

@@ -8,4 +8,4 @@
     },
     "types": ["@dcloudio/types", "miniprogram-api-typings", "mini-types"]
   }
-}
+}

package.json

@@ -7,8 +7,8 @@
     "url": "https://viarotel.eu.org/"
   },
   "scripts": {
-    "lint": "pnpm lint:js",
-    "lint:js": "eslint . --ext .vue,.js,.ts,.jsx,.tsx,.md --ignore-path .eslintignore --fix",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
     "dev:app": "uni -p app",
     "dev:app-android": "uni -p app-android",
     "dev:app-ios": "uni -p app-ios",
@@ -85,13 +85,13 @@
     "@dcloudio/uni-cli-shared": "3.0.0-3090820231124001",
     "@dcloudio/uni-stacktracey": "3.0.0-3090820231124001",
     "@dcloudio/vite-plugin-uni": "3.0.0-3090820231124001",
+    "@uni-helper/eslint-config": "^0.0.6",
     "@uni-helper/vite-plugin-uni-pages": "^0.2.9",
     "@unocss/preset-wind": "^0.58.0",
     "@unocss/transformer-directives": "0.58.0",
-    "@viarotel-org/eslint-config": "^0.8.2",
     "@viarotel-org/unocss-preset-shades": "^0.7.4",
     "@vue/runtime-core": "^3.3.12",
-    "eslint": "^8.56.0",
+    "eslint": "^8.54.0",
     "mini-types": "^0.1.7",
     "miniprogram-api-typings": "^3.10.0",
     "postcss": "^8.4.24",

src/api/base/index.js

@@ -53,12 +53,13 @@ export const getSiteConfig = () => mock({ mockData: {} })
 /**
  * @desc 上传文件
  */
-export const uploadFile = params =>
-  request.upload({
+export function uploadFile(params) {
+  return request.upload({
     url: '/file/upload',
     dataType: 'json',
     headers: {
       'content-type': 'multipart/form-data',
     },
     ...(params || {}),
   })
+}

src/api/user/index.js

@@ -3,22 +3,24 @@ import { mock } from '../base/index.js'
 /**
  * @description 用户登录
  */
-export const userLogin = data =>
-  mock({ ...data, mockData: { token: 'mock-token' } })
+export function userLogin(data) {
+  return mock({ ...data, mockData: { token: 'mock-token' } })
+}
 
 /**
  * @description 获取当前登录用户信息
  * @param realStatus 1-未实名 2-实名中 3--已经实名 4-实名失败
  */
-export const getUserInfo = data =>
-  mock({
+export function getUserInfo(data) {
+  return mock({
     ...data,
     mockData: {
       id: 'mock-id',
       username: 'viarotel',
       realStatus: '1',
     },
   })
+}
 
 /**
  * @description 获取当前登录用户菜单

src/components/dict-picker/dict-picker.vue

@@ -72,8 +72,8 @@ export default {
     showValue() {
       return (
         this.modelValue?.[this.labelKey]
-        || this.$showDictLabel(this.scopedOptions, this.modelValue)
-        || ''
+          || this.$showDictLabel(this.scopedOptions, this.modelValue)
+          || ''
       )
     },
   },

src/manifest.json

@@ -5,6 +5,9 @@
   "versionName": "2.0.0",
   "versionCode": "100",
   "transformPx": false,
+  "uniStatistics": {
+    "enable": false
+  },
   "app-plus": {
     "usingComponents": true,
     "nvueStyleCompiler": "uni-app",
@@ -63,8 +66,5 @@
   "mp-toutiao": {
     "usingComponents": true
   },
-  "uniStatistics": {
-    "enable": false
-  },
   "vueVersion": "3"
 }

src/pages/realname/components/Base/AreaPicker/trigger.vue

@@ -49,10 +49,10 @@ export default {
       return this.modelValue
         .map(
           item => item?.deptName
-            || this.$showDictLabel(this.flatData, item, {
-              labelKey: this.labelKey,
-              valueKey: this.valueKey,
-            }),
+          || this.$showDictLabel(this.flatData, item, {
+            labelKey: this.labelKey,
+            valueKey: this.valueKey,
+          }),
         )
         .join('-')
     },

src/router/guards/permission/index.js

@@ -6,7 +6,7 @@ const loginPath = '/pages/login/phone/index'
 
 const whiteList = [loginPath, '/pages/statement/index', '/pages/webview/index']
 
-const permission = (router) => {
+function permission(router) {
   const userStore = store.useUserStore()
 
   const loginRoute = to => ({

src/router/guards/realname/index.js

@@ -1,7 +1,7 @@
 import store from '@/store/index.js'
 import { useDialog, useToast } from '@/utils/modals'
 
-const realname = (router) => {
+function realname(router) {
   const userStore = store.useUserStore()
 
   router.beforeEach((to, from, next) => {

src/store/dict/index.js

@@ -19,9 +19,9 @@ export const useDictStore = defineStore({
         tempData = this.dictData[key]
       }
       else {
-        const { code, data } = await getDictList(this.dictModel[key] || key)
-        if (success) {
-          tempData = data.map(item => ({
+        const res = await getDictList(this.dictModel[key] || key)
+        if (res.success) {
+          tempData = res.data.map(item => ({
             ...item,
             label: item.dictLabel,
             value: item.dictValue,

src/store/menu/helpers.js

@@ -17,19 +17,18 @@ export async function getRemoteMenu(params) {
   return data
 }
 
-export function transformerMenu(data,
-  {
-    pathKey = 'menuHref',
-    titleKey = 'menuName',
-    iconKey = 'menuIcon',
-    menuType = 'menuType',
-    menuSort = 'menuSort',
-    idKey = 'id',
-    parentKey = 'parentId',
-    childrenKey = 'children',
-    permissionKey = 'permission',
-    isTree = false,
-  } = {}) {
+export function transformerMenu(data, {
+  pathKey = 'menuHref',
+  titleKey = 'menuName',
+  iconKey = 'menuIcon',
+  menuType = 'menuType',
+  menuSort = 'menuSort',
+  idKey = 'id',
+  parentKey = 'parentId',
+  childrenKey = 'children',
+  permissionKey = 'permission',
+  isTree = false,
+} = {}) {
   if (isTree) {
     data = tree2List(data, {
       key: idKey,

src/utils/index.js

@@ -13,7 +13,7 @@ export function sleep(time = 1000) {
 /**
  * 使用indexof方法实现模糊查询
  * @param  {Array}  list     进行查询的数组
- * @param  {String} keyWord  查询的关键词
+ * @param  {string} keyWord  查询的关键词
  * @return {Array}           查询的结果
  */
 export function fuzzyQuery(list, keyWord, { keyName = '' } = {}) {
@@ -30,8 +30,8 @@ export function fuzzyQuery(list, keyWord, { keyName = '' } = {}) {
 /**
  * 解构对象属性为可响应的计算属性
  * @param  values 为对象时 对象的值作为计算属性的替换键名
- * @param {String} sourcePath 默认值为 '$Route.query'
- * @returns {Object} Computeds
+ * @param {string} sourcePath 默认值为 '$Route.query'
+ * @returns {object} Computeds
  */
 export function mapComputed(keys = [], sourcePath = '$Route.query') {
   const arr = Array.isArray(keys)

src/utils/modals/uniapp.js

@@ -23,7 +23,7 @@ export function useDialog(
       ...moreOptions,
       success({ cancel }) {
         if (cancel) {
-          reject({ type: 'cancel' })
+          reject(new Error('cancel'))
         }
 
         resolve({ type: 'confirm' })

src/utils/showDictLabel.js

@@ -4,13 +4,11 @@ import * as dictData from '@/configs/dict/index.js'
 /**
  * @description 回显数据字典
  */
-export function showDictLabel(data,
-  value,
-  {
-    labelKey = 'dictLabel',
-    valueKey = 'dictValue',
-    childrenKey = 'children',
-  } = {}) {
+export function showDictLabel(data, value, {
+  labelKey = 'dictLabel',
+  valueKey = 'dictValue',
+  childrenKey = 'children',
+} = {}) {
   const actions = []
   for (let index = 0; index < data.length; index++) {
     const item = data[index]