gp-designer 1.0.58 → 1.0.59

package/README.md

@@ -20,10 +20,10 @@
 - 在父级盒子上，尽量少用 `relative` 布局，因为可能会和设计器冲突。
 - HTML 模板命名规则，可以使用拼音或英文，推荐命名：`{业务编码}-{布局方式}-{版本/序号}.html`，例如：关于我们-横排 2 列布局（`guanyu-x2.html`）
 - 当模板较多时，推荐规则：每个模板都有自己独立的文件夹。
-- 当模板较少时，可以使用统一的 css 等。
+- 当模板较少时，可以使用统一的一个 css 即可。
 - 关于字体问题，如果统一名称为 `iconfont`，则需要确保引入多套 `iconfont` 时，确保命名没有冲突，否则就需要重新命名 `iconfont`
-- 块最外层 `div` 对象不能设置：`margin、gap` 等外边距，因为块对象会进行百分比排版，每个块占比 n%，设置 `margin` 会导致百分比对应的数量错误。
-- 移动端自动轮播：即：`<div class=swiper> <div class=block> <div class=item1></div> <div class=item2></div> </div> </div>`，并且引入 `/spa/topic/css/swiper-bundle.min.css、jquery-3.6.0.min.js、swiper-bundle.min.js`
+- 块最外层 `div` 对象不能设置：`margin、gap` 等外边距，因为块对象会进行百分比排版，每个块占比 n%，设置 `margin` 会导致总百分比超出 100%。
+- 移动端自动轮播，需要引入 `/spa/topic/css/swiper-bundle.min.css、jquery-3.6.0.min.js、swiper-bundle.min.js`
 
 #### 主题色设计
 

package/dist/gp-designer.es.js

@@ -17589,7 +17589,7 @@ const Lo = /* @__PURE__ */ at(FU, [["render", IU], ["__scopeId", "data-v-27037f5
             }));
           }
         }
-        l.value = (/* @__PURE__ */ new Date()).getTime().toString(), eA.success("保存成功");
+        l.value = (/* @__PURE__ */ new Date()).getTime().toString(), eA.success("保存成功"), n("update:element", a.value);
       }
     }
     function M(F) {
@@ -17597,7 +17597,7 @@ const Lo = /* @__PURE__ */ at(FU, [["render", IU], ["__scopeId", "data-v-27037f5
       S && (S.rule = F.rule, S.type = F.type, S.children && F.children && S.children.forEach((O) => {
         const V = F.children.find((xA) => xA.xpath === O.xpath);
         V && (O.rule = V.rule, O.type = V.type);
-      })), eA.success("操作成功"), l.value = (/* @__PURE__ */ new Date()).getTime().toString();
+      })), eA.success("操作成功"), l.value = (/* @__PURE__ */ new Date()).getTime().toString(), n("update:element", a.value);
     }
     function sA(F) {
       o.value = F;
@@ -17907,7 +17907,7 @@ const Lo = /* @__PURE__ */ at(FU, [["render", IU], ["__scopeId", "data-v-27037f5
       }, 512)
     ]));
   }
-}), kU = /* @__PURE__ */ at(PU, [["__scopeId", "data-v-ffe8789f"]]), qU = {
+}), kU = /* @__PURE__ */ at(PU, [["__scopeId", "data-v-2439d1ef"]]), qU = {
   install(A) {
     A.component("Designer", kU);
   }

package/dist/gp-designer.umd.js

@@ -35,4 +35,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     content: "" !important;
     display: none !important;
 }`,ab=function(A){ib(A,"."+ui+nb+xl+`
