@chamn/engine 0.2.1 → 0.2.3

package/dist/index.cjs

@@ -371,11 +371,11 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       0 -6px 16px 0 rgba(0, 0, 0, 0.08),
       0 -3px 6px -4px rgba(0, 0, 0, 0.12),
       0 -9px 28px 8px rgba(0, 0, 0, 0.05)
-    `,boxShadowTabsOverflowLeft:"inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)",boxShadowTabsOverflowRight:"inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)",boxShadowTabsOverflowTop:"inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)",boxShadowTabsOverflowBottom:"inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)"}),n)}var EC=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r};const dT={lineHeight:!0,lineHeightSM:!0,lineHeightLG:!0,lineHeightHeading1:!0,lineHeightHeading2:!0,lineHeightHeading3:!0,lineHeightHeading4:!0,lineHeightHeading5:!0,opacityLoading:!0,fontWeightStrong:!0,zIndexPopupBase:!0,zIndexBase:!0,opacityImage:!0},qJ={size:!0,sizeSM:!0,sizeLG:!0,sizeMD:!0,sizeXS:!0,sizeXXS:!0,sizeMS:!0,sizeXL:!0,sizeXXL:!0,sizeUnit:!0,sizeStep:!0,motionBase:!0,motionUnit:!0},UJ={screenXS:!0,screenXSMin:!0,screenXSMax:!0,screenSM:!0,screenSMMin:!0,screenSMMax:!0,screenMD:!0,screenMDMin:!0,screenMDMax:!0,screenLG:!0,screenLGMin:!0,screenLGMax:!0,screenXL:!0,screenXLMin:!0,screenXLMax:!0,screenXXL:!0,screenXXLMin:!0},hT=(e,t,r)=>{const n=r.getDerivativeToken(e),{override:o}=t,a=EC(t,["override"]);let i=Object.assign(Object.assign({},n),{override:o});return i=fT(i),a&&Object.entries(a).forEach(s=>{let[l,u]=s;const{theme:c}=u,f=EC(u,["theme"]);let d=f;c&&(d=hT(Object.assign(Object.assign({},i),f),{override:f},c)),i[l]=d}),i};function Nm(){const{token:e,hashed:t,theme:r,override:n,cssVar:o}=m.useContext(iT),a=`${VJ}-${t||""}`,i=r||aT,[s,l,u]=RY(i,[Pi,e],{salt:a,override:n,getComputedToken:hT,formatToken:fT,cssVar:o&&{prefix:o.prefix,key:o.key,unitless:dT,ignore:qJ,preserve:UJ}});return[i,u,t?l:"",s,o]}const GJ=function(e){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return{boxSizing:"border-box",margin:0,padding:0,color:e.colorText,fontSize:e.fontSize,lineHeight:e.lineHeight,listStyle:"none",fontFamily:t?"inherit":e.fontFamily}},WJ=()=>({display:"inline-flex",alignItems:"center",color:"inherit",fontStyle:"normal",lineHeight:0,textAlign:"center",textTransform:"none",verticalAlign:"-0.125em",textRendering:"optimizeLegibility","-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale","> *":{lineHeight:1},svg:{display:"inline-block"}}),KJ=e=>({a:{color:e.colorLink,textDecoration:e.linkDecoration,backgroundColor:"transparent",outline:"none",cursor:"pointer",transition:`color ${e.motionDurationSlow}`,"-webkit-text-decoration-skip":"objects","&:hover":{color:e.colorLinkHover},"&:active":{color:e.colorLinkActive},"&:active, &:hover":{textDecoration:e.linkHoverDecoration,outline:0},"&:focus":{textDecoration:e.linkFocusDecoration,outline:0},"&[disabled]":{color:e.colorTextDisabled,cursor:"not-allowed"}}}),XJ=(e,t,r,n)=>{const o=`[class^="${t}"], [class*=" ${t}"]`,a=r?`.${r}`:o,i={boxSizing:"border-box","&::before, &::after":{boxSizing:"border-box"}};let s={};return n!==!1&&(s={fontFamily:e.fontFamily,fontSize:e.fontSize}),{[a]:Object.assign(Object.assign(Object.assign({},s),i),{[o]:i})}},pT=(e,t)=>{const[r,n]=Nm();return og({theme:r,token:n,hashId:"",path:["ant-design-icons",e],nonce:()=>t==null?void 0:t.nonce,layer:{name:"antd"}},()=>[{[`.${e}`]:Object.assign(Object.assign({},WJ()),{[`.${e} .${e}-icon`]:{display:"block"}})}])},{genStyleHooks:YJ,genComponentStyleHook:LZ,genSubStyleComponent:$Z}=zJ({usePrefix:()=>{const{getPrefixCls:e,iconPrefixCls:t}=m.useContext(aa);return{rootPrefixCls:e(),iconPrefixCls:t}},useToken:()=>{const[e,t,r,n,o]=Nm();return{theme:e,realToken:t,hashId:r,token:n,cssVar:o}},useCSP:()=>{const{csp:e,iconPrefixCls:t}=m.useContext(aa);return pT(t,e),e??{}},getResetStyles:e=>[{"&":KJ(e)}],getCommonStyle:XJ,getCompUnitless:()=>dT}),JJ=Object.assign({},U),{useId:RC}=JJ,QJ=()=>"",ZJ=typeof RC>"u"?QJ:RC;function eQ(e,t,r){var n,o;const a=uu("ConfigProvider"),i=e||{},s=i.inherit===!1||!t?Object.assign(Object.assign({},ig),{hashed:(n=t==null?void 0:t.hashed)!==null&&n!==void 0?n:ig.hashed,cssVar:t==null?void 0:t.cssVar}):t,l=ZJ();if("{}".NODE_ENV!=="production"){const u=i.cssVar||s.cssVar,c=!!(typeof i.cssVar=="object"&&(!((o=i.cssVar)===null||o===void 0)&&o.key)||l);"{}".NODE_ENV!=="production"&&a(!u||c,"breaking","Missing key in `cssVar` config. Please upgrade to React 18 or set `cssVar.key` manually in each ConfigProvider inside `cssVar` enabled ConfigProvider.")}return g_(()=>{var u,c;if(!e)return t;const f=Object.assign({},s.components);Object.keys(e.components||{}).forEach(p=>{f[p]=Object.assign(Object.assign({},f[p]),e.components[p])});const d=`css-var-${l.replace(/:/g,"")}`,h=((u=i.cssVar)!==null&&u!==void 0?u:s.cssVar)&&Object.assign(Object.assign(Object.assign({prefix:r==null?void 0:r.prefixCls},typeof s.cssVar=="object"?s.cssVar:{}),typeof i.cssVar=="object"?i.cssVar:{}),{key:typeof i.cssVar=="object"&&((c=i.cssVar)===null||c===void 0?void 0:c.key)||d});return Object.assign(Object.assign(Object.assign({},s),i),{token:Object.assign(Object.assign({},s.token),i.token),components:f,cssVar:h})},[i,s],(u,c)=>u.some((f,d)=>{const h=c[d];return!JX(f,h,!0)}))}function OC(e){return e instanceof HTMLElement||e instanceof SVGElement}function tQ(e){return e&&_e(e)==="object"&&OC(e.nativeElement)?e.nativeElement:OC(e)?e:null}function rQ(e){var t=tQ(e);if(t)return t;if(e instanceof m.Component){var r;return(r=wr.findDOMNode)===null||r===void 0?void 0:r.call(wr,e)}return null}var nQ=["children"],gT=U.createContext({});function oQ(e){var t=e.children,r=qo(e,nQ);return U.createElement(gT.Provider,{value:r},t)}var aQ=function(e){jn(r,e);var t=iu(r);function r(){return pt(this,r),t.apply(this,arguments)}return gt(r,[{key:"render",value:function(){return this.props.children}}]),r}(U.Component);function iQ(e){var t=U.useReducer(function(s){return s+1},0),r=be(t,2),n=r[1],o=U.useRef(e),a=ug(function(){return o.current}),i=ug(function(s){o.current=typeof s=="function"?s(o.current):s,n()});return[a,i]}var yn="none",Ps="appear",Ms="enter",Ns="leave",TC="none",yr="prepare",Fo="start",zo="active",Am="end",vT="prepared";function jC(e,t){var r={};return r[e.toLowerCase()]=t.toLowerCase(),r["Webkit".concat(e)]="webkit".concat(t),r["Moz".concat(e)]="moz".concat(t),r["ms".concat(e)]="MS".concat(t),r["O".concat(e)]="o".concat(t.toLowerCase()),r}function sQ(e,t){var r={animationend:jC("Animation","AnimationEnd"),transitionend:jC("Transition","TransitionEnd")};return e&&("AnimationEvent"in t||delete r.animationend.animation,"TransitionEvent"in t||delete r.transitionend.transition),r}var lQ=sQ(un(),typeof window<"u"?window:{}),mT={};if(un()){var uQ=document.createElement("div");mT=uQ.style}var As={};function yT(e){if(As[e])return As[e];var t=lQ[e];if(t)for(var r=Object.keys(t),n=r.length,o=0;o<n;o+=1){var a=r[o];if(Object.prototype.hasOwnProperty.call(t,a)&&a in mT)return As[e]=t[a],As[e]}return""}var bT=yT("animationend"),xT=yT("transitionend"),wT=!!(bT&&xT),PC=bT||"animationend",MC=xT||"transitionend";function NC(e,t){if(!e)return null;if(_e(e)==="object"){var r=t.replace(/-\w/g,function(n){return n[1].toUpperCase()});return e[r]}return"".concat(e,"-").concat(t)}const cQ=function(e){var t=m.useRef();function r(o){o&&(o.removeEventListener(MC,e),o.removeEventListener(PC,e))}function n(o){t.current&&t.current!==o&&r(t.current),o&&o!==t.current&&(o.addEventListener(MC,e),o.addEventListener(PC,e),t.current=o)}return U.useEffect(function(){return function(){r(t.current)}},[]),[n,r]};var ST=un()?m.useLayoutEffect:m.useEffect,CT=function(t){return+setTimeout(t,16)},_T=function(t){return clearTimeout(t)};typeof window<"u"&&"requestAnimationFrame"in window&&(CT=function(t){return window.requestAnimationFrame(t)},_T=function(t){return window.cancelAnimationFrame(t)});var AC=0,fu=new Map;function ET(e){fu.delete(e)}var yl=function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1;AC+=1;var n=AC;function o(a){if(a===0)ET(n),t();else{var i=CT(function(){o(a-1)});fu.set(n,i)}}return o(r),n};yl.cancel=function(e){var t=fu.get(e);return ET(e),_T(t)};"{}".NODE_ENV!=="production"&&(yl.ids=function(){return fu});const fQ=function(){var e=U.useRef(null);function t(){yl.cancel(e.current)}function r(n){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:2;t();var a=yl(function(){o<=1?n({isCanceled:function(){return a!==e.current}}):r(n,o-1)});e.current=a}return U.useEffect(function(){return function(){t()}},[]),[r,t]};var dQ=[yr,Fo,zo,Am],hQ=[yr,vT],RT=!1,pQ=!0;function OT(e){return e===zo||e===Am}const gQ=function(e,t,r){var n=cg(TC),o=be(n,2),a=o[0],i=o[1],s=fQ(),l=be(s,2),u=l[0],c=l[1];function f(){i(yr,!0)}var d=t?hQ:dQ;return ST(function(){if(a!==TC&&a!==Am){var h=d.indexOf(a),p=d[h+1],g=r(a);g===RT?i(p,!0):p&&u(function(v){function b(){v.isCanceled()||i(p,!0)}g===!0?b():Promise.resolve(g).then(b)})}},[e,a]),U.useEffect(function(){return function(){c()}},[]),[f,a]};function vQ(e,t,r,n){var o=n.motionEnter,a=o===void 0?!0:o,i=n.motionAppear,s=i===void 0?!0:i,l=n.motionLeave,u=l===void 0?!0:l,c=n.motionDeadline,f=n.motionLeaveImmediately,d=n.onAppearPrepare,h=n.onEnterPrepare,p=n.onLeavePrepare,g=n.onAppearStart,v=n.onEnterStart,b=n.onLeaveStart,y=n.onAppearActive,C=n.onEnterActive,x=n.onLeaveActive,S=n.onAppearEnd,_=n.onEnterEnd,E=n.onLeaveEnd,R=n.onVisibleChanged,A=cg(),k=be(A,2),N=k[0],H=k[1],F=iQ(yn),$=be(F,2),I=$[0],q=$[1],T=cg(null),L=be(T,2),V=L[0],D=L[1],M=I(),j=m.useRef(!1),O=m.useRef(null);function B(){return r()}var G=m.useRef(!1);function K(){q(yn),D(null,!0)}var Q=ug(function(Ie){var Te=I();if(Te!==yn){var je=B();if(!(Ie&&!Ie.deadline&&Ie.target!==je)){var Fe=G.current,Tt;Te===Ps&&Fe?Tt=S==null?void 0:S(je,Ie):Te===Ms&&Fe?Tt=_==null?void 0:_(je,Ie):Te===Ns&&Fe&&(Tt=E==null?void 0:E(je,Ie)),Fe&&Tt!==!1&&K()}}}),re=cQ(Q),oe=be(re,1),J=oe[0],xe=function(Te){switch(Te){case Ps:return de(de(de({},yr,d),Fo,g),zo,y);case Ms:return de(de(de({},yr,h),Fo,v),zo,C);case Ns:return de(de(de({},yr,p),Fo,b),zo,x);default:return{}}},W=U.useMemo(function(){return xe(M)},[M]),Oe=gQ(M,!e,function(Ie){if(Ie===yr){var Te=W[yr];return Te?Te(B()):RT}if(Re in W){var je;D(((je=W[Re])===null||je===void 0?void 0:je.call(W,B(),null))||null)}return Re===zo&&M!==yn&&(J(B()),c>0&&(clearTimeout(O.current),O.current=setTimeout(function(){Q({deadline:!0})},c))),Re===vT&&K(),pQ}),ee=be(Oe,2),he=ee[0],Re=ee[1],me=OT(Re);G.current=me,ST(function(){H(t);var Ie=j.current;j.current=!0;var Te;!Ie&&t&&s&&(Te=Ps),Ie&&t&&a&&(Te=Ms),(Ie&&!t&&u||!Ie&&f&&!t&&u)&&(Te=Ns);var je=xe(Te);Te&&(e||je[yr])?(q(Te),he()):q(yn)},[t]),m.useEffect(function(){(M===Ps&&!s||M===Ms&&!a||M===Ns&&!u)&&q(yn)},[s,a,u]),m.useEffect(function(){return function(){j.current=!1,clearTimeout(O.current)}},[]);var bt=U.useRef(!1);m.useEffect(function(){N&&(bt.current=!0),N!==void 0&&M===yn&&((bt.current||N)&&(R==null||R(N)),bt.current=!0)},[N,M]);var nt=V;return W[yr]&&Re===Fo&&(nt=se({transition:"none"},nt)),[M,Re,nt,N??t]}function mQ(e){var t=e;_e(e)==="object"&&(t=e.transitionSupport);function r(o,a){return!!(o.motionName&&t&&a!==!1)}var n=U.forwardRef(function(o,a){var i=o.visible,s=i===void 0?!0:i,l=o.removeOnLeave,u=l===void 0?!0:l,c=o.forceRender,f=o.children,d=o.motionName,h=o.leavedClassName,p=o.eventProps,g=U.useContext(gT),v=g.motion,b=r(o,v),y=m.useRef(),C=m.useRef();function x(){try{return y.current instanceof HTMLElement?y.current:rQ(C.current)}catch{return null}}var S=vQ(b,s,x,o),_=be(S,4),E=_[0],R=_[1],A=_[2],k=_[3],N=U.useRef(k);k&&(N.current=!0);var H=U.useCallback(function(V){y.current=V,UP(a,V)},[a]),F,$=se(se({},p),{},{visible:s});if(!f)F=null;else if(E===yn)k?F=f(se({},$),H):!u&&N.current&&h?F=f(se(se({},$),{},{className:h}),H):c||!u&&!h?F=f(se(se({},$),{},{style:{display:"none"}}),H):F=null;else{var I;R===yr?I="prepare":OT(R)?I="active":R===Fo&&(I="start");var q=NC(d,"".concat(E,"-").concat(I));F=f(se(se({},$),{},{className:wg(NC(d,E),de(de({},q,q&&I),d,typeof d=="string")),style:A}),H)}if(U.isValidElement(F)&&GP(F)){var T=F,L=T.ref;L||(F=U.cloneElement(F,{ref:H}))}return U.createElement(aQ,{ref:C},F)});return n.displayName="CSSMotion",n}const yQ=mQ(wT);var dg="add",hg="keep",pg="remove",Ph="removed";function bQ(e){var t;return e&&_e(e)==="object"&&"key"in e?t=e:t={key:e},se(se({},t),{},{key:String(t.key)})}function gg(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];return e.map(bQ)}function xQ(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],r=[],n=0,o=t.length,a=gg(e),i=gg(t);a.forEach(function(u){for(var c=!1,f=n;f<o;f+=1){var d=i[f];if(d.key===u.key){n<f&&(r=r.concat(i.slice(n,f).map(function(h){return se(se({},h),{},{status:dg})})),n=f),r.push(se(se({},d),{},{status:hg})),n+=1,c=!0;break}}c||r.push(se(se({},u),{},{status:pg}))}),n<o&&(r=r.concat(i.slice(n).map(function(u){return se(se({},u),{},{status:dg})})));var s={};r.forEach(function(u){var c=u.key;s[c]=(s[c]||0)+1});var l=Object.keys(s).filter(function(u){return s[u]>1});return l.forEach(function(u){r=r.filter(function(c){var f=c.key,d=c.status;return f!==u||d!==pg}),r.forEach(function(c){c.key===u&&(c.status=hg)})}),r}var wQ=["component","children","onVisibleChanged","onAllRemoved"],SQ=["status"],CQ=["eventProps","visible","children","motionName","motionAppear","motionEnter","motionLeave","motionLeaveImmediately","motionDeadline","removeOnLeave","leavedClassName","onAppearPrepare","onAppearStart","onAppearActive","onAppearEnd","onEnterStart","onEnterActive","onEnterEnd","onLeaveStart","onLeaveActive","onLeaveEnd"];function _Q(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:yQ,r=function(n){jn(a,n);var o=iu(a);function a(){var i;pt(this,a);for(var s=arguments.length,l=new Array(s),u=0;u<s;u++)l[u]=arguments[u];return i=o.call.apply(o,[this].concat(l)),de(Ht(i),"state",{keyEntities:[]}),de(Ht(i),"removeKey",function(c){var f=i.state.keyEntities,d=f.map(function(h){return h.key!==c?h:se(se({},h),{},{status:Ph})});return i.setState({keyEntities:d}),d.filter(function(h){var p=h.status;return p!==Ph}).length}),i}return gt(a,[{key:"render",value:function(){var s=this,l=this.state.keyEntities,u=this.props,c=u.component,f=u.children,d=u.onVisibleChanged,h=u.onAllRemoved,p=qo(u,wQ),g=c||U.Fragment,v={};return CQ.forEach(function(b){v[b]=p[b],delete p[b]}),delete p.keys,U.createElement(g,p,l.map(function(b,y){var C=b.status,x=qo(b,SQ),S=C===dg||C===hg;return U.createElement(t,tt({},v,{key:x.key,visible:S,eventProps:x,onVisibleChanged:function(E){if(d==null||d(E,{key:x.key}),!E){var R=s.removeKey(x.key);R===0&&h&&h()}}}),function(_,E){return f(se(se({},_),{},{index:y}),E)})}))}}],[{key:"getDerivedStateFromProps",value:function(s,l){var u=s.keys,c=l.keyEntities,f=gg(u),d=xQ(c,f);return{keyEntities:d.filter(function(h){var p=c.find(function(g){var v=g.key;return h.key===v});return!(p&&p.status===Ph&&h.status===pg)})}}}]),a}(U.Component);return de(r,"defaultProps",{component:"div"}),r}_Q(wT);function EQ(e){const{children:t}=e,[,r]=Nm(),{motion:n}=r,o=U.useRef(!1);return o.current=o.current||n===!1,o.current?U.createElement(oQ,{motion:n},t):t}const TT=U.memo(e=>{let{dropdownMatchSelectWidth:t}=e;return uu("ConfigProvider").deprecated(t===void 0,"dropdownMatchSelectWidth","popupMatchSelectWidth"),null});"{}".NODE_ENV!=="production"&&(TT.displayName="PropWarning");const RQ="{}".NODE_ENV!=="production"?TT:()=>null;var OQ=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r};const TQ=["getTargetContainer","getPopupContainer","renderEmpty","input","pagination","form","select","button"];let jT;function jQ(){return jT||sg}function PQ(e){return Object.keys(e).some(t=>t.endsWith("Color"))}const MQ=e=>{const{prefixCls:t,iconPrefixCls:r,theme:n,holderRender:o}=e;t!==void 0&&(jT=t),n&&PQ(n)&&("{}".NODE_ENV!=="production"&&Ki(!1,"ConfigProvider","`config` of css variable theme is not work in v5. Please use new `theme` config instead."),RJ(jQ(),n))},NQ=e=>{const{children:t,csp:r,autoInsertSpaceInButton:n,alert:o,anchor:a,form:i,locale:s,componentSize:l,direction:u,space:c,virtual:f,dropdownMatchSelectWidth:d,popupMatchSelectWidth:h,popupOverflow:p,legacyLocale:g,parentContext:v,iconPrefixCls:b,theme:y,componentDisabled:C,segmented:x,statistic:S,spin:_,calendar:E,carousel:R,cascader:A,collapse:k,typography:N,checkbox:H,descriptions:F,divider:$,drawer:I,skeleton:q,steps:T,image:L,layout:V,list:D,mentions:M,modal:j,progress:O,result:B,slider:G,breadcrumb:K,menu:Q,pagination:re,input:oe,textArea:J,empty:xe,badge:W,radio:Oe,rate:ee,switch:he,transfer:Re,avatar:me,message:bt,tag:nt,table:Ie,card:Te,tabs:je,timeline:Fe,timePicker:Tt,upload:hr,notification:mn,tree:St,colorPicker:Ct,datePicker:Kt,rangePicker:kr,flex:jt,wave:Kr,dropdown:Lt,warning:Xt,tour:oo,floatButtonGroup:Pa,variant:ao,inputNumber:Ma,treeSelect:Nn}=e,An=U.useCallback(($e,qe)=>{const{prefixCls:Et}=e;if(qe)return qe;const Nt=Et||v.getPrefixCls("");return $e?`${Nt}-${$e}`:Nt},[v.getPrefixCls,e.prefixCls]),Pe=b||v.iconPrefixCls||sT,et=r||v.csp;pT(Pe,et);const ot=eQ(y,v.theme,{prefixCls:An("")}),Mt={csp:et,autoInsertSpaceInButton:n,alert:o,anchor:a,locale:s||g,direction:u,space:c,virtual:f,popupMatchSelectWidth:h??d,popupOverflow:p,getPrefixCls:An,iconPrefixCls:Pe,theme:ot,segmented:x,statistic:S,spin:_,calendar:E,carousel:R,cascader:A,collapse:k,typography:N,checkbox:H,descriptions:F,divider:$,drawer:I,skeleton:q,steps:T,image:L,input:oe,textArea:J,layout:V,list:D,mentions:M,modal:j,progress:O,result:B,slider:G,breadcrumb:K,menu:Q,pagination:re,empty:xe,badge:W,radio:Oe,rate:ee,switch:he,transfer:Re,avatar:me,message:bt,tag:nt,table:Ie,card:Te,tabs:je,timeline:Fe,timePicker:Tt,upload:hr,notification:mn,tree:St,colorPicker:Ct,datePicker:Kt,rangePicker:kr,flex:jt,wave:Kr,dropdown:Lt,warning:Xt,tour:oo,floatButtonGroup:Pa,variant:ao,inputNumber:Ma,treeSelect:Nn};"{}".NODE_ENV!=="production"&&uu("ConfigProvider")(!("autoInsertSpaceInButton"in e),"deprecated","`autoInsertSpaceInButton` is deprecated. Please use `{ button: { autoInsertSpace: boolean }}` instead.");const at=Object.assign({},v);Object.keys(Mt).forEach($e=>{Mt[$e]!==void 0&&(at[$e]=Mt[$e])}),TQ.forEach($e=>{const qe=e[$e];qe&&(at[$e]=qe)}),typeof n<"u"&&(at.button=Object.assign({autoInsertSpace:n},at.button));const it=g_(()=>at,at,($e,qe)=>{const Et=Object.keys($e),Nt=Object.keys(qe);return Et.length!==Nt.length||Et.some(or=>$e[or]!==qe[or])}),$t=U.useMemo(()=>({prefixCls:Pe,csp:et}),[Pe,et]);let Be=U.createElement(U.Fragment,null,U.createElement(RQ,{dropdownMatchSelectWidth:d}),t);const _t=U.useMemo(()=>{var $e,qe,Et,Nt;return aJ((($e=cu.Form)===null||$e===void 0?void 0:$e.defaultValidateMessages)||{},((Et=(qe=it.locale)===null||qe===void 0?void 0:qe.Form)===null||Et===void 0?void 0:Et.defaultValidateMessages)||{},((Nt=it.form)===null||Nt===void 0?void 0:Nt.validateMessages)||{},(i==null?void 0:i.validateMessages)||{})},[it,i==null?void 0:i.validateMessages]);Object.keys(_t).length>0&&(Be=U.createElement(sJ.Provider,{value:_t},Be)),s&&(Be=U.createElement(nT,{locale:s,_ANT_MARK__:rT},Be)),(Pe||et)&&(Be=U.createElement(bg.Provider,{value:$t},Be)),l&&(Be=U.createElement(TJ,{size:l},Be)),Be=U.createElement(EQ,null,Be);const Xr=U.useMemo(()=>{const $e=ot||{},{algorithm:qe,token:Et,components:Nt,cssVar:or}=$e,Yr=OQ($e,["algorithm","token","components","cssVar"]),P=qe&&(!Array.isArray(qe)||qe.length>0)?Qp(qe):aT,Y={};Object.entries(Nt||{}).forEach(pe=>{let[Ee,De]=pe;const ve=Object.assign({},De);"algorithm"in ve&&(ve.algorithm===!0?ve.theme=P:(Array.isArray(ve.algorithm)||typeof ve.algorithm=="function")&&(ve.theme=Qp(ve.algorithm)),delete ve.algorithm),Y[Ee]=ve});const te=Object.assign(Object.assign({},Pi),Et);return Object.assign(Object.assign({},Yr),{theme:P,token:te,components:Y,override:Object.assign({override:te},Y),cssVar:or})},[ot]);return y&&(Be=U.createElement(iT.Provider,{value:Xr},Be)),it.warning&&(Be=U.createElement(ZO.Provider,{value:it.warning},Be)),C!==void 0&&(Be=U.createElement(OJ,{disabled:C},Be)),U.createElement(aa.Provider,{value:it},Be)},ja=e=>{const t=U.useContext(aa),r=U.useContext(tT);return U.createElement(NQ,Object.assign({parentContext:t,legacyLocale:r},e))};ja.ConfigContext=aa;ja.SizeContext=Mi;ja.config=MQ;ja.useConfig=jJ;Object.defineProperty(ja,"SizeContext",{get:()=>("{}".NODE_ENV!=="production"&&Ki(!1,"ConfigProvider","ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead."),Mi)});"{}".NODE_ENV!=="production"&&(ja.displayName="ConfigProvider");const AQ=e=>{const{paddingXXS:t,lineWidth:r,tagPaddingHorizontal:n,componentCls:o,calc:a}=e,i=a(n).sub(r).equal(),s=a(t).sub(r).equal();return{[o]:Object.assign(Object.assign({},GJ(e)),{display:"inline-block",height:"auto",marginInlineEnd:e.marginXS,paddingInline:i,fontSize:e.tagFontSize,lineHeight:e.tagLineHeight,whiteSpace:"nowrap",background:e.defaultBg,border:`${vl(e.lineWidth)} ${e.lineType} ${e.colorBorder}`,borderRadius:e.borderRadiusSM,opacity:1,transition:`all ${e.motionDurationMid}`,textAlign:"start",position:"relative",[`&${o}-rtl`]:{direction:"rtl"},"&, a, a:hover":{color:e.defaultColor},[`${o}-close-icon`]:{marginInlineStart:s,fontSize:e.tagIconSize,color:e.colorTextDescription,cursor:"pointer",transition:`all ${e.motionDurationMid}`,"&:hover":{color:e.colorTextHeading}},[`&${o}-has-color`]:{borderColor:"transparent",[`&, a, a:hover, ${e.iconCls}-close, ${e.iconCls}-close:hover`]:{color:e.colorTextLightSolid}},"&-checkable":{backgroundColor:"transparent",borderColor:"transparent",cursor:"pointer",[`&:not(${o}-checkable-checked):hover`]:{color:e.colorPrimary,backgroundColor:e.colorFillSecondary},"&:active, &-checked":{color:e.colorTextLightSolid},"&-checked":{backgroundColor:e.colorPrimary,"&:hover":{backgroundColor:e.colorPrimaryHover}},"&:active":{backgroundColor:e.colorPrimaryActive}},"&-hidden":{display:"none"},[`> ${e.iconCls} + span, > span + ${e.iconCls}`]:{marginInlineStart:i}}),[`${o}-borderless`]:{borderColor:"transparent",background:e.tagBorderlessBg}}},kQ=e=>{const{lineWidth:t,fontSizeIcon:r,calc:n}=e,o=e.fontSizeSM;return Mm(e,{tagFontSize:o,tagLineHeight:vl(n(e.lineHeightSM).mul(o).equal()),tagIconSize:n(r).sub(n(t).mul(2)).equal(),tagPaddingHorizontal:8,tagBorderlessBg:e.defaultBg})},IQ=e=>({defaultBg:new Ft(e.colorFillQuaternary).onBackground(e.colorBgContainer).toHexString(),defaultColor:e.colorText}),DQ=YJ("Tag",e=>{const t=kQ(e);return AQ(t)},IQ);var LQ=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r};const $Q=U.forwardRef((e,t)=>{const{prefixCls:r,style:n,className:o,checked:a,onChange:i,onClick:s}=e,l=LQ(e,["prefixCls","style","className","checked","onChange","onClick"]),{getPrefixCls:u,tag:c}=U.useContext(aa),f=b=>{i==null||i(!a),s==null||s(b)},d=u("tag",r),[h,p,g]=DQ(d),v=wg(d,`${d}-checkable`,{[`${d}-checkable-checked`]:a},c==null?void 0:c.className,o,p,g);return h(U.createElement("span",Object.assign({},l,{ref:t,style:Object.assign(Object.assign({},n),c==null?void 0:c.style),className:v,onClick:f})))}),BQ="_cssFieldBox_1t7y7_2",FQ="_inputAuto_1t7y7_17",zQ="_error_1t7y7_22",VQ="_keyField_1t7y7_25",HQ="_notEdit_1t7y7_30",qQ="_active_1t7y7_33",UQ="_cssBox_1t7y7_37",nn={cssFieldBox:BQ,inputAuto:FQ,error:zQ,keyField:VQ,notEdit:HQ,active:qQ,cssBox:UQ},kC=m.forwardRef(function(t,r){const[n,o]=m.useState(""),[a,i]=m.useState(""),{mode:s="edit"}=t,l=m.useMemo(()=>s==="create",[s]),u=t.value,[c,f]=m.useState(Ks),[d,h]=m.useState([]),[p,g]=m.useState([]),v=R=>{const A=Ks.filter(k=>k.value.includes(R));f(R?A:Ks)},b=()=>{var k;let R=[];const A=HR[u==null?void 0:u.property];A&&(R=((k=A.values)==null?void 0:k.map(N=>({value:N})))||[]),h(R),g(R)},y=R=>{const A=p.filter(k=>k.value.includes(R));h(R?A:p)},C=R=>{var A;return(A=t.onValueChange)==null||A.call(t,{property:R,value:(u==null?void 0:u.value)||""}),!0},x=m.useRef(null),S=m.useRef(null),[_,E]=m.useState({key:!1,value:!1});return m.useImperativeHandle(r,()=>({reset:()=>{var R;(R=S.current)==null||R.focus()}}),[]),w.jsxs("div",{className:nn.cssFieldBox,children:[w.jsxs("div",{className:Ke([nn.keyField,l&&nn.inputAuto,l&&_.key&&nn.active,n==="error"&&nn.error,!l&&nn.notEdit]),children:[w.jsx(z.AutoComplete,{ref:S,bordered:!1,disabled:!l,onSearch:v,status:n,popupMatchSelectWidth:200,value:u==null?void 0:u.property,onChange:R=>{C(R)},style:{width:"100%",position:"absolute",left:0,top:0},onFocus:()=>{E({key:!0,value:!1})},onBlur:()=>{E({key:!1,value:!1})},onKeyDown:R=>{var A;R.code==="Enter"&&(n||(A=x.current)==null||A.focus())},placeholder:"property",options:c}),w.jsx("span",{style:{display:"inline-block",visibility:"hidden",minWidth:"60px",padding:"0 2px"},children:u==null?void 0:u.property})]}),w.jsx("span",{style:{padding:"0 2px"},children:":"}),w.jsx(z.AutoComplete,{bordered:!1,ref:x,status:a,popupMatchSelectWidth:200,value:u==null?void 0:u.value,onChange:R=>{var A;b(),(A=t.onValueChange)==null||A.call(t,{property:(u==null?void 0:u.property)||"",value:R||""})},style:{flex:1},onFocus:()=>{E({key:!1,value:!0})},onBlur:()=>{E({key:!1,value:!1})},className:Ke([nn.inputAuto,_.value&&nn.active]),placeholder:"value",onSearch:y,options:d,onKeyDown:R=>{var A;R.code==="Enter"&&l&&((A=t.onCreate)==null||A.call(t,{property:(u==null?void 0:u.property)||"",value:(u==null?void 0:u.value)||""}))}}),t.onDelete&&s==="edit"&&w.jsx(z.Button,{size:"small",type:"text",onClick:()=>{var R;(R=t.onDelete)==null||R.call(t)},children:w.jsx(Tg,{style:{display:"inline-flex",fontSize:"12px"}})}),t.onCreate&&s==="create"&&w.jsx("div",{children:w.jsx(z.Button,{size:"small",type:"text",icon:w.jsx(Sl,{style:{fontSize:"12px",display:"inline-flex"}}),onClick:()=>{var R;(R=t.onCreate)==null||R.call(t,{property:(u==null?void 0:u.property)||"",value:(u==null?void 0:u.value)||""})}})})]})}),Ks=pU.map(e=>({value:e})),vg=m.forwardRef(function(t,r){const[n,o]=m.useState([]),[a,i]=m.useState({property:"",value:""});m.useImperativeHandle(r,()=>({setValue:u=>{o(u)}}),[]),m.useEffect(()=>{t.initialValue&&o([...t.initialValue])},[]);const s=u=>{var c;(c=t.onValueChange)==null||c.call(t,u)},l=m.useRef(null);return w.jsx(z.ConfigProvider,{theme:{token:{borderRadius:4}},children:w.jsxs("div",{className:nn.cssBox,children:[n.map((u,c)=>w.jsx("div",{children:w.jsx(kC,{mode:"edit",allValues:n,value:u,onValueChange:f=>{n[c]=f;const d=JSON.parse(JSON.stringify(n));o(d),s(d)},onDelete:()=>{n.splice(c,1);const f=JSON.parse(JSON.stringify(n));o(f),s(f)}})},c)),w.jsx(kC,{allValues:n,mode:"create",value:a,ref:l,onValueChange:u=>{i({...u})},onCreate:u=>{var c;if(u.property&&u.value){const f=[...n];f.push(u),o(f),i({property:"",value:""}),s(f),(c=l.current)==null||c.reset()}}},"newInput")]})})}),GQ="_stateTag_5a8hc_2",WQ="_stateTagClose_5a8hc_5",IC={stateTag:GQ,stateTagClose:WQ},KQ=["normal","hover","focus","focus-within","focus-visible","checked","disable","active"],DC=KQ.map(e=>({key:e,label:e})),PT=e=>{const[t,r]=m.useState("normal"),[n]=m.useState([{key:"991",maxWidth:"991",label:"Medial Query ( <= 991 px )"},{key:"767",maxWidth:"767",label:"Medial Query ( <= 767 px )"},{key:"479",maxWidth:"479",label:"Medial Query ( <= 479 px )"}]),o=m.useRef({}),a=v=>{r(v)},[i,s]=m.useState([]),l=m.useMemo(()=>DC.filter(v=>!i.includes(v.key)),[i]),u=m.useMemo(()=>DC.filter(v=>i.includes(v.key)),[i]),[c,f]=m.useState(e.initialValue??{});m.useEffect(()=>{const v=Object.keys(c);s(v)},[c]);const d=m.useMemo(()=>{const v=c==null?void 0:c[t];if(!v)return{};const b={};return Object.keys(v).forEach(y=>{b[y]=Hg(v[y]||"")}),b},[t,c]),h=m.useCallback(()=>{Object.keys(o.current).forEach(v=>{var C;const b=(C=o.current)==null?void 0:C[v],y=d[v]||[];b&&b.setValue(y)})},[d]),p=m.useRef();p.current=h,e.handler&&(e.handler.current={setValue:async v=>{var b;f(v),await Vr(),(b=p.current)==null||b.call(p)}}),m.useEffect(()=>{h()},[h,t]);const g=m.useCallback((v,b)=>{var C;const y={...c,[t]:{...c[t]||{},[v]:d2(b)}};(C=e.onValueChange)==null||C.call(e,y)},[c,e,t]);return w.jsx(w.Fragment,{children:w.jsxs(z.Card,{size:"small",type:"inner",title:w.jsx("span",{style:{fontSize:"12px"},children:"CSS"}),extra:w.jsx(z.Dropdown,{menu:{items:l,onClick:v=>{s(b=>[...b,v.key])}},children:w.jsx(Sl,{})}),children:[w.jsx(z.Space,{size:[0,8],wrap:!0,style:{paddingBottom:"10px"},children:u.map(v=>{const b=t.includes(v.key);return w.jsxs($Q,{style:{border:b?"1px solid rgba(0,0,0,0))":"1px solid rgb(216 216 216 / 82%)"},checked:b,onChange:()=>a(v.key),className:IC.stateTag,children:[v.label,v.key!=="normal"&&w.jsx(c_,{className:IC.stateTagClose,onClick:y=>{y.stopPropagation(),y.preventDefault(),s(C=>C.filter(x=>x!==v.key)),r("normal")}})]},v.key)})}),w.jsx(z.Collapse,{defaultActiveKey:["normal"],bordered:!1,style:{marginBottom:"10px"},onChange:async()=>{var v;await Vr(),(v=p.current)==null||v.call(p)},items:[{key:"normal",label:w.jsx("span",{children:"Default"}),children:w.jsx(vg,{ref:v=>{o.current.normal=v},onValueChange:v=>g("normal",v),initialValue:d.normal})},...n.map(v=>({key:v.key,label:w.jsx("span",{children:v.label}),children:w.jsx(vg,{ref:b=>{o.current[v.key]=b},onValueChange:b=>g(v.key,b)})}))]})]})})},XQ="_label_1850u_2",YQ="_font_1850u_9",JQ="_fontOption_1850u_16",QQ="_row_1850u_21",ZQ="_CSSUIPanel_1850u_25",ie={label:XQ,font:YQ,"m-p":"_m-p_1850u_12",fontOption:JQ,row:QQ,CSSUIPanel:ZQ},ks=["width","height","min-width","max-width","min-height","max-height","flex","display"];function Mh(e){return e.reduce((t,r)=>({...t,[r]:""}),{})}const In={px:2048,vw:100,vh:100,rem:100},eZ=m.forwardRef((e,t)=>{const[r,n]=m.useState(e.initialValue??Mh(ks)),o=m.useCallback((i,s)=>{n(l=>{var c;const u={...l,...Ii(i,ks)};return s!==!0&&((c=e.onChange)==null||c.call(e,u)),u})},[e]);m.useImperativeHandle(t,()=>({setValue:i=>o({...Mh(ks),...i},!0),setEmptyValue:()=>{n(Mh(ks))}}),[o]);const a=m.useMemo(()=>e.value??r,[e.value,r]);return w.jsxs("div",{children:[w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{span:24,style:{display:"flex"},children:[w.jsx("span",{className:ie.label,children:"layout:"}),w.jsxs(z.Radio.Group,{value:a.display,size:"small",buttonStyle:"solid",onChange:i=>{o({display:i.target.value})},children:[w.jsx(z.Radio.Button,{value:"block",children:"Block"}),w.jsx(z.Radio.Button,{value:"inline-block",children:"InlineB"}),w.jsx(z.Radio.Button,{value:"inline",children:"Inline"}),w.jsx(z.Radio.Button,{value:"none",children:"None"})]})]})}),w.jsxs(z.Row,{className:ie.row,children:[w.jsxs(z.Col,{span:12,style:{display:"flex"},children:[w.jsx("span",{className:ie.label,children:"width:"}),w.jsx(mt,{min:0,max:In,value:a.width,onValueChange:i=>{o({width:i})},style:{width:"90px"},size:"small"})]}),w.jsxs(z.Col,{span:12,children:[w.jsx("span",{className:ie.label,children:"height:"}),w.jsx(mt,{min:0,max:In,value:a.height,onValueChange:i=>{o({height:i})},style:{width:"90px"},size:"small"})]})]}),w.jsxs("div",{children:[w.jsxs(z.Row,{className:ie.row,children:[w.jsxs(z.Col,{span:12,style:{display:"flex"},children:[w.jsx("span",{className:ie.label,children:"minW:"}),w.jsx(mt,{style:{width:"90px"},min:0,max:In,value:a["min-width"],onValueChange:i=>{o({"min-width":i})},size:"small"})]}),w.jsxs(z.Col,{span:12,children:[w.jsx("span",{className:ie.label,children:"minH:"}),w.jsx(mt,{min:0,max:In,value:a["min-height"],onValueChange:i=>{o({"min-height":i})},style:{width:"90px"},size:"small"})]})]}),w.jsxs(z.Row,{className:ie.row,children:[w.jsxs(z.Col,{span:12,style:{display:"flex"},children:[w.jsx("span",{className:ie.label,children:"maxW:"}),w.jsx(mt,{style:{width:"90px"},min:0,max:In,value:a["max-width"],onValueChange:i=>{o({"max-width":i})},size:"small"})]}),w.jsxs(z.Col,{span:12,children:[w.jsx("span",{className:ie.label,children:"maxH:"}),w.jsx(mt,{style:{width:"90px"},min:0,max:In,value:a["max-height"],onValueChange:i=>{o({"max-height":i})},size:"small"})]})]}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{span:12,style:{display:"flex"},children:[w.jsx("span",{className:ie.label,children:"flex:"}),w.jsx(mt,{style:{width:"90px"},unit:!1,min:0,max:In,value:a.flex,onValueChange:i=>{o({flex:i||""})},size:"small"})]})})]})]})}),Is={px:2048,vw:100,vh:100,rem:100},Ds="100px",Nh=()=>({left:"",right:"",top:"",bottom:""}),LC=m.forwardRef((e,t)=>{const[r,n]=m.useState(e.initialValue??Nh()),o=m.useMemo(()=>["left","top","right","bottom"].map(l=>`${e.prefix}-${l}`),[e.prefix]),a=m.useCallback((l,u)=>{n(c=>{var h;const f={...c,...l},d=Object.keys(f).reduce((p,g)=>(g==="all"?p[`${e.prefix}`]=f==null?void 0:f[g]:p[`${e.prefix}-${g}`]=f==null?void 0:f[g],p),{});return u!==!0&&((h=e.onChange)==null||h.call(e,Ii(d,o))),f})},[e]);m.useImperativeHandle(t,()=>({setValue:l=>{a({...Nh(),...i(l,e.prefix)},!0)},setEmptyValue:()=>{a({...Nh()},!0)}}),[e.prefix,a]);const i=(l,u)=>Object.keys(l||{}).filter(d=>d.includes(u)).reduce((d,h)=>(h.replace(`${e.prefix}`,"")===""?d.all=l==null?void 0:l[h]:d[h.replace(`${e.prefix}-`,"")]=l==null?void 0:l[h],d),{}),s=m.useMemo(()=>{const l=i(e.value||{},e.prefix);return e.value===void 0?r:l},[e.value,e.prefix,r]);return w.jsxs("div",{children:[w.jsxs(z.Row,{className:ie.row,children:[w.jsxs(z.Col,{span:12,style:{display:"flex"},children:[w.jsx("span",{className:Ke([ie.label,ie["m-p"]]),children:"T:"}),w.jsx(mt,{min:0,max:Is,value:s.top,onValueChange:l=>{a({top:l})},style:{width:Ds},size:"small"})]}),w.jsxs(z.Col,{span:12,children:[w.jsx("span",{className:Ke([ie.label,ie["m-p"]]),children:"L:"}),w.jsx(mt,{min:0,max:Is,value:s.left,onValueChange:l=>{a({left:l})},style:{width:Ds},size:"small"})]})]}),w.jsx("div",{children:w.jsxs(z.Row,{className:ie.row,children:[w.jsxs(z.Col,{span:12,children:[w.jsx("span",{className:Ke([ie.label,ie["m-p"]]),children:"B:"}),w.jsx(mt,{min:0,max:Is,value:s.bottom,onValueChange:l=>{a({bottom:l})},style:{width:Ds},size:"small"})]}),w.jsxs(z.Col,{span:12,style:{display:"flex"},children:[w.jsx("span",{className:Ke([ie.label,ie["m-p"]]),children:"R:"}),w.jsx(mt,{style:{width:Ds},min:0,max:Is,value:s.right,onValueChange:l=>{a({right:l})},size:"small"})]})]})})]})}),du=m.forwardRef(function(t,r){const[n,o]=m.useState();return m.useImperativeHandle(r,()=>({updateColor:a=>{o(a)}})),w.jsx(z.ColorPicker,{...t,value:n,onChange:a=>{o(a)},onChangeComplete:a=>{var i;(i=t.onChange)==null||i.call(t,a.toRgbString())}})}),tZ=["font-size","color","text-align","font-weight"],rZ={px:100,vw:100,vh:100,rem:100},nZ=[{label:w.jsx("span",{className:ie.fontOption,children:"Left"}),value:"left"},{label:w.jsx("span",{className:ie.fontOption,children:"Center"}),value:"center"},{label:w.jsx("span",{className:ie.fontOption,children:"Right"}),value:"Right"}],oZ=[{label:w.jsx("span",{className:ie.fontOption,children:"Regular"}),value:"400"},{label:w.jsx("span",{className:ie.fontOption,children:"Medium"}),value:"500"},{label:w.jsx("span",{className:ie.fontOption,children:"Bold"}),value:"700"}],Ah=()=>({"font-size":"",color:"","text-align":"","font-weight":""}),aZ=m.forwardRef((e,t)=>{const[r,n]=m.useState(e.initialValue??Ah()),o=m.useRef(null),a=m.useCallback((s,l)=>{n(u=>{var f;const c={...u,...s};return l!==!0&&((f=e.onChange)==null||f.call(e,c)),c})},[e]);m.useImperativeHandle(t,()=>({setValue:s=>{var l;(l=o.current)==null||l.updateColor((s==null?void 0:s.color)||""),a({...Ah(),...Ii(s,tZ)},!0)},setEmptyValue:()=>{a({...Ah()},!0)}}),[a]);const i=m.useMemo(()=>e.value??r,[e.value,r]);return w.jsxs("div",{children:[w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{style:{display:"flex"},children:[w.jsx("span",{className:Ke([ie.label]),children:"Color:"}),w.jsx(du,{ref:o,showText:!0,size:"small",onChange:s=>{a({color:s})},presets:Wi})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{children:[w.jsx("span",{className:ie.label,children:"Size:"}),w.jsx(mt,{min:0,max:rZ,value:i["font-size"],onValueChange:s=>{a({"font-size":s})},style:{width:"158px"},size:"small"})]})}),w.jsxs(z.Row,{className:ie.row,children:[w.jsx("span",{className:Ke([ie.label]),children:"Align:"}),w.jsx(z.Radio.Group,{options:nZ,onChange:({target:{value:s}})=>{a({"text-align":s})},value:i["text-align"]})]}),w.jsxs(z.Row,{className:ie.row,children:[w.jsx("span",{className:Ke([ie.label]),children:"Weight:"}),w.jsx(z.Radio.Group,{options:oZ,onChange:({target:{value:s}})=>{a({"font-weight":s})},value:i["font-weight"]})]})]})}),iZ=["border","border-radius"],$C={px:100,vw:100,vh:100,rem:100},kh=()=>({border:"","border-radius":""}),sZ=m.forwardRef((e,t)=>{const[r,n]=m.useState(e.initialValue??kh()),o=m.useRef(null),a=m.useCallback((l,u)=>{n(c=>{var d;const f={...c,...l};return u!==!0&&((d=e.onChange)==null||d.call(e,f)),f})},[e]);m.useImperativeHandle(t,()=>({setValue:l=>{const u=kh();Object.keys(l).length?a({...u,...Ii(l,iZ)},!0):a(u,!0)},setEmptyValue:()=>{a({...kh()},!0)}}),[a]);const i=m.useMemo(()=>{var f;const l=r.border||"",u=l.split(" "),c={size:u[0]||"",type:u[1]||"",color:l.replace(" ","").replace(u[0],"").replace(u[1],"")};return(f=o.current)==null||f.updateColor(c.color),c},[r]),s=l=>{a({border:`${l.size||"0px"} ${l.type||"none"} ${l.color||"transparent"}`.trim()})};return w.jsxs("div",{children:[w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{style:{position:"relative"},span:24,children:[w.jsx(Eg,{style:{position:"absolute",right:0,top:"5px",color:"#4e4e4e",cursor:"pointer"},onClick:()=>{a({border:void 0})}}),w.jsx("span",{className:ie.label,children:"Size:"}),w.jsx(mt,{min:0,max:$C,value:i.size,style:{width:"100px"},unitList:["px"],onValueChange:l=>{s({...i,size:l||""})},size:"small"})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{style:{display:"flex"},children:[w.jsx("span",{className:Ke([ie.label]),children:"Color:"}),w.jsx(du,{ref:o,showText:!0,size:"small",value:i.color||"",onChange:l=>{s({...i,color:l})},presets:Wi})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{style:{display:"flex"},children:[w.jsx("span",{className:Ke([ie.label]),children:"Type:"}),w.jsxs(z.Radio.Group,{value:i.type,size:"small",onChange:l=>{s({...i,type:l.target.value||""})},children:[w.jsx(z.Radio.Button,{value:"solid",children:"Solid"}),w.jsx(z.Radio.Button,{value:"dashed",children:"Dashed"}),w.jsx(z.Radio.Button,{value:"dotted",children:"Dotted"}),w.jsx(z.Radio.Button,{value:"none",children:"None"})]})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{children:[w.jsx("span",{className:ie.label,children:"Radius:"}),w.jsx(mt,{min:0,max:$C,value:r["border-radius"],onValueChange:l=>{a({"border-radius":l})},style:{width:"158px"},size:"small"})]})})]})}),lZ=["background-color","background-image","background-repeat","background-size"],Ih=()=>({"background-color":"","background-image":"","background-size":"","background-repeat":""}),uZ=m.forwardRef((e,t)=>{var s;const[r,n]=m.useState(e.initialValue??Ih()),o=m.useRef(null),a=m.useCallback((l,u)=>{n(c=>{var d,h;const f={...c,...l};return(d=o.current)==null||d.updateColor(f["background-color"]),u!==!0&&((h=e.onChange)==null||h.call(e,f)),f})},[e]);m.useImperativeHandle(t,()=>({setValue:l=>{const u=Ih();Object.keys(l).length?a({...u,...Ii(l,lZ)},!0):a(u,!0)},setEmptyValue:()=>{const l=Ih();a(l,!0)}}),[a]);const i=m.useMemo(()=>e.value??r,[e.value,r]);return w.jsxs("div",{children:[w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{span:24,style:{display:"flex"},children:[w.jsx("span",{className:Ke([ie.label]),children:"Color:"}),w.jsx(du,{ref:o,showText:!0,size:"small",value:i["background-color"]||"",onChange:l=>{a({"background-color":l})},presets:Wi})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{span:24,style:{display:"flex"},children:[w.jsx("span",{className:ie.label,children:"Image:"}),w.jsx(z.Input,{style:{flex:1},size:"small",value:((s=/url\(['|"|*]?(.+?)['|"|*]?\)/.exec(i["background-image"]))==null?void 0:s[1])||"",onChange:l=>{console.log(`url("${l.target.value}")`),a({"background-image":`url("${l.target.value}")`})}})]})}),w.jsxs(z.Row,{className:ie.row,children:[w.jsx("span",{className:ie.label,children:"Size:"}),w.jsxs(z.Radio.Group,{size:"small",defaultValue:"a",buttonStyle:"solid",value:i["background-size"],onChange:l=>{a({"background-size":l.target.value})},children:[w.jsx(z.Radio.Button,{value:"contain",children:"Contain"}),w.jsx(z.Radio.Button,{value:"cover",children:"Cover"}),w.jsx(z.Radio.Button,{value:"auto",children:"Auto"})]})]}),w.jsxs(z.Row,{className:ie.row,children:[w.jsx("span",{className:ie.label,children:"Repeat:"}),w.jsxs(z.Radio.Group,{size:"small",buttonStyle:"solid",value:i["background-repeat"],onChange:l=>{a({"background-repeat":l.target.value})},children:[w.jsx(z.Radio.Button,{value:"repeat",children:"Repeat"}),w.jsx(z.Radio.Button,{value:"no-repeat",children:"NoRepeat"})]})]})]})}),Dh=()=>({"box-shadow":""}),cZ=m.forwardRef((e,t)=>{const[r,n]=m.useState(e.initialValue??Dh()),o=m.useRef(null),a=m.useMemo(()=>{var u,c;const s=((u=e.value)==null?void 0:u["box-shadow"])??r["box-shadow"],l=Bs(s||"")[0]||{};return(c=o.current)==null||c.updateColor(l.color||""),l},[e.value,r]),i=m.useCallback((s,l)=>{n(u=>{var g,v;console.log("set val",u,s);const c=(g=e.value)==null?void 0:g["box-shadow"],d={...Bs(c||"")[0]||{},...s},h=`${d.offsetX||"0"} ${d.offsetY||"0"} ${d.blur||"0"} ${d.spread||"0"} ${d.color||"transparent"}`,p={...u,"box-shadow":h};return l!==!0&&((v=e.onChange)==null||v.call(e,p)),p})},[e]);return m.useImperativeHandle(t,()=>({setValue:s=>{i({...Dh(),...Bs(s["box-shadow"]||"")[0]},!0)},setEmptyValue:()=>{i({...Dh()},!0)}}),[i]),w.jsxs("div",{children:[w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{children:[w.jsx("span",{className:ie.label,children:"OffsetX:"}),w.jsx(mt,{min:-40,max:40,unitList:["px"],value:a.offsetX,onValueChange:s=>{i({...a,offsetX:s})},style:{width:"158px"},size:"small"})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{children:[w.jsx("span",{className:ie.label,children:"OffsetY:"}),w.jsx(mt,{min:-40,max:40,unitList:["px"],value:a.offsetY,onValueChange:s=>{i({...a,offsetY:s})},style:{width:"158px"},size:"small"})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{children:[w.jsx("span",{className:ie.label,children:"Blur:"}),w.jsx(mt,{min:-40,max:40,unitList:["px"],value:a.blur,onValueChange:s=>{i({...a,blur:s})},style:{width:"158px"},size:"small"})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{children:[w.jsx("span",{className:ie.label,children:"Spread:"}),w.jsx(mt,{min:-40,max:40,unitList:["px"],value:a.spread,onValueChange:s=>{i({...a,spread:s})},style:{width:"158px"},size:"small"})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{span:24,style:{display:"flex"},children:[w.jsx("span",{className:Ke([ie.label]),children:"Color:"}),w.jsx(du,{ref:o,showText:!0,size:"small",onChange:s=>{i({...a,color:s})},presets:Wi})]})})]})}),fZ=m.forwardRef(({value:e,initialVal:t,onValueChange:r},n)=>{const o=m.useRef(null),a=m.useRef(null),i=m.useRef(null),s=m.useRef(null),l=m.useRef(null),u=m.useRef(null),c=m.useRef(null),f=[o,a,i,s,l,u,c],d=m.useRef(null),h=()=>{const g=d.current??e;f.forEach(v=>{var b,y;(b=v.current)==null||b.setEmptyValue(),(y=v.current)==null||y.setValue(g||{})})};m.useImperativeHandle(n,()=>({setValue:g=>{d.current=g,f.forEach(v=>{var b,y;(b=v.current)==null||b.setEmptyValue(),(y=v.current)==null||y.setValue(g)})},setEmptyValue:()=>{f.forEach(g=>{var v;(v=g.current)==null||v.setEmptyValue()})}}),[]);const p=m.useMemo(()=>[{key:"dimension",label:"Dimension",children:w.jsx(eZ,{ref:o,initialValue:t,value:e,onChange:g=>{const v={...d.current||{},...g};d.current=v,r==null||r(v)}})},{key:"margin",label:"Margin",children:w.jsx(LC,{prefix:"margin",ref:a,initialValue:t,value:e,onChange:g=>{const v={...d.current||{},...g};d.current=v,r==null||r(v)}})},{key:"padding",label:"Padding",children:w.jsx(LC,{ref:i,initialValue:t,prefix:"padding",value:e,onChange:g=>{const v={...d.current||{},...g};d.current=v,r==null||r(v)}})},{key:"font",label:"Font",children:w.jsx(aZ,{ref:c,initialValue:t,value:e,onChange:g=>{const v={...d.current||{},...g};d.current=v,r==null||r(v)}})},{key:"background",label:"Background",children:w.jsx(uZ,{ref:l,value:e,initialValue:t,onChange:g=>{const v={...d.current||{},...g};d.current=v,r==null||r(v)}})},{key:"border",label:"Border",children:w.jsx(sZ,{ref:s,initialValue:t,onChange:g=>{const v={...d.current||{},...g};d.current=v,r==null||r(v)}})},{key:"shadow",label:"Shadow",children:w.jsx(cZ,{ref:u,initialValue:t,value:e,onChange:g=>{r==null||r({...d.current||{},...g})}})}],[t,r,e]);return w.jsx(z.ConfigProvider,{theme:{token:{borderRadius:2}},children:w.jsx(z.Collapse,{className:ie.CSSUIPanel,items:p,defaultActiveKey:["dimension"],onChange:async()=>{await Vr(),h()},style:{marginBottom:"10px"}})})}),km=e=>{const t=m.useRef(null),r=e.node,n=m.useMemo(()=>r.value.classNames||[],[r]),o=m.useRef(null),a=m.useRef(null),i=m.useRef(null),s=m.useMemo(()=>pp(r.value.style||[]),[r.value.style]),l=m.useRef(),u=m.useCallback(()=>{var b,y,C,x;l.current=r;const h=r.value.style||[],{expressionProperty:p,normalProperty:g}=pp(h),v=p2(r.value.css);(b=t.current)==null||b.setValue([...p]),(y=o.current)==null||y.setValue(v),(C=i.current)==null||C.setValue(r.value.classNames||[]),(x=a.current)==null||x.setValue(c2(g)||{})},[r]);m.useEffect(()=>(u(),r.emitter.on("onNodeChange",u),r.emitter.on("onReloadPage",u),()=>{r.emitter.off("onNodeChange",u),r.emitter.off("onReloadPage",u)}),[r.emitter,r.id,e.activeTab,u]);const c=h=>{const p=[...s.normalProperty,...h];r.value.style=p,r.updateValue()},f=h=>{const p=[...h,...s.expressionProperty];r.value.style=p,r.updateValue()},d=h=>{r.value.css=h2(`c_${r.id}`,h),r.updateValue()};return w.jsx("div",{className:sC.visualPanelBox,children:w.jsxs("div",{style:{marginBottom:"10px"},children:[w.jsx(fZ,{ref:a,onValueChange:h=>{f(f2(h))}}),w.jsx(z.Collapse,{bordered:!1,style:{marginBottom:"10px"},onChange:h=>{h.length&&u()},items:[{key:"origin-css-edit",label:w.jsx("span",{className:sC.header,children:"Style Variable"}),children:w.jsx(MO,{ref:t,initialValue:s.expressionProperty,onValueChange:h=>{c(h)}})}]}),w.jsx("div",{style:{paddingTop:"10px"},children:w.jsx(NO,{initialValue:n,ref:i,onValueChange:h=>{r.value.classNames=h,r.updateValue()}})}),w.jsx(PT,{handler:o,onValueChange:d})]})})},Im={key:"VisualPanelPlus",name:"Visual",view:({node:e,pluginCtx:t,activeTab:r})=>e?w.jsx(km,{node:e,pluginCtx:t,activeTab:r}):w.jsx(w.Fragment,{}),show:e=>{var t,r,n,o;return((o=(n=(r=(t=e.node)==null?void 0:t.material)==null?void 0:r.value.advanceCustom)==null?void 0:n.rightPanel)==null?void 0:o.visual)!==!1}};class dZ extends m.Component{constructor(r){super(r);X(this,"addPanel",r=>{const n=[...this.state.panels,r];this.setState({panels:n}),this.updatePanels()});X(this,"removePanel",r=>{const n=this.state.panels.filter(o=>o.name!==r);this.setState({panels:n}),this.updatePanels()});X(this,"replacePanel",(r,n)=>{const o=this.state.panels.findIndex(i=>i.name===r),a=[...this.state.panels];o>-1&&(a[o]=n),this.setState({panels:a}),this.updatePanels()});X(this,"choosePanel",r=>{this.setState({activeKey:r}),this.updatePanels()});X(this,"updatePanels",()=>{var s,l,u;const{pluginCtx:r}=this.props,{node:n,panels:o}=this.state,a=o;let i={panels:[],displayPanels:[]};if(n){const c={node:n,pluginCtx:r,activeTab:this.state.activeKey},f=a.filter(h=>h.show===void 0?!0:h.show(c)),d=((u=(l=(s=n.material)==null?void 0:s.value.advanceCustom)==null?void 0:l.rightPanel)==null?void 0:u.customTabs)||[];f.concat(d),i={panels:a,displayPanels:f}}else i={panels:a,displayPanels:[]};return this.setState(i),i});X(this,"onNodeChange",({node:r})=>{var c;const{pluginCtx:n}=this.props,{panels:o,activeKey:a}=this.state,i={node:r,pluginCtx:n,activeTab:this.state.activeKey},s=o.filter(f=>f.show===void 0?!0:f.show(i)),l=((c=s.find((f,d)=>d===0))==null?void 0:c.key)||"";s.find(f=>f.key===a)?this.setState({node:r,displayPanels:s}):this.setState({activeKey:l,node:r,displayPanels:s})});this.state={node:r.pluginCtx.engine.getActiveNode(),activeKey:"Visual",panels:[Sm,Im,_m,Rm],displayPanels:[]}}componentDidMount(){var i;const{pluginCtx:r}=this.props;r.globalEmitter.on("onSelectNodeChange",this.onNodeChange),r.pageModel.emitter.on("*",()=>{const s=r.engine.getActiveNode();this.onNodeChange({node:s})});const{displayPanels:n}=this.updatePanels(),o=((i=n.find((s,l)=>l===0))==null?void 0:i.key)||"";n.find(s=>s.key===this.state.activeKey)||this.setState({activeKey:o}),r.pluginReadyOk()}render(){const{displayPanels:r,node:n,activeKey:o}=this.state,{pluginCtx:a}=this.props;if(!n)return w.jsx("div",{style:{overflow:"hidden"},children:w.jsx(z.Empty,{image:z.Empty.PRESENTED_IMAGE_SIMPLE,description:"Please select a node from left view"})});const i={node:n,pluginCtx:a,activeTab:this.state.activeKey};return w.jsx("div",{className:IX.rightPanelContainer,children:w.jsx(z.Tabs,{activeKey:o,tabPosition:"top",style:{flex:1,height:"100%"},onChange:s=>{this.setState({activeKey:s})},items:r.map(s=>{var l;return{label:w.jsx("div",{style:{padding:"0 10px"},children:typeof s.name=="string"?s.name:(l=s.name)==null?void 0:l.call(s,i)}),key:s.key,children:s.view(i)}})})})}}const hZ="RightPanel",Dm=e=>{const t=m.createRef();return{name:hZ,async init(r){r.getWorkbench().replaceRightView(w.jsx(dZ,{ref:t,pluginCtx:r}))},async destroy(r){console.log("destroy",r)},export:r=>t==null?void 0:t.current,meta:{engine:{version:"1.0.0"}}}},pZ={pluginName:"全局状态"},gZ={pluginName:"Global State"},BC={zh_CN:pZ,en_US:gZ},vZ="_box_tl0hm_2",mZ={box:vZ},mg="GlobalState",Lh=`plugin:${mg}`;let $h=!1;const yZ=e=>{const{pluginCtx:t}=e,r=t.pageModel.value.componentsTree.value.state||{},n=m.useRef(null);m.useEffect(()=>{var a;(a=n==null?void 0:n.current)==null||a.setValue(JSON.stringify(r,null,2)),t.pageModel.emitter.on("onReloadPage",i=>{var s;if(console.log("onReloadPage 111"),$h){$h=!1;return}(s=n.current)==null||s.setValue(JSON.stringify(t.pageModel.value.componentsTree.value.state,null,2))})},[]);const o=a=>{try{const i=JSON.parse(a||"{}");t.pageModel.value.componentsTree.value.state=i,$h=!0,t.pageModel.value.componentsTree.updateValue()}catch(i){console.warn(i)}};return w.jsx("div",{className:mZ.box,children:w.jsx(_a,{initialValue:JSON.stringify(t.pageModel.value.componentsTree.value.state,null,2),language:"json",options:{automaticLayout:!0,tabSize:2,minimap:{enabled:!1},quickSuggestions:!1,suggestOnTriggerCharacters:!1,folding:!1,comments:{}},onDidMount:a=>{n.current=a},beforeMount:a=>{},onChange:o})})},Lm={name:mg,async init(e){const{i18n:t}=e;Object.keys(BC).forEach(a=>{t.addResourceBundle(a,Lh,BC[a],!0,!0)});const r=Zo(Lh)(yZ),n=Zo(Lh)(({t:a})=>w.jsx(w.Fragment,{children:a("pluginName")}));e.getWorkbench().addLeftPanel({title:w.jsx(n,{}),name:mg,icon:w.jsx(s_,{}),render:w.jsx(r,{pluginCtx:e})})},async destroy(e){console.log("destroy",e)},export:e=>({}),meta:{engine:{version:"1.0.0"}}},MT=e=>{const t=e.pageModel.export(),{engineCtx:r}=e,[n,o]=m.useState(!1),a=m.useRef(null);return w.jsxs(w.Fragment,{children:[w.jsx("div",{onClick:()=>{o(!0)},children:e.children}),w.jsx(z.Modal,{open:n,title:"Source Schema",width:"100%",onCancel:()=>o(!1),onOk:async()=>{var f;o(!1);const i=(f=a.current)==null?void 0:f.getValue();if(!i)return;const s=JSON.parse(i);e.pageModel.updatePage(s),await Vr();const l=r.engine.getActiveNode(),u=await r.pluginManager.get("Designer"),c=(l==null?void 0:l.id)||"";u==null||u.ctx.emitter.on("ready",()=>{u.export.selectNode(c)}),u&&u.export.selectNode(c)},style:{height:"calc(100vh - 50px)",top:"25px"},destroyOnClose:!0,children:w.jsx("div",{style:{width:"100%",height:"calc(100vh - 200px)"},children:w.jsx(_a,{initialValue:JSON.stringify(t,null,2),language:"json",options:{automaticLayout:!0},onDidMount:i=>{a.current=i}})})})]})},bZ="History",$m=e=>{const t=e,r={historyRecords:[],currentStepIndex:0};let n=null;const o=e.pageModel.export();n=o,r.historyRecords.push(o);const a=async l=>{t&&(t.pageModel.reloadPage(l),await Vr())},i={addStep:()=>{const{currentStepIndex:l,historyRecords:u}=r,c=e.pageModel.export();l!==u.length-1&&(r.historyRecords=u.slice(0,l+1)),r.historyRecords.push(c),r.currentStepIndex=u.length-1},reset:async()=>{if(!t){console.warn("plugin ctx is null, pls check it");return}n&&(r.historyRecords=[],a(n))},preStep:()=>{const{currentStepIndex:l,historyRecords:u}=r;if(!i.canGoPreStep())return;const c=l-1;r.currentStepIndex=c;const f=xy(u[c]);a(f)},nextStep:()=>{if(!i.canGoNextStep())return;const{currentStepIndex:l,historyRecords:u}=r,c=l+1;r.currentStepIndex=c;const f=xy(u[c]);return a(f)},canGoPreStep:()=>{const{currentStepIndex:l}=r;return!(l<=0)},canGoNextStep:()=>{const{currentStepIndex:l,historyRecords:u}=r;return!(l>=u.length-1)}},s=jl(()=>{i.addStep()},500);return{name:bZ,async init(l){l.pageModel.emitter.on("onNodeChange",()=>{s()}),l.pageModel.emitter.on("onPageChange",()=>{i.addStep()}),l.pluginReadyOk()},async destroy(l){console.log("destroy",l)},export:()=>i,meta:{engine:{version:"1.0.0"}}}},Bh=typeof navigator<"u"?navigator.userAgent.toLowerCase().indexOf("firefox")>0:!1,bl={backspace:8,"⌫":8,tab:9,clear:12,enter:13,"↩":13,return:13,esc:27,escape:27,space:32,left:37,up:38,right:39,down:40,del:46,delete:46,ins:45,insert:45,home:36,end:35,pageup:33,pagedown:34,capslock:20,num_0:96,num_1:97,num_2:98,num_3:99,num_4:100,num_5:101,num_6:102,num_7:103,num_8:104,num_9:105,num_multiply:106,num_add:107,num_enter:108,num_subtract:109,num_decimal:110,num_divide:111,"⇪":20,",":188,".":190,"/":191,"`":192,"-":Bh?173:189,"=":Bh?61:187,";":Bh?59:186,"'":222,"[":219,"]":221,"\\":220},yg={"⇧":16,shift:16,"⌥":18,alt:18,option:18,"⌃":17,ctrl:17,control:17,"⌘":91,cmd:91,command:91};for(let e=1;e<20;e++)bl[`f${e}`]=111+e;const xZ=e=>bl[e.toLowerCase()]||yg[e.toLowerCase()]||e.toUpperCase().charCodeAt(0),wZ=e=>Object.keys(bl).find(t=>bl[t]===e),SZ=e=>Object.keys(yg).find(t=>yg[t]===e),CZ=e=>wZ(e)||SZ(e)||String.fromCharCode(e);class _Z{constructor(t){X(this,"splitStr","_");X(this,"downKeyCodeList",[]);X(this,"elements");X(this,"disposeEventCbList",[]);X(this,"hotActionMap",{});this.elements=t.elements,this.init()}init(){const t=this.elements.map(r=>this.registerKeyEvent(r));this.disposeEventCbList=[...t]}addElement(t){const r=this.registerKeyEvent(t);this.disposeEventCbList.push(r)}registerKeyEvent(t){const r=this.getTriggerHotkeyDebounce(),n=a=>{if(this.filterInputElement(a))return;const i=a.keyCode||a.which||a.charCode;this.downKeyCodeList.includes(i)||this.downKeyCodeList.push(i),r()};t==null||t.addEventListener("keydown",n);const o=a=>{setTimeout(()=>{if(this.filterInputElement(a))return;const i=a.keyCode||a.which||a.charCode,s=this.downKeyCodeList.findIndex(l=>l===i);s>=0&&this.downKeyCodeList.splice(s,1)},0)};return t==null||t.addEventListener("keyup",o),()=>{t.removeEventListener("keydown",n),t.removeEventListener("keyup",o)}}addHotAction(t,r){const n=t.map(o=>typeof o!="number"?this.getKeyCodeByLabel(o):o);this.hotActionMap[n.join(this.splitStr)]=r}triggerHotKey(){const t=this.downKeyCodeList.join(this.splitStr),r=this.hotActionMap[t];r==null||r()}getTriggerHotkeyDebounce(){return this.triggerHotKey.bind(this)}getKeyCodeByLabel(t){return xZ(t)}getKeyString(t){return CZ(t)}filterInputElement(t){const r=t.target||t.srcElement;if(!r)return!1;const{tagName:n}=r;let o=!1;const a=n==="INPUT"&&!["checkbox","radio","range","button","file","reset","submit","color"].includes(r.type);return(r.isContentEditable||(a||n==="TEXTAREA"||n==="SELECT")&&!r.readOnly)&&(o=!0),o}destroy(){this.disposeEventCbList.forEach(t=>t())}}const EZ={pluginName:"快捷键"},RZ={pluginName:"Hot Keys"},FC={zh_CN:EZ,en_US:RZ},ir={deleteNode:async e=>{const t=e.engine.getActiveNode();if(t)return e.pageModel.deleteNode(t),!0},copyNode:async e=>{const t=e.engine.getActiveNode();if(t)return e.pageModel.copyNodeById(t.id),!0},moveToUp:async e=>{var a;if(await ir.moveToSiblingUp(e))return;const r=await e.pluginManager.get("Designer"),n=e.engine.getActiveNode(),o=n==null?void 0:n.parent;if(o&&o.nodeType!=="PAGE")return(a=r==null?void 0:r.export)==null||a.selectNode(o.id),!0},moveToSiblingUp:async e=>{var u;const t=await e.pluginManager.get("Designer"),r=e.engine.getActiveNode(),n=r==null?void 0:r.parent;if((n==null?void 0:n.nodeType)==="PAGE"||!r)return;const o=n==null?void 0:n.value,a=o.children||o.value,s=a.findIndex(c=>c.id===r.id)-1;if(s<0)return;const l=a==null?void 0:a[s];if(l&&l.id)return(u=t==null?void 0:t.export)==null||u.selectNode(l.id),!0},moveToDown:async e=>{var a;const t=await e.pluginManager.get("Designer"),r=e.engine.getActiveNode(),n=r==null?void 0:r.value.children,o=n==null?void 0:n[0];if(o&&o.id)return(a=t==null?void 0:t.export)==null||a.selectNode(o.id),!0;await ir.moveToSiblingDown(e)},moveToSiblingDown:async e=>{var u;const t=await e.pluginManager.get("Designer"),r=e.engine.getActiveNode(),n=r==null?void 0:r.parent;if((n==null?void 0:n.nodeType)==="PAGE"||!r)return;const o=n==null?void 0:n.value,a=o.children||o.value,s=a.findIndex(c=>c.id===r.id)+1;if(s>=a.length)return;const l=a==null?void 0:a[s];if(l&&l.id)return(u=t==null?void 0:t.export)==null||u.selectNode(l.id),!0},redo:async e=>{const t=await e.pluginManager.get("History");if(t!=null&&t.export.canGoNextStep())return t==null||t.export.nextStep(),!0},undo:async e=>{const t=await e.pluginManager.get("History");if(t!=null&&t.export.canGoPreStep())return t==null||t.export.preStep(),!0}},NT="Hotkeys",OZ=`plugin:${NT}`,Bm={name:NT,async init(e){console.log("init plugin hotkey");const{i18n:t}=e;Object.keys(FC).forEach(a=>{t.addResourceBundle(a,OZ,FC[a],!0,!0)});const r=await e.pluginManager.get("Designer"),n=r==null?void 0:r.export.getDesignerWindow(),o=new _Z({elements:[window.document.body,n.document.body]});e.engine.pageModel.emitter.on("onReloadPage",()=>{const a=r==null?void 0:r.export.getDesignerWindow();setTimeout(()=>{o.addElement(a.document.body)},1e3)}),o.addHotAction(["ctrl","c"],()=>{ir.copyNode(e)}),o.addHotAction(["ctrl","z"],()=>{ir.undo(e)}),o.addHotAction(["ctrl","shift","z"],()=>{ir.redo(e)}),o.addHotAction(["up"],()=>{ir.moveToUp(e)}),o.addHotAction(["w"],()=>{ir.moveToUp(e)}),o.addHotAction(["shift","w"],()=>{ir.moveToSiblingUp(e)}),o.addHotAction(["down"],()=>{ir.moveToDown(e)}),o.addHotAction(["s"],()=>{ir.moveToDown(e)}),o.addHotAction(["shift","s"],()=>{ir.moveToSiblingDown(e)}),o.addHotAction(["backspace"],()=>{ir.deleteNode(e)}),e.hotkeyManager=o},async destroy(e){const t=e.hotkeyManager;t==null||t.destroy()},export:e=>{const t=e.hotkeyManager;return{addHotAction:(r,n)=>{t.addHotAction(r,n)}}},meta:{engine:{version:"1.0.0"}}},AT=[_v,Ev,Cv,Lm,Dm,$m,Bm],TZ=Object.freeze(Object.defineProperty({__proto__:null,AdvancePanel:Em,AdvancePanelConfig:Rm,ComponentLibPlugin:Cv,ComponentStatePanel:Cm,ComponentStatePanelConfig:_m,DEFAULT_PLUGIN_LIST:AT,DesignerPlugin:_v,DisplaySourceSchema:MT,GlobalStatePanelPlugin:Lm,HistoryPlugin:$m,HotkeysPlugin:Bm,OutlineTreePlugin:Ev,PLUGIN_NAME:ea,PropertyPanel:wm,PropertyPanelConfig:Sm,RightPanelPlugin:Dm,VisualPanelPlus:km,VisualPanelPlusConfig:Im},Symbol.toStringTag,{value:"Module"})),jZ=e=>{const t=m.useRef(),[r,n]=m.useState("AUTO"),[o,a]=m.useState(1200),i=m.useCallback(()=>{const l=t.current,u=l==null?void 0:l.export.getDesignerWindow(),c=u==null?void 0:u.innerWidth;a(Number(c))},[]);m.useEffect(()=>{let l,u;return e.ctx.pluginManager.onPluginReadyOk("Designer").then(c=>{t.current=c,u=c==null?void 0:c.export.getDesignerWindow(),l=()=>{a(Number(u==null?void 0:u.innerWidth))},u==null||u.addEventListener("resize",l),i()}),()=>{u==null||u.removeEventListener("resize",l)}},[]);const s=m.useCallback(jl(l=>{const u=t.current;u==null||u.export.setCanvasWidth(l)},100),[]);return w.jsx(z.Space,{children:w.jsx(z.Segmented,{defaultValue:r,onChange:l=>{const u=t.current;u&&(l==="AUTO"?(u.export.setCanvasWidth("100%"),i()):l==="IPAD"?u.export.setCanvasWidth(768):u.export.setCanvasWidth(350),n(l))},options:[{label:w.jsxs("span",{children:[w.jsx("span",{onClick:()=>{const l=t.current;l==null||l.export.setCanvasWidth("100%"),i()},children:"Auto"}),r==="AUTO"&&w.jsx(z.InputNumber,{size:"small",style:{marginLeft:"10px"},controls:!1,changeOnWheel:!0,suffix:"px",value:o,min:350,max:1920,onChange:l=>{a(Number(l)),s(Number(l))}})]}),value:"AUTO"},{label:w.jsx(a_,{}),value:"IPAD"},{label:w.jsx(f_,{}),value:"MOBILE"}]})})},on={name:"$$attributes",title:"属性",valueType:"object",setters:[{componentName:"ArraySetter",props:{item:{setters:[{componentName:"ShapeSetter",props:{elements:[{name:"key",title:"属性名",valueType:"string",setters:["StringSetter"]},{name:"value",title:"值",valueType:"string",setters:["StringSetter","NumberSetter","JSONSetter","FunctionSetter","ExpressionSetter"]}],collapse:!1},initialValue:{}}],initialValue:{}}},initialValue:[]}]},kT="1.0.0",IT="CHAMELEON_INNER_PKG",PZ=He.HTMl_TAGS.map(e=>({title:X_(e),componentName:e,props:[on],snippets:[],npm:{name:e,package:IT,version:kT}})),MZ=[{title:"块",componentName:"CBlock",props:[{name:"children",title:"文本",valueType:"string",setters:["StringSetter","ExpressionSetter"]},on],groupName:"原子组件",snippets:[{title:"块",snapshotText:"Block",category:"基础组件",schema:{props:{},css:{value:[{state:"normal",media:[],text:"background: white ; width: 100%; height: 100px"}]}}}]},{title:"容器",componentName:"CContainer",isContainer:!0,props:[{name:"afterMount",title:"渲染之后",valueType:"function",setters:["FunctionSetter","ExpressionSetter","TestSetter"]},{name:"beforeDestroy",title:"销毁之前",valueType:"function",setters:["FunctionSetter","ExpressionSetter"]},on],groupName:"原子组件",snippets:[{title:"容器",snapshotText:"Con",category:"基础组件",schema:{css:{value:[{state:"normal",media:[],text:"background: white;width: 100%;"}]}}}]},{title:"图片",componentName:"CImage",props:[{name:"src",title:"地址",valueType:"string",setters:["StringSetter","ExpressionSetter"]},on],advanceCustom:{wrapComponent:e=>t=>{const r=e;return w.jsx(r,{...t,style:{...t.style||{},userSelect:"none",WebkitUserDrag:"none"}})}},groupName:"原子组件",snippets:[{title:"图片",snapshotText:"Img",category:"基础组件",schema:{css:{value:[{text:"background:white;width:500px;height:300px;overflow:auto;",media:[],state:"normal"}]},props:{src:"https://images.unsplash.com/photo-1584080277544-2db5b2c2d9dd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80"}}}]},{title:"视频",componentName:"CVideo",props:[{name:"src",title:"地址",valueType:"string",setters:["StringSetter","ExpressionSetter"]},{name:"autoPlay",title:"自动播放",valueType:"string",setters:["BooleanSetter","ExpressionSetter"]},{name:"controls",title:"控制面板",valueType:"string",setters:["BooleanSetter","ExpressionSetter"]},on],fixedProps:{autoPlay:!1},advanceCustom:{wrapComponent:e=>t=>w.jsxs("div",{style:{display:"content",position:"relative"},children:[w.jsx(e,{...t,style:{...t.style}}),w.jsx("div",{style:{width:"100%",height:"100%",position:"absolute",left:0,top:0}})]})},groupName:"原子组件",snippets:[{title:"视频",snapshotText:"Video",category:"基础组件",schema:{props:{src:"https://vjs.zencdn.net/v/oceans.mp4"},css:{value:[{state:"normal",media:[],text:"background:white;width:300px;height:150px;"}]}}}]},{title:"音频",groupName:"原子组件",componentName:"CAudio",props:[{name:"src",title:"地址",valueType:"string",setters:["StringSetter","ExpressionSetter"]},{name:"autoPlay",title:"自动播放",valueType:"string",setters:["BooleanSetter","ExpressionSetter"]},{name:"controls",title:"控制面板",valueType:"string",setters:["BooleanSetter","ExpressionSetter"]},on],advanceCustom:{wrapComponent:()=>e=>w.jsx("div",{style:{display:"inline-block",fontSize:0},children:w.jsx("audio",{...e,style:{pointerEvents:"none",...e.style}})})},snippets:[{title:"音频",snapshotText:"Audio",category:"基础组件",schema:{props:{src:"https://vjs.zencdn.net/v/oceans.mp4",controls:!0}}}]},{title:"文本",componentName:"CText",groupName:"原子组件",props:[{name:"content",title:"内容",valueType:"string",setters:["TextAreaSetter","ExpressionSetter"]},on],snippets:[{title:"文本",snapshotText:"Text",category:"基础组件",schema:{props:{content:"text"}}}]},{title:"Canvas",componentName:"CCanvas",props:[{name:"afterMount",title:"渲染之后",valueType:"function",setters:["FunctionSetter","ExpressionSetter","TestSetter"]},{name:"beforeDestroy",title:"销毁之前",valueType:"function",setters:["FunctionSetter","ExpressionSetter"]},on],groupName:"原子组件",advanceCustom:{onNewAdd:async e=>{const t=e.getPlainProps(),r=Math.random().toString(32).slice(3,9);return t.$$attributes=[{key:"id",value:r},{key:"style",value:{display:"block",margin:"0 auto"}}],t.afterMount.value=t.afterMount.value.replace("$[id]",r),e.updateWithPlainObj({props:t}),{addNode:e}}},snippets:[{title:"画布",snapshotText:"Cavs",category:"基础组件",schema:{props:{width:"600px",height:"150px",style:{margin:"0 auto"},afterMount:{type:"FUNCTION",value:`
+    `,boxShadowTabsOverflowLeft:"inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)",boxShadowTabsOverflowRight:"inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)",boxShadowTabsOverflowTop:"inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)",boxShadowTabsOverflowBottom:"inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)"}),n)}var EC=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r};const dT={lineHeight:!0,lineHeightSM:!0,lineHeightLG:!0,lineHeightHeading1:!0,lineHeightHeading2:!0,lineHeightHeading3:!0,lineHeightHeading4:!0,lineHeightHeading5:!0,opacityLoading:!0,fontWeightStrong:!0,zIndexPopupBase:!0,zIndexBase:!0,opacityImage:!0},qJ={size:!0,sizeSM:!0,sizeLG:!0,sizeMD:!0,sizeXS:!0,sizeXXS:!0,sizeMS:!0,sizeXL:!0,sizeXXL:!0,sizeUnit:!0,sizeStep:!0,motionBase:!0,motionUnit:!0},UJ={screenXS:!0,screenXSMin:!0,screenXSMax:!0,screenSM:!0,screenSMMin:!0,screenSMMax:!0,screenMD:!0,screenMDMin:!0,screenMDMax:!0,screenLG:!0,screenLGMin:!0,screenLGMax:!0,screenXL:!0,screenXLMin:!0,screenXLMax:!0,screenXXL:!0,screenXXLMin:!0},hT=(e,t,r)=>{const n=r.getDerivativeToken(e),{override:o}=t,a=EC(t,["override"]);let i=Object.assign(Object.assign({},n),{override:o});return i=fT(i),a&&Object.entries(a).forEach(s=>{let[l,u]=s;const{theme:c}=u,f=EC(u,["theme"]);let d=f;c&&(d=hT(Object.assign(Object.assign({},i),f),{override:f},c)),i[l]=d}),i};function Nm(){const{token:e,hashed:t,theme:r,override:n,cssVar:o}=m.useContext(iT),a=`${VJ}-${t||""}`,i=r||aT,[s,l,u]=RY(i,[Pi,e],{salt:a,override:n,getComputedToken:hT,formatToken:fT,cssVar:o&&{prefix:o.prefix,key:o.key,unitless:dT,ignore:qJ,preserve:UJ}});return[i,u,t?l:"",s,o]}const GJ=function(e){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return{boxSizing:"border-box",margin:0,padding:0,color:e.colorText,fontSize:e.fontSize,lineHeight:e.lineHeight,listStyle:"none",fontFamily:t?"inherit":e.fontFamily}},WJ=()=>({display:"inline-flex",alignItems:"center",color:"inherit",fontStyle:"normal",lineHeight:0,textAlign:"center",textTransform:"none",verticalAlign:"-0.125em",textRendering:"optimizeLegibility","-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale","> *":{lineHeight:1},svg:{display:"inline-block"}}),KJ=e=>({a:{color:e.colorLink,textDecoration:e.linkDecoration,backgroundColor:"transparent",outline:"none",cursor:"pointer",transition:`color ${e.motionDurationSlow}`,"-webkit-text-decoration-skip":"objects","&:hover":{color:e.colorLinkHover},"&:active":{color:e.colorLinkActive},"&:active, &:hover":{textDecoration:e.linkHoverDecoration,outline:0},"&:focus":{textDecoration:e.linkFocusDecoration,outline:0},"&[disabled]":{color:e.colorTextDisabled,cursor:"not-allowed"}}}),XJ=(e,t,r,n)=>{const o=`[class^="${t}"], [class*=" ${t}"]`,a=r?`.${r}`:o,i={boxSizing:"border-box","&::before, &::after":{boxSizing:"border-box"}};let s={};return n!==!1&&(s={fontFamily:e.fontFamily,fontSize:e.fontSize}),{[a]:Object.assign(Object.assign(Object.assign({},s),i),{[o]:i})}},pT=(e,t)=>{const[r,n]=Nm();return og({theme:r,token:n,hashId:"",path:["ant-design-icons",e],nonce:()=>t==null?void 0:t.nonce,layer:{name:"antd"}},()=>[{[`.${e}`]:Object.assign(Object.assign({},WJ()),{[`.${e} .${e}-icon`]:{display:"block"}})}])},{genStyleHooks:YJ,genComponentStyleHook:LZ,genSubStyleComponent:$Z}=zJ({usePrefix:()=>{const{getPrefixCls:e,iconPrefixCls:t}=m.useContext(aa);return{rootPrefixCls:e(),iconPrefixCls:t}},useToken:()=>{const[e,t,r,n,o]=Nm();return{theme:e,realToken:t,hashId:r,token:n,cssVar:o}},useCSP:()=>{const{csp:e,iconPrefixCls:t}=m.useContext(aa);return pT(t,e),e??{}},getResetStyles:e=>[{"&":KJ(e)}],getCommonStyle:XJ,getCompUnitless:()=>dT}),JJ=Object.assign({},U),{useId:RC}=JJ,QJ=()=>"",ZJ=typeof RC>"u"?QJ:RC;function eQ(e,t,r){var n,o;const a=uu("ConfigProvider"),i=e||{},s=i.inherit===!1||!t?Object.assign(Object.assign({},ig),{hashed:(n=t==null?void 0:t.hashed)!==null&&n!==void 0?n:ig.hashed,cssVar:t==null?void 0:t.cssVar}):t,l=ZJ();if("{}".NODE_ENV!=="production"){const u=i.cssVar||s.cssVar,c=!!(typeof i.cssVar=="object"&&(!((o=i.cssVar)===null||o===void 0)&&o.key)||l);"{}".NODE_ENV!=="production"&&a(!u||c,"breaking","Missing key in `cssVar` config. Please upgrade to React 18 or set `cssVar.key` manually in each ConfigProvider inside `cssVar` enabled ConfigProvider.")}return g_(()=>{var u,c;if(!e)return t;const f=Object.assign({},s.components);Object.keys(e.components||{}).forEach(p=>{f[p]=Object.assign(Object.assign({},f[p]),e.components[p])});const d=`css-var-${l.replace(/:/g,"")}`,h=((u=i.cssVar)!==null&&u!==void 0?u:s.cssVar)&&Object.assign(Object.assign(Object.assign({prefix:r==null?void 0:r.prefixCls},typeof s.cssVar=="object"?s.cssVar:{}),typeof i.cssVar=="object"?i.cssVar:{}),{key:typeof i.cssVar=="object"&&((c=i.cssVar)===null||c===void 0?void 0:c.key)||d});return Object.assign(Object.assign(Object.assign({},s),i),{token:Object.assign(Object.assign({},s.token),i.token),components:f,cssVar:h})},[i,s],(u,c)=>u.some((f,d)=>{const h=c[d];return!JX(f,h,!0)}))}function OC(e){return e instanceof HTMLElement||e instanceof SVGElement}function tQ(e){return e&&_e(e)==="object"&&OC(e.nativeElement)?e.nativeElement:OC(e)?e:null}function rQ(e){var t=tQ(e);if(t)return t;if(e instanceof m.Component){var r;return(r=wr.findDOMNode)===null||r===void 0?void 0:r.call(wr,e)}return null}var nQ=["children"],gT=U.createContext({});function oQ(e){var t=e.children,r=qo(e,nQ);return U.createElement(gT.Provider,{value:r},t)}var aQ=function(e){jn(r,e);var t=iu(r);function r(){return pt(this,r),t.apply(this,arguments)}return gt(r,[{key:"render",value:function(){return this.props.children}}]),r}(U.Component);function iQ(e){var t=U.useReducer(function(s){return s+1},0),r=be(t,2),n=r[1],o=U.useRef(e),a=ug(function(){return o.current}),i=ug(function(s){o.current=typeof s=="function"?s(o.current):s,n()});return[a,i]}var yn="none",Ps="appear",Ms="enter",Ns="leave",TC="none",yr="prepare",Fo="start",zo="active",Am="end",vT="prepared";function jC(e,t){var r={};return r[e.toLowerCase()]=t.toLowerCase(),r["Webkit".concat(e)]="webkit".concat(t),r["Moz".concat(e)]="moz".concat(t),r["ms".concat(e)]="MS".concat(t),r["O".concat(e)]="o".concat(t.toLowerCase()),r}function sQ(e,t){var r={animationend:jC("Animation","AnimationEnd"),transitionend:jC("Transition","TransitionEnd")};return e&&("AnimationEvent"in t||delete r.animationend.animation,"TransitionEvent"in t||delete r.transitionend.transition),r}var lQ=sQ(un(),typeof window<"u"?window:{}),mT={};if(un()){var uQ=document.createElement("div");mT=uQ.style}var As={};function yT(e){if(As[e])return As[e];var t=lQ[e];if(t)for(var r=Object.keys(t),n=r.length,o=0;o<n;o+=1){var a=r[o];if(Object.prototype.hasOwnProperty.call(t,a)&&a in mT)return As[e]=t[a],As[e]}return""}var bT=yT("animationend"),xT=yT("transitionend"),wT=!!(bT&&xT),PC=bT||"animationend",MC=xT||"transitionend";function NC(e,t){if(!e)return null;if(_e(e)==="object"){var r=t.replace(/-\w/g,function(n){return n[1].toUpperCase()});return e[r]}return"".concat(e,"-").concat(t)}const cQ=function(e){var t=m.useRef();function r(o){o&&(o.removeEventListener(MC,e),o.removeEventListener(PC,e))}function n(o){t.current&&t.current!==o&&r(t.current),o&&o!==t.current&&(o.addEventListener(MC,e),o.addEventListener(PC,e),t.current=o)}return U.useEffect(function(){return function(){r(t.current)}},[]),[n,r]};var ST=un()?m.useLayoutEffect:m.useEffect,CT=function(t){return+setTimeout(t,16)},_T=function(t){return clearTimeout(t)};typeof window<"u"&&"requestAnimationFrame"in window&&(CT=function(t){return window.requestAnimationFrame(t)},_T=function(t){return window.cancelAnimationFrame(t)});var AC=0,fu=new Map;function ET(e){fu.delete(e)}var yl=function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1;AC+=1;var n=AC;function o(a){if(a===0)ET(n),t();else{var i=CT(function(){o(a-1)});fu.set(n,i)}}return o(r),n};yl.cancel=function(e){var t=fu.get(e);return ET(e),_T(t)};"{}".NODE_ENV!=="production"&&(yl.ids=function(){return fu});const fQ=function(){var e=U.useRef(null);function t(){yl.cancel(e.current)}function r(n){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:2;t();var a=yl(function(){o<=1?n({isCanceled:function(){return a!==e.current}}):r(n,o-1)});e.current=a}return U.useEffect(function(){return function(){t()}},[]),[r,t]};var dQ=[yr,Fo,zo,Am],hQ=[yr,vT],RT=!1,pQ=!0;function OT(e){return e===zo||e===Am}const gQ=function(e,t,r){var n=cg(TC),o=be(n,2),a=o[0],i=o[1],s=fQ(),l=be(s,2),u=l[0],c=l[1];function f(){i(yr,!0)}var d=t?hQ:dQ;return ST(function(){if(a!==TC&&a!==Am){var h=d.indexOf(a),p=d[h+1],g=r(a);g===RT?i(p,!0):p&&u(function(v){function b(){v.isCanceled()||i(p,!0)}g===!0?b():Promise.resolve(g).then(b)})}},[e,a]),U.useEffect(function(){return function(){c()}},[]),[f,a]};function vQ(e,t,r,n){var o=n.motionEnter,a=o===void 0?!0:o,i=n.motionAppear,s=i===void 0?!0:i,l=n.motionLeave,u=l===void 0?!0:l,c=n.motionDeadline,f=n.motionLeaveImmediately,d=n.onAppearPrepare,h=n.onEnterPrepare,p=n.onLeavePrepare,g=n.onAppearStart,v=n.onEnterStart,b=n.onLeaveStart,y=n.onAppearActive,C=n.onEnterActive,x=n.onLeaveActive,S=n.onAppearEnd,_=n.onEnterEnd,E=n.onLeaveEnd,R=n.onVisibleChanged,A=cg(),k=be(A,2),N=k[0],H=k[1],F=iQ(yn),$=be(F,2),I=$[0],q=$[1],T=cg(null),L=be(T,2),V=L[0],D=L[1],M=I(),j=m.useRef(!1),O=m.useRef(null);function B(){return r()}var G=m.useRef(!1);function K(){q(yn),D(null,!0)}var Q=ug(function(Ie){var Te=I();if(Te!==yn){var je=B();if(!(Ie&&!Ie.deadline&&Ie.target!==je)){var Fe=G.current,Tt;Te===Ps&&Fe?Tt=S==null?void 0:S(je,Ie):Te===Ms&&Fe?Tt=_==null?void 0:_(je,Ie):Te===Ns&&Fe&&(Tt=E==null?void 0:E(je,Ie)),Fe&&Tt!==!1&&K()}}}),re=cQ(Q),oe=be(re,1),J=oe[0],xe=function(Te){switch(Te){case Ps:return de(de(de({},yr,d),Fo,g),zo,y);case Ms:return de(de(de({},yr,h),Fo,v),zo,C);case Ns:return de(de(de({},yr,p),Fo,b),zo,x);default:return{}}},W=U.useMemo(function(){return xe(M)},[M]),Oe=gQ(M,!e,function(Ie){if(Ie===yr){var Te=W[yr];return Te?Te(B()):RT}if(Re in W){var je;D(((je=W[Re])===null||je===void 0?void 0:je.call(W,B(),null))||null)}return Re===zo&&M!==yn&&(J(B()),c>0&&(clearTimeout(O.current),O.current=setTimeout(function(){Q({deadline:!0})},c))),Re===vT&&K(),pQ}),ee=be(Oe,2),he=ee[0],Re=ee[1],me=OT(Re);G.current=me,ST(function(){H(t);var Ie=j.current;j.current=!0;var Te;!Ie&&t&&s&&(Te=Ps),Ie&&t&&a&&(Te=Ms),(Ie&&!t&&u||!Ie&&f&&!t&&u)&&(Te=Ns);var je=xe(Te);Te&&(e||je[yr])?(q(Te),he()):q(yn)},[t]),m.useEffect(function(){(M===Ps&&!s||M===Ms&&!a||M===Ns&&!u)&&q(yn)},[s,a,u]),m.useEffect(function(){return function(){j.current=!1,clearTimeout(O.current)}},[]);var bt=U.useRef(!1);m.useEffect(function(){N&&(bt.current=!0),N!==void 0&&M===yn&&((bt.current||N)&&(R==null||R(N)),bt.current=!0)},[N,M]);var nt=V;return W[yr]&&Re===Fo&&(nt=se({transition:"none"},nt)),[M,Re,nt,N??t]}function mQ(e){var t=e;_e(e)==="object"&&(t=e.transitionSupport);function r(o,a){return!!(o.motionName&&t&&a!==!1)}var n=U.forwardRef(function(o,a){var i=o.visible,s=i===void 0?!0:i,l=o.removeOnLeave,u=l===void 0?!0:l,c=o.forceRender,f=o.children,d=o.motionName,h=o.leavedClassName,p=o.eventProps,g=U.useContext(gT),v=g.motion,b=r(o,v),y=m.useRef(),C=m.useRef();function x(){try{return y.current instanceof HTMLElement?y.current:rQ(C.current)}catch{return null}}var S=vQ(b,s,x,o),_=be(S,4),E=_[0],R=_[1],A=_[2],k=_[3],N=U.useRef(k);k&&(N.current=!0);var H=U.useCallback(function(V){y.current=V,UP(a,V)},[a]),F,$=se(se({},p),{},{visible:s});if(!f)F=null;else if(E===yn)k?F=f(se({},$),H):!u&&N.current&&h?F=f(se(se({},$),{},{className:h}),H):c||!u&&!h?F=f(se(se({},$),{},{style:{display:"none"}}),H):F=null;else{var I;R===yr?I="prepare":OT(R)?I="active":R===Fo&&(I="start");var q=NC(d,"".concat(E,"-").concat(I));F=f(se(se({},$),{},{className:wg(NC(d,E),de(de({},q,q&&I),d,typeof d=="string")),style:A}),H)}if(U.isValidElement(F)&&GP(F)){var T=F,L=T.ref;L||(F=U.cloneElement(F,{ref:H}))}return U.createElement(aQ,{ref:C},F)});return n.displayName="CSSMotion",n}const yQ=mQ(wT);var dg="add",hg="keep",pg="remove",Ph="removed";function bQ(e){var t;return e&&_e(e)==="object"&&"key"in e?t=e:t={key:e},se(se({},t),{},{key:String(t.key)})}function gg(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];return e.map(bQ)}function xQ(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],r=[],n=0,o=t.length,a=gg(e),i=gg(t);a.forEach(function(u){for(var c=!1,f=n;f<o;f+=1){var d=i[f];if(d.key===u.key){n<f&&(r=r.concat(i.slice(n,f).map(function(h){return se(se({},h),{},{status:dg})})),n=f),r.push(se(se({},d),{},{status:hg})),n+=1,c=!0;break}}c||r.push(se(se({},u),{},{status:pg}))}),n<o&&(r=r.concat(i.slice(n).map(function(u){return se(se({},u),{},{status:dg})})));var s={};r.forEach(function(u){var c=u.key;s[c]=(s[c]||0)+1});var l=Object.keys(s).filter(function(u){return s[u]>1});return l.forEach(function(u){r=r.filter(function(c){var f=c.key,d=c.status;return f!==u||d!==pg}),r.forEach(function(c){c.key===u&&(c.status=hg)})}),r}var wQ=["component","children","onVisibleChanged","onAllRemoved"],SQ=["status"],CQ=["eventProps","visible","children","motionName","motionAppear","motionEnter","motionLeave","motionLeaveImmediately","motionDeadline","removeOnLeave","leavedClassName","onAppearPrepare","onAppearStart","onAppearActive","onAppearEnd","onEnterStart","onEnterActive","onEnterEnd","onLeaveStart","onLeaveActive","onLeaveEnd"];function _Q(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:yQ,r=function(n){jn(a,n);var o=iu(a);function a(){var i;pt(this,a);for(var s=arguments.length,l=new Array(s),u=0;u<s;u++)l[u]=arguments[u];return i=o.call.apply(o,[this].concat(l)),de(Ht(i),"state",{keyEntities:[]}),de(Ht(i),"removeKey",function(c){var f=i.state.keyEntities,d=f.map(function(h){return h.key!==c?h:se(se({},h),{},{status:Ph})});return i.setState({keyEntities:d}),d.filter(function(h){var p=h.status;return p!==Ph}).length}),i}return gt(a,[{key:"render",value:function(){var s=this,l=this.state.keyEntities,u=this.props,c=u.component,f=u.children,d=u.onVisibleChanged,h=u.onAllRemoved,p=qo(u,wQ),g=c||U.Fragment,v={};return CQ.forEach(function(b){v[b]=p[b],delete p[b]}),delete p.keys,U.createElement(g,p,l.map(function(b,y){var C=b.status,x=qo(b,SQ),S=C===dg||C===hg;return U.createElement(t,tt({},v,{key:x.key,visible:S,eventProps:x,onVisibleChanged:function(E){if(d==null||d(E,{key:x.key}),!E){var R=s.removeKey(x.key);R===0&&h&&h()}}}),function(_,E){return f(se(se({},_),{},{index:y}),E)})}))}}],[{key:"getDerivedStateFromProps",value:function(s,l){var u=s.keys,c=l.keyEntities,f=gg(u),d=xQ(c,f);return{keyEntities:d.filter(function(h){var p=c.find(function(g){var v=g.key;return h.key===v});return!(p&&p.status===Ph&&h.status===pg)})}}}]),a}(U.Component);return de(r,"defaultProps",{component:"div"}),r}_Q(wT);function EQ(e){const{children:t}=e,[,r]=Nm(),{motion:n}=r,o=U.useRef(!1);return o.current=o.current||n===!1,o.current?U.createElement(oQ,{motion:n},t):t}const TT=U.memo(e=>{let{dropdownMatchSelectWidth:t}=e;return uu("ConfigProvider").deprecated(t===void 0,"dropdownMatchSelectWidth","popupMatchSelectWidth"),null});"{}".NODE_ENV!=="production"&&(TT.displayName="PropWarning");const RQ="{}".NODE_ENV!=="production"?TT:()=>null;var OQ=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r};const TQ=["getTargetContainer","getPopupContainer","renderEmpty","input","pagination","form","select","button"];let jT;function jQ(){return jT||sg}function PQ(e){return Object.keys(e).some(t=>t.endsWith("Color"))}const MQ=e=>{const{prefixCls:t,iconPrefixCls:r,theme:n,holderRender:o}=e;t!==void 0&&(jT=t),n&&PQ(n)&&("{}".NODE_ENV!=="production"&&Ki(!1,"ConfigProvider","`config` of css variable theme is not work in v5. Please use new `theme` config instead."),RJ(jQ(),n))},NQ=e=>{const{children:t,csp:r,autoInsertSpaceInButton:n,alert:o,anchor:a,form:i,locale:s,componentSize:l,direction:u,space:c,virtual:f,dropdownMatchSelectWidth:d,popupMatchSelectWidth:h,popupOverflow:p,legacyLocale:g,parentContext:v,iconPrefixCls:b,theme:y,componentDisabled:C,segmented:x,statistic:S,spin:_,calendar:E,carousel:R,cascader:A,collapse:k,typography:N,checkbox:H,descriptions:F,divider:$,drawer:I,skeleton:q,steps:T,image:L,layout:V,list:D,mentions:M,modal:j,progress:O,result:B,slider:G,breadcrumb:K,menu:Q,pagination:re,input:oe,textArea:J,empty:xe,badge:W,radio:Oe,rate:ee,switch:he,transfer:Re,avatar:me,message:bt,tag:nt,table:Ie,card:Te,tabs:je,timeline:Fe,timePicker:Tt,upload:hr,notification:mn,tree:St,colorPicker:Ct,datePicker:Kt,rangePicker:kr,flex:jt,wave:Kr,dropdown:Lt,warning:Xt,tour:oo,floatButtonGroup:Pa,variant:ao,inputNumber:Ma,treeSelect:Nn}=e,An=U.useCallback(($e,qe)=>{const{prefixCls:Et}=e;if(qe)return qe;const Nt=Et||v.getPrefixCls("");return $e?`${Nt}-${$e}`:Nt},[v.getPrefixCls,e.prefixCls]),Pe=b||v.iconPrefixCls||sT,et=r||v.csp;pT(Pe,et);const ot=eQ(y,v.theme,{prefixCls:An("")}),Mt={csp:et,autoInsertSpaceInButton:n,alert:o,anchor:a,locale:s||g,direction:u,space:c,virtual:f,popupMatchSelectWidth:h??d,popupOverflow:p,getPrefixCls:An,iconPrefixCls:Pe,theme:ot,segmented:x,statistic:S,spin:_,calendar:E,carousel:R,cascader:A,collapse:k,typography:N,checkbox:H,descriptions:F,divider:$,drawer:I,skeleton:q,steps:T,image:L,input:oe,textArea:J,layout:V,list:D,mentions:M,modal:j,progress:O,result:B,slider:G,breadcrumb:K,menu:Q,pagination:re,empty:xe,badge:W,radio:Oe,rate:ee,switch:he,transfer:Re,avatar:me,message:bt,tag:nt,table:Ie,card:Te,tabs:je,timeline:Fe,timePicker:Tt,upload:hr,notification:mn,tree:St,colorPicker:Ct,datePicker:Kt,rangePicker:kr,flex:jt,wave:Kr,dropdown:Lt,warning:Xt,tour:oo,floatButtonGroup:Pa,variant:ao,inputNumber:Ma,treeSelect:Nn};"{}".NODE_ENV!=="production"&&uu("ConfigProvider")(!("autoInsertSpaceInButton"in e),"deprecated","`autoInsertSpaceInButton` is deprecated. Please use `{ button: { autoInsertSpace: boolean }}` instead.");const at=Object.assign({},v);Object.keys(Mt).forEach($e=>{Mt[$e]!==void 0&&(at[$e]=Mt[$e])}),TQ.forEach($e=>{const qe=e[$e];qe&&(at[$e]=qe)}),typeof n<"u"&&(at.button=Object.assign({autoInsertSpace:n},at.button));const it=g_(()=>at,at,($e,qe)=>{const Et=Object.keys($e),Nt=Object.keys(qe);return Et.length!==Nt.length||Et.some(or=>$e[or]!==qe[or])}),$t=U.useMemo(()=>({prefixCls:Pe,csp:et}),[Pe,et]);let Be=U.createElement(U.Fragment,null,U.createElement(RQ,{dropdownMatchSelectWidth:d}),t);const _t=U.useMemo(()=>{var $e,qe,Et,Nt;return aJ((($e=cu.Form)===null||$e===void 0?void 0:$e.defaultValidateMessages)||{},((Et=(qe=it.locale)===null||qe===void 0?void 0:qe.Form)===null||Et===void 0?void 0:Et.defaultValidateMessages)||{},((Nt=it.form)===null||Nt===void 0?void 0:Nt.validateMessages)||{},(i==null?void 0:i.validateMessages)||{})},[it,i==null?void 0:i.validateMessages]);Object.keys(_t).length>0&&(Be=U.createElement(sJ.Provider,{value:_t},Be)),s&&(Be=U.createElement(nT,{locale:s,_ANT_MARK__:rT},Be)),(Pe||et)&&(Be=U.createElement(bg.Provider,{value:$t},Be)),l&&(Be=U.createElement(TJ,{size:l},Be)),Be=U.createElement(EQ,null,Be);const Xr=U.useMemo(()=>{const $e=ot||{},{algorithm:qe,token:Et,components:Nt,cssVar:or}=$e,Yr=OQ($e,["algorithm","token","components","cssVar"]),P=qe&&(!Array.isArray(qe)||qe.length>0)?Qp(qe):aT,Y={};Object.entries(Nt||{}).forEach(pe=>{let[Ee,De]=pe;const ve=Object.assign({},De);"algorithm"in ve&&(ve.algorithm===!0?ve.theme=P:(Array.isArray(ve.algorithm)||typeof ve.algorithm=="function")&&(ve.theme=Qp(ve.algorithm)),delete ve.algorithm),Y[Ee]=ve});const te=Object.assign(Object.assign({},Pi),Et);return Object.assign(Object.assign({},Yr),{theme:P,token:te,components:Y,override:Object.assign({override:te},Y),cssVar:or})},[ot]);return y&&(Be=U.createElement(iT.Provider,{value:Xr},Be)),it.warning&&(Be=U.createElement(ZO.Provider,{value:it.warning},Be)),C!==void 0&&(Be=U.createElement(OJ,{disabled:C},Be)),U.createElement(aa.Provider,{value:it},Be)},ja=e=>{const t=U.useContext(aa),r=U.useContext(tT);return U.createElement(NQ,Object.assign({parentContext:t,legacyLocale:r},e))};ja.ConfigContext=aa;ja.SizeContext=Mi;ja.config=MQ;ja.useConfig=jJ;Object.defineProperty(ja,"SizeContext",{get:()=>("{}".NODE_ENV!=="production"&&Ki(!1,"ConfigProvider","ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead."),Mi)});"{}".NODE_ENV!=="production"&&(ja.displayName="ConfigProvider");const AQ=e=>{const{paddingXXS:t,lineWidth:r,tagPaddingHorizontal:n,componentCls:o,calc:a}=e,i=a(n).sub(r).equal(),s=a(t).sub(r).equal();return{[o]:Object.assign(Object.assign({},GJ(e)),{display:"inline-block",height:"auto",marginInlineEnd:e.marginXS,paddingInline:i,fontSize:e.tagFontSize,lineHeight:e.tagLineHeight,whiteSpace:"nowrap",background:e.defaultBg,border:`${vl(e.lineWidth)} ${e.lineType} ${e.colorBorder}`,borderRadius:e.borderRadiusSM,opacity:1,transition:`all ${e.motionDurationMid}`,textAlign:"start",position:"relative",[`&${o}-rtl`]:{direction:"rtl"},"&, a, a:hover":{color:e.defaultColor},[`${o}-close-icon`]:{marginInlineStart:s,fontSize:e.tagIconSize,color:e.colorTextDescription,cursor:"pointer",transition:`all ${e.motionDurationMid}`,"&:hover":{color:e.colorTextHeading}},[`&${o}-has-color`]:{borderColor:"transparent",[`&, a, a:hover, ${e.iconCls}-close, ${e.iconCls}-close:hover`]:{color:e.colorTextLightSolid}},"&-checkable":{backgroundColor:"transparent",borderColor:"transparent",cursor:"pointer",[`&:not(${o}-checkable-checked):hover`]:{color:e.colorPrimary,backgroundColor:e.colorFillSecondary},"&:active, &-checked":{color:e.colorTextLightSolid},"&-checked":{backgroundColor:e.colorPrimary,"&:hover":{backgroundColor:e.colorPrimaryHover}},"&:active":{backgroundColor:e.colorPrimaryActive}},"&-hidden":{display:"none"},[`> ${e.iconCls} + span, > span + ${e.iconCls}`]:{marginInlineStart:i}}),[`${o}-borderless`]:{borderColor:"transparent",background:e.tagBorderlessBg}}},kQ=e=>{const{lineWidth:t,fontSizeIcon:r,calc:n}=e,o=e.fontSizeSM;return Mm(e,{tagFontSize:o,tagLineHeight:vl(n(e.lineHeightSM).mul(o).equal()),tagIconSize:n(r).sub(n(t).mul(2)).equal(),tagPaddingHorizontal:8,tagBorderlessBg:e.defaultBg})},IQ=e=>({defaultBg:new Ft(e.colorFillQuaternary).onBackground(e.colorBgContainer).toHexString(),defaultColor:e.colorText}),DQ=YJ("Tag",e=>{const t=kQ(e);return AQ(t)},IQ);var LQ=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r};const $Q=U.forwardRef((e,t)=>{const{prefixCls:r,style:n,className:o,checked:a,onChange:i,onClick:s}=e,l=LQ(e,["prefixCls","style","className","checked","onChange","onClick"]),{getPrefixCls:u,tag:c}=U.useContext(aa),f=b=>{i==null||i(!a),s==null||s(b)},d=u("tag",r),[h,p,g]=DQ(d),v=wg(d,`${d}-checkable`,{[`${d}-checkable-checked`]:a},c==null?void 0:c.className,o,p,g);return h(U.createElement("span",Object.assign({},l,{ref:t,style:Object.assign(Object.assign({},n),c==null?void 0:c.style),className:v,onClick:f})))}),BQ="_cssFieldBox_1t7y7_2",FQ="_inputAuto_1t7y7_17",zQ="_error_1t7y7_22",VQ="_keyField_1t7y7_25",HQ="_notEdit_1t7y7_30",qQ="_active_1t7y7_33",UQ="_cssBox_1t7y7_37",nn={cssFieldBox:BQ,inputAuto:FQ,error:zQ,keyField:VQ,notEdit:HQ,active:qQ,cssBox:UQ},kC=m.forwardRef(function(t,r){const[n,o]=m.useState(""),[a,i]=m.useState(""),{mode:s="edit"}=t,l=m.useMemo(()=>s==="create",[s]),u=t.value,[c,f]=m.useState(Ks),[d,h]=m.useState([]),[p,g]=m.useState([]),v=R=>{const A=Ks.filter(k=>k.value.includes(R));f(R?A:Ks)},b=()=>{var k;let R=[];const A=HR[u==null?void 0:u.property];A&&(R=((k=A.values)==null?void 0:k.map(N=>({value:N})))||[]),h(R),g(R)},y=R=>{const A=p.filter(k=>k.value.includes(R));h(R?A:p)},C=R=>{var A;return(A=t.onValueChange)==null||A.call(t,{property:R,value:(u==null?void 0:u.value)||""}),!0},x=m.useRef(null),S=m.useRef(null),[_,E]=m.useState({key:!1,value:!1});return m.useImperativeHandle(r,()=>({reset:()=>{var R;(R=S.current)==null||R.focus()}}),[]),w.jsxs("div",{className:nn.cssFieldBox,children:[w.jsxs("div",{className:Ke([nn.keyField,l&&nn.inputAuto,l&&_.key&&nn.active,n==="error"&&nn.error,!l&&nn.notEdit]),children:[w.jsx(z.AutoComplete,{ref:S,bordered:!1,disabled:!l,onSearch:v,status:n,popupMatchSelectWidth:200,value:u==null?void 0:u.property,onChange:R=>{C(R)},style:{width:"100%",position:"absolute",left:0,top:0},onFocus:()=>{E({key:!0,value:!1})},onBlur:()=>{E({key:!1,value:!1})},onKeyDown:R=>{var A;R.code==="Enter"&&(n||(A=x.current)==null||A.focus())},placeholder:"property",options:c}),w.jsx("span",{style:{display:"inline-block",visibility:"hidden",minWidth:"60px",padding:"0 2px"},children:u==null?void 0:u.property})]}),w.jsx("span",{style:{padding:"0 2px"},children:":"}),w.jsx(z.AutoComplete,{bordered:!1,ref:x,status:a,popupMatchSelectWidth:200,value:u==null?void 0:u.value,onChange:R=>{var A;b(),(A=t.onValueChange)==null||A.call(t,{property:(u==null?void 0:u.property)||"",value:R||""})},style:{flex:1},onFocus:()=>{E({key:!1,value:!0})},onBlur:()=>{E({key:!1,value:!1})},className:Ke([nn.inputAuto,_.value&&nn.active]),placeholder:"value",onSearch:y,options:d,onKeyDown:R=>{var A;R.code==="Enter"&&l&&((A=t.onCreate)==null||A.call(t,{property:(u==null?void 0:u.property)||"",value:(u==null?void 0:u.value)||""}))}}),t.onDelete&&s==="edit"&&w.jsx(z.Button,{size:"small",type:"text",onClick:()=>{var R;(R=t.onDelete)==null||R.call(t)},children:w.jsx(Tg,{style:{display:"inline-flex",fontSize:"12px"}})}),t.onCreate&&s==="create"&&w.jsx("div",{children:w.jsx(z.Button,{size:"small",type:"text",icon:w.jsx(Sl,{style:{fontSize:"12px",display:"inline-flex"}}),onClick:()=>{var R;(R=t.onCreate)==null||R.call(t,{property:(u==null?void 0:u.property)||"",value:(u==null?void 0:u.value)||""})}})})]})}),Ks=pU.map(e=>({value:e})),vg=m.forwardRef(function(t,r){const[n,o]=m.useState([]),[a,i]=m.useState({property:"",value:""});m.useImperativeHandle(r,()=>({setValue:u=>{o(u)}}),[]),m.useEffect(()=>{t.initialValue&&o([...t.initialValue])},[]);const s=u=>{var c;(c=t.onValueChange)==null||c.call(t,u)},l=m.useRef(null);return w.jsx(z.ConfigProvider,{theme:{token:{borderRadius:4}},children:w.jsxs("div",{className:nn.cssBox,children:[n.map((u,c)=>w.jsx("div",{children:w.jsx(kC,{mode:"edit",allValues:n,value:u,onValueChange:f=>{n[c]=f;const d=JSON.parse(JSON.stringify(n));o(d),s(d)},onDelete:()=>{n.splice(c,1);const f=JSON.parse(JSON.stringify(n));o(f),s(f)}})},c)),w.jsx(kC,{allValues:n,mode:"create",value:a,ref:l,onValueChange:u=>{i({...u})},onCreate:u=>{var c;if(u.property&&u.value){const f=[...n];f.push(u),o(f),i({property:"",value:""}),s(f),(c=l.current)==null||c.reset()}}},"newInput")]})})}),GQ="_stateTag_5a8hc_2",WQ="_stateTagClose_5a8hc_5",IC={stateTag:GQ,stateTagClose:WQ},KQ=["normal","hover","focus","focus-within","focus-visible","checked","disable","active"],DC=KQ.map(e=>({key:e,label:e})),PT=e=>{const[t,r]=m.useState("normal"),[n]=m.useState([{key:"991",maxWidth:"991",label:"Medial Query ( <= 991 px )"},{key:"767",maxWidth:"767",label:"Medial Query ( <= 767 px )"},{key:"479",maxWidth:"479",label:"Medial Query ( <= 479 px )"}]),o=m.useRef({}),a=v=>{r(v)},[i,s]=m.useState([]),l=m.useMemo(()=>DC.filter(v=>!i.includes(v.key)),[i]),u=m.useMemo(()=>DC.filter(v=>i.includes(v.key)),[i]),[c,f]=m.useState(e.initialValue??{});m.useEffect(()=>{const v=Object.keys(c);s(v)},[c]);const d=m.useMemo(()=>{const v=c==null?void 0:c[t];if(!v)return{};const b={};return Object.keys(v).forEach(y=>{b[y]=Hg(v[y]||"")}),b},[t,c]),h=m.useCallback(()=>{Object.keys(o.current).forEach(v=>{var C;const b=(C=o.current)==null?void 0:C[v],y=d[v]||[];b&&b.setValue(y)})},[d]),p=m.useRef();p.current=h,e.handler&&(e.handler.current={setValue:async v=>{var b;f(v),await Vr(),(b=p.current)==null||b.call(p)}}),m.useEffect(()=>{h()},[h,t]);const g=m.useCallback((v,b)=>{var C;const y={...c,[t]:{...c[t]||{},[v]:d2(b)}};(C=e.onValueChange)==null||C.call(e,y)},[c,e,t]);return w.jsx(w.Fragment,{children:w.jsxs(z.Card,{size:"small",type:"inner",title:w.jsx("span",{style:{fontSize:"12px"},children:"CSS"}),extra:w.jsx(z.Dropdown,{menu:{items:l,onClick:v=>{s(b=>[...b,v.key])}},children:w.jsx(Sl,{})}),children:[w.jsx(z.Space,{size:[0,8],wrap:!0,style:{paddingBottom:"10px"},children:u.map(v=>{const b=t.includes(v.key);return w.jsxs($Q,{style:{border:b?"1px solid rgba(0,0,0,0))":"1px solid rgb(216 216 216 / 82%)"},checked:b,onChange:()=>a(v.key),className:IC.stateTag,children:[v.label,v.key!=="normal"&&w.jsx(c_,{className:IC.stateTagClose,onClick:y=>{y.stopPropagation(),y.preventDefault(),s(C=>C.filter(x=>x!==v.key)),r("normal")}})]},v.key)})}),w.jsx(z.Collapse,{defaultActiveKey:["normal"],bordered:!1,style:{marginBottom:"10px"},onChange:async()=>{var v;await Vr(),(v=p.current)==null||v.call(p)},items:[{key:"normal",label:w.jsx("span",{children:"Default"}),children:w.jsx(vg,{ref:v=>{o.current.normal=v},onValueChange:v=>g("normal",v),initialValue:d.normal})},...n.map(v=>({key:v.key,label:w.jsx("span",{children:v.label}),children:w.jsx(vg,{ref:b=>{o.current[v.key]=b},onValueChange:b=>g(v.key,b)})}))]})]})})},XQ="_label_1850u_2",YQ="_font_1850u_9",JQ="_fontOption_1850u_16",QQ="_row_1850u_21",ZQ="_CSSUIPanel_1850u_25",ie={label:XQ,font:YQ,"m-p":"_m-p_1850u_12",fontOption:JQ,row:QQ,CSSUIPanel:ZQ},ks=["width","height","min-width","max-width","min-height","max-height","flex","display"];function Mh(e){return e.reduce((t,r)=>({...t,[r]:""}),{})}const In={px:2048,vw:100,vh:100,rem:100},eZ=m.forwardRef((e,t)=>{const[r,n]=m.useState(e.initialValue??Mh(ks)),o=m.useCallback((i,s)=>{n(l=>{var c;const u={...l,...Ii(i,ks)};return s!==!0&&((c=e.onChange)==null||c.call(e,u)),u})},[e]);m.useImperativeHandle(t,()=>({setValue:i=>o({...Mh(ks),...i},!0),setEmptyValue:()=>{n(Mh(ks))}}),[o]);const a=m.useMemo(()=>e.value??r,[e.value,r]);return w.jsxs("div",{children:[w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{span:24,style:{display:"flex"},children:[w.jsx("span",{className:ie.label,children:"layout:"}),w.jsxs(z.Radio.Group,{value:a.display,size:"small",buttonStyle:"solid",onChange:i=>{o({display:i.target.value})},children:[w.jsx(z.Radio.Button,{value:"block",children:"Block"}),w.jsx(z.Radio.Button,{value:"inline-block",children:"InlineB"}),w.jsx(z.Radio.Button,{value:"inline",children:"Inline"}),w.jsx(z.Radio.Button,{value:"none",children:"None"})]})]})}),w.jsxs(z.Row,{className:ie.row,children:[w.jsxs(z.Col,{span:12,style:{display:"flex"},children:[w.jsx("span",{className:ie.label,children:"width:"}),w.jsx(mt,{min:0,max:In,value:a.width,onValueChange:i=>{o({width:i})},style:{width:"90px"},size:"small"})]}),w.jsxs(z.Col,{span:12,children:[w.jsx("span",{className:ie.label,children:"height:"}),w.jsx(mt,{min:0,max:In,value:a.height,onValueChange:i=>{o({height:i})},style:{width:"90px"},size:"small"})]})]}),w.jsxs("div",{children:[w.jsxs(z.Row,{className:ie.row,children:[w.jsxs(z.Col,{span:12,style:{display:"flex"},children:[w.jsx("span",{className:ie.label,children:"minW:"}),w.jsx(mt,{style:{width:"90px"},min:0,max:In,value:a["min-width"],onValueChange:i=>{o({"min-width":i})},size:"small"})]}),w.jsxs(z.Col,{span:12,children:[w.jsx("span",{className:ie.label,children:"minH:"}),w.jsx(mt,{min:0,max:In,value:a["min-height"],onValueChange:i=>{o({"min-height":i})},style:{width:"90px"},size:"small"})]})]}),w.jsxs(z.Row,{className:ie.row,children:[w.jsxs(z.Col,{span:12,style:{display:"flex"},children:[w.jsx("span",{className:ie.label,children:"maxW:"}),w.jsx(mt,{style:{width:"90px"},min:0,max:In,value:a["max-width"],onValueChange:i=>{o({"max-width":i})},size:"small"})]}),w.jsxs(z.Col,{span:12,children:[w.jsx("span",{className:ie.label,children:"maxH:"}),w.jsx(mt,{style:{width:"90px"},min:0,max:In,value:a["max-height"],onValueChange:i=>{o({"max-height":i})},size:"small"})]})]}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{span:12,style:{display:"flex"},children:[w.jsx("span",{className:ie.label,children:"flex:"}),w.jsx(mt,{style:{width:"90px"},unit:!1,min:0,max:In,value:a.flex,onValueChange:i=>{o({flex:i||""})},size:"small"})]})})]})]})}),Is={px:2048,vw:100,vh:100,rem:100},Ds="100px",Nh=()=>({left:"",right:"",top:"",bottom:""}),LC=m.forwardRef((e,t)=>{const[r,n]=m.useState(e.initialValue??Nh()),o=m.useMemo(()=>["left","top","right","bottom"].map(l=>`${e.prefix}-${l}`),[e.prefix]),a=m.useCallback((l,u)=>{n(c=>{var h;const f={...c,...l},d=Object.keys(f).reduce((p,g)=>(g==="all"?p[`${e.prefix}`]=f==null?void 0:f[g]:p[`${e.prefix}-${g}`]=f==null?void 0:f[g],p),{});return u!==!0&&((h=e.onChange)==null||h.call(e,Ii(d,o))),f})},[e]);m.useImperativeHandle(t,()=>({setValue:l=>{a({...Nh(),...i(l,e.prefix)},!0)},setEmptyValue:()=>{a({...Nh()},!0)}}),[e.prefix,a]);const i=(l,u)=>Object.keys(l||{}).filter(d=>d.includes(u)).reduce((d,h)=>(h.replace(`${e.prefix}`,"")===""?d.all=l==null?void 0:l[h]:d[h.replace(`${e.prefix}-`,"")]=l==null?void 0:l[h],d),{}),s=m.useMemo(()=>{const l=i(e.value||{},e.prefix);return e.value===void 0?r:l},[e.value,e.prefix,r]);return w.jsxs("div",{children:[w.jsxs(z.Row,{className:ie.row,children:[w.jsxs(z.Col,{span:12,style:{display:"flex"},children:[w.jsx("span",{className:Ke([ie.label,ie["m-p"]]),children:"T:"}),w.jsx(mt,{min:0,max:Is,value:s.top,onValueChange:l=>{a({top:l})},style:{width:Ds},size:"small"})]}),w.jsxs(z.Col,{span:12,children:[w.jsx("span",{className:Ke([ie.label,ie["m-p"]]),children:"L:"}),w.jsx(mt,{min:0,max:Is,value:s.left,onValueChange:l=>{a({left:l})},style:{width:Ds},size:"small"})]})]}),w.jsx("div",{children:w.jsxs(z.Row,{className:ie.row,children:[w.jsxs(z.Col,{span:12,children:[w.jsx("span",{className:Ke([ie.label,ie["m-p"]]),children:"B:"}),w.jsx(mt,{min:0,max:Is,value:s.bottom,onValueChange:l=>{a({bottom:l})},style:{width:Ds},size:"small"})]}),w.jsxs(z.Col,{span:12,style:{display:"flex"},children:[w.jsx("span",{className:Ke([ie.label,ie["m-p"]]),children:"R:"}),w.jsx(mt,{style:{width:Ds},min:0,max:Is,value:s.right,onValueChange:l=>{a({right:l})},size:"small"})]})]})})]})}),du=m.forwardRef(function(t,r){const[n,o]=m.useState();return m.useImperativeHandle(r,()=>({updateColor:a=>{o(a)}})),w.jsx(z.ColorPicker,{...t,value:n,onChange:a=>{o(a)},onChangeComplete:a=>{var i;(i=t.onChange)==null||i.call(t,a.toRgbString())}})}),tZ=["font-size","color","text-align","font-weight"],rZ={px:100,vw:100,vh:100,rem:100},nZ=[{label:w.jsx("span",{className:ie.fontOption,children:"Left"}),value:"left"},{label:w.jsx("span",{className:ie.fontOption,children:"Center"}),value:"center"},{label:w.jsx("span",{className:ie.fontOption,children:"Right"}),value:"Right"}],oZ=[{label:w.jsx("span",{className:ie.fontOption,children:"Regular"}),value:"400"},{label:w.jsx("span",{className:ie.fontOption,children:"Medium"}),value:"500"},{label:w.jsx("span",{className:ie.fontOption,children:"Bold"}),value:"700"}],Ah=()=>({"font-size":"",color:"","text-align":"","font-weight":""}),aZ=m.forwardRef((e,t)=>{const[r,n]=m.useState(e.initialValue??Ah()),o=m.useRef(null),a=m.useCallback((s,l)=>{n(u=>{var f;const c={...u,...s};return l!==!0&&((f=e.onChange)==null||f.call(e,c)),c})},[e]);m.useImperativeHandle(t,()=>({setValue:s=>{var l;(l=o.current)==null||l.updateColor((s==null?void 0:s.color)||""),a({...Ah(),...Ii(s,tZ)},!0)},setEmptyValue:()=>{a({...Ah()},!0)}}),[a]);const i=m.useMemo(()=>e.value??r,[e.value,r]);return w.jsxs("div",{children:[w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{style:{display:"flex"},children:[w.jsx("span",{className:Ke([ie.label]),children:"Color:"}),w.jsx(du,{ref:o,showText:!0,size:"small",onChange:s=>{a({color:s})},presets:Wi})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{children:[w.jsx("span",{className:ie.label,children:"Size:"}),w.jsx(mt,{min:0,max:rZ,value:i["font-size"],onValueChange:s=>{a({"font-size":s})},style:{width:"158px"},size:"small"})]})}),w.jsxs(z.Row,{className:ie.row,children:[w.jsx("span",{className:Ke([ie.label]),children:"Align:"}),w.jsx(z.Radio.Group,{options:nZ,onChange:({target:{value:s}})=>{a({"text-align":s})},value:i["text-align"]})]}),w.jsxs(z.Row,{className:ie.row,children:[w.jsx("span",{className:Ke([ie.label]),children:"Weight:"}),w.jsx(z.Radio.Group,{options:oZ,onChange:({target:{value:s}})=>{a({"font-weight":s})},value:i["font-weight"]})]})]})}),iZ=["border","border-radius"],$C={px:100,vw:100,vh:100,rem:100},kh=()=>({border:"","border-radius":""}),sZ=m.forwardRef((e,t)=>{const[r,n]=m.useState(e.initialValue??kh()),o=m.useRef(null),a=m.useCallback((l,u)=>{n(c=>{var d;const f={...c,...l};return u!==!0&&((d=e.onChange)==null||d.call(e,f)),f})},[e]);m.useImperativeHandle(t,()=>({setValue:l=>{const u=kh();Object.keys(l).length?a({...u,...Ii(l,iZ)},!0):a(u,!0)},setEmptyValue:()=>{a({...kh()},!0)}}),[a]);const i=m.useMemo(()=>{var f;const l=r.border||"",u=l.split(" "),c={size:u[0]||"",type:u[1]||"",color:l.replace(" ","").replace(u[0],"").replace(u[1],"")};return(f=o.current)==null||f.updateColor(c.color),c},[r]),s=l=>{a({border:`${l.size||"0px"} ${l.type||"none"} ${l.color||"transparent"}`.trim()})};return w.jsxs("div",{children:[w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{style:{position:"relative"},span:24,children:[w.jsx(Eg,{style:{position:"absolute",right:0,top:"5px",color:"#4e4e4e",cursor:"pointer"},onClick:()=>{a({border:void 0})}}),w.jsx("span",{className:ie.label,children:"Size:"}),w.jsx(mt,{min:0,max:$C,value:i.size,style:{width:"100px"},unitList:["px"],onValueChange:l=>{s({...i,size:l||""})},size:"small"})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{style:{display:"flex"},children:[w.jsx("span",{className:Ke([ie.label]),children:"Color:"}),w.jsx(du,{ref:o,showText:!0,size:"small",value:i.color||"",onChange:l=>{s({...i,color:l})},presets:Wi})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{style:{display:"flex"},children:[w.jsx("span",{className:Ke([ie.label]),children:"Type:"}),w.jsxs(z.Radio.Group,{value:i.type,size:"small",onChange:l=>{s({...i,type:l.target.value||""})},children:[w.jsx(z.Radio.Button,{value:"solid",children:"Solid"}),w.jsx(z.Radio.Button,{value:"dashed",children:"Dashed"}),w.jsx(z.Radio.Button,{value:"dotted",children:"Dotted"}),w.jsx(z.Radio.Button,{value:"none",children:"None"})]})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{children:[w.jsx("span",{className:ie.label,children:"Radius:"}),w.jsx(mt,{min:0,max:$C,value:r["border-radius"],onValueChange:l=>{a({"border-radius":l})},style:{width:"158px"},size:"small"})]})})]})}),lZ=["background-color","background-image","background-repeat","background-size"],Ih=()=>({"background-color":"","background-image":"","background-size":"","background-repeat":""}),uZ=m.forwardRef((e,t)=>{var s;const[r,n]=m.useState(e.initialValue??Ih()),o=m.useRef(null),a=m.useCallback((l,u)=>{n(c=>{var d,h;const f={...c,...l};return(d=o.current)==null||d.updateColor(f["background-color"]),u!==!0&&((h=e.onChange)==null||h.call(e,f)),f})},[e]);m.useImperativeHandle(t,()=>({setValue:l=>{const u=Ih();Object.keys(l).length?a({...u,...Ii(l,lZ)},!0):a(u,!0)},setEmptyValue:()=>{const l=Ih();a(l,!0)}}),[a]);const i=m.useMemo(()=>e.value??r,[e.value,r]);return w.jsxs("div",{children:[w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{span:24,style:{display:"flex"},children:[w.jsx("span",{className:Ke([ie.label]),children:"Color:"}),w.jsx(du,{ref:o,showText:!0,size:"small",value:i["background-color"]||"",onChange:l=>{a({"background-color":l})},presets:Wi})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{span:24,style:{display:"flex"},children:[w.jsx("span",{className:ie.label,children:"Image:"}),w.jsx(z.Input,{style:{flex:1},size:"small",value:((s=/url\(['|"|*]?(.+?)['|"|*]?\)/.exec(i["background-image"]))==null?void 0:s[1])||"",onChange:l=>{console.log(`url("${l.target.value}")`),a({"background-image":`url("${l.target.value}")`})}})]})}),w.jsxs(z.Row,{className:ie.row,children:[w.jsx("span",{className:ie.label,children:"Size:"}),w.jsxs(z.Radio.Group,{size:"small",defaultValue:"a",buttonStyle:"solid",value:i["background-size"],onChange:l=>{a({"background-size":l.target.value})},children:[w.jsx(z.Radio.Button,{value:"contain",children:"Contain"}),w.jsx(z.Radio.Button,{value:"cover",children:"Cover"}),w.jsx(z.Radio.Button,{value:"auto",children:"Auto"})]})]}),w.jsxs(z.Row,{className:ie.row,children:[w.jsx("span",{className:ie.label,children:"Repeat:"}),w.jsxs(z.Radio.Group,{size:"small",buttonStyle:"solid",value:i["background-repeat"],onChange:l=>{a({"background-repeat":l.target.value})},children:[w.jsx(z.Radio.Button,{value:"repeat",children:"Repeat"}),w.jsx(z.Radio.Button,{value:"no-repeat",children:"NoRepeat"})]})]})]})}),Dh=()=>({"box-shadow":""}),cZ=m.forwardRef((e,t)=>{const[r,n]=m.useState(e.initialValue??Dh()),o=m.useRef(null),a=m.useMemo(()=>{var u,c;const s=((u=e.value)==null?void 0:u["box-shadow"])??r["box-shadow"],l=Bs(s||"")[0]||{};return(c=o.current)==null||c.updateColor(l.color||""),l},[e.value,r]),i=m.useCallback((s,l)=>{n(u=>{var g,v;console.log("set val",u,s);const c=(g=e.value)==null?void 0:g["box-shadow"],d={...Bs(c||"")[0]||{},...s},h=`${d.offsetX||"0"} ${d.offsetY||"0"} ${d.blur||"0"} ${d.spread||"0"} ${d.color||"transparent"}`,p={...u,"box-shadow":h};return l!==!0&&((v=e.onChange)==null||v.call(e,p)),p})},[e]);return m.useImperativeHandle(t,()=>({setValue:s=>{i({...Dh(),...Bs(s["box-shadow"]||"")[0]},!0)},setEmptyValue:()=>{i({...Dh()},!0)}}),[i]),w.jsxs("div",{children:[w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{children:[w.jsx("span",{className:ie.label,children:"OffsetX:"}),w.jsx(mt,{min:-40,max:40,unitList:["px"],value:a.offsetX,onValueChange:s=>{i({...a,offsetX:s})},style:{width:"158px"},size:"small"})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{children:[w.jsx("span",{className:ie.label,children:"OffsetY:"}),w.jsx(mt,{min:-40,max:40,unitList:["px"],value:a.offsetY,onValueChange:s=>{i({...a,offsetY:s})},style:{width:"158px"},size:"small"})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{children:[w.jsx("span",{className:ie.label,children:"Blur:"}),w.jsx(mt,{min:-40,max:40,unitList:["px"],value:a.blur,onValueChange:s=>{i({...a,blur:s})},style:{width:"158px"},size:"small"})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{children:[w.jsx("span",{className:ie.label,children:"Spread:"}),w.jsx(mt,{min:-40,max:40,unitList:["px"],value:a.spread,onValueChange:s=>{i({...a,spread:s})},style:{width:"158px"},size:"small"})]})}),w.jsx(z.Row,{className:ie.row,children:w.jsxs(z.Col,{span:24,style:{display:"flex"},children:[w.jsx("span",{className:Ke([ie.label]),children:"Color:"}),w.jsx(du,{ref:o,showText:!0,size:"small",onChange:s=>{i({...a,color:s})},presets:Wi})]})})]})}),fZ=m.forwardRef(({value:e,initialVal:t,onValueChange:r},n)=>{const o=m.useRef(null),a=m.useRef(null),i=m.useRef(null),s=m.useRef(null),l=m.useRef(null),u=m.useRef(null),c=m.useRef(null),f=[o,a,i,s,l,u,c],d=m.useRef(null),h=()=>{const g=d.current??e;f.forEach(v=>{var b,y;(b=v.current)==null||b.setEmptyValue(),(y=v.current)==null||y.setValue(g||{})})};m.useImperativeHandle(n,()=>({setValue:g=>{d.current=g,f.forEach(v=>{var b,y;(b=v.current)==null||b.setEmptyValue(),(y=v.current)==null||y.setValue(g)})},setEmptyValue:()=>{f.forEach(g=>{var v;(v=g.current)==null||v.setEmptyValue()})}}),[]);const p=m.useMemo(()=>[{key:"dimension",label:"Dimension",children:w.jsx(eZ,{ref:o,initialValue:t,value:e,onChange:g=>{const v={...d.current||{},...g};d.current=v,r==null||r(v)}})},{key:"margin",label:"Margin",children:w.jsx(LC,{prefix:"margin",ref:a,initialValue:t,value:e,onChange:g=>{const v={...d.current||{},...g};d.current=v,r==null||r(v)}})},{key:"padding",label:"Padding",children:w.jsx(LC,{ref:i,initialValue:t,prefix:"padding",value:e,onChange:g=>{const v={...d.current||{},...g};d.current=v,r==null||r(v)}})},{key:"font",label:"Font",children:w.jsx(aZ,{ref:c,initialValue:t,value:e,onChange:g=>{const v={...d.current||{},...g};d.current=v,r==null||r(v)}})},{key:"background",label:"Background",children:w.jsx(uZ,{ref:l,value:e,initialValue:t,onChange:g=>{const v={...d.current||{},...g};d.current=v,r==null||r(v)}})},{key:"border",label:"Border",children:w.jsx(sZ,{ref:s,initialValue:t,onChange:g=>{const v={...d.current||{},...g};d.current=v,r==null||r(v)}})},{key:"shadow",label:"Shadow",children:w.jsx(cZ,{ref:u,initialValue:t,value:e,onChange:g=>{r==null||r({...d.current||{},...g})}})}],[t,r,e]);return w.jsx(z.ConfigProvider,{theme:{token:{borderRadius:2}},children:w.jsx(z.Collapse,{className:ie.CSSUIPanel,items:p,defaultActiveKey:["dimension"],onChange:async()=>{await Vr(),h()},style:{marginBottom:"10px"}})})}),km=e=>{const t=m.useRef(null),r=e.node,n=m.useMemo(()=>r.value.classNames||[],[r]),o=m.useRef(null),a=m.useRef(null),i=m.useRef(null),s=m.useMemo(()=>pp(r.value.style||[]),[r.value.style]),l=m.useRef(),u=m.useCallback(()=>{var b,y,C,x;l.current=r;const h=r.value.style||[],{expressionProperty:p,normalProperty:g}=pp(h),v=p2(r.value.css);(b=t.current)==null||b.setValue([...p]),(y=o.current)==null||y.setValue(v),(C=i.current)==null||C.setValue(r.value.classNames||[]),(x=a.current)==null||x.setValue(c2(g)||{})},[r]);m.useEffect(()=>(u(),r.emitter.on("onNodeChange",u),r.emitter.on("onReloadPage",u),()=>{r.emitter.off("onNodeChange",u),r.emitter.off("onReloadPage",u)}),[r.emitter,r.id,e.activeTab,u]);const c=h=>{const p=[...s.normalProperty,...h];r.value.style=p,r.updateValue()},f=h=>{const p=[...h,...s.expressionProperty];r.value.style=p,r.updateValue()},d=h=>{r.value.css=h2(`c_${r.id}`,h),r.updateValue()};return w.jsx("div",{className:sC.visualPanelBox,children:w.jsxs("div",{style:{marginBottom:"10px"},children:[w.jsx(fZ,{ref:a,onValueChange:h=>{f(f2(h))}}),w.jsx(z.Collapse,{bordered:!1,style:{marginBottom:"10px"},onChange:h=>{h.length&&u()},items:[{key:"origin-css-edit",label:w.jsx("span",{className:sC.header,children:"Style Variable"}),children:w.jsx(MO,{ref:t,initialValue:s.expressionProperty,onValueChange:h=>{c(h)}})}]}),w.jsx("div",{style:{paddingTop:"10px"},children:w.jsx(NO,{initialValue:n,ref:i,onValueChange:h=>{r.value.classNames=h,r.updateValue()}})}),w.jsx(PT,{handler:o,onValueChange:d})]})})},Im={key:"VisualPanelPlus",name:"Visual",view:({node:e,pluginCtx:t,activeTab:r})=>e?w.jsx(km,{node:e,pluginCtx:t,activeTab:r}):w.jsx(w.Fragment,{}),show:e=>{var t,r,n,o;return((o=(n=(r=(t=e.node)==null?void 0:t.material)==null?void 0:r.value.advanceCustom)==null?void 0:n.rightPanel)==null?void 0:o.visual)!==!1}};class dZ extends m.Component{constructor(r){super(r);X(this,"addPanel",r=>{const n=[...this.state.panels,r];this.setState({panels:n}),this.updatePanels()});X(this,"removePanel",r=>{const n=this.state.panels.filter(o=>o.name!==r);this.setState({panels:n}),this.updatePanels()});X(this,"replacePanel",(r,n)=>{const o=this.state.panels.findIndex(i=>i.name===r),a=[...this.state.panels];o>-1&&(a[o]=n),this.setState({panels:a}),this.updatePanels()});X(this,"choosePanel",r=>{this.setState({activeKey:r}),this.updatePanels()});X(this,"updatePanels",()=>{var s,l,u;const{pluginCtx:r}=this.props,{node:n,panels:o}=this.state,a=o;let i={panels:[],displayPanels:[]};if(n){const c={node:n,pluginCtx:r,activeTab:this.state.activeKey},f=a.filter(h=>h.show===void 0?!0:h.show(c)),d=((u=(l=(s=n.material)==null?void 0:s.value.advanceCustom)==null?void 0:l.rightPanel)==null?void 0:u.customTabs)||[];f.concat(d),i={panels:a,displayPanels:f}}else i={panels:a,displayPanels:[]};return this.setState(i),i});X(this,"onNodeChange",({node:r})=>{var c;const{pluginCtx:n}=this.props,{panels:o,activeKey:a}=this.state,i={node:r,pluginCtx:n,activeTab:this.state.activeKey},s=o.filter(f=>f.show===void 0?!0:f.show(i)),l=((c=s.find((f,d)=>d===0))==null?void 0:c.key)||"";s.find(f=>f.key===a)?this.setState({node:r,displayPanels:s}):this.setState({activeKey:l,node:r,displayPanels:s})});this.state={node:r.pluginCtx.engine.getActiveNode(),activeKey:"Visual",panels:[Sm,Im,_m,Rm],displayPanels:[]}}componentDidMount(){var i;const{pluginCtx:r}=this.props;r.globalEmitter.on("onSelectNodeChange",this.onNodeChange),r.pageModel.emitter.on("*",()=>{const s=r.engine.getActiveNode();this.onNodeChange({node:s})});const{displayPanels:n}=this.updatePanels(),o=((i=n.find((s,l)=>l===0))==null?void 0:i.key)||"";n.find(s=>s.key===this.state.activeKey)||this.setState({activeKey:o}),r.pluginReadyOk()}render(){const{displayPanels:r,node:n,activeKey:o}=this.state,{pluginCtx:a}=this.props;if(!n)return w.jsx("div",{style:{overflow:"hidden"},children:w.jsx(z.Empty,{image:z.Empty.PRESENTED_IMAGE_SIMPLE,description:"Please select a node from left view"})});const i={node:n,pluginCtx:a,activeTab:this.state.activeKey};return w.jsx("div",{className:IX.rightPanelContainer,children:w.jsx(z.Tabs,{activeKey:o,tabPosition:"top",style:{flex:1,height:"100%"},onChange:s=>{this.setState({activeKey:s})},items:r.map(s=>{var l;return{label:w.jsx("div",{style:{padding:"0 10px"},children:typeof s.name=="string"?s.name:(l=s.name)==null?void 0:l.call(s,i)}),key:s.key,children:s.view(i)}})})})}}const hZ="RightPanel",Dm=e=>{const t=m.createRef();return{name:hZ,async init(r){r.getWorkbench().replaceRightView(w.jsx(dZ,{ref:t,pluginCtx:r}))},async destroy(r){console.log("destroy",r)},export:r=>t==null?void 0:t.current,meta:{engine:{version:"1.0.0"}}}},pZ={pluginName:"全局状态"},gZ={pluginName:"Global State"},BC={zh_CN:pZ,en_US:gZ},vZ="_box_tl0hm_2",mZ={box:vZ},mg="GlobalState",Lh=`plugin:${mg}`;let $h=!1;const yZ=e=>{const{pluginCtx:t}=e,r=t.pageModel.value.componentsTree.value.state||{},n=m.useRef(null);m.useEffect(()=>{var a;(a=n==null?void 0:n.current)==null||a.setValue(JSON.stringify(r,null,2)),t.pageModel.emitter.on("onReloadPage",i=>{var s;if(console.log("onReloadPage 111"),$h){$h=!1;return}(s=n.current)==null||s.setValue(JSON.stringify(t.pageModel.value.componentsTree.value.state,null,2))})},[]);const o=a=>{try{const i=JSON.parse(a||"{}");t.pageModel.value.componentsTree.value.state=i,$h=!0,t.pageModel.value.componentsTree.updateValue()}catch(i){console.warn(i)}};return w.jsx("div",{className:mZ.box,children:w.jsx(_a,{initialValue:JSON.stringify(t.pageModel.value.componentsTree.value.state,null,2),language:"json",options:{automaticLayout:!0,tabSize:2,minimap:{enabled:!1},quickSuggestions:!1,suggestOnTriggerCharacters:!1,folding:!1,comments:{}},onDidMount:a=>{n.current=a},beforeMount:a=>{},onChange:o})})},Lm={name:mg,async init(e){const{i18n:t}=e;Object.keys(BC).forEach(a=>{t.addResourceBundle(a,Lh,BC[a],!0,!0)});const r=Zo(Lh)(yZ),n=Zo(Lh)(({t:a})=>w.jsx(w.Fragment,{children:a("pluginName")}));e.getWorkbench().addLeftPanel({title:w.jsx(n,{}),name:mg,icon:w.jsx(s_,{}),render:w.jsx(r,{pluginCtx:e})})},async destroy(e){console.log("destroy",e)},export:e=>({}),meta:{engine:{version:"1.0.0"}}},MT=e=>{const t=e.pageModel.export(),{engineCtx:r}=e,[n,o]=m.useState(!1),a=m.useRef(null);return w.jsxs(w.Fragment,{children:[w.jsx("div",{onClick:()=>{o(!0)},children:e.children}),w.jsx(z.Modal,{open:n,title:"Source Schema",width:"100%",onCancel:()=>o(!1),onOk:async()=>{var f;o(!1);const i=(f=a.current)==null?void 0:f.getValue();if(!i)return;const s=JSON.parse(i);e.pageModel.updatePage(s),await Vr();const l=r.engine.getActiveNode(),u=await r.pluginManager.get("Designer"),c=(l==null?void 0:l.id)||"";u==null||u.ctx.emitter.on("ready",()=>{u.export.selectNode(c)}),u&&u.export.selectNode(c)},style:{height:"calc(100vh - 50px)",top:"25px"},destroyOnClose:!0,children:w.jsx("div",{style:{width:"100%",height:"calc(100vh - 200px)"},children:w.jsx(_a,{initialValue:JSON.stringify(t,null,2),language:"json",options:{automaticLayout:!0},onDidMount:i=>{a.current=i}})})})]})},bZ="History",$m=e=>{const t=e,r={historyRecords:[],currentStepIndex:0};let n=null;const o=e.pageModel.export();n=o,r.historyRecords.push(o);const a=async l=>{t&&(t.pageModel.reloadPage(l),await Vr())},i={addStep:()=>{const{currentStepIndex:l,historyRecords:u}=r,c=e.pageModel.export();l!==u.length-1&&(r.historyRecords=u.slice(0,l+1)),r.historyRecords.push(c),r.currentStepIndex=u.length-1},reset:async()=>{if(!t){console.warn("plugin ctx is null, pls check it");return}n&&(r.historyRecords=[],a(n))},preStep:()=>{const{currentStepIndex:l,historyRecords:u}=r;if(!i.canGoPreStep())return;const c=l-1;r.currentStepIndex=c;const f=xy(u[c]);a(f)},nextStep:()=>{if(!i.canGoNextStep())return;const{currentStepIndex:l,historyRecords:u}=r,c=l+1;r.currentStepIndex=c;const f=xy(u[c]);return a(f)},canGoPreStep:()=>{const{currentStepIndex:l}=r;return!(l<=0)},canGoNextStep:()=>{const{currentStepIndex:l,historyRecords:u}=r;return!(l>=u.length-1)}},s=jl(()=>{i.addStep()},500);return{name:bZ,async init(l){l.pageModel.emitter.on("onNodeChange",()=>{s()}),l.pageModel.emitter.on("onPageChange",()=>{i.addStep()}),l.pluginReadyOk()},async destroy(l){console.log("destroy",l)},export:()=>i,meta:{engine:{version:"1.0.0"}}}},Bh=typeof navigator<"u"?navigator.userAgent.toLowerCase().indexOf("firefox")>0:!1,bl={backspace:8,"⌫":8,tab:9,clear:12,enter:13,"↩":13,return:13,esc:27,escape:27,space:32,left:37,up:38,right:39,down:40,del:46,delete:46,ins:45,insert:45,home:36,end:35,pageup:33,pagedown:34,capslock:20,num_0:96,num_1:97,num_2:98,num_3:99,num_4:100,num_5:101,num_6:102,num_7:103,num_8:104,num_9:105,num_multiply:106,num_add:107,num_enter:108,num_subtract:109,num_decimal:110,num_divide:111,"⇪":20,",":188,".":190,"/":191,"`":192,"-":Bh?173:189,"=":Bh?61:187,";":Bh?59:186,"'":222,"[":219,"]":221,"\\":220},yg={"⇧":16,shift:16,"⌥":18,alt:18,option:18,"⌃":17,ctrl:17,control:17,"⌘":91,cmd:91,command:91};for(let e=1;e<20;e++)bl[`f${e}`]=111+e;const xZ=e=>bl[e.toLowerCase()]||yg[e.toLowerCase()]||e.toUpperCase().charCodeAt(0),wZ=e=>Object.keys(bl).find(t=>bl[t]===e),SZ=e=>Object.keys(yg).find(t=>yg[t]===e),CZ=e=>wZ(e)||SZ(e)||String.fromCharCode(e);class _Z{constructor(t){X(this,"splitStr","_");X(this,"downKeyCodeList",[]);X(this,"elements");X(this,"disposeEventCbList",[]);X(this,"hotActionMap",{});this.elements=t.elements,this.init()}init(){const t=this.elements.map(r=>this.registerKeyEvent(r));this.disposeEventCbList=[...t]}addElement(t){const r=this.registerKeyEvent(t);this.disposeEventCbList.push(r)}registerKeyEvent(t){const r=this.getTriggerHotkeyDebounce(),n=i=>{if(this.filterInputElement(i))return;const s=i.keyCode||i.which||i.charCode;this.downKeyCodeList.includes(s)||this.downKeyCodeList.push(s),r()};t==null||t.addEventListener("keydown",n);const o=i=>{setTimeout(()=>{if(this.filterInputElement(i))return;const s=i.keyCode||i.which||i.charCode;console.log("🚀 ~ HotKeysManager ~ setTimeout ~ key:",s);const l=this.downKeyCodeList.findIndex(u=>u===s);l>=0&&this.downKeyCodeList.splice(l,1)},0)};t==null||t.addEventListener("keyup",o);const a=()=>{this.downKeyCodeList=[]};return window==null||window.addEventListener("blur",a),()=>{t.removeEventListener("keydown",n),t.removeEventListener("keyup",o),window==null||window.removeEventListener("blur",a)}}addHotAction(t,r){const n=t.map(o=>typeof o!="number"?this.getKeyCodeByLabel(o):o);this.hotActionMap[n.join(this.splitStr)]=r}triggerHotKey(){const t=this.downKeyCodeList.join(this.splitStr),r=this.hotActionMap[t];console.log("🚀 ~ HotKeysManager ~ triggerHotKey ~ hotActionId:",t,r,this.hotActionMap),r==null||r()}getTriggerHotkeyDebounce(){return this.triggerHotKey.bind(this)}getKeyCodeByLabel(t){return xZ(t)}getKeyString(t){return CZ(t)}filterInputElement(t){const r=t.target||t.srcElement;if(!r)return!1;const{tagName:n}=r;let o=!1;const a=n==="INPUT"&&!["checkbox","radio","range","button","file","reset","submit","color"].includes(r.type);return(r.isContentEditable||(a||n==="TEXTAREA"||n==="SELECT")&&!r.readOnly)&&(o=!0),o}destroy(){this.disposeEventCbList.forEach(t=>t())}}const EZ={pluginName:"快捷键"},RZ={pluginName:"Hot Keys"},FC={zh_CN:EZ,en_US:RZ},ir={deleteNode:async e=>{const t=e.engine.getActiveNode();if(t)return e.pageModel.deleteNode(t),!0},copyNode:async e=>{const t=e.engine.getActiveNode();if(t)return e.pageModel.copyNodeById(t.id),!0},moveToUp:async e=>{var a;if(await ir.moveToSiblingUp(e))return;const r=await e.pluginManager.get("Designer"),n=e.engine.getActiveNode(),o=n==null?void 0:n.parent;if(o&&o.nodeType!=="PAGE")return(a=r==null?void 0:r.export)==null||a.selectNode(o.id),!0},moveToSiblingUp:async e=>{var u;const t=await e.pluginManager.get("Designer"),r=e.engine.getActiveNode(),n=r==null?void 0:r.parent;if((n==null?void 0:n.nodeType)==="PAGE"||!r)return;const o=n==null?void 0:n.value,a=o.children||o.value,s=a.findIndex(c=>c.id===r.id)-1;if(s<0)return;const l=a==null?void 0:a[s];if(l&&l.id)return(u=t==null?void 0:t.export)==null||u.selectNode(l.id),!0},moveToDown:async e=>{var a;const t=await e.pluginManager.get("Designer"),r=e.engine.getActiveNode(),n=r==null?void 0:r.value.children,o=n==null?void 0:n[0];if(o&&o.id)return(a=t==null?void 0:t.export)==null||a.selectNode(o.id),!0;await ir.moveToSiblingDown(e)},moveToSiblingDown:async e=>{var u;const t=await e.pluginManager.get("Designer"),r=e.engine.getActiveNode(),n=r==null?void 0:r.parent;if((n==null?void 0:n.nodeType)==="PAGE"||!r)return;const o=n==null?void 0:n.value,a=o.children||o.value,s=a.findIndex(c=>c.id===r.id)+1;if(s>=a.length)return;const l=a==null?void 0:a[s];if(l&&l.id)return(u=t==null?void 0:t.export)==null||u.selectNode(l.id),!0},redo:async e=>{const t=await e.pluginManager.get("History");if(t!=null&&t.export.canGoNextStep())return t==null||t.export.nextStep(),!0},undo:async e=>{const t=await e.pluginManager.get("History");if(t!=null&&t.export.canGoPreStep())return t==null||t.export.preStep(),!0}},NT="Hotkeys",OZ=`plugin:${NT}`,Bm={name:NT,async init(e){console.log("init plugin hotkey");const{i18n:t}=e;Object.keys(FC).forEach(a=>{t.addResourceBundle(a,OZ,FC[a],!0,!0)});const r=await e.pluginManager.get("Designer"),n=r==null?void 0:r.export.getDesignerWindow(),o=new _Z({elements:[window.document.body,n.document.body]});e.engine.pageModel.emitter.on("onReloadPage",()=>{const a=r==null?void 0:r.export.getDesignerWindow();setTimeout(()=>{o.addElement(a.document.body)},1e3)}),o.addHotAction(["ctrl","c"],()=>{ir.copyNode(e)}),o.addHotAction(["ctrl","z"],()=>{ir.undo(e)}),o.addHotAction(["ctrl","shift","z"],()=>{ir.redo(e)}),o.addHotAction(["up"],()=>{ir.moveToUp(e)}),o.addHotAction(["w"],()=>{ir.moveToUp(e)}),o.addHotAction(["shift","w"],()=>{ir.moveToSiblingUp(e)}),o.addHotAction(["down"],()=>{ir.moveToDown(e)}),o.addHotAction(["s"],()=>{ir.moveToDown(e)}),o.addHotAction(["shift","s"],()=>{ir.moveToSiblingDown(e)}),o.addHotAction(["backspace"],()=>{ir.deleteNode(e)}),e.hotkeyManager=o},async destroy(e){const t=e.hotkeyManager;t==null||t.destroy()},export:e=>{const t=e.hotkeyManager;return{addHotAction:(r,n)=>{t.addHotAction(r,n)}}},meta:{engine:{version:"1.0.0"}}},AT=[_v,Ev,Cv,Lm,Dm,$m,Bm],TZ=Object.freeze(Object.defineProperty({__proto__:null,AdvancePanel:Em,AdvancePanelConfig:Rm,ComponentLibPlugin:Cv,ComponentStatePanel:Cm,ComponentStatePanelConfig:_m,DEFAULT_PLUGIN_LIST:AT,DesignerPlugin:_v,DisplaySourceSchema:MT,GlobalStatePanelPlugin:Lm,HistoryPlugin:$m,HotkeysPlugin:Bm,OutlineTreePlugin:Ev,PLUGIN_NAME:ea,PropertyPanel:wm,PropertyPanelConfig:Sm,RightPanelPlugin:Dm,VisualPanelPlus:km,VisualPanelPlusConfig:Im},Symbol.toStringTag,{value:"Module"})),jZ=e=>{const t=m.useRef(),[r,n]=m.useState("AUTO"),[o,a]=m.useState(1200),i=m.useCallback(()=>{const l=t.current,u=l==null?void 0:l.export.getDesignerWindow(),c=u==null?void 0:u.innerWidth;a(Number(c))},[]);m.useEffect(()=>{let l,u;return e.ctx.pluginManager.onPluginReadyOk("Designer").then(c=>{t.current=c,u=c==null?void 0:c.export.getDesignerWindow(),l=()=>{a(Number(u==null?void 0:u.innerWidth))},u==null||u.addEventListener("resize",l),i()}),()=>{u==null||u.removeEventListener("resize",l)}},[]);const s=m.useCallback(jl(l=>{const u=t.current;u==null||u.export.setCanvasWidth(l)},100),[]);return w.jsx(z.Space,{children:w.jsx(z.Segmented,{defaultValue:r,onChange:l=>{const u=t.current;u&&(l==="AUTO"?(u.export.setCanvasWidth("100%"),i()):l==="IPAD"?u.export.setCanvasWidth(768):u.export.setCanvasWidth(350),n(l))},options:[{label:w.jsxs("span",{children:[w.jsx("span",{onClick:()=>{const l=t.current;l==null||l.export.setCanvasWidth("100%"),i()},children:"Auto"}),r==="AUTO"&&w.jsx(z.InputNumber,{size:"small",style:{marginLeft:"10px"},controls:!1,changeOnWheel:!0,suffix:"px",value:o,min:350,max:1920,onChange:l=>{a(Number(l)),s(Number(l))}})]}),value:"AUTO"},{label:w.jsx(a_,{}),value:"IPAD"},{label:w.jsx(f_,{}),value:"MOBILE"}]})})},on={name:"$$attributes",title:"属性",valueType:"object",setters:[{componentName:"ArraySetter",props:{item:{setters:[{componentName:"ShapeSetter",props:{elements:[{name:"key",title:"属性名",valueType:"string",setters:["StringSetter"]},{name:"value",title:"值",valueType:"string",setters:["StringSetter","NumberSetter","JSONSetter","FunctionSetter","ExpressionSetter"]}],collapse:!1},initialValue:{}}],initialValue:{}}},initialValue:[]}]},kT="1.0.0",IT="CHAMELEON_INNER_PKG",PZ=He.HTMl_TAGS.map(e=>({title:X_(e),componentName:e,props:[on],snippets:[],npm:{name:e,package:IT,version:kT}})),MZ=[{title:"块",componentName:"CBlock",props:[{name:"children",title:"文本",valueType:"string",setters:["StringSetter","ExpressionSetter"]},on],groupName:"原子组件",snippets:[{title:"块",snapshotText:"Block",category:"基础组件",schema:{props:{},css:{value:[{state:"normal",media:[],text:"background: white ; width: 100%; height: 100px"}]}}}]},{title:"容器",componentName:"CContainer",isContainer:!0,props:[{name:"afterMount",title:"渲染之后",valueType:"function",setters:["FunctionSetter","ExpressionSetter","TestSetter"]},{name:"beforeDestroy",title:"销毁之前",valueType:"function",setters:["FunctionSetter","ExpressionSetter"]},on],groupName:"原子组件",snippets:[{title:"容器",snapshotText:"Con",category:"基础组件",schema:{css:{value:[{state:"normal",media:[],text:"background: white;width: 100%;"}]}}}]},{title:"图片",componentName:"CImage",props:[{name:"src",title:"地址",valueType:"string",setters:["StringSetter","ExpressionSetter"]},on],advanceCustom:{wrapComponent:e=>t=>{const r=e;return w.jsx(r,{...t,style:{...t.style||{},userSelect:"none",WebkitUserDrag:"none"}})}},groupName:"原子组件",snippets:[{title:"图片",snapshotText:"Img",category:"基础组件",schema:{css:{value:[{text:"background:white;width:500px;height:300px;overflow:auto;",media:[],state:"normal"}]},props:{src:"https://images.unsplash.com/photo-1584080277544-2db5b2c2d9dd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80"}}}]},{title:"视频",componentName:"CVideo",props:[{name:"src",title:"地址",valueType:"string",setters:["StringSetter","ExpressionSetter"]},{name:"autoPlay",title:"自动播放",valueType:"string",setters:["BooleanSetter","ExpressionSetter"]},{name:"controls",title:"控制面板",valueType:"string",setters:["BooleanSetter","ExpressionSetter"]},on],fixedProps:{autoPlay:!1},advanceCustom:{wrapComponent:e=>t=>w.jsx("div",{style:{...t.style,display:"inline-flex"},children:w.jsx(e,{...t,style:{...t.style,pointerEvents:"none"}})})},groupName:"原子组件",snippets:[{title:"视频",snapshotText:"Video",category:"基础组件",schema:{props:{src:"https://vjs.zencdn.net/v/oceans.mp4"},css:{value:[{state:"normal",media:[],text:"background:white;width:300px;height:150px;"}]}}}]},{title:"音频",groupName:"原子组件",componentName:"CAudio",props:[{name:"src",title:"地址",valueType:"string",setters:["StringSetter","ExpressionSetter"]},{name:"autoPlay",title:"自动播放",valueType:"string",setters:["BooleanSetter","ExpressionSetter"]},{name:"controls",title:"控制面板",valueType:"string",setters:["BooleanSetter","ExpressionSetter"]},on],advanceCustom:{wrapComponent:()=>e=>w.jsx("div",{style:{display:"inline-block",fontSize:0},children:w.jsx("audio",{...e,style:{pointerEvents:"none",...e.style}})})},snippets:[{title:"音频",snapshotText:"Audio",category:"基础组件",schema:{props:{src:"https://vjs.zencdn.net/v/oceans.mp4",controls:!0}}}]},{title:"文本",componentName:"CText",groupName:"原子组件",props:[{name:"content",title:"内容",valueType:"string",setters:["TextAreaSetter","ExpressionSetter"]},on],snippets:[{title:"文本",snapshotText:"Text",category:"基础组件",schema:{props:{content:"text"}}}]},{title:"Canvas",componentName:"CCanvas",props:[{name:"afterMount",title:"渲染之后",valueType:"function",setters:["FunctionSetter","ExpressionSetter","TestSetter"]},{name:"beforeDestroy",title:"销毁之前",valueType:"function",setters:["FunctionSetter","ExpressionSetter"]},on],groupName:"原子组件",advanceCustom:{onNewAdd:async e=>{const t=e.getPlainProps(),r=Math.random().toString(32).slice(3,9);return t.$$attributes=[{key:"id",value:r},{key:"style",value:{display:"block",margin:"0 auto"}}],t.afterMount.value=t.afterMount.value.replace("$[id]",r),e.updateWithPlainObj({props:t}),{addNode:e}}},snippets:[{title:"画布",snapshotText:"Cavs",category:"基础组件",schema:{props:{width:"600px",height:"150px",style:{margin:"0 auto"},afterMount:{type:"FUNCTION",value:`
               function run () {
                 var ctx = document.getElementById("$[id]").getContext("2d");
                 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:He.HTMl_TAGS.map(e=>({name:e,value:e}))}}]},on],isContainer:!0,groupName:"原子组件",snippets:[{title:"HTML",snapshotText:"HTML",category:"基础组件",schema:{props:{htmlTag:"div"}}}]}],NZ=MZ.map(e=>({...e,npm:{name:e.componentName,package:IT,version:kT}})),AZ=[...NZ,...PZ];class DT extends m.Component{constructor(r){super(r);X(this,"currentSelectNode");X(this,"pluginManager");X(this,"workbenchRef",m.createRef());X(this,"pageSchema");X(this,"pageModel");X(this,"material");X(this,"emitter");X(this,"assetsPackageListManager");X(this,"updatePage",r=>{this.pageModel.updatePage(r)});X(this,"updateMaterials",async(r,n,o)=>{const a=await this.pluginManager.get("Designer"),i=a==null?void 0:a.export;this.pluginManager.assetsPackageListManager.setList(n),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 VF(n,s).load();const u=ME(n,s);let c=NE(u);o!=null&&o.formatComponents&&(c=o.formatComponents(c)),i==null||i.updateRenderComponents(c),this.pageModel.materialsModel.addMaterials(r),this.emitter.emit("updateMaterials")});X(this,"refresh",async()=>{this.pageModel.reloadPage(this.pageModel.export("design"))});X(this,"getWorkbench",()=>this.workbenchRef.current);this.pageSchema=r.schema,this.material=r.material,this.currentSelectNode=null,window.__CHAMELEON_ENG__=this,this.assetsPackageListManager=new o8(r.assetPackagesList||[]);try{this.pageModel=new He.CPage(this.pageSchema,{materials:this.material||[],assetPackagesList:r.assetPackagesList||[]})}catch(n){console.error(n),this.pageModel=new He.CPage(He.EmptyPage)}this.emitter=Ys()}updateCurrentSelectNode(r){this.currentSelectNode=r,this.emitter.emit("onSelectNodeChange",{node:r})}async componentDidMount(){var a,i,s,l,u,c;window.__C_ENGINE__=this;const r=this.props.plugins,n=new X7({engine:this,getWorkbench:()=>this.workbenchRef.current,emitter:this.emitter,pageModel:this.pageModel,i18n:sl,assetsPackageListManager:this.assetsPackageListManager});this.pluginManager=n,n.customPlugin("Designer",f=>(f.ctx.config.beforeInitRender=IE,f.ctx.config.customRender=DE(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=r.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(console.log("🚀 ~ Engine ~ this.pageModel.emitter.on ~ onReloadPage:"),!this.currentSelectNode)return;const f=this.pageModel.getNode((d=this.currentSelectNode)==null?void 0:d.id);f&&this.updateCurrentSelectNode(f)}),(c=(u=this.props).onReady)==null||c.call(u,{pluginManager:this.pluginManager,engine:this})}getActiveNode(){var n;if(!((n=this.currentSelectNode)!=null&&n.id))return null;const r=this.pageModel.getNode(this.currentSelectNode.id)??null;return this.currentSelectNode=r,r}getI18n(){return sl}render(){return w.jsx("div",{className:Ke([QF.engineContainer,this.props.className]),style:this.props.style,children:w.jsx(LE,{ref:this.workbenchRef,emitter:this.emitter})})}}X(DT,"version","0.2.1");exports.AdvancePanel=Em;exports.AdvancePanelConfig=Rm;exports.CSSEditor=PT;exports.CSSPropertiesEditor=vg;exports.CSSPropertiesVariableBindEditor=MO;exports.ClassNameEditor=NO;exports.ComponentLibPlugin=Cv;exports.ComponentStatePanel=Cm;exports.ComponentStatePanelConfig=_m;exports.CustomSchemaForm=ou;exports.DEFAULT_PLUGIN_LIST=AT;exports.DesignerPlugin=_v;exports.DesignerSizer=jZ;exports.DisplaySourceSchema=MT;exports.Engine=DT;exports.GlobalStatePanelPlugin=Lm;exports.HistoryPlugin=$m;exports.HotkeysPlugin=Bm;exports.InnerComponentMeta=AZ;exports.LOGGER=vr;exports.MonacoEditor=_a;exports.OutlineTreePlugin=Ev;exports.PLUGIN_NAME=ea;exports.PropertyPanel=wm;exports.PropertyPanelConfig=Sm;exports.RightPanelPlugin=Dm;exports.SetterSwitcher=nu;exports.VisualPanelPlus=km;exports.VisualPanelPlusConfig=Im;exports.Workbench=LE;exports.beforeInitRender=IE;exports.defaultPropertyOptions=Ks;exports.formatCSSTextProperty=Hg;exports.formatCssToNodeVal=h2;exports.formatNodeValToEditor=p2;exports.formatStyleProperty=pp;exports.getColorFromStr=gp;exports.getDefaultRender=DE;exports.parseBoxShadowString=Bs;exports.plugins=TZ;exports.registerCustomSetter=JE;exports.styleArr2Obj=c2;exports.styleList2Text=d2;exports.styleObjToArr=f2;exports.waitReactUpdate=Vr;Object.keys(Sn).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>Sn[e]})});
