@funhub/platform 0.2.29 → 0.2.31

package/dist/components/biz/basics/card-layout/schema/props.schema.mjs

@@ -1,2 +1,29 @@
 
-import{CardSpec as e}from"../../../utils/constants/card-spec.mjs";const t={cardSpec:{type:`enum`,title:`卡片规格`,description:`统一管理卡片尺寸、比例、列数和图片方向`,default:e.V3_SMALL,enum:Object.values(e),enumNames:[`横屏 2列`,`竖屏 3列`,`竖屏 2列（大图）`]},gap:{type:`number`,title:`间距`,description:`卡片之间的间距（像素）`,default:8,minimum:0,maximum:32}};export{t as propsSchema};
+import { CardSpec } from "../../../utils/constants/card-spec.mjs";
+
+//#region components/biz/basics/card-layout/schema/props.schema.ts
+const propsSchema = {
+	cardSpec: {
+		type: "enum",
+		title: "卡片规格",
+		description: "统一管理卡片尺寸、比例、列数和图片方向",
+		default: CardSpec.V3_SMALL,
+		enum: Object.values(CardSpec),
+		enumNames: [
+			"横屏 2列",
+			"竖屏 3列",
+			"竖屏 2列（大图）"
+		]
+	},
+	gap: {
+		type: "number",
+		title: "间距",
+		description: "卡片之间的间距（像素）",
+		default: 8,
+		minimum: 0,
+		maximum: 32
+	}
+};
+
+//#endregion
+export { propsSchema };

package/dist/components/biz/basics/card-layout/schema/style.schema.mjs

@@ -1,2 +1,8 @@
 
-import{commonStyleSchema as e}from"../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};
+import { commonStyleSchema } from "../../../utils/styles/schema.mjs";
+
+//#region components/biz/basics/card-layout/schema/style.schema.ts
+const styleSchema = { ...commonStyleSchema };
+
+//#endregion
+export { styleSchema };

package/dist/components/biz/basics/fullscreen-feed/basic-fullscreen.mjs

@@ -1,2 +1,269 @@
 
