@blocklet/launcher-layout 2.2.18 → 2.2.20

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.
Files changed (10) hide show
  1. package/lib/compact-layout.js +1 -2
  2. package/lib/content.js +1 -2
  3. package/lib/header.js +1 -2
  4. package/lib/index.js +1 -2
  5. package/lib/launch-result-message.js +1 -2
  6. package/lib/nav.js +1 -2
  7. package/lib/page-header.js +1 -2
  8. package/lib/wizard/server-eula.js +1 -2
  9. package/lib/wizard/wizard-desc.js +1 -2
  10. package/package.json +13 -13
package/lib/compact-layout.js CHANGED
@@ -90,5 +90,4 @@ CompactLayout.defaultProps = {
90
90
  children: [],
91
91
  onBottomFix: () => {}
92
92
  };
93
- var _default = CompactLayout;
94
- exports.default = _default;
93
+ var _default = exports.default = CompactLayout;
package/lib/content.js CHANGED
@@ -21,6 +21,5 @@ function Content(_ref) {
21
21
  Content.propTypes = {
22
22
  children: _propTypes.default.any.isRequired
23
23
  };
24
- var _default = Content;
25
- exports.default = _default;
24
+ var _default = exports.default = Content;
26
25
  const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n\n .center {\n display: flex;\n justify-content: center;\n }\n\n .page-title {\n text-align: center;\n }\n\n .toolbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .toolbar_title {\n color: ", ";\n font-size: 16px;\n }\n }\n\n .page-footer {\n display: flex;\n justify-content: center;\n align-items: center;\n\n width: 100%;\n background: ", ";\n\n .create-button {\n margin-right: 32px;\n }\n\n & > button,\n .button {\n margin: 0 8px;\n }\n\n ", " {\n padding: 24px;\n & > button,\n .button {\n margin: 0 12px;\n min-width: 200px;\n }\n }\n\n ", " {\n margin-top: auto;\n padding: 16px;\n }\n }\n"])), props => props.theme.palette.grey['900'], props => props.theme.palette.common.white, props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'));
