@funhub/platform 0.1.60 → 0.1.62

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

@@ -1,2 +1,12 @@
 
-import{defineComponentPropsSchema as e,getSchemaDefaultProps as t}from"../../../../../utils/schema/schema.mjs";const n=e({});t(n);export{n as videoDetailInfoTitleInspectorPropsSchema};
+import { defineComponentPropsSchema, getSchemaDefaultProps } from "../../../../../utils/schema/schema.mjs";
+
+//#region components/biz/business/detail/video-detail-info-title/schema.ts
+/**
+* 媒体信息物料暂不对外开放配置。
+*/
+const videoDetailInfoTitleInspectorPropsSchema = defineComponentPropsSchema({});
+const videoDetailInfoTitleInspectorDefaultProps = getSchemaDefaultProps(videoDetailInfoTitleInspectorPropsSchema);
+
+//#endregion
+export { videoDetailInfoTitleInspectorPropsSchema };

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

@@ -1,2 +1,18 @@
 
-import{VideoDetailInfoTitleClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";function n(n){let{mode:r=`renderer`,...i}=n;return t(e,{...i,mode:r})}export{n as VideoDetailInfoTitle};
+import { VideoDetailInfoTitleClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/video-detail-info-title/server.tsx
+/**
+* 媒体信息物料服务端组件。
+*/
+function VideoDetailInfoTitle(props) {
+	const { mode = "renderer", ...rest } = props;
+	return /* @__PURE__ */ jsx(VideoDetailInfoTitleClient, {
+		...rest,
+		mode
+	});
+}
+
+//#endregion
+export { VideoDetailInfoTitle };

package/dist/components/biz/business/detail/video-detail-info-title-tags-episodes/client.mjs

@@ -1,2 +1,50 @@
 
-"use client";import{Box as e}from"../../../../ui/box.mjs";import{useCardDecoration as t}from"../../../../../hooks/use-card-decoration.mjs";import{SeriesEpisodes as n}from"../../../../common/series-episodes/index.mjs";import{DetailInfoTags as r}from"../shared/detail-info-tags.mjs";import{DetailInfoTitle as i}from"../shared/detail-info-title.mjs";import{editorPreviewInformation as a}from"../shared/editor-preview.mjs";import{useVideoDetailMaterialRuntimeContext as o}from"../shared/runtime-context-provider.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l({showTags:l=!0,showEpisodes:u=!0,mode:d=`renderer`}){let f=o(),p=f?.information,m=f?.currentSeriesNum??1,h=f?.onEpisodeChange,g=d===`editor`||!p,_=g?a:p,v=Math.max(1,Number(m||1)),y=g?e=>{}:h??(()=>{}),{getTitleText:b}=t(),x=b(_),S=_?.is_more_link===`y`&&(_?.links?.length??0)>0,C=l&&(_.tags?.length??0)>0,w=u&&S;return!x&&!C&&!w?null:c(e,{className:`w-full mt-[16px] ${g?`pointer-events-none`:``}`,children:[c(e,{className:`px-[12px]`,children:[x&&s(i,{title:x}),C&&s(r,{tags:_.tags||[],className:`mt-[12px]`})]}),w&&s(n,{mode:`detail`,series_num:v,information:_,onEpisodeChange:y})]})}export{l as VideoDetailInfoTitleTagsEpisodesClient};
+'use client';
+
+import { Box } from "../../../../ui/box.mjs";
+import { useCardDecoration } from "../../../../../hooks/use-card-decoration.mjs";
+import { SeriesEpisodes } from "../../../../common/series-episodes/index.mjs";
+import { DetailInfoTags } from "../shared/detail-info-tags.mjs";
+import { DetailInfoTitle } from "../shared/detail-info-title.mjs";
+import { editorPreviewInformation } from "../shared/editor-preview.mjs";
+import { useVideoDetailMaterialRuntimeContext } from "../shared/runtime-context-provider.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/video-detail-info-title-tags-episodes/client.tsx
+/**
+* 媒体信息-选集物料客户端组件。
+*/
+function VideoDetailInfoTitleTagsEpisodesClient({ showTags = true, showEpisodes = true, mode = "renderer" }) {
+	const runtimeContext = useVideoDetailMaterialRuntimeContext();
+	const information = runtimeContext?.information;
+	const currentSeriesNum = runtimeContext?.currentSeriesNum ?? 1;
+	const onEpisodeChange = runtimeContext?.onEpisodeChange;
+	const shouldUsePreview = mode === "editor" || !information;
+	const resolvedInformation = shouldUsePreview ? editorPreviewInformation : information;
+	const resolvedSeriesNum = Math.max(1, Number(currentSeriesNum || 1));
+	const handleEpisodeChange = shouldUsePreview ? (_nextSeriesNum) => {} : onEpisodeChange ?? (() => {});
+	const { getTitleText } = useCardDecoration();
+	const titleText = getTitleText(resolvedInformation);
+	const isShowSeries = resolvedInformation?.is_more_link === "y" && (resolvedInformation?.links?.length ?? 0) > 0;
+	const shouldShowTags = showTags && (resolvedInformation.tags?.length ?? 0) > 0;
+	const shouldShowSeries = showEpisodes && isShowSeries;
+	if (!titleText && !shouldShowTags && !shouldShowSeries) return null;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: `w-full mt-[16px] ${shouldUsePreview ? "pointer-events-none" : ""}`,
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "px-[12px]",
+			children: [titleText && /* @__PURE__ */ jsx(DetailInfoTitle, { title: titleText }), shouldShowTags && /* @__PURE__ */ jsx(DetailInfoTags, {
+				tags: resolvedInformation.tags || [],
+				className: "mt-[12px]"
+			})]
+		}), shouldShowSeries && /* @__PURE__ */ jsx(SeriesEpisodes, {
+			mode: "detail",
+			series_num: resolvedSeriesNum,
+			information: resolvedInformation,
+			onEpisodeChange: handleEpisodeChange
+		})]
+	});
+}
+
+//#endregion
+export { VideoDetailInfoTitleTagsEpisodesClient };

