https://www.hk01.com/_next/static/chunks/pages/hot-7f17064f5cb5e88a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2105],{22572:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/hot",function(){return r(52437)}])},30755:(e,t,r)=>{"use strict";r.d(t,{A:()=>c});var s=r(15039),n=r.n(s);r(14232);var i=r(37876);let a=({bgSrc:e,description:t,title:r})=>(0,i.jsxs)("div",{className:"relative",children:[(0,i.jsx)("div",{className:"absolute right-0 z-0 h-[70px] w-3/4 md:h-full md:w-2/3",children:(0,i.jsx)("div",{className:"top-bg__image-main",style:{"--bg-img":`url(${e})`}})}),(0,i.jsxs)("div",{className:"top-bg__section-header relative z-10",children:[(0,i.jsx)("h1",{className:"mb-1 pt-15 text-2xl font-semibold text-black-78 md:pt-10 lg:mb-2 lg:text-[32px]",children:r}),(0,i.jsx)("p",{className:"mb-5 pb-5",children:t})]})]});var l=r(37988);let c=({ad:e,breadcrumbList:t,children:r,className:s,description:c,isLoading:o,metadata:u,skeletonMode:d,title:p,topBannerSrc:m})=>(0,i.jsx)(l.A,{className:n()("page__layout--default",s),ad:e,breadcrumbList:t,isLoading:o,metadata:u,skeletonMode:d,children:(0,i.jsxs)("div",{className:"cmp-page-grid px-3 md:px-4 lg:px-7",children:[(0,i.jsx)(a,{bgSrc:m,description:c,title:p}),r]})})},46053:(e,t,r)=>{"use strict";r.d(t,{N:()=>s});let s=7},52437:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__N_SSP:()=>v,default:()=>y});var s=r(14612),n=r.n(s);r(14232);var i=r(86581),a=r(46053),l=r(9790),c=r(38360),o=r(81338),u=r(92040),d=r(90120),p=r(43535),m=r(27),h=r(93441),g=r(54624),f=r(53370),O=r(30755),b=r(4586),j=r(37876);let x=[{item:i.PageKey.HOT,name:"最Hit"},{name:p.B8}];var v=!0;let y=({ad:e,items:t,loadingStatus:r,meta:s,nextOffset:i})=>{let{isLoading:p,skeleton:v}=r,{isFetching:y,items:_,loadMore:w,nextOffset:E}=(0,u.A)({items:t,nextOffset:i},{apiFn:l.Us,apiFnArg:void 0});return(0,j.jsx)(b.A,{value:{trackingOptions:{screen:"hot"}},children:(0,j.jsxs)(O.A,{ad:e,breadcrumbList:x,description:"今日熱門新聞、話題，全面睇！",isLoading:p,metadata:s,skeletonMode:v,title:"最Hit",topBannerSrc:"/images/bg-hotlist.jpg",children:[(0,j.jsx)(c.A,{slots:e.slots,slotType:d.n.INTERSTITIAL,targeting:e.targeting}),(0,j.jsx)(c.A,{id:d.n.REFRESH,lazy:!1,slots:e.slots,slotType:d.n.REFRESH,targeting:e.targeting}),(0,j.jsx)(o.A,{userReactionsFetchKey:"page-hot-list",children:(0,j.jsx)(h.F,{className:"w-full",hasMore:!!E,loader:(0,j.jsx)(g.A,{},"loader"),loadMore:()=>{y||((0,m.u4)(m.sV.HOT_FEED_LOADMORE,{current_count:_.length}),w())},threshold:1e3,children:n()(a.N,_)?.map((e,t)=>e.length===a.N&&(0,j.jsx)(f.A,{index:t,items:e},t))})})]})})}},53370:(e,t,r)=>{"use strict";r.d(t,{A:()=>A});var s=r(66284),n=r(15039),i=r.n(n),a=r(14232),l=r(46053),c=r(62310),o=r(38360),u=r(74876),d=r(90120),p=r(18983),m=r(27),h=r(79035),g=r(57943),f=r(5763),O=r(66815),b=r(4586),j=r(7181),x=r(87309),v=r(86230),y=r(37876);function _(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,s)}return r}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_(Object(r),!0).forEach(function(t){(0,s.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let E=(e,t)=>({button:"card_content",category:e.data.mainCategory,item_id:e.id,item_position:t,item_source:"media_cms",item_type:(0,f.F)(e),target_url:(0,v.Aq)(e.data.publishUrl)}),A=({index:e,items:t})=>{let r=(e=>{let t;return(t=e[0],[g.bU.GALLERY,g.bU.ISSUE,g.bU.VIDEO_STORY].includes((0,f.F)(t)))?1:2})(t),s=t.slice(0,r),n=t.slice(r),v=(0,j.e)(),{adSetting:_}=(0,a.useContext)(u.A),{slots:A,targeting:N}=_,{isDesktopOrWider:P,isMobile:D,isTabletOrWider:L}=(0,x.Y)(),k=0===e?d.n.LREC_1:1===e?d.n.LREC_2:d.n.LREC_3,R=0===e?d.n.LEADERBOARD:1===e?d.n.LEADERBOARD_2:d.n.LEADERBOARD_3;return(0,y.jsxs)("section",{className:"list-section",children:[(0,y.jsx)("div",{className:"section-group__highlight",children:s.map((t,s)=>{let n=E(t,e*l.N+s+1);return(0,y.jsxs)(b.A,{value:{clickTracker:{data:n,event:m.sV[`${v}_CLICK`]},viewTracker:{data:n,event:m.sV[`${v}_REACH`]}},children:[(0,y.jsx)(h.A,{className:i()("content-card--highlight",r>1?"section-group__highlight-card--multiple":"section-group__highlight-card--single"),item:t,srcSetSizes:`(min-width: ${O.Breakp

