@blocklet/pages-kit-inner-components 0.5.23 → 0.5.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit-inner-components",
-  "version": "0.5.23",
+  "version": "0.5.24",
   "description": "Pages Kit inner components library",
   "publishConfig": {
     "access": "public"
@@ -205,8 +205,8 @@
     "yaml": "^2.5.0",
     "yjs": "^13.6.18",
     "zustand": "^4.5.5",
-    "@blocklet/pages-kit": "^0.5.23",
-    "@blocklet/pages-kit-block-studio": "^0.5.23"
+    "@blocklet/pages-kit": "^0.5.24",
+    "@blocklet/pages-kit-block-studio": "^0.5.24"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",

package/lib/cjs/chunks/home-5a40bAJ6.js

@@ -1,38 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),I=require("./state-CA6q2h83.js"),Y=require("@arcblock/ux/lib/Locale/context"),ce=require("@arcblock/ux/lib/Result"),ue=require("@blocklet/pages-kit/builtin/page/header"),de=require("@blocklet/pages-kit/contexts/color"),J=require("@blocklet/pages-kit/utils/data-source"),pe=require("@blocklet/pages-kit/utils/route"),ge=require("@blocklet/ui-react/lib/Header"),Z=require("@emotion/css"),N=require("@emotion/react"),me=require("@emotion/styled"),b=require("@mui/material"),G=require("ahooks"),fe=require("isomorphic-dompurify"),he=require("lodash/cloneDeep"),xe=require("lodash/isEmpty"),je=require("lodash/isEqual"),f=require("react"),ye=require("react-helmet"),P=require("react-router-dom"),ee=require("react-use"),_=require("ufo"),C=require("./array-C0IVbCmb.js"),W=require("@arcblock/ux/lib/Theme"),be=require("@blocklet/ui-react/lib/Footer");require("webfontloader");const X=require("./session-BA7Qrcia.js"),S=t=>t&&t.__esModule?t:{default:t},te=S(ce),ve=S(ge),ne=S(me),we=S(fe),V=S(he),Pe=S(xe),oe=S(je),Re=S(be),ke=W.styled(Re.default,{shouldForwardProp:t=>!!t})`
-  & > div > .MuiContainer-root {
-    max-width: unset;
-  }
-`;function Se({meta:t,...o}){const a=W.useTheme();return e.jsx(ke,{...o,meta:t,theme:a||{}})}function re(t){return e.jsx(b.Box,{display:"flex",flex:1,height:"100%",alignItems:"center",justifyContent:"center",...t,children:e.jsx(b.CircularProgress,{size:30})})}function qe(t){return e.jsx(_e,{...t})}const _e=W.styled(b.Box)`
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 999999999999;
-  width: 80px;
-  font-size: 12px;
-  text-align: center;
-  opacity: 0.7;
-  transform: translateX(-23%) translateY(70%) rotate(-45deg);
-  pointer-events: none;
-`,Ce=`Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`;function Ee({titleFontFamily:t,descriptionFontFamily:o}){var n;const a=b.useTheme(),s=(n=a==null?void 0:a.typography)==null?void 0:n.fontFamily;f.useEffect(()=>{},[t,o]);const l=`${s}, ${Ce}`;return e.jsx(N.Global,{styles:N.css`
-        #app {
-          font-family: ${l};
-
-          .page-kit-section__title {
-            font-family: ${l};
-          }
-
-          .page-kit-section__description {
-            font-family: ${l};
-          }
-        }
-      `})}function Me(){const[t]=P.useSearchParams(),{session:o}=X.useSessionContext(),a=X.useIsRoleOrMultiTenant("owner","admin","pagesEditor","member"),s=f.useMemo(()=>{const n=t.get("mode");return C.STATE_MODES.includes(n)?n:"production"},[t]),l=s==="production"?s:o.user?a?s:"production":null;return l?e.jsx(se,{mode:l}):null}function se({mode:t}){if(t!=="draft"){const o=window.__PAGE_STATE__;return o?e.jsx(A,{mode:t,state:o}):e.jsx(Be,{mode:t,children:({state:a})=>e.jsx(A,{mode:t,state:a})})}return e.jsx(Ie,{children:({state:o})=>e.jsx(A,{mode:t,state:o})})}const Ie=f.lazy(()=>Promise.resolve().then(()=>require("./draft-data-BLL0M7MI.js")));function Be({mode:t,children:o}){const a=document.querySelector('meta[property="pages:version"]'),s=a==null?void 0:a.content,l=I.useProjectId(),n=f.useMemo(()=>{if(s==="{{pagesPublishedAt}}"){const c=localStorage.getItem(I.getProjectPageVersionKey(l??""));return Number(c)?Number(c):new Date().getTime()}return Number(s)},[s]),{loading:g,value:i}=ee.useAsync(()=>C.getPages({mode:t,version:n}),[t,n]);return g?e.jsx(re,{}):i?o({state:i}):null}function A({mode:t,state:o}){const{t:a,locale:s}=Y.useLocaleContext(),[l]=P.useSearchParams(),n=l.get("hiddenBadge")==="true",g=l.get("showPublish")==="true",{pageIds:i,pages:c,routeIds:m,routes:d,supportedLocales:p,config:{defaultLocale:h},resources:v}=o,w=I.getAllComponents(o),x=f.useMemo(()=>p!=null&&p.some(u=>u.locale===s)?s:void 0,[s,p]),B=Object.values(d||{}).find(u=>(u==null?void 0:u.path)==="/")||Object.values(c).find(u=>(u==null?void 0:u.slug)==="/")?void 0:Object.values(c)[0],U=f.useMemo(()=>t==="production"?i.map(u=>{const r=c[u];return r&&{id:r.id,path:_.joinURL("/",x||"",r.slug)}}).filter(C.nonNullable):m.map(u=>{const r=d[u];return r?{id:r.id,path:_.joinURL("/",x||"",r.path,`?mode=${t}`)}:null}).filter(C.nonNullable),[i,c,x,t,d,m]),q=([...u])=>(t!=="production"&&g&&u.unshift(e.jsx(f.Suspense,{fallback:e.jsx("div",{}),children:e.jsx(Te,{mode:"production",state:o})})),u);return e.jsxs(C.Provider,{value:{pages:U},children:[e.jsxs(P.Routes,{children:[B&&e.jsx(P.Route,{index:!0,element:e.jsx(P.Navigate,{to:_.joinURL("/",x||"",B.slug)})}),m==null?void 0:m.map(u=>{var L,T,R,j;const r=d==null?void 0:d[u];if(!r||!r.displayTemplateId)return null;const E=c[r.displayTemplateId];if(!E)return null;let M=[];if(r.params&&r.params.length>0){const k=pe.generateParamCombinations({basePath:r.path,params:r.params,routeId:r.id,paramsOptions:r.paramsOptions,currentIndex:0,currentParams:[],currentOptionIds:[],result:[]});M=k==null?void 0:k.map(H=>{var O,$,K,Q;const D=H.paramOptionIds.join("-");return e.jsx(P.Route,{path:_.joinURL(":projectIdOrSlug?",H.path),element:e.jsx(z,{mode:t,components:w,page:E,locale:x,defaultLocale:h,headerAddons:q,state:o,pageData:(Q=(K=($=(O=r.dataSource)==null?void 0:O.pathDataMappings)==null?void 0:$[D])==null?void 0:K.dataCache)==null?void 0:Q[x||h||"en"]})},D)})}return M.push(e.jsx(P.Route,{path:_.joinURL(":projectIdOrSlug?",r.path),element:e.jsx(z,{mode:t,components:w,page:E,locale:x,defaultLocale:h,headerAddons:q,state:o,pageData:(j=(R=(T=(L=r.dataSource)==null?void 0:L.pathDataMappings)==null?void 0:T[r.id])==null?void 0:R.dataCache)==null?void 0:j[x||h||"en"]})},r.id)),M}),i.map(u=>{const r=c[u];return r?e.jsx(P.Route,{path:_.joinURL(":projectIdOrSlug?",r.slug),element:e.jsx(F,{mode:t,components:w,page:r,locale:x,defaultLocale:h,headerAddons:q})},r.id):null}),v.pages&&Object.values(v.pages).map(({blockletId:u,page:r})=>e.jsx(P.Route,{path:_.joinURL("/",`@${u}`,r.slug),element:e.jsx(F,{mode:t,components:w,page:r,locale:x,defaultLocale:h,headerAddons:q})},r.id)),e.jsx(P.Route,{path:"*",element:e.jsx(b.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:e.jsx(te.default,{status:404,extra:e.jsx(le,{href:"/",children:a("common.back")})})})})]}),t!=="production"&&!n&&e.jsx(qe,{sx:{bgcolor:"info.light"},children:t}),e.jsx(Ee,{})]})}function z({mode:t,pageData:o,components:a,page:s,locale:l,defaultLocale:n,headerAddons:g,state:i}){const c=G.useReactive({page:null});f.useEffect(()=>{const d=s||null;d?c.page=V.default(d):c.page=null},[s,c]);const m=f.useRef();return f.useEffect(()=>{oe.default(o,m.current)||o&&c.page&&(J.setPageDataSource(c.page,i,l,o),m.current=V.default(o))},[c.page,o,l,i]),c.page?e.jsx(F,{mode:t,components:a,page:c.page,locale:l,defaultLocale:n,headerAddons:g}):null}function Le({mode:t,state:o,path:a,pageData:s}){const{t:l,locale:n}=Y.useLocaleContext(),{pages:g,supportedLocales:i,config:{defaultLocale:c},resources:m}=o,d=Object.values(g).find(y=>(y==null?void 0:y.slug)===a),p=Object.values(m.pages||{}).find(y=>y.page.slug===a),h=f.useMemo(()=>i!=null&&i.some(y=>y.locale===n)?n:void 0,[n,i]),v=G.useReactive({page:null});f.useEffect(()=>{const y=d||(p==null?void 0:p.page)||null;y?v.page=V.default(y):v.page=null},[d,p]);const w=f.useRef();if(f.useEffect(()=>{oe.default(s,w.current)||s&&v.page&&(J.setPageDataSource(v.page,o,h,s),w.current=V.default(s))},[{}]),!d&&!(p!=null&&p.page))return e.jsx(b.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:e.jsx(te.default,{style:{background:"inherit"},status:404,extra:e.jsx(le,{href:"/",children:l("common.back")})})});const x=I.getAllComponents(o);return v.page?e.jsx(F,{mode:t,components:x,page:v.page,locale:h,defaultLocale:c}):null}function F({mode:t,components:o,page:a,locale:s,defaultLocale:l,headerAddons:n}){var B,U,q,u,r,E,M,L,T;const g=de.useColorConvert(),i=((B=a.locales)==null?void 0:B[s])??((U=a.locales)==null?void 0:U[l])??{},c=i.title||((q=window.blocklet)==null?void 0:q.appName),m=i.description||((u=window.blocklet)==null?void 0:u.appDescription),d=I.autoResizeImage(I.getImageAbsoluteUrl(i.image),540),{logo:p,brand:h,description:v,...w}=ue.useHeaderState(),x=f.useMemo(()=>R=>{var k;let j=(n==null?void 0:n(R))??R;return j=((k=w.addons)==null?void 0:k.call(w,j))??j,j},[w.addons,n]),y=(r=i.header)!=null&&r.translucent?ie:ae;return e.jsxs(C.PageProvider,{page:a,defaultLocale:l,currentLocale:s,children:[e.jsx(N.Global,{styles:N.css`
-          body {
-            background-color: ${g(!i.backgroundColor||i.backgroundColor==="transparent"?"background.default":i.backgroundColor)} !important;
-          }
-        `}),e.jsx(y,{hideNavMenu:!!((E=i.header)!=null&&E.hideNavMenus),translucentTextColor:(M=i.header)==null?void 0:M.translucentTextColor,...p?{logo:p}:{},...h?{brand:h}:{},...v?{description:v}:{},className:Z.cx(((L=i.header)==null?void 0:L.sticky)&&"sticky","page-header"),maxWidth:!1,addons:x}),e.jsx(P.ScrollRestoration,{}),e.jsxs(ye.Helmet,{children:[e.jsx("title",{children:c}),e.jsx("meta",{name:"og:title",content:c}),e.jsx("meta",{name:"og:description",content:m}),e.jsx("meta",{name:"og:image",content:d}),e.jsx("meta",{name:"twitter:image:src",content:d}),e.jsx("meta",{name:"twitter:image",content:d}),e.jsx("meta",{property:"twitter:description",content:m}),e.jsx("meta",{property:"twitter:title",content:c}),e.jsx("meta",{name:"description",content:m})]}),e.jsx(b.Stack,{flexGrow:1,className:"PageView-root",sx:{"& .BlockBase-root:first-child":{pt:"0 !important"}},children:a.sectionIds.map(R=>{var D,O;const j=a.sections[R];if(!j||j.visibility==="hidden")return null;const k=(D=j.locales)==null?void 0:D[s],H=((O=j.locales)==null?void 0:O[l])??{};return e.jsx(C.BlockRenderer,{id:R,type:j.component,mode:t,section:j,config:{...Pe.default(k)?H:k,locale:s,dev:t==="draft"?{mode:t,components:o,defaultLocale:l}:{mode:t}}},R)})}),!((T=i.footer)!=null&&T.hidden)&&e.jsx(Se,{})]})}const Te=f.lazy(()=>Promise.resolve().then(()=>require("./publish-button-DUYSuenR.js"))),ae=ne.default(ve.default)`
-  &.sticky {
-    position: sticky;
-    top: 0;
-  }
-`;function De({logo:t}){const[o,a]=f.useState(),s=b.useMediaQuery(n=>n.breakpoints.down("sm")),{value:l}=ee.useAsync(()=>{var i,c;const n=new URL(s?((i=window==null?void 0:window.blocklet)==null?void 0:i.appLogo)||"/.well-known/service/blocklet/logo":((c=window==null?void 0:window.blocklet)==null?void 0:c.appLogoRect)||"/.well-known/service/blocklet/logo-rect",window.location.origin);n.searchParams.delete("imageFilter"),n.searchParams.delete("f");const g=n.toString();return new Promise(m=>{fetch(g).then(d=>{const p=d.headers.get("content-type");p!=null&&p.includes("svg")&&d.text().then(h=>{a(h),m(null)}),m(d.url)})})},[s]);if(t)return t;if(o)return e.jsx(b.Box,{sx:{filter:"initial !important"},dangerouslySetInnerHTML:{__html:we.default.sanitize(o)}});if(l){const n=new URL(l);n.searchParams.set("imageFilter","convert"),n.searchParams.set("f","png"),n.searchParams.set("h","80");const g=n.toString();return e.jsx("img",{src:g,alt:"logo"})}return null}function ie({logo:t,translucentTextColor:o,...a}){const{top:s=0}=G.useScroll(()=>document.getElementById("app"))||{},l=b.useTheme();let n=Math.min(s/800,1),g="";return n>.1?(n=Math.max(n,.6),g=b.alpha(l.palette.text.primary,n)):g=o||"#EEEEEE",e.jsx(ae,{logo:e.jsx(De,{logo:t}),...a,className:Z.cx(n<=.7&&"reverse-color"),style:{backgroundColor:b.alpha(l.palette.background.default,n),"--logo-invert":n<=.7?1-n/6:1-n},sx:{backdropFilter:n>=.6?"blur(10px)":"blur(0px)",transition:"all 0.3s ease",position:"fixed !important",left:0,top:0,right:0,bgcolor:"transparent","&.reverse-color":{".navmenu-root>.navmenu-sub>span,\n          .navmenu-root>.navmenu-item,\n          .header-addons>button,\n          .header-addons>a,\n          .header-addons>div>button":{color:`${g} !important`}},"& .navmenu--horizontal":{bgcolor:"transparent !important"},".header-logo > div":{filter:"invert(var(--logo-invert))"},".header-logo":{color:g}}})}const le=ne.default(b.Button)``;exports.Home=Me;exports.HomeView=se;exports.Loading=re;exports.PageRoutes=A;exports.PageView=F;exports.PageViewByPath=Le;exports.PageViewWithDataSource=z;exports.TranslucentHeader=ie;

