@funhub/platform 0.1.126 → 0.1.130

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

@@ -1,2 +1,424 @@
 
-"use client";import e from"../../../../utils/get-res-url.mjs";import{pContentBatchGetVideoDetail as t,pContentGetPopularVideoList as n}from"../../../../service/generated/client.mjs";import{pContentBatchGetVideoDetailKey as r,pContentGetPopularVideoListKey as i}from"../../../../service/generated/tanstack.mjs";import{Image as a}from"../../../ui/image.mjs";import{Box as o}from"../../../ui/box.mjs";import{Text as s}from"../../../ui/text.mjs";import{IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE as c,buildImageTextRecommendChosenTags as l,buildImageTextRecommendRemoteMap as u,buildImageTextRecommendSmartPicked as d,getImageTextRecommendFixedIds as f,getImageTextRecommendLayoutTags as ee,resolveImageTextRecommendVideoId as te}from"../../../../hooks/image-text-recommend.mjs";import{useRequest as p}from"../../../../hooks/query/use-query.mjs";import ne from"../../../../assets/images/frame.mjs";import re from"../../../../assets/images/subscript.mjs";import{buildSmartPopularQuery as ie,buildStableChosenTags as ae}from"./shared/query.mjs";import{useCallback as m,useEffect as h,useMemo as g,useRef as oe,useState as _}from"react";import{Fragment as se,jsx as v,jsxs as y}from"react/jsx-runtime";import{useTranslations as ce}from"next-intl";import le from"next/link";const b=[];function x(e){return typeof e==`string`?e:e.src}function ue(t,n){if(!t||!t.trim())return x(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,t=!1){let n=e,r=t?n.type:n.content_type;return typeof r==`number`?r:n.is_more_link===!0||Number(n.episode_cnt||n.episode_count||n.episodes?.length||n.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=n?.links?.length??0;if(!Number.isFinite(r)||r<=0)return``;let i=n.update_status;return t(r,i===0||i===`0`)}function de(e,t,n){return e?w(e,n)===2&&t?E(e,t):T(Number(e.duration??e.detail?.duration??0)):``}function fe(e,t){if(!(e??``).trim())return``;let n=encodeURIComponent((t??``).trim()||``);return`/video/${e.trim()}/${n}/episode/1`}function pe(e,t){if(!e)return``;let n=e,r=t?Number(n.static?.browse_count??0):Number(n.browse_count??0);if(!Number.isFinite(r)||r<=0)return``;if(r>=1e6){let e=(r/1e6).toFixed(1);return e.endsWith(`.0`)?`${e.slice(0,-2)}M`:`${e}M`}if(r>=1e3){let e=(r/1e3).toFixed(1);return e.endsWith(`.0`)?`${e.slice(0,-2)}k`:`${e}k`}return Math.floor(r).toString()}function me(){let e=new Date,t=new Date(e);return t.setHours(24,0,0,0),t.getTime()-e.getTime()}function D(e){let{title:w,items:T=b,commonPlayCount:E,commonEpisodes:D,layout:O,mode:k=`renderer`}=e,A=ce(`components.biz.business.imageTextRecommend`),j=k===`renderer`,M=k===`editor`,[N,P]=_({}),[F,I]=_([]),[L,R]=_(0),[z,B]=_(void 0),V=oe(null),H=!!O?.enabled,U=g(()=>ee(O),[O]),W=T?.length??0,G=g(()=>f(T,H),[H,T]),K=g(()=>G.slice(0,c),[G]),q=g(()=>ae(U,W),[U,W]),J=g(()=>ie(q,W),[q,W]),{data:Y}=p(i(J),()=>n(J),{enabled:j&&!M&&H&&T.length>0,staleTime:1/0}),{data:X}=p(r({ids:K}),()=>t({ids:K}),{enabled:j&&!M&&!H&&K.length>0,staleTime:1/0}),Z=g(()=>H&&W>c?Math.ceil(W/c):G.length>0?Math.ceil(G.length/c):0,[H,W,G.length]),Q=m((e,t)=>A(t?`updatedTo`:`allEpisodes`,{count:e}),[A]),he=m(async(e,n)=>{if(e.length===0)return;let r=u((await t({ids:e})).data?.videos??[]);P(e=>n?{...e,...r}:r)},[]);h(()=>{if(M)return;if(H){let e=Y?.data?.videos??[];W>c?(I(e.slice(0,c)),B(Y?.data?.cursor),R(e.length>0?1:0)):(I(d(e,q,W)),R(0)),P({});return}if(K.length===0){P({}),I([]),R(0),B(void 0);return}let e=X?.data?.videos??[];P(u(e)),I([]),B(void 0),R(e.length>0?1:0)},[M,H,Y,X,q,K,W]),h(()=>{if(M||Z<1||L<1||L>=Z)return;let e=V.current;if(!e)return;let t=new IntersectionObserver(e=>{let[t]=e;if(!t?.isIntersecting)return;let r=L;if(H){let e=l(U,W);n({page_size:c,cursor:z,tags:e.length?Array.from(new Set(e)):void 0}).then(e=>{let t=e.data?.videos??[];I(e=>[...e,...t.slice(0,c)]),B(e.data?.cursor),R(r+1)}).catch(()=>{})}else{let e=r*c,t=G.slice(e,e+c);t.length>0&&(he(t,!0),R(r+1))}},{root:null,rootMargin:`0px`,threshold:0});return t.observe(e),()=>t.disconnect()},[M,H,G,L,Z,U,W,z,he]),h(()=>{if(M||!H||W<=0)return;let e,t=!1;function r(){e=window.setTimeout(()=>{let e=l(U,W);n({page_size:Math.max(20,W*10),tags:e.length?Array.from(new Set(e)):void 0}).then(n=>{t||I(d(n.data?.videos??[],e,W))}).catch(()=>{t||I([])}).finally(()=>{t||r()})},me())}return r(),()=>{t=!0,e!==void 0&&window.clearTimeout(e)}},[M,H,U,W]);let $=g(()=>!T||T.length===0?b:M?T:H&&W>c?T.slice(0,F.length):T,[T,M,H,W,F.length]),ge=g(()=>$.length?$.map((e,t)=>{let n=String(e?.contentId??``).trim(),r=H?F[t]:n?N[n]:void 0,i=H?r?C(r):(e?.title??``).trim():(e?.title??``).trim()||(r?C(r):``),a=(e?.cover??``).trim(),o=H?S(r)||a:a||(e?.useVideoPoster?S(r):``),s=H&&String(r?.description??r?.content_description??``).trim()||(e?.contentDescription??``).trim(),c=de(r,Q,H),l=pe(r,H);return{...e,contentId:n||(r?te(r):``),title:i,cover:o,contentDescription:s,episodeOrDurationText:c,playCountText:l}}):b,[Q,H,$,N,F]);if(!T||T.length===0)return null;let _e=L>=1&&L<Z?H?F.length-2:L*c-2:-1;return y(o,{className:M?`bg-bg1 px-3 py-3 pointer-events-none`:`bg-bg1 px-3 py-3`,children:[w&&v(o,{className:`mb-3 flex items-center justify-between`,children:v(s,{className:`text-[18px] font-bold text-text1 leading-[26px]`,children:w})}),v(o,{className:`flex overflow-x-auto pb-2 scrollbar-hide space-x-2`,children:ge.map((e,t)=>{let n=H?E:e.showPlayCount??!1,r=(e.playCountText??``).trim(),i=r!==``,c=H?D:e.showEpisodes??!1,l=(e.episodeOrDurationText??``).trim(),u=c&&l!==``,d=k===`renderer`?fe(e.contentId??``,e.title??``):``,f=y(se,{children:[y(o,{className:`relative rounded-lg overflow-hidden bg-bg2 w-[116px] h-[134px]`,children:[M||e.cover?v(a,{src:ue(e.cover,ne),alt:e.title??``,fill:!0,className:`object-cover`}):v(o,{className:`w-full h-full flex items-center justify-center`,children:v(s,{className:`text-text3 text-xs`,children:A(`noCover`)})}),!H&&(e.badge??``).trim()?v(o,{className:`absolute top-0 right-0 w-8 h-8`,children:v(a,{src:(e.badge??``).trim()||x(re),alt:``,fill:!0,sizes:`32px`,className:`object-contain object-right-top`,unoptimized:!0})}):null,y(o,{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:[v(o,{className:`flex items-center min-w-0 shrink`,children:n&&i?y(o,{className:`flex items-center gap-1 rounded bg-overlay px-1 py-0`,children:[v(`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:v(`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`})}),v(s,{className:`text-white text-[12px] leading-[20px]`,children:r})]}):null}),v(o,{className:`flex items-center shrink-0`,children:u?v(s,{className:`text-white text-[12px] leading-[20px]`,children:l}):null})]})]}),v(o,{className:`mt-2 py-2`,children:v(s,{className:`text-[16px] text-text1 font-bold leading-[24px] line-clamp-1`,children:e.title})})]});return v(o,{ref:t===_e?V:void 0,className:`flex-shrink-0 w-[116px]`,children:d?v(le,{href:d,className:`block`,children:f}):f},t)})})]})}export{D as ImageTextRecommendClient};
+'use client';
+
+import getResUrl from "../../../../utils/get-res-url.mjs";
+import { pContentBatchGetVideoDetail, pContentGetPopularVideoList } from "../../../../service/generated/client.mjs";
+import { pContentBatchGetVideoDetailKey, pContentGetPopularVideoListKey } from "../../../../service/generated/tanstack.mjs";
+import { Image } from "../../../ui/image.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import { IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE, buildImageTextRecommendChosenTags, buildImageTextRecommendRemoteMap, buildImageTextRecommendSmartPicked, getImageTextRecommendFixedIds, getImageTextRecommendLayoutTags, resolveImageTextRecommendVideoId } from "../../../../hooks/image-text-recommend.mjs";
+import { useRequest } from "../../../../hooks/query/use-query.mjs";
+import frame_default from "../../../../assets/images/frame.mjs";
+import subscript_default from "../../../../assets/images/subscript.mjs";
+import { buildSmartPopularQuery, buildStableChosenTags } from "./shared/query.mjs";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import Link from "next/link";
+
+//#region components/biz/business/image-text-recommend/client.tsx
+const DEFAULT_ITEMS = [];
+function resolveStaticAssetSrc(asset) {
+	return typeof asset === "string" ? asset : asset.src;
+}
+/**
+* 封面展示地址：相对路径（如接口返回的 img_y）拼接 CDN 前缀，绝对 URL 或静态资源原样返回。
+*/
+function resolveCoverDisplaySrc(cover, defaultCover) {
+	if (!cover || !cover.trim()) return resolveStaticAssetSrc(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, isSmartEnabled = false) {
+	const maybe = item;
+	const raw = isSmartEnabled ? maybe.type : maybe.content_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 = maybe?.links?.length ?? 0;
+	if (!Number.isFinite(count) || count <= 0) return "";
+	const status = maybe.update_status;
+	return formatter(count, status === 0 || status === "0");
+}
+function resolveContentDescription(rawVideo, episodeFormatter, isSmartEnabled) {
+	if (!rawVideo) return "";
+	if (resolveVideoType(rawVideo, isSmartEnabled) === 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, isSmartEnabled) {
+	if (!video) return "";
+	const maybe = video;
+	const count = isSmartEnabled ? Number(maybe.static?.browse_count ?? 0) : Number(maybe.browse_count ?? 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, mode = "renderer" } = props;
+	const t = useTranslations("components.biz.business.imageTextRecommend");
+	const isRenderer = mode === "renderer";
+	const isEditor = mode === "editor";
+	const [remoteMap, setRemoteMap] = useState({});
+	const [smartList, setSmartList] = useState([]);
+	/** 无论智能铺设开闭，配置/目标数 > 8 时已拉取的批次数（0=未拉取，1=已拉取第 1 批，以此类推） */
+	const [loadedBatchIndex, setLoadedBatchIndex] = useState(0);
+	/** 智能铺设分批时，下一页请求的游标 */
+	const [smartNextCursor, setSmartNextCursor] = useState(void 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 initialFixedBatchIds = useMemo(() => fixedIds.slice(0, IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE), [fixedIds]);
+	const initialChosenTags = useMemo(() => buildStableChosenTags(smartTags, targetCount), [smartTags, targetCount]);
+	const initialSmartQuery = useMemo(() => buildSmartPopularQuery(initialChosenTags, targetCount), [initialChosenTags, targetCount]);
+	const { data: initialSmartResponse } = useRequest(pContentGetPopularVideoListKey(initialSmartQuery), () => pContentGetPopularVideoList(initialSmartQuery), {
+		enabled: isRenderer && !isEditor && isSmartEnabled && items.length > 0,
+		staleTime: Infinity
+	});
+	const { data: initialFixedResponse } = useRequest(pContentBatchGetVideoDetailKey({ ids: initialFixedBatchIds }), () => pContentBatchGetVideoDetail({ ids: initialFixedBatchIds }), {
+		enabled: isRenderer && !isEditor && !isSmartEnabled && initialFixedBatchIds.length > 0,
+		staleTime: Infinity
+	});
+	/** 需要分批时总批次数：关闭智能铺设按 fixedIds 数量；开启智能铺设且 targetCount > 8 按 targetCount */
+	const totalBatches = useMemo(() => {
+		if (isSmartEnabled && targetCount > IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE) return Math.ceil(targetCount / IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE);
+		if (fixedIds.length > 0) return Math.ceil(fixedIds.length / IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE);
+		return 0;
+	}, [
+		isSmartEnabled,
+		targetCount,
+		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 (isSmartEnabled) {
+			const videos = initialSmartResponse?.data?.videos ?? [];
+			if (targetCount > IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE) {
+				setSmartList(videos.slice(0, IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE));
+				setSmartNextCursor(initialSmartResponse?.data?.cursor);
+				setLoadedBatchIndex(videos.length > 0 ? 1 : 0);
+			} else {
+				setSmartList(buildImageTextRecommendSmartPicked(videos, initialChosenTags, targetCount));
+				setLoadedBatchIndex(0);
+			}
+			setRemoteMap({});
+			return;
+		}
+		if (initialFixedBatchIds.length === 0) {
+			setRemoteMap({});
+			setSmartList([]);
+			setLoadedBatchIndex(0);
+			setSmartNextCursor(void 0);
+			return;
+		}
+		const videos = initialFixedResponse?.data?.videos ?? [];
+		setRemoteMap(buildImageTextRecommendRemoteMap(videos));
+		setSmartList([]);
+		setSmartNextCursor(void 0);
+		setLoadedBatchIndex(videos.length > 0 ? 1 : 0);
+	}, [
+		isEditor,
+		isSmartEnabled,
+		initialSmartResponse,
+		initialFixedResponse,
+		initialChosenTags,
+		initialFixedBatchIds,
+		targetCount
+	]);
+	useEffect(() => {
+		if (isEditor || totalBatches < 1) 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;
+			if (isSmartEnabled) {
+				const chosenTags = buildImageTextRecommendChosenTags(smartTags, targetCount);
+				pContentGetPopularVideoList({
+					page_size: IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE,
+					cursor: smartNextCursor,
+					tags: chosenTags.length ? Array.from(new Set(chosenTags)) : void 0
+				}).then((res) => {
+					const list = res.data?.videos ?? [];
+					setSmartList((prev) => [...prev, ...list.slice(0, IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE)]);
+					setSmartNextCursor(res.data?.cursor);
+					setLoadedBatchIndex(nextBatchIndex + 1);
+				}).catch(() => {});
+			} else {
+				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) {
+					fetchFixedBatch(batchIds, true);
+					setLoadedBatchIndex(nextBatchIndex + 1);
+				}
+			}
+		}, {
+			root: null,
+			rootMargin: "0px",
+			threshold: 0
+		});
+		observer.observe(el);
+		return () => observer.disconnect();
+	}, [
+		isEditor,
+		isSmartEnabled,
+		fixedIds,
+		loadedBatchIndex,
+		totalBatches,
+		smartTags,
+		targetCount,
+		smartNextCursor,
+		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
+	]);
+	/** 智能铺设且目标数 > 8 时只展示已加载的批次数；否则展示全部配置项。编辑模式下始终展示全部配置项以便预览。 */
+	const itemsToResolve = useMemo(() => {
+		if (!items || items.length === 0) return DEFAULT_ITEMS;
+		if (isEditor) return items;
+		if (isSmartEnabled && targetCount > IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE) return items.slice(0, smartList.length);
+		return items;
+	}, [
+		items,
+		isEditor,
+		isSmartEnabled,
+		targetCount,
+		smartList.length
+	]);
+	const resolvedItems = useMemo(() => {
+		if (!itemsToResolve.length) return DEFAULT_ITEMS;
+		return itemsToResolve.map((cfg, index) => {
+			const fixedId = String(cfg?.contentId ?? "").trim();
+			const remote = isSmartEnabled ? smartList[index] : fixedId ? remoteMap[fixedId] : void 0;
+			const title = isSmartEnabled ? remote ? resolveVideoTitle(remote) : (cfg?.title ?? "").trim() : (cfg?.title ?? "").trim() || (remote ? resolveVideoTitle(remote) : "");
+			const rawCover = (cfg?.cover ?? "").trim();
+			const cover = isSmartEnabled ? resolveCoverUrl(remote) || rawCover : rawCover || (cfg?.useVideoPoster ? resolveCoverUrl(remote) : "");
+			const contentDescription = isSmartEnabled ? String(remote?.description ?? remote?.content_description ?? "").trim() || (cfg?.contentDescription ?? "").trim() : (cfg?.contentDescription ?? "").trim();
+			const episodeOrDurationText = resolveContentDescription(remote, episodeFormatter, isSmartEnabled);
+			const playCountText = resolvePlayCountText(remote, isSmartEnabled);
+			return {
+				...cfg,
+				contentId: fixedId || (remote ? resolveImageTextRecommendVideoId(remote) : ""),
+				title,
+				cover,
+				contentDescription,
+				episodeOrDurationText,
+				playCountText
+			};
+		});
+	}, [
+		episodeFormatter,
+		isSmartEnabled,
+		itemsToResolve,
+		remoteMap,
+		smartList
+	]);
+	if (!items || items.length === 0) return null;
+	const sentinelIndex = loadedBatchIndex >= 1 && loadedBatchIndex < totalBatches ? isSmartEnabled ? smartList.length - 2 : loadedBatchIndex * IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE - 2 : -1;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: isEditor ? "bg-bg1 px-3 py-3 pointer-events-none" : "bg-bg1 px-3 py-3",
+		children: [title && /* @__PURE__ */ jsx(Box, {
+			className: "mb-3 flex items-center justify-between",
+			children: /* @__PURE__ */ jsx(Text, {
+				className: "text-[18px] font-bold text-text1 leading-[26px]",
+				children: title
+			})
+		}), /* @__PURE__ */ jsx(Box, {
+			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(Box, {
+					className: "relative rounded-lg overflow-hidden bg-bg2 w-[116px] h-[134px]",
+					children: [
+						isEditor || item.cover ? /* @__PURE__ */ jsx(Image, {
+							src: resolveCoverDisplaySrc(item.cover, frame_default),
+							alt: item.title ?? "",
+							fill: true,
+							className: "object-cover"
+						}) : /* @__PURE__ */ jsx(Box, {
+							className: "w-full h-full flex items-center justify-center",
+							children: /* @__PURE__ */ jsx(Text, {
+								className: "text-text3 text-xs",
+								children: t("noCover")
+							})
+						}),
+						!isSmartEnabled && (item.badge ?? "").trim() ? /* @__PURE__ */ jsx(Box, {
+							className: "absolute top-0 right-0 w-8 h-8",
+							children: /* @__PURE__ */ jsx(Image, {
+								src: (item.badge ?? "").trim() || resolveStaticAssetSrc(subscript_default),
+								alt: "",
+								fill: true,
+								sizes: "32px",
+								className: "object-contain object-right-top",
+								unoptimized: true
+							})
+						}) : null,
+						/* @__PURE__ */ jsxs(Box, {
+							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(Box, {
+								className: "flex items-center min-w-0 shrink",
+								children: showPlayCount && hasPlayCount ? /* @__PURE__ */ jsxs(Box, {
+									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(Text, {
+										className: "text-white text-[12px] leading-[20px]",
+										children: playCountRaw
+									})]
+								}) : null
+							}), /* @__PURE__ */ jsx(Box, {
+								className: "flex items-center shrink-0",
+								children: showEpisodesContent ? /* @__PURE__ */ jsx(Text, {
+									className: "text-white text-[12px] leading-[20px]",
+									children: episodeOrDuration
+								}) : null
+							})]
+						})
+					]
+				}), /* @__PURE__ */ jsx(Box, {
+					className: "mt-2 py-2",
+					children: /* @__PURE__ */ jsx(Text, {
+						className: "text-[16px] text-text1 font-bold leading-[24px] line-clamp-1",
+						children: item.title
+					})
+				})] });
+				return /* @__PURE__ */ jsx(Box, {
+					ref: index === sentinelIndex ? sentinelRef : void 0,
+					className: "flex-shrink-0 w-[116px]",
+					children: detailPath ? /* @__PURE__ */ jsx(Link, {
+						href: detailPath,
+						className: "block",
+						children: cardContent
+					}) : cardContent
+				}, index);
+			})
+		})]
+	});
+}
+
+//#endregion
+export { ImageTextRecommendClient };

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

@@ -1,2 +1,22 @@
 
-import{ImageTextRecommendClient as e}from"./client.mjs";import{imageTextRecommendInspectorPropsSchema as t}from"./schema.mjs";import{ImageTextRecommendServer as n}from"./server.mjs";import{defineMaterial as r}from"create-funhub/sdk";const i=r({type:`image-text-recommend`,name:`图文推荐`,icon:`/static/components-thumb/search_recommend_media.png`,category:`内容组件`,serverComponent:n,clientComponent:e,propsSchema:t});export{i as imageTextRecommendMaterial};
+import { ImageTextRecommendClient } from "./client.mjs";
+import { imageTextRecommendInspectorPropsSchema } from "./schema.mjs";
+import { ImageTextRecommendServer } from "./server.mjs";
+import { defineMaterial } from "create-funhub/sdk";
+
+//#region components/biz/business/image-text-recommend/material.ts
+/**
+* 图文推荐物料定义
+*/
+const imageTextRecommendMaterial = defineMaterial({
+	type: "image-text-recommend",
+	name: "图文推荐",
+	icon: "/static/components-thumb/search_recommend_media.png",
+	category: "内容组件",
+	serverComponent: ImageTextRecommendServer,
+	clientComponent: ImageTextRecommendClient,
+	propsSchema: imageTextRecommendInspectorPropsSchema
+});
+
+//#endregion
+export { imageTextRecommendMaterial };

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

@@ -1,2 +1,118 @@
 
-import{z as e}from"zod";import{defineArrayItemPropSchema as t,defineComponentPropsSchema as n,defineNumberPropSchema as r,defineObjectPropSchema as i,defineSwitchPropSchema as a,defineTextPropSchema as o}from"create-funhub/sdk";const s=e.object({contentId:o({label:`推荐位内容`,defaultValue:``}),title:o({label:`推荐位内容名称`,defaultValue:`视频标题`}),contentDescription:o({label:`内容说明简介`,defaultValue:``}),cover:o({label:`推荐位封面`,defaultValue:``}),useVideoPoster:a({label:`沿用视频海报`,defaultValue:!0}),showPlayCount:a({label:`播放量显示`,defaultValue:!1}),showEpisodes:a({label:`集数展示`,defaultValue:!0}),badge:o({label:`推荐位角标`,defaultValue:``,description:`角标图片地址，可通过低代码平台配置上传；留空则使用默认角标图`})}),c=n({title:o({label:`推荐位名称`,defaultValue:`推荐视频`}),moduleCount:r({label:`推荐模块数`,defaultValue:1}),layout:i({enabled:a({label:`智能铺设`,defaultValue:!1}),tags:t(e.string(),{label:`取数范围标签`,defaultValue:[`电影`]})},{label:`智能铺设`,defaultValue:{enabled:!1,tags:[`电影`]}}),commonPlayCount:a({label:`通用播放量`,defaultValue:!0}),commonEpisodes:a({label:`通用集数`,defaultValue:!0}),items:t(s,{label:`推荐位模块`,defaultValue:[{contentId:`d6a35ba3279e6f0d`,title:`视频标题 1`,contentDescription:``,cover:``,useVideoPoster:!0,showPlayCount:!0,showEpisodes:!0,badge:``},{contentId:`eaf60eab4938489d`,title:`视频标题 2`,contentDescription:``,cover:``,useVideoPoster:!0,showPlayCount:!0,showEpisodes:!0,badge:``},{contentId:`c45fe58f91d1c986`,title:`视频标题 3`,contentDescription:``,cover:``,useVideoPoster:!0,showPlayCount:!0,showEpisodes:!0,badge:``}]})});export{c as imageTextRecommendInspectorPropsSchema};
+import { z } from "zod";
+import { defineArrayItemPropSchema, defineComponentPropsSchema, defineNumberPropSchema, defineObjectPropSchema, defineSwitchPropSchema, defineTextPropSchema } from "create-funhub/sdk";
+
+//#region components/biz/business/image-text-recommend/schema.ts
+/**
+* 图文推荐项属性定义（推荐位模块）
+*/
+const videoItemSchema = z.object({
+	contentId: defineTextPropSchema({
+		label: "推荐位内容",
+		defaultValue: ""
+	}),
+	title: defineTextPropSchema({
+		label: "推荐位内容名称",
+		defaultValue: "视频标题"
+	}),
+	contentDescription: defineTextPropSchema({
+		label: "内容说明简介",
+		defaultValue: ""
+	}),
+	cover: defineTextPropSchema({
+		label: "推荐位封面",
+		defaultValue: ""
+	}),
+	useVideoPoster: defineSwitchPropSchema({
+		label: "沿用视频海报",
+		defaultValue: true
+	}),
+	showPlayCount: defineSwitchPropSchema({
+		label: "播放量显示",
+		defaultValue: false
+	}),
+	showEpisodes: defineSwitchPropSchema({
+		label: "集数展示",
+		defaultValue: true
+	}),
+	badge: defineTextPropSchema({
+		label: "推荐位角标",
+		defaultValue: "",
+		description: "角标图片地址，可通过低代码平台配置上传；留空则使用默认角标图"
+	})
+});
+/**
+* 图文推荐物料属性定义
+*/
+const imageTextRecommendInspectorPropsSchema = defineComponentPropsSchema({
+	title: defineTextPropSchema({
+		label: "推荐位名称",
+		defaultValue: "推荐视频"
+	}),
+	moduleCount: defineNumberPropSchema({
+		label: "推荐模块数",
+		defaultValue: 1
+	}),
+	layout: defineObjectPropSchema({
+		enabled: defineSwitchPropSchema({
+			label: "智能铺设",
+			defaultValue: false
+		}),
+		tags: defineArrayItemPropSchema(z.string(), {
+			label: "取数范围标签",
+			defaultValue: ["电影"]
+		})
+	}, {
+		label: "智能铺设",
+		defaultValue: {
+			enabled: false,
+			tags: ["电影"]
+		}
+	}),
+	commonPlayCount: defineSwitchPropSchema({
+		label: "通用播放量",
+		defaultValue: true
+	}),
+	commonEpisodes: defineSwitchPropSchema({
+		label: "通用集数",
+		defaultValue: true
+	}),
+	items: defineArrayItemPropSchema(videoItemSchema, {
+		label: "推荐位模块",
+		defaultValue: [
+			{
+				contentId: "d6a35ba3279e6f0d",
+				title: "视频标题 1",
+				contentDescription: "",
+				cover: "",
+				useVideoPoster: true,
+				showPlayCount: true,
+				showEpisodes: true,
+				badge: ""
+			},
+			{
+				contentId: "eaf60eab4938489d",
+				title: "视频标题 2",
+				contentDescription: "",
+				cover: "",
+				useVideoPoster: true,
+				showPlayCount: true,
+				showEpisodes: true,
+				badge: ""
+			},
+			{
+				contentId: "c45fe58f91d1c986",
+				title: "视频标题 3",
+				contentDescription: "",
+				cover: "",
+				useVideoPoster: true,
+				showPlayCount: true,
+				showEpisodes: true,
+				badge: ""
+			}
+		]
+	})
+});
+
+//#endregion
+export { imageTextRecommendInspectorPropsSchema };

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

@@ -1,2 +1,54 @@
 
-import{pContentBatchGetVideoDetail as e,pContentGetPopularVideoList as t}from"../../../../service/generated/client.mjs";import{pContentBatchGetVideoDetailKey as n,pContentGetPopularVideoListKey as r}from"../../../../service/generated/tanstack.mjs";import{IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE as i,getImageTextRecommendFixedIds as a,getImageTextRecommendLayoutTags as o}from"../../../../hooks/image-text-recommend.mjs";import{HydrationBoundary as s}from"../../../../hooks/query/hydration-boundary.mjs";import{buildSmartPopularQuery as c,buildStableChosenTags as l}from"./shared/query.mjs";import{ImageTextRecommendClient as u}from"./client.mjs";import{jsx as d}from"react/jsx-runtime";const f=[];async function p(p){let{mode:m=`renderer`,...h}=p,g=h.items??f,_=h.layout,v=[],y=!!_?.enabled,b=a(g,y),x=o(_),S=g?.length??0;if(m===`renderer`&&g?.length)try{if(y){let e=c(l(x,S),S),n=await t(e);v.push({queryKey:r(e),queryFn:()=>Promise.resolve(n)})}else if(b.length>0){let t={ids:b.length<=i?b:b.slice(0,i)},r=await e(t);console.log(`res`,r),v.push({queryKey:n(t),queryFn:()=>Promise.resolve(r)})}}catch(e){console.warn(`[image-text-recommend] server prefetch failed:`,e)}return d(s,{prefetch:v,children:d(u,{...h,mode:m})})}export{p as ImageTextRecommendServer};
+import { pContentBatchGetVideoDetail, pContentGetPopularVideoList } from "../../../../service/generated/client.mjs";
+import { pContentBatchGetVideoDetailKey, pContentGetPopularVideoListKey } from "../../../../service/generated/tanstack.mjs";
+import { IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE, getImageTextRecommendFixedIds, getImageTextRecommendLayoutTags } from "../../../../hooks/image-text-recommend.mjs";
+import { HydrationBoundary } from "../../../../hooks/query/hydration-boundary.mjs";
+import { buildSmartPopularQuery, buildStableChosenTags } from "./shared/query.mjs";
+import { ImageTextRecommendClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/image-text-recommend/server.tsx
+const DEFAULT_ITEMS = [];
+/**
+* 图文推荐物料组件
+*/
+async function ImageTextRecommendServer(props) {
+	const { mode = "renderer", ...rest } = props;
+	const items = rest.items ?? DEFAULT_ITEMS;
+	const layout = rest.layout;
+	const prefetch = [];
+	const isSmartEnabled = !!layout?.enabled;
+	const fixedIds = getImageTextRecommendFixedIds(items, isSmartEnabled);
+	const smartTags = getImageTextRecommendLayoutTags(layout);
+	const targetCount = items?.length ?? 0;
+	if (mode === "renderer" && items?.length) try {
+		if (isSmartEnabled) {
+			const query = buildSmartPopularQuery(buildStableChosenTags(smartTags, targetCount), targetCount);
+			const res = await pContentGetPopularVideoList(query);
+			prefetch.push({
+				queryKey: pContentGetPopularVideoListKey(query),
+				queryFn: () => Promise.resolve(res)
+			});
+		} else if (fixedIds.length > 0) {
+			const query = { ids: fixedIds.length <= IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE ? fixedIds : fixedIds.slice(0, IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE) };
+			const res = await pContentBatchGetVideoDetail(query);
+			console.log("res", res);
+			prefetch.push({
+				queryKey: pContentBatchGetVideoDetailKey(query),
+				queryFn: () => Promise.resolve(res)
+			});
+		}
+	} catch (error) {
+		console.warn("[image-text-recommend] server prefetch failed:", error);
+	}
+	return /* @__PURE__ */ jsx(HydrationBoundary, {
+		prefetch,
+		children: /* @__PURE__ */ jsx(ImageTextRecommendClient, {
+			...rest,
+			mode
+		})
+	});
+}
+
+//#endregion
+export { ImageTextRecommendServer };