@funhub/platform 0.1.52 → 0.1.54

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

@@ -0,0 +1,66 @@
+
+import { pContentBatchGetVideoDetail, pContentGetPopularVideoList } from "../../../../service/generated/client.mjs";
+import { IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE, buildImageTextRecommendChosenTags, buildImageTextRecommendRemoteMap, buildImageTextRecommendSmartPicked, getImageTextRecommendFixedIds, getImageTextRecommendLayoutTags } from "../../../../hooks/image-text-recommend.mjs";
+import { ImageTextRecommendClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+import { getTranslations } from "next-intl/server";
+
+//#region components/biz/business/image-text-recommend/server.tsx
+const DEFAULT_ITEMS = [];
+/**
+* 图文推荐物料组件 - 服务端部分
+* 负责初次数据请求（与客户端共享同一套 schema 配置）、国际化文案预取和属性透传。
+* 关闭智能铺设时超过 8 条的「触底加载下一批」仍在客户端发起。
+*/
+async function ImageTextRecommendServer(props) {
+	const { mode = "renderer", items = DEFAULT_ITEMS, layout, ...rest } = props;
+	let initialRemoteMap;
+	let initialSmartList;
+	let initialLoadedBatchIndex;
+	let initialDataFromServer = false;
+	let allEpisodesText = "";
+	let updatedToText = "";
+	try {
+		const t = await getTranslations("components.biz.business.imageTextRecommend");
+		allEpisodesText = t.raw("allEpisodes");
+		updatedToText = t.raw("updatedTo");
+	} catch {}
+	const isSmartEnabled = !!layout?.enabled;
+	const fixedIds = getImageTextRecommendFixedIds(items, isSmartEnabled);
+	const smartTags = getImageTextRecommendLayoutTags(layout);
+	const targetCount = items?.length ?? 0;
+	if (mode === "renderer" && items?.length) try {
+		if (isSmartEnabled) {
+			const chosenTags = buildImageTextRecommendChosenTags(smartTags, targetCount);
+			initialSmartList = buildImageTextRecommendSmartPicked((await pContentGetPopularVideoList({
+				page_size: Math.max(20, targetCount * 10),
+				tags: chosenTags.length ? Array.from(new Set(chosenTags)) : void 0
+			})).data?.videos ?? [], chosenTags, targetCount);
+			initialRemoteMap = {};
+			initialLoadedBatchIndex = 0;
+			initialDataFromServer = true;
+		} else if (fixedIds.length > 0) {
+			initialRemoteMap = buildImageTextRecommendRemoteMap((await pContentBatchGetVideoDetail({ ids: fixedIds.length <= IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE ? fixedIds : fixedIds.slice(0, IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE) })).data?.videos ?? []);
+			initialSmartList = [];
+			initialLoadedBatchIndex = 1;
+			initialDataFromServer = true;
+		}
+	} catch {
+		initialDataFromServer = false;
+	}
+	return /* @__PURE__ */ jsx(ImageTextRecommendClient, {
+		...rest,
+		items,
+		layout,
+		mode,
+		allEpisodesText,
+		updatedToText,
+		initialRemoteMap,
+		initialSmartList,
+		initialLoadedBatchIndex,
+		initialDataFromServer
+	});
+}
+
+//#endregion
+export { ImageTextRecommendServer };

package/dist/components/biz/business/index.d.mts

@@ -41,29 +41,32 @@ import { defaultProps as defaultProps$9 } from "./fullscreen-feed/variants/fulls
 import { FullscreenVideoFeedClient } from "./fullscreen-feed/variants/fullscreen-video-feed/runtime/client.mjs";
 import { schema as schema$9 } from "./fullscreen-feed/variants/fullscreen-video-feed/schema/index.mjs";
 import "./fullscreen-feed/index.mjs";
-import { defaultProps as defaultProps$10 } from "./home-recommend/variants/home-recommend-grid/defaults/default-props.mjs";
-import { HomeRecommendGridClient } from "./home-recommend/variants/home-recommend-grid/runtime/client.mjs";
-import { schema as schema$10 } from "./home-recommend/variants/home-recommend-grid/schema/index.mjs";
-import { homeRecommendGridInspectorDefaultProps, homeRecommendGridInspectorPropsSchema } from "./home-recommend/variants/home-recommend-grid/inspector-schema.mjs";
-import { HomeRecommendGrid } from "./home-recommend/variants/home-recommend-grid/server.mjs";
-import { homeRecommendGridMaterial } from "./home-recommend/variants/home-recommend-grid/material.mjs";
-import { defaultProps as defaultProps$11 } from "./home-recommend/variants/home-recommend-waterfall/defaults/default-props.mjs";
-import { HomeRecommendWaterfallClient } from "./home-recommend/variants/home-recommend-waterfall/runtime/client.mjs";
-import { schema as schema$11 } from "./home-recommend/variants/home-recommend-waterfall/schema/index.mjs";
-import { homeRecommendWaterfallInspectorDefaultProps, homeRecommendWaterfallInspectorPropsSchema } from "./home-recommend/variants/home-recommend-waterfall/inspector-schema.mjs";
-import { HomeRecommendWaterfall } from "./home-recommend/variants/home-recommend-waterfall/server.mjs";
-import { homeRecommendWaterfallMaterial } from "./home-recommend/variants/home-recommend-waterfall/material.mjs";
+import { homeRecommendGridInspectorDefaultProps, homeRecommendGridInspectorPropsSchema } from "./home-recommend/home-recommend-grid/inspector-schema.mjs";
+import { HomeRecommendGridClient } from "./home-recommend/home-recommend-grid/client.mjs";
+import { schema as schema$10 } from "./home-recommend/home-recommend-grid/schema.mjs";
+import { HomeRecommendGrid } from "./home-recommend/home-recommend-grid/server.mjs";
+import { homeRecommendGridMaterial } from "./home-recommend/home-recommend-grid/material.mjs";
+import { homeRecommendWaterfallInspectorDefaultProps, homeRecommendWaterfallInspectorPropsSchema } from "./home-recommend/home-recommend-waterfall/inspector-schema.mjs";
+import { HomeRecommendWaterfallClient } from "./home-recommend/home-recommend-waterfall/client.mjs";
+import { schema as schema$11 } from "./home-recommend/home-recommend-waterfall/schema.mjs";
+import { HomeRecommendWaterfall } from "./home-recommend/home-recommend-waterfall/server.mjs";
+import { homeRecommendWaterfallMaterial } from "./home-recommend/home-recommend-waterfall/material.mjs";
 import "./home-recommend/index.mjs";
-import { marqueeInspectorPropsSchema } from "./marquee/schema.mjs";
+import { imageTextRecommendInspectorPropsSchema } from "./image-text-recommend/schema.mjs";
+import { ImageTextRecommendClient, ImageTextRecommendInitialData, ImageTextRecommendProps } from "./image-text-recommend/client.mjs";
+import { ImageTextRecommendServer } from "./image-text-recommend/server.mjs";
+import { imageTextRecommendMaterial } from "./image-text-recommend/material.mjs";
+import "./image-text-recommend/index.mjs";
+import { defaultMarqueePeriod, getDefaultMarqueePeriod, marqueeInspectorPropsSchema } from "./marquee/schema.mjs";
 import { MarqueeClient, MarqueeProps } from "./marquee/client.mjs";
 import { MarqueeServer } from "./marquee/server.mjs";
 import { marqueeMaterial } from "./marquee/material.mjs";
 import "./marquee/index.mjs";
-import { defaultProps as defaultProps$12 } from "./nav-bar/variants/basic-nav-bar/defaults/default-props.mjs";
+import { defaultProps as defaultProps$10 } from "./nav-bar/variants/basic-nav-bar/defaults/default-props.mjs";
 import { BasicNavBarClient } from "./nav-bar/variants/basic-nav-bar/runtime/client.mjs";
 import { schema as schema$12 } from "./nav-bar/variants/basic-nav-bar/schema/index.mjs";
 import "./nav-bar/index.mjs";
-import { defaultProps as defaultProps$13 } from "./post-card/variants/basic-post-card/defaults/default-props.mjs";
+import { defaultProps as defaultProps$11 } from "./post-card/variants/basic-post-card/defaults/default-props.mjs";
 import { BasicPostCardClient } from "./post-card/variants/basic-post-card/runtime/client.mjs";
 import { schema as schema$13 } from "./post-card/variants/basic-post-card/schema/index.mjs";
 import "./post-card/index.mjs";
@@ -86,20 +89,20 @@ import { PublishTab, PublishTabProps, PublishTabUserInfo } from "./profile/profi
 import { BuildPublishTabPrefetchParams, PublishTabServer, buildPublishTabPrefetch } from "./profile/profile-main/tabs/publish-tab/server.mjs";
 import { profileMainCollectCollectionTabOptions, profileMainCollectTabOptions, profileMainHistoryTabOptions, profileMainLikeTabOptions, profileMainMineTabOptions, profileMainProfileTabOptions, profileMainTabOptions } from "./profile/profile-main/variants.mjs";
 import "./profile/index.mjs";
-import { defaultProps as defaultProps$14 } from "./recommended-users/variants/basic-recommended-users/defaults/default-props.mjs";
+import { defaultProps as defaultProps$12 } from "./recommended-users/variants/basic-recommended-users/defaults/default-props.mjs";
 import { BasicRecommendedUsersClient } from "./recommended-users/variants/basic-recommended-users/runtime/client.mjs";
 import { schema as schema$14 } from "./recommended-users/variants/basic-recommended-users/schema/index.mjs";
 import "./recommended-users/index.mjs";
-import { defaultProps as defaultProps$15 } from "./search-bar/variants/basic-search-bar/defaults/default-props.mjs";
+import { defaultProps as defaultProps$13 } from "./search-bar/variants/basic-search-bar/defaults/default-props.mjs";
 import { BasicSearchBarClient } from "./search-bar/variants/basic-search-bar/runtime/client.mjs";
 import { schema as schema$15 } from "./search-bar/variants/basic-search-bar/schema/index.mjs";
-import { defaultProps as defaultProps$16 } from "./search-bar/variants/detail-search-bar/defaults/default-props.mjs";
+import { defaultProps as defaultProps$14 } from "./search-bar/variants/detail-search-bar/defaults/default-props.mjs";
 import { DetailSearchBarClient } from "./search-bar/variants/detail-search-bar/runtime/client.mjs";
 import { schema as schema$16 } from "./search-bar/variants/detail-search-bar/schema/index.mjs";
-import { defaultProps as defaultProps$17 } from "./search-bar/variants/filter-search-bar/defaults/default-props.mjs";
+import { defaultProps as defaultProps$15 } from "./search-bar/variants/filter-search-bar/defaults/default-props.mjs";
 import { FilterSearchBarClient } from "./search-bar/variants/filter-search-bar/runtime/client.mjs";
 import { schema as schema$17 } from "./search-bar/variants/filter-search-bar/schema/index.mjs";
-import { defaultProps as defaultProps$18 } from "./search-bar/variants/tag-search-bar/defaults/default-props.mjs";
+import { defaultProps as defaultProps$16 } from "./search-bar/variants/tag-search-bar/defaults/default-props.mjs";
 import { TagSearchBarClient } from "./search-bar/variants/tag-search-bar/runtime/client.mjs";
 import { schema as schema$18 } from "./search-bar/variants/tag-search-bar/schema/index.mjs";
 import "./search-bar/index.mjs";
@@ -122,9 +125,4 @@ import { textRecommendInspectorPropsSchema } from "./text-recommend/schema.mjs";
 import { TextRecommendClient, TextRecommendProps } from "./text-recommend/client.mjs";
 import { TextRecommendServer } from "./text-recommend/server.mjs";
 import { textRecommendMaterial } from "./text-recommend/material.mjs";
-import "./text-recommend/index.mjs";
-import { videoHorizontalListInspectorPropsSchema } from "./video-horizontal-list/schema.mjs";
-import { VideoHorizontalListClient, VideoHorizontalListProps } from "./video-horizontal-list/client.mjs";
-import { VideoHorizontalListServer } from "./video-horizontal-list/server.mjs";
-import { videoHorizontalListMaterial } from "./video-horizontal-list/material.mjs";
-import "./video-horizontal-list/index.mjs";
+import "./text-recommend/index.mjs";

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

@@ -1,2 +1,85 @@
 
-import{Image as e}from"../../../ui/image.mjs";import{Box as t}from"../../../ui/box.mjs";import{Text as n}from"../../../ui/text.mjs";import r from"../../../ui/link.mjs";import i from"../../../../assets/icons/view.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s({data:s}){return s?a(t,{children:(Array.isArray(s)?s:[s]).map((s,c)=>{if(!s||typeof s!=`object`)return null;let{id:l,title:u,desc:d,cover:f,tagImageUrl:p,showEpisode:m,episodeText:h,showPlayCount:g,playCount:_}=s,v=u||``,y=l?`/video/${l}/${v?encodeURIComponent(v):``}`:`#`,b=p?String(p):null,x=h==null?``:String(h).trim(),S=_==null?``:String(_).trim(),C=(m??!0)&&x?x:null,w=(g??!0)&&S?S:null;return a(t,{children:o(r,{href:y,children:[o(t,{className:`relative w-full overflow-hidden rounded-[12px] bg-neutral-800`,style:{aspectRatio:`16/9`},children:[f&&a(e,{src:f,alt:v||`封面`,fill:!0,objectFit:`cover`}),b&&a(t,{className:`absolute top-0 right-0 z-10 w-[37px] h-[20px]`,children:a(e,{src:b,alt:v||`角标`,fill:!0,sizes:`37px`,className:`object-contain`})}),a(t,{className:`absolute inset-x-0 bottom-0 h-[40px] bg-gradient-to-t from-black/80 to-transparent z-0 pointer-events-none`}),w&&o(t,{className:`absolute bottom-0 left-[8px] mb-[6px] z-10 flex items-center gap-[4px]`,children:[a(i,{className:`h-[14px] w-[14px] text-white`}),a(n,{as:`span`,className:`text-[12px] font-medium text-white drop-shadow-md`,children:w})]}),C&&a(t,{className:`absolute bottom-0 right-[8px] mb-[6px] z-10 flex items-center`,children:a(n,{as:`span`,className:`text-[12px] font-medium text-white drop-shadow-md`,children:C})})]}),o(t,{className:`flex items-center justify-between gap-[12px] pt-[10px] px-2`,children:[o(t,{className:`flex-1 min-w-0`,children:[a(n,{as:`h3`,className:`text-[16px] font-semibold leading-[24px] text-text1 line-clamp-1`,children:v}),d&&a(n,{as:`p`,className:`mt-[4px] text-[13px] leading-[20px] text-text2 line-clamp-1`,children:d})]}),a(n,{className:`shrink-0 rounded-[20px] border border-[#FD4C5E] px-[24px] py-[8px] text-[14px] font-normal text-[#FD4C5E]`,children:`观看`})]})]})},l||v||`large-grid-item-${c}`)})}):null}export{s as LargeGridItemClient};
+import { Image } from "../../../ui/image.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import Link from "../../../ui/link.mjs";
+import SvgView from "../../../../assets/icons/view.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/large-feature-grid/card-item.tsx
+function LargeGridItemClient({ data }) {
+	if (!data) return null;
+	return /* @__PURE__ */ jsx(Box, { children: (Array.isArray(data) ? data : [data]).map((item, index) => {
+		if (!item || typeof item !== "object") return null;
+		const { id, title, desc, cover, tagImageUrl, showEpisode, episodeText, showPlayCount, playCount } = item;
+		const safeTitle = title || "";
+		const linkHref = id ? `/video/${id}/${safeTitle ? encodeURIComponent(safeTitle) : ""}` : "#";
+		const normalizedTagImageUrl = tagImageUrl ? String(tagImageUrl) : null;
+		const normalizedEpisodeText = episodeText == null ? "" : String(episodeText).trim();
+		const normalizedPlayCountText = playCount == null ? "" : String(playCount).trim();
+		const displayEpisodeText = (showEpisode ?? true) && normalizedEpisodeText ? normalizedEpisodeText : null;
+		const displayPlayCountText = (showPlayCount ?? true) && normalizedPlayCountText ? normalizedPlayCountText : null;
+		return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Link, {
+			href: linkHref,
+			children: [/* @__PURE__ */ jsxs(Box, {
+				className: "relative w-full overflow-hidden rounded-[12px] bg-neutral-800",
+				style: { aspectRatio: "16/9" },
+				children: [
+					cover && /* @__PURE__ */ jsx(Image, {
+						src: cover,
+						alt: safeTitle || "封面",
+						fill: true,
+						objectFit: "cover"
+					}),
+					normalizedTagImageUrl && /* @__PURE__ */ jsx(Box, {
+						className: "absolute top-0 right-0 z-10 w-[37px] h-[20px]",
+						children: /* @__PURE__ */ jsx(Image, {
+							src: normalizedTagImageUrl,
+							alt: safeTitle || "角标",
+							fill: true,
+							sizes: "37px",
+							className: "object-contain"
+						})
+					}),
+					/* @__PURE__ */ jsx(Box, { className: "absolute inset-x-0 bottom-0 h-[40px] bg-gradient-to-t from-black/80 to-transparent z-0 pointer-events-none" }),
+					displayPlayCountText && /* @__PURE__ */ jsxs(Box, {
+						className: "absolute bottom-0 left-[8px] mb-[6px] z-10 flex items-center gap-[4px]",
+						children: [/* @__PURE__ */ jsx(SvgView, { className: "h-[14px] w-[14px] text-white" }), /* @__PURE__ */ jsx(Text, {
+							as: "span",
+							className: "text-[12px] font-medium text-white drop-shadow-md",
+							children: displayPlayCountText
+						})]
+					}),
+					displayEpisodeText && /* @__PURE__ */ jsx(Box, {
+						className: "absolute bottom-0 right-[8px] mb-[6px] z-10 flex items-center",
+						children: /* @__PURE__ */ jsx(Text, {
+							as: "span",
+							className: "text-[12px] font-medium text-white drop-shadow-md",
+							children: displayEpisodeText
+						})
+					})
+				]
+			}), /* @__PURE__ */ jsxs(Box, {
+				className: "flex items-center justify-between gap-[12px] pt-[10px] px-2",
+				children: [/* @__PURE__ */ jsxs(Box, {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ jsx(Text, {
+						as: "h3",
+						className: "text-[16px] font-semibold leading-[24px] text-text1 line-clamp-1",
+						children: safeTitle
+					}), desc && /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						className: "mt-[4px] text-[13px] leading-[20px] text-text2 line-clamp-1",
+						children: desc
+					})]
+				}), /* @__PURE__ */ jsx(Text, {
+					className: "shrink-0 rounded-[20px] border border-[#FD4C5E] px-[24px] py-[8px] text-[14px] font-normal text-[#FD4C5E]",
+					children: "观看"
+				})]
+			})]
+		}) }, id || safeTitle || `large-grid-item-${index}`);
+	}) });
+}
+
+//#endregion
+export { LargeGridItemClient };

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

