@antv/dumi-theme-antv 0.3.0-beta.13 → 0.3.0-beta.15

package/dist/slots/Footer/index.js

@@ -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";
 
@@ -51,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
       }, {
@@ -86,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',
@@ -100,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
       }]
@@ -181,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/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.js

@@ -21,7 +21,7 @@ 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 { Modal, Button, Popover, Menu, Dropdown, Select } from 'antd';
 import { get, map, size } from 'lodash-es';
@@ -31,7 +31,7 @@ import { Navs } from "./Navs";
 import { Logo } from "./Logo";
 import { LogoWhite } from "./LogoWhite";
 import { getLangUrl } from "./utils";
-import { ic, useT } from "../hooks";
+import { ic } from "../hooks";
 import styles from "./index.module.less";
 
 function redirectChinaMirror(chinaMirrorOrigin) {
@@ -213,7 +213,9 @@ 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'
     }
@@ -291,7 +293,9 @@ var HeaderComponent = function HeaderComponent(_ref) {
     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))
@@ -417,7 +421,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
     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", {
+  }, img)), !isAntVHome && subTitle && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: styles.divider
   }), /*#__PURE__*/React.createElement("h2", {
     className: styles.subProduceName
@@ -452,6 +456,9 @@ 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,
@@ -470,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;

package/dist/slots/ManualContent/index.js

@@ -27,11 +27,11 @@ import { useNavigate } from "react-router-dom";
 import { EditOutlined, MenuFoldOutlined, MenuUnfoldOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
 import readingTime from 'reading-time';
 import URI from 'uri-parse';
-import { SEO } from "../SEO";
+import { SEO } from "dumi/theme/slots/SEO";
 import { getBaseRoute, getIndexRoute, getOpenKeys, getNavigateUrl } from "./utils";
 import { NavigatorBanner } from "./NavigatorBanner";
 import ReadingTime from "./ReadingTime";
-import { TOC } from "../TOC";
+import { TOC } from "dumi/theme/slots/TOC";
 import { useScrollToTop } from "../hooks";
 import 'rc-drawer/assets/index.css';
 import styles from "./index.module.less";
@@ -92,7 +92,7 @@ export var ManualContent = function ManualContent(_ref) {
     function fullSidebarDataToMenuData(rootList, hrefId, list) {
       // 递归
       rootList.forEach(function (item) {
-        var href = !baseRoute.startsWith('/en') ? "/".concat(item.slug) : "/en/".concat(item.slug);
+        var href = (!baseRoute.startsWith('/en') ? "/".concat(item.slug) : "/en/".concat(item.slug)).toLocaleLowerCase();
         var id = href.split("/").slice(0, href.split("/").length - 1).join("/");
 
         if (href.includes(baseRoute)) {

package/dist/slots/hooks.d.ts

@@ -1,7 +1,6 @@
 import { NavigatorBannerProps } from './ManualContent/NavigatorBanner';
 export declare const useChinaMirrorHost: () => [boolean];
 export declare const useScrollToTop: () => void;
-export declare const useT: (transformedMessage: string) => string;
 export declare const useLogoLink: ({ link, siteUrl, lang, }: {
     link?: string;
     siteUrl?: string;

package/dist/slots/hooks.js

@@ -14,7 +14,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { useEffect, useState } from 'react';
 import { get } from 'lodash-es';
-import { useIntl, useLocale } from 'dumi';
+import { useLocale } from 'dumi';
 export var useChinaMirrorHost = function useChinaMirrorHost() {
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -31,12 +31,6 @@ export var useChinaMirrorHost = function useChinaMirrorHost() {
 export var useScrollToTop = function useScrollToTop() {
   document.body.scrollTop = document.documentElement.scrollTop = 0;
 };
-export var useT = function useT(transformedMessage) {
-  var intl = useIntl();
-  return intl.formatMessage({
-    id: transformedMessage
-  });
-};
 export var useLogoLink = function useLogoLink(_ref) {
   var _ref$link = _ref.link,
       link = _ref$link === void 0 ? '' : _ref$link,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.3.0-beta.13",
+  "version": "0.3.0-beta.15",
   "description": "AntV website theme based on dumi2.",
   "types": "dist/types.d.ts",
   "scripts": {
@@ -85,7 +85,8 @@
     "reading-time": "^1.5.0",
     "size-sensor": "^1.0.1",
     "slick-carousel": "^1.8.1",
-    "uri-parse": "^1.0.0"
+    "uri-parse": "^1.0.0",
+    "video-react": "^0.16.0"
   },
   "peerDependencies": {
     "dumi": "^2.0.0-beta.15",