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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- "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)`
1
+ "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-CQ-RsKbV.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)`
2
2
  .color-item {
3
3
  position: relative;
4
4
  }
@@ -1,4 +1,4 @@
1
- "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)`
1
+ "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-CQ-RsKbV.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)`
2
2
  display: contents;
3
3
  & > div > div > .MuiContainer-root {
4
4
  max-width: unset;
@@ -27,7 +27,7 @@
27
27
  font-family: ${r};
28
28
  }
29
29
  }
30
- `})}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`
30
+ `})}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-TNCCmLRN.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`
31
31
  body {
32
32
  background-color: ${p(!l.backgroundColor||l.backgroundColor==="transparent"?"background.default":l.backgroundColor)} !important;
33
33
  }
@@ -1,4 +1,4 @@
1
- "use strict";var At=Object.create;var je=Object.defineProperty;var dt=Object.getOwnPropertyDescriptor;var ut=Object.getOwnPropertyNames;var gt=Object.getPrototypeOf,xt=Object.prototype.hasOwnProperty;var mt=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of ut(t))!xt.call(e,i)&&i!==n&&je(e,i,{get:()=>t[i],enumerable:!(r=dt(t,i))||r.enumerable});return e};var pt=(e,t,n)=>(n=e!=null?At(gt(e)):{},mt(t||!e||!e.__esModule?je(n,"default",{value:e,enumerable:!0}):n,e));const o=require("react/jsx-runtime"),ht=require("@mui/icons-material"),u=require("@mui/material"),ft=require("lodash/isEmpty"),yt=require("lodash/pick"),g=require("react"),bt=require("lodash/keyBy"),W=require("ufo"),I=require("@arcblock/ux/lib/Theme"),k=require("@emotion/css"),vt=require("lodash/omit"),Ae=require("react-router-dom"),kt=require("@arcblock/ux/lib/Button"),Bt=require("is-uri"),Ue=require("@iconify-icon/react"),j=require("./state-BdtFHk36.js"),wt=require("@blocklet/pages-kit/builtin/markdown/markdown-renderer"),We=require("@blocklet/pages-kit/contexts/color"),Ct=require("react-syntax-highlighter/dist/esm/styles/prism"),jt=require("@arcblock/react-hooks/lib/useBrowser"),It=require("@arcblock/ux/lib/Colors"),Fe=require("@blocklet/pages-kit/components"),Ie=require("@blocklet/pages-kit/utils/style"),Et=require("@mui/material/useMediaQuery"),Z=require("pathe"),St=require("@blocklet/embed/message"),Rt=require("ahooks"),Dt=require("lodash/isEqual"),Qt=require("@blocklet/embed/react"),Mt=require("@arcblock/ux/lib/Locale/context"),Lt=require("@arcblock/ux/lib/Screenshot"),Pt=require("react-twitter-embed"),Ee=require("react-use"),R=e=>e&&e.__esModule?e:{default:e},Nt=R(ft),$=R(yt),zt=R(g),S=R(bt),Q=R(vt),Ut=R(kt),ae=R(Bt),Wt=R(wt),Ft=R(jt),Se=R(It),Te=R(Et),Tt=R(Dt),Ve=R(Lt),q="{{CUSTOM_VALUE}}",Vt=[{title:"None",value:"none",sx:{}},{title:"Small",value:"small",sx:{py:{xs:2.5,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{py:{xs:5,md:7.5,lg:10,xl:12.5}}},{title:"Large",value:"large",sx:{py:{xs:7.5,md:10,lg:12.5,xl:15}}}],Ht=[{title:"None",value:"none",sx:{}},{title:"Small",value:"small",sx:{py:{xs:2.5,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{py:{xs:5,md:7,lg:7,xl:9}}},{title:"Large",value:"large",sx:{py:{xs:6,md:9,lg:9,xl:11}}},{title:"Extra Large",value:"xl",sx:{py:{xs:8,md:12,lg:12,xl:16}}}],Gt=[{title:"None",value:"none",sx:{}},{title:"Small",value:"small",sx:{px:{xs:2,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{px:{xs:2.5,md:7.5,lg:10,xl:12.5}}},{title:"Large",value:"large",sx:{px:{xs:2.5,md:10,lg:12.5,xl:15}}},{title:"Extra Large",value:"xl",sx:{px:{xs:3,md:12.5,lg:15,xl:17.5}}}],_=(e,t,n)=>{const r=e.breakpoints.values[n];return`${t}${r?` (${r}px)`:""}`},Ot=[{title:"100%",value:"full",sx:{}},{title:"None",value:"none",sx:{maxWidth:"none"}},{title:e=>_(e,"Small","sm"),value:"sm",sx:{maxWidth:e=>e.breakpoints.values.sm,width:"100%",mx:"auto"}},{title:e=>_(e,"Normal","md"),value:"md",sx:{maxWidth:e=>e.breakpoints.values.md,width:"100%",mx:"auto"}},{title:e=>_(e,"Large","lg"),value:"lg",sx:{maxWidth:e=>e.breakpoints.values.lg,width:"100%",mx:"auto"}},{title:e=>_(e,"Extra Large","xl"),value:"xl",sx:{maxWidth:e=>e.breakpoints.values.xl,width:"100%",mx:"auto"}},{title:"Custom",value:"custom",sx:{maxWidth:q,width:"100%",mx:"auto"}}],Yt=[{title:"None",value:"none",sx:{gap:0}},{title:"Small",value:"small",sx:{gap:{xs:1,md:2,lg:2,xl:3}}},{title:"Normal",value:"normal",sx:{gap:{xs:2,md:3.5,lg:3.5,xl:5}}},{title:"Large",value:"large",sx:{gap:{xs:3,md:5,lg:5,xl:6.5}}}],de=e=>[{title:"None",value:"none",sx:{}},{title:"Small",value:"small",sx:{[e]:{xs:1,md:2,lg:2,xl:3}}},{title:"Normal",value:"normal",sx:{[e]:{xs:2.5,md:5,lg:5,xl:7.5}}},{title:"Large",value:"large",sx:{[e]:{xs:3,md:6,lg:6,xl:9}}},{title:"Extra Large",value:"xl",sx:{[e]:{xs:4,md:8,lg:8,xl:12}}},{title:"Custom",value:"custom",sx:{[e]:q}}],Jt=de("p"),qt=de("px"),Xt=de("py"),Kt=[{title:"Start",value:"start",sx:{alignContent:"start"}},{title:"Center",value:"center",sx:{alignContent:"center"}},{title:"End",value:"end",sx:{alignContent:"end"}},{title:"Space Between",value:"space-between",sx:{alignContent:"space-between"}},{title:"Space Around",value:"space-around",sx:{alignContent:"space-around"}},{title:"Space Evenly",value:"space-evenly",sx:{alignContent:"space-evenly"}}],Zt=[{title:"Start",value:"start",sx:{justifyContent:"start"}},{title:"Center",value:"center",sx:{justifyContent:"center"}},{title:"End",value:"end",sx:{justifyContent:"end"}},{title:"Space Between",value:"space-between",sx:{justifyContent:"space-between"}},{title:"Space Around",value:"space-around",sx:{justifyContent:"space-around"}},{title:"Space Evenly",value:"space-evenly",sx:{justifyContent:"space-evenly"}}],_t=[{title:"Left",value:"left",sx:{textAlign:"left"}},{title:"Center",value:"center",sx:{textAlign:"center"}},{title:"Right",value:"right",sx:{textAlign:"right"}},{title:"Justify",value:"justify",sx:{textAlign:"justify"}}],$t=[{title:"Solid",value:"solid",sx:{border:"1px solid",borderColor:"divider"},group:"borderFrame"},{title:"Dashed",value:"dashed",sx:{border:"1px dashed",borderColor:"divider"},group:"borderFrame"},{title:"Dotted",value:"dotted",sx:{border:"1px dotted",borderColor:"divider"},group:"borderFrame"},{title:"Custom",value:"custom",sx:{border:q},group:"borderFrame"}],He=[{value:"macbook",title:"MacBook",group:"deviceFrame"},{value:"phone",title:"Phone",group:"deviceFrame"}],eo=e=>He.some(t=>t.value===e),Ge=[{value:"chrome",title:"Chrome Browser",group:"browserFrame",sx:{}},{value:"safari",title:"Safari Browser",group:"browserFrame",sx:{}}],to=e=>Ge.some(t=>t.value===e),Oe=[{value:"terminal",title:"Terminal",group:"terminalFrame",sx:{}}],oo=e=>Oe.some(t=>t.value===e),no=[{value:"shadow-sm",title:"Shadow Low Elevation",group:"shadowFrame",sx:{boxShadow:e=>e.shadows[2]}},{value:"shadow-md",title:"Shadow Medium Elevation",group:"shadowFrame",sx:{boxShadow:e=>e.shadows[6]}},{value:"shadow-lg",title:"Shadow High Elevation",group:"shadowFrame",sx:{boxShadow:e=>e.shadows[12]}},{value:"shadow-xl",title:"Shadow Extra High Elevation",group:"shadowFrame",sx:{boxShadow:e=>e.shadows[16]}},{value:"shadow-max",title:"Shadow Max Elevation",group:"shadowFrame",sx:{boxShadow:e=>e.shadows[24]}}],ro=[{title:"None",value:"none",sx:{border:"none"},group:"commonFrame"},...$t,...Ge,...He,...Oe,...no],io=[{title:"None",value:"none",sx:{borderRadius:0}},{title:"Small",value:"small",sx:{borderRadius:1}},{title:"Medium",value:"medium",sx:{borderRadius:2}},{title:"Large",value:"large",sx:{borderRadius:3}},{title:"Extra Large",value:"xl",sx:{borderRadius:4}},{title:"Rounded",value:"rounded",sx:{borderRadius:"50%"}},{title:"Custom",value:"custom",sx:{borderRadius:q}}],so=[{title:"100%",value:"100%",sx:{height:"100%"}},{title:"Auto",value:"auto",sx:{height:"auto"}},{title:"Unset",value:"unset",sx:{height:"unset"}},{title:"Inherit",value:"inherit",sx:{height:"inherit"}},{title:"Initial",value:"initial",sx:{height:"initial"}},{title:"Fit Content",value:"fit-content",sx:{height:"fit-content"}},{title:"Max Content",value:"max-content",sx:{height:"max-content"}},{title:"Min Content",value:"min-content",sx:{height:"min-content"}}],ao=S.default(Vt,"value"),lo=S.default(Ht,"value"),co=S.default(Gt,"value"),Ao=S.default(Ot,"value"),uo=S.default(Yt,"value"),go=S.default(Jt,"value"),xo=S.default(qt,"value"),mo=S.default(Xt,"value"),po=S.default(Kt,"value"),ho=S.default(Zt,"value"),fo=S.default(_t,"value"),yo=S.default(ro,"value"),bo=S.default(io,"value"),vo=S.default(so,"value"),ko=new Map([["baseSectionPaddingY",ao],["maxWidth",Ao],["paddingY",lo],["paddingX",co],["layoutBlockGap",uo],["layoutBlockPadding",go],["layoutBlockPaddingX",xo],["layoutBlockPaddingY",mo],["layoutBlockAlignContent",po],["layoutBlockTextAlign",fo],["layoutBlockJustifyContent",ho],["layoutBlockBorder",yo],["layoutBlockBorderRadius",bo],["layoutBlockHeight",vo]]);function D(e){const{type:t,value:n,format:r="sx",defaultValue:i=null}=e,s=ko.get(t);if(!s||typeof n!="string"||!n)return i;const l=n.startsWith("custom:"),a=l?"custom":n;if(s?.[a]&&s?.[a]?.[r]){const c=s[a][r];if(l){const d=n.replace("custom:","");try{return JSON.parse(JSON.stringify(c||{}).replaceAll(q,d))}catch{}}return c}return i}const Bo=e=>e.trim().toLowerCase().replace(/\s+/g,"-").replace(/[^\w-]/g,"").replace(/-+/g,"-").replace(/^-|-$/g,""),wo=e=>{try{return new URL(e).origin!==window.location.origin}catch(t){return console.error(t),!1}},Co=(e,t,n)=>{if(!e||!wo(e))return e;try{const r=W.getQuery(e),i=Bo(t),s={utm_source:window.location.hostname,utm_medium:"body_link",utm_campaign:"default",utm_content:i,...n,...r};return W.withQuery(e,s)}catch(r){return console.error(r),e}},Ye=g.createContext({page:null,getPageMeta:()=>({}),getPageMetaStyle:()=>({})});function ue(){return g.useContext(Ye)}function jo({page:e,children:t,defaultLocale:n="en",currentLocale:r}){const i=g.useMemo(()=>e?JSON.parse(JSON.stringify(e)):null,[JSON.stringify(e)]),s=g.useCallback(()=>{if(!i)return{};const A=r||n;return i.locales?.[A]??i.locales?.[n]??{}},[i,n,r]),l=g.useCallback((A="sx")=>{const x=s();return!x||!x.style?{}:Object.entries(x.style||{}).reduce((m,[h,b])=>{if(!b)return m;const f=`${h}Custom`;x.style[f];const v=D({type:h,value:b,format:A});return v?{...m,...v}:m},{})},[s]),a=g.useMemo(()=>({page:i,getPageMeta:s,getPageMetaStyle:l}),[i,s,l]),c=g.useCallback(A=>{const x=A.querySelector("h1, h2, h3, h4, h5, h6");if(x?.textContent?.trim())return x.textContent.trim();const p=[".MuiTypography-h1",".MuiTypography-h2",".MuiTypography-h3",".MuiTypography-h4",".MuiTypography-h5",".MuiTypography-h6",'[class*="title"]','[class*="Title"]','[class*="heading"]','[class*="Heading"]','[role="heading"]',".MuiBox-root",".MuiTypography-root"];for(const h of p){const b=A.querySelector(h);if(b?.textContent?.trim())return b.textContent.trim()}return(A.textContent?.trim()||"").replace(/\s+/g," ")},[]),d=g.useCallback(A=>{const x=s(),p=A.target?.closest("a");if(!p||!p.href)return;const{href:m}=p,h=c(p);p.href=Co(m,h,{utm_campaign:x.utmCampaign||"default"})},[c,s]);return g.useEffect(()=>(document.addEventListener("click",d),()=>{document.removeEventListener("click",d)}),[d]),o.jsx(Ye.Provider,{value:a,children:t})}const Je=g.createContext(null);function Io({children:e}){const[t,n]=g.useState(-1),[r,i]=g.useState(new Set),s=g.useRef(new Set([0])),l=g.useRef(null);g.useEffect(()=>(l.current||(l.current=new IntersectionObserver(p=>{const m=new Map,h=new Set;p.forEach(b=>{const f=parseInt(b.target.getAttribute("data-render-index")||"-1",10);f>=0&&(m.set(f,b.isIntersecting),b.isIntersecting?(s.current.add(f),h.add(f)):h.delete(f))}),m.size>0&&i(h)},{rootMargin:"100px",threshold:.1})),()=>{l.current&&(l.current.disconnect(),l.current=null)}),[]);const a=g.useCallback((p,m,h)=>typeof m!="number"||!h?()=>{}:(l.current&&(h.setAttribute("data-render-index",m.toString()),l.current.observe(h)),()=>{l.current&&l.current.unobserve(h)}),[]),c=g.useCallback((p,m)=>typeof m!="number"?{}:{visibility:m<=t?"visible":"hidden"},[t]),d=g.useCallback((p,m)=>{if(typeof m!="number")return"";const h=m<=t;return`${p}-${m}-${h?"visible":"hidden"}`},[t]);g.useEffect(()=>{const h=Array.from(s.current).sort((b,f)=>b-f).find(b=>b>t);if(h!==void 0){const b=setTimeout(()=>{n(h)},50);return()=>clearTimeout(b)}return()=>{}},[t,r]);const A=g.useCallback(p=>typeof p!="number"?!0:p<=t,[t]),x=g.useMemo(()=>({getSectionSx:c,getSectionKey:d,observeSection:a,shouldRender:A}),[c,a,A,d]);return o.jsx(Je.Provider,{value:x,children:e})}const Eo=()=>g.useContext(Je),ee=["editing","height","locale","dev","sx"],So=g.forwardRef((e,t)=>{const{className:n,...r}=e;return o.jsx(Ro,{ref:t,...r,className:k.cx("BlockBase-root",n)})}),Ro=I.styled(u.Box)`
1
+ "use strict";var At=Object.create;var je=Object.defineProperty;var dt=Object.getOwnPropertyDescriptor;var ut=Object.getOwnPropertyNames;var gt=Object.getPrototypeOf,xt=Object.prototype.hasOwnProperty;var mt=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of ut(t))!xt.call(e,i)&&i!==n&&je(e,i,{get:()=>t[i],enumerable:!(r=dt(t,i))||r.enumerable});return e};var pt=(e,t,n)=>(n=e!=null?At(gt(e)):{},mt(t||!e||!e.__esModule?je(n,"default",{value:e,enumerable:!0}):n,e));const o=require("react/jsx-runtime"),ht=require("@mui/icons-material"),u=require("@mui/material"),ft=require("lodash/isEmpty"),yt=require("lodash/pick"),g=require("react"),bt=require("lodash/keyBy"),W=require("ufo"),I=require("@arcblock/ux/lib/Theme"),k=require("@emotion/css"),vt=require("lodash/omit"),Ae=require("react-router-dom"),kt=require("@arcblock/ux/lib/Button"),Bt=require("is-uri"),Ue=require("@iconify-icon/react"),j=require("./state-BdtFHk36.js"),wt=require("@blocklet/pages-kit/builtin/markdown/markdown-renderer"),We=require("@blocklet/pages-kit/contexts/color"),Ct=require("react-syntax-highlighter/dist/esm/styles/prism"),jt=require("@arcblock/react-hooks/lib/useBrowser"),It=require("@arcblock/ux/lib/Colors"),Fe=require("@blocklet/pages-kit/components"),Ie=require("@blocklet/pages-kit/utils/style"),Et=require("@mui/material/useMediaQuery"),Z=require("pathe"),St=require("@blocklet/embed/message"),Rt=require("ahooks"),Dt=require("lodash/isEqual"),Qt=require("@blocklet/embed/react"),Mt=require("@arcblock/ux/lib/Locale/context"),Lt=require("@arcblock/ux/lib/Screenshot"),Pt=require("react-twitter-embed"),Ee=require("react-use"),R=e=>e&&e.__esModule?e:{default:e},Nt=R(ft),$=R(yt),zt=R(g),S=R(bt),Q=R(vt),Ut=R(kt),ae=R(Bt),Wt=R(wt),Ft=R(jt),Se=R(It),Te=R(Et),Tt=R(Dt),Ve=R(Lt),q="{{CUSTOM_VALUE}}",Vt=[{title:"None",value:"none",sx:{}},{title:"Small",value:"small",sx:{py:{xs:2.5,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{py:{xs:5,md:7.5,lg:10,xl:12.5}}},{title:"Large",value:"large",sx:{py:{xs:7.5,md:10,lg:12.5,xl:15}}}],Ht=[{title:"None",value:"none",sx:{}},{title:"Small",value:"small",sx:{py:{xs:2.5,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{py:{xs:5,md:7,lg:7,xl:9}}},{title:"Large",value:"large",sx:{py:{xs:6,md:9,lg:9,xl:11}}},{title:"Extra Large",value:"xl",sx:{py:{xs:8,md:12,lg:12,xl:16}}}],Gt=[{title:"None",value:"none",sx:{}},{title:"Small",value:"small",sx:{px:{xs:2,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{px:{xs:2.5,md:7.5,lg:10,xl:12.5}}},{title:"Large",value:"large",sx:{px:{xs:2.5,md:10,lg:12.5,xl:15}}},{title:"Extra Large",value:"xl",sx:{px:{xs:3,md:12.5,lg:15,xl:17.5}}}],_=(e,t,n)=>{const r=e.breakpoints.values[n];return`${t}${r?` (${r}px)`:""}`},Ot=[{title:"100%",value:"full",sx:{}},{title:"None",value:"none",sx:{maxWidth:"none"}},{title:e=>_(e,"Small","sm"),value:"sm",sx:{maxWidth:e=>e.breakpoints.values.sm,width:"100%",mx:"auto"}},{title:e=>_(e,"Normal","md"),value:"md",sx:{maxWidth:e=>e.breakpoints.values.md,width:"100%",mx:"auto"}},{title:e=>_(e,"Large","lg"),value:"lg",sx:{maxWidth:e=>e.breakpoints.values.lg,width:"100%",mx:"auto"}},{title:e=>_(e,"Extra Large","xl"),value:"xl",sx:{maxWidth:e=>e.breakpoints.values.xl,width:"100%",mx:"auto"}},{title:"Custom",value:"custom",sx:{maxWidth:q,width:"100%",mx:"auto"}}],Yt=[{title:"None",value:"none",sx:{gap:0}},{title:"Small",value:"small",sx:{gap:{xs:1,md:2,lg:2,xl:3}}},{title:"Normal",value:"normal",sx:{gap:{xs:2,md:3.5,lg:3.5,xl:5}}},{title:"Large",value:"large",sx:{gap:{xs:3,md:5,lg:5,xl:6.5}}}],de=e=>[{title:"None",value:"none",sx:{}},{title:"Small",value:"small",sx:{[e]:{xs:1,md:2,lg:2,xl:3}}},{title:"Normal",value:"normal",sx:{[e]:{xs:2.5,md:5,lg:5,xl:7.5}}},{title:"Large",value:"large",sx:{[e]:{xs:3,md:6,lg:6,xl:9}}},{title:"Extra Large",value:"xl",sx:{[e]:{xs:4,md:8,lg:8,xl:12}}},{title:"Custom",value:"custom",sx:{[e]:q}}],Jt=de("p"),qt=de("px"),Xt=de("py"),Kt=[{title:"Start",value:"start",sx:{alignContent:"start"}},{title:"Center",value:"center",sx:{alignContent:"center"}},{title:"End",value:"end",sx:{alignContent:"end"}},{title:"Space Between",value:"space-between",sx:{alignContent:"space-between"}},{title:"Space Around",value:"space-around",sx:{alignContent:"space-around"}},{title:"Space Evenly",value:"space-evenly",sx:{alignContent:"space-evenly"}}],Zt=[{title:"Start",value:"start",sx:{justifyContent:"start"}},{title:"Center",value:"center",sx:{justifyContent:"center"}},{title:"End",value:"end",sx:{justifyContent:"end"}},{title:"Space Between",value:"space-between",sx:{justifyContent:"space-between"}},{title:"Space Around",value:"space-around",sx:{justifyContent:"space-around"}},{title:"Space Evenly",value:"space-evenly",sx:{justifyContent:"space-evenly"}}],_t=[{title:"Left",value:"left",sx:{textAlign:"left"}},{title:"Center",value:"center",sx:{textAlign:"center"}},{title:"Right",value:"right",sx:{textAlign:"right"}},{title:"Justify",value:"justify",sx:{textAlign:"justify"}}],$t=[{title:"Solid",value:"solid",sx:{border:"1px solid",borderColor:"divider"},group:"borderFrame"},{title:"Dashed",value:"dashed",sx:{border:"1px dashed",borderColor:"divider"},group:"borderFrame"},{title:"Dotted",value:"dotted",sx:{border:"1px dotted",borderColor:"divider"},group:"borderFrame"},{title:"Custom",value:"custom",sx:{border:q},group:"borderFrame"}],He=[{value:"macbook",title:"MacBook",group:"deviceFrame"},{value:"phone",title:"Phone",group:"deviceFrame"}],eo=e=>He.some(t=>t.value===e),Ge=[{value:"chrome",title:"Chrome Browser",group:"browserFrame",sx:{}},{value:"safari",title:"Safari Browser",group:"browserFrame",sx:{}}],to=e=>Ge.some(t=>t.value===e),Oe=[{value:"terminal",title:"Terminal",group:"terminalFrame",sx:{}}],oo=e=>Oe.some(t=>t.value===e),no=[{value:"shadow-sm",title:"Shadow Low Elevation",group:"shadowFrame",sx:{boxShadow:e=>e.shadows[2]}},{value:"shadow-md",title:"Shadow Medium Elevation",group:"shadowFrame",sx:{boxShadow:e=>e.shadows[6]}},{value:"shadow-lg",title:"Shadow High Elevation",group:"shadowFrame",sx:{boxShadow:e=>e.shadows[12]}},{value:"shadow-xl",title:"Shadow Extra High Elevation",group:"shadowFrame",sx:{boxShadow:e=>e.shadows[16]}},{value:"shadow-max",title:"Shadow Max Elevation",group:"shadowFrame",sx:{boxShadow:e=>e.shadows[24]}}],ro=[{title:"None",value:"none",sx:{border:"none"},group:"commonFrame"},...$t,...Ge,...He,...Oe,...no],io=[{title:"None",value:"none",sx:{borderRadius:0}},{title:"Small",value:"small",sx:{borderRadius:1}},{title:"Medium",value:"medium",sx:{borderRadius:2}},{title:"Large",value:"large",sx:{borderRadius:3}},{title:"Extra Large",value:"xl",sx:{borderRadius:4}},{title:"Rounded",value:"rounded",sx:{borderRadius:"50%"}},{title:"Custom",value:"custom",sx:{borderRadius:q}}],so=[{title:"100%",value:"100%",sx:{height:"100%"}},{title:"Auto",value:"auto",sx:{height:"auto"}},{title:"Unset",value:"unset",sx:{height:"unset"}},{title:"Inherit",value:"inherit",sx:{height:"inherit"}},{title:"Initial",value:"initial",sx:{height:"initial"}},{title:"Fit Content",value:"fit-content",sx:{height:"fit-content"}},{title:"Max Content",value:"max-content",sx:{height:"max-content"}},{title:"Min Content",value:"min-content",sx:{height:"min-content"}}],ao=S.default(Vt,"value"),lo=S.default(Ht,"value"),co=S.default(Gt,"value"),Ao=S.default(Ot,"value"),uo=S.default(Yt,"value"),go=S.default(Jt,"value"),xo=S.default(qt,"value"),mo=S.default(Xt,"value"),po=S.default(Kt,"value"),ho=S.default(Zt,"value"),fo=S.default(_t,"value"),yo=S.default(ro,"value"),bo=S.default(io,"value"),vo=S.default(so,"value"),ko=new Map([["baseSectionPaddingY",ao],["maxWidth",Ao],["paddingY",lo],["paddingX",co],["layoutBlockGap",uo],["layoutBlockPadding",go],["layoutBlockPaddingX",xo],["layoutBlockPaddingY",mo],["layoutBlockAlignContent",po],["layoutBlockTextAlign",fo],["layoutBlockJustifyContent",ho],["layoutBlockBorder",yo],["layoutBlockBorderRadius",bo],["layoutBlockHeight",vo]]);function D(e){const{type:t,value:n,format:r="sx",defaultValue:i=null}=e,s=ko.get(t);if(!s||typeof n!="string"||!n)return i;const l=n.startsWith("custom:"),a=l?"custom":n;if(s?.[a]&&s?.[a]?.[r]){const c=s[a][r];if(l){const d=n.replace("custom:","");try{return JSON.parse(JSON.stringify(c||{}).replaceAll(q,d))}catch{}}return c}return i}const Bo=e=>e.trim().toLowerCase().replace(/\s+/g,"-").replace(/[^\w-]/g,"").replace(/-+/g,"-").replace(/^-|-$/g,""),wo=e=>{try{return new URL(e).origin!==window.location.origin}catch(t){return console.error(t),!1}},Co=(e,t,n)=>{if(!e||!wo(e))return e;try{const r=W.getQuery(e),i=Bo(t),s={utm_source:window.location.hostname,utm_medium:"body_link",utm_campaign:"default",utm_content:i,...n,...r};return W.withQuery(e,s)}catch(r){return console.error(r),e}},Ye=g.createContext({page:null,getPageMeta:()=>({}),getPageMetaStyle:()=>({})});function ue(){return g.useContext(Ye)}function jo({page:e,children:t,defaultLocale:n="en",currentLocale:r}){const i=g.useMemo(()=>e?JSON.parse(JSON.stringify(e)):null,[JSON.stringify(e)]),s=g.useCallback(()=>{if(!i)return{};const A=r||n;return i.locales?.[A]??i.locales?.[n]??{}},[i,n,r]),l=g.useCallback((A="sx")=>{const x=s();return!x||!x.style?{}:Object.entries(x.style||{}).reduce((m,[h,b])=>{if(!b)return m;const f=`${h}Custom`;x.style[f];const v=D({type:h,value:b,format:A});return v?{...m,...v}:m},{})},[s]),a=g.useMemo(()=>({page:i,getPageMeta:s,getPageMetaStyle:l}),[i,s,l]),c=g.useCallback(A=>{const x=A.querySelector("h1, h2, h3, h4, h5, h6");if(x?.textContent?.trim())return x.textContent.trim();const p=[".MuiTypography-h1",".MuiTypography-h2",".MuiTypography-h3",".MuiTypography-h4",".MuiTypography-h5",".MuiTypography-h6",'[class*="title"]','[class*="Title"]','[class*="heading"]','[class*="Heading"]','[role="heading"]',".MuiBox-root",".MuiTypography-root"];for(const h of p){const b=A.querySelector(h);if(b?.textContent?.trim())return b.textContent.trim()}return(A.textContent?.trim()||"").replace(/\s+/g," ")},[]),d=g.useCallback(A=>{const x=s(),p=A.target?.closest("a");if(!p||!p.href)return;const{href:m}=p,h=c(p);p.href=Co(m,h,{utm_campaign:x.utmCampaign||"default"})},[c,s]);return g.useEffect(()=>(document.addEventListener("click",d),()=>{document.removeEventListener("click",d)}),[d]),o.jsx(Ye.Provider,{value:a,children:t})}const Je=g.createContext(null);function Io({children:e}){const[t,n]=g.useState(-1),[r,i]=g.useState(new Set),s=g.useRef(new Set([0])),l=g.useRef(null);g.useEffect(()=>(l.current||(l.current=new IntersectionObserver(p=>{const m=new Map,h=new Set;p.forEach(b=>{const f=parseInt(b.target.getAttribute("data-render-index")||"-1",10);f>=0&&(m.set(f,b.isIntersecting),b.isIntersecting?(s.current.add(f),h.add(f)):h.delete(f))}),m.size>0&&i(h)},{rootMargin:"100px",threshold:.1})),()=>{l.current&&(l.current.disconnect(),l.current=null)}),[]);const a=g.useCallback((p,m,h)=>typeof m!="number"||!h?()=>{}:(l.current&&(h.setAttribute("data-render-index",m.toString()),l.current.observe(h)),()=>{l.current&&l.current.unobserve(h)}),[]),c=g.useCallback((p,m)=>{if(typeof m!="number")return{};const h=m<=t;return{visibility:h?"visible":"hidden",opacity:h?1:0,willChange:"opacity",transition:"opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)"}},[t]),d=g.useCallback((p,m)=>{if(typeof m!="number")return"";const h=m<=t;return`${p}-${m}-${h?"visible":"hidden"}`},[t]);g.useEffect(()=>{const h=Array.from(s.current).sort((b,f)=>b-f).find(b=>b>t);if(h!==void 0){const b=setTimeout(()=>{n(h)},50);return()=>clearTimeout(b)}return()=>{}},[t,r]);const A=g.useCallback(p=>typeof p!="number"?!0:p<=t,[t]),x=g.useMemo(()=>({getSectionSx:c,getSectionKey:d,observeSection:a,shouldRender:A}),[c,a,A,d]);return o.jsx(Je.Provider,{value:x,children:e})}const Eo=()=>g.useContext(Je),ee=["editing","height","locale","dev","sx"],So=g.forwardRef((e,t)=>{const{className:n,...r}=e;return o.jsx(Ro,{ref:t,...r,className:k.cx("BlockBase-root",n)})}),Ro=I.styled(u.Box)`
2
2
  position: relative;
3
3
  color: ${({theme:e})=>e.palette.text.primary};
4
4
  `,qe=g.createContext({pages:[],project:void 0}),{Provider:Do,Consumer:vr}=qe;function Xe(){return g.useContext(qe)}function Qo({icon:e,...t}){return o.jsx(Ue.Icon,{icon:e,...t,ref:null})}function Mo({icon:e,className:t="",size:n="1rem",...r}){return o.jsx(Lo,{component:Qo,className:k.cx("css-icon",t),size:n,...r,icon:e})}const Lo=I.styled(u.Box)`
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("./state-BdtFHk36.js"),q=require("@arcblock/ux/lib/Locale/context"),Y=require("@arcblock/ux/lib/Toast"),Z=require("@blocklet/pages-kit/utils/route"),C=require("@mui/icons-material"),F=require("@mui/lab"),s=require("@mui/material"),ee=require("immer"),te=require("lodash/difference"),a=require("react"),se=require("react-use"),ne=require("./home-CmzD9rI5.js"),H=require("./index-B9DTecic.js"),J=o=>o&&o.__esModule?o:{default:o},z=J(Y),V=J(te);function ie(o){const[x,g]=a.useState(!1);return e.jsx(F.LoadingButton,{...o,loading:o.loading||x,onClick:c=>{const m=o.onClick?.(c);m instanceof Promise&&(g(!0),m.finally(()=>{g(!1)}))}})}const oe=s.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 re(){const[o,x]=a.useState(),g=a.useMemo(()=>o?e.jsx(s.Dialog,{...o}):null,[o]),c=a.useCallback(()=>{x(void 0)},[]),m=a.useCallback(({title:b,content:d,cancelText:P="Cancel",okText:f="Ok",onOk:y,onClose:u,okIcon:L,okColor:k="primary",cancelColor:h="primary",DialogContentProps:v,form:R,...I})=>{x({...I,open:!0,children:e.jsxs("form",{onSubmit:B=>B.preventDefault(),children:[b&&e.jsxs(s.DialogTitle,{className:"between",zIndex:"appBar",bgcolor:"background.paper",sx:{borderBottom:B=>`1px solid ${B.palette.divider}`},children:[e.jsx(s.Box,{children:b}),e.jsx(s.IconButton,{size:"small",onClick:async()=>{c(),u?.()},children:e.jsx(oe,{})})]}),d&&e.jsx(s.DialogContent,{...v,sx:{mt:-3,...v?.sx,bgcolor:"background.paper"},children:e.jsx(s.Box,{sx:{pt:3},children:d})}),e.jsxs(s.DialogActions,{sx:{bgcolor:"background.paper"},children:[e.jsx(s.Button,{variant:"outlined",color:h||"primary",onClick:u??c,children:P}),e.jsx(ie,{variant:"contained",color:k||"primary",startIcon:L,loadingPosition:L?"start":"center",onClick:async()=>{await y?.(),c()},type:"submit",children:f})]})]}),onClose:u??c})},[c]);return{dialog:g,showDialog:m,closeDialog:c}}const ae=({ref:o,mode:x,state:g})=>{const{t:c}=q.useLocaleContext(),[m,b]=a.useState(!1),{dialog:d,showDialog:P}=re(),f=N.useProjectId(),y=a.useCallback(L=>{let k=[];P({title:c("maker.publishToProduction"),content:e.jsxs(s.Box,{sx:{minWidth:300},children:[e.jsx(s.Alert,{color:"warning",icon:e.jsx(C.Warning,{}),children:c("maker.publishToProductionTip")}),e.jsx(s.Box,{sx:{maxHeight:"50vh",overflow:"auto",mt:2},children:e.jsx(ce,{state:g,toMode:x,onChange:h=>k=h,defaultRouteIds:L})})]}),okText:c("maker.publish"),cancelText:c("common.cancel"),onOk:async()=>{if(k?.length===0){const h=c("maker.publishSelectPagesMessage");throw z.default.error(h),new Error(h)}localStorage.setItem(N.getProjectPageVersionKey(f??""),String(new Date().getTime())),b(!0);try{await H.publishPages({mode:x,routes:k}),z.default.success(c("maker.publishSuccessMessage"))}catch(h){throw z.default.error(h.message),h}finally{b(!1)}}})},[x,g,c,f,P]);a.useImperativeHandle(o,()=>({openPublishDialog:y}));const u=a.useCallback(()=>{y()},[y]);return e.jsxs(e.Fragment,{children:[e.jsx(F.LoadingButton,{color:"primary",variant:"contained",size:"small",sx:{mr:1},onClick:u,loading:m,disabled:m,children:c("maker.publish")}),d]})};function le({routePathInfo:o,checked:x,onClick:g,route:c}){const{t:m}=q.useLocaleContext(),b=!o.routeMetaData?.publishedAt||o.routeMetaData?.updatedAt&&new Date(o.routeMetaData?.updatedAt)>new Date(o.routeMetaData?.publishedAt);return e.jsx(s.ListItem,{sx:{pl:4,pr:3},disablePadding:!0,secondaryAction:e.jsxs(s.Box,{sx:{display:"flex",alignItems:"center",minWidth:"auto"},children:[b&&e.jsx(s.Box,{className:"visible",title:m("maker.pages.needPublish"),sx:{mr:.35,color:"warning.main",display:"flex",alignItems:"center"},children:e.jsx(s.Tooltip,{title:m("maker.pages.needPublish"),children:e.jsx(C.Sync,{fontSize:"small",sx:{fontSize:"16px"}})})}),(!o.routeMetaData?.isPublic||!c.isPublic)&&e.jsx(s.Box,{className:"visible",sx:{color:"warning.main"},children:e.jsx(s.Tooltip,{title:m("maker.pages.notPublic"),children:e.jsx(C.VisibilityOff,{fontSize:"small",sx:{fontSize:"16px"}})})})]}),children:e.jsxs(s.ListItemButton,{onClick:g,dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:x,tabIndex:-1})}),e.jsx(s.ListItemText,{primary:o.path,slotProps:{primary:{fontSize:"0.8rem",fontStyle:"italic",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",pr:1}}})]})})}function ce({state:o,toMode:x,onChange:g,defaultRouteIds:c}){const{t:m,locale:b}=q.useLocaleContext(),[d,P]=a.useState(!1),[f,y]=a.useState(()=>c?Object.fromEntries(c.filter(t=>!t.includes("-")).map(t=>[t,!0])):{}),[u,L]=a.useState({}),[k,h]=a.useState(()=>c?Object.fromEntries(c.filter(t=>t.includes("-")).map(t=>[t,!0])):{}),[v,R]=a.useState({}),{loading:I,error:B,value:w}=se.useAsync(()=>H.getPages({mode:x}),[x]);if(B)throw B;const j=a.useMemo(()=>o.routeIds||[],[o]),M=a.useMemo(()=>w?.pageIds||[],[w]),D=a.useMemo(()=>!j||!o.routes?[]:JSON.parse(JSON.stringify(j)).sort((n,i)=>{const r=o.routes?.[n],l=o.routes?.[i];return r?.publishedAt&&new Date(r.publishedAt).getTime()<new Date(r.updatedAt).getTime()?-1:l?.publishedAt&&new Date(l.publishedAt).getTime()<new Date(l.updatedAt).getTime()?1:new Date(r?.updatedAt??"").getTime()-new Date(l?.updatedAt??"").getTime()}),[o,j]),E=a.useMemo(()=>{if(!D)return[];if(!u)return D;const t=[...D].filter(n=>!u[n]);return Object.values(u).forEach(n=>{n.forEach(i=>{t.push(`${i.originalRouteId}-${i.paramOptionIds.join("-")}`)})}),t},[D,u]),O=a.useMemo(()=>!w||!M||!E?[]:V.default(M,E),[E,w,M]),T=a.useMemo(()=>j?[...j].concat(O):O,[j,O]),$=a.useCallback(()=>{const t={};D?.forEach(n=>{const i=o.routes?.[n];if(i&&i.params&&i.params.length>0&&i.paramsOptions&&i.paramsOptions.length>0){const r=Z.generateParamCombinations({basePath:i.path,params:i.params,routeId:i.id,paramsOptions:i.paramsOptions,currentIndex:0,currentParams:[],currentOptionIds:[],result:[]});r.length>0&&(t[i.id]=r)}}),L(t)},[D,o.routes]);a.useEffect(()=>{$()},[$]),a.useEffect(()=>{R(t=>{const n={...t};return Object.keys(u).forEach(i=>{u[i]&&u[i]?.length>0&&n[i]===void 0&&(n[i]=!0)}),n})},[u]);const W=a.useRef(!0);a.useEffect(()=>{h(t=>{const n={...t};return Object.keys(u).length===0||(Object.keys(u).forEach(i=>{const r=u[i]||[],l=d||!!f[i];r.forEach(A=>{const p=`${i}-${A.paramOptionIds.join("-")}`;W.current?n[p]=l||t[p]||!1:n[p]=l})}),W.current=!1),n})},[f,u,d]);const U=(t,n)=>{n.stopPropagation(),R(i=>{const r={...i};return r[t]=!r[t],r})},_=a.useCallback(t=>{y(n=>{const i=ee.produce(n,r=>{d?(Object.assign(r,Object.fromEntries(T.map(l=>[l,!0]))),delete r[t]):r[t]?(delete r[t],O.includes(t)&&(j||[]).filter(l=>o.pages[l]?.slug===w?.pages[t]?.slug).forEach(l=>{delete r[l]})):(r[t]=!0,j&&j.includes(t)&&O.filter(l=>w?.pages[l]?.slug===o.pages[t]?.slug).forEach(l=>{r[l]=!0}))});return P(V.default(T,Object.keys(i)).length===0),i})},[d,T,O,o,w,j]),G=a.useCallback((t,n)=>{const i=`${t}-${n.paramOptionIds.join("-")}`;h(r=>{const l={...r};l[i]=!l[i];const A=u[t]?.every(p=>l[`${t}-${p.paramOptionIds.join("-")}`])??!1;return y(p=>{if(A&&!p[t])return{...p,[t]:!0};if(!A&&p[t]){const S={...p};return delete S[t],S}return p}),l})},[u]),Q=a.useCallback(()=>{P(t=>(t&&y({}),!t))},[]);return a.useEffect(()=>{const t=d?T:Object.keys(f),n=Object.entries(k).filter(([,r])=>r).map(([r])=>r).filter(r=>r!==void 0),i=Array.from(new Set([...t,...n]));g(d?null:i)},[d,f,k,T,g]),I?e.jsx(ne.Loading,{sx:{my:4}}):e.jsxs(s.List,{disablePadding:!0,sx:{maxWidth:700},children:[e.jsx(s.ListItem,{sx:{position:"sticky",top:0,zIndex:1},disablePadding:!0,children:e.jsxs(s.ListItemButton,{onClick:Q,dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:d,tabIndex:-1})}),e.jsx(s.ListItemText,{primary:m("common.all")})]})}),D.map(t=>{const n=o.routes?.[t];if(!n)return null;const i=!1,r=u&&u[t]&&u[t]?.length>0,l=v[t]!==!1,A=u[t]||[],p=!n.publishedAt||n.updatedAt&&new Date(n.updatedAt).getTime()>new Date(n.publishedAt).getTime();return e.jsxs(s.Box,{children:[e.jsx(s.ListItem,{sx:{pr:4},disablePadding:!0,secondaryAction:e.jsxs(s.Box,{sx:{display:"flex",alignItems:"center"},children:[p&&e.jsx(s.Tooltip,{title:m("maker.pages.needPublish"),children:e.jsx(C.Sync,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),!n.isPublic&&e.jsx(s.Tooltip,{title:m("maker.pages.notPublic"),children:e.jsx(C.VisibilityOff,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),i,r&&e.jsx(s.Box,{onClick:S=>U(t,S),sx:{display:"inline-flex",alignItems:"center",mr:.35,cursor:"pointer",color:"info.main"},children:l?e.jsx(C.KeyboardArrowDown,{fontSize:"small",sx:{fontSize:"18px"}}):e.jsx(C.KeyboardArrowRight,{fontSize:"small",sx:{fontSize:"18px"}})})]}),children:e.jsxs(s.ListItemButton,{onClick:()=>_(t),dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:d||!!f[t],tabIndex:-1})}),e.jsx(s.ListItemText,{primary:n.path,slotProps:{primary:{noWrap:!0,textOverflow:"ellipsis"},secondary:{noWrap:!0,textOverflow:"ellipsis"}}})]})}),r&&e.jsx(s.Collapse,{in:l,children:e.jsx(s.Box,{children:A.map(S=>{const K=`${t}-${S.paramOptionIds.join("-")}`,X=k[K]||!1;return e.jsx(le,{routePathInfo:S,checked:d||X,onClick:()=>G(t,S),route:n},K)})})})]},t)}),O.map(t=>{const n=w?.pages[t];return n?e.jsx(s.ListItem,{disablePadding:!0,secondaryAction:e.jsx(s.Chip,{color:"warning",label:"deleted",size:"small"}),children:e.jsxs(s.ListItemButton,{onClick:()=>_(t),dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:d||!!f[t],tabIndex:-1})}),e.jsx(s.ListItemText,{primary:n.slug,secondary:n.locales?.[b]?.title,slotProps:{primary:{noWrap:!0,textOverflow:"ellipsis"},secondary:{noWrap:!0,textOverflow:"ellipsis"}}})]})},t):null})]})}exports.default=ae;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("./state-BdtFHk36.js"),q=require("@arcblock/ux/lib/Locale/context"),Y=require("@arcblock/ux/lib/Toast"),Z=require("@blocklet/pages-kit/utils/route"),C=require("@mui/icons-material"),F=require("@mui/lab"),s=require("@mui/material"),ee=require("immer"),te=require("lodash/difference"),a=require("react"),se=require("react-use"),ne=require("./home-B7hfvyqp.js"),H=require("./index-CQ-RsKbV.js"),J=o=>o&&o.__esModule?o:{default:o},z=J(Y),V=J(te);function ie(o){const[x,g]=a.useState(!1);return e.jsx(F.LoadingButton,{...o,loading:o.loading||x,onClick:c=>{const m=o.onClick?.(c);m instanceof Promise&&(g(!0),m.finally(()=>{g(!1)}))}})}const oe=s.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 re(){const[o,x]=a.useState(),g=a.useMemo(()=>o?e.jsx(s.Dialog,{...o}):null,[o]),c=a.useCallback(()=>{x(void 0)},[]),m=a.useCallback(({title:b,content:d,cancelText:P="Cancel",okText:f="Ok",onOk:y,onClose:u,okIcon:L,okColor:k="primary",cancelColor:h="primary",DialogContentProps:v,form:R,...I})=>{x({...I,open:!0,children:e.jsxs("form",{onSubmit:B=>B.preventDefault(),children:[b&&e.jsxs(s.DialogTitle,{className:"between",zIndex:"appBar",bgcolor:"background.paper",sx:{borderBottom:B=>`1px solid ${B.palette.divider}`},children:[e.jsx(s.Box,{children:b}),e.jsx(s.IconButton,{size:"small",onClick:async()=>{c(),u?.()},children:e.jsx(oe,{})})]}),d&&e.jsx(s.DialogContent,{...v,sx:{mt:-3,...v?.sx,bgcolor:"background.paper"},children:e.jsx(s.Box,{sx:{pt:3},children:d})}),e.jsxs(s.DialogActions,{sx:{bgcolor:"background.paper"},children:[e.jsx(s.Button,{variant:"outlined",color:h||"primary",onClick:u??c,children:P}),e.jsx(ie,{variant:"contained",color:k||"primary",startIcon:L,loadingPosition:L?"start":"center",onClick:async()=>{await y?.(),c()},type:"submit",children:f})]})]}),onClose:u??c})},[c]);return{dialog:g,showDialog:m,closeDialog:c}}const ae=({ref:o,mode:x,state:g})=>{const{t:c}=q.useLocaleContext(),[m,b]=a.useState(!1),{dialog:d,showDialog:P}=re(),f=N.useProjectId(),y=a.useCallback(L=>{let k=[];P({title:c("maker.publishToProduction"),content:e.jsxs(s.Box,{sx:{minWidth:300},children:[e.jsx(s.Alert,{color:"warning",icon:e.jsx(C.Warning,{}),children:c("maker.publishToProductionTip")}),e.jsx(s.Box,{sx:{maxHeight:"50vh",overflow:"auto",mt:2},children:e.jsx(ce,{state:g,toMode:x,onChange:h=>k=h,defaultRouteIds:L})})]}),okText:c("maker.publish"),cancelText:c("common.cancel"),onOk:async()=>{if(k?.length===0){const h=c("maker.publishSelectPagesMessage");throw z.default.error(h),new Error(h)}localStorage.setItem(N.getProjectPageVersionKey(f??""),String(new Date().getTime())),b(!0);try{await H.publishPages({mode:x,routes:k}),z.default.success(c("maker.publishSuccessMessage"))}catch(h){throw z.default.error(h.message),h}finally{b(!1)}}})},[x,g,c,f,P]);a.useImperativeHandle(o,()=>({openPublishDialog:y}));const u=a.useCallback(()=>{y()},[y]);return e.jsxs(e.Fragment,{children:[e.jsx(F.LoadingButton,{color:"primary",variant:"contained",size:"small",sx:{mr:1},onClick:u,loading:m,disabled:m,children:c("maker.publish")}),d]})};function le({routePathInfo:o,checked:x,onClick:g,route:c}){const{t:m}=q.useLocaleContext(),b=!o.routeMetaData?.publishedAt||o.routeMetaData?.updatedAt&&new Date(o.routeMetaData?.updatedAt)>new Date(o.routeMetaData?.publishedAt);return e.jsx(s.ListItem,{sx:{pl:4,pr:3},disablePadding:!0,secondaryAction:e.jsxs(s.Box,{sx:{display:"flex",alignItems:"center",minWidth:"auto"},children:[b&&e.jsx(s.Box,{className:"visible",title:m("maker.pages.needPublish"),sx:{mr:.35,color:"warning.main",display:"flex",alignItems:"center"},children:e.jsx(s.Tooltip,{title:m("maker.pages.needPublish"),children:e.jsx(C.Sync,{fontSize:"small",sx:{fontSize:"16px"}})})}),(!o.routeMetaData?.isPublic||!c.isPublic)&&e.jsx(s.Box,{className:"visible",sx:{color:"warning.main"},children:e.jsx(s.Tooltip,{title:m("maker.pages.notPublic"),children:e.jsx(C.VisibilityOff,{fontSize:"small",sx:{fontSize:"16px"}})})})]}),children:e.jsxs(s.ListItemButton,{onClick:g,dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:x,tabIndex:-1})}),e.jsx(s.ListItemText,{primary:o.path,slotProps:{primary:{fontSize:"0.8rem",fontStyle:"italic",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",pr:1}}})]})})}function ce({state:o,toMode:x,onChange:g,defaultRouteIds:c}){const{t:m,locale:b}=q.useLocaleContext(),[d,P]=a.useState(!1),[f,y]=a.useState(()=>c?Object.fromEntries(c.filter(t=>!t.includes("-")).map(t=>[t,!0])):{}),[u,L]=a.useState({}),[k,h]=a.useState(()=>c?Object.fromEntries(c.filter(t=>t.includes("-")).map(t=>[t,!0])):{}),[v,R]=a.useState({}),{loading:I,error:B,value:w}=se.useAsync(()=>H.getPages({mode:x}),[x]);if(B)throw B;const j=a.useMemo(()=>o.routeIds||[],[o]),M=a.useMemo(()=>w?.pageIds||[],[w]),D=a.useMemo(()=>!j||!o.routes?[]:JSON.parse(JSON.stringify(j)).sort((n,i)=>{const r=o.routes?.[n],l=o.routes?.[i];return r?.publishedAt&&new Date(r.publishedAt).getTime()<new Date(r.updatedAt).getTime()?-1:l?.publishedAt&&new Date(l.publishedAt).getTime()<new Date(l.updatedAt).getTime()?1:new Date(r?.updatedAt??"").getTime()-new Date(l?.updatedAt??"").getTime()}),[o,j]),E=a.useMemo(()=>{if(!D)return[];if(!u)return D;const t=[...D].filter(n=>!u[n]);return Object.values(u).forEach(n=>{n.forEach(i=>{t.push(`${i.originalRouteId}-${i.paramOptionIds.join("-")}`)})}),t},[D,u]),O=a.useMemo(()=>!w||!M||!E?[]:V.default(M,E),[E,w,M]),T=a.useMemo(()=>j?[...j].concat(O):O,[j,O]),$=a.useCallback(()=>{const t={};D?.forEach(n=>{const i=o.routes?.[n];if(i&&i.params&&i.params.length>0&&i.paramsOptions&&i.paramsOptions.length>0){const r=Z.generateParamCombinations({basePath:i.path,params:i.params,routeId:i.id,paramsOptions:i.paramsOptions,currentIndex:0,currentParams:[],currentOptionIds:[],result:[]});r.length>0&&(t[i.id]=r)}}),L(t)},[D,o.routes]);a.useEffect(()=>{$()},[$]),a.useEffect(()=>{R(t=>{const n={...t};return Object.keys(u).forEach(i=>{u[i]&&u[i]?.length>0&&n[i]===void 0&&(n[i]=!0)}),n})},[u]);const W=a.useRef(!0);a.useEffect(()=>{h(t=>{const n={...t};return Object.keys(u).length===0||(Object.keys(u).forEach(i=>{const r=u[i]||[],l=d||!!f[i];r.forEach(A=>{const p=`${i}-${A.paramOptionIds.join("-")}`;W.current?n[p]=l||t[p]||!1:n[p]=l})}),W.current=!1),n})},[f,u,d]);const U=(t,n)=>{n.stopPropagation(),R(i=>{const r={...i};return r[t]=!r[t],r})},_=a.useCallback(t=>{y(n=>{const i=ee.produce(n,r=>{d?(Object.assign(r,Object.fromEntries(T.map(l=>[l,!0]))),delete r[t]):r[t]?(delete r[t],O.includes(t)&&(j||[]).filter(l=>o.pages[l]?.slug===w?.pages[t]?.slug).forEach(l=>{delete r[l]})):(r[t]=!0,j&&j.includes(t)&&O.filter(l=>w?.pages[l]?.slug===o.pages[t]?.slug).forEach(l=>{r[l]=!0}))});return P(V.default(T,Object.keys(i)).length===0),i})},[d,T,O,o,w,j]),G=a.useCallback((t,n)=>{const i=`${t}-${n.paramOptionIds.join("-")}`;h(r=>{const l={...r};l[i]=!l[i];const A=u[t]?.every(p=>l[`${t}-${p.paramOptionIds.join("-")}`])??!1;return y(p=>{if(A&&!p[t])return{...p,[t]:!0};if(!A&&p[t]){const S={...p};return delete S[t],S}return p}),l})},[u]),Q=a.useCallback(()=>{P(t=>(t&&y({}),!t))},[]);return a.useEffect(()=>{const t=d?T:Object.keys(f),n=Object.entries(k).filter(([,r])=>r).map(([r])=>r).filter(r=>r!==void 0),i=Array.from(new Set([...t,...n]));g(d?null:i)},[d,f,k,T,g]),I?e.jsx(ne.Loading,{sx:{my:4}}):e.jsxs(s.List,{disablePadding:!0,sx:{maxWidth:700},children:[e.jsx(s.ListItem,{sx:{position:"sticky",top:0,zIndex:1},disablePadding:!0,children:e.jsxs(s.ListItemButton,{onClick:Q,dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:d,tabIndex:-1})}),e.jsx(s.ListItemText,{primary:m("common.all")})]})}),D.map(t=>{const n=o.routes?.[t];if(!n)return null;const i=!1,r=u&&u[t]&&u[t]?.length>0,l=v[t]!==!1,A=u[t]||[],p=!n.publishedAt||n.updatedAt&&new Date(n.updatedAt).getTime()>new Date(n.publishedAt).getTime();return e.jsxs(s.Box,{children:[e.jsx(s.ListItem,{sx:{pr:4},disablePadding:!0,secondaryAction:e.jsxs(s.Box,{sx:{display:"flex",alignItems:"center"},children:[p&&e.jsx(s.Tooltip,{title:m("maker.pages.needPublish"),children:e.jsx(C.Sync,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),!n.isPublic&&e.jsx(s.Tooltip,{title:m("maker.pages.notPublic"),children:e.jsx(C.VisibilityOff,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),i,r&&e.jsx(s.Box,{onClick:S=>U(t,S),sx:{display:"inline-flex",alignItems:"center",mr:.35,cursor:"pointer",color:"info.main"},children:l?e.jsx(C.KeyboardArrowDown,{fontSize:"small",sx:{fontSize:"18px"}}):e.jsx(C.KeyboardArrowRight,{fontSize:"small",sx:{fontSize:"18px"}})})]}),children:e.jsxs(s.ListItemButton,{onClick:()=>_(t),dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:d||!!f[t],tabIndex:-1})}),e.jsx(s.ListItemText,{primary:n.path,slotProps:{primary:{noWrap:!0,textOverflow:"ellipsis"},secondary:{noWrap:!0,textOverflow:"ellipsis"}}})]})}),r&&e.jsx(s.Collapse,{in:l,children:e.jsx(s.Box,{children:A.map(S=>{const K=`${t}-${S.paramOptionIds.join("-")}`,X=k[K]||!1;return e.jsx(le,{routePathInfo:S,checked:d||X,onClick:()=>G(t,S),route:n},K)})})})]},t)}),O.map(t=>{const n=w?.pages[t];return n?e.jsx(s.ListItem,{disablePadding:!0,secondaryAction:e.jsx(s.Chip,{color:"warning",label:"deleted",size:"small"}),children:e.jsxs(s.ListItemButton,{onClick:()=>_(t),dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:d||!!f[t],tabIndex:-1})}),e.jsx(s.ListItemText,{primary:n.slug,secondary:n.locales?.[b]?.title,slotProps:{primary:{noWrap:!0,textOverflow:"ellipsis"},secondary:{noWrap:!0,textOverflow:"ellipsis"}}})]})},t):null})]})}exports.default=ae;
package/lib/cjs/home.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");require("./chunks/state-BdtFHk36.js");require("@arcblock/ux/lib/Locale/context");require("@arcblock/ux/lib/Result");require("@arcblock/ux/lib/Theme");require("@blocklet/pages-kit/builtin/page/header");require("@blocklet/pages-kit/contexts/color");require("@blocklet/pages-kit/utils/data-source");require("@blocklet/pages-kit/utils/route");require("@blocklet/ui-react/lib/Header");require("@emotion/css");require("@emotion/react");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/index-B9DTecic.js");const e=require("./chunks/home-CmzD9rI5.js");require("./chunks/session-BZ3-x8Ef.js");exports.HomeView=e.HomeView;exports.PageHeader=e.PageHeader;exports.PageRoutes=e.PageRoutes;exports.PageView=e.PageView;exports.PageViewByPath=e.PageViewByPath;exports.PageViewWithDataSource=e.PageViewWithDataSource;exports.TranslucentHeader=e.TranslucentHeader;exports.default=e.Home;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");require("./chunks/state-BdtFHk36.js");require("@arcblock/ux/lib/Locale/context");require("@arcblock/ux/lib/Result");require("@arcblock/ux/lib/Theme");require("@blocklet/pages-kit/builtin/page/header");require("@blocklet/pages-kit/contexts/color");require("@blocklet/pages-kit/utils/data-source");require("@blocklet/pages-kit/utils/route");require("@blocklet/ui-react/lib/Header");require("@emotion/css");require("@emotion/react");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/index-CQ-RsKbV.js");const e=require("./chunks/home-B7hfvyqp.js");require("./chunks/session-BZ3-x8Ef.js");exports.HomeView=e.HomeView;exports.PageHeader=e.PageHeader;exports.PageRoutes=e.PageRoutes;exports.PageView=e.PageView;exports.PageViewByPath=e.PageViewByPath;exports.PageViewWithDataSource=e.PageViewWithDataSource;exports.TranslucentHeader=e.TranslucentHeader;exports.default=e.Home;
@@ -7,7 +7,7 @@ import ie from "@mui/icons-material/Check";
7
7
  import { Box as n, styled as H, alpha as ne, Stack as ae, Dialog as se, DialogTitle as le, TextField as pe, IconButton as ce, DialogContent as de, Tabs as me, Tab as ue, Grid as O, Card as fe, CardMedia as be, CardContent as ge, Typography as W, DialogActions as xe, Button as N, Skeleton as he } from "@mui/material";
