@funhub/platform 0.1.62 → 0.1.63

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

@@ -1,394 +1,2 @@
 
-'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 };
+"use client";import{cn as e}from"../../../../../utils/cn.mjs";import{pxToVw as t}from"../../../../../utils/helper.mjs";import{Image as n}from"../../../../ui/image.mjs";import{Box as r}from"../../../../ui/box.mjs";import{Text as i}from"../../../../ui/text.mjs";import{useBrowseReport as a}from"../../../../../hooks/use-browse-report.mjs";import{MediaPreview as o,useMediaPreview as s}from"../../../../common/media-preview/index.mjs";import c from"../../../../common/video-player/index.mjs";import{UserActivityMediaGrid as l}from"../../../../common/list/user-activity-list/user-activity-list-item.mjs";import{memo as u,useCallback as d,useEffect as f,useMemo as p,useRef as m}from"react";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{useTranslations as v}from"next-intl";const y=u(({mode:t=`renderer`,information:n,isVideo:a,episodeIndex:c=0,resumeProgressSeconds:u=0,className:f=``})=>{let m=t===`editor`,h=p(()=>({id:n.id,name:n.name,preview_images:n.preview_images,img_y:n.img_y,img_x:n.img_x}),[n.id,n.name,n.preview_images,n.img_y,n.img_x]),v=p(()=>{let e=n?.medias,t=Array.isArray(e)?e.filter(Boolean):[];return t.length>0?t:(h.preview_images?.length?h.preview_images:[h.img_y||h.img_x||``].filter(Boolean)).filter(Boolean).map(e=>({media_url:e,is_video:!1,cover_image:``}))},[h.img_x,h.img_y,h.preview_images,n]),y=s(),x=p(()=>v.filter(Boolean).map(e=>{let t=e?.is_video?`video`:`image`,r=String(e?.media_url||``),i=e?.cover_image||n.img_y||n.img_x;return{src:r,type:t,...i?{cover:String(i)}:{}}}).filter(e=>!!e.src),[n.img_x,n.img_y,v]),S=d(e=>{m||!x.length||y.open(x,e)},[m,y,x]);return m?g(`img`,{src:`/static/components-thumb/video_player.png`,alt:`video-preview`,className:`w-full block`}):a?g(b,{information:n,episodeIndex:c,resumeProgressSeconds:u,isEditor:m}):_(`div`,{className:e(`w-full`,f),children:[_(r,{className:`mt-3 px-[12px] space-y-1`,children:[g(i,{as:`p`,className:`break-all`,dangerouslySetInnerHTML:{__html:n.description}}),g(l,{medias:v,onItemClick:S})]}),g(o,{})]})});y.displayName=`DetailHero`;const b=u(({information:e,episodeIndex:t,resumeProgressSeconds:n,isEditor:r})=>{let i=p(()=>({id:e.id,mid:e.mid,img_width:e.img_width,img_height:e.img_height,img_y:e.img_y,img_x:e.img_x,preview_images:e.preview_images}),[e.id,e.mid,e.img_width,e.img_height,e.img_y,e.img_x,e.preview_images]);return g(x,{information:{...e,...i},episodeIndex:t,resumeProgressSeconds:n,isEditor:r})},(e,t)=>{let n=e.information,r=t.information;return n.id===r.id&&n.mid===r.mid&&n.img_width===r.img_width&&n.img_height===r.img_height&&n.img_y===r.img_y&&n.img_x===r.img_x&&e.resumeProgressSeconds===t.resumeProgressSeconds&&e.episodeIndex===t.episodeIndex&&e.isEditor===t.isEditor});b.displayName=`StableDetailPlayerBox`;function x({information:e,episodeIndex:i,resumeProgressSeconds:o,isEditor:s}){let l=v(`components.biz.business.detail`),u=m(0),y=m(0),b=Math.max(0,Number(i)||0),x=b+1,T=p(()=>e?.id,[e?.id]),E=p(()=>({id:e.id,mid:e.mid,img_width:e.img_width,img_height:e.img_height,img_y:e.img_y,img_x:e.img_x,preview_images:e.preview_images,links:e.links}),[e.id,e.mid,e.img_width,e.img_height,e.img_y,e.img_x,e.preview_images,e.links]),D=p(()=>E.mid||E.id,[E.id,E.mid]),O=p(()=>{let e=E.links?.[b]?.id;return e?String(e):`ep-${b+1}`},[b,E.links]),k=p(()=>`__reportData_detail_page__${E.id}:${O}`,[O,E.id]),A=p(()=>{if(s||typeof window>`u`)return 0;try{let e=sessionStorage.getItem(k);if(!e)return 0;let t=JSON.parse(e),n=Number(t.currentTime||0),r=Number(t.duration||0);if(!Number.isFinite(n)||!Number.isFinite(r))return 0;if(n>0&&r>0)return n}catch(e){console.error(`读取 sessionStorage 数据失败:`,e)}return 0},[s,k]),j=p(()=>{let e=Number(o||0);return Number.isFinite(e)&&e>0?e:0},[o]),M=p(()=>j>0?j:A,[j,A]),N=p(()=>{let t=w(e),n=t[t.length?Math.max(0,Math.min(b,t.length-1)):0]?.url||``,r=!!t.length;if(!r)return{hasVideo:!1,hlsList:[],videoUrl:``,width:1,height:1,resolution:`0x0`,aspectRatio:1,poster:``};let i=Number(E.img_width||0)||1,a=Number(E.img_height||0)||1;return{hasVideo:r,hlsList:t,videoUrl:n,width:i,height:a,resolution:S(i,a),aspectRatio:(i||1)/(a||1),poster:E.img_y||E.img_x||E.preview_images?.[0]||``}},[e.id,e.links,b,E.img_width,E.img_height,E.img_y,E.img_x,E.preview_images]),P=d((e,t)=>{u.current=e,y.current=t},[]),F=p(()=>N.videoUrl.endsWith(`m3u8`)?{startTimeSeconds:M,preload:`none`}:{startTimeSeconds:M},[M,N.videoUrl]);f(()=>{u.current=0,y.current=0},[T,b]);let I=a({contentId:T,browseEpisode:x,contentType:1,enabled:!s&&!!T,intervalMs:60*1e3,getCurrentTimeSeconds:()=>u.current,getDurationSeconds:()=>y.current});if(f(()=>{if(s)return;let e=()=>{if(!(typeof window>`u`)&&!(u.current<=0||y.current<=0))try{sessionStorage.setItem(k,JSON.stringify({episodeId:O,currentTime:u.current,duration:y.current}))}catch(e){console.error(`写入 sessionStorage 失败:`,e)}},t=()=>{e()},n=()=>{document.visibilityState===`hidden`&&e()},r=()=>{e()};return window.addEventListener(`beforeunload`,t),document.addEventListener(`visibilitychange`,n),window.addEventListener(`popstate`,r),()=>{window.removeEventListener(`beforeunload`,t),document.removeEventListener(`visibilitychange`,n),window.removeEventListener(`popstate`,r),e()}},[O,s,k]),!N.hasVideo)return g(`div`,{className:`mt-3 rounded-xl bg-bg1 px-3 py-10 text-center text-text3`,children:l(`videoHero.noVideos`)});let L=C(430,N.aspectRatio,242),R=L.height>0?t(L.height):`auto`,z=t(242);return _(h,{children:[g(r,{suppressHydrationWarning:!0,className:`w-full`,style:{height:R,maxWidth:`100%`,maxHeight:z}}),_(r,{className:`w-full relative bg-bg2 !fixed !top-[44px] !left-0 z-[10]`,children:[N.poster&&_(`div`,{className:`w-full h-full bg-bg2 absolute top-0 left-0 z-[1] overflow-hidden`,style:{height:R},children:[g(n,{src:N.poster,alt:l(`videoHero.coverAlt`),fill:!0,className:`object-cover`,priority:!0}),g(`div`,{className:`w-full h-full absolute top-0 left-0 z-[1] bg-[rgba(255,255,255,0.2)] backdrop-blur-[4px]`})]}),g(r,{suppressHydrationWarning:!0,"data-aspect-ratio":N.resolution,className:`w-full overflow-hidden flex justify-center relative z-[2]`,style:{height:R,maxWidth:`100%`,maxHeight:z,backdropFilter:`blur(0)`,WebkitBackdropFilter:`blur(0)`},children:g(c,{plyerId:`detail-player-${E.id}-${b}`,parentId:D,resolution:N.resolution||`0x0`,videoUrl:N.videoUrl,poster:N.poster,mergeConfig:F,onProgressUpdate:s?void 0:P,onPlay:s?void 0:I.handlePlay,onPause:s?void 0:I.handlePause,onEnded:s?void 0:I.handleEnded},`stable-player-${E.id}-${b}`)})]})]})}function S(e,t){return!e||!t?``:`${e}x${t}`}function C(e,t,n){let r=e/t;return r<=n?{width:e,height:r}:{width:n*t,height:n}}function w(e){let t=e.links||[];return t.length>0?t.map((e,t)=>({text:e.name||String(t+1),url:e.m3u8_url||e.preview_m3u8_url||``,definition:``,isDefault:t===0})).filter(e=>e.url):[]}export{y as DetailHero};

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

