@farris/ui-vue 1.7.1 → 1.7.2-beta.1

package/designer/image-cropper/index.umd.cjs

@@ -1 +0,0 @@
-(function(L,Q){typeof exports=="object"&&typeof module<"u"?Q(exports,require("../../components/image-cropper/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/image-cropper/index.umd.js","vue","../../components/designer-canvas/index.umd.js","../../components/dynamic-resolver/index.umd.js"],Q):(L=typeof globalThis<"u"?globalThis:L||self,Q(L["image-cropper"]={},L.ImageCropper,L.Vue,L.designerCanvas,L.dynamicResolver))})(this,function(L,Q,l,Me,fe){"use strict";var ee=(a=>(a.Move="move",a.Resize="resize",a))(ee||{});function we(){function a(m){switch(typeof m=="string"&&(m=c(m)),m){case 2:return{rotate:0,flip:!0};case 3:return{rotate:2,flip:!1};case 4:return{rotate:2,flip:!0};case 5:return{rotate:1,flip:!0};case 6:return{rotate:1,flip:!1};case 7:return{rotate:3,flip:!0};case 8:return{rotate:3,flip:!1};default:return{rotate:0,flip:!1}}}function c(m){const t=new DataView(o(m));if(t.getUint16(0,!1)!==65496)return-2;const y=t.byteLength;let f=2;for(;f<y;){if(t.getUint16(f+2,!1)<=8)return-1;const w=t.getUint16(f,!1);if(f+=2,w===65505){if(t.getUint32(f+=2,!1)!==1165519206)return-1;const g=t.getUint16(f+=6,!1)===18761;f+=t.getUint32(f+4,g);const N=t.getUint16(f,g);f+=2;for(let H=0;H<N;H++)if(t.getUint16(f+H*12,g)===274)return t.getUint16(f+H*12+8,g)}else{if((w&65280)!==65280)break;f+=t.getUint16(f,!1)}}return-1}function o(m){m=m.replace(/^data:([^;]+);base64,/gmi,"");const t=atob(m),y=t.length,f=new Uint8Array(y);for(let w=0;w<y;w++)f[w]=t.charCodeAt(w);return f.buffer}function q(m,t,y){const f=m.width,w=m.height;t=Math.round(t),y=Math.round(y);const g=f/t,N=w/y,H=Math.ceil(g/2),s=Math.ceil(N/2),n=m.getContext("2d");if(n){const k=n.getImageData(0,0,f,w),p=n.createImageData(t,y),{data:j}=k,$=p.data;for(let S=0;S<y;S++)for(let D=0;D<t;D++){const P=(D+S*t)*4,I=S*N;let A=0,h=0,d=0,F=0,O=0,K=0,M=0;const W=Math.floor(D*g),b=Math.floor(S*N);let B=Math.ceil((D+1)*g),G=Math.ceil((S+1)*N);B=Math.min(B,f),G=Math.min(G,w);for(let C=b;C<G;C++){const v=Math.abs(I-C)/s,le=D*g,te=v*v;for(let z=W;z<B;z++){const _=Math.abs(le-z)/H,T=Math.sqrt(te+_*_);if(T>=1)continue;A=2*T*T*T-3*T*T+1;const U=4*(z+C*f);M+=A*j[U+3],d+=A,j[U+3]<255&&(A=A*j[U+3]/250),F+=A*j[U],O+=A*j[U+1],K+=A*j[U+2],h+=A}}$[P]=F/h,$[P+1]=O/h,$[P+2]=K/h,$[P+3]=M/d}m.width=t,m.height=y,n.putImageData(p,0,0)}}return{resizeCanvas:q,getTransformationsFromExifData:a}}function be(a,c,o,q){function m(s,n){a.value.x2=a.value.x1+(a.value.y2-a.value.y1)*o.value,s=Math.max(a.value.x2-c.value.width,0),n=Math.max(0-a.value.y1,0),(s>0||n>0)&&(a.value.x2-=n*o.value>s?n*o.value:s,a.value.y1+=n*o.value>s?n:s/o.value)}function t(s,n){a.value.x2=a.value.x1+(a.value.y2-a.value.y1)*o.value,s=Math.max(a.value.x2-c.value.width,0),n=Math.max(a.value.y2-c.value.height,0),(s>0||n>0)&&(a.value.x2-=n*o.value>s?n*o.value:s,a.value.y2-=n*o.value>s?n:s/o.value)}function y(s,n){a.value.y1=a.value.y2-(a.value.x2-a.value.x1)/o.value,s=Math.max(0-a.value.x1,0),n=Math.max(0-a.value.y1,0),(s>0||n>0)&&(a.value.x1+=n*o.value>s?n*o.value:s,a.value.y1+=n*o.value>s?n:s/o.value)}function f(s,n){a.value.y1=a.value.y2-(a.value.x2-a.value.x1)/o.value,s=Math.max(a.value.x2-c.value.width,0),n=Math.max(0-a.value.y1,0),(s>0||n>0)&&(a.value.x2-=n*o.value>s?n*o.value:s,a.value.y1+=n*o.value>s?n:s/o.value)}function w(s,n){a.value.y2=a.value.y1+(a.value.x2-a.value.x1)/o.value,s=Math.max(a.value.x2-c.value.width,0),n=Math.max(a.value.y2-c.value.height,0),(s>0||n>0)&&(a.value.x2-=n*o.value>s?n*o.value:s,a.value.y2-=n*o.value>s?n:s/o.value)}function g(s,n){a.value.y2=a.value.y1+(a.value.x2-a.value.x1)/o.value,s=Math.max(0-a.value.x1,0),n=Math.max(a.value.y2-c.value.height,0),(s>0||n>0)&&(a.value.x1+=n*o.value>s?n*o.value:s,a.value.y2-=n*o.value>s?n:s/o.value)}function N(){a.value.x2=a.value.x1+(a.value.y2-a.value.y1)*o.value,a.value.y2=a.value.y1+(a.value.x2-a.value.x1)/o.value;const s=Math.max(0-a.value.x1,0),n=Math.max(a.value.x2-c.value.width,0),k=Math.max(a.value.y2-c.value.height,0),p=Math.max(0-a.value.y1,0);(s>0||n>0||k>0||p>0)&&(a.value.x1+=k*o.value>s?k*o.value:s,a.value.x2-=p*o.value>n?p*o.value:n,a.value.y1+=p*o.value>n?p:n/o.value,a.value.y2-=k*o.value>s?k:s/o.value)}function H(){if(c.value.width&&c.value.height)switch(q.position){case"top":m(0,0);break;case"bottom":t(0,0);break;case"topleft":y(0,0);break;case"topright":f(0,0);break;case"right":case"bottomright":w(0,0);break;case"left":case"bottomleft":g(0,0);break;case"center":N();break}}return{checkAspectRatio:H}}function Ce(a,c){const{resizeCanvas:o,getTransformationsFromExifData:q}=we(),m=l.inject("NotifyService"),t=l.ref(a.cropper),y=l.ref(a.transform),f=l.ref(a.cropperMinWidth),w=l.ref(a.maintainAspectRatio),g=l.ref(a.aspectRatio),N=l.ref(a.autoCrop),H=l.ref(a.backgroundColor),s=l.ref(a.resizeToWidth),n=l.ref(a.onlyScaleDown),k=l.ref(a.containWithinAspectRatio),p=l.ref(a.canvasRotation),j=l.ref(a.format),$=l.ref(a.imageQuality),S=l.ref(a.resizeToHeight),D=l.ref(a.cropperMinHeight),P=l.ref(""),I=l.ref(!0),A=l.ref(!0);let h,d,F=0,O,K,M;const W=l.ref(null),b=l.ref(""),B=l.ref(""),G=l.ref("0px"),C=l.ref(),v=l.ref({width:100,height:100}),le=ee;let te,z=20,_=20,T=!1,U={rotate:0,flip:!1},r={active:!1,type:null,position:null,x1:0,y1:0,x2:0,y2:0,clientX:0,clientY:0};const de=l.ref(a.imageChangedEvent),ne=l.ref(a.imageURL),ke=l.ref(a.imageBase64),We=l.ref(a.imageFile);function ze(){B.value="scaleX("+(y.value.scale||1)*(y.value.flipH?-1:1)+")scaleY("+(y.value.scale||1)*(y.value.flipV?-1:1)+")rotate("+(y.value.rotate||0)+"deg)"}function Y(){A.value=!1,C.value=null,P.value="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=",r={active:!1,type:null,position:null,x1:0,y1:0,x2:0,y2:0,clientX:0,clientY:0},v.value={width:0,height:0},h={width:0,height:0},d={width:0,height:0},t.value.x1=-100,t.value.y1=-100,t.value.x2=1e4,t.value.y2=1e4}function _e(e){return/image\/(png|jpg|jpeg|bmp|gif|tiff|webp)/.test(e)}function He(){if(p.value+=U.rotate,k.value&&h.width&&h.height){if(p.value%2){const u=h.width*g.value,x=h.height/g.value;return{width:Math.max(h.height,u),height:Math.max(h.width,x)}}const e=h.height*g.value,i=h.width/g.value;return{width:Math.max(h.width,e),height:Math.max(h.height,i)}}return p.value%2?{height:h.width,width:h.height}:{width:h.width,height:h.height}}function Ue(){p.value+=U.rotate;const e=He(),i=document.createElement("canvas");e.width&&e.height&&(i.width=e.width,i.height=e.height);const u=i.getContext("2d");return h.width&&h.height&&M&&(u==null||u.setTransform(U.flip?-1:1,0,0,1,i.width/2,i.height/2),u==null||u.rotate(Math.PI*(p.value/2)),u==null||u.drawImage(M,-h.width/2,-h.height/2)),i.toDataURL()}function De(e){return new Promise(i=>{te=e,P.value=e,C.value=new Image,C.value.onload=()=>{var u,x;d.width=(u=C.value)==null?void 0:u.naturalWidth,d.height=(x=C.value)==null?void 0:x.naturalHeight,i()},C.value.src=te})}function ve(){if(!M||!M.complete||!U)return Promise.reject(new Error("No image loaded"));const e=Ue();return De(e)}function se(e){const i=u=>{m.show({showCloseButton:!1,timeout:3e3,animate:"fadeIn",toasts:[{type:"string",title:"提示",msg:"图片上传错误，请重试"}]}),I.value=!1,T=!0,c.emit("loadImageFailed"),M=null,b.value=""};M=new Image,M.onload=()=>{b.value=e,U=q(e),h.width=M==null?void 0:M.naturalWidth,h.height=M==null?void 0:M.naturalHeight,ve().then(()=>{T=!1}).catch(i)},M.onerror=i,M.src=e}function Ee(e,i){_e(i)?(T=!1,se(e)):(m.show({showCloseButton:!1,timeout:3e3,animate:"fadeIn",toasts:[{type:"string",title:"提示",msg:"图片类型不正确,请重试"}]}),I.value=!1,T=!0,c.emit("loadImageFailed"))}function ge(e){const i=new FileReader;i.onload=u=>Ee(u.target.result,e.type),i.readAsDataURL(e)}function me(e){const i=new Image;i.onerror=()=>{m.show({showCloseButton:!1,timeout:3e3,animate:"fadeIn",toasts:[{type:"string",title:"提示",msg:"图片加载错误，请重试"}]}),I.value=!1,T=!0,c.emit("loadImageFailed")},i.onload=()=>{T=!1;const u=document.createElement("canvas"),x=u.getContext("2d");u.width=i.width,u.height=i.height,x==null||x.drawImage(i,0,0),se(u.toDataURL())},i.crossOrigin="anonymous",i.src=e}function Le(){return W.value&&W.value&&W.value.offsetWidth>0}function ue(){if(W.value){const e=W.value;v.value.width=e.offsetWidth,v.value.height=e.offsetHeight,G.value="calc(50% - "+v.value.width/2+"px)"}}function Ne(){C.value&&v.value.width&&(z=f.value>0?Math.max(20,f.value/C.value.width*v.value.width):20)}function Se(){w.value?_=Math.max(20,z/g.value):D.value>0&&C.value&&v.value.height?_=Math.max(20,D.value/C.value.height*v.value.height):_=20}function oe(){C.value?(Ne(),Se()):(z=20,_=20)}function je(){const e=W.value,i=l.ref({x1:0,x2:0,y1:0,y2:0});if(e&&d.width&&d.height){const u=d.width/e.offsetWidth;i.value={x1:Math.round(t.value.x1*u),y1:Math.round(t.value.y1*u),x2:Math.round(t.value.x2*u),y2:Math.round(t.value.y2*u)},k.value||(i.value.x1=Math.max(i.value.x1,0),i.value.y1=Math.max(i.value.y1,0),i.value.x2=Math.min(i.value.x2,d.width),i.value.y2=Math.min(i.value.y2,d.height))}return i.value}function $e(){p.value+=U.rotate;const e=W.value,i=l.ref({x1:0,x2:0,y1:0,y2:0});if(e&&d.height&&d.width&&h.height&&h.width){const u=d.width/e.offsetWidth;let x,V;p.value%2?(x=(d.width-h.height)/2,V=(d.height-h.width)/2):(x=(d.width-h.width)/2,V=(d.height-h.height)/2),i.value={x1:Math.round(t.value.x1*u)-x,y1:Math.round(t.value.y1*u)-V,x2:Math.round(t.value.x2*u)-x,y2:Math.round(t.value.y2*u)-V},k.value||(i.value.x1=Math.max(i.value.x1,0),i.value.y1=Math.max(i.value.y1,0),i.value.x2=Math.min(i.value.x2,d.width),i.value.y2=Math.min(i.value.y2,d.height))}return i.value}function Pe(e,i){if(s.value>0){if(!n.value||e>s.value)return s.value/e}else if(S.value>0&&(!n.value||i>S.value))return S.value/i;return 1}function Be(){return Math.min(1,Math.max(0,$.value/100))}function Fe(e){return e.toDataURL("image/"+j.value,Be())}function qe(){if(W.value&&W.value&&C.value!=null){const e=je(),i=e.x2-e.x1,u=e.y2-e.y1,x=document.createElement("canvas");x.width=i,x.height=u;const V=x.getContext("2d");if(V){H.value!=null&&(V.fillStyle=H.value,V.fillRect(0,0,i,u));const R=(y.value.scale||1)*(y.value.flipH?-1:1),J=(y.value.scale||1)*(y.value.flipV?-1:1);d.width&&d.height&&(V.setTransform(R,0,0,J,d.width/2,d.height/2),V.translate(-e.x1/R,-e.y1/J),V.rotate((y.value.rotate||0)*Math.PI/180),V.drawImage(C.value,-d.width/2,-d.height/2));const E={width:i,height:u,imagePosition:e,cropperPosition:{...t.value}};k.value&&(E.offsetImagePosition=$e());const X=Pe(i,u);return X!==1&&(E.width=Math.round(i*X),E.height=w.value?Math.round(E.width/g.value):Math.round(u*X),o(x,E.width,E.height)),E.base64=Fe(x),c.emit("imageCropped",E),E}}return null}function ae(){N.value&&qe()}function ye(){const e=W.value;if(e){if(!w.value)t.value.x1=0,t.value.x2=e.offsetWidth,t.value.y1=0,t.value.y2=e.offsetHeight;else if(e.offsetWidth/g.value<e.offsetHeight){t.value.x1=0,t.value.x2=e.offsetWidth;const i=e.offsetWidth/g.value;t.value.y1=(e.offsetHeight-i)/2,t.value.y2=t.value.y1+i}else{t.value.y1=0,t.value.y2=e.offsetHeight;const i=e.offsetHeight*g.value;t.value.x1=(e.offsetWidth-i)/2,t.value.x2=t.value.x1+i}ae(),A.value=!0}}function xe(){F>40?(m.show({showCloseButton:!1,timeout:3e3,animate:"fadeIn",toasts:[{type:"string",title:"提示",msg:"图片加载超时，请重试"}]}),T=!0,I.value=!1,c.emit("loadImageFailed")):Le()?(T=!1,ue(),oe(),ye(),c.emit("cropperReady",{...v.value})):(F++,setTimeout(()=>xe(),50))}function Re(){C.value!=null&&(I.value=!1,c.emit("imageLoaded"),F=0,setTimeout(()=>xe()))}function Qe(){const e=W.value;(v.value.width!==(e==null?void 0:e.offsetWidth)||v.value.height!==(e==null?void 0:e.offsetHeight))&&v.value.width&&v.value.height&&e&&(t.value.x1=t.value.x1*e.offsetWidth/v.value.width,t.value.x2=t.value.x2*e.offsetWidth/v.value.width,t.value.y1=t.value.y1*e.offsetHeight/v.value.height,t.value.y2=t.value.y2*e.offsetHeight/v.value.height)}const Oe=()=>{Qe(),ue(),oe()},pe=()=>{clearTimeout(K),K=setTimeout(Oe,300)};l.onMounted(()=>{window.addEventListener("resize",pe),ne.value&&(Y(),I.value=!0,me(ne.value))}),l.onUnmounted(()=>{window.removeEventListener("resize",pe)});function Ke(){r.active&&(r.active=!1,ae())}function re(e){return(e.touches&&e.touches[0]?e.touches[0].clientX:e.clientX)||0}function he(e){return(e.touches&&e.touches[0]?e.touches[0].clientY:e.clientY)||0}function Ge(e,i,u=null){r&&r.active||(e.preventDefault&&e.preventDefault(),r={active:!0,type:i,position:u,clientX:re(e),clientY:he(e),...t.value})}function ce(e=!1){t.value.x1<0&&(t.value.x2-=e?t.value.x1:0,t.value.x1=0),t.value.y1<0&&(t.value.y2-=e?t.value.y1:0,t.value.y1=0),t.value.x2>v.value.width&&(t.value.x1-=e?t.value.x2-v.value.width:0,t.value.x2=v.value.width),t.value.y2>v.value.height&&(t.value.y1-=e?t.value.y2-v.value.height:0,t.value.y2=v.value.height)}function Je(e){const i=re(e)-r.clientX,u=he(e)-r.clientY;t.value.x1=r.x1+i,t.value.y1=r.y1+u,t.value.x2=r.x2+i,t.value.y2=r.y2+u}const{checkAspectRatio:Ze}=be(t,v,g,r);function Ye(e){const i=re(e)-r.clientX,u=he(e)-r.clientY;switch(r.position){case"left":t.value.x1=Math.min(r.x1+i,t.value.x2-z);break;case"topleft":t.value.x1=Math.min(r.x1+i,t.value.x2-z),t.value.y1=Math.min(r.y1+u,t.value.y2-_);break;case"top":t.value.y1=Math.min(r.y1+u,t.value.y2-_);break;case"topright":t.value.x2=Math.max(r.x2+i,t.value.x1+z),t.value.y1=Math.min(r.y1+u,t.value.y2-_);break;case"right":t.value.x2=Math.max(r.x2+i,t.value.x1+z);break;case"bottomright":t.value.x2=Math.max(r.x2+i,t.value.x1+z),t.value.y2=Math.max(r.y2+u,t.value.y1+_);break;case"bottom":t.value.y2=Math.max(r.y2+u,t.value.y1+_);break;case"bottomleft":t.value.x1=Math.min(r.x1+i,t.value.x2-z),t.value.y2=Math.max(r.y2+u,t.value.y1+_);break;case"center":const{scale:x}=e,V=Math.abs(r.x2-r.x1)*x,R=Math.abs(r.y2-r.y1)*x,{x1:J}=t.value,{y1:E}=t.value;t.value.x1=Math.min(r.clientX-V/2,t.value.x2-z),t.value.y1=Math.min(r.clientY-R/2,t.value.y2-_),t.value.x2=Math.max(r.clientX+V/2,J+z),t.value.y2=Math.max(r.clientY+R/2,E+_);break}w.value&&Ze()}function Xe(e){r&&r.active&&(e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),clearTimeout(O),O=setTimeout(()=>{r.type===ee.Move?(Je(e),ce(!0)):r.type===ee.Resize&&(Ye(e),ce(!1))},300))}return l.watch(de,e=>{Y(),e&&e.target&&e.target.files&&e.target.files.length>0&&(I.value=!0,ge(e.target.files[0]))}),l.watch(ne,e=>{e?(Y(),I.value=!0,me(e)):(m.show({showCloseButton:!1,timeout:3e3,animate:"fadeIn",toasts:[{type:"string",title:"提示",msg:"图片路径为空"}]}),I.value=!1,T=!0)}),l.watch(ke,e=>{Y(),I.value=!0,se(e)}),l.watch(We,e=>{Y(),e&&(I.value=!0,ge(e))}),l.watch(()=>[a.containWithinAspectRatio,a.canvasRotation,a.cropper,a.aspectRatio,a.transform,a.imageChangedEvent],([e,i,u,x,V,R],[J,E,X,et,tt,at])=>{M&&M.complete&&U&&(e!==J||i!==E)&&ve(),u!==X&&(ue(),oe(),ce(!1),ae()),x!==et&&A.value&&ye(),V!==tt&&(ze(),ae()),R!==at&&(de.value=R)}),{uploadError:T,imageVisible:A,backgroundColor:H,sourceImage:W,safeImgDataUrl:P,safeTransformStyle:B,maxSize:v,cropper:t,marginLeft:G,moveTypes:le,isLoading:I,startMove:Ge,imageLoadedInView:Re,moveStop:Ke,moveImg:Xe}}const Z=l.defineComponent({name:"FImageCropperDesign",props:Q.imageCropperProps,emits:["imageCropped","imageLoaded","cropperReady","loadImageFailed"],setup(a,c){const o=l.ref(a.alignImage),q=l.ref(a.roundCropper),m=l.ref(a.hideResizeSquares),t=l.ref(a.loadImageErrorText),y=l.ref(a.disabled),f=l.ref(null),{uploadError:w,imageVisible:g,backgroundColor:N,sourceImage:H,safeImgDataUrl:s,safeTransformStyle:n,maxSize:k,cropper:p,marginLeft:j,moveTypes:$,isLoading:S,startMove:D,imageLoadedInView:P,moveStop:I,moveImg:A}=Ce(a,c),h=l.ref(),d=l.inject("design-item-context"),F=Me.useDesignerComponent(h,d);l.onMounted(()=>{h.value.componentInstance=F}),c.expose(F.value);function O(b){return l.createVNode("span",{class:`farris-image-cropper-resize-bar ${b}`,onMousedown:l.withModifiers(B=>D(B,$.Resize,b),["prevent"])},null)}function K(b){return l.createVNode("div",null,[l.createVNode("span",{class:`farris-image-cropper-resize-bar ${b}`,onMousedown:l.withModifiers(B=>D(B,$.Resize,b),["prevent"])},[l.createVNode("span",{class:"farris-image-cropper-square"},null)]),l.createVNode("span",{class:"farris-image-cropper-resize top"},[l.createVNode("span",{class:"farris-image-cropper-square"},null)])])}const M=["top","right","bottom","left"].map(b=>O(b)),W=["topleft","topright","bottomright","bottomleft"].map(b=>K(b));return()=>l.createVNode("div",{ref:h,class:["farris-image-cropper-frame",{"farris-image-cropper-disabled":y.value}],style:{"text-align":o.value},onMousemove:l.withModifiers(b=>A(b),["prevent"]),onTouchmove:l.withModifiers(b=>A(b),["prevent"]),onMouseup:l.withModifiers(()=>I(),["prevent"]),onTouchend:l.withModifiers(()=>I(),["prevent"])},[!w&&l.createVNode("div",{ref:f,class:"farris-image-cropper",style:[{background:g.value?N.value:""}]},[s.value&&l.createVNode("img",{title:"farris-source-image",ref:H,class:"farris-source-image",style:[{visibility:g.value?"visible":"hidden"},{transform:n.value}],src:s.value,onLoad:()=>P()},null),k.value&&l.createVNode("div",{class:"farris-image-overlay",style:[{width:`${k.value.width||0}px`},{height:`${k.value.height||0}px`},{"margin-left":o.value==="center"?j.value:""}]},null),g.value&&l.createVNode("div",{class:["farris-image-cropper-wrapper",{"farris-image-cropper-rounded":q.value}],style:[{top:`${p.value.y1}px`},{left:`${p.value.x1}px`},{width:`${p.value.x2-p.value.x1}px`},{height:`${p.value.y2-p.value.y1}px`},{visibility:g.value?"visible":"hidden"},{"margin-left":o.value==="center"?j.value:""}],tabindex:"0"},[l.createVNode("div",{class:"farris-image-cropper-move",onMousedown:l.withModifiers(b=>D(b,$.Move,"topleft"),["prevent"])},null),!m.value&&l.createVNode("div",null,[W,M])])]),S.value&&l.createVNode("div",{class:"farris-image-cropper-loading"},[l.createVNode("div",{class:"farris-image-cropper-loading-spinner"},null)]),w&&l.createVNode("div",{class:"farris-image-cropper-error"},[t.value])])}});function Ie(a,c,o){return c}const Ae=new Map([["appearance",fe.resolveAppearance]]),Te={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/image-cropper.schema.json",title:"image-cropper",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for image-cropper",type:"string"},type:{description:"The type string of image-cropper",type:"string",default:"image-cropper"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},Ve={title:"image-cropper",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeholder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"}}}}},ie=fe.createPropsResolver(Q.imageCropperProps,Te,Ae,Ie,Ve);Z.register=(a,c,o,q)=>{a["image-cropper"]=Q,c["image-cropper"]=ie},Z.registerDesigner=(a,c,o)=>{a["image-cropper"]=Z,c["image-cropper"]=ie},L.ImageCropperDesign=Z,L.default=Z,L.propsResolver=ie,Object.defineProperties(L,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/json-editor/index.esm.js

@@ -1,83 +0,0 @@
-import { jsonEditorProps as r, FJsonEditor as i } from "../../components/json-editor/index.esm.js";
-import { createPropsResolver as n } from "../../components/dynamic-resolver/index.esm.js";
-const s = "https://json-schema.org/draft/2020-12/schema", a = "https://farris-design.gitee.io/json-editor.schema.json", d = "json-editor", l = "A Farris Component", p = "object", c = {
-  type: {
-    description: "The type string of json-editor",
-    type: "string",
-    default: "json-editor"
-  },
-  parameterDescriptors: {
-    description: "Description of parameters to be configured",
-    type: "array",
-    default: []
-  },
-  formContextData: {
-    description: "Form context data",
-    type: "object",
-    default: {}
-  },
-  beforeOpen: {
-    description: "Before opening the configuration dialog, the callback function is executed",
-    type: "function",
-    default: null
-  },
-  dialogTitle: {
-    description: "Title of the dialog modal",
-    type: "string",
-    default: "JSON编辑器"
-  },
-  keyColumnTitle: {
-    description: "Title for the key column in the table",
-    type: "string",
-    default: "键"
-  },
-  valueColumnTitle: {
-    description: "Title for the value column in the table",
-    type: "string",
-    default: "值"
-  },
-  operationColumnTitle: {
-    description: "Title for the operation column",
-    type: "string",
-    default: "操作"
-  },
-  keyColumnPlaceholder: {
-    description: "Placeholder text for key input fields",
-    type: "string",
-    default: ""
-  },
-  valueColumnPlaceholder: {
-    description: "Placeholder text for value input fields",
-    type: "string",
-    default: ""
-  },
-  addButtonText: {
-    description: "Text displayed on the add new row button",
-    type: "string",
-    default: "添加"
-  }
-}, u = [
-  "id",
-  "type"
-], f = [], m = {
-  $schema: s,
-  $id: a,
-  title: d,
-  description: l,
-  type: p,
-  properties: c,
-  required: u,
-  ignore: f
-}, h = /* @__PURE__ */ new Map([]);
-function g(t, e, o) {
-  return e;
-}
-const y = n(r, m, h, g), x = {
-  register: (t, e, o, j) => {
-    t["json-editor"] = i, e["json-editor"] = y;
-  }
-};
-export {
-  x as default,
-  y as propsResolver
-};

package/designer/json-editor/index.umd.cjs

@@ -1 +0,0 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("../../components/json-editor/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/json-editor/index.umd.js","../../components/dynamic-resolver/index.umd.js"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e["json-editor"]={},e.jsonEditor,e.dynamicResolver))})(this,function(e,t,r){"use strict";const s={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/json-editor.schema.json",title:"json-editor",description:"A Farris Component",type:"object",properties:{type:{description:"The type string of json-editor",type:"string",default:"json-editor"},parameterDescriptors:{description:"Description of parameters to be configured",type:"array",default:[]},formContextData:{description:"Form context data",type:"object",default:{}},beforeOpen:{description:"Before opening the configuration dialog, the callback function is executed",type:"function",default:null},dialogTitle:{description:"Title of the dialog modal",type:"string",default:"JSON编辑器"},keyColumnTitle:{description:"Title for the key column in the table",type:"string",default:"键"},valueColumnTitle:{description:"Title for the value column in the table",type:"string",default:"值"},operationColumnTitle:{description:"Title for the operation column",type:"string",default:"操作"},keyColumnPlaceholder:{description:"Placeholder text for key input fields",type:"string",default:""},valueColumnPlaceholder:{description:"Placeholder text for value input fields",type:"string",default:""},addButtonText:{description:"Text displayed on the add new row button",type:"string",default:"添加"}},required:["id","type"],ignore:[]},d=new Map([]);function p(n,o,l){return o}const i=r.createPropsResolver(t.jsonEditorProps,s,d,p),c={register:(n,o,l,v)=>{n["json-editor"]=t.FJsonEditor,o["json-editor"]=i}};e.default=c,e.propsResolver=i,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});