@antv/dumi-theme-antv 0.3.0-beta.8 → 0.3.0

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;

package/dist/slots/ManualContent/index.js

@@ -19,17 +19,19 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useEffect, useState } from 'react';
-import { Layout, Affix, BackTop, Menu, Tooltip } from 'antd';
+import { Layout, Affix, BackTop, Menu } from 'antd';
 import { useMedia } from 'react-use';
 import Drawer from 'rc-drawer';
 import { useLocale, useSiteData, useFullSidebarData, useRouteMeta } from 'dumi';
 import { useNavigate } from "react-router-dom";
-import { EditOutlined, MenuFoldOutlined, MenuUnfoldOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
+import { MenuFoldOutlined, MenuUnfoldOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
 import readingTime from 'reading-time';
-import { getBaseRoute, getIndexRoute, getOpenKeys } from "./utils";
+import URI from 'uri-parse';
+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 { ContentTable } from "dumi/theme/slots/ContentTable";
 import { useScrollToTop } from "../hooks";
 import 'rc-drawer/assets/index.css';
 import styles from "./index.module.less";
@@ -49,7 +51,8 @@ export var ManualContent = function ManualContent(_ref) {
       docs = _useSiteData$themeCon.docs;
 
   var sidebar = useFullSidebarData();
-  var isWide = useMedia('(min-width: 767.99px)', true);
+  var is767Wide = useMedia('(min-width: 767.99px)', true);
+  var is991Wide = useMedia('(min-width: 991.99px)', true);
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -89,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)) {
@@ -112,13 +115,17 @@ export var ManualContent = function ManualContent(_ref) {
           var item = _step.value;
           item.children = [];
           fullSidebarDataToMenuData(rootList, item.key, item.children);
-          (_funllSidebarData$ite = funllSidebarData[item.key][0].children) === null || _funllSidebarData$ite === void 0 ? void 0 : _funllSidebarData$ite.forEach(function (itemChild) {
+          funllSidebarData[item.key] && ((_funllSidebarData$ite = funllSidebarData[item.key][0].children) === null || _funllSidebarData$ite === void 0 ? void 0 : _funllSidebarData$ite.forEach(function (itemChild) {
             var label = itemChild.title;
             var key = itemChild.link;
             item.children.push(_objectSpread(_objectSpread({}, itemChild), {}, {
               label: label,
               key: key
             }));
+          })); // children 的 order 排序
+
+          item.children.sort(function (a, b) {
+            return a.order - b.order;
           });
 
           if (item.children.length == 0) {
@@ -172,7 +179,7 @@ export var ManualContent = function ManualContent(_ref) {
     useScrollToTop();
   };
 
-  var _useState5 = useState(renderSidebar.length !== 0 ? [renderSidebar[0].key] : ['']),
+  var _useState5 = useState(),
       _useState6 = _slicedToArray(_useState5, 2),
       defaultSelectedKey = _useState6[0],
       setDefaultSelectedKey = _useState6[1]; //上一夜下一页
@@ -194,11 +201,14 @@ export var ManualContent = function ManualContent(_ref) {
   for (var _i3 = 0, _Object$keys = Object.keys(linkoTitle); _i3 < _Object$keys.length; _i3++) {
     var route = _Object$keys[_i3];
     sidebarRoutes.push(route);
-  } // 兜底 如果 nav 指定有误则自动重定向到 indexDocRoute
+  }
 
+  var uri = new URI(location.href);
+  uri.path = getNavigateUrl("/".concat(uri.path), indexRoute, sidebarRoutes);
 
-  if (window.location.pathname.startsWith('/docs/') || !sidebarRoutes.includes(window.location.pathname)) {
-    navigate(indexRoute);
+  if ("".concat(uri.path) !== window.location.pathname) {
+    uri.path = uri.path.slice(1);
+    navigate(uri.toURI().replace(location.origin, ''));
   } // 改变菜单栏选中和 openKeys 状态
 
 
@@ -262,7 +272,10 @@ export var ManualContent = function ManualContent(_ref) {
     forceSubMenuRender: true,
     triggerSubMenuAction: "click"
   });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Layout, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SEO, {
+    title: linkoTitle[window.location.pathname],
+    lang: locale.id
+  }), /*#__PURE__*/React.createElement(Layout, {
     style: {
       background: '#fff'
     },
@@ -272,9 +285,9 @@ export var ManualContent = function ManualContent(_ref) {
     offsetTop: 0,
     className: styles.affix,
     style: {
-      height: isWide ? '100vh' : 'inherit'
+      height: is767Wide ? '100vh' : 'inherit'
     }
-  }, isWide ? /*#__PURE__*/React.createElement(Layout.Sider, {
+  }, is767Wide ? /*#__PURE__*/React.createElement(Layout.Sider, {
     width: "auto",
     theme: "light",
     className: styles.sider
@@ -292,22 +305,15 @@ export var ManualContent = function ManualContent(_ref) {
   }, menu)), /*#__PURE__*/React.createElement(Layout.Content, {
     className: styles.content
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles.contentMain
-  }, /*#__PURE__*/React.createElement("h1", null, linkoTitle[window.location.pathname], /*#__PURE__*/React.createElement(Tooltip, {
-    title: '在 GitHub 上编辑'
-  }, /*#__PURE__*/React.createElement("a", {
-    href: getGithubSourceUrl({
-      githubUrl: githubUrl,
-      relativePath: relativePath,
-      prefix: 'docs'
-    }),
-    target: "_blank",
-    rel: "noopener noreferrer",
-    className: styles.editOnGtiHubButton
-  }, /*#__PURE__*/React.createElement(EditOutlined, null)))), /*#__PURE__*/React.createElement(ReadingTime, {
+    className: styles.main
+  }, /*#__PURE__*/React.createElement("h1", {
+    className: styles.contentTitle
+  }, linkoTitle[window.location.pathname]), /*#__PURE__*/React.createElement("div", {
+    className: styles.readtimeContainer
+  }, /*#__PURE__*/React.createElement(ReadingTime, {
     readingTime: time,
     className: styles.readtime
-  }), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: styles.markdown
   }, children), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: styles.preandnext
@@ -323,10 +329,10 @@ export var ManualContent = function ManualContent(_ref) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.backTop
-  }, /*#__PURE__*/React.createElement(VerticalAlignTopOutlined, null))))))), /*#__PURE__*/React.createElement(Layout.Sider, {
+  }, /*#__PURE__*/React.createElement(VerticalAlignTopOutlined, null))))))), is991Wide ? /*#__PURE__*/React.createElement(Layout.Sider, {
     theme: "light",
     width: 260
   }, /*#__PURE__*/React.createElement(Affix, {
     className: styles.toc
-  }, /*#__PURE__*/React.createElement(TOC, null)))));
+  }, /*#__PURE__*/React.createElement(ContentTable, null))) : /*#__PURE__*/React.createElement("div", null)));
 };

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

