@funhub/platform 0.2.31 → 0.2.32

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

@@ -1,80 +1,2 @@
 
-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 };
+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};

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

@@ -1,54 +1,2 @@
 
-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 };
+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};

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

@@ -1,34 +1,2 @@
 
-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 };
+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};

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

@@ -1,107 +1,2 @@
 
-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 };
+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};

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

@@ -1,257 +1,2 @@
 
-'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 };
+"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};

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

@@ -1,22 +1,2 @@
 
-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 };
+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};