@funhub/platform 0.2.30 → 0.2.31

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

@@ -1,2 +1,98 @@
 
-"use client";import{useRequest as e}from"../../../../../hooks/query/use-query.mjs";import{batchQueryContentInteractions as t}from"../../../../../hooks/use-content-operate.mjs";import{DetailOperate as n}from"../shared/detail-operate.mjs";import{editorPreviewInformation as r}from"../shared/editor-preview.mjs";import{useVideoDetailMaterialRuntimeContext as i}from"../shared/runtime-context-provider.mjs";import{useCallback as a,useEffect as o,useRef as s,useState as c}from"react";import{jsx as l}from"react/jsx-runtime";function u({mode:u=`renderer`}){let d=i(),f=d?.information,p=d?.onUpdateInformation,m=u===`editor`,h=u===`renderer`,g=m,_=g?r:f,[v,y]=c(_),b=s(_),x=s(``),S=s(!1);o(()=>{y(_)},[_]);let C=p?_:v;o(()=>{b.current=C},[C]);let w=h&&!!_?.id,{data:T}=e([`video-detail-actions-interaction`,_?.id],async()=>_?.id?await t([_.id],1):null,{enabled:w,staleTime:0,refetchOnMount:`always`,refetchOnWindowFocus:!1}),E=a(e=>{if(!g){if(S.current=!0,p){p(e);return}y(t=>{if(!t)return t;let n=e.static?{...t.static||{},...e.static||{}}:t.static;return{...t,...e,static:n}})}},[p,g]);return o(()=>{if(S.current)return;let e=T?.interaction_list?.[0],t=b.current;if(!e||!t)return;let n=`${e.is_liked?1:0}-${e.is_disliked?1:0}-${e.is_collected?1:0}`;if(x.current===n)return;x.current=n;let r=e.is_liked||!1,i=e.is_disliked||!1,a=e.is_collected||!1,o=!!t.like,s=!!t.dislike,c=!!t.collect,l=t.like_count,u=typeof l==`number`?l:Number(l||0),d=u;!r&&u>0?d=Math.max(0,u-1):o===r?r&&u===0&&(d=1):d=Math.max(0,u+(r?1:-1));let f=d!==u;o===r&&s===i&&c===a&&!f||E({like:r,dislike:i,collect:a,...f?{like_count:d}:{}})},[E,T]),C?l(`div`,{className:g?`pointer-events-none`:void 0,children:l(n,{mode:u,information:C,onUpdate:E})}):null}export{u as VideoDetailActionsClient};
+'use client';
+
+import { useRequest } from "../../../../../hooks/query/use-query.mjs";
+import { batchQueryContentInteractions } from "../../../../../hooks/use-content-operate.mjs";
+import { DetailOperate } from "../shared/detail-operate.mjs";
+import { editorPreviewInformation } from "../shared/editor-preview.mjs";
+import { useVideoDetailMaterialRuntimeContext } from "../shared/runtime-context-provider.mjs";
+import { useCallback, useEffect, useRef, useState } from "react";
+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 isEditor = mode === "editor";
+	const isRenderer = mode === "renderer";
+	const shouldUsePreview = isEditor;
+	const fallbackInformation = shouldUsePreview ? editorPreviewInformation : information;
+	const [localInformation, setLocalInformation] = useState(fallbackInformation);
+	const latestResolvedInformationRef = useRef(fallbackInformation);
+	const lastHydratedInteractionKeyRef = useRef("");
+	const userHasInteractedRef = useRef(false);
+	useEffect(() => {
+		setLocalInformation(fallbackInformation);
+	}, [fallbackInformation]);
+	const resolvedInformation = onUpdate ? fallbackInformation : localInformation;
+	useEffect(() => {
+		latestResolvedInformationRef.current = resolvedInformation;
+	}, [resolvedInformation]);
+	const shouldHydrateInteraction = isRenderer && Boolean(fallbackInformation?.id);
+	const { data: interactionData } = useRequest(["video-detail-actions-interaction", fallbackInformation?.id], async () => {
+		if (!fallbackInformation?.id) return null;
+		return await batchQueryContentInteractions([fallbackInformation.id], 1);
+	}, {
+		enabled: shouldHydrateInteraction,
+		staleTime: 0,
+		refetchOnMount: "always",
+		refetchOnWindowFocus: false
+	});
+	const handleUpdate = useCallback((data) => {
+		if (shouldUsePreview) return;
+		userHasInteractedRef.current = true;
+		if (onUpdate) {
+			onUpdate(data);
+			return;
+		}
+		setLocalInformation((prev) => {
+			if (!prev) return prev;
+			const nextStatic = data.static ? {
+				...prev.static || {},
+				...data.static || {}
+			} : prev.static;
+			return {
+				...prev,
+				...data,
+				static: nextStatic
+			};
+		});
+	}, [onUpdate, shouldUsePreview]);
+	useEffect(() => {
+		if (userHasInteractedRef.current) return;
+		const interaction = interactionData?.interaction_list?.[0];
+		const currentInfo = latestResolvedInformationRef.current;
+		if (!interaction || !currentInfo) return;
+		const interactionKey = `${interaction.is_liked ? 1 : 0}-${interaction.is_disliked ? 1 : 0}-${interaction.is_collected ? 1 : 0}`;
+		if (lastHydratedInteractionKeyRef.current === interactionKey) return;
+		lastHydratedInteractionKeyRef.current = interactionKey;
+		const nextLike = interaction.is_liked || false;
+		const nextDislike = interaction.is_disliked || false;
+		const nextCollect = interaction.is_collected || false;
+		const currentLike = Boolean(currentInfo.like);
+		const currentDislike = Boolean(currentInfo.dislike);
+		const currentCollect = Boolean(currentInfo.collect);
+		if (currentLike === nextLike && currentDislike === nextDislike && currentCollect === nextCollect) return;
+		handleUpdate({
+			like: nextLike,
+			dislike: nextDislike,
+			collect: nextCollect
+		});
+	}, [handleUpdate, interactionData]);
+	if (!resolvedInformation) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: shouldUsePreview ? "pointer-events-none" : void 0,
+		children: /* @__PURE__ */ jsx(DetailOperate, {
+			mode,
+			information: resolvedInformation,
+			onUpdate: handleUpdate
+		})
+	});
+}
+
+//#endregion
+export { VideoDetailActionsClient };

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

