@funhub/platform 0.1.61 → 0.1.62

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,430 @@
 
-"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{useCardDecoration as d}from"../../../hooks/use-card-decoration.mjs";import{useCallback as f,useEffect as p,useMemo as m,useRef as h,useState as g}from"react";import{Fragment as _,jsx as v,jsxs as y}from"react/jsx-runtime";import{toast as b}from"sonner";import{useTranslations as x}from"next-intl";function S(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 C(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 w(e,t,n){return e<=0?n(`singleContent`):n(t===`1`?`completedSeriesTotal`:`ongoingSeriesTotal`,{total:e})}function T(e){return e.mode===`detail`?v(D,{information:e.information,series_num:e.series_num,onEpisodeChange:e.onEpisodeChange}):v(E,{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 E({open:s,variant:l,title:d,updateStatus:f,summaryText:_,seriesList:b,activeEpisodeId:C,showEpisodeTitle:T=!1,onToggleTitle:E,onClose:D,onSelectEpisode:O,popupBodyStyle:k}){let A=x(`components.common.seriesEpisodes`),j=!!E,M=j&&T,N=h(null),P=h(null),F=m(()=>S(b,`episode`,e=>A(`episodeLabel`,{episode:e})),[b,A]),I=m(()=>{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=m(()=>{if(!C)return 0;let e=F.findIndex(e=>e.id===C);return e<0?0:Math.floor(e/50)},[C,F]),[R,z]=g(L);p(()=>{z(L)},[L]);let B=m(()=>typeof _==`string`&&_.trim()?_:w(F.length,f,A),[F.length,_,A,f]),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)})}}p(()=>{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?v(`div`,{className:`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 y(`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&&v(`div`,{className:`absolute w-full h-full top-0 left-0 opacity-20 bg-theme5`})]},`series-group-${t}`)})}):null,q=y(`div`,{className:`pb-[8px] flex justify-between`,children:[v(`span`,{className:`text-[16px] text-text1`,children:B}),j&&y(`div`,{className:`flex items-center gap-[4px]`,children:[v(a,{size:`sm`,className:`data-checked:bg-theme5 h-[20px] w-[33px]`,checked:T,onCheckedChange:e=>{U(!!e)}}),v(`button`,{type:`button`,className:`text-[16px] text-text1`,onClick:()=>{U(!T)},children:A(`episodeTitle`)})]})]}),J=v(`div`,{className:`grid w-full gap-2 ${G===2?`grid-cols-2`:`grid-cols-5`}`,children:(I[R]||[]).map((e,t)=>{let n=!!(C&&e.id===C);return v(`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?`text-theme5 bg-bg2 font-bold`:`text-text1`} ${M?`h-[72px] px-[10px] text-[14px]`:``} ${t%G===0?``:`border-l-0`}`,children:M?v(`span`,{className:`leading-[22px] line-clamp-2`,children:e.title}):e.series_num},e.id)})});return l===`sheet`?v(t,{open:s,onOpenChange:e=>!e&&D(),children:y(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:[v(r,{className:`pt-3 pb-0`,children:v(i,{className:`flex items-center justify-between text-lg text-text1`,children:V})}),y(`div`,{className:`px-4 pb-2 flex flex-col gap-3`,children:[K,q]}),v(`div`,{ref:N,className:`flex-1 h-0 pt-[4px] pb-[12px] overflow-y-auto px-4`,children:J})]})}):v(u,{open:s,onOpenChange:e=>{e||D()},showCloseButton:!1,className:`border-0 bg-transparent p-0`,children:y(e,{className:`w-full flex flex-col bg-bg1 px-[12px] text-text1`,style:k,children:[y(e,{className:`flex justify-between items-center h-[48px]`,children:[v(o,{className:`text-[16px] font-bold text-text1`,children:V}),v(e,{className:`pl-[12px] h-full flex items-center`,onClick:D,children:v(c,{className:`w-[14px] h-[14px] text-text1 cursor-pointer`})})]}),y(e,{className:`flex-1 h-0 w-full pb-[12px] flex flex-col gap-3`,children:[K,q,v(e,{ref:N,className:`flex-1 h-0 pt-[4px] pb-[12px] overflow-y-auto`,children:J})]})]})})}function D({information:t,series_num:n,onEpisodeChange:r}){let i=x(`components.common`),{getTitleText:a}=d(),[c,u]=s(`detail-series-popup-${t.id}`,!1),[S,w]=s(`detail-series-title-toggle-${t.id}`,!1),T=m(()=>C((t.links||[]).map(e=>({id:e.id,name:e.name})),t.id||`episode`,e=>i(`seriesEpisodes.episodeLabel`,{episode:e})),[t.id,t.links,i]),D=t.update_status===`1`?i(`seriesEpisodes.completedSeriesTotal`,{total:t.links.length}):i(`seriesEpisodes.ongoingSeriesUpdatedTo`,{total:t.links.length}),O=m(()=>t.links[n-1]?.id||t.links[0]?.id||``,[t.links,n]);function k(e){if(typeof window>`u`)return;let{search:t,hash:n}=window.location;window.history.replaceState(window.history.state,``,`${e}${t}${n}`)}let A=h(null),j=f(e=>{let t=A.current?.querySelector(`[data-content-id="${e}"]`);t&&A.current&&A.current.scrollTo({left:t.offsetLeft-10,behavior:`smooth`})},[]);p(()=>{j(O)},[O,j]);let M=f(e=>{if(e!==n){if(!t.links[e-1]){b.error(i(`seriesEpisodes.episodeNotFound`));return}try{r(e);let n=a(t)||t.name||``,i=encodeURIComponent(n);k(`/video/${t.id}/${i}/episode/${e}`)}catch(e){console.error(`切换剧集失败`,e),b.error(i(`seriesEpisodes.episodeSwitchFailed`))}}},[a,t,r,n,i]),N=f(e=>{setTimeout(()=>{j(e)},200)},[j]),[P,F]=g(`auto`),I=f(()=>{if(typeof window>`u`)return;let e=document.getElementById(`selectPopupPosition`),t=window.visualViewport?.height||window.innerHeight;if(e){let n=Math.max(0,t-e.offsetTop);n>0&&F(`${n}px`)}},[]);return p(()=>{if(!c)return;I();let e=()=>{I()};return window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0)}},[I,c]),T.length===0?null:y(_,{children:[y(e,{className:`w-full mt-[16px] flex flex-col items-end mb-[4px]`,children:[y(e,{className:`w-fit flex items-center px-[12px] h-[28px]`,onClick:()=>u(!0),children:[v(o,{className:`text-[14px] text-text2 leading-[20px]`,children:D}),v(l,{className:`w-[11px] h-[18px] ml-[4px] text-text2`})]}),v(`div`,{ref:A,className:`w-full mt-[12px] overflow-x-auto px-[12px] flex gap-x-[8px] ${S?`h-[76px]`:`h-[60px]`}`,children:T.map((e,t)=>v(`div`,{"data-content-id":e.id,className:`shrink-0 h-[full] px-[18px] rounded-[6px] border border-line1 flex items-center ${S?`w-[162px]`:`w-[60px] !px-[0] justify-center`} ${e.id===O?`!border-theme5 bg-bg2`:``}`,onClick:()=>M(t+1),children:v(o,{className:`text-[16px] text-text1 leading-[22px] line-clamp-2 ${e.id===O?`font-bold !text-theme5`:``}`,children:S?e.title:e.series_num})},e.id))})]}),v(E,{title:i(`seriesEpisodes.selectorTitle`),variant:`popup`,open:c,updateStatus:t.update_status,summaryText:D,seriesList:(t.links||[]).map(e=>({id:e.id,name:e.name})),activeEpisodeId:O,showEpisodeTitle:S,onToggleTitle:e=>{w(e),N(O)},onClose:()=>u(!1),onSelectEpisode:(e,t)=>{u(!1),M(t),j(e)},popupBodyStyle:{height:P}})]})}export{T 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 { useCardDecoration } from "../../../hooks/use-card-decoration.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;
+/**
+* 把后端/业务侧的「剧集列表」规范化为统一结构：
+* - `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: "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 ? "text-theme5 bg-bg2 font-bold" : "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: popupBodyStyle,
+			children: [/* @__PURE__ */ jsxs(Box, {
+				className: "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 { getTitleText } = useCardDecoration();
+	const [selectSeriesVisible, setSelectSeriesVisible] = useKeepAliveState(`detail-series-popup-${information.id}`, false);
+	const [showEpisodeTitle, setShowEpisodeTitle] = useKeepAliveState(`detail-series-title-toggle-${information.id}`, false);
+	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[series_num - 1]?.id || information.links[0]?.id || "";
+	}, [information.links, series_num]);
+	function updateLocationUrl(nextPath) {
+		if (typeof window === "undefined") return;
+		const { search, hash } = window.location;
+		window.history.replaceState(window.history.state, "", `${nextPath}${search}${hash}`);
+	}
+	const scrollRef = useRef(null);
+	const scrollToCurrentEpisode = useCallback((targetId) => {
+		const target = scrollRef.current?.querySelector(`[data-content-id="${targetId}"]`);
+		if (target && scrollRef.current) scrollRef.current.scrollTo({
+			left: target.offsetLeft - 10,
+			behavior: "smooth"
+		});
+	}, []);
+	useEffect(() => {
+		scrollToCurrentEpisode(currentPlayingSeriesId);
+	}, [currentPlayingSeriesId, scrollToCurrentEpisode]);
+	const handleSwitchEpisode = useCallback((episode) => {
+		if (episode === series_num) return;
+		if (!information.links[episode - 1]) {
+			toast.error(t("seriesEpisodes.episodeNotFound"));
+			return;
+		}
+		try {
+			onEpisodeChange(episode);
+			const title = getTitleText(information) || information.name || "";
+			const encodedName = encodeURIComponent(title);
+			updateLocationUrl(`/video/${information.id}/${encodedName}/episode/${episode}`);
+		} catch (error) {
+			console.error("切换剧集失败", error);
+			toast.error(t("seriesEpisodes.episodeSwitchFailed"));
+		}
+	}, [
+		getTitleText,
+		information,
+		onEpisodeChange,
+		series_num,
+		t
+	]);
+	const delayScrollToCurrent = useCallback((targetId) => {
+		setTimeout(() => {
+			scrollToCurrentEpisode(targetId);
+		}, 200);
+	}, [scrollToCurrentEpisode]);
+	const [popupHeight, setPopupHeight] = useState("auto");
+	const calculatePopupHeight = useCallback(() => {
+		if (typeof window === "undefined") return;
+		const anchor = document.getElementById("selectPopupPosition");
+		const viewportHeight = window.visualViewport?.height || window.innerHeight;
+		if (anchor) {
+			const height = Math.max(0, viewportHeight - anchor.offsetTop);
+			if (height > 0) 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 === 0) 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]"}`,
+			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-bg2" : ""}`,
+				onClick: () => handleSwitchEpisode(index + 1),
+				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);
+			delayScrollToCurrent(currentPlayingSeriesId);
+		},
+		onClose: () => setSelectSeriesVisible(false),
+		onSelectEpisode: (episodeId, episodeNum) => {
+			setSelectSeriesVisible(false);
+			handleSwitchEpisode(episodeNum);
+			scrollToCurrentEpisode(episodeId);
+		},
+		popupBodyStyle: { height: popupHeight }
+	})] });
+}
+
+//#endregion
+export { SeriesEpisodes };