@funhub/platform 0.1.53 → 0.1.54

package/dist/components/biz/business/detail/shared/video-hero.mjs

@@ -0,0 +1,394 @@
+
+'use client';
+
+import { cn } from "../../../../../utils/cn.mjs";
+import { pxToVw } from "../../../../../utils/helper.mjs";
+import { Image } from "../../../../ui/image.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import { useBrowseReport } from "../../../../../hooks/use-browse-report.mjs";
+import { MediaPreview, useMediaPreview } from "../../../../common/media-preview/index.mjs";
+import CommonPlayer from "../../../../common/video-player/index.mjs";
+import { UserActivityMediaGrid } from "../../../../common/list/user-activity-list/user-activity-list-item.mjs";
+import { memo, useCallback, useEffect, useMemo, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/biz/business/detail/shared/video-hero.tsx
+const DETAIL_VIDEO_MAX_HEIGHT = 242;
+const VIDEO_PROGRESS_SESSION_KEY = "__reportData_detail_page__";
+const DetailHero = memo(({ mode = "renderer", information, isVideo, episodeIndex = 0, resumeProgressSeconds = 0, className = "" }) => {
+	const isEditor = mode === "editor";
+	const imageData = useMemo(() => ({
+		id: information.id,
+		name: information.name,
+		preview_images: information.preview_images,
+		img_y: information.img_y,
+		img_x: information.img_x
+	}), [
+		information.id,
+		information.name,
+		information.preview_images,
+		information.img_y,
+		information.img_x
+	]);
+	const resolvedMedias = useMemo(() => {
+		const rawMedias = information?.medias;
+		const medias = Array.isArray(rawMedias) ? rawMedias.filter(Boolean) : [];
+		if (medias.length > 0) return medias;
+		return (imageData.preview_images?.length ? imageData.preview_images : [imageData.img_y || imageData.img_x || ""].filter(Boolean)).filter(Boolean).map((url) => ({
+			media_url: url,
+			is_video: false,
+			cover_image: ""
+		}));
+	}, [
+		imageData.img_x,
+		imageData.img_y,
+		imageData.preview_images,
+		information
+	]);
+	const mediaPreview = useMediaPreview();
+	const mediaPreviewItems = useMemo(() => {
+		return resolvedMedias.filter(Boolean).map((media) => {
+			const type = media?.is_video ? "video" : "image";
+			const src = String(media?.media_url || "");
+			const cover = media?.cover_image || information.img_y || information.img_x;
+			return {
+				src,
+				type,
+				...cover ? { cover: String(cover) } : {}
+			};
+		}).filter((item) => Boolean(item.src));
+	}, [
+		information.img_x,
+		information.img_y,
+		resolvedMedias
+	]);
+	const handleMediaPreviewOpen = useCallback((startIndex) => {
+		if (isEditor || !mediaPreviewItems.length) return;
+		mediaPreview.open(mediaPreviewItems, startIndex);
+	}, [
+		isEditor,
+		mediaPreview,
+		mediaPreviewItems
+	]);
+	if (isEditor) return /* @__PURE__ */ jsx("img", {
+		src: "/static/components-thumb/video_player.png",
+		alt: "video-preview",
+		className: "w-full block"
+	});
+	if (isVideo) return /* @__PURE__ */ jsx(StableDetailPlayerBox, {
+		information,
+		episodeIndex,
+		resumeProgressSeconds,
+		isEditor
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("w-full", className),
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "mt-3 px-[12px] space-y-1",
+			children: [/* @__PURE__ */ jsx(Text, {
+				as: "p",
+				className: "break-all",
+				dangerouslySetInnerHTML: { __html: information.description }
+			}), /* @__PURE__ */ jsx(UserActivityMediaGrid, {
+				medias: resolvedMedias,
+				onItemClick: handleMediaPreviewOpen
+			})]
+		}), /* @__PURE__ */ jsx(MediaPreview, {})]
+	});
+});
+DetailHero.displayName = "DetailHero";
+/**
+* 稳定的播放器组件包装器，防止因为 information 对象引用变化导致播放器重新创建
+*/
+const StableDetailPlayerBox = memo(({ information, episodeIndex, resumeProgressSeconds, isEditor }) => {
+	const stableProps = useMemo(() => ({
+		id: information.id,
+		mid: information.mid,
+		img_width: information.img_width,
+		img_height: information.img_height,
+		img_y: information.img_y,
+		img_x: information.img_x,
+		preview_images: information.preview_images
+	}), [
+		information.id,
+		information.mid,
+		information.img_width,
+		information.img_height,
+		information.img_y,
+		information.img_x,
+		information.preview_images
+	]);
+	return /* @__PURE__ */ jsx(DetailPlayerBox, {
+		information: {
+			...information,
+			...stableProps
+		},
+		episodeIndex,
+		resumeProgressSeconds,
+		isEditor
+	});
+}, (prevProps, nextProps) => {
+	const prev = prevProps.information;
+	const next = nextProps.information;
+	return prev.id === next.id && prev.mid === next.mid && prev.img_width === next.img_width && prev.img_height === next.img_height && prev.img_y === next.img_y && prev.img_x === next.img_x && prevProps.resumeProgressSeconds === nextProps.resumeProgressSeconds && prevProps.episodeIndex === nextProps.episodeIndex && prevProps.isEditor === nextProps.isEditor;
+});
+StableDetailPlayerBox.displayName = "StableDetailPlayerBox";
+/**
+* 详情页视频播放器容器，固定吸顶展示。
+*/
+function DetailPlayerBox({ information, episodeIndex, resumeProgressSeconds, isEditor }) {
+	const t = useTranslations("components.biz.business.detail");
+	const currentTimeRef = useRef(0);
+	const videoDurationRef = useRef(0);
+	const episodeNumber = Math.max(0, Number(episodeIndex) || 0);
+	const browseEpisode = episodeNumber + 1;
+	const browseContentId = useMemo(() => {
+		return information?.id;
+	}, [information?.id]);
+	const playerData = useMemo(() => ({
+		id: information.id,
+		mid: information.mid,
+		img_width: information.img_width,
+		img_height: information.img_height,
+		img_y: information.img_y,
+		img_x: information.img_x,
+		preview_images: information.preview_images,
+		links: information.links
+	}), [
+		information.id,
+		information.mid,
+		information.img_width,
+		information.img_height,
+		information.img_y,
+		information.img_x,
+		information.preview_images,
+		information.links
+	]);
+	const parentId = useMemo(() => {
+		return playerData.mid || playerData.id;
+	}, [playerData.id, playerData.mid]);
+	const currentEpisodeId = useMemo(() => {
+		const episodeId = playerData.links?.[episodeNumber]?.id;
+		if (episodeId) return String(episodeId);
+		return `ep-${episodeNumber + 1}`;
+	}, [episodeNumber, playerData.links]);
+	const localProgressStorageKey = useMemo(() => {
+		return `${VIDEO_PROGRESS_SESSION_KEY}${playerData.id}:${currentEpisodeId}`;
+	}, [currentEpisodeId, playerData.id]);
+	const sessionResumeSeconds = useMemo(() => {
+		if (isEditor || typeof window === "undefined") return 0;
+		try {
+			const data = sessionStorage.getItem(localProgressStorageKey);
+			if (!data) return 0;
+			const parsed = JSON.parse(data);
+			const currentTime = Number(parsed.currentTime || 0);
+			const duration = Number(parsed.duration || 0);
+			if (!Number.isFinite(currentTime) || !Number.isFinite(duration)) return 0;
+			if (currentTime > 0 && duration > 0) return currentTime;
+		} catch (error) {
+			console.error("读取 sessionStorage 数据失败:", error);
+		}
+		return 0;
+	}, [isEditor, localProgressStorageKey]);
+	const apiResumeSeconds = useMemo(() => {
+		const seconds = Number(resumeProgressSeconds || 0);
+		return Number.isFinite(seconds) && seconds > 0 ? seconds : 0;
+	}, [resumeProgressSeconds]);
+	const startTimeSeconds = useMemo(() => {
+		return apiResumeSeconds > 0 ? apiResumeSeconds : sessionResumeSeconds;
+	}, [apiResumeSeconds, sessionResumeSeconds]);
+	const videoData = useMemo(() => {
+		const hlsList = extractHlsList(information);
+		const videoUrl = hlsList[hlsList.length ? Math.max(0, Math.min(episodeNumber, hlsList.length - 1)) : 0]?.url || "";
+		const hasVideo = Boolean(hlsList.length);
+		if (!hasVideo) return {
+			hasVideo: false,
+			hlsList: [],
+			videoUrl: "",
+			width: 1,
+			height: 1,
+			resolution: "0x0",
+			aspectRatio: 1,
+			poster: ""
+		};
+		const width = Number(playerData.img_width || 0) || 1;
+		const height = Number(playerData.img_height || 0) || 1;
+		return {
+			hasVideo,
+			hlsList,
+			videoUrl,
+			width,
+			height,
+			resolution: buildResolutionText(width, height),
+			aspectRatio: (width || 1) / (height || 1),
+			poster: playerData.img_y || playerData.img_x || playerData.preview_images?.[0] || ""
+		};
+	}, [
+		information.id,
+		information.links,
+		episodeNumber,
+		playerData.img_width,
+		playerData.img_height,
+		playerData.img_y,
+		playerData.img_x,
+		playerData.preview_images
+	]);
+	/**
+	* 记录播放进度，便于下次进入恢复播放。
+	*/
+	const handleProgressUpdate = useCallback((currentTime, duration) => {
+		currentTimeRef.current = currentTime;
+		videoDurationRef.current = duration;
+	}, []);
+	const playerMergeConfig = useMemo(() => {
+		if (videoData.videoUrl.endsWith("m3u8")) return {
+			startTimeSeconds,
+			preload: "none"
+		};
+		return { startTimeSeconds };
+	}, [startTimeSeconds, videoData.videoUrl]);
+	useEffect(() => {
+		currentTimeRef.current = 0;
+		videoDurationRef.current = 0;
+	}, [browseContentId, episodeNumber]);
+	const browseReport = useBrowseReport({
+		contentId: browseContentId,
+		browseEpisode,
+		contentType: 1,
+		enabled: !isEditor && Boolean(browseContentId),
+		intervalMs: 60 * 1e3,
+		getCurrentTimeSeconds: () => currentTimeRef.current,
+		getDurationSeconds: () => videoDurationRef.current
+	});
+	useEffect(() => {
+		if (isEditor) return;
+		const persistProgress = () => {
+			if (typeof window === "undefined") return;
+			if (currentTimeRef.current <= 0 || videoDurationRef.current <= 0) return;
+			try {
+				sessionStorage.setItem(localProgressStorageKey, JSON.stringify({
+					episodeId: currentEpisodeId,
+					currentTime: currentTimeRef.current,
+					duration: videoDurationRef.current
+				}));
+			} catch (error) {
+				console.error("写入 sessionStorage 失败:", error);
+			}
+		};
+		const handleBeforeUnload = () => {
+			persistProgress();
+		};
+		const handleVisibilityChange = () => {
+			if (document.visibilityState === "hidden") persistProgress();
+		};
+		const handlePopState = () => {
+			persistProgress();
+		};
+		window.addEventListener("beforeunload", handleBeforeUnload);
+		document.addEventListener("visibilitychange", handleVisibilityChange);
+		window.addEventListener("popstate", handlePopState);
+		return () => {
+			window.removeEventListener("beforeunload", handleBeforeUnload);
+			document.removeEventListener("visibilitychange", handleVisibilityChange);
+			window.removeEventListener("popstate", handlePopState);
+			persistProgress();
+		};
+	}, [
+		currentEpisodeId,
+		isEditor,
+		localProgressStorageKey
+	]);
+	if (!videoData.hasVideo) return /* @__PURE__ */ jsx("div", {
+		className: "mt-3 rounded-xl bg-bg1 px-3 py-10 text-center text-text3",
+		children: t("videoHero.noVideos")
+	});
+	const dimensions = calculateVideoDimensions(430, videoData.aspectRatio, DETAIL_VIDEO_MAX_HEIGHT);
+	const playerHeight = dimensions.height > 0 ? pxToVw(dimensions.height) : "auto";
+	const playerMaxHeight = pxToVw(DETAIL_VIDEO_MAX_HEIGHT);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
+		suppressHydrationWarning: true,
+		className: "w-full",
+		style: {
+			height: playerHeight,
+			maxWidth: "100%",
+			maxHeight: playerMaxHeight
+		}
+	}), /* @__PURE__ */ jsxs(Box, {
+		className: "w-full relative bg-bg2 !fixed !top-[44px] !left-0 z-[10]",
+		children: [videoData.poster && /* @__PURE__ */ jsxs("div", {
+			className: "w-full h-full bg-bg2 absolute top-0 left-0 z-[1] overflow-hidden",
+			style: { height: playerHeight },
+			children: [/* @__PURE__ */ jsx(Image, {
+				src: videoData.poster,
+				alt: t("videoHero.coverAlt"),
+				fill: true,
+				className: "object-cover",
+				priority: true
+			}), /* @__PURE__ */ jsx("div", { className: "w-full h-full absolute top-0 left-0 z-[1] bg-[rgba(255,255,255,0.2)] backdrop-blur-[4px]" })]
+		}), /* @__PURE__ */ jsx(Box, {
+			suppressHydrationWarning: true,
+			"data-aspect-ratio": videoData.resolution,
+			className: "w-full overflow-hidden flex justify-center relative z-[2]",
+			style: {
+				height: playerHeight,
+				maxWidth: "100%",
+				maxHeight: playerMaxHeight,
+				backdropFilter: "blur(0)",
+				WebkitBackdropFilter: "blur(0)"
+			},
+			children: /* @__PURE__ */ jsx(CommonPlayer, {
+				plyerId: `detail-player-${playerData.id}-${episodeNumber}`,
+				parentId,
+				resolution: videoData.resolution || "0x0",
+				videoUrl: videoData.videoUrl,
+				poster: videoData.poster,
+				mergeConfig: playerMergeConfig,
+				onProgressUpdate: isEditor ? void 0 : handleProgressUpdate,
+				onPlay: isEditor ? void 0 : browseReport.handlePlay,
+				onPause: isEditor ? void 0 : browseReport.handlePause,
+				onEnded: isEditor ? void 0 : browseReport.handleEnded
+			}, `stable-player-${playerData.id}-${episodeNumber}`)
+		})]
+	})] });
+}
+/**
+* 构建分辨率文本
+*/
+function buildResolutionText(width, height) {
+	if (!width || !height) return "";
+	return `${width}x${height}`;
+}
+/**
+* 计算视频尺寸
+*/
+function calculateVideoDimensions(parentWidth, aspectRatio, maxHeight) {
+	const heightFromWidth = parentWidth / aspectRatio;
+	if (heightFromWidth <= maxHeight) return {
+		width: parentWidth,
+		height: heightFromWidth
+	};
+	return {
+		width: maxHeight * aspectRatio,
+		height: maxHeight
+	};
+}
+/**
+* 提取 HLS 播放列表
+*/
+function extractHlsList(info) {
+	const linkList = info.links || [];
+	if (linkList.length > 0) return linkList.map((item, index) => {
+		return {
+			text: item.name || String(index + 1),
+			url: item.m3u8_url || item.preview_m3u8_url || "",
+			definition: "",
+			isDefault: index === 0
+		};
+	}).filter((item) => item.url);
+	return [];
+}
+
+//#endregion
+export { DetailHero };

