@antv/dumi-theme-antv 0.6.4-alpha.4 → 0.6.4-alpha.5

package/dist/slots/Header/index.js

@@ -13,16 +13,15 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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(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 { CaretDownFilled, CheckOutlined, DownOutlined, GithubOutlined, LinkOutlined, MenuOutlined, WechatOutlined } from '@ant-design/icons';
+import { CaretDownFilled, DownOutlined, GithubOutlined, LinkOutlined, MenuOutlined, WechatOutlined } from '@ant-design/icons';
 import { Alert, Button, Dropdown, Menu, Modal, Popover, Select } from 'antd';
 import cx from 'classnames';
 import { FormattedMessage, Link, useLocale, useSiteData } from 'dumi';
 import { get, map, size } from 'lodash-es';
-import React, { useEffect, useMemo, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import React, { useEffect, useState } from 'react';
 import { useMedia } from 'react-use';
 import { getPurePathname } from "../../utils/location";
-import { ic } from "../hooks";
+import { ic, icWithLocale } from "../hooks";
 import { Navs } from "./Navs";
 import { Products } from "./Products";
 import { Search } from "./Search";
@@ -41,6 +40,7 @@ var ANNOUNCEMENT_LOCALSTORAGE_ID = 'ANNOUNCEMENT_LOCALSTORAGE_ID';
  * 头部菜单
  */
 var HeaderComponent = function HeaderComponent(_ref) {
+  var _announcement$link;
   var _ref$subTitle = _ref.subTitle,
     subTitle = _ref$subTitle === void 0 ? '' : _ref$subTitle,
     _ref$navs = _ref.navs,
@@ -84,6 +84,8 @@ var HeaderComponent = function HeaderComponent(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     chinaMirrorHintVisible = _useState4[0],
     updateChinaMirrorHintVisible = _useState4[1];
+  var locale = useLocale();
+  var lang = locale.id;
   useEffect(function () {
     var timeout = setTimeout(function () {
       if (showChinaMirror && lang === 'zh' && !localStorage.getItem('china-mirror-no-more-hint') && window.location.host.includes('antv.vision')) {
@@ -94,18 +96,8 @@ var HeaderComponent = function HeaderComponent(_ref) {
       clearTimeout(timeout);
     };
   });
-  var locale = useLocale();
-  var nav = useNavigate();
-  var _useState5 = useState(locale.id),
-    _useState6 = _slicedToArray(_useState5, 2),
-    lang = _useState6[0],
-    setLang = _useState6[1];
-  var announcementTitle = useMemo(function () {
-    return get(announcement, ['title', lang]);
-  }, [announcement, lang]);
-  var announcementLinkTitle = useMemo(function () {
-    return get(announcement, ['link', 'text', lang]);
-  }, [announcement, lang]);
+  var announcementTitle = icWithLocale(announcement === null || announcement === void 0 ? void 0 : announcement.title, lang);
+  var announcementLinkTitle = icWithLocale(announcement === null || announcement === void 0 || (_announcement$link = announcement.link) === null || _announcement$link === void 0 ? void 0 : _announcement$link.text, lang);
   useEffect(function () {
     setBannerVisible(!!announcementTitle && localStorage.getItem(ANNOUNCEMENT_LOCALSTORAGE_ID) !== 'true');
   }, [announcementTitle]);
@@ -113,10 +105,10 @@ var HeaderComponent = function HeaderComponent(_ref) {
     localStorage.setItem(ANNOUNCEMENT_LOCALSTORAGE_ID, 'true');
     setBannerVisible(false);
   }
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    productMenuVisible = _useState8[0],
-    setProductMenuVisible = _useState8[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    productMenuVisible = _useState6[0],
+    setProductMenuVisible = _useState6[1];
   var productMenuHovering = false;
   var onProductMouseEnter = function onProductMouseEnter(e) {
     productMenuHovering = true;
@@ -140,10 +132,10 @@ var HeaderComponent = function HeaderComponent(_ref) {
   var onToggleProductMenuVisible = function onToggleProductMenuVisible() {
     setProductMenuVisible(!productMenuVisible);
   };
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    popupMenuVisible = _useState10[0],
-    setPopupMenuVisible = _useState10[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    popupMenuVisible = _useState8[0],
+    setPopupMenuVisible = _useState8[1];
   var onTogglePopupMenuVisible = function onTogglePopupMenuVisible() {
     setPopupMenuVisible(!popupMenuVisible);
   };
@@ -187,29 +179,9 @@ var HeaderComponent = function HeaderComponent(_ref) {
   } : {
     onClick: onToggleProductMenuVisible
   };
-  var langItems = [{
-    label: /*#__PURE__*/React.createElement(Link, {
-      to: "/en"
-    }, /*#__PURE__*/React.createElement(CheckOutlined, {
-      style: {
-        visibility: lang === 'en' ? 'visible' : 'hidden',
-        color: '#52c41a'
-      }
-    }), "English"),
-    key: 'en'
-  },
-  // 菜单项务必填写 key
-  {
-    label: /*#__PURE__*/React.createElement(Link, {
-      to: "/"
-    }, /*#__PURE__*/React.createElement(CheckOutlined, {
-      style: {
-        visibility: lang === 'zh' ? 'visible' : 'hidden',
-        color: '#52c41a'
-      }
-    }), "\u7B80\u4F53\u4E2D\u6587"),
-    key: 'zh'
-  }];
+  var handleSwitchLanguage = function handleSwitchLanguage() {
+    onLanguageChange === null || onLanguageChange === void 0 || onLanguageChange(lang);
+  };
   var menu = /*#__PURE__*/React.createElement("ul", {
     className: cx(styles.menu, _defineProperty(_defineProperty({}, styles.popup, !isWide), styles.popupHidden, !popupMenuVisible))
   }, /** 最左侧的菜单，一般是 教程、API、示例，或者其他自定义，有配置文件中的 `navs` 决定 */
@@ -359,31 +331,9 @@ var HeaderComponent = function HeaderComponent(_ref) {
   }))), /** 切换网站语言 */
   showLanguageSwitcher && /*#__PURE__*/React.createElement("li", {
     className: cx(styles.navIcon, styles.languageSwitcher)
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    placement: "bottomRight",
-    overlay: /*#__PURE__*/React.createElement(Menu, {
-      defaultSelectedKeys: [lang],
-      selectable: true,
-      onSelect: function onSelect(_ref3) {
-        var key = _ref3.key;
-        if (key === lang) {
-          return;
-        }
-        setLang(key);
-        if (onLanguageChange) {
-          onLanguageChange(key.toString());
-          return;
-        }
-      },
-      items: langItems,
-      forceSubMenuRender: true
-    }),
-    className: styles.translation
-  }, /*#__PURE__*/React.createElement("a", {
-    className: "ant-dropdown-link",
-    onClick: function onClick(e) {
-      return e.preventDefault();
-    }
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: lang === 'zh' ? '/en' : '/',
+    onClick: handleSwitchLanguage
   }, /*#__PURE__*/React.createElement("svg", {
     className: styles.translation,
     xmlns: "http://www.w3.org/2000/svg",
@@ -392,7 +342,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
     viewBox: "0 0 24 24"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"
-  }))))), /** 微信公众号 */
+  })))), /** 微信公众号 */
   showWxQrcode && /*#__PURE__*/React.createElement("li", {
     className: cx(styles.navIcon, styles.wxQrcode)
   }, /*#__PURE__*/React.createElement(Popover, {
@@ -505,14 +455,14 @@ var Header = function Header(props) {
     announcement: announcement,
     petercat: petercat
   };
-  var _useState11 = useState(undefined),
-    _useState12 = _slicedToArray(_useState11, 2),
-    isInternalUser = _useState12[0],
-    setIsInternalUser = _useState12[1];
+  var _useState9 = useState(undefined),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isInternalUser = _useState10[0],
+    setIsInternalUser = _useState10[1];
   var isPetercatShow = petercat === null || petercat === void 0 ? void 0 : petercat.show;
   useEffect(function () {
     var checkUserType = /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
         var result;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -529,7 +479,7 @@ var Header = function Header(props) {
         }, _callee);
       }));
       return function checkUserType() {
-        return _ref4.apply(this, arguments);
+        return _ref3.apply(this, arguments);
       };
     }();
     checkUserType();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.6.4-alpha.4",
+  "version": "0.6.4-alpha.5",
   "description": "AntV website theme based on dumi2.",
   "keywords": [
     "dumi",