@inntechcorp/it-design 3.1.17 → 3.1.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -4136,7 +4136,7 @@
|
|
|
4136
4136
|
|
|
4137
4137
|
}
|
|
4138
4138
|
|
|
4139
|
-
`,bp=n.forwardRef(({id:e="itd-upload-"+fe(),resultFileName:o=null,action:i="",filePath:a="",binaryName:s="file",showDeleteIcon:l=!1,showPreviewIcon:d=!1,buttonsPosition:c="default",padding:u=10,fluid:p=!0,fileWidth:h="100%",fileHeight:g="auto",maxFileWidth:m="none",maxFileHeight:b="none",containerWidth:x="100%",containerHeight:v="auto",previewFileWidth:y="100%",previewFileHeight:w="100%",previewFilePadding:A="0",requestMethod:k="put",maxFileSize:S=1024,disabled:_=!1,extraFormData:E={},extraQueryString:C={},extraHeader:j={},fileTypes:$=[exports.FileTypes.JPG,exports.FileTypes.PNG,exports.FileTypes.SVG,exports.FileTypes.PDF],removeAction:z="",removeExtraFormData:F={},removeExtraQueryString:L={},removeExtraHeader:N={},minImageWidth:M,minImageHeight:D,crop:T,onUpdate:O,onUploadSuccess:I,onUploadFailed:R,onRemoveFileSuccess:P,onRemoveFileFailed:B},V)=>{const H=n.useRef(null),{showModal:G}=it.useModal(),{fetch:W,cancel:Y}=U(),{t:q}=t.useTranslation("itd"),[X,K]=n.useState(!1),[J,Z]=n.useState(!1),[Q,ee]=n.useState(".svg, .png, .jpg"),[te,re]=n.useState(!1),[ne,oe]=n.useState(!1),[ie,ae]=n.useState(!1),[se,le]=n.useState(null),[de,ce]=n.useState(null),[ue,pe]=n.useState(""),[he,ge]=n.useState(!1),[me,be]=n.useState(!1),[ve,ye]=n.useState(null),[we,Ae]=n.useState(!1),[ke,Se]=n.useState(null),[_e,Ee]=n.useState(null);n.useEffect(()=>()=>{Y()},[]),n.useEffect(()=>{Z(_)},[_]),n.useEffect(()=>{ce(a?a.split("?")[0]:"")},[a]),n.useEffect(()=>{null!==de&&(void 0!==de?$e():K(!1))},[de]),n.useEffect(()=>{let e=[];$.map(t=>{e.push(Go(t))}),ee(e.join(", "))},[$]);const Ce=(e,t)=>{f.toast.error(e,{description:t,duration:5e3})},je=(e,t=!0,r=!0)=>{O&&O(e,t,r)};n.useImperativeHandle(V,()=>({setFocus(){ae(!0)},reset(e=!1,t=!1){ze(),ce(null),pe(""),je("",e,t)},setValue(e,t=!0,r=!0){ce(e),je(e,t,r)},getValue:()=>de||"",setError(e){pe(e)},forceUpdate(){je(de||"")},clear(){ce("")}}));const $e=async()=>{let e=!1;de&&(e=await Ho(de),le(e),e?je(de):je("",!0,!0),X||K(!0)),""!==de||X||K(!0),""===de&&X&&je("",!0,!0)},ze=()=>{Se(null),ye(null),Ae(!1),le(null)},Fe=async()=>{Z(!0),G({content:r.jsx("div",{children:q("uploader.areYouSureToDeleteThisFile")}),title:q("uploader.removeFile"),okButtonText:q("uploader.yes"),cancelButtonText:q("uploader.no"),okButtonProps:{variant:"statable",state:"reject"},closeOnClickOutside:!1,showCloseButton:!1,onOk:()=>(z?W({action:z,params:F,queries:L,headers:N,onFetched:e=>{e.data.success?(ze(),je("",!0,!0),P&&P(e.data.data)):B&&B()},onError:()=>{B&&B()}}):(ze(),je("",!0,!0),P&&P()),Z(!1),!0),onCancel:()=>(Z(!1),!0)})},Le=e=>{e.preventDefault(),me||oe(!0)},Ne=e=>{e.preventDefault(),me||oe(!1)},Me=e=>{e.preventDefault(),me||(oe(!1),e.dataTransfer&&0!==e.dataTransfer.files.length?Ie(e.dataTransfer.files[0]):console.log(q("uploader.browserDoesntSupportDND")))},De=e=>{oe(!1);const t=e.target.files[0];Ie(t)},Te=async({path:e,errorMessage:t,errorCode:r})=>{await Wo(1e3),ye(null),be(!1),await Wo(1500),Ae(!1),e?I&&I(e):t&&R&&R(t,r||0)},Oe=async e=>{if(!e)return;let t=new FormData;t.append(s,e),o&&t.append("name",o),Object.keys(E).forEach(e=>{t.append(e,E[e])}),W({action:i,requestMethod:k,params:t,queries:C,headers:j,onFetched:e=>{e.data.success?(Se({message:"uploader.fileUploadSuccess",status:"success"}),Ae(!0),ce(e.data.data.url),Te({path:e.data.data.url})):(Se({message:"uploader.fileUploadFailed",status:"error"}),je("",!0,!0),Te({errorMessage:"uploader.fileUploadFailed"}))},onError:(e,t)=>{Se({message:"uploader.fileUploadFailed",status:"error"}),je("",!0,!0),Te({errorMessage:e,errorCode:t})},onProgress:e=>{ye({estimated:e.estimated?(Math.round(100*e.estimated)/100).toFixed(2):"0",progress:e.progress?Math.round(100*e.progress):0,bytes:e.bytes?Uo(e.bytes):"",total:e.total?Uo(e.total):""})}})},Ie=async e=>{if(!e)return;if(!(e=>!!$.includes(e.type)||(Ce(q("uploader.error"),q("uploader.fileFormatError",{fileFormat:Q})),!1))(e))return;if(!(e=>!(e.size>1024*S&&(Ce(q("uploader.error"),q("uploader.fileSizeError",{fileSize:Uo(1024*S)})),1)))(e))return;const t=await(e=>new Promise(t=>{if(!e.type.startsWith("image/")||e.type===exports.FileTypes.SVG)return void t(!0);if(!M&&!D)return void t(!0);const r=new window.Image,n=URL.createObjectURL(e);r.onload=()=>{URL.revokeObjectURL(n);const e=!M||r.naturalWidth>=M,o=!D||r.naturalHeight>=D;if(!e||!o){const e=M&&D?`${M}x${D}`:M?`${M}px ${q("uploader.width")}`:`${D}px ${q("uploader.height")}`,n=`${r.naturalWidth}x${r.naturalHeight}`;return Ce(q("uploader.imageTooSmall"),q("uploader.imageTooSmallMessage",{required:e,actual:n})),H.current&&(H.current.value=""),void t(!1)}t(!0)},r.onerror=()=>{URL.revokeObjectURL(n),t(!0)},r.src=n}))(e);if(t){if(o){const t=Go(e.type);e=new File([e],o+t,{type:t,lastModified:e.lastModified})}if(T&&e.type.startsWith("image/")&&e.type!==exports.FileTypes.SVG){Ee(e);const t=new FileReader;return t.onload=t=>{Re(t.target?.result,e)},void t.readAsDataURL(e)}Oe(e),be(!0)}},Re=(e,t)=>{let n=null,i=null;const a=t.type===exports.FileTypes.PNG?"image/png":"image/webp"===t.type?"image/webp":"image/jpeg",s=async()=>{if(!n)return;const e=await n.getCroppedFile(o||_e?.name.split(".")[0]||"cropped");e&&(Ee(null),i?.(),Oe(e),be(!0))},l=()=>{Ee(null),H.current&&(H.current.value=""),i?.()};G({title:T?.modalTitle||q("uploader.cropImage"),content:r.jsx(({hideCurrentModal:t})=>(i=t||null,r.jsxs("div",{style:{width:"100%"},children:[r.jsx("div",{style:{minHeight:"400px",marginBottom:"20px"},children:r.jsx(Sp,{ref:e=>{n=e},src:e,aspectRatio:T?.aspectRatio,minWidth:T?.minWidth,minHeight:T?.minHeight,outputWidth:T?.outputWidth,outputHeight:T?.outputHeight,quality:T?.quality||.9,outputFormat:a,showGrid:T?.showGrid??!0,width:"100%",height:"400px"})}),r.jsxs(rh,{justify:"flex-end",gap:"small",children:[r.jsx(xe,{variant:"ghost",onClick:l,children:q("uploader.cancel")}),r.jsx(xe,{variant:"solid",onClick:s,children:q("uploader.crop")})]})]})),{}),showOkButton:!1,showCancelButton:!1,closeOnClickOutside:!1,showCloseButton:!0,width:"600px",onCancel:()=>(l(),!0)})},Pe=()=>{Z(!0),G({content:r.jsx(dp,{className:"itd-upload-preview-content",$width:y,$height:w,$padding:A,children:r.jsx(Vi,{src:de||""})}),showOkButton:!1,showCancelButton:!1,contentPadding:"0px",width:"max-content",onCancel:()=>(Z(!1),!0)})},Be=()=>{if(l&&de&&!me&&se)return r.jsx("span",{className:"delete-icon",children:r.jsx(xe,{variant:"solid",size:exports.ComponentSizes.SMALL,type:"button",circle:!0,onClick:Fe,disabled:J,icon:r.jsx(li,{width:16,height:16}),className:"itd-upload-delete-button"})})},Ve=()=>{if(d&&de&&!me&&se)return r.jsx("span",{className:"preview-icon",children:r.jsx(xe,{variant:"solid",size:exports.ComponentSizes.SMALL,type:"button",circle:!0,onClick:Pe,disabled:J,icon:r.jsx(di,{width:16,height:16}),className:"itd-upload-preview-button"})})},He=r.jsx("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:r.jsx("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:r.jsxs("g",{id:"ErrorGroup",fillRule:"nonzero",children:[r.jsx("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),r.jsx("path",{d:"M10.0355339,8.6213203 L12.863961,5.79289322 C13.2544853,5.40236893 13.8876503,5.40236893 14.2781746,5.79289322 C14.6686989,6.18341751 14.6686989,6.81658249 14.2781746,7.20710678 L11.4497475,10.0355339 \n L14.2781746,12.863961 C14.6686989,13.2544853 14.6686989,13.8876503 14.2781746,14.2781746 C13.8876503,14.6686989 13.2544853,14.6686989 12.863961,14.2781746 L10.0355339,11.4497475 L7.20710678,14.2781746\n C6.81658249,14.6686989 6.18341751,14.6686989 5.79289322,14.2781746 C5.40236893,13.8876503 5.40236893,13.2544853 5.79289322,12.863961 L8.6213203,10.0355339 L5.79289322,7.20710678 C5.40236893,6.81658249\n 5.40236893,6.18341751 5.79289322,5.79289322 C6.18341751,5.40236893 6.81658249,5.40236893 7.20710678,5.79289322 L10.0355339,8.6213203 Z",id:"ErrorIcon",fill:"#FFFFFF"})]})})}),Ue=()=>{if(""===ue||me)return;let e={className:"itd-upload-failed itd-failed-status",onPointerOver:()=>ge(!0),onPointerOut:()=>ge(!1)};return r.jsxs(gp,{...e,children:[he?r.jsx(mp,{className:"itd-upload-error-tooltip itd-error-tooltip",children:ue}):null,He]})},Ge=e=>e&&e.toLowerCase().split(".").pop()||"",We=()=>{if(X)return null===se?r.jsx(oi,{width:24,height:24}):(e=>{if(!e)return!1;const t=Ge(e);return["svg","png","jpg","jpeg","gif","webp"].includes(t)})(de||"")?!1===se?r.jsx(ci,{width:40,height:40}):r.jsx(Vi,{src:de||"",width:Xo(h),height:Xo(g)}):de?(e=>{switch(Ge(e)){case"xlsx":case"xls":return r.jsx(fi,{width:40,height:40});case"pdf":return r.jsx(hi,{width:40,height:40});default:return r.jsx(pi,{width:40,height:40})}})(de):r.jsx(ci,{width:40,height:40})},Ye=()=>{let e=(te||ne)&&!me&&!J;return r.jsx(up,{$isHover:e,className:"itd-upload-overlay",children:r.jsxs(cp,{$isHover:e,className:"itd-upload-overlay-content",children:[r.jsx("span",{className:"itd-upload-header",children:q("uploader.header")}),r.jsx("span",{className:"itd-upload-hint",children:q("uploader.hint")})]})})};return r.jsxs(ip,{className:"itd-upload",$fluid:p,children:[r.jsx("input",{type:"file",id:e,accept:Q,onChange:De,onFocus:e=>{e.target.matches(":focus-visible")&&ae(!0)},onBlur:()=>ae(!1),onPointerOver:()=>{!ne&&re(!0)},onPointerOut:()=>{!ne&&re(!1)},onDragOver:Le,onDragLeave:Ne,onDrop:Me,disabled:me||J,ref:H}),r.jsx(sp,{$showFocus:ie,className:"itd-upload-label",children:r.jsxs(ap,{$showBorder:(ne||te)&&!me,$padding:u,$disabled:_,$hasError:""!==ue&&!me,$fileWidth:h,$fileHeight:g,$maxFileWidth:m,$maxFileHeight:b,$containerWidth:x,$containerHeight:v,className:"itd-upload-content",children:[We(),r.jsxs(pp,{className:"itd-upload-status",$isActive:me,$complete:"success"===ke?.status,$error:"error"===ke?.status,children:[r.jsx(fp,{className:"itd-upload-status-box",$progress:ve?ve.progress:0,$complete:"success"===ke?.status,$error:"error"===ke?.status}),r.jsx("span",{className:"itd-upload-status-message",children:q(we||ke?String(ke?.message):"uploader.fileUploading")}),ve?r.jsx("span",{className:"itd-upload-status-info",children:q("uploader.info",{total:ve.total,estimated:ve.estimated})}):r.jsx("span",{className:"itd-upload-status-calculating",children:q("uploader.calculating")})]}),Ye(),r.jsxs(lp,{$position:""===ue?c:"default",children:[r.jsxs(rh,{vertical:!0,gap:"small",className:"itd-upload-icons",children:[Be(),Ve()]}),Ue()]})]})})]})}),xp=l.div`
|
|
4139
|
+
`,bp=n.forwardRef(({id:e="itd-upload-"+fe(),resultFileName:o=null,action:i="",filePath:a="",binaryName:s="file",showDeleteIcon:l=!1,showPreviewIcon:d=!1,buttonsPosition:c="default",padding:u=10,fluid:p=!0,fileWidth:h="100%",fileHeight:g="auto",maxFileWidth:m="none",maxFileHeight:b="none",containerWidth:x="100%",containerHeight:v="auto",previewFileWidth:y="100%",previewFileHeight:w="100%",previewFilePadding:A="0",requestMethod:k="put",maxFileSize:S=1024,disabled:_=!1,extraFormData:E={},extraQueryString:C={},extraHeader:j={},fileTypes:$=[exports.FileTypes.JPG,exports.FileTypes.PNG,exports.FileTypes.SVG,exports.FileTypes.PDF],removeAction:z="",removeExtraFormData:F={},removeExtraQueryString:L={},removeExtraHeader:N={},minImageWidth:M,minImageHeight:D,crop:T,onUpdate:O,onUploadSuccess:I,onUploadFailed:R,onRemoveFileSuccess:P,onRemoveFileFailed:B},V)=>{const H=n.useRef(null),{showModal:G}=it.useModal(),{fetch:W,cancel:Y}=U(),{t:q}=t.useTranslation("itd"),[X,K]=n.useState(!1),[J,Z]=n.useState(!1),[Q,ee]=n.useState(".svg, .png, .jpg"),[te,re]=n.useState(!1),[ne,oe]=n.useState(!1),[ie,ae]=n.useState(!1),[se,le]=n.useState(null),[de,ce]=n.useState(null),[ue,pe]=n.useState(""),[he,ge]=n.useState(!1),[me,be]=n.useState(!1),[ve,ye]=n.useState(null),[we,Ae]=n.useState(!1),[ke,Se]=n.useState(null),[_e,Ee]=n.useState(null);n.useEffect(()=>()=>{Y()},[]),n.useEffect(()=>{Z(_)},[_]),n.useEffect(()=>{ce(a?a.split("?")[0]:"")},[a]),n.useEffect(()=>{null!==de&&(void 0!==de?$e():K(!1))},[de]),n.useEffect(()=>{let e=[];$.map(t=>{e.push(Go(t))}),ee(e.join(", "))},[$]);const Ce=(e,t)=>{f.toast.error(e,{description:t,duration:5e3})},je=(e,t=!0,r=!0)=>{O&&O(e,t,r)};n.useImperativeHandle(V,()=>({setFocus(){ae(!0)},reset(e=!1,t=!1){ze(),ce(null),pe(""),je("",e,t)},setValue(e,t=!0,r=!0){ce(e),je(e,t,r)},getValue:()=>de||"",setError(e){pe(e)},forceUpdate(){je(de||"")},clear(){ce("")}}));const $e=async()=>{let e=!1;de&&(e=await Ho(de),le(e),e?je(de):je("",!0,!0),X||K(!0)),""!==de||X||K(!0),""===de&&X&&je("",!0,!0)},ze=()=>{Se(null),ye(null),Ae(!1),le(null)},Fe=async()=>{Z(!0),G({content:r.jsx("div",{children:q("uploader.areYouSureToDeleteThisFile")}),title:q("uploader.removeFile"),okButtonText:q("uploader.yes"),cancelButtonText:q("uploader.no"),okButtonProps:{variant:"statable",state:"reject"},closeOnClickOutside:!1,showCloseButton:!1,onOk:()=>(z?W({action:z,params:F,queries:L,headers:N,onFetched:e=>{e.data.success?(ze(),je("",!0,!0),P&&P(e.data.data)):B&&B()},onError:()=>{B&&B()}}):(ze(),je("",!0,!0),P&&P()),Z(!1),!0),onCancel:()=>(Z(!1),!0)})},Le=e=>{e.preventDefault(),me||oe(!0)},Ne=e=>{e.preventDefault(),me||oe(!1)},Me=e=>{e.preventDefault(),me||(oe(!1),e.dataTransfer&&0!==e.dataTransfer.files.length?Ie(e.dataTransfer.files[0]):console.log(q("uploader.browserDoesntSupportDND")))},De=e=>{oe(!1);const t=e.target.files[0];Ie(t)},Te=async({path:e,errorMessage:t,errorCode:r})=>{await Wo(1e3),ye(null),be(!1),await Wo(1500),Ae(!1),e?I&&I(e):t&&R&&R(t,r||0)},Oe=async e=>{if(!e)return;let t=new FormData;t.append(s,e),o&&t.append("name",o),Object.keys(E).forEach(e=>{t.append(e,E[e])}),W({action:i,requestMethod:k,params:t,queries:C,headers:j,onFetched:e=>{e.data.success?(Se({message:"uploader.fileUploadSuccess",status:"success"}),Ae(!0),ce(e.data.data.url),Te({path:e.data.data.url})):(Se({message:"uploader.fileUploadFailed",status:"error"}),je("",!0,!0),Te({errorMessage:"uploader.fileUploadFailed"}))},onError:(e,t)=>{Se({message:"uploader.fileUploadFailed",status:"error"}),je("",!0,!0),Te({errorMessage:e,errorCode:t})},onProgress:e=>{ye({estimated:e.estimated?(Math.round(100*e.estimated)/100).toFixed(2):"0",progress:e.progress?Math.round(100*e.progress):0,bytes:e.bytes?Uo(e.bytes):"",total:e.total?Uo(e.total):""})}})},Ie=async e=>{if(!e)return;if(!(e=>!!$.includes(e.type)||(Ce(q("uploader.error"),q("uploader.fileFormatError",{fileFormat:Q})),!1))(e))return;if(!(e=>!(e.size>1024*S&&(Ce(q("uploader.error"),q("uploader.fileSizeError",{fileSize:Uo(1024*S)})),1)))(e))return;const t=await(e=>new Promise(t=>{if(!e.type.startsWith("image/")||e.type===exports.FileTypes.SVG)return void t(!0);if(!M&&!D)return void t(!0);const r=new window.Image,n=URL.createObjectURL(e);r.onload=()=>{URL.revokeObjectURL(n);const e=!M||r.naturalWidth>=M,o=!D||r.naturalHeight>=D;if(!e||!o){const e=M&&D?`${M}x${D}`:M?`${M}px ${q("uploader.width")}`:`${D}px ${q("uploader.height")}`,n=`${r.naturalWidth}x${r.naturalHeight}`;return Ce(q("uploader.imageTooSmall"),q("uploader.imageTooSmallMessage",{required:e,actual:n})),H.current&&(H.current.value=""),void t(!1)}t(!0)},r.onerror=()=>{URL.revokeObjectURL(n),t(!0)},r.src=n}))(e);if(t){if(o){const t=Go(e.type);e=new File([e],o+t,{type:t,lastModified:e.lastModified})}if(T&&e.type.startsWith("image/")&&e.type!==exports.FileTypes.SVG){Ee(e);const t=new FileReader;return t.onload=t=>{Re(t.target?.result,e)},void t.readAsDataURL(e)}Oe(e),be(!0)}},Re=(e,t)=>{let n=null,i=null;const a=t.type===exports.FileTypes.PNG?"image/png":"image/webp"===t.type?"image/webp":"image/jpeg",s=async()=>{if(!n)return;const e=await n.getCroppedFile(o||_e?.name.split(".")[0]||"cropped");e&&(Ee(null),i?.(),Oe(e),be(!0))},l=()=>{Ee(null),H.current&&(H.current.value=""),i?.()};G({title:T?.modalTitle||q("uploader.cropImage"),content:r.jsx(({hideCurrentModal:t})=>(i=t||null,r.jsxs("div",{style:{width:"100%"},children:[r.jsx("div",{style:{minHeight:"400px",marginBottom:"20px"},children:r.jsx(Sp,{ref:e=>{n=e},src:e,aspectRatio:T?.aspectRatio,minWidth:T?.minWidth,minHeight:T?.minHeight,outputWidth:T?.outputWidth,outputHeight:T?.outputHeight,quality:T?.quality||.9,outputFormat:a,showGrid:T?.showGrid??!0,width:"100%",height:"400px"})}),r.jsxs(rh,{justify:"flex-end",gap:"small",children:[r.jsx(xe,{variant:"ghost",onClick:l,children:q("uploader.cancel")}),r.jsx(xe,{variant:"solid",onClick:s,children:q("uploader.crop")})]})]})),{}),showOkButton:!1,showCancelButton:!1,closeOnClickOutside:!1,showCloseButton:!0,width:"600px",onCancel:()=>(l(),!0)})},Pe=()=>{Z(!0),G({content:r.jsx(dp,{className:"itd-upload-preview-content",$width:y,$height:w,$padding:A,children:r.jsx(Vi,{src:de||""})}),showOkButton:!1,showCancelButton:!1,contentPadding:"0px",width:"max-content",onCancel:()=>(Z(!1),!0)})},Be=()=>{if(l&&de&&!me)return r.jsx("span",{className:"delete-icon",children:r.jsx(xe,{variant:"solid",size:exports.ComponentSizes.SMALL,type:"button",circle:!0,onClick:Fe,disabled:J,icon:r.jsx(li,{width:16,height:16}),className:"itd-upload-delete-button"})})},Ve=()=>{if(d&&de&&!me&&We(de))return r.jsx("span",{className:"preview-icon",children:r.jsx(xe,{variant:"solid",size:exports.ComponentSizes.SMALL,type:"button",circle:!0,onClick:Pe,disabled:J,icon:r.jsx(di,{width:16,height:16}),className:"itd-upload-preview-button"})})},He=r.jsx("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:r.jsx("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:r.jsxs("g",{id:"ErrorGroup",fillRule:"nonzero",children:[r.jsx("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),r.jsx("path",{d:"M10.0355339,8.6213203 L12.863961,5.79289322 C13.2544853,5.40236893 13.8876503,5.40236893 14.2781746,5.79289322 C14.6686989,6.18341751 14.6686989,6.81658249 14.2781746,7.20710678 L11.4497475,10.0355339 \n L14.2781746,12.863961 C14.6686989,13.2544853 14.6686989,13.8876503 14.2781746,14.2781746 C13.8876503,14.6686989 13.2544853,14.6686989 12.863961,14.2781746 L10.0355339,11.4497475 L7.20710678,14.2781746\n C6.81658249,14.6686989 6.18341751,14.6686989 5.79289322,14.2781746 C5.40236893,13.8876503 5.40236893,13.2544853 5.79289322,12.863961 L8.6213203,10.0355339 L5.79289322,7.20710678 C5.40236893,6.81658249\n 5.40236893,6.18341751 5.79289322,5.79289322 C6.18341751,5.40236893 6.81658249,5.40236893 7.20710678,5.79289322 L10.0355339,8.6213203 Z",id:"ErrorIcon",fill:"#FFFFFF"})]})})}),Ue=()=>{if(""===ue||me)return;let e={className:"itd-upload-failed itd-failed-status",onPointerOver:()=>ge(!0),onPointerOut:()=>ge(!1)};return r.jsxs(gp,{...e,children:[he?r.jsx(mp,{className:"itd-upload-error-tooltip itd-error-tooltip",children:ue}):null,He]})},Ge=e=>e&&e.toLowerCase().split(".").pop()||"",We=e=>{if(!e)return!1;const t=Ge(e);return["svg","png","jpg","jpeg","gif","webp"].includes(t)},Ye=()=>{if(X)return null===se?r.jsx(oi,{width:24,height:24}):We(de||"")?!1===se?r.jsx(ci,{width:40,height:40}):r.jsx(Vi,{src:de||"",width:Xo(h),height:Xo(g)}):de?(e=>{switch(Ge(e)){case"xlsx":case"xls":return r.jsx(fi,{width:40,height:40});case"pdf":return r.jsx(hi,{width:40,height:40});default:return r.jsx(pi,{width:40,height:40})}})(de):r.jsx(ci,{width:40,height:40})},qe=()=>{let e=(te||ne)&&!me&&!J;return r.jsx(up,{$isHover:e,className:"itd-upload-overlay",children:r.jsxs(cp,{$isHover:e,className:"itd-upload-overlay-content",children:[r.jsx("span",{className:"itd-upload-header",children:q("uploader.header")}),r.jsx("span",{className:"itd-upload-hint",children:q("uploader.hint")})]})})};return r.jsxs(ip,{className:"itd-upload",$fluid:p,children:[r.jsx("input",{type:"file",id:e,accept:Q,onChange:De,onFocus:e=>{e.target.matches(":focus-visible")&&ae(!0)},onBlur:()=>ae(!1),onPointerOver:()=>{!ne&&re(!0)},onPointerOut:()=>{!ne&&re(!1)},onDragOver:Le,onDragLeave:Ne,onDrop:Me,disabled:me||J,ref:H}),r.jsx(sp,{$showFocus:ie,className:"itd-upload-label",children:r.jsxs(ap,{$showBorder:(ne||te)&&!me,$padding:u,$disabled:_,$hasError:""!==ue&&!me,$fileWidth:h,$fileHeight:g,$maxFileWidth:m,$maxFileHeight:b,$containerWidth:x,$containerHeight:v,className:"itd-upload-content",children:[Ye(),r.jsxs(pp,{className:"itd-upload-status",$isActive:me,$complete:"success"===ke?.status,$error:"error"===ke?.status,children:[r.jsx(fp,{className:"itd-upload-status-box",$progress:ve?ve.progress:0,$complete:"success"===ke?.status,$error:"error"===ke?.status}),r.jsx("span",{className:"itd-upload-status-message",children:q(we||ke?String(ke?.message):"uploader.fileUploading")}),ve?r.jsx("span",{className:"itd-upload-status-info",children:q("uploader.info",{total:ve.total,estimated:ve.estimated})}):r.jsx("span",{className:"itd-upload-status-calculating",children:q("uploader.calculating")})]}),qe(),r.jsxs(lp,{$position:""===ue?c:"default",children:[r.jsxs(rh,{vertical:!0,gap:"small",className:"itd-upload-icons",children:[Be(),Ve()]}),Ue()]})]})})]})}),xp=l.div`
|
|
4140
4140
|
position: relative;
|
|
4141
4141
|
width: ${({$width:e})=>"number"==typeof e?`${e}px`:e||"100%"};
|
|
4142
4142
|
height: ${({$height:e})=>"number"==typeof e?`${e}px`:e||"400px"};
|
package/dist/index.esm.js
CHANGED
|
@@ -4136,7 +4136,7 @@ import e from"i18next";import{useTranslation as t,initReactI18next as r}from"rea
|
|
|
4136
4136
|
|
|
4137
4137
|
}
|
|
4138
4138
|
|
|
4139
|
-
`,Ch=x(({id:e="itd-upload-"+Xe(),resultFileName:r=null,action:i="",filePath:a="",binaryName:l="file",showDeleteIcon:u=!1,showPreviewIcon:p=!1,buttonsPosition:h="default",padding:f=10,fluid:g=!0,fileWidth:m="100%",fileHeight:b="auto",maxFileWidth:v="none",maxFileHeight:x="none",containerWidth:w="100%",containerHeight:A="auto",previewFileWidth:k="100%",previewFileHeight:_="100%",previewFilePadding:S="0",requestMethod:E="put",maxFileSize:C=1024,disabled:$=!1,extraFormData:L={},extraQueryString:z={},extraHeader:F={},fileTypes:N=[H.JPG,H.PNG,H.SVG,H.PDF],removeAction:D="",removeExtraFormData:M={},removeExtraQueryString:T={},removeExtraHeader:O={},minImageWidth:I,minImageHeight:R,crop:P,onUpdate:B,onUploadSuccess:j,onUploadFailed:U,onRemoveFileSuccess:G,onRemoveFileFailed:W},Y)=>{const X=c(null),{showModal:K}=Vt.useModal(),{fetch:J,cancel:Z}=Ae(),{t:Q}=t("itd"),[ee,te]=s(!1),[re,ne]=s(!1),[ie,oe]=s(".svg, .png, .jpg"),[ae,le]=s(!1),[se,de]=s(!1),[ce,ue]=s(!1),[pe,he]=s(null),[fe,ge]=s(null),[me,be]=s(""),[ve,xe]=s(!1),[ye,we]=s(!1),[ke,_e]=s(null),[Se,Ee]=s(!1),[Ce,$e]=s(null),[Le,ze]=s(null);d(()=>()=>{Z()},[]),d(()=>{ne($)},[$]),d(()=>{ge(a?a.split("?")[0]:"")},[a]),d(()=>{null!==fe&&(void 0!==fe?De():te(!1))},[fe]),d(()=>{let e=[];N.map(t=>{e.push(Uo(t))}),oe(e.join(", "))},[N]);const Fe=(e,t)=>{V.error(e,{description:t,duration:5e3})},Ne=(e,t=!0,r=!0)=>{B&&B(e,t,r)};y(Y,()=>({setFocus(){ue(!0)},reset(e=!1,t=!1){Me(),ge(null),be(""),Ne("",e,t)},setValue(e,t=!0,r=!0){ge(e),Ne(e,t,r)},getValue:()=>fe||"",setError(e){be(e)},forceUpdate(){Ne(fe||"")},clear(){ge("")}}));const De=async()=>{let e=!1;fe&&(e=await Vo(fe),he(e),e?Ne(fe):Ne("",!0,!0),ee||te(!0)),""!==fe||ee||te(!0),""===fe&&ee&&Ne("",!0,!0)},Me=()=>{$e(null),_e(null),Ee(!1),he(null)},Te=async()=>{ne(!0),K({content:n("div",{children:Q("uploader.areYouSureToDeleteThisFile")}),title:Q("uploader.removeFile"),okButtonText:Q("uploader.yes"),cancelButtonText:Q("uploader.no"),okButtonProps:{variant:"statable",state:"reject"},closeOnClickOutside:!1,showCloseButton:!1,onOk:()=>(D?J({action:D,params:M,queries:T,headers:O,onFetched:e=>{e.data.success?(Me(),Ne("",!0,!0),G&&G(e.data.data)):W&&W()},onError:()=>{W&&W()}}):(Me(),Ne("",!0,!0),G&&G()),ne(!1),!0),onCancel:()=>(ne(!1),!0)})},Oe=e=>{e.preventDefault(),ye||de(!0)},Ie=e=>{e.preventDefault(),ye||de(!1)},Re=e=>{e.preventDefault(),ye||(de(!1),e.dataTransfer&&0!==e.dataTransfer.files.length?je(e.dataTransfer.files[0]):console.log(Q("uploader.browserDoesntSupportDND")))},Pe=e=>{de(!1);const t=e.target.files[0];je(t)},Be=async({path:e,errorMessage:t,errorCode:r})=>{await Go(1e3),_e(null),we(!1),await Go(1500),Ee(!1),e?j&&j(e):t&&U&&U(t,r||0)},Ve=async e=>{if(!e)return;let t=new FormData;t.append(l,e),r&&t.append("name",r),Object.keys(L).forEach(e=>{t.append(e,L[e])}),J({action:i,requestMethod:E,params:t,queries:z,headers:F,onFetched:e=>{e.data.success?($e({message:"uploader.fileUploadSuccess",status:"success"}),Ee(!0),ge(e.data.data.url),Be({path:e.data.data.url})):($e({message:"uploader.fileUploadFailed",status:"error"}),Ne("",!0,!0),Be({errorMessage:"uploader.fileUploadFailed"}))},onError:(e,t)=>{$e({message:"uploader.fileUploadFailed",status:"error"}),Ne("",!0,!0),Be({errorMessage:e,errorCode:t})},onProgress:e=>{_e({estimated:e.estimated?(Math.round(100*e.estimated)/100).toFixed(2):"0",progress:e.progress?Math.round(100*e.progress):0,bytes:e.bytes?Ho(e.bytes):"",total:e.total?Ho(e.total):""})}})},je=async e=>{if(!e)return;if(!(e=>!!N.includes(e.type)||(Fe(Q("uploader.error"),Q("uploader.fileFormatError",{fileFormat:ie})),!1))(e))return;if(!(e=>!(e.size>1024*C&&(Fe(Q("uploader.error"),Q("uploader.fileSizeError",{fileSize:Ho(1024*C)})),1)))(e))return;const t=await(e=>new Promise(t=>{if(!e.type.startsWith("image/")||e.type===H.SVG)return void t(!0);if(!I&&!R)return void t(!0);const r=new window.Image,n=URL.createObjectURL(e);r.onload=()=>{URL.revokeObjectURL(n);const e=!I||r.naturalWidth>=I,i=!R||r.naturalHeight>=R;if(!e||!i){const e=I&&R?`${I}x${R}`:I?`${I}px ${Q("uploader.width")}`:`${R}px ${Q("uploader.height")}`,n=`${r.naturalWidth}x${r.naturalHeight}`;return Fe(Q("uploader.imageTooSmall"),Q("uploader.imageTooSmallMessage",{required:e,actual:n})),X.current&&(X.current.value=""),void t(!1)}t(!0)},r.onerror=()=>{URL.revokeObjectURL(n),t(!0)},r.src=n}))(e);if(t){if(r){const t=Uo(e.type);e=new File([e],r+t,{type:t,lastModified:e.lastModified})}if(P&&e.type.startsWith("image/")&&e.type!==H.SVG){ze(e);const t=new FileReader;return t.onload=t=>{He(t.target?.result,e)},void t.readAsDataURL(e)}Ve(e),we(!0)}},He=(e,t)=>{let i=null,a=null;const l=t.type===H.PNG?"image/png":"image/webp"===t.type?"image/webp":"image/jpeg",s=async()=>{if(!i)return;const e=await i.getCroppedFile(r||Le?.name.split(".")[0]||"cropped");e&&(ze(null),a?.(),Ve(e),we(!0))},d=()=>{ze(null),X.current&&(X.current.value=""),a?.()};K({title:P?.modalTitle||Q("uploader.cropImage"),content:n(({hideCurrentModal:t})=>(a=t||null,o("div",{style:{width:"100%"},children:[n("div",{style:{minHeight:"400px",marginBottom:"20px"},children:n(Mh,{ref:e=>{i=e},src:e,aspectRatio:P?.aspectRatio,minWidth:P?.minWidth,minHeight:P?.minHeight,outputWidth:P?.outputWidth,outputHeight:P?.outputHeight,quality:P?.quality||.9,outputFormat:l,showGrid:P?.showGrid??!0,width:"100%",height:"400px"})}),o(mg,{justify:"flex-end",gap:"small",children:[n(et,{variant:"ghost",onClick:d,children:Q("uploader.cancel")}),n(et,{variant:"solid",onClick:s,children:Q("uploader.crop")})]})]})),{}),showOkButton:!1,showCancelButton:!1,closeOnClickOutside:!1,showCloseButton:!0,width:"600px",onCancel:()=>(d(),!0)})},Ue=()=>{ne(!0),K({content:n(yh,{className:"itd-upload-preview-content",$width:k,$height:_,$padding:S,children:n(Qa,{src:fe||""})}),showOkButton:!1,showCancelButton:!1,contentPadding:"0px",width:"max-content",onCancel:()=>(ne(!1),!0)})},Ge=()=>{if(u&&fe&&!ye
|
|
4139
|
+
`,Ch=x(({id:e="itd-upload-"+Xe(),resultFileName:r=null,action:i="",filePath:a="",binaryName:l="file",showDeleteIcon:u=!1,showPreviewIcon:p=!1,buttonsPosition:h="default",padding:f=10,fluid:g=!0,fileWidth:m="100%",fileHeight:b="auto",maxFileWidth:v="none",maxFileHeight:x="none",containerWidth:w="100%",containerHeight:A="auto",previewFileWidth:k="100%",previewFileHeight:_="100%",previewFilePadding:S="0",requestMethod:E="put",maxFileSize:C=1024,disabled:$=!1,extraFormData:L={},extraQueryString:z={},extraHeader:F={},fileTypes:N=[H.JPG,H.PNG,H.SVG,H.PDF],removeAction:D="",removeExtraFormData:M={},removeExtraQueryString:T={},removeExtraHeader:O={},minImageWidth:I,minImageHeight:R,crop:P,onUpdate:B,onUploadSuccess:j,onUploadFailed:U,onRemoveFileSuccess:G,onRemoveFileFailed:W},Y)=>{const X=c(null),{showModal:K}=Vt.useModal(),{fetch:J,cancel:Z}=Ae(),{t:Q}=t("itd"),[ee,te]=s(!1),[re,ne]=s(!1),[ie,oe]=s(".svg, .png, .jpg"),[ae,le]=s(!1),[se,de]=s(!1),[ce,ue]=s(!1),[pe,he]=s(null),[fe,ge]=s(null),[me,be]=s(""),[ve,xe]=s(!1),[ye,we]=s(!1),[ke,_e]=s(null),[Se,Ee]=s(!1),[Ce,$e]=s(null),[Le,ze]=s(null);d(()=>()=>{Z()},[]),d(()=>{ne($)},[$]),d(()=>{ge(a?a.split("?")[0]:"")},[a]),d(()=>{null!==fe&&(void 0!==fe?De():te(!1))},[fe]),d(()=>{let e=[];N.map(t=>{e.push(Uo(t))}),oe(e.join(", "))},[N]);const Fe=(e,t)=>{V.error(e,{description:t,duration:5e3})},Ne=(e,t=!0,r=!0)=>{B&&B(e,t,r)};y(Y,()=>({setFocus(){ue(!0)},reset(e=!1,t=!1){Me(),ge(null),be(""),Ne("",e,t)},setValue(e,t=!0,r=!0){ge(e),Ne(e,t,r)},getValue:()=>fe||"",setError(e){be(e)},forceUpdate(){Ne(fe||"")},clear(){ge("")}}));const De=async()=>{let e=!1;fe&&(e=await Vo(fe),he(e),e?Ne(fe):Ne("",!0,!0),ee||te(!0)),""!==fe||ee||te(!0),""===fe&&ee&&Ne("",!0,!0)},Me=()=>{$e(null),_e(null),Ee(!1),he(null)},Te=async()=>{ne(!0),K({content:n("div",{children:Q("uploader.areYouSureToDeleteThisFile")}),title:Q("uploader.removeFile"),okButtonText:Q("uploader.yes"),cancelButtonText:Q("uploader.no"),okButtonProps:{variant:"statable",state:"reject"},closeOnClickOutside:!1,showCloseButton:!1,onOk:()=>(D?J({action:D,params:M,queries:T,headers:O,onFetched:e=>{e.data.success?(Me(),Ne("",!0,!0),G&&G(e.data.data)):W&&W()},onError:()=>{W&&W()}}):(Me(),Ne("",!0,!0),G&&G()),ne(!1),!0),onCancel:()=>(ne(!1),!0)})},Oe=e=>{e.preventDefault(),ye||de(!0)},Ie=e=>{e.preventDefault(),ye||de(!1)},Re=e=>{e.preventDefault(),ye||(de(!1),e.dataTransfer&&0!==e.dataTransfer.files.length?je(e.dataTransfer.files[0]):console.log(Q("uploader.browserDoesntSupportDND")))},Pe=e=>{de(!1);const t=e.target.files[0];je(t)},Be=async({path:e,errorMessage:t,errorCode:r})=>{await Go(1e3),_e(null),we(!1),await Go(1500),Ee(!1),e?j&&j(e):t&&U&&U(t,r||0)},Ve=async e=>{if(!e)return;let t=new FormData;t.append(l,e),r&&t.append("name",r),Object.keys(L).forEach(e=>{t.append(e,L[e])}),J({action:i,requestMethod:E,params:t,queries:z,headers:F,onFetched:e=>{e.data.success?($e({message:"uploader.fileUploadSuccess",status:"success"}),Ee(!0),ge(e.data.data.url),Be({path:e.data.data.url})):($e({message:"uploader.fileUploadFailed",status:"error"}),Ne("",!0,!0),Be({errorMessage:"uploader.fileUploadFailed"}))},onError:(e,t)=>{$e({message:"uploader.fileUploadFailed",status:"error"}),Ne("",!0,!0),Be({errorMessage:e,errorCode:t})},onProgress:e=>{_e({estimated:e.estimated?(Math.round(100*e.estimated)/100).toFixed(2):"0",progress:e.progress?Math.round(100*e.progress):0,bytes:e.bytes?Ho(e.bytes):"",total:e.total?Ho(e.total):""})}})},je=async e=>{if(!e)return;if(!(e=>!!N.includes(e.type)||(Fe(Q("uploader.error"),Q("uploader.fileFormatError",{fileFormat:ie})),!1))(e))return;if(!(e=>!(e.size>1024*C&&(Fe(Q("uploader.error"),Q("uploader.fileSizeError",{fileSize:Ho(1024*C)})),1)))(e))return;const t=await(e=>new Promise(t=>{if(!e.type.startsWith("image/")||e.type===H.SVG)return void t(!0);if(!I&&!R)return void t(!0);const r=new window.Image,n=URL.createObjectURL(e);r.onload=()=>{URL.revokeObjectURL(n);const e=!I||r.naturalWidth>=I,i=!R||r.naturalHeight>=R;if(!e||!i){const e=I&&R?`${I}x${R}`:I?`${I}px ${Q("uploader.width")}`:`${R}px ${Q("uploader.height")}`,n=`${r.naturalWidth}x${r.naturalHeight}`;return Fe(Q("uploader.imageTooSmall"),Q("uploader.imageTooSmallMessage",{required:e,actual:n})),X.current&&(X.current.value=""),void t(!1)}t(!0)},r.onerror=()=>{URL.revokeObjectURL(n),t(!0)},r.src=n}))(e);if(t){if(r){const t=Uo(e.type);e=new File([e],r+t,{type:t,lastModified:e.lastModified})}if(P&&e.type.startsWith("image/")&&e.type!==H.SVG){ze(e);const t=new FileReader;return t.onload=t=>{He(t.target?.result,e)},void t.readAsDataURL(e)}Ve(e),we(!0)}},He=(e,t)=>{let i=null,a=null;const l=t.type===H.PNG?"image/png":"image/webp"===t.type?"image/webp":"image/jpeg",s=async()=>{if(!i)return;const e=await i.getCroppedFile(r||Le?.name.split(".")[0]||"cropped");e&&(ze(null),a?.(),Ve(e),we(!0))},d=()=>{ze(null),X.current&&(X.current.value=""),a?.()};K({title:P?.modalTitle||Q("uploader.cropImage"),content:n(({hideCurrentModal:t})=>(a=t||null,o("div",{style:{width:"100%"},children:[n("div",{style:{minHeight:"400px",marginBottom:"20px"},children:n(Mh,{ref:e=>{i=e},src:e,aspectRatio:P?.aspectRatio,minWidth:P?.minWidth,minHeight:P?.minHeight,outputWidth:P?.outputWidth,outputHeight:P?.outputHeight,quality:P?.quality||.9,outputFormat:l,showGrid:P?.showGrid??!0,width:"100%",height:"400px"})}),o(mg,{justify:"flex-end",gap:"small",children:[n(et,{variant:"ghost",onClick:d,children:Q("uploader.cancel")}),n(et,{variant:"solid",onClick:s,children:Q("uploader.crop")})]})]})),{}),showOkButton:!1,showCancelButton:!1,closeOnClickOutside:!1,showCloseButton:!0,width:"600px",onCancel:()=>(d(),!0)})},Ue=()=>{ne(!0),K({content:n(yh,{className:"itd-upload-preview-content",$width:k,$height:_,$padding:S,children:n(Qa,{src:fe||""})}),showOkButton:!1,showCancelButton:!1,contentPadding:"0px",width:"max-content",onCancel:()=>(ne(!1),!0)})},Ge=()=>{if(u&&fe&&!ye)return n("span",{className:"delete-icon",children:n(et,{variant:"solid",size:q.SMALL,type:"button",circle:!0,onClick:Te,disabled:re,icon:n(va,{width:16,height:16}),className:"itd-upload-delete-button"})})},We=()=>{if(p&&fe&&!ye&&Je(fe))return n("span",{className:"preview-icon",children:n(et,{variant:"solid",size:q.SMALL,type:"button",circle:!0,onClick:Ue,disabled:re,icon:n(xa,{width:16,height:16}),className:"itd-upload-preview-button"})})},Ye=n("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:n("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:o("g",{id:"ErrorGroup",fillRule:"nonzero",children:[n("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),n("path",{d:"M10.0355339,8.6213203 L12.863961,5.79289322 C13.2544853,5.40236893 13.8876503,5.40236893 14.2781746,5.79289322 C14.6686989,6.18341751 14.6686989,6.81658249 14.2781746,7.20710678 L11.4497475,10.0355339 \n L14.2781746,12.863961 C14.6686989,13.2544853 14.6686989,13.8876503 14.2781746,14.2781746 C13.8876503,14.6686989 13.2544853,14.6686989 12.863961,14.2781746 L10.0355339,11.4497475 L7.20710678,14.2781746\n C6.81658249,14.6686989 6.18341751,14.6686989 5.79289322,14.2781746 C5.40236893,13.8876503 5.40236893,13.2544853 5.79289322,12.863961 L8.6213203,10.0355339 L5.79289322,7.20710678 C5.40236893,6.81658249\n 5.40236893,6.18341751 5.79289322,5.79289322 C6.18341751,5.40236893 6.81658249,5.40236893 7.20710678,5.79289322 L10.0355339,8.6213203 Z",id:"ErrorIcon",fill:"#FFFFFF"})]})})}),qe=()=>{if(""===me||ye)return;return o(Sh,{...{className:"itd-upload-failed itd-failed-status",onPointerOver:()=>xe(!0),onPointerOut:()=>xe(!1)},children:[ve?n(Eh,{className:"itd-upload-error-tooltip itd-error-tooltip",children:me}):null,Ye]})},Ke=e=>e&&e.toLowerCase().split(".").pop()||"",Je=e=>{if(!e)return!1;const t=Ke(e);return["svg","png","jpg","jpeg","gif","webp"].includes(t)},Ze=()=>{if(ee)return null===pe?n(fa,{width:24,height:24}):Je(fe||"")?!1===pe?n(wa,{width:40,height:40}):n(Qa,{src:fe||"",width:ea(m),height:ea(b)}):fe?(e=>{switch(Ke(e)){case"xlsx":case"xls":return n(_a,{width:40,height:40});case"pdf":return n(Sa,{width:40,height:40});default:return n(ka,{width:40,height:40})}})(fe):n(wa,{width:40,height:40})},Qe=()=>{let e=(ae||se)&&!ye&&!re;return n(Ah,{$isHover:e,className:"itd-upload-overlay",children:o(wh,{$isHover:e,className:"itd-upload-overlay-content",children:[n("span",{className:"itd-upload-header",children:Q("uploader.header")}),n("span",{className:"itd-upload-hint",children:Q("uploader.hint")})]})})};return o(mh,{className:"itd-upload",$fluid:g,children:[n("input",{type:"file",id:e,accept:ie,onChange:Pe,onFocus:e=>{e.target.matches(":focus-visible")&&ue(!0)},onBlur:()=>ue(!1),onPointerOver:()=>{!se&&le(!0)},onPointerOut:()=>{!se&&le(!1)},onDragOver:Oe,onDragLeave:Ie,onDrop:Re,disabled:ye||re,ref:X}),n(vh,{$showFocus:ce,className:"itd-upload-label",children:o(bh,{$showBorder:(se||ae)&&!ye,$padding:f,$disabled:$,$hasError:""!==me&&!ye,$fileWidth:m,$fileHeight:b,$maxFileWidth:v,$maxFileHeight:x,$containerWidth:w,$containerHeight:A,className:"itd-upload-content",children:[Ze(),o(kh,{className:"itd-upload-status",$isActive:ye,$complete:"success"===Ce?.status,$error:"error"===Ce?.status,children:[n(_h,{className:"itd-upload-status-box",$progress:ke?ke.progress:0,$complete:"success"===Ce?.status,$error:"error"===Ce?.status}),n("span",{className:"itd-upload-status-message",children:Q(Se||Ce?String(Ce?.message):"uploader.fileUploading")}),n("span",ke?{className:"itd-upload-status-info",children:Q("uploader.info",{total:ke.total,estimated:ke.estimated})}:{className:"itd-upload-status-calculating",children:Q("uploader.calculating")})]}),Qe(),o(xh,{$position:""===me?h:"default",children:[o(mg,{vertical:!0,gap:"small",className:"itd-upload-icons",children:[Ge(),We()]}),qe()]})]})})]})}),$h=M.div`
|
|
4140
4140
|
position: relative;
|
|
4141
4141
|
width: ${({$width:e})=>"number"==typeof e?`${e}px`:e||"100%"};
|
|
4142
4142
|
height: ${({$height:e})=>"number"==typeof e?`${e}px`:e||"400px"};
|