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

package/dist/builtins/Playground/index.d.ts

@@ -9,7 +9,7 @@ export declare type PlaygroundProps = {
      */
     rid?: string;
     /**
-     * 预览区、代码区的宽度占比，默认为 0.62
+     * 预览区、代码区的宽度占比，默认为 0.38
      */
     ratio?: number;
     /**

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,27 @@ var Playground = function Playground(_ref) {
       example = _ref3[2],
       demo = _ref3[3];
 
+  var themeConfig = useSiteData();
+  var defaultSize = get(themeConfig, 'editor.playgroundSize', 0.38);
+  var size = isNaN(Number(ratio)) ? defaultSize : Number(ratio);
   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: size,
+    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", {
@@ -84,7 +84,7 @@ export var Cases = function Cases(_ref) {
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.appContent
       }, /*#__PURE__*/React.createElement("img", {
-        className: styles.appLogo,
+        className: cx(styles.appLogo, 'index-case-logo'),
         src: app.logo,
         alt: "logo",
         style: {

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');
@@ -116,6 +118,7 @@ export var CodeEditor = function CodeEditor(_ref) {
     };
   }, []);
   var executeCode = useCallback(debounce(function (v) {
+    if (currentEditorTab !== EDITOR_TABS.JAVASCRIPT) return;
     if (!v) return; // 1. 先编译代码
 
     var compiled;
@@ -129,8 +132,8 @@ export var CodeEditor = function CodeEditor(_ref) {
     } // 2. 执行代码，try catch 在内部已经做了
 
 
-    execute(compiled, 'playgroundScriptContainer', playground === null || playground === void 0 ? void 0 : playground.container, replaceId);
-  }, 300), []);
+    execute(compiled, containerId, playground === null || playground === void 0 ? void 0 : playground.container, replaceId);
+  }, 300), [containerId, currentEditorTab]);
   useEffect(function () {
     setCode(source);
   }, [source]);
@@ -138,10 +141,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 +156,7 @@ export var CodeEditor = function CodeEditor(_ref) {
     }
 
     return function () {
-      clear(dom);
+      dom && clear(dom);
       onDestroy();
 
       if (playground !== null && playground !== void 0 && playground.playgroundWillUnmount) {
@@ -172,14 +179,15 @@ export var CodeEditor = function CodeEditor(_ref) {
   }, []);
   useEffect(function () {
     if (monacoRef.current) {
-      monacoRef.current.setValue(currentEditorTab === EDITOR_TABS.JAVASCRIPT ? code : JSON.stringify(data, null, 2));
+      var v = currentEditorTab === EDITOR_TABS.JAVASCRIPT ? code : JSON.stringify(data, null, 2);
+      monacoRef.current.setValue(v);
     }
   }, [currentEditorTab]);
   var onCodeChange = useCallback(function (value) {
     if (currentEditorTab === EDITOR_TABS.JAVASCRIPT) {
       setCode(value);
     }
-  }, []);
+  }, [currentEditorTab]);
   return /*#__PURE__*/React.createElement("div", {
     className: styles.editor
   }, /*#__PURE__*/React.createElement(Toolbar, {
@@ -202,8 +210,9 @@ export var CodeEditor = function CodeEditor(_ref) {
       height: 'calc(100% - 36px)'
     }
   }, /*#__PURE__*/React.createElement(MonacoEditor, {
-    language: currentEditorTab === EDITOR_TABS.JAVASCRIPT ? 'javascript' : 'json',
-    value: code,
+    language: currentEditorTab === EDITOR_TABS.JAVASCRIPT ? 'javascript' : 'json' // value={currentEditorTab === EDITOR_TABS.JAVASCRIPT ? code : JSON.stringify(data, null, 2)}
+    ,
+    defaultValue: code,
     path: relativePath,
     loading: /*#__PURE__*/React.createElement(Loading, null),
     options: {

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

@@ -3,27 +3,34 @@ import { Result } from 'antd';
 import { useT } from "../hooks";
 import styles from "./index.module.less";
 
+function getErrorMessage(e) {
+  return (e.reason ? e.reason : e.message ? e.message : e).toString();
+}
 /**
  * DEMO 预览页面的预览，主要包含有：
  * 1. 一些 header 菜单
  * 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,
     status: "error",
     title: useT('演示代码报错，请检查'),
-    subTitle: /*#__PURE__*/React.createElement("pre", null, error && error.toString())
+    subTitle: /*#__PURE__*/React.createElement("pre", null, getErrorMessage(error))
   }) : null));
 };

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,21 @@ export var CodeRunner = function CodeRunner(_ref) {
     relativePath: relativePath,
     githubUrl: githubUrl
   });
