@funhub/platform 0.2.29 → 0.2.31

package/dist/hooks/use-content-operate.mjs

@@ -1,2 +1,527 @@
 
-import{useUserStore as e}from"../store/modules/user-store.mjs";import{gCommunityGetUserCollections as t,pCommunityAddContentToCollection as n,pInteractionBatchQueryContentInteractions as r,pInteractionCancelDislike as i,pInteractionCancelLike as a,pInteractionDislike as o,pInteractionLike as s,pInteractionRemoveCollect as c}from"../service/generated/client.mjs";import{useRouter as l}from"../utils/use-compatible-router.mjs";import{useLoginModalStore as u}from"../store/modules/login-modal-store.mjs";import d from"../components/common/collection-popup/index.mjs";import f from"../components/common/share-popup/share-popup.mjs";import{useInteractionAnimation as p}from"./use-interaction-animation.mjs";import{toast as m}from"sonner";import{usePathname as h,useSearchParams as g}from"next/navigation";import{useCallback as _,useEffect as v,useMemo as y,useState as b}from"react";function x(e){let t=Number(e);if(Number.isFinite(t))return t===0?1:t}function S(){let t=e.getState().userId||e.getState().userInfo?.userId;if(!t){let{open:e}=u.getState();return e(),null}return t}async function C(t,n){try{let i=e.getState().userId||e.getState().userInfo?.userId;if(!i)return console.warn(`用户未登录，无法查询交互状态`),null;let a=await r({app_id:0,user_id:i,content_ids:t,content_type:n});return a.code===0?a.data:(console.error(`查询交互状态失败:`,a.message),null)}catch(e){return console.error(`查询交互状态异常:`,e),null}}async function ee(e,t){try{let n=S();if(!n)return{success:!1,message:`请先登录`};let r=await s({user_id:n,id:e,content_type:t});return r.code===0?{success:!0,data:r.data}:{success:!1,message:r.message||`点赞失败`}}catch(e){return console.error(`点赞失败:`,e),{success:!1,message:`点赞失败`}}}async function w(e,t){try{let n=S();if(!n)return{success:!1,message:`请先登录`};let r=await a({user_id:n,id:e,content_type:t});return r.code===0?{success:!0,data:r.data}:{success:!1,message:r.message||`取消点赞失败`}}catch(e){return console.error(`取消点赞失败:`,e),{success:!1,message:`取消点赞失败`}}}async function T(e,t){try{let n=S();if(!n)return{success:!1,message:`请先登录`};let r=await o({app_id:0,user_id:n,id:e,content_type:t});return r.code===0?{success:!0,data:r.data}:{success:!1,message:r.message||`点踩失败`}}catch(e){return console.error(`点踩异常:`,e),{success:!1,message:`点踩异常`}}}async function E(e,t){try{let n=S();if(!n)return{success:!1,message:`请先登录`};let r=await i({app_id:0,user_id:n,id:e,content_type:t});return r.code===0?{success:!0,data:r.data}:{success:!1,message:r.message||`取消点踩失败`}}catch(e){return console.error(`取消点踩异常:`,e),{success:!1,message:`取消点踩异常`}}}function D({id:r,isLike:i,isDislike:a,isCollect:o,likeCnt:s,dislikeCnt:S,contentType:C,animationClasses:D,copyUrl:O,prefetchDefaultCollection:k=!1}){let{isLogin:A,userInfo:j,userId:M}=e(),N=l(),P=h(),F=g()?.toString()||``,[I,L]=b(void 0),R=D?.like||`like-shake-animation`,z=D?.dislike||`dislike-shake-animation`,B=y(()=>String(M||j?.userId||``),[M,j?.userId]);v(()=>{L(void 0)},[B]);let[V,H]=b(!1),[U,W]=b(!1);v(()=>{f.clear(),d.clear()},[P,F]),v(()=>()=>{f.clear(),d.clear()},[]);let G=_(async()=>{if(!A||!B)return null;try{let e=await t({page:1,page_size:40});if(e.code!==0)return L(null),null;let n=(e.data?.data?.collections??[]).find(e=>e?.is_default),r=(typeof n?.title==`string`?n.title.trim():``)||null;return L(r),r}catch(e){return console.error(`获取默认收藏夹失败:`,e),L(null),null}},[A,B]);v(()=>{!A||!B||k&&I===void 0&&G()},[I,G,A,k,B]);let K=_(()=>{if(!A){let{open:e}=u.getState();return e(),!1}return!0},[A]),q=p(),J=p(),Y=_(async e=>{try{return e?await ee(r,C):await w(r,C)}catch(e){return console.error(`点赞操作失败`,e),{success:!1,message:`点赞操作失败`}}},[r,C]),X=_(async()=>{if(!(!K()||V)){H(!0);try{let e=!i;e&&q.trigger(R);let t={isLike:e,likeCnt:Math.max(0,s+(e?1:-1))};e&&a&&(t.isDislike=!1,t.dislikeCnt=Math.max(0,S-1));let n=await Y(e);if(!n.success){m.error(n.message||`点赞失败`);return}return t}finally{H(!1)}}},[q,i,a,s,S,Y,K,V,R]),Z=_(async e=>{try{return e?await T(r,C):await E(r,C)}catch(e){return console.error(`点踩操作失败`,e),{success:!1,message:`点踩操作失败`}}},[r,C]),te=_(async()=>{if(!(!K()||U)){W(!0);try{let e=!a;e&&J.trigger(z);let t={isDislike:e,dislikeCnt:Math.max(0,S+(e?1:-1))};e&&i&&(t.isLike=!1,t.likeCnt=Math.max(0,s-1));let n=await Z(e);if(!n.success){m.error(n.message||`操作失败`);return}return t}finally{W(!1)}}},[J,i,a,s,S,Z,K,U,z]),Q=_(async({currentId:e,isCancel:t,collectionIds:r})=>{try{if(t){let t=String(M||j?.userId||``);if(!t)return{success:!1};let n=await c({app_id:0,user_id:t,content_id:e,content_type:C});return n.code===0?{success:!0}:{success:!1,message:n.message}}if(!String(M||j?.userId||``))return{success:!1};let i=r?.[0],a=x(C),o=await n({...i?{collection_id:i}:{},content_id:e,...a===void 0?{}:{source_type:a}});return o.code===0?{success:!0}:{success:!1,message:o.message}}catch(e){return console.error(`取消收藏操作失败`,e),{success:!1,message:e?.message}}},[M,j?.userId,C]),$=_(({currentCollect:e,onUpdate:t})=>K()?(e?(async()=>{let e=await Q({currentId:r,isCancel:!0});if(!e?.success){m.error(e?.message||`操作失败`);return}t({isCollect:!1})})():(f.clear(),d.show({toCreateCollection:()=>{N.push(`/collection/create?information_id=${r}`)},onCollect:e=>{(async()=>{let n=await Q({currentId:r,isCancel:!1,collectionIds:[e]});if(!n?.success){m.error(n?.message||`操作失败`);return}t({isCollect:!0})})()}})),!0):!1,[r,N,K,Q]),ne=_(async({currentCollect:e,onUpdate:t})=>{if(!K())return;if(e){let e=await Q({currentId:r,isCancel:!0});return e?.success?(t({isCollect:!1}),{success:!0,isCollect:!1}):{success:!1,message:e?.message}}f.clear(),d.clear();let n=await Q({currentId:r,isCancel:!1});if(!n?.success)return{success:!1,message:n?.message};let i=I===void 0?await G():I;return t({isCollect:!0}),{success:!0,isCollect:!0,collectionTitle:i||void 0}},[I,G,Q,r,K]);return{likeAnimation:q,dislikeAnimation:J,handleLikeOperate:X,handleDislikeOperate:te,handleShareOperate:_((e,t)=>{let n=typeof t==`string`?{otherId:t}:t,i=n?.otherId||r,a=n?.shareUrl;f.show({copyUrl:O,data:{id:r,isCollect:o,parentId:i},...a?{shareUrl:a}:{},onCollect:t=>{$({currentCollect:t,onUpdate:e})}})},[r,o,$,O]),handleToCollectionOperate:$,handleDefaultCollectionOperate:ne}}export{C as batchQueryContentInteractions,D as useContentOperate};
+import { useUserStore } from "../store/modules/user-store.mjs";
+import { gCommunityGetUserCollections, pCommunityAddContentToCollection, pInteractionBatchQueryContentInteractions, pInteractionCancelDislike, pInteractionCancelLike, pInteractionDislike, pInteractionLike, pInteractionRemoveCollect } from "../service/generated/client.mjs";
+import { useRouter as useRouter$1 } from "../utils/use-compatible-router.mjs";
+import { useLoginModalStore } from "../store/modules/login-modal-store.mjs";
+import CollectionPopup from "../components/common/collection-popup/index.mjs";
+import SharePopup from "../components/common/share-popup/share-popup.mjs";
+import { useInteractionAnimation } from "./use-interaction-animation.mjs";
+import { toast } from "sonner";
+import { usePathname, useSearchParams } from "next/navigation";
+import { useCallback, useEffect, useMemo, useState } from "react";
+
+//#region hooks/use-content-operate.ts
+/**
+* 兼容不同上下文的 contentType 取值，统一映射到收藏接口 source_type。
+* 约定：
+* - 详情页视频常见 content_type=0，此处映射为视频 source_type=1
+* - 其他值保持透传，兼容已有调用方（如 1/2 枚举）
+*/
+function resolveCollectSourceType(contentType) {
+	const normalized = Number(contentType);
+	if (!Number.isFinite(normalized)) return;
+	if (normalized === 0) return 1;
+	return normalized;
+}
+/**
+* 检查用户登录状态，未登录时打开登录弹窗
+*/
+function checkLoginStatus() {
+	const userId = useUserStore.getState().userId || useUserStore.getState().userInfo?.userId;
+	if (!userId) {
+		const { open } = useLoginModalStore.getState();
+		open();
+		return null;
+	}
+	return userId;
+}
+/**
+* 批量查询内容交互状态
+*/
+async function batchQueryContentInteractions(contentIds, contentType) {
+	try {
+		const userId = useUserStore.getState().userId || useUserStore.getState().userInfo?.userId;
+		if (!userId) {
+			console.warn("用户未登录，无法查询交互状态");
+			return null;
+		}
+		const response = await pInteractionBatchQueryContentInteractions({
+			app_id: 0,
+			user_id: userId,
+			content_ids: contentIds,
+			content_type: contentType
+		});
+		if (response.code === 0) return response.data;
+		else {
+			console.error("查询交互状态失败:", response.message);
+			return null;
+		}
+	} catch (error) {
+		console.error("查询交互状态异常:", error);
+		return null;
+	}
+}
+/**
+* 点赞内容
+*/
+async function likeContent(contentId, contentType) {
+	try {
+		const userId = checkLoginStatus();
+		if (!userId) return {
+			success: false,
+			message: "请先登录"
+		};
+		const response = await pInteractionLike({
+			user_id: userId,
+			id: contentId,
+			content_type: contentType
+		});
+		if (response.code === 0) return {
+			success: true,
+			data: response.data
+		};
+		else return {
+			success: false,
+			message: response.message || "点赞失败"
+		};
+	} catch (error) {
+		console.error("点赞失败:", error);
+		return {
+			success: false,
+			message: "点赞失败"
+		};
+	}
+}
+/**
+* 取消点赞
+*/
+async function cancelLikeContent(contentId, contentType) {
+	try {
+		const userId = checkLoginStatus();
+		if (!userId) return {
+			success: false,
+			message: "请先登录"
+		};
+		const response = await pInteractionCancelLike({
+			user_id: userId,
+			id: contentId,
+			content_type: contentType
+		});
+		if (response.code === 0) return {
+			success: true,
+			data: response.data
+		};
+		else return {
+			success: false,
+			message: response.message || "取消点赞失败"
+		};
+	} catch (error) {
+		console.error("取消点赞失败:", error);
+		return {
+			success: false,
+			message: "取消点赞失败"
+		};
+	}
+}
+/**
+* 点踩内容
+*/
+async function dislikeContent(contentId, contentType) {
+	try {
+		const userId = checkLoginStatus();
+		if (!userId) return {
+			success: false,
+			message: "请先登录"
+		};
+		const response = await pInteractionDislike({
+			app_id: 0,
+			user_id: userId,
+			id: contentId,
+			content_type: contentType
+		});
+		if (response.code === 0) return {
+			success: true,
+			data: response.data
+		};
+		else return {
+			success: false,
+			message: response.message || "点踩失败"
+		};
+	} catch (error) {
+		console.error("点踩异常:", error);
+		return {
+			success: false,
+			message: "点踩异常"
+		};
+	}
+}
+/**
+* 取消点踩
+*/
+async function cancelDislikeContent(contentId, contentType) {
+	try {
+		const userId = checkLoginStatus();
+		if (!userId) return {
+			success: false,
+			message: "请先登录"
+		};
+		const response = await pInteractionCancelDislike({
+			app_id: 0,
+			user_id: userId,
+			id: contentId,
+			content_type: contentType
+		});
+		if (response.code === 0) return {
+			success: true,
+			data: response.data
+		};
+		else return {
+			success: false,
+			message: response.message || "取消点踩失败"
+		};
+	} catch (error) {
+		console.error("取消点踩异常:", error);
+		return {
+			success: false,
+			message: "取消点踩异常"
+		};
+	}
+}
+function useContentOperate({ id, isLike, isDislike, isCollect, likeCnt, dislikeCnt, contentType, animationClasses, copyUrl, prefetchDefaultCollection = false }) {
+	const { isLogin, userInfo, userId } = useUserStore();
+	const router = useRouter$1();
+	const pathname = usePathname();
+	const searchKey = useSearchParams()?.toString() || "";
+	const [defaultCollectionTitle, setDefaultCollectionTitle] = useState(void 0);
+	const resolvedLikeAnimation = animationClasses?.like || "like-shake-animation";
+	const resolvedDislikeAnimation = animationClasses?.dislike || "dislike-shake-animation";
+	const resolvedUserId = useMemo(() => {
+		return String(userId || userInfo?.userId || "");
+	}, [userId, userInfo?.userId]);
+	/**
+	* 用户切换时重置默认收藏夹缓存。
+	*/
+	useEffect(() => {
+		setDefaultCollectionTitle(void 0);
+	}, [resolvedUserId]);
+	const [isLikeProcessing, setIsLikeProcessing] = useState(false);
+	const [isDislikeProcessing, setIsDislikeProcessing] = useState(false);
+	/**
+	* 路由变化时清理弹窗，避免残留遮罩。
+	*/
+	useEffect(() => {
+		SharePopup.clear();
+		CollectionPopup.clear();
+	}, [pathname, searchKey]);
+	/**
+	* 组件卸载时清理弹窗，避免返回后残留遮罩。
+	*/
+	useEffect(() => {
+		return () => {
+			SharePopup.clear();
+			CollectionPopup.clear();
+		};
+	}, []);
+	/**
+	* 页面渲染后预加载收藏夹列表，用于默认收藏夹名称展示。
+	*/
+	const fetchDefaultCollectionTitle = useCallback(async () => {
+		if (!isLogin || !resolvedUserId) return null;
+		try {
+			const response = await gCommunityGetUserCollections({
+				page: 1,
+				page_size: 40
+			});
+			if (response.code !== 0) {
+				setDefaultCollectionTitle(null);
+				return null;
+			}
+			const defaultCollection = (response.data?.data?.collections ?? []).find((item) => item?.is_default);
+			const resolvedTitle = (typeof defaultCollection?.title === "string" ? defaultCollection.title.trim() : "") || null;
+			setDefaultCollectionTitle(resolvedTitle);
+			return resolvedTitle;
+		} catch (error) {
+			console.error("获取默认收藏夹失败:", error);
+			setDefaultCollectionTitle(null);
+			return null;
+		}
+	}, [isLogin, resolvedUserId]);
+	useEffect(() => {
+		if (!isLogin || !resolvedUserId) return;
+		if (!prefetchDefaultCollection) return;
+		if (defaultCollectionTitle !== void 0) return;
+		fetchDefaultCollectionTitle();
+	}, [
+		defaultCollectionTitle,
+		fetchDefaultCollectionTitle,
+		isLogin,
+		prefetchDefaultCollection,
+		resolvedUserId
+	]);
+	const judgeIsLogin = useCallback(() => {
+		if (!isLogin) {
+			const { open } = useLoginModalStore.getState();
+			open();
+			return false;
+		}
+		return true;
+	}, [isLogin]);
+	const likeAnimation = useInteractionAnimation();
+	const dislikeAnimation = useInteractionAnimation();
+	const handleRequestLikeApi = useCallback(async (currentStatus) => {
+		try {
+			if (currentStatus) return await likeContent(id, contentType);
+			else return await cancelLikeContent(id, contentType);
+		} catch (error) {
+			console.error("点赞操作失败", error);
+			return {
+				success: false,
+				message: "点赞操作失败"
+			};
+		}
+	}, [id, contentType]);
+	const handleLikeOperate = useCallback(async () => {
+		if (!judgeIsLogin() || isLikeProcessing) return;
+		setIsLikeProcessing(true);
+		try {
+			const currentLikeStatus = !isLike;
+			if (currentLikeStatus) likeAnimation.trigger(resolvedLikeAnimation);
+			const updataParams = {
+				isLike: currentLikeStatus,
+				likeCnt: Math.max(0, likeCnt + (currentLikeStatus ? 1 : -1))
+			};
+			if (currentLikeStatus && isDislike) {
+				updataParams.isDislike = false;
+				updataParams.dislikeCnt = Math.max(0, dislikeCnt - 1);
+			}
+			const response = await handleRequestLikeApi(currentLikeStatus);
+			if (!response.success) {
+				toast.error(response.message || "点赞失败");
+				return;
+			}
+			return updataParams;
+		} finally {
+			setIsLikeProcessing(false);
+		}
+	}, [
+		likeAnimation,
+		isLike,
+		isDislike,
+		likeCnt,
+		dislikeCnt,
+		handleRequestLikeApi,
+		judgeIsLogin,
+		isLikeProcessing,
+		resolvedLikeAnimation
+	]);
+	const handleRequestDislikeApi = useCallback(async (currentStatus) => {
+		try {
+			if (currentStatus) return await dislikeContent(id, contentType);
+			else return await cancelDislikeContent(id, contentType);
+		} catch (error) {
+			console.error("点踩操作失败", error);
+			return {
+				success: false,
+				message: "点踩操作失败"
+			};
+		}
+	}, [id, contentType]);
+	const handleDislikeOperate = useCallback(async () => {
+		if (!judgeIsLogin() || isDislikeProcessing) return;
+		setIsDislikeProcessing(true);
+		try {
+			const currentDislikeStatus = !isDislike;
+			if (currentDislikeStatus) dislikeAnimation.trigger(resolvedDislikeAnimation);
+			const updataParams = {
+				isDislike: currentDislikeStatus,
+				dislikeCnt: Math.max(0, dislikeCnt + (currentDislikeStatus ? 1 : -1))
+			};
+			if (currentDislikeStatus && isLike) {
+				updataParams.isLike = false;
+				updataParams.likeCnt = Math.max(0, likeCnt - 1);
+			}
+			const response = await handleRequestDislikeApi(currentDislikeStatus);
+			if (!response.success) {
+				toast.error(response.message || "操作失败");
+				return;
+			}
+			return updataParams;
+		} finally {
+			setIsDislikeProcessing(false);
+		}
+	}, [
+		dislikeAnimation,
+		isLike,
+		isDislike,
+		likeCnt,
+		dislikeCnt,
+		handleRequestDislikeApi,
+		judgeIsLogin,
+		isDislikeProcessing,
+		resolvedDislikeAnimation
+	]);
+	const handleRequestCollectApi = useCallback(async ({ currentId, isCancel, collectionIds }) => {
+		try {
+			if (isCancel) {
+				const resolvedUserId = String(userId || userInfo?.userId || "");
+				if (!resolvedUserId) return { success: false };
+				const response = await pInteractionRemoveCollect({
+					app_id: 0,
+					user_id: resolvedUserId,
+					content_id: currentId,
+					content_type: contentType
+				});
+				if (response.code === 0) return { success: true };
+				return {
+					success: false,
+					message: response.message
+				};
+			}
+			if (!String(userId || userInfo?.userId || "")) return { success: false };
+			const targetCollectionId = collectionIds?.[0];
+			const resolvedSourceType = resolveCollectSourceType(contentType);
+			const response = await pCommunityAddContentToCollection({
+				...targetCollectionId ? { collection_id: targetCollectionId } : {},
+				content_id: currentId,
+				...resolvedSourceType !== void 0 ? { source_type: resolvedSourceType } : {}
+			});
+			if (response.code === 0) return { success: true };
+			return {
+				success: false,
+				message: response.message
+			};
+		} catch (error) {
+			console.error("取消收藏操作失败", error);
+			return {
+				success: false,
+				message: error?.message
+			};
+		}
+	}, [
+		userId,
+		userInfo?.userId,
+		contentType
+	]);
+	const handleToCollectionOperate = useCallback(({ currentCollect, onUpdate }) => {
+		if (!judgeIsLogin()) return false;
+		if (currentCollect) (async () => {
+			const result = await handleRequestCollectApi({
+				currentId: id,
+				isCancel: true
+			});
+			if (!result?.success) {
+				toast.error(result?.message || "操作失败");
+				return;
+			}
+			onUpdate({ isCollect: false });
+		})();
+		else {
+			SharePopup.clear();
+			CollectionPopup.show({
+				toCreateCollection: () => {
+					router.push(`/collection/create?information_id=${id}`);
+				},
+				onCollect: (collectId) => {
+					(async () => {
+						const result = await handleRequestCollectApi({
+							currentId: id,
+							isCancel: false,
+							collectionIds: [collectId]
+						});
+						if (!result?.success) {
+							toast.error(result?.message || "操作失败");
+							return;
+						}
+						onUpdate({ isCollect: true });
+					})();
+				}
+			});
+		}
+		return true;
+	}, [
+		id,
+		router,
+		judgeIsLogin,
+		handleRequestCollectApi
+	]);
+	/**
+	* 收藏到默认收藏夹（后端兜底），不打开弹窗。
+	*/
+	const handleDefaultCollectionOperate = useCallback(async ({ currentCollect, onUpdate }) => {
+		if (!judgeIsLogin()) return;
+		if (currentCollect) {
+			const result = await handleRequestCollectApi({
+				currentId: id,
+				isCancel: true
+			});
+			if (!result?.success) return {
+				success: false,
+				message: result?.message
+			};
+			onUpdate({ isCollect: false });
+			return {
+				success: true,
+				isCollect: false
+			};
+		}
+		SharePopup.clear();
+		CollectionPopup.clear();
+		const result = await handleRequestCollectApi({
+			currentId: id,
+			isCancel: false
+		});
+		if (!result?.success) return {
+			success: false,
+			message: result?.message
+		};
+		const resolvedCollectionTitle = defaultCollectionTitle === void 0 ? await fetchDefaultCollectionTitle() : defaultCollectionTitle;
+		onUpdate({ isCollect: true });
+		return {
+			success: true,
+			isCollect: true,
+			collectionTitle: resolvedCollectionTitle || void 0
+		};
+	}, [
+		defaultCollectionTitle,
+		fetchDefaultCollectionTitle,
+		handleRequestCollectApi,
+		id,
+		judgeIsLogin
+	]);
+	return {
+		likeAnimation,
+		dislikeAnimation,
+		handleLikeOperate,
+		handleDislikeOperate,
+		handleShareOperate: useCallback((onUpdate, options) => {
+			const resolvedOptions = typeof options === "string" ? { otherId: options } : options;
+			const currentId = resolvedOptions?.otherId || id;
+			const shareUrl = resolvedOptions?.shareUrl;
+			SharePopup.show({
+				copyUrl,
+				data: {
+					id,
+					isCollect,
+					parentId: currentId
+				},
+				...shareUrl ? { shareUrl } : {},
+				onCollect: (currentCollect) => {
+					handleToCollectionOperate({
+						currentCollect,
+						onUpdate
+					});
+				}
+			});
+		}, [
+			id,
+			isCollect,
+			handleToCollectionOperate,
+			copyUrl
+		]),
+		handleToCollectionOperate,
+		handleDefaultCollectionOperate
+	};
+}
+
+//#endregion
+export { batchQueryContentInteractions, useContentOperate };

