@funhub/platform 0.1.127 → 0.1.130

package/dist/components/common/popup-video/index.mjs

@@ -1,2 +1,77 @@
 
-"use client";import{Button as e}from"../../ui/button.mjs";import{parseResolution as t}from"../../../utils/common.mjs";import n from"../../../utils/event-bus.mjs";import{eventKey as r}from"../../../constants/event-key.mjs";import i from"../video-player/index.mjs";import a from"./popup-video.module.mjs";import{useCallback as o,useEffect as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{usePathname as d}from"next/navigation";function f(){let f=d(),[p,m]=c(!1),[h,g]=c(null),[_,v]=c(0),y=o(e=>{if(typeof window>`u`)return 0;let{width:n,height:r}=t(e.resolution);return n<=0?0:Math.max(0,r*(window.innerWidth/n))},[]),b=o(({info:e,show:t})=>{if(!e||!t){m(!1),g(null);return}g(e),v(y(e)),m(!0)},[y]);return s(()=>(n.on(r.SHOW_POPUP_VIDEO,b),()=>{n.off(r.SHOW_POPUP_VIDEO,b)}),[b]),s(()=>{m(!1),g(null)},[f]),!p||!h?null:u(`div`,{className:`fixed inset-0 z-[9999] flex items-center justify-center bg-black/95`,children:[l(e,{variant:`ghost`,className:`absolute left-4 top-4 h-10 w-10 rounded-full border border-white/20 text-white`,onClick:()=>{m(!1),g(null)},children:`←`}),l(`div`,{className:a.popupVideo,style:{width:`100%`,maxHeight:`100%`,height:_>0?`${_}px`:`auto`},children:l(i,{plyerId:h.plyerId,resolution:h.resolution,poster:h.poster||``,videoUrl:h.videoUrl||``,hlsList:h.hlsList,mergeConfig:_>0?{}:{fitVideoSize:`fixWidth`}})})]})}export{f as default};
+'use client';
+
+import { Button } from "../../ui/button.mjs";
+import { parseResolution } from "../../../utils/common.mjs";
+import eventBus from "../../../utils/event-bus.mjs";
+import { eventKey } from "../../../constants/event-key.mjs";
+import CommonPlayer from "../video-player/index.mjs";
+import popup_video_module_default from "./popup-video.module.mjs";
+import { useCallback, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { usePathname } from "next/navigation";
+
+//#region components/common/popup-video/index.tsx
+function PopupVideo() {
+	const pathname = usePathname();
+	const [open, setOpen] = useState(false);
+	const [info, setInfo] = useState(null);
+	const [minHeight, setMinHeight] = useState(0);
+	const calculateHeight = useCallback((target) => {
+		if (typeof window === "undefined") return 0;
+		const { width, height } = parseResolution(target.resolution);
+		if (width <= 0) return 0;
+		return Math.max(0, height * (window.innerWidth / width));
+	}, []);
+	const handleToggle = useCallback(({ info, show }) => {
+		if (!info || !show) {
+			setOpen(false);
+			setInfo(null);
+			return;
+		}
+		setInfo(info);
+		setMinHeight(calculateHeight(info));
+		setOpen(true);
+	}, [calculateHeight]);
+	useEffect(() => {
+		eventBus.on(eventKey.SHOW_POPUP_VIDEO, handleToggle);
+		return () => {
+			eventBus.off(eventKey.SHOW_POPUP_VIDEO, handleToggle);
+		};
+	}, [handleToggle]);
+	useEffect(() => {
+		setOpen(false);
+		setInfo(null);
+	}, [pathname]);
+	if (!open || !info) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/95",
+		children: [/* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			className: "absolute left-4 top-4 h-10 w-10 rounded-full border border-white/20 text-white",
+			onClick: () => {
+				setOpen(false);
+				setInfo(null);
+			},
+			children: "←"
+		}), /* @__PURE__ */ jsx("div", {
+			className: popup_video_module_default.popupVideo,
+			style: {
+				width: "100%",
+				maxHeight: "100%",
+				height: minHeight > 0 ? `${minHeight}px` : "auto"
+			},
+			children: /* @__PURE__ */ jsx(CommonPlayer, {
+				plyerId: info.plyerId,
+				resolution: info.resolution,
+				poster: info.poster || "",
+				videoUrl: info.videoUrl || "",
+				hlsList: info.hlsList,
+				mergeConfig: minHeight > 0 ? {} : { fitVideoSize: "fixWidth" }
+			})
+		})]
+	});
+}
+
+//#endregion
+export { PopupVideo as default };

package/dist/components/common/popup-video/popup-video.module.mjs

@@ -1,19 +1,10 @@
 
-import e from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";var t=`.popup-video-module_popupVideo__0CHoI .xgplayer {
-  min-height: 180px;
-}
+import styleInject from "../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";
 
-.popup-video-module_popupVideo__0CHoI .xgplayer .xgplayer-volume {
-  left: auto !important;
-  right: 10px !important;
-}
+//#region components/common/popup-video/popup-video.module.css
+var css_248z = ".popup-video-module_popupVideo__0CHoI .xgplayer {\n  min-height: 180px;\n}\n\n.popup-video-module_popupVideo__0CHoI .xgplayer .xgplayer-volume {\n  left: auto !important;\n  right: 10px !important;\n}\n\n.popup-video-module_popupVideo__0CHoI .xgplayer.xgplayer-pc .xgplayer-volume {\n  position: static !important;\n  background: transparent !important;\n}\n\n.popup-video-module_popupVideo__0CHoI .xgplayer .xgplayer-poster {\n  display: none !important;\n}\n";
+var popup_video_module_default = { "popupVideo": "popup-video-module_popupVideo__0CHoI" };
+styleInject(css_248z);
 