@@ -1,2 +1,19 @@
 
-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};
+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/video-detail-actions/schema.mjs

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

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

@@ -1,2 +1,48 @@
 
-import{VideoDetailMaterialRuntimeProvider as e}from"../shared/runtime-context-provider.mjs";import{resolveVideoDetailRouteFromMaterialContext as t}from"../shared/material-route-context.mjs";import{getVideoDetailServerInformation as n}from"../shared/video-detail-server-data.mjs";import{VideoDetailActionsClient as r}from"./client.mjs";import{jsx as i}from"react/jsx-runtime";async function a(a){let{mode:o=`renderer`,detailId:s,currentSeriesNum:c,__route:l,...u}=a;if(o!==`renderer`)return i(r,{...u,mode:o});let d=t(l),f=String(s||d.detailId||``).trim();if(!f)return i(r,{...u,mode:o});let p=await n(f);if(!p)return i(r,{...u,mode:o});let m=Math.max(1,Number(c||d.currentSeriesNum||1));return i(e,{value:{information:p,detailId:f,currentSeriesNum:m,episodeIndex:Math.max(0,m-1),isShow:!0,isInformationLoading:!1,isInformationResolved:!0},children:i(r,{...u,mode:o})})}export{a as VideoDetailActions};
+import { VideoDetailMaterialRuntimeProvider } from "../shared/runtime-context-provider.mjs";
+import { resolveVideoDetailRouteFromMaterialContext } from "../shared/material-route-context.mjs";
+import { getVideoDetailServerInformation } from "../shared/video-detail-server-data.mjs";
+import { VideoDetailActionsClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/video-detail-actions/server.tsx
+/**
+* 视频详情行为模块服务端组件。
+*/
+async function VideoDetailActions(props) {
+	const { mode = "renderer", detailId, currentSeriesNum, __route, ...rest } = props;
+	if (mode !== "renderer") return /* @__PURE__ */ jsx(VideoDetailActionsClient, {
+		...rest,
+		mode
+	});
+	const routeContext = resolveVideoDetailRouteFromMaterialContext(__route);
+	const resolvedDetailId = String(detailId || routeContext.detailId || "").trim();
+	if (!resolvedDetailId) return /* @__PURE__ */ jsx(VideoDetailActionsClient, {
+		...rest,
+		mode
+	});
+	const information = await getVideoDetailServerInformation(resolvedDetailId);
+	if (!information) return /* @__PURE__ */ jsx(VideoDetailActionsClient, {
+		...rest,
+		mode
+	});
+	const resolvedSeriesNum = Math.max(1, Number(currentSeriesNum || routeContext.currentSeriesNum || 1));
+	return /* @__PURE__ */ jsx(VideoDetailMaterialRuntimeProvider, {
+		value: {
+			information,
+			detailId: resolvedDetailId,
+			currentSeriesNum: resolvedSeriesNum,
+			episodeIndex: Math.max(0, resolvedSeriesNum - 1),
+			isShow: true,
+			isInformationLoading: false,
+			isInformationResolved: true
+		},
+		children: /* @__PURE__ */ jsx(VideoDetailActionsClient, {
+			...rest,
+			mode
+		})
+	});
+}
+
+//#endregion
+export { VideoDetailActions };

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

@@ -1,2 +1,202 @@
 
-"use client";import e from"../../../../../assets/icons/common/right_arrow_thin.mjs";import{DetailStyleOneActiveBorderLayer as t,SeriesEpisodes as n}from"../../../../common/series-episodes/index.mjs";import{useCardDecoration as r}from"../../../../../hooks/use-card-decoration.mjs";import{editorPreviewInformation as i}from"../shared/editor-preview.mjs";import{useVideoDetailMaterialRuntimeContext as a}from"../shared/runtime-context-provider.mjs";import{useEffect as o,useMemo as s,useRef as c,useState as l}from"react";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{useTranslations as p}from"next-intl";function m(e,t,n){let r=Number.parseInt(e.id||``,10);return Number.isNaN(r)?e.name?.trim()||n(t):n(r)}function h({text:e}){let t=p(`components.biz.business.detail.detailIntroduction`),[n,r]=l(!1),[i,a]=l(!1),s=c(null);return o(()=>{r(!1)},[e]),o(()=>{if(n){a(!0);return}let t=s.current;if(!e||!t){a(!1);return}let r=()=>{a(t.scrollHeight>t.clientHeight+1)};r();let i=new ResizeObserver(r);return i.observe(t),()=>{i.disconnect()}},[n,e]),e?f(`div`,{className:`relative w-full`,children:[d(`p`,{ref:s,className:`w-full font-['PingFang_SC'] text-[14px] font-normal not-italic leading-[24px] text-white/50 ${n?``:`line-clamp-3`}`,children:e}),i&&d(`button`,{type:`button`,className:`font-['PingFang_SC'] text-[14px] font-medium not-italic leading-normal text-[#9054E5] ${n?`mt-[8px] ml-auto block`:`absolute right-0 bottom-0 flex h-[24px] w-[40px] items-center justify-end bg-gradient-to-r from-transparent via-[#161616] to-[#161616]`}`,onClick:()=>r(e=>!e),children:t(n?`collapse`:`expand`)})]}):null}function g({information:r,currentSeriesNum:i,onEpisodeChange:a}){let o=p(`components.common.seriesEpisodes`);function s(e){return o(`episodeLabel`,{episode:e})}let[c,h]=l(!1),[g,_]=l(!1),v=r.links?.length??0,y=r.links?.[i-1]?.id||r.links?.[0]?.id||``;return v<=1?null:f(u,{children:[f(`div`,{className:`mt-[16px] flex w-full flex-col gap-[16px]`,children:[f(`button`,{type:`button`,className:`flex w-full items-center justify-between`,onClick:()=>h(!0),children:[d(`span`,{className:`font-['PingFang_SC'] text-[18px] font-medium not-italic leading-[24px] text-text1`,children:o(`selectorTitle`)}),d(`span`,{className:`flex items-center opacity-60`,children:d(`span`,{className:`flex h-[24px] w-[24px] items-center justify-center p-[2px]`,children:d(e,{className:`h-[20px] w-[20px] text-text1`})})})]}),d(`div`,{className:`flex gap-[8px] overflow-x-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden`,children:(r.links||[]).map((e,n)=>{let o=n+1,c=o===i,l=m(e,o,s);return f(`button`,{type:`button`,className:g?`relative flex h-[40px] min-w-[88px] shrink-0 items-center justify-center overflow-hidden rounded-[8px] px-[16px] transition-colors ${c?``:`bg-white/10`}`:`relative flex h-[56px] w-[56px] shrink-0 items-center justify-center overflow-hidden rounded-[8px] transition-colors ${c?``:`bg-white/10`}`,onClick:()=>a(o),children:[c&&d(t,{}),d(`span`,{className:`relative z-10 leading-[16px] ${c?`text-[#CA3FE9]`:`text-text1`} ${g?`text-[14px] whitespace-nowrap`:`text-[16px]`}`,children:g?l:o})]},e.id||`${r.id}-episode-${o}`)})})]}),d(n,{mode:`selector`,open:c,variant:`popup`,title:o(`selectorTitle`),videoTitle:r.name,updateStatus:r.update_status,seriesList:(r.links||[]).map(e=>({id:e.id,name:e.name})),activeEpisodeId:y,showEpisodeTitle:g,onToggleTitle:e=>_(!!e),onClose:()=>h(!1),onSelectEpisode:(e,t)=>{h(!1),a(t)},popupStylePreset:`detail-style-one`})]})}function _({showTags:e=!0,showEpisodes:t=!0,mode:n=`renderer`}){let o=a(),c=o?.information,l=o?.currentSeriesNum??1,u=o?.onEpisodeChange,p=o?.isShow??!0,m=n===`editor`,{getTitleText:_}=r(),y=m,b=y?i:c,x=s(()=>b?_(b):``,[_,b]),S=s(()=>b?.description?.trim()||``,[b?.description]),C=s(()=>v(b?.score),[b?.score]);if(!b)return null;let w=Math.max(1,Number(l||1)),T=y?e=>{}:u??(()=>{}),E=e&&(b.tags?.length??0)>0,D=p&&!!S,O=(m||t)&&b.is_more_link===`y`&&(b.links?.length??0)>1;return!x&&!C&&!E&&!D&&!O?null:d(`div`,{className:y?`pointer-events-none`:void 0,children:f(`div`,{className:`w-full px-[12px] pt-[16px]`,children:[f(`div`,{className:`flex w-full flex-col gap-[12px]`,children:[(x||C)&&f(`div`,{className:`flex w-full items-center justify-between gap-[12px]`,children:[d(`p`,{className:`min-w-0 flex-1 truncate font-['PingFang_SC'] text-[18px] font-medium not-italic leading-normal text-text1`,children:x}),C&&d(`span`,{className:`shrink-0 font-['DIN'] text-[18px] font-bold not-italic leading-[20px] text-[#FFC039]`,children:C})]}),E&&d(`div`,{className:`flex items-center gap-[6px] overflow-x-auto overflow-y-hidden [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden`,children:(b.tags||[]).map((e,t)=>d(`div`,{className:`flex h-[24px] shrink-0 items-center justify-center rounded-[4px] bg-[rgba(217,217,217,0.2)] px-[4px] py-[2px]`,children:d(`span`,{className:`font-['PingFang_SC'] text-[12px] font-normal not-italic leading-[14px] text-text1`,children:e.name})},`${e.id||e.name}-${t}`))}),D&&d(h,{text:S})]}),O&&d(g,{information:b,currentSeriesNum:w,onEpisodeChange:T})]})})}function v(e){let t=Number(e||`0`);return!Number.isFinite(t)||t<=0?``:(t>10?t/10:t).toFixed(1)}export{_ as VideoDetailInfoClient};
+'use client';
+
+import SvgRightArrowThin from "../../../../../assets/icons/common/right_arrow_thin.mjs";
+import { DetailStyleOneActiveBorderLayer, SeriesEpisodes } from "../../../../common/series-episodes/index.mjs";
+import { useCardDecoration } from "../../../../../hooks/use-card-decoration.mjs";
+import { editorPreviewInformation } from "../shared/editor-preview.mjs";
+import { useVideoDetailMaterialRuntimeContext } from "../shared/runtime-context-provider.mjs";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/biz/business/detail/video-detail-info/client.tsx
+function getDetailStyleOneEpisodeTitle(link, episodeNum, formatEpisodeLabel) {
+	const parsedSeriesNum = Number.parseInt(link.id || "", 10);
+	if (!Number.isNaN(parsedSeriesNum)) return formatEpisodeLabel(parsedSeriesNum);
+	const normalizedName = link.name?.trim();
+	if (normalizedName) return normalizedName;
+	return formatEpisodeLabel(episodeNum);
+}
+function DetailStyleOneDescription({ text }) {
+	const t = useTranslations("components.biz.business.detail.detailIntroduction");
+	const [isExpanded, setIsExpanded] = useState(false);
+	const [isOverflow, setIsOverflow] = useState(false);
+	const descriptionRef = useRef(null);
+	useEffect(() => {
+		setIsExpanded(false);
+	}, [text]);
+	useEffect(() => {
+		if (isExpanded) {
+			setIsOverflow(true);
+			return;
+		}
+		const descriptionEl = descriptionRef.current;
+		if (!text || !descriptionEl) {
+			setIsOverflow(false);
+			return;
+		}
+		const updateOverflow = () => {
+			setIsOverflow(descriptionEl.scrollHeight > descriptionEl.clientHeight + 1);
+		};
+		updateOverflow();
+		const observer = new ResizeObserver(updateOverflow);
+		observer.observe(descriptionEl);
+		return () => {
+			observer.disconnect();
+		};
+	}, [isExpanded, text]);
+	if (!text) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative w-full",
+		children: [/* @__PURE__ */ jsx("p", {
+			ref: descriptionRef,
+			className: `w-full font-['PingFang_SC'] text-[14px] font-normal not-italic leading-[24px] text-white/50 ${isExpanded ? "" : "line-clamp-3"}`,
+			children: text
+		}), isOverflow && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: `font-['PingFang_SC'] text-[14px] font-medium not-italic leading-normal text-[#9054E5] ${isExpanded ? "mt-[8px] ml-auto block" : "absolute right-0 bottom-0 flex h-[24px] w-[40px] items-center justify-end bg-gradient-to-r from-transparent via-[#161616] to-[#161616]"}`,
+			onClick: () => setIsExpanded((prev) => !prev),
+			children: isExpanded ? t("collapse") : t("expand")
+		})]
+	});
+}
+function DetailStyleOneEpisodes({ information, currentSeriesNum, onEpisodeChange }) {
+	const t = useTranslations("components.common.seriesEpisodes");
+	function formatEpisodeLabel(episode) {
+		return t("episodeLabel", { episode });
+	}
+	const [selectorOpen, setSelectorOpen] = useState(false);
+	const [showEpisodeTitle, setShowEpisodeTitle] = useState(false);
+	const total = information.links?.length ?? 0;
+	const currentEpisodeId = information.links?.[currentSeriesNum - 1]?.id || information.links?.[0]?.id || "";
+	if (total <= 1) return null;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "mt-[16px] flex w-full flex-col gap-[16px]",
+		children: [/* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: "flex w-full items-center justify-between no-vw-x-16",
+			onClick: () => setSelectorOpen(true),
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "font-['PingFang_SC'] text-[18px] font-medium not-italic leading-[24px] text-text1",
+				children: t("selectorTitle")
+			}), /* @__PURE__ */ jsx("span", {
+				className: "flex items-center opacity-60",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "flex h-[24px] w-[24px] items-center justify-center p-[2px]",
+					children: /* @__PURE__ */ jsx(SvgRightArrowThin, { className: "h-[20px] w-[20px] text-text1" })
+				})
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex gap-[8px] no-vw-x-16 overflow-x-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
+			children: (information.links || []).map((link, index) => {
+				const episodeNum = index + 1;
+				const isActive = episodeNum === currentSeriesNum;
+				const episodeTitle = getDetailStyleOneEpisodeTitle(link, episodeNum, formatEpisodeLabel);
+				return /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: showEpisodeTitle ? `relative flex h-[40px] min-w-[88px] shrink-0 items-center justify-center overflow-hidden rounded-[8px] px-[16px] transition-colors ${isActive ? "" : "bg-white/10"}` : `relative flex h-[56px] w-[56px] shrink-0 items-center justify-center overflow-hidden rounded-[8px] transition-colors ${isActive ? "" : "bg-white/10"}`,
+					onClick: () => onEpisodeChange(episodeNum),
+					children: [isActive && /* @__PURE__ */ jsx(DetailStyleOneActiveBorderLayer, {}), /* @__PURE__ */ jsx("span", {
+						className: `relative z-10 leading-[16px] ${isActive ? "text-[#CA3FE9]" : "text-text1"} ${showEpisodeTitle ? "text-[14px] whitespace-nowrap" : "text-[16px]"}`,
+						children: showEpisodeTitle ? episodeTitle : episodeNum
+					})]
+				}, link.id || `${information.id}-episode-${episodeNum}`);
+			})
+		})]
+	}), /* @__PURE__ */ jsx(SeriesEpisodes, {
+		mode: "selector",
+		open: selectorOpen,
+		variant: "popup",
+		title: t("selectorTitle"),
+		videoTitle: information.name,
+		updateStatus: information.update_status,
+		seriesList: (information.links || []).map((link) => ({
+			id: link.id,
+			name: link.name
+		})),
+		activeEpisodeId: currentEpisodeId,
+		showEpisodeTitle,
+		onToggleTitle: (value) => setShowEpisodeTitle(Boolean(value)),
+		onClose: () => setSelectorOpen(false),
+		onSelectEpisode: (_episodeId, episodeNum) => {
+			setSelectorOpen(false);
+			onEpisodeChange(episodeNum);
+		},
+		popupStylePreset: "detail-style-one"
+	})] });
+}
+/**
+* 媒体信息-简介&选集物料客户端组件。
+*/
+function VideoDetailInfoClient({ showTags = true, showEpisodes = true, mode = "renderer" }) {
+	const runtimeContext = useVideoDetailMaterialRuntimeContext();
+	const information = runtimeContext?.information;
+	const currentSeriesNum = runtimeContext?.currentSeriesNum ?? 1;
+	const onEpisodeChange = runtimeContext?.onEpisodeChange;
+	const isShow = runtimeContext?.isShow ?? true;
+	const isEditor = mode === "editor";
+	const { getTitleText } = useCardDecoration();
+	const shouldUsePreview = isEditor;
+	const resolvedInformation = shouldUsePreview ? editorPreviewInformation : information;
+	const titleText = useMemo(() => {
+		return resolvedInformation ? getTitleText(resolvedInformation) : "";
+	}, [getTitleText, resolvedInformation]);
+	const descriptionText = useMemo(() => {
+		return resolvedInformation?.description?.trim() || "";
+	}, [resolvedInformation?.description]);
+	const scoreText = useMemo(() => {
+		return formatScoreText(resolvedInformation?.score);
+	}, [resolvedInformation?.score]);
+	if (!resolvedInformation) return null;
+	const resolvedSeriesNum = Math.max(1, Number(currentSeriesNum || 1));
+	const handleEpisodeChange = shouldUsePreview ? (_nextSeriesNum) => {} : onEpisodeChange ?? (() => {});
+	const shouldShowTags = showTags && (resolvedInformation.tags?.length ?? 0) > 0;
+	const shouldShowDescription = isShow && Boolean(descriptionText);
+	const shouldShowSeries = (isEditor || showEpisodes) && resolvedInformation.is_more_link === "y" && (resolvedInformation.links?.length ?? 0) > 1;
+	if (!titleText && !scoreText && !shouldShowTags && !shouldShowDescription && !shouldShowSeries) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: shouldUsePreview ? "pointer-events-none" : void 0,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "w-full pt-[16px]",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex w-full flex-col gap-[12px] no-vw-x-16",
+				children: [
+					(titleText || scoreText) && /* @__PURE__ */ jsxs("div", {
+						className: "flex w-full items-center justify-between gap-[12px]",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "min-w-0 flex-1 truncate font-['PingFang_SC'] text-[18px] font-medium not-italic leading-normal text-text1",
+							children: titleText
+						}), scoreText && /* @__PURE__ */ jsx("span", {
+							className: "shrink-0 font-['DIN'] text-[18px] font-bold not-italic leading-[20px] text-[#FFC039]",
+							children: scoreText
+						})]
+					}),
+					shouldShowTags && /* @__PURE__ */ jsx("div", {
+						className: "flex items-center gap-[6px] overflow-x-auto overflow-y-hidden [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
+						children: (resolvedInformation.tags || []).map((tag, index) => /* @__PURE__ */ jsx("div", {
+							className: "flex h-[24px] shrink-0 items-center justify-center rounded-[4px] bg-[rgba(217,217,217,0.2)] px-[4px] py-[2px]",
+							children: /* @__PURE__ */ jsx("span", {
+								className: "font-['PingFang_SC'] text-[12px] font-normal not-italic leading-[14px] text-text1",
+								children: tag.name
+							})
+						}, `${tag.id || tag.name}-${index}`))
+					}),
+					shouldShowDescription && /* @__PURE__ */ jsx(DetailStyleOneDescription, { text: descriptionText })
+				]
+			}), shouldShowSeries && /* @__PURE__ */ jsx(DetailStyleOneEpisodes, {
+				information: resolvedInformation,
+				currentSeriesNum: resolvedSeriesNum,
+				onEpisodeChange: handleEpisodeChange
+			})]
+		})
+	});
+}
+function formatScoreText(score) {
+	const numericScore = Number(score || "0");
+	if (!Number.isFinite(numericScore) || numericScore <= 0) return "";
+	return (numericScore > 10 ? numericScore / 10 : numericScore).toFixed(1);
+}
+
+//#endregion
+export { VideoDetailInfoClient };

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

