@antv/dumi-theme-antv 0.3.0-beta.2 → 0.3.0-beta.22

package/dist/slots/ExampleSider/index.js

@@ -4,14 +4,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -26,13 +18,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useEffect, useRef, useState } from 'react';
 import { Input, Menu, Tooltip } from 'antd';
-import { useLocale } from 'dumi';
+import { useLocale, FormattedMessage, useIntl } from 'dumi';
+import { cloneDeep } from 'lodash-es';
 import { createFromIconfontCN, SearchOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
 import classNames from 'classnames';
-import { reduce, size } from 'lodash-es';
-import { useT } from "../hooks";
-import styles from "./index.module.less";
-// menu icon
+import { filterTreeNode } from "../utils";
+import styles from "./index.module.less"; // menu icon
+
 var MenuIcon = createFromIconfontCN({
   scriptUrl: '//at.alicdn.com/t/font_470089_1lnym745udm.js' // generated by iconfont.cn
 
@@ -64,37 +56,20 @@ export var ExampleSider = function ExampleSider(props) {
       searchValue = _useState6[0],
       setSearchValue = _useState6[1];
 
-  var locale = useLocale(); // 查找符合条件的数据 从title和 searchValue 可以匹配 就返回 否自返回[]
-
-  var findSearchTreeData = function findSearchTreeData(data) {
-    return reduce(data, function (value, item) {
-      var _item$title;
-
-      if ((_item$title = item.title) !== null && _item$title !== void 0 && _item$title.match(searchValue)) {
-        return [].concat(_toConsumableArray(value), [item]);
-      }
+  var locale = useLocale();
+  var intl = useIntl();
 
-      if (item.children) {
-        var searchData = findSearchTreeData(item.children);
-        return size(searchData) ? [].concat(_toConsumableArray(value), [_objectSpread(_objectSpread({}, item), {}, {
-          children: searchData
-        })]) : value;
-      }
-
-      return value;
-    }, []);
-  }; // 获取默认展开的keys数组 传入treeData 和 底层的 key  返回符合条件的 keys
-
-
-  var getDefaultOpenKeys = function getDefaultOpenKeys(data, key) {
-    return reduce(data, function (value, item) {
-      if (item.children) {
-        var keys = getDefaultOpenKeys(item.children, key);
-        return keys.length ? [].concat(_toConsumableArray(value), [item.value], _toConsumableArray(keys)) : value;
-      }
-
-      return key === item.value ? [item.value] : value;
-    }, []);
+  var getCurrentTopics = function getCurrentTopics() {
+    var res = filterTreeNode({
+      id: 'FAKE_ID',
+      childrenKey: 'exampleTopics',
+      title: {
+        'zh': 'FAKE_TITLE',
+        'en': 'FAKE_TITLE'
+      },
+      exampleTopics: cloneDeep(exampleTopics)
+    }, searchValue, locale.id);
+    return (res === null || res === void 0 ? void 0 : res.exampleTopics) || [];
   }; // 初始化菜单栏展开keys
 
 
@@ -142,7 +117,7 @@ export var ExampleSider = function ExampleSider(props) {
   };
 
   var renderSubMenu = function renderSubMenu() {
-    return exampleTopics.map(function (topic) {
+    return getCurrentTopics().map(function (topic) {
       return /*#__PURE__*/React.createElement(Menu.SubMenu, {
         key: "TOPIC-".concat(topic.id),
         title: /*#__PURE__*/React.createElement("div", null, topic.icon && /*#__PURE__*/React.createElement(MenuIcon, {
@@ -153,11 +128,11 @@ export var ExampleSider = function ExampleSider(props) {
         }, topic.title && getSearchValueTitle(topic.title[locale.id])))
       }, topic.examples.map(function (example) {
         return /*#__PURE__*/React.createElement(Menu.SubMenu, {
-          key: "EXAMPLE-".concat(example.id),
+          key: "EXAMPLE-".concat(topic.id, "-").concat(example.id),
           title: example.title[locale.id]
         }, example.demos.map(function (demo) {
           return /*#__PURE__*/React.createElement(Menu.Item, {
-            key: "DEMO-".concat(demo.id),
+            key: "DEMO-".concat(topic.id, "-").concat(example.id, "-").concat(demo.id),
             style: {
               height: 70,
               padding: 0,
@@ -183,7 +158,9 @@ export var ExampleSider = function ExampleSider(props) {
       className: styles.searchSider
     }, /*#__PURE__*/React.createElement(Input, {
       size: "small",
-      placeholder: useT('搜索…'),
+      placeholder: intl.formatMessage({
+        id: '搜索…'
+      }),
       prefix: /*#__PURE__*/React.createElement(SearchOutlined, null),
       value: searchValue,
       onChange: function onChange(e) {
@@ -191,7 +168,9 @@ export var ExampleSider = function ExampleSider(props) {
       }
     }), /*#__PURE__*/React.createElement(Tooltip, {
       placement: "right",
-      title: useT('收起所有')
+      title: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "\u6536\u8D77\u6240\u6709"
+      })
     }, /*#__PURE__*/React.createElement(VerticalAlignTopOutlined, {
       className: styles.searchSiderIcon,
       onClick: function onClick() {
@@ -208,7 +187,7 @@ export var ExampleSider = function ExampleSider(props) {
     style: {
       width: '100%'
     },
-    className: styles.siderbarMenu,
+    className: styles.sideBarMenu,
     openKeys: openKeys,
     selectedKeys: ["DEMO-".concat(currentDemo.id)],
     onOpenChange: function onOpenChange(keys) {

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

@@ -122,7 +122,7 @@
   font-weight: 500;
 }
 
-.siderbarMenu {
+.sideBarMenu {
   border: none;
 
   .menuTitleContent {

package/dist/slots/Features/FeatureCard.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { IC } from '../../types';
 interface FeatureProps {
     icon: string;
     title: IC;

package/dist/slots/Features/index.js

@@ -3,6 +3,7 @@ import { Row, Col } from 'antd';
 import cx from 'classnames';
 import FeatureCard from "./FeatureCard";
 import styles from "./index.module.less";
+import { ic } from "../hooks";
 export var Features = function Features(_ref) {
   var title = _ref.title,
       _ref$features = _ref.features,
@@ -15,7 +16,7 @@ export var Features = function Features(_ref) {
     var children = features.map(function (card) {
       return /*#__PURE__*/React.createElement(Col, {
         className: styles.cardWrapper,
-        key: card.title,
+        key: ic(card.title),
         md: 8,
         xs: 24
       }, /*#__PURE__*/React.createElement(FeatureCard, card));
@@ -67,7 +68,7 @@ export var Features = function Features(_ref) {
   }) : /*#__PURE__*/React.createElement("div", {
     className: cx(styles.lefttopWithoutTitle, styles.lefttop)
   }), /*#__PURE__*/React.createElement("div", {
-    className: cx(styles.rightbottomWithoutTitle, styles.rightbottom)
+    className: title ? styles.rightbottom : cx(styles.rightbottomWithoutTitle, styles.rightbottom)
   }, /*#__PURE__*/React.createElement("div", {
     className: cx(styles.slicerbar, styles.slicerbarv, styles.slicerbarv1)
   }), /*#__PURE__*/React.createElement("div", {
@@ -84,7 +85,10 @@ export var Features = function Features(_ref) {
     className: styles.content
   }, /*#__PURE__*/React.createElement("div", {
     key: "content"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("p", {
+    key: "title",
+    className: styles.title
+  }, title ? title : ''), /*#__PURE__*/React.createElement("div", {
     key: "block",
     className: styles.cardsContainer
   }, /*#__PURE__*/React.createElement(Row, {

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

@@ -58,7 +58,7 @@
     position: absolute;
     width: 95.83%;
     left: 4.17%;
-    top: 144px;
+    top: 88px;
     background: #fff;
     height: 65%;
     box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.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/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,11 +1,19 @@
 import React from 'react';
+declare type dropdownItem = {
+    name: {
+        [key: string]: string;
+    };
+    url: string;
+};
 export declare type INav = {
-    slug: string;
+    slug?: string;
     order: number;
     title: {
         [key: string]: string;
     };
     target?: '_blank';
+    notPage?: boolean;
+    dropdownItems?: dropdownItem[];
 };
 export declare type NavProps = {
     navs: INav[];
@@ -15,3 +23,4 @@ export declare type NavProps = {
  * Header 中的导航菜单
  */
 export declare const Navs: React.FC<NavProps>;
+export {};

package/dist/slots/Header/Navs.js

@@ -2,43 +2,60 @@ 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 { LinkOutlined } from '@ant-design/icons';
+import { isEqual, size } from 'lodash-es';
 import { Link, useLocale } from 'dumi';
+import { Dropdown, Menu } from 'antd';
+import { DownOutlined, LinkOutlined } from '@ant-design/icons';
 import styles from "./index.module.less";
 
-var getDocument = function getDocument(navs) {
-  var slug = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return navs.find(function (doc) {
-    return doc.slug === slug;
-  }) || {
-    title: {}
-  };
-};
 /**
  * Header 中的导航菜单
  */
-
-
 export var Navs = function Navs(_ref) {
   var navs = _ref.navs,
       path = _ref.path;
   var locale = useLocale();
   return /*#__PURE__*/React.createElement(React.Fragment, null, navs.map(function (nav) {
-    var href = nav.slug.startsWith('http') ? nav.slug : "/".concat(nav.slug);
-    var title = getDocument(navs, nav.slug).title[locale.id];
+    var title = nav.title[locale.id];
+    var href = '';
+    var className = '';
+
+    if (nav.slug) {
+      href = nav.slug.startsWith('http') ? nav.slug : "/".concat(nav.slug);
+
+      if (locale.id == 'en' && !href.startsWith('http')) {
+        href = "/en".concat(href);
+      } // 去除 docs  防止二次点击相同nav跳转出现04
 
-    if (window.location.pathname.includes('en')) {
-      href = "/en".concat(href);
+
+      href = href.replace('/docs/', '/');
+      className = cx('header-menu-item-active', _defineProperty({}, styles.activeItem, path.startsWith(href) || isEqual(path.split('/').slice(0, 4), href.split('/').slice(0, 4))));
     }
 
-    var className = cx('header-menu-item-active', _defineProperty({}, styles.activeItem, path.startsWith(href) || isEqual(path.split('/').slice(0, 4), href.split('/').slice(0, 4))));
-    return /*#__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 name = _ref2.name,
+            url = _ref2.url;
+        return /*#__PURE__*/React.createElement(Menu.Item, {
+          key: url
+        }, /*#__PURE__*/React.createElement("a", {
+          target: "_blank",
+          rel: "noreferrer",
+          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,
       className: className
     }, nav.target === '_blank' || href.startsWith('http') ? /*#__PURE__*/React.createElement("a", {
       href: href,
-      target: "_blank"
+      target: "_blank",
+      rel: "noreferrer"
     }, title, /*#__PURE__*/React.createElement(LinkOutlined, null)) : /*#__PURE__*/React.createElement(Link, {
       to: href
     }, 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/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;
     /** 展示版本切换 */