fix(layout): 🐛 [layout] tabs size="small"

jsxiaosi · Dec 18, 2022 · 7517410 · 7517410
1 parent 721bd47
commit 7517410
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/layout/components/AppMain/AppMain.tsx b/src/layout/components/AppMain/AppMain.tsx
@@ -10,12 +10,13 @@ const { Content } = Layout;
 
 const AppMain = memo(() => {
   const isKeepAlive = true;
+  const maxLen = 10;
   return (
     <Content css={getAppMainStyle()}>
-      <TabsPage />
+      <TabsPage maxLen={maxLen} />
       <div className="main-content">
         {isKeepAlive ? (
-          <KeepAlive />
+          <KeepAlive maxLen={maxLen} />
         ) : (
           <Suspense fallback={<LayoutSpin />}>
             <Outlet />

diff --git a/src/layout/components/AppMain/KeepAlive/index.tsx b/src/layout/components/AppMain/KeepAlive/index.tsx
@@ -6,7 +6,6 @@ import { useAppSelector } from '@/store/hooks';
 import LayoutSpin from '@/components/LayoutSpin';
 
 interface Props extends ComponentReactElement {
-  include?: Array<string>;
   maxLen?: number;
 }
 export const KeepAlive = memo(({ maxLen = 10 }: Props) => {

diff --git a/src/layout/components/AppMain/TabsPage/index.tsx b/src/layout/components/AppMain/TabsPage/index.tsx
@@ -6,7 +6,11 @@ import { findRouteByPath, routeListToMenu } from '@/router/utils';
 import { setStoreMultiTabs } from '@/store/modules/route';
 import defaultRoute from '@/router/modules';
 
-const TabsPage = memo(() => {
+interface Props {
+  maxLen?: number;
+}
+
+const TabsPage = memo((_props: Props) => {
   const location = useLocation();
   const navigate = useNavigate();
   const dispatch = useAppDispatch();
@@ -67,6 +71,7 @@ const TabsPage = memo(() => {
   return (
     <Tabs
       hideAdd
+      size="small"
       activeKey={location.pathname}
       type={tabsItem.length > 1 ? 'editable-card' : 'card'}
       onChange={(key) => navigate(key)}