@blocklet/ui-react 2.9.13 → 2.9.15
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/build.config.ts +29 -0
- package/es/@types/index.d.ts +63 -0
- package/es/@types/index.js +0 -0
- package/es/@types/shims.d.ts +12 -0
- package/es/Dashboard/index.d.ts +41 -0
- package/es/Dashboard/index.js +63 -97
- package/es/Footer/brand.d.ts +22 -0
- package/es/Footer/brand.js +20 -37
- package/es/Footer/copyright.d.ts +18 -0
- package/es/Footer/copyright.js +14 -16
- package/es/Footer/index.d.ts +6 -0
- package/es/Footer/index.js +31 -57
- package/es/Footer/internal-footer.d.ts +29 -0
- package/es/Footer/internal-footer.js +67 -94
- package/es/Footer/layout/plain.d.ts +15 -0
- package/es/Footer/layout/plain.js +19 -37
- package/es/Footer/layout/row.d.ts +18 -0
- package/es/Footer/layout/row.js +9 -19
- package/es/Footer/layout/standard.d.ts +15 -0
- package/es/Footer/layout/standard.js +29 -57
- package/es/Footer/links.d.ts +22 -0
- package/es/Footer/links.js +72 -104
- package/es/Footer/social-media.d.ts +14 -0
- package/es/Footer/social-media.js +35 -35
- package/es/Header/index.d.ts +9 -0
- package/es/Header/index.js +56 -101
- package/es/Icon/index.d.ts +23 -0
- package/es/Icon/index.js +23 -58
- package/es/UserCenter/assets/banner.png +0 -0
- package/es/UserCenter/components/notification.d.ts +5 -0
- package/es/UserCenter/components/notification.js +276 -0
- package/es/UserCenter/components/passport.d.ts +6 -0
- package/es/UserCenter/components/passport.js +69 -0
- package/es/UserCenter/components/privacy.d.ts +11 -0
- package/es/UserCenter/components/privacy.js +99 -0
- package/es/UserCenter/components/settings.d.ts +10 -0
- package/es/UserCenter/components/settings.js +68 -0
- package/es/UserCenter/components/user-basic-info.d.ts +8 -0
- package/es/UserCenter/components/user-basic-info.js +66 -0
- package/es/UserCenter/components/user-center.d.ts +9 -0
- package/es/UserCenter/components/user-center.js +397 -0
- package/es/UserCenter/components/user-info-item.d.ts +10 -0
- package/es/UserCenter/components/user-info-item.js +54 -0
- package/es/UserCenter/components/user-info.d.ts +6 -0
- package/es/UserCenter/components/user-info.js +68 -0
- package/es/UserCenter/components/webhook-item.d.ts +3 -0
- package/es/UserCenter/components/webhook-item.js +243 -0
- package/es/UserCenter/index.d.ts +1 -0
- package/es/UserCenter/index.js +1 -0
- package/es/UserCenter/libs/client.d.ts +2 -0
- package/es/UserCenter/libs/client.js +2 -0
- package/es/UserCenter/libs/locales.d.ts +72 -0
- package/es/UserCenter/libs/locales.js +72 -0
- package/es/UserCenter/libs/utils.d.ts +4 -0
- package/es/UserCenter/libs/utils.js +14 -0
- package/es/blocklets.d.ts +16 -0
- package/es/blocklets.js +56 -45
- package/es/common/header-addons.d.ts +22 -0
- package/es/common/header-addons.js +41 -59
- package/es/common/link-blocker.d.ts +7 -0
- package/es/common/link-blocker.js +10 -17
- package/es/common/overridable-theme-provider.d.ts +18 -0
- package/es/common/overridable-theme-provider.js +6 -16
- package/es/common/wallet-hidden-topbar.d.ts +1 -0
- package/es/common/wallet-hidden-topbar.js +12 -10
- package/es/index.d.ts +5 -0
- package/es/index.js +5 -0
- package/es/types.d.ts +2 -0
- package/es/types.js +17 -11
- package/es/utils.d.ts +8 -0
- package/es/utils.js +21 -26
- package/lib/@types/index.d.ts +63 -0
- package/lib/@types/index.js +1 -0
- package/lib/@types/shims.d.ts +12 -0
- package/lib/Dashboard/index.d.ts +41 -0
- package/lib/Dashboard/index.js +44 -71
- package/lib/Footer/brand.d.ts +22 -0
- package/lib/Footer/brand.js +65 -30
- package/lib/Footer/copyright.d.ts +18 -0
- package/lib/Footer/copyright.js +18 -23
- package/lib/Footer/index.d.ts +6 -0
- package/lib/Footer/index.js +33 -42
- package/lib/Footer/internal-footer.d.ts +29 -0
- package/lib/Footer/internal-footer.js +43 -59
- package/lib/Footer/layout/plain.d.ts +15 -0
- package/lib/Footer/layout/plain.js +25 -30
- package/lib/Footer/layout/row.d.ts +18 -0
- package/lib/Footer/layout/row.js +34 -23
- package/lib/Footer/layout/standard.d.ts +15 -0
- package/lib/Footer/layout/standard.js +35 -41
- package/lib/Footer/links.d.ts +22 -0
- package/lib/Footer/links.js +163 -60
- package/lib/Footer/social-media.d.ts +14 -0
- package/lib/Footer/social-media.js +31 -25
- package/lib/Header/index.d.ts +9 -0
- package/lib/Header/index.js +83 -76
- package/lib/Icon/index.d.ts +23 -0
- package/lib/Icon/index.js +37 -51
- package/lib/UserCenter/assets/banner.png +0 -0
- package/lib/UserCenter/components/notification.d.ts +5 -0
- package/lib/UserCenter/components/notification.js +261 -0
- package/lib/UserCenter/components/passport.d.ts +6 -0
- package/lib/UserCenter/components/passport.js +86 -0
- package/lib/UserCenter/components/privacy.d.ts +11 -0
- package/lib/UserCenter/components/privacy.js +101 -0
- package/lib/UserCenter/components/settings.d.ts +10 -0
- package/lib/UserCenter/components/settings.js +81 -0
- package/lib/UserCenter/components/user-basic-info.d.ts +8 -0
- package/lib/UserCenter/components/user-basic-info.js +67 -0
- package/lib/UserCenter/components/user-center.d.ts +9 -0
- package/lib/UserCenter/components/user-center.js +376 -0
- package/lib/UserCenter/components/user-info-item.d.ts +10 -0
- package/lib/UserCenter/components/user-info-item.js +46 -0
- package/lib/UserCenter/components/user-info.d.ts +6 -0
- package/lib/UserCenter/components/user-info.js +94 -0
- package/lib/UserCenter/components/webhook-item.d.ts +3 -0
- package/lib/UserCenter/components/webhook-item.js +236 -0
- package/lib/UserCenter/index.d.ts +1 -0
- package/lib/UserCenter/index.js +13 -0
- package/lib/UserCenter/libs/client.d.ts +2 -0
- package/lib/UserCenter/libs/client.js +8 -0
- package/lib/UserCenter/libs/locales.d.ts +72 -0
- package/lib/UserCenter/libs/locales.js +78 -0
- package/lib/UserCenter/libs/utils.d.ts +4 -0
- package/lib/UserCenter/libs/utils.js +25 -0
- package/lib/blocklets.d.ts +16 -0
- package/lib/blocklets.js +28 -36
- package/lib/common/header-addons.d.ts +22 -0
- package/lib/common/header-addons.js +24 -36
- package/lib/common/link-blocker.d.ts +7 -0
- package/lib/common/link-blocker.js +10 -18
- package/lib/common/overridable-theme-provider.d.ts +18 -0
- package/lib/common/overridable-theme-provider.js +9 -14
- package/lib/common/wallet-hidden-topbar.d.ts +1 -0
- package/lib/common/wallet-hidden-topbar.js +1 -3
- package/lib/index.d.ts +5 -0
- package/lib/index.js +52 -0
- package/lib/types.d.ts +2 -0
- package/lib/types.js +3 -5
- package/lib/utils.d.ts +8 -0
- package/lib/utils.js +16 -23
- package/package.json +18 -11
- package/src/@types/index.ts +70 -0
- package/src/@types/shims.d.ts +12 -0
- package/src/Footer/index.jsx +1 -1
- package/src/Header/index.jsx +1 -1
- package/src/UserCenter/assets/banner.png +0 -0
- package/src/UserCenter/components/notification.tsx +275 -0
- package/src/UserCenter/components/passport.tsx +83 -0
- package/src/UserCenter/components/privacy.tsx +107 -0
- package/src/UserCenter/components/settings.tsx +78 -0
- package/src/UserCenter/components/user-basic-info.tsx +70 -0
- package/src/UserCenter/components/user-center.tsx +410 -0
- package/src/UserCenter/components/user-info-item.tsx +50 -0
- package/src/UserCenter/components/user-info.tsx +85 -0
- package/src/UserCenter/components/webhook-item.tsx +243 -0
- package/src/UserCenter/index.tsx +1 -0
- package/src/UserCenter/libs/client.ts +3 -0
- package/src/UserCenter/libs/locales.ts +72 -0
- package/src/UserCenter/libs/utils.ts +21 -0
- package/src/blocklets.js +2 -0
- package/src/index.ts +9 -0
- /package/src/common/{link-blocker.js → link-blocker.jsx} +0 -0
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
6
|
+
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
9
|
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
|
9
10
|
var _brand = _interopRequireDefault(require("./brand"));
|
|
@@ -12,76 +13,61 @@ var _socialMedia = _interopRequireDefault(require("./social-media"));
|
|
|
12
13
|
var _copyright = _interopRequireDefault(require("./copyright"));
|
|
13
14
|
var _standard = _interopRequireDefault(require("./layout/standard"));
|
|
14
15
|
var _plain = _interopRequireDefault(require("./layout/plain"));
|
|
15
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
-
const _excluded = ["brand", "navigation", "socialMedia", "copyright", "links", "layout"];
|
|
17
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
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; }
|
|
19
|
-
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; }
|
|
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; }
|
|
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; }
|
|
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); }
|
|
25
17
|
const layouts = [{
|
|
26
|
-
name:
|
|
18
|
+
name: "plain",
|
|
27
19
|
// navigation 数据为空时, 使用简单布局
|
|
28
|
-
support: (_, data) =>
|
|
29
|
-
var _data$navigation, _data$socialMedia;
|
|
30
|
-
return !((_data$navigation = data.navigation) !== null && _data$navigation !== void 0 && _data$navigation.length) && !((_data$socialMedia = data.socialMedia) !== null && _data$socialMedia !== void 0 && _data$socialMedia.length);
|
|
31
|
-
},
|
|
20
|
+
support: (_, data) => !data.navigation?.length && !data.socialMedia?.length,
|
|
32
21
|
component: _plain.default
|
|
33
22
|
}, {
|
|
34
|
-
name:
|
|
23
|
+
name: "standard",
|
|
35
24
|
// 默认标准布局
|
|
36
25
|
support: () => true,
|
|
37
26
|
component: _standard.default
|
|
38
27
|
}];
|
|
39
|
-
const layoutsKeyByName = layouts.reduce((acc, cur) =>
|
|
28
|
+
const layoutsKeyByName = layouts.reduce((acc, cur) => ({
|
|
29
|
+
...acc,
|
|
40
30
|
[cur.name]: cur
|
|
41
31
|
}), {});
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
* 通用的内部 footer 组件, 定义并渲染常见的几种 footer 元素: brand/navigation/social medial 等
|
|
45
|
-
*/
|
|
46
32
|
function InternalFooter(props) {
|
|
47
|
-
var _window, _window$blocklet;
|
|
48
33
|
const {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
34
|
+
brand,
|
|
35
|
+
navigation,
|
|
36
|
+
socialMedia,
|
|
37
|
+
copyright,
|
|
38
|
+
links,
|
|
39
|
+
layout,
|
|
40
|
+
...rest
|
|
41
|
+
} = props;
|
|
57
42
|
const renderBrand = () => {
|
|
58
|
-
return brand ?
|
|
43
|
+
return brand ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_brand.default, {
|
|
44
|
+
...brand
|
|
45
|
+
}) : null;
|
|
59
46
|
};
|
|
60
47
|
const renderNavigation = () => {
|
|
61
|
-
return navigation
|
|
48
|
+
return navigation?.length ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_links.default, {
|
|
62
49
|
links: navigation
|
|
63
50
|
}) : null;
|
|
64
51
|
};
|
|
65
52
|
const renderSocialMedia = () => {
|
|
66
|
-
return socialMedia
|
|
53
|
+
return socialMedia?.length ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_socialMedia.default, {
|
|
67
54
|
items: socialMedia
|
|
68
55
|
}) : null;
|
|
69
56
|
};
|
|
70
57
|
const renderCopyright = () => {
|
|
71
|
-
|
|
72
|
-
const copyrightOwner = (copyright === null || copyright === void 0 ? void 0 : copyright.owner) || (brand === null || brand === void 0 ? void 0 : brand.name);
|
|
58
|
+
const copyrightOwner = copyright?.owner || brand?.name;
|
|
73
59
|
if (!copyrightOwner) {
|
|
74
60
|
return null;
|
|
75
61
|
}
|
|
76
|
-
return
|
|
62
|
+
return /* @__PURE__ */(0, _jsxRuntime.jsx)(_copyright.default, {
|
|
77
63
|
owner: copyrightOwner,
|
|
78
|
-
year:
|
|
64
|
+
year: copyright?.year || void 0
|
|
79
65
|
});
|
|
80
66
|
};
|
|
81
67
|
const renderLinks = () => {
|
|
82
|
-
return links
|
|
68
|
+
return links?.length ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_links.default, {
|
|
83
69
|
flowLayout: true,
|
|
84
|
-
links
|
|
70
|
+
links
|
|
85
71
|
}) : null;
|
|
86
72
|
};
|
|
87
73
|
const elements = {
|
|
@@ -92,36 +78,35 @@ function InternalFooter(props) {
|
|
|
92
78
|
links: renderLinks()
|
|
93
79
|
};
|
|
94
80
|
let LayoutComponent = null;
|
|
95
|
-
if (layout ===
|
|
81
|
+
if (layout === "auto") {
|
|
96
82
|
LayoutComponent = layouts.find(item => item.support(elements, props)).component;
|
|
97
83
|
} else {
|
|
98
|
-
|
|
99
|
-
LayoutComponent = (_layoutsKeyByName$lay = layoutsKeyByName[layout]) === null || _layoutsKeyByName$lay === void 0 ? void 0 : _layoutsKeyByName$lay.component;
|
|
84
|
+
LayoutComponent = layoutsKeyByName[layout]?.component;
|
|
100
85
|
}
|
|
101
86
|
if (!LayoutComponent) {
|
|
102
|
-
throw new Error(
|
|
87
|
+
throw new Error(`layout ${layout} is not supported.`);
|
|
103
88
|
}
|
|
104
|
-
return
|
|
105
|
-
position: "relative"
|
|
106
|
-
|
|
107
|
-
children: [
|
|
108
|
-
elements
|
|
89
|
+
return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_Box.default, {
|
|
90
|
+
position: "relative",
|
|
91
|
+
...rest,
|
|
92
|
+
children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(LayoutComponent, {
|
|
93
|
+
elements,
|
|
109
94
|
data: props
|
|
110
|
-
}),
|
|
95
|
+
}), /* @__PURE__ */(0, _jsxRuntime.jsx)(_Box.default, {
|
|
111
96
|
position: "absolute",
|
|
112
97
|
right: 16,
|
|
113
98
|
bottom: 0,
|
|
114
99
|
fontSize: 12,
|
|
115
100
|
sx: {
|
|
116
|
-
color:
|
|
117
|
-
|
|
118
|
-
background:
|
|
119
|
-
color:
|
|
101
|
+
color: "transparent",
|
|
102
|
+
"::selection": {
|
|
103
|
+
background: "#000",
|
|
104
|
+
color: "#fff"
|
|
120
105
|
}
|
|
121
106
|
},
|
|
122
|
-
children:
|
|
107
|
+
children: window?.blocklet?.version
|
|
123
108
|
})]
|
|
124
|
-
})
|
|
109
|
+
});
|
|
125
110
|
}
|
|
126
111
|
InternalFooter.propTypes = {
|
|
127
112
|
brand: _propTypes.default.shape({
|
|
@@ -147,7 +132,7 @@ InternalFooter.propTypes = {
|
|
|
147
132
|
link: _propTypes.default.string
|
|
148
133
|
})),
|
|
149
134
|
// 可显式指定 footer layout, 默认根据内容自动决定 layout
|
|
150
|
-
layout: _propTypes.default.oneOf([
|
|
135
|
+
layout: _propTypes.default.oneOf(["auto", "standard", "plain"])
|
|
151
136
|
};
|
|
152
137
|
InternalFooter.defaultProps = {
|
|
153
138
|
brand: null,
|
|
@@ -155,7 +140,6 @@ InternalFooter.defaultProps = {
|
|
|
155
140
|
copyright: null,
|
|
156
141
|
socialMedia: null,
|
|
157
142
|
links: null,
|
|
158
|
-
layout:
|
|
143
|
+
layout: "auto"
|
|
159
144
|
};
|
|
160
|
-
|
|
161
|
-
exports.default = _default;
|
|
145
|
+
module.exports = InternalFooter;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export default PlainLayout;
|
|
2
|
+
/**
|
|
3
|
+
* footer plain layout
|
|
4
|
+
*/
|
|
5
|
+
declare function PlainLayout({ elements, data, ...rest }: {
|
|
6
|
+
[x: string]: any;
|
|
7
|
+
elements: any;
|
|
8
|
+
data: any;
|
|
9
|
+
}): import("react").JSX.Element;
|
|
10
|
+
declare namespace PlainLayout {
|
|
11
|
+
namespace propTypes {
|
|
12
|
+
let elements: any;
|
|
13
|
+
let data: any;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -3,50 +3,37 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
6
|
+
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
8
|
var _react = require("react");
|
|
8
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
10
|
var _Container = _interopRequireDefault(require("@mui/material/Container"));
|
|
10
11
|
var _Theme = require("@arcblock/ux/lib/Theme");
|
|
11
12
|
var _row = _interopRequireDefault(require("./row"));
|
|
12
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
var _templateObject;
|
|
14
|
-
const _excluded = ["elements", "data"];
|
|
15
|
-
/**
|
|
16
|
-
* footer plain layout
|
|
17
|
-
*/
|
|
18
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
function
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
function PlainLayout(_ref) {
|
|
28
|
-
let {
|
|
29
|
-
elements,
|
|
30
|
-
data
|
|
31
|
-
} = _ref,
|
|
32
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
33
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({}, rest), {}, {
|
|
34
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Container.default, {
|
|
14
|
+
function PlainLayout({
|
|
15
|
+
elements,
|
|
16
|
+
data,
|
|
17
|
+
...rest
|
|
18
|
+
}) {
|
|
19
|
+
return /* @__PURE__ */(0, _jsxRuntime.jsx)(Root, {
|
|
20
|
+
...rest,
|
|
21
|
+
children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_Container.default, {
|
|
35
22
|
className: "plain-layout-container",
|
|
36
|
-
children: [!!data.links &&
|
|
23
|
+
children: [!!data.links && /* @__PURE__ */(0, _jsxRuntime.jsxs)(_row.default, {
|
|
37
24
|
sx: {
|
|
38
25
|
width: 1
|
|
39
26
|
},
|
|
40
27
|
autoCenter: true,
|
|
41
28
|
children: [elements.copyright, elements.links]
|
|
42
|
-
}), !data.links &&
|
|
43
|
-
children: [
|
|
29
|
+
}), !data.links && /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
30
|
+
children: [(0, _react.cloneElement)(elements.brand, {
|
|
44
31
|
name: null,
|
|
45
32
|
description: null
|
|
46
33
|
}), elements.copyright]
|
|
47
34
|
})]
|
|
48
35
|
})
|
|
49
|
-
})
|
|
36
|
+
});
|
|
50
37
|
}
|
|
51
38
|
PlainLayout.propTypes = {
|
|
52
39
|
elements: _propTypes.default.shape({
|
|
@@ -58,6 +45,14 @@ PlainLayout.propTypes = {
|
|
|
58
45
|
}).isRequired,
|
|
59
46
|
data: _propTypes.default.object.isRequired
|
|
60
47
|
};
|
|
61
|
-
const Root = (0, _Theme.styled)(
|
|
62
|
-
|
|
63
|
-
|
|
48
|
+
const Root = (0, _Theme.styled)("div")`
|
|
49
|
+
padding: 24px 0;
|
|
50
|
+
.plain-layout-container {
|
|
51
|
+
display: flex;
|
|
52
|
+
justify-content: space-between;
|
|
53
|
+
align-items: center;
|
|
54
|
+
flex-wrap: wrap;
|
|
55
|
+
gap: 8px;
|
|
56
|
+
}
|
|
57
|
+
`;
|
|
58
|
+
module.exports = PlainLayout;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
declare function Row({ children, autoCenter, ...rest }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
children: any;
|
|
4
|
+
autoCenter: any;
|
|
5
|
+
}): import("react").JSX.Element | null;
|
|
6
|
+
declare namespace Row {
|
|
7
|
+
namespace propTypes {
|
|
8
|
+
let children: any;
|
|
9
|
+
let autoCenter: any;
|
|
10
|
+
}
|
|
11
|
+
namespace defaultProps {
|
|
12
|
+
let children_1: null;
|
|
13
|
+
export { children_1 as children };
|
|
14
|
+
let autoCenter_1: boolean;
|
|
15
|
+
export { autoCenter_1 as autoCenter };
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
export default Row;
|
package/lib/Footer/layout/row.js
CHANGED
|
@@ -3,38 +3,28 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
module.exports = Row;
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
9
|
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
|
9
10
|
var _Theme = require("@arcblock/ux/lib/Theme");
|
|
10
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
var _templateObject;
|
|
13
|
-
const _excluded = ["children", "autoCenter"];
|
|
14
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
function
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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); }
|
|
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; }
|
|
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; }
|
|
23
|
-
function Row(_ref) {
|
|
24
|
-
let {
|
|
25
|
-
children,
|
|
26
|
-
autoCenter
|
|
27
|
-
} = _ref,
|
|
28
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
13
|
+
function Row({
|
|
14
|
+
children,
|
|
15
|
+
autoCenter,
|
|
16
|
+
...rest
|
|
17
|
+
}) {
|
|
29
18
|
if (!children) {
|
|
30
19
|
return null;
|
|
31
20
|
}
|
|
32
|
-
return
|
|
21
|
+
return /* @__PURE__ */(0, _jsxRuntime.jsx)(RowRoot, {
|
|
22
|
+
...rest,
|
|
33
23
|
className: (0, _clsx.default)(rest.className, {
|
|
34
|
-
|
|
24
|
+
"footer-row-auto-center": autoCenter
|
|
35
25
|
}),
|
|
36
|
-
children
|
|
37
|
-
})
|
|
26
|
+
children
|
|
27
|
+
});
|
|
38
28
|
}
|
|
39
29
|
Row.propTypes = {
|
|
40
30
|
children: _propTypes.default.any,
|
|
@@ -44,4 +34,25 @@ Row.defaultProps = {
|
|
|
44
34
|
children: null,
|
|
45
35
|
autoCenter: false
|
|
46
36
|
};
|
|
47
|
-
const RowRoot = (0, _Theme.styled)(_Box.default)
|
|
37
|
+
const RowRoot = (0, _Theme.styled)(_Box.default)`
|
|
38
|
+
display: flex;
|
|
39
|
+
justify-content: space-between;
|
|
40
|
+
& + & {
|
|
41
|
+
margin-top: 24px;
|
|
42
|
+
}
|
|
43
|
+
&.footer-row-auto-center > *:only-child {
|
|
44
|
+
margin: 0 auto;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
${props => props.theme.breakpoints.down("md")} {
|
|
48
|
+
align-items: stretch;
|
|
49
|
+
flex-direction: column;
|
|
50
|
+
gap: 16px;
|
|
51
|
+
> * {
|
|
52
|
+
flex: 1 0 100%;
|
|
53
|
+
}
|
|
54
|
+
&.footer-row-auto-center > * {
|
|
55
|
+
margin: 0 auto;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
`;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export default StandardLayout;
|
|
2
|
+
/**
|
|
3
|
+
* footer standard layout
|
|
4
|
+
*/
|
|
5
|
+
declare function StandardLayout({ elements, data, ...rest }: {
|
|
6
|
+
[x: string]: any;
|
|
7
|
+
elements: any;
|
|
8
|
+
data: any;
|
|
9
|
+
}): import("react").JSX.Element;
|
|
10
|
+
declare namespace StandardLayout {
|
|
11
|
+
namespace propTypes {
|
|
12
|
+
let elements: any;
|
|
13
|
+
let data: any;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -3,76 +3,62 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
6
|
+
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
9
|
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
|
9
10
|
var _Container = _interopRequireDefault(require("@mui/material/Container"));
|
|
10
11
|
var _Theme = require("@arcblock/ux/lib/Theme");
|
|
11
12
|
var _row = _interopRequireDefault(require("./row"));
|
|
12
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
var _templateObject;
|
|
14
|
-
const _excluded = ["elements", "data"];
|
|
15
|
-
/**
|
|
16
|
-
* footer standard layout
|
|
17
|
-
*/
|
|
18
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
function
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var _data$navigation;
|
|
29
|
-
let {
|
|
30
|
-
elements,
|
|
31
|
-
data
|
|
32
|
-
} = _ref,
|
|
33
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
34
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({}, rest), {}, {
|
|
35
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Container.default, {
|
|
36
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
|
|
14
|
+
function StandardLayout({
|
|
15
|
+
elements,
|
|
16
|
+
data,
|
|
17
|
+
...rest
|
|
18
|
+
}) {
|
|
19
|
+
return /* @__PURE__ */(0, _jsxRuntime.jsx)(Root, {
|
|
20
|
+
...rest,
|
|
21
|
+
children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_Container.default, {
|
|
22
|
+
children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_Box.default, {
|
|
37
23
|
sx: {
|
|
38
|
-
display:
|
|
24
|
+
display: "flex",
|
|
39
25
|
flexDirection: {
|
|
40
|
-
xs:
|
|
41
|
-
md:
|
|
26
|
+
xs: "column",
|
|
27
|
+
md: "row"
|
|
42
28
|
},
|
|
43
|
-
justifyContent:
|
|
29
|
+
justifyContent: "space-between",
|
|
44
30
|
alignItems: {
|
|
45
|
-
xs:
|
|
46
|
-
md:
|
|
31
|
+
xs: "center",
|
|
32
|
+
md: "space-between"
|
|
47
33
|
},
|
|
48
34
|
gap: 2,
|
|
49
35
|
pb: 3
|
|
50
36
|
},
|
|
51
|
-
children: [
|
|
37
|
+
children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_Box.default, {
|
|
52
38
|
children: elements.brand
|
|
53
|
-
}),
|
|
39
|
+
}), /* @__PURE__ */(0, _jsxRuntime.jsx)(_Box.default, {
|
|
54
40
|
lineHeight: 1,
|
|
55
41
|
children: elements.socialMedia
|
|
56
42
|
})]
|
|
57
|
-
}), !!
|
|
43
|
+
}), !!data.navigation?.length && /* @__PURE__ */(0, _jsxRuntime.jsx)(_Box.default, {
|
|
58
44
|
sx: {
|
|
59
45
|
mb: 6,
|
|
60
46
|
pt: 3,
|
|
61
47
|
borderTop: 1,
|
|
62
|
-
borderColor:
|
|
48
|
+
borderColor: "grey.200"
|
|
63
49
|
},
|
|
64
50
|
children: elements.navigation
|
|
65
|
-
}),
|
|
51
|
+
}), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_row.default, {
|
|
66
52
|
sx: {
|
|
67
53
|
pt: 3,
|
|
68
54
|
borderTop: 1,
|
|
69
|
-
borderColor:
|
|
55
|
+
borderColor: "grey.200"
|
|
70
56
|
},
|
|
71
57
|
autoCenter: true,
|
|
72
58
|
children: [elements.copyright, elements.links]
|
|
73
59
|
})]
|
|
74
60
|
})
|
|
75
|
-
})
|
|
61
|
+
});
|
|
76
62
|
}
|
|
77
63
|
StandardLayout.propTypes = {
|
|
78
64
|
elements: _propTypes.default.shape({
|
|
@@ -84,6 +70,14 @@ StandardLayout.propTypes = {
|
|
|
84
70
|
}).isRequired,
|
|
85
71
|
data: _propTypes.default.object.isRequired
|
|
86
72
|
};
|
|
87
|
-
const Root = (0, _Theme.styled)(
|
|
88
|
-
|
|
89
|
-
|
|
73
|
+
const Root = (0, _Theme.styled)("div")`
|
|
74
|
+
padding: 32px 0 24px 0;
|
|
75
|
+
.footer-brand-name,
|
|
76
|
+
.footer-brand-desc {
|
|
77
|
+
display: none;
|
|
78
|
+
}
|
|
79
|
+
&& .footer-brand-logo {
|
|
80
|
+
margin-right: 0;
|
|
81
|
+
}
|
|
82
|
+
`;
|
|
83
|
+
module.exports = StandardLayout;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* footer 中的 links (支持分组, 最多支持 2 级)
|
|
3
|
+
* TODO: dark/light theme
|
|
4
|
+
*/
|
|
5
|
+
declare function Links({ links, flowLayout, ...rest }: {
|
|
6
|
+
[x: string]: any;
|
|
7
|
+
links: any;
|
|
8
|
+
flowLayout: any;
|
|
9
|
+
}): import("react").JSX.Element | null;
|
|
10
|
+
declare namespace Links {
|
|
11
|
+
namespace propTypes {
|
|
12
|
+
let links: any;
|
|
13
|
+
let flowLayout: any;
|
|
14
|
+
}
|
|
15
|
+
namespace defaultProps {
|
|
16
|
+
let links_1: never[];
|
|
17
|
+
export { links_1 as links };
|
|
18
|
+
let flowLayout_1: boolean;
|
|
19
|
+
export { flowLayout_1 as flowLayout };
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
export default Links;
|