@antv/dumi-theme-antv 0.3.0-beta.10 → 0.3.0-beta.11

package/dist/builtins/Playground/index.js

@@ -10,6 +10,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+import { useSiteData } from 'dumi';
+import { get } from 'lodash-es';
 import React, { useContext } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { ThemeAntVContext } from "../../context";
@@ -22,8 +24,7 @@ import styles from "./index.module.less";
 var Playground = function Playground(_ref) {
   var rid = _ref.rid,
       path = _ref.path,
-      _ref$ratio = _ref.ratio,
-      ratio = _ref$ratio === void 0 ? 0.62 : _ref$ratio,
+      ratio = _ref.ratio,
       _ref$height = _ref.height,
       height = _ref$height === void 0 ? 400 : _ref$height;
 
@@ -40,22 +41,26 @@ var Playground = function Playground(_ref) {
       example = _ref3[2],
       demo = _ref3[3];
 
+  var themeConfig = useSiteData();
+  var defaultSize = get(themeConfig, 'editor.playgroundSize', 0.38);
   return /*#__PURE__*/React.createElement("div", {
     className: styles.container,
     style: {
       height: height
     }
   }, /*#__PURE__*/React.createElement(CodeRunner, {
+    isPlayground: true,
     exampleTopics: exampleTopics,
     topic: topic,
     example: example,
-    demo: demo
+    demo: demo,
+    size: ratio || defaultSize,
+    replaceId: rid
   }));
 };
 
 function ErrorFallback(_ref4) {
-  var error = _ref4.error,
-      resetErrorBoundary = _ref4.resetErrorBoundary;
+  var error = _ref4.error;
   console.log(error);
   return /*#__PURE__*/React.createElement("div", {
     role: "alert"

package/dist/layouts/DocLayout.js

@@ -29,10 +29,9 @@ export default (function () {
 
   if (p === '/' || p === '/zh' || p === '/en' || p === '/en/') return /*#__PURE__*/React.createElement(Index, null); // 匹配 navs 中的 docs 路由
 
-  var hasDocsRoutes = navs.filter(function (nav) {
+  var docsRoutes = navs.filter(function (nav) {
     return nav.slug && nav.slug.startsWith('docs/');
-  });
-  var docsRoutes = hasDocsRoutes.map(function (nav) {
+  }).map(function (nav) {
     return nav.slug && nav.slug.split('/').find(function (item) {
       return item !== 'docs';
     });

package/dist/layouts/entry/Index.js

@@ -72,7 +72,7 @@ export var Index = function Index() {
     title: "".concat(metaTitle[locale.id]),
     titleSuffix: "AntV",
     lang: locale.id
-  }), /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(Detail, detailProps), /*#__PURE__*/React.createElement(Features, featuresProps), /*#__PURE__*/React.createElement(Cases, casesProps), /*#__PURE__*/React.createElement(Companies, {
+  }), /*#__PURE__*/React.createElement(Header, null), detail && /*#__PURE__*/React.createElement(Detail, detailProps), features && /*#__PURE__*/React.createElement(Features, featuresProps), cases && /*#__PURE__*/React.createElement(Cases, casesProps), /*#__PURE__*/React.createElement(Companies, {
     title: useT("感谢信赖"),
     companies: companies
   }), /*#__PURE__*/React.createElement(Footer, null));

package/dist/layouts/entry/Manual.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ManualContent } from "../../slots/ManualContent";
 import { Header } from "../../slots/Header";
+import { Footer } from "../../slots/Footer";
 
 /**
  * Manual 路由下的入口
@@ -9,5 +10,7 @@ export var Manual = function Manual(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
     isHomePage: false
-  }), /*#__PURE__*/React.createElement(ManualContent, null, " ", children, " "));
+  }), /*#__PURE__*/React.createElement(ManualContent, null, " ", children, " "), /*#__PURE__*/React.createElement(Footer, {
+    isDynamicFooter: true
+  }));
 };

package/dist/pages/Examples/components/GalleryPageContent/DemoCard/index.js

@@ -17,10 +17,13 @@ export var DemoCard = function DemoCard(props) {
   var locale = useLocale();
 
   var renderCardInternal = function renderCardInternal() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", {
-      src: demo.screenshot || 'https://gw.alipayobjects.com/os/s/prod/antv/assets/image/screenshot-placeholder-b8e70.png',
-      alt: demo.title[locale.id]
-    })));
+    var img = demo.screenshot || 'https://gw.alipayobjects.com/os/s/prod/antv/assets/image/screenshot-placeholder-b8e70.png';
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        backgroundImage: "url(\"".concat(img, "\")"),
+        backgroundSize: 'cover'
+      }
+    }));
   };
 
   return /*#__PURE__*/React.createElement(Link, {

package/dist/plugin/index.js

@@ -34,6 +34,7 @@ var plugin_default = (api) => {
     memo.resolve.codeBlockMode = "passive";
     memo.exportStatic.extraRoutePaths = (0, import_examples.getExamplePaths)();
     memo.mfsu = false;
+    memo.favicons = ["https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*7svFR6wkPMoAAAAAAAAAAAAADmJ7AQ/original"];
     return memo;
   });
   const pages = [

package/dist/slots/Cases/index.js

@@ -76,7 +76,7 @@ export var Cases = function Cases(_ref) {
         className: styles.appWrapper,
         key: ic(app.title)
       }, /*#__PURE__*/React.createElement("img", {
-        className: styles.appTeaser,
+        className: cx(styles.appTeaser, 'index-cases-image'),
         src: app.image,
         alt: ic(app.title)
       }), /*#__PURE__*/React.createElement("div", {

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

@@ -18,7 +18,8 @@
     width: 83.88%;
     height: 100%;
     overflow-y: hidden;
-    display: flex;
+    display: flex !important;
+    align-items: center;
 
     .appLeft {
       margin-left: 3.06%;

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

@@ -4,6 +4,10 @@ export declare type CodeEditorProps = {
      * 标题
      */
     title?: string;
+    /**
+     * 示例的 id
+     */
+    exampleId: string;
     /**
      * 输入的源码
      */

package/dist/slots/CodeEditor/index.js

@@ -43,6 +43,7 @@ export var CodeEditor = function CodeEditor(_ref) {
       _ref$replaceId = _ref.replaceId,
       replaceId = _ref$replaceId === void 0 ? 'container' : _ref$replaceId,
       isFullscreen = _ref.isFullscreen,
+      exampleId = _ref.exampleId,
       _ref$onReady = _ref.onReady,
       onReady = _ref$onReady === void 0 ? noop : _ref$onReady,
       _ref$onDestroy = _ref.onDestroy,
@@ -79,8 +80,9 @@ export var CodeEditor = function CodeEditor(_ref) {
   var _useState7 = useState(EDITOR_TABS.JAVASCRIPT),
       _useState8 = _slicedToArray(_useState7, 2),
       currentEditorTab = _useState8[0],
-      setCurrentEditorTab = _useState8[1]; // 出发 auto resize
+      setCurrentEditorTab = _useState8[1];
 
+  var containerId = "playgroundScriptContainer_".concat(exampleId); // 出发 auto resize
 
   var dispatchResizeEvent = function dispatchResizeEvent() {
     var e = new Event('resize');
@@ -129,7 +131,7 @@ export var CodeEditor = function CodeEditor(_ref) {
     } // 2. 执行代码，try catch 在内部已经做了
 
 
-    execute(compiled, 'playgroundScriptContainer', playground === null || playground === void 0 ? void 0 : playground.container, replaceId);
+    execute(compiled, containerId, playground === null || playground === void 0 ? void 0 : playground.container, replaceId);
   }, 300), []);
   useEffect(function () {
     setCode(source);
@@ -138,10 +140,14 @@ export var CodeEditor = function CodeEditor(_ref) {
     executeCode(code);
   }, [code]);
   useEffect(function () {
-    var dom = document.getElementById('playgroundScriptContainer');
-    bind(dom, debounce(function () {
-      dispatchResizeEvent();
-    }, 100));
+    var dom = document.getElementById('containerId');
+
+    if (dom) {
+      bind(dom, debounce(function () {
+        dispatchResizeEvent();
+      }, 100));
+    }
+
     onReady();
 
     if (playground !== null && playground !== void 0 && playground.playgroundDidMount) {
@@ -149,7 +155,7 @@ export var CodeEditor = function CodeEditor(_ref) {
     }
 
     return function () {
-      clear(dom);
+      dom && clear(dom);
       onDestroy();
 
       if (playground !== null && playground !== void 0 && playground.playgroundWillUnmount) {

package/dist/slots/CodeEditor/utils.js

@@ -137,7 +137,7 @@ export function execute(code, playgroundScriptContainer, container) {
   var newCode = code.replace(/'container'|"container"/, "'".concat(replaceId, "'"));
   script.innerHTML = "\n// Can only have one anonymous define call per script file\n// \u548C monaco loader \u52A0\u8F7D\u51B2\u7A81\nvar __runnerDefine = window['define'];\nwindow['define'] = null;\ntry {\n  ".concat(newCode, "\n\n  // \u6E05\u9664\u663E\u793A\u7684\u9519\u8BEF\n  window.__reportErrorInPlayground && window.__reportErrorInPlayground(null);\n} catch(e) {\n  window.__reportErrorInPlayground && window.__reportErrorInPlayground(e);\n} finally {\n  window['define'] = __runnerDefine;\n}\n  "); // 追加图表容器
 
-  node.innerHTML = container || "<div id=".concat(replaceId, " />"); // 运行 script
+  node.innerHTML = container || "<div id=".concat(replaceId, " class=\"playgroundCodeContainer\" />"); // 运行 script
 
   node.appendChild(script);
 }

package/dist/slots/CodePreview/CodeHeader.js

@@ -1,9 +1,5 @@
 import React from 'react';
-import { PageHeader, Tooltip, Space, Divider } from 'antd';
-import { EditOutlined } from '@ant-design/icons';
-import { useT } from "../hooks";
-import { getGithubSourceURL } from "../utils";
-import styles from "./CodeHeader.module.less";
+import { PageHeader, Space, Divider } from 'antd';
 
 /**
  * 组件的 header
@@ -14,15 +10,20 @@ export var CodeHeader = function CodeHeader(_ref) {
       githubUrl = _ref.githubUrl;
   return /*#__PURE__*/React.createElement(PageHeader, {
     ghost: false,
-    title: title,
-    subTitle: /*#__PURE__*/React.createElement(Tooltip, {
-      title: useT('在 GitHub 上编辑')
-    }, /*#__PURE__*/React.createElement("a", {
-      href: getGithubSourceURL(githubUrl, relativePath, 'examples'),
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: styles.editOnGtiHubButton
-    }, /*#__PURE__*/React.createElement(EditOutlined, null))),
+    title: title // todo 编辑地址各种各样，需要有单独的配置，暂时关闭！
+    // subTitle={
+    //   <Tooltip title={useT('在 GitHub 上编辑')}>
+    //     <a
+    //       href={getGithubSourceURL(githubUrl, relativePath, 'examples')}
+    //       target="_blank"
+    //       rel="noopener noreferrer"
+    //       className={styles.editOnGtiHubButton}
+    //     >
+    //       <EditOutlined />
+    //     </a>
+    //   </Tooltip>
+    // }
+    ,
     extra: /*#__PURE__*/React.createElement(Space, {
       split: /*#__PURE__*/React.createElement(Divider, {
         type: "vertical"

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

@@ -1,5 +1,13 @@
 import React from 'react';
 export declare type CodePreviewProps = {
+    /**
+     * 在文档中预览
+     */
+    isPlayground: boolean;
+    /**
+     * id
+     */
+    exampleId: string;
     /**
      * 预览页面头部组件，用于显示 demo 名称，一些操作栏等
      */

package/dist/slots/CodePreview/index.js

@@ -9,16 +9,18 @@ import styles from "./index.module.less";
  * 2. 错误预览
  */
 export var CodePreview = function CodePreview(_ref) {
-  var header = _ref.header,
+  var isPlayground = _ref.isPlayground,
+      exampleId = _ref.exampleId,
+      header = _ref.header,
       error = _ref.error;
   return /*#__PURE__*/React.createElement("div", {
     className: styles.preview
-  }, /*#__PURE__*/React.createElement("div", {
+  }, isPlayground ? null : /*#__PURE__*/React.createElement("div", {
     className: styles.header
   }, header), /*#__PURE__*/React.createElement("div", {
     className: styles.content
   }, /*#__PURE__*/React.createElement("div", {
-    id: "playgroundScriptContainer",
+    id: "playgroundScriptContainer_".concat(exampleId),
     className: styles.playgroundScriptContainer
   }), error ? /*#__PURE__*/React.createElement(Result, {
     className: styles.result,

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

@@ -3,13 +3,16 @@
   height: 100%;
   position: relative;
 
-  padding: 16px;
+  padding: 24px;
   overflow: auto;
 
   display: flex;
   flex-direction: column;
 
   .header {
+    :global(.ant-page-header) {
+      padding-left: 0;
+    }
   }
 
   .content {
@@ -17,11 +20,17 @@
     flex: 1;
     min-height: 0;
   
-    :global(#playgroundScriptContainer) {
+    .playgroundScriptContainer, .playgroundCodeContainer {
       position: relative;
       width: 100%;
       height: 100%;
 
+      :global(.playgroundCodeContainer) {
+        position: relative;
+        width: 100%;
+        height: 100%;
+      }
+
       :global(#container) {
         position: relative;
         width: 100%;

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

@@ -1,11 +1,13 @@
 import React from 'react';
 import { ExampleTopic } from '../../types';
 declare type CodeRunnerProps = {
+    isPlayground?: boolean;
     topic: string;
     example: string;
     demo: string;
     exampleTopics: ExampleTopic[];
     size?: number;
+    replaceId?: string;
     notFound?: React.Element;
 };
 /**

package/dist/slots/CodeRunner/index.js

@@ -29,6 +29,8 @@ export var CodeRunner = function CodeRunner(_ref) {
       example = _ref.example,
       demo = _ref.demo,
       size = _ref.size,
+      replaceId = _ref.replaceId,
+      isPlayground = _ref.isPlayground,
       _ref$notFound = _ref.notFound,
       notFound = _ref$notFound === void 0 ? /*#__PURE__*/React.createElement(NotFound, null) : _ref$notFound;
   var demoInfo = getDemoInfo(exampleTopics, topic, example, demo); // 找不到，啥也别干了，404 页面
@@ -60,16 +62,25 @@ export var CodeRunner = function CodeRunner(_ref) {
     relativePath: relativePath,
     githubUrl: githubUrl
   });
+
+  function getExampleId() {
+    return "".concat(topic, "_").concat(example, "_").concat(demo);
+  }
+
   return /*#__PURE__*/React.createElement(SplitPane, {
     split: "vertical",
     defaultSize: "".concat((1 - size) * 100, "%"),
     minSize: 100
   }, /*#__PURE__*/React.createElement(CodePreview, {
+    exampleId: getExampleId(),
     error: error,
-    header: header
+    header: header,
+    isPlayground: isPlayground
   }), /*#__PURE__*/React.createElement(CodeEditor, {
+    exampleId: getExampleId(),
     source: source,
     relativePath: relativePath,
+    replaceId: replaceId,
     onError: setError,
     onFullscreen: setFullscreen,
     onDestroy: noop,

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/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/ManualContent/index.js

@@ -27,11 +27,10 @@ import { useNavigate } from "react-router-dom";
 import { EditOutlined, MenuFoldOutlined, MenuUnfoldOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
 import readingTime from 'reading-time';
 import { SEO } from "../SEO";
-import { getBaseRoute, getIndexRoute, getOpenKeys } from "./utils";
+import { getBaseRoute, getIndexRoute, getOpenKeys, getNavigateUrl } from "./utils";
 import { NavigatorBanner } from "./NavigatorBanner";
 import ReadingTime from "./ReadingTime";
 import { TOC } from "../TOC";
-import { Footer } from "../Footer";
 import { useScrollToTop } from "../hooks";
 import 'rc-drawer/assets/index.css';
 import styles from "./index.module.less";
@@ -115,13 +114,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) {
@@ -175,7 +178,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]; //上一夜下一页
@@ -197,11 +200,12 @@ 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 url = getNavigateUrl(window.location.pathname, indexRoute, sidebarRoutes);
 
-  if (window.location.pathname.startsWith('/docs/') || !sidebarRoutes.includes(window.location.pathname)) {
-    navigate(indexRoute);
+  if (url !== window.location.pathname) {
+    navigate(url);
   } // 改变菜单栏选中和 openKeys 状态
 
 
@@ -333,9 +337,7 @@ export var ManualContent = function ManualContent(_ref) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.backTop
-  }, /*#__PURE__*/React.createElement(VerticalAlignTopOutlined, null)))))), /*#__PURE__*/React.createElement(Footer, {
-    className: styles.footer
-  })), is991Wide ? /*#__PURE__*/React.createElement(Layout.Sider, {
+  }, /*#__PURE__*/React.createElement(VerticalAlignTopOutlined, null))))))), is991Wide ? /*#__PURE__*/React.createElement(Layout.Sider, {
     theme: "light",
     width: 260
   }, /*#__PURE__*/React.createElement(Affix, {

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;
@@ -207,7 +208,6 @@
   padding-left: 48px;
   padding-right: 24px;
   overflow: hidden;
-  min-height: 760px; // 大概一屏幕占位，防止切换文档的时候，有黑影！
 
   .meta {
     margin-bottom: 1.2em;
@@ -250,7 +250,7 @@
   ul>li {
     list-style: none !important;
     padding: 0 !important;
-    margin-left: 1em !important;
+    margin-left: -1px !important;
 
     // 超出部分省略号显示
     text-overflow: ellipsis;
@@ -262,7 +262,7 @@
     }
   }
 }
-.contentTitle{
+.contentTitle {
   margin-top: 8px;
   margin-bottom: 20px;
   font-weight: 500;
@@ -617,10 +617,6 @@
   justify-content: center;
 }
 
-.footer {
-  width: 100%;
-}
-
 .menuSwitch {
   position: absolute;
   top: 72px;
@@ -640,11 +636,10 @@
   border-radius: 0 4px 4px 0;
 }
 
-
-
-.readtimeContainer{
+.readtimeContainer {
   margin-bottom: 1.2em;
 }
+
 .readtime {
   color: #0d1a26;
   line-height: 1.5715;

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.some(function (item) {
+    return item === pathname;
+  })) {
+    return first;
+  }
+
+  return pathname;
 }

package/dist/slots/{TOC.d.ts → TOC/index.d.ts}

@@ -1,4 +1,5 @@
 import React from 'react';
+import './index.module.less';
 /**
  * 文档右侧的指示器（table of content）
  */

package/dist/slots/{TOC.js → TOC/index.js}

@@ -1,4 +1,5 @@
 import Toc from 'dumi/theme-default/slots/Toc';
+import "./index.module.less";
 /**
  * 文档右侧的指示器（table of content）
  */

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

@@ -0,0 +1,11 @@
+:global {
+  ul.dumi-default-toc {
+    >li {
+      margin-left: 0px!important;
+    }
+    .active {
+      color: #873bf4!important;
+      border-left: 3px solid #873bf4!important;
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.3.0-beta.10",
+  "version": "0.3.0-beta.11",
   "description": "AntV website theme based on dumi2.",
   "types": "dist/types.d.ts",
   "scripts": {
@@ -77,6 +77,7 @@
     "react-dom": "^18.2.0",
     "react-error-boundary": "^3.1.4",
     "react-github-button": "^0.1.11",
+    "react-helmet": "^6.1.0",
     "react-router-dom": "^6.4.2",
     "react-slick": "^0.29.0",
     "react-split-pane": "^0.1.92",