@blocklet/pages-kit-inner-components 0.4.127 → 0.4.128

package/lib/cjs/chunks/home-B6yRf7rx.js

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

package/lib/cjs/chunks/{publish-button-gJaGa548.js → publish-button-BcyFHcAL.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("./state-5jwYHuoB.js"),q=require("@arcblock/ux/lib/Locale/context"),W=require("@arcblock/ux/lib/Toast"),A=require("@mui/icons-material"),M=require("@mui/lab"),t=require("@mui/material"),R=require("immer"),_=require("lodash/difference"),c=require("react"),N=require("react-use"),F=require("./home-on-Gjgnl.js"),O=require("./array-3OBY1z8c.js"),z=s=>s&&s.__esModule?s:{default:s},I=z(W),D=z(_);function H(s){const[g,p]=c.useState(!1);return e.jsx(M.LoadingButton,{...s,loading:s.loading||g,onClick:a=>{var x;const m=(x=s.onClick)==null?void 0:x.call(s,a);m instanceof Promise&&(p(!0),m.finally(()=>{p(!1)}))}})}const J=t.createSvgIcon(e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M7.75732 16.2426L16.2426 7.75736",stroke:"#4B5563",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M16.2426 16.2426L7.75732 7.75735",stroke:"#4B5563",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),"Close");function V(){const[s,g]=c.useState(),p=c.useMemo(()=>s?e.jsx(t.Dialog,{...s}):null,[s]),a=c.useCallback(()=>{g(void 0)},[]),m=c.useCallback(({title:x,content:d,cancelText:L="Cancel",okText:f="Ok",onOk:h,onClose:j,okIcon:B,okColor:n="primary",cancelColor:r="primary",DialogContentProps:k,form:P,...b})=>{g({...b,open:!0,children:e.jsxs("form",{onSubmit:v=>v.preventDefault(),children:[x&&e.jsxs(t.DialogTitle,{className:"between",zIndex:"appBar",bgcolor:"background.paper",sx:{borderBottom:"1px solid #E5E7EB"},children:[e.jsx(t.Box,{children:x}),e.jsx(t.IconButton,{size:"small",onClick:async()=>{a(),j==null||j()},children:e.jsx(J,{})})]}),d&&e.jsx(t.DialogContent,{...k,sx:{mt:-3,...k==null?void 0:k.sx},children:e.jsx(t.Box,{pt:3,children:d})}),e.jsxs(t.DialogActions,{children:[e.jsx(t.Button,{variant:"outlined",color:r||"primary",onClick:j??a,children:L}),e.jsx(H,{variant:"contained",color:n||"primary",startIcon:B,loadingPosition:B?"start":"center",onClick:async()=>{await(h==null?void 0:h()),a()},type:"submit",children:f})]})]}),onClose:j??a})},[a]);return{dialog:p,showDialog:m,closeDialog:a}}const K=c.forwardRef(({mode:s,state:g},p)=>{const{t:a}=q.useLocaleContext(),[m,x]=c.useState(!1),{dialog:d,showDialog:L}=V(),f=C.useProjectId(),h=c.useCallback(B=>{let n=[];L({title:a("maker.publishToProduction"),content:e.jsxs(t.Box,{sx:{minWidth:300},children:[e.jsx(t.Alert,{color:"warning",icon:e.jsx(A.Warning,{}),children:a("maker.publishToProductionTip")}),e.jsx(t.Box,{maxHeight:"50vh",overflow:"auto",mt:2,children:e.jsx(U,{state:g,toMode:s,onChange:r=>n=r,defaultRouteIds:B})})]}),okText:a("maker.publish"),cancelText:a("common.cancel"),onOk:async()=>{if((n==null?void 0:n.length)===0){const r=a("maker.publishSelectPagesMessage");throw I.default.error(r),new Error(r)}localStorage.setItem(C.getProjectPageVersionKey(f??""),String(new Date().getTime())),x(!0);try{await O.publishPages({mode:s,routes:n}),I.default.success(a("maker.publishSuccessMessage"))}catch(r){throw I.default.error(r.message),r}finally{x(!1)}}})},[s,g,a,f,L]);c.useImperativeHandle(p,()=>({openPublishDialog:h}));const j=c.useCallback(()=>{h()},[h]);return e.jsxs(e.Fragment,{children:[e.jsx(M.LoadingButton,{color:"primary",variant:"contained",size:"small",sx:{mr:1},onClick:j,loading:m,disabled:m,children:a("maker.publishToProduction")}),d]})});function U({state:s,toMode:g,onChange:p,defaultRouteIds:a}){const{t:m,locale:x}=q.useLocaleContext(),[d,L]=c.useState(!1),[f,h]=c.useState(()=>a?Object.fromEntries(a.map(i=>[i,!0])):{}),{loading:j,error:B,value:n}=N.useAsync(()=>O.getPages({mode:g}),[g]);if(B)throw B;const r=c.useMemo(()=>s.routeIds||[],[s]),k=c.useMemo(()=>(n==null?void 0:n.pageIds)||[],[n]),P=c.useMemo(()=>!r||!s.routes?[]:JSON.parse(JSON.stringify(r)).sort((u,y)=>{var w,T;const o=(w=s.routes)==null?void 0:w[u],l=(T=s.routes)==null?void 0:T[y];return o!=null&&o.publishedAt&&new Date(o.publishedAt).getTime()<new Date(o.updatedAt).getTime()?-1:l!=null&&l.publishedAt&&new Date(l.publishedAt).getTime()<new Date(l.updatedAt).getTime()?1:new Date((o==null?void 0:o.updatedAt)??"").getTime()-new Date((l==null?void 0:l.updatedAt)??"").getTime()}),[s,r]),b=c.useMemo(()=>!n||!k||!r?[]:D.default(k,r),[r,n,k]),v=c.useMemo(()=>r?[...r].concat(b):b,[r,b]),S=c.useCallback(i=>{h(u=>{const y=R.produce(u,o=>{d?(Object.assign(o,Object.fromEntries(v.map(l=>[l,!0]))),delete o[i]):o[i]?(delete o[i],b.includes(i)&&(r||[]).filter(l=>{var w,T;return((w=s.pages[l])==null?void 0:w.slug)===((T=n==null?void 0:n.pages[i])==null?void 0:T.slug)}).forEach(l=>{delete o[l]})):(o[i]=!0,r&&r.includes(i)&&b.filter(l=>{var w,T;return((w=n==null?void 0:n.pages[l])==null?void 0:w.slug)===((T=s.pages[i])==null?void 0:T.slug)}).forEach(l=>{o[l]=!0}))});return L(D.default(v,Object.keys(y)).length===0),y})},[d,v,b,s,n,r]),E=c.useCallback(()=>{L(i=>(i&&h({}),!i))},[]);return c.useEffect(()=>{p(d?null:Object.keys(f))},[d,f,p]),j?e.jsx(F.Loading,{sx:{my:4}}):e.jsxs(t.List,{disablePadding:!0,sx:{maxWidth:500},children:[e.jsx(t.ListItem,{sx:{position:"sticky",top:0,bgcolor:"background.paper",zIndex:1},disablePadding:!0,children:e.jsxs(t.ListItemButton,{onClick:E,dense:!0,children:[e.jsx(t.ListItemIcon,{children:e.jsx(t.Checkbox,{edge:"start",checked:d,tabIndex:-1})}),e.jsx(t.ListItemText,{primary:m("common.all")})]})}),P.map(i=>{var l;const u=(l=s.routes)==null?void 0:l[i];if(!u)return null;const y=!1,o=!u.publishedAt||u.updatedAt&&new Date(u.updatedAt).getTime()>new Date(u.publishedAt).getTime();return e.jsx(t.ListItem,{disablePadding:!0,secondaryAction:e.jsxs(e.Fragment,{children:[o&&e.jsx(t.Tooltip,{title:m("maker.pages.needPublish"),children:e.jsx(A.Sync,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),!u.isPublic&&e.jsx(t.Tooltip,{title:m("maker.pages.notPublic"),children:e.jsx(A.VisibilityOff,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),y]}),children:e.jsxs(t.ListItemButton,{onClick:()=>S(i),dense:!0,children:[e.jsx(t.ListItemIcon,{children:e.jsx(t.Checkbox,{edge:"start",checked:d||!!f[i],tabIndex:-1})}),e.jsx(t.ListItemText,{primary:u.path,primaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"},secondaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"}})]})},i)}),b.map(i=>{var y,o;const u=n==null?void 0:n.pages[i];return u?e.jsx(t.ListItem,{disablePadding:!0,secondaryAction:e.jsx(t.Chip,{color:"warning",label:"deleted",size:"small"}),children:e.jsxs(t.ListItemButton,{onClick:()=>S(i),dense:!0,children:[e.jsx(t.ListItemIcon,{children:e.jsx(t.Checkbox,{edge:"start",checked:d||!!f[i],tabIndex:-1})}),e.jsx(t.ListItemText,{primary:u.slug,secondary:(o=(y=u.locales)==null?void 0:y[x])==null?void 0:o.title,primaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"},secondaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"}})]})},i):null})]})}exports.default=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("./state-5jwYHuoB.js"),q=require("@arcblock/ux/lib/Locale/context"),W=require("@arcblock/ux/lib/Toast"),A=require("@mui/icons-material"),M=require("@mui/lab"),t=require("@mui/material"),R=require("immer"),_=require("lodash/difference"),c=require("react"),N=require("react-use"),F=require("./home-B6yRf7rx.js"),O=require("./array-3OBY1z8c.js"),z=s=>s&&s.__esModule?s:{default:s},I=z(W),D=z(_);function H(s){const[g,p]=c.useState(!1);return e.jsx(M.LoadingButton,{...s,loading:s.loading||g,onClick:a=>{var x;const m=(x=s.onClick)==null?void 0:x.call(s,a);m instanceof Promise&&(p(!0),m.finally(()=>{p(!1)}))}})}const J=t.createSvgIcon(e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M7.75732 16.2426L16.2426 7.75736",stroke:"#4B5563",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M16.2426 16.2426L7.75732 7.75735",stroke:"#4B5563",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),"Close");function V(){const[s,g]=c.useState(),p=c.useMemo(()=>s?e.jsx(t.Dialog,{...s}):null,[s]),a=c.useCallback(()=>{g(void 0)},[]),m=c.useCallback(({title:x,content:d,cancelText:L="Cancel",okText:f="Ok",onOk:h,onClose:j,okIcon:B,okColor:n="primary",cancelColor:r="primary",DialogContentProps:k,form:P,...b})=>{g({...b,open:!0,children:e.jsxs("form",{onSubmit:v=>v.preventDefault(),children:[x&&e.jsxs(t.DialogTitle,{className:"between",zIndex:"appBar",bgcolor:"background.paper",sx:{borderBottom:"1px solid #E5E7EB"},children:[e.jsx(t.Box,{children:x}),e.jsx(t.IconButton,{size:"small",onClick:async()=>{a(),j==null||j()},children:e.jsx(J,{})})]}),d&&e.jsx(t.DialogContent,{...k,sx:{mt:-3,...k==null?void 0:k.sx},children:e.jsx(t.Box,{pt:3,children:d})}),e.jsxs(t.DialogActions,{children:[e.jsx(t.Button,{variant:"outlined",color:r||"primary",onClick:j??a,children:L}),e.jsx(H,{variant:"contained",color:n||"primary",startIcon:B,loadingPosition:B?"start":"center",onClick:async()=>{await(h==null?void 0:h()),a()},type:"submit",children:f})]})]}),onClose:j??a})},[a]);return{dialog:p,showDialog:m,closeDialog:a}}const K=c.forwardRef(({mode:s,state:g},p)=>{const{t:a}=q.useLocaleContext(),[m,x]=c.useState(!1),{dialog:d,showDialog:L}=V(),f=C.useProjectId(),h=c.useCallback(B=>{let n=[];L({title:a("maker.publishToProduction"),content:e.jsxs(t.Box,{sx:{minWidth:300},children:[e.jsx(t.Alert,{color:"warning",icon:e.jsx(A.Warning,{}),children:a("maker.publishToProductionTip")}),e.jsx(t.Box,{maxHeight:"50vh",overflow:"auto",mt:2,children:e.jsx(U,{state:g,toMode:s,onChange:r=>n=r,defaultRouteIds:B})})]}),okText:a("maker.publish"),cancelText:a("common.cancel"),onOk:async()=>{if((n==null?void 0:n.length)===0){const r=a("maker.publishSelectPagesMessage");throw I.default.error(r),new Error(r)}localStorage.setItem(C.getProjectPageVersionKey(f??""),String(new Date().getTime())),x(!0);try{await O.publishPages({mode:s,routes:n}),I.default.success(a("maker.publishSuccessMessage"))}catch(r){throw I.default.error(r.message),r}finally{x(!1)}}})},[s,g,a,f,L]);c.useImperativeHandle(p,()=>({openPublishDialog:h}));const j=c.useCallback(()=>{h()},[h]);return e.jsxs(e.Fragment,{children:[e.jsx(M.LoadingButton,{color:"primary",variant:"contained",size:"small",sx:{mr:1},onClick:j,loading:m,disabled:m,children:a("maker.publishToProduction")}),d]})});function U({state:s,toMode:g,onChange:p,defaultRouteIds:a}){const{t:m,locale:x}=q.useLocaleContext(),[d,L]=c.useState(!1),[f,h]=c.useState(()=>a?Object.fromEntries(a.map(i=>[i,!0])):{}),{loading:j,error:B,value:n}=N.useAsync(()=>O.getPages({mode:g}),[g]);if(B)throw B;const r=c.useMemo(()=>s.routeIds||[],[s]),k=c.useMemo(()=>(n==null?void 0:n.pageIds)||[],[n]),P=c.useMemo(()=>!r||!s.routes?[]:JSON.parse(JSON.stringify(r)).sort((u,y)=>{var w,T;const o=(w=s.routes)==null?void 0:w[u],l=(T=s.routes)==null?void 0:T[y];return o!=null&&o.publishedAt&&new Date(o.publishedAt).getTime()<new Date(o.updatedAt).getTime()?-1:l!=null&&l.publishedAt&&new Date(l.publishedAt).getTime()<new Date(l.updatedAt).getTime()?1:new Date((o==null?void 0:o.updatedAt)??"").getTime()-new Date((l==null?void 0:l.updatedAt)??"").getTime()}),[s,r]),b=c.useMemo(()=>!n||!k||!r?[]:D.default(k,r),[r,n,k]),v=c.useMemo(()=>r?[...r].concat(b):b,[r,b]),S=c.useCallback(i=>{h(u=>{const y=R.produce(u,o=>{d?(Object.assign(o,Object.fromEntries(v.map(l=>[l,!0]))),delete o[i]):o[i]?(delete o[i],b.includes(i)&&(r||[]).filter(l=>{var w,T;return((w=s.pages[l])==null?void 0:w.slug)===((T=n==null?void 0:n.pages[i])==null?void 0:T.slug)}).forEach(l=>{delete o[l]})):(o[i]=!0,r&&r.includes(i)&&b.filter(l=>{var w,T;return((w=n==null?void 0:n.pages[l])==null?void 0:w.slug)===((T=s.pages[i])==null?void 0:T.slug)}).forEach(l=>{o[l]=!0}))});return L(D.default(v,Object.keys(y)).length===0),y})},[d,v,b,s,n,r]),E=c.useCallback(()=>{L(i=>(i&&h({}),!i))},[]);return c.useEffect(()=>{p(d?null:Object.keys(f))},[d,f,p]),j?e.jsx(F.Loading,{sx:{my:4}}):e.jsxs(t.List,{disablePadding:!0,sx:{maxWidth:500},children:[e.jsx(t.ListItem,{sx:{position:"sticky",top:0,bgcolor:"background.paper",zIndex:1},disablePadding:!0,children:e.jsxs(t.ListItemButton,{onClick:E,dense:!0,children:[e.jsx(t.ListItemIcon,{children:e.jsx(t.Checkbox,{edge:"start",checked:d,tabIndex:-1})}),e.jsx(t.ListItemText,{primary:m("common.all")})]})}),P.map(i=>{var l;const u=(l=s.routes)==null?void 0:l[i];if(!u)return null;const y=!1,o=!u.publishedAt||u.updatedAt&&new Date(u.updatedAt).getTime()>new Date(u.publishedAt).getTime();return e.jsx(t.ListItem,{disablePadding:!0,secondaryAction:e.jsxs(e.Fragment,{children:[o&&e.jsx(t.Tooltip,{title:m("maker.pages.needPublish"),children:e.jsx(A.Sync,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),!u.isPublic&&e.jsx(t.Tooltip,{title:m("maker.pages.notPublic"),children:e.jsx(A.VisibilityOff,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),y]}),children:e.jsxs(t.ListItemButton,{onClick:()=>S(i),dense:!0,children:[e.jsx(t.ListItemIcon,{children:e.jsx(t.Checkbox,{edge:"start",checked:d||!!f[i],tabIndex:-1})}),e.jsx(t.ListItemText,{primary:u.path,primaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"},secondaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"}})]})},i)}),b.map(i=>{var y,o;const u=n==null?void 0:n.pages[i];return u?e.jsx(t.ListItem,{disablePadding:!0,secondaryAction:e.jsx(t.Chip,{color:"warning",label:"deleted",size:"small"}),children:e.jsxs(t.ListItemButton,{onClick:()=>S(i),dense:!0,children:[e.jsx(t.ListItemIcon,{children:e.jsx(t.Checkbox,{edge:"start",checked:d||!!f[i],tabIndex:-1})}),e.jsx(t.ListItemText,{primary:u.slug,secondary:(o=(y=u.locales)==null?void 0:y[x])==null?void 0:o.title,primaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"},secondaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"}})]})},i):null})]})}exports.default=K;

package/lib/cjs/home.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");require("./chunks/state-5jwYHuoB.js");require("@arcblock/ux/lib/Locale/context");require("@arcblock/ux/lib/Result");require("@blocklet/pages-kit/builtin/page/header");require("@blocklet/pages-kit/contexts/color");require("@blocklet/pages-kit/utils/data-source");require("@blocklet/ui-react/lib/Header");require("@emotion/css");require("@emotion/react");require("@emotion/styled");require("@mui/material");require("ahooks");require("isomorphic-dompurify");require("lodash/cloneDeep");require("lodash/isEmpty");require("lodash/isEqual");require("react");require("react-helmet");require("react-router-dom");require("react-use");require("ufo");require("./chunks/array-3OBY1z8c.js");const e=require("./chunks/home-on-Gjgnl.js");exports.HomeView=e.HomeView;exports.PageRoutes=e.PageRoutes;exports.PageView=e.PageView;exports.PageViewByPath=e.PageViewByPath;exports.PageViewWithDataSource=e.PageViewWithDataSource;exports.TranslucentHeader=e.TranslucentHeader;exports.default=e.Home;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");require("./chunks/state-5jwYHuoB.js");require("@arcblock/ux/lib/Locale/context");require("@arcblock/ux/lib/Result");require("@blocklet/pages-kit/builtin/page/header");require("@blocklet/pages-kit/contexts/color");require("@blocklet/pages-kit/utils/data-source");require("@blocklet/ui-react/lib/Header");require("@emotion/css");require("@emotion/react");require("@emotion/styled");require("@mui/material");require("ahooks");require("isomorphic-dompurify");require("lodash/cloneDeep");require("lodash/isEmpty");require("lodash/isEqual");require("react");require("react-helmet");require("react-router-dom");require("react-use");require("ufo");require("./chunks/array-3OBY1z8c.js");const e=require("./chunks/home-B6yRf7rx.js");exports.HomeView=e.HomeView;exports.PageRoutes=e.PageRoutes;exports.PageView=e.PageView;exports.PageViewByPath=e.PageViewByPath;exports.PageViewWithDataSource=e.PageViewWithDataSource;exports.TranslucentHeader=e.TranslucentHeader;exports.default=e.Home;

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

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

package/lib/es/chunks/{publish-button-C-ra2NsA.js → publish-button-CAJErJjj.js}

@@ -9,7 +9,7 @@ import { produce as oe } from "immer";
 import N from "lodash/difference";
 import { useState as D, useMemo as L, useCallback as P, forwardRef as se, useImperativeHandle as le, useEffect as ae } from "react";
 import { useAsync as ce } from "react-use";
-import { L as de } from "./home-D5UawjLT.js";
+import { L as de } from "./home-Crb2pbrM.js";
 import { p as ue, g as me } from "./array-CWudJ_mc.js";
 function pe(r) {
   const [m, h] = D(!1);

package/lib/es/home.js

@@ -21,7 +21,7 @@ import "react-router-dom";
 import "react-use";
 import "ufo";
 import "./chunks/array-CWudJ_mc.js";
-import { a as B, P as D, d as R, c as S, b as W, T as j, H as k } from "./chunks/home-D5UawjLT.js";
+import { a as B, P as D, d as R, c as S, b as W, T as j, H as k } from "./chunks/home-Crb2pbrM.js";
 export {
   B as HomeView,
   D as PageRoutes,

package/lib/es/theme.js

@@ -21,6 +21,7 @@ function F(t = {}, s = v) {
   return s(
     c(t, {
       palette: {
+        // @ts-ignore
         _did: h(l.did.primary),
         black: h(l.grey[900])
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit-inner-components",
-  "version": "0.4.127",
+  "version": "0.4.128",
   "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-block-studio": "^0.4.127",
-    "@blocklet/pages-kit": "^0.4.127"
+    "@blocklet/pages-kit": "^0.4.128",
+    "@blocklet/pages-kit-block-studio": "^0.4.128"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",

package/lib/cjs/chunks/home-on-Gjgnl.js

@@ -1,38 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),_=require("./state-5jwYHuoB.js"),F=require("@arcblock/ux/lib/Locale/context"),ce=require("@arcblock/ux/lib/Result"),le=require("@blocklet/pages-kit/builtin/page/header"),ue=require("@blocklet/pages-kit/contexts/color"),K=require("@blocklet/pages-kit/utils/data-source"),de=require("@blocklet/ui-react/lib/Header"),Q=require("@emotion/css"),L=require("@emotion/react"),fe=require("@emotion/styled"),S=require("@mui/material"),V=require("ahooks"),ge=require("isomorphic-dompurify"),pe=require("lodash/cloneDeep"),me=require("lodash/isEmpty"),he=require("lodash/isEqual"),p=require("react"),xe=require("react-helmet"),w=require("react-router-dom"),X=require("react-use"),D=require("ufo"),q=require("./array-3OBY1z8c.js"),$=require("@arcblock/ux/lib/Theme"),je=require("@blocklet/ui-react/lib/Footer"),be=require("webfontloader"),ye=require("@arcblock/did-connect/lib/Session"),P=e=>e&&e.__esModule?e:{default:e},Y=P(ce),ve=P(de),Z=P(fe),we=P(ge),O=P(pe),Se=P(me),ee=P(he),Pe=P(je),ke=P(be),Re=$.styled(Pe.default,{shouldForwardProp:e=>!!e})`
-  & > div > .MuiContainer-root {
-    max-width: unset;
-  }
-`;function _e({meta:e,...n}){const o=$.useTheme();return t.jsx(Re,{...n,meta:e,theme:o||{}})}function te(e){return t.jsx(S.Box,{display:"flex",flex:1,height:"100%",alignItems:"center",justifyContent:"center",...e,children:t.jsx(S.CircularProgress,{size:30})})}function qe(e){return t.jsx(Ce,{...e})}const Ce=$.styled(S.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;
-`,Me=e=>new Promise((n,o)=>{(e==null?void 0:e.length)>0?ke.default.load({google:{families:e},fontactive:()=>{n("success")},fontinactive:()=>{o(new Error("load font fail"))}}):n("success")}),U=`Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`,J={};function Ee({titleFontFamily:e,descriptionFontFamily:n}){var s;const o=S.useTheme(),r=(s=o==null?void 0:o.typography)==null?void 0:s.fontFamily,a=async l=>{if(l&&!document.querySelectorAll(`link[href*="${l}" i]`).length)try{J[l]||(await Me([l]),J[l]=!0)}catch(i){console.error(i)}};return p.useEffect(()=>{e&&a(e),n&&a(n)},[e,n]),t.jsx(L.Global,{styles:L.css`
-        #app {
-          font-family: ${JSON.stringify(r)}, ${U};
-
-          .page-kit-section__title {
-            font-family: ${JSON.stringify(e??r)}, ${U};
-          }
-
-          .page-kit-section__description {
-            font-family: ${JSON.stringify(n??r)}, ${U};
-          }
-        }
-      `})}const{SessionProvider:Ue,SessionContext:Be,SessionConsumer:Ve,withSession:$e}=ye.createAuthServiceSessionContext();function z(){return p.useContext(Be)}function Ie(...e){var o;const{session:n}=z();return e.includes((o=n.user)==null?void 0:o.role)}function Te(...e){var r;const{session:n}=z(),o=Ie(...e);return((r=window.blocklet)==null?void 0:r.tenantMode)==="multiple"?!!n.user:o}function De(){const[e]=w.useSearchParams(),{session:n}=z(),o=Te("owner","admin","pagesEditor","member"),r=p.useMemo(()=>{const s=e.get("mode");return q.STATE_MODES.includes(s)?s:"production"},[e]),a=r==="production"?r:n.user?o?r:"production":null;return a?t.jsx(ne,{mode:a}):null}function ne({mode:e}){if(e!=="draft"){const n=window.__PAGE_STATE__;return n?t.jsx(A,{mode:e,state:n}):t.jsx(Ne,{mode:e,children:({state:o})=>t.jsx(A,{mode:e,state:o})})}return t.jsx(He,{children:({state:n})=>t.jsx(A,{mode:e,state:n})})}const He=p.lazy(()=>Promise.resolve().then(()=>require("./draft-data-C4FzOyR5.js")));function Ne({mode:e,children:n}){const o=document.querySelector('meta[property="pages:version"]'),r=o==null?void 0:o.content,a=_.useProjectId(),s=p.useMemo(()=>{if(r==="{{pagesPublishedAt}}"){const c=localStorage.getItem(_.getProjectPageVersionKey(a??""));return Number(c)?Number(c):new Date().getTime()}return Number(r)},[r]),{loading:l,value:i}=X.useAsync(()=>q.getPages({mode:e,version:s}),[e,s]);return l?t.jsx(te,{}):i?n({state:i}):null}function A({mode:e,state:n}){const{t:o,locale:r}=F.useLocaleContext(),[a]=w.useSearchParams(),s=a.get("hiddenBadge")==="true",l=a.get("showPublish")==="true",{pageIds:i,pages:c,routeIds:m,routes:g,supportedLocales:d,config:{defaultLocale:x},resources:j}=n,b=_.getAllComponents(n),y=p.useMemo(()=>d!=null&&d.some(f=>f.locale===r)?r:void 0,[r,d]),h=Object.values(c).find(f=>(f==null?void 0:f.slug)==="/")?void 0:Object.values(c)[0],N=p.useMemo(()=>i.map(f=>{const u=c[f];return u&&{id:u.id,path:D.joinURL("/",y||"",u.slug,e!=="production"?`?mode=${e}`:"")}}).filter(q.nonNullable),[i,c,y,e]),k=([...f])=>(e!=="production"&&l&&f.unshift(t.jsx(p.Suspense,{fallback:t.jsx("div",{}),children:t.jsx(Le,{mode:"production",state:n})})),f);return t.jsxs(q.Provider,{value:{pages:N},children:[t.jsxs(w.Routes,{children:[h&&t.jsx(w.Route,{index:!0,element:t.jsx(w.Navigate,{to:D.joinURL("/",y||"",h.slug)})}),m==null?void 0:m.map(f=>{var M,E,B,I;const u=g==null?void 0:g[f];if(!u||!u.displayTemplateId)return null;const C=c[u.displayTemplateId];return C?t.jsx(w.Route,{path:D.joinURL(":projectIdOrSlug?",u.path),element:t.jsx(oe,{mode:e,components:b,page:C,locale:y,defaultLocale:x,headerAddons:k,state:n,pageData:(I=(B=(E=(M=u.dataSource)==null?void 0:M.pathDataMappings)==null?void 0:E[u.id])==null?void 0:B.dataCache)==null?void 0:I[y||x||"en"]})},u.id):null}),i.map(f=>{const u=c[f];return u?t.jsx(w.Route,{path:D.joinURL(":projectIdOrSlug?",u.slug),element:t.jsx(H,{mode:e,components:b,page:u,locale:y,defaultLocale:x,headerAddons:k})},u.id):null}),j.pages&&Object.values(j.pages).map(({blockletId:f,page:u})=>t.jsx(w.Route,{path:D.joinURL("/",`@${f}`,u.slug),element:t.jsx(H,{mode:e,components:b,page:u,locale:y,defaultLocale:x,headerAddons:k})},u.id)),t.jsx(w.Route,{path:"*",element:t.jsx(S.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:t.jsx(Y.default,{status:404,extra:t.jsx(ae,{href:"/",children:o("common.back")})})})})]}),e!=="production"&&!s&&t.jsx(qe,{sx:{bgcolor:"info.light"},children:e}),t.jsx(Ee,{})]})}function oe({mode:e,pageData:n,components:o,page:r,locale:a,defaultLocale:s,headerAddons:l,state:i}){const c=V.useReactive({page:null});p.useEffect(()=>{const g=r||null;g?c.page=O.default(g):c.page=null},[r,c]);const m=p.useRef();return p.useEffect(()=>{ee.default(n,m.current)||n&&c.page&&(K.setPageDataSource(c.page,i,a,n),m.current=O.default(n))},[c.page,n,a,i]),c.page?t.jsx(H,{mode:e,components:o,page:c.page,locale:a,defaultLocale:s,headerAddons:l}):null}function Ae({mode:e,state:n,path:o,pageData:r}){const{t:a,locale:s}=F.useLocaleContext(),{pages:l,supportedLocales:i,config:{defaultLocale:c},resources:m}=n,g=Object.values(l).find(h=>(h==null?void 0:h.slug)===o),d=Object.values(m.pages||{}).find(h=>h.page.slug===o),x=p.useMemo(()=>i!=null&&i.some(h=>h.locale===s)?s:void 0,[s,i]),j=V.useReactive({page:null});p.useEffect(()=>{const h=g||(d==null?void 0:d.page)||null;h?j.page=O.default(h):j.page=null},[g,d]);const b=p.useRef();if(p.useEffect(()=>{ee.default(r,b.current)||r&&j.page&&(K.setPageDataSource(j.page,n,x,r),b.current=O.default(r))},[{}]),!g&&!(d!=null&&d.page))return t.jsx(S.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:t.jsx(Y.default,{style:{background:"inherit"},status:404,extra:t.jsx(ae,{href:"/",children:a("common.back")})})});const y=_.getAllComponents(n);return j.page?t.jsx(H,{mode:e,components:y,page:j.page,locale:x,defaultLocale:c}):null}function H({mode:e,components:n,page:o,locale:r,defaultLocale:a,headerAddons:s}){var N,k,f,u,C,M,E,B,I;const l=ue.useColorConvert(),i=((N=o.locales)==null?void 0:N[r])??((k=o.locales)==null?void 0:k[a])??{},c=i.title||((f=window.blocklet)==null?void 0:f.appName),m=i.description||((u=window.blocklet)==null?void 0:u.appDescription),g=_.autoResizeImage(_.getImageAbsoluteUrl(i.image),540),{logo:d,brand:x,description:j,...b}=le.useHeaderState(),y=p.useMemo(()=>R=>{var T;let v=(s==null?void 0:s(R))??R;return v=((T=b.addons)==null?void 0:T.call(b,v))??v,v},[b.addons,s]),h=(C=i.header)!=null&&C.translucent?re:se;return t.jsxs(q.PageProvider,{page:o,defaultLocale:a,currentLocale:r,children:[t.jsx(L.Global,{styles:L.css`
-          body {
-            background-color: ${l(!i.backgroundColor||i.backgroundColor==="transparent"?"background.default":i.backgroundColor)} !important;
-          }
-        `}),t.jsx(h,{hideNavMenu:!!((M=i.header)!=null&&M.hideNavMenus),translucentTextColor:(E=i.header)==null?void 0:E.translucentTextColor,...d?{logo:d}:{},...x?{brand:x}:{},...j?{description:j}:{},className:Q.cx(((B=i.header)==null?void 0:B.sticky)&&"sticky","page-header"),maxWidth:!1,addons:y}),t.jsx(w.ScrollRestoration,{}),t.jsxs(xe.Helmet,{children:[t.jsx("title",{children:c}),t.jsx("meta",{name:"og:title",content:c}),t.jsx("meta",{name:"og:description",content:m}),t.jsx("meta",{name:"og:image",content:g}),t.jsx("meta",{name:"twitter:image:src",content:g}),t.jsx("meta",{name:"twitter:image",content:g}),t.jsx("meta",{property:"twitter:description",content:m}),t.jsx("meta",{property:"twitter:title",content:c}),t.jsx("meta",{name:"description",content:m})]}),t.jsx(S.Stack,{flexGrow:1,className:"PageView-root",sx:{"& .BlockBase-root:first-child":{pt:"0 !important"}},children:o.sectionIds.map(R=>{var W,G;const v=o.sections[R];if(!v||v.visibility==="hidden")return null;const T=(W=v.locales)==null?void 0:W[r],ie=((G=v.locales)==null?void 0:G[a])??{};return t.jsx(q.BlockRenderer,{id:R,type:v.component,mode:e,section:v,config:{...Se.default(T)?ie:T,locale:r,dev:e==="draft"?{mode:e,components:n,defaultLocale:a}:{mode:e}}},R)})}),!((I=i.footer)!=null&&I.hidden)&&t.jsx(_e,{})]})}const Le=p.lazy(()=>Promise.resolve().then(()=>require("./publish-button-gJaGa548.js"))),se=Z.default(ve.default)`
-  &.sticky {
-    position: sticky;
-    top: 0;
-  }
-`;function Oe({logo:e}){const[n,o]=p.useState(),r=S.useMediaQuery(s=>s.breakpoints.down("sm")),{value:a}=X.useAsync(()=>{var i,c;const s=new URL(r?((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);s.searchParams.delete("imageFilter"),s.searchParams.delete("f");const l=s.toString();return new Promise(m=>{fetch(l).then(g=>{const d=g.headers.get("content-type");d!=null&&d.includes("svg")&&g.text().then(x=>{o(x),m(null)}),m(g.url)})})},[r]);if(e)return e;if(n)return t.jsx(S.Box,{sx:{filter:"initial !important"},dangerouslySetInnerHTML:{__html:we.default.sanitize(n)}});if(a){const s=new URL(a);s.searchParams.set("imageFilter","convert"),s.searchParams.set("f","png"),s.searchParams.set("h","80");const l=s.toString();return t.jsx("img",{src:l,alt:"logo"})}return null}function re({logo:e,translucentTextColor:n,...o}){const{top:r=0}=V.useScroll(()=>document.getElementById("app"))||{};let a=Math.min(r/800,1),s="";if(a>.1){a=Math.max(a,.6);const l=Math.round(255*Math.min(1-a,.2));s=`rgb(${l}, ${l}, ${l})`}else s=n||"#EEEEEE";return t.jsx(se,{logo:t.jsx(Oe,{logo:e}),...o,className:Q.cx(a<=.7&&"reverse-color"),style:{backgroundColor:`rgba(255,255,255,${a})`,"--logo-invert":a<=.7?1-a/6:1-a},sx:{backdropFilter:a>=.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:`${s} !important`}},".header-logo > div":{filter:"invert(var(--logo-invert))"},".header-logo":{color:s}}})}const ae=Z.default(S.Button)``;exports.Home=De;exports.HomeView=ne;exports.Loading=te;exports.PageRoutes=A;exports.PageView=H;exports.PageViewByPath=Ae;exports.PageViewWithDataSource=oe;exports.TranslucentHeader=re;

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

@@ -1,507 +0,0 @@
-import { jsx as t, jsxs as O } from "react/jsx-runtime";
-import { d as G, e as ce, g as le, u as ue, c as me } from "./state-DNndJ33Y.js";
-import { useLocaleContext as W } from "@arcblock/ux/lib/Locale/context";
-import q from "@arcblock/ux/lib/Result";
-import { useHeaderState as pe } from "@blocklet/pages-kit/builtin/page/header";
-import { useColorConvert as de } from "@blocklet/pages-kit/contexts/color";
-import { setPageDataSource as J } from "@blocklet/pages-kit/utils/data-source";
-import ge from "@blocklet/ui-react/lib/Header";
-import { cx as K } from "@emotion/css";
-import { Global as Q, css as X } from "@emotion/react";
-import Y from "@emotion/styled";
-import { Box as B, CircularProgress as fe, useTheme as he, Button as be, Stack as ye, useMediaQuery as ve } from "@mui/material";
-import { useReactive as Z, useScroll as we } from "ahooks";
-import Se from "isomorphic-dompurify";
-import _ from "lodash/cloneDeep";
-import ke from "lodash/isEmpty";
-import F from "lodash/isEqual";
-import { useEffect as $, useContext as Pe, lazy as ee, useMemo as P, useRef as te, Suspense as xe, useState as Ce } from "react";
-import { Helmet as Re } from "react-helmet";
-import { useSearchParams as oe, Routes as Ee, Route as T, Navigate as Me, ScrollRestoration as Ie } from "react-router-dom";
-import { useAsync as ne } from "react-use";
-import { joinURL as j } from "ufo";
-import { S as Te, n as je, P as $e, a as Be, B as Ne, g as Oe } from "./array-CWudJ_mc.js";
-import { styled as re, useTheme as _e } from "@arcblock/ux/lib/Theme";
-import Ae from "@blocklet/ui-react/lib/Footer";
-import He from "webfontloader";
-import { createAuthServiceSessionContext as De } from "@arcblock/did-connect/lib/Session";
-const Le = re(Ae, { shouldForwardProp: (e) => !!e })`
-  & > div > .MuiContainer-root {
-    max-width: unset;
-  }
-`;
-function Ue({ meta: e, ...o }) {
-  const n = _e();
-  return /* @__PURE__ */ t(Le, { ...o, meta: e, theme: n || {} });
-}
-function Ve(e) {
-  return /* @__PURE__ */ t(B, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...e, children: /* @__PURE__ */ t(fe, { size: 30 }) });
-}
-function ze(e) {
-  return /* @__PURE__ */ t(Ge, { ...e });
-}
-const Ge = re(B)`
-  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;
-`, We = (e) => new Promise((o, n) => {
-  (e == null ? void 0 : e.length) > 0 ? He.load({
-    google: {
-      families: e
-    },
-    fontactive: () => {
-      o("success");
-    },
-    fontinactive: () => {
-      n(new Error("load font fail"));
-    }
-  }) : o("success");
-}), H = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`, z = {};
-function qe({
-  titleFontFamily: e,
-  descriptionFontFamily: o
-}) {
-  var r;
-  const n = he(), s = (r = n == null ? void 0 : n.typography) == null ? void 0 : r.fontFamily, i = async (l) => {
-    if (l && !document.querySelectorAll(`link[href*="${l}" i]`).length)
-      try {
-        z[l] || (await We([l]), z[l] = !0);
-      } catch (a) {
-        console.error(a);
-      }
-  };
-  return $(() => {
-    e && i(e), o && i(o);
-  }, [e, o]), /* @__PURE__ */ t(
-    Q,
-    {
-      styles: X`
-        #app {
-          font-family: ${JSON.stringify(s)}, ${H};
-
-          .page-kit-section__title {
-            font-family: ${JSON.stringify(e ?? s)}, ${H};
-          }
-
-          .page-kit-section__description {
-            font-family: ${JSON.stringify(o ?? s)}, ${H};
-          }
-        }
-      `
-    }
-  );
-}
-const { SessionProvider: Tt, SessionContext: Je, SessionConsumer: jt, withSession: $t } = De();
-function L() {
-  return Pe(Je);
-}
-function Ke(...e) {
-  var n;
-  const { session: o } = L();
-  return e.includes((n = o.user) == null ? void 0 : n.role);
-}
-function Qe(...e) {
-  var s;
-  const { session: o } = L(), n = Ke(...e);
-  return ((s = window.blocklet) == null ? void 0 : s.tenantMode) === "multiple" ? !!o.user : n;
-}
-function Bt() {
-  const [e] = oe(), { session: o } = L(), n = Qe("owner", "admin", "pagesEditor", "member"), s = P(() => {
-    const r = e.get("mode");
-    return Te.includes(r) ? r : "production";
-  }, [e]), i = s === "production" ? s : o.user ? n ? s : "production" : null;
-  return i ? /* @__PURE__ */ t(Xe, { mode: i }) : null;
-}
-function Xe({ mode: e }) {
-  if (e !== "draft") {
-    const o = window.__PAGE_STATE__;
-    return o ? /* @__PURE__ */ t(D, { mode: e, state: o }) : /* @__PURE__ */ t(Ze, { mode: e, children: ({ state: n }) => /* @__PURE__ */ t(D, { mode: e, state: n }) });
-  }
-  return /* @__PURE__ */ t(Ye, { children: ({ state: o }) => /* @__PURE__ */ t(D, { mode: e, state: o }) });
-}
-const Ye = ee(() => import("./draft-data-DoNjnkxB.js"));
-function Ze({
-  mode: e,
-  children: o
-}) {
-  const n = document.querySelector('meta[property="pages:version"]'), s = n == null ? void 0 : n.content, i = ue(), r = P(() => {
-    if (s === "{{pagesPublishedAt}}") {
-      const c = localStorage.getItem(me(i ?? ""));
-      return Number(c) ? Number(c) : (/* @__PURE__ */ new Date()).getTime();
-    }
-    return Number(s);
-  }, [s]), { loading: l, value: a } = ne(() => Oe({ mode: e, version: r }), [e, r]);
-  return l ? /* @__PURE__ */ t(Ve, {}) : a ? o({ state: a }) : null;
-}
-function D({ mode: e, state: o }) {
-  const { t: n, locale: s } = W(), [i] = oe(), r = i.get("hiddenBadge") === "true", l = i.get("showPublish") === "true", {
-    pageIds: a,
-    pages: c,
-    routeIds: g,
-    routes: d,
-    supportedLocales: m,
-    config: { defaultLocale: h },
-    resources: b
-  } = o, y = G(o), v = P(
-    () => m != null && m.some((p) => p.locale === s) ? s : void 0,
-    [s, m]
-  ), f = Object.values(c).find((p) => (p == null ? void 0 : p.slug) === "/") ? void 0 : Object.values(c)[0], N = P(
-    () => a.map((p) => {
-      const u = c[p];
-      return u && {
-        id: u.id,
-        path: j("/", v || "", u.slug, e !== "production" ? `?mode=${e}` : "")
-      };
-    }).filter(je),
-    [a, c, v, e]
-  ), S = ([...p]) => (e !== "production" && l && p.unshift(
-    /* @__PURE__ */ t(xe, { fallback: /* @__PURE__ */ t("div", {}), children: /* @__PURE__ */ t(et, { mode: "production", state: o }) })
-  ), p);
-  return /* @__PURE__ */ O($e, { value: { pages: N }, children: [
-    /* @__PURE__ */ O(Ee, { children: [
-      f && /* @__PURE__ */ t(T, { index: !0, element: /* @__PURE__ */ t(Me, { to: j("/", v || "", f.slug) }) }),
-      g == null ? void 0 : g.map((p) => {
-        var C, R, E, M;
-        const u = d == null ? void 0 : d[p];
-        if (!u || !u.displayTemplateId) return null;
-        const x = c[u.displayTemplateId];
-        return x ? /* @__PURE__ */ t(
-          T,
-          {
-            path: j(":projectIdOrSlug?", u.path),
-            element: /* @__PURE__ */ t(
-              Fe,
-              {
-                mode: e,
-                components: y,
-                page: x,
-                locale: v,
-                defaultLocale: h,
-                headerAddons: S,
-                state: o,
-                pageData: (M = (E = (R = (C = u.dataSource) == null ? void 0 : C.pathDataMappings) == null ? void 0 : R[u.id]) == null ? void 0 : E.dataCache) == null ? void 0 : M[v || h || "en"]
-              }
-            )
-          },
-          u.id
-        ) : null;
-      }),
-      a.map((p) => {
-        const u = c[p];
-        return u ? /* @__PURE__ */ t(
-          T,
-          {
-            path: j(":projectIdOrSlug?", u.slug),
-            element: /* @__PURE__ */ t(
-              A,
-              {
-                mode: e,
-                components: y,
-                page: u,
-                locale: v,
-                defaultLocale: h,
-                headerAddons: S
-              }
-            )
-          },
-          u.id
-        ) : null;
-      }),
-      b.pages && Object.values(b.pages).map(({ blockletId: p, page: u }) => /* @__PURE__ */ t(
-        T,
-        {
-          path: j("/", `@${p}`, u.slug),
-          element: /* @__PURE__ */ t(
-            A,
-            {
-              mode: e,
-              components: y,
-              page: u,
-              locale: v,
-              defaultLocale: h,
-              headerAddons: S
-            }
-          )
-        },
-        u.id
-      )),
-      /* @__PURE__ */ t(
-        T,
-        {
-          path: "*",
-          element: /* @__PURE__ */ t(B, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ t(q, { status: 404, extra: /* @__PURE__ */ t(ie, { href: "/", children: n("common.back") }) }) })
-        }
-      )
-    ] }),
-    e !== "production" && !r && /* @__PURE__ */ t(ze, { sx: { bgcolor: "info.light" }, children: e }),
-    /* @__PURE__ */ t(qe, {})
-  ] });
-}
-function Fe({
-  mode: e,
-  pageData: o,
-  components: n,
-  page: s,
-  locale: i,
-  defaultLocale: r,
-  headerAddons: l,
-  state: a
-}) {
-  const c = Z({
-    page: null
-  });
-  $(() => {
-    const d = s || null;
-    d ? c.page = _(d) : c.page = null;
-  }, [s, c]);
-  const g = te();
-  return $(() => {
-    F(o, g.current) || o && c.page && (J(c.page, a, i, o), g.current = _(o));
-  }, [c.page, o, i, a]), c.page ? /* @__PURE__ */ t(
-    A,
-    {
-      mode: e,
-      components: n,
-      page: c.page,
-      locale: i,
-      defaultLocale: r,
-      headerAddons: l
-    }
-  ) : null;
-}
-function Nt({
-  mode: e,
-  state: o,
-  path: n,
-  pageData: s
-}) {
-  const { t: i, locale: r } = W(), {
-    pages: l,
-    supportedLocales: a,
-    config: { defaultLocale: c },
-    resources: g
-  } = o, d = Object.values(l).find((f) => (f == null ? void 0 : f.slug) === n), m = Object.values(g.pages || {}).find((f) => f.page.slug === n), h = P(
-    () => a != null && a.some((f) => f.locale === r) ? r : void 0,
-    [r, a]
-  ), b = Z({
-    page: null
-  });
-  $(() => {
-    const f = d || (m == null ? void 0 : m.page) || null;
-    f ? b.page = _(f) : b.page = null;
-  }, [d, m]);
-  const y = te();
-  if ($(() => {
-    F(s, y.current) || s && b.page && (J(b.page, o, h, s), y.current = _(s));
-  }, [{}]), !d && !(m != null && m.page))
-    return /* @__PURE__ */ t(B, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ t(q, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ t(ie, { href: "/", children: i("common.back") }) }) });
-  const v = G(o);
-  return b.page ? /* @__PURE__ */ t(
-    A,
-    {
-      mode: e,
-      components: v,
-      page: b.page,
-      locale: h,
-      defaultLocale: c
-    }
-  ) : null;
-}
-function A({
-  mode: e,
-  components: o,
-  page: n,
-  locale: s,
-  defaultLocale: i,
-  headerAddons: r
-}) {
-  var N, S, p, u, x, C, R, E, M;
-  const l = de(), a = ((N = n.locales) == null ? void 0 : N[s]) ?? ((S = n.locales) == null ? void 0 : S[i]) ?? {}, c = a.title || ((p = window.blocklet) == null ? void 0 : p.appName), g = a.description || ((u = window.blocklet) == null ? void 0 : u.appDescription), d = ce(le(a.image), 540), { logo: m, brand: h, description: b, ...y } = pe(), v = P(
-    () => (k) => {
-      var I;
-      let w = (r == null ? void 0 : r(k)) ?? k;
-      return w = ((I = y.addons) == null ? void 0 : I.call(y, w)) ?? w, w;
-    },
-    [y.addons, r]
-  ), f = (x = a.header) != null && x.translucent ? ot : se;
-  return /* @__PURE__ */ O(Be, { page: n, defaultLocale: i, currentLocale: s, children: [
-    /* @__PURE__ */ t(
-      Q,
-      {
-        styles: X`
-          body {
-            background-color: ${l(
-          !a.backgroundColor || a.backgroundColor === "transparent" ? "background.default" : a.backgroundColor
-        )} !important;
-          }
-        `
-      }
-    ),
-    /* @__PURE__ */ t(
-      f,
-      {
-        hideNavMenu: !!((C = a.header) != null && C.hideNavMenus),
-        translucentTextColor: (R = a.header) == null ? void 0 : R.translucentTextColor,
-        ...m ? { logo: m } : {},
-        ...h ? { brand: h } : {},
-        ...b ? { description: b } : {},
-        className: K(((E = a.header) == null ? void 0 : E.sticky) && "sticky", "page-header"),
-        maxWidth: !1,
-        addons: v
-      }
-    ),
-    /* @__PURE__ */ t(Ie, {}),
-    /* @__PURE__ */ O(Re, { children: [
-      /* @__PURE__ */ t("title", { children: c }),
-      /* @__PURE__ */ t("meta", { name: "og:title", content: c }),
-      /* @__PURE__ */ t("meta", { name: "og:description", content: g }),
-      /* @__PURE__ */ t("meta", { name: "og:image", content: d }),
-      /* @__PURE__ */ t("meta", { name: "twitter:image:src", content: d }),
-      /* @__PURE__ */ t("meta", { name: "twitter:image", content: d }),
-      /* @__PURE__ */ t("meta", { property: "twitter:description", content: g }),
-      /* @__PURE__ */ t("meta", { property: "twitter:title", content: c }),
-      /* @__PURE__ */ t("meta", { name: "description", content: g })
-    ] }),
-    /* @__PURE__ */ t(
-      ye,
-      {
-        flexGrow: 1,
-        className: "PageView-root",
-        sx: {
-          // 第一个 .BlockBase-root 的 pt 为 0
-          "& .BlockBase-root:first-child": {
-            pt: "0 !important"
-          }
-        },
-        children: n.sectionIds.map((k) => {
-          var U, V;
-          const w = n.sections[k];
-          if (!w || w.visibility === "hidden") return null;
-          const I = (U = w.locales) == null ? void 0 : U[s], ae = ((V = w.locales) == null ? void 0 : V[i]) ?? {};
-          return /* @__PURE__ */ t(
-            Ne,
-            {
-              id: k,
-              type: w.component,
-              mode: e,
-              section: w,
-              config: {
-                ...ke(I) ? ae : I,
-                locale: s,
-                dev: e === "draft" ? {
-                  mode: e,
-                  components: o,
-                  defaultLocale: i
-                } : { mode: e }
-              }
-            },
-            k
-          );
-        })
-      }
-    ),
-    !((M = a.footer) != null && M.hidden) && /* @__PURE__ */ t(Ue, {})
-  ] });
-}
-const et = ee(() => import("./publish-button-C-ra2NsA.js")), se = Y(ge)`
-  &.sticky {
-    position: sticky;
-    top: 0;
-  }
-`;
-function tt({ logo: e }) {
-  const [o, n] = Ce(), s = ve((r) => r.breakpoints.down("sm")), { value: i } = ne(() => {
-    var a, c;
-    const r = new URL(
-      s ? ((a = window == null ? void 0 : window.blocklet) == null ? void 0 : a.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
-    );
-    r.searchParams.delete("imageFilter"), r.searchParams.delete("f");
-    const l = r.toString();
-    return new Promise((g) => {
-      fetch(l).then((d) => {
-        const m = d.headers.get("content-type");
-        m != null && m.includes("svg") && d.text().then((h) => {
-          n(h), g(null);
-        }), g(d.url);
-      });
-    });
-  }, [s]);
-  if (e)
-    return e;
-  if (o)
-    return /* @__PURE__ */ t(B, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Se.sanitize(o) } });
-  if (i) {
-    const r = new URL(i);
-    r.searchParams.set("imageFilter", "convert"), r.searchParams.set("f", "png"), r.searchParams.set("h", "80");
-    const l = r.toString();
-    return /* @__PURE__ */ t("img", { src: l, alt: "logo" });
-  }
-  return null;
-}
-function ot({
-  logo: e,
-  translucentTextColor: o,
-  ...n
-}) {
-  const { top: s = 0 } = we(() => document.getElementById("app")) || {};
-  let i = Math.min(s / 800, 1), r = "";
-  if (i > 0.1) {
-    i = Math.max(i, 0.6);
-    const l = Math.round(255 * Math.min(1 - i, 0.2));
-    r = `rgb(${l}, ${l}, ${l})`;
-  } else
-    r = o || "#EEEEEE";
-  return /* @__PURE__ */ t(
-    se,
-    {
-      logo: /* @__PURE__ */ t(tt, { logo: e }),
-      ...n,
-      className: K(i <= 0.7 && "reverse-color"),
-      style: {
-        backgroundColor: `rgba(255,255,255,${i})`,
-        // @ts-ignore
-        "--logo-invert": i <= 0.7 ? 1 - i / 6 : 1 - i
-      },
-      sx: {
-        backdropFilter: i >= 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: `${r} !important`
-          }
-        },
-        ".header-logo > div": {
-          filter: "invert(var(--logo-invert))"
-        },
-        ".header-logo": {
-          color: r
-        }
-      }
-    }
-  );
-}
-const ie = Y(be)``;
-export {
-  Bt as H,
-  Ve as L,
-  D as P,
-  ot as T,
-  Xe as a,
-  Fe as b,
-  Nt as c,
-  A as d
-};