@funhub/platform 0.2.29 → 0.2.31

package/dist/components/biz/business/home-recommend/shared/home-recommend-smart-layout.mjs

@@ -1,2 +1,74 @@
 
-import e from"zod";const t=e.object({enabled:e.boolean().optional(),categories:e.array(e.any()).optional(),tags:e.array(e.any()).optional(),sortRule:e.string().optional(),contentForms:e.array(e.string()).optional()}).passthrough();function n(e){return String(e??``).trim().toLowerCase()===`latest`}function r(e){if(!e||typeof e!=`object`)return``;let t=e,n=t.ID!==void 0&&t.ID!==null?t.ID:t.id;return n==null?``:String(n).trim()}function i(e){if(!e||typeof e!=`object`)return``;let t=e.name;return t==null?``:String(t).trim()}function a(e){if(e==null)return;let n=e;if(typeof e==`string`){let t=e.trim();if(!t)return;try{n=JSON.parse(t)}catch{return}}if(typeof n!=`object`||!n||Array.isArray(n))return;let a=t.safeParse(n);if(!a.success)return;let o=a.data,s=Array.isArray(o.categories)?o.categories.map(r).filter(Boolean):[],c=Array.isArray(o.tags)?o.tags.map(i).filter(Boolean):[];return{enabled:o.enabled===!0,tagIds:c,catIds:s,sortRule:typeof o.sortRule==`string`?o.sortRule:void 0,contentForms:Array.isArray(o.contentForms)?o.contentForms.map(e=>String(e||``).trim()).filter(Boolean):void 0}}export{t as homeRecommendSmartLayoutSchema,n as isHomeRecommendLatestSortRule,a as normalizeHomeRecommendSmartLayout};
+import z$1 from "zod";
+
+//#region components/biz/business/home-recommend/shared/home-recommend-smart-layout.ts
+/**
+* 运营后台下发的智能铺设筛选配置（与热门/最新列表接口字段对齐前的中间结构）。
+*/
+/**
+* Inspector / 低代码侧原始 smartLayout 结构校验（宽松，便于后台扩展字段）。
+*/
+const homeRecommendSmartLayoutSchema = z$1.object({
+	enabled: z$1.boolean().optional(),
+	categories: z$1.array(z$1.any()).optional(),
+	tags: z$1.array(z$1.any()).optional(),
+	sortRule: z$1.string().optional(),
+	contentForms: z$1.array(z$1.string()).optional()
+}).passthrough();
+/**
+* 运营 sortRule 是否为「最新」，与 getNewstVideoList 对应。
+*/
+function isHomeRecommendLatestSortRule(sortRule) {
+	return String(sortRule ?? "").trim().toLowerCase() === "latest";
+}
+/**
+* 从单条分类对象上解析 ID（运营字段名为大写 ID，兼容历史小写 id）。
+*/
+function pickCategoryId(entry) {
+	if (!entry || typeof entry !== "object") return "";
+	const o = entry;
+	const raw = o.ID !== void 0 && o.ID !== null ? o.ID : o.id;
+	if (raw === void 0 || raw === null) return "";
+	return String(raw).trim();
+}
+/**
+* 从单条标签对象上解析 name。
+*/
+function pickTagName(entry) {
+	if (!entry || typeof entry !== "object") return "";
+	const raw = entry.name;
+	if (raw === void 0 || raw === null) return "";
+	return String(raw).trim();
+}
+/**
+* 将运营下发的 smartLayout（或 JSON 字符串）解析为运行时结构。
+*/
+function normalizeHomeRecommendSmartLayout(raw) {
+	if (raw === void 0 || raw === null) return;
+	let value = raw;
+	if (typeof raw === "string") {
+		const trimmed = raw.trim();
+		if (!trimmed) return;
+		try {
+			value = JSON.parse(trimmed);
+		} catch {
+			return;
+		}
+	}
+	if (typeof value !== "object" || value === null || Array.isArray(value)) return;
+	const parsed = homeRecommendSmartLayoutSchema.safeParse(value);
+	if (!parsed.success) return;
+	const data = parsed.data;
+	const catIds = Array.isArray(data.categories) ? data.categories.map(pickCategoryId).filter(Boolean) : [];
+	const tagIds = Array.isArray(data.tags) ? data.tags.map(pickTagName).filter(Boolean) : [];
+	return {
+		enabled: data.enabled === true,
+		tagIds,
+		catIds,
+		sortRule: typeof data.sortRule === "string" ? data.sortRule : void 0,
+		contentForms: Array.isArray(data.contentForms) ? data.contentForms.map((item) => String(item || "").trim()).filter(Boolean) : void 0
+	};
+}
+
+//#endregion
+export { homeRecommendSmartLayoutSchema, isHomeRecommendLatestSortRule, normalizeHomeRecommendSmartLayout };

