@antv/dumi-theme-antv 0.5.3 → 0.5.4-beta.0

package/dist/builtins/Playground/index.js

@@ -9,7 +9,7 @@ import { get } from 'lodash-es';
 import React, { useContext } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { ThemeAntVContext } from "../../context";
-import { CodeRunner } from "../../slots/CodeRunner";
+import { CodeRunner } from "dumi/theme/slots/CodeRunner";
 import styles from "./index.module.less";
 /**
  * Markdown 标签插件 Playground

package/dist/common/Link.js

@@ -0,0 +1,78 @@
+var _excluded = ["to", "children", "component"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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."); }
+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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Link as DumiLink, useLocation, useNavigate } from 'dumi';
+import nprogress from 'nprogress';
+import React, { forwardRef, useLayoutEffect, useTransition } from 'react';
+nprogress.configure({
+  showSpinner: false
+});
+var Link = /*#__PURE__*/forwardRef(function (props, ref) {
+  var to = props.to,
+    children = props.children,
+    component = props.component,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useTransition = useTransition(),
+    _useTransition2 = _slicedToArray(_useTransition, 2),
+    isPending = _useTransition2[0],
+    startTransition = _useTransition2[1];
+  var navigate = useNavigate();
+  var _useLocation = useLocation(),
+    pathname = _useLocation.pathname;
+  var href = React.useMemo(function () {
+    if (_typeof(to) === 'object') {
+      return "".concat(to.pathname || pathname).concat(to.search || '').concat(to.hash || '');
+    }
+    return to;
+  }, [to]);
+  var handleClick = function handleClick(e) {
+    var _props$onClick;
+    (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
+    if (!(href !== null && href !== void 0 && href.startsWith('http'))) {
+      // Should support open in new tab
+      if (!e.metaKey && !e.ctrlKey && !e.shiftKey) {
+        e.preventDefault();
+        startTransition(function () {
+          if (href) {
+            navigate(href);
+          }
+        });
+      }
+    }
+  };
+  useLayoutEffect(function () {
+    if (isPending) {
+      nprogress.start();
+    } else {
+      nprogress.done();
+    }
+  }, [isPending]);
+  if (component) {
+    return /*#__PURE__*/React.createElement(component, _objectSpread(_objectSpread({}, rest), {}, {
+      ref: ref,
+      onClick: handleClick,
+      href: href
+    }), children);
+  }
+  return /*#__PURE__*/React.createElement(DumiLink, _extends({
+    ref: ref,
+    onClick: handleClick
+  }, rest, {
+    to: href,
+    prefetch: true
+  }), children);
+});
+export default Link;

package/dist/common/SEO.js

@@ -0,0 +1,61 @@
+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; }
+import { Helmet, useLocale, useRouteMeta, useSiteData } from 'dumi';
+import React from 'react';
+var SEO = function SEO(_ref) {
+  var titleSuffix = _ref.titleSuffix,
+    propTitle = _ref.title,
+    propDescription = _ref.description,
+    _ref$meta = _ref.meta,
+    propMeta = _ref$meta === void 0 ? [] : _ref$meta;
+  var meta = useRouteMeta();
+  var locale = useLocale();
+  var lang = locale.id;
+  var _useSiteData = useSiteData(),
+    themeConfig = _useSiteData.themeConfig;
+  var defaultTitle = themeConfig.title,
+    defaultDescription = themeConfig.defaultDescription;
+  var title = propTitle || meta.frontmatter.title;
+  var description = propDescription || meta.frontmatter.description || defaultDescription;
+  var defaultMeta = [{
+    name: "description",
+    content: description
+  }, {
+    property: "og:title",
+    content: title
+  }, {
+    property: "og:description",
+    content: description
+  }, {
+    property: "og:image",
+    content: 'https://gw.alipayobjects.com/zos/antfincdn/FLrTNDvlna/antv.png'
+  }, {
+    property: "og:type",
+    content: "website"
+  }, {
+    name: "twitter:card",
+    content: "summary"
+  }, {
+    name: "twitter:title",
+    content: title
+  }, {
+    name: "twitter:description",
+    content: description
+  }, {
+    property: "twitter:image",
+    content: 'https://gw.alipayobjects.com/zos/antfincdn/FLrTNDvlna/antv.png'
+  }];
+  return /*#__PURE__*/React.createElement(Helmet, {
+    htmlAttributes: {
+      lang: lang
+    },
+    titleTemplate: "%s | ".concat(titleSuffix || defaultTitle),
+    title: title,
+    meta: [].concat(defaultMeta, _toConsumableArray(propMeta))
+  });
+};
+export default SEO;

