@antv/dumi-theme-antv 0.6.4-beta.3 → 0.7.0

package/dist/slots/CodeEditor/index.js

@@ -22,8 +22,8 @@ import parserBabel from 'prettier/parser-babel';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { bind, clear } from 'size-sensor';
 import Loading from "dumi/theme/slots/Loading";
-import { EDITOR_TABS, Toolbar } from "./Toolbar";
 import styles from "./index.module.less";
+import { EDITOR_TABS, Toolbar } from "./Toolbar";
 import { compile, execute, replaceInsertCss } from "./utils";
 loader.config({
   'vs/nls': {
@@ -38,7 +38,7 @@ loader.config({
 /**
  * 代码编辑器
  */
-export var CodeEditor = function CodeEditor(_ref) {
+var CodeEditor = function CodeEditor(_ref) {
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? '' : _ref$title,
     source = _ref.source,
@@ -432,4 +432,5 @@ export var CodeEditor = function CodeEditor(_ref) {
       }
     }));
   }));
-};
+};
+export default CodeEditor;

package/dist/slots/CodePreview/CodeHeader.js

@@ -3,7 +3,7 @@ import React from 'react';
 /**
  * 组件的 header
  */
-export var CodeHeader = function CodeHeader(_ref) {
+var CodeHeader = function CodeHeader(_ref) {
   var title = _ref.title,
     relativePath = _ref.relativePath,
     githubUrl = _ref.githubUrl;
@@ -30,4 +30,5 @@ export var CodeHeader = function CodeHeader(_ref) {
       })
     })
   });
-};
+};
+export default CodeHeader;

package/dist/slots/CodePreview/index.js

@@ -11,7 +11,7 @@ function getErrorMessage(e) {
  * 1. 一些 header 菜单
  * 2. 错误预览
  */
-export var CodePreview = function CodePreview(_ref) {
+var CodePreview = function CodePreview(_ref) {
   var isPlayground = _ref.isPlayground,
     exampleId = _ref.exampleId,
     header = _ref.header,
@@ -33,4 +33,5 @@ export var CodePreview = function CodePreview(_ref) {
     }),
     subTitle: /*#__PURE__*/React.createElement("pre", null, getErrorMessage(error))
   }) : null));
-};
+};
+export default CodePreview;

package/dist/slots/CodeRunner/index.js

@@ -8,16 +8,22 @@ import { useLocale, useSiteData } from 'dumi';
 import { noop } from 'lodash-es';
 import React, { useState } from 'react';
 import SplitPane from 'react-split-pane';
+import ClientOnly from "../../common/ClientOnly";
+import InViewSuspense from "../../common/InViewSuspense";
 import { NotFound } from "dumi/theme/slots/404";
-import { CodeEditor } from "dumi/theme/slots/CodeEditor";
-import { CodePreview } from "dumi/theme/slots/CodePreview";
-import { CodeHeader } from "../CodePreview/CodeHeader";
+import CodeHeader from "../CodePreview/CodeHeader";
 import { ic } from "../hooks";
 import { getDemoInfo } from "./utils";
+var CodeEditor = /*#__PURE__*/React.lazy(function () {
+  return import("dumi/theme/slots/CodeEditor");
+});
+var CodePreview = /*#__PURE__*/React.lazy(function () {
+  return import("dumi/theme/slots/CodePreview");
+});
 /**
  * 代码编辑器 + 代码预览区域
  */