package/dist/components/biz/business/detail/{materials/video-detail-actions → video-detail-actions}/client.d.mts

@@ -2,7 +2,7 @@
 import { VideoDetailActionsProps } from "./schema.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region components/biz/business/detail/materials/video-detail-actions/client.d.ts
+//#region components/biz/business/detail/video-detail-actions/client.d.ts
 /**
  * 视频详情行为模块客户端组件。
  */

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

@@ -0,0 +1,29 @@
+
+'use client';
+
+import { DetailOperate } from "../shared/detail-operate.mjs";
+import { editorPreviewInformation } from "../shared/editor-preview.mjs";
+import { useVideoDetailMaterialRuntimeContext } from "../shared/runtime-context-provider.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/video-detail-actions/client.tsx
+/**
+* 视频详情行为模块客户端组件。
+*/
+function VideoDetailActionsClient({ mode = "renderer" }) {
+	const runtimeContext = useVideoDetailMaterialRuntimeContext();
+	const information = runtimeContext?.information;
+	const onUpdate = runtimeContext?.onUpdateInformation;
+	const shouldUsePreview = mode === "editor" || !information;
+	return /* @__PURE__ */ jsx("div", {
+		className: shouldUsePreview ? "pointer-events-none" : void 0,
+		children: /* @__PURE__ */ jsx(DetailOperate, {
+			mode,
+			information: shouldUsePreview ? editorPreviewInformation : information,
+			onUpdate: shouldUsePreview ? (_data) => {} : onUpdate ?? (() => {})
+		})
+	});
+}
+
+//#endregion
+export { VideoDetailActionsClient };

