@funhub/platform 0.1.126 → 0.1.130

package/dist/components/biz/business/detail/video-detail-recommend/client.mjs

@@ -1,2 +1,553 @@
 
-"use client";import{gContentGetGuessYouLikeVideos as e,pContentBatchGetVideoDetail as t}from"../../../../../service/generated/client.mjs";import{Box as n}from"../../../../ui/box.mjs";import{Text as r}from"../../../../ui/text.mjs";import{useRequest as i}from"../../../../../hooks/query/use-query.mjs";import{useKeepAliveState as a}from"../../../../common/keep-scroll-position/index.mjs";import o from"../../../../../assets/icons/detail/video_flag.mjs";import{MiniThreeCard as s}from"../../../../common/cards/mini-three-card.mjs";import{useCardDecoration as c}from"../../../../../hooks/use-card-decoration.mjs";import{buildEditorPreviewRecommendList as l}from"../shared/editor-preview.mjs";import{useVideoDetailMaterialRuntimeContext as u}from"../shared/runtime-context-provider.mjs";import{applyPlayCountDelta as ee,clampColumns as d,mergeManualAndPool as f,normalizeRecommendRuntimeProps as p,resolveRows as m}from"./utils.mjs";import{useCallback as te,useEffect as h,useMemo as g,useRef as ne,useState as re}from"react";import{jsx as _,jsxs as ie}from"react/jsx-runtime";function v({rows:v,columns:ae,smartTagEnabled:y,smartTagIds:b,title:pe,showPlayCount:me,playCountDelta:he,showEpisode:ge,enableInfinite:S,items:C,mode:_e=`renderer`}){let w=u()?.detailId||``,ve=_e===`editor`,T=ve,{getVerticalHoCoverImageUrl:E,getTitleText:D}=c(),O=ne(null),k=g(()=>p({smartTagEnabled:y,smartTagIds:b,enableInfinite:S,items:C}),[S,C,y,b]),A=k.smartTagEnabled,j=k.smartTagIds,M=g(()=>k.items??[],[k.items]),N=k.enableInfinite&&!ve,P=!A,F=N&&A&&!T,ye=m(v,N),I=d(ae),L=ye*I,R=Math.max(1,L),z=g(()=>[`video-detail-recommend`,w||`unknown`,R,j.join(`,`)].join(`:`),[w,R,j]),[be,B]=a(`${z}:pool`,[]),[V,H]=a(`${z}:has-more`,!1),[U,W]=re(!1),G=g(()=>l(L),[L]),{data:K}=i([`video-detail-recommend`,w,F?`paged`:`all`,R,j.join(`,`)],async()=>T?null:await e({page_size:R,tags:j}),{enabled:!T&&A}),q=g(()=>T?G:oe(K?.data?.videos),[K?.data?.videos,G,T]);h(()=>{if(!F){W(!1);return}B(e=>{if(!q.length)return e;if(!e.length)return q;let t=[...q],n=new Set(q.map(e=>e.id).filter(Boolean));return e.forEach(e=>{(!e.id||!n.has(e.id))&&(t.push(e),e.id&&n.add(e.id))}),t});let e=ce(K?.data?.videos,R);H(t=>t||e),W(!1)},[K?.data?.videos,q,R,H,B,F]);let J=F?be:q,Y=g(()=>P?Array.from(new Set(M.map(e=>x(e.contentId)).filter(Boolean))):[],[M,P]),{data:xe}=i([`video-detail-recommend-manual-details`,Y.join(`,`)],async()=>{if(!Y.length)return[];let e=await t({ids:Y});return(Array.isArray(e.data?.videos)?e.data.videos:[]).map(e=>se(e))},{enabled:Y.length>0}),Se=g(()=>P?new Set(M.map(e=>x(e.contentId)).filter(Boolean)):new Set,[M,P]),Ce=g(()=>T?J:J.filter(e=>!Se.has(e.id)),[J,T,Se]),X=g(()=>{if(!P||!M.length)return[];let e=new Map;return J.forEach(t=>{let n=x(t.id);n&&e.set(n,t)}),(xe||[]).forEach(t=>{let n=x(t.id);n&&e.set(n,t)}),M.map((t,n)=>{let r=T?G[n%Math.max(1,G.length)]:fe(t,n),i=x(t.contentId),a=typeof t.coverUrl==`string`?t.coverUrl.trim():``,o=e.get(i)??{...r,id:i||r.id||`preview-manual-${n+1}`,name:r.name||`猜你喜欢 ${n+1}`,img_y:a||r.img_y,img_x:a||r.img_x},s=t.titleMode===`custom`?t.title:D(o),c=t.coverMode===`content`?E(o)||a:a||E(o);return{info:{...o,name:s||o.name,img_y:c||o.img_y,img_x:c||o.img_x},config:{showPlayCount:t.showPlayCount,playCountDelta:t.playCountDelta,showEpisode:t.showEpisode}}}).filter(Boolean)},[G,J,D,E,T,xe,M,P]),Z=g(()=>Ce.map(e=>({info:e})),[Ce]),we=P&&M.length>0,Te=g(()=>we?X:f(X,Z,L),[we,X,L,Z]),Q=g(()=>{if(F){if(!X.length)return Z;let e=new Set(X.map(e=>e.info.id).filter(Boolean));return X.concat(Z.filter(t=>!e.has(t.info.id)))}if(N){if(!X.length)return Z;let e=new Set(X.map(e=>e.info.id).filter(Boolean));return X.concat(Z.filter(t=>!e.has(t.info.id)))}return Te},[Te,X,Z,N,F]),Ee=V&&Q.length>0?Math.max(0,Q.length-4):-1,De=String(pe||``).trim(),$=te(async()=>{if(!(!F||!V||U)){W(!0);try{let t=await e({page_size:R,tags:j}),n=Array.isArray(t.data?.videos)?t.data.videos:[],r=oe(n),i=0;B(e=>{let t=new Set(e.map(e=>e.id).filter(Boolean)),n=[...e];return r.forEach(e=>{(!e.id||!t.has(e.id))&&(n.push(e),e.id&&t.add(e.id))}),i=n.length-e.length,n}),H(ce(n,R)&&i>0)}catch(e){console.error(`猜你喜欢分页加载失败`,e),H(!1)}finally{W(!1)}}},[V,U,R,j,H,B,F]);return h(()=>{if(!F)return;let e=O.current;if(!e||!V)return;let t=new IntersectionObserver(e=>{e[0]?.isIntersecting&&!U&&$()});return t.observe(e),()=>{t.disconnect()}},[$,V,U,F,Ee]),Q.length?ie(n,{className:`w-full mt-[16px] ${T?`pointer-events-none`:``}`,children:[De?_(r,{className:`block pl-[12px] mb-[8px] text-text1 text-[18px] leading-[26px] font-bold`,children:De}):null,_(n,{className:`w-full flex flex-wrap px-[12px]`,children:Q.map((e,t)=>{let n=D(e.info),i=me!==!1&&(e.config?.showPlayCount??!0),a=Number(e.config?.playCountDelta??he??0),c=e.config?.showEpisode??ge,l=ue(ee(e.info.play_count||0,a)),u=le(e.info),d=Number.isFinite(I)&&I>0?I:3,f=`${100/d}%`,p=t%d,m=d>1?{paddingLeft:8*p/d,paddingRight:8*(d-p-1)/d}:null;return _(`div`,{ref:t===Ee?O:void 0,style:{width:f,...m||{}},children:_(s,{url:E(e.info),text:n,textChild:_(r,{as:`h3`,className:`text-text1 text-[16px] h-[24px] leading-[24px] my-[4px] line-clamp-1`,children:n}),style:{width:`100%`},bottomLeftChild:i?ie(`div`,{className:`h-[20px] leading-[20px] text-[#fff] text-[12px] px-[4px] rounded-[4px] bg-[#333] ml-[4px] flex items-center`,children:[_(o,{className:`w-[16px] h-[auto] text-[#fff] mr-[4px]`}),l]}):null,bottomRightChild:c&&u?_(`div`,{className:`text-[#fff] text-[12px] leading-[20px] pr-2`,children:u}):null,linkPath:T?``:de(e.info)})},`guess-like-${t}`)})})]}):null}function ae(e){let t=e.is_more_link?`y`:`n`;return{id:e.video_id||``,mid:``,name:e.name||``,cat_id:``,cat_name:``,status:`1`,status_text:``,create_time:``,content_type:e.content_type,episode_cnt:e.episode_count||0,show_at:e.show_at??``,position:``,img_type:e.img_type??``,img_x:e.img_x??``,img_y:e.img_y??``,img_width:``,img_height:``,play_count:e.play_count,preview_images:[],duration:String(e.duration??``),score:String(e.score??``),is_more_link:t,update_status:String(e.update_status??``),description:e.description??``,language:``,director:``,actor:``,area:``,issue_date:``,publisher:``,series:``,number:``,tags:[],source_tags:e.source_tags??``,source_actor:[],links:Array.isArray(e.episodes)?e.episodes.map(e=>({id:e.id??``,name:e.name??``,preview_m3u8_url:e.preview_m3u8_url??``,m3u8_url:e.m3u8_url??``})):[],money:``,up_user:``,source_username:``,task_id:``,file_status:``}}function oe(e){return Array.isArray(e)?e.map(e=>ae(e)):[]}function se(e){let t=String(e?.id||e?.mid||e?.video_id||``),n=e?.is_more_link===`y`?`y`:`n`,r=Array.isArray(e?.links)?e.links.map(e=>({id:String(e?.id||``),name:String(e?.name||``),preview_m3u8_url:String(e?.preview_m3u8_url||``),m3u8_url:String(e?.m3u8_url||``)})):[],i=Array.isArray(e?.video_episodes)?e.video_episodes.length:0,a=Number(e?.episode_cnt||i||r.length||0);return{id:t,mid:String(e?.mid||t),name:String(e?.name||``),cat_id:String(e?.cat_id||``),cat_name:String(e?.cat_name||``),status:String(e?.status||`1`),status_text:String(e?.status_text||``),create_time:String(e?.create_time||``),content_type:e?.content_type,episode_cnt:Number.isFinite(a)?a:0,show_at:String(e?.show_at||``),position:String(e?.position||``),img_type:String(e?.img_type||``),img_x:String(e?.img_x||``),img_y:String(e?.img_y||``),img_width:String(e?.img_width||``),img_height:String(e?.img_height||``),play_count:Number(e?.play_count??e?.browse_count??0),preview_images:Array.isArray(e?.preview_images)?e.preview_images:[],duration:String(e?.duration||``),score:String(e?.score||``),is_more_link:n,update_status:String(e?.update_status||``),description:String(e?.description||``),language:String(e?.language||``),director:String(e?.director||``),actor:String(e?.actor||``),area:String(e?.area||``),issue_date:String(e?.issue_date||``),publisher:String(e?.publisher||``),series:String(e?.series||``),number:String(e?.number||``),tags:Array.isArray(e?.tags)?e.tags:[],source_tags:String(e?.source_tags||``),source_actor:Array.isArray(e?.source_actor)?e.source_actor:[],links:r,money:String(e?.money||``),up_user:String(e?.up_user||``),source_username:String(e?.source_username||``),task_id:String(e?.task_id||``),file_status:String(e?.file_status||``)}}function ce(e,t){if(!Array.isArray(e)||e.length===0)return!1;let n=e[0];if(typeof n?.has_more==`boolean`)return n.has_more;let r=Number(n?.total??0);return Number.isFinite(r)&&r>0?r>t:e.length>=t}function le(e){if(y(e)){let t=Number(e.episode_cnt||e.links?.length||0);return t>0?`全${t}集`:``}return b(Number(e.duration||0))}function y(e){return e.is_more_link===`y`}function b(e){if(!Number.isFinite(e)||e<=0)return``;let t=Math.floor(e),n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=t%60,a=e=>String(e).padStart(2,`0`);return n>0?`${a(n)}:${a(r)}:${a(i)}`:`${a(r)}:${a(i)}`}function ue(e){let t=Number(e||`0`);return Number.isNaN(t)||t<=0?`0`:t>=1e4?`${(t/1e4).toFixed(1)}w`:t>=1e3?`${(t/1e3).toFixed(1)}k`:String(t)}function de(e){let t=encodeURIComponent(e.name||``);return`/video/${e.id}/${t}/episode/1`}function x(e){return typeof e==`string`?e.trim():``}function fe(e,t){let n=x(e.contentId)||`manual-${t+1}`,r=typeof e.coverUrl==`string`?e.coverUrl.trim():``,i=typeof e.title==`string`?e.title.trim():``,a=typeof e.description==`string`?e.description.trim():``;return{id:n,mid:n,name:i||`猜你喜欢 ${t+1}`,cat_id:``,cat_name:``,status:`1`,status_text:``,create_time:``,content_type:1,episode_cnt:0,show_at:``,position:``,img_type:``,img_x:r,img_y:r,img_width:``,img_height:``,play_count:0,preview_images:[],duration:``,score:``,is_more_link:`n`,update_status:``,description:a,language:``,director:``,actor:``,area:``,issue_date:``,publisher:``,series:``,number:``,tags:[],source_tags:``,source_actor:[],links:[],money:``,up_user:``,source_username:``,task_id:``,file_status:``}}export{v as VideoDetailRecommendClient};
+'use client';
+
+import { gContentGetGuessYouLikeVideos, pContentBatchGetVideoDetail } from "../../../../../service/generated/client.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import { useRequest } from "../../../../../hooks/query/use-query.mjs";
+import { useKeepAliveState } from "../../../../common/keep-scroll-position/index.mjs";
+import SvgVideoFlag from "../../../../../assets/icons/detail/video_flag.mjs";
+import { MiniThreeCard } from "../../../../common/cards/mini-three-card.mjs";
+import { useCardDecoration } from "../../../../../hooks/use-card-decoration.mjs";
+import { buildEditorPreviewRecommendList } from "../shared/editor-preview.mjs";
+import { useVideoDetailMaterialRuntimeContext } from "../shared/runtime-context-provider.mjs";
+import { applyPlayCountDelta, clampColumns, mergeManualAndPool, normalizeRecommendRuntimeProps, resolveRows } from "./utils.mjs";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/video-detail-recommend/client.tsx
+const PREFETCH_OFFSET = 4;
+const CARD_HORIZONTAL_GAP = 8;
+/**
+* 推荐模块客户端组件。
+*/
+function VideoDetailRecommendClient({ rows, columns, smartTagEnabled, smartTagIds, title, showPlayCount, playCountDelta, showEpisode, enableInfinite, items, mode = "renderer" }) {
+	const detailId = useVideoDetailMaterialRuntimeContext()?.detailId || "";
+	const isEditor = mode === "editor";
+	const isPreview = isEditor;
+	const { getVerticalHoCoverImageUrl, getTitleText } = useCardDecoration();
+	const triggerRef = useRef(null);
+	const normalizedRuntimeProps = useMemo(() => normalizeRecommendRuntimeProps({
+		smartTagEnabled,
+		smartTagIds,
+		enableInfinite,
+		items
+	}), [
+		enableInfinite,
+		items,
+		smartTagEnabled,
+		smartTagIds
+	]);
+	const isSmartTagMode = normalizedRuntimeProps.smartTagEnabled;
+	const resolvedSmartTagIds = normalizedRuntimeProps.smartTagIds;
+	const resolvedItems = useMemo(() => normalizedRuntimeProps.items ?? [], [normalizedRuntimeProps.items]);
+	const resolvedEnableInfinite = normalizedRuntimeProps.enableInfinite && !isEditor;
+	const shouldMergeManualItems = !isSmartTagMode;
+	const shouldRequestNextPage = resolvedEnableInfinite && isSmartTagMode && !isPreview;
+	const resolvedRows = resolveRows(rows, resolvedEnableInfinite);
+	const resolvedColumns = clampColumns(columns);
+	const pageSize = resolvedRows * resolvedColumns;
+	const requestPageSize = Math.max(1, pageSize);
+	const pagingStateKey = useMemo(() => {
+		return [
+			"video-detail-recommend",
+			detailId || "unknown",
+			requestPageSize,
+			resolvedSmartTagIds.join(",")
+		].join(":");
+	}, [
+		detailId,
+		requestPageSize,
+		resolvedSmartTagIds
+	]);
+	const [pagedPool, setPagedPool] = useKeepAliveState(`${pagingStateKey}:pool`, []);
+	const [hasMore, setHasMore] = useKeepAliveState(`${pagingStateKey}:has-more`, false);
+	const [isFetchingNextPage, setIsFetchingNextPage] = useState(false);
+	const editorPreviewPool = useMemo(() => buildEditorPreviewRecommendList(pageSize), [pageSize]);
+	const { data } = useRequest([
+		"video-detail-recommend",
+		detailId,
+		shouldRequestNextPage ? "paged" : "all",
+		requestPageSize,
+		resolvedSmartTagIds.join(",")
+	], async () => {
+		if (isPreview) return null;
+		if (shouldRequestNextPage) return await gContentGetGuessYouLikeVideos({
+			page_size: requestPageSize,
+			tags: resolvedSmartTagIds
+		});
+		return await gContentGetGuessYouLikeVideos({
+			page_size: requestPageSize,
+			tags: resolvedSmartTagIds
+		});
+	}, { enabled: !isPreview && isSmartTagMode });
+	const normalizedPool = useMemo(() => {
+		if (isPreview) return editorPreviewPool;
+		return normalizeGuessYouLikeVideos(data?.data?.videos);
+	}, [
+		data?.data?.videos,
+		editorPreviewPool,
+		isPreview
+	]);
+	useEffect(() => {
+		if (!shouldRequestNextPage) {
+			setIsFetchingNextPage(false);
+			return;
+		}
+		setPagedPool((prev) => {
+			if (!normalizedPool.length) return prev;
+			if (!prev.length) return normalizedPool;
+			const merged = [...normalizedPool];
+			const idSet = new Set(normalizedPool.map((item) => item.id).filter(Boolean));
+			prev.forEach((item) => {
+				if (!item.id || !idSet.has(item.id)) {
+					merged.push(item);
+					if (item.id) idSet.add(item.id);
+				}
+			});
+			return merged;
+		});
+		const resolvedHasMore = resolveGuessLikeHasMore(data?.data?.videos, requestPageSize);
+		setHasMore((prev) => prev || resolvedHasMore);
+		setIsFetchingNextPage(false);
+	}, [
+		data?.data?.videos,
+		normalizedPool,
+		requestPageSize,
+		setHasMore,
+		setPagedPool,
+		shouldRequestNextPage
+	]);
+	const effectivePool = shouldRequestNextPage ? pagedPool : normalizedPool;
+	const manualContentIds = useMemo(() => {
+		if (!shouldMergeManualItems) return [];
+		return Array.from(new Set(resolvedItems.map((item) => normalizeContentId(item.contentId)).filter(Boolean)));
+	}, [resolvedItems, shouldMergeManualItems]);
+	const { data: manualDetailList } = useRequest(["video-detail-recommend-manual-details", manualContentIds.join(",")], async () => {
+		if (!manualContentIds.length) return [];
+		const response = await pContentBatchGetVideoDetail({ ids: manualContentIds });
+		return (Array.isArray(response.data?.videos) ? response.data.videos : []).map((item) => normalizeBatchVideoDetail(item));
+	}, { enabled: manualContentIds.length > 0 });
+	const manualIdSet = useMemo(() => {
+		if (!shouldMergeManualItems) return /* @__PURE__ */ new Set();
+		return new Set(resolvedItems.map((item) => normalizeContentId(item.contentId)).filter(Boolean));
+	}, [resolvedItems, shouldMergeManualItems]);
+	const filteredPool = useMemo(() => {
+		if (isPreview) return effectivePool;
+		return effectivePool.filter((item) => !manualIdSet.has(item.id));
+	}, [
+		effectivePool,
+		isPreview,
+		manualIdSet
+	]);
+	const manualList = useMemo(() => {
+		if (!shouldMergeManualItems) return [];
+		if (!resolvedItems.length) return [];
+		const poolMap = /* @__PURE__ */ new Map();
+		effectivePool.forEach((item) => {
+			const normalizedId = normalizeContentId(item.id);
+			if (normalizedId) poolMap.set(normalizedId, item);
+		});
+		(manualDetailList || []).forEach((item) => {
+			const normalizedId = normalizeContentId(item.id);
+			if (normalizedId) poolMap.set(normalizedId, item);
+		});
+		return resolvedItems.map((item, index) => {
+			const fallbackBase = isPreview ? editorPreviewPool[index % Math.max(1, editorPreviewPool.length)] : buildManualFallbackInfo(item, index);
+			const normalizedContentId = normalizeContentId(item.contentId);
+			const configuredCover = typeof item.coverUrl === "string" ? item.coverUrl.trim() : "";
+			const base = poolMap.get(normalizedContentId) ?? {
+				...fallbackBase,
+				id: normalizedContentId || fallbackBase.id || `preview-manual-${index + 1}`,
+				name: fallbackBase.name || `猜你喜欢 ${index + 1}`,
+				img_y: configuredCover || fallbackBase.img_y,
+				img_x: configuredCover || fallbackBase.img_x
+			};
+			const resolvedTitle = item.titleMode === "custom" ? item.title : getTitleText(base);
+			const resolvedCover = item.coverMode === "content" ? getVerticalHoCoverImageUrl(base) || configuredCover : configuredCover || getVerticalHoCoverImageUrl(base);
+			return {
+				info: {
+					...base,
+					name: resolvedTitle || base.name,
+					img_y: resolvedCover || base.img_y,
+					img_x: resolvedCover || base.img_x
+				},
+				config: {
+					showPlayCount: item.showPlayCount,
+					playCountDelta: item.playCountDelta,
+					showEpisode: item.showEpisode
+				}
+			};
+		}).filter(Boolean);
+	}, [
+		editorPreviewPool,
+		effectivePool,
+		getTitleText,
+		getVerticalHoCoverImageUrl,
+		isPreview,
+		manualDetailList,
+		resolvedItems,
+		shouldMergeManualItems
+	]);
+	const poolDisplayItems = useMemo(() => {
+		return filteredPool.map((item) => ({ info: item }));
+	}, [filteredPool]);
+	const hasManualConfigured = shouldMergeManualItems && resolvedItems.length > 0;
+	const baseList = useMemo(() => {
+		if (hasManualConfigured) return manualList;
+		return mergeManualAndPool(manualList, poolDisplayItems, pageSize);
+	}, [
+		hasManualConfigured,
+		manualList,
+		pageSize,
+		poolDisplayItems
+	]);
+	const displayList = useMemo(() => {
+		if (shouldRequestNextPage) {
+			if (!manualList.length) return poolDisplayItems;
+			const manualInfoIdSet = new Set(manualList.map((item) => item.info.id).filter(Boolean));
+			return manualList.concat(poolDisplayItems.filter((item) => !manualInfoIdSet.has(item.info.id)));
+		}
+		if (resolvedEnableInfinite) {
+			if (!manualList.length) return poolDisplayItems;
+			const manualInfoIdSet = new Set(manualList.map((item) => item.info.id).filter(Boolean));
+			return manualList.concat(poolDisplayItems.filter((item) => !manualInfoIdSet.has(item.info.id)));
+		}
+		return baseList;
+	}, [
+		baseList,
+		manualList,
+		poolDisplayItems,
+		resolvedEnableInfinite,
+		shouldRequestNextPage
+	]);
+	const triggerIndex = hasMore && displayList.length > 0 ? Math.max(0, displayList.length - PREFETCH_OFFSET) : -1;
+	const resolvedModuleTitle = String(title || "").trim();
+	const fetchNextPage = useCallback(async () => {
+		if (!shouldRequestNextPage || !hasMore || isFetchingNextPage) return;
+		setIsFetchingNextPage(true);
+		try {
+			const response = await gContentGetGuessYouLikeVideos({
+				page_size: requestPageSize,
+				tags: resolvedSmartTagIds
+			});
+			const list = Array.isArray(response.data?.videos) ? response.data.videos : [];
+			const normalizedList = normalizeGuessYouLikeVideos(list);
+			let appendedCount = 0;
+			setPagedPool((prev) => {
+				const idSet = new Set(prev.map((item) => item.id).filter(Boolean));
+				const merged = [...prev];
+				normalizedList.forEach((item) => {
+					if (!item.id || !idSet.has(item.id)) {
+						merged.push(item);
+						if (item.id) idSet.add(item.id);
+					}
+				});
+				appendedCount = merged.length - prev.length;
+				return merged;
+			});
+			setHasMore(resolveGuessLikeHasMore(list, requestPageSize) && appendedCount > 0);
+		} catch (error) {
+			console.error("猜你喜欢分页加载失败", error);
+			setHasMore(false);
+		} finally {
+			setIsFetchingNextPage(false);
+		}
+	}, [
+		hasMore,
+		isFetchingNextPage,
+		requestPageSize,
+		resolvedSmartTagIds,
+		setHasMore,
+		setPagedPool,
+		shouldRequestNextPage
+	]);
+	useEffect(() => {
+		if (!shouldRequestNextPage) return;
+		const target = triggerRef.current;
+		if (!target || !hasMore) return;
+		const observer = new IntersectionObserver((entries) => {
+			if (entries[0]?.isIntersecting && !isFetchingNextPage) fetchNextPage();
+		});
+		observer.observe(target);
+		return () => {
+			observer.disconnect();
+		};
+	}, [
+		fetchNextPage,
+		hasMore,
+		isFetchingNextPage,
+		shouldRequestNextPage,
+		triggerIndex
+	]);
+	if (!displayList.length) return null;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: `w-full mt-[16px] ${isPreview ? "pointer-events-none" : ""}`,
+		children: [resolvedModuleTitle ? /* @__PURE__ */ jsx(Text, {
+			className: "block pl-[12px] mb-[8px] text-text1 text-[18px] leading-[26px] font-bold",
+			children: resolvedModuleTitle
+		}) : null, /* @__PURE__ */ jsx(Box, {
+			className: "w-full flex flex-wrap px-[12px]",
+			children: displayList.map((item, index) => {
+				const itemTitle = getTitleText(item.info);
+				const resolvedShowPlayCount = showPlayCount !== false && (item.config?.showPlayCount ?? true);
+				const resolvedPlayCountDelta = Number(item.config?.playCountDelta ?? playCountDelta ?? 0);
+				const resolvedShowEpisode = item.config?.showEpisode ?? showEpisode;
+				const playCountText = formatNumber(applyPlayCountDelta(item.info.play_count || 0, resolvedPlayCountDelta));
+				const videoInfoText = buildRecommendVideoInfoText(item.info);
+				const columnCount = Number.isFinite(resolvedColumns) && resolvedColumns > 0 ? resolvedColumns : 3;
+				const widthPercent = `${100 / columnCount}%`;
+				const columnIndex = index % columnCount;
+				const cardHorizontalStyle = columnCount > 1 ? {
+					paddingLeft: CARD_HORIZONTAL_GAP * columnIndex / columnCount,
+					paddingRight: CARD_HORIZONTAL_GAP * (columnCount - columnIndex - 1) / columnCount
+				} : null;
+				return /* @__PURE__ */ jsx("div", {
+					ref: index === triggerIndex ? triggerRef : void 0,
+					style: {
+						width: widthPercent,
+						...cardHorizontalStyle || {}
+					},
+					children: /* @__PURE__ */ jsx(MiniThreeCard, {
+						url: getVerticalHoCoverImageUrl(item.info),
+						text: itemTitle,
+						textChild: /* @__PURE__ */ jsx(Text, {
+							as: "h3",
+							className: "text-text1 text-[16px] h-[24px] leading-[24px] my-[4px] line-clamp-1",
+							children: itemTitle
+						}),
+						style: { width: "100%" },
+						bottomLeftChild: resolvedShowPlayCount ? /* @__PURE__ */ jsxs("div", {
+							className: "h-[20px] leading-[20px] text-[#fff] text-[12px] px-[4px] rounded-[4px] bg-[#333] ml-[4px] flex items-center",
+							children: [/* @__PURE__ */ jsx(SvgVideoFlag, { className: "w-[16px] h-[auto] text-[#fff] mr-[4px]" }), playCountText]
+						}) : null,
+						bottomRightChild: resolvedShowEpisode && videoInfoText ? /* @__PURE__ */ jsx("div", {
+							className: "text-[#fff] text-[12px] leading-[20px] pr-2",
+							children: videoInfoText
+						}) : null,
+						linkPath: isPreview ? "" : buildDetailPath(item.info)
+					})
+				}, `guess-like-${index}`);
+			})
+		})]
+	});
+}
+/**
+* 推荐数据映射。
+*/
+function normalizeGuessYouLikeVideo(raw) {
+	const normalizedIsMoreLink = raw.is_more_link ? "y" : "n";
+	return {
+		id: raw.video_id || "",
+		mid: "",
+		name: raw.name || "",
+		cat_id: "",
+		cat_name: "",
+		status: "1",
+		status_text: "",
+		create_time: "",
+		content_type: raw.content_type,
+		episode_cnt: raw.episode_count || 0,
+		show_at: raw.show_at ?? "",
+		position: "",
+		img_type: raw.img_type ?? "",
+		img_x: raw.img_x ?? "",
+		img_y: raw.img_y ?? "",
+		img_width: "",
+		img_height: "",
+		play_count: raw.play_count,
+		preview_images: [],
+		duration: String(raw.duration ?? ""),
+		score: String(raw.score ?? ""),
+		is_more_link: normalizedIsMoreLink,
+		update_status: String(raw.update_status ?? ""),
+		description: raw.description ?? "",
+		language: "",
+		director: "",
+		actor: "",
+		area: "",
+		issue_date: "",
+		publisher: "",
+		series: "",
+		number: "",
+		tags: [],
+		source_tags: raw.source_tags ?? "",
+		source_actor: [],
+		links: Array.isArray(raw.episodes) ? raw.episodes.map((link) => ({
+			id: link.id ?? "",
+			name: link.name ?? "",
+			preview_m3u8_url: link.preview_m3u8_url ?? "",
+			m3u8_url: link.m3u8_url ?? ""
+		})) : [],
+		money: "",
+		up_user: "",
+		source_username: "",
+		task_id: "",
+		file_status: ""
+	};
+}
+/**
+* 规范化猜你喜欢接口列表
+*/
+function normalizeGuessYouLikeVideos(list) {
+	if (!Array.isArray(list)) return [];
+	return list.map((item) => normalizeGuessYouLikeVideo(item));
+}
+/**
+* 将 batchGetVideoDetail 的视频详情映射为推荐模块可消费的数据结构。
+*/
+function normalizeBatchVideoDetail(raw) {
+	const resolvedId = String(raw?.id || raw?.mid || raw?.video_id || "");
+	const normalizedIsMoreLink = raw?.is_more_link === "y" ? "y" : "n";
+	const links = Array.isArray(raw?.links) ? raw.links.map((link) => ({
+		id: String(link?.id || ""),
+		name: String(link?.name || ""),
+		preview_m3u8_url: String(link?.preview_m3u8_url || ""),
+		m3u8_url: String(link?.m3u8_url || "")
+	})) : [];
+	const episodeCntFromProto = Array.isArray(raw?.video_episodes) ? raw.video_episodes.length : 0;
+	const episodeCnt = Number(raw?.episode_cnt || episodeCntFromProto || links.length || 0);
+	return {
+		id: resolvedId,
+		mid: String(raw?.mid || resolvedId),
+		name: String(raw?.name || ""),
+		cat_id: String(raw?.cat_id || ""),
+		cat_name: String(raw?.cat_name || ""),
+		status: String(raw?.status || "1"),
+		status_text: String(raw?.status_text || ""),
+		create_time: String(raw?.create_time || ""),
+		content_type: raw?.content_type,
+		episode_cnt: Number.isFinite(episodeCnt) ? episodeCnt : 0,
+		show_at: String(raw?.show_at || ""),
+		position: String(raw?.position || ""),
+		img_type: String(raw?.img_type || ""),
+		img_x: String(raw?.img_x || ""),
+		img_y: String(raw?.img_y || ""),
+		img_width: String(raw?.img_width || ""),
+		img_height: String(raw?.img_height || ""),
+		play_count: Number(raw?.play_count ?? raw?.browse_count ?? 0),
+		preview_images: Array.isArray(raw?.preview_images) ? raw.preview_images : [],
+		duration: String(raw?.duration || ""),
+		score: String(raw?.score || ""),
+		is_more_link: normalizedIsMoreLink,
+		update_status: String(raw?.update_status || ""),
+		description: String(raw?.description || ""),
+		language: String(raw?.language || ""),
+		director: String(raw?.director || ""),
+		actor: String(raw?.actor || ""),
+		area: String(raw?.area || ""),
+		issue_date: String(raw?.issue_date || ""),
+		publisher: String(raw?.publisher || ""),
+		series: String(raw?.series || ""),
+		number: String(raw?.number || ""),
+		tags: Array.isArray(raw?.tags) ? raw.tags : [],
+		source_tags: String(raw?.source_tags || ""),
+		source_actor: Array.isArray(raw?.source_actor) ? raw.source_actor : [],
+		links,
+		money: String(raw?.money || ""),
+		up_user: String(raw?.up_user || ""),
+		source_username: String(raw?.source_username || ""),
+		task_id: String(raw?.task_id || ""),
+		file_status: String(raw?.file_status || "")
+	};
+}
+/**
+* 解析猜你喜欢接口是否还有下一页。
+*/
+function resolveGuessLikeHasMore(list, pageSize) {
+	if (!Array.isArray(list) || list.length === 0) return false;
+	const first = list[0];
+	if (typeof first?.has_more === "boolean") return first.has_more;
+	const total = Number(first?.total ?? 0);
+	if (Number.isFinite(total) && total > 0) return total > pageSize;
+	return list.length >= pageSize;
+}
+/**
+* 推荐卡片右下角文案：短视频/电影显示时长，剧集显示“全X集”。
+*/
+function buildRecommendVideoInfoText(info) {
+	if (isSeriesContent(info)) {
+		const totalEpisodes = Number(info.episode_cnt || info.links?.length || 0);
+		return totalEpisodes > 0 ? `全${totalEpisodes}集` : "";
+	}
+	return formatDuration(Number(info.duration || 0));
+}
+function isSeriesContent(info) {
+	return info.is_more_link === "y";
+}
+function formatDuration(duration) {
+	if (!Number.isFinite(duration) || duration <= 0) return "";
+	const totalSeconds = Math.floor(duration);
+	const hours = Math.floor(totalSeconds / 3600);
+	const minutes = Math.floor(totalSeconds % 3600 / 60);
+	const seconds = totalSeconds % 60;
+	const pad = (value) => String(value).padStart(2, "0");
+	if (hours > 0) return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
+	return `${pad(minutes)}:${pad(seconds)}`;
+}
+function formatNumber(input) {
+	const num = Number(input || "0");
+	if (Number.isNaN(num) || num <= 0) return "0";
+	if (num >= 1e4) return `${(num / 1e4).toFixed(1)}w`;
+	if (num >= 1e3) return `${(num / 1e3).toFixed(1)}k`;
+	return String(num);
+}
+function buildDetailPath(info) {
+	const encodedName = encodeURIComponent(info.name || "");
+	return `/video/${info.id}/${encodedName}/episode/1`;
+}
+function normalizeContentId(value) {
+	return typeof value === "string" ? value.trim() : "";
+}
+function buildManualFallbackInfo(item, index) {
+	const fallbackId = normalizeContentId(item.contentId) || `manual-${index + 1}`;
+	const fallbackCover = typeof item.coverUrl === "string" ? item.coverUrl.trim() : "";
+	const fallbackTitle = typeof item.title === "string" ? item.title.trim() : "";
+	const fallbackDescription = typeof item.description === "string" ? item.description.trim() : "";
+	return {
+		id: fallbackId,
+		mid: fallbackId,
+		name: fallbackTitle || `猜你喜欢 ${index + 1}`,
+		cat_id: "",
+		cat_name: "",
+		status: "1",
+		status_text: "",
+		create_time: "",
+		content_type: 1,
+		episode_cnt: 0,
+		show_at: "",
+		position: "",
+		img_type: "",
+		img_x: fallbackCover,
+		img_y: fallbackCover,
+		img_width: "",
+		img_height: "",
+		play_count: 0,
+		preview_images: [],
+		duration: "",
+		score: "",
+		is_more_link: "n",
+		update_status: "",
+		description: fallbackDescription,
+		language: "",
+		director: "",
+		actor: "",
+		area: "",
+		issue_date: "",
+		publisher: "",
+		series: "",
+		number: "",
+		tags: [],
+		source_tags: "",
+		source_actor: [],
+		links: [],
+		money: "",
+		up_user: "",
+		source_username: "",
+		task_id: "",
+		file_status: ""
+	};
+}
+
+//#endregion
+export { VideoDetailRecommendClient };

