@antv/dumi-theme-antv 0.3.20 → 0.4.1
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 +1 -1
- package/dist/font/Alibaba-PuHuiTi-Heavy.otf +0 -0
- package/dist/layouts/DocLayout.d.ts +2 -1
- package/dist/layouts/entry/Index.js +4 -4
- package/dist/pages/Example/index.js +1 -1
- package/dist/pages/Examples/components/Accouncement/index.js +1 -1
- package/dist/pages/Examples/components/ExampleTopicMenu/components/LeftMenu/index.js +1 -1
- package/dist/pages/Examples/components/ExampleTopicMenu/index.js +1 -1
- package/dist/pages/Examples/components/GalleryPageContent/index.js +3 -3
- package/dist/pages/Examples/index.js +1 -1
- package/dist/plugin/index.js +6 -7
- package/dist/slots/Banner/index.js +4 -4
- package/dist/slots/Cases/index.js +2 -2
- package/dist/slots/CodeEditor/Toolbar.js +4 -4
- package/dist/slots/CodeEditor/index.js +4 -4
- package/dist/slots/CodeEditor/utils.js +3 -3
- package/dist/slots/CodeRunner/index.d.ts +1 -1
- package/dist/slots/CodeRunner/index.js +25 -21
- package/dist/slots/CodeRunner/utils.js +3 -3
- package/dist/slots/Detail/index.d.ts +3 -0
- package/dist/slots/Detail/index.js +27 -11
- package/dist/slots/Detail/index.module.less +96 -103
- package/dist/slots/ExampleSider/index.js +4 -4
- package/dist/slots/Footer/index.js +15 -9
- package/dist/slots/Footer/index.module.less +30 -1
- package/dist/slots/Header/Navs.js +1 -1
- package/dist/slots/Header/Products/getProducts.js +3 -3
- package/dist/slots/Header/Products/index.js +4 -4
- package/dist/slots/Header/Search/index.js +1 -1
- package/dist/slots/Header/index.js +16 -29
- package/dist/slots/Header/index.module.less +64 -8
- package/dist/slots/ManualContent/Preview.js +6 -6
- package/dist/slots/ManualContent/index.js +9 -9
- package/dist/slots/hooks.js +2 -2
- package/dist/slots/utils.js +2 -2
- package/package.json +2 -2
- package/dist/slots/Header/Logo.d.ts +0 -7
- package/dist/slots/Header/Logo.js +0 -134
- package/dist/slots/Header/LogoWhite.d.ts +0 -7
- package/dist/slots/Header/LogoWhite.js +0 -18
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
function _typeof(
|
|
1
|
+
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); }
|
|
2
|
+
var _excluded = ["className", "style", "title", "engine", "description", "image", "imageStyle", "githubUrl", "showGithubStars", "buttons", "news"];
|
|
2
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); }
|
|
3
|
-
function ownKeys(
|
|
4
|
-
function _objectSpread(
|
|
4
|
+
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; }
|
|
5
|
+
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; }
|
|
5
6
|
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
7
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
8
|
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 +10,10 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
9
10
|
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
|
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
12
|
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(
|
|
13
|
+
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; } }
|
|
13
14
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
|
+
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; }
|
|
16
|
+
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; }
|
|
14
17
|
import React, { useState, useEffect } from 'react';
|
|
15
18
|
import cx from 'classnames';
|
|
16
19
|
import gh from 'parse-github-url';
|
|
@@ -29,19 +32,23 @@ export var Detail = function Detail(_ref) {
|
|
|
29
32
|
var className = _ref.className,
|
|
30
33
|
style = _ref.style,
|
|
31
34
|
title = _ref.title,
|
|
35
|
+
engine = _ref.engine,
|
|
32
36
|
description = _ref.description,
|
|
33
37
|
image = _ref.image,
|
|
38
|
+
imageStyle = _ref.imageStyle,
|
|
34
39
|
githubUrl = _ref.githubUrl,
|
|
35
40
|
_ref$showGithubStars = _ref.showGithubStars,
|
|
36
41
|
showGithubStars = _ref$showGithubStars === void 0 ? true : _ref$showGithubStars,
|
|
37
42
|
_ref$buttons = _ref.buttons,
|
|
38
43
|
buttons = _ref$buttons === void 0 ? [] : _ref$buttons,
|
|
39
|
-
news = _ref.news
|
|
44
|
+
news = _ref.news,
|
|
45
|
+
v = _objectWithoutProperties(_ref, _excluded);
|
|
40
46
|
var _useState = useState([]),
|
|
41
47
|
_useState2 = _slicedToArray(_useState, 2),
|
|
42
48
|
remoteNews = _useState2[0],
|
|
43
49
|
setRemoteNews = _useState2[1];
|
|
44
50
|
var lang = useLocale().id;
|
|
51
|
+
console.log(buttons, 'buttons');
|
|
45
52
|
useEffect(function () {
|
|
46
53
|
fetch(AssetsNewsURL).then(function (res) {
|
|
47
54
|
return res.json();
|
|
@@ -53,6 +60,7 @@ export var Detail = function Detail(_ref) {
|
|
|
53
60
|
}, []);
|
|
54
61
|
var githubObj = gh(githubUrl);
|
|
55
62
|
var showGitHubStarsButton = showGithubStars && githubObj && githubObj.owner && githubObj.name;
|
|
63
|
+
var engineText = ic(engine);
|
|
56
64
|
return /*#__PURE__*/React.createElement("section", {
|
|
57
65
|
className: cx(styles.wrapper, className),
|
|
58
66
|
style: style
|
|
@@ -62,7 +70,9 @@ export var Detail = function Detail(_ref) {
|
|
|
62
70
|
className: styles.text
|
|
63
71
|
}, /*#__PURE__*/React.createElement("div", {
|
|
64
72
|
className: cx(styles.title, 'detail-title')
|
|
65
|
-
},
|
|
73
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
74
|
+
className: cx(styles.engine, 'detail-engine')
|
|
75
|
+
}, engineText), ic(title).replace(engineText, '')), /*#__PURE__*/React.createElement("div", {
|
|
66
76
|
className: cx(styles.description, 'detail-description')
|
|
67
77
|
}, ic(description)), /*#__PURE__*/React.createElement("div", {
|
|
68
78
|
className: cx(styles.buttons, 'detail-buttons')
|
|
@@ -71,15 +81,21 @@ export var Detail = function Detail(_ref) {
|
|
|
71
81
|
style = _ref2.style,
|
|
72
82
|
text = _ref2.text,
|
|
73
83
|
link = _ref2.link,
|
|
74
|
-
shape = _ref2.shape
|
|
84
|
+
shape = _ref2.shape,
|
|
85
|
+
icon = _ref2.icon;
|
|
75
86
|
return /*#__PURE__*/React.createElement("a", {
|
|
76
87
|
key: ic(text),
|
|
77
88
|
className: cx(styles.buttonLink, styles[type || ''], type === 'primary' ? 'primary-button' : 'common-button'),
|
|
78
89
|
style: _objectSpread({
|
|
79
|
-
borderRadius: shape === '
|
|
90
|
+
borderRadius: shape === 'round' ? '1000px' : '12px'
|
|
80
91
|
}, style),
|
|
81
92
|
href: link[lang] ? link[lang] : link
|
|
82
|
-
}, /*#__PURE__*/React.createElement("
|
|
93
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
94
|
+
className: styles.icon,
|
|
95
|
+
style: icon ? {
|
|
96
|
+
backgroundImage: "url(".concat(icon, ")")
|
|
97
|
+
} : {}
|
|
98
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
83
99
|
className: styles.button
|
|
84
100
|
}, ic(text)));
|
|
85
101
|
}), showGitHubStarsButton && /*#__PURE__*/React.createElement("div", {
|
|
@@ -103,10 +119,10 @@ export var Detail = function Detail(_ref) {
|
|
|
103
119
|
className: cx(styles.teaserimg, 'teaser-img')
|
|
104
120
|
}, /*#__PURE__*/React.createElement("img", {
|
|
105
121
|
width: "100%",
|
|
106
|
-
style: {
|
|
122
|
+
style: _objectSpread({
|
|
107
123
|
marginLeft: '100px',
|
|
108
124
|
marginTop: '40px'
|
|
109
|
-
},
|
|
125
|
+
}, imageStyle),
|
|
110
126
|
src: image
|
|
111
127
|
}))), /*#__PURE__*/React.createElement("img", {
|
|
112
128
|
className: styles.backLeftBottom,
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
@import '../_.less';
|
|
2
2
|
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: AlibabaPuHuiTiRHeavy;
|
|
5
|
+
src: url(../../font/Alibaba-PuHuiTi-Heavy.otf);
|
|
6
|
+
}
|
|
7
|
+
|
|
3
8
|
.container1440() {
|
|
4
9
|
width: 1440px;
|
|
5
10
|
max-width: calc(100% - 80px);
|
|
@@ -41,159 +46,146 @@
|
|
|
41
46
|
|
|
42
47
|
.title {
|
|
43
48
|
font-size: 3.4em; //2.875em;
|
|
44
|
-
font-weight: 800;
|
|
45
49
|
color: rgba(0, 0, 0, 1);
|
|
46
50
|
position: relative;
|
|
51
|
+
font-family: AlibabaPuHuiTiRHeavy;
|
|
52
|
+
|
|
53
|
+
.engine {
|
|
54
|
+
color: #691EFF;
|
|
55
|
+
}
|
|
47
56
|
}
|
|
48
57
|
|
|
49
58
|
.description {
|
|
50
59
|
margin-top: 0.83%; //12px;
|
|
51
60
|
margin-bottom: 0px;
|
|
52
61
|
color: rgba(106, 123, 140, 1);
|
|
53
|
-
font-size: 1.14em;
|
|
54
62
|
font-weight: 200;
|
|
55
63
|
position: relative;
|
|
56
64
|
width: 40%;
|
|
57
65
|
max-width: 700px;
|
|
66
|
+
font-family: AlibabaPuHuiTiR;
|
|
67
|
+
font-size: 18px;
|
|
68
|
+
color: #424E66;
|
|
58
69
|
}
|
|
59
70
|
|
|
60
71
|
.buttons {
|
|
61
72
|
display: flex;
|
|
62
73
|
margin-top: 5.56%;
|
|
63
74
|
|
|
64
|
-
.buttonLink+.buttonLink {
|
|
65
|
-
margin-left: 16px;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
75
|
.buttonLink {
|
|
76
|
+
display: flex;
|
|
77
|
+
align-items: center;
|
|
78
|
+
justify-content: center;
|
|
69
79
|
cursor: pointer;
|
|
70
|
-
border-radius:
|
|
71
|
-
min-width: 134px;
|
|
72
|
-
padding-left: 15px;
|
|
73
|
-
padding-right: 15px;
|
|
74
|
-
height: 40px;
|
|
80
|
+
border-radius: 12px;
|
|
75
81
|
z-index: 10;
|
|
76
82
|
position: relative;
|
|
77
83
|
transition: all 0.3s;
|
|
78
|
-
border: 1px solid @primary-color;
|
|
79
|
-
color: @primary-color;
|
|
80
|
-
background: transparent;
|
|
81
84
|
text-align: center;
|
|
82
|
-
|
|
83
|
-
|
|
85
|
+
height: 54px;
|
|
86
|
+
width: 166px;
|
|
87
|
+
box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.10);
|
|
88
|
+
background-color: #691EFF;
|
|
89
|
+
font-size: 18px;
|
|
90
|
+
cursor: pointer;
|
|
91
|
+
box-shadow: 0 8px 28px 0 #f2f2f2;
|
|
92
|
+
margin-right: 20px;
|
|
93
|
+
color: #FFFFFF;
|
|
94
|
+
overflow: hidden;
|
|
95
|
+
|
|
96
|
+
.icon {
|
|
97
|
+
width: 20px;
|
|
98
|
+
height: 20px;
|
|
99
|
+
background-image: url(https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*lo_5RYdqKLsAAAAAAAAAAAAADmJ7AQ/original);
|
|
100
|
+
margin-right: 6px;
|
|
101
|
+
}
|
|
84
102
|
|
|
85
103
|
&:hover {
|
|
86
|
-
|
|
87
|
-
border: 1px solid tint(@primary-color, 25%);
|
|
88
|
-
background-color: fade(@primary-color, 3%);
|
|
104
|
+
opacity: 0.8;
|
|
89
105
|
}
|
|
90
106
|
|
|
91
107
|
&.primary {
|
|
92
|
-
border: none;
|
|
93
|
-
outline: none;
|
|
94
108
|
color: #fff;
|
|
95
|
-
background
|
|
96
|
-
|
|
97
|
-
|
|
109
|
+
background-color: #FFFFFF;
|
|
110
|
+
color: #000;
|
|
111
|
+
border: 1px solid #E8E8E8;
|
|
112
|
+
|
|
113
|
+
.icon {
|
|
114
|
+
position: relative;
|
|
115
|
+
background-image: url(https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*_xFsQbWE_AYAAAAAAAAAAAAADmJ7AQ/original);
|
|
116
|
+
}
|
|
98
117
|
|
|
99
118
|
&:hover {
|
|
100
|
-
|
|
119
|
+
color: #691EFF;
|
|
120
|
+
|
|
121
|
+
.icon {
|
|
122
|
+
left: -80px;
|
|
123
|
+
filter: drop-shadow(#691EFF 80px 0);
|
|
124
|
+
}
|
|
101
125
|
}
|
|
102
126
|
}
|
|
103
127
|
}
|
|
104
128
|
|
|
105
129
|
.githubWrapper {
|
|
106
|
-
margin-left: 16px;
|
|
107
130
|
display: flex;
|
|
108
131
|
|
|
109
132
|
:global {
|
|
110
|
-
.
|
|
111
|
-
width: 40px;
|
|
112
|
-
height: 40px;
|
|
113
|
-
border-radius: 20px;
|
|
114
|
-
padding: 9px;
|
|
115
|
-
border: 1px solid #ced4d9;
|
|
116
|
-
background: transparent;
|
|
117
|
-
text-decoration: none;
|
|
118
|
-
white-space: nowrap;
|
|
133
|
+
.github-btn {
|
|
119
134
|
display: flex;
|
|
135
|
+
height: 54px;
|
|
120
136
|
cursor: pointer;
|
|
121
|
-
|
|
137
|
+
box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.05);
|
|
138
|
+
background-color: #FFFFFF;
|
|
139
|
+
border: 1px solid #E8E8E8;
|
|
140
|
+
justify-content: center;
|
|
141
|
+
align-items: center;
|
|
142
|
+
border-radius: 12px;
|
|
143
|
+
overflow: hidden;
|
|
122
144
|
transition: all 0.15s;
|
|
123
145
|
|
|
124
146
|
&:hover {
|
|
125
|
-
|
|
147
|
+
.gh-btn {
|
|
148
|
+
>.gh-ico {
|
|
149
|
+
filter: drop-shadow(#691EFF 80px 0);
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.gh-count {
|
|
154
|
+
color: #691EFF;
|
|
155
|
+
}
|
|
126
156
|
}
|
|
127
157
|
|
|
128
|
-
.gh-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
158
|
+
.gh-btn {
|
|
159
|
+
padding: 16px;
|
|
160
|
+
.gh-ico {
|
|
161
|
+
display: block;
|
|
162
|
+
width: 20px;
|
|
163
|
+
height: 20px;
|
|
164
|
+
background-image: url(https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*Nk9mQ48ZoZMAAAAAAAAAAABkARQnAQ);
|
|
165
|
+
background-size: 100% 100%;
|
|
166
|
+
background-repeat: no-repeat;
|
|
167
|
+
position: relative;
|
|
168
|
+
left: -80px;
|
|
169
|
+
filter: drop-shadow(#1D2129 80px 0);
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.gh-text {
|
|
173
|
+
display: none;
|
|
174
|
+
}
|
|
139
175
|
}
|
|
140
176
|
|
|
141
|
-
.gh-
|
|
142
|
-
|
|
177
|
+
.gh-count {
|
|
178
|
+
height: 54px;
|
|
179
|
+
line-height: 22px;
|
|
180
|
+
padding: 16px 16px 16px 0;
|
|
181
|
+
position: relative;
|
|
182
|
+
font-size: 18px;
|
|
183
|
+
margin-left: -8px;
|
|
184
|
+
color: #1D2129;
|
|
185
|
+
letter-spacing: 0;
|
|
186
|
+
font-family: AlibabaSans102-Medium;
|
|
143
187
|
}
|
|
144
188
|
}
|
|
145
|
-
|
|
146
|
-
.gh-count {
|
|
147
|
-
position: relative;
|
|
148
|
-
display: none;
|
|
149
|
-
/* hidden to start */
|
|
150
|
-
margin-left: 52px;
|
|
151
|
-
margin-top: 7px;
|
|
152
|
-
border: 1px solid #d4d4d4;
|
|
153
|
-
padding: 2px 10px;
|
|
154
|
-
font-weight: 700;
|
|
155
|
-
height: 65%;
|
|
156
|
-
border-radius: 5px;
|
|
157
|
-
color: rgb(49, 70, 89);
|
|
158
|
-
|
|
159
|
-
&:hover {
|
|
160
|
-
background: #f2f4f5;
|
|
161
|
-
transition: all 0.15s;
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
.gh-count:hover,
|
|
166
|
-
.gh-count:focus {
|
|
167
|
-
color: #4183c4;
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
.gh-count:before,
|
|
171
|
-
.gh-count:after {
|
|
172
|
-
content: '';
|
|
173
|
-
position: absolute;
|
|
174
|
-
display: inline-block;
|
|
175
|
-
width: 0;
|
|
176
|
-
height: 0;
|
|
177
|
-
border-color: transparent;
|
|
178
|
-
border-style: solid;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
.gh-count:before {
|
|
182
|
-
top: 50%;
|
|
183
|
-
left: -3px;
|
|
184
|
-
margin-top: -5px;
|
|
185
|
-
border-width: 4px 4px 4px 0;
|
|
186
|
-
border-right-color: #fafafa;
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
.gh-count:after {
|
|
190
|
-
top: 50%;
|
|
191
|
-
border-width: 5px 5px 5px 0;
|
|
192
|
-
border-right-color: #d4d4d4;
|
|
193
|
-
left: -5px;
|
|
194
|
-
z-index: -1;
|
|
195
|
-
margin-top: -6px;
|
|
196
|
-
}
|
|
197
189
|
}
|
|
198
190
|
}
|
|
199
191
|
}
|
|
@@ -227,6 +219,7 @@
|
|
|
227
219
|
position: relative;
|
|
228
220
|
}
|
|
229
221
|
}
|
|
222
|
+
|
|
230
223
|
.backLeftBottom {
|
|
231
224
|
position: absolute;
|
|
232
225
|
left: -8%;
|
|
@@ -377,4 +370,4 @@
|
|
|
377
370
|
top: 14%;
|
|
378
371
|
}
|
|
379
372
|
}
|
|
380
|
-
}
|
|
373
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
function _typeof(
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
1
|
+
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); }
|
|
2
|
+
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; }
|
|
3
|
+
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; }
|
|
4
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
5
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
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); }
|
|
@@ -8,7 +8,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
8
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."); }
|
|
9
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); }
|
|
10
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(
|
|
11
|
+
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; } }
|
|
12
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
13
|
import React, { useEffect, useRef, useState } from 'react';
|
|
14
14
|
import { Input, Menu, Tooltip } from 'antd';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
function _typeof(
|
|
2
|
-
var _excluded = ["columns", "bottom", "
|
|
1
|
+
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); }
|
|
2
|
+
var _excluded = ["columns", "bottom", "language", "isDynamicFooter", "rootDomain", "className"];
|
|
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
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
5
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
@@ -9,9 +9,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
9
9
|
import React from 'react';
|
|
10
10
|
import { default as RCFooter } from 'rc-footer';
|
|
11
11
|
import { GithubOutlined, WeiboOutlined, ZhihuOutlined, QuestionCircleOutlined } from '@ant-design/icons';
|
|
12
|
+
import cx from 'classnames';
|
|
12
13
|
import { omit } from 'lodash-es';
|
|
13
14
|
import classnames from 'classnames';
|
|
14
|
-
import { useLocale, FormattedMessage } from 'dumi';
|
|
15
|
+
import { useLocale, FormattedMessage, useSiteData } from 'dumi';
|
|
15
16
|
import 'rc-footer/assets/index.less';
|
|
16
17
|
import styles from "./index.module.less";
|
|
17
18
|
/**
|
|
@@ -19,18 +20,23 @@ import styles from "./index.module.less";
|
|
|
19
20
|
* @returns
|
|
20
21
|
*/
|
|
21
22
|
export var Footer = function Footer(props) {
|
|
23
|
+
var _classnames;
|
|
22
24
|
var columns = props.columns,
|
|
23
25
|
bottom = props.bottom,
|
|
24
|
-
_props$theme = props.theme,
|
|
25
|
-
theme = _props$theme === void 0 ? 'dark' : _props$theme,
|
|
26
26
|
language = props.language,
|
|
27
27
|
isDynamicFooter = props.isDynamicFooter,
|
|
28
28
|
_props$rootDomain = props.rootDomain,
|
|
29
29
|
rootDomain = _props$rootDomain === void 0 ? '' : _props$rootDomain,
|
|
30
30
|
className = props.className,
|
|
31
31
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
32
|
+
var _useSiteData = useSiteData(),
|
|
33
|
+
themeConfig = _useSiteData.themeConfig;
|
|
32
34
|
var locale = useLocale();
|
|
33
35
|
var lang = locale.id;
|
|
36
|
+
var _themeConfig$footerTh = themeConfig.footerTheme,
|
|
37
|
+
footerTheme = _themeConfig$footerTh === void 0 ? 'dark' : _themeConfig$footerTh;
|
|
38
|
+
var _restProps$theme = restProps.theme,
|
|
39
|
+
theme = _restProps$theme === void 0 ? footerTheme : _restProps$theme;
|
|
34
40
|
var getColumns = function getColumns() {
|
|
35
41
|
// 如果外部没有传入 columns,则默认展示 antv footer
|
|
36
42
|
var col1 = {
|
|
@@ -175,10 +181,10 @@ export var Footer = function Footer(props) {
|
|
|
175
181
|
maxColumnsPerRow: 5,
|
|
176
182
|
theme: theme,
|
|
177
183
|
columns: columns || getColumns(),
|
|
178
|
-
className: classnames(styles.footer, className,
|
|
184
|
+
className: classnames(styles.footer, className, (_classnames = {}, _defineProperty(_classnames, styles.light, theme === 'light'), _defineProperty(_classnames, styles.withMenu, isDynamicFooter), _classnames)),
|
|
179
185
|
bottom: bottom || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
180
|
-
className: styles.bottom
|
|
181
|
-
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {
|
|
186
|
+
className: cx(styles.bottom, _defineProperty({}, styles.light, theme === 'light'))
|
|
187
|
+
}, theme === 'light' ? '© Copyright 2022 Ant Group Co., Ltd..备案号:京ICP备15032932号-38' : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {
|
|
182
188
|
href: "https://weibo.com/antv2017",
|
|
183
189
|
target: "_blank",
|
|
184
190
|
rel: "noopener noreferrer"
|
|
@@ -196,6 +202,6 @@ export var Footer = function Footer(props) {
|
|
|
196
202
|
id: "\u5173\u4E8E\u6211\u4EEC"
|
|
197
203
|
}))), /*#__PURE__*/React.createElement("div", null, "\xA9 ", new Date().getFullYear(), " Made with \u2764 by", ' ', /*#__PURE__*/React.createElement("a", {
|
|
198
204
|
href: "https://xtech.antfin.com/"
|
|
199
|
-
}, "AntV"))))
|
|
205
|
+
}, "AntV")))))
|
|
200
206
|
}, omit(restProps, ['githubUrl'])));
|
|
201
207
|
};
|
|
@@ -9,6 +9,24 @@
|
|
|
9
9
|
.container1440;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
+
:global(.rc-footer-bottom-container) {
|
|
13
|
+
border-top: 4px solid #F0F2FF;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
&.light {
|
|
17
|
+
:global(.rc-footer-item) {
|
|
18
|
+
> a {
|
|
19
|
+
> span {
|
|
20
|
+
font-size: 16px;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
>a:hover {
|
|
25
|
+
color: #691EFF;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
12
30
|
.description {
|
|
13
31
|
opacity: 0.6;
|
|
14
32
|
font-weight: normal;
|
|
@@ -49,7 +67,7 @@
|
|
|
49
67
|
|
|
50
68
|
.bottom {
|
|
51
69
|
display: flex;
|
|
52
|
-
justify-content:
|
|
70
|
+
justify-content: center;
|
|
53
71
|
font-size: 14px;
|
|
54
72
|
|
|
55
73
|
:global(.anticon),
|
|
@@ -57,6 +75,17 @@
|
|
|
57
75
|
margin-right: 8px;
|
|
58
76
|
color: rgba(255, 255, 255, 0.6);
|
|
59
77
|
}
|
|
78
|
+
|
|
79
|
+
&.light {
|
|
80
|
+
:global(.anticon),
|
|
81
|
+
a {
|
|
82
|
+
color: #424E66;
|
|
83
|
+
|
|
84
|
+
&:hover {
|
|
85
|
+
color: #691EFF;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
60
89
|
}
|
|
61
90
|
}
|
|
62
91
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _typeof(
|
|
1
|
+
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); }
|
|
2
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
3
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
4
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); }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
function _typeof(
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
1
|
+
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); }
|
|
2
|
+
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; }
|
|
3
|
+
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; }
|
|
4
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
5
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
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); }
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _typeof(
|
|
1
|
+
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); }
|
|
2
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
3
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
4
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); }
|
|
@@ -6,7 +6,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
6
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."); }
|
|
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
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(
|
|
9
|
+
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; } }
|
|
10
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
11
11
|
import React from 'react';
|
|
12
12
|
import cx from 'classnames';
|
|
@@ -50,13 +50,13 @@ export var Products = function Products(_ref) {
|
|
|
50
50
|
})), /*#__PURE__*/React.createElement("ul", null, products.filter(function (item) {
|
|
51
51
|
return item.category === type;
|
|
52
52
|
}).map(function (product) {
|
|
53
|
-
var _product$links
|
|
53
|
+
var _product$links;
|
|
54
54
|
return /*#__PURE__*/React.createElement(Product, {
|
|
55
55
|
key: product.title,
|
|
56
56
|
name: product.title,
|
|
57
57
|
slogan: product.slogan || '',
|
|
58
58
|
description: product.description,
|
|
59
|
-
url: (_product$links = product.links) === null || _product$links === void 0
|
|
59
|
+
url: (_product$links = product.links) === null || _product$links === void 0 || (_product$links = _product$links.home) === null || _product$links === void 0 ? void 0 : _product$links.url,
|
|
60
60
|
icon: product.icon,
|
|
61
61
|
links: product.links,
|
|
62
62
|
language: language || locale.id
|
|
@@ -2,7 +2,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
2
2
|
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."); }
|
|
3
3
|
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); }
|
|
4
4
|
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; }
|
|
5
|
-
function _iterableToArrayLimit(
|
|
5
|
+
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; } }
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import React, { useEffect, useState, useMemo } from 'react';
|
|
8
8
|
import { Popover } from 'antd';
|