@funhub/platform 0.1.61 → 0.1.62

package/dist/components/biz/business/home-recommend/shared/home-recommend-server-data.mjs

@@ -1,2 +1,232 @@
 
-import{pContentGetPopularVideoList as e}from"../../../../../service/generated/client.mjs";import{resolveHomeRecommendFeedMode as t}from"./home-recommend-default-config.mjs";import{HOME_RECOMMEND_CARD_CONFIG_FIELD as n}from"./home-recommend-preview.mjs";import{batchGetHomeRecommendVideoDetailMap as r}from"./home-recommend-video-detail.mjs";function i(e){return typeof e==`string`?e.trim():``}function a(e){return typeof e==`string`?e.trim():``}function o(e){let t=Number(e);if(!(!Number.isFinite(t)||t<0))return t}function s(e,t){let n=e,r=i(n.video_id||e.id||e.mid)||t,a=o(n.play_count),s=o(n.like_count),c=o(n.collect_count),l=Array.isArray(n.episodes)?n.episodes.length:0,u=a!==void 0||s!==void 0||c!==void 0?{browse_cnt:a,like_cnt:s,collect_cnt:c}:void 0;return{id:r,mid:i(e.mid),name:e.name||``,img_x:e.img_x||``,img_y:e.img_y||``,img_type:e.img_type,cat_id:e.cat_id,cat_name:e.cat_name,status:e.status,status_text:e.status_text,show_at:e.show_at,update_status:e.update_status,description:e.description,language:e.language,director:e.director,issue_date:e.issue_date,actor:e.actor,up_user:e.up_user,time:e.time,money:e.money,source_username:e.source_username,task_id:e.task_id,error_msg:e.error_msg,file_status:e.file_status,score:o(e.score)??void 0,duration:o(e.duration)??void 0,episode_cnt:l>0?l:void 0,type:e.is_more_link?2:1,static:u}}function c(e){let t={showPlayCount:e.showPlayCount,playCountDelta:e.playCountDelta,showEpisode:e.showEpisode};if(!(t.showPlayCount===void 0&&t.playCountDelta===void 0&&t.showEpisode===void 0))return t}function l(e,t){let r=a(t.coverUrl),i=t.coverMode===`upload`||r&&t.coverMode!==`content`?r:e.img_y||e.img_x||``,o=a(t.title),s=t.titleMode===`custom`||o&&t.titleMode!==`content`?o:e.name||``,l=a(t.description),u=a(t.badge_url),d=c(t);return{...e,name:s||e.name,img_y:i||e.img_y||e.img_x,img_x:i||e.img_x||e.img_y,description:l||e.description,badge_url:u||e.badge_url,[n]:d}}function u(e){let t=i(e.contentId),n=a(e.coverUrl),r=a(e.title),o=a(e.description);return{id:t,mid:t,name:r||``,img_x:n,img_y:n,description:o,type:1}}function d(e,t){if(!Array.isArray(e)||e.length===0||!Array.isArray(t)||t.length===0)return e;let n=t.map(e=>({...e,contentId:i(e.contentId)})),r=new Map;return n.forEach(e=>{e.contentId&&r.set(e.contentId,e)}),e.map((e,t)=>{let a=i(e.id||e.mid),o=a?r.get(a):void 0,s=n[t],c=o||(s?.contentId?void 0:s);return c?l(e,c):e})}async function f(e){let t=(Array.isArray(e)?e:[]).map(e=>({...e,contentId:i(e.contentId)})).filter(e=>!!e.contentId);if(!t.length)return[];let n=await r(t.map(e=>({id:e.contentId})));return t.map(e=>{let t=n.get(e.contentId||``);return l(t?s(t,e.contentId||``):u(e),e)})}async function p(t){try{let n=await e({page_size:t});return{videos:Array.isArray(n.data?.videos)?n.data.videos:[],nextCursor:n.data?.cursor||``,loaded:!0}}catch(e){return console.error(`推荐位获取热门视频失败（server）`,e),{videos:[],nextCursor:``,loaded:!1}}}async function m({smartTagEnabled:e,pageSize:n=16,items:r=[]}){let i=t(e),a={list:[],icons:[],title:``,cursor:``,show_style:void 0};if(i===`manual-with-video-detail`)try{let e=await f(r);return{feedMode:i,data:{...a,list:e,cursor:``}}}catch(e){return console.error(`推荐位智能铺设补齐视频详情失败（server）`,e),{feedMode:i,data:{...a,list:[],cursor:``}}}let o=await p(n),s=o.loaded?d(o.videos,r):a.list,c=o.loaded?o.nextCursor:a.cursor||``;return{feedMode:i,data:{...a,list:s,icons:[],cursor:c}}}export{m as resolveHomeRecommendServerData};
+import { pContentGetPopularVideoList } from "../../../../../service/generated/client.mjs";
+import { resolveHomeRecommendFeedMode } from "./home-recommend-default-config.mjs";
+import { HOME_RECOMMEND_CARD_CONFIG_FIELD } from "./home-recommend-preview.mjs";
+import { batchGetHomeRecommendVideoDetailMap } from "./home-recommend-video-detail.mjs";
+
+//#region components/biz/business/home-recommend/shared/home-recommend-server-data.ts
+const DEFAULT_PAGE_SIZE = 16;
+/**
+* 归一化视频 ID。
+*/
+function normalizeVideoId(value) {
+	return typeof value === "string" ? value.trim() : "";
+}
+/**
+* 归一化文本文案。
+*/
+function normalizeText(value) {
+	return typeof value === "string" ? value.trim() : "";
+}
+/**
+* 归一化为非负数字。
+*/
+function toNonNegativeNumber(value) {
+	const normalized = Number(value);
+	if (!Number.isFinite(normalized) || normalized < 0) return;
+	return normalized;
+}
+function buildShowVideoFromDetail(detail, fallbackId) {
+	const ext = detail;
+	const resolvedId = normalizeVideoId(ext.video_id || detail.id || detail.mid) || fallbackId;
+	const browseCount = toNonNegativeNumber(ext.play_count);
+	const likeCount = toNonNegativeNumber(ext.like_count);
+	const collectCount = toNonNegativeNumber(ext.collect_count);
+	const episodeCount = Array.isArray(ext.episodes) ? ext.episodes.length : 0;
+	const staticInfo = browseCount !== void 0 || likeCount !== void 0 || collectCount !== void 0 ? {
+		browse_cnt: browseCount,
+		like_cnt: likeCount,
+		collect_cnt: collectCount
+	} : void 0;
+	return {
+		id: resolvedId,
+		mid: normalizeVideoId(detail.mid),
+		name: detail.name || "",
+		img_x: detail.img_x || "",
+		img_y: detail.img_y || "",
+		img_type: detail.img_type,
+		cat_id: detail.cat_id,
+		cat_name: detail.cat_name,
+		status: detail.status,
+		status_text: detail.status_text,
+		show_at: detail.show_at,
+		update_status: detail.update_status,
+		description: detail.description,
+		language: detail.language,
+		director: detail.director,
+		issue_date: detail.issue_date,
+		actor: detail.actor,
+		up_user: detail.up_user,
+		time: detail.time,
+		money: detail.money,
+		source_username: detail.source_username,
+		task_id: detail.task_id,
+		error_msg: detail.error_msg,
+		file_status: detail.file_status,
+		score: toNonNegativeNumber(detail.score) ?? void 0,
+		duration: toNonNegativeNumber(detail.duration) ?? void 0,
+		episode_cnt: episodeCount > 0 ? episodeCount : void 0,
+		type: detail.is_more_link ? 2 : 1,
+		static: staticInfo
+	};
+}
+/**
+* 生成单卡展示配置。
+*/
+function resolveCardDisplayConfig(config) {
+	const nextConfig = {
+		showPlayCount: config.showPlayCount,
+		playCountDelta: config.playCountDelta,
+		showEpisode: config.showEpisode
+	};
+	if (nextConfig.showPlayCount === void 0 && nextConfig.playCountDelta === void 0 && nextConfig.showEpisode === void 0) return;
+	return nextConfig;
+}
+/**
+* 将配置覆盖到视频详情卡片数据。
+*/
+function mergeItemConfigWithDetail(detailItem, config) {
+	const configCoverUrl = normalizeText(config.coverUrl);
+	const resolvedCover = config.coverMode === "upload" || Boolean(configCoverUrl) && config.coverMode !== "content" ? configCoverUrl : detailItem.img_y || detailItem.img_x || "";
+	const configTitle = normalizeText(config.title);
+	const resolvedTitle = config.titleMode === "custom" || Boolean(configTitle) && config.titleMode !== "content" ? configTitle : detailItem.name || "";
+	const configDescription = normalizeText(config.description);
+	const nextBadge = normalizeText(config.badge_url);
+	const cardDisplayConfig = resolveCardDisplayConfig(config);
+	return {
+		...detailItem,
+		name: resolvedTitle || detailItem.name,
+		img_y: resolvedCover || detailItem.img_y || detailItem.img_x,
+		img_x: resolvedCover || detailItem.img_x || detailItem.img_y,
+		description: configDescription || detailItem.description,
+		badge_url: nextBadge || detailItem.badge_url,
+		[HOME_RECOMMEND_CARD_CONFIG_FIELD]: cardDisplayConfig
+	};
+}
+/**
+* 当详情接口未返回命中数据时，使用 props 配置生成兜底卡片。
+*/
+function buildFallbackItemFromConfig(config) {
+	const id = normalizeVideoId(config.contentId);
+	const cover = normalizeText(config.coverUrl);
+	const title = normalizeText(config.title);
+	const description = normalizeText(config.description);
+	return {
+		id,
+		mid: id,
+		name: title || "",
+		img_x: cover,
+		img_y: cover,
+		description,
+		type: 1
+	};
+}
+/**
+* popular 数据源：将 props 配置覆盖到接口返回数据（props 优先）。
+* 覆盖顺序：
+* 1. contentId 精确匹配；
+* 2. 未声明 contentId 的配置按索引覆盖。
+*/
+function applyPopularItemConfigOverrides(videos, items) {
+	if (!Array.isArray(videos) || videos.length === 0 || !Array.isArray(items) || items.length === 0) return videos;
+	const normalizedItems = items.map((item) => ({
+		...item,
+		contentId: normalizeVideoId(item.contentId)
+	}));
+	const configMapById = /* @__PURE__ */ new Map();
+	normalizedItems.forEach((item) => {
+		if (item.contentId) configMapById.set(item.contentId, item);
+	});
+	return videos.map((video, index) => {
+		const videoId = normalizeVideoId(video.id || video.mid);
+		const configById = videoId ? configMapById.get(videoId) : void 0;
+		const configByIndex = normalizedItems[index];
+		const config = configById || (configByIndex?.contentId ? void 0 : configByIndex);
+		if (!config) return video;
+		return mergeItemConfigWithDetail(video, config);
+	});
+}
+/**
+* 智能铺设模式：根据 props 里的 contentId 批量补齐视频详情。
+*/
+async function buildSmartTagVideoSource(items) {
+	const normalizedItems = (Array.isArray(items) ? items : []).map((item) => ({
+		...item,
+		contentId: normalizeVideoId(item.contentId)
+	})).filter((item) => Boolean(item.contentId));
+	if (!normalizedItems.length) return [];
+	const detailMap = await batchGetHomeRecommendVideoDetailMap(normalizedItems.map((item) => ({ id: item.contentId })));
+	return normalizedItems.map((item) => {
+		const detail = detailMap.get(item.contentId || "");
+		return mergeItemConfigWithDetail(detail ? buildShowVideoFromDetail(detail, item.contentId || "") : buildFallbackItemFromConfig(item), item);
+	});
+}
+/**
+* 拉取热门视频列表（首屏）。
+*/
+async function fetchPopularVideoSource(pageSize) {
+	try {
+		const response = await pContentGetPopularVideoList({ page_size: pageSize });
+		return {
+			videos: Array.isArray(response.data?.videos) ? response.data.videos : [],
+			nextCursor: response.data?.cursor || "",
+			loaded: true
+		};
+	} catch (error) {
+		console.error("推荐位获取热门视频失败（server）", error);
+		return {
+			videos: [],
+			nextCursor: "",
+			loaded: false
+		};
+	}
+}
+/**
+* 在服务端根据智能铺设开关决定推荐位数据来源并准备首屏数据。
+*/
+async function resolveHomeRecommendServerData({ smartTagEnabled, pageSize = DEFAULT_PAGE_SIZE, items = [] }) {
+	const feedMode = resolveHomeRecommendFeedMode(smartTagEnabled);
+	const baseData = {
+		list: [],
+		icons: [],
+		title: "",
+		cursor: "",
+		show_style: void 0
+	};
+	if (feedMode === "manual-with-video-detail") try {
+		const mergedList = await buildSmartTagVideoSource(items);
+		return {
+			feedMode,
+			data: {
+				...baseData,
+				list: mergedList,
+				cursor: ""
+			}
+		};
+	} catch (error) {
+		console.error("推荐位智能铺设补齐视频详情失败（server）", error);
+		return {
+			feedMode,
+			data: {
+				...baseData,
+				list: [],
+				cursor: ""
+			}
+		};
+	}
+	const popularSource = await fetchPopularVideoSource(pageSize);
+	const videos = popularSource.loaded ? applyPopularItemConfigOverrides(popularSource.videos, items) : baseData.list;
+	const nextCursor = popularSource.loaded ? popularSource.nextCursor : baseData.cursor || "";
+	return {
+		feedMode,
+		data: {
+			...baseData,
+			list: videos,
+			icons: [],
+			cursor: nextCursor
+		}
+	};
+}
+
+//#endregion
+export { resolveHomeRecommendServerData };

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

