https://www.tools366.com/_next/static/chunks/545.37cc2e72e3cef585.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[545],{10685:function(e,t,a){"use strict";a.d(t,{Z:function(){return i}});var o=a(40476),n=a(66088),r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"}}]},name:"eye",theme:"outlined"},l=a(42264),i=n.forwardRef(function(e,t){return n.createElement(l.Z,(0,o.Z)({},e,{ref:t,icon:r}))})},53854:function(e,t,a){"use strict";a.d(t,{Z:function(){return i}});var o=a(40476),n=a(66088),r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"}}]},name:"search",theme:"outlined"},l=a(42264),i=n.forwardRef(function(e,t){return n.createElement(l.Z,(0,o.Z)({},e,{ref:t,icon:r}))})},18692:function(e,t,a){"use strict";a.d(t,{default:function(){return Z}});var o=a(91043),n=a.n(o),r=a(66088),l=a(95217),i=a(53083),c=a(6417),s=a(32988),u=a(40476),d={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"}},{tag:"path",attrs:{d:"M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"}}]},name:"eye-invisible",theme:"outlined"},m=a(42264),p=r.forwardRef(function(e,t){return r.createElement(m.Z,(0,u.Z)({},e,{ref:t,icon:d}))}),g=a(10685),f=a(71904),v=a(20055),x=a(70552),C=function(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&0>t.indexOf(o)&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,o=Object.getOwnPropertySymbols(e);n<o.length;n++)0>t.indexOf(o[n])&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(a[o[n]]=e[o[n]]);return a};let h=e=>e?r.createElement(g.Z,null):r.createElement(p,null),_={click:"onClick",hover:"onMouseOver"},y=r.forwardRef((e,t)=>{let{visibilityToggle:a=!0}=e,o="object"==typeof a&&void 0!==a.visible,[i,c]=(0,r.useState)(()=>!!o&&a.visible),u=(0,r.useRef)(null);r.useEffect(()=>{o&&c(a.visible)},[o,a]);let d=(0,x.Z)(u),m=()=>{let{disabled:t}=e;t||(i&&d(),c(e=>{var t;let o=!e;return"object"==typeof a&&(null===(t=a.onVisibleChange)||void 0===t||t.call(a,o)),o}))},{className:p,prefixCls:g,inputPrefixCls:y,size:b}=e,w=C(e,["className","prefixCls","inputPrefixCls","size"]),{getPrefixCls:R}=r.useContext(l.E_),j=R("input",y),S=R("input-password",g),E=a&&(t=>{let{action:a="click",iconRender:o=h}=e,n=_[a]||"",l=o(i);return r.cloneElement(r.isValidElement(l)?l:r.createElement("span",null,l),{[n]:m,className:"".concat(t,"-icon"),key:"passwordIcon",onMouseDown:e=>{e.preventDefault()},onMouseUp:e=>{e.preventDefault()}})})(S),O=n()(S,p,{["".concat(S,"-").concat(b)]:!!b}),z=Object.assign(Object.assign({},(0,f.Z)(w,["suffix","iconRender","visibilityToggle"])),{type:i?"text":"password",className:O,prefixCls:j,suffix:E}

