@antv/dumi-theme-antv 0.3.4 → 0.3.6

package/dist/slots/Header/Products/index.js

@@ -1,17 +1,13 @@
-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 _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); }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React from 'react';
 import cx from 'classnames';
 import { useLocale, FormattedMessage } from 'dumi';
@@ -21,19 +17,16 @@ import { useChinaMirrorHost } from "../../hooks";
 import styles from "./Product.module.less";
 export var Products = function Products(_ref) {
   var show = _ref.show,
-      language = _ref.language,
-      className = _ref.className;
+    language = _ref.language,
+    className = _ref.className;
   var locale = useLocale();
-
   var _useChinaMirrorHost = useChinaMirrorHost(),
-      _useChinaMirrorHost2 = _slicedToArray(_useChinaMirrorHost, 1),
-      isChinaMirrorHost = _useChinaMirrorHost2[0];
-
+    _useChinaMirrorHost2 = _slicedToArray(_useChinaMirrorHost, 1),
+    isChinaMirrorHost = _useChinaMirrorHost2[0];
   var _React$useState = React.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      products = _React$useState2[0],
-      setProducts = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    products = _React$useState2[0],
+    setProducts = _React$useState2[1];
   var lang = locale.id === 'zh' ? 'zh' : 'en';
   React.useEffect(function () {
     getNewProducts({
@@ -49,7 +42,7 @@ export var Products = function Products(_ref) {
     className: styles.container
   }, CATEGORIES.map(function (_ref2, idx) {
     var name = _ref2.name,
-        type = _ref2.type;
+      type = _ref2.type;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: idx
     }, /*#__PURE__*/React.createElement("h3", null, /*#__PURE__*/React.createElement(FormattedMessage, {
@@ -58,7 +51,6 @@ export var Products = function Products(_ref) {
       return item.category === type;
     }).map(function (product) {
       var _product$links, _product$links$home;
-
       return /*#__PURE__*/React.createElement(Product, {
         key: product.title,
         name: product.title,

package/dist/slots/Header/Search.js

@@ -5,18 +5,15 @@ import { useLocale, useIntl } from 'dumi';
 import '@docsearch/css';
 import styles from "./Search.module.less";
 import 'docsearch.js/dist/cdn/docsearch.min.css';
-
 function initDocSearchV2(_ref) {
   var docsearchV2 = _ref.docsearchV2,
-      lang = _ref.lang,
-      docsearchOptions = _ref.docsearchOptions;
-
+    lang = _ref.lang,
+    docsearchOptions = _ref.docsearchOptions;
   var _ref2 = docsearchOptions || {},
-      _ref2$apiKey = _ref2.apiKey,
-      apiKey = _ref2$apiKey === void 0 ? '194b1be7fb1254c787f4e036912af3eb' : _ref2$apiKey,
-      _ref2$indexName = _ref2.indexName,
-      indexName = _ref2$indexName === void 0 ? 'antv' : _ref2$indexName;
-
+    _ref2$apiKey = _ref2.apiKey,
+    apiKey = _ref2$apiKey === void 0 ? '194b1be7fb1254c787f4e036912af3eb' : _ref2$apiKey,
+    _ref2$indexName = _ref2.indexName,
+    indexName = _ref2$indexName === void 0 ? 'antv' : _ref2$indexName;
   docsearchV2({
     apiKey: apiKey,
     indexName: indexName,
@@ -38,10 +35,10 @@ function initDocSearchV2(_ref) {
         hit.url = hit.url.replace('#gatsby-focus-wrapper', '');
         /* eslint-enable no-param-reassign */
       });
+
       return hits;
     },
     debug: false // Set debug to true if you want to inspect the dropdown
-
   });
 }
 
@@ -49,17 +46,15 @@ export var Search = function Search(_ref3) {
   var docsearchOptions = _ref3.docsearchOptions;
   var locale = useLocale();
   var intl = useIntl();
-
   var _ref4 = docsearchOptions || {},
-      _ref4$apiKey = _ref4.apiKey,
-      apiKey = _ref4$apiKey === void 0 ? '' : _ref4$apiKey,
-      _ref4$indexName = _ref4.indexName,
-      indexName = _ref4$indexName === void 0 ? '' : _ref4$indexName,
-      _ref4$versionV = _ref4.versionV3,
-      versionV3 = _ref4$versionV === void 0 ? false : _ref4$versionV,
-      _ref4$appId = _ref4.appId,
-      appId = _ref4$appId === void 0 ? '' : _ref4$appId;
-
+    _ref4$apiKey = _ref4.apiKey,
+    apiKey = _ref4$apiKey === void 0 ? '' : _ref4$apiKey,
+    _ref4$indexName = _ref4.indexName,
+    indexName = _ref4$indexName === void 0 ? '' : _ref4$indexName,
+    _ref4$versionV = _ref4.versionV3,
+    versionV3 = _ref4$versionV === void 0 ? false : _ref4$versionV,
+    _ref4$appId = _ref4.appId,
+    appId = _ref4$appId === void 0 ? '' : _ref4$appId;
   useEffect(function () {
     if (typeof window !== 'undefined' && !versionV3) {
       import('docsearch.js').then(function (_ref5) {

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

@@ -49,6 +49,10 @@ export declare type HeaderProps = {
     rootDomain?: string;
     /** 是否显示 AntV 产品卡片 */
     showAntVProductsCard?: boolean;
+    /**
+     * 当前版本
+     */
+    version?: string;
     /** 展示版本切换 */
     versions?: {
         [key: string]: string;

package/dist/slots/Header/index.js

@@ -1,21 +1,15 @@
+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); }
 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 _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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 // import { navigate } from 'gatsby';
 import React, { useState, useEffect } from 'react';
 import { useMedia } from 'react-use';
@@ -30,68 +24,64 @@ import { Products } from "./Products";
 import { Navs } from "./Navs";
 import { Logo } from "./Logo";
 import { LogoWhite } from "./LogoWhite";
-import { getLangUrl } from "./utils";
+import { findVersion, getLangUrl } from "./utils";
 import { ic } 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;
-
   var _ref$subTitle = _ref.subTitle,
-      subTitle = _ref$subTitle === void 0 ? '' : _ref$subTitle,
-      subTitleHref = _ref.subTitleHref,
-      _ref$pathPrefix = _ref.pathPrefix,
-      pathPrefix = _ref$pathPrefix === void 0 ? '' : _ref$pathPrefix,
-      _ref$navs = _ref.navs,
-      navs = _ref$navs === void 0 ? [] : _ref$navs,
-      _ref$showSearch = _ref.showSearch,
-      showSearch = _ref$showSearch === void 0 ? true : _ref$showSearch,
-      _ref$showGithubStar = _ref.showGithubStar,
-      showGithubStar = _ref$showGithubStar === void 0 ? false : _ref$showGithubStar,
-      _ref$showGithubCorner = _ref.showGithubCorner,
-      showGithubCorner = _ref$showGithubCorner === void 0 ? true : _ref$showGithubCorner,
-      _ref$showAntVProducts = _ref.showAntVProductsCard,
-      showAntVProductsCard = _ref$showAntVProducts === void 0 ? true : _ref$showAntVProducts,
-      _ref$showLanguageSwit = _ref.showLanguageSwitcher,
-      showLanguageSwitcher = _ref$showLanguageSwit === void 0 ? true : _ref$showLanguageSwit,
-      logo = _ref.logo,
-      onLanguageChange = _ref.onLanguageChange,
-      _ref$showWxQrcode = _ref.showWxQrcode,
-      showWxQrcode = _ref$showWxQrcode === void 0 ? true : _ref$showWxQrcode,
-      siteUrl = _ref.siteUrl,
-      _ref$githubUrl = _ref.githubUrl,
-      githubUrl = _ref$githubUrl === void 0 ? 'https://github.com/antvis' : _ref$githubUrl,
-      defaultLanguage = _ref.defaultLanguage,
-      _ref$Link = _ref.Link,
-      Link = _ref$Link === void 0 ? 'a' : _ref$Link,
-      transparent = _ref.transparent,
-      isHomePage = _ref.isHomePage,
-      _ref$isAntVSite = _ref.isAntVSite,
-      isAntVSite = _ref$isAntVSite === void 0 ? false : _ref$isAntVSite,
-      _ref$rootDomain = _ref.rootDomain,
-      rootDomain = _ref$rootDomain === void 0 ? '' : _ref$rootDomain,
-      versions = _ref.versions,
-      internalSite = _ref.internalSite,
-      ecosystems = _ref.ecosystems,
-      searchOptions = _ref.searchOptions;
+    subTitle = _ref$subTitle === void 0 ? '' : _ref$subTitle,
+    subTitleHref = _ref.subTitleHref,
+    _ref$pathPrefix = _ref.pathPrefix,
+    pathPrefix = _ref$pathPrefix === void 0 ? '' : _ref$pathPrefix,
+    _ref$navs = _ref.navs,
+    navs = _ref$navs === void 0 ? [] : _ref$navs,
+    _ref$showSearch = _ref.showSearch,
+    showSearch = _ref$showSearch === void 0 ? true : _ref$showSearch,
+    _ref$showGithubStar = _ref.showGithubStar,
+    showGithubStar = _ref$showGithubStar === void 0 ? false : _ref$showGithubStar,
+    _ref$showGithubCorner = _ref.showGithubCorner,
+    showGithubCorner = _ref$showGithubCorner === void 0 ? true : _ref$showGithubCorner,
+    _ref$showAntVProducts = _ref.showAntVProductsCard,
+    showAntVProductsCard = _ref$showAntVProducts === void 0 ? true : _ref$showAntVProducts,
+    _ref$showLanguageSwit = _ref.showLanguageSwitcher,
+    showLanguageSwitcher = _ref$showLanguageSwit === void 0 ? true : _ref$showLanguageSwit,
+    logo = _ref.logo,
+    onLanguageChange = _ref.onLanguageChange,
+    _ref$showWxQrcode = _ref.showWxQrcode,
+    showWxQrcode = _ref$showWxQrcode === void 0 ? true : _ref$showWxQrcode,
+    siteUrl = _ref.siteUrl,
+    _ref$githubUrl = _ref.githubUrl,
+    githubUrl = _ref$githubUrl === void 0 ? 'https://github.com/antvis' : _ref$githubUrl,
+    defaultLanguage = _ref.defaultLanguage,
+    _ref$Link = _ref.Link,
+    Link = _ref$Link === void 0 ? 'a' : _ref$Link,
+    transparent = _ref.transparent,
+    isHomePage = _ref.isHomePage,
+    _ref$isAntVSite = _ref.isAntVSite,
+    isAntVSite = _ref$isAntVSite === void 0 ? false : _ref$isAntVSite,
+    _ref$rootDomain = _ref.rootDomain,
+    rootDomain = _ref$rootDomain === void 0 ? '' : _ref$rootDomain,
+    version = _ref.version,
+    versions = _ref.versions,
+    internalSite = _ref.internalSite,
+    ecosystems = _ref.ecosystems,
+    searchOptions = _ref.searchOptions;
   var isAntVHome = isAntVSite && isHomePage; // 是否为AntV官网首页
 
   var showChinaMirror = !!internalSite;
   var chinaMirrorUrl = get(internalSite, 'url');
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      chinaMirrorHintVisible = _useState2[0],
-      updateChinaMirrorHintVisible = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    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')) {
@@ -104,19 +94,15 @@ var HeaderComponent = function HeaderComponent(_ref) {
   });
   var locale = useLocale();
   var nav = useNavigate();
-
   var _useState3 = useState(locale.id),
-      _useState4 = _slicedToArray(_useState3, 2),
-      lang = _useState4[0],
-      setLang = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    lang = _useState4[0],
+    setLang = _useState4[1];
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      productMenuVisible = _useState6[0],
-      setProductMenuVisible = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    productMenuVisible = _useState6[0],
+    setProductMenuVisible = _useState6[1];
   var productMenuHovering = false;
-
   var onProductMouseEnter = function onProductMouseEnter(e) {
     productMenuHovering = true;
     e.persist();
@@ -126,7 +112,6 @@ var HeaderComponent = function HeaderComponent(_ref) {
       }
     }, 200);
   };
-
   var onProductMouseLeave = function onProductMouseLeave(e) {
     e.persist();
     productMenuHovering = false;
@@ -134,48 +119,42 @@ var HeaderComponent = function HeaderComponent(_ref) {
       if (productMenuHovering) {
         return;
       }
-
       setProductMenuVisible(false);
     }, 200);
   };
-
   var onToggleProductMenuVisible = function onToggleProductMenuVisible() {
     setProductMenuVisible(!productMenuVisible);
   };
-
   var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      popupMenuVisible = _useState8[0],
-      setPopupMenuVisible = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    popupMenuVisible = _useState8[0],
+    setPopupMenuVisible = _useState8[1];
   var onTogglePopupMenuVisible = function onTogglePopupMenuVisible() {
     setPopupMenuVisible(!popupMenuVisible);
   };
-
   var _img$link$logo = _objectSpread({
-    img: isAntVHome ? /*#__PURE__*/React.createElement(LogoWhite, {
-      style: {}
-    }) : /*#__PURE__*/React.createElement(Logo, {
-      style: {}
-    }),
-    link: ''
-  }, logo),
-      img = _img$link$logo.img,
-      link = _img$link$logo.link;
-
+      img: isAntVHome ? /*#__PURE__*/React.createElement(LogoWhite, {
+        style: {}
+      }) : /*#__PURE__*/React.createElement(Logo, {
+        style: {}
+      }),
+      link: ''
+    }, logo),
+    img = _img$link$logo.img,
+    link = _img$link$logo.link;
   useEffect(function () {
     if (popupMenuVisible) {
       setPopupMenuVisible(false);
     }
-  }, [window.location.pathname]); // 移动端下弹出菜单时，禁止页面滚动
+  }, [window.location.pathname]);
 
+  // 移动端下弹出菜单时，禁止页面滚动
   useEffect(function () {
     if (popupMenuVisible) {
       document.documentElement.style.overflow = 'hidden';
     } else {
       document.documentElement.style.overflow = '';
     }
-
     return function () {
       document.documentElement.style.overflow = '';
     };
@@ -194,18 +173,16 @@ var HeaderComponent = function HeaderComponent(_ref) {
   };
   var menu = /*#__PURE__*/React.createElement("ul", {
     className: cx(styles.menu, (_cx = {}, _defineProperty(_cx, styles.popup, !isWide), _defineProperty(_cx, styles.popupHidden, !popupMenuVisible), _cx))
-  },
-  /** 最左侧的菜单，一般是 教程、API、示例，或者其他自定义，有配置文件中的 `navs` 决定 */
+  }, /** 最左侧的菜单，一般是 教程、API、示例，或者其他自定义，有配置文件中的 `navs` 决定 */
   size(navs) ? /*#__PURE__*/React.createElement(Navs, {
     navs: navs,
     path: window.location.pathname
-  }) : null,
-  /** 生态产品 */
+  }) : null, /** 生态产品 */
   size(ecosystems) ? /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Dropdown, {
     className: styles.ecoSystems,
     overlay: /*#__PURE__*/React.createElement(Menu, null, map(ecosystems, function (_ref2) {
       var url = _ref2.url,
-          ecosystemName = _ref2.name;
+        ecosystemName = _ref2.name;
       return /*#__PURE__*/React.createElement(Menu.Item, {
         key: ecosystemName === null || ecosystemName === void 0 ? void 0 : ecosystemName[lang]
       }, /*#__PURE__*/React.createElement("a", {
@@ -292,8 +269,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
       window.location.href = chinaMirrorUrl;
     },
     className: styles.remindHref
-  }, ic(get(internalSite, 'name')), /*#__PURE__*/React.createElement(LinkOutlined, null)), /*#__PURE__*/React.createElement("span", null, " \u7AD9\u70B9\u3002"))),
-  /** 产品列表 */
+  }, 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, /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "\u6240\u6709\u4EA7\u54C1"
   }), !isAntVHome ? /*#__PURE__*/React.createElement("img", {
@@ -311,10 +287,9 @@ var HeaderComponent = function HeaderComponent(_ref) {
     show: productMenuVisible,
     rootDomain: rootDomain,
     language: defaultLanguage
-  })),
-  /** 版本列表 */
+  })), /** 版本列表 */
   versions && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Select, {
-    defaultValue: Object.keys(versions)[0],
+    defaultValue: versions[findVersion(version, Object.keys(versions))],
     className: styles.versions,
     bordered: false,
     size: "small",
@@ -323,17 +298,14 @@ var HeaderComponent = function HeaderComponent(_ref) {
     }
   }, Object.keys(versions).map(function (version) {
     var url = versions[version];
-
     if (url.startsWith('http')) {
       return /*#__PURE__*/React.createElement(Select.Option, {
         key: url,
         value: url
       }, version);
     }
-
     return null;
-  }))),
-  /** 切换网站语言 */
+  }))), /** 切换网站语言 */
   showLanguageSwitcher && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Dropdown, {
     placement: "bottomRight",
     overlay: /*#__PURE__*/React.createElement(Menu, {
@@ -341,18 +313,14 @@ var HeaderComponent = function HeaderComponent(_ref) {
       selectable: true,
       onSelect: function onSelect(_ref3) {
         var key = _ref3.key;
-
         if (key === lang) {
           return;
         }
-
         setLang(key);
-
         if (onLanguageChange) {
           onLanguageChange(key.toString());
           return;
         }
-
         var newUrl = getLangUrl(window.location.href, key);
         nav(newUrl.replace(window.location.origin, ''));
       }
@@ -385,8 +353,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
     viewBox: "0 0 24 24"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"
-  }))))),
-  /** 微信公众号 */
+  }))))), /** 微信公众号 */
   showWxQrcode && /*#__PURE__*/React.createElement("li", {
     className: styles.wxQrcode
   }, /*#__PURE__*/React.createElement(Popover, {
@@ -405,8 +372,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
     overlayInnerStyle: {
       padding: 2
     }
-  }, /*#__PURE__*/React.createElement(WechatOutlined, null))),
-  /** GitHub icon */
+  }, /*#__PURE__*/React.createElement(WechatOutlined, null))), /** GitHub icon */
   showGithubCorner && /*#__PURE__*/React.createElement("li", {
     className: styles.githubCorner
   }, /*#__PURE__*/React.createElement("a", {
@@ -432,28 +398,27 @@ var HeaderComponent = function HeaderComponent(_ref) {
     className: styles.nav
   }, menu, menuIcon)));
 };