package/dist/components/biz/business/detail/{materials/video-detail-actions → video-detail-actions}/material.d.mts

@@ -1,16 +1,16 @@
 
-import { DefineMaterialOption } from "../../../../../../utils/schema/material.mjs";
+import { DefineMaterialOption } from "../../../../../utils/schema/material.mjs";
 import { VideoDetailActionsClient } from "./client.mjs";
 import { VideoDetailActions } from "./server.mjs";
 import * as zod from "zod";
 import * as zod_v4_core0 from "zod/v4/core";
 
-//#region components/biz/business/detail/materials/video-detail-actions/material.d.ts
+//#region components/biz/business/detail/video-detail-actions/material.d.ts
 declare const videoDetailActionsMaterial: DefineMaterialOption<typeof VideoDetailActions, typeof VideoDetailActionsClient, zod.ZodObject<{
   mode: zod.ZodOptional<zod.ZodEnum<{
     renderer: "renderer";
     editor: "editor";
   }>>;
-}, zod_v4_core0.$strip>, "video-detail-actions">;
+}, zod_v4_core0.$strip>, "video-detail-actions", "行为组件">;
 //#endregion
 export { videoDetailActionsMaterial };

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

@@ -0,0 +1,19 @@
+
+import { defineMaterial } from "../../../../../utils/schema/material.mjs";
+import { VideoDetailActionsClient } from "./client.mjs";
+import { videoDetailActionsInspectorPropsSchema } from "./schema.mjs";
+import { VideoDetailActions } from "./server.mjs";
+
+//#region components/biz/business/detail/video-detail-actions/material.ts
+const videoDetailActionsMaterial = defineMaterial({
+	type: "video-detail-actions",
+	name: "行为模块",
+	icon: "/static/components-thumb/interaction_actions_default.png",
+	category: "行为组件",
+	serverComponent: VideoDetailActions,
+	clientComponent: VideoDetailActionsClient,
+	propsSchema: videoDetailActionsInspectorPropsSchema
+});
+
+//#endregion
+export { videoDetailActionsMaterial };

