{"version":3,"sources":["webpack://_N_E/./pages-components/home/old-components/hot-spot.tsx","webpack://_N_E/./public/static/sale_ic@3x.png","webpack://_N_E/./components/car-system.tsx","webpack://_N_E/./public/static/type_ic@3x.png","webpack://_N_E/./components/breadcrumb.tsx","webpack://_N_E/./public/static/daily_ic@3x.png","webpack://_N_E/./public/static sync ^\\.\\/.*_ic@3x\\.png$","webpack://_N_E/./public/static/left_ic@3x.png","webpack://_N_E/./public/static/hot_ic@3x.png","webpack://_N_E/./pages-components/home/old-components/header.tsx","webpack://_N_E/./public/static/right_ic@3x.png"],"names":["HotSpot","hotSpot","useState","currentIndex","setCurrentIndex","leftContent","rightContent","obtainData","slice","map","item","index","data","key","title","gid","gid_str","isVideo","is_video","onClick","sendTeaCommEvent","group_id","rank","onMouseEnter","get","src","applyHttpsImage","alt","abstract","renderList","date","Date","getMonth","getDate","module","exports","CarSystem","cars","length","renderParams","carIds","car_models_list","car_id","join","href","series_id","as","getLinkHref","displacement","car_models_count","car","series_name","car_series_name","car_series_id","head_cover_url","cover","price","button_text","className","renderMoreInfo","Fragment","target","getZT","type","Breadcrumb","path","hideLine","style","handleCrumbClick","classnames","text","name","icon","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","Header","require","classNames"],"mappings":"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","file":"static/chunks/31b99383e1bf8b62edb7e78e14714af4c07a18b2.7b65d0d7f0bc1aa7b424.js","sourcesContent":["/* 每日热点 */\nimport React, { useState } from 'react'\nimport get from 'lodash/get'\n\nimport Header from './header'\n\nimport ArticleLink from 'Components/links/article-link'\n\nimport { sendTeaCommEvent } from 'lib/tea-analyze'\nimport applyHttpsImage from 'lib/apply-https-img'\n\ninterface IProps {\n  hotSpot: any\n}\n\ninterface HotSpotData {\n  gid_str: string\n  is_video: boolean\n  title: string\n  abstract: string\n}\n\nexport default function HotSpot({ hotSpot }: IProps) {\n  /* 当前hover的标题 */\n  const [currentIndex, setCurrentIndex] = useState(0)\n\n  function renderList(data: HotSpotData, index: number) {\n    return (\n      <div className=\"article\" key={data.title}>\n        <ArticleLink\n          gid={data.gid_str}\n          isVideo={data.is_video}\n          onClick={(gid: string) => {\n            sendTeaCommEvent('click_everyday_hot_topic', {\n              group_id: gid,\n              rank: index,\n            })\n          }}\n        >\n          <p\n            onMouseEnter={() => {\n              setCurrentIndex(index)\n            }}\n          >\n            {data.title}\n          </p>\n          {currentIndex === index && (\n            <div className=\"detail clearfix\">\n              {get(data, 'cover_url', '') !== '' && (\n                <img\n                  className=\"cover fl\"\n                  src={applyHttpsImage(get(data, 'cover_url', ''))}\n                  alt=\"\"\n                />\n              )}\n\n              <div\n                className={`text fl line-3 ${\n                  get(data, 'cover_url', '') !== '' ? '' : 'no-img'\n                }`}\n              >\n                {data?.abstract || ''}\n              </div>\n            </div>\n          )}\n        </ArticleLink>\n        <style jsx>\n          {`\n            .article {\n              padding: 16px 0;\n              border-bottom: 1px solid #ededed;\n            }\n            .article:last-child {\n              border-bottom: 0;\n            }\n            .article:hover {\n              color: #406599;\n              cursor: pointer;\n              transition: color 0.3s ease-out;\n            }\n            p {\n              position: relative;\n            }\n            p::before {\n              content: '';\n              position: absolute;\n              top: 9px;\n              left: -12px;\n              display: inline-block;\n              width: 4px;\n              height: 4px;\n              border-radius: 50%;\n              background-color: #d8d8d8;\n            }\n            .detail {\n              margin-top: 8px;\n              opacity: 0;\n              animation: fade 0.3s ease-in-out forwards;\n            }\n            @keyframes fade {\n              from {\n                opacity: 0;\n              }\n              to {\n                opacity: 1;\n              }\n            }\n            .cover {\n              width: 91px;\n              height: 60px;\n              margin-right: 12px;\n            }\n            .text {\n              width: 237px;\n              height: 61px;\n              font-size: 14px;\n              color: #999;\n            }\n\n            .no-img {\n              width: auto;\n            }\n          `}\n        </style>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"hotspot\">\n      <Header leftContent=\"实时热点\" rightContent={obtainData()} />\n      <div className=\"list\">\n        {hotSpot\n          .slice(0, 4)\n          .map((item: HotSpotData, index: number) => renderList(item, index))}\n      </div>\n      <style jsx>\n        {`\n          .hotspot {\n            margin-bottom: 10px;\n            border: 1px solid #e6e6e6;\n          }\n          .list {\n            margin: 0 24px;\n            font-size: 16px;\n          }\n        `}\n      </style>\n    </div>\n  )\n}\n\n/* 获取今天日期 */\nfunction obtainData() {\n  const date = new Date()\n  return `${date.getMonth() + 1}月${date.getDate()}日`\n}\n","module.exports = \"https://sf6-scmcdn2-tos.pstatp.com/motor/pc/_next/static/images/sale_ic@3x-14bb914217e158db3994ff49d3c136a8.png\";","/* 相关车系 */\nimport React from 'react'\nimport Link from 'next/link'\n\nimport getLinkHref from 'lib/get-link-href'\nimport { sendTeaCommEvent } from 'lib/tea-analyze'\nimport { getZT } from 'lib/zt-util'\n\nimport Image from 'Components/image'\nimport Button from 'Components/button'\n\nexport interface ICarSystem {\n  price: string\n  series_name: string\n  displacement: string\n  car_models_count: number\n  head_cover_url: string\n  cover: string\n  series_id: number\n  car_models_list:\n    | {\n        car_id: number\n      }[]\n    | string\n}\n\ninterface IProps {\n  cars: ICarSystem[]\n  gid: string\n}\n\nexport default function CarSystem({ gid, cars }: IProps) {\n  const { length } = cars\n\n  /* 渲染一个车的时候车价格名字 */\n  function renderCarInfio(data: ICarSystem) {\n    return (\n      <React.Fragment>\n        <Link\n          href={`/auto/series?seriesId=${data.series_id}`}\n          as={`/auto/series/${data.series_id}`}\n        >\n          <a\n            target=\"_blank\"\n            className=\"cover\"\n            onClick={() => {\n              sendTeaCommEvent('click_related_series', {\n                car_series_name: data.series_name,\n                car_series_id: data.series_id,\n                rank: 0,\n                group_id: gid,\n              })\n            }}\n          >\n            <Image src={cars[0].cover || cars[0].head_cover_url} />\n          </a>\n        </Link>\n        <section className=\"clearfix\">\n          {data.price !== '暂无报价' && (\n            <Link\n              href={`/dealer?seriesId=${data.series_id}&zt=${getZT(\n                'pc_article_related_series'\n              )}`}\n              as={`/dealer/${data.series_id}?zt=${getZT(\n                'pc_article_related_series'\n              )}`}\n            >\n              <Button\n                onClick={() => {\n                  sendTeaCommEvent('click_related_series_button', {\n                    car_series_name: data.series_name,\n                    car_series_id: data.series_id,\n                    rank: 0,\n                    group_id: gid,\n                    button_text: '询底价',\n                  })\n                }}\n                type=\"primary\"\n                className=\"button\"\n              >\n                询底价\n              </Button>\n            </Link>\n          )}\n          <Link\n            href={`/auto/series?seriesId=${data.series_id}`}\n            as={`/auto/series/${data.series_id}`}\n          >\n            <p className=\"name\">{data.series_name}</p>\n          </Link>\n          <Link\n            href={`/auto/series?seriesId=${data.series_id}`}\n            as={`/auto/series/${data.series_id}`}\n          >\n            <p className=\"price\">{data.price}</p>\n          </Link>\n        </section>\n        <style jsx>\n          {`\n            section {\n              padding: 0 24px;\n            }\n            section :global(.button) {\n              float: right;\n              min-width: 120px;\n              margin-top: 11px;\n              text-align: center;\n            }\n            .cover {\n              display: block;\n              width: 240px;\n              height: 160px;\n              margin: 8px auto 16px;\n              cursor: pointer;\n            }\n            .name {\n              max-width: calc(100% - 130px);\n              line-height: 25px;\n              font-size: 18px;\n              font-weight: 500;\n            }\n            .price {\n              margin-top: 4px;\n              margin-bottom: 20px;\n              color: #ff9100;\n            }\n          `}\n        </style>\n      </React.Fragment>\n    )\n  }\n\n  /* 渲染汽车参数信息 */\n  function renderParams(data: ICarSystem) {\n    const carIds =\n      typeof data?.car_models_list === 'string'\n        ? data?.car_models_list\n        : data?.car_models_list?.map((item) => item?.car_id).join(',')\n\n    return (\n      <section>\n        <Link\n          href={`/auto/images/list?seriesId=${data?.series_id}`}\n          as={getLinkHref(`/auto/series/${data?.series_id}/images`)}\n        >\n          <div>\n            <p className=\"label\">实拍大图</p>\n            <p className=\"text\">查看更多</p>\n          </div>\n        </Link>\n        <Link\n          href={`/auto/params?carIds=${carIds}`}\n          as={`/auto/params?carIds=${carIds}`}\n        >\n          <div>\n            <p className=\"label\">参数配置</p>\n            <p className=\"text\">排量{data?.displacement}</p>\n          </div>\n        </Link>\n        <Link\n          href={`/auto/series?seriesId=${data?.series_id}`}\n          as={`/auto/series/${data?.series_id}`}\n        >\n          <div>\n            <p className=\"label\">车型列表</p>\n            <p className=\"text\">{data?.car_models_count}款在售车型</p>\n          </div>\n        </Link>\n        <style jsx>\n          {`\n            div {\n              display: inline-block;\n              width: 33.3%;\n              border-right: 1px solid #e6e6e6;\n              text-align: center;\n              cursor: pointer;\n            }\n            div:last-child {\n              border-right: 0;\n            }\n            .label {\n              line-height: 22px;\n              font-size: 16px;\n              font-weight: 500;\n            }\n            .text {\n              line-height: 17px;\n              margin-top: 5px;\n              font-size: 12px;\n              color: #999;\n            }\n          `}\n        </style>\n      </section>\n    )\n  }\n\n  /* 多个车时候的车的信息 */\n  function renderMoreInfo(data: ICarSystem, index: number) {\n    return (\n      <section className=\"clearfix\">\n        <Link\n          href={`/auto/series?seriesId=${data.series_id}`}\n          as={getLinkHref(`/auto/series/${data.series_id}`)}\n        >\n          <a\n            onClick={() => {\n              sendTeaCommEvent('click_related_series', {\n                car_series_name: data.series_name,\n                car_series_id: data.series_id,\n                rank: index,\n                group_id: gid,\n              })\n            }}\n          >\n            <div className=\"cover fl\">\n              <Image src={data.head_cover_url || data.cover} />\n            </div>\n            <div className=\"info fl\">\n              <p className=\"name\">{data.series_name}</p>\n              <p className=\"price\">{data.price}</p>\n            </div>\n          </a>\n        </Link>\n        <Link\n          href={`/dealer?seriesId=${data.series_id}`}\n          as={`/dealer/${data.series_id}`}\n        >\n          <a>\n            <Button\n              onClick={() => {\n                sendTeaCommEvent('click_related_series_button', {\n                  car_series_name: data.series_name,\n                  car_series_id: data.series_id,\n                  rank: 0,\n                  group_id: gid,\n                  button_text: '询底价',\n                })\n              }}\n              className=\"button\"\n            >\n              询底价\n            </Button>\n          </a>\n        </Link>\n        <style jsx>\n          {`\n            section {\n              padding: 16px 24px 20px 16px;\n            }\n            .cover {\n              width: 90px;\n              height: 60px;\n            }\n            .info {\n              margin-left: 12px;\n              font-weight: 500;\n            }\n            .name {\n              line-height: 25px;\n              margin-top: 6px;\n              font-size: 18px;\n            }\n            .price {\n              margin-top: 4px;\n              color: #ff9100;\n            }\n            section :global(.button) {\n              float: right;\n              min-width: 80px;\n              margin-top: 16px;\n              text-align: center;\n            }\n            .button:hover {\n              background-color: #ffe733;\n            }\n            .button:active {\n              background-color: #ccb400;\n            }\n          `}\n        </style>\n      </section>\n    )\n  }\n\n  return (\n    <div className=\"whole\">\n      <h2>相关车系</h2>\n      {length > 1 ? (\n        cars?.map((car: ICarSystem, index) => (\n          <div key={car.series_name}>\n            {renderMoreInfo(car, index)}\n            {renderParams(car)}\n          </div>\n        ))\n      ) : (\n        <div>\n          {renderCarInfio(cars[0])}\n          {renderParams(cars[0])}\n        </div>\n      )}\n      <style jsx>\n        {`\n          .whole {\n            margin-bottom: 10px;\n            padding-bottom: 20px;\n            border: solid 1px #e6e6e6;\n          }\n          h2 {\n            position: relative;\n            width: 390px;\n            line-height: 60px;\n            padding-left: 26px;\n            font-size: 18px;\n            font-weight: 500;\n            border-bottom: solid 1px #e6e6e6;\n          }\n          h2::before {\n            content: '';\n            position: absolute;\n            top: 21px;\n            left: 16px;\n            width: 6px;\n            height: 18px;\n            background: #ffe100;\n          }\n        `}\n      </style>\n    </div>\n  )\n}\n","module.exports = \"data:image/png;base64,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\"","/* 当前位置路径 */\nimport React from 'react'\nimport classnames from 'classnames'\nimport Link from 'next/link'\n\nimport getLinkHref from 'lib/get-link-href'\n\ninterface IProps {\n  /* 当前页面路径 */\n  path: {\n    [prop: string]: string\n  }[]\n  hideLine?: boolean\n  style?: React.CSSProperties\n  className?: string\n  handleCrumbClick?: (path: { [prop: string]: string }) => void\n}\n\nexport default function Breadcrumb({\n  path,\n  hideLine = false,\n  style,\n  className,\n  handleCrumbClick,\n}: IProps) {\n  return (\n    <div style={style} className={className}>\n      <p\n        className={classnames({\n          'hide-line': hideLine,\n        })}\n      >\n        <span className=\"pos\">当前位置：</span>\n        {path.map(\n          (\n            text: {\n              [prop: string]: string\n            },\n            index: number\n          ) => (\n            <span\n              key={text.name}\n              className={classnames({\n                'pos-item': true,\n                icon: index !== path.length - 1,\n                'icon-arrow-ic-r': index !== 0,\n              })}\n            >\n              {text.href && text.as ? (\n                <Link href={text.href} as={getLinkHref(text.as)}>\n                  <a\n                    target=\"_blank\"\n                    onClick={() =>\n                      typeof handleCrumbClick === 'function' &&\n                      handleCrumbClick(text)\n                    }\n                  >\n                    {text.name}\n                  </a>\n                </Link>\n              ) : (\n                text.name\n              )}\n            </span>\n          )\n        )}\n      </p>\n      <style jsx>\n        {`\n          .pos {\n            font-size: 16px;\n            color: #999999;\n          }\n          p.hide-line {\n            border-bottom: 0;\n          }\n          div {\n            width: 100%;\n            height: 60px;\n            line-height: 60px;\n          }\n          p {\n            font-size: 16px;\n            height: 100%;\n            color: #999;\n            border-bottom: 1px solid #ededed;\n          }\n          span {\n            color: #1a1a1a;\n          }\n          .icon-arrow-ic-r {\n            margin-top: -2px;\n          }\n          .icon-arrow-ic-r::before {\n            margin: 0 8px;\n            vertical-align: middle;\n            height: 20px;\n            line-height: 20px;\n          }\n          .inverse-color .pos-item {\n            color: #ffffff;\n          }\n        `}\n      </style>\n    </div>\n  )\n}\n","module.exports = \"data:image/png;base64,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\"","var map = {\n\t\"./daily_ic@3x.png\": \"SDaD\",\n\t\"./hot_ic@3x.png\": \"j0QA\",\n\t\"./left_ic@3x.png\": \"diJ0\",\n\t\"./right_ic@3x.png\": \"vQ0N\",\n\t\"./sale_ic@3x.png\": \"ArKv\",\n\t\"./type_ic@3x.png\": \"HKmV\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"WfSu\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAABIklEQVRYCe3WsQ3CMBAAQL/lLMAcNBRsQInEEBRQMwiihEhsQZkNUjAGHRNEfniQSAqSvO1/pbGlpLHjP3+St43JLWcgZ0A3A6A1/XZ/WPjGX2j+wppNWZ4enFiWMyh0zBeDFaJZ0tWgXXPnEAe1GJwRAgCeDvxtEtA/jHWw4r6uzwK48rFxfZjr+Xgfe7bbL/JRS2EIlgySxCSDpDFJIA1MNEgLEwXSxBDI0S2k0Xbwrr6/okd1JvTXHoonXqmHgnH6gkHW2R1tBzQ5Is58gxW9Rk4wzpioOqT5HUWBaKVaqGiQFioJpIFKBkmjRECSKDGQFEoU1IcqLM65p8bgwkhBhxptI7SddIvnpId8wrYoUwOYOuSQP7TY3JczkDMgkYEXovsCTL5CeEAAAAAASUVORK5CYII=\"","module.exports = \"https://sf6-scmcdn2-tos.pstatp.com/motor/pc/_next/static/images/hot_ic@3x-e21ec97722bca7a67606c0ef7deae8f4.png\";","import React from 'react'\nimport Link from 'next/link'\nimport classNames from 'classnames'\n\nimport getLinkHref from 'lib/get-link-href'\n\ninterface IProps {\n  /* icon图片路径 */\n  icon?: string\n  /* 左边的文本内容 */\n  leftContent: string\n  /* 右边的文本内容 */\n  rightContent: string\n  /* link前端路径 */\n  href?: string\n  /* link后端路径 */\n  as?: string\n  onClick?(): void\n}\n\nexport default function Header({\n  icon,\n  leftContent,\n  rightContent,\n  href,\n  as,\n  onClick,\n}: IProps) {\n  return (\n    <header\n      className={classNames('header', {\n        'no-icon': !icon,\n      })}\n    >\n      <span\n        className={classNames('title', {\n          'title-icon': icon,\n        })}\n      >\n        {leftContent}\n      </span>\n      {href && as ? (\n        <Link href={href} as={getLinkHref(as)}>\n          <span\n            className=\"more icon\"\n            onClick={() => {\n              onClick && onClick()\n            }}\n          >\n            {rightContent}\n            <span className=\"icon-arrow-ic-r arrow-right\" />\n          </span>\n        </Link>\n      ) : (\n        <span className=\"more text\">{rightContent}</span>\n      )}\n      <style jsx>\n        {`\n          .brands {\n            width: 390px;\n            min-height: 272px;\n            font-size: 16px;\n          }\n          .header {\n            height: 60px;\n            line-height: 60px;\n            padding: 0 24px 0 12px;\n            border-bottom: 1px solid #e6e6e6;\n          }\n          .header.no-icon {\n            position: relative;\n            padding-left: 26px;\n          }\n          .header.no-icon::before {\n            content: '';\n            position: absolute;\n            top: 21px;\n            left: 16px;\n            width: 6px;\n            height: 18px;\n            background: #ffe100;\n          }\n          .title {\n            font-size: 18px;\n            font-weight: 500;\n          }\n          .title-yellow-square {\n            position: relative;\n          }\n          .title-icon::before {\n            content: '';\n            display: inline-block;\n            width: 36px;\n            height: 36px;\n            margin-right: 4px;\n            vertical-align: middle;\n            background: url(${icon ? require(`static/${icon}_ic@3x.png`) : ''})\n              no-repeat center / 36px 36px;\n          }\n          .more {\n            float: right;\n          }\n          .more:hover {\n            cursor: pointer;\n          }\n          .text {\n            font-size: 12px;\n            color: #999;\n          }\n          .arrow-right {\n            display: inline-block;\n            font-size: 16px;\n            vertical-align: text-top;\n            margin-top: 1.5px;\n            margin-left: 4px;\n          }\n        `}\n      </style>\n    </header>\n  )\n}\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAABI0lEQVRYCe3XSwrCMBAG4EzICdx5DBfewKW3EFqX4kHEpRY8hODSG7hw4x3ceYGWRH6DINiWyWN2CVQkzqSfYzpEpcooFSgVkK0AcZevqs20teqMeG10fTrs7tzckDjNDe6cXjqn5rhs566r9XbGzQ2JY4MM2QsRvbC4c24ihWKDmmb/1IYW0ij2HvqWHT8VqoMqYQ5AQHPtqWAQEJKoKJAkKhokhUoCSaCSQblRWUA5Uew+hJuODTz2/33KHsdy+j7LBupbPGbOxCT15Qz0provdmwuyx4awER172RQTgwqlwTKjUkCSWCiQVKYKJAkJhgkjQkC+UM+PaQOZsBgsDu1P+TLnBI9xb+yOzUO+S2p2+dbGBL7G/SLK+9LBUoFJCrwBsKLAJwNsgotAAAAAElFTkSuQmCC\""],"sourceRoot":""}