@antv/dumi-theme-antv 0.3.0-beta.9 → 0.3.1

package/dist/slots/Footer/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["columns", "bottom", "theme", "language", "isDynamicFooter", "rootDomain"];
+var _excluded = ["columns", "bottom", "theme", "language", "isDynamicFooter", "rootDomain", "className"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -13,8 +13,7 @@ import { default as RCFooter } from 'rc-footer';
 import { GithubOutlined, WeiboOutlined, ZhihuOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import { omit } from 'lodash-es';
 import classnames from 'classnames';
-import { useLocale } from 'dumi';
-import { useT } from "../hooks";
+import { useLocale, FormattedMessage } from 'dumi';
 import 'rc-footer/assets/index.less';
 import styles from "./index.module.less";
 
@@ -31,6 +30,7 @@ export var Footer = function Footer(props) {
       isDynamicFooter = props.isDynamicFooter,
       _props$rootDomain = props.rootDomain,
       rootDomain = _props$rootDomain === void 0 ? '' : _props$rootDomain,
+      className = props.className,
       restProps = _objectWithoutProperties(props, _excluded);
 
   var locale = useLocale();
@@ -50,33 +50,45 @@ export var Footer = function Footer(props) {
         openExternal: true
       }, {
         title: 'Umi',
-        description: useT('React 应用开发框架'),
+        description: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "React \u5E94\u7528\u5F00\u53D1\u6846\u67B6"
+        }),
         url: 'https://umijs.org',
         openExternal: true
       }, {
         title: 'Dumi',
-        description: useT('组件/文档研发工具'),
+        description: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "\u7EC4\u4EF6/\u6587\u6863\u7814\u53D1\u5DE5\u5177"
+        }),
         url: 'https://d.umijs.org',
         openExternal: true
       }, {
         title: 'ahooks',
-        description: useT('React Hooks 库'),
+        description: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "React Hooks \u5E93"
+        }),
         url: 'https://github.com/alibaba/hooks',
         openExternal: true
       }, {
-        title: useT('国内镜像'),
+        title: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "\u56FD\u5185\u955C\u50CF"
+        }),
         url: 'https://antv.antgroup.com/'
       }]
     };
     var col2 = {
-      title: useT('社区'),
+      title: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "\u793E\u533A"
+      }),
       items: [{
         icon: /*#__PURE__*/React.createElement(ZhihuOutlined, {
           style: {
             color: '#0084ff'
           }
         }),
-        title: useT('体验科技专栏'),
+        title: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "\u4F53\u9A8C\u79D1\u6280\u4E13\u680F"
+        }),
         url: 'http://zhuanlan.zhihu.com/xtech',
         openExternal: true
       }, {
@@ -85,13 +97,17 @@ export var Footer = function Footer(props) {
           alt: "seeconf"
         }),
         title: 'SEE Conf',
-        description: useT('蚂蚁体验科技大会'),
+        description: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "\u8682\u8681\u4F53\u9A8C\u79D1\u6280\u5927\u4F1A"
+        }),
         url: 'https://seeconf.antfin.com/',
         openExternal: true
       }]
     };
     var col3 = {
-      title: useT('帮助'),
+      title: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "\u5E2E\u52A9"
+      }),
       items: [{
         icon: /*#__PURE__*/React.createElement(GithubOutlined, null),
         title: 'GitHub',
@@ -99,7 +115,9 @@ export var Footer = function Footer(props) {
         openExternal: true
       }, {
         icon: /*#__PURE__*/React.createElement(QuestionCircleOutlined, null),
-        title: useT('StackOverflow'),
+        title: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "StackOverflow"
+        }),
         url: 'http://stackoverflow.com/questions/tagged/antv',
         openExternal: true
       }]
@@ -163,7 +181,7 @@ export var Footer = function Footer(props) {
     maxColumnsPerRow: 5,
     theme: theme,
     columns: columns || getColumns(),
-    className: classnames(styles.footer, _defineProperty({}, styles.withMenu, isDynamicFooter)),
+    className: classnames(styles.footer, className, _defineProperty({}, styles.withMenu, isDynamicFooter)),
     bottom: bottom || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: styles.bottom
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {
@@ -180,7 +198,9 @@ export var Footer = function Footer(props) {
       rel: "noopener noreferrer"
     }, /*#__PURE__*/React.createElement(GithubOutlined, null)), /*#__PURE__*/React.createElement("a", {
       href: "".concat(rootDomain, "/").concat(lang, "/about")
-    }, useT('关于我们'))), /*#__PURE__*/React.createElement("div", null, "\xA9 ", new Date().getFullYear(), " Made with \u2764 by", ' ', /*#__PURE__*/React.createElement("a", {
+    }, /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "\u5173\u4E8E\u6211\u4EEC"
+    }))), /*#__PURE__*/React.createElement("div", null, "\xA9 ", new Date().getFullYear(), " Made with \u2764 by", ' ', /*#__PURE__*/React.createElement("a", {
       href: "https://xtech.antfin.com/"
     }, "AntV"))))
   }, omit(restProps, ['githubUrl'])));