@@ -1,29 +1,2 @@
 
-'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 };
+"use client";import{DetailOperate as e}from"../shared/detail-operate.mjs";import{editorPreviewInformation as t}from"../shared/editor-preview.mjs";import{useVideoDetailMaterialRuntimeContext as n}from"../shared/runtime-context-provider.mjs";import{jsx as r}from"react/jsx-runtime";function i({mode:i=`renderer`}){let a=n(),o=a?.information,s=a?.onUpdateInformation,c=i===`editor`||!o;return r(`div`,{className:c?`pointer-events-none`:void 0,children:r(e,{mode:i,information:c?t:o,onUpdate:c?e=>{}:s??(()=>{})})})}export{i as VideoDetailActionsClient};

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

@@ -1,19 +1,2 @@
 
-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 };
+import{defineMaterial as e}from"../../../../../utils/schema/material.mjs";import{VideoDetailActionsClient as t}from"./client.mjs";import{videoDetailActionsInspectorPropsSchema as n}from"./schema.mjs";import{VideoDetailActions as r}from"./server.mjs";const i=e({type:`video-detail-actions`,name:`行为模块`,icon:`/static/components-thumb/interaction_actions_default.png`,category:`行为组件`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as videoDetailActionsMaterial};

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

@@ -1,12 +1,2 @@
 
-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 };
+import{defineComponentPropsSchema as e,getSchemaDefaultProps as t}from"../../../../../utils/schema/schema.mjs";const n=e({});t(n);export{n as videoDetailActionsInspectorPropsSchema};

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

