@hjkl6/dumi-theme-antv
Version:
[](https://npmjs.org/package/@antv/dumi-theme-antv) [](https://npmjs.org/package/@antv/dumi
70 lines (69 loc) • 3.56 kB
JavaScript
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(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 { DownOutlined, LinkOutlined } from '@ant-design/icons';
import { Dropdown, Menu } from 'antd';
import cx from 'classnames';
import { Link, useLocale } from 'dumi';
import { size } from 'lodash-es';
import React from 'react';
import styles from "./index.module.less";
import { getNavCategory } from "./utils";
/**
* Header 中的导航菜单
*/
export var Navs = function Navs(_ref) {
var navs = _ref.navs,
path = _ref.path;
var locale = useLocale();
return /*#__PURE__*/React.createElement(React.Fragment, null, navs.map(function (nav) {
var title = nav.title[locale.id];
var href = '';
var className = '';
if (nav.slug) {
href = nav.slug.startsWith('http') ? nav.slug : "/".concat(nav.slug);
// 去除 docs 防止新页面 404 和 本页重新刷新。
href = href.replace(/^\/docs(?=\/)/, '');
if (locale.id == 'en' && !href.startsWith('http')) {
href = "/en".concat(href);
}
className = cx('header-menu-item-active', _defineProperty({}, styles.activeItem, getNavCategory(path) === getNavCategory(href)));
}
return size(nav.dropdownItems) ? /*#__PURE__*/React.createElement("li", {
key: title,
className: className
}, /*#__PURE__*/React.createElement(Dropdown, {
className: styles.ecoSystems,
placement: "bottom",
overlay: /*#__PURE__*/React.createElement(Menu, null, nav.dropdownItems.map(function (_ref2) {
var name = _ref2.name,
url = _ref2.url,
target = _ref2.target;
var displayName = name[locale.id];
return /*#__PURE__*/React.createElement(Menu.Item, {
key: url
}, target === '_blank' || url.startsWith('http') ? /*#__PURE__*/React.createElement("a", {
href: url,
target: "_blank",
rel: "noreferrer"
}, displayName, /*#__PURE__*/React.createElement(LinkOutlined, null)) : /*#__PURE__*/React.createElement(Link, {
to: url
}, displayName));
}))
}, /*#__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", {
href: href,
target: "_blank",
rel: "noreferrer"
}, title, /*#__PURE__*/React.createElement(LinkOutlined, null)) : /*#__PURE__*/React.createElement(Link, {
to: href
}, title));
}));
};