@antv/dumi-theme-antv 0.4.5 → 0.5.0

package/dist/slots/ExampleSider/index.js

@@ -2,8 +2,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 _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); }
@@ -23,7 +23,6 @@ import styles from "./index.module.less";
 var MenuIcon = createFromIconfontCN({
   scriptUrl: '//at.alicdn.com/t/font_470089_1lnym745udm.js' // generated by iconfont.cn
 });
-
 /**
  * DEMO 预览页面的菜单
  */

package/dist/slots/Footer/index.js

@@ -2,8 +2,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 var _excluded = ["columns", "bottom", "language", "isDynamicFooter", "rootDomain", "className"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
@@ -20,7 +20,6 @@ import styles from "./index.module.less";
  * @returns
  */
 export var Footer = function Footer(props) {
-  var _classnames;
   var columns = props.columns,
     bottom = props.bottom,
     language = props.language,
@@ -123,7 +122,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 +132,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 +156,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 +166,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 +176,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
       }]
@@ -176,7 +189,7 @@ export var Footer = function Footer(props) {
     maxColumnsPerRow: 5,
     theme: theme,
     columns: columns || getColumns(),
-    className: classnames(styles.footer, className, (_classnames = {}, _defineProperty(_classnames, styles.light, theme === 'light'), _defineProperty(_classnames, styles.withMenu, isDynamicFooter), _classnames)),
+    className: classnames(styles.footer, className, _defineProperty(_defineProperty({}, styles.light, theme === 'light'), styles.withMenu, isDynamicFooter)),
     bottom: bottom || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: cx(styles.bottom, _defineProperty({}, styles.light, theme === 'light'))
     }, theme === 'light' ? "\xA9 Copyright ".concat(new Date().getFullYear(), " Ant Group Co., Ltd..\u5907\u6848\u53F7\uFF1A\u4EACICP\u590715032932\u53F7-38") : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {

package/dist/slots/Header/Navs.js

@@ -1,7 +1,7 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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); }
 import React from 'react';
 import cx from 'classnames';
 import { size } from 'lodash-es';
@@ -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/Products/getProducts.js

@@ -2,8 +2,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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); }
 import { each } from 'lodash-es';
 var tuple = function tuple() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {

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

@@ -1,7 +1,7 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 _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); }

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

@@ -2,8 +2,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 _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); }
@@ -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,30 +28,18 @@ 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';
 
 /**
  * 头部菜单
  */
 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 +54,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 +64,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 +96,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 +127,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);
   };
@@ -204,7 +173,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
     onClick: onToggleProductMenuVisible
   };
   var menu = /*#__PURE__*/React.createElement("ul", {
-    className: cx(styles.menu, (_cx = {}, _defineProperty(_cx, styles.popup, !isWide), _defineProperty(_cx, styles.popupHidden, !popupMenuVisible), _cx))
+    className: cx(styles.menu, _defineProperty(_defineProperty({}, styles.popup, !isWide), styles.popupHidden, !popupMenuVisible))
   }, /** 最左侧的菜单，一般是 教程、API、示例，或者其他自定义，有配置文件中的 `navs` 决定 */
   size(navs) ? /*#__PURE__*/React.createElement(Navs, {
     navs: navs,
@@ -212,9 +181,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 +242,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 +274,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 +325,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 +394,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", {
+    className: cx(styles.header, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.transparent, !!transparent && !productMenuVisible), styles.isHomePage, !!isHomePage && !isAntVHome), styles.lightTheme, !!isAntVHome && !productMenuVisible && isWide), styles.isAntVHome, !!isAntVHome), styles.fixed, popupMenuVisible))
+  }, 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 +452,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 +480,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

@@ -3,8 +3,8 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 _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); }
@@ -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)));
 };