package/dist/components/biz/business/detail/video-detail-recommend/material.mjs

@@ -1,2 +1,19 @@
 
-import{VideoDetailRecommendClient as e}from"./client.mjs";import{videoDetailRecommendInspectorPropsSchema as t}from"./schema.mjs";import{VideoDetailRecommend as n}from"./server.mjs";import{defineMaterial as r}from"create-funhub/sdk";const i=r({type:`video-detail-recommend`,name:`详情页-推荐模块`,icon:`/static/components-thumb/video_guess_you_like.png`,category:`详情页`,serverComponent:n,clientComponent:e,propsSchema:t});export{i as videoDetailRecommendMaterial};
+import { VideoDetailRecommendClient } from "./client.mjs";
+import { videoDetailRecommendInspectorPropsSchema } from "./schema.mjs";
+import { VideoDetailRecommend } from "./server.mjs";
+import { defineMaterial } from "create-funhub/sdk";
+
+//#region components/biz/business/detail/video-detail-recommend/material.ts
+const videoDetailRecommendMaterial = defineMaterial({
+	type: "video-detail-recommend",
+	name: "详情页-推荐模块",
+	icon: "/static/components-thumb/video_guess_you_like.png",
+	category: "详情页",
+	serverComponent: VideoDetailRecommend,
+	clientComponent: VideoDetailRecommendClient,
+	propsSchema: videoDetailRecommendInspectorPropsSchema
+});
+
+//#endregion
+export { videoDetailRecommendMaterial };

