@funhub/platform 0.1.52 → 0.1.54

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

@@ -1,2 +1,274 @@
 
-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};
+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 };

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

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

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

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