@funhub/platform 0.1.62 → 0.1.63

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

@@ -1,460 +1,2 @@
 
-'use client';
-
-import { pContentGetPopularVideoList } from "../../../../../service/generated/client.mjs";
-import { Image } from "../../../../ui/image.mjs";
-import { Box } from "../../../../ui/box.mjs";
-import { Text } from "../../../../ui/text.mjs";
-import SvgVideoFlag from "../../../../../assets/icons/detail/video_flag.mjs";
-import { MiniThreeCard } from "../../../../common/cards/mini-three-card.mjs";
-import { HOME_RECOMMEND_DEFAULT_GRID_COLUMNS, HOME_RECOMMEND_DEFAULT_GRID_ROWS, HOME_RECOMMEND_DEFAULT_PLAY_COUNT_DELTA, HOME_RECOMMEND_DEFAULT_SHOW_EPISODE, HOME_RECOMMEND_DEFAULT_SHOW_PLAY_COUNT, HOME_RECOMMEND_MAX_GRID_COLUMNS, HOME_RECOMMEND_MAX_GRID_ROWS } from "./home-recommend-default-config.mjs";
-import { HOME_RECOMMEND_CARD_CONFIG_FIELD } from "./home-recommend-preview.mjs";
-import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRouter } from "next/navigation";
-
-//#region components/biz/business/home-recommend/shared/home-recommend-base.tsx
-/**
-* 首页推荐组件公共渲染逻辑。
-*/
-const SCROLL_ROOT_ID = "app-scroll-container";
-const DEFAULT_PAGE_SIZE = 16;
-const GRID_PREFETCH_OFFSET = 4;
-const WATERFALL_PREFETCH_OFFSET = 6;
-const GRID_COLUMN_GAP = 12;
-const WATERFALL_COLUMN_GAP = 12;
-const COVER_RATIO = 175 / 130;
-const TITLE_LINE_HEIGHT = 20;
-const INFO_LINE_HEIGHT = 18;
-const TEXT_VERTICAL_GAP = 6;
-const CARD_BOTTOM_GAP = 16;
-const emptyPropsConfig = {};
-const emptyData = { list: [] };
-/**
-* 首页推荐组件基础实现。
-*/
-function HomeRecommendBase({ variant, props: propsConfig = emptyPropsConfig, data = emptyData, mode = "renderer" }) {
-	const isEditor = mode === "editor";
-	const router = useRouter();
-	const { list, title, cursor } = data;
-	const initialItems = useMemo(() => Array.isArray(list) ? list : [], [list]);
-	const initialIcons = useMemo(() => Array.isArray(data.icons) ? data.icons : [], [data.icons]);
-	const { rows, columns, moreLink, title: overrideTitle, smartTagEnabled, showPlayCount, playCountDelta, showEpisode, enableInfinite } = propsConfig;
-	const shouldEnableInfinite = enableInfinite === true;
-	const shouldRequestNextPage = !isEditor && shouldEnableInfinite && smartTagEnabled !== true;
-	const [columnWidth, setColumnWidth] = useState(0);
-	const [runtimeItems, setRuntimeItems] = useState(initialItems);
-	const [runtimeIcons, setRuntimeIcons] = useState(initialIcons);
-	const [nextCursor, setNextCursor] = useState(() => normalizeCursor(cursor));
-	const [isFetchingNextPage, setIsFetchingNextPage] = useState(false);
-	const containerRef = useRef(null);
-	const triggerRef = useRef(null);
-	const inFlightRef = useRef(false);
-	useEffect(() => {
-		setRuntimeItems(initialItems);
-		setRuntimeIcons(initialIcons);
-		setNextCursor(normalizeCursor(cursor));
-	}, [
-		cursor,
-		initialIcons,
-		initialItems
-	]);
-	const resolvedGridRows = clampPositiveInt(rows, HOME_RECOMMEND_DEFAULT_GRID_ROWS, HOME_RECOMMEND_MAX_GRID_ROWS);
-	const resolvedGridColumns = clampPositiveInt(columns, HOME_RECOMMEND_DEFAULT_GRID_COLUMNS, HOME_RECOMMEND_MAX_GRID_COLUMNS);
-	const resolvedPageSize = variant === "grid" ? resolvedGridRows * resolvedGridColumns : DEFAULT_PAGE_SIZE;
-	const editorGridLimitCount = resolvedGridRows * resolvedGridColumns;
-	const shouldLimitEditorGrid = isEditor && variant === "grid" && !shouldEnableInfinite;
-	const resolvedItems = shouldLimitEditorGrid ? runtimeItems.slice(0, editorGridLimitCount) : runtimeItems;
-	const resolvedIcons = shouldLimitEditorGrid ? runtimeIcons.slice(0, editorGridLimitCount) : runtimeIcons;
-	const prefetchOffset = variant === "waterfall" ? WATERFALL_PREFETCH_OFFSET : GRID_PREFETCH_OFFSET;
-	const triggerIndex = resolvedItems.length > 0 ? Math.max(0, resolvedItems.length - prefetchOffset) : -1;
-	const hasNextPage = Boolean(nextCursor);
-	const resolvedTitle = overrideTitle && overrideTitle.trim() || title || "";
-	const resolvedShowPlayCount = showPlayCount ?? HOME_RECOMMEND_DEFAULT_SHOW_PLAY_COUNT;
-	const resolvedPlayCountDelta = Number(playCountDelta ?? HOME_RECOMMEND_DEFAULT_PLAY_COUNT_DELTA);
-	const resolvedShowEpisode = showEpisode ?? HOME_RECOMMEND_DEFAULT_SHOW_EPISODE;
-	const shouldShowMore = !shouldEnableInfinite;
-	const resolvedMoreLink = shouldShowMore ? resolveMoreLink(moreLink) : "";
-	const shouldRenderMore = shouldShowMore && Boolean(resolvedMoreLink);
-	/**
-	* 拉取下一页推荐数据（仅客户端无限下拉）。
-	*/
-	const fetchNextPage = useCallback(async () => {
-		const requestCursor = nextCursor;
-		if (!shouldRequestNextPage || !requestCursor || inFlightRef.current) return;
-		inFlightRef.current = true;
-		setIsFetchingNextPage(true);
-		try {
-			const response = await pContentGetPopularVideoList({
-				cursor: requestCursor,
-				page_size: resolvedPageSize
-			});
-			const nextVideos = Array.isArray(response.data?.videos) ? response.data.videos : [];
-			const followingCursor = normalizeCursor(response.data?.cursor);
-			if (nextVideos.length > 0) setRuntimeItems((prev) => prev.concat(nextVideos));
-			setNextCursor((prev) => {
-				if (!nextVideos.length || !followingCursor) return;
-				return followingCursor === prev ? void 0 : followingCursor;
-			});
-		} catch (error) {
-			console.error("推荐位加载下一页失败（client）", error);
-			setNextCursor(void 0);
-		} finally {
-			inFlightRef.current = false;
-			setIsFetchingNextPage(false);
-		}
-	}, [
-		nextCursor,
-		resolvedPageSize,
-		shouldRequestNextPage
-	]);
-	/**
-	* 处理更多按钮点击。
-	*/
-	const handleMoreClick = useCallback(() => {
-		if (!resolvedMoreLink) return;
-		if (resolvedMoreLink.startsWith("http")) window.location.href = resolvedMoreLink;
-		else router.push(resolvedMoreLink);
-	}, [resolvedMoreLink, router]);
-	useEffect(() => {
-		const target = triggerRef.current;
-		if (!target || !shouldRequestNextPage || !hasNextPage) return;
-		const observerRoot = document.getElementById(SCROLL_ROOT_ID) || null;
-		const observer = new IntersectionObserver((entries) => {
-			if (!entries[0]?.isIntersecting || isFetchingNextPage) return;
-			fetchNextPage();
-		}, {
-			root: observerRoot,
-			threshold: 0
-		});
-		observer.observe(target);
-		return () => {
-			observer.disconnect();
-		};
-	}, [
-		fetchNextPage,
-		hasNextPage,
-		isFetchingNextPage,
-		resolvedItems.length,
-		resolvedPageSize,
-		shouldRequestNextPage,
-		triggerIndex
-	]);
-	useLayoutEffect(() => {
-		const container = containerRef.current;
-		if (!container || variant !== "waterfall") return;
-		/**
-		* 更新瀑布流列宽。
-		*/
-		const updateWidth = () => {
-			const width = container.clientWidth || 0;
-			setColumnWidth(width > 0 ? (width - WATERFALL_COLUMN_GAP) / 2 : 0);
-		};
-		updateWidth();
-		const observer = new ResizeObserver(updateWidth);
-		observer.observe(container);
-		return () => {
-			observer.disconnect();
-		};
-	}, [variant]);
-	const waterfallColumns = useMemo(() => {
-		if (variant !== "waterfall") return {
-			left: [],
-			right: []
-		};
-		return buildWaterfallColumns(resolvedItems, resolvedIcons, columnWidth);
-	}, [
-		columnWidth,
-		resolvedIcons,
-		resolvedItems,
-		variant
-	]);
-	if (!resolvedItems.length) return null;
-	return /* @__PURE__ */ jsxs(Box, {
-		className: "w-full mt-[16px]",
-		children: [
-			/* @__PURE__ */ jsxs(Box, {
-				className: "flex items-center justify-between px-[12px] mb-[8px]",
-				children: [/* @__PURE__ */ jsx(Text, {
-					className: "flex-1 min-w-0 text-text1 text-[18px] leading-[26px] font-bold line-clamp-1",
-					children: resolvedTitle
-				}), shouldRenderMore && /* @__PURE__ */ jsx(Text, {
-					className: "text-text3 text-[12px] leading-[18px] cursor-pointer",
-					onClick: handleMoreClick,
-					children: "更多"
-				})]
-			}),
-			variant === "grid" && /* @__PURE__ */ jsx(Box, {
-				className: "w-full flex flex-wrap px-[12px]",
-				children: resolvedItems.map((item, index) => {
-					const icon = resolvedIcons[index];
-					const itemCardConfig = resolveCardDisplayConfig(item);
-					const itemShowPlayCount = resolvedShowPlayCount && (itemCardConfig?.showPlayCount ?? true);
-					const itemPlayCountDelta = itemCardConfig?.playCountDelta ?? resolvedPlayCountDelta;
-					const itemShowEpisode = itemCardConfig?.showEpisode ?? resolvedShowEpisode;
-					const columnIndex = index % resolvedGridColumns;
-					const cardHorizontalStyle = resolvedGridColumns > 1 ? {
-						paddingLeft: GRID_COLUMN_GAP * columnIndex / resolvedGridColumns,
-						paddingRight: GRID_COLUMN_GAP * (resolvedGridColumns - columnIndex - 1) / resolvedGridColumns
-					} : void 0;
-					return /* @__PURE__ */ jsx("div", {
-						ref: index === triggerIndex ? triggerRef : void 0,
-						className: "min-w-0",
-						style: {
-							width: `${100 / resolvedGridColumns}%`,
-							...cardHorizontalStyle || {}
-						},
-						children: /* @__PURE__ */ jsx(HomeRecommendCard, {
-							variant,
-							item,
-							icon,
-							index,
-							showPlayCount: itemShowPlayCount,
-							playCountDelta: itemPlayCountDelta,
-							showEpisode: itemShowEpisode,
-							widthStyle: { width: "100%" }
-						})
-					}, buildItemKey(item, index));
-				})
-			}),
-			variant === "waterfall" && /* @__PURE__ */ jsxs(Box, {
-				ref: containerRef,
-				className: "w-full px-[12px] flex gap-[12px]",
-				children: [/* @__PURE__ */ jsx(Box, {
-					className: "flex-1 min-w-0 flex flex-col",
-					children: waterfallColumns.left.map((entry) => {
-						const itemCardConfig = resolveCardDisplayConfig(entry.item);
-						const itemShowPlayCount = resolvedShowPlayCount && (itemCardConfig?.showPlayCount ?? true);
-						const itemPlayCountDelta = itemCardConfig?.playCountDelta ?? resolvedPlayCountDelta;
-						const itemShowEpisode = itemCardConfig?.showEpisode ?? resolvedShowEpisode;
-						return /* @__PURE__ */ jsx("div", {
-							ref: entry.index === triggerIndex ? triggerRef : void 0,
-							children: /* @__PURE__ */ jsx(HomeRecommendCard, {
-								variant,
-								item: entry.item,
-								icon: entry.icon,
-								index: entry.index,
-								showPlayCount: itemShowPlayCount,
-								playCountDelta: itemPlayCountDelta,
-								showEpisode: itemShowEpisode,
-								widthStyle: { width: "100%" }
-							})
-						}, buildItemKey(entry.item, entry.index));
-					})
-				}), /* @__PURE__ */ jsx(Box, {
-					className: "flex-1 min-w-0 flex flex-col",
-					children: waterfallColumns.right.map((entry) => {
-						const itemCardConfig = resolveCardDisplayConfig(entry.item);
-						const itemShowPlayCount = resolvedShowPlayCount && (itemCardConfig?.showPlayCount ?? true);
-						const itemPlayCountDelta = itemCardConfig?.playCountDelta ?? resolvedPlayCountDelta;
-						const itemShowEpisode = itemCardConfig?.showEpisode ?? resolvedShowEpisode;
-						return /* @__PURE__ */ jsx("div", {
-							ref: entry.index === triggerIndex ? triggerRef : void 0,
-							children: /* @__PURE__ */ jsx(HomeRecommendCard, {
-								variant,
-								item: entry.item,
-								icon: entry.icon,
-								index: entry.index,
-								showPlayCount: itemShowPlayCount,
-								playCountDelta: itemPlayCountDelta,
-								showEpisode: itemShowEpisode,
-								widthStyle: { width: "100%" }
-							})
-						}, buildItemKey(entry.item, entry.index));
-					})
-				})]
-			})
-		]
-	});
-}
-/**
-* 首页推荐卡片渲染组件。
-*/
-function HomeRecommendCard({ variant, item, icon, index, showPlayCount, playCountDelta: _playCountDelta, showEpisode, widthStyle }) {
-	const coverUrl = resolveCoverUrl(item);
-	const titleText = item.name || "";
-	const playCount = formatPlayCount(item.static?.browse_cnt ?? 0);
-	const videoInfo = buildVideoInfoText(item, showEpisode);
-	const cornerIconUrl = resolveCornerIconUrl(item, icon, index);
-	return /* @__PURE__ */ jsx(MiniThreeCard, {
-		url: coverUrl,
-		text: titleText,
-		className: "w-full",
-		style: widthStyle,
-		topRightChild: cornerIconUrl ? /* @__PURE__ */ jsx(CornerIcon, { url: cornerIconUrl }) : void 0,
-		bottomLeftChild: showPlayCount ? /* @__PURE__ */ jsxs(Box, {
-			className: "h-[20px] leading-[20px] text-[#fff] text-[12px] px-[4px] rounded-[4px] bg-[#333] ml-[4px] flex items-center",
-			children: [/* @__PURE__ */ jsx(SvgVideoFlag, { className: "w-[16px] h-[auto] text-[#fff] mr-[4px]" }), playCount]
-		}) : null,
-		bottomRightChild: showEpisode ? videoInfo && /* @__PURE__ */ jsx(Text, {
-			className: "text-[#fff] text-[12px] leading-[18px] pr-2",
-			children: videoInfo
-		}) : null,
-		textChild: /* @__PURE__ */ jsx(Box, {
-			className: "mt-[4px]",
-			children: /* @__PURE__ */ jsx(Text, {
-				as: "h3",
-				className: variant === "waterfall" ? "text-text1 text-[14px] leading-[20px] break-words" : "text-text1 text-[14px] leading-[20px] line-clamp-1",
-				children: titleText
-			})
-		}),
-		linkPath: buildDetailPath(item)
-	});
-}
-/**
-* 角标图片渲染组件。
-*/
-function CornerIcon({ url }) {
-	return /* @__PURE__ */ jsx(Box, {
-		className: "relative w-[40px] h-[20px]",
-		children: /* @__PURE__ */ jsx(Image, {
-			src: url,
-			alt: "corner",
-			fill: true,
-			objectFit: "cover"
-		})
-	});
-}
-/**
-* 根据内容数据生成详情页链接。
-*/
-function buildDetailPath(info) {
-	const encodedName = encodeURIComponent(info.name || "");
-	return `/video/${info.id || ""}/${encodedName}/episode/1`;
-}
-/**
-* 解析推荐位“更多”跳转链接。
-*/
-function resolveMoreLink(moreLink) {
-	if (!moreLink) return "";
-	return moreLink.trim();
-}
-/**
-* 将配置值归一化为正整数并限制上限。
-*/
-function clampPositiveInt(value, fallback, max) {
-	const normalized = Number(value);
-	if (!Number.isFinite(normalized) || normalized <= 0) return fallback;
-	return Math.min(max, Math.floor(normalized));
-}
-/**
-* 解析单卡显示配置。
-*/
-function resolveCardDisplayConfig(item) {
-	return item[HOME_RECOMMEND_CARD_CONFIG_FIELD];
-}
-/**
-* 解析封面图 URL。
-*/
-function resolveCoverUrl(item) {
-	return item.img_y || item.img_x || "";
-}
-/**
-* 将不同结构的角标字段解析成图片 URL。
-*/
-function resolveIconUrl(source) {
-	return typeof source === "string" ? source : "";
-}
-/**
-* 根据内容类型生成视频信息文案。
-*/
-function buildVideoInfoText(item, showEpisode) {
-	if ((item.type ?? 0) === 2) {
-		if (!showEpisode) return "";
-		const totalEpisodes = Number(item.episode_cnt || item.links?.length || 0);
-		return totalEpisodes > 0 ? `全${totalEpisodes}集` : "";
-	}
-	return formatDuration(Number(item.duration || 0));
-}
-/**
-* 格式化播放量。
-*/
-function formatPlayCount(value) {
-	if (!Number.isFinite(value) || value <= 0) return "0";
-	if (value >= 1e6) return `${trimDecimal(value / 1e6)}M`;
-	if (value >= 1e3) return `${trimDecimal(value / 1e3)}k`;
-	return Math.floor(value).toString();
-}
-/**
-* 保留一位小数并去掉尾随 .0。
-*/
-function trimDecimal(value) {
-	const fixed = value.toFixed(1);
-	return fixed.endsWith(".0") ? fixed.slice(0, -2) : fixed;
-}
-/**
-* 格式化视频时长为 HH:mm:ss 或 mm:ss。
-*/
-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 formatNumber = (value) => String(value).padStart(2, "0");
-	if (hours > 0) return `${formatNumber(hours)}:${formatNumber(minutes)}:${formatNumber(seconds)}`;
-	return `${formatNumber(minutes)}:${formatNumber(seconds)}`;
-}
-/**
-* 解析角标图片 URL。
-*/
-function resolveCornerIconUrl(item, icon, _index) {
-	return resolveIconUrl(item.badge_url) || resolveIconUrl(icon?.material_url) || "";
-}
-/**
-* 生成瀑布流布局列数据。
-*/
-function buildWaterfallColumns(items, icons, columnWidth) {
-	const left = [];
-	const right = [];
-	let leftHeight = 0;
-	let rightHeight = 0;
-	items.forEach((item, index) => {
-		const icon = icons[index];
-		const estimatedHeight = estimateCardHeight(columnWidth, item);
-		if (leftHeight <= rightHeight) {
-			left.push({
-				item,
-				icon,
-				index
-			});
-			leftHeight += estimatedHeight;
-		} else {
-			right.push({
-				item,
-				icon,
-				index
-			});
-			rightHeight += estimatedHeight;
-		}
-	});
-	return {
-		left,
-		right
-	};
-}
-/**
-* 预估瀑布流卡片高度，用于分配列。
-*/
-function estimateCardHeight(columnWidth, item) {
-	if (!columnWidth) return 0;
-	const coverHeight = columnWidth * COVER_RATIO;
-	const infoHeight = buildVideoInfoText(item, true) ? INFO_LINE_HEIGHT : 0;
-	return coverHeight + TITLE_LINE_HEIGHT + infoHeight + TEXT_VERTICAL_GAP + CARD_BOTTOM_GAP;
-}
-/**
-* 归一化分页游标。
-*/
-function normalizeCursor(cursor) {
-	if (typeof cursor !== "string") return;
-	return cursor.trim() || void 0;
-}
-/**
-* 生成列表项唯一 key。
-*/
-function buildItemKey(item, index) {
-	return item.id ? `home-recommend-${item.id}` : `home-recommend-${index}`;
-}
-
-//#endregion
-export { HomeRecommendBase as default };
+"use client";import{pContentGetPopularVideoList as e}from"../../../../../service/generated/client.mjs";import{Image as t}from"../../../../ui/image.mjs";import{Box as n}from"../../../../ui/box.mjs";import{Text as r}from"../../../../ui/text.mjs";import i from"../../../../../assets/icons/detail/video_flag.mjs";import{MiniThreeCard as a}from"../../../../common/cards/mini-three-card.mjs";import{HOME_RECOMMEND_DEFAULT_GRID_COLUMNS as o,HOME_RECOMMEND_DEFAULT_GRID_ROWS as s,HOME_RECOMMEND_DEFAULT_PLAY_COUNT_DELTA as c,HOME_RECOMMEND_DEFAULT_SHOW_EPISODE as l,HOME_RECOMMEND_DEFAULT_SHOW_PLAY_COUNT as u,HOME_RECOMMEND_MAX_GRID_COLUMNS as d,HOME_RECOMMEND_MAX_GRID_ROWS as f}from"./home-recommend-default-config.mjs";import{HOME_RECOMMEND_CARD_CONFIG_FIELD as p}from"./home-recommend-preview.mjs";import{useCallback as m,useEffect as h,useLayoutEffect as g,useMemo as _,useRef as v,useState as y}from"react";import{jsx as b,jsxs as x}from"react/jsx-runtime";import{useRouter as ee}from"next/navigation";const te={},ne={list:[]};function S({variant:t,props:i=te,data:a=ne,mode:p=`renderer`}){let S=p===`editor`,w=ee(),{list:T,title:ae,cursor:D}=a,O=_(()=>Array.isArray(T)?T:[],[T]),k=_(()=>Array.isArray(a.icons)?a.icons:[],[a.icons]),{rows:A,columns:oe,moreLink:se,title:j,smartTagEnabled:le,showPlayCount:ue,playCountDelta:de,showEpisode:fe,enableInfinite:pe}=i,P=pe===!0,F=!S&&P&&le!==!0,[I,me]=y(0),[L,R]=y(O),[z,he]=y(k),[B,V]=y(()=>M(D)),[ge,_e]=y(!1),ve=v(null),H=v(null),U=v(!1);h(()=>{R(O),he(k),V(M(D))},[D,k,O]);let ye=ie(A,s,f),W=ie(oe,o,d),G=t===`grid`?ye*W:16,be=ye*W,xe=S&&t===`grid`&&!P,K=xe?L.slice(0,be):L,q=xe?z.slice(0,be):z,Se=t===`waterfall`?6:4,J=K.length>0?Math.max(0,K.length-Se):-1,Ce=!!B,we=j&&j.trim()||ae||``,Y=ue??u,X=Number(de??c),Z=fe??l,Q=!P,$=Q?re(se):``,Te=Q&&!!$,Ee=m(async()=>{let t=B;if(!(!F||!t||U.current)){U.current=!0,_e(!0);try{let n=await e({cursor:t,page_size:G}),r=Array.isArray(n.data?.videos)?n.data.videos:[],i=M(n.data?.cursor);r.length>0&&R(e=>e.concat(r)),V(e=>{if(!(!r.length||!i))return i===e?void 0:i})}catch(e){console.error(`推荐位加载下一页失败（client）`,e),V(void 0)}finally{U.current=!1,_e(!1)}}},[B,G,F]),De=m(()=>{$&&($.startsWith(`http`)?window.location.href=$:w.push($))},[$,w]);h(()=>{let e=H.current;if(!e||!F||!Ce)return;let t=document.getElementById(`app-scroll-container`)||null,n=new IntersectionObserver(e=>{!e[0]?.isIntersecting||ge||Ee()},{root:t,threshold:0});return n.observe(e),()=>{n.disconnect()}},[Ee,Ce,ge,K.length,G,F,J]),g(()=>{let e=ve.current;if(!e||t!==`waterfall`)return;let n=()=>{let t=e.clientWidth||0;me(t>0?(t-12)/2:0)};n();let r=new ResizeObserver(n);return r.observe(e),()=>{r.disconnect()}},[t]);let Oe=_(()=>t===`waterfall`?ce(K,q,I):{left:[],right:[]},[I,q,K,t]);return K.length?x(n,{className:`w-full mt-[16px]`,children:[x(n,{className:`flex items-center justify-between px-[12px] mb-[8px]`,children:[b(r,{className:`flex-1 min-w-0 text-text1 text-[18px] leading-[26px] font-bold line-clamp-1`,children:we}),Te&&b(r,{className:`text-text3 text-[12px] leading-[18px] cursor-pointer`,onClick:De,children:`更多`})]}),t===`grid`&&b(n,{className:`w-full flex flex-wrap px-[12px]`,children:K.map((e,n)=>{let r=q[n],i=E(e),a=Y&&(i?.showPlayCount??!0),o=i?.playCountDelta??X,s=i?.showEpisode??Z,c=n%W,l=W>1?{paddingLeft:12*c/W,paddingRight:12*(W-c-1)/W}:void 0;return b(`div`,{ref:n===J?H:void 0,className:`min-w-0`,style:{width:`${100/W}%`,...l||{}},children:b(C,{variant:t,item:e,icon:r,index:n,showPlayCount:a,playCountDelta:o,showEpisode:s,widthStyle:{width:`100%`}})},N(e,n))})}),t===`waterfall`&&x(n,{ref:ve,className:`w-full px-[12px] flex gap-[12px]`,children:[b(n,{className:`flex-1 min-w-0 flex flex-col`,children:Oe.left.map(e=>{let n=E(e.item),r=Y&&(n?.showPlayCount??!0),i=n?.playCountDelta??X,a=n?.showEpisode??Z;return b(`div`,{ref:e.index===J?H:void 0,children:b(C,{variant:t,item:e.item,icon:e.icon,index:e.index,showPlayCount:r,playCountDelta:i,showEpisode:a,widthStyle:{width:`100%`}})},N(e.item,e.index))})}),b(n,{className:`flex-1 min-w-0 flex flex-col`,children:Oe.right.map(e=>{let n=E(e.item),r=Y&&(n?.showPlayCount??!0),i=n?.playCountDelta??X,a=n?.showEpisode??Z;return b(`div`,{ref:e.index===J?H:void 0,children:b(C,{variant:t,item:e.item,icon:e.icon,index:e.index,showPlayCount:r,playCountDelta:i,showEpisode:a,widthStyle:{width:`100%`}})},N(e.item,e.index))})})]})]}):null}function C({variant:e,item:t,icon:o,index:s,showPlayCount:c,playCountDelta:l,showEpisode:u,widthStyle:d}){let f=ae(t),p=t.name||``,m=k(t.static?.browse_cnt??0),h=O(t,u),g=se(t,o,s);return b(a,{url:f,text:p,className:`w-full`,style:d,topRightChild:g?b(w,{url:g}):void 0,bottomLeftChild:c?x(n,{className:`h-[20px] leading-[20px] text-[#fff] text-[12px] px-[4px] rounded-[4px] bg-[#333] ml-[4px] flex items-center`,children:[b(i,{className:`w-[16px] h-[auto] text-[#fff] mr-[4px]`}),m]}):null,bottomRightChild:u?h&&b(r,{className:`text-[#fff] text-[12px] leading-[18px] pr-2`,children:h}):null,textChild:b(n,{className:`mt-[4px]`,children:b(r,{as:`h3`,className:e===`waterfall`?`text-text1 text-[14px] leading-[20px] break-words`:`text-text1 text-[14px] leading-[20px] line-clamp-1`,children:p})}),linkPath:T(t)})}function w({url:e}){return b(n,{className:`relative w-[40px] h-[20px]`,children:b(t,{src:e,alt:`corner`,fill:!0,objectFit:`cover`})})}function T(e){let t=encodeURIComponent(e.name||``);return`/video/${e.id||``}/${t}/episode/1`}function re(e){return e?e.trim():``}function ie(e,t,n){let r=Number(e);return!Number.isFinite(r)||r<=0?t:Math.min(n,Math.floor(r))}function E(e){return e[p]}function ae(e){return e.img_y||e.img_x||``}function D(e){return typeof e==`string`?e:``}function O(e,t){if((e.type??0)===2){if(!t)return``;let n=Number(e.episode_cnt||e.links?.length||0);return n>0?`全${n}集`:``}return oe(Number(e.duration||0))}function k(e){return!Number.isFinite(e)||e<=0?`0`:e>=1e6?`${A(e/1e6)}M`:e>=1e3?`${A(e/1e3)}k`:Math.floor(e).toString()}function A(e){let t=e.toFixed(1);return t.endsWith(`.0`)?t.slice(0,-2):t}function oe(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 se(e,t,n){return D(e.badge_url)||D(t?.material_url)||``}function ce(e,t,n){let r=[],i=[],a=0,o=0;return e.forEach((e,s)=>{let c=t[s],l=j(n,e);a<=o?(r.push({item:e,icon:c,index:s}),a+=l):(i.push({item:e,icon:c,index:s}),o+=l)}),{left:r,right:i}}function j(e,t){if(!e)return 0;let n=e*1.3461538461538463,r=O(t,!0)?18:0;return n+20+r+6+16}function M(e){if(typeof e==`string`)return e.trim()||void 0}function N(e,t){return e.id?`home-recommend-${e.id}`:`home-recommend-${t}`}export{S as default};

package/dist/components/biz/business/home-recommend/shared/home-recommend-default-config.mjs

@@ -1,25 +1,2 @@
 
-//#region components/biz/business/home-recommend/shared/home-recommend-default-config.ts
-/**
-* 首页推荐共享默认配置。
-* 统一维护，避免 base/preview/schema 多处重复定义后发生偏差。
-*/
-const HOME_RECOMMEND_DEFAULT_TITLE = "推荐";
-const HOME_RECOMMEND_DEFAULT_GRID_ROWS = 1;
-const HOME_RECOMMEND_DEFAULT_GRID_COLUMNS = 2;
-const HOME_RECOMMEND_MAX_GRID_ROWS = 10;
-const HOME_RECOMMEND_MAX_GRID_COLUMNS = 6;
-const HOME_RECOMMEND_DEFAULT_SMART_TAG_ENABLED = false;
-const HOME_RECOMMEND_DEFAULT_SHOW_PLAY_COUNT = true;
-const HOME_RECOMMEND_DEFAULT_PLAY_COUNT_DELTA = 0;
-const HOME_RECOMMEND_DEFAULT_SHOW_EPISODE = true;
-const HOME_RECOMMEND_DEFAULT_ENABLE_INFINITE = false;
-/**
-* 首页推荐数据源模式由智能铺设开关唯一决定。
-*/
-function resolveHomeRecommendFeedMode(smartTagEnabled) {
-	return smartTagEnabled === true ? "manual-with-video-detail" : "popular";
-}
-
-//#endregion
-export { HOME_RECOMMEND_DEFAULT_ENABLE_INFINITE, HOME_RECOMMEND_DEFAULT_GRID_COLUMNS, HOME_RECOMMEND_DEFAULT_GRID_ROWS, HOME_RECOMMEND_DEFAULT_PLAY_COUNT_DELTA, HOME_RECOMMEND_DEFAULT_SHOW_EPISODE, HOME_RECOMMEND_DEFAULT_SHOW_PLAY_COUNT, HOME_RECOMMEND_DEFAULT_SMART_TAG_ENABLED, HOME_RECOMMEND_DEFAULT_TITLE, HOME_RECOMMEND_MAX_GRID_COLUMNS, HOME_RECOMMEND_MAX_GRID_ROWS, resolveHomeRecommendFeedMode };
+const e=`推荐`,t=1,n=2,r=10,i=6,a=!1,o=!0,s=0,c=!0,l=!1;function u(e){return e===!0?`manual-with-video-detail`:`popular`}export{l as HOME_RECOMMEND_DEFAULT_ENABLE_INFINITE,n as HOME_RECOMMEND_DEFAULT_GRID_COLUMNS,t as HOME_RECOMMEND_DEFAULT_GRID_ROWS,s as HOME_RECOMMEND_DEFAULT_PLAY_COUNT_DELTA,c as HOME_RECOMMEND_DEFAULT_SHOW_EPISODE,o as HOME_RECOMMEND_DEFAULT_SHOW_PLAY_COUNT,a as HOME_RECOMMEND_DEFAULT_SMART_TAG_ENABLED,e as HOME_RECOMMEND_DEFAULT_TITLE,i as HOME_RECOMMEND_MAX_GRID_COLUMNS,r as HOME_RECOMMEND_MAX_GRID_ROWS,u as resolveHomeRecommendFeedMode};

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

@@ -1,126 +1,2 @@
 
-import { HOME_RECOMMEND_DEFAULT_GRID_COLUMNS, HOME_RECOMMEND_DEFAULT_GRID_ROWS, HOME_RECOMMEND_DEFAULT_TITLE, HOME_RECOMMEND_MAX_GRID_COLUMNS, HOME_RECOMMEND_MAX_GRID_ROWS } from "./home-recommend-default-config.mjs";
-
-//#region components/biz/business/home-recommend/shared/home-recommend-preview.ts
-const EDITOR_PREVIEW_COVER = "/static/components-thumb/video_player.png";
-const GRID_PREVIEW_FALLBACK_CARD_COUNT = 2;
-const WATERFALL_PREVIEW_CARD_COUNT = 4;
-const INFINITE_PREVIEW_CARD_COUNT = 8;
-const PREVIEW_POOL_SIZE = 60;
-const HOME_RECOMMEND_CARD_CONFIG_FIELD = "__homeRecommendCardConfig";
-const editorPreviewPool = Array.from({ length: PREVIEW_POOL_SIZE }, (_, index) => {
-	const isSeries = index % 2 === 1;
-	const previewStatic = { browse_cnt: 12345 + index * 731 };
-	return {
-		id: `preview-recommend-${index + 1}`,
-		name: `${"媒资标题".repeat((index + 1) * 2)}`,
-		img_y: EDITOR_PREVIEW_COVER,
-		img_x: EDITOR_PREVIEW_COVER,
-		type: isSeries ? 2 : 1,
-		duration: isSeries ? 0 : 60 * (18 + index),
-		episode_cnt: isSeries ? 12 + index % 3 * 6 : 0,
-		static: previewStatic
-	};
-});
-/**
-* 根据 schema 配置计算编辑器预览卡片数量。
-*/
-function resolveHomeRecommendEditorPreviewCount({ variant, enableInfinite, rows, columns, items }) {
-	const manualItemCount = Array.isArray(items) ? items.length : 0;
-	if (enableInfinite) return Math.max(INFINITE_PREVIEW_CARD_COUNT, manualItemCount);
-	if (variant === "waterfall") return Math.max(WATERFALL_PREVIEW_CARD_COUNT, manualItemCount);
-	return Math.max(resolveGridPreviewCount(rows, columns), GRID_PREVIEW_FALLBACK_CARD_COUNT, manualItemCount);
-}
-/**
-* 构建编辑器预览用列表（不足时循环补齐）。
-*/
-function buildEditorPreviewList(count) {
-	const safeCount = Math.max(1, Math.floor(count));
-	return Array.from({ length: safeCount }, (_, index) => {
-		const source = editorPreviewPool[index % editorPreviewPool.length];
-		return {
-			...source,
-			id: `preview-recommend-${index + 1}`,
-			name: source.name
-		};
-	});
-}
-/**
-* 将手动配置覆盖到预览列表上。
-*/
-function applyManualItemConfigs(sourceList, itemConfigs, sourceMapById) {
-	if (!itemConfigs.length) return sourceList;
-	return sourceList.map((sourceItem, index) => {
-		const config = itemConfigs[index];
-		if (!config) return sourceItem;
-		const resolvedSource = (config.contentId ? sourceMapById.get(config.contentId) : void 0) || sourceItem;
-		const resolvedTitle = config.titleMode === "custom" ? config.title?.trim() || resolvedSource.name || sourceItem.name || "" : resolvedSource.name || sourceItem.name || "";
-		const shouldUseUploadCover = config.coverMode === "upload" && Boolean(config.coverUrl);
-		const resolvedCoverY = shouldUseUploadCover ? config.coverUrl || "" : resolvedSource.img_y || resolvedSource.img_x || sourceItem.img_y || sourceItem.img_x || "";
-		const resolvedCoverX = shouldUseUploadCover ? config.coverUrl || "" : resolvedSource.img_x || resolvedSource.img_y || sourceItem.img_x || sourceItem.img_y || "";
-		const sourceBadge = resolvedSource.badge_url || sourceItem.badge_url || "";
-		const resolvedBadge = config.badge_url ?? sourceBadge;
-		const cardConfig = resolveCardDisplayConfig(config, resolvedSource);
-		return {
-			...sourceItem,
-			...resolvedSource,
-			id: resolvedSource.id || sourceItem.id || `preview-recommend-${index + 1}`,
-			name: resolvedTitle,
-			img_y: resolvedCoverY,
-			img_x: resolvedCoverX,
-			badge_url: resolvedBadge || void 0,
-			[HOME_RECOMMEND_CARD_CONFIG_FIELD]: cardConfig
-		};
-	});
-}
-/**
-* 合并单卡显示配置。
-*/
-function resolveCardDisplayConfig(config, sourceItem) {
-	const sourceConfig = sourceItem[HOME_RECOMMEND_CARD_CONFIG_FIELD];
-	const resolved = {
-		showPlayCount: config.showPlayCount ?? sourceConfig?.showPlayCount,
-		playCountDelta: config.playCountDelta ?? sourceConfig?.playCountDelta,
-		showEpisode: config.showEpisode ?? sourceConfig?.showEpisode
-	};
-	if (resolved.showPlayCount === void 0 && resolved.playCountDelta === void 0 && resolved.showEpisode === void 0) return;
-	return resolved;
-}
-/**
-* 计算宫格预览卡片数。
-*/
-function resolveGridPreviewCount(rows, columns) {
-	return clampInteger(rows, HOME_RECOMMEND_DEFAULT_GRID_ROWS, 1, HOME_RECOMMEND_MAX_GRID_ROWS) * clampInteger(columns, HOME_RECOMMEND_DEFAULT_GRID_COLUMNS, 1, HOME_RECOMMEND_MAX_GRID_COLUMNS);
-}
-/**
-* 将输入值归一化为整数并限制区间。
-*/
-function clampInteger(value, fallback, min, max) {
-	const normalized = Number(value);
-	if (!Number.isFinite(normalized)) return fallback;
-	return Math.min(max, Math.max(min, Math.floor(normalized)));
-}
-/**
-* 构建编辑器预览的推荐位数据（由 schema 驱动）。
-*/
-function buildHomeRecommendEditorPreviewData({ variant, schemaTitle, enableInfinite, smartTagEnabled, rows, columns, items }) {
-	const sourceMapById = /* @__PURE__ */ new Map();
-	const manualItems = smartTagEnabled ? [] : Array.isArray(items) ? items.filter(Boolean) : [];
-	const resolvedList = applyManualItemConfigs(buildEditorPreviewList(resolveHomeRecommendEditorPreviewCount({
-		variant,
-		enableInfinite,
-		rows,
-		columns,
-		items: manualItems
-	})), manualItems, sourceMapById);
-	return {
-		title: schemaTitle && schemaTitle.trim() || HOME_RECOMMEND_DEFAULT_TITLE,
-		list: resolvedList,
-		icons: [],
-		cursor: "",
-		show_style: void 0
-	};
-}
-
-//#endregion
-export { HOME_RECOMMEND_CARD_CONFIG_FIELD, buildHomeRecommendEditorPreviewData };
+import{HOME_RECOMMEND_DEFAULT_GRID_COLUMNS as e,HOME_RECOMMEND_DEFAULT_GRID_ROWS as t,HOME_RECOMMEND_DEFAULT_TITLE as n,HOME_RECOMMEND_MAX_GRID_COLUMNS as r,HOME_RECOMMEND_MAX_GRID_ROWS as i}from"./home-recommend-default-config.mjs";const a=`/static/components-thumb/video_player.png`,o=`__homeRecommendCardConfig`,s=Array.from({length:60},(e,t)=>{let n=t%2==1,r={browse_cnt:12345+t*731};return{id:`preview-recommend-${t+1}`,name:`${`媒资标题`.repeat((t+1)*2)}`,img_y:a,img_x:a,type:n?2:1,duration:n?0:60*(18+t),episode_cnt:n?12+t%3*6:0,static:r}});function c({variant:e,enableInfinite:t,rows:n,columns:r,items:i}){let a=Array.isArray(i)?i.length:0;return t?Math.max(8,a):e===`waterfall`?Math.max(4,a):Math.max(f(n,r),2,a)}function l(e){let t=Math.max(1,Math.floor(e));return Array.from({length:t},(e,t)=>{let n=s[t%s.length];return{...n,id:`preview-recommend-${t+1}`,name:n.name}})}function u(e,t,n){return t.length?e.map((e,r)=>{let i=t[r];if(!i)return e;let a=(i.contentId?n.get(i.contentId):void 0)||e,s=i.titleMode===`custom`?i.title?.trim()||a.name||e.name||``:a.name||e.name||``,c=i.coverMode===`upload`&&!!i.coverUrl,l=c?i.coverUrl||``:a.img_y||a.img_x||e.img_y||e.img_x||``,u=c?i.coverUrl||``:a.img_x||a.img_y||e.img_x||e.img_y||``,f=a.badge_url||e.badge_url||``,p=i.badge_url??f,m=d(i,a);return{...e,...a,id:a.id||e.id||`preview-recommend-${r+1}`,name:s,img_y:l,img_x:u,badge_url:p||void 0,[o]:m}}):e}function d(e,t){let n=t[o],r={showPlayCount:e.showPlayCount??n?.showPlayCount,playCountDelta:e.playCountDelta??n?.playCountDelta,showEpisode:e.showEpisode??n?.showEpisode};if(!(r.showPlayCount===void 0&&r.playCountDelta===void 0&&r.showEpisode===void 0))return r}function f(n,a){return p(n,t,1,i)*p(a,e,1,r)}function p(e,t,n,r){let i=Number(e);return Number.isFinite(i)?Math.min(r,Math.max(n,Math.floor(i))):t}function m({variant:e,schemaTitle:t,enableInfinite:r,smartTagEnabled:i,rows:a,columns:o,items:s}){let d=new Map,f=i?[]:Array.isArray(s)?s.filter(Boolean):[],p=u(l(c({variant:e,enableInfinite:r,rows:a,columns:o,items:f})),f,d);return{title:t&&t.trim()||n,list:p,icons:[],cursor:``,show_style:void 0}}export{o as HOME_RECOMMEND_CARD_CONFIG_FIELD,m as buildHomeRecommendEditorPreviewData};