8
8
  import { useReactive as Q } from "ahooks";
9
9
  import { createContext as _, useMemo as P, useEffect as M, useRef as E } from "react";
10
- import { a as ye, R as ve, B as V, c as Ce, T as ke, I as we } from "./chunks/index-C_FZEYtF.js";
10
+ import { a as ye, R as ve, B as V, c as Ce, T as ke, I as we } from "./chunks/index-BbpNoQ0a.js";
11
11
  import { styled as g } from "@arcblock/ux/lib/Theme";
12
12
  import "@blocklet/pages-kit/builtin/color-picker";
13
13
  import "@blocklet/pages-kit/utils/style";
@@ -21,7 +21,7 @@ import { Helmet as Se } from "react-helmet";
21
21
  import { useSearchParams as Z, Routes as Ce, Route as S, Navigate as Ie, ScrollRestoration as Te } from "react-router-dom";
22
22
  import { useAsync as ee } from "react-use";
23
23
  import { joinURL as P } from "ufo";
24
- import { u as Re, S as je, i as z, P as Me, a as Oe, R as Ee, B as Le, b as te, g as Ae } from "./index-C_FZEYtF.js";
24
+ import { u as Re, S as je, i as z, P as Me, a as Oe, R as Ee, B as Le, b as te, g as Ae } from "./index-BbpNoQ0a.js";
25
25
  import Be from "@blocklet/ui-react/lib/Footer";