-export var CodeRunner = function CodeRunner(_ref) {
+var CodeRunner = function CodeRunner(_ref) {
   var exampleTopics = _ref.exampleTopics,
     topic = _ref.topic,
     example = _ref.example,
@@ -53,28 +59,27 @@ export var CodeRunner = function CodeRunner(_ref) {
     githubUrl: githubUrl
   });
   var exampleId = "".concat(topic, "_").concat(example, "_").concat(demo);
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    React.createElement(SplitPane, {
-      split: "vertical",
-      defaultSize: "".concat((1 - size) * 100, "%"),
-      minSize: 100
-    }, /*#__PURE__*/React.createElement(CodePreview, {
-      exampleId: exampleId,
-      error: error,
-      header: header,
-      isPlayground: isPlayground
-    }), /*#__PURE__*/React.createElement(CodeEditor, {
-      exampleId: exampleId,
-      source: source,
-      relativePath: relativePath,
-      replaceId: replaceId,
-      onError: setError,
-      onFullscreen: setFullscreen,
-      onDestroy: noop,
-      onReady: noop,
-      playground: playground
-    }))
-  );
-};
+  return /*#__PURE__*/React.createElement(InViewSuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(SplitPane, {
+    split: "vertical",
+    defaultSize: "".concat((1 - size) * 100, "%"),
+    minSize: 100
+  }, /*#__PURE__*/React.createElement(CodePreview, {
+    exampleId: exampleId,
+    error: error,
+    header: header,
+    isPlayground: isPlayground
+  }), /*#__PURE__*/React.createElement(ClientOnly, null, /*#__PURE__*/React.createElement(CodeEditor, {
+    exampleId: exampleId,
+    source: source,
+    relativePath: relativePath,
+    replaceId: replaceId,
+    onError: setError,
+    onFullscreen: setFullscreen,
+    onDestroy: noop,
+    onReady: noop,
+    playground: playground
+  }))));
+};
+export default CodeRunner;

package/dist/slots/ExampleSider/index.js

@@ -26,7 +26,7 @@ var MenuIcon = createFromIconfontCN({
 /**
  * DEMO 预览页面的菜单
  */
-export var ExampleSider = function ExampleSider(props) {
+var ExampleSider = function ExampleSider(props) {
   var currentDemo = props.currentDemo,
     onDemoClicked = props.onDemoClicked,
     exampleTopics = props.exampleTopics;
@@ -187,4 +187,5 @@ export var ExampleSider = function ExampleSider(props) {
       setOpenKeys(keys);
     }
   }, renderSubMenu()));
-};
+};
+export default ExampleSider;

package/dist/slots/Feedback/Contributors.js

@@ -9,7 +9,7 @@ var StyledContributorsWrapper = styled.div.withConfig({
   displayName: "StyledContributorsWrapper",
   componentId: "dumi-theme-antv-c7ef__sc-11d631u-0"
 })(["margin-top:80px;.title{margin-bottom:14px;color:#bfbfbf;}.list{display:flex;flex-wrap:wrap;clear:both;li{height:24px;transition:all 0.3s;margin-inline-end:-8px;}&:hover{li{margin-inline-end:0;}}}"]);
-export var Contributors = function Contributors() {
+var Contributors = function Contributors() {
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _useSiteData$themeCon = useSiteData().themeConfig.sitePackagePath,
@@ -42,4 +42,5 @@ export var Contributors = function Contributors() {
     },
     branch: defaultBranch
   }));
-};
+};
+export default Contributors;

package/dist/slots/Feedback/EditButton.js

@@ -2,7 +2,7 @@ import { FormOutlined } from '@ant-design/icons';
 import { useIntl, useRouteMeta, useSiteData } from 'dumi';
 import React from 'react';
 import { useGithubRepo } from "../../utils/github";
-export var EditButton = function EditButton() {
+var EditButton = function EditButton() {
   var meta = useRouteMeta();
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
@@ -33,4 +33,5 @@ export var EditButton = function EditButton() {
   }, formatMessage({
     id: '在 GitHub 上编辑此页'
   })));
-};
+};
+export default EditButton;

package/dist/slots/Feedback/PageFeedback.js

