{"version":3,"sources":["webpack://_N_E/./components/floor/floor-tab-title.tsx","webpack://_N_E/./new/home/components/friendship-link/index.tsx"],"names":["className","title","navList","onChange","onTitleClick","onClickItem","isFixed","useState","link","active","setActive","closeRef","useRef","handleMouseOver","useCallback","id","current","useHoverDelay","start","cancel","classNames","onClick","length","itemCount","activeIndex","findIndex","d","renderMoreWrapper","contentCount","content","headerHeight","index","isInMore","close","isCover","item","isActive","onMouseEnter","onMouseLeave","style","width","undefined","label","href","target","sendTeaCommEvent","event_id","module_id","renderContent","friendshipLinks","name","data-log-view-config","JSON","stringify","repeated","data-log-view","event","params","page_id","map","friendshipLink","button_name"],"mappings":"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","file":"static/chunks/9264.44942b075bf19180c408.js","sourcesContent":["import React, {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport classNames from 'classnames'\nimport useHoverDelay from 'Components/hooks/use-hover-delay'\nimport { headerHeight } from 'Components/new-header'\nimport OverflowTooltip from 'Components/new/overflow-tooltip'\nimport { MoreButton } from 'New/search/components/title-bar'\nimport { sendTeaCommEvent } from 'lib/tea-analyze'\nimport noopWrapper from 'lib/noop-wrapper'\n\ninterface IProps {\n  className?: string\n  title?: JSX.Element | string\n  navList?: { link: string; label: string; icon?: string }[]\n  onChange?: (id: string) => void\n  onTitleClick: () => void\n  onClickItem?(id: string): void\n  isFixed?: boolean\n}\n\nconst FloorTabTitle: React.FC<IProps> = ({\n  className = '',\n  title,\n  navList = [],\n  onChange,\n  onTitleClick,\n  onClickItem,\n  isFixed,\n}) => {\n  const [active, setActive] = useState(navList[0]?.link)\n  const closeRef = useRef<() => void>()\n\n  const handleMouseOver = useCallback(\n    (id) => {\n      if (id === active) return\n      setActive(id)\n      if (closeRef.current) {\n        closeRef.current()\n      }\n      onChange && onChange(id)\n    },\n    [onChange, active]\n  )\n\n  const [start, cancel] = useHoverDelay(handleMouseOver)\n\n  // eslint-disable-next-line complexity\n  const renderContent = ({\n    index,\n    isInMore,\n    close,\n    isCover,\n  }: {\n    index: number\n    isInMore?: boolean\n    close?: () => void\n    isCover?: boolean\n  }) => {\n    if (index !== navList.length) {\n      const item = navList[index]\n      const isActive = active === item.link && !isInMore\n      return (\n        <div\n          className={classNames(\n            'tw-relative',\n            isInMore\n              ? {\n                'tw-center tw-leading-22 tw-text-center tw-rounded-2 hover:tw-bg-video-light-gray tw-cursor-pointer tw-text-16 xl:tw-text-18':\n                    true,\n              }\n              : {\n                'tw-opacity-0': isCover,\n                'tw-inline-flex tw-items-center': true,\n                'tw-text-common-black': isActive || isFixed,\n                'tw-text-18 tw-font-medium': isActive && !isFixed,\n                'tw-font-semibold': isActive && isFixed,\n                active: isActive,\n                'tw-text-18': isFixed,\n                'tw-h-32': !isFixed,\n                'tw-ml-24': !isFixed && index,\n                'tw-ml-40': isFixed && index,\n                'tw-text-common-gray tw-text-16': !isActive && !isFixed,\n              },\n            isFixed && !isInMore ? headerHeight : ''\n          )}\n          key={index}\n          onClick={() => {\n            if (close) {\n              close()\n            }\n            if (onClickItem) onClickItem(item.link)\n            handleMouseOver(item.link)\n          }}\n          onMouseEnter={() => {\n            if (close) return\n            start(item.link)\n          }}\n          onMouseLeave={cancel}\n          style={{\n            width: isInMore\n              ? undefined\n              : item.label === 'SUV'\n                ? 36\n                : item.label.length * 18,\n          }}\n        >\n          <span\n            className={classNames(\n              isInMore\n                ? 'tw-inline-block tw-w-full tw-h-full tw-px-20 tw-py-10'\n                : '',\n              'tw-cursor-pointer tw-whitespace-nowrap'\n            )}\n          >\n            {item.label}\n          </span>\n          <style jsx>\n            {`\n              .active::after {\n                display: block;\n                position: absolute;\n                content: '';\n                bottom: 0;\n                left: 0;\n                right: 0;\n                margin: 0 auto;\n                width: 30px;\n                height: 4px;\n                background-color: #ffcc32;\n              }\n              a {\n                color: inherit;\n              }\n            `}\n          </style>\n        </div>\n      ) as ReactNode\n    } else {\n      return (\n        <div\n          className={classNames(\n            'tw-relative',\n            isInMore\n              ? {\n                'tw-center tw-leading-22 tw-text-center tw-rounded-2 hover:tw-bg-video-light-gray tw-cursor-pointer tw-text-16 xl:tw-text-18':\n                    true,\n              }\n              : {\n                'tw-flex tw-items-center': true,\n                'tw-text-18': isFixed,\n                'tw-h-32': !isFixed,\n                'tw-ml-24': !isFixed && index,\n                'tw-ml-40': isFixed && index,\n                'tw-text-common-gray tw-text-16': !isFixed,\n              },\n            isFixed && !isInMore ? headerHeight : ''\n          )}\n        >\n          <a\n            href=\"/news\"\n            target={'_blank'}\n            className={classNames(\n              isInMore\n                ? 'tw-inline-block tw-w-full tw-h-full tw-px-20 tw-py-10'\n                : '',\n              'tw-cursor-pointer'\n            )}\n            onClick={() => {\n              sendTeaCommEvent('clk_event', {\n                event_id: 'all_news_btn',\n                module_id: 'feed_module',\n              })\n            }}\n          >\n            全部资讯{' '}\n            {isInMore ? null : <i className=\"DCD_Icon icon_triangle_right\" />}\n          </a>\n        </div>\n      ) as ReactNode\n    }\n  }\n\n  return (\n    <div\n      className={classNames('tw-flex', className, {\n        'tw-pb-12 tw-items-center': !isFixed,\n        'tw-pb-0': isFixed,\n      })}\n    >\n      {title && (\n        <div\n          className=\"tw-text-20 tw-text-common-black tw-font-semibold\"\n          onClick={onTitleClick}\n        >\n          {title}\n        </div>\n      )}\n      {navList?.length > 0 && (\n        <OverflowTooltip\n          itemCount={navList.length + 1}\n          activeIndex={navList.findIndex((d) => d.link === active)}\n          renderMoreWrapper={(contentCount) => (content) =>\n            (\n              <div\n                className={classNames('tw-grid tw-p-16', {\n                  'tw-grid-cols-1': contentCount === 1,\n                  'tw-grid-cols-2': contentCount === 2,\n                  'tw-grid-cols-3': contentCount >= 3,\n                })}\n              >\n                {content}\n              </div>\n            )}\n          className={classNames(isFixed ? headerHeight : 'tw-h-32')}\n        >\n          {({ index, isInMore, close, isCover }) =>\n            renderContent({ index, isInMore, close, isCover })\n          }\n        </OverflowTooltip>\n      )}\n      <style jsx>\n        {`\n          a {\n            color: inherit;\n          }\n        `}\n      </style>\n    </div>\n  )\n}\n\nexport default FloorTabTitle\n","import React from 'react'\nimport { sendTeaCommEvent } from 'lib/tea-analyze'\nimport FloorTabTitle from 'Components/floor/floor-tab-title'\n\nexport interface IFriendshipLinkData {\n  name: string\n  link: string\n}\n\nconst friendshipLinks = [\n  { name: '今日头条', link: 'https://www.toutiao.com/' },\n  { name: '爱卡汽车', link: 'http://www.xcar.com.cn/?zoneclick=104597' },\n  { name: '58汽车', link: 'https://www.58che.com/' },\n  { name: '驾考宝典', link: 'https://www.jiakaobaodian.com/' },\n  { name: '网通社汽车', link: 'http://auto.news18a.com/' },\n  { name: '360汽车', link: 'https://auto.360.cn/' },\n  { name: '新浪汽车', link: 'https://auto.sina.com.cn/' },\n  { name: '电动邦', link: 'http://www.diandong.com/' },\n  { name: '太平洋汽车', link: 'https://www.pcauto.com.cn/' },\n  { name: '车云网', link: 'http://www.cheyun.com/' },\n  { name: '盖世汽车', link: 'https://auto.gasgoo.com/' },\n  { name: '大众侃车', link: 'http://www.dazhongkanche.com/' },\n  { name: '途虎养车', link: 'https://www.tuhu.cn/' },\n  { name: '17汽车网', link: 'https://www.17.com/' },\n  { name: '虎扑', link: 'https://www.hupu.com/' },\n  { name: '驾校一点通', link: 'http://www.jxedt.com/24' },\n  { name: '大搜车家选', link: 'https://www.souche.com/index' },\n  { name: '24车汽车资讯', link: 'https://www.24che.com/' },\n  { name: '车质网', link: 'http://www.12365auto.com/' },\n  { name: '车秀网', link: 'https://www.chexiu.com/' },\n  { name: '狮桥二手车', link: 'http://www.shiqiaousedcars.com/' },\n  { name: '卡车之家', link: 'http://www.360che.com/' },\n]\n\nfunction FriendshipLink() {\n  return (\n    <div\n      className=\"tw-mt-8 tw-pb-4\"\n      data-log-view-config={JSON.stringify({\n        repeated: true,\n      })}\n      data-log-view={JSON.stringify({\n        event: 'show_event',\n        params: {\n          page_id: 'page_main_new',\n          event_id: 'common_conponent_module',\n          module_id: 'related_module',\n        },\n      })}\n    >\n      <a href=\"/links\" target=\"_blank\">\n        <FloorTabTitle title=\"友情链接\" onTitleClick={() => 0} />\n      </a>\n      <div className=\"tw-flex tw-flex-wrap\">\n        {friendshipLinks.map((friendshipLink: IFriendshipLinkData) => {\n          return (\n            <a\n              className=\"tw-mb-8 tw-mr-8\"\n              href={friendshipLink.link}\n              key={friendshipLink.name}\n              target={'_blank'}\n              onClick={() => {\n                sendTeaCommEvent('clk_event', {\n                  page_id: 'page_main_new',\n                  event_id: 'related_module_company_link',\n                  module_id: 'related_module',\n                  button_name: friendshipLink.name,\n                })\n              }}\n            >\n              {friendshipLink.name}\n            </a>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport default FriendshipLink\n"],"sourceRoot":""}