-         .`+oi+sb+xl)},ib=function(A,e){var t=A.ownerDocument;if(t){var r=t.createElement("style");r.textContent=e,A.appendChild(r)}},Hl=function(){function A(){}return A.getOrigin=function(e){var t=A._link;return t?(t.href=e,t.href=t.href,t.protocol+t.hostname+t.port):"about:blank"},A.isSameOrigin=function(e){return A.getOrigin(e)===A._origin},A.setContext=function(e){A._link=e.document.createElement("a"),A._origin=A.getOrigin(e.location.href)},A._origin="about:blank",A}(),ub=function(){function A(e,t){this.context=e,this._options=t,this._cache={}}return A.prototype.addImage=function(e){var t=Promise.resolve();return this.has(e)||(li(e)||fb(e))&&(this._cache[e]=this.loadImage(e)).catch(function(){}),t},A.prototype.match=function(e){return this._cache[e]},A.prototype.loadImage=function(e){return kA(this,void 0,void 0,function(){var t,r,n,s,a=this;return RA(this,function(u){switch(u.label){case 0:return t=Hl.isSameOrigin(e),r=!ci(e)&&this._options.useCORS===!0&&DA.SUPPORT_CORS_IMAGES&&!t,n=!ci(e)&&!t&&!li(e)&&typeof this._options.proxy=="string"&&DA.SUPPORT_CORS_XHR&&!r,!t&&this._options.allowTaint===!1&&!ci(e)&&!li(e)&&!n&&!r?[2]:(s=e,n?[4,this.proxy(s)]:[3,2]);case 1:s=u.sent(),u.label=2;case 2:return this.context.logger.debug("Added image "+e.substring(0,256)),[4,new Promise(function(o,l){var f=new Image;f.onload=function(){return o(f)},f.onerror=l,(hb(s)||r)&&(f.crossOrigin="anonymous"),f.src=s,f.complete===!0&&setTimeout(function(){return o(f)},500),a._options.imageTimeout>0&&setTimeout(function(){return l("Timed out ("+a._options.imageTimeout+"ms) loading image")},a._options.imageTimeout)})];case 3:return[2,u.sent()]}})})},A.prototype.has=function(e){return typeof this._cache[e]<"u"},A.prototype.keys=function(){return Promise.resolve(Object.keys(this._cache))},A.prototype.proxy=function(e){var t=this,r=this._options.proxy;if(!r)throw new Error("No proxy defined");var n=e.substring(0,256);return new Promise(function(s,a){var u=DA.SUPPORT_RESPONSE_TYPE?"blob":"text",o=new XMLHttpRequest;o.onload=function(){if(o.status===200)if(u==="text")s(o.response);else{var h=new FileReader;h.addEventListener("load",function(){return s(h.result)},!1),h.addEventListener("error",function(d){return a(d)},!1),h.readAsDataURL(o.response)}else a("Failed to proxy resource "+n+" with status code "+o.status)},o.onerror=a;var l=r.indexOf("?")>-1?"&":"?";if(o.open("GET",""+r+l+"url="+encodeURIComponent(e)+"&responseType="+u),u!=="text"&&o instanceof XMLHttpRequest&&(o.responseType=u),t._options.imageTimeout){var f=t._options.imageTimeout;o.timeout=f,o.ontimeout=function(){return a("Timed out ("+f+"ms) proxying "+n)}}o.send()})},A}(),ob=/^data:image\/svg\+xml/i,cb=/^data:image\/.*;base64,/i,lb=/^data:image\/.*/i,fb=function(A){return DA.SUPPORT_SVG_DRAWING||!db(A)},ci=function(A){return lb.test(A)},hb=function(A){return cb.test(A)},li=function(A){return A.substr(0,4)==="blob"},db=function(A){return A.substr(-3).toLowerCase()==="svg"||ob.test(A)},O=function(){function A(e,t){this.type=0,this.x=e,this.y=t}return A.prototype.add=function(e,t){return new A(this.x+e,this.y+t)},A}(),Lt=function(A,e,t){return new O(A.x+(e.x-A.x)*t,A.y+(e.y-A.y)*t)},Zn=function(){function A(e,t,r,n){this.type=1,this.start=e,this.startControl=t,this.endControl=r,this.end=n}return A.prototype.subdivide=function(e,t){var r=Lt(this.start,this.startControl,e),n=Lt(this.startControl,this.endControl,e),s=Lt(this.endControl,this.end,e),a=Lt(r,n,e),u=Lt(n,s,e),o=Lt(a,u,e);return t?new A(this.start,r,a,o):new A(o,u,s,this.end)},A.prototype.add=function(e,t){return new A(this.start.add(e,t),this.startControl.add(e,t),this.endControl.add(e,t),this.end.add(e,t))},A.prototype.reverse=function(){return new A(this.end,this.endControl,this.startControl,this.start)},A}(),ne=function(A){return A.type===1},Bb=function(){function A(e){var t=e.styles,r=e.bounds,n=br(t.borderTopLeftRadius,r.width,r.height),s=n[0],a=n[1],u=br(t.borderTopRightRadius,r.width,r.height),o=u[0],l=u[1],f=br(t.borderBottomRightRadius,r.width,r.height),h=f[0],d=f[1],C=br(t.borderBottomLeftRadius,r.width,r.height),p=C[0],T=C[1],I=[];I.push((s+o)/r.width),I.push((p+h)/r.width),I.push((a+T)/r.height),I.push((l+d)/r.height);var _=Math.max.apply(Math,I);_>1&&(s/=_,a/=_,o/=_,l/=_,h/=_,d/=_,p/=_,T/=_);var Q=r.width-o,H=r.height-d,P=r.width-h,v=r.height-T,m=t.borderTopWidth,x=t.borderRightWidth,K=t.borderBottomWidth,k=t.borderLeftWidth,eA=cA(t.paddingTop,e.bounds.width),lA=cA(t.paddingRight,e.bounds.width),fA=cA(t.paddingBottom,e.bounds.width),j=cA(t.paddingLeft,e.bounds.width);this.topLeftBorderDoubleOuterBox=s>0||a>0?gA(r.left+k/3,r.top+m/3,s-k/3,a-m/3,sA.TOP_LEFT):new O(r.left+k/3,r.top+m/3),this.topRightBorderDoubleOuterBox=s>0||a>0?gA(r.left+Q,r.top+m/3,o-x/3,l-m/3,sA.TOP_RIGHT):new O(r.left+r.width-x/3,r.top+m/3),this.bottomRightBorderDoubleOuterBox=h>0||d>0?gA(r.left+P,r.top+H,h-x/3,d-K/3,sA.BOTTOM_RIGHT):new O(r.left+r.width-x/3,r.top+r.height-K/3),this.bottomLeftBorderDoubleOuterBox=p>0||T>0?gA(r.left+k/3,r.top+v,p-k/3,T-K/3,sA.BOTTOM_LEFT):new O(r.left+k/3,r.top+r.height-K/3),this.topLeftBorderDoubleInnerBox=s>0||a>0?gA(r.left+k*2/3,r.top+m*2/3,s-k*2/3,a-m*2/3,sA.TOP_LEFT):new O(r.left+k*2/3,r.top+m*2/3),this.topRightBorderDoubleInnerBox=s>0||a>0?gA(r.left+Q,r.top+m*2/3,o-x*2/3,l-m*2/3,sA.TOP_RIGHT):new O(r.left+r.width-x*2/3,r.top+m*2/3),this.bottomRightBorderDoubleInnerBox=h>0||d>0?gA(r.left+P,r.top+H,h-x*2/3,d-K*2/3,sA.BOTTOM_RIGHT):new O(r.left+r.width-x*2/3,r.top+r.height-K*2/3),this.bottomLeftBorderDoubleInnerBox=p>0||T>0?gA(r.left+k*2/3,r.top+v,p-k*2/3,T-K*2/3,sA.BOTTOM_LEFT):new O(r.left+k*2/3,r.top+r.height-K*2/3),this.topLeftBorderStroke=s>0||a>0?gA(r.left+k/2,r.top+m/2,s-k/2,a-m/2,sA.TOP_LEFT):new O(r.left+k/2,r.top+m/2),this.topRightBorderStroke=s>0||a>0?gA(r.left+Q,r.top+m/2,o-x/2,l-m/2,sA.TOP_RIGHT):new O(r.left+r.width-x/2,r.top+m/2),this.bottomRightBorderStroke=h>0||d>0?gA(r.left+P,r.top+H,h-x/2,d-K/2,sA.BOTTOM_RIGHT):new O(r.left+r.width-x/2,r.top+r.height-K/2),this.bottomLeftBorderStroke=p>0||T>0?gA(r.left+k/2,r.top+v,p-k/2,T-K/2,sA.BOTTOM_LEFT):new O(r.left+k/2,r.top+r.height-K/2),this.topLeftBorderBox=s>0||a>0?gA(r.left,r.top,s,a,sA.TOP_LEFT):new O(r.left,r.top),this.topRightBorderBox=o>0||l>0?gA(r.left+Q,r.top,o,l,sA.TOP_RIGHT):new O(r.left+r.width,r.top),this.bottomRightBorderBox=h>0||d>0?gA(r.left+P,r.top+H,h,d,sA.BOTTOM_RIGHT):new O(r.left+r.width,r.top+r.height),this.bottomLeftBorderBox=p>0||T>0?gA(r.left,r.top+v,p,T,sA.BOTTOM_LEFT):new O(r.left,r.top+r.height),this.topLeftPaddingBox=s>0||a>0?gA(r.left+k,r.top+m,Math.max(0,s-k),Math.max(0,a-m),sA.TOP_LEFT):new O(r.left+k,r.top+m),this.topRightPaddingBox=o>0||l>0?gA(r.left+Math.min(Q,r.width-x),r.top+m,Q>r.width+x?0:Math.max(0,o-x),Math.max(0,l-m),sA.TOP_RIGHT):new O(r.left+r.width-x,r.top+m),this.bottomRightPaddingBox=h>0||d>0?gA(r.left+Math.min(P,r.width-k),r.top+Math.min(H,r.height-K),Math.max(0,h-x),Math.max(0,d-K),sA.BOTTOM_RIGHT):new O(r.left+r.width-x,r.top+r.height-K),this.bottomLeftPaddingBox=p>0||T>0?gA(r.left+k,r.top+Math.min(v,r.height-K),Math.max(0,p-k),Math.max(0,T-K),sA.BOTTOM_LEFT):new O(r.left+k,r.top+r.height-K),this.topLeftContentBox=s>0||a>0?gA(r.left+k+j,r.top+m+eA,Math.max(0,s-(k+j)),Math.max(0,a-(m+eA)),sA.TOP_LEFT):new O(r.left+k+j,r.top+m+eA),this.topRightContentBox=o>0||l>0?gA(r.left+Math.min(Q,r.width+k+j),r.top+m+eA,Q>r.width+k+j?0:o-k+j,l-(m+eA),sA.TOP_RIGHT):new O(r.left+r.width-(x+lA),r.top+m+eA),this.bottomRightContentBox=h>0||d>0?gA(r.left+Math.min(P,r.width-(k+j)),r.top+Math.min(H,r.height+m+eA),Math.max(0,h-(x+lA)),d-(K+fA),sA.BOTTOM_RIGHT):new O(r.left+r.width-(x+lA),r.top+r.height-(K+fA)),this.bottomLeftContentBox=p>0||T>0?gA(r.left+k+j,r.top+v,Math.max(0,p-(k+j)),T-(K+fA),sA.BOTTOM_LEFT):new O(r.left+k+j,r.top+r.height-(K+fA))}return A}(),sA;(function(A){A[A.TOP_LEFT=0]="TOP_LEFT",A[A.TOP_RIGHT=1]="TOP_RIGHT",A[A.BOTTOM_RIGHT=2]="BOTTOM_RIGHT",A[A.BOTTOM_LEFT=3]="BOTTOM_LEFT"})(sA||(sA={}));var gA=function(A,e,t,r,n){var s=4*((Math.sqrt(2)-1)/3),a=t*s,u=r*s,o=A+t,l=e+r;switch(n){case sA.TOP_LEFT:return new Zn(new O(A,l),new O(A,l-u),new O(o-a,e),new O(o,e));case sA.TOP_RIGHT:return new Zn(new O(A,e),new O(A+a,e),new O(o,l-u),new O(o,l));case sA.BOTTOM_RIGHT:return new Zn(new O(o,e),new O(o,e+u),new O(A+a,l),new O(A,l));case sA.BOTTOM_LEFT:default:return new Zn(new O(o,l),new O(o-a,l),new O(A,e+u),new O(A,e))}},zn=function(A){return[A.topLeftBorderBox,A.topRightBorderBox,A.bottomRightBorderBox,A.bottomLeftBorderBox]},gb=function(A){return[A.topLeftContentBox,A.topRightContentBox,A.bottomRightContentBox,A.bottomLeftContentBox]},As=function(A){return[A.topLeftPaddingBox,A.topRightPaddingBox,A.bottomRightPaddingBox,A.bottomLeftPaddingBox]},Eb=function(){function A(e,t,r){this.offsetX=e,this.offsetY=t,this.matrix=r,this.type=0,this.target=6}return A}(),es=function(){function A(e,t){this.path=e,this.target=t,this.type=1}return A}(),mb=function(){function A(e){this.opacity=e,this.type=2,this.target=6}return A}(),pb=function(A){return A.type===0},Dl=function(A){return A.type===1},Cb=function(A){return A.type===2},Ol=function(A,e){return A.length===e.length?A.some(function(t,r){return t===e[r]}):!1},wb=function(A,e,t,r,n){return A.map(function(s,a){switch(a){case 0:return s.add(e,t);case 1:return s.add(e+r,t);case 2:return s.add(e+r,t+n);case 3:return s.add(e,t+n)}return s})},Rl=function(){function A(e){this.element=e,this.inlineLevel=[],this.nonInlineLevel=[],this.negativeZIndex=[],this.zeroOrAutoZIndexOrTransformedOrOpacity=[],this.positiveZIndex=[],this.nonPositionedFloats=[],this.nonPositionedInlineLevel=[]}return A}(),Ml=function(){function A(e,t){if(this.container=e,this.parent=t,this.effects=[],this.curves=new Bb(this.container),this.container.styles.opacity<1&&this.effects.push(new mb(this.container.styles.opacity)),this.container.styles.transform!==null){var r=this.container.bounds.left+this.container.styles.transformOrigin[0].number,n=this.container.bounds.top+this.container.styles.transformOrigin[1].number,s=this.container.styles.transform;this.effects.push(new Eb(r,n,s))}if(this.container.styles.overflowX!==0){var a=zn(this.curves),u=As(this.curves);Ol(a,u)?this.effects.push(new es(a,6)):(this.effects.push(new es(a,2)),this.effects.push(new es(u,4)))}}return A.prototype.getEffects=function(e){for(var t=[2,3].indexOf(this.container.styles.position)===-1,r=this.parent,n=this.effects.slice(0);r;){var s=r.effects.filter(function(o){return!Dl(o)});if(t||r.container.styles.position!==0||!r.parent){if(n.unshift.apply(n,s),t=[2,3].indexOf(r.container.styles.position)===-1,r.container.styles.overflowX!==0){var a=zn(r.curves),u=As(r.curves);Ol(a,u)||n.unshift(new es(u,6))}}else n.unshift.apply(n,s);r=r.parent}return n.filter(function(o){return QA(o.target,e)})},A}(),fi=function(A,e,t,r){A.container.elements.forEach(function(n){var s=QA(n.flags,4),a=QA(n.flags,2),u=new Ml(n,A);QA(n.styles.display,2048)&&r.push(u);var o=QA(n.flags,8)?[]:r;if(s||a){var l=s||n.styles.isPositioned()?t:e,f=new Rl(u);if(n.styles.isPositioned()||n.styles.opacity<1||n.styles.isTransformed()){var h=n.styles.zIndex.order;if(h<0){var d=0;l.negativeZIndex.some(function(p,T){return h>p.element.container.styles.zIndex.order?(d=T,!1):d>0}),l.negativeZIndex.splice(d,0,f)}else if(h>0){var C=0;l.positiveZIndex.some(function(p,T){return h>=p.element.container.styles.zIndex.order?(C=T+1,!1):C>0}),l.positiveZIndex.splice(C,0,f)}else l.zeroOrAutoZIndexOrTransformedOrOpacity.push(f)}else n.styles.isFloating()?l.nonPositionedFloats.push(f):l.nonPositionedInlineLevel.push(f);fi(u,f,s?f:t,o)}else n.styles.isInlineLevel()?e.inlineLevel.push(u):e.nonInlineLevel.push(u),fi(u,e,t,o);QA(n.flags,8)&&kl(n,o)})},kl=function(A,e){for(var t=A instanceof ei?A.start:1,r=A instanceof ei?A.reversed:!1,n=0;n<e.length;n++){var s=e[n];s.container instanceof ll&&typeof s.container.value=="number"&&s.container.value!==0&&(t=s.container.value),s.listValue=yr(t,s.container.styles.listStyleType,!0),t+=r?-1:1}},Tb=function(A){var e=new Ml(A,null),t=new Rl(e),r=[];return fi(e,t,t,r),kl(e.container,r),t},Pl=function(A,e){switch(e){case 0:return se(A.topLeftBorderBox,A.topLeftPaddingBox,A.topRightBorderBox,A.topRightPaddingBox);case 1:return se(A.topRightBorderBox,A.topRightPaddingBox,A.bottomRightBorderBox,A.bottomRightPaddingBox);case 2:return se(A.bottomRightBorderBox,A.bottomRightPaddingBox,A.bottomLeftBorderBox,A.bottomLeftPaddingBox);case 3:default:return se(A.bottomLeftBorderBox,A.bottomLeftPaddingBox,A.topLeftBorderBox,A.topLeftPaddingBox)}},bb=function(A,e){switch(e){case 0:return se(A.topLeftBorderBox,A.topLeftBorderDoubleOuterBox,A.topRightBorderBox,A.topRightBorderDoubleOuterBox);case 1:return se(A.topRightBorderBox,A.topRightBorderDoubleOuterBox,A.bottomRightBorderBox,A.bottomRightBorderDoubleOuterBox);case 2:return se(A.bottomRightBorderBox,A.bottomRightBorderDoubleOuterBox,A.bottomLeftBorderBox,A.bottomLeftBorderDoubleOuterBox);case 3:default:return se(A.bottomLeftBorderBox,A.bottomLeftBorderDoubleOuterBox,A.topLeftBorderBox,A.topLeftBorderDoubleOuterBox)}},Ub=function(A,e){switch(e){case 0:return se(A.topLeftBorderDoubleInnerBox,A.topLeftPaddingBox,A.topRightBorderDoubleInnerBox,A.topRightPaddingBox);case 1:return se(A.topRightBorderDoubleInnerBox,A.topRightPaddingBox,A.bottomRightBorderDoubleInnerBox,A.bottomRightPaddingBox);case 2:return se(A.bottomRightBorderDoubleInnerBox,A.bottomRightPaddingBox,A.bottomLeftBorderDoubleInnerBox,A.bottomLeftPaddingBox);case 3:default:return se(A.bottomLeftBorderDoubleInnerBox,A.bottomLeftPaddingBox,A.topLeftBorderDoubleInnerBox,A.topLeftPaddingBox)}},Qb=function(A,e){switch(e){case 0:return ts(A.topLeftBorderStroke,A.topRightBorderStroke);case 1:return ts(A.topRightBorderStroke,A.bottomRightBorderStroke);case 2:return ts(A.bottomRightBorderStroke,A.bottomLeftBorderStroke);case 3:default:return ts(A.bottomLeftBorderStroke,A.topLeftBorderStroke)}},ts=function(A,e){var t=[];return ne(A)?t.push(A.subdivide(.5,!1)):t.push(A),ne(e)?t.push(e.subdivide(.5,!0)):t.push(e),t},se=function(A,e,t,r){var n=[];return ne(A)?n.push(A.subdivide(.5,!1)):n.push(A),ne(t)?n.push(t.subdivide(.5,!0)):n.push(t),ne(r)?n.push(r.subdivide(.5,!0).reverse()):n.push(r),ne(e)?n.push(e.subdivide(.5,!1).reverse()):n.push(e),n},Kl=function(A){var e=A.bounds,t=A.styles;return e.add(t.borderLeftWidth,t.borderTopWidth,-(t.borderRightWidth+t.borderLeftWidth),-(t.borderTopWidth+t.borderBottomWidth))},rs=function(A){var e=A.styles,t=A.bounds,r=cA(e.paddingLeft,t.width),n=cA(e.paddingRight,t.width),s=cA(e.paddingTop,t.width),a=cA(e.paddingBottom,t.width);return t.add(r+e.borderLeftWidth,s+e.borderTopWidth,-(e.borderRightWidth+e.borderLeftWidth+r+n),-(e.borderTopWidth+e.borderBottomWidth+s+a))},Fb=function(A,e){return A===0?e.bounds:A===2?rs(e):Kl(e)},Ib=function(A,e){return A===0?e.bounds:A===2?rs(e):Kl(e)},hi=function(A,e,t){var r=Fb(Ht(A.styles.backgroundOrigin,e),A),n=Ib(Ht(A.styles.backgroundClip,e),A),s=_b(Ht(A.styles.backgroundSize,e),t,r),a=s[0],u=s[1],o=br(Ht(A.styles.backgroundPosition,e),r.width-a,r.height-u),l=yb(Ht(A.styles.backgroundRepeat,e),o,s,r,n),f=Math.round(r.left+o[0]),h=Math.round(r.top+o[1]);return[l,f,h,a,u]},xt=function(A){return iA(A)&&A.value===yt.AUTO},ns=function(A){return typeof A=="number"},_b=function(A,e,t){var r=e[0],n=e[1],s=e[2],a=A[0],u=A[1];if(!a)return[0,0];if(bA(a)&&u&&bA(u))return[cA(a,t.width),cA(u,t.height)];var o=ns(s);if(iA(a)&&(a.value===yt.CONTAIN||a.value===yt.COVER)){if(ns(s)){var l=t.width/t.height;return l<s!=(a.value===yt.COVER)?[t.width,t.width/s]:[t.height*s,t.height]}return[t.width,t.height]}var f=ns(r),h=ns(n),d=f||h;if(xt(a)&&(!u||xt(u))){if(f&&h)return[r,n];if(!o&&!d)return[t.width,t.height];if(d&&o){var C=f?r:n*s,p=h?n:r/s;return[C,p]}var T=f?r:t.width,I=h?n:t.height;return[T,I]}if(o){var _=0,Q=0;return bA(a)?_=cA(a,t.width):bA(u)&&(Q=cA(u,t.height)),xt(a)?_=Q*s:(!u||xt(u))&&(Q=_/s),[_,Q]}var H=null,P=null;if(bA(a)?H=cA(a,t.width):u&&bA(u)&&(P=cA(u,t.height)),H!==null&&(!u||xt(u))&&(P=f&&h?H/r*n:t.height),P!==null&&xt(a)&&(H=f&&h?P/n*r:t.width),H!==null&&P!==null)return[H,P];throw new Error("Unable to calculate background-size for element")},Ht=function(A,e){var t=A[e];return typeof t>"u"?A[0]:t},yb=function(A,e,t,r,n){var s=e[0],a=e[1],u=t[0],o=t[1];switch(A){case 2:return[new O(Math.round(r.left),Math.round(r.top+a)),new O(Math.round(r.left+r.width),Math.round(r.top+a)),new O(Math.round(r.left+r.width),Math.round(o+r.top+a)),new O(Math.round(r.left),Math.round(o+r.top+a))];case 3:return[new O(Math.round(r.left+s),Math.round(r.top)),new O(Math.round(r.left+s+u),Math.round(r.top)),new O(Math.round(r.left+s+u),Math.round(r.height+r.top)),new O(Math.round(r.left+s),Math.round(r.height+r.top))];case 1:return[new O(Math.round(r.left+s),Math.round(r.top+a)),new O(Math.round(r.left+s+u),Math.round(r.top+a)),new O(Math.round(r.left+s+u),Math.round(r.top+a+o)),new O(Math.round(r.left+s),Math.round(r.top+a+o))];default:return[new O(Math.round(n.left),Math.round(n.top)),new O(Math.round(n.left+n.width),Math.round(n.top)),new O(Math.round(n.left+n.width),Math.round(n.height+n.top)),new O(Math.round(n.left),Math.round(n.height+n.top))]}},Nb="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",Vl="Hidden Text",Sb=function(){function A(e){this._data={},this._document=e}return A.prototype.parseMetrics=function(e,t){var r=this._document.createElement("div"),n=this._document.createElement("img"),s=this._document.createElement("span"),a=this._document.body;r.style.visibility="hidden",r.style.fontFamily=e,r.style.fontSize=t,r.style.margin="0",r.style.padding="0",r.style.whiteSpace="nowrap",a.appendChild(r),n.src=Nb,n.width=1,n.height=1,n.style.margin="0",n.style.padding="0",n.style.verticalAlign="baseline",s.style.fontFamily=e,s.style.fontSize=t,s.style.margin="0",s.style.padding="0",s.appendChild(this._document.createTextNode(Vl)),r.appendChild(s),r.appendChild(n);var u=n.offsetTop-s.offsetTop+2;r.removeChild(s),r.appendChild(this._document.createTextNode(Vl)),r.style.lineHeight="normal",n.style.verticalAlign="super";var o=n.offsetTop-r.offsetTop+2;return a.removeChild(r),{baseline:u,middle:o}},A.prototype.getMetrics=function(e,t){var r=e+" "+t;return typeof this._data[r]>"u"&&(this._data[r]=this.parseMetrics(e,t)),this._data[r]},A}(),Gl=function(){function A(e,t){this.context=e,this.options=t}return A}(),vb=1e4,Lb=function(A){ce(e,A);function e(t,r){var n=A.call(this,t,r)||this;return n._activeEffects=[],n.canvas=r.canvas?r.canvas:document.createElement("canvas"),n.ctx=n.canvas.getContext("2d"),r.canvas||(n.canvas.width=Math.floor(r.width*r.scale),n.canvas.height=Math.floor(r.height*r.scale),n.canvas.style.width=r.width+"px",n.canvas.style.height=r.height+"px"),n.fontMetrics=new Sb(document),n.ctx.scale(n.options.scale,n.options.scale),n.ctx.translate(-r.x,-r.y),n.ctx.textBaseline="bottom",n._activeEffects=[],n.context.logger.debug("Canvas renderer initialized ("+r.width+"x"+r.height+") with scale "+r.scale),n}return e.prototype.applyEffects=function(t){for(var r=this;this._activeEffects.length;)this.popEffect();t.forEach(function(n){return r.applyEffect(n)})},e.prototype.applyEffect=function(t){this.ctx.save(),Cb(t)&&(this.ctx.globalAlpha=t.opacity),pb(t)&&(this.ctx.translate(t.offsetX,t.offsetY),this.ctx.transform(t.matrix[0],t.matrix[1],t.matrix[2],t.matrix[3],t.matrix[4],t.matrix[5]),this.ctx.translate(-t.offsetX,-t.offsetY)),Dl(t)&&(this.path(t.path),this.ctx.clip()),this._activeEffects.push(t)},e.prototype.popEffect=function(){this._activeEffects.pop(),this.ctx.restore()},e.prototype.renderStack=function(t){return kA(this,void 0,void 0,function(){var r;return RA(this,function(n){switch(n.label){case 0:return r=t.element.container.styles,r.isVisible()?[4,this.renderStackContent(t)]:[3,2];case 1:n.sent(),n.label=2;case 2:return[2]}})})},e.prototype.renderNode=function(t){return kA(this,void 0,void 0,function(){return RA(this,function(r){switch(r.label){case 0:if(QA(t.container.flags,16))debugger;return t.container.styles.isVisible()?[4,this.renderNodeBackgroundAndBorders(t)]:[3,3];case 1:return r.sent(),[4,this.renderNodeContent(t)];case 2:r.sent(),r.label=3;case 3:return[2]}})})},e.prototype.renderTextWithLetterSpacing=function(t,r,n){var s=this;if(r===0)this.ctx.fillText(t.text,t.bounds.left,t.bounds.top+n);else{var a=Ai(t.text);a.reduce(function(u,o){return s.ctx.fillText(o,u,t.bounds.top+n),u+s.ctx.measureText(o).width},t.bounds.left)}},e.prototype.createFontStyle=function(t){var r=t.fontVariant.filter(function(a){return a==="normal"||a==="small-caps"}).join(""),n=Rb(t.fontFamily).join(", "),s=Tr(t.fontSize)?""+t.fontSize.number+t.fontSize.unit:t.fontSize.number+"px";return[[t.fontStyle,r,t.fontWeight,s,n].join(" "),n,s]},e.prototype.renderTextNode=function(t,r){return kA(this,void 0,void 0,function(){var n,s,a,u,o,l,f,h,d=this;return RA(this,function(C){return n=this.createFontStyle(r),s=n[0],a=n[1],u=n[2],this.ctx.font=s,this.ctx.direction=r.direction===1?"rtl":"ltr",this.ctx.textAlign="left",this.ctx.textBaseline="alphabetic",o=this.fontMetrics.getMetrics(a,u),l=o.baseline,f=o.middle,h=r.paintOrder,t.textBounds.forEach(function(p){h.forEach(function(T){switch(T){case 0:d.ctx.fillStyle=SA(r.color),d.renderTextWithLetterSpacing(p,r.letterSpacing,l);var I=r.textShadow;I.length&&p.text.trim().length&&(I.slice(0).reverse().forEach(function(_){d.ctx.shadowColor=SA(_.color),d.ctx.shadowOffsetX=_.offsetX.number*d.options.scale,d.ctx.shadowOffsetY=_.offsetY.number*d.options.scale,d.ctx.shadowBlur=_.blur.number,d.renderTextWithLetterSpacing(p,r.letterSpacing,l)}),d.ctx.shadowColor="",d.ctx.shadowOffsetX=0,d.ctx.shadowOffsetY=0,d.ctx.shadowBlur=0),r.textDecorationLine.length&&(d.ctx.fillStyle=SA(r.textDecorationColor||r.color),r.textDecorationLine.forEach(function(_){switch(_){case 1:d.ctx.fillRect(p.bounds.left,Math.round(p.bounds.top+l),p.bounds.width,1);break;case 2:d.ctx.fillRect(p.bounds.left,Math.round(p.bounds.top),p.bounds.width,1);break;case 3:d.ctx.fillRect(p.bounds.left,Math.ceil(p.bounds.top+f),p.bounds.width,1);break}}));break;case 1:r.webkitTextStrokeWidth&&p.text.trim().length&&(d.ctx.strokeStyle=SA(r.webkitTextStrokeColor),d.ctx.lineWidth=r.webkitTextStrokeWidth,d.ctx.lineJoin=window.chrome?"miter":"round",d.ctx.strokeText(p.text,p.bounds.left,p.bounds.top+l)),d.ctx.strokeStyle="",d.ctx.lineWidth=0,d.ctx.lineJoin="miter";break}})}),[2]})})},e.prototype.renderReplacedElement=function(t,r,n){if(n&&t.intrinsicWidth>0&&t.intrinsicHeight>0){var s=rs(t),a=As(r);this.path(a),this.ctx.save(),this.ctx.clip(),this.ctx.drawImage(n,0,0,t.intrinsicWidth,t.intrinsicHeight,s.left,s.top,s.width,s.height),this.ctx.restore()}},e.prototype.renderNodeContent=function(t){return kA(this,void 0,void 0,function(){var r,n,s,a,u,o,Q,Q,l,f,h,d,P,C,p,v,T,I,_,Q,H,P,v;return RA(this,function(m){switch(m.label){case 0:this.applyEffects(t.getEffects(4)),r=t.container,n=t.curves,s=r.styles,a=0,u=r.textNodes,m.label=1;case 1:return a<u.length?(o=u[a],[4,this.renderTextNode(o,s)]):[3,4];case 2:m.sent(),m.label=3;case 3:return a++,[3,1];case 4:if(!(r instanceof ul))return[3,8];m.label=5;case 5:return m.trys.push([5,7,,8]),[4,this.context.cache.match(r.src)];case 6:return Q=m.sent(),this.renderReplacedElement(r,n,Q),[3,8];case 7:return m.sent(),this.context.logger.error("Error loading image "+r.src),[3,8];case 8:if(r instanceof ol&&this.renderReplacedElement(r,n,r.canvas),!(r instanceof cl))return[3,12];m.label=9;case 9:return m.trys.push([9,11,,12]),[4,this.context.cache.match(r.svg)];case 10:return Q=m.sent(),this.renderReplacedElement(r,n,Q),[3,12];case 11:return m.sent(),this.context.logger.error("Error loading svg "+r.svg.substring(0,255)),[3,12];case 12:return r instanceof Bl&&r.tree?(l=new e(this.context,{scale:this.options.scale,backgroundColor:r.backgroundColor,x:0,y:0,width:r.width,height:r.height}),[4,l.render(r.tree)]):[3,14];case 13:f=m.sent(),r.width&&r.height&&this.ctx.drawImage(f,0,0,r.width,r.height,r.bounds.left,r.bounds.top,r.bounds.width,r.bounds.height),m.label=14;case 14:if(r instanceof ti&&(h=Math.min(r.bounds.width,r.bounds.height),r.type===Xn?r.checked&&(this.ctx.save(),this.path([new O(r.bounds.left+h*.39363,r.bounds.top+h*.79),new O(r.bounds.left+h*.16,r.bounds.top+h*.5549),new O(r.bounds.left+h*.27347,r.bounds.top+h*.44071),new O(r.bounds.left+h*.39694,r.bounds.top+h*.5649),new O(r.bounds.left+h*.72983,r.bounds.top+h*.23),new O(r.bounds.left+h*.84,r.bounds.top+h*.34085),new O(r.bounds.left+h*.39363,r.bounds.top+h*.79)]),this.ctx.fillStyle=SA(fl),this.ctx.fill(),this.ctx.restore()):r.type===Wn&&r.checked&&(this.ctx.save(),this.ctx.beginPath(),this.ctx.arc(r.bounds.left+h/2,r.bounds.top+h/2,h/4,0,Math.PI*2,!0),this.ctx.fillStyle=SA(fl),this.ctx.fill(),this.ctx.restore())),xb(r)&&r.value.length){switch(d=this.createFontStyle(s),P=d[0],C=d[1],p=this.fontMetrics.getMetrics(P,C).baseline,this.ctx.font=P,this.ctx.fillStyle=SA(s.color),this.ctx.textBaseline="alphabetic",this.ctx.textAlign=Db(r.styles.textAlign),v=rs(r),T=0,r.styles.textAlign){case 1:T+=v.width/2;break;case 2:T+=v.width;break}I=v.add(T,0,0,-v.height/2+1),this.ctx.save(),this.path([new O(v.left,v.top),new O(v.left+v.width,v.top),new O(v.left+v.width,v.top+v.height),new O(v.left,v.top+v.height)]),this.ctx.clip(),this.renderTextWithLetterSpacing(new Ir(r.value,I),s.letterSpacing,p),this.ctx.restore(),this.ctx.textBaseline="alphabetic",this.ctx.textAlign="left"}if(!QA(r.styles.display,2048))return[3,20];if(r.styles.listStyleImage===null)return[3,19];if(_=r.styles.listStyleImage,_.type!==0)return[3,18];Q=void 0,H=_.url,m.label=15;case 15:return m.trys.push([15,17,,18]),[4,this.context.cache.match(H)];case 16:return Q=m.sent(),this.ctx.drawImage(Q,r.bounds.left-(Q.width+10),r.bounds.top),[3,18];case 17:return m.sent(),this.context.logger.error("Error loading list-style-image "+H),[3,18];case 18:return[3,20];case 19:t.listValue&&r.styles.listStyleType!==-1&&(P=this.createFontStyle(s)[0],this.ctx.font=P,this.ctx.fillStyle=SA(s.color),this.ctx.textBaseline="middle",this.ctx.textAlign="right",v=new Ue(r.bounds.left,r.bounds.top+cA(r.styles.paddingTop,r.bounds.width),r.bounds.width,Vc(s.lineHeight,s.fontSize.number)/2+1),this.renderTextWithLetterSpacing(new Ir(t.listValue,v),s.letterSpacing,Vc(s.lineHeight,s.fontSize.number)/2+2),this.ctx.textBaseline="bottom",this.ctx.textAlign="left"),m.label=20;case 20:return[2]}})})},e.prototype.renderStackContent=function(t){return kA(this,void 0,void 0,function(){var r,n,_,s,a,_,u,o,_,l,f,_,h,d,_,C,p,_,T,I,_;return RA(this,function(Q){switch(Q.label){case 0:if(QA(t.element.container.flags,16))debugger;return[4,this.renderNodeBackgroundAndBorders(t.element)];case 1:Q.sent(),r=0,n=t.negativeZIndex,Q.label=2;case 2:return r<n.length?(_=n[r],[4,this.renderStack(_)]):[3,5];case 3:Q.sent(),Q.label=4;case 4:return r++,[3,2];case 5:return[4,this.renderNodeContent(t.element)];case 6:Q.sent(),s=0,a=t.nonInlineLevel,Q.label=7;case 7:return s<a.length?(_=a[s],[4,this.renderNode(_)]):[3,10];case 8:Q.sent(),Q.label=9;case 9:return s++,[3,7];case 10:u=0,o=t.nonPositionedFloats,Q.label=11;case 11:return u<o.length?(_=o[u],[4,this.renderStack(_)]):[3,14];case 12:Q.sent(),Q.label=13;case 13:return u++,[3,11];case 14:l=0,f=t.nonPositionedInlineLevel,Q.label=15;case 15:return l<f.length?(_=f[l],[4,this.renderStack(_)]):[3,18];case 16:Q.sent(),Q.label=17;case 17:return l++,[3,15];case 18:h=0,d=t.inlineLevel,Q.label=19;case 19:return h<d.length?(_=d[h],[4,this.renderNode(_)]):[3,22];case 20:Q.sent(),Q.label=21;case 21:return h++,[3,19];case 22:C=0,p=t.zeroOrAutoZIndexOrTransformedOrOpacity,Q.label=23;case 23:return C<p.length?(_=p[C],[4,this.renderStack(_)]):[3,26];case 24:Q.sent(),Q.label=25;case 25:return C++,[3,23];case 26:T=0,I=t.positiveZIndex,Q.label=27;case 27:return T<I.length?(_=I[T],[4,this.renderStack(_)]):[3,30];case 28:Q.sent(),Q.label=29;case 29:return T++,[3,27];case 30:return[2]}})})},e.prototype.mask=function(t){this.ctx.beginPath(),this.ctx.moveTo(0,0),this.ctx.lineTo(this.canvas.width,0),this.ctx.lineTo(this.canvas.width,this.canvas.height),this.ctx.lineTo(0,this.canvas.height),this.ctx.lineTo(0,0),this.formatPath(t.slice(0).reverse()),this.ctx.closePath()},e.prototype.path=function(t){this.ctx.beginPath(),this.formatPath(t),this.ctx.closePath()},e.prototype.formatPath=function(t){var r=this;t.forEach(function(n,s){var a=ne(n)?n.start:n;s===0?r.ctx.moveTo(a.x,a.y):r.ctx.lineTo(a.x,a.y),ne(n)&&r.ctx.bezierCurveTo(n.startControl.x,n.startControl.y,n.endControl.x,n.endControl.y,n.end.x,n.end.y)})},e.prototype.renderRepeat=function(t,r,n,s){this.path(t),this.ctx.fillStyle=r,this.ctx.translate(n,s),this.ctx.fill(),this.ctx.translate(-n,-s)},e.prototype.resizeImage=function(t,r,n){var s;if(t.width===r&&t.height===n)return t;var a=(s=this.canvas.ownerDocument)!==null&&s!==void 0?s:document,u=a.createElement("canvas");u.width=Math.max(1,r),u.height=Math.max(1,n);var o=u.getContext("2d");return o.drawImage(t,0,0,t.width,t.height,0,0,r,n),u},e.prototype.renderBackgroundImage=function(t){return kA(this,void 0,void 0,function(){var r,n,s,a,u,o;return RA(this,function(l){switch(l.label){case 0:r=t.styles.backgroundImage.length-1,n=function(f){var h,d,C,eA,oA,mA,j,rA,K,p,eA,oA,mA,j,rA,T,I,_,Q,H,P,v,m,x,K,k,eA,lA,fA,j,rA,uA,oA,mA,PA,vA,L,D,q,X,pA,FA;return RA(this,function(ae){switch(ae.label){case 0:if(f.type!==0)return[3,5];h=void 0,d=f.url,ae.label=1;case 1:return ae.trys.push([1,3,,4]),[4,s.context.cache.match(d)];case 2:return h=ae.sent(),[3,4];case 3:return ae.sent(),s.context.logger.error("Error loading background-image "+d),[3,4];case 4:return h&&(C=hi(t,r,[h.width,h.height,h.width/h.height]),eA=C[0],oA=C[1],mA=C[2],j=C[3],rA=C[4],K=s.ctx.createPattern(s.resizeImage(h,j,rA),"repeat"),s.renderRepeat(eA,K,oA,mA)),[3,6];case 5:p1(f)?(p=hi(t,r,[null,null,null]),eA=p[0],oA=p[1],mA=p[2],j=p[3],rA=p[4],T=d1(f.angle,j,rA),I=T[0],_=T[1],Q=T[2],H=T[3],P=T[4],v=document.createElement("canvas"),v.width=j,v.height=rA,m=v.getContext("2d"),x=m.createLinearGradient(_,H,Q,P),vc(f.stops,I).forEach(function($A){return x.addColorStop($A.stop,SA($A.color))}),m.fillStyle=x,m.fillRect(0,0,j,rA),j>0&&rA>0&&(K=s.ctx.createPattern(v,"repeat"),s.renderRepeat(eA,K,oA,mA))):C1(f)&&(k=hi(t,r,[null,null,null]),eA=k[0],lA=k[1],fA=k[2],j=k[3],rA=k[4],uA=f.position.length===0?[Ma]:f.position,oA=cA(uA[0],j),mA=cA(uA[uA.length-1],rA),PA=B1(f,oA,mA,j,rA),vA=PA[0],L=PA[1],vA>0&&L>0&&(D=s.ctx.createRadialGradient(lA+oA,fA+mA,0,lA+oA,fA+mA,vA),vc(f.stops,vA*2).forEach(function($A){return D.addColorStop($A.stop,SA($A.color))}),s.path(eA),s.ctx.fillStyle=D,vA!==L?(q=t.bounds.left+.5*t.bounds.width,X=t.bounds.top+.5*t.bounds.height,pA=L/vA,FA=1/pA,s.ctx.save(),s.ctx.translate(q,X),s.ctx.transform(1,0,0,pA,0,0),s.ctx.translate(-q,-X),s.ctx.fillRect(lA,FA*(fA-X)+X,j,rA*FA),s.ctx.restore()):s.ctx.fill())),ae.label=6;case 6:return r--,[2]}})},s=this,a=0,u=t.styles.backgroundImage.slice(0).reverse(),l.label=1;case 1:return a<u.length?(o=u[a],[5,n(o)]):[3,4];case 2:l.sent(),l.label=3;case 3:return a++,[3,1];case 4:return[2]}})})},e.prototype.renderSolidBorder=function(t,r,n){return kA(this,void 0,void 0,function(){return RA(this,function(s){return this.path(Pl(n,r)),this.ctx.fillStyle=SA(t),this.ctx.fill(),[2]})})},e.prototype.renderDoubleBorder=function(t,r,n,s){return kA(this,void 0,void 0,function(){var a,u;return RA(this,function(o){switch(o.label){case 0:return r<3?[4,this.renderSolidBorder(t,n,s)]:[3,2];case 1:return o.sent(),[2];case 2:return a=bb(s,n),this.path(a),this.ctx.fillStyle=SA(t),this.ctx.fill(),u=Ub(s,n),this.path(u),this.ctx.fill(),[2]}})})},e.prototype.renderNodeBackgroundAndBorders=function(t){return kA(this,void 0,void 0,function(){var r,n,s,a,u,o,l,f,h=this;return RA(this,function(d){switch(d.label){case 0:return this.applyEffects(t.getEffects(2)),r=t.container.styles,n=!Ge(r.backgroundColor)||r.backgroundImage.length,s=[{style:r.borderTopStyle,color:r.borderTopColor,width:r.borderTopWidth},{style:r.borderRightStyle,color:r.borderRightColor,width:r.borderRightWidth},{style:r.borderBottomStyle,color:r.borderBottomColor,width:r.borderBottomWidth},{style:r.borderLeftStyle,color:r.borderLeftColor,width:r.borderLeftWidth}],a=Hb(Ht(r.backgroundClip,0),t.curves),n||r.boxShadow.length?(this.ctx.save(),this.path(a),this.ctx.clip(),Ge(r.backgroundColor)||(this.ctx.fillStyle=SA(r.backgroundColor),this.ctx.fill()),[4,this.renderBackgroundImage(t.container)]):[3,2];case 1:d.sent(),this.ctx.restore(),r.boxShadow.slice(0).reverse().forEach(function(C){h.ctx.save();var p=zn(t.curves),T=C.inset?0:vb,I=wb(p,-T+(C.inset?1:-1)*C.spread.number,(C.inset?1:-1)*C.spread.number,C.spread.number*(C.inset?-2:2),C.spread.number*(C.inset?-2:2));C.inset?(h.path(p),h.ctx.clip(),h.mask(I)):(h.mask(p),h.ctx.clip(),h.path(I)),h.ctx.shadowOffsetX=C.offsetX.number+T,h.ctx.shadowOffsetY=C.offsetY.number,h.ctx.shadowColor=SA(C.color),h.ctx.shadowBlur=C.blur.number,h.ctx.fillStyle=C.inset?SA(C.color):"rgba(0,0,0,1)",h.ctx.fill(),h.ctx.restore()}),d.label=2;case 2:u=0,o=0,l=s,d.label=3;case 3:return o<l.length?(f=l[o],f.style!==0&&!Ge(f.color)&&f.width>0?f.style!==2?[3,5]:[4,this.renderDashedDottedBorder(f.color,f.width,u,t.curves,2)]:[3,11]):[3,13];case 4:return d.sent(),[3,11];case 5:return f.style!==3?[3,7]:[4,this.renderDashedDottedBorder(f.color,f.width,u,t.curves,3)];case 6:return d.sent(),[3,11];case 7:return f.style!==4?[3,9]:[4,this.renderDoubleBorder(f.color,f.width,u,t.curves)];case 8:return d.sent(),[3,11];case 9:return[4,this.renderSolidBorder(f.color,u,t.curves)];case 10:d.sent(),d.label=11;case 11:u++,d.label=12;case 12:return o++,[3,3];case 13:return[2]}})})},e.prototype.renderDashedDottedBorder=function(t,r,n,s,a){return kA(this,void 0,void 0,function(){var u,o,l,f,h,d,C,p,T,I,_,Q,H,P,v,m,v,m;return RA(this,function(x){return this.ctx.save(),u=Qb(s,n),o=Pl(s,n),a===2&&(this.path(o),this.ctx.clip()),ne(o[0])?(l=o[0].start.x,f=o[0].start.y):(l=o[0].x,f=o[0].y),ne(o[1])?(h=o[1].end.x,d=o[1].end.y):(h=o[1].x,d=o[1].y),n===0||n===2?C=Math.abs(l-h):C=Math.abs(f-d),this.ctx.beginPath(),a===3?this.formatPath(u):this.formatPath(o.slice(0,2)),p=r<3?r*3:r*2,T=r<3?r*2:r,a===3&&(p=r,T=r),I=!0,C<=p*2?I=!1:C<=p*2+T?(_=C/(2*p+T),p*=_,T*=_):(Q=Math.floor((C+T)/(p+T)),H=(C-Q*p)/(Q-1),P=(C-(Q+1)*p)/Q,T=P<=0||Math.abs(T-H)<Math.abs(T-P)?H:P),I&&(a===3?this.ctx.setLineDash([0,p+T]):this.ctx.setLineDash([p,T])),a===3?(this.ctx.lineCap="round",this.ctx.lineWidth=r):this.ctx.lineWidth=r*2+1.1,this.ctx.strokeStyle=SA(t),this.ctx.stroke(),this.ctx.setLineDash([]),a===2&&(ne(o[0])&&(v=o[3],m=o[0],this.ctx.beginPath(),this.formatPath([new O(v.end.x,v.end.y),new O(m.start.x,m.start.y)]),this.ctx.stroke()),ne(o[1])&&(v=o[1],m=o[2],this.ctx.beginPath(),this.formatPath([new O(v.end.x,v.end.y),new O(m.start.x,m.start.y)]),this.ctx.stroke())),this.ctx.restore(),[2]})})},e.prototype.render=function(t){return kA(this,void 0,void 0,function(){var r;return RA(this,function(n){switch(n.label){case 0:return this.options.backgroundColor&&(this.ctx.fillStyle=SA(this.options.backgroundColor),this.ctx.fillRect(this.options.x,this.options.y,this.options.width,this.options.height)),r=Tb(t),[4,this.renderStack(r)];case 1:return n.sent(),this.applyEffects([]),[2,this.canvas]}})})},e}(Gl),xb=function(A){return A instanceof dl||A instanceof hl?!0:A instanceof ti&&A.type!==Wn&&A.type!==Xn},Hb=function(A,e){switch(A){case 0:return zn(e);case 2:return gb(e);case 1:default:return As(e)}},Db=function(A){switch(A){case 1:return"center";case 2:return"right";case 0:default:return"left"}},Ob=["-apple-system","system-ui"],Rb=function(A){return/iPhone OS 15_(0|1)/.test(window.navigator.userAgent)?A.filter(function(e){return Ob.indexOf(e)===-1}):A},Mb=function(A){ce(e,A);function e(t,r){var n=A.call(this,t,r)||this;return n.canvas=r.canvas?r.canvas:document.createElement("canvas"),n.ctx=n.canvas.getContext("2d"),n.options=r,n.canvas.width=Math.floor(r.width*r.scale),n.canvas.height=Math.floor(r.height*r.scale),n.canvas.style.width=r.width+"px",n.canvas.style.height=r.height+"px",n.ctx.scale(n.options.scale,n.options.scale),n.ctx.translate(-r.x,-r.y),n.context.logger.debug("EXPERIMENTAL ForeignObject renderer initialized ("+r.width+"x"+r.height+" at "+r.x+","+r.y+") with scale "+r.scale),n}return e.prototype.render=function(t){return kA(this,void 0,void 0,function(){var r,n;return RA(this,function(s){switch(s.label){case 0:return r=za(this.options.width*this.options.scale,this.options.height*this.options.scale,this.options.scale,this.options.scale,t),[4,kb(r)];case 1:return n=s.sent(),this.options.backgroundColor&&(this.ctx.fillStyle=SA(this.options.backgroundColor),this.ctx.fillRect(0,0,this.options.width*this.options.scale,this.options.height*this.options.scale)),this.ctx.drawImage(n,-this.options.x*this.options.scale,-this.options.y*this.options.scale),[2,this.canvas]}})})},e}(Gl),kb=function(A){return new Promise(function(e,t){var r=new Image;r.onload=function(){e(r)},r.onerror=t,r.src="data:image/svg+xml;charset=utf-8,"+encodeURIComponent(new XMLSerializer().serializeToString(A))})},Pb=function(){function A(e){var t=e.id,r=e.enabled;this.id=t,this.enabled=r,this.start=Date.now()}return A.prototype.debug=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&(typeof window<"u"&&window.console&&typeof console.debug=="function"?console.debug.apply(console,fn([this.id,this.getTime()+"ms"],e)):this.info.apply(this,e))},A.prototype.getTime=function(){return Date.now()-this.start},A.prototype.info=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&typeof window<"u"&&window.console&&typeof console.info=="function"&&console.info.apply(console,fn([this.id,this.getTime()+"ms"],e))},A.prototype.warn=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&(typeof window<"u"&&window.console&&typeof console.warn=="function"?console.warn.apply(console,fn([this.id,this.getTime()+"ms"],e)):this.info.apply(this,e))},A.prototype.error=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&(typeof window<"u"&&window.console&&typeof console.error=="function"?console.error.apply(console,fn([this.id,this.getTime()+"ms"],e)):this.info.apply(this,e))},A.instances={},A}(),Kb=function(){function A(e,t){var r;this.windowBounds=t,this.instanceName="#"+A.instanceCount++,this.logger=new Pb({id:this.instanceName,enabled:e.logging}),this.cache=(r=e.cache)!==null&&r!==void 0?r:new ub(this,e)}return A.instanceCount=1,A}(),Vb=function(A,e){return e===void 0&&(e={}),Gb(A,e)};typeof window<"u"&&Hl.setContext(window);var Gb=function(A,e){return kA(void 0,void 0,void 0,function(){var t,r,n,s,a,u,o,l,f,h,d,C,p,T,I,_,Q,H,P,v,x,m,x,K,k,eA,lA,fA,j,rA,uA,oA,mA,PA,vA,L,D,q,X,pA;return RA(this,function(FA){switch(FA.label){case 0:if(!A||typeof A!="object")return[2,Promise.reject("Invalid element provided as first argument")];if(t=A.ownerDocument,!t)throw new Error("Element is not attached to a Document");if(r=t.defaultView,!r)throw new Error("Document is not attached to a Window");return n={allowTaint:(K=e.allowTaint)!==null&&K!==void 0?K:!1,imageTimeout:(k=e.imageTimeout)!==null&&k!==void 0?k:15e3,proxy:e.proxy,useCORS:(eA=e.useCORS)!==null&&eA!==void 0?eA:!1},s=ma({logging:(lA=e.logging)!==null&&lA!==void 0?lA:!0,cache:e.cache},n),a={windowWidth:(fA=e.windowWidth)!==null&&fA!==void 0?fA:r.innerWidth,windowHeight:(j=e.windowHeight)!==null&&j!==void 0?j:r.innerHeight,scrollX:(rA=e.scrollX)!==null&&rA!==void 0?rA:r.pageXOffset,scrollY:(uA=e.scrollY)!==null&&uA!==void 0?uA:r.pageYOffset},u=new Ue(a.scrollX,a.scrollY,a.windowWidth,a.windowHeight),o=new Kb(s,u),l=(oA=e.foreignObjectRendering)!==null&&oA!==void 0?oA:!1,f={allowTaint:(mA=e.allowTaint)!==null&&mA!==void 0?mA:!1,onclone:e.onclone,ignoreElements:e.ignoreElements,inlineImages:l,copyStyles:l},o.logger.debug("Starting document clone with size "+u.width+"x"+u.height+" scrolled to "+-u.left+","+-u.top),h=new Ll(o,A,f),d=h.clonedReferenceElement,d?[4,h.toIFrame(t,u)]:[2,Promise.reject("Unable to find element in cloned iframe")];case 1:return C=FA.sent(),p=ni(d)||YT(d)?wp(d.ownerDocument):hn(o,d),T=p.width,I=p.height,_=p.left,Q=p.top,H=Yb(o,d,e.backgroundColor),P={canvas:e.canvas,backgroundColor:H,scale:(vA=(PA=e.scale)!==null&&PA!==void 0?PA:r.devicePixelRatio)!==null&&vA!==void 0?vA:1,x:((L=e.x)!==null&&L!==void 0?L:0)+_,y:((D=e.y)!==null&&D!==void 0?D:0)+Q,width:(q=e.width)!==null&&q!==void 0?q:Math.ceil(T),height:(X=e.height)!==null&&X!==void 0?X:Math.ceil(I)},l?(o.logger.debug("Document cloned, using foreign object rendering"),x=new Mb(o,P),[4,x.render(d)]):[3,3];case 2:return v=FA.sent(),[3,5];case 3:return o.logger.debug("Document cloned, element located at "+_+","+Q+" with size "+T+"x"+I+" using computed rendering"),o.logger.debug("Starting DOM parsing"),m=El(o,d),H===m.styles.backgroundColor&&(m.styles.backgroundColor=Fe.TRANSPARENT),o.logger.debug("Starting renderer for element at "+P.x+","+P.y+" with size "+P.width+"x"+P.height),x=new Lb(o,P),[4,x.render(m)];case 4:v=FA.sent(),FA.label=5;case 5:return(!((pA=e.removeContainer)!==null&&pA!==void 0)||pA)&&(Ll.destroy(C)||o.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")),o.logger.debug("Finished rendering"),[2,v]}})})},Yb=function(A,e,t){var r=e.ownerDocument,n=r.documentElement?Ur(A,getComputedStyle(r.documentElement).backgroundColor):Fe.TRANSPARENT,s=r.body?Ur(A,getComputedStyle(r.body).backgroundColor):Fe.TRANSPARENT,a=typeof t=="string"?Ur(A,t):t===null?Fe.TRANSPARENT:4294967295;return e===r.documentElement?Ge(n)?Ge(s)?a:s:n:a};const Xb=c.defineComponent({name:"GpIframe",props:{htmlContent:{type:String,required:!0},jsFiles:{type:Array,default:[]},cssFiles:{type:Array,default:[]},iframeStyle:{type:Object,default:()=>({width:"100%",height:"100%",border:"none"})}},setup(A){const e=c.ref(null),t=c.ref(),r=()=>{var C;const s=e.value;if(!s)return;const a=s.contentDocument||((C=s.contentWindow)==null?void 0:C.document);if(!a)return;a.open(),a.write("<!DOCTYPE html><html><head></head><body></body></html>"),a.close();const u=a.head;A.cssFiles.forEach(p=>{const T=a.createElement("link");T.rel="stylesheet",T.href=p,u.appendChild(T)});const o=a.createElement("link");o.rel="stylesheet",o.href="/src/style.css",u.appendChild(o);const l=a.createElement("script");l.src="/spa/topic/js/jquery-3.6.0.min.js",l.async=!1,u.appendChild(l);const f=a.createElement("script");f.src="/spa/topic/js/swiper-bundle.min.js",f.async=!1,u.appendChild(f);const h=a.createElement("script");h.src="/spa/topic/js/index.js",h.async=!1,u.appendChild(h);const d=a.body;d.innerHTML=A.htmlContent,A.jsFiles.forEach(p=>{const T=a.createElement("script");T.src=p,T.async=!1,d.appendChild(T)}),t.value=d,c.nextTick(()=>{})};c.watch(t,s=>{if(!s)return;new MutationObserver(()=>{const u=e.value;u&&(u.style.height=`${s.scrollHeight}px`)}).observe(s,{childList:!0,subtree:!0})});const n=async s=>{var l;const a=e.value;if(!a)return;const u=a.contentDocument||((l=a.contentWindow)==null?void 0:l.document);if(!u)return;const o=u.body;if(o)try{await c.nextTick();const f=await Vb(o,{x:0,y:0,scrollX:window.scrollX,scrollY:window.scrollY,useCORS:!0,allowTaint:!0,foreignObjectRendering:!1});s?s(f):f.toBlob(h=>{const d=URL.createObjectURL(h);window.open(d,"_blank")})}catch(f){console.error("截图生成失败:",f)}};return c.watch(()=>[A.htmlContent,A.jsFiles,A.cssFiles],r,{deep:!0}),c.onMounted(()=>{r()}),{iframeRef:e,generateCover:n}}});function Wb(A,e,t,r,n,s){return c.openBlock(),c.createElementBlock("div",null,[c.createElementVNode("iframe",{ref:"iframeRef",style:c.normalizeStyle(A.iframeStyle)},null,4)])}const Yl=He(Xb,[["render",Wb],["__scopeId","data-v-27037f5b"]]),Jb={class:"flex gp-dsigner"},qb={key:0,class:"flex items-center justify-between border-b"},jb={class:"text-lg font-bold p-2"},$b={class:"text-sm font-thin text-gray-500"},Zb={class:"flex-1 overflow-auto"},zb={key:0,class:"flex justify-between items-center border-b p-2"},AU={class:"flex items-center"},eU={class:"p-2"},tU={class:"sticky top-0"},rU={key:0,class:"text-lg font-bold border-b p-2"},nU={class:"text-sm font-thin text-gray-500"},sU={class:"p-2"},Xl=He(c.defineComponent({__name:"Designer",props:{mode:{default:"design"},template:{},css:{},js:{},previewWidth:{default:360},uploadByFile:{},icons:{},rules:{},preview:{type:Boolean,default:!0},showTitle:{type:Boolean,default:!0}},emits:["update:modelValue","update:element"],setup(A,{expose:e,emit:t}){const r=A,n=t,s=c.ref(r.template),a=c.ref();let u=uo("",{},!1);const o=c.ref("");c.watch(()=>r.template,F=>{s.value=F},{immediate:!0}),c.watch(()=>s.value,F=>{F&&(a.value=lA(F))},{immediate:!0}),c.watch(()=>r.css,F=>{F.forEach(S=>{if(document.querySelector(`link[href="${S}"]`))return;const R=document.createElement("link");R.rel="stylesheet",R.href=S,document.head.appendChild(R)})},{immediate:!0}),c.watch(()=>r.js,F=>{!F||F.length===0||F.forEach(S=>{if(document.querySelector(`script[src="${S}"]`))return;const R=document.createElement("script");R.src=S,document.body.appendChild(R)})},{immediate:!0});const l=c.ref(r.mode);c.watch(()=>a.value,F=>{F&&n("update:element",F)},{immediate:!0});const f=c.ref("");c.watch(()=>o.value,F=>{n("update:modelValue",F)},{immediate:!0});const h=c.ref(),d=c.ref(),C=c.ref(),p=c.ref(),T=c.ref(),I=c.ref(),_=c.ref(""),Q=c.ref(r.mode==="design");function H(F=void 0){p.value&&p.value.generateCover(F)}function P(F){T.value=F}function v(F,S=""){if(S){const R=m(a.value,S);R?I.value=R:I.value=F}else I.value=F}function m(F,S){if(F.xpath===S)return F;if(F.children&&F.children.length)for(const R of F.children){const V=m(R,S);if(V)return V}}function x(F,S){var R,V;return F.tag===S.tag&&((R=F.children)==null?void 0:R.length)===((V=S.children)==null?void 0:V.length)}function K(F){if(T.value.xpath==F.xpath){if(T.value){if(F.type===J.Block){var S=!0;const R=m(a.value,T.value.parentxpath||"");if(R&&R.children&&R.children.forEach(V=>{if(V.tag!=T.value.tag||!x(V,T.value)){S=!1;return}}),!S){Z.error("同级结构不一致，错误配置！");return}}if(T.value.rule=F.rule,T.value.type=F.type,T.value.type===J.Block){const R=m(a.value,T.value.parentxpath||"");R&&R.children&&(R.children.forEach(V=>{if(V.tag!=T.value.tag||!x(V,T.value)){Z.error("同级结构不一致，无法配置为块类型");return}}),R.children.forEach(V=>{V.tag===T.value.tag&&(V.rule=F.rule,V.type=F.type)}))}}f.value=new Date().getTime().toString(),Z.success("保存成功")}}function k(F){const S=m(a.value,F.xpath||"");S&&(S.rule=F.rule,S.type=F.type,S.children&&F.children&&S.children.forEach(R=>{const V=F.children.find(LA=>LA.xpath===R.xpath);V&&(R.rule=V.rule,R.type=V.type)})),Z.success("操作成功"),f.value=new Date().getTime().toString()}function eA(F){o.value=F}function lA(F){u=uo(F);const S=u("body").children().toArray().map(R=>fA(u(R)));return o.value=u("body").html()||"",S[0]}function fA(F,S=""){var ot;function R(ZA){if(!ZA||!ZA[0])return"";const JA=[];let ct=ZA;for(;ct.length&&ct[0].tagName!=="html";){const Wl=ct[0].tagName,iU=ct.parent().children(Wl).index(ct)+1;JA.unshift(`${Wl}[${iU}]`),ct=ct.parent()}return"/html/"+JA.join("/")}const V=R(F).replace("/html/body[1]",""),LA=F.children().toArray().map(ZA=>fA(u(ZA),V)),Ce=(ot=r.rules)==null?void 0:ot.find(ZA=>ZA.xpath===V);return{tag:F[0].tagName,text:F.contents().not(F.children()).text().trim(),attrs:F[0].attribs,children:LA,xpath:V,parentxpath:S,type:(Ce==null?void 0:Ce.type)||J.None,rule:(Ce==null?void 0:Ce.rule)||{}}}function j(F){console.log("更新子节点的文本",F);const S=m(a.value,F.element.xpath);if(S){const R=c.toRaw(S);R.editText=F.newText}}function rA(F,S=""){function R(V,LA){var ZA;const ot=(LA?((ZA=m(a.value,LA))==null?void 0:ZA.children)||[]:[a.value]).filter(JA=>JA.tag===V.tag).indexOf(V)+1;return`${LA}/${V.tag}[${ot}]`}F.xpath=R(F,S),F.parentxpath=S,(F.children||[]).forEach(V=>rA(V,F.xpath))}function uA({action:F,element:S,newBlock:R}){const V=m(a.value,S.parentxpath||"");if(!V||!V.children)return;const LA=V.children.findIndex(JA=>JA===S);if(LA===-1){Z.error("未找到元素");return}const Ce=V.children.length,{minBlock:ot,maxBlock:ZA}=S.rule;if((F==="add"||F==="copy")&&Ce>=(ZA||1/0)){_.value=`无法添加更多块。最大块数量为 ${ZA}`,Z.error(_.value);return}switch(F){case"add":if(R){const JA={...R,xpath:"",children:JSON.parse(JSON.stringify(R.children))};V.children.splice(LA+1,0,JA),Z.success("添加成功")}break;case"copy":if(R){const JA={...R,xpath:"",children:JSON.parse(JSON.stringify(R.children))};V.children.splice(LA+1,0,JA),Z.success("复制成功")}break;case"moveUp":if(LA>0){const[JA]=V.children.splice(LA,1);V.children.splice(LA-1,0,JA),Z.success("前移成功")}else Z.error("已经是第一个块，无法前移");break;case"moveDown":if(LA<V.children.length-1){const[JA]=V.children.splice(LA,1);V.children.splice(LA+1,0,JA),Z.success("后移成功")}else Z.error("已经是最后一个块，无法后移");break;case"delete":if(Ce<=(ot||0)){_.value=`无法删除更多块。最小块数量为 ${ot}`,Z.error(_.value);return}V.children.splice(LA,1),Z.success("删除成功");break}_.value="",rA(a.value)}function oA(F,S){let R=S.attrs.class.replace(/icon-\S+/g,`icon-${F}`);S.attrs.class=R}function mA(F){const S=F.file,R=m(a.value,F.element.xpath);if(r.uploadByFile)r.uploadByFile(S).then(V=>{V.success&&(R.attrs.src=V.file.url,f.value=new Date().getTime().toString())});else{R.attrs.alt=S.name;const V=URL.createObjectURL(S);R.attrs.src=V,f.value=new Date().getTime().toString()}}function PA(F){const{icon:S}=F,R=m(a.value,F.element.xpath);let V=R.attrs.class.replace(/icon-\S+/g,`icon-${S}`);R.attrs.class=V,f.value=new Date().getTime().toString()}const vA=F=>F.type.startsWith("image/")?!0:(Z.error("只能上传图片文件"),!1),L=c.ref({});function D(F,S){if(!F||F.length===0)return;const R=F[0];if(S.rule&&(S.rule.minImageWidth||S.rule.maxImageHeight)){if(S.rule.minImageWidth&&R.width<S.rule.minImageWidth){Z.error(`图片宽度不能小于 ${S.rule.minImageWidth}px`);return}if(S.rule.maxImageHeight&&R.height<S.rule.maxImageHeight){Z.error(`图片高度不能小于 ${S.rule.maxImageHeight}px`);return}}S.rule.minImageWidth&&S.rule.maxImageHeight?(L.value.width=S.rule.minImageWidth,L.value.height=S.rule.maxImageHeight,L.value.aspectRatio=S.rule.minImageWidth/S.rule.maxImageHeight):L.value={},R&&(S.rule.crop?(R.thumbUrl,h.value.handleOpenCropper(L.value,R.file,R.name,S)):r.uploadByFile?r.uploadByFile(R.file).then(V=>{V.success&&(S.attrs.src=V.file.url,f.value=new Date().getTime().toString())}):(S.attrs.src=R.thumbUrl,f.value=new Date().getTime().toString()))}const q=c.ref(r.previewWidth),X=c.ref(360);let pA=c.ref(!1),FA=c.ref(""),ae=0,$A=0;function Sr(F){FA.value=F,pA.value=!0,ae=event.clientX,F==="preview"?$A=q.value:F==="structure"&&($A=X.value),window.addEventListener("mousemove",ss),window.addEventListener("mouseup",as)}function ss(F){if(!pA.value)return;const S=F.clientX-ae;FA.value==="preview"?q.value=Math.max(200,$A+S):FA.value==="structure"&&(X.value=Math.max(200,$A-S))}function as(){pA.value=!1,FA.value="",window.removeEventListener("mousemove",ss),window.removeEventListener("mouseup",as)}return e({generateCover:H}),(F,S)=>(c.openBlock(),c.createElementBlock("div",Jb,[F.preview?(c.openBlock(),c.createElementBlock("div",{key:0,class:"border-l overflow-auto resize-area",style:c.normalizeStyle({width:q.value+"px"})},[F.showTitle?(c.openBlock(),c.createElementBlock("div",qb,[c.createElementVNode("h2",jb,[S[4]||(S[4]=c.createTextVNode(" 实时预览 ")),c.createElementVNode("span",$b,c.toDisplayString(q.value)+"px",1)]),c.createElementVNode("div",{onClick:S[0]||(S[0]=()=>H()),class:"p-2 cursor-pointer text-blue-500"}," 封面 ")])):c.createCommentVNode("",!0),c.createElementVNode("div",null,[o.value?(c.openBlock(),c.createBlock(Yl,{key:0,"css-files":F.css,"js-files":F.js,"html-content":o.value,class:"gp-designer-preview",ref_key:"previewRef",ref:p},null,8,["css-files","js-files","html-content"])):(c.openBlock(),c.createBlock(Yl,{key:1,"css-files":F.css,"js-files":F.js,"html-content":c.unref(u)("body").html(),class:"gp-designer-preview",ref_key:"previewRef",ref:p},null,8,["css-files","js-files","html-content"]))])],4)):c.createCommentVNode("",!0),F.preview?(c.openBlock(),c.createElementBlock("div",{key:1,class:"resizer",onMousedown:S[1]||(S[1]=R=>Sr("preview"))},null,32)):c.createCommentVNode("",!0),c.createElementVNode("div",Zb,[F.showTitle?(c.openBlock(),c.createElementBlock("div",zb,[S[6]||(S[6]=c.createElementVNode("h2",{class:"text-lg font-bold"},"结构渲染",-1)),c.createElementVNode("div",AU,[c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":S[2]||(S[2]=R=>Q.value=R),type:"checkbox",id:"showMargin",class:"mr-2"},null,512),[[c.vModelCheckbox,Q.value]]),S[5]||(S[5]=c.createElementVNode("label",{for:"showMargin"},"间距",-1))])])):c.createCommentVNode("",!0),c.createElementVNode("div",eU,[a.value?(c.openBlock(),c.createBlock(uE,{key:0,"upload-by-file":F.uploadByFile,cropper:h.value,icon:d.value,upload:C.value,mode:F.mode,icons:F.icons,r:f.value,"show-margin":Q.value,element:a.value,selectedElement:T.value,hoveredElement:I.value,onSelectElement:P,onHoverElement:v,onContentUpdated:eA,onUpdateText:j,onBlockAction:uA,onAddIcon:oA,onUpdateElementRule:k},null,8,["upload-by-file","cropper","icon","upload","mode","icons","r","show-margin","element","selectedElement","hoveredElement"])):c.createCommentVNode("",!0)])]),l.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:2,class:"resizer",onMousedown:S[3]||(S[3]=R=>Sr("structure"))},null,32)):c.createCommentVNode("",!0),l.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:3,class:"resize-area",style:c.normalizeStyle({width:X.value+"px"})},[c.createElementVNode("div",tU,[F.showTitle?(c.openBlock(),c.createElementBlock("h2",rU,[S[7]||(S[7]=c.createTextVNode(" 节点属性 ")),c.createElementVNode("span",nU,c.toDisplayString(X.value)+"px",1)])):c.createCommentVNode("",!0),c.createElementVNode("div",sU,[T.value?(c.openBlock(),c.createBlock(GE,{key:0,element:T.value,onUpdateElement:K},null,8,["element"])):c.createCommentVNode("",!0)])])],4)):c.createCommentVNode("",!0),c.createVNode(Ap,{ref_key:"cropperRef",ref:h,onOk:mA},null,512),c.createVNode(lp,{icons:F.icons,ref_key:"iconRef",ref:d,onOk:PA},null,8,["icons"]),c.createVNode(Cp,{ref_key:"uploadRef",ref:C,multiple:!1,show:!1,beforeUpload:vA,onChange:D},{"upload-icon":c.withCtx(()=>S[8]||(S[8]=[c.createElementVNode("div",{class:"p-2"},"上传",-1)])),_:1},512)]))}}),[["__scopeId","data-v-ffe8789f"]]),aU={install(A){A.component("Designer",Xl)}};_e.Designer=Xl,_e.default=aU,Object.defineProperties(_e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+         .`+oi+sb+xl)},ib=function(A,e){var t=A.ownerDocument;if(t){var r=t.createElement("style");r.textContent=e,A.appendChild(r)}},Hl=function(){function A(){}return A.getOrigin=function(e){var t=A._link;return t?(t.href=e,t.href=t.href,t.protocol+t.hostname+t.port):"about:blank"},A.isSameOrigin=function(e){return A.getOrigin(e)===A._origin},A.setContext=function(e){A._link=e.document.createElement("a"),A._origin=A.getOrigin(e.location.href)},A._origin="about:blank",A}(),ub=function(){function A(e,t){this.context=e,this._options=t,this._cache={}}return A.prototype.addImage=function(e){var t=Promise.resolve();return this.has(e)||(li(e)||fb(e))&&(this._cache[e]=this.loadImage(e)).catch(function(){}),t},A.prototype.match=function(e){return this._cache[e]},A.prototype.loadImage=function(e){return kA(this,void 0,void 0,function(){var t,r,n,s,a=this;return RA(this,function(u){switch(u.label){case 0:return t=Hl.isSameOrigin(e),r=!ci(e)&&this._options.useCORS===!0&&DA.SUPPORT_CORS_IMAGES&&!t,n=!ci(e)&&!t&&!li(e)&&typeof this._options.proxy=="string"&&DA.SUPPORT_CORS_XHR&&!r,!t&&this._options.allowTaint===!1&&!ci(e)&&!li(e)&&!n&&!r?[2]:(s=e,n?[4,this.proxy(s)]:[3,2]);case 1:s=u.sent(),u.label=2;case 2:return this.context.logger.debug("Added image "+e.substring(0,256)),[4,new Promise(function(o,l){var f=new Image;f.onload=function(){return o(f)},f.onerror=l,(hb(s)||r)&&(f.crossOrigin="anonymous"),f.src=s,f.complete===!0&&setTimeout(function(){return o(f)},500),a._options.imageTimeout>0&&setTimeout(function(){return l("Timed out ("+a._options.imageTimeout+"ms) loading image")},a._options.imageTimeout)})];case 3:return[2,u.sent()]}})})},A.prototype.has=function(e){return typeof this._cache[e]<"u"},A.prototype.keys=function(){return Promise.resolve(Object.keys(this._cache))},A.prototype.proxy=function(e){var t=this,r=this._options.proxy;if(!r)throw new Error("No proxy defined");var n=e.substring(0,256);return new Promise(function(s,a){var u=DA.SUPPORT_RESPONSE_TYPE?"blob":"text",o=new XMLHttpRequest;o.onload=function(){if(o.status===200)if(u==="text")s(o.response);else{var h=new FileReader;h.addEventListener("load",function(){return s(h.result)},!1),h.addEventListener("error",function(d){return a(d)},!1),h.readAsDataURL(o.response)}else a("Failed to proxy resource "+n+" with status code "+o.status)},o.onerror=a;var l=r.indexOf("?")>-1?"&":"?";if(o.open("GET",""+r+l+"url="+encodeURIComponent(e)+"&responseType="+u),u!=="text"&&o instanceof XMLHttpRequest&&(o.responseType=u),t._options.imageTimeout){var f=t._options.imageTimeout;o.timeout=f,o.ontimeout=function(){return a("Timed out ("+f+"ms) proxying "+n)}}o.send()})},A}(),ob=/^data:image\/svg\+xml/i,cb=/^data:image\/.*;base64,/i,lb=/^data:image\/.*/i,fb=function(A){return DA.SUPPORT_SVG_DRAWING||!db(A)},ci=function(A){return lb.test(A)},hb=function(A){return cb.test(A)},li=function(A){return A.substr(0,4)==="blob"},db=function(A){return A.substr(-3).toLowerCase()==="svg"||ob.test(A)},O=function(){function A(e,t){this.type=0,this.x=e,this.y=t}return A.prototype.add=function(e,t){return new A(this.x+e,this.y+t)},A}(),Lt=function(A,e,t){return new O(A.x+(e.x-A.x)*t,A.y+(e.y-A.y)*t)},Zn=function(){function A(e,t,r,n){this.type=1,this.start=e,this.startControl=t,this.endControl=r,this.end=n}return A.prototype.subdivide=function(e,t){var r=Lt(this.start,this.startControl,e),n=Lt(this.startControl,this.endControl,e),s=Lt(this.endControl,this.end,e),a=Lt(r,n,e),u=Lt(n,s,e),o=Lt(a,u,e);return t?new A(this.start,r,a,o):new A(o,u,s,this.end)},A.prototype.add=function(e,t){return new A(this.start.add(e,t),this.startControl.add(e,t),this.endControl.add(e,t),this.end.add(e,t))},A.prototype.reverse=function(){return new A(this.end,this.endControl,this.startControl,this.start)},A}(),ne=function(A){return A.type===1},Bb=function(){function A(e){var t=e.styles,r=e.bounds,n=br(t.borderTopLeftRadius,r.width,r.height),s=n[0],a=n[1],u=br(t.borderTopRightRadius,r.width,r.height),o=u[0],l=u[1],f=br(t.borderBottomRightRadius,r.width,r.height),h=f[0],d=f[1],C=br(t.borderBottomLeftRadius,r.width,r.height),p=C[0],T=C[1],I=[];I.push((s+o)/r.width),I.push((p+h)/r.width),I.push((a+T)/r.height),I.push((l+d)/r.height);var _=Math.max.apply(Math,I);_>1&&(s/=_,a/=_,o/=_,l/=_,h/=_,d/=_,p/=_,T/=_);var Q=r.width-o,H=r.height-d,P=r.width-h,v=r.height-T,m=t.borderTopWidth,x=t.borderRightWidth,K=t.borderBottomWidth,k=t.borderLeftWidth,eA=cA(t.paddingTop,e.bounds.width),lA=cA(t.paddingRight,e.bounds.width),fA=cA(t.paddingBottom,e.bounds.width),j=cA(t.paddingLeft,e.bounds.width);this.topLeftBorderDoubleOuterBox=s>0||a>0?gA(r.left+k/3,r.top+m/3,s-k/3,a-m/3,sA.TOP_LEFT):new O(r.left+k/3,r.top+m/3),this.topRightBorderDoubleOuterBox=s>0||a>0?gA(r.left+Q,r.top+m/3,o-x/3,l-m/3,sA.TOP_RIGHT):new O(r.left+r.width-x/3,r.top+m/3),this.bottomRightBorderDoubleOuterBox=h>0||d>0?gA(r.left+P,r.top+H,h-x/3,d-K/3,sA.BOTTOM_RIGHT):new O(r.left+r.width-x/3,r.top+r.height-K/3),this.bottomLeftBorderDoubleOuterBox=p>0||T>0?gA(r.left+k/3,r.top+v,p-k/3,T-K/3,sA.BOTTOM_LEFT):new O(r.left+k/3,r.top+r.height-K/3),this.topLeftBorderDoubleInnerBox=s>0||a>0?gA(r.left+k*2/3,r.top+m*2/3,s-k*2/3,a-m*2/3,sA.TOP_LEFT):new O(r.left+k*2/3,r.top+m*2/3),this.topRightBorderDoubleInnerBox=s>0||a>0?gA(r.left+Q,r.top+m*2/3,o-x*2/3,l-m*2/3,sA.TOP_RIGHT):new O(r.left+r.width-x*2/3,r.top+m*2/3),this.bottomRightBorderDoubleInnerBox=h>0||d>0?gA(r.left+P,r.top+H,h-x*2/3,d-K*2/3,sA.BOTTOM_RIGHT):new O(r.left+r.width-x*2/3,r.top+r.height-K*2/3),this.bottomLeftBorderDoubleInnerBox=p>0||T>0?gA(r.left+k*2/3,r.top+v,p-k*2/3,T-K*2/3,sA.BOTTOM_LEFT):new O(r.left+k*2/3,r.top+r.height-K*2/3),this.topLeftBorderStroke=s>0||a>0?gA(r.left+k/2,r.top+m/2,s-k/2,a-m/2,sA.TOP_LEFT):new O(r.left+k/2,r.top+m/2),this.topRightBorderStroke=s>0||a>0?gA(r.left+Q,r.top+m/2,o-x/2,l-m/2,sA.TOP_RIGHT):new O(r.left+r.width-x/2,r.top+m/2),this.bottomRightBorderStroke=h>0||d>0?gA(r.left+P,r.top+H,h-x/2,d-K/2,sA.BOTTOM_RIGHT):new O(r.left+r.width-x/2,r.top+r.height-K/2),this.bottomLeftBorderStroke=p>0||T>0?gA(r.left+k/2,r.top+v,p-k/2,T-K/2,sA.BOTTOM_LEFT):new O(r.left+k/2,r.top+r.height-K/2),this.topLeftBorderBox=s>0||a>0?gA(r.left,r.top,s,a,sA.TOP_LEFT):new O(r.left,r.top),this.topRightBorderBox=o>0||l>0?gA(r.left+Q,r.top,o,l,sA.TOP_RIGHT):new O(r.left+r.width,r.top),this.bottomRightBorderBox=h>0||d>0?gA(r.left+P,r.top+H,h,d,sA.BOTTOM_RIGHT):new O(r.left+r.width,r.top+r.height),this.bottomLeftBorderBox=p>0||T>0?gA(r.left,r.top+v,p,T,sA.BOTTOM_LEFT):new O(r.left,r.top+r.height),this.topLeftPaddingBox=s>0||a>0?gA(r.left+k,r.top+m,Math.max(0,s-k),Math.max(0,a-m),sA.TOP_LEFT):new O(r.left+k,r.top+m),this.topRightPaddingBox=o>0||l>0?gA(r.left+Math.min(Q,r.width-x),r.top+m,Q>r.width+x?0:Math.max(0,o-x),Math.max(0,l-m),sA.TOP_RIGHT):new O(r.left+r.width-x,r.top+m),this.bottomRightPaddingBox=h>0||d>0?gA(r.left+Math.min(P,r.width-k),r.top+Math.min(H,r.height-K),Math.max(0,h-x),Math.max(0,d-K),sA.BOTTOM_RIGHT):new O(r.left+r.width-x,r.top+r.height-K),this.bottomLeftPaddingBox=p>0||T>0?gA(r.left+k,r.top+Math.min(v,r.height-K),Math.max(0,p-k),Math.max(0,T-K),sA.BOTTOM_LEFT):new O(r.left+k,r.top+r.height-K),this.topLeftContentBox=s>0||a>0?gA(r.left+k+j,r.top+m+eA,Math.max(0,s-(k+j)),Math.max(0,a-(m+eA)),sA.TOP_LEFT):new O(r.left+k+j,r.top+m+eA),this.topRightContentBox=o>0||l>0?gA(r.left+Math.min(Q,r.width+k+j),r.top+m+eA,Q>r.width+k+j?0:o-k+j,l-(m+eA),sA.TOP_RIGHT):new O(r.left+r.width-(x+lA),r.top+m+eA),this.bottomRightContentBox=h>0||d>0?gA(r.left+Math.min(P,r.width-(k+j)),r.top+Math.min(H,r.height+m+eA),Math.max(0,h-(x+lA)),d-(K+fA),sA.BOTTOM_RIGHT):new O(r.left+r.width-(x+lA),r.top+r.height-(K+fA)),this.bottomLeftContentBox=p>0||T>0?gA(r.left+k+j,r.top+v,Math.max(0,p-(k+j)),T-(K+fA),sA.BOTTOM_LEFT):new O(r.left+k+j,r.top+r.height-(K+fA))}return A}(),sA;(function(A){A[A.TOP_LEFT=0]="TOP_LEFT",A[A.TOP_RIGHT=1]="TOP_RIGHT",A[A.BOTTOM_RIGHT=2]="BOTTOM_RIGHT",A[A.BOTTOM_LEFT=3]="BOTTOM_LEFT"})(sA||(sA={}));var gA=function(A,e,t,r,n){var s=4*((Math.sqrt(2)-1)/3),a=t*s,u=r*s,o=A+t,l=e+r;switch(n){case sA.TOP_LEFT:return new Zn(new O(A,l),new O(A,l-u),new O(o-a,e),new O(o,e));case sA.TOP_RIGHT:return new Zn(new O(A,e),new O(A+a,e),new O(o,l-u),new O(o,l));case sA.BOTTOM_RIGHT:return new Zn(new O(o,e),new O(o,e+u),new O(A+a,l),new O(A,l));case sA.BOTTOM_LEFT:default:return new Zn(new O(o,l),new O(o-a,l),new O(A,e+u),new O(A,e))}},zn=function(A){return[A.topLeftBorderBox,A.topRightBorderBox,A.bottomRightBorderBox,A.bottomLeftBorderBox]},gb=function(A){return[A.topLeftContentBox,A.topRightContentBox,A.bottomRightContentBox,A.bottomLeftContentBox]},As=function(A){return[A.topLeftPaddingBox,A.topRightPaddingBox,A.bottomRightPaddingBox,A.bottomLeftPaddingBox]},Eb=function(){function A(e,t,r){this.offsetX=e,this.offsetY=t,this.matrix=r,this.type=0,this.target=6}return A}(),es=function(){function A(e,t){this.path=e,this.target=t,this.type=1}return A}(),mb=function(){function A(e){this.opacity=e,this.type=2,this.target=6}return A}(),pb=function(A){return A.type===0},Dl=function(A){return A.type===1},Cb=function(A){return A.type===2},Ol=function(A,e){return A.length===e.length?A.some(function(t,r){return t===e[r]}):!1},wb=function(A,e,t,r,n){return A.map(function(s,a){switch(a){case 0:return s.add(e,t);case 1:return s.add(e+r,t);case 2:return s.add(e+r,t+n);case 3:return s.add(e,t+n)}return s})},Rl=function(){function A(e){this.element=e,this.inlineLevel=[],this.nonInlineLevel=[],this.negativeZIndex=[],this.zeroOrAutoZIndexOrTransformedOrOpacity=[],this.positiveZIndex=[],this.nonPositionedFloats=[],this.nonPositionedInlineLevel=[]}return A}(),Ml=function(){function A(e,t){if(this.container=e,this.parent=t,this.effects=[],this.curves=new Bb(this.container),this.container.styles.opacity<1&&this.effects.push(new mb(this.container.styles.opacity)),this.container.styles.transform!==null){var r=this.container.bounds.left+this.container.styles.transformOrigin[0].number,n=this.container.bounds.top+this.container.styles.transformOrigin[1].number,s=this.container.styles.transform;this.effects.push(new Eb(r,n,s))}if(this.container.styles.overflowX!==0){var a=zn(this.curves),u=As(this.curves);Ol(a,u)?this.effects.push(new es(a,6)):(this.effects.push(new es(a,2)),this.effects.push(new es(u,4)))}}return A.prototype.getEffects=function(e){for(var t=[2,3].indexOf(this.container.styles.position)===-1,r=this.parent,n=this.effects.slice(0);r;){var s=r.effects.filter(function(o){return!Dl(o)});if(t||r.container.styles.position!==0||!r.parent){if(n.unshift.apply(n,s),t=[2,3].indexOf(r.container.styles.position)===-1,r.container.styles.overflowX!==0){var a=zn(r.curves),u=As(r.curves);Ol(a,u)||n.unshift(new es(u,6))}}else n.unshift.apply(n,s);r=r.parent}return n.filter(function(o){return QA(o.target,e)})},A}(),fi=function(A,e,t,r){A.container.elements.forEach(function(n){var s=QA(n.flags,4),a=QA(n.flags,2),u=new Ml(n,A);QA(n.styles.display,2048)&&r.push(u);var o=QA(n.flags,8)?[]:r;if(s||a){var l=s||n.styles.isPositioned()?t:e,f=new Rl(u);if(n.styles.isPositioned()||n.styles.opacity<1||n.styles.isTransformed()){var h=n.styles.zIndex.order;if(h<0){var d=0;l.negativeZIndex.some(function(p,T){return h>p.element.container.styles.zIndex.order?(d=T,!1):d>0}),l.negativeZIndex.splice(d,0,f)}else if(h>0){var C=0;l.positiveZIndex.some(function(p,T){return h>=p.element.container.styles.zIndex.order?(C=T+1,!1):C>0}),l.positiveZIndex.splice(C,0,f)}else l.zeroOrAutoZIndexOrTransformedOrOpacity.push(f)}else n.styles.isFloating()?l.nonPositionedFloats.push(f):l.nonPositionedInlineLevel.push(f);fi(u,f,s?f:t,o)}else n.styles.isInlineLevel()?e.inlineLevel.push(u):e.nonInlineLevel.push(u),fi(u,e,t,o);QA(n.flags,8)&&kl(n,o)})},kl=function(A,e){for(var t=A instanceof ei?A.start:1,r=A instanceof ei?A.reversed:!1,n=0;n<e.length;n++){var s=e[n];s.container instanceof ll&&typeof s.container.value=="number"&&s.container.value!==0&&(t=s.container.value),s.listValue=yr(t,s.container.styles.listStyleType,!0),t+=r?-1:1}},Tb=function(A){var e=new Ml(A,null),t=new Rl(e),r=[];return fi(e,t,t,r),kl(e.container,r),t},Pl=function(A,e){switch(e){case 0:return se(A.topLeftBorderBox,A.topLeftPaddingBox,A.topRightBorderBox,A.topRightPaddingBox);case 1:return se(A.topRightBorderBox,A.topRightPaddingBox,A.bottomRightBorderBox,A.bottomRightPaddingBox);case 2:return se(A.bottomRightBorderBox,A.bottomRightPaddingBox,A.bottomLeftBorderBox,A.bottomLeftPaddingBox);case 3:default:return se(A.bottomLeftBorderBox,A.bottomLeftPaddingBox,A.topLeftBorderBox,A.topLeftPaddingBox)}},bb=function(A,e){switch(e){case 0:return se(A.topLeftBorderBox,A.topLeftBorderDoubleOuterBox,A.topRightBorderBox,A.topRightBorderDoubleOuterBox);case 1:return se(A.topRightBorderBox,A.topRightBorderDoubleOuterBox,A.bottomRightBorderBox,A.bottomRightBorderDoubleOuterBox);case 2:return se(A.bottomRightBorderBox,A.bottomRightBorderDoubleOuterBox,A.bottomLeftBorderBox,A.bottomLeftBorderDoubleOuterBox);case 3:default:return se(A.bottomLeftBorderBox,A.bottomLeftBorderDoubleOuterBox,A.topLeftBorderBox,A.topLeftBorderDoubleOuterBox)}},Ub=function(A,e){switch(e){case 0:return se(A.topLeftBorderDoubleInnerBox,A.topLeftPaddingBox,A.topRightBorderDoubleInnerBox,A.topRightPaddingBox);case 1:return se(A.topRightBorderDoubleInnerBox,A.topRightPaddingBox,A.bottomRightBorderDoubleInnerBox,A.bottomRightPaddingBox);case 2:return se(A.bottomRightBorderDoubleInnerBox,A.bottomRightPaddingBox,A.bottomLeftBorderDoubleInnerBox,A.bottomLeftPaddingBox);case 3:default:return se(A.bottomLeftBorderDoubleInnerBox,A.bottomLeftPaddingBox,A.topLeftBorderDoubleInnerBox,A.topLeftPaddingBox)}},Qb=function(A,e){switch(e){case 0:return ts(A.topLeftBorderStroke,A.topRightBorderStroke);case 1:return ts(A.topRightBorderStroke,A.bottomRightBorderStroke);case 2:return ts(A.bottomRightBorderStroke,A.bottomLeftBorderStroke);case 3:default:return ts(A.bottomLeftBorderStroke,A.topLeftBorderStroke)}},ts=function(A,e){var t=[];return ne(A)?t.push(A.subdivide(.5,!1)):t.push(A),ne(e)?t.push(e.subdivide(.5,!0)):t.push(e),t},se=function(A,e,t,r){var n=[];return ne(A)?n.push(A.subdivide(.5,!1)):n.push(A),ne(t)?n.push(t.subdivide(.5,!0)):n.push(t),ne(r)?n.push(r.subdivide(.5,!0).reverse()):n.push(r),ne(e)?n.push(e.subdivide(.5,!1).reverse()):n.push(e),n},Kl=function(A){var e=A.bounds,t=A.styles;return e.add(t.borderLeftWidth,t.borderTopWidth,-(t.borderRightWidth+t.borderLeftWidth),-(t.borderTopWidth+t.borderBottomWidth))},rs=function(A){var e=A.styles,t=A.bounds,r=cA(e.paddingLeft,t.width),n=cA(e.paddingRight,t.width),s=cA(e.paddingTop,t.width),a=cA(e.paddingBottom,t.width);return t.add(r+e.borderLeftWidth,s+e.borderTopWidth,-(e.borderRightWidth+e.borderLeftWidth+r+n),-(e.borderTopWidth+e.borderBottomWidth+s+a))},Fb=function(A,e){return A===0?e.bounds:A===2?rs(e):Kl(e)},Ib=function(A,e){return A===0?e.bounds:A===2?rs(e):Kl(e)},hi=function(A,e,t){var r=Fb(Ht(A.styles.backgroundOrigin,e),A),n=Ib(Ht(A.styles.backgroundClip,e),A),s=_b(Ht(A.styles.backgroundSize,e),t,r),a=s[0],u=s[1],o=br(Ht(A.styles.backgroundPosition,e),r.width-a,r.height-u),l=yb(Ht(A.styles.backgroundRepeat,e),o,s,r,n),f=Math.round(r.left+o[0]),h=Math.round(r.top+o[1]);return[l,f,h,a,u]},xt=function(A){return iA(A)&&A.value===yt.AUTO},ns=function(A){return typeof A=="number"},_b=function(A,e,t){var r=e[0],n=e[1],s=e[2],a=A[0],u=A[1];if(!a)return[0,0];if(bA(a)&&u&&bA(u))return[cA(a,t.width),cA(u,t.height)];var o=ns(s);if(iA(a)&&(a.value===yt.CONTAIN||a.value===yt.COVER)){if(ns(s)){var l=t.width/t.height;return l<s!=(a.value===yt.COVER)?[t.width,t.width/s]:[t.height*s,t.height]}return[t.width,t.height]}var f=ns(r),h=ns(n),d=f||h;if(xt(a)&&(!u||xt(u))){if(f&&h)return[r,n];if(!o&&!d)return[t.width,t.height];if(d&&o){var C=f?r:n*s,p=h?n:r/s;return[C,p]}var T=f?r:t.width,I=h?n:t.height;return[T,I]}if(o){var _=0,Q=0;return bA(a)?_=cA(a,t.width):bA(u)&&(Q=cA(u,t.height)),xt(a)?_=Q*s:(!u||xt(u))&&(Q=_/s),[_,Q]}var H=null,P=null;if(bA(a)?H=cA(a,t.width):u&&bA(u)&&(P=cA(u,t.height)),H!==null&&(!u||xt(u))&&(P=f&&h?H/r*n:t.height),P!==null&&xt(a)&&(H=f&&h?P/n*r:t.width),H!==null&&P!==null)return[H,P];throw new Error("Unable to calculate background-size for element")},Ht=function(A,e){var t=A[e];return typeof t>"u"?A[0]:t},yb=function(A,e,t,r,n){var s=e[0],a=e[1],u=t[0],o=t[1];switch(A){case 2:return[new O(Math.round(r.left),Math.round(r.top+a)),new O(Math.round(r.left+r.width),Math.round(r.top+a)),new O(Math.round(r.left+r.width),Math.round(o+r.top+a)),new O(Math.round(r.left),Math.round(o+r.top+a))];case 3:return[new O(Math.round(r.left+s),Math.round(r.top)),new O(Math.round(r.left+s+u),Math.round(r.top)),new O(Math.round(r.left+s+u),Math.round(r.height+r.top)),new O(Math.round(r.left+s),Math.round(r.height+r.top))];case 1:return[new O(Math.round(r.left+s),Math.round(r.top+a)),new O(Math.round(r.left+s+u),Math.round(r.top+a)),new O(Math.round(r.left+s+u),Math.round(r.top+a+o)),new O(Math.round(r.left+s),Math.round(r.top+a+o))];default:return[new O(Math.round(n.left),Math.round(n.top)),new O(Math.round(n.left+n.width),Math.round(n.top)),new O(Math.round(n.left+n.width),Math.round(n.height+n.top)),new O(Math.round(n.left),Math.round(n.height+n.top))]}},Nb="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",Vl="Hidden Text",Sb=function(){function A(e){this._data={},this._document=e}return A.prototype.parseMetrics=function(e,t){var r=this._document.createElement("div"),n=this._document.createElement("img"),s=this._document.createElement("span"),a=this._document.body;r.style.visibility="hidden",r.style.fontFamily=e,r.style.fontSize=t,r.style.margin="0",r.style.padding="0",r.style.whiteSpace="nowrap",a.appendChild(r),n.src=Nb,n.width=1,n.height=1,n.style.margin="0",n.style.padding="0",n.style.verticalAlign="baseline",s.style.fontFamily=e,s.style.fontSize=t,s.style.margin="0",s.style.padding="0",s.appendChild(this._document.createTextNode(Vl)),r.appendChild(s),r.appendChild(n);var u=n.offsetTop-s.offsetTop+2;r.removeChild(s),r.appendChild(this._document.createTextNode(Vl)),r.style.lineHeight="normal",n.style.verticalAlign="super";var o=n.offsetTop-r.offsetTop+2;return a.removeChild(r),{baseline:u,middle:o}},A.prototype.getMetrics=function(e,t){var r=e+" "+t;return typeof this._data[r]>"u"&&(this._data[r]=this.parseMetrics(e,t)),this._data[r]},A}(),Gl=function(){function A(e,t){this.context=e,this.options=t}return A}(),vb=1e4,Lb=function(A){ce(e,A);function e(t,r){var n=A.call(this,t,r)||this;return n._activeEffects=[],n.canvas=r.canvas?r.canvas:document.createElement("canvas"),n.ctx=n.canvas.getContext("2d"),r.canvas||(n.canvas.width=Math.floor(r.width*r.scale),n.canvas.height=Math.floor(r.height*r.scale),n.canvas.style.width=r.width+"px",n.canvas.style.height=r.height+"px"),n.fontMetrics=new Sb(document),n.ctx.scale(n.options.scale,n.options.scale),n.ctx.translate(-r.x,-r.y),n.ctx.textBaseline="bottom",n._activeEffects=[],n.context.logger.debug("Canvas renderer initialized ("+r.width+"x"+r.height+") with scale "+r.scale),n}return e.prototype.applyEffects=function(t){for(var r=this;this._activeEffects.length;)this.popEffect();t.forEach(function(n){return r.applyEffect(n)})},e.prototype.applyEffect=function(t){this.ctx.save(),Cb(t)&&(this.ctx.globalAlpha=t.opacity),pb(t)&&(this.ctx.translate(t.offsetX,t.offsetY),this.ctx.transform(t.matrix[0],t.matrix[1],t.matrix[2],t.matrix[3],t.matrix[4],t.matrix[5]),this.ctx.translate(-t.offsetX,-t.offsetY)),Dl(t)&&(this.path(t.path),this.ctx.clip()),this._activeEffects.push(t)},e.prototype.popEffect=function(){this._activeEffects.pop(),this.ctx.restore()},e.prototype.renderStack=function(t){return kA(this,void 0,void 0,function(){var r;return RA(this,function(n){switch(n.label){case 0:return r=t.element.container.styles,r.isVisible()?[4,this.renderStackContent(t)]:[3,2];case 1:n.sent(),n.label=2;case 2:return[2]}})})},e.prototype.renderNode=function(t){return kA(this,void 0,void 0,function(){return RA(this,function(r){switch(r.label){case 0:if(QA(t.container.flags,16))debugger;return t.container.styles.isVisible()?[4,this.renderNodeBackgroundAndBorders(t)]:[3,3];case 1:return r.sent(),[4,this.renderNodeContent(t)];case 2:r.sent(),r.label=3;case 3:return[2]}})})},e.prototype.renderTextWithLetterSpacing=function(t,r,n){var s=this;if(r===0)this.ctx.fillText(t.text,t.bounds.left,t.bounds.top+n);else{var a=Ai(t.text);a.reduce(function(u,o){return s.ctx.fillText(o,u,t.bounds.top+n),u+s.ctx.measureText(o).width},t.bounds.left)}},e.prototype.createFontStyle=function(t){var r=t.fontVariant.filter(function(a){return a==="normal"||a==="small-caps"}).join(""),n=Rb(t.fontFamily).join(", "),s=Tr(t.fontSize)?""+t.fontSize.number+t.fontSize.unit:t.fontSize.number+"px";return[[t.fontStyle,r,t.fontWeight,s,n].join(" "),n,s]},e.prototype.renderTextNode=function(t,r){return kA(this,void 0,void 0,function(){var n,s,a,u,o,l,f,h,d=this;return RA(this,function(C){return n=this.createFontStyle(r),s=n[0],a=n[1],u=n[2],this.ctx.font=s,this.ctx.direction=r.direction===1?"rtl":"ltr",this.ctx.textAlign="left",this.ctx.textBaseline="alphabetic",o=this.fontMetrics.getMetrics(a,u),l=o.baseline,f=o.middle,h=r.paintOrder,t.textBounds.forEach(function(p){h.forEach(function(T){switch(T){case 0:d.ctx.fillStyle=SA(r.color),d.renderTextWithLetterSpacing(p,r.letterSpacing,l);var I=r.textShadow;I.length&&p.text.trim().length&&(I.slice(0).reverse().forEach(function(_){d.ctx.shadowColor=SA(_.color),d.ctx.shadowOffsetX=_.offsetX.number*d.options.scale,d.ctx.shadowOffsetY=_.offsetY.number*d.options.scale,d.ctx.shadowBlur=_.blur.number,d.renderTextWithLetterSpacing(p,r.letterSpacing,l)}),d.ctx.shadowColor="",d.ctx.shadowOffsetX=0,d.ctx.shadowOffsetY=0,d.ctx.shadowBlur=0),r.textDecorationLine.length&&(d.ctx.fillStyle=SA(r.textDecorationColor||r.color),r.textDecorationLine.forEach(function(_){switch(_){case 1:d.ctx.fillRect(p.bounds.left,Math.round(p.bounds.top+l),p.bounds.width,1);break;case 2:d.ctx.fillRect(p.bounds.left,Math.round(p.bounds.top),p.bounds.width,1);break;case 3:d.ctx.fillRect(p.bounds.left,Math.ceil(p.bounds.top+f),p.bounds.width,1);break}}));break;case 1:r.webkitTextStrokeWidth&&p.text.trim().length&&(d.ctx.strokeStyle=SA(r.webkitTextStrokeColor),d.ctx.lineWidth=r.webkitTextStrokeWidth,d.ctx.lineJoin=window.chrome?"miter":"round",d.ctx.strokeText(p.text,p.bounds.left,p.bounds.top+l)),d.ctx.strokeStyle="",d.ctx.lineWidth=0,d.ctx.lineJoin="miter";break}})}),[2]})})},e.prototype.renderReplacedElement=function(t,r,n){if(n&&t.intrinsicWidth>0&&t.intrinsicHeight>0){var s=rs(t),a=As(r);this.path(a),this.ctx.save(),this.ctx.clip(),this.ctx.drawImage(n,0,0,t.intrinsicWidth,t.intrinsicHeight,s.left,s.top,s.width,s.height),this.ctx.restore()}},e.prototype.renderNodeContent=function(t){return kA(this,void 0,void 0,function(){var r,n,s,a,u,o,Q,Q,l,f,h,d,P,C,p,v,T,I,_,Q,H,P,v;return RA(this,function(m){switch(m.label){case 0:this.applyEffects(t.getEffects(4)),r=t.container,n=t.curves,s=r.styles,a=0,u=r.textNodes,m.label=1;case 1:return a<u.length?(o=u[a],[4,this.renderTextNode(o,s)]):[3,4];case 2:m.sent(),m.label=3;case 3:return a++,[3,1];case 4:if(!(r instanceof ul))return[3,8];m.label=5;case 5:return m.trys.push([5,7,,8]),[4,this.context.cache.match(r.src)];case 6:return Q=m.sent(),this.renderReplacedElement(r,n,Q),[3,8];case 7:return m.sent(),this.context.logger.error("Error loading image "+r.src),[3,8];case 8:if(r instanceof ol&&this.renderReplacedElement(r,n,r.canvas),!(r instanceof cl))return[3,12];m.label=9;case 9:return m.trys.push([9,11,,12]),[4,this.context.cache.match(r.svg)];case 10:return Q=m.sent(),this.renderReplacedElement(r,n,Q),[3,12];case 11:return m.sent(),this.context.logger.error("Error loading svg "+r.svg.substring(0,255)),[3,12];case 12:return r instanceof Bl&&r.tree?(l=new e(this.context,{scale:this.options.scale,backgroundColor:r.backgroundColor,x:0,y:0,width:r.width,height:r.height}),[4,l.render(r.tree)]):[3,14];case 13:f=m.sent(),r.width&&r.height&&this.ctx.drawImage(f,0,0,r.width,r.height,r.bounds.left,r.bounds.top,r.bounds.width,r.bounds.height),m.label=14;case 14:if(r instanceof ti&&(h=Math.min(r.bounds.width,r.bounds.height),r.type===Xn?r.checked&&(this.ctx.save(),this.path([new O(r.bounds.left+h*.39363,r.bounds.top+h*.79),new O(r.bounds.left+h*.16,r.bounds.top+h*.5549),new O(r.bounds.left+h*.27347,r.bounds.top+h*.44071),new O(r.bounds.left+h*.39694,r.bounds.top+h*.5649),new O(r.bounds.left+h*.72983,r.bounds.top+h*.23),new O(r.bounds.left+h*.84,r.bounds.top+h*.34085),new O(r.bounds.left+h*.39363,r.bounds.top+h*.79)]),this.ctx.fillStyle=SA(fl),this.ctx.fill(),this.ctx.restore()):r.type===Wn&&r.checked&&(this.ctx.save(),this.ctx.beginPath(),this.ctx.arc(r.bounds.left+h/2,r.bounds.top+h/2,h/4,0,Math.PI*2,!0),this.ctx.fillStyle=SA(fl),this.ctx.fill(),this.ctx.restore())),xb(r)&&r.value.length){switch(d=this.createFontStyle(s),P=d[0],C=d[1],p=this.fontMetrics.getMetrics(P,C).baseline,this.ctx.font=P,this.ctx.fillStyle=SA(s.color),this.ctx.textBaseline="alphabetic",this.ctx.textAlign=Db(r.styles.textAlign),v=rs(r),T=0,r.styles.textAlign){case 1:T+=v.width/2;break;case 2:T+=v.width;break}I=v.add(T,0,0,-v.height/2+1),this.ctx.save(),this.path([new O(v.left,v.top),new O(v.left+v.width,v.top),new O(v.left+v.width,v.top+v.height),new O(v.left,v.top+v.height)]),this.ctx.clip(),this.renderTextWithLetterSpacing(new Ir(r.value,I),s.letterSpacing,p),this.ctx.restore(),this.ctx.textBaseline="alphabetic",this.ctx.textAlign="left"}if(!QA(r.styles.display,2048))return[3,20];if(r.styles.listStyleImage===null)return[3,19];if(_=r.styles.listStyleImage,_.type!==0)return[3,18];Q=void 0,H=_.url,m.label=15;case 15:return m.trys.push([15,17,,18]),[4,this.context.cache.match(H)];case 16:return Q=m.sent(),this.ctx.drawImage(Q,r.bounds.left-(Q.width+10),r.bounds.top),[3,18];case 17:return m.sent(),this.context.logger.error("Error loading list-style-image "+H),[3,18];case 18:return[3,20];case 19:t.listValue&&r.styles.listStyleType!==-1&&(P=this.createFontStyle(s)[0],this.ctx.font=P,this.ctx.fillStyle=SA(s.color),this.ctx.textBaseline="middle",this.ctx.textAlign="right",v=new Ue(r.bounds.left,r.bounds.top+cA(r.styles.paddingTop,r.bounds.width),r.bounds.width,Vc(s.lineHeight,s.fontSize.number)/2+1),this.renderTextWithLetterSpacing(new Ir(t.listValue,v),s.letterSpacing,Vc(s.lineHeight,s.fontSize.number)/2+2),this.ctx.textBaseline="bottom",this.ctx.textAlign="left"),m.label=20;case 20:return[2]}})})},e.prototype.renderStackContent=function(t){return kA(this,void 0,void 0,function(){var r,n,_,s,a,_,u,o,_,l,f,_,h,d,_,C,p,_,T,I,_;return RA(this,function(Q){switch(Q.label){case 0:if(QA(t.element.container.flags,16))debugger;return[4,this.renderNodeBackgroundAndBorders(t.element)];case 1:Q.sent(),r=0,n=t.negativeZIndex,Q.label=2;case 2:return r<n.length?(_=n[r],[4,this.renderStack(_)]):[3,5];case 3:Q.sent(),Q.label=4;case 4:return r++,[3,2];case 5:return[4,this.renderNodeContent(t.element)];case 6:Q.sent(),s=0,a=t.nonInlineLevel,Q.label=7;case 7:return s<a.length?(_=a[s],[4,this.renderNode(_)]):[3,10];case 8:Q.sent(),Q.label=9;case 9:return s++,[3,7];case 10:u=0,o=t.nonPositionedFloats,Q.label=11;case 11:return u<o.length?(_=o[u],[4,this.renderStack(_)]):[3,14];case 12:Q.sent(),Q.label=13;case 13:return u++,[3,11];case 14:l=0,f=t.nonPositionedInlineLevel,Q.label=15;case 15:return l<f.length?(_=f[l],[4,this.renderStack(_)]):[3,18];case 16:Q.sent(),Q.label=17;case 17:return l++,[3,15];case 18:h=0,d=t.inlineLevel,Q.label=19;case 19:return h<d.length?(_=d[h],[4,this.renderNode(_)]):[3,22];case 20:Q.sent(),Q.label=21;case 21:return h++,[3,19];case 22:C=0,p=t.zeroOrAutoZIndexOrTransformedOrOpacity,Q.label=23;case 23:return C<p.length?(_=p[C],[4,this.renderStack(_)]):[3,26];case 24:Q.sent(),Q.label=25;case 25:return C++,[3,23];case 26:T=0,I=t.positiveZIndex,Q.label=27;case 27:return T<I.length?(_=I[T],[4,this.renderStack(_)]):[3,30];case 28:Q.sent(),Q.label=29;case 29:return T++,[3,27];case 30:return[2]}})})},e.prototype.mask=function(t){this.ctx.beginPath(),this.ctx.moveTo(0,0),this.ctx.lineTo(this.canvas.width,0),this.ctx.lineTo(this.canvas.width,this.canvas.height),this.ctx.lineTo(0,this.canvas.height),this.ctx.lineTo(0,0),this.formatPath(t.slice(0).reverse()),this.ctx.closePath()},e.prototype.path=function(t){this.ctx.beginPath(),this.formatPath(t),this.ctx.closePath()},e.prototype.formatPath=function(t){var r=this;t.forEach(function(n,s){var a=ne(n)?n.start:n;s===0?r.ctx.moveTo(a.x,a.y):r.ctx.lineTo(a.x,a.y),ne(n)&&r.ctx.bezierCurveTo(n.startControl.x,n.startControl.y,n.endControl.x,n.endControl.y,n.end.x,n.end.y)})},e.prototype.renderRepeat=function(t,r,n,s){this.path(t),this.ctx.fillStyle=r,this.ctx.translate(n,s),this.ctx.fill(),this.ctx.translate(-n,-s)},e.prototype.resizeImage=function(t,r,n){var s;if(t.width===r&&t.height===n)return t;var a=(s=this.canvas.ownerDocument)!==null&&s!==void 0?s:document,u=a.createElement("canvas");u.width=Math.max(1,r),u.height=Math.max(1,n);var o=u.getContext("2d");return o.drawImage(t,0,0,t.width,t.height,0,0,r,n),u},e.prototype.renderBackgroundImage=function(t){return kA(this,void 0,void 0,function(){var r,n,s,a,u,o;return RA(this,function(l){switch(l.label){case 0:r=t.styles.backgroundImage.length-1,n=function(f){var h,d,C,eA,oA,mA,j,rA,K,p,eA,oA,mA,j,rA,T,I,_,Q,H,P,v,m,x,K,k,eA,lA,fA,j,rA,uA,oA,mA,PA,vA,L,D,q,X,pA,FA;return RA(this,function(ae){switch(ae.label){case 0:if(f.type!==0)return[3,5];h=void 0,d=f.url,ae.label=1;case 1:return ae.trys.push([1,3,,4]),[4,s.context.cache.match(d)];case 2:return h=ae.sent(),[3,4];case 3:return ae.sent(),s.context.logger.error("Error loading background-image "+d),[3,4];case 4:return h&&(C=hi(t,r,[h.width,h.height,h.width/h.height]),eA=C[0],oA=C[1],mA=C[2],j=C[3],rA=C[4],K=s.ctx.createPattern(s.resizeImage(h,j,rA),"repeat"),s.renderRepeat(eA,K,oA,mA)),[3,6];case 5:p1(f)?(p=hi(t,r,[null,null,null]),eA=p[0],oA=p[1],mA=p[2],j=p[3],rA=p[4],T=d1(f.angle,j,rA),I=T[0],_=T[1],Q=T[2],H=T[3],P=T[4],v=document.createElement("canvas"),v.width=j,v.height=rA,m=v.getContext("2d"),x=m.createLinearGradient(_,H,Q,P),vc(f.stops,I).forEach(function($A){return x.addColorStop($A.stop,SA($A.color))}),m.fillStyle=x,m.fillRect(0,0,j,rA),j>0&&rA>0&&(K=s.ctx.createPattern(v,"repeat"),s.renderRepeat(eA,K,oA,mA))):C1(f)&&(k=hi(t,r,[null,null,null]),eA=k[0],lA=k[1],fA=k[2],j=k[3],rA=k[4],uA=f.position.length===0?[Ma]:f.position,oA=cA(uA[0],j),mA=cA(uA[uA.length-1],rA),PA=B1(f,oA,mA,j,rA),vA=PA[0],L=PA[1],vA>0&&L>0&&(D=s.ctx.createRadialGradient(lA+oA,fA+mA,0,lA+oA,fA+mA,vA),vc(f.stops,vA*2).forEach(function($A){return D.addColorStop($A.stop,SA($A.color))}),s.path(eA),s.ctx.fillStyle=D,vA!==L?(q=t.bounds.left+.5*t.bounds.width,X=t.bounds.top+.5*t.bounds.height,pA=L/vA,FA=1/pA,s.ctx.save(),s.ctx.translate(q,X),s.ctx.transform(1,0,0,pA,0,0),s.ctx.translate(-q,-X),s.ctx.fillRect(lA,FA*(fA-X)+X,j,rA*FA),s.ctx.restore()):s.ctx.fill())),ae.label=6;case 6:return r--,[2]}})},s=this,a=0,u=t.styles.backgroundImage.slice(0).reverse(),l.label=1;case 1:return a<u.length?(o=u[a],[5,n(o)]):[3,4];case 2:l.sent(),l.label=3;case 3:return a++,[3,1];case 4:return[2]}})})},e.prototype.renderSolidBorder=function(t,r,n){return kA(this,void 0,void 0,function(){return RA(this,function(s){return this.path(Pl(n,r)),this.ctx.fillStyle=SA(t),this.ctx.fill(),[2]})})},e.prototype.renderDoubleBorder=function(t,r,n,s){return kA(this,void 0,void 0,function(){var a,u;return RA(this,function(o){switch(o.label){case 0:return r<3?[4,this.renderSolidBorder(t,n,s)]:[3,2];case 1:return o.sent(),[2];case 2:return a=bb(s,n),this.path(a),this.ctx.fillStyle=SA(t),this.ctx.fill(),u=Ub(s,n),this.path(u),this.ctx.fill(),[2]}})})},e.prototype.renderNodeBackgroundAndBorders=function(t){return kA(this,void 0,void 0,function(){var r,n,s,a,u,o,l,f,h=this;return RA(this,function(d){switch(d.label){case 0:return this.applyEffects(t.getEffects(2)),r=t.container.styles,n=!Ge(r.backgroundColor)||r.backgroundImage.length,s=[{style:r.borderTopStyle,color:r.borderTopColor,width:r.borderTopWidth},{style:r.borderRightStyle,color:r.borderRightColor,width:r.borderRightWidth},{style:r.borderBottomStyle,color:r.borderBottomColor,width:r.borderBottomWidth},{style:r.borderLeftStyle,color:r.borderLeftColor,width:r.borderLeftWidth}],a=Hb(Ht(r.backgroundClip,0),t.curves),n||r.boxShadow.length?(this.ctx.save(),this.path(a),this.ctx.clip(),Ge(r.backgroundColor)||(this.ctx.fillStyle=SA(r.backgroundColor),this.ctx.fill()),[4,this.renderBackgroundImage(t.container)]):[3,2];case 1:d.sent(),this.ctx.restore(),r.boxShadow.slice(0).reverse().forEach(function(C){h.ctx.save();var p=zn(t.curves),T=C.inset?0:vb,I=wb(p,-T+(C.inset?1:-1)*C.spread.number,(C.inset?1:-1)*C.spread.number,C.spread.number*(C.inset?-2:2),C.spread.number*(C.inset?-2:2));C.inset?(h.path(p),h.ctx.clip(),h.mask(I)):(h.mask(p),h.ctx.clip(),h.path(I)),h.ctx.shadowOffsetX=C.offsetX.number+T,h.ctx.shadowOffsetY=C.offsetY.number,h.ctx.shadowColor=SA(C.color),h.ctx.shadowBlur=C.blur.number,h.ctx.fillStyle=C.inset?SA(C.color):"rgba(0,0,0,1)",h.ctx.fill(),h.ctx.restore()}),d.label=2;case 2:u=0,o=0,l=s,d.label=3;case 3:return o<l.length?(f=l[o],f.style!==0&&!Ge(f.color)&&f.width>0?f.style!==2?[3,5]:[4,this.renderDashedDottedBorder(f.color,f.width,u,t.curves,2)]:[3,11]):[3,13];case 4:return d.sent(),[3,11];case 5:return f.style!==3?[3,7]:[4,this.renderDashedDottedBorder(f.color,f.width,u,t.curves,3)];case 6:return d.sent(),[3,11];case 7:return f.style!==4?[3,9]:[4,this.renderDoubleBorder(f.color,f.width,u,t.curves)];case 8:return d.sent(),[3,11];case 9:return[4,this.renderSolidBorder(f.color,u,t.curves)];case 10:d.sent(),d.label=11;case 11:u++,d.label=12;case 12:return o++,[3,3];case 13:return[2]}})})},e.prototype.renderDashedDottedBorder=function(t,r,n,s,a){return kA(this,void 0,void 0,function(){var u,o,l,f,h,d,C,p,T,I,_,Q,H,P,v,m,v,m;return RA(this,function(x){return this.ctx.save(),u=Qb(s,n),o=Pl(s,n),a===2&&(this.path(o),this.ctx.clip()),ne(o[0])?(l=o[0].start.x,f=o[0].start.y):(l=o[0].x,f=o[0].y),ne(o[1])?(h=o[1].end.x,d=o[1].end.y):(h=o[1].x,d=o[1].y),n===0||n===2?C=Math.abs(l-h):C=Math.abs(f-d),this.ctx.beginPath(),a===3?this.formatPath(u):this.formatPath(o.slice(0,2)),p=r<3?r*3:r*2,T=r<3?r*2:r,a===3&&(p=r,T=r),I=!0,C<=p*2?I=!1:C<=p*2+T?(_=C/(2*p+T),p*=_,T*=_):(Q=Math.floor((C+T)/(p+T)),H=(C-Q*p)/(Q-1),P=(C-(Q+1)*p)/Q,T=P<=0||Math.abs(T-H)<Math.abs(T-P)?H:P),I&&(a===3?this.ctx.setLineDash([0,p+T]):this.ctx.setLineDash([p,T])),a===3?(this.ctx.lineCap="round",this.ctx.lineWidth=r):this.ctx.lineWidth=r*2+1.1,this.ctx.strokeStyle=SA(t),this.ctx.stroke(),this.ctx.setLineDash([]),a===2&&(ne(o[0])&&(v=o[3],m=o[0],this.ctx.beginPath(),this.formatPath([new O(v.end.x,v.end.y),new O(m.start.x,m.start.y)]),this.ctx.stroke()),ne(o[1])&&(v=o[1],m=o[2],this.ctx.beginPath(),this.formatPath([new O(v.end.x,v.end.y),new O(m.start.x,m.start.y)]),this.ctx.stroke())),this.ctx.restore(),[2]})})},e.prototype.render=function(t){return kA(this,void 0,void 0,function(){var r;return RA(this,function(n){switch(n.label){case 0:return this.options.backgroundColor&&(this.ctx.fillStyle=SA(this.options.backgroundColor),this.ctx.fillRect(this.options.x,this.options.y,this.options.width,this.options.height)),r=Tb(t),[4,this.renderStack(r)];case 1:return n.sent(),this.applyEffects([]),[2,this.canvas]}})})},e}(Gl),xb=function(A){return A instanceof dl||A instanceof hl?!0:A instanceof ti&&A.type!==Wn&&A.type!==Xn},Hb=function(A,e){switch(A){case 0:return zn(e);case 2:return gb(e);case 1:default:return As(e)}},Db=function(A){switch(A){case 1:return"center";case 2:return"right";case 0:default:return"left"}},Ob=["-apple-system","system-ui"],Rb=function(A){return/iPhone OS 15_(0|1)/.test(window.navigator.userAgent)?A.filter(function(e){return Ob.indexOf(e)===-1}):A},Mb=function(A){ce(e,A);function e(t,r){var n=A.call(this,t,r)||this;return n.canvas=r.canvas?r.canvas:document.createElement("canvas"),n.ctx=n.canvas.getContext("2d"),n.options=r,n.canvas.width=Math.floor(r.width*r.scale),n.canvas.height=Math.floor(r.height*r.scale),n.canvas.style.width=r.width+"px",n.canvas.style.height=r.height+"px",n.ctx.scale(n.options.scale,n.options.scale),n.ctx.translate(-r.x,-r.y),n.context.logger.debug("EXPERIMENTAL ForeignObject renderer initialized ("+r.width+"x"+r.height+" at "+r.x+","+r.y+") with scale "+r.scale),n}return e.prototype.render=function(t){return kA(this,void 0,void 0,function(){var r,n;return RA(this,function(s){switch(s.label){case 0:return r=za(this.options.width*this.options.scale,this.options.height*this.options.scale,this.options.scale,this.options.scale,t),[4,kb(r)];case 1:return n=s.sent(),this.options.backgroundColor&&(this.ctx.fillStyle=SA(this.options.backgroundColor),this.ctx.fillRect(0,0,this.options.width*this.options.scale,this.options.height*this.options.scale)),this.ctx.drawImage(n,-this.options.x*this.options.scale,-this.options.y*this.options.scale),[2,this.canvas]}})})},e}(Gl),kb=function(A){return new Promise(function(e,t){var r=new Image;r.onload=function(){e(r)},r.onerror=t,r.src="data:image/svg+xml;charset=utf-8,"+encodeURIComponent(new XMLSerializer().serializeToString(A))})},Pb=function(){function A(e){var t=e.id,r=e.enabled;this.id=t,this.enabled=r,this.start=Date.now()}return A.prototype.debug=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&(typeof window<"u"&&window.console&&typeof console.debug=="function"?console.debug.apply(console,fn([this.id,this.getTime()+"ms"],e)):this.info.apply(this,e))},A.prototype.getTime=function(){return Date.now()-this.start},A.prototype.info=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&typeof window<"u"&&window.console&&typeof console.info=="function"&&console.info.apply(console,fn([this.id,this.getTime()+"ms"],e))},A.prototype.warn=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&(typeof window<"u"&&window.console&&typeof console.warn=="function"?console.warn.apply(console,fn([this.id,this.getTime()+"ms"],e)):this.info.apply(this,e))},A.prototype.error=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&(typeof window<"u"&&window.console&&typeof console.error=="function"?console.error.apply(console,fn([this.id,this.getTime()+"ms"],e)):this.info.apply(this,e))},A.instances={},A}(),Kb=function(){function A(e,t){var r;this.windowBounds=t,this.instanceName="#"+A.instanceCount++,this.logger=new Pb({id:this.instanceName,enabled:e.logging}),this.cache=(r=e.cache)!==null&&r!==void 0?r:new ub(this,e)}return A.instanceCount=1,A}(),Vb=function(A,e){return e===void 0&&(e={}),Gb(A,e)};typeof window<"u"&&Hl.setContext(window);var Gb=function(A,e){return kA(void 0,void 0,void 0,function(){var t,r,n,s,a,u,o,l,f,h,d,C,p,T,I,_,Q,H,P,v,x,m,x,K,k,eA,lA,fA,j,rA,uA,oA,mA,PA,vA,L,D,q,X,pA;return RA(this,function(FA){switch(FA.label){case 0:if(!A||typeof A!="object")return[2,Promise.reject("Invalid element provided as first argument")];if(t=A.ownerDocument,!t)throw new Error("Element is not attached to a Document");if(r=t.defaultView,!r)throw new Error("Document is not attached to a Window");return n={allowTaint:(K=e.allowTaint)!==null&&K!==void 0?K:!1,imageTimeout:(k=e.imageTimeout)!==null&&k!==void 0?k:15e3,proxy:e.proxy,useCORS:(eA=e.useCORS)!==null&&eA!==void 0?eA:!1},s=ma({logging:(lA=e.logging)!==null&&lA!==void 0?lA:!0,cache:e.cache},n),a={windowWidth:(fA=e.windowWidth)!==null&&fA!==void 0?fA:r.innerWidth,windowHeight:(j=e.windowHeight)!==null&&j!==void 0?j:r.innerHeight,scrollX:(rA=e.scrollX)!==null&&rA!==void 0?rA:r.pageXOffset,scrollY:(uA=e.scrollY)!==null&&uA!==void 0?uA:r.pageYOffset},u=new Ue(a.scrollX,a.scrollY,a.windowWidth,a.windowHeight),o=new Kb(s,u),l=(oA=e.foreignObjectRendering)!==null&&oA!==void 0?oA:!1,f={allowTaint:(mA=e.allowTaint)!==null&&mA!==void 0?mA:!1,onclone:e.onclone,ignoreElements:e.ignoreElements,inlineImages:l,copyStyles:l},o.logger.debug("Starting document clone with size "+u.width+"x"+u.height+" scrolled to "+-u.left+","+-u.top),h=new Ll(o,A,f),d=h.clonedReferenceElement,d?[4,h.toIFrame(t,u)]:[2,Promise.reject("Unable to find element in cloned iframe")];case 1:return C=FA.sent(),p=ni(d)||YT(d)?wp(d.ownerDocument):hn(o,d),T=p.width,I=p.height,_=p.left,Q=p.top,H=Yb(o,d,e.backgroundColor),P={canvas:e.canvas,backgroundColor:H,scale:(vA=(PA=e.scale)!==null&&PA!==void 0?PA:r.devicePixelRatio)!==null&&vA!==void 0?vA:1,x:((L=e.x)!==null&&L!==void 0?L:0)+_,y:((D=e.y)!==null&&D!==void 0?D:0)+Q,width:(q=e.width)!==null&&q!==void 0?q:Math.ceil(T),height:(X=e.height)!==null&&X!==void 0?X:Math.ceil(I)},l?(o.logger.debug("Document cloned, using foreign object rendering"),x=new Mb(o,P),[4,x.render(d)]):[3,3];case 2:return v=FA.sent(),[3,5];case 3:return o.logger.debug("Document cloned, element located at "+_+","+Q+" with size "+T+"x"+I+" using computed rendering"),o.logger.debug("Starting DOM parsing"),m=El(o,d),H===m.styles.backgroundColor&&(m.styles.backgroundColor=Fe.TRANSPARENT),o.logger.debug("Starting renderer for element at "+P.x+","+P.y+" with size "+P.width+"x"+P.height),x=new Lb(o,P),[4,x.render(m)];case 4:v=FA.sent(),FA.label=5;case 5:return(!((pA=e.removeContainer)!==null&&pA!==void 0)||pA)&&(Ll.destroy(C)||o.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")),o.logger.debug("Finished rendering"),[2,v]}})})},Yb=function(A,e,t){var r=e.ownerDocument,n=r.documentElement?Ur(A,getComputedStyle(r.documentElement).backgroundColor):Fe.TRANSPARENT,s=r.body?Ur(A,getComputedStyle(r.body).backgroundColor):Fe.TRANSPARENT,a=typeof t=="string"?Ur(A,t):t===null?Fe.TRANSPARENT:4294967295;return e===r.documentElement?Ge(n)?Ge(s)?a:s:n:a};const Xb=c.defineComponent({name:"GpIframe",props:{htmlContent:{type:String,required:!0},jsFiles:{type:Array,default:[]},cssFiles:{type:Array,default:[]},iframeStyle:{type:Object,default:()=>({width:"100%",height:"100%",border:"none"})}},setup(A){const e=c.ref(null),t=c.ref(),r=()=>{var C;const s=e.value;if(!s)return;const a=s.contentDocument||((C=s.contentWindow)==null?void 0:C.document);if(!a)return;a.open(),a.write("<!DOCTYPE html><html><head></head><body></body></html>"),a.close();const u=a.head;A.cssFiles.forEach(p=>{const T=a.createElement("link");T.rel="stylesheet",T.href=p,u.appendChild(T)});const o=a.createElement("link");o.rel="stylesheet",o.href="/src/style.css",u.appendChild(o);const l=a.createElement("script");l.src="/spa/topic/js/jquery-3.6.0.min.js",l.async=!1,u.appendChild(l);const f=a.createElement("script");f.src="/spa/topic/js/swiper-bundle.min.js",f.async=!1,u.appendChild(f);const h=a.createElement("script");h.src="/spa/topic/js/index.js",h.async=!1,u.appendChild(h);const d=a.body;d.innerHTML=A.htmlContent,A.jsFiles.forEach(p=>{const T=a.createElement("script");T.src=p,T.async=!1,d.appendChild(T)}),t.value=d,c.nextTick(()=>{})};c.watch(t,s=>{if(!s)return;new MutationObserver(()=>{const u=e.value;u&&(u.style.height=`${s.scrollHeight}px`)}).observe(s,{childList:!0,subtree:!0})});const n=async s=>{var l;const a=e.value;if(!a)return;const u=a.contentDocument||((l=a.contentWindow)==null?void 0:l.document);if(!u)return;const o=u.body;if(o)try{await c.nextTick();const f=await Vb(o,{x:0,y:0,scrollX:window.scrollX,scrollY:window.scrollY,useCORS:!0,allowTaint:!0,foreignObjectRendering:!1});s?s(f):f.toBlob(h=>{const d=URL.createObjectURL(h);window.open(d,"_blank")})}catch(f){console.error("截图生成失败:",f)}};return c.watch(()=>[A.htmlContent,A.jsFiles,A.cssFiles],r,{deep:!0}),c.onMounted(()=>{r()}),{iframeRef:e,generateCover:n}}});function Wb(A,e,t,r,n,s){return c.openBlock(),c.createElementBlock("div",null,[c.createElementVNode("iframe",{ref:"iframeRef",style:c.normalizeStyle(A.iframeStyle)},null,4)])}const Yl=He(Xb,[["render",Wb],["__scopeId","data-v-27037f5b"]]),Jb={class:"flex gp-dsigner"},qb={key:0,class:"flex items-center justify-between border-b"},jb={class:"text-lg font-bold p-2"},$b={class:"text-sm font-thin text-gray-500"},Zb={class:"flex-1 overflow-auto"},zb={key:0,class:"flex justify-between items-center border-b p-2"},AU={class:"flex items-center"},eU={class:"p-2"},tU={class:"sticky top-0"},rU={key:0,class:"text-lg font-bold border-b p-2"},nU={class:"text-sm font-thin text-gray-500"},sU={class:"p-2"},Xl=He(c.defineComponent({__name:"Designer",props:{mode:{default:"design"},template:{},css:{},js:{},previewWidth:{default:360},uploadByFile:{},icons:{},rules:{},preview:{type:Boolean,default:!0},showTitle:{type:Boolean,default:!0}},emits:["update:modelValue","update:element"],setup(A,{expose:e,emit:t}){const r=A,n=t,s=c.ref(r.template),a=c.ref();let u=uo("",{},!1);const o=c.ref("");c.watch(()=>r.template,F=>{s.value=F},{immediate:!0}),c.watch(()=>s.value,F=>{F&&(a.value=lA(F))},{immediate:!0}),c.watch(()=>r.css,F=>{F.forEach(S=>{if(document.querySelector(`link[href="${S}"]`))return;const R=document.createElement("link");R.rel="stylesheet",R.href=S,document.head.appendChild(R)})},{immediate:!0}),c.watch(()=>r.js,F=>{!F||F.length===0||F.forEach(S=>{if(document.querySelector(`script[src="${S}"]`))return;const R=document.createElement("script");R.src=S,document.body.appendChild(R)})},{immediate:!0});const l=c.ref(r.mode);c.watch(()=>a.value,F=>{F&&n("update:element",F)},{immediate:!0});const f=c.ref("");c.watch(()=>o.value,F=>{n("update:modelValue",F)},{immediate:!0});const h=c.ref(),d=c.ref(),C=c.ref(),p=c.ref(),T=c.ref(),I=c.ref(),_=c.ref(""),Q=c.ref(r.mode==="design");function H(F=void 0){p.value&&p.value.generateCover(F)}function P(F){T.value=F}function v(F,S=""){if(S){const R=m(a.value,S);R?I.value=R:I.value=F}else I.value=F}function m(F,S){if(F.xpath===S)return F;if(F.children&&F.children.length)for(const R of F.children){const V=m(R,S);if(V)return V}}function x(F,S){var R,V;return F.tag===S.tag&&((R=F.children)==null?void 0:R.length)===((V=S.children)==null?void 0:V.length)}function K(F){if(T.value.xpath==F.xpath){if(T.value){if(F.type===J.Block){var S=!0;const R=m(a.value,T.value.parentxpath||"");if(R&&R.children&&R.children.forEach(V=>{if(V.tag!=T.value.tag||!x(V,T.value)){S=!1;return}}),!S){Z.error("同级结构不一致，错误配置！");return}}if(T.value.rule=F.rule,T.value.type=F.type,T.value.type===J.Block){const R=m(a.value,T.value.parentxpath||"");R&&R.children&&(R.children.forEach(V=>{if(V.tag!=T.value.tag||!x(V,T.value)){Z.error("同级结构不一致，无法配置为块类型");return}}),R.children.forEach(V=>{V.tag===T.value.tag&&(V.rule=F.rule,V.type=F.type)}))}}f.value=new Date().getTime().toString(),Z.success("保存成功"),n("update:element",a.value)}}function k(F){const S=m(a.value,F.xpath||"");S&&(S.rule=F.rule,S.type=F.type,S.children&&F.children&&S.children.forEach(R=>{const V=F.children.find(LA=>LA.xpath===R.xpath);V&&(R.rule=V.rule,R.type=V.type)})),Z.success("操作成功"),f.value=new Date().getTime().toString(),n("update:element",a.value)}function eA(F){o.value=F}function lA(F){u=uo(F);const S=u("body").children().toArray().map(R=>fA(u(R)));return o.value=u("body").html()||"",S[0]}function fA(F,S=""){var ot;function R(ZA){if(!ZA||!ZA[0])return"";const JA=[];let ct=ZA;for(;ct.length&&ct[0].tagName!=="html";){const Wl=ct[0].tagName,iU=ct.parent().children(Wl).index(ct)+1;JA.unshift(`${Wl}[${iU}]`),ct=ct.parent()}return"/html/"+JA.join("/")}const V=R(F).replace("/html/body[1]",""),LA=F.children().toArray().map(ZA=>fA(u(ZA),V)),Ce=(ot=r.rules)==null?void 0:ot.find(ZA=>ZA.xpath===V);return{tag:F[0].tagName,text:F.contents().not(F.children()).text().trim(),attrs:F[0].attribs,children:LA,xpath:V,parentxpath:S,type:(Ce==null?void 0:Ce.type)||J.None,rule:(Ce==null?void 0:Ce.rule)||{}}}function j(F){console.log("更新子节点的文本",F);const S=m(a.value,F.element.xpath);if(S){const R=c.toRaw(S);R.editText=F.newText}}function rA(F,S=""){function R(V,LA){var ZA;const ot=(LA?((ZA=m(a.value,LA))==null?void 0:ZA.children)||[]:[a.value]).filter(JA=>JA.tag===V.tag).indexOf(V)+1;return`${LA}/${V.tag}[${ot}]`}F.xpath=R(F,S),F.parentxpath=S,(F.children||[]).forEach(V=>rA(V,F.xpath))}function uA({action:F,element:S,newBlock:R}){const V=m(a.value,S.parentxpath||"");if(!V||!V.children)return;const LA=V.children.findIndex(JA=>JA===S);if(LA===-1){Z.error("未找到元素");return}const Ce=V.children.length,{minBlock:ot,maxBlock:ZA}=S.rule;if((F==="add"||F==="copy")&&Ce>=(ZA||1/0)){_.value=`无法添加更多块。最大块数量为 ${ZA}`,Z.error(_.value);return}switch(F){case"add":if(R){const JA={...R,xpath:"",children:JSON.parse(JSON.stringify(R.children))};V.children.splice(LA+1,0,JA),Z.success("添加成功")}break;case"copy":if(R){const JA={...R,xpath:"",children:JSON.parse(JSON.stringify(R.children))};V.children.splice(LA+1,0,JA),Z.success("复制成功")}break;case"moveUp":if(LA>0){const[JA]=V.children.splice(LA,1);V.children.splice(LA-1,0,JA),Z.success("前移成功")}else Z.error("已经是第一个块，无法前移");break;case"moveDown":if(LA<V.children.length-1){const[JA]=V.children.splice(LA,1);V.children.splice(LA+1,0,JA),Z.success("后移成功")}else Z.error("已经是最后一个块，无法后移");break;case"delete":if(Ce<=(ot||0)){_.value=`无法删除更多块。最小块数量为 ${ot}`,Z.error(_.value);return}V.children.splice(LA,1),Z.success("删除成功");break}_.value="",rA(a.value)}function oA(F,S){let R=S.attrs.class.replace(/icon-\S+/g,`icon-${F}`);S.attrs.class=R}function mA(F){const S=F.file,R=m(a.value,F.element.xpath);if(r.uploadByFile)r.uploadByFile(S).then(V=>{V.success&&(R.attrs.src=V.file.url,f.value=new Date().getTime().toString())});else{R.attrs.alt=S.name;const V=URL.createObjectURL(S);R.attrs.src=V,f.value=new Date().getTime().toString()}}function PA(F){const{icon:S}=F,R=m(a.value,F.element.xpath);let V=R.attrs.class.replace(/icon-\S+/g,`icon-${S}`);R.attrs.class=V,f.value=new Date().getTime().toString()}const vA=F=>F.type.startsWith("image/")?!0:(Z.error("只能上传图片文件"),!1),L=c.ref({});function D(F,S){if(!F||F.length===0)return;const R=F[0];if(S.rule&&(S.rule.minImageWidth||S.rule.maxImageHeight)){if(S.rule.minImageWidth&&R.width<S.rule.minImageWidth){Z.error(`图片宽度不能小于 ${S.rule.minImageWidth}px`);return}if(S.rule.maxImageHeight&&R.height<S.rule.maxImageHeight){Z.error(`图片高度不能小于 ${S.rule.maxImageHeight}px`);return}}S.rule.minImageWidth&&S.rule.maxImageHeight?(L.value.width=S.rule.minImageWidth,L.value.height=S.rule.maxImageHeight,L.value.aspectRatio=S.rule.minImageWidth/S.rule.maxImageHeight):L.value={},R&&(S.rule.crop?(R.thumbUrl,h.value.handleOpenCropper(L.value,R.file,R.name,S)):r.uploadByFile?r.uploadByFile(R.file).then(V=>{V.success&&(S.attrs.src=V.file.url,f.value=new Date().getTime().toString())}):(S.attrs.src=R.thumbUrl,f.value=new Date().getTime().toString()))}const q=c.ref(r.previewWidth),X=c.ref(360);let pA=c.ref(!1),FA=c.ref(""),ae=0,$A=0;function Sr(F){FA.value=F,pA.value=!0,ae=event.clientX,F==="preview"?$A=q.value:F==="structure"&&($A=X.value),window.addEventListener("mousemove",ss),window.addEventListener("mouseup",as)}function ss(F){if(!pA.value)return;const S=F.clientX-ae;FA.value==="preview"?q.value=Math.max(200,$A+S):FA.value==="structure"&&(X.value=Math.max(200,$A-S))}function as(){pA.value=!1,FA.value="",window.removeEventListener("mousemove",ss),window.removeEventListener("mouseup",as)}return e({generateCover:H}),(F,S)=>(c.openBlock(),c.createElementBlock("div",Jb,[F.preview?(c.openBlock(),c.createElementBlock("div",{key:0,class:"border-l overflow-auto resize-area",style:c.normalizeStyle({width:q.value+"px"})},[F.showTitle?(c.openBlock(),c.createElementBlock("div",qb,[c.createElementVNode("h2",jb,[S[4]||(S[4]=c.createTextVNode(" 实时预览 ")),c.createElementVNode("span",$b,c.toDisplayString(q.value)+"px",1)]),c.createElementVNode("div",{onClick:S[0]||(S[0]=()=>H()),class:"p-2 cursor-pointer text-blue-500"}," 封面 ")])):c.createCommentVNode("",!0),c.createElementVNode("div",null,[o.value?(c.openBlock(),c.createBlock(Yl,{key:0,"css-files":F.css,"js-files":F.js,"html-content":o.value,class:"gp-designer-preview",ref_key:"previewRef",ref:p},null,8,["css-files","js-files","html-content"])):(c.openBlock(),c.createBlock(Yl,{key:1,"css-files":F.css,"js-files":F.js,"html-content":c.unref(u)("body").html(),class:"gp-designer-preview",ref_key:"previewRef",ref:p},null,8,["css-files","js-files","html-content"]))])],4)):c.createCommentVNode("",!0),F.preview?(c.openBlock(),c.createElementBlock("div",{key:1,class:"resizer",onMousedown:S[1]||(S[1]=R=>Sr("preview"))},null,32)):c.createCommentVNode("",!0),c.createElementVNode("div",Zb,[F.showTitle?(c.openBlock(),c.createElementBlock("div",zb,[S[6]||(S[6]=c.createElementVNode("h2",{class:"text-lg font-bold"},"结构渲染",-1)),c.createElementVNode("div",AU,[c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":S[2]||(S[2]=R=>Q.value=R),type:"checkbox",id:"showMargin",class:"mr-2"},null,512),[[c.vModelCheckbox,Q.value]]),S[5]||(S[5]=c.createElementVNode("label",{for:"showMargin"},"间距",-1))])])):c.createCommentVNode("",!0),c.createElementVNode("div",eU,[a.value?(c.openBlock(),c.createBlock(uE,{key:0,"upload-by-file":F.uploadByFile,cropper:h.value,icon:d.value,upload:C.value,mode:F.mode,icons:F.icons,r:f.value,"show-margin":Q.value,element:a.value,selectedElement:T.value,hoveredElement:I.value,onSelectElement:P,onHoverElement:v,onContentUpdated:eA,onUpdateText:j,onBlockAction:uA,onAddIcon:oA,onUpdateElementRule:k},null,8,["upload-by-file","cropper","icon","upload","mode","icons","r","show-margin","element","selectedElement","hoveredElement"])):c.createCommentVNode("",!0)])]),l.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:2,class:"resizer",onMousedown:S[3]||(S[3]=R=>Sr("structure"))},null,32)):c.createCommentVNode("",!0),l.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:3,class:"resize-area",style:c.normalizeStyle({width:X.value+"px"})},[c.createElementVNode("div",tU,[F.showTitle?(c.openBlock(),c.createElementBlock("h2",rU,[S[7]||(S[7]=c.createTextVNode(" 节点属性 ")),c.createElementVNode("span",nU,c.toDisplayString(X.value)+"px",1)])):c.createCommentVNode("",!0),c.createElementVNode("div",sU,[T.value?(c.openBlock(),c.createBlock(GE,{key:0,element:T.value,onUpdateElement:K},null,8,["element"])):c.createCommentVNode("",!0)])])],4)):c.createCommentVNode("",!0),c.createVNode(Ap,{ref_key:"cropperRef",ref:h,onOk:mA},null,512),c.createVNode(lp,{icons:F.icons,ref_key:"iconRef",ref:d,onOk:PA},null,8,["icons"]),c.createVNode(Cp,{ref_key:"uploadRef",ref:C,multiple:!1,show:!1,beforeUpload:vA,onChange:D},{"upload-icon":c.withCtx(()=>S[8]||(S[8]=[c.createElementVNode("div",{class:"p-2"},"上传",-1)])),_:1},512)]))}}),[["__scopeId","data-v-2439d1ef"]]),aU={install(A){A.component("Designer",Xl)}};_e.Designer=Xl,_e.default=aU,Object.defineProperties(_e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -6,4 +6,4 @@
  * Released under the MIT license
  *
  * Date: 2024-04-21T07:43:02.731Z
- */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.before{position:relative;overflow:hidden}.before img{position:absolute}.upload-wrapper[data-v-08babff9]{max-width:500px}.file-list[data-v-08babff9]{max-height:300px;overflow-y:auto}.gp-dsigner[data-v-ffe8789f]{font-family:微软雅黑}.resize-area[data-v-ffe8789f]{transition:width .1s ease}.resizer[data-v-ffe8789f]{width:6px;background:#f0f0f0;cursor:col-resize;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gp-dsigner{width:100%}:root{--gp-designer-theme-color: #3574e6}.gp-designer-theme-text,.gp-designer-theme-icon{color:var(--gp-designer-theme-color)}.gp-designer-theme-button{background-color:var(--gp-designer-theme-color)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media (min-width: 1200px){.container{max-width:1200px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-top-6{top:-1.5rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.z-10{z-index:10}.z-\[99999\]{z-index:99999}.m-1{margin:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.contents{display:contents}.hidden{display:none}.h-1{height:.25rem}.h-12{height:3rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[100vh\]{height:100vh}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[40px\]{height:40px}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[500px\]{max-height:500px}.w-10{width:2.5rem}.w-12{width:3rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[100vw\]{width:100vw}.w-\[110px\]{width:110px}.w-\[270px\]{width:270px}.w-\[300px\]{width:300px}.w-\[640px\]{width:640px}.w-\[700px\]{width:700px}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.flex-1{flex:1 1 0%}.flex-none{flex:none}.basis-1\/10{flex-basis:10%}.basis-1\/11{flex-basis:9.09090909%}.basis-1\/12{flex-basis:8.33333333%}.basis-1\/2{flex-basis:50%}.basis-1\/3{flex-basis:33.333333%}.basis-1\/4{flex-basis:25%}.basis-1\/5{flex-basis:20%}.basis-1\/6{flex-basis:16.666667%}.basis-1\/7{flex-basis:14.2857143%}.basis-1\/8{flex-basis:12.5%}.basis-1\/9{flex-basis:11.1111111%}.basis-full{flex-basis:100%}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-auto{cursor:auto}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-normal{justify-content:normal}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#DEDEDE\]{--tw-border-opacity: 1;border-color:rgb(222 222 222 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.bg-\[\#474AFF\]{--tw-bg-opacity: 1;background-color:rgb(71 74 255 / var(--tw-bg-opacity))}.bg-\[\#f4f8ff\]{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.bg-\[rgba\(0\,0\,0\,0\.7\)\]{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.bg-blue-300{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-blue-500\/80{background-color:#3b82f6cc}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.bg-blue-800{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity))}.bg-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-green-500\/80{background-color:#22c55ecc}.bg-purple-400\/80{background-color:#c084fccc}.bg-purple-700{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-red-500\/80{background-color:#ef4444cc}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity: .5}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pr-\[70px\]{padding-right:70px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-thin{font-weight:100}.text-\[\#333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}.text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity))}.text-\[\#999\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:z-10:hover{z-index:10}.hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.hover\:bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.hover\:bg-purple-600:hover{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}@media (min-width: 1200px){.pc\:box-border{box-sizing:border-box}.pc\:basis-1\/10{flex-basis:10%}.pc\:basis-1\/11{flex-basis:9.09090909%}.pc\:basis-1\/12{flex-basis:8.33333333%}.pc\:basis-1\/2{flex-basis:50%}.pc\:basis-1\/3{flex-basis:33.333333%}.pc\:basis-1\/4{flex-basis:25%}.pc\:basis-1\/5{flex-basis:20%}.pc\:basis-1\/6{flex-basis:16.666667%}.pc\:basis-1\/7{flex-basis:14.2857143%}.pc\:basis-1\/8{flex-basis:12.5%}.pc\:basis-1\/9{flex-basis:11.1111111%}.pc\:basis-full{flex-basis:100%}.pc\:justify-normal{justify-content:normal}.pc\:justify-center{justify-content:center}}
+ */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.before{position:relative;overflow:hidden}.before img{position:absolute}.upload-wrapper[data-v-08babff9]{max-width:500px}.file-list[data-v-08babff9]{max-height:300px;overflow-y:auto}.gp-dsigner[data-v-2439d1ef]{font-family:微软雅黑}.resize-area[data-v-2439d1ef]{transition:width .1s ease}.resizer[data-v-2439d1ef]{width:6px;background:#f0f0f0;cursor:col-resize;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gp-dsigner{width:100%}:root{--gp-designer-theme-color: #3574e6}.gp-designer-theme-text,.gp-designer-theme-icon{color:var(--gp-designer-theme-color)}.gp-designer-theme-button{background-color:var(--gp-designer-theme-color)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media (min-width: 1200px){.container{max-width:1200px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-top-6{top:-1.5rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.z-10{z-index:10}.z-\[99999\]{z-index:99999}.m-1{margin:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.contents{display:contents}.hidden{display:none}.h-1{height:.25rem}.h-12{height:3rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[100vh\]{height:100vh}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[40px\]{height:40px}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[500px\]{max-height:500px}.w-10{width:2.5rem}.w-12{width:3rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[100vw\]{width:100vw}.w-\[110px\]{width:110px}.w-\[270px\]{width:270px}.w-\[300px\]{width:300px}.w-\[640px\]{width:640px}.w-\[700px\]{width:700px}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.flex-1{flex:1 1 0%}.flex-none{flex:none}.basis-1\/10{flex-basis:10%}.basis-1\/11{flex-basis:9.09090909%}.basis-1\/12{flex-basis:8.33333333%}.basis-1\/2{flex-basis:50%}.basis-1\/3{flex-basis:33.333333%}.basis-1\/4{flex-basis:25%}.basis-1\/5{flex-basis:20%}.basis-1\/6{flex-basis:16.666667%}.basis-1\/7{flex-basis:14.2857143%}.basis-1\/8{flex-basis:12.5%}.basis-1\/9{flex-basis:11.1111111%}.basis-full{flex-basis:100%}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-auto{cursor:auto}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-normal{justify-content:normal}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#DEDEDE\]{--tw-border-opacity: 1;border-color:rgb(222 222 222 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.bg-\[\#474AFF\]{--tw-bg-opacity: 1;background-color:rgb(71 74 255 / var(--tw-bg-opacity))}.bg-\[\#f4f8ff\]{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.bg-\[rgba\(0\,0\,0\,0\.7\)\]{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.bg-blue-300{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-blue-500\/80{background-color:#3b82f6cc}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.bg-blue-800{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity))}.bg-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-green-500\/80{background-color:#22c55ecc}.bg-purple-400\/80{background-color:#c084fccc}.bg-purple-700{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-red-500\/80{background-color:#ef4444cc}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity: .5}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pr-\[70px\]{padding-right:70px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-thin{font-weight:100}.text-\[\#333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}.text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity))}.text-\[\#999\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:z-10:hover{z-index:10}.hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.hover\:bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.hover\:bg-purple-600:hover{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}@media (min-width: 1200px){.pc\:box-border{box-sizing:border-box}.pc\:basis-1\/10{flex-basis:10%}.pc\:basis-1\/11{flex-basis:9.09090909%}.pc\:basis-1\/12{flex-basis:8.33333333%}.pc\:basis-1\/2{flex-basis:50%}.pc\:basis-1\/3{flex-basis:33.333333%}.pc\:basis-1\/4{flex-basis:25%}.pc\:basis-1\/5{flex-basis:20%}.pc\:basis-1\/6{flex-basis:16.666667%}.pc\:basis-1\/7{flex-basis:14.2857143%}.pc\:basis-1\/8{flex-basis:12.5%}.pc\:basis-1\/9{flex-basis:11.1111111%}.pc\:basis-full{flex-basis:100%}.pc\:justify-normal{justify-content:normal}.pc\:justify-center{justify-content:center}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "gp-designer",
   "private": false,
-  "version": "1.0.58",
+  "version": "1.0.59",
   "type": "module",
   "license": "MIT",
   "author": "gp",