@@ -1,2 +1,19 @@
 
-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:`专辑信息样式1`,icon:`/static/components-thumb/media_info_description_episode.png`,category:`内容组件`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as videoDetailInfoMaterial};
+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: "专辑信息样式1",
+	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/video-detail-info/schema.mjs

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

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

@@ -1,2 +1,46 @@
 
-import{VideoDetailMaterialRuntimeProvider as e}from"../shared/runtime-context-provider.mjs";import{VideoDetailInfoClient as t}from"./client.mjs";import{resolveVideoDetailRouteFromMaterialContext as n}from"../shared/material-route-context.mjs";import{getVideoDetailServerInformation as r}from"../shared/video-detail-server-data.mjs";import{jsx as i}from"react/jsx-runtime";async function a(a){let{mode:o=`renderer`,detailId:s,currentSeriesNum:c,__route:l,...u}=a;if(o!==`renderer`)return i(t,{...u,mode:o});let d=n(l),f=String(s||d.detailId||``).trim();if(!f)return i(t,{...u,mode:o});let p=await r(f);return p?i(e,{value:{information:p,detailId:f,currentSeriesNum:Math.max(1,Number(c||d.currentSeriesNum||1)),isShow:!0,isInformationLoading:!1,isInformationResolved:!0},children:i(t,{...u,mode:o})}):i(t,{...u,mode:o})}export{a as VideoDetailInfo};
+import { VideoDetailMaterialRuntimeProvider } from "../shared/runtime-context-provider.mjs";
+import { VideoDetailInfoClient } from "./client.mjs";
+import { resolveVideoDetailRouteFromMaterialContext } from "../shared/material-route-context.mjs";
+import { getVideoDetailServerInformation } from "../shared/video-detail-server-data.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/video-detail-info/server.tsx
+/**
+* 媒体信息-简介&选集物料服务端组件。
+*/
+async function VideoDetailInfo(props) {
+	const { mode = "renderer", detailId, currentSeriesNum, __route, ...rest } = props;
+	if (mode !== "renderer") return /* @__PURE__ */ jsx(VideoDetailInfoClient, {
+		...rest,
+		mode
+	});
+	const routeContext = resolveVideoDetailRouteFromMaterialContext(__route);
+	const resolvedDetailId = String(detailId || routeContext.detailId || "").trim();
+	if (!resolvedDetailId) return /* @__PURE__ */ jsx(VideoDetailInfoClient, {
+		...rest,
+		mode
+	});
+	const information = await getVideoDetailServerInformation(resolvedDetailId);
+	if (!information) return /* @__PURE__ */ jsx(VideoDetailInfoClient, {
+		...rest,
+		mode
+	});
+	return /* @__PURE__ */ jsx(VideoDetailMaterialRuntimeProvider, {
+		value: {
+			information,
+			detailId: resolvedDetailId,
+			currentSeriesNum: Math.max(1, Number(currentSeriesNum || routeContext.currentSeriesNum || 1)),
+			isShow: true,
+			isInformationLoading: false,
+			isInformationResolved: true
+		},
+		children: /* @__PURE__ */ jsx(VideoDetailInfoClient, {
+			...rest,
+			mode
+		})
+	});
+}
+
+//#endregion
+export { VideoDetailInfo };

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