@@ -1,2 +1,39 @@
 
-import{pContentBatchGetVideoDetail as e}from"../../../../../service/generated/client.mjs";function t(e){return typeof e==`string`?e.trim():``}function n(e){return t(e.id||e.mid)}async function r(r){let i=Array.from(new Set(r.map(n).filter(Boolean)));if(!i.length)return new Map;let a=[];try{let t=await e({ids:i});a=Array.isArray(t.data?.videos)?t.data.videos:[]}catch(e){console.warn(`推荐位批量获取视频详情失败，降级为空详情映射`,e)}let o=new Map;return a.forEach(e=>{let n=t(e.video_id||e.id||e.mid);n&&o.set(n,e)}),o}export{r as batchGetHomeRecommendVideoDetailMap};
+import { pContentBatchGetVideoDetail } from "../../../../../service/generated/client.mjs";
+
+//#region components/biz/business/home-recommend/shared/home-recommend-video-detail.ts
+/**
+* 将值归一化为视频 ID。
+*/
+function normalizeVideoId(value) {
+	return typeof value === "string" ? value.trim() : "";
+}
+/**
+* 解析推荐位卡片对应的视频 ID。
+*/
+function resolveItemVideoId(item) {
+	return normalizeVideoId(item.id || item.mid);
+}
+/**
+* 批量拉取视频详情并按视频 ID 建索引。
+*/
+async function batchGetHomeRecommendVideoDetailMap(items) {
+	const ids = Array.from(new Set(items.map(resolveItemVideoId).filter(Boolean)));
+	if (!ids.length) return /* @__PURE__ */ new Map();
+	let videos = [];
+	try {
+		const response = await pContentBatchGetVideoDetail({ ids });
+		videos = Array.isArray(response.data?.videos) ? response.data.videos : [];
+	} catch (error) {
+		console.warn("推荐位批量获取视频详情失败，降级为空详情映射", error);
+	}
+	const map = /* @__PURE__ */ new Map();
+	videos.forEach((video) => {
+		const id = normalizeVideoId(video.video_id || video.id || video.mid);
+		if (id) map.set(id, video);
+	});
+	return map;
+}
+
+//#endregion
+export { batchGetHomeRecommendVideoDetailMap };

