@funhub/platform 0.1.130 → 0.1.132

package/dist/components/biz/basics/fullscreen-feed/runtime/user-action.mjs

@@ -1,274 +1,2 @@
 
-import { useUserStore } from "../../../../../store/modules/user-store.mjs";
-import { followUser } from "../../../../../utils/follow-service.mjs";
-import { Avatar, AvatarImage } from "../../../../ui/avatar.mjs";
-import Button from "../../../../ui/legacy/button.mjs";
-import SvgCollectNor from "../../../../../assets/icons/common/collect_nor.mjs";
-import SvgCollectSel from "../../../../../assets/icons/common/collect_sel.mjs";
-import SvgHeartLike from "../../../../../assets/icons/common/heart-like.mjs";
-import SvgHeartUnlike from "../../../../../assets/icons/common/heart-unlike.mjs";
-import SvgShare from "../../../../../assets/icons/common/share.mjs";
-import SvgComment from "../../../../../assets/icons/detail/comment.mjs";
-import interaction_animations_module_default from "../../../../common/interaction-animations.module.mjs";
-import { useContentOperate } from "../../../../../hooks/use-content-operate.mjs";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "sonner";
-import { useTranslations } from "next-intl";
-
-//#region components/biz/basics/fullscreen-feed/runtime/user-action.tsx
-const emptyFollowIds = [];
-/**
-* 点赞/评论/收藏等操作区域
-*/
-function UserAction({ information, activeEpisodeId, onUpdate, onOpenComment, onCustomActionRender, onUserNavigate, currentUserId, followIds = emptyFollowIds, onFollowChange, onRequireLogin }) {
-	const t = useTranslations("components.biz.basics.fullscreenFeed.runtime");
-	const [updating, setUpdating] = useState(false);
-	const [likeState, setLikeState] = useState({
-		liked: false,
-		count: 0
-	});
-	const [collectState, setCollectState] = useState({
-		collected: false,
-		count: 0
-	});
-	const [commentCount, setCommentCount] = useState(0);
-	const [isFollowingState, setIsFollowingState] = useState(false);
-	const { isLogin, userInfo, userId: storeUserId } = useUserStore();
-	const authorId = information.author?.user_id || "";
-	const authorAvatar = information.author?.avatar;
-	const resolvedUserId = currentUserId || storeUserId || userInfo?.userId || "";
-	const dislikeCount = information.static?.dislike_cnt || 0;
-	const { likeAnimation, handleLikeOperate, handleShareOperate, handleToCollectionOperate } = useContentOperate({
-		id: information.id,
-		isLike: likeState.liked,
-		isDislike: Boolean(information.is_dislike),
-		isCollect: collectState.collected,
-		likeCnt: likeState.count,
-		dislikeCnt: dislikeCount,
-		contentType: information.links?.length > 0 ? 1 : 2,
-		animationClasses: {
-			like: interaction_animations_module_default.likeShakeAnimation,
-			dislike: interaction_animations_module_default.dislikeShakeAnimation
-		}
-	});
-	useEffect(() => {
-		const liked = Boolean(information.is_liked);
-		const likeCnt = Number(information.static?.like_cnt || 0);
-		setLikeState({
-			liked,
-			count: liked && likeCnt === 0 ? 1 : likeCnt
-		});
-		const collected = Boolean(information.is_collected);
-		const collectCnt = Number(information.static?.collect_cnt || 0);
-		setCollectState({
-			collected,
-			count: collected && collectCnt === 0 ? 1 : collectCnt
-		});
-		setCommentCount(information.static?.comment_cnt || 0);
-		setIsFollowingState(Boolean(information.is_followed));
-	}, [
-		information.id,
-		information.is_liked,
-		information.is_collected,
-		information.static?.like_cnt,
-		information.static?.collect_cnt,
-		information.static?.comment_cnt,
-		information.is_followed
-	]);
-	const isSelf = useMemo(() => resolvedUserId === authorId, [authorId, resolvedUserId]);
-	const isFollowingUser = useMemo(() => Boolean(isFollowingState), [isFollowingState]);
-	const formatCount = (count) => {
-		if (count >= 1e6) return `${(count / 1e6).toFixed(1)}M`;
-		if (count >= 1e3) return `${(count / 1e3).toFixed(1)}K`;
-		return count.toString();
-	};
-	const requireLogin = () => {
-		if (isLogin) return true;
-		onRequireLogin?.();
-		return false;
-	};
-	/**
-	* 构建分享链接，避免使用当前地址栏。
-	*/
-	const buildShareUrl = useCallback(() => {
-		if (typeof window === "undefined") return "";
-		const baseUrl = window.location.origin;
-		let contentId = information.id;
-		if (!contentId) return "";
-		if (information.links?.length > 0) {
-			contentId = information.mid || information.id;
-			return `${baseUrl}/feed-series/${contentId}/episode/${activeEpisodeId || "1"}`;
-		}
-		return `${baseUrl}/post/${contentId}`;
-	}, [
-		information.id,
-		activeEpisodeId,
-		information.links?.length,
-		information.mid
-	]);
-	const handleFollow = async () => {
-		if (updating) return;
-		if (!requireLogin()) return;
-		if (!authorId || !resolvedUserId || isSelf) return;
-		setUpdating(true);
-		try {
-			const result = await followUser({
-				app_id: 0,
-				follower_id: resolvedUserId,
-				followee_id: authorId
-			});
-			if (result.success) {
-				const nextIds = followIds.includes(authorId) ? followIds : [...followIds, authorId];
-				onFollowChange?.(nextIds);
-				onUpdate?.({ is_followed: true });
-				setIsFollowingState(true);
-			} else {
-				console.error("关注失败:", result.message);
-				toast.error(t("userAction.followFailed"), { description: result.message });
-			}
-		} catch (error) {
-			console.error("关注失败:", error);
-		} finally {
-			setUpdating(false);
-		}
-	};
-	const handleLike = async () => {
-		if (!requireLogin()) return;
-		const result = await handleLikeOperate();
-		if (!result) return;
-		const nextLiked = result.isLike;
-		const nextCount = nextLiked && result.likeCnt === 0 ? 1 : result.likeCnt;
-		const nextDislike = result.isDislike ?? information.is_dislike ?? false;
-		const nextDislikeCount = result.dislikeCnt ?? dislikeCount;
-		setLikeState({
-			liked: nextLiked,
-			count: nextCount
-		});
-		onUpdate?.({
-			is_liked: nextLiked,
-			is_dislike: nextDislike,
-			static: {
-				...information.static,
-				like_cnt: nextCount,
-				dislike_cnt: nextDislikeCount
-			}
-		});
-	};
-	const handleCollect = async () => {
-		if (!requireLogin()) return;
-		if (!handleToCollectionOperate({
-			currentCollect: collectState.collected,
-			onUpdate: ({ isCollect }) => {
-				const nextCount = Math.max(0, collectState.count + (isCollect ? 1 : -1));
-				setCollectState({
-					collected: isCollect,
-					count: nextCount
-				});
-				onUpdate?.({
-					is_collected: isCollect,
-					static: {
-						...information.static,
-						collect_cnt: nextCount
-					}
-				});
-			}
-		})) toast.error(t("userAction.loginRequired"));
-	};
-	const handleShare = async () => {
-		handleShareOperate(({ isCollect }) => {
-			const nextCount = Math.max(0, collectState.count + (isCollect ? 1 : -1));
-			setCollectState({
-				collected: isCollect,
-				count: nextCount
-			});
-			onUpdate?.({
-				is_collected: isCollect,
-				static: {
-					...information.static,
-					collect_cnt: nextCount
-				}
-			});
-		}, { shareUrl: buildShareUrl() });
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "absolute right-3 bottom-5 z-20 flex flex-col items-center gap-4 g-safe-area text-white",
-		children: [authorId && /* @__PURE__ */ jsxs("div", {
-			className: "relative h-[62px] flex flex-col items-center",
-			children: [/* @__PURE__ */ jsx(Button, {
-				className: "w-12 h-12 !p-0 rounded-full overflow-hidden cursor-pointer",
-				onClick: (event) => {
-					event.stopPropagation();
-					if (authorId) onUserNavigate?.(authorId);
-				},
-				children: /* @__PURE__ */ jsx(Avatar, {
-					className: "w-full h-full",
-					children: /* @__PURE__ */ jsx(AvatarImage, { src: authorAvatar })
-				})
-			}), !isSelf && !isFollowingUser && /* @__PURE__ */ jsx(Button, {
-				onClick: handleFollow,
-				className: "w-[34px] h-[18px] !p-0 -mt-2 bg-[linear-gradient(73deg,#FD4C5E,#F05D19)] flex items-center justify-center text-xs cursor-pointer relative z-[1]",
-				children: "+"
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-5 items-center",
-			children: [
-				/* @__PURE__ */ jsx(ActionButton, {
-					active: likeState.liked,
-					count: likeState.count <= 0 ? t("userAction.like") : formatCount(likeState.count),
-					onClick: handleLike,
-					label: t("userAction.likeAction"),
-					children: likeState.liked ? /* @__PURE__ */ jsx(SvgHeartLike, { className: `w-full h-full ${likeAnimation.animationClass || ""}` }) : /* @__PURE__ */ jsx(SvgHeartUnlike, { className: "w-full h-full" })
-				}),
-				/* @__PURE__ */ jsx(ActionButton, {
-					active: false,
-					count: formatCount(commentCount),
-					onClick: (event) => {
-						event.stopPropagation();
-						if (!isLogin) {
-							onRequireLogin?.();
-							return;
-						}
-						onOpenComment?.();
-					},
-					label: t("userAction.commentAction"),
-					children: /* @__PURE__ */ jsx(SvgComment, { className: "w-full h-full" })
-				}),
-				/* @__PURE__ */ jsx(ActionButton, {
-					active: collectState.collected,
-					count: formatCount(collectState.count),
-					onClick: handleCollect,
-					label: t("userAction.collectAction"),
-					children: collectState.collected ? /* @__PURE__ */ jsx(SvgCollectSel, { className: "w-full h-full" }) : /* @__PURE__ */ jsx(SvgCollectNor, { className: "w-full h-full" })
-				}),
-				/* @__PURE__ */ jsx(ActionButton, {
-					active: false,
-					count: t("userAction.shareAction"),
-					onClick: handleShare,
-					label: t("userAction.shareAction"),
-					children: /* @__PURE__ */ jsx(SvgShare, { className: "w-full h-full" })
-				}),
-				onCustomActionRender?.(information)
-			]
-		})]
-	});
-}
-function ActionButton({ active, count, onClick, children }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col items-center gap-1",
-		children: [/* @__PURE__ */ jsx(Button, {
-			onClick: (event) => {
-				event.stopPropagation();
-				onClick(event);
-			},
-			className: `w-8 h-8 !p-0 !rounded-full flex items-center justify-center transition ${active ? "text-theme5" : "text-white"}`,
-			children
-		}), /* @__PURE__ */ jsx("span", {
-			className: "text-xs font-medium text-center min-w-5 drop-shadow",
-			children: count
-		})]
-	});
-}
-
-//#endregion
-export { UserAction };
+import{useUserStore as e}from"../../../../../store/modules/user-store.mjs";import{followUser as t}from"../../../../../utils/follow-service.mjs";import{Avatar as n,AvatarImage as r}from"../../../../ui/avatar.mjs";import i from"../../../../ui/legacy/button.mjs";import a from"../../../../../assets/icons/common/collect_nor.mjs";import ee from"../../../../../assets/icons/common/collect_sel.mjs";import te from"../../../../../assets/icons/common/heart-like.mjs";import o from"../../../../../assets/icons/common/heart-unlike.mjs";import s from"../../../../../assets/icons/common/share.mjs";import c from"../../../../../assets/icons/detail/comment.mjs";import l from"../../../../common/interaction-animations.module.mjs";import{useContentOperate as u}from"../../../../../hooks/use-content-operate.mjs";import{useCallback as d,useEffect as f,useMemo as p,useState as m}from"react";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{toast as _}from"sonner";import{useTranslations as v}from"next-intl";const y=[];function b({information:b,activeEpisodeId:S,onUpdate:C,onOpenComment:w,onCustomActionRender:T,onUserNavigate:E,currentUserId:D,followIds:O=y,onFollowChange:ne,onRequireLogin:k}){let A=v(`components.biz.basics.fullscreenFeed.runtime`),[j,M]=m(!1),[N,P]=m({liked:!1,count:0}),[F,I]=m({collected:!1,count:0}),[L,R]=m(0),[z,B]=m(!1),{isLogin:V,userInfo:H,userId:U}=e(),W=b.author?.user_id||``,G=b.author?.avatar,K=D||U||H?.userId||``,q=b.static?.dislike_cnt||0,{likeAnimation:J,handleLikeOperate:Y,handleShareOperate:X,handleToCollectionOperate:re}=u({id:b.id,isLike:N.liked,isDislike:!!b.is_dislike,isCollect:F.collected,likeCnt:N.count,dislikeCnt:q,contentType:b.links?.length>0?1:2,animationClasses:{like:l.likeShakeAnimation,dislike:l.dislikeShakeAnimation}});f(()=>{let e=!!b.is_liked,t=Number(b.static?.like_cnt||0);P({liked:e,count:e&&t===0?1:t});let n=!!b.is_collected,r=Number(b.static?.collect_cnt||0);I({collected:n,count:n&&r===0?1:r}),R(b.static?.comment_cnt||0),B(!!b.is_followed)},[b.id,b.is_liked,b.is_collected,b.static?.like_cnt,b.static?.collect_cnt,b.static?.comment_cnt,b.is_followed]);let Z=p(()=>K===W,[W,K]),ie=p(()=>!!z,[z]),Q=e=>e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:e.toString(),$=()=>V?!0:(k?.(),!1),ae=d(()=>{if(typeof window>`u`)return``;let e=window.location.origin,t=b.id;return t?b.links?.length>0?(t=b.mid||b.id,`${e}/feed-series/${t}/episode/${S||`1`}`):`${e}/post/${t}`:``},[b.id,S,b.links?.length,b.mid]);return g(`div`,{className:`absolute right-3 bottom-5 z-20 flex flex-col items-center gap-4 g-safe-area text-white`,children:[W&&g(`div`,{className:`relative h-[62px] flex flex-col items-center`,children:[h(i,{className:`w-12 h-12 !p-0 rounded-full overflow-hidden cursor-pointer`,onClick:e=>{e.stopPropagation(),W&&E?.(W)},children:h(n,{className:`w-full h-full`,children:h(r,{src:G})})}),!Z&&!ie&&h(i,{onClick:async()=>{if(!j&&$()&&!(!W||!K||Z)){M(!0);try{let e=await t({app_id:0,follower_id:K,followee_id:W});if(e.success){let e=O.includes(W)?O:[...O,W];ne?.(e),C?.({is_followed:!0}),B(!0)}else console.error(`关注失败:`,e.message),_.error(A(`userAction.followFailed`),{description:e.message})}catch(e){console.error(`关注失败:`,e)}finally{M(!1)}}},className:`w-[34px] h-[18px] !p-0 -mt-2 bg-[linear-gradient(73deg,#FD4C5E,#F05D19)] flex items-center justify-center text-xs cursor-pointer relative z-[1]`,children:`+`})]}),g(`div`,{className:`flex flex-col gap-5 items-center`,children:[h(x,{active:N.liked,count:N.count<=0?A(`userAction.like`):Q(N.count),onClick:async()=>{if(!$())return;let e=await Y();if(!e)return;let t=e.isLike,n=t&&e.likeCnt===0?1:e.likeCnt,r=e.isDislike??b.is_dislike??!1,i=e.dislikeCnt??q;P({liked:t,count:n}),C?.({is_liked:t,is_dislike:r,static:{...b.static,like_cnt:n,dislike_cnt:i}})},label:A(`userAction.likeAction`),children:N.liked?h(te,{className:`w-full h-full ${J.animationClass||``}`}):h(o,{className:`w-full h-full`})}),h(x,{active:!1,count:Q(L),onClick:e=>{if(e.stopPropagation(),!V){k?.();return}w?.()},label:A(`userAction.commentAction`),children:h(c,{className:`w-full h-full`})}),h(x,{active:F.collected,count:Q(F.count),onClick:async()=>{$()&&(re({currentCollect:F.collected,onUpdate:({isCollect:e})=>{let t=Math.max(0,F.count+(e?1:-1));I({collected:e,count:t}),C?.({is_collected:e,static:{...b.static,collect_cnt:t}})}})||_.error(A(`userAction.loginRequired`)))},label:A(`userAction.collectAction`),children:F.collected?h(ee,{className:`w-full h-full`}):h(a,{className:`w-full h-full`})}),h(x,{active:!1,count:A(`userAction.shareAction`),onClick:async()=>{X(({isCollect:e})=>{let t=Math.max(0,F.count+(e?1:-1));I({collected:e,count:t}),C?.({is_collected:e,static:{...b.static,collect_cnt:t}})},{shareUrl:ae()})},label:A(`userAction.shareAction`),children:h(s,{className:`w-full h-full`})}),T?.(b)]})]})}function x({active:e,count:t,onClick:n,children:r}){return g(`div`,{className:`flex flex-col items-center gap-1`,children:[h(i,{onClick:e=>{e.stopPropagation(),n(e)},className:`w-8 h-8 !p-0 !rounded-full flex items-center justify-center transition ${e?`text-theme5`:`text-white`}`,children:r}),h(`span`,{className:`text-xs font-medium text-center min-w-5 drop-shadow`,children:t})]})}export{b as UserAction};