-
 export var Header = function Header(props) {
   var _useSiteData = useSiteData(),
-      themeConfig = _useSiteData.themeConfig;
-
+    themeConfig = _useSiteData.themeConfig;
   var title = themeConfig.title,
-      siteUrl = themeConfig.siteUrl,
-      githubUrl = themeConfig.githubUrl,
-      isAntVSite = themeConfig.isAntVSite,
-      subTitleHref = themeConfig.subTitleHref,
-      internalSite = themeConfig.internalSite,
-      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,
-      docsearchOptions = themeConfig.docsearchOptions;
+    siteUrl = themeConfig.siteUrl,
+    githubUrl = themeConfig.githubUrl,
+    isAntVSite = themeConfig.isAntVSite,
+    subTitleHref = themeConfig.subTitleHref,
+    internalSite = themeConfig.internalSite,
+    showSearch = themeConfig.showSearch,
+    showGithubCorner = themeConfig.showGithubCorner,
+    showGithubStars = themeConfig.showGithubStars,
+    showLanguageSwitcher = themeConfig.showLanguageSwitcher,
+    showWxQrcode = themeConfig.showWxQrcode,
+    defaultLanguage = themeConfig.defaultLanguage,
+    showAntVProductsCard = themeConfig.showAntVProductsCard,
+    version = themeConfig.version,
+    versions = themeConfig.versions,
+    ecosystems = themeConfig.ecosystems,
+    navs = themeConfig.navs,
+    docsearchOptions = themeConfig.docsearchOptions;
   var searchOptions = {
     docsearchOptions: docsearchOptions
   };
@@ -474,6 +439,7 @@ export var Header = function Header(props) {
     showWxQrcode: showWxQrcode,
     defaultLanguage: defaultLanguage,
     showAntVProductsCard: showAntVProductsCard,
+    version: version,
     versions: versions,
     ecosystems: ecosystems,
     navs: navs,

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

@@ -7,3 +7,4 @@ export declare function getLangUrl(url: string, lang: string): string;
  * @param url
  */
 export declare function getNavCategory(url: string): string;
+export declare function findVersion(v: string, versions: string[]): string;

package/dist/slots/Header/utils.js

@@ -1,4 +1,6 @@
 import URI from 'uri-parse';
+import semver from 'semver';
+
 /*
  * parse url like this
  *
@@ -16,14 +18,13 @@ import URI from 'uri-parse';
 
 export function getLangUrl(url, lang) {
   var uri = new URI(url);
-
   if (uri.path.startsWith('en') || uri.path.startsWith('zh')) {
     uri.path = uri.path.slice(3);
   }
-
   uri.path = lang === 'en' ? "en/".concat(uri.path) : uri.path;
   return uri.toURI();
 }
+
 /**
  * /en/api/xxx -> api
  * /api/xxx -> api
@@ -31,9 +32,14 @@ export function getLangUrl(url, lang) {
  * api/xxx -> api
  * @param url 
  */
-
 export function getNavCategory(url) {
   return (url || '').split('/').find(function (d) {
     return !['en', 'zh', 'docs', ''].includes(d);
   });
+}
+export function findVersion(v, versions) {
+  var version = versions.find(function (version) {
+    return semver.satisfies(v, version);
+  });
+  return version ? version : versions[0];
 }

package/dist/slots/Loading/index.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import styles from "./index.module.less";
+
 /**
  * Loading
  */
-
 var Loading = function Loading() {
   return /*#__PURE__*/React.createElement("div", {
     style: {
@@ -67,7 +67,6 @@ var Loading = function Loading() {
     className: "loading-text"
   }, /*#__PURE__*/React.createElement("p", null, "Loading...")))));
 };
-
 var PageLoading = function PageLoading() {
   return /*#__PURE__*/React.createElement("div", {
     style: {
@@ -75,5 +74,4 @@ var PageLoading = function PageLoading() {
     }
   }, /*#__PURE__*/React.createElement(Loading, null));
 };
-
 export { Loading, PageLoading };

package/dist/slots/ManualContent/NavigatorBanner.js

@@ -5,26 +5,21 @@ import styles from "./NavigatorBanner.module.less";
 import { useScrollToTop } from "../hooks";
 export var NavigatorBanner = function NavigatorBanner(_ref) {
   var post = _ref.post,
-      type = _ref.type;
-
+    type = _ref.type;
   if (!post) {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames(styles.button, styles.hidden)
     });
   }
-
   var slug = post.slug,
-      title = post.title;
-
+    title = post.title;
   if (!slug || !title) {
     return null;
   }
-
   function go() {
     history.push(slug);
     useScrollToTop();
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(styles.button, styles[type]),
     onClick: go

package/dist/slots/ManualContent/ReadingTime.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Tag } from 'antd';
 import { FormattedMessage } from 'dumi';
-
 var ReadingTime = function ReadingTime(_ref) {
   var readingTime = _ref.readingTime;
   return /*#__PURE__*/React.createElement(Tag, null, /*#__PURE__*/React.createElement(FormattedMessage, {
@@ -10,5 +9,4 @@ var ReadingTime = function ReadingTime(_ref) {
     id: "\u5206\u949F"
   }));
 };
-
 export default ReadingTime;