@blocklet/launcher-layout 3.0.10 → 3.0.12

package/lib/index.js

@@ -1,25 +1,25 @@
-import { jsx as i, jsxs as r, Fragment as O } from "react/jsx-runtime";
-import z from "@arcblock/ux/lib/Center";
-import { deepmerge as A } from "@arcblock/ux/lib/Theme";
-import { ThemeProvider as W } from "@emotion/react";
-import { styled as l, useTheme as R, useMediaQuery as _, StyledEngineProvider as D, ThemeProvider as F, Typography as k, CircularProgress as q } from "@mui/material";
+import { jsx as i, jsxs as r, Fragment as z } from "react/jsx-runtime";
+import A from "@arcblock/ux/lib/Center";
+import { deepmerge as W } from "@arcblock/ux/lib/Theme";
+import { ThemeProvider as R } from "@emotion/react";
+import { styled as l, Box as d, useTheme as _, useMediaQuery as D, StyledEngineProvider as F, ThemeProvider as q, Typography as w, CircularProgress as B } from "@mui/material";
 import G from "lodash/isObject";
 import t from "prop-types";
 import { isValidElement as I, Suspense as Q } from "react";
 import { HeaderAddons as V } from "@arcblock/ux/lib/Header";
-import { useStepContext as B } from "./context/step.js";
-import J from "./header.js";
-import { getTranslations as K } from "./locale.js";
-import U from "./nav.js";
-import X from "./small-circle-progress.js";
-const p = "72px", Y = l("div")`
+import { useStepContext as J } from "./context/step.js";
+import K from "./header.js";
+import { getTranslations as U } from "./locale.js";
+import X from "./nav.js";
+import Y from "./small-circle-progress.js";
+const c = "72px", Z = l(d)`
   box-sizing: border-box;
   display: flex;
   overflow: hidden;
   width: 100%;
   height: 100%;
-  padding-top: ${p};
-`, Z = l("div")`
+  padding-top: ${c};
+`, L = l(d)`
   display: flex;
   min-width: 900px;
   max-width: ${(e) => e.contentMaxWidth};
@@ -30,52 +30,52 @@ const p = "72px", Y = l("div")`
   height: ${(e) => e.height || "80%"};
 
   @media (max-height: 1200px) {
-    margin-top: ${p};
+    margin-top: ${c};
     height: 100%;
     max-height: 100%;
   }
 `;