-"use client";import{useFullscreenGestures as e}from"../../../../hooks/use-fullscreen-gestures.mjs";import{useCallback as t,useEffect as n,useLayoutEffect as r,useMemo as i,useRef as a,useState as o}from"react";import{jsx as s}from"react/jsx-runtime";function c(e,t,n){if(e<=0||n<=0)return[];let r=Math.min(n,e),i=Math.max(0,Math.min(t,e-1))-Math.floor(r/2),a=i+r-1;return i<0&&(i=0,a=r-1),a>e-1&&(a=e-1,i=Math.max(0,a-r+1)),Array.from({length:a-i+1},(e,t)=>i+t)}function l({items:l,activeIndex:u,className:d,trackClassName:f,itemWrapperClassName:p,style:m,userInteracted:h,onUserInteracted:g,onActiveIndexChange:_,onViewportIndexChange:v,onGestureStart:y,onGestureEnd:b,onSwipeCancel:x,renderItem:S}){let C=i(()=>l.length<=0?u:Math.max(0,Math.min(u,l.length-1)),[u,l.length]),w=a(null),T=a(null),E=a(0),D=a(C),O=a(!1),k=a(null),A=a(null),[j,M]=o(C),[N,P]=o(u),F=t(()=>{let e=E.current||w.current?.clientHeight||0;return e>0?e:typeof window>`u`?0:Math.max(0,window.innerHeight-0)},[]),I=t(({dy:e,withTransition:t,index:n})=>{let r=T.current;if(!r)return;let i=F(),a=-(n??D.current)*i+e;if(t){r.style.transition=`transform 260ms ease`,window.requestAnimationFrame(()=>{r.style.transform=`translate3d(0, ${a}px, 0)`});return}r.style.transition=`none`,r.style.transform=`translate3d(0, ${a}px, 0)`},[F]);r(()=>{let e=w.current;if(!e)return;let t=()=>{let t=e.clientHeight||0,n=E.current;E.current=t,n!==t&&I({dy:0,withTransition:!1,index:D.current})};t();let n=new ResizeObserver(()=>t());return n.observe(e),window.addEventListener(`resize`,t),()=>{window.removeEventListener(`resize`,t),n.disconnect()}},[I]),n(()=>{let e=null,t=0,n=()=>{if(l.length!==0){if(!T.current&&t<10){t+=1,e=window.setTimeout(n,50);return}I({dy:0,withTransition:!1,index:D.current})}};return n(),()=>{e&&window.clearTimeout(e)}},[I,l.length]),n(()=>{D.current=C,I({dy:0,withTransition:!0,index:C}),M(C),A.current&&=(window.clearTimeout(A.current),null);let e=C;A.current=window.setTimeout(()=>{A.current=null,D.current===e&&P(e)},260)},[I,C]),n(()=>()=>{k.current&&window.clearTimeout(k.current),A.current&&window.clearTimeout(A.current)},[]),n(()=>{let e=()=>g();return h||window.addEventListener(`pointerdown`,e,{once:!0}),()=>{window.removeEventListener(`pointerdown`,e)}},[g,h]);let L=t((e,t)=>{let n=Math.max(0,Math.min(e,l.length-1)),r=D.current;D.current=n,M(n),I({dy:0,withTransition:!0,index:n}),n!==r&&(v?.(n),_(n,t))},[I,l.length,_,v]),R=t(()=>{if(l.length===0)return;let e=Math.min(D.current+1,l.length-1);O.current=!0,k.current&&=(window.clearTimeout(k.current),null),L(e,`next`),k.current=window.setTimeout(()=>{O.current=!1,k.current=null},260)},[L,l.length]),z=t(()=>{if(l.length===0)return;let e=Math.max(D.current-1,0);O.current=!0,k.current&&=(window.clearTimeout(k.current),null),L(e,`prev`),k.current=window.setTimeout(()=>{O.current=!1,k.current=null},260)},[L,l.length]),{handlePointerDown:B,handlePointerMove:V,handlePointerUpOrCancel:H}=e({getPageHeight:F,isAnimating:()=>O.current,applyTransform:({dy:e,withTransition:t})=>I({dy:e,withTransition:t}),onSwipeNext:R,onSwipePrev:z,onGestureStart:e=>y?.({activeIndex:D.current,pointerType:e.pointerType}),onGestureEnd:e=>b?.({activeIndex:D.current,lockAxis:e.lockAxis,minDy:e.minDy,maxDy:e.maxDy}),onSwipeCancel:e=>x?.({activeIndex:D.current,reason:e.reason})}),U=t(e=>{h||g(),B(e)},[B,g,h]),W=i(()=>c(l.length,j,5),[l.length,j]);return l.length===0?null:s(`div`,{ref:w,className:d,style:m,onPointerDown:U,onPointerMove:V,onPointerUp:H,onPointerCancel:H,children:s(`div`,{ref:T,className:f,children:W.map(e=>{let t=l[e],n=Math.abs(e-j)<=1,r=e===j,i=e===N;return s(`div`,{className:`absolute inset-0 w-full h-full ${p||``}`,style:{top:`${e*100}%`},children:S({item:t,index:e,activeIndex:j,isActive:r,isSettledActive:i,shouldMount:n,isInitialized:!0,swipeNext:R,swipePrev:z})},e)})})})}export{l as BasicFullscreen};
+'use client';
+
+import { useFullscreenGestures } from "../../../../hooks/use-fullscreen-gestures.mjs";
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/basics/fullscreen-feed/basic-fullscreen.tsx
+const VIEWPORT_FALLBACK_OFFSET_PX = 0;
+const KEEP_MOUNT_DISTANCE = 1;
+const TRANSITION_MS = 260;
+const WINDOW_RENDER_COUNT = 5;
+/**
+* 获取「固定窗口」渲染的索引列表，避免滚动越久 DOM 越多导致内存线性增长。
+*/
+function getWindowIndices(total, active, windowSize) {
+	if (total <= 0 || windowSize <= 0) return [];
+	const size = Math.min(windowSize, total);
+	let start = Math.max(0, Math.min(active, total - 1)) - Math.floor(size / 2);
+	let end = start + size - 1;
+	if (start < 0) {
+		start = 0;
+		end = size - 1;
+	}
+	if (end > total - 1) {
+		end = total - 1;
+		start = Math.max(0, end - size + 1);
+	}
+	return Array.from({ length: end - start + 1 }, (_, i) => start + i);
+}
+/**
+* BasicFullscreen
+*
+* - 负责全屏滑动容器（viewport transform + 手势 + 渐进挂载）
+* - 业务内容由 renderItem 注入（视频/帖子等具体渲染由业务组件负责）
+*/
+function BasicFullscreen({ items, activeIndex, className, trackClassName, itemWrapperClassName, style, userInteracted, onUserInteracted, onActiveIndexChange, onViewportIndexChange, onGestureStart, onGestureEnd, onSwipeCancel, renderItem }) {
+	const resolvedActiveIndex = useMemo(() => {
+		if (items.length <= 0) return activeIndex;
+		return Math.max(0, Math.min(activeIndex, items.length - 1));
+	}, [activeIndex, items.length]);
+	const containerRef = useRef(null);
+	const viewportRef = useRef(null);
+	const pageHeightRef = useRef(0);
+	const activeIndexRef = useRef(resolvedActiveIndex);
+	const isAnimatingRef = useRef(false);
+	const animTimerRef = useRef(null);
+	const settleTimerRef = useRef(null);
+	const [renderActiveIndex, setRenderActiveIndex] = useState(resolvedActiveIndex);
+	const [settledIndex, setSettledIndex] = useState(activeIndex);
+	const getPageHeight = useCallback(() => {
+		const h = pageHeightRef.current || containerRef.current?.clientHeight || 0;
+		if (h > 0) return h;
+		if (typeof window === "undefined") return 0;
+		return Math.max(0, window.innerHeight - VIEWPORT_FALLBACK_OFFSET_PX);
+	}, []);
+	const applyViewportTransform = useCallback(({ dy, withTransition, index }) => {
+		const track = viewportRef.current;
+		if (!track) return;
+		const height = getPageHeight();
+		const y = -(index ?? activeIndexRef.current) * height + dy;
+		if (withTransition) {
+			track.style.transition = `transform ${TRANSITION_MS}ms ease`;
+			window.requestAnimationFrame(() => {
+				track.style.transform = `translate3d(0, ${y}px, 0)`;
+			});
+			return;
+		}
+		track.style.transition = "none";
+		track.style.transform = `translate3d(0, ${y}px, 0)`;
+	}, [getPageHeight]);
+	useLayoutEffect(() => {
+		const container = containerRef.current;
+		if (!container) return;
+		const update = () => {
+			const nextHeight = container.clientHeight || 0;
+			const prevHeight = pageHeightRef.current;
+			pageHeightRef.current = nextHeight;
+			if (prevHeight === nextHeight) return;
+			applyViewportTransform({
+				dy: 0,
+				withTransition: false,
+				index: activeIndexRef.current
+			});
+		};
+		update();
+		const resizeObserver = new ResizeObserver(() => update());
+		resizeObserver.observe(container);
+		window.addEventListener("resize", update);
+		return () => {
+			window.removeEventListener("resize", update);
+			resizeObserver.disconnect();
+		};
+	}, [applyViewportTransform]);
+	useEffect(() => {
+		let retryTimer = null;
+		let retry = 0;
+		const maxRetries = 10;
+		const setInitialPosition = () => {
+			if (items.length === 0) return;
+			if (!viewportRef.current && retry < maxRetries) {
+				retry += 1;
+				retryTimer = window.setTimeout(setInitialPosition, 50);
+				return;
+			}
+			applyViewportTransform({
+				dy: 0,
+				withTransition: false,
+				index: activeIndexRef.current
+			});
+		};
+		setInitialPosition();
+		return () => {
+			if (retryTimer) window.clearTimeout(retryTimer);
+		};
+	}, [applyViewportTransform, items.length]);
+	useEffect(() => {
+		activeIndexRef.current = resolvedActiveIndex;
+		applyViewportTransform({
+			dy: 0,
+			withTransition: true,
+			index: resolvedActiveIndex
+		});
+		setRenderActiveIndex(resolvedActiveIndex);
+		if (settleTimerRef.current) {
+			window.clearTimeout(settleTimerRef.current);
+			settleTimerRef.current = null;
+		}
+		const targetIndex = resolvedActiveIndex;
+		settleTimerRef.current = window.setTimeout(() => {
+			settleTimerRef.current = null;
+			if (activeIndexRef.current !== targetIndex) return;
+			setSettledIndex(targetIndex);
+		}, TRANSITION_MS);
+	}, [applyViewportTransform, resolvedActiveIndex]);
+	useEffect(() => {
+		return () => {
+			if (animTimerRef.current) window.clearTimeout(animTimerRef.current);
+			if (settleTimerRef.current) window.clearTimeout(settleTimerRef.current);
+		};
+	}, []);
+	useEffect(() => {
+		const handleFirstPointer = () => onUserInteracted();
+		if (!userInteracted) window.addEventListener("pointerdown", handleFirstPointer, { once: true });
+		return () => {
+			window.removeEventListener("pointerdown", handleFirstPointer);
+		};
+	}, [onUserInteracted, userInteracted]);
+	const goTo = useCallback((nextIndex, direction) => {
+		const clamped = Math.max(0, Math.min(nextIndex, items.length - 1));
+		const prevIndex = activeIndexRef.current;
+		activeIndexRef.current = clamped;
+		setRenderActiveIndex(clamped);
+		applyViewportTransform({
+			dy: 0,
+			withTransition: true,
+			index: clamped
+		});
+		if (clamped !== prevIndex) {
+			onViewportIndexChange?.(clamped);
+			onActiveIndexChange(clamped, direction);
+		}
+	}, [
+		applyViewportTransform,
+		items.length,
+		onActiveIndexChange,
+		onViewportIndexChange
+	]);
+	const swipeNext = useCallback(() => {
+		if (items.length === 0) return;
+		const nextIndex = Math.min(activeIndexRef.current + 1, items.length - 1);
+		isAnimatingRef.current = true;
+		if (animTimerRef.current) {
+			window.clearTimeout(animTimerRef.current);
+			animTimerRef.current = null;
+		}
+		goTo(nextIndex, "next");
+		animTimerRef.current = window.setTimeout(() => {
+			isAnimatingRef.current = false;
+			animTimerRef.current = null;
+		}, TRANSITION_MS);
+	}, [goTo, items.length]);
+	const swipePrev = useCallback(() => {
+		if (items.length === 0) return;
+		const nextIndex = Math.max(activeIndexRef.current - 1, 0);
+		isAnimatingRef.current = true;
+		if (animTimerRef.current) {
+			window.clearTimeout(animTimerRef.current);
+			animTimerRef.current = null;
+		}
+		goTo(nextIndex, "prev");
+		animTimerRef.current = window.setTimeout(() => {
+			isAnimatingRef.current = false;
+			animTimerRef.current = null;
+		}, TRANSITION_MS);
+	}, [goTo, items.length]);
+	const { handlePointerDown, handlePointerMove, handlePointerUpOrCancel } = useFullscreenGestures({
+		getPageHeight,
+		isAnimating: () => isAnimatingRef.current,
+		applyTransform: ({ dy, withTransition }) => applyViewportTransform({
+			dy,
+			withTransition
+		}),
+		onSwipeNext: swipeNext,
+		onSwipePrev: swipePrev,
+		onGestureStart: (payload) => onGestureStart?.({
+			activeIndex: activeIndexRef.current,
+			pointerType: payload.pointerType
+		}),
+		onGestureEnd: (payload) => onGestureEnd?.({
+			activeIndex: activeIndexRef.current,
+			lockAxis: payload.lockAxis,
+			minDy: payload.minDy,
+			maxDy: payload.maxDy
+		}),
+		onSwipeCancel: (payload) => onSwipeCancel?.({
+			activeIndex: activeIndexRef.current,
+			reason: payload.reason
+		})
+	});
+	const handlePointerStart = useCallback((event) => {
+		if (!userInteracted) onUserInteracted();
+		handlePointerDown(event);
+	}, [
+		handlePointerDown,
+		onUserInteracted,
+		userInteracted
+	]);
+	const indices = useMemo(() => getWindowIndices(items.length, renderActiveIndex, WINDOW_RENDER_COUNT), [items.length, renderActiveIndex]);
+	if (items.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		ref: containerRef,
+		className,
+		style,
+		onPointerDown: handlePointerStart,
+		onPointerMove: handlePointerMove,
+		onPointerUp: handlePointerUpOrCancel,
+		onPointerCancel: handlePointerUpOrCancel,
+		children: /* @__PURE__ */ jsx("div", {
+			ref: viewportRef,
+			className: trackClassName,
+			children: indices.map((idx) => {
+				const item = items[idx];
+				const isInitialized = true;
+				const shouldMount = Math.abs(idx - renderActiveIndex) <= KEEP_MOUNT_DISTANCE;
+				const isActive = idx === renderActiveIndex;
+				const isSettledActive = idx === settledIndex;
+				return /* @__PURE__ */ jsx("div", {
+					className: `absolute inset-0 w-full h-full ${itemWrapperClassName || ""}`,
+					style: { top: `${idx * 100}%` },
+					children: renderItem({
+						item,
+						index: idx,
+						activeIndex: renderActiveIndex,
+						isActive,
+						isSettledActive,
+						shouldMount,
+						isInitialized,
+						swipeNext,
+						swipePrev
+					})
+				}, idx);
+			})
+		})
+	});
+}
+
+//#endregion
+export { BasicFullscreen };