1);return b&&(z.size=b),r.createElement(s.Z,Object.assign({ref:(0,v.sQ)(t,u)},z))});var b=a(53854),w=a(24737),R=a(42973),j=a(66471),S=a(13089),E=function(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&0>t.indexOf(o)&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,o=Object.getOwnPropertySymbols(e);n<o.length;n++)0>t.indexOf(o[n])&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(a[o[n]]=e[o[n]]);return a};let O=r.forwardRef((e,t)=>{let a;let{prefixCls:o,inputPrefixCls:i,className:c,size:u,suffix:d,enterButton:m=!1,addonAfter:p,loading:g,disabled:f,onSearch:x,onChange:C,onCompositionStart:h,onCompositionEnd:_}=e,y=E(e,["prefixCls","inputPrefixCls","className","size","suffix","enterButton","addonAfter","loading","disabled","onSearch","onChange","onCompositionStart","onCompositionEnd"]),{getPrefixCls:O,direction:z}=r.useContext(l.E_),N=r.useRef(!1),Z=O("input-search",o),P=O("input",i),{compactSize:I}=(0,S.ri)(Z,z),k=(0,j.Z)(e=>{var t;return null!==(t=null!=u?u:I)&&void 0!==t?t:e}),B=r.useRef(null),T=e=>{var t;document.activeElement===(null===(t=B.current)||void 0===t?void 0:t.input)&&e.preventDefault()},M=e=>{var t,a;x&&x(null===(a=null===(t=B.current)||void 0===t?void 0:t.input)||void 0===a?void 0:a.value,e)},L="boolean"==typeof m?r.createElement(b.Z,null):null,A="".concat(Z,"-button"),D=m||{},U=D.type&&!0===D.type.__ANT_BUTTON;a=U||"button"===D.type?(0,w.Tm)(D,Object.assign({onMouseDown:T,onClick:e=>{var t,a;null===(a=null===(t=null==D?void 0:D.props)||void 0===t?void 0:t.onClick)||void 0===a||a.call(t,e),M(e)},key:"enterButton"},U?{className:A,size:k}:{})):r.createElement(R.ZP,{className:A,type:m?"primary":void 0,size:k,disabled:f,key:"enterButton",onMouseDown:T,onClick:M,loading:g,icon:L},m),p&&(a=[a,(0,w.Tm)(p,{key:"addonAfter"})]);let F=n()(Z,{["".concat(Z,"-rtl")]:"rtl"===z,["".concat(Z,"-").concat(k)]:!!k,["".concat(Z,"-with-button")]:!!m},c);return r.createElement(s.Z,Object.assign({ref:(0,v.sQ)(B,t),onPressEnter:e=>{N.current||g||M(e)}},y,{size:k,onCompositionStart:e=>{N.current=!0,null==h||h(e)},onCompositionEnd:e=>{N.current=!1,null==_||_(e)},prefixCls:P,addonAfter:a,suffix:d,onChange:e=>{e&&e.target&&"click"===e.type&&x&&x(e.target.value,e),C&&C(e)},className:F,disabled:f}))});var z=a(92207);let N=s.Z;N.Group=e=>{let{getPrefixCls:t,direction:a}=(0,r.useContext)(l.E_),{prefixCls:o,className:s=""}=e,u=t("input-group",o),d=t("input"),[m,p]=(0,c.ZP)(d),g=n()(u,{["".concat(u,"-lg")]:"large"===e.size,["".concat(u,"-sm")]:"small"===e.size,["".concat(u,"-compact")]:e.compact,["".concat(u,"-rtl")]:"rtl"===a},p,s),f=(0,r.useContext)(i.aM),v=(0,r.useMemo)(()=>Object.assign(Object.assign({},f),{isFormItemInput:!1}),[f]);return m(r.createElement("span",{className:g,style:e.style,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,onFocus:e.onFocus,onBlur:e.onBlur},r.createElement(i.aM.Provider,{value:v},e.children)))},N.Search=O,N.TextArea=z.Z,N.Password=y;var Z=N},545:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return d}});var o=a(93482),n=a(66088),r=a(42973),l=a(18692),i=a(99638),c=a(19082),s=a.n(c),u=a(26135);function d(e){let{category:t,toolName:a}=e,c=(0,i.T_)(),d="tools.".concat(t,".").concat(a),[m,p]=(0,n.useState)(null),[g,f]=(0,n.useState)(""),[v,x]=(0,n.useState)(0),[C,h]=(0,n.useState)(0),[_,y]=(0,n.useState)(0),b=(0,n.useRef)();return(0,o.jsxs)("div",{children:[m?(0,o.jsx)("div",{className:s().imageWrap,children:(0,o.jsx)("img",{src:m,alt:"",style:{maxWidth:"100%"}})}):null,(0,o.jsx)("div",{style:{display:"inline-block"},className:s().mr10+" "+s().calCls,children:(0,o.jsxs)(r.ZP,{type:"primary",className:s().inputBtn,children:[(0,o.jsx)("div",{className:s().inputTxt,children:m?c("".concat(d,".reUploadImage")):c("".concat(d,".uploadImage"))}),(0,o.jsx)("input",{type:"file",accept:"image/*",onChange:e=>{let t=e.target.files[0];if(t&&t.size<=5242880){let e=new FileReader;e.onloadend=()=>{let a=e.result;p(a),x((t.size/1024).toFixed(2)),f(a),h((4*t.size/3/1024).toFixed(2)),y(a.length)},e.readAsDataURL(t)}else t&&t.size>5242880&&message.error(c("".concat(d,".fileSizeError")))},ref:b})]})}),m&&(0,o.jsxs)("div",{className:s().sizes,children:[(0,o.jsxs)("div",{className:s().resItem,children:[c("".concat(d,".originalSize")),": ",v," KB"]}),(0,o.jsxs)("div",{className:s().resItem,children:[c("".concat(d,".base64Size")),": ",C," KB"]}

1),(0,o.jsxs)("div",{className:s().resItem,children:[c("".concat(d,".characterCount")),": ",_]})]}),g&&(0,o.jsxs)("div",{className:s().textareaWrap,children:[(0,o.jsx)("h3",{children:c("".concat(d,".base64String"))}),(0,o.jsx)(l.default.TextArea,{readOnly:!0,className:s().textArea,value:g,autoSize:{minRows:3,maxRows:10}}),(0,o.jsx)(r.ZP,{className:s().copyBtn,type:"primary",onClick:e=>{u.Z.copyToClipboard(c,g)},children:c("copy")}),(0,o.jsx)("h3",{children:c("".concat(d,".useInImageTag"))}),(0,o.jsx)(l.default.TextArea,{className:s().textArea,readOnly:!0,autoSize:{minRows:3,maxRows:10},value:'<img src="'.concat(g,'" alt="description"  />')}),(0,o.jsx)(r.ZP,{className:s().copyBtn,type:"primary",onClick:e=>{u.Z.copyToClipboard(c,'<img src="'.concat(g,'" alt="description"  />'))},children:c("copy")}),(0,o.jsx)("h3",{children:c("".concat(d,".cssUsage"))}),(0,o.jsx)(l.default.TextArea,{readOnly:!0,className:s().textArea,value:"background-image: url(".concat(g,");"),rows:5,autoSize:{minRows:3,maxRows:10}}),(0,o.jsx)(r.ZP,{className:s().copyBtn,type:"primary",onClick:e=>{u.Z.copyToClipboard(c,"background-image: url(".concat(g,");"))},children:c("copy")})]}),(0,o.jsxs)("div",{className:s().intro,children:[(0,o.jsx)("div",{className:s().title,children:c("introTitle")}),c("".concat(d,".intro")),(0,o.jsx)("div",{className:s().title,children:c("privacy")}),c("privacyTextImage")]})]})}},26135:function(e,t,a){"use strict";var o=a(87349);class n{init(){if(!this.inited){this.inited=!0;for(let e=0;e<localStorage.length;e++){let t=localStorage.key(e);t.startsWith("expiringLocalStorage_")&&this.getItem(t.replace("expiringLocalStorage_",""))}}}setItem(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:259200,o=new Date().getTime()+1e3*a;localStorage.setItem("expiringLocalStorage_".concat(e),JSON.stringify({value:t,expiration:o}))}getItem(e){let t=localStorage.getItem("expiringLocalStorage_".concat(e));if(!t)return null;try{let a=JSON.parse(t);if(new Date().getTime()>a.expiration)return localStorage.removeItem("expiringLocalStorage_".concat(e)),null;return a.value}catch(e){return console.error("Error parsing stored value:",e),null}}removeItem(e){localStorage.removeItem("expiringLocalStorage_".concat(e))}constructor(){this.inited=!1}}new n,t.Z={copyToClipboard:function(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=e("copied");if(a&&(n="".concat(e("copied"),": ").concat(a)),navigator.clipboard)navigator.clipboard.writeText(t).then(function(){o.ZP.success(n)},function(t){o.ZP.error(e("copyError"))});else{let a=document.createElement("textarea");a.value=t,document.body.appendChild(a),a.select();try{document.execCommand("copy"),o.ZP.success(n)}catch(t){o.ZP.error(e("copyError"))}document.body.removeChild(a)}},downloadTxtFile:(e,t)=>{let a=document.createElement("a"),o=new Blob([e||""],{type:"text/plain"});a.href=URL.createObjectURL(o),a.download="".concat(t||"output",".txt"),document.body.appendChild(a),a.click()},roundTo:function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:8;return isNaN(e)?e:Math.round(e*Math.pow(10,t+1)/10)/Math.pow(10,t)},IsPC:()=>{for(var e=navigator.userAgent,t=["Android","iPhone","SymbianOS","Windows Phone","iPad","iPod"],a=!0,o=0;o<t.length;o++)if(e.indexOf(t[o])>-1){a=!1;break}return a},getUrlParams(){let e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",a=t||window.location.href,o=a.indexOf("#");o>-1&&(a=a.substring(0,o));let n=a.indexOf("?")>-1?a.split("?")[1]:null,r=n?n.split("&"):[];return r&&(e={},r.forEach(t=>{let a=t.split("=")[0],o=t.split("=")[1];e[a]=decodeURIComponent(o)}),e.length=r.length),e}}},19082:function(e){e.exports={colorCard:"imageColorRate_colorCard__PrBEn",info:"imageColorRate_info__pQNxP",mainColorCard:"imageColorRate_mainColorCard__RLhDd",colorDiv:"imageColorRate_colorDiv__dgtR3",inputBtn:"imageColorRate_inputBtn__Vu_Ef",imageWrap:"imageColorRate_imageWrap__vD1SE",imgBg:"imageColorRate_imgBg__Id_0K",bgBlack:"imageColorRate_bgBlack__4B_R2",intro:"imageColorRate_intro__AC_F6",title:"imageColorRate_title__muxcd",mr10:"imageColorRate_mr10__IYSHx",ml4:"imageColorRate_ml4__WqUI8",calCls:"imageColorRate_calCls__6MSa1",lineFormWrap:"imageColorRate_lineFormWrap__grcid",slider:"imageColorRate_slider__zD4kg",tipTitle:"imageColorRate_tipTitle__xxzGZ",copyBtn:"imageColorRate_copyBtn__YUuoy",textArea:"imageColorRate_textArea__3mH9w",resItem:"imageColorRate_resItem__ZVZVo",sizes:"imageColorRate_sizes__m8Dtz"}}}]);