@antv/dumi-theme-antv 0.3.0-beta.5 → 0.3.0-beta.7

package/dist/context.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
+import { ExampleTopic } from './types';
 export declare type IThemeAntVContext = {
-    exampleTopics?: ExamplesPage.ExampleTopic[];
+    exampleTopics?: ExampleTopic[];
 };
 export declare const ThemeAntVContext: import("react").Context<IThemeAntVContext>;

package/dist/layouts/DocLayout.js

@@ -1,7 +1,6 @@
 import React, { useEffect } from 'react';
-import { useOutlet, useLocation } from 'dumi';
+import { useOutlet, useLocation, useSiteData } from 'dumi';
 import { Index } from "./entry/Index";
-import { API } from "./entry/API";
 import { Manual } from "./entry/Manual"; // 用户手动添加自己的
 
 import "../slots/global";
@@ -11,7 +10,11 @@ import "../slots/_.less";
  */
 
 export default (function () {
-  // 打印控制台文案
+  var _useSiteData = useSiteData(),
+      themeConfig = _useSiteData.themeConfig;
+
+  var navs = themeConfig.navs; // 打印控制台文案
+
   useEffect(function () {
     console.log("%cAntV 让数据栩栩如生", "color:#5B7102; font-size: 20px;"), console.log("%c新一代数据可视化解决方案", "color:#5B7102;"), console.log("--------------------------"), console.log("%c关注我们的微信公众号 %c“数据可视化 AntV”%c，获取我们团队最新的进展、动态、分享，也欢迎加入我们！", "color: red", "color: pink", "color: red");
   }, []);
@@ -20,23 +23,26 @@ export default (function () {
   var _useLocation = useLocation(),
       pathname = _useLocation.pathname;
 
-  var path = pathname.toLowerCase(); // 统一去掉中英文前缀
+  var path = pathname; // 统一去掉中英文前缀
 
   var p = path.replace('/zh/', '/').replace('/en/', '/'); // 首页
 
-  if (p === '/' || p === '/zh' || p === '/en' || p === '/en/') return /*#__PURE__*/React.createElement(Index, null); // API 页面
-
-  if (p.startsWith('/api') || // 这两个是兼容之前的
-  p.startsWith('/docs/api')) {
-    return /*#__PURE__*/React.createElement(API, null, " ", outlet, " ");
-  } // 教程页面
-
-
-  if (p.startsWith('/manual') || // 这两个是兼容之前的
-  p.startsWith('/docs/manual')) {
-    return /*#__PURE__*/React.createElement(Manual, null, " ", outlet, " ");
-  } // More router, add here...
-
+  if (p === '/' || p === '/zh' || p === '/en' || p === '/en/') return /*#__PURE__*/React.createElement(Index, null); // 匹配 navs 中的 docs 路由
+
+  var hasDocsRoutes = navs.filter(function (nav) {
+    return nav.slug.startsWith('docs/');
+  });
+  var docsRoutes = hasDocsRoutes.map(function (nav) {
+    return nav.slug.split('/').find(function (item) {
+      return item !== 'docs';
+    });
+  });
+
+  if (docsRoutes.some(function (route) {
+    return p.startsWith("/".concat(route)) || p.startsWith("/docs/".concat(route));
+  })) {
+    return /*#__PURE__*/React.createElement(Manual, null, outlet);
+  }
 
   return outlet;
 });

package/dist/pages/Example/index.js

@@ -12,8 +12,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useContext, useEffect, useState } from 'react';
 import { useParams, useLocation, useNavigate } from 'react-router-dom';
+import { get } from 'lodash-es';
 import { Layout } from 'antd';
-import { useLocale } from 'dumi';
+import { useLocale, useSiteData } from 'dumi';
 import { Header } from "../../slots/Header";
 import { ExampleSider } from "../../slots/ExampleSider";
 import { CodeRunner } from "../../slots/CodeRunner";
@@ -40,6 +41,10 @@ var Example = function Example() {
 
   var metaData = useContext(ThemeAntVContext);
   var locale = useLocale();
+
+  var _useSiteData = useSiteData(),
+      themeConfig = _useSiteData.themeConfig;
+
   var exampleTopics = metaData.meta.exampleTopics;
   var demo = hash.slice(1);
 
@@ -91,7 +96,8 @@ var Example = function Example() {
     exampleTopics: exampleTopics,
     topic: topic,
     example: example,
-    demo: demo
+    demo: demo,
+    size: get(themeConfig, 'editor.size', 0.4)
   }))));
 };
 

