@blocklet/launcher-workflow 1.5.102 → 1.5.103
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/components/plan.js +1 -1
- package/lib/purchase.js +8 -9
- package/package.json +4 -4
package/lib/components/plan.js
CHANGED
|
@@ -76,4 +76,4 @@ NodeType.defaultProps = {
|
|
|
76
76
|
const Container = _styledComponents.default.div.withConfig({
|
|
77
77
|
displayName: "plan__Container",
|
|
78
78
|
componentId: "sc-1ts75ga-0"
|
|
79
|
-
})(["position:relative;border:1px solid ", ";border-radius:8px;padding:16px;cursor:pointer;transition:background-color ease 0.2s,border ease 0.2s;&.item-selected{background-color:#
|
|
79
|
+
})(["position:relative;border:1px solid ", ";border-radius:8px;padding:16px;cursor:pointer;transition:background-color ease 0.2s,border ease 0.2s;&.item-selected{background-color:#ecfbfd;border-color:#ecfbfd;cursor:default;}.name{color:", ";font-size:16px;line-height:20px;font-weight:500;}.price{margin-top:8px;font-size:24px;font-weight:700;color:", ";}.rights{font-size:14px;& > ul li{list-style-type:none;margin:0;vertical-align:middle;color:", ";}& > ul li:not(:first-child){margin-top:8px;}.rights-list{margin-top:8px;}}.item-block{display:flex;.item-icon{margin-right:6px;font-size:14px;color:", ";flex-shrink:0;}.item-desc{flex:1;}}.check-container{position:absolute;right:0;bottom:0;display:flex;justify-content:flex-end;align-items:flex-end;width:30px;height:30px;border-radius:0 0 7px 0;color:", ";overflow:hidden;transition:all ease 0.3s;&:after{position:absolute;z-index:0;left:30px;top:30px;display:block;width:0;height:0;border-top:transparent solid 15px;border-left:transparent solid 15px;border-bottom:", " solid 15px;border-right:", " solid 15px;transition:all ease 0.1s;content:'';}.check-icon{position:relative;z-index:2;margin:0 1px 1px 0;font-size:16px;transform:scale(0);transition:all ease 0.2s;}}&.item-selected{.check-container{&:after{left:0;top:0;}.check-icon{transform:scale(1);}}}"], props => props.theme.palette.grey[200], props => props.theme.palette.grey[900], props => props.theme.palette.primary.main, props => props.theme.palette.grey[700], props => props.theme.palette.primary.main, props => props.theme.palette.common.white, props => props.theme.palette.primary.main, props => props.theme.palette.primary.main);
|
package/lib/purchase.js
CHANGED
|
@@ -21,6 +21,8 @@ var _Coins = require("@styled-icons/remix-fill/Coins");
|
|
|
21
21
|
|
|
22
22
|
var _util = require("@ocap/util");
|
|
23
23
|
|
|
24
|
+
var _Center = _interopRequireDefault(require("@arcblock/ux/lib/Center"));
|
|
25
|
+
|
|
24
26
|
var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
|
|
25
27
|
|
|
26
28
|
var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
|
|
@@ -147,7 +149,9 @@ function PurchasePage() {
|
|
|
147
149
|
}, [plansState.loading, plansState.value]);
|
|
148
150
|
|
|
149
151
|
if (plansState.loading) {
|
|
150
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
152
|
+
return /*#__PURE__*/_react.default.createElement(_Center.default, {
|
|
153
|
+
relative: "parent"
|
|
154
|
+
}, /*#__PURE__*/_react.default.createElement(_Spinner.default, null));
|
|
151
155
|
}
|
|
152
156
|
|
|
153
157
|
if (plansState.error) {
|
|
@@ -322,24 +326,19 @@ function PurchasePage() {
|
|
|
322
326
|
}));
|
|
323
327
|
}
|
|
324
328
|
|
|
325
|
-
const Center = _styledComponents.default.div.withConfig({
|
|
326
|
-
displayName: "purchase__Center",
|
|
327
|
-
componentId: "sc-1knmtel-0"
|
|
328
|
-
})(["display:flex;justify-content:center;align-items:center;height:100%;"]);
|
|
329
|
-
|
|
330
329
|
const Container = _styledComponents.default.div.withConfig({
|
|
331
330
|
displayName: "purchase__Container",
|
|
332
|
-
componentId: "sc-1knmtel-
|
|
331
|
+
componentId: "sc-1knmtel-0"
|
|
333
332
|
})(["display:flex;flex-direction:column;width:100%;height:100%;.select-payment{display:flex;justify-content:center;align-items:center;padding-top:30px;}.select-plan{margin:48px auto 33px;", "{margin:30px auto;}&.small-select-plan-2{max-width:780px;}&.small-select-plan-0,&.small-select-plan-1{max-width:460px;}}.page-body{position:relative;flex:1;margin-top:0;}.page-body-article{position:absolute;left:0;top:0;width:100%;height:100%;overflow-y:auto;}.selector-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:18px;}.button-container{display:flex;justify-content:center;align-items:center;padding-bottom:15px;padding-top:15px;> button{width:200px;}&.has-shadow{box-shadow:0px -1px 1px 0px rgba(168,180,197,0.12);}}.container-padding{padding-left:24px;padding-right:24px;}"], props => props.theme.breakpoints.down('sm'));
|
|
334
333
|
|
|
335
334
|
const PaymentLabel = _styledComponents.default.div.withConfig({
|
|
336
335
|
displayName: "purchase__PaymentLabel",
|
|
337
|
-
componentId: "sc-1knmtel-
|
|
336
|
+
componentId: "sc-1knmtel-1"
|
|
338
337
|
})(["display:flex;justify-content:center;align-items:center;.payment-icon{margin-right:4px;}"]);
|
|
339
338
|
|
|
340
339
|
const CryptoIcon = (0, _styledComponents.default)(_Coins.Coins).withConfig({
|
|
341
340
|
displayName: "purchase__CryptoIcon",
|
|
342
|
-
componentId: "sc-1knmtel-
|
|
341
|
+
componentId: "sc-1knmtel-2"
|
|
343
342
|
})(["font-size:14px;height:22px;"]);
|
|
344
343
|
|
|
345
344
|
var _default = (0, _reactRouterDom.withRouter)(PurchasePage);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blocklet/launcher-workflow",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.103",
|
|
4
4
|
"description": "Purchase components for Launcher UI",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
"@arcblock/icons": "^1.17.0",
|
|
42
42
|
"@arcblock/license": "^1.17.0",
|
|
43
43
|
"@arcblock/ux": "^1.17.0",
|
|
44
|
-
"@blocklet/launcher-constant": "1.5.
|
|
45
|
-
"@blocklet/launcher-layout": "1.5.
|
|
44
|
+
"@blocklet/launcher-constant": "1.5.103",
|
|
45
|
+
"@blocklet/launcher-layout": "1.5.103",
|
|
46
46
|
"@material-ui/core": "^4.12.3",
|
|
47
47
|
"@material-ui/icons": "^4.11.2",
|
|
48
48
|
"@material-ui/lab": "^4.0.0-alpha.60",
|
|
@@ -69,5 +69,5 @@
|
|
|
69
69
|
"babel-plugin-inline-react-svg": "^2.0.1",
|
|
70
70
|
"babel-plugin-styled-components": "^1.10.7"
|
|
71
71
|
},
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "c0848181929b0bfc6a41a400698d795a8dfd3dfd"
|
|
73
73
|
}
|