package/dist/components/biz/business/detail/{materials/video-detail-actions → video-detail-actions}/schema.d.mts

@@ -1,10 +1,10 @@
 
-import { InferSchemaProps } from "../../../../../../utils/schema/schema.mjs";
-import "../../../../../../utils/schema/index.mjs";
+import { InferSchemaProps } from "../../../../../utils/schema/schema.mjs";
+import "../../../../../utils/schema/index.mjs";
 import * as zod from "zod";
 import * as zod_v4_core0 from "zod/v4/core";
 
-//#region components/biz/business/detail/materials/video-detail-actions/schema.d.ts
+//#region components/biz/business/detail/video-detail-actions/schema.d.ts
 /**
  * 行为模块物料暂不对外开放配置。
  */

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

@@ -0,0 +1,12 @@
+
+import { defineComponentPropsSchema, getSchemaDefaultProps } from "../../../../../utils/schema/schema.mjs";
+
+//#region components/biz/business/detail/video-detail-actions/schema.ts
+/**
+* 行为模块物料暂不对外开放配置。
+*/
+const videoDetailActionsInspectorPropsSchema = defineComponentPropsSchema({});
+const videoDetailActionsInspectorDefaultProps = getSchemaDefaultProps(videoDetailActionsInspectorPropsSchema);
+
+//#endregion
+export { videoDetailActionsInspectorPropsSchema };