package/dist/pages/Examples/types.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ExampleTopic, Example, Demo } from '../../types';
 export interface AnnouncementProps {
     message: React.ReactNode;
     localStorageId: string;
@@ -9,19 +10,19 @@ export interface GalleryPageContentProps {
     /**
      * 案例主题列表
      */
-    exampleTopics: ExamplesPage.ExampleTopic[];
+    exampleTopics: ExampleTopic[];
 }
 export interface LeftMenuProps {
     /**
      * 案例主题列表
      */
-    exampleTopics: ExamplesPage.ExampleTopic[];
+    exampleTopics: ExampleTopic[];
 }
-export interface ExampleWithTopic extends ExamplesPage.Example {
-    targetTopic: ExamplesPage.ExampleTopic;
+export interface ExampleWithTopic extends Example {
+    targetTopic: ExampleTopic;
 }
 export interface DemoCardProps {
-    demo: ExamplesPage.Demo;
+    demo: Demo;
     topicId: string;
     exampleId: string;
 }
@@ -29,5 +30,5 @@ export interface LeftMenuProps {
     /**
      * 案例主题列表
      */
-    exampleTopics: ExamplesPage.ExampleTopic[];
+    exampleTopics: ExampleTopic[];
 }

package/dist/plugin/examples.d.ts

@@ -15,3 +15,7 @@ export declare const getExamplesPageTopics: (exampleTopics: ExampleTopic[]) => {
     examples: Example[];
     childrenKey: string;
 }[];
+/**
+ * 根据目录结构返回，所有的 example 页面，用于 buiild static
+ */
+export declare function getExamplePaths(): string[];

package/dist/plugin/examples.js

@@ -22,6 +22,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/plugin/examples.ts
 var examples_exports = {};
 __export(examples_exports, {
+  getExamplePaths: () => getExamplePaths,
   getExamplesPageTopics: () => getExamplesPageTopics
 });
 module.exports = __toCommonJS(examples_exports);
@@ -88,7 +89,17 @@ var getExamplesPageTopics = (exampleTopics) => {
     };
   });
 };
+function getExamplePaths() {
+  const exampleTopicPaths = glob.sync(`${examplesBaseDir}/*/*`);
+  const paths = exampleTopicPaths.map((p) => p.replace(process.cwd(), ""));
+  return [
+    ...paths,
+    ...paths.map((p) => `/zh${p}`),
+    ...paths.map((p) => `/en${p}`)
+  ];
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  getExamplePaths,
   getExamplesPageTopics
 });

package/dist/plugin/index.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/plugin/index.ts
@@ -22,33 +25,39 @@ __export(plugin_exports, {
   default: () => plugin_default
 });
 module.exports = __toCommonJS(plugin_exports);