@@ -7,6 +7,7 @@
 .markdown {
   font-size: 14px;
   line-height: 2;
+  min-height: 600px; // 大概一屏幕占位，防止切换文档的时候，有黑影！
 
   h1 {
     margin-bottom: 20px;
@@ -83,6 +84,14 @@
     background-color: rgba(0, 0, 0, 0.03);
   }
 
+  code {
+    padding: 0.2em 0.4em;
+    margin: 0;
+    font-size: 85%;
+    background-color: rgba(175, 184, 193, 0.2);
+    border-radius: 6px;
+  }
+
   code[class*='language-'] {
     background: none;
   }
@@ -196,6 +205,10 @@
   > p > br {
     clear: both;
   }
+
+  img {
+    max-width: 100%;
+  }
 }
 
 .layout {
@@ -203,7 +216,7 @@
 }
 
 .main {
-  width: calc(100% - @toc-width);
+  width: 100%;
   padding-left: 48px;
   padding-right: 24px;
   overflow: hidden;
@@ -236,21 +249,39 @@
 
 // reference yuque UI
 .toc {
-  :global {
-    .dumi-default-toc {
-      > li {
-        > a {
-          font-size: 12px;
-
-          &.active {
-            border-left: 1px solid @primary-color !important;
-          }
-        }
-      }
+  width: @toc-width;
+  float: right;
+  font-size: 12px;
+  background: #fff;
+  max-height: 100vh;
+  overflow: scroll;
+
+  position: sticky;
+  top: 0;
+
+  ul>li {
+    list-style: none !important;
+    padding: 0 !important;
+    margin-left: -1px !important;
+
+    // 超出部分省略号显示
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+
+    a {
+      color: @text-color;
     }
   }
 }
-
+.contentTitle {
+  margin-top: 8px;
+  margin-bottom: 20px;
+  font-weight: 500;
+  font-size: 30px;
+  font-family: Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  line-height: 38px;
+}
 .sider {
   width: 280px !important;
   height: inherit;
@@ -460,16 +491,11 @@
       padding-left: 32px;
       padding-right: 32px;
     }
-
-    .toc {
-      display: none;
-    }
   }
-
-  .sider {
-    width: 240px !important;
+  .tocSiderbar {
+      display: none;
   }
-
+ 
   .gallery {
     .galleryCard {
       width: 50%;
@@ -487,11 +513,9 @@
   }
 
   .sider {
-    width: 100% !important;
     margin-bottom: 32px;
     padding-bottom: 32px;
     border-bottom: 1px solid #e8e8e8;
-    display: none;
   }
 
   .markdown {
@@ -596,19 +620,13 @@
   margin-bottom: 20px;
   font-weight: 500;
   font-size: 30px;
-  font-family: Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
   line-height: 38px;
 }
 
 .content {
-  display: flex;
-  justify-content: center;
+  width: 100% !important;
   min-width: 400px;
-
-  .contentMain {
-    width: 100%;
-    padding: 0 24px 0 48px;
-  }
+  justify-content: center;
 }
 
 .menuSwitch {
@@ -630,10 +648,11 @@
   border-radius: 0 4px 4px 0;
 }
 
-
+.readtimeContainer {
+  margin-bottom: 1.2em;
+}
 
 .readtime {
-  margin-bottom: 1.2em;
   color: #0d1a26;
   line-height: 1.5715;
   list-style: none;

package/dist/slots/ManualContent/utils.d.ts

@@ -1,3 +1,18 @@
 export declare function getOpenKeys(): any[];
 export declare function getBaseRoute(): string;
 export declare function getIndexRoute(MenuData: any): any;
+/**
+ * 返回需要跳转的 pathname
+ * /en/api/ ----> /en/api/[first-doc]
+ * /zh/api/ ----> /api/[first-doc]
+ * /en/docs/api/ ----> /en/api/[first-doc]
+ * /zh/docs/api/ ----> /api/[first-doc]
+ *
+ * /en/docs/api/xxx ----> /en/api/xxx
+ * /zh/docs/api/xxx ----> /api/xxx
+ *
+ * /docs/api/xxx -----> /api/xxx
+ *
+ * @param p
+ */
+export declare function getNavigateUrl(pathname: string, first: string, siderbarMenu: any[]): string;

package/dist/slots/ManualContent/utils.js

@@ -1,5 +1,5 @@
 export function getOpenKeys() {
-  var pathname = window.location.pathname;
+  var pathname = window.location.pathname.replace('/docs/', '/').replace('/zh/', '/');
   var pathArr = pathname.split('/');
   var openKeys = [];
 
@@ -32,4 +32,33 @@ export function getIndexRoute(MenuData) {
   }
 
   return defaultOpenKeys[defaultOpenKeys.length - 1];
+}
+/**
+ * 返回需要跳转的 pathname
+ * /en/api/ ----> /en/api/[first-doc]
+ * /zh/api/ ----> /api/[first-doc]
+ * /en/docs/api/ ----> /en/api/[first-doc]
+ * /zh/docs/api/ ----> /api/[first-doc]
+ *
+ * /en/docs/api/xxx ----> /en/api/xxx 
+ * /zh/docs/api/xxx ----> /api/xxx
+ * 
+ * /docs/api/xxx -----> /api/xxx
+ * 
+ * @param p 
+ */
+
+export function getNavigateUrl(pathname, first, siderbarMenu) {
+  // 兜底 如果 nav 指定有误则自动重定向到 indexDocRoute
+  if (pathname.includes('/docs/') || pathname.includes('/zh/')) {
+    return pathname.replace('/docs/', '/').replace('/zh/', '/');
+  }
+
+  if (siderbarMenu.every(function (item) {
+    return ![item, "".concat(item, "/")].includes(pathname);
+  })) {
+    return first;
+  }
+
+  return pathname;
 }

package/dist/slots/SEO.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface SEOProps {
+    description?: string;
+    lang?: string;
+    meta?: any[];
+    title?: string;
+    titleSuffix?: string;
+}
+export declare const SEO: React.FC<SEOProps>;
+export {};