@antv/dumi-theme-antv 0.3.5 → 0.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/builtins/Playground/index.js +14 -26
- package/dist/layouts/DocLayout.js +17 -20
- package/dist/layouts/entry/API.js +0 -1
- package/dist/layouts/entry/Index.js +27 -31
- package/dist/layouts/entry/Manual.js +0 -1
- package/dist/pages/404.js +1 -2
- package/dist/pages/Example/index.js +19 -37
- package/dist/pages/Examples/components/Accouncement/index.js +9 -13
- package/dist/pages/Examples/components/ExampleTopicMenu/components/LeftMenu/index.js +9 -20
- package/dist/pages/Examples/components/ExampleTopicMenu/index.js +6 -14
- package/dist/pages/Examples/components/GalleryPageContent/DemoCard/index.js +3 -5
- package/dist/pages/Examples/components/GalleryPageContent/index.js +8 -6
- package/dist/pages/Examples/index.js +8 -19
- package/dist/plugin/examples.js +5 -0
- package/dist/plugin/index.js +6 -0
- package/dist/plugin/utils.js +4 -0
- package/dist/slots/Article/index.js +0 -2
- package/dist/slots/Banner/Notification.js +6 -10
- package/dist/slots/Banner/index.js +24 -46
- package/dist/slots/Cases/index.js +4 -13
- package/dist/slots/CodeEditor/Toolbar.js +26 -36
- package/dist/slots/CodeEditor/index.js +66 -76
- package/dist/slots/CodeEditor/utils.js +28 -43
- package/dist/slots/CodePreview/CodeHeader.js +4 -4
- package/dist/slots/CodePreview/index.js +4 -6
- package/dist/slots/CodeRunner/index.js +22 -33
- package/dist/slots/CodeRunner/utils.js +5 -6
- package/dist/slots/Companies/index.js +4 -4
- package/dist/slots/ContentTable/index.js +1 -1
- package/dist/slots/Detail/News.js +6 -8
- package/dist/slots/Detail/index.js +25 -34
- package/dist/slots/ExampleSider/index.js +36 -43
- package/dist/slots/Features/FeatureCard.js +2 -4
- package/dist/slots/Features/index.js +7 -11
- package/dist/slots/Footer/index.js +13 -19
- package/dist/slots/Header/Logo.js +1 -1
- package/dist/slots/Header/LogoWhite.js +1 -1
- package/dist/slots/Header/Navs.js +8 -11
- package/dist/slots/Header/Products/NavigatorBanner.js +2 -8
- package/dist/slots/Header/Products/Product.js +9 -13
- package/dist/slots/Header/Products/getProducts.js +5 -11
- package/dist/slots/Header/Products/index.js +14 -22
- package/dist/slots/Header/Search.js +15 -20
- package/dist/slots/Header/index.js +93 -130
- package/dist/slots/Header/utils.js +2 -3
- package/dist/slots/Loading/index.js +1 -3
- package/dist/slots/ManualContent/NavigatorBanner.js +2 -7
- package/dist/slots/ManualContent/ReadingTime.js +0 -2
- package/dist/slots/ManualContent/index.js +51 -86
- package/dist/slots/ManualContent/utils.js +7 -13
- package/dist/slots/SEO.js +8 -10
- package/dist/slots/global.js +2 -1
- package/dist/slots/hooks.js +17 -29
- package/dist/slots/utils.js +32 -57
- package/package.json +1 -1
|
@@ -1,17 +1,13 @@
|
|
|
1
|
-
function
|
|
2
|
-
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
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; }
|
|
3
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
4
|
+
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); }
|
|
3
5
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
-
|
|
5
6
|
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."); }
|
|
6
|
-
|
|
7
7
|
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); }
|
|
8
|
-
|
|
9
|
-
function
|
|
10
|
-
|
|
11
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
12
|
-
|
|
8
|
+
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; }
|
|
9
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
13
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
-
|
|
15
11
|
import React from 'react';
|
|
16
12
|
import cx from 'classnames';
|
|
17
13
|
import { useLocale, FormattedMessage } from 'dumi';
|
|
@@ -21,19 +17,16 @@ import { useChinaMirrorHost } from "../../hooks";
|
|
|
21
17
|
import styles from "./Product.module.less";
|
|
22
18
|
export var Products = function Products(_ref) {
|
|
23
19
|
var show = _ref.show,
|
|
24
|
-
|
|
25
|
-
|
|
20
|
+
language = _ref.language,
|
|
21
|
+
className = _ref.className;
|
|
26
22
|
var locale = useLocale();
|
|
27
|
-
|
|
28
23
|
var _useChinaMirrorHost = useChinaMirrorHost(),
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
_useChinaMirrorHost2 = _slicedToArray(_useChinaMirrorHost, 1),
|
|
25
|
+
isChinaMirrorHost = _useChinaMirrorHost2[0];
|
|
32
26
|
var _React$useState = React.useState([]),
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
27
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
28
|
+
products = _React$useState2[0],
|
|
29
|
+
setProducts = _React$useState2[1];
|
|
37
30
|
var lang = locale.id === 'zh' ? 'zh' : 'en';
|
|
38
31
|
React.useEffect(function () {
|
|
39
32
|
getNewProducts({
|
|
@@ -49,7 +42,7 @@ export var Products = function Products(_ref) {
|
|
|
49
42
|
className: styles.container
|
|
50
43
|
}, CATEGORIES.map(function (_ref2, idx) {
|
|
51
44
|
var name = _ref2.name,
|
|
52
|
-
|
|
45
|
+
type = _ref2.type;
|
|
53
46
|
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
54
47
|
key: idx
|
|
55
48
|
}, /*#__PURE__*/React.createElement("h3", null, /*#__PURE__*/React.createElement(FormattedMessage, {
|
|
@@ -58,7 +51,6 @@ export var Products = function Products(_ref) {
|
|
|
58
51
|
return item.category === type;
|
|
59
52
|
}).map(function (product) {
|
|
60
53
|
var _product$links, _product$links$home;
|
|
61
|
-
|
|
62
54
|
return /*#__PURE__*/React.createElement(Product, {
|
|
63
55
|
key: product.title,
|
|
64
56
|
name: product.title,
|
|
@@ -5,18 +5,15 @@ import { useLocale, useIntl } from 'dumi';
|
|
|
5
5
|
import '@docsearch/css';
|
|
6
6
|
import styles from "./Search.module.less";
|
|
7
7
|
import 'docsearch.js/dist/cdn/docsearch.min.css';
|
|
8
|
-
|
|
9
8
|
function initDocSearchV2(_ref) {
|
|
10
9
|
var docsearchV2 = _ref.docsearchV2,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
lang = _ref.lang,
|
|
11
|
+
docsearchOptions = _ref.docsearchOptions;
|
|
14
12
|
var _ref2 = docsearchOptions || {},
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
13
|
+
_ref2$apiKey = _ref2.apiKey,
|
|
14
|
+
apiKey = _ref2$apiKey === void 0 ? '194b1be7fb1254c787f4e036912af3eb' : _ref2$apiKey,
|
|
15
|
+
_ref2$indexName = _ref2.indexName,
|
|
16
|
+
indexName = _ref2$indexName === void 0 ? 'antv' : _ref2$indexName;
|
|
20
17
|
docsearchV2({
|
|
21
18
|
apiKey: apiKey,
|
|
22
19
|
indexName: indexName,
|
|
@@ -38,10 +35,10 @@ function initDocSearchV2(_ref) {
|
|
|
38
35
|
hit.url = hit.url.replace('#gatsby-focus-wrapper', '');
|
|
39
36
|
/* eslint-enable no-param-reassign */
|
|
40
37
|
});
|
|
38
|
+
|
|
41
39
|
return hits;
|
|
42
40
|
},
|
|
43
41
|
debug: false // Set debug to true if you want to inspect the dropdown
|
|
44
|
-
|
|
45
42
|
});
|
|
46
43
|
}
|
|
47
44
|
|
|
@@ -49,17 +46,15 @@ export var Search = function Search(_ref3) {
|
|
|
49
46
|
var docsearchOptions = _ref3.docsearchOptions;
|
|
50
47
|
var locale = useLocale();
|
|
51
48
|
var intl = useIntl();
|
|
52
|
-
|
|
53
49
|
var _ref4 = docsearchOptions || {},
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
50
|
+
_ref4$apiKey = _ref4.apiKey,
|
|
51
|
+
apiKey = _ref4$apiKey === void 0 ? '' : _ref4$apiKey,
|
|
52
|
+
_ref4$indexName = _ref4.indexName,
|
|
53
|
+
indexName = _ref4$indexName === void 0 ? '' : _ref4$indexName,
|
|
54
|
+
_ref4$versionV = _ref4.versionV3,
|
|
55
|
+
versionV3 = _ref4$versionV === void 0 ? false : _ref4$versionV,
|
|
56
|
+
_ref4$appId = _ref4.appId,
|
|
57
|
+
appId = _ref4$appId === void 0 ? '' : _ref4$appId;
|
|
63
58
|
useEffect(function () {
|
|
64
59
|
if (typeof window !== 'undefined' && !versionV3) {
|
|
65
60
|
import('docsearch.js').then(function (_ref5) {
|
|
@@ -1,21 +1,15 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
1
2
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
|
-
|
|
3
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
-
|
|
5
|
-
function
|
|
6
|
-
|
|
4
|
+
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; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
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); }
|
|
7
7
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
|
-
|
|
9
8
|
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."); }
|
|
10
|
-
|
|
11
9
|
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
|
-
|
|
13
|
-
function
|
|
14
|
-
|
|
15
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
16
|
-
|
|
10
|
+
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; }
|
|
11
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
17
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
18
|
-
|
|
19
13
|
// import { navigate } from 'gatsby';
|
|
20
14
|
import React, { useState, useEffect } from 'react';
|
|
21
15
|
import { useMedia } from 'react-use';
|
|
@@ -33,66 +27,61 @@ import { LogoWhite } from "./LogoWhite";
|
|
|
33
27
|
import { findVersion, getLangUrl } from "./utils";
|
|
34
28
|
import { ic } from "../hooks";
|
|
35
29
|
import styles from "./index.module.less";
|
|
36
|
-
|
|
37
30
|
function redirectChinaMirror(chinaMirrorOrigin) {
|
|
38
31
|
window.location.href = window.location.href.replace(window.location.origin, chinaMirrorOrigin);
|
|
39
32
|
}
|
|
33
|
+
|
|
40
34
|
/**
|
|
41
35
|
* 头部菜单
|
|
42
36
|
*/
|
|
43
|
-
|
|
44
|
-
|
|
45
37
|
var HeaderComponent = function HeaderComponent(_ref) {
|
|
46
38
|
var _cx, _cx4;
|
|
47
|
-
|
|
48
39
|
var _ref$subTitle = _ref.subTitle,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
40
|
+
subTitle = _ref$subTitle === void 0 ? '' : _ref$subTitle,
|
|
41
|
+
subTitleHref = _ref.subTitleHref,
|
|
42
|
+
_ref$pathPrefix = _ref.pathPrefix,
|
|
43
|
+
pathPrefix = _ref$pathPrefix === void 0 ? '' : _ref$pathPrefix,
|
|
44
|
+
_ref$navs = _ref.navs,
|
|
45
|
+
navs = _ref$navs === void 0 ? [] : _ref$navs,
|
|
46
|
+
_ref$showSearch = _ref.showSearch,
|
|
47
|
+
showSearch = _ref$showSearch === void 0 ? true : _ref$showSearch,
|
|
48
|
+
_ref$showGithubStar = _ref.showGithubStar,
|
|
49
|
+
showGithubStar = _ref$showGithubStar === void 0 ? false : _ref$showGithubStar,
|
|
50
|
+
_ref$showGithubCorner = _ref.showGithubCorner,
|
|
51
|
+
showGithubCorner = _ref$showGithubCorner === void 0 ? true : _ref$showGithubCorner,
|
|
52
|
+
_ref$showAntVProducts = _ref.showAntVProductsCard,
|
|
53
|
+
showAntVProductsCard = _ref$showAntVProducts === void 0 ? true : _ref$showAntVProducts,
|
|
54
|
+
_ref$showLanguageSwit = _ref.showLanguageSwitcher,
|
|
55
|
+
showLanguageSwitcher = _ref$showLanguageSwit === void 0 ? true : _ref$showLanguageSwit,
|
|
56
|
+
logo = _ref.logo,
|
|
57
|
+
onLanguageChange = _ref.onLanguageChange,
|
|
58
|
+
_ref$showWxQrcode = _ref.showWxQrcode,
|
|
59
|
+
showWxQrcode = _ref$showWxQrcode === void 0 ? true : _ref$showWxQrcode,
|
|
60
|
+
siteUrl = _ref.siteUrl,
|
|
61
|
+
_ref$githubUrl = _ref.githubUrl,
|
|
62
|
+
githubUrl = _ref$githubUrl === void 0 ? 'https://github.com/antvis' : _ref$githubUrl,
|
|
63
|
+
defaultLanguage = _ref.defaultLanguage,
|
|
64
|
+
_ref$Link = _ref.Link,
|
|
65
|
+
Link = _ref$Link === void 0 ? 'a' : _ref$Link,
|
|
66
|
+
transparent = _ref.transparent,
|
|
67
|
+
isHomePage = _ref.isHomePage,
|
|
68
|
+
_ref$isAntVSite = _ref.isAntVSite,
|
|
69
|
+
isAntVSite = _ref$isAntVSite === void 0 ? false : _ref$isAntVSite,
|
|
70
|
+
_ref$rootDomain = _ref.rootDomain,
|
|
71
|
+
rootDomain = _ref$rootDomain === void 0 ? '' : _ref$rootDomain,
|
|
72
|
+
version = _ref.version,
|
|
73
|
+
versions = _ref.versions,
|
|
74
|
+
internalSite = _ref.internalSite,
|
|
75
|
+
ecosystems = _ref.ecosystems,
|
|
76
|
+
searchOptions = _ref.searchOptions;
|
|
86
77
|
var isAntVHome = isAntVSite && isHomePage; // 是否为AntV官网首页
|
|
87
78
|
|
|
88
79
|
var showChinaMirror = !!internalSite;
|
|
89
80
|
var chinaMirrorUrl = get(internalSite, 'url');
|
|
90
|
-
|
|
91
81
|
var _useState = useState(false),
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
82
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
83
|
+
chinaMirrorHintVisible = _useState2[0],
|
|
84
|
+
updateChinaMirrorHintVisible = _useState2[1];
|
|
96
85
|
useEffect(function () {
|
|
97
86
|
var timeout = setTimeout(function () {
|
|
98
87
|
if (showChinaMirror && lang === 'zh' && !localStorage.getItem('china-mirror-no-more-hint') && window.location.host.includes('antv.vision')) {
|
|
@@ -105,19 +94,15 @@ var HeaderComponent = function HeaderComponent(_ref) {
|
|
|
105
94
|
});
|
|
106
95
|
var locale = useLocale();
|
|
107
96
|
var nav = useNavigate();
|
|
108
|
-
|
|
109
97
|
var _useState3 = useState(locale.id),
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
98
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
99
|
+
lang = _useState4[0],
|
|
100
|
+
setLang = _useState4[1];
|
|
114
101
|
var _useState5 = useState(false),
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
102
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
103
|
+
productMenuVisible = _useState6[0],
|
|
104
|
+
setProductMenuVisible = _useState6[1];
|
|
119
105
|
var productMenuHovering = false;
|
|
120
|
-
|
|
121
106
|
var onProductMouseEnter = function onProductMouseEnter(e) {
|
|
122
107
|
productMenuHovering = true;
|
|
123
108
|
e.persist();
|
|
@@ -127,7 +112,6 @@ var HeaderComponent = function HeaderComponent(_ref) {
|
|
|
127
112
|
}
|
|
128
113
|
}, 200);
|
|
129
114
|
};
|
|
130
|
-
|
|
131
115
|
var onProductMouseLeave = function onProductMouseLeave(e) {
|
|
132
116
|
e.persist();
|
|
133
117
|
productMenuHovering = false;
|
|
@@ -135,48 +119,42 @@ var HeaderComponent = function HeaderComponent(_ref) {
|
|
|
135
119
|
if (productMenuHovering) {
|
|
136
120
|
return;
|
|
137
121
|
}
|
|
138
|
-
|
|
139
122
|
setProductMenuVisible(false);
|
|
140
123
|
}, 200);
|
|
141
124
|
};
|
|
142
|
-
|
|
143
125
|
var onToggleProductMenuVisible = function onToggleProductMenuVisible() {
|
|
144
126
|
setProductMenuVisible(!productMenuVisible);
|
|
145
127
|
};
|
|
146
|
-
|
|
147
128
|
var _useState7 = useState(false),
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
129
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
130
|
+
popupMenuVisible = _useState8[0],
|
|
131
|
+
setPopupMenuVisible = _useState8[1];
|
|
152
132
|
var onTogglePopupMenuVisible = function onTogglePopupMenuVisible() {
|
|
153
133
|
setPopupMenuVisible(!popupMenuVisible);
|
|
154
134
|
};
|
|
155
|
-
|
|
156
135
|
var _img$link$logo = _objectSpread({
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
136
|
+
img: isAntVHome ? /*#__PURE__*/React.createElement(LogoWhite, {
|
|
137
|
+
style: {}
|
|
138
|
+
}) : /*#__PURE__*/React.createElement(Logo, {
|
|
139
|
+
style: {}
|
|
140
|
+
}),
|
|
141
|
+
link: ''
|
|
142
|
+
}, logo),
|
|
143
|
+
img = _img$link$logo.img,
|
|
144
|
+
link = _img$link$logo.link;
|
|
167
145
|
useEffect(function () {
|
|
168
146
|
if (popupMenuVisible) {
|
|
169
147
|
setPopupMenuVisible(false);
|
|
170
148
|
}
|
|
171
|
-
}, [window.location.pathname]);
|
|
149
|
+
}, [window.location.pathname]);
|
|
172
150
|
|
|
151
|
+
// 移动端下弹出菜单时,禁止页面滚动
|
|
173
152
|
useEffect(function () {
|
|
174
153
|
if (popupMenuVisible) {
|
|
175
154
|
document.documentElement.style.overflow = 'hidden';
|
|
176
155
|
} else {
|
|
177
156
|
document.documentElement.style.overflow = '';
|
|
178
157
|
}
|
|
179
|
-
|
|
180
158
|
return function () {
|
|
181
159
|
document.documentElement.style.overflow = '';
|
|
182
160
|
};
|
|
@@ -195,18 +173,16 @@ var HeaderComponent = function HeaderComponent(_ref) {
|
|
|
195
173
|
};
|
|
196
174
|
var menu = /*#__PURE__*/React.createElement("ul", {
|
|
197
175
|
className: cx(styles.menu, (_cx = {}, _defineProperty(_cx, styles.popup, !isWide), _defineProperty(_cx, styles.popupHidden, !popupMenuVisible), _cx))
|
|
198
|
-
},
|
|
199
|
-
/** 最左侧的菜单,一般是 教程、API、示例,或者其他自定义,有配置文件中的 `navs` 决定 */
|
|
176
|
+
}, /** 最左侧的菜单,一般是 教程、API、示例,或者其他自定义,有配置文件中的 `navs` 决定 */
|
|
200
177
|
size(navs) ? /*#__PURE__*/React.createElement(Navs, {
|
|
201
178
|
navs: navs,
|
|
202
179
|
path: window.location.pathname
|
|
203
|
-
}) : null,
|
|
204
|
-
/** 生态产品 */
|
|
180
|
+
}) : null, /** 生态产品 */
|
|
205
181
|
size(ecosystems) ? /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Dropdown, {
|
|
206
182
|
className: styles.ecoSystems,
|
|
207
183
|
overlay: /*#__PURE__*/React.createElement(Menu, null, map(ecosystems, function (_ref2) {
|
|
208
184
|
var url = _ref2.url,
|
|
209
|
-
|
|
185
|
+
ecosystemName = _ref2.name;
|
|
210
186
|
return /*#__PURE__*/React.createElement(Menu.Item, {
|
|
211
187
|
key: ecosystemName === null || ecosystemName === void 0 ? void 0 : ecosystemName[lang]
|
|
212
188
|
}, /*#__PURE__*/React.createElement("a", {
|
|
@@ -293,8 +269,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
|
|
|
293
269
|
window.location.href = chinaMirrorUrl;
|
|
294
270
|
},
|
|
295
271
|
className: styles.remindHref
|
|
296
|
-
}, ic(get(internalSite, 'name')), /*#__PURE__*/React.createElement(LinkOutlined, null)), /*#__PURE__*/React.createElement("span", null, " \u7AD9\u70B9\u3002"))),
|
|
297
|
-
/** 产品列表 */
|
|
272
|
+
}, ic(get(internalSite, 'name')), /*#__PURE__*/React.createElement(LinkOutlined, null)), /*#__PURE__*/React.createElement("span", null, " \u7AD9\u70B9\u3002"))), /** 产品列表 */
|
|
298
273
|
showAntVProductsCard && /*#__PURE__*/React.createElement("li", productItemProps, /*#__PURE__*/React.createElement("a", null, /*#__PURE__*/React.createElement(FormattedMessage, {
|
|
299
274
|
id: "\u6240\u6709\u4EA7\u54C1"
|
|
300
275
|
}), !isAntVHome ? /*#__PURE__*/React.createElement("img", {
|
|
@@ -312,8 +287,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
|
|
|
312
287
|
show: productMenuVisible,
|
|
313
288
|
rootDomain: rootDomain,
|
|
314
289
|
language: defaultLanguage
|
|
315
|
-
})),
|
|
316
|
-
/** 版本列表 */
|
|
290
|
+
})), /** 版本列表 */
|
|
317
291
|
versions && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Select, {
|
|
318
292
|
defaultValue: versions[findVersion(version, Object.keys(versions))],
|
|
319
293
|
className: styles.versions,
|
|
@@ -324,17 +298,14 @@ var HeaderComponent = function HeaderComponent(_ref) {
|
|
|
324
298
|
}
|
|
325
299
|
}, Object.keys(versions).map(function (version) {
|
|
326
300
|
var url = versions[version];
|
|
327
|
-
|
|
328
301
|
if (url.startsWith('http')) {
|
|
329
302
|
return /*#__PURE__*/React.createElement(Select.Option, {
|
|
330
303
|
key: url,
|
|
331
304
|
value: url
|
|
332
305
|
}, version);
|
|
333
306
|
}
|
|
334
|
-
|
|
335
307
|
return null;
|
|
336
|
-
}))),
|
|
337
|
-
/** 切换网站语言 */
|
|
308
|
+
}))), /** 切换网站语言 */
|
|
338
309
|
showLanguageSwitcher && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Dropdown, {
|
|
339
310
|
placement: "bottomRight",
|
|
340
311
|
overlay: /*#__PURE__*/React.createElement(Menu, {
|
|
@@ -342,18 +313,14 @@ var HeaderComponent = function HeaderComponent(_ref) {
|
|
|
342
313
|
selectable: true,
|
|
343
314
|
onSelect: function onSelect(_ref3) {
|
|
344
315
|
var key = _ref3.key;
|
|
345
|
-
|
|
346
316
|
if (key === lang) {
|
|
347
317
|
return;
|
|
348
318
|
}
|
|
349
|
-
|
|
350
319
|
setLang(key);
|
|
351
|
-
|
|
352
320
|
if (onLanguageChange) {
|
|
353
321
|
onLanguageChange(key.toString());
|
|
354
322
|
return;
|
|
355
323
|
}
|
|
356
|
-
|
|
357
324
|
var newUrl = getLangUrl(window.location.href, key);
|
|
358
325
|
nav(newUrl.replace(window.location.origin, ''));
|
|
359
326
|
}
|
|
@@ -386,8 +353,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
|
|
|
386
353
|
viewBox: "0 0 24 24"
|
|
387
354
|
}, /*#__PURE__*/React.createElement("path", {
|
|
388
355
|
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"
|
|
389
|
-
}))))),
|
|
390
|
-
/** 微信公众号 */
|
|
356
|
+
}))))), /** 微信公众号 */
|
|
391
357
|
showWxQrcode && /*#__PURE__*/React.createElement("li", {
|
|
392
358
|
className: styles.wxQrcode
|
|
393
359
|
}, /*#__PURE__*/React.createElement(Popover, {
|
|
@@ -406,8 +372,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
|
|
|
406
372
|
overlayInnerStyle: {
|
|
407
373
|
padding: 2
|
|
408
374
|
}
|
|
409
|
-
}, /*#__PURE__*/React.createElement(WechatOutlined, null))),
|
|
410
|
-
/** GitHub icon */
|
|
375
|
+
}, /*#__PURE__*/React.createElement(WechatOutlined, null))), /** GitHub icon */
|
|
411
376
|
showGithubCorner && /*#__PURE__*/React.createElement("li", {
|
|
412
377
|
className: styles.githubCorner
|
|
413
378
|
}, /*#__PURE__*/React.createElement("a", {
|
|
@@ -433,29 +398,27 @@ var HeaderComponent = function HeaderComponent(_ref) {
|
|
|
433
398
|
className: styles.nav
|
|
434
399
|
}, menu, menuIcon)));
|
|
435
400
|
};
|
|
436
|
-
|
|
437
401
|
export var Header = function Header(props) {
|
|
438
402
|
var _useSiteData = useSiteData(),
|
|
439
|
-
|
|
440
|
-
|
|
403
|
+
themeConfig = _useSiteData.themeConfig;
|
|
441
404
|
var title = themeConfig.title,
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
405
|
+
siteUrl = themeConfig.siteUrl,
|
|
406
|
+
githubUrl = themeConfig.githubUrl,
|
|
407
|
+
isAntVSite = themeConfig.isAntVSite,
|
|
408
|
+
subTitleHref = themeConfig.subTitleHref,
|
|
409
|
+
internalSite = themeConfig.internalSite,
|
|
410
|
+
showSearch = themeConfig.showSearch,
|
|
411
|
+
showGithubCorner = themeConfig.showGithubCorner,
|
|
412
|
+
showGithubStars = themeConfig.showGithubStars,
|
|
413
|
+
showLanguageSwitcher = themeConfig.showLanguageSwitcher,
|
|
414
|
+
showWxQrcode = themeConfig.showWxQrcode,
|
|
415
|
+
defaultLanguage = themeConfig.defaultLanguage,
|
|
416
|
+
showAntVProductsCard = themeConfig.showAntVProductsCard,
|
|
417
|
+
version = themeConfig.version,
|
|
418
|
+
versions = themeConfig.versions,
|
|
419
|
+
ecosystems = themeConfig.ecosystems,
|
|
420
|
+
navs = themeConfig.navs,
|
|
421
|
+
docsearchOptions = themeConfig.docsearchOptions;
|
|
459
422
|
var searchOptions = {
|
|
460
423
|
docsearchOptions: docsearchOptions
|
|
461
424
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import URI from 'uri-parse';
|
|
2
2
|
import semver from 'semver';
|
|
3
|
+
|
|
3
4
|
/*
|
|
4
5
|
* parse url like this
|
|
5
6
|
*
|
|
@@ -17,14 +18,13 @@ import semver from 'semver';
|
|
|
17
18
|
|
|
18
19
|
export function getLangUrl(url, lang) {
|
|
19
20
|
var uri = new URI(url);
|
|
20
|
-
|
|
21
21
|
if (uri.path.startsWith('en') || uri.path.startsWith('zh')) {
|
|
22
22
|
uri.path = uri.path.slice(3);
|
|
23
23
|
}
|
|
24
|
-
|
|
25
24
|
uri.path = lang === 'en' ? "en/".concat(uri.path) : uri.path;
|
|
26
25
|
return uri.toURI();
|
|
27
26
|
}
|
|
27
|
+
|
|
28
28
|
/**
|
|
29
29
|
* /en/api/xxx -> api
|
|
30
30
|
* /api/xxx -> api
|
|
@@ -32,7 +32,6 @@ export function getLangUrl(url, lang) {
|
|
|
32
32
|
* api/xxx -> api
|
|
33
33
|
* @param url
|
|
34
34
|
*/
|
|
35
|
-
|
|
36
35
|
export function getNavCategory(url) {
|
|
37
36
|
return (url || '').split('/').find(function (d) {
|
|
38
37
|
return !['en', 'zh', 'docs', ''].includes(d);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import styles from "./index.module.less";
|
|
3
|
+
|
|
3
4
|
/**
|
|
4
5
|
* Loading
|
|
5
6
|
*/
|
|
6
|
-
|
|
7
7
|
var Loading = function Loading() {
|
|
8
8
|
return /*#__PURE__*/React.createElement("div", {
|
|
9
9
|
style: {
|
|
@@ -67,7 +67,6 @@ var Loading = function Loading() {
|
|
|
67
67
|
className: "loading-text"
|
|
68
68
|
}, /*#__PURE__*/React.createElement("p", null, "Loading...")))));
|
|
69
69
|
};
|
|
70
|
-
|
|
71
70
|
var PageLoading = function PageLoading() {
|
|
72
71
|
return /*#__PURE__*/React.createElement("div", {
|
|
73
72
|
style: {
|
|
@@ -75,5 +74,4 @@ var PageLoading = function PageLoading() {
|
|
|
75
74
|
}
|
|
76
75
|
}, /*#__PURE__*/React.createElement(Loading, null));
|
|
77
76
|
};
|
|
78
|
-
|
|
79
77
|
export { Loading, PageLoading };
|
|
@@ -5,26 +5,21 @@ import styles from "./NavigatorBanner.module.less";
|
|
|
5
5
|
import { useScrollToTop } from "../hooks";
|
|
6
6
|
export var NavigatorBanner = function NavigatorBanner(_ref) {
|
|
7
7
|
var post = _ref.post,
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
type = _ref.type;
|
|
10
9
|
if (!post) {
|
|
11
10
|
return /*#__PURE__*/React.createElement("div", {
|
|
12
11
|
className: classNames(styles.button, styles.hidden)
|
|
13
12
|
});
|
|
14
13
|
}
|
|
15
|
-
|
|
16
14
|
var slug = post.slug,
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
title = post.title;
|
|
19
16
|
if (!slug || !title) {
|
|
20
17
|
return null;
|
|
21
18
|
}
|
|
22
|
-
|
|
23
19
|
function go() {
|
|
24
20
|
history.push(slug);
|
|
25
21
|
useScrollToTop();
|
|
26
22
|
}
|
|
27
|
-
|
|
28
23
|
return /*#__PURE__*/React.createElement("div", {
|
|
29
24
|
className: classNames(styles.button, styles[type]),
|
|
30
25
|
onClick: go
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Tag } from 'antd';
|
|
3
3
|
import { FormattedMessage } from 'dumi';
|
|
4
|
-
|
|
5
4
|
var ReadingTime = function ReadingTime(_ref) {
|
|
6
5
|
var readingTime = _ref.readingTime;
|
|
7
6
|
return /*#__PURE__*/React.createElement(Tag, null, /*#__PURE__*/React.createElement(FormattedMessage, {
|
|
@@ -10,5 +9,4 @@ var ReadingTime = function ReadingTime(_ref) {
|
|
|
10
9
|
id: "\u5206\u949F"
|
|
11
10
|
}));
|
|
12
11
|
};
|
|
13
|
-
|
|
14
12
|
export default ReadingTime;
|