@@ -1,2 +1,89 @@
 
-"use client";import{Box as e}from"../../../ui/box.mjs";import{Text as t}from"../../../ui/text.mjs";import n from"../../../ui/link.mjs";import r from"../../../../assets/icons/common/right_arrow.mjs";import{LargeGridItemClient as i}from"./card-item.mjs";import{largeFeatureGridInspectorDefaultProps as a}from"./schema.mjs";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=[],l=a.data??[];function u(e){return e==null}function d(e,t){return u(e)?t:e}function f(e,t){return t?{...e,...t,id:d(t.id,e.id),cover:d(t.cover,e.cover),title:d(t.title,e.title),desc:d(t.desc,e.desc),playCount:d(t.playCount,e.playCount),showPlayCount:t.showPlayCount??e.showPlayCount,episodeText:d(t.episodeText,e.episodeText),showEpisode:t.showEpisode??e.showEpisode,useContentCover:t.useContentCover??e.useContentCover,tagImageUrl:d(t.tagImageUrl,e.tagImageUrl)}:e}function p(e,t){if(!t)return e;let n=e.items;return{...e,...t,title:d(t.title,e.title),moreUrl:d(t.moreUrl,e.moreUrl),moreLinkType:t.moreLinkType??e.moreLinkType,items:n?f(n,t.items):t.items}}function m({mode:a=`renderer`,data:u=c}){let d=a===`editor`,f=u??c,m=Array.isArray(f)&&f.length>0?[p(l[0],f[0])]:l;if(!m||m.length===0)return null;let h=m[0],g=h?.title,_=h?.moreUrl;return s(e,{className:d?`p-3 pointer-events-none`:`p-3`,children:[s(e,{className:`flex items-center justify-between mb-[10px] h-[24px]`,children:[g&&o(t,{as:`h2`,className:`text-[18px] font-bold text-text1 line-clamp-1 flex-1 min-w-0 mr-[12px]`,children:g}),_&&s(n,{href:_,className:`flex items-center text-[14px] text-text2 ml-auto`,children:[`更多`,o(r,{className:`ml-[2px] h-[12px] w-[12px] text-text2`})]})]}),m.map((t,n)=>{let{items:r}=t;return r?o(e,{className:n>0?`mt-3`:``,children:o(i,{data:r})},`large-feature-grid-items-${n}`):null})]})}export{m as LargeFeatureGridClient};
+'use client';
+
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import Link from "../../../ui/link.mjs";
+import SvgRightArrow from "../../../../assets/icons/common/right_arrow.mjs";
+import { LargeGridItemClient } from "./card-item.mjs";
+import { largeFeatureGridInspectorDefaultProps } from "./schema.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/large-feature-grid/client.tsx
+/**
+* LargeFeatureGrid 客户端渲染组件
+*
+*/
+const emptyData = [];
+const defaultData = largeFeatureGridInspectorDefaultProps.data ?? [];
+function isEmptyLike(value) {
+	return value === void 0 || value === null;
+}
+function fallbackValue(incoming, fallback) {
+	return isEmptyLike(incoming) ? fallback : incoming;
+}
+function mergeItem(defaultItem, incomingItem) {
+	if (!incomingItem) return defaultItem;
+	return {
+		...defaultItem,
+		...incomingItem,
+		id: fallbackValue(incomingItem.id, defaultItem.id),
+		cover: fallbackValue(incomingItem.cover, defaultItem.cover),
+		title: fallbackValue(incomingItem.title, defaultItem.title),
+		desc: fallbackValue(incomingItem.desc, defaultItem.desc),
+		playCount: fallbackValue(incomingItem.playCount, defaultItem.playCount),
+		showPlayCount: incomingItem.showPlayCount ?? defaultItem.showPlayCount,
+		episodeText: fallbackValue(incomingItem.episodeText, defaultItem.episodeText),
+		showEpisode: incomingItem.showEpisode ?? defaultItem.showEpisode,
+		useContentCover: incomingItem.useContentCover ?? defaultItem.useContentCover,
+		tagImageUrl: fallbackValue(incomingItem.tagImageUrl, defaultItem.tagImageUrl)
+	};
+}
+function mergeSection(defaultSection, incomingSection) {
+	if (!incomingSection) return defaultSection;
+	const defaultItem = defaultSection.items;
+	return {
+		...defaultSection,
+		...incomingSection,
+		title: fallbackValue(incomingSection.title, defaultSection.title),
+		moreUrl: fallbackValue(incomingSection.moreUrl, defaultSection.moreUrl),
+		moreLinkType: incomingSection.moreLinkType ?? defaultSection.moreLinkType,
+		items: defaultItem ? mergeItem(defaultItem, incomingSection.items) : incomingSection.items
+	};
+}
+/**
+* 大图推荐客户端组件。
+*/
+function LargeFeatureGridClient({ mode = "renderer", data = emptyData }) {
+	const isEditor = mode === "editor";
+	const resolvedData = data ?? emptyData;
+	const sections = Array.isArray(resolvedData) && resolvedData.length > 0 ? [mergeSection(defaultData[0], resolvedData[0])] : defaultData;
+	if (!sections || sections.length === 0) return null;
+	const headerSection = sections[0];
+	const title = headerSection?.title;
+	const moreUrl = headerSection?.moreUrl;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: isEditor ? "p-3 pointer-events-none" : "p-3",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "flex items-center justify-between mb-[10px] h-[24px]",
+			children: [title && /* @__PURE__ */ jsx(Text, {
+				as: "h2",
+				className: "text-[18px] font-bold text-text1 line-clamp-1 flex-1 min-w-0 mr-[12px]",
+				children: title
+			}), moreUrl && /* @__PURE__ */ jsxs(Link, {
+				href: moreUrl,
+				className: "flex items-center text-[14px] text-text2 ml-auto",
+				children: ["更多", /* @__PURE__ */ jsx(SvgRightArrow, { className: "ml-[2px] h-[12px] w-[12px] text-text2" })]
+			})]
+		}), sections.map((section, sectionIndex) => {
+			const { items } = section;
+			return items ? /* @__PURE__ */ jsx(Box, {
+				className: sectionIndex > 0 ? "mt-3" : "",
+				children: /* @__PURE__ */ jsx(LargeGridItemClient, { data: items })
+			}, `large-feature-grid-items-${sectionIndex}`) : null;
+		})]
+	});
+}
+
+//#endregion
+export { LargeFeatureGridClient };

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

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

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