package/dist/slots/Footer/index.module.less

@@ -2,7 +2,6 @@
 @import '../_.less';
 
 .footer {
-  width: 100%;
   font-family: Avenir, @font-family;
 
   :global(.rc-footer-container),

package/dist/slots/Header/LogoWhite.js

@@ -6,8 +6,7 @@ import React from 'react';
 export var LogoWhite = function LogoWhite(_ref) {
   var style = _ref.style;
   return /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 94 28",
-    style: style,
+    viewBox: "0 0 3313 1024",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     width: "94",

package/dist/slots/Header/Navs.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 declare type dropdownItem = {
-    label: {
+    name: {
         [key: string]: string;
     };
-    key: string;
+    url: string;
 };
 export declare type INav = {
     slug?: string;

package/dist/slots/Header/Navs.js

@@ -2,7 +2,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import React from 'react';
 import cx from 'classnames';
-import { isEqual } from 'lodash-es';
+import { isEqual, size } from 'lodash-es';
 import { Link, useLocale } from 'dumi';
 import { Dropdown, Menu } from 'antd';
 import { DownOutlined, LinkOutlined } from '@ant-design/icons';
@@ -32,22 +32,22 @@ export var Navs = function Navs(_ref) {
       className = cx('header-menu-item-active', _defineProperty({}, styles.activeItem, path.startsWith(href) || isEqual(path.split('/').slice(0, 4), href.split('/').slice(0, 4))));
     }
 
-    return nav.notPage ? /*#__PURE__*/React.createElement("li", {
+    return size(nav.dropdownItems) ? /*#__PURE__*/React.createElement("li", {
       key: title,
       className: className
     }, /*#__PURE__*/React.createElement(Dropdown, {
       className: styles.ecoSystems,
       placement: "bottom",
       overlay: /*#__PURE__*/React.createElement(Menu, null, nav.dropdownItems.map(function (_ref2) {
-        var label = _ref2.label,
-            key = _ref2.key;
+        var name = _ref2.name,
+            url = _ref2.url;
         return /*#__PURE__*/React.createElement(Menu.Item, {
-          key: key
+          key: url
         }, /*#__PURE__*/React.createElement("a", {
           target: "_blank",
           rel: "noreferrer",
-          href: key
-        }, label[locale.id], " ", /*#__PURE__*/React.createElement(LinkOutlined, null)));
+          href: url
+        }, name[locale.id], " ", /*#__PURE__*/React.createElement(LinkOutlined, null)));
       }))
     }, /*#__PURE__*/React.createElement("span", null, title, /*#__PURE__*/React.createElement(DownOutlined, null)))) : /*#__PURE__*/React.createElement("li", {
       key: title,

package/dist/slots/Header/Products/NavigatorBanner.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
-import { Link } from 'dumi';
+import { Link, FormattedMessage } from 'dumi';
 import styles from "./NavigatorBanner.module.less";
-import { useT } from "../../hooks";
 
 var NavigatorBanner = function NavigatorBanner(_ref) {
   var post = _ref.post,
@@ -26,7 +25,9 @@ var NavigatorBanner = function NavigatorBanner(_ref) {
     className: classNames(styles.button, styles[type])
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.label
-  }, useT(type === 'prev' ? '上一篇' : '下一篇')), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: type === 'prev' ? '上一篇' : '下一篇'
+  })), /*#__PURE__*/React.createElement("div", {
     className: styles.title
   }, title));
 };

