https://ximouzhao.com/_next/static/chunks/8198.2ad20663e4e83b4f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8198],{8198:(e,t,r)=>{r.r(t),r.d(t,{default:()=>u});var a=r(37876),n=r(89099),s=r(14232),l=r(95498);let u=e=>{let{currentSearch:t,cRef:r,className:u}=e,[o,c]=(0,s.useState)(!1),i=(0,n.useRouter)(),d=(0,s.useRef)(),{locale:f}=(0,l.PC)(),p=(0,s.useRef)(!1);(0,s.useImperativeHandle)(r,()=>({focus:()=>{var e;null==d||null==(e=d.current)||e.focus()}}));let h=()=>{let e=d.current.value;e&&""!==e?(c(!0),i.push({pathname:"/search/"+e}).then(e=>{c(!1)})):i.push({pathname:"/"}).then(e=>{})},m=()=>{d.current.value=""},[g,x]=(0,s.useState)(!1);function k(){p.current=!0}return(0,a.jsxs)("div",{className:"flex w-full rounded-lg "+u,children:[(0,a.jsx)("input",{ref:d,type:"text",className:"outline-none w-full text-sm pl-5 rounded-lg transition focus:shadow-lg dark:text-gray-300 font-light leading-10 text-black bg-white dark:bg-gray-500",onKeyUp:e=>{13===e.keyCode?h(d.current.value):27===e.keyCode&&m()},onCompositionStart:k,onCompositionUpdate:k,onCompositionEnd:function(){p.current=!1},placeholder:f.SEARCH.ARTICLES,onChange:e=>(e=>{p.current||(d.current.value=e,e?x(!0):x(!1))})(e.target.value),defaultValue:t||""}),(0,a.jsx)("div",{className:"-ml-8 cursor-pointer  float-right items-center justify-center py-2",onClick:h,children:(0,a.jsx)("i",{className:"hover:text-black transform duration-200 text-gray-500 dark:text-gray-200 cursor-pointer fas ".concat(o?"fa-spinner animate-spin":"fa-search")})}),g&&(0,a.jsx)("div",{className:"-ml-12 cursor-pointer float-right items-center justify-center py-2",children:(0,a.jsx)("i",{className:"hover:text-black transform duration-200 text-gray-400 dark:text-gray-300 cursor-pointer fas fa-times",onClick:m})})]})}}}]);