26
26
  import "webfontloader";
27
27
  import { u as _e, a as Fe } from "./session-Dx5M-1r2.js";
@@ -149,7 +149,7 @@ function Ge({ mode: t }) {
149
149
  }
150
150
  return /* @__PURE__ */ e(Ke, { children: ({ state: o }) => /* @__PURE__ */ e(L, { mode: t, state: o }) });
151
151
  }
152
- const qe = X(() => import("./publish-button-ChpODI2O.js")), Ke = X(() => import("./draft-data-BOoVhbon.js"));
152
+ const qe = X(() => import("./publish-button-BvdMXp8L.js")), Ke = X(() => import("./draft-data-BOoVhbon.js"));
153
153
  function Ye({
154
154
  mode: t,
155
155
  children: o
@@ -635,8 +635,17 @@ function ii({ children: t }) {
635
635
  } : (l.current && (p.setAttribute("data-render-index", g.toString()), l.current.observe(p)), () => {
636
636
  l.current && l.current.unobserve(p);
637
637
  }), []), c = Q(
638
- (m, g) => typeof g != "number" ? {} : {
639
- visibility: g <= e ? "visible" : "hidden"
638
+ (m, g) => {
639
+ if (typeof g != "number") return {};
640
+ const p = g <= e;
641
+ return {
642
+ visibility: p ? "visible" : "hidden",
643
+ opacity: p ? 1 : 0,
644
+ // 这个不能用 transform,会改变 background full width 的 position static 样式
645
+ // transform: isVisible ? 'translateY(0)' : 'translateY(10px)',
646
+ willChange: "opacity",
647
+ transition: "opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
648
+ };
640
649
  },
641
650
  [e]
642
651
  ), d = Q(
@@ -10,8 +10,8 @@ import { produce as De } from "immer";
10
10
  import Z from "lodash/difference";
11
11
  import { useState as D, useMemo as C, useCallback as O, useImperativeHandle as Oe, useEffect as E, useRef as Ae } from "react";
12
12
  import { useAsync as je } from "react-use";
13
- import { L as ve } from "./home-CbYnu7ZY.js";
14
- import { p as Ce, g as Re } from "./index-C_FZEYtF.js";
13
+ import { L as ve } from "./home-C2DPQgb-.js";
14
+ import { p as Ce, g as Re } from "./index-BbpNoQ0a.js";
15
15
  function ze(s) {
16
16
  const [u, g] = D(!1);
17
17
  return /* @__PURE__ */ t(
package/lib/es/home.js CHANGED
@@ -21,8 +21,8 @@ import "react-helmet";
21
21
  import "react-router-dom";
22
22
  import "react-use";
23
23
  import "ufo";
24
- import "./chunks/index-C_FZEYtF.js";
25
- import { a as R, e as S, P as W, d as j, c as k, b as q, T as v, H as z } from "./chunks/home-CbYnu7ZY.js";
24
+ import "./chunks/index-BbpNoQ0a.js";
25
+ import { a as R, e as S, P as W, d as j, c as k, b as q, T as v, H as z } from "./chunks/home-C2DPQgb-.js";
26
26
  import "./chunks/session-Dx5M-1r2.js";
27
27
  export {
28
28
  R as HomeView,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blocklet/pages-kit-inner-components",
3
- "version": "0.6.82",
3
+ "version": "0.6.84",
4
4
  "description": "Pages Kit inner components library",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -201,8 +201,8 @@
201
201
  "yaml": "^2.5.0",
202
202
  "yjs": "^13.6.18",
203
203
  "zustand": "^4.5.5",
204
- "@blocklet/pages-kit": "^0.6.82",
205
- "@blocklet/pages-kit-block-studio": "^0.6.82"
204
+ "@blocklet/pages-kit": "^0.6.84",
205
+ "@blocklet/pages-kit-block-studio": "^0.6.84"
206
206
  },
207
207
  "devDependencies": {
208
208
  "@trivago/prettier-plugin-sort-imports": "^5.2.1",
@@ -239,7 +239,7 @@
239
239
  "tsc-files": "^1.1.4",
240
240
  "vite": "^7.0.0",
241
241
  "vite-node": "^3.2.4",
242
- "vite-plugin-blocklet": "^0.10.1",
242
+ "vite-plugin-blocklet": "^0.11.2",
243
243
  "vite-plugin-pwa": "^1.0.0",
244
244
  "vite-plugin-svgr": "^4.3.0",
245
245
  "vite-tsconfig-paths": "^5.1.4",