package/dist/slots/Header/Products/Product.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useT } from "../../hooks";
+import { FormattedMessage } from 'dumi';
 import styles from "./Product.module.less";
 
 var getTarget = function getTarget(url) {
@@ -46,11 +46,15 @@ var Product = function Product(_ref) {
     href: links.home.url,
     target: getTarget(links.home.url || ''),
     key: links.home.url
-  }, (_links$home$title = links.home.title) !== null && _links$home$title !== void 0 ? _links$home$title : useT('产品首页')), links.example && /*#__PURE__*/React.createElement("a", {
+  }, (_links$home$title = links.home.title) !== null && _links$home$title !== void 0 ? _links$home$title : /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "\u4EA7\u54C1\u9996\u9875"
+  })), links.example && /*#__PURE__*/React.createElement("a", {
     href: links.example.url,
     target: getTarget(links.example.url || ''),
     key: links.example.url
-  }, (_links$example$title = links.example.title) !== null && _links$example$title !== void 0 ? _links$example$title : useT('图表示例')))));
+  }, (_links$example$title = links.example.title) !== null && _links$example$title !== void 0 ? _links$example$title : /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "\u56FE\u8868\u793A\u4F8B"
+  })))));
 };
 
 export default Product;

package/dist/slots/Header/Products/getProducts.js