@@ -1,2 +1,82 @@
 
-import{defineArrayItemPropSchema as e,defineComponentPropsSchema as t,defineSwitchPropSchema as n,defineTextPropSchema as r,getSchemaDefaultProps as i}from"../../../../utils/schema/schema.mjs";import a from"zod";const o=t({data:e(a.object({title:r({label:`推荐位名称`,required:!1}),moreUrl:r({label:`更多链接`,required:!1}),moreLinkType:r({label:`更多链接类型`,required:!1,defaultValue:`content-list`}),items:t({id:r({label:`内容ID`}),cover:r({label:`封面`}),playCount:r({label:`播放量`,required:!1}),showPlayCount:n({label:`展示播放量`,required:!1,defaultValue:!0}),episodeText:r({label:`集数文案`,required:!1}),showEpisode:n({label:`展示集数`,required:!1,defaultValue:!0}),useContentCover:n({label:`沿用内容海报`,required:!1,defaultValue:!0}),title:r({label:`内容标题`}),desc:r({label:`内容简介`,required:!1}),tagImageUrl:r({label:`角标图`,required:!1})})}),{label:`大图推荐数据`,required:!1,defaultValue:[{title:`推荐位名称`,moreUrl:`/channel`,moreLinkType:`content-list`,items:{id:`22edc8693ebbdaf1`,cover:`https://base-resources.guadd.fun/md-204/dcc-file/f7/f70a9f9f0c17aa9aff6c3a3e03a822db-small.jpg`,playCount:`11111`,showPlayCount:!0,episodeText:`连载中`,showEpisode:!0,useContentCover:!0,title:`穷小伙一睁眼穿越古代，娶个老婆就能得到奖励，后宫3000宠都宠不过来！谁料女帝主动送上门来，征服女帝可以直接开终极宝箱，不用选择全都可以！`,desc:`穷小伙一睁眼穿越古代，娶个老婆就能得到奖励，后宫3000宠都宠不过来！谁料女帝主动送上门来，征服女帝可以直接开终极宝箱，不用选择全都可以！`}}]})}),s=i(o);export{s as largeFeatureGridInspectorDefaultProps,o as largeFeatureGridInspectorPropsSchema};
+import { defineArrayItemPropSchema, defineComponentPropsSchema, defineSwitchPropSchema, defineTextPropSchema, getSchemaDefaultProps } from "../../../../utils/schema/schema.mjs";
+import z$1 from "zod";
+
+//#region components/biz/business/large-feature-grid/schema.ts
+/**
+* 大图推荐物料 schema
+*/
+const largeFeatureGridInspectorPropsSchema = defineComponentPropsSchema({ data: defineArrayItemPropSchema(z$1.object({
+	title: defineTextPropSchema({
+		label: "推荐位名称",
+		required: false
+	}),
+	moreUrl: defineTextPropSchema({
+		label: "更多链接",
+		required: false
+	}),
+	moreLinkType: defineTextPropSchema({
+		label: "更多链接类型",
+		required: false,
+		defaultValue: "content-list"
+	}),
+	items: defineComponentPropsSchema({
+		id: defineTextPropSchema({ label: "内容ID" }),
+		cover: defineTextPropSchema({ label: "封面" }),
+		playCount: defineTextPropSchema({
+			label: "播放量",
+			required: false
+		}),
+		showPlayCount: defineSwitchPropSchema({
+			label: "展示播放量",
+			required: false,
+			defaultValue: true
+		}),
+		episodeText: defineTextPropSchema({
+			label: "集数文案",
+			required: false
+		}),
+		showEpisode: defineSwitchPropSchema({
+			label: "展示集数",
+			required: false,
+			defaultValue: true
+		}),
+		useContentCover: defineSwitchPropSchema({
+			label: "沿用内容海报",
+			required: false,
+			defaultValue: true
+		}),
+		title: defineTextPropSchema({ label: "内容标题" }),
+		desc: defineTextPropSchema({
+			label: "内容简介",
+			required: false
+		}),
+		tagImageUrl: defineTextPropSchema({
+			label: "角标图",
+			required: false
+		})
+	})
+}), {
+	label: "大图推荐数据",
+	required: false,
+	defaultValue: [{
+		title: "推荐位名称",
+		moreUrl: "/channel",
+		moreLinkType: "content-list",
+		items: {
+			id: "22edc8693ebbdaf1",
+			cover: "https://base-resources.guadd.fun/md-204/dcc-file/f7/f70a9f9f0c17aa9aff6c3a3e03a822db-small.jpg",
+			playCount: "11111",
+			showPlayCount: true,
+			episodeText: "连载中",
+			showEpisode: true,
+			useContentCover: true,
+			title: "穷小伙一睁眼穿越古代，娶个老婆就能得到奖励，后宫3000宠都宠不过来！谁料女帝主动送上门来，征服女帝可以直接开终极宝箱，不用选择全都可以！",
+			desc: "穷小伙一睁眼穿越古代，娶个老婆就能得到奖励，后宫3000宠都宠不过来！谁料女帝主动送上门来，征服女帝可以直接开终极宝箱，不用选择全都可以！"
+		}
+	}]
+}) });
+const largeFeatureGridInspectorDefaultProps = getSchemaDefaultProps(largeFeatureGridInspectorPropsSchema);
+
+//#endregion
+export { largeFeatureGridInspectorDefaultProps, largeFeatureGridInspectorPropsSchema };

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

@@ -1,2 +1,17 @@
 
-import{LargeFeatureGridClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";function n({mode:n=`renderer`,...r}){return t(e,{...r,mode:n})}export{n as LargeFeatureGrid};
+import { LargeFeatureGridClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/large-feature-grid/server.tsx
+/**
+* 大图推荐服务端组件，直接渲染客户端组件。
+*/
+function LargeFeatureGrid({ mode = "renderer", ...props }) {
+	return /* @__PURE__ */ jsx(LargeFeatureGridClient, {
+		...props,
+		mode
+	});
+}
+
+//#endregion
+export { LargeFeatureGrid };