@antv/dumi-theme-antv 0.3.3 → 0.3.5

package/dist/layouts/DocLayout.js

@@ -11,7 +11,8 @@ import "../slots/_.less";
 
 export default (function () {
   var _useSiteData = useSiteData(),
-      themeConfig = _useSiteData.themeConfig;
+      themeConfig = _useSiteData.themeConfig,
+      loading = _useSiteData.loading;
 
   var navs = themeConfig.navs; // 打印控制台文案
 
@@ -21,8 +22,19 @@ export default (function () {
   var outlet = useOutlet();
 
   var _useLocation = useLocation(),
-      pathname = _useLocation.pathname;
+      pathname = _useLocation.pathname,
+      hash = _useLocation.hash; // 监听 hash 变更，跳转到锚点位置
+  // 同时监听页面 loading 状态，因为路由按需加载时需要等待页面渲染完毕才能找到锚点位置
 
+
+  useEffect(function () {
+    var id = hash.replace('#', '');
+
+    if (id) {
+      var elm = document.getElementById(decodeURIComponent(id));
+      if (elm) document.documentElement.scrollTo(0, elm.offsetTop - 80);
+    }
+  }, [loading, hash]);
   var path = pathname; // 统一去掉中英文前缀
 
   var p = path.replace('/zh/', '/').replace('/en/', '/'); // 首页

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

@@ -30,7 +30,7 @@ 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";
 
@@ -78,6 +78,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
       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,
@@ -314,7 +315,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
   })),
   /** 版本列表 */
   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",
@@ -450,6 +451,7 @@ export var Header = function Header(props) {
       showWxQrcode = themeConfig.showWxQrcode,
       defaultLanguage = themeConfig.defaultLanguage,
       showAntVProductsCard = themeConfig.showAntVProductsCard,
+      version = themeConfig.version,
       versions = themeConfig.versions,
       ecosystems = themeConfig.ecosystems,
       navs = themeConfig.navs,
@@ -474,6 +476,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,5 @@
 import URI from 'uri-parse';
+import semver from 'semver';
 /*
  * parse url like this
  *
@@ -36,4 +37,10 @@ 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "AntV website theme based on dumi2.",
   "types": "dist/types.d.ts",
   "scripts": {
@@ -83,6 +83,7 @@
     "react-split-pane": "^0.1.92",
     "react-use": "^17.4.0",
     "reading-time": "^1.5.0",
+    "semver": "^7.3.8",
     "size-sensor": "^1.0.1",
     "slick-carousel": "^1.8.1",
     "uri-parse": "^1.0.0",