@chamn/engine 0.0.40 → 0.0.41

package/dist/index.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.40");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