package/dist/components/biz/basics/fullscreen-feed/defaults/default-props.mjs

@@ -1,2 +1,12 @@
 
-const e={autoNext:!0,loop:!0};export{e as defaultProps};
+//#region components/biz/basics/fullscreen-feed/defaults/default-props.ts
+/**
+* BasicFullscreenFeed 默认 Props 配置
+*/
+const defaultProps = {
+	autoNext: true,
+	loop: true
+};
+
+//#endregion
+export { defaultProps };

package/dist/components/biz/basics/fullscreen-feed/index.mjs

@@ -1,2 +1,13 @@
 
-import e from"./runtime/client.mjs";import{defaultProps as t}from"./defaults/default-props.mjs";import{schema as n}from"./schema/index.mjs";var r=e;export{r as default};
+import FullscreenFeedClient from "./runtime/client.mjs";
+import { defaultProps } from "./defaults/default-props.mjs";
+import { schema } from "./schema/index.mjs";
+
+//#region components/biz/basics/fullscreen-feed/index.ts
+/**
+* BasicFullscreenFeed 组件统一导出入口
+*/
+var fullscreen_feed_default = FullscreenFeedClient;
+
+//#endregion
+export { fullscreen_feed_default as default };

package/dist/components/biz/basics/fullscreen-feed/runtime/adapters.mjs

