dumi 2.2.1 → 2.2.2

package/theme-default/layouts/DocLayout/index.js

@@ -1,15 +1,10 @@
 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 ContentFooter from "../../slots/ContentFooter";
 import { ReactComponent as IconSidebar } from '@ant-design/icons-svg/inline-svg/outlined/align-left.svg';
 import animateScrollTo from 'animated-scroll-to';
 import { Helmet, useIntl, useLocation, useOutlet, useRouteMeta, useSidebarData, useSiteData } from 'dumi';
@@ -22,37 +17,30 @@ import Sidebar from 'dumi/theme/slots/Sidebar';
 import Toc from 'dumi/theme/slots/Toc';
 import React, { useEffect, useState } from 'react';
 import "./index.less";
-
 var DocLayout = function DocLayout() {
   var intl = useIntl();
   var outlet = useOutlet();
   var sidebar = useSidebarData();
-
   var _useLocation = useLocation(),
-      hash = _useLocation.hash,
-      pathname = _useLocation.pathname;
-
+    hash = _useLocation.hash,
+    pathname = _useLocation.pathname;
   var _useSiteData = useSiteData(),
-      loading = _useSiteData.loading,
-      hostname = _useSiteData.hostname;
-
+    loading = _useSiteData.loading,
+    hostname = _useSiteData.hostname;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      activateSidebar = _useState2[0],
-      updateActivateSidebar = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    activateSidebar = _useState2[0],
+    updateActivateSidebar = _useState2[1];
   var _useRouteMeta = useRouteMeta(),
-      fm = _useRouteMeta.frontmatter;
-
-  var showSidebar = fm.sidebar !== false && (sidebar === null || sidebar === void 0 ? void 0 : sidebar.length) > 0; // handle hash change or visit page hash after async chunk loaded
+    fm = _useRouteMeta.frontmatter;
+  var showSidebar = fm.sidebar !== false && (sidebar === null || sidebar === void 0 ? void 0 : sidebar.length) > 0;
 
+  // handle hash change or visit page hash after async chunk loaded
   useEffect(function () {
     var id = hash.replace('#', '');
-
     if (id) {
       setTimeout(function () {
         var elm = document.getElementById(decodeURIComponent(id));
-
         if (elm) {
           // animated-scroll-to instead of native scroll
           animateScrollTo(elm.offsetTop - 80, {
@@ -104,9 +92,8 @@ var DocLayout = function DocLayout() {
     }
   }, /*#__PURE__*/React.createElement(IconSidebar, null), intl.formatMessage({
     id: 'layout.sidebar.btn'
-  }))), /*#__PURE__*/React.createElement("main", null, showSidebar && /*#__PURE__*/React.createElement(Sidebar, null), /*#__PURE__*/React.createElement(Content, null, outlet, /*#__PURE__*/React.createElement(Footer, null)), fm.toc === 'content' && /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("main", null, showSidebar && /*#__PURE__*/React.createElement(Sidebar, null), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement("article", null, outlet), /*#__PURE__*/React.createElement(ContentFooter, null), /*#__PURE__*/React.createElement(Footer, null)), fm.toc === 'content' && /*#__PURE__*/React.createElement("div", {
     className: "dumi-default-doc-layout-toc-wrapper"
   }, /*#__PURE__*/React.createElement("h4", null, "TABLE OF CONTENTS"), /*#__PURE__*/React.createElement(Toc, null))));
 };
-
 export default DocLayout;

package/theme-default/locales/en-US.json

@@ -33,6 +33,10 @@
   "api.component.loading": "Properties definition is resolving, wait a moment...",
   "api.component.not.found": "Properties definition not found for {id} component",
   "content.tabs.default": "Doc",
+  "content.footer.last.updated": "Last updated: ",
+  "content.footer.actions.edit": "Improve this documentation",
+  "content.footer.actions.previous": "PREV",
+  "content.footer.actions.next": "NEXT",
   "search.not.found": "No content was found",
   "layout.sidebar.btn": "Sidebar"
 }

package/theme-default/locales/zh-CN.json

@@ -32,6 +32,10 @@
   "api.component.loading": "属性定义正在解析中，稍等片刻...",
   "api.component.not.found": "未找到 {id} 组件的属性定义",
   "content.tabs.default": "文档",
+  "content.footer.last.updated": "最后更新时间：",
+  "content.footer.actions.edit": "帮助改进此文档",
+  "content.footer.actions.previous": "上一篇",
+  "content.footer.actions.next": "下一篇",
   "search.not.found": "未找到相关内容",
   "layout.sidebar.btn": "侧边菜单"
 }

package/theme-default/slots/ColorSwitch/index.js

@@ -1,19 +1,12 @@
 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 { useIntl, usePrefersColor, useSiteData } from 'dumi';
 import React from 'react';
 import "./index.less";
-
 var IconDark = function IconDark() {
   return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 16 16"
@@ -21,7 +14,6 @@ var IconDark = function IconDark() {
     d: "M8.218 1.455c3.527.109 6.327 3.018 6.327 6.545 0 3.6-2.945 6.545-6.545 6.545a6.562 6.562 0 0 1-6.036-4h.218c3.6 0 6.545-2.945 6.545-6.545 0-.91-.182-1.745-.509-2.545m0-1.455c-.473 0-.909.218-1.2.618-.29.4-.327.946-.145 1.382.254.655.4 1.31.4 2 0 2.8-2.291 5.09-5.091 5.09h-.218c-.473 0-.91.22-1.2.62-.291.4-.328.945-.146 1.38C1.891 14.074 4.764 16 8 16c4.4 0 8-3.6 8-8a7.972 7.972 0 0 0-7.745-8h-.037Z"
   }));
 };
