feat: Optimize code (#19)

* chore: update dir

* chore: Optimize dependencies

* fix: fix type

* 🦄 feat: update'

* feat: update

* feat: update

* feat: code optimization

* feat: code optimization

* feat: 代码优化

* feat: update

* feat: update build version

* feat: update util

* feat: update

Author: wanpan11

package.json

@@ -23,7 +23,7 @@
   "dependencies": {
     "@ant-design/icons": "^5.3.4",
     "@babel/runtime": "^7.24.0",
-    "@wanp/use-swr-data": "^1.0.0",
+    "@wanp/use-swr-data": "^1.0.3",
     "antd": "^5.15.3",
     "axios": "^1.6.8",
     "classnames": "^2.5.1",
@@ -73,7 +73,7 @@
     "react-refresh": "^0.17.0",
     "style-loader": "^3.3.4",
     "tailwindcss": "^3.4.1",
-    "typescript": "^5.8.2",
+    "typescript": "~5.8.2",
     "webpack": "^5.90.3",
     "webpack-bundle-analyzer": "^4.10.1",
     "webpack-cli": "^4.10.0",

pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+onlyBuiltDependencies:
+  - core-js

src/components/BreadCrumb/index.tsx

@@ -26,23 +26,21 @@ function BreadCrumb({ routerPath }: BreadCrumbProps) {
     <div className="flex h-14 items-center pl-2 text-neutral-400">
       {currentPath.split("/").map((e, i, arr) => {
         const text = e.trim();
-        const isLast = arr.length - 1 === i;
+        const last = arr.length - 1 === i;
         const path = pathMap[text];
 
         return (
           <span key={e}>
             <span
-              className={classNames({
-                "cursor-pointer text-primary": !isLast && path,
-              })}
+              className={classNames({ "cursor-pointer text-primary": !last && path })}
               onClick={() => {
                 navigate(path);
               }}
             >
               {text}
             </span>
 
-            {isLast ? null : <span className="mx-2">/</span>}
+            {last ? null : <span className="mx-2">/</span>}
           </span>
         );
       })}

src/components/FormFilter/index.tsx

@@ -35,7 +35,7 @@ function FormFilter(props: FormFilterProps) {
   );
 
   return (
-    <Card classNames={{ body: className }}>
+    <Card classNames={{ body: className || "py-4" }}>
       <FormList
         colon={false}
         layout="inline"

src/layout/sider.tsx

@@ -1,3 +1,4 @@
+import type { MenuProps } from "antd";
 import { Layout, Menu } from "antd";
 import { useEffect, useMemo, useState } from "react";
 
@@ -30,10 +31,10 @@ function SiderCom({ menu, selectKey }: { menu: MenuItem[]; selectKey: string | n
     <Sider theme="light" width={160}>
       <Menu
         mode="inline"
-        items={menu}
+        className="mt-5"
         openKeys={keys}
         selectedKeys={[`${currentKay}`]}
-        className="mt-5"
+        items={menu as MenuProps["items"]}
         onOpenChange={(openKeys) => {
           setKeys(openKeys);
         }}

src/pages/system/setting/company.tsx

@@ -115,7 +115,7 @@ function Company() {
 
   return (
     <div>
-      <FormFilter loading={isLoading} filterInfo={filterInfo} onOk={onSearch} reset />
+      <FormFilter reset loading={isLoading} filterInfo={filterInfo} onOk={onSearch} />
 
       <Card className="mt-1">
         <div className="mb-2">

src/pages/system/setting/params.tsx

@@ -1,12 +1,21 @@
-import { Card, Skeleton } from "antd";
-import { Link } from "react-router-dom";
+import { Button, Card, Skeleton } from "antd";
+import { useNavigate } from "react-router-dom";
 
 function Params({ title }: RoutePageProps) {
+  const navigate = useNavigate();
+
   return (
     <Card title={title || "参数配置"}>
-      <div>
-        <Link to="/setting/detail">detail</Link>
-      </div>
+      <Button
+        type="primary"
+        className="mb-2"
+        onClick={() => {
+          navigate("/setting/detail");
+        }}
+      >
+        detail
+      </Button>
+
       <Skeleton active />
     </Card>
   );

src/router/config.tsx

@@ -109,7 +109,7 @@ const GLOBAL_ROUTERS = {
   NOT_FOUND_PAGE: {
     path: "*",
     redirect: "/login",
-  } as Route
+  } as Route,
 };
 
 /**
@@ -200,21 +200,26 @@ export function getRoute(routers: Route[] | Route) {
   return list.map((e) => {
     const { key = nanoid(), path, title, index, redirect, component: componentPath, childrenList = [] } = e;
 
-    let element: ReactNode = null;
-    if (redirect)
-      element = <Redirect redirect={redirect}></Redirect>;
+    let element: ReactNode = <></>;
+
     if (componentPath) {
       const Component = getLazyLoad(componentPath);
+
       element = (
         <Suspense fallback={<Loading full />}>
-          <Component title={title}>{childrenList.length ? <Outlet /> : null}</Component>
+          <Component title={title}>{childrenList.length ? <Outlet /> : undefined}</Component>
         </Suspense>
       );
     }
+    else {
+      if (redirect) {
+        element = <Redirect redirect={redirect}></Redirect>;
+      }
+    }
 
     const jsx = index
       ? (
-          <Route key={key} element={element} index></Route>
+          <Route key={key} element={element} index />
         )
       : (
           <Route key={key} element={element} path={path}>