@antv/dumi-theme-antv 0.3.0-beta.2 → 0.3.0-beta.22

package/dist/slots/Header/index.js

@@ -21,22 +21,27 @@ import React, { useState, useEffect } from 'react';
 import { useMedia } from 'react-use';
 import { useNavigate } from "react-router-dom";
 import cx from 'classnames';
-import { useSiteData, useLocale } from 'dumi';
-import { GithubOutlined, MenuOutlined, CaretDownFilled, DownOutlined, WechatOutlined, LikeOutlined, CheckOutlined } from '@ant-design/icons';
-import { Popover, Menu, Dropdown, Select } from 'antd';
-import { map, size } from 'lodash-es';
+import { useSiteData, useLocale, FormattedMessage } from 'dumi';
+import { GithubOutlined, MenuOutlined, CaretDownFilled, DownOutlined, WechatOutlined, LinkOutlined, CheckOutlined } from '@ant-design/icons';
+import { Modal, Button, Popover, Menu, Dropdown, Select } from 'antd';
+import { get, map, size } from 'lodash-es';
 import { Search } from "./Search";
 import { Products } from "./Products";
 import { Navs } from "./Navs";
 import { Logo } from "./Logo";
 import { LogoWhite } from "./LogoWhite";
 import { getLangUrl } from "./utils";
-import { useT } from "../hooks";
+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;
 
@@ -57,8 +62,6 @@ var HeaderComponent = function HeaderComponent(_ref) {
       showAntVProductsCard = _ref$showAntVProducts === void 0 ? true : _ref$showAntVProducts,
       _ref$showLanguageSwit = _ref.showLanguageSwitcher,
       showLanguageSwitcher = _ref$showLanguageSwit === void 0 ? true : _ref$showLanguageSwit,
-      _ref$showChinaMirror = _ref.showChinaMirror,
-      showChinaMirror = _ref$showChinaMirror === void 0 ? true : _ref$showChinaMirror,
       logo = _ref.logo,
       onLanguageChange = _ref.onLanguageChange,
       _ref$showWxQrcode = _ref.showWxQrcode,
@@ -76,22 +79,41 @@ var HeaderComponent = function HeaderComponent(_ref) {
       _ref$rootDomain = _ref.rootDomain,
       rootDomain = _ref$rootDomain === void 0 ? '' : _ref$rootDomain,
       versions = _ref.versions,
+      internalSite = _ref.internalSite,
       ecosystems = _ref.ecosystems,
       searchOptions = _ref.searchOptions;
   var isAntVHome = isAntVSite && isHomePage; // 是否为AntV官网首页
 
-  var locale = useLocale();
-  var nav = useNavigate();
+  var showChinaMirror = !!internalSite;
+  var chinaMirrorUrl = get(internalSite, 'url');
 
-  var _useState = useState(locale.id),
+  var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
-      lang = _useState2[0],
-      setLang = _useState2[1];
+      chinaMirrorHintVisible = _useState2[0],
+      updateChinaMirrorHintVisible = _useState2[1];
 
-  var _useState3 = useState(false),
+  useEffect(function () {
+    var timeout = setTimeout(function () {
+      if (showChinaMirror && lang === 'zh' && !localStorage.getItem('china-mirror-no-more-hint') && window.location.host.includes('antv.vision')) {
+        updateChinaMirrorHintVisible(true);
+      }
+    }, 5000);
+    return function () {
+      clearTimeout(timeout);
+    };
+  });
+  var locale = useLocale();
+  var nav = useNavigate();
+
+  var _useState3 = useState(locale.id),
       _useState4 = _slicedToArray(_useState3, 2),
-      productMenuVisible = _useState4[0],
-      setProductMenuVisible = _useState4[1];
+      lang = _useState4[0],
+      setLang = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      productMenuVisible = _useState6[0],
+      setProductMenuVisible = _useState6[1];
 
   var productMenuHovering = false;
 
@@ -121,10 +143,10 @@ var HeaderComponent = function HeaderComponent(_ref) {
     setProductMenuVisible(!productMenuVisible);
   };
 
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      popupMenuVisible = _useState6[0],
-      setPopupMenuVisible = _useState6[1];
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      popupMenuVisible = _useState8[0],
+      setPopupMenuVisible = _useState8[1];
 
   var onTogglePopupMenuVisible = function onTogglePopupMenuVisible() {
     setPopupMenuVisible(!popupMenuVisible);
@@ -173,12 +195,12 @@ var HeaderComponent = function HeaderComponent(_ref) {
     className: cx(styles.menu, (_cx = {}, _defineProperty(_cx, styles.popup, !isWide), _defineProperty(_cx, styles.popupHidden, !popupMenuVisible), _cx))
   },
   /** 最左侧的菜单，一般是 教程、API、示例，或者其他自定义，有配置文件中的 `navs` 决定 */
-  size(navs) && /*#__PURE__*/React.createElement(Navs, {
+  size(navs) ? /*#__PURE__*/React.createElement(Navs, {
     navs: navs,
     path: window.location.pathname
-  }),
+  }) : null,
   /** 生态产品 */
-  size(ecosystems) && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Dropdown, {
+  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,
@@ -189,15 +211,91 @@ var HeaderComponent = function HeaderComponent(_ref) {
         target: "_blank",
         rel: "noreferrer",
         href: url
-      }, ecosystemName === null || ecosystemName === void 0 ? void 0 : ecosystemName[lang], " ", /*#__PURE__*/React.createElement(LikeOutlined, null)));
+      }, ecosystemName === null || ecosystemName === void 0 ? void 0 : ecosystemName[lang], " ", /*#__PURE__*/React.createElement(LinkOutlined, null)));
     }))
