@blocklet/pages-kit-inner-components 0.6.27 → 0.6.29

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-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)`
+"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-D5dbumB6.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-5seiIzIC.js → home-DHalB2t8.js}

@@ -1,4 +1,4 @@
-"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),me=R(se),ge=R(ie),L=R(ce),he=R(le),Y=R(ue),fe=R(pe),xe=I.styled(y.Box)`
+"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-D5dbumB6.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),me=R(se),ge=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;
@@ -27,7 +27,7 @@
             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-BEUtazuL.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:g,value:a}=W.useAsync(()=>_.getPages({mode:t,version:o}),[t,o]);return g?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(),g=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(m=>m.locale===r)?r:void 0,[r,x]),q=Object.values(d||{}).find(m=>m?.path==="/")||Object.values(u).find(m=>m?.slug==="/")?void 0:Object.values(u)[0],O=p.useMemo(()=>t==="production"?f.map(m=>{const s=u[m];return s&&{id:s.id,path:S.joinURL("/",g||o||"",s.slug)}}).filter(V):b.map(m=>{const s=d[m];return s?{id:s.id,path:S.joinURL("/",g||o||"",s.path,`?mode=${t}&showPublish=true`)}:null}).filter(V),[f,u,t,d,b,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(P.Routes,{children:[q&&e.jsx(P.Route,{index:!0,element:e.jsx(P.Navigate,{to:S.joinURL("/",h||"",q.slug)})}),b?.map(m=>{const s=d?.[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(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(m=>{const s=u[m];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:m,page:s})=>e.jsx(P.Route,{path:S.joinURL("/",`@${m}`,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:g,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:g}):null}function Ce({mode:t,state:n,path:c,pageData:r}){const{t:i,locale:o}=$.useLocaleContext(),{pages:g,supportedLocales:a,config:{defaultLocale:l},resources:f}=n,u=Object.values(g).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 g=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`
+      `})}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-B1tpen-s.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:g,value:a}=W.useAsync(()=>_.getPages({mode:t,version:o}),[t,o]);return g?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(),g=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(m=>m.locale===r)?r:void 0,[r,x]),q=Object.values(d||{}).find(m=>m?.path==="/")||Object.values(u).find(m=>m?.slug==="/")?void 0:Object.values(u)[0],O=p.useMemo(()=>t==="production"?f.map(m=>{const s=u[m];return s&&{id:s.id,path:S.joinURL("/",g||o||"",s.slug)}}).filter(V):b.map(m=>{const s=d[m];return s?{id:s.id,path:S.joinURL("/",g||o||"",s.path,`?mode=${t}&showPublish=true`)}:null}).filter(V),[f,u,t,d,b,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(P.Routes,{children:[q&&e.jsx(P.Route,{index:!0,element:e.jsx(P.Navigate,{to:S.joinURL("/",h||"",q.slug)})}),b?.map(m=>{const s=d?.[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(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(m=>{const s=u[m];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:m,page:s})=>e.jsx(P.Route,{path:S.joinURL("/",`@${m}`,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:g,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:g}):null}function Ce({mode:t,state:n,path:c,pageData:r}){const{t:i,locale:o}=$.useLocaleContext(),{pages:g,supportedLocales:a,config:{defaultLocale:l},resources:f}=n,u=Object.values(g).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 g=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: ${g(!a.backgroundColor||a.backgroundColor==="transparent"?"background.default":a.backgroundColor)} !important;
           }