package/dist/hooks/use-first-row-height.mjs

@@ -1,2 +1,106 @@
 
-import{useEffect as e,useLayoutEffect as t,useRef as n,useState as r}from"react";function i({enabled:i=!0,containerRef:a,measure:o,deps:s=[]}){let[c,l]=r(0),u=n(null),d=()=>{if(!i){l(0);return}u.current!=null&&cancelAnimationFrame(u.current),u.current=requestAnimationFrame(()=>{u.current=null;let e=o();l(t=>t===e?t:e)})};return t(()=>{d()},[i,...s]),e(()=>{if(!i)return;let e=a.current;if(!e)return;let t=new ResizeObserver(()=>{d()});return t.observe(e),()=>{t.disconnect()}},[i]),e(()=>()=>{u.current!=null&&cancelAnimationFrame(u.current)},[]),c}function a({enabled:e=!0,containerRef:t,firstRowItemRef:n,columns:r,itemsCount:a,deps:o=[]}){return i({enabled:e,containerRef:t,measure:()=>{let e=Math.min(a,Math.max(0,r)),t=0;for(let r=0;r<e;r+=1){let e=n.current[r]?.getBoundingClientRect().height??0;e>t&&(t=e)}return t},deps:[r,a,...o]})}function o({enabled:e=!0,containerRef:t,firstRowRef:n,deps:r=[]}){return i({enabled:e,containerRef:t,measure:()=>{let e=n.current.left?.getBoundingClientRect().height??0,t=n.current.right?.getBoundingClientRect().height??0;return Math.max(e,t)},deps:r})}function s({enabled:e=!0,containerRef:t,itemRef:n,deps:r=[]}){return i({enabled:e,containerRef:t,measure:()=>n.current?.getBoundingClientRect().height??0,deps:r})}export{a as useGridFirstRowHeight,s as useSingleFirstRowHeight,o as useWaterfallFirstRowHeight};
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+
+//#region hooks/use-first-row-height.ts
+/**
+* useMeasureOnResize
+*
+* 统一封装 “useLayoutEffect 触发一次测量 + ResizeObserver 监听容器尺寸变化 + rAF 去抖”。
+*/
+function useMeasureOnResize({ enabled = true, containerRef, measure, deps = [] }) {
+	const [height, setHeight] = useState(0);
+	const frameRef = useRef(null);
+	const scheduleMeasure = () => {
+		if (!enabled) {
+			setHeight(0);
+			return;
+		}
+		if (frameRef.current != null) cancelAnimationFrame(frameRef.current);
+		frameRef.current = requestAnimationFrame(() => {
+			frameRef.current = null;
+			const nextHeight = measure();
+			setHeight((prev) => prev === nextHeight ? prev : nextHeight);
+		});
+	};
+	useLayoutEffect(() => {
+		scheduleMeasure();
+	}, [enabled, ...deps]);
+	useEffect(() => {
+		if (!enabled) return;
+		const node = containerRef.current;
+		if (!node) return;
+		const observer = new ResizeObserver(() => {
+			scheduleMeasure();
+		});
+		observer.observe(node);
+		return () => {
+			observer.disconnect();
+		};
+	}, [enabled]);
+	useEffect(() => {
+		return () => {
+			if (frameRef.current != null) cancelAnimationFrame(frameRef.current);
+		};
+	}, []);
+	return height;
+}
+/**
+* useGridFirstRowHeight
+*
+* 两列/多列宫格场景：计算“第 1 行”高度（取首行 item wrapper 的最大高度）。
+*/
+function useGridFirstRowHeight({ enabled = true, containerRef, firstRowItemRef, columns, itemsCount, deps = [] }) {
+	return useMeasureOnResize({
+		enabled,
+		containerRef,
+		measure: () => {
+			const count = Math.min(itemsCount, Math.max(0, columns));
+			let nextHeight = 0;
+			for (let index = 0; index < count; index += 1) {
+				const height = firstRowItemRef.current[index]?.getBoundingClientRect().height ?? 0;
+				if (height > nextHeight) nextHeight = height;
+			}
+			return nextHeight;
+		},
+		deps: [
+			columns,
+			itemsCount,
+			...deps
+		]
+	});
+}
+/**
+* useWaterfallFirstRowHeight
+*
+* 瀑布流场景：计算“第 1 行”高度（取左右列首卡 wrapper 高度的最大值）。
+*/
+function useWaterfallFirstRowHeight({ enabled = true, containerRef, firstRowRef, deps = [] }) {
+	return useMeasureOnResize({
+		enabled,
+		containerRef,
+		measure: () => {
+			const leftHeight = firstRowRef.current.left?.getBoundingClientRect().height ?? 0;
+			const rightHeight = firstRowRef.current.right?.getBoundingClientRect().height ?? 0;
+			return Math.max(leftHeight, rightHeight);
+		},
+		deps
+	});
+}
+/**
+* useSingleFirstRowHeight
+*
+* 单卡场景：计算首卡高度（用于 overlay 定位）。
+*/
+function useSingleFirstRowHeight({ enabled = true, containerRef, itemRef, deps = [] }) {
+	return useMeasureOnResize({
+		enabled,
+		containerRef,
+		measure: () => {
+			return itemRef.current?.getBoundingClientRect().height ?? 0;
+		},
+		deps
+	});
+}
+
+//#endregion
+export { useGridFirstRowHeight, useSingleFirstRowHeight, useWaterfallFirstRowHeight };