package/dist/hooks/useMenu.js

@@ -0,0 +1,117 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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(_e) { throw _e; }, 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(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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 _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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useFullSidebarData, useLocale, useLocation, useNavigate, useSiteData } from 'dumi';
+import { get } from 'lodash-es';
+import React, { useMemo } from 'react';
+import Link from "../common/Link";
+import styles from "../slots/ManualContent/index.module.less";
+import { getBaseRoute } from "../slots/ManualContent/utils";
+import { flattenMenu } from "../utils/menu";
+export var useMenu = function useMenu() {
+  var fullData = useFullSidebarData();
+  var _useLocation = useLocation(),
+    pathname = _useLocation.pathname;
+  var _useSiteData = useSiteData(),
+    docs = _useSiteData.themeConfig.docs;
+  var baseRoute = getBaseRoute();
+  var navigate = useNavigate();
+  var locale = useLocale();
+  var currentLocale = locale.id;
+  var getMenuData = function getMenuData(fullData, rootList, hrefId) {
+    var fullSidebarDataToMenuData = function fullSidebarDataToMenuData(rootList, hrefId, list) {
+      // 递归
+      rootList.forEach(function (item) {
+        var href = (!baseRoute.startsWith('/en') ? "/".concat(item.slug) : "/en/".concat(item.slug)).toLocaleLowerCase();
+        var id = href.split('/').slice(0, href.split('/').length - 1).join('/');
+        if (href.includes(baseRoute)) {
+          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 _fullData$item$key$0$;
+          var item = _step.value;
+          item.children = [];
+          fullSidebarDataToMenuData(rootList, item.key, item.children);
+          fullData[item.key] && ((_fullData$item$key$0$ = fullData[item.key][0].children) === null || _fullData$item$key$0$ === void 0 ? void 0 : _fullData$item$key$0$.forEach(function (itemChild) {
+            var label = itemChild.title;
+            var key = itemChild.link;
+            var tag = get(itemChild, ['frontmatter', 'tag']);
+            item.children.push(_objectSpread(_objectSpread({}, itemChild), {}, {
+              label: tag ? /*#__PURE__*/React.createElement(Link, {
+                to: key
+              }, /*#__PURE__*/React.createElement("div", {
+                className: styles.memuLabel
+              }, label, /*#__PURE__*/React.createElement("div", {
+                className: styles.tag
+              }, tag))) : /*#__PURE__*/React.createElement(Link, {
+                to: key
+              }, label),
+              key: key
+            }));
+          }));
+          // children 的 order 排序
+          item.children.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();
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      if (hrefId === baseRoute) {
+        var _fullData$baseRoute$;
+        fullData[baseRoute] && ((_fullData$baseRoute$ = fullData[baseRoute][0].children) === null || _fullData$baseRoute$ === void 0 ? void 0 : _fullData$baseRoute$.forEach(function (itemChild) {
+          var key = itemChild.link;
+          var label = itemChild.title;
+          list.push(_objectSpread(_objectSpread({}, itemChild), {}, {
+            label: /*#__PURE__*/React.createElement(Link, {
+              to: key
+            }, label),
+            key: key
+          }));
+        }));
+        list.sort(function (a, b) {
+          return a.order - b.order;
+        });
+        return list;
+      }
+    };
+    return fullSidebarDataToMenuData(rootList, hrefId, []);
+  };
+  var menuData = useMemo(function () {
+    return getMenuData(fullData, docs, baseRoute);
+  }, [docs, baseRoute, fullData]);
+
+  // 将菜单数据扁平化
+  var flattedMenuData = useMemo(function () {
+    return flattenMenu(menuData);
+  }, [menuData]);
+  var selectedKey = pathname;
+  // 如果当前路径不在菜单中，选中第一个菜单项
+  if (!flattedMenuData.find(function (item) {
+    return item.link === selectedKey;
+  })) {
+    navigate(flattedMenuData[0].link);
+  }
+  return [menuData, selectedKey, flattedMenuData];
+};

package/dist/layouts/DocLayout.js

@@ -1,10 +1,12 @@
+import { useLocation, useOutlet, useSiteData } from 'dumi';
 import React, { useEffect } from 'react';
-import { useOutlet, useLocation, useSiteData } from 'dumi';
+import { getCurrentPathname } from "../slots/utils";
 import { Index } from "./entry/Index";
 import { Manual } from "./entry/Manual";
+
 // 用户手动添加自己的
-import "../slots/global";
 import "../slots/_.less";
+import "../slots/global";
 
 /**
  * DocuLayout 是 dumi2 的内置 layout 入口，在这里使用页面路径进行区分成自己不同的 Layout。
@@ -17,11 +19,10 @@ export default (function () {
 
   // 打印控制台文案
   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");
+    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');
   }, []);
   var outlet = useOutlet();
   var _useLocation = useLocation(),
-    pathname = _useLocation.pathname,
     hash = _useLocation.hash;
 
   // 监听 hash 变更，跳转到锚点位置
@@ -33,9 +34,7 @@ export default (function () {
       if (elm) document.documentElement.scrollTo(0, elm.offsetTop - 80);
     }
   }, [loading, hash]);
-  var path = pathname;
-  // 统一去掉中英文前缀
-  var p = path.replace('/zh/', '/').replace('/en/', '/');
+  var p = getCurrentPathname();
   // 首页
   if (p === '/' || p === '/zh' || p === '/en' || p === '/en/') return /*#__PURE__*/React.createElement(Index, null);
 

package/dist/layouts/entry/API.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Manual } from "./Manual";
+
 /**
  * API 路由下的入口
  * - 读取 API markdown 文件

package/dist/layouts/entry/Index.js

@@ -4,16 +4,16 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { FormattedMessage, useSiteData } from 'dumi';
+import { get, isArray, size } from 'lodash-es';
 import React from 'react';
-import { useLocale, useSiteData, FormattedMessage } from 'dumi';
-import { SEO } from "../../slots/SEO";
-import { Header } from "../../slots/Header";
-import { Detail } from "../../slots/Detail";
-import { Features } from "../../slots/Features";
-import { Cases } from "../../slots/Cases";
-import { Companies } from "../../slots/Companies";
-import { Footer } from "../../slots/Footer";
-import { isArray, size, get } from 'lodash-es';
+import SEO from "../../common/SEO";
+import { Cases } from "dumi/theme/slots/Cases";
+import { Companies } from "dumi/theme/slots/Companies";
+import { Detail } from "dumi/theme/slots/Detail";
+import { Features } from "dumi/theme/slots/Features";
+import { Footer } from "dumi/theme/slots/Footer";
+import { Header } from "dumi/theme/slots/Header";
 
 /**
  * Index 路由下的入口
@@ -21,23 +21,12 @@ import { isArray, size, get } from 'lodash-es';
  * - 组合 slots 下的木偶组件
  */
 export var Index = function Index() {
-  var locale = useLocale();
   var _useSiteData = useSiteData(),
     themeConfig = _useSiteData.themeConfig;
   var title = themeConfig.title,
-    siteUrl = themeConfig.siteUrl,
     githubUrl = themeConfig.githubUrl,
     isAntVSite = themeConfig.isAntVSite,
-    showSearch = themeConfig.showSearch,
-    showGithubCorner = themeConfig.showGithubCorner,
     showGithubStars = themeConfig.showGithubStars,
-    showLanguageSwitcher = themeConfig.showLanguageSwitcher,
-    showWxQrcode = themeConfig.showWxQrcode,
-    defaultLanguage = themeConfig.defaultLanguage,
-    showAntVProductsCard = themeConfig.showAntVProductsCard,
-    versions = themeConfig.versions,
-    ecosystems = themeConfig.ecosystems,
-    navs = themeConfig.navs,
     detail = themeConfig.detail,
     news = themeConfig.news,
     companies = themeConfig.companies,
@@ -63,14 +52,12 @@ export var Index = function Index() {
     style: style,
     className: className
   };
-  var metaTitle = detailProps.title;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SEO, {
-    title: "".concat(metaTitle[locale.id]),
-    titleSuffix: "AntV",
-    lang: locale.id
+    title: title,
+    titleSuffix: "AntV"
   }), /*#__PURE__*/React.createElement(Header, null), size(detail) ? /*#__PURE__*/React.createElement(Detail, detailProps) : null, size(featuresProps.features) ? /*#__PURE__*/React.createElement(Features, featuresProps) : null, size(cases) ? /*#__PURE__*/React.createElement(Cases, casesProps) : null, size(companies) ? /*#__PURE__*/React.createElement(Companies, {
     title: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: isAntVSite ? "2000+ 公司正在使用" : "感谢信赖"
+      id: isAntVSite ? '2000+ 公司正在使用' : '感谢信赖'
     }),
     companies: companies
   }) : null, /*#__PURE__*/React.createElement(Footer, null));