-
 var IconLight = function IconLight() {
   return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 16 16"
@@ -29,7 +21,6 @@ var IconLight = function IconLight() {
     d: "M8 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1ZM8 3a1 1 0 0 1-1-1V1a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1Zm7 4a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2h1ZM3 8a1 1 0 0 1-1 1H1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1Zm9.95 3.536.707.707a1 1 0 0 1-1.414 1.414l-.707-.707a1 1 0 0 1 1.414-1.414Zm-9.9-7.072-.707-.707a1 1 0 0 1 1.414-1.414l.707.707A1 1 0 0 1 3.05 4.464Zm9.9 0a1 1 0 0 1-1.414-1.414l.707-.707a1 1 0 0 1 1.414 1.414l-.707.707Zm-9.9 7.072a1 1 0 0 1 1.414 1.414l-.707.707a1 1 0 0 1-1.414-1.414l.707-.707ZM8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm0 6.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z"
   }));
 };
-
 var IconAuto = function IconAuto() {
   return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 16 16"
@@ -37,25 +28,20 @@ var IconAuto = function IconAuto() {
     d: "M14.595 8a6.595 6.595 0 1 1-13.19 0 6.595 6.595 0 0 1 13.19 0ZM8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm0 2.014v11.972A5.986 5.986 0 0 0 8 2.014Z"
   }));
 };
-
 var ICON_MAPPING = {
   light: IconLight,
   dark: IconDark,
   auto: IconAuto
 };
