https://rxzwn.vip/assets/member-zone-C_DYhqsL.js

1import{aK as R,aL as N,aM as O,aN as h,aO as P,aP as C,x as T,a4 as I,r as m,n as V,aQ as y,j as e,H as A,ao as B,Y as p,V as Z,W as S,aR as L}from"./main-xXS-ugzf.js";const x=20,E=0,w="/images/member-zone/non-member-gate.png",G="/images/member-zone/non-member-gate-button.png",D=["member-zone","videos",x,E];function k(r){const n=R(r);return[{id:"appcenter",name:"应用"},{id:N,name:"会员专区"},...n.map(o=>({id:o.id,name:o.name}))]}function F(r){const n=(r.tags??[]).map(t=>t.name.trim()).filter(t=>t.length>0),o=n.length>0?n:["会员专区"];return Array.from(new Set(o)).slice(0,3)}function q(r){const n=new Set,o=[];for(const t of r.list)!t.id||n.has(t.id)||(n.add(t.id),o.push({video:t,tags:F(t)}));return o}function H(){const r=O.useLoaderData(),n=h(P),o=h(C),t=T(I),d=m.useRef(null),[f,g]=m.useState(!1),s=V({queryKey:D,initialPageParam:1,queryFn:async({pageParam:a})=>y({page:Number(a),pageSize:x,compositeSort:E}),getNextPageParam:a=>a.hasMore?a.page+1:void 0,staleTime:1e3*60*3}),i=m.useMemo(()=>q({list:(s.data?.pages??[]).flatMap(a=>a.list)}),[s.data?.pages]),M=k(r.topCategories),l=s.isPending,u=o!==null&&!n,c=u&&!f;m.useEffect(()=>{const a=d.current;if(!a||typeof IntersectionObserver>"u")return;const b=new IntersectionObserver(z=>{const[j]=z;j?.isIntersecting&&s.hasNextPage&&!s.isFetchingNextPage&&!s.isLoading&&s.fetchNextPage()},{rootMargin:"260px 0px"});return b.observe(a),()=>b.disconnect()},[s.fetchNextPage,s.hasNextPage,s.isFetchingNextPage,s.isLoading]);const _=()=>{g(!0),t({initialTab:"vip",returnTo:L})},v=a=>{!u||!(a.target instanceof HTMLElement)||a.target.closest(".video-card")&&(a.preventDefault(),a.stopPropagation(),_())};return e.jsxs("div",{className:"member-zone",children:[e.jsx(A,{categories:M,activeCategoryId:N,showDownloadAppButton:!1,showFilterButton:!1}),e.jsxs("main",{className:"member-zone__shell",children:[e.jsxs("header",{className:"member-zone__header",children:[e.jsxs("div",{children:[e.jsx("p",{children:"VIP VIDEO"}),e.jsx("h1",{children:"会员专区"})]}),e.jsx(B,{size:30,"aria-hidden":"true"})]}),e.jsxs("section",{className:S("member-zone__feed",c&&"member-zone__feed--locked"),"aria-label":"会员专区视频流","aria-hidden":c,onClickCapture:v,children:[l?e.jsxs("div",{className:"member-zone__state","aria-busy":"true",children:[e.jsx(p,{size:18,className:"member-zone__spinner"}),"正在加载会员专区..."]}):null,!l&&i.length>0?e.jsx("div",{className:"member-zone__grid",children:i.map(a=>e.jsx(Z,{video:a.video,forceVipBadge:!0,tags:a.tags},a.video.id))}):null,s.hasNextPage?e.jsx("div",{ref:d,className:"member-zone__sentinel","aria-hidden":"true"}):null,s.isFetchingNextPage?e.jsxs("div",{className:"member-zone__load-status","aria-live":"polite",children:[e.jsx(p,{size:16,className:"member-zone__spinner"}),"正在加载更多会员视频..."]}):null,!l&&i.length>0&&!s.hasNextPage?e.jsx("div",{className:"member-zone__load-status member-zone__load-status--quiet",children:"没有更多了"}):null,!l&&i.length===0?e.jsx("div",{className:"member-zone__state",children:"会员专区内容暂未同步，请稍后刷新或联系客服确认专区数据。"}):null]}),c?e.jsx("aside",{className:"member-zone__gate","aria-label":"会员专区开通提示","aria-modal":"true",role:"dialog",children:e.jsxs("div",{className:"member-zone__gate-card",children:[e.jsx("img",{className:"member-zone__gate-image",src:w,alt:"会员专享，别人在看，你只能羡慕"}),e.jsx("img",{className:"member-zone__gate-button-image",src:G,alt:"","aria-hidden":"true"}),e.jsx("button",{className:"member-zone__gate-close",type:"button","aria-label":"关闭会员提示弹窗",onClick:()=>g(!0)}),e.jsx("button",{className:"member-zone__gate-action",type:"button","aria-label":"立即开通",onClick:_})]})}):null]})]})}export{k as buildMemberZoneNavCategories,H as component,q as flattenMemberZoneVideos};