From a436ea108ea6d719e6bc5bd24ee5ff5e57699a3c Mon Sep 17 00:00:00 2001
From: "anthropic-code-agent[bot]" <242468646+Claude@users.noreply.github.com>
Date: Wed, 6 May 2026 13:59:44 +0000
Subject: [PATCH] fix: hide OpenAPI link text when sidebar is collapsed

Agent-Logs-Url: https://github.com/ant-design/ant-design-pro/sessions/5dc683b9-d72b-4103-b037-cde554fbbb53
---
 src/app.tsx | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/app.tsx b/src/app.tsx
index 17bf9ecb..09273e1b 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -131,14 +131,24 @@ export const layout: RunTimeLayoutConfig = ({
         width: '331px',
       },
     ],
-    links: isDev
-      ? [
-          <Link key="openapi" to="/umi/plugin/openapi" target="_blank">
+    menuFooterRender: (props) => {
+      if (!isDev) return null;
+      return (
+        <div
+          style={{
+            textAlign: 'center',
+            paddingBlockStart: 12,
+          }}
+        >
+          <Link to="/umi/plugin/openapi" target="_blank">
             <LinkOutlined />
-            <span>OpenAPI 文档</span>
-          </Link>,
-        ]
-      : [],
+            {!props?.collapsed && (
+              <span style={{ marginLeft: 8 }}>OpenAPI 文档</span>
+            )}
+          </Link>
+        </div>
+      );
+    },
     menuHeaderRender: undefined,
     // 自定义 403 页面
     // unAccessible: <div>unAccessible</div>,