@blocklet/pages-kit-inner-components 0.6.2 → 0.6.4

package/lib/cjs/add-component.js

@@ -1 +1,420 @@
-"use strict";var e=AddComponent;module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),v=require("./chunks/state-B6BF5wJ-.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-BRgYwvuv.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("@arcblock/ux/lib/Tabs");require("lodash/pick");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/ai-kit/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;
+  }
+  .color-item__checked {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: rgba(255, 255, 255, 0.85);
+  }
+  .color-item__delete {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+`;const z=.5;e.styled(e.Box)`
+  display: flex;
+  align-items: center;
+  padding: 8px;
+  border-bottom: ${({theme:o})=>`1px solid ${o.palette.divider}`};
+  user-select: none;
+  cursor: pointer;
+  position: relative;
+
+  :hover {
+    background-color: rgba(200, 200, 200, 0.3);
+  }
+
+  &.selected {
+    background-color: rgba(200, 200, 200, 0.3);
+  }
+
+  &.sub-selected {
+    background-color: rgba(200, 200, 200, 0.3);
+  }
+
+  &.disabledDrag {
+    cursor: default;
+  }
+
+  > .drag,
+  > .actions {
+    line-height: 1;
+
+    svg {
+      font-size: 16px;
+      vertical-align: middle;
+    }
+  }
+
+  > .drag {
+    cursor: grab;
+    opacity: ${z};
+    position: relative;
+
+    &.disabledDrag {
+      cursor: default;
+
+      &:has(.origin-drag-icon):after {
+        content: '';
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 120%;
+        height: 1px;
+        background-color: ${({theme:o})=>o.palette.error.main};
+        transform: translate(-50%, -50%) rotate(-45deg);
+        z-index: 1;
+      }
+    }
+  }
+
+  > .actions {
+    display: flex;
+    align-items: center;
+    overflow: hidden;
+
+    > * {
+      margin-right: 0.5em;
+      opacity: 0;
+      display: inline-block;
+      cursor: pointer;
+    }
+
+    > .visible {
+      display: inline-block;
+      opacity: ${z};
+    }
+  }
+
+  &:hover {
+    > .actions {
+      > * {
+        display: inline-block;
+        opacity: ${z} !important;
+      }
+    }
+  }
+
+  > .name {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding: 0 4px;
+    font-size: 14px;
+  }
+`;e.styled(e.Box)`
+  position: relative;
+  border: 1px solid #c0c0c0;
+  min-height: 40px;
+  border-radius: 4px;
+  padding: 14px 14px;
+  .label-box__label {
+    left: 6px;
+    height: 1em;
+    padding: 0 6px;
+    line-height: 1;
+  }
+  .label-box__actions {
+    right: 6px;
+  }
+  .label-box__label,
+  .label-box__actions {
+    position: absolute;
+    background: ${({theme:o})=>o.palette.background.default};
+    overflow: visible;
+    display: inline-block;
+    top: 0;
+    transform: translateY(-50%);
+  }
+`;const ce=u.createContext({embed:!1}),{Provider:xe}=ce;u.createContext(void 0);A.createStatusApi({axios:v.api,path:"/api/ai/status"});A.createStatusApi({axios:v.api,path:"/api/ai/agent-status"});A.createTextCompletionApi({fetch:ee.createFetch(),path:"/api/ai/completions"});W.default.extend(le.default);W.default.extend(ae.default);m.styled(e.Box)`
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+
+  > .actions {
+    position: sticky;
+    bottom: 0px;
+    margin-top: 20px;
+    z-index: 1;
+
+    @media (max-height: 700px) {
+      position: static;
+    }
+
+    > .connect-tip {
+      font-weight: 600;
+      font-size: 14px;
+      line-height: 17px;
+      text-align: center;
+      color: #9397a1;
+      margin-bottom: 20px;
+    }
+
+    .submit {
+      height: 43px;
+      width: 100%;
+      background: linear-gradient(90deg, #45e4fa 0%, #8a45fa 52.08%, #fa45bc 100%);
+      border-radius: 30px;
+      box-shadow: none;
+      text-transform: none;
+      width: 100%;
+      border: 0;
+      margin: 0;
+      padding: 8.5px 14px;
+      font-size: 100%;
+
+      &.Mui-disabled {
+        color: rgba(0, 0, 0, 0.26);
+        background: rgba(0, 0, 0, 0.12);
+      }
+    }
+  }
+
+  .MuiFormHelperText-root {
+    font-style: normal;
+    font-weight: 500;
+    font-size: 12px;
+    line-height: 14px;
+    color: #9397a1;
+    margin: 0;
+    margin-top: 4px;
+  }
+
+  .MuiOutlinedInput-root {
+    background: #fbfbfb;
+    border-radius: 4px;
+
+    fieldset {
+      border: 1px solid #f6f6f6;
+    }
+
+    &:hover fieldset {
+      border: 1px solid #a482fe;
+    }
+
+    input {
+      width: 100%;
+      border: 0;
+      margin: 0;
+      border-radius: 4px;
+      padding: 8.5px 14px;
+      font-size: 100%;
+    }
+  }
+
+  .Mui-focused {
+    &.MuiFormLabel-root {
+      color: #a482fe;
+    }
+
+    &.MuiOutlinedInput-root {
+      fieldset {
+        border: 1px solid #a482fe;
+      }
+    }
+  }
+
+  .Mui-error {
+    &.MuiFormLabel-root {
+      color: #f16e6e;
+    }
+
+    &.MuiOutlinedInput-root + .MuiFormHelperText-root {
+      color: #f16e6e;
+    }
+
+    &.MuiOutlinedInput-root {
+      fieldset {
+        border: 1px solid #f16e6e;
+      }
+    }
+  }
+`;u.createContext({});m.styled(e.Box)`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+
+  .lazy-image-wrapper {
+    border-radius: 12px;
+
+    img {
+      border-radius: 12px;
+    }
+  }
+`;m.styled(e.Box)`
+  background: #fbfbfb;
+  border: 1px solid #f6f6f6;
+  border-radius: 4px;
+
+  &:has(.selected) {
+    border: 1px solid #a482fe;
+  }
+
+  &:has(.Mui-focused) {
+    border: 1px solid #a482fe;
+  }
+
+  > .input {
+    padding: 12px;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 19px;
+    color: #25292f;
+    cursor: pointer;
+  }
+`;m.styled(se.default)`
+  background: #f6f2ff;
+  margin-bottom: 20px;
+
+  .title {
+    font-style: normal;
+    font-weight: 700;
+    font-size: 24px;
+    line-height: 33px;
+    color: #25292f;
+  }
+
+  .subtitle {
+    font-style: normal;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 22px;
+    color: #9397a1;
+    margin-top: 4px;
+  }
+`;m.styled(e.Box)`
+  display: block;
+  padding: 16px;
+  text-decoration: none;
+  border-radius: 12px;
+  cursor: pointer;
+  box-shadow:
+    rgb(255, 255, 255) 0 0 0 0,
+    rgb(226, 232, 240) 0 0 0 1px,
+    rgba(0, 0, 0, 0.05) 0 1px 2px 0;
+  color: inherit;
+  height: 100%;
+  position: relative;
+
+  &:hover {
+    box-shadow:
+      rgb(255, 255, 255) 0 0 0 0,
+      rgb(203, 213, 225) 0 0 0 2px,
+      rgba(0, 0, 0, 0.1) 0 10px 15px -3px,
+      rgba(0, 0, 0, 0.1) 0 4px 6px -4px;
+  }
+
+  .description {
+    word-break: break-all;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+  }
+`;Z.css`
+  .MuiMenu-root {
+    z-index: 13010 !important;
+  }
+`;m.styled(e.Box)`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+
+  .lazy-image-wrapper {
+    border-radius: 12px;
+
+    img {
+      border-radius: 12px;
+    }
+  }
+`;m.styled(e.Box)`
+  background: #fbfbfb;
+  border: 1px solid #f6f6f6;
+  border-radius: 4px;
+  position: relative;
+  cursor: pointer;
+
+  &:has(.selected) {
+    border: 1px solid #a482fe;
+  }
+
+  &:has(.Mui-focused) {
+    border: 1px solid #a482fe;
+  }
+
+  > .input {
+    padding: 12px;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 19px;
+    color: #25292f;
+    cursor: pointer;
+  }
+`;m.styled(e.Box)`
+  > .ai-button {
+    display: none;
+    z-index: 1;
+
+    &.active {
+      display: inline-flex;
+    }
+
+    .MuiCircularProgress-root {
+      position: absolute;
+      left: 0;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      margin: auto;
+    }
+  }
+`;m.styled(e.Box)`
+  > .language-button {
+    display: none;
+    z-index: 1;
+
+    &.active {
+      display: inline-flex;
+    }
+
+    .MuiCircularProgress-root {
+      position: absolute;
+      left: 0;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      margin: auto;
+    }
+  }
+`;m.styled(e.Box)`
+  position: relative;
+
+  .action {
+    position: absolute;
+    right: 4px;
+    top: 4px;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+  }
+
+  &:hover {
+    .language-button {
+      display: inline-flex;
+    }
+  }
+
+  &:hover {
+    .ai-button {
+      display: inline-flex;
+    }
+  }
+`;G.nextId();const de={type:"default",title:"Section CardList",description:"This is Section CardList",center:!0,dark:!1,background:"",col:3,gap:2,align:"top",textAlign:"left",iconSize:100,padding:"normal",list:[{id:G.nextId(),title:"Simplified Service Delivery",description:"Block Server's Service Gateway makes networking easy with access to load balancing, SSL termination, automatic and customizable URL mapping, and redirects.",image:"https://www.arcblock.io/static/ead0cabde7f2b7ff34db8f3e8ceca271/afc4b/builder.png"}]};function pe({componentId:o,locale:c,components:l}){const{state:{config:{defaultLocale:d}},localState:{customComponentPreviewerProperties:f}}=v.useStore(),n=v.useAllComponents();return t.jsx(ie.CustomComponentRenderer,{componentId:o,locale:c,dev:{mode:"draft",components:l||n,defaultLocale:d},properties:f?.[o]??{}})}const P=260,ue=5,F="IGNORE_RENDER_BLOCKLET_TITLE",E=(o,c)=>o?Object.entries(o).map(([l,d])=>({id:l,component:l,name:d?.data?.name||d?.component?.name||l,properties:d?.data||d.component,previewImage:d?.data?.previewImage||null,type:c,blockletId:d?.blockletId,blockletTitle:d?.blockletTitle})):[],H=[{id:"section",name:"Section",properties:S.SectionBlockDefaultProps},{id:"section-card-list",name:"Section Card List",properties:de},{id:"toc",name:"Toc",properties:S.TocDefaultProps},{id:"iframe",name:"Embed",properties:S.IFrameBlockDefaultProps},{id:"layout-block",name:"Section Layout",properties:{}}].map(o=>({...o,type:"basic",component:o.id}));function V({state:o,open:c,onClose:l,onSelect:d,defaultTab:f,title:n,componentGroups:q,components:b,multiple:x=!1,defaultSelected:h,emptyText:B}){const{t:a}=N.useLocaleContext(),r=D.useReactive({selectedComponent:null,activeTab:f,searchQuery:""}),y=u.useMemo(()=>q||[{name:"basic",label:a("maker.components.basicGroup"),components:H},o&&{name:"custom",label:a("maker.components.customGroup"),components:E(v.getCustomComponents(o),"custom")},o&&{name:"resource",label:a("maker.components.resourceGroup"),components:E(v.getResourceComponents(o),"resource")}].filter(Boolean),[q,a,o,c]),C=r.activeTab||y[0]?.name,j=()=>{r.selectedComponent&&(d(r.selectedComponent),l())},M=i=>{if(i){if(w(i)){x?r.selectedComponent=r.selectedComponent.filter(s=>s.id!==i.id):r.selectedComponent=null;return}if(x){const s=Array.isArray(r.selectedComponent)?r.selectedComponent:[],g=s.some(R=>R.id===i.id);r.selectedComponent=g?s.filter(R=>R.id!==i.id):[...s,i]}else r.selectedComponent=i}},w=i=>r.selectedComponent?x?r.selectedComponent.some(s=>s.id===i.id):r.selectedComponent.id===i.id:!1,k=y?.length===0,T=u.useMemo(()=>{const i=y.find(s=>s?.name===C)?.components||[];return r.searchQuery?i.filter(s=>s.name.toLowerCase().includes(r.searchQuery.toLowerCase())):i},[C,y,r.searchQuery]);u.useEffect(()=>{r.searchQuery="",c&&h?r.selectedComponent=x?Array.isArray(h)?h:[h]:h:r.selectedComponent=null},[c,h,x]);const I=T?.length===0,L=B||a(C==="resource"?"maker.components.needAddResource":"maker.components.noComponents"),X=u.useMemo(()=>T?T.reduce((i,s)=>{const g=s.blockletId||F,R=s.blockletTitle||a("maker.components.defaultGroup");return i[g]||(i[g]={title:R,components:[]}),i[g].components.push(s),i},{}):{},[T]);return t.jsxs(e.Dialog,{open:c,onClose:l,maxWidth:"lg",fullWidth:!0,slotProps:{paper:{sx:{height:"80vh",maxHeight:"80vh",display:"flex",flexDirection:"column"}}},children:[t.jsxs(e.DialogTitle,{className:"between",sx:{display:"flex",gap:2},children:[t.jsx(e.Box,{children:n||a("maker.components.addComponent")}),t.jsx(e.TextField,{size:"small",placeholder:a("maker.components.searchComponent"),value:r.searchQuery,onChange:i=>r.searchQuery=i.target.value,sx:{flex:1,maxWidth:350},slotProps:{input:{startAdornment:t.jsx(O.Icon,{icon:"tabler:search",style:{marginRight:8}})}}}),t.jsx(e.IconButton,{size:"small",onClick:l,children:t.jsx(e.Box,{component:O.Icon,icon:"tabler:x",sx:{color:"text.primary"}})})]}),t.jsxs(e.DialogContent,{sx:{display:"flex",gap:2,pl:"8px !important",flex:1,overflow:"hidden"},children:[!k&&t.jsx(e.Box,{sx:{width:150,borderRight:1,borderColor:"divider"},children:t.jsx(e.Tabs,{orientation:"vertical",value:C,onChange:(i,s)=>r.activeTab=s,sx:{"& .MuiTab-root":{alignItems:"flex-start",textAlign:"left",minHeight:48,py:1.5,px:2}},children:y.map((i,s)=>t.jsx(e.Tab,{label:i?.label,value:i?.name},s))})}),t.jsx(e.Box,{sx:{flex:1,overflowX:"hidden",overflowY:"auto",pr:1},children:I?t.jsx($.default,{children:L}):t.jsx(U,{wrapperComponent:e.Grid,wrapperComponentProps:{container:!0,spacing:2,sx:I?{height:"100%"}:{}},groups:X,emptyText:L,renderItem:i=>{const s=w(i);return t.jsx(e.Grid,{sx:{width:"100%","& .add-component-card":{boxShadow:"none",border:1,borderColor:s?"primary.main":"grey.200","& .check-container":{display:s?"flex":"none",position:"absolute",right:0,bottom:0,justifyContent:"flex-end",alignItems:"flex-end",width:30,height:30,overflow:"hidden",transition:"all 0.3s ease",color:"white","&::after":{position:"absolute",zIndex:0,display:"block",width:0,height:0,borderTop:"transparent solid 15px",borderLeft:"transparent solid 15px",borderBottom:g=>`solid 15px ${g.palette.primary.main}`,borderRight:g=>`solid 15px ${g.palette.primary.main}`,transition:"all 0.1s ease",content:'""'},"& .check-icon":{position:"relative",zIndex:2,margin:"0 1px 1px 0",fontSize:16,transition:"all 0.2s ease"}}}},size:{xs:12,md:6,lg:4},children:t.jsxs(e.Card,{className:"add-component-card",sx:{position:"relative",width:"100%",cursor:"pointer"},onClick:()=>M(i),children:[t.jsx(e.CardMedia,{sx:{width:"100%",height:P,overflow:"auto",position:"relative"},children:t.jsx(Q,{components:b,containerHeight:P,component:i},i.id)}),t.jsx(e.CardContent,{sx:{bgcolor:"background.paper",borderTop:1,borderColor:s?"primary.main":"grey.200"},children:t.jsx(e.Typography,{variant:"body1",noWrap:!0,sx:{fontWeight:"bold"},children:i.name})}),t.jsx(e.Box,{className:"check-container",children:t.jsx(ne.default,{className:"check-icon"})})]})},i.id)}})})]}),t.jsxs(e.DialogActions,{sx:{borderTop:1,borderColor:"divider",p:2},children:[t.jsx(e.Button,{onClick:l,variant:"outlined",children:a("common.cancel")}),t.jsx(e.Button,{onClick:j,variant:"contained",disabled:!r.selectedComponent||x&&Array.isArray(r.selectedComponent)&&r.selectedComponent.length===0,children:x&&Array.isArray(r.selectedComponent)&&r.selectedComponent.length>0?a("common.addMultiple",{count:r.selectedComponent.length}):a("common.add")})]})]})}function Q({containerHeight:o,component:c,minScale:l=.1,components:d}){const{locale:f}=N.useLocaleContext(),n=D.useReactive({scale:1,shouldScroll:!1,isVisible:!1,hadInit:!1}),{currentPage:q}=v.useStore(),b=u.useRef(null),x=u.useRef(null),h=u.useRef(0),B=u.useRef(null);u.useEffect(()=>{const w=new IntersectionObserver(([k])=>{n.isVisible=k.isIntersecting},{root:null,rootMargin:"50px",threshold:0});return x.current&&w.observe(x.current),()=>w.disconnect()},[]),u.useEffect(()=>{const w=()=>{if(h.current+=1,h.current>ue){k.disconnect();return}if(!c.previewImage&&b.current){const T=b.current.scrollHeight,I=o/T;I<l?(n.scale=l,n.shouldScroll=!0):I<1?(n.scale=I,n.shouldScroll=!1):(n.scale=1,n.shouldScroll=!1)}B.current&&clearTimeout(B.current),B.current=setTimeout(()=>{n.hadInit=!0},200)},k=new ResizeObserver(()=>{setTimeout(w,20)});return b.current&&n.isVisible&&k.observe(b.current),()=>{k.disconnect()}},[o,l,n.isVisible,c]);const{id:a,type:r,component:y,properties:C,previewImage:j}=c,M=u.useMemo(()=>n.isVisible?j?t.jsx(e.Box,{component:"img",loading:"lazy",src:v.getImageAbsoluteUrl(j),alt:c.name,sx:{width:"100%",height:"100%",objectFit:"cover",borderRadius:1,cursor:"pointer"}},a):r==="basic"?t.jsx(S.BlockRenderer,{id:a,type:y,section:C,config:{...C,locale:f,editing:!1,dev:{mode:"draft"}},page:q},a):t.jsx(pe,{componentId:a,locale:f,components:d},a):null,[a,r,y,C,f,j,n.isVisible]);return t.jsx(e.Box,{ref:x,sx:{position:"relative",width:"100%",height:"100%",overflowX:"hidden",overflowY:n.shouldScroll?"auto":"hidden",transition:"all 0.3s ease"},children:t.jsxs(e.Box,{sx:{transform:`scale(${n.scale})`,transformOrigin:"top left",width:`${100/n.scale}%`,height:n.hadInit&&n.shouldScroll?"100%":`${100/n.scale}%`},children:[!n.hadInit&&t.jsx(e.Skeleton,{variant:"rectangular",width:"100%",height:"100%"}),t.jsx(e.Box,{ref:b,sx:{width:"100%",height:j?"100%":"auto",pointerEvents:"none",opacity:n.hadInit?1:0},children:M})]})})}function U({groups:o,emptyText:c,renderItem:l,wrapperComponent:d=e.Box,wrapperComponentProps:f={display:"inline-flex",flexWrap:"wrap",gap:1}}){return t.jsx(e.Box,{children:Object.keys(o).length>0?Object.entries(o).map(([n,{title:q,components:b}])=>t.jsxs(e.Box,{sx:{mb:3},children:[n!==F&&t.jsxs(e.Typography,{className:"blocklet-title",variant:"subtitle2",sx:{mb:2,fontWeight:500,color:"text.primary",display:"flex",alignItems:"center",gap:1},children:[t.jsx(e.Box,{component:"span",sx:{width:4,height:20,backgroundColor:"primary.main",borderRadius:1,display:"inline-block"}}),q]}),t.jsx(d,{...f,children:b.map(x=>l(x))})]},n)):t.jsx($.default,{children:c})})}exports.AddComponent=V;exports.AutoScaledComponentRenderer=Q;exports.BASIC_COMPONENT_LIST=H;exports.GroupedComponentsList=U;exports.default=V;exports.formatComponent=E;

package/lib/cjs/chunks/draft-data-D44_IEV2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("./state-B6BF5wJ-.js");function n({children:e}){const r=t.useProjectId();return s.jsx(t.StoreProvider,{url:t.getWssURL(r??""),name:"root",waitingSynced:!0,children:s.jsx(o,{children:e})})}function o({children:e}){const{state:r}=t.useStore();return e({state:r})}exports.default=n;

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

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