gp-designer 1.0.61 → 1.0.62

package/README.md

@@ -13,7 +13,7 @@
 > 模板中的静态文件引入，必须使用绝对路径（/spa/topic/xxx），因为此模板在不同的页面、不同的站点会引用。
 
 - 模板目录 `/public/topic/{模板}`
-- 禁止标签，静态模板不允许使用的布局标签：`br`
+- 禁止标签，静态模板不允许使用的标签：`br`
 - 所有页面布局使用 `flex` 布局，所有页面原则上没有固定宽高（特殊除外，例如：下标、边框等）
 - 图片节点必须用用独立的 `div` 或 `span` 等元素包装。
 - 图标、按钮等节点，建议用盒子模型包装。
@@ -25,6 +25,11 @@
 - 块最外层 `div` 对象不能设置：`margin、gap` 等外边距，因为块对象会进行百分比排版，每个块占比 n%，设置 `margin` 会导致总百分比超出 100%。
 - 移动端自动轮播，需要引入 `/spa/topic/css/swiper-bundle.min.css、jquery-3.6.0.min.js、swiper-bundle.min.js`
 
+#### 注意
+
+- 注意，在 iframe 中，样式文件必须构建后才能生效，即：src/style.css 构建后会自动复制到 dist/spa/topic/css/style.css
+
+
 #### 主题色设计
 
 - 使用自定义主题色，直接覆盖变量或样式。

package/dist/gp-designer.es.js

@@ -17399,7 +17399,7 @@ const vU = ye({
         w.rel = "stylesheet", w.href = p, u.appendChild(w);
       });
       const o = a.createElement("link");
-      o.rel = "stylesheet", o.href = "/src/style.css", u.appendChild(o);
+      o.rel = "stylesheet", o.href = "/spa/topic/css/style.css", u.appendChild(o);
       const c = a.createElement("script");
       c.src = "/spa/topic/js/jquery-3.6.0.min.js", c.async = !1, u.appendChild(c);
       const l = a.createElement("script");
@@ -17474,7 +17474,7 @@ function _U(A, e, t, r, n, s) {
     }, null, 4)
   ]);
 }