-
 var ColorSwitch = function ColorSwitch() {
   var _useSiteData = useSiteData(),
-      defaultColor = _useSiteData.themeConfig.prefersColor.default;
-
+    defaultColor = _useSiteData.themeConfig.prefersColor.default;
   var intl = useIntl();
-
   var _usePrefersColor = usePrefersColor(),
-      _usePrefersColor2 = _slicedToArray(_usePrefersColor, 3),
-      _usePrefersColor2$ = _usePrefersColor2[1],
-      prefersColor = _usePrefersColor2$ === void 0 ? defaultColor : _usePrefersColor2$,
-      setPrefersColor = _usePrefersColor2[2];
-
+    _usePrefersColor2 = _slicedToArray(_usePrefersColor, 3),
+    _usePrefersColor2$ = _usePrefersColor2[1],
+    prefersColor = _usePrefersColor2$ === void 0 ? defaultColor : _usePrefersColor2$,
+    setPrefersColor = _usePrefersColor2[2];
   var Icon = ICON_MAPPING[prefersColor];
   return /*#__PURE__*/React.createElement("span", {
     className: "dumi-default-color-switch",
@@ -77,5 +63,4 @@ var ColorSwitch = function ColorSwitch() {
     }));
   })));
 };
-
 export default ColorSwitch;

package/theme-default/slots/Content/index.js

@@ -1,19 +1,17 @@
-import { useSidebarData, useSiteData } from 'dumi';
+import { useRouteMeta, useSidebarData, useSiteData } from 'dumi';
 import React from 'react';
 import "./heti.scss";
 import "./index.less";
-
 var Content = function Content(props) {
   var sidebar = useSidebarData();
-
   var _useSiteData = useSiteData(),
-      themeConfig = _useSiteData.themeConfig;
-
+    themeConfig = _useSiteData.themeConfig;
+  var _useRouteMeta = useRouteMeta(),
+    frontmatter = _useRouteMeta.frontmatter;
   return /*#__PURE__*/React.createElement("div", {
     className: "dumi-default-content",
-    "data-no-sidebar": !sidebar || undefined,
+    "data-no-sidebar": !sidebar || frontmatter.sidebar === false || undefined,
     "data-no-footer": themeConfig.footer === false || undefined
   }, props.children);
 };
-
 export default Content;

package/theme-default/slots/Content/index.less

@@ -139,10 +139,21 @@
       visibility: hidden;
     }
   }
+
+  // horizontal line
+  hr {
+    background-color: @c-border-light;
+
+    @{dark-selector} & {
+      background-color: @c-border-less-dark;
+    }
+  }
 }
 
 .@{prefix}-content {
+  display: flex;
   flex: 1;
+  flex-direction: column;
   min-width: 0;
   max-width: 100%;
   box-sizing: border-box;
@@ -175,12 +186,16 @@
     }
   }
 
+  article {
+    flex: 1;
+  }
+
   .@{prefix}-header + main > &,
   .@{prefix}-doc-layout-mobile-bar + main > & {
     min-height: calc(100vh - @s-header-height);
 
     @media @mobile {
-      min-height: calc(100vh - @s-header-height-m);
+      min-height: calc(100vh - @s-header-height-m - 40px);
     }
   }
 

package/theme-default/slots/ContentFooter/index.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import './index.less';
+declare const ContentFooter: FC;
+export default ContentFooter;

package/theme-default/slots/ContentFooter/index.js