+var path = __toESM(require("path"));
 var import_examples = require("./examples");
 var import_utils = require("./utils");
 var plugin_default = (api) => {
   api.describe({ key: `dumi-theme:${require("../../package.json").name}` });
   api.modifyDefaultConfig((memo) => {
     memo.resolve.codeBlockMode = "passive";
+    memo.exportStatic.extraRoutePaths = (0, import_examples.getExamplePaths)();
     return memo;
   });
   const pages = [
+    {
+      id: "dumi-theme-antv-homepage",
+      absPath: "/"
+    },
     {
       id: "dumi-theme-antv-example-list-zh",
-      path: "/examples/",
+      absPath: "/examples",
       file: (0, import_utils.myResolve)("../pages/Examples/index.tsx")
     },
     {
       id: "dumi-theme-antv-example-list-lang",
-      path: "/:language/examples/",
+      absPath: "/:language/examples",
       file: (0, import_utils.myResolve)("../pages/Examples/index.tsx")
     },
     {
       id: "dumi-theme-antv-single-example-zh",
-      path: "/examples/:topic/:example",
+      absPath: "/examples/:topic/:example",
       file: (0, import_utils.myResolve)("../pages/Example/index.tsx")
     },
     {
       id: "dumi-theme-antv-single-example-lang",
-      path: "/:language/examples/:topic/:example",
+      absPath: "/:language/examples/:topic/:example",
       file: (0, import_utils.myResolve)("../pages/Example/index.tsx")
     }
   ];
@@ -64,8 +73,6 @@ import { ThemeAntVContext } from '${contextFilePath}';
 
 export default function ThemeAntVContextWrapper() {
   const outlet = useOutlet();
-  // const { themeConfig } = useSiteData();
-  // const exampleTopics = themeConfig?.examples || [];
 
   return (
     <ThemeAntVContext.Provider
@@ -90,8 +97,8 @@ export default function ThemeAntVContextWrapper() {
     pages.forEach((page) => {
       routes[page.id] = {
         id: page.id,
-        path: page.path,
-        absPath: page.path,
+        path: page.absPath.slice(1),
+        absPath: page.absPath,
         file: page.file,
         parentId: "DocLayout"
       };
@@ -99,6 +106,7 @@ export default function ThemeAntVContextWrapper() {
     routes["404"].file = (0, import_utils.myResolve)("../pages/404.tsx");
     return routes;
   });
+  api.addTmpGenerateWatcherPaths(() => [path.resolve(process.cwd(), "examples")]);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {});

package/dist/slots/CodeEditor/index.js

@@ -86,16 +86,33 @@ export var CodeEditor = function CodeEditor(_ref) {
     window.dispatchEvent(e);
   };
 
+  var reportError = useCallback(debounce(function (e) {
+    if (e) {
+      console.error(e);
+      onError(e);
+      e && e.preventDefault && e.preventDefault();
+    } else {
+      onError(null);
+    }
+  }, 50), []);
   useEffect(function () {
     // 用于上报错误信息，使用 script 执行代码
     if (typeof window !== 'undefined') {
-      window.__reportErrorInPlayground = function (e) {
-        if (e) {
-          console.error(e);
-          onError(e);
-        }
-      };
+      // Cath error of code.
+      window.__reportErrorInPlayground = reportError; // Catch error of timeout/raf.
+
+      window.onerror = reportError; // Catch error of  promise.
+
+      window.addEventListener('unhandledrejection', reportError);
     }
+
+    return function () {
+      if (window) {
+        window.__reportErrorInPlayground = undefined;
+        window.onerror = undefined;
+        window.removeEventListener('unhandledrejection', reportError);
+      }
+    };
   });
   var executeCode = useCallback(debounce(function (v) {
     if (!v) return; // 1. 先编译代码
@@ -105,10 +122,9 @@ export var CodeEditor = function CodeEditor(_ref) {
     try {
       compiled = compile(replaceInsertCss(v, locale.id), relativePath); // 清除错误
 
-      onError(null);
+      reportError(null);
     } catch (e) {
-      console.error(e);
-      onError(e); // 执行出错，后面的步骤不用做了！
+      reportError(e); // 执行出错，后面的步骤不用做了！
 
       return;
     } // 2. 执行代码，try catch 在内部已经做了

package/dist/slots/CodePreview/index.js

@@ -24,6 +24,6 @@ export var CodePreview = function CodePreview(_ref) {
     className: styles.result,
     status: "error",
     title: useT('演示代码报错，请检查'),
-    subTitle: /*#__PURE__*/React.createElement("pre", null, error && error.message)
+    subTitle: /*#__PURE__*/React.createElement("pre", null, error && error.toString())
   }) : null));
 };

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

@@ -5,6 +5,7 @@ declare type CodeRunnerProps = {
     example: string;
     demo: string;
     exampleTopics: ExampleTopic[];
+    size?: number;
     notFound?: React.Element;
 };
 /**

package/dist/slots/CodeRunner/index.js

@@ -28,6 +28,7 @@ export var CodeRunner = function CodeRunner(_ref) {
       topic = _ref.topic,
       example = _ref.example,
       demo = _ref.demo,
+      size = _ref.size,
       _ref$notFound = _ref.notFound,
       notFound = _ref$notFound === void 0 ? /*#__PURE__*/React.createElement(NotFound, null) : _ref$notFound;
   var demoInfo = getDemoInfo(exampleTopics, topic, example, demo); // 找不到，啥也别干了，404 页面
@@ -61,7 +62,7 @@ export var CodeRunner = function CodeRunner(_ref) {
   });
   return /*#__PURE__*/React.createElement(SplitPane, {
     split: "vertical",
-    defaultSize: "50%",
+    defaultSize: "".concat((1 - size) * 100, "%"),
     minSize: 100
   }, /*#__PURE__*/React.createElement(CodePreview, {
     error: error,

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

@@ -1,17 +1,18 @@
 import React from 'react';
+import { Demo, ExampleTopic } from '../../types';
 export interface ExampleSiderProps {
     /**
      * 当前 Example (受控)
      */
-    currentDemo: ExamplesPage.Demo;
+    currentDemo: Demo;
     /**
      * 当选中的 Demo 被改变时做些什么
      */
-    onDemoClicked: (demo: ExamplesPage.Demo) => void;
+    onDemoClicked: (demo: Demo) => void;
     /**
      * 所有的案例主题
      */
-    exampleTopics: ExamplesPage.ExampleTopic[];
+    exampleTopics: ExampleTopic[];
     showExampleDemoTitle: boolean;
 }
 /**

package/dist/slots/ExampleSider/index.js

@@ -22,8 +22,8 @@ import { useLocale } from 'dumi';
 import { createFromIconfontCN, SearchOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
 import classNames from 'classnames';
 import { useT } from "../hooks";
-import styles from "./index.module.less";
-import { filterTreeNode } from "../utils"; // 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

package/dist/slots/Header/Navs.js

@@ -26,19 +26,23 @@ export var Navs = function Navs(_ref) {
   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 isAnotherSite = nav.slug.startsWith('http');
+    var anotherSite = isAnotherSite ? href : '';
     var title = getDocument(navs, nav.slug).title[locale.id];
     href = nav.slug.startsWith('/') ? nav.slug : "/".concat(nav.slug);
 
-    if (window.location.pathname.includes('en')) {
+    if (locale.id == 'en') {
       href = "/en".concat(href);
-    }
+    } // 去除 docs  防止二次点击相同nav跳转出现04
 
+
+    href = href.replace('/docs/', '/');
     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", {
       key: title,
       className: className
-    }, nav.target === '_blank' || href.startsWith('http') ? /*#__PURE__*/React.createElement("a", {
-      href: href,
+    }, nav.target === '_blank' || isAnotherSite ? /*#__PURE__*/React.createElement("a", {
+      href: anotherSite,
       target: "_blank",
       rel: "noreferrer"
     }, title, /*#__PURE__*/React.createElement(LinkOutlined, null)) : /*#__PURE__*/React.createElement(Link, {

package/dist/slots/ManualContent/index.js

@@ -1,11 +1,3 @@
-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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -34,6 +26,7 @@ import { useLocale, useSiteData, useFullSidebarData, useRouteMeta } from 'dumi';
 import { useNavigate } from "react-router-dom";
 import { EditOutlined, MenuFoldOutlined, MenuUnfoldOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
 import readingTime from 'reading-time';
+import { getBaseRoute, getIndexRoute, getOpenKeys } from "./utils";
 import { NavigatorBanner } from "./NavigatorBanner";
 import ReadingTime from "./ReadingTime";
 import { TOC } from "../TOC";
@@ -63,7 +56,7 @@ export var ManualContent = function ManualContent(_ref) {
       drawOpen = _useState2[0],
       setDrawOpen = _useState2[1];
 
-  var navigate = useNavigate(); //  获取阅读时间
+  var navigate = useNavigate(); // 获取阅读时间
 
   var mdInfo = useRouteMeta();
   var text = mdInfo.texts.reduce(function (prev, next) {
@@ -71,144 +64,149 @@ export var ManualContent = function ManualContent(_ref) {
   }, '');
 
   var _readingTime = readingTime(text),
-      time = _readingTime.time; // menu渲染
-  // linkoTitle用来映射路由和Title
+      time = _readingTime.time; // linkoTitle用来映射路由和Title
 
 
   var linkoTitle = {};
 
-  function getBaseRoute() {
-    var matchRoute = window.location.pathname; // 兼容 zh
-
-    matchRoute = matchRoute.replace('/zh/', '/'); // 兼容带有docs的route
-
-    matchRoute = matchRoute.replace('/docs', ''); // 查找 baseRoute
-
-    var reg = window.location.pathname.startsWith('/en') ? /(\/[A-z]*\/?\/[A-z]*)\/?/ : /(\/[A-z]*)\/?/;
-    var mainRoute = matchRoute.match(reg);
-    return mainRoute[1];
+  for (var _i2 = 0, _Object$values = Object.values(sidebar); _i2 < _Object$values.length; _i2++) {
+    var route = _Object$values[_i2];
+    route[0].children.forEach(function (item) {
+      linkoTitle[item.link] = item.title;
+    });
   }
+  /**
+   *  /api/xxx -->  /api
+   *  /en/api  -->  /en/api
+   */
+
+
+  var baseRoute = getBaseRoute(); // 获取最终的 MenuData
+
+  var renderSidebar = getMenuData(sidebar, docs, baseRoute, []);
+
+  function getMenuData(funllSidebarData, rootList, hrefId, list) {
+    function fullSidebarDataToMenuData(rootList, hrefId, list) {
+      // 递归
+      rootList.forEach(function (item) {
+        var href = !baseRoute.startsWith('/en') ? "/".concat(item.slug) : "/en/".concat(item.slug);
+        var id = href.split("/").slice(0, href.split("/").length - 1).join("/");
+
+        if (href.includes(baseRoute)) {
+          if (id === hrefId) {
+            list.push(_objectSpread(_objectSpread({}, item), {}, {
+              key: href,
+              label: item.title[currentLocale]
+            }));
+          }
+        }
+      });
 
-  var baseRoute = getBaseRoute();
-
-  function fullSidebarDataToMenuData(rootList, hrefId, list) {
-    // 递归
-    rootList.forEach(function (item) {
-      var href = !baseRoute.startsWith('/en') ? "/".concat(item.slug) : "/en/".concat(item.slug);
-      var id = href.split("/").slice(0, href.split("/").length - 1).join("/");
-
-      if (href.includes(baseRoute)) {
-        if (id === hrefId) {
-          list.push(_objectSpread(_objectSpread({}, item), {}, {
-            key: href,
-            label: item.title[currentLocale]
-          }));
+      var _iterator = _createForOfIteratorHelper(list),
+          _step;
+
+      try {
+        var _loop = function _loop() {
+          var _funllSidebarData$ite;
+
+          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) {
+            var label = itemChild.title;
+            var key = itemChild.link;
+            item.children.push(_objectSpread(_objectSpread({}, itemChild), {}, {
+              label: label,
+              key: key
+            }));
+          });
+
+          if (item.children.length == 0) {
+            delete item.children;
+          }
+        };
+
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          _loop();
         }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
-    });
 
-    var _iterator = _createForOfIteratorHelper(list),
-        _step;
+      if (hrefId == baseRoute) {
+        var _funllSidebarData$bas;
 
-    try {
-      var _loop = function _loop() {
-        var _sidebar$item$key$0$c;
-
-        var item = _step.value;
-        item.children = [];
-        fullSidebarDataToMenuData(rootList, item.key, item.children);
-        (_sidebar$item$key$0$c = sidebar[item.key][0].children) === null || _sidebar$item$key$0$c === void 0 ? void 0 : _sidebar$item$key$0$c.forEach(function (itemChild) {
-          var label = itemChild.title;
+        funllSidebarData[baseRoute] && ((_funllSidebarData$bas = funllSidebarData[baseRoute][0].children) === null || _funllSidebarData$bas === void 0 ? void 0 : _funllSidebarData$bas.forEach(function (itemChild) {
           var key = itemChild.link;
-          item.children.push(_objectSpread(_objectSpread({}, itemChild), {}, {
+          var label = itemChild.title;
+          list.push(_objectSpread(_objectSpread({}, itemChild), {}, {
             label: label,
             key: key
           }));
-          linkoTitle[key] = label;
+        }));
+        list.sort(function (a, b) {
+          return a.order - b.order;
         });
-
-        if (item.children.length == 0) {
-          delete item.children;
-        }
-      };
-
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        _loop();
+        return list;
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
     }
 
-    if (hrefId == baseRoute) {
-      var _sidebar$baseRoute$0$;
+    return fullSidebarDataToMenuData(rootList, hrefId, list);
+  } // 获取打开的菜单栏
 
-      sidebar[baseRoute] && ((_sidebar$baseRoute$0$ = sidebar[baseRoute][0].children) === null || _sidebar$baseRoute$0$ === void 0 ? void 0 : _sidebar$baseRoute$0$.forEach(function (itemChild) {
-        var key = itemChild.link;
-        var label = itemChild.title;
-        list.push(_objectSpread(_objectSpread({}, itemChild), {}, {
-          label: label,
-          key: key
-        }));
-        linkoTitle[key] = label;
-      }));
-      list.sort(function (a, b) {
-        return a.order - b.order;
-      });
-      return list;
-    }
-  } // 获取最终的 MenuData
-
-
-  var renderSidebar = fullSidebarDataToMenuData(docs, baseRoute, []); //  获取默认打开的菜单栏
-
-  function getDefaultOpenKeys(MenuData) {
-    var defaultOpenKeys = [];
-    var topRoute = MenuData[0];
-    defaultOpenKeys.push(topRoute.key);
 
-    while (topRoute.children) {
-      topRoute = topRoute.children[0];
-      defaultOpenKeys.push(topRoute.key);
-    }
+  var _useState3 = useState(function () {
+    return getOpenKeys();
+  }),
+      _useState4 = _slicedToArray(_useState3, 2),
+      defaultOpenKeys = _useState4[0],
+      setDefaultOpenKeys = _useState4[1]; // 获取第一个md文件的路由
 
-    return defaultOpenKeys;
-  }
 
-  var defaultOpenKeys = getDefaultOpenKeys(renderSidebar);
-  var indexRoute = defaultOpenKeys[defaultOpenKeys.length - 1]; // 点击菜单栏
+  var indexRoute = getIndexRoute(renderSidebar); // 点击菜单栏
 
   var onClick = function onClick(e) {
     navigate(e.key);
     useScrollToTop();
   };
 
-  var _useState3 = useState(renderSidebar.length !== 0 ? [renderSidebar[0].key] : ['']),
-      _useState4 = _slicedToArray(_useState3, 2),
-      defaultSelectedKey = _useState4[0],
-      setDefaultSelectedKey = _useState4[1]; //上一夜下一页
-
-
-  var _useState5 = useState(undefined),
+  var _useState5 = useState(renderSidebar.length !== 0 ? [renderSidebar[0].key] : ['']),
       _useState6 = _slicedToArray(_useState5, 2),
-      prev = _useState6[0],
-      setPrev = _useState6[1];
+      defaultSelectedKey = _useState6[0],
+      setDefaultSelectedKey = _useState6[1]; //上一夜下一页
+
 
   var _useState7 = useState(undefined),
       _useState8 = _slicedToArray(_useState7, 2),
-      next = _useState8[0],
-      setNext = _useState8[1]; // 监听路由去改变 selected menu-item
+      prev = _useState8[0],
+      setPrev = _useState8[1];
+
+  var _useState9 = useState(undefined),
+      _useState10 = _slicedToArray(_useState9, 2),
+      next = _useState10[0],
+      setNext = _useState10[1]; // 所有的 sidebar 路由
+
+
+  var sidebarRoutes = [];
+
+  for (var _i3 = 0, _Object$keys = Object.keys(linkoTitle); _i3 < _Object$keys.length; _i3++) {
+    var route = _Object$keys[_i3];
+    sidebarRoutes.push(route);
+  } // 兜底 如果 nav 指定有误则自动重定向到 indexDocRoute
+
+
+  if (window.location.pathname.startsWith('/docs/') || !sidebarRoutes.includes(window.location.pathname)) {
+    navigate(indexRoute);
+  } // 改变菜单栏选中和 openKeys 状态
 
 
   useEffect(function () {
-    // 兜底 如果 nav 指定有误则重定向到 indexDocRoute
-    if (window.location.pathname !== indexRoute) {
-      navigate(indexRoute);
+    if (window.location.pathname == indexRoute) {
+      setDefaultOpenKeys(getOpenKeys());
     }
-  }, []); // 改变菜单栏选中状态
 
-  useEffect(function () {
     setDefaultSelectedKey([window.location.pathname]);
   }, [window.location.pathname]);
   useEffect(function () {
@@ -250,16 +248,19 @@ export var ManualContent = function ManualContent(_ref) {
 
   var menu = /*#__PURE__*/React.createElement(Menu, {
     onClick: onClick,
-    defaultSelectedKeys: defaultSelectedKey,
+    onOpenChange: function onOpenChange(openKeys) {
+      setDefaultOpenKeys(openKeys);
+    },
     selectedKeys: defaultSelectedKey,
-    defaultOpenKeys: _toConsumableArray(defaultOpenKeys),
+    openKeys: defaultOpenKeys,
     mode: "inline",
     items: renderSidebar,
     inlineIndent: 16,
     style: {
       height: '100%'
     },
-    forceSubMenuRender: true
+    forceSubMenuRender: true,
+    triggerSubMenuAction: "click"
   });
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Layout, {
     style: {

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

@@ -0,0 +1,3 @@
+export declare function getOpenKeys(): any[];
+export declare function getBaseRoute(): string;
+export declare function getIndexRoute(MenuData: any): any;

package/dist/slots/ManualContent/utils.js

@@ -0,0 +1,35 @@
+export function getOpenKeys() {
+  var pathname = window.location.pathname;
+  var pathArr = pathname.split('/');
+  var openKeys = [];
+
+  for (var i = pathArr.length; i > 0; i--) {
+    var tem = pathArr.slice(0, i);
+    openKeys.push(tem.join('/'));
+  }
+
+  return openKeys;
+}
+export function getBaseRoute() {
+  var matchRoute = window.location.pathname; // 兼容 zh
+
+  matchRoute = matchRoute.replace('/zh/', '/'); // 兼容带有docs的route
+
+  matchRoute = matchRoute.replace('/docs', ''); // 查找 baseRoute
+
+  var reg = window.location.pathname.startsWith('/en') ? /(\/[A-z]*\/?\/[A-z]*)\/?/ : /(\/[A-z]*)\/?/;
+  var mainRoute = matchRoute.match(reg);
+  return mainRoute[1];
+}
+export function getIndexRoute(MenuData) {
+  var defaultOpenKeys = [];
+  var topRoute = MenuData[0];
+  defaultOpenKeys.push(topRoute.key);
+
+  while (topRoute.children) {
+    topRoute = topRoute.children[0];
+    defaultOpenKeys.push(topRoute.key);
+  }
+
+  return defaultOpenKeys[defaultOpenKeys.length - 1];
+}

package/dist/slots/utils.d.ts

@@ -1,5 +1,5 @@
-import { Status } from '../types';
+import { Status, TreeNode } from '../types';
 export declare function ping(): Promise<Status>;
 export declare const getChinaMirrorHost: (host?: string) => string;
 export declare function getGithubSourceURL(githubUrl: string, relativePath: string, prefix?: string): string;
-export declare const filterTreeNode: (treeNode: ExamplesPage.TreeNode, keyValue: string, locale: string) => ExamplesPage.TreeNode;
+export declare const filterTreeNode: (treeNode: TreeNode, keyValue: string, locale: string) => TreeNode;

package/dist/types.d.ts

@@ -9,7 +9,7 @@ export declare type IC = string | {
     zh: string;
     en: string;
 };
-interface TreeNode {
+export interface TreeNode {
     /**
      * id
      */
@@ -84,4 +84,3 @@ export interface ExampleTopic extends TreeNode {
      */
     examples: Example[];
 }
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.3.0-beta.5",
+  "version": "0.3.0-beta.7",
   "description": "AntV website theme based on dumi2.",
   "types": "dist/types.d.ts",
   "scripts": {