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

@@ -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>,