@antv/dumi-theme-antv 0.4.4 → 0.4.6

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

@@ -5,8 +5,9 @@
   margin: auto;
   position: relative;
   flex-direction: column;
-  padding: 0;
-  background: rgb(240, 245, 250);
+  padding-top: 120px;
+  top: -90px;
+  background: #fff;
   height: auto;
   overflow-x: hidden;
 
@@ -14,65 +15,24 @@
     width: 95.8%;
     height: 100%;
     margin-left: 4.2%;
-    margin-bottom: 5%;
     position: relative;
     .container1440;
   }
 
   .title {
-    font-size: 2.8em;
-    padding-left: 4.06%;
     font-weight: 500;
     margin: 17px 0 0 0;
     position: relative;
+    font-family: AlibabaPuHuiTiB;
+    font-size: 40px;
+    text-align: center;
+    color: #1D2129;
     height: min-content;
-    color: #fff;
-  }
-
-  .slicerbarv {
-    display: none;
-  }
-
-  .slicerbarv2 {
-    display: none;
-  }
-
-  .lefttop {
-    background: linear-gradient(130deg,
-        fade(@primary-color, 70%),
-        shade(@primary-color, 20%));
-    width: 100%;
-    top: 0;
-    position: absolute;
-  }
-
-  .lefttopWithTitle {
-    height: 60%;
-  }
-
-  .lefttopWithoutTitle {
-    height: 75%;
-  }
-
-  .rightbottom {
-    position: absolute;
-    width: 95.83%;
-    left: 4.17%;
-    top: 88px;
-    background: #fff;
-    height: 65%;
-    box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.1);
-  }
-
-  .rightbottomWithoutTitle {
-    top: 48px;
-    height: 75%;
   }
 
   .cardsContainer {
     width: 100%;
     height: 65%;
-    margin-top: 48px;
     position: relative;
 
     .cards {
@@ -81,120 +41,54 @@
       position: relative;
       width: -webkit-fill-available;
       flex-wrap: wrap;
-      margin-left: 4.06%;
+      box-sizing: border-box;
+      padding: 0 4.5%;
 
       .cardWrapper {
-        margin: 68px 0 93px 0;
-        border-right: 1px solid rgba(0, 0, 0, 0.1);
+        margin: 48px 0 30px 0;
+        background-color: #FFFFFF;
+        border: 1px solid #E5E8EF;
+        box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.03);
+        border-radius: 16px;
+        overflow: hidden;
+        margin-right: 29px;
+        flex: 1;
 
         &:last-child {
-          border-right: 0px;
+          margin-right: 0;
         }
       }
     }
   }
 }
 
-.dot {
-  position: absolute;
-  width: 3px;
-  height: 3px;
-  border-radius: 50%;
-  background: #d8d8d8;
-  display: none;
-}
-
-@media (max-width: 768px) {
+@media (max-width: 900px) {
   .wrapper {
     width: 100%;
 
-    .lefttop {
-      left: 0px;
-      height: 100%;
-      width: 100%;
-    }
-
-    .rightbottom {
-      height: 79.5%;
-      margin-top: 48px;
-
-      .slicerbarv {
-        position: absolute;
-        background-color: #f2f4f5;
-        width: 1px;
-        height: 100%;
-        margin-left: 3%;
-        display: block;
-        z-index: 1;
-      }
-
-      .slicerbarv2 {
-        margin-left: 92.2%; // 1 - (0.96 * 0.04 + 0.04)
-      }
-
-      .slicerbarh {
-        position: absolute;
-        background-color: #f2f4f5;
-        width: 100%;
-        height: 1px;
-        display: block;
-        margin-top: 45px;
-      }
-
-      .slicerbarh2 {
-        margin-top: 395px;
-      }
-
-      .slicerbarh3 {
-        margin-top: 745px;
-      }
-
-      .slicerbarh4 {
-        margin-top: 1095px;
-      }
-    }
-
-    .rightbottomWithoutTitle {
-      top: 48px;
-      height: 86.5%;
-    }
-
-    .lefttopWithTitle {
-      height: 95.73%;
-    }
-
-    .lefttopWithoutTitle {
-      height: 95.73%;
-    }
-
     .content {
+      width: 91.46%;
+
       .title {
         font-size: 2.143rem;
-        margin: 80px 0 60px 0;
       }
 
       .cardsContainer {
-        margin-bottom: 70px;
-
         .cards {
-          margin-top: 60px;
-          margin-left: 3.34%;
-          padding-top: 45px;
-          padding-bottom: 45px;
+          margin-top: 48px;
 
           .cardWrapper {
-            margin: 68px 0 68px 0;
+            flex: none;
+            margin: 0 0 28px 0;
             width: 100%;
-            height: 216px;
-            border-right: 0px;
+            max-width: 100%;
+
+            &:last-child {
+              margin: 0 0 30px 0;
+            }
           }
         }
       }
     }
   }
-
-  .dot {
-    display: block;
-    z-index: 2;
-  }
-}
+}