@@ -0,0 +1,93 @@
+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 = 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 { ReactComponent as IconLeft } from '@ant-design/icons-svg/inline-svg/outlined/arrow-left.svg';
+import { ReactComponent as IconClock } from '@ant-design/icons-svg/inline-svg/outlined/clock-circle.svg';
+import { ReactComponent as IconEdit } from '@ant-design/icons-svg/inline-svg/outlined/edit.svg';
+import { FormattedMessage, Link, useIntl, useLocation, useRouteMeta, useSidebarData, useSiteData } from 'dumi';
+import React, { useLayoutEffect, useState } from 'react';
+import "./index.less";
+var ContentFooter = function ContentFooter() {
+  var _useLocation = useLocation(),
+    pathname = _useLocation.pathname;
+  var sidebar = useSidebarData();
+  var _useSiteData = useSiteData(),
+    themeConfig = _useSiteData.themeConfig;
+  var _useRouteMeta = useRouteMeta(),
+    frontmatter = _useRouteMeta.frontmatter;
+  var intl = useIntl();
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    prev = _useState2[0],
+    setPrev = _useState2[1];
+  var _useState3 = useState(undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    next = _useState4[0],
+    setNext = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isoLastUpdated = _useState6[0],
+    setIsoLastUpdated = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    lastUpdated = _useState8[0],
+    setLastUpdated = _useState8[1];
+  var showEditLink = themeConfig.editLink && frontmatter.filename;
+  var showLastUpdated = themeConfig.lastUpdated && frontmatter.lastUpdated;
+
+  // calculate the previous and next page
+  useLayoutEffect(function () {
+    if (sidebar) {
+      var items = sidebar.reduce(function (ret, group) {
+        return ret.concat(group.children);
+      }, []);
+      var current = items.findIndex(function (item) {
+        return item.link === pathname;
+      });
+      setPrev(items[current - 1]);
+      setNext(items[current + 1]);
+    }
+  }, [pathname, sidebar]);
+
+  // to avoid timestamp mismatched between server and client
+  useLayoutEffect(function () {
+    if (showLastUpdated) {
+      setIsoLastUpdated(new Date(frontmatter.lastUpdated).toISOString());
+      setLastUpdated(new Intl.DateTimeFormat(undefined, {
+        dateStyle: 'short',
+        timeStyle: 'short'
+      }).format(frontmatter.lastUpdated));
+    }
+  }, [showLastUpdated]);
+  return /*#__PURE__*/React.createElement("footer", {
+    className: "dumi-default-content-footer"
+  }, /*#__PURE__*/React.createElement("dl", null, showLastUpdated && /*#__PURE__*/React.createElement("dd", null, /*#__PURE__*/React.createElement(IconClock, null), /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "content.footer.last.updated"
+  }), /*#__PURE__*/React.createElement("time", {
+    dateTime: isoLastUpdated
+  }, lastUpdated)), showEditLink && /*#__PURE__*/React.createElement("dd", null, /*#__PURE__*/React.createElement("a", {
+    target: "_blank",
+    href: "".concat(intl.formatMessage({
+      id: '$internal.edit.link'
+    }, {
+      filename: frontmatter.filename
+    })),
+    rel: "noreferrer"
+  }, /*#__PURE__*/React.createElement(IconEdit, null), /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "content.footer.actions.edit"
+  })))), /*#__PURE__*/React.createElement("nav", null, prev && /*#__PURE__*/React.createElement(Link, {
+    to: prev.link,
+    "data-prev": true
+  }, /*#__PURE__*/React.createElement("small", null, /*#__PURE__*/React.createElement(IconLeft, null), /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "content.footer.actions.previous"
+  })), prev.title), next && /*#__PURE__*/React.createElement(Link, {
+    to: next.link,
+    "data-next": true
+  }, /*#__PURE__*/React.createElement("small", null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "content.footer.actions.next"
+  }), /*#__PURE__*/React.createElement(IconLeft, null)), next.title)));
+};
+export default ContentFooter;

package/theme-default/slots/ContentFooter/index.less