-const xo = /* @__PURE__ */ ut(vU, [["render", _U], ["__scopeId", "data-v-27037f5b"]]), yU = { class: "flex gp-dsigner" }, SU = {
+const xo = /* @__PURE__ */ ut(vU, [["render", _U], ["__scopeId", "data-v-607ae90c"]]), yU = { class: "flex gp-dsigner" }, SU = {
   key: 0,
   class: "flex items-center justify-between border-b"
 }, LU = { class: "text-lg font-bold p-2" }, xU = { class: "text-sm font-thin text-gray-500" }, HU = { class: "flex-1 overflow-auto" }, NU = {

package/dist/gp-designer.umd.js

@@ -36,4 +36,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     content: "" !important;
     display: none !important;
 }`,ib=function(A){ub(A,"."+oi+sb+Hl+`
-         .`+ci+ab+Hl)},ub=function(A,e){var t=A.ownerDocument;if(t){var r=t.createElement("style");r.textContent=e,A.appendChild(r)}},Dl=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}(),ob=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)||(fi(e)||hb(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 MA(this,function(u){switch(u.label){case 0:return t=Dl.isSameOrigin(e),r=!li(e)&&this._options.useCORS===!0&&OA.SUPPORT_CORS_IMAGES&&!t,n=!li(e)&&!t&&!fi(e)&&typeof this._options.proxy=="string"&&OA.SUPPORT_CORS_XHR&&!r,!t&&this._options.allowTaint===!1&&!li(e)&&!fi(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,(db(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=OA.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}(),cb=/^data:image\/svg\+xml/i,lb=/^data:image\/.*;base64,/i,fb=/^data:image\/.*/i,hb=function(A){return OA.SUPPORT_SVG_DRAWING||!Bb(A)},li=function(A){return fb.test(A)},db=function(A){return lb.test(A)},fi=function(A){return A.substr(0,4)==="blob"},Bb=function(A){return A.substr(-3).toLowerCase()==="svg"||cb.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}(),Ht=function(A,e,t){return new O(A.x+(e.x-A.x)*t,A.y+(e.y-A.y)*t)},es=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=Ht(this.start,this.startControl,e),n=Ht(this.startControl,this.endControl,e),s=Ht(this.endControl,this.end,e),a=Ht(r,n,e),u=Ht(n,s,e),o=Ht(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}(),ae=function(A){return A.type===1},gb=function(){function A(e){var t=e.styles,r=e.bounds,n=Ur(t.borderTopLeftRadius,r.width,r.height),s=n[0],a=n[1],u=Ur(t.borderTopRightRadius,r.width,r.height),o=u[0],l=u[1],f=Ur(t.borderBottomRightRadius,r.width,r.height),h=f[0],d=f[1],C=Ur(t.borderBottomLeftRadius,r.width,r.height),p=C[0],T=C[1],U=[];U.push((s+o)/r.width),U.push((p+h)/r.width),U.push((a+T)/r.height),U.push((l+d)/r.height);var _=Math.max.apply(Math,U);_>1&&(s/=_,a/=_,o/=_,l/=_,h/=_,d/=_,p/=_,T/=_);var Q=r.width-o,D=r.height-d,k=r.width-h,x=r.height-T,m=t.borderTopWidth,H=t.borderRightWidth,P=t.borderBottomWidth,M=t.borderLeftWidth,eA=oA(t.paddingTop,e.bounds.width),cA=oA(t.paddingRight,e.bounds.width),lA=oA(t.paddingBottom,e.bounds.width),q=oA(t.paddingLeft,e.bounds.width);this.topLeftBorderDoubleOuterBox=s>0||a>0?gA(r.left+M/3,r.top+m/3,s-M/3,a-m/3,sA.TOP_LEFT):new O(r.left+M/3,r.top+m/3),this.topRightBorderDoubleOuterBox=s>0||a>0?gA(r.left+Q,r.top+m/3,o-H/3,l-m/3,sA.TOP_RIGHT):new O(r.left+r.width-H/3,r.top+m/3),this.bottomRightBorderDoubleOuterBox=h>0||d>0?gA(r.left+k,r.top+D,h-H/3,d-P/3,sA.BOTTOM_RIGHT):new O(r.left+r.width-H/3,r.top+r.height-P/3),this.bottomLeftBorderDoubleOuterBox=p>0||T>0?gA(r.left+M/3,r.top+x,p-M/3,T-P/3,sA.BOTTOM_LEFT):new O(r.left+M/3,r.top+r.height-P/3),this.topLeftBorderDoubleInnerBox=s>0||a>0?gA(r.left+M*2/3,r.top+m*2/3,s-M*2/3,a-m*2/3,sA.TOP_LEFT):new O(r.left+M*2/3,r.top+m*2/3),this.topRightBorderDoubleInnerBox=s>0||a>0?gA(r.left+Q,r.top+m*2/3,o-H*2/3,l-m*2/3,sA.TOP_RIGHT):new O(r.left+r.width-H*2/3,r.top+m*2/3),this.bottomRightBorderDoubleInnerBox=h>0||d>0?gA(r.left+k,r.top+D,h-H*2/3,d-P*2/3,sA.BOTTOM_RIGHT):new O(r.left+r.width-H*2/3,r.top+r.height-P*2/3),this.bottomLeftBorderDoubleInnerBox=p>0||T>0?gA(r.left+M*2/3,r.top+x,p-M*2/3,T-P*2/3,sA.BOTTOM_LEFT):new O(r.left+M*2/3,r.top+r.height-P*2/3),this.topLeftBorderStroke=s>0||a>0?gA(r.left+M/2,r.top+m/2,s-M/2,a-m/2,sA.TOP_LEFT):new O(r.left+M/2,r.top+m/2),this.topRightBorderStroke=s>0||a>0?gA(r.left+Q,r.top+m/2,o-H/2,l-m/2,sA.TOP_RIGHT):new O(r.left+r.width-H/2,r.top+m/2),this.bottomRightBorderStroke=h>0||d>0?gA(r.left+k,r.top+D,h-H/2,d-P/2,sA.BOTTOM_RIGHT):new O(r.left+r.width-H/2,r.top+r.height-P/2),this.bottomLeftBorderStroke=p>0||T>0?gA(r.left+M/2,r.top+x,p-M/2,T-P/2,sA.BOTTOM_LEFT):new O(r.left+M/2,r.top+r.height-P/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+k,r.top+D,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+x,p,T,sA.BOTTOM_LEFT):new O(r.left,r.top+r.height),this.topLeftPaddingBox=s>0||a>0?gA(r.left+M,r.top+m,Math.max(0,s-M),Math.max(0,a-m),sA.TOP_LEFT):new O(r.left+M,r.top+m),this.topRightPaddingBox=o>0||l>0?gA(r.left+Math.min(Q,r.width-H),r.top+m,Q>r.width+H?0:Math.max(0,o-H),Math.max(0,l-m),sA.TOP_RIGHT):new O(r.left+r.width-H,r.top+m),this.bottomRightPaddingBox=h>0||d>0?gA(r.left+Math.min(k,r.width-M),r.top+Math.min(D,r.height-P),Math.max(0,h-H),Math.max(0,d-P),sA.BOTTOM_RIGHT):new O(r.left+r.width-H,r.top+r.height-P),this.bottomLeftPaddingBox=p>0||T>0?gA(r.left+M,r.top+Math.min(x,r.height-P),Math.max(0,p-M),Math.max(0,T-P),sA.BOTTOM_LEFT):new O(r.left+M,r.top+r.height-P),this.topLeftContentBox=s>0||a>0?gA(r.left+M+q,r.top+m+eA,Math.max(0,s-(M+q)),Math.max(0,a-(m+eA)),sA.TOP_LEFT):new O(r.left+M+q,r.top+m+eA),this.topRightContentBox=o>0||l>0?gA(r.left+Math.min(Q,r.width+M+q),r.top+m+eA,Q>r.width+M+q?0:o-M+q,l-(m+eA),sA.TOP_RIGHT):new O(r.left+r.width-(H+cA),r.top+m+eA),this.bottomRightContentBox=h>0||d>0?gA(r.left+Math.min(k,r.width-(M+q)),r.top+Math.min(D,r.height+m+eA),Math.max(0,h-(H+cA)),d-(P+lA),sA.BOTTOM_RIGHT):new O(r.left+r.width-(H+cA),r.top+r.height-(P+lA)),this.bottomLeftContentBox=p>0||T>0?gA(r.left+M+q,r.top+x,Math.max(0,p-(M+q)),T-(P+lA),sA.BOTTOM_LEFT):new O(r.left+M+q,r.top+r.height-(P+lA))}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 es(new O(A,l),new O(A,l-u),new O(o-a,e),new O(o,e));case sA.TOP_RIGHT:return new es(new O(A,e),new O(A+a,e),new O(o,l-u),new O(o,l));case sA.BOTTOM_RIGHT:return new es(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 es(new O(o,l),new O(o-a,l),new O(A,e+u),new O(A,e))}},ts=function(A){return[A.topLeftBorderBox,A.topRightBorderBox,A.bottomRightBorderBox,A.bottomLeftBorderBox]},Eb=function(A){return[A.topLeftContentBox,A.topRightContentBox,A.bottomRightContentBox,A.bottomLeftContentBox]},rs=function(A){return[A.topLeftPaddingBox,A.topRightPaddingBox,A.bottomRightPaddingBox,A.bottomLeftPaddingBox]},mb=function(){function A(e,t,r){this.offsetX=e,this.offsetY=t,this.matrix=r,this.type=0,this.target=6}return A}(),ns=function(){function A(e,t){this.path=e,this.target=t,this.type=1}return A}(),pb=function(){function A(e){this.opacity=e,this.type=2,this.target=6}return A}(),Cb=function(A){return A.type===0},Ol=function(A){return A.type===1},wb=function(A){return A.type===2},Rl=function(A,e){return A.length===e.length?A.some(function(t,r){return t===e[r]}):!1},Tb=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})},Ml=function(){function A(e){this.element=e,this.inlineLevel=[],this.nonInlineLevel=[],this.negativeZIndex=[],this.zeroOrAutoZIndexOrTransformedOrOpacity=[],this.positiveZIndex=[],this.nonPositionedFloats=[],this.nonPositionedInlineLevel=[]}return A}(),kl=function(){function A(e,t){if(this.container=e,this.parent=t,this.effects=[],this.curves=new gb(this.container),this.container.styles.opacity<1&&this.effects.push(new pb(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 mb(r,n,s))}if(this.container.styles.overflowX!==0){var a=ts(this.curves),u=rs(this.curves);Rl(a,u)?this.effects.push(new ns(a,6)):(this.effects.push(new ns(a,2)),this.effects.push(new ns(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!Ol(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=ts(r.curves),u=rs(r.curves);Rl(a,u)||n.unshift(new ns(u,6))}}else n.unshift.apply(n,s);r=r.parent}return n.filter(function(o){return QA(o.target,e)})},A}(),hi=function(A,e,t,r){A.container.elements.forEach(function(n){var s=QA(n.flags,4),a=QA(n.flags,2),u=new kl(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 Ml(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);hi(u,f,s?f:t,o)}else n.styles.isInlineLevel()?e.inlineLevel.push(u):e.nonInlineLevel.push(u),hi(u,e,t,o);QA(n.flags,8)&&Pl(n,o)})},Pl=function(A,e){for(var t=A instanceof ti?A.start:1,r=A instanceof ti?A.reversed:!1,n=0;n<e.length;n++){var s=e[n];s.container instanceof fl&&typeof s.container.value=="number"&&s.container.value!==0&&(t=s.container.value),s.listValue=Nr(t,s.container.styles.listStyleType,!0),t+=r?-1:1}},bb=function(A){var e=new kl(A,null),t=new Ml(e),r=[];return hi(e,t,t,r),Pl(e.container,r),t},Kl=function(A,e){switch(e){case 0:return ie(A.topLeftBorderBox,A.topLeftPaddingBox,A.topRightBorderBox,A.topRightPaddingBox);case 1:return ie(A.topRightBorderBox,A.topRightPaddingBox,A.bottomRightBorderBox,A.bottomRightPaddingBox);case 2:return ie(A.bottomRightBorderBox,A.bottomRightPaddingBox,A.bottomLeftBorderBox,A.bottomLeftPaddingBox);case 3:default:return ie(A.bottomLeftBorderBox,A.bottomLeftPaddingBox,A.topLeftBorderBox,A.topLeftPaddingBox)}},Ub=function(A,e){switch(e){case 0:return ie(A.topLeftBorderBox,A.topLeftBorderDoubleOuterBox,A.topRightBorderBox,A.topRightBorderDoubleOuterBox);case 1:return ie(A.topRightBorderBox,A.topRightBorderDoubleOuterBox,A.bottomRightBorderBox,A.bottomRightBorderDoubleOuterBox);case 2:return ie(A.bottomRightBorderBox,A.bottomRightBorderDoubleOuterBox,A.bottomLeftBorderBox,A.bottomLeftBorderDoubleOuterBox);case 3:default:return ie(A.bottomLeftBorderBox,A.bottomLeftBorderDoubleOuterBox,A.topLeftBorderBox,A.topLeftBorderDoubleOuterBox)}},Qb=function(A,e){switch(e){case 0:return ie(A.topLeftBorderDoubleInnerBox,A.topLeftPaddingBox,A.topRightBorderDoubleInnerBox,A.topRightPaddingBox);case 1:return ie(A.topRightBorderDoubleInnerBox,A.topRightPaddingBox,A.bottomRightBorderDoubleInnerBox,A.bottomRightPaddingBox);case 2:return ie(A.bottomRightBorderDoubleInnerBox,A.bottomRightPaddingBox,A.bottomLeftBorderDoubleInnerBox,A.bottomLeftPaddingBox);case 3:default:return ie(A.bottomLeftBorderDoubleInnerBox,A.bottomLeftPaddingBox,A.topLeftBorderDoubleInnerBox,A.topLeftPaddingBox)}},Fb=function(A,e){switch(e){case 0:return ss(A.topLeftBorderStroke,A.topRightBorderStroke);case 1:return ss(A.topRightBorderStroke,A.bottomRightBorderStroke);case 2:return ss(A.bottomRightBorderStroke,A.bottomLeftBorderStroke);case 3:default:return ss(A.bottomLeftBorderStroke,A.topLeftBorderStroke)}},ss=function(A,e){var t=[];return ae(A)?t.push(A.subdivide(.5,!1)):t.push(A),ae(e)?t.push(e.subdivide(.5,!0)):t.push(e),t},ie=function(A,e,t,r){var n=[];return ae(A)?n.push(A.subdivide(.5,!1)):n.push(A),ae(t)?n.push(t.subdivide(.5,!0)):n.push(t),ae(r)?n.push(r.subdivide(.5,!0).reverse()):n.push(r),ae(e)?n.push(e.subdivide(.5,!1).reverse()):n.push(e),n},Vl=function(A){var e=A.bounds,t=A.styles;return e.add(t.borderLeftWidth,t.borderTopWidth,-(t.borderRightWidth+t.borderLeftWidth),-(t.borderTopWidth+t.borderBottomWidth))},as=function(A){var e=A.styles,t=A.bounds,r=oA(e.paddingLeft,t.width),n=oA(e.paddingRight,t.width),s=oA(e.paddingTop,t.width),a=oA(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))},Ib=function(A,e){return A===0?e.bounds:A===2?as(e):Vl(e)},_b=function(A,e){return A===0?e.bounds:A===2?as(e):Vl(e)},di=function(A,e,t){var r=Ib(Ot(A.styles.backgroundOrigin,e),A),n=_b(Ot(A.styles.backgroundClip,e),A),s=yb(Ot(A.styles.backgroundSize,e),t,r),a=s[0],u=s[1],o=Ur(Ot(A.styles.backgroundPosition,e),r.width-a,r.height-u),l=Nb(Ot(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]},Dt=function(A){return iA(A)&&A.value===St.AUTO},is=function(A){return typeof A=="number"},yb=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[oA(a,t.width),oA(u,t.height)];var o=is(s);if(iA(a)&&(a.value===St.CONTAIN||a.value===St.COVER)){if(is(s)){var l=t.width/t.height;return l<s!=(a.value===St.COVER)?[t.width,t.width/s]:[t.height*s,t.height]}return[t.width,t.height]}var f=is(r),h=is(n),d=f||h;if(Dt(a)&&(!u||Dt(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,U=h?n:t.height;return[T,U]}if(o){var _=0,Q=0;return bA(a)?_=oA(a,t.width):bA(u)&&(Q=oA(u,t.height)),Dt(a)?_=Q*s:(!u||Dt(u))&&(Q=_/s),[_,Q]}var D=null,k=null;if(bA(a)?D=oA(a,t.width):u&&bA(u)&&(k=oA(u,t.height)),D!==null&&(!u||Dt(u))&&(k=f&&h?D/r*n:t.height),k!==null&&Dt(a)&&(D=f&&h?k/n*r:t.width),D!==null&&k!==null)return[D,k];throw new Error("Unable to calculate background-size for element")},Ot=function(A,e){var t=A[e];return typeof t>"u"?A[0]:t},Nb=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))]}},Sb="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",Gl="Hidden Text",vb=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=Sb,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(Gl)),r.appendChild(s),r.appendChild(n);var u=n.offsetTop-s.offsetTop+2;r.removeChild(s),r.appendChild(this._document.createTextNode(Gl)),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}(),Yl=function(){function A(e,t){this.context=e,this.options=t}return A}(),Lb=1e4,xb=function(A){fe(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 vb(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(),wb(t)&&(this.ctx.globalAlpha=t.opacity),Cb(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)),Ol(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 MA(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 MA(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=ei(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=Mb(t.fontFamily).join(", "),s=br(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 MA(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 U=r.textShadow;U.length&&p.text.trim().length&&(U.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=as(t),a=rs(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,k,C,p,x,T,U,_,Q,D,k,x;return MA(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 ol))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 cl&&this.renderReplacedElement(r,n,r.canvas),!(r instanceof ll))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 gl&&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 ri&&(h=Math.min(r.bounds.width,r.bounds.height),r.type===qn?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(hl),this.ctx.fill(),this.ctx.restore()):r.type===jn&&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(hl),this.ctx.fill(),this.ctx.restore())),Hb(r)&&r.value.length){switch(d=this.createFontStyle(s),k=d[0],C=d[1],p=this.fontMetrics.getMetrics(k,C).baseline,this.ctx.font=k,this.ctx.fillStyle=SA(s.color),this.ctx.textBaseline="alphabetic",this.ctx.textAlign=Ob(r.styles.textAlign),x=as(r),T=0,r.styles.textAlign){case 1:T+=x.width/2;break;case 2:T+=x.width;break}U=x.add(T,0,0,-x.height/2+1),this.ctx.save(),this.path([new O(x.left,x.top),new O(x.left+x.width,x.top),new O(x.left+x.width,x.top+x.height),new O(x.left,x.top+x.height)]),this.ctx.clip(),this.renderTextWithLetterSpacing(new _r(r.value,U),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,D=_.url,m.label=15;case 15:return m.trys.push([15,17,,18]),[4,this.context.cache.match(D)];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 "+D),[3,18];case 18:return[3,20];case 19:t.listValue&&r.styles.listStyleType!==-1&&(k=this.createFontStyle(s)[0],this.ctx.font=k,this.ctx.fillStyle=SA(s.color),this.ctx.textBaseline="middle",this.ctx.textAlign="right",x=new Fe(r.bounds.left,r.bounds.top+oA(r.styles.paddingTop,r.bounds.width),r.bounds.width,Gc(s.lineHeight,s.fontSize.number)/2+1),this.renderTextWithLetterSpacing(new _r(t.listValue,x),s.letterSpacing,Gc(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,U,_;return MA(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,U=t.positiveZIndex,Q.label=27;case 27:return T<U.length?(_=U[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=ae(n)?n.start:n;s===0?r.ctx.moveTo(a.x,a.y):r.ctx.lineTo(a.x,a.y),ae(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 MA(this,function(l){switch(l.label){case 0:r=t.styles.backgroundImage.length-1,n=function(f){var h,d,C,eA,fA,mA,q,rA,P,p,eA,fA,mA,q,rA,T,U,_,Q,D,k,x,m,H,P,M,eA,cA,lA,q,rA,uA,fA,mA,PA,FA,VA,vA,jA,S,v,J;return MA(this,function(j){switch(j.label){case 0:if(f.type!==0)return[3,5];h=void 0,d=f.url,j.label=1;case 1:return j.trys.push([1,3,,4]),[4,s.context.cache.match(d)];case 2:return h=j.sent(),[3,4];case 3:return j.sent(),s.context.logger.error("Error loading background-image "+d),[3,4];case 4:return h&&(C=di(t,r,[h.width,h.height,h.width/h.height]),eA=C[0],fA=C[1],mA=C[2],q=C[3],rA=C[4],P=s.ctx.createPattern(s.resizeImage(h,q,rA),"repeat"),s.renderRepeat(eA,P,fA,mA)),[3,6];case 5:C1(f)?(p=di(t,r,[null,null,null]),eA=p[0],fA=p[1],mA=p[2],q=p[3],rA=p[4],T=B1(f.angle,q,rA),U=T[0],_=T[1],Q=T[2],D=T[3],k=T[4],x=document.createElement("canvas"),x.width=q,x.height=rA,m=x.getContext("2d"),H=m.createLinearGradient(_,D,Q,k),Lc(f.stops,U).forEach(function(LA){return H.addColorStop(LA.stop,SA(LA.color))}),m.fillStyle=H,m.fillRect(0,0,q,rA),q>0&&rA>0&&(P=s.ctx.createPattern(x,"repeat"),s.renderRepeat(eA,P,fA,mA))):w1(f)&&(M=di(t,r,[null,null,null]),eA=M[0],cA=M[1],lA=M[2],q=M[3],rA=M[4],uA=f.position.length===0?[ka]:f.position,fA=oA(uA[0],q),mA=oA(uA[uA.length-1],rA),PA=g1(f,fA,mA,q,rA),FA=PA[0],VA=PA[1],FA>0&&VA>0&&(vA=s.ctx.createRadialGradient(cA+fA,lA+mA,0,cA+fA,lA+mA,FA),Lc(f.stops,FA*2).forEach(function(LA){return vA.addColorStop(LA.stop,SA(LA.color))}),s.path(eA),s.ctx.fillStyle=vA,FA!==VA?(jA=t.bounds.left+.5*t.bounds.width,S=t.bounds.top+.5*t.bounds.height,v=VA/FA,J=1/v,s.ctx.save(),s.ctx.translate(jA,S),s.ctx.transform(1,0,0,v,0,0),s.ctx.translate(-jA,-S),s.ctx.fillRect(cA,J*(lA-S)+S,q,rA*J),s.ctx.restore()):s.ctx.fill())),j.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 MA(this,function(s){return this.path(Kl(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 MA(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=Ub(s,n),this.path(a),this.ctx.fillStyle=SA(t),this.ctx.fill(),u=Qb(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 MA(this,function(d){switch(d.label){case 0:return this.applyEffects(t.getEffects(2)),r=t.container.styles,n=!Xe(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=Db(Ot(r.backgroundClip,0),t.curves),n||r.boxShadow.length?(this.ctx.save(),this.path(a),this.ctx.clip(),Xe(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=ts(t.curves),T=C.inset?0:Lb,U=Tb(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(U)):(h.mask(p),h.ctx.clip(),h.path(U)),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&&!Xe(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,U,_,Q,D,k,x,m,x,m;return MA(this,function(H){return this.ctx.save(),u=Fb(s,n),o=Kl(s,n),a===2&&(this.path(o),this.ctx.clip()),ae(o[0])?(l=o[0].start.x,f=o[0].start.y):(l=o[0].x,f=o[0].y),ae(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),U=!0,C<=p*2?U=!1:C<=p*2+T?(_=C/(2*p+T),p*=_,T*=_):(Q=Math.floor((C+T)/(p+T)),D=(C-Q*p)/(Q-1),k=(C-(Q+1)*p)/Q,T=k<=0||Math.abs(T-D)<Math.abs(T-k)?D:k),U&&(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&&(ae(o[0])&&(x=o[3],m=o[0],this.ctx.beginPath(),this.formatPath([new O(x.end.x,x.end.y),new O(m.start.x,m.start.y)]),this.ctx.stroke()),ae(o[1])&&(x=o[1],m=o[2],this.ctx.beginPath(),this.formatPath([new O(x.end.x,x.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 MA(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=bb(t),[4,this.renderStack(r)];case 1:return n.sent(),this.applyEffects([]),[2,this.canvas]}})})},e}(Yl),Hb=function(A){return A instanceof Bl||A instanceof dl?!0:A instanceof ri&&A.type!==jn&&A.type!==qn},Db=function(A,e){switch(A){case 0:return ts(e);case 2:return Eb(e);case 1:default:return rs(e)}},Ob=function(A){switch(A){case 1:return"center";case 2:return"right";case 0:default:return"left"}},Rb=["-apple-system","system-ui"],Mb=function(A){return/iPhone OS 15_(0|1)/.test(window.navigator.userAgent)?A.filter(function(e){return Rb.indexOf(e)===-1}):A},kb=function(A){fe(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 MA(this,function(s){switch(s.label){case 0:return r=Ai(this.options.width*this.options.scale,this.options.height*this.options.scale,this.options.scale,this.options.scale,t),[4,Pb(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}(Yl),Pb=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))})},Kb=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,Bn([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,Bn([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,Bn([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,Bn([this.id,this.getTime()+"ms"],e)):this.info.apply(this,e))},A.instances={},A}(),Vb=function(){function A(e,t){var r;this.windowBounds=t,this.instanceName="#"+A.instanceCount++,this.logger=new Kb({id:this.instanceName,enabled:e.logging}),this.cache=(r=e.cache)!==null&&r!==void 0?r:new ob(this,e)}return A.instanceCount=1,A}(),Gb=function(A,e){return e===void 0&&(e={}),Yb(A,e)};typeof window<"u"&&Dl.setContext(window);var Yb=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,U,_,Q,D,k,x,H,m,H,P,M,eA,cA,lA,q,rA,uA,fA,mA,PA,FA,VA,vA,jA,S,v;return MA(this,function(J){switch(J.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:(P=e.allowTaint)!==null&&P!==void 0?P:!1,imageTimeout:(M=e.imageTimeout)!==null&&M!==void 0?M:15e3,proxy:e.proxy,useCORS:(eA=e.useCORS)!==null&&eA!==void 0?eA:!1},s=pa({logging:(cA=e.logging)!==null&&cA!==void 0?cA:!0,cache:e.cache},n),a={windowWidth:(lA=e.windowWidth)!==null&&lA!==void 0?lA:r.innerWidth,windowHeight:(q=e.windowHeight)!==null&&q!==void 0?q: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 Fe(a.scrollX,a.scrollY,a.windowWidth,a.windowHeight),o=new Vb(s,u),l=(fA=e.foreignObjectRendering)!==null&&fA!==void 0?fA:!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 xl(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=J.sent(),p=si(d)||XT(d)?Tp(d.ownerDocument):gn(o,d),T=p.width,U=p.height,_=p.left,Q=p.top,D=Xb(o,d,e.backgroundColor),k={canvas:e.canvas,backgroundColor:D,scale:(FA=(PA=e.scale)!==null&&PA!==void 0?PA:r.devicePixelRatio)!==null&&FA!==void 0?FA:1,x:((VA=e.x)!==null&&VA!==void 0?VA:0)+_,y:((vA=e.y)!==null&&vA!==void 0?vA:0)+Q,width:(jA=e.width)!==null&&jA!==void 0?jA:Math.ceil(T),height:(S=e.height)!==null&&S!==void 0?S:Math.ceil(U)},l?(o.logger.debug("Document cloned, using foreign object rendering"),H=new kb(o,k),[4,H.render(d)]):[3,3];case 2:return x=J.sent(),[3,5];case 3:return o.logger.debug("Document cloned, element located at "+_+","+Q+" with size "+T+"x"+U+" using computed rendering"),o.logger.debug("Starting DOM parsing"),m=ml(o,d),D===m.styles.backgroundColor&&(m.styles.backgroundColor=_e.TRANSPARENT),o.logger.debug("Starting renderer for element at "+k.x+","+k.y+" with size "+k.width+"x"+k.height),H=new xb(o,k),[4,H.render(m)];case 4:x=J.sent(),J.label=5;case 5:return(!((v=e.removeContainer)!==null&&v!==void 0)||v)&&(xl.destroy(C)||o.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")),o.logger.debug("Finished rendering"),[2,x]}})})},Xb=function(A,e,t){var r=e.ownerDocument,n=r.documentElement?Qr(A,getComputedStyle(r.documentElement).backgroundColor):_e.TRANSPARENT,s=r.body?Qr(A,getComputedStyle(r.body).backgroundColor):_e.TRANSPARENT,a=typeof t=="string"?Qr(A,t):t===null?_e.TRANSPARENT:4294967295;return e===r.documentElement?Xe(n)?Xe(s)?a:s:n:a};const Wb=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 Gb(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 Jb(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 Xl=Oe(Wb,[["render",Jb],["__scopeId","data-v-27037f5b"]]),qb={class:"flex gp-dsigner"},jb={key:0,class:"flex items-center justify-between border-b"},$b={class:"text-lg font-bold p-2"},Zb={class:"text-sm font-thin text-gray-500"},zb={class:"flex-1 overflow-auto"},AU={key:0,class:"flex justify-between items-center border-b p-2"},eU={class:"flex items-center"},tU={class:"p-2"},rU={class:"sticky top-0"},nU={key:0,class:"text-lg font-bold border-b p-2"},sU={class:"text-sm font-thin text-gray-500"},aU={class:"p-2"},Wl=Oe(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.rules||[]),a=c.ref(r.template),u=c.ref();let o=oo("",{},!1);const l=c.ref("");c.watch(()=>r.template,I=>{a.value=I},{immediate:!0}),c.watch(()=>a.value,I=>{I&&(u.value=lA(I))},{immediate:!0}),c.watch(()=>r.css,I=>{I.forEach(L=>{if(document.querySelector(`link[href="${L}"]`))return;const K=document.createElement("link");K.rel="stylesheet",K.href=L,document.head.appendChild(K)})},{immediate:!0}),c.watch(()=>r.js,I=>{!I||I.length===0||I.forEach(L=>{if(document.querySelector(`script[src="${L}"]`))return;const K=document.createElement("script");K.src=L,document.body.appendChild(K)})},{immediate:!0});const f=c.ref(r.mode);c.watch(()=>u.value,I=>{I&&n("update:element",I)},{immediate:!0});const h=c.ref("");c.watch(()=>l.value,I=>{n("update:modelValue",I)},{immediate:!0});const d=c.ref(),C=c.ref(),p=c.ref(),T=c.ref(),U=c.ref(),_=c.ref(),Q=c.ref(""),D=c.ref(r.mode==="design");c.watch(()=>r.rules,I=>{s.value=I,a.value&&(u.value=lA(a.value))},{immediate:!0});function k(I=void 0){T.value&&T.value.generateCover(I)}function x(I){U.value=I}function m(I,L=""){if(L){const K=H(u.value,L);K?_.value=K:_.value=I}else _.value=I}function H(I,L){if(I.xpath===L)return I;if(I.children&&I.children.length)for(const K of I.children){const V=H(K,L);if(V)return V}}function P(I,L){var K,V;return I.tag===L.tag&&((K=I.children)==null?void 0:K.length)===((V=L.children)==null?void 0:V.length)}function M(I){if(U.value.xpath==I.xpath){if(U.value){if(I.type===W.Block){var L=!0;const K=H(u.value,U.value.parentxpath||"");if(K&&K.children&&K.children.forEach(V=>{if(V.tag!=U.value.tag||!P(V,U.value)){L=!1;return}}),!L){$.error("同级结构不一致，错误配置！");return}}if(U.value.rule=I.rule,U.value.type=I.type,U.value.type===W.Block){const K=H(u.value,U.value.parentxpath||"");K&&K.children&&(K.children.forEach(V=>{if(V.tag!=U.value.tag||!P(V,U.value)){$.error("同级结构不一致，无法配置为块类型");return}}),K.children.forEach(V=>{V.tag===U.value.tag&&(V.rule=I.rule,V.type=I.type)}))}}h.value=new Date().getTime().toString(),$.success("保存成功"),n("update:element",u.value)}}function eA(I){const L=H(u.value,I.xpath||"");L&&(L.rule=I.rule,L.type=I.type,L.children&&I.children&&L.children.forEach(K=>{const V=I.children.find(wA=>wA.xpath===K.xpath);V&&(K.rule=V.rule,K.type=V.type)})),$.success("操作成功"),h.value=new Date().getTime().toString(),n("update:element",u.value)}function cA(I){l.value=I}function lA(I){o=oo(I);const L=o("body").children().toArray().map(K=>q(o(K)));return l.value=o("body").html()||"",L[0]}function q(I,L=""){var ue;function K(Ae){if(!Ae||!Ae[0])return"";const $A=[];let lt=Ae;for(;lt.length&&lt[0].tagName!=="html";){const Jl=lt[0].tagName,uU=lt.parent().children(Jl).index(lt)+1;$A.unshift(`${Jl}[${uU}]`),lt=lt.parent()}return"/html/"+$A.join("/")}const V=K(I).replace("/html/body[1]",""),wA=I.children().toArray().map(Ae=>q(o(Ae),V)),xA=(ue=s.value)==null?void 0:ue.find(Ae=>Ae.xpath===V);return{tag:I[0].tagName,text:I.contents().not(I.children()).text().trim(),attrs:I[0].attribs,children:wA,xpath:V,parentxpath:L,type:(xA==null?void 0:xA.type)||W.None,rule:(xA==null?void 0:xA.rule)||{}}}function rA(I){console.log("更新子节点的文本",I);const L=H(u.value,I.element.xpath);if(L){const K=c.toRaw(L);K.editText=I.newText}}function uA(I,L=""){function K(V,wA){var Ae;const ue=(wA?((Ae=H(u.value,wA))==null?void 0:Ae.children)||[]:[u.value]).filter($A=>$A.tag===V.tag).indexOf(V)+1;return`${wA}/${V.tag}[${ue}]`}I.xpath=K(I,L),I.parentxpath=L,(I.children||[]).forEach(V=>uA(V,I.xpath))}function fA({action:I,element:L,newBlock:K}){const V=H(u.value,L.parentxpath||"");if(!V||!V.children)return;const wA=V.children.findIndex($A=>$A===L);if(wA===-1){$.error("未找到元素");return}const xA=V.children.length,{minBlock:ue,maxBlock:Ae}=L.rule;if((I==="add"||I==="copy")&&xA>=(Ae||1/0)){Q.value=`无法添加更多块。最大块数量为 ${Ae}`,$.error(Q.value);return}switch(I){case"add":if(K){const $A={...K,xpath:"",children:JSON.parse(JSON.stringify(K.children))};V.children.splice(wA+1,0,$A),$.success("添加成功")}break;case"copy":if(K){const $A={...K,xpath:"",children:JSON.parse(JSON.stringify(K.children))};V.children.splice(wA+1,0,$A),$.success("复制成功")}break;case"moveUp":if(wA>0){const[$A]=V.children.splice(wA,1);V.children.splice(wA-1,0,$A),$.success("前移成功")}else $.error("已经是第一个块，无法前移");break;case"moveDown":if(wA<V.children.length-1){const[$A]=V.children.splice(wA,1);V.children.splice(wA+1,0,$A),$.success("后移成功")}else $.error("已经是最后一个块，无法后移");break;case"delete":if(xA<=(ue||0)){Q.value=`无法删除更多块。最小块数量为 ${ue}`,$.error(Q.value);return}V.children.splice(wA,1),$.success("删除成功");break}Q.value="",uA(u.value)}function mA(I,L){let K=L.attrs.class.replace(/icon-\S+/g,`icon-${I}`);L.attrs.class=K}function PA(I){const L=I.file,K=H(u.value,I.element.xpath);if(r.uploadByFile)r.uploadByFile(L).then(V=>{V.success&&(K.attrs.src=V.file.url,h.value=new Date().getTime().toString())});else{K.attrs.alt=L.name;const V=URL.createObjectURL(L);K.attrs.src=V,h.value=new Date().getTime().toString()}}function FA(I){const{icon:L}=I,K=H(u.value,I.element.xpath);let V=K.attrs.class.replace(/icon-\S+/g,`icon-${L}`);K.attrs.class=V,h.value=new Date().getTime().toString()}const VA=I=>I.type.startsWith("image/")?!0:($.error("只能上传图片文件"),!1),vA=c.ref({});function jA(I,L){if(!I||I.length===0)return;const K=I[0];if(L.rule&&(L.rule.minImageWidth||L.rule.maxImageHeight)){if(L.rule.minImageWidth&&K.width<L.rule.minImageWidth){$.error(`图片宽度不能小于 ${L.rule.minImageWidth}px`);return}if(L.rule.maxImageHeight&&K.height<L.rule.maxImageHeight){$.error(`图片高度不能小于 ${L.rule.maxImageHeight}px`);return}}L.rule.minImageWidth&&L.rule.maxImageHeight?(vA.value.width=L.rule.minImageWidth,vA.value.height=L.rule.maxImageHeight,vA.value.aspectRatio=L.rule.minImageWidth/L.rule.maxImageHeight):vA.value={},K&&(L.rule.crop?(K.thumbUrl,d.value.handleOpenCropper(vA.value,K.file,K.name,L)):r.uploadByFile?r.uploadByFile(K.file).then(V=>{V.success&&(L.attrs.src=V.file.url,h.value=new Date().getTime().toString())}):(L.attrs.src=K.thumbUrl,h.value=new Date().getTime().toString()))}const S=c.ref(r.previewWidth),v=c.ref(360);let J=c.ref(!1),j=c.ref(""),LA=0,Te=0;function vr(I){j.value=I,J.value=!0,LA=event.clientX,I==="preview"?Te=S.value:I==="structure"&&(Te=v.value),window.addEventListener("mousemove",Lr),window.addEventListener("mouseup",xr)}function Lr(I){if(!J.value)return;const L=I.clientX-LA;j.value==="preview"?S.value=Math.max(200,Te+L):j.value==="structure"&&(v.value=Math.max(200,Te-L))}function xr(){J.value=!1,j.value="",window.removeEventListener("mousemove",Lr),window.removeEventListener("mouseup",xr)}return e({generateCover:k}),(I,L)=>(c.openBlock(),c.createElementBlock("div",qb,[I.preview?(c.openBlock(),c.createElementBlock("div",{key:0,class:"border-l overflow-auto resize-area",style:c.normalizeStyle({width:S.value+"px"})},[I.showTitle?(c.openBlock(),c.createElementBlock("div",jb,[c.createElementVNode("h2",$b,[L[4]||(L[4]=c.createTextVNode(" 实时预览 ")),c.createElementVNode("span",Zb,c.toDisplayString(S.value)+"px",1)]),c.createElementVNode("div",{onClick:L[0]||(L[0]=()=>k()),class:"p-2 cursor-pointer text-blue-500"}," 封面 ")])):c.createCommentVNode("",!0),c.createElementVNode("div",null,[l.value?(c.openBlock(),c.createBlock(Xl,{key:0,"css-files":I.css,"js-files":I.js,"html-content":l.value,class:"gp-designer-preview",ref_key:"previewRef",ref:T},null,8,["css-files","js-files","html-content"])):(c.openBlock(),c.createBlock(Xl,{key:1,"css-files":I.css,"js-files":I.js,"html-content":c.unref(o)("body").html(),class:"gp-designer-preview",ref_key:"previewRef",ref:T},null,8,["css-files","js-files","html-content"]))])],4)):c.createCommentVNode("",!0),I.preview?(c.openBlock(),c.createElementBlock("div",{key:1,class:"resizer",onMousedown:L[1]||(L[1]=K=>vr("preview"))},null,32)):c.createCommentVNode("",!0),c.createElementVNode("div",zb,[I.showTitle?(c.openBlock(),c.createElementBlock("div",AU,[L[6]||(L[6]=c.createElementVNode("h2",{class:"text-lg font-bold"},"结构渲染",-1)),c.createElementVNode("div",eU,[c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":L[2]||(L[2]=K=>D.value=K),type:"checkbox",id:"showMargin",class:"mr-2"},null,512),[[c.vModelCheckbox,D.value]]),L[5]||(L[5]=c.createElementVNode("label",{for:"showMargin"},"间距",-1))])])):c.createCommentVNode("",!0),c.createElementVNode("div",tU,[u.value?(c.openBlock(),c.createBlock(CE,{key:0,"upload-by-file":I.uploadByFile,cropper:d.value,icon:C.value,upload:p.value,mode:I.mode,icons:I.icons,r:h.value,"show-margin":D.value,element:u.value,selectedElement:U.value,hoveredElement:_.value,onSelectElement:x,onHoverElement:m,onContentUpdated:cA,onUpdateText:rA,onBlockAction:fA,onAddIcon:mA,onUpdateElementRule:eA},null,8,["upload-by-file","cropper","icon","upload","mode","icons","r","show-margin","element","selectedElement","hoveredElement"])):c.createCommentVNode("",!0)])]),f.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:2,class:"resizer",onMousedown:L[3]||(L[3]=K=>vr("structure"))},null,32)):c.createCommentVNode("",!0),f.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:3,class:"resize-area",style:c.normalizeStyle({width:v.value+"px"})},[c.createElementVNode("div",rU,[I.showTitle?(c.openBlock(),c.createElementBlock("h2",nU,[L[7]||(L[7]=c.createTextVNode(" 节点属性 ")),c.createElementVNode("span",sU,c.toDisplayString(v.value)+"px",1)])):c.createCommentVNode("",!0),c.createElementVNode("div",aU,[U.value?(c.openBlock(),c.createBlock(YE,{key:0,element:U.value,onUpdateElement:M},null,8,["element"])):c.createCommentVNode("",!0)])])],4)):c.createCommentVNode("",!0),c.createVNode(ep,{ref_key:"cropperRef",ref:d,onOk:PA},null,512),c.createVNode(fp,{icons:I.icons,ref_key:"iconRef",ref:C,onOk:FA},null,8,["icons"]),c.createVNode(wp,{ref_key:"uploadRef",ref:p,multiple:!1,show:!1,beforeUpload:VA,onChange:jA},{"upload-icon":c.withCtx(()=>L[8]||(L[8]=[c.createElementVNode("div",{class:"p-2"},"上传",-1)])),_:1},512)]))}}),[["__scopeId","data-v-2f97c665"]]),iU={install(A){A.component("Designer",Wl)}};Ne.Designer=Wl,Ne.default=iU,Object.defineProperties(Ne,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+         .`+ci+ab+Hl)},ub=function(A,e){var t=A.ownerDocument;if(t){var r=t.createElement("style");r.textContent=e,A.appendChild(r)}},Dl=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}(),ob=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)||(fi(e)||hb(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 MA(this,function(u){switch(u.label){case 0:return t=Dl.isSameOrigin(e),r=!li(e)&&this._options.useCORS===!0&&OA.SUPPORT_CORS_IMAGES&&!t,n=!li(e)&&!t&&!fi(e)&&typeof this._options.proxy=="string"&&OA.SUPPORT_CORS_XHR&&!r,!t&&this._options.allowTaint===!1&&!li(e)&&!fi(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,(db(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=OA.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}(),cb=/^data:image\/svg\+xml/i,lb=/^data:image\/.*;base64,/i,fb=/^data:image\/.*/i,hb=function(A){return OA.SUPPORT_SVG_DRAWING||!Bb(A)},li=function(A){return fb.test(A)},db=function(A){return lb.test(A)},fi=function(A){return A.substr(0,4)==="blob"},Bb=function(A){return A.substr(-3).toLowerCase()==="svg"||cb.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}(),Ht=function(A,e,t){return new O(A.x+(e.x-A.x)*t,A.y+(e.y-A.y)*t)},es=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=Ht(this.start,this.startControl,e),n=Ht(this.startControl,this.endControl,e),s=Ht(this.endControl,this.end,e),a=Ht(r,n,e),u=Ht(n,s,e),o=Ht(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}(),ae=function(A){return A.type===1},gb=function(){function A(e){var t=e.styles,r=e.bounds,n=Ur(t.borderTopLeftRadius,r.width,r.height),s=n[0],a=n[1],u=Ur(t.borderTopRightRadius,r.width,r.height),o=u[0],l=u[1],f=Ur(t.borderBottomRightRadius,r.width,r.height),h=f[0],d=f[1],C=Ur(t.borderBottomLeftRadius,r.width,r.height),p=C[0],T=C[1],U=[];U.push((s+o)/r.width),U.push((p+h)/r.width),U.push((a+T)/r.height),U.push((l+d)/r.height);var _=Math.max.apply(Math,U);_>1&&(s/=_,a/=_,o/=_,l/=_,h/=_,d/=_,p/=_,T/=_);var Q=r.width-o,D=r.height-d,k=r.width-h,x=r.height-T,m=t.borderTopWidth,H=t.borderRightWidth,P=t.borderBottomWidth,M=t.borderLeftWidth,eA=oA(t.paddingTop,e.bounds.width),cA=oA(t.paddingRight,e.bounds.width),lA=oA(t.paddingBottom,e.bounds.width),q=oA(t.paddingLeft,e.bounds.width);this.topLeftBorderDoubleOuterBox=s>0||a>0?gA(r.left+M/3,r.top+m/3,s-M/3,a-m/3,sA.TOP_LEFT):new O(r.left+M/3,r.top+m/3),this.topRightBorderDoubleOuterBox=s>0||a>0?gA(r.left+Q,r.top+m/3,o-H/3,l-m/3,sA.TOP_RIGHT):new O(r.left+r.width-H/3,r.top+m/3),this.bottomRightBorderDoubleOuterBox=h>0||d>0?gA(r.left+k,r.top+D,h-H/3,d-P/3,sA.BOTTOM_RIGHT):new O(r.left+r.width-H/3,r.top+r.height-P/3),this.bottomLeftBorderDoubleOuterBox=p>0||T>0?gA(r.left+M/3,r.top+x,p-M/3,T-P/3,sA.BOTTOM_LEFT):new O(r.left+M/3,r.top+r.height-P/3),this.topLeftBorderDoubleInnerBox=s>0||a>0?gA(r.left+M*2/3,r.top+m*2/3,s-M*2/3,a-m*2/3,sA.TOP_LEFT):new O(r.left+M*2/3,r.top+m*2/3),this.topRightBorderDoubleInnerBox=s>0||a>0?gA(r.left+Q,r.top+m*2/3,o-H*2/3,l-m*2/3,sA.TOP_RIGHT):new O(r.left+r.width-H*2/3,r.top+m*2/3),this.bottomRightBorderDoubleInnerBox=h>0||d>0?gA(r.left+k,r.top+D,h-H*2/3,d-P*2/3,sA.BOTTOM_RIGHT):new O(r.left+r.width-H*2/3,r.top+r.height-P*2/3),this.bottomLeftBorderDoubleInnerBox=p>0||T>0?gA(r.left+M*2/3,r.top+x,p-M*2/3,T-P*2/3,sA.BOTTOM_LEFT):new O(r.left+M*2/3,r.top+r.height-P*2/3),this.topLeftBorderStroke=s>0||a>0?gA(r.left+M/2,r.top+m/2,s-M/2,a-m/2,sA.TOP_LEFT):new O(r.left+M/2,r.top+m/2),this.topRightBorderStroke=s>0||a>0?gA(r.left+Q,r.top+m/2,o-H/2,l-m/2,sA.TOP_RIGHT):new O(r.left+r.width-H/2,r.top+m/2),this.bottomRightBorderStroke=h>0||d>0?gA(r.left+k,r.top+D,h-H/2,d-P/2,sA.BOTTOM_RIGHT):new O(r.left+r.width-H/2,r.top+r.height-P/2),this.bottomLeftBorderStroke=p>0||T>0?gA(r.left+M/2,r.top+x,p-M/2,T-P/2,sA.BOTTOM_LEFT):new O(r.left+M/2,r.top+r.height-P/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+k,r.top+D,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+x,p,T,sA.BOTTOM_LEFT):new O(r.left,r.top+r.height),this.topLeftPaddingBox=s>0||a>0?gA(r.left+M,r.top+m,Math.max(0,s-M),Math.max(0,a-m),sA.TOP_LEFT):new O(r.left+M,r.top+m),this.topRightPaddingBox=o>0||l>0?gA(r.left+Math.min(Q,r.width-H),r.top+m,Q>r.width+H?0:Math.max(0,o-H),Math.max(0,l-m),sA.TOP_RIGHT):new O(r.left+r.width-H,r.top+m),this.bottomRightPaddingBox=h>0||d>0?gA(r.left+Math.min(k,r.width-M),r.top+Math.min(D,r.height-P),Math.max(0,h-H),Math.max(0,d-P),sA.BOTTOM_RIGHT):new O(r.left+r.width-H,r.top+r.height-P),this.bottomLeftPaddingBox=p>0||T>0?gA(r.left+M,r.top+Math.min(x,r.height-P),Math.max(0,p-M),Math.max(0,T-P),sA.BOTTOM_LEFT):new O(r.left+M,r.top+r.height-P),this.topLeftContentBox=s>0||a>0?gA(r.left+M+q,r.top+m+eA,Math.max(0,s-(M+q)),Math.max(0,a-(m+eA)),sA.TOP_LEFT):new O(r.left+M+q,r.top+m+eA),this.topRightContentBox=o>0||l>0?gA(r.left+Math.min(Q,r.width+M+q),r.top+m+eA,Q>r.width+M+q?0:o-M+q,l-(m+eA),sA.TOP_RIGHT):new O(r.left+r.width-(H+cA),r.top+m+eA),this.bottomRightContentBox=h>0||d>0?gA(r.left+Math.min(k,r.width-(M+q)),r.top+Math.min(D,r.height+m+eA),Math.max(0,h-(H+cA)),d-(P+lA),sA.BOTTOM_RIGHT):new O(r.left+r.width-(H+cA),r.top+r.height-(P+lA)),this.bottomLeftContentBox=p>0||T>0?gA(r.left+M+q,r.top+x,Math.max(0,p-(M+q)),T-(P+lA),sA.BOTTOM_LEFT):new O(r.left+M+q,r.top+r.height-(P+lA))}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 es(new O(A,l),new O(A,l-u),new O(o-a,e),new O(o,e));case sA.TOP_RIGHT:return new es(new O(A,e),new O(A+a,e),new O(o,l-u),new O(o,l));case sA.BOTTOM_RIGHT:return new es(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 es(new O(o,l),new O(o-a,l),new O(A,e+u),new O(A,e))}},ts=function(A){return[A.topLeftBorderBox,A.topRightBorderBox,A.bottomRightBorderBox,A.bottomLeftBorderBox]},Eb=function(A){return[A.topLeftContentBox,A.topRightContentBox,A.bottomRightContentBox,A.bottomLeftContentBox]},rs=function(A){return[A.topLeftPaddingBox,A.topRightPaddingBox,A.bottomRightPaddingBox,A.bottomLeftPaddingBox]},mb=function(){function A(e,t,r){this.offsetX=e,this.offsetY=t,this.matrix=r,this.type=0,this.target=6}return A}(),ns=function(){function A(e,t){this.path=e,this.target=t,this.type=1}return A}(),pb=function(){function A(e){this.opacity=e,this.type=2,this.target=6}return A}(),Cb=function(A){return A.type===0},Ol=function(A){return A.type===1},wb=function(A){return A.type===2},Rl=function(A,e){return A.length===e.length?A.some(function(t,r){return t===e[r]}):!1},Tb=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})},Ml=function(){function A(e){this.element=e,this.inlineLevel=[],this.nonInlineLevel=[],this.negativeZIndex=[],this.zeroOrAutoZIndexOrTransformedOrOpacity=[],this.positiveZIndex=[],this.nonPositionedFloats=[],this.nonPositionedInlineLevel=[]}return A}(),kl=function(){function A(e,t){if(this.container=e,this.parent=t,this.effects=[],this.curves=new gb(this.container),this.container.styles.opacity<1&&this.effects.push(new pb(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 mb(r,n,s))}if(this.container.styles.overflowX!==0){var a=ts(this.curves),u=rs(this.curves);Rl(a,u)?this.effects.push(new ns(a,6)):(this.effects.push(new ns(a,2)),this.effects.push(new ns(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!Ol(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=ts(r.curves),u=rs(r.curves);Rl(a,u)||n.unshift(new ns(u,6))}}else n.unshift.apply(n,s);r=r.parent}return n.filter(function(o){return QA(o.target,e)})},A}(),hi=function(A,e,t,r){A.container.elements.forEach(function(n){var s=QA(n.flags,4),a=QA(n.flags,2),u=new kl(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 Ml(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);hi(u,f,s?f:t,o)}else n.styles.isInlineLevel()?e.inlineLevel.push(u):e.nonInlineLevel.push(u),hi(u,e,t,o);QA(n.flags,8)&&Pl(n,o)})},Pl=function(A,e){for(var t=A instanceof ti?A.start:1,r=A instanceof ti?A.reversed:!1,n=0;n<e.length;n++){var s=e[n];s.container instanceof fl&&typeof s.container.value=="number"&&s.container.value!==0&&(t=s.container.value),s.listValue=Nr(t,s.container.styles.listStyleType,!0),t+=r?-1:1}},bb=function(A){var e=new kl(A,null),t=new Ml(e),r=[];return hi(e,t,t,r),Pl(e.container,r),t},Kl=function(A,e){switch(e){case 0:return ie(A.topLeftBorderBox,A.topLeftPaddingBox,A.topRightBorderBox,A.topRightPaddingBox);case 1:return ie(A.topRightBorderBox,A.topRightPaddingBox,A.bottomRightBorderBox,A.bottomRightPaddingBox);case 2:return ie(A.bottomRightBorderBox,A.bottomRightPaddingBox,A.bottomLeftBorderBox,A.bottomLeftPaddingBox);case 3:default:return ie(A.bottomLeftBorderBox,A.bottomLeftPaddingBox,A.topLeftBorderBox,A.topLeftPaddingBox)}},Ub=function(A,e){switch(e){case 0:return ie(A.topLeftBorderBox,A.topLeftBorderDoubleOuterBox,A.topRightBorderBox,A.topRightBorderDoubleOuterBox);case 1:return ie(A.topRightBorderBox,A.topRightBorderDoubleOuterBox,A.bottomRightBorderBox,A.bottomRightBorderDoubleOuterBox);case 2:return ie(A.bottomRightBorderBox,A.bottomRightBorderDoubleOuterBox,A.bottomLeftBorderBox,A.bottomLeftBorderDoubleOuterBox);case 3:default:return ie(A.bottomLeftBorderBox,A.bottomLeftBorderDoubleOuterBox,A.topLeftBorderBox,A.topLeftBorderDoubleOuterBox)}},Qb=function(A,e){switch(e){case 0:return ie(A.topLeftBorderDoubleInnerBox,A.topLeftPaddingBox,A.topRightBorderDoubleInnerBox,A.topRightPaddingBox);case 1:return ie(A.topRightBorderDoubleInnerBox,A.topRightPaddingBox,A.bottomRightBorderDoubleInnerBox,A.bottomRightPaddingBox);case 2:return ie(A.bottomRightBorderDoubleInnerBox,A.bottomRightPaddingBox,A.bottomLeftBorderDoubleInnerBox,A.bottomLeftPaddingBox);case 3:default:return ie(A.bottomLeftBorderDoubleInnerBox,A.bottomLeftPaddingBox,A.topLeftBorderDoubleInnerBox,A.topLeftPaddingBox)}},Fb=function(A,e){switch(e){case 0:return ss(A.topLeftBorderStroke,A.topRightBorderStroke);case 1:return ss(A.topRightBorderStroke,A.bottomRightBorderStroke);case 2:return ss(A.bottomRightBorderStroke,A.bottomLeftBorderStroke);case 3:default:return ss(A.bottomLeftBorderStroke,A.topLeftBorderStroke)}},ss=function(A,e){var t=[];return ae(A)?t.push(A.subdivide(.5,!1)):t.push(A),ae(e)?t.push(e.subdivide(.5,!0)):t.push(e),t},ie=function(A,e,t,r){var n=[];return ae(A)?n.push(A.subdivide(.5,!1)):n.push(A),ae(t)?n.push(t.subdivide(.5,!0)):n.push(t),ae(r)?n.push(r.subdivide(.5,!0).reverse()):n.push(r),ae(e)?n.push(e.subdivide(.5,!1).reverse()):n.push(e),n},Vl=function(A){var e=A.bounds,t=A.styles;return e.add(t.borderLeftWidth,t.borderTopWidth,-(t.borderRightWidth+t.borderLeftWidth),-(t.borderTopWidth+t.borderBottomWidth))},as=function(A){var e=A.styles,t=A.bounds,r=oA(e.paddingLeft,t.width),n=oA(e.paddingRight,t.width),s=oA(e.paddingTop,t.width),a=oA(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))},Ib=function(A,e){return A===0?e.bounds:A===2?as(e):Vl(e)},_b=function(A,e){return A===0?e.bounds:A===2?as(e):Vl(e)},di=function(A,e,t){var r=Ib(Ot(A.styles.backgroundOrigin,e),A),n=_b(Ot(A.styles.backgroundClip,e),A),s=yb(Ot(A.styles.backgroundSize,e),t,r),a=s[0],u=s[1],o=Ur(Ot(A.styles.backgroundPosition,e),r.width-a,r.height-u),l=Nb(Ot(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]},Dt=function(A){return iA(A)&&A.value===St.AUTO},is=function(A){return typeof A=="number"},yb=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[oA(a,t.width),oA(u,t.height)];var o=is(s);if(iA(a)&&(a.value===St.CONTAIN||a.value===St.COVER)){if(is(s)){var l=t.width/t.height;return l<s!=(a.value===St.COVER)?[t.width,t.width/s]:[t.height*s,t.height]}return[t.width,t.height]}var f=is(r),h=is(n),d=f||h;if(Dt(a)&&(!u||Dt(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,U=h?n:t.height;return[T,U]}if(o){var _=0,Q=0;return bA(a)?_=oA(a,t.width):bA(u)&&(Q=oA(u,t.height)),Dt(a)?_=Q*s:(!u||Dt(u))&&(Q=_/s),[_,Q]}var D=null,k=null;if(bA(a)?D=oA(a,t.width):u&&bA(u)&&(k=oA(u,t.height)),D!==null&&(!u||Dt(u))&&(k=f&&h?D/r*n:t.height),k!==null&&Dt(a)&&(D=f&&h?k/n*r:t.width),D!==null&&k!==null)return[D,k];throw new Error("Unable to calculate background-size for element")},Ot=function(A,e){var t=A[e];return typeof t>"u"?A[0]:t},Nb=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))]}},Sb="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",Gl="Hidden Text",vb=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=Sb,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(Gl)),r.appendChild(s),r.appendChild(n);var u=n.offsetTop-s.offsetTop+2;r.removeChild(s),r.appendChild(this._document.createTextNode(Gl)),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}(),Yl=function(){function A(e,t){this.context=e,this.options=t}return A}(),Lb=1e4,xb=function(A){fe(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 vb(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(),wb(t)&&(this.ctx.globalAlpha=t.opacity),Cb(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)),Ol(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 MA(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 MA(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=ei(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=Mb(t.fontFamily).join(", "),s=br(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 MA(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 U=r.textShadow;U.length&&p.text.trim().length&&(U.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=as(t),a=rs(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,k,C,p,x,T,U,_,Q,D,k,x;return MA(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 ol))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 cl&&this.renderReplacedElement(r,n,r.canvas),!(r instanceof ll))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 gl&&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 ri&&(h=Math.min(r.bounds.width,r.bounds.height),r.type===qn?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(hl),this.ctx.fill(),this.ctx.restore()):r.type===jn&&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(hl),this.ctx.fill(),this.ctx.restore())),Hb(r)&&r.value.length){switch(d=this.createFontStyle(s),k=d[0],C=d[1],p=this.fontMetrics.getMetrics(k,C).baseline,this.ctx.font=k,this.ctx.fillStyle=SA(s.color),this.ctx.textBaseline="alphabetic",this.ctx.textAlign=Ob(r.styles.textAlign),x=as(r),T=0,r.styles.textAlign){case 1:T+=x.width/2;break;case 2:T+=x.width;break}U=x.add(T,0,0,-x.height/2+1),this.ctx.save(),this.path([new O(x.left,x.top),new O(x.left+x.width,x.top),new O(x.left+x.width,x.top+x.height),new O(x.left,x.top+x.height)]),this.ctx.clip(),this.renderTextWithLetterSpacing(new _r(r.value,U),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,D=_.url,m.label=15;case 15:return m.trys.push([15,17,,18]),[4,this.context.cache.match(D)];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 "+D),[3,18];case 18:return[3,20];case 19:t.listValue&&r.styles.listStyleType!==-1&&(k=this.createFontStyle(s)[0],this.ctx.font=k,this.ctx.fillStyle=SA(s.color),this.ctx.textBaseline="middle",this.ctx.textAlign="right",x=new Fe(r.bounds.left,r.bounds.top+oA(r.styles.paddingTop,r.bounds.width),r.bounds.width,Gc(s.lineHeight,s.fontSize.number)/2+1),this.renderTextWithLetterSpacing(new _r(t.listValue,x),s.letterSpacing,Gc(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,U,_;return MA(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,U=t.positiveZIndex,Q.label=27;case 27:return T<U.length?(_=U[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=ae(n)?n.start:n;s===0?r.ctx.moveTo(a.x,a.y):r.ctx.lineTo(a.x,a.y),ae(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 MA(this,function(l){switch(l.label){case 0:r=t.styles.backgroundImage.length-1,n=function(f){var h,d,C,eA,fA,mA,q,rA,P,p,eA,fA,mA,q,rA,T,U,_,Q,D,k,x,m,H,P,M,eA,cA,lA,q,rA,uA,fA,mA,PA,FA,VA,vA,jA,S,v,J;return MA(this,function(j){switch(j.label){case 0:if(f.type!==0)return[3,5];h=void 0,d=f.url,j.label=1;case 1:return j.trys.push([1,3,,4]),[4,s.context.cache.match(d)];case 2:return h=j.sent(),[3,4];case 3:return j.sent(),s.context.logger.error("Error loading background-image "+d),[3,4];case 4:return h&&(C=di(t,r,[h.width,h.height,h.width/h.height]),eA=C[0],fA=C[1],mA=C[2],q=C[3],rA=C[4],P=s.ctx.createPattern(s.resizeImage(h,q,rA),"repeat"),s.renderRepeat(eA,P,fA,mA)),[3,6];case 5:C1(f)?(p=di(t,r,[null,null,null]),eA=p[0],fA=p[1],mA=p[2],q=p[3],rA=p[4],T=B1(f.angle,q,rA),U=T[0],_=T[1],Q=T[2],D=T[3],k=T[4],x=document.createElement("canvas"),x.width=q,x.height=rA,m=x.getContext("2d"),H=m.createLinearGradient(_,D,Q,k),Lc(f.stops,U).forEach(function(LA){return H.addColorStop(LA.stop,SA(LA.color))}),m.fillStyle=H,m.fillRect(0,0,q,rA),q>0&&rA>0&&(P=s.ctx.createPattern(x,"repeat"),s.renderRepeat(eA,P,fA,mA))):w1(f)&&(M=di(t,r,[null,null,null]),eA=M[0],cA=M[1],lA=M[2],q=M[3],rA=M[4],uA=f.position.length===0?[ka]:f.position,fA=oA(uA[0],q),mA=oA(uA[uA.length-1],rA),PA=g1(f,fA,mA,q,rA),FA=PA[0],VA=PA[1],FA>0&&VA>0&&(vA=s.ctx.createRadialGradient(cA+fA,lA+mA,0,cA+fA,lA+mA,FA),Lc(f.stops,FA*2).forEach(function(LA){return vA.addColorStop(LA.stop,SA(LA.color))}),s.path(eA),s.ctx.fillStyle=vA,FA!==VA?(jA=t.bounds.left+.5*t.bounds.width,S=t.bounds.top+.5*t.bounds.height,v=VA/FA,J=1/v,s.ctx.save(),s.ctx.translate(jA,S),s.ctx.transform(1,0,0,v,0,0),s.ctx.translate(-jA,-S),s.ctx.fillRect(cA,J*(lA-S)+S,q,rA*J),s.ctx.restore()):s.ctx.fill())),j.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 MA(this,function(s){return this.path(Kl(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 MA(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=Ub(s,n),this.path(a),this.ctx.fillStyle=SA(t),this.ctx.fill(),u=Qb(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 MA(this,function(d){switch(d.label){case 0:return this.applyEffects(t.getEffects(2)),r=t.container.styles,n=!Xe(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=Db(Ot(r.backgroundClip,0),t.curves),n||r.boxShadow.length?(this.ctx.save(),this.path(a),this.ctx.clip(),Xe(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=ts(t.curves),T=C.inset?0:Lb,U=Tb(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(U)):(h.mask(p),h.ctx.clip(),h.path(U)),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&&!Xe(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,U,_,Q,D,k,x,m,x,m;return MA(this,function(H){return this.ctx.save(),u=Fb(s,n),o=Kl(s,n),a===2&&(this.path(o),this.ctx.clip()),ae(o[0])?(l=o[0].start.x,f=o[0].start.y):(l=o[0].x,f=o[0].y),ae(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),U=!0,C<=p*2?U=!1:C<=p*2+T?(_=C/(2*p+T),p*=_,T*=_):(Q=Math.floor((C+T)/(p+T)),D=(C-Q*p)/(Q-1),k=(C-(Q+1)*p)/Q,T=k<=0||Math.abs(T-D)<Math.abs(T-k)?D:k),U&&(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&&(ae(o[0])&&(x=o[3],m=o[0],this.ctx.beginPath(),this.formatPath([new O(x.end.x,x.end.y),new O(m.start.x,m.start.y)]),this.ctx.stroke()),ae(o[1])&&(x=o[1],m=o[2],this.ctx.beginPath(),this.formatPath([new O(x.end.x,x.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 MA(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=bb(t),[4,this.renderStack(r)];case 1:return n.sent(),this.applyEffects([]),[2,this.canvas]}})})},e}(Yl),Hb=function(A){return A instanceof Bl||A instanceof dl?!0:A instanceof ri&&A.type!==jn&&A.type!==qn},Db=function(A,e){switch(A){case 0:return ts(e);case 2:return Eb(e);case 1:default:return rs(e)}},Ob=function(A){switch(A){case 1:return"center";case 2:return"right";case 0:default:return"left"}},Rb=["-apple-system","system-ui"],Mb=function(A){return/iPhone OS 15_(0|1)/.test(window.navigator.userAgent)?A.filter(function(e){return Rb.indexOf(e)===-1}):A},kb=function(A){fe(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 MA(this,function(s){switch(s.label){case 0:return r=Ai(this.options.width*this.options.scale,this.options.height*this.options.scale,this.options.scale,this.options.scale,t),[4,Pb(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}(Yl),Pb=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))})},Kb=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,Bn([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,Bn([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,Bn([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,Bn([this.id,this.getTime()+"ms"],e)):this.info.apply(this,e))},A.instances={},A}(),Vb=function(){function A(e,t){var r;this.windowBounds=t,this.instanceName="#"+A.instanceCount++,this.logger=new Kb({id:this.instanceName,enabled:e.logging}),this.cache=(r=e.cache)!==null&&r!==void 0?r:new ob(this,e)}return A.instanceCount=1,A}(),Gb=function(A,e){return e===void 0&&(e={}),Yb(A,e)};typeof window<"u"&&Dl.setContext(window);var Yb=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,U,_,Q,D,k,x,H,m,H,P,M,eA,cA,lA,q,rA,uA,fA,mA,PA,FA,VA,vA,jA,S,v;return MA(this,function(J){switch(J.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:(P=e.allowTaint)!==null&&P!==void 0?P:!1,imageTimeout:(M=e.imageTimeout)!==null&&M!==void 0?M:15e3,proxy:e.proxy,useCORS:(eA=e.useCORS)!==null&&eA!==void 0?eA:!1},s=pa({logging:(cA=e.logging)!==null&&cA!==void 0?cA:!0,cache:e.cache},n),a={windowWidth:(lA=e.windowWidth)!==null&&lA!==void 0?lA:r.innerWidth,windowHeight:(q=e.windowHeight)!==null&&q!==void 0?q: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 Fe(a.scrollX,a.scrollY,a.windowWidth,a.windowHeight),o=new Vb(s,u),l=(fA=e.foreignObjectRendering)!==null&&fA!==void 0?fA:!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 xl(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=J.sent(),p=si(d)||XT(d)?Tp(d.ownerDocument):gn(o,d),T=p.width,U=p.height,_=p.left,Q=p.top,D=Xb(o,d,e.backgroundColor),k={canvas:e.canvas,backgroundColor:D,scale:(FA=(PA=e.scale)!==null&&PA!==void 0?PA:r.devicePixelRatio)!==null&&FA!==void 0?FA:1,x:((VA=e.x)!==null&&VA!==void 0?VA:0)+_,y:((vA=e.y)!==null&&vA!==void 0?vA:0)+Q,width:(jA=e.width)!==null&&jA!==void 0?jA:Math.ceil(T),height:(S=e.height)!==null&&S!==void 0?S:Math.ceil(U)},l?(o.logger.debug("Document cloned, using foreign object rendering"),H=new kb(o,k),[4,H.render(d)]):[3,3];case 2:return x=J.sent(),[3,5];case 3:return o.logger.debug("Document cloned, element located at "+_+","+Q+" with size "+T+"x"+U+" using computed rendering"),o.logger.debug("Starting DOM parsing"),m=ml(o,d),D===m.styles.backgroundColor&&(m.styles.backgroundColor=_e.TRANSPARENT),o.logger.debug("Starting renderer for element at "+k.x+","+k.y+" with size "+k.width+"x"+k.height),H=new xb(o,k),[4,H.render(m)];case 4:x=J.sent(),J.label=5;case 5:return(!((v=e.removeContainer)!==null&&v!==void 0)||v)&&(xl.destroy(C)||o.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")),o.logger.debug("Finished rendering"),[2,x]}})})},Xb=function(A,e,t){var r=e.ownerDocument,n=r.documentElement?Qr(A,getComputedStyle(r.documentElement).backgroundColor):_e.TRANSPARENT,s=r.body?Qr(A,getComputedStyle(r.body).backgroundColor):_e.TRANSPARENT,a=typeof t=="string"?Qr(A,t):t===null?_e.TRANSPARENT:4294967295;return e===r.documentElement?Xe(n)?Xe(s)?a:s:n:a};const Wb=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="/spa/topic/css/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 Gb(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 Jb(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 Xl=Oe(Wb,[["render",Jb],["__scopeId","data-v-607ae90c"]]),qb={class:"flex gp-dsigner"},jb={key:0,class:"flex items-center justify-between border-b"},$b={class:"text-lg font-bold p-2"},Zb={class:"text-sm font-thin text-gray-500"},zb={class:"flex-1 overflow-auto"},AU={key:0,class:"flex justify-between items-center border-b p-2"},eU={class:"flex items-center"},tU={class:"p-2"},rU={class:"sticky top-0"},nU={key:0,class:"text-lg font-bold border-b p-2"},sU={class:"text-sm font-thin text-gray-500"},aU={class:"p-2"},Wl=Oe(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.rules||[]),a=c.ref(r.template),u=c.ref();let o=oo("",{},!1);const l=c.ref("");c.watch(()=>r.template,I=>{a.value=I},{immediate:!0}),c.watch(()=>a.value,I=>{I&&(u.value=lA(I))},{immediate:!0}),c.watch(()=>r.css,I=>{I.forEach(L=>{if(document.querySelector(`link[href="${L}"]`))return;const K=document.createElement("link");K.rel="stylesheet",K.href=L,document.head.appendChild(K)})},{immediate:!0}),c.watch(()=>r.js,I=>{!I||I.length===0||I.forEach(L=>{if(document.querySelector(`script[src="${L}"]`))return;const K=document.createElement("script");K.src=L,document.body.appendChild(K)})},{immediate:!0});const f=c.ref(r.mode);c.watch(()=>u.value,I=>{I&&n("update:element",I)},{immediate:!0});const h=c.ref("");c.watch(()=>l.value,I=>{n("update:modelValue",I)},{immediate:!0});const d=c.ref(),C=c.ref(),p=c.ref(),T=c.ref(),U=c.ref(),_=c.ref(),Q=c.ref(""),D=c.ref(r.mode==="design");c.watch(()=>r.rules,I=>{s.value=I,a.value&&(u.value=lA(a.value))},{immediate:!0});function k(I=void 0){T.value&&T.value.generateCover(I)}function x(I){U.value=I}function m(I,L=""){if(L){const K=H(u.value,L);K?_.value=K:_.value=I}else _.value=I}function H(I,L){if(I.xpath===L)return I;if(I.children&&I.children.length)for(const K of I.children){const V=H(K,L);if(V)return V}}function P(I,L){var K,V;return I.tag===L.tag&&((K=I.children)==null?void 0:K.length)===((V=L.children)==null?void 0:V.length)}function M(I){if(U.value.xpath==I.xpath){if(U.value){if(I.type===W.Block){var L=!0;const K=H(u.value,U.value.parentxpath||"");if(K&&K.children&&K.children.forEach(V=>{if(V.tag!=U.value.tag||!P(V,U.value)){L=!1;return}}),!L){$.error("同级结构不一致，错误配置！");return}}if(U.value.rule=I.rule,U.value.type=I.type,U.value.type===W.Block){const K=H(u.value,U.value.parentxpath||"");K&&K.children&&(K.children.forEach(V=>{if(V.tag!=U.value.tag||!P(V,U.value)){$.error("同级结构不一致，无法配置为块类型");return}}),K.children.forEach(V=>{V.tag===U.value.tag&&(V.rule=I.rule,V.type=I.type)}))}}h.value=new Date().getTime().toString(),$.success("保存成功"),n("update:element",u.value)}}function eA(I){const L=H(u.value,I.xpath||"");L&&(L.rule=I.rule,L.type=I.type,L.children&&I.children&&L.children.forEach(K=>{const V=I.children.find(wA=>wA.xpath===K.xpath);V&&(K.rule=V.rule,K.type=V.type)})),$.success("操作成功"),h.value=new Date().getTime().toString(),n("update:element",u.value)}function cA(I){l.value=I}function lA(I){o=oo(I);const L=o("body").children().toArray().map(K=>q(o(K)));return l.value=o("body").html()||"",L[0]}function q(I,L=""){var ue;function K(Ae){if(!Ae||!Ae[0])return"";const $A=[];let lt=Ae;for(;lt.length&&lt[0].tagName!=="html";){const Jl=lt[0].tagName,uU=lt.parent().children(Jl).index(lt)+1;$A.unshift(`${Jl}[${uU}]`),lt=lt.parent()}return"/html/"+$A.join("/")}const V=K(I).replace("/html/body[1]",""),wA=I.children().toArray().map(Ae=>q(o(Ae),V)),xA=(ue=s.value)==null?void 0:ue.find(Ae=>Ae.xpath===V);return{tag:I[0].tagName,text:I.contents().not(I.children()).text().trim(),attrs:I[0].attribs,children:wA,xpath:V,parentxpath:L,type:(xA==null?void 0:xA.type)||W.None,rule:(xA==null?void 0:xA.rule)||{}}}function rA(I){console.log("更新子节点的文本",I);const L=H(u.value,I.element.xpath);if(L){const K=c.toRaw(L);K.editText=I.newText}}function uA(I,L=""){function K(V,wA){var Ae;const ue=(wA?((Ae=H(u.value,wA))==null?void 0:Ae.children)||[]:[u.value]).filter($A=>$A.tag===V.tag).indexOf(V)+1;return`${wA}/${V.tag}[${ue}]`}I.xpath=K(I,L),I.parentxpath=L,(I.children||[]).forEach(V=>uA(V,I.xpath))}function fA({action:I,element:L,newBlock:K}){const V=H(u.value,L.parentxpath||"");if(!V||!V.children)return;const wA=V.children.findIndex($A=>$A===L);if(wA===-1){$.error("未找到元素");return}const xA=V.children.length,{minBlock:ue,maxBlock:Ae}=L.rule;if((I==="add"||I==="copy")&&xA>=(Ae||1/0)){Q.value=`无法添加更多块。最大块数量为 ${Ae}`,$.error(Q.value);return}switch(I){case"add":if(K){const $A={...K,xpath:"",children:JSON.parse(JSON.stringify(K.children))};V.children.splice(wA+1,0,$A),$.success("添加成功")}break;case"copy":if(K){const $A={...K,xpath:"",children:JSON.parse(JSON.stringify(K.children))};V.children.splice(wA+1,0,$A),$.success("复制成功")}break;case"moveUp":if(wA>0){const[$A]=V.children.splice(wA,1);V.children.splice(wA-1,0,$A),$.success("前移成功")}else $.error("已经是第一个块，无法前移");break;case"moveDown":if(wA<V.children.length-1){const[$A]=V.children.splice(wA,1);V.children.splice(wA+1,0,$A),$.success("后移成功")}else $.error("已经是最后一个块，无法后移");break;case"delete":if(xA<=(ue||0)){Q.value=`无法删除更多块。最小块数量为 ${ue}`,$.error(Q.value);return}V.children.splice(wA,1),$.success("删除成功");break}Q.value="",uA(u.value)}function mA(I,L){let K=L.attrs.class.replace(/icon-\S+/g,`icon-${I}`);L.attrs.class=K}function PA(I){const L=I.file,K=H(u.value,I.element.xpath);if(r.uploadByFile)r.uploadByFile(L).then(V=>{V.success&&(K.attrs.src=V.file.url,h.value=new Date().getTime().toString())});else{K.attrs.alt=L.name;const V=URL.createObjectURL(L);K.attrs.src=V,h.value=new Date().getTime().toString()}}function FA(I){const{icon:L}=I,K=H(u.value,I.element.xpath);let V=K.attrs.class.replace(/icon-\S+/g,`icon-${L}`);K.attrs.class=V,h.value=new Date().getTime().toString()}const VA=I=>I.type.startsWith("image/")?!0:($.error("只能上传图片文件"),!1),vA=c.ref({});function jA(I,L){if(!I||I.length===0)return;const K=I[0];if(L.rule&&(L.rule.minImageWidth||L.rule.maxImageHeight)){if(L.rule.minImageWidth&&K.width<L.rule.minImageWidth){$.error(`图片宽度不能小于 ${L.rule.minImageWidth}px`);return}if(L.rule.maxImageHeight&&K.height<L.rule.maxImageHeight){$.error(`图片高度不能小于 ${L.rule.maxImageHeight}px`);return}}L.rule.minImageWidth&&L.rule.maxImageHeight?(vA.value.width=L.rule.minImageWidth,vA.value.height=L.rule.maxImageHeight,vA.value.aspectRatio=L.rule.minImageWidth/L.rule.maxImageHeight):vA.value={},K&&(L.rule.crop?(K.thumbUrl,d.value.handleOpenCropper(vA.value,K.file,K.name,L)):r.uploadByFile?r.uploadByFile(K.file).then(V=>{V.success&&(L.attrs.src=V.file.url,h.value=new Date().getTime().toString())}):(L.attrs.src=K.thumbUrl,h.value=new Date().getTime().toString()))}const S=c.ref(r.previewWidth),v=c.ref(360);let J=c.ref(!1),j=c.ref(""),LA=0,Te=0;function vr(I){j.value=I,J.value=!0,LA=event.clientX,I==="preview"?Te=S.value:I==="structure"&&(Te=v.value),window.addEventListener("mousemove",Lr),window.addEventListener("mouseup",xr)}function Lr(I){if(!J.value)return;const L=I.clientX-LA;j.value==="preview"?S.value=Math.max(200,Te+L):j.value==="structure"&&(v.value=Math.max(200,Te-L))}function xr(){J.value=!1,j.value="",window.removeEventListener("mousemove",Lr),window.removeEventListener("mouseup",xr)}return e({generateCover:k}),(I,L)=>(c.openBlock(),c.createElementBlock("div",qb,[I.preview?(c.openBlock(),c.createElementBlock("div",{key:0,class:"border-l overflow-auto resize-area",style:c.normalizeStyle({width:S.value+"px"})},[I.showTitle?(c.openBlock(),c.createElementBlock("div",jb,[c.createElementVNode("h2",$b,[L[4]||(L[4]=c.createTextVNode(" 实时预览 ")),c.createElementVNode("span",Zb,c.toDisplayString(S.value)+"px",1)]),c.createElementVNode("div",{onClick:L[0]||(L[0]=()=>k()),class:"p-2 cursor-pointer text-blue-500"}," 封面 ")])):c.createCommentVNode("",!0),c.createElementVNode("div",null,[l.value?(c.openBlock(),c.createBlock(Xl,{key:0,"css-files":I.css,"js-files":I.js,"html-content":l.value,class:"gp-designer-preview",ref_key:"previewRef",ref:T},null,8,["css-files","js-files","html-content"])):(c.openBlock(),c.createBlock(Xl,{key:1,"css-files":I.css,"js-files":I.js,"html-content":c.unref(o)("body").html(),class:"gp-designer-preview",ref_key:"previewRef",ref:T},null,8,["css-files","js-files","html-content"]))])],4)):c.createCommentVNode("",!0),I.preview?(c.openBlock(),c.createElementBlock("div",{key:1,class:"resizer",onMousedown:L[1]||(L[1]=K=>vr("preview"))},null,32)):c.createCommentVNode("",!0),c.createElementVNode("div",zb,[I.showTitle?(c.openBlock(),c.createElementBlock("div",AU,[L[6]||(L[6]=c.createElementVNode("h2",{class:"text-lg font-bold"},"结构渲染",-1)),c.createElementVNode("div",eU,[c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":L[2]||(L[2]=K=>D.value=K),type:"checkbox",id:"showMargin",class:"mr-2"},null,512),[[c.vModelCheckbox,D.value]]),L[5]||(L[5]=c.createElementVNode("label",{for:"showMargin"},"间距",-1))])])):c.createCommentVNode("",!0),c.createElementVNode("div",tU,[u.value?(c.openBlock(),c.createBlock(CE,{key:0,"upload-by-file":I.uploadByFile,cropper:d.value,icon:C.value,upload:p.value,mode:I.mode,icons:I.icons,r:h.value,"show-margin":D.value,element:u.value,selectedElement:U.value,hoveredElement:_.value,onSelectElement:x,onHoverElement:m,onContentUpdated:cA,onUpdateText:rA,onBlockAction:fA,onAddIcon:mA,onUpdateElementRule:eA},null,8,["upload-by-file","cropper","icon","upload","mode","icons","r","show-margin","element","selectedElement","hoveredElement"])):c.createCommentVNode("",!0)])]),f.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:2,class:"resizer",onMousedown:L[3]||(L[3]=K=>vr("structure"))},null,32)):c.createCommentVNode("",!0),f.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:3,class:"resize-area",style:c.normalizeStyle({width:v.value+"px"})},[c.createElementVNode("div",rU,[I.showTitle?(c.openBlock(),c.createElementBlock("h2",nU,[L[7]||(L[7]=c.createTextVNode(" 节点属性 ")),c.createElementVNode("span",sU,c.toDisplayString(v.value)+"px",1)])):c.createCommentVNode("",!0),c.createElementVNode("div",aU,[U.value?(c.openBlock(),c.createBlock(YE,{key:0,element:U.value,onUpdateElement:M},null,8,["element"])):c.createCommentVNode("",!0)])])],4)):c.createCommentVNode("",!0),c.createVNode(ep,{ref_key:"cropperRef",ref:d,onOk:PA},null,512),c.createVNode(fp,{icons:I.icons,ref_key:"iconRef",ref:C,onOk:FA},null,8,["icons"]),c.createVNode(wp,{ref_key:"uploadRef",ref:p,multiple:!1,show:!1,beforeUpload:VA,onChange:jA},{"upload-icon":c.withCtx(()=>L[8]||(L[8]=[c.createElementVNode("div",{class:"p-2"},"上传",-1)])),_:1},512)]))}}),[["__scopeId","data-v-2f97c665"]]),iU={install(A){A.component("Designer",Wl)}};Ne.Designer=Wl,Ne.default=iU,Object.defineProperties(Ne,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/spa/topic/css/style.css

@@ -0,0 +1,9 @@
+.gp-message[data-v-12cd136f]{z-index:1000;transition:all .3s ease;max-width:300px;font-family:微软雅黑}.message-content[data-v-12cd136f]{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-radius:4px;box-shadow:0 2px 8px #00000026;font-size:14px}.close-btn[data-v-12cd136f]{background:none;border:none;color:#4b5563;cursor:pointer;margin-left:10px;line-height:1;padding:0}.fade-enter-active[data-v-12cd136f],.fade-leave-active[data-v-12cd136f]{transition:opacity .3s}.fade-enter-from[data-v-12cd136f],.fade-leave-to[data-v-12cd136f]{opacity:0}[contenteditable=true][data-v-ad57dab2]:focus{outline:none}[contenteditable=true][data-v-ad57dab2]{outline:none}.custom-checkbox[data-v-68b8f276]{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;background-color:#fff;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;transition:all .2s ease}.custom-checkbox[data-v-68b8f276]:checked{border-color:#3b82f6;background-color:#3b82f6}.custom-checkbox[data-v-68b8f276]:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-label[data-v-68b8f276]{line-height:1.2;font-size:14px;color:#4b5563}.border[data-v-ae3bfa9e]{border:1px solid #ccc}.custom-checkbox[data-v-ae3bfa9e]{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;background-color:#fff;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;transition:all .2s ease}.custom-checkbox[data-v-ae3bfa9e]:checked{border-color:#3b82f6;background-color:#3b82f6}.custom-checkbox[data-v-ae3bfa9e]:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}/*!
+ * Cropper.js v1.6.2
+ * https://fengyuanchen.github.io/cropperjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * 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-2f97c665]{font-family:微软雅黑}.resize-area[data-v-2f97c665]{transition:width .1s ease}.resizer[data-v-2f97c665]{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.61",
+  "version": "1.0.62",
   "type": "module",
   "license": "MIT",
   "author": "gp",
@@ -14,7 +14,8 @@
   "scripts": {
     "dev": "vite",
     "build:only": "vite build",
-    "build": "vue-tsc -b && vite build",
+    "build": "vue-tsc -b && vite build && npm run build:ok",
+    "build:ok": "node build.js",
     "preview": "vite preview",
     "build:npm": "vite build && vue-tsc --declaration --emitDeclarationOnly --outDir dist",
     "push": "npm run build && npm version patch --force && npm publish",