package/dist/layouts/entry/Manual.js

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

package/dist/pages/404.js

@@ -1,9 +1,8 @@
 import React from 'react';
-import { NotFound as NotFoundPage } from "../slots/404";
-import { Footer } from "../slots/Footer";
-import { Header } from "../slots/Header";
-import { SEO } from "../slots/SEO";
-
+import { NotFound as NotFoundPage } from "dumi/theme/slots/404";
+import { Footer } from "dumi/theme/slots/Footer";
+import { Header } from "dumi/theme/slots/Header";
+import SEO from "../common/SEO";
 /**
  * 404 页面
  */

package/dist/pages/Example/index.js

@@ -10,14 +10,14 @@ import { every, find, get } from 'lodash-es';
 import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
 import { useSnapshot } from 'valtio';
+import SEO from "../../common/SEO";
 import { ThemeAntVContext } from "../../context";
 import { store } from "../../model";
-import { API } from "../../slots/API";
-import { CodeRunner } from "../../slots/CodeRunner";
+import { API } from "dumi/theme/slots/API";
+import { CodeRunner } from "dumi/theme/slots/CodeRunner";
 import { getDemoInfo } from "../../slots/CodeRunner/utils";
-import { ExampleSider } from "../../slots/ExampleSider";
-import { Header } from "../../slots/Header";
-import { SEO } from "../../slots/SEO";
+import { ExampleSider } from "dumi/theme/slots/ExampleSider";
+import { Header } from "dumi/theme/slots/Header";
 import { CollapsedIcon } from "./components/CollapsedIcon";
 import styles from "./index.module.less";
 import { getCurrentTitle } from "./utils";