@@ -5,7 +5,8 @@ import { PageFeedbackVoteButtons } from "./PageFeedbackVoteButtons";
 var StyledWrapper = styled.div.withConfig({
   displayName: "StyledWrapper",
   componentId: "dumi-theme-antv-c7ef__sc-1vamzhw-0"
-})(["margin:2px 4px 8px 4px;box-shadow:0 2px 6px 0 rgba(0,0,0,.08);border-radius:8px;padding:10px 12px;width:fit-content;background-color:#fff;font-size:14px;}"]);
-export var PageFeedback = function PageFeedback() {
+})(["margin:2px 4px 8px 4px;box-shadow:0 2px 6px 0 rgba(0,0,0,0.08);border-radius:8px;padding:10px 12px;width:fit-content;background-color:#fff;font-size:14px;"]);
+var PageFeedback = function PageFeedback() {
   return /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(PageFeedbackVoteButtons, null), /*#__PURE__*/React.createElement(PageFeedbackReasonForm, null));
-};
+};
+export default PageFeedback;

package/dist/slots/Feedback/SectionFeedback.js

@@ -14,7 +14,7 @@ var StyledWrapper = styled.div.withConfig({
   displayName: "StyledWrapper",
   componentId: "dumi-theme-antv-c7ef__sc-vcamqv-0"
 })(["background-color:#fff;border-radius:12px;box-shadow:0 0.5rem 1.2rem #f0f1f2;transition:height 0.3s ease-in-out;width:262px;position:fixed;z-index:1001;padding:10px 18px;border-radius:8px;transition:top 0.3s ease-in-out,right 0.3s ease-in-out;"]);
-export var SectionFeedback = function SectionFeedback() {
+var SectionFeedback = function SectionFeedback() {
   var feedbackState = useSnapshot(feedbackStore);
   var location = useLocation();
   useEffect(function () {
@@ -94,4 +94,5 @@ var findClosetElement = function findClosetElement(e, elements) {
     }
   });
   return closestElement;
-};
+};
+export default SectionFeedback;

package/dist/slots/Feedback/index.js

@@ -1,13 +1,15 @@
 import { useSiteData } from 'dumi';
-import React from 'react';
-import { styled } from 'styled-components';
-import { Contributors } from "./Contributors";
-import { EditButton } from "./EditButton";
-import { SectionFeedback } from "./SectionFeedback";
-var StyledWrapper = styled.div.withConfig({
-  displayName: "StyledWrapper",
-  componentId: "dumi-theme-antv-c7ef__sc-yubwx0-0"
-})(["margin-top:40px;"]);
+import React, { lazy } from 'react';
+import InViewSuspense from "../../common/InViewSuspense";
+var EditButton = /*#__PURE__*/lazy(function () {
+  return import("./EditButton");
+});
+var Contributors = /*#__PURE__*/lazy(function () {
+  return import("./Contributors");
+});
+var SectionFeedback = /*#__PURE__*/lazy(function () {
+  return import("./SectionFeedback");
+});
 export var Feedback = function Feedback() {
   var _useSiteData = useSiteData(),
     themeConfig = _useSiteData.themeConfig;
@@ -15,5 +17,5 @@ export var Feedback = function Feedback() {
   if (!feedback) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(EditButton, null), /*#__PURE__*/React.createElement(Contributors, null), /*#__PURE__*/React.createElement(SectionFeedback, null));
+  return /*#__PURE__*/React.createElement(InViewSuspense, null, /*#__PURE__*/React.createElement(EditButton, null), /*#__PURE__*/React.createElement(Contributors, null), /*#__PURE__*/React.createElement(SectionFeedback, null));
 };

package/dist/slots/Footer/index.js

@@ -18,7 +18,7 @@ import styles from "./index.module.less";
  * 底部菜单
  * @returns
  */
-export var Footer = function Footer(props) {
+var Footer = function Footer(props) {
   var columns = props.columns,
     bottom = props.bottom,
     language = props.language,
@@ -222,4 +222,5 @@ export var Footer = function Footer(props) {
       href: "https://xtech.antfin.com/"
     }, "AntV")))))
   }, omit(restProps, ['githubUrl'])));
-};
+};
+export default Footer;

package/dist/slots/Header/Navs.js