package/dist/components/biz/business/detail/{materials/video-detail-actions → video-detail-actions}/server.d.mts

@@ -2,7 +2,7 @@
 import { VideoDetailActionsProps } from "./schema.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region components/biz/business/detail/materials/video-detail-actions/server.d.ts
+//#region components/biz/business/detail/video-detail-actions/server.d.ts
 /**
  * 视频详情行为模块服务端组件。
  */

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

@@ -0,0 +1,18 @@
+
+import { VideoDetailActionsClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/video-detail-actions/server.tsx
+/**
+* 视频详情行为模块服务端组件。
+*/
+function VideoDetailActions(props) {
+	const { mode = "renderer", ...rest } = props;
+	return /* @__PURE__ */ jsx(VideoDetailActionsClient, {
+		...rest,
+		mode
+	});
+}
+
+//#endregion
+export { VideoDetailActions };

package/dist/components/biz/business/detail/{materials/video-detail-info → video-detail-info}/client.d.mts

@@ -2,7 +2,7 @@
 import { VideoDetailInfoProps } from "./schema.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region components/biz/business/detail/materials/video-detail-info/client.d.ts
+//#region components/biz/business/detail/video-detail-info/client.d.ts
 /**
  * 媒体信息-简介&选集物料客户端组件。
  */

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

@@ -0,0 +1,41 @@
+
+'use client';
+
+import { SeriesEpisodes } from "../../../../common/series-episodes/index.mjs";
+import { DetailIntroduction } from "../shared/detail-introduction.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/client.tsx
+/**
+* 媒体信息-简介&选集物料客户端组件。
+*/
+function VideoDetailInfoClient({ showTags = false, showEpisodes = false, mode = "renderer" }) {
+	const runtimeContext = useVideoDetailMaterialRuntimeContext();
+	const information = runtimeContext?.information;
+	const currentSeriesNum = runtimeContext?.currentSeriesNum ?? 1;
+	const onEpisodeChange = runtimeContext?.onEpisodeChange;
+	const isShow = runtimeContext?.isShow ?? true;
+	const shouldUsePreview = mode === "editor" || !information;
+	const resolvedInformation = shouldUsePreview ? editorPreviewInformation : information;
+	const resolvedSeriesNum = Math.max(1, Number(currentSeriesNum || 1));
+	const handleEpisodeChange = shouldUsePreview ? (_nextSeriesNum) => {} : onEpisodeChange ?? (() => {});
+	const isShowSeries = resolvedInformation?.is_more_link === "y" && (resolvedInformation?.links?.length ?? 0) > 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: shouldUsePreview ? "pointer-events-none" : void 0,
+		children: [/* @__PURE__ */ jsx(DetailIntroduction, {
+			information: resolvedInformation,
+			isShow,
+			showTags
+		}), showEpisodes && isShowSeries && /* @__PURE__ */ jsx(SeriesEpisodes, {
+			mode: "detail",
+			series_num: resolvedSeriesNum,
+			information: resolvedInformation,
+			onEpisodeChange: handleEpisodeChange
+		})]
+	});
+}
+
+//#endregion
+export { VideoDetailInfoClient };