@@ -1,18 +1,2 @@
 
-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 };
+import{VideoDetailActionsClient 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 VideoDetailActions};

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

@@ -1,41 +1,2 @@
 
-'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 };
+"use client";import{SeriesEpisodes as e}from"../../../../common/series-episodes/index.mjs";import{DetailIntroduction as t}from"../shared/detail-introduction.mjs";import{editorPreviewInformation as n}from"../shared/editor-preview.mjs";import{useVideoDetailMaterialRuntimeContext as r}from"../shared/runtime-context-provider.mjs";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({showTags:o=!1,showEpisodes:s=!1,mode:c=`renderer`}){let l=r(),u=l?.information,d=l?.currentSeriesNum??1,f=l?.onEpisodeChange,p=l?.isShow??!0,m=c===`editor`||!u,h=m?n:u,g=Math.max(1,Number(d||1)),_=m?e=>{}:f??(()=>{}),v=h?.is_more_link===`y`&&(h?.links?.length??0)>0;return a(`div`,{className:m?`pointer-events-none`:void 0,children:[i(t,{information:h,isShow:p,showTags:o}),s&&v&&i(e,{mode:`detail`,series_num:g,information:h,onEpisodeChange:_})]})}export{o as VideoDetailInfoClient};

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

@@ -1,19 +1,2 @@
 
