@chamn/engine 0.0.39 → 0.0.41

package/dist/index.js

@@ -137,7 +137,7 @@ function $$_run_$$() {
   return $$_f_$$.apply($$_f_$$, $$$__args__$$$);
 }
 return $$_run_$$();
-      `,new Function(o)(...r,t,n)}catch(a){console.log(o),console.warn(a)}},Zg=(e,t)=>{const n={};return t.forEach((r,o)=>{n[r]=e[o]}),n},ev=(e=[])=>{const t={};return e.forEach(({property:n,value:r})=>{let o=n.replace("-webkit","Webkit");o=o.replace("-ms","ms"),o=o.replace("-moz","Moz"),o=o.replace("-o","O");let a=o.split("-");a.length>=2&&(a=a.map((i,s)=>s!==0?Kj(i):i)),t[a.join("")]=r}),t},cx=(e,t)=>{const n={};return e.forEach(r=>{if(r.globalName){const o=t[r.globalName];o&&(n[r.globalName]=o,o.__esModule&&(n[r.globalName]=o.default))}}),n},ux=(e,t=1)=>{let n=0,r=e,o={},a={};for(;n<t;)Object.keys(r).forEach(i=>{o={...o,...r[i]}}),a=o,r=o,o={},n+=1;return a},bD=(e,t)=>{const n=[];return t.forEach(r=>{const o=r.exec(e);o!=null&&o.length&&n.push(o[1])}),n},yD=(e,t)=>{const n={};return t.forEach(r=>{e[r.name]&&(n[r.name]=e[r.name])}),n},xD=(e,t)=>yD(e,t),kc=e=>{var t;return((t=e.value.css)==null?void 0:t.class)||`c_${e.id}`},wD=(e,t)=>{const n=e.split(".");let r,o=t;return n.forEach(a=>{r=o==null?void 0:o[a],o=r}),r||(()=>`Component [${e}] not found`)},ds="DYNAMIC",SD=["$$context","$$nodeModel"],tv=e=>{let t;const n=new Set,r=(i,s)=>{const l=typeof i=="function"?i(t):i;if(!Object.is(l,t)){const c=t;t=s??typeof l!="object"?l:Object.assign({},t,l),n.forEach(u=>u(t,c))}},o=()=>t,a={setState:r,getState:o,subscribe:i=>(n.add(i),()=>n.delete(i)),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."),n.clear()}};return t=e(r,o,a),a},CD=e=>e?tv(e):tv;class _D{constructor(){fe(this,"storeMap",new Map)}addStore(t,n){const r=CD(n);return this.storeMap.set(t,r),r.name=t,r}setStore(t,n){this.storeMap.set(t,n)}removeStore(t){this.storeMap.delete(t)}getStore(t){return this.storeMap.get(t)}getState(t){var n;return(n=this.storeMap.get(t))==null?void 0:n.getState()}getStateObj(t){return{state:this.getState(t),updateState:n=>{this.setState(t,n)}}}setState(t,n){var r;return(r=this.storeMap.get(t))==null?void 0:r.setState(n)}connect(t,n){const r=this.storeMap.get(t);return r?r.subscribe(n):(console.warn("store not exits"),()=>{})}getStateSnapshot(){const t={};return this.storeMap.forEach((n,r)=>{t[r]=this.getStateObj(r)}),t}destroy(){this.storeMap=new Map}}class OD{constructor(){fe(this,"varSpace",new Map)}get(t){return this.varSpace.get(t)}add(t,n){this.varSpace.set(t,n)}remove(t){this.varSpace.delete(t)}destroy(){this.varSpace.clear()}getStateSnapshot(){const t={};return this.varSpace.forEach((n,r)=>{t[r]=n}),t}}class ED{constructor(){fe(this,"renderMode","normal"),fe(this,"components",{}),fe(this,"storeManager",new _D),fe(this,"variableManager",new OD),fe(this,"runtimeComponentCache",new Map),fe(this,"onGetRef"),fe(this,"onGetComponent"),fe(this,"onComponentMount"),fe(this,"onComponentDestroy"),fe(this,"processNodeConfigHook")}getComponent(t){var n;const r=t.value.componentName;let o=wD(r,this.components);return gD(o)||(o=vD(o),this.components[r]=o),this.onGetComponent&&(o=(n=this.onGetComponent)==null?void 0:n.call(this,o,t)),o}getContext(t={},n){let r=t;return n&&(r={...t},r.__proto__=n||null),r}pageRender(t,{components:n,onGetRef:r,$$context:o={},onGetComponent:a,onComponentMount:i,onComponentDestroy:s,renderMode:l,processNodeConfigHook:c}){this.renderMode=l,this.components=n,this.onGetRef=r,this.onGetComponent=a,this.onComponentMount=i,this.onComponentDestroy=s,this.processNodeConfigHook=c;const u=t.value.componentsTree,f=this.getComponent(u),d=this.convertModelToComponent(f,t.value.componentsTree),h={},v=u.props;return Object.keys(v).forEach(g=>{h[g]=v[g].value}),h.$$context=o,this.render(d,h)}transformProps(t={},{$$context:n}){const r=t,o=i=>{if(Array.isArray(i))return i.map(s=>o(s));if(Rc(i))return o(i.value);if(D6(i)){const s=i.value,l=s.value;if(!l)return console.warn("slot value is null, this maybe cause some error, pls check it",t),()=>{};const c=u=>{const f=`${u.id}-${ds}`;if(this.runtimeComponentCache.get(u.id))return{key:f,component:this.runtimeComponentCache.get(u.id)};const d=this.getComponent(u),h=this.convertModelToComponent(d,u),v=s.params||[];return{component:(...g)=>{const m=Zg(g,v),y=this.getContext({params:m},n);return this.render(h,{$$context:y,key:f})},key:f}};if(Array.isArray(l)){const u=l==null?void 0:l.map(f=>c(f));return(...f)=>u.map(d=>{if(pD(d.component)){const h=d.component;return b.createElement(h,{$$context:n,key:d.key})}else{const h=d.component;return h==null?void 0:h(...f)}})}else return c(l).component}else{if(Mr(i))return po(i.value,n||{});if(A6(i))return mD(i.value,n,this.storeManager);if(ea(i)){let s=i;Rc(i)&&(s=i.value);const l=s,c={};return Object.keys(s).forEach(u=>{c[u]=o(l[u])}),c}else return i}},a={};return Object.keys(r).forEach(i=>{const s=r[i];a[i]=o(s)}),a}collectSpecialProps(t={},n){const r=[],o=(a,i)=>{let s=i;Rc(i)&&(s=i.value),n(s)?r.push({keyPath:a,val:s}):Zo(s)?s.forEach((l,c)=>{o([...a,String(c)],l)}):ea(s)&&Object.keys(s).forEach(l=>{o([...a,l],s[l])})};return o(["$root"],t),r}convertModelToComponent(t,n){const r=this;class o extends b.Component{constructor(i){super(i),fe(this,"_CONDITION",!0),fe(this,"_DESIGN_BOX",!1),fe(this,"_NODE_MODEL",n),fe(this,"_NODE_ID",n.id),fe(this,"UNIQUE_ID",`${n.id}_${Vn()}`),fe(this,"targetComponentRef"),fe(this,"listenerHandle",[]),fe(this,"storeState"),fe(this,"storeListenDisposeList",[]),fe(this,"domHeader"),fe(this,"mediaStyleDomMap",{}),fe(this,"variableSpace"),fe(this,"nodeName"),fe(this,"updateState",u=>{this.storeState.setState(u),this.forceUpdate()}),fe(this,"getStyleDomById",u=>{const f=this.mediaStyleDomMap;let d=f[u];return d||(d=document.createElement("style"),f[u]=d),d.id=u,d}),fe(this,"addMediaCSS",()=>{var u;let f=this.domHeader;if(f||(f=(u=document.getElementsByTagName("head"))==null?void 0:u[0],this.domHeader=f),!this.domHeader)return;const d=this._NODE_MODEL.value.css;d&&d.value.forEach(h=>{var v;const g=`${this.UNIQUE_ID}_${h.state}`;let m=kc(this._NODE_MODEL);if(h.state!=="normal"&&(m=`${m}:${h.state}`),h.text){const y=this.getStyleDomById(g);y.innerText=`.${m} { ${h.text} }`,f==null||f.appendChild(y)}(v=h.media)!=null&&v.length&&h.media.forEach(y=>{const w=`${g}_${y.type}_${y.value}`,_=this.getStyleDomById(w);_.media=`screen and (${y.type}:${y.value}px)`,_.innerHTML=`.${m} { ${y.text} }`,f==null||f.appendChild(_)})})}),fe(this,"removeMediaCSS",()=>{const u=this.mediaStyleDomMap;Object.keys(u).forEach(f=>{var d;(d=this.domHeader)==null||d.removeChild(u[f])}),this.mediaStyleDomMap={}}),fe(this,"rebuildNode",()=>{this.storeListenDisposeList.forEach(u=>u()),this.removeMediaCSS(),this.connectStore(),this.addMediaCSS(),this.forceUpdate()}),this.targetComponentRef=b.createRef(),this.state=n.value.state||{};const s=n.value.nodeName||n.id;this.nodeName=s;const l=r.storeManager.getStore(s);l?(this.storeState=l,l.setState({...n.value.state||{}})):this.storeState=r.storeManager.addStore(s,()=>({...n.value.state||{}})),this.storeState.subscribe(u=>{this.setState({...u})}),this.connectStore();const c=r.variableManager.get(s);c?this.variableSpace=c:(this.variableSpace={staticVar:{},methods:{}},r.variableManager.add(s,this.variableSpace))}connectStore(){const i=r.collectSpecialProps(n.props,f=>!!Mr(f)),s=r.collectSpecialProps({css:n.value.css,class:n.value.classNames},f=>!!Mr(f));let l=[];[...i,...s].map(f=>{const d=f.val,h=[/\$\$context.stateManager\.(.+?)\./gim,/\$\$context.stateManager\["(.+?)"\]/gim,/\$\$context.stateManager\['(.+?)'\]/gim,/getStateObj\('(.+?)'\)/gim,/getStateObj\("(.+?)"\)/gim,/getStateById\('(.+?)'\)/gim,/getStateById\("(.+?)"\)/gim],v=bD(d.value,h);l=[...l,...v]}).filter(Boolean);const c=Array.from(new Set(l)),u=[];c.length&&c.forEach(f=>{r.storeManager.getStore(f)||(r.storeManager.addStore(f,()=>({})),console.warn(r.storeManager,f,"not exits"));const d=r.storeManager.connect(f,()=>{this.forceUpdate()});u.push(d)}),this.storeListenDisposeList=u}componentDidMount(){var i;this.addMediaCSS(),r.onGetRef&&r.onGetRef(this.targetComponentRef,n,this),(i=r.onComponentMount)==null||i.call(r,this,n);const s=()=>{r.storeManager.setStore(n.value.nodeName||n.id,this.storeState),this.storeState.setState({...this.state,...n.value.state||{}}),this.rebuildNode()};n.onChange(s)}componentWillUnmount(){var i;this.storeListenDisposeList.forEach(s=>s()),this.removeMediaCSS(),(i=r.onComponentDestroy)==null||i.call(r,this,n)}render(){var i;const{$$context:s,...l}=this.props,c=n.value.nodeName||n.id,u={key:n.id,...n.props,...l},f={state:this.state||{},staticVar:this.variableSpace.staticVar,updateState:this.updateState,storeManager:r.storeManager,getState:()=>r.storeManager.getStateObj(c),getStateObj:()=>r.storeManager.getStateObj(c),getStateObjById:P=>r.storeManager.getStateObj(P),stateManager:r.storeManager.getStateSnapshot(),getMethods:()=>r.variableManager.get(c).methods,getMethodsById:P=>r.variableManager.get(P).methods,getStaticVar:()=>r.variableManager.get(c).staticVar,getStaticVarById:P=>r.variableManager.get(P).staticVar};n.value.componentName===da.ROOT_CONTAINER&&(f.globalState=this.state,f.updateGlobalState=this.updateState);const d=r.getContext(f,s),h=r.transformProps({methods:n.value.methods},{$$context:d}).methods.reduce((P,k)=>(P[k.name]=k.define,P),{});d.methods=h,this.variableSpace.methods=Object.assign(this.variableSpace.methods,h);const v=n.value.loop;let g=[];if(v&&v.open){this.targetComponentRef.current=[];let P=v.data||[];if(Mr(v.data)){const k=v.data;P=po(k.value,d||{})}return g=P.map((...k)=>{var D;const B=k[1],F=[v.forName||"item",v.forIndex||"index"],W=Zg(k,F);let L="loopData";v.name&&(L=`${L}${v.name}`);const G=r.getContext({[L]:W},d),Y=r.transformProps(u,{$$context:G}),pe=((D=n.value.classNames)==null?void 0:D.map(j=>{var V;const ee=j.name;return Mr(j.status)&&po(String(((V=j.status)==null?void 0:V.value)||""),G)?ee:""}))||[];let I=`${Y.className??""} ${pe.join(" ")}`.trim();n.value.css&&(I=`${kc(n)} ${I}`.trim()),Y.className=I;const $=r.transformProps({style:n.value.style},{$$context:G});n.value.style&&(Y.style=ev($.style||[]));const{children:R}=Y;let N=[];if(R!==void 0)delete Y.children,N=Array.isArray(R)?R:[R];else{const j=[];n.value.children.forEach((V,ee)=>{const J=r.buildComponent(V,{$$context:G,idx:ee});j.push(J)}),N=j}if(Y.key=`${Y.key}-${B}`,Mr(v.key)){const j=v.key,V=po(j.value,G||{});Y.key+=`-${V}`}return Y.ref=j=>{this.targetComponentRef.current=this.targetComponentRef.current||[],this.targetComponentRef.current[B]=j},r.render(t,Y,...N)}),g}const m=r.transformProps(u,{$$context:d}),{children:y}=m;let w=[];if(y!==void 0)delete m.children,w=Array.isArray(y)?y:[y];else{const P=[];n.value.children.forEach((k,D)=>{const B=r.buildComponent(k,{$$context:d,idx:D});P.push(B)}),w=P}m.ref=this.targetComponentRef;const _=((i=n.value.classNames)==null?void 0:i.map(P=>{var k;const D=P.name;return Mr(P.status)&&po(((k=P.status)==null?void 0:k.value)||"",d)?D:""}))||[];let S=`${m.className??""} ${_.join(" ")}`.trim();n.value.css&&(S=`${kc(n)} ${S}`.trim()),m.className=S;const x=r.transformProps({style:n.value.style},{$$context:d});n.value.style&&(m.style=ev(x.style||[]));let C=n.value.condition??!0;typeof C!="boolean"&&(C=po(C.value,d||{}));let O={condition:C,props:m};r.processNodeConfigHook&&(O=r.processNodeConfigHook(O,n));const T=r.render(t,O.props,...w);return this._CONDITION=O.condition,O.condition?T:p("div",{style:{display:"none"},children:T})}}return fe(o,"__CP_TYPE__",ds),o.displayName=`${n.value.componentName}Dynamic`,o}buildComponent(t,{$$context:n={}}){const r=this.runtimeComponentCache;return typeof t=="string"?this.render(t):j6(t)?(({currentNode:o})=>{const a=o.value.id;let i=null;if(r.get(a)){const c=r.get(a);i=c==null?void 0:c.component}else{const c=this.getComponent(o);i=this.convertModelToComponent(c,o),!r.get(a)&&this.renderMode!=="design"&&r.set(a,{component:i})}const s=`${a}-${ds}`,l={$$context:n,$$nodeModel:t,key:s};return this.render(i,l)})({currentNode:t}):void 0}render(t,n={},...r){return typeof t=="string"||typeof t=="number"?String(t):(SD.forEach(o=>{o in n&&t.__CP_TYPE__!==ds&&delete n[o]}),b.createElement(t,n,...r))}clear(){this.runtimeComponentCache.clear(),this.storeManager.destroy()}}bP(new ED);const RD=["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","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"];var $D=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function TD(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var fx={exports:{}},Hl={};/**
+      `,new Function(o)(...r,t,n)}catch(a){console.log(o),console.warn(a)}},Zg=(e,t)=>{const n={};return t.forEach((r,o)=>{n[r]=e[o]}),n},ev=(e=[])=>{const t={};return e.forEach(({property:n,value:r})=>{let o=n.replace("-webkit","Webkit");o=o.replace("-ms","ms"),o=o.replace("-moz","Moz"),o=o.replace("-o","O");let a=o.split("-");a.length>=2&&(a=a.map((i,s)=>s!==0?Kj(i):i)),t[a.join("")]=r}),t},cx=(e,t)=>{const n={};return e.forEach(r=>{if(r.globalName){const o=t[r.globalName];o&&(n[r.globalName]=o,o.__esModule&&o.default&&(n[r.globalName]=o.default))}}),n},ux=(e,t=1)=>{let n=0,r=e,o={},a={};for(;n<t;)Object.keys(r).forEach(i=>{o={...o,...r[i]}}),a=o,r=o,o={},n+=1;return a},bD=(e,t)=>{const n=[];return t.forEach(r=>{const o=r.exec(e);o!=null&&o.length&&n.push(o[1])}),n},yD=(e,t)=>{const n={};return t.forEach(r=>{e[r.name]&&(n[r.name]=e[r.name])}),n},xD=(e,t)=>yD(e,t),kc=e=>{var t;return((t=e.value.css)==null?void 0:t.class)||`c_${e.id}`},wD=(e,t)=>{const n=e.split(".");let r,o=t;return n.forEach(a=>{r=o==null?void 0:o[a],o=r}),r||(()=>`Component [${e}] not found`)},ds="DYNAMIC",SD=["$$context","$$nodeModel"],tv=e=>{let t;const n=new Set,r=(i,s)=>{const l=typeof i=="function"?i(t):i;if(!Object.is(l,t)){const c=t;t=s??typeof l!="object"?l:Object.assign({},t,l),n.forEach(u=>u(t,c))}},o=()=>t,a={setState:r,getState:o,subscribe:i=>(n.add(i),()=>n.delete(i)),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."),n.clear()}};return t=e(r,o,a),a},CD=e=>e?tv(e):tv;class _D{constructor(){fe(this,"storeMap",new Map)}addStore(t,n){const r=CD(n);return this.storeMap.set(t,r),r.name=t,r}setStore(t,n){this.storeMap.set(t,n)}removeStore(t){this.storeMap.delete(t)}getStore(t){return this.storeMap.get(t)}getState(t){var n;return(n=this.storeMap.get(t))==null?void 0:n.getState()}getStateObj(t){return{state:this.getState(t),updateState:n=>{this.setState(t,n)}}}setState(t,n){var r;return(r=this.storeMap.get(t))==null?void 0:r.setState(n)}connect(t,n){const r=this.storeMap.get(t);return r?r.subscribe(n):(console.warn("store not exits"),()=>{})}getStateSnapshot(){const t={};return this.storeMap.forEach((n,r)=>{t[r]=this.getStateObj(r)}),t}destroy(){this.storeMap=new Map}}class OD{constructor(){fe(this,"varSpace",new Map)}get(t){return this.varSpace.get(t)}add(t,n){this.varSpace.set(t,n)}remove(t){this.varSpace.delete(t)}destroy(){this.varSpace.clear()}getStateSnapshot(){const t={};return this.varSpace.forEach((n,r)=>{t[r]=n}),t}}class ED{constructor(){fe(this,"renderMode","normal"),fe(this,"components",{}),fe(this,"storeManager",new _D),fe(this,"variableManager",new OD),fe(this,"runtimeComponentCache",new Map),fe(this,"onGetRef"),fe(this,"onGetComponent"),fe(this,"onComponentMount"),fe(this,"onComponentDestroy"),fe(this,"processNodeConfigHook")}getComponent(t){var n;const r=t.value.componentName;let o=wD(r,this.components);return gD(o)||(o=vD(o),this.components[r]=o),this.onGetComponent&&(o=(n=this.onGetComponent)==null?void 0:n.call(this,o,t)),o}getContext(t={},n){let r=t;return n&&(r={...t},r.__proto__=n||null),r}pageRender(t,{components:n,onGetRef:r,$$context:o={},onGetComponent:a,onComponentMount:i,onComponentDestroy:s,renderMode:l,processNodeConfigHook:c}){this.renderMode=l,this.components=n,this.onGetRef=r,this.onGetComponent=a,this.onComponentMount=i,this.onComponentDestroy=s,this.processNodeConfigHook=c;const u=t.value.componentsTree,f=this.getComponent(u),d=this.convertModelToComponent(f,t.value.componentsTree),h={},v=u.props;return Object.keys(v).forEach(g=>{h[g]=v[g].value}),h.$$context=o,this.render(d,h)}transformProps(t={},{$$context:n}){const r=t,o=i=>{if(Array.isArray(i))return i.map(s=>o(s));if(Rc(i))return o(i.value);if(D6(i)){const s=i.value,l=s.value;if(!l)return console.warn("slot value is null, this maybe cause some error, pls check it",t),()=>{};const c=u=>{const f=`${u.id}-${ds}`;if(this.runtimeComponentCache.get(u.id))return{key:f,component:this.runtimeComponentCache.get(u.id)};const d=this.getComponent(u),h=this.convertModelToComponent(d,u),v=s.params||[];return{component:(...g)=>{const m=Zg(g,v),y=this.getContext({params:m},n);return this.render(h,{$$context:y,key:f})},key:f}};if(Array.isArray(l)){const u=l==null?void 0:l.map(f=>c(f));return(...f)=>u.map(d=>{if(pD(d.component)){const h=d.component;return b.createElement(h,{$$context:n,key:d.key})}else{const h=d.component;return h==null?void 0:h(...f)}})}else return c(l).component}else{if(Mr(i))return po(i.value,n||{});if(A6(i))return mD(i.value,n,this.storeManager);if(ea(i)){let s=i;Rc(i)&&(s=i.value);const l=s,c={};return Object.keys(s).forEach(u=>{c[u]=o(l[u])}),c}else return i}},a={};return Object.keys(r).forEach(i=>{const s=r[i];a[i]=o(s)}),a}collectSpecialProps(t={},n){const r=[],o=(a,i)=>{let s=i;Rc(i)&&(s=i.value),n(s)?r.push({keyPath:a,val:s}):Zo(s)?s.forEach((l,c)=>{o([...a,String(c)],l)}):ea(s)&&Object.keys(s).forEach(l=>{o([...a,l],s[l])})};return o(["$root"],t),r}convertModelToComponent(t,n){const r=this;class o extends b.Component{constructor(i){super(i),fe(this,"_CONDITION",!0),fe(this,"_DESIGN_BOX",!1),fe(this,"_NODE_MODEL",n),fe(this,"_NODE_ID",n.id),fe(this,"UNIQUE_ID",`${n.id}_${Vn()}`),fe(this,"targetComponentRef"),fe(this,"listenerHandle",[]),fe(this,"storeState"),fe(this,"storeListenDisposeList",[]),fe(this,"domHeader"),fe(this,"mediaStyleDomMap",{}),fe(this,"variableSpace"),fe(this,"nodeName"),fe(this,"updateState",u=>{this.storeState.setState(u),this.forceUpdate()}),fe(this,"getStyleDomById",u=>{const f=this.mediaStyleDomMap;let d=f[u];return d||(d=document.createElement("style"),f[u]=d),d.id=u,d}),fe(this,"addMediaCSS",()=>{var u;let f=this.domHeader;if(f||(f=(u=document.getElementsByTagName("head"))==null?void 0:u[0],this.domHeader=f),!this.domHeader)return;const d=this._NODE_MODEL.value.css;d&&d.value.forEach(h=>{var v;const g=`${this.UNIQUE_ID}_${h.state}`;let m=kc(this._NODE_MODEL);if(h.state!=="normal"&&(m=`${m}:${h.state}`),h.text){const y=this.getStyleDomById(g);y.innerText=`.${m} { ${h.text} }`,f==null||f.appendChild(y)}(v=h.media)!=null&&v.length&&h.media.forEach(y=>{const w=`${g}_${y.type}_${y.value}`,_=this.getStyleDomById(w);_.media=`screen and (${y.type}:${y.value}px)`,_.innerHTML=`.${m} { ${y.text} }`,f==null||f.appendChild(_)})})}),fe(this,"removeMediaCSS",()=>{const u=this.mediaStyleDomMap;Object.keys(u).forEach(f=>{var d;(d=this.domHeader)==null||d.removeChild(u[f])}),this.mediaStyleDomMap={}}),fe(this,"rebuildNode",()=>{this.storeListenDisposeList.forEach(u=>u()),this.removeMediaCSS(),this.connectStore(),this.addMediaCSS(),this.forceUpdate()}),this.targetComponentRef=b.createRef(),this.state=n.value.state||{};const s=n.value.nodeName||n.id;this.nodeName=s;const l=r.storeManager.getStore(s);l?(this.storeState=l,l.setState({...n.value.state||{}})):this.storeState=r.storeManager.addStore(s,()=>({...n.value.state||{}})),this.storeState.subscribe(u=>{this.setState({...u})}),this.connectStore();const c=r.variableManager.get(s);c?this.variableSpace=c:(this.variableSpace={staticVar:{},methods:{}},r.variableManager.add(s,this.variableSpace))}connectStore(){const i=r.collectSpecialProps(n.props,f=>!!Mr(f)),s=r.collectSpecialProps({css:n.value.css,class:n.value.classNames},f=>!!Mr(f));let l=[];[...i,...s].map(f=>{const d=f.val,h=[/\$\$context.stateManager\.(.+?)\./gim,/\$\$context.stateManager\["(.+?)"\]/gim,/\$\$context.stateManager\['(.+?)'\]/gim,/getStateObj\('(.+?)'\)/gim,/getStateObj\("(.+?)"\)/gim,/getStateById\('(.+?)'\)/gim,/getStateById\("(.+?)"\)/gim],v=bD(d.value,h);l=[...l,...v]}).filter(Boolean);const c=Array.from(new Set(l)),u=[];c.length&&c.forEach(f=>{r.storeManager.getStore(f)||(r.storeManager.addStore(f,()=>({})),console.warn(r.storeManager,f,"not exits"));const d=r.storeManager.connect(f,()=>{this.forceUpdate()});u.push(d)}),this.storeListenDisposeList=u}componentDidMount(){var i;this.addMediaCSS(),r.onGetRef&&r.onGetRef(this.targetComponentRef,n,this),(i=r.onComponentMount)==null||i.call(r,this,n);const s=()=>{r.storeManager.setStore(n.value.nodeName||n.id,this.storeState),this.storeState.setState({...this.state,...n.value.state||{}}),this.rebuildNode()};n.onChange(s)}componentWillUnmount(){var i;this.storeListenDisposeList.forEach(s=>s()),this.removeMediaCSS(),(i=r.onComponentDestroy)==null||i.call(r,this,n)}render(){var i;const{$$context:s,...l}=this.props,c=n.value.nodeName||n.id,u={key:n.id,...n.props,...l},f={state:this.state||{},staticVar:this.variableSpace.staticVar,updateState:this.updateState,storeManager:r.storeManager,getState:()=>r.storeManager.getStateObj(c),getStateObj:()=>r.storeManager.getStateObj(c),getStateObjById:P=>r.storeManager.getStateObj(P),stateManager:r.storeManager.getStateSnapshot(),getMethods:()=>r.variableManager.get(c).methods,getMethodsById:P=>r.variableManager.get(P).methods,getStaticVar:()=>r.variableManager.get(c).staticVar,getStaticVarById:P=>r.variableManager.get(P).staticVar};n.value.componentName===da.ROOT_CONTAINER&&(f.globalState=this.state,f.updateGlobalState=this.updateState);const d=r.getContext(f,s),h=r.transformProps({methods:n.value.methods},{$$context:d}).methods.reduce((P,k)=>(P[k.name]=k.define,P),{});d.methods=h,this.variableSpace.methods=Object.assign(this.variableSpace.methods,h);const v=n.value.loop;let g=[];if(v&&v.open){this.targetComponentRef.current=[];let P=v.data||[];if(Mr(v.data)){const k=v.data;P=po(k.value,d||{})}return g=P.map((...k)=>{var D;const B=k[1],F=[v.forName||"item",v.forIndex||"index"],W=Zg(k,F);let L="loopData";v.name&&(L=`${L}${v.name}`);const G=r.getContext({[L]:W},d),Y=r.transformProps(u,{$$context:G}),pe=((D=n.value.classNames)==null?void 0:D.map(j=>{var V;const ee=j.name;return Mr(j.status)&&po(String(((V=j.status)==null?void 0:V.value)||""),G)?ee:""}))||[];let I=`${Y.className??""} ${pe.join(" ")}`.trim();n.value.css&&(I=`${kc(n)} ${I}`.trim()),Y.className=I;const $=r.transformProps({style:n.value.style},{$$context:G});n.value.style&&(Y.style=ev($.style||[]));const{children:R}=Y;let N=[];if(R!==void 0)delete Y.children,N=Array.isArray(R)?R:[R];else{const j=[];n.value.children.forEach((V,ee)=>{const J=r.buildComponent(V,{$$context:G,idx:ee});j.push(J)}),N=j}if(Y.key=`${Y.key}-${B}`,Mr(v.key)){const j=v.key,V=po(j.value,G||{});Y.key+=`-${V}`}return Y.ref=j=>{this.targetComponentRef.current=this.targetComponentRef.current||[],this.targetComponentRef.current[B]=j},r.render(t,Y,...N)}),g}const m=r.transformProps(u,{$$context:d}),{children:y}=m;let w=[];if(y!==void 0)delete m.children,w=Array.isArray(y)?y:[y];else{const P=[];n.value.children.forEach((k,D)=>{const B=r.buildComponent(k,{$$context:d,idx:D});P.push(B)}),w=P}m.ref=this.targetComponentRef;const _=((i=n.value.classNames)==null?void 0:i.map(P=>{var k;const D=P.name;return Mr(P.status)&&po(((k=P.status)==null?void 0:k.value)||"",d)?D:""}))||[];let S=`${m.className??""} ${_.join(" ")}`.trim();n.value.css&&(S=`${kc(n)} ${S}`.trim()),m.className=S;const x=r.transformProps({style:n.value.style},{$$context:d});n.value.style&&(m.style=ev(x.style||[]));let C=n.value.condition??!0;typeof C!="boolean"&&(C=po(C.value,d||{}));let O={condition:C,props:m};r.processNodeConfigHook&&(O=r.processNodeConfigHook(O,n));const T=r.render(t,O.props,...w);return this._CONDITION=O.condition,O.condition?T:p("div",{style:{display:"none"},children:T})}}return fe(o,"__CP_TYPE__",ds),o.displayName=`${n.value.componentName}Dynamic`,o}buildComponent(t,{$$context:n={}}){const r=this.runtimeComponentCache;return typeof t=="string"?this.render(t):j6(t)?(({currentNode:o})=>{const a=o.value.id;let i=null;if(r.get(a)){const c=r.get(a);i=c==null?void 0:c.component}else{const c=this.getComponent(o);i=this.convertModelToComponent(c,o),!r.get(a)&&this.renderMode!=="design"&&r.set(a,{component:i})}const s=`${a}-${ds}`,l={$$context:n,$$nodeModel:t,key:s};return this.render(i,l)})({currentNode:t}):void 0}render(t,n={},...r){return typeof t=="string"||typeof t=="number"?String(t):(SD.forEach(o=>{o in n&&t.__CP_TYPE__!==ds&&delete n[o]}),b.createElement(t,n,...r))}clear(){this.runtimeComponentCache.clear(),this.storeManager.destroy()}}bP(new ED);const RD=["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","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"];var $D=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function TD(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var fx={exports:{}},Hl={};/**
  * @license React
  * react-jsx-runtime.production.min.js
  *
@@ -145,7 +145,7 @@ return $$_run_$$();
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var PD=b,kD=Symbol.for("react.element"),ND=Symbol.for("react.fragment"),MD=Object.prototype.hasOwnProperty,AD=PD.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,jD={key:!0,ref:!0,__self:!0,__source:!0};function dx(e,t,n){var r,o={},a=null,i=null;n!==void 0&&(a=""+n),t.key!==void 0&&(a=""+t.key),t.ref!==void 0&&(i=t.ref);for(r in t)MD.call(t,r)&&!jD.hasOwnProperty(r)&&(o[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps,t)o[r]===void 0&&(o[r]=t[r]);return{$$typeof:kD,type:e,key:a,ref:i,props:o,_owner:AD.current}}Hl.Fragment=ND;Hl.jsx=dx;Hl.jsxs=dx;fx.exports=Hl;var DD=fx.exports;const ID=DD.jsx,fr=e=>{const t={};return e.forEach(n=>{t[n.key]=n.value}),t},LD=[...RD,...x6],BD=LD.reduce((e,t)=>(e[t]=({children:n,$$attributes:r=[],...o})=>{let a=n;return Array.isArray(n)||(a=[n]),b.createElement(t,{...o,...fr(r)},...a)},e),{}),FD=({children:e,width:t,height:n,$$attributes:r=[],...o})=>{let a=e;Array.isArray(e)||(a=[e]),a=a.filter(c=>c!==void 0);const{style:i={},...s}=fr(r),l={height:n,width:t,...i,...o.style||{}};return React.createElement("div",{...o,...s,style:l},...a)},zD=({afterMount:e,beforeDestroy:t,$$attributes:n=[],...r})=>(b.useEffect(()=>(e==null||e(r),()=>{t==null||t(r)}),[]),p("canvas",{...r,...fr(n)})),HD=({children:e,$$attributes:t=[],...n})=>{let r=e;return Array.isArray(e)||(r=[e]),React.createElement("img",{...n,...fr(t)},...r)},VD=({children:e,$$attributes:t=[],...n})=>{let r=e;return Array.isArray(e)||(r=[e]),React.createElement("video",{...n,...fr(t)},...r)},UD=({children:e,$$attributes:t=[],...n})=>{let r=e;return Array.isArray(e)||(r=[e]),React.createElement("audio",{...n,...fr(t)},...r)},WD=({$$attributes:e=[],content:t,...n})=>p("span",{...n,...fr(e),children:t}),GD=({children:e,$$attributes:t=[],afterMount:n,beforeDestroy:r,...o})=>{let a=e;return Array.isArray(e)||(a=[e]),b.useEffect(()=>(n==null||n(o),()=>{r==null||r(o)}),[]),ID("div",{...o,...fr(t),children:a})},KD=({children:e,$$attributes:t=[],htmlTag:n="div",...r})=>{let o=e;Array.isArray(e)||(o=[e]);const{style:a={},...i}=fr(t),s={...a,...r.style||{}};return b.createElement(n,{...r,...i,style:s},...o)},qD={RootContainer:({children:e})=>e,...BD,CContainer:GD,CVideo:VD,CAudio:UD,CBlock:FD,CImage:HD,CText:WD,CCanvas:zD,CNativeTag:KD};class XD{constructor(){fe(this,"refMap",new Map)}get(t){return this.refMap.get(t)}add(t,n){this.refMap.set(t,n)}remove(t){this.refMap.delete(t)}destroy(){this.refMap.clear()}}class YD extends b.Component{constructor(t){super(t),fe(this,"refManager"),fe(this,"dynamicComponentInstanceMap",new Map),fe(this,"onGetRef",(n,r,o)=>{var a,i;(i=(a=this.props).onGetRef)==null||i.call(a,n,r,o),this.dynamicComponentInstanceMap.set(r.id,o),this.refManager.add(r.value.refId||r.id,n)}),fe(this,"rerender",n=>{if(this.props.adapter.clear(),(n==null?void 0:n.nodeType)==="PAGE"&&n)this.setState({pageModel:n});else if(ea(n)&&D1(n)){const r=n;this.setState({pageModel:new ol(r,{materials:this.state.pageModel.materialsModel.rawValue})})}}),this.state={pageModel:t.pageModel||new ol(t.page)},this.refManager=new XD}getPageModel(){return this.state.pageModel}componentDidMount(){const{render:t}=this.props;t&&(t.ref.current=this)}componentWillUnmount(){this.refManager.destroy()}render(){const{props:t}=this,{adapter:n,onGetComponent:r,onComponentDestroy:o,onComponentMount:a}=t,{pageModel:i}=this.state;if(!i)return console.warn("pageModel is null"),null;const s={...qD,...t.components},l=this.props.$$context??{};return l.refs=this.refManager,n.pageRender(i,{libs:{},components:s,onGetRef:this.onGetRef,onGetComponent:r,onComponentMount:a,onComponentDestroy:o,$$context:l,renderMode:t.renderMode,processNodeConfigHook:t.processNodeConfigHook})}}class JD extends b.Component{constructor(t){super(t),fe(this,"onDoubleClick",()=>{this.setState({hasError:!1,error:null})}),this.state={hasError:!1,error:""}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,n){var r,o;(o=(r=this.props).onError)==null||o.call(r,n)}render(){if(this.state.hasError){const{onDoubleClick:t}=this,n=this.props.node.value;console.error(this.props.node,this.props.children);const r=A("div",{style:{backgroundColor:"rgb(255 206 215 / 13%)",padding:"5px",color:"#ff0000b0",textAlign:"center",fontSize:"12px"},children:["Render error, node id: ",n.id,", node name：",n.title," component name：",n.title||n.componentName,A("p",{children:["msg: ",String(this.state.error)]}),p("button",{onDoubleClick:t,style:{border:"1px solid rgba(100,100,100,0.1)",backgroundColor:"#fff",padding:"5px 10px",borderRadius:"2px",color:"gray",cursor:"pointer",marginTop:"5px"},children:"double click to refresh"}),p("div",{style:{display:"none"}})]});return b.createElement(this.props.targetComponent,{onlyRenderChild:!0},r)}return this.props.children}}class QD{constructor(){fe(this,"instanceMap",new Map)}get(t){return this.instanceMap.get(t)}add(t,n){const r=this.instanceMap.get(t);r?r.push(n):this.instanceMap.set(t,[n])}remove(t,n){const r=this.instanceMap.get(t);if(n!==void 0&&Array.isArray(r)){const o=r.filter(a=>a!==n);this.instanceMap.set(t,o)}else this.instanceMap.delete(t)}destroy(){this.instanceMap.clear()}}const ZD=e=>{const{node:t}=e,n=b.useMemo(()=>{const s=t.isContainer();return ea(s)?s:{placeholder:"Drag the component to place it",width:"100%",height:"100%",style:{}}},[e.node]),{placeholder:r,height:o,width:a,style:i}=n;return p("div",{style:{margin:0,padding:0,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",width:a,height:o,...i},children:r})};class iie extends b.Component{constructor(t){super(t),fe(this,"instanceManager",new QD),fe(this,"renderRef"),fe(this,"dropPlaceholder",ZD),fe(this,"_components",{}),fe(this,"onGetComponent",(n,r)=>{var o,a;const i=this;let s=n;const l=(a=(o=r.material)==null?void 0:o.value.advanceCustom)==null?void 0:a.wrapComponent;l&&(s=l(n,{node:r,ctx:window.__C_ENGINE_DESIGNER_PLUGIN_CTX__}));class c extends b.Component{constructor(){super(...arguments),fe(this,"_DESIGN_BOX",!0),fe(this,"_NODE_MODEL",r),fe(this,"_NODE_ID",r.id),fe(this,"_UNIQUE_ID",`${r.id}_${Vn()}`),fe(this,"_STATUS")}componentDidMount(){i.instanceManager.add(r.id,this)}componentWillUnmount(){this._STATUS="DESTROY",i.instanceManager.remove(r.id,this)}render(){var f,d;const{children:h=[],onlyRenderChild:v,...g}=this.props;let m=h;if(Zo(h)||(m=[h]),!m.filter(Boolean).length&&(r.isContainer()||r.value.componentName===da.ROOT_CONTAINER)){const y=(d=(f=r.material)==null?void 0:f.value.advanceCustom)==null?void 0:d.dropPlaceholder;m.push(b.createElement(y||i.dropPlaceholder,{node:r}))}return v?m:b.createElement(s,g,...m)}}return b.forwardRef(function(u,f){return p(JD,{node:r,targetComponent:c,children:b.createElement(c,{ref:f,...u})})})}),this.updateComponents(this.props.components),this.renderRef=b.createRef(),t.dropPlaceholder&&(this.dropPlaceholder=t.dropPlaceholder)}updateComponents(t={}){this._components=Object.assign(this._components,t),this.forceUpdate()}componentDidMount(){var t,n;this.updateComponents(this.props.components),(n=(t=this.props).onMount)==null||n.call(t,this)}getPageModel(){var t;return(t=this.renderRef.current)==null?void 0:t.state.pageModel}rerender(t){var n;return(n=this.renderRef.current)==null?void 0:n.rerender(t)}getInstancesById(t,n){let r=[...this.instanceManager.get(t)||[]];return n!==void 0&&(r=r.filter(o=>n===(o==null?void 0:o._UNIQUE_ID))),r}getInstanceByDom(t){const n=hx(t);if(!n)return null;const r=px(n);return(r==null?void 0:r.stateNode)||null}getDomsById(t,n){const r=this.getInstancesById(t),o=[];return r==null||r.forEach(a=>{var i;if((a==null?void 0:a._STATUS)==="DESTROY")return;const s=O2.findDOMNode(a);if(s&&!(s instanceof Text))if(n){const l=Array.from(((i=s.querySelectorAll)==null?void 0:i.call(s,n))||[]);o.push(...l)}else o.push(s)}),o}getDomRectById(t,n){return this.getDomsById(t,n).map(r=>r==null?void 0:r.getBoundingClientRect()).filter(Boolean)}render(){const{props:t,onGetComponent:n}=this,{render:r,...o}=t;return r&&(r.ref.current=this),p(YD,{onGetComponent:n,...o,components:this._components,processNodeConfigHook:(a,i)=>{var s,l;if(i.nodeType!=="NODE")return a;const{props:c,condition:u}=a;let f={...c};const d=((s=i.value.configure)==null?void 0:s.devState)||{},h=(l=i.material)==null?void 0:l.value.fixedProps;if(h!==void 0){if(ea(h))f={...f,...h};else if(typeof h=="function"){const g=h(f);f={...f,...g}}}let v=u;return d.condition===!1&&(v=d.condition),{props:hD(f,d.props||{}),condition:v}},ref:this.renderRef})}}const hx=e=>{if(!e)return null;const t=Object.keys(e).find(n=>n.startsWith("__reactInternalInstance$")||n.startsWith("__reactFiber$"))||"";return t?e[t]:hx(e.parentElement)},px=e=>{var t;return e?(t=e==null?void 0:e.stateNode)!=null&&t._DESIGN_BOX?e:px(e.return):null};var gx={exports:{}};(function(e,t){(function(n,r){e.exports=r()})($D,function(){var n=function(){},r={},o={},a={};function i(d,h){d=d.push?d:[d];var v=[],g=d.length,m=g,y,w,_,S;for(y=function(x,C){C.length&&v.push(x),m--,m||h(v)};g--;){if(w=d[g],_=o[w],_){y(w,_);continue}S=a[w]=a[w]||[],S.push(y)}}function s(d,h){if(d){var v=a[d];if(o[d]=h,!!v)for(;v.length;)v[0](d,h),v.splice(0,1)}}function l(d,h){d.call&&(d={success:d}),h.length?(d.error||n)(h):(d.success||n)(d)}function c(d,h,v,g){var m=document,y=v.async,w=(v.numRetries||0)+1,_=v.before||n,S=d.replace(/[\?|#].*$/,""),x=d.replace(/^(css|img|module|nomodule)!/,""),C,O,T;if(g=g||0,/(^css!|\.css$)/.test(S))T=m.createElement("link"),T.rel="stylesheet",T.href=x,C="hideFocus"in T,C&&T.relList&&(C=0,T.rel="preload",T.as="style");else if(/(^img!|\.(png|gif|jpg|svg|webp)$)/.test(S))T=m.createElement("img"),T.src=x;else if(T=m.createElement("script"),T.src=x,T.async=y===void 0?!0:y,O="noModule"in T,/^module!/.test(S)){if(!O)return h(d,"l");T.type="module"}else if(/^nomodule!/.test(S)&&O)return h(d,"l");T.onload=T.onerror=T.onbeforeload=function(P){var k=P.type[0];if(C)try{T.sheet.cssText.length||(k="e")}catch(D){D.code!=18&&(k="e")}if(k=="e"){if(g+=1,g<w)return c(d,h,v,g)}else if(T.rel=="preload"&&T.as=="style")return T.rel="stylesheet";h(d,k,P.defaultPrevented)},_(d,T)!==!1&&m.head.appendChild(T)}function u(d,h,v){d=d.push?d:[d];var g=d.length,m=g,y=[],w,_;for(w=function(S,x,C){if(x=="e"&&y.push(S),x=="b")if(C)y.push(S);else return;g--,g||h(y)},_=0;_<m;_++)c(d[_],w,v)}function f(d,h,v){var g,m;if(h&&h.trim&&(g=h),m=(g?v:h)||{},g){if(g in r)throw"LoadJS";r[g]=!0}function y(w,_){u(d,function(S){l(m,S),w&&l({success:w,error:_},S),s(g,S)},m)}if(m.returnPromise)return new Promise(y);y()}return f.ready=function(d,h){return i(d,function(v){l(h,v)}),f},f.done=function(d){s(d,[])},f.reset=function(){r={},o={},a={}},f.isDefined=function(d){return d in r},f})})(gx);var eI=gx.exports;const nv=TD(eI);class tI{constructor(t,n){fe(this,"assets"),fe(this,"loadStatus"),fe(this,"win",window),fe(this,"_onSuccessList",[]),fe(this,"_onErrorList",[]),this.assets=JSON.parse(JSON.stringify(t||[])),this.loadStatus="INIT",n!=null&&n.window&&(this.win=n.window)}load(){const t=this.assets||[],n=[];for(let r=0;r<t.length;r++){const o=t[r];o.id||(o.id=Vn()),n.push(o.id);const a=o.resources.map(i=>i.src);a.length&&nv(a,o.id,{async:!1,before:(i,s)=>(this.win.document.body.appendChild(s),!1)})}return new Promise((r,o)=>{if(t.length===0){this._onSuccessList.forEach(a=>a()),r("");return}nv.ready(n,{success:()=>{this._onSuccessList.forEach(a=>a()),r("")},error:a=>{this._onErrorList.forEach(i=>i(a)),o(a)}})})}onSuccess(t){return this._onSuccessList.push(t),this}onError(t){return this._onErrorList.push(t),this}}const vx=async({iframe:e})=>{const t=e.getWindow();t&&(t.React=window.React,t.ReactDOM=window.ReactDOM,t.ReactDOMClient=window.ReactDOMClient)},mx=e=>async({iframe:n,assets:r,page:o,pageModel:a,ready:i,renderJSUrl:s})=>{await n.injectJS(s||"");const l=n.getWindow(),c=n.getDocument(),u=l.React,f=l.ReactDOMClient,d=l.CRender,h=o||(a==null?void 0:a.export());if(!h){console.log("page schema is empty");return}const v=qy([...r,...h.assets||[]]);new d.AssetLoader(v,{window:n.getWindow()}).onSuccess(()=>{const m=cx(v,l),y=ux(m),w=xD(m,h.thirdLibs||[]),_=u==null?void 0:u.createElement(d.DesignRender,{adapter:d==null?void 0:d.ReactAdapter,page:o,pageModel:a,components:{...y,...e},$$context:{thirdLibs:w},onMount:S=>{i(S)}});f.createRoot(c.getElementById("app")).render(_)}).onError(()=>{console.log("资源加载出错")}).load()};var bx={exports:{}};(function(e,t){(function(n,r){e.exports=r()})(Wa,function(){function n(S,x){if(!(S instanceof x))throw new TypeError("Cannot call a class as a function")}function r(S,x){for(var C=0;C<x.length;C++){var O=x[C];O.enumerable=O.enumerable||!1,O.configurable=!0,"value"in O&&(O.writable=!0),Object.defineProperty(S,O.key,O)}}function o(S,x,C){return x&&r(S.prototype,x),C&&r(S,C),S}function a(S,x,C){return x in S?Object.defineProperty(S,x,{value:C,enumerable:!0,configurable:!0,writable:!0}):S[x]=C,S}function i(S,x){var C=Object.keys(S);if(Object.getOwnPropertySymbols){var O=Object.getOwnPropertySymbols(S);x&&(O=O.filter(function(T){return Object.getOwnPropertyDescriptor(S,T).enumerable})),C.push.apply(C,O)}return C}function s(S){for(var x=1;x<arguments.length;x++){var C=arguments[x]!=null?arguments[x]:{};x%2?i(Object(C),!0).forEach(function(O){a(S,O,C[O])}):Object.getOwnPropertyDescriptors?Object.defineProperties(S,Object.getOwnPropertyDescriptors(C)):i(Object(C)).forEach(function(O){Object.defineProperty(S,O,Object.getOwnPropertyDescriptor(C,O))})}return S}function l(S){return function(x){if(Array.isArray(x))return u(x)}(S)||function(x){if(typeof Symbol<"u"&&Symbol.iterator in Object(x))return Array.from(x)}(S)||c(S)||function(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+ */var PD=b,kD=Symbol.for("react.element"),ND=Symbol.for("react.fragment"),MD=Object.prototype.hasOwnProperty,AD=PD.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,jD={key:!0,ref:!0,__self:!0,__source:!0};function dx(e,t,n){var r,o={},a=null,i=null;n!==void 0&&(a=""+n),t.key!==void 0&&(a=""+t.key),t.ref!==void 0&&(i=t.ref);for(r in t)MD.call(t,r)&&!jD.hasOwnProperty(r)&&(o[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps,t)o[r]===void 0&&(o[r]=t[r]);return{$$typeof:kD,type:e,key:a,ref:i,props:o,_owner:AD.current}}Hl.Fragment=ND;Hl.jsx=dx;Hl.jsxs=dx;fx.exports=Hl;var DD=fx.exports;const ID=DD.jsx,fr=e=>{const t={};return e.forEach(n=>{t[n.key]=n.value}),t},LD=[...RD,...x6],BD=LD.reduce((e,t)=>(e[t]=({children:n,$$attributes:r=[],...o})=>{let a=n;return Array.isArray(n)||(a=[n]),b.createElement(t,{...o,...fr(r)},...a)},e),{}),FD=({children:e,width:t,height:n,$$attributes:r=[],...o})=>{let a=e;Array.isArray(e)||(a=[e]),a=a.filter(c=>c!==void 0);const{style:i={},...s}=fr(r),l={height:n,width:t,...i,...o.style||{}};return React.createElement("div",{...o,...s,style:l},...a)},zD=({afterMount:e,beforeDestroy:t,$$attributes:n=[],...r})=>(b.useEffect(()=>(e==null||e(r),()=>{t==null||t(r)}),[]),p("canvas",{...r,...fr(n)})),HD=({children:e,$$attributes:t=[],...n})=>{let r=e;return Array.isArray(e)||(r=[e]),React.createElement("img",{...n,...fr(t)},...r)},VD=({children:e,$$attributes:t=[],...n})=>{let r=e;return Array.isArray(e)||(r=[e]),React.createElement("video",{...n,...fr(t)},...r)},UD=({children:e,$$attributes:t=[],...n})=>{let r=e;return Array.isArray(e)||(r=[e]),React.createElement("audio",{...n,...fr(t)},...r)},WD=({$$attributes:e=[],content:t,...n})=>p("span",{...n,...fr(e),children:t}),GD=({children:e,$$attributes:t=[],afterMount:n,beforeDestroy:r,...o})=>{let a=e;return Array.isArray(e)||(a=[e]),b.useEffect(()=>(n==null||n(o),()=>{r==null||r(o)}),[]),ID("div",{...o,...fr(t),children:a})},KD=({children:e,$$attributes:t=[],htmlTag:n="div",...r})=>{let o=e;Array.isArray(e)||(o=[e]);const{style:a={},...i}=fr(t),s={...a,...r.style||{}};return b.createElement(n,{...r,...i,style:s},...o)},qD={RootContainer:({children:e})=>e,...BD,CContainer:GD,CVideo:VD,CAudio:UD,CBlock:FD,CImage:HD,CText:WD,CCanvas:zD,CNativeTag:KD};class XD{constructor(){fe(this,"refMap",new Map)}get(t){return this.refMap.get(t)}add(t,n){this.refMap.set(t,n)}remove(t){this.refMap.delete(t)}destroy(){this.refMap.clear()}}class YD extends b.Component{constructor(t){super(t),fe(this,"refManager"),fe(this,"dynamicComponentInstanceMap",new Map),fe(this,"onGetRef",(n,r,o)=>{var a,i;(i=(a=this.props).onGetRef)==null||i.call(a,n,r,o),this.dynamicComponentInstanceMap.set(r.id,o),this.refManager.add(r.value.refId||r.id,n)}),fe(this,"rerender",n=>{if(this.props.adapter.clear(),(n==null?void 0:n.nodeType)==="PAGE"&&n)this.setState({pageModel:n});else if(ea(n)&&D1(n)){const r=n;this.setState({pageModel:new ol(r,{materials:this.state.pageModel.materialsModel.rawValue})})}}),this.state={pageModel:t.pageModel||new ol(t.page)},this.refManager=new XD}getPageModel(){return this.state.pageModel}componentDidMount(){const{render:t}=this.props;t&&(t.ref.current=this)}componentWillUnmount(){this.refManager.destroy()}render(){const{props:t}=this,{adapter:n,onGetComponent:r,onComponentDestroy:o,onComponentMount:a}=t,{pageModel:i}=this.state;if(!i)return console.warn("pageModel is null"),null;const s={...qD,...t.components},l=this.props.$$context??{};return l.refs=this.refManager,n.pageRender(i,{libs:{},components:s,onGetRef:this.onGetRef,onGetComponent:r,onComponentMount:a,onComponentDestroy:o,$$context:l,renderMode:t.renderMode,processNodeConfigHook:t.processNodeConfigHook})}}class JD extends b.Component{constructor(t){super(t),fe(this,"onDoubleClick",()=>{this.setState({hasError:!1,error:null})}),this.state={hasError:!1,error:""}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,n){var r,o;(o=(r=this.props).onError)==null||o.call(r,n)}render(){if(this.state.hasError){const{onDoubleClick:t}=this,n=this.props.node.value;console.error(this.props.node,this.props.children);const r=A("div",{style:{backgroundColor:"rgb(255 206 215 / 13%)",padding:"5px",color:"#ff0000b0",textAlign:"center",fontSize:"12px"},children:["Render error, node id: ",n.id,", node name：",n.title," component name：",n.title||n.componentName,A("p",{children:["msg: ",String(this.state.error)]}),p("button",{onDoubleClick:t,style:{border:"1px solid rgba(100,100,100,0.1)",backgroundColor:"#fff",padding:"5px 10px",borderRadius:"2px",color:"gray",cursor:"pointer",marginTop:"5px"},children:"double click to refresh"}),p("div",{style:{display:"none"}})]});return b.createElement(this.props.targetComponent,{onlyRenderChild:!0},r)}return this.props.children}}class QD{constructor(){fe(this,"instanceMap",new Map)}get(t){return this.instanceMap.get(t)}add(t,n){const r=this.instanceMap.get(t);r?r.push(n):this.instanceMap.set(t,[n])}remove(t,n){const r=this.instanceMap.get(t);if(n!==void 0&&Array.isArray(r)){const o=r.filter(a=>a!==n);this.instanceMap.set(t,o)}else this.instanceMap.delete(t)}destroy(){this.instanceMap.clear()}}const ZD=e=>{const{node:t}=e,n=b.useMemo(()=>{const s=t.isContainer();return ea(s)?s:{placeholder:"Drag the component to place it",width:"100%",height:"100%",style:{}}},[e.node]),{placeholder:r,height:o,width:a,style:i}=n;return p("div",{style:{margin:0,padding:0,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",width:a,height:o,...i},children:r})};class iie extends b.Component{constructor(t){super(t),fe(this,"instanceManager",new QD),fe(this,"renderRef"),fe(this,"dropPlaceholder",ZD),fe(this,"_components",{}),fe(this,"onGetComponent",(n,r)=>{var o,a;const i=this;let s=n;const l=(a=(o=r.material)==null?void 0:o.value.advanceCustom)==null?void 0:a.wrapComponent;l&&(s=l(n,{node:r,ctx:window.__C_ENGINE_DESIGNER_PLUGIN_CTX__}));class c extends b.Component{constructor(){super(...arguments),fe(this,"_DESIGN_BOX",!0),fe(this,"_NODE_MODEL",r),fe(this,"_NODE_ID",r.id),fe(this,"_UNIQUE_ID",`${r.id}_${Vn()}`),fe(this,"_STATUS")}componentDidMount(){i.instanceManager.add(r.id,this)}componentWillUnmount(){this._STATUS="DESTROY",i.instanceManager.remove(r.id,this)}render(){var f,d;const{children:h=[],onlyRenderChild:v,...g}=this.props;let m=h;if(Zo(h)||(m=[h]),!m.filter(Boolean).length&&(r.isContainer()||r.value.componentName===da.ROOT_CONTAINER)){const y=(d=(f=r.material)==null?void 0:f.value.advanceCustom)==null?void 0:d.dropPlaceholder;m.push(b.createElement(y||i.dropPlaceholder,{node:r}))}return v?m:b.createElement(s,g,...m)}}return b.forwardRef(function(u,f){return p(JD,{node:r,targetComponent:c,children:b.createElement(c,{ref:f,...u})})})}),this.updateComponents(this.props.components),this.renderRef=b.createRef(),t.dropPlaceholder&&(this.dropPlaceholder=t.dropPlaceholder)}updateComponents(t={}){this._components=Object.assign(this._components,t),this.forceUpdate()}componentDidMount(){var t,n;this.updateComponents(this.props.components),(n=(t=this.props).onMount)==null||n.call(t,this)}getPageModel(){var t;return(t=this.renderRef.current)==null?void 0:t.state.pageModel}rerender(t){var n;return(n=this.renderRef.current)==null?void 0:n.rerender(t)}getInstancesById(t,n){let r=[...this.instanceManager.get(t)||[]];return n!==void 0&&(r=r.filter(o=>n===(o==null?void 0:o._UNIQUE_ID))),r}getInstanceByDom(t){const n=hx(t);if(!n)return null;const r=px(n);return(r==null?void 0:r.stateNode)||null}getDomsById(t,n){const r=this.getInstancesById(t),o=[];return r==null||r.forEach(a=>{var i;if((a==null?void 0:a._STATUS)==="DESTROY")return;const s=O2.findDOMNode(a);if(s&&!(s instanceof Text))if(n){const l=Array.from(((i=s.querySelectorAll)==null?void 0:i.call(s,n))||[]);o.push(...l)}else o.push(s)}),o}getDomRectById(t,n){return this.getDomsById(t,n).map(r=>r==null?void 0:r.getBoundingClientRect()).filter(Boolean)}render(){const{props:t,onGetComponent:n}=this,{render:r,...o}=t;return r&&(r.ref.current=this),p(YD,{onGetComponent:n,...o,components:this._components,processNodeConfigHook:(a,i)=>{var s,l;if(i.nodeType!=="NODE")return a;const{props:c,condition:u}=a;let f={...c};const d=((s=i.value.configure)==null?void 0:s.devState)||{},h=(l=i.material)==null?void 0:l.value.fixedProps;if(h!==void 0){if(ea(h))f={...f,...h};else if(typeof h=="function"){const g=h(f);f={...f,...g}}}let v=u;return d.condition===!1&&(v=d.condition),{props:hD(f,d.props||{}),condition:v}},ref:this.renderRef})}}const hx=e=>{if(!e)return null;const t=Object.keys(e).find(n=>n.startsWith("__reactInternalInstance$")||n.startsWith("__reactFiber$"))||"";return t?e[t]:hx(e.parentElement)},px=e=>{var t;return e?(t=e==null?void 0:e.stateNode)!=null&&t._DESIGN_BOX?e:px(e.return):null};var gx={exports:{}};(function(e,t){(function(n,r){e.exports=r()})($D,function(){var n=function(){},r={},o={},a={};function i(d,h){d=d.push?d:[d];var v=[],g=d.length,m=g,y,w,_,S;for(y=function(x,C){C.length&&v.push(x),m--,m||h(v)};g--;){if(w=d[g],_=o[w],_){y(w,_);continue}S=a[w]=a[w]||[],S.push(y)}}function s(d,h){if(d){var v=a[d];if(o[d]=h,!!v)for(;v.length;)v[0](d,h),v.splice(0,1)}}function l(d,h){d.call&&(d={success:d}),h.length?(d.error||n)(h):(d.success||n)(d)}function c(d,h,v,g){var m=document,y=v.async,w=(v.numRetries||0)+1,_=v.before||n,S=d.replace(/[\?|#].*$/,""),x=d.replace(/^(css|img|module|nomodule)!/,""),C,O,T;if(g=g||0,/(^css!|\.css$)/.test(S))T=m.createElement("link"),T.rel="stylesheet",T.href=x,C="hideFocus"in T,C&&T.relList&&(C=0,T.rel="preload",T.as="style");else if(/(^img!|\.(png|gif|jpg|svg|webp)$)/.test(S))T=m.createElement("img"),T.src=x;else if(T=m.createElement("script"),T.src=x,T.async=y===void 0?!0:y,O="noModule"in T,/^module!/.test(S)){if(!O)return h(d,"l");T.type="module"}else if(/^nomodule!/.test(S)&&O)return h(d,"l");T.onload=T.onerror=T.onbeforeload=function(P){var k=P.type[0];if(C)try{T.sheet.cssText.length||(k="e")}catch(D){D.code!=18&&(k="e")}if(k=="e"){if(g+=1,g<w)return c(d,h,v,g)}else if(T.rel=="preload"&&T.as=="style")return T.rel="stylesheet";h(d,k,P.defaultPrevented)},_(d,T)!==!1&&m.head.appendChild(T)}function u(d,h,v){d=d.push?d:[d];var g=d.length,m=g,y=[],w,_;for(w=function(S,x,C){if(x=="e"&&y.push(S),x=="b")if(C)y.push(S);else return;g--,g||h(y)},_=0;_<m;_++)c(d[_],w,v)}function f(d,h,v){var g,m;if(h&&h.trim&&(g=h),m=(g?v:h)||{},g){if(g in r)throw"LoadJS";r[g]=!0}function y(w,_){u(d,function(S){l(m,S),w&&l({success:w,error:_},S),s(g,S)},m)}if(m.returnPromise)return new Promise(y);y()}return f.ready=function(d,h){return i(d,function(v){l(h,v)}),f},f.done=function(d){s(d,[])},f.reset=function(){r={},o={},a={}},f.isDefined=function(d){return d in r},f})})(gx);var eI=gx.exports;const nv=TD(eI);class tI{constructor(t,n){fe(this,"assets"),fe(this,"loadStatus"),fe(this,"win",window),fe(this,"_onSuccessList",[]),fe(this,"_onErrorList",[]),this.assets=JSON.parse(JSON.stringify(t||[])),this.loadStatus="INIT",n!=null&&n.window&&(this.win=n.window)}load(t){const n=this.assets||[],r=[];for(let o=0;o<n.length;o++){const a=n[o];a.id||(a.id=Vn()),r.push(a.id);const i=a.resources.map(s=>s.src);i.length&&nv(i,a.id,{async:(t==null?void 0:t.async)??!1,before:(s,l)=>(this.win.document.body.appendChild(l),!1)})}return new Promise((o,a)=>{if(n.length===0){this._onSuccessList.forEach(i=>i()),o("");return}nv.ready(r,{success:()=>{this._onSuccessList.forEach(i=>i()),o("")},error:i=>{this._onErrorList.forEach(s=>s(i)),a(i)}})})}onSuccess(t){return this._onSuccessList.push(t),this}onError(t){return this._onErrorList.push(t),this}}const vx=async({iframe:e})=>{const t=e.getWindow();t&&(t.React=window.React,t.ReactDOM=window.ReactDOM,t.ReactDOMClient=window.ReactDOMClient)},mx=e=>async({iframe:n,assets:r,page:o,pageModel:a,ready:i,renderJSUrl:s})=>{await n.injectJS(s||"");const l=n.getWindow(),c=n.getDocument(),u=l.React,f=l.ReactDOMClient,d=l.CRender,h=o||(a==null?void 0:a.export());if(!h){console.log("page schema is empty");return}const v=qy([...r,...h.assets||[]]);new d.AssetLoader(v,{window:n.getWindow()}).onSuccess(()=>{const m=cx(v,l),y=ux(m),w=xD(m,h.thirdLibs||[]),_=u==null?void 0:u.createElement(d.DesignRender,{adapter:d==null?void 0:d.ReactAdapter,page:o,pageModel:a,components:{...y,...e},$$context:{thirdLibs:w},onMount:S=>{i(S)}});f.createRoot(c.getElementById("app")).render(_)}).onError(()=>{console.log("资源加载出错")}).load()};var bx={exports:{}};(function(e,t){(function(n,r){e.exports=r()})(Wa,function(){function n(S,x){if(!(S instanceof x))throw new TypeError("Cannot call a class as a function")}function r(S,x){for(var C=0;C<x.length;C++){var O=x[C];O.enumerable=O.enumerable||!1,O.configurable=!0,"value"in O&&(O.writable=!0),Object.defineProperty(S,O.key,O)}}function o(S,x,C){return x&&r(S.prototype,x),C&&r(S,C),S}function a(S,x,C){return x in S?Object.defineProperty(S,x,{value:C,enumerable:!0,configurable:!0,writable:!0}):S[x]=C,S}function i(S,x){var C=Object.keys(S);if(Object.getOwnPropertySymbols){var O=Object.getOwnPropertySymbols(S);x&&(O=O.filter(function(T){return Object.getOwnPropertyDescriptor(S,T).enumerable})),C.push.apply(C,O)}return C}function s(S){for(var x=1;x<arguments.length;x++){var C=arguments[x]!=null?arguments[x]:{};x%2?i(Object(C),!0).forEach(function(O){a(S,O,C[O])}):Object.getOwnPropertyDescriptors?Object.defineProperties(S,Object.getOwnPropertyDescriptors(C)):i(Object(C)).forEach(function(O){Object.defineProperty(S,O,Object.getOwnPropertyDescriptor(C,O))})}return S}function l(S){return function(x){if(Array.isArray(x))return u(x)}(S)||function(x){if(typeof Symbol<"u"&&Symbol.iterator in Object(x))return Array.from(x)}(S)||c(S)||function(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function c(S,x){if(S){if(typeof S=="string")return u(S,x);var C=Object.prototype.toString.call(S).slice(8,-1);return C==="Object"&&S.constructor&&(C=S.constructor.name),C==="Map"||C==="Set"?Array.from(S):C==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(C)?u(S,x):void 0}}function u(S,x){(x==null||x>S.length)&&(x=S.length);for(var C=0,O=new Array(x);C<x;C++)O[C]=S[C];return O}function f(S){if(typeof Symbol>"u"||S[Symbol.iterator]==null){if(Array.isArray(S)||(S=c(S))){var x=0,C=function(){};return{s:C,n:function(){return x>=S.length?{done:!0}:{done:!1,value:S[x++]}},e:function(D){throw D},f:C}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var O,T,P=!0,k=!1;return{s:function(){O=S[Symbol.iterator]()},n:function(){var D=O.next();return P=D.done,D},e:function(D){k=!0,T=D},f:function(){try{P||O.return==null||O.return()}finally{if(k)throw T}}}}var d={};d[d.Fatal=0]="Fatal",d[d.Error=0]="Error",d[d.Warn=1]="Warn",d[d.Log=2]="Log",d[d.Info=3]="Info",d[d.Success=3]="Success",d[d.Debug=4]="Debug",d[d.Trace=5]="Trace",d[d.Silent=-1/0]="Silent",d[d.Verbose=1/0]="Verbose";var h={silent:{level:-1},fatal:{level:d.Fatal},error:{level:d.Error},warn:{level:d.Warn},log:{level:d.Log},info:{level:d.Info},success:{level:d.Success},debug:{level:d.Debug},trace:{level:d.Trace},verbose:{level:d.Trace},ready:{level:d.Info},start:{level:d.Info}};function v(S){return x=S,Object.prototype.toString.call(x)==="[object Object]"&&!(!S.message&&!S.args)&&!S.stack;var x}var g=!1,m=[],y=function(){function S(){var x=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};for(var C in n(this,S),this._reporters=x.reporters||[],this._types=x.types||h,this.level=x.level!==void 0?x.level:3,this._defaults=x.defaults||{},this._async=x.async!==void 0?x.async:void 0,this._stdout=x.stdout,this._stderr=x.stderr,this._mockFn=x.mockFn,this._throttle=x.throttle||1e3,this._throttleMin=x.throttleMin||5,this._types){var O=s(s({type:C},this._types[C]),this._defaults);this[C]=this._wrapLogFn(O),this[C].raw=this._wrapLogFn(O,!0)}this._mockFn&&this.mockTypes(),this._lastLogSerialized=void 0,this._lastLog=void 0,this._lastLogTime=void 0,this._lastLogCount=0,this._throttleTimeout=void 0}return o(S,[{key:"create",value:function(x){return new S(Object.assign({reporters:this._reporters,level:this.level,types:this._types,defaults:this._defaults,stdout:this._stdout,stderr:this._stderr,mockFn:this._mockFn},x))}},{key:"withDefaults",value:function(x){return this.create({defaults:Object.assign({},this._defaults,x)})}},{key:"withTag",value:function(x){return this.withDefaults({tag:this._defaults.tag?this._defaults.tag+":"+x:x})}},{key:"addReporter",value:function(x){return this._reporters.push(x),this}},{key:"removeReporter",value:function(x){if(x){var C=this._reporters.indexOf(x);if(C>=0)return this._reporters.splice(C,1)}else this._reporters.splice(0);return this}},{key:"setReporters",value:function(x){return this._reporters=Array.isArray(x)?x:[x],this}},{key:"wrapAll",value:function(){this.wrapConsole(),this.wrapStd()}},{key:"restoreAll",value:function(){this.restoreConsole(),this.restoreStd()}},{key:"wrapConsole",value:function(){for(var x in this._types)console["__"+x]||(console["__"+x]=console[x]),console[x]=this[x].raw}},{key:"restoreConsole",value:function(){for(var x in this._types)console["__"+x]&&(console[x]=console["__"+x],delete console["__"+x])}},{key:"wrapStd",value:function(){this._wrapStream(this.stdout,"log"),this._wrapStream(this.stderr,"log")}},{key:"_wrapStream",value:function(x,C){var O=this;x&&(x.__write||(x.__write=x.write),x.write=function(T){O[C].raw(String(T).trim())})}},{key:"restoreStd",value:function(){this._restoreStream(this.stdout),this._restoreStream(this.stderr)}},{key:"_restoreStream",value:function(x){x&&x.__write&&(x.write=x.__write,delete x.__write)}},{key:"pauseLogs",value:function(){g=!0}},{key:"resumeLogs",value:function(){g=!1;var x,C=f(m.splice(0));try{for(C.s();!(x=C.n()).done;){var O=x.value;O[0]._logFn(O[1],O[2])}}catch(T){C.e(T)}finally{C.f()}}},{key:"mockTypes",value:function(x){if(this._mockFn=x||this._mockFn,typeof this._mockFn=="function")for(var C in this._types)this[C]=this._mockFn(C,this._types[C])||this[C],this[C].raw=this[C]}},{key:"_wrapLogFn",value:function(x,C){var O=this;return function(){for(var T=arguments.length,P=new Array(T),k=0;k<T;k++)P[k]=arguments[k];if(!g)return O._logFn(x,P,C);m.push([O,x,P,C])}}},{key:"_logFn",value:function(x,C,O){var T=this;if(x.level>this.level)return!!this._async&&Promise.resolve(!1);var P=Object.assign({date:new Date,args:[]},x);!O&&C.length===1&&v(C[0])?Object.assign(P,C[0]):P.args=Array.from(C),P.message&&(P.args.unshift(P.message),delete P.message),P.additional&&(Array.isArray(P.additional)||(P.additional=P.additional.split(`
 `)),P.args.push(`
@@ -325,5 +325,5 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 ctx.font = "48px serif";
                 ctx.fillText("Hello Canvas", 10, 50);
               }
-              `}}}}]},{title:"HTML 标签",componentName:"CNativeTag",props:[{name:"htmlTag",title:"标签名",valueType:"string",setters:[{componentName:"SelectSetter",props:{options:De.HTMl_TAGS.map(e=>({name:e,value:e}))}}]},rr],isContainer:!0,groupName:"原子组件",snippets:[{title:"HTML",snapshotText:"HTML",category:"基础组件",schema:{props:{htmlTag:"div"}}}]}],oie=[...rie,...nie];class S2 extends b.Component{constructor(n){super(n);H(this,"currentSelectNode");H(this,"pluginManager");H(this,"workbenchRef",b.createRef());H(this,"pageSchema");H(this,"pageModel");H(this,"material");H(this,"emitter");H(this,"assetsPackageListManager");H(this,"updatePage",n=>{this.pageModel.updatePage(n)});H(this,"updateMaterials",async(n,r,o)=>{const a=await this.pluginManager.get("Designer"),i=a==null?void 0:a.export;this.pluginManager.assetsPackageListManager.setList(r),this.pageModel.assetPackagesList=this.pluginManager.assetsPackageListManager.getList();const s=i==null?void 0:i.getDesignerWindow();if(!s){console.warn("subWin not exits");return}await new tI(r,s).load();const c=cx(r,s);let u=ux(c);o!=null&&o.formatComponents&&(u=o.formatComponents(u)),i==null||i.updateRenderComponents(u),this.pageModel.materialsModel.addMaterials(n),this.emitter.emit("updateMaterials")});H(this,"refresh",async()=>{this.pageModel.reloadPage(this.pageModel.export("design"))});H(this,"getWorkbench",()=>this.workbenchRef.current);this.pageSchema=n.schema,this.material=n.material,this.currentSelectNode=null,window.__CHAMELEON_ENG__=this,this.assetsPackageListManager=new hP(n.assetPackagesList||[]);try{this.pageModel=new De.CPage(this.pageSchema,{materials:this.material||[],assetPackagesList:n.assetPackagesList||[]})}catch(r){console.error(r),this.pageModel=new De.CPage(De.EmptyPage)}this.emitter=qs()}updateCurrentSelectNode(n){this.currentSelectNode=n,this.emitter.emit("onSelectNodeChange",{node:n})}async componentDidMount(){var a,i,s,l,c,u;window.__C_ENGINE__=this;const n=this.props.plugins,r=new nL({engine:this,getWorkbench:()=>this.workbenchRef.current,emitter:this.emitter,pageModel:this.pageModel,i18n:Ox,assetsPackageListManager:this.assetsPackageListManager});this.pluginManager=r,r.customPlugin("Designer",f=>(f.ctx.config.beforeInitRender=vx,f.ctx.config.customRender=mx(this.props.components||{}),f.ctx.config.components=this.props.components,f)),(i=(a=this.props).beforePluginRun)==null||i.call(a,{pluginManager:this.pluginManager});const o=n.map(f=>this.pluginManager.add(f));(l=(s=this.props).onMount)==null||l.call(s,{pluginManager:this.pluginManager,engine:this}),await Promise.all(o),this.pageModel.emitter.on("onReloadPage",()=>{var d;if(!this.currentSelectNode)return;const f=this.pageModel.getNode((d=this.currentSelectNode)==null?void 0:d.id);f&&this.updateCurrentSelectNode(f)}),(u=(c=this.props).onReady)==null||u.call(c,{pluginManager:this.pluginManager,engine:this})}getActiveNode(){var r;if(!((r=this.currentSelectNode)!=null&&r.id))return null;const n=this.pageModel.getNode(this.currentSelectNode.id)??null;return this.currentSelectNode=n,n}render(){return p("div",{className:Ge([iI.engineContainer,this.props.className]),style:this.props.style,children:p(oI,{ref:this.workbenchRef,emitter:this.emitter})})}}H(S2,"version","0.0.39");exports.Engine=S2;exports.InnerComponentMeta=oie;exports.LOGGER=dn;exports.beforeInitRender=vx;exports.formatCSSTextProperty=pd;exports.formatCssToNodeVal=Gy;exports.formatNodeValToEditor=Ky;exports.formatStyleProperty=Bu;exports.getColorFromStr=Fu;exports.getDefaultRender=mx;exports.parseBoxShadowString=Ls;exports.plugins=tie;exports.registerCustomSetter=nB;exports.styleArr2Obj=Vy;exports.styleList2Text=Wy;exports.styleObjToArr=Uy;exports.waitReactUpdate=Bn;Object.keys(br).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>br[e]})});
+              `}}}}]},{title:"HTML 标签",componentName:"CNativeTag",props:[{name:"htmlTag",title:"标签名",valueType:"string",setters:[{componentName:"SelectSetter",props:{options:De.HTMl_TAGS.map(e=>({name:e,value:e}))}}]},rr],isContainer:!0,groupName:"原子组件",snippets:[{title:"HTML",snapshotText:"HTML",category:"基础组件",schema:{props:{htmlTag:"div"}}}]}],oie=[...rie,...nie];class S2 extends b.Component{constructor(n){super(n);H(this,"currentSelectNode");H(this,"pluginManager");H(this,"workbenchRef",b.createRef());H(this,"pageSchema");H(this,"pageModel");H(this,"material");H(this,"emitter");H(this,"assetsPackageListManager");H(this,"updatePage",n=>{this.pageModel.updatePage(n)});H(this,"updateMaterials",async(n,r,o)=>{const a=await this.pluginManager.get("Designer"),i=a==null?void 0:a.export;this.pluginManager.assetsPackageListManager.setList(r),this.pageModel.assetPackagesList=this.pluginManager.assetsPackageListManager.getList();const s=i==null?void 0:i.getDesignerWindow();if(!s){console.warn("subWin not exits");return}await new tI(r,s).load();const c=cx(r,s);let u=ux(c);o!=null&&o.formatComponents&&(u=o.formatComponents(u)),i==null||i.updateRenderComponents(u),this.pageModel.materialsModel.addMaterials(n),this.emitter.emit("updateMaterials")});H(this,"refresh",async()=>{this.pageModel.reloadPage(this.pageModel.export("design"))});H(this,"getWorkbench",()=>this.workbenchRef.current);this.pageSchema=n.schema,this.material=n.material,this.currentSelectNode=null,window.__CHAMELEON_ENG__=this,this.assetsPackageListManager=new hP(n.assetPackagesList||[]);try{this.pageModel=new De.CPage(this.pageSchema,{materials:this.material||[],assetPackagesList:n.assetPackagesList||[]})}catch(r){console.error(r),this.pageModel=new De.CPage(De.EmptyPage)}this.emitter=qs()}updateCurrentSelectNode(n){this.currentSelectNode=n,this.emitter.emit("onSelectNodeChange",{node:n})}async componentDidMount(){var a,i,s,l,c,u;window.__C_ENGINE__=this;const n=this.props.plugins,r=new nL({engine:this,getWorkbench:()=>this.workbenchRef.current,emitter:this.emitter,pageModel:this.pageModel,i18n:Ox,assetsPackageListManager:this.assetsPackageListManager});this.pluginManager=r,r.customPlugin("Designer",f=>(f.ctx.config.beforeInitRender=vx,f.ctx.config.customRender=mx(this.props.components||{}),f.ctx.config.components=this.props.components,f)),(i=(a=this.props).beforePluginRun)==null||i.call(a,{pluginManager:this.pluginManager});const o=n.map(f=>this.pluginManager.add(f));(l=(s=this.props).onMount)==null||l.call(s,{pluginManager:this.pluginManager,engine:this}),await Promise.all(o),this.pageModel.emitter.on("onReloadPage",()=>{var d;if(!this.currentSelectNode)return;const f=this.pageModel.getNode((d=this.currentSelectNode)==null?void 0:d.id);f&&this.updateCurrentSelectNode(f)}),(u=(c=this.props).onReady)==null||u.call(c,{pluginManager:this.pluginManager,engine:this})}getActiveNode(){var r;if(!((r=this.currentSelectNode)!=null&&r.id))return null;const n=this.pageModel.getNode(this.currentSelectNode.id)??null;return this.currentSelectNode=n,n}render(){return p("div",{className:Ge([iI.engineContainer,this.props.className]),style:this.props.style,children:p(oI,{ref:this.workbenchRef,emitter:this.emitter})})}}H(S2,"version","0.0.41");exports.Engine=S2;exports.InnerComponentMeta=oie;exports.LOGGER=dn;exports.beforeInitRender=vx;exports.formatCSSTextProperty=pd;exports.formatCssToNodeVal=Gy;exports.formatNodeValToEditor=Ky;exports.formatStyleProperty=Bu;exports.getColorFromStr=Fu;exports.getDefaultRender=mx;exports.parseBoxShadowString=Ls;exports.plugins=tie;exports.registerCustomSetter=nB;exports.styleArr2Obj=Vy;exports.styleList2Text=Wy;exports.styleObjToArr=Uy;exports.waitReactUpdate=Bn;Object.keys(br).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>br[e]})});
 //# sourceMappingURL=index.js.map