package/lib/header.js CHANGED
@@ -198,7 +198,6 @@ AppTitle.propTypes = {
198
198
  AppTitle.defaultProps = {
199
199
  blockletMeta: {}
200
200
  };
201
- var _default = AppHeader;
202
- exports.default = _default;
201
+ var _default = exports.default = AppHeader;
203
202
  const AppLink = _styled.default.a(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n color: ", ";\n text-decoration: none;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n font-family: Lato, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n text-decoration: none;\n font-weight: 700;\n -webkit-font-smoothing: antialiased;\n\n ", " {\n display: block;\n max-width: calc(100vw - 150px);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"])), props => props.theme.palette.common.black, props => props.theme.breakpoints.down('md'));
204
203
  const Container = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n width: 100%;\n ", " {\n min-height: 70px;\n }\n ", " {\n align-items: center;\n }\n .app-name-content {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n ", " {\n align-items: flex-start;\n flex-direction: column;\n }\n ", " {\n height: 22px;\n }\n }\n .launching-context {\n flex-shrink: 0;\n font-size: 14px;\n font-weight: 600;\n color: ", ";\n ", " {\n margin-bottom: 4px;\n }\n ", " {\n font-size: 14px;\n line-height: 15px;\n &:after {\n display: inline-block;\n margin: 0 4px;\n content: ':';\n }\n }\n }\n\n &.center-mode {\n align-items: flex-start;\n .launching-context {\n ", " {\n margin-bottom: 0;\n }\n }\n }\n\n .app-icon {\n flex-shrink: 0;\n > * {\n display: block;\n vertical-align: middle;\n }\n }\n\n .header-title {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n align-items: flex-start;\n margin-left: 24px;\n ", " {\n margin-left: 16px;\n }\n .header-title-name {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 1;\n height: 100%;\n color: ", ";\n font-weight: 700;\n ", " {\n font-size: 18px;\n\n &.middle-size {\n font-size: 16px;\n }\n }\n ", " {\n display: block;\n max-width: calc(100vw - 100px);\n font-size: 16px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n .header-title-sub {\n color: ", ";\n font-size: 12px;\n line-height: 16px;\n\n ", " {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n"])), props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'), props => props.theme.palette.grey[500], props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'), props => props.theme.palette.common.black, props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'), props => props.theme.palette.grey[700], props => props.theme.breakpoints.down('md'));
package/lib/index.js CHANGED
@@ -204,5 +204,4 @@ if (ua.includes('iphone os') && ua.includes('crios')) {
204
204
  const Header = _styled.default.header(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: ", ";\n min-width: 900px;\n box-sizing: border-box;\n position: absolute;\n z-index: 200;\n top: 0;\n display: flex;\n max-width: ", ";\n height: 68px;\n align-items: center;\n\n @media (max-height: 900px) {\n width: 100%;\n }\n\n ", " and (min-height: 900px) {\n justify-content: flex-end;\n }\n\n ", " {\n min-width: 360px;\n width: 100%;\n height: ", ";\n padding: 14px 16px;\n justify-content: space-between;\n background: #f6f8fa;\n }\n\n .left {\n flex: 1;\n display: flex;\n align-items: center;\n }\n\n .right {\n display: flex;\n align-items: center;\n ", " {\n button,\n a {\n padding-left: 8px;\n padding-right: 8px;\n }\n }\n }\n"])), props => props.width || '80%', props => props.maxWidth, props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'), HEADER_HEIGHT_MD, props => props.theme.breakpoints.down('md'));
205
205
  const Root = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n letter-spacing: normal;\n ", "\n\n header:empty {\n display: none;\n }\n\n header:empty + div {\n margin-top: 0;\n padding-top: 0;\n }\n\n .circular {\n display: inline-block;\n position: relative;\n width: 15px;\n height: 12px;\n > * {\n position: absolute;\n left: 3px;\n top: 2px;\n width: 100%;\n height: 100%;\n }\n }\n\n .layout-content {\n width: 100%;\n height: 100%;\n padding: 32px;\n\n ", " {\n padding: 16px;\n }\n }\n\n ", " {\n background: #f6f8fa;\n }\n\n ", " {\n background: ", ";\n }\n"])), injectStyle, props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'), props => props.theme.palette.common.white);
206
206
  const LogoContainer = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: block;\n margin-top: 4px;\n"])));
207
- var _default = Layout;
208
- exports.default = _default;
207
+ var _default = exports.default = Layout;
package/lib/launch-result-message.js CHANGED
@@ -77,6 +77,5 @@ LaunchResultMessage.defaultProps = {
77
77
  subTitle: '',
78
78
  footer: null
79
79
  };
80
- var _default = LaunchResultMessage;
81
- exports.default = _default;
80
+ var _default = exports.default = LaunchResultMessage;
82
81
  const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n height: 100%;\n\n .result-body {\n padding: 0 14px;\n max-width: 500px;\n text-align: center;\n margin-top: -64px;\n }\n\n .result-icon {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 24px;\n width: 48px;\n height: 48px;\n border-radius: 100%;\n color: ", ";\n transition: all ease 0.3s;\n &.color-success {\n background-color: ", ";\n }\n &.color-error {\n background-color: ", ";\n }\n &.color-info {\n background-color: ", ";\n }\n }\n\n .result-title {\n height: 34px;\n font-size: 21px;\n margin-bottom: 8px;\n font-weight: bolder;\n transition: all ease 0.3s;\n transition-delay: 0.2s;\n &.color-success {\n color: ", ";\n }\n &.color-error {\n color: ", ";\n }\n &.color-info {\n color: ", ";\n }\n &.ele-hide {\n height: 0;\n opacity: 0;\n margin-bottom: 0;\n }\n }\n\n .result-sub-title {\n margin: 0 auto;\n min-height: 17px;\n color: ", ";\n font-size: 14px;\n line-height: 1.21em; // 0.01\u53EF\u4EE5\u89E3\u51B3\u89C6\u7F51\u819C\u5C4F\u8F7B\u5FAE\u504F\u79FB\u95EE\u9898\n transition: all ease 0.3s;\n transition-delay: 0.2s;\n word-break: break-word;\n &.ele-hide {\n line-height: 0;\n opacity: 0;\n min-height: 0;\n }\n }\n\n .result-footer {\n padding-top: 24px;\n transition: all ease 0.3s;\n transition-delay: 0.2s;\n }\n"])), props => props.theme.palette.common.white, props => props.theme.palette.success.main, props => props.theme.palette.error.main, props => props.theme.palette.primary.main, props => props.theme.palette.success.main, props => props.theme.palette.error.main, props => props.theme.palette.primary.main, props => props.theme.palette.grey[700]);
package/lib/nav.js CHANGED
@@ -154,5 +154,4 @@ Nav.defaultProps = {
154
154
  subTitle: '',
155
155
  loading: false
156
156
  };
157
- var _default = Nav;
158
- exports.default = _default;
157
+ var _default = exports.default = Nav;
package/lib/page-header.js CHANGED
@@ -40,8 +40,7 @@ function PageHeader(_ref) {
40
40
  }));
41
41
  }
42
42
  const Content = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n text-align: center;\n\n .title {\n font-size: 24px;\n font-weight: 700;\n color: ", ";\n\n ", " {\n font-size: 20px;\n }\n }\n\n .sub-title {\n font-size: 14px;\n color: ", ";\n padding: 0 14px;\n font-weight: 400;\n }\n\n .back-btn {\n position: absolute;\n left: 0;\n top: 8px;\n color: #9397a1;\n font-size: 18px;\n cursor: pointer;\n }\n"])), props => props.theme.palette.common.black, props => props.theme.breakpoints.down('md'), props => props.theme.palette.grey[600]);
43
- var _default = PageHeader;
44
- exports.default = _default;
43
+ var _default = exports.default = PageHeader;
45
44
  PageHeader.propTypes = {
46
45
  title: _propTypes.default.string,
47
46
  subTitle: _propTypes.default.string,
package/lib/wizard/server-eula.js CHANGED
@@ -74,5 +74,4 @@ ServerEula.defaultProps = {
74
74
  }
75
75
  };
76
76
  const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n @media (max-width: ", "px) {\n flex-direction: column;\n }\n\n .eula-trigger {\n cursor: pointer;\n text-decoration: underline;\n ", " {\n padding-right: 24px;\n }\n ", " {\n padding: 16px;\n }\n font-size: 14px;\n white-space: nowrap;\n &:hover {\n color: ", ";\n }\n }\n\n .next-button {\n min-width: 200px;\n }\n"])), props => props.theme.breakpoints.values.sm, props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'), props => props.theme.palette.primary.main);
77
- var _default = ServerEula;
78
- exports.default = _default;
77
+ var _default = exports.default = ServerEula;
package/lib/wizard/wizard-desc.js CHANGED
@@ -215,5 +215,4 @@ WizardDesc.propTypes = {
215
215
  WizardDesc.defaultProps = {
216
216
  handleDescEle: ''
217
217
  };
218
- var _default = WizardDesc;
219
- exports.default = _default;
218
+ var _default = exports.default = WizardDesc;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blocklet/launcher-layout",
3
- "version": "2.2.18",
3
+ "version": "2.2.20",
4
4
  "description": "Common ux components of launcher",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -42,16 +42,16 @@
42
42
  "react": ">=18.1.0"
43
43
  },
44
44
  "dependencies": {
45
- "@arcblock/did-connect": "^2.7.21",
46
- "@arcblock/icons": "^2.7.21",
47
- "@arcblock/ux": "^2.7.21",
48
- "@blocklet/launcher-util": "2.2.18",
49
- "@blocklet/launcher-ux": "2.2.18",
50
- "@blocklet/meta": "^1.16.15",
45
+ "@arcblock/did-connect": "^2.7.27",
46
+ "@arcblock/icons": "^2.7.27",
47
+ "@arcblock/ux": "^2.7.27",
48
+ "@blocklet/launcher-util": "2.2.20",
49
+ "@blocklet/launcher-ux": "2.2.20",
50
+ "@blocklet/meta": "^1.16.16",
51
51
  "@emotion/react": "^11.11.1",
52
52
  "@emotion/styled": "^11.11.0",
53
- "@mui/icons-material": "^5.14.9",
54
- "@mui/material": "^5.14.10",
53
+ "@mui/icons-material": "^5.14.12",
54
+ "@mui/material": "^5.14.12",
55
55
  "is-empty": "^1.2.0",
56
56
  "lodash": "^4.17.21",
57
57
  "prop-types": "^15.8.1",
@@ -59,13 +59,13 @@
59
59
  "url-join": "^4.0.1"
60
60
  },
61
61
  "devDependencies": {
62
- "@babel/cli": "^7.22.15",
63
- "@babel/core": "^7.22.20",
62
+ "@babel/cli": "^7.23.0",
63
+ "@babel/core": "^7.23.0",
64
64
  "@babel/preset-env": "^7.22.20",
65
65
  "@babel/preset-react": "^7.22.15",
66
66
  "@storybook/react": "^6.5.16",
67
67
  "babel-plugin-inline-react-svg": "^2.0.2",
68
- "glob": "^10.3.4"
68
+ "glob": "^10.3.10"
69
69
  },
70
70
  "exports": {
71
71
  ".": {
@@ -77,5 +77,5 @@
77
77
  "require": "./lib/"
78
78
  }
79
79
  },
80
- "gitHead": "f9ca683746efb4547a55b2951e0f0c67135b466a"
80
+ "gitHead": "f3bf020d4d900bdc49e713ba3d19a45dde5a10cb"
81
81
  }