package/dist/components/biz/business/home-recommend/shared/home-recommend-smart-tag.mjs

@@ -1,2 +1,22 @@
 
-function e(e){let t=Math.floor(Number(e)||16);return!Number.isFinite(t)||t<=0?16:t}function t(t,n){if(!Array.isArray(t))return[];let r=e(n);return t.slice(0,r)}export{t as limitPopularVideoPageItems,e as resolvePopularVideoPageSize};
+//#region components/biz/business/home-recommend/shared/home-recommend-smart-tag.ts
+const DEFAULT_PAGE_SIZE = 16;
+/**
+* 归一化智能铺设请求页大小。
+*/
+function resolvePopularVideoPageSize(pageSize) {
+	const resolvedPageSize = Math.floor(Number(pageSize) || DEFAULT_PAGE_SIZE);
+	if (!Number.isFinite(resolvedPageSize) || resolvedPageSize <= 0) return DEFAULT_PAGE_SIZE;
+	return resolvedPageSize;
+}
+/**
+* 按请求页大小裁剪智能铺设接口结果，避免接口超量返回时破坏布局约束。
+*/
+function limitPopularVideoPageItems(items, pageSize) {
+	if (!Array.isArray(items)) return [];
+	const resolvedPageSize = resolvePopularVideoPageSize(pageSize);
+	return items.slice(0, resolvedPageSize);
+}
+
+//#endregion
+export { limitPopularVideoPageItems, resolvePopularVideoPageSize };

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

@@ -1,2 +1,74 @@
 
-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)}function r(e){let t=Number(e);if(!(!Number.isFinite(t)||t<0))return t}async function i(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}function a(e,t){return!e.length||!t.size?e:e.map(e=>{let i=n(e),a=t.get(i);if(!a)return e;let o=a,s=e.static||{},c=r(o.play_count)??s.browse_cnt,l=r(Array.isArray(o.episodes)?o.episodes.length:void 0)??e.episode_cnt;return{...e,episode_cnt:l,static:{...s,browse_cnt:c}}})}async function o(e){return e.length?a(e,await i(e)):e}export{i as batchGetHomeRecommendVideoDetailMap,o as enrichHomeRecommendItemsWithVideoDetails};
+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);
+}
+/**
+* 将未知值归一化为非负数字。
+*/
+function toNonNegativeNumber(value) {
+	const normalized = Number(value);
+	if (!Number.isFinite(normalized) || normalized < 0) return;
+	return normalized;
+}
+/**
+* 批量拉取视频详情并按视频 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;
+}
+function mergeHomeRecommendItemsWithVideoDetails(items, detailMap) {
+	if (!items.length || !detailMap.size) return items;
+	return items.map((item) => {
+		const videoId = resolveItemVideoId(item);
+		const detail = detailMap.get(videoId);
+		if (!detail) return item;
+		const detailExt = detail;
+		const currentStatic = item.static || {};
+		const browseCnt = toNonNegativeNumber(detailExt.play_count) ?? currentStatic.browse_cnt;
+		const episodeCount = toNonNegativeNumber(Array.isArray(detailExt.episodes) ? detailExt.episodes.length : void 0) ?? item.episode_cnt;
+		return {
+			...item,
+			episode_cnt: episodeCount,
+			static: {
+				...currentStatic,
+				browse_cnt: browseCnt
+			}
+		};
+	});
+}
+/**
+* 批量补齐推荐位视频详情。
+*/
+async function enrichHomeRecommendItemsWithVideoDetails(items) {
+	if (!items.length) return items;
+	return mergeHomeRecommendItemsWithVideoDetails(items, await batchGetHomeRecommendVideoDetailMap(items));
+}
+
+//#endregion
+export { batchGetHomeRecommendVideoDetailMap, enrichHomeRecommendItemsWithVideoDetails };

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