-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 };
+import{defineMaterial as e}from"../../../../../utils/schema/material.mjs";import{VideoDetailInfoClient as t}from"./client.mjs";import{videoDetailInfoInspectorPropsSchema as n}from"./schema.mjs";import{VideoDetailInfo as r}from"./server.mjs";const i=e({type:`video-detail-info`,name:`专辑信息样式2`,icon:`/static/components-thumb/media_info_description_episode.png`,category:`内容组件`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as videoDetailInfoMaterial};

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

@@ -1,21 +1,2 @@
 
-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 };
+import{defineComponentPropsSchema as e,defineSwitchPropSchema as t,getSchemaDefaultProps as n}from"../../../../../utils/schema/schema.mjs";const r=e({showTags:t({label:`显示标签`,defaultValue:!1}),showEpisodes:t({label:`显示选集`,defaultValue:!1})});n(r);export{r as videoDetailInfoInspectorPropsSchema};

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

@@ -1,18 +1,2 @@
 
-import { VideoDetailInfoClient } from "./client.mjs";
-import { jsx } from "react/jsx-runtime";
-
-//#region components/biz/business/detail/video-detail-info/server.tsx
-/**
-* 媒体信息-简介&选集物料服务端组件。
-*/
-function VideoDetailInfo(props) {
-	const { mode = "renderer", ...rest } = props;
-	return /* @__PURE__ */ jsx(VideoDetailInfoClient, {
-		...rest,
-		mode
-	});
-}
-
-//#endregion
-export { VideoDetailInfo };
+import{VideoDetailInfoClient 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 VideoDetailInfo};

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

@@ -1,28 +1,2 @@
 
-'use client';
-
-import { Box } from "../../../../ui/box.mjs";
-import { useCardDecoration } from "../../../../../hooks/use-card-decoration.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 } from "react/jsx-runtime";
-
-//#region components/biz/business/detail/video-detail-info-title/client.tsx
-/**
-* 媒体信息物料客户端组件。
-*/
-function VideoDetailInfoTitleClient({ mode = "renderer" }) {
-	const information = useVideoDetailMaterialRuntimeContext()?.information;
-	const resolvedInformation = mode === "editor" || !information ? editorPreviewInformation : information;
-	const { getTitleText } = useCardDecoration();
-	const titleText = getTitleText(resolvedInformation);
-	if (!titleText) return null;
-	return /* @__PURE__ */ jsx(Box, {
-		className: "w-full mt-[16px] px-[12px]",
-		children: /* @__PURE__ */ jsx(DetailInfoTitle, { title: titleText })
-	});
-}
-
-//#endregion
-export { VideoDetailInfoTitleClient };
+"use client";import{Box as e}from"../../../../ui/box.mjs";import{useCardDecoration as t}from"../../../../../hooks/use-card-decoration.mjs";import{DetailInfoTitle as n}from"../shared/detail-info-title.mjs";import{editorPreviewInformation as r}from"../shared/editor-preview.mjs";import{useVideoDetailMaterialRuntimeContext as i}from"../shared/runtime-context-provider.mjs";import{jsx as a}from"react/jsx-runtime";function o({mode:o=`renderer`}){let s=i()?.information,c=o===`editor`||!s?r:s,{getTitleText:l}=t(),u=l(c);return u?a(e,{className:`w-full mt-[16px] px-[12px]`,children:a(n,{title:u})}):null}export{o as VideoDetailInfoTitleClient};

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

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