@@ -0,0 +1,163 @@
+@import (reference) '../../styles/variables.less';
+
+.@{prefix}-content-footer {
+  margin-top: 48px;
+  color: @c-text-note;
+  font-size: 14px;
+  line-height: 1;
+
+  @{dark-selector} & {
+    color: @c-text-note-dark;
+  }
+
+  svg {
+    fill: @c-text-note;
+    width: 14px;
+    vertical-align: -0.13em;
+    transition: fill 0.2s;
+
+    @{dark-selector} & {
+      fill: @c-text-note-dark;
+    }
+  }
+
+  > dl {
+    display: flex;
+    justify-content: space-between;
+    margin: 0;
+    padding-bottom: 12px;
+
+    &:empty {
+      display: none;
+    }
+
+    dd {
+      margin: 0;
+
+      svg {
+        margin-inline-end: 4px;
+      }
+
+      > a {
+        color: @c-primary;
+
+        @{dark-selector} & {
+          color: @c-primary-dark;
+        }
+
+        &:not(:hover) {
+          text-decoration: none;
+        }
+
+        > svg {
+          fill: @c-primary;
+
+          @{dark-selector} & {
+            fill: @c-primary-dark;
+          }
+        }
+      }
+    }
+  }
+
+  > nav {
+    padding: 12px 0;
+    border-block-start: 1px solid @c-border-light;
+    overflow: hidden;
+
+    &:empty {
+      display: none;
+    }
+
+    @{dark-selector} & {
+      border-block-start-color: @c-border-less-dark;
+    }
+
+    > a {
+      max-width: 180px;
+      min-width: 120px;
+      color: @c-primary;
+      font-size: 16px;
+      text-decoration: none;
+      border-radius: 2px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+
+      @media @tablet {
+        min-width: initial;
+        max-width: 80px;
+      }
+
+      @{dark-selector} & {
+        color: @c-primary-dark;
+      }
+
+      &[data-prev] {
+        float: inline-start;
+        padding-inline-end: 24px;
+
+        svg {
+          margin-inline-end: 4px;
+
+          [data-direction='rtl'] & {
+            transform: rotate(180deg);
+          }
+        }
+      }
+
+      &[data-next] {
+        float: inline-end;
+        text-align: end;
+        padding-inline-start: 24px;
+
+        svg {
+          margin-inline-start: 4px;
+          transform: rotate(180deg);
+
+          [data-direction='rtl'] & {
+            transform: rotate(0);
+          }
+        }
+      }
+
+      small {
+        display: block;
+        margin-bottom: 5px;
+        color: @c-text-note;
+        font-size: 14px;
+        transition: color 0.2s;
+
+        @{dark-selector} & {
+          color: @c-text-note-dark;
+        }
+      }
+
+      &:hover {
+        small {
+          color: @c-text-secondary;
+
+          @{dark-selector} & {
+            color: @c-text-secondary-dark;
+          }
+        }
+
+        svg {
+          fill: @c-text-secondary;
+
+          @{dark-selector} & {
+            fill: @c-text-secondary-dark;
+          }
+        }
+      }
+    }
+  }
+
+  [data-no-sidebar] > & {
+    display: none;
+  }
+
+  :not([data-no-sidebar]) > & + .@{prefix}-footer {
+    margin-top: 0;
+  }
+}

package/theme-default/slots/ContentTabs/index.d.ts

@@ -1,7 +1,7 @@
 import { useRouteMeta } from 'dumi';
 import { type FC } from 'react';
 import './index.less';
-declare type IContentTabs = ReturnType<typeof useRouteMeta>['tabs'];
+type IContentTabs = ReturnType<typeof useRouteMeta>['tabs'];
 export interface IContentTabsProps {
     tabs: IContentTabs;
     tabKey: string | null;

package/theme-default/slots/ContentTabs/index.js

@@ -1,12 +1,13 @@
 import { useIntl } from 'dumi';
 import React from 'react';
 import "./index.less";
-
 var ContentTabs = function ContentTabs(_ref) {
   var tabs = _ref.tabs,
-      key = _ref.tabKey,
-      onChange = _ref.onChange;
-  var intl = useIntl(); // TODO: tab.Extra & tab.Action render
+    key = _ref.tabKey,
+    onChange = _ref.onChange;
+  var intl = useIntl();
+
+  // TODO: tab.Extra & tab.Action render
 
   return Boolean(tabs === null || tabs === void 0 ? void 0 : tabs.length) ? /*#__PURE__*/React.createElement("ul", {
     className: "dumi-default-content-tabs"
@@ -33,5 +34,4 @@ var ContentTabs = function ContentTabs(_ref) {
     }) : tab.meta.frontmatter.title));
   })) : null;
 };
-
 export default ContentTabs;

package/theme-default/slots/Features/index.js

