chore: 更新格式化配置文件

Author: chj_damon

.eslintrc.js

@@ -1,14 +1,30 @@
+/** @format */
+
 module.exports = {
-  extends: [require.resolve('@umijs/fabric/dist/eslint')],
-  rules: {
-    'no-console': 0,
-    'global-require': 0,
-    'no-param-reassign': 0,
-    'symbol-description': 0,
-    'no-unused-expressions': 'off',
-    'max-classes-per-file': 0,
-    '@typescript-eslint/no-unused-expressions': 2,
-    '@typescript-eslint/no-shadow': 0,
-    '@typescript-eslint/consistent-type-definitions': 0,
-  },
-};
+	parser: '@typescript-eslint/parser',
+	extends: ['plugin:@typescript-eslint/recommended'], //使用推荐的React代码检测规范
+	plugins: ['@typescript-eslint'],
+	env: {
+		browser: true,
+		node: true,
+	},
+	settings: {
+		//自动发现React的版本，从而进行规范react代码
+		react: {
+			pragma: 'React',
+			version: 'detect',
+		},
+	},
+	parserOptions: {
+		//指定ESLint可以解析JSX语法
+		ecmaVersion: 2019,
+		sourceType: 'module',
+		ecmaFeatures: {
+			jsx: true,
+		},
+	},
+	rules: {
+		'@typescript-eslint/explicit-module-boundary-types': 0,
+		'@typescript-eslint/no-non-null-assertion': 0,
+	},
+}

.prettierrc.js

@@ -1,5 +1,12 @@
-const fabric = require('@umijs/fabric');
-
 module.exports = {
-  ...fabric.prettier,
+  printWidth: 120,
+  semi: true,
+  singleQuote: true,
+  trailingComma: 'all',
+  bracketSpacing: true,
+  jsxBracketSameLine: true,
+  arrowParens: 'avoid',
+  insertPragma: false,
+  tabWidth: 2,
+  useTabs: false,
 };

.stylelintrc.js

@@ -20,9 +20,8 @@
     "build": "cross-env UMI_ENV=prod MOCK=none umi build",
     "test": "jest --passWithNoTests --detectOpenHandles --watch",
     "tsc": "tsc -p ./tsconfig.json",
-    "eslint:fix": "eslint --fix --ext .ts,.tsx src/",
-    "prettier:fix": "prettier --check src/**/*.{ts,tsx} --write",
-    "style:fix": "stylelint src/**/*.{css,less,scss} --fix"
+    "eslint": "eslint --fix --ext .ts,.tsx src/",
+    "prettier": "prettier --check src/**/*.{ts,tsx} --write"
   },
   "config": {
     "commitizen": {
@@ -64,14 +63,16 @@
     "@types/jest": "^26.0.20",
     "@types/react": "^17.0.3",
     "@types/react-dom": "^17.0.2",
-    "@umijs/fabric": "^2.5.7",
+    "@typescript-eslint/eslint-plugin": "^4.20.0",
+    "@typescript-eslint/parser": "^4.20.0",
     "@umijs/plugin-esbuild": "^1.1.0",
     "antd-dayjs-webpack-plugin": "^1.0.6",
     "commitizen": "^4.2.3",
     "conventional-changelog-cli": "^2.1.0",
     "conventional-changelog-custom-config": "^0.3.1",
     "cross-env": "^7.0.3",
     "cz-customizable": "^6.3.0",
+    "eslint": "^7.23.0",
     "husky": "^5.1.3",
     "jest": "^26.6.3",
     "jest-fetch-mock": "^3.0.3",
@@ -81,7 +82,6 @@
     "prettier": "^2.2.1",
     "react-test-renderer": "^17.0.1",
     "standard-version": "^9.1.1",
-    "stylelint": "^13.12.0",
     "ts-jest": "^26.5.3",
     "typescript": "^4.2.3"
   },

package.json

@@ -10,8 +10,7 @@ export default function Loading() {
         display: 'flex',
         justifyContent: 'center',
         alignItems: 'center',
-      }}
-    >
+      }}>
       <Spin size="large" />
     </div>
   );

src/components/Loading.tsx

@@ -14,9 +14,8 @@ export default (props: IRouteComponentProps) => {
     <ConfigProvider
       locale={zhCN}
       renderEmpty={() => <Empty image={require('@/assets/pic_empty.png')} description="暂无数据" />}
-      getPopupContainer={(trigger) => trigger.parentElement || document.body}
-      form={{ validateMessages }}
-    >
+      getPopupContainer={trigger => trigger.parentElement || document.body}
+      form={{ validateMessages }}>
       <SWRConfig
         value={{
           /** 是否开启suspense模式，默认值false */
@@ -53,7 +52,7 @@ export default (props: IRouteComponentProps) => {
           /** 请求成功完成时的回调函数 */
           // onSuccess(data, key, config)
           /** 请求返回错误时的回调函数 */
-          onError: (err) => {
+          onError: err => {
             message.error(err.message);
           },
           /** 错误重试的处理函数 */
@@ -62,8 +61,7 @@ export default (props: IRouteComponentProps) => {
           // compare(a, b)
           /** 用于检测是否暂停重新验证的函数，当返回 true 时将忽略所请求的数据和错误。默认返回 false */
           // isPaused()
-        }}
-      >
+        }}>
         <AuthContext.Provider value={authService}>{props.children}</AuthContext.Provider>
       </SWRConfig>
     </ConfigProvider>

src/layouts/index.tsx

@@ -9,8 +9,7 @@ export default () => {
         display: 'flex',
         justifyContent: 'center',
         alignItems: 'center',
-      }}
-    >
+      }}>
       <div style={{ width: 600, textAlign: 'center' }}>
         <img alt="" src={require('@/assets/pic_404.png')} style={{ width: '100%' }} />
         <div style={{ lineHeight: 3 }}>对不起，您访问的页面不存在</div>

src/pages/404.tsx

@@ -8,8 +8,6 @@ import { createContext } from 'react';
  * @param {(T | undefined)} [initialData=undefined]
  * @returns
  */
-export default function getContextService<T>(
-  initialData: T | undefined = undefined,
-) {
+export default function getContextService<T>(initialData: T | undefined = undefined) {
   return createContext<T>(initialData as T);
 }

src/utils/getContextService.ts

@@ -5,7 +5,7 @@ export default {
    */
   reverseObj(obj: Record<string, string | number>) {
     const reversedObj: Record<string, string | number> = {};
-    Object.keys(obj).forEach((key) => {
+    Object.keys(obj).forEach(key => {
       const value = obj[key];
       reversedObj[value] = key;
     });
@@ -18,7 +18,7 @@ export default {
    */
   removeEmpty(obj: any) {
     const newObj = {};
-    Object.keys(obj).forEach((key) => {
+    Object.keys(obj).forEach(key => {
       if (!['', null, undefined].includes(obj[key])) {
         newObj[key] = obj[key];
       }

src/utils/json.ts

@@ -77,7 +77,7 @@ export default {
         canvas = null;
         resolve(dataURL);
       };
-      img.onerror = (error) => {
+      img.onerror = error => {
         reject(error);
       };
       img.src = url;