package/dist/components/biz/business/detail/{materials/video-detail-info → video-detail-info}/material.d.mts

@@ -1,13 +1,13 @@
 
-import { SchemaHasDefaultValue } from "../../../../../../utils/schema/schema.mjs";
-import { DefineMaterialOption } from "../../../../../../utils/schema/material.mjs";
-import "../../../../../../utils/schema/index.mjs";
+import { SchemaHasDefaultValue } from "../../../../../utils/schema/schema.mjs";
+import { DefineMaterialOption } from "../../../../../utils/schema/material.mjs";
+import "../../../../../utils/schema/index.mjs";
 import { VideoDetailInfoClient } from "./client.mjs";
 import { VideoDetailInfo } from "./server.mjs";
 import * as zod from "zod";
 import * as zod_v4_core0 from "zod/v4/core";
 
-//#region components/biz/business/detail/materials/video-detail-info/material.d.ts
+//#region components/biz/business/detail/video-detail-info/material.d.ts
 declare const videoDetailInfoMaterial: DefineMaterialOption<typeof VideoDetailInfo, typeof VideoDetailInfoClient, zod.ZodObject<{
   showTags: zod.ZodBoolean & SchemaHasDefaultValue;
   showEpisodes: zod.ZodBoolean & SchemaHasDefaultValue;
@@ -15,6 +15,6 @@ declare const videoDetailInfoMaterial: DefineMaterialOption<typeof VideoDetailIn
     renderer: "renderer";
     editor: "editor";
   }>>;