-  }, /*#__PURE__*/React.createElement("span", null, useT('周边生态'), /*#__PURE__*/React.createElement(DownOutlined, {
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "\u5468\u8FB9\u751F\u6001"
+  }), /*#__PURE__*/React.createElement(DownOutlined, {
     style: {
       marginLeft: '6px'
     }
-  })))),
+  })))) : null, showChinaMirror && isWide ? /*#__PURE__*/React.createElement(Popover, {
+    title: null,
+    content: /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: 300
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      role: "img",
+      "aria-labelledby": "\u4E2D\u56FD",
+      style: {
+        marginRight: '8px'
+      }
+    }, "\uD83C\uDDE8\uD83C\uDDF3"), "AntV \u7CFB\u5217\u7F51\u7AD9\u90E8\u7F72\u5728 gh-pages \u4E0A\uFF0C\u82E5\u8BBF\u95EE\u901F\u5EA6\u4E0D\u4F73\uFF0C\u53EF\u4EE5\u524D\u5F80\u56FD\u5185\u955C\u50CF\u7AD9\u70B9\u3002"), /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginTop: 16,
+        textAlign: 'right'
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      onClick: function onClick() {
+        return updateChinaMirrorHintVisible(false);
+      },
+      size: "small",
+      style: {
+        marginRight: 8
+      }
+    }, "\u6682\u65F6\u5173\u95ED"), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      size: "small",
+      onClick: function onClick() {
+        localStorage.setItem('china-mirror-no-more-hint', Date.now().toString());
+        updateChinaMirrorHintVisible(false);
+      }
+    }, "\u4E0D\u518D\u63D0\u9192"))),
+    visible: chinaMirrorHintVisible,
+    placement: "bottomRight",
+    align: {
+      offset: [-12, -16]
+    }
+  }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
+    href: chinaMirrorUrl,
+    onClick: function onClick(e) {
+      e.preventDefault();
+      redirectChinaMirror(chinaMirrorUrl);
+    }
+  }, ic(get(internalSite, 'name')), !isAntVHome && /*#__PURE__*/React.createElement(LinkOutlined, null)))) : null, showChinaMirror && !isWide && /*#__PURE__*/React.createElement(Modal, {
+    visible: chinaMirrorHintVisible,
+    cancelText: "\u4E0D\u518D\u63D0\u9192",
+    okText: "\u7ACB\u5373\u524D\u5F80",
+    onCancel: function onCancel() {
+      updateChinaMirrorHintVisible(false);
+    },
+    onOk: function onOk() {
+      return redirectChinaMirror(chinaMirrorUrl);
+    },
+    cancelButtonProps: {
+      onClick: function onClick() {
+        localStorage.setItem('china-mirror-no-more-hint', Date.now().toString());
+        updateChinaMirrorHintVisible(false);
+      }
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.modalContent
+  }, /*#__PURE__*/React.createElement("span", {
+    role: "img",
+    "aria-labelledby": "\u4E2D\u56FD"
+  }, "\uD83C\uDDE8\uD83C\uDDF3"), "AntV \u7CFB\u5217\u7F51\u7AD9\u90E8\u7F72\u5728 gh-pages \u4E0A\uFF0C\u82E5\u8BBF\u95EE\u901F\u5EA6\u4E0D\u4F73\uFF0C\u53EF\u4EE5\u524D\u5F80", /*#__PURE__*/React.createElement("a", {
+    href: chinaMirrorUrl,
+    onClick: function onClick(e) {
+      e.preventDefault();
+      window.location.href = chinaMirrorUrl;
+    },
+    className: styles.remindHref
+  }, 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, useT('所有产品'), !isAntVHome ? /*#__PURE__*/React.createElement("img", {
+  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", {
     src: "https://gw.alipayobjects.com/zos/antfincdn/FLrTNDvlna/antv.png",
     alt: "antv logo arrow",
     className: cx(styles.arrow, _defineProperty({}, styles.open, productMenuVisible))
@@ -312,7 +410,8 @@ var HeaderComponent = function HeaderComponent(_ref) {
     className: styles.githubCorner
   }, /*#__PURE__*/React.createElement("a", {
     href: githubUrl,
-    target: "_blank"
+    target: "_blank",
+    rel: "noreferrer"
   }, /*#__PURE__*/React.createElement(GithubOutlined, null))));
   return /*#__PURE__*/React.createElement("header", {
     className: cx(styles.header, (_cx4 = {}, _defineProperty(_cx4, styles.transparent, !!transparent && !productMenuVisible), _defineProperty(_cx4, styles.isHomePage, !!isHomePage && !isAntVHome), _defineProperty(_cx4, styles.lightTheme, !!isAntVHome && !productMenuVisible && isWide), _defineProperty(_cx4, styles.fixed, popupMenuVisible), _cx4))
@@ -321,8 +420,8 @@ var HeaderComponent = function HeaderComponent(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.left
   }, /*#__PURE__*/React.createElement("h1", null, /*#__PURE__*/React.createElement("a", {
-    href: siteUrl
-  }, img)), subTitle && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    href: siteUrl[lang] ? siteUrl[lang] : siteUrl
+  }, img)), !isAntVHome && subTitle && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: styles.divider
   }), /*#__PURE__*/React.createElement("h2", {
     className: styles.subProduceName
@@ -342,6 +441,7 @@ export var Header = function Header(props) {
       githubUrl = themeConfig.githubUrl,
       isAntVSite = themeConfig.isAntVSite,
       subTitleHref = themeConfig.subTitleHref,
+      internalSite = themeConfig.internalSite,
       showSearch = themeConfig.showSearch,
       showGithubCorner = themeConfig.showGithubCorner,
       showGithubStars = themeConfig.showGithubStars,
@@ -356,12 +456,16 @@ export var Header = function Header(props) {
   var searchOptions = {
     docsearchOptions: docsearchOptions
   };
+  var locale = useLocale();
+  var path = window.location.pathname;
+  var isHomePage = path === '/' || path === "/".concat(locale.id) || path === "/".concat(locale.id, "/");
   var headerProps = {
     subTitle: title,
     subTitleHref: subTitleHref,
     githubUrl: githubUrl,
     isAntVSite: isAntVSite,
     siteUrl: siteUrl,
+    internalSite: internalSite,
     showSearch: showSearch,
     showGithubCorner: showGithubCorner,
     showGithubStars: showGithubStars,
@@ -373,7 +477,8 @@ export var Header = function Header(props) {
     ecosystems: ecosystems,
     navs: navs,
     searchOptions: searchOptions,
-    isHomePage: true
+    isHomePage: isHomePage,
+    transparent: isHomePage && isAntVSite
   };
   return /*#__PURE__*/React.createElement(HeaderComponent, Object.assign({}, headerProps, props));
 };

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

@@ -1,2 +1,7 @@
 import React from 'react';
-export declare const Loading: React.FC;
+/**
+ * Loading
+ */
+declare const Loading: React.FC;
+declare const PageLoading: React.FC;
+export { Loading, PageLoading };

package/dist/slots/Loading/index.js

@@ -1,17 +1,21 @@
 import React from 'react';
-export var Loading = function Loading() {
+import styles from "./index.module.less";
+/**
+ * Loading
+ */
+
+var Loading = function Loading() {
   return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: '100vh'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
     style: {
       position: 'relative',
-      height: '100%'
+      height: '100%',
+      width: '100%'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "code-loading"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: styles.loading
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "container"
+  }, /*#__PURE__*/React.createElement("div", {
     className: "loader"
   }, /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 80 80"
@@ -61,5 +65,15 @@ export var Loading = function Loading() {
     stroke: "url(#gradient)"
   }))), /*#__PURE__*/React.createElement("div", {
     className: "loading-text"
-  }, /*#__PURE__*/React.createElement("p", null, "Loading..."))))));
-};
+  }, /*#__PURE__*/React.createElement("p", null, "Loading...")))));
+};
+
+var PageLoading = function PageLoading() {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '100vh'
+    }
+  }, /*#__PURE__*/React.createElement(Loading, null));
+};
+
+export { Loading, PageLoading };

