tag and doesn't have a href attribute, or if the 'passHref' property is\n// defined, we specify the current 'href', so that repetition is not needed by the user\nif(props.passHref||child.type==='a'&&!('href'in child.props)){const curLocale=typeof locale!=='undefined'?locale:router&&router.locale;// we only render domain locales if we are currently on a domain locale\n// so that locale links are still visitable in development/preview envs\nconst localeDomain=router&&router.isLocaleDomain&&(0,_router.getDomainLocale)(as,curLocale,router&&router.locales,router&&router.domainLocales);childProps.href=localeDomain||(0,_router.addBasePath)((0,_router.addLocale)(as,curLocale,router&&router.defaultLocale));}return/*#__PURE__*/_react.default.cloneElement(child,childProps);}var _default=Link;exports.default=_default;\n//# sourceMappingURL=link.js.map","\"use strict\";exports.__esModule=true;exports.useIntersection=useIntersection;var _react=require(\"react\");var _requestIdleCallback=require(\"./request-idle-callback\");const hasIntersectionObserver=typeof IntersectionObserver!=='undefined';function useIntersection({rootMargin,disabled}){const isDisabled=disabled||!hasIntersectionObserver;const unobserve=(0,_react.useRef)();const[visible,setVisible]=(0,_react.useState)(false);const setRef=(0,_react.useCallback)(el=>{if(unobserve.current){unobserve.current();unobserve.current=undefined;}if(isDisabled||visible)return;if(el&&el.tagName){unobserve.current=observe(el,isVisible=>isVisible&&setVisible(isVisible),{rootMargin});}},[isDisabled,rootMargin,visible]);(0,_react.useEffect)(()=>{if(!hasIntersectionObserver){if(!visible){const idleCallback=(0,_requestIdleCallback.requestIdleCallback)(()=>setVisible(true));return()=>(0,_requestIdleCallback.cancelIdleCallback)(idleCallback);}}},[visible]);return[setRef,visible];}function observe(element,callback,options){const{id,observer,elements}=createObserver(options);elements.set(element,callback);observer.observe(element);return function unobserve(){elements.delete(element);observer.unobserve(element);// Destroy observer when there's nothing left to watch:\nif(elements.size===0){observer.disconnect();observers.delete(id);}};}const observers=new Map();function createObserver(options){const id=options.rootMargin||'';let instance=observers.get(id);if(instance){return instance;}const elements=new Map();const observer=new IntersectionObserver(entries=>{entries.forEach(entry=>{const callback=elements.get(entry.target);const isVisible=entry.isIntersecting||entry.intersectionRatio>0;if(callback&&isVisible){callback(isVisible);}});},options);observers.set(id,instance={id,observer,elements});return instance;}\n//# sourceMappingURL=use-intersection.js.map","\"use strict\";exports.__esModule=true;exports.AmpStateContext=void 0;var _react=_interopRequireDefault(require(\"react\"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}const AmpStateContext=/*#__PURE__*/_react.default.createContext({});exports.AmpStateContext=AmpStateContext;if(process.env.NODE_ENV!=='production'){AmpStateContext.displayName='AmpStateContext';}\n//# sourceMappingURL=amp-context.js.map","\"use strict\";exports.__esModule=true;exports.isInAmpMode=isInAmpMode;exports.useAmp=useAmp;var _react=_interopRequireDefault(require(\"react\"));var _ampContext=require(\"./amp-context\");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function isInAmpMode({ampFirst=false,hybrid=false,hasQuery=false}={}){return ampFirst||hybrid&&hasQuery;}function useAmp(){// Don't assign the context value to a variable to save bytes\nreturn isInAmpMode(_react.default.useContext(_ampContext.AmpStateContext));}\n//# sourceMappingURL=amp.js.map","\"use strict\";exports.__esModule=true;exports.noSSR=noSSR;exports.default=dynamic;var _react=_interopRequireDefault(require(\"react\"));var _loadable=_interopRequireDefault(require(\"./loadable\"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}const isServerSide=typeof window==='undefined';function noSSR(LoadableInitializer,loadableOptions){// Removing webpack and modules means react-loadable won't try preloading\ndelete loadableOptions.webpack;delete loadableOptions.modules;// This check is necessary to prevent react-loadable from initializing on the server\nif(!isServerSide){return LoadableInitializer(loadableOptions);}const Loading=loadableOptions.loading;// This will only be rendered on the server side\nreturn()=>/*#__PURE__*/_react.default.createElement(Loading,{error:null,isLoading:true,pastDelay:false,timedOut:false});}// function dynamic(options: O):\nfunction dynamic(dynamicOptions,options){let loadableFn=_loadable.default;let loadableOptions={// A loading component is not required, so we default it\nloading:({error,isLoading,pastDelay})=>{if(!pastDelay)return null;if(process.env.NODE_ENV==='development'){if(isLoading){return null;}if(error){return/*#__PURE__*/_react.default.createElement(\"p\",null,error.message,/*#__PURE__*/_react.default.createElement(\"br\",null),error.stack);}}return null;}};// Support for direct import(), eg: dynamic(import('../hello-world'))\n// Note that this is only kept for the edge case where someone is passing in a promise as first argument\n// The react-loadable babel plugin will turn dynamic(import('../hello-world')) into dynamic(() => import('../hello-world'))\n// To make sure we don't execute the import without rendering first\nif(dynamicOptions instanceof Promise){loadableOptions.loader=()=>dynamicOptions;// Support for having import as a function, eg: dynamic(() => import('../hello-world'))\n}else if(typeof dynamicOptions==='function'){loadableOptions.loader=dynamicOptions;// Support for having first argument being options, eg: dynamic({loader: import('../hello-world')})\n}else if(typeof dynamicOptions==='object'){loadableOptions={...loadableOptions,...dynamicOptions};}// Support for passing options, eg: dynamic(import('../hello-world'), {loading: () =>
Loading something
})\nloadableOptions={...loadableOptions,...options};// coming from build/babel/plugins/react-loadable-plugin.js\nif(loadableOptions.loadableGenerated){loadableOptions={...loadableOptions,...loadableOptions.loadableGenerated};delete loadableOptions.loadableGenerated;}// support for disabling server side rendering, eg: dynamic(import('../hello-world'), {ssr: false})\nif(typeof loadableOptions.ssr==='boolean'){if(!loadableOptions.ssr){delete loadableOptions.ssr;return noSSR(loadableFn,loadableOptions);}delete loadableOptions.ssr;}return loadableFn(loadableOptions);}\n//# sourceMappingURL=dynamic.js.map","\"use strict\";exports.__esModule=true;exports.defaultHead=defaultHead;exports.default=void 0;var _react=_interopRequireWildcard(require(\"react\"));var _sideEffect=_interopRequireDefault(require(\"./side-effect\"));var _ampContext=require(\"./amp-context\");var _headManagerContext=require(\"./head-manager-context\");var _amp=require(\"./amp\");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _getRequireWildcardCache(){if(typeof WeakMap!==\"function\")return null;var cache=new WeakMap();_getRequireWildcardCache=function(){return cache;};return cache;}function _interopRequireWildcard(obj){if(obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!==\"object\"&&typeof obj!==\"function\"){return{default:obj};}var cache=_getRequireWildcardCache();if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}function defaultHead(inAmpMode=false){const head=[/*#__PURE__*/_react.default.createElement(\"meta\",{charSet:\"utf-8\"})];if(!inAmpMode){head.push(/*#__PURE__*/_react.default.createElement(\"meta\",{name:\"viewport\",content:\"width=device-width\"}));}return head;}function onlyReactElement(list,child){// React children can be \"string\" or \"number\" in this case we ignore them for backwards compat\nif(typeof child==='string'||typeof child==='number'){return list;}// Adds support for React.Fragment\nif(child.type===_react.default.Fragment){return list.concat(_react.default.Children.toArray(child.props.children).reduce((fragmentList,fragmentChild)=>{if(typeof fragmentChild==='string'||typeof fragmentChild==='number'){return fragmentList;}return fragmentList.concat(fragmentChild);},[]));}return list.concat(child);}const METATYPES=['name','httpEquiv','charSet','itemProp'];/*\n returns a function for filtering head child elements\n which shouldn't be duplicated, like \n Also adds support for deduplicated `key` properties\n*/function unique(){const keys=new Set();const tags=new Set();const metaTypes=new Set();const metaCategories={};return h=>{let isUnique=true;let hasKey=false;if(h.key&&typeof h.key!=='number'&&h.key.indexOf('$')>0){hasKey=true;const key=h.key.slice(h.key.indexOf('$')+1);if(keys.has(key)){isUnique=false;}else{keys.add(key);}}// eslint-disable-next-line default-case\nswitch(h.type){case'title':case'base':if(tags.has(h.type)){isUnique=false;}else{tags.add(h.type);}break;case'meta':for(let i=0,len=METATYPES.length;i instances\n */function reduceComponents(headElements,props){return headElements.reduce((list,headElement)=>{const headElementChildren=_react.default.Children.toArray(headElement.props.children);return list.concat(headElementChildren);},[]).reduce(onlyReactElement,[]).reverse().concat(defaultHead(props.inAmpMode)).filter(unique()).reverse().map((c,i)=>{const key=c.key||i;if(process.env.NODE_ENV!=='development'&&process.env.__NEXT_OPTIMIZE_FONTS&&!props.inAmpMode){if(c.type==='link'&&c.props['href']&&// TODO(prateekbh@): Replace this with const from `constants` when the tree shaking works.\n['https://fonts.googleapis.com/css','https://use.typekit.net/'].some(url=>c.props['href'].startsWith(url))){const newProps={...(c.props||{})};newProps['data-href']=newProps['href'];newProps['href']=undefined;// Add this attribute to make it easy to identify optimized tags\nnewProps['data-optimized-fonts']=true;return/*#__PURE__*/_react.default.cloneElement(c,newProps);}}return/*#__PURE__*/_react.default.cloneElement(c,{key});});}/**\n * This component injects elements to `` of your page.\n * To avoid duplicated `tags` in `` you can use the `key` property, which will make sure every tag is only rendered once.\n */function Head({children}){const ampState=(0,_react.useContext)(_ampContext.AmpStateContext);const headManager=(0,_react.useContext)(_headManagerContext.HeadManagerContext);return/*#__PURE__*/_react.default.createElement(_sideEffect.default,{reduceComponentsToState:reduceComponents,headManager:headManager,inAmpMode:(0,_amp.isInAmpMode)(ampState)},children);}var _default=Head;exports.default=_default;\n//# sourceMappingURL=head.js.map","\"use strict\";exports.__esModule=true;exports.LoadableContext=void 0;var _react=_interopRequireDefault(require(\"react\"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}const LoadableContext=/*#__PURE__*/_react.default.createContext(null);exports.LoadableContext=LoadableContext;if(process.env.NODE_ENV!=='production'){LoadableContext.displayName='LoadableContext';}\n//# sourceMappingURL=loadable-context.js.map","\"use strict\";exports.__esModule=true;exports.default=void 0;var _react=_interopRequireDefault(require(\"react\"));var _useSubscription=require(\"use-subscription\");var _loadableContext=require(\"./loadable-context\");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}/**\n@copyright (c) 2017-present James Kyle \n MIT License\n Permission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n The above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE\n*/ // https://github.com/jamiebuilds/react-loadable/blob/v5.5.0/src/index.js\n// Modified to be compatible with webpack 4 / Next.js\nconst ALL_INITIALIZERS=[];const READY_INITIALIZERS=[];let initialized=false;function load(loader){let promise=loader();let state={loading:true,loaded:null,error:null};state.promise=promise.then(loaded=>{state.loading=false;state.loaded=loaded;return loaded;}).catch(err=>{state.loading=false;state.error=err;throw err;});return state;}function resolve(obj){return obj&&obj.__esModule?obj.default:obj;}function createLoadableComponent(loadFn,options){let opts=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},options);let subscription=null;function init(){if(!subscription){const sub=new LoadableSubscription(loadFn,opts);subscription={getCurrentValue:sub.getCurrentValue.bind(sub),subscribe:sub.subscribe.bind(sub),retry:sub.retry.bind(sub),promise:sub.promise.bind(sub)};}return subscription.promise();}// Server only\nif(typeof window==='undefined'){ALL_INITIALIZERS.push(init);}// Client only\nif(!initialized&&typeof window!=='undefined'&&typeof opts.webpack==='function'){const moduleIds=opts.webpack();READY_INITIALIZERS.push(ids=>{for(const moduleId of moduleIds){if(ids.indexOf(moduleId)!==-1){return init();}}});}const LoadableComponent=(props,ref)=>{init();const context=_react.default.useContext(_loadableContext.LoadableContext);const state=(0,_useSubscription.useSubscription)(subscription);_react.default.useImperativeHandle(ref,()=>({retry:subscription.retry}),[]);if(context&&Array.isArray(opts.modules)){opts.modules.forEach(moduleName=>{context(moduleName);});}return _react.default.useMemo(()=>{if(state.loading||state.error){return/*#__PURE__*/_react.default.createElement(opts.loading,{isLoading:state.loading,pastDelay:state.pastDelay,timedOut:state.timedOut,error:state.error,retry:subscription.retry});}else if(state.loaded){return/*#__PURE__*/_react.default.createElement(resolve(state.loaded),props);}else{return null;}},[props,state]);};LoadableComponent.preload=()=>init();LoadableComponent.displayName='LoadableComponent';return/*#__PURE__*/_react.default.forwardRef(LoadableComponent);}class LoadableSubscription{constructor(loadFn,opts){this._loadFn=loadFn;this._opts=opts;this._callbacks=new Set();this._delay=null;this._timeout=null;this.retry();}promise(){return this._res.promise;}retry(){this._clearTimeouts();this._res=this._loadFn(this._opts.loader);this._state={pastDelay:false,timedOut:false};const{_res:res,_opts:opts}=this;if(res.loading){if(typeof opts.delay==='number'){if(opts.delay===0){this._state.pastDelay=true;}else{this._delay=setTimeout(()=>{this._update({pastDelay:true});},opts.delay);}}if(typeof opts.timeout==='number'){this._timeout=setTimeout(()=>{this._update({timedOut:true});},opts.timeout);}}this._res.promise.then(()=>{this._update({});this._clearTimeouts();}).catch(_err=>{this._update({});this._clearTimeouts();});this._update({});}_update(partial){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...partial};this._callbacks.forEach(callback=>callback());}_clearTimeouts(){clearTimeout(this._delay);clearTimeout(this._timeout);}getCurrentValue(){return this._state;}subscribe(callback){this._callbacks.add(callback);return()=>{this._callbacks.delete(callback);};}}function Loadable(opts){return createLoadableComponent(load,opts);}function flushInitializers(initializers,ids){let promises=[];while(initializers.length){let init=initializers.pop();promises.push(init(ids));}return Promise.all(promises).then(()=>{if(initializers.length){return flushInitializers(initializers,ids);}});}Loadable.preloadAll=()=>{return new Promise((resolveInitializers,reject)=>{flushInitializers(ALL_INITIALIZERS).then(resolveInitializers,reject);});};Loadable.preloadReady=(ids=[])=>{return new Promise(resolvePreload=>{const res=()=>{initialized=true;return resolvePreload();};// We always will resolve, errors should be handled within loading UIs.\nflushInitializers(READY_INITIALIZERS,ids).then(res,res);});};if(typeof window!=='undefined'){window.__NEXT_PRELOADREADY=Loadable.preloadReady;}var _default=Loadable;exports.default=_default;\n//# sourceMappingURL=loadable.js.map","\"use strict\";exports.__esModule=true;exports.default=void 0;var _react=require(\"react\");const isServer=typeof window==='undefined';class _default extends _react.Component{constructor(props){super(props);this._hasHeadManager=void 0;this.emitChange=()=>{if(this._hasHeadManager){this.props.headManager.updateHead(this.props.reduceComponentsToState([...this.props.headManager.mountedInstances],this.props));}};this._hasHeadManager=this.props.headManager&&this.props.headManager.mountedInstances;if(isServer&&this._hasHeadManager){this.props.headManager.mountedInstances.add(this);this.emitChange();}}componentDidMount(){if(this._hasHeadManager){this.props.headManager.mountedInstances.add(this);}this.emitChange();}componentDidUpdate(){this.emitChange();}componentWillUnmount(){if(this._hasHeadManager){this.props.headManager.mountedInstances.delete(this);}this.emitChange();}render(){return null;}}exports.default=_default;\n//# sourceMappingURL=side-effect.js.map","\"use strict\";var _interopRequireDefault=require(\"@babel/runtime/helpers/interopRequireDefault\");exports.__esModule=true;exports.default=void 0;var _react=_interopRequireDefault(require(\"react\"));var _utils=require(\"../next-server/lib/utils\");exports.AppInitialProps=_utils.AppInitialProps;exports.NextWebVitalsMetric=_utils.NextWebVitalsMetric;/**\n * `App` component is used for initialize of pages. It allows for overwriting and full control of the `page` initialization.\n * This allows for keeping state between navigation, custom error handling, injecting additional data.\n */async function appGetInitialProps({Component,ctx}){const pageProps=await(0,_utils.loadGetInitialProps)(Component,ctx);return{pageProps};}class App extends _react.default.Component{render(){const{Component,pageProps}=this.props;return/*#__PURE__*/_react.default.createElement(Component,pageProps);}}exports.default=App;App.origGetInitialProps=appGetInitialProps;App.getInitialProps=appGetInitialProps;\n//# sourceMappingURL=_app.js.map","import React from 'react'\nimport getTCCConfig from 'lib/get-tcc-config'\nimport { logger } from 'lib/slardar-utils'\nimport Script from 'next/script'\ntype TIntercept = string | { method: 'GET' | 'POST'; url: string }\nconst APIIntercept: React.FC = () => {\n const handleOnload = async () => {\n try {\n const config = await getTCCConfig()\n const intercept = JSON.parse(config.api_intercept || '[]') as TIntercept[]\n const path: Record<'GET' | 'POST', RegExp[]> = {\n GET: [],\n POST: [],\n }\n intercept.forEach((api) => {\n if (typeof api === 'string') {\n path.POST.push(new RegExp(api))\n } else {\n path[api.method].push(new RegExp(api.url))\n }\n })\n ; (window as any)?.secsdk?.csrf?.setProtectedHost?.({\n 'www.dongchedi.com': path,\n })\n } catch (error) {\n logger.error(\n `[/motor/api/intercept/convert onError] error message: ${(error as Error).message\n }]`\n )\n }\n }\n return (\n \n )\n}\n\nexport default APIIntercept\n","import * as React from 'react'\nimport get from 'lodash/get'\nimport fetch from 'lib/decorated-fetch'\nimport Router from 'next/router'\nimport classnames from 'classnames'\nimport { isNewVersion } from 'Components/hooks/use-version'\nimport getUrl from 'lib/url'\nimport { sendTeaCommEvent } from 'lib/tea-analyze'\n\ninterface IResult {\n keyword: string\n}\ninterface IListProps {\n data: IResult[]\n curIndex: number\n}\ninterface IState {\n data: IResult[]\n show: boolean\n}\n\nconst handler = (keyword: string, searchMode = 'common') => {\n sendTeaCommEvent('click_top_search', {\n search_content: keyword,\n search_mode: searchMode,\n })\n sessionStorage.setItem('search_content', keyword)\n sessionStorage.setItem('search_mode', searchMode)\n\n Router.push(\n isNewVersion() ? '/new_search' : '`/search/home',\n `/search?keyword=${keyword}`\n )\n}\n\nfunction ResultList({ data, curIndex }: IListProps) {\n return (\n \n {data.map((item: IResult, index: number) => (\n ) => {\n e.stopPropagation()\n handler(item.keyword)\n // setValue(item.keyword)\n }}\n >\n {item.keyword}\n \n ))}\n \n
\n )\n}\n\nexport default function Search() {\n const [focus, setFocus] = React.useState(false)\n const [value, setValue] = React.useState('')\n /* 列表当前选中项索引 */\n const [curIndex, setCurIndex] = React.useState(0)\n /* 列表数据 */\n const [list, setList] = React.useState({ show: false, data: [] })\n\n const searchDivRef = React.useRef(null)\n const buttonRef = React.useRef(null)\n\n React.useEffect(() => {\n const searchDivDom = searchDivRef.current\n const searchButtonDom = buttonRef.current\n const onMouseEnter = () => {\n if (searchDivDom) searchDivDom.classList.add('button-hover')\n }\n const onMouseLeave = () => {\n if (searchDivDom) searchDivDom.classList.remove('button-hover')\n }\n if (searchDivDom && searchButtonDom) {\n searchButtonDom.addEventListener('mouseenter', onMouseEnter)\n searchButtonDom.addEventListener('mouseleave', onMouseLeave)\n }\n\n return () => {\n if (searchDivDom && searchButtonDom) {\n searchButtonDom.removeEventListener('mouseenter', onMouseEnter)\n searchButtonDom.removeEventListener('mouseleave', onMouseLeave)\n }\n }\n }, [searchDivRef.current, buttonRef.current])\n\n React.useEffect(() => {\n if (!value) {\n return\n }\n fetch(getUrl(`/motor/searchacl/complete?keyword=${value}`))\n .then(json => {\n setList({ show: true, data: json.data })\n })\n .catch(e => {\n // no-op\n })\n }, [value])\n\n return (\n \n \n {\n setCurIndex(0)\n setValue(e.target.value)\n }}\n onBlur={() => {\n setFocus(false)\n setTimeout(() => {\n setList({ ...list, show: false })\n }, 200)\n }}\n onFocus={() => {\n setList({ ...list, show: true })\n setFocus(true)\n }}\n onKeyDownCapture={e => {\n if (e.keyCode === 40) {\n const index = curIndex + 1 === list.data.length ? 0 : curIndex + 1\n setCurIndex(index)\n // setValue(list.data[index].keyword)\n }\n if (e.keyCode === 38) {\n const index =\n curIndex - 1 === -1 ? list.data.length - 1 : curIndex - 1\n setCurIndex(index)\n // setValue(list.data[index].keyword)\n }\n if (e.keyCode === 13) {\n console.log(list.data, curIndex)\n handler(get(list, `data[${curIndex}].keyword`) || value, 'sug')\n }\n }}\n />\n {\n e.stopPropagation()\n handler(value)\n }}\n >\n 搜索\n \n {list.show && }\n \n
\n )\n}\n","import React, { useCallback } from 'react'\nimport classnames from 'classnames'\nimport Link from 'next/link'\nimport Router from 'next/router'\n\nimport getLocation, {\n setLocation2storage,\n setSelectedCity2storage,\n sendTeaLocationEvent,\n} from 'lib/get-location'\nimport getLinkHref from 'lib/get-link-href'\nimport { sendTeaCommEvent } from 'lib/tea-analyze'\nimport { GlobalStoreContext } from 'Components/store'\n\nimport { isNewVersion } from 'lib/version'\nimport City from './city'\nimport Search from './search'\nimport User from './user'\n\nimport TopTips from './top-tops-dynamic'\nimport useHasTips from 'Components/hooks/use-top-tips'\n\ninterface IProps {\n router: {\n asPath: string\n pathname: string\n }\n}\n\nconst live_white = require('static/live-white.gif')\nconst live_yellow = require('static/live-yellow.gif')\n\nconst routes = [\n {\n href: '/home',\n as: getLinkHref('/'),\n newVersionLink: '/new_home',\n text: '首页',\n },\n {\n href: '/auto/home',\n as: getLinkHref('/auto/library/x-x-x-x-x-x-x-x-x-x-x'),\n newVersionLink: '/auto/library/x-x-x-x-x-x-x-x-x-x-x',\n text: '车型库',\n },\n {\n href: '/car_fans_community/home',\n as: getLinkHref('/car_fans_community'),\n text: '车友圈',\n },\n {\n href: '/feed/home',\n as: getLinkHref('/feed'),\n newVersionLink: '/new_feed/home',\n text: '资讯',\n },\n {\n href: '/live/home',\n as: getLinkHref('/live'),\n text: '直播',\n icon: live_white,\n },\n {\n href: '/picture/home',\n as: getLinkHref('/picture'),\n text: '图片',\n },\n {\n href: '/video/home',\n as: getLinkHref('/video'),\n newVersionLink: '/new_video',\n text: '视频',\n },\n]\n\nfunction Header() {\n const isHasTips = useHasTips()\n // 当前激活的tab\n const [active, updateActive] = React.useState()\n const [showCity, setCityPopup] = React.useState(false)\n // 防止ssr与前端渲染的html不一致的问题，在服务端不渲染城市\n const { state, dispatch } = React.useContext(GlobalStoreContext)\n const { cityName } = state\n // 搜索页要隐藏搜索框\n const [hideSearch, setSearch] = React.useState(true)\n const asPath = (Router && Router.router && Router.router.asPath) || ''\n React.useEffect(() => {\n const pathname = asPath.split('?')[0]\n updateActive(pathname)\n setSearch(asPath.includes('/search'))\n }, [asPath])\n React.useEffect(() => {\n if (typeof state.cityName === 'undefined') {\n try {\n const cityName = window.localStorage.getItem('cityName')\n // 优先从本地存储中获取城市\n if (cityName) {\n dispatch({\n type: 'setCityName',\n payload: cityName || '',\n })\n sendTeaLocationEvent('init_top_location')\n } else {\n // 获取不到时，调用location获取\n getLocation().then((location) => {\n setLocation2storage(location)\n dispatch({\n type: 'setCityName',\n payload: location.cityName || '',\n })\n sendTeaLocationEvent('init_top_location')\n })\n }\n } catch (err) {}\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [state.cityName])\n const getLink = useCallback(\n (link: string | undefined, newVersionLink: string | undefined) => {\n if (isNewVersion() && newVersionLink) {\n return newVersionLink\n }\n\n return link || '#!'\n },\n []\n )\n\n return (\n <>\n {isHasTips ? : ''}\n \n \n )\n}\n\nexport default Header\n","import * as React from 'react'\nimport get from 'lodash/get'\nimport fetch from 'lib/decorated-fetch'\nimport Router from 'next/router'\nimport classnames from 'classnames'\nimport { isNewVersion } from 'Components/hooks/use-version'\nimport getUrl from 'lib/url'\nimport { sendTeaCommEvent } from 'lib/tea-analyze'\n\ninterface IResult {\n keyword: string\n}\ninterface IListProps {\n data: IResult[]\n curIndex: number\n}\ninterface IState {\n data: IResult[]\n show: boolean\n}\n\nconst handler = (keyword: string, searchMode = 'common') => {\n sendTeaCommEvent('click_top_search', {\n search_content: keyword,\n search_mode: searchMode,\n })\n sessionStorage.setItem('search_content', keyword)\n sessionStorage.setItem('search_mode', searchMode)\n\n Router.push(\n isNewVersion() ? '/new_search' : '`/search/home',\n `/search?keyword=${keyword}`\n )\n}\n\nfunction ResultList({ data, curIndex }: IListProps) {\n return (\n \n {data.map((item: IResult, index: number) => (\n ) => {\n e.stopPropagation()\n handler(item.keyword)\n // setValue(item.keyword)\n }}\n >\n {item.keyword}\n \n ))}\n \n
\n )\n}\n\nexport default function Search() {\n const [focus, setFocus] = React.useState(false)\n const [value, setValue] = React.useState('')\n /* 列表当前选中项索引 */\n const [curIndex, setCurIndex] = React.useState(0)\n /* 列表数据 */\n const [list, setList] = React.useState({ show: false, data: [] })\n\n const searchDivRef = React.useRef(null)\n const buttonRef = React.useRef(null)\n\n React.useEffect(() => {\n const searchDivDom = searchDivRef.current\n const searchButtonDom = buttonRef.current\n const onMouseEnter = () => {\n if (searchDivDom) searchDivDom.classList.add('button-hover')\n }\n const onMouseLeave = () => {\n if (searchDivDom) searchDivDom.classList.remove('button-hover')\n }\n if (searchDivDom && searchButtonDom) {\n searchButtonDom.addEventListener('mouseenter', onMouseEnter)\n searchButtonDom.addEventListener('mouseleave', onMouseLeave)\n }\n\n return () => {\n if (searchDivDom && searchButtonDom) {\n searchButtonDom.removeEventListener('mouseenter', onMouseEnter)\n searchButtonDom.removeEventListener('mouseleave', onMouseLeave)\n }\n }\n }, [searchDivRef.current, buttonRef.current])\n\n React.useEffect(() => {\n if (!value) {\n return\n }\n fetch(getUrl(`/motor/searchacl/complete?keyword=${value}`))\n .then(json => {\n setList({ show: true, data: json.data })\n })\n .catch(e => {\n // no-op\n })\n }, [value])\n\n return (\n \n \n {\n setCurIndex(0)\n setValue(e.target.value)\n }}\n onBlur={() => {\n setFocus(false)\n setTimeout(() => {\n setList({ ...list, show: false })\n }, 200)\n }}\n onFocus={() => {\n setList({ ...list, show: true })\n setFocus(true)\n }}\n onKeyDownCapture={e => {\n if (e.keyCode === 40) {\n const index = curIndex + 1 === list.data.length ? 0 : curIndex + 1\n setCurIndex(index)\n // setValue(list.data[index].keyword)\n }\n if (e.keyCode === 38) {\n const index =\n curIndex - 1 === -1 ? list.data.length - 1 : curIndex - 1\n setCurIndex(index)\n // setValue(list.data[index].keyword)\n }\n if (e.keyCode === 13) {\n console.log(list.data, curIndex)\n handler(get(list, `data[${curIndex}].keyword`) || value, 'sug')\n }\n }}\n />\n {\n e.stopPropagation()\n handler(value)\n }}\n >\n 搜索\n \n {list.show && }\n \n
\n )\n}\n","import * as React from 'react'\nimport classnames from 'classnames'\n\nimport Link from 'next/link'\nimport Router from 'next/router'\n\nimport getLocation, {\n setLocation2storage,\n setSelectedCity2storage,\n sendTeaLocationEvent,\n} from 'lib/get-location'\nimport getLinkHref from 'lib/get-link-href'\nimport { sendTeaCommEvent } from 'lib/tea-analyze'\nimport { GlobalStoreContext } from 'Components/store'\n\nimport City from './city'\nimport Search from './search2'\nimport User from './user'\n\nimport TopTips from './top-tops-dynamic'\nimport useHasTips from 'Components/hooks/use-top-tips'\n\ninterface IProps {\n router: {\n asPath: string\n pathname: string\n }\n}\n\nconst live_white = require('static/live-white.gif')\nconst live_yellow = require('static/live-yellow.gif')\n\nconst routes = [\n {\n href: '/home',\n as: getLinkHref('/'),\n text: '首页',\n },\n {\n href: '/auto/library/x-x-x-x-x-x-x-x-x-x-x',\n as: getLinkHref('/auto/library/x-x-x-x-x-x-x-x-x-x-x'),\n text: '车型库',\n },\n {\n href: '/car_fans_community/home',\n as: getLinkHref('/car_fans_community'),\n text: '车友圈',\n },\n {\n href: '/feed/home',\n as: getLinkHref('/feed'),\n text: '资讯',\n },\n {\n href: '/live/home',\n as: getLinkHref('/live'),\n text: '直播',\n icon: live_white,\n },\n {\n href: '/picture/home',\n as: getLinkHref('/picture'),\n text: '图片',\n },\n {\n href: '/video/home',\n as: getLinkHref('/video'),\n text: '视频',\n },\n]\n\nfunction Header() {\n const isHasTips = useHasTips()\n // 当前激活的tab\n const [active, updateActive] = React.useState()\n const [showCity, setCityPopup] = React.useState(false)\n // 防止ssr与前端渲染的html不一致的问题，在服务端不渲染城市\n const { state, dispatch } = React.useContext(GlobalStoreContext)\n const { cityName } = state\n // 搜索页要隐藏搜索框\n const [hideSearch, setSearch] = React.useState(true)\n const asPath = (Router && Router.router && Router.router.asPath) || ''\n React.useEffect(() => {\n const pathname = asPath.split('?')[0]\n updateActive(pathname)\n setSearch(asPath.includes('/search'))\n }, [asPath])\n React.useEffect(() => {\n if (typeof state.cityName === 'undefined') {\n try {\n const cityName = window.localStorage.getItem('cityName')\n // 优先从本地存储中获取城市\n if (cityName) {\n dispatch({\n type: 'setCityName',\n payload: cityName || '',\n })\n sendTeaLocationEvent('init_top_location')\n } else {\n // 获取不到时，调用location获取\n getLocation().then((location) => {\n setLocation2storage(location)\n dispatch({\n type: 'setCityName',\n payload: location.cityName || '',\n })\n sendTeaLocationEvent('init_top_location')\n })\n }\n } catch (err) {}\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [state.cityName])\n return (\n <>\n {isHasTips ? : ''}\n \n \n
\n
\n \n
\n {!hideSearch &&
}\n
\n
{\n sendTeaCommEvent('click_dcar_manage_btn')\n }}\n >\n 进入懂车号\n \n {\n sendTeaCommEvent('click_top_download_app')\n }}\n target=\"_blank\"\n rel=\"nofollow\"\n href=\"https://www.dcdapp.com/download/\"\n className=\"download\"\n >\n \n 下载APP\n \n \n {\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n sendTeaCommEvent('mouseenter_top_location', {\n location_city: cityName,\n })\n setCityPopup(true)\n }}\n onMouseLeave={(event) => {\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n setCityPopup(false)\n }}\n >\n \n {cityName}\n {showCity && (\n {\n setSelectedCity2storage(name!)\n sendTeaLocationEvent('switch_top_location', name)\n setCityPopup(false)\n }}\n />\n )}\n {/* {\n {\n sendTeaCommEvent('switch_top_location', {\n location_city: name,\n });\n setCityPopup(false);\n }}\n />\n } */}\n \n \n