{"version":3,"sources":["webpack://_N_E/./new/home/components/home-live/item.tsx","webpack://_N_E/./new/home/components/home-live/index.tsx","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/objectDestructuringEmpty.js"],"names":["data","activeIndex","order","handleClick","useCallback","sendTeaCommEvent","page_id","event_id","module_id","room_id","anchor_id","user_id","rank","item_rank","className","type","id","webRid","web_rid","collectVisible","title","popularity","coverUrl","cover_url","userId","avatar","username","user_name","userVerified","user_verified","onClick","onClickUser","cols","sm","md","lg","xl","rows","renderSlider","item","obj","TypeError","useState","setData","setLiveTabs","useContext","GlobalStoreContext","globalStore","state","dispatch","useEffect","Promise","all","getLiveRoomList","cityName","getLiveTabsList","unstable_batchedUpdates","filter","init","length","liveCommons","sliderWrapClassName","data-log-view-config","JSON","stringify","repeated","data-log-view","event","params","list","titleObj","link","label","onTitleClick","onNavItemClick","button_name","narrowScreenItemSize","wideScreenItemSize","swiperConfig","slidesPerGroup","slidesPerView","spaceBetween","slidesPerColumn","slidesPerColumnFill","onSlideChange","breakpoints","1920","slideClass"],"mappings":"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","file":"static/chunks/4042.0954e5b693678546485f.js","sourcesContent":["import React, { useCallback } from 'react'\nimport VideoDuration from 'Components/video/video-duration'\nimport AuthorAvatar from 'Components/author/author-avatar'\nimport VideoStats from 'Components/video/video-stats'\nimport LiveBox from 'Components/video/live-box'\nimport LiveTag from 'Components/video/live-tag'\nimport { ILiveRoomItem } from '../../services/home'\nimport { sendTeaCommEvent } from 'lib/tea-analyze'\nimport { Image, ImageStyles, ImageZoom } from 'Components/view-image'\nimport CommonCard from 'Components/new/common-card'\n\ninterface IProps {\n className?: string\n order?: number\n activeIndex?: number\n data: ILiveRoomItem\n [key: string]: any\n}\n\nconst Item: React.FC = ({ data, activeIndex, order }) => {\n const handleClick = useCallback(() => {\n sendTeaCommEvent('clk_event', {\n page_id: 'page_main_new',\n event_id: 'live_module_live_item',\n module_id: 'live_module',\n room_id: data.room_id,\n anchor_id: data.user_id,\n rank: `${activeIndex}`,\n item_rank: typeof order === 'number' ? `${order}` : '',\n })\n }, [data.room_id, data.user_id, activeIndex, order])\n\n return (\n {\n sendTeaCommEvent('clk_event', {\n page_id: 'page_main_new',\n event_id: 'live_module_profile',\n module_id: 'live_module',\n room_id: data.room_id,\n anchor_id: data.user_id,\n rank: `${activeIndex}`,\n item_rank: typeof order === 'number' ? `${order}` : '',\n })\n }}\n />\n )\n}\n\nexport default Item\n","/* eslint-disable no-empty-pattern */\nimport React, { useMemo, useContext, useEffect, useState } from 'react'\nimport CommonVideoCard from '../common-video-card'\nimport CommonLiveItem from './item'\nimport {\n ILiveRoomItem,\n ILiveBrandItem,\n getLiveRoomList,\n getLiveTabsList,\n} from '../../services/home'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport 'array-flat-polyfill'\nimport { useResponsive } from 'Components/hooks/use-responsive'\nimport { GlobalStoreContext } from 'Components/store'\nimport { sendTeaCommEvent } from 'lib/tea-analyze'\nimport { useInView } from 'react-intersection-observer'\nimport dynamic from 'next/dynamic'\nimport LongItem from './longItem'\nimport { ResponsiveConfig } from 'Components/new/responsive-swiper'\nimport { unstable_batchedUpdates } from 'react-dom'\nimport useLazyRender from 'Components/hooks/use-lazy-render'\n\ninterface ILiveTabs {\n has_kol: boolean\n has_local: boolean\n brands: ILiveBrandItem[]\n}\ninterface IProps {\n data?: ILiveRoomItem[]\n liveTabs?: ILiveTabs\n}\n\nconst cols: ResponsiveConfig = {\n sm: 4,\n md: 4,\n lg: 4,\n xl: 4,\n '2xl': 5,\n}\n\nconst rows: ResponsiveConfig = {\n sm: 2,\n md: 2,\n lg: 2,\n xl: 2,\n '2xl': 2,\n}\n\nconst renderSlider = (item: any, order: number, activeIndex: number) => {\n // const perViewItemsCount =\n // (breakPoint?.slidesPerView || 1) * (breakPoint?.slidesPerColumn || 1)\n\n return item ? (\n \n ) : null\n}\n\nconst HomeLive: React.FC = ({}) => {\n const [data, setData] = useState(null!)\n const [liveTabs, setLiveTabs] = useState(null!)\n // const responsive = useResponsive()\n const { state: globalStore, dispatch } = useContext(GlobalStoreContext)\n // const [ref, inView] = useInView({\n // threshold: 0,\n // })\n // useEffect(() => {\n // if (inView) {\n // sendTeaCommEvent('show_event', {\n // page_id: 'page_main_new',\n // event_id: 'common_conponent_module',\n // module_id: 'live_module',\n // })\n // }\n // }, [inView])\n\n useEffect(() => {\n async function init() {\n const data = await Promise.all([\n getLiveRoomList(null, globalStore.cityName, globalStore.cityName),\n getLiveTabsList(null),\n ])\n unstable_batchedUpdates(() => {\n setData(\n data?.[0]?.filter((item: ILiveRoomItem) => item.type === 'common')\n )\n setLiveTabs(data?.[1])\n })\n }\n init()\n }, [globalStore.cityName])\n\n // 小于7由于排版问题，不展示直播楼层\n if (!data || data?.length < 7) {\n return null\n }\n\n //const liveTop = data?.find(item => item.type === 'top');\n const liveTop = null //先下掉top\n const liveCommons = data\n\n // const getTabs = () => {\n // let brands = []\n // if (liveTabs?.has_local) {\n // brands.push({\n // link: `/live?brand=local`,\n // label: '本地',\n // })\n // }\n // if (liveTabs?.has_kol) {\n // brands.push({\n // link: `/live?brand=kol`,\n // label: '大咖',\n // })\n // }\n // brands = brands.concat(\n // liveTabs?.brands?.map((item) => ({\n // link: `/live?brand=${item?.brand_id}`,\n // label: item?.brand_name,\n // icon: item?.logo,\n // })) || []\n // )\n //\n // if (brands?.length) {\n // if (responsive?.['2xl'] && brands?.length > 15) {\n // brands.length = 15\n // } else if (responsive?.['xl'] && brands?.length > 12) {\n // brands.length = 12\n // } else if (responsive?.['lg'] && brands?.length > 11) {\n // brands.length = 11\n // } else if (responsive?.['md'] && brands?.length > 9) {\n // brands.length = 9\n // } else if (responsive?.['sm'] && brands?.length > 7) {\n // brands.length = 7\n // } else {\n // brands.length = 7\n // }\n // }\n //\n // return brands\n // }\n\n // const liveTopElement = liveTop ? (\n //
\n // \n //
\n // ) : null\n\n let sliderWrapClassName = 'tw-col-span-10 xl:tw-col-span-8'\n if (!liveTop) {\n sliderWrapClassName = 'tw-col-span-40'\n }\n\n return (\n \n {\n sendTeaCommEvent('clk_event', {\n page_id: 'page_main_new',\n event_id: 'live_module_title',\n module_id: 'live_module',\n })\n }}\n onNavItemClick={(item) => {\n sendTeaCommEvent('clk_event', {\n page_id: 'page_main_new',\n event_id: 'live_module_keywords',\n module_id: 'live_module',\n button_name: item.label,\n })\n }}\n // beforeRenderSlider={liveTopElement}\n sliderWrapClassName={sliderWrapClassName}\n renderSlider={renderSlider}\n narrowScreenItemSize={liveTop ? 6 : 8}\n wideScreenItemSize={liveTop ? 8 : 10}\n swiperConfig={{\n slidesPerGroup: liveTop ? 3 : 4,\n slidesPerView: liveTop ? 3 : 4,\n spaceBetween: 12,\n slidesPerColumn: 2,\n slidesPerColumnFill: 'row',\n onSlideChange: () => {\n sendTeaCommEvent('clk_event', {\n page_id: 'page_main_new',\n event_id: 'live_module_change',\n module_id: 'live_module',\n })\n },\n breakpoints: {\n 1920: {\n spaceBetween: 12,\n slidesPerView: liveTop ? 4 : 5,\n slidesPerGroup: liveTop ? 4 : 5,\n slidesPerColumn: 2,\n slidesPerColumnFill: 'row',\n },\n },\n }}\n cols={cols}\n rows={rows}\n slideClass=\"tw-w-2.5 2xl:tw-w-2/10\"\n />\n \n )\n}\n\nexport default HomeLive\n","export default function _objectDestructuringEmpty(obj) {\n if (obj == null) throw new TypeError(\"Cannot destructure undefined\");\n}"],"sourceRoot":""}