mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-08-06 16:06:28 +08:00
Code Issues Actions 16 Packages Projects Releases Wiki Activity

docs: use dumi helmet for pre-render (#38560)

Browse Source
This commit is contained in:
Peach 2022-11-14 23:14:39 +08:00 committed by GitHub
parent 9fb3e3a44f
commit 515d95847e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 29 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.dumi/theme/builtins/ComponentOverview/index.tsx
View File

@ -1,6 +1,5 @@
import React, { useState, memo, useMemo } from 'react';
import { Helmet } from 'react-helmet-async';
import { Link, useRouteMeta, useIntl, useSidebarData } from 'dumi';
import { Link, useRouteMeta, useIntl, useSidebarData, Helmet } from 'dumi';
import { css } from '@emotion/react';
import debounce from 'lodash/debounce';
import { Input, Divider, Row, Col, Card, Typography, Tag, Space } from 'antd';

3
.dumi/theme/common/CommonHelmet.tsx
View File

@ -1,6 +1,5 @@
import { useRouteMeta } from 'dumi';
import { useRouteMeta, Helmet } from 'dumi';
import React, { useMemo } from 'react';
import { Helmet } from 'react-helmet-async';
const CommonHelmet = () => {
const meta = useRouteMeta();

4
.dumi/theme/common/Helmet.tsx
View File

@ -1,7 +1,7 @@
import * as React from 'react';
import type { HelmetProps } from 'react-helmet-async';
import { Helmet } from 'react-helmet-async';
import { Helmet } from 'dumi';
type HelmetProps = Helmet['props'];
export interface WrapHelmetProps extends HelmetProps {
children?: React.ReactNode;
}

53
.dumi/theme/layouts/DocLayout/index.tsx
View File

@ -1,5 +1,5 @@
import React, { type FC, useEffect, useMemo, useRef } from 'react';
import { useOutlet, useSearchParams } from 'dumi';
import { useOutlet, useSearchParams, Helmet } from 'dumi';
import Header from 'dumi/theme/slots/Header';
import Footer from 'dumi/theme/slots/Footer';
import '../../static/style';
@ -7,7 +7,6 @@ import useLocation from '../../../hooks/useLocation';
import SiteContext from '../../slots/SiteContext';
import ConfigProvider, { DirectionType } from 'antd/es/config-provider';
import classNames from 'classnames';
import { Helmet, HelmetProvider } from 'react-helmet-async';
import useLocale from '../../../hooks/useLocale';
import zhCN from 'antd/es/locale/zh_CN';
import { createCache, StyleProvider } from '@ant-design/cssinjs';
@ -117,32 +116,30 @@ const DocLayout: FC = () => {
return (
<StyleProvider cache={styleCache}>
<SiteContext.Provider value={{ isMobile, direction }}>
<HelmetProvider context={{}}>
<Helmet encodeSpecialCharacters={false}>
<html
lang={lang}
data-direction={direction}
className={classNames({ [`rtl`]: direction === 'rtl' })}
/>
<title>{locale.title}</title>
<link
sizes="144x144"
href="https://gw.alipayobjects.com/zos/antfincdn/UmVnt3t4T0/antd.png"
/>
<meta name="description" content={locale.description} />
<meta property="og:title" content={locale.title} />
<meta property="og:type" content="website" />
<meta
property="og:image"
content="https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png"
/>
</Helmet>
<ConfigProvider locale={lang === 'cn' ? zhCN : undefined} direction={direction}>
<GlobalStyles />
<Header changeDirection={changeDirection} />
{content}
</ConfigProvider>
</HelmetProvider>
<Helmet encodeSpecialCharacters={false}>
<html
lang={lang}
data-direction={direction}
className={classNames({ [`rtl`]: direction === 'rtl' })}
/>
<title>{locale.title}</title>
<link
sizes="144x144"
href="https://gw.alipayobjects.com/zos/antfincdn/UmVnt3t4T0/antd.png"
/>
<meta name="description" content={locale.description} />
<meta property="og:title" content={locale.title} />
<meta property="og:type" content="website" />
<meta
property="og:image"
content="https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png"
/>
</Helmet>
<ConfigProvider locale={lang === 'cn' ? zhCN : undefined} direction={direction}>
<GlobalStyles />
<Header changeDirection={changeDirection} />
{content}
</ConfigProvider>
</SiteContext.Provider>
</StyleProvider>
);