@funhub/platform 0.1.130 → 0.1.131

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,556 +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 { 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 };
+"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};