package/dist/slots/Footer/index.js

@@ -123,7 +123,9 @@ export var Footer = function Footer(props) {
         src: "https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg",
         alt: "more products"
       }),
-      title: '更多产品',
+      title: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "\u66F4\u591A\u4EA7\u54C1"
+      }),
       items: [{
         icon: /*#__PURE__*/React.createElement("img", {
           src: "https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg",
@@ -131,16 +133,22 @@ export var Footer = function Footer(props) {
         }),
         title: 'Ant Design',
         url: 'https://ant.design',
-        description: '企业级 UI 设计语言',
+        description: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "\u4F01\u4E1A\u7EA7 UI \u8BBE\u8BA1\u8BED\u8A00"
+        }),
         openExternal: true
       }, {
         icon: /*#__PURE__*/React.createElement("img", {
           src: "https://gw.alipayobjects.com/zos/rmsportal/XuVpGqBFxXplzvLjJBZB.svg",
           alt: "yuque"
         }),
-        title: '语雀',
+        title: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "\u8BED\u96C0"
+        }),
         url: 'https://yuque.com',
-        description: '知识创作与分享工具',
+        description: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "\u77E5\u8BC6\u521B\u4F5C\u4E0E\u5206\u4EAB\u5DE5\u5177"
+        }),
         openExternal: true
       }, {
         icon: /*#__PURE__*/React.createElement("img", {
@@ -149,7 +157,9 @@ export var Footer = function Footer(props) {
         }),
         title: 'Egg',
         url: 'https://eggjs.org',
-        description: '企业级 Node 开发框架',
+        description: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "\u4F01\u4E1A\u7EA7 Node \u5F00\u53D1\u6846\u67B6"
+        }),
         openExternal: true
       }, {
         icon: /*#__PURE__*/React.createElement("img", {
@@ -157,7 +167,9 @@ export var Footer = function Footer(props) {
           alt: "kitchen"
         }),
         title: 'Kitchen',
-        description: 'Sketch 工具集',
+        description: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "Sketch \u5DE5\u5177\u96C6"
+        }),
         url: 'https://kitchen.alipay.com',
         openExternal: true
       }, {
@@ -165,7 +177,9 @@ export var Footer = function Footer(props) {
           src: "https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg",
           alt: "xtech"
         }),
-        title: '蚂蚁体验科技',
+        title: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "\u8682\u8681\u4F53\u9A8C\u79D1\u6280"
+        }),
         url: 'https://xtech.antfin.com/',
         openExternal: true
       }]

package/dist/slots/Header/Navs.js

@@ -52,7 +52,11 @@ export var Navs = function Navs(_ref) {
           to: url
         }, displayName));
       }))