@@ -34,8 +34,10 @@ export var CATEGORIES = [{
 export function getNewProducts(_ref) {
   var language = _ref.language,
       isChinaMirrorHost = _ref.isChinaMirrorHost;
-  // 如需要修改产品信息，请到 https://yuyan.antfin-inc.com/datavprod/antv-site-datas/schemas/site-products-h5data/console 修改区块内容
-  return fetch('https://render.alipay.com/p/h5data/antv-site-datas_site-products-h5data.json').then(function (res) {
+  // 如需要修改产品信息，请到 https://yuyan.antfin-inc.com/antv/site-data/sprints 修改区块内容
+  return fetch('https://assets.antv.antgroup.com/antv/products.json' // 生产环境
+  // 'https://site-data-pre.alipay.com/antv/products.json', // 预发测试
+  ).then(function (res) {
     return res.json();
   }).then(function (products) {
     return products.filter(function (d) {

package/dist/slots/Header/Products/index.js

@@ -14,11 +14,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React from 'react';
 import cx from 'classnames';
+import { useLocale, FormattedMessage } from 'dumi';
 import Product from "./Product";
 import { CATEGORIES, getNewProducts } from "./getProducts";
-import { useChinaMirrorHost, useT } from "../../hooks";
+import { useChinaMirrorHost } from "../../hooks";
 import styles from "./Product.module.less";
-import { useLocale } from 'dumi';
 export var Products = function Products(_ref) {
   var show = _ref.show,
       language = _ref.language,
@@ -52,7 +52,9 @@ export var Products = function Products(_ref) {
         type = _ref2.type;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: idx
-    }, /*#__PURE__*/React.createElement("h3", null, useT(name)), /*#__PURE__*/React.createElement("ul", null, products.filter(function (item) {
+    }, /*#__PURE__*/React.createElement("h3", null, /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: name
+    })), /*#__PURE__*/React.createElement("ul", null, products.filter(function (item) {
       return item.category === type;
     }).map(function (product) {
       var _product$links, _product$links$home;

package/dist/slots/Header/Search.js

@@ -1,8 +1,7 @@
 import React, { useEffect } from 'react';
 import { SearchOutlined } from '@ant-design/icons';
 import { DocSearch } from '@docsearch/react';
-import { useLocale } from 'dumi';
-import { useT } from "../hooks";
+import { useLocale, useIntl } from 'dumi';
 import '@docsearch/css';
 import styles from "./Search.module.less";
 import 'docsearch.js/dist/cdn/docsearch.min.css';
@@ -49,6 +48,7 @@ function initDocSearchV2(_ref) {
 export var Search = function Search(_ref3) {
   var docsearchOptions = _ref3.docsearchOptions;
   var locale = useLocale();
+  var intl = useIntl();
 
   var _ref4 = docsearchOptions || {},
       _ref4$apiKey = _ref4.apiKey,
@@ -85,6 +85,8 @@ export var Search = function Search(_ref3) {
   }), /*#__PURE__*/React.createElement("input", {
     className: styles.input,
     id: "search",
-    placeholder: useT('搜索…')
+    placeholder: intl.formatMessage({
+      id: '搜索…'
+    })
   })));
 };

package/dist/slots/Header/index.d.ts

@@ -16,6 +16,13 @@ export declare type HeaderProps = {
     showGithubStar?: boolean;
     /** 是否显示切换语言选项 */
     showLanguageSwitcher?: boolean;
+    /**
+     * 国内镜像相关的信息
+     */
+    internalSite?: {
+        url: string;
+        name: object;
+    };
     /** 切换语言的回调 */
     onLanguageChange?: (language: string) => void;
     /** 是否二维码 */
@@ -40,8 +47,6 @@ export declare type HeaderProps = {
     isAntVSite?: boolean;
     /** AntV root 域名，直接用主题的可不传 */
     rootDomain?: string;
-    /** 是否展示国内镜像链接 */
-    showChinaMirror?: boolean;
     /** 是否显示 AntV 产品卡片 */
     showAntVProductsCard?: boolean;
     /** 展示版本切换 */

package/dist/slots/Header/index.js

@@ -21,22 +21,27 @@ import React, { useState, useEffect } from 'react';
 import { useMedia } from 'react-use';
 import { useNavigate } from "react-router-dom";
 import cx from 'classnames';
-import { useSiteData, useLocale } from 'dumi';
+import { useSiteData, useLocale, FormattedMessage } from 'dumi';
 import { GithubOutlined, MenuOutlined, CaretDownFilled, DownOutlined, WechatOutlined, LinkOutlined, CheckOutlined } from '@ant-design/icons';
-import { Popover, Menu, Dropdown, Select } from 'antd';
-import { map, size } from 'lodash-es';
+import { Modal, Button, Popover, Menu, Dropdown, Select } from 'antd';
+import { get, map, size } from 'lodash-es';
 import { Search } from "./Search";
 import { Products } from "./Products";
 import { Navs } from "./Navs";
 import { Logo } from "./Logo";
 import { LogoWhite } from "./LogoWhite";
 import { getLangUrl } from "./utils";
-import { useT } from "../hooks";
+import { ic } from "../hooks";
 import styles from "./index.module.less";
 
+function redirectChinaMirror(chinaMirrorOrigin) {
+  window.location.href = window.location.href.replace(window.location.origin, chinaMirrorOrigin);
+}
 /**
  * 头部菜单
  */
+
+
 var HeaderComponent = function HeaderComponent(_ref) {
   var _cx, _cx4;
 
@@ -57,8 +62,6 @@ var HeaderComponent = function HeaderComponent(_ref) {
       showAntVProductsCard = _ref$showAntVProducts === void 0 ? true : _ref$showAntVProducts,
       _ref$showLanguageSwit = _ref.showLanguageSwitcher,
       showLanguageSwitcher = _ref$showLanguageSwit === void 0 ? true : _ref$showLanguageSwit,
-      _ref$showChinaMirror = _ref.showChinaMirror,
-      showChinaMirror = _ref$showChinaMirror === void 0 ? true : _ref$showChinaMirror,
       logo = _ref.logo,
       onLanguageChange = _ref.onLanguageChange,
       _ref$showWxQrcode = _ref.showWxQrcode,
@@ -76,22 +79,41 @@ var HeaderComponent = function HeaderComponent(_ref) {
       _ref$rootDomain = _ref.rootDomain,
       rootDomain = _ref$rootDomain === void 0 ? '' : _ref$rootDomain,
       versions = _ref.versions,
+      internalSite = _ref.internalSite,
       ecosystems = _ref.ecosystems,
       searchOptions = _ref.searchOptions;
   var isAntVHome = isAntVSite && isHomePage; // 是否为AntV官网首页
 
-  var locale = useLocale();
-  var nav = useNavigate();
+  var showChinaMirror = !!internalSite;
+  var chinaMirrorUrl = get(internalSite, 'url');
 
-  var _useState = useState(locale.id),
+  var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
-      lang = _useState2[0],
-      setLang = _useState2[1];
+      chinaMirrorHintVisible = _useState2[0],
+      updateChinaMirrorHintVisible = _useState2[1];
 
-  var _useState3 = useState(false),
+  useEffect(function () {
+    var timeout = setTimeout(function () {
+      if (showChinaMirror && lang === 'zh' && !localStorage.getItem('china-mirror-no-more-hint') && window.location.host.includes('antv.vision')) {
+        updateChinaMirrorHintVisible(true);
+      }
+    }, 5000);
+    return function () {
+      clearTimeout(timeout);
+    };
+  });
+  var locale = useLocale();
+  var nav = useNavigate();
+
+  var _useState3 = useState(locale.id),
       _useState4 = _slicedToArray(_useState3, 2),
-      productMenuVisible = _useState4[0],
-      setProductMenuVisible = _useState4[1];
+      lang = _useState4[0],
+      setLang = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      productMenuVisible = _useState6[0],
+      setProductMenuVisible = _useState6[1];
 
   var productMenuHovering = false;
 
@@ -121,10 +143,10 @@ var HeaderComponent = function HeaderComponent(_ref) {
     setProductMenuVisible(!productMenuVisible);
   };
 
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      popupMenuVisible = _useState6[0],
-      setPopupMenuVisible = _useState6[1];
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      popupMenuVisible = _useState8[0],
+      setPopupMenuVisible = _useState8[1];
 
   var onTogglePopupMenuVisible = function onTogglePopupMenuVisible() {
     setPopupMenuVisible(!popupMenuVisible);
@@ -191,13 +213,89 @@ var HeaderComponent = function HeaderComponent(_ref) {
         href: url
       }, ecosystemName === null || ecosystemName === void 0 ? void 0 : ecosystemName[lang], " ", /*#__PURE__*/React.createElement(LinkOutlined, null)));
     }))
-  }, /*#__PURE__*/React.createElement("span", null, useT('周边生态'), /*#__PURE__*/React.createElement(DownOutlined, {
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "\u5468\u8FB9\u751F\u6001"
+  }), /*#__PURE__*/React.createElement(DownOutlined, {
     style: {
       marginLeft: '6px'
     }
-  })))) : null,
+  })))) : null, showChinaMirror && isWide ? /*#__PURE__*/React.createElement(Popover, {
+    title: null,
+    content: /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: 300
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      role: "img",
+      "aria-labelledby": "\u4E2D\u56FD",
+      style: {
+        marginRight: '8px'
+      }
+    }, "\uD83C\uDDE8\uD83C\uDDF3"), "AntV \u7CFB\u5217\u7F51\u7AD9\u90E8\u7F72\u5728 gh-pages \u4E0A\uFF0C\u82E5\u8BBF\u95EE\u901F\u5EA6\u4E0D\u4F73\uFF0C\u53EF\u4EE5\u524D\u5F80\u56FD\u5185\u955C\u50CF\u7AD9\u70B9\u3002"), /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginTop: 16,
+        textAlign: 'right'
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      onClick: function onClick() {
+        return updateChinaMirrorHintVisible(false);
+      },
+      size: "small",
+      style: {
+        marginRight: 8
+      }
+    }, "\u6682\u65F6\u5173\u95ED"), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      size: "small",
+      onClick: function onClick() {
+        localStorage.setItem('china-mirror-no-more-hint', Date.now().toString());
+        updateChinaMirrorHintVisible(false);
+      }
+    }, "\u4E0D\u518D\u63D0\u9192"))),
+    visible: chinaMirrorHintVisible,
+    placement: "bottomRight",
+    align: {
+      offset: [-12, -16]
+    }
+  }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
+    href: chinaMirrorUrl,
+    onClick: function onClick(e) {
+      e.preventDefault();
+      redirectChinaMirror(chinaMirrorUrl);
+    }
+  }, ic(get(internalSite, 'name')), !isAntVHome && /*#__PURE__*/React.createElement(LinkOutlined, null)))) : null, showChinaMirror && !isWide && /*#__PURE__*/React.createElement(Modal, {
+    visible: chinaMirrorHintVisible,
+    cancelText: "\u4E0D\u518D\u63D0\u9192",
+    okText: "\u7ACB\u5373\u524D\u5F80",
+    onCancel: function onCancel() {
+      updateChinaMirrorHintVisible(false);
+    },
+    onOk: function onOk() {
+      return redirectChinaMirror(chinaMirrorUrl);
+    },
+    cancelButtonProps: {
+      onClick: function onClick() {
+        localStorage.setItem('china-mirror-no-more-hint', Date.now().toString());
+        updateChinaMirrorHintVisible(false);
+      }
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.modalContent
+  }, /*#__PURE__*/React.createElement("span", {
+    role: "img",
+    "aria-labelledby": "\u4E2D\u56FD"
+  }, "\uD83C\uDDE8\uD83C\uDDF3"), "AntV \u7CFB\u5217\u7F51\u7AD9\u90E8\u7F72\u5728 gh-pages \u4E0A\uFF0C\u82E5\u8BBF\u95EE\u901F\u5EA6\u4E0D\u4F73\uFF0C\u53EF\u4EE5\u524D\u5F80", /*#__PURE__*/React.createElement("a", {
+    href: chinaMirrorUrl,
+    onClick: function onClick(e) {
+      e.preventDefault();
+      window.location.href = chinaMirrorUrl;
+    },
+    className: styles.remindHref
+  }, ic(get(internalSite, 'name')), /*#__PURE__*/React.createElement(LinkOutlined, null)), /*#__PURE__*/React.createElement("span", null, " \u7AD9\u70B9\u3002"))),
   /** 产品列表 */
