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

package/lib/cjs/add-component.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),v=require("./chunks/state-tEydRMV8.js"),Y=require("@arcblock/ux/lib/Empty"),N=require("@arcblock/ux/lib/Locale/context"),O=require("@iconify-icon/react"),K=require("@mui/icons-material/Check"),e=require("@mui/material"),D=require("ahooks"),u=require("react"),S=require("./chunks/index-BIQBchDT.js"),m=require("@arcblock/ux/lib/Theme");require("@blocklet/pages-kit/builtin/color-picker");require("@blocklet/pages-kit/utils/style");require("@emotion/css");require("lodash/without");const p=require("@mui/material/colors");require("@blocklet/pages-kit/builtin/uploader");require("react-use");require("lodash/cloneDeep");require("@mui/icons-material");require("react-dnd");require("@mui/lab");require("immer");require("lodash/omit");require("react-router-dom");require("@arcblock/ux/lib/Button");require("is-uri");require("@arcblock/ux/lib/Toast");require("@mui/material/Tooltip");require("@mui/icons-material/KeyboardArrowLeft");const J=require("@mui/material/Box");require("@mui/material/DialogTitle");require("@mui/material/IconButton");require("@mui/material/Dialog");require("@mui/material/useMediaQuery");const Z=require("@emotion/react");require("@mui/material/Alert");require("@mui/material/AlertTitle");require("react-error-boundary");require("ufo");require("lodash/isEmpty");require("yaml");require("@mui/material/Typography");require("joi");const A=require("@blocklet/aigne-hub/api"),ee=require("@blocklet/js-sdk");require("@mui/x-date-pickers");require("@mui/x-date-pickers/AdapterDayjs");require("@mui/x-date-pickers/LocalizationProvider");require("circular-natal-horoscope-js/dist");const te=require("dayjs"),oe=require("dayjs/plugin/timezone"),re=require("dayjs/plugin/utc");require("fast-deep-equal");require("lodash/isNil");require("tz-lookup");require("@mui/icons-material/CheckCircleOutline");require("lodash/uniq");require("lodash/get");require("lodash/set");const G=require("@blocklet/pages-kit/utils/common"),ie=require("@blocklet/pages-kit/components"),_=o=>o&&o.__esModule?o:{default:o},$=_(Y),ne=_(K),se=_(J),W=_(te),ae=_(oe),le=_(re);p.red[300],p.pink[300],p.purple[300],p.indigo[300],p.blue[300],p.cyan[300],p.teal[300],p.green[300],p.lime[300],p.yellow[300],p.amber[300],p.orange[300],p.brown[300],p.grey[300],p.blueGrey[300];m.styled(e.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),v=require("./chunks/state-tEydRMV8.js"),Y=require("@arcblock/ux/lib/Empty"),N=require("@arcblock/ux/lib/Locale/context"),O=require("@iconify-icon/react"),K=require("@mui/icons-material/Check"),e=require("@mui/material"),D=require("ahooks"),u=require("react"),S=require("./chunks/index-B5nhwNMT.js"),m=require("@arcblock/ux/lib/Theme");require("@blocklet/pages-kit/builtin/color-picker");require("@blocklet/pages-kit/utils/style");require("@emotion/css");require("lodash/without");const p=require("@mui/material/colors");require("@blocklet/pages-kit/builtin/uploader");require("react-use");require("lodash/cloneDeep");require("@mui/icons-material");require("react-dnd");require("@mui/lab");require("immer");require("lodash/omit");require("react-router-dom");require("@arcblock/ux/lib/Button");require("is-uri");require("@arcblock/ux/lib/Toast");require("@mui/material/Tooltip");require("@mui/icons-material/KeyboardArrowLeft");const J=require("@mui/material/Box");require("@mui/material/DialogTitle");require("@mui/material/IconButton");require("@mui/material/Dialog");require("@mui/material/useMediaQuery");const Z=require("@emotion/react");require("@mui/material/Alert");require("@mui/material/AlertTitle");require("react-error-boundary");require("ufo");require("lodash/isEmpty");require("yaml");require("@mui/material/Typography");require("joi");const A=require("@blocklet/aigne-hub/api"),ee=require("@blocklet/js-sdk");require("@mui/x-date-pickers");require("@mui/x-date-pickers/AdapterDayjs");require("@mui/x-date-pickers/LocalizationProvider");require("circular-natal-horoscope-js/dist");const te=require("dayjs"),oe=require("dayjs/plugin/timezone"),re=require("dayjs/plugin/utc");require("fast-deep-equal");require("lodash/isNil");require("tz-lookup");require("@mui/icons-material/CheckCircleOutline");require("lodash/uniq");require("lodash/get");require("lodash/set");const G=require("@blocklet/pages-kit/utils/common"),ie=require("@blocklet/pages-kit/components"),_=o=>o&&o.__esModule?o:{default:o},$=_(Y),ne=_(K),se=_(J),W=_(te),ae=_(oe),le=_(re);p.red[300],p.pink[300],p.purple[300],p.indigo[300],p.blue[300],p.cyan[300],p.teal[300],p.green[300],p.lime[300],p.yellow[300],p.amber[300],p.orange[300],p.brown[300],p.grey[300],p.blueGrey[300];m.styled(e.Box)`
   .color-item {
     position: relative;
   }

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

@@ -0,0 +1,39 @@
+"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"),I=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"),P=require("react-router-dom"),W=require("react-use"),S=require("ufo"),_=require("./index-B5nhwNMT.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=I.styled(y.Box)`
+  display: contents;
+  & > div > div > .MuiContainer-root {
+    max-width: unset;
+  }
+`;function je({meta:t,...n}){const c=I.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=I.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;
+`,ve=`Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`;function Pe({titleFontFamily:t,descriptionFontFamily:n}){const r=y.useTheme()?.typography?.fontFamily;p.useEffect(()=>{},[t,n]);const i=`${r}, ${ve}`;return e.jsx(B.Global,{styles:B.css`
+        #app {
+          font-family: ${i};
+
+          .page-kit-section__title {
+            font-family: ${i};
+          }
+
+          .page-kit-section__description {
+            font-family: ${i};
+          }
+        }
+      `})}function V(t){return t!=null}function we(){const[t]=P.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]),i=r==="production"?r:n.user?c?r:"production":null;return i?e.jsx(Q,{mode:i}):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-1rzLInzU.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,i=k.useProjectId(),o=p.useMemo(()=>{if(r==="{{pagesPublishedAt}}"){const l=localStorage.getItem(k.getProjectPageVersionKey(i??""));return Number(l)?Number(l):new Date().getTime()}return Number(r)},[r]),{loading:m,value:a}=W.useAsync(()=>_.getPages({mode:t,version:o}),[t,o]);return m?e.jsx(J,{}):a?n({state:a}):null}function E({mode:t,state:n}){const{t:c,locale:r}=$.useLocaleContext(),[i]=P.useSearchParams(),o=k.useProjectId(),m=k.useProjectSlug(),a=i.get("hiddenBadge")==="true",l=i.get("showPublish")==="true",{pageIds:f,pages:u,routeIds:b,routes:d,supportedLocales:x,config:{defaultLocale:v},resources:C}=n,j=k.getAllComponents(n),h=p.useMemo(()=>x?.some(g=>g.locale===r)?r:void 0,[r,x]),q=Object.values(d||{}).find(g=>g?.path==="/")||Object.values(u).find(g=>g?.slug==="/")?void 0:Object.values(u)[0],O=p.useMemo(()=>t==="production"?f.map(g=>{const s=u[g];return s&&{id:s.id,path:S.joinURL("/",m||o||"",s.slug)}}).filter(V):b.map(g=>{const s=d[g];return s?{id:s.id,path:S.joinURL("/",m||o||"",s.path,`?mode=${t}&showPublish=true`)}:null}).filter(V),[f,u,t,d,b,o,m]),T=([...g])=>(t!=="production"&&l&&g.unshift(e.jsx(p.Suspense,{fallback:e.jsx("div",{}),children:e.jsx(ke,{ref:{current:null},mode:"production",state:n})})),g);return e.jsxs(_.Provider,{value:{pages:O},children:[e.jsxs(P.Routes,{children:[q&&e.jsx(P.Route,{index:!0,element:e.jsx(P.Navigate,{to:S.joinURL("/",h||"",q.slug)})}),b?.map(g=>{const s=d?.[g];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(P.Route,{path:S.joinURL(":projectIdOrSlug?",H.path),element:e.jsx(U,{mode:t,components:j,page:A,locale:h,defaultLocale:v,headerAddons:T,state:n,pageData:s.dataSource?.pathDataMappings?.[N]?.dataCache?.[h||v||"en"]})},N)})),D.push(e.jsx(P.Route,{path:S.joinURL(":projectIdOrSlug?",s.path),element:e.jsx(U,{mode:t,components:j,page:A,locale:h,defaultLocale:v,headerAddons:T,state:n,pageData:s.dataSource?.pathDataMappings?.[s.id]?.dataCache?.[h||v||"en"]})},s.id)),D}),f.map(g=>{const s=u[g];return s?e.jsx(P.Route,{path:S.joinURL(":projectIdOrSlug?",s.slug),element:e.jsx(M,{mode:t,components:j,page:s,locale:h,defaultLocale:v,headerAddons:T})},s.id):null}),C.pages&&Object.values(C.pages).map(({blockletId:g,page:s})=>e.jsx(P.Route,{path:S.joinURL("/",`@${g}`,s.slug),element:e.jsx(M,{mode:t,components:j,page:s,locale:h,defaultLocale:v,headerAddons:T})},s.id)),e.jsx(P.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"&&!a&&e.jsx(ye,{sx:{bgcolor:"info.light"},children:t}),e.jsx(Pe,{})]})}function U({mode:t,pageData:n,components:c,page:r,locale:i,defaultLocale:o,headerAddons:m,state:a}){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 f=p.useRef(void 0);return p.useEffect(()=>{Y.default(n,f.current)||n&&l.page&&(G.setPageDataSource(l.page,a,i,n),f.current=L.default(n))},[l.page,n,i,a]),l.page?e.jsx(M,{mode:t,components:c,page:l.page,locale:i,defaultLocale:o,headerAddons:m}):null}function Ce({mode:t,state:n,path:c,pageData:r}){const{t:i,locale:o}=$.useLocaleContext(),{pages:m,supportedLocales:a,config:{defaultLocale:l},resources:f}=n,u=Object.values(m).find(j=>j?.slug===c),b=Object.values(f.pages||{}).find(j=>j.page.slug===c),d=p.useMemo(()=>a?.some(j=>j.locale===o)?o:void 0,[o,a]),x=F.useReactive({page:null});p.useEffect(()=>{const j=u||b?.page||null;j?x.page=L.default(j):x.page=null},[u,b]);const v=p.useRef(void 0);if(p.useEffect(()=>{Y.default(r,v.current)||r&&x.page&&(G.setPageDataSource(x.page,n,d,r),v.current=L.default(r))},[{}]),!u&&!b?.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:i("common.back")})})});const C=k.getAllComponents(n);return x.page?e.jsx(M,{mode:t,components:C,page:x.page,locale:d,defaultLocale:l}):null}function M({mode:t,components:n,page:c,locale:r,defaultLocale:i,headerAddons:o}){const m=oe.useColorConvert(),a=c.locales?.[r]??c.locales?.[i]??{},l=a.title||window.blocklet?.appName,f=a.description||window.blocklet?.appDescription,u=k.autoResizeImage(k.getImageAbsoluteUrl(a.image),540),{logo:b,brand:d,description:x,...v}=ne.useHeaderState(),C=p.useMemo(()=>h=>{let w=o?.(h)??h;return w=v.addons?.(w)??w,w},[v.addons,o]),j=p.useMemo(()=>a.header?.translucent?Z:X,[a.header?.translucent]);return e.jsxs(_.PageProvider,{page:c,defaultLocale:i,currentLocale:r,children:[e.jsx(B.Global,{styles:B.css`
+          body {
+            background-color: ${m(!a.backgroundColor||a.backgroundColor==="transparent"?"background.default":a.backgroundColor)} !important;
+          }
+        `}),e.jsx(j,{hideNavMenu:!!a.header?.hideNavMenus,translucentTextColor:a.header?.translucentTextColor,...b?{logo:b}:{},...d?{brand:d}:{},...x?{description:x}:{},className:ae.cx(a.header?.sticky&&"sticky","page-header"),maxWidth:!1,addons:C}),e.jsx(P.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:f}),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:f}),e.jsx("meta",{property:"twitter:title",content:l}),e.jsx("meta",{name:"description",content:f})]}),e.jsx(y.Stack,{className:"PageView-root",sx:{flexGrow:1,"& .BlockBase-root:first-child":{pt:"0 !important"}},children:c.sectionIds.map(h=>{const w=c.sections[h];if(!w||w.visibility==="hidden")return null;const q=c.dataSource?.[h]?.[r],O=c.dataSource?.[h]?.[i]??{};return e.jsx(y.Box,{sx:{position:"relative"},children:e.jsx(_.BlockRenderer,{id:h,type:w.component,mode:t,section:w,config:{...he.default(q)?O:q,locale:r,dev:t==="draft"?{mode:t,components:n,defaultLocale:i}:{mode:t,defaultLocale:i}},page:c},h)},h)})}),!a.footer?.hidden&&e.jsx(je,{})]})}const X=I.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:i}=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 m=o.toString();return new Promise(a=>{fetch(m).then(l=>{l.headers.get("content-type")?.includes("svg")&&l.text().then(u=>{c(u),a(null)}),a(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(i){const o=new URL(i);o.searchParams.set("imageFilter","convert"),o.searchParams.set("f","png"),o.searchParams.set("h","80");const m=o.toString();return e.jsx("img",{src:m,alt:"logo"})}return null}function Z({logo:t,translucentTextColor:n,...c}){const i=F.useScroll(document.getElementById("app"),d=>d.top<1200),o=y.useTheme(),m=o.palette.mode==="dark",a=Math.min(i?.top??0,800),l=p.useMemo(()=>{let d=Math.min(a/800,1),x="";return d>.1?(d=Math.max(d,.6),x=y.alpha(o.palette.text.primary,d)):x=n||"#EEEEEE",{backgroundOpacity:d,textColor:x,isReversed:d<.7}},[a,800,o.palette.text.primary,n]),{backgroundOpacity:f,textColor:u,isReversed:b}=l;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,f),backdropFilter:f>=.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:`${u} !important`},".header-logo":{color:`${u} !important`},"& .navmenu--horizontal":{bgcolor:"transparent !important"},".header-logo > div":{filter:m?"unset":`invert(${b?1:0})`,transition:"filter 0.3s ease-in-out"}}})}const ee=I.styled(y.Button)``;exports.Home=we;exports.HomeView=Q;exports.Loading=J;exports.PageRoutes=E;exports.PageView=M;exports.PageViewByPath=Ce;exports.PageViewWithDataSource=U;exports.TranslucentHeader=Z;