@farris/ui-vue 1.7.0-beta.4 → 1.7.0

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

@@ -0,0 +1 @@
+(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/index.css

@@ -1 +1 @@
-.form-group-in-canvas .f-cmp-inputgroup .f-state-readonly .input-group-append{display:flex!important}.component-btn-group{flex-direction:row-reverse;position:absolute;z-index:800;background:#fff;display:none;top:-26px;right:0}.component-btn-group>div{position:fixed}.farris-component.farris-nested{padding-top:10px!important;padding-bottom:10px!important;border:dotted 2px #e8e8e8}.farris-component.farris-nested:not(.px-0){padding-right:10px!important;padding-left:10px!important}.farris-component.farris-nested.dgComponentFocused{border:dotted 2px #388fff}.farris-component.can-move{padding:2px}.farris-component.dgComponentSelected>.component-btn-group{display:flex}.component-btn-group .component-settings-button{display:flex;cursor:pointer;float:right;margin-left:4px;padding:0!important;font-size:10px;line-height:1.2em;border-radius:2px 2px 0 0;width:24px!important;height:24px!important;color:#fff!important;background:#388fff!important}.component-btn-group .component-settings-button+.component-settings-button{margin-left:4px!important}.component-btn-group .component-settings-button:last-child{margin-left:0!important}.component-btn-group .component-settings-button .f-icon{font-size:18px;margin:0 auto;line-height:20px}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_move{cursor:move}.farris-component-content-container .drag-container{display:inherit;flex-direction:inherit;flex-shrink:1;flex-grow:1;flex-basis:0%;flex-wrap:inherit;justify-content:inherit;align-items:inherit;width:100%;overflow:inherit;height:100%}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-mirror.undroppable .component-settings-button .f-icon-yxs_move{cursor:no-drop}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_delete{color:#fff!important;background:#388fff!important}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.drag-over:not(.no-drop){background-color:#f3f8ff!important}.gu-unselectable .farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-unselectable .gu-mirror.farris-component.dgComponentSelected>.component-btn-group{display:flex}.gu-transit.farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-mirror.farris-component.dgComponentSelected{position:fixed!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group>div{position:relative;top:0!important;left:0!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group{width:max-content}.dgComponentFocused{border-top:2px dotted #388fff!important;border-left:2px dotted #388fff!important;border-right:2px dotted #388fff!important;border-bottom:2px dotted #388fff!important}.dgComponentSelected{border-top:2px solid #388fff!important;border-left:2px solid #388fff!important;border-right:2px solid #388fff!important;border-bottom:2px solid #388fff!important}.editorDiv{background-color:#dbe6f7;overflow-x:auto}.editorPanel{position:relative;height:100%;min-width:900px}.editorDiv .editorPanel.Mobile{min-width:414px;width:414px;margin:20px auto;height:calc(100% - 40px)}.editorDiv .f-struct-like-card{display:block}.editorDiv .farris-tabs.f-tabs-content-fill .f-struct-is-subgrid .f-grid-is-sub{width:100%}.ide-framework .cdk-overlay-container{z-index:1100}.editorDiv .f-struct-wrapper{margin-bottom:15px}.f-struct-wrapper+.f-struct-wrapper{position:relative;display:inherit;margin-bottom:15px}.f-page-is-mainsubcard .f-page-main .f-struct-wrapper{background:#fff}.editorDiv .f-page-navigate .f-page{position:absolute!important}.editorDiv .f-page.f-page-navigate.f-page-is-listnav-with-header .f-page-main .f-page-content-main{display:block}.editorDiv .f-page-has-scheme .f-page-main.farris-component{margin-top:0}.f-struct-subsub-wrapper{padding-top:0!important}.gu-mirror.undroppable{cursor:no-drop}.gu-insertion{position:fixed;z-index:840!important;pointer-events:none!important;background-color:#388fff;height:4px;overflow:hidden}.editorPanel .f-page .f-page-main{margin-right:.5rem!important;margin-left:.5rem!important;margin-bottom:.5rem!important}.editorPanel .f-page.f-page-is-listnav .f-page-main{margin-top:.5rem!important}.editorPanel .f-page .f-page-main .f-page-main{margin:0!important}.editorPanel .f-page.f-page-has-scheme .f-page-header{margin:0 .5rem}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child{overflow:hidden;display:flex!important}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-mainsubcard,.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-main{height:100%}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section.f-section-fill>.f-section-content{flex-basis:0%}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill .farris-tabs-body>.farris-component-component{flex:1}.component-btn-group .settings-button-extend{padding:0 0 0 2px!important;width:auto!important;display:flex;align-items:center}.settings-button-extend .icon-text{margin:0 4px;font-size:13px;line-height:unset}.editorDiv .editorPanel .f-drawer-entry{z-index:799}.f-section-scheme{background:#fff;margin:.5625rem .5rem 0}.farris-component-tabs .farris-tabs-content.f-utils-fill-flex-column .farris-component-tab-page:has(.f-tab-active){display:flex!important;overflow:hidden;flex-shrink:1;flex-grow:1;flex-basis:0;flex-direction:column!important}.response-layout{border:dotted 2px #e8e8e8}.response-layout .response-layout-item{border-right:dotted 2px #e8e8e8}.response-layout .response-layout-item:not(:last-child){padding-right:8px!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:transparent}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}.designer-control-tree{display:block;height:100%;color:#212529!important;background:#fcfdff;flex-shrink:1;flex-grow:1;flex-basis:0;overflow:auto}.designer-control-tree .fv-grid .fv-grid-content{background:#fcfdff!important}.designer-control-tree .fv-grid .controlIcon{font-size:20px;color:#7d86ab!important;margin:0 4px 0 0!important}.designer-control-tree .fv-grid .controlIcon.f-icon{font-size:18px}.designer-control-tree .fv-grid .fv-grid-data{overflow:auto}.designer-control-tree .fv-grid .fv-grid-row-selected,.designer-control-tree .fv-grid .fv-grid-row-hover{border-radius:10px}.controlBox{font-size:13px!important}.controlBox .farris-panel{border:none}.controlBox .farris-panel .card-header{padding:10px 0!important;background-color:#fcfdff!important}.controlBox .farris-panel .card-header .col-form-label{font-size:13px;margin-bottom:0;color:#3f4764;opacity:.65}.controlBox .farris-panel .card-header .col-form-label .f-icon{font-size:10.8px;color:#3f4764}.controlBox .farris-panel .card-body{display:flex;flex-wrap:wrap;background:#fcfdff!important}.controlPanel:nth-child(-n+3){margin-top:0!important}.controlPanel .farrisControlIcon{font-size:27px;height:38px}.controlPanel{font-size:13px;cursor:grab;display:flex;background:#fff;align-items:center;width:33.333%;background-color:#fcfdff;border:1px solid #edf1f5;height:76px!important;text-align:center;margin:-1px 0 0 -1px!important;color:#6080ad;text-overflow:ellipsis;word-break:keep-all;-webkit-user-select:none;user-select:none}.controlPanel.updating{color:#707070}.controlPanel>div{margin:auto;overflow:hidden}.gu-mirror.undroppable.controlPanel{cursor:no-drop}.controlBox .farris-panel .card-header .col-form-label .icon-panel .f-icon{font-size:16px}.f-flow-canvas .br-node{position:absolute;top:120px;left:300px;width:fit-content;display:flex;justify-content:center;align-items:center;z-index:1}.f-flow-canvas .node-content{border:2px solid #1c1f2314;cursor:pointer;background-color:#fff;padding:12px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:left}.f-flow-canvas .circle-left{width:8px;height:8px;background-color:#2a87ff;border-radius:50%;transition:transform .3s ease;z-index:5;position:absolute;left:-4px;cursor:pointer}.f-flow-canvas .circle-left:hover{width:14px;height:14px;left:-7px}.f-flow-canvas .circle-top{width:8px;height:8px;background-color:#2a87ff;border-radius:50%;transition:transform .3s ease;z-index:5;position:absolute;top:-4px;cursor:pointer}.f-flow-canvas .circle-top:hover{width:14px;height:14px;top:-7px}.f-flow-canvas .circle-right{width:8px;height:8px;background-color:#2a87ff;border-radius:50%;transition:transform .3s ease;z-index:5;position:absolute;right:-4px;cursor:pointer}.f-flow-canvas .circle-right:hover{width:14px;height:14px;right:-7px}.f-flow-canvas .circle-bottom{width:8px;height:8px;background-color:#2a87ff;border-radius:50%;transition:transform .3s ease;z-index:5;position:absolute;bottom:-4px;cursor:pointer}.f-flow-canvas .circle-bottom:hover{width:14px;height:14px;bottom:-7px}.f-flow-canvas .editorPanel{min-width:initial!important}.f-flow-canvas .editorDiv{background-color:inherit!important}.lookup-modal-header{height:50px;position:relative;line-height:32px}.lookup-modal-header-title{max-width:calc(50% - 100px);text-overflow:ellipsis;overflow:hidden;cursor:default;white-space:nowrap;font-size:16px;position:absolute}.lookup-modal-header-buttons{padding:0;width:44px;position:absolute;right:10px;cursor:default}.lookup-modal-header-tabs-container{background:#eff5ff;border-radius:17px;color:#003f90;cursor:pointer;align-items:center}.lookup-modal-header-tabs-container .active-tab{position:absolute;width:80px;z-index:1;transition:all .18s ease-in;line-height:28px;margin:2px;height:28px;background:#ffffffe6;box-shadow:0 4px 18px #2a87ff33;border-radius:15px}.lookup-modal-header-tabs-container .tab-item{border:0;z-index:2;justify-content:center;width:84px}.lookup-modal-header-tabs-container.active{cursor:default;color:#2a87ff;background-color:transparent}.lookup-datagrid.lookup-datagrid-empty .fv-datagrid-pagination{pointer-events:none;opacity:.3}.property-item .form-group{margin-bottom:2px}.property-item .col-form-label{line-height:26px}.property-item .row-item{align-items:center}.wide-panel .row-item{display:flex}.wide-panel .row-item .component{flex:1 1 0}.wide-panel .row-item label{width:89px;text-align:right;padding-right:10px}.wrap{overflow:hidden;text-overflow:ellipsis}.propertyCascadeItem{background-color:transparent!important;border:none!important}.propertyCascadeItem .card-header{background-color:transparent!important;padding:4px 0!important;color:inherit!important}.propertyCascadeItem .card-header .panel-item-title{width:100%;position:relative;font-size:inherit!important}.propertyCascadeItem .card-header .panel-item-title .farris-input-wrap{margin-left:-5px;margin-right:-5px}.propertyCascadeItem .form-group .col-form-label .f-icon{color:#a3a3a3!important}.propertyCascadeItem .f-accordion-collapse,.propertyCascadeItem .f-accordion-expand{right:0;left:auto!important;top:6px;color:#6b94ec!important;position:absolute}.propertyCascadeItem .card-body{padding:3px 12px!important;background:#fffc;border-radius:8px;margin:4px 0}.propertyCascadeItem .card-body.hidden{display:none}.landscape{display:none;flex-shrink:0;align-items:center;justify-content:flex-end}.wide-panel .vertical{display:none}.wide-panel .landscape{display:block;padding:0;overflow:hidden}.wide-panel .line-item{display:flex}.wide-panel .line-item .f-header{margin-bottom:0}.wide-panel .line-item .f-section-formgroup-legend{width:89px;text-align:right;padding-right:13px}.wide-panel .line-item .farris-input-wrap{flex:1 1 0}:host{width:inherit;height:inherit}.property-panel{position:relative}.property-panel .switcher{position:absolute;top:9px;right:0;width:40px;text-align:center}.property-panel .switcher i{color:#4190ff;font-size:12px;cursor:pointer}.property-panel .side-panel{width:41px;background-color:#fff;padding-top:45px;text-align:center}.property-panel .side-panel .icon{display:block;text-align:center;color:#4190ff;margin-bottom:10px}.property-panel .side-panel span{writing-mode:vertical-rl;font-size:14px}.propertyPanel{width:300px;height:100%;color:#000000bf;background:#f3f8ff!important;border-color:#d8dbe2!important;display:flex}.propertyPanel .title{position:relative;background:#d0d8e9!important;flex-wrap:wrap;border:0}.propertyPanel .title.p-right{padding-right:40px}.propertyPanel .title>.title-label{line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:12px;padding-right:12px;color:#333;font-size:13px;font-weight:600;cursor:pointer}.propertyPanel .title>.title-label.active{background:#8fb1df!important}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0;padding-left:35px;height:35px;-ms-flex:1;flex:1;box-sizing:border-box}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0}.propertyPanel .property-grid .group-label{line-height:30px;display:block;padding-left:13px;cursor:pointer;background:#e2e9f6!important;color:#435069!important;font-weight:600!important;border-radius:6px}.propertyPanel .search .textbox{padding-left:10px}.propertyPanel .search .input-group{border-radius:0}.propertyPanel .panel-body{overflow:auto;height:100%}.propertyPanel .property-grid{list-style:none;margin:0 10px;padding:0}.propertyPanel .property-grid li{padding:2px 0}.propertyPanel .panel-body .property-grid .group-label+div{padding-bottom:14px!important;padding-top:.25rem!important}.propertyPanel .action-item{cursor:pointer;display:inline-block;transition:transform 50ms ease;position:relative;padding:0}.propertyPanel .action-item>.f-icon{color:#424242bf;line-height:35px;font-weight:600}.propertyPanel .search .input-group-clear{border-radius:0!important}.white-theme .propertyPanel{background:#fff!important;border:1px solid #D8DCE6!important}.white-theme .propertyPanel .title{overflow:visible;background:#fff!important;justify-content:space-around}.white-theme .propertyPanel{background:#fff!important}.white-theme .propertyPanel .title{overflow:visible;background:#fff!important;flex-wrap:wrap;text-align:center}.white-theme .propertyPanel .title>.title-label{font-weight:400!important;border-bottom:0;background:#fff!important;flex:1;color:#83849b}.white-theme .propertyPanel .title>.title-label>span{padding:0 14px 7px}.white-theme .propertyPanel .title>.title-label.active>span{border-bottom:2px solid #5b89fe;color:#5b89fe;border-radius:1.5px}.white-theme .propertyPanel .title.only{text-align:left}.white-theme .propertyPanel .property-grid .group-label{background:#fff!important;line-height:30px;font-weight:400!important;font-size:13px;color:#3f4764!important;border-radius:6px;background:#eef4ff!important;color:#435069!important}.white-theme .propertyPanel .property-grid .group-label .f-icon{color:#5d89fe;font-size:13px}.f-event-parameter .f-cmp-inputgroup.input-group{background-color:var(--f-neutral-12)}.nav-tree-panel{padding:0 10px;height:100%}.nav-tree-panel .fv-tree,.nav-tree-panel .fv-tree-content{overflow-x:auto}.f-navlookup-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navlookup-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-schema-selector-search{width:300px;height:26.6px;background:#fff;border-radius:6px;float:right;margin-right:10px}.f-schema-selector .farris-tabs-header{display:flex;align-items:center;min-width:400px;width:100%;height:44px;border:1px solid #e5e9ef;background:#f9f9fc;margin:0!important;padding:.75rem 0 .75rem 5rem!important}.f-schema-selector .farris-tabs-header .nav-item{margin-right:5rem!important}.f-schema-selector .container{padding:0;max-width:none!important}.f-schema-selector .f-list-view-group-item{background-color:transparent!important}.f-navForm-item{margin:20px 0 2px 20px;padding:15px 0 8px 18px;border:1px solid #e5e9ef;width:283px;height:90px;background:#fff;border:1px solid rgba(218,227,255,1);border-radius:11px;display:flex;cursor:pointer}.f-listview-active .f-navForm-item,.f-listview-active .f-navForm-item:hover,.f-listview-active .f-navlookup-item,.f-listview-active .f-navlookup-item:hover{background-color:#c9e1ff!important}.f-navForm-leftIcon{flex:1}.f-navForm-itemIcon{width:42px;height:42px;background-image:linear-gradient(-45deg,#41d2bd,#1fc8dc);border-radius:12px}.f-navForm-rightText{flex:4}.f-navForm-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navForm-item-active{align-content:space-between;padding:15px 0 8px 18px;width:283px;height:90px;background:#fff;border:1px solid rgba(218,227,255,1);border-radius:11px;display:flex;border:1px solid #e5e9ef;background-color:#edf5fc!important;margin:20px 0 2px 20px;cursor:pointer}.f-navForm-name{width:fit-content;max-width:200px;display:inline-block;vertical-align:center;height:20px;font-family:PingFangSC-Regular;font-size:14px;color:#2e4c70;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.f-navForm-source{width:fit-content;max-width:200px;height:22px;font-family:PingFangSC-Regular;font-size:13px;color:#8999b9;font-weight:400;border-radius:4px;padding:2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.f-navlookup-item{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef}.f-navlookup-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navlookup-item-active{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef;background-color:#edf5fc!important}.f-navlookup-itemIcon{width:16px;height:16px;padding:1px;margin-right:6px;background-color:#dcf4e8;display:inline-block}.f-navlookup-name{width:80%;height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top}.f-navlookup-source{width:100%;height:17px;font-family:PingFangSC-Regular;font-size:12px;color:#949ba7;font-weight:400}.f-navUdt-item{border:1px solid #e5e9ef;width:115px;height:100px;background:#fafbfc;border-radius:8px;margin-right:10px;position:relative;z-index:2000;margin-top:10px;cursor:pointer}.f-navUdt-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navUdt-item-active{border:1px solid #e5e9ef;background-color:#edf5fc!important;width:115px;height:100px;border-radius:8px;margin-right:10px;position:relative;z-index:2000;margin-top:10px;cursor:pointer}.f-navUdt-name{width:98%;height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top;text-align:center}.f-navUdt-code{width:98%;font-family:PingFangSC-Regular;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top;height:17px;font-size:12px;color:#a6aebe;text-align:center}.f-navSelector{background-color:#fff;display:flex;margin:0 24px;border:1px solid #e5e9ef;border-radius:8px;height:100%;overflow:hidden}.f-navSelector-left{flex:2;background-color:#fff;display:flex;flex-direction:column;border-right:1px solid #e5e9ef;border-radius:8px 0 0 8px;width:180px;padding-top:6px}.f-navSelector-right{flex:8}.f-navSelector-leftCategory{min-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:32px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;line-height:18px;font-weight:400;padding:7px 0 7px 15px;cursor:pointer;margin-right:5px;margin-left:5px}.f-navSelector-leftCategory:hover{min-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:32px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;line-height:18px;font-weight:400;padding:7px 0 7px 15px;background:#f7f8fb}.f-listview-active .f-navSelector-leftCategory{background:#c9e1ff;border-radius:8px}.f-navSelector-header{display:flex;min-width:400px;height:44px;align-items:center;border-bottom:1px solid #e5e9ef;background:#f9f9fc;top:0;z-index:2;border-radius:0 8px 0 0}.f-navSelector-recommand{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navSelector-recommand-text{width:80px;height:22px;font-family:PingFangSC-Regular;font-size:16px;color:#2d2f33;text-align:center;font-weight:400;margin-left:5px}.f-navSelector-recommand-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid blue;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px}.f-navSelector-remainder{flex:12}.f-navSelector-search{width:220px;height:26.6px;background:#fff;border-radius:6px;float:right;margin-right:40px}.f-navSelector-content{width:100%;min-width:400px;overflow-y:auto;display:flex;overflow-x:hidden;border-radius:0 8px 0 0;flex-direction:column;padding-bottom:1px}.f-navSelector-content .f-list-view-emptydata{height:360px;position:relative}.f-schema-selector .farris-tabs-content{flex-shrink:1;flex-grow:1;flex-basis:0;overflow:hidden}.f-button-edit .farris-tags{min-height:24px}.f-button-edit:hover .farris-tags{height:auto}.f-button-edit:hover .more-tags{visibility:hidden}.f-button-edit .more-tags{cursor:pointer;align-items:center;color:#2a87ff;font-weight:600;font-size:12px}.exception_wrap{max-width:750px;display:flex;overflow:hidden;position:relative}.exception_error_msg{line-height:1.5;overflow:hidden;min-height:66px}
+.form-group-in-canvas .f-cmp-inputgroup .f-state-readonly .input-group-append{display:flex!important}.component-btn-group{flex-direction:row-reverse;position:absolute;z-index:800;background:#fff;display:none;top:-26px;right:0}.component-btn-group>div{position:fixed}.farris-component.farris-nested{padding-top:10px!important;padding-bottom:10px!important;border:dotted 2px #e8e8e8}.farris-component.farris-nested:not(.px-0){padding-right:10px!important;padding-left:10px!important}.farris-component.farris-nested.dgComponentFocused{border:dotted 2px #388fff}.farris-component.can-move{padding:2px}.farris-component.dgComponentSelected>.component-btn-group{display:flex}.component-btn-group .component-settings-button{display:flex;cursor:pointer;float:right;margin-left:4px;padding:0!important;font-size:10px;line-height:1.2em;border-radius:2px 2px 0 0;width:24px!important;height:24px!important;color:#fff!important;background:#388fff!important}.component-btn-group .component-settings-button+.component-settings-button{margin-left:4px!important}.component-btn-group .component-settings-button:last-child{margin-left:0!important}.component-btn-group .component-settings-button .f-icon{font-size:18px;margin:0 auto;line-height:20px}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_move{cursor:move}.farris-component-content-container .drag-container{display:inherit;flex-direction:inherit;flex-shrink:1;flex-grow:1;flex-basis:0%;flex-wrap:inherit;justify-content:inherit;align-items:inherit;width:100%;overflow:inherit;height:100%}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-mirror.undroppable .component-settings-button .f-icon-yxs_move{cursor:no-drop}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_delete{color:#fff!important;background:#388fff!important}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.drag-over:not(.no-drop){background-color:#f3f8ff!important}.gu-unselectable .farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-unselectable .gu-mirror.farris-component.dgComponentSelected>.component-btn-group{display:flex}.gu-transit.farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-mirror.farris-component.dgComponentSelected{position:fixed!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group>div{position:relative;top:0!important;left:0!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group{width:max-content}.dgComponentFocused{border-top:2px dotted #388fff!important;border-left:2px dotted #388fff!important;border-right:2px dotted #388fff!important;border-bottom:2px dotted #388fff!important}.dgComponentSelected{border-top:2px solid #388fff!important;border-left:2px solid #388fff!important;border-right:2px solid #388fff!important;border-bottom:2px solid #388fff!important}.editorDiv{background-color:#dbe6f7;overflow-x:auto}.editorPanel{position:relative;height:100%;min-width:900px}.editorDiv .editorPanel.Mobile{min-width:414px;width:414px;margin:20px auto;height:calc(100% - 40px)}.editorDiv .f-struct-like-card{display:block}.editorDiv .farris-tabs.f-tabs-content-fill .f-struct-is-subgrid .f-grid-is-sub{width:100%}.ide-framework .cdk-overlay-container{z-index:1100}.editorDiv .f-struct-wrapper{margin-bottom:15px}.editorDiv .f-struct-wrapper+.f-struct-wrapper{position:relative;display:inherit}.editorDiv .f-page-navigate .f-page{position:absolute!important}.editorDiv .f-page.f-page-navigate.f-page-is-listnav-with-header .f-page-main .f-page-content-main{display:block}.editorDiv .f-page-has-scheme .f-page-main.farris-component{margin-top:0}.f-struct-subsub-wrapper{padding-top:0!important}.gu-mirror.undroppable{cursor:no-drop}.gu-insertion{position:fixed;z-index:840!important;pointer-events:none!important;background-color:#388fff;height:4px;overflow:hidden}.editorPanel .f-page .f-page-main{margin-right:.5rem!important;margin-left:.5rem!important;margin-bottom:.5rem!important}.editorPanel .f-page.f-page-is-listnav .f-page-main{margin-top:.5rem!important}.editorPanel .f-page .f-page-main .f-page-main{margin:0!important}.editorPanel .f-page.f-page-has-scheme .f-page-header{margin:0 .5rem}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child{display:flex!important}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child.farris-component{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-mainsubcard,.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-main{height:100%}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section.f-section-fill>.f-section-content{flex-basis:0%!important}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child:has(.drag-container .f-section-accordion.f-state-collapse){min-height:70px;display:block;flex:initial}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill .farris-tabs-body>.farris-component-component{flex:1}.component-btn-group .settings-button-extend{padding:0 0 0 2px!important;width:auto!important;display:flex;align-items:center}.settings-button-extend .icon-text{margin:0 4px;font-size:13px;line-height:unset}.editorDiv .editorPanel .f-drawer-entry{z-index:799}.f-section-scheme{background:#fff;margin:.5625rem .5rem 0}.farris-component-tabs .farris-tabs-content.f-utils-fill-flex-column .farris-component-tab-page:has(.f-tab-active){display:flex!important;overflow:hidden;flex-shrink:1;flex-grow:1;flex-basis:0;flex-direction:column!important}.response-layout{border:dotted 2px #e8e8e8}.response-layout .response-layout-item{border-right:dotted 2px #e8e8e8}.response-layout .response-layout-item:not(:last-child){padding-right:8px!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:transparent}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}.designer-control-tree{display:block;height:100%;color:#212529!important;background:#fcfdff;flex-shrink:1;flex-grow:1;flex-basis:0;overflow:auto}.designer-control-tree .fv-grid .fv-grid-content{background:#fcfdff!important}.designer-control-tree .fv-grid .controlIcon{font-size:20px;color:#7d86ab!important;margin:0 4px 0 0!important}.designer-control-tree .fv-grid .controlIcon.f-icon{font-size:18px}.designer-control-tree .fv-grid .fv-grid-data{overflow:auto}.designer-control-tree .fv-grid .fv-grid-row-selected,.designer-control-tree .fv-grid .fv-grid-row-hover{border-radius:10px}.controlBox{font-size:13px!important}.controlBox .farris-panel{border:none}.controlBox .farris-panel .card-header{padding:10px 0!important;background-color:#fcfdff!important}.controlBox .farris-panel .card-header .col-form-label{font-size:13px;margin-bottom:0;color:#3f4764;opacity:.65}.controlBox .farris-panel .card-header .col-form-label .f-icon{font-size:10.8px;color:#3f4764}.controlBox .farris-panel .card-body{display:flex;flex-wrap:wrap;background:#fcfdff!important}.controlPanel:nth-child(-n+3){margin-top:0!important}.controlPanel .farrisControlIcon{font-size:27px;height:38px}.controlPanel{font-size:13px;cursor:grab;display:flex;background:#fff;align-items:center;width:33.333%;background-color:#fcfdff;border:1px solid #edf1f5;height:76px!important;text-align:center;margin:-1px 0 0 -1px!important;color:#6080ad;text-overflow:ellipsis;word-break:keep-all;-webkit-user-select:none;user-select:none}.controlPanel.updating{color:#707070}.controlPanel>div{margin:auto;overflow:hidden}.gu-mirror.undroppable.controlPanel{cursor:no-drop}.controlBox .farris-panel .card-header .col-form-label .icon-panel .f-icon{font-size:16px}.f-flow-canvas .br-node{position:absolute;top:120px;left:300px;width:fit-content;display:flex;justify-content:center;align-items:center;z-index:1}.f-flow-canvas .node-content{border:2px solid #1c1f2314;cursor:pointer;background-color:#fff;padding:12px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:left}.f-flow-canvas .circle-left{width:8px;height:8px;background-color:#2a87ff;border-radius:50%;transition:transform .3s ease;z-index:5;position:absolute;left:-4px;cursor:pointer}.f-flow-canvas .circle-left:hover{width:14px;height:14px;left:-7px}.f-flow-canvas .circle-top{width:8px;height:8px;background-color:#2a87ff;border-radius:50%;transition:transform .3s ease;z-index:5;position:absolute;top:-4px;cursor:pointer}.f-flow-canvas .circle-top:hover{width:14px;height:14px;top:-7px}.f-flow-canvas .circle-right{width:8px;height:8px;background-color:#2a87ff;border-radius:50%;transition:transform .3s ease;z-index:5;position:absolute;right:-4px;cursor:pointer}.f-flow-canvas .circle-right:hover{width:14px;height:14px;right:-7px}.f-flow-canvas .circle-bottom{width:8px;height:8px;background-color:#2a87ff;border-radius:50%;transition:transform .3s ease;z-index:5;position:absolute;bottom:-4px;cursor:pointer}.f-flow-canvas .circle-bottom:hover{width:14px;height:14px;bottom:-7px}.f-flow-canvas .editorPanel{min-width:initial!important}.f-flow-canvas .editorDiv{background-color:inherit!important}.lookup-modal-header{height:50px;position:relative;line-height:32px}.lookup-modal-header-title{max-width:calc(50% - 100px);text-overflow:ellipsis;overflow:hidden;cursor:default;white-space:nowrap;font-size:16px;position:absolute}.lookup-modal-header-buttons{padding:0;width:44px;position:absolute;right:10px;cursor:default}.lookup-modal-header-tabs-container{background:var(--f-aid-04);border-radius:17px;color:var(--f-theme-03);cursor:pointer;align-items:center}.lookup-modal-header-tabs-container .active-tab{position:absolute;width:80px;z-index:1;transition:all .18s ease-in;line-height:28px;margin:2px;height:28px;background:#ffffffe6;box-shadow:0 4px 18px rgba(var(--f-theme-03-rgb),.2);border-radius:15px}.lookup-modal-header-tabs-container .tab-item{border:0;z-index:2;justify-content:center;width:84px}.lookup-modal-header-tabs-container.active{cursor:default;color:#2a87ff;background-color:transparent}.lookup-datagrid.lookup-datagrid-empty .fv-datagrid-pagination{pointer-events:none;opacity:.3}.property-item .form-group{margin-bottom:2px}.property-item .col-form-label{line-height:26px}.property-item .row-item{align-items:center}.wide-panel .row-item{display:flex}.wide-panel .row-item .component{flex:1 1 0}.wide-panel .row-item label{width:89px;text-align:right;padding-right:10px}.wrap{overflow:hidden;text-overflow:ellipsis}.propertyCascadeItem{background-color:transparent!important;border:none!important}.propertyCascadeItem .card-header{background-color:transparent!important;padding:4px 0!important;color:inherit!important}.propertyCascadeItem .card-header .panel-item-title{width:100%;position:relative;font-size:inherit!important}.propertyCascadeItem .card-header .panel-item-title .farris-input-wrap{margin-left:-5px;margin-right:-5px}.propertyCascadeItem .form-group .col-form-label .f-icon{color:#a3a3a3!important}.propertyCascadeItem .f-accordion-collapse,.propertyCascadeItem .f-accordion-expand{right:0;left:auto!important;top:6px;color:#6b94ec!important;position:absolute}.propertyCascadeItem .card-body{padding:3px 12px!important;background:#fffc;border-radius:8px;margin:4px 0}.propertyCascadeItem .card-body.hidden{display:none}.landscape{display:none;flex-shrink:0;align-items:center;justify-content:flex-end}.wide-panel .vertical{display:none}.wide-panel .landscape{display:block;padding:0;overflow:hidden}.wide-panel .line-item{display:flex}.wide-panel .line-item .f-header{margin-bottom:0}.wide-panel .line-item .f-section-formgroup-legend{width:89px;text-align:right;padding-right:13px}.wide-panel .line-item .farris-input-wrap{flex:1 1 0}:host{width:inherit;height:inherit}.property-panel{position:relative}.property-panel .switcher{position:absolute;top:9px;right:0;width:40px;text-align:center}.property-panel .switcher i{color:#4190ff;font-size:12px;cursor:pointer}.property-panel .side-panel{width:41px;background-color:#fff;padding-top:45px;text-align:center}.property-panel .side-panel .icon{display:block;text-align:center;color:#4190ff;margin-bottom:10px}.property-panel .side-panel span{writing-mode:vertical-rl;font-size:14px}.propertyPanel{width:300px;height:100%;color:#000000bf;background:#f3f8ff!important;border-color:#d8dbe2!important;display:flex}.propertyPanel .title{position:relative;background:#d0d8e9!important;flex-wrap:wrap;border:0}.propertyPanel .title.p-right{padding-right:40px}.propertyPanel .title>.title-label{line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:12px;padding-right:12px;color:#333;font-size:13px;font-weight:600;cursor:pointer}.propertyPanel .title>.title-label.active{background:#8fb1df!important}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0;padding-left:35px;height:35px;-ms-flex:1;flex:1;box-sizing:border-box}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0}.propertyPanel .property-grid .group-label{line-height:30px;display:block;padding-left:13px;cursor:pointer;background:#e2e9f6!important;color:#435069!important;font-weight:600!important;border-radius:6px}.propertyPanel .search .textbox{padding-left:10px}.propertyPanel .search .input-group{border-radius:0}.propertyPanel .panel-body{overflow:auto;height:100%}.propertyPanel .property-grid{list-style:none;margin:0 10px;padding:0}.propertyPanel .property-grid li{padding:2px 0}.propertyPanel .panel-body .property-grid .group-label+div{padding-bottom:14px!important;padding-top:.25rem!important}.propertyPanel .action-item{cursor:pointer;display:inline-block;transition:transform 50ms ease;position:relative;padding:0}.propertyPanel .action-item>.f-icon{color:#424242bf;line-height:35px;font-weight:600}.propertyPanel .search .input-group-clear{border-radius:0!important}.white-theme .propertyPanel{background:#fff!important;border:1px solid #D8DCE6!important}.white-theme .propertyPanel .title{overflow:visible;background:#fff!important;justify-content:space-around}.white-theme .propertyPanel{background:#fff!important}.white-theme .propertyPanel .title{overflow:visible;background:#fff!important;flex-wrap:wrap;text-align:center}.white-theme .propertyPanel .title>.title-label{font-weight:400!important;border-bottom:0;background:#fff!important;flex:1;color:#83849b}.white-theme .propertyPanel .title>.title-label>span{padding:0 14px 7px}.white-theme .propertyPanel .title>.title-label.active>span{border-bottom:2px solid #5b89fe;color:#5b89fe;border-radius:1.5px}.white-theme .propertyPanel .title.only{text-align:left}.white-theme .propertyPanel .property-grid .group-label{background:#fff!important;line-height:30px;font-weight:400!important;font-size:13px;color:#3f4764!important;border-radius:6px;background:#eef4ff!important;color:#435069!important}.white-theme .propertyPanel .property-grid .group-label .f-icon{color:#5d89fe;font-size:13px}.f-event-parameter .f-cmp-inputgroup.input-group{background-color:var(--f-neutral-12)}.nav-tree-panel{padding:0 10px;height:100%}.nav-tree-panel .fv-tree,.nav-tree-panel .fv-tree-content{overflow-x:auto}.f-navlookup-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navlookup-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-schema-selector-search{width:300px;height:26.6px;background:#fff;border-radius:6px;float:right;margin-right:10px}.f-schema-selector .farris-tabs-header{display:flex;align-items:center;min-width:400px;width:100%;height:44px;border:1px solid #e5e9ef;background:#f9f9fc;margin:0!important;padding:.75rem 0 .75rem 5rem!important}.f-schema-selector .farris-tabs-header .nav-item{margin-right:5rem!important}.f-schema-selector .container{padding:0;max-width:none!important}.f-schema-selector .f-list-view-group-item{background-color:transparent!important}.f-navForm-item{margin:20px 0 2px 20px;padding:15px 0 8px 18px;border:1px solid #e5e9ef;width:283px;height:90px;background:#fff;border:1px solid rgba(218,227,255,1);border-radius:11px;display:flex;cursor:pointer}.f-listview-active .f-navForm-item,.f-listview-active .f-navForm-item:hover,.f-listview-active .f-navlookup-item,.f-listview-active .f-navlookup-item:hover{background-color:#c9e1ff!important}.f-navForm-leftIcon{flex:1}.f-navForm-itemIcon{width:42px;height:42px;background-image:linear-gradient(-45deg,#41d2bd,#1fc8dc);border-radius:12px}.f-navForm-rightText{flex:4}.f-navForm-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navForm-item-active{align-content:space-between;padding:15px 0 8px 18px;width:283px;height:90px;background:#fff;border:1px solid rgba(218,227,255,1);border-radius:11px;display:flex;border:1px solid #e5e9ef;background-color:#edf5fc!important;margin:20px 0 2px 20px;cursor:pointer}.f-navForm-name{width:fit-content;max-width:200px;display:inline-block;vertical-align:center;height:20px;font-family:PingFangSC-Regular;font-size:14px;color:#2e4c70;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.f-navForm-source{width:fit-content;max-width:200px;height:22px;font-family:PingFangSC-Regular;font-size:13px;color:#8999b9;font-weight:400;border-radius:4px;padding:2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.f-navlookup-item{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef}.f-navlookup-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navlookup-item-active{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef;background-color:#edf5fc!important}.f-navlookup-itemIcon{width:16px;height:16px;padding:1px;margin-right:6px;background-color:#dcf4e8;display:inline-block}.f-navlookup-name{width:80%;height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top}.f-navlookup-source{width:100%;height:17px;font-family:PingFangSC-Regular;font-size:12px;color:#949ba7;font-weight:400}.f-navUdt-item{border:1px solid #e5e9ef;width:115px;height:100px;background:#fafbfc;border-radius:8px;margin-right:10px;position:relative;z-index:2000;margin-top:10px;cursor:pointer}.f-navUdt-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navUdt-item-active{border:1px solid #e5e9ef;background-color:#edf5fc!important;width:115px;height:100px;border-radius:8px;margin-right:10px;position:relative;z-index:2000;margin-top:10px;cursor:pointer}.f-navUdt-name{width:98%;height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top;text-align:center}.f-navUdt-code{width:98%;font-family:PingFangSC-Regular;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top;height:17px;font-size:12px;color:#a6aebe;text-align:center}.f-navSelector{background-color:#fff;display:flex;margin:0 24px;border:1px solid #e5e9ef;border-radius:8px;height:100%;overflow:hidden}.f-navSelector-left{flex:2;background-color:#fff;display:flex;flex-direction:column;border-right:1px solid #e5e9ef;border-radius:8px 0 0 8px;width:180px;padding-top:6px}.f-navSelector-right{flex:8}.f-navSelector-leftCategory{min-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:32px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;line-height:18px;font-weight:400;padding:7px 0 7px 15px;cursor:pointer;margin-right:5px;margin-left:5px}.f-navSelector-leftCategory:hover{min-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:32px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;line-height:18px;font-weight:400;padding:7px 0 7px 15px;background:#f7f8fb}.f-listview-active .f-navSelector-leftCategory{background:#c9e1ff;border-radius:8px}.f-navSelector-header{display:flex;min-width:400px;height:44px;align-items:center;border-bottom:1px solid #e5e9ef;background:#f9f9fc;top:0;z-index:2;border-radius:0 8px 0 0}.f-navSelector-recommand{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navSelector-recommand-text{width:80px;height:22px;font-family:PingFangSC-Regular;font-size:16px;color:#2d2f33;text-align:center;font-weight:400;margin-left:5px}.f-navSelector-recommand-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid blue;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px}.f-navSelector-remainder{flex:12}.f-navSelector-search{width:220px;height:26.6px;background:#fff;border-radius:6px;float:right;margin-right:40px}.f-navSelector-content{width:100%;min-width:400px;overflow-y:auto;display:flex;overflow-x:hidden;border-radius:0 8px 0 0;flex-direction:column;padding-bottom:1px}.f-navSelector-content .f-list-view-emptydata{height:360px;position:relative}.f-schema-selector .farris-tabs-content{flex-shrink:1;flex-grow:1;flex-basis:0;overflow:hidden}.f-button-edit .farris-tags{min-height:24px}.f-button-edit:hover .farris-tags{height:auto}.f-button-edit:hover .more-tags{visibility:hidden}.f-button-edit .more-tags{cursor:pointer;align-items:center;color:#2a87ff;font-weight:600;font-size:12px}.exception_wrap{max-width:750px;display:flex;overflow:hidden;position:relative}.exception_error_msg{line-height:1.5;overflow:hidden;min-height:66px}.exception_error_msg .exception_toggle_detail{position:absolute;right:0;color:var(--f-theme-03);cursor:pointer}.copy-exception-info{width:100%;color:var(--f-theme-03);padding-left:37px}

package/designer/input-group/index.esm.js

@@ -1,10 +1,10 @@
-import { useTextBoxDesign as C, withInstall as w } from "../../components/common/index.esm.js";
-import { resolveAppearance as x, createPropsResolver as V } from "../../components/dynamic-resolver/index.esm.js";
-import B, { inputGroupProps as P } from "../../components/input-group/index.esm.js";
-import { defineComponent as A, ref as p, inject as f, computed as I, onMounted as F, createVNode as a } from "vue";
-import { useDesignerComponent as k } from "../../components/designer-canvas/index.esm.js";
-import { InputBaseProperty as S } from "../../components/property-panel/index.esm.js";
-const Z = {
+import { useTextBoxDesign as B, withInstall as P } from "../../components/common/index.esm.js";
+import { resolveAppearance as A, createPropsResolver as I, getPropsResolverGenerator as F } from "../../components/dynamic-resolver/index.esm.js";
+import k, { inputGroupProps as m } from "../../components/input-group/index.esm.js";
+import { defineComponent as S, ref as p, inject as f, computed as G, onMounted as Z, createVNode as a } from "vue";
+import { useDesignerComponent as $ } from "../../components/designer-canvas/index.esm.js";
+import { InputBaseProperty as N } from "../../components/property-panel/index.esm.js";
+const H = {
   id: { Type: String, default: "" },
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
@@ -87,7 +87,7 @@ const Z = {
   * 是否启用快捷键
   */
   keyboard: { type: Boolean, default: !0 }
-}, m = [
+}, g = [
   { key: "none", value: "无" },
   { key: "cellNumber", value: "手机号" },
   { key: "tel", value: "座机号/传真号" },
@@ -99,7 +99,7 @@ const Z = {
   { key: "subjectCode", value: "10位数字会计科目代码" },
   { key: "custom", value: "自定义" }
 ];
-function $(t) {
+function M(t) {
   switch (t) {
     case "none":
       return "";
@@ -126,22 +126,22 @@ function $(t) {
   }
   return "";
 }
-function G(t) {
+function j(t) {
   var e;
-  return "请输入正确的" + ((e = m.find((o) => o.key === t)) == null ? void 0 : e.value);
+  return "请输入正确的" + ((e = g.find((o) => o.key === t)) == null ? void 0 : e.value);
 }
-const N = {
-  convertTo: (t, e, o, i) => {
-    t.editor.formatValidation || (t.editor.formatValidation = { type: "none" }), t.editor.formatValidation.type = o, t.editor.formatValidation.expression = $(o), t.editor.formatValidation.message = G(o);
+const L = {
+  convertTo: (t, e, o, n) => {
+    t.editor.formatValidation || (t.editor.formatValidation = { type: "none" }), t.editor.formatValidation.type = o, t.editor.formatValidation.expression = M(o), t.editor.formatValidation.message = j(o);
   },
   convertFrom: (t, e, o) => t.editor.formatValidation ? e === "type" ? t.editor.formatValidation[e] || "none" : t.editor.formatValidation[e] : "none"
 }, y = {
-  convertTo: (t, e, o, i) => {
+  convertTo: (t, e, o, n) => {
     t.editor.formatValidation || (t.editor.formatValidation = { type: "none" }), t.editor.formatValidation[e] = o;
   },
   convertFrom: (t, e, o) => t.editor.formatValidation ? t.editor.formatValidation[e] : t.editor[e]
 };
-class H extends S {
+class R extends N {
   constructor(e, o) {
     super(e, o);
   }
@@ -149,11 +149,11 @@ class H extends S {
     return super.getPropertyConfig(e, o), this.propertyConfig.categories.formatValidation = this.getFormatValidation(e), this.propertyConfig;
   }
   getEditorProperties(e) {
-    var i, r;
+    var n, r;
     let o;
-    if (((i = e == null ? void 0 : e.binding) == null ? void 0 : i.type) === "Form") {
-      const n = this.schemaService.getFieldByIDAndVMID(e.binding.field, this.viewModelId);
-      (r = n == null ? void 0 : n.schemaField) != null && r.type && (o = n.schemaField.type.length);
+    if (((n = e == null ? void 0 : e.binding) == null ? void 0 : n.type) === "Form") {
+      const i = this.schemaService.getFieldByIDAndVMID(e.binding.field, this.viewModelId);
+      (r = i == null ? void 0 : i.schemaField) != null && r.type && (o = i.schemaField.type.length);
     }
     return this.getComponentConfig(e, {}, {
       maxLength: {
@@ -191,11 +191,11 @@ class H extends S {
     });
   }
   getGridFieldEdtiorProperties(e) {
-    var i, r;
+    var n, r;
     let o;
-    if (((i = e == null ? void 0 : e.binding) == null ? void 0 : i.type) === "Form") {
-      const n = this.schemaService.getFieldByIDAndVMID(e.binding.field, this.viewModelId);
-      (r = n == null ? void 0 : n.schemaField) != null && r.type && (o = n.schemaField.type.length);
+    if (((n = e == null ? void 0 : e.binding) == null ? void 0 : n.type) === "Form") {
+      const i = this.schemaService.getFieldByIDAndVMID(e.binding.field, this.viewModelId);
+      (r = i == null ? void 0 : i.schemaField) != null && r.type && (o = i.schemaField.type.length);
     }
     return this.getComponentConfig(e, {}, {
       maxLength: {
@@ -232,11 +232,11 @@ class H extends S {
     });
   }
   getFormatValidation(e) {
-    var i, r, n, s;
+    var n, r, i, s;
     const o = {
       title: "输入格式校验",
       description: "输入校验",
-      hide: !((i = e.binding) != null && i.field),
+      hide: !((n = e.binding) != null && n.field),
       properties: {
         type: {
           title: "格式类型",
@@ -249,15 +249,15 @@ class H extends S {
             valueField: "key",
             idField: "key",
             editable: !1,
-            data: m
+            data: g
           },
           refreshPanelAfterChanged: !0,
-          $converter: N,
+          $converter: L,
           parentPropertyID: "formatValidation"
         }
       }
     };
-    return (r = e.editor.formatValidation) != null && r.type && ((n = e.editor.formatValidation) == null ? void 0 : n.type) !== "none" && (o.properties.message = {
+    return (r = e.editor.formatValidation) != null && r.type && ((i = e.editor.formatValidation) == null ? void 0 : i.type) !== "none" && (o.properties.message = {
       title: "输入错误提示",
       type: "string",
       description: "输入错误提示",
@@ -272,35 +272,35 @@ class H extends S {
     }), o;
   }
 }
-function M(t, e) {
+function O(t, e) {
   const o = t.schema;
-  function i(r, n) {
-    return new H(r, e).getPropertyConfig(o, n);
+  function n(r, i) {
+    return new R(r, e).getPropertyConfig(o, i);
   }
-  return { getPropsConfig: i };
+  return { getPropsConfig: n };
 }
-const l = /* @__PURE__ */ A({
+const l = /* @__PURE__ */ S({
   name: "FInputGroupDesign",
-  props: Z,
+  props: H,
   emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
   setup(t, e) {
-    const o = p(t.modelValue), i = p(t.modelValue), r = C(t, e, o, i), {
-      inputGroupClass: n,
+    const o = p(t.modelValue), n = p(t.modelValue), r = B(t, e, o, n), {
+      inputGroupClass: i,
       inputType: s,
-      inputGroupStyle: b
-    } = r, d = p(), h = f("designer-host-service"), u = f("design-item-context"), v = M(u, h), c = k(d, u, v), T = I(() => t.showType === "password" ? "password" : "");
-    return F(() => {
+      inputGroupStyle: C
+    } = r, d = p(), w = f("designer-host-service"), u = f("design-item-context"), x = O(u, w), c = $(d, u, x), V = G(() => t.showType === "password" ? "password" : "");
+    return Z(() => {
       d.value.componentInstance = c;
     }), e.expose(c.value), () => a("div", {
       id: "inputGroup",
       ref: d,
-      class: n.value,
-      style: b.value
+      class: i.value,
+      style: C.value
     }, [a("input", {
       class: "form-control",
       type: t.showType,
       placeholder: t.placeholder,
-      value: T.value
+      value: V.value
     }, null), t.showType === "password" && t.enableViewPassword && a("span", {
       class: "input-group-append"
     }, [a("span", {
@@ -309,13 +309,13 @@ const l = /* @__PURE__ */ A({
       class: "f-icon f-icon-eye"
     }, null)])])]);
   }
-}), j = /* @__PURE__ */ new Map([
-  ["appearance", x]
+}), b = /* @__PURE__ */ new Map([
+  ["appearance", A]
 ]);
-function L(t, e, o) {
+function h(t, e, o) {
   return e;
 }
-const R = "https://json-schema.org/draft/2020-12/schema", O = "https://farris-design.gitee.io/input-group.schema.json", E = "input-group", J = "A Farris Input Component", q = "object", z = {
+const E = "https://json-schema.org/draft/2020-12/schema", J = "https://farris-design.gitee.io/input-group.schema.json", q = "input-group", z = "A Farris Input Component", W = "object", D = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -581,32 +581,38 @@ const R = "https://json-schema.org/draft/2020-12/schema", O = "https://farris-de
     type: "string",
     default: ""
   }
-}, W = [
+}, U = [
   "type"
-], D = [
+], X = [
   "id",
   "appearance",
   "binding",
   "visible"
-], U = {
-  $schema: R,
-  $id: O,
-  title: E,
-  description: J,
-  type: q,
-  properties: z,
-  required: W,
-  ignore: D
-}, g = V(P, U, j, L);
-l.register = (t, e, o, i) => {
-  t["input-group"] = B, e["input-group"] = g;
+], v = {
+  $schema: E,
+  $id: J,
+  title: q,
+  description: z,
+  type: W,
+  properties: D,
+  required: U,
+  ignore: X
+}, oe = I(m, v, b, h), T = F(
+  m,
+  v,
+  b,
+  h
+);
+l.register = (t, e, o, n, r) => {
+  t["input-group"] = k, e["input-group"] = T(r);
 };
-l.registerDesigner = (t, e, o) => {
-  t["input-group"] = l, e["input-group"] = g;
+l.registerDesigner = (t, e, o, n) => {
+  t["input-group"] = l, e["input-group"] = T(n);
 };
-const te = w(l);
+const ne = P(l);
 export {
   l as FInputGroupDesgin,
-  te as default,
-  g as propsResolver
+  ne as default,
+  oe as propsResolver,
+  T as propsResolverGenerator
 };

package/designer/input-group/index.umd.cjs

@@ -1 +1 @@
-(function(r,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("../../components/common/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/input-group/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("../../components/property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/common/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/input-group/index.umd.js","vue","../../components/designer-canvas/index.umd.js","../../components/property-panel/index.umd.js"],s):(r=typeof globalThis<"u"?globalThis:r||self,s(r["input-group"]={},r.common,r.dynamicResolver,r.FInputGroup,r.Vue,r.designerCanvas,r.propertyPanel))})(this,function(r,s,f,y,a,v,T){"use strict";const x={id:{Type:String,default:""},autocomplete:{Type:String,default:"off"},customClass:{Type:String,default:""},disabled:{Type:Boolean,default:!1},editable:{Type:Boolean,default:!0},enableClear:{Type:Boolean,default:!0},enableTitle:{Type:Boolean,default:!0},enableViewPassword:{Type:Boolean,default:!0},forcePlaceholder:{Type:Boolean,default:!1},groupText:{Type:String,default:""},showType:{Type:String,default:"text"},type:{Type:String,default:"text"},max:{type:[Number,String]},min:{type:[Number,String]},maxLength:{Type:Number||void 0,default:void 0},minLength:{Type:Number||void 0,default:void 0},modelValue:{Type:String||Boolean,default:""},showBorder:{Type:Boolean,default:!0},step:{Type:Number,default:1},placeholder:{Type:String,default:""},precision:{Type:Number,default:0},readonly:{Type:Boolean,default:!1},showButtonWhenDisabled:{Type:Boolean,default:!1},tabIndex:{Type:Number,default:0},textAlign:{Type:String,default:"left"},useExtendInfo:{Type:Boolean,default:!1},extendInfo:{Type:String,default:""},value:{Type:String,default:""},autoHeight:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},rows:{type:Number,default:2},showCount:{type:Boolean,default:!1},showZero:{type:Boolean,default:!1},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},updateOn:{type:String,default:"blur"},formatValidation:{type:Object,default:{}},keyboard:{type:Boolean,default:!0}},m=[{key:"none",value:"无"},{key:"cellNumber",value:"手机号"},{key:"tel",value:"座机号/传真号"},{key:"telOrCell",value:"手机号/座机号/传真号"},{key:"postCode",value:"邮编"},{key:"email",value:"电子邮箱"},{key:"idCode",value:"身份证号"},{key:"carCode",value:"车牌号"},{key:"subjectCode",value:"10位数字会计科目代码"},{key:"custom",value:"自定义"}];function C(t){switch(t){case"none":return"";case"cellNumber":return"^1[0-9]{10}$";case"tel":return"^(0[0-9]{2,3}\\-)?([2-9][0-9]{6,7})+(\\-[0-9]{1,4})?$";case"telOrCell":return"^(0[0-9]{2,3}\\-)?([2-9][0-9]{6,7})+(\\-[0-9]{1,4})?$|^1[0-9]{10}$";case"postCode":return"^[1-9]\\d{5}(?!\\d)$";case"workCode":return"^\\d{8}$";case"email":return"^[A-Za-z\\d]+([-_.][A-Za-z\\d]+)*@([A-Za-z\\d]+[-.])+[A-Za-z]{2,5}$";case"idCode":return"^[1-9]\\d{5}[1-9]\\d{3}((0[1-9])|(1[0-2]))(0[1-9]|([1|2][0-9])|3[0-1])((\\d{4})|\\d{3}X)$";case"carCode":return"^([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][·\\s]?[A-HJ-NP-Z0-9]{4,5}[挂学警港澳]?|粤[Z港澳][·\\s]?[港澳][0-9A-HJ-NP-Z]{4}|[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼][A-Z][·\\s]?([DF][0-9A-HJ-NP-Z][0-9]{4}|[0-9]{5}[DF])[挂港澳]?|[使领][0-9]{3}[·\\s]?[0-9]{3}|临[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼][A-Z][·\\s]?[0-9A-Z]{4,5}|[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼][A-Z]?[·\\s]?警[0-9A-Z]{4}|[军海空][A-Z][·\\s]?[0-9]{4,5}|WJ(?:[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼]|\\d{2})[·\\s]?[0-9A-Z]{4,5})$";case"carCodeNew":return"^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF])|([DF][A-HJ-NP-Z0-9][0-9]{4}))$";case"subjectCode":return"^\\d{10}$"}return""}function w(t){var e;return"请输入正确的"+((e=m.find(n=>n.key===t))==null?void 0:e.value)}const V={convertTo:(t,e,n,i)=>{t.editor.formatValidation||(t.editor.formatValidation={type:"none"}),t.editor.formatValidation.type=n,t.editor.formatValidation.expression=C(n),t.editor.formatValidation.message=w(n)},convertFrom:(t,e,n)=>t.editor.formatValidation?e==="type"?t.editor.formatValidation[e]||"none":t.editor.formatValidation[e]:"none"},g={convertTo:(t,e,n,i)=>{t.editor.formatValidation||(t.editor.formatValidation={type:"none"}),t.editor.formatValidation[e]=n},convertFrom:(t,e,n)=>t.editor.formatValidation?t.editor.formatValidation[e]:t.editor[e]};class B extends T.InputBaseProperty{constructor(e,n){super(e,n)}getPropertyConfig(e,n){return super.getPropertyConfig(e,n),this.propertyConfig.categories.formatValidation=this.getFormatValidation(e),this.propertyConfig}getEditorProperties(e){var i,d;let n;if(((i=e==null?void 0:e.binding)==null?void 0:i.type)==="Form"){const o=this.schemaService.getFieldByIDAndVMID(e.binding.field,this.viewModelId);(d=o==null?void 0:o.schemaField)!=null&&d.type&&(n=o.schemaField.type.length)}return this.getComponentConfig(e,{},{maxLength:{description:"文本字数最大长度",title:"最大长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1,max:n,needValid:!0}},showType:{description:"指定是文本框还是密码框",title:"展示类型",type:"enum",editor:{type:"combo-list",data:[{id:"text",name:"文本框"},{id:"password",name:"密码框"}]},refreshPanelAfterChanged:!0,defaultValue:"text"},enableViewPassword:{description:"",title:"能否查看密码",visible:e.editor.showType==="password",type:"boolean"}})}getGridFieldEdtiorProperties(e){var i,d;let n;if(((i=e==null?void 0:e.binding)==null?void 0:i.type)==="Form"){const o=this.schemaService.getFieldByIDAndVMID(e.binding.field,this.viewModelId);(d=o==null?void 0:o.schemaField)!=null&&d.type&&(n=o.schemaField.type.length)}return this.getComponentConfig(e,{},{maxLength:{description:"文本字数最大长度",title:"最大长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1,max:n}},showType:{description:"指定是文本框还是密码框",title:"展示类型",type:"enum",editor:{type:"combo-list",data:[{id:"text",name:"文本框"},{id:"password",name:"密码框"}]},refreshPanelAfterChanged:!0,defaultValue:"text"},enableViewPassword:{description:"",title:"能否查看密码",visible:e.editor.showType==="password",type:"boolean"}})}getFormatValidation(e){var i,d,o,p;const n={title:"输入格式校验",description:"输入校验",hide:!((i=e.binding)!=null&&i.field),properties:{type:{title:"格式类型",type:"enum",description:"格式类型",defaultValue:"",editor:{type:"combo-list",textField:"value",valueField:"key",idField:"key",editable:!1,data:m},refreshPanelAfterChanged:!0,$converter:V,parentPropertyID:"formatValidation"}}};return(d=e.editor.formatValidation)!=null&&d.type&&((o=e.editor.formatValidation)==null?void 0:o.type)!=="none"&&(n.properties.message={title:"输入错误提示",type:"string",description:"输入错误提示",$converter:g,parentPropertyID:"formatValidation"}),((p=e.editor.formatValidation)==null?void 0:p.type)==="custom"&&(n.properties.expression={title:"匹配正则",type:"string",description:"匹配正则",$converter:g,parentPropertyID:"formatValidation"}),n}}function P(t,e){const n=t.schema;function i(d,o){return new B(d,e).getPropertyConfig(n,o)}return{getPropsConfig:i}}const l=a.defineComponent({name:"FInputGroupDesign",props:x,emits:["updateExtendInfo","clear","valueChange","clickHandle","blurHandle","focusHandle","enterHandle","iconMouseEnter","iconMouseLeave","keyupHandle","keydownHandle","inputClick"],setup(t,e){const n=a.ref(t.modelValue),i=a.ref(t.modelValue),d=s.useTextBoxDesign(t,e,n,i),{inputGroupClass:o,inputType:p,inputGroupStyle:j}=d,c=a.ref(),k=a.inject("designer-host-service"),b=a.inject("design-item-context"),N=P(b,k),h=v.useDesignerComponent(c,b,N),Z=a.computed(()=>t.showType==="password"?"password":"");return a.onMounted(()=>{c.value.componentInstance=h}),e.expose(h.value),()=>a.createVNode("div",{id:"inputGroup",ref:c,class:o.value,style:j.value},[a.createVNode("input",{class:"form-control",type:t.showType,placeholder:t.placeholder,value:Z.value},null),t.showType==="password"&&t.enableViewPassword&&a.createVNode("span",{class:"input-group-append"},[a.createVNode("span",{class:"input-group-text"},[a.createVNode("span",{class:"f-icon f-icon-eye"},null)])])])}}),A=new Map([["appearance",f.resolveAppearance]]);function I(t,e,n){return e}const F={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/input-group.schema.json",title:"input-group",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"input-group"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},formatValidation:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},labelWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},disabled:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabIndex:{description:"",type:"number",default:-1},maxLength:{description:"",type:"number",default:""},textAlign:{description:"",type:"enum",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"string",default:""},addonDisabled:{description:"",type:"boolean",default:!1},addonContent:{description:"",type:"string",default:""},autoHeight:{description:"",type:"boolean",default:!1},enableAddon:{description:"",type:"boolean",default:!1},addonType:{description:"",type:"string",enum:["button","static"],default:"button"},enableClear:{description:"",type:"boolean",default:!0},enableViewPassword:{description:"",type:"boolean",default:!0},inputType:{description:"",type:"string",enum:["input","password","text"],default:"input"},showType:{description:"",type:"string",enum:["password","text"],default:"text"},maxHeight:{description:"",type:"number",default:500},popUp:{description:"",type:"object",properties:{footerButtons:{type:"array",default:[]},height:{type:"number",default:600},dataMapping:{type:"object"},contents:{type:"array",default:[]},showMaxButton:{type:"boolean",default:!0},showCloseButton:{type:"boolean",default:!0},showFooter:{type:"boolean",default:!0},title:{type:"string",default:""},width:{type:"number",default:800}}},groupText:{description:"",type:"string",default:""},onClickHandle:{description:"",type:"string",default:""},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},onClear:{description:"",type:"string",default:""},updateOn:{description:"",type:"string",default:"blur"},onChange:{description:"值变化事件",type:"string",default:""},onClick:{description:"点击事件",type:"string",default:""},onFocus:{description:"获取焦点事件",type:"string",default:""},onInput:{description:"输入事件",type:"string",default:""},onKeydown:{description:"按键按下事件",type:"string",default:""},onKeyup:{description:"按键松开事件",type:"string",default:""}},required:["type"],ignore:["id","appearance","binding","visible"]},u=f.createPropsResolver(y.inputGroupProps,F,A,I);l.register=(t,e,n,i)=>{t["input-group"]=y,e["input-group"]=u},l.registerDesigner=(t,e,n)=>{t["input-group"]=l,e["input-group"]=u};const S=s.withInstall(l);r.FInputGroupDesgin=l,r.default=S,r.propsResolver=u,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(r,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("../../components/common/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/input-group/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("../../components/property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/common/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/input-group/index.umd.js","vue","../../components/designer-canvas/index.umd.js","../../components/property-panel/index.umd.js"],d):(r=typeof globalThis<"u"?globalThis:r||self,d(r["input-group"]={},r.common,r.dynamicResolver,r.FInputGroup,r.Vue,r.designerCanvas,r.propertyPanel))})(this,function(r,d,u,c,s,C,w){"use strict";const V={id:{Type:String,default:""},autocomplete:{Type:String,default:"off"},customClass:{Type:String,default:""},disabled:{Type:Boolean,default:!1},editable:{Type:Boolean,default:!0},enableClear:{Type:Boolean,default:!0},enableTitle:{Type:Boolean,default:!0},enableViewPassword:{Type:Boolean,default:!0},forcePlaceholder:{Type:Boolean,default:!1},groupText:{Type:String,default:""},showType:{Type:String,default:"text"},type:{Type:String,default:"text"},max:{type:[Number,String]},min:{type:[Number,String]},maxLength:{Type:Number||void 0,default:void 0},minLength:{Type:Number||void 0,default:void 0},modelValue:{Type:String||Boolean,default:""},showBorder:{Type:Boolean,default:!0},step:{Type:Number,default:1},placeholder:{Type:String,default:""},precision:{Type:Number,default:0},readonly:{Type:Boolean,default:!1},showButtonWhenDisabled:{Type:Boolean,default:!1},tabIndex:{Type:Number,default:0},textAlign:{Type:String,default:"left"},useExtendInfo:{Type:Boolean,default:!1},extendInfo:{Type:String,default:""},value:{Type:String,default:""},autoHeight:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},rows:{type:Number,default:2},showCount:{type:Boolean,default:!1},showZero:{type:Boolean,default:!1},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},updateOn:{type:String,default:"blur"},formatValidation:{type:Object,default:{}},keyboard:{type:Boolean,default:!0}},m=[{key:"none",value:"无"},{key:"cellNumber",value:"手机号"},{key:"tel",value:"座机号/传真号"},{key:"telOrCell",value:"手机号/座机号/传真号"},{key:"postCode",value:"邮编"},{key:"email",value:"电子邮箱"},{key:"idCode",value:"身份证号"},{key:"carCode",value:"车牌号"},{key:"subjectCode",value:"10位数字会计科目代码"},{key:"custom",value:"自定义"}];function P(t){switch(t){case"none":return"";case"cellNumber":return"^1[0-9]{10}$";case"tel":return"^(0[0-9]{2,3}\\-)?([2-9][0-9]{6,7})+(\\-[0-9]{1,4})?$";case"telOrCell":return"^(0[0-9]{2,3}\\-)?([2-9][0-9]{6,7})+(\\-[0-9]{1,4})?$|^1[0-9]{10}$";case"postCode":return"^[1-9]\\d{5}(?!\\d)$";case"workCode":return"^\\d{8}$";case"email":return"^[A-Za-z\\d]+([-_.][A-Za-z\\d]+)*@([A-Za-z\\d]+[-.])+[A-Za-z]{2,5}$";case"idCode":return"^[1-9]\\d{5}[1-9]\\d{3}((0[1-9])|(1[0-2]))(0[1-9]|([1|2][0-9])|3[0-1])((\\d{4})|\\d{3}X)$";case"carCode":return"^([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][·\\s]?[A-HJ-NP-Z0-9]{4,5}[挂学警港澳]?|粤[Z港澳][·\\s]?[港澳][0-9A-HJ-NP-Z]{4}|[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼][A-Z][·\\s]?([DF][0-9A-HJ-NP-Z][0-9]{4}|[0-9]{5}[DF])[挂港澳]?|[使领][0-9]{3}[·\\s]?[0-9]{3}|临[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼][A-Z][·\\s]?[0-9A-Z]{4,5}|[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼][A-Z]?[·\\s]?警[0-9A-Z]{4}|[军海空][A-Z][·\\s]?[0-9]{4,5}|WJ(?:[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼]|\\d{2})[·\\s]?[0-9A-Z]{4,5})$";case"carCodeNew":return"^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF])|([DF][A-HJ-NP-Z0-9][0-9]{4}))$";case"subjectCode":return"^\\d{10}$"}return""}function B(t){var e;return"请输入正确的"+((e=m.find(n=>n.key===t))==null?void 0:e.value)}const A={convertTo:(t,e,n,o)=>{t.editor.formatValidation||(t.editor.formatValidation={type:"none"}),t.editor.formatValidation.type=n,t.editor.formatValidation.expression=P(n),t.editor.formatValidation.message=B(n)},convertFrom:(t,e,n)=>t.editor.formatValidation?e==="type"?t.editor.formatValidation[e]||"none":t.editor.formatValidation[e]:"none"},g={convertTo:(t,e,n,o)=>{t.editor.formatValidation||(t.editor.formatValidation={type:"none"}),t.editor.formatValidation[e]=n},convertFrom:(t,e,n)=>t.editor.formatValidation?t.editor.formatValidation[e]:t.editor[e]};class I extends w.InputBaseProperty{constructor(e,n){super(e,n)}getPropertyConfig(e,n){return super.getPropertyConfig(e,n),this.propertyConfig.categories.formatValidation=this.getFormatValidation(e),this.propertyConfig}getEditorProperties(e){var o,a;let n;if(((o=e==null?void 0:e.binding)==null?void 0:o.type)==="Form"){const i=this.schemaService.getFieldByIDAndVMID(e.binding.field,this.viewModelId);(a=i==null?void 0:i.schemaField)!=null&&a.type&&(n=i.schemaField.type.length)}return this.getComponentConfig(e,{},{maxLength:{description:"文本字数最大长度",title:"最大长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1,max:n,needValid:!0}},showType:{description:"指定是文本框还是密码框",title:"展示类型",type:"enum",editor:{type:"combo-list",data:[{id:"text",name:"文本框"},{id:"password",name:"密码框"}]},refreshPanelAfterChanged:!0,defaultValue:"text"},enableViewPassword:{description:"",title:"能否查看密码",visible:e.editor.showType==="password",type:"boolean"}})}getGridFieldEdtiorProperties(e){var o,a;let n;if(((o=e==null?void 0:e.binding)==null?void 0:o.type)==="Form"){const i=this.schemaService.getFieldByIDAndVMID(e.binding.field,this.viewModelId);(a=i==null?void 0:i.schemaField)!=null&&a.type&&(n=i.schemaField.type.length)}return this.getComponentConfig(e,{},{maxLength:{description:"文本字数最大长度",title:"最大长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1,max:n}},showType:{description:"指定是文本框还是密码框",title:"展示类型",type:"enum",editor:{type:"combo-list",data:[{id:"text",name:"文本框"},{id:"password",name:"密码框"}]},refreshPanelAfterChanged:!0,defaultValue:"text"},enableViewPassword:{description:"",title:"能否查看密码",visible:e.editor.showType==="password",type:"boolean"}})}getFormatValidation(e){var o,a,i,p;const n={title:"输入格式校验",description:"输入校验",hide:!((o=e.binding)!=null&&o.field),properties:{type:{title:"格式类型",type:"enum",description:"格式类型",defaultValue:"",editor:{type:"combo-list",textField:"value",valueField:"key",idField:"key",editable:!1,data:m},refreshPanelAfterChanged:!0,$converter:A,parentPropertyID:"formatValidation"}}};return(a=e.editor.formatValidation)!=null&&a.type&&((i=e.editor.formatValidation)==null?void 0:i.type)!=="none"&&(n.properties.message={title:"输入错误提示",type:"string",description:"输入错误提示",$converter:g,parentPropertyID:"formatValidation"}),((p=e.editor.formatValidation)==null?void 0:p.type)==="custom"&&(n.properties.expression={title:"匹配正则",type:"string",description:"匹配正则",$converter:g,parentPropertyID:"formatValidation"}),n}}function F(t,e){const n=t.schema;function o(a,i){return new I(a,e).getPropertyConfig(n,i)}return{getPropsConfig:o}}const l=s.defineComponent({name:"FInputGroupDesign",props:V,emits:["updateExtendInfo","clear","valueChange","clickHandle","blurHandle","focusHandle","enterHandle","iconMouseEnter","iconMouseLeave","keyupHandle","keydownHandle","inputClick"],setup(t,e){const n=s.ref(t.modelValue),o=s.ref(t.modelValue),a=d.useTextBoxDesign(t,e,n,o),{inputGroupClass:i,inputType:p,inputGroupStyle:k}=a,y=s.ref(),G=s.inject("designer-host-service"),T=s.inject("design-item-context"),N=F(T,G),x=C.useDesignerComponent(y,T,N),Z=s.computed(()=>t.showType==="password"?"password":"");return s.onMounted(()=>{y.value.componentInstance=x}),e.expose(x.value),()=>s.createVNode("div",{id:"inputGroup",ref:y,class:i.value,style:k.value},[s.createVNode("input",{class:"form-control",type:t.showType,placeholder:t.placeholder,value:Z.value},null),t.showType==="password"&&t.enableViewPassword&&s.createVNode("span",{class:"input-group-append"},[s.createVNode("span",{class:"input-group-text"},[s.createVNode("span",{class:"f-icon f-icon-eye"},null)])])])}}),b=new Map([["appearance",u.resolveAppearance]]);function h(t,e,n){return e}const v={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/input-group.schema.json",title:"input-group",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"input-group"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},formatValidation:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},labelWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},disabled:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabIndex:{description:"",type:"number",default:-1},maxLength:{description:"",type:"number",default:""},textAlign:{description:"",type:"enum",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"string",default:""},addonDisabled:{description:"",type:"boolean",default:!1},addonContent:{description:"",type:"string",default:""},autoHeight:{description:"",type:"boolean",default:!1},enableAddon:{description:"",type:"boolean",default:!1},addonType:{description:"",type:"string",enum:["button","static"],default:"button"},enableClear:{description:"",type:"boolean",default:!0},enableViewPassword:{description:"",type:"boolean",default:!0},inputType:{description:"",type:"string",enum:["input","password","text"],default:"input"},showType:{description:"",type:"string",enum:["password","text"],default:"text"},maxHeight:{description:"",type:"number",default:500},popUp:{description:"",type:"object",properties:{footerButtons:{type:"array",default:[]},height:{type:"number",default:600},dataMapping:{type:"object"},contents:{type:"array",default:[]},showMaxButton:{type:"boolean",default:!0},showCloseButton:{type:"boolean",default:!0},showFooter:{type:"boolean",default:!0},title:{type:"string",default:""},width:{type:"number",default:800}}},groupText:{description:"",type:"string",default:""},onClickHandle:{description:"",type:"string",default:""},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},onClear:{description:"",type:"string",default:""},updateOn:{description:"",type:"string",default:"blur"},onChange:{description:"值变化事件",type:"string",default:""},onClick:{description:"点击事件",type:"string",default:""},onFocus:{description:"获取焦点事件",type:"string",default:""},onInput:{description:"输入事件",type:"string",default:""},onKeydown:{description:"按键按下事件",type:"string",default:""},onKeyup:{description:"按键松开事件",type:"string",default:""}},required:["type"],ignore:["id","appearance","binding","visible"]},S=u.createPropsResolver(c.inputGroupProps,v,b,h),f=u.getPropsResolverGenerator(c.inputGroupProps,v,b,h);l.register=(t,e,n,o,a)=>{t["input-group"]=c,e["input-group"]=f(a)},l.registerDesigner=(t,e,n,o)=>{t["input-group"]=l,e["input-group"]=f(o)};const j=d.withInstall(l);r.FInputGroupDesgin=l,r.default=j,r.propsResolver=S,r.propsResolverGenerator=f,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

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

@@ -0,0 +1,83 @@
+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

@@ -0,0 +1 @@
+(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"}})});