+              `}}}}]},{title:"HTML 标签",componentName:"CNativeTag",props:[{name:"htmlTag",title:"标签名",valueType:"string",setters:[{componentName:"SelectSetter",props:{options:He.HTMl_TAGS.map(e=>({name:e,value:e}))}}]},on],isContainer:!0,groupName:"原子组件",snippets:[{title:"HTML",snapshotText:"HTML",category:"基础组件",schema:{props:{htmlTag:"div"}}}]}],NZ=MZ.map(e=>({...e,npm:{name:e.componentName,package:IT,version:kT}})),AZ=[...NZ,...PZ];class DT extends m.Component{constructor(r){super(r);X(this,"currentSelectNode");X(this,"pluginManager");X(this,"workbenchRef",m.createRef());X(this,"pageSchema");X(this,"pageModel");X(this,"material");X(this,"emitter");X(this,"assetsPackageListManager");X(this,"updatePage",r=>{this.pageModel.updatePage(r)});X(this,"updateMaterials",async(r,n,o)=>{const a=await this.pluginManager.get("Designer"),i=a==null?void 0:a.export;this.pluginManager.assetsPackageListManager.setList(n),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 VF(n,s).load();const u=ME(n,s);let c=NE(u);o!=null&&o.formatComponents&&(c=o.formatComponents(c)),i==null||i.updateRenderComponents(c),this.pageModel.materialsModel.addMaterials(r),this.emitter.emit("updateMaterials")});X(this,"refresh",async()=>{this.pageModel.reloadPage(this.pageModel.export("design"))});X(this,"getWorkbench",()=>this.workbenchRef.current);this.pageSchema=r.schema,this.material=r.material,this.currentSelectNode=null,window.__CHAMELEON_ENG__=this,this.assetsPackageListManager=new o8(r.assetPackagesList||[]);try{this.pageModel=new He.CPage(this.pageSchema,{materials:this.material||[],assetPackagesList:r.assetPackagesList||[]})}catch(n){console.error(n),this.pageModel=new He.CPage(He.EmptyPage)}this.emitter=Ys()}updateCurrentSelectNode(r){this.currentSelectNode=r,this.emitter.emit("onSelectNodeChange",{node:r})}async componentDidMount(){var a,i,s,l,u,c;window.__C_ENGINE__=this;const r=this.props.plugins,n=new X7({engine:this,getWorkbench:()=>this.workbenchRef.current,emitter:this.emitter,pageModel:this.pageModel,i18n:sl,assetsPackageListManager:this.assetsPackageListManager});this.pluginManager=n,n.customPlugin("Designer",f=>(f.ctx.config.beforeInitRender=IE,f.ctx.config.customRender=DE(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=r.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(console.log("🚀 ~ Engine ~ this.pageModel.emitter.on ~ onReloadPage:"),!this.currentSelectNode)return;const f=this.pageModel.getNode((d=this.currentSelectNode)==null?void 0:d.id);f&&this.updateCurrentSelectNode(f)}),(c=(u=this.props).onReady)==null||c.call(u,{pluginManager:this.pluginManager,engine:this})}getActiveNode(){var n;if(!((n=this.currentSelectNode)!=null&&n.id))return null;const r=this.pageModel.getNode(this.currentSelectNode.id)??null;return this.currentSelectNode=r,r}getI18n(){return sl}render(){return w.jsx("div",{className:Ke([QF.engineContainer,this.props.className]),style:this.props.style,children:w.jsx(LE,{ref:this.workbenchRef,emitter:this.emitter})})}}X(DT,"version","0.2.3");exports.AdvancePanel=Em;exports.AdvancePanelConfig=Rm;exports.CSSEditor=PT;exports.CSSPropertiesEditor=vg;exports.CSSPropertiesVariableBindEditor=MO;exports.ClassNameEditor=NO;exports.ComponentLibPlugin=Cv;exports.ComponentStatePanel=Cm;exports.ComponentStatePanelConfig=_m;exports.CustomSchemaForm=ou;exports.DEFAULT_PLUGIN_LIST=AT;exports.DesignerPlugin=_v;exports.DesignerSizer=jZ;exports.DisplaySourceSchema=MT;exports.Engine=DT;exports.GlobalStatePanelPlugin=Lm;exports.HistoryPlugin=$m;exports.HotkeysPlugin=Bm;exports.InnerComponentMeta=AZ;exports.LOGGER=vr;exports.MonacoEditor=_a;exports.OutlineTreePlugin=Ev;exports.PLUGIN_NAME=ea;exports.PropertyPanel=wm;exports.PropertyPanelConfig=Sm;exports.RightPanelPlugin=Dm;exports.SetterSwitcher=nu;exports.VisualPanelPlus=km;exports.VisualPanelPlusConfig=Im;exports.Workbench=LE;exports.beforeInitRender=IE;exports.defaultPropertyOptions=Ks;exports.formatCSSTextProperty=Hg;exports.formatCssToNodeVal=h2;exports.formatNodeValToEditor=p2;exports.formatStyleProperty=pp;exports.getColorFromStr=gp;exports.getDefaultRender=DE;exports.parseBoxShadowString=Bs;exports.plugins=TZ;exports.registerCustomSetter=JE;exports.styleArr2Obj=c2;exports.styleList2Text=d2;exports.styleObjToArr=f2;exports.waitReactUpdate=Vr;Object.keys(Sn).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>Sn[e]})});
 //# sourceMappingURL=index.cjs.map