@funhub/platform 0.1.130 → 0.1.131

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

@@ -1,553 +1,2 @@
 
-'use client';
-
-import { gContentGetGuessYouLikeVideos, pContentBatchGetVideoDetail } from "../../../../../service/generated/client.mjs";
-import { Box } from "../../../../ui/box.mjs";
-import { Text } from "../../../../ui/text.mjs";
-import { useRequest } from "../../../../../hooks/query/use-query.mjs";
-import { useKeepAliveState } from "../../../../common/keep-scroll-position/index.mjs";
-import SvgVideoFlag from "../../../../../assets/icons/detail/video_flag.mjs";
-import { MiniThreeCard } from "../../../../common/cards/mini-three-card.mjs";
-import { useCardDecoration } from "../../../../../hooks/use-card-decoration.mjs";
-import { buildEditorPreviewRecommendList } from "../shared/editor-preview.mjs";
-import { useVideoDetailMaterialRuntimeContext } from "../shared/runtime-context-provider.mjs";
-import { applyPlayCountDelta, clampColumns, mergeManualAndPool, normalizeRecommendRuntimeProps, resolveRows } from "./utils.mjs";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region components/biz/business/detail/video-detail-recommend/client.tsx
-const PREFETCH_OFFSET = 4;
-const CARD_HORIZONTAL_GAP = 8;
-/**
-* 推荐模块客户端组件。
-*/
-function VideoDetailRecommendClient({ rows, columns, smartTagEnabled, smartTagIds, title, showPlayCount, playCountDelta, showEpisode, enableInfinite, items, mode = "renderer" }) {
-	const detailId = useVideoDetailMaterialRuntimeContext()?.detailId || "";
-	const isEditor = mode === "editor";
-	const isPreview = isEditor;
-	const { getVerticalHoCoverImageUrl, getTitleText } = useCardDecoration();
-	const triggerRef = useRef(null);
-	const normalizedRuntimeProps = useMemo(() => normalizeRecommendRuntimeProps({
-		smartTagEnabled,
-		smartTagIds,
-		enableInfinite,
-		items
-	}), [
-		enableInfinite,
-		items,
-		smartTagEnabled,
-		smartTagIds
-	]);
-	const isSmartTagMode = normalizedRuntimeProps.smartTagEnabled;
-	const resolvedSmartTagIds = normalizedRuntimeProps.smartTagIds;
-	const resolvedItems = useMemo(() => normalizedRuntimeProps.items ?? [], [normalizedRuntimeProps.items]);
-	const resolvedEnableInfinite = normalizedRuntimeProps.enableInfinite && !isEditor;
-	const shouldMergeManualItems = !isSmartTagMode;
-	const shouldRequestNextPage = resolvedEnableInfinite && isSmartTagMode && !isPreview;
-	const resolvedRows = resolveRows(rows, resolvedEnableInfinite);
-	const resolvedColumns = clampColumns(columns);
-	const pageSize = resolvedRows * resolvedColumns;
-	const requestPageSize = Math.max(1, pageSize);
-	const pagingStateKey = useMemo(() => {
-		return [
-			"video-detail-recommend",
-			detailId || "unknown",
-			requestPageSize,
-			resolvedSmartTagIds.join(",")
-		].join(":");
-	}, [
-		detailId,
-		requestPageSize,
-		resolvedSmartTagIds
-	]);
-	const [pagedPool, setPagedPool] = useKeepAliveState(`${pagingStateKey}:pool`, []);
-	const [hasMore, setHasMore] = useKeepAliveState(`${pagingStateKey}:has-more`, false);
-	const [isFetchingNextPage, setIsFetchingNextPage] = useState(false);
-	const editorPreviewPool = useMemo(() => buildEditorPreviewRecommendList(pageSize), [pageSize]);
-	const { data } = useRequest([
-		"video-detail-recommend",
-		detailId,
-		shouldRequestNextPage ? "paged" : "all",
-		requestPageSize,
-		resolvedSmartTagIds.join(",")
-	], async () => {
-		if (isPreview) return null;
-		if (shouldRequestNextPage) return await gContentGetGuessYouLikeVideos({
-			page_size: requestPageSize,
-			tags: resolvedSmartTagIds
-		});
-		return await gContentGetGuessYouLikeVideos({
-			page_size: requestPageSize,
-			tags: resolvedSmartTagIds
-		});
-	}, { enabled: !isPreview && isSmartTagMode });
-	const normalizedPool = useMemo(() => {
-		if (isPreview) return editorPreviewPool;
-		return normalizeGuessYouLikeVideos(data?.data?.videos);
-	}, [
-		data?.data?.videos,
-		editorPreviewPool,
-		isPreview
-	]);
-	useEffect(() => {
-		if (!shouldRequestNextPage) {
-			setIsFetchingNextPage(false);
-			return;
-		}
-		setPagedPool((prev) => {
-			if (!normalizedPool.length) return prev;
-			if (!prev.length) return normalizedPool;
-			const merged = [...normalizedPool];
-			const idSet = new Set(normalizedPool.map((item) => item.id).filter(Boolean));
-			prev.forEach((item) => {
-				if (!item.id || !idSet.has(item.id)) {
-					merged.push(item);
-					if (item.id) idSet.add(item.id);
-				}
-			});
-			return merged;
-		});
-		const resolvedHasMore = resolveGuessLikeHasMore(data?.data?.videos, requestPageSize);
-		setHasMore((prev) => prev || resolvedHasMore);
-		setIsFetchingNextPage(false);
-	}, [
-		data?.data?.videos,
-		normalizedPool,
-		requestPageSize,
-		setHasMore,
-		setPagedPool,
-		shouldRequestNextPage
-	]);
-	const effectivePool = shouldRequestNextPage ? pagedPool : normalizedPool;
-	const manualContentIds = useMemo(() => {
-		if (!shouldMergeManualItems) return [];
-		return Array.from(new Set(resolvedItems.map((item) => normalizeContentId(item.contentId)).filter(Boolean)));
-	}, [resolvedItems, shouldMergeManualItems]);
-	const { data: manualDetailList } = useRequest(["video-detail-recommend-manual-details", manualContentIds.join(",")], async () => {
-		if (!manualContentIds.length) return [];
-		const response = await pContentBatchGetVideoDetail({ ids: manualContentIds });
-		return (Array.isArray(response.data?.videos) ? response.data.videos : []).map((item) => normalizeBatchVideoDetail(item));
-	}, { enabled: manualContentIds.length > 0 });
-	const manualIdSet = useMemo(() => {
-		if (!shouldMergeManualItems) return /* @__PURE__ */ new Set();
-		return new Set(resolvedItems.map((item) => normalizeContentId(item.contentId)).filter(Boolean));
-	}, [resolvedItems, shouldMergeManualItems]);
-	const filteredPool = useMemo(() => {
-		if (isPreview) return effectivePool;
-		return effectivePool.filter((item) => !manualIdSet.has(item.id));
-	}, [
-		effectivePool,
-		isPreview,
-		manualIdSet
-	]);
-	const manualList = useMemo(() => {
-		if (!shouldMergeManualItems) return [];
-		if (!resolvedItems.length) return [];
-		const poolMap = /* @__PURE__ */ new Map();
-		effectivePool.forEach((item) => {
-			const normalizedId = normalizeContentId(item.id);
-			if (normalizedId) poolMap.set(normalizedId, item);
-		});
-		(manualDetailList || []).forEach((item) => {
-			const normalizedId = normalizeContentId(item.id);
-			if (normalizedId) poolMap.set(normalizedId, item);
-		});
-		return resolvedItems.map((item, index) => {
-			const fallbackBase = isPreview ? editorPreviewPool[index % Math.max(1, editorPreviewPool.length)] : buildManualFallbackInfo(item, index);
-			const normalizedContentId = normalizeContentId(item.contentId);
-			const configuredCover = typeof item.coverUrl === "string" ? item.coverUrl.trim() : "";
-			const base = poolMap.get(normalizedContentId) ?? {
-				...fallbackBase,
-				id: normalizedContentId || fallbackBase.id || `preview-manual-${index + 1}`,
-				name: fallbackBase.name || `猜你喜欢 ${index + 1}`,
-				img_y: configuredCover || fallbackBase.img_y,
-				img_x: configuredCover || fallbackBase.img_x
-			};
-			const resolvedTitle = item.titleMode === "custom" ? item.title : getTitleText(base);
-			const resolvedCover = item.coverMode === "content" ? getVerticalHoCoverImageUrl(base) || configuredCover : configuredCover || getVerticalHoCoverImageUrl(base);
-			return {
-				info: {
-					...base,
-					name: resolvedTitle || base.name,
-					img_y: resolvedCover || base.img_y,
-					img_x: resolvedCover || base.img_x
-				},
-				config: {
-					showPlayCount: item.showPlayCount,
-					playCountDelta: item.playCountDelta,
-					showEpisode: item.showEpisode
-				}
-			};
-		}).filter(Boolean);
-	}, [
-		editorPreviewPool,
-		effectivePool,
-		getTitleText,
-		getVerticalHoCoverImageUrl,
-		isPreview,
-		manualDetailList,
-		resolvedItems,
-		shouldMergeManualItems
-	]);
-	const poolDisplayItems = useMemo(() => {
-		return filteredPool.map((item) => ({ info: item }));
-	}, [filteredPool]);
-	const hasManualConfigured = shouldMergeManualItems && resolvedItems.length > 0;
-	const baseList = useMemo(() => {
-		if (hasManualConfigured) return manualList;
-		return mergeManualAndPool(manualList, poolDisplayItems, pageSize);
-	}, [
-		hasManualConfigured,
-		manualList,
-		pageSize,
-		poolDisplayItems
-	]);
-	const displayList = useMemo(() => {
-		if (shouldRequestNextPage) {
-			if (!manualList.length) return poolDisplayItems;
-			const manualInfoIdSet = new Set(manualList.map((item) => item.info.id).filter(Boolean));
-			return manualList.concat(poolDisplayItems.filter((item) => !manualInfoIdSet.has(item.info.id)));
-		}
-		if (resolvedEnableInfinite) {
-			if (!manualList.length) return poolDisplayItems;
-			const manualInfoIdSet = new Set(manualList.map((item) => item.info.id).filter(Boolean));
-			return manualList.concat(poolDisplayItems.filter((item) => !manualInfoIdSet.has(item.info.id)));
-		}
-		return baseList;
-	}, [
-		baseList,
-		manualList,
-		poolDisplayItems,
-		resolvedEnableInfinite,
-		shouldRequestNextPage
-	]);
-	const triggerIndex = hasMore && displayList.length > 0 ? Math.max(0, displayList.length - PREFETCH_OFFSET) : -1;
-	const resolvedModuleTitle = String(title || "").trim();
-	const fetchNextPage = useCallback(async () => {
-		if (!shouldRequestNextPage || !hasMore || isFetchingNextPage) return;
-		setIsFetchingNextPage(true);
-		try {
-			const response = await gContentGetGuessYouLikeVideos({
-				page_size: requestPageSize,
-				tags: resolvedSmartTagIds
-			});
-			const list = Array.isArray(response.data?.videos) ? response.data.videos : [];
-			const normalizedList = normalizeGuessYouLikeVideos(list);
-			let appendedCount = 0;
-			setPagedPool((prev) => {
-				const idSet = new Set(prev.map((item) => item.id).filter(Boolean));
-				const merged = [...prev];
-				normalizedList.forEach((item) => {
-					if (!item.id || !idSet.has(item.id)) {
-						merged.push(item);
-						if (item.id) idSet.add(item.id);
-					}
-				});
-				appendedCount = merged.length - prev.length;
-				return merged;
-			});
-			setHasMore(resolveGuessLikeHasMore(list, requestPageSize) && appendedCount > 0);
-		} catch (error) {
-			console.error("猜你喜欢分页加载失败", error);
-			setHasMore(false);
-		} finally {
-			setIsFetchingNextPage(false);
-		}
-	}, [
-		hasMore,
-		isFetchingNextPage,
-		requestPageSize,
-		resolvedSmartTagIds,
-		setHasMore,
-		setPagedPool,
-		shouldRequestNextPage
-	]);
-	useEffect(() => {
-		if (!shouldRequestNextPage) return;
-		const target = triggerRef.current;
-		if (!target || !hasMore) return;
-		const observer = new IntersectionObserver((entries) => {
-			if (entries[0]?.isIntersecting && !isFetchingNextPage) fetchNextPage();
-		});
-		observer.observe(target);
-		return () => {
-			observer.disconnect();
-		};
-	}, [
-		fetchNextPage,
-		hasMore,
-		isFetchingNextPage,
-		shouldRequestNextPage,
-		triggerIndex
-	]);
-	if (!displayList.length) return null;
-	return /* @__PURE__ */ jsxs(Box, {
-		className: `w-full mt-[16px] ${isPreview ? "pointer-events-none" : ""}`,
-		children: [resolvedModuleTitle ? /* @__PURE__ */ jsx(Text, {
-			className: "block pl-[12px] mb-[8px] text-text1 text-[18px] leading-[26px] font-bold",
-			children: resolvedModuleTitle
-		}) : null, /* @__PURE__ */ jsx(Box, {
-			className: "w-full flex flex-wrap px-[12px]",
-			children: displayList.map((item, index) => {
-				const itemTitle = getTitleText(item.info);
-				const resolvedShowPlayCount = showPlayCount !== false && (item.config?.showPlayCount ?? true);
-				const resolvedPlayCountDelta = Number(item.config?.playCountDelta ?? playCountDelta ?? 0);
-				const resolvedShowEpisode = item.config?.showEpisode ?? showEpisode;
-				const playCountText = formatNumber(applyPlayCountDelta(item.info.play_count || 0, resolvedPlayCountDelta));
-				const videoInfoText = buildRecommendVideoInfoText(item.info);
-				const columnCount = Number.isFinite(resolvedColumns) && resolvedColumns > 0 ? resolvedColumns : 3;
-				const widthPercent = `${100 / columnCount}%`;
-				const columnIndex = index % columnCount;
-				const cardHorizontalStyle = columnCount > 1 ? {
-					paddingLeft: CARD_HORIZONTAL_GAP * columnIndex / columnCount,
-					paddingRight: CARD_HORIZONTAL_GAP * (columnCount - columnIndex - 1) / columnCount
-				} : null;
-				return /* @__PURE__ */ jsx("div", {
-					ref: index === triggerIndex ? triggerRef : void 0,
-					style: {
-						width: widthPercent,
-						...cardHorizontalStyle || {}
-					},
-					children: /* @__PURE__ */ jsx(MiniThreeCard, {
-						url: getVerticalHoCoverImageUrl(item.info),
-						text: itemTitle,
-						textChild: /* @__PURE__ */ jsx(Text, {
-							as: "h3",
-							className: "text-text1 text-[16px] h-[24px] leading-[24px] my-[4px] line-clamp-1",
-							children: itemTitle
-						}),
-						style: { width: "100%" },
-						bottomLeftChild: resolvedShowPlayCount ? /* @__PURE__ */ jsxs("div", {
-							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]" }), playCountText]
-						}) : null,
-						bottomRightChild: resolvedShowEpisode && videoInfoText ? /* @__PURE__ */ jsx("div", {
-							className: "text-[#fff] text-[12px] leading-[20px] pr-2",
-							children: videoInfoText
-						}) : null,
-						linkPath: isPreview ? "" : buildDetailPath(item.info)
-					})
-				}, `guess-like-${index}`);
-			})
-		})]
-	});
-}
-/**
-* 推荐数据映射。
-*/
-function normalizeGuessYouLikeVideo(raw) {
-	const normalizedIsMoreLink = raw.is_more_link ? "y" : "n";
-	return {
-		id: raw.video_id || "",
-		mid: "",
-		name: raw.name || "",
-		cat_id: "",
-		cat_name: "",
-		status: "1",
-		status_text: "",
-		create_time: "",
-		content_type: raw.content_type,
-		episode_cnt: raw.episode_count || 0,
-		show_at: raw.show_at ?? "",
-		position: "",
-		img_type: raw.img_type ?? "",
-		img_x: raw.img_x ?? "",
-		img_y: raw.img_y ?? "",
-		img_width: "",
-		img_height: "",
-		play_count: raw.play_count,
-		preview_images: [],
-		duration: String(raw.duration ?? ""),
-		score: String(raw.score ?? ""),
-		is_more_link: normalizedIsMoreLink,
-		update_status: String(raw.update_status ?? ""),
-		description: raw.description ?? "",
-		language: "",
-		director: "",
-		actor: "",
-		area: "",
-		issue_date: "",
-		publisher: "",
-		series: "",
-		number: "",
-		tags: [],
-		source_tags: raw.source_tags ?? "",
-		source_actor: [],
-		links: Array.isArray(raw.episodes) ? raw.episodes.map((link) => ({
-			id: link.id ?? "",
-			name: link.name ?? "",
-			preview_m3u8_url: link.preview_m3u8_url ?? "",
-			m3u8_url: link.m3u8_url ?? ""
-		})) : [],
-		money: "",
-		up_user: "",
-		source_username: "",
-		task_id: "",
-		file_status: ""
-	};
-}
-/**
-* 规范化猜你喜欢接口列表
-*/
-function normalizeGuessYouLikeVideos(list) {
-	if (!Array.isArray(list)) return [];
-	return list.map((item) => normalizeGuessYouLikeVideo(item));
-}
-/**
-* 将 batchGetVideoDetail 的视频详情映射为推荐模块可消费的数据结构。
-*/
-function normalizeBatchVideoDetail(raw) {
-	const resolvedId = String(raw?.id || raw?.mid || raw?.video_id || "");
-	const normalizedIsMoreLink = raw?.is_more_link === "y" ? "y" : "n";
-	const links = Array.isArray(raw?.links) ? raw.links.map((link) => ({
-		id: String(link?.id || ""),
-		name: String(link?.name || ""),
-		preview_m3u8_url: String(link?.preview_m3u8_url || ""),
-		m3u8_url: String(link?.m3u8_url || "")
-	})) : [];
-	const episodeCntFromProto = Array.isArray(raw?.video_episodes) ? raw.video_episodes.length : 0;
-	const episodeCnt = Number(raw?.episode_cnt || episodeCntFromProto || links.length || 0);
-	return {
-		id: resolvedId,
-		mid: String(raw?.mid || resolvedId),
-		name: String(raw?.name || ""),
-		cat_id: String(raw?.cat_id || ""),
-		cat_name: String(raw?.cat_name || ""),
-		status: String(raw?.status || "1"),
-		status_text: String(raw?.status_text || ""),
-		create_time: String(raw?.create_time || ""),
-		content_type: raw?.content_type,
-		episode_cnt: Number.isFinite(episodeCnt) ? episodeCnt : 0,
-		show_at: String(raw?.show_at || ""),
-		position: String(raw?.position || ""),
-		img_type: String(raw?.img_type || ""),
-		img_x: String(raw?.img_x || ""),
-		img_y: String(raw?.img_y || ""),
-		img_width: String(raw?.img_width || ""),
-		img_height: String(raw?.img_height || ""),
-		play_count: Number(raw?.play_count ?? raw?.browse_count ?? 0),
-		preview_images: Array.isArray(raw?.preview_images) ? raw.preview_images : [],
-		duration: String(raw?.duration || ""),
-		score: String(raw?.score || ""),
-		is_more_link: normalizedIsMoreLink,
-		update_status: String(raw?.update_status || ""),
-		description: String(raw?.description || ""),
-		language: String(raw?.language || ""),
-		director: String(raw?.director || ""),
-		actor: String(raw?.actor || ""),
-		area: String(raw?.area || ""),
-		issue_date: String(raw?.issue_date || ""),
-		publisher: String(raw?.publisher || ""),
-		series: String(raw?.series || ""),
-		number: String(raw?.number || ""),
-		tags: Array.isArray(raw?.tags) ? raw.tags : [],
-		source_tags: String(raw?.source_tags || ""),
-		source_actor: Array.isArray(raw?.source_actor) ? raw.source_actor : [],
-		links,
-		money: String(raw?.money || ""),
-		up_user: String(raw?.up_user || ""),
-		source_username: String(raw?.source_username || ""),
-		task_id: String(raw?.task_id || ""),
-		file_status: String(raw?.file_status || "")
-	};
-}
-/**
-* 解析猜你喜欢接口是否还有下一页。
-*/
-function resolveGuessLikeHasMore(list, pageSize) {
-	if (!Array.isArray(list) || list.length === 0) return false;
-	const first = list[0];
-	if (typeof first?.has_more === "boolean") return first.has_more;
-	const total = Number(first?.total ?? 0);
-	if (Number.isFinite(total) && total > 0) return total > pageSize;
-	return list.length >= pageSize;
-}
-/**
-* 推荐卡片右下角文案：短视频/电影显示时长，剧集显示“全X集”。
-*/
-function buildRecommendVideoInfoText(info) {
-	if (isSeriesContent(info)) {
-		const totalEpisodes = Number(info.episode_cnt || info.links?.length || 0);
-		return totalEpisodes > 0 ? `全${totalEpisodes}集` : "";
-	}
-	return formatDuration(Number(info.duration || 0));
-}
-function isSeriesContent(info) {
-	return info.is_more_link === "y";
-}
-function formatDuration(duration) {
-	if (!Number.isFinite(duration) || duration <= 0) return "";
-	const totalSeconds = Math.floor(duration);
-	const hours = Math.floor(totalSeconds / 3600);
-	const minutes = Math.floor(totalSeconds % 3600 / 60);
-	const seconds = totalSeconds % 60;
-	const pad = (value) => String(value).padStart(2, "0");
-	if (hours > 0) return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
-	return `${pad(minutes)}:${pad(seconds)}`;
-}
-function formatNumber(input) {
-	const num = Number(input || "0");
-	if (Number.isNaN(num) || num <= 0) return "0";
-	if (num >= 1e4) return `${(num / 1e4).toFixed(1)}w`;
-	if (num >= 1e3) return `${(num / 1e3).toFixed(1)}k`;
-	return String(num);
-}
-function buildDetailPath(info) {
-	const encodedName = encodeURIComponent(info.name || "");
-	return `/video/${info.id}/${encodedName}/episode/1`;
-}
-function normalizeContentId(value) {
-	return typeof value === "string" ? value.trim() : "";
-}
-function buildManualFallbackInfo(item, index) {
-	const fallbackId = normalizeContentId(item.contentId) || `manual-${index + 1}`;
-	const fallbackCover = typeof item.coverUrl === "string" ? item.coverUrl.trim() : "";
-	const fallbackTitle = typeof item.title === "string" ? item.title.trim() : "";
-	const fallbackDescription = typeof item.description === "string" ? item.description.trim() : "";
-	return {
-		id: fallbackId,
-		mid: fallbackId,
-		name: fallbackTitle || `猜你喜欢 ${index + 1}`,
-		cat_id: "",
-		cat_name: "",
-		status: "1",
-		status_text: "",
-		create_time: "",
-		content_type: 1,
-		episode_cnt: 0,
-		show_at: "",
-		position: "",
-		img_type: "",
-		img_x: fallbackCover,
-		img_y: fallbackCover,
-		img_width: "",
-		img_height: "",
-		play_count: 0,
-		preview_images: [],
-		duration: "",
-		score: "",
-		is_more_link: "n",
-		update_status: "",
-		description: fallbackDescription,
-		language: "",
-		director: "",
-		actor: "",
-		area: "",
-		issue_date: "",
-		publisher: "",
-		series: "",
-		number: "",
-		tags: [],
-		source_tags: "",
-		source_actor: [],
-		links: [],
-		money: "",
-		up_user: "",
-		source_username: "",
-		task_id: "",
-		file_status: ""
-	};
-}
-
-//#endregion
-export { VideoDetailRecommendClient };
+"use client";import{gContentGetGuessYouLikeVideos as e,pContentBatchGetVideoDetail as t}from"../../../../../service/generated/client.mjs";import{Box as n}from"../../../../ui/box.mjs";import{Text as r}from"../../../../ui/text.mjs";import{useRequest as i}from"../../../../../hooks/query/use-query.mjs";import{useKeepAliveState as a}from"../../../../common/keep-scroll-position/index.mjs";import o from"../../../../../assets/icons/detail/video_flag.mjs";import{MiniThreeCard as s}from"../../../../common/cards/mini-three-card.mjs";import{useCardDecoration as c}from"../../../../../hooks/use-card-decoration.mjs";import{buildEditorPreviewRecommendList as l}from"../shared/editor-preview.mjs";import{useVideoDetailMaterialRuntimeContext as u}from"../shared/runtime-context-provider.mjs";import{applyPlayCountDelta as ee,clampColumns as d,mergeManualAndPool as f,normalizeRecommendRuntimeProps as p,resolveRows as m}from"./utils.mjs";import{useCallback as te,useEffect as h,useMemo as g,useRef as ne,useState as re}from"react";import{jsx as _,jsxs as ie}from"react/jsx-runtime";function v({rows:v,columns:ae,smartTagEnabled:y,smartTagIds:b,title:pe,showPlayCount:me,playCountDelta:he,showEpisode:ge,enableInfinite:S,items:C,mode:_e=`renderer`}){let w=u()?.detailId||``,ve=_e===`editor`,T=ve,{getVerticalHoCoverImageUrl:E,getTitleText:D}=c(),O=ne(null),k=g(()=>p({smartTagEnabled:y,smartTagIds:b,enableInfinite:S,items:C}),[S,C,y,b]),A=k.smartTagEnabled,j=k.smartTagIds,M=g(()=>k.items??[],[k.items]),N=k.enableInfinite&&!ve,P=!A,F=N&&A&&!T,ye=m(v,N),I=d(ae),L=ye*I,R=Math.max(1,L),z=g(()=>[`video-detail-recommend`,w||`unknown`,R,j.join(`,`)].join(`:`),[w,R,j]),[be,B]=a(`${z}:pool`,[]),[V,H]=a(`${z}:has-more`,!1),[U,W]=re(!1),G=g(()=>l(L),[L]),{data:K}=i([`video-detail-recommend`,w,F?`paged`:`all`,R,j.join(`,`)],async()=>T?null:await e({page_size:R,tags:j}),{enabled:!T&&A}),q=g(()=>T?G:oe(K?.data?.videos),[K?.data?.videos,G,T]);h(()=>{if(!F){W(!1);return}B(e=>{if(!q.length)return e;if(!e.length)return q;let t=[...q],n=new Set(q.map(e=>e.id).filter(Boolean));return e.forEach(e=>{(!e.id||!n.has(e.id))&&(t.push(e),e.id&&n.add(e.id))}),t});let e=ce(K?.data?.videos,R);H(t=>t||e),W(!1)},[K?.data?.videos,q,R,H,B,F]);let J=F?be:q,Y=g(()=>P?Array.from(new Set(M.map(e=>x(e.contentId)).filter(Boolean))):[],[M,P]),{data:xe}=i([`video-detail-recommend-manual-details`,Y.join(`,`)],async()=>{if(!Y.length)return[];let e=await t({ids:Y});return(Array.isArray(e.data?.videos)?e.data.videos:[]).map(e=>se(e))},{enabled:Y.length>0}),Se=g(()=>P?new Set(M.map(e=>x(e.contentId)).filter(Boolean)):new Set,[M,P]),Ce=g(()=>T?J:J.filter(e=>!Se.has(e.id)),[J,T,Se]),X=g(()=>{if(!P||!M.length)return[];let e=new Map;return J.forEach(t=>{let n=x(t.id);n&&e.set(n,t)}),(xe||[]).forEach(t=>{let n=x(t.id);n&&e.set(n,t)}),M.map((t,n)=>{let r=T?G[n%Math.max(1,G.length)]:fe(t,n),i=x(t.contentId),a=typeof t.coverUrl==`string`?t.coverUrl.trim():``,o=e.get(i)??{...r,id:i||r.id||`preview-manual-${n+1}`,name:r.name||`猜你喜欢 ${n+1}`,img_y:a||r.img_y,img_x:a||r.img_x},s=t.titleMode===`custom`?t.title:D(o),c=t.coverMode===`content`?E(o)||a:a||E(o);return{info:{...o,name:s||o.name,img_y:c||o.img_y,img_x:c||o.img_x},config:{showPlayCount:t.showPlayCount,playCountDelta:t.playCountDelta,showEpisode:t.showEpisode}}}).filter(Boolean)},[G,J,D,E,T,xe,M,P]),Z=g(()=>Ce.map(e=>({info:e})),[Ce]),we=P&&M.length>0,Te=g(()=>we?X:f(X,Z,L),[we,X,L,Z]),Q=g(()=>{if(F){if(!X.length)return Z;let e=new Set(X.map(e=>e.info.id).filter(Boolean));return X.concat(Z.filter(t=>!e.has(t.info.id)))}if(N){if(!X.length)return Z;let e=new Set(X.map(e=>e.info.id).filter(Boolean));return X.concat(Z.filter(t=>!e.has(t.info.id)))}return Te},[Te,X,Z,N,F]),Ee=V&&Q.length>0?Math.max(0,Q.length-4):-1,De=String(pe||``).trim(),$=te(async()=>{if(!(!F||!V||U)){W(!0);try{let t=await e({page_size:R,tags:j}),n=Array.isArray(t.data?.videos)?t.data.videos:[],r=oe(n),i=0;B(e=>{let t=new Set(e.map(e=>e.id).filter(Boolean)),n=[...e];return r.forEach(e=>{(!e.id||!t.has(e.id))&&(n.push(e),e.id&&t.add(e.id))}),i=n.length-e.length,n}),H(ce(n,R)&&i>0)}catch(e){console.error(`猜你喜欢分页加载失败`,e),H(!1)}finally{W(!1)}}},[V,U,R,j,H,B,F]);return h(()=>{if(!F)return;let e=O.current;if(!e||!V)return;let t=new IntersectionObserver(e=>{e[0]?.isIntersecting&&!U&&$()});return t.observe(e),()=>{t.disconnect()}},[$,V,U,F,Ee]),Q.length?ie(n,{className:`w-full mt-[16px] ${T?`pointer-events-none`:``}`,children:[De?_(r,{className:`block pl-[12px] mb-[8px] text-text1 text-[18px] leading-[26px] font-bold`,children:De}):null,_(n,{className:`w-full flex flex-wrap px-[12px]`,children:Q.map((e,t)=>{let n=D(e.info),i=me!==!1&&(e.config?.showPlayCount??!0),a=Number(e.config?.playCountDelta??he??0),c=e.config?.showEpisode??ge,l=ue(ee(e.info.play_count||0,a)),u=le(e.info),d=Number.isFinite(I)&&I>0?I:3,f=`${100/d}%`,p=t%d,m=d>1?{paddingLeft:8*p/d,paddingRight:8*(d-p-1)/d}:null;return _(`div`,{ref:t===Ee?O:void 0,style:{width:f,...m||{}},children:_(s,{url:E(e.info),text:n,textChild:_(r,{as:`h3`,className:`text-text1 text-[16px] h-[24px] leading-[24px] my-[4px] line-clamp-1`,children:n}),style:{width:`100%`},bottomLeftChild:i?ie(`div`,{className:`h-[20px] leading-[20px] text-[#fff] text-[12px] px-[4px] rounded-[4px] bg-[#333] ml-[4px] flex items-center`,children:[_(o,{className:`w-[16px] h-[auto] text-[#fff] mr-[4px]`}),l]}):null,bottomRightChild:c&&u?_(`div`,{className:`text-[#fff] text-[12px] leading-[20px] pr-2`,children:u}):null,linkPath:T?``:de(e.info)})},`guess-like-${t}`)})})]}):null}function ae(e){let t=e.is_more_link?`y`:`n`;return{id:e.video_id||``,mid:``,name:e.name||``,cat_id:``,cat_name:``,status:`1`,status_text:``,create_time:``,content_type:e.content_type,episode_cnt:e.episode_count||0,show_at:e.show_at??``,position:``,img_type:e.img_type??``,img_x:e.img_x??``,img_y:e.img_y??``,img_width:``,img_height:``,play_count:e.play_count,preview_images:[],duration:String(e.duration??``),score:String(e.score??``),is_more_link:t,update_status:String(e.update_status??``),description:e.description??``,language:``,director:``,actor:``,area:``,issue_date:``,publisher:``,series:``,number:``,tags:[],source_tags:e.source_tags??``,source_actor:[],links:Array.isArray(e.episodes)?e.episodes.map(e=>({id:e.id??``,name:e.name??``,preview_m3u8_url:e.preview_m3u8_url??``,m3u8_url:e.m3u8_url??``})):[],money:``,up_user:``,source_username:``,task_id:``,file_status:``}}function oe(e){return Array.isArray(e)?e.map(e=>ae(e)):[]}function se(e){let t=String(e?.id||e?.mid||e?.video_id||``),n=e?.is_more_link===`y`?`y`:`n`,r=Array.isArray(e?.links)?e.links.map(e=>({id:String(e?.id||``),name:String(e?.name||``),preview_m3u8_url:String(e?.preview_m3u8_url||``),m3u8_url:String(e?.m3u8_url||``)})):[],i=Array.isArray(e?.video_episodes)?e.video_episodes.length:0,a=Number(e?.episode_cnt||i||r.length||0);return{id:t,mid:String(e?.mid||t),name:String(e?.name||``),cat_id:String(e?.cat_id||``),cat_name:String(e?.cat_name||``),status:String(e?.status||`1`),status_text:String(e?.status_text||``),create_time:String(e?.create_time||``),content_type:e?.content_type,episode_cnt:Number.isFinite(a)?a:0,show_at:String(e?.show_at||``),position:String(e?.position||``),img_type:String(e?.img_type||``),img_x:String(e?.img_x||``),img_y:String(e?.img_y||``),img_width:String(e?.img_width||``),img_height:String(e?.img_height||``),play_count:Number(e?.play_count??e?.browse_count??0),preview_images:Array.isArray(e?.preview_images)?e.preview_images:[],duration:String(e?.duration||``),score:String(e?.score||``),is_more_link:n,update_status:String(e?.update_status||``),description:String(e?.description||``),language:String(e?.language||``),director:String(e?.director||``),actor:String(e?.actor||``),area:String(e?.area||``),issue_date:String(e?.issue_date||``),publisher:String(e?.publisher||``),series:String(e?.series||``),number:String(e?.number||``),tags:Array.isArray(e?.tags)?e.tags:[],source_tags:String(e?.source_tags||``),source_actor:Array.isArray(e?.source_actor)?e.source_actor:[],links:r,money:String(e?.money||``),up_user:String(e?.up_user||``),source_username:String(e?.source_username||``),task_id:String(e?.task_id||``),file_status:String(e?.file_status||``)}}function ce(e,t){if(!Array.isArray(e)||e.length===0)return!1;let n=e[0];if(typeof n?.has_more==`boolean`)return n.has_more;let r=Number(n?.total??0);return Number.isFinite(r)&&r>0?r>t:e.length>=t}function le(e){if(y(e)){let t=Number(e.episode_cnt||e.links?.length||0);return t>0?`全${t}集`:``}return b(Number(e.duration||0))}function y(e){return e.is_more_link===`y`}function b(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 ue(e){let t=Number(e||`0`);return Number.isNaN(t)||t<=0?`0`:t>=1e4?`${(t/1e4).toFixed(1)}w`:t>=1e3?`${(t/1e3).toFixed(1)}k`:String(t)}function de(e){let t=encodeURIComponent(e.name||``);return`/video/${e.id}/${t}/episode/1`}function x(e){return typeof e==`string`?e.trim():``}function fe(e,t){let n=x(e.contentId)||`manual-${t+1}`,r=typeof e.coverUrl==`string`?e.coverUrl.trim():``,i=typeof e.title==`string`?e.title.trim():``,a=typeof e.description==`string`?e.description.trim():``;return{id:n,mid:n,name:i||`猜你喜欢 ${t+1}`,cat_id:``,cat_name:``,status:`1`,status_text:``,create_time:``,content_type:1,episode_cnt:0,show_at:``,position:``,img_type:``,img_x:r,img_y:r,img_width:``,img_height:``,play_count:0,preview_images:[],duration:``,score:``,is_more_link:`n`,update_status:``,description:a,language:``,director:``,actor:``,area:``,issue_date:``,publisher:``,series:``,number:``,tags:[],source_tags:``,source_actor:[],links:[],money:``,up_user:``,source_username:``,task_id:``,file_status:``}}export{v as VideoDetailRecommendClient};

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

@@ -1,19 +1,2 @@
 
-import { VideoDetailRecommendClient } from "./client.mjs";
-import { videoDetailRecommendInspectorPropsSchema } from "./schema.mjs";
-import { VideoDetailRecommend } from "./server.mjs";
-import { defineMaterial } from "create-funhub/sdk";
-
-//#region components/biz/business/detail/video-detail-recommend/material.ts
-const videoDetailRecommendMaterial = defineMaterial({
-	type: "video-detail-recommend",
-	name: "详情页-推荐模块",
-	icon: "/static/components-thumb/video_guess_you_like.png",
-	category: "详情页",
-	serverComponent: VideoDetailRecommend,
-	clientComponent: VideoDetailRecommendClient,
-	propsSchema: videoDetailRecommendInspectorPropsSchema
-});
-
-//#endregion
-export { videoDetailRecommendMaterial };
+import{VideoDetailRecommendClient as e}from"./client.mjs";import{videoDetailRecommendInspectorPropsSchema as t}from"./schema.mjs";import{VideoDetailRecommend as n}from"./server.mjs";import{defineMaterial as r}from"create-funhub/sdk";const i=r({type:`video-detail-recommend`,name:`详情页-推荐模块`,icon:`/static/components-thumb/video_guess_you_like.png`,category:`详情页`,serverComponent:n,clientComponent:e,propsSchema:t});export{i as videoDetailRecommendMaterial};

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

@@ -1,59 +1,2 @@
 
-import z$1 from "zod";
-import { defineComponentPropsSchema, defineNumberPropSchema, defineSwitchPropSchema, defineTextPropSchema, getSchemaDefaultProps } from "create-funhub/sdk";
-
-//#region components/biz/business/detail/video-detail-recommend/schema.ts
-const videoDetailRecommendInspectorPropsSchema = defineComponentPropsSchema({
-	rows: defineNumberPropSchema({
-		label: "行数",
-		defaultValue: 1
-	}),
-	columns: defineNumberPropSchema({
-		label: "列数",
-		defaultValue: 2
-	}),
-	smartTagEnabled: defineSwitchPropSchema({
-		label: "智能铺设",
-		defaultValue: false
-	}),
-	title: defineTextPropSchema({
-		label: "推荐位名称",
-		defaultValue: "猜你喜欢"
-	}),
-	showPlayCount: defineSwitchPropSchema({
-		label: "显示播放量",
-		defaultValue: true
-	}),
-	playCountDelta: defineNumberPropSchema({
-		label: "播放量浮动",
-		defaultValue: 0
-	}),
-	showEpisode: defineSwitchPropSchema({
-		label: "显示集数",
-		defaultValue: true
-	}),
-	enableInfinite: defineSwitchPropSchema({
-		label: "无限下拉",
-		defaultValue: false
-	}),
-	smartTagIds: z$1.array(z$1.string()).optional(),
-	items: z$1.array(z$1.object({
-		contentId: z$1.string(),
-		coverMode: z$1.enum(["upload", "content"]).optional(),
-		coverUrl: z$1.string().optional(),
-		titleMode: z$1.enum(["custom", "content"]).optional(),
-		title: z$1.string().optional(),
-		description: z$1.string().optional(),
-		showPlayCount: z$1.boolean().optional(),
-		playCountDelta: z$1.number().optional(),
-		showEpisode: z$1.boolean().optional()
-	})).optional()
-});
-const videoDetailRecommendInspectorDefaultProps = {
-	...getSchemaDefaultProps(videoDetailRecommendInspectorPropsSchema),
-	smartTagIds: [],
-	items: []
-};
-
-//#endregion
-export { videoDetailRecommendInspectorPropsSchema };
+import e from"zod";import{defineComponentPropsSchema as t,defineNumberPropSchema as n,defineSwitchPropSchema as r,defineTextPropSchema as i,getSchemaDefaultProps as a}from"create-funhub/sdk";const o=t({rows:n({label:`行数`,defaultValue:1}),columns:n({label:`列数`,defaultValue:2}),smartTagEnabled:r({label:`智能铺设`,defaultValue:!1}),title:i({label:`推荐位名称`,defaultValue:`猜你喜欢`}),showPlayCount:r({label:`显示播放量`,defaultValue:!0}),playCountDelta:n({label:`播放量浮动`,defaultValue:0}),showEpisode:r({label:`显示集数`,defaultValue:!0}),enableInfinite:r({label:`无限下拉`,defaultValue:!1}),smartTagIds:e.array(e.string()).optional(),items:e.array(e.object({contentId:e.string(),coverMode:e.enum([`upload`,`content`]).optional(),coverUrl:e.string().optional(),titleMode:e.enum([`custom`,`content`]).optional(),title:e.string().optional(),description:e.string().optional(),showPlayCount:e.boolean().optional(),playCountDelta:e.number().optional(),showEpisode:e.boolean().optional()})).optional()});({...a(o)});export{o as videoDetailRecommendInspectorPropsSchema};

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

@@ -1,19 +1,2 @@
 
-import { normalizeRecommendRuntimeProps } from "./utils.mjs";
-import { VideoDetailRecommendClient } from "./client.mjs";
-import { jsx } from "react/jsx-runtime";
-
-//#region components/biz/business/detail/video-detail-recommend/server.tsx
-/**
-* 推荐模块服务端组件。
-*/
-function VideoDetailRecommend(props) {
-	const { mode = "renderer", ...rest } = props;
-	return /* @__PURE__ */ jsx(VideoDetailRecommendClient, {
-		...normalizeRecommendRuntimeProps(rest),
-		mode
-	});
-}
-
-//#endregion
-export { VideoDetailRecommend };
+import{normalizeRecommendRuntimeProps as e}from"./utils.mjs";import{VideoDetailRecommendClient as t}from"./client.mjs";import{jsx as n}from"react/jsx-runtime";function r(r){let{mode:i=`renderer`,...a}=r;return n(t,{...e(a),mode:i})}export{r as VideoDetailRecommend};