+  var exampleId = "".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: exampleId,
     error: error,
-    header: header
+    header: header,
+    isPlayground: isPlayground
   }), /*#__PURE__*/React.createElement(CodeEditor, {
+    exampleId: exampleId,
     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/Header/index.d.ts

@@ -16,6 +16,13 @@ export declare type HeaderProps = {
     showGithubStar?: boolean;
     /** 是否显示切换语言选项 */
     showLanguageSwitcher?: boolean;
+    /**
+     * 国内镜像相关的信息
+     */
+    internalSite?: {
+        url: string;
+        name: object;
+    };
     /** 切换语言的回调 */
     onLanguageChange?: (language: string) => void;
     /** 是否二维码 */
@@ -40,8 +47,6 @@ export declare type HeaderProps = {
     isAntVSite?: boolean;
     /** AntV root 域名，直接用主题的可不传 */
     rootDomain?: string;
-    /** 是否展示国内镜像链接 */
-    showChinaMirror?: boolean;
     /** 是否显示 AntV 产品卡片 */
     showAntVProductsCard?: boolean;
     /** 展示版本切换 */

package/dist/slots/Header/index.js

@@ -23,20 +23,25 @@ import { useNavigate } from "react-router-dom";
 import cx from 'classnames';
 import { useSiteData, useLocale } from 'dumi';
 import { GithubOutlined, MenuOutlined, CaretDownFilled, DownOutlined, WechatOutlined, LinkOutlined, CheckOutlined } from '@ant-design/icons';
-import { Popover, Menu, Dropdown, Select } from 'antd';
-import { map, size } from 'lodash-es';
+import { Modal, Button, Popover, Menu, Dropdown, Select } from 'antd';
+import { get, map, size } from 'lodash-es';
 import { Search } from "./Search";
 import { Products } from "./Products";
 import { Navs } from "./Navs";
 import { Logo } from "./Logo";
 import { LogoWhite } from "./LogoWhite";
 import { getLangUrl } from "./utils";
-import { useT } from "../hooks";
+import { ic, useT } from "../hooks";
 import styles from "./index.module.less";
 
+function redirectChinaMirror(chinaMirrorOrigin) {
+  window.location.href = window.location.href.replace(window.location.origin, chinaMirrorOrigin);
+}
 /**
  * 头部菜单
  */
+
+
 var HeaderComponent = function HeaderComponent(_ref) {
   var _cx, _cx4;
 
@@ -57,8 +62,6 @@ var HeaderComponent = function HeaderComponent(_ref) {
       showAntVProductsCard = _ref$showAntVProducts === void 0 ? true : _ref$showAntVProducts,
       _ref$showLanguageSwit = _ref.showLanguageSwitcher,
       showLanguageSwitcher = _ref$showLanguageSwit === void 0 ? true : _ref$showLanguageSwit,
-      _ref$showChinaMirror = _ref.showChinaMirror,
-      showChinaMirror = _ref$showChinaMirror === void 0 ? true : _ref$showChinaMirror,
       logo = _ref.logo,
       onLanguageChange = _ref.onLanguageChange,
       _ref$showWxQrcode = _ref.showWxQrcode,
@@ -76,22 +79,41 @@ var HeaderComponent = function HeaderComponent(_ref) {
       _ref$rootDomain = _ref.rootDomain,
       rootDomain = _ref$rootDomain === void 0 ? '' : _ref$rootDomain,
       versions = _ref.versions,
+      internalSite = _ref.internalSite,
       ecosystems = _ref.ecosystems,
       searchOptions = _ref.searchOptions;
   var isAntVHome = isAntVSite && isHomePage; // 是否为AntV官网首页
 
-  var locale = useLocale();
-  var nav = useNavigate();
+  var showChinaMirror = !!internalSite;
+  var chinaMirrorUrl = get(internalSite, 'url');
 
-  var _useState = useState(locale.id),
+  var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
-      lang = _useState2[0],
-      setLang = _useState2[1];
+      chinaMirrorHintVisible = _useState2[0],
+      updateChinaMirrorHintVisible = _useState2[1];
+
+  useEffect(function () {
+    var timeout = setTimeout(function () {
+      if (showChinaMirror && lang === 'zh' && !localStorage.getItem('china-mirror-no-more-hint') && window.location.host.includes('antv.vision')) {
+        updateChinaMirrorHintVisible(true);
+      }
+    }, 5000);
+    return function () {
+      clearTimeout(timeout);
+    };
+  });
+  var locale = useLocale();
+  var nav = useNavigate();
 
-  var _useState3 = useState(false),
+  var _useState3 = useState(locale.id),
       _useState4 = _slicedToArray(_useState3, 2),
-      productMenuVisible = _useState4[0],
-      setProductMenuVisible = _useState4[1];
+      lang = _useState4[0],
+      setLang = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      productMenuVisible = _useState6[0],
+      setProductMenuVisible = _useState6[1];
 
   var productMenuHovering = false;
 
@@ -121,10 +143,10 @@ var HeaderComponent = function HeaderComponent(_ref) {
     setProductMenuVisible(!productMenuVisible);
   };
 
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      popupMenuVisible = _useState6[0],
-      setPopupMenuVisible = _useState6[1];
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      popupMenuVisible = _useState8[0],
+      setPopupMenuVisible = _useState8[1];
 
   var onTogglePopupMenuVisible = function onTogglePopupMenuVisible() {
     setPopupMenuVisible(!popupMenuVisible);
@@ -195,7 +217,79 @@ var HeaderComponent = function HeaderComponent(_ref) {
     style: {
       marginLeft: '6px'
     }
-  })))) : null,
+  })))) : null, showChinaMirror && isWide ? /*#__PURE__*/React.createElement(Popover, {
+    title: null,
+    content: /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: 300
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      role: "img",
+      "aria-labelledby": "\u4E2D\u56FD",
+      style: {
+        marginRight: '8px'
+      }
+    }, "\uD83C\uDDE8\uD83C\uDDF3"), "AntV \u7CFB\u5217\u7F51\u7AD9\u90E8\u7F72\u5728 gh-pages \u4E0A\uFF0C\u82E5\u8BBF\u95EE\u901F\u5EA6\u4E0D\u4F73\uFF0C\u53EF\u4EE5\u524D\u5F80\u56FD\u5185\u955C\u50CF\u7AD9\u70B9\u3002"), /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginTop: 16,
+        textAlign: 'right'
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      onClick: function onClick() {
+        return updateChinaMirrorHintVisible(false);
+      },
+      size: "small",
+      style: {
+        marginRight: 8
+      }
+    }, "\u6682\u65F6\u5173\u95ED"), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      size: "small",
+      onClick: function onClick() {
+        localStorage.setItem('china-mirror-no-more-hint', Date.now().toString());
+        updateChinaMirrorHintVisible(false);
+      }
+    }, "\u4E0D\u518D\u63D0\u9192"))),
+    visible: chinaMirrorHintVisible,
+    placement: "bottomRight",
+    align: {
+      offset: [-12, -16]
+    }
+  }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
+    href: chinaMirrorUrl,
+    onClick: function onClick(e) {
+      e.preventDefault();
+      redirectChinaMirror(chinaMirrorUrl);
+    }
+  }, ic(get(internalSite, 'name')), !isAntVHome && /*#__PURE__*/React.createElement(LinkOutlined, null)))) : null, showChinaMirror && !isWide && /*#__PURE__*/React.createElement(Modal, {
+    visible: chinaMirrorHintVisible,
+    cancelText: "\u4E0D\u518D\u63D0\u9192",
+    okText: "\u7ACB\u5373\u524D\u5F80",
+    onCancel: function onCancel() {
+      updateChinaMirrorHintVisible(false);
+    },
+    onOk: function onOk() {
+      return redirectChinaMirror(chinaMirrorUrl);
+    },
+    cancelButtonProps: {
+      onClick: function onClick() {
+        localStorage.setItem('china-mirror-no-more-hint', Date.now().toString());
+        updateChinaMirrorHintVisible(false);
+      }
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.modalContent
+  }, /*#__PURE__*/React.createElement("span", {
+    role: "img",
+    "aria-labelledby": "\u4E2D\u56FD"
+  }, "\uD83C\uDDE8\uD83C\uDDF3"), "AntV \u7CFB\u5217\u7F51\u7AD9\u90E8\u7F72\u5728 gh-pages \u4E0A\uFF0C\u82E5\u8BBF\u95EE\u901F\u5EA6\u4E0D\u4F73\uFF0C\u53EF\u4EE5\u524D\u5F80", /*#__PURE__*/React.createElement("a", {
+    href: chinaMirrorUrl,
+    onClick: function onClick(e) {
+      e.preventDefault();
+      window.location.href = chinaMirrorUrl;
+    },
+    className: styles.remindHref
+  }, ic(get(internalSite, 'name')), /*#__PURE__*/React.createElement(LinkOutlined, null)), /*#__PURE__*/React.createElement("span", null, " \u7AD9\u70B9\u3002"))),
   /** 产品列表 */
   showAntVProductsCard && /*#__PURE__*/React.createElement("li", productItemProps, /*#__PURE__*/React.createElement("a", null, useT('所有产品'), !isAntVHome ? /*#__PURE__*/React.createElement("img", {
     src: "https://gw.alipayobjects.com/zos/antfincdn/FLrTNDvlna/antv.png",
@@ -343,6 +437,7 @@ export var Header = function Header(props) {
       githubUrl = themeConfig.githubUrl,
       isAntVSite = themeConfig.isAntVSite,
       subTitleHref = themeConfig.subTitleHref,
+      internalSite = themeConfig.internalSite,
       showSearch = themeConfig.showSearch,
       showGithubCorner = themeConfig.showGithubCorner,
       showGithubStars = themeConfig.showGithubStars,
@@ -363,6 +458,7 @@ export var Header = function Header(props) {
     githubUrl: githubUrl,
     isAntVSite: isAntVSite,
     siteUrl: siteUrl,
+    internalSite: internalSite,
     showSearch: showSearch,
     showGithubCorner: showGithubCorner,
     showGithubStars: showGithubStars,

package/dist/slots/ManualContent/index.js

@@ -26,12 +26,12 @@ 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 URI from 'uri-parse';
 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 +115,17 @@ export var ManualContent = function ManualContent(_ref) {
           var item = _step.value;
           item.children = [];
           fullSidebarDataToMenuData(rootList, item.key, item.children);
-          (_funllSidebarData$ite = funllSidebarData[item.key][0].children) === null || _funllSidebarData$ite === void 0 ? void 0 : _funllSidebarData$ite.forEach(function (itemChild) {
+          funllSidebarData[item.key] && ((_funllSidebarData$ite = funllSidebarData[item.key][0].children) === null || _funllSidebarData$ite === void 0 ? void 0 : _funllSidebarData$ite.forEach(function (itemChild) {
             var label = itemChild.title;
             var key = itemChild.link;
             item.children.push(_objectSpread(_objectSpread({}, itemChild), {}, {
               label: label,
               key: key
             }));
+          })); // children 的 order 排序
+
+          item.children.sort(function (a, b) {
+            return a.order - b.order;
           });
 
           if (item.children.length == 0) {
@@ -175,7 +179,7 @@ export var ManualContent = function ManualContent(_ref) {
     useScrollToTop();
   };
 
-  var _useState5 = useState(renderSidebar.length !== 0 ? [renderSidebar[0].key] : ['']),
+  var _useState5 = useState(),
       _useState6 = _slicedToArray(_useState5, 2),
       defaultSelectedKey = _useState6[0],
       setDefaultSelectedKey = _useState6[1]; //上一夜下一页
@@ -197,11 +201,14 @@ export var ManualContent = function ManualContent(_ref) {
   for (var _i3 = 0, _Object$keys = Object.keys(linkoTitle); _i3 < _Object$keys.length; _i3++) {
     var route = _Object$keys[_i3];
     sidebarRoutes.push(route);
-  } // 兜底 如果 nav 指定有误则自动重定向到 indexDocRoute
+  }
 
+  var uri = new URI(location.href);
+  uri.path = getNavigateUrl("/".concat(uri.path), indexRoute, sidebarRoutes);
 
-  if (window.location.pathname.startsWith('/docs/') || !sidebarRoutes.includes(window.location.pathname)) {
-    navigate(indexRoute);
+  if ("".concat(uri.path) !== window.location.pathname) {
+    uri.path = uri.path.slice(1);
+    navigate(uri.toURI().replace(location.origin, ''));
   } // 改变菜单栏选中和 openKeys 状态
 
 
@@ -333,9 +340,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.every(function (item) {
+    return ![item, "".concat(item, "/")].includes(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.12",
   "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",