@@ -1,2 +1,98 @@
 
-"use client";const e={browse_cnt:0,collect_cnt:0,comment_cnt:0,like_cnt:0,share_cnt:0,dislike_cnt:0};function t(t){return{...t,links:Array.isArray(t.links)?t.links:[],static:t.static?{...e,...t.static}:{...e}}}function n(e){let t=e.preview_images?.find(Boolean);if(t){if(typeof t==`string`)return t;let e=t;return e.is_video?e.cover_image||e.media_url||``:e.media_url||``}return e.img_y?e.img_y:e.img_x?e.img_x:``}function r(e){return``}function i(e){return(e||[]).map((e,t)=>{let n=e.m3u8_url;if(!n)return null;let r=e.name;return r?{text:r,url:n,definition:``,isDefault:t===0}:null}).filter(Boolean)}function a(e){let t=n(e),a=r(e),o=i(e.links),s=o[0]?.url;return s?{kind:`video`,id:e.id,title:e.name,poster:t,videoUrl:s,resolution:a,hlsList:o,originalData:e}:null}function o(e){let t=a(e);if(t)return t;let o=i(e.links);return{kind:`video`,id:e.id,title:e.name,poster:n(e),videoUrl:o[0]?.url??``,resolution:r(e),hlsList:o,originalData:e}}export{t as adaptFeedItemToSafeInformation,a as normalizeToFeedItem,o as normalizeToSeriesFeedItem};
+'use client';
+
+//#region components/biz/basics/fullscreen-feed/runtime/adapters.ts
+const DEFAULT_STATIC = {
+	browse_cnt: 0,
+	collect_cnt: 0,
+	comment_cnt: 0,
+	like_cnt: 0,
+	share_cnt: 0,
+	dislike_cnt: 0
+};
+/**
+* 将新 API 响应转换为 SafeInformationType。
+*
+* 注意：这里尽量做字段兜底，不要在 controller 里到处写 undefined 判断。
+*/
+function adaptFeedItemToSafeInformation(item) {
+	return {
+		...item,
+		links: Array.isArray(item.links) ? item.links : [],
+		static: item.static ? {
+			...DEFAULT_STATIC,
+			...item.static
+		} : { ...DEFAULT_STATIC }
+	};
+}
+function pickPoster(info) {
+	const preview = info.preview_images?.find(Boolean);
+	if (preview) {
+		if (typeof preview === "string") return preview;
+		const media = preview;
+		return media.is_video ? media.cover_image || media.media_url || "" : media.media_url || "";
+	}
+	if (info.img_y) return info.img_y;
+	if (info.img_x) return info.img_x;
+	return "";
+}
+function buildResolution(_info) {
+	return "";
+}
+function buildHlsList(links) {
+	return (links || []).map((item, index) => {
+		const url = item.m3u8_url;
+		if (!url) return null;
+		const text = item.name;
+		if (!text) return null;
+		return {
+			text,
+			url,
+			definition: "",
+			isDefault: index === 0
+		};
+	}).filter(Boolean);
+}
+/**
+* 将 SafeInformationType 标准化为 FullscreenFeed 可渲染条目。
+*
+* 默认策略：优先 video（有播放地址），否则 banner（有图片）。
+*/
+function normalizeToFeedItem(info) {
+	const poster = pickPoster(info);
+	const resolution = buildResolution(info);
+	const hlsList = buildHlsList(info.links);
+	const videoUrl = hlsList[0]?.url;
+	if (videoUrl) return {
+		kind: "video",
+		id: info.id,
+		title: info.name,
+		poster,
+		videoUrl,
+		resolution,
+		hlsList,
+		originalData: info
+	};
+	return null;
+}
+/**
+* 剧集场景：当某一集缺少可播放地址时，仍给出一个 video item（url 可能为空），用于占位。
+*/
+function normalizeToSeriesFeedItem(info) {
+	const normalized = normalizeToFeedItem(info);
+	if (normalized) return normalized;
+	const hlsList = buildHlsList(info.links);
+	return {
+		kind: "video",
+		id: info.id,
+		title: info.name,
+		poster: pickPoster(info),
+		videoUrl: hlsList[0]?.url ?? "",
+		resolution: buildResolution(info),
+		hlsList,
+		originalData: info
+	};
+}
+
+//#endregion
+export { adaptFeedItemToSafeInformation, normalizeToFeedItem, normalizeToSeriesFeedItem };