-    }, /*#__PURE__*/React.createElement("span", null, title, /*#__PURE__*/React.createElement(DownOutlined, null)))) : /*#__PURE__*/React.createElement("li", {
+    }, /*#__PURE__*/React.createElement("span", null, title, /*#__PURE__*/React.createElement(DownOutlined, {
+      style: {
+        marginLeft: '6px'
+      }
+    })))) : /*#__PURE__*/React.createElement("li", {
       key: title,
       className: className
     }, nav.target === '_blank' || href.startsWith('http') ? /*#__PURE__*/React.createElement("a", {

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { INav } from './Navs';
+import type { IC } from '../../types';
 export type HeaderProps = {
     pathPrefix?: string;
     /** 子标题 */
@@ -71,5 +72,13 @@ export type HeaderProps = {
             appId: string;
         };
     };
+    announcement?: {
+        title: IC;
+        icon: string;
+        link: {
+            url: string;
+            text: IC;
+        };
+    };
 };
 export declare const Header: React.FC<Partial<HeaderProps>>;

package/dist/slots/Header/index.js

@@ -11,13 +11,13 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 // import { navigate } from 'gatsby';
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useMemo } from 'react';
 import { useMedia } from 'react-use';
 import { useNavigate } from "react-router-dom";
 import cx from 'classnames';
 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 { Alert, Modal, Button, Popover, Menu, Dropdown, Select } from 'antd';
 import { get, map, size } from 'lodash-es';
 import { Search } from "./Search";
 import { Products } from "./Products";
@@ -28,13 +28,7 @@ import styles from "./index.module.less";
 function redirectChinaMirror(chinaMirrorOrigin) {
   window.location.href = window.location.href.replace(window.location.origin, chinaMirrorOrigin);
 }
-function fetchBanner() {
-  return fetch('https://assets.antv.antgroup.com/antv/banner.json' // 生产环境
-  // 'https://site-data-pre.alipay.com/antv/banner.json', // 预发测试
-  ).then(function (res) {
-    return res.json();
-  });
-}
+var ANNOUNCEMENT_LOCALSTORAGE_ID = 'ANNOUNCEMENT_LOCALSTORAGE_ID';
 
 /**
  * 头部菜单
@@ -43,15 +37,10 @@ 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,
@@ -66,8 +55,6 @@ var HeaderComponent = function HeaderComponent(_ref) {
     _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,
@@ -78,43 +65,26 @@ var HeaderComponent = function HeaderComponent(_ref) {
     versions = _ref.versions,
     internalSite = _ref.internalSite,
     ecosystems = _ref.ecosystems,
-    searchOptions = _ref.searchOptions;
+    announcement = _ref.announcement;
   var isAntVHome = isAntVSite && isHomePage; // 是否为AntV官网首页
 
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     bannerVisible = _useState2[0],
     setBannerVisible = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    banner = _useState4[0],
-    setBanner = _useState4[1];
   useEffect(function () {
-    fetchBanner().then(function (_ref2) {
-      var id = _ref2.id,
-        html = _ref2.html;
-      if (id && html) {
-        setBanner({
-          id: id,
-          html: html
-        });
-        setBannerVisible(localStorage.getItem(id) !== 'x');
-      }
-    }).catch(function () {
-      setBanner(null);
-      setBannerVisible(false);
-    });
-  }, []);
+    setBannerVisible(localStorage.getItem(ANNOUNCEMENT_LOCALSTORAGE_ID) !== 'true');
+  }, [announcement]);
   function onBannerClose() {
-    localStorage.setItem(banner.id, 'x');
+    localStorage.setItem(ANNOUNCEMENT_LOCALSTORAGE_ID, 'true');
     setBannerVisible(false);
   }
   var showChinaMirror = !!internalSite;
   var chinaMirrorUrl = get(internalSite, 'url');
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    chinaMirrorHintVisible = _useState6[0],
-    updateChinaMirrorHintVisible = _useState6[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    chinaMirrorHintVisible = _useState4[0],
+    updateChinaMirrorHintVisible = _useState4[1];
   useEffect(function () {
     var timeout = setTimeout(function () {
       if (showChinaMirror && lang === 'zh' && !localStorage.getItem('china-mirror-no-more-hint') && window.location.host.includes('antv.vision')) {
@@ -127,14 +97,14 @@ var HeaderComponent = function HeaderComponent(_ref) {
   });
   var locale = useLocale();
   var nav = useNavigate();
-  var _useState7 = useState(locale.id),
+  var _useState5 = useState(locale.id),
+    _useState6 = _slicedToArray(_useState5, 2),
+    lang = _useState6[0],
+    setLang = _useState6[1];
+  var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    lang = _useState8[0],
-    setLang = _useState8[1];
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    productMenuVisible = _useState10[0],
-    setProductMenuVisible = _useState10[1];
+    productMenuVisible = _useState8[0],
+    setProductMenuVisible = _useState8[1];
   var productMenuHovering = false;
   var onProductMouseEnter = function onProductMouseEnter(e) {
     productMenuHovering = true;
@@ -158,10 +128,10 @@ var HeaderComponent = function HeaderComponent(_ref) {
   var onToggleProductMenuVisible = function onToggleProductMenuVisible() {
     setProductMenuVisible(!productMenuVisible);
   };
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    popupMenuVisible = _useState12[0],
-    setPopupMenuVisible = _useState12[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    popupMenuVisible = _useState10[0],
+    setPopupMenuVisible = _useState10[1];
   var onTogglePopupMenuVisible = function onTogglePopupMenuVisible() {
     setPopupMenuVisible(!popupMenuVisible);
   };
@@ -212,9 +182,9 @@ var HeaderComponent = function HeaderComponent(_ref) {
   }) : null, /** 生态产品 */
   size(ecosystems) ? /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Dropdown, {
     className: styles.ecoSystems,
-    overlay: /*#__PURE__*/React.createElement(Menu, null, map(ecosystems, function (_ref3) {
-      var url = _ref3.url,
-        ecosystemName = _ref3.name;
+    overlay: /*#__PURE__*/React.createElement(Menu, null, map(ecosystems, function (_ref2) {
+      var url = _ref2.url,
+        ecosystemName = _ref2.name;
       return /*#__PURE__*/React.createElement(Menu.Item, {
         key: ecosystemName === null || ecosystemName === void 0 ? void 0 : ecosystemName[lang]
       }, /*#__PURE__*/React.createElement("a", {
@@ -273,7 +243,11 @@ var HeaderComponent = function HeaderComponent(_ref) {
       e.preventDefault();
       redirectChinaMirror(chinaMirrorUrl);
     }
-  }, ic(get(internalSite, 'name')), !isAntVHome && /*#__PURE__*/React.createElement(LinkOutlined, null)))) : null, showChinaMirror && !isWide && /*#__PURE__*/React.createElement(Modal, {
+  }, ic(get(internalSite, 'name')), !isAntVHome && /*#__PURE__*/React.createElement(LinkOutlined, {
+    style: {
+      marginLeft: '6px'
+    }
+  })))) : null, showChinaMirror && !isWide && /*#__PURE__*/React.createElement(Modal, {
     visible: chinaMirrorHintVisible,
     cancelText: "\u4E0D\u518D\u63D0\u9192",
     okText: "\u7ACB\u5373\u524D\u5F80",
@@ -301,13 +275,20 @@ 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, {
+    style: {
+      marginLeft: '6px'
+    }
+  })), /*#__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", {
     src: "https://gw.alipayobjects.com/zos/antfincdn/FLrTNDvlna/antv.png",
     alt: "antv logo arrow",
-    className: cx(styles.arrow, _defineProperty({}, styles.open, productMenuVisible))
+    className: cx(styles.arrow, _defineProperty({}, styles.open, productMenuVisible)),
+    style: {
+      marginLeft: '6px'
+    }
   }) : /*#__PURE__*/React.createElement(CaretDownFilled, {
     style: {
       top: '1px',
@@ -345,8 +326,8 @@ var HeaderComponent = function HeaderComponent(_ref) {
     overlay: /*#__PURE__*/React.createElement(Menu, {
       defaultSelectedKeys: [lang],
       selectable: true,
-      onSelect: function onSelect(_ref4) {
-        var key = _ref4.key;
+      onSelect: function onSelect(_ref3) {
+        var key = _ref3.key;
         if (key === lang) {
           return;
         }
@@ -414,9 +395,29 @@ var HeaderComponent = function HeaderComponent(_ref) {
     target: "_blank",
     rel: "noreferrer"
   }, /*#__PURE__*/React.createElement(GithubOutlined, null))));
+  var announcementTitle = useMemo(function () {
+    return get(announcement, ['title', lang]);
+  }, [announcement, lang]);
+  var announcementLinkTitle = useMemo(function () {
+    return get(announcement, ['link', 'text', lang]);
+  }, [announcement, lang]);
   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.isAntVHome, !!isAntVHome), _defineProperty(_cx4, styles.fixed, popupMenuVisible), _cx4))
-  }, /*#__PURE__*/React.createElement("div", {
+  }, bannerVisible && announcementTitle && /*#__PURE__*/React.createElement(Alert, {
+    className: styles.banner,
+    message: /*#__PURE__*/React.createElement("div", {
+      className: styles.topAlert
+    }, announcement.icon && /*#__PURE__*/React.createElement("img", {
+      src: announcement.icon
+    }), /*#__PURE__*/React.createElement("div", null, announcementTitle), announcementLinkTitle && /*#__PURE__*/React.createElement("a", {
+      href: announcement.link.url
+    }, announcementLinkTitle)),
+    type: "info",
+    banner: true,
+    closable: true,
+    showIcon: false,
+    onClose: onBannerClose
+  }), /*#__PURE__*/React.createElement("div", {
     className: styles.container
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.left
@@ -452,7 +453,8 @@ export var Header = function Header(props) {
     versions = themeConfig.versions,
     ecosystems = themeConfig.ecosystems,
     navs = themeConfig.navs,
-    docsearchOptions = themeConfig.docsearchOptions;
+    docsearchOptions = themeConfig.docsearchOptions,
+    announcement = themeConfig.announcement;
   var searchOptions = {
     docsearchOptions: docsearchOptions
   };
@@ -479,7 +481,8 @@ export var Header = function Header(props) {
     navs: navs,
     searchOptions: searchOptions,
     isHomePage: isHomePage,
-    transparent: isHomePage && isAntVSite
+    transparent: isHomePage && isAntVSite,
+    announcement: announcement
   };
   return /*#__PURE__*/React.createElement(HeaderComponent, Object.assign({}, headerProps, props));
 };

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

@@ -382,6 +382,23 @@
       }
     }
   }
+
+  .topAlert {
+    display: flex;
+    height: 22px;
+    justify-content: center;
+    align-items: center;
+
+    > img {
+      width: 16px;
+      height: 16px;
+      margin-right: 8px;
+    }
+
+    > a {
+      margin-left: 8px;
+    }
+  }
 }
 
 .remindHref {

package/dist/slots/ManualContent/index.js

@@ -12,6 +12,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { MenuFoldOutlined, MenuUnfoldOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
+import { get } from 'lodash';
 import { Affix, BackTop, Layout, Menu } from 'antd';
 import { useFullSidebarData, useLocale, useRouteMeta, useSiteData } from 'dumi';
 import Drawer from 'rc-drawer';
@@ -100,8 +101,13 @@ export var ManualContent = function ManualContent(_ref) {
           funllSidebarData[item.key] && ((_funllSidebarData$ite = funllSidebarData[item.key][0].children) === null || _funllSidebarData$ite === void 0 ? void 0 : _funllSidebarData$ite.forEach(function (itemChild) {
             var label = itemChild.title;
             var key = itemChild.link;
+            var tag = get(itemChild, ['frontmatter', 'tag']);
             item.children.push(_objectSpread(_objectSpread({}, itemChild), {}, {
-              label: label,
+              label: tag ? /*#__PURE__*/React.createElement("div", {
+                className: styles.memuLabel
+              }, label, /*#__PURE__*/React.createElement("div", {
+                className: styles.tag
+              }, tag)) : label,
               key: key
             }));
           }));
@@ -299,7 +305,7 @@ export var ManualContent = function ManualContent(_ref) {
   }, /*#__PURE__*/React.createElement(VerticalAlignTopOutlined, null))))))), is991Wide ? /*#__PURE__*/React.createElement(Layout.Sider, {
     theme: "light",
     width: 260
-  }, /*#__PURE__*/React.createElement(Affix, {
+  }, /*#__PURE__*/React.createElement("div", {
     className: styles.toc
   }, /*#__PURE__*/React.createElement(ContentTable, null))) : /*#__PURE__*/React.createElement("div", null)));
 };