@funhub/platform 0.1.62 → 0.1.63

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

@@ -1,77 +1,2 @@
 
-'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 };
+"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};

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

@@ -1,10 +1,19 @@
 
-import styleInject from "../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";
+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;
+}
 
-//#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-volume {
+  left: auto !important;
+  right: 10px !important;
+}
 
-//#endregion
-export { popup_video_module_default as default };
+.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};

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

@@ -1,430 +1,2 @@
 
-'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 };
+"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};