-function L({
+function ee({
   blockletMeta: e = {},
-  loading: c = !1,
-  children: T,
-  logoUrl: m = "",
-  locale: d = "en",
-  header: s = null,
-  headerEndAddons: h = null,
-  pcWidth: j = "80%",
+  loading: m = !1,
+  children: j,
+  logoUrl: h = "",
+  locale: s = "en",
+  header: p = null,
+  headerEndAddons: u = null,
+  pcWidth: C = "80%",
   navLogo: n = "",
   useOfSkeleton: v = !0,
-  navSubTitle: u = "",
-  contentMaxWidth: g = "1245px",
-  theme: C = null,
-  themeOverrides: S = null,
+  navSubTitle: g = "",
+  contentMaxWidth: x = "1245px",
+  theme: S = null,
+  themeOverrides: M = null,
   extraNav: o = null,
-  ...M
+  ...P
 }) {
-  const P = R(), a = _((N) => N.breakpoints.down("md")), { activeStep: x, totalStepsCount: f } = B(), b = e || {}, H = a ? Y : Z, E = K(d);
-  n && !I(n) && G(n) && (a ? n = n.mobile : n = /* @__PURE__ */ i(ie, { children: n.desktop }));
-  const y = A(P, C || {}, S || {});
-  return /* @__PURE__ */ i(D, { injectFirst: !0, children: /* @__PURE__ */ i(F, { theme: y, children: /* @__PURE__ */ i(W, { theme: y, children: /* @__PURE__ */ r(te, { ...M, children: [
-    /* @__PURE__ */ r(ee, { maxWidth: g, width: j, className: "ll-header", children: [
-      s && s,
-      !s && /* @__PURE__ */ r(O, { children: [
+  const H = _(), a = D((O) => O.breakpoints.down("md")), { activeStep: f, totalStepsCount: b } = J(), y = e || {}, E = a ? Z : L, N = U(s);
+  n && !I(n) && G(n) && (a ? n = n.mobile : n = /* @__PURE__ */ i(ne, { children: n.desktop }));
+  const k = W(H, S || {}, M || {});
+  return /* @__PURE__ */ i(F, { injectFirst: !0, children: /* @__PURE__ */ i(q, { theme: k, children: /* @__PURE__ */ i(R, { theme: k, children: /* @__PURE__ */ r(ie, { ...P, children: [
+    /* @__PURE__ */ r(te, { maxWidth: x, width: C, className: "ll-header", children: [
+      p && p,
+      !p && /* @__PURE__ */ r(z, { children: [
         a && /* @__PURE__ */ i("div", { className: "left", children: /* @__PURE__ */ i(
-          J,
+          K,
           {
-            blockletMeta: b,
+            blockletMeta: y,
             navLogo: n,
             subTitle: /* @__PURE__ */ r("span", { children: [
-              `${u || E.defaultNavSubTitle} ${x + 1}/${f}`,
+              `${g || N.defaultNavSubTitle} ${f + 1}/${b}`,
               /* @__PURE__ */ i(
-                X,
+                Y,
                 {
-                  value: (x + 1) / f * 100,
+                  value: (f + 1) / b * 100,
                   style: { marginLeft: 3 }
                 }
               ),
               o && /* @__PURE__ */ i(
-                k,
+                w,
                 {
                   variant: "caption",
                   className: "extra-nav-text",
@@ -94,18 +94,18 @@ function L({
                 }
               )
             ] }),
-            logoUrl: m,
-            locale: d,
-            loading: c
+            logoUrl: h,
+            locale: s,
+            loading: m
           }
         ) }),
         n && !a && /* @__PURE__ */ i("div", { className: "left", children: n }),
-        h && /* @__PURE__ */ i(V, { className: "right", children: h })
+        u && /* @__PURE__ */ i(V, { className: "right", children: u })
       ] })
     ] }),
-    /* @__PURE__ */ r(H, { contentMaxWidth: g, className: "ll-container", children: [
+    /* @__PURE__ */ r(E, { contentMaxWidth: x, className: "ll-container", children: [
       /* @__PURE__ */ i(
-        U,
+        X,
         {
           sx: {
             display: {
@@ -113,26 +113,26 @@ function L({
               md: "block"
             }
           },
-          locale: d,
-          blockletMeta: b,
-          logoUrl: m,
+          locale: s,
+          blockletMeta: y,
+          logoUrl: h,
           useOfSkeleton: v,
-          subTitle: u,
-          loading: c,
+          subTitle: g,
+          loading: m,
           extraNav: o
         }
       ),
-      /* @__PURE__ */ i(k, { component: "div", className: "layout-content", children: /* @__PURE__ */ i(
+      /* @__PURE__ */ i(w, { component: "div", className: "layout-content", children: /* @__PURE__ */ i(
         Q,
         {
-          fallback: /* @__PURE__ */ i(z, { relative: "parent", children: /* @__PURE__ */ i(q, { style: { marginTop: 36 } }) }),
-          children: T
+          fallback: /* @__PURE__ */ i(A, { relative: "parent", children: /* @__PURE__ */ i(B, { style: { marginTop: 36 } }) }),
+          children: j
         }
       ) })
     ] })
   ] }) }) }) });
 }
-L.propTypes = {
+ee.propTypes = {
   loading: t.bool,
   blockletMeta: t.object,
   children: t.object.isRequired,
@@ -152,10 +152,10 @@ L.propTypes = {
   themeOverrides: t.object,
   extraNav: t.object
 };
-const w = navigator.userAgent.toLocaleLowerCase();
-let $ = "";
-w.includes("iphone os") && w.includes("crios") && ($ = "height: calc(100vh - 60px);");
-const ee = l("header")`
+const $ = navigator.userAgent.toLocaleLowerCase();
+let T = "";
+$.includes("iphone os") && $.includes("crios") && (T = "height: calc(100vh - 60px);");
+const te = l("header")`
   width: ${(e) => e.width || "80%"};
   min-width: 900px;
   box-sizing: border-box;
@@ -174,7 +174,7 @@ const ee = l("header")`
   ${(e) => e.theme.breakpoints.down("md")} {
     min-width: 360px;
     width: 100%;
-    height: ${p};
+    height: ${c};
     justify-content: space-between;
     background-color: ${({ theme: e }) => e.palette.mode === "dark" ? e.palette.background.default : e.palette.grey[100]};
   }
@@ -184,14 +184,14 @@ const ee = l("header")`
     display: flex;
     align-items: center;
   }
-`, te = l("div")`
+`, ie = l(d)`
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   letter-spacing: normal;
   background: ${({ theme: e }) => e.palette.mode === "dark" ? e.palette.background.default : e.palette.grey[100]};
-  ${$}
+  ${T}
 
   header:empty {
     display: none;
@@ -228,10 +228,10 @@ const ee = l("header")`
       padding: 16px;
     }
   }
-`, ie = l("div")`
+`, ne = l(d)`
   display: block;
   margin-top: 4px;
 `;
 export {
-  L as default
+  ee as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-layout",
-  "version": "3.0.10",
+  "version": "3.0.12",
   "description": "Common ux components of launcher",
   "publishConfig": {
     "access": "public"
@@ -36,15 +36,15 @@
     "url": "https://github.com/ArcBlock/ux/issues"
   },
   "peerDependencies": {
-    "@arcblock/did-connect": "^3.0.8",
-    "@arcblock/ux": "^3.0.8",
+    "@arcblock/did-connect": "^3.0.10",
+    "@arcblock/ux": "^3.0.10",
     "@mui/icons-material": "^7.1.2",
     "@mui/material": "^7.1.2",
     "react": "^19.0.0"
   },
   "dependencies": {
-    "@arcblock/icons": "3.0.10",
-    "@blocklet/meta": "^1.16.44",
+    "@arcblock/icons": "3.0.12",
+    "@blocklet/meta": "^1.16.45",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@uiw/react-markdown-preview": "^5.1.4",
@@ -55,5 +55,5 @@
     "rehype-react": "^7.2.0",
     "url-join": "^4.0.1"
   },
-  "gitHead": "8e4b3b4f9cc52c8f1f1d270ab03a3c566073617a"
+  "gitHead": "ebe824e4b0ddfc1cbdd9ffecc22283e57a58c042"
 }