@@ -1,2 +1,52 @@
 
-"use client";import{Box as e}from"../../../../ui/box.mjs";import{SeriesEpisodes as t}from"../../../../common/series-episodes/index.mjs";import{useCardDecoration as n}from"../../../../../hooks/use-card-decoration.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`,{getTitleText:_}=n(),v=g,y=v?a:p;if(!y)return null;let b=Math.max(1,Number(m||1)),x=v?e=>{}:h??(()=>{}),S=_(y),C=y?.is_more_link===`y`&&(y?.links?.length??0)>1,w=l&&(y.tags?.length??0)>0,T=(g||u)&&C;return!S&&!w&&!T?null:c(e,{className:`w-full pt-[16px] ${v?`pointer-events-none`:``}`,children:[c(e,{className:`px-[12px]`,children:[S&&s(i,{title:S}),w&&s(r,{tags:y.tags||[],className:`mt-[12px]`})]}),T&&s(t,{mode:`detail`,series_num:b,information:y,onEpisodeChange:x})]})}export{l as VideoDetailInfoTitleTagsEpisodesClient};
+'use client';
+
+import { Box } from "../../../../ui/box.mjs";
+import { SeriesEpisodes } from "../../../../common/series-episodes/index.mjs";
+import { useCardDecoration } from "../../../../../hooks/use-card-decoration.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 isEditor = mode === "editor";
+	const { getTitleText } = useCardDecoration();
+	const shouldUsePreview = isEditor;
+	const resolvedInformation = shouldUsePreview ? editorPreviewInformation : information;
+	if (!resolvedInformation) return null;
+	const resolvedSeriesNum = Math.max(1, Number(currentSeriesNum || 1));
+	const handleEpisodeChange = shouldUsePreview ? (_nextSeriesNum) => {} : onEpisodeChange ?? (() => {});
+	const titleText = getTitleText(resolvedInformation);
+	const isShowSeries = resolvedInformation?.is_more_link === "y" && (resolvedInformation?.links?.length ?? 0) > 1;
+	const shouldShowTags = showTags && (resolvedInformation.tags?.length ?? 0) > 0;
+	const shouldShowSeries = (isEditor || showEpisodes) && isShowSeries;
+	if (!titleText && !shouldShowTags && !shouldShowSeries) return null;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: `w-full pt-[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:`专辑信息样式2`,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: "专辑信息样式2",
+	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,15 @@
 
-import{defineComponentPropsSchema as e,getSchemaDefaultProps as t}from"../../../../../utils/schema/schema.mjs";const n=e(e=>({showTags:e.boolean(!0,{label:`显示标签`}),showEpisodes:e.boolean(!0,{label:`显示选集`})}));t(n);export{n as videoDetailInfoTitleTagsEpisodesInspectorPropsSchema};
+import { defineComponentPropsSchema, getSchemaDefaultProps } from "../../../../../utils/schema/schema.mjs";
+
+//#region components/biz/business/detail/video-detail-info-title-tags-episodes/schema.ts
+/**
+* 媒体信息-选集物料暂不对外开放配置。
+*/
+const videoDetailInfoTitleTagsEpisodesInspectorPropsSchema = defineComponentPropsSchema((t) => ({
+	showTags: t.boolean(true, { label: "显示标签" }),
+	showEpisodes: t.boolean(true, { label: "显示选集" })
+}));
+const videoDetailInfoTitleTagsEpisodesInspectorDefaultProps = getSchemaDefaultProps(videoDetailInfoTitleTagsEpisodesInspectorPropsSchema);
+
+//#endregion
+export { videoDetailInfoTitleTagsEpisodesInspectorPropsSchema };

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

@@ -1,2 +1,46 @@
 
-import{VideoDetailMaterialRuntimeProvider as e}from"../shared/runtime-context-provider.mjs";import{resolveVideoDetailRouteFromMaterialContext as t}from"../shared/material-route-context.mjs";import{getVideoDetailServerInformation as n}from"../shared/video-detail-server-data.mjs";import{VideoDetailInfoTitleTagsEpisodesClient as r}from"./client.mjs";import{jsx as i}from"react/jsx-runtime";async function a(a){let{mode:o=`renderer`,detailId:s,currentSeriesNum:c,__route:l,...u}=a;if(o!==`renderer`)return i(r,{...u,mode:o});let d=t(l),f=String(s||d.detailId||``).trim();if(!f)return i(r,{...u,mode:o});let p=await n(f);return p?i(e,{value:{information:p,detailId:f,currentSeriesNum:Math.max(1,Number(c||d.currentSeriesNum||1)),isShow:!0,isInformationLoading:!1,isInformationResolved:!0},children:i(r,{...u,mode:o})}):i(r,{...u,mode:o})}export{a as VideoDetailInfoTitleTagsEpisodes};
+import { VideoDetailMaterialRuntimeProvider } from "../shared/runtime-context-provider.mjs";
+import { resolveVideoDetailRouteFromMaterialContext } from "../shared/material-route-context.mjs";
+import { getVideoDetailServerInformation } from "../shared/video-detail-server-data.mjs";
+import { VideoDetailInfoTitleTagsEpisodesClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/detail/video-detail-info-title-tags-episodes/server.tsx
+/**
+* 媒体信息-选集物料服务端组件。
+*/
+async function VideoDetailInfoTitleTagsEpisodes(props) {
+	const { mode = "renderer", detailId, currentSeriesNum, __route, ...rest } = props;
+	if (mode !== "renderer") return /* @__PURE__ */ jsx(VideoDetailInfoTitleTagsEpisodesClient, {
+		...rest,
+		mode
+	});
+	const routeContext = resolveVideoDetailRouteFromMaterialContext(__route);
+	const resolvedDetailId = String(detailId || routeContext.detailId || "").trim();
+	if (!resolvedDetailId) return /* @__PURE__ */ jsx(VideoDetailInfoTitleTagsEpisodesClient, {
+		...rest,
+		mode
+	});
+	const information = await getVideoDetailServerInformation(resolvedDetailId);
+	if (!information) return /* @__PURE__ */ jsx(VideoDetailInfoTitleTagsEpisodesClient, {
+		...rest,
+		mode
+	});
+	return /* @__PURE__ */ jsx(VideoDetailMaterialRuntimeProvider, {
+		value: {
+			information,
+			detailId: resolvedDetailId,
+			currentSeriesNum: Math.max(1, Number(currentSeriesNum || routeContext.currentSeriesNum || 1)),
+			isShow: true,
+			isInformationLoading: false,
+			isInformationResolved: true
+		},
+		children: /* @__PURE__ */ jsx(VideoDetailInfoTitleTagsEpisodesClient, {
+			...rest,
+			mode
+		})
+	});
+}
+
+//#endregion
+export { VideoDetailInfoTitleTagsEpisodes };