@@ -1,2 +1,437 @@
 
-"use client";import{formatCompactCount as e}from"../../../../utils/common.mjs";import t from"../../../../utils/get-res-url.mjs";import{pContentBatchGetVideoDetail as n,pContentGetNewstVideoList as r,pContentGetPopularVideoList as i}from"../../../../service/generated/client.mjs";import{pContentBatchGetVideoDetailKey as a,pContentGetNewstVideoListKey as o,pContentGetPopularVideoListKey as s}from"../../../../service/generated/tanstack.mjs";import{Image as c}from"../../../ui/image.mjs";import{Box as l}from"../../../ui/box.mjs";import{Text as u}from"../../../ui/text.mjs";import{IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE as d,buildImageTextRecommendRemoteMap as f,getImageTextRecommendFixedIds as ee,resolveImageTextRecommendVideoId as te}from"../../../../hooks/image-text-recommend.mjs";import{useRequest as p}from"../../../../hooks/query/use-query.mjs";import{normalizeHomeRecommendSmartLayout as ne}from"../home-recommend/shared/home-recommend-smart-layout.mjs";import re from"../../../../assets/images/frame.mjs";import ie from"../../../../assets/images/subscript.mjs";import{buildImageTextSmartListBody as m,resolveImageTextSmartListKind as ae}from"./shared/query.mjs";import{useCallback as h,useEffect as g,useMemo as _,useRef as oe,useState as v}from"react";import{Fragment as se,jsx as y,jsxs as b}from"react/jsx-runtime";import{useTranslations as ce}from"next-intl";import le from"next/link";const x=[];function S(e){return typeof e==`string`?e:e.src}function ue(e,n){if(!e||!e.trim())return S(n);if(e.startsWith(`http`)||e.startsWith(`//`)||e.startsWith(`data:`))return e;let r=t();return r?`${r}${e.startsWith(`/`)?e:`/${e}`}`:e}function C(e){if(e==null)return``;let t=e;return t.img_y||t.media?.img_y||``}function w(e){return e==null?``:e.name||``}function T(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 E(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 D(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?T(e,n)===2&&t?D(e,t):E(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(t,n){if(!t)return``;let r=t,i=n?Number(r.static?.browse_count??0):Number(r.browse_count??0);return!Number.isFinite(i)||i<=0?``:e(i)}function me(){let e=new Date,t=new Date(e);return t.setHours(24,0,0,0),t.getTime()-e.getTime()}function O(e){let{title:t,items:T=x,commonPlayCount:E,commonEpisodes:D,layout:O,mode:k=`renderer`}=e,A=ce(`components.biz.business.imageTextRecommend`),j=k===`renderer`,M=k===`editor`,[N,P]=v({}),[F,I]=v([]),[L,R]=v(0),[z,B]=v(void 0),V=oe(null),H=_(()=>ne(O),[O]),U=H?.enabled===!0,W=_(()=>ae(H?.sortRule),[H?.sortRule]),G=T?.length??0,K=_(()=>ee(T,U),[U,T]),q=_(()=>K.slice(0,d),[K]),J=_(()=>{if(H?.enabled)return m(H,{targetCount:G})},[H,G]),{data:Y}=p(_(()=>!J||!U?[`image-text-recommend`,`smart-idle`]:W===`newest`?o(J):s(J),[J,U,W]),async()=>!J||!U?{data:{videos:[],cursor:``}}:W===`newest`?r(J):i(J),{enabled:j&&!M&&U&&T.length>0&&!!J,staleTime:1/0}),{data:X}=p(a({ids:q}),()=>n({ids:q}),{enabled:j&&!M&&!U&&q.length>0,staleTime:1/0}),Z=_(()=>U&&G>d?Math.ceil(G/d):K.length>0?Math.ceil(K.length/d):0,[U,G,K.length]),Q=h((e,t)=>A(t?`updatedTo`:`allEpisodes`,{count:e}),[A]),he=h(async(e,t)=>{if(e.length===0)return;let r=f((await n({ids:e})).data?.videos??[]);P(e=>t?{...e,...r}:r)},[]);g(()=>{if(M)return;if(U){let e=Y?.data?.videos??[];G>d?(I(e.slice(0,d)),B(Y?.data?.cursor),R(e.length>0?1:0)):(I(e.slice(0,G)),R(0)),P({});return}if(q.length===0){P({}),I([]),R(0),B(void 0);return}let e=X?.data?.videos??[];P(f(e)),I([]),B(void 0),R(e.length>0?1:0)},[M,U,Y,X,q,G]),g(()=>{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 n=L;if(U&&H){let e=m(H,{targetCount:G,cursor:z,pageSize:d});(W===`newest`?r:i)(e).then(e=>{let t=e.data?.videos??[];I(e=>[...e,...t.slice(0,d)]),B(e.data?.cursor),R(n+1)}).catch(()=>{})}else{let e=n*d,t=K.slice(e,e+d);t.length>0&&(he(t,!0),R(n+1))}},{root:null,rootMargin:`0px`,threshold:0});return t.observe(e),()=>t.disconnect()},[M,U,H,W,K,L,Z,G,z,he]),g(()=>{if(M||!U||!H||G<=0)return;let e=H,t,n=!1;function a(){t=window.setTimeout(()=>{let t=m(e,{targetCount:G,pageSize:Math.max(20,G*10)});(W===`newest`?r:i)(t).then(e=>{n||I((e.data?.videos??[]).slice(0,G))}).catch(()=>{n||I([])}).finally(()=>{n||a()})},me())}return a(),()=>{n=!0,t!==void 0&&window.clearTimeout(t)}},[M,U,H,W,G]);let $=_(()=>!T||T.length===0?x:M?T:U&&G>d?T.slice(0,F.length):T,[T,M,U,G,F.length]),ge=_(()=>$.length?$.map((e,t)=>{let n=String(e?.contentId??``).trim(),r=U?F[t]:n?N[n]:void 0,i=U?r?w(r):(e?.title??``).trim():(e?.title??``).trim()||(r?w(r):``),a=(e?.cover??``).trim(),o=U?C(r)||a:a||(e?.useVideoPoster?C(r):``),s=U&&String(r?.description??r?.content_description??``).trim()||(e?.contentDescription??``).trim(),c=de(r,Q,U),l=pe(r,U);return{...e,contentId:n||(r?te(r):``),title:i,cover:o,contentDescription:s,episodeOrDurationText:c,playCountText:l}}):x,[Q,U,$,N,F]);if(!T||T.length===0)return null;let _e=L>=1&&L<Z?U?F.length-2:L*d-2:-1;return b(l,{className:M?`bg-bg1 no-vw-x-16 py-3 pointer-events-none`:`bg-bg1 no-vw-x-16 py-3`,children:[t&&y(l,{className:`mb-3 flex items-center justify-between`,children:y(u,{className:`text-[18px] font-bold text-text1 leading-[26px]`,children:t})}),y(l,{className:`flex overflow-x-auto pb-2 scrollbar-hide space-x-2`,children:ge.map((e,t)=>{let n=E||(e.showPlayCount??!1),r=(e.playCountText??``).trim(),i=r!==``,a=D||(e.showEpisodes??!1),o=(e.episodeOrDurationText??``).trim(),s=a&&o!==``,d=k===`renderer`?fe(e.contentId??``,e.title??``):``,f=b(se,{children:[b(l,{className:`relative rounded-lg overflow-hidden bg-bg2 w-[116px] h-[134px]`,children:[M||e.cover?y(c,{src:ue(e.cover,re),alt:e.title??``,fill:!0,className:`object-cover`}):y(l,{className:`w-full h-full flex items-center justify-center`,children:y(u,{className:`text-text3 text-xs`,children:A(`noCover`)})}),!U&&(e.badge??``).trim()?y(l,{className:`absolute top-0 right-0 w-8 h-8`,children:y(c,{src:(e.badge??``).trim()||S(ie),alt:``,fill:!0,sizes:`32px`,className:`object-contain object-right-top`,unoptimized:!0})}):null,b(l,{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:[y(l,{className:`flex items-center min-w-0 shrink`,children:n&&i?b(l,{className:`flex items-center gap-1 rounded bg-overlay px-1 py-0`,children:[y(`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:y(`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`})}),y(u,{className:`text-white text-[12px] leading-[20px]`,children:r})]}):null}),y(l,{className:`flex items-center shrink-0`,children:s?y(u,{className:`text-white text-[12px] leading-[20px]`,children:o}):null})]})]}),y(l,{className:`mt-2 py-2`,children:y(u,{className:`text-[16px] text-text1 font-bold leading-[24px] line-clamp-1`,children:e.title})})]});return y(l,{ref:t===_e?V:void 0,className:`flex-shrink-0 w-[116px]`,children:d?y(le,{href:d,className:`block`,children:f}):f},t)})})]})}export{O as ImageTextRecommendClient};
+'use client';
+
+import { formatCompactCount } from "../../../../utils/common.mjs";
+import getResUrl from "../../../../utils/get-res-url.mjs";
+import { pContentBatchGetVideoDetail, pContentGetNewstVideoList, pContentGetPopularVideoList } from "../../../../service/generated/client.mjs";
+import { pContentBatchGetVideoDetailKey, pContentGetNewstVideoListKey, 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, buildImageTextRecommendRemoteMap, getImageTextRecommendFixedIds, resolveImageTextRecommendVideoId } from "../../../../hooks/image-text-recommend.mjs";
+import { useRequest } from "../../../../hooks/query/use-query.mjs";
+import { normalizeHomeRecommendSmartLayout } from "../home-recommend/shared/home-recommend-smart-layout.mjs";
+import frame_default from "../../../../assets/images/frame.mjs";
+import subscript_default from "../../../../assets/images/subscript.mjs";
+import { buildImageTextSmartListBody, resolveImageTextSmartListKind } 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 "";
+	return formatCompactCount(count);
+}
+function getMsUntilNextDay() {
+	const now = /* @__PURE__ */ new Date();
+	const next = new Date(now);
+	next.setHours(24, 0, 0, 0);
+	return next.getTime() - now.getTime();
+}
+/**
+* 图文推荐物料组件 - 客户端部分
+* - 智能推荐开启：按 layout（与首页宫格智能筛选形态一致）调用热门或最新列表，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 smartLayoutRuntime = useMemo(() => normalizeHomeRecommendSmartLayout(layout), [layout]);
+	const isSmartEnabled = smartLayoutRuntime?.enabled === true;
+	const smartListKind = useMemo(() => resolveImageTextSmartListKind(smartLayoutRuntime?.sortRule), [smartLayoutRuntime?.sortRule]);
+	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 initialSmartBody = useMemo(() => {
+		if (!smartLayoutRuntime?.enabled) return;
+		return buildImageTextSmartListBody(smartLayoutRuntime, { targetCount });
+	}, [smartLayoutRuntime, targetCount]);
+	const { data: initialSmartResponse } = useRequest(useMemo(() => {
+		if (!initialSmartBody || !isSmartEnabled) return ["image-text-recommend", "smart-idle"];
+		return smartListKind === "newest" ? pContentGetNewstVideoListKey(initialSmartBody) : pContentGetPopularVideoListKey(initialSmartBody);
+	}, [
+		initialSmartBody,
+		isSmartEnabled,
+		smartListKind
+	]), async () => {
+		if (!initialSmartBody || !isSmartEnabled) return { data: {
+			videos: [],
+			cursor: ""
+		} };
+		if (smartListKind === "newest") return pContentGetNewstVideoList(initialSmartBody);
+		return pContentGetPopularVideoList(initialSmartBody);
+	}, {
+		enabled: isRenderer && !isEditor && isSmartEnabled && items.length > 0 && Boolean(initialSmartBody),
+		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(videos.slice(0, 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,
+		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 && smartLayoutRuntime) {
+				const body = buildImageTextSmartListBody(smartLayoutRuntime, {
+					targetCount,
+					cursor: smartNextCursor,
+					pageSize: IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE
+				});
+				(smartListKind === "newest" ? pContentGetNewstVideoList : pContentGetPopularVideoList)(body).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,
+		smartLayoutRuntime,
+		smartListKind,
+		fixedIds,
+		loadedBatchIndex,
+		totalBatches,
+		targetCount,
+		smartNextCursor,
+		fetchFixedBatch
+	]);
+	useEffect(() => {
+		if (isEditor) return;
+		if (!isSmartEnabled || !smartLayoutRuntime) return;
+		if (targetCount <= 0) return;
+		const runtimeForRefresh = smartLayoutRuntime;
+		let timer;
+		let cancelled = false;
+		function scheduleNext() {
+			timer = window.setTimeout(() => {
+				const body = buildImageTextSmartListBody(runtimeForRefresh, {
+					targetCount,
+					pageSize: Math.max(20, targetCount * 10)
+				});
+				(smartListKind === "newest" ? pContentGetNewstVideoList : pContentGetPopularVideoList)(body).then((res) => {
+					if (cancelled) return;
+					setSmartList((res.data?.videos ?? []).slice(0, targetCount));
+				}).catch(() => {
+					if (!cancelled) setSmartList([]);
+				}).finally(() => {
+					if (!cancelled) scheduleNext();
+				});
+			}, getMsUntilNextDay());
+		}
+		scheduleNext();
+		return () => {
+			cancelled = true;
+			if (timer !== void 0) window.clearTimeout(timer);
+		};
+	}, [
+		isEditor,
+		isSmartEnabled,
+		smartLayoutRuntime,
+		smartListKind,
+		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 no-vw-x-16 py-3 pointer-events-none" : "bg-bg1 no-vw-x-16 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 = commonPlayCount || (item.showPlayCount ?? false);
+				const playCountRaw = (item.playCountText ?? "").trim();
+				const hasPlayCount = playCountRaw !== "";
+				const showEpisodes = 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{defineMaterial as e}from"../../../../utils/schema/material.mjs";import{ImageTextRecommendClient as t}from"./client.mjs";import{imageTextRecommendInspectorPropsSchema as n}from"./schema.mjs";import{ImageTextRecommendServer as r}from"./server.mjs";const i=e({type:`image-text-recommend`,name:`图文推荐`,icon:`/static/components-thumb/search_recommend_media.png`,category:`内容组件`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as imageTextRecommendMaterial};
+import { defineMaterial } from "../../../../utils/schema/material.mjs";
+import { ImageTextRecommendClient } from "./client.mjs";
+import { imageTextRecommendInspectorPropsSchema } from "./schema.mjs";
+import { ImageTextRecommendServer } from "./server.mjs";
+
+//#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 };