@blocklet/pages-kit-inner-components 0.6.81 → 0.6.82

package/lib/cjs/add-component.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),k=require("./chunks/state-BdtFHk36.js"),X=require("@arcblock/ux/lib/Empty"),O=require("@arcblock/ux/lib/Locale/context"),A=require("@iconify-icon/react"),Y=require("@mui/icons-material/Check"),e=require("@mui/material"),N=require("ahooks"),f=require("react"),T=require("./chunks/index-CiYwdeK9.js"),h=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 m=require("@mui/material/colors");require("@blocklet/pages-kit/builtin/uploader");require("react-use");require("lodash/cloneDeep");require("@dnd-kit/core");require("@dnd-kit/sortable");require("@mui/icons-material");require("@dnd-kit/utilities");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 K=require("@mui/material/Box");require("@mui/material/DialogTitle");require("@mui/material/IconButton");require("@mui/material/Dialog");require("@mui/material/useMediaQuery");const J=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 E=require("@blocklet/aigne-hub/api"),Z=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 ee=require("dayjs"),te=require("dayjs/plugin/timezone"),oe=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 D=require("@blocklet/pages-kit/utils/common"),re=require("@blocklet/pages-kit/components"),R=t=>t&&t.__esModule?t:{default:t},G=R(X),ie=R(Y),ne=R(K),F=R(ee),se=R(te),ae=R(oe);m.red[300],m.pink[300],m.purple[300],m.indigo[300],m.blue[300],m.cyan[300],m.teal[300],m.green[300],m.lime[300],m.yellow[300],m.amber[300],m.orange[300],m.brown[300],m.grey[300],m.blueGrey[300];h.styled(e.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),k=require("./chunks/state-BdtFHk36.js"),X=require("@arcblock/ux/lib/Empty"),O=require("@arcblock/ux/lib/Locale/context"),A=require("@iconify-icon/react"),Y=require("@mui/icons-material/Check"),e=require("@mui/material"),N=require("ahooks"),f=require("react"),T=require("./chunks/index-B9DTecic.js"),h=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 m=require("@mui/material/colors");require("@blocklet/pages-kit/builtin/uploader");require("react-use");require("lodash/cloneDeep");require("@dnd-kit/core");require("@dnd-kit/sortable");require("@mui/icons-material");require("@dnd-kit/utilities");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 K=require("@mui/material/Box");require("@mui/material/DialogTitle");require("@mui/material/IconButton");require("@mui/material/Dialog");require("@mui/material/useMediaQuery");const J=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 E=require("@blocklet/aigne-hub/api"),Z=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 ee=require("dayjs"),te=require("dayjs/plugin/timezone"),oe=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 D=require("@blocklet/pages-kit/utils/common"),re=require("@blocklet/pages-kit/components"),R=t=>t&&t.__esModule?t:{default:t},G=R(X),ie=R(Y),ne=R(K),F=R(ee),se=R(te),ae=R(oe);m.red[300],m.pink[300],m.purple[300],m.indigo[300],m.blue[300],m.cyan[300],m.teal[300],m.green[300],m.lime[300],m.yellow[300],m.amber[300],m.orange[300],m.brown[300],m.grey[300],m.blueGrey[300];h.styled(e.Box)`
   .color-item {
     position: relative;
   }

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

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