{"version":3,"sources":["webpack://_N_E/./pages-components/video/group-origin.tsx","webpack://_N_E/./pages/video/group-origin.tsx","webpack://_N_E/?cbf3"],"names":["Group","groupData","sections","section_id","section_name","useState","loading","sectionName","get","authorName","applyHttpsImage","require","name","content","path","href","as","end","loadMoreHandler","console","log","map","item","index","isRecommend","gid","group_id_str","cover","thumb_uri","duration","video_duration","title","source","author_name","time","create_time","onClick","sendTeaCommEvent","column_id","column_name","group_id","getInitialProps","query","req","fetchGroupData","fetch","getUrl","groupId","catch","e","json","data","Promise","all","window","__NEXT_P","push"],"mappings":"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","file":"static/chunks/pages/video/group-origin-48464293e0f763956cfb.js","sourcesContent":["// 用户详情\nimport React, { useState, useEffect } from 'react'\nimport ScrollLoader from 'Components/scroll-loader'\nimport get from 'lodash/get'\nimport fetch from 'lib/decorated-fetch'\nimport Head from 'next/head'\n\nimport getUrl from 'lib/url'\nimport applyHttpsImage from 'lib/apply-https-img'\nimport { sendTeaCommEvent } from 'lib/tea-analyze'\n\nimport Article from 'Components/article'\nimport Loading from 'Components/loading'\nimport Breadcrumb from 'Components/breadcrumb'\nimport FooterStatement from 'Components/footer-statement'\n\ninterface IProps {\n  groupData: {\n    sections: []\n    section_id: number\n    section_name: string\n  }\n}\n\nfunction Group({\n  groupData = { sections: [], section_id: 0, section_name: '' },\n}: IProps) {\n  const [loading, setLoading] = useState(false)\n\n  const sectionName = get(groupData, 'section_name', '')\n  const authorName = get(groupData, 'author_name', '-')\n  return (\n    <div className=\"group-wrapper\">\n      <Head>\n        <title key=\"title\">{sectionName} - 懂车帝</title>\n        <meta\n          key=\"keywords\"\n          name=\"keywords\"\n          content={`懂车帝视频栏目,${sectionName},${authorName}`}\n        />\n        <meta\n          key=\"description\"\n          name=\"description\"\n          content={`懂车帝${sectionName}视频栏目,栏目作者为${authorName},栏目包含作者已发布过的文章和视频`}\n        />\n      </Head>\n      <Breadcrumb\n        path={[\n          { name: '视频', href: '/video/home', as: '/video' },\n          {\n            name: '懂车帝原创',\n            href: '/video/groups-origin',\n            as: '/video/groups-origin',\n          },\n          { name: sectionName },\n        ]}\n      />\n      <section className=\"group-header\">\n        <div className=\"cover\" />\n        <div className=\"userinfo-wrapper\">\n          <h1 className=\"group-name\">{get(groupData, 'section_name', '-')}</h1>\n          <div className=\"user-wrapper\">\n            <div className=\"avatar\" />\n            <p className=\"user-name\">\n              {authorName}\n              <span>共{get(groupData, 'article_count', 0)}期</span>\n            </p>\n          </div>\n        </div>\n        <div className=\"movie\" />\n      </section>\n      <ScrollLoader\n        loading={loading}\n        end={false}\n        loadMoreHandler={() => {\n          console.log('load')\n        }}\n      >\n        <div className=\"feed-wrapper\">\n          {groupData['sections']\n            ? groupData['sections'].map(\n              (item: { [props: string]: string }, index: number) => {\n                // const data = {\n                //   ...item,\n                //   unique_id_str: get(item, 'group_id_str'),\n                // }\n                return (\n                  <Article\n                    key={item.group_id_str}\n                    isRecommend\n                    gid={item.group_id_str}\n                    cover={item.thumb_uri}\n                    duration={item.video_duration}\n                    title={item.title}\n                    source={item.author_name}\n                    time={((item.create_time as unknown) as number) * 1000}\n                    onClick={() => {\n                      sendTeaCommEvent('click_column_article', {\n                        column_id: groupData.section_id,\n                        column_name: groupData.section_name,\n                        group_id: item.group_id_str,\n                      })\n                    }}\n                  />\n                )\n              }\n            )\n            : null}\n        </div>\n      </ScrollLoader>\n      {loading ? <Loading /> : null}\n\n      <footer>\n        <FooterStatement />\n      </footer>\n      <style jsx>\n        {`\n          .group-wrapper {\n              width: 1190px;\n              margin: 10px auto 0;\n          }\n          .group-header {\n              display: flex;\n              flex-direction: row;\n              background: #1a1a1a;\n              align-items: center;\n              position: relative;\n          }\n          .cover {\n              width: 344px;\n              height: 196px;\n              background-image: url('${applyHttpsImage(\n      get(groupData, 'cover', '')\n    )}');\n              background-size: 100%;\n              background-color: #e6e6e6;\n              margin: 12px 0 12px 12px;\n          }\n          .group-name {\n            font-size: 32px;\n            color: #ffffff;\n            font-weight: 500;\n          }\n          .avatar {\n            width: 32px;\n            height: 32px;\n            background-image: url('${applyHttpsImage(\n      get(groupData, 'author_avatar', '')\n    )}');\n            background-size: 100%;\n            background-color: #e6e6e6;\n            border-radius: 16px;\n          }\n          .userinfo-wrapper {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            height: 100%;\n            padding: 0 0 0 40px;\n          }\n          .user-wrapper {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            margin-top: 16px;\n          }\n          .user-name {\n            font-size: 18px;\n            color: #ffffff;\n            margin-left: 8px;\n          }\n          .user-name span {\n            margin-left: 16px;\n          }\n          .movie {\n            float: right;\n            width: 335px;\n            height: 220px;\n            background-image: url('${require('static/movie@3x.png')}');\n            background-size: 100%;\n            position: absolute;\n            right: 0;\n          }\n      `}\n      </style>\n    </div>\n  )\n}\n\nGroup.getInitialProps = async ({ query, req }: any) => {\n  const fetchGroupData = async () => {\n    const json = await fetch(\n      getUrl(\n        `/motor/pleasure/collection/general-info?column_id=${query.groupId}`,\n        'motor.pleasure.api'\n      ),\n      { req }\n    ).catch(e => {\n      // no-op\n    })\n    return json?.data\n  }\n\n  const data = await Promise.all([fetchGroupData()])\n\n  return {\n    groupData: data[0],\n  }\n}\n\nexport default Group\n","import VideoGroup from 'Pages/video/group-origin'\n\nexport default VideoGroup\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/video/group-origin\",\n      function () {\n        return require(\"private-next-pages/video/group-origin.tsx\");\n      }\n    ]);\n  "],"sourceRoot":""}