@blocklet/pages-kit-inner-components 0.6.24 → 0.6.26

package/lib/es/chunks/{publish-button-CaPZ_kmc.js → publish-button-BvvRgazT.js}

@@ -10,8 +10,8 @@ import { produce as De } from "immer";
 import Z from "lodash/difference";
 import { useState as D, useMemo as C, useCallback as O, useImperativeHandle as Oe, useEffect as E, useRef as Ae } from "react";
 import { useAsync as je } from "react-use";
-import { L as ve } from "./home-8eDa8KD4.js";
-import { p as Ce, g as Re } from "./index-MrU6URFS.js";
+import { L as ve } from "./home-CP6-1N2p.js";
+import { p as Ce, g as Re } from "./index-CaKPHd8j.js";
 function ze(s) {
   const [u, g] = D(!1);
   return /* @__PURE__ */ t(

package/lib/es/chunks/{site-state-CqlS8v17.js → site-state-Bx2ZDYuu.js}

@@ -733,7 +733,7 @@ class O extends N.Doc {
               };
               I(g, C);
             }
-          for (const u of w.pageIds) {
+          for (const u of w.pageIds || []) {
             const i = w.pages[u];
             if (!i || e === "production" && !i.isPublic)
               continue;

package/lib/es/home.js

@@ -21,8 +21,8 @@ import "react-helmet";
 import "react-router-dom";
 import "react-use";
 import "ufo";
-import "./chunks/index-MrU6URFS.js";
-import { a as R, P as S, d as W, c as j, b as k, T as q, H as v } from "./chunks/home-8eDa8KD4.js";
+import "./chunks/index-CaKPHd8j.js";
+import { a as R, P as S, d as W, c as j, b as k, T as q, H as v } from "./chunks/home-CP6-1N2p.js";
 import "./chunks/session-C72Dq8zg.js";
 export {
   R as HomeView,

package/lib/es/locales.js

@@ -224,8 +224,8 @@ const t = e({
       dark: "Dark",
       reverse: "Reverse",
       background: "Background",
-      ignoreMaxWidth: "Ignore Page Global Style Limit",
-      ignoreMaxWidthHelper: "Ignore the page global style limit, such as maxWidth, horizontalPadding, etc.",
+      backgroundFullWidth: "Background Full Width",
+      backgroundFullWidthHelper: "The background will cover the entire page",
       badge: "Badge",
       buttons: "Buttons",
       button: "Button",
@@ -296,12 +296,15 @@ const t = e({
       paddingX: "Horizontal Padding",
       maxWidth: "Max Width",
       maxWidthCustomTip: "For example: 1200px, 80%, 50vw",
+      paddingCustomTip: "For example: 10px, 20px, 30px",
+      layoutBlockMaxWidthHelper: "Set the maximum width of the layout, this will make the layout not follow the maximum width setting in the page global style",
       customValue: "Custom Value",
       stickyHeader: "Sticky Header",
       translucent: "Translucent Mode",
       hideNavMenus: "Hide Navigation Menus",
       hideFooter: "Hide Footer",
       size: "Size",
+      height: "Height",
       autoWidth: "Auto Width",
       iframeHeight: "Content Height",
       translucentTextColor: "Translucent Text Color",
@@ -779,8 +782,8 @@ const t = e({
       dark: "暗黑",
       reverse: "反转",
       background: "背景",
-      ignoreMaxWidth: "突破页面公共样式限制",
-      ignoreMaxWidthHelper: "突破页面公共样式限制，如 最大宽度、水平内边距等",
+      backgroundFullWidth: "背景全宽",
+      backgroundFullWidthHelper: "背景将覆盖整个页面",
       badge: "标签",
       buttons: "按钮",
       button: "按钮",
@@ -851,12 +854,15 @@ const t = e({
       paddingX: "左右内边距",
       maxWidth: "最大宽度",
       maxWidthCustomTip: "例如: 1200px, 80%, 50vw",
+      paddingCustomTip: "例如: 10px, 20px, 30px",
+      layoutBlockMaxWidthHelper: "设置布局的最大宽度，这将会布局将不会遵循页面公共样式中的最大宽度设置",
       customValue: "自定义值",
       stickyHeader: "固定导航栏",
       translucent: "沉浸式",
       hideNavMenus: "隐藏导航菜单",
       hideFooter: "隐藏页脚",
       size: "大小",
+      height: "高度",
       autoWidth: "宽度自适应",
       iframeHeight: "定义内容高度",
       translucentTextColor: "沉浸式文本颜色",

package/lib/es/resources.js

@@ -1,5 +1,5 @@
 import { i as A, a as M, l as b } from "./chunks/components-BWQM8y6L.js";
-import { P as w, C as J, R as X, S as x, t as W, g as G } from "./chunks/site-state-CqlS8v17.js";
+import { P as w, C as J, R as X, S as x, t as W, g as G } from "./chunks/site-state-Bx2ZDYuu.js";
 import { Router as K } from "express";
 import a from "fs";
 import m from "joi";

package/lib/es/site-state.js

@@ -1,5 +1,5 @@
 import "./chunks/components-BWQM8y6L.js";
-import { c as O, a as b, b as h, S as y, e as L, f as U, h as q, d as v, g as z, i as C, m as F, t as G, j as J, u as K } from "./chunks/site-state-CqlS8v17.js";
+import { c as O, a as b, b as h, S as y, e as L, f as U, h as q, d as v, g as z, i as C, m as F, t as G, j as J, u as K } from "./chunks/site-state-Bx2ZDYuu.js";
 import { nextId as Q } from "@blocklet/pages-kit/utils/common";
 import "@blocklet/pages-kit/utils/page-model";
 import "@blocklet/pages-kit/utils/property";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit-inner-components",
-  "version": "0.6.24",
+  "version": "0.6.26",
   "description": "Pages Kit inner components library",
   "publishConfig": {
     "access": "public"
@@ -71,20 +71,20 @@
   "dependencies": {
     "@arcblock/did-auth": "^1.21.0",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@arcblock/did-connect": "^3.0.36",
-    "@arcblock/react-hooks": "^3.0.36",
-    "@arcblock/ux": "^3.0.36",
-    "@blocklet/ai-runtime": "^0.4.276",
-    "@blocklet/aigne-hub": "^0.2.19",
-    "@blocklet/code-editor": "^0.4.276",
+    "@arcblock/did-connect": "^3.0.37",
+    "@arcblock/react-hooks": "^3.0.37",
+    "@arcblock/ux": "^3.0.37",
+    "@blocklet/ai-runtime": "^0.4.277",
+    "@blocklet/aigne-hub": "^0.2.24",
+    "@blocklet/code-editor": "^0.4.277",
     "@blocklet/embed": "^0.2.5",
     "@blocklet/js-sdk": "^1.16.46",
     "@blocklet/logger": "1.16.44",
-    "@blocklet/quickjs": "^0.4.276",
+    "@blocklet/quickjs": "^0.4.277",
     "@blocklet/sdk": "^1.16.46",
-    "@blocklet/studio-ui": "^0.4.276",
+    "@blocklet/studio-ui": "^0.4.277",
     "@blocklet/tracker": "^1.16.46",
-    "@blocklet/ui-react": "^3.0.36",
+    "@blocklet/ui-react": "^3.0.37",
     "@blocklet/uploader": "^0.2.4",
     "@blocklet/uploader-server": "^0.2.2",
     "@emotion/cache": "^11.14.0",
@@ -203,8 +203,8 @@
     "yaml": "^2.5.0",
     "yjs": "^13.6.18",
     "zustand": "^4.5.5",
-    "@blocklet/pages-kit": "^0.6.24",
-    "@blocklet/pages-kit-block-studio": "^0.6.24"
+    "@blocklet/pages-kit": "^0.6.26",
+    "@blocklet/pages-kit-block-studio": "^0.6.26"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",

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

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