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

package/dist/layouts/DocLayout.js

@@ -16,20 +16,18 @@ export default (function () {
   var _useLocation = useLocation(),
       pathname = _useLocation.pathname;
 
-  var p = pathname.toLowerCase(); // @todo 南洋
-  // 做一些跳转，比如：/zh/examples/xxx -> /examples/xxx
-  // 首页
+  var p = pathname.toLowerCase(); // 首页
 
-  if (p === '/' || p === '/en' || p === '/en/') return /*#__PURE__*/React.createElement(Index, null); // API 页面
+  if (p === '/' || p === '/zh' || p === '/en' || p === '/en/') return /*#__PURE__*/React.createElement(Index, null); // API 页面
 
-  if (p.startsWith('/api') || p.startsWith('/en/api') || // 这两个是兼容之前的
-  p.startsWith('/zh/docs/api') || p.startsWith('/en/docs/api')) {
+  if (p.startsWith('/api') || p.startsWith('/en/api') || // 这四个是兼容之前的
+  p.startsWith('/zh/api') || p.startsWith('/en/api') || p.startsWith('/zh/docs/api') || p.startsWith('/en/docs/api')) {
     return /*#__PURE__*/React.createElement(API, null, " ", outlet, " ");
   } // 教程页面
 
 
-  if (p.startsWith('/manual') || p.startsWith('/en/manual') || // 这两个是兼容之前的
-  p.startsWith('/zh/docs/manual/') || p.startsWith('/en/docs/manual/')) {
+  if (p.startsWith('/manual') || p.startsWith('/en/manual') || // 这四个是兼容之前的
+  p.startsWith('/zh/manual') || p.startsWith('/en/manual') || p.startsWith('/zh/docs/manual/') || p.startsWith('/en/docs/manual/')) {
     return /*#__PURE__*/React.createElement(Manual, null, " ", outlet, " ");
   } // More router, add here...
 

package/dist/pages/Example/index.js

@@ -1,9 +1,3 @@
-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; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -39,8 +33,6 @@ var Example = function Example() {
   var nav = useNavigate();
 
   var _useParams = useParams(),
-      _useParams$language = _useParams.language,
-      language = _useParams$language === void 0 ? 'zh' : _useParams$language,
       topic = _useParams.topic,
       example = _useParams.example;
   /** 示例页面的元数据信息 */
@@ -56,51 +48,17 @@ var Example = function Example() {
       currentDemo = _useState2[0],
       setCurrentDemo = _useState2[1];
 
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isCollapsed = _useState4[0],
+      setIsCollapsed = _useState4[1];
+
   useEffect(function () {
     if (topic && example && demo) {
       var targetDemoInfo = getDemoInfo(exampleTopics, topic, example, demo);
       setCurrentDemo(targetDemoInfo);
     }
-  }, [topic, example, hash]); // 提取出来获取 唯一value值的 方法
-
-  var getPath = function getPath(item) {
-    var _item$relativePath;
-
-    if (!item) {// @todo 怀策
-      // debugger
-    }
-
-    var demoSlug = (_item$relativePath = item.relativePath) === null || _item$relativePath === void 0 ? void 0 : _item$relativePath.replace(/\/demo\/(.*)\..*/, function (_, filename) {
-      return "#".concat(filename);
-    });
-    return "/".concat(locale.id, "/examples/").concat(demoSlug);
-  }; // 一级菜单，二级菜单 数据 treeData + 二级菜单，示例 数据 result 写成一个 一级，二级，示例的三层树结构 数据
-
-
-  var transformNode = function transformNode(data, result) {
-    return data.map(function (item) {
-      var _result$find;
-
-      if (item.children && !item.node) {
-        return _objectSpread(_objectSpread({}, item), {}, {
-          children: transformNode(item.children, result)
-        });
-      }
-
-      var _item$node = item.node,
-          frontmatter = _item$node.frontmatter,
-          fields = _item$node.fields;
-      return _objectSpread(_objectSpread({}, frontmatter), {}, {
-        // 提前给二级菜单的key值加入 特殊值 好辨别
-        value: "secondaryKey-".concat(fields === null || fields === void 0 ? void 0 : fields.slug),
-        children: (_result$find = result.find(function (_ref) {
-          var k = _ref.title;
-          return k === frontmatter.title;
-        })) === null || _result$find === void 0 ? void 0 : _result$find.children
-      });
-    });
-  };
-
+  }, [topic, example, hash]);
   return /*#__PURE__*/React.createElement("div", {
     className: styles.example
   }, /*#__PURE__*/React.createElement(Header, {
@@ -112,7 +70,8 @@ var Example = function Example() {
     width: 250,
     trigger: null,
     collapsible: true,
-    className: styles.sider,
+    collapsed: isCollapsed,
+    className: styles.menuSider,
     theme: "light"
   }, currentDemo && /*#__PURE__*/React.createElement(ExampleSider, {
     showExampleDemoTitle: true,

package/dist/pages/Example/index.module.less

@@ -16,14 +16,6 @@
     flex: 1;
     background-color: #fff;
 
-    .sider {
-      height: 100%;
-
-      .exampleList {
-
-      }
-    }
-
     .content {
       position: relative;
       height: 100%;
@@ -38,3 +30,53 @@
     }
   }
 }
+
+.menuSider {
+  background-color: #f8f9fc;
+  border-right: 1px solid #ececec;
+
+  :global {
+    .ant-layout-sider-children {
+      overflow-y: hidden;
+      overflow-x: hidden;
+
+      &:hover {
+        overflow-y: auto;
+      }
+    }
+  }
+}
+
+.trigger {
+  font-size: 12px;
+  position: relative;
+  margin: auto;
+  color: #6c7f90;
+  left: -1px;
+  z-index: 4;
+  width: 22px;
+  cursor: pointer;
+  transition: color 0.3s;
+  border: 1px solid #ececec;
+  border-left: none;
+  background-color: #fff;
+  height: 66px;
+  box-sizing: border-box;
+  border-bottom-right-radius: 4px;
+  border-top-right-radius: 4px;
+  text-align: center;
+
+  &[type='menu-unfold'] {
+    background-color: #f8f9fc;
+  }
+
+  svg {
+    position: absolute;
+    left: 3px;
+    top: 25px;
+  }
+}
+
+.trigger:hover {
+  color: @primary-color;
+}

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

@@ -25,7 +25,7 @@ export var DemoCard = function DemoCard(props) {
 
   return /*#__PURE__*/React.createElement(Link, {
     className: styles.galleryCardLink,
-    to: "/".concat(locale.id, "/examples/").concat(topicId, "/").concat(exampleId, "/#").concat(demo.id)
+    to: "".concat(locale.id == 'zh' ? '' : '/en', "/examples/").concat(topicId, "/").concat(exampleId, "/#").concat(demo.id)
   }, demo.isNew ? /*#__PURE__*/React.createElement(Badge.Ribbon, {
     text: "new",
     className: styles.customRibbon

package/dist/pages/Examples/index.js

@@ -11,7 +11,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React from 'react';
-import { useContext } from 'react';
+import { useContext, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
 import { BackTop, Layout as AntLayout } from 'antd';
 import { Header } from "../../slots/Header";
 import { Footer } from "../../slots/Footer";
@@ -30,15 +31,25 @@ import styles from "./index.module.less";
  */
 
 var Example = function Example() {
+  var nav = useNavigate();
   /** 示例页面的元数据信息 */
+
   var metaData = useContext(ThemeAntVContext);
   var exampleTopics = metaData.meta.exampleTopics;
 
   var _usePrevAndNext = usePrevAndNext(),
       _usePrevAndNext2 = _slicedToArray(_usePrevAndNext, 2),
       prev = _usePrevAndNext2[0],
-      next = _usePrevAndNext2[1];
+      next = _usePrevAndNext2[1]; // 为 zh 做兜底
+
 
+  useEffect(function () {
+    var p = window.location.pathname;
+
+    if (p.includes('/zh/')) {
+      nav(p.replace('/zh/', '/'));
+    }
+  }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
     isHomePage: false
   }), /*#__PURE__*/React.createElement(AntLayout, {

package/dist/pages/Examples/index.module.less

@@ -268,6 +268,7 @@
 .sider {
   width: 280px !important;
   height: inherit;
+  background-color: #fff;
 
   // menu 滚动
   :global {
@@ -282,6 +283,7 @@
 }
 
 .affix {
+  background-color: #fff;
   & > div {
     height: 100%;
   }

package/dist/plugin/examples.d.ts

@@ -9,4 +9,5 @@ export declare const getExamplesPageTopics: (exampleTopics: ExamplesPage.Example
     title: ExamplesPage.ExampleTopic;
     icon: ExamplesPage.ExampleTopic;
     examples: ExamplesPage.Example[];
+    childrenKey: string;
 }[];

package/dist/plugin/examples.js

@@ -63,7 +63,8 @@ var getTopicExamples = (topicPath) => {
       title: {
         en: exampleMetaEnContent.attributes.title,
         zh: exampleMetaZhContent.attributes.title
-      }
+      },
+      childrenKey: "demos"
     };
     return example;
   });
@@ -81,7 +82,8 @@ var getExamplesPageTopics = (exampleTopics) => {
       id: nid,
       title,
       icon,
-      examples
+      examples,
+      childrenKey: "examples"
     };
   });
 };

package/dist/plugin/index.js

@@ -26,6 +26,10 @@ 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";
+    return memo;
+  });
   const pages = [
     {
       id: "dumi-theme-antv-example-list-zh",

package/dist/plugin/utils.js

@@ -26,7 +26,6 @@ __export(utils_exports, {
 });
 module.exports = __toCommonJS(utils_exports);
 var path = __toESM(require("path"));
-var fs = __toESM(require("fs"));
 function myResolve(p, alternateExts = [".js"]) {
   const extname2 = path.extname(p);
   const pathname = p.slice(0, p.length - extname2.length);
@@ -34,8 +33,10 @@ function myResolve(p, alternateExts = [".js"]) {
   for (let i = 0; i < exts.length; i++) {
     const ext = exts[i];
     const fullpath = `${pathname}${ext}`;
-    if (fs.existsSync(require.resolve(fullpath)))
+    try {
       return require.resolve(fullpath);
+    } catch (e) {
+    }
   }
   return "";
 }

package/dist/slots/CodeEditor/Toolbar.js

@@ -19,7 +19,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 import React, { useEffect, useState } from 'react';
-import { CodeSandboxOutlined, PlayCircleOutlined, ThunderboltOutlined, FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons';
+import { CodeSandboxOutlined, PlayCircleOutlined, ThunderboltOutlined } from '@ant-design/icons';
 import { Typography, Tooltip } from 'antd';
 import { useLocale } from 'dumi';
 import { getParameters } from 'codesandbox/lib/api/define';
@@ -68,8 +68,8 @@ export var Toolbar = function Toolbar(_ref) {
       updateRiddleVisible = _useState2[1];
 
   useEffect(function () {
-    ping(function (status) {
-      updateRiddleVisible(status === 'responded');
+    ping().then(function (status) {
+      return updateRiddleVisible(status === 'responded');
     });
   }, []);
   return /*#__PURE__*/React.createElement("div", {
@@ -129,19 +129,7 @@ export var Toolbar = function Toolbar(_ref) {
     style: {
       marginLeft: 6
     }
-  }), onToggleFullscreen ? /*#__PURE__*/React.createElement(Tooltip, {
-    title: isFullScreen ? useT('离开全屏') : useT('进入全屏')
-  }, isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitOutlined, {
-    onClick: onToggleFullscreen,
-    style: {
-      marginLeft: 12
-    }
-  }) : /*#__PURE__*/React.createElement(FullscreenOutlined, {
-    onClick: onToggleFullscreen,
-    style: {
-      marginLeft: 12
-    }
-  })) : null, /*#__PURE__*/React.createElement(Tooltip, {
+  }), /*#__PURE__*/React.createElement(Tooltip, {
     title: useT('执行代码')
   }, /*#__PURE__*/React.createElement(PlayCircleOutlined, {
     onClick: onExecuteCode,

package/dist/slots/CodePreview/CodeHeader.js

@@ -2,7 +2,7 @@ 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 { getGithubSourceURL } from "../utils";
 import styles from "./CodeHeader.module.less";
 
 /**
@@ -18,7 +18,7 @@ export var CodeHeader = function CodeHeader(_ref) {
     subTitle: /*#__PURE__*/React.createElement(Tooltip, {
       title: useT('在 GitHub 上编辑')
     }, /*#__PURE__*/React.createElement("a", {
-      href: getGithubSourceUrl(githubUrl, relativePath, 'examples'),
+      href: getGithubSourceURL(githubUrl, relativePath, 'examples'),
       target: "_blank",
       rel: "noopener noreferrer",
       className: styles.editOnGtiHubButton

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

@@ -18,9 +18,12 @@
     height: 100%;
     position: relative;
   
-    .playgroundScriptContainer {
+    :global(#playgroundScriptContainer) {
       flex: 1;
       position: relative;
+      width: 100%;
+      height: 100%;
+
       :global(#container) {
         width: 100%;
         height: 100%;

package/dist/slots/CodeRunner/index.js

@@ -71,6 +71,7 @@ export var CodeRunner = function CodeRunner(_ref) {
     onError: setError,
     onFullscreen: setFullscreen,
     onDestroy: noop,
-    onReady: noop
+    onReady: noop,
+    playground: {}
   }));
 };

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

@@ -7,4 +7,4 @@ export declare function getExampleTopicMap(exampleTopics: ExamplesPage.ExampleTo
 /**
  * 从 Context 信息中，获取到 Example 相关的信息，用于页面渲染
  */
-export declare function getDemoInfo(exampleTopics: ExamplesPage.ExampleTopic[], topic: string, example: string, demo: string): ExamplesPage.Demo | undefined;
+export declare function getDemoInfo(exampleTopics: ExamplesPage.ExampleTopic[], topic: string, example: string, demo: string): ExamplesPage.Demo;

package/dist/slots/Detail/index.js

@@ -81,7 +81,7 @@ export var Detail = function Detail(_ref) {
         link = _ref2.link,
         shape = _ref2.shape;
     return /*#__PURE__*/React.createElement("a", {
-      key: text,
+      key: ic(text),
       className: cx(styles.buttonLink, styles[type || ''], type === 'primary' ? 'primary-button' : 'common-button'),
       style: _objectSpread({
         borderRadius: shape === 'square' ? '4px' : '1000px'

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

@@ -1,39 +1,4 @@
 import React from 'react';
-export interface PlayGroundItemProps {
-    source: string;
-    examples: PlayGroundItemProps[];
-    babeledSource: string;
-    absolutePath?: string;
-    relativePath?: string;
-    screenshot?: string;
-    recommended?: boolean;
-    filename: string;
-    title?: string;
-    location?: Location;
-    playground?: {
-        container?: string;
-        playgroundDidMount?: string;
-        playgroundWillUnmount?: string;
-        dependencies?: {
-            [key: string]: string;
-        };
-        devDependencies?: {
-            [key: string]: string;
-        };
-        htmlCodeTemplate?: string;
-    };
-}
-export interface TreeItem {
-    title?: string;
-    value?: string;
-    key?: string;
-    children?: any;
-    icon?: string;
-    relativePath?: string;
-    filename?: string;
-    screenshot?: string;
-    node?: any;
-}
 export interface ExampleSiderProps {
     /**
      * 当前 Example (受控)

package/dist/slots/ExampleSider/index.js

@@ -4,14 +4,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -29,10 +21,10 @@ import { Input, Menu, Tooltip } from 'antd';
 import { useLocale } from 'dumi';
 import { createFromIconfontCN, SearchOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
 import classNames from 'classnames';
-import { reduce, size } from 'lodash-es';
 import { useT } from "../hooks";
 import styles from "./index.module.less";
-// menu icon
+import { filterTreeNode } from "../utils"; // menu icon
+
 var MenuIcon = createFromIconfontCN({
   scriptUrl: '//at.alicdn.com/t/font_470089_1lnym745udm.js' // generated by iconfont.cn
 
@@ -64,37 +56,23 @@ export var ExampleSider = function ExampleSider(props) {
       searchValue = _useState6[0],
       setSearchValue = _useState6[1];
 
-  var locale = useLocale(); // 查找符合条件的数据 从title和 searchValue 可以匹配 就返回 否自返回[]
-
-  var findSearchTreeData = function findSearchTreeData(data) {
-    return reduce(data, function (value, item) {
-      var _item$title;
-
-      if ((_item$title = item.title) !== null && _item$title !== void 0 && _item$title.match(searchValue)) {
-        return [].concat(_toConsumableArray(value), [item]);
-      }
-
-      if (item.children) {
-        var searchData = findSearchTreeData(item.children);
-        return size(searchData) ? [].concat(_toConsumableArray(value), [_objectSpread(_objectSpread({}, item), {}, {
-          children: searchData
-        })]) : value;
-      }
-
-      return value;
-    }, []);
-  }; // 获取默认展开的keys数组 传入treeData 和 底层的 key  返回符合条件的 keys
-
-
-  var getDefaultOpenKeys = function getDefaultOpenKeys(data, key) {
-    return reduce(data, function (value, item) {
-      if (item.children) {
-        var keys = getDefaultOpenKeys(item.children, key);
-        return keys.length ? [].concat(_toConsumableArray(value), [item.value], _toConsumableArray(keys)) : value;
-      }
+  var locale = useLocale();
+
+  var getCurrentTopics = function getCurrentTopics() {
+    if (searchValue) {
+      var res = filterTreeNode({
+        id: 'FAKE_ID',
+        childrenKey: 'exampleTopics',
+        title: {
+          'zh': 'FAKE_TITLE',
+          'en': 'FAKE_TITLE'
+        },
+        exampleTopics: exampleTopics
+      }, searchValue, locale.id);
+      return (res === null || res === void 0 ? void 0 : res.exampleTopics) || [];
+    }
 
-      return key === item.value ? [item.value] : value;
-    }, []);
+    return exampleTopics;
   }; // 初始化菜单栏展开keys
 
 
@@ -142,7 +120,7 @@ export var ExampleSider = function ExampleSider(props) {
   };
 
   var renderSubMenu = function renderSubMenu() {
-    return exampleTopics.map(function (topic) {
+    return getCurrentTopics().map(function (topic) {
       return /*#__PURE__*/React.createElement(Menu.SubMenu, {
         key: "TOPIC-".concat(topic.id),
         title: /*#__PURE__*/React.createElement("div", null, topic.icon && /*#__PURE__*/React.createElement(MenuIcon, {
@@ -208,7 +186,7 @@ export var ExampleSider = function ExampleSider(props) {
     style: {
       width: '100%'
     },
-    className: styles.siderbarMenu,
+    className: styles.sideBarMenu,
     openKeys: openKeys,
     selectedKeys: ["DEMO-".concat(currentDemo.id)],
     onOpenChange: function onOpenChange(keys) {

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

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

package/dist/slots/Features/index.js

@@ -3,6 +3,7 @@ import { Row, Col } from 'antd';
 import cx from 'classnames';
 import FeatureCard from "./FeatureCard";
 import styles from "./index.module.less";
+import { ic } from "../hooks";
 export var Features = function Features(_ref) {
   var title = _ref.title,
       _ref$features = _ref.features,
@@ -15,7 +16,7 @@ export var Features = function Features(_ref) {
     var children = features.map(function (card) {
       return /*#__PURE__*/React.createElement(Col, {
         className: styles.cardWrapper,
-        key: card.title,
+        key: ic(card.title),
         md: 8,
         xs: 24
       }, /*#__PURE__*/React.createElement(FeatureCard, card));

package/dist/slots/Header/Navs.js

@@ -27,6 +27,7 @@ export var Navs = function Navs(_ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, navs.map(function (nav) {
     var href = nav.slug.startsWith('http') ? nav.slug : "/".concat(nav.slug);
     var title = getDocument(navs, nav.slug).title[locale.id];
+    href = nav.slug.startsWith('/') ? nav.slug : "/".concat(nav.slug);
 
     if (window.location.pathname.includes('en')) {
       href = "/en".concat(href);
@@ -38,7 +39,8 @@ export var Navs = function Navs(_ref) {
       className: className
     }, nav.target === '_blank' || href.startsWith('http') ? /*#__PURE__*/React.createElement("a", {
       href: href,
-      target: "_blank"
+      target: "_blank",
+      rel: "noreferrer"
     }, title, /*#__PURE__*/React.createElement(LinkOutlined, null)) : /*#__PURE__*/React.createElement(Link, {
       to: href
     }, title));

package/dist/slots/Header/index.js

@@ -312,7 +312,8 @@ var HeaderComponent = function HeaderComponent(_ref) {
     className: styles.githubCorner
   }, /*#__PURE__*/React.createElement("a", {
     href: githubUrl,
-    target: "_blank"
+    target: "_blank",
+    rel: "noreferrer"
   }, /*#__PURE__*/React.createElement(GithubOutlined, null))));
   return /*#__PURE__*/React.createElement("header", {
     className: cx(styles.header, (_cx4 = {}, _defineProperty(_cx4, styles.transparent, !!transparent && !productMenuVisible), _defineProperty(_cx4, styles.isHomePage, !!isHomePage && !isAntVHome), _defineProperty(_cx4, styles.lightTheme, !!isAntVHome && !productMenuVisible && isWide), _defineProperty(_cx4, styles.fixed, popupMenuVisible), _cx4))

package/dist/slots/ManualContent/index.js

@@ -78,7 +78,12 @@ export var ManualContent = function ManualContent(_ref) {
   var linkoTitle = {};
 
   function getBaseRoute() {
-    var matchRoute = window.location.pathname;
+    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];
@@ -140,18 +145,20 @@ export var ManualContent = function ManualContent(_ref) {
       var _sidebar$baseRoute$0$;
 
       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: itemChild.link
+          key: key
         }));
+        linkoTitle[key] = label;
       }));
       list.sort(function (a, b) {
         return a.order - b.order;
       });
       return list;
     }
-  } // 获取最终的MenuData
+  } // 获取最终的 MenuData
 
 
   var renderSidebar = fullSidebarDataToMenuData(docs, baseRoute, []); //  获取默认打开的菜单栏
@@ -169,14 +176,15 @@ export var ManualContent = function ManualContent(_ref) {
     return defaultOpenKeys;
   }
 
-  var defaultOpenKeys = getDefaultOpenKeys(renderSidebar); // 点击菜单栏
+  var defaultOpenKeys = getDefaultOpenKeys(renderSidebar);
+  var indexRoute = defaultOpenKeys[defaultOpenKeys.length - 1]; // 点击菜单栏
 
   var onClick = function onClick(e) {
     navigate(e.key);
     useScrollToTop();
   };
 
-  var _useState3 = useState([renderSidebar[0].key]),
+  var _useState3 = useState(renderSidebar.length !== 0 ? [renderSidebar[0].key] : ['']),
       _useState4 = _slicedToArray(_useState3, 2),
       defaultSelectedKey = _useState4[0],
       setDefaultSelectedKey = _useState4[1]; //上一夜下一页
@@ -190,12 +198,13 @@ export var ManualContent = function ManualContent(_ref) {
   var _useState7 = useState(undefined),
       _useState8 = _slicedToArray(_useState7, 2),
       next = _useState8[0],
-      setNext = _useState8[1]; // 监听路由去改变selected menu-item
+      setNext = _useState8[1]; // 监听路由去改变 selected menu-item
 
 
   useEffect(function () {
-    if (window.location.pathname == baseRoute) {
-      navigate(renderSidebar[0].key);
+    // 兜底 如果 nav 指定有误则重定向到 indexDocRoute
+    if (window.location.pathname !== indexRoute) {
+      navigate(indexRoute);
       return;
     }
 

package/dist/slots/hooks.d.ts

@@ -3,9 +3,9 @@ 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 | undefined;
-    siteUrl?: string | undefined;
-    lang?: string | undefined;
+    link?: string;
+    siteUrl?: string;
+    lang?: string;
 }) => [string];
 export declare const usePrevAndNext: () => NavigatorBannerProps['post'][];
 /**

package/dist/slots/utils.d.ts

@@ -1,20 +1,5 @@
-/// <reference types="node" />
-/// <reference types="node" />
-/// <reference types="node" />
-/// <reference types="node" />
-/// <reference types="lodash" />
-declare type Status = 'responded' | 'error' | 'timeout';
-export declare const ping: (callback: (status: Status) => void) => NodeJS.Timeout;
+import { Status } 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 getAllDemosInCategory: (allDemos: any[], lang: string) => import("lodash").Dictionary<any[]>;
-export declare const getSortedCategories: (allDemosInCategory: any, locale: string) => string[];
-export declare const getGroupedEdges: (edges: any) => import("lodash").Dictionary<any[]>;
-export declare const getGroupedEdgesDataEdit: (examples: any, edges: any, local: string) => string[];
-export declare const getTreeDataByExamplesAndEdges: (examples: any, edges: any, locale: string) => {
-    title: any;
-    value: string;
-    icon: any;
-    children: any[];
-}[];
-export {};
+export declare function getGithubSourceURL(githubUrl: string, relativePath: string, prefix?: string): string;
+export declare const filterTreeNode: (treeNode: ExamplesPage.TreeNode, keyValue: string, locale: string) => ExamplesPage.TreeNode;

package/dist/slots/utils.js

@@ -1,30 +1,67 @@
-import { groupBy } from 'lodash-es';
-export var ping = function ping(callback) {
-  var url = 'https://private-a' + 'lipay' + 'objects.alip' + 'ay.com/alip' + 'ay-rmsdeploy-image/rmsportal/RKuAiriJqrUhyqW.png';
-  var img = new Image();
-  var done = false;
-
-  var finish = function finish(status) {
-    if (!done) {
-      done = true;
-      img.src = '';
-      callback(status);
-    }
-  };
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
-  img.onload = function () {
-    return finish('responded');
-  };
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 
-  img.onerror = function () {
-    return finish('error');
-  };
+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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+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 _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+export function ping() {
+  return _ping.apply(this, arguments);
+}
+
+function _ping() {
+  _ping = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var timeout, network;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            timeout = new Promise(function (resolve) {
+              setTimeout(function () {
+                resolve('timeout');
+              }, 1500);
+            });
+            network = new Promise(function (resolve) {
+              var url = 'https://private-a' + 'lipay' + 'objects.alip' + 'ay.com/alip' + 'ay-rmsdeploy-image/rmsportal/RKuAiriJqrUhyqW.png';
+              var img = new Image();
+
+              img.onload = function () {
+                img.src = '';
+                resolve('responded');
+              };
+
+              img.onerror = function () {
+                img.src = '';
+                resolve('error');
+              };
+
+              img.src = url;
+            });
+            return _context.abrupt("return", Promise.race([timeout, network]));
+
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _ping.apply(this, arguments);
+}
 
-  img.src = url;
-  return setTimeout(function () {
-    return finish('timeout');
-  }, 1500);
-};
 export var getChinaMirrorHost = function getChinaMirrorHost(host) {
   var hostString = typeof host === 'undefined' ? window.location.host : host; // antv.vision => antv.gitee.io
 
@@ -41,7 +78,7 @@ export var getChinaMirrorHost = function getChinaMirrorHost(host) {
 
   return hostString;
 };
-export function getGithubSourceUrl(githubUrl, relativePath) {
+export function getGithubSourceURL(githubUrl, relativePath) {
   var prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'examples';
 
   // https://github.com/antvis/x6/tree/master/packages/x6-sites
@@ -51,104 +88,25 @@ export function getGithubSourceUrl(githubUrl, relativePath) {
 
   return "".concat(githubUrl, "/edit/master/").concat(prefix, "/").concat(relativePath);
 }
-export var getAllDemosInCategory = function getAllDemosInCategory(allDemos, lang) {
-  return groupBy(allDemos || [], function (demo) {
-    if (!demo.postFrontmatter || !demo.postFrontmatter[lang]) {
-      return 'OTHER';
-    }
-
-    return demo.postFrontmatter[lang].title;
-  });
-};
-export var getSortedCategories = function getSortedCategories(allDemosInCategory, locale) {
-  return Object.keys(allDemosInCategory).sort(function (a, b) {
-    if (a === 'OTHER') {
-      return -1;
-    }
+export var filterTreeNode = function filterTreeNode(treeNode, keyValue, locale) {
+  if (treeNode.childrenKey && Array.isArray(treeNode[treeNode.childrenKey])) {
+    var children = treeNode[treeNode.childrenKey];
+    var filteredChildren = children.filter(function (child) {
+      var c = filterTreeNode(child, keyValue, locale);
+      return c !== null;
+    });
 
-    if (b === 'OTHER') {
-      return 1;
+    if (filteredChildren.length > 0) {
+      treeNode[treeNode.childrenKey] = _toConsumableArray(filteredChildren);
+      return treeNode;
     }
-
-    return allDemosInCategory[a][0].postFrontmatter[locale].order - allDemosInCategory[b][0].postFrontmatter[locale].order;
-  });
-};
-
-var getMenuItemLocaleKey = function getMenuItemLocaleKey() {
-  var slug = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var slugPieces = slug.split('/');
-  return slugPieces.slice(slugPieces.indexOf('examples') + 1).filter(function (key) {
-    return key;
-  }).join('/');
-};
-
-var getExampleOrder = function getExampleOrder(options) {
-  var groupedEdgeKey = options.groupedEdgeKey,
-      groupedEdges = options.groupedEdges,
-      examples = options.examples;
-  var key = getMenuItemLocaleKey(groupedEdgeKey);
-
-  if (examples.find(function (item) {
-    return item.slug === key;
-  })) {
-    return (examples.findIndex(function (item) {
-      return item.slug === key;
-    }) || 0) + 100;
   }
 
-  if (!groupedEdges[groupedEdgeKey] && !groupedEdges[groupedEdgeKey].length) {
-    return 0;
-  }
+  var isCurrentTreeNodeMatched = treeNode.title[locale].toLowerCase().includes(keyValue.toLowerCase()); // 当前节点自身匹配，那么其孩子直接匹配，可以直接返回当前节点
 
-  return groupedEdges[groupedEdgeKey][0].node.frontmatter.order || 0;
-};
+  if (isCurrentTreeNodeMatched) {
+    return treeNode;
+  }
 
-export var getGroupedEdges = function getGroupedEdges(edges) {
-  return groupBy(edges, function (_ref) {
-    var slugString = _ref.node.fields.slug;
-
-    // API.md and design.md
-    if (slugString.endsWith('/API') || slugString.endsWith('/design')) {
-      return slugString.split('/').slice(0, -2).join('/');
-    } // index.md
-
-
-    return slugString.split('/').slice(0, -1).join('/');
-  });
-}; // 提取出筛选 和 排序的方法 好在获取treeData 的时候使用
-
-export var getGroupedEdgesDataEdit = function getGroupedEdgesDataEdit(examples, edges, local) {
-  var groupedEdges = getGroupedEdges(edges);
-  return Object.keys(groupedEdges).filter(function (key) {
-    return key.startsWith("/".concat(local, "/"));
-  }).sort(function (a, b) {
-    var aOrder = getExampleOrder({
-      groupedEdgeKey: a,
-      examples: examples,
-      groupedEdges: groupedEdges
-    });
-    var bOrder = getExampleOrder({
-      groupedEdgeKey: b,
-      examples: examples,
-      groupedEdges: groupedEdges
-    });
-    return aOrder - bOrder;
-  });
-};
-export var getTreeDataByExamplesAndEdges = function getTreeDataByExamplesAndEdges(examples, edges, locale) {
-  return getGroupedEdgesDataEdit(examples, edges, locale).map(function (slugString) {
-    var menuItemLocaleKey = getMenuItemLocaleKey(slugString);
-    var doc = examples.find(function (item) {
-      return item.slug === menuItemLocaleKey;
-    }) || {};
-    return {
-      title: doc && doc.title ? doc.title[locale] : menuItemLocaleKey,
-      value: slugString,
-      icon: doc.icon,
-      children: getGroupedEdges(edges)[slugString].filter(function (edge) {
-        var slug = edge.node.fields.slug;
-        return !(slug.endsWith('/API') || slug.endsWith('/design') || slug.endsWith('/gallery'));
-      })
-    };
-  });
+  return null;
 };

package/dist/types.d.ts

@@ -1,3 +1,4 @@
 export interface IThemeConfig {
     [key: string]: any;
 }
+export declare type Status = 'responded' | 'error' | 'timeout';

package/dist/typings.d.ts

@@ -24,13 +24,17 @@ declare module '\*.svg' {
 }
 
 declare namespace ExamplesPage {
-  /** 案例 DEMO */
-  export interface Demo {
+  export interface TreeNode {
     /**
      * id
      */
     id: string;
 
+    /**
+     * 孩子节点 key
+     */
+    childrenKey?: string;
+
     /**
      * 标题（支持国际化）
      */
@@ -39,6 +43,11 @@ declare namespace ExamplesPage {
       en: string;
     };
 
+    [key: string]: any;
+  }
+
+  /** 案例 DEMO */
+  export interface Demo extends TreeNode {
     /**
      * 截图
      */
@@ -76,20 +85,7 @@ declare namespace ExamplesPage {
   }
 
   /** 示例 */
-  export interface Example {
-    /**
-     * id
-     */
-    id: string;
-
-    /**
-     * 标题（支持国际化）
-     */
-    title: {
-      zh: string;
-      en: string;
-    };
-
+  export interface Example extends TreeNode {
     /**
      * 图标
      */
@@ -102,27 +98,16 @@ declare namespace ExamplesPage {
   }
 
   /** 案例主题 */
-  export interface ExampleTopic {
+  export interface ExampleTopic extends TreeNode {
     /**
-     * id 和文件夹目录名保持一致
+     * 图标
      */
-    id: string;
+    icon: string;
+
     /**
      * slug 和 id 一样，兼容旧配置
      */
     slug?: string;
-    /**
-     * 标题
-     */
-    title: {
-      zh: string;
-      en: string;
-    };
-
-    /**
-     * 图标
-     */
-    icon: string;
 
     /**
      * 所有案例

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.3.0-beta.2",
+  "version": "0.3.0-beta.4",
   "description": "AntV website theme based on dumi2.",
   "types": "dist/types.d.ts",
   "scripts": {
     "dev": "father dev",
+    "dev:example-site": "cd example && npm run start",
     "build": "father build",
     "prepare": "father link-dev-theme",
     "lint": "npm run lint:es && npm run lint:css",
@@ -61,7 +62,7 @@
     "classnames": "^2.3.2",
     "codesandbox": "^2.2.3",
     "docsearch.js": "^2.6.3",
-    "dumi": "^2.0.0-beta.11",
+    "dumi": "^2.0.0-beta.15",
     "front-matter": "^4.0.2",
     "fs-extra": "^10.1.0",
     "glob": "^8.0.3",
@@ -84,7 +85,7 @@
     "uri-parse": "^1.0.0"
   },
   "peerDependencies": {
-    "dumi": "^2.0.0-beta.14",
+    "dumi": "^2.0.0-beta.15",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
@@ -100,7 +101,6 @@
     "@types/react-router-dom": "^5.3.3",
     "@types/react-slick": "^0.23.10",
     "@umijs/lint": "^4.0.0",
-    "dumi": "^2.0.0-beta.14",
     "eslint": "^8.23.0",
     "father": "^4.1.0",
     "father-plugin-dumi-theme": "^1.0.0-beta.1",