@chamn/render 0.0.13 → 0.0.14

package/dist/index.js

@@ -14,5 +14,5 @@
         var $$context = args.pop();
         $$context.stateManager = __$$storeManager__.getStateSnapshot();
         return f.apply(f, args)
-      `;new Function(a)(...o,e,r)}catch(a){console.warn(a)}},Ze=(t,e)=>{const r={};return e.forEach((n,o)=>{r[n]=t[o]}),r},tr=t=>{const e={};return Object.keys(t).forEach(r=>{let n=r.replace("-webkit","Webkit");n=n.replace("-ms","ms"),n=n.replace("-moz","Moz"),n=n.replace("-o","O");let o=n.split("-");o.length>=2&&(o=o.map((a,s)=>s!==0?Jh(a):a)),e[o.join("")]=t[r]}),e},er=t=>{let e="";return Object.keys(t).forEach(r=>{e+=`${r}:${t[r]};`}),e},hv=(t,e)=>{const r={};return t.forEach(n=>{if(n.globalName){const o=e[n.globalName];o&&(r[n.globalName]=o)}}),r},vv=(t,e=1)=>{let r=0,n=t,o={},a={};for(;r<e;)Object.keys(n).forEach(s=>{o={...o,...n[s]}}),a=o,n=o,o={},r+=1;return a},ce="DYNAMIC",mv=["$$context","$$nodeModel"],Mn=t=>{let e;const r=new Set,n=(c,u)=>{const l=typeof c=="function"?c(e):c;if(!Object.is(l,e)){const p=e;e=u??typeof l!="object"?l:Object.assign({},e,l),r.forEach(f=>f(e,p))}},o=()=>e,i={setState:n,getState:o,subscribe:c=>(r.add(c),()=>r.delete(c)),destroy:()=>{({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")!=="production"&&console.warn("[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected."),r.clear()}};return e=t(n,o,i),i},gv=t=>t?Mn(t):Mn;var yv=t=>(({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")!=="production"&&console.warn("[DEPRECATED] Default export is deprecated. Instead use import { createStore } from 'zustand/vanilla'."),gv(t));class bv{constructor(){y(this,"storeMap",new Map)}addStore(e,r){const n=yv(r);return this.storeMap.set(e,n),n.name=e,n}setStore(e,r){this.storeMap.set(e,r)}removeStore(e){this.storeMap.delete(e)}getStore(e){return this.storeMap.get(e)}connect(e,r){const n=this.storeMap.get(e);return n?n.subscribe(r):(console.warn("store not exits"),()=>{})}getStateSnapshot(){const e={};return this.storeMap.forEach((r,n)=>{e[n]={state:r.getState(),updateState:o=>{r.setState(o)}}}),e}destroy(){this.storeMap.forEach(e=>{e.destroy()}),this.storeMap=new Map}}class _v{constructor(){y(this,"varSpace",new Map)}get(e){return this.varSpace.get(e)}add(e,r){this.varSpace.set(e,r)}remove(e){this.varSpace.delete(e)}destroy(){this.varSpace.clear()}getStateSnapshot(){const e={};return this.varSpace.forEach((r,n)=>{e[n]=r}),e}}class Zo{constructor(){y(this,"renderMode","normal");y(this,"components",{});y(this,"storeManager",new bv);y(this,"variableManager",new _v);y(this,"runtimeComponentCache",new Map);y(this,"onGetRef");y(this,"onGetComponent");y(this,"onComponentMount");y(this,"onComponentDestroy");y(this,"processNodeConfigHook")}getComponent(e){var o;const r=e.value.componentName;let n=this.components[r]||(()=>`Component [${r}] not found`);return Yo(n)||(n=Ko(n),this.components[r]=n),this.onGetComponent&&(n=(o=this.onGetComponent)==null?void 0:o.call(this,n,e)),n}getContext(e={},r){let n=e;return r&&(n={variableSpace:{},...e},n.__proto__=r||null),n}pageRender(e,{components:r,onGetRef:n,$$context:o={},onGetComponent:a,onComponentMount:s,onComponentDestroy:i,renderMode:c,processNodeConfigHook:u}){this.renderMode=c,this.components=r,this.onGetRef=n,this.onGetComponent=a,this.onComponentMount=s,this.onComponentDestroy=i,this.processNodeConfigHook=u;const l=e.value.componentsTree,p=this.getComponent(l),f=this.convertModelToComponent(p,e.value.componentsTree),d={},m=l.props;return Object.keys(m).forEach(v=>{d[v]=m[v].value}),d.$$context=o,this.render(f,d)}transformProps(e={},{$$context:r}){const n=e,o=s=>{if(Array.isArray(s))return s.map(i=>o(i));if(Me(s))return o(s.value);if(Rf(s)){const i=s.value,c=i.value;if(!c)return console.warn("slot value is null, this maybe cause some error, pls check it",e),()=>{};const u=l=>{const p=`${l.id}-${ce}`;if(this.runtimeComponentCache.get(l.id))return{key:p,component:this.runtimeComponentCache.get(l.id)};const f=this.getComponent(l),d=this.convertModelToComponent(f,l),m=i.params||[];return{component:(...S)=>{const C=Ze(S,m),x=this.getContext({params:C},r);return this.render(d,{$$context:x,key:p})},key:p}};if(Array.isArray(c)){const l=c==null?void 0:c.map(p=>u(p));return(...p)=>l.map(f=>qo(f.component)?j.createElement(f.component,{$$context:r,key:f.key}):f.component(...p))}else return u(c).component}else{if(ct(s))return lt(s.value,r||{});if(Mf(s))return Xo(s.value,r,this.storeManager);if(Nt(s)){let i=s;Me(s)&&(i=s.value);const c=i,u={};return Object.keys(i).forEach(l=>{u[l]=o(c[l])}),u}else return s}},a={};return Object.keys(n).forEach(s=>{const i=n[s];a[s]=o(i)}),a}collectSpecialProps(e={},r){const n=[],o=(a,s)=>{let i=s;Me(s)&&(i=s.value),r(i)?n.push({keyPath:a,val:i}):Et(i)?i.forEach((c,u)=>{o([...a,String(u)],c)}):Nt(i)&&Object.keys(i).forEach(c=>{o([...a,c],i[c])})};return o(["$root"],e),n}convertModelToComponent(e,r){const n=this;class o extends j.Component{constructor(i){super(i);y(this,"_CONDITION",!0);y(this,"_DESIGN_BOX",!1);y(this,"_NODE_MODEL",r);y(this,"_NODE_ID",r.id);y(this,"UNIQUE_ID",`${r.id}_${Z()}`);y(this,"targetComponentRef");y(this,"listenerHandle",[]);y(this,"storeState");y(this,"staticState",{});y(this,"storeListenDisposeLint",[]);y(this,"domHeader");y(this,"mediaStyleDomMap",{});y(this,"variableSpace");y(this,"nodeName");y(this,"updateState",i=>{this.storeState.setState(i),this.forceUpdate()});y(this,"getStyleDomById",i=>{const c=this.mediaStyleDomMap;let u=c[i];return u||(u=document.createElement("style"),u.type="text/css",c[i]=u),u.id=i,u});y(this,"addMediaCSS",()=>{var u;let i=this.domHeader;if(i||(i=(u=document.getElementsByTagName("head"))==null?void 0:u[0],this.domHeader=i),!this.domHeader)return;const c=this._NODE_MODEL.value.css;c&&c.value.forEach(l=>{var d;const p=`${this.UNIQUE_ID}_${l.state}`;let f=`.${c.class}`;if(l.state!=="normal"&&(f=`${f}:${l.state}`),Object.keys(l.style).length!==0){const m=this.getStyleDomById(p);m.innerText=`${f} { ${er(l.style)} }`,i==null||i.appendChild(m)}(d=l.media)!=null&&d.length&&l.media.forEach(m=>{const v=`${p}_${m.type}_${m.value}`,b=this.getStyleDomById(v);b.media=`screen and (${m.type}:${m.value}px)`,b.innerHTML=`${f} { ${er(m.style)} }`,i==null||i.appendChild(b)})})});y(this,"removeMediaCSS",()=>{const i=this.mediaStyleDomMap;Object.keys(i).forEach(c=>{var u;(u=this.domHeader)==null||u.removeChild(i[c])})});y(this,"rebuildNode",()=>{this.storeListenDisposeLint.forEach(i=>i()),this.removeMediaCSS(),this.connectStore(),this.addMediaCSS(),this.forceUpdate()});this.targetComponentRef=j.createRef(),this.state=r.value.state||{};const c=r.value.nodeName||r.id;this.nodeName=c;const u=n.storeManager.getStore(c);u?(this.storeState=u,u.setState({...r.value.state||{}})):this.storeState=n.storeManager.addStore(c,()=>({...r.value.state||{}})),this.storeState.subscribe(p=>{this.setState({...p})}),this.connectStore();const l=n.variableManager.get(c);l?this.variableSpace=l:(this.variableSpace={},n.variableManager.add(c,this.variableSpace))}connectStore(){const i=n.collectSpecialProps(r.props,f=>!!ct(f)),c=n.collectSpecialProps({css:r.value.css,class:r.value.classNames},f=>!!ct(f)),u=[...i,...c].map(f=>{const d=f.val,v=/\$\$context.stateManager\.(.+?)\./gim.exec(d.value);return v!=null&&v.length?v[1]:""}).filter(Boolean),l=Array.from(new Set(u)),p=[];l.length&&l.forEach(f=>{n.storeManager.getStore(f)||(n.storeManager.addStore(f,()=>({})),console.log(n.storeManager,f,"not exits"));const m=n.storeManager.connect(f,()=>{this.forceUpdate()});p.push(m)}),this.storeListenDisposeLint=p}componentDidMount(){var c;this.addMediaCSS(),n.onGetRef&&n.onGetRef(this.targetComponentRef,r,this),(c=n.onComponentMount)==null||c.call(n,this,r);const i=()=>{n.storeManager.setStore(r.value.nodeName||r.id,this.storeState),this.storeState.setState({...this.state,...r.value.state||{}}),this.rebuildNode()};r.onChange(i)}componentWillUnmount(){var i;this.storeListenDisposeLint.forEach(c=>c()),this.removeMediaCSS(),(i=n.onComponentDestroy)==null||i.call(n,this,r)}render(){var st;const{$$context:i,...c}=this.props,u={key:r.id,...r.props,...c},l={state:this.state||{},variableSpace:this.variableSpace,updateState:this.updateState,staticState:this.staticState};r.value.componentName===Mt.ROOT_CONTAINER&&(l.globalState=this.state,l.updateGlobalState=this.updateState),l.stateManager=n.storeManager.getStateSnapshot(),l.variableSpace=n.variableManager.get(this.nodeName),l.variableManager=n.variableManager.getStateSnapshot();const p=n.getContext(l,i),m=n.transformProps({methods:r.value.methods},{$$context:p}).methods.reduce((I,Q)=>(I[Q.name]=Q.define,I),{});p.methods=m,p.variableSpace||(p.variableSpace={}),p.variableSpace.methods=m;const v=r.value.loop;let b=[];if(v&&v.open){this.targetComponentRef.current=[];let I=v.data||[];if(ct(v.data)){const Q=v.data;I=lt(Q.value,p||{})}return b=I.map((...Q)=>{var Dr;const Ft=Q[1],bt=[v.forName||"item",v.forIndex||"index"],we=Ze(Q,bt);let Ce="loopData";v.name&&(Ce=`${Ce}${v.name}`);const Bt=n.getContext({[Ce]:we,staticState:this.staticState},p),q=n.transformProps(u,{$$context:Bt}),ia=((Dr=r.value.classNames)==null?void 0:Dr.map(G=>{var ie;const ae=G.name;return(ct(G.status)?lt(String(((ie=G.status)==null?void 0:ie.value)||""),Bt):!1)?ae:""}))||[];let Ee=`${q.className??""} ${ia.join(" ")}`.trim();r.value.css&&(Ee=`${r.value.css.class} ${Ee}`.trim()),q.className=Ee;const sa=n.transformProps(r.value.style,{$$context:Bt});r.value.style&&(q.style=tr(sa||{}));const{children:oe}=q;let Ne=[];if(oe!==void 0)delete q.children,Ne=Array.isArray(oe)?oe:[oe];else{const G=[];r.value.children.forEach((Ir,ie)=>{const ca=n.buildComponent(Ir,{$$context:Bt,idx:ie});G.push(ca)}),Ne=G}if(q.key=`${q.key}-${Ft}`,ct(v.key)){const G=v.key,ae=lt(G.value,Bt||{});q.key+=`-${ae}`}return q.ref=G=>{this.targetComponentRef.current=this.targetComponentRef.current||[],this.targetComponentRef.current[Ft]=G},n.render(e,q,...Ne)}),b}const S=n.transformProps(u,{$$context:p}),{children:C}=S;let x=[];if(C!==void 0)delete S.children,x=Array.isArray(C)?C:[C];else{const I=[];r.value.children.forEach((Ft,bt)=>{const we=n.buildComponent(Ft,{$$context:p,idx:bt});I.push(we)}),x=I}S.ref=this.targetComponentRef;const M=((st=r.value.classNames)==null?void 0:st.map(I=>{var bt;const Q=I.name;return(ct(I.status)?lt(((bt=I.status)==null?void 0:bt.value)||"",p):!1)?Q:""}))||[];let D=`${S.className??""} ${M.join(" ")}`.trim();r.value.css&&(D=`${r.value.css.class} ${D}`.trim()),S.className=D;const W=n.transformProps(r.value.style,{$$context:p});r.value.style&&(S.style=tr(W||{}));let ot=r.value.condition??!0;typeof ot!="boolean"&&(ot=lt(ot.value,p||{}));let O={condition:ot,props:S};n.processNodeConfigHook&&(O=n.processNodeConfigHook(O,r));const Lt=n.render(e,O.props,...x);return this._CONDITION=O.condition,O.condition?Lt:j.createElement("div",{style:{display:"none"}},Lt)}}return y(o,"__CP_TYPE__",ce),o.displayName=`${r.value.componentName}Dynamic`,o}buildComponent(e,{$$context:r={}}){const n=this.runtimeComponentCache;return typeof e=="string"?this.render(e):Pf(e)?(({currentNode:a})=>{const s=a.value.id;let i=null;if(n.get(s))i=n.get(s);else{const l=this.getComponent(a);i=this.convertModelToComponent(l,a)}!n.get(s)&&this.renderMode!=="design"&&n.set(s,i);const c=`${s}-${ce}`,u={$$context:r,$$nodeModel:e,key:c};return this.render(i,u)})({currentNode:e}):void 0}render(e,r={},...n){return typeof e=="string"||typeof e=="number"?String(e):(mv.forEach(a=>{a in r&&e.__CP_TYPE__!==ce&&delete r[a]}),j.createElement(e,r,...n))}clear(){this.runtimeComponentCache.clear(),this.storeManager.destroy()}}const Sv=Rn(new Zo),jv=["a","abbr","acronym","address","applet","area","article","aside","audio","b","base","basefont","bdi","bdo","bgsound","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","command","content","data","datalist","dd","del","details","dfn","dialog","dir","div","dl","dt","element","em","embed","fieldset","figcaption","figure","font","footer","form","frame","frameset","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","image","img","input","ins","isindex","kbd","keygen","label","legend","li","link","listing","main","map","mark","marquee","math","menu","menuitem","meta","meter","multicol","nav","nextid","nobr","noembed","noframes","noscript","object","ol","optgroup","option","output","p","param","picture","plaintext","pre","progress","q","rb","rbc","rp","rt","rtc","ruby","s","samp","script","search","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","svg","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","tt","u","ul","var","video","wbr","xmp"],nt=t=>{const e={};return t.forEach(r=>{e[r.key]=r.value}),e},Ov=[...jv,...yf],wv=Ov.reduce((t,e)=>(t[e]=({children:r,$$attributes:n=[],...o})=>{let a=r;return Array.isArray(r)||(a=[r]),j.createElement(e,{...o,...nt(n)},...a)},t),{}),Cv=({children:t,width:e,height:r,$$attributes:n=[],...o})=>{let a=t;Array.isArray(t)||(a=[t]),a=a.filter(u=>u!==void 0);const{style:s={},...i}=nt(n),c={height:r,width:e,...s,...o.style||{}};return j.createElement("div",{...o,...i,style:c},...a)},Ev=({children:t,$$attributes:e=[],...r})=>{let n=t;return Array.isArray(t)||(n=[t]),j.createElement("canvas",{...r,...nt(e)},...n)},Nv=({children:t,$$attributes:e=[],...r})=>{let n=t;return Array.isArray(t)||(n=[t]),j.createElement("img",{...r,...nt(e)},...n)},$v=({children:t,$$attributes:e=[],...r})=>{let n=t;return Array.isArray(t)||(n=[t]),j.createElement("video",{...r,...nt(e)},...n)},Tv=({children:t,$$attributes:e=[],...r})=>{let n=t;return Array.isArray(t)||(n=[t]),j.createElement("audio",{...r,...nt(e)},...n)},Av=({$$attributes:t=[],content:e,...r})=>j.createElement("span",{...r,...nt(t)},e),xv=({children:t,$$attributes:e=[],afterMount:r,beforeDestroy:n,...o})=>{let a=t;return Array.isArray(t)||(a=[t]),j.useEffect(()=>(r==null||r(o),()=>{n==null||n(o)}),[]),j.createElement("div",{...o,...nt(e)},...a)},Mv=({children:t,$$attributes:e=[],htmlTag:r="div",...n})=>{let o=t;Array.isArray(t)||(o=[t]);const{style:a={},...s}=nt(e),i={...a,...n.style||{}};return j.createElement(r,{...n,...s,style:i},...o)},Pv={RootContainer:({children:t})=>t,...wv,CContainer:xv,CVideo:$v,CAudio:Tv,CBlock:Cv,CImage:Nv,CText:Av,CCanvas:Ev,CNativeTag:Mv};class Rv{constructor(){y(this,"refMap",new Map)}get(e){return this.refMap.get(e)}add(e,r){this.refMap.set(e,r)}remove(e){this.refMap.delete(e)}destroy(){this.refMap.clear()}}class ta extends j.Component{constructor(r){super(r);y(this,"refManager");y(this,"dynamicComponentInstanceMap",new Map);y(this,"onGetRef",(r,n,o)=>{var a,s;(s=(a=this.props).onGetRef)==null||s.call(a,r,n,o),this.dynamicComponentInstanceMap.set(n.id,o),this.refManager.add(n.value.refId||n.id,r)});y(this,"rerender",r=>{if(this.props.adapter.clear(),(r==null?void 0:r.nodeType)==="PAGE"&&r)this.setState({pageModel:r});else if(Nt(r)&&jo(r)){const n=r;this.setState({pageModel:new pe(n,{materials:this.state.pageModel.materialsModel.rawValue})})}});this.state={pageModel:r.pageModel||new pe(r.page)},this.refManager=new Rv}getPageModel(){return this.state.pageModel}componentDidMount(){const{render:r}=this.props;r&&(r.ref.current=this)}componentWillUnmount(){this.refManager.destroy()}render(){const{props:r}=this,{adapter:n,onGetComponent:o,onComponentDestroy:a,onComponentMount:s}=r,{pageModel:i}=this.state;if(!i)return console.warn("pageModel is null"),null;const c={...Pv,...r.components};return n.pageRender(i,{libs:{},components:c,onGetRef:this.onGetRef,onGetComponent:o,onComponentMount:s,onComponentDestroy:a,$$context:{refs:this.refManager},renderMode:r.renderMode,processNodeConfigHook:r.processNodeConfigHook})}}const Dv=()=>{const t=j.useRef(null);return{ref:t,rerender:function(...e){t.current&&t.current.rerender(...e)}}};class Iv extends j.Component{constructor(r){super(r);y(this,"onDoubleClick",()=>{this.setState({hasError:!1,error:null})});this.state={hasError:!1,error:""}}static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,n){var o,a;(a=(o=this.props).onError)==null||a.call(o,n)}render(){if(this.state.hasError){const{onDoubleClick:r}=this,n=this.props.node.value;console.error(this.props.node,this.props.children);const o=j.createElement("div",{style:{backgroundColor:"rgb(255 206 215 / 13%)",padding:"5px",color:"#ff0000b0",textAlign:"center",fontSize:"12px"}},"Render error, node id: ",n.id,", node name：",n.title," component name：",n.title||n.componentName,j.createElement("p",null,"msg: ",String(this.state.error)),j.createElement("button",{onDoubleClick:r,style:{border:"1px solid rgba(100,100,100,0.1)",backgroundColor:"#fff",padding:"5px 10px",borderRadius:"2px",color:"gray",cursor:"pointer",marginTop:"5px"}},"double click to refresh"),j.createElement("div",{style:{display:"none"}}));return j.createElement(this.props.targetComponent,{onlyRenderChild:!0},o)}return this.props.children}}class ea{constructor(){y(this,"instanceMap",new Map)}get(e){return this.instanceMap.get(e)}add(e,r){const n=this.instanceMap.get(e);n?n.push(r):this.instanceMap.set(e,[r])}remove(e,r){const n=this.instanceMap.get(e);if(r!==void 0&&Array.isArray(n)){const o=n.filter(a=>a!==r);this.instanceMap.set(e,o)}else this.instanceMap.delete(e)}destroy(){this.instanceMap.clear()}}const ra=t=>{const{node:e}=t,r=j.useMemo(()=>{const i=e.isContainer();return Nt(i)?i:{placeholder:"Drag the component to place it",width:"100%",height:"100%",style:{}}},[t.node]),{placeholder:n,height:o,width:a,style:s}=r;return j.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(200,200,200,0.1)",border:"1px solid rgba(0,0,0,0.1)",borderRadius:"2px",fontSize:"14px",color:"gray",cursor:"default",minWidth:"300px",minHeight:"50px",width:a,height:o,...s}},n)};class Lv extends j.Component{constructor(r){super(r);y(this,"instanceManager",new ea);y(this,"renderRef");y(this,"dropPlaceholder",ra);y(this,"onGetComponent",(r,n)=>{const o=this;class a extends j.Component{constructor(){super(...arguments);y(this,"_DESIGN_BOX",!0);y(this,"_NODE_MODEL",n);y(this,"_NODE_ID",n.id);y(this,"_UNIQUE_ID",`${n.id}_${Z()}`);y(this,"_STATUS")}componentDidMount(){o.instanceManager.add(n.id,this)}componentWillUnmount(){this._STATUS="DESTROY",o.instanceManager.remove(n.id,this)}render(){const{children:c=[],onlyRenderChild:u,...l}=this.props;let p=c;return Et(c)||(p=[c]),!!!p.filter(Boolean).length&&(n.isContainer()||n.value.componentName===Mt.ROOT_CONTAINER)&&p.push(j.createElement(o.dropPlaceholder,{node:n})),u?p:j.createElement(r,l,...p)}}return j.forwardRef(function(i,c){return j.createElement(Iv,{node:n,targetComponent:a},j.createElement(a,{ref:c,...i}))})});this.renderRef=j.createRef(),r.dropPlaceholder&&(this.dropPlaceholder=r.dropPlaceholder)}componentDidMount(){var r,n;(n=(r=this.props).onMount)==null||n.call(r,this)}getPageModel(){var r;return(r=this.renderRef.current)==null?void 0:r.state.pageModel}rerender(r){var n;return(n=this.renderRef.current)==null?void 0:n.rerender(r)}getInstancesById(r,n){let o=[...this.instanceManager.get(r)||[]];return n!==void 0&&(o=o.filter(a=>n===(a==null?void 0:a._UNIQUE_ID))),o}getInstanceByDom(r){const n=na(r);if(!n)return null;const o=oa(n);return(o==null?void 0:o.stateNode)||null}getDomsById(r,n){const o=this.getInstancesById(r),a=[];return o==null||o.forEach(s=>{if((s==null?void 0:s._STATUS)==="DESTROY")return;const i=da.findDOMNode(s);if(i&&!(i instanceof Text))if(n){const c=Array.from(i.querySelectorAll(n));a.push(...c)}else a.push(i)}),a}getDomRectById(r,n){return this.getDomsById(r,n).map(s=>s==null?void 0:s.getBoundingClientRect()).filter(Boolean)}render(){const{props:r,onGetComponent:n}=this,{render:o,...a}=r;return o&&(o.ref.current=this),j.createElement(ta,{onGetComponent:n,...a,processNodeConfigHook:(s,i)=>{var m,v;if(i.nodeType!=="NODE")return s;const{props:c,condition:u}=s;let l={...c};const p=((m=i.value.configure)==null?void 0:m.devState)||{},f=(v=i.material)==null?void 0:v.value.fixedProps;if(f!==void 0){if(Nt(f))l={...l,...f};else if(typeof f=="function"){const b=f(l);l={...l,...b}}}let d=u;return p.condition===!1&&(d=p.condition),{props:pv(l,p.props||{}),condition:d}},ref:this.renderRef})}}const na=t=>{if(!t)return null;const e=Object.keys(t).find(r=>r.startsWith("__reactInternalInstance$")||r.startsWith("__reactFiber$"))||"";return e?t[e]:na(t.parentElement)},oa=t=>{var e;return t?(e=t==null?void 0:t.stateNode)!=null&&e._DESIGN_BOX?t:oa(t.return):null},Fv=()=>{const t=j.useRef(null);return{ref:t,rerender:function(...e){t.current&&t.current.rerender(...e)},getInstancesById(e,r){var n;return((n=t.current)==null?void 0:n.getInstancesById(e,r))||[]},getInstanceByDom(e){var r;return((r=t.current)==null?void 0:r.getInstanceByDom(e))||null},getDomsById(e,r){var n;return((n=t.current)==null?void 0:n.getDomsById(e,r))||[]},getDomRectById(e,r){var n;return((n=t.current)==null?void 0:n.getDomRectById(e,r))||[]}}};var Bv=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Uv(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var aa={exports:{}};(function(t,e){(function(r,n){t.exports=n()})(Bv,function(){var r=function(){},n={},o={},a={};function s(f,d){f=f.push?f:[f];var m=[],v=f.length,b=v,S,C,x,M;for(S=function(D,W){W.length&&m.push(D),b--,b||d(m)};v--;){if(C=f[v],x=o[C],x){S(C,x);continue}M=a[C]=a[C]||[],M.push(S)}}function i(f,d){if(f){var m=a[f];if(o[f]=d,!!m)for(;m.length;)m[0](f,d),m.splice(0,1)}}function c(f,d){f.call&&(f={success:f}),d.length?(f.error||r)(d):(f.success||r)(f)}function u(f,d,m,v){var b=document,S=m.async,C=(m.numRetries||0)+1,x=m.before||r,M=f.replace(/[\?|#].*$/,""),D=f.replace(/^(css|img|module|nomodule)!/,""),W,ot,O;if(v=v||0,/(^css!|\.css$)/.test(M))O=b.createElement("link"),O.rel="stylesheet",O.href=D,W="hideFocus"in O,W&&O.relList&&(W=0,O.rel="preload",O.as="style");else if(/(^img!|\.(png|gif|jpg|svg|webp)$)/.test(M))O=b.createElement("img"),O.src=D;else if(O=b.createElement("script"),O.src=D,O.async=S===void 0?!0:S,ot="noModule"in O,/^module!/.test(M)){if(!ot)return d(f,"l");O.type="module"}else if(/^nomodule!/.test(M)&&ot)return d(f,"l");O.onload=O.onerror=O.onbeforeload=function(Lt){var st=Lt.type[0];if(W)try{O.sheet.cssText.length||(st="e")}catch(I){I.code!=18&&(st="e")}if(st=="e"){if(v+=1,v<C)return u(f,d,m,v)}else if(O.rel=="preload"&&O.as=="style")return O.rel="stylesheet";d(f,st,Lt.defaultPrevented)},x(f,O)!==!1&&b.head.appendChild(O)}function l(f,d,m){f=f.push?f:[f];var v=f.length,b=v,S=[],C,x;for(C=function(M,D,W){if(D=="e"&&S.push(M),D=="b")if(W)S.push(M);else return;v--,v||d(S)},x=0;x<b;x++)u(f[x],C,m)}function p(f,d,m){var v,b;if(d&&d.trim&&(v=d),b=(v?m:d)||{},v){if(v in n)throw"LoadJS";n[v]=!0}function S(C,x){l(f,function(M){c(b,M),C&&c({success:C,error:x},M),i(v,M)},b)}if(b.returnPromise)return new Promise(S);S()}return p.ready=function(d,m){return s(d,function(v){c(m,v)}),p},p.done=function(d){i(d,[])},p.reset=function(){n={},o={},a={}},p.isDefined=function(d){return d in n},p})})(aa);var kv=aa.exports;const Pn=Uv(kv);class zv{constructor(e,r){y(this,"assets");y(this,"loadStatus");y(this,"win",window);y(this,"_onSuccessList",[]);y(this,"_onErrorList",[]);this.assets=e,this.loadStatus="INIT",r!=null&&r.window&&(this.win=r.window)}load(){const e=this.assets||[],r=[];for(let n=0;n<e.length;n++){const o=e[n];o.id||(o.id=Z()),r.push(o.id);const a=o.resources.map(s=>s.src);Pn(a,o.id,{async:!1,before:(s,i)=>(this.win.document.body.appendChild(i),!1)})}if(e.length===0){this._onSuccessList.forEach(n=>n());return}return new Promise((n,o)=>{Pn.ready(r,{success:()=>{this._onSuccessList.forEach(a=>a()),n("")},error:a=>{this._onErrorList.forEach(s=>s(a)),o(a)}})})}onSuccess(e){return this._onSuccessList.push(e),this}onError(e){return this._onErrorList.push(e),this}}exports.AssetLoader=zv;exports.ComponentInstanceManager=ea;exports.DefaultDropPlaceholder=ra;exports.DefineReactAdapter=Zo;exports.DesignRender=Lv;exports.ReactAdapter=Sv;exports.Render=ta;exports.canAcceptsRef=Yo;exports.collectVariable=hv;exports.compWrapper=Ko;exports.convertCodeStringToFunction=Xo;exports.flatObject=vv;exports.formatSourceStylePropertyName=tr;exports.getAdapter=Rn;exports.getCSSTextValue=er;exports.getObjFromArrayMap=Ze;exports.isClass=dv;exports.runExpression=lt;exports.shouldConstruct=qo;exports.useDesignRender=Fv;exports.useRender=Dv;
+      `;new Function(a)(...o,e,r)}catch(a){console.warn(a)}},Ze=(t,e)=>{const r={};return e.forEach((n,o)=>{r[n]=t[o]}),r},tr=t=>{const e={};return Object.keys(t).forEach(r=>{let n=r.replace("-webkit","Webkit");n=n.replace("-ms","ms"),n=n.replace("-moz","Moz"),n=n.replace("-o","O");let o=n.split("-");o.length>=2&&(o=o.map((a,s)=>s!==0?Jh(a):a)),e[o.join("")]=t[r]}),e},er=t=>{let e="";return Object.keys(t).forEach(r=>{e+=`${r}:${t[r]};`}),e},hv=(t,e)=>{const r={};return t.forEach(n=>{if(n.globalName){const o=e[n.globalName];o&&(r[n.globalName]=o)}}),r},vv=(t,e=1)=>{let r=0,n=t,o={},a={};for(;r<e;)Object.keys(n).forEach(s=>{o={...o,...n[s]}}),a=o,n=o,o={},r+=1;return a},ce="DYNAMIC",mv=["$$context","$$nodeModel"],Mn=t=>{let e;const r=new Set,n=(c,u)=>{const l=typeof c=="function"?c(e):c;if(!Object.is(l,e)){const p=e;e=u??typeof l!="object"?l:Object.assign({},e,l),r.forEach(f=>f(e,p))}},o=()=>e,i={setState:n,getState:o,subscribe:c=>(r.add(c),()=>r.delete(c)),destroy:()=>{({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")!=="production"&&console.warn("[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected."),r.clear()}};return e=t(n,o,i),i},gv=t=>t?Mn(t):Mn;var yv=t=>(({BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1}&&"production")!=="production"&&console.warn("[DEPRECATED] Default export is deprecated. Instead use import { createStore } from 'zustand/vanilla'."),gv(t));class bv{constructor(){y(this,"storeMap",new Map)}addStore(e,r){const n=yv(r);return this.storeMap.set(e,n),n.name=e,n}setStore(e,r){this.storeMap.set(e,r)}removeStore(e){this.storeMap.delete(e)}getStore(e){return this.storeMap.get(e)}connect(e,r){const n=this.storeMap.get(e);return n?n.subscribe(r):(console.warn("store not exits"),()=>{})}getStateSnapshot(){const e={};return this.storeMap.forEach((r,n)=>{e[n]={state:r.getState(),updateState:o=>{r.setState(o)}}}),e}destroy(){this.storeMap.forEach(e=>{e.destroy()}),this.storeMap=new Map}}class _v{constructor(){y(this,"varSpace",new Map)}get(e){return this.varSpace.get(e)}add(e,r){this.varSpace.set(e,r)}remove(e){this.varSpace.delete(e)}destroy(){this.varSpace.clear()}getStateSnapshot(){const e={};return this.varSpace.forEach((r,n)=>{e[n]=r}),e}}class Zo{constructor(){y(this,"renderMode","normal");y(this,"components",{});y(this,"storeManager",new bv);y(this,"variableManager",new _v);y(this,"runtimeComponentCache",new Map);y(this,"onGetRef");y(this,"onGetComponent");y(this,"onComponentMount");y(this,"onComponentDestroy");y(this,"processNodeConfigHook")}getComponent(e){var o;const r=e.value.componentName;let n=this.components[r]||(()=>`Component [${r}] not found`);return Yo(n)||(n=Ko(n),this.components[r]=n),this.onGetComponent&&(n=(o=this.onGetComponent)==null?void 0:o.call(this,n,e)),n}getContext(e={},r){let n=e;return r&&(n={variableSpace:{},...e},n.__proto__=r||null),n}pageRender(e,{components:r,onGetRef:n,$$context:o={},onGetComponent:a,onComponentMount:s,onComponentDestroy:i,renderMode:c,processNodeConfigHook:u}){this.renderMode=c,this.components=r,this.onGetRef=n,this.onGetComponent=a,this.onComponentMount=s,this.onComponentDestroy=i,this.processNodeConfigHook=u;const l=e.value.componentsTree,p=this.getComponent(l),f=this.convertModelToComponent(p,e.value.componentsTree),d={},m=l.props;return Object.keys(m).forEach(v=>{d[v]=m[v].value}),d.$$context=o,this.render(f,d)}transformProps(e={},{$$context:r}){const n=e,o=s=>{if(Array.isArray(s))return s.map(i=>o(i));if(Me(s))return o(s.value);if(Rf(s)){const i=s.value,c=i.value;if(!c)return console.warn("slot value is null, this maybe cause some error, pls check it",e),()=>{};const u=l=>{const p=`${l.id}-${ce}`;if(this.runtimeComponentCache.get(l.id))return{key:p,component:this.runtimeComponentCache.get(l.id)};const f=this.getComponent(l),d=this.convertModelToComponent(f,l),m=i.params||[];return{component:(...S)=>{const C=Ze(S,m),x=this.getContext({params:C},r);return this.render(d,{$$context:x,key:p})},key:p}};if(Array.isArray(c)){const l=c==null?void 0:c.map(p=>u(p));return(...p)=>l.map(f=>qo(f.component)?j.createElement(f.component,{$$context:r,key:f.key}):f.component(...p))}else return u(c).component}else{if(ct(s))return lt(s.value,r||{});if(Mf(s))return Xo(s.value,r,this.storeManager);if(Nt(s)){let i=s;Me(s)&&(i=s.value);const c=i,u={};return Object.keys(i).forEach(l=>{u[l]=o(c[l])}),u}else return s}},a={};return Object.keys(n).forEach(s=>{const i=n[s];a[s]=o(i)}),a}collectSpecialProps(e={},r){const n=[],o=(a,s)=>{let i=s;Me(s)&&(i=s.value),r(i)?n.push({keyPath:a,val:i}):Et(i)?i.forEach((c,u)=>{o([...a,String(u)],c)}):Nt(i)&&Object.keys(i).forEach(c=>{o([...a,c],i[c])})};return o(["$root"],e),n}convertModelToComponent(e,r){const n=this;class o extends j.Component{constructor(i){super(i);y(this,"_CONDITION",!0);y(this,"_DESIGN_BOX",!1);y(this,"_NODE_MODEL",r);y(this,"_NODE_ID",r.id);y(this,"UNIQUE_ID",`${r.id}_${Z()}`);y(this,"targetComponentRef");y(this,"listenerHandle",[]);y(this,"storeState");y(this,"staticState",{});y(this,"storeListenDisposeLint",[]);y(this,"domHeader");y(this,"mediaStyleDomMap",{});y(this,"variableSpace");y(this,"nodeName");y(this,"updateState",i=>{this.storeState.setState(i),this.forceUpdate()});y(this,"getStyleDomById",i=>{const c=this.mediaStyleDomMap;let u=c[i];return u||(u=document.createElement("style"),c[i]=u),u.id=i,u});y(this,"addMediaCSS",()=>{var u;let i=this.domHeader;if(i||(i=(u=document.getElementsByTagName("head"))==null?void 0:u[0],this.domHeader=i),!this.domHeader)return;const c=this._NODE_MODEL.value.css;c&&c.value.forEach(l=>{var d;const p=`${this.UNIQUE_ID}_${l.state}`;let f=`.${c.class}`;if(l.state!=="normal"&&(f=`${f}:${l.state}`),Object.keys(l.style).length!==0){const m=this.getStyleDomById(p);m.innerText=`${f} { ${er(l.style)} }`,i==null||i.appendChild(m)}(d=l.media)!=null&&d.length&&l.media.forEach(m=>{const v=`${p}_${m.type}_${m.value}`,b=this.getStyleDomById(v);b.media=`screen and (${m.type}:${m.value}px)`,b.innerHTML=`${f} { ${er(m.style)} }`,i==null||i.appendChild(b)})})});y(this,"removeMediaCSS",()=>{const i=this.mediaStyleDomMap;Object.keys(i).forEach(c=>{var u;(u=this.domHeader)==null||u.removeChild(i[c])}),this.mediaStyleDomMap={}});y(this,"rebuildNode",()=>{this.storeListenDisposeLint.forEach(i=>i()),this.removeMediaCSS(),this.connectStore(),this.addMediaCSS(),this.forceUpdate()});this.targetComponentRef=j.createRef(),this.state=r.value.state||{};const c=r.value.nodeName||r.id;this.nodeName=c;const u=n.storeManager.getStore(c);u?(this.storeState=u,u.setState({...r.value.state||{}})):this.storeState=n.storeManager.addStore(c,()=>({...r.value.state||{}})),this.storeState.subscribe(p=>{this.setState({...p})}),this.connectStore();const l=n.variableManager.get(c);l?this.variableSpace=l:(this.variableSpace={},n.variableManager.add(c,this.variableSpace))}connectStore(){const i=n.collectSpecialProps(r.props,f=>!!ct(f)),c=n.collectSpecialProps({css:r.value.css,class:r.value.classNames},f=>!!ct(f)),u=[...i,...c].map(f=>{const d=f.val,v=/\$\$context.stateManager\.(.+?)\./gim.exec(d.value);return v!=null&&v.length?v[1]:""}).filter(Boolean),l=Array.from(new Set(u)),p=[];l.length&&l.forEach(f=>{n.storeManager.getStore(f)||(n.storeManager.addStore(f,()=>({})),console.log(n.storeManager,f,"not exits"));const m=n.storeManager.connect(f,()=>{this.forceUpdate()});p.push(m)}),this.storeListenDisposeLint=p}componentDidMount(){var c;this.addMediaCSS(),n.onGetRef&&n.onGetRef(this.targetComponentRef,r,this),(c=n.onComponentMount)==null||c.call(n,this,r);const i=()=>{n.storeManager.setStore(r.value.nodeName||r.id,this.storeState),this.storeState.setState({...this.state,...r.value.state||{}}),this.rebuildNode()};r.onChange(i)}componentWillUnmount(){var i;this.storeListenDisposeLint.forEach(c=>c()),this.removeMediaCSS(),(i=n.onComponentDestroy)==null||i.call(n,this,r)}render(){var st;const{$$context:i,...c}=this.props,u={key:r.id,...r.props,...c},l={state:this.state||{},variableSpace:this.variableSpace,updateState:this.updateState,staticState:this.staticState};r.value.componentName===Mt.ROOT_CONTAINER&&(l.globalState=this.state,l.updateGlobalState=this.updateState),l.stateManager=n.storeManager.getStateSnapshot(),l.variableSpace=n.variableManager.get(this.nodeName),l.variableManager=n.variableManager.getStateSnapshot();const p=n.getContext(l,i),m=n.transformProps({methods:r.value.methods},{$$context:p}).methods.reduce((I,Q)=>(I[Q.name]=Q.define,I),{});p.methods=m,p.variableSpace||(p.variableSpace={}),p.variableSpace.methods=m;const v=r.value.loop;let b=[];if(v&&v.open){this.targetComponentRef.current=[];let I=v.data||[];if(ct(v.data)){const Q=v.data;I=lt(Q.value,p||{})}return b=I.map((...Q)=>{var Dr;const Ft=Q[1],bt=[v.forName||"item",v.forIndex||"index"],we=Ze(Q,bt);let Ce="loopData";v.name&&(Ce=`${Ce}${v.name}`);const Bt=n.getContext({[Ce]:we,staticState:this.staticState},p),q=n.transformProps(u,{$$context:Bt}),ia=((Dr=r.value.classNames)==null?void 0:Dr.map(G=>{var ie;const ae=G.name;return(ct(G.status)?lt(String(((ie=G.status)==null?void 0:ie.value)||""),Bt):!1)?ae:""}))||[];let Ee=`${q.className??""} ${ia.join(" ")}`.trim();r.value.css&&(Ee=`${r.value.css.class} ${Ee}`.trim()),q.className=Ee;const sa=n.transformProps(r.value.style,{$$context:Bt});r.value.style&&(q.style=tr(sa||{}));const{children:oe}=q;let Ne=[];if(oe!==void 0)delete q.children,Ne=Array.isArray(oe)?oe:[oe];else{const G=[];r.value.children.forEach((Ir,ie)=>{const ca=n.buildComponent(Ir,{$$context:Bt,idx:ie});G.push(ca)}),Ne=G}if(q.key=`${q.key}-${Ft}`,ct(v.key)){const G=v.key,ae=lt(G.value,Bt||{});q.key+=`-${ae}`}return q.ref=G=>{this.targetComponentRef.current=this.targetComponentRef.current||[],this.targetComponentRef.current[Ft]=G},n.render(e,q,...Ne)}),b}const S=n.transformProps(u,{$$context:p}),{children:C}=S;let x=[];if(C!==void 0)delete S.children,x=Array.isArray(C)?C:[C];else{const I=[];r.value.children.forEach((Ft,bt)=>{const we=n.buildComponent(Ft,{$$context:p,idx:bt});I.push(we)}),x=I}S.ref=this.targetComponentRef;const M=((st=r.value.classNames)==null?void 0:st.map(I=>{var bt;const Q=I.name;return(ct(I.status)?lt(((bt=I.status)==null?void 0:bt.value)||"",p):!1)?Q:""}))||[];let D=`${S.className??""} ${M.join(" ")}`.trim();r.value.css&&(D=`${r.value.css.class} ${D}`.trim()),S.className=D;const W=n.transformProps(r.value.style,{$$context:p});r.value.style&&(S.style=tr(W||{}));let ot=r.value.condition??!0;typeof ot!="boolean"&&(ot=lt(ot.value,p||{}));let O={condition:ot,props:S};n.processNodeConfigHook&&(O=n.processNodeConfigHook(O,r));const Lt=n.render(e,O.props,...x);return this._CONDITION=O.condition,O.condition?Lt:j.createElement("div",{style:{display:"none"}},Lt)}}return y(o,"__CP_TYPE__",ce),o.displayName=`${r.value.componentName}Dynamic`,o}buildComponent(e,{$$context:r={}}){const n=this.runtimeComponentCache;return typeof e=="string"?this.render(e):Pf(e)?(({currentNode:a})=>{const s=a.value.id;let i=null;if(n.get(s))i=n.get(s);else{const l=this.getComponent(a);i=this.convertModelToComponent(l,a)}!n.get(s)&&this.renderMode!=="design"&&n.set(s,i);const c=`${s}-${ce}`,u={$$context:r,$$nodeModel:e,key:c};return this.render(i,u)})({currentNode:e}):void 0}render(e,r={},...n){return typeof e=="string"||typeof e=="number"?String(e):(mv.forEach(a=>{a in r&&e.__CP_TYPE__!==ce&&delete r[a]}),j.createElement(e,r,...n))}clear(){this.runtimeComponentCache.clear(),this.storeManager.destroy()}}const Sv=Rn(new Zo),jv=["a","abbr","acronym","address","applet","area","article","aside","audio","b","base","basefont","bdi","bdo","bgsound","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","command","content","data","datalist","dd","del","details","dfn","dialog","dir","div","dl","dt","element","em","embed","fieldset","figcaption","figure","font","footer","form","frame","frameset","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","image","img","input","ins","isindex","kbd","keygen","label","legend","li","link","listing","main","map","mark","marquee","math","menu","menuitem","meta","meter","multicol","nav","nextid","nobr","noembed","noframes","noscript","object","ol","optgroup","option","output","p","param","picture","plaintext","pre","progress","q","rb","rbc","rp","rt","rtc","ruby","s","samp","script","search","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","svg","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","tt","u","ul","var","video","wbr","xmp"],nt=t=>{const e={};return t.forEach(r=>{e[r.key]=r.value}),e},Ov=[...jv,...yf],wv=Ov.reduce((t,e)=>(t[e]=({children:r,$$attributes:n=[],...o})=>{let a=r;return Array.isArray(r)||(a=[r]),j.createElement(e,{...o,...nt(n)},...a)},t),{}),Cv=({children:t,width:e,height:r,$$attributes:n=[],...o})=>{let a=t;Array.isArray(t)||(a=[t]),a=a.filter(u=>u!==void 0);const{style:s={},...i}=nt(n),c={height:r,width:e,...s,...o.style||{}};return j.createElement("div",{...o,...i,style:c},...a)},Ev=({children:t,$$attributes:e=[],...r})=>{let n=t;return Array.isArray(t)||(n=[t]),j.createElement("canvas",{...r,...nt(e)},...n)},Nv=({children:t,$$attributes:e=[],...r})=>{let n=t;return Array.isArray(t)||(n=[t]),j.createElement("img",{...r,...nt(e)},...n)},$v=({children:t,$$attributes:e=[],...r})=>{let n=t;return Array.isArray(t)||(n=[t]),j.createElement("video",{...r,...nt(e)},...n)},Tv=({children:t,$$attributes:e=[],...r})=>{let n=t;return Array.isArray(t)||(n=[t]),j.createElement("audio",{...r,...nt(e)},...n)},Av=({$$attributes:t=[],content:e,...r})=>j.createElement("span",{...r,...nt(t)},e),xv=({children:t,$$attributes:e=[],afterMount:r,beforeDestroy:n,...o})=>{let a=t;return Array.isArray(t)||(a=[t]),j.useEffect(()=>(r==null||r(o),()=>{n==null||n(o)}),[]),j.createElement("div",{...o,...nt(e)},...a)},Mv=({children:t,$$attributes:e=[],htmlTag:r="div",...n})=>{let o=t;Array.isArray(t)||(o=[t]);const{style:a={},...s}=nt(e),i={...a,...n.style||{}};return j.createElement(r,{...n,...s,style:i},...o)},Pv={RootContainer:({children:t})=>t,...wv,CContainer:xv,CVideo:$v,CAudio:Tv,CBlock:Cv,CImage:Nv,CText:Av,CCanvas:Ev,CNativeTag:Mv};class Rv{constructor(){y(this,"refMap",new Map)}get(e){return this.refMap.get(e)}add(e,r){this.refMap.set(e,r)}remove(e){this.refMap.delete(e)}destroy(){this.refMap.clear()}}class ta extends j.Component{constructor(r){super(r);y(this,"refManager");y(this,"dynamicComponentInstanceMap",new Map);y(this,"onGetRef",(r,n,o)=>{var a,s;(s=(a=this.props).onGetRef)==null||s.call(a,r,n,o),this.dynamicComponentInstanceMap.set(n.id,o),this.refManager.add(n.value.refId||n.id,r)});y(this,"rerender",r=>{if(this.props.adapter.clear(),(r==null?void 0:r.nodeType)==="PAGE"&&r)this.setState({pageModel:r});else if(Nt(r)&&jo(r)){const n=r;this.setState({pageModel:new pe(n,{materials:this.state.pageModel.materialsModel.rawValue})})}});this.state={pageModel:r.pageModel||new pe(r.page)},this.refManager=new Rv}getPageModel(){return this.state.pageModel}componentDidMount(){const{render:r}=this.props;r&&(r.ref.current=this)}componentWillUnmount(){this.refManager.destroy()}render(){const{props:r}=this,{adapter:n,onGetComponent:o,onComponentDestroy:a,onComponentMount:s}=r,{pageModel:i}=this.state;if(!i)return console.warn("pageModel is null"),null;const c={...Pv,...r.components};return n.pageRender(i,{libs:{},components:c,onGetRef:this.onGetRef,onGetComponent:o,onComponentMount:s,onComponentDestroy:a,$$context:{refs:this.refManager},renderMode:r.renderMode,processNodeConfigHook:r.processNodeConfigHook})}}const Dv=()=>{const t=j.useRef(null);return{ref:t,rerender:function(...e){t.current&&t.current.rerender(...e)}}};class Iv extends j.Component{constructor(r){super(r);y(this,"onDoubleClick",()=>{this.setState({hasError:!1,error:null})});this.state={hasError:!1,error:""}}static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,n){var o,a;(a=(o=this.props).onError)==null||a.call(o,n)}render(){if(this.state.hasError){const{onDoubleClick:r}=this,n=this.props.node.value;console.error(this.props.node,this.props.children);const o=j.createElement("div",{style:{backgroundColor:"rgb(255 206 215 / 13%)",padding:"5px",color:"#ff0000b0",textAlign:"center",fontSize:"12px"}},"Render error, node id: ",n.id,", node name：",n.title," component name：",n.title||n.componentName,j.createElement("p",null,"msg: ",String(this.state.error)),j.createElement("button",{onDoubleClick:r,style:{border:"1px solid rgba(100,100,100,0.1)",backgroundColor:"#fff",padding:"5px 10px",borderRadius:"2px",color:"gray",cursor:"pointer",marginTop:"5px"}},"double click to refresh"),j.createElement("div",{style:{display:"none"}}));return j.createElement(this.props.targetComponent,{onlyRenderChild:!0},o)}return this.props.children}}class ea{constructor(){y(this,"instanceMap",new Map)}get(e){return this.instanceMap.get(e)}add(e,r){const n=this.instanceMap.get(e);n?n.push(r):this.instanceMap.set(e,[r])}remove(e,r){const n=this.instanceMap.get(e);if(r!==void 0&&Array.isArray(n)){const o=n.filter(a=>a!==r);this.instanceMap.set(e,o)}else this.instanceMap.delete(e)}destroy(){this.instanceMap.clear()}}const ra=t=>{const{node:e}=t,r=j.useMemo(()=>{const i=e.isContainer();return Nt(i)?i:{placeholder:"Drag the component to place it",width:"100%",height:"100%",style:{}}},[t.node]),{placeholder:n,height:o,width:a,style:s}=r;return j.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(200,200,200,0.1)",border:"1px solid rgba(0,0,0,0.1)",borderRadius:"2px",fontSize:"14px",color:"gray",cursor:"default",minWidth:"300px",minHeight:"50px",width:a,height:o,...s}},n)};class Lv extends j.Component{constructor(r){super(r);y(this,"instanceManager",new ea);y(this,"renderRef");y(this,"dropPlaceholder",ra);y(this,"onGetComponent",(r,n)=>{const o=this;class a extends j.Component{constructor(){super(...arguments);y(this,"_DESIGN_BOX",!0);y(this,"_NODE_MODEL",n);y(this,"_NODE_ID",n.id);y(this,"_UNIQUE_ID",`${n.id}_${Z()}`);y(this,"_STATUS")}componentDidMount(){o.instanceManager.add(n.id,this)}componentWillUnmount(){this._STATUS="DESTROY",o.instanceManager.remove(n.id,this)}render(){const{children:c=[],onlyRenderChild:u,...l}=this.props;let p=c;return Et(c)||(p=[c]),!!!p.filter(Boolean).length&&(n.isContainer()||n.value.componentName===Mt.ROOT_CONTAINER)&&p.push(j.createElement(o.dropPlaceholder,{node:n})),u?p:j.createElement(r,l,...p)}}return j.forwardRef(function(i,c){return j.createElement(Iv,{node:n,targetComponent:a},j.createElement(a,{ref:c,...i}))})});this.renderRef=j.createRef(),r.dropPlaceholder&&(this.dropPlaceholder=r.dropPlaceholder)}componentDidMount(){var r,n;(n=(r=this.props).onMount)==null||n.call(r,this)}getPageModel(){var r;return(r=this.renderRef.current)==null?void 0:r.state.pageModel}rerender(r){var n;return(n=this.renderRef.current)==null?void 0:n.rerender(r)}getInstancesById(r,n){let o=[...this.instanceManager.get(r)||[]];return n!==void 0&&(o=o.filter(a=>n===(a==null?void 0:a._UNIQUE_ID))),o}getInstanceByDom(r){const n=na(r);if(!n)return null;const o=oa(n);return(o==null?void 0:o.stateNode)||null}getDomsById(r,n){const o=this.getInstancesById(r),a=[];return o==null||o.forEach(s=>{if((s==null?void 0:s._STATUS)==="DESTROY")return;const i=da.findDOMNode(s);if(i&&!(i instanceof Text))if(n){const c=Array.from(i.querySelectorAll(n));a.push(...c)}else a.push(i)}),a}getDomRectById(r,n){return this.getDomsById(r,n).map(s=>s==null?void 0:s.getBoundingClientRect()).filter(Boolean)}render(){const{props:r,onGetComponent:n}=this,{render:o,...a}=r;return o&&(o.ref.current=this),j.createElement(ta,{onGetComponent:n,...a,processNodeConfigHook:(s,i)=>{var m,v;if(i.nodeType!=="NODE")return s;const{props:c,condition:u}=s;let l={...c};const p=((m=i.value.configure)==null?void 0:m.devState)||{},f=(v=i.material)==null?void 0:v.value.fixedProps;if(f!==void 0){if(Nt(f))l={...l,...f};else if(typeof f=="function"){const b=f(l);l={...l,...b}}}let d=u;return p.condition===!1&&(d=p.condition),{props:pv(l,p.props||{}),condition:d}},ref:this.renderRef})}}const na=t=>{if(!t)return null;const e=Object.keys(t).find(r=>r.startsWith("__reactInternalInstance$")||r.startsWith("__reactFiber$"))||"";return e?t[e]:na(t.parentElement)},oa=t=>{var e;return t?(e=t==null?void 0:t.stateNode)!=null&&e._DESIGN_BOX?t:oa(t.return):null},Fv=()=>{const t=j.useRef(null);return{ref:t,rerender:function(...e){t.current&&t.current.rerender(...e)},getInstancesById(e,r){var n;return((n=t.current)==null?void 0:n.getInstancesById(e,r))||[]},getInstanceByDom(e){var r;return((r=t.current)==null?void 0:r.getInstanceByDom(e))||null},getDomsById(e,r){var n;return((n=t.current)==null?void 0:n.getDomsById(e,r))||[]},getDomRectById(e,r){var n;return((n=t.current)==null?void 0:n.getDomRectById(e,r))||[]}}};var Bv=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Uv(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var aa={exports:{}};(function(t,e){(function(r,n){t.exports=n()})(Bv,function(){var r=function(){},n={},o={},a={};function s(f,d){f=f.push?f:[f];var m=[],v=f.length,b=v,S,C,x,M;for(S=function(D,W){W.length&&m.push(D),b--,b||d(m)};v--;){if(C=f[v],x=o[C],x){S(C,x);continue}M=a[C]=a[C]||[],M.push(S)}}function i(f,d){if(f){var m=a[f];if(o[f]=d,!!m)for(;m.length;)m[0](f,d),m.splice(0,1)}}function c(f,d){f.call&&(f={success:f}),d.length?(f.error||r)(d):(f.success||r)(f)}function u(f,d,m,v){var b=document,S=m.async,C=(m.numRetries||0)+1,x=m.before||r,M=f.replace(/[\?|#].*$/,""),D=f.replace(/^(css|img|module|nomodule)!/,""),W,ot,O;if(v=v||0,/(^css!|\.css$)/.test(M))O=b.createElement("link"),O.rel="stylesheet",O.href=D,W="hideFocus"in O,W&&O.relList&&(W=0,O.rel="preload",O.as="style");else if(/(^img!|\.(png|gif|jpg|svg|webp)$)/.test(M))O=b.createElement("img"),O.src=D;else if(O=b.createElement("script"),O.src=D,O.async=S===void 0?!0:S,ot="noModule"in O,/^module!/.test(M)){if(!ot)return d(f,"l");O.type="module"}else if(/^nomodule!/.test(M)&&ot)return d(f,"l");O.onload=O.onerror=O.onbeforeload=function(Lt){var st=Lt.type[0];if(W)try{O.sheet.cssText.length||(st="e")}catch(I){I.code!=18&&(st="e")}if(st=="e"){if(v+=1,v<C)return u(f,d,m,v)}else if(O.rel=="preload"&&O.as=="style")return O.rel="stylesheet";d(f,st,Lt.defaultPrevented)},x(f,O)!==!1&&b.head.appendChild(O)}function l(f,d,m){f=f.push?f:[f];var v=f.length,b=v,S=[],C,x;for(C=function(M,D,W){if(D=="e"&&S.push(M),D=="b")if(W)S.push(M);else return;v--,v||d(S)},x=0;x<b;x++)u(f[x],C,m)}function p(f,d,m){var v,b;if(d&&d.trim&&(v=d),b=(v?m:d)||{},v){if(v in n)throw"LoadJS";n[v]=!0}function S(C,x){l(f,function(M){c(b,M),C&&c({success:C,error:x},M),i(v,M)},b)}if(b.returnPromise)return new Promise(S);S()}return p.ready=function(d,m){return s(d,function(v){c(m,v)}),p},p.done=function(d){i(d,[])},p.reset=function(){n={},o={},a={}},p.isDefined=function(d){return d in n},p})})(aa);var kv=aa.exports;const Pn=Uv(kv);class zv{constructor(e,r){y(this,"assets");y(this,"loadStatus");y(this,"win",window);y(this,"_onSuccessList",[]);y(this,"_onErrorList",[]);this.assets=e,this.loadStatus="INIT",r!=null&&r.window&&(this.win=r.window)}load(){const e=this.assets||[],r=[];for(let n=0;n<e.length;n++){const o=e[n];o.id||(o.id=Z()),r.push(o.id);const a=o.resources.map(s=>s.src);Pn(a,o.id,{async:!1,before:(s,i)=>(this.win.document.body.appendChild(i),!1)})}if(e.length===0){this._onSuccessList.forEach(n=>n());return}return new Promise((n,o)=>{Pn.ready(r,{success:()=>{this._onSuccessList.forEach(a=>a()),n("")},error:a=>{this._onErrorList.forEach(s=>s(a)),o(a)}})})}onSuccess(e){return this._onSuccessList.push(e),this}onError(e){return this._onErrorList.push(e),this}}exports.AssetLoader=zv;exports.ComponentInstanceManager=ea;exports.DefaultDropPlaceholder=ra;exports.DefineReactAdapter=Zo;exports.DesignRender=Lv;exports.ReactAdapter=Sv;exports.Render=ta;exports.canAcceptsRef=Yo;exports.collectVariable=hv;exports.compWrapper=Ko;exports.convertCodeStringToFunction=Xo;exports.flatObject=vv;exports.formatSourceStylePropertyName=tr;exports.getAdapter=Rn;exports.getCSSTextValue=er;exports.getObjFromArrayMap=Ze;exports.isClass=dv;exports.runExpression=lt;exports.shouldConstruct=qo;exports.useDesignRender=Fv;exports.useRender=Dv;
 //# sourceMappingURL=index.js.map