@@ -68,8 +68,7 @@ var Example = function Example() {
   return /*#__PURE__*/React.createElement("div", {
     className: styles.example
   }, /*#__PURE__*/React.createElement(SEO, {
-    title: title[locale.id],
-    lang: locale.id
+    title: title[locale.id]
   }), /*#__PURE__*/React.createElement(Header, {
     isHomePage: false
   }), /*#__PURE__*/React.createElement(Layout, {

package/dist/pages/Examples/index.js

@@ -9,9 +9,8 @@ import { useContext, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { BackTop, Layout as AntLayout } from 'antd';
 import { useLocale } from 'dumi';
-import { SEO } from "../../slots/SEO";
-import { Header } from "../../slots/Header";
-import { Footer } from "../../slots/Footer";
+import { Header } from "dumi/theme/slots/Header";
+import { Footer } from "dumi/theme/slots/Footer";
 import NavigatorBanner from "../../slots/Header/Products/NavigatorBanner";
 import { VerticalAlignTopOutlined } from '@ant-design/icons';
 import { Article } from "./components/Article";
@@ -20,6 +19,7 @@ import { GalleryPageContent } from "./components/GalleryPageContent";
 import { usePrevAndNext } from "../../slots/hooks";
 import { ThemeAntVContext } from "../../context";
 import styles from "./index.module.less";
+import SEO from "../../common/SEO";
 
 /**
  * Examples 页面
@@ -39,7 +39,8 @@ var Example = function Example() {
   var title = {
     zh: '所有图表',
     en: "Gallery"
-  };
+  }[locale.id];
+
   // 为 zh 做兜底
   useEffect(function () {
     var p = window.location.pathname;
@@ -48,7 +49,7 @@ var Example = function Example() {
     }
   }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SEO, {
-    title: title[locale.id]
+    title: title
   }), /*#__PURE__*/React.createElement(Header, {
     isHomePage: false
   }), /*#__PURE__*/React.createElement(AntLayout, {

package/dist/plugin/rehypeObservable.js

@@ -37,15 +37,18 @@ var visit;
   ({ visit } = await import("unist-util-visit"));
 })();
 function isObservable(node) {
-  if (!node.data) return;
+  if (!node.data)
+    return;
   const { meta } = node.data;
-  if (!meta) return;
+  if (!meta)
+    return;
   return meta.match(/\|\s*ob\s*{*/);
 }
 function rehypeObservable() {
   return async (tree) => {
     visit(tree, "element", (node, i, parent) => {
-      if (!isObservable(node)) return;
+      if (!isObservable(node))
+        return;
       if (node.tagName === "SourceCode") {
         parent.children.splice(i, 1, {
           type: "element",

package/dist/slots/CodeEditor/index.js

@@ -21,7 +21,7 @@ import { format } from 'prettier';
 import parserBabel from 'prettier/parser-babel';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { bind, clear } from 'size-sensor';
-import Loading from "../Loading";
+import Loading from "dumi/theme/slots/Loading";
 import { EDITOR_TABS, Toolbar } from "./Toolbar";
 import styles from "./index.module.less";
 import { compile, execute, replaceInsertCss } from "./utils";

package/dist/slots/CodeRunner/index.js

@@ -8,11 +8,11 @@ import React, { useState } from 'react';
 import { useSiteData, useLocale } from 'dumi';
 import { noop } from 'lodash-es';
 import SplitPane from 'react-split-pane';
-import { CodeEditor } from "../CodeEditor";
-import { CodePreview } from "../CodePreview";
+import { CodeEditor } from "dumi/theme/slots/CodeEditor";
+import { CodePreview } from "dumi/theme/slots/CodePreview";
 import { CodeHeader } from "../CodePreview/CodeHeader";
 import { getDemoInfo } from "./utils";
-import { NotFound } from "../404";
+import { NotFound } from "dumi/theme/slots/404";
 import { ic } from "../hooks";
 /**
  * 代码编辑器 + 代码预览区域

package/dist/slots/ManualContent/Main.js

@@ -0,0 +1,90 @@
+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."); }
+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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { VerticalAlignTopOutlined } from '@ant-design/icons';
+import { BackTop, Layout } from 'antd';
+import { useRouteMeta } from 'dumi';
+import React, { useMemo } from 'react';
+import { useMedia } from 'react-use';
+import readingTime from 'reading-time';
+import { useMenu } from "../../hooks/useMenu";
+import { ContentTable } from "dumi/theme/slots/ContentTable";
+import { NavigatorBanner } from "./NavigatorBanner";
+import ReadingTime from "./ReadingTime";
+import styles from "./index.module.less";
+import { usePreview } from "./usePreview";
+export var Main = function Main(_ref) {
+  var children = _ref.children;
+  var meta = useRouteMeta();
+  var text = meta.texts.reduce(function (prev, next) {
+    return prev + next.value;
+  }, '');
+  var _readingTime = readingTime(text),
+    time = _readingTime.time;
+  var _useMenu = useMenu(),
+    _useMenu2 = _slicedToArray(_useMenu, 3),
+    selectedKey = _useMenu2[1],
+    flattenMenuItems = _useMenu2[2];
+  var _useMemo = useMemo(function () {
+      if (!flattenMenuItems) {
+        return [undefined, undefined];
+      }
+      var activeMenuItemIndex = -1;
+      flattenMenuItems.forEach(function (menuItem, i) {
+        if (menuItem && menuItem.key === selectedKey) {
+          activeMenuItemIndex = i;
+        }
+      });
+      var prevItem = flattenMenuItems[activeMenuItemIndex - 1];
+      var nextItem = flattenMenuItems[activeMenuItemIndex + 1];
+      return [prevItem ? {
+        slug: prevItem.link,
+        title: prevItem.title
+      } : undefined, nextItem ? {
+        slug: nextItem.link,
+        title: nextItem.title
+      } : undefined];
+    }, [flattenMenuItems, selectedKey]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    prev = _useMemo2[0],
+    next = _useMemo2[1];
+  var is991Wide = useMedia('(min-width: 991.99px)', true);
+  var showToc = is991Wide && meta.frontmatter.showToc !== false;
+  usePreview({}, selectedKey);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Layout.Content, {
+    className: styles.content
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.main
+  }, /*#__PURE__*/React.createElement("h1", {
+    className: styles.contentTitle
+  }, meta.frontmatter.title), /*#__PURE__*/React.createElement("div", {
+    className: styles.readtimeContainer
+  }, /*#__PURE__*/React.createElement(ReadingTime, {
+    readingTime: time,
+    className: styles.readtime
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.markdown
+  }, children), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: styles.preandnext
+  }, /*#__PURE__*/React.createElement(NavigatorBanner, {
+    type: "prev",
+    post: prev
+  }), /*#__PURE__*/React.createElement(NavigatorBanner, {
+    type: "next",
+    post: next
+  }), /*#__PURE__*/React.createElement(BackTop, {
+    style: {
+      right: 32
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.backTop
+  }, /*#__PURE__*/React.createElement(VerticalAlignTopOutlined, null))))))), showToc && /*#__PURE__*/React.createElement(Layout.Sider, {
+    theme: "light",
+    width: 260
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.toc
+  }, /*#__PURE__*/React.createElement(ContentTable, null))));
+};