import{c as e,a as t,U as o,P as s}from"./souav-BTAG2baT.js";import{_ as r}from"./vendor-DSXubtF9.js";import{ag as a,c as l,a4 as d,aN as n,a5 as i,ad as p,a2 as u,a3 as c,v as m,bf as x,aW as f}from"./vendor-BXdGExd0.js";const b={class:"aspect-[16/9] relative"},y={key:1},v={key:2,class:"text-xs text-[#F8D574]"},g={class:"flex items-center space-x-1"},h={class:"text-[11px] text-gray-200"},R={class:"text-[11px] text-gray-200"},C={class:"flex-1 p-1.5 pt-1 min-h-0 mt-1 mb-1"},k={class:"text-[15px] text-white font-normal truncate h-[18px]"},w=a({__name:"VideoGridItem",props:{model:{},roundCorner:{default:5}},setup(a){const w=a,$=l(()=>e.formatNumberK(w.model.viewQty)),j=l(()=>e.formatSeconds(w.model.duration));return(e,l)=>(f(),d("div",{class:"flex flex-col rounded-lg bg-gradient-to-b from-[#1A1A1A] to-[#242424] overflow-hidden",style:n({borderRadius:`${a.roundCorner}px`}),onClick:l[0]||(l[0]=e=>(e=>{const t=s.getInstance("VideoPage");t?null==t||t.handleSwitchVideo(e):s.open("VideoPage",{props:{video:e},transition:"bottom-up"})})(a.model))},[i("div",b,[p(t,{src:a.model.img,alt:a.model.title,class:"absolute inset-0 w-full h-full",style:n({borderRadius:`${a.roundCorner}px`})},null,8,["src","alt","style"]),i("div",{class:"absolute inset-0 flex flex-col justify-between text-white",style:n({borderRadius:`${a.roundCorner}px`})},[i("div",{class:"pt-0.5 pr-1.5 bg-gradient-to-b from-black/40 to-transparent flex items-start justify-between",style:n({borderTopLeftRadius:`${a.roundCorner}px`,borderTopRightRadius:`${a.roundCorner}px`})},[a.model.unlockType===m(o).vip?(f(),u(r,{key:0,"unlock-type":a.model.unlockType,"buy-price":a.model.buyPrice,style:n({borderTopLeftRadius:`${a.roundCorner}px`,borderBottomRightRadius:`${a.roundCorner}px`}),class:"overflow-hidden !px-1.5 !py-0.5"},null,8,["unlock-type","buy-price","style"])):(f(),d("span",y)),a.model.score?(f(),d("span",v,x(a.model.score),1)):c("",!0)],4),i("div",{class:"h-[22px] px-2 flex items-end justify-between bg-gradient-to-t from-black/40 to-transparent",style:n({borderBottomLeftRadius:`${a.roundCorner}px`,borderBottomRightRadius:`${a.roundCorner}px`})},[i("div",g,[l[1]||(l[1]=i("i",{class:"icon-sprite icon-play"},null,-1)),i("span",h,x($.value),1)]),i("span",R,x(j.value),1)],4)],4)]),i("div",C,[i("p",k,x(a.model.title),1)])],4))}});export{w as _};