package/dist/components/biz/business/detail/video-detail-info-title-tags-episodes/material.mjs

@@ -1,2 +1,19 @@
 
-import{defineMaterial as e}from"../../../../../utils/schema/material.mjs";import{VideoDetailInfoTitleTagsEpisodesClient as t}from"./client.mjs";import{videoDetailInfoTitleTagsEpisodesInspectorPropsSchema as n}from"./schema.mjs";import{VideoDetailInfoTitleTagsEpisodes as r}from"./server.mjs";const i=e({type:`video-detail-info-title-tags-episodes`,name:`专辑信息样式3`,icon:`/static/components-thumb/media_info_episode_list.png`,category:`内容组件`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as videoDetailInfoTitleTagsEpisodesMaterial};
+import { defineMaterial } from "../../../../../utils/schema/material.mjs";
+import { VideoDetailInfoTitleTagsEpisodesClient } from "./client.mjs";
+import { videoDetailInfoTitleTagsEpisodesInspectorPropsSchema } from "./schema.mjs";
+import { VideoDetailInfoTitleTagsEpisodes } from "./server.mjs";
+
+//#region components/biz/business/detail/video-detail-info-title-tags-episodes/material.ts
+const videoDetailInfoTitleTagsEpisodesMaterial = defineMaterial({
+	type: "video-detail-info-title-tags-episodes",
+	name: "专辑信息样式3",
+	icon: "/static/components-thumb/media_info_episode_list.png",
+	category: "内容组件",
+	serverComponent: VideoDetailInfoTitleTagsEpisodes,
+	clientComponent: VideoDetailInfoTitleTagsEpisodesClient,
+	propsSchema: videoDetailInfoTitleTagsEpisodesInspectorPropsSchema
+});
+
+//#endregion
+export { videoDetailInfoTitleTagsEpisodesMaterial };

package/dist/components/biz/business/detail/video-detail-info-title-tags-episodes/schema.mjs

@@ -1,2 +1,21 @@
 
-import{defineComponentPropsSchema as e,defineSwitchPropSchema as t,getSchemaDefaultProps as n}from"../../../../../utils/schema/schema.mjs";const r=e({showTags:t({label:`显示标签`,defaultValue:!0}),showEpisodes:t({label:`显示选集`,defaultValue:!0})});n(r);export{r as videoDetailInfoTitleTagsEpisodesInspectorPropsSchema};
+import { defineComponentPropsSchema, defineSwitchPropSchema, getSchemaDefaultProps } from "../../../../../utils/schema/schema.mjs";
+
+//#region components/biz/business/detail/video-detail-info-title-tags-episodes/schema.ts
+/**
+* 媒体信息-选集物料暂不对外开放配置。
+*/
+const videoDetailInfoTitleTagsEpisodesInspectorPropsSchema = defineComponentPropsSchema({
+	showTags: defineSwitchPropSchema({
+		label: "显示标签",
+		defaultValue: true
+	}),
+	showEpisodes: defineSwitchPropSchema({
+		label: "显示选集",
+		defaultValue: true
+	})
+});
+const videoDetailInfoTitleTagsEpisodesInspectorDefaultProps = getSchemaDefaultProps(videoDetailInfoTitleTagsEpisodesInspectorPropsSchema);
+
+//#endregion
+export { videoDetailInfoTitleTagsEpisodesInspectorPropsSchema };

package/dist/components/biz/business/detail/video-detail-info-title-tags-episodes/server.mjs

@@ -1,2 +1,18 @@
 
-import{VideoDetailInfoTitleTagsEpisodesClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";function n(n){let{mode:r=`renderer`,...i}=n;return t(e,{...i,mode:r})}export{n as VideoDetailInfoTitleTagsEpisodes};
+import { VideoDetailInfoTitleTagsEpisodesClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/video-detail-info-title-tags-episodes/server.tsx
+/**
+* 媒体信息-选集物料服务端组件。
+*/
+function VideoDetailInfoTitleTagsEpisodes(props) {
+	const { mode = "renderer", ...rest } = props;
+	return /* @__PURE__ */ jsx(VideoDetailInfoTitleTagsEpisodesClient, {
+		...rest,
+		mode
+	});
+}
+
+//#endregion
+export { VideoDetailInfoTitleTagsEpisodes };

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

@@ -1,2 +1,37 @@
 
-"use client";import{editorPreviewInformation as e}from"../shared/editor-preview.mjs";import{useVideoDetailMaterialRuntimeContext as t}from"../shared/runtime-context-provider.mjs";import{DetailHero as n}from"../shared/video-hero.mjs";import{jsx as r}from"react/jsx-runtime";function i({mode:i=`renderer`}){let a=t(),o=a?.information,s=a?.episodeIndex??0,c=a?.resumeProgressSeconds??0,l=i===`editor`||!o,u=l?{...e,id:``,mid:``}:o;return r(`div`,{className:l?`pointer-events-none`:void 0,children:r(n,{mode:i,isVideo:!0,information:u,episodeIndex:l?0:s,resumeProgressSeconds:l?0:c})})}export{i as VideoDetailPlayerClient};
+'use client';
+
+import { editorPreviewInformation } from "../shared/editor-preview.mjs";
+import { useVideoDetailMaterialRuntimeContext } from "../shared/runtime-context-provider.mjs";
+import { DetailHero } from "../shared/video-hero.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/video-detail-player/client.tsx
+/**
+* 视频播放器物料客户端组件。
+*/
+function VideoDetailPlayerClient({ mode = "renderer" }) {
+	const runtimeContext = useVideoDetailMaterialRuntimeContext();
+	const information = runtimeContext?.information;
+	const episodeIndex = runtimeContext?.episodeIndex ?? 0;
+	const resumeProgressSeconds = runtimeContext?.resumeProgressSeconds ?? 0;
+	const shouldUsePreview = mode === "editor" || !information;
+	const resolvedInformation = shouldUsePreview ? {
+		...editorPreviewInformation,
+		id: "",
+		mid: ""
+	} : information;
+	return /* @__PURE__ */ jsx("div", {
+		className: shouldUsePreview ? "pointer-events-none" : void 0,
+		children: /* @__PURE__ */ jsx(DetailHero, {
+			mode,
+			isVideo: true,
+			information: resolvedInformation,
+			episodeIndex: shouldUsePreview ? 0 : episodeIndex,
+			resumeProgressSeconds: shouldUsePreview ? 0 : resumeProgressSeconds
+		})
+	});
+}
+
+//#endregion
+export { VideoDetailPlayerClient };

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

@@ -1,2 +1,19 @@
 
-import{defineMaterial as e}from"../../../../../utils/schema/material.mjs";import{VideoDetailPlayerClient as t}from"./client.mjs";import{videoDetailPlayerInspectorPropsSchema as n}from"./schema.mjs";import{VideoDetailPlayer as r}from"./server.mjs";const i=e({type:`video-detail-player`,name:`视频播放器`,icon:`/static/components-thumb/video_player.png`,category:`视频模块`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as videoDetailPlayerMaterial};
+import { defineMaterial } from "../../../../../utils/schema/material.mjs";
+import { VideoDetailPlayerClient } from "./client.mjs";
+import { videoDetailPlayerInspectorPropsSchema } from "./schema.mjs";
+import { VideoDetailPlayer } from "./server.mjs";
+
+//#region components/biz/business/detail/video-detail-player/material.ts
+const videoDetailPlayerMaterial = defineMaterial({
+	type: "video-detail-player",
+	name: "视频播放器",
+	icon: "/static/components-thumb/video_player.png",
+	category: "视频模块",
+	serverComponent: VideoDetailPlayer,
+	clientComponent: VideoDetailPlayerClient,
+	propsSchema: videoDetailPlayerInspectorPropsSchema
+});
+
+//#endregion
+export { videoDetailPlayerMaterial };

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

@@ -1,2 +1,12 @@
 
-import{defineComponentPropsSchema as e,getSchemaDefaultProps as t}from"../../../../../utils/schema/schema.mjs";const n=e({});t(n);export{n as videoDetailPlayerInspectorPropsSchema};
+import { defineComponentPropsSchema, getSchemaDefaultProps } from "../../../../../utils/schema/schema.mjs";
+
+//#region components/biz/business/detail/video-detail-player/schema.ts
+/**
+* 播放器物料暂不对外开放配置。
+*/
+const videoDetailPlayerInspectorPropsSchema = defineComponentPropsSchema({});
+const videoDetailPlayerInspectorDefaultProps = getSchemaDefaultProps(videoDetailPlayerInspectorPropsSchema);
+
+//#endregion
+export { videoDetailPlayerInspectorPropsSchema };

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

@@ -1,2 +1,18 @@
 
-import{VideoDetailPlayerClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";function n(n){let{mode:r=`renderer`,...i}=n;return t(e,{...i,mode:r})}export{n as VideoDetailPlayer};
+import { VideoDetailPlayerClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/video-detail-player/server.tsx
+/**
+* 视频播放器物料服务端组件。
+*/
+function VideoDetailPlayer(props) {
+	const { mode = "renderer", ...rest } = props;
+	return /* @__PURE__ */ jsx(VideoDetailPlayerClient, {
+		...rest,
+		mode
+	});
+}
+
+//#endregion
+export { VideoDetailPlayer };

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

@@ -1,2 +1,270 @@
 
-"use client";import{gContentGetGuessYouLikeVideos as e}from"../../../../../service/generated/client.mjs";import{Box as t}from"../../../../ui/box.mjs";import{Text as n}from"../../../../ui/text.mjs";import{useRequest as r}from"../../../../../hooks/query/use-query.mjs";import i from"../../../../../assets/icons/detail/video_flag.mjs";import{MiniThreeCard as a}from"../../../../common/cards/mini-three-card.mjs";import{useCardDecoration as o}from"../../../../../hooks/use-card-decoration.mjs";import{buildEditorPreviewRecommendList as s}from"../shared/editor-preview.mjs";import{useVideoDetailMaterialRuntimeContext as c}from"../shared/runtime-context-provider.mjs";import{buildEpisodeLabel as l,clampColumns as u,mergeManualAndPool as d,mockPagedList as f,resolveRows as p}from"./utils.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";function b({rows:b,columns:te,smartTagEnabled:C,smartTagIds:w,title:ne,showPlayCount:re,playCountDelta:ie,showEpisode:T,enableInfinite:E,items:D,mode:O=`renderer`}){let k=c()?.detailId||``,A=O===`editor`,j=A||!k,{getVerticalHoCoverImageUrl:M,getTitleText:N}=o(),[P,F]=_(1),I=g(null),L=h(()=>w??[],[w]),R=h(()=>D??[],[D]),z=!!E&&!A,B=p(b,z),V=u(te),H=B*V,U=h(()=>s(H),[H]),{data:W}=r([`video-detail-recommend`,k],async()=>!k||j?null:await e(),{enabled:!j&&!!k}),G=h(()=>{if(j)return U;let e=W?.data?.videos;return Array.isArray(e)?e.map(e=>x(e)).filter(e=>!k||!e.id||e.id!==k):[]},[W?.data?.videos,k,U,j]),K=h(()=>C?new Set:new Set(R.map(e=>e.contentId)),[R,C]),q=h(()=>{if(j)return G;let e=G.filter(e=>!K.has(e.id));if(!C||L.length===0)return e;let t=new Set(L.map(String));return e.filter(e=>(Array.isArray(e.source_tags)?e.source_tags:String(e.source_tags||``).split(`,`).filter(Boolean)).some(e=>t.has(String(e?.id??e))))},[j,K,G,C,L]),J=h(()=>{if(C||!R.length)return[];let e=new Map(q.map(e=>[e.id,e]));return R.map((t,n)=>{let r=U[n%Math.max(1,U.length)],i=e.get(t.contentId)??(j?{...r,id:t.contentId||r.id||`preview-manual-${n+1}`,name:r.name||`猜你喜欢 ${n+1}`}:null);if(!i)return null;let a=t.titleMode===`custom`?t.title:N(i),o=t.coverMode===`upload`?t.coverUrl:M(i);return{info:{...i,name:a||i.name,img_y:o||i.img_y,img_x:o||i.img_x},config:{showPlayCount:t.showPlayCount,playCountDelta:t.playCountDelta,showEpisode:t.showEpisode}}}).filter(Boolean)},[U,q,N,M,j,R,C]),Y=h(()=>q.map(e=>({info:e})),[q]),X=h(()=>d(J,Y,H),[J,H,Y]),Z=h(()=>{if(!z)return X;let e=f(Y,P,H,5);return P===1?X:X.concat(e)},[X,P,H,Y,z]),Q=z&&P<5&&Y.length>0,$=String(ne||``).trim();return m(()=>{z&&F(1)},[k,z]),m(()=>{if(!z)return;let e=I.current;if(!e||!Q)return;let t=new IntersectionObserver(e=>{e[0]?.isIntersecting&&F(e=>Math.min(e+1,5))});return t.observe(e),()=>{t.disconnect()}},[Q,z]),Z.length?y(t,{className:`w-full mt-[16px] ${j?`pointer-events-none`:``}`,children:[$?v(n,{className:`block pl-[12px] mb-[8px] text-text1 text-[18px] leading-[26px] font-bold`,children:$}):null,v(t,{className:`w-full flex flex-wrap px-[12px]`,children:Z.map((e,t)=>{let r=N(e.info),o=re!==!1&&(e.config?.showPlayCount??!0),s=e.config?.showEpisode??T,c=S(e.info.play_count||0),u=l(Number(e.info.update_status)===1?`done`:`updating`,e.info.episode_cnt||e.info.links?.length,e.info.episode_cnt||e.info.links?.length),d=Number.isFinite(V)&&V>0?V:3,f=`${100/d}%`,p=t%d,m=d>1?{paddingLeft:8*p/d,paddingRight:8*(d-p-1)/d}:null;return v(a,{url:M(e.info),text:r,textChild:v(n,{as:`h3`,className:`text-text1 text-[16px] h-[24px] leading-[24px] mt-[4px] line-clamp-1`,children:r}),style:{width:f,...m||{}},bottomLeftChild:o?y(`div`,{className:`h-[20px] leading-[20px] text-[#fff] text-[12px] px-[4px] rounded-[4px] bg-[#333] ml-[4px] flex items-center`,children:[v(i,{className:`w-[16px] h-[auto] text-[#fff] mr-[4px]`}),c]}):null,bottomRightChild:s&&u?v(`div`,{className:`text-[#fff] text-[12px] leading-[20px] pr-2`,children:u}):null,linkPath:j?``:ee(e.info)},`guess-like-${t}`)})}),z&&v(`div`,{ref:I,className:`h-[1px] w-full`})]}):null}function x(e){return{id:e.video_id||``,mid:``,name:e.name||``,cat_id:``,cat_name:``,status:`1`,status_text:``,create_time:``,content_type:0,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:e.is_more_link?`y`:`n`,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 S(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 ee(e){if(e.content_type===0){let t=encodeURIComponent(e.name||``);return`/video/${e.id}/${t}/episode/1`}return`/post/${e.id}`}export{b as VideoDetailRecommendClient};
+'use client';
+
+import { gContentGetGuessYouLikeVideos } 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 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 { buildEpisodeLabel, clampColumns, mergeManualAndPool, mockPagedList, resolveRows } from "./utils.mjs";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/video-detail-recommend/client.tsx
+const MAX_MOCK_PAGES = 5;
+const CARD_HORIZONTAL_GAP = 8;
+/**
+* 推荐模块客户端组件。
+*/
+function VideoDetailRecommendClient({ rows, columns, smartTagEnabled, smartTagIds, title, showPlayCount, playCountDelta: _playCountDelta, showEpisode, enableInfinite, items, mode = "renderer" }) {
+	const detailId = useVideoDetailMaterialRuntimeContext()?.detailId || "";
+	const isEditor = mode === "editor";
+	const isPreview = isEditor || !detailId;
+	const { getVerticalHoCoverImageUrl, getTitleText } = useCardDecoration();
+	const [page, setPage] = useState(1);
+	const sentinelRef = useRef(null);
+	const resolvedSmartTagIds = useMemo(() => smartTagIds ?? [], [smartTagIds]);
+	const resolvedItems = useMemo(() => items ?? [], [items]);
+	const resolvedEnableInfinite = Boolean(enableInfinite) && !isEditor;
+	const resolvedRows = resolveRows(rows, resolvedEnableInfinite);
+	const resolvedColumns = clampColumns(columns);
+	const pageSize = resolvedRows * resolvedColumns;
+	const editorPreviewPool = useMemo(() => buildEditorPreviewRecommendList(pageSize), [pageSize]);
+	const { data } = useRequest(["video-detail-recommend", detailId], async () => {
+		if (!detailId || isPreview) return null;
+		return await gContentGetGuessYouLikeVideos();
+	}, { enabled: !isPreview && Boolean(detailId) });
+	const normalizedPool = useMemo(() => {
+		if (isPreview) return editorPreviewPool;
+		const list = data?.data?.videos;
+		if (!Array.isArray(list)) return [];
+		return list.map((item) => normalizeGuessYouLikeVideo(item)).filter((item) => !detailId || !item.id || item.id !== detailId);
+	}, [
+		data?.data?.videos,
+		detailId,
+		editorPreviewPool,
+		isPreview
+	]);
+	const manualIdSet = useMemo(() => {
+		if (smartTagEnabled) return /* @__PURE__ */ new Set();
+		return new Set(resolvedItems.map((item) => item.contentId));
+	}, [resolvedItems, smartTagEnabled]);
+	const filteredPool = useMemo(() => {
+		if (isPreview) return normalizedPool;
+		const basePool = normalizedPool.filter((item) => !manualIdSet.has(item.id));
+		if (!smartTagEnabled || resolvedSmartTagIds.length === 0) return basePool;
+		const tagSet = new Set(resolvedSmartTagIds.map(String));
+		return basePool.filter((item) => {
+			return (Array.isArray(item.source_tags) ? item.source_tags : String(item.source_tags || "").split(",").filter(Boolean)).some((tag) => tagSet.has(String(tag?.id ?? tag)));
+		});
+	}, [
+		isPreview,
+		manualIdSet,
+		normalizedPool,
+		smartTagEnabled,
+		resolvedSmartTagIds
+	]);
+	const manualList = useMemo(() => {
+		if (smartTagEnabled) return [];
+		if (!resolvedItems.length) return [];
+		const poolMap = new Map(filteredPool.map((item) => [item.id, item]));
+		return resolvedItems.map((item, index) => {
+			const fallbackBase = editorPreviewPool[index % Math.max(1, editorPreviewPool.length)];
+			const base = poolMap.get(item.contentId) ?? (isPreview ? {
+				...fallbackBase,
+				id: item.contentId || fallbackBase.id || `preview-manual-${index + 1}`,
+				name: fallbackBase.name || `猜你喜欢 ${index + 1}`
+			} : null);
+			if (!base) return null;
+			const resolvedTitle = item.titleMode === "custom" ? item.title : getTitleText(base);
+			const resolvedCover = item.coverMode === "upload" ? item.coverUrl : 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,
+		filteredPool,
+		getTitleText,
+		getVerticalHoCoverImageUrl,
+		isPreview,
+		resolvedItems,
+		smartTagEnabled
+	]);
+	const poolDisplayItems = useMemo(() => {
+		return filteredPool.map((item) => ({ info: item }));
+	}, [filteredPool]);
+	const baseList = useMemo(() => {
+		return mergeManualAndPool(manualList, poolDisplayItems, pageSize);
+	}, [
+		manualList,
+		pageSize,
+		poolDisplayItems
+	]);
+	const displayList = useMemo(() => {
+		if (!resolvedEnableInfinite) return baseList;
+		const extra = mockPagedList(poolDisplayItems, page, pageSize, MAX_MOCK_PAGES);
+		return page === 1 ? baseList : baseList.concat(extra);
+	}, [
+		baseList,
+		page,
+		pageSize,
+		poolDisplayItems,
+		resolvedEnableInfinite
+	]);
+	const hasMore = resolvedEnableInfinite && page < MAX_MOCK_PAGES && poolDisplayItems.length > 0;
+	const resolvedModuleTitle = String(title || "").trim();
+	useEffect(() => {
+		if (!resolvedEnableInfinite) return;
+		setPage(1);
+	}, [detailId, resolvedEnableInfinite]);
+	useEffect(() => {
+		if (!resolvedEnableInfinite) return;
+		const target = sentinelRef.current;
+		if (!target || !hasMore) return;
+		const observer = new IntersectionObserver((entries) => {
+			if (entries[0]?.isIntersecting) setPage((prev) => Math.min(prev + 1, MAX_MOCK_PAGES));
+		});
+		observer.observe(target);
+		return () => {
+			observer.disconnect();
+		};
+	}, [hasMore, resolvedEnableInfinite]);
+	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 resolvedShowEpisode = item.config?.showEpisode ?? showEpisode;
+					const playCountText = formatNumber(item.info.play_count || 0);
+					const episodeLabel = buildEpisodeLabel(Number(item.info.update_status) === 1 ? "done" : "updating", item.info.episode_cnt || item.info.links?.length, item.info.episode_cnt || item.info.links?.length);
+					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(MiniThreeCard, {
+						url: getVerticalHoCoverImageUrl(item.info),
+						text: itemTitle,
+						textChild: /* @__PURE__ */ jsx(Text, {
+							as: "h3",
+							className: "text-text1 text-[16px] h-[24px] leading-[24px] mt-[4px] line-clamp-1",
+							children: itemTitle
+						}),
+						style: {
+							width: widthPercent,
+							...cardHorizontalStyle || {}
+						},
+						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 && episodeLabel ? /* @__PURE__ */ jsx("div", {
+							className: "text-[#fff] text-[12px] leading-[20px] pr-2",
+							children: episodeLabel
+						}) : null,
+						linkPath: isPreview ? "" : buildDetailPath(item.info)
+					}, `guess-like-${index}`);
+				})
+			}),
+			resolvedEnableInfinite && /* @__PURE__ */ jsx("div", {
+				ref: sentinelRef,
+				className: "h-[1px] w-full"
+			})
+		]
+	});
+}
+/**
+* 推荐数据映射。
+*/
+function normalizeGuessYouLikeVideo(raw) {
+	return {
+		id: raw.video_id || "",
+		mid: "",
+		name: raw.name || "",
+		cat_id: "",
+		cat_name: "",
+		status: "1",
+		status_text: "",
+		create_time: "",
+		content_type: 0,
+		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: raw.is_more_link ? "y" : "n",
+		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 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) {
+	if (info.content_type === 0) {
+		const encodedName = encodeURIComponent(info.name || "");
+		return `/video/${info.id}/${encodedName}/episode/1`;
+	}
+	return `/post/${info.id}`;
+}
+
+//#endregion
+export { VideoDetailRecommendClient };

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

@@ -1,2 +1,19 @@
 
-import{defineMaterial as e}from"../../../../../utils/schema/material.mjs";import{VideoDetailRecommendClient as t}from"./client.mjs";import{videoDetailRecommendInspectorPropsSchema as n}from"./schema.mjs";import{VideoDetailRecommend as r}from"./server.mjs";const i=e({type:`video-detail-recommend`,name:`详情页-推荐模块`,icon:`/static/components-thumb/video_guess_you_like.png`,category:`详情页`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as videoDetailRecommendMaterial};
+import { defineMaterial } from "../../../../../utils/schema/material.mjs";
+import { VideoDetailRecommendClient } from "./client.mjs";
+import { videoDetailRecommendInspectorPropsSchema } from "./schema.mjs";
+import { VideoDetailRecommend } from "./server.mjs";
+
+//#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 };

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

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

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

@@ -1,2 +1,18 @@
 
-import{VideoDetailRecommendClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";function n(n){let{mode:r=`renderer`,...i}=n;return t(e,{...i,mode:r})}export{n as VideoDetailRecommend};
+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, {
+		...rest,
+		mode
+	});
+}
+
+//#endregion
+export { VideoDetailRecommend };