gp-designer 1.0.15 → 1.0.16

package/dist/gp-designer.es.js

@@ -12297,7 +12297,7 @@ const Vf = { key: 0 }, Wf = { key: 0 }, $f = { class: "text-gray-500 my-2" }, Xf
       ], 4)) : $("", !0)
     ]));
   }
-}), T1 = /* @__PURE__ */ Rt(m1, [["__scopeId", "data-v-d0f5b8a7"]]), N1 = {
+}), T1 = /* @__PURE__ */ Rt(m1, [["__scopeId", "data-v-84392fe5"]]), N1 = {
   install(e) {
     e.component("Designer", T1);
   }

package/dist/gp-designer.umd.js

@@ -14,4 +14,4 @@
  *
  * Date: 2024-04-21T07:43:05.335Z
  */function Ps(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),a.push.apply(a,i)}return a}function vs(e){for(var t=1;t<arguments.length;t++){var a=arguments[t]!=null?arguments[t]:{};t%2?Ps(Object(a),!0).forEach(function(i){Ud(e,i,a[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):Ps(Object(a)).forEach(function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(a,i))})}return e}function vd(e,t){if(typeof e!="object"||!e)return e;var a=e[Symbol.toPrimitive];if(a!==void 0){var i=a.call(e,t||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function ws(e){var t=vd(e,"string");return typeof t=="symbol"?t:t+""}function gi(e){"@babel/helpers - typeof";return gi=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},gi(e)}function wd(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Bs(e,t){for(var a=0;a<t.length;a++){var i=t[a];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,ws(i.key),i)}}function Bd(e,t,a){return t&&Bs(e.prototype,t),a&&Bs(e,a),Object.defineProperty(e,"prototype",{writable:!1}),e}function Ud(e,t,a){return t=ws(t),t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function Us(e){return Fd(e)||Hd(e)||Vd(e)||Yd()}function Fd(e){if(Array.isArray(e))return _i(e)}function Hd(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Vd(e,t){if(e){if(typeof e=="string")return _i(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);if(a==="Object"&&e.constructor&&(a=e.constructor.name),a==="Map"||a==="Set")return Array.from(e);if(a==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return _i(e,t)}}function _i(e,t){(t==null||t>e.length)&&(t=e.length);for(var a=0,i=new Array(t);a<t;a++)i[a]=e[a];return i}function Yd(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var Na=typeof window<"u"&&typeof window.document<"u",Pe=Na?window:{},Ai=Na&&Pe.document.documentElement?"ontouchstart"in Pe.document.documentElement:!1,Ni=Na?"PointerEvent"in Pe:!1,Z="cropper",Ci="all",Fs="crop",Hs="move",Vs="zoom",it="e",nt="w",mt="s",Xe="n",Ht="ne",Vt="nw",Yt="se",qt="sw",Ii="".concat(Z,"-crop"),Ys="".concat(Z,"-disabled"),_e="".concat(Z,"-hidden"),qs="".concat(Z,"-hide"),qd="".concat(Z,"-invisible"),Ca="".concat(Z,"-modal"),Si="".concat(Z,"-move"),Wt="".concat(Z,"Action"),Ia="".concat(Z,"Preview"),xi="crop",Ws="move",$s="none",Oi="crop",Di="cropend",Li="cropmove",yi="cropstart",Gs="dblclick",Wd=Ai?"touchstart":"mousedown",$d=Ai?"touchmove":"mousemove",Gd=Ai?"touchend touchcancel":"mouseup",Xs=Ni?"pointerdown":Wd,Qs=Ni?"pointermove":$d,js=Ni?"pointerup pointercancel":Gd,zs="ready",Ks="resize",Zs="wheel",Ri="zoom",Js="image/jpeg",Xd=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,Qd=/^data:/,jd=/^data:image\/jpeg;base64,/,zd=/^img|canvas$/i,er=200,tr=100,ar={viewMode:0,dragMode:xi,initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:er,minContainerHeight:tr,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},Kd='<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>',Zd=Number.isNaN||Pe.isNaN;function Y(e){return typeof e=="number"&&!Zd(e)}var ir=function(t){return t>0&&t<1/0};function Mi(e){return typeof e>"u"}function st(e){return gi(e)==="object"&&e!==null}var Jd=Object.prototype.hasOwnProperty;function Et(e){if(!st(e))return!1;try{var t=e.constructor,a=t.prototype;return t&&a&&Jd.call(a,"isPrototypeOf")}catch{return!1}}function Ae(e){return typeof e=="function"}var eh=Array.prototype.slice;function nr(e){return Array.from?Array.from(e):eh.call(e)}function se(e,t){return e&&Ae(t)&&(Array.isArray(e)||Y(e.length)?nr(e).forEach(function(a,i){t.call(e,a,i,e)}):st(e)&&Object.keys(e).forEach(function(a){t.call(e,e[a],a,e)})),e}var J=Object.assign||function(t){for(var a=arguments.length,i=new Array(a>1?a-1:0),n=1;n<a;n++)i[n-1]=arguments[n];return st(t)&&i.length>0&&i.forEach(function(r){st(r)&&Object.keys(r).forEach(function(u){t[u]=r[u]})}),t},th=/\.\d*(?:0|9){12}\d*$/;function pt(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return th.test(e)?Math.round(e*t)/t:e}var ah=/^width|height|left|top|marginLeft|marginTop$/;function Qe(e,t){var a=e.style;se(t,function(i,n){ah.test(n)&&Y(i)&&(i="".concat(i,"px")),a[n]=i})}function ih(e,t){return e.classList?e.classList.contains(t):e.className.indexOf(t)>-1}function de(e,t){if(t){if(Y(e.length)){se(e,function(i){de(i,t)});return}if(e.classList){e.classList.add(t);return}var a=e.className.trim();a?a.indexOf(t)<0&&(e.className="".concat(a," ").concat(t)):e.className=t}}function ve(e,t){if(t){if(Y(e.length)){se(e,function(a){ve(a,t)});return}if(e.classList){e.classList.remove(t);return}e.className.indexOf(t)>=0&&(e.className=e.className.replace(t,""))}}function Tt(e,t,a){if(t){if(Y(e.length)){se(e,function(i){Tt(i,t,a)});return}a?de(e,t):ve(e,t)}}var nh=/([a-z\d])([A-Z])/g;function ki(e){return e.replace(nh,"$1-$2").toLowerCase()}function Pi(e,t){return st(e[t])?e[t]:e.dataset?e.dataset[t]:e.getAttribute("data-".concat(ki(t)))}function $t(e,t,a){st(a)?e[t]=a:e.dataset?e.dataset[t]=a:e.setAttribute("data-".concat(ki(t)),a)}function sh(e,t){if(st(e[t]))try{delete e[t]}catch{e[t]=void 0}else if(e.dataset)try{delete e.dataset[t]}catch{e.dataset[t]=void 0}else e.removeAttribute("data-".concat(ki(t)))}var sr=/\s\s*/,rr=function(){var e=!1;if(Na){var t=!1,a=function(){},i=Object.defineProperty({},"once",{get:function(){return e=!0,t},set:function(r){t=r}});Pe.addEventListener("test",a,i),Pe.removeEventListener("test",a,i)}return e}();function ye(e,t,a){var i=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},n=a;t.trim().split(sr).forEach(function(r){if(!rr){var u=e.listeners;u&&u[r]&&u[r][a]&&(n=u[r][a],delete u[r][a],Object.keys(u[r]).length===0&&delete u[r],Object.keys(u).length===0&&delete e.listeners)}e.removeEventListener(r,n,i)})}function xe(e,t,a){var i=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},n=a;t.trim().split(sr).forEach(function(r){if(i.once&&!rr){var u=e.listeners,o=u===void 0?{}:u;n=function(){delete o[r][a],e.removeEventListener(r,n,i);for(var h=arguments.length,m=new Array(h),p=0;p<h;p++)m[p]=arguments[p];a.apply(e,m)},o[r]||(o[r]={}),o[r][a]&&e.removeEventListener(r,o[r][a],i),o[r][a]=n,e.listeners=o}e.addEventListener(r,n,i)})}function bt(e,t,a){var i;return Ae(Event)&&Ae(CustomEvent)?i=new CustomEvent(t,{detail:a,bubbles:!0,cancelable:!0}):(i=document.createEvent("CustomEvent"),i.initCustomEvent(t,!0,!0,a)),e.dispatchEvent(i)}function ur(e){var t=e.getBoundingClientRect();return{left:t.left+(window.pageXOffset-document.documentElement.clientLeft),top:t.top+(window.pageYOffset-document.documentElement.clientTop)}}var vi=Pe.location,rh=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function or(e){var t=e.match(rh);return t!==null&&(t[1]!==vi.protocol||t[2]!==vi.hostname||t[3]!==vi.port)}function cr(e){var t="timestamp=".concat(new Date().getTime());return e+(e.indexOf("?")===-1?"?":"&")+t}function Gt(e){var t=e.rotate,a=e.scaleX,i=e.scaleY,n=e.translateX,r=e.translateY,u=[];Y(n)&&n!==0&&u.push("translateX(".concat(n,"px)")),Y(r)&&r!==0&&u.push("translateY(".concat(r,"px)")),Y(t)&&t!==0&&u.push("rotate(".concat(t,"deg)")),Y(a)&&a!==1&&u.push("scaleX(".concat(a,")")),Y(i)&&i!==1&&u.push("scaleY(".concat(i,")"));var o=u.length?u.join(" "):"none";return{WebkitTransform:o,msTransform:o,transform:o}}function uh(e){var t=vs({},e),a=0;return se(e,function(i,n){delete t[n],se(t,function(r){var u=Math.abs(i.startX-r.startX),o=Math.abs(i.startY-r.startY),l=Math.abs(i.endX-r.endX),h=Math.abs(i.endY-r.endY),m=Math.sqrt(u*u+o*o),p=Math.sqrt(l*l+h*h),b=(p-m)/m;Math.abs(b)>Math.abs(a)&&(a=b)})}),a}function Sa(e,t){var a=e.pageX,i=e.pageY,n={endX:a,endY:i};return t?n:vs({startX:a,startY:i},n)}function oh(e){var t=0,a=0,i=0;return se(e,function(n){var r=n.startX,u=n.startY;t+=r,a+=u,i+=1}),t/=i,a/=i,{pageX:t,pageY:a}}function je(e){var t=e.aspectRatio,a=e.height,i=e.width,n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",r=ir(i),u=ir(a);if(r&&u){var o=a*t;n==="contain"&&o>i||n==="cover"&&o<i?a=i/t:i=a*t}else r?a=i/t:u&&(i=a*t);return{width:i,height:a}}function ch(e){var t=e.width,a=e.height,i=e.degree;if(i=Math.abs(i)%180,i===90)return{width:a,height:t};var n=i%90*Math.PI/180,r=Math.sin(n),u=Math.cos(n),o=t*u+a*r,l=t*r+a*u;return i>90?{width:l,height:o}:{width:o,height:l}}function lh(e,t,a,i){var n=t.aspectRatio,r=t.naturalWidth,u=t.naturalHeight,o=t.rotate,l=o===void 0?0:o,h=t.scaleX,m=h===void 0?1:h,p=t.scaleY,b=p===void 0?1:p,N=a.aspectRatio,I=a.naturalWidth,y=a.naturalHeight,k=i.fillColor,$=k===void 0?"transparent":k,B=i.imageSmoothingEnabled,q=B===void 0?!0:B,F=i.imageSmoothingQuality,v=F===void 0?"low":F,_=i.maxWidth,w=_===void 0?1/0:_,G=i.maxHeight,ne=G===void 0?1/0:G,pe=i.minWidth,Ne=pe===void 0?0:pe,Oe=i.minHeight,me=Oe===void 0?0:Oe,Ee=document.createElement("canvas"),ae=Ee.getContext("2d"),De=je({aspectRatio:N,width:w,height:ne}),x=je({aspectRatio:N,width:Ne,height:me},"cover"),M=Math.min(De.width,Math.max(x.width,I)),O=Math.min(De.height,Math.max(x.height,y)),D=je({aspectRatio:n,width:w,height:ne}),H=je({aspectRatio:n,width:Ne,height:me},"cover"),V=Math.min(D.width,Math.max(H.width,r)),j=Math.min(D.height,Math.max(H.height,u)),ie=[-V/2,-j/2,V,j];return Ee.width=pt(M),Ee.height=pt(O),ae.fillStyle=$,ae.fillRect(0,0,M,O),ae.save(),ae.translate(M/2,O/2),ae.rotate(l*Math.PI/180),ae.scale(m,b),ae.imageSmoothingEnabled=q,ae.imageSmoothingQuality=v,ae.drawImage.apply(ae,[e].concat(Us(ie.map(function(re){return Math.floor(pt(re))})))),ae.restore(),Ee}var lr=String.fromCharCode;function dh(e,t,a){var i="";a+=t;for(var n=t;n<a;n+=1)i+=lr(e.getUint8(n));return i}var hh=/^data:.*,/;function fh(e){var t=e.replace(hh,""),a=atob(t),i=new ArrayBuffer(a.length),n=new Uint8Array(i);return se(n,function(r,u){n[u]=a.charCodeAt(u)}),i}function mh(e,t){for(var a=[],i=8192,n=new Uint8Array(e);n.length>0;)a.push(lr.apply(null,nr(n.subarray(0,i)))),n=n.subarray(i);return"data:".concat(t,";base64,").concat(btoa(a.join("")))}function Eh(e){var t=new DataView(e),a;try{var i,n,r;if(t.getUint8(0)===255&&t.getUint8(1)===216)for(var u=t.byteLength,o=2;o+1<u;){if(t.getUint8(o)===255&&t.getUint8(o+1)===225){n=o;break}o+=1}if(n){var l=n+4,h=n+10;if(dh(t,l,4)==="Exif"){var m=t.getUint16(h);if(i=m===18761,(i||m===19789)&&t.getUint16(h+2,i)===42){var p=t.getUint32(h+4,i);p>=8&&(r=h+p)}}}if(r){var b=t.getUint16(r,i),N,I;for(I=0;I<b;I+=1)if(N=r+I*12+2,t.getUint16(N,i)===274){N+=8,a=t.getUint16(N,i),t.setUint16(N,1,i);break}}}catch{a=1}return a}function ph(e){var t=0,a=1,i=1;switch(e){case 2:a=-1;break;case 3:t=-180;break;case 4:i=-1;break;case 5:t=90,i=-1;break;case 6:t=90;break;case 7:t=90,a=-1;break;case 8:t=-90;break}return{rotate:t,scaleX:a,scaleY:i}}var Th={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,a=this.options,i=this.container,n=this.cropper,r=Number(a.minContainerWidth),u=Number(a.minContainerHeight);de(n,_e),ve(t,_e);var o={width:Math.max(i.offsetWidth,r>=0?r:er),height:Math.max(i.offsetHeight,u>=0?u:tr)};this.containerData=o,Qe(n,{width:o.width,height:o.height}),de(t,_e),ve(n,_e)},initCanvas:function(){var t=this.containerData,a=this.imageData,i=this.options.viewMode,n=Math.abs(a.rotate)%180===90,r=n?a.naturalHeight:a.naturalWidth,u=n?a.naturalWidth:a.naturalHeight,o=r/u,l=t.width,h=t.height;t.height*o>t.width?i===3?l=t.height*o:h=t.width/o:i===3?h=t.width/o:l=t.height*o;var m={aspectRatio:o,naturalWidth:r,naturalHeight:u,width:l,height:h};this.canvasData=m,this.limited=i===1||i===2,this.limitCanvas(!0,!0),m.width=Math.min(Math.max(m.width,m.minWidth),m.maxWidth),m.height=Math.min(Math.max(m.height,m.minHeight),m.maxHeight),m.left=(t.width-m.width)/2,m.top=(t.height-m.height)/2,m.oldLeft=m.left,m.oldTop=m.top,this.initialCanvasData=J({},m)},limitCanvas:function(t,a){var i=this.options,n=this.containerData,r=this.canvasData,u=this.cropBoxData,o=i.viewMode,l=r.aspectRatio,h=this.cropped&&u;if(t){var m=Number(i.minCanvasWidth)||0,p=Number(i.minCanvasHeight)||0;o>1?(m=Math.max(m,n.width),p=Math.max(p,n.height),o===3&&(p*l>m?m=p*l:p=m/l)):o>0&&(m?m=Math.max(m,h?u.width:0):p?p=Math.max(p,h?u.height:0):h&&(m=u.width,p=u.height,p*l>m?m=p*l:p=m/l));var b=je({aspectRatio:l,width:m,height:p});m=b.width,p=b.height,r.minWidth=m,r.minHeight=p,r.maxWidth=1/0,r.maxHeight=1/0}if(a)if(o>(h?0:1)){var N=n.width-r.width,I=n.height-r.height;r.minLeft=Math.min(0,N),r.minTop=Math.min(0,I),r.maxLeft=Math.max(0,N),r.maxTop=Math.max(0,I),h&&this.limited&&(r.minLeft=Math.min(u.left,u.left+(u.width-r.width)),r.minTop=Math.min(u.top,u.top+(u.height-r.height)),r.maxLeft=u.left,r.maxTop=u.top,o===2&&(r.width>=n.width&&(r.minLeft=Math.min(0,N),r.maxLeft=Math.max(0,N)),r.height>=n.height&&(r.minTop=Math.min(0,I),r.maxTop=Math.max(0,I))))}else r.minLeft=-r.width,r.minTop=-r.height,r.maxLeft=n.width,r.maxTop=n.height},renderCanvas:function(t,a){var i=this.canvasData,n=this.imageData;if(a){var r=ch({width:n.naturalWidth*Math.abs(n.scaleX||1),height:n.naturalHeight*Math.abs(n.scaleY||1),degree:n.rotate||0}),u=r.width,o=r.height,l=i.width*(u/i.naturalWidth),h=i.height*(o/i.naturalHeight);i.left-=(l-i.width)/2,i.top-=(h-i.height)/2,i.width=l,i.height=h,i.aspectRatio=u/o,i.naturalWidth=u,i.naturalHeight=o,this.limitCanvas(!0,!1)}(i.width>i.maxWidth||i.width<i.minWidth)&&(i.left=i.oldLeft),(i.height>i.maxHeight||i.height<i.minHeight)&&(i.top=i.oldTop),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),this.limitCanvas(!1,!0),i.left=Math.min(Math.max(i.left,i.minLeft),i.maxLeft),i.top=Math.min(Math.max(i.top,i.minTop),i.maxTop),i.oldLeft=i.left,i.oldTop=i.top,Qe(this.canvas,J({width:i.width,height:i.height},Gt({translateX:i.left,translateY:i.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var a=this.canvasData,i=this.imageData,n=i.naturalWidth*(a.width/a.naturalWidth),r=i.naturalHeight*(a.height/a.naturalHeight);J(i,{width:n,height:r,left:(a.width-n)/2,top:(a.height-r)/2}),Qe(this.image,J({width:i.width,height:i.height},Gt(J({translateX:i.left,translateY:i.top},i)))),t&&this.output()},initCropBox:function(){var t=this.options,a=this.canvasData,i=t.aspectRatio||t.initialAspectRatio,n=Number(t.autoCropArea)||.8,r={width:a.width,height:a.height};i&&(a.height*i>a.width?r.height=r.width/i:r.width=r.height*i),this.cropBoxData=r,this.limitCropBox(!0,!0),r.width=Math.min(Math.max(r.width,r.minWidth),r.maxWidth),r.height=Math.min(Math.max(r.height,r.minHeight),r.maxHeight),r.width=Math.max(r.minWidth,r.width*n),r.height=Math.max(r.minHeight,r.height*n),r.left=a.left+(a.width-r.width)/2,r.top=a.top+(a.height-r.height)/2,r.oldLeft=r.left,r.oldTop=r.top,this.initialCropBoxData=J({},r)},limitCropBox:function(t,a){var i=this.options,n=this.containerData,r=this.canvasData,u=this.cropBoxData,o=this.limited,l=i.aspectRatio;if(t){var h=Number(i.minCropBoxWidth)||0,m=Number(i.minCropBoxHeight)||0,p=o?Math.min(n.width,r.width,r.width+r.left,n.width-r.left):n.width,b=o?Math.min(n.height,r.height,r.height+r.top,n.height-r.top):n.height;h=Math.min(h,n.width),m=Math.min(m,n.height),l&&(h&&m?m*l>h?m=h/l:h=m*l:h?m=h/l:m&&(h=m*l),b*l>p?b=p/l:p=b*l),u.minWidth=Math.min(h,p),u.minHeight=Math.min(m,b),u.maxWidth=p,u.maxHeight=b}a&&(o?(u.minLeft=Math.max(0,r.left),u.minTop=Math.max(0,r.top),u.maxLeft=Math.min(n.width,r.left+r.width)-u.width,u.maxTop=Math.min(n.height,r.top+r.height)-u.height):(u.minLeft=0,u.minTop=0,u.maxLeft=n.width-u.width,u.maxTop=n.height-u.height))},renderCropBox:function(){var t=this.options,a=this.containerData,i=this.cropBoxData;(i.width>i.maxWidth||i.width<i.minWidth)&&(i.left=i.oldLeft),(i.height>i.maxHeight||i.height<i.minHeight)&&(i.top=i.oldTop),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),this.limitCropBox(!1,!0),i.left=Math.min(Math.max(i.left,i.minLeft),i.maxLeft),i.top=Math.min(Math.max(i.top,i.minTop),i.maxTop),i.oldLeft=i.left,i.oldTop=i.top,t.movable&&t.cropBoxMovable&&$t(this.face,Wt,i.width>=a.width&&i.height>=a.height?Hs:Ci),Qe(this.cropBox,J({width:i.width,height:i.height},Gt({translateX:i.left,translateY:i.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),bt(this.element,Oi,this.getData())}},bh={initPreview:function(){var t=this.element,a=this.crossOrigin,i=this.options.preview,n=a?this.crossOriginUrl:this.url,r=t.alt||"The image to preview",u=document.createElement("img");if(a&&(u.crossOrigin=a),u.src=n,u.alt=r,this.viewBox.appendChild(u),this.viewBoxImage=u,!!i){var o=i;typeof i=="string"?o=t.ownerDocument.querySelectorAll(i):i.querySelector&&(o=[i]),this.previews=o,se(o,function(l){var h=document.createElement("img");$t(l,Ia,{width:l.offsetWidth,height:l.offsetHeight,html:l.innerHTML}),a&&(h.crossOrigin=a),h.src=n,h.alt=r,h.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',l.innerHTML="",l.appendChild(h)})}},resetPreview:function(){se(this.previews,function(t){var a=Pi(t,Ia);Qe(t,{width:a.width,height:a.height}),t.innerHTML=a.html,sh(t,Ia)})},preview:function(){var t=this.imageData,a=this.canvasData,i=this.cropBoxData,n=i.width,r=i.height,u=t.width,o=t.height,l=i.left-a.left-t.left,h=i.top-a.top-t.top;!this.cropped||this.disabled||(Qe(this.viewBoxImage,J({width:u,height:o},Gt(J({translateX:-l,translateY:-h},t)))),se(this.previews,function(m){var p=Pi(m,Ia),b=p.width,N=p.height,I=b,y=N,k=1;n&&(k=b/n,y=r*k),r&&y>N&&(k=N/r,I=n*k,y=N),Qe(m,{width:I,height:y}),Qe(m.getElementsByTagName("img")[0],J({width:u*k,height:o*k},Gt(J({translateX:-l*k,translateY:-h*k},t))))}))}},gh={bind:function(){var t=this.element,a=this.options,i=this.cropper;Ae(a.cropstart)&&xe(t,yi,a.cropstart),Ae(a.cropmove)&&xe(t,Li,a.cropmove),Ae(a.cropend)&&xe(t,Di,a.cropend),Ae(a.crop)&&xe(t,Oi,a.crop),Ae(a.zoom)&&xe(t,Ri,a.zoom),xe(i,Xs,this.onCropStart=this.cropStart.bind(this)),a.zoomable&&a.zoomOnWheel&&xe(i,Zs,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),a.toggleDragModeOnDblclick&&xe(i,Gs,this.onDblclick=this.dblclick.bind(this)),xe(t.ownerDocument,Qs,this.onCropMove=this.cropMove.bind(this)),xe(t.ownerDocument,js,this.onCropEnd=this.cropEnd.bind(this)),a.responsive&&xe(window,Ks,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,a=this.options,i=this.cropper;Ae(a.cropstart)&&ye(t,yi,a.cropstart),Ae(a.cropmove)&&ye(t,Li,a.cropmove),Ae(a.cropend)&&ye(t,Di,a.cropend),Ae(a.crop)&&ye(t,Oi,a.crop),Ae(a.zoom)&&ye(t,Ri,a.zoom),ye(i,Xs,this.onCropStart),a.zoomable&&a.zoomOnWheel&&ye(i,Zs,this.onWheel,{passive:!1,capture:!0}),a.toggleDragModeOnDblclick&&ye(i,Gs,this.onDblclick),ye(t.ownerDocument,Qs,this.onCropMove),ye(t.ownerDocument,js,this.onCropEnd),a.responsive&&ye(window,Ks,this.onResize)}},_h={resize:function(){if(!this.disabled){var t=this.options,a=this.container,i=this.containerData,n=a.offsetWidth/i.width,r=a.offsetHeight/i.height,u=Math.abs(n-1)>Math.abs(r-1)?n:r;if(u!==1){var o,l;t.restore&&(o=this.getCanvasData(),l=this.getCropBoxData()),this.render(),t.restore&&(this.setCanvasData(se(o,function(h,m){o[m]=h*u})),this.setCropBoxData(se(l,function(h,m){l[m]=h*u})))}}},dblclick:function(){this.disabled||this.options.dragMode===$s||this.setDragMode(ih(this.dragBox,Ii)?Ws:xi)},wheel:function(t){var a=this,i=Number(this.options.wheelZoomRatio)||.1,n=1;this.disabled||(t.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){a.wheeling=!1},50),t.deltaY?n=t.deltaY>0?1:-1:t.wheelDelta?n=-t.wheelDelta/120:t.detail&&(n=t.detail>0?1:-1),this.zoom(-n*i,t)))},cropStart:function(t){var a=t.buttons,i=t.button;if(!(this.disabled||(t.type==="mousedown"||t.type==="pointerdown"&&t.pointerType==="mouse")&&(Y(a)&&a!==1||Y(i)&&i!==0||t.ctrlKey))){var n=this.options,r=this.pointers,u;t.changedTouches?se(t.changedTouches,function(o){r[o.identifier]=Sa(o)}):r[t.pointerId||0]=Sa(t),Object.keys(r).length>1&&n.zoomable&&n.zoomOnTouch?u=Vs:u=Pi(t.target,Wt),Xd.test(u)&&bt(this.element,yi,{originalEvent:t,action:u})!==!1&&(t.preventDefault(),this.action=u,this.cropping=!1,u===Fs&&(this.cropping=!0,de(this.dragBox,Ca)))}},cropMove:function(t){var a=this.action;if(!(this.disabled||!a)){var i=this.pointers;t.preventDefault(),bt(this.element,Li,{originalEvent:t,action:a})!==!1&&(t.changedTouches?se(t.changedTouches,function(n){J(i[n.identifier]||{},Sa(n,!0))}):J(i[t.pointerId||0]||{},Sa(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var a=this.action,i=this.pointers;t.changedTouches?se(t.changedTouches,function(n){delete i[n.identifier]}):delete i[t.pointerId||0],a&&(t.preventDefault(),Object.keys(i).length||(this.action=""),this.cropping&&(this.cropping=!1,Tt(this.dragBox,Ca,this.cropped&&this.options.modal)),bt(this.element,Di,{originalEvent:t,action:a}))}}},Ah={change:function(t){var a=this.options,i=this.canvasData,n=this.containerData,r=this.cropBoxData,u=this.pointers,o=this.action,l=a.aspectRatio,h=r.left,m=r.top,p=r.width,b=r.height,N=h+p,I=m+b,y=0,k=0,$=n.width,B=n.height,q=!0,F;!l&&t.shiftKey&&(l=p&&b?p/b:1),this.limited&&(y=r.minLeft,k=r.minTop,$=y+Math.min(n.width,i.width,i.left+i.width),B=k+Math.min(n.height,i.height,i.top+i.height));var v=u[Object.keys(u)[0]],_={x:v.endX-v.startX,y:v.endY-v.startY},w=function(ne){switch(ne){case it:N+_.x>$&&(_.x=$-N);break;case nt:h+_.x<y&&(_.x=y-h);break;case Xe:m+_.y<k&&(_.y=k-m);break;case mt:I+_.y>B&&(_.y=B-I);break}};switch(o){case Ci:h+=_.x,m+=_.y;break;case it:if(_.x>=0&&(N>=$||l&&(m<=k||I>=B))){q=!1;break}w(it),p+=_.x,p<0&&(o=nt,p=-p,h-=p),l&&(b=p/l,m+=(r.height-b)/2);break;case Xe:if(_.y<=0&&(m<=k||l&&(h<=y||N>=$))){q=!1;break}w(Xe),b-=_.y,m+=_.y,b<0&&(o=mt,b=-b,m-=b),l&&(p=b*l,h+=(r.width-p)/2);break;case nt:if(_.x<=0&&(h<=y||l&&(m<=k||I>=B))){q=!1;break}w(nt),p-=_.x,h+=_.x,p<0&&(o=it,p=-p,h-=p),l&&(b=p/l,m+=(r.height-b)/2);break;case mt:if(_.y>=0&&(I>=B||l&&(h<=y||N>=$))){q=!1;break}w(mt),b+=_.y,b<0&&(o=Xe,b=-b,m-=b),l&&(p=b*l,h+=(r.width-p)/2);break;case Ht:if(l){if(_.y<=0&&(m<=k||N>=$)){q=!1;break}w(Xe),b-=_.y,m+=_.y,p=b*l}else w(Xe),w(it),_.x>=0?N<$?p+=_.x:_.y<=0&&m<=k&&(q=!1):p+=_.x,_.y<=0?m>k&&(b-=_.y,m+=_.y):(b-=_.y,m+=_.y);p<0&&b<0?(o=qt,b=-b,p=-p,m-=b,h-=p):p<0?(o=Vt,p=-p,h-=p):b<0&&(o=Yt,b=-b,m-=b);break;case Vt:if(l){if(_.y<=0&&(m<=k||h<=y)){q=!1;break}w(Xe),b-=_.y,m+=_.y,p=b*l,h+=r.width-p}else w(Xe),w(nt),_.x<=0?h>y?(p-=_.x,h+=_.x):_.y<=0&&m<=k&&(q=!1):(p-=_.x,h+=_.x),_.y<=0?m>k&&(b-=_.y,m+=_.y):(b-=_.y,m+=_.y);p<0&&b<0?(o=Yt,b=-b,p=-p,m-=b,h-=p):p<0?(o=Ht,p=-p,h-=p):b<0&&(o=qt,b=-b,m-=b);break;case qt:if(l){if(_.x<=0&&(h<=y||I>=B)){q=!1;break}w(nt),p-=_.x,h+=_.x,b=p/l}else w(mt),w(nt),_.x<=0?h>y?(p-=_.x,h+=_.x):_.y>=0&&I>=B&&(q=!1):(p-=_.x,h+=_.x),_.y>=0?I<B&&(b+=_.y):b+=_.y;p<0&&b<0?(o=Ht,b=-b,p=-p,m-=b,h-=p):p<0?(o=Yt,p=-p,h-=p):b<0&&(o=Vt,b=-b,m-=b);break;case Yt:if(l){if(_.x>=0&&(N>=$||I>=B)){q=!1;break}w(it),p+=_.x,b=p/l}else w(mt),w(it),_.x>=0?N<$?p+=_.x:_.y>=0&&I>=B&&(q=!1):p+=_.x,_.y>=0?I<B&&(b+=_.y):b+=_.y;p<0&&b<0?(o=Vt,b=-b,p=-p,m-=b,h-=p):p<0?(o=qt,p=-p,h-=p):b<0&&(o=Ht,b=-b,m-=b);break;case Hs:this.move(_.x,_.y),q=!1;break;case Vs:this.zoom(uh(u),t),q=!1;break;case Fs:if(!_.x||!_.y){q=!1;break}F=ur(this.cropper),h=v.startX-F.left,m=v.startY-F.top,p=r.minWidth,b=r.minHeight,_.x>0?o=_.y>0?Yt:Ht:_.x<0&&(h-=p,o=_.y>0?qt:Vt),_.y<0&&(m-=b),this.cropped||(ve(this.cropBox,_e),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}q&&(r.width=p,r.height=b,r.left=h,r.top=m,this.action=o,this.renderCropBox()),se(u,function(G){G.startX=G.endX,G.startY=G.endY})}},Nh={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&de(this.dragBox,Ca),ve(this.cropBox,_e),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=J({},this.initialImageData),this.canvasData=J({},this.initialCanvasData),this.cropBoxData=J({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(J(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),ve(this.dragBox,Ca),de(this.cropBox,_e)),this},replace:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return!this.disabled&&t&&(this.isImg&&(this.element.src=t),a?(this.url=t,this.image.src=t,this.ready&&(this.viewBoxImage.src=t,se(this.previews,function(i){i.getElementsByTagName("img")[0].src=t}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(t))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,ve(this.cropper,Ys)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,de(this.cropper,Ys)),this},destroy:function(){var t=this.element;return t[Z]?(t[Z]=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate(),this):this},move:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,i=this.canvasData,n=i.left,r=i.top;return this.moveTo(Mi(t)?t:n+Number(t),Mi(a)?a:r+Number(a))},moveTo:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,i=this.canvasData,n=!1;return t=Number(t),a=Number(a),this.ready&&!this.disabled&&this.options.movable&&(Y(t)&&(i.left=t,n=!0),Y(a)&&(i.top=a,n=!0),n&&this.renderCanvas(!0)),this},zoom:function(t,a){var i=this.canvasData;return t=Number(t),t<0?t=1/(1-t):t=1+t,this.zoomTo(i.width*t/i.naturalWidth,null,a)},zoomTo:function(t,a,i){var n=this.options,r=this.canvasData,u=r.width,o=r.height,l=r.naturalWidth,h=r.naturalHeight;if(t=Number(t),t>=0&&this.ready&&!this.disabled&&n.zoomable){var m=l*t,p=h*t;if(bt(this.element,Ri,{ratio:t,oldRatio:u/l,originalEvent:i})===!1)return this;if(i){var b=this.pointers,N=ur(this.cropper),I=b&&Object.keys(b).length?oh(b):{pageX:i.pageX,pageY:i.pageY};r.left-=(m-u)*((I.pageX-N.left-r.left)/u),r.top-=(p-o)*((I.pageY-N.top-r.top)/o)}else Et(a)&&Y(a.x)&&Y(a.y)?(r.left-=(m-u)*((a.x-r.left)/u),r.top-=(p-o)*((a.y-r.top)/o)):(r.left-=(m-u)/2,r.top-=(p-o)/2);r.width=m,r.height=p,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return t=Number(t),Y(t)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var a=this.imageData.scaleY;return this.scale(t,Y(a)?a:1)},scaleY:function(t){var a=this.imageData.scaleX;return this.scale(Y(a)?a:1,t)},scale:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,i=this.imageData,n=!1;return t=Number(t),a=Number(a),this.ready&&!this.disabled&&this.options.scalable&&(Y(t)&&(i.scaleX=t,n=!0),Y(a)&&(i.scaleY=a,n=!0),n&&this.renderCanvas(!0,!0)),this},getData:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,a=this.options,i=this.imageData,n=this.canvasData,r=this.cropBoxData,u;if(this.ready&&this.cropped){u={x:r.left-n.left,y:r.top-n.top,width:r.width,height:r.height};var o=i.width/i.naturalWidth;if(se(u,function(m,p){u[p]=m/o}),t){var l=Math.round(u.y+u.height),h=Math.round(u.x+u.width);u.x=Math.round(u.x),u.y=Math.round(u.y),u.width=h-u.x,u.height=l-u.y}}else u={x:0,y:0,width:0,height:0};return a.rotatable&&(u.rotate=i.rotate||0),a.scalable&&(u.scaleX=i.scaleX||1,u.scaleY=i.scaleY||1),u},setData:function(t){var a=this.options,i=this.imageData,n=this.canvasData,r={};if(this.ready&&!this.disabled&&Et(t)){var u=!1;a.rotatable&&Y(t.rotate)&&t.rotate!==i.rotate&&(i.rotate=t.rotate,u=!0),a.scalable&&(Y(t.scaleX)&&t.scaleX!==i.scaleX&&(i.scaleX=t.scaleX,u=!0),Y(t.scaleY)&&t.scaleY!==i.scaleY&&(i.scaleY=t.scaleY,u=!0)),u&&this.renderCanvas(!0,!0);var o=i.width/i.naturalWidth;Y(t.x)&&(r.left=t.x*o+n.left),Y(t.y)&&(r.top=t.y*o+n.top),Y(t.width)&&(r.width=t.width*o),Y(t.height)&&(r.height=t.height*o),this.setCropBoxData(r)}return this},getContainerData:function(){return this.ready?J({},this.containerData):{}},getImageData:function(){return this.sized?J({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,a={};return this.ready&&se(["left","top","width","height","naturalWidth","naturalHeight"],function(i){a[i]=t[i]}),a},setCanvasData:function(t){var a=this.canvasData,i=a.aspectRatio;return this.ready&&!this.disabled&&Et(t)&&(Y(t.left)&&(a.left=t.left),Y(t.top)&&(a.top=t.top),Y(t.width)?(a.width=t.width,a.height=t.width/i):Y(t.height)&&(a.height=t.height,a.width=t.height*i),this.renderCanvas(!0)),this},getCropBoxData:function(){var t=this.cropBoxData,a;return this.ready&&this.cropped&&(a={left:t.left,top:t.top,width:t.width,height:t.height}),a||{}},setCropBoxData:function(t){var a=this.cropBoxData,i=this.options.aspectRatio,n,r;return this.ready&&this.cropped&&!this.disabled&&Et(t)&&(Y(t.left)&&(a.left=t.left),Y(t.top)&&(a.top=t.top),Y(t.width)&&t.width!==a.width&&(n=!0,a.width=t.width),Y(t.height)&&t.height!==a.height&&(r=!0,a.height=t.height),i&&(n?a.height=a.width/i:r&&(a.width=a.height*i)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var a=this.canvasData,i=lh(this.image,this.imageData,a,t);if(!this.cropped)return i;var n=this.getData(t.rounded),r=n.x,u=n.y,o=n.width,l=n.height,h=i.width/Math.floor(a.naturalWidth);h!==1&&(r*=h,u*=h,o*=h,l*=h);var m=o/l,p=je({aspectRatio:m,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),b=je({aspectRatio:m,width:t.minWidth||0,height:t.minHeight||0},"cover"),N=je({aspectRatio:m,width:t.width||(h!==1?i.width:o),height:t.height||(h!==1?i.height:l)}),I=N.width,y=N.height;I=Math.min(p.width,Math.max(b.width,I)),y=Math.min(p.height,Math.max(b.height,y));var k=document.createElement("canvas"),$=k.getContext("2d");k.width=pt(I),k.height=pt(y),$.fillStyle=t.fillColor||"transparent",$.fillRect(0,0,I,y);var B=t.imageSmoothingEnabled,q=B===void 0?!0:B,F=t.imageSmoothingQuality;$.imageSmoothingEnabled=q,F&&($.imageSmoothingQuality=F);var v=i.width,_=i.height,w=r,G=u,ne,pe,Ne,Oe,me,Ee;w<=-o||w>v?(w=0,ne=0,Ne=0,me=0):w<=0?(Ne=-w,w=0,ne=Math.min(v,o+w),me=ne):w<=v&&(Ne=0,ne=Math.min(o,v-w),me=ne),ne<=0||G<=-l||G>_?(G=0,pe=0,Oe=0,Ee=0):G<=0?(Oe=-G,G=0,pe=Math.min(_,l+G),Ee=pe):G<=_&&(Oe=0,pe=Math.min(l,_-G),Ee=pe);var ae=[w,G,ne,pe];if(me>0&&Ee>0){var De=I/o;ae.push(Ne*De,Oe*De,me*De,Ee*De)}return $.drawImage.apply($,[i].concat(Us(ae.map(function(x){return Math.floor(pt(x))})))),k},setAspectRatio:function(t){var a=this.options;return!this.disabled&&!Mi(t)&&(a.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var a=this.options,i=this.dragBox,n=this.face;if(this.ready&&!this.disabled){var r=t===xi,u=a.movable&&t===Ws;t=r||u?t:$s,a.dragMode=t,$t(i,Wt,t),Tt(i,Ii,r),Tt(i,Si,u),a.cropBoxMovable||($t(n,Wt,t),Tt(n,Ii,r),Tt(n,Si,u))}return this}},Ch=Pe.Cropper,dr=function(){function e(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(wd(this,e),!t||!zd.test(t.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=t,this.options=J({},ar,Et(a)&&a),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}return Bd(e,[{key:"init",value:function(){var a=this.element,i=a.tagName.toLowerCase(),n;if(!a[Z]){if(a[Z]=this,i==="img"){if(this.isImg=!0,n=a.getAttribute("src")||"",this.originalUrl=n,!n)return;n=a.src}else i==="canvas"&&window.HTMLCanvasElement&&(n=a.toDataURL());this.load(n)}}},{key:"load",value:function(a){var i=this;if(a){this.url=a,this.imageData={};var n=this.element,r=this.options;if(!r.rotatable&&!r.scalable&&(r.checkOrientation=!1),!r.checkOrientation||!window.ArrayBuffer){this.clone();return}if(Qd.test(a)){jd.test(a)?this.read(fh(a)):this.clone();return}var u=new XMLHttpRequest,o=this.clone.bind(this);this.reloading=!0,this.xhr=u,u.onabort=o,u.onerror=o,u.ontimeout=o,u.onprogress=function(){u.getResponseHeader("content-type")!==Js&&u.abort()},u.onload=function(){i.read(u.response)},u.onloadend=function(){i.reloading=!1,i.xhr=null},r.checkCrossOrigin&&or(a)&&n.crossOrigin&&(a=cr(a)),u.open("GET",a,!0),u.responseType="arraybuffer",u.withCredentials=n.crossOrigin==="use-credentials",u.send()}}},{key:"read",value:function(a){var i=this.options,n=this.imageData,r=Eh(a),u=0,o=1,l=1;if(r>1){this.url=mh(a,Js);var h=ph(r);u=h.rotate,o=h.scaleX,l=h.scaleY}i.rotatable&&(n.rotate=u),i.scalable&&(n.scaleX=o,n.scaleY=l),this.clone()}},{key:"clone",value:function(){var a=this.element,i=this.url,n=a.crossOrigin,r=i;this.options.checkCrossOrigin&&or(i)&&(n||(n="anonymous"),r=cr(i)),this.crossOrigin=n,this.crossOriginUrl=r;var u=document.createElement("img");n&&(u.crossOrigin=n),u.src=r||i,u.alt=a.alt||"The image to crop",this.image=u,u.onload=this.start.bind(this),u.onerror=this.stop.bind(this),de(u,qs),a.parentNode.insertBefore(u,a.nextSibling)}},{key:"start",value:function(){var a=this,i=this.image;i.onload=null,i.onerror=null,this.sizing=!0;var n=Pe.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(Pe.navigator.userAgent),r=function(h,m){J(a.imageData,{naturalWidth:h,naturalHeight:m,aspectRatio:h/m}),a.initialImageData=J({},a.imageData),a.sizing=!1,a.sized=!0,a.build()};if(i.naturalWidth&&!n){r(i.naturalWidth,i.naturalHeight);return}var u=document.createElement("img"),o=document.body||document.documentElement;this.sizingImage=u,u.onload=function(){r(u.width,u.height),n||o.removeChild(u)},u.src=i.src,n||(u.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",o.appendChild(u))}},{key:"stop",value:function(){var a=this.image;a.onload=null,a.onerror=null,a.parentNode.removeChild(a),this.image=null}},{key:"build",value:function(){if(!(!this.sized||this.ready)){var a=this.element,i=this.options,n=this.image,r=a.parentNode,u=document.createElement("div");u.innerHTML=Kd;var o=u.querySelector(".".concat(Z,"-container")),l=o.querySelector(".".concat(Z,"-canvas")),h=o.querySelector(".".concat(Z,"-drag-box")),m=o.querySelector(".".concat(Z,"-crop-box")),p=m.querySelector(".".concat(Z,"-face"));this.container=r,this.cropper=o,this.canvas=l,this.dragBox=h,this.cropBox=m,this.viewBox=o.querySelector(".".concat(Z,"-view-box")),this.face=p,l.appendChild(n),de(a,_e),r.insertBefore(o,a.nextSibling),ve(n,qs),this.initPreview(),this.bind(),i.initialAspectRatio=Math.max(0,i.initialAspectRatio)||NaN,i.aspectRatio=Math.max(0,i.aspectRatio)||NaN,i.viewMode=Math.max(0,Math.min(3,Math.round(i.viewMode)))||0,de(m,_e),i.guides||de(m.getElementsByClassName("".concat(Z,"-dashed")),_e),i.center||de(m.getElementsByClassName("".concat(Z,"-center")),_e),i.background&&de(o,"".concat(Z,"-bg")),i.highlight||de(p,qd),i.cropBoxMovable&&(de(p,Si),$t(p,Wt,Ci)),i.cropBoxResizable||(de(m.getElementsByClassName("".concat(Z,"-line")),_e),de(m.getElementsByClassName("".concat(Z,"-point")),_e)),this.render(),this.ready=!0,this.setDragMode(i.dragMode),i.autoCrop&&this.crop(),this.setData(i.data),Ae(i.ready)&&xe(a,zs,i.ready,{once:!0}),bt(a,zs)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var a=this.cropper.parentNode;a&&a.removeChild(this.cropper),ve(this.element,_e)}}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}],[{key:"noConflict",value:function(){return window.Cropper=Ch,e}},{key:"setDefaults",value:function(a){J(ar,Et(a)&&a)}}])}();J(dr.prototype,Th,bh,gh,_h,Ah,Nh);function Ih(e,t){const a=e.split(",")||[],i=a[0].match(/:(.*?);/)[1],n=a[1]&&atob(a[1]);let r=n&&n.length;const u=new Uint8Array(r);for(;r--;)u[r]=n==null?void 0:n.charCodeAt(r);return new File([u],t,{type:i})}const Sh={key:0,contenteditable:"false",class:"z-10 w-[100vw] h-[100vh] bg-[rgba(0,0,0,0.7)] flex flex-col justify-center items-center fixed top-0 left-0 cursor-auto"},xh={class:"w-[700px] flex flex-col bg-white rounded pb-8"},Oh={class:"flex flex-row items-center justify-between px-6 py-4 bg-[#f4f8ff]"},Dh={class:"flex flex-col h-full"},Lh={class:"flex flex-row justify-center items-start flex-1"},yh={class:"flex flex-col items-start flex-1"},Rh={class:"flex flex-col w-full px-6 py-4"},Mh={class:"flex flex-col w-full"},kh={class:"flex flex-row items-center"},Ph={class:"relative bg-[#474AFF] text-white rounded p-3"},vh={class:"flex flex-row items-start justify-between mt-3"},wh={class:"flex flex-col"},Bh={class:"flex flex-col justify-center items-center border w-[300px] h-[300px]"},Uh={key:0,class:"w-full text-center"},Fh=["src"],Hh={class:"flex flex-col items-center",style:{width:"300px",height:"300px"}},Vh={class:"text-[#999] mt-05 flex justify-center mt-4"},Yh={class:"w-full flex justify-end space-x-5 mt-5 px-6"},qh=["loading"],Wh=c.defineComponent({__name:"index",emits:["cancel","ok"],setup(e,{expose:t,emit:a}){const i=a,n=c.ref({coverUrl:"",inputValue:"",uploadType:2,videoHost:"",videoUrl:""}),r=c.ref(),u=c.ref({autoCrop:!0,autoCropArea:1,background:!0,center:!0,cropBoxResizable:!0,dragMode:"move",preview:".before",toggleDragModeOnDblclick:!0,viewMode:1,zoomOnWheel:!0}),o=c.ref(!1),l=c.ref({afterImg:"",image:null,myCropper:null}),h=c.ref("image/jpeg"),m=F=>{console.log(F);const v=F.target.files[0];if(v){v.name&&(n.value.inputValue=v.name);const _=new FileReader;_.onload=w=>{var G,ne;console.log("e?.target?.result",(G=w==null?void 0:w.target)==null?void 0:G.result),p((ne=w==null?void 0:w.target)==null?void 0:ne.result)},_.readAsDataURL(v)}};async function p(F){if(!F)return;await q();const v=F;l.value.image=v,l.value.image&&b()}function b(){const F=document.querySelector("#imgId");F&&F.addEventListener("load",()=>{B(),l.value.myCropper=new dr(F,u.value)})}const N=c.ref(!1);function I(F,v,_){r.value=F,F&&F.aspectRatio&&(u.value.aspectRatio=F.aspectRatio),_&&(n.value.inputValue=_),N.value=!0,v&&p(v)}function y(){N.value=!1}const k=()=>{var v,_;if(!l.value.myCropper)return;o.value=!0,l.value.afterImg=l.value.myCropper.getCroppedCanvas({height:(v=r.value)==null?void 0:v.height,imageSmoothingQuality:"high",width:(_=r.value)==null?void 0:_.width}).toDataURL(h.value);const F=Ih(l.value.afterImg,n.value.inputValue);i("ok",F),o.value=!1,q(),B(),y()};function $(){q(),B(),y(),i("cancel")}function B(){l.value.myCropper&&l.value.myCropper.destroy()}function q(){l.value.image=""}return t({handleCloseCropper:y,handleOpenCropper:I}),(F,v)=>{var _,w,G;return N.value?(c.openBlock(),c.createElementBlock("div",Sh,[c.createElementVNode("div",xh,[c.createElementVNode("div",Oh,[v[1]||(v[1]=c.createElementVNode("span",{class:"text-base font-semibold text-[#333]"},"图片裁剪",-1)),c.createElementVNode("span",{class:"text-lg cursor-pointer text-[#999] iconfont icon-shanchu2",onClick:c.withModifiers($,["stop"])})]),c.createElementVNode("div",Dh,[c.createElementVNode("div",Lh,[c.createElementVNode("div",yh,[c.createElementVNode("div",Rh,[c.createElementVNode("div",Mh,[c.createElementVNode("div",kh,[c.createElementVNode("div",Ph,[c.createElementVNode("input",{type:"file",accept:"image/*",onClick:v[0]||(v[0]=c.withModifiers(()=>{},["stop"])),contenteditable:"false",ref:"fileInput",onChange:m,class:"absolute top-0 left-0 w-[110px] h-[40px] opacity-0 cursor-pointer"},null,544),v[2]||(v[2]=c.createElementVNode("span",{id:"uploadHandler",class:"cursor-pointer"}," 选择/更换图片 ",-1))]),v[3]||(v[3]=c.createElementVNode("span",{class:"text-sm text-[#999] ml-3"},"滚动鼠标放大或缩小图片",-1))]),c.createElementVNode("div",vh,[c.createElementVNode("div",wh,[c.createElementVNode("div",Bh,[l.value.image?c.createCommentVNode("",!0):(c.openBlock(),c.createElementBlock("div",Uh," 请上传图片 ")),c.createElementVNode("img",{id:"imgId",src:l.value.image,style:{width:"300px"}},null,8,Fh)])]),c.createElementVNode("div",Hh,[v[4]||(v[4]=c.createElementVNode("div",{class:"before w-[270px] h-[200px] pr-[70px] border"},null,-1)),c.createElementVNode("div",Vh," 预览画像 "+c.toDisplayString(((_=r.value)==null?void 0:_.width)||"")+" "+c.toDisplayString((w=r.value)!=null&&w.width?"x":"")+" "+c.toDisplayString(((G=r.value)==null?void 0:G.height)||""),1)])])])])])]),c.createElementVNode("div",Yh,[c.createElementVNode("span",{loading:o.value,class:"!w-22 bg-[#474AFF] text-white rounded py-2 px-6 cursor-pointer",type:"primary",onClick:k}," 确认 ",8,qh),c.createElementVNode("span",{class:"!w-22 border border-[#DEDEDE] text-[#666] rounded py-2 px-6 cursor-pointer",onClick:$},"取消")])])])])):c.createCommentVNode("",!0)}}}),$h={class:"aidition_left"},Gh={class:"aidition_right"},Xh={key:0,"date-action":"1",class:"text-red-500 text-xs mt-1"},Qh=ft(c.defineComponent({__name:"ElementRenderer",props:{element:{type:Object,required:!0},selectedElement:Object,hoveredElement:Object,icons:{type:Array,default:()=>[]},mode:{type:String,default:"edit"}},emits:["selectElement","hoverElement","updateText","contentUpdated","blockAction","addIcon","upload"],setup(e,{emit:t}){const a=e,i=t,n=c.computed(()=>a.selectedElement===a.element),r=c.computed(()=>a.hoveredElement===a.element),u=c.ref(!1),o=c.ref(!1),l=c.ref(""),h=c.computed(()=>a.element.rule.minText||0),m=c.computed(()=>a.element.rule.maxText||1/0),p=c.ref();function b(O){O.xpath!="/div[1]"&&a.mode!=="preview"&&(a.mode==="edit"?O.type===z.Text&&i("selectElement",O):i("selectElement",O),!O.rule.isReadOnly&&O.type===z.Text&&(u.value=!0))}function N(O){i("selectElement",O)}function I(O,D){i("hoverElement",O,D)}function y(O){i("hoverElement",O)}function k(O){O.currentTarget.contains(O.relatedTarget)?i("hoverElement",null):a.hoveredElement?i("hoverElement",null,a.hoveredElement.parentxpath):i("hoverElement",null)}function $(){u.value=!1,i("contentUpdated",B())}function B(){function O(D){const H=Object.entries(D.attrs||{}).map(([re,Fe])=>`${re}="${Fe}"`).join(" "),V=`<${D.tag}${H?" "+H:""}>`,j=`</${D.tag}>`,ie=(D.children||[]).map(re=>O(re)).join("");return`${V}${D.editText||D.text||""}${ie}${j}`}return O(a.element)}function q(O){var V;O.stopPropagation();const D=O.target,H=((V=D.firstChild)==null?void 0:V.nodeType)===Node.TEXT_NODE&&D.firstChild.nodeValue||"";if(H.length<h.value){o.value=!0,l.value=`最少输入 ${h.value} 个字符`;return}else if(H.length>m.value){o.value=!0,l.value=`最多输入 ${m.value} 个字符`;return}else o.value=!1,l.value="";a.element.editText=H,i("updateText",{element:a.element,newText:H}),i("contentUpdated",B())}function F(O){i("updateText",O),i("contentUpdated",B())}function v(){const O={...a.element};i("blockAction",{action:"add",element:a.element,newBlock:O})}function _(){i("blockAction",{action:"moveUp",element:a.element})}function w(){i("blockAction",{action:"moveDown",element:a.element})}function G(){i("blockAction",{action:"delete",element:a.element})}function ne(O){i("blockAction",O),i("contentUpdated",B())}function pe(){p.value.openModal()}function Ne(O){i("addIcon",O,a.element),i("contentUpdated",B())}function Oe(O,D){i("addIcon",O,D),i("contentUpdated",B())}let me;const Ee=c.ref(),ae=c.ref({});function De(O,D){if(D.rule.minImageWidth&&D.rule.maxImageHeight?(ae.value.width=D.rule.minImageWidth,ae.value.height=D.rule.maxImageHeight,ae.value.aspectRatio=D.rule.minImageWidth/D.rule.maxImageHeight):ae.value={},O){O.name;const H=new FileReader;H.onload=V=>{var j;me=(j=V==null?void 0:V.target)==null?void 0:j.result,Ee.value.handleOpenCropper(ae.value,me,O.name)},H.readAsDataURL(O)}}function x(O,D){if(console.log(typeof O=="object",O),O)if(typeof O=="object"){D.attrs.alt=O.name;const H=new FileReader;H.onload=V=>{var ie;let j=(ie=V==null?void 0:V.target)==null?void 0:ie.result;D.attrs.src=j,i("upload",j,D),i("contentUpdated",B())},H.readAsDataURL(O)}else D.attrs.src=O,i("upload",O,D),i("contentUpdated",B())}const M=async O=>{};return(O,D)=>{const H=c.resolveComponent("ElementRenderer",!0);return c.openBlock(),c.createElementBlock(c.Fragment,null,[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(a.element.tag),c.mergeProps({class:[" ",e.mode==="design"?"m-2 p-1 border-dashed border-2":"",r.value?"border-dashed border-blue-500":"",n.value?"border-dashed border-green-500 z-10 border-2":"",o.value?"border-dashed border-red-500":"",(!r.value&&!n.value&&!o.value,""),a.element.rule&&a.element.rule.isReadOnly?"cursor-not-allowed":""]},a.element.attrs,{contenteditable:u.value,onClick:D[1]||(D[1]=c.withModifiers(()=>b(a.element),["stop"])),onMouseenter:D[2]||(D[2]=()=>y(a.element)),onMouseleave:k,onBlur:$,onInput:q}),{default:c.withCtx(()=>[c.createTextVNode(c.toDisplayString(a.element.editText||a.element.text),1),a.element.children&&a.element.children.length?(c.openBlock(),c.createElementBlock(c.Fragment,{key:0},[a.element.type===c.unref(z).Block?(c.openBlock(),c.createElementBlock("div",{key:0,"date-action":"1",class:c.normalizeClass(["aidition",n.value?"flex":""]),contenteditable:"false"},[c.createElementVNode("span",$h,c.toDisplayString(a.element.editText||a.element.text),1),c.createElementVNode("div",Gh,[c.createElementVNode("span",{onClick:c.withModifiers(_,["stop"])},"排前"),c.createElementVNode("span",{onClick:c.withModifiers(w,["stop"])},"排后"),c.createElementVNode("span",{onClick:c.withModifiers(G,["stop"])},"删除")])],2)):c.createCommentVNode("",!0),(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(a.element.children,(V,j)=>(c.openBlock(),c.createBlock(H,{mode:e.mode,icons:e.icons,key:j,element:V,selectedElement:a.selectedElement,hoveredElement:a.hoveredElement,onSelectElement:N,onHoverElement:I,onUpdateText:F,onBlockAction:ne,onAddIcon:Oe,onUpload:x},null,8,["mode","icons","element","selectedElement","hoveredElement"]))),128)),a.element.type===c.unref(z).Block?(c.openBlock(),c.createElementBlock(c.Fragment,{key:1},[c.createElementVNode("span",{class:"iconfont icon-a-tianjiaxian icon_gray_add",onClick:c.withModifiers(v,["stop"]),contenteditable:"false"}),c.createElementVNode("div",{class:"cont_aidition",contenteditable:"false",onClick:D[0]||(D[0]=c.withModifiers(()=>{},["stop"]))},[c.createElementVNode("span",{onClick:c.withModifiers(_,["stop"]),class:"iconfont icon-paiqian"}),c.createElementVNode("span",{onClick:c.withModifiers(w,["stop"]),class:"iconfont icon-paihou"}),c.createElementVNode("span",{onClick:c.withModifiers(G,["stop"]),class:"iconfont icon-shanchu"}),c.createElementVNode("span",{onClick:c.withModifiers(v,["stop"]),class:"iconfont icon-a-tianjiaxian"})])],64)):c.createCommentVNode("",!0)],64)):c.createCommentVNode("",!0)]),_:1},16,["class","contenteditable"])),a.element.type==c.unref(z).Text&&o.value?(c.openBlock(),c.createElementBlock("div",Xh,c.toDisplayString(l.value),1)):c.createCommentVNode("",!0),a.element.type===c.unref(z).Image?(c.openBlock(),c.createElementBlock("div",{key:1,class:"absolute top-0 right-0 bg-white rounded shadow z-10 py-0.5 px-1",onClick:D[3]||(D[3]=c.withModifiers(()=>{},["stop"]))},[D[7]||(D[7]=c.createElementVNode("span",{contenteditable:"false",class:"cursor-pointer"},"上传图片",-1)),c.createVNode(Pd,{customUpload:V=>De(V,a.element),height:a.element.rule.maxImageHeight,width:a.element.rule.minImageWidth,uploadByImage:M},null,8,["customUpload","height","width"])])):c.createCommentVNode("",!0),a.element.type===c.unref(z).Icon?(c.openBlock(),c.createElementBlock("div",{key:2,class:"absolute -top-6 left-0 bg-white py-0.5 px-1 rounded shadow z-10",onClick:D[5]||(D[5]=c.withModifiers(()=>{},["stop"]))},[c.createElementVNode("span",{onClick:D[4]||(D[4]=c.withModifiers(V=>pe(),["stop"])),contenteditable:"false",class:"cursor-pointer"},"选择图标")])):c.createCommentVNode("",!0),c.createVNode(kd,{icons:e.icons,ref_key:"iconRef",ref:p,onOk:Ne},null,8,["icons"]),c.createVNode(Wh,{ref_key:"cropperRef",ref:Ee,onOk:D[6]||(D[6]=V=>x(V,a.element))},null,512)],64)}}}),[["__scopeId","data-v-4e2cbd1e"]]),jh=c.defineComponent({name:"GpCheckbox",props:{modelValue:{type:Boolean,required:!0},label:{type:String,default:""}},emits:["update:modelValue"],setup(e,{emit:t}){return{updateValue:i=>{t("update:modelValue",i.target.checked)}}}}),zh={class:"form-group"},Kh={class:"flex items-center space-x-2 cursor-pointer"},Zh=["checked","aria-checked"],Jh={class:"checkbox-label text-sm text-gray-700"};function ef(e,t,a,i,n,r){return c.openBlock(),c.createElementBlock("div",zh,[c.createElementVNode("label",Kh,[c.createElementVNode("input",{type:"checkbox",checked:e.modelValue,onChange:t[0]||(t[0]=(...u)=>e.updateValue&&e.updateValue(...u)),class:"custom-checkbox","aria-checked":e.modelValue},null,40,Zh),c.createElementVNode("span",Jh,c.toDisplayString(e.label),1)])])}const xa=ft(jh,[["render",ef],["__scopeId","data-v-68b8f276"]]),tf=c.defineComponent({name:"GpMessage",props:{message:{type:String,required:!0},type:{type:String,default:"info"},position:{type:String,default:"top-right"},duration:{type:Number,default:3e3},onClose:{type:Function,required:!0},icon:{type:Boolean,default:!0}},setup(e){const t=c.ref(!1),a=c.computed(()=>({success:"bg-green-100 text-green-800",error:"bg-red-100 text-red-800",info:"bg-blue-100 text-blue-800",warning:"bg-yellow-100 text-yellow-800"})[e.type]),i=()=>{t.value=!1,e.onClose()};return setTimeout(()=>{i()},e.duration),t.value=!0,{visible:t,typeClass:a,closeMessage:i}}}),af={key:0,class:"gp-message"},nf={key:0,class:"mr-2"},sf={key:0,class:"text-green-500"},rf={key:1,class:"text-red-500"},uf={key:2,class:"text-blue-500"},of={key:3,class:"text-yellow-500"};function cf(e,t,a,i,n,r){return c.openBlock(),c.createBlock(c.Transition,{name:"fade"},{default:c.withCtx(()=>[e.visible?(c.openBlock(),c.createElementBlock("div",af,[c.createElementVNode("div",{class:c.normalizeClass([e.typeClass,"message-content"])},[e.icon?(c.openBlock(),c.createElementBlock("span",nf,[c.renderSlot(e.$slots,"icon",{},()=>[e.type==="success"?(c.openBlock(),c.createElementBlock("span",sf,"✔")):c.createCommentVNode("",!0),e.type==="error"?(c.openBlock(),c.createElementBlock("span",rf,"✖")):c.createCommentVNode("",!0),e.type==="info"?(c.openBlock(),c.createElementBlock("span",uf,"ℹ")):c.createCommentVNode("",!0),e.type==="warning"?(c.openBlock(),c.createElementBlock("span",of,"⚠")):c.createCommentVNode("",!0)],!0)])):c.createCommentVNode("",!0),c.createElementVNode("span",null,c.toDisplayString(e.message),1),c.createElementVNode("button",{class:"close-btn hover:text-gray-800 font-bold",onClick:t[0]||(t[0]=(...u)=>e.closeMessage&&e.closeMessage(...u))}," × ")],2)])):c.createCommentVNode("",!0)]),_:3})}const lf=ft(tf,[["render",cf],["__scopeId","data-v-56476f4c"]]),gt=c.reactive([]);let wi=null;const df=()=>{const e=document.createElement("div");return e.id="global-message-container",document.body.appendChild(e),e},hf=()=>{if(wi)return;const e=df();wi=c.createApp({setup(){return{messageQueue:gt}},render(){const t=c.computed(()=>{var i;return{"top-left":"top-4 left-4","top-right":"top-4 right-4","bottom-left":"bottom-4 left-4","bottom-right":"bottom-4 right-4","top-center":"top-4 left-1/2 transform -translate-x-1/2","bottom-center":"bottom-4 left-1/2 transform -translate-x-1/2"}[((i=gt[0])==null?void 0:i.options.position)||"top-right"]});return c.h("div",{class:`fixed flex flex-col gap-2 ${t.value}`},gt.map(a=>c.h(lf,{key:a.id,...a.options,onClose:()=>hr(a.id)})))}}),wi.mount(e)},hr=e=>{const t=gt.findIndex(a=>a.id===e);t!==-1&&gt.splice(t,1)};let ff=0;const te=e=>{hf();const t=ff++;gt.push({id:t,options:e}),setTimeout(()=>{hr(t)},e.duration||3e3)};te.success=(e,t=3e3,a=!0)=>{te(typeof e=="string"?{message:e,type:"success",duration:t,icon:a}:{...e,type:"success"})},te.error=(e,t=3e3,a=!0)=>{te(typeof e=="string"?{message:e,type:"error",duration:t,icon:a}:{...e,type:"error"})},te.info=(e,t=3e3,a=!0)=>{te(typeof e=="string"?{message:e,type:"info",duration:t,icon:a}:{...e,type:"info"})},te.warning=(e,t=3e3,a=!0)=>{te(typeof e=="string"?{message:e,type:"warning",duration:t,icon:a}:{...e,type:"warning"})};const mf={key:0},Ef={key:0},pf={class:"text-gray-500 my-2"},Tf={class:"text-gray-500 my-2"},bf={key:1},gf={key:2},_f={key:3},Af={key:4},Nf={key:5},Cf={key:6},If={key:7},Sf={key:8},xf=ft(c.defineComponent({__name:"EditorPanel",props:{element:Object},emits:["updateElement"],setup(e,{emit:t}){const a=e,i=t,n=c.ref({rule:{},...a.element});c.watch(()=>a.element,u=>{n.value={rule:{},...u}},{immediate:!0});function r(){if(n.value.type===z.Icon&&!n.value.attrs.class.includes("iconfont")){te.error("Icon 支持 iconfont 图标");return}if(n.value.type===z.Image&&n.value.tag!=="img"){te.error("节点类型错误");return}if(n.value.type===z.Video&&n.value.tag!=="video"){te.error("节点类型错误");return}if(n.value.type===z.Link&&n.value.tag!=="a"){te.error("节点类型错误");return}if(n.value.type===z.Text){if(n.value.rule.minText>n.value.rule.maxText){te.error("最小文本长度不能大于最大文本长度");return}if(n.value.tag!=="p"&&n.value.tag!=="div"&&n.value.tag!=="span"&&n.value.tag!=="h1"&&n.value.tag!=="h2"&&n.value.tag!=="h3"&&n.value.tag!=="h4"&&n.value.tag!=="h5"&&n.value.tag!=="h6"){te.error("节点类型错误");return}}if(n.value.type===z.Block){if(n.value.rule.minBlock>n.value.rule.maxBlock){te.error("最小块数量不能大于最大块数量");return}if(n.value.tag!=="div"&&n.value.tag!=="section"&&n.value.tag!=="article"&&n.value.tag!=="nav"&&n.value.tag!=="header"&&n.value.tag!=="footer"&&n.value.tag!=="span"&&n.value.tag!=="p"&&n.value.tag!=="img"){te.error("节点类型错误");return}}i("updateElement",n.value),te.success("保存成功")}return(u,o)=>(c.openBlock(),c.createElementBlock("div",null,[n.value?(c.openBlock(),c.createElementBlock("div",mf,[n.value.text!==void 0?(c.openBlock(),c.createElementBlock("div",Ef,[o[11]||(o[11]=c.createElementVNode("label",{class:"block"},"内容",-1)),c.createElementVNode("div",pf,c.toDisplayString(n.value.text||"-"),1)])):c.createCommentVNode("",!0),c.createElementVNode("div",null,[o[12]||(o[12]=c.createElementVNode("label",{class:"block mt-4"},"节点",-1)),c.createElementVNode("div",Tf,c.toDisplayString(n.value.xpath),1)]),c.createElementVNode("div",null,[o[14]||(o[14]=c.createElementVNode("label",{class:"block mt-4"},"类型",-1)),c.withDirectives(c.createElementVNode("select",{"onUpdate:modelValue":o[0]||(o[0]=l=>n.value.type=l),class:"border rounded p-1 w-full"},o[13]||(o[13]=[c.createElementVNode("option",{value:0},"无",-1),c.createElementVNode("option",{value:1},"文本",-1),c.createElementVNode("option",{value:2},"图片",-1),c.createElementVNode("option",{value:3},"视频",-1),c.createElementVNode("option",{value:4},"图标",-1),c.createElementVNode("option",{value:5},"链接",-1),c.createElementVNode("option",{value:10},"块",-1)]),512),[[c.vModelSelect,n.value.type]])]),n.value.type==c.unref(z).Text?(c.openBlock(),c.createElementBlock("div",bf,[o[15]||(o[15]=c.createElementVNode("label",{class:"block mt-4"},"最小文本长度",-1)),c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":o[1]||(o[1]=l=>n.value.rule.minText=l),class:"border rounded p-1 w-full"},null,512),[[c.vModelText,n.value.rule.minText]])])):c.createCommentVNode("",!0),n.value.type==c.unref(z).Text?(c.openBlock(),c.createElementBlock("div",gf,[o[16]||(o[16]=c.createElementVNode("label",{class:"block mt-4"},"最大文本长度",-1)),c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":o[2]||(o[2]=l=>n.value.rule.maxText=l),class:"border rounded p-1 w-full"},null,512),[[c.vModelText,n.value.rule.maxText]])])):c.createCommentVNode("",!0),n.value.type==c.unref(z).Image?(c.openBlock(),c.createElementBlock("div",_f,[o[17]||(o[17]=c.createElementVNode("label",{class:"block mt-4"},"是否裁剪",-1)),c.createVNode(xa,{class:"py-2",modelValue:n.value.rule.crop,"onUpdate:modelValue":o[3]||(o[3]=l=>n.value.rule.crop=l),label:"是"},null,8,["modelValue"])])):c.createCommentVNode("",!0),n.value.type==c.unref(z).Image?(c.openBlock(),c.createElementBlock("div",Af,[o[18]||(o[18]=c.createElementVNode("label",{class:"block mt-4"},"图片宽度",-1)),c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":o[4]||(o[4]=l=>n.value.rule.minImageWidth=l),class:"border rounded p-1 w-full"},null,512),[[c.vModelText,n.value.rule.minImageWidth]])])):c.createCommentVNode("",!0),n.value.type==c.unref(z).Image?(c.openBlock(),c.createElementBlock("div",Nf,[o[19]||(o[19]=c.createElementVNode("label",{class:"block mt-4"},"图片高度",-1)),c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":o[5]||(o[5]=l=>n.value.rule.maxImageHeight=l),class:"border rounded p-1 w-full"},null,512),[[c.vModelText,n.value.rule.maxImageHeight]])])):c.createCommentVNode("",!0),n.value.type==c.unref(z).Block?(c.openBlock(),c.createElementBlock("div",Cf,[o[20]||(o[20]=c.createElementVNode("label",{class:"block mt-4"},"块最小数量",-1)),c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":o[6]||(o[6]=l=>n.value.rule.minBlock=l),class:"border rounded p-1 w-full"},null,512),[[c.vModelText,n.value.rule.minBlock]])])):c.createCommentVNode("",!0),n.value.type==c.unref(z).Block?(c.openBlock(),c.createElementBlock("div",If,[o[21]||(o[21]=c.createElementVNode("label",{class:"block mt-4"},"块最大数量",-1)),c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":o[7]||(o[7]=l=>n.value.rule.maxBlock=l),class:"border rounded p-1 w-full"},null,512),[[c.vModelText,n.value.rule.maxBlock]])])):c.createCommentVNode("",!0),n.value.type==c.unref(z).Text||n.value.type==c.unref(z).Icon?(c.openBlock(),c.createElementBlock("div",Sf,[o[22]||(o[22]=c.createElementVNode("label",{class:"block mt-4"},"主题色",-1)),c.createVNode(xa,{class:"py-2",modelValue:n.value.rule.isThemeColor,"onUpdate:modelValue":o[8]||(o[8]=l=>n.value.rule.isThemeColor=l),label:"是"},null,8,["modelValue"])])):c.createCommentVNode("",!0),c.createElementVNode("div",null,[o[23]||(o[23]=c.createElementVNode("label",{class:"block mt-4"},"是否必填",-1)),c.createVNode(xa,{class:"py-2",modelValue:n.value.rule.isRequired,"onUpdate:modelValue":o[9]||(o[9]=l=>n.value.rule.isRequired=l),label:"是"},null,8,["modelValue"])]),c.createElementVNode("div",null,[o[24]||(o[24]=c.createElementVNode("label",{class:"block mt-4"},"是否只读",-1)),c.createVNode(xa,{class:"py-2",modelValue:n.value.rule.isReadOnly,"onUpdate:modelValue":o[10]||(o[10]=l=>n.value.rule.isReadOnly=l),label:"是"},null,8,["modelValue"])])])):c.createCommentVNode("",!0),c.createElementVNode("button",{onClick:r,class:"mt-4 p-2 bg-green-500 text-white rounded"}," 保存 ")]))}}),[["__scopeId","data-v-1a7da1b9"]]),Of={class:"flex"},Df={key:0,class:"text-lg font-bold border-b p-2"},Lf={class:"text-sm font-thin text-gray-500"},yf=["innerHTML"],Rf=["innerHTML"],Mf={class:"flex-1"},kf={key:0,class:"text-lg font-bold border-b p-2"},Pf={class:"p-2"},vf={key:0,class:"text-red-500 text-xs mt-2"},wf={key:0,class:"text-lg font-bold border-b p-2"},Bf={class:"text-sm font-thin text-gray-500"},Uf={class:"p-2"},fr=ft(c.defineComponent({__name:"Designer",props:{mode:{default:"design"},template:{},css:{},previewWidth:{default:375},uploadByFile:{},icons:{},rules:{},preview:{type:Boolean,default:!0},showTitle:{type:Boolean,default:!0}},emits:["update:modelValue","update:element"],setup(e,{emit:t}){const a=e,i=t,n=c.ref(a.template);c.watch(()=>a.template,x=>{n.value=x},{immediate:!0}),c.watch(()=>n.value,x=>{x&&(u.value=$(x))},{immediate:!0}),c.watch(()=>a.css,x=>{x.forEach(M=>{if(document.querySelector(`link[href="${M}"]`))return;const O=document.createElement("link");O.rel="stylesheet",O.href=M,document.head.appendChild(O)})},{immediate:!0});const r=c.ref(a.mode),u=c.ref();c.watch(()=>u.value,x=>{x&&i("update:element",x)},{immediate:!0});const o=c.ref("");let l=Ms("",{},!1);c.watch(()=>o.value,x=>{i("update:modelValue",x)},{immediate:!0});const h=c.ref(),m=c.ref(),p=c.ref("");function b(x){console.log("选择",x),h.value=x}function N(x,M=""){if(M){const O=I(u.value,M);O?m.value=O:m.value=x}else m.value=x}function I(x,M){if(x.xpath===M)return x;if(x.children&&x.children.length)for(const O of x.children){const D=I(O,M);if(D)return D}}function y(x){var M,O,D,H;if(console.log(x,h.value),h.value)if(h.value.rule=x.rule,h.value.type=x.type,(M=x.rule)!=null&&M.isThemeColor?(x.attrs.class+="theme_color",x.attrs.style&&(x.attrs.style=void 0)):(console.log("e111",(O=x.attrs.class)==null?void 0:O.includes("theme_color")),(D=x.attrs.class)!=null&&D.includes("theme_color")&&(x.attrs.class=x.attrs.class.replace("theme_color"," "))),h.value.type===z.Block){const V=I(u.value,h.value.parentxpath||"");V&&V.children&&V.children.forEach(j=>{var ie;j.tag===h.value.tag&&(j.rule=x.rule,j.type=x.type,(ie=j.attrs.class)!=null&&ie.includes(" mb40 relative")||(j.attrs.class+=" mb40 relative"))})}else(H=h.value.attrs.class)!=null&&H.includes(" mb40 relative")&&(h.value.attrs.class=h.value.attrs.class.replace(" mb40 relative"," "))}function k(x){o.value=x}function $(x){l=Ms(x);const M=l("body").children().toArray().map(O=>B(l(O)));return o.value=l("body").html()||"",M[0]}function B(x,M=""){var j;function O(ie){if(!ie||!ie[0])return"";const re=[];let Fe=ie;for(;Fe.length&&Fe[0].tagName!=="html";){const mr=Fe[0].tagName,Hf=Fe.parent().children(mr).index(Fe)+1;re.unshift(`${mr}[${Hf}]`),Fe=Fe.parent()}return"/html/"+re.join("/")}const D=O(x).replace("/html/body[1]",""),H=x.children().toArray().map(ie=>B(l(ie),D)),V=(j=a.rules)==null?void 0:j.find(ie=>ie.xpath===D);return{tag:x[0].tagName,text:x.contents().not(x.children()).text().trim(),attrs:x[0].attribs,children:H,xpath:D,parentxpath:M,type:(V==null?void 0:V.type)||z.None,rule:(V==null?void 0:V.rule)||{}}}function q(x){console.log("更新子节点的文本",x);const M=I(u.value,x.element.xpath);M&&(M.editText=x.newText)}function F(x,M=""){function O(D,H){var ie;const j=(H?((ie=I(u.value,H))==null?void 0:ie.children)||[]:[u.value]).filter(re=>re.tag===D.tag).indexOf(D)+1;return`${H}/${D.tag}[${j}]`}x.xpath=O(x,M),x.parentxpath=M,(x.children||[]).forEach(D=>F(D,x.xpath))}function v({action:x,element:M,newBlock:O}){console.log("块操作",x,M,O);const D=I(u.value,M.parentxpath||"");if(!D||!D.children)return;const H=D.children.findIndex(re=>re===M);if(H===-1)return;const V=D.children.length,{minBlock:j,maxBlock:ie}=M.rule;if((x==="add"||x==="copy")&&V>=(ie||1/0)){p.value=`无法添加更多块。最大块数量为 ${ie}`,te.error(p.value);return}switch(x){case"add":if(O){const re={...O,xpath:"",children:JSON.parse(JSON.stringify(O.children))};D.children.splice(H+1,0,re)}break;case"copy":if(O){const re={...O,xpath:"",children:JSON.parse(JSON.stringify(O.children))};D.children.splice(H+1,0,re)}break;case"moveUp":if(H>0){const[re]=D.children.splice(H,1);D.children.splice(H-1,0,re)}break;case"moveDown":if(H<D.children.length-1){const[re]=D.children.splice(H,1);D.children.splice(H+1,0,re)}break;case"delete":if(V<=(j||0)){p.value=`无法删除更多块。最小块数量为 ${j}`,te.error(p.value);return}D.children.splice(H,1);break}p.value="",F(u.value)}function _(x,M){let O=M.attrs.class.replace(/icon-\S+/g,`icon-${x}`);M.attrs.class=O}function w(x,M){M.attrs.src=x}const G=c.ref(a.previewWidth),ne=c.ref(375);let pe=c.ref(!1),Ne=c.ref(""),Oe=0,me=0;function Ee(x){Ne.value=x,pe.value=!0,Oe=event.clientX,x==="preview"?me=G.value:x==="structure"&&(me=ne.value),window.addEventListener("mousemove",ae),window.addEventListener("mouseup",De)}function ae(x){if(!pe.value)return;const M=x.clientX-Oe;Ne.value==="preview"?G.value=Math.max(200,me+M):Ne.value==="structure"&&(ne.value=Math.max(200,me-M))}function De(){pe.value=!1,Ne.value="",window.removeEventListener("mousemove",ae),window.removeEventListener("mouseup",De)}return(x,M)=>(c.openBlock(),c.createElementBlock("div",Of,[x.preview?(c.openBlock(),c.createElementBlock("div",{key:0,class:"border-l overflow-auto resize-area",style:c.normalizeStyle({width:G.value+"px"})},[x.showTitle?(c.openBlock(),c.createElementBlock("h2",Df,[M[2]||(M[2]=c.createTextVNode("实时预览 ")),c.createElementVNode("span",Lf,c.toDisplayString(G.value)+"px",1)])):c.createCommentVNode("",!0),c.createElementVNode("div",null,[o.value?(c.openBlock(),c.createElementBlock("div",{key:0,innerHTML:o.value},null,8,yf)):(c.openBlock(),c.createElementBlock("div",{key:1,innerHTML:c.unref(l)("body").html()},null,8,Rf))])],4)):c.createCommentVNode("",!0),x.preview?(c.openBlock(),c.createElementBlock("div",{key:1,class:"resizer",onMousedown:M[0]||(M[0]=O=>Ee("preview"))},null,32)):c.createCommentVNode("",!0),c.createElementVNode("div",Mf,[x.showTitle?(c.openBlock(),c.createElementBlock("h2",kf,"结构渲染")):c.createCommentVNode("",!0),c.createElementVNode("div",Pf,[p.value?(c.openBlock(),c.createElementBlock("div",vf,c.toDisplayString(p.value),1)):c.createCommentVNode("",!0),u.value?(c.openBlock(),c.createBlock(Qh,{key:1,mode:x.mode,icons:x.icons,element:u.value,selectedElement:h.value,hoveredElement:m.value,onSelectElement:b,onHoverElement:N,onContentUpdated:k,onUpdateText:q,onBlockAction:v,onAddIcon:_,onUpload:w},null,8,["mode","icons","element","selectedElement","hoveredElement"])):c.createCommentVNode("",!0)])]),r.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:2,class:"resizer",onMousedown:M[1]||(M[1]=O=>Ee("structure"))},null,32)):c.createCommentVNode("",!0),r.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:3,class:"resize-area overflow-auto",style:c.normalizeStyle({width:ne.value+"px"})},[x.showTitle?(c.openBlock(),c.createElementBlock("h2",wf,[M[3]||(M[3]=c.createTextVNode("节点属性 ")),c.createElementVNode("span",Bf,c.toDisplayString(ne.value)+"px",1)])):c.createCommentVNode("",!0),c.createElementVNode("div",Uf,[h.value?(c.openBlock(),c.createBlock(xf,{key:0,element:h.value,onUpdateElement:y},null,8,["element"])):c.createCommentVNode("",!0)])],4)):c.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-d0f5b8a7"]]),Ff={install(e){e.component("Designer",fr)}};He.Designer=fr,He.default=Ff,Object.defineProperties(He,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var Na=typeof window<"u"&&typeof window.document<"u",Pe=Na?window:{},Ai=Na&&Pe.document.documentElement?"ontouchstart"in Pe.document.documentElement:!1,Ni=Na?"PointerEvent"in Pe:!1,Z="cropper",Ci="all",Fs="crop",Hs="move",Vs="zoom",it="e",nt="w",mt="s",Xe="n",Ht="ne",Vt="nw",Yt="se",qt="sw",Ii="".concat(Z,"-crop"),Ys="".concat(Z,"-disabled"),_e="".concat(Z,"-hidden"),qs="".concat(Z,"-hide"),qd="".concat(Z,"-invisible"),Ca="".concat(Z,"-modal"),Si="".concat(Z,"-move"),Wt="".concat(Z,"Action"),Ia="".concat(Z,"Preview"),xi="crop",Ws="move",$s="none",Oi="crop",Di="cropend",Li="cropmove",yi="cropstart",Gs="dblclick",Wd=Ai?"touchstart":"mousedown",$d=Ai?"touchmove":"mousemove",Gd=Ai?"touchend touchcancel":"mouseup",Xs=Ni?"pointerdown":Wd,Qs=Ni?"pointermove":$d,js=Ni?"pointerup pointercancel":Gd,zs="ready",Ks="resize",Zs="wheel",Ri="zoom",Js="image/jpeg",Xd=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,Qd=/^data:/,jd=/^data:image\/jpeg;base64,/,zd=/^img|canvas$/i,er=200,tr=100,ar={viewMode:0,dragMode:xi,initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:er,minContainerHeight:tr,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},Kd='<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>',Zd=Number.isNaN||Pe.isNaN;function Y(e){return typeof e=="number"&&!Zd(e)}var ir=function(t){return t>0&&t<1/0};function Mi(e){return typeof e>"u"}function st(e){return gi(e)==="object"&&e!==null}var Jd=Object.prototype.hasOwnProperty;function Et(e){if(!st(e))return!1;try{var t=e.constructor,a=t.prototype;return t&&a&&Jd.call(a,"isPrototypeOf")}catch{return!1}}function Ae(e){return typeof e=="function"}var eh=Array.prototype.slice;function nr(e){return Array.from?Array.from(e):eh.call(e)}function se(e,t){return e&&Ae(t)&&(Array.isArray(e)||Y(e.length)?nr(e).forEach(function(a,i){t.call(e,a,i,e)}):st(e)&&Object.keys(e).forEach(function(a){t.call(e,e[a],a,e)})),e}var J=Object.assign||function(t){for(var a=arguments.length,i=new Array(a>1?a-1:0),n=1;n<a;n++)i[n-1]=arguments[n];return st(t)&&i.length>0&&i.forEach(function(r){st(r)&&Object.keys(r).forEach(function(u){t[u]=r[u]})}),t},th=/\.\d*(?:0|9){12}\d*$/;function pt(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return th.test(e)?Math.round(e*t)/t:e}var ah=/^width|height|left|top|marginLeft|marginTop$/;function Qe(e,t){var a=e.style;se(t,function(i,n){ah.test(n)&&Y(i)&&(i="".concat(i,"px")),a[n]=i})}function ih(e,t){return e.classList?e.classList.contains(t):e.className.indexOf(t)>-1}function de(e,t){if(t){if(Y(e.length)){se(e,function(i){de(i,t)});return}if(e.classList){e.classList.add(t);return}var a=e.className.trim();a?a.indexOf(t)<0&&(e.className="".concat(a," ").concat(t)):e.className=t}}function ve(e,t){if(t){if(Y(e.length)){se(e,function(a){ve(a,t)});return}if(e.classList){e.classList.remove(t);return}e.className.indexOf(t)>=0&&(e.className=e.className.replace(t,""))}}function Tt(e,t,a){if(t){if(Y(e.length)){se(e,function(i){Tt(i,t,a)});return}a?de(e,t):ve(e,t)}}var nh=/([a-z\d])([A-Z])/g;function ki(e){return e.replace(nh,"$1-$2").toLowerCase()}function Pi(e,t){return st(e[t])?e[t]:e.dataset?e.dataset[t]:e.getAttribute("data-".concat(ki(t)))}function $t(e,t,a){st(a)?e[t]=a:e.dataset?e.dataset[t]=a:e.setAttribute("data-".concat(ki(t)),a)}function sh(e,t){if(st(e[t]))try{delete e[t]}catch{e[t]=void 0}else if(e.dataset)try{delete e.dataset[t]}catch{e.dataset[t]=void 0}else e.removeAttribute("data-".concat(ki(t)))}var sr=/\s\s*/,rr=function(){var e=!1;if(Na){var t=!1,a=function(){},i=Object.defineProperty({},"once",{get:function(){return e=!0,t},set:function(r){t=r}});Pe.addEventListener("test",a,i),Pe.removeEventListener("test",a,i)}return e}();function ye(e,t,a){var i=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},n=a;t.trim().split(sr).forEach(function(r){if(!rr){var u=e.listeners;u&&u[r]&&u[r][a]&&(n=u[r][a],delete u[r][a],Object.keys(u[r]).length===0&&delete u[r],Object.keys(u).length===0&&delete e.listeners)}e.removeEventListener(r,n,i)})}function xe(e,t,a){var i=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},n=a;t.trim().split(sr).forEach(function(r){if(i.once&&!rr){var u=e.listeners,o=u===void 0?{}:u;n=function(){delete o[r][a],e.removeEventListener(r,n,i);for(var h=arguments.length,m=new Array(h),p=0;p<h;p++)m[p]=arguments[p];a.apply(e,m)},o[r]||(o[r]={}),o[r][a]&&e.removeEventListener(r,o[r][a],i),o[r][a]=n,e.listeners=o}e.addEventListener(r,n,i)})}function bt(e,t,a){var i;return Ae(Event)&&Ae(CustomEvent)?i=new CustomEvent(t,{detail:a,bubbles:!0,cancelable:!0}):(i=document.createEvent("CustomEvent"),i.initCustomEvent(t,!0,!0,a)),e.dispatchEvent(i)}function ur(e){var t=e.getBoundingClientRect();return{left:t.left+(window.pageXOffset-document.documentElement.clientLeft),top:t.top+(window.pageYOffset-document.documentElement.clientTop)}}var vi=Pe.location,rh=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function or(e){var t=e.match(rh);return t!==null&&(t[1]!==vi.protocol||t[2]!==vi.hostname||t[3]!==vi.port)}function cr(e){var t="timestamp=".concat(new Date().getTime());return e+(e.indexOf("?")===-1?"?":"&")+t}function Gt(e){var t=e.rotate,a=e.scaleX,i=e.scaleY,n=e.translateX,r=e.translateY,u=[];Y(n)&&n!==0&&u.push("translateX(".concat(n,"px)")),Y(r)&&r!==0&&u.push("translateY(".concat(r,"px)")),Y(t)&&t!==0&&u.push("rotate(".concat(t,"deg)")),Y(a)&&a!==1&&u.push("scaleX(".concat(a,")")),Y(i)&&i!==1&&u.push("scaleY(".concat(i,")"));var o=u.length?u.join(" "):"none";return{WebkitTransform:o,msTransform:o,transform:o}}function uh(e){var t=vs({},e),a=0;return se(e,function(i,n){delete t[n],se(t,function(r){var u=Math.abs(i.startX-r.startX),o=Math.abs(i.startY-r.startY),l=Math.abs(i.endX-r.endX),h=Math.abs(i.endY-r.endY),m=Math.sqrt(u*u+o*o),p=Math.sqrt(l*l+h*h),b=(p-m)/m;Math.abs(b)>Math.abs(a)&&(a=b)})}),a}function Sa(e,t){var a=e.pageX,i=e.pageY,n={endX:a,endY:i};return t?n:vs({startX:a,startY:i},n)}function oh(e){var t=0,a=0,i=0;return se(e,function(n){var r=n.startX,u=n.startY;t+=r,a+=u,i+=1}),t/=i,a/=i,{pageX:t,pageY:a}}function je(e){var t=e.aspectRatio,a=e.height,i=e.width,n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",r=ir(i),u=ir(a);if(r&&u){var o=a*t;n==="contain"&&o>i||n==="cover"&&o<i?a=i/t:i=a*t}else r?a=i/t:u&&(i=a*t);return{width:i,height:a}}function ch(e){var t=e.width,a=e.height,i=e.degree;if(i=Math.abs(i)%180,i===90)return{width:a,height:t};var n=i%90*Math.PI/180,r=Math.sin(n),u=Math.cos(n),o=t*u+a*r,l=t*r+a*u;return i>90?{width:l,height:o}:{width:o,height:l}}function lh(e,t,a,i){var n=t.aspectRatio,r=t.naturalWidth,u=t.naturalHeight,o=t.rotate,l=o===void 0?0:o,h=t.scaleX,m=h===void 0?1:h,p=t.scaleY,b=p===void 0?1:p,N=a.aspectRatio,I=a.naturalWidth,y=a.naturalHeight,k=i.fillColor,$=k===void 0?"transparent":k,B=i.imageSmoothingEnabled,q=B===void 0?!0:B,F=i.imageSmoothingQuality,v=F===void 0?"low":F,_=i.maxWidth,w=_===void 0?1/0:_,G=i.maxHeight,ne=G===void 0?1/0:G,pe=i.minWidth,Ne=pe===void 0?0:pe,Oe=i.minHeight,me=Oe===void 0?0:Oe,Ee=document.createElement("canvas"),ae=Ee.getContext("2d"),De=je({aspectRatio:N,width:w,height:ne}),x=je({aspectRatio:N,width:Ne,height:me},"cover"),M=Math.min(De.width,Math.max(x.width,I)),O=Math.min(De.height,Math.max(x.height,y)),D=je({aspectRatio:n,width:w,height:ne}),H=je({aspectRatio:n,width:Ne,height:me},"cover"),V=Math.min(D.width,Math.max(H.width,r)),j=Math.min(D.height,Math.max(H.height,u)),ie=[-V/2,-j/2,V,j];return Ee.width=pt(M),Ee.height=pt(O),ae.fillStyle=$,ae.fillRect(0,0,M,O),ae.save(),ae.translate(M/2,O/2),ae.rotate(l*Math.PI/180),ae.scale(m,b),ae.imageSmoothingEnabled=q,ae.imageSmoothingQuality=v,ae.drawImage.apply(ae,[e].concat(Us(ie.map(function(re){return Math.floor(pt(re))})))),ae.restore(),Ee}var lr=String.fromCharCode;function dh(e,t,a){var i="";a+=t;for(var n=t;n<a;n+=1)i+=lr(e.getUint8(n));return i}var hh=/^data:.*,/;function fh(e){var t=e.replace(hh,""),a=atob(t),i=new ArrayBuffer(a.length),n=new Uint8Array(i);return se(n,function(r,u){n[u]=a.charCodeAt(u)}),i}function mh(e,t){for(var a=[],i=8192,n=new Uint8Array(e);n.length>0;)a.push(lr.apply(null,nr(n.subarray(0,i)))),n=n.subarray(i);return"data:".concat(t,";base64,").concat(btoa(a.join("")))}function Eh(e){var t=new DataView(e),a;try{var i,n,r;if(t.getUint8(0)===255&&t.getUint8(1)===216)for(var u=t.byteLength,o=2;o+1<u;){if(t.getUint8(o)===255&&t.getUint8(o+1)===225){n=o;break}o+=1}if(n){var l=n+4,h=n+10;if(dh(t,l,4)==="Exif"){var m=t.getUint16(h);if(i=m===18761,(i||m===19789)&&t.getUint16(h+2,i)===42){var p=t.getUint32(h+4,i);p>=8&&(r=h+p)}}}if(r){var b=t.getUint16(r,i),N,I;for(I=0;I<b;I+=1)if(N=r+I*12+2,t.getUint16(N,i)===274){N+=8,a=t.getUint16(N,i),t.setUint16(N,1,i);break}}}catch{a=1}return a}function ph(e){var t=0,a=1,i=1;switch(e){case 2:a=-1;break;case 3:t=-180;break;case 4:i=-1;break;case 5:t=90,i=-1;break;case 6:t=90;break;case 7:t=90,a=-1;break;case 8:t=-90;break}return{rotate:t,scaleX:a,scaleY:i}}var Th={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,a=this.options,i=this.container,n=this.cropper,r=Number(a.minContainerWidth),u=Number(a.minContainerHeight);de(n,_e),ve(t,_e);var o={width:Math.max(i.offsetWidth,r>=0?r:er),height:Math.max(i.offsetHeight,u>=0?u:tr)};this.containerData=o,Qe(n,{width:o.width,height:o.height}),de(t,_e),ve(n,_e)},initCanvas:function(){var t=this.containerData,a=this.imageData,i=this.options.viewMode,n=Math.abs(a.rotate)%180===90,r=n?a.naturalHeight:a.naturalWidth,u=n?a.naturalWidth:a.naturalHeight,o=r/u,l=t.width,h=t.height;t.height*o>t.width?i===3?l=t.height*o:h=t.width/o:i===3?h=t.width/o:l=t.height*o;var m={aspectRatio:o,naturalWidth:r,naturalHeight:u,width:l,height:h};this.canvasData=m,this.limited=i===1||i===2,this.limitCanvas(!0,!0),m.width=Math.min(Math.max(m.width,m.minWidth),m.maxWidth),m.height=Math.min(Math.max(m.height,m.minHeight),m.maxHeight),m.left=(t.width-m.width)/2,m.top=(t.height-m.height)/2,m.oldLeft=m.left,m.oldTop=m.top,this.initialCanvasData=J({},m)},limitCanvas:function(t,a){var i=this.options,n=this.containerData,r=this.canvasData,u=this.cropBoxData,o=i.viewMode,l=r.aspectRatio,h=this.cropped&&u;if(t){var m=Number(i.minCanvasWidth)||0,p=Number(i.minCanvasHeight)||0;o>1?(m=Math.max(m,n.width),p=Math.max(p,n.height),o===3&&(p*l>m?m=p*l:p=m/l)):o>0&&(m?m=Math.max(m,h?u.width:0):p?p=Math.max(p,h?u.height:0):h&&(m=u.width,p=u.height,p*l>m?m=p*l:p=m/l));var b=je({aspectRatio:l,width:m,height:p});m=b.width,p=b.height,r.minWidth=m,r.minHeight=p,r.maxWidth=1/0,r.maxHeight=1/0}if(a)if(o>(h?0:1)){var N=n.width-r.width,I=n.height-r.height;r.minLeft=Math.min(0,N),r.minTop=Math.min(0,I),r.maxLeft=Math.max(0,N),r.maxTop=Math.max(0,I),h&&this.limited&&(r.minLeft=Math.min(u.left,u.left+(u.width-r.width)),r.minTop=Math.min(u.top,u.top+(u.height-r.height)),r.maxLeft=u.left,r.maxTop=u.top,o===2&&(r.width>=n.width&&(r.minLeft=Math.min(0,N),r.maxLeft=Math.max(0,N)),r.height>=n.height&&(r.minTop=Math.min(0,I),r.maxTop=Math.max(0,I))))}else r.minLeft=-r.width,r.minTop=-r.height,r.maxLeft=n.width,r.maxTop=n.height},renderCanvas:function(t,a){var i=this.canvasData,n=this.imageData;if(a){var r=ch({width:n.naturalWidth*Math.abs(n.scaleX||1),height:n.naturalHeight*Math.abs(n.scaleY||1),degree:n.rotate||0}),u=r.width,o=r.height,l=i.width*(u/i.naturalWidth),h=i.height*(o/i.naturalHeight);i.left-=(l-i.width)/2,i.top-=(h-i.height)/2,i.width=l,i.height=h,i.aspectRatio=u/o,i.naturalWidth=u,i.naturalHeight=o,this.limitCanvas(!0,!1)}(i.width>i.maxWidth||i.width<i.minWidth)&&(i.left=i.oldLeft),(i.height>i.maxHeight||i.height<i.minHeight)&&(i.top=i.oldTop),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),this.limitCanvas(!1,!0),i.left=Math.min(Math.max(i.left,i.minLeft),i.maxLeft),i.top=Math.min(Math.max(i.top,i.minTop),i.maxTop),i.oldLeft=i.left,i.oldTop=i.top,Qe(this.canvas,J({width:i.width,height:i.height},Gt({translateX:i.left,translateY:i.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var a=this.canvasData,i=this.imageData,n=i.naturalWidth*(a.width/a.naturalWidth),r=i.naturalHeight*(a.height/a.naturalHeight);J(i,{width:n,height:r,left:(a.width-n)/2,top:(a.height-r)/2}),Qe(this.image,J({width:i.width,height:i.height},Gt(J({translateX:i.left,translateY:i.top},i)))),t&&this.output()},initCropBox:function(){var t=this.options,a=this.canvasData,i=t.aspectRatio||t.initialAspectRatio,n=Number(t.autoCropArea)||.8,r={width:a.width,height:a.height};i&&(a.height*i>a.width?r.height=r.width/i:r.width=r.height*i),this.cropBoxData=r,this.limitCropBox(!0,!0),r.width=Math.min(Math.max(r.width,r.minWidth),r.maxWidth),r.height=Math.min(Math.max(r.height,r.minHeight),r.maxHeight),r.width=Math.max(r.minWidth,r.width*n),r.height=Math.max(r.minHeight,r.height*n),r.left=a.left+(a.width-r.width)/2,r.top=a.top+(a.height-r.height)/2,r.oldLeft=r.left,r.oldTop=r.top,this.initialCropBoxData=J({},r)},limitCropBox:function(t,a){var i=this.options,n=this.containerData,r=this.canvasData,u=this.cropBoxData,o=this.limited,l=i.aspectRatio;if(t){var h=Number(i.minCropBoxWidth)||0,m=Number(i.minCropBoxHeight)||0,p=o?Math.min(n.width,r.width,r.width+r.left,n.width-r.left):n.width,b=o?Math.min(n.height,r.height,r.height+r.top,n.height-r.top):n.height;h=Math.min(h,n.width),m=Math.min(m,n.height),l&&(h&&m?m*l>h?m=h/l:h=m*l:h?m=h/l:m&&(h=m*l),b*l>p?b=p/l:p=b*l),u.minWidth=Math.min(h,p),u.minHeight=Math.min(m,b),u.maxWidth=p,u.maxHeight=b}a&&(o?(u.minLeft=Math.max(0,r.left),u.minTop=Math.max(0,r.top),u.maxLeft=Math.min(n.width,r.left+r.width)-u.width,u.maxTop=Math.min(n.height,r.top+r.height)-u.height):(u.minLeft=0,u.minTop=0,u.maxLeft=n.width-u.width,u.maxTop=n.height-u.height))},renderCropBox:function(){var t=this.options,a=this.containerData,i=this.cropBoxData;(i.width>i.maxWidth||i.width<i.minWidth)&&(i.left=i.oldLeft),(i.height>i.maxHeight||i.height<i.minHeight)&&(i.top=i.oldTop),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),this.limitCropBox(!1,!0),i.left=Math.min(Math.max(i.left,i.minLeft),i.maxLeft),i.top=Math.min(Math.max(i.top,i.minTop),i.maxTop),i.oldLeft=i.left,i.oldTop=i.top,t.movable&&t.cropBoxMovable&&$t(this.face,Wt,i.width>=a.width&&i.height>=a.height?Hs:Ci),Qe(this.cropBox,J({width:i.width,height:i.height},Gt({translateX:i.left,translateY:i.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),bt(this.element,Oi,this.getData())}},bh={initPreview:function(){var t=this.element,a=this.crossOrigin,i=this.options.preview,n=a?this.crossOriginUrl:this.url,r=t.alt||"The image to preview",u=document.createElement("img");if(a&&(u.crossOrigin=a),u.src=n,u.alt=r,this.viewBox.appendChild(u),this.viewBoxImage=u,!!i){var o=i;typeof i=="string"?o=t.ownerDocument.querySelectorAll(i):i.querySelector&&(o=[i]),this.previews=o,se(o,function(l){var h=document.createElement("img");$t(l,Ia,{width:l.offsetWidth,height:l.offsetHeight,html:l.innerHTML}),a&&(h.crossOrigin=a),h.src=n,h.alt=r,h.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',l.innerHTML="",l.appendChild(h)})}},resetPreview:function(){se(this.previews,function(t){var a=Pi(t,Ia);Qe(t,{width:a.width,height:a.height}),t.innerHTML=a.html,sh(t,Ia)})},preview:function(){var t=this.imageData,a=this.canvasData,i=this.cropBoxData,n=i.width,r=i.height,u=t.width,o=t.height,l=i.left-a.left-t.left,h=i.top-a.top-t.top;!this.cropped||this.disabled||(Qe(this.viewBoxImage,J({width:u,height:o},Gt(J({translateX:-l,translateY:-h},t)))),se(this.previews,function(m){var p=Pi(m,Ia),b=p.width,N=p.height,I=b,y=N,k=1;n&&(k=b/n,y=r*k),r&&y>N&&(k=N/r,I=n*k,y=N),Qe(m,{width:I,height:y}),Qe(m.getElementsByTagName("img")[0],J({width:u*k,height:o*k},Gt(J({translateX:-l*k,translateY:-h*k},t))))}))}},gh={bind:function(){var t=this.element,a=this.options,i=this.cropper;Ae(a.cropstart)&&xe(t,yi,a.cropstart),Ae(a.cropmove)&&xe(t,Li,a.cropmove),Ae(a.cropend)&&xe(t,Di,a.cropend),Ae(a.crop)&&xe(t,Oi,a.crop),Ae(a.zoom)&&xe(t,Ri,a.zoom),xe(i,Xs,this.onCropStart=this.cropStart.bind(this)),a.zoomable&&a.zoomOnWheel&&xe(i,Zs,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),a.toggleDragModeOnDblclick&&xe(i,Gs,this.onDblclick=this.dblclick.bind(this)),xe(t.ownerDocument,Qs,this.onCropMove=this.cropMove.bind(this)),xe(t.ownerDocument,js,this.onCropEnd=this.cropEnd.bind(this)),a.responsive&&xe(window,Ks,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,a=this.options,i=this.cropper;Ae(a.cropstart)&&ye(t,yi,a.cropstart),Ae(a.cropmove)&&ye(t,Li,a.cropmove),Ae(a.cropend)&&ye(t,Di,a.cropend),Ae(a.crop)&&ye(t,Oi,a.crop),Ae(a.zoom)&&ye(t,Ri,a.zoom),ye(i,Xs,this.onCropStart),a.zoomable&&a.zoomOnWheel&&ye(i,Zs,this.onWheel,{passive:!1,capture:!0}),a.toggleDragModeOnDblclick&&ye(i,Gs,this.onDblclick),ye(t.ownerDocument,Qs,this.onCropMove),ye(t.ownerDocument,js,this.onCropEnd),a.responsive&&ye(window,Ks,this.onResize)}},_h={resize:function(){if(!this.disabled){var t=this.options,a=this.container,i=this.containerData,n=a.offsetWidth/i.width,r=a.offsetHeight/i.height,u=Math.abs(n-1)>Math.abs(r-1)?n:r;if(u!==1){var o,l;t.restore&&(o=this.getCanvasData(),l=this.getCropBoxData()),this.render(),t.restore&&(this.setCanvasData(se(o,function(h,m){o[m]=h*u})),this.setCropBoxData(se(l,function(h,m){l[m]=h*u})))}}},dblclick:function(){this.disabled||this.options.dragMode===$s||this.setDragMode(ih(this.dragBox,Ii)?Ws:xi)},wheel:function(t){var a=this,i=Number(this.options.wheelZoomRatio)||.1,n=1;this.disabled||(t.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){a.wheeling=!1},50),t.deltaY?n=t.deltaY>0?1:-1:t.wheelDelta?n=-t.wheelDelta/120:t.detail&&(n=t.detail>0?1:-1),this.zoom(-n*i,t)))},cropStart:function(t){var a=t.buttons,i=t.button;if(!(this.disabled||(t.type==="mousedown"||t.type==="pointerdown"&&t.pointerType==="mouse")&&(Y(a)&&a!==1||Y(i)&&i!==0||t.ctrlKey))){var n=this.options,r=this.pointers,u;t.changedTouches?se(t.changedTouches,function(o){r[o.identifier]=Sa(o)}):r[t.pointerId||0]=Sa(t),Object.keys(r).length>1&&n.zoomable&&n.zoomOnTouch?u=Vs:u=Pi(t.target,Wt),Xd.test(u)&&bt(this.element,yi,{originalEvent:t,action:u})!==!1&&(t.preventDefault(),this.action=u,this.cropping=!1,u===Fs&&(this.cropping=!0,de(this.dragBox,Ca)))}},cropMove:function(t){var a=this.action;if(!(this.disabled||!a)){var i=this.pointers;t.preventDefault(),bt(this.element,Li,{originalEvent:t,action:a})!==!1&&(t.changedTouches?se(t.changedTouches,function(n){J(i[n.identifier]||{},Sa(n,!0))}):J(i[t.pointerId||0]||{},Sa(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var a=this.action,i=this.pointers;t.changedTouches?se(t.changedTouches,function(n){delete i[n.identifier]}):delete i[t.pointerId||0],a&&(t.preventDefault(),Object.keys(i).length||(this.action=""),this.cropping&&(this.cropping=!1,Tt(this.dragBox,Ca,this.cropped&&this.options.modal)),bt(this.element,Di,{originalEvent:t,action:a}))}}},Ah={change:function(t){var a=this.options,i=this.canvasData,n=this.containerData,r=this.cropBoxData,u=this.pointers,o=this.action,l=a.aspectRatio,h=r.left,m=r.top,p=r.width,b=r.height,N=h+p,I=m+b,y=0,k=0,$=n.width,B=n.height,q=!0,F;!l&&t.shiftKey&&(l=p&&b?p/b:1),this.limited&&(y=r.minLeft,k=r.minTop,$=y+Math.min(n.width,i.width,i.left+i.width),B=k+Math.min(n.height,i.height,i.top+i.height));var v=u[Object.keys(u)[0]],_={x:v.endX-v.startX,y:v.endY-v.startY},w=function(ne){switch(ne){case it:N+_.x>$&&(_.x=$-N);break;case nt:h+_.x<y&&(_.x=y-h);break;case Xe:m+_.y<k&&(_.y=k-m);break;case mt:I+_.y>B&&(_.y=B-I);break}};switch(o){case Ci:h+=_.x,m+=_.y;break;case it:if(_.x>=0&&(N>=$||l&&(m<=k||I>=B))){q=!1;break}w(it),p+=_.x,p<0&&(o=nt,p=-p,h-=p),l&&(b=p/l,m+=(r.height-b)/2);break;case Xe:if(_.y<=0&&(m<=k||l&&(h<=y||N>=$))){q=!1;break}w(Xe),b-=_.y,m+=_.y,b<0&&(o=mt,b=-b,m-=b),l&&(p=b*l,h+=(r.width-p)/2);break;case nt:if(_.x<=0&&(h<=y||l&&(m<=k||I>=B))){q=!1;break}w(nt),p-=_.x,h+=_.x,p<0&&(o=it,p=-p,h-=p),l&&(b=p/l,m+=(r.height-b)/2);break;case mt:if(_.y>=0&&(I>=B||l&&(h<=y||N>=$))){q=!1;break}w(mt),b+=_.y,b<0&&(o=Xe,b=-b,m-=b),l&&(p=b*l,h+=(r.width-p)/2);break;case Ht:if(l){if(_.y<=0&&(m<=k||N>=$)){q=!1;break}w(Xe),b-=_.y,m+=_.y,p=b*l}else w(Xe),w(it),_.x>=0?N<$?p+=_.x:_.y<=0&&m<=k&&(q=!1):p+=_.x,_.y<=0?m>k&&(b-=_.y,m+=_.y):(b-=_.y,m+=_.y);p<0&&b<0?(o=qt,b=-b,p=-p,m-=b,h-=p):p<0?(o=Vt,p=-p,h-=p):b<0&&(o=Yt,b=-b,m-=b);break;case Vt:if(l){if(_.y<=0&&(m<=k||h<=y)){q=!1;break}w(Xe),b-=_.y,m+=_.y,p=b*l,h+=r.width-p}else w(Xe),w(nt),_.x<=0?h>y?(p-=_.x,h+=_.x):_.y<=0&&m<=k&&(q=!1):(p-=_.x,h+=_.x),_.y<=0?m>k&&(b-=_.y,m+=_.y):(b-=_.y,m+=_.y);p<0&&b<0?(o=Yt,b=-b,p=-p,m-=b,h-=p):p<0?(o=Ht,p=-p,h-=p):b<0&&(o=qt,b=-b,m-=b);break;case qt:if(l){if(_.x<=0&&(h<=y||I>=B)){q=!1;break}w(nt),p-=_.x,h+=_.x,b=p/l}else w(mt),w(nt),_.x<=0?h>y?(p-=_.x,h+=_.x):_.y>=0&&I>=B&&(q=!1):(p-=_.x,h+=_.x),_.y>=0?I<B&&(b+=_.y):b+=_.y;p<0&&b<0?(o=Ht,b=-b,p=-p,m-=b,h-=p):p<0?(o=Yt,p=-p,h-=p):b<0&&(o=Vt,b=-b,m-=b);break;case Yt:if(l){if(_.x>=0&&(N>=$||I>=B)){q=!1;break}w(it),p+=_.x,b=p/l}else w(mt),w(it),_.x>=0?N<$?p+=_.x:_.y>=0&&I>=B&&(q=!1):p+=_.x,_.y>=0?I<B&&(b+=_.y):b+=_.y;p<0&&b<0?(o=Vt,b=-b,p=-p,m-=b,h-=p):p<0?(o=qt,p=-p,h-=p):b<0&&(o=Ht,b=-b,m-=b);break;case Hs:this.move(_.x,_.y),q=!1;break;case Vs:this.zoom(uh(u),t),q=!1;break;case Fs:if(!_.x||!_.y){q=!1;break}F=ur(this.cropper),h=v.startX-F.left,m=v.startY-F.top,p=r.minWidth,b=r.minHeight,_.x>0?o=_.y>0?Yt:Ht:_.x<0&&(h-=p,o=_.y>0?qt:Vt),_.y<0&&(m-=b),this.cropped||(ve(this.cropBox,_e),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}q&&(r.width=p,r.height=b,r.left=h,r.top=m,this.action=o,this.renderCropBox()),se(u,function(G){G.startX=G.endX,G.startY=G.endY})}},Nh={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&de(this.dragBox,Ca),ve(this.cropBox,_e),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=J({},this.initialImageData),this.canvasData=J({},this.initialCanvasData),this.cropBoxData=J({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(J(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),ve(this.dragBox,Ca),de(this.cropBox,_e)),this},replace:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return!this.disabled&&t&&(this.isImg&&(this.element.src=t),a?(this.url=t,this.image.src=t,this.ready&&(this.viewBoxImage.src=t,se(this.previews,function(i){i.getElementsByTagName("img")[0].src=t}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(t))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,ve(this.cropper,Ys)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,de(this.cropper,Ys)),this},destroy:function(){var t=this.element;return t[Z]?(t[Z]=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate(),this):this},move:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,i=this.canvasData,n=i.left,r=i.top;return this.moveTo(Mi(t)?t:n+Number(t),Mi(a)?a:r+Number(a))},moveTo:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,i=this.canvasData,n=!1;return t=Number(t),a=Number(a),this.ready&&!this.disabled&&this.options.movable&&(Y(t)&&(i.left=t,n=!0),Y(a)&&(i.top=a,n=!0),n&&this.renderCanvas(!0)),this},zoom:function(t,a){var i=this.canvasData;return t=Number(t),t<0?t=1/(1-t):t=1+t,this.zoomTo(i.width*t/i.naturalWidth,null,a)},zoomTo:function(t,a,i){var n=this.options,r=this.canvasData,u=r.width,o=r.height,l=r.naturalWidth,h=r.naturalHeight;if(t=Number(t),t>=0&&this.ready&&!this.disabled&&n.zoomable){var m=l*t,p=h*t;if(bt(this.element,Ri,{ratio:t,oldRatio:u/l,originalEvent:i})===!1)return this;if(i){var b=this.pointers,N=ur(this.cropper),I=b&&Object.keys(b).length?oh(b):{pageX:i.pageX,pageY:i.pageY};r.left-=(m-u)*((I.pageX-N.left-r.left)/u),r.top-=(p-o)*((I.pageY-N.top-r.top)/o)}else Et(a)&&Y(a.x)&&Y(a.y)?(r.left-=(m-u)*((a.x-r.left)/u),r.top-=(p-o)*((a.y-r.top)/o)):(r.left-=(m-u)/2,r.top-=(p-o)/2);r.width=m,r.height=p,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return t=Number(t),Y(t)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var a=this.imageData.scaleY;return this.scale(t,Y(a)?a:1)},scaleY:function(t){var a=this.imageData.scaleX;return this.scale(Y(a)?a:1,t)},scale:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,i=this.imageData,n=!1;return t=Number(t),a=Number(a),this.ready&&!this.disabled&&this.options.scalable&&(Y(t)&&(i.scaleX=t,n=!0),Y(a)&&(i.scaleY=a,n=!0),n&&this.renderCanvas(!0,!0)),this},getData:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,a=this.options,i=this.imageData,n=this.canvasData,r=this.cropBoxData,u;if(this.ready&&this.cropped){u={x:r.left-n.left,y:r.top-n.top,width:r.width,height:r.height};var o=i.width/i.naturalWidth;if(se(u,function(m,p){u[p]=m/o}),t){var l=Math.round(u.y+u.height),h=Math.round(u.x+u.width);u.x=Math.round(u.x),u.y=Math.round(u.y),u.width=h-u.x,u.height=l-u.y}}else u={x:0,y:0,width:0,height:0};return a.rotatable&&(u.rotate=i.rotate||0),a.scalable&&(u.scaleX=i.scaleX||1,u.scaleY=i.scaleY||1),u},setData:function(t){var a=this.options,i=this.imageData,n=this.canvasData,r={};if(this.ready&&!this.disabled&&Et(t)){var u=!1;a.rotatable&&Y(t.rotate)&&t.rotate!==i.rotate&&(i.rotate=t.rotate,u=!0),a.scalable&&(Y(t.scaleX)&&t.scaleX!==i.scaleX&&(i.scaleX=t.scaleX,u=!0),Y(t.scaleY)&&t.scaleY!==i.scaleY&&(i.scaleY=t.scaleY,u=!0)),u&&this.renderCanvas(!0,!0);var o=i.width/i.naturalWidth;Y(t.x)&&(r.left=t.x*o+n.left),Y(t.y)&&(r.top=t.y*o+n.top),Y(t.width)&&(r.width=t.width*o),Y(t.height)&&(r.height=t.height*o),this.setCropBoxData(r)}return this},getContainerData:function(){return this.ready?J({},this.containerData):{}},getImageData:function(){return this.sized?J({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,a={};return this.ready&&se(["left","top","width","height","naturalWidth","naturalHeight"],function(i){a[i]=t[i]}),a},setCanvasData:function(t){var a=this.canvasData,i=a.aspectRatio;return this.ready&&!this.disabled&&Et(t)&&(Y(t.left)&&(a.left=t.left),Y(t.top)&&(a.top=t.top),Y(t.width)?(a.width=t.width,a.height=t.width/i):Y(t.height)&&(a.height=t.height,a.width=t.height*i),this.renderCanvas(!0)),this},getCropBoxData:function(){var t=this.cropBoxData,a;return this.ready&&this.cropped&&(a={left:t.left,top:t.top,width:t.width,height:t.height}),a||{}},setCropBoxData:function(t){var a=this.cropBoxData,i=this.options.aspectRatio,n,r;return this.ready&&this.cropped&&!this.disabled&&Et(t)&&(Y(t.left)&&(a.left=t.left),Y(t.top)&&(a.top=t.top),Y(t.width)&&t.width!==a.width&&(n=!0,a.width=t.width),Y(t.height)&&t.height!==a.height&&(r=!0,a.height=t.height),i&&(n?a.height=a.width/i:r&&(a.width=a.height*i)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var a=this.canvasData,i=lh(this.image,this.imageData,a,t);if(!this.cropped)return i;var n=this.getData(t.rounded),r=n.x,u=n.y,o=n.width,l=n.height,h=i.width/Math.floor(a.naturalWidth);h!==1&&(r*=h,u*=h,o*=h,l*=h);var m=o/l,p=je({aspectRatio:m,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),b=je({aspectRatio:m,width:t.minWidth||0,height:t.minHeight||0},"cover"),N=je({aspectRatio:m,width:t.width||(h!==1?i.width:o),height:t.height||(h!==1?i.height:l)}),I=N.width,y=N.height;I=Math.min(p.width,Math.max(b.width,I)),y=Math.min(p.height,Math.max(b.height,y));var k=document.createElement("canvas"),$=k.getContext("2d");k.width=pt(I),k.height=pt(y),$.fillStyle=t.fillColor||"transparent",$.fillRect(0,0,I,y);var B=t.imageSmoothingEnabled,q=B===void 0?!0:B,F=t.imageSmoothingQuality;$.imageSmoothingEnabled=q,F&&($.imageSmoothingQuality=F);var v=i.width,_=i.height,w=r,G=u,ne,pe,Ne,Oe,me,Ee;w<=-o||w>v?(w=0,ne=0,Ne=0,me=0):w<=0?(Ne=-w,w=0,ne=Math.min(v,o+w),me=ne):w<=v&&(Ne=0,ne=Math.min(o,v-w),me=ne),ne<=0||G<=-l||G>_?(G=0,pe=0,Oe=0,Ee=0):G<=0?(Oe=-G,G=0,pe=Math.min(_,l+G),Ee=pe):G<=_&&(Oe=0,pe=Math.min(l,_-G),Ee=pe);var ae=[w,G,ne,pe];if(me>0&&Ee>0){var De=I/o;ae.push(Ne*De,Oe*De,me*De,Ee*De)}return $.drawImage.apply($,[i].concat(Us(ae.map(function(x){return Math.floor(pt(x))})))),k},setAspectRatio:function(t){var a=this.options;return!this.disabled&&!Mi(t)&&(a.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var a=this.options,i=this.dragBox,n=this.face;if(this.ready&&!this.disabled){var r=t===xi,u=a.movable&&t===Ws;t=r||u?t:$s,a.dragMode=t,$t(i,Wt,t),Tt(i,Ii,r),Tt(i,Si,u),a.cropBoxMovable||($t(n,Wt,t),Tt(n,Ii,r),Tt(n,Si,u))}return this}},Ch=Pe.Cropper,dr=function(){function e(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(wd(this,e),!t||!zd.test(t.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=t,this.options=J({},ar,Et(a)&&a),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}return Bd(e,[{key:"init",value:function(){var a=this.element,i=a.tagName.toLowerCase(),n;if(!a[Z]){if(a[Z]=this,i==="img"){if(this.isImg=!0,n=a.getAttribute("src")||"",this.originalUrl=n,!n)return;n=a.src}else i==="canvas"&&window.HTMLCanvasElement&&(n=a.toDataURL());this.load(n)}}},{key:"load",value:function(a){var i=this;if(a){this.url=a,this.imageData={};var n=this.element,r=this.options;if(!r.rotatable&&!r.scalable&&(r.checkOrientation=!1),!r.checkOrientation||!window.ArrayBuffer){this.clone();return}if(Qd.test(a)){jd.test(a)?this.read(fh(a)):this.clone();return}var u=new XMLHttpRequest,o=this.clone.bind(this);this.reloading=!0,this.xhr=u,u.onabort=o,u.onerror=o,u.ontimeout=o,u.onprogress=function(){u.getResponseHeader("content-type")!==Js&&u.abort()},u.onload=function(){i.read(u.response)},u.onloadend=function(){i.reloading=!1,i.xhr=null},r.checkCrossOrigin&&or(a)&&n.crossOrigin&&(a=cr(a)),u.open("GET",a,!0),u.responseType="arraybuffer",u.withCredentials=n.crossOrigin==="use-credentials",u.send()}}},{key:"read",value:function(a){var i=this.options,n=this.imageData,r=Eh(a),u=0,o=1,l=1;if(r>1){this.url=mh(a,Js);var h=ph(r);u=h.rotate,o=h.scaleX,l=h.scaleY}i.rotatable&&(n.rotate=u),i.scalable&&(n.scaleX=o,n.scaleY=l),this.clone()}},{key:"clone",value:function(){var a=this.element,i=this.url,n=a.crossOrigin,r=i;this.options.checkCrossOrigin&&or(i)&&(n||(n="anonymous"),r=cr(i)),this.crossOrigin=n,this.crossOriginUrl=r;var u=document.createElement("img");n&&(u.crossOrigin=n),u.src=r||i,u.alt=a.alt||"The image to crop",this.image=u,u.onload=this.start.bind(this),u.onerror=this.stop.bind(this),de(u,qs),a.parentNode.insertBefore(u,a.nextSibling)}},{key:"start",value:function(){var a=this,i=this.image;i.onload=null,i.onerror=null,this.sizing=!0;var n=Pe.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(Pe.navigator.userAgent),r=function(h,m){J(a.imageData,{naturalWidth:h,naturalHeight:m,aspectRatio:h/m}),a.initialImageData=J({},a.imageData),a.sizing=!1,a.sized=!0,a.build()};if(i.naturalWidth&&!n){r(i.naturalWidth,i.naturalHeight);return}var u=document.createElement("img"),o=document.body||document.documentElement;this.sizingImage=u,u.onload=function(){r(u.width,u.height),n||o.removeChild(u)},u.src=i.src,n||(u.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",o.appendChild(u))}},{key:"stop",value:function(){var a=this.image;a.onload=null,a.onerror=null,a.parentNode.removeChild(a),this.image=null}},{key:"build",value:function(){if(!(!this.sized||this.ready)){var a=this.element,i=this.options,n=this.image,r=a.parentNode,u=document.createElement("div");u.innerHTML=Kd;var o=u.querySelector(".".concat(Z,"-container")),l=o.querySelector(".".concat(Z,"-canvas")),h=o.querySelector(".".concat(Z,"-drag-box")),m=o.querySelector(".".concat(Z,"-crop-box")),p=m.querySelector(".".concat(Z,"-face"));this.container=r,this.cropper=o,this.canvas=l,this.dragBox=h,this.cropBox=m,this.viewBox=o.querySelector(".".concat(Z,"-view-box")),this.face=p,l.appendChild(n),de(a,_e),r.insertBefore(o,a.nextSibling),ve(n,qs),this.initPreview(),this.bind(),i.initialAspectRatio=Math.max(0,i.initialAspectRatio)||NaN,i.aspectRatio=Math.max(0,i.aspectRatio)||NaN,i.viewMode=Math.max(0,Math.min(3,Math.round(i.viewMode)))||0,de(m,_e),i.guides||de(m.getElementsByClassName("".concat(Z,"-dashed")),_e),i.center||de(m.getElementsByClassName("".concat(Z,"-center")),_e),i.background&&de(o,"".concat(Z,"-bg")),i.highlight||de(p,qd),i.cropBoxMovable&&(de(p,Si),$t(p,Wt,Ci)),i.cropBoxResizable||(de(m.getElementsByClassName("".concat(Z,"-line")),_e),de(m.getElementsByClassName("".concat(Z,"-point")),_e)),this.render(),this.ready=!0,this.setDragMode(i.dragMode),i.autoCrop&&this.crop(),this.setData(i.data),Ae(i.ready)&&xe(a,zs,i.ready,{once:!0}),bt(a,zs)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var a=this.cropper.parentNode;a&&a.removeChild(this.cropper),ve(this.element,_e)}}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}],[{key:"noConflict",value:function(){return window.Cropper=Ch,e}},{key:"setDefaults",value:function(a){J(ar,Et(a)&&a)}}])}();J(dr.prototype,Th,bh,gh,_h,Ah,Nh);function Ih(e,t){const a=e.split(",")||[],i=a[0].match(/:(.*?);/)[1],n=a[1]&&atob(a[1]);let r=n&&n.length;const u=new Uint8Array(r);for(;r--;)u[r]=n==null?void 0:n.charCodeAt(r);return new File([u],t,{type:i})}const Sh={key:0,contenteditable:"false",class:"z-10 w-[100vw] h-[100vh] bg-[rgba(0,0,0,0.7)] flex flex-col justify-center items-center fixed top-0 left-0 cursor-auto"},xh={class:"w-[700px] flex flex-col bg-white rounded pb-8"},Oh={class:"flex flex-row items-center justify-between px-6 py-4 bg-[#f4f8ff]"},Dh={class:"flex flex-col h-full"},Lh={class:"flex flex-row justify-center items-start flex-1"},yh={class:"flex flex-col items-start flex-1"},Rh={class:"flex flex-col w-full px-6 py-4"},Mh={class:"flex flex-col w-full"},kh={class:"flex flex-row items-center"},Ph={class:"relative bg-[#474AFF] text-white rounded p-3"},vh={class:"flex flex-row items-start justify-between mt-3"},wh={class:"flex flex-col"},Bh={class:"flex flex-col justify-center items-center border w-[300px] h-[300px]"},Uh={key:0,class:"w-full text-center"},Fh=["src"],Hh={class:"flex flex-col items-center",style:{width:"300px",height:"300px"}},Vh={class:"text-[#999] mt-05 flex justify-center mt-4"},Yh={class:"w-full flex justify-end space-x-5 mt-5 px-6"},qh=["loading"],Wh=c.defineComponent({__name:"index",emits:["cancel","ok"],setup(e,{expose:t,emit:a}){const i=a,n=c.ref({coverUrl:"",inputValue:"",uploadType:2,videoHost:"",videoUrl:""}),r=c.ref(),u=c.ref({autoCrop:!0,autoCropArea:1,background:!0,center:!0,cropBoxResizable:!0,dragMode:"move",preview:".before",toggleDragModeOnDblclick:!0,viewMode:1,zoomOnWheel:!0}),o=c.ref(!1),l=c.ref({afterImg:"",image:null,myCropper:null}),h=c.ref("image/jpeg"),m=F=>{console.log(F);const v=F.target.files[0];if(v){v.name&&(n.value.inputValue=v.name);const _=new FileReader;_.onload=w=>{var G,ne;console.log("e?.target?.result",(G=w==null?void 0:w.target)==null?void 0:G.result),p((ne=w==null?void 0:w.target)==null?void 0:ne.result)},_.readAsDataURL(v)}};async function p(F){if(!F)return;await q();const v=F;l.value.image=v,l.value.image&&b()}function b(){const F=document.querySelector("#imgId");F&&F.addEventListener("load",()=>{B(),l.value.myCropper=new dr(F,u.value)})}const N=c.ref(!1);function I(F,v,_){r.value=F,F&&F.aspectRatio&&(u.value.aspectRatio=F.aspectRatio),_&&(n.value.inputValue=_),N.value=!0,v&&p(v)}function y(){N.value=!1}const k=()=>{var v,_;if(!l.value.myCropper)return;o.value=!0,l.value.afterImg=l.value.myCropper.getCroppedCanvas({height:(v=r.value)==null?void 0:v.height,imageSmoothingQuality:"high",width:(_=r.value)==null?void 0:_.width}).toDataURL(h.value);const F=Ih(l.value.afterImg,n.value.inputValue);i("ok",F),o.value=!1,q(),B(),y()};function $(){q(),B(),y(),i("cancel")}function B(){l.value.myCropper&&l.value.myCropper.destroy()}function q(){l.value.image=""}return t({handleCloseCropper:y,handleOpenCropper:I}),(F,v)=>{var _,w,G;return N.value?(c.openBlock(),c.createElementBlock("div",Sh,[c.createElementVNode("div",xh,[c.createElementVNode("div",Oh,[v[1]||(v[1]=c.createElementVNode("span",{class:"text-base font-semibold text-[#333]"},"图片裁剪",-1)),c.createElementVNode("span",{class:"text-lg cursor-pointer text-[#999] iconfont icon-shanchu2",onClick:c.withModifiers($,["stop"])})]),c.createElementVNode("div",Dh,[c.createElementVNode("div",Lh,[c.createElementVNode("div",yh,[c.createElementVNode("div",Rh,[c.createElementVNode("div",Mh,[c.createElementVNode("div",kh,[c.createElementVNode("div",Ph,[c.createElementVNode("input",{type:"file",accept:"image/*",onClick:v[0]||(v[0]=c.withModifiers(()=>{},["stop"])),contenteditable:"false",ref:"fileInput",onChange:m,class:"absolute top-0 left-0 w-[110px] h-[40px] opacity-0 cursor-pointer"},null,544),v[2]||(v[2]=c.createElementVNode("span",{id:"uploadHandler",class:"cursor-pointer"}," 选择/更换图片 ",-1))]),v[3]||(v[3]=c.createElementVNode("span",{class:"text-sm text-[#999] ml-3"},"滚动鼠标放大或缩小图片",-1))]),c.createElementVNode("div",vh,[c.createElementVNode("div",wh,[c.createElementVNode("div",Bh,[l.value.image?c.createCommentVNode("",!0):(c.openBlock(),c.createElementBlock("div",Uh," 请上传图片 ")),c.createElementVNode("img",{id:"imgId",src:l.value.image,style:{width:"300px"}},null,8,Fh)])]),c.createElementVNode("div",Hh,[v[4]||(v[4]=c.createElementVNode("div",{class:"before w-[270px] h-[200px] pr-[70px] border"},null,-1)),c.createElementVNode("div",Vh," 预览画像 "+c.toDisplayString(((_=r.value)==null?void 0:_.width)||"")+" "+c.toDisplayString((w=r.value)!=null&&w.width?"x":"")+" "+c.toDisplayString(((G=r.value)==null?void 0:G.height)||""),1)])])])])])]),c.createElementVNode("div",Yh,[c.createElementVNode("span",{loading:o.value,class:"!w-22 bg-[#474AFF] text-white rounded py-2 px-6 cursor-pointer",type:"primary",onClick:k}," 确认 ",8,qh),c.createElementVNode("span",{class:"!w-22 border border-[#DEDEDE] text-[#666] rounded py-2 px-6 cursor-pointer",onClick:$},"取消")])])])])):c.createCommentVNode("",!0)}}}),$h={class:"aidition_left"},Gh={class:"aidition_right"},Xh={key:0,"date-action":"1",class:"text-red-500 text-xs mt-1"},Qh=ft(c.defineComponent({__name:"ElementRenderer",props:{element:{type:Object,required:!0},selectedElement:Object,hoveredElement:Object,icons:{type:Array,default:()=>[]},mode:{type:String,default:"edit"}},emits:["selectElement","hoverElement","updateText","contentUpdated","blockAction","addIcon","upload"],setup(e,{emit:t}){const a=e,i=t,n=c.computed(()=>a.selectedElement===a.element),r=c.computed(()=>a.hoveredElement===a.element),u=c.ref(!1),o=c.ref(!1),l=c.ref(""),h=c.computed(()=>a.element.rule.minText||0),m=c.computed(()=>a.element.rule.maxText||1/0),p=c.ref();function b(O){O.xpath!="/div[1]"&&a.mode!=="preview"&&(a.mode==="edit"?O.type===z.Text&&i("selectElement",O):i("selectElement",O),!O.rule.isReadOnly&&O.type===z.Text&&(u.value=!0))}function N(O){i("selectElement",O)}function I(O,D){i("hoverElement",O,D)}function y(O){i("hoverElement",O)}function k(O){O.currentTarget.contains(O.relatedTarget)?i("hoverElement",null):a.hoveredElement?i("hoverElement",null,a.hoveredElement.parentxpath):i("hoverElement",null)}function $(){u.value=!1,i("contentUpdated",B())}function B(){function O(D){const H=Object.entries(D.attrs||{}).map(([re,Fe])=>`${re}="${Fe}"`).join(" "),V=`<${D.tag}${H?" "+H:""}>`,j=`</${D.tag}>`,ie=(D.children||[]).map(re=>O(re)).join("");return`${V}${D.editText||D.text||""}${ie}${j}`}return O(a.element)}function q(O){var V;O.stopPropagation();const D=O.target,H=((V=D.firstChild)==null?void 0:V.nodeType)===Node.TEXT_NODE&&D.firstChild.nodeValue||"";if(H.length<h.value){o.value=!0,l.value=`最少输入 ${h.value} 个字符`;return}else if(H.length>m.value){o.value=!0,l.value=`最多输入 ${m.value} 个字符`;return}else o.value=!1,l.value="";a.element.editText=H,i("updateText",{element:a.element,newText:H}),i("contentUpdated",B())}function F(O){i("updateText",O),i("contentUpdated",B())}function v(){const O={...a.element};i("blockAction",{action:"add",element:a.element,newBlock:O})}function _(){i("blockAction",{action:"moveUp",element:a.element})}function w(){i("blockAction",{action:"moveDown",element:a.element})}function G(){i("blockAction",{action:"delete",element:a.element})}function ne(O){i("blockAction",O),i("contentUpdated",B())}function pe(){p.value.openModal()}function Ne(O){i("addIcon",O,a.element),i("contentUpdated",B())}function Oe(O,D){i("addIcon",O,D),i("contentUpdated",B())}let me;const Ee=c.ref(),ae=c.ref({});function De(O,D){if(D.rule.minImageWidth&&D.rule.maxImageHeight?(ae.value.width=D.rule.minImageWidth,ae.value.height=D.rule.maxImageHeight,ae.value.aspectRatio=D.rule.minImageWidth/D.rule.maxImageHeight):ae.value={},O){O.name;const H=new FileReader;H.onload=V=>{var j;me=(j=V==null?void 0:V.target)==null?void 0:j.result,Ee.value.handleOpenCropper(ae.value,me,O.name)},H.readAsDataURL(O)}}function x(O,D){if(console.log(typeof O=="object",O),O)if(typeof O=="object"){D.attrs.alt=O.name;const H=new FileReader;H.onload=V=>{var ie;let j=(ie=V==null?void 0:V.target)==null?void 0:ie.result;D.attrs.src=j,i("upload",j,D),i("contentUpdated",B())},H.readAsDataURL(O)}else D.attrs.src=O,i("upload",O,D),i("contentUpdated",B())}const M=async O=>{};return(O,D)=>{const H=c.resolveComponent("ElementRenderer",!0);return c.openBlock(),c.createElementBlock(c.Fragment,null,[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(a.element.tag),c.mergeProps({class:[" ",e.mode==="design"?"m-2 p-1 border-dashed border-2":"",r.value?"border-dashed border-blue-500":"",n.value?"border-dashed border-green-500 z-10 border-2":"",o.value?"border-dashed border-red-500":"",(!r.value&&!n.value&&!o.value,""),a.element.rule&&a.element.rule.isReadOnly?"cursor-not-allowed":""]},a.element.attrs,{contenteditable:u.value,onClick:D[1]||(D[1]=c.withModifiers(()=>b(a.element),["stop"])),onMouseenter:D[2]||(D[2]=()=>y(a.element)),onMouseleave:k,onBlur:$,onInput:q}),{default:c.withCtx(()=>[c.createTextVNode(c.toDisplayString(a.element.editText||a.element.text),1),a.element.children&&a.element.children.length?(c.openBlock(),c.createElementBlock(c.Fragment,{key:0},[a.element.type===c.unref(z).Block?(c.openBlock(),c.createElementBlock("div",{key:0,"date-action":"1",class:c.normalizeClass(["aidition",n.value?"flex":""]),contenteditable:"false"},[c.createElementVNode("span",$h,c.toDisplayString(a.element.editText||a.element.text),1),c.createElementVNode("div",Gh,[c.createElementVNode("span",{onClick:c.withModifiers(_,["stop"])},"排前"),c.createElementVNode("span",{onClick:c.withModifiers(w,["stop"])},"排后"),c.createElementVNode("span",{onClick:c.withModifiers(G,["stop"])},"删除")])],2)):c.createCommentVNode("",!0),(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(a.element.children,(V,j)=>(c.openBlock(),c.createBlock(H,{mode:e.mode,icons:e.icons,key:j,element:V,selectedElement:a.selectedElement,hoveredElement:a.hoveredElement,onSelectElement:N,onHoverElement:I,onUpdateText:F,onBlockAction:ne,onAddIcon:Oe,onUpload:x},null,8,["mode","icons","element","selectedElement","hoveredElement"]))),128)),a.element.type===c.unref(z).Block?(c.openBlock(),c.createElementBlock(c.Fragment,{key:1},[c.createElementVNode("span",{class:"iconfont icon-a-tianjiaxian icon_gray_add",onClick:c.withModifiers(v,["stop"]),contenteditable:"false"}),c.createElementVNode("div",{class:"cont_aidition",contenteditable:"false",onClick:D[0]||(D[0]=c.withModifiers(()=>{},["stop"]))},[c.createElementVNode("span",{onClick:c.withModifiers(_,["stop"]),class:"iconfont icon-paiqian"}),c.createElementVNode("span",{onClick:c.withModifiers(w,["stop"]),class:"iconfont icon-paihou"}),c.createElementVNode("span",{onClick:c.withModifiers(G,["stop"]),class:"iconfont icon-shanchu"}),c.createElementVNode("span",{onClick:c.withModifiers(v,["stop"]),class:"iconfont icon-a-tianjiaxian"})])],64)):c.createCommentVNode("",!0)],64)):c.createCommentVNode("",!0)]),_:1},16,["class","contenteditable"])),a.element.type==c.unref(z).Text&&o.value?(c.openBlock(),c.createElementBlock("div",Xh,c.toDisplayString(l.value),1)):c.createCommentVNode("",!0),a.element.type===c.unref(z).Image?(c.openBlock(),c.createElementBlock("div",{key:1,class:"absolute top-0 right-0 bg-white rounded shadow z-10 py-0.5 px-1",onClick:D[3]||(D[3]=c.withModifiers(()=>{},["stop"]))},[D[7]||(D[7]=c.createElementVNode("span",{contenteditable:"false",class:"cursor-pointer"},"上传图片",-1)),c.createVNode(Pd,{customUpload:V=>De(V,a.element),height:a.element.rule.maxImageHeight,width:a.element.rule.minImageWidth,uploadByImage:M},null,8,["customUpload","height","width"])])):c.createCommentVNode("",!0),a.element.type===c.unref(z).Icon?(c.openBlock(),c.createElementBlock("div",{key:2,class:"absolute -top-6 left-0 bg-white py-0.5 px-1 rounded shadow z-10",onClick:D[5]||(D[5]=c.withModifiers(()=>{},["stop"]))},[c.createElementVNode("span",{onClick:D[4]||(D[4]=c.withModifiers(V=>pe(),["stop"])),contenteditable:"false",class:"cursor-pointer"},"选择图标")])):c.createCommentVNode("",!0),c.createVNode(kd,{icons:e.icons,ref_key:"iconRef",ref:p,onOk:Ne},null,8,["icons"]),c.createVNode(Wh,{ref_key:"cropperRef",ref:Ee,onOk:D[6]||(D[6]=V=>x(V,a.element))},null,512)],64)}}}),[["__scopeId","data-v-4e2cbd1e"]]),jh=c.defineComponent({name:"GpCheckbox",props:{modelValue:{type:Boolean,required:!0},label:{type:String,default:""}},emits:["update:modelValue"],setup(e,{emit:t}){return{updateValue:i=>{t("update:modelValue",i.target.checked)}}}}),zh={class:"form-group"},Kh={class:"flex items-center space-x-2 cursor-pointer"},Zh=["checked","aria-checked"],Jh={class:"checkbox-label text-sm text-gray-700"};function ef(e,t,a,i,n,r){return c.openBlock(),c.createElementBlock("div",zh,[c.createElementVNode("label",Kh,[c.createElementVNode("input",{type:"checkbox",checked:e.modelValue,onChange:t[0]||(t[0]=(...u)=>e.updateValue&&e.updateValue(...u)),class:"custom-checkbox","aria-checked":e.modelValue},null,40,Zh),c.createElementVNode("span",Jh,c.toDisplayString(e.label),1)])])}const xa=ft(jh,[["render",ef],["__scopeId","data-v-68b8f276"]]),tf=c.defineComponent({name:"GpMessage",props:{message:{type:String,required:!0},type:{type:String,default:"info"},position:{type:String,default:"top-right"},duration:{type:Number,default:3e3},onClose:{type:Function,required:!0},icon:{type:Boolean,default:!0}},setup(e){const t=c.ref(!1),a=c.computed(()=>({success:"bg-green-100 text-green-800",error:"bg-red-100 text-red-800",info:"bg-blue-100 text-blue-800",warning:"bg-yellow-100 text-yellow-800"})[e.type]),i=()=>{t.value=!1,e.onClose()};return setTimeout(()=>{i()},e.duration),t.value=!0,{visible:t,typeClass:a,closeMessage:i}}}),af={key:0,class:"gp-message"},nf={key:0,class:"mr-2"},sf={key:0,class:"text-green-500"},rf={key:1,class:"text-red-500"},uf={key:2,class:"text-blue-500"},of={key:3,class:"text-yellow-500"};function cf(e,t,a,i,n,r){return c.openBlock(),c.createBlock(c.Transition,{name:"fade"},{default:c.withCtx(()=>[e.visible?(c.openBlock(),c.createElementBlock("div",af,[c.createElementVNode("div",{class:c.normalizeClass([e.typeClass,"message-content"])},[e.icon?(c.openBlock(),c.createElementBlock("span",nf,[c.renderSlot(e.$slots,"icon",{},()=>[e.type==="success"?(c.openBlock(),c.createElementBlock("span",sf,"✔")):c.createCommentVNode("",!0),e.type==="error"?(c.openBlock(),c.createElementBlock("span",rf,"✖")):c.createCommentVNode("",!0),e.type==="info"?(c.openBlock(),c.createElementBlock("span",uf,"ℹ")):c.createCommentVNode("",!0),e.type==="warning"?(c.openBlock(),c.createElementBlock("span",of,"⚠")):c.createCommentVNode("",!0)],!0)])):c.createCommentVNode("",!0),c.createElementVNode("span",null,c.toDisplayString(e.message),1),c.createElementVNode("button",{class:"close-btn hover:text-gray-800 font-bold",onClick:t[0]||(t[0]=(...u)=>e.closeMessage&&e.closeMessage(...u))}," × ")],2)])):c.createCommentVNode("",!0)]),_:3})}const lf=ft(tf,[["render",cf],["__scopeId","data-v-56476f4c"]]),gt=c.reactive([]);let wi=null;const df=()=>{const e=document.createElement("div");return e.id="global-message-container",document.body.appendChild(e),e},hf=()=>{if(wi)return;const e=df();wi=c.createApp({setup(){return{messageQueue:gt}},render(){const t=c.computed(()=>{var i;return{"top-left":"top-4 left-4","top-right":"top-4 right-4","bottom-left":"bottom-4 left-4","bottom-right":"bottom-4 right-4","top-center":"top-4 left-1/2 transform -translate-x-1/2","bottom-center":"bottom-4 left-1/2 transform -translate-x-1/2"}[((i=gt[0])==null?void 0:i.options.position)||"top-right"]});return c.h("div",{class:`fixed flex flex-col gap-2 ${t.value}`},gt.map(a=>c.h(lf,{key:a.id,...a.options,onClose:()=>hr(a.id)})))}}),wi.mount(e)},hr=e=>{const t=gt.findIndex(a=>a.id===e);t!==-1&&gt.splice(t,1)};let ff=0;const te=e=>{hf();const t=ff++;gt.push({id:t,options:e}),setTimeout(()=>{hr(t)},e.duration||3e3)};te.success=(e,t=3e3,a=!0)=>{te(typeof e=="string"?{message:e,type:"success",duration:t,icon:a}:{...e,type:"success"})},te.error=(e,t=3e3,a=!0)=>{te(typeof e=="string"?{message:e,type:"error",duration:t,icon:a}:{...e,type:"error"})},te.info=(e,t=3e3,a=!0)=>{te(typeof e=="string"?{message:e,type:"info",duration:t,icon:a}:{...e,type:"info"})},te.warning=(e,t=3e3,a=!0)=>{te(typeof e=="string"?{message:e,type:"warning",duration:t,icon:a}:{...e,type:"warning"})};const mf={key:0},Ef={key:0},pf={class:"text-gray-500 my-2"},Tf={class:"text-gray-500 my-2"},bf={key:1},gf={key:2},_f={key:3},Af={key:4},Nf={key:5},Cf={key:6},If={key:7},Sf={key:8},xf=ft(c.defineComponent({__name:"EditorPanel",props:{element:Object},emits:["updateElement"],setup(e,{emit:t}){const a=e,i=t,n=c.ref({rule:{},...a.element});c.watch(()=>a.element,u=>{n.value={rule:{},...u}},{immediate:!0});function r(){if(n.value.type===z.Icon&&!n.value.attrs.class.includes("iconfont")){te.error("Icon 支持 iconfont 图标");return}if(n.value.type===z.Image&&n.value.tag!=="img"){te.error("节点类型错误");return}if(n.value.type===z.Video&&n.value.tag!=="video"){te.error("节点类型错误");return}if(n.value.type===z.Link&&n.value.tag!=="a"){te.error("节点类型错误");return}if(n.value.type===z.Text){if(n.value.rule.minText>n.value.rule.maxText){te.error("最小文本长度不能大于最大文本长度");return}if(n.value.tag!=="p"&&n.value.tag!=="div"&&n.value.tag!=="span"&&n.value.tag!=="h1"&&n.value.tag!=="h2"&&n.value.tag!=="h3"&&n.value.tag!=="h4"&&n.value.tag!=="h5"&&n.value.tag!=="h6"){te.error("节点类型错误");return}}if(n.value.type===z.Block){if(n.value.rule.minBlock>n.value.rule.maxBlock){te.error("最小块数量不能大于最大块数量");return}if(n.value.tag!=="div"&&n.value.tag!=="section"&&n.value.tag!=="article"&&n.value.tag!=="nav"&&n.value.tag!=="header"&&n.value.tag!=="footer"&&n.value.tag!=="span"&&n.value.tag!=="p"&&n.value.tag!=="img"){te.error("节点类型错误");return}}i("updateElement",n.value),te.success("保存成功")}return(u,o)=>(c.openBlock(),c.createElementBlock("div",null,[n.value?(c.openBlock(),c.createElementBlock("div",mf,[n.value.text!==void 0?(c.openBlock(),c.createElementBlock("div",Ef,[o[11]||(o[11]=c.createElementVNode("label",{class:"block"},"内容",-1)),c.createElementVNode("div",pf,c.toDisplayString(n.value.text||"-"),1)])):c.createCommentVNode("",!0),c.createElementVNode("div",null,[o[12]||(o[12]=c.createElementVNode("label",{class:"block mt-4"},"节点",-1)),c.createElementVNode("div",Tf,c.toDisplayString(n.value.xpath),1)]),c.createElementVNode("div",null,[o[14]||(o[14]=c.createElementVNode("label",{class:"block mt-4"},"类型",-1)),c.withDirectives(c.createElementVNode("select",{"onUpdate:modelValue":o[0]||(o[0]=l=>n.value.type=l),class:"border rounded p-1 w-full"},o[13]||(o[13]=[c.createElementVNode("option",{value:0},"无",-1),c.createElementVNode("option",{value:1},"文本",-1),c.createElementVNode("option",{value:2},"图片",-1),c.createElementVNode("option",{value:3},"视频",-1),c.createElementVNode("option",{value:4},"图标",-1),c.createElementVNode("option",{value:5},"链接",-1),c.createElementVNode("option",{value:10},"块",-1)]),512),[[c.vModelSelect,n.value.type]])]),n.value.type==c.unref(z).Text?(c.openBlock(),c.createElementBlock("div",bf,[o[15]||(o[15]=c.createElementVNode("label",{class:"block mt-4"},"最小文本长度",-1)),c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":o[1]||(o[1]=l=>n.value.rule.minText=l),class:"border rounded p-1 w-full"},null,512),[[c.vModelText,n.value.rule.minText]])])):c.createCommentVNode("",!0),n.value.type==c.unref(z).Text?(c.openBlock(),c.createElementBlock("div",gf,[o[16]||(o[16]=c.createElementVNode("label",{class:"block mt-4"},"最大文本长度",-1)),c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":o[2]||(o[2]=l=>n.value.rule.maxText=l),class:"border rounded p-1 w-full"},null,512),[[c.vModelText,n.value.rule.maxText]])])):c.createCommentVNode("",!0),n.value.type==c.unref(z).Image?(c.openBlock(),c.createElementBlock("div",_f,[o[17]||(o[17]=c.createElementVNode("label",{class:"block mt-4"},"是否裁剪",-1)),c.createVNode(xa,{class:"py-2",modelValue:n.value.rule.crop,"onUpdate:modelValue":o[3]||(o[3]=l=>n.value.rule.crop=l),label:"是"},null,8,["modelValue"])])):c.createCommentVNode("",!0),n.value.type==c.unref(z).Image?(c.openBlock(),c.createElementBlock("div",Af,[o[18]||(o[18]=c.createElementVNode("label",{class:"block mt-4"},"图片宽度",-1)),c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":o[4]||(o[4]=l=>n.value.rule.minImageWidth=l),class:"border rounded p-1 w-full"},null,512),[[c.vModelText,n.value.rule.minImageWidth]])])):c.createCommentVNode("",!0),n.value.type==c.unref(z).Image?(c.openBlock(),c.createElementBlock("div",Nf,[o[19]||(o[19]=c.createElementVNode("label",{class:"block mt-4"},"图片高度",-1)),c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":o[5]||(o[5]=l=>n.value.rule.maxImageHeight=l),class:"border rounded p-1 w-full"},null,512),[[c.vModelText,n.value.rule.maxImageHeight]])])):c.createCommentVNode("",!0),n.value.type==c.unref(z).Block?(c.openBlock(),c.createElementBlock("div",Cf,[o[20]||(o[20]=c.createElementVNode("label",{class:"block mt-4"},"块最小数量",-1)),c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":o[6]||(o[6]=l=>n.value.rule.minBlock=l),class:"border rounded p-1 w-full"},null,512),[[c.vModelText,n.value.rule.minBlock]])])):c.createCommentVNode("",!0),n.value.type==c.unref(z).Block?(c.openBlock(),c.createElementBlock("div",If,[o[21]||(o[21]=c.createElementVNode("label",{class:"block mt-4"},"块最大数量",-1)),c.withDirectives(c.createElementVNode("input",{"onUpdate:modelValue":o[7]||(o[7]=l=>n.value.rule.maxBlock=l),class:"border rounded p-1 w-full"},null,512),[[c.vModelText,n.value.rule.maxBlock]])])):c.createCommentVNode("",!0),n.value.type==c.unref(z).Text||n.value.type==c.unref(z).Icon?(c.openBlock(),c.createElementBlock("div",Sf,[o[22]||(o[22]=c.createElementVNode("label",{class:"block mt-4"},"主题色",-1)),c.createVNode(xa,{class:"py-2",modelValue:n.value.rule.isThemeColor,"onUpdate:modelValue":o[8]||(o[8]=l=>n.value.rule.isThemeColor=l),label:"是"},null,8,["modelValue"])])):c.createCommentVNode("",!0),c.createElementVNode("div",null,[o[23]||(o[23]=c.createElementVNode("label",{class:"block mt-4"},"是否必填",-1)),c.createVNode(xa,{class:"py-2",modelValue:n.value.rule.isRequired,"onUpdate:modelValue":o[9]||(o[9]=l=>n.value.rule.isRequired=l),label:"是"},null,8,["modelValue"])]),c.createElementVNode("div",null,[o[24]||(o[24]=c.createElementVNode("label",{class:"block mt-4"},"是否只读",-1)),c.createVNode(xa,{class:"py-2",modelValue:n.value.rule.isReadOnly,"onUpdate:modelValue":o[10]||(o[10]=l=>n.value.rule.isReadOnly=l),label:"是"},null,8,["modelValue"])])])):c.createCommentVNode("",!0),c.createElementVNode("button",{onClick:r,class:"mt-4 p-2 bg-green-500 text-white rounded"}," 保存 ")]))}}),[["__scopeId","data-v-1a7da1b9"]]),Of={class:"flex"},Df={key:0,class:"text-lg font-bold border-b p-2"},Lf={class:"text-sm font-thin text-gray-500"},yf=["innerHTML"],Rf=["innerHTML"],Mf={class:"flex-1"},kf={key:0,class:"text-lg font-bold border-b p-2"},Pf={class:"p-2"},vf={key:0,class:"text-red-500 text-xs mt-2"},wf={key:0,class:"text-lg font-bold border-b p-2"},Bf={class:"text-sm font-thin text-gray-500"},Uf={class:"p-2"},fr=ft(c.defineComponent({__name:"Designer",props:{mode:{default:"design"},template:{},css:{},previewWidth:{default:375},uploadByFile:{},icons:{},rules:{},preview:{type:Boolean,default:!0},showTitle:{type:Boolean,default:!0}},emits:["update:modelValue","update:element"],setup(e,{emit:t}){const a=e,i=t,n=c.ref(a.template);c.watch(()=>a.template,x=>{n.value=x},{immediate:!0}),c.watch(()=>n.value,x=>{x&&(u.value=$(x))},{immediate:!0}),c.watch(()=>a.css,x=>{x.forEach(M=>{if(document.querySelector(`link[href="${M}"]`))return;const O=document.createElement("link");O.rel="stylesheet",O.href=M,document.head.appendChild(O)})},{immediate:!0});const r=c.ref(a.mode),u=c.ref();c.watch(()=>u.value,x=>{x&&i("update:element",x)},{immediate:!0});const o=c.ref("");let l=Ms("",{},!1);c.watch(()=>o.value,x=>{i("update:modelValue",x)},{immediate:!0});const h=c.ref(),m=c.ref(),p=c.ref("");function b(x){console.log("选择",x),h.value=x}function N(x,M=""){if(M){const O=I(u.value,M);O?m.value=O:m.value=x}else m.value=x}function I(x,M){if(x.xpath===M)return x;if(x.children&&x.children.length)for(const O of x.children){const D=I(O,M);if(D)return D}}function y(x){var M,O,D,H;if(console.log(x,h.value),h.value)if(h.value.rule=x.rule,h.value.type=x.type,(M=x.rule)!=null&&M.isThemeColor?(x.attrs.class+="theme_color",x.attrs.style&&(x.attrs.style=void 0)):(console.log("e111",(O=x.attrs.class)==null?void 0:O.includes("theme_color")),(D=x.attrs.class)!=null&&D.includes("theme_color")&&(x.attrs.class=x.attrs.class.replace("theme_color"," "))),h.value.type===z.Block){const V=I(u.value,h.value.parentxpath||"");V&&V.children&&V.children.forEach(j=>{var ie;j.tag===h.value.tag&&(j.rule=x.rule,j.type=x.type,(ie=j.attrs.class)!=null&&ie.includes(" mb40 relative")||(j.attrs.class+=" mb40 relative"))})}else(H=h.value.attrs.class)!=null&&H.includes(" mb40 relative")&&(h.value.attrs.class=h.value.attrs.class.replace(" mb40 relative"," "))}function k(x){o.value=x}function $(x){l=Ms(x);const M=l("body").children().toArray().map(O=>B(l(O)));return o.value=l("body").html()||"",M[0]}function B(x,M=""){var j;function O(ie){if(!ie||!ie[0])return"";const re=[];let Fe=ie;for(;Fe.length&&Fe[0].tagName!=="html";){const mr=Fe[0].tagName,Hf=Fe.parent().children(mr).index(Fe)+1;re.unshift(`${mr}[${Hf}]`),Fe=Fe.parent()}return"/html/"+re.join("/")}const D=O(x).replace("/html/body[1]",""),H=x.children().toArray().map(ie=>B(l(ie),D)),V=(j=a.rules)==null?void 0:j.find(ie=>ie.xpath===D);return{tag:x[0].tagName,text:x.contents().not(x.children()).text().trim(),attrs:x[0].attribs,children:H,xpath:D,parentxpath:M,type:(V==null?void 0:V.type)||z.None,rule:(V==null?void 0:V.rule)||{}}}function q(x){console.log("更新子节点的文本",x);const M=I(u.value,x.element.xpath);M&&(M.editText=x.newText)}function F(x,M=""){function O(D,H){var ie;const j=(H?((ie=I(u.value,H))==null?void 0:ie.children)||[]:[u.value]).filter(re=>re.tag===D.tag).indexOf(D)+1;return`${H}/${D.tag}[${j}]`}x.xpath=O(x,M),x.parentxpath=M,(x.children||[]).forEach(D=>F(D,x.xpath))}function v({action:x,element:M,newBlock:O}){console.log("块操作",x,M,O);const D=I(u.value,M.parentxpath||"");if(!D||!D.children)return;const H=D.children.findIndex(re=>re===M);if(H===-1)return;const V=D.children.length,{minBlock:j,maxBlock:ie}=M.rule;if((x==="add"||x==="copy")&&V>=(ie||1/0)){p.value=`无法添加更多块。最大块数量为 ${ie}`,te.error(p.value);return}switch(x){case"add":if(O){const re={...O,xpath:"",children:JSON.parse(JSON.stringify(O.children))};D.children.splice(H+1,0,re)}break;case"copy":if(O){const re={...O,xpath:"",children:JSON.parse(JSON.stringify(O.children))};D.children.splice(H+1,0,re)}break;case"moveUp":if(H>0){const[re]=D.children.splice(H,1);D.children.splice(H-1,0,re)}break;case"moveDown":if(H<D.children.length-1){const[re]=D.children.splice(H,1);D.children.splice(H+1,0,re)}break;case"delete":if(V<=(j||0)){p.value=`无法删除更多块。最小块数量为 ${j}`,te.error(p.value);return}D.children.splice(H,1);break}p.value="",F(u.value)}function _(x,M){let O=M.attrs.class.replace(/icon-\S+/g,`icon-${x}`);M.attrs.class=O}function w(x,M){M.attrs.src=x}const G=c.ref(a.previewWidth),ne=c.ref(375);let pe=c.ref(!1),Ne=c.ref(""),Oe=0,me=0;function Ee(x){Ne.value=x,pe.value=!0,Oe=event.clientX,x==="preview"?me=G.value:x==="structure"&&(me=ne.value),window.addEventListener("mousemove",ae),window.addEventListener("mouseup",De)}function ae(x){if(!pe.value)return;const M=x.clientX-Oe;Ne.value==="preview"?G.value=Math.max(200,me+M):Ne.value==="structure"&&(ne.value=Math.max(200,me-M))}function De(){pe.value=!1,Ne.value="",window.removeEventListener("mousemove",ae),window.removeEventListener("mouseup",De)}return(x,M)=>(c.openBlock(),c.createElementBlock("div",Of,[x.preview?(c.openBlock(),c.createElementBlock("div",{key:0,class:"border-l overflow-auto resize-area",style:c.normalizeStyle({width:G.value+"px"})},[x.showTitle?(c.openBlock(),c.createElementBlock("h2",Df,[M[2]||(M[2]=c.createTextVNode("实时预览 ")),c.createElementVNode("span",Lf,c.toDisplayString(G.value)+"px",1)])):c.createCommentVNode("",!0),c.createElementVNode("div",null,[o.value?(c.openBlock(),c.createElementBlock("div",{key:0,innerHTML:o.value},null,8,yf)):(c.openBlock(),c.createElementBlock("div",{key:1,innerHTML:c.unref(l)("body").html()},null,8,Rf))])],4)):c.createCommentVNode("",!0),x.preview?(c.openBlock(),c.createElementBlock("div",{key:1,class:"resizer",onMousedown:M[0]||(M[0]=O=>Ee("preview"))},null,32)):c.createCommentVNode("",!0),c.createElementVNode("div",Mf,[x.showTitle?(c.openBlock(),c.createElementBlock("h2",kf,"结构渲染")):c.createCommentVNode("",!0),c.createElementVNode("div",Pf,[p.value?(c.openBlock(),c.createElementBlock("div",vf,c.toDisplayString(p.value),1)):c.createCommentVNode("",!0),u.value?(c.openBlock(),c.createBlock(Qh,{key:1,mode:x.mode,icons:x.icons,element:u.value,selectedElement:h.value,hoveredElement:m.value,onSelectElement:b,onHoverElement:N,onContentUpdated:k,onUpdateText:q,onBlockAction:v,onAddIcon:_,onUpload:w},null,8,["mode","icons","element","selectedElement","hoveredElement"])):c.createCommentVNode("",!0)])]),r.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:2,class:"resizer",onMousedown:M[1]||(M[1]=O=>Ee("structure"))},null,32)):c.createCommentVNode("",!0),r.value=="design"?(c.openBlock(),c.createElementBlock("div",{key:3,class:"resize-area overflow-auto",style:c.normalizeStyle({width:ne.value+"px"})},[x.showTitle?(c.openBlock(),c.createElementBlock("h2",wf,[M[3]||(M[3]=c.createTextVNode("节点属性 ")),c.createElementVNode("span",Bf,c.toDisplayString(ne.value)+"px",1)])):c.createCommentVNode("",!0),c.createElementVNode("div",Uf,[h.value?(c.openBlock(),c.createBlock(xf,{key:0,element:h.value,onUpdateElement:y},null,8,["element"])):c.createCommentVNode("",!0)])],4)):c.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-84392fe5"]]),Ff={install(e){e.component("Designer",fr)}};He.Designer=fr,He.default=Ff,Object.defineProperties(He,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -1,4 +1,4 @@
-@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/c/font_3524467_3w9cs0fjk6e.woff2?t=1713150800779) format("woff2"),url(//at.alicdn.com/t/c/font_3524467_3w9cs0fjk6e.woff?t=1713150800779) format("woff"),url(//at.alicdn.com/t/c/font_3524467_3w9cs0fjk6e.ttf?t=1713150800779) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-a-tongzhi:before{content:""}.icon-a-tubiao:before{content:""}.icon-a-kafei:before{content:""}.icon-a-shuxie:before{content:""}.icon-a-mianfei:before{content:""}.icon-a-jiaocai:before{content:""}.icon-a-zhinan:before{content:""}.icon-a-zongjie:before{content:""}.icon-a-xiaochengxu:before{content:""}.icon-a-mianbao:before{content:""}.icon-a-quanqiu:before{content:""}.icon-a-xueli:before{content:""}.icon-a-bofang:before{content:""}.icon-a-xihuan:before{content:""}.icon-a-chakan:before{content:""}.icon-a-remen:before{content:""}.icon-a-jingxuan:before{content:""}.icon-a-buxing:before{content:""}.icon-a-diannao:before{content:""}.icon-a-dianzan:before{content:""}.icon-a-shouji:before{content:""}.icon-a-gongjiao:before{content:""}.icon-a-yishu:before{content:""}.icon-a-weizhi:before{content:""}.icon-a-feiji:before{content:""}.icon-a-yingyu:before{content:""}.icon-a-qiche:before{content:""}.icon-shequ-shipinbiaoshi:before{content:""}.icon-a-kecheng:before{content:""}.icon-a-zhuanye:before{content:""}.icon-a-zixun:before{content:""}.icon-a-feiyong:before{content:""}.icon-a-bianhao3:before{content:""}.icon-a-yiduiyi:before{content:""}.icon-a-fuwutixi:before{content:""}.icon-a-rongyu:before{content:""}.icon-a-mubiao:before{content:""}.icon-a-dayi:before{content:""}.icon-a-jiage:before{content:""}.icon-a-xuewei:before{content:""}.icon-a-tuandui:before{content:""}.icon-a-bianhao1:before{content:""}.icon-a-xuexi:before{content:""}.icon-a-zhishi:before{content:""}.icon-a-fuli:before{content:""}.icon-a-bianhao4:before{content:""}.icon-a-laoshi:before{content:""}.icon-a-gren:before{content:""}.icon-a-baozhang:before{content:""}.icon-a-huiyuan:before{content:""}.icon-a-bianhao2:before{content:""}.icon-a-zhouqi:before{content:""}.icon-tishi:before{content:""}.icon-fenxiang2:before{content:""}.icon-renzheng1:before{content:""}.icon-huati4:before{content:""}.icon-youjiancaidan-shanchu:before{content:""}.icon-tupian:before{content:""}.icon-liaoyiliao:before{content:""}.icon-shoucang:before{content:""}.icon-shouye-baike:before{content:""}.icon-wodehuati:before{content:""}.icon-xuanzhong:before{content:""}.icon-wodezhuye:before{content:""}.icon-shouye-zhuanye:before{content:""}.icon-shouye-huati:before{content:""}.icon-zhanghaoshezhi:before{content:""}.icon-youjiantou:before{content:""}.icon-shouye-yuanxiao:before{content:""}.icon-zaixiankefu:before{content:""}.icon-dibuweixuanzhong-shequ:before{content:""}.icon-dingbu-fanhui:before{content:""}.icon-fenxiang:before{content:""}.icon-dibuweixuanzhong-jigou:before{content:""}.icon-wodehuati1:before{content:""}.icon-wodepinglun:before{content:""}.icon-wodezixun:before{content:""}.icon-dibuxuanzhong-shouye-copy:before{content:""}.icon-dibu-fabu:before{content:""}.icon-dibuweixuanzhong-shouye:before{content:""}.icon-dibuxuanzhong-shouye:before{content:""}.icon-dianzan-yidian:before{content:""}.icon-dibuxuanzhong-jigou:before{content:""}.icon-dibuxuanzhong-wode:before{content:""}.icon-dingbu-shouye:before{content:""}.icon-dibuxuanzhong-shequ:before{content:""}.icon-dianzan:before{content:""}.icon-gengduo:before{content:""}.icon-shanchu2:before{content:""}.icon-nansheng:before{content:""}.icon-dibuweixuanzhong-wode:before{content:""}.icon-nvsheng:before{content:""}.icon-pingfen-wu:before{content:""}.icon-huatipinglun1:before{content:""}.icon-shanchu1:before{content:""}.icon-guanyuwomen:before{content:""}.icon-huifu:before{content:""}.icon-huati3:before{content:""}.icon-pingfen-you:before{content:""}.icon-jiarushequn:before{content:""}.icon-shouye-dingwei:before{content:""}.icon-shouye-sousuo:before{content:""}.icon-huati2:before{content:""}.icon-genghuantouxiang:before{content:""}.icon-tianjia:before{content:""}.icon-shouye-jigou:before{content:""}.icon-shouye-didian:before{content:""}.icon-shouye-gongju:before{content:""}.icon-morenicon:before{content:""}.icon-a-old-version2x:before{content:""}.icon-a-location2x:before{content:""}.icon-a-check-square2x:before{content:""}.icon-a-notification2x:before{content:""}.icon-a-lock2x:before{content:""}.icon-a-compass2x:before{content:""}.icon-a-eye2x:before{content:""}.icon-a-thumb-up2x:before{content:""}.icon-a-play-circle2x:before{content:""}.icon-a-schedule2x:before{content:""}.icon-a-user-add2x:before{content:""}.icon-a-bulb2x:before{content:""}.icon-a-pushpin2x:before{content:""}.icon-a-user-group2x:before{content:""}.icon-a-desktop2x:before{content:""}.icon-a-common2x:before{content:""}.icon-a-empty2x:before{content:""}.icon-a-subscribed2x:before{content:""}.icon-a-palette2x:before{content:""}.icon-a-trophy2x:before{content:""}.icon-a-safe2x:before{content:""}.icon-dianzanxiankuang:before{content:""}.icon-neirongguanli1:before{content:""}.icon-gongzuotai1:before{content:""}.icon-dingweixianxing:before{content:""}.icon-touxiang:before{content:""}.icon-dingwei:before{content:""}.icon-a-zhuangshizuobian_huaban1:before{content:""}.icon-a-zhuangshiyoubian_huaban1:before{content:""}.icon-a-yikaozhuanti_huaban11:before{content:""}.icon-a-fenxiang_huaban1:before{content:""}.icon-youshimianxing:before{content:""}.icon-a-baokaozhinan_huaban1:before{content:""}.icon-a-xueyuanpingjia_huaban1:before{content:""}.icon-a-jigoupaiming_huaban1:before{content:""}.icon-a-yikaozhuanti_huaban1:before{content:""}.icon-a-yikaozixun_huaban1:before{content:""}.icon-a-zhaoshengjianzhang_huaban1:before{content:""}.icon-a-zhuanyejixun_huaban1:before{content:""}.icon-a-yishuyuanxiao_huaban1:before{content:""}.icon-a-zhuanyejiedu_huaban1:before{content:""}/*!
+/*!
  * Cropper.js v1.6.2
  * https://fengyuanchen.github.io/cropperjs
  *
@@ -6,4 +6,4 @@
  * Released under the MIT license
  *
  * Date: 2024-04-21T07:43:02.731Z
- */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.before{position:relative;overflow:hidden}.before img{position:absolute}[contenteditable=true][data-v-4e2cbd1e]:focus{outline:none}[contenteditable=true][data-v-4e2cbd1e]{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}.gp-message[data-v-56476f4c]{z-index:1000;transition:all .3s ease;max-width:300px}.message-content[data-v-56476f4c]{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-56476f4c]{background:none;border:none;color:#4b5563;cursor:pointer;margin-left:10px;line-height:1;padding:0}.fade-enter-active[data-v-56476f4c],.fade-leave-active[data-v-56476f4c]{transition:opacity .3s}.fade-enter-from[data-v-56476f4c],.fade-leave-to[data-v-56476f4c]{opacity:0}.border[data-v-1a7da1b9]{border:1px solid #ccc}.custom-checkbox[data-v-1a7da1b9]{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-1a7da1b9]:checked{border-color:#3b82f6;background-color:#3b82f6}.custom-checkbox[data-v-1a7da1b9]:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-area[data-v-d0f5b8a7]{transition:width .1s ease}.resizer[data-v-d0f5b8a7]{width:6px;background:#f0f0f0;cursor:col-resize;display:flex;justify-content:center;align-items:center;position:relative;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none}*,: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: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-top-6{top:-1.5rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.z-10{z-index:10}.m-2{margin:.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-2{margin-bottom:.5rem}.ml-3{margin-left:.75rem}.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-12{height:3rem}.h-20{height:5rem}.h-\[100vh\]{height:100vh}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[40px\]{height:40px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[500px\]{max-height:500px}.w-12{width:3rem}.w-16{width:4rem}.w-\[100vw\]{width:100vw}.w-\[110px\]{width:110px}.w-\[200px\]{width:200px}.w-\[270px\]{width:270px}.w-\[300px\]{width:300px}.w-\[640px\]{width:640px}.w-\[700px\]{width:700px}.w-auto{width:auto}.w-full{width:100%}.max-w-\[600px\]{max-width:600px}.flex-1{flex:1 1 0%}.-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))}.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}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.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-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-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-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-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\,\.7\)\],.bg-\[rgba\(0\,0\,0\,0\.7\)\]{background-color:#000000b3}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / 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-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-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))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.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-center{text-align:center}.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-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.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-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{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}
+ */.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}[contenteditable=true][data-v-4e2cbd1e]:focus{outline:none}[contenteditable=true][data-v-4e2cbd1e]{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}.gp-message[data-v-56476f4c]{z-index:1000;transition:all .3s ease;max-width:300px}.message-content[data-v-56476f4c]{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-56476f4c]{background:none;border:none;color:#4b5563;cursor:pointer;margin-left:10px;line-height:1;padding:0}.fade-enter-active[data-v-56476f4c],.fade-leave-active[data-v-56476f4c]{transition:opacity .3s}.fade-enter-from[data-v-56476f4c],.fade-leave-to[data-v-56476f4c]{opacity:0}.border[data-v-1a7da1b9]{border:1px solid #ccc}.custom-checkbox[data-v-1a7da1b9]{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-1a7da1b9]:checked{border-color:#3b82f6;background-color:#3b82f6}.custom-checkbox[data-v-1a7da1b9]:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-area[data-v-84392fe5]{transition:width .1s ease}.resizer[data-v-84392fe5]{width:6px;background:#f0f0f0;cursor:col-resize;display:flex;justify-content:center;align-items:center;position:relative;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none}*,: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: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-top-6{top:-1.5rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.z-10{z-index:10}.m-2{margin:.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-2{margin-bottom:.5rem}.ml-3{margin-left:.75rem}.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-12{height:3rem}.h-20{height:5rem}.h-\[100vh\]{height:100vh}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[40px\]{height:40px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[500px\]{max-height:500px}.w-12{width:3rem}.w-16{width:4rem}.w-\[100vw\]{width:100vw}.w-\[110px\]{width:110px}.w-\[200px\]{width:200px}.w-\[270px\]{width:270px}.w-\[300px\]{width:300px}.w-\[640px\]{width:640px}.w-\[700px\]{width:700px}.w-auto{width:auto}.w-full{width:100%}.max-w-\[600px\]{max-width:600px}.flex-1{flex:1 1 0%}.-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))}.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}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.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-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-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-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-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\,\.7\)\],.bg-\[rgba\(0\,0\,0\,0\.7\)\]{background-color:#000000b3}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / 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-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-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))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.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-center{text-align:center}.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-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.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-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{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}

package/dist/{001.html → topic/001.html}

@@ -8,15 +8,15 @@
     <div class="student3 ">
         <div class="student3_list as margin_row">
             <div class="student_list_s ">
-                <img src="/template/img/about_us_banners.png" alt=""/>
+                <img src="/topic/template/img/about_us_banners.png" alt=""/>
             </div>
             <div class="student_list_s">
-                <img src="/template/img/about_us_banners.png" alt=""/>
+                <img src="/topic/template/img/about_us_banners.png" alt=""/>
             </div>
         </div>
         <div class="student3_list nc margin_row">
             <div class="student_list">
-                <img src="/template/img/about_us_banners.png" alt=""/>
+                <img src="/topic/template/img/about_us_banners.png" alt=""/>
             </div>
         </div>
     </div>

package/dist/{002.html → topic/002.html}

@@ -17,7 +17,7 @@
         <img
           class="video-tu"
           ipath="https://blz-videos.nosdn.127.net/1/OverWatch/OVR-S03_E03_McCree_REUNION_zhCN_1080P_mb78.mp4"
-          src="template/img/about_us_banners.png"
+          src="/topic/template/img/about_us_banners.png"
         />
       </div>
       <div class="b_6">