-}, zod_v4_core0.$strip>, "video-detail-info">;
+}, zod_v4_core0.$strip>, "video-detail-info", "内容组件">;
 //#endregion
 export { videoDetailInfoMaterial };

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

@@ -0,0 +1,19 @@
+
+import { defineMaterial } from "../../../../../utils/schema/material.mjs";
+import { VideoDetailInfoClient } from "./client.mjs";
+import { videoDetailInfoInspectorPropsSchema } from "./schema.mjs";
+import { VideoDetailInfo } from "./server.mjs";
+
+//#region components/biz/business/detail/video-detail-info/material.ts
+const videoDetailInfoMaterial = defineMaterial({
+	type: "video-detail-info",
+	name: "专辑信息样式2",
+	icon: "/static/components-thumb/media_info_description_episode.png",
+	category: "内容组件",
+	serverComponent: VideoDetailInfo,
+	clientComponent: VideoDetailInfoClient,
+	propsSchema: videoDetailInfoInspectorPropsSchema
+});
+
+//#endregion
+export { videoDetailInfoMaterial };

package/dist/components/biz/business/detail/{materials/video-detail-info → video-detail-info}/schema.d.mts

@@ -1,10 +1,10 @@
 
-import { InferSchemaProps, SchemaHasDefaultValue } from "../../../../../../utils/schema/schema.mjs";
-import "../../../../../../utils/schema/index.mjs";
+import { InferSchemaProps, SchemaHasDefaultValue } from "../../../../../utils/schema/schema.mjs";
+import "../../../../../utils/schema/index.mjs";
 import * as zod from "zod";
 import * as zod_v4_core0 from "zod/v4/core";
 
-//#region components/biz/business/detail/materials/video-detail-info/schema.d.ts
+//#region components/biz/business/detail/video-detail-info/schema.d.ts
 /**
  * 媒体信息-简介&选集物料暂不对外开放配置。
  */

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

@@ -0,0 +1,21 @@
+
+import { defineComponentPropsSchema, defineSwitchPropSchema, getSchemaDefaultProps } from "../../../../../utils/schema/schema.mjs";
+
+//#region components/biz/business/detail/video-detail-info/schema.ts
+/**
+* 媒体信息-简介&选集物料暂不对外开放配置。
+*/
+const videoDetailInfoInspectorPropsSchema = defineComponentPropsSchema({
+	showTags: defineSwitchPropSchema({
+		label: "显示标签",
+		defaultValue: false
+	}),
+	showEpisodes: defineSwitchPropSchema({
+		label: "显示选集",
+		defaultValue: false
+	})
+});
+const videoDetailInfoInspectorDefaultProps = getSchemaDefaultProps(videoDetailInfoInspectorPropsSchema);
+
+//#endregion
+export { videoDetailInfoInspectorPropsSchema };