@blocklet/ui-react 2.5.58 → 2.5.60
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/lib/Dashboard/index.js +31 -57
- package/lib/Footer/brand.js +8 -23
- package/lib/Footer/copyright.js +7 -20
- package/lib/Footer/index.js +10 -38
- package/lib/Footer/internal-footer.js +12 -42
- package/lib/Footer/layout/plain.js +10 -26
- package/lib/Footer/layout/row.js +7 -23
- package/lib/Footer/layout/standard.js +10 -27
- package/lib/Footer/links.js +14 -37
- package/lib/Footer/social-media.js +6 -22
- package/lib/Header/index.js +11 -55
- package/lib/Icon/index.js +15 -35
- package/lib/blocklets.js +23 -61
- package/lib/common/header-addons.js +11 -34
- package/lib/common/link-blocker.js +4 -12
- package/lib/common/overridable-theme-provider.js +1 -7
- package/lib/common/wallet-hidden-topbar.js +0 -6
- package/lib/types.js +1 -6
- package/lib/utils.js +16 -36
- package/package.json +4 -4
package/lib/Footer/layout/row.js
CHANGED
|
@@ -4,46 +4,31 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = Row;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
|
11
|
-
|
|
12
9
|
var _Theme = require("@arcblock/ux/lib/Theme");
|
|
13
|
-
|
|
14
10
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
15
|
-
|
|
16
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
-
|
|
18
12
|
var _templateObject;
|
|
19
|
-
|
|
20
13
|
const _excluded = ["children", "autoCenter"];
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
15
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
25
|
-
|
|
26
16
|
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; }
|
|
27
|
-
|
|
28
17
|
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; }
|
|
29
|
-
|
|
30
|
-
function
|
|
31
|
-
|
|
18
|
+
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; }
|
|
19
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
20
|
+
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); }
|
|
32
21
|
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; }
|
|
33
|
-
|
|
34
22
|
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; }
|
|
35
|
-
|
|
36
23
|
function Row(_ref) {
|
|
37
24
|
let {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
25
|
+
children,
|
|
26
|
+
autoCenter
|
|
27
|
+
} = _ref,
|
|
28
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
43
29
|
if (!children) {
|
|
44
30
|
return null;
|
|
45
31
|
}
|
|
46
|
-
|
|
47
32
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(RowRoot, _objectSpread(_objectSpread({}, rest), {}, {
|
|
48
33
|
className: (0, _clsx.default)(rest.className, {
|
|
49
34
|
'footer-row-auto-center': autoCenter
|
|
@@ -51,7 +36,6 @@ function Row(_ref) {
|
|
|
51
36
|
children: children
|
|
52
37
|
}));
|
|
53
38
|
}
|
|
54
|
-
|
|
55
39
|
Row.propTypes = {
|
|
56
40
|
children: _propTypes.default.any,
|
|
57
41
|
autoCenter: _propTypes.default.bool
|
|
@@ -4,49 +4,33 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
|
11
|
-
|
|
12
9
|
var _Container = _interopRequireDefault(require("@mui/material/Container"));
|
|
13
|
-
|
|
14
10
|
var _Theme = require("@arcblock/ux/lib/Theme");
|
|
15
|
-
|
|
16
11
|
var _row = _interopRequireDefault(require("./row"));
|
|
17
|
-
|
|
18
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
-
|
|
20
13
|
var _templateObject;
|
|
21
|
-
|
|
22
14
|
const _excluded = ["elements", "data"];
|
|
23
|
-
|
|
15
|
+
/**
|
|
16
|
+
* footer standard layout
|
|
17
|
+
*/
|
|
24
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
|
-
|
|
26
19
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
27
|
-
|
|
28
20
|
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; }
|
|
29
|
-
|
|
30
21
|
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; }
|
|
31
|
-
|
|
32
|
-
function
|
|
33
|
-
|
|
22
|
+
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; }
|
|
23
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
24
|
+
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); }
|
|
34
25
|
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; }
|
|
35
|
-
|
|
36
26
|
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; }
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* footer standard layout
|
|
40
|
-
*/
|
|
41
27
|
function StandardLayout(_ref) {
|
|
42
28
|
var _data$navigation;
|
|
43
|
-
|
|
44
29
|
let {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
30
|
+
elements,
|
|
31
|
+
data
|
|
32
|
+
} = _ref,
|
|
33
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
50
34
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({}, rest), {}, {
|
|
51
35
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Container.default, {
|
|
52
36
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
|
|
@@ -90,7 +74,6 @@ function StandardLayout(_ref) {
|
|
|
90
74
|
})
|
|
91
75
|
}));
|
|
92
76
|
}
|
|
93
|
-
|
|
94
77
|
StandardLayout.propTypes = {
|
|
95
78
|
elements: _propTypes.default.shape({
|
|
96
79
|
brand: _propTypes.default.element,
|
package/lib/Footer/links.js
CHANGED
|
@@ -4,63 +4,44 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = Links;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _Theme = require("@arcblock/ux/lib/Theme");
|
|
13
|
-
|
|
14
10
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
15
|
-
|
|
16
11
|
var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
|
|
17
|
-
|
|
18
12
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
19
|
-
|
|
20
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
-
|
|
22
14
|
var _templateObject;
|
|
23
|
-
|
|
24
15
|
const _excluded = ["links", "flowLayout"];
|
|
25
|
-
|
|
16
|
+
/* eslint-disable react/no-array-index-key */
|
|
17
|
+
/**
|
|
18
|
+
* footer 中的 links (支持分组, 最多支持 2 级)
|
|
19
|
+
* TODO: dark/light theme
|
|
20
|
+
*/
|
|
26
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
-
|
|
28
22
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
29
|
-
|
|
30
23
|
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; }
|
|
31
|
-
|
|
32
24
|
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; }
|
|
33
|
-
|
|
34
|
-
function
|
|
35
|
-
|
|
25
|
+
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; }
|
|
26
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
27
|
+
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); }
|
|
36
28
|
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; }
|
|
37
|
-
|
|
38
29
|
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; }
|
|
39
|
-
|
|
40
|
-
/**
|
|
41
|
-
* footer 中的 links (支持分组, 最多支持 2 级)
|
|
42
|
-
* TODO: dark/light theme
|
|
43
|
-
*/
|
|
44
30
|
function Links(_ref) {
|
|
45
31
|
let {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
32
|
+
links,
|
|
33
|
+
flowLayout
|
|
34
|
+
} = _ref,
|
|
35
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
51
36
|
const [activeIndex, setActiveIndex] = (0, _react.useState)(-1);
|
|
52
|
-
|
|
53
37
|
if (!(links !== null && links !== void 0 && links.length)) {
|
|
54
38
|
return null;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
|
|
39
|
+
}
|
|
40
|
+
// 只要发现一项元素有子元素, 就认为是分组 (大字号突出 group title)
|
|
58
41
|
const isGroupMode = links.some(item => {
|
|
59
42
|
var _item$items;
|
|
60
|
-
|
|
61
43
|
return (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.length;
|
|
62
44
|
});
|
|
63
|
-
|
|
64
45
|
const renderItem = _ref2 => {
|
|
65
46
|
let {
|
|
66
47
|
label,
|
|
@@ -70,7 +51,6 @@ function Links(_ref) {
|
|
|
70
51
|
props
|
|
71
52
|
} = _ref2;
|
|
72
53
|
let result = label;
|
|
73
|
-
|
|
74
54
|
if (render) {
|
|
75
55
|
result = render({
|
|
76
56
|
label,
|
|
@@ -84,7 +64,6 @@ function Links(_ref) {
|
|
|
84
64
|
children: label
|
|
85
65
|
}));
|
|
86
66
|
}
|
|
87
|
-
|
|
88
67
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
89
68
|
children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
90
69
|
icon: icon,
|
|
@@ -95,7 +74,6 @@ function Links(_ref) {
|
|
|
95
74
|
}), result]
|
|
96
75
|
});
|
|
97
76
|
};
|
|
98
|
-
|
|
99
77
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({}, rest), {}, {
|
|
100
78
|
className: (0, _clsx.default)(rest.className, {
|
|
101
79
|
'footer-links--grouped': isGroupMode,
|
|
@@ -138,7 +116,6 @@ function Links(_ref) {
|
|
|
138
116
|
})
|
|
139
117
|
}));
|
|
140
118
|
}
|
|
141
|
-
|
|
142
119
|
Links.propTypes = {
|
|
143
120
|
links: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
144
121
|
label: _propTypes.default.string,
|
|
@@ -4,45 +4,30 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = SocialMedia;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
var _Theme = require("@arcblock/ux/lib/Theme");
|
|
11
|
-
|
|
12
9
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
13
|
-
|
|
14
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
|
|
16
11
|
var _templateObject;
|
|
17
|
-
|
|
18
12
|
const _excluded = ["items"];
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
14
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
23
|
-
|
|
24
15
|
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; }
|
|
25
|
-
|
|
26
16
|
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; }
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
17
|
+
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; }
|
|
18
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
19
|
+
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); }
|
|
30
20
|
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; }
|
|
31
|
-
|
|
32
21
|
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; }
|
|
33
|
-
|
|
34
22
|
function SocialMedia(_ref) {
|
|
35
23
|
let {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
24
|
+
items
|
|
25
|
+
} = _ref,
|
|
26
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
40
27
|
const theme = (0, _Theme.useTheme)();
|
|
41
|
-
|
|
42
28
|
if (!(items !== null && items !== void 0 && items.length)) {
|
|
43
29
|
return null;
|
|
44
30
|
}
|
|
45
|
-
|
|
46
31
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({}, rest), {}, {
|
|
47
32
|
children: items.map((item, i) => {
|
|
48
33
|
return (
|
|
@@ -66,7 +51,6 @@ function SocialMedia(_ref) {
|
|
|
66
51
|
})
|
|
67
52
|
}));
|
|
68
53
|
}
|
|
69
|
-
|
|
70
54
|
SocialMedia.propTypes = {
|
|
71
55
|
items: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
72
56
|
// icon 对应 Icon#icon prop, 支持 iconify name 和 url 2 种形式:
|
package/lib/Header/index.js
CHANGED
|
@@ -4,58 +4,33 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _reactErrorBoundary = require("react-error-boundary");
|
|
13
|
-
|
|
14
10
|
var _ErrorBoundary = require("@arcblock/ux/lib/ErrorBoundary");
|
|
15
|
-
|
|
16
11
|
var _Theme = require("@arcblock/ux/lib/Theme");
|
|
17
|
-
|
|
18
12
|
var _Header = require("@arcblock/ux/lib/Header");
|
|
19
|
-
|
|
20
13
|
var _NavMenu = _interopRequireDefault(require("@arcblock/ux/lib/NavMenu"));
|
|
21
|
-
|
|
22
14
|
var _context = require("@arcblock/ux/lib/Locale/context");
|
|
23
|
-
|
|
24
15
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
25
|
-
|
|
26
16
|
var _overridableThemeProvider = _interopRequireDefault(require("../common/overridable-theme-provider"));
|
|
27
|
-
|
|
28
17
|
var _types = require("../types");
|
|
29
|
-
|
|
30
18
|
var _utils = require("../utils");
|
|
31
|
-
|
|
32
19
|
var _blocklets = require("../blocklets");
|
|
33
|
-
|
|
34
20
|
var _headerAddons = _interopRequireDefault(require("../common/header-addons"));
|
|
35
|
-
|
|
36
21
|
var _walletHiddenTopbar = require("../common/wallet-hidden-topbar");
|
|
37
|
-
|
|
38
22
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
39
|
-
|
|
40
23
|
var _templateObject;
|
|
41
|
-
|
|
42
24
|
const _excluded = ["meta", "addons", "sessionManagerProps", "homeLink", "theme"];
|
|
43
|
-
|
|
44
25
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
45
|
-
|
|
46
26
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
47
|
-
|
|
48
27
|
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; }
|
|
49
|
-
|
|
50
28
|
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; }
|
|
51
|
-
|
|
52
29
|
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; }
|
|
53
|
-
|
|
54
30
|
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; }
|
|
55
|
-
|
|
56
|
-
function
|
|
57
|
-
|
|
58
|
-
// blocklet meta 中的 navigation 数据 => NavMenu 组件的 items
|
|
31
|
+
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; }
|
|
32
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
33
|
+
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); } // blocklet meta 中的 navigation 数据 => NavMenu 组件的 items
|
|
59
34
|
const parseNavigation = navigation => {
|
|
60
35
|
if (!(navigation !== null && navigation !== void 0 && navigation.length)) {
|
|
61
36
|
return {
|
|
@@ -63,16 +38,12 @@ const parseNavigation = navigation => {
|
|
|
63
38
|
activeId: null
|
|
64
39
|
};
|
|
65
40
|
}
|
|
66
|
-
|
|
67
41
|
let counter = 1;
|
|
68
|
-
|
|
69
42
|
const parseItem = item => {
|
|
70
43
|
var _item$link, _item$link2;
|
|
71
|
-
|
|
72
44
|
const icon = item.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
73
45
|
icon: item.icon
|
|
74
46
|
}) : null;
|
|
75
|
-
|
|
76
47
|
if (item.items) {
|
|
77
48
|
return {
|
|
78
49
|
id: "".concat(counter++),
|
|
@@ -81,16 +52,13 @@ const parseNavigation = navigation => {
|
|
|
81
52
|
children: item.items
|
|
82
53
|
};
|
|
83
54
|
}
|
|
84
|
-
|
|
85
55
|
let props = {};
|
|
86
|
-
|
|
87
56
|
if ((_item$link = item.link) !== null && _item$link !== void 0 && _item$link.startsWith('http://') || (_item$link2 = item.link) !== null && _item$link2 !== void 0 && _item$link2.startsWith('https://')) {
|
|
88
57
|
props = {
|
|
89
58
|
target: '_blank',
|
|
90
59
|
rel: 'noreferrer'
|
|
91
60
|
};
|
|
92
61
|
}
|
|
93
|
-
|
|
94
62
|
return {
|
|
95
63
|
id: "".concat(counter++),
|
|
96
64
|
label: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
|
|
@@ -102,7 +70,6 @@ const parseNavigation = navigation => {
|
|
|
102
70
|
link: item.link
|
|
103
71
|
};
|
|
104
72
|
};
|
|
105
|
-
|
|
106
73
|
const navItems = (0, _utils.mapRecursive)(navigation, parseItem, 'items');
|
|
107
74
|
const flattened = (0, _utils.flatRecursive)(navItems);
|
|
108
75
|
const matchedIndex = (0, _utils.matchPaths)(flattened.map(item => item.link));
|
|
@@ -111,31 +78,27 @@ const parseNavigation = navigation => {
|
|
|
111
78
|
activeId: matchedIndex >= 0 ? flattened[matchedIndex].id : null
|
|
112
79
|
};
|
|
113
80
|
};
|
|
81
|
+
|
|
114
82
|
/**
|
|
115
83
|
* 专门用于 (composable) blocklet 的 Header 组件, 解析 blocklet meta 中的数据, 通过组合 UX 中的 Header & NavMenu 组件来渲染
|
|
116
84
|
*/
|
|
117
85
|
// eslint-disable-next-line no-shadow
|
|
118
|
-
|
|
119
|
-
|
|
120
86
|
function Header(_ref) {
|
|
121
87
|
var _formattedBlocklet$na, _theme$background;
|
|
122
|
-
|
|
123
88
|
let {
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
89
|
+
meta,
|
|
90
|
+
addons,
|
|
91
|
+
sessionManagerProps,
|
|
92
|
+
homeLink,
|
|
93
|
+
theme: themeOverrides
|
|
94
|
+
} = _ref,
|
|
95
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
132
96
|
(0, _walletHiddenTopbar.useWalletHiddenTopbar)();
|
|
133
97
|
const {
|
|
134
98
|
locale
|
|
135
99
|
} = (0, _context.useLocaleContext)() || {};
|
|
136
100
|
const formattedBlocklet = (0, _react.useMemo)(() => {
|
|
137
101
|
const blocklet = Object.assign({}, window.blocklet, meta);
|
|
138
|
-
|
|
139
102
|
try {
|
|
140
103
|
return (0, _blocklets.formatBlockletInfo)(blocklet);
|
|
141
104
|
} catch (e) {
|
|
@@ -143,11 +106,9 @@ function Header(_ref) {
|
|
|
143
106
|
return blocklet;
|
|
144
107
|
}
|
|
145
108
|
}, [meta]);
|
|
146
|
-
|
|
147
109
|
if (!formattedBlocklet.appName) {
|
|
148
110
|
return null;
|
|
149
111
|
}
|
|
150
|
-
|
|
151
112
|
const {
|
|
152
113
|
appLogo,
|
|
153
114
|
appLogoRect,
|
|
@@ -159,11 +120,9 @@ function Header(_ref) {
|
|
|
159
120
|
navItems,
|
|
160
121
|
activeId
|
|
161
122
|
} = parsedNavigation;
|
|
162
|
-
|
|
163
123
|
const _addons = typeof addons === 'function' ? builtInAddons => addons(builtInAddons, {
|
|
164
124
|
navigation: parsedNavigation
|
|
165
125
|
}) : addons;
|
|
166
|
-
|
|
167
126
|
const headerAddons = /*#__PURE__*/(0, _jsxRuntime.jsx)(_headerAddons.default, {
|
|
168
127
|
formattedBlocklet: formattedBlocklet,
|
|
169
128
|
addons: _addons,
|
|
@@ -196,7 +155,6 @@ function Header(_ref) {
|
|
|
196
155
|
}))
|
|
197
156
|
});
|
|
198
157
|
}
|
|
199
|
-
|
|
200
158
|
Header.propTypes = {
|
|
201
159
|
meta: _types.blockletMetaProps,
|
|
202
160
|
// 需要考虑 定制的 addons 与内置的 连接钱包/选择语言 addons 共存的情况
|
|
@@ -223,9 +181,7 @@ const StyledUxHeader = (0, _Theme.styled)(_Header.ResponsiveHeader)(_templateObj
|
|
|
223
181
|
} = _ref3;
|
|
224
182
|
return "background-color: ".concat($bgcolor || '#fff', ";");
|
|
225
183
|
}, props => props.theme.breakpoints.down('md'));
|
|
226
|
-
|
|
227
184
|
var _default = (0, _reactErrorBoundary.withErrorBoundary)(Header, {
|
|
228
185
|
FallbackComponent: _ErrorBoundary.ErrorFallback
|
|
229
186
|
});
|
|
230
|
-
|
|
231
187
|
exports.default = _default;
|
package/lib/Icon/index.js
CHANGED
|
@@ -4,52 +4,38 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = Icon;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
|
|
11
|
-
|
|
12
9
|
require("@iconify/iconify");
|
|
13
|
-
|
|
14
10
|
var _utils = require("../utils");
|
|
15
|
-
|
|
16
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
-
|
|
18
12
|
const _excluded = ["icon", "size", "sx"];
|
|
19
|
-
|
|
13
|
+
/**
|
|
14
|
+
* Icon 组件, 基于 mui Avatar 组件扩展对 iconify 的支持
|
|
15
|
+
*/
|
|
20
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
17
|
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; }
|
|
23
|
-
|
|
24
18
|
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; }
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
19
|
+
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; }
|
|
20
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
21
|
+
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); }
|
|
28
22
|
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; }
|
|
29
|
-
|
|
30
23
|
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; }
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* Icon 组件, 基于 mui Avatar 组件扩展对 iconify 的支持
|
|
34
|
-
*/
|
|
35
24
|
function Icon(_ref) {
|
|
36
25
|
let {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
26
|
+
icon,
|
|
27
|
+
size,
|
|
28
|
+
sx
|
|
29
|
+
} = _ref,
|
|
30
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
43
31
|
const _sx = [...(Array.isArray(sx) ? sx : [sx])];
|
|
44
|
-
|
|
45
32
|
if (size) {
|
|
46
33
|
_sx.push({
|
|
47
34
|
width: size,
|
|
48
35
|
height: size
|
|
49
36
|
});
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
|
|
37
|
+
}
|
|
38
|
+
// 禁用默认的 circular variant 样式
|
|
53
39
|
if (!rest.variant) {
|
|
54
40
|
_sx.push({
|
|
55
41
|
'&.MuiAvatar-root': {
|
|
@@ -65,7 +51,6 @@ function Icon(_ref) {
|
|
|
65
51
|
}
|
|
66
52
|
});
|
|
67
53
|
}
|
|
68
|
-
|
|
69
54
|
if ((0, _utils.isUrl)(icon)) {
|
|
70
55
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, _objectSpread(_objectSpread({
|
|
71
56
|
as: "span"
|
|
@@ -74,7 +59,6 @@ function Icon(_ref) {
|
|
|
74
59
|
sx: _sx
|
|
75
60
|
}));
|
|
76
61
|
}
|
|
77
|
-
|
|
78
62
|
if ((0, _utils.isIconifyString)(icon)) {
|
|
79
63
|
// y = 0.6 * x + 4
|
|
80
64
|
const iconHeight = size ? 0.6 * size + 4 : 0;
|
|
@@ -89,9 +73,8 @@ function Icon(_ref) {
|
|
|
89
73
|
'data-height': iconHeight
|
|
90
74
|
}))
|
|
91
75
|
}));
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
|
|
76
|
+
}
|
|
77
|
+
// letter avatar
|
|
95
78
|
if (icon && typeof icon === 'string') {
|
|
96
79
|
_sx.push({
|
|
97
80
|
'&.MuiAvatar-root': _objectSpread({
|
|
@@ -100,7 +83,6 @@ function Icon(_ref) {
|
|
|
100
83
|
fontSize: size - 2
|
|
101
84
|
})
|
|
102
85
|
});
|
|
103
|
-
|
|
104
86
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, _objectSpread(_objectSpread({
|
|
105
87
|
as: "span"
|
|
106
88
|
}, rest), {}, {
|
|
@@ -108,10 +90,8 @@ function Icon(_ref) {
|
|
|
108
90
|
children: Array.from(icon)[0]
|
|
109
91
|
}));
|
|
110
92
|
}
|
|
111
|
-
|
|
112
93
|
return null;
|
|
113
94
|
}
|
|
114
|
-
|
|
115
95
|
Icon.propTypes = {
|
|
116
96
|
// icon 支持 2 种形式:
|
|
117
97
|
// 1. iconify icon name: <prefix>:<name>
|