@@ -1,26 +1,23 @@
 import { Link, useRouteMeta } from 'dumi';
 import React from 'react';
 import "./index.less";
-
 var Features = function Features() {
   var _frontmatter$features;
-
   var _useRouteMeta = useRouteMeta(),
-      frontmatter = _useRouteMeta.frontmatter;
-
+    frontmatter = _useRouteMeta.frontmatter;
   return Boolean((_frontmatter$features = frontmatter.features) === null || _frontmatter$features === void 0 ? void 0 : _frontmatter$features.length) ? /*#__PURE__*/React.createElement("div", {
-    className: "dumi-default-features" // auto render 2 or 3 cols by feature count
+    className: "dumi-default-features"
+    // auto render 2 or 3 cols by feature count
     ,
     "data-cols": [3, 2].find(function (n) {
       return frontmatter.features.length % n === 0;
     }) || 3
   }, frontmatter.features.map(function (_ref) {
     var title = _ref.title,
-        description = _ref.description,
-        emoji = _ref.emoji,
-        link = _ref.link;
+      description = _ref.description,
+      emoji = _ref.emoji,
+      link = _ref.link;
     var titleWithLink;
-
     if (link) {
       titleWithLink = /^(\w+:)\/\/|^(mailto|tel):/.test(link) ? /*#__PURE__*/React.createElement("a", {
         href: link,
@@ -30,7 +27,6 @@ var Features = function Features() {
         to: link
       }, title);
     }
-
     return /*#__PURE__*/React.createElement("div", {
       key: title,
       className: "dumi-default-features-item"
@@ -41,5 +37,4 @@ var Features = function Features() {
     }));
   })) : null;
 };
-
 export default Features;

package/theme-default/slots/Footer/index.js

@@ -1,11 +1,9 @@
 import { useSiteData } from 'dumi';
 import React from 'react';
 import "./index.less";
-
 var Footer = function Footer() {
   var _useSiteData = useSiteData(),
-      themeConfig = _useSiteData.themeConfig;
-
+    themeConfig = _useSiteData.themeConfig;
   if (!themeConfig.footer) return null;
   return /*#__PURE__*/React.createElement("div", {
     className: "dumi-default-footer",
@@ -14,5 +12,4 @@ var Footer = function Footer() {
     }
   });
 };
-
 export default Footer;

package/theme-default/slots/Header/index.js

@@ -1,15 +1,9 @@
 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 { ReactComponent as IconClose } from '@ant-design/icons-svg/inline-svg/outlined/close.svg';
 import { ReactComponent as IconMenu } from '@ant-design/icons-svg/inline-svg/outlined/menu.svg';
 import { useRouteMeta, useSiteData } from 'dumi';
@@ -23,19 +17,15 @@ import SearchBar from 'dumi/theme/slots/SearchBar';
 import SocialIcon from 'dumi/theme/slots/SocialIcon';
 import React, { useMemo, useState } from 'react';
 import "./index.less";
-
 var Header = function Header() {
   var _useRouteMeta = useRouteMeta(),
-      frontmatter = _useRouteMeta.frontmatter;
-
+    frontmatter = _useRouteMeta.frontmatter;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showMenu = _useState2[0],
-      setShowMenu = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    showMenu = _useState2[0],
+    setShowMenu = _useState2[1];
   var _useSiteData = useSiteData(),
-      themeConfig = _useSiteData.themeConfig;
-
+    themeConfig = _useSiteData.themeConfig;
   var socialIcons = useMemo(function () {
     return themeConfig.socialLinks ? Object.keys(themeConfig.socialLinks).slice(0, 5).map(function (key) {
       return {
@@ -76,5 +66,4 @@ var Header = function Header() {
     }
   }, showMenu ? /*#__PURE__*/React.createElement(IconClose, null) : /*#__PURE__*/React.createElement(IconMenu, null))));
 };
-
 export default Header;