package/dist/components/biz/business/image-text-recommend/client.mjs

@@ -1,2 +1,380 @@
 
-"use client";import e from"../../../../utils/get-res-url.mjs";import{pContentBatchGetVideoDetail as t,pContentGetPopularVideoList as n}from"../../../../service/generated/client.mjs";import{IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE as r,buildImageTextRecommendChosenTags as i,buildImageTextRecommendRemoteMap as a,buildImageTextRecommendSmartPicked as o,getImageTextRecommendFixedIds as s,getImageTextRecommendLayoutTags as c,resolveImageTextRecommendVideoId as l}from"../../../../hooks/image-text-recommend.mjs";import u from"../../../../assets/images/frame.mjs";import ee from"../../../../assets/images/subscript.mjs";import{useCallback as d,useEffect as f,useMemo as p,useRef as m,useState as h}from"react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";import y from"next/image";import{useTranslations as te}from"next-intl";import ne from"next/link";const b=[];function x(t,n){if(!t||!t.trim())return n;if(t.startsWith(`http`)||t.startsWith(`//`)||t.startsWith(`data:`))return t;let r=e();return r?`${r}${t.startsWith(`/`)?t:`/${t}`}`:t}function S(e){if(e==null)return``;let t=e;return t.img_y||t.media?.img_y||``}function C(e){return e==null?``:e.name||``}function w(e){let t=e,n=t.type;return typeof n==`number`?n:t.is_more_link===!0||Number(t.episode_cnt||t.episode_count||t.episodes?.length||t.links?.length||0)>1?2:1}function T(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 E(e,t){let n=e,r=Number(n.episode_cnt??0);if(!Number.isFinite(r)||r<=0)return``;let i=n.update_status;return t(r,i===0||i===`0`)}function D(e,t,n){return e?w(e)===2&&n?E(e,n):T(Number(e.duration??e.detail?.duration??0)):``}function O(e,t){if(!(e??``).trim())return``;let n=encodeURIComponent((t??``).trim()||``);return`/video/${e.trim()}/${n}/episode/1`}function re(e){if(!e)return``;let t=e,n=Number(t.static?.browse_cnt??0);if(!Number.isFinite(n)||n<=0)return``;if(n>=1e6){let e=(n/1e6).toFixed(1);return e.endsWith(`.0`)?`${e.slice(0,-2)}M`:`${e}M`}if(n>=1e3){let e=(n/1e3).toFixed(1);return e.endsWith(`.0`)?`${e.slice(0,-2)}k`:`${e}k`}return Math.floor(n).toString()}function k(){let e=new Date,t=new Date(e);return t.setHours(24,0,0,0),t.getTime()-e.getTime()}function A(e){let{title:w,items:T=b,commonPlayCount:E,commonEpisodes:A,layout:j,allEpisodesText:M,mode:N=`renderer`,initialRemoteMap:P,initialSmartList:F,initialLoadedBatchIndex:I,initialDataFromServer:L}=e,R=te(`components.biz.business.imageTextRecommend`),z=N===`editor`,[B,V]=h(L&&P!=null?P:{}),[H,U]=h(L&&F!=null?F:[]),[W,G]=h(L&&I!=null?I:0),K=m(null),q=!!j?.enabled,J=p(()=>c(j),[j]),Y=T?.length??0,X=p(()=>s(T,q),[q,T]),Z=p(()=>X.length>0?Math.ceil(X.length/r):0,[X.length]),Q=d((e,t)=>R(t?`updatedTo`:`allEpisodes`,{count:e}),[R]),$=d(async(e,n)=>{if(e.length===0)return;let r=a((await t({ids:e})).data?.videos??[]);V(e=>n?{...e,...r}:r)},[]);f(()=>{if(z||L||!T||T.length===0)return;let e=!1;async function t(){if(X.length===0){e||(V({}),G(0));return}if(X.length<=r){await $(X,!1),e||G(1);return}await $(X.slice(0,r),!1),e||G(1)}async function a(){let t=i(J,Y),r=(await n({page_size:Math.max(20,Y*10),tags:t.length?Array.from(new Set(t)):void 0})).data?.videos??[];e||U(o(r,t,Y))}return(async()=>{try{q?await a():await t()}catch{e||(V({}),U([]),G(0))}})(),()=>{e=!0}},[z,L,q,T,J,Y,X,$]),f(()=>{if(z||q||X.length<=r||W<1||W>=Z)return;let e=K.current;if(!e)return;let t=new IntersectionObserver(e=>{let[t]=e;if(!t?.isIntersecting)return;let n=W,i=n*r,a=X.slice(i,i+r);a.length!==0&&($(a,!0),G(n+1))},{root:null,rootMargin:`0px`,threshold:0});return t.observe(e),()=>t.disconnect()},[z,q,X,W,Z,$]),f(()=>{if(z||!q||Y<=0)return;let e,t=!1;function r(){e=window.setTimeout(()=>{let e=i(J,Y);n({page_size:Math.max(20,Y*10),tags:e.length?Array.from(new Set(e)):void 0}).then(n=>{t||U(o(n.data?.videos??[],e,Y))}).catch(()=>{t||U([])}).finally(()=>{t||r()})},k())}return r(),()=>{t=!0,e!==void 0&&window.clearTimeout(e)}},[z,q,J,Y]);let ie=p(()=>!T||T.length===0?b:T.map((e,t)=>{let n=String(e?.contentId??``).trim(),r=q?H[t]:n?B[n]:void 0,i=(e?.title??``).trim()||(r?C(r):``),a=(e?.cover??``).trim()||(e?.useVideoPoster?S(r):``),o=(e?.contentDescription??``).trim(),s=D(r,M,Q),c=re(r);return{...e,contentId:n||(r?l(r):``),title:i,cover:a,contentDescription:o,episodeOrDurationText:s,playCountText:c}}),[M,Q,q,T,B,H]);if(!T||T.length===0)return null;let ae=!q&&X.length>r&&W>=1&&W<Z?W*r-2:-1;return v(`div`,{className:z?`bg-bg1 px-3 py-3 pointer-events-none`:`bg-bg1 px-3 py-3`,children:[w&&_(`div`,{className:`mb-3 flex items-center justify-between`,children:_(`h2`,{className:`text-[18px] font-bold text-text1 leading-[26px]`,children:w})}),_(`div`,{className:`flex overflow-x-auto pb-2 scrollbar-hide space-x-2`,children:ie.map((e,t)=>{let n=q?E:e.showPlayCount??!1,r=(e.playCountText??``).trim(),i=r!==``,a=q?A:e.showEpisodes??!1,o=(e.episodeOrDurationText??``).trim(),s=a&&o!==``,c=N===`renderer`?O(e.contentId??``,e.title??``):``,l=v(g,{children:[v(`div`,{className:`relative aspect-[116.67/155.56] rounded-lg overflow-hidden bg-bg2`,children:[z||e.cover?_(y,{src:x(e.cover,u),alt:e.title??``,fill:!0,sizes:`116.67px`,className:`object-cover text-[10px] text-text3`,unoptimized:!0}):_(`div`,{className:`w-full h-full flex items-center justify-center text-text3 text-xs`,children:R(`noCover`)}),!q&&(e.badge??``).trim()?_(`div`,{className:`absolute top-0 right-0 w-8 h-8`,children:_(y,{src:(e.badge??``).trim()||ee,alt:``,fill:!0,sizes:`32px`,className:`object-contain object-right-top`,unoptimized:!0})}):null,v(`div`,{className:`absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent pb-1 pt-3 px-1 flex justify-between items-center gap-1`,children:[_(`div`,{className:`flex items-center min-w-0 shrink`,children:n&&i?v(`div`,{className:`flex items-center gap-1 rounded bg-overlay px-1 py-0`,children:[_(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`12`,height:`10`,viewBox:`0 0 12 10`,fill:`none`,className:`shrink-0`,"aria-hidden":!0,children:_(`path`,{d:`M7.56 5.18437L5.013 6.56737C4.893 6.63337 4.761 6.66937 4.638 6.66937C4.269 6.66937 4.002 6.38737 4.002 5.99737V3.28237C4.002 2.89237 4.269 2.61037 4.638 2.61037C4.764 2.61037 4.893 2.64637 5.013 2.70937L7.572 4.09237C7.803 4.21837 7.938 4.41637 7.938 4.63237C7.938 4.85137 7.8 5.05537 7.56 5.18437ZM9.807 9.27637L2.133 8.52937C0.954 8.52937 0 7.57537 0 6.39637V2.79937C0 1.62037 0.954 0.666368 2.133 0.666368L9.81 0.000367165C10.989 0.000367165 11.943 0.954367 11.943 2.13337V7.14337C11.9422 7.70935 11.7168 8.25188 11.3163 8.65181C10.9158 9.05174 10.373 9.27637 9.807 9.27637ZM10.875 2.13337C10.875 1.99351 10.8475 1.85502 10.7939 1.72581C10.7404 1.5966 10.662 1.47919 10.5631 1.3803C10.4642 1.2814 10.3468 1.20296 10.2176 1.14944C10.0883 1.09591 9.94986 1.06837 9.81 1.06837L2.133 1.73437C1.99314 1.73437 1.85465 1.76191 1.72544 1.81544C1.59623 1.86896 1.47883 1.9474 1.37993 2.0463C1.28104 2.14519 1.20259 2.2626 1.14907 2.39181C1.09555 2.52102 1.068 2.65951 1.068 2.79937V6.39637C1.068 6.67882 1.1802 6.94971 1.37993 7.14944C1.57966 7.34916 1.85054 7.46137 2.133 7.46137L9.807 8.20837C9.94686 8.20837 10.0853 8.18082 10.2146 8.1273C10.3438 8.07378 10.4612 7.99533 10.5601 7.89644C10.659 7.79754 10.7374 7.68014 10.7909 7.55093C10.8445 7.42171 10.872 7.28323 10.872 7.14337V2.13337H10.875Z`,fill:`white`})}),_(`span`,{className:`text-white text-[12px] leading-[20px]`,children:r})]}):null}),_(`div`,{className:`flex items-center shrink-0`,children:s?_(`span`,{className:`text-white text-[12px] leading-[20px]`,children:o}):null})]})]}),_(`div`,{className:`mt-2 py-2`,children:_(`h3`,{className:`text-[16px] text-text1 truncate font-bold leading-[24px]`,children:e.title})})]});return _(`div`,{ref:t===ae?K:void 0,className:`flex-shrink-0 w-[116.67px]`,children:c?_(ne,{href:c,className:`block rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-primary`,children:l}):l},t)})})]})}export{A as ImageTextRecommendClient};
+'use client';
+
+import getResUrl from "../../../../utils/get-res-url.mjs";
+import { pContentBatchGetVideoDetail, pContentGetPopularVideoList } from "../../../../service/generated/client.mjs";
+import { IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE, buildImageTextRecommendChosenTags, buildImageTextRecommendRemoteMap, buildImageTextRecommendSmartPicked, getImageTextRecommendFixedIds, getImageTextRecommendLayoutTags, resolveImageTextRecommendVideoId } from "../../../../hooks/image-text-recommend.mjs";
+import frame_default from "../../../../assets/images/frame.mjs";
+import subscript_default from "../../../../assets/images/subscript.mjs";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import NextImage from "next/image";
+import { useTranslations } from "next-intl";
+import Link from "next/link";
+
+//#region components/biz/business/image-text-recommend/client.tsx
+const DEFAULT_ITEMS = [];
+/**
+* 封面展示地址：相对路径（如接口返回的 img_y）拼接 CDN 前缀，绝对 URL 或静态资源原样返回。
+*/
+function resolveCoverDisplaySrc(cover, defaultCover) {
+	if (!cover || !cover.trim()) return defaultCover;
+	if (cover.startsWith("http") || cover.startsWith("//") || cover.startsWith("data:")) return cover;
+	const base = getResUrl();
+	if (!base) return cover;
+	return `${base}${cover.startsWith("/") ? cover : `/${cover}`}`;
+}
+/**
+* 解析封面 URL。本物料仅使用竖图封面（img_y），与智能铺设接口返回字段一致。
+*/
+function resolveCoverUrl(item) {
+	if (item == null) return "";
+	const maybe = item;
+	return maybe.img_y || maybe.media?.img_y || "";
+}
+function resolveVideoTitle(item) {
+	if (item == null) return "";
+	return item.name || "";
+}
+function resolveVideoType(item) {
+	const maybe = item;
+	const raw = maybe.type;
+	if (typeof raw === "number") return raw;
+	if (maybe.is_more_link === true) return 2;
+	if (Number(maybe.episode_cnt || maybe.episode_count || maybe.episodes?.length || maybe.links?.length || 0) > 1) return 2;
+	return 1;
+}
+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 = (v) => String(v).padStart(2, "0");
+	if (hours > 0) return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
+	return `${pad(minutes)}:${pad(seconds)}`;
+}
+/**
+* 根据 update_status 与 episode_cnt 生成集数展示文案（文案由 formatter 提供，走 i18n）。
+* update_status 为 0 表示更新中 → updatedTo；为 1 表示已完结 → allEpisodes；数量取 episode_cnt。
+*/
+function formatEpisodeDescription(rawVideo, formatter) {
+	const maybe = rawVideo;
+	const count = Number(maybe.episode_cnt ?? 0);
+	if (!Number.isFinite(count) || count <= 0) return "";
+	const status = maybe.update_status;
+	return formatter(count, status === 0 || status === "0");
+}
+function resolveContentDescription(rawVideo, _allEpisodesText, episodeFormatter) {
+	if (!rawVideo) return "";
+	if (resolveVideoType(rawVideo) === 2 && episodeFormatter) return formatEpisodeDescription(rawVideo, episodeFormatter);
+	return formatDuration(Number(rawVideo.duration ?? rawVideo.detail?.duration ?? 0));
+}
+/**
+* 与首页推荐一致：生成视频详情页路径，电影与剧集均用 /video/{id}/{name}/episode/1。
+*/
+function buildVideoDetailPath(contentId, title) {
+	if (!(contentId ?? "").trim()) return "";
+	const encodedName = encodeURIComponent((title ?? "").trim() || "");
+	return `/video/${contentId.trim()}/${encodedName}/episode/1`;
+}
+/**
+* 解析播放量文案。两接口统一响应中播放量取 static.browse_cnt（浏览次数），为空则不显示。
+*/
+function resolvePlayCountText(video) {
+	if (!video) return "";
+	const maybe = video;
+	const count = Number(maybe.static?.browse_cnt ?? 0);
+	if (!Number.isFinite(count) || count <= 0) return "";
+	if (count >= 1e6) {
+		const m = (count / 1e6).toFixed(1);
+		return m.endsWith(".0") ? `${m.slice(0, -2)}M` : `${m}M`;
+	}
+	if (count >= 1e3) {
+		const k = (count / 1e3).toFixed(1);
+		return k.endsWith(".0") ? `${k.slice(0, -2)}k` : `${k}k`;
+	}
+	return Math.floor(count).toString();
+}
+function getMsUntilNextDay() {
+	const now = /* @__PURE__ */ new Date();
+	const next = new Date(now);
+	next.setHours(24, 0, 0, 0);
+	return next.getTime() - now.getTime();
+}
+/**
+* 图文推荐物料组件 - 客户端部分
+* - 智能铺设开启：按标签调用热门列表接口，随机铺设推荐位，T+1 自动更新
+* - 智能铺设关闭：按配置的内容 ID 取数；超过 8 个时分批拉取（每批 8 个），滚动到倒数第二个时触发下一批
+*/
+function ImageTextRecommendClient(props) {
+	const { title, items = DEFAULT_ITEMS, commonPlayCount, commonEpisodes, layout, allEpisodesText, mode = "renderer", initialRemoteMap, initialSmartList, initialLoadedBatchIndex, initialDataFromServer } = props;
+	const t = useTranslations("components.biz.business.imageTextRecommend");
+	const isEditor = mode === "editor";
+	const [remoteMap, setRemoteMap] = useState(initialDataFromServer && initialRemoteMap != null ? initialRemoteMap : {});
+	const [smartList, setSmartList] = useState(initialDataFromServer && initialSmartList != null ? initialSmartList : []);
+	/** 关闭智能铺设且 id 数 > 8 时，已拉取的批次数（0=未拉取，1=已拉取第 1 批，以此类推） */
+	const [loadedBatchIndex, setLoadedBatchIndex] = useState(initialDataFromServer && initialLoadedBatchIndex != null ? initialLoadedBatchIndex : 0);
+	const sentinelRef = useRef(null);
+	const isSmartEnabled = !!layout?.enabled;
+	const smartTags = useMemo(() => getImageTextRecommendLayoutTags(layout), [layout]);
+	const targetCount = items?.length ?? 0;
+	/** 关闭智能铺设时，配置中的全部 contentId（去空） */
+	const fixedIds = useMemo(() => getImageTextRecommendFixedIds(items, isSmartEnabled), [isSmartEnabled, items]);
+	const totalBatches = useMemo(() => fixedIds.length > 0 ? Math.ceil(fixedIds.length / IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE) : 0, [fixedIds.length]);
+	/** 集数展示文案：更新中用 updatedTo，已完结用 allEpisodes（i18n） */
+	const episodeFormatter = useCallback((count, isUpdating) => isUpdating ? t("updatedTo", { count }) : t("allEpisodes", { count }), [t]);
+	/** 拉取一批 id 并合并进 remoteMap（仅客户端触底加载下一批时调用；首批由服务端完成） */
+	const fetchFixedBatch = useCallback(async (batchIds, merge) => {
+		if (batchIds.length === 0) return;
+		const map = buildImageTextRecommendRemoteMap((await pContentBatchGetVideoDetail({ ids: batchIds })).data?.videos ?? []);
+		setRemoteMap((prev) => merge ? {
+			...prev,
+			...map
+		} : map);
+	}, []);
+	useEffect(() => {
+		if (isEditor) return;
+		if (initialDataFromServer) return;
+		if (!items || items.length === 0) return;
+		let cancelled = false;
+		async function runFixed() {
+			if (fixedIds.length === 0) {
+				if (!cancelled) {
+					setRemoteMap({});
+					setLoadedBatchIndex(0);
+				}
+				return;
+			}
+			if (fixedIds.length <= IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE) {
+				await fetchFixedBatch(fixedIds, false);
+				if (!cancelled) setLoadedBatchIndex(1);
+				return;
+			}
+			await fetchFixedBatch(fixedIds.slice(0, IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE), false);
+			if (!cancelled) setLoadedBatchIndex(1);
+		}
+		async function fetchSmart() {
+			const chosenTags = buildImageTextRecommendChosenTags(smartTags, targetCount);
+			const list = (await pContentGetPopularVideoList({
+				page_size: Math.max(20, targetCount * 10),
+				tags: chosenTags.length ? Array.from(new Set(chosenTags)) : void 0
+			})).data?.videos ?? [];
+			if (!cancelled) setSmartList(buildImageTextRecommendSmartPicked(list, chosenTags, targetCount));
+		}
+		(async () => {
+			try {
+				if (isSmartEnabled) await fetchSmart();
+				else await runFixed();
+			} catch {
+				if (!cancelled) {
+					setRemoteMap({});
+					setSmartList([]);
+					setLoadedBatchIndex(0);
+				}
+			}
+		})();
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		isEditor,
+		initialDataFromServer,
+		isSmartEnabled,
+		items,
+		smartTags,
+		targetCount,
+		fixedIds,
+		fetchFixedBatch
+	]);
+	useEffect(() => {
+		if (isEditor || isSmartEnabled || fixedIds.length <= IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE) return;
+		if (loadedBatchIndex < 1 || loadedBatchIndex >= totalBatches) return;
+		const el = sentinelRef.current;
+		if (!el) return;
+		const observer = new IntersectionObserver((entries) => {
+			const [entry] = entries;
+			if (!entry?.isIntersecting) return;
+			const nextBatchIndex = loadedBatchIndex;
+			const start = nextBatchIndex * IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE;
+			const batchIds = fixedIds.slice(start, start + IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE);
+			if (batchIds.length === 0) return;
+			fetchFixedBatch(batchIds, true);
+			setLoadedBatchIndex(nextBatchIndex + 1);
+		}, {
+			root: null,
+			rootMargin: "0px",
+			threshold: 0
+		});
+		observer.observe(el);
+		return () => observer.disconnect();
+	}, [
+		isEditor,
+		isSmartEnabled,
+		fixedIds,
+		loadedBatchIndex,
+		totalBatches,
+		fetchFixedBatch
+	]);
+	useEffect(() => {
+		if (isEditor) return;
+		if (!isSmartEnabled) return;
+		if (targetCount <= 0) return;
+		let timer;
+		let cancelled = false;
+		function scheduleNext() {
+			timer = window.setTimeout(() => {
+				const chosenTags = buildImageTextRecommendChosenTags(smartTags, targetCount);
+				pContentGetPopularVideoList({
+					page_size: Math.max(20, targetCount * 10),
+					tags: chosenTags.length ? Array.from(new Set(chosenTags)) : void 0
+				}).then((res) => {
+					if (cancelled) return;
+					setSmartList(buildImageTextRecommendSmartPicked(res.data?.videos ?? [], chosenTags, targetCount));
+				}).catch(() => {
+					if (!cancelled) setSmartList([]);
+				}).finally(() => {
+					if (!cancelled) scheduleNext();
+				});
+			}, getMsUntilNextDay());
+		}
+		scheduleNext();
+		return () => {
+			cancelled = true;
+			if (timer !== void 0) window.clearTimeout(timer);
+		};
+	}, [
+		isEditor,
+		isSmartEnabled,
+		smartTags,
+		targetCount
+	]);
+	const resolvedItems = useMemo(() => {
+		if (!items || items.length === 0) return DEFAULT_ITEMS;
+		return items.map((cfg, index) => {
+			const fixedId = String(cfg?.contentId ?? "").trim();
+			const remote = isSmartEnabled ? smartList[index] : fixedId ? remoteMap[fixedId] : void 0;
+			const title = (cfg?.title ?? "").trim() || (remote ? resolveVideoTitle(remote) : "");
+			const cover = (cfg?.cover ?? "").trim() || (cfg?.useVideoPoster ? resolveCoverUrl(remote) : "");
+			const contentDescription = (cfg?.contentDescription ?? "").trim();
+			const episodeOrDurationText = resolveContentDescription(remote, allEpisodesText, episodeFormatter);
+			const playCountText = resolvePlayCountText(remote);
+			return {
+				...cfg,
+				contentId: fixedId || (remote ? resolveImageTextRecommendVideoId(remote) : ""),
+				title,
+				cover,
+				contentDescription,
+				episodeOrDurationText,
+				playCountText
+			};
+		});
+	}, [
+		allEpisodesText,
+		episodeFormatter,
+		isSmartEnabled,
+		items,
+		remoteMap,
+		smartList
+	]);
+	if (!items || items.length === 0) return null;
+	/** 关闭智能铺设且分批时：被观察的「倒数第二个」卡片索引，用于触底加载下一批 */
+	const sentinelIndex = !isSmartEnabled && fixedIds.length > IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE && loadedBatchIndex >= 1 && loadedBatchIndex < totalBatches ? loadedBatchIndex * IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE - 2 : -1;
+	return /* @__PURE__ */ jsxs("div", {
+		className: isEditor ? "bg-bg1 px-3 py-3 pointer-events-none" : "bg-bg1 px-3 py-3",
+		children: [title && /* @__PURE__ */ jsx("div", {
+			className: "mb-3 flex items-center justify-between",
+			children: /* @__PURE__ */ jsx("h2", {
+				className: "text-[18px] font-bold text-text1 leading-[26px]",
+				children: title
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex overflow-x-auto pb-2 scrollbar-hide space-x-2",
+			children: resolvedItems.map((item, index) => {
+				const showPlayCount = isSmartEnabled ? commonPlayCount : item.showPlayCount ?? false;
+				const playCountRaw = (item.playCountText ?? "").trim();
+				const hasPlayCount = playCountRaw !== "";
+				const showEpisodes = isSmartEnabled ? commonEpisodes : item.showEpisodes ?? false;
+				const episodeOrDuration = (item.episodeOrDurationText ?? "").trim();
+				const showEpisodesContent = showEpisodes && episodeOrDuration !== "";
+				const detailPath = mode === "renderer" ? buildVideoDetailPath(item.contentId ?? "", item.title ?? "") : "";
+				const cardContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+					className: "relative aspect-[116.67/155.56] rounded-lg overflow-hidden bg-bg2",
+					children: [
+						isEditor || item.cover ? /* @__PURE__ */ jsx(NextImage, {
+							src: resolveCoverDisplaySrc(item.cover, frame_default),
+							alt: item.title ?? "",
+							fill: true,
+							sizes: "116.67px",
+							className: "object-cover text-[10px] text-text3",
+							unoptimized: true
+						}) : /* @__PURE__ */ jsx("div", {
+							className: "w-full h-full flex items-center justify-center text-text3 text-xs",
+							children: t("noCover")
+						}),
+						!isSmartEnabled && (item.badge ?? "").trim() ? /* @__PURE__ */ jsx("div", {
+							className: "absolute top-0 right-0 w-8 h-8",
+							children: /* @__PURE__ */ jsx(NextImage, {
+								src: (item.badge ?? "").trim() || subscript_default,
+								alt: "",
+								fill: true,
+								sizes: "32px",
+								className: "object-contain object-right-top",
+								unoptimized: true
+							})
+						}) : null,
+						/* @__PURE__ */ jsxs("div", {
+							className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent pb-1 pt-3 px-1 flex justify-between items-center gap-1",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "flex items-center min-w-0 shrink",
+								children: showPlayCount && hasPlayCount ? /* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-1 rounded bg-overlay px-1 py-0",
+									children: [/* @__PURE__ */ jsx("svg", {
+										xmlns: "http://www.w3.org/2000/svg",
+										width: "12",
+										height: "10",
+										viewBox: "0 0 12 10",
+										fill: "none",
+										className: "shrink-0",
+										"aria-hidden": true,
+										children: /* @__PURE__ */ jsx("path", {
+											d: "M7.56 5.18437L5.013 6.56737C4.893 6.63337 4.761 6.66937 4.638 6.66937C4.269 6.66937 4.002 6.38737 4.002 5.99737V3.28237C4.002 2.89237 4.269 2.61037 4.638 2.61037C4.764 2.61037 4.893 2.64637 5.013 2.70937L7.572 4.09237C7.803 4.21837 7.938 4.41637 7.938 4.63237C7.938 4.85137 7.8 5.05537 7.56 5.18437ZM9.807 9.27637L2.133 8.52937C0.954 8.52937 0 7.57537 0 6.39637V2.79937C0 1.62037 0.954 0.666368 2.133 0.666368L9.81 0.000367165C10.989 0.000367165 11.943 0.954367 11.943 2.13337V7.14337C11.9422 7.70935 11.7168 8.25188 11.3163 8.65181C10.9158 9.05174 10.373 9.27637 9.807 9.27637ZM10.875 2.13337C10.875 1.99351 10.8475 1.85502 10.7939 1.72581C10.7404 1.5966 10.662 1.47919 10.5631 1.3803C10.4642 1.2814 10.3468 1.20296 10.2176 1.14944C10.0883 1.09591 9.94986 1.06837 9.81 1.06837L2.133 1.73437C1.99314 1.73437 1.85465 1.76191 1.72544 1.81544C1.59623 1.86896 1.47883 1.9474 1.37993 2.0463C1.28104 2.14519 1.20259 2.2626 1.14907 2.39181C1.09555 2.52102 1.068 2.65951 1.068 2.79937V6.39637C1.068 6.67882 1.1802 6.94971 1.37993 7.14944C1.57966 7.34916 1.85054 7.46137 2.133 7.46137L9.807 8.20837C9.94686 8.20837 10.0853 8.18082 10.2146 8.1273C10.3438 8.07378 10.4612 7.99533 10.5601 7.89644C10.659 7.79754 10.7374 7.68014 10.7909 7.55093C10.8445 7.42171 10.872 7.28323 10.872 7.14337V2.13337H10.875Z",
+											fill: "white"
+										})
+									}), /* @__PURE__ */ jsx("span", {
+										className: "text-white text-[12px] leading-[20px]",
+										children: playCountRaw
+									})]
+								}) : null
+							}), /* @__PURE__ */ jsx("div", {
+								className: "flex items-center shrink-0",
+								children: showEpisodesContent ? /* @__PURE__ */ jsx("span", {
+									className: "text-white text-[12px] leading-[20px]",
+									children: episodeOrDuration
+								}) : null
+							})]
+						})
+					]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "mt-2 py-2",
+					children: /* @__PURE__ */ jsx("h3", {
+						className: "text-[16px] text-text1 truncate font-bold leading-[24px]",
+						children: item.title
+					})
+				})] });
+				return /* @__PURE__ */ jsx("div", {
+					ref: index === sentinelIndex ? sentinelRef : void 0,
+					className: "flex-shrink-0 w-[116.67px]",
+					children: detailPath ? /* @__PURE__ */ jsx(Link, {
+						href: detailPath,
+						className: "block rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-primary",
+						children: cardContent
+					}) : cardContent
+				}, index);
+			})
+		})]
+	});
+}
+
+//#endregion
+export { ImageTextRecommendClient };