package/dist/components/biz/basics/fullscreen-feed/runtime/bottom-info.mjs

@@ -1,2 +1,126 @@
 
-import e from"../../../../common/at-element/index.mjs";import t from"./styles.module.mjs";import{useLayoutEffect as n,useRef as r,useState as i}from"react";import{ChevronsDown as a,ListVideo as o}from"lucide-react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{useTranslations as l}from"next-intl";function u({information:u,navigation:d,isControlsVisible:f,isPost:p=!1,onUserNavigate:m,onNextClick:h}){let g=l(`components.biz.basics.fullscreenFeed.runtime`),_=u.description||u.name||``,v=u.author?.nick_name||``,y=u.author?.user_id||``,b=(u?.episode_cnt??0)>1,x=b||!!d.nextItemText,[S,C]=i(!1),[w,T]=i(!1),E=r(null);return n(()=>{S||E.current&&(E.current.scrollTop=0)},[_,S]),n(()=>{if(!p||S)return;let e=E.current;if(!e)return;let t=()=>{T(e.scrollHeight-e.clientHeight>1)};if(t(),typeof ResizeObserver>`u`)return;let n=new ResizeObserver(()=>t());return n.observe(e),()=>n.disconnect()},[_,S,p]),c(`div`,{className:`absolute bottom-0 left-0 right-[56px] p-4 text-white z-[21] ${t.bottomInfoTransition} ${f?t.controlsVisible:``}`,children:[v&&c(`div`,{className:`text-[16px] font-bold mb-3 line-clamp-1 cursor-pointer`,onClick:e=>{e.stopPropagation(),y&&m?.(y)},children:[`@`,v]}),s(`div`,{ref:E,className:`text-[16px] leading-[24px] mb-3 ${p&&S?`max-h-[40vh] overflow-y-auto pr-2`:`line-clamp-2`}`,onWheel:e=>{!p||!S||e.stopPropagation()},onTouchStart:e=>{!p||!S||e.stopPropagation()},onTouchMove:e=>{!p||!S||e.stopPropagation()},onPointerDown:e=>{!p||!S||e.stopPropagation()},onPointerMove:e=>{!p||!S||e.stopPropagation()},children:s(e,{text:_,atUsers:[]})}),p&&w&&s(`button`,{type:`button`,className:`mb-3 text-theme5 inline-flex items-center justify-center h-[28px] px-3 rounded-full bg-white/15 text-xs font-medium backdrop-blur`,onClick:e=>{e.stopPropagation(),C(e=>!e)},children:g(S?`bottomInfo.collapse`:`bottomInfo.expand`)}),x&&c(`button`,{type:`button`,className:`h-[38px] flex items-center justify-center bg-white/20 rounded-[8px] gap-2 cursor-pointer px-4 text-sm font-medium backdrop-blur w-full`,onClick:e=>{if(e.stopPropagation(),b){d.onSeriesClick?.();return}h?.()},children:[s(b?o:a,{className:`w-6 h-6 shrink-0`}),s(`span`,{className:`opacity-90 whitespace-nowrap overflow-hidden text-ellipsis`,children:b?(()=>{let e=u.name||``,t=e.length>10?`${e.slice(0,10)}...`:e,n=u.episode_name||``;return n?g(`bottomInfo.seriesActionWithEpisode`,{title:t,episodeName:n}):g(`bottomInfo.seriesAction`,{title:t})})():d.nextItemText?s(e,{text:d.nextItemText,atUsers:[],enableNavigation:!1}):g(`bottomInfo.nextItem`)})]})]})}export{u as BottomInfo};
+import AtUserText from "../../../../common/at-element/index.mjs";
+import styles_module_default from "./styles.module.mjs";
+import { useLayoutEffect, useRef, useState } from "react";
+import { ChevronsDown, ListVideo } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/biz/basics/fullscreen-feed/runtime/bottom-info.tsx
+/**
+* 底部信息展示区域，包含作者昵称、简介以及剧集/下一条入口
+*/
+function BottomInfo({ information, navigation, isControlsVisible, isPost = false, onUserNavigate, onNextClick }) {
+	const t = useTranslations("components.biz.basics.fullscreenFeed.runtime");
+	const description = information.description || information.name || "";
+	const authorName = information.author?.nick_name || "";
+	const authorId = information.author?.user_id || "";
+	const isSeries = (information?.episode_cnt ?? 0) > 1;
+	const shouldShowAction = isSeries || Boolean(navigation.nextItemText);
+	const [isExpanded, setIsExpanded] = useState(false);
+	const [canExpand, setCanExpand] = useState(false);
+	const descriptionRef = useRef(null);
+	useLayoutEffect(() => {
+		if (isExpanded) return;
+		if (!descriptionRef.current) return;
+		descriptionRef.current.scrollTop = 0;
+	}, [description, isExpanded]);
+	useLayoutEffect(() => {
+		if (!isPost || isExpanded) return;
+		const el = descriptionRef.current;
+		if (!el) return;
+		const measure = () => {
+			setCanExpand(el.scrollHeight - el.clientHeight > 1);
+		};
+		measure();
+		if (typeof ResizeObserver === "undefined") return;
+		const ro = new ResizeObserver(() => measure());
+		ro.observe(el);
+		return () => ro.disconnect();
+	}, [
+		description,
+		isExpanded,
+		isPost
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: `absolute bottom-0 left-0 right-[56px] p-4 text-white z-[21] ${styles_module_default.bottomInfoTransition} ${isControlsVisible ? styles_module_default.controlsVisible : ""}`,
+		children: [
+			authorName && /* @__PURE__ */ jsxs("div", {
+				className: "text-[16px] font-bold mb-3 line-clamp-1 cursor-pointer",
+				onClick: (event) => {
+					event.stopPropagation();
+					if (authorId) onUserNavigate?.(authorId);
+				},
+				children: ["@", authorName]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				ref: descriptionRef,
+				className: `text-[16px] leading-[24px] mb-3 ${isPost ? isExpanded ? "max-h-[40vh] overflow-y-auto pr-2" : "line-clamp-2" : "line-clamp-2"}`,
+				onWheel: (event) => {
+					if (!isPost || !isExpanded) return;
+					event.stopPropagation();
+				},
+				onTouchStart: (event) => {
+					if (!isPost || !isExpanded) return;
+					event.stopPropagation();
+				},
+				onTouchMove: (event) => {
+					if (!isPost || !isExpanded) return;
+					event.stopPropagation();
+				},
+				onPointerDown: (event) => {
+					if (!isPost || !isExpanded) return;
+					event.stopPropagation();
+				},
+				onPointerMove: (event) => {
+					if (!isPost || !isExpanded) return;
+					event.stopPropagation();
+				},
+				children: /* @__PURE__ */ jsx(AtUserText, {
+					text: description,
+					atUsers: []
+				})
+			}),
+			isPost && canExpand && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "mb-3 text-theme5 inline-flex items-center justify-center h-[28px] px-3 rounded-full bg-white/15 text-xs font-medium backdrop-blur",
+				onClick: (event) => {
+					event.stopPropagation();
+					setIsExpanded((prev) => !prev);
+				},
+				children: isExpanded ? t("bottomInfo.collapse") : t("bottomInfo.expand")
+			}),
+			shouldShowAction && /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				className: "h-[38px] flex items-center justify-center bg-white/20 rounded-[8px] gap-2 cursor-pointer px-4 text-sm font-medium backdrop-blur w-full",
+				onClick: (event) => {
+					event.stopPropagation();
+					if (isSeries) {
+						navigation.onSeriesClick?.();
+						return;
+					}
+					onNextClick?.();
+				},
+				children: [isSeries ? /* @__PURE__ */ jsx(ListVideo, { className: "w-6 h-6 shrink-0" }) : /* @__PURE__ */ jsx(ChevronsDown, { className: "w-6 h-6 shrink-0" }), /* @__PURE__ */ jsx("span", {
+					className: "opacity-90 whitespace-nowrap overflow-hidden text-ellipsis",
+					children: isSeries ? (() => {
+						const parentTitle = information.name || "";
+						const displayTitle = parentTitle.length > 10 ? `${parentTitle.slice(0, 10)}...` : parentTitle;
+						const episodeName = information.episode_name || "";
+						return episodeName ? t("bottomInfo.seriesActionWithEpisode", {
+							title: displayTitle,
+							episodeName
+						}) : t("bottomInfo.seriesAction", { title: displayTitle });
+					})() : navigation.nextItemText ? /* @__PURE__ */ jsx(AtUserText, {
+						text: navigation.nextItemText,
+						atUsers: [],
+						enableNavigation: false
+					}) : t("bottomInfo.nextItem")
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { BottomInfo };