package/dist/components/biz/basics/fullscreen-feed/runtime/video-slide.mjs

@@ -1,374 +1,2 @@
 
-'use client';
-
-import { Image } from "../../../../ui/image.mjs";
-import { prefetchVideoPlayerSrc } from "../../../../common/video-player/process-m3u8-cache.mjs";
-import { useBrowseReport } from "../../../../../hooks/use-browse-report.mjs";
-import styles_module_default from "./styles.module.mjs";
-import SvgFullScreen from "../../../../../assets/icons/common/full_screen.mjs";
-import CommonPlayer from "../../../../common/video-player/index.mjs";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-
-//#region components/biz/basics/fullscreen-feed/runtime/video-slide.tsx
-/**
-* 历史代码，遗留的 ESLint 规则禁用注释，请勿在新代码中使用
-*/
-const ACTIVE_STABLE_MOUNT_DELAY_MS = 260;
-const ACTIVE_STABLE_MOUNT_DELAY_CACHED_MS = 80;
-const WARMED_VIDEO_ID_LIMIT = 200;
-/**
-* 以「本次会话内已成功初始化过播放器」作为“已缓存”的近似判定。
-*
-* 这不会依赖浏览器/播放器底层缓存实现细节，主要优化回滑/来回切换同一条内容时的延迟体验；
-* 同时仍保留一个很小的稳定窗口，避免回滑时重新引入 mount 抖动。
-*/
-const warmedVideoIds = /* @__PURE__ */ new Set();
-const warmedVideoIdQueue = [];
-function markVideoWarmed(id) {
-	if (!id || warmedVideoIds.has(id)) return;
-	warmedVideoIds.add(id);
-	warmedVideoIdQueue.push(id);
-	if (warmedVideoIdQueue.length <= WARMED_VIDEO_ID_LIMIT) return;
-	const oldest = warmedVideoIdQueue.shift();
-	if (oldest) warmedVideoIds.delete(oldest);
-}
-function isVideoWarmed(id) {
-	return Boolean(id && warmedVideoIds.has(id));
-}
-/**
-* 视频滑块：负责挂载 CommonPlayer，并在 active 状态下自动播放/静音控制
-*/
-function VideoSlide({ item, isActive, isSettledActive, shouldMount, shouldLoadCover, isPaused = false, videoConfig, userInteracted, onPlayerInteract, onControlsVisibilityChange, onVideoEnded, onProgressUpdate }) {
-	const t = useTranslations("components.biz.basics.fullscreenFeed.runtime");
-	const wrapperRef = useRef(null);
-	const playerRef = useRef(null);
-	const playTimerRef = useRef(null);
-	const currentTimeRef = useRef(0);
-	const durationRef = useRef(0);
-	const firstFrameRafRef = useRef(null);
-	const [btnTop, setBtnTop] = useState(null);
-	const [isVideoReady, setIsVideoReady] = useState(false);
-	const [hasVideoError, setHasVideoError] = useState(false);
-	const [hasFirstFrameRendered, setHasFirstFrameRendered] = useState(false);
-	const [isPlayerReady, setIsPlayerReady] = useState(false);
-	const [isLandscape, setIsLandscape] = useState(false);
-	const [shouldRenderPlayer, setShouldRenderPlayer] = useState(false);
-	useEffect(() => {
-		setShouldRenderPlayer(false);
-		setIsPlayerReady(false);
-		setIsVideoReady(false);
-		setHasVideoError(false);
-		setHasFirstFrameRendered(false);
-		if (firstFrameRafRef.current) {
-			window.cancelAnimationFrame(firstFrameRafRef.current);
-			firstFrameRafRef.current = null;
-		}
-	}, [item.id]);
-	useEffect(() => {
-		if (shouldMount) return;
-		setIsVideoReady(false);
-		setHasVideoError(false);
-		setHasFirstFrameRendered(false);
-		if (firstFrameRafRef.current) {
-			window.cancelAnimationFrame(firstFrameRafRef.current);
-			firstFrameRafRef.current = null;
-		}
-	}, [shouldMount]);
-	const shouldShowPosterLoading = Boolean(shouldLoadCover && isActive && item.videoUrl && !hasFirstFrameRendered && !isVideoReady && !hasVideoError);
-	const shouldShowPosterBackdrop = Boolean(shouldLoadCover && item.poster);
-	const shouldShowPosterCover = Boolean(shouldLoadCover && item.poster && !hasFirstFrameRendered);
-	useEffect(() => {
-		currentTimeRef.current = 0;
-		durationRef.current = 0;
-	}, [item.id]);
-	/**
-	* 进入渲染窗口后提前预热 m3u8，降低 active 态首帧等待。
-	*/
-	useEffect(() => {
-		if (!shouldMount || !item.videoUrl) return;
-		prefetchVideoPlayerSrc(item.videoUrl);
-	}, [item.videoUrl, shouldMount]);
-	/**
-	* 防抖挂载：只有当条目在「稳定态 active」保持一段时间后，才真正挂载 `CommonPlayer`。
-	*
-	* 目的：快速连续滑动时，翻页过渡期会不断切换 activeIndex；
-	* 这里用“稳定态”+延迟，避免中间页触发播放器 init/destroy，降低内存峰值与崩溃风险。
-	*/
-	useEffect(() => {
-		if (!shouldMount || !item.videoUrl) {
-			setShouldRenderPlayer(false);
-			setIsPlayerReady(false);
-			if (playTimerRef.current) {
-				window.clearTimeout(playTimerRef.current);
-				playTimerRef.current = null;
-			}
-			return;
-		}
-		if (!isActive || !isSettledActive) {
-			if (playTimerRef.current) {
-				window.clearTimeout(playTimerRef.current);
-				playTimerRef.current = null;
-			}
-			return;
-		}
-		if (shouldRenderPlayer) return;
-		let cancelled = false;
-		const delayMs = isVideoWarmed(item.id) ? ACTIVE_STABLE_MOUNT_DELAY_CACHED_MS : ACTIVE_STABLE_MOUNT_DELAY_MS;
-		const timer = window.setTimeout(() => {
-			if (!cancelled) setShouldRenderPlayer(true);
-		}, delayMs);
-		return () => {
-			cancelled = true;
-			window.clearTimeout(timer);
-		};
-	}, [
-		isActive,
-		isSettledActive,
-		item.videoUrl,
-		shouldMount,
-		item.id,
-		shouldRenderPlayer
-	]);
-	useEffect(() => {
-		return () => {
-			if (playTimerRef.current) {
-				window.clearTimeout(playTimerRef.current);
-				playTimerRef.current = null;
-			}
-		};
-	}, []);
-	const browseReport = useBrowseReport({
-		contentId: item.id,
-		contentType: 1,
-		enabled: Boolean(shouldRenderPlayer && isActive && isSettledActive && item.videoUrl),
-		preferProgressInitial: true,
-		preferProgressInitialTimeoutMs: 1e3,
-		intervalMs: 60 * 1e3,
-		getCurrentTimeSeconds: () => currentTimeRef.current,
-		getDurationSeconds: () => durationRef.current
-	});
-	const syncPlaybackState = useCallback(() => {
-		const player = playerRef.current?.getPlayer?.();
-		if (!player) return;
-		if (playTimerRef.current) {
-			window.clearTimeout(playTimerRef.current);
-			playTimerRef.current = null;
-		}
-		if (isActive && !isPaused) {
-			if (player.paused) playTimerRef.current = window.setTimeout(() => {
-				player.play?.().catch(() => {});
-			}, 260);
-			return;
-		}
-		if (!player.paused) player.pause?.();
-	}, [isActive, isPaused]);
-	const syncVolumeState = useCallback(() => {
-		const player = playerRef.current?.getPlayer?.();
-		if (!player) return;
-		player.volume = isActive && userInteracted ? 1 : 0;
-	}, [isActive, userInteracted]);
-	const playerMergeConfig = useMemo(() => ({
-		autoplay: false,
-		loop: videoConfig?.loop ?? true,
-		videoFillMode: "contain",
-		volume: {
-			default: 0,
-			miniVolume: .2
-		}
-	}), [videoConfig?.loop]);
-	const updateFullscreenButtonPosition = useCallback(() => {
-		const wrapper = wrapperRef.current;
-		const playerInstance = playerRef.current?.getPlayer?.();
-		if (!wrapper || !playerInstance) return;
-		const videoEl = playerInstance.video;
-		const w = wrapper.clientWidth;
-		const h = wrapper.clientHeight;
-		const vw = videoEl?.videoWidth;
-		const vh = videoEl?.videoHeight;
-		if (!w || !h || !vw || !vh) return;
-		setIsLandscape(vw > vh);
-		const aspect = vw / vh;
-		let displayW = w;
-		let displayH = displayW / aspect;
-		if (displayH > h) {
-			displayH = h;
-			displayW = displayH * aspect;
-		}
-		const videoTop = (h - displayH) / 2;
-		setBtnTop(Math.max(0, Math.min(h - 44, videoTop + displayH + 20)));
-	}, []);
-	const attachPlayerListeners = useCallback(() => {
-		const playerInstance = playerRef.current?.getPlayer?.();
-		const wrapper = wrapperRef.current;
-		if (!playerInstance || !wrapper) return () => {};
-		const handleVideoMetadata = () => {
-			updateFullscreenButtonPosition();
-		};
-		const handleVideoCanPlay = () => {
-			setIsVideoReady(true);
-			setHasVideoError(false);
-			updateFullscreenButtonPosition();
-		};
-		const handleVideoError = () => {
-			setIsVideoReady(false);
-			setHasVideoError(true);
-			setBtnTop(null);
-		};
-		playerInstance.on?.("loadedmetadata", handleVideoMetadata);
-		playerInstance.on?.("canplay", handleVideoCanPlay);
-		playerInstance.on?.("error", handleVideoError);
-		const resizeObserver = new ResizeObserver(() => updateFullscreenButtonPosition());
-		resizeObserver.observe(wrapper);
-		return () => {
-			playerInstance.off?.("loadedmetadata", handleVideoMetadata);
-			playerInstance.off?.("canplay", handleVideoCanPlay);
-			playerInstance.off?.("error", handleVideoError);
-			resizeObserver.disconnect();
-		};
-	}, [updateFullscreenButtonPosition]);
-	const handlePlayerReady = useCallback(() => {
-		markVideoWarmed(item.id);
-		setIsPlayerReady(true);
-		window.requestAnimationFrame(() => {
-			syncPlaybackState();
-			syncVolumeState();
-		});
-	}, [
-		item.id,
-		syncPlaybackState,
-		syncVolumeState
-	]);
-	useEffect(() => {
-		if (!shouldRenderPlayer || !item.videoUrl) return;
-		if (isPlayerReady) syncPlaybackState();
-	}, [
-		isActive,
-		isPaused,
-		isPlayerReady,
-		item.videoUrl,
-		shouldRenderPlayer,
-		syncPlaybackState
-	]);
-	useEffect(() => {
-		if (!shouldRenderPlayer || !item.videoUrl) return;
-		if (isPlayerReady) syncVolumeState();
-	}, [
-		isPlayerReady,
-		item.videoUrl,
-		shouldRenderPlayer,
-		syncVolumeState,
-		userInteracted
-	]);
-	useEffect(() => {
-		if (!shouldRenderPlayer || !isActive || !item.videoUrl || !isPlayerReady) return;
-		return attachPlayerListeners();
-	}, [
-		attachPlayerListeners,
-		isActive,
-		isPlayerReady,
-		item.videoUrl,
-		shouldRenderPlayer
-	]);
-	useEffect(() => {
-		if (!isActive) {
-			if (firstFrameRafRef.current) {
-				window.cancelAnimationFrame(firstFrameRafRef.current);
-				firstFrameRafRef.current = null;
-			}
-			setBtnTop(null);
-			setIsLandscape(false);
-		}
-	}, [isActive]);
-	return /* @__PURE__ */ jsxs("div", {
-		ref: wrapperRef,
-		"data-id": item.id,
-		className: styles_module_default.videoSlide,
-		onPointerDown: () => {
-			if (!isActive) return;
-			onPlayerInteract?.();
-		},
-		children: [
-			shouldShowPosterBackdrop && /* @__PURE__ */ jsx("div", {
-				className: styles_module_default.videoPosterBg,
-				children: /* @__PURE__ */ jsx(Image, {
-					src: item.poster,
-					fill: true,
-					alt: item.title || "video",
-					priority: isActive,
-					className: "object-cover blur-[4px] scale-105"
-				})
-			}),
-			shouldShowPosterCover && /* @__PURE__ */ jsx("div", {
-				className: styles_module_default.videoPosterCover,
-				children: /* @__PURE__ */ jsx(Image, {
-					src: item.poster,
-					fill: true,
-					alt: item.title || "video",
-					priority: isActive,
-					className: "object-cover"
-				})
-			}),
-			shouldRenderPlayer && item.videoUrl ? /* @__PURE__ */ jsxs("div", {
-				className: `${styles_module_default.videoPlayerBox}`,
-				children: [/* @__PURE__ */ jsx(CommonPlayer, {
-					ref: playerRef,
-					plyerId: item.id,
-					resolution: item.resolution,
-					poster: item.poster,
-					videoUrl: item.videoUrl,
-					hlsList: item.hlsList,
-					mergeConfig: playerMergeConfig,
-					onVideoEnded: videoConfig?.autoNext ? onVideoEnded : void 0,
-					onPlayerReady: handlePlayerReady,
-					onControlsVisibilityChange,
-					onProgressUpdate: (currentTime, duration) => {
-						currentTimeRef.current = currentTime;
-						durationRef.current = duration;
-						if (currentTime > 0) setIsVideoReady(true);
-						if (!hasFirstFrameRendered && currentTime >= .05) {
-							if (!firstFrameRafRef.current) firstFrameRafRef.current = window.requestAnimationFrame(() => {
-								firstFrameRafRef.current = null;
-								setHasFirstFrameRendered(true);
-							});
-						}
-						onProgressUpdate?.(currentTime, duration);
-					},
-					onPlay: browseReport.handlePlay,
-					onPause: browseReport.handlePause,
-					onEnded: browseReport.handleEnded
-				}), shouldShowPosterLoading && /* @__PURE__ */ jsx("div", {
-					className: styles_module_default.posterLoading,
-					children: /* @__PURE__ */ jsx("img", {
-						src: "/images/common/loading.gif",
-						alt: "loading",
-						width: 36,
-						height: 36
-					})
-				})]
-			}) : /* @__PURE__ */ jsx("div", {
-				className: styles_module_default.videoPlaceholder,
-				children: shouldShowPosterLoading && /* @__PURE__ */ jsx("div", {
-					className: styles_module_default.posterLoading,
-					children: /* @__PURE__ */ jsx("img", {
-						src: "/images/common/loading.gif",
-						alt: "loading",
-						width: 36,
-						height: 36
-					})
-				})
-			}),
-			shouldRenderPlayer && isActive && isLandscape && isVideoReady && btnTop != null && /* @__PURE__ */ jsxs("button", {
-				type: "button",
-				className: styles_module_default.fullscreenBtn,
-				style: { top: `${btnTop}px` },
-				onClick: () => playerRef.current?.enterFullscreen(),
-				children: [/* @__PURE__ */ jsx(SvgFullScreen, {}), t("videoSlide.watchFullscreen")]
-			})
-		]
-	});
-}
-
-//#endregion
-export { VideoSlide };
+"use client";import{Image as e}from"../../../../ui/image.mjs";import{prefetchVideoPlayerSrc as t}from"../../../../common/video-player/process-m3u8-cache.mjs";import{useBrowseReport as n}from"../../../../../hooks/use-browse-report.mjs";import r from"./styles.module.mjs";import i from"../../../../../assets/icons/common/full_screen.mjs";import a from"../../../../common/video-player/index.mjs";import{useCallback as o,useEffect as s,useMemo as c,useRef as l,useState as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{useTranslations as ee}from"next-intl";const p=new Set,m=[];function h(e){if(!e||p.has(e)||(p.add(e),m.push(e),m.length<=200))return;let t=m.shift();t&&p.delete(t)}function g(e){return!!(e&&p.has(e))}function _({item:p,isActive:m,isSettledActive:_,shouldMount:v,shouldLoadCover:y,isPaused:b=!1,videoConfig:x,userInteracted:S,onPlayerInteract:C,onControlsVisibilityChange:w,onVideoEnded:T,onProgressUpdate:E}){let te=ee(`components.biz.basics.fullscreenFeed.runtime`),D=l(null),O=l(null),k=l(null),A=l(0),j=l(0),M=l(null),[N,P]=u(null),[F,I]=u(!1),[ne,L]=u(!1),[R,z]=u(!1),[B,V]=u(!1),[H,U]=u(!1),[W,G]=u(!1);s(()=>{G(!1),V(!1),I(!1),L(!1),z(!1),M.current&&=(window.cancelAnimationFrame(M.current),null)},[p.id]),s(()=>{v||(I(!1),L(!1),z(!1),M.current&&=(window.cancelAnimationFrame(M.current),null))},[v]);let K=!!(y&&m&&p.videoUrl&&!R&&!F&&!ne),q=!!(y&&p.poster),J=!!(y&&p.poster&&!R);s(()=>{A.current=0,j.current=0},[p.id]),s(()=>{!v||!p.videoUrl||t(p.videoUrl)},[p.videoUrl,v]),s(()=>{if(!v||!p.videoUrl){G(!1),V(!1),k.current&&=(window.clearTimeout(k.current),null);return}if(!m||!_){k.current&&=(window.clearTimeout(k.current),null);return}if(W)return;let e=!1,t=g(p.id)?80:260,n=window.setTimeout(()=>{e||G(!0)},t);return()=>{e=!0,window.clearTimeout(n)}},[m,_,p.videoUrl,v,p.id,W]),s(()=>()=>{k.current&&=(window.clearTimeout(k.current),null)},[]);let Y=n({contentId:p.id,contentType:1,enabled:!!(W&&m&&_&&p.videoUrl),preferProgressInitial:!0,preferProgressInitialTimeoutMs:1e3,intervalMs:60*1e3,getCurrentTimeSeconds:()=>A.current,getDurationSeconds:()=>j.current}),X=o(()=>{let e=O.current?.getPlayer?.();if(e){if(k.current&&=(window.clearTimeout(k.current),null),m&&!b){e.paused&&(k.current=window.setTimeout(()=>{e.play?.().catch(()=>{})},260));return}e.paused||e.pause?.()}},[m,b]),Z=o(()=>{let e=O.current?.getPlayer?.();e&&(e.volume=m&&S?1:0)},[m,S]),re=c(()=>({autoplay:!1,loop:x?.loop??!0,videoFillMode:`contain`,volume:{default:0,miniVolume:.2}}),[x?.loop]),Q=o(()=>{let e=D.current,t=O.current?.getPlayer?.();if(!e||!t)return;let n=t.video,r=e.clientWidth,i=e.clientHeight,a=n?.videoWidth,o=n?.videoHeight;if(!r||!i||!a||!o)return;U(a>o);let s=a/o,c=r,l=c/s;l>i&&(l=i,c=l*s);let u=(i-l)/2;P(Math.max(0,Math.min(i-44,u+l+20)))},[]),$=o(()=>{let e=O.current?.getPlayer?.(),t=D.current;if(!e||!t)return()=>{};let n=()=>{Q()},r=()=>{I(!0),L(!1),Q()},i=()=>{I(!1),L(!0),P(null)};e.on?.(`loadedmetadata`,n),e.on?.(`canplay`,r),e.on?.(`error`,i);let a=new ResizeObserver(()=>Q());return a.observe(t),()=>{e.off?.(`loadedmetadata`,n),e.off?.(`canplay`,r),e.off?.(`error`,i),a.disconnect()}},[Q]),ie=o(()=>{h(p.id),V(!0),window.requestAnimationFrame(()=>{X(),Z()})},[p.id,X,Z]);return s(()=>{!W||!p.videoUrl||B&&X()},[m,b,B,p.videoUrl,W,X]),s(()=>{!W||!p.videoUrl||B&&Z()},[B,p.videoUrl,W,Z,S]),s(()=>{if(!(!W||!m||!p.videoUrl||!B))return $()},[$,m,B,p.videoUrl,W]),s(()=>{m||(M.current&&=(window.cancelAnimationFrame(M.current),null),P(null),U(!1))},[m]),f(`div`,{ref:D,"data-id":p.id,className:r.videoSlide,onPointerDown:()=>{m&&C?.()},children:[q&&d(`div`,{className:r.videoPosterBg,children:d(e,{src:p.poster,fill:!0,alt:p.title||`video`,priority:m,className:`object-cover blur-[4px] scale-105`})}),J&&d(`div`,{className:r.videoPosterCover,children:d(e,{src:p.poster,fill:!0,alt:p.title||`video`,priority:m,className:`object-cover`})}),W&&p.videoUrl?f(`div`,{className:`${r.videoPlayerBox}`,children:[d(a,{ref:O,plyerId:p.id,resolution:p.resolution,poster:p.poster,videoUrl:p.videoUrl,hlsList:p.hlsList,mergeConfig:re,onVideoEnded:x?.autoNext?T:void 0,onPlayerReady:ie,onControlsVisibilityChange:w,onProgressUpdate:(e,t)=>{A.current=e,j.current=t,e>0&&I(!0),!R&&e>=.05&&(M.current||=window.requestAnimationFrame(()=>{M.current=null,z(!0)})),E?.(e,t)},onPlay:Y.handlePlay,onPause:Y.handlePause,onEnded:Y.handleEnded}),K&&d(`div`,{className:r.posterLoading,children:d(`img`,{src:`/images/common/loading.gif`,alt:`loading`,width:36,height:36})})]}):d(`div`,{className:r.videoPlaceholder,children:K&&d(`div`,{className:r.posterLoading,children:d(`img`,{src:`/images/common/loading.gif`,alt:`loading`,width:36,height:36})})}),W&&m&&H&&F&&N!=null&&f(`button`,{type:`button`,className:r.fullscreenBtn,style:{top:`${N}px`},onClick:()=>O.current?.enterFullscreen(),children:[d(i,{}),te(`videoSlide.watchFullscreen`)]})]})}export{_ as VideoSlide};

package/dist/components/biz/basics/fullscreen-feed/schema/component.mjs

@@ -1,15 +1,2 @@
 
-//#region components/biz/basics/fullscreen-feed/schema/component.ts
-/**
-* BasicFullscreenFeed 组件元信息配置
-*/
-const componentMeta = {
-	componentName: "BasicFullscreenFeed",
-	displayName: "全屏视频流",
-	category: "Feed",
-	categoryName: "Feed",
-	enabled: true
-};
-
-//#endregion
-export { componentMeta };
+const e={componentName:`BasicFullscreenFeed`,displayName:`全屏视频流`,category:`Feed`,categoryName:`Feed`,enabled:!0};export{e as componentMeta};