package/dist/slots/Loading/index.module.less

@@ -1,12 +1,279 @@
-@import '~antd/es/style/themes/default.less';
+.loading {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 9999;
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  border: 1px solid #f0f0f0;
 
-.container {
-  padding: 30vh 0 0;
-  text-align: center;
+  :global {
+    .container {
+      display: inline-block;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      margin: -50px 0 0 -120px;
+    }
+    .loader {
+      --duration: 3s;
+      width: 44px;
+      height: 44px;
+      position: relative;
+      display: inline-block;
+      margin: 0 16px;
+    }
+  
+    .loader:before {
+      content: ' ';
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      position: absolute;
+      display: block;
+      background: #ff700a;
+      top: 37px;
+      left: 19px;
+      -webkit-transform: translate(-18px, -18px);
+      transform: translate(-18px, -18px);
+      -webkit-animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+    }
+  
+    .loader svg {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+  
+    .loader svg rect,
+    .loader svg polygon,
+    .loader svg circle {
+      fill: none;
+      stroke-width: 10px;
+      stroke-linejoin: round;
+      stroke-linecap: round;
+    }
+  
+    .loader svg polygon {
+      stroke-dasharray: 145 76 145 76;
+      stroke-dashoffset: 0;
+      -webkit-animation: pathTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      animation: pathTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+    }
+  
+    .loader svg rect {
+      stroke-dasharray: 192 64 192 64;
+      stroke-dashoffset: 0;
+      -webkit-animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+    }
+  
+    .loader svg circle {
+      stroke-dasharray: 150 50 150 50;
+      stroke-dashoffset: 75;
+      -webkit-animation: pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      animation: pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+    }
+  
+    .loader.triangle {
+      width: 48px;
+    }
+  
+    .loader.triangle:before {
+      left: 21px;
+      -webkit-transform: translate(-10px, -18px);
+      transform: translate(-10px, -18px);
+      -webkit-animation: dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      animation: dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+    }
+  
+    .loading-text {
+      text-align: center;
+      height: 40px;
+      line-height: 40px;
+      font-size: 12px;
+      letter-spacing: 0.1em;
+      color: #666;
+    }
+  }
+}
+
+@-webkit-keyframes ~":global(pathTriangle)" {
+  33% {
+    stroke-dashoffset: 74;
+  }
+
+  66% {
+    stroke-dashoffset: 147;
+  }
+
+  100% {
+    stroke-dashoffset: 221;
+  }
+}
+
+@keyframes ~":global(pathTriangle)" {
+  33% {
+    stroke-dashoffset: 74;
+  }
+
+  66% {
+    stroke-dashoffset: 147;
+  }
+
+  100% {
+    stroke-dashoffset: 221;
+  }
+}
+
+@-webkit-keyframes ~":global(dotTriangle)" {
+  33% {
+    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
+  }
+
+  66% {
+    -webkit-transform: translate(10px, -18px);
+    transform: translate(10px, -18px);
+  }
+
+  100% {
+    -webkit-transform: translate(-10px, -18px);
+    transform: translate(-10px, -18px);
+  }
+}
+
+@keyframes ~":global(dotTriangle)" {
+  33% {
+    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
+  }
+
+  66% {
+    -webkit-transform: translate(10px, -18px);
+    transform: translate(10px, -18px);
+  }
+
+  100% {
+    -webkit-transform: translate(-10px, -18px);
+    transform: translate(-10px, -18px);
+  }
+}
+
+@-webkit-keyframes ~":global(pathRect)" {
+  25% {
+    stroke-dashoffset: 64;
+  }
+
+  50% {
+    stroke-dashoffset: 128;
+  }
+
+  75% {
+    stroke-dashoffset: 192;
+  }
+
+  100% {
+    stroke-dashoffset: 256;
+  }
+}
+
+@keyframes ~":global(pathRect)" {
+  25% {
+    stroke-dashoffset: 64;
+  }
+
+  50% {
+    stroke-dashoffset: 128;
+  }
+
+  75% {
+    stroke-dashoffset: 192;
+  }
+
+  100% {
+    stroke-dashoffset: 256;
+  }
+}
+
+@-webkit-keyframes ~":global(dotRect)" {
+  25% {
+    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
+  }
+
+  50% {
+    -webkit-transform: translate(18px, -18px);
+    transform: translate(18px, -18px);
+  }
+
+  75% {
+    -webkit-transform: translate(0, -36px);
+    transform: translate(0, -36px);
+  }
+
+  100% {
+    -webkit-transform: translate(-18px, -18px);
+    transform: translate(-18px, -18px);
+  }
+}
+
+@keyframes ~":global(dotRect)" {
+  25% {
+    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
+  }
+
+  50% {
+    -webkit-transform: translate(18px, -18px);
+    transform: translate(18px, -18px);
+  }
+
+  75% {
+    -webkit-transform: translate(0, -36px);
+    transform: translate(0, -36px);
+  }
+
+  100% {
+    -webkit-transform: translate(-18px, -18px);
+    transform: translate(-18px, -18px);
+  }
+}
+
+@-webkit-keyframes ~":global(pathCircle)" {
+  25% {
+    stroke-dashoffset: 125;
+  }
+
+  50% {
+    stroke-dashoffset: 175;
+  }
+
+  75% {
+    stroke-dashoffset: 225;
+  }
+
+  100% {
+    stroke-dashoffset: 275;
+  }
+}
+
+@keyframes ~":global(pathCircle)" {
+  25% {
+    stroke-dashoffset: 125;
+  }
+
+  50% {
+    stroke-dashoffset: 175;
+  }
+
+  75% {
+    stroke-dashoffset: 225;
+  }
 
-  .loading {
-    font-size: 36px;
-    color: @primary-color;
-    text-align: center;
+  100% {
+    stroke-dashoffset: 275;
   }
-}
+}

package/dist/slots/ManualContent/NavigatorBanner.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import classNames from 'classnames';
-import { history } from 'dumi';
+import { history, FormattedMessage } from 'dumi';
 import styles from "./NavigatorBanner.module.less";
-import { useScrollToTop, useT } from "../hooks";
+import { useScrollToTop } from "../hooks";
 export var NavigatorBanner = function NavigatorBanner(_ref) {
   var post = _ref.post,
       type = _ref.type;
@@ -30,7 +30,9 @@ export var NavigatorBanner = function NavigatorBanner(_ref) {
     onClick: go
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.label
-  }, useT(type === 'prev' ? '上一篇' : '下一篇')), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: type === 'prev' ? '上一篇' : '下一篇'
+  })), /*#__PURE__*/React.createElement("div", {
     className: styles.title
   }, title));
 };

package/dist/slots/ManualContent/ReadingTime.js

@@ -1,10 +1,14 @@
 import React from 'react';
 import { Tag } from 'antd';
-import { useT } from "../hooks";
+import { FormattedMessage } from 'dumi';
 
 var ReadingTime = function ReadingTime(_ref) {
   var readingTime = _ref.readingTime;
-  return /*#__PURE__*/React.createElement(Tag, null, "".concat(useT('阅读时间约'), " ").concat(Math.ceil(readingTime / 60000), " ").concat(useT('分钟')));
+  return /*#__PURE__*/React.createElement(Tag, null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "\u9605\u8BFB\u65F6\u95F4\u7EA6"
+  }), " ", Math.ceil(readingTime / 60000), "  ", /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "\u5206\u949F"
+  }));
 };
 
 export default ReadingTime;