package/lib/es/chunks/home-BB778Odl.js

@@ -1,516 +0,0 @@
-import { jsx as e, jsxs as N } from "react/jsx-runtime";
-import { d as K, e as me, g as de, u as ge, c as fe } from "./state-j8jViBMV.js";
-import { useLocaleContext as Q } from "@arcblock/ux/lib/Locale/context";
-import X from "@arcblock/ux/lib/Result";
-import { useHeaderState as he } from "@blocklet/pages-kit/builtin/page/header";
-import { useColorConvert as be } from "@blocklet/pages-kit/contexts/color";
-import { setPageDataSource as Y } from "@blocklet/pages-kit/utils/data-source";
-import { generateParamCombinations as ye } from "@blocklet/pages-kit/utils/route";
-import ve from "@blocklet/ui-react/lib/Header";
-import { cx as J } from "@emotion/css";
-import { Global as Z, css as ee } from "@emotion/react";
-import te from "@emotion/styled";
-import { Box as L, CircularProgress as we, useTheme as oe, Button as Pe, Stack as xe, alpha as G, useMediaQuery as ke } from "@mui/material";
-import { useReactive as ne, useScroll as Se } from "ahooks";
-import Ce from "isomorphic-dompurify";
-import $ from "lodash/cloneDeep";
-import Ie from "lodash/isEmpty";
-import re from "lodash/isEqual";
-import { useEffect as F, lazy as ae, useMemo as R, useRef as se, Suspense as je, useState as Re } from "react";
-import { Helmet as Ee } from "react-helmet";
-import { useSearchParams as ie, Routes as Te, Route as j, Navigate as Me, ScrollRestoration as Be } from "react-router-dom";
-import { useAsync as le } from "react-use";
-import { joinURL as S } from "ufo";
-import { S as Oe, n as W, P as Fe, a as Le, B as _e, g as De } from "./array-B1QKSYbX.js";
-import { styled as ce, useTheme as Ne } from "@arcblock/ux/lib/Theme";
-import $e from "@blocklet/ui-react/lib/Footer";
-import "webfontloader";
-import { u as Ae, a as He } from "./session-CVblGhSp.js";
-const Ue = ce($e, { shouldForwardProp: (t) => !!t })`
-  & > div > .MuiContainer-root {
-    max-width: unset;
-  }
-`;
-function Ve({ meta: t, ...n }) {
-  const s = Ne();
-  return /* @__PURE__ */ e(Ue, { ...n, meta: t, theme: s || {} });
-}
-function ze(t) {
-  return /* @__PURE__ */ e(L, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...t, children: /* @__PURE__ */ e(we, { size: 30 }) });
-}
-function Ge(t) {
-  return /* @__PURE__ */ e(We, { ...t });
-}
-const We = ce(L)`
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 999999999999;
-  width: 80px;
-  font-size: 12px;
-  text-align: center;
-  opacity: 0.7;
-  transform: translateX(-23%) translateY(70%) rotate(-45deg);
-  pointer-events: none;
-`, qe = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`;
-function Ke({
-  titleFontFamily: t,
-  descriptionFontFamily: n
-}) {
-  var o;
-  const s = oe(), a = (o = s == null ? void 0 : s.typography) == null ? void 0 : o.fontFamily;
-  F(() => {
-  }, [t, n]);
-  const l = `${a}, ${qe}`;
-  return /* @__PURE__ */ e(
-    Z,
-    {
-      styles: ee`
-        #app {
-          font-family: ${l};
-
-          .page-kit-section__title {
-            font-family: ${l};
-          }
-
-          .page-kit-section__description {
-            font-family: ${l};
-          }
-        }
-      `
-    }
-  );
-}
-function Et() {
-  const [t] = ie(), { session: n } = Ae(), s = He("owner", "admin", "pagesEditor", "member"), a = R(() => {
-    const o = t.get("mode");
-    return Oe.includes(o) ? o : "production";
-  }, [t]), l = a === "production" ? a : n.user ? s ? a : "production" : null;
-  return l ? /* @__PURE__ */ e(Qe, { mode: l }) : null;
-}
-function Qe({ mode: t }) {
-  if (t !== "draft") {
-    const n = window.__PAGE_STATE__;
-    return n ? /* @__PURE__ */ e(H, { mode: t, state: n }) : /* @__PURE__ */ e(Ye, { mode: t, children: ({ state: s }) => /* @__PURE__ */ e(H, { mode: t, state: s }) });
-  }
-  return /* @__PURE__ */ e(Xe, { children: ({ state: n }) => /* @__PURE__ */ e(H, { mode: t, state: n }) });
-}
-const Xe = ae(() => import("./draft-data-DyeHwihR.js"));
-function Ye({
-  mode: t,
-  children: n
-}) {
-  const s = document.querySelector('meta[property="pages:version"]'), a = s == null ? void 0 : s.content, l = ge(), o = R(() => {
-    if (a === "{{pagesPublishedAt}}") {
-      const c = localStorage.getItem(fe(l ?? ""));
-      return Number(c) ? Number(c) : (/* @__PURE__ */ new Date()).getTime();
-    }
-    return Number(a);
-  }, [a]), { loading: d, value: i } = le(() => De({ mode: t, version: o }), [t, o]);
-  return d ? /* @__PURE__ */ e(ze, {}) : i ? n({ state: i }) : null;
-}
-function H({ mode: t, state: n }) {
-  const { t: s, locale: a } = Q(), [l] = ie(), o = l.get("hiddenBadge") === "true", d = l.get("showPublish") === "true", {
-    pageIds: i,
-    pages: c,
-    routeIds: g,
-    routes: p,
-    supportedLocales: m,
-    config: { defaultLocale: f },
-    resources: v
-  } = n, w = K(n), h = R(
-    () => m != null && m.some((u) => u.locale === a) ? a : void 0,
-    [a, m]
-  ), E = Object.values(p || {}).find((u) => (u == null ? void 0 : u.path) === "/") || Object.values(c).find((u) => (u == null ? void 0 : u.slug) === "/") ? void 0 : Object.values(c)[0], _ = R(() => t === "production" ? i.map((u) => {
-    const r = c[u];
-    return r && {
-      id: r.id,
-      path: S("/", h || "", r.slug)
-    };
-  }).filter(W) : g.map((u) => {
-    const r = p[u];
-    return r ? {
-      id: r.id,
-      path: S("/", h || "", r.path, `?mode=${t}`)
-    } : null;
-  }).filter(W), [i, c, h, t, p, g]), k = ([...u]) => (t !== "production" && d && u.unshift(
-    /* @__PURE__ */ e(je, { fallback: /* @__PURE__ */ e("div", {}), children: /* @__PURE__ */ e(Je, { mode: "production", state: n }) })
-  ), u);
-  return /* @__PURE__ */ N(Fe, { value: { pages: _ }, children: [
-    /* @__PURE__ */ N(Te, { children: [
-      E && /* @__PURE__ */ e(j, { index: !0, element: /* @__PURE__ */ e(Me, { to: S("/", h || "", E.slug) }) }),
-      g == null ? void 0 : g.map((u) => {
-        var T, M, P, b;
-        const r = p == null ? void 0 : p[u];
-        if (!r || !r.displayTemplateId) return null;
-        const C = c[r.displayTemplateId];
-        if (!C) return null;
-        let I = [];
-        if (r.params && r.params.length > 0) {
-          const x = ye({
-            basePath: r.path,
-            params: r.params,
-            routeId: r.id,
-            paramsOptions: r.paramsOptions,
-            currentIndex: 0,
-            currentParams: [],
-            currentOptionIds: [],
-            result: []
-          });
-          I = x == null ? void 0 : x.map((D) => {
-            var O, U, V, z;
-            const B = D.paramOptionIds.join("-");
-            return /* @__PURE__ */ e(
-              j,
-              {
-                path: S(":projectIdOrSlug?", D.path),
-                element: /* @__PURE__ */ e(
-                  q,
-                  {
-                    mode: t,
-                    components: w,
-                    page: C,
-                    locale: h,
-                    defaultLocale: f,
-                    headerAddons: k,
-                    state: n,
-                    pageData: (z = (V = (U = (O = r.dataSource) == null ? void 0 : O.pathDataMappings) == null ? void 0 : U[B]) == null ? void 0 : V.dataCache) == null ? void 0 : z[h || f || "en"]
-                  }
-                )
-              },
-              B
-            );
-          });
-        }
-        return I.push(
-          /* @__PURE__ */ e(
-            j,
-            {
-              path: S(":projectIdOrSlug?", r.path),
-              element: /* @__PURE__ */ e(
-                q,
-                {
-                  mode: t,
-                  components: w,
-                  page: C,
-                  locale: h,
-                  defaultLocale: f,
-                  headerAddons: k,
-                  state: n,
-                  pageData: (b = (P = (M = (T = r.dataSource) == null ? void 0 : T.pathDataMappings) == null ? void 0 : M[r.id]) == null ? void 0 : P.dataCache) == null ? void 0 : b[h || f || "en"]
-                }
-              )
-            },
-            r.id
-          )
-        ), I;
-      }),
-      i.map((u) => {
-        const r = c[u];
-        return r ? /* @__PURE__ */ e(
-          j,
-          {
-            path: S(":projectIdOrSlug?", r.slug),
-            element: /* @__PURE__ */ e(
-              A,
-              {
-                mode: t,
-                components: w,
-                page: r,
-                locale: h,
-                defaultLocale: f,
-                headerAddons: k
-              }
-            )
-          },
-          r.id
-        ) : null;
-      }),
-      v.pages && Object.values(v.pages).map(({ blockletId: u, page: r }) => /* @__PURE__ */ e(
-        j,
-        {
-          path: S("/", `@${u}`, r.slug),
-          element: /* @__PURE__ */ e(
-            A,
-            {
-              mode: t,
-              components: w,
-              page: r,
-              locale: h,
-              defaultLocale: f,
-              headerAddons: k
-            }
-          )
-        },
-        r.id
-      )),
-      /* @__PURE__ */ e(
-        j,
-        {
-          path: "*",
-          element: /* @__PURE__ */ e(L, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(X, { status: 404, extra: /* @__PURE__ */ e(pe, { href: "/", children: s("common.back") }) }) })
-        }
-      )
-    ] }),
-    t !== "production" && !o && /* @__PURE__ */ e(Ge, { sx: { bgcolor: "info.light" }, children: t }),
-    /* @__PURE__ */ e(Ke, {})
-  ] });
-}
-function q({
-  mode: t,
-  pageData: n,
-  components: s,
-  page: a,
-  locale: l,
-  defaultLocale: o,
-  headerAddons: d,
-  state: i
-}) {
-  const c = ne({
-    page: null
-  });
-  F(() => {
-    const p = a || null;
-    p ? c.page = $(p) : c.page = null;
-  }, [a, c]);
-  const g = se();
-  return F(() => {
-    re(n, g.current) || n && c.page && (Y(c.page, i, l, n), g.current = $(n));
-  }, [c.page, n, l, i]), c.page ? /* @__PURE__ */ e(
-    A,
-    {
-      mode: t,
-      components: s,
-      page: c.page,
-      locale: l,
-      defaultLocale: o,
-      headerAddons: d
-    }
-  ) : null;
-}
-function Tt({
-  mode: t,
-  state: n,
-  path: s,
-  pageData: a
-}) {
-  const { t: l, locale: o } = Q(), {
-    pages: d,
-    supportedLocales: i,
-    config: { defaultLocale: c },
-    resources: g
-  } = n, p = Object.values(d).find((y) => (y == null ? void 0 : y.slug) === s), m = Object.values(g.pages || {}).find((y) => y.page.slug === s), f = R(
-    () => i != null && i.some((y) => y.locale === o) ? o : void 0,
-    [o, i]
-  ), v = ne({
-    page: null
-  });
-  F(() => {
-    const y = p || (m == null ? void 0 : m.page) || null;
-    y ? v.page = $(y) : v.page = null;
-  }, [p, m]);
-  const w = se();
-  if (F(() => {
-    re(a, w.current) || a && v.page && (Y(v.page, n, f, a), w.current = $(a));
-  }, [{}]), !p && !(m != null && m.page))
-    return /* @__PURE__ */ e(L, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(X, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ e(pe, { href: "/", children: l("common.back") }) }) });
-  const h = K(n);
-  return v.page ? /* @__PURE__ */ e(
-    A,
-    {
-      mode: t,
-      components: h,
-      page: v.page,
-      locale: f,
-      defaultLocale: c
-    }
-  ) : null;
-}
-function A({
-  mode: t,
-  components: n,
-  page: s,
-  locale: a,
-  defaultLocale: l,
-  headerAddons: o
-}) {
-  var E, _, k, u, r, C, I, T, M;
-  const d = be(), i = ((E = s.locales) == null ? void 0 : E[a]) ?? ((_ = s.locales) == null ? void 0 : _[l]) ?? {}, c = i.title || ((k = window.blocklet) == null ? void 0 : k.appName), g = i.description || ((u = window.blocklet) == null ? void 0 : u.appDescription), p = me(de(i.image), 540), { logo: m, brand: f, description: v, ...w } = he(), h = R(
-    () => (P) => {
-      var x;
-      let b = (o == null ? void 0 : o(P)) ?? P;
-      return b = ((x = w.addons) == null ? void 0 : x.call(w, b)) ?? b, b;
-    },
-    [w.addons, o]
-  ), y = (r = i.header) != null && r.translucent ? et : ue;
-  return /* @__PURE__ */ N(Le, { page: s, defaultLocale: l, currentLocale: a, children: [
-    /* @__PURE__ */ e(
-      Z,
-      {
-        styles: ee`
-          body {
-            background-color: ${d(
-          !i.backgroundColor || i.backgroundColor === "transparent" ? "background.default" : i.backgroundColor
-        )} !important;
-          }
-        `
-      }
-    ),
-    /* @__PURE__ */ e(
-      y,
-      {
-        hideNavMenu: !!((C = i.header) != null && C.hideNavMenus),
-        translucentTextColor: (I = i.header) == null ? void 0 : I.translucentTextColor,
-        ...m ? { logo: m } : {},
-        ...f ? { brand: f } : {},
-        ...v ? { description: v } : {},
-        className: J(((T = i.header) == null ? void 0 : T.sticky) && "sticky", "page-header"),
-        maxWidth: !1,
-        addons: h
-      }
-    ),
-    /* @__PURE__ */ e(Be, {}),
-    /* @__PURE__ */ N(Ee, { children: [
-      /* @__PURE__ */ e("title", { children: c }),
-      /* @__PURE__ */ e("meta", { name: "og:title", content: c }),
-      /* @__PURE__ */ e("meta", { name: "og:description", content: g }),
-      /* @__PURE__ */ e("meta", { name: "og:image", content: p }),
-      /* @__PURE__ */ e("meta", { name: "twitter:image:src", content: p }),
-      /* @__PURE__ */ e("meta", { name: "twitter:image", content: p }),
-      /* @__PURE__ */ e("meta", { property: "twitter:description", content: g }),
-      /* @__PURE__ */ e("meta", { property: "twitter:title", content: c }),
-      /* @__PURE__ */ e("meta", { name: "description", content: g })
-    ] }),
-    /* @__PURE__ */ e(
-      xe,
-      {
-        flexGrow: 1,
-        className: "PageView-root",
-        sx: {
-          // 第一个 .BlockBase-root 的 pt 为 0
-          "& .BlockBase-root:first-child": {
-            pt: "0 !important"
-          }
-        },
-        children: s.sectionIds.map((P) => {
-          var B, O;
-          const b = s.sections[P];
-          if (!b || b.visibility === "hidden") return null;
-          const x = (B = b.locales) == null ? void 0 : B[a], D = ((O = b.locales) == null ? void 0 : O[l]) ?? {};
-          return /* @__PURE__ */ e(
-            _e,
-            {
-              id: P,
-              type: b.component,
-              mode: t,
-              section: b,
-              config: {
-                ...Ie(x) ? D : x,
-                locale: a,
-                dev: t === "draft" ? {
-                  mode: t,
-                  components: n,
-                  defaultLocale: l
-                } : { mode: t }
-              }
-            },
-            P
-          );
-        })
-      }
-    ),
-    !((M = i.footer) != null && M.hidden) && /* @__PURE__ */ e(Ve, {})
-  ] });
-}
-const Je = ae(() => import("./publish-button-BJSEYd0m.js")), ue = te(ve)`
-  &.sticky {
-    position: sticky;
-    top: 0;
-  }
-`;
-function Ze({ logo: t }) {
-  const [n, s] = Re(), a = ke((o) => o.breakpoints.down("sm")), { value: l } = le(() => {
-    var i, c;
-    const o = new URL(
-      a ? ((i = window == null ? void 0 : window.blocklet) == null ? void 0 : i.appLogo) || "/.well-known/service/blocklet/logo" : ((c = window == null ? void 0 : window.blocklet) == null ? void 0 : c.appLogoRect) || "/.well-known/service/blocklet/logo-rect",
-      window.location.origin
-    );
-    o.searchParams.delete("imageFilter"), o.searchParams.delete("f");
-    const d = o.toString();
-    return new Promise((g) => {
-      fetch(d).then((p) => {
-        const m = p.headers.get("content-type");
-        m != null && m.includes("svg") && p.text().then((f) => {
-          s(f), g(null);
-        }), g(p.url);
-      });
-    });
-  }, [a]);
-  if (t)
-    return t;
-  if (n)
-    return /* @__PURE__ */ e(L, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Ce.sanitize(n) } });
-  if (l) {
-    const o = new URL(l);
-    o.searchParams.set("imageFilter", "convert"), o.searchParams.set("f", "png"), o.searchParams.set("h", "80");
-    const d = o.toString();
-    return /* @__PURE__ */ e("img", { src: d, alt: "logo" });
-  }
-  return null;
-}
-function et({
-  logo: t,
-  translucentTextColor: n,
-  ...s
-}) {
-  const { top: a = 0 } = Se(() => document.getElementById("app")) || {}, l = oe();
-  let o = Math.min(a / 800, 1), d = "";
-  return o > 0.1 ? (o = Math.max(o, 0.6), d = G(l.palette.text.primary, o)) : d = n || "#EEEEEE", /* @__PURE__ */ e(
-    ue,
-    {
-      logo: /* @__PURE__ */ e(Ze, { logo: t }),
-      ...s,
-      className: J(o <= 0.7 && "reverse-color"),
-      style: {
-        backgroundColor: G(l.palette.background.default, o),
-        // @ts-ignore
-        "--logo-invert": o <= 0.7 ? 1 - o / 6 : 1 - o
-      },
-      sx: {
-        backdropFilter: o >= 0.6 ? "blur(10px)" : "blur(0px)",
-        transition: "all 0.3s ease",
-        position: "fixed !important",
-        left: 0,
-        top: 0,
-        right: 0,
-        bgcolor: "transparent",
-        "&.reverse-color": {
-          ".navmenu-root>.navmenu-sub>span,\n          .navmenu-root>.navmenu-item,\n          .header-addons>button,\n          .header-addons>a,\n          .header-addons>div>button": {
-            color: `${d} !important`
-          }
-        },
-        "& .navmenu--horizontal": {
-          bgcolor: "transparent !important"
-        },
-        ".header-logo > div": {
-          filter: "invert(var(--logo-invert))"
-        },
-        ".header-logo": {
-          color: d
-        }
-      }
-    }
-  );
-}
-const pe = te(Pe)``;
-export {
-  Et as H,
-  ze as L,
-  H as P,
-  et as T,
-  Qe as a,
-  q as b,
-  Tt as c,
-  A as d
-};