@blocklet/launcher-layout 1.7.42 → 1.7.45
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/compact-layout.js +16 -15
- package/lib/content.js +5 -3
- package/lib/context/step.js +8 -9
- package/lib/header.js +33 -27
- package/lib/index.js +69 -55
- package/lib/launch-result-message.js +27 -14
- package/lib/nav.js +84 -76
- package/lib/page-header.js +20 -10
- package/lib/wizard/server-eula.js +28 -21
- package/lib/wizard/wizard-desc.js +84 -38
- package/package.json +5 -5
package/lib/compact-layout.js
CHANGED
|
@@ -5,17 +5,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = CompactLayout;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
11
|
|
|
12
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
15
|
|
|
18
|
-
function
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
17
|
|
|
20
18
|
function CompactLayout(_ref) {
|
|
21
19
|
let {
|
|
@@ -80,17 +78,20 @@ function CompactLayout(_ref) {
|
|
|
80
78
|
clearTimeout(inTimer);
|
|
81
79
|
}
|
|
82
80
|
};
|
|
83
|
-
}, []);
|
|
84
|
-
return /*#__PURE__*/
|
|
81
|
+
}, [onBottomFix]);
|
|
82
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
|
|
85
83
|
ref: mainCon,
|
|
86
|
-
className: "".concat(scrollMode ? 'scroll-mode' : '')
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
84
|
+
className: "".concat(scrollMode ? 'scroll-mode' : ''),
|
|
85
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
86
|
+
className: "compact-context",
|
|
87
|
+
ref: childsCon,
|
|
88
|
+
children: children
|
|
89
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
90
|
+
className: "fix-container",
|
|
91
|
+
ref: compactCon,
|
|
92
|
+
children: bottom
|
|
93
|
+
})]
|
|
94
|
+
});
|
|
94
95
|
}
|
|
95
96
|
|
|
96
97
|
const Container = _styledComponents.default.div.withConfig({
|
package/lib/content.js
CHANGED
|
@@ -5,19 +5,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = Content;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
9
|
|
|
12
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
11
|
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
16
|
function Content(_ref) {
|
|
17
17
|
let {
|
|
18
18
|
children
|
|
19
19
|
} = _ref;
|
|
20
|
-
return /*#__PURE__*/
|
|
20
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, {
|
|
21
|
+
children: children
|
|
22
|
+
});
|
|
21
23
|
}
|
|
22
24
|
|
|
23
25
|
Content.propTypes = {
|
package/lib/context/step.js
CHANGED
|
@@ -6,15 +6,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.StepProvider = StepProvider;
|
|
7
7
|
exports.useStepContext = useStepContext;
|
|
8
8
|
|
|
9
|
-
var _react =
|
|
9
|
+
var _react = require("react");
|
|
10
10
|
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
12
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
14
|
|
|
17
|
-
function
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
16
|
|
|
19
17
|
const StepContext = /*#__PURE__*/(0, _react.createContext)();
|
|
20
18
|
const {
|
|
@@ -141,7 +139,7 @@ function StepProvider(_ref) {
|
|
|
141
139
|
}
|
|
142
140
|
|
|
143
141
|
return () => {};
|
|
144
|
-
}, [steps,
|
|
142
|
+
}, [steps, mode]);
|
|
145
143
|
const value = {
|
|
146
144
|
steps,
|
|
147
145
|
totalStepsCount: totalSteps.length,
|
|
@@ -154,9 +152,10 @@ function StepProvider(_ref) {
|
|
|
154
152
|
return mode === 'memory' && activeStep !== 0 && nodeIndex < activeStep;
|
|
155
153
|
}
|
|
156
154
|
};
|
|
157
|
-
return /*#__PURE__*/
|
|
158
|
-
value: value
|
|
159
|
-
|
|
155
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
|
|
156
|
+
value: value,
|
|
157
|
+
children: children
|
|
158
|
+
});
|
|
160
159
|
}
|
|
161
160
|
|
|
162
161
|
function useStepContext() {
|
package/lib/header.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = AppHeader;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
|
@@ -21,11 +21,9 @@ var _Avatar = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar")
|
|
|
21
21
|
|
|
22
22
|
var _locale = require("./locale");
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
24
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
27
25
|
|
|
28
|
-
function
|
|
26
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
27
|
|
|
30
28
|
function AppHeader(_ref) {
|
|
31
29
|
let {
|
|
@@ -40,21 +38,21 @@ function AppHeader(_ref) {
|
|
|
40
38
|
const blockletSize = isMobile ? 18 : 48;
|
|
41
39
|
const appNameRef = (0, _react.useRef)(null);
|
|
42
40
|
const [appNameSize, setAppNameSize] = (0, _react.useState)('');
|
|
43
|
-
let blockletIcon = isMobile ? /*#__PURE__*/
|
|
41
|
+
let blockletIcon = isMobile ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
|
|
44
42
|
variant: "rectangular",
|
|
45
43
|
width: 100,
|
|
46
44
|
height: 16,
|
|
47
45
|
style: {
|
|
48
46
|
marginTop: 4
|
|
49
47
|
}
|
|
50
|
-
}) : /*#__PURE__*/
|
|
48
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
|
|
51
49
|
variant: "rectangular",
|
|
52
50
|
width: blockletSize,
|
|
53
51
|
height: blockletSize
|
|
54
52
|
});
|
|
55
53
|
|
|
56
54
|
if (logoUrl) {
|
|
57
|
-
blockletIcon = /*#__PURE__*/
|
|
55
|
+
blockletIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.default, {
|
|
58
56
|
width: blockletSize,
|
|
59
57
|
src: logoUrl,
|
|
60
58
|
size: "contain",
|
|
@@ -63,7 +61,7 @@ function AppHeader(_ref) {
|
|
|
63
61
|
}
|
|
64
62
|
});
|
|
65
63
|
} else if (did) {
|
|
66
|
-
blockletIcon = /*#__PURE__*/
|
|
64
|
+
blockletIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
|
|
67
65
|
did: did,
|
|
68
66
|
size: blockletSize
|
|
69
67
|
});
|
|
@@ -78,24 +76,32 @@ function AppHeader(_ref) {
|
|
|
78
76
|
}
|
|
79
77
|
}
|
|
80
78
|
}, [appNameSize, title]);
|
|
81
|
-
return /*#__PURE__*/
|
|
82
|
-
className: appNameSize === 'small' ? 'center-mode' : ''
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
79
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
|
|
80
|
+
className: appNameSize === 'small' ? 'center-mode' : '',
|
|
81
|
+
children: [isMobile ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
82
|
+
className: "app-icon",
|
|
83
|
+
children: navLogo
|
|
84
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
85
|
+
className: "app-icon",
|
|
86
|
+
children: blockletIcon
|
|
87
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
88
|
+
className: "header-title",
|
|
89
|
+
children: [subTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
90
|
+
className: "header-title-sub",
|
|
91
|
+
children: subTitle
|
|
92
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
93
|
+
className: "app-name-content",
|
|
94
|
+
children: [!isMobile && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
95
|
+
className: "launching-context",
|
|
96
|
+
children: (0, _locale.getLaunchingText)(locale)
|
|
97
|
+
}), title && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
98
|
+
className: "header-title-name ".concat(appNameSize === 'middle' || appNameSize === 'small' ? 'middle-size' : ''),
|
|
99
|
+
ref: appNameRef,
|
|
100
|
+
children: [isMobile ? blockletIcon : '', " ", title]
|
|
101
|
+
})]
|
|
102
|
+
})]
|
|
103
|
+
})]
|
|
104
|
+
});
|
|
99
105
|
}
|
|
100
106
|
|
|
101
107
|
AppHeader.propTypes = {
|
package/lib/index.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
|
@@ -31,11 +31,9 @@ var _header = _interopRequireDefault(require("./header"));
|
|
|
31
31
|
|
|
32
32
|
var _nav = _interopRequireDefault(require("./nav"));
|
|
33
33
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
34
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
37
35
|
|
|
38
|
-
function
|
|
36
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
39
37
|
|
|
40
38
|
const MobileContent = _styledComponents.default.div.withConfig({
|
|
41
39
|
displayName: "src__MobileContent",
|
|
@@ -74,59 +72,75 @@ function Layout(_ref) {
|
|
|
74
72
|
navLogo = navLogo.mobile;
|
|
75
73
|
} else {
|
|
76
74
|
// eslint-disable-next-line no-param-reassign
|
|
77
|
-
navLogo = /*#__PURE__*/
|
|
75
|
+
navLogo = /*#__PURE__*/(0, _jsxRuntime.jsx)(LogoContainer, {
|
|
76
|
+
children: navLogo.desktop
|
|
77
|
+
});
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
return /*#__PURE__*/
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
81
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
|
|
82
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("header", {
|
|
83
|
+
className: "root-header",
|
|
84
|
+
children: [isMobile && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
85
|
+
className: "left",
|
|
86
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
|
|
87
|
+
title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
88
|
+
className: "ellipsis-title",
|
|
89
|
+
children: blockletMeta.title
|
|
90
|
+
}),
|
|
91
|
+
navLogo: navLogo,
|
|
92
|
+
subTitle: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
93
|
+
children: ["".concat(stepTip || translations.stepTip, " ").concat(activeStep + 1, "/").concat(totalStepsCount), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
94
|
+
className: "circular",
|
|
95
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
|
|
96
|
+
variant: "determinate",
|
|
97
|
+
value: 100,
|
|
98
|
+
size: 10,
|
|
99
|
+
thickness: 10,
|
|
100
|
+
style: {
|
|
101
|
+
color: '#dddddd'
|
|
102
|
+
}
|
|
103
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
|
|
104
|
+
variant: "determinate",
|
|
105
|
+
value: (activeStep + 1) / totalStepsCount * 100,
|
|
106
|
+
size: 10,
|
|
107
|
+
thickness: 10
|
|
108
|
+
})]
|
|
109
|
+
})]
|
|
110
|
+
}),
|
|
111
|
+
logoUrl: logoUrl,
|
|
112
|
+
did: blockletMeta.did,
|
|
113
|
+
locale: locale
|
|
114
|
+
})
|
|
115
|
+
}), navLogo && !isMobile && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
116
|
+
className: "left",
|
|
117
|
+
children: navLogo
|
|
118
|
+
}), headerEndAddons && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
119
|
+
className: "right",
|
|
120
|
+
children: headerEndAddons
|
|
121
|
+
})]
|
|
122
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
|
|
123
|
+
style: !isMobile ? {
|
|
124
|
+
width: pcWidth,
|
|
125
|
+
height: pcHeight
|
|
126
|
+
} : {},
|
|
127
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Hidden.default, {
|
|
128
|
+
mdDown: true,
|
|
129
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_nav.default, {
|
|
130
|
+
locale: locale,
|
|
131
|
+
blockletMeta: blockletMeta,
|
|
132
|
+
logoUrl: logoUrl,
|
|
133
|
+
useOfSkeleton: useOfSkeleton
|
|
134
|
+
})
|
|
135
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Suspense, {
|
|
136
|
+
fallback: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Center.default, {
|
|
137
|
+
relative: "parent",
|
|
138
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {})
|
|
139
|
+
}),
|
|
140
|
+
children: children
|
|
141
|
+
})]
|
|
142
|
+
})]
|
|
143
|
+
});
|
|
130
144
|
}
|
|
131
145
|
|
|
132
146
|
Layout.propTypes = {
|
|
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = LaunchResultMessage;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
9
|
|
|
12
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
@@ -19,10 +17,18 @@ var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
|
|
|
19
17
|
|
|
20
18
|
var _PriorityHigh = _interopRequireDefault(require("@mui/icons-material/PriorityHigh"));
|
|
21
19
|
|
|
20
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
+
|
|
22
22
|
const _excluded = ["variant", "title", "subTitle", "footer"];
|
|
23
23
|
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
25
|
|
|
26
|
+
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
|
+
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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
31
|
+
|
|
26
32
|
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; }
|
|
27
33
|
|
|
28
34
|
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; }
|
|
@@ -55,19 +61,26 @@ function LaunchResultMessage(_ref) {
|
|
|
55
61
|
Icon = _Check.default;
|
|
56
62
|
}
|
|
57
63
|
|
|
58
|
-
return /*#__PURE__*/
|
|
64
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, _objectSpread(_objectSpread({
|
|
59
65
|
variant: variant
|
|
60
|
-
}, props),
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
66
|
+
}, props), {}, {
|
|
67
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
68
|
+
className: "result-body",
|
|
69
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
70
|
+
className: "result-icon color-".concat(variant),
|
|
71
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {})
|
|
72
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
73
|
+
className: "result-title color-".concat(variant, " ").concat(title ? '' : 'ele-hide'),
|
|
74
|
+
children: title
|
|
75
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
76
|
+
className: "result-sub-title ".concat(subTitle ? '' : 'ele-hide'),
|
|
77
|
+
children: subTitle
|
|
78
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
79
|
+
className: "result-footer ".concat(footer ? '' : 'ele-hide'),
|
|
80
|
+
children: footer
|
|
81
|
+
})]
|
|
82
|
+
})
|
|
83
|
+
}));
|
|
71
84
|
}
|
|
72
85
|
|
|
73
86
|
LaunchResultMessage.propTypes = {
|
package/lib/nav.js
CHANGED
|
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
9
|
|
|
12
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
@@ -21,6 +19,8 @@ var _header = _interopRequireDefault(require("./header"));
|
|
|
21
19
|
|
|
22
20
|
var _step = require("./context/step");
|
|
23
21
|
|
|
22
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
23
|
+
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
25
|
|
|
26
26
|
function Nav(_ref) {
|
|
@@ -86,80 +86,88 @@ function Nav(_ref) {
|
|
|
86
86
|
return classNameList.join(' ');
|
|
87
87
|
};
|
|
88
88
|
|
|
89
|
-
return /*#__PURE__*/
|
|
90
|
-
className: "nav-sidebar"
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
89
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
|
|
90
|
+
className: "nav-sidebar",
|
|
91
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
|
|
92
|
+
title: /*#__PURE__*/(0, _jsxRuntime.jsx)(AppLink, {
|
|
93
|
+
target: "_blank",
|
|
94
|
+
href: (0, _urlJoin.default)(blockletMeta.registryUrl || '', "/blocklets/".concat(blockletMeta.did)),
|
|
95
|
+
title: blockletMeta.title,
|
|
96
|
+
children: blockletMeta.title || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
|
|
97
|
+
variant: "text",
|
|
98
|
+
width: 150
|
|
99
|
+
})
|
|
100
|
+
}),
|
|
101
|
+
did: blockletMeta.did,
|
|
102
|
+
logoUrl: logoUrl,
|
|
103
|
+
locale: locale
|
|
104
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(StepContainer, {
|
|
105
|
+
className: "".concat(showSkeleton ? 'hide-child-step-desc' : ''),
|
|
106
|
+
children: steps.map((step, index) => {
|
|
107
|
+
const canBack = !showSkeleton && canBackToStep(index);
|
|
108
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
109
|
+
className: getNodeClassName(step, index),
|
|
110
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
111
|
+
className: "step-icon",
|
|
112
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Check.default, {
|
|
113
|
+
style: {
|
|
114
|
+
fontSize: 16
|
|
115
|
+
}
|
|
116
|
+
})
|
|
117
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
118
|
+
className: "step-line"
|
|
119
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
120
|
+
className: "step-content",
|
|
121
|
+
title: step.name,
|
|
122
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
123
|
+
className: "step-content-name ".concat(canBack ? ' step-clickable' : ''),
|
|
124
|
+
onClick: () => {
|
|
125
|
+
if (canBack) {
|
|
126
|
+
if (step.key) {
|
|
127
|
+
setActiveStepByKey(step.key);
|
|
128
|
+
return;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
setActiveStepByIndex(index);
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
children: showSkeleton ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
|
|
135
|
+
variant: "text",
|
|
136
|
+
width: 100
|
|
137
|
+
}) : step.name
|
|
138
|
+
}), step.description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
139
|
+
className: "step-desc",
|
|
140
|
+
children: step.description
|
|
141
|
+
}), step.children && step.children.length && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
142
|
+
className: "step-children",
|
|
143
|
+
children: step.children.map(e => {
|
|
144
|
+
let className = '';
|
|
145
|
+
const childStepStatus = getStepStatus(e.key);
|
|
146
|
+
|
|
147
|
+
switch (childStepStatus) {
|
|
148
|
+
case 'before':
|
|
149
|
+
className = 'step-child-block-checked';
|
|
150
|
+
break;
|
|
151
|
+
|
|
152
|
+
case 'current':
|
|
153
|
+
className = 'step-child-block-active';
|
|
154
|
+
break;
|
|
155
|
+
|
|
156
|
+
case 'after':
|
|
157
|
+
default:
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
161
|
+
className: "step-child-block ".concat(className),
|
|
162
|
+
children: e.name
|
|
163
|
+
}, e.key);
|
|
164
|
+
})
|
|
165
|
+
})]
|
|
166
|
+
})]
|
|
167
|
+
}, step.key);
|
|
168
|
+
})
|
|
169
|
+
})]
|
|
170
|
+
});
|
|
163
171
|
}
|
|
164
172
|
|
|
165
173
|
const AppLink = _styledComponents.default.a.withConfig({
|
package/lib/page-header.js
CHANGED
|
@@ -5,18 +5,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
9
|
|
|
12
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
11
|
|
|
14
12
|
var _ArrowBackIos = _interopRequireDefault(require("@mui/icons-material/ArrowBackIos"));
|
|
15
13
|
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
|
|
16
16
|
const _excluded = ["title", "subTitle", "onClickBack"];
|
|
17
17
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
19
|
|
|
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
|
+
|
|
22
|
+
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; }
|
|
23
|
+
|
|
24
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
+
|
|
20
26
|
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; }
|
|
21
27
|
|
|
22
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; }
|
|
@@ -29,14 +35,18 @@ function PageHeader(_ref) {
|
|
|
29
35
|
} = _ref,
|
|
30
36
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
31
37
|
|
|
32
|
-
return /*#__PURE__*/
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Content, _objectSpread(_objectSpread({}, rest), {}, {
|
|
39
|
+
children: [onClickBack && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowBackIos.default, {
|
|
40
|
+
className: "back-btn",
|
|
41
|
+
onClick: onClickBack
|
|
42
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
43
|
+
className: "title",
|
|
44
|
+
children: title
|
|
45
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
46
|
+
className: "sub-title",
|
|
47
|
+
children: subTitle
|
|
48
|
+
})]
|
|
49
|
+
}));
|
|
40
50
|
}
|
|
41
51
|
|
|
42
52
|
const Content = _styledComponents.default.div.withConfig({
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = ServerEula;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
11
|
|
|
@@ -17,11 +17,9 @@ var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
|
|
|
17
17
|
|
|
18
18
|
var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
20
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
23
21
|
|
|
24
|
-
function
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
23
|
|
|
26
24
|
/* eslint-disable react/jsx-wrap-multilines */
|
|
27
25
|
function ServerEula(_ref) {
|
|
@@ -36,22 +34,31 @@ function ServerEula(_ref) {
|
|
|
36
34
|
|
|
37
35
|
const handleOpen = () => setOpen(x => !x);
|
|
38
36
|
|
|
39
|
-
return /*#__PURE__*/
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
38
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
|
|
39
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
40
|
+
className: "eula-trigger",
|
|
41
|
+
onClick: handleOpen,
|
|
42
|
+
children: texts.listenName
|
|
43
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
44
|
+
disabled: nextDisabled,
|
|
45
|
+
color: "primary",
|
|
46
|
+
variant: "contained",
|
|
47
|
+
className: "next-button",
|
|
48
|
+
onClick: onContinue,
|
|
49
|
+
children: launching ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
50
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
|
|
51
|
+
size: 14
|
|
52
|
+
}), texts.launchingText]
|
|
53
|
+
}) : texts.buttonNext
|
|
54
|
+
})]
|
|
55
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
|
|
56
|
+
open: open,
|
|
57
|
+
title: texts.listenName,
|
|
58
|
+
onClose: () => setOpen(false),
|
|
59
|
+
children: description
|
|
60
|
+
})]
|
|
61
|
+
});
|
|
55
62
|
}
|
|
56
63
|
|
|
57
64
|
ServerEula.propTypes = {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
|
@@ -27,11 +27,9 @@ var _TableContainer = _interopRequireDefault(require("@mui/material/TableContain
|
|
|
27
27
|
|
|
28
28
|
var _TableRow = _interopRequireDefault(require("@mui/material/TableRow"));
|
|
29
29
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
30
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
33
31
|
|
|
34
|
-
function
|
|
32
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
35
33
|
|
|
36
34
|
const isFreeBlocklet = meta => {
|
|
37
35
|
if (!meta.payment) {
|
|
@@ -115,33 +113,36 @@ function WizardDesc(_ref) {
|
|
|
115
113
|
if (data.community) {
|
|
116
114
|
infos.push({
|
|
117
115
|
key: (0, _get.default)(localeData[locale], 'appinfo.community'),
|
|
118
|
-
value: /*#__PURE__*/
|
|
116
|
+
value: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
|
|
119
117
|
href: data.community,
|
|
120
118
|
target: "_blank",
|
|
121
|
-
rel: "noreferrer"
|
|
122
|
-
|
|
119
|
+
rel: "noreferrer",
|
|
120
|
+
children: data.community
|
|
121
|
+
})
|
|
123
122
|
});
|
|
124
123
|
}
|
|
125
124
|
|
|
126
125
|
if (data.documentation) {
|
|
127
126
|
infos.push({
|
|
128
127
|
key: (0, _get.default)(localeData[locale], 'appinfo.documentation'),
|
|
129
|
-
value: /*#__PURE__*/
|
|
128
|
+
value: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
|
|
130
129
|
href: data.documentation,
|
|
131
130
|
target: "_blank",
|
|
132
|
-
rel: "noreferrer"
|
|
133
|
-
|
|
131
|
+
rel: "noreferrer",
|
|
132
|
+
children: data.documentation
|
|
133
|
+
})
|
|
134
134
|
});
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
if (data.support) {
|
|
138
138
|
infos.push({
|
|
139
139
|
key: (0, _get.default)(localeData[locale], 'appinfo.support'),
|
|
140
|
-
value: /*#__PURE__*/
|
|
140
|
+
value: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
|
|
141
141
|
href: "mailto:".concat(data.support),
|
|
142
142
|
target: "_blank",
|
|
143
|
-
rel: "noreferrer"
|
|
144
|
-
|
|
143
|
+
rel: "noreferrer",
|
|
144
|
+
children: data.support
|
|
145
|
+
})
|
|
145
146
|
});
|
|
146
147
|
}
|
|
147
148
|
|
|
@@ -155,33 +156,78 @@ function WizardDesc(_ref) {
|
|
|
155
156
|
let descEle;
|
|
156
157
|
|
|
157
158
|
if (locale === 'zh') {
|
|
158
|
-
descEle = /*#__PURE__*/
|
|
159
|
+
descEle = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
160
|
+
children: [isFree ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
|
|
161
|
+
children: ["\u60A8\u53EF\u4EE5\u514D\u8D39\u4F7F\u7528 ", /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
|
|
162
|
+
children: name
|
|
163
|
+
}), "\uFF1B"]
|
|
164
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
|
|
165
|
+
children: ["\u60A8\u9700\u8981\u8D2D\u4E70\u624D\u80FD\u4F7F\u7528 ", /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
|
|
166
|
+
children: name
|
|
167
|
+
}), "\uFF1B"]
|
|
168
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
169
|
+
children: "\u5728\u5E94\u7528\u542F\u52A8\u524D\uFF0C\u9700\u8981\u9009\u62E9\u60A8\u7684\u8282\u70B9\uFF1B"
|
|
170
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
171
|
+
children: "\u5982\u679C\u60A8\u6CA1\u6709\u8282\u70B9\uFF0C\u6211\u4EEC\u4F1A\u5F15\u5BFC\u60A8\u521B\u5EFA\u65B0\u7684\u8282\u70B9\uFF1B"
|
|
172
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
173
|
+
children: "\u4E0B\u9762\u4E3A\u8BE5\u5E94\u7528\u7684\u4FE1\u606F\uFF1A"
|
|
174
|
+
})]
|
|
175
|
+
});
|
|
159
176
|
} else {
|
|
160
|
-
descEle = /*#__PURE__*/
|
|
177
|
+
descEle = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
178
|
+
children: [isFree ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
|
|
179
|
+
children: ["You can use ", /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
|
|
180
|
+
children: name
|
|
181
|
+
}), " for free;"]
|
|
182
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
|
|
183
|
+
children: ["You need to purchase before launch ", /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
|
|
184
|
+
children: name
|
|
185
|
+
}), ";"]
|
|
186
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
187
|
+
children: "Before the blocklet starts, you need to select your Blocklet Server; "
|
|
188
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
189
|
+
children: "If you do not have any Blocklet Server, we will guide you to create a new one; "
|
|
190
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
191
|
+
children: "Below is the information for the blocklet: "
|
|
192
|
+
})]
|
|
193
|
+
});
|
|
161
194
|
}
|
|
162
195
|
|
|
163
|
-
return /*#__PURE__*/
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
196
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
|
|
197
|
+
children: [handleDescEle || descEle, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
198
|
+
className: "info-table",
|
|
199
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableContainer.default, {
|
|
200
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.default, {
|
|
201
|
+
size: "small",
|
|
202
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableBody.default, {
|
|
203
|
+
children: infos.map(e => {
|
|
204
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableRow.default, {
|
|
205
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell.default, {
|
|
206
|
+
component: "th",
|
|
207
|
+
scope: "row",
|
|
208
|
+
style: {
|
|
209
|
+
width: 100
|
|
210
|
+
},
|
|
211
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
212
|
+
style: {
|
|
213
|
+
fontWeight: 'bold',
|
|
214
|
+
whiteSpace: 'nowrap'
|
|
215
|
+
},
|
|
216
|
+
children: e.key
|
|
217
|
+
})
|
|
218
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell.default, {
|
|
219
|
+
children: e.value
|
|
220
|
+
})]
|
|
221
|
+
}, e.key);
|
|
222
|
+
})
|
|
223
|
+
})
|
|
224
|
+
})
|
|
225
|
+
})
|
|
226
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
227
|
+
className: "app-overview",
|
|
228
|
+
children: blockletDesc
|
|
229
|
+
})]
|
|
230
|
+
});
|
|
185
231
|
}
|
|
186
232
|
|
|
187
233
|
const Container = _styledComponents.default.div.withConfig({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blocklet/launcher-layout",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.45",
|
|
4
4
|
"description": "Common ux components of launcher",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -37,9 +37,9 @@
|
|
|
37
37
|
"react": ">=18.1.0"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@arcblock/did-connect": "^2.1.
|
|
41
|
-
"@arcblock/icons": "^2.1.
|
|
42
|
-
"@arcblock/ux": "^2.1.
|
|
40
|
+
"@arcblock/did-connect": "^2.1.44",
|
|
41
|
+
"@arcblock/icons": "^2.1.44",
|
|
42
|
+
"@arcblock/ux": "^2.1.44",
|
|
43
43
|
"@blocklet/meta": "^1.8.0",
|
|
44
44
|
"@emotion/react": "^11.9.0",
|
|
45
45
|
"@emotion/styled": "^11.8.1",
|
|
@@ -62,5 +62,5 @@
|
|
|
62
62
|
"babel-plugin-inline-react-svg": "^2.0.1",
|
|
63
63
|
"babel-plugin-styled-components": "^1.10.7"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "eba6bb0806d37eb139287d29d0d7457c8c11b491"
|
|
66
66
|
}
|