chore: lint

Author: wanpan11

env/env.cjs

@@ -1,6 +1,5 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const path = require("path");
-const fs = require("fs");
+const fs = require("node:fs");
+const path = require("node:path");
 const dotEnv = require("dotenv");
 
 // 先构造出.env*文件的绝对路径

scripts/webpack.config.base.cjs

@@ -1,16 +1,15 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
 require("../env/env.cjs"); // 导入对应环境变量
-const pak = require("../package.json");
-const path = require("path");
-const webpack = require("webpack");
+const path = require("node:path");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const webpack = require("webpack");
+const pak = require("../package.json");
 
 const rootDir = path.resolve(__dirname, "../");
 const dynamicConf = require(`./${process.env.NODE_ENV}.config.cjs`); //  加载对应环境打包配置
 
 const publicVars = Object.keys(process.env)
-  .filter((key) => key.startsWith("PUBLIC_"))
+  .filter(key => key.startsWith("PUBLIC_"))
   .reduce((env, key) => {
     env[key] = process.env[key];
     return env;

scripts/webpack.config.cjs

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
 const webpack = require("webpack");
 const baseConfig = require("./webpack.config.base.cjs");
 const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin;

src/api/account.ts

@@ -1,6 +1,6 @@
-import request from "&src/utils/request";
 import type { AccountApi } from "../types/api";
+import request from "&src/utils/request";
 
-export const loginReq = (data: AccountApi.Login) => {
+export async function loginReq(data: AccountApi.Login) {
   return request.send<{ token: string; userInfo: { account: string } }>("/login", "post", data);
-};
+}

src/api/setting.ts

@@ -1,13 +1,13 @@
-import request from "&src/utils/request";
 import type { CompanyApi } from "../types/api";
+import request from "&src/utils/request";
 
 export const companyService = {
-  insert: (data: CompanyApi.InsertReq) => {
+  insert: async (data: CompanyApi.InsertReq) => {
     return request.send<string>("/company/insert", "post", data, {
       headers: { "Content-Type": "application/json" },
     });
   },
-  list: (data: CompanyApi.ListReq) => {
+  list: async (data: CompanyApi.ListReq) => {
     return request.send<CompanyApi.ListRes>("/company/list", "post", data);
   },
 };

src/components/BreadCrumb/index.tsx

@@ -1,20 +1,20 @@
-import { memo, useMemo } from "react";
 import classNames from "classnames";
+import { memo, useMemo } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 
 interface BreadCrumbProps {
   routerPath: { [prop: string]: string };
 }
 
-const BreadCrumb = ({ routerPath = {} }: BreadCrumbProps) => {
+function BreadCrumb({ routerPath }: BreadCrumbProps) {
   const { pathname } = useLocation();
   const navigate = useNavigate();
   const currentPath = routerPath[Object.keys(routerPath).find(item => item.startsWith(pathname)) || ""];
 
   const pathMap = useMemo(() => {
     const temp: Record<string, string> = {};
 
-    Object.keys(routerPath).map(e => {
+    Object.keys(routerPath).forEach((e) => {
       const arr = routerPath[e].split("/");
       temp[arr[arr.length - 1].trim()] = e;
     });
@@ -42,12 +42,12 @@ const BreadCrumb = ({ routerPath = {} }: BreadCrumbProps) => {
               {text}
             </span>
 
-            {isLast ? null : <span className="ml-2 mr-2">/</span>}
+            {isLast ? null : <span className="mx-2">/</span>}
           </span>
         );
       })}
     </div>
   );
-};
+}
 
 export default memo(BreadCrumb);

src/components/Error/index.tsx

@@ -1,14 +1,14 @@
-import { memo } from "react";
-
 import error from "&src/assets/images/error.png";
 
-const Error = () => {
+import { memo } from "react";
+
+function Error() {
   return (
     <div className=" flex h-screen w-screen flex-col items-center justify-center">
       <img src={error} alt="" className="h-1/2" />
       <div>系统错误！！</div>
     </div>
   );
-};
+}
 
 export default memo(Error);

src/components/ErrorBoundary/index.tsx

@@ -1,4 +1,5 @@
-import { Component, ReactElement } from "react";
+import type { ReactElement } from "react";
+import { Component } from "react";
 
 class ErrorBoundary extends Component<{
   children: ReactElement;

src/components/FormFilter/index.tsx

@@ -1,7 +1,9 @@
-import { memo, useRef } from "react";
-import { Button, Card, FormInstance } from "antd";
+import type { FormInstance } from "antd";
+import type { FormListProps } from "../FormList";
+import { Button, Card } from "antd";
 
-import FormList, { FormListProps } from "../FormList";
+import { memo, useRef } from "react";
+import FormList from "../FormList";
 
 export interface FormFilterProps extends Pick<FormListProps, "form" | "onOk" | "onForm" | "onValuesChange" | "initialValues" | "stageValues"> {
   className?: string;
@@ -12,7 +14,7 @@ export interface FormFilterProps extends Pick<FormListProps, "form" | "onOk" | "
   searchBtn?: boolean;
 }
 
-const FormFilter = (props: FormFilterProps) => {
+function FormFilter(props: FormFilterProps) {
   const { className, filterInfo, reset, loading, compact = false, searchBtn = true, onForm, ...resetProps } = props;
 
   const formInstance = useRef<FormInstance<any> | null>(null);
@@ -46,6 +48,6 @@ const FormFilter = (props: FormFilterProps) => {
       />
     </Card>
   );
-};
+}
 
 export default memo(FormFilter);

src/components/FormList/index.tsx

@@ -1,5 +1,7 @@
-import { memo, ReactElement, useEffect, useMemo } from "react";
-import { Button, Form, FormInstance, FormProps } from "antd";
+import type { FormInstance, FormProps } from "antd";
+import type { ReactElement } from "react";
+import { Button, Form } from "antd";
+import { memo, useEffect, useMemo } from "react";
 
 import { getFormElement } from "../tools";
 
@@ -31,7 +33,7 @@ export interface FormListProps extends Omit<FormProps, "labelCol" | "wrapperCol"
  *
  * @description extend antd Form
  */
-const FormList = (props: FormListProps) => {
+function FormList(props: FormListProps) {
   const {
     form,
     itemInfo,
@@ -50,16 +52,17 @@ const FormList = (props: FormListProps) => {
   } = props;
 
   const [insideForm] = Form.useForm();
-  const realForm = form ? form : insideForm;
+  const realForm = form || insideForm;
 
   // 只在初始化时生效
   useEffect(() => {
     onForm?.(realForm);
 
     if (initialValues) {
       realForm.setFieldsValue(initialValues);
-    } else {
-      itemInfo.forEach(e => {
+    }
+    else {
+      itemInfo.forEach((e) => {
         if (e.initialValue !== undefined && e.initialValue !== null) {
           realForm.setFieldValue(e.name, e.initialValue);
         }
@@ -84,22 +87,24 @@ const FormList = (props: FormListProps) => {
     if (submitBtn) {
       if (submitNode) {
         return submitNode;
-      } else {
+      }
+      else {
         return (
           <Button htmlType="submit" type="primary" block>
             保存
           </Button>
         );
       }
-    } else {
+    }
+    else {
       return null;
     }
   }, [submitBtn, submitNode]);
 
   return (
     <Form form={realForm} labelCol={labelCol ? { span: labelCol } : undefined} wrapperCol={wrapperCol ? { span: wrapperCol } : undefined} onFinish={onOk} {...restProps}>
       {itemInfo.map((e, idx) => {
-        const key = e.name instanceof Array ? e.name.join("_") : e.name || idx;
+        const key = Array.isArray(e.name) ? e.name.join("_") : e.name || idx;
 
         if (e.hide) {
           return null;
@@ -131,6 +136,6 @@ const FormList = (props: FormListProps) => {
       {submitBtnNode}
     </Form>
   );
-};
+}
 
 export default memo(FormList);