feat: header 增加下拉菜单，可以存放一些生态的外链

@antv/gatsby-theme-antv/gatsby-node.js

@@ -463,6 +463,11 @@ exports.sourceNodes = ({ actions }) => {
       en: String
     }
 
+    type SiteSiteMetadataEcosystemName {
+      zh: String
+      en: String
+    }
+
     type SiteSiteMetadataDocs {
       slug: String!
       title: SiteSiteMetadataTitle!
@@ -487,6 +492,11 @@ exports.sourceNodes = ({ actions }) => {
       to: String
     }
 
+    type Ecosystems {
+      name: SiteSiteMetadataEcosystemName!
+      url: String!
+    }
+
     type SiteSiteMetadata {
       title: String!
       description: String!
@@ -511,6 +521,7 @@ exports.sourceNodes = ({ actions }) => {
       playground: PlayGround
       docsearchOptions: DocsearchOptions
       versions: Json
+      ecosystems: [Ecosystems]
     }
 
     type Site implements Node {

@antv/gatsby-theme-antv/site/components/Header.tsx

@@ -9,9 +9,11 @@ import {
   GithubOutlined,
   MenuOutlined,
   CaretDownFilled,
+  DownOutlined,
 } from '@ant-design/icons';
 import { Popover, Button, Menu, Select, Dropdown, message, Modal } from 'antd';
 import GitUrlParse from 'git-url-parse';
+import map from 'lodash/map';
 import Search, { SearchProps } from './Search';
 import Products from './Products';
 import NavMenuItems, { Nav } from './NavMenuItems';
@@ -70,6 +72,11 @@ interface HeaderProps {
   docsearchOptions?: SearchProps['docsearchOptions'];
   /** 展示版本切换 */
   versions?: { [key: string]: string };
+  /** 展示周边生态 */
+  ecosystems?: Array<{
+    name: Record<string /** zh, en */, string>;
+    url: string;
+  }>;
 }
 
 export const redirectToChinaMirror = (githubUrl: string): void => {
@@ -124,6 +131,7 @@ const Header: React.FC<HeaderProps> = ({
   rootDomain = '',
   docsearchOptions,
   versions,
+  ecosystems,
 }) => {
   const { t, i18n } = useTranslation();
   const isAntVHome = isAntVSite && isHomePage; // 是否为AntV官网首页
@@ -243,6 +251,28 @@ const Header: React.FC<HeaderProps> = ({
       })}
     >
       {navs && navs.length ? <NavMenuItems navs={navs} path={path} /> : null}
+      {ecosystems && ecosystems.length ? (
+        <li>
+          <Dropdown
+            overlay={
+              <Menu>
+                {map(ecosystems, ({ url, name: ecosystemName }) => (
+                  <Menu.Item key={ecosystemName?.[lang]}>
+                    <a target="_blank" rel="noreferrer" href={url}>
+                      {ecosystemName?.[lang]} <ExternalLinkIcon />
+                    </a>
+                  </Menu.Item>
+                ))}
+              </Menu>
+            }
+          >
+            <span>
+              {t('周边生态')}
+              <DownOutlined style={{ marginLeft: '6px' }} />
+            </span>
+          </Dropdown>
+        </li>
+      ) : null}
       {showChinaMirror && isWide ? (
         <Popover
           title={null}
@@ -398,6 +428,7 @@ const Header: React.FC<HeaderProps> = ({
           </Select>
         </li>
       ) : null}
+
       {showLanguageSwitcher && (
         <li>
           <Dropdown

@antv/gatsby-theme-antv/site/layouts/layout.tsx

@@ -74,6 +74,13 @@ const Layout: React.FC<LayoutProps> = ({ children, location, footerProps }) => {
             indexName
           }
           versions
+          ecosystems {
+            name {
+              zh
+              en
+            }
+            url
+          }
         }
       }
       locales {
@@ -100,6 +107,7 @@ const Layout: React.FC<LayoutProps> = ({ children, location, footerProps }) => {
       redirects = [],
       docsearchOptions,
       versions,
+      ecosystems,
     },
   } = site;
 
@@ -204,6 +212,7 @@ const Layout: React.FC<LayoutProps> = ({ children, location, footerProps }) => {
         showLanguageSwitcher={parseNulltoUndefined(showLanguageSwitcher)}
         docsearchOptions={docsearchOptions}
         versions={versions}
+        ecosystems={ecosystems}
         {...logoProps}
       />
       <main className={styles.main}>{children}</main>

example/gatsby-config.js

@@ -98,6 +98,22 @@ module.exports = {
       '2.x': 'https://2x.ant.design',
       '1.x': 'https://1x.ant.design',
     },
+    ecosystems: [
+      {
+        name: {
+          zh: '蚂蚁设计',
+          en: 'Ant Design',
+        },
+        url: 'https://2x.ant.design',
+      },
+      {
+        name: {
+          zh: '图表加工厂',
+          en: 'ChartCube',
+        },
+        url: 'https://chartcube.alipay.com/',
+      },
+    ],
     playground: {
       container: '<div id="container" class="ok" />',
       playgroundDidMount: 'console.log("playgroundDidMount");',