@blocklet/launcher-layout 2.0.18 → 2.0.19

package/lib/index.js

@@ -18,7 +18,7 @@ var _locale = require("./locale");
 var _header = _interopRequireDefault(require("./header"));
 var _nav = _interopRequireDefault(require("./nav"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["blockletMeta", "children", "logoUrl", "locale", "headerEndAddons", "pcWidth", "pcHeight", "navLogo", "useOfSkeleton", "stepTip"];
+const _excluded = ["blockletMeta", "children", "logoUrl", "locale", "headerEndAddons", "pcWidth", "pcHeight", "navLogo", "useOfSkeleton", "stepTip", "maxWidth"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -30,7 +30,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 const MobileContent = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  padding-top: 68px;\n"])));
-const PcContent = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  height: 80%;\n  max-height: 880px;\n  border-radius: 8px;\n  background-color: #fff;\n\n  @media (min-width: 2500px) {\n    width: 50%;\n  }\n\n  @media (min-width: 2500px) and (max-width: 2800px) {\n    width: 80%;\n  }\n\n  @media (max-width: 2499px) {\n    width: 90%;\n  }\n"])));
+const PcContent = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  min-width: 900px;\n  max-height: 880px;\n  border-radius: 8px;\n  background-color: #fff;\n"])));
 function Layout(_ref) {
   let {
       blockletMeta,
@@ -42,7 +42,8 @@ function Layout(_ref) {
       pcHeight,
       navLogo,
       useOfSkeleton,
-      stepTip
+      stepTip,
+      maxWidth
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const isMobile = (0, _useMediaQuery.default)(theme => theme.breakpoints.down('md'));
@@ -66,6 +67,9 @@ function Layout(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread({}, rest), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("header", {
       className: "root-header",
+      style: isMobile ? {} : {
+        maxWidth
+      },
       children: [isMobile && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "left",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
@@ -94,6 +98,11 @@ function Layout(_ref) {
         children: headerEndAddons
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
+      style: isMobile ? {} : {
+        width: pcWidth,
+        height: pcHeight,
+        maxWidth
+      },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Hidden.default, {
         mdDown: true,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_nav.default, {
@@ -122,8 +131,9 @@ Layout.propTypes = {
   logoUrl: _propTypes.default.string,
   locale: _propTypes.default.oneOf(['en', 'zh']),
   headerEndAddons: _propTypes.default.any,
-  pcWidth: _propTypes.default.any,
-  pcHeight: _propTypes.default.any,
+  maxWidth: _propTypes.default.string,
+  pcWidth: _propTypes.default.string,
+  pcHeight: _propTypes.default.string,
   navLogo: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.object]),
   useOfSkeleton: _propTypes.default.bool,
   stepTip: _propTypes.default.string
@@ -134,6 +144,7 @@ Layout.defaultProps = {
   headerEndAddons: null,
   pcWidth: '80%',
   pcHeight: '80%',
+  maxWidth: '1245px',
   navLogo: '',
   useOfSkeleton: true,
   stepTip: ''

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-layout",
-  "version": "2.0.18",
+  "version": "2.0.19",
   "description": "Common ux components of launcher",
   "publishConfig": {
     "access": "public"
@@ -37,15 +37,15 @@
     "react": ">=18.1.0"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.5.18",
-    "@arcblock/icons": "^2.5.18",
-    "@arcblock/ux": "^2.5.18",
-    "@blocklet/launcher-ux": "2.0.18",
-    "@blocklet/meta": "^1.16.1",
+    "@arcblock/did-connect": "^2.5.19",
+    "@arcblock/icons": "^2.5.19",
+    "@arcblock/ux": "^2.5.19",
+    "@blocklet/launcher-ux": "2.0.19",
+    "@blocklet/meta": "^1.16.3",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
-    "@mui/icons-material": "^5.11.11",
-    "@mui/material": "^5.11.15",
+    "@mui/icons-material": "^5.11.16",
+    "@mui/material": "^5.11.16",
     "lodash": "^4.17.21",
     "prop-types": "^15.8.1",
     "rehype-react": "^7.1.2",
@@ -59,5 +59,5 @@
     "@storybook/react": "^6.5.16",
     "babel-plugin-inline-react-svg": "^2.0.2"
   },
-  "gitHead": "5930cbdd6b8aff12a4964c6e200ee1fea6c853f0"
+  "gitHead": "175de8438e3343bd9a2b4e6df34fd78e0bfbd601"
 }