-.popup-video-module_popupVideo__0CHoI .xgplayer.xgplayer-pc .xgplayer-volume {
-  position: static !important;
-  background: transparent !important;
-}
-
-.popup-video-module_popupVideo__0CHoI .xgplayer .xgplayer-poster {
-  display: none !important;
-}
-`,n={popupVideo:`popup-video-module_popupVideo__0CHoI`};e(t);export{n as default};
+//#endregion
+export { popup_video_module_default as default };

package/dist/components/common/series-episodes/index.mjs

@@ -1,2 +1,556 @@
 
-"use client";import{Box as e}from"../../ui/box.mjs";import{Sheet as t,SheetContent as n,SheetHeader as r,SheetTitle as i}from"../../ui/sheet.mjs";import{Switch as a}from"../../ui/switch.mjs";import{Text as o}from"../../ui/text.mjs";import{useKeepAliveState as s}from"../keep-scroll-position/index.mjs";import c from"../../../assets/icons/close.mjs";import l from"../../../assets/icons/common/right_arrow.mjs";import u from"../../ui/popup.mjs";import{useCallback as d,useEffect as f,useMemo as p,useRef as m,useState as h}from"react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";import{toast as y}from"sonner";import{useTranslations as b}from"next-intl";function x(e,t,n){return(e||[]).map((e,r)=>{let i=Number.parseInt(e?.id||``,10),a=Number.isNaN(i)?r+1:i,o=e?.id||``,s=Number.isNaN(i)&&o||n(a);return{id:e?.id||`${t}-${a}`,series_num:a,title:s}})}function S(e,t,n){return(e||[]).map((e,r)=>{let i=Number(e?.id),a=Number.isNaN(i)?r+1:i,o=n(a);return{id:e?.id||`${t}-${a}`,series_num:a,title:o}})}function C(e,t,n){return e<=0?n(`singleContent`):n(t===`1`?`completedSeriesTotal`:`ongoingSeriesTotal`,{total:e})}function w(e){return e.mode===`detail`?_(E,{information:e.information,series_num:e.series_num,onEpisodeChange:e.onEpisodeChange}):_(T,{open:e.open,variant:e.variant,title:e.title,updateStatus:e.updateStatus,summaryText:e.summaryText,seriesList:e.seriesList,activeEpisodeId:e.activeEpisodeId,showEpisodeTitle:e.showEpisodeTitle,onToggleTitle:e.onToggleTitle,onClose:e.onClose,onSelectEpisode:e.onSelectEpisode,popupBodyStyle:e.popupBodyStyle})}function T({open:s,variant:l,title:d,updateStatus:g,summaryText:y,seriesList:S,activeEpisodeId:w,showEpisodeTitle:T=!1,onToggleTitle:E,onClose:D,onSelectEpisode:O,popupBodyStyle:k}){let A=b(`components.common.seriesEpisodes`),j=!!E,M=j&&T,N=m(null),P=m(null),F=p(()=>x(S,`episode`,e=>A(`episodeLabel`,{episode:e})),[S,A]),I=p(()=>{if(F.length===0)return[];let e=[];return F.forEach((t,n)=>{let r=Math.floor(n/50);e[r]||(e[r]=[]),e[r].push(t)}),e},[F]),L=p(()=>{if(!w)return 0;let e=F.findIndex(e=>e.id===w);return e<0?0:Math.floor(e/50)},[w,F]),[R,z]=h(L);f(()=>{z(L)},[L]);let B=p(()=>typeof y==`string`&&y.trim()?y:C(F.length,g,A),[F.length,y,A,g]),V=d||A(`selectorTitle`);function H(){let e=N.current;if(e){P.current&&=(window.cancelAnimationFrame(P.current),null),e.scrollTop=0;try{e.scrollTo({top:0,left:0,behavior:`auto`})}catch{}P.current=window.requestAnimationFrame(()=>{P.current=null;let e=N.current;e&&(e.scrollTop=0)})}}f(()=>{s&&H()},[s,T,R]);function U(e){E&&(E(e),H())}function W(e){O?.(e.id,e.series_num),D()}let G=M?2:5,K=I.length>1?_(`div`,{className:`shrink-0 w-full flex gap-[8px] overflow-x-auto`,children:I.map((e,t)=>{if(e.length===0)return null;let n=t===R,r=t*50+1,i=Math.min((t+1)*50,F.length);return v(`div`,{className:`shrink-0 px-[16px] py-[6px] rounded-[16px] text-[14px] transition-colors cursor-pointer relative overflow-hidden ${n?`text-theme5 bg-bg2`:`text-text2 bg-bg2`}`,onClick:()=>{z(t),H()},children:[r,`-`,i,n&&_(`div`,{className:`absolute w-full h-full top-0 left-0 opacity-20 bg-theme5`})]},`series-group-${t}`)})}):null,q=v(`div`,{className:`pb-[8px] flex justify-between`,children:[_(`span`,{className:`text-[16px] text-text1`,children:B}),j&&v(`div`,{className:`flex items-center gap-[4px]`,children:[_(a,{size:`sm`,className:`data-checked:bg-theme5 h-[20px] w-[33px]`,checked:T,onCheckedChange:e=>{U(!!e)}}),_(`button`,{type:`button`,className:`text-[16px] text-text1`,onClick:()=>{U(!T)},children:A(`episodeTitle`)})]})]}),J=_(`div`,{className:`grid w-full gap-2 ${G===2?`grid-cols-2`:`grid-cols-5`}`,children:(I[R]||[]).map((e,t)=>{let n=!!(w&&e.id===w);return _(`button`,{type:`button`,"data-episode-id":e.id,onClick:()=>{W(e)},className:`flex items-center justify-center w-full h-[60px] rounded-[8px] border border-line1 border-solid text-[16px] cursor-pointer select-none transition-colors relative overflow-hidden ${n?`font-bold text-theme5 bg-line1`:`text-text1`} ${M?`h-[72px] px-[10px] text-[14px]`:``} ${t%G===0?``:`border-l-0`}`,children:M?_(`span`,{className:`leading-[22px] line-clamp-2`,children:e.title}):e.series_num},e.id)})});return l===`sheet`?_(t,{open:s,onOpenChange:e=>!e&&D(),children:v(n,{side:`bottom`,showCloseButton:!0,className:`min-h-[50vh] max-h-[70vh] bg-bg1 text-text1 rounded-t-2xl border-t border-white/10`,children:[_(r,{className:`pt-3 pb-0`,children:_(i,{className:`flex items-center justify-between text-lg text-text1`,children:V})}),v(`div`,{className:`px-4 pb-2 flex flex-col gap-3`,children:[K,q]}),_(`div`,{ref:N,className:`flex-1 h-0 pt-[4px] pb-[12px] overflow-y-auto px-4`,children:J})]})}):_(u,{open:s,onOpenChange:e=>{e||D()},showCloseButton:!1,className:`border-0 bg-transparent p-0`,children:v(e,{className:`w-full flex flex-col bg-bg1 px-[12px] text-text1`,style:{height:`70vh`,...k,maxHeight:`70vh`},children:[v(e,{className:`shrink-0 flex justify-between items-center h-[48px]`,children:[_(o,{className:`text-[16px] font-bold text-text1`,children:V}),_(e,{className:`pl-[12px] h-full flex items-center`,onClick:D,children:_(c,{className:`w-[14px] h-[14px] text-text1 cursor-pointer`})})]}),v(e,{className:`flex-1 h-0 w-full pb-[12px] flex flex-col gap-3`,children:[K,q,_(e,{ref:N,className:`flex-1 h-0 pt-[4px] pb-[12px] overflow-y-auto`,children:J})]})]})})}function E({information:t,series_num:n,onEpisodeChange:r}){let i=b(`components.common`),[a,c]=s(`detail-series-popup-${t.id}`,!1),[u,x]=s(`detail-series-title-toggle-${t.id}`,!1),[C,w]=s(`detail-series-scroll-left-${t.id}`,null),[E,D]=h(n);f(()=>{D(n)},[t.id,n]);let O=p(()=>S((t.links||[]).map(e=>({id:e.id,name:e.name})),t.id||`episode`,e=>i(`seriesEpisodes.episodeLabel`,{episode:e})),[t.id,t.links,i]),k=t.update_status===`1`?i(`seriesEpisodes.completedSeriesTotal`,{total:t.links.length}):i(`seriesEpisodes.ongoingSeriesUpdatedTo`,{total:t.links.length}),A=p(()=>t.links[E-1]?.id||t.links[0]?.id||``,[t.links,E]),j=m(null),M=m(null),N=m(null),P=m(!1),F=m(null),I=m(null),L=m(null),[R,z]=h(!1),B=d((e,t=`smooth`)=>{let n=j.current?.querySelector(`[data-content-id="${e}"]`);if(n&&j.current){let e=j.current,r=Math.max(0,n.offsetLeft-10);e.scrollTo({left:r,behavior:t})}},[]),V=d(()=>{I.current!==null&&(window.clearTimeout(I.current),I.current=null)},[]),H=d(()=>{L.current!==null&&(window.clearTimeout(L.current),L.current=null)},[]),U=d(()=>{F.current!==null&&(y.dismiss(F.current),F.current=null),V(),H()},[H,V]),W=d(()=>{M.current=null,N.current=null,U(),z(!1)},[U]),G=d((e,t)=>{H(),L.current=window.setTimeout(()=>{L.current=null,M.current===e&&W()},Math.max(0,t))},[H,W]);f(()=>{P.current=!1},[t.id]),f(()=>{if(P.current||!A)return;let e=window.requestAnimationFrame(()=>{let e=j.current;e&&(typeof C==`number`?e.scrollTo({left:Math.max(0,C),behavior:`auto`}):(B(A,`auto`),w(Math.max(0,Math.round(e.scrollLeft)))),P.current=!0)});return()=>{window.cancelAnimationFrame(e)}},[A,C,B,w]),f(()=>{let e=M.current;!e||e!==n||G(e,1e3)},[G,n]),f(()=>()=>{W()},[W]);let K=d((e,t,n)=>{let r=j.current;if(!r||!e)return t;let i=r.querySelector(`[data-content-id="${e}"]`);if(!i)return t;let a=r.getBoundingClientRect();if(a.width<=0||typeof n!=`number`||(n-a.left)/a.width<.5)return t;let o=i.offsetLeft+i.offsetWidth/2,s=r.clientWidth/2,c=Math.max(0,r.scrollWidth-r.clientWidth),l=Math.min(c,Math.max(0,o-s));return r.scrollTo({left:l,behavior:`smooth`}),Math.round(l)},[]),q=d((e,a=`inline`,o,s)=>{if(e!==E){if(!t.links[e-1]){y.error(i(`seriesEpisodes.episodeNotFound`));return}try{D(e);let c=o||t.links[e-1]?.id||``,l=Math.max(0,Math.round(j.current?.scrollLeft||0));a===`popup`?(c&&B(c,`auto`),w(Math.max(0,Math.round(j.current?.scrollLeft||0)))):w(K(c,l,s)),z(!0),U(),F.current=y.loading(i(`seriesEpisodes.episodeSwitching`)),M.current=e,N.current=a,I.current=window.setTimeout(()=>{M.current===e&&(D(n),W(),y.error(i(`seriesEpisodes.episodeSwitchFailed`)))},8e3),r(e)}catch(e){D(n),W(),console.error(`切换剧集失败`,e),y.error(i(`seriesEpisodes.episodeSwitchFailed`))}}},[W,U,t.links,r,E,n,K,B,w,i]),[J,Y]=h(`70vh`),X=d(()=>{if(typeof window>`u`)return;let e=document.getElementById(`selectPopupPosition`),t=window.visualViewport?.height||window.innerHeight;if(!e){Y(`70vh`);return}let n=Math.max(0,t-e.offsetTop);if(n<=0){Y(`70vh`);return}Y(`${n}px`)},[]);return f(()=>{if(!a)return;X();let e=()=>{X()};return window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0)}},[X,a]),O.length<=1?null:v(g,{children:[v(e,{className:`w-full mt-[16px] flex flex-col items-end mb-[4px]`,children:[v(e,{className:`w-fit flex items-center px-[12px] h-[28px]`,onClick:()=>c(!0),children:[_(o,{className:`text-[14px] text-text2 leading-[20px]`,children:k}),_(l,{className:`w-[11px] h-[18px] ml-[4px] text-text2`})]}),_(`div`,{ref:j,className:`w-full mt-[12px] overflow-x-auto px-[12px] flex gap-x-[8px] ${u?`h-[76px]`:`h-[60px]`} ${R?`touch-none`:``}`,children:O.map((e,t)=>_(`div`,{"data-content-id":e.id,className:`shrink-0 h-[full] px-[18px] rounded-[6px] border border-line1 flex items-center ${u?`w-[162px]`:`w-[60px] !px-[0] justify-center`} ${e.id===A?`!border-theme5 bg-line1`:``}`,onClick:n=>{q(t+1,`inline`,e.id,n.clientX)},children:_(o,{className:`text-[16px] text-text1 leading-[22px] line-clamp-2 ${e.id===A?`font-bold !text-theme5`:``}`,children:u?e.title:e.series_num})},e.id))})]}),_(T,{title:i(`seriesEpisodes.selectorTitle`),variant:`popup`,open:a,updateStatus:t.update_status,summaryText:k,seriesList:(t.links||[]).map(e=>({id:e.id,name:e.name})),activeEpisodeId:A,showEpisodeTitle:u,onToggleTitle:e=>{x(e)},onClose:()=>c(!1),onSelectEpisode:(e,t)=>{c(!1),q(t,`popup`,e)},popupBodyStyle:{height:J}})]})}export{w as SeriesEpisodes};
+'use client';
+
+import { Box } from "../../ui/box.mjs";
+import { Sheet, SheetContent, SheetHeader, SheetTitle } from "../../ui/sheet.mjs";
+import { Switch } from "../../ui/switch.mjs";
+import { Text } from "../../ui/text.mjs";
+import { useKeepAliveState } from "../keep-scroll-position/index.mjs";
+import SvgClose from "../../../assets/icons/close.mjs";
+import SvgRightArrow from "../../../assets/icons/common/right_arrow.mjs";
+import Popup from "../../ui/popup.mjs";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+
+//#region components/common/series-episodes/index.tsx
+const EPISODES_PER_GROUP = 50;
+const EPISODE_SWITCH_SUCCESS_TOAST_DELAY_MS = 1e3;
+const INLINE_EPISODE_MID_RIGHT_TRIGGER_RATIO = .5;
+/**
+* 把后端/业务侧的「剧集列表」规范化为统一结构：
+* - `series_num`: 优先从 name 解析数字，否则按 index+1
+* - `title`: 数字则显示 `第{n}集`，非数字则尽量透传 name
+*/
+function normalizeEpisodes(list, fallbackIdPrefix, formatEpisodeLabel) {
+	return (list || []).map((item, index) => {
+		const parsed = Number.parseInt(item?.id || "", 10);
+		const seriesNum = Number.isNaN(parsed) ? index + 1 : parsed;
+		const rawName = item?.id || "";
+		const displayName = Number.isNaN(parsed) ? rawName || formatEpisodeLabel(seriesNum) : formatEpisodeLabel(seriesNum);
+		return {
+			id: item?.id || `${fallbackIdPrefix}-${seriesNum}`,
+			series_num: seriesNum,
+			title: displayName
+		};
+	});
+}
+/**
+* 详情页：保持兼容既有文案（`第{name}集`），并用 name 参与编号解析。
+*/
+function normalizeEpisodesForDetail(list, fallbackIdPrefix, formatEpisodeLabel) {
+	return (list || []).map((item, index) => {
+		const parsedSeriesNum = Number(item?.id);
+		const seriesNum = Number.isNaN(parsedSeriesNum) ? index + 1 : parsedSeriesNum;
+		const displayName = formatEpisodeLabel(seriesNum);
+		return {
+			id: item?.id || `${fallbackIdPrefix}-${seriesNum}`,
+			series_num: seriesNum,
+			title: displayName
+		};
+	});
+}
+/**
+* 构建「选集」弹层的摘要文案。
+*/
+function buildSeriesSummaryText(total, updateStatus, t) {
+	if (total <= 0) return t("singleContent");
+	if (updateStatus === "1") return t("completedSeriesTotal", { total });
+	return t("ongoingSeriesTotal", { total });
+}
+function SeriesEpisodes(props) {
+	if (props.mode === "detail") return /* @__PURE__ */ jsx(DetailSeriesEpisodes, {
+		information: props.information,
+		series_num: props.series_num,
+		onEpisodeChange: props.onEpisodeChange
+	});
+	return /* @__PURE__ */ jsx(SelectorSeriesEpisodes, {
+		open: props.open,
+		variant: props.variant,
+		title: props.title,
+		updateStatus: props.updateStatus,
+		summaryText: props.summaryText,
+		seriesList: props.seriesList,
+		activeEpisodeId: props.activeEpisodeId,
+		showEpisodeTitle: props.showEpisodeTitle,
+		onToggleTitle: props.onToggleTitle,
+		onClose: props.onClose,
+		onSelectEpisode: props.onSelectEpisode,
+		popupBodyStyle: props.popupBodyStyle
+	});
+}
+/**
+* SelectorSeriesEpisodes
+*
+* 用于「只需要弹层」的场景（例如全屏流/剧集页）。
+*/
+function SelectorSeriesEpisodes({ open, variant, title, updateStatus, summaryText, seriesList, activeEpisodeId, showEpisodeTitle = false, onToggleTitle, onClose, onSelectEpisode, popupBodyStyle }) {
+	const t = useTranslations("components.common.seriesEpisodes");
+	const canToggleTitle = Boolean(onToggleTitle);
+	const useTitleLayout = canToggleTitle && showEpisodeTitle;
+	const listRef = useRef(null);
+	const scrollToTopRafRef = useRef(null);
+	const episodes = useMemo(() => {
+		return normalizeEpisodes(seriesList, "episode", (episode) => t("episodeLabel", { episode }));
+	}, [seriesList, t]);
+	const episodeGroups = useMemo(() => {
+		if (episodes.length === 0) return [];
+		const groups = [];
+		episodes.forEach((item, index) => {
+			const groupIndex = Math.floor(index / EPISODES_PER_GROUP);
+			if (!groups[groupIndex]) groups[groupIndex] = [];
+			groups[groupIndex].push(item);
+		});
+		return groups;
+	}, [episodes]);
+	const activeGroupIndex = useMemo(() => {
+		if (!activeEpisodeId) return 0;
+		const activeIndex = episodes.findIndex((item) => item.id === activeEpisodeId);
+		if (activeIndex < 0) return 0;
+		return Math.floor(activeIndex / EPISODES_PER_GROUP);
+	}, [activeEpisodeId, episodes]);
+	const [groupIndex, setGroupIndex] = useState(activeGroupIndex);
+	useEffect(() => {
+		setGroupIndex(activeGroupIndex);
+	}, [activeGroupIndex]);
+	const resolvedSummaryText = useMemo(() => {
+		if (typeof summaryText === "string" && summaryText.trim()) return summaryText;
+		return buildSeriesSummaryText(episodes.length, updateStatus, t);
+	}, [
+		episodes.length,
+		summaryText,
+		t,
+		updateStatus
+	]);
+	const resolvedTitle = title || t("selectorTitle");
+	function scrollToTop() {
+		const el = listRef.current;
+		if (!el) return;
+		if (scrollToTopRafRef.current) {
+			window.cancelAnimationFrame(scrollToTopRafRef.current);
+			scrollToTopRafRef.current = null;
+		}
+		el.scrollTop = 0;
+		try {
+			el.scrollTo({
+				top: 0,
+				left: 0,
+				behavior: "auto"
+			});
+		} catch {}
+		scrollToTopRafRef.current = window.requestAnimationFrame(() => {
+			scrollToTopRafRef.current = null;
+			const latest = listRef.current;
+			if (latest) latest.scrollTop = 0;
+		});
+	}
+	useEffect(() => {
+		if (open) scrollToTop();
+	}, [
+		open,
+		showEpisodeTitle,
+		groupIndex
+	]);
+	function handleToggleTitle(nextValue) {
+		if (!onToggleTitle) return;
+		onToggleTitle(nextValue);
+		scrollToTop();
+	}
+	function handleSelectEpisode(item) {
+		onSelectEpisode?.(item.id, item.series_num);
+		onClose();
+	}
+	const columns = useTitleLayout ? 2 : 5;
+	const groupTabs = episodeGroups.length > 1 ? /* @__PURE__ */ jsx("div", {
+		className: "shrink-0 w-full flex gap-[8px] overflow-x-auto",
+		children: episodeGroups.map((group, index) => {
+			if (group.length === 0) return null;
+			const isActive = index === groupIndex;
+			const start = index * EPISODES_PER_GROUP + 1;
+			const end = Math.min((index + 1) * EPISODES_PER_GROUP, episodes.length);
+			return /* @__PURE__ */ jsxs("div", {
+				className: `shrink-0 px-[16px] py-[6px] rounded-[16px] text-[14px] transition-colors cursor-pointer relative overflow-hidden ${isActive ? "text-theme5 bg-bg2" : "text-text2 bg-bg2"}`,
+				onClick: () => {
+					setGroupIndex(index);
+					scrollToTop();
+				},
+				children: [
+					start,
+					"-",
+					end,
+					isActive && /* @__PURE__ */ jsx("div", { className: "absolute w-full h-full top-0 left-0 opacity-20 bg-theme5" })
+				]
+			}, `series-group-${index}`);
+		})
+	}) : null;
+	const summaryRow = /* @__PURE__ */ jsxs("div", {
+		className: "pb-[8px] flex justify-between",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "text-[16px] text-text1",
+			children: resolvedSummaryText
+		}), canToggleTitle && /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-[4px]",
+			children: [/* @__PURE__ */ jsx(Switch, {
+				size: "sm",
+				className: "data-checked:bg-theme5 h-[20px] w-[33px]",
+				checked: showEpisodeTitle,
+				onCheckedChange: (value) => {
+					handleToggleTitle(Boolean(value));
+				}
+			}), /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "text-[16px] text-text1",
+				onClick: () => {
+					handleToggleTitle(!showEpisodeTitle);
+				},
+				children: t("episodeTitle")
+			})]
+		})]
+	});
+	const grid = /* @__PURE__ */ jsx("div", {
+		className: `grid w-full gap-2 ${columns === 2 ? "grid-cols-2" : "grid-cols-5"}`,
+		children: (episodeGroups[groupIndex] || []).map((item, index) => {
+			const isActive = Boolean(activeEpisodeId && item.id === activeEpisodeId);
+			return /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"data-episode-id": item.id,
+				onClick: () => {
+					handleSelectEpisode(item);
+				},
+				className: `flex items-center justify-center w-full h-[60px] rounded-[8px] border border-line1 border-solid text-[16px] cursor-pointer select-none transition-colors relative overflow-hidden ${isActive ? "font-bold text-theme5 bg-line1" : "text-text1"} ${useTitleLayout ? "h-[72px] px-[10px] text-[14px]" : ""} ${index % columns === 0 ? "" : "border-l-0"}`,
+				children: useTitleLayout ? /* @__PURE__ */ jsx("span", {
+					className: "leading-[22px] line-clamp-2",
+					children: item.title
+				}) : item.series_num
+			}, item.id);
+		})
+	});
+	if (variant === "sheet") return /* @__PURE__ */ jsx(Sheet, {
+		open,
+		onOpenChange: (next) => !next && onClose(),
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			side: "bottom",
+			showCloseButton: true,
+			className: "min-h-[50vh] max-h-[70vh] bg-bg1 text-text1 rounded-t-2xl border-t border-white/10",
+			children: [
+				/* @__PURE__ */ jsx(SheetHeader, {
+					className: "pt-3 pb-0",
+					children: /* @__PURE__ */ jsx(SheetTitle, {
+						className: "flex items-center justify-between text-lg text-text1",
+						children: resolvedTitle
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "px-4 pb-2 flex flex-col gap-3",
+					children: [groupTabs, summaryRow]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					ref: listRef,
+					className: "flex-1 h-0 pt-[4px] pb-[12px] overflow-y-auto px-4",
+					children: grid
+				})
+			]
+		})
+	});
+	return /* @__PURE__ */ jsx(Popup, {
+		open,
+		onOpenChange: (next) => {
+			if (!next) onClose();
+		},
+		showCloseButton: false,
+		className: "border-0 bg-transparent p-0",
+		children: /* @__PURE__ */ jsxs(Box, {
+			className: "w-full flex flex-col bg-bg1 px-[12px] text-text1",
+			style: {
+				height: "70vh",
+				...popupBodyStyle,
+				maxHeight: "70vh"
+			},
+			children: [/* @__PURE__ */ jsxs(Box, {
+				className: "shrink-0 flex justify-between items-center h-[48px]",
+				children: [/* @__PURE__ */ jsx(Text, {
+					className: "text-[16px] font-bold text-text1",
+					children: resolvedTitle
+				}), /* @__PURE__ */ jsx(Box, {
+					className: "pl-[12px] h-full flex items-center",
+					onClick: onClose,
+					children: /* @__PURE__ */ jsx(SvgClose, { className: "w-[14px] h-[14px] text-text1 cursor-pointer" })
+				})]
+			}), /* @__PURE__ */ jsxs(Box, {
+				className: "flex-1 h-0 w-full pb-[12px] flex flex-col gap-3",
+				children: [
+					groupTabs,
+					summaryRow,
+					/* @__PURE__ */ jsx(Box, {
+						ref: listRef,
+						className: "flex-1 h-0 pt-[4px] pb-[12px] overflow-y-auto",
+						children: grid
+					})
+				]
+			})]
+		})
+	});
+}
+/**
+* DetailSeriesEpisodes
+*
+* 用于视频详情页：包含“选集入口 + 横向集数条 + 弹层”。
+*/
+function DetailSeriesEpisodes({ information, series_num, onEpisodeChange }) {
+	const t = useTranslations("components.common");
+	const [selectSeriesVisible, setSelectSeriesVisible] = useKeepAliveState(`detail-series-popup-${information.id}`, false);
+	const [showEpisodeTitle, setShowEpisodeTitle] = useKeepAliveState(`detail-series-title-toggle-${information.id}`, false);
+	const [savedEpisodeScrollLeft, setSavedEpisodeScrollLeft] = useKeepAliveState(`detail-series-scroll-left-${information.id}`, null);
+	const [optimisticSeriesNum, setOptimisticSeriesNum] = useState(series_num);
+	useEffect(() => {
+		setOptimisticSeriesNum(series_num);
+	}, [information.id, series_num]);
+	const seriesItems = useMemo(() => {
+		return normalizeEpisodesForDetail((information.links || []).map((link) => ({
+			id: link.id,
+			name: link.name
+		})), information.id || "episode", (episode) => t("seriesEpisodes.episodeLabel", { episode }));
+	}, [
+		information.id,
+		information.links,
+		t
+	]);
+	const seriesTotalText = information.update_status === "1" ? t("seriesEpisodes.completedSeriesTotal", { total: information.links.length }) : t("seriesEpisodes.ongoingSeriesUpdatedTo", { total: information.links.length });
+	const currentPlayingSeriesId = useMemo(() => {
+		return information.links[optimisticSeriesNum - 1]?.id || information.links[0]?.id || "";
+	}, [information.links, optimisticSeriesNum]);
+	const scrollRef = useRef(null);
+	const switchingTargetSeriesNumRef = useRef(null);
+	const switchingSourceRef = useRef(null);
+	const hasInitialAlignedRef = useRef(false);
+	const switchLoadingToastIdRef = useRef(null);
+	const switchTimeoutRef = useRef(null);
+	const switchSuccessDelayTimeoutRef = useRef(null);
+	const [isEpisodeSwitching, setIsEpisodeSwitching] = useState(false);
+	const scrollToCurrentEpisode = useCallback((targetId, behavior = "smooth") => {
+		const target = scrollRef.current?.querySelector(`[data-content-id="${targetId}"]`);
+		if (target && scrollRef.current) {
+			const parent = scrollRef.current;
+			const targetLeft = Math.max(0, target.offsetLeft - 10);
+			parent.scrollTo({
+				left: targetLeft,
+				behavior
+			});
+		}
+	}, []);
+	const clearSwitchTimeout = useCallback(() => {
+		if (switchTimeoutRef.current === null) return;
+		window.clearTimeout(switchTimeoutRef.current);
+		switchTimeoutRef.current = null;
+	}, []);
+	const clearSwitchSuccessDelayTimeout = useCallback(() => {
+		if (switchSuccessDelayTimeoutRef.current === null) return;
+		window.clearTimeout(switchSuccessDelayTimeoutRef.current);
+		switchSuccessDelayTimeoutRef.current = null;
+	}, []);
+	const hideSwitchLoading = useCallback(() => {
+		if (switchLoadingToastIdRef.current !== null) {
+			toast.dismiss(switchLoadingToastIdRef.current);
+			switchLoadingToastIdRef.current = null;
+		}
+		clearSwitchTimeout();
+		clearSwitchSuccessDelayTimeout();
+	}, [clearSwitchSuccessDelayTimeout, clearSwitchTimeout]);
+	const clearSwitchingState = useCallback(() => {
+		switchingTargetSeriesNumRef.current = null;
+		switchingSourceRef.current = null;
+		hideSwitchLoading();
+		setIsEpisodeSwitching(false);
+	}, [hideSwitchLoading]);
+	const scheduleClearSwitchingState = useCallback((expectedSeriesNum, delay) => {
+		clearSwitchSuccessDelayTimeout();
+		switchSuccessDelayTimeoutRef.current = window.setTimeout(() => {
+			switchSuccessDelayTimeoutRef.current = null;
+			if (switchingTargetSeriesNumRef.current !== expectedSeriesNum) return;
+			clearSwitchingState();
+		}, Math.max(0, delay));
+	}, [clearSwitchSuccessDelayTimeout, clearSwitchingState]);
+	useEffect(() => {
+		hasInitialAlignedRef.current = false;
+	}, [information.id]);
+	useEffect(() => {
+		if (hasInitialAlignedRef.current || !currentPlayingSeriesId) return;
+		const frame = window.requestAnimationFrame(() => {
+			const container = scrollRef.current;
+			if (!container) return;
+			if (typeof savedEpisodeScrollLeft === "number") container.scrollTo({
+				left: Math.max(0, savedEpisodeScrollLeft),
+				behavior: "auto"
+			});
+			else {
+				scrollToCurrentEpisode(currentPlayingSeriesId, "auto");
+				setSavedEpisodeScrollLeft(Math.max(0, Math.round(container.scrollLeft)));
+			}
+			hasInitialAlignedRef.current = true;
+		});
+		return () => {
+			window.cancelAnimationFrame(frame);
+		};
+	}, [
+		currentPlayingSeriesId,
+		savedEpisodeScrollLeft,
+		scrollToCurrentEpisode,
+		setSavedEpisodeScrollLeft
+	]);
+	useEffect(() => {
+		const pendingSeriesNum = switchingTargetSeriesNumRef.current;
+		if (!pendingSeriesNum || pendingSeriesNum !== series_num) return;
+		scheduleClearSwitchingState(pendingSeriesNum, EPISODE_SWITCH_SUCCESS_TOAST_DELAY_MS);
+	}, [scheduleClearSwitchingState, series_num]);
+	useEffect(() => {
+		return () => {
+			clearSwitchingState();
+		};
+	}, [clearSwitchingState]);
+	/**
+	* 点击横向剧集时，若点击点落在容器中线到右侧，则把目标项尽量移动到容器中线位置。
+	*/
+	const maybeCenterInlineEpisodeFromMidRightClick = useCallback((targetId, fallbackScrollLeft, clickClientX) => {
+		const container = scrollRef.current;
+		if (!container || !targetId) return fallbackScrollLeft;
+		const targetElement = container.querySelector(`[data-content-id="${targetId}"]`);
+		if (!targetElement) return fallbackScrollLeft;
+		const containerRect = container.getBoundingClientRect();
+		if (containerRect.width <= 0) return fallbackScrollLeft;
+		if (typeof clickClientX !== "number") return fallbackScrollLeft;
+		if ((clickClientX - containerRect.left) / containerRect.width < INLINE_EPISODE_MID_RIGHT_TRIGGER_RATIO) return fallbackScrollLeft;
+		const targetCenterOffset = targetElement.offsetLeft + targetElement.offsetWidth / 2;
+		const desiredCenterOffset = container.clientWidth / 2;
+		const maxScrollLeft = Math.max(0, container.scrollWidth - container.clientWidth);
+		const nextScrollLeft = Math.min(maxScrollLeft, Math.max(0, targetCenterOffset - desiredCenterOffset));
+		container.scrollTo({
+			left: nextScrollLeft,
+			behavior: "smooth"
+		});
+		return Math.round(nextScrollLeft);
+	}, []);
+	const handleSwitchEpisode = useCallback((episode, source = "inline", targetEpisodeId, clickClientX) => {
+		if (episode === optimisticSeriesNum) return;
+		if (!information.links[episode - 1]) {
+			toast.error(t("seriesEpisodes.episodeNotFound"));
+			return;
+		}
+		try {
+			setOptimisticSeriesNum(episode);
+			const targetId = targetEpisodeId || information.links[episode - 1]?.id || "";
+			const currentScrollLeft = Math.max(0, Math.round(scrollRef.current?.scrollLeft || 0));
+			if (source === "popup") {
+				if (targetId) scrollToCurrentEpisode(targetId, "auto");
+				setSavedEpisodeScrollLeft(Math.max(0, Math.round(scrollRef.current?.scrollLeft || 0)));
+			} else setSavedEpisodeScrollLeft(maybeCenterInlineEpisodeFromMidRightClick(targetId, currentScrollLeft, clickClientX));
+			setIsEpisodeSwitching(true);
+			hideSwitchLoading();
+			switchLoadingToastIdRef.current = toast.loading(t("seriesEpisodes.episodeSwitching"));
+			switchingTargetSeriesNumRef.current = episode;
+			switchingSourceRef.current = source;
+			switchTimeoutRef.current = window.setTimeout(() => {
+				if (switchingTargetSeriesNumRef.current !== episode) return;
+				setOptimisticSeriesNum(series_num);
+				clearSwitchingState();
+				toast.error(t("seriesEpisodes.episodeSwitchFailed"));
+			}, 8e3);
+			onEpisodeChange(episode);
+		} catch (error) {
+			setOptimisticSeriesNum(series_num);
+			clearSwitchingState();
+			console.error("切换剧集失败", error);
+			toast.error(t("seriesEpisodes.episodeSwitchFailed"));
+		}
+	}, [
+		clearSwitchingState,
+		hideSwitchLoading,
+		information.links,
+		onEpisodeChange,
+		optimisticSeriesNum,
+		series_num,
+		maybeCenterInlineEpisodeFromMidRightClick,
+		scrollToCurrentEpisode,
+		setSavedEpisodeScrollLeft,
+		t
+	]);
+	const [popupHeight, setPopupHeight] = useState("70vh");
+	const calculatePopupHeight = useCallback(() => {
+		if (typeof window === "undefined") return;
+		const anchor = document.getElementById("selectPopupPosition");
+		const viewportHeight = window.visualViewport?.height || window.innerHeight;
+		if (!anchor) {
+			setPopupHeight("70vh");
+			return;
+		}
+		const height = Math.max(0, viewportHeight - anchor.offsetTop);
+		if (height <= 0) {
+			setPopupHeight("70vh");
+			return;
+		}
+		setPopupHeight(`${height}px`);
+	}, []);
+	useEffect(() => {
+		if (!selectSeriesVisible) return;
+		calculatePopupHeight();
+		const handleResize = () => {
+			calculatePopupHeight();
+		};
+		window.addEventListener("resize", handleResize);
+		window.addEventListener("scroll", handleResize, true);
+		return () => {
+			window.removeEventListener("resize", handleResize);
+			window.removeEventListener("scroll", handleResize, true);
+		};
+	}, [calculatePopupHeight, selectSeriesVisible]);
+	if (seriesItems.length <= 1) return null;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Box, {
+		className: "w-full mt-[16px] flex flex-col items-end mb-[4px]",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "w-fit flex items-center px-[12px] h-[28px]",
+			onClick: () => setSelectSeriesVisible(true),
+			children: [/* @__PURE__ */ jsx(Text, {
+				className: "text-[14px] text-text2 leading-[20px]",
+				children: seriesTotalText
+			}), /* @__PURE__ */ jsx(SvgRightArrow, { className: "w-[11px] h-[18px] ml-[4px] text-text2" })]
+		}), /* @__PURE__ */ jsx("div", {
+			ref: scrollRef,
+			className: `w-full mt-[12px] overflow-x-auto px-[12px] flex gap-x-[8px] ${showEpisodeTitle ? "h-[76px]" : "h-[60px]"} ${isEpisodeSwitching ? "touch-none" : ""}`,
+			children: seriesItems.map((item, index) => /* @__PURE__ */ jsx("div", {
+				"data-content-id": item.id,
+				className: `shrink-0 h-[full] px-[18px] rounded-[6px] border border-line1 flex items-center ${showEpisodeTitle ? "w-[162px]" : "w-[60px] !px-[0] justify-center"} ${item.id === currentPlayingSeriesId ? "!border-theme5 bg-line1" : ""}`,
+				onClick: (event) => {
+					handleSwitchEpisode(index + 1, "inline", item.id, event.clientX);
+				},
+				children: /* @__PURE__ */ jsx(Text, {
+					className: `text-[16px] text-text1 leading-[22px] line-clamp-2 ${item.id === currentPlayingSeriesId ? "font-bold !text-theme5" : ""}`,
+					children: showEpisodeTitle ? item.title : item.series_num
+				})
+			}, item.id))
+		})]
+	}), /* @__PURE__ */ jsx(SelectorSeriesEpisodes, {
+		title: t("seriesEpisodes.selectorTitle"),
+		variant: "popup",
+		open: selectSeriesVisible,
+		updateStatus: information.update_status,
+		summaryText: seriesTotalText,
+		seriesList: (information.links || []).map((link) => ({
+			id: link.id,
+			name: link.name
+		})),
+		activeEpisodeId: currentPlayingSeriesId,
+		showEpisodeTitle,
+		onToggleTitle: (value) => {
+			setShowEpisodeTitle(value);
+		},
+		onClose: () => setSelectSeriesVisible(false),
+		onSelectEpisode: (episodeId, episodeNum) => {
+			setSelectSeriesVisible(false);
+			handleSwitchEpisode(episodeNum, "popup", episodeId);
+		},
+		popupBodyStyle: { height: popupHeight }
+	})] });
+}
+
+//#endregion
+export { SeriesEpisodes };