"use strict";(self.webpackChunkflow_web_extension=self.webpackChunkflow_web_extension||[]).push([["66894"],{620271:function(e,r,a){a.r(r),a.d(r,{ImageBox:()=>c});var i=a(397458),s=a(13573),l=a(652983),o=a(87608),t=a.n(o),m={placeholder:"placeholder-oIhOLD",img:"img-DVGfyU",animation:"animation-cI60yc"},d=e=>{var{src:r,onClick:a,className:o,skeleton:d=!0,animation:n=!1,onLoaded:c}=e,[u,b]=(0,l.useState)(!d);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("img",{style:{display:u?void 0:"none"},crossOrigin:"anonymous",referrerPolicy:"no-referrer",src:(0,s.C)(r,null,{logType:"js.href/src",reportOnly:"false",blackConfig:"{}",configMode:"merge",isCloseSSRReport:!1,bid:"flow_web_ext",region:"cn",urlLimit:"-1",htmlLimit:"-1",isSaveValidUrl:!1,isRuntimeLog:!1,isDOMParser:!0,escapeRule:"escape-report",reportUrl:"https://mon.zijieapi.com/monitor_browser/collect/batch/security/?bid=flow_web_ext",scmBranch:"release-ext-sprint-2025_50",scmName:"$20xN*Rt%j$P$3hs%0Z*Mldr-z$N$mx0%m5aWldFcH$aRmhO%FE9PQ",scmVersion:"1.24.1.5547",webpackPluginVersion:"3.4.3",filename:"$ERJNWQy%kRP$EJo$jJSc1kyaz$hb%l5T$hkaF-zaHNXRE5D-%dSSFozWmpNMHBx$ERKT2RscEhWWFZa-m13d1dsZFJk$0l6%201T%1scHpZak5qZ*xwd*$IWmtl$E$6$2xkSmRHSlhPWFZpTTBwc1kw-zRkb%5I%m1waE1rWn$Xb*hOZ*xSR$R-%lNi$lpvWk$o$2$WcFRP$2xr$0%1d1ltM$dlb%41T1dwaFIwWXd%RmRhZDFs$E9-c*pi$TEy$1RJNWRHTkhPWFZh$np$d1RESnNkRmx-Wkd4T$d*Wnd%REpzZFZwSFZq%k1ibEo2Wl$kR2$Wb3pWbm89"}),className:t()(o,m.img,n?m.animation:""),onLoad:e=>{e.target.setAttribute("data-loaded","true"),b(!0),null==c||c(e.target)},onClick:a}),u&&r?null:(0,i.jsx)("span",{className:t()(o,m.placeholder,"image-placeholder")})]})},n={"image-box":"image-box-VYLfVz",imageBox:"image-box-VYLfVz",image:"image-OicDkx","large-image-box":"large-image-box-tdkwXc",largeImageBox:"large-image-box-tdkwXc","three-image-box":"three-image-box-c6H7I3",threeImageBox:"three-image-box-c6H7I3","four-image-box":"four-image-box-UpZ8ni",fourImageBox:"four-image-box-UpZ8ni","normal-image-box":"normal-image-box-xq48ra",normalImageBox:"normal-image-box-xq48ra","rest-count":"rest-count-ToX7G5",restCount:"rest-count-ToX7G5","tl-radius":"tl-radius-VGxRjU",tlRadius:"tl-radius-VGxRjU","tr-radius":"tr-radius-XcO60H",trRadius:"tr-radius-XcO60H","bl-radius":"bl-radius-_YfKUw",blRadius:"bl-radius-_YfKUw","br-radius":"br-radius-VrZNhD",brRadius:"br-radius-VrZNhD"},c=e=>{var{images:r=[],className:a,onClick:o}=e,[m,c]=(0,l.useState)([]),u=(0,l.useMemo)(()=>1===r.length?"large-image-box":r.length<4?"three-image-box":4===r.length?"four-image-box":"normal-image-box",[r]),b=()=>{var{length:e}=r.slice(0,6),a=[];6===e?a.push("tl-radius","","tr-radius","bl-radius","","br-radius"):5===e?a.push("tl-radius","","tr-radius","bl-radius","br-radius"):4===e?a.push("tl-radius","tr-radius","bl-radius","br-radius"):3===e?a.push("tl-radius bl-radius","","tr-radius br-radius"):2===e&&a.push("tl-radius bl-radius","tr-radius br-radius"),c(a)};(0,l.useEffect)(()=>{b()},[r]);var $=e=>{var r,a=null===(r=m[e])||void 0===r?void 0:r.split(" ");return null==a?void 0:a.map(e=>n[e])};return(0,i.jsxs)("div",{className:t()(n["image-box"],a),onClick:o,children:[(0,i.jsx)("div",{className:n[u],children:r.slice(0,6).map((e,r)=>(0,i.jsx)(d,{src:(0,s.C)(e.thumb_url,null,{logType:"js.href/src",reportOnly:"false",blackConfig:"{}",configMode:"merge",isCloseSSRReport:!1,bid:"flow_web_ext",region:"cn",urlLimit:"-1",htmlLimit:"-1",isSaveValidUrl:!1,isRuntimeLog:!1,isDOMParser:!0,escapeRule:"escape-report",reportUrl:"https://mon.zijieapi.com/monitor_browser/collect/batch/security/?bid=flow_web_ext",scmBranch:"release-ext-sprint-2025_50",scmName:"$20xN*Rt%j$P$3hs%0Z*Mldr-z$N$mx0%m5aWldFcH$aRmhO%FE9PQ",scmVersion:"1.24.1.5547",webpackPluginVersion:"3.4.3",filename:"$ERJNWQy%kRP$EJo$jJSc1kyaz$hb%l5T$hkaF-zaHNXRE5D-%dSSFozWmpNMHBx$ERKT2RscEhWWFZa-m13d1dsZFJk$0l6%201T%1scHpZak5qZ*xwd*$IWmtl$E$6$2xkSmRHSlhPWFZpTTBwc1kw-zRkb%5I%m1waE1rWn$Xb*hOZ*xSR$R-%lNi$lpvWk$o$2$WcFRP$2xr$0%1d1ltM$dlb%41T1dwaFIwWXd%RmRhZDFs$E9-c*pi$TEy$1cxc05reFh%blpp$0$KMlltM$dk$1JET1hOa%1rNW9Za2Q0-0ZwdFZ-%mhWekZv$2pK$mR*bHRP$FJNTW14M$drZFdORXh1$W5wbFIwWj$Xak5XZWc9PQ"}),className:t()(n.image,$(r)),skeleton:!0},r))}),r.length>6&&(0,i.jsx)("div",{className:n["rest-count"],children:(0,i.jsxs)("span",{children:["+",r.length-6]})})]})}}}]);
//# sourceMappingURL=66894.js.map