-  showAntVProductsCard && /*#__PURE__*/React.createElement("li", productItemProps, /*#__PURE__*/React.createElement("a", null, useT('所有产品'), !isAntVHome ? /*#__PURE__*/React.createElement("img", {
+  showAntVProductsCard && /*#__PURE__*/React.createElement("li", productItemProps, /*#__PURE__*/React.createElement("a", null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "\u6240\u6709\u4EA7\u54C1"
+  }), !isAntVHome ? /*#__PURE__*/React.createElement("img", {
     src: "https://gw.alipayobjects.com/zos/antfincdn/FLrTNDvlna/antv.png",
     alt: "antv logo arrow",
     className: cx(styles.arrow, _defineProperty({}, styles.open, productMenuVisible))
@@ -322,8 +420,8 @@ var HeaderComponent = function HeaderComponent(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.left
   }, /*#__PURE__*/React.createElement("h1", null, /*#__PURE__*/React.createElement("a", {
-    href: siteUrl
-  }, img)), subTitle && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    href: siteUrl[lang] ? siteUrl[lang] : siteUrl
+  }, img)), !isAntVHome && subTitle && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: styles.divider
   }), /*#__PURE__*/React.createElement("h2", {
     className: styles.subProduceName
@@ -343,6 +441,7 @@ export var Header = function Header(props) {
       githubUrl = themeConfig.githubUrl,
       isAntVSite = themeConfig.isAntVSite,
       subTitleHref = themeConfig.subTitleHref,
+      internalSite = themeConfig.internalSite,
       showSearch = themeConfig.showSearch,
       showGithubCorner = themeConfig.showGithubCorner,
       showGithubStars = themeConfig.showGithubStars,
@@ -357,12 +456,16 @@ export var Header = function Header(props) {
   var searchOptions = {
     docsearchOptions: docsearchOptions
   };
+  var locale = useLocale();
+  var path = window.location.pathname;
+  var isHomePage = path === '/' || path === "/".concat(locale.id) || path === "/".concat(locale.id, "/");
   var headerProps = {
     subTitle: title,
     subTitleHref: subTitleHref,
     githubUrl: githubUrl,
     isAntVSite: isAntVSite,
     siteUrl: siteUrl,
+    internalSite: internalSite,
     showSearch: showSearch,
     showGithubCorner: showGithubCorner,
     showGithubStars: showGithubStars,
@@ -374,7 +477,8 @@ export var Header = function Header(props) {
     ecosystems: ecosystems,
     navs: navs,
     searchOptions: searchOptions,
-    isHomePage: true
+    isHomePage: isHomePage,
+    transparent: isHomePage && isAntVSite
   };
   return /*#__PURE__*/React.createElement(HeaderComponent, Object.assign({}, headerProps, props));
 };

package/dist/slots/ManualContent/NavigatorBanner.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import classNames from 'classnames';
-import { history } from 'dumi';
+import { history, FormattedMessage } from 'dumi';
 import styles from "./NavigatorBanner.module.less";
-import { useScrollToTop, useT } from "../hooks";
+import { useScrollToTop } from "../hooks";
 export var NavigatorBanner = function NavigatorBanner(_ref) {
   var post = _ref.post,
       type = _ref.type;
@@ -30,7 +30,9 @@ export var NavigatorBanner = function NavigatorBanner(_ref) {
     onClick: go
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.label
-  }, useT(type === 'prev' ? '上一篇' : '下一篇')), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: type === 'prev' ? '上一篇' : '下一篇'
+  })), /*#__PURE__*/React.createElement("div", {
     className: styles.title
   }, title));
 };

package/dist/slots/ManualContent/ReadingTime.js

@@ -1,10 +1,14 @@
 import React from 'react';
 import { Tag } from 'antd';
-import { useT } from "../hooks";
+import { FormattedMessage } from 'dumi';
 
 var ReadingTime = function ReadingTime(_ref) {
   var readingTime = _ref.readingTime;
-  return /*#__PURE__*/React.createElement(Tag, null, "".concat(useT('阅读时间约'), " ").concat(Math.ceil(readingTime / 60000), " ").concat(useT('分钟')));
+  return /*#__PURE__*/React.createElement(Tag, null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "\u9605\u8BFB\u65F6\u95F4\u7EA6"
+  }), " ", Math.ceil(readingTime / 60000), "  ", /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "\u5206\u949F"
+  }));
 };
 
 export default ReadingTime;