@@ -2,14 +2,70 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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 _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; }
 import { DownOutlined, LinkOutlined } from '@ant-design/icons';
 import { Dropdown, Menu } from 'antd';
 import cx from 'classnames';
 import { Link, useLocale } from 'dumi';
 import { size } from 'lodash-es';
 import React from 'react';
+import { useMenuData } from "../../hooks/useMenu";
 import styles from "./index.module.less";
 import { getNavCategory } from "./utils";
+function getNavMeta(pathname, navs) {
+  return navs.find(function (nav) {
+    var _nav$slug;
+    return (nav === null || nav === void 0 || (_nav$slug = nav.slug) === null || _nav$slug === void 0 ? void 0 : _nav$slug.replace('docs/', '/')) === pathname;
+  });
+}
+function isExactNavLink(pathname, navs) {
+  var meta = getNavMeta(pathname, navs);
+  return !!meta && meta.exact;
+}
+
+/**
+ * 查找与路径匹配的第一个菜单项
+ */
+function findMatchingMenuItem(pathname, menuData) {
+  if (!menuData || !Array.isArray(menuData) || menuData.length === 0) {
+    return null;
+  }
+  var _iterator = _createForOfIteratorHelper(menuData),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var menuItem = _step.value;
+      if (menuItem.link) {
+        var normalizedLink = menuItem.link.startsWith('/') ? menuItem.link : "/".concat(menuItem.link);
+        if (normalizedLink === pathname || normalizedLink.startsWith(pathname)) {
+          return menuItem;
+        }
+      }
+      if (menuItem.children && menuItem.children.length > 0) {
+        var matchedChild = findMatchingMenuItem(pathname, menuItem.children);
+        if (matchedChild) return matchedChild;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return null;
+}
+function getNavLink(pathname, navs, menuData) {
+  if (isExactNavLink(pathname, navs)) {
+    return pathname;
+  }
+  var matchingMenuItem = findMatchingMenuItem(pathname, menuData);
+  if (matchingMenuItem) {
+    return matchingMenuItem.link;
+  }
+  return pathname;
+}
+
 /**
  * Header 中的导航菜单
  */
@@ -17,17 +73,21 @@ export var Navs = function Navs(_ref) {
   var navs = _ref.navs,
     path = _ref.path;
   var locale = useLocale();
+  var getMenuData = useMenuData();
   return /*#__PURE__*/React.createElement(React.Fragment, null, navs.map(function (nav) {
     var title = nav.title[locale.id];
     var href = '';
     var className = '';
     if (nav.slug) {
-      href = nav.slug.startsWith('http') ? nav.slug : "/".concat(nav.slug);
-
-      // 去除 docs 防止新页面 404 和 本页重新刷新。
-      href = href.replace(/^\/docs(?=\/)/, '');
-      if (locale.id == 'en' && !href.startsWith('http')) {
-        href = "/en".concat(href);
+      if (nav.slug.startsWith('http')) {
+        href = nav.slug;
+      } else {
+        // 去除 docs 防止新页面 404 和 本页重新刷新。
+        href = "/".concat(nav.slug).replace(/^\/docs(?=\/)/, '');
+        if (locale.id === 'en') {
+          href = "/en".concat(href);
+        }
+        href = getNavLink(href, navs, getMenuData(href));
       }
       className = cx('header-menu-item-active', _defineProperty({}, styles.activeItem, getNavCategory(path) === getNavCategory(href)));
     }

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

@@ -8,9 +8,9 @@ import { SearchOutlined } from '@ant-design/icons';
 import { Popover } from 'antd';
 import { useIntl, useSiteData, useSiteSearch } from 'dumi';
 import React, { useEffect, useMemo, useState } from 'react';
-import { SearchResult } from "./SearchResult";
 import { getSearchResults } from "./helper";
 import styles from "./index.module.less";
+import { SearchResult } from "./SearchResult";
 export var Search = function Search() {
   var intl = useIntl();
   var _useState = useState(false),