1oint.MD}px) ${c.B.twoColumns}, ${c.B.fullWidth}`}),0===s&&D&&(0,p.vh)(A,k)&&(0,y.jsx)("div",{className:"section-group__highlight-ad w-full md:hidden",children:(0,y.jsx)(o.A,{className:"flex justify-center",disableWrapper:!0,lazy:!1,slots:A,slotType:k,targeting:N})})]},t.id)})}),(0,y.jsx)("div",w(w({className:"section-group__normal"},0===e&&{"data-ads-anchor":"outstream"}),{},{children:n.map((t,s)=>{let n=E(t,e*l.N+r+s+1);return(0,y.jsx)(b.A,{value:{clickTracker:{data:n,event:m.sV[`${v}_CLICK`]},viewTracker:{data:n,event:m.sV[`${v}_REACH`]}},children:(0,y.jsx)(h.A,{item:t,srcSetSizes:`(min-width: ${O.Breakpoint.LG}px) ${c.B.leftImageList3}, (min-width: ${O.Breakpoint.MD}px) ${c.B.leftImageList2}, ${c.B.fullWidth}`},t.id)},t.id)})})),(0,y.jsx)("div",{className:"relative hidden lg:block",children:P&&(0,p.vh)(A,k)&&(0,y.jsx)("div",{className:"sticky top-navBarDesktop",children:(0,y.jsx)(o.A,{className:"flex justify-center",disableWrapper:!0,lazy:!1,slots:A,slotType:k,targeting:N})})}),(0,y.jsx)("div",{className:"section-group__ad-bottom hidden md:block",children:L&&(0,p.vh)(A,R)&&(0,y.jsx)(o.A,{className:"flex justify-center",disableWrapper:!0,lazy:!1,slots:A,slotType:R,targeting:N})})]})}},62310:(e,t,r)=>{"use strict";r.d(t,{B:()=>s});let s={articleFullWidthLG:"640px",articleFullWidthMD:"680px",fullWidth:"100vw",homeSlider:"920px",leftImageList2:"50vw",leftImageList3:"30vw",slider:"1024px",templateATopBanner:"820px",threeColumns:"400px",tvList:"820px",twoColumns:"50vw"}},66338:(e,t,r)=>{e.exports=r(78631)(function(e,t){for(var r={},s={},n=0,i=e.length;n<i;)s[e[n]]=1,n+=1;for(var a in t)s.hasOwnProperty(a)||(r[a]=t[a]);return r})},66815:e=>{e.exports={Breakpoint:{"2XL":1600,LG:1024,MD:660,SM:0,XL:1280}}},81338:(e,t,r)=>{"use strict";r.d(t,{A:()=>h,u:()=>c.ul});var s=r(66284),n=r(88482),i=r.n(n),a=r(59860),l=r(14232),c=r(11419),o=r(31907),u=r(37876);let d=["autoIncreaseFetchKey","children","userReactionsFetchKey"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,s)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach(function(t){(0,s.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let h=e=>{let{autoIncreaseFetchKey:t,children:r,userReactionsFetchKey:s}=e,n=(0,a.A)(e,d),{0:p,1:h}=(0,l.useState)(0);return(0,l.useEffect)(()=>{let e=e=>{i()(e.target?.closest?.(`.${o.u.PREVENT_CONTEXT_MENU}`))||e.preventDefault?.()};return document.addEventListener("contextmenu",e),()=>{document.removeEventListener("contextmenu",e)}},[]),(0,u.jsx)(c._i.Provider,{value:m(m({},n),{},{autoIncreaseFetchKey:t,setFetchKeyCount:h,userReactionsFetchKey:s&&t?`${s}::${p}`:s}),children:r})}},92040:(e,t,r)=>{"use strict";r.d(t,{A:()=>O});var s=r(66284),n=r(51614),i=r.n(n),a=r(66338),l=r.n(a),c=r(89099),o=r(14232),u=r(9790);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,s)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach(function(t){(0,s.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let{$6:m,H7:h,SG:g}=r(42511),f={category:u.D8,hot:u.Us,recommend:u.xz,tag:u.Bk,zone:u.TR,zoneIssue:u.UP},O=(e,t)=>{let r=(0,o.useRef)(0),{0:s,1:n}=(0,o.useState)(!1),{asPath:a,query:u,route:d}=(0,c.useRouter)(),O={items:e?.items||[],nextOffset:e?.nextOffset??null},{0:b,1:j}=(0,o.useState)(O),x=(0,o.useRef)(b);x.current=b,(0,o.useEffect)(()=>{let e=m(),t=Date.now();if(e?.asPath!==a||t-e?.timestamp>6e5)h();else{let t=l()(["asPath","timestamp"],e);j(t),x.current=t}},[]);let v=d.slice(1),y=a.split("?")[0].slice(1),_=i()(`${v}Id`,u)??i()(`${y}Id`,u),w=t?.apiFn??f[v]??f[y],E=p(p({},t?.apiFnArg??{id:_}),{},{offset:b.nextOffset}),A=async()=>

1{if(s)return;n(!0);let e=Date.now();r.current+=1;let{items:t,nextOffset:i}=await w(E),l={items:[...x.current.items,...t.map(e=>p({_loadCount:r.current},e))],nextOffset:i};j(l),x.current=l,n(!1),g(p(p({},l),{},{asPath:a,timestamp:e}))};return{isFetching:s,items:b.items,loadMore:A,nextOffset:b.nextOffset}}}},e=>{e.O(0,[7824,7988,3314,636,6593,8792],()=>e(e.s=22572)),_N_E=e.O()}]);
2//# sourceMappingURL=hot-7f17064f5cb5e88a.js.map