package/dist/components/biz/business/detail/video-detail-recommend/schema.mjs

@@ -1,2 +1,59 @@
 
-import e from"zod";import{defineComponentPropsSchema as t,defineNumberPropSchema as n,defineSwitchPropSchema as r,defineTextPropSchema as i,getSchemaDefaultProps as a}from"create-funhub/sdk";const o=t({rows:n({label:`行数`,defaultValue:1}),columns:n({label:`列数`,defaultValue:2}),smartTagEnabled:r({label:`智能铺设`,defaultValue:!1}),title:i({label:`推荐位名称`,defaultValue:`猜你喜欢`}),showPlayCount:r({label:`显示播放量`,defaultValue:!0}),playCountDelta:n({label:`播放量浮动`,defaultValue:0}),showEpisode:r({label:`显示集数`,defaultValue:!0}),enableInfinite:r({label:`无限下拉`,defaultValue:!1}),smartTagIds:e.array(e.string()).optional(),items:e.array(e.object({contentId:e.string(),coverMode:e.enum([`upload`,`content`]).optional(),coverUrl:e.string().optional(),titleMode:e.enum([`custom`,`content`]).optional(),title:e.string().optional(),description:e.string().optional(),showPlayCount:e.boolean().optional(),playCountDelta:e.number().optional(),showEpisode:e.boolean().optional()})).optional()});({...a(o)});export{o as videoDetailRecommendInspectorPropsSchema};
+import z$1 from "zod";
+import { defineComponentPropsSchema, defineNumberPropSchema, defineSwitchPropSchema, defineTextPropSchema, getSchemaDefaultProps } from "create-funhub/sdk";
+
+//#region components/biz/business/detail/video-detail-recommend/schema.ts
+const videoDetailRecommendInspectorPropsSchema = defineComponentPropsSchema({
+	rows: defineNumberPropSchema({
+		label: "行数",
+		defaultValue: 1
+	}),
+	columns: defineNumberPropSchema({
+		label: "列数",
+		defaultValue: 2
+	}),
+	smartTagEnabled: defineSwitchPropSchema({
+		label: "智能铺设",
+		defaultValue: false
+	}),
+	title: defineTextPropSchema({
+		label: "推荐位名称",
+		defaultValue: "猜你喜欢"
+	}),
+	showPlayCount: defineSwitchPropSchema({
+		label: "显示播放量",
+		defaultValue: true
+	}),
+	playCountDelta: defineNumberPropSchema({
+		label: "播放量浮动",
+		defaultValue: 0
+	}),
+	showEpisode: defineSwitchPropSchema({
+		label: "显示集数",
+		defaultValue: true
+	}),
+	enableInfinite: defineSwitchPropSchema({
+		label: "无限下拉",
+		defaultValue: false
+	}),
+	smartTagIds: z$1.array(z$1.string()).optional(),
+	items: z$1.array(z$1.object({
+		contentId: z$1.string(),
+		coverMode: z$1.enum(["upload", "content"]).optional(),
+		coverUrl: z$1.string().optional(),
+		titleMode: z$1.enum(["custom", "content"]).optional(),
+		title: z$1.string().optional(),
+		description: z$1.string().optional(),
+		showPlayCount: z$1.boolean().optional(),
+		playCountDelta: z$1.number().optional(),
+		showEpisode: z$1.boolean().optional()
+	})).optional()
+});
+const videoDetailRecommendInspectorDefaultProps = {
+	...getSchemaDefaultProps(videoDetailRecommendInspectorPropsSchema),
+	smartTagIds: [],
+	items: []
+};
+
+//#endregion
+export { videoDetailRecommendInspectorPropsSchema };

package/dist/components/biz/business/detail/video-detail-recommend/server.mjs

@@ -1,2 +1,19 @@
 
-import{normalizeRecommendRuntimeProps as e}from"./utils.mjs";import{VideoDetailRecommendClient as t}from"./client.mjs";import{jsx as n}from"react/jsx-runtime";function r(r){let{mode:i=`renderer`,...a}=r;return n(t,{...e(a),mode:i})}export{r as VideoDetailRecommend};
+import { normalizeRecommendRuntimeProps } from "./utils.mjs";
+import { VideoDetailRecommendClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/video-detail-recommend/server.tsx
+/**
+* 推荐模块服务端组件。
+*/
+function VideoDetailRecommend(props) {
+	const { mode = "renderer", ...rest } = props;
+	return /* @__PURE__ */ jsx(VideoDetailRecommendClient, {
+		...normalizeRecommendRuntimeProps(rest),
+		mode
+	});
+}
+
+//#endregion
+export { VideoDetailRecommend };