@blocklet/pages-kit-inner-components 0.5.36 → 0.5.37
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.
- package/lib/cjs/add-component.js +1 -1
- package/lib/cjs/chunks/{array-Ck0L_JhL.js → array-Cr5KF-hM.js} +1 -1
- package/lib/cjs/chunks/{config-string-CaLe_baf.js → config-string-BYZ5HfyY.js} +1 -1
- package/lib/cjs/chunks/{draft-data-CY1N7Ozn.js → draft-data-6zW9mu28.js} +1 -1
- package/lib/cjs/chunks/{home-CjWVwLEf.js → home-C0ZSLVcc.js} +3 -3
- package/lib/cjs/chunks/{publish-button-BDrUGRX4.js → publish-button-CPmErdXB.js} +1 -1
- package/lib/cjs/chunks/state-BWuBNdK8.js +1 -0
- package/lib/cjs/home.js +1 -1
- package/lib/cjs/project-html.js +5 -5
- package/lib/cjs/setting.js +2 -2
- package/lib/es/add-component.js +3 -3
- package/lib/es/chunks/{array-HCA75FfO.js → array-D34Qpnhk.js} +1 -1
- package/lib/es/chunks/{config-string-17RNX8vu.js → config-string-DgK7ETCs.js} +1 -1
- package/lib/es/chunks/{draft-data-CyeVe0kA.js → draft-data-B5kzDvTI.js} +1 -1
- package/lib/es/chunks/{home-COrN_x32.js → home-B1ALs6m4.js} +4 -4
- package/lib/es/chunks/{publish-button-WmGjhj6q.js → publish-button-9J9uRZtS.js} +3 -3
- package/lib/es/chunks/{state-Br2xp7Mf.js → state-BzwEX9VC.js} +38 -38
- package/lib/es/home.js +3 -3
- package/lib/es/project-html.js +15 -15
- package/lib/es/setting.js +154 -154
- package/package.json +3 -3
- package/lib/cjs/chunks/state-D4QeRw7n.js +0 -1
package/lib/cjs/add-component.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var xI=Object.create;var iI=Object.defineProperty;var YI=Object.getOwnPropertyDescriptor;var rI=Object.getOwnPropertyNames;var hI=Object.getPrototypeOf,ZI=Object.prototype.hasOwnProperty;var QI=(C,s,w,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of rI(s))!ZI.call(C,o)&&o!==w&&iI(C,o,{get:()=>s[o],enumerable:!(i=YI(s,o))||i.enumerable});return C};var kI=(C,s,w)=>(w=C!=null?xI(hI(C)):{},QI(s||!C||!C.__esModule?iI(w,"default",{value:C,enumerable:!0}):w,C));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("react/jsx-runtime"),H=require("./chunks/state-
|
|
1
|
+
"use strict";var xI=Object.create;var iI=Object.defineProperty;var YI=Object.getOwnPropertyDescriptor;var rI=Object.getOwnPropertyNames;var hI=Object.getPrototypeOf,ZI=Object.prototype.hasOwnProperty;var QI=(C,s,w,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of rI(s))!ZI.call(C,o)&&o!==w&&iI(C,o,{get:()=>s[o],enumerable:!(i=YI(s,o))||i.enumerable});return C};var kI=(C,s,w)=>(w=C!=null?xI(hI(C)):{},QI(s||!C||!C.__esModule?iI(w,"default",{value:C,enumerable:!0}):w,C));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("react/jsx-runtime"),H=require("./chunks/state-BWuBNdK8.js"),RI=require("@arcblock/ux/lib/Empty"),W=require("@arcblock/ux/lib/Locale/context"),p=require("@iconify-icon/react"),pI=require("@mui/icons-material/Check"),A=require("@mui/material"),u=require("ahooks"),m=require("react"),h=require("./chunks/array-Cr5KF-hM.js"),G=require("@arcblock/ux/lib/Theme");require("@blocklet/pages-kit/builtin/color-picker");require("@blocklet/pages-kit/utils/style");const _=require("@emotion/css");require("lodash/without");const T=require("@mui/material/colors"),f=require("./chunks/config-string-BYZ5HfyY.js"),UI=require("lodash/cloneDeep"),r=require("@mui/icons-material"),sI=require("react-dnd");require("@arcblock/ux/lib/Tabs");require("lodash/pick");const fI=require("@mui/lab"),F=require("immer"),GI=require("./theme.js"),q=require("react-use"),BI=require("@arcblock/ux/lib/Toast"),VI=require("@mui/material/Tooltip"),vI=require("@mui/icons-material/KeyboardArrowLeft"),_I=require("@mui/material/Box"),PI=require("@mui/material/DialogTitle"),qI=require("@mui/material/IconButton"),$I=require("@mui/material/Dialog"),IC=require("@mui/material/useMediaQuery"),yI=require("@emotion/react"),CC=require("@mui/material/Alert"),gC=require("@mui/material/AlertTitle"),AC=require("react-error-boundary"),iC=require("ufo"),sC=require("@emotion/styled"),oC=require("@mui/material/Typography"),wC=require("joi"),$=require("@blocklet/ai-kit/api"),MC=require("@blocklet/js-sdk"),DI=require("@mui/x-date-pickers"),LC=require("@mui/x-date-pickers/AdapterDayjs"),jC=require("@mui/x-date-pickers/LocalizationProvider"),oI=require("circular-natal-horoscope-js/dist"),JC=require("dayjs"),OC=require("dayjs/plugin/timezone"),mC=require("dayjs/plugin/utc"),SC=require("fast-deep-equal"),BC=require("lodash/isNil"),yC=require("tz-lookup"),DC=require("@mui/icons-material/CheckCircleOutline"),eC=require("lodash/uniq"),bC=require("lodash/get"),NC=require("lodash/set"),KC=require("@blocklet/pages-kit/components"),a=C=>C&&C.__esModule?C:{default:C},eI=a(RI),dC=a(pI),bI=a(m),cC=a(UI),NI=a(BI),zC=a(VI),II=a(vI),Y=a(_I),CI=a(PI),gI=a(qI),aC=a($I),FC=a(IC),tC=a(CC),lC=a(gC),Q=a(sC),wI=a(oC),n=a(wC),Z=a(JC),HC=a(OC),EC=a(mC),uC=a(SC),nC=a(BC),KI=a(yC),XC=a(DC),MI=a(eC),TC=a(bC),WC=a(NC);T.red[300],T.pink[300],T.purple[300],T.indigo[300],T.blue[300],T.cyan[300],T.teal[300],T.green[300],T.lime[300],T.yellow[300],T.amber[300],T.orange[300],T.brown[300],T.grey[300],T.blueGrey[300];G.styled(A.Box)`
|
|
2
2
|
.color-item {
|
|
3
3
|
position: relative;
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var It=Object.create;var lt=Object.defineProperty;var Rt=Object.getOwnPropertyDescriptor;var Tt=Object.getOwnPropertyNames;var Wt=Object.getPrototypeOf,zt=Object.prototype.hasOwnProperty;var Pt=(t,e,i,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Tt(e))!zt.call(t,r)&&r!==i&<(t,r,{get:()=>e[r],enumerable:!(n=Rt(e,r))||n.enumerable});return t};var Et=(t,e,i)=>(i=t!=null?It(Wt(t)):{},Pt(e||!t||!t.__esModule?lt(i,"default",{value:t,enumerable:!0}):i,t));const o=require("react/jsx-runtime"),qt=require("@mui/icons-material"),m=require("@mui/material"),Lt=require("lodash/isEmpty"),At=require("lodash/pick"),b=require("react"),Ot=require("lodash/keyBy"),k=require("./state-
|
|
1
|
+
"use strict";var It=Object.create;var lt=Object.defineProperty;var Rt=Object.getOwnPropertyDescriptor;var Tt=Object.getOwnPropertyNames;var Wt=Object.getPrototypeOf,zt=Object.prototype.hasOwnProperty;var Pt=(t,e,i,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Tt(e))!zt.call(t,r)&&r!==i&<(t,r,{get:()=>e[r],enumerable:!(n=Rt(e,r))||n.enumerable});return t};var Et=(t,e,i)=>(i=t!=null?It(Wt(t)):{},Pt(e||!t||!t.__esModule?lt(i,"default",{value:t,enumerable:!0}):i,t));const o=require("react/jsx-runtime"),qt=require("@mui/icons-material"),m=require("@mui/material"),Lt=require("lodash/isEmpty"),At=require("lodash/pick"),b=require("react"),Ot=require("lodash/keyBy"),k=require("./state-BWuBNdK8.js"),J=require("@blocklet/ai-runtime/components"),Ut=require("@mui/utils"),Mt=require("react-error-boundary"),Ft=require("@blocklet/pages-kit/builtin/markdown/markdown-renderer"),yt=require("@blocklet/pages-kit/contexts/color"),_=require("@emotion/css"),Ht=require("react-syntax-highlighter/dist/esm/styles/prism"),$=require("@arcblock/ux/lib/Theme"),Vt=require("@arcblock/react-hooks/lib/useBrowser"),Dt=require("@arcblock/ux/lib/Colors"),et=require("@blocklet/pages-kit/components"),ct=require("@blocklet/pages-kit/utils/style"),Yt=require("@mui/material/useMediaQuery"),Jt=require("lodash/omit"),bt=require("@iconify-icon/react"),Gt=require("@arcblock/ux/lib/Screenshot"),ot=require("react-router-dom"),Kt=require("@arcblock/ux/lib/Button"),Xt=require("is-uri"),G=require("pathe"),q=require("ufo"),Qt=require("@blocklet/embed/message"),Zt=require("ahooks"),te=require("lodash/isEqual"),ee=require("@blocklet/embed/react"),oe=require("@arcblock/ux/lib/Locale/context"),ne=require("react-twitter-embed"),dt=require("react-use"),C=t=>t&&t.__esModule?t:{default:t},re=C(Lt),X=C(At),ie=C(b),Q=C(Ot),se=C(Ft),ae=C(Vt),ut=C(Dt),wt=C(Yt),R=C(Jt),le=C(Gt),ce=C(Kt),Z=C(Xt),de=C(te),jt="{{CUSTOM_VALUE}}",ue=[{title:"None",value:"none",sx:{py:0}},{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}}}],me=[{title:"None",value:"none",sx:{py:0}},{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}}}],xe=[{title:"None",value:"none",sx:{px:0}},{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}}}],K=(t,e,i)=>{const n=t.breakpoints.values[i];return`${e}${n?` (${n}px)`:""}`},pe=[{title:"100%",value:"full",sx:{maxWidth:"100%"}},{title:t=>K(t,"Small","sm"),value:"sm",sx:{maxWidth:t=>t.breakpoints.values.sm,width:"100%",mx:"auto"}},{title:t=>K(t,"Normal","md"),value:"md",sx:{maxWidth:t=>t.breakpoints.values.md,width:"100%",mx:"auto"}},{title:t=>K(t,"Large","lg"),value:"lg",sx:{maxWidth:t=>t.breakpoints.values.lg,width:"100%",mx:"auto"}},{title:t=>K(t,"Extra Large","xl"),value:"xl",sx:{maxWidth:t=>t.breakpoints.values.xl,width:"100%",mx:"auto"}},{title:"Custom",value:"custom",sx:{maxWidth:jt,width:"100%",mx:"auto"}}],he=Q.default(ue,"value"),fe=Q.default(me,"value"),ge=Q.default(xe,"value"),ye=Q.default(pe,"value"),be=new Map([["baseSectionPaddingY",he],["maxWidth",ye],["paddingY",fe],["paddingX",ge]]);function _t(t){var l;const{type:e,value:i,format:n="sx",defaultValue:r=null}=t,a=be.get(e);if(!a)return r;const d=i.startsWith("custom:"),s=d?"custom":i;if(a!=null&&a[s]&&((l=a==null?void 0:a[s])!=null&&l[n])){const c=a[s][n];if(d){const x=i.replace("custom:","");try{return JSON.parse(JSON.stringify(c||{}).replaceAll(jt,x))}catch{}}return c}return r}const vt=b.createContext({page:null,getPageMeta:()=>({}),getPageMetaStyle:()=>({})});function we(){return b.useContext(vt)}function je({page:t,children:e,defaultLocale:i="en",currentLocale:n}){const r=b.useMemo(()=>t?JSON.parse(JSON.stringify(t)):null,[JSON.stringify(t)]),a=b.useCallback(()=>{var c;if(!r)return{};const l=n||i;return((c=r.locales)==null?void 0:c[l])??{}},[r,i,n]),d=b.useCallback((l="sx")=>{const c=a();return!c||!c.style?{}:Object.entries(c.style||{}).reduce((u,[h,p])=>{if(!p)return u;const y=`${h}Custom`;c.style[y];const f=_t({type:h,value:p,format:l});return f?{...u,...f}:u},{})},[a]),s=b.useMemo(()=>({page:r,getPageMeta:a,getPageMetaStyle:d}),[r,a,d]);return o.jsx(vt.Provider,{value:s,children:e})}function E({actions:t,center:e,className:i,align:n}){return t&&(t!=null&&t.length)?o.jsx(m.Box,{className:_.cx("flex gap-4 flex-wrap","lg:flex-row lg:gap-8",(e||n==="center")&&"justify-center",!e&&n==="right"&&"justify-end",!e&&n==="left"&&"justify-start",i),sx:{alignItems:"center"},children:t}):null}const _e="section",ve=m.styled(m.Box)`
|
|
2
2
|
overflow: hidden;
|
|
3
3
|
|
|
4
4
|
.section__title {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const i=require("react/jsx-runtime"),s=require("@blocklet/pages-kit/builtin/uploader"),h=require("@iconify-icon/react"),n=require("@mui/material"),l=require("react"),q=require("react-use"),I=require("./state-
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),s=require("@blocklet/pages-kit/builtin/uploader"),h=require("@iconify-icon/react"),n=require("@mui/material"),l=require("react"),q=require("react-use"),I=require("./state-BWuBNdK8.js"),v=l.forwardRef(function({showMarkdown:S,markdown:j,onMarkdownChange:o,showUploader:p,value:c,meta:A,onChange:a,...u},z){const[t,m]=l.useState("");l.useEffect(()=>{m(c||"")},[c,m]);const f=async()=>{if(t!==c){const e=I.getImageAbsoluteUrl(t);if(!e){a(t,void 0);return}const r=await s.getImageSize(e).catch(()=>s.getVideoSize(e)).catch(()=>{});a(t,{...r,filename:t})}};q.useDebounce(()=>{t!==c&&a(t)},300,[t]),l.useImperativeHandle(z,()=>({submit:f}));const g={};return p&&(g.InputProps={sx:{pr:0},endAdornment:i.jsx(n.InputAdornment,{position:"end",sx:{mx:.5},children:i.jsx(s.UploaderButton,{onChange:async({response:e})=>{var b;const r=(b=e==null?void 0:e.data)==null?void 0:b.filename,d=I.getImageAbsoluteUrl(r)||"";let x={};d&&(x=await s.getImageSize(d).catch(()=>s.getVideoSize(d)).catch(()=>{})),a(r,{...x,filename:r})}})})}),i.jsx(n.TextField,{size:"small",fullWidth:!0,...u,label:i.jsxs(n.Stack,{direction:"row",spacing:1,alignItems:"center",children:[u.label,S&&i.jsxs(i.Fragment,{children:[" (",i.jsx(n.FormControlLabel,{checked:j,label:i.jsx(n.Box,{component:h.Icon,icon:"tabler:markdown",sx:{verticalAlign:"middle"}}),labelPlacement:"start",control:i.jsx(n.Switch,{size:"small"}),sx:{ml:.25,pr:1},onChange:(e,r)=>o==null?void 0:o(r)}),")"]})]}),InputLabelProps:{shrink:!0,...u.InputLabelProps},value:t,onChange:e=>m(e.target.value),...g,onKeyDown:e=>{e.keyCode!==229&&e.key==="Enter"&&f()}})});exports.ConfigString=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("./state-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("./state-BWuBNdK8.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;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),k=require("./state-
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),k=require("./state-BWuBNdK8.js"),Z=require("@arcblock/ux/lib/Locale/context"),de=require("@arcblock/ux/lib/Result"),pe=require("@blocklet/pages-kit/builtin/page/header"),ge=require("@blocklet/pages-kit/contexts/color"),ee=require("@blocklet/pages-kit/utils/data-source"),me=require("@blocklet/pages-kit/utils/route"),fe=require("@blocklet/ui-react/lib/Header"),te=require("@emotion/css"),V=require("@emotion/react"),he=require("@emotion/styled"),y=require("@mui/material"),$=require("ahooks"),xe=require("isomorphic-dompurify"),je=require("lodash/cloneDeep"),be=require("lodash/isEmpty"),ye=require("lodash/isEqual"),f=require("react"),ve=require("react-helmet"),w=require("react-router-dom"),ne=require("react-use"),C=require("ufo"),E=require("./array-Cr5KF-hM.js"),K=require("@arcblock/ux/lib/Theme"),Pe=require("@blocklet/ui-react/lib/Footer");require("webfontloader");const J=require("./session-BA7Qrcia.js"),q=t=>t&&t.__esModule?t:{default:t},oe=q(de),we=q(fe),re=q(he),Re=q(xe),z=q(je),Se=q(be),se=q(ye),ke=q(Pe),qe=K.styled(ke.default,{shouldForwardProp:t=>!!t})`
|
|
2
2
|
& > div > .MuiContainer-root {
|
|
3
3
|
max-width: unset;
|
|
4
4
|
}
|
|
@@ -26,11 +26,11 @@
|
|
|
26
26
|
font-family: ${i};
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
|
-
`})}function Be(){const[t]=w.useSearchParams(),{session:o}=J.useSessionContext(),s=J.useIsRoleOrMultiTenant("owner","admin","pagesEditor","member"),a=f.useMemo(()=>{const n=t.get("mode");return E.STATE_MODES.includes(n)?n:"production"},[t]),i=a==="production"?a:o.user?s?a:"production":null;return i?e.jsx(ie,{mode:i}):null}function ie({mode:t}){if(t!=="draft"){const o=window.__PAGE_STATE__;return o?e.jsx(N,{mode:t,state:o}):e.jsx(Le,{mode:t,children:({state:s})=>e.jsx(N,{mode:t,state:s})})}return e.jsx(Te,{children:({state:o})=>e.jsx(N,{mode:t,state:o})})}const Te=f.lazy(()=>Promise.resolve().then(()=>require("./draft-data-
|
|
29
|
+
`})}function Be(){const[t]=w.useSearchParams(),{session:o}=J.useSessionContext(),s=J.useIsRoleOrMultiTenant("owner","admin","pagesEditor","member"),a=f.useMemo(()=>{const n=t.get("mode");return E.STATE_MODES.includes(n)?n:"production"},[t]),i=a==="production"?a:o.user?s?a:"production":null;return i?e.jsx(ie,{mode:i}):null}function ie({mode:t}){if(t!=="draft"){const o=window.__PAGE_STATE__;return o?e.jsx(N,{mode:t,state:o}):e.jsx(Le,{mode:t,children:({state:s})=>e.jsx(N,{mode:t,state:s})})}return e.jsx(Te,{children:({state:o})=>e.jsx(N,{mode:t,state:o})})}const Te=f.lazy(()=>Promise.resolve().then(()=>require("./draft-data-6zW9mu28.js")));function Le({mode:t,children:o}){const s=document.querySelector('meta[property="pages:version"]'),a=s==null?void 0:s.content,i=k.useProjectId(),n=f.useMemo(()=>{if(a==="{{pagesPublishedAt}}"){const u=localStorage.getItem(k.getProjectPageVersionKey(i??""));return Number(u)?Number(u):new Date().getTime()}return Number(a)},[a]),{loading:p,value:c}=ne.useAsync(()=>E.getPages({mode:t,version:n}),[t,n]);return p?e.jsx(ae,{}):c?o({state:c}):null}function N({mode:t,state:o}){const{t:s,locale:a}=Z.useLocaleContext(),[i]=w.useSearchParams(),n=k.useProjectId(),p=k.useProjectSlug(),c=i.get("hiddenBadge")==="true",u=i.get("showPublish")==="true",{pageIds:h,pages:d,routeIds:g,routes:x,supportedLocales:j,config:{defaultLocale:b},resources:M}=o,m=k.getAllComponents(o),R=f.useMemo(()=>j!=null&&j.some(l=>l.locale===a)?a:void 0,[a,j]),L=Object.values(x||{}).find(l=>(l==null?void 0:l.path)==="/")||Object.values(d).find(l=>(l==null?void 0:l.slug)==="/")?void 0:Object.values(d)[0],H=f.useMemo(()=>t==="production"?h.map(l=>{const r=d[l];return r&&{id:r.id,path:C.joinURL("/",p||n||"",r.slug)}}).filter(E.nonNullable):g.map(l=>{const r=x[l];return r?{id:r.id,path:C.joinURL("/",p||n||"",r.path,`?mode=${t}&showPublish=true`)}:null}).filter(E.nonNullable),[h,d,t,x,g,n,p]),_=([...l])=>(t!=="production"&&u&&l.unshift(e.jsx(f.Suspense,{fallback:e.jsx("div",{}),children:e.jsx(Oe,{mode:"production",state:o})})),l);return e.jsxs(E.Provider,{value:{pages:H},children:[e.jsxs(w.Routes,{children:[L&&e.jsx(w.Route,{index:!0,element:e.jsx(w.Navigate,{to:C.joinURL("/",R||"",L.slug)})}),g==null?void 0:g.map(l=>{var P,v,S,A;const r=x==null?void 0:x[l];if(!r||!r.displayTemplateId)return null;const I=d[r.displayTemplateId];if(!I)return null;let B=[];if(r.params&&r.params.length>0){const T=me.generateParamCombinations({basePath:r.path,params:r.params,routeId:r.id,paramsOptions:r.paramsOptions,currentIndex:0,currentParams:[],currentOptionIds:[],result:[]});B=T==null?void 0:T.map(D=>{var F,Q,X,Y;const O=D.paramOptionIds.join("-");return e.jsx(w.Route,{path:C.joinURL(":projectIdOrSlug?",D.path),element:e.jsx(W,{mode:t,components:m,page:I,locale:R,defaultLocale:b,headerAddons:_,state:o,pageData:(Y=(X=(Q=(F=r.dataSource)==null?void 0:F.pathDataMappings)==null?void 0:Q[O])==null?void 0:X.dataCache)==null?void 0:Y[R||b||"en"]})},O)})}return B.push(e.jsx(w.Route,{path:C.joinURL(":projectIdOrSlug?",r.path),element:e.jsx(W,{mode:t,components:m,page:I,locale:R,defaultLocale:b,headerAddons:_,state:o,pageData:(A=(S=(v=(P=r.dataSource)==null?void 0:P.pathDataMappings)==null?void 0:v[r.id])==null?void 0:S.dataCache)==null?void 0:A[R||b||"en"]})},r.id)),B}),h.map(l=>{const r=d[l];return r?e.jsx(w.Route,{path:C.joinURL(":projectIdOrSlug?",r.slug),element:e.jsx(U,{mode:t,components:m,page:r,locale:R,defaultLocale:b,headerAddons:_})},r.id):null}),M.pages&&Object.values(M.pages).map(({blockletId:l,page:r})=>e.jsx(w.Route,{path:C.joinURL("/",`@${l}`,r.slug),element:e.jsx(U,{mode:t,components:m,page:r,locale:R,defaultLocale:b,headerAddons:_})},r.id)),e.jsx(w.Route,{path:"*",element:e.jsx(y.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:e.jsx(oe.default,{status:404,extra:e.jsx(ue,{href:"/",children:s("common.back")}),sx:{bgcolor:"transparent",width:"100%",height:"100%"}})})})]}),t!=="production"&&!c&&e.jsx(Ce,{sx:{bgcolor:"info.light"},children:t}),e.jsx(Ie,{})]})}function W({mode:t,pageData:o,components:s,page:a,locale:i,defaultLocale:n,headerAddons:p,state:c}){const u=$.useReactive({page:null});f.useEffect(()=>{const d=a||null;d?u.page=z.default(d):u.page=null},[a,u]);const h=f.useRef();return f.useEffect(()=>{se.default(o,h.current)||o&&u.page&&(ee.setPageDataSource(u.page,c,i,o),h.current=z.default(o))},[u.page,o,i,c]),u.page?e.jsx(U,{mode:t,components:s,page:u.page,locale:i,defaultLocale:n,headerAddons:p}):null}function De({mode:t,state:o,path:s,pageData:a}){const{t:i,locale:n}=Z.useLocaleContext(),{pages:p,supportedLocales:c,config:{defaultLocale:u},resources:h}=o,d=Object.values(p).find(m=>(m==null?void 0:m.slug)===s),g=Object.values(h.pages||{}).find(m=>m.page.slug===s),x=f.useMemo(()=>c!=null&&c.some(m=>m.locale===n)?n:void 0,[n,c]),j=$.useReactive({page:null});f.useEffect(()=>{const m=d||(g==null?void 0:g.page)||null;m?j.page=z.default(m):j.page=null},[d,g]);const b=f.useRef();if(f.useEffect(()=>{se.default(a,b.current)||a&&j.page&&(ee.setPageDataSource(j.page,o,x,a),b.current=z.default(a))},[{}]),!d&&!(g!=null&&g.page))return e.jsx(y.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:e.jsx(oe.default,{style:{background:"inherit"},status:404,extra:e.jsx(ue,{href:"/",children:i("common.back")})})});const M=k.getAllComponents(o);return j.page?e.jsx(U,{mode:t,components:M,page:j.page,locale:x,defaultLocale:u}):null}function U({mode:t,components:o,page:s,locale:a,defaultLocale:i,headerAddons:n}){var R,G,L,H,_,l,r,I,B;const p=ge.useColorConvert(),c=((R=s.locales)==null?void 0:R[a])??((G=s.locales)==null?void 0:G[i])??{},u=c.title||((L=window.blocklet)==null?void 0:L.appName),h=c.description||((H=window.blocklet)==null?void 0:H.appDescription),d=k.autoResizeImage(k.getImageAbsoluteUrl(c.image),540),{logo:g,brand:x,description:j,...b}=pe.useHeaderState(),M=f.useMemo(()=>P=>{var S;let v=(n==null?void 0:n(P))??P;return v=((S=b.addons)==null?void 0:S.call(b,v))??v,v},[b.addons,n]),m=(_=c.header)!=null&&_.translucent?le:ce;return e.jsxs(E.PageProvider,{page:s,defaultLocale:i,currentLocale:a,children:[e.jsx(V.Global,{styles:V.css`
|
|
30
30
|
body {
|
|
31
31
|
background-color: ${p(!c.backgroundColor||c.backgroundColor==="transparent"?"background.default":c.backgroundColor)} !important;
|
|
32
32
|
}
|
|
33
|
-
`}),e.jsx(m,{hideNavMenu:!!((l=c.header)!=null&&l.hideNavMenus),translucentTextColor:(r=c.header)==null?void 0:r.translucentTextColor,...g?{logo:g}:{},...x?{brand:x}:{},...j?{description:j}:{},className:te.cx(((I=c.header)==null?void 0:I.sticky)&&"sticky","page-header"),maxWidth:!1,addons:M}),e.jsx(w.ScrollRestoration,{}),e.jsxs(ve.Helmet,{children:[e.jsx("title",{children:u}),e.jsx("meta",{name:"og:title",content:u}),e.jsx("meta",{name:"og:description",content:h}),e.jsx("meta",{name:"og:image",content:d}),e.jsx("meta",{name:"twitter:image:src",content:d}),e.jsx("meta",{name:"twitter:image",content:d}),e.jsx("meta",{property:"twitter:description",content:h}),e.jsx("meta",{property:"twitter:title",content:u}),e.jsx("meta",{name:"description",content:h})]}),e.jsx(y.Stack,{flexGrow:1,className:"PageView-root",sx:{"& .BlockBase-root:first-child":{pt:"0 !important"}},children:s.sectionIds.map(P=>{var T,D,O,F;const v=s.sections[P];if(!v||v.visibility==="hidden")return null;const S=(D=(T=s.dataSource)==null?void 0:T[P])==null?void 0:D[a],A=((F=(O=s.dataSource)==null?void 0:O[P])==null?void 0:F[i])??{};return e.jsx(E.BlockRenderer,{id:P,type:v.component,mode:t,section:v,config:{...Se.default(S)?A:S,locale:a,dev:t==="draft"?{mode:t,components:o,defaultLocale:i}:{mode:t,defaultLocale:i}},page:s},P)})}),!((B=c.footer)!=null&&B.hidden)&&e.jsx(_e,{})]})}const Oe=f.lazy(()=>Promise.resolve().then(()=>require("./publish-button-
|
|
33
|
+
`}),e.jsx(m,{hideNavMenu:!!((l=c.header)!=null&&l.hideNavMenus),translucentTextColor:(r=c.header)==null?void 0:r.translucentTextColor,...g?{logo:g}:{},...x?{brand:x}:{},...j?{description:j}:{},className:te.cx(((I=c.header)==null?void 0:I.sticky)&&"sticky","page-header"),maxWidth:!1,addons:M}),e.jsx(w.ScrollRestoration,{}),e.jsxs(ve.Helmet,{children:[e.jsx("title",{children:u}),e.jsx("meta",{name:"og:title",content:u}),e.jsx("meta",{name:"og:description",content:h}),e.jsx("meta",{name:"og:image",content:d}),e.jsx("meta",{name:"twitter:image:src",content:d}),e.jsx("meta",{name:"twitter:image",content:d}),e.jsx("meta",{property:"twitter:description",content:h}),e.jsx("meta",{property:"twitter:title",content:u}),e.jsx("meta",{name:"description",content:h})]}),e.jsx(y.Stack,{flexGrow:1,className:"PageView-root",sx:{"& .BlockBase-root:first-child":{pt:"0 !important"}},children:s.sectionIds.map(P=>{var T,D,O,F;const v=s.sections[P];if(!v||v.visibility==="hidden")return null;const S=(D=(T=s.dataSource)==null?void 0:T[P])==null?void 0:D[a],A=((F=(O=s.dataSource)==null?void 0:O[P])==null?void 0:F[i])??{};return e.jsx(E.BlockRenderer,{id:P,type:v.component,mode:t,section:v,config:{...Se.default(S)?A:S,locale:a,dev:t==="draft"?{mode:t,components:o,defaultLocale:i}:{mode:t,defaultLocale:i}},page:s},P)})}),!((B=c.footer)!=null&&B.hidden)&&e.jsx(_e,{})]})}const Oe=f.lazy(()=>Promise.resolve().then(()=>require("./publish-button-CPmErdXB.js"))),ce=re.default(we.default)`
|
|
34
34
|
&.sticky {
|
|
35
35
|
position: sticky;
|
|
36
36
|
top: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),F=require("./state-D4QeRw7n.js"),W=require("@arcblock/ux/lib/Locale/context"),ee=require("@arcblock/ux/lib/Toast"),te=require("@blocklet/pages-kit/utils/route"),O=require("@mui/icons-material"),J=require("@mui/lab"),s=require("@mui/material"),se=require("immer"),ne=require("lodash/difference"),l=require("react"),ie=require("react-use"),re=require("./home-CjWVwLEf.js"),U=require("./array-Ck0L_JhL.js"),G=r=>r&&r.__esModule?r:{default:r},$=G(ee),H=G(ne);function oe(r){const[j,k]=l.useState(!1);return e.jsx(J.LoadingButton,{...r,loading:r.loading||j,onClick:u=>{var b;const p=(b=r.onClick)==null?void 0:b.call(r,u);p instanceof Promise&&(k(!0),p.finally(()=>{k(!1)}))}})}const ae=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 le(){const[r,j]=l.useState(),k=l.useMemo(()=>r?e.jsx(s.Dialog,{...r}):null,[r]),u=l.useCallback(()=>{j(void 0)},[]),p=l.useCallback(({title:b,content:d,cancelText:S="Cancel",okText:f="Ok",onOk:g,onClose:c,okIcon:P,okColor:w="primary",cancelColor:y="primary",DialogContentProps:A,form:E,...z})=>{j({...z,open:!0,children:e.jsxs("form",{onSubmit:v=>v.preventDefault(),children:[b&&e.jsxs(s.DialogTitle,{className:"between",zIndex:"appBar",bgcolor:"background.paper",sx:{borderBottom:v=>`1px solid ${v.palette.divider}`},children:[e.jsx(s.Box,{children:b}),e.jsx(s.IconButton,{size:"small",onClick:async()=>{u(),c==null||c()},children:e.jsx(ae,{})})]}),d&&e.jsx(s.DialogContent,{...A,sx:{mt:-3,...A==null?void 0:A.sx},children:e.jsx(s.Box,{pt:3,children:d})}),e.jsxs(s.DialogActions,{children:[e.jsx(s.Button,{variant:"outlined",color:y||"primary",onClick:c??u,children:S}),e.jsx(oe,{variant:"contained",color:w||"primary",startIcon:P,loadingPosition:P?"start":"center",onClick:async()=>{await(g==null?void 0:g()),u()},type:"submit",children:f})]})]}),onClose:c??u})},[u]);return{dialog:k,showDialog:p,closeDialog:u}}const ce=l.forwardRef(({mode:r,state:j},k)=>{const{t:u}=W.useLocaleContext(),[p,b]=l.useState(!1),{dialog:d,showDialog:S}=le(),f=F.useProjectId(),g=l.useCallback(P=>{let w=[];S({title:u("maker.publishToProduction"),content:e.jsxs(s.Box,{sx:{minWidth:300},children:[e.jsx(s.Alert,{color:"warning",icon:e.jsx(O.Warning,{}),children:u("maker.publishToProductionTip")}),e.jsx(s.Box,{maxHeight:"50vh",overflow:"auto",mt:2,children:e.jsx(de,{state:j,toMode:r,onChange:y=>w=y,defaultRouteIds:P})})]}),okText:u("maker.publish"),cancelText:u("common.cancel"),onOk:async()=>{if((w==null?void 0:w.length)===0){const y=u("maker.publishSelectPagesMessage");throw $.default.error(y),new Error(y)}localStorage.setItem(F.getProjectPageVersionKey(f??""),String(new Date().getTime())),b(!0);try{await U.publishPages({mode:r,routes:w}),$.default.success(u("maker.publishSuccessMessage"))}catch(y){throw $.default.error(y.message),y}finally{b(!1)}}})},[r,j,u,f,S]);l.useImperativeHandle(k,()=>({openPublishDialog:g}));const c=l.useCallback(()=>{g()},[g]);return e.jsxs(e.Fragment,{children:[e.jsx(J.LoadingButton,{color:"primary",variant:"contained",size:"small",sx:{mr:1},onClick:c,loading:p,disabled:p,children:u("maker.publish")}),d]})});function ue({routePathInfo:r,checked:j,onClick:k,route:u}){var d,S,f,g,c;const{t:p}=W.useLocaleContext(),b=!((d=r.routeMetaData)!=null&&d.publishedAt)||((S=r.routeMetaData)==null?void 0:S.updatedAt)&&new Date((f=r.routeMetaData)==null?void 0:f.updatedAt)>new Date((g=r.routeMetaData)==null?void 0:g.publishedAt);return e.jsx(s.ListItem,{sx:{pl:4,pr:3},disablePadding:!0,secondaryAction:e.jsxs(s.Box,{display:"flex",alignItems:"center",sx:{minWidth:"auto"},children:[b&&e.jsx(s.Box,{mr:.35,className:"visible",color:"warning.main",sx:{display:"flex",alignItems:"center"},title:p("maker.pages.needPublish"),children:e.jsx(s.Tooltip,{title:p("maker.pages.needPublish"),children:e.jsx(O.Sync,{fontSize:"small",sx:{fontSize:"16px"}})})}),(!((c=r.routeMetaData)!=null&&c.isPublic)||!u.isPublic)&&e.jsx(s.Box,{className:"visible",color:"warning.main",children:e.jsx(s.Tooltip,{title:p("maker.pages.notPublic"),children:e.jsx(O.VisibilityOff,{fontSize:"small",sx:{fontSize:"16px"}})})})]}),children:e.jsxs(s.ListItemButton,{onClick:k,dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:j,tabIndex:-1})}),e.jsx(s.ListItemText,{primary:r.path,primaryTypographyProps:{fontSize:"0.8rem",fontStyle:"italic",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",pr:1}})]})})}function de({state:r,toMode:j,onChange:k,defaultRouteIds:u}){const{t:p,locale:b}=W.useLocaleContext(),[d,S]=l.useState(!1),[f,g]=l.useState(()=>u?Object.fromEntries(u.filter(t=>!t.includes("-")).map(t=>[t,!0])):{}),[c,P]=l.useState({}),[w,y]=l.useState(()=>u?Object.fromEntries(u.filter(t=>t.includes("-")).map(t=>[t,!0])):{}),[A,E]=l.useState({}),{loading:z,error:v,value:x}=ie.useAsync(()=>U.getPages({mode:j}),[j]);if(v)throw v;const D=l.useMemo(()=>r.routeIds||[],[r]),I=l.useMemo(()=>(x==null?void 0:x.pageIds)||[],[x]),T=l.useMemo(()=>!D||!r.routes?[]:JSON.parse(JSON.stringify(D)).sort((o,i)=>{var h,m;const n=(h=r.routes)==null?void 0:h[o],a=(m=r.routes)==null?void 0:m[i];return n!=null&&n.publishedAt&&new Date(n.publishedAt).getTime()<new Date(n.updatedAt).getTime()?-1:a!=null&&a.publishedAt&&new Date(a.publishedAt).getTime()<new Date(a.updatedAt).getTime()?1:new Date((n==null?void 0:n.updatedAt)??"").getTime()-new Date((a==null?void 0:a.updatedAt)??"").getTime()}),[r,D]),q=l.useMemo(()=>{if(!T)return[];if(!c)return T;const t=[...T].filter(o=>!c[o]);return Object.values(c).forEach(o=>{o.forEach(i=>{t.push(`${i.originalRouteId}-${i.paramOptionIds.join("-")}`)})}),t},[T,c]),B=l.useMemo(()=>!x||!I||!q?[]:H.default(I,q),[q,x,I]),C=l.useMemo(()=>D?[...D].concat(B):B,[D,B]),_=l.useCallback(()=>{const t={};T==null||T.forEach(o=>{var n;const i=(n=r.routes)==null?void 0:n[o];if(i&&i.params&&i.params.length>0&&i.paramsOptions&&i.paramsOptions.length>0){const a=te.generateParamCombinations({basePath:i.path,params:i.params,routeId:i.id,paramsOptions:i.paramsOptions,currentIndex:0,currentParams:[],currentOptionIds:[],result:[]});a.length>0&&(t[i.id]=a)}}),P(t)},[T,r.routes]);l.useEffect(()=>{_()},[_]),l.useEffect(()=>{E(t=>{const o={...t};return Object.keys(c).forEach(i=>{var n;c[i]&&((n=c[i])==null?void 0:n.length)>0&&o[i]===void 0&&(o[i]=!0)}),o})},[c]);const K=l.useRef(!0);l.useEffect(()=>{y(t=>{const o={...t};return Object.keys(c).length===0||(Object.keys(c).forEach(i=>{const n=c[i]||[],a=d||!!f[i];n.forEach(h=>{const m=`${i}-${h.paramOptionIds.join("-")}`;K.current?o[m]=a||t[m]||!1:o[m]=a})}),K.current=!1),o})},[f,c,d]);const Q=(t,o)=>{o.stopPropagation(),E(i=>{const n={...i};return n[t]=!n[t],n})},N=l.useCallback(t=>{g(o=>{const i=se.produce(o,n=>{d?(Object.assign(n,Object.fromEntries(C.map(a=>[a,!0]))),delete n[t]):n[t]?(delete n[t],B.includes(t)&&(D||[]).filter(a=>{var h,m;return((h=r.pages[a])==null?void 0:h.slug)===((m=x==null?void 0:x.pages[t])==null?void 0:m.slug)}).forEach(a=>{delete n[a]})):(n[t]=!0,D&&D.includes(t)&&B.filter(a=>{var h,m;return((h=x==null?void 0:x.pages[a])==null?void 0:h.slug)===((m=r.pages[t])==null?void 0:m.slug)}).forEach(a=>{n[a]=!0}))});return S(H.default(C,Object.keys(i)).length===0),i})},[d,C,B,r,x,D]),X=l.useCallback((t,o)=>{const i=`${t}-${o.paramOptionIds.join("-")}`;y(n=>{var m;const a={...n};a[i]=!a[i];const h=((m=c[t])==null?void 0:m.every(L=>a[`${t}-${L.paramOptionIds.join("-")}`]))??!1;return g(L=>{if(h&&!L[t])return{...L,[t]:!0};if(!h&&L[t]){const R={...L};return delete R[t],R}return L}),a})},[c]),Y=l.useCallback(()=>{S(t=>(t&&g({}),!t))},[]);return l.useEffect(()=>{const t=d?C:Object.keys(f),o=Object.entries(w).filter(([,n])=>n).map(([n])=>n).filter(n=>n!==void 0),i=Array.from(new Set([...t,...o]));k(d?null:i)},[d,f,w,C,k]),z?e.jsx(re.Loading,{sx:{my:4}}):e.jsxs(s.List,{disablePadding:!0,sx:{maxWidth:700},children:[e.jsx(s.ListItem,{sx:{position:"sticky",top:0,bgcolor:"background.paper",zIndex:1},disablePadding:!0,children:e.jsxs(s.ListItemButton,{onClick:Y,dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:d,tabIndex:-1})}),e.jsx(s.ListItemText,{primary:p("common.all")})]})}),T.map(t=>{var L,R;const o=(L=r.routes)==null?void 0:L[t];if(!o)return null;const i=!1,n=c&&c[t]&&((R=c[t])==null?void 0:R.length)>0,a=A[t]!==!1,h=c[t]||[],m=!o.publishedAt||o.updatedAt&&new Date(o.updatedAt).getTime()>new Date(o.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:[m&&e.jsx(s.Tooltip,{title:p("maker.pages.needPublish"),children:e.jsx(O.Sync,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),!o.isPublic&&e.jsx(s.Tooltip,{title:p("maker.pages.notPublic"),children:e.jsx(O.VisibilityOff,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),i,n&&e.jsx(s.Box,{onClick:M=>Q(t,M),sx:{display:"inline-flex",alignItems:"center",mr:.35,cursor:"pointer",color:"info.main"},children:a?e.jsx(O.KeyboardArrowDown,{fontSize:"small",sx:{fontSize:"18px"}}):e.jsx(O.KeyboardArrowRight,{fontSize:"small",sx:{fontSize:"18px"}})})]}),children:e.jsxs(s.ListItemButton,{onClick:()=>N(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:o.path,primaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"},secondaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"}})]})}),n&&e.jsx(s.Collapse,{in:a,children:e.jsx(s.Box,{children:h.map(M=>{const V=`${t}-${M.paramOptionIds.join("-")}`,Z=w[V]||!1;return e.jsx(ue,{routePathInfo:M,checked:d||Z,onClick:()=>X(t,M),route:o},V)})})})]},t)}),B.map(t=>{var i,n;const o=x==null?void 0:x.pages[t];return o?e.jsx(s.ListItem,{disablePadding:!0,secondaryAction:e.jsx(s.Chip,{color:"warning",label:"deleted",size:"small"}),children:e.jsxs(s.ListItemButton,{onClick:()=>N(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:o.slug,secondary:(n=(i=o.locales)==null?void 0:i[b])==null?void 0:n.title,primaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"},secondaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"}})]})},t):null})]})}exports.default=ce;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),F=require("./state-BWuBNdK8.js"),W=require("@arcblock/ux/lib/Locale/context"),ee=require("@arcblock/ux/lib/Toast"),te=require("@blocklet/pages-kit/utils/route"),O=require("@mui/icons-material"),J=require("@mui/lab"),s=require("@mui/material"),se=require("immer"),ne=require("lodash/difference"),l=require("react"),ie=require("react-use"),re=require("./home-C0ZSLVcc.js"),U=require("./array-Cr5KF-hM.js"),G=r=>r&&r.__esModule?r:{default:r},$=G(ee),H=G(ne);function oe(r){const[j,k]=l.useState(!1);return e.jsx(J.LoadingButton,{...r,loading:r.loading||j,onClick:u=>{var b;const p=(b=r.onClick)==null?void 0:b.call(r,u);p instanceof Promise&&(k(!0),p.finally(()=>{k(!1)}))}})}const ae=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 le(){const[r,j]=l.useState(),k=l.useMemo(()=>r?e.jsx(s.Dialog,{...r}):null,[r]),u=l.useCallback(()=>{j(void 0)},[]),p=l.useCallback(({title:b,content:d,cancelText:S="Cancel",okText:f="Ok",onOk:g,onClose:c,okIcon:P,okColor:w="primary",cancelColor:y="primary",DialogContentProps:A,form:E,...z})=>{j({...z,open:!0,children:e.jsxs("form",{onSubmit:v=>v.preventDefault(),children:[b&&e.jsxs(s.DialogTitle,{className:"between",zIndex:"appBar",bgcolor:"background.paper",sx:{borderBottom:v=>`1px solid ${v.palette.divider}`},children:[e.jsx(s.Box,{children:b}),e.jsx(s.IconButton,{size:"small",onClick:async()=>{u(),c==null||c()},children:e.jsx(ae,{})})]}),d&&e.jsx(s.DialogContent,{...A,sx:{mt:-3,...A==null?void 0:A.sx},children:e.jsx(s.Box,{pt:3,children:d})}),e.jsxs(s.DialogActions,{children:[e.jsx(s.Button,{variant:"outlined",color:y||"primary",onClick:c??u,children:S}),e.jsx(oe,{variant:"contained",color:w||"primary",startIcon:P,loadingPosition:P?"start":"center",onClick:async()=>{await(g==null?void 0:g()),u()},type:"submit",children:f})]})]}),onClose:c??u})},[u]);return{dialog:k,showDialog:p,closeDialog:u}}const ce=l.forwardRef(({mode:r,state:j},k)=>{const{t:u}=W.useLocaleContext(),[p,b]=l.useState(!1),{dialog:d,showDialog:S}=le(),f=F.useProjectId(),g=l.useCallback(P=>{let w=[];S({title:u("maker.publishToProduction"),content:e.jsxs(s.Box,{sx:{minWidth:300},children:[e.jsx(s.Alert,{color:"warning",icon:e.jsx(O.Warning,{}),children:u("maker.publishToProductionTip")}),e.jsx(s.Box,{maxHeight:"50vh",overflow:"auto",mt:2,children:e.jsx(de,{state:j,toMode:r,onChange:y=>w=y,defaultRouteIds:P})})]}),okText:u("maker.publish"),cancelText:u("common.cancel"),onOk:async()=>{if((w==null?void 0:w.length)===0){const y=u("maker.publishSelectPagesMessage");throw $.default.error(y),new Error(y)}localStorage.setItem(F.getProjectPageVersionKey(f??""),String(new Date().getTime())),b(!0);try{await U.publishPages({mode:r,routes:w}),$.default.success(u("maker.publishSuccessMessage"))}catch(y){throw $.default.error(y.message),y}finally{b(!1)}}})},[r,j,u,f,S]);l.useImperativeHandle(k,()=>({openPublishDialog:g}));const c=l.useCallback(()=>{g()},[g]);return e.jsxs(e.Fragment,{children:[e.jsx(J.LoadingButton,{color:"primary",variant:"contained",size:"small",sx:{mr:1},onClick:c,loading:p,disabled:p,children:u("maker.publish")}),d]})});function ue({routePathInfo:r,checked:j,onClick:k,route:u}){var d,S,f,g,c;const{t:p}=W.useLocaleContext(),b=!((d=r.routeMetaData)!=null&&d.publishedAt)||((S=r.routeMetaData)==null?void 0:S.updatedAt)&&new Date((f=r.routeMetaData)==null?void 0:f.updatedAt)>new Date((g=r.routeMetaData)==null?void 0:g.publishedAt);return e.jsx(s.ListItem,{sx:{pl:4,pr:3},disablePadding:!0,secondaryAction:e.jsxs(s.Box,{display:"flex",alignItems:"center",sx:{minWidth:"auto"},children:[b&&e.jsx(s.Box,{mr:.35,className:"visible",color:"warning.main",sx:{display:"flex",alignItems:"center"},title:p("maker.pages.needPublish"),children:e.jsx(s.Tooltip,{title:p("maker.pages.needPublish"),children:e.jsx(O.Sync,{fontSize:"small",sx:{fontSize:"16px"}})})}),(!((c=r.routeMetaData)!=null&&c.isPublic)||!u.isPublic)&&e.jsx(s.Box,{className:"visible",color:"warning.main",children:e.jsx(s.Tooltip,{title:p("maker.pages.notPublic"),children:e.jsx(O.VisibilityOff,{fontSize:"small",sx:{fontSize:"16px"}})})})]}),children:e.jsxs(s.ListItemButton,{onClick:k,dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:j,tabIndex:-1})}),e.jsx(s.ListItemText,{primary:r.path,primaryTypographyProps:{fontSize:"0.8rem",fontStyle:"italic",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",pr:1}})]})})}function de({state:r,toMode:j,onChange:k,defaultRouteIds:u}){const{t:p,locale:b}=W.useLocaleContext(),[d,S]=l.useState(!1),[f,g]=l.useState(()=>u?Object.fromEntries(u.filter(t=>!t.includes("-")).map(t=>[t,!0])):{}),[c,P]=l.useState({}),[w,y]=l.useState(()=>u?Object.fromEntries(u.filter(t=>t.includes("-")).map(t=>[t,!0])):{}),[A,E]=l.useState({}),{loading:z,error:v,value:x}=ie.useAsync(()=>U.getPages({mode:j}),[j]);if(v)throw v;const D=l.useMemo(()=>r.routeIds||[],[r]),I=l.useMemo(()=>(x==null?void 0:x.pageIds)||[],[x]),T=l.useMemo(()=>!D||!r.routes?[]:JSON.parse(JSON.stringify(D)).sort((o,i)=>{var h,m;const n=(h=r.routes)==null?void 0:h[o],a=(m=r.routes)==null?void 0:m[i];return n!=null&&n.publishedAt&&new Date(n.publishedAt).getTime()<new Date(n.updatedAt).getTime()?-1:a!=null&&a.publishedAt&&new Date(a.publishedAt).getTime()<new Date(a.updatedAt).getTime()?1:new Date((n==null?void 0:n.updatedAt)??"").getTime()-new Date((a==null?void 0:a.updatedAt)??"").getTime()}),[r,D]),q=l.useMemo(()=>{if(!T)return[];if(!c)return T;const t=[...T].filter(o=>!c[o]);return Object.values(c).forEach(o=>{o.forEach(i=>{t.push(`${i.originalRouteId}-${i.paramOptionIds.join("-")}`)})}),t},[T,c]),B=l.useMemo(()=>!x||!I||!q?[]:H.default(I,q),[q,x,I]),C=l.useMemo(()=>D?[...D].concat(B):B,[D,B]),_=l.useCallback(()=>{const t={};T==null||T.forEach(o=>{var n;const i=(n=r.routes)==null?void 0:n[o];if(i&&i.params&&i.params.length>0&&i.paramsOptions&&i.paramsOptions.length>0){const a=te.generateParamCombinations({basePath:i.path,params:i.params,routeId:i.id,paramsOptions:i.paramsOptions,currentIndex:0,currentParams:[],currentOptionIds:[],result:[]});a.length>0&&(t[i.id]=a)}}),P(t)},[T,r.routes]);l.useEffect(()=>{_()},[_]),l.useEffect(()=>{E(t=>{const o={...t};return Object.keys(c).forEach(i=>{var n;c[i]&&((n=c[i])==null?void 0:n.length)>0&&o[i]===void 0&&(o[i]=!0)}),o})},[c]);const K=l.useRef(!0);l.useEffect(()=>{y(t=>{const o={...t};return Object.keys(c).length===0||(Object.keys(c).forEach(i=>{const n=c[i]||[],a=d||!!f[i];n.forEach(h=>{const m=`${i}-${h.paramOptionIds.join("-")}`;K.current?o[m]=a||t[m]||!1:o[m]=a})}),K.current=!1),o})},[f,c,d]);const Q=(t,o)=>{o.stopPropagation(),E(i=>{const n={...i};return n[t]=!n[t],n})},N=l.useCallback(t=>{g(o=>{const i=se.produce(o,n=>{d?(Object.assign(n,Object.fromEntries(C.map(a=>[a,!0]))),delete n[t]):n[t]?(delete n[t],B.includes(t)&&(D||[]).filter(a=>{var h,m;return((h=r.pages[a])==null?void 0:h.slug)===((m=x==null?void 0:x.pages[t])==null?void 0:m.slug)}).forEach(a=>{delete n[a]})):(n[t]=!0,D&&D.includes(t)&&B.filter(a=>{var h,m;return((h=x==null?void 0:x.pages[a])==null?void 0:h.slug)===((m=r.pages[t])==null?void 0:m.slug)}).forEach(a=>{n[a]=!0}))});return S(H.default(C,Object.keys(i)).length===0),i})},[d,C,B,r,x,D]),X=l.useCallback((t,o)=>{const i=`${t}-${o.paramOptionIds.join("-")}`;y(n=>{var m;const a={...n};a[i]=!a[i];const h=((m=c[t])==null?void 0:m.every(L=>a[`${t}-${L.paramOptionIds.join("-")}`]))??!1;return g(L=>{if(h&&!L[t])return{...L,[t]:!0};if(!h&&L[t]){const R={...L};return delete R[t],R}return L}),a})},[c]),Y=l.useCallback(()=>{S(t=>(t&&g({}),!t))},[]);return l.useEffect(()=>{const t=d?C:Object.keys(f),o=Object.entries(w).filter(([,n])=>n).map(([n])=>n).filter(n=>n!==void 0),i=Array.from(new Set([...t,...o]));k(d?null:i)},[d,f,w,C,k]),z?e.jsx(re.Loading,{sx:{my:4}}):e.jsxs(s.List,{disablePadding:!0,sx:{maxWidth:700},children:[e.jsx(s.ListItem,{sx:{position:"sticky",top:0,bgcolor:"background.paper",zIndex:1},disablePadding:!0,children:e.jsxs(s.ListItemButton,{onClick:Y,dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:d,tabIndex:-1})}),e.jsx(s.ListItemText,{primary:p("common.all")})]})}),T.map(t=>{var L,R;const o=(L=r.routes)==null?void 0:L[t];if(!o)return null;const i=!1,n=c&&c[t]&&((R=c[t])==null?void 0:R.length)>0,a=A[t]!==!1,h=c[t]||[],m=!o.publishedAt||o.updatedAt&&new Date(o.updatedAt).getTime()>new Date(o.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:[m&&e.jsx(s.Tooltip,{title:p("maker.pages.needPublish"),children:e.jsx(O.Sync,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),!o.isPublic&&e.jsx(s.Tooltip,{title:p("maker.pages.notPublic"),children:e.jsx(O.VisibilityOff,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),i,n&&e.jsx(s.Box,{onClick:M=>Q(t,M),sx:{display:"inline-flex",alignItems:"center",mr:.35,cursor:"pointer",color:"info.main"},children:a?e.jsx(O.KeyboardArrowDown,{fontSize:"small",sx:{fontSize:"18px"}}):e.jsx(O.KeyboardArrowRight,{fontSize:"small",sx:{fontSize:"18px"}})})]}),children:e.jsxs(s.ListItemButton,{onClick:()=>N(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:o.path,primaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"},secondaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"}})]})}),n&&e.jsx(s.Collapse,{in:a,children:e.jsx(s.Box,{children:h.map(M=>{const V=`${t}-${M.paramOptionIds.join("-")}`,Z=w[V]||!1;return e.jsx(ue,{routePathInfo:M,checked:d||Z,onClick:()=>X(t,M),route:o},V)})})})]},t)}),B.map(t=>{var i,n;const o=x==null?void 0:x.pages[t];return o?e.jsx(s.ListItem,{disablePadding:!0,secondaryAction:e.jsx(s.Chip,{color:"warning",label:"deleted",size:"small"}),children:e.jsxs(s.ListItemButton,{onClick:()=>N(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:o.slug,secondary:(n=(i=o.locales)==null?void 0:i[b])==null?void 0:n.title,primaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"},secondaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"}})]})},t):null})]})}exports.default=ce;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const D=require("react/jsx-runtime"),U=require("@mui/material"),R=require("ufo"),ee=require("@blocklet/js-sdk"),te=require("lodash/isEmpty"),oe=require("yaml"),ne=require("@arcblock/ux/lib/Locale/context"),J=require("@blocklet/pages-kit-core"),W=require("@syncedstore/core"),re=require("@syncedstore/react"),ce=require("ahooks"),x=require("immer"),se=require("lodash/cloneDeep"),ie=require("lodash/debounce"),ae=require("nanoid"),m=require("react"),V=require("react-router-dom"),de=require("y-indexeddb"),le=require("y-websocket"),ue=require("yjs");require("@blocklet/pages-kit/types");const A=o=>o&&o.__esModule?o:{default:o};function fe(o){if(o&&o.__esModule)return o;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const l in o)if(l!=="default"){const P=Object.getOwnPropertyDescriptor(o,l);Object.defineProperty(n,l,P.get?P:{enumerable:!0,get:()=>o[l]})}}return n.default=o,Object.freeze(n)}const me=A(te),Se=fe(oe),pe=A(W),G=A(se),K=A(ie),ge=o=>{const n=blocklet==null?void 0:blocklet.componentMountPoints.find(l=>l.name===o);return n?n.mountPoint:"/"};function N(){const{pathname:o}=window.location,n=o.match(/\/admin\/(maker|previewer)\/([^/]+)/),l=n==null?void 0:n[2],P=window.__PROJECT_ID__;if(!l&&!P)throw new Error("Unable to get projectId from pathname");return l||P}function Pe(o){return`${o}:pages:version`}function we(o,n){return n==="yaml"?me.default(o)?"":Se.stringify(o,{indent:2}):n==="json"?JSON.parse(JSON.stringify(o||{})):n==="array"?JSON.parse(JSON.stringify(o||[])):o}function Ie({error:o}){return D.jsx(U.Box,{children:D.jsx(U.Alert,{severity:"error",children:o.message})})}var B;const q=((B=window.blocklet)==null?void 0:B.prefix)||"/",T=ee.createAxios({timeout:200*1e3}),ye=window.location.protocol==="https:"?"wss":"ws",he=o=>R.joinURL(`${ye}://${window.location.hostname}`,q,`api/${o}/ws/pages`),Ce="z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";var F;(F=blocklet==null?void 0:blocklet.componentMountPoints.find(o=>o.did===Ce))!=null&&F.mountPoint||R.joinURL(q,"/image-bin");function je(o){return o&&!/^(https?:\/\/|\/)/.test(o)?window.location.origin+R.joinURL(q,"uploads",o):o}const ve=window.innerWidth<=750;function be(o,n,l){if(!o||/\.gif/.test(o))return o;const P=(ve?n/1.5:n)*(l==="quality"?1.5:1);return Oe(o,{imageFilter:"resize",w:P,f:"webp"})}function Oe(o,n){return!o||!n?o:R.withQuery(o,n)}async function Ee(o){return T.get(`/api/projects/${o}`).then(n=>n.data)}async function Le(o){return T.post(`/api/projects/${o.id}/update`,o).then(n=>n.data)}const Me=500,k=ae.customAlphabet("abcdefghijklmnopqrstuvwxyz0123456789",16),z=m.createContext(null);function _e({url:o,name:n,children:l,waitingSynced:P}){const[L,O]=m.useState(!1),{locale:p}=ne.useLocaleContext(),j=$(),_=`${j}:MakerLocalState`,e=`${j}:${n}`,[t,s]=ce.useLocalStorageState(_,{defaultValue:{},listenStorageChange:!0}),c=m.useRef(t);c.current=t;const i=m.useMemo(()=>pe.default({dataSourceIds:[],dataSources:{},pages:{},pageIds:[],routes:{},routeIds:[],components:{},supportedLocales:[],config:{},resources:{}}),[]),r=m.useMemo(()=>W.getYjsDoc(i),[i]);m.useMemo(()=>new de.IndexeddbPersistence(e,r),[e,r]);const a=m.useMemo(()=>new le.WebsocketProvider(o,e,r,{params:{},resyncInterval:5*60*1e3}),[o,e,r]),d=m.useCallback(()=>{a&&(a.disconnect(),a.connect())},[a]),u=m.useMemo(()=>new ue.UndoManager([r.getArray("pageIds"),r.getMap("pages"),r.getArray("supportedLocales"),r.getMap("config"),r.getMap("dataSources"),r.getArray("dataSourceIds"),r.getArray("routeIds"),r.getMap("routes")],{doc:r}),[r]),[f,S]=m.useState(null),[M,I]=m.useState(!1),[y,v]=m.useState(void 0),g=m.useCallback(async()=>{if(j){I(!0);try{const w=await Ee(j);S(w)}catch(w){console.error("Failed to fetch project:",w)}finally{I(!1)}}},[j]),b=m.useCallback(async(w,h)=>{var E;if(v(void 0),!!j){h!=null&&h.optimisticUpdate&&f&&S(C=>({...C,...w}));try{const C=await Le({...w});S(C)}catch(C){console.error("Failed to update project:",C),h!=null&&h.optimisticUpdate&&S(f),v((E=C==null?void 0:C.response)==null?void 0:E.data)}}},[j,f]);m.useEffect(()=>{j&&g()},[j,g]);const Z=m.useMemo(()=>({doc:r,state:i,localState:{...t,currentLocale:p},setLocalState:w=>s(typeof w=="function"?h=>w(h??{}):w),undoManager:u,projectState:{project:f,isLoadingProject:M,error:y},updateProject:b,forceSync:d}),[r,i,JSON.stringify(t),s,u,f,M,b,y,p,d]);return m.useEffect(()=>{u.on("stack-item-added",({stackItem:w})=>{const{currentPageId:h,currentLocale:E,pages:C}=c.current;w.meta.set("localState",{currentPageId:h,currentLocale:E,pages:C})}),u.on("stack-item-popped",({stackItem:w})=>{const h=w.meta.get("localState");h&&s(E=>({...E,...h}))})},[u,s]),m.useEffect(()=>{a.awareness.setLocalState(t)},[a,t]),m.useEffect(()=>{a.once("synced",()=>O(!0));const w=()=>{s(C=>({...C,networkStatus:void 0}))},h=()=>{s(C=>({...C,networkStatus:"offline"}))},E=K.default(({status:C})=>{C==="connected"?w():C==="disconnected"&&h()},Me);return a.on("status",E),window.addEventListener("online",w),window.addEventListener("offline",h),()=>{a.off("status",E),window.removeEventListener("online",w),window.removeEventListener("offline",h)}},[a,s]),P&&!L?null:D.jsx(z.Provider,{value:Z,children:l})}const Q=()=>{const o=m.useContext(z);if(!o)throw new Error("Context is null");const n=re.useSyncedStore(o.state),{setLocalState:l,localState:P}=o,L=V.useNavigate(),O=$(),p=m.useMemo(()=>({get currentPage(){const{localState:{currentPageId:e}}=o;return e?n.pages[e]:void 0},get currentSection(){var c,i,r,a,d;const{localState:{currentPageId:e,...t}}=o;if(!e)return;const s=(i=(c=t.pages)==null?void 0:c[e])==null?void 0:i.currentSectionId;if(s)return((r=n.pages[e])==null?void 0:r.sections[s])??((d=(a=this.currentPageModel)==null?void 0:a.getComponentById(s))==null?void 0:d.model)},get currentSectionProperties(){var r,a,d,u;const{localState:{currentPageId:e,...t}}=o;if(!e)return;const s=(a=(r=t.pages)==null?void 0:r[e])==null?void 0:a.currentSectionId;if(!s)return;const c=(u=(d=n.pages[e])==null?void 0:d.dataSource)==null?void 0:u[s];if(!c)return;const{currentLocale:i}=this.currentLocaleMap;return i?c[i]:void 0},get currentSectionPropertiesWithFallback(){var d,u,f,S;const{localState:{currentPageId:e,...t}}=o;if(!e)return;const s=(u=(d=t.pages)==null?void 0:d[e])==null?void 0:u.currentSectionId;if(!s)return;const c=(S=(f=n.pages[e])==null?void 0:f.dataSource)==null?void 0:S[s];if(!c)return;const{currentLocale:i,defaultLocale:r,fallbackLocale:a}=this.currentLocaleMap;if(i&&c[i])return c[i];if(r&&c[r])return c[r];if(a&&c[a])return c[a]},get currentLocaleMap(){var c;const{localState:{currentLocale:e},state:{supportedLocales:t,config:{defaultLocale:s}}}=o;return{currentLocale:e,defaultLocale:s,fallbackLocale:((c=t==null?void 0:t[0])==null?void 0:c.locale)??"en"}},get currentRoute(){var t;const{localState:{currentRouteId:e}}=o;return e?(t=n.routes)==null?void 0:t[e]:void 0},get currentPageModel(){const e=this.currentPage??null;if(e){const t=new J.TemplateModel({childrenProperties:J.PAGES_KIT_CHILDREN_PROPERTIES,locale:P.currentLocale});return t.parse(e),t}}}),[JSON.stringify(P),n]),j=m.useMemo(()=>({setCurrentSectionId:(e,t)=>{var s,c;e===P.currentPageId&&t===((c=(s=P.pages)==null?void 0:s[e])==null?void 0:c.currentSectionId)||(L(R.joinURL("/admin/maker",O??"","pages",e)),l(i=>x.produce(i,r=>{var a;r.currentPageId=e,r.currentComponentId=void 0,t!==void 0&&(r.pages??(r.pages={}),(a=r.pages)[e]??(a[e]={}),r.pages[e].currentSectionId=t??void 0),t?window.sessionStorage.setItem("iframe_show_id",`"${t}"`):window.sessionStorage.removeItem("iframe_show_id")})))},setCurrentComponentId:e=>{e!==P.currentComponentId&&(L(R.joinURL("/admin/maker",O??"","components",e)),l(t=>x.produce(t,s=>{s.currentComponentId=e})))},setCurrentRouteId:({routeId:e,dynamicParams:t})=>{l(s=>x.produce(s,c=>{c.currentRouteId=e,c.currentDynamicParams=t}))},setCustomComponentPreviewerProperties:(()=>{const e={};let t="";const s=K.default(()=>{l(c=>x.produce(c,i=>{i.customComponentPreviewerProperties??(i.customComponentPreviewerProperties={}),i.customComponentPreviewerProperties[t]={...i.customComponentPreviewerProperties[t],...G.default(e[t])},delete e[t]}))},5);return(c,i)=>{const r=e[c]??{};Object.assign(r,i),e[c]=r,t=c,s()}})(),setRouteGenerateProcess:e=>{l(t=>x.produce(t,s=>{e?s.routeGenerateProcess={...s.routeGenerateProcess,...e}:s.routeGenerateProcess={}}))},resetRouteGenerateProcess:()=>{l(e=>x.produce(e,t=>{t.routeGenerateProcess={progress:"complete"}}))}}),[l,L,O,p]),_=m.useMemo(()=>({addPage:(e,t)=>{var i,r,a,d,u,f;const s=(e==null?void 0:e.id)??k(),c={...e,id:s,createdAt:(e==null?void 0:e.createdAt)??new Date().toISOString(),updatedAt:(e==null?void 0:e.updatedAt)??new Date().toISOString(),publishedAt:new Date(0).toISOString(),slug:(e==null?void 0:e.slug)??`/${s}`,sections:(e==null?void 0:e.sections)??{},sectionIds:(e==null?void 0:e.sectionIds)??[],isPublic:(e==null?void 0:e.isPublic)??!0,templateConfig:(e==null?void 0:e.templateConfig)??{isTemplate:((i=e==null?void 0:e.templateConfig)==null?void 0:i.isTemplate)??!0,displayTemplateId:((r=e==null?void 0:e.templateConfig)==null?void 0:r.displayTemplateId)??void 0,dataSourceIds:((a=e==null?void 0:e.templateConfig)==null?void 0:a.dataSourceIds)??void 0,dataSourceParameters:((d=e==null?void 0:e.templateConfig)==null?void 0:d.dataSourceParameters)??{},enabledGenerate:((u=e==null?void 0:e.templateConfig)==null?void 0:u.enabledGenerate)??!1,agentId:((f=e==null?void 0:e.templateConfig)==null?void 0:f.agentId)??void 0}};return o.doc.transact(()=>{n.pages[c.id]=c,n.pageIds.splice(t??n.pageIds.length,0,c.id)}),c},addRoute:(e,t)=>{const s=(e==null?void 0:e.id)??k(),c={...e,id:s,createdAt:(e==null?void 0:e.createdAt)??new Date().toISOString(),updatedAt:(e==null?void 0:e.updatedAt)??new Date().toISOString(),publishedAt:new Date(0).toISOString(),path:(e==null?void 0:e.path)??`/${s}`,handler:(e==null?void 0:e.handler)??"Pages Kit",isPublic:(e==null?void 0:e.isPublic)??!0,params:(e==null?void 0:e.params)??[],enabledGenerate:(e==null?void 0:e.enabledGenerate)??!1,displayTemplateId:(e==null?void 0:e.displayTemplateId)??void 0,dataSource:(e==null?void 0:e.dataSource)??{}};return o.doc.transact(()=>{n.routes??(n.routes={}),n.routeIds??(n.routeIds=[]),n.routes[c.id]=c,n.routeIds.splice(t??n.routeIds.length,0,c.id)}),c},deleteRoute:e=>{var s;if(!e)return;const t=(s=n.routeIds)==null?void 0:s.indexOf(e);t!==void 0&&t!==-1&&o.doc.transact(()=>{var c,i;(c=n.routeIds)==null||c.splice(t,1),(i=n.routes)==null||delete i[e]})},deletePage:e=>{const t=n.pageIds.indexOf(e);t!==-1&&o.doc.transact(()=>{n.pageIds.splice(t,1),delete n.pages[e]})},movePage:(e,t)=>{const{pageIds:s}=n,c=s.indexOf(e);c>=0&&s.splice(t,0,...s.splice(c,1))},addSection:(e,t,s,c)=>{const i=n.pages[e];if(!i)throw new Error(`Page ${e} is not exists`);const r={...t,id:t.id??k(),isTemplateSection:t.isTemplateSection??!0,llmConfig:t.llmConfig??{}},a=G.default(r.locales);return delete r.locales,o.doc.transact(()=>{var d,u,f;if(c&&c.component==="layout-block"){const S=(d=p.currentPageModel)==null?void 0:d.getComponentById(c.id);S&&((u=S.model).sections??(u.sections={}),S.model.sections[r.id]=r,(f=S.model).sectionIds??(f.sectionIds=[]),S.model.sectionIds.push(r.id))}else i.sections[r.id]=r,i.sectionIds.splice(s??i.sectionIds.length,0,r.id);a&&(i.dataSource??(i.dataSource={}),i.dataSource[r.id]=a)}),r},deleteSection:(e,t)=>{const s=n.pages[e];if(!s)throw new Error(`Page ${e} is not exists`);o.doc.transact(()=>{var a,d,u,f,S,M;const c=[],i=(a=p.currentPageModel)==null?void 0:a.getComponentById(t),r=i==null?void 0:i.parent;if(i&&(c.push(i.model.id,...i.all().map(I=>I.model.id)),(r==null?void 0:r.model.component)==="layout-block")){const I=(d=r.model.sectionIds)==null?void 0:d.indexOf(t);I!==void 0&&I!==-1&&((u=r.model.sectionIds)==null||u.splice(I,1),(f=r.model.sections)==null||delete f[t]),(S=r.model.config)!=null&&S.gridSettings&&Object.keys(r.model.config.gridSettings).forEach(y=>{var v;try{(v=r.model.config.gridSettings[y])==null||delete v[t]}catch{}}),((M=r.model.config)==null?void 0:M.backgroundSectionId)===t&&(r.model.config.backgroundSectionId=void 0)}c.forEach(I=>{var v,g;const y=s.sectionIds.indexOf(I);y!==-1&&s.sectionIds.splice(y,1),s.sections[I]&&delete s.sections[I],(v=s.dataSource)!=null&&v[I]&&((g=s.dataSource)==null||delete g[I])})})},lockSection:(e,t)=>{var i,r;if(!n.pages[e])throw new Error(`Page ${e} is not exists`);const c=(r=(i=p.currentPageModel)==null?void 0:i.getComponentById(t))==null?void 0:r.model;c&&(c.locked=!c.locked)},toggleSectionVisibility:(e,t,s)=>{var r,a;if(!n.pages[e])throw new Error(`Page ${e} is not exists`);const i=(a=(r=p.currentPageModel)==null?void 0:r.getComponentById(t))==null?void 0:a.model;i&&(i.visibility=s)},moveSection:(e,t,s,c)=>{var r,a,d,u,f,S,M,I;if(!n.pages[e])throw new Error(`Page ${e} is not exists`);if(c&&c!==t){const y=(r=p.currentPageModel)==null?void 0:r.getComponentById(t),v=(a=p.currentPageModel)==null?void 0:a.getComponentById(c),g=y==null?void 0:y.parent,b=v==null?void 0:v.parent;b&&g&&((d=b==null?void 0:b.model)==null?void 0:d.id)===((u=g==null?void 0:g.model)==null?void 0:u.id)?o.doc.transact(()=>{g.model.sectionIds.splice(y.getIndex(),1),g.model.sectionIds.splice(v.getIndex(),0,t)}):b&&g&&((f=b==null?void 0:b.model)==null?void 0:f.id)!==((S=g==null?void 0:g.model)==null?void 0:S.id)&&t!==c&&!((I=(M=y==null?void 0:y.model)==null?void 0:M.sectionIds)!=null&&I.includes(c))&&o.doc.transact(()=>{b.model.sections[t]=JSON.parse(JSON.stringify(y.model)),b.model.sectionIds.splice(v.getIndex(),0,t),g.model.sectionIds.splice(y.getIndex(),1),delete g.model.sections[t]})}},copySection:(e,t)=>{var u,f,S;if(!n.pages[e])throw new Error(`Page ${e} is not exists`);const c=(u=p.currentPageModel)==null?void 0:u.getComponentById(t);if(!(c!=null&&c.model))throw new Error(`Section ${t} is not exists`);const i=JSON.parse(JSON.stringify(c.model)),r=Re(i),a=r.id,d=c==null?void 0:c.parent;return d&&(d.model.sections[a]=r,d.model.sectionIds.push(a),j.setCurrentSectionId(e,a),(S=(f=p.currentPage)==null?void 0:f.dataSource)!=null&&S[t]&&(p.currentPage.dataSource[a]=JSON.parse(JSON.stringify(p.currentPage.dataSource[t])))),r},addDataSource:e=>{const t=e.id??k(),s={...e??{},id:t,createdAt:new Date().toISOString()};return o.doc.transact(()=>{n.dataSourceIds??(n.dataSourceIds=[]),n.dataSources??(n.dataSources={}),n.dataSourceIds.push(t),n.dataSources[t]=s}),n.dataSources[t]},deleteDataSource:e=>{const t=n.dataSourceIds.indexOf(e);t!==-1&&o.doc.transact(()=>{n.dataSourceIds.splice(t,1),delete n.dataSources[e]})}}),[n,o.doc,p]);return{...o,state:n,actions:_,localActions:j,...p}},$=()=>{const{projectId:o}=V.useParams();return o??N()??""},xe=()=>window.__PROJECT_SLUG__??"";function X(o){var P,L;const{resources:n}=o;if(!n.components)return{};const l={};return(L=(P=window==null?void 0:window.blocklet)==null?void 0:P.componentMountPoints)==null||L.forEach(O=>{l[O.did]=O}),Object.fromEntries(Object.entries(n.components).map(([O,{blockletId:p,component:j}])=>{var _;return[O,{data:j,blockletId:p,blockletTitle:((_=l[p])==null?void 0:_.title)||p}]}))}function Y(o){const{components:n}=o;return n||{}}function H(o){return{...X(o),...Y(o)}}const ke=()=>H(Q().state);function Re(o){const n=JSON.parse(JSON.stringify(o)),l=k();return{...n,id:l}}exports.ErrorView=Ie;exports.StoreProvider=_e;exports.api=T;exports.autoResizeImage=be;exports.getAllComponents=H;exports.getCustomComponents=Y;exports.getImageAbsoluteUrl=je;exports.getMountPoint=ge;exports.getProjectIdFromPathnameOrWindow=N;exports.getProjectPageVersionKey=Pe;exports.getResourceComponents=X;exports.getWssURL=he;exports.nextId=k;exports.transformValue=we;exports.useAllComponents=ke;exports.useProjectId=$;exports.useProjectSlug=xe;exports.useStore=Q;
|
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-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");require("./chunks/state-BWuBNdK8.js");require("@arcblock/ux/lib/Locale/context");require("@arcblock/ux/lib/Result");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("@emotion/styled");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/array-Cr5KF-hM.js");const e=require("./chunks/home-C0ZSLVcc.js");require("./chunks/session-BA7Qrcia.js");exports.HomeView=e.HomeView;exports.PageRoutes=e.PageRoutes;exports.PageView=e.PageView;exports.PageViewByPath=e.PageViewByPath;exports.PageViewWithDataSource=e.PageViewWithDataSource;exports.TranslucentHeader=e.TranslucentHeader;exports.default=e.Home;
|
package/lib/cjs/project-html.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";const
|
|
2
|
-
${
|
|
1
|
+
"use strict";const K=require("@arcblock/did-auth-storage-nedb"),O=require("@blocklet/sdk/lib/config"),H=require("@blocklet/sdk/lib/service/auth"),R=require("@blocklet/sdk/lib/wallet"),J=require("@blocklet/sdk/lib/wallet-authenticator"),z=require("@blocklet/sdk/lib/wallet-handler"),P=require("path"),C=require("./chunks/site-state-CIPfhJn5.js"),G=require("@arcblock/crawler-middleware"),Y=require("@blocklet/pages-kit/types"),Q=require("@blocklet/pages-kit/utils/common"),V=require("@blocklet/pages-kit/utils/preload"),X=require("@blocklet/sdk/lib/component"),Z=require("cheerio/slim"),F=require("express"),x=require("fs"),ee=require("lodash/get"),te=require("mustache"),I=require("ufo"),u=n=>n&&n.__esModule?n:{default:n};function ne(n){if(n&&n.__esModule)return n;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,i.get?i:{enumerable:!0,get:()=>n[e]})}}return t.default=n,Object.freeze(t)}const oe=u(K),a=u(O),ce=u(H),re=u(R),se=u(J),le=u(z),ae=u(P),W=ne(Z),ie=u(ee),ue=u(te),de=(n={})=>{const t={data:new Map,timers:new Map,set:(e,i,h=n.ttl||36e5)=>{n.max&&t.data.size>=n.max&&t.delete(t.data.keys().next().value),t.timers.has(e)&&clearTimeout(t.timers.get(e)),t.timers.set(e,setTimeout(()=>t.delete(e),h)),t.data.set(e,i)},get:e=>t.data.get(e),has:e=>t.data.has(e),delete:e=>(t.timers.has(e)&&clearTimeout(t.timers.get(e)),t.timers.delete(e),t.data.delete(e)),clear:()=>{t.data.clear();for(const e of t.timers.values())clearTimeout(e);t.timers.clear()}};return t},L=de({max:1,ttl:1e3*30});re.default();const pe=new se.default;new le.default({authenticator:pe,tokenStorage:new oe.default({dbPath:ae.default.join(a.default.env.dataDir,"auth.db")})});const fe=new ce.default,he=async()=>{try{const n=L.get("blockletInfo");if(n)return n;const{blocklet:t}=await fe.getBlocklet();return L.set("blockletInfo",t),t}catch{return null}},me=["/assets/"];function ge({app:n,viteDevServer:t,state:e}){let i;if(t){const o=x.readFileSync(P.resolve(process.cwd(),"./index.html"),"utf-8");n.use(async(b,v,T)=>{const A=b.originalUrl;i=await t.transformIndexHtml(A,o),T()})}else i=x.readFileSync(P.resolve(process.env.BLOCKLET_APP_DIR,"dist/index.html"),"utf-8");const h=F.Router();h.use((o,b,v)=>{if(o.headers["x-unique-record"]==="dial_http"){C.logger.info("[html] dial http request, return 200 status code"),b.status(200).send("ok");return}v()}),a.default.env.preferences.snapkitEnabled&&a.default.env.preferences.snapkitEndpoint&&a.default.env.SNAP_KIT_ACCESS_KEY&&h.use(G.createSnapshotMiddleware({endpoint:a.default.env.preferences.snapkitEndpoint,accessKey:a.default.env.SNAP_KIT_ACCESS_KEY,cacheMax:a.default.env.preferences.snapkitCacheSize||100})),h.get("/:path(*)?",async(o,b,v)=>{var E,M,j;if(me.some(l=>{var p;return(p=o.path)==null?void 0:p.startsWith(l)})){v();return}const T=performance.now(),A=()=>Math.round(performance.now()-T),D="production";let r,m,S=i;if(o.path.startsWith("/pages")){const l=o.params.lang,p=o.cookies.nf_lang,k=new Set([...a.default.env.languages.map(w=>w.code)]);let _=(l&&k.has(l)?l:void 0)||(k.has(p)?p:void 0)||[...k][0];if((!_||!((E=e.supportedLocales)!=null&&E.find(w=>w.locale===_)))&&(_=((j=(M=e.supportedLocales)==null?void 0:M[0])==null?void 0:j.locale)||""),_){const w=[];Object.values(e.pages).forEach(s=>{const B=Object.values((s==null?void 0:s.sections)??{}).filter(f=>{var y;return f.component==="custom-component"&&((y=f.config)==null?void 0:y.componentId)}).map(f=>{var y,$;return{id:f.id,componentId:f.config.componentId,useCache:f.config.useCache,cacheDuration:f.config.cacheDuration,properties:($=(y=s==null?void 0:s.dataSource)==null?void 0:y[f.id])==null?void 0:$[_]}});w.push(...B)});const U=new Promise(s=>{setTimeout(()=>{s({})},90*1e3)});try{await Promise.race([U,C.getPreloadComponents({mode:D,req:o,state:e,locale:_,instances:w,module:Y.PreloadComponentScriptModule.UMD_FN}).then(s=>{s&&(m=V.injectPreloadComponents(s))})])}catch(s){C.logger.warn("getPreloadComponents timeout in promise race, skip inject html elements",s)}}}try{const l=(r==null?void 0:r.title)||a.default.env.appName,p=(r==null?void 0:r.description)||a.default.env.appDescription,k=I.withQuery(I.joinURL(a.default.env.appUrl,"/.well-known/service/blocklet/og.png"),{title:l,description:p});S=ue.default.render(i,{ogTitle:l,ogDescription:p,ogImage:_e(r==null?void 0:r.image)||k,pagesPublishedAt:(e==null?void 0:e.config.publishedAt)||new Date().getTime()})}catch{}const c=e==null?void 0:e.config.fontFamily,N=o.query.mode==="draft"||o.url.includes("preview"),g=W.load(S);let d=r==null?void 0:r.backgroundColor;if(d&&Q.isMuiColorKey(d)){const l=await he();d=ie.default(l,`settings.theme.light.palette.${d}`,d)}g("head").find("#injected-head-elements").replaceWith(`
|
|
2
|
+
${d?`<meta name="theme-color" content="${d}" /><style>html,body,#app {background-color: ${d};}</style>`:""}
|
|
3
3
|
${c!=null&&c.title?`<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=${c.title}&display=swap">`:""}
|
|
4
4
|
${c!=null&&c.description&&(c==null?void 0:c.description)!==(c==null?void 0:c.title)?`<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=${c.description}&display=swap">`:""}
|
|
5
5
|
<script>
|
|
6
6
|
|
|
7
|
-
window.__PAGE_STATE__ = ${JSON.stringify(e,null,0)}
|
|
7
|
+
window.__PAGE_STATE__ = JSON.parse(atob('${Buffer.from(JSON.stringify(e,null,0)||"","utf8").toString("base64")}'));
|
|
8
8
|
|
|
9
9
|
document.querySelectorAll('link[rel="preload"][as="style"]').forEach(function (link) {
|
|
10
10
|
const l = document.createElement('link');
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
});
|
|
15
15
|
<\/script>
|
|
16
16
|
|
|
17
|
-
${
|
|
17
|
+
${N?`<script src="https://cdn.tailwindcss.com"><\/script>
|
|
18
18
|
<script>
|
|
19
19
|
window.tailwind.config = {
|
|
20
20
|
darkMode: "class",
|
|
21
21
|
};
|
|
22
22
|
<\/script>`:""}
|
|
23
|
-
`);const q=O.getBlockletJs();if(q&&g('script[src="__blocklet__.js"]').replaceWith(`<script>${q}<\/script>`),m!=null&&m.html&&g("head").find("#injected-html-elements").replaceWith(m.html),o.cachedHtml){const
|
|
23
|
+
`);const q=O.getBlockletJs();if(q&&g('script[src="__blocklet__.js"]').replaceWith(`<script>${q}<\/script>`),m!=null&&m.html&&g("head").find("#injected-html-elements").replaceWith(m.html),o.cachedHtml){const l=W.load(o.cachedHtml);g("body").html(l("body").html()||"")}S=g.html(),b.send(S),C.logger.info(`[html] render: ${o.path}, ${A()}ms`),g.root().children().remove(),S=null,r=null,m=null}),n.use(h)}function _e(n){const t=X.getComponentMountPoint("image-bin");return t&&n&&!/^(https?:\/\/|\/)/.test(n)?a.default.env.appUrl+I.joinURL(t,"uploads",n):n}module.exports=ge;
|
package/lib/cjs/setting.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),R=require("./chunks/state-D4QeRw7n.js"),De=require("@arcblock/ux/lib/Empty"),_=require("@arcblock/ux/lib/Locale/context"),oe=require("@blocklet/code-editor"),Ee=require("@mui/icons-material/AddRounded"),Ve=require("@mui/icons-material/ArrowDownward"),ze=require("@mui/icons-material/ArrowUpward"),Ae=require("@mui/icons-material/DeleteOutline"),r=require("@mui/material"),Ne=require("lodash/sortBy"),C=require("react"),ke=require("react-use"),ye=require("@blocklet/pages-kit/builtin/color-picker"),qe=require("./chunks/config-string-CaLe_baf.js"),Fe=require("lodash/isEmpty"),Ue=require("lodash/set"),Me=require("yaml"),z=require("@blocklet/pages-kit/builtin/uploader"),We=require("lodash/cloneDeep"),Ke=require("@arcblock/ux/lib/Toast"),Q=require("@blocklet/pages-kit/components"),Le=require("@blocklet/pages-kit/utils/property"),Se=require("@mui/base"),D=require("@mui/icons-material"),Y=require("@syncedstore/core"),Pe=require("ahooks"),Je=require("lodash/assign"),He=require("lodash/get"),Ye=require("lodash/has"),$e=require("lodash/isEqual"),Ge=require("lodash/isNil"),Qe=require("lodash/isObject"),Xe=require("lodash/keyBy"),Ze=require("lodash/omit"),et=require("lodash/pick"),tt=require("lodash/reduce"),A=require("material-ui-popup-state/hooks"),rt=require("react-error-boundary"),st=require("@emotion/css"),te=require("react-dnd"),T=e=>e&&e.__esModule?e:{default:e};function lt(e){if(e&&e.__esModule)return e;const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(s,l,i.get?i:{enumerable:!0,get:()=>e[l]})}}return s.default=e,Object.freeze(s)}const Z=T(De),it=T(Ee),ot=T(Ve),nt=T(ze),ct=T(Ae),E=T(Ne),ne=T(Fe),we=T(Ue),re=lt(Me),at=T(We),se=T(Ke),ut=T(Je),dt=T(He),pt=T(Ye),xt=T($e),X=T(Ge),mt=T(Qe),ft=T(Xe),jt=T(Ze),bt=T(et),ht=T(tt);function yt({onClick:e,disabled:s,sx:l,...i}){return t.jsx(r.IconButton,{size:"small",color:"warning",variant:"outlined",disabled:s,onClick:e,...i,children:t.jsx(ct.default,{fontSize:"small"})})}function gt({onClick:e,disabled:s,sx:l,...i}){return t.jsx(r.IconButton,{size:"small",color:"primary",disabled:s,onClick:e,...i,children:t.jsx(nt.default,{fontSize:"small"})})}function vt({onClick:e,disabled:s,sx:l,...i}){return t.jsx(r.IconButton,{size:"small",color:"primary",disabled:s,onClick:e,...i,children:t.jsx(ot.default,{fontSize:"small"})})}function kt({label:e,value:s,onChange:l,disabled:i=!1,itemLabel:x="",emptyHeight:h=40,property:d,renderItem:v,...S}){const{t:b,locale:y}=_.useLocaleContext(),g=ke.useUpdate(),o=C.useCallback(f=>{l(R.transformValue(f,d.type))},[l,d.type]),c=C.useMemo(()=>Array.isArray(s)?s:[],[s]),n=C.useCallback(()=>{const f=[...c,""];o(f),g()},[c,o,g]),u=C.useCallback(()=>{if(!d||!d.subProperties)return n();const f={};E.default(Object.values(d.subProperties),"index").forEach(({data:B})=>{var N,q;if(!B.key)return;const V=((q=(N=B.locales)==null?void 0:N[y])==null?void 0:q.defaultValue)??"";f[B.key]=V});const O=[...c,f];o(O),g()},[c,o,g,d,y,n]),j=C.useCallback(f=>{try{const w=JSON.parse(f);Array.isArray(w)?o(w):console.error("JSON解析结果不是数组")}catch(w){console.error("JSON解析错误:",w)}},[o]),k=C.useCallback(f=>{const w=c.filter((O,B)=>B!==f);o(w),g()},[c,o,g]),a=C.useCallback(f=>{if(f<=0)return;const w=[...c],O=w[f];w[f]=w[f-1],w[f-1]=O,o(w),g()},[c,o,g]),m=C.useCallback(f=>{if(f>=c.length-1)return;const w=[...c],O=w[f];w[f]=w[f+1],w[f+1]=O,o(w),g()},[c,o,g]),p=C.useCallback((f,w)=>{const O=[...c];O[f]=w,o(O)},[c,o]),P=d&&d.subProperties&&Object.keys(d.subProperties).length>0,I=C.useMemo(()=>[{field:"index",headerName:"#",width:40,align:"center",renderCell:({index:f})=>t.jsx(r.Typography,{variant:"body1",sx:{bgcolor:"action.hover",borderRadius:"50%",width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",color:"text.secondary"},children:f+1})},{field:"content",headerName:"",renderCell:({row:f,index:w})=>v&&P?v({item:f,index:w,property:d,onChange:O=>p(w,O)}):t.jsx(r.TextField,{fullWidth:!0,size:"small",disabled:i,value:f,placeholder:x||`${b("item")} ${w+1}`,onChange:O=>p(w,O.target.value),...S})},{field:"actions",headerName:"",width:30,align:"center",renderCell:({index:f})=>t.jsxs(r.Stack,{direction:"column",spacing:.25,children:[t.jsx(gt,{disabled:i||f===0,onClick:()=>a(f)}),t.jsx(vt,{disabled:i||f===c.length-1,onClick:()=>m(f)}),t.jsx(yt,{disabled:i,onClick:()=>k(f)})]})}],[v,P,d,p,x,b,i,S,k,a,m,c.length]);return P?t.jsxs(r.Stack,{width:"100%",gap:1,children:[e&&t.jsx(r.FormLabel,{children:e}),c.length>0?t.jsx(r.TableContainer,{component:r.Paper,variant:"outlined",sx:{borderRadius:1,mb:1},children:t.jsxs(r.Table,{size:"small",sx:{"& .MuiTableCell-root":{py:.25,px:1,whiteSpace:"nowrap"},"& .MuiTableCell-head":{backgroundColor:"action.hover",py:.25,px:1},borderCollapse:"collapse"},children:[t.jsx(r.TableHead,{sx:{display:"none"},children:t.jsx(r.TableRow,{children:I.map(f=>t.jsx(r.TableCell,{width:f.width,align:f.align||"left",sx:{fontWeight:"bold"},children:f.renderHeader?f.renderHeader():f.headerName},f.field))})}),t.jsx(r.TableBody,{children:c.map((f,w,O)=>t.jsx(r.TableRow,{sx:{borderBottom:w<O.length-1?"1px solid":"none",borderColor:"divider","&:hover":{backgroundColor:"action.hover"}},children:I.map(B=>t.jsx(r.TableCell,{width:B.width,align:B.align||"left",sx:{borderBottom:"none"},children:B.renderCell({row:f,index:w,onChange:V=>p(w,V)})},`${w}-${B.field}`))},w))})]})}):t.jsx(Z.default,{style:{fontSize:12,height:h},children:b("maker.properties.arrayEmpty")}),t.jsx(r.Button,{fullWidth:!0,size:"small",variant:"outlined",disabled:i,startIcon:t.jsx(it.default,{}),onClick:u,children:b("maker.properties.addArrayItem")})]}):t.jsxs(r.Stack,{width:"100%",gap:1,children:[e&&t.jsx(r.FormLabel,{children:e}),t.jsx(r.Box,{sx:{border:1,borderColor:"divider",borderRadius:1,minHeight:150},children:t.jsx(oe.CodeEditor,{keyId:d.id,locale:y,language:"json",value:JSON.stringify(c,null,2),onChange:f=>j(f||""),fullScreenOptions:{enableEscExit:!0,targetContainer:()=>document.getElementById("parameters-config-dialog")||null}},d.id)})]})}function St({value:e,onChange:s,...l}){const i=C.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsx(qe.ConfigString,{...l,value:e,onChange:s,InputProps:{endAdornment:t.jsx(r.InputAdornment,{position:"end",children:t.jsx(ye.ColorItem,{color:e??"",style:{width:"1.5rem",height:"1.5rem",padding:0},onClick:()=>{var x;(x=i.current)==null||x.open({value:e??""})}})})}}),t.jsx(ye.ConfigColorDialog,{ref:i,onSave:({value:x},h)=>{s(x),h()}})]})}function Pt({label:e,value:s,onChange:l,property:i,component:x,defaultLocale:h,allComponents:d,PropertyValueField:v,onUpload:S}){const{locale:b}=_.useLocaleContext(),y=C.useRef(null);if(!ne.default(i.subProperties)){const o=E.default(Object.values(i.subProperties||{}),"index").filter(c=>c.data.visible!==!1&&c.data.key);return t.jsxs(r.Stack,{width:"100%",children:[t.jsx(r.FormLabel,{sx:{px:.25,py:.5},children:e}),t.jsx(r.Box,{children:t.jsx(r.Box,{sx:{position:"relative"},children:o.map((c,n)=>{const{data:u}=c,j=u.key??u.id,k=n===o.length-1;let a=null;try{s&&typeof s=="object"?a=s[j]:typeof s=="string"&&(a=(i.type==="yaml"?re.parse(s||""):JSON.parse(s||"{}"))[j])}catch{}a==null&&(u.locales&&b&&u.locales[b]?a=u.locales[b].defaultValue:u.locales&&h&&u.locales[h]&&(a=u.locales[h].defaultValue));const m=P=>{try{let I={};if(typeof s=="string")try{I=i.type==="yaml"?re.parse(s||""):JSON.parse(s||"{}")}catch{}else typeof s=="object"&&s!==null&&(I={...s});we.default(I,j,P);const f=R.transformValue(I,i.type);l==null||l(f)}catch(I){console.error("Error updating property:",I)}},p=8;return t.jsxs(r.Box,{sx:{mb:k?0:1,display:"flex",flexDirection:"row"},children:[t.jsxs(r.Box,{sx:{position:"relative",width:24,flexShrink:0},children:[t.jsx(r.Box,{sx:{position:"absolute",left:p,top:0,height:16,width:0,borderLeft:"1px dashed",borderColor:"divider"}}),t.jsx(r.Box,{sx:{position:"absolute",left:p,top:16,width:12,height:0,borderTop:"1px dashed",borderColor:"divider"}}),!k&&t.jsx(r.Box,{sx:{position:"absolute",left:p,top:16,bottom:-8,width:0,borderLeft:"1px dashed",borderColor:"divider"}})]}),t.jsx(r.Box,{sx:{flexGrow:1},children:t.jsx(v,{component:x,property:u,value:a,onChange:m,size:"small",fullWidth:!0,defaultLocale:h,allComponents:d})})]},u.id)})})})]})}return t.jsx(r.Stack,{width:"100%",gap:2,children:t.jsxs(r.Stack,{sx:{width:"100%",position:"relative",pt:1,pb:"6px",px:"1px",minHeight:50,".monaco-editor,.overflow-guard":{borderRadius:1}},children:[t.jsx(r.FormLabel,{sx:{position:"absolute",left:0,top:0,transform:"translate(0px, -7px) scale(0.75)"},children:e}),t.jsx(oe.CodeEditor,{keyId:i.id,locale:b,language:i.type==="yaml"?"yaml":"json",value:typeof s=="string"?s:"",onChange:o=>{l==null||l(o)},onUpload:o=>{y.current=o,S&&S(o)},fullScreenOptions:{enableEscExit:!0,targetContainer:()=>document.getElementById("parameters-config-dialog")||null}},i.id),t.jsx(r.Box,{component:"fieldset",sx:{pointerEvents:"none",position:"absolute",left:0,top:-5,width:"100%",height:"100%",border:1,borderColor:"rgba(0, 0, 0, 0.23)",borderRadius:1,px:1,py:0},children:t.jsx(r.Box,{component:"legend",sx:{fontSize:"0.75em"},children:t.jsx(r.Box,{component:"span",sx:{opacity:0},children:e})})})]})})}const wt=["string","multiline","json","yaml","url","component","custom","array"];function ge(e){return e.type?!wt.includes(e.type):!1}function Ie({disabled:e,list:s,renderItem:l,...i}){const x=C.useRef(null),h=C.useId(),d=Pe.useUpdate(),v=E.default(Object.entries(s),c=>c[1].index).map(c=>c[0]),S=C.useRef(v),b=C.useCallback(c=>{S.current=c,d()},[d]),y=C.useCallback(({index:c},{index:n})=>{const u=[...S.current];u.splice(n,0,...u.splice(c,1)),b(u)},[b]);C.useEffect(()=>{b(v)},[v.join("-")]);const[{isOver:g},o]=te.useDrop({accept:h,collect:c=>({isOver:c.isOver()}),canDrop:()=>!e,drop:()=>{var u;const c=()=>{S.current.forEach((j,k)=>{const a=s[j];a&&(a.index=k)})},n=(u=Y.getYjsValue(s))==null?void 0:u.doc;n?n.transact(()=>{c()}):c()}});return C.useEffect(()=>{g||b(v)},[g]),o(x),t.jsx(r.Box,{...i,ref:x,className:st.cx(g&&"isDragging"),children:S.current.map((c,n)=>t.jsx(It,{type:h,disabled:e,id:c,index:n,itemIndex:u=>S.current.indexOf(u),move:y,children:u=>{const j=s[c];return j?l(j.data,n,u):null}},c))})}function It({disabled:e,id:s,index:l,type:i,children:x,itemIndex:h,move:d}){const v=C.useRef(),[{isDragging:S},b,y]=te.useDrag({type:i,item:()=>({id:s}),canDrag:()=>!e,collect:o=>({isDragging:o.isDragging()})}),[,g]=te.useDrop({accept:i,canDrop:()=>!e,hover(o,c){var p;if(!v.current)return;const n=h(o.id),u=l;if(n===u)return;const j=(p=v.current)==null?void 0:p.getBoundingClientRect(),k=(j.bottom-j.top)/2,m=c.getClientOffset().y-j.top;n<u&&m<k||n>u&&m>k||d({id:o.id,index:n},{id:s,index:l})}});return typeof x=="function"?x({isDragging:S,drag:b,drop:o=>(v.current=o,g(o)),preview:y}):(b(g(y(v))),t.jsx(r.Box,{ref:v,children:x}))}function Ct({drop:e,preview:s,drag:l,disabled:i,isDragging:x,children:h,onDelete:d,onVisibilityChange:v,visible:S=!0,actions:b,alwaysShowActions:y=!1}){const{t:g}=_.useLocaleContext();return t.jsx(r.Box,{ref:e,sx:{":hover .hover-visible":{maxWidth:"100%"},opacity:S?1:.5},children:t.jsxs(r.Box,{sx:{position:"relative"},children:[t.jsx(r.Box,{ref:s,sx:{flex:1,borderRadius:.5,bgcolor:x?"action.hover":"background.paper",opacity:.9999},children:h}),!i&&t.jsx(r.Box,{className:y?"":"hover-visible",sx:{maxWidth:y?"100%":0,overflow:"hidden",position:"absolute",right:2,top:2,transition:"max-width 0.3s ease-in-out"},children:t.jsxs(r.Stack,{direction:"row",sx:{bgcolor:o=>r.alpha(o.palette.grey[200],.9),borderRadius:1,p:.5,[`.${r.buttonClasses.root}`]:{minWidth:24,width:24,height:24,p:0}},children:[b,v&&t.jsx(r.Tooltip,{title:g(S?"hideParameter":"showParameter"),disableInteractive:!0,placement:"top",children:t.jsx(r.Button,{onClick:()=>v(!S),children:S?t.jsx(D.VisibilityOffRounded,{sx:{fontSize:"1.25rem",color:"grey.500"}}):t.jsx(D.VisibilityRounded,{sx:{fontSize:"1.25rem",color:"grey.500"}})})}),d&&t.jsx(r.Tooltip,{title:g("delete"),disableInteractive:!0,placement:"top",children:t.jsx(r.Button,{onClick:d,children:t.jsx(D.DeleteOutlineRounded,{sx:{fontSize:"1.25rem",color:"grey.500"}})})}),t.jsx(r.Tooltip,{title:g("dragSort"),disableInteractive:!0,placement:"top",children:t.jsx(r.Button,{ref:l,children:t.jsx(D.DragIndicatorRounded,{sx:{color:"grey.500"}})})})]})})]})})}function Ot({label:e,value:s,onChange:l}){const[i,x]=C.useState(!1);return t.jsxs(r.Stack,{gap:1,children:[t.jsx(r.TextField,{label:e,size:"small",value:s,onChange:h=>l==null?void 0:l(h.target.value),InputProps:{endAdornment:t.jsx(z.UploaderButton,{onChange:({response:h})=>{var v;const d=(v=h==null?void 0:h.data)==null?void 0:v.filename;d&&(l==null||l(d))}})}}),s&&t.jsx(r.Box,{component:"img",sx:{objectFit:"contain",borderRadius:1,cursor:"pointer"},src:R.getImageAbsoluteUrl(s),alt:e,maxWidth:100,maxHeight:100,width:"100%",onClick:()=>x(!0)}),t.jsx(r.Dialog,{open:i,onClose:()=>x(!1),children:t.jsx(r.Box,{component:"img",sx:{objectFit:"contain"},src:R.getImageAbsoluteUrl(s),alt:e})})]})}function le(e,s=""){return ht.default(e,(l,i,x)=>{const h=s?`${s}.${x}`:x;return mt.default(i)?ut.default(l,le(i,h)):l[h]=i,l},{})}const Tt=[{value:"string",label:"Text"},{value:"multiline",label:"Text (Multiline)"},{value:"number",label:"Number"},{value:"decimal",label:"Decimal"},{value:"boolean",label:"Boolean"},{value:"color",label:"Color"},{value:"url",label:"URL (Upload)"},{value:"json",label:"JSON"},{value:"yaml",label:"YAML"},{value:"array",label:"Array"},{value:"component",label:"Component"},{value:"custom",label:"Custom (Render by a Component)"}];function G(e,s,l){return!e||!l?!1:Object.values(e).some(({data:i})=>i.id!==s&&i.key===l)}function ie(e,s){var l;return!e||!s?!1:((l=e[s])==null?void 0:l.data.visible)??!0}function Bt({componentId:e}){const{state:{components:s}}=R.useStore(),l=s[e],i=l==null?void 0:l.data;return i?t.jsx(r.Stack,{maxHeight:"100%",overflow:"auto",children:t.jsx(r.Box,{p:2,children:t.jsx(rt.ErrorBoundary,{FallbackComponent:R.ErrorView,resetKeys:[e],children:t.jsx(Rt,{value:i,componentId:e})})})}):null}function Rt({value:e,componentId:s}){var g,o,c;const{t:l}=_.useLocaleContext(),{localState:{currentLocale:i,customComponentPreviewerProperties:x},state:{config:{defaultLocale:h}},localActions:{setCustomComponentPreviewerProperties:d}}=R.useStore(),v=Y.getYjsValue(e).doc,S=R.useAllComponents(),b=C.useMemo(()=>(x==null?void 0:x[s])??{},[s,x]),y=Pe.useReactive({componentId:s,propertiesValue:{...b}});return C.useEffect(()=>{y.componentId!==s&&(y.componentId=s,y.propertiesValue={...b})},[s,b,y]),C.useEffect(()=>{if(y.componentId!==s)return;const n=Object.fromEntries(Object.values(e.properties??{}).map(({data:u})=>{var j,k,a,m,p;return[u.id,{value:((j=y.propertiesValue[u.id])==null?void 0:j.value)??Le.parsePropertyValue(u,((a=(k=u.locales)==null?void 0:k[i])==null?void 0:a.defaultValue)??((p=(m=u.locales)==null?void 0:m[h])==null?void 0:p.defaultValue),{locale:i,defaultLocale:h})}]}));d(s,n)},[JSON.stringify(y.propertiesValue),s,y.componentId]),t.jsx(r.Stack,{height:"100%",children:t.jsxs(r.Stack,{gap:2,children:[t.jsx(Ce,{config:e}),t.jsx(Te,{config:e,currentLocale:i,defaultLocale:h,allComponents:S,onUpdateConfig:n=>{v.transact(()=>{n(e)})}}),t.jsxs(r.Stack,{gap:2,direction:"row",justifyContent:"space-between",alignItems:"center",children:[t.jsx(r.Typography,{variant:"subtitle1",children:l("renderer")}),t.jsxs(r.TextField,{hiddenLabel:!0,size:"small",select:!0,SelectProps:{autoWidth:!0},value:((g=e.renderer)==null?void 0:g.type)||"react-component",onChange:n=>{v.transact(()=>{const u=n.target.value;e.renderer??(e.renderer={type:u}),e.renderer.type=u})},children:[t.jsx(r.MenuItem,{value:"react-component",children:"React Component"}),t.jsx(r.MenuItem,{value:"component",children:"Custom Component"})]})]}),((o=e.renderer)==null?void 0:o.type)==="component"&&t.jsx(Nt,{value:e}),((c=e.renderer)==null?void 0:c.type)==="react-component"&&t.jsx(At,{value:e}),t.jsx(ce,{config:e,currentLocale:i,defaultLocale:h,allComponents:S,propertiesValue:b,onChange:({value:n,id:u,path:j})=>{const k=[...j,"data"];if(!dt.default(e,k)){se.default.warning(l("cannotFindPropertyKey",{key:k.join(".")}));return}y.propertiesValue[u]={value:n.value}}})]})})}function Ce({config:e}){const{t:s}=_.useLocaleContext();return t.jsx(z.UploaderProvider,{children:t.jsxs(r.Stack,{gap:2,children:[t.jsx(r.Typography,{variant:"subtitle1",children:s("basicInfo")}),t.jsx(r.TextField,{label:s("name"),size:"small",value:e.name||"",onChange:l=>e.name=l.target.value}),t.jsx(r.TextField,{label:s("description"),size:"small",multiline:!0,minRows:2,maxRows:10,inputProps:{maxLength:200},value:e.description||"",onChange:l=>e.description=l.target.value}),t.jsx(r.Autocomplete,{size:"small",options:[],multiple:!0,freeSolo:!0,value:e.tags??[],onChange:(l,i)=>e.tags=i,renderInput:l=>t.jsx(r.TextField,{label:s("tags"),...l})}),t.jsx(Ot,{label:s("previewImage"),value:e.previewImage||"",onChange:l=>e.previewImage=l})]})})}function Oe({data:e,params:s,visible:l,config:i,currentLocale:x,defaultLocale:h,allComponents:d,onUpdateConfig:v}){var y,g,o,c,n,u;const{t:S}=_.useLocaleContext(),b=C.useMemo(()=>e.type==="json"||e.type==="yaml"||e.type==="array"?Vt:U,[e.type]);return t.jsx(Ct,{preview:s.preview,drop:s.drop,drag:s.drag,isDragging:s.isDragging,onDelete:()=>{v(j=>{if(j.properties){const a=Object.entries(j.properties).sort(([,p],[,P])=>p.index-P.index);delete j.properties[e.id],a.filter(([p])=>p!==e.id).forEach(([,p],P)=>{p.index=P})}})},visible:l,onVisibilityChange:j=>{v(k=>{const a=k.properties[e.id].data;a.visible=j})},alwaysShowActions:!0,children:t.jsxs(r.Stack,{direction:"column",gap:2,children:[t.jsx(r.TextField,{label:S("key"),size:"small",required:!0,sx:{width:"calc(100% - 80px - 8px)",flex:1,"& .MuiOutlinedInput-root":{borderColor:e.key?G(i.properties,e.id,e.key)?"warning.main":void 0:"error.main"},"& .MuiFormLabel-root":{color:e.key?G(i.properties,e.id,e.key)?"warning.main":"text.secondary":"error.main"},"& .MuiFormLabel-root.Mui-focused":{color:e.key?G(i.properties,e.id,e.key)?"warning.main":"primary.main":"error.main"}},value:e.key||"",onChange:j=>{v(k=>{const a=k.properties[e.id].data;a.key=j.target.value.trim()})},InputProps:{endAdornment:!e.key||e.key&&G(i.properties,e.id,e.key)?t.jsx(r.InputAdornment,{position:"end",sx:{width:16,ml:0},children:t.jsx(r.Tooltip,{title:e.key?S("duplicateKey"):S("requiredKey"),children:t.jsx(D.InfoRounded,{sx:{color:e.key?"warning.main":"error.main",fontSize:16}})})}):null}}),t.jsxs(r.Stack,{direction:"row",gap:1,children:[t.jsx(r.TextField,{label:S("label"),size:"small",sx:{flex:1},value:(((g=(y=e.locales)==null?void 0:y[x])==null?void 0:g.name)??((c=(o=e.locales)==null?void 0:o[h])==null?void 0:c.name))||"",onChange:j=>{v(k=>{var m;const a=k.properties[e.id].data;a.locales??(a.locales={}),(m=a.locales)[x]??(m[x]={}),a.locales[x].name=j.target.value})}}),t.jsx(r.TextField,{label:S("type"),size:"small",select:!0,sx:{flex:1},value:e.type==="string"&&e.multiline?"multiline":e.type||"string",onChange:j=>{v(k=>{const a=k.properties[e.id].data;if(a.locales)for(const p of Object.keys(a.locales))a.locales[p].defaultValue=void 0;const m=j.target.value;m==="multiline"?(a.type="string",a.multiline=!0):(typeof a.multiline<"u"&&delete a.multiline,a.type=m)})},children:Tt.map(j=>t.jsx(r.MenuItem,{value:j.value,children:j.label},j.value))})]}),t.jsxs(r.Stack,{direction:"row",gap:1,children:[t.jsx(b,{allComponents:d,defaultLocale:h,component:i,property:e,label:S("defaultValue"),size:"small",fullWidth:!0,value:(u=(n=e.locales)==null?void 0:n[x])==null?void 0:u.defaultValue,onChange:(j,k)=>{v(a=>{var p;const m=a.properties[e.id].data;if(k!=null&&k.forceUpdateProperty){const P=le(m),I=le(j);Object.keys(I).forEach(f=>{P[f]||we.default(m,f,I[f])})}else m.locales??(m.locales={}),(p=m.locales)[x]??(p[x]={}),m.locales[x].defaultValue=j})}}),e.type==="custom"?t.jsx(r.Box,{children:t.jsx(Dt,{property:e,allComponents:d})}):null]})]})})}function _t(e,s){const[l,i]=C.useState(0);return C.useEffect(()=>{const h=setTimeout(()=>{if(e.current){let d=e.current.parentElement,v=0;for(;d;)d.classList.contains("property-container")&&v++,d=d.parentElement;i(v)}},100);return()=>clearTimeout(h)},[e,s]),l}function Te({config:e,currentLocale:s,defaultLocale:l,allComponents:i,onUpdateConfig:x,useI18nEditor:h=!0}){const{t:d}=_.useLocaleContext(),v=A.usePopupState({variant:"dialog"}),S=e.properties&&E.default(Object.values(e.properties),"index");return t.jsx(z.UploaderProvider,{children:t.jsxs(r.Stack,{gap:2,children:[t.jsxs(r.Stack,{direction:"row",gap:1,alignItems:"center",justifyContent:"space-between",children:[t.jsx(r.Typography,{variant:"subtitle1",children:d("properties")}),t.jsx(r.Box,{flex:1}),h&&t.jsx(r.Button,{sx:{minWidth:32,minHeight:32,p:0},...A.bindTrigger(v),children:t.jsx(D.TranslateRounded,{fontSize:"small"})})]}),e.properties&&Object.keys(e.properties).length>0?t.jsx(Ie,{component:r.Stack,gap:2,list:e.properties,renderItem:(b,y,g)=>{const o=ie(e.properties,b.id);return t.jsx(r.Paper,{elevation:0,className:"property-container",sx:{p:1.25,borderRadius:1,border:o?"1px solid":"1px dashed",borderColor:"divider"},children:t.jsx(r.Stack,{gap:2,children:t.jsx(Oe,{data:b,params:g,visible:o,config:e,currentLocale:s,defaultLocale:l,allComponents:i,onUpdateConfig:x})})},b.id)}}):t.jsx(Z.default,{style:{fontSize:12},children:d("maker.properties.noProperties")}),t.jsx(r.Button,{fullWidth:!0,variant:"outlined",className:"ignore-style-override",onClick:()=>{x(b=>{var g;const y=R.nextId();b.properties??(b.properties={}),(g=b.properties)[y]??(g[y]={index:(S==null?void 0:S.length)||0,data:{id:y}})})},startIcon:t.jsx(D.AddRounded,{}),children:d("addObject",{object:d("property")})}),h&&t.jsx(Be,{...A.bindDialog(v),component:e})]})})}function Dt({property:e,allComponents:s}){const l=A.usePopupState({variant:"popper"});return t.jsxs(t.Fragment,{children:[t.jsx(r.Button,{sx:{minWidth:0},...A.bindTrigger(l),children:t.jsx(D.SettingsRounded,{fontSize:"small"})}),t.jsx(r.Popper,{...A.bindPopper(l),children:t.jsx(Se.ClickAwayListener,{onClickAway:l.close,children:t.jsx(r.Paper,{children:t.jsx(r.Box,{width:500,p:2,children:t.jsx(ee,{value:e.componentId,onChange:(i,x)=>e.componentId=x,allComponents:s})})})})})]})}function Et({value:e,valueImmutable:s,onChange:l,defaultLocale:i,allComponents:x}){var y;const[h,d]=C.useState(!1),{t:v,locale:S}=_.useLocaleContext(),b=typeof(e==null?void 0:e.componentId)=="string"?(y=x[e.componentId])==null?void 0:y.data:void 0;return b?t.jsxs(r.Box,{sx:{width:"100%",position:"relative"},children:[t.jsx(r.IconButton,{sx:{minWidth:0},disabled:!b,size:"small",onClick:()=>d(!h),color:h?"primary":"default",children:t.jsx(D.SettingsRounded,{fontSize:"small"})}),h&&t.jsx(r.Collapse,{in:h,timeout:"auto",unmountOnExit:!0,sx:{width:"100%",zIndex:10},children:t.jsxs(r.Paper,{elevation:1,sx:{mt:1,p:2,borderRadius:1,border:"1px solid",borderColor:"divider",width:"100%"},children:[t.jsx(r.Box,{width:"100%",mb:2,children:t.jsx(ce,{config:b,currentLocale:S,defaultLocale:i,allComponents:x,propertiesValue:e==null?void 0:e.properties,onChange:({id:g,value:o})=>{const c=at.default(o.value),n=JSON.parse(JSON.stringify(e));n!=null&&n.componentId&&(s?l==null||l({...n,properties:{...n.properties,[g]:{value:c}}}):(n.properties=n.properties??{},n.properties[g]={value:c},l==null||l(n)))}})}),t.jsx(r.Button,{size:"small",onClick:()=>d(!1),sx:{mt:1},children:v("close")})]})})]}):null}function Be({type:e="properties",component:s,...l}){var g,o,c;const{t:i}=_.useLocaleContext(),{state:{components:x,supportedLocales:h,config:{defaultLocale:d}}}=R.useStore(),v=R.useAllComponents(),S=Y.getYjsValue(s).doc,b=e==="properties"?s.properties:e==="parameters"&&((g=s.renderer)==null?void 0:g.type)==="component"?(o=x[s.renderer.componentId])==null?void 0:o.data.properties:void 0,y=((c=s.renderer)==null?void 0:c.type)==="component"?s:void 0;return t.jsxs(r.Dialog,{...l,fullWidth:!0,maxWidth:"lg",children:[t.jsx(r.DialogTitle,{children:i("i18nEditorTitle")}),t.jsx(r.DialogContent,{children:b&&t.jsx(r.Stack,{children:t.jsxs(r.Table,{stickyHeader:!0,sx:{td:{verticalAlign:"top"}},children:[t.jsx(r.TableHead,{children:t.jsx(r.TableRow,{children:h.map(({locale:n,name:u})=>t.jsx(r.TableCell,{children:t.jsxs(r.Typography,{color:"text.primary",children:[u,d===n&&t.jsx(D.StarRounded,{sx:{fontSize:12}})]})},n))})}),t.jsx(r.TableBody,{children:E.default(Object.values(b),"index").map(({data:n})=>t.jsx(r.TableRow,{children:h.map(({locale:u})=>{var j,k,a,m,p,P,I,f,w,O,B,V,N,q,$,W,K,L,J,H,ae,ue,de,pe,xe,me;return t.jsx(r.TableCell,{children:t.jsx(r.Stack,{gap:1,children:e==="properties"?t.jsxs(t.Fragment,{children:[t.jsx(r.TextField,{size:"small",label:"Key",value:n.key||"",onChange:M=>{S.transact(()=>{n.key=M.target.value.trim()})}}),t.jsx(r.TextField,{size:"small",label:i("label"),value:(((k=(j=n.locales)==null?void 0:j[u])==null?void 0:k.name)??((m=(a=n.locales)==null?void 0:a[d])==null?void 0:m.name))||"",onChange:M=>{S.transact(()=>{var F;n.locales??(n.locales={}),(F=n.locales)[u]??(F[u]={}),n.locales[u].name=M.target.value})}}),t.jsx(r.Box,{children:t.jsx(U,{allComponents:v,defaultLocale:d,component:s,property:n,size:"small",fullWidth:!0,label:"Default Value",valueImmutable:X.default((P=(p=n.locales)==null?void 0:p[u])==null?void 0:P.defaultValue),value:((f=(I=n.locales)==null?void 0:I[u])==null?void 0:f.defaultValue)??((O=(w=n.locales)==null?void 0:w[d])==null?void 0:O.defaultValue),onChange:M=>{S.transact(()=>{var F;n.locales??(n.locales={}),(F=n.locales)[u]??(F[u]={}),n.locales[u].defaultValue=M})}})})]}):e==="parameters"&&y?t.jsx(r.Box,{children:t.jsx(U,{allComponents:v,defaultLocale:d,component:s,property:n,size:"small",fullWidth:!0,valueImmutable:X.default((q=(N=(V=(B=y.renderer.properties)==null?void 0:B[n.id])==null?void 0:V.locales)==null?void 0:N[u])==null?void 0:q.value),value:((L=(K=(W=($=y.renderer.properties)==null?void 0:$[n.id])==null?void 0:W.locales)==null?void 0:K[u])==null?void 0:L.value)??((ue=(ae=(H=(J=y.renderer.properties)==null?void 0:J[n.id])==null?void 0:H.locales)==null?void 0:ae[d])==null?void 0:ue.value)??((pe=(de=n.locales)==null?void 0:de[u])==null?void 0:pe.defaultValue)??((me=(xe=n.locales)==null?void 0:xe[d])==null?void 0:me.defaultValue),onChange:M=>{S.transact(()=>{var F,fe,je,be,he;(F=y.renderer).properties??(F.properties={}),(fe=y.renderer.properties)[je=n.id]??(fe[je]={}),(be=y.renderer.properties[n.id]).locales??(be.locales={}),(he=y.renderer.properties[n.id].locales)[u]??(he[u]={}),y.renderer.properties[n.id].locales[u].value=M})}})}):null},n.id)},u)})},n.id))})]})})}),t.jsx(r.DialogActions,{children:t.jsx(r.Button,{onClick:n=>{var u;return(u=l.onClose)==null?void 0:u.call(l,n,"escapeKeyDown")},children:i("close")})})]})}const ve=(e,s)=>l=>{const i=[l.palette.info.main,l.palette.primary.main,l.palette.secondary.main,l.palette.success.main,l.palette.warning.main],x=Math.min(i.length-1,e),h=i[x],d=r.alpha(h,.5),v=r.alpha(h,1);return{borderColor:`${d} !important`,borderLeft:"3px solid !important",borderLeftColor:d,color:v,...s}};function Vt({property:e,onChange:s,defaultLocale:l,allComponents:i}){const{t:x,locale:h}=_.useLocaleContext(),d=C.useRef(null),v=_t(d,e),S=C.useCallback(()=>{if(!(e.type!=="json"&&e.type!=="yaml"&&e.type!=="array")&&e.subProperties)try{let b={};E.default(Object.values(e.subProperties),"index").filter(o=>o.data.visible!==!1&&o.data.key).forEach(({data:o})=>{var n,u,j,k;if(!o.key)return;let c=((u=(n=o.locales)==null?void 0:n[h])==null?void 0:u.defaultValue)??((k=(j=o.locales)==null?void 0:j[l])==null?void 0:k.defaultValue);if(o.type==="number")c=Number(c);else if(o.type==="boolean")c=c===!0||c==="true";else if((o.type==="json"||o.type==="yaml")&&typeof c=="string")try{o.type==="json"?c=JSON.parse(c):c=re.parse(c)}catch(a){console.error("Error parsing nested value",c,a),c={}}b[o.key]=c}),e.type==="array"&&!Array.isArray(b)&&(b=ne.default(b)?[]:[b]);const g=R.transformValue(b,e.type);s==null||s(g)}catch(b){console.error("Error converting structure to text:",b)}},[e,h,l,s]);return e.type!=="json"&&e.type!=="yaml"&&e.type!=="array"?null:t.jsxs(r.Stack,{direction:"column",gap:1.5,sx:{width:"100%"},ref:d,children:[t.jsx(r.Divider,{sx:{mt:-1},children:t.jsx(r.Typography,{variant:"caption",color:"text.secondary",children:x("maker.properties.subProperties")})}),e.subProperties&&Object.keys(e.subProperties).length>0?t.jsx(Ie,{component:r.Stack,gap:2,list:e.subProperties,renderItem:(b,y,g)=>{const o=b.visible!==!1;return t.jsx(r.Paper,{elevation:0,className:"property-container",sx:{p:1.25,borderRadius:1,border:o?"1px solid":"1px dashed","&":ve(v)},children:t.jsx(r.Stack,{gap:2,children:t.jsx(Oe,{data:b,params:g,visible:o,config:{properties:e.subProperties},currentLocale:h,defaultLocale:l,allComponents:i,onUpdateConfig:c=>{try{const n={properties:e.subProperties||{}};c(n);const u={...e,subProperties:n.properties};s==null||s(u,{forceUpdateProperty:!0}),S()}catch(n){console.error("Error updating property:",n)}}})})},b.id)}}):t.jsx(Z.default,{style:{fontSize:12,height:100},children:x("maker.properties.noSubProperties")}),t.jsx(r.Button,{fullWidth:!0,variant:"outlined",className:"ignore-style-override",size:"small",startIcon:t.jsx(D.AddRounded,{}),onClick:()=>{try{const b=e.subProperties||{},y=R.nextId(),o={index:Object.values(b).length,data:{id:y,key:"",type:"string",visible:!0,locales:{[h]:{name:"",defaultValue:""}},subProperties:{}}},c={...e,subProperties:{...b,[y]:o}};s==null||s(c,{forceUpdateProperty:!0}),S()}catch(b){console.error("Error adding property:",b)}},sx:{"&":ve(v,{})},children:x("maker.properties.addSubProperty")})]})}function U({component:e,property:s,value:l,onChange:i,valueImmutable:x,defaultLocale:h,allComponents:d,...v}){var c,n,u,j,k;const{locale:S}=_.useLocaleContext(),b=z.useUploader(),y=C.useRef(null),g=()=>{var m;const a=(m=b==null?void 0:b.current)==null?void 0:m.getUploader();a==null||a.open(),y.current&&a.onceUploadSuccess(({response:p})=>{var I,f;let P=((I=p==null?void 0:p.data)==null?void 0:I.filename)||"";P&&(P=`mediakit://${P}`,l&&!l.includes("mediakit://")&&(P+=" # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")),(f=y.current)==null||f.call(y,P)})},o=v.label??(((n=(c=s.locales)==null?void 0:c[S])==null?void 0:n.name)||((j=(u=s.locales)==null?void 0:u[h])==null?void 0:j.name)||s.key||s.id);if(s.type==="number")return t.jsx(zt,{...v,label:o,NumberProps:{value:["number","string"].includes(typeof l)?l:null,onChange:(a,m)=>i==null?void 0:i(m)}});if(s.type==="decimal")return t.jsx(r.TextField,{...v,label:o,type:"text",value:l??"",onChange:a=>{const m=a.target.value;if(m===""||m==="-"){i==null||i(m);return}if(/^-?(?!.*\..*\.)[0-9]*(\.[0-9]{0,9})?$/.test(m)){let P=m;/^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(P)&&(P=Number(P)),i==null||i(P)}}});if(s.type==="boolean")return t.jsx(r.FormControlLabel,{label:o,labelPlacement:"start",control:t.jsx(r.Switch,{checked:l===!0,onChange:(a,m)=>i==null?void 0:i(m)})});if(s.type==="color")return t.jsx(St,{label:o,value:l,onChange:a=>{i==null||i(a)}});if(s.type==="json"||s.type==="yaml")return t.jsx(Pt,{label:o,value:l,onChange:a=>{i==null||i(a)},property:s,component:e,defaultLocale:h,allComponents:d,PropertyValueField:U,onUpload:a=>{y.current=a,g()}});if(s.type==="custom"){const a=(k=d[s.componentId])==null?void 0:k.data;return a?t.jsx(r.Box,{width:"100%",children:t.jsx(Q.CustomComponentRenderer,{componentId:a.id,props:{label:o,value:l,onChange:i},locale:S,dev:{mode:"draft",components:d,defaultLocale:h}})}):t.jsx(r.TextField,{...v,label:o,disabled:!0,placeholder:"Click right button select a component"})}if(s.type==="component")return t.jsxs(r.Stack,{width:"100%",direction:"column",gap:1,children:[t.jsx(ee,{allComponents:d,label:o,value:l==null?void 0:l.componentId,onChange:(a,m)=>{x||!l?i==null||i({...l&&JSON.parse(JSON.stringify(l)),componentId:m}):typeof l=="object"&&(l.componentId=m,i==null||i({...l&&JSON.parse(JSON.stringify(l)),componentId:m}))}}),(l==null?void 0:l.componentId)&&t.jsx(Et,{value:l,valueImmutable:x,onChange:i,defaultLocale:h,allComponents:d})]});if(!s.type||["string","url","multiline"].includes(s.type)){let a=s.type==="string"?s.multiline:void 0;s.type==="multiline"&&(a=!0);const m=s.type==="url"?l==null?void 0:l.url:l;return t.jsx(r.TextField,{...v,label:o,value:typeof m=="string"?m:"",multiline:a,minRows:a?2:void 0,maxRows:a?10:void 0,onChange:p=>i==null?void 0:i(s.type==="url"?{...l,url:p.target.value,mediaKitUrl:p.target.value}:p.target.value),InputProps:s.type==="url"?{sx:{pr:0},endAdornment:t.jsxs(r.InputAdornment,{position:"end",children:[t.jsx(z.UploaderButton,{onChange:async({response:p})=>{var w,O,B;const P=((w=p==null?void 0:p.data)==null?void 0:w.url)||((O=p==null?void 0:p.data)==null?void 0:O.fileUrl);let I;P&&(I=await z.getImageSize(P).catch(()=>z.getVideoSize(P)).catch(()=>{}));let f=((B=p==null?void 0:p.data)==null?void 0:B.filename)||"";f&&(f=`mediakit://${f}`),i==null||i({url:P,mediaKitUrl:f,width:I==null?void 0:I.naturalWidth,height:I==null?void 0:I.naturalHeight})}}),t.jsx(r.Tooltip,{title:"If you are using the 'mediaKitUrl' property, please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address.",children:t.jsx(D.InfoRounded,{sx:{cursor:"default",mr:1},fontSize:"small"})})]})}:void 0})}return s.type==="array"?t.jsx(kt,{label:o,value:Array.isArray(l)?l:[],onChange:a=>i==null?void 0:i(a),property:s,renderItem:({item:a,index:m,onChange:p})=>s.subProperties&&Object.keys(s.subProperties).length>0?t.jsx(r.Stack,{gap:1,width:"100%",children:E.default(Object.values(s.subProperties),"index").filter(P=>P.data.visible!==!1).map(({data:P})=>P.key?t.jsx(U,{component:e,property:P,value:a[P.key],onChange:I=>{const f={...a,[P.key]:I};p(f)},size:"small",fullWidth:!0,defaultLocale:h,allComponents:d},P.id):null)},m):t.jsx(r.TextField,{size:v.size,fullWidth:!0,value:a,onChange:P=>p(P.target.value)})}):(console.error("Unsupported property type",s.type),null)}function zt({NumberProps:e,...s}){const{getInputProps:l}=Se.unstable_useNumberInput(e),i=l();return t.jsx(r.TextField,{...s,inputProps:i})}const Re=`import React from '@blocklet/pages-kit/builtin/react'
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),R=require("./chunks/state-BWuBNdK8.js"),Ve=require("@arcblock/ux/lib/Empty"),_=require("@arcblock/ux/lib/Locale/context"),oe=require("@blocklet/code-editor"),De=require("@mui/icons-material/AddRounded"),Ee=require("@mui/icons-material/ArrowDownward"),ze=require("@mui/icons-material/ArrowUpward"),Ae=require("@mui/icons-material/DeleteOutline"),r=require("@mui/material"),Ne=require("lodash/sortBy"),C=require("react"),ke=require("react-use"),ye=require("@blocklet/pages-kit/builtin/color-picker"),qe=require("./chunks/config-string-BYZ5HfyY.js"),Fe=require("lodash/isEmpty"),Ue=require("lodash/set"),Me=require("yaml"),z=require("@blocklet/pages-kit/builtin/uploader"),We=require("lodash/cloneDeep"),Ke=require("@arcblock/ux/lib/Toast"),Q=require("@blocklet/pages-kit/components"),Le=require("@blocklet/pages-kit/utils/property"),Se=require("@mui/base"),V=require("@mui/icons-material"),Y=require("@syncedstore/core"),Pe=require("ahooks"),Je=require("lodash/assign"),He=require("lodash/get"),Ye=require("lodash/has"),$e=require("lodash/isEqual"),Ge=require("lodash/isNil"),Qe=require("lodash/isObject"),Xe=require("lodash/keyBy"),Ze=require("lodash/omit"),et=require("lodash/pick"),tt=require("lodash/reduce"),A=require("material-ui-popup-state/hooks"),rt=require("react-error-boundary"),st=require("@emotion/css"),te=require("react-dnd"),T=e=>e&&e.__esModule?e:{default:e};function lt(e){if(e&&e.__esModule)return e;const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(s,l,i.get?i:{enumerable:!0,get:()=>e[l]})}}return s.default=e,Object.freeze(s)}const Z=T(Ve),it=T(De),ot=T(Ee),nt=T(ze),ct=T(Ae),D=T(Ne),ne=T(Fe),we=T(Ue),re=lt(Me),at=T(We),se=T(Ke),ut=T(Je),dt=T(He),pt=T(Ye),xt=T($e),X=T(Ge),mt=T(Qe),ft=T(Xe),jt=T(Ze),bt=T(et),ht=T(tt);function yt({onClick:e,disabled:s,sx:l,...i}){return t.jsx(r.IconButton,{size:"small",color:"warning",variant:"outlined",disabled:s,onClick:e,...i,children:t.jsx(ct.default,{fontSize:"small"})})}function gt({onClick:e,disabled:s,sx:l,...i}){return t.jsx(r.IconButton,{size:"small",color:"primary",disabled:s,onClick:e,...i,children:t.jsx(nt.default,{fontSize:"small"})})}function vt({onClick:e,disabled:s,sx:l,...i}){return t.jsx(r.IconButton,{size:"small",color:"primary",disabled:s,onClick:e,...i,children:t.jsx(ot.default,{fontSize:"small"})})}function kt({label:e,value:s,onChange:l,disabled:i=!1,itemLabel:x="",emptyHeight:b=40,property:d,renderItem:v,...S}){const{t:h,locale:y}=_.useLocaleContext(),g=ke.useUpdate(),o=C.useCallback(f=>{l(R.transformValue(f,d.type))},[l,d.type]),c=C.useMemo(()=>Array.isArray(s)?s:[],[s]),n=C.useCallback(()=>{const f=[...c,""];o(f),g()},[c,o,g]),u=C.useCallback(()=>{if(!d||!d.subProperties)return n();const f={};D.default(Object.values(d.subProperties),"index").forEach(({data:B})=>{var N,q;if(!B.key)return;const E=((q=(N=B.locales)==null?void 0:N[y])==null?void 0:q.defaultValue)??"";f[B.key]=E});const O=[...c,f];o(O),g()},[c,o,g,d,y,n]),j=C.useCallback(f=>{try{const w=JSON.parse(f);Array.isArray(w)?o(w):console.error("JSON解析结果不是数组")}catch(w){console.error("JSON解析错误:",w)}},[o]),k=C.useCallback(f=>{const w=c.filter((O,B)=>B!==f);o(w),g()},[c,o,g]),a=C.useCallback(f=>{if(f<=0)return;const w=[...c],O=w[f];w[f]=w[f-1],w[f-1]=O,o(w),g()},[c,o,g]),m=C.useCallback(f=>{if(f>=c.length-1)return;const w=[...c],O=w[f];w[f]=w[f+1],w[f+1]=O,o(w),g()},[c,o,g]),p=C.useCallback((f,w)=>{const O=[...c];O[f]=w,o(O)},[c,o]),P=d&&d.subProperties&&Object.keys(d.subProperties).length>0,I=C.useMemo(()=>[{field:"index",headerName:"#",width:40,align:"center",renderCell:({index:f})=>t.jsx(r.Typography,{variant:"body1",sx:{bgcolor:"action.hover",borderRadius:"50%",width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",color:"text.secondary"},children:f+1})},{field:"content",headerName:"",renderCell:({row:f,index:w})=>v&&P?v({item:f,index:w,property:d,onChange:O=>p(w,O)}):t.jsx(r.TextField,{fullWidth:!0,size:"small",disabled:i,value:f,placeholder:x||`${h("item")} ${w+1}`,onChange:O=>p(w,O.target.value),...S})},{field:"actions",headerName:"",width:30,align:"center",renderCell:({index:f})=>t.jsxs(r.Stack,{direction:"column",spacing:.25,children:[t.jsx(gt,{disabled:i||f===0,onClick:()=>a(f)}),t.jsx(vt,{disabled:i||f===c.length-1,onClick:()=>m(f)}),t.jsx(yt,{disabled:i,onClick:()=>k(f)})]})}],[v,P,d,p,x,h,i,S,k,a,m,c.length]);return P?t.jsxs(r.Stack,{width:"100%",gap:1,children:[e&&t.jsx(r.FormLabel,{children:e}),c.length>0?t.jsx(r.TableContainer,{component:r.Paper,variant:"outlined",sx:{borderRadius:1,mb:1},children:t.jsxs(r.Table,{size:"small",sx:{"& .MuiTableCell-root":{py:.25,px:1,whiteSpace:"nowrap"},"& .MuiTableCell-head":{backgroundColor:"action.hover",py:.25,px:1},borderCollapse:"collapse"},children:[t.jsx(r.TableHead,{sx:{display:"none"},children:t.jsx(r.TableRow,{children:I.map(f=>t.jsx(r.TableCell,{width:f.width,align:f.align||"left",sx:{fontWeight:"bold"},children:f.renderHeader?f.renderHeader():f.headerName},f.field))})}),t.jsx(r.TableBody,{children:c.map((f,w,O)=>t.jsx(r.TableRow,{sx:{borderBottom:w<O.length-1?"1px solid":"none",borderColor:"divider","&:hover":{backgroundColor:"action.hover"}},children:I.map(B=>t.jsx(r.TableCell,{width:B.width,align:B.align||"left",sx:{borderBottom:"none"},children:B.renderCell({row:f,index:w,onChange:E=>p(w,E)})},`${w}-${B.field}`))},w))})]})}):t.jsx(Z.default,{style:{fontSize:12,height:b},children:h("maker.properties.arrayEmpty")}),t.jsx(r.Button,{fullWidth:!0,size:"small",variant:"outlined",disabled:i,startIcon:t.jsx(it.default,{}),onClick:u,children:h("maker.properties.addArrayItem")})]}):t.jsxs(r.Stack,{width:"100%",gap:1,children:[e&&t.jsx(r.FormLabel,{children:e}),t.jsx(r.Box,{sx:{border:1,borderColor:"divider",borderRadius:1,minHeight:150},children:t.jsx(oe.CodeEditor,{keyId:d.id,locale:y,language:"json",value:JSON.stringify(c,null,2),onChange:f=>j(f||""),fullScreenOptions:{enableEscExit:!0,targetContainer:()=>document.getElementById("parameters-config-dialog")||null}},d.id)})]})}function St({value:e,onChange:s,...l}){const i=C.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsx(qe.ConfigString,{...l,value:e,onChange:s,InputProps:{endAdornment:t.jsx(r.InputAdornment,{position:"end",children:t.jsx(ye.ColorItem,{color:e??"",style:{width:"1.5rem",height:"1.5rem",padding:0},onClick:()=>{var x;(x=i.current)==null||x.open({value:e??""})}})})}}),t.jsx(ye.ConfigColorDialog,{ref:i,onSave:({value:x},b)=>{s(x),b()}})]})}function Pt({label:e,value:s,onChange:l,property:i,component:x,defaultLocale:b,allComponents:d,PropertyValueField:v,onUpload:S}){const{locale:h}=_.useLocaleContext(),y=C.useRef(null);if(!ne.default(i.subProperties)){const o=D.default(Object.values(i.subProperties||{}),"index").filter(c=>c.data.visible!==!1&&c.data.key);return t.jsxs(r.Stack,{width:"100%",children:[t.jsx(r.FormLabel,{sx:{px:.25,py:.5},children:e}),t.jsx(r.Box,{children:t.jsx(r.Box,{sx:{position:"relative"},children:o.map((c,n)=>{const{data:u}=c,j=u.key??u.id,k=n===o.length-1;let a=null;try{s&&typeof s=="object"?a=s[j]:typeof s=="string"&&(a=(i.type==="yaml"?re.parse(s||""):JSON.parse(s||"{}"))[j])}catch{}a==null&&(u.locales&&h&&u.locales[h]?a=u.locales[h].defaultValue:u.locales&&b&&u.locales[b]&&(a=u.locales[b].defaultValue));const m=P=>{try{let I={};if(typeof s=="string")try{I=i.type==="yaml"?re.parse(s||""):JSON.parse(s||"{}")}catch{}else typeof s=="object"&&s!==null&&(I={...s});we.default(I,j,P);const f=R.transformValue(I,i.type);l==null||l(f)}catch(I){console.error("Error updating property:",I)}},p=8;return t.jsxs(r.Box,{sx:{mb:k?0:1,display:"flex",flexDirection:"row"},children:[t.jsxs(r.Box,{sx:{position:"relative",width:24,flexShrink:0},children:[t.jsx(r.Box,{sx:{position:"absolute",left:p,top:0,height:16,width:0,borderLeft:"1px dashed",borderColor:"divider"}}),t.jsx(r.Box,{sx:{position:"absolute",left:p,top:16,width:12,height:0,borderTop:"1px dashed",borderColor:"divider"}}),!k&&t.jsx(r.Box,{sx:{position:"absolute",left:p,top:16,bottom:-8,width:0,borderLeft:"1px dashed",borderColor:"divider"}})]}),t.jsx(r.Box,{sx:{flexGrow:1},children:t.jsx(v,{component:x,property:u,value:a,onChange:m,size:"small",fullWidth:!0,defaultLocale:b,allComponents:d})})]},u.id)})})})]})}return t.jsx(r.Stack,{width:"100%",gap:2,children:t.jsxs(r.Stack,{sx:{width:"100%",position:"relative",pt:1,pb:"6px",px:"1px",minHeight:50,".monaco-editor,.overflow-guard":{borderRadius:1}},children:[t.jsx(r.FormLabel,{sx:{position:"absolute",left:0,top:0,transform:"translate(0px, -7px) scale(0.75)"},children:e}),t.jsx(oe.CodeEditor,{keyId:i.id,locale:h,language:i.type==="yaml"?"yaml":"json",value:typeof s=="string"?s:"",onChange:o=>{l==null||l(o)},onUpload:o=>{y.current=o,S&&S(o)},fullScreenOptions:{enableEscExit:!0,targetContainer:()=>document.getElementById("parameters-config-dialog")||null}},i.id),t.jsx(r.Box,{component:"fieldset",sx:{pointerEvents:"none",position:"absolute",left:0,top:-5,width:"100%",height:"100%",border:1,borderColor:"rgba(0, 0, 0, 0.23)",borderRadius:1,px:1,py:0},children:t.jsx(r.Box,{component:"legend",sx:{fontSize:"0.75em"},children:t.jsx(r.Box,{component:"span",sx:{opacity:0},children:e})})})]})})}const wt=["string","multiline","json","yaml","url","component","custom","array"];function ge(e){return e.type?!wt.includes(e.type):!1}function Ie({disabled:e,list:s,renderItem:l,...i}){const x=C.useRef(null),b=C.useId(),d=Pe.useUpdate(),v=D.default(Object.entries(s),c=>c[1].index).map(c=>c[0]),S=C.useRef(v),h=C.useCallback(c=>{S.current=c,d()},[d]),y=C.useCallback(({index:c},{index:n})=>{const u=[...S.current];u.splice(n,0,...u.splice(c,1)),h(u)},[h]);C.useEffect(()=>{h(v)},[v.join("-")]);const[{isOver:g},o]=te.useDrop({accept:b,collect:c=>({isOver:c.isOver()}),canDrop:()=>!e,drop:()=>{var u;const c=()=>{S.current.forEach((j,k)=>{const a=s[j];a&&(a.index=k)})},n=(u=Y.getYjsValue(s))==null?void 0:u.doc;n?n.transact(()=>{c()}):c()}});return C.useEffect(()=>{g||h(v)},[g]),o(x),t.jsx(r.Box,{...i,ref:x,className:st.cx(g&&"isDragging"),children:S.current.map((c,n)=>t.jsx(It,{type:b,disabled:e,id:c,index:n,itemIndex:u=>S.current.indexOf(u),move:y,children:u=>{const j=s[c];return j?l(j.data,n,u):null}},c))})}function It({disabled:e,id:s,index:l,type:i,children:x,itemIndex:b,move:d}){const v=C.useRef(),[{isDragging:S},h,y]=te.useDrag({type:i,item:()=>({id:s}),canDrag:()=>!e,collect:o=>({isDragging:o.isDragging()})}),[,g]=te.useDrop({accept:i,canDrop:()=>!e,hover(o,c){var p;if(!v.current)return;const n=b(o.id),u=l;if(n===u)return;const j=(p=v.current)==null?void 0:p.getBoundingClientRect(),k=(j.bottom-j.top)/2,m=c.getClientOffset().y-j.top;n<u&&m<k||n>u&&m>k||d({id:o.id,index:n},{id:s,index:l})}});return typeof x=="function"?x({isDragging:S,drag:h,drop:o=>(v.current=o,g(o)),preview:y}):(h(g(y(v))),t.jsx(r.Box,{ref:v,children:x}))}function Ct({drop:e,preview:s,drag:l,disabled:i,isDragging:x,children:b,onDelete:d,onVisibilityChange:v,visible:S=!0,actions:h,alwaysShowActions:y=!1}){const{t:g}=_.useLocaleContext();return t.jsx(r.Box,{ref:e,sx:{":hover .hover-visible":{maxWidth:"100%"},opacity:S?1:.5},children:t.jsxs(r.Box,{sx:{position:"relative"},children:[t.jsx(r.Box,{ref:s,sx:{flex:1,borderRadius:.5,bgcolor:x?"action.hover":"background.paper",opacity:.9999},children:b}),!i&&t.jsx(r.Box,{className:y?"":"hover-visible",sx:{maxWidth:y?"100%":0,overflow:"hidden",position:"absolute",right:2,top:2,transition:"max-width 0.3s ease-in-out"},children:t.jsxs(r.Stack,{direction:"row",sx:{bgcolor:o=>r.alpha(o.palette.grey[200],.9),borderRadius:1,p:.5,[`.${r.buttonClasses.root}`]:{minWidth:24,width:24,height:24,p:0}},children:[h,v&&t.jsx(r.Tooltip,{title:g(S?"hideParameter":"showParameter"),disableInteractive:!0,placement:"top",children:t.jsx(r.Button,{onClick:()=>v(!S),children:S?t.jsx(V.VisibilityOffRounded,{sx:{fontSize:"1.25rem",color:"grey.500"}}):t.jsx(V.VisibilityRounded,{sx:{fontSize:"1.25rem",color:"grey.500"}})})}),d&&t.jsx(r.Tooltip,{title:g("delete"),disableInteractive:!0,placement:"top",children:t.jsx(r.Button,{onClick:d,children:t.jsx(V.DeleteOutlineRounded,{sx:{fontSize:"1.25rem",color:"grey.500"}})})}),t.jsx(r.Tooltip,{title:g("dragSort"),disableInteractive:!0,placement:"top",children:t.jsx(r.Button,{ref:l,children:t.jsx(V.DragIndicatorRounded,{sx:{color:"grey.500"}})})})]})})]})})}function Ot({label:e,value:s,onChange:l}){const[i,x]=C.useState(!1);return t.jsxs(r.Stack,{gap:1,children:[t.jsx(r.TextField,{label:e,size:"small",value:s,onChange:b=>l==null?void 0:l(b.target.value),InputProps:{endAdornment:t.jsx(z.UploaderButton,{onChange:({response:b})=>{var v;const d=(v=b==null?void 0:b.data)==null?void 0:v.filename;d&&(l==null||l(d))}})}}),s&&t.jsx(r.Box,{component:"img",sx:{objectFit:"contain",borderRadius:1,cursor:"pointer"},src:R.getImageAbsoluteUrl(s),alt:e,maxWidth:100,maxHeight:100,width:"100%",onClick:()=>x(!0)}),t.jsx(r.Dialog,{open:i,onClose:()=>x(!1),children:t.jsx(r.Box,{component:"img",sx:{objectFit:"contain"},src:R.getImageAbsoluteUrl(s),alt:e})})]})}function le(e,s=""){return ht.default(e,(l,i,x)=>{const b=s?`${s}.${x}`:x;return mt.default(i)?ut.default(l,le(i,b)):l[b]=i,l},{})}const Tt=[{value:"string",label:"Text"},{value:"multiline",label:"Text (Multiline)"},{value:"number",label:"Number"},{value:"decimal",label:"Decimal"},{value:"boolean",label:"Boolean"},{value:"color",label:"Color"},{value:"url",label:"URL (Upload)"},{value:"json",label:"JSON"},{value:"yaml",label:"YAML"},{value:"array",label:"Array"},{value:"component",label:"Component"},{value:"custom",label:"Custom (Render by a Component)"}];function G(e,s,l){return!e||!l?!1:Object.values(e).some(({data:i})=>i.id!==s&&i.key===l)}function ie(e,s){var l;return!e||!s?!1:((l=e[s])==null?void 0:l.data.visible)??!0}function Bt({componentId:e}){const{state:{components:s}}=R.useStore(),l=s[e],i=l==null?void 0:l.data;return i?t.jsx(r.Stack,{maxHeight:"100%",overflow:"auto",children:t.jsx(r.Box,{p:2,children:t.jsx(rt.ErrorBoundary,{FallbackComponent:R.ErrorView,resetKeys:[e],children:t.jsx(Rt,{value:i,componentId:e})})})}):null}function Rt({value:e,componentId:s}){var g,o,c;const{t:l}=_.useLocaleContext(),{localState:{currentLocale:i,customComponentPreviewerProperties:x},state:{config:{defaultLocale:b}},localActions:{setCustomComponentPreviewerProperties:d}}=R.useStore(),v=Y.getYjsValue(e).doc,S=R.useAllComponents(),h=C.useMemo(()=>(x==null?void 0:x[s])??{},[s,x]),y=Pe.useReactive({componentId:s,propertiesValue:{...h}});return C.useEffect(()=>{y.componentId!==s&&(y.componentId=s,y.propertiesValue={...h})},[s,h,y]),C.useEffect(()=>{if(y.componentId!==s)return;const n=Object.fromEntries(Object.values(e.properties??{}).map(({data:u})=>{var j,k,a,m,p;return[u.id,{value:((j=y.propertiesValue[u.id])==null?void 0:j.value)??Le.parsePropertyValue(u,((a=(k=u.locales)==null?void 0:k[i])==null?void 0:a.defaultValue)??((p=(m=u.locales)==null?void 0:m[b])==null?void 0:p.defaultValue),{locale:i,defaultLocale:b})}]}));d(s,n)},[JSON.stringify(y.propertiesValue),s,y.componentId]),t.jsx(r.Stack,{height:"100%",children:t.jsxs(r.Stack,{gap:2,children:[t.jsx(Ce,{config:e}),t.jsx(Te,{config:e,currentLocale:i,defaultLocale:b,allComponents:S,onUpdateConfig:n=>{v.transact(()=>{n(e)})}}),t.jsxs(r.Stack,{gap:2,direction:"row",justifyContent:"space-between",alignItems:"center",children:[t.jsx(r.Typography,{variant:"subtitle1",children:l("renderer")}),t.jsxs(r.TextField,{hiddenLabel:!0,size:"small",select:!0,SelectProps:{autoWidth:!0},value:((g=e.renderer)==null?void 0:g.type)||"react-component",onChange:n=>{v.transact(()=>{const u=n.target.value;e.renderer??(e.renderer={type:u}),e.renderer.type=u})},children:[t.jsx(r.MenuItem,{value:"react-component",children:"React Component"}),t.jsx(r.MenuItem,{value:"component",children:"Custom Component"})]})]}),((o=e.renderer)==null?void 0:o.type)==="component"&&t.jsx(Nt,{value:e}),((c=e.renderer)==null?void 0:c.type)==="react-component"&&t.jsx(At,{value:e}),t.jsx(ce,{config:e,currentLocale:i,defaultLocale:b,allComponents:S,propertiesValue:y.propertiesValue,onChange:({value:n,id:u,path:j})=>{const k=[...j,"data"];if(!dt.default(e,k)){se.default.warning(l("cannotFindPropertyKey",{key:k.join(".")}));return}y.propertiesValue[u]={value:n.value}}})]})})}function Ce({config:e}){const{t:s}=_.useLocaleContext();return t.jsx(z.UploaderProvider,{children:t.jsxs(r.Stack,{gap:2,children:[t.jsx(r.Typography,{variant:"subtitle1",children:s("basicInfo")}),t.jsx(r.TextField,{label:s("name"),size:"small",value:e.name||"",onChange:l=>e.name=l.target.value}),t.jsx(r.TextField,{label:s("description"),size:"small",multiline:!0,minRows:2,maxRows:10,inputProps:{maxLength:200},value:e.description||"",onChange:l=>e.description=l.target.value}),t.jsx(r.Autocomplete,{size:"small",options:[],multiple:!0,freeSolo:!0,value:e.tags??[],onChange:(l,i)=>e.tags=i,renderInput:l=>t.jsx(r.TextField,{label:s("tags"),...l})}),t.jsx(Ot,{label:s("previewImage"),value:e.previewImage||"",onChange:l=>e.previewImage=l})]})})}function Oe({data:e,params:s,visible:l,config:i,currentLocale:x,defaultLocale:b,allComponents:d,onUpdateConfig:v}){var y,g,o,c,n,u;const{t:S}=_.useLocaleContext(),h=C.useMemo(()=>e.type==="json"||e.type==="yaml"||e.type==="array"?Et:U,[e.type]);return t.jsx(Ct,{preview:s.preview,drop:s.drop,drag:s.drag,isDragging:s.isDragging,onDelete:()=>{v(j=>{if(j.properties){const a=Object.entries(j.properties).sort(([,p],[,P])=>p.index-P.index);delete j.properties[e.id],a.filter(([p])=>p!==e.id).forEach(([,p],P)=>{p.index=P})}})},visible:l,onVisibilityChange:j=>{v(k=>{const a=k.properties[e.id].data;a.visible=j})},alwaysShowActions:!0,children:t.jsxs(r.Stack,{direction:"column",gap:2,children:[t.jsx(r.TextField,{label:S("key"),size:"small",required:!0,sx:{width:"calc(100% - 80px - 8px)",flex:1,"& .MuiOutlinedInput-root":{borderColor:e.key?G(i.properties,e.id,e.key)?"warning.main":void 0:"error.main"},"& .MuiFormLabel-root":{color:e.key?G(i.properties,e.id,e.key)?"warning.main":"text.secondary":"error.main"},"& .MuiFormLabel-root.Mui-focused":{color:e.key?G(i.properties,e.id,e.key)?"warning.main":"primary.main":"error.main"}},value:e.key||"",onChange:j=>{v(k=>{const a=k.properties[e.id].data;a.key=j.target.value.trim()})},InputProps:{endAdornment:!e.key||e.key&&G(i.properties,e.id,e.key)?t.jsx(r.InputAdornment,{position:"end",sx:{width:16,ml:0},children:t.jsx(r.Tooltip,{title:e.key?S("duplicateKey"):S("requiredKey"),children:t.jsx(V.InfoRounded,{sx:{color:e.key?"warning.main":"error.main",fontSize:16}})})}):null}}),t.jsxs(r.Stack,{direction:"row",gap:1,children:[t.jsx(r.TextField,{label:S("label"),size:"small",sx:{flex:1},value:(((g=(y=e.locales)==null?void 0:y[x])==null?void 0:g.name)??((c=(o=e.locales)==null?void 0:o[b])==null?void 0:c.name))||"",onChange:j=>{v(k=>{var m;const a=k.properties[e.id].data;a.locales??(a.locales={}),(m=a.locales)[x]??(m[x]={}),a.locales[x].name=j.target.value})}}),t.jsx(r.TextField,{label:S("type"),size:"small",select:!0,sx:{flex:1},value:e.type==="string"&&e.multiline?"multiline":e.type||"string",onChange:j=>{v(k=>{const a=k.properties[e.id].data;if(a.locales)for(const p of Object.keys(a.locales))a.locales[p].defaultValue=void 0;const m=j.target.value;m==="multiline"?(a.type="string",a.multiline=!0):(typeof a.multiline<"u"&&delete a.multiline,a.type=m)})},children:Tt.map(j=>t.jsx(r.MenuItem,{value:j.value,children:j.label},j.value))})]}),t.jsxs(r.Stack,{direction:"row",gap:1,children:[t.jsx(h,{allComponents:d,defaultLocale:b,component:i,property:e,label:S("defaultValue"),size:"small",fullWidth:!0,value:(u=(n=e.locales)==null?void 0:n[x])==null?void 0:u.defaultValue,onChange:(j,k)=>{v(a=>{var p;const m=a.properties[e.id].data;if(k!=null&&k.forceUpdateProperty){const P=le(m),I=le(j);Object.keys(I).forEach(f=>{P[f]||we.default(m,f,I[f])})}else m.locales??(m.locales={}),(p=m.locales)[x]??(p[x]={}),m.locales[x].defaultValue=j})}}),e.type==="custom"?t.jsx(r.Box,{children:t.jsx(Vt,{property:e,allComponents:d})}):null]})]})})}function _t(e,s){const[l,i]=C.useState(0);return C.useEffect(()=>{const b=setTimeout(()=>{if(e.current){let d=e.current.parentElement,v=0;for(;d;)d.classList.contains("property-container")&&v++,d=d.parentElement;i(v)}},100);return()=>clearTimeout(b)},[e,s]),l}function Te({config:e,currentLocale:s,defaultLocale:l,allComponents:i,onUpdateConfig:x,useI18nEditor:b=!0}){const{t:d}=_.useLocaleContext(),v=A.usePopupState({variant:"dialog"}),S=e.properties&&D.default(Object.values(e.properties),"index");return t.jsx(z.UploaderProvider,{children:t.jsxs(r.Stack,{gap:2,children:[t.jsxs(r.Stack,{direction:"row",gap:1,alignItems:"center",justifyContent:"space-between",children:[t.jsx(r.Typography,{variant:"subtitle1",children:d("properties")}),t.jsx(r.Box,{flex:1}),b&&t.jsx(r.Button,{sx:{minWidth:32,minHeight:32,p:0},...A.bindTrigger(v),children:t.jsx(V.TranslateRounded,{fontSize:"small"})})]}),e.properties&&Object.keys(e.properties).length>0?t.jsx(Ie,{component:r.Stack,gap:2,list:e.properties,renderItem:(h,y,g)=>{const o=ie(e.properties,h.id);return t.jsx(r.Paper,{elevation:0,className:"property-container",sx:{p:1.25,borderRadius:1,border:o?"1px solid":"1px dashed",borderColor:"divider"},children:t.jsx(r.Stack,{gap:2,children:t.jsx(Oe,{data:h,params:g,visible:o,config:e,currentLocale:s,defaultLocale:l,allComponents:i,onUpdateConfig:x})})},h.id)}}):t.jsx(Z.default,{style:{fontSize:12},children:d("maker.properties.noProperties")}),t.jsx(r.Button,{fullWidth:!0,variant:"outlined",className:"ignore-style-override",onClick:()=>{x(h=>{var g;const y=R.nextId();h.properties??(h.properties={}),(g=h.properties)[y]??(g[y]={index:(S==null?void 0:S.length)||0,data:{id:y}})})},startIcon:t.jsx(V.AddRounded,{}),children:d("addObject",{object:d("property")})}),b&&t.jsx(Be,{...A.bindDialog(v),component:e})]})})}function Vt({property:e,allComponents:s}){const l=A.usePopupState({variant:"popper"});return t.jsxs(t.Fragment,{children:[t.jsx(r.Button,{sx:{minWidth:0},...A.bindTrigger(l),children:t.jsx(V.SettingsRounded,{fontSize:"small"})}),t.jsx(r.Popper,{...A.bindPopper(l),children:t.jsx(Se.ClickAwayListener,{onClickAway:l.close,children:t.jsx(r.Paper,{children:t.jsx(r.Box,{width:500,p:2,children:t.jsx(ee,{value:e.componentId,onChange:(i,x)=>e.componentId=x,allComponents:s})})})})})]})}function Dt({value:e,valueImmutable:s,onChange:l,defaultLocale:i,allComponents:x}){var y;const[b,d]=C.useState(!1),{t:v,locale:S}=_.useLocaleContext(),h=typeof(e==null?void 0:e.componentId)=="string"?(y=x[e.componentId])==null?void 0:y.data:void 0;return h?t.jsxs(r.Box,{sx:{width:"100%",position:"relative"},children:[t.jsx(r.IconButton,{sx:{minWidth:0},disabled:!h,size:"small",onClick:()=>d(!b),color:b?"primary":"default",children:t.jsx(V.SettingsRounded,{fontSize:"small"})}),b&&t.jsx(r.Collapse,{in:b,timeout:"auto",unmountOnExit:!0,sx:{width:"100%",zIndex:10},children:t.jsxs(r.Paper,{elevation:1,sx:{mt:1,p:2,borderRadius:1,border:"1px solid",borderColor:"divider",width:"100%"},children:[t.jsx(r.Box,{width:"100%",mb:2,children:t.jsx(ce,{config:h,currentLocale:S,defaultLocale:i,allComponents:x,propertiesValue:e==null?void 0:e.properties,onChange:({id:g,value:o})=>{const c=at.default(o.value),n=JSON.parse(JSON.stringify(e));n!=null&&n.componentId&&(s?l==null||l({...n,properties:{...n.properties,[g]:{value:c}}}):(n.properties=n.properties??{},n.properties[g]={value:c},l==null||l(n)))}})}),t.jsx(r.Button,{size:"small",onClick:()=>d(!1),sx:{mt:1},children:v("close")})]})})]}):null}function Be({type:e="properties",component:s,...l}){var g,o,c;const{t:i}=_.useLocaleContext(),{state:{components:x,supportedLocales:b,config:{defaultLocale:d}}}=R.useStore(),v=R.useAllComponents(),S=Y.getYjsValue(s).doc,h=e==="properties"?s.properties:e==="parameters"&&((g=s.renderer)==null?void 0:g.type)==="component"?(o=x[s.renderer.componentId])==null?void 0:o.data.properties:void 0,y=((c=s.renderer)==null?void 0:c.type)==="component"?s:void 0;return t.jsxs(r.Dialog,{...l,fullWidth:!0,maxWidth:"lg",children:[t.jsx(r.DialogTitle,{children:i("i18nEditorTitle")}),t.jsx(r.DialogContent,{children:h&&t.jsx(r.Stack,{children:t.jsxs(r.Table,{stickyHeader:!0,sx:{td:{verticalAlign:"top"}},children:[t.jsx(r.TableHead,{children:t.jsx(r.TableRow,{children:b.map(({locale:n,name:u})=>t.jsx(r.TableCell,{children:t.jsxs(r.Typography,{color:"text.primary",children:[u,d===n&&t.jsx(V.StarRounded,{sx:{fontSize:12}})]})},n))})}),t.jsx(r.TableBody,{children:D.default(Object.values(h),"index").map(({data:n})=>t.jsx(r.TableRow,{children:b.map(({locale:u})=>{var j,k,a,m,p,P,I,f,w,O,B,E,N,q,$,W,K,L,J,H,ae,ue,de,pe,xe,me;return t.jsx(r.TableCell,{children:t.jsx(r.Stack,{gap:1,children:e==="properties"?t.jsxs(t.Fragment,{children:[t.jsx(r.TextField,{size:"small",label:"Key",value:n.key||"",onChange:M=>{S.transact(()=>{n.key=M.target.value.trim()})}}),t.jsx(r.TextField,{size:"small",label:i("label"),value:(((k=(j=n.locales)==null?void 0:j[u])==null?void 0:k.name)??((m=(a=n.locales)==null?void 0:a[d])==null?void 0:m.name))||"",onChange:M=>{S.transact(()=>{var F;n.locales??(n.locales={}),(F=n.locales)[u]??(F[u]={}),n.locales[u].name=M.target.value})}}),t.jsx(r.Box,{children:t.jsx(U,{allComponents:v,defaultLocale:d,component:s,property:n,size:"small",fullWidth:!0,label:"Default Value",valueImmutable:X.default((P=(p=n.locales)==null?void 0:p[u])==null?void 0:P.defaultValue),value:((f=(I=n.locales)==null?void 0:I[u])==null?void 0:f.defaultValue)??((O=(w=n.locales)==null?void 0:w[d])==null?void 0:O.defaultValue),onChange:M=>{S.transact(()=>{var F;n.locales??(n.locales={}),(F=n.locales)[u]??(F[u]={}),n.locales[u].defaultValue=M})}})})]}):e==="parameters"&&y?t.jsx(r.Box,{children:t.jsx(U,{allComponents:v,defaultLocale:d,component:s,property:n,size:"small",fullWidth:!0,valueImmutable:X.default((q=(N=(E=(B=y.renderer.properties)==null?void 0:B[n.id])==null?void 0:E.locales)==null?void 0:N[u])==null?void 0:q.value),value:((L=(K=(W=($=y.renderer.properties)==null?void 0:$[n.id])==null?void 0:W.locales)==null?void 0:K[u])==null?void 0:L.value)??((ue=(ae=(H=(J=y.renderer.properties)==null?void 0:J[n.id])==null?void 0:H.locales)==null?void 0:ae[d])==null?void 0:ue.value)??((pe=(de=n.locales)==null?void 0:de[u])==null?void 0:pe.defaultValue)??((me=(xe=n.locales)==null?void 0:xe[d])==null?void 0:me.defaultValue),onChange:M=>{S.transact(()=>{var F,fe,je,be,he;(F=y.renderer).properties??(F.properties={}),(fe=y.renderer.properties)[je=n.id]??(fe[je]={}),(be=y.renderer.properties[n.id]).locales??(be.locales={}),(he=y.renderer.properties[n.id].locales)[u]??(he[u]={}),y.renderer.properties[n.id].locales[u].value=M})}})}):null},n.id)},u)})},n.id))})]})})}),t.jsx(r.DialogActions,{children:t.jsx(r.Button,{onClick:n=>{var u;return(u=l.onClose)==null?void 0:u.call(l,n,"escapeKeyDown")},children:i("close")})})]})}const ve=(e,s)=>l=>{const i=[l.palette.info.main,l.palette.primary.main,l.palette.secondary.main,l.palette.success.main,l.palette.warning.main],x=Math.min(i.length-1,e),b=i[x],d=r.alpha(b,.5),v=r.alpha(b,1);return{borderColor:`${d} !important`,borderLeft:"3px solid !important",borderLeftColor:d,color:v,...s}};function Et({property:e,onChange:s,defaultLocale:l,allComponents:i}){const{t:x,locale:b}=_.useLocaleContext(),d=C.useRef(null),v=_t(d,e),S=C.useCallback(()=>{if(!(e.type!=="json"&&e.type!=="yaml"&&e.type!=="array")&&e.subProperties)try{let h={};D.default(Object.values(e.subProperties),"index").filter(o=>o.data.visible!==!1&&o.data.key).forEach(({data:o})=>{var n,u,j,k;if(!o.key)return;let c=((u=(n=o.locales)==null?void 0:n[b])==null?void 0:u.defaultValue)??((k=(j=o.locales)==null?void 0:j[l])==null?void 0:k.defaultValue);if(o.type==="number")c=Number(c);else if(o.type==="boolean")c=c===!0||c==="true";else if((o.type==="json"||o.type==="yaml")&&typeof c=="string")try{o.type==="json"?c=JSON.parse(c):c=re.parse(c)}catch(a){console.error("Error parsing nested value",c,a),c={}}h[o.key]=c}),e.type==="array"&&!Array.isArray(h)&&(h=ne.default(h)?[]:[h]);const g=R.transformValue(h,e.type);s==null||s(g)}catch(h){console.error("Error converting structure to text:",h)}},[e,b,l,s]);return e.type!=="json"&&e.type!=="yaml"&&e.type!=="array"?null:t.jsxs(r.Stack,{direction:"column",gap:1.5,sx:{width:"100%"},ref:d,children:[t.jsx(r.Divider,{sx:{mt:-1},children:t.jsx(r.Typography,{variant:"caption",color:"text.secondary",children:x("maker.properties.subProperties")})}),e.subProperties&&Object.keys(e.subProperties).length>0?t.jsx(Ie,{component:r.Stack,gap:2,list:e.subProperties,renderItem:(h,y,g)=>{const o=h.visible!==!1;return t.jsx(r.Paper,{elevation:0,className:"property-container",sx:{p:1.25,borderRadius:1,border:o?"1px solid":"1px dashed","&":ve(v)},children:t.jsx(r.Stack,{gap:2,children:t.jsx(Oe,{data:h,params:g,visible:o,config:{properties:e.subProperties},currentLocale:b,defaultLocale:l,allComponents:i,onUpdateConfig:c=>{try{const n={properties:e.subProperties||{}};c(n);const u={...e,subProperties:n.properties};s==null||s(u,{forceUpdateProperty:!0}),S()}catch(n){console.error("Error updating property:",n)}}})})},h.id)}}):t.jsx(Z.default,{style:{fontSize:12,height:100},children:x("maker.properties.noSubProperties")}),t.jsx(r.Button,{fullWidth:!0,variant:"outlined",className:"ignore-style-override",size:"small",startIcon:t.jsx(V.AddRounded,{}),onClick:()=>{try{const h=e.subProperties||{},y=R.nextId(),o={index:Object.values(h).length,data:{id:y,key:"",type:"string",visible:!0,locales:{[b]:{name:"",defaultValue:""}},subProperties:{}}},c={...e,subProperties:{...h,[y]:o}};s==null||s(c,{forceUpdateProperty:!0}),S()}catch(h){console.error("Error adding property:",h)}},sx:{"&":ve(v,{})},children:x("maker.properties.addSubProperty")})]})}function U({component:e,property:s,value:l,onChange:i,valueImmutable:x,defaultLocale:b,allComponents:d,...v}){var c,n,u,j,k;const{locale:S}=_.useLocaleContext(),h=z.useUploader(),y=C.useRef(null),g=()=>{var m;const a=(m=h==null?void 0:h.current)==null?void 0:m.getUploader();a==null||a.open(),y.current&&a.onceUploadSuccess(({response:p})=>{var I,f;let P=((I=p==null?void 0:p.data)==null?void 0:I.filename)||"";P&&(P=`mediakit://${P}`,l&&!l.includes("mediakit://")&&(P+=" # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")),(f=y.current)==null||f.call(y,P)})},o=v.label??(((n=(c=s.locales)==null?void 0:c[S])==null?void 0:n.name)||((j=(u=s.locales)==null?void 0:u[b])==null?void 0:j.name)||s.key||s.id);if(s.type==="number")return t.jsx(zt,{...v,label:o,NumberProps:{value:["number","string"].includes(typeof l)?l:null,onChange:(a,m)=>i==null?void 0:i(m)}});if(s.type==="decimal")return t.jsx(r.TextField,{...v,label:o,type:"text",value:l??"",onChange:a=>{const m=a.target.value;if(m===""||m==="-"){i==null||i(m);return}if(/^-?(?!.*\..*\.)[0-9]*(\.[0-9]{0,9})?$/.test(m)){let P=m;/^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(P)&&(P=Number(P)),i==null||i(P)}}});if(s.type==="boolean")return t.jsx(r.FormControlLabel,{label:o,labelPlacement:"start",control:t.jsx(r.Switch,{checked:l===!0,onChange:(a,m)=>i==null?void 0:i(m)})});if(s.type==="color")return t.jsx(St,{label:o,value:l,onChange:a=>{i==null||i(a)}});if(s.type==="json"||s.type==="yaml")return t.jsx(Pt,{label:o,value:l,onChange:a=>{i==null||i(a)},property:s,component:e,defaultLocale:b,allComponents:d,PropertyValueField:U,onUpload:a=>{y.current=a,g()}});if(s.type==="custom"){const a=(k=d[s.componentId])==null?void 0:k.data;return a?t.jsx(r.Box,{width:"100%",children:t.jsx(Q.CustomComponentRenderer,{componentId:a.id,props:{label:o,value:l,onChange:i},locale:S,dev:{mode:"draft",components:d,defaultLocale:b}})}):t.jsx(r.TextField,{...v,label:o,disabled:!0,placeholder:"Click right button select a component"})}if(s.type==="component")return t.jsxs(r.Stack,{width:"100%",direction:"column",gap:1,children:[t.jsx(ee,{allComponents:d,label:o,value:l==null?void 0:l.componentId,onChange:(a,m)=>{x||!l?i==null||i({...l&&JSON.parse(JSON.stringify(l)),componentId:m}):typeof l=="object"&&(l.componentId=m,i==null||i({...l&&JSON.parse(JSON.stringify(l)),componentId:m}))}}),(l==null?void 0:l.componentId)&&t.jsx(Dt,{value:l,valueImmutable:x,onChange:i,defaultLocale:b,allComponents:d})]});if(!s.type||["string","url","multiline"].includes(s.type)){let a=s.type==="string"?s.multiline:void 0;s.type==="multiline"&&(a=!0);const m=s.type==="url"?l==null?void 0:l.url:l;return t.jsx(r.TextField,{...v,label:o,value:typeof m=="string"?m:"",multiline:a,minRows:a?2:void 0,maxRows:a?10:void 0,onChange:p=>i==null?void 0:i(s.type==="url"?{...l,url:p.target.value,mediaKitUrl:p.target.value}:p.target.value),InputProps:s.type==="url"?{sx:{pr:0},endAdornment:t.jsxs(r.InputAdornment,{position:"end",children:[t.jsx(z.UploaderButton,{onChange:async({response:p})=>{var w,O,B;const P=((w=p==null?void 0:p.data)==null?void 0:w.url)||((O=p==null?void 0:p.data)==null?void 0:O.fileUrl);let I;P&&(I=await z.getImageSize(P).catch(()=>z.getVideoSize(P)).catch(()=>{}));let f=((B=p==null?void 0:p.data)==null?void 0:B.filename)||"";f&&(f=`mediakit://${f}`),i==null||i({url:P,mediaKitUrl:f,width:I==null?void 0:I.naturalWidth,height:I==null?void 0:I.naturalHeight})}}),t.jsx(r.Tooltip,{title:"If you are using the 'mediaKitUrl' property, please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address.",children:t.jsx(V.InfoRounded,{sx:{cursor:"default",mr:1},fontSize:"small"})})]})}:void 0})}return s.type==="array"?t.jsx(kt,{label:o,value:Array.isArray(l)?l:[],onChange:a=>i==null?void 0:i(a),property:s,renderItem:({item:a,index:m,onChange:p})=>s.subProperties&&Object.keys(s.subProperties).length>0?t.jsx(r.Stack,{gap:1,width:"100%",children:D.default(Object.values(s.subProperties),"index").filter(P=>P.data.visible!==!1).map(({data:P})=>P.key?t.jsx(U,{component:e,property:P,value:a[P.key],onChange:I=>{const f={...a,[P.key]:I};p(f)},size:"small",fullWidth:!0,defaultLocale:b,allComponents:d},P.id):null)},m):t.jsx(r.TextField,{size:v.size,fullWidth:!0,value:a,onChange:P=>p(P.target.value)})}):(console.error("Unsupported property type",s.type),null)}function zt({NumberProps:e,...s}){const{getInputProps:l}=Se.unstable_useNumberInput(e),i=l();return t.jsx(r.TextField,{...s,inputProps:i})}const Re=`import React from '@blocklet/pages-kit/builtin/react'
|
|
2
2
|
import { Box } from '@blocklet/pages-kit/builtin/mui/material'
|
|
3
3
|
|
|
4
4
|
export default function () {
|
|
@@ -8,4 +8,4 @@ export default function () {
|
|
|
8
8
|
</Box>
|
|
9
9
|
)
|
|
10
10
|
}`,_e=`console.log('hello')
|
|
11
|
-
`;function At({value:e}){const{locale:s}=_.useLocaleContext(),l=ke.useUpdate(),i=Y.getYjsValue(e).doc;return C.useEffect(()=>{var x;(x=e.renderer)!=null&&x.script||(i.transact(()=>{e.renderer.script=e.renderer.type==="react-component"?Re:_e}),l())},[e]),t.jsx(r.Box,{sx:{border:1,borderColor:"divider",borderRadius:1,overflow:"hidden"},children:t.jsx(oe.CodeEditor,{keyId:e.id,locale:s,language:"typescript",value:e.renderer.script||"",onChange:x=>e.renderer.script=x,typeScriptNoValidation:!1,fullScreenOptions:{enableEscExit:!0}},e.id)})}function Nt({value:e}){var y,g,o;const{t:s}=_.useLocaleContext(),l=Y.getYjsValue(e).doc,{state:{components:i,config:{defaultLocale:x},resources:
|
|
11
|
+
`;function At({value:e}){const{locale:s}=_.useLocaleContext(),l=ke.useUpdate(),i=Y.getYjsValue(e).doc;return C.useEffect(()=>{var x;(x=e.renderer)!=null&&x.script||(i.transact(()=>{e.renderer.script=e.renderer.type==="react-component"?Re:_e}),l())},[e]),t.jsx(r.Box,{sx:{border:1,borderColor:"divider",borderRadius:1,overflow:"hidden"},children:t.jsx(oe.CodeEditor,{keyId:e.id,locale:s,language:"typescript",value:e.renderer.script||"",onChange:x=>e.renderer.script=x,typeScriptNoValidation:!1,fullScreenOptions:{enableEscExit:!0}},e.id)})}function Nt({value:e}){var y,g,o;const{t:s}=_.useLocaleContext(),l=Y.getYjsValue(e).doc,{state:{components:i,config:{defaultLocale:x},resources:b},localState:{currentLocale:d}}=R.useStore(),v=R.useAllComponents(),S=((y=i[e.renderer.componentId])==null?void 0:y.data)??((o=(g=b.components)==null?void 0:g[e.renderer.componentId])==null?void 0:o.component),h=A.usePopupState({variant:"dialog"});return t.jsx(z.UploaderProvider,{children:t.jsxs(r.Stack,{gap:1,children:[t.jsx(ee,{allComponents:v,excludes:[e.id],value:e.renderer.componentId,onChange:(c,n)=>e.renderer.componentId=n}),S&&t.jsxs(t.Fragment,{children:[t.jsxs(r.Stack,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[t.jsx(r.Typography,{variant:"subtitle2",children:s("parameters")}),t.jsx(r.Button,{sx:{minWidth:32,minHeight:32,p:0},...A.bindTrigger(h),children:t.jsx(V.TranslateRounded,{fontSize:"small"})})]}),S.properties&&D.default(Object.values(S.properties),"index").map(({data:c})=>{var n,u,j,k,a,m,p,P,I,f,w,O,B,E,N,q;return t.jsx(r.Box,{children:t.jsx(U,{allComponents:v,defaultLocale:x,component:S,property:c,fullWidth:!0,size:"small",valueImmutable:X.default((k=(j=(u=(n=e.renderer.properties)==null?void 0:n[c.id])==null?void 0:u.locales)==null?void 0:j[d])==null?void 0:k.value),value:((P=(p=(m=(a=e.renderer.properties)==null?void 0:a[c.id])==null?void 0:m.locales)==null?void 0:p[d])==null?void 0:P.value)??((O=(w=(f=(I=e.renderer.properties)==null?void 0:I[c.id])==null?void 0:f.locales)==null?void 0:w[x])==null?void 0:O.value)??((E=(B=c.locales)==null?void 0:B[d])==null?void 0:E.defaultValue)??((q=(N=c.locales)==null?void 0:N[x])==null?void 0:q.defaultValue),onChange:$=>{l.transact(()=>{var W,K,L,J,H;(W=e.renderer).properties??(W.properties={}),(K=e.renderer.properties)[L=c.id]??(K[L]={}),(J=e.renderer.properties[c.id]).locales??(J.locales={}),(H=e.renderer.properties[c.id].locales)[d]??(H[d]={}),e.renderer.properties[c.id].locales[d].value=$})}})},c.id)}),t.jsx(Be,{...A.bindDialog(h),component:e,type:"parameters"})]})]})})}function ee({label:e,options:s,excludes:l,value:i,onChange:x,allComponents:b,...d}){var y;const{t:v}=_.useLocaleContext(),S=s??D.default(Object.values(jt.default(b,...l??[])),"index").map(g=>g.data),h=(typeof i=="string"?(y=b[i])==null?void 0:y.data:void 0)??null;return t.jsx(r.Autocomplete,{...d,size:"small",options:S,autoHighlight:!0,isOptionEqualToValue:(g,o)=>g.id===o.id,getOptionKey:g=>g.id,getOptionLabel:g=>g.name||g.id,renderInput:g=>t.jsx(r.TextField,{label:e||v("component"),...g}),value:h,onChange:(g,o)=>{var n,u,j,k,a,m;let c={};o&&(c={blockletId:(n=b[o==null?void 0:o.id])==null?void 0:n.blockletId,blockletTitle:(u=b[o==null?void 0:o.id])==null?void 0:u.blockletTitle,componentName:((k=(j=b[o==null?void 0:o.id])==null?void 0:j.data)==null?void 0:k.name)||((m=(a=b[o==null?void 0:o.id])==null?void 0:a.data)==null?void 0:m.id)}),x==null||x(g,o==null?void 0:o.id,c)}})}function ce({config:e,allComponents:s,defaultLocale:l,propertiesValue:i,currentLocale:x,onChange:b,props:d}){const{t:v}=_.useLocaleContext(),[S,h]=C.useState(e==null?void 0:e.properties),[y,g]=C.useState(null);C.useEffect(()=>{(()=>{var k,a;((k=e==null?void 0:e.renderer)==null?void 0:k.type)==="react-component"&&ne.default(e==null?void 0:e.properties)?Q.transpileAndLoadScript((a=e==null?void 0:e.renderer)==null?void 0:a.script).then(m=>{const p=Q.getPropertiesFromCode(m);h(p)}):h(e==null?void 0:e.properties)})()},[JSON.stringify(e)]);const o=C.useCallback(()=>!e||!S?{}:Object.values(S).reduce((j,{data:k})=>{var m,p,P,I,f;const a=k.key||k.id;return j[k.id]={key:a,value:(d==null?void 0:d[a])??((m=i==null?void 0:i[k.id])==null?void 0:m.value)??((P=(p=k.locales)==null?void 0:p[x])==null?void 0:P.defaultValue)??((f=(I=k.locales)==null?void 0:I[l])==null?void 0:f.defaultValue),id:k.id,type:k.type},j},{}),[JSON.stringify(S),e,i,x,l]),c=C.useMemo(()=>{if(!S)return{canUseProperties:[],visibleProperties:[],canUsePropertiesKeys:[]};const j=D.default(Object.values(S),"index"),k=j.filter(({data:p})=>p.key&&ie(S,p.id)),a=j.filter(({data:p})=>p.key&&p.type!=="component"),m=a.map(({data:p})=>p.key);return{canUseProperties:a,visibleProperties:k,canUsePropertiesKeys:m}},[JSON.stringify(S)]),n=o(),u=ft.default(n,"key");return t.jsx(z.UploaderProvider,{children:t.jsxs(r.Stack,{gap:2,children:[t.jsx(r.Typography,{variant:"subtitle1",children:v("maker.properties.parameters")}),!e||c.canUsePropertiesKeys.length===0?t.jsx(Z.default,{style:{fontSize:12},children:v("maker.properties.noParameters")}):t.jsxs(t.Fragment,{children:[t.jsx(r.Stack,{gap:2,children:c.visibleProperties.map(({data:j})=>{var k,a;return t.jsx(r.Box,{children:t.jsx(U,{allComponents:s,defaultLocale:l,size:"small",fullWidth:!0,component:e,property:j,valueImmutable:X.default((k=i==null?void 0:i[j.id])==null?void 0:k.value),value:(d==null?void 0:d[j.key||j.id])??((a=n[j.id])==null?void 0:a.value),onChange:m=>{b({path:["properties",j.id],id:j.id,value:{value:m},shouldSync:ge(j),excludeKeys:[],key:j.key||j.id})}})},j.id)})}),t.jsx(r.Stack,{gap:2,sx:{width:"100%"},children:t.jsx(Q.CustomComponentRenderer,{componentId:(e==null?void 0:e.id)||"",renderType:"setting",locale:x,properties:n,dev:{mode:"draft",components:s,defaultLocale:l},props:{...bt.default(d??{},c.canUsePropertiesKeys),onChange:j=>{const{canUsePropertiesKeys:k}=c;Object.keys(j).filter(m=>{var p;return!xt.default(j[m],(p=u==null?void 0:u[m])==null?void 0:p.value)}).filter(m=>{var p,P,I,f;return!(m==="locale"&&!pt.default(u[m],"locale")||((p=u[m])==null?void 0:p.type)==="component"||(((P=u[m])==null?void 0:P.type)==="yaml"||((I=u[m])==null?void 0:I.type)==="json")&&ie(S,(f=u[m])==null?void 0:f.id))}).reduce((m,p)=>m.then(()=>{const P=u[p],I=k.includes(p);if(P!=null&&P.id&&I)return b({path:["properties",P.id],id:P.id,value:{value:j[p]},shouldSync:ge(P),excludeKeys:[],key:P.key||P.id}),Promise.resolve();const f=`propertyNotFound${p}`;if(y===f)return Promise.resolve();se.default.close(y);const w=se.default.warning(v("maker.properties.propertyNotFound",{key:p}),{key:f});return g(w),Promise.resolve()}),Promise.resolve())}}})})]})]})})}exports.BasicInfo=Ce;exports.CustomComponentAutocomplete=ee;exports.CustomComponentSettings=Bt;exports.DefaultReactComponentScriptTemplate=Re;exports.DefaultWebComponentScriptTemplate=_e;exports.ParametersConfig=ce;exports.PropertiesConfig=Te;exports.PropertyValueField=U;
|
package/lib/es/add-component.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as e, jsx as I, Fragment as f } from "react/jsx-runtime";
|
|
2
|
-
import { b as gI, i as q, j as AC, n as _, h as iC, k as oC, l as wC, g as sC } from "./chunks/state-
|
|
2
|
+
import { b as gI, i as q, j as AC, n as _, h as iC, k as oC, l as wC, g as sC } from "./chunks/state-BzwEX9VC.js";
|
|
3
3
|
import tI from "@arcblock/ux/lib/Empty";
|
|
4
4
|
import { useLocaleContext as T } from "@arcblock/ux/lib/Locale/context";
|
|
5
5
|
import { Icon as $ } from "@iconify-icon/react";
|
|
@@ -7,14 +7,14 @@ import MC from "@mui/icons-material/Check";
|
|
|
7
7
|
import { Box as D, styled as nI, InputLabel as uI, TextField as h, IconButton as G, Autocomplete as XI, FormControl as LC, Select as jC, MenuItem as Q, ListItemText as WI, Typography as k, OutlinedInput as JC, useTheme as OC, CircularProgress as AI, InputAdornment as mC, Button as W, Grid as V, Stack as TI, Input as YI, CssBaseline as SC, Menu as BC, Dialog as MI, DialogTitle as LI, DialogContent as jI, DialogActions as JI, Tabs as yC, Tab as DC, Card as eC, CardMedia as bC, CardContent as NC, Skeleton as KC } from "@mui/material";
|
|
8
8
|
import { useDebounceFn as dC, useRequest as zC, useReactive as v, useUpdate as xI, useThrottleFn as rI, useGetState as cC, useAsyncEffect as hI, useBoolean as ZI } from "ahooks";
|
|
9
9
|
import QI, { useState as F, useEffect as n, useMemo as t, createContext as OI, useContext as FC, useRef as Z, useCallback as Y, createElement as aC, forwardRef as mI, useImperativeHandle as SI } from "react";
|
|
10
|
-
import { I as HC, n as bI, A as lC, b as EC, T as tC, c as nC, B as uC } from "./chunks/array-
|
|
10
|
+
import { I as HC, n as bI, A as lC, b as EC, T as tC, c as nC, B as uC } from "./chunks/array-D34Qpnhk.js";
|
|
11
11
|
import { styled as iI } from "@arcblock/ux/lib/Theme";
|
|
12
12
|
import "@blocklet/pages-kit/builtin/color-picker";
|
|
13
13
|
import "@blocklet/pages-kit/utils/style";
|
|
14
14
|
import { cx as sI } from "@emotion/css";
|
|
15
15
|
import "lodash/without";
|
|
16
16
|
import { red as XC, pink as WC, purple as TC, indigo as YC, blue as xC, cyan as rC, teal as hC, green as ZC, lime as QC, yellow as kC, amber as RC, orange as pC, brown as UC, grey as fC, blueGrey as GC } from "@mui/material/colors";
|
|
17
|
-
import { C as CI } from "./chunks/config-string-
|
|
17
|
+
import { C as CI } from "./chunks/config-string-DgK7ETCs.js";
|
|
18
18
|
import VC from "lodash/cloneDeep";
|
|
19
19
|
import { DragIndicator as NI, SearchRounded as vC, Remove as PC, Add as kI, Language as _C, CopyAll as $C, Settings as qC, Delete as Ig } from "@mui/icons-material";
|
|
20
20
|
import { useDrag as Cg, useDrop as gg } from "react-dnd";
|
|
@@ -5,7 +5,7 @@ import te from "lodash/isEmpty";
|
|
|
5
5
|
import tt from "lodash/pick";
|
|
6
6
|
import ee, { createContext as $t, useMemo as L, useCallback as F, useContext as Ct, Fragment as oe, isValidElement as Nt, useState as et, useEffect as H, useRef as lt } from "react";
|
|
7
7
|
import ot from "lodash/keyBy";
|
|
8
|
-
import { f as T, g as I, E as re, i as st, m as ct } from "./state-
|
|
8
|
+
import { f as T, g as I, E as re, i as st, m as ct } from "./state-BzwEX9VC.js";
|
|
9
9
|
import { AIForm as ht, AIFormResult as ft } from "@blocklet/ai-runtime/components";
|
|
10
10
|
import { deepmerge as ne } from "@mui/utils";
|
|
11
11
|
import { ErrorBoundary as ie } from "react-error-boundary";
|