@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,23 +1,16 @@
|
|
|
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 _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); }
|
|
2
|
-
|
|
3
3
|
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; }
|
|
4
|
-
|
|
5
4
|
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; }
|
|
6
|
-
|
|
7
|
-
function
|
|
8
|
-
|
|
5
|
+
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; }
|
|
6
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
+
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); }
|
|
9
8
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
-
|
|
11
9
|
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."); }
|
|
12
|
-
|
|
13
10
|
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); }
|
|
14
|
-
|
|
15
|
-
function
|
|
16
|
-
|
|
17
|
-
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; }
|
|
18
|
-
|
|
11
|
+
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; }
|
|
12
|
+
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; } }
|
|
19
13
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
20
|
-
|
|
21
14
|
import React, { useState, useEffect } from 'react';
|
|
22
15
|
import cx from 'classnames';
|
|
23
16
|
import gh from 'parse-github-url';
|
|
@@ -27,30 +20,28 @@ import { ic } from "../hooks";
|
|
|
27
20
|
import { News } from "./News";
|
|
28
21
|
import styles from "./index.module.less";
|
|
29
22
|
var AssetsNewsURL = 'https://assets.antv.antgroup.com/antv/news.json';
|
|
23
|
+
|
|
30
24
|
/**
|
|
31
25
|
* Index.技术栈的描述区域!
|
|
32
26
|
* 各自配置
|
|
33
27
|
*/
|
|
34
|
-
|
|
35
28
|
export var Detail = function Detail(_ref) {
|
|
36
29
|
var className = _ref.className,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
30
|
+
style = _ref.style,
|
|
31
|
+
title = _ref.title,
|
|
32
|
+
description = _ref.description,
|
|
33
|
+
image = _ref.image,
|
|
34
|
+
githubUrl = _ref.githubUrl,
|
|
35
|
+
_ref$showGithubStars = _ref.showGithubStars,
|
|
36
|
+
showGithubStars = _ref$showGithubStars === void 0 ? true : _ref$showGithubStars,
|
|
37
|
+
_ref$buttons = _ref.buttons,
|
|
38
|
+
buttons = _ref$buttons === void 0 ? [] : _ref$buttons,
|
|
39
|
+
_ref$news = _ref.news,
|
|
40
|
+
news = _ref$news === void 0 ? [] : _ref$news;
|
|
49
41
|
var _useState = useState([]),
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
42
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
43
|
+
removeNews = _useState2[0],
|
|
44
|
+
setRemoteNews = _useState2[1];
|
|
54
45
|
var lang = useLocale().id;
|
|
55
46
|
useEffect(function () {
|
|
56
47
|
fetch(AssetsNewsURL).then(function (res) {
|
|
@@ -78,10 +69,10 @@ export var Detail = function Detail(_ref) {
|
|
|
78
69
|
className: cx(styles.buttons, 'detail-buttons')
|
|
79
70
|
}, buttons.map(function (_ref2) {
|
|
80
71
|
var type = _ref2.type,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
72
|
+
style = _ref2.style,
|
|
73
|
+
text = _ref2.text,
|
|
74
|
+
link = _ref2.link,
|
|
75
|
+
shape = _ref2.shape;
|
|
85
76
|
return /*#__PURE__*/React.createElement("a", {
|
|
86
77
|
key: ic(text),
|
|
87
78
|
className: cx(styles.buttonLink, styles[type || ''], type === 'primary' ? 'primary-button' : 'common-button'),
|
|
@@ -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 React, { useEffect, useRef, useState } from 'react';
|
|
20
14
|
import { Input, Menu, Tooltip } from 'antd';
|
|
21
15
|
import { useLocale, FormattedMessage, useIntl } from 'dumi';
|
|
@@ -23,11 +17,11 @@ import { cloneDeep } from 'lodash-es';
|
|
|
23
17
|
import { createFromIconfontCN, SearchOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
|
|
24
18
|
import classNames from 'classnames';
|
|
25
19
|
import { filterTreeNode } from "../utils";
|
|
26
|
-
import styles from "./index.module.less";
|
|
20
|
+
import styles from "./index.module.less";
|
|
27
21
|
|
|
22
|
+
// menu icon
|
|
28
23
|
var MenuIcon = createFromIconfontCN({
|
|
29
24
|
scriptUrl: '//at.alicdn.com/t/font_470089_1lnym745udm.js' // generated by iconfont.cn
|
|
30
|
-
|
|
31
25
|
});
|
|
32
26
|
|
|
33
27
|
/**
|
|
@@ -35,30 +29,28 @@ var MenuIcon = createFromIconfontCN({
|
|
|
35
29
|
*/
|
|
36
30
|
export var ExampleSider = function ExampleSider(props) {
|
|
37
31
|
var currentDemo = props.currentDemo,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
32
|
+
onDemoClicked = props.onDemoClicked,
|
|
33
|
+
exampleTopics = props.exampleTopics;
|
|
34
|
+
// 菜单栏展开keys
|
|
41
35
|
var _useState = useState([]),
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
var menuRef = useRef(null); // 初始化点击进来的示例按钮a的dom
|
|
36
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
37
|
+
openKeys = _useState2[0],
|
|
38
|
+
setOpenKeys = _useState2[1];
|
|
39
|
+
var menuRef = useRef(null);
|
|
47
40
|
|
|
41
|
+
// 初始化点击进来的示例按钮a的dom
|
|
48
42
|
var _useState3 = useState(),
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
43
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
44
|
+
aRef = _useState4[0],
|
|
45
|
+
setARef = _useState4[1];
|
|
53
46
|
|
|
47
|
+
// input 搜索框的value
|
|
54
48
|
var _useState5 = useState(''),
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
49
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
50
|
+
searchValue = _useState6[0],
|
|
51
|
+
setSearchValue = _useState6[1];
|
|
59
52
|
var locale = useLocale();
|
|
60
53
|
var intl = useIntl();
|
|
61
|
-
|
|
62
54
|
var getCurrentTopics = function getCurrentTopics() {
|
|
63
55
|
var res = filterTreeNode({
|
|
64
56
|
id: 'FAKE_ID',
|
|
@@ -70,16 +62,17 @@ export var ExampleSider = function ExampleSider(props) {
|
|
|
70
62
|
exampleTopics: cloneDeep(exampleTopics)
|
|
71
63
|
}, searchValue, locale.id);
|
|
72
64
|
return (res === null || res === void 0 ? void 0 : res.exampleTopics) || [];
|
|
73
|
-
};
|
|
74
|
-
|
|
65
|
+
};
|
|
75
66
|
|
|
67
|
+
// 初始化菜单栏展开keys
|
|
76
68
|
useEffect(function () {
|
|
77
69
|
var targetExample = currentDemo.targetExample,
|
|
78
|
-
|
|
70
|
+
targetTopic = currentDemo.targetTopic;
|
|
79
71
|
var keys = ["TOPIC-".concat(targetTopic === null || targetTopic === void 0 ? void 0 : targetTopic.id), "EXAMPLE-".concat(targetTopic.id, "-").concat(targetExample === null || targetExample === void 0 ? void 0 : targetExample.id)];
|
|
80
72
|
setOpenKeys(keys);
|
|
81
|
-
}, [currentDemo]);
|
|
73
|
+
}, [currentDemo]);
|
|
82
74
|
|
|
75
|
+
// 初始化滚动到中间
|
|
83
76
|
useEffect(function () {
|
|
84
77
|
if (aRef) {
|
|
85
78
|
aRef.scrollIntoView({
|
|
@@ -87,22 +80,24 @@ export var ExampleSider = function ExampleSider(props) {
|
|
|
87
80
|
behavior: 'smooth'
|
|
88
81
|
});
|
|
89
82
|
}
|
|
90
|
-
}, [aRef]);
|
|
83
|
+
}, [aRef]);
|
|
91
84
|
|
|
85
|
+
// 获取搜索后的文本结构 左文本 + 搜索文本 + 右文本
|
|
92
86
|
var getSearchValueTitle = function getSearchValueTitle(title) {
|
|
93
87
|
return searchValue && title.match(searchValue) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, title.replace(new RegExp("".concat(searchValue, ".*")), '')), /*#__PURE__*/React.createElement("span", {
|
|
94
88
|
className: styles.searchValue
|
|
95
89
|
}, searchValue), /*#__PURE__*/React.createElement("span", null, title.replace(new RegExp(".*?".concat(searchValue)), ''))) : title;
|
|
96
|
-
};
|
|
97
|
-
|
|
90
|
+
};
|
|
98
91
|
|
|
92
|
+
// 图例按钮 + img + tooltip文本
|
|
99
93
|
var renderExampleDemoCard = function renderExampleDemoCard(demo) {
|
|
100
94
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
101
95
|
placement: "right",
|
|
102
96
|
title: getSearchValueTitle(demo.title[locale.id] || ''),
|
|
103
97
|
key: demo.id
|
|
104
98
|
}, /*#__PURE__*/React.createElement("a", {
|
|
105
|
-
ref: function ref(dom) {
|
|
99
|
+
ref: function ref(dom) {
|
|
100
|
+
// TODO: DEAL WITH ME
|
|
106
101
|
// if (dom && !aRef && item.value === getPath(currentExample)) {
|
|
107
102
|
// setARef(dom);
|
|
108
103
|
// }
|
|
@@ -116,7 +111,6 @@ export var ExampleSider = function ExampleSider(props) {
|
|
|
116
111
|
title: demo.title[locale.id]
|
|
117
112
|
})));
|
|
118
113
|
};
|
|
119
|
-
|
|
120
114
|
var renderSubMenu = function renderSubMenu() {
|
|
121
115
|
return getCurrentTopics().map(function (topic) {
|
|
122
116
|
return /*#__PURE__*/React.createElement(Menu.SubMenu, {
|
|
@@ -151,9 +145,9 @@ export var ExampleSider = function ExampleSider(props) {
|
|
|
151
145
|
}));
|
|
152
146
|
}));
|
|
153
147
|
});
|
|
154
|
-
};
|
|
155
|
-
|
|
148
|
+
};
|
|
156
149
|
|
|
150
|
+
// 搜索栏
|
|
157
151
|
var renderSearchBar = function renderSearchBar() {
|
|
158
152
|
return /*#__PURE__*/React.createElement("div", {
|
|
159
153
|
className: styles.searchSider
|
|
@@ -179,7 +173,6 @@ export var ExampleSider = function ExampleSider(props) {
|
|
|
179
173
|
}
|
|
180
174
|
})));
|
|
181
175
|
};
|
|
182
|
-
|
|
183
176
|
return /*#__PURE__*/React.createElement("div", {
|
|
184
177
|
className: classNames(styles.shadowWrapper)
|
|
185
178
|
}, renderSearchBar(), /*#__PURE__*/React.createElement(Menu, {
|
|
@@ -2,11 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import cx from 'classnames';
|
|
3
3
|
import { ic } from "../hooks";
|
|
4
4
|
import styles from "./FeatureCard.module.less";
|
|
5
|
-
|
|
6
5
|
var FeatureCard = function FeatureCard(_ref) {
|
|
7
6
|
var icon = _ref.icon,
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
title = _ref.title,
|
|
8
|
+
description = _ref.description;
|
|
10
9
|
return /*#__PURE__*/React.createElement("div", {
|
|
11
10
|
className: styles.card
|
|
12
11
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -21,5 +20,4 @@ var FeatureCard = function FeatureCard(_ref) {
|
|
|
21
20
|
className: styles.description
|
|
22
21
|
}, ic(description))));
|
|
23
22
|
};
|
|
24
|
-
|
|
25
23
|
export default FeatureCard;
|
|
@@ -6,12 +6,11 @@ import styles from "./index.module.less";
|
|
|
6
6
|
import { ic } from "../hooks";
|
|
7
7
|
export var Features = function Features(_ref) {
|
|
8
8
|
var title = _ref.title,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
9
|
+
_ref$features = _ref.features,
|
|
10
|
+
features = _ref$features === void 0 ? [] : _ref$features,
|
|
11
|
+
className = _ref.className,
|
|
12
|
+
style = _ref.style,
|
|
13
|
+
id = _ref.id;
|
|
15
14
|
var getCards = function getCards() {
|
|
16
15
|
var children = features.map(function (card) {
|
|
17
16
|
return /*#__PURE__*/React.createElement(Col, {
|
|
@@ -22,9 +21,9 @@ export var Features = function Features(_ref) {
|
|
|
22
21
|
}, /*#__PURE__*/React.createElement(FeatureCard, card));
|
|
23
22
|
});
|
|
24
23
|
return children;
|
|
25
|
-
};
|
|
26
|
-
|
|
24
|
+
};
|
|
27
25
|
|
|
26
|
+
// for small screen
|
|
28
27
|
var getDots = function getDots() {
|
|
29
28
|
var dots = [];
|
|
30
29
|
var length = features.length;
|
|
@@ -32,7 +31,6 @@ export var Features = function Features(_ref) {
|
|
|
32
31
|
var cardHeight = 350;
|
|
33
32
|
var startLeftPercent = 0.028;
|
|
34
33
|
var rows = length + 1;
|
|
35
|
-
|
|
36
34
|
for (var i = 0; i < rows; i += 1) {
|
|
37
35
|
var yOffset = 1;
|
|
38
36
|
var top = "".concat(startTop + cardHeight * i - yOffset, "px");
|
|
@@ -55,10 +53,8 @@ export var Features = function Features(_ref) {
|
|
|
55
53
|
}
|
|
56
54
|
}));
|
|
57
55
|
}
|
|
58
|
-
|
|
59
56
|
return dots;
|
|
60
57
|
};
|
|
61
|
-
|
|
62
58
|
return /*#__PURE__*/React.createElement("div", {
|
|
63
59
|
id: id,
|
|
64
60
|
className: cx(styles.wrapper, className),
|
|
@@ -1,13 +1,11 @@
|
|
|
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
|
var _excluded = ["columns", "bottom", "theme", "language", "isDynamicFooter", "rootDomain", "className"];
|
|
2
|
-
|
|
3
3
|
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); }
|
|
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 _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; }
|
|
8
|
-
|
|
9
8
|
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; }
|
|
10
|
-
|
|
11
9
|
import React from 'react';
|
|
12
10
|
import { default as RCFooter } from 'rc-footer';
|
|
13
11
|
import { GithubOutlined, WeiboOutlined, ZhihuOutlined, QuestionCircleOutlined } from '@ant-design/icons';
|
|
@@ -16,26 +14,23 @@ import classnames from 'classnames';
|
|
|
16
14
|
import { useLocale, FormattedMessage } from 'dumi';
|
|
17
15
|
import 'rc-footer/assets/index.less';
|
|
18
16
|
import styles from "./index.module.less";
|
|
19
|
-
|
|
20
17
|
/**
|
|
21
18
|
* 底部菜单
|
|
22
19
|
* @returns
|
|
23
20
|
*/
|
|
24
21
|
export var Footer = function Footer(props) {
|
|
25
22
|
var columns = props.columns,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
23
|
+
bottom = props.bottom,
|
|
24
|
+
_props$theme = props.theme,
|
|
25
|
+
theme = _props$theme === void 0 ? 'dark' : _props$theme,
|
|
26
|
+
language = props.language,
|
|
27
|
+
isDynamicFooter = props.isDynamicFooter,
|
|
28
|
+
_props$rootDomain = props.rootDomain,
|
|
29
|
+
rootDomain = _props$rootDomain === void 0 ? '' : _props$rootDomain,
|
|
30
|
+
className = props.className,
|
|
31
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
36
32
|
var locale = useLocale();
|
|
37
33
|
var lang = locale.id;
|
|
38
|
-
|
|
39
34
|
var getColumns = function getColumns() {
|
|
40
35
|
// 如果外部没有传入 columns,则默认展示 antv footer
|
|
41
36
|
var col1 = {
|
|
@@ -176,7 +171,6 @@ export var Footer = function Footer(props) {
|
|
|
176
171
|
};
|
|
177
172
|
return [col1, col2, col3, more];
|
|
178
173
|
};
|
|
179
|
-
|
|
180
174
|
return /*#__PURE__*/React.createElement(RCFooter, _extends({
|
|
181
175
|
maxColumnsPerRow: 5,
|
|
182
176
|
theme: theme,
|
|
@@ -1,5 +1,7 @@
|
|
|
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
|
import React from 'react';
|
|
4
6
|
import cx from 'classnames';
|
|
5
7
|
import { size } from 'lodash-es';
|
|
@@ -8,30 +10,25 @@ import { Dropdown, Menu } from 'antd';
|
|
|
8
10
|
import { DownOutlined, LinkOutlined } from '@ant-design/icons';
|
|
9
11
|
import { getNavCategory } from "./utils";
|
|
10
12
|
import styles from "./index.module.less";
|
|
11
|
-
|
|
12
13
|
/**
|
|
13
14
|
* Header 中的导航菜单
|
|
14
15
|
*/
|
|
15
16
|
export var Navs = function Navs(_ref) {
|
|
16
17
|
var navs = _ref.navs,
|
|
17
|
-
|
|
18
|
+
path = _ref.path;
|
|
18
19
|
var locale = useLocale();
|
|
19
20
|
return /*#__PURE__*/React.createElement(React.Fragment, null, navs.map(function (nav) {
|
|
20
21
|
var title = nav.title[locale.id];
|
|
21
22
|
var href = '';
|
|
22
23
|
var className = '';
|
|
23
|
-
|
|
24
24
|
if (nav.slug) {
|
|
25
25
|
href = nav.slug.startsWith('http') ? nav.slug : "/".concat(nav.slug);
|
|
26
|
-
|
|
27
26
|
if (locale.id == 'en' && !href.startsWith('http')) {
|
|
28
27
|
href = "/en".concat(href);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
}
|
|
29
|
+
// 去除 docs 防止二次点击相同 nav 跳转出现04
|
|
32
30
|
className = cx('header-menu-item-active', _defineProperty({}, styles.activeItem, getNavCategory(path) === getNavCategory(href)));
|
|
33
31
|
}
|
|
34
|
-
|
|
35
32
|
return size(nav.dropdownItems) ? /*#__PURE__*/React.createElement("li", {
|
|
36
33
|
key: title,
|
|
37
34
|
className: className
|
|
@@ -40,7 +37,7 @@ export var Navs = function Navs(_ref) {
|
|
|
40
37
|
placement: "bottom",
|
|
41
38
|
overlay: /*#__PURE__*/React.createElement(Menu, null, nav.dropdownItems.map(function (_ref2) {
|
|
42
39
|
var name = _ref2.name,
|
|
43
|
-
|
|
40
|
+
url = _ref2.url;
|
|
44
41
|
return /*#__PURE__*/React.createElement(Menu.Item, {
|
|
45
42
|
key: url
|
|
46
43
|
}, /*#__PURE__*/React.createElement("a", {
|
|
@@ -2,24 +2,19 @@ import React from 'react';
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { Link, FormattedMessage } from 'dumi';
|
|
4
4
|
import styles from "./NavigatorBanner.module.less";
|
|
5
|
-
|
|
6
5
|
var NavigatorBanner = function NavigatorBanner(_ref) {
|
|
7
6
|
var post = _ref.post,
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
type = _ref.type;
|
|
10
8
|
if (!post) {
|
|
11
9
|
return /*#__PURE__*/React.createElement("div", {
|
|
12
10
|
className: classNames(styles.button, styles.hidden)
|
|
13
11
|
});
|
|
14
12
|
}
|
|
15
|
-
|
|
16
13
|
var slug = post.slug,
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
title = post.title;
|
|
19
15
|
if (!slug || !title) {
|
|
20
16
|
return null;
|
|
21
17
|
}
|
|
22
|
-
|
|
23
18
|
return /*#__PURE__*/React.createElement(Link, {
|
|
24
19
|
to: slug,
|
|
25
20
|
className: classNames(styles.button, styles[type])
|
|
@@ -31,5 +26,4 @@ var NavigatorBanner = function NavigatorBanner(_ref) {
|
|
|
31
26
|
className: styles.title
|
|
32
27
|
}, title));
|
|
33
28
|
};
|
|
34
|
-
|
|
35
29
|
export default NavigatorBanner;
|
|
@@ -1,24 +1,21 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FormattedMessage } from 'dumi';
|
|
3
3
|
import styles from "./Product.module.less";
|
|
4
|
-
|
|
5
4
|
var getTarget = function getTarget(url) {
|
|
6
5
|
return url.startsWith('http') && !url.includes('gitee.io') && !url.includes('antv.vision') ? '_blank' : '_self';
|
|
7
6
|
};
|
|
8
|
-
|
|
9
7
|
var Product = function Product(_ref) {
|
|
10
8
|
var _links$home$title, _links$example$title;
|
|
11
|
-
|
|
12
9
|
var name = _ref.name,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
10
|
+
icon = _ref.icon,
|
|
11
|
+
_ref$url = _ref.url,
|
|
12
|
+
url = _ref$url === void 0 ? '' : _ref$url,
|
|
13
|
+
slogan = _ref.slogan,
|
|
14
|
+
description = _ref.description,
|
|
15
|
+
_ref$links = _ref.links,
|
|
16
|
+
links = _ref$links === void 0 ? {} : _ref$links,
|
|
17
|
+
style = _ref.style,
|
|
18
|
+
language = _ref.language;
|
|
22
19
|
return /*#__PURE__*/React.createElement("li", {
|
|
23
20
|
className: styles.product,
|
|
24
21
|
style: style
|
|
@@ -56,5 +53,4 @@ var Product = function Product(_ref) {
|
|
|
56
53
|
id: "\u56FE\u8868\u793A\u4F8B"
|
|
57
54
|
})))));
|
|
58
55
|
};
|
|
59
|
-
|
|
60
56
|
export default Product;
|
|
@@ -1,19 +1,16 @@
|
|
|
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
|
import { each } from 'lodash-es';
|
|
8
|
-
|
|
9
8
|
var tuple = function tuple() {
|
|
10
9
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
11
10
|
args[_key] = arguments[_key];
|
|
12
11
|
}
|
|
13
|
-
|
|
14
12
|
return args;
|
|
15
13
|
};
|
|
16
|
-
|
|
17
14
|
var Categories = tuple('basic', 'extension', 'ecology');
|
|
18
15
|
var Link = tuple('home', 'example', 'api');
|
|
19
16
|
var ANTV_DOMAIN = 'antv.vision';
|
|
@@ -33,7 +30,7 @@ export var CATEGORIES = [{
|
|
|
33
30
|
}];
|
|
34
31
|
export function getNewProducts(_ref) {
|
|
35
32
|
var language = _ref.language,
|
|
36
|
-
|
|
33
|
+
isChinaMirrorHost = _ref.isChinaMirrorHost;
|
|
37
34
|
// 如需要修改产品信息,请到 https://yuyan.antfin-inc.com/antv/site-data/sprints 修改区块内容
|
|
38
35
|
return fetch('https://assets.antv.antgroup.com/antv/products.json' // 生产环境
|
|
39
36
|
// 'https://site-data-pre.alipay.com/antv/products.json', // 预发测试
|
|
@@ -47,16 +44,13 @@ export function getNewProducts(_ref) {
|
|
|
47
44
|
var newLinks = {};
|
|
48
45
|
each(links, function (value, k) {
|
|
49
46
|
var actualUrl = (value === null || value === void 0 ? void 0 : value.url) || '';
|
|
50
|
-
|
|
51
47
|
if (isChinaMirrorHost) {
|
|
52
48
|
// g2plot.antv.vision => antv-g2plot.gitee.io
|
|
53
49
|
var match = actualUrl.match(/([http|https]):\/\/(.*)\.antv\.vision/);
|
|
54
|
-
|
|
55
50
|
if (match && match[2]) {
|
|
56
51
|
actualUrl = actualUrl.replace("".concat(match[2], ".antv.vision"), "antv-".concat(match[2], ".gitee.io"));
|
|
57
52
|
}
|
|
58
53
|
}
|
|
59
|
-
|
|
60
54
|
newLinks[k] = _objectSpread(_objectSpread({}, value), {}, {
|
|
61
55
|
url: actualUrl
|
|
62
56
|
});
|