@funhub/platform 0.2.29 → 0.2.31

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

@@ -1,2 +1,80 @@
 
-import{defineComponentPropsSchema as e}from"../../../../utils/schema/schema.mjs";import{homeRecommendSmartLayoutSchema as t}from"../home-recommend/shared/home-recommend-smart-layout.mjs";const n=e(e=>({title:e.string(`推荐视频`,{label:`推荐位名称`}),moduleCount:e.number(1,{label:`推荐模块数`}),layout:t.optional(),commonPlayCount:e.boolean(!0,{fieldType:`switch`,label:`通用播放量`}),commonEpisodes:e.boolean(!0,{fieldType:`switch`,label:`通用集数`}),items:e.array(e.object({contentId:e.string(``,{label:`推荐位内容`}),title:e.string(`视频标题`,{label:`推荐位内容名称`}),contentDescription:e.string(``,{label:`内容说明简介`}),cover:e.string(``,{label:`推荐位封面`}),useVideoPoster:e.boolean(!0,{fieldType:`switch`,label:`沿用视频海报`}),showPlayCount:e.boolean(!1,{fieldType:`switch`,label:`播放量显示`}),showEpisodes:e.boolean(!0,{fieldType:`switch`,label:`集数展示`}),badge:e.string(``,{label:`推荐位角标`,description:`角标图片地址，可通过低代码平台配置上传；留空则使用默认角标图`})}),{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{n as imageTextRecommendInspectorPropsSchema};
+import { defineComponentPropsSchema } from "../../../../utils/schema/schema.mjs";
+import { homeRecommendSmartLayoutSchema } from "../home-recommend/shared/home-recommend-smart-layout.mjs";
+
+//#region components/biz/business/image-text-recommend/schema.ts
+/**
+* 图文推荐物料属性定义
+*/
+const imageTextRecommendInspectorPropsSchema = defineComponentPropsSchema((t) => ({
+	title: t.string("推荐视频", { label: "推荐位名称" }),
+	moduleCount: t.number(1, { label: "推荐模块数" }),
+	layout: homeRecommendSmartLayoutSchema.optional(),
+	commonPlayCount: t.boolean(true, {
+		fieldType: "switch",
+		label: "通用播放量"
+	}),
+	commonEpisodes: t.boolean(true, {
+		fieldType: "switch",
+		label: "通用集数"
+	}),
+	items: t.array(t.object({
+		contentId: t.string("", { label: "推荐位内容" }),
+		title: t.string("视频标题", { label: "推荐位内容名称" }),
+		contentDescription: t.string("", { label: "内容说明简介" }),
+		cover: t.string("", { label: "推荐位封面" }),
+		useVideoPoster: t.boolean(true, {
+			fieldType: "switch",
+			label: "沿用视频海报"
+		}),
+		showPlayCount: t.boolean(false, {
+			fieldType: "switch",
+			label: "播放量显示"
+		}),
+		showEpisodes: t.boolean(true, {
+			fieldType: "switch",
+			label: "集数展示"
+		}),
+		badge: t.string("", {
+			label: "推荐位角标",
+			description: "角标图片地址，可通过低代码平台配置上传；留空则使用默认角标图"
+		})
+	}), {
+		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,pContentGetNewstVideoList as t,pContentGetPopularVideoList as n}from"../../../../service/generated/client.mjs";import{pContentBatchGetVideoDetailKey as r,pContentGetNewstVideoListKey as i,pContentGetPopularVideoListKey as a}from"../../../../service/generated/tanstack.mjs";import{IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE as o,getImageTextRecommendFixedIds as s}from"../../../../hooks/image-text-recommend.mjs";import{HydrationBoundary as c}from"../../../../hooks/query/hydration-boundary.mjs";import{normalizeHomeRecommendSmartLayout as l}from"../home-recommend/shared/home-recommend-smart-layout.mjs";import{buildImageTextSmartListBody as u,resolveImageTextSmartListKind as d}from"./shared/query.mjs";import{ImageTextRecommendClient as f}from"./client.mjs";import{jsx as p}from"react/jsx-runtime";const m=[];async function h(h){let{mode:g=`renderer`,..._}=h,v=_.items??m,y=[],b=l(_.layout),x=b?.enabled===!0,S=s(v,x),C=v?.length??0;if(g===`renderer`&&v?.length)try{if(x&&b){let e=d(b.sortRule),r=u(b,{targetCount:C}),o=e===`newest`?await t(r):await n(r);y.push({queryKey:e===`newest`?i(r):a(r),queryFn:()=>Promise.resolve(o)})}else if(S.length>0){let t={ids:S.length<=o?S:S.slice(0,o)},n=await e(t);y.push({queryKey:r(t),queryFn:()=>Promise.resolve(n)})}}catch(e){console.warn(`[image-text-recommend] server prefetch failed:`,e)}return p(c,{prefetch:y,children:p(f,{..._,mode:g})})}export{h as ImageTextRecommendServer};
+import { pContentBatchGetVideoDetail, pContentGetNewstVideoList, pContentGetPopularVideoList } from "../../../../service/generated/client.mjs";
+import { pContentBatchGetVideoDetailKey, pContentGetNewstVideoListKey, pContentGetPopularVideoListKey } from "../../../../service/generated/tanstack.mjs";
+import { IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE, getImageTextRecommendFixedIds } from "../../../../hooks/image-text-recommend.mjs";
+import { HydrationBoundary } from "../../../../hooks/query/hydration-boundary.mjs";
+import { normalizeHomeRecommendSmartLayout } from "../home-recommend/shared/home-recommend-smart-layout.mjs";
+import { buildImageTextSmartListBody, resolveImageTextSmartListKind } 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 prefetch = [];
+	const smartLayout = normalizeHomeRecommendSmartLayout(rest.layout);
+	const isSmartEnabled = smartLayout?.enabled === true;
+	const fixedIds = getImageTextRecommendFixedIds(items, isSmartEnabled);
+	const targetCount = items?.length ?? 0;
+	if (mode === "renderer" && items?.length) try {
+		if (isSmartEnabled && smartLayout) {
+			const listKind = resolveImageTextSmartListKind(smartLayout.sortRule);
+			const body = buildImageTextSmartListBody(smartLayout, { targetCount });
+			const res = listKind === "newest" ? await pContentGetNewstVideoList(body) : await pContentGetPopularVideoList(body);
+			prefetch.push({
+				queryKey: listKind === "newest" ? pContentGetNewstVideoListKey(body) : pContentGetPopularVideoListKey(body),
+				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);
+			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 };

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

@@ -1,2 +1,34 @@
 
-import{IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE as e}from"../../../../../hooks/image-text-recommend.mjs";import{isHomeRecommendLatestSortRule as t}from"../../home-recommend/shared/home-recommend-smart-layout.mjs";function n(e){return t(e)?`newest`:`popular`}function r(t,n){let{targetCount:r,cursor:i,pageSize:a}=n,o=t.tagIds.length>0?t.tagIds:void 0,s=t.catIds.length>0?t.catIds:void 0,c;return c=a===void 0?r>e?e:Math.max(20,r*10):a,{cursor:i||void 0,page_size:c,tags:o,cat_ids:s}}export{r as buildImageTextSmartListBody,n as resolveImageTextSmartListKind};
+import { IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE } from "../../../../../hooks/image-text-recommend.mjs";
+import { isHomeRecommendLatestSortRule } from "../../home-recommend/shared/home-recommend-smart-layout.mjs";
+
+//#region components/biz/business/image-text-recommend/shared/query.ts
+const SMART_FETCH_MIN_SIZE = 20;
+const SMART_FETCH_FACTOR = 10;
+/**
+* 根据运营 sortRule 选择列表接口类型。
+*/
+function resolveImageTextSmartListKind(sortRule) {
+	return isHomeRecommendLatestSortRule(sortRule) ? "newest" : "popular";
+}
+/**
+* 构建智能推荐列表请求体（tags 为运营标签 name，cat_ids 为分类 id，与宫格推荐位一致）。
+*/
+function buildImageTextSmartListBody(smartLayout, options) {
+	const { targetCount, cursor, pageSize } = options;
+	const tags = smartLayout.tagIds.length > 0 ? smartLayout.tagIds : void 0;
+	const cat_ids = smartLayout.catIds.length > 0 ? smartLayout.catIds : void 0;
+	let resolvedPageSize;
+	if (pageSize !== void 0) resolvedPageSize = pageSize;
+	else if (targetCount > IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE) resolvedPageSize = IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE;
+	else resolvedPageSize = Math.max(SMART_FETCH_MIN_SIZE, targetCount * SMART_FETCH_FACTOR);
+	return {
+		cursor: cursor || void 0,
+		page_size: resolvedPageSize,
+		tags,
+		cat_ids
+	};
+}
+
+//#endregion
+export { buildImageTextSmartListBody, resolveImageTextSmartListKind };

package/dist/components/biz/business/large-feature-grid/card-item.mjs

@@ -1,2 +1,107 @@
 
-import{formatCompactCount as e}from"../../../../utils/common.mjs";import{trackRecommendListClick as t}from"../../../../utils/tracking.mjs";import{Image as n}from"../../../ui/image.mjs";import{Box as r}from"../../../ui/box.mjs";import{Text as i}from"../../../ui/text.mjs";import a from"../../../ui/link.mjs";import{normalizeRecommendBadgeUrl as o}from"../../../common/list/waterfall-recommend/recommend-badge-style.mjs";import s from"../../../../assets/icons/view.mjs";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";function d(t){let n=Number(t||0);return Number.isNaN(n)||n<=0?``:e(n)}function f(e){let t=Number(e);return!Number.isFinite(t)||t<=0?``:(Math.min(Math.max(t,0),100)/10).toFixed(1)}function p({data:e}){return e?l(r,{className:`flex flex-col gap-[12px]`,children:(Array.isArray(e)?e:[e]).map((e,p)=>{if(!e||typeof e!=`object`)return null;let{id:m,title:h,desc:g,cover:_,tagImageUrl:v,showEpisode:y,episodeText:b,showPlayCount:x,play_count:S,score:C}=e,w=h||``,T=m?`/video/${m}/${w?encodeURIComponent(w):``}`:`#`,E=b==null?``:String(b).trim(),D=(y??!0)&&E!==``,O=x??!0,k=o(v),A=d(S)||`0`,j=f(C);return l(r,{children:l(a,{href:T,className:`block`,onClick:()=>t({page_key:`home`,page_name:`首页`,recommend_id:m,recommend_trace_info:w}),children:u(r,{className:`relative h-[204px] w-full overflow-hidden rounded-[8px] bg-[rgba(67,60,97,.5)]`,children:[u(r,{className:`relative h-[134px] w-full overflow-hidden rounded-t-[8px]`,children:[_&&l(n,{src:_,alt:w||`封面`,fill:!0,objectFit:`cover`}),k&&l(r,{className:`absolute left-[16px] top-[12px] z-10 flex min-w-0 items-center`,children:l(n,{src:k,alt:`角标`,width:96,height:18,className:`h-[18px] w-auto max-w-[96px] rounded-[4px] object-contain`})}),j&&l(i,{as:`span`,className:`absolute right-[16px] top-[8px] z-10 shrink-0 text-[14px] font-semibold leading-[22px] text-[#FFC24B]`,children:j}),u(r,{className:`absolute bottom-[12px] left-[16px] right-[16px] flex items-center justify-between`,children:[l(r,{className:`flex items-center gap-[4px]`,children:O&&u(c,{children:[l(s,{className:`size-[22px] text-white opacity-80`}),l(i,{className:`text-[14px] leading-[20px] text-white`,children:A})]})}),D&&l(i,{className:`text-[14px] leading-[20px] text-white`,children:E})]})]}),l(r,{className:`pt-[12px] no-vw-x-16`,children:u(r,{className:`flex flex-col gap-[2px]`,children:[l(i,{className:`line-clamp-1 text-[16px] font-medium leading-[22px] text-[--color-text-secondary]`,children:w}),g&&l(i,{className:`line-clamp-1 text-[14px] leading-[20px] text-white/50`,children:g})]})})]})})},m||w||`large-grid-item-${p}`)})}):null}export{p as LargeGridItemClient};
+import { formatCompactCount } from "../../../../utils/common.mjs";
+import { trackRecommendListClick } from "../../../../utils/tracking.mjs";
+import { Image } from "../../../ui/image.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import Link from "../../../ui/link.mjs";
+import { normalizeRecommendBadgeUrl } from "../../../common/list/waterfall-recommend/recommend-badge-style.mjs";
+import SvgView from "../../../../assets/icons/view.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/large-feature-grid/card-item.tsx
+function formatPlayCount(input) {
+	const num = Number(input || 0);
+	if (Number.isNaN(num) || num <= 0) return "";
+	return formatCompactCount(num);
+}
+function formatScore(input) {
+	const numericScore = Number(input);
+	if (!Number.isFinite(numericScore) || numericScore <= 0) return "";
+	return (Math.min(Math.max(numericScore, 0), 100) / 10).toFixed(1);
+}
+function LargeGridItemClient({ data }) {
+	if (!data) return null;
+	return /* @__PURE__ */ jsx(Box, {
+		className: "flex flex-col gap-[12px]",
+		children: (Array.isArray(data) ? data : [data]).map((item, index) => {
+			if (!item || typeof item !== "object") return null;
+			const { id, title, desc, cover, tagImageUrl, showEpisode, episodeText, showPlayCount, play_count, score } = item;
+			const safeTitle = title || "";
+			const linkHref = id ? `/video/${id}/${safeTitle ? encodeURIComponent(safeTitle) : ""}` : "#";
+			const normalizedEpisodeText = episodeText == null ? "" : String(episodeText).trim();
+			const showEpisodeText = (showEpisode ?? true) && normalizedEpisodeText !== "";
+			const showPlayCountText = showPlayCount ?? true;
+			const normalizedTagImageUrl = normalizeRecommendBadgeUrl(tagImageUrl);
+			const playCountText = formatPlayCount(play_count) || "0";
+			const scoreText = formatScore(score);
+			return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Link, {
+				href: linkHref,
+				className: "block",
+				onClick: () => trackRecommendListClick({
+					page_key: "home",
+					page_name: "首页",
+					recommend_id: id,
+					recommend_trace_info: safeTitle
+				}),
+				children: /* @__PURE__ */ jsxs(Box, {
+					className: "relative h-[204px] w-full overflow-hidden rounded-[8px] bg-[rgba(67,60,97,.5)]",
+					children: [/* @__PURE__ */ jsxs(Box, {
+						className: "relative h-[134px] w-full overflow-hidden rounded-t-[8px]",
+						children: [
+							cover && /* @__PURE__ */ jsx(Image, {
+								src: cover,
+								alt: safeTitle || "封面",
+								fill: true,
+								objectFit: "cover"
+							}),
+							normalizedTagImageUrl && /* @__PURE__ */ jsx(Box, {
+								className: "absolute left-[16px] top-[12px] z-10 flex min-w-0 items-center",
+								children: /* @__PURE__ */ jsx(Image, {
+									src: normalizedTagImageUrl,
+									alt: "角标",
+									width: 96,
+									height: 18,
+									className: "h-[18px] w-auto max-w-[96px] rounded-[4px] object-contain"
+								})
+							}),
+							scoreText && /* @__PURE__ */ jsx(Text, {
+								as: "span",
+								className: "absolute right-[16px] top-[8px] z-10 shrink-0 text-[14px] font-semibold leading-[22px] text-[#FFC24B]",
+								children: scoreText
+							}),
+							/* @__PURE__ */ jsxs(Box, {
+								className: "absolute bottom-[12px] left-[16px] right-[16px] flex items-center justify-between",
+								children: [/* @__PURE__ */ jsx(Box, {
+									className: "flex items-center gap-[4px]",
+									children: showPlayCountText && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SvgView, { className: "size-[22px] text-white opacity-80" }), /* @__PURE__ */ jsx(Text, {
+										className: "text-[14px] leading-[20px] text-white",
+										children: playCountText
+									})] })
+								}), showEpisodeText && /* @__PURE__ */ jsx(Text, {
+									className: "text-[14px] leading-[20px] text-white",
+									children: normalizedEpisodeText
+								})]
+							})
+						]
+					}), /* @__PURE__ */ jsx(Box, {
+						className: "pt-[12px] no-vw-x-16",
+						children: /* @__PURE__ */ jsxs(Box, {
+							className: "flex flex-col gap-[2px]",
+							children: [/* @__PURE__ */ jsx(Text, {
+								className: "line-clamp-1 text-[16px] font-medium leading-[22px] text-[--color-text-secondary]",
+								children: safeTitle
+							}), desc && /* @__PURE__ */ jsx(Text, {
+								className: "line-clamp-1 text-[14px] leading-[20px] text-white/50",
+								children: desc
+							})]
+						})
+					})]
+				})
+			}) }, id || safeTitle || `large-grid-item-${index}`);
+		})
+	});
+}
+
+//#endregion
+export { LargeGridItemClient };

package/dist/components/biz/business/large-feature-grid/client.mjs

@@ -1,2 +1,257 @@
 
-"use client";import{isClient as e}from"../../../../utils/common.mjs";import{pContentBatchGetVideoDetail as t}from"../../../../service/generated/client.mjs";import{trackAppPageView as n}from"../../../../utils/tracking.mjs";import{Box as r}from"../../../ui/box.mjs";import{Text as i}from"../../../ui/text.mjs";import a from"../../../ui/loading.mjs";import o from"../../../ui/link.mjs";import{useSingleFirstRowHeight as s}from"../../../../hooks/use-first-row-height.mjs";import{useMinDurationLoading as c}from"../../../../hooks/use-min-duration-loading.mjs";import l from"../../../../assets/icons/common/right_arrow.mjs";import{isFeedAdItem as u}from"../advertisement/feed-ad/index.mjs";import{normalizeRecommendBadgeUrl as d}from"../../../common/list/waterfall-recommend/recommend-badge-style.mjs";import{LargeGridItemClient as f}from"./card-item.mjs";import{largeFeatureGridInspectorDefaultProps as p}from"./schema.mjs";import{useEffect as m,useMemo as h,useRef as g,useState as _}from"react";import{jsx as v,jsxs as y}from"react/jsx-runtime";const b=[],x=p.data??[];function S(e){return e==null}function C(e,t){return S(e)?t:e}function w(e){return typeof e==`string`?e.trim():``}function T(e){return w(e)}function E(e){let t=Number(e);if(!(!Number.isFinite(t)||t<0))return t}function D(e){let t=e,n=w(e.update_status)===`0`,r=(Array.isArray(t.episodes)?t.episodes.length:0)||(Array.isArray(e.video_episodes)?e.video_episodes.length:0)||(Array.isArray(e.links)?e.links.length:0)||(E(e.episode_cnt)??0);return!Number.isFinite(r)||r<=0?``:`${n?`更新至`:`全`}${Math.floor(r)}集`}function O(e,t){return t?{...e,...t,id:C(t.id,e.id),cover:C(t.cover,e.cover),title:C(t.title,e.title),desc:C(t.desc,e.desc),play_count:C(t.play_count,e.play_count),showPlayCount:t.showPlayCount??e.showPlayCount,episodeText:C(t.episodeText,e.episodeText),showEpisode:t.showEpisode??e.showEpisode,score:C(t.score,e.score),useContentCover:t.useContentCover??e.useContentCover,tagImageUrl:C(t.tagImageUrl,e.tagImageUrl)}:e}function k(e,t){if(!t)return e;let n=e.items;return{...e,...t,title:C(t.title,e.title),moreUrl:C(t.moreUrl,e.moreUrl),moreLinkType:t.moreLinkType??e.moreLinkType,items:n?O(n,t.items):t.items}}function A({mode:p=`renderer`,data:S=b}){let C=p===`editor`,O=S??b,A=Array.isArray(O)&&O.length>0,j=h(()=>A?[k(x[0],O[0])]:x,[A,O]),[M,N]=_(j),P=g(``),F=g(null),I=g(null),L=g(!1),{isLoading:R,show:z,hide:B,cancel:V}=c(500);m(()=>{N(j)},[j]);let H=s({enabled:!C,containerRef:F,itemRef:F,deps:[M.length]}),U=h(()=>{if(C||!A)return``;let e=j.map(e=>T(e?.items?.id)).filter(Boolean);return Array.from(new Set(e)).join(`,`)},[A,C,j]);if(m(()=>{if(C||!e()||!U||P.current===U)return;P.current=U;let n=!1;async function r(){try{z();let e=await t({ids:U.split(`,`).filter(Boolean)},{cache:`no-store`}),r=Array.isArray(e.data?.videos)?e.data.videos:[],i=new Map;if(r.forEach(e=>{let t=T(e.video_id||e.id||e.mid);t&&i.set(t,e)}),n)return;N(e=>e.map(e=>{let t=e.items;if(!t||u(t))return e;let n=T(t.id),r=n?i.get(n):void 0;if(!r)return e;let a=r,o=E(a.play_count)??E(r.browse_count)??E(r.view_count),s=D(r),c=w(r.name),l=w(r.description||r.content_description),f=t.useContentCover?w(r.img_x||r.img_y):``,p=d(a.badge_url),m=r.score==null?``:String(r.score).trim();return{...e,items:{...t,title:c||t.title,desc:l||t.desc,...f?{cover:f}:{},play_count:o??t.play_count,episodeText:s||t.episodeText,score:m||t.score,tagImageUrl:p||t.tagImageUrl}}}))}catch(e){console.error(`大图推荐刷新首屏失败（client）`,e)}finally{n||B()}}return r(),()=>{n=!0,V()}},[V,U,B,C,z]),m(()=>{if(C)return;let e=I.current;if(!e)return;let t=new IntersectionObserver(e=>{if(e[0]?.isIntersecting&&!L.current){L.current=!0;let e=M[0]?.title||``;n({page_key:`home`,page_name:`首页`,current_page_key:e,current_page_name:e}),t.disconnect()}},{threshold:.5});return t.observe(e),()=>{t.disconnect()}},[C,M]),!M||M.length===0)return null;let W=M[0],G=W?.title,K=W?.moreUrl,q=H>0?H/2:160,J=!C&&R;return y(r,{ref:I,className:`py-4 no-vw-x-16`,children:[y(r,{className:`flex items-center justify-between mb-[10px] h-[24px]`,children:[G&&v(i,{as:`h2`,className:`text-[18px] font-bold text-text1 line-clamp-1 flex-1 min-w-0 mr-[12px]`,children:G}),K&&y(o,{href:K,className:`flex items-center text-[14px] text-text2 ml-auto`,children:[`更多`,v(l,{className:`ml-[2px] h-[12px] w-[12px] text-text2`})]})]}),y(r,{className:`relative`,children:[M.map((e,t)=>{let{items:n}=e;return n?v(r,{ref:t===0?F:void 0,className:t>0?`mt-3`:``,children:v(f,{data:n})},`large-feature-grid-items-${t}`):null}),J&&v(r,{className:`absolute inset-0 z-10 bg-black/15 backdrop-blur-[1px] dark:bg-white/10`,"aria-hidden":!0}),J&&v(r,{className:`absolute left-1/2 -translate-x-1/2 -translate-y-1/2 z-20 pointer-events-none`,style:{top:q},"aria-hidden":!0,children:v(a,{size:`large`,showLabel:!1,className:`text-theme5`})})]})]})}export{A as LargeFeatureGridClient};
+'use client';
+
+import { isClient } from "../../../../utils/common.mjs";
+import { pContentBatchGetVideoDetail } from "../../../../service/generated/client.mjs";
+import { trackAppPageView } from "../../../../utils/tracking.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import Loading from "../../../ui/loading.mjs";
+import Link from "../../../ui/link.mjs";
+import { useSingleFirstRowHeight } from "../../../../hooks/use-first-row-height.mjs";
+import { useMinDurationLoading } from "../../../../hooks/use-min-duration-loading.mjs";
+import SvgRightArrow from "../../../../assets/icons/common/right_arrow.mjs";
+import { isFeedAdItem } from "../advertisement/feed-ad/index.mjs";
+import { normalizeRecommendBadgeUrl } from "../../../common/list/waterfall-recommend/recommend-badge-style.mjs";
+import { LargeGridItemClient } from "./card-item.mjs";
+import { largeFeatureGridInspectorDefaultProps } from "./schema.mjs";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/large-feature-grid/client.tsx
+/**
+* LargeFeatureGrid 客户端渲染组件
+*
+*/
+const emptyData = [];
+const defaultData = largeFeatureGridInspectorDefaultProps.data ?? [];
+function isEmptyLike(value) {
+	return value === void 0 || value === null;
+}
+function fallbackValue(incoming, fallback) {
+	return isEmptyLike(incoming) ? fallback : incoming;
+}
+function normalizeText(value) {
+	return typeof value === "string" ? value.trim() : "";
+}
+function normalizeVideoId(value) {
+	return normalizeText(value);
+}
+function toNonNegativeNumber(value) {
+	const normalized = Number(value);
+	if (!Number.isFinite(normalized) || normalized < 0) return;
+	return normalized;
+}
+function buildEpisodeText(detail) {
+	const ext = detail;
+	const isUpdating = normalizeText(detail.update_status) === "0";
+	const episodeCount = (Array.isArray(ext.episodes) ? ext.episodes.length : 0) || (Array.isArray(detail.video_episodes) ? detail.video_episodes.length : 0) || (Array.isArray(detail.links) ? detail.links.length : 0) || (toNonNegativeNumber(detail.episode_cnt) ?? 0);
+	if (!Number.isFinite(episodeCount) || episodeCount <= 0) return "";
+	return `${isUpdating ? "更新至" : "全"}${Math.floor(episodeCount)}集`;
+}
+function mergeItem(defaultItem, incomingItem) {
+	if (!incomingItem) return defaultItem;
+	return {
+		...defaultItem,
+		...incomingItem,
+		id: fallbackValue(incomingItem.id, defaultItem.id),
+		cover: fallbackValue(incomingItem.cover, defaultItem.cover),
+		title: fallbackValue(incomingItem.title, defaultItem.title),
+		desc: fallbackValue(incomingItem.desc, defaultItem.desc),
+		play_count: fallbackValue(incomingItem.play_count, defaultItem.play_count),
+		showPlayCount: incomingItem.showPlayCount ?? defaultItem.showPlayCount,
+		episodeText: fallbackValue(incomingItem.episodeText, defaultItem.episodeText),
+		showEpisode: incomingItem.showEpisode ?? defaultItem.showEpisode,
+		score: fallbackValue(incomingItem.score, defaultItem.score),
+		useContentCover: incomingItem.useContentCover ?? defaultItem.useContentCover,
+		tagImageUrl: fallbackValue(incomingItem.tagImageUrl, defaultItem.tagImageUrl)
+	};
+}
+function mergeSection(defaultSection, incomingSection) {
+	if (!incomingSection) return defaultSection;
+	const defaultItem = defaultSection.items;
+	return {
+		...defaultSection,
+		...incomingSection,
+		title: fallbackValue(incomingSection.title, defaultSection.title),
+		moreUrl: fallbackValue(incomingSection.moreUrl, defaultSection.moreUrl),
+		moreLinkType: incomingSection.moreLinkType ?? defaultSection.moreLinkType,
+		items: defaultItem ? mergeItem(defaultItem, incomingSection.items) : incomingSection.items
+	};
+}
+/**
+* 大图推荐客户端组件。
+*/
+function LargeFeatureGridClient({ mode = "renderer", data = emptyData }) {
+	const isEditor = mode === "editor";
+	const resolvedData = data ?? emptyData;
+	const hasEditorValue = Array.isArray(resolvedData) && resolvedData.length > 0;
+	const mergedSections = useMemo(() => {
+		return hasEditorValue ? [mergeSection(defaultData[0], resolvedData[0])] : defaultData;
+	}, [hasEditorValue, resolvedData]);
+	const [sections, setSections] = useState(mergedSections);
+	const refreshKeyRef = useRef("");
+	const firstSectionRef = useRef(null);
+	const sectionRef = useRef(null);
+	const sectionExposureReportedRef = useRef(false);
+	const { isLoading: isRefreshing, show: showRefreshLoading, hide: hideRefreshLoading, cancel: cancelRefreshLoading } = useMinDurationLoading(500);
+	useEffect(() => {
+		setSections(mergedSections);
+	}, [mergedSections]);
+	const firstRowHeight = useSingleFirstRowHeight({
+		enabled: !isEditor,
+		containerRef: firstSectionRef,
+		itemRef: firstSectionRef,
+		deps: [sections.length]
+	});
+	const contentIdsKey = useMemo(() => {
+		if (isEditor || !hasEditorValue) return "";
+		const ids = mergedSections.map((section) => normalizeVideoId(section?.items?.id)).filter(Boolean);
+		return Array.from(new Set(ids)).join(",");
+	}, [
+		hasEditorValue,
+		isEditor,
+		mergedSections
+	]);
+	useEffect(() => {
+		if (isEditor) return;
+		if (!isClient()) return;
+		if (!contentIdsKey) return;
+		if (refreshKeyRef.current === contentIdsKey) return;
+		refreshKeyRef.current = contentIdsKey;
+		let canceled = false;
+		async function refresh() {
+			try {
+				showRefreshLoading();
+				const response = await pContentBatchGetVideoDetail({ ids: contentIdsKey.split(",").filter(Boolean) }, { cache: "no-store" });
+				const videos = Array.isArray(response.data?.videos) ? response.data.videos : [];
+				const map = /* @__PURE__ */ new Map();
+				videos.forEach((video) => {
+					const id = normalizeVideoId(video.video_id || video.id || video.mid);
+					if (id) map.set(id, video);
+				});
+				if (canceled) return;
+				setSections((prev) => {
+					return prev.map((section) => {
+						const item = section.items;
+						if (!item) return section;
+						if (isFeedAdItem(item)) return section;
+						const itemId = normalizeVideoId(item.id);
+						const detail = itemId ? map.get(itemId) : void 0;
+						if (!detail) return section;
+						const ext = detail;
+						const browseCount = toNonNegativeNumber(ext.play_count) ?? toNonNegativeNumber(detail.browse_count) ?? toNonNegativeNumber(detail.view_count);
+						const episodeText = buildEpisodeText(detail);
+						const apiTitle = normalizeText(detail.name);
+						const apiDesc = normalizeText(detail.description || detail.content_description);
+						const apiCover = item.useContentCover ? normalizeText(detail.img_x || detail.img_y) : "";
+						const badgeImageUrl = normalizeRecommendBadgeUrl(ext.badge_url);
+						const resolvedScore = detail.score == null ? "" : String(detail.score).trim();
+						return {
+							...section,
+							items: {
+								...item,
+								title: apiTitle || item.title,
+								desc: apiDesc || item.desc,
+								...apiCover ? { cover: apiCover } : {},
+								play_count: browseCount ?? item.play_count,
+								episodeText: episodeText || item.episodeText,
+								score: resolvedScore || item.score,
+								tagImageUrl: badgeImageUrl || item.tagImageUrl
+							}
+						};
+					});
+				});
+			} catch (error) {
+				console.error("大图推荐刷新首屏失败（client）", error);
+			} finally {
+				if (!canceled) hideRefreshLoading();
+			}
+		}
+		refresh();
+		return () => {
+			canceled = true;
+			cancelRefreshLoading();
+		};
+	}, [
+		cancelRefreshLoading,
+		contentIdsKey,
+		hideRefreshLoading,
+		isEditor,
+		showRefreshLoading
+	]);
+	/** 推荐位区块曝光上报（≥50% 可见时触发一次）。 */
+	useEffect(() => {
+		if (isEditor) return;
+		const target = sectionRef.current;
+		if (!target) return;
+		const observer = new IntersectionObserver((entries) => {
+			if (entries[0]?.isIntersecting && !sectionExposureReportedRef.current) {
+				sectionExposureReportedRef.current = true;
+				const sectionTitle = sections[0]?.title || "";
+				trackAppPageView({
+					page_key: "home",
+					page_name: "首页",
+					current_page_key: sectionTitle,
+					current_page_name: sectionTitle
+				});
+				observer.disconnect();
+			}
+		}, { threshold: .5 });
+		observer.observe(target);
+		return () => {
+			observer.disconnect();
+		};
+	}, [isEditor, sections]);
+	if (!sections || sections.length === 0) return null;
+	const headerSection = sections[0];
+	const title = headerSection?.title;
+	const moreUrl = headerSection?.moreUrl;
+	const overlayTop = firstRowHeight > 0 ? firstRowHeight / 2 : 160;
+	const shouldShowRefreshLoading = !isEditor && isRefreshing;
+	return /* @__PURE__ */ jsxs(Box, {
+		ref: sectionRef,
+		className: "py-4 no-vw-x-16",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "flex items-center justify-between mb-[10px] h-[24px]",
+			children: [title && /* @__PURE__ */ jsx(Text, {
+				as: "h2",
+				className: "text-[18px] font-bold text-text1 line-clamp-1 flex-1 min-w-0 mr-[12px]",
+				children: title
+			}), moreUrl && /* @__PURE__ */ jsxs(Link, {
+				href: moreUrl,
+				className: "flex items-center text-[14px] text-text2 ml-auto",
+				children: ["更多", /* @__PURE__ */ jsx(SvgRightArrow, { className: "ml-[2px] h-[12px] w-[12px] text-text2" })]
+			})]
+		}), /* @__PURE__ */ jsxs(Box, {
+			className: "relative",
+			children: [
+				sections.map((section, sectionIndex) => {
+					const { items } = section;
+					return items ? /* @__PURE__ */ jsx(Box, {
+						ref: sectionIndex === 0 ? firstSectionRef : void 0,
+						className: sectionIndex > 0 ? "mt-3" : "",
+						children: /* @__PURE__ */ jsx(LargeGridItemClient, { data: items })
+					}, `large-feature-grid-items-${sectionIndex}`) : null;
+				}),
+				shouldShowRefreshLoading && /* @__PURE__ */ jsx(Box, {
+					className: "absolute inset-0 z-10 bg-black/15 backdrop-blur-[1px] dark:bg-white/10",
+					"aria-hidden": true
+				}),
+				shouldShowRefreshLoading && /* @__PURE__ */ jsx(Box, {
+					className: "absolute left-1/2 -translate-x-1/2 -translate-y-1/2 z-20 pointer-events-none",
+					style: { top: overlayTop },
+					"aria-hidden": true,
+					children: /* @__PURE__ */ jsx(Loading, {
+						size: "large",
+						showLabel: false,
+						className: "text-theme5"
+					})
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+export { LargeFeatureGridClient };

package/dist/components/biz/business/large-feature-grid/material.mjs

@@ -1,2 +1,22 @@
 
-import{defineMaterial as e}from"../../../../utils/schema/material.mjs";import{largeFeatureGridInspectorPropsSchema as t}from"./schema.mjs";import{LargeFeatureGridClient as n}from"./client.mjs";import{LargeFeatureGrid as r}from"./server.mjs";const i=e({type:`large-feature-grid`,name:`大图推荐`,icon:`/static/components-thumb/grid_large_feature.png`,category:`内容组件`,serverComponent:r,clientComponent:n,propsSchema:t});export{i as largeFeatureGridMaterial};
+import { defineMaterial } from "../../../../utils/schema/material.mjs";
+import { largeFeatureGridInspectorPropsSchema } from "./schema.mjs";
+import { LargeFeatureGridClient } from "./client.mjs";
+import { LargeFeatureGrid } from "./server.mjs";
+
+//#region components/biz/business/large-feature-grid/material.ts
+/**
+* 大图推荐物料注册，仅提供占位渲染效果。
+*/
+const largeFeatureGridMaterial = defineMaterial({
+	type: "large-feature-grid",
+	name: "大图推荐",
+	icon: "/static/components-thumb/grid_large_feature.png",
+	category: "内容组件",
+	serverComponent: LargeFeatureGrid,
+	clientComponent: LargeFeatureGridClient,
+	propsSchema: largeFeatureGridInspectorPropsSchema
+});
+
+//#endregion
+export { largeFeatureGridMaterial };