@funhub/platform 0.2.31 → 0.2.33

package/dist/components/biz/business/comment/comment-list.mjs

@@ -1,723 +1,2 @@
 
-'use client';
-
-import { debounceFun, getCurrentSecondTime, parseTextAtUserIds, replaceAtUserElement } from "../../../../utils/common.mjs";
-import { cn } from "../../../../utils/cn.mjs";
-import { useUserStore } from "../../../../store/modules/user-store.mjs";
-import { gCommunityGetComments, pCommunityCreateComment, pCommunityDislikeComment, pCommunityLikeComment } from "../../../../service/generated/client.mjs";
-import { Box } from "../../../ui/box.mjs";
-import { InfiniteScroll } from "../../../ui/infinite-scroll.mjs";
-import { Text } from "../../../ui/text.mjs";
-import { useLoginModalStore } from "../../../../store/modules/login-modal-store.mjs";
-import { useDeleteRequest } from "../../../../hooks/query/use-query.mjs";
-import { useLikeDislike } from "../../../../hooks/use-like-dislike.mjs";
-import { useKeepAliveEffect, useKeepAliveState } from "../../../common/keep-scroll-position/index.mjs";
-import { isMobileIOS } from "../../../../utils/tools.mjs";
-import { MediaPreview } from "../../../common/media-preview/index.mjs";
-import { mapApiCommentToComment } from "../../../../types/safe-comment.mjs";
-import SvgSolidArrow from "../../../../assets/icons/common/solid-arrow.mjs";
-import CommentInput from "./comment-input.mjs";
-import { CommentItem } from "./comment-item.mjs";
-import ReplyDetail from "./reply-detail.mjs";
-import { toast } from "sonner";
-import { memo, useCallback, 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/comment/comment-list.tsx
-const infoDetailDebounce0 = debounceFun((callback) => {
-	callback();
-}, 0);
-const infoDetailDebounce10 = debounceFun((callback) => {
-	callback();
-}, 10);
-const infoDetailLikeDebounce = debounceFun((comment) => {
-	try {
-		pCommunityLikeComment({
-			comment_id: comment.id,
-			is_like: comment.like_flag !== "1"
-		}, { revalidate: false });
-	} catch (error) {
-		console.error("点赞评论失败:", error);
-	}
-}, 200);
-const infoDetailDislikeDebounce = debounceFun((comment) => {
-	try {
-		pCommunityDislikeComment({
-			comment_id: comment.id,
-			is_dislike: comment.like_flag !== "2"
-		}, { revalidate: false });
-	} catch (error) {
-		console.error("点踩评论失败:", error);
-	}
-}, 200);
-const replyDetailVisibleChangeEvent = "funhub:comment-reply-detail-visible-change";
-/**
-* 将接口时间字段转换为秒级时间戳，兼容秒/毫秒/ISO 字符串。
-*/
-function parseToSecondTimestamp(value) {
-	if (value === void 0 || value === null) return 0;
-	const numericValue = typeof value === "number" ? value : Number(value);
-	if (!Number.isNaN(numericValue) && numericValue > 0) {
-		if (numericValue > 0xe8d4a51000) return Math.floor(numericValue / 1e3);
-		return Math.floor(numericValue);
-	}
-	const parsed = Date.parse(String(value));
-	if (Number.isNaN(parsed)) return 0;
-	return Math.floor(parsed / 1e3);
-}
-/**
-* 将评论媒体转换为 SafeNineGridInfoType 数组（优先 medias）。
-*/
-function convertMediaArrayToNineGridInfo(images, videos, medias) {
-	const result = [];
-	if (Array.isArray(medias) && medias.length > 0) {
-		medias.forEach((media) => {
-			const isVideo = Boolean(media?.is_video);
-			const mediaUrl = String(media?.media_url || "");
-			const coverImage = String(media?.cover_image || "");
-			if (!mediaUrl && !coverImage) return;
-			result.push({
-				cover_image: coverImage,
-				cover_image_thumbnail: coverImage,
-				cover_image_radio: 1,
-				cover_image_resolution: String(media?.cover_image_resolution || ""),
-				image_url: isVideo ? "" : mediaUrl,
-				image_thumbnail: isVideo ? "" : mediaUrl,
-				image_radio: 1,
-				image_resolution: String(media?.image_resolution || ""),
-				is_video: isVideo,
-				resolution: String(media?.video_resolution || ""),
-				video_duration: Number(media?.video_duration || 0),
-				video_url: isVideo ? mediaUrl : "",
-				video_size: Number(media?.video_size || 0),
-				video_codec_info: {
-					hls_info: [],
-					video_codec_deal: false
-				}
-			});
-		});
-		return result;
-	}
-	if (images?.length) images.forEach((imageUrl) => {
-		result.push({
-			cover_image: "",
-			cover_image_thumbnail: "",
-			cover_image_radio: 1,
-			cover_image_resolution: "",
-			image_url: imageUrl,
-			image_thumbnail: imageUrl,
-			image_radio: 1,
-			image_resolution: "",
-			is_video: false,
-			resolution: "",
-			video_duration: 0,
-			video_url: "",
-			video_size: 0,
-			video_codec_info: {
-				hls_info: [],
-				video_codec_deal: false
-			}
-		});
-	});
-	if (videos?.length) videos.forEach((videoUrl) => {
-		result.push({
-			cover_image: "",
-			cover_image_thumbnail: "",
-			cover_image_radio: 1,
-			cover_image_resolution: "",
-			image_url: "",
-			image_thumbnail: "",
-			image_radio: 1,
-			image_resolution: "",
-			is_video: true,
-			resolution: "",
-			video_duration: 0,
-			video_url: videoUrl,
-			video_size: 0,
-			video_codec_info: {
-				hls_info: [],
-				video_codec_deal: false
-			}
-		});
-	});
-	return result;
-}
-/**
-* 将 Community 评论结构映射到 SafeCommentType
-*/
-function mapCommunityCommentToSafeComment(comment) {
-	const replyCountFromApi = typeof comment.reply_count === "number" ? comment.reply_count : 0;
-	const subCommentsCount = Array.isArray(comment.sub_comments) ? comment.sub_comments.length : 0;
-	const resolvedReplyCount = replyCountFromApi > 0 ? replyCountFromApi : subCommentsCount;
-	const likeFlag = comment.is_liked ? "1" : comment.is_dislike ? "2" : "0";
-	const mentionedUsers = mapCommunityMentionedUsers(comment.mentioned_users);
-	const resolvedAtUsers = mentionedUsers.length > 0 ? mentionedUsers : parseAtUsersFromHtml(comment.content || "");
-	const resolvedId = String(comment.comment_id ?? comment.id ?? "");
-	const rawLikeCnt = typeof comment.like_count === "number" ? comment.like_count : 0;
-	const likeCnt = comment.is_liked && rawLikeCnt === 0 ? 1 : rawLikeCnt;
-	return mapApiCommentToComment({
-		id: resolvedId,
-		reply_cnt: resolvedReplyCount.toString(),
-		like_cnt: likeCnt,
-		dislike_cnt: 0,
-		created_at: parseToSecondTimestamp(comment.create_time),
-		text: comment.content || "",
-		type: "4",
-		like_flag: likeFlag,
-		user_id: comment.user_id || "",
-		user_name: comment.user?.nickname || comment.user?.username || "",
-		avatar: comment.user?.avatar_url || "",
-		files: [],
-		at_users: resolvedAtUsers,
-		nine_grid_content_info: convertMediaArrayToNineGridInfo(comment?.images, comment?.videos, comment?.medias),
-		is_follow: false
-	});
-}
-/**
-* 将评论里的 @ 用户信息转换为 SafeAtUserType。
-*/
-function mapCommunityMentionedUsers(mentionedUsers) {
-	if (!Array.isArray(mentionedUsers)) return [];
-	return mentionedUsers.map((user) => ({
-		user_id: user.user_id || "",
-		name: user.nickname || user.username || "",
-		avatar: user.avatar_url || "",
-		birthday: "",
-		signature: user.signature || ""
-	}));
-}
-/**
-* 从富文本中解析 @mention 信息，用于本地新增评论的高亮展示。
-*/
-function parseAtUsersFromHtml(text) {
-	if (!text) return [];
-	const result = /* @__PURE__ */ new Map();
-	const mentionRegex = /<span[^>]*class=['"]mention['"][^>]*data-id=['"]([^'"]+)['"][^>]*>@([^<]*)<\/span>/g;
-	let match;
-	while ((match = mentionRegex.exec(text)) !== null) {
-		const id = match[1] ? String(match[1]) : "";
-		const name = (match[2] ? String(match[2]) : "").replace(/^@/, "") || id;
-		if (!id || result.has(id)) continue;
-		result.set(id, {
-			user_id: id,
-			name,
-			avatar: "",
-			birthday: "",
-			signature: ""
-		});
-	}
-	if (result.size > 0) return Array.from(result.values());
-	const placeholderRegex = /<@_user>(\w+)<\/@_user>/g;
-	while ((match = placeholderRegex.exec(text)) !== null) {
-		const id = match[1] ? String(match[1]) : "";
-		if (!id || result.has(id)) continue;
-		result.set(id, {
-			user_id: id,
-			name: id,
-			avatar: "",
-			birthday: "",
-			signature: ""
-		});
-	}
-	return Array.from(result.values());
-}
-/**
-* 将评论附件转换为 createComment 的 medias 结构。
-*/
-function buildCommentMedias(list) {
-	if (!Array.isArray(list) || list.length === 0) return [];
-	return list.map((item) => {
-		const isVideo = Boolean(item.is_video);
-		const mediaUrl = isVideo ? String(item.video_url || "") : String(item.image_url || item.cover_image || "");
-		const coverImage = String(item.cover_image || item.image_url || "");
-		return {
-			media_url: mediaUrl,
-			is_video: isVideo,
-			image_resolution: String(item.image_resolution || ""),
-			cover_image: coverImage,
-			cover_image_resolution: String(item.cover_image_resolution || ""),
-			video_resolution: String(item.resolution || ""),
-			video_duration: Number(item.video_duration || 0),
-			video_size: Number(item.video_size || 0)
-		};
-	}).filter((media) => Boolean(media.media_url));
-}
-/**
-* 评论列表（按 web-monorepo `detail/common/comment-list.tsx` 的交互与样式迁移）。
-*/
-const CommentList = memo(({ information, listQueryKey, contentId, contentType, isShow = true, isClickLoad = false, initialComments, initialTotal, initialHasMore, addCommentCount, onCommentAdded, onRequireLogin, onTotalChange, onReplyDetailVisibleChange, className }) => {
-	const { userInfo, userId, isLogin } = useUserStore();
-	const { open } = useLoginModalStore();
-	const t = useTranslations("components.biz.business.comment");
-	const addCommentCountResolved = addCommentCount ?? onCommentAdded ?? (() => {});
-	/**
-	* CreateComment 接口 data 字段在不同端/版本里可能是：
-	* - { comment_id: '123' }
-	* - ['123']
-	* - { data: ['123'] }
-	* 这里统一兜底解析，避免拿不到 comment_id 导致本地用时间戳/0 作为 id，进而把 parent_id 传错。
-	*/
-	function resolveCreatedCommentId(data) {
-		if (!data) return "";
-		if (Array.isArray(data)) return String(data[0] || "");
-		if (typeof data === "object") {
-			if (Object.prototype.hasOwnProperty.call(data, "comment_id")) return String(data.comment_id ?? "");
-			if (Array.isArray(data.data)) return String(data.data[0] || "");
-		}
-		return "";
-	}
-	const requireLogin = useCallback(() => {
-		if (onRequireLogin) onRequireLogin();
-		else open();
-	}, [onRequireLogin, open]);
-	const pageSize = isClickLoad ? 5 : 20;
-	const initialMappedComments = useMemo(() => {
-		if (!initialComments?.length) return [];
-		return initialComments.map(mapCommunityCommentToSafeComment);
-	}, [initialComments]);
-	const hasInitialData = initialComments !== void 0 || typeof initialTotal === "number" || typeof initialHasMore === "boolean";
-	const initialHasMoreResolved = useMemo(() => {
-		if (typeof initialHasMore === "boolean") return initialHasMore;
-		if (typeof initialTotal === "number") return initialMappedComments.length < initialTotal;
-		if (!hasInitialData) return true;
-		if (initialMappedComments.length === 0) return false;
-		return initialMappedComments.length >= pageSize;
-	}, [
-		hasInitialData,
-		initialHasMore,
-		initialMappedComments.length,
-		initialTotal,
-		pageSize
-	]);
-	const [commentList, setCommentList] = useKeepAliveState(`info-detail-comment-list-${contentId}`, initialMappedComments);
-	const [hasMore, setHasMore] = useKeepAliveState(`info-detail-comment-list-has-more-${contentId}`, initialHasMoreResolved);
-	const [page, setPage] = useKeepAliveState(`info-comment-detail-page-${contentId}`, initialMappedComments.length > 0 ? 2 : 1);
-	const [isLoading, setIsLoading] = useKeepAliveState(`info-detail-comment-list-loading-${contentId}`, false);
-	const [selectedComment, setSelectedComment] = useKeepAliveState(`info-detail-selected-comment-${contentId}`, mapApiCommentToComment({
-		id: "",
-		user_id: ""
-	}));
-	const [replyDetailVisible, setReplyDetailVisible] = useKeepAliveState(`info-detail-reply-detail-visible-${contentId}`, false);
-	const [isClickReplyButton, setIsClickReplyButton] = useState(false);
-	const commentRef = useRef(null);
-	/**
-	* 广播评论详情弹窗可见状态，供全屏评论弹窗控制透明度。
-	*/
-	const dispatchReplyDetailVisibleChange = useCallback((visible) => {
-		if (typeof window === "undefined") return;
-		window.dispatchEvent(new CustomEvent(replyDetailVisibleChangeEvent, { detail: { visible } }));
-	}, []);
-	useEffect(() => {
-		dispatchReplyDetailVisibleChange(replyDetailVisible);
-		onReplyDetailVisibleChange?.(replyDetailVisible);
-	}, [
-		dispatchReplyDetailVisibleChange,
-		onReplyDetailVisibleChange,
-		replyDetailVisible
-	]);
-	useEffect(() => () => {
-		dispatchReplyDetailVisibleChange(false);
-		onReplyDetailVisibleChange?.(false);
-	}, [dispatchReplyDetailVisibleChange, onReplyDetailVisibleChange]);
-	const tipsText = useMemo(() => {
-		if (isLoading || hasMore && commentList.length === 0) return t("commentList.loading");
-		if (commentList.length > 0 && !hasMore) return t("commentList.noMore");
-		if (commentList.length === 0 && !hasMore) return t("commentList.emptyPrompt");
-		return "";
-	}, [
-		commentList.length,
-		hasMore,
-		isLoading,
-		t
-	]);
-	const inputPlaceholder = useMemo(() => {
-		if (isClickReplyButton) return `回复@${selectedComment.user_name}`;
-		return "";
-	}, [isClickReplyButton, selectedComment.user_name]);
-	const { getLikedListData, getDislikedListData } = useLikeDislike();
-	const handleReplyAdded = useCallback(() => {
-		setCommentList((prevList) => {
-			return prevList.map((item) => item.id === selectedComment.id ? {
-				...item,
-				reply_cnt: (Number(item.reply_cnt || 0) + 1).toString()
-			} : item);
-		});
-		setSelectedComment((prev) => ({
-			...prev,
-			reply_cnt: (Number(prev.reply_cnt || 0) + 1).toString()
-		}));
-	}, [
-		selectedComment.id,
-		setCommentList,
-		setSelectedComment
-	]);
-	/**
-	* 获取评论列表。
-	*/
-	const fetchCommentList = useCallback(async () => {
-		if (!contentId) return;
-		try {
-			const result = await gCommunityGetComments({
-				content_id: contentId,
-				page,
-				page_size: pageSize,
-				sort_by: "latest"
-			});
-			if (result.code !== 0) throw new Error(result.message || t("commentList.fetchCommentsFailed"));
-			const data = (result.data?.data?.comments ?? []).map(mapCommunityCommentToSafeComment);
-			const total = result.data?.data?.total ?? 0;
-			if (page === 1 && onTotalChange) onTotalChange(total);
-			if ((result.data?.data?.has_more ?? false) === false || data.length < pageSize) setHasMore(false);
-			setCommentList((prevList) => {
-				const existingIds = new Set(prevList.map((item) => item.id));
-				const filteredData = data.filter((item) => !existingIds.has(item.id));
-				return [...prevList, ...filteredData];
-			});
-			setPage(page + 1);
-		} catch (error) {
-			console.error("获取评论列表失败:", error);
-			setHasMore(false);
-		}
-	}, [
-		contentId,
-		page,
-		pageSize,
-		setCommentList,
-		setHasMore,
-		setPage
-	]);
-	/**
-	* 点击加载更多。
-	*/
-	const onClickLoadMore = useCallback(async () => {
-		setIsLoading(true);
-		try {
-			await fetchCommentList();
-		} catch (error) {
-			console.error("获取评论列表失败:", error);
-		}
-		setIsLoading(false);
-	}, [fetchCommentList, setIsLoading]);
-	/**
-	* 初始点击加载更多（仅 isClickLoad 模式）。
-	*/
-	useKeepAliveEffect(() => {
-		if (isClickLoad && !hasInitialData) onClickLoadMore();
-	}, [
-		hasInitialData,
-		isClickLoad,
-		onClickLoadMore
-	], `info-detail-comment-initial-load-more-${contentId}`);
-	/**
-	* 初始化总数（服务端预取）。
-	*/
-	useKeepAliveEffect(() => {
-		if (!hasInitialData || !onTotalChange) return;
-		if (typeof initialTotal === "number") onTotalChange(initialTotal);
-	}, [
-		hasInitialData,
-		initialTotal,
-		onTotalChange
-	], `info-detail-comment-initial-total-${contentId}`);
-	/**
-	* 输入框失焦：重置回复态。
-	*/
-	function handleInputBlur() {
-		infoDetailDebounce0(() => {
-			setIsClickReplyButton(false);
-		});
-	}
-	/**
-	* 发布帖子评论。
-	*/
-	async function publishInfoComment({ text, imageVideoInfoList }) {
-		try {
-			if (!isLogin) {
-				requireLogin();
-				return {
-					success: false,
-					message: t("commentList.loginRequired")
-				};
-			}
-			const resolvedUserId = userInfo?.userId || userInfo?.user_id || userId || "";
-			if (!resolvedUserId) {
-				requireLogin();
-				return {
-					success: false,
-					message: t("commentList.loginRequired")
-				};
-			}
-			const resolvedUserName = userInfo?.nick_name || userInfo?.nickname || userInfo?.name || userInfo?.user_name || userInfo?.username || "";
-			const resolvedUserAvatar = userInfo?.avatar || userInfo?.avatar_url || "";
-			const medias = buildCommentMedias(imageVideoInfoList);
-			const mentionedUserIds = parseTextAtUserIds(text);
-			const result = await pCommunityCreateComment({
-				content_id: contentId,
-				content: replaceAtUserElement(text),
-				medias,
-				mentioned_users: mentionedUserIds,
-				source_type: contentType === "video" ? 1 : 2
-			}, { revalidate: false });
-			if (result.code === 0) {
-				const commentId = resolveCreatedCommentId(result.data);
-				if (!commentId || commentId === "0") return {
-					success: false,
-					message: t("commentList.publishCommentFailed")
-				};
-				const localAtUsers = parseAtUsersFromHtml(text);
-				const newComment = mapApiCommentToComment({
-					text,
-					id: commentId,
-					avatar: resolvedUserAvatar,
-					user_id: resolvedUserId,
-					user_name: resolvedUserName,
-					like_cnt: result.data?.like_count ?? 0,
-					created_at: getCurrentSecondTime(),
-					nine_grid_content_info: imageVideoInfoList,
-					at_users: localAtUsers
-				});
-				setCommentList((prevList) => [newComment, ...prevList]);
-				return { success: true };
-			} else return {
-				success: false,
-				message: result.message || t("commentList.publishCommentFailed")
-			};
-		} catch (error) {
-			console.error(error);
-			return {
-				success: false,
-				message: t("commentList.publishCommentFailed")
-			};
-		}
-	}
-	/**
-	* 回复评论。
-	*/
-	const publishReplyComment = useCallback(async ({ text, imageVideoInfoList, callback }) => {
-		try {
-			if (!isLogin) {
-				requireLogin();
-				return {
-					success: false,
-					message: t("commentList.loginRequired")
-				};
-			}
-			if (!selectedComment?.id || selectedComment.id === "0") return {
-				success: false,
-				message: t("commentList.invalidReplyTarget")
-			};
-			const medias = buildCommentMedias(imageVideoInfoList);
-			const mentionedUserIds = parseTextAtUserIds(text);
-			const result = await pCommunityCreateComment({
-				content_id: contentId,
-				content: replaceAtUserElement(text),
-				medias,
-				mentioned_users: mentionedUserIds,
-				parent_id: selectedComment.id,
-				source_type: contentType === "video" ? 1 : 2
-			}, { revalidate: false });
-			if (result.code !== 0) return {
-				success: false,
-				message: result.message || t("commentList.publishReplyFailed")
-			};
-			setCommentList((prevList) => prevList.map((item) => item.id === selectedComment.id ? {
-				...item,
-				reply_cnt: (Number(item.reply_cnt) + 1).toString()
-			} : item));
-			const replyId = resolveCreatedCommentId(result.data);
-			if (!replyId || replyId === "0") return {
-				success: false,
-				message: t("commentList.publishReplyFailed")
-			};
-			callback?.(replyId);
-			return { success: true };
-		} catch (error) {
-			console.error("发布回复评论失败:", error);
-			return {
-				success: false,
-				message: t("commentList.publishReplyFailed")
-			};
-		}
-	}, [
-		contentId,
-		contentType,
-		isLogin,
-		requireLogin,
-		selectedComment.id,
-		setCommentList,
-		t
-	]);
-	/**
-	* 发布评论。
-	*/
-	async function handlePublishComment({ text, imageVideoInfoList }) {
-		/**
-		* 统一处理发布失败提示。
-		*/
-		const handlePublishFailure = (result) => {
-			if (result.success) return result;
-			toast.error(result.message || t("commentList.publishCommentFailed"));
-			return {
-				...result,
-				toastHandled: true
-			};
-		};
-		if (isClickReplyButton) {
-			const result = await publishReplyComment({
-				text,
-				imageVideoInfoList,
-				callback: (_replyId) => {}
-			});
-			setIsClickReplyButton(false);
-			return handlePublishFailure(result);
-		} else {
-			const result = await publishInfoComment({
-				text,
-				imageVideoInfoList
-			});
-			if (result.success) addCommentCountResolved();
-			setIsClickReplyButton(false);
-			return handlePublishFailure(result);
-		}
-	}
-	/**
-	* 点击回复：聚焦输入框并进入回复态。
-	*/
-	const handleReplyComment = useCallback((comment) => {
-		setSelectedComment(comment);
-		if (isMobileIOS()) commentRef.current?.focus();
-		infoDetailDebounce10(() => {
-			setIsClickReplyButton(true);
-			commentRef.current?.focus();
-		});
-	}, [setSelectedComment]);
-	/**
-	* 查看回复。
-	*/
-	const handleViewReplyComment = useCallback((comment) => {
-		setSelectedComment(comment);
-		setReplyDetailVisible(true);
-	}, [setReplyDetailVisible, setSelectedComment]);
-	/**
-	* 点击回复按钮：无回复进入回复态，有回复查看详情。
-	*/
-	const handleReplyAction = useCallback((comment) => {
-		if (comment.reply_cnt === "0") {
-			handleReplyComment(comment);
-			return;
-		}
-		handleViewReplyComment(comment);
-	}, [handleReplyComment, handleViewReplyComment]);
-	/**
-	* 点赞评论。
-	*/
-	const handleLikeComment = useCallback((comment) => {
-		if (!isLogin) {
-			onRequireLogin?.();
-			return;
-		}
-		setCommentList(getLikedListData(commentList, comment.id));
-		infoDetailLikeDebounce(comment);
-	}, [
-		commentList,
-		getLikedListData,
-		isLogin,
-		onRequireLogin,
-		setCommentList
-	]);
-	/**
-	* 点踩评论。
-	*/
-	const handleDislikeComment = useCallback((comment) => {
-		if (!isLogin) {
-			onRequireLogin?.();
-			return;
-		}
-		if (comment.like_flag !== "2") toast.message(t("commentList.dislikeHint"));
-		setCommentList(getDislikedListData(commentList, comment.id));
-		infoDetailDislikeDebounce(comment);
-	}, [
-		commentList,
-		getDislikedListData,
-		isLogin,
-		onRequireLogin,
-		setCommentList,
-		t
-	]);
-	const invalidateCommentList = useDeleteRequest();
-	/**
-	* 关闭回复详情弹窗。
-	*/
-	function handleCloseReplyDetail() {
-		if (listQueryKey) invalidateCommentList(listQueryKey);
-		setReplyDetailVisible(false);
-	}
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsxs(Box, {
-			className: cn("w-full pb-[60px]", className),
-			children: [
-				commentList.map((comment, index) => /* @__PURE__ */ jsx(CommentItem, {
-					comment,
-					onReply: handleReplyComment,
-					onViewReplies: handleViewReplyComment,
-					onReplyAction: handleReplyAction,
-					onLike: handleLikeComment,
-					onDislike: handleDislikeComment,
-					isLogin,
-					onRequireLogin: requireLogin
-				}, `${comment.id}-${index}-comment`)),
-				isShow && /* @__PURE__ */ jsx(InfiniteScroll, {
-					loadMore: async () => {
-						await fetchCommentList();
-					},
-					hasMore,
-					initialLoad: !isClickLoad && commentList.length === 0 && hasMore !== false
-				}),
-				isClickLoad && /* @__PURE__ */ jsxs(Box, {
-					className: "w-full my-[8px]",
-					children: [!tipsText && /* @__PURE__ */ jsxs(Box, {
-						className: "w-[fit-content] h-[42px] flex items-center justify-center mx-[auto]",
-						onClick: () => {
-							onClickLoadMore();
-						},
-						children: [/* @__PURE__ */ jsx(Text, {
-							className: "text-text3 text-[14px]",
-							children: t("commentList.viewMore")
-						}), /* @__PURE__ */ jsx(SvgSolidArrow, { className: "w-[8px] h-[auto] ml-[4px] text-text3" })]
-					}), tipsText && /* @__PURE__ */ jsx(Box, {
-						className: "w-full h-[42px] flex items-center justify-center",
-						children: /* @__PURE__ */ jsx(Text, {
-							className: "text-text3 text-[12px]",
-							children: tipsText
-						})
-					})]
-				}),
-				/* @__PURE__ */ jsx(CommentInput, {
-					placeholder: inputPlaceholder,
-					onPublish: ({ text, imageVideoInfoList }) => handlePublishComment({
-						text,
-						imageVideoInfoList
-					}),
-					onInputBlur: handleInputBlur,
-					onRequireLogin: requireLogin,
-					ref: commentRef
-				})
-			]
-		}),
-		/* @__PURE__ */ jsx(ReplyDetail, {
-			visible: replyDetailVisible,
-			comment: selectedComment,
-			information,
-			contentType,
-			onClose: handleCloseReplyDetail,
-			onReplyComment: publishReplyComment,
-			onReplyAdded: handleReplyAdded,
-			onRequireLogin: requireLogin
-		}, selectedComment.id),
-		/* @__PURE__ */ jsx(MediaPreview, {})
-	] });
-});
-
-//#endregion
-export { CommentList as default };
+"use client";import{debounceFun as e,getCurrentSecondTime as t,parseTextAtUserIds as n,replaceAtUserElement as r}from"../../../../utils/common.mjs";import{cn as i}from"../../../../utils/cn.mjs";import{useUserStore as a}from"../../../../store/modules/user-store.mjs";import{gCommunityGetComments as o,pCommunityCreateComment as s,pCommunityDislikeComment as c,pCommunityLikeComment as l}from"../../../../service/generated/client.mjs";import{Box as u}from"../../../ui/box.mjs";import{InfiniteScroll as ee}from"../../../ui/infinite-scroll.mjs";import{Text as d}from"../../../ui/text.mjs";import{useLoginModalStore as te}from"../../../../store/modules/login-modal-store.mjs";import{useDeleteRequest as ne}from"../../../../hooks/query/use-query.mjs";import{useLikeDislike as re}from"../../../../hooks/use-like-dislike.mjs";import{useKeepAliveEffect as ie,useKeepAliveState as f}from"../../../common/keep-scroll-position/index.mjs";import{isMobileIOS as ae}from"../../../../utils/tools.mjs";import{MediaPreview as oe}from"../../../common/media-preview/index.mjs";import{mapApiCommentToComment as p}from"../../../../types/safe-comment.mjs";import se from"../../../../assets/icons/common/solid-arrow.mjs";import ce from"./comment-input.mjs";import{CommentItem as le}from"./comment-item.mjs";import ue from"./reply-detail.mjs";import{toast as m}from"sonner";import{memo as h,useCallback as g,useEffect as de,useMemo as _,useRef as fe,useState as pe}from"react";import{Fragment as me,jsx as v,jsxs as y}from"react/jsx-runtime";import{useTranslations as he}from"next-intl";const ge=e(e=>{e()},0),_e=e(e=>{e()},10),ve=e(e=>{try{l({comment_id:e.id,is_like:e.like_flag!==`1`},{revalidate:!1})}catch(e){console.error(`点赞评论失败:`,e)}},200),ye=e(e=>{try{c({comment_id:e.id,is_dislike:e.like_flag!==`2`},{revalidate:!1})}catch(e){console.error(`点踩评论失败:`,e)}},200);function be(e){if(e==null)return 0;let t=typeof e==`number`?e:Number(e);if(!Number.isNaN(t)&&t>0)return t>0xe8d4a51000?Math.floor(t/1e3):Math.floor(t);let n=Date.parse(String(e));return Number.isNaN(n)?0:Math.floor(n/1e3)}function b(e,t,n){let r=[];return Array.isArray(n)&&n.length>0?(n.forEach(e=>{let t=!!e?.is_video,n=String(e?.media_url||``),i=String(e?.cover_image||``);!n&&!i||r.push({cover_image:i,cover_image_thumbnail:i,cover_image_radio:1,cover_image_resolution:String(e?.cover_image_resolution||``),image_url:t?``:n,image_thumbnail:t?``:n,image_radio:1,image_resolution:String(e?.image_resolution||``),is_video:t,resolution:String(e?.video_resolution||``),video_duration:Number(e?.video_duration||0),video_url:t?n:``,video_size:Number(e?.video_size||0),video_codec_info:{hls_info:[],video_codec_deal:!1}})}),r):(e?.length&&e.forEach(e=>{r.push({cover_image:``,cover_image_thumbnail:``,cover_image_radio:1,cover_image_resolution:``,image_url:e,image_thumbnail:e,image_radio:1,image_resolution:``,is_video:!1,resolution:``,video_duration:0,video_url:``,video_size:0,video_codec_info:{hls_info:[],video_codec_deal:!1}})}),t?.length&&t.forEach(e=>{r.push({cover_image:``,cover_image_thumbnail:``,cover_image_radio:1,cover_image_resolution:``,image_url:``,image_thumbnail:``,image_radio:1,image_resolution:``,is_video:!0,resolution:``,video_duration:0,video_url:e,video_size:0,video_codec_info:{hls_info:[],video_codec_deal:!1}})}),r)}function xe(e){let t=typeof e.reply_count==`number`?e.reply_count:0,n=Array.isArray(e.sub_comments)?e.sub_comments.length:0,r=t>0?t:n,i=e.is_liked?`1`:e.is_dislike?`2`:`0`,a=x(e.mentioned_users),o=a.length>0?a:Se(e.content||``),s=String(e.comment_id??e.id??``),c=typeof e.like_count==`number`?e.like_count:0,l=e.is_liked&&c===0?1:c;return p({id:s,reply_cnt:r.toString(),like_cnt:l,dislike_cnt:0,created_at:be(e.create_time),text:e.content||``,type:`4`,like_flag:i,user_id:e.user_id||``,user_name:e.user?.nickname||e.user?.username||``,avatar:e.user?.avatar_url||``,files:[],at_users:o,nine_grid_content_info:b(e?.images,e?.videos,e?.medias),is_follow:!1})}function x(e){return Array.isArray(e)?e.map(e=>({user_id:e.user_id||``,name:e.nickname||e.username||``,avatar:e.avatar_url||``,birthday:``,signature:e.signature||``})):[]}function Se(e){if(!e)return[];let t=new Map,n=/<span[^>]*class=['"]mention['"][^>]*data-id=['"]([^'"]+)['"][^>]*>@([^<]*)<\/span>/g,r;for(;(r=n.exec(e))!==null;){let e=r[1]?String(r[1]):``,n=(r[2]?String(r[2]):``).replace(/^@/,``)||e;!e||t.has(e)||t.set(e,{user_id:e,name:n,avatar:``,birthday:``,signature:``})}if(t.size>0)return Array.from(t.values());let i=/<@_user>(\w+)<\/@_user>/g;for(;(r=i.exec(e))!==null;){let e=r[1]?String(r[1]):``;!e||t.has(e)||t.set(e,{user_id:e,name:e,avatar:``,birthday:``,signature:``})}return Array.from(t.values())}function Ce(e){return!Array.isArray(e)||e.length===0?[]:e.map(e=>{let t=!!e.is_video,n=t?String(e.video_url||``):String(e.image_url||e.cover_image||``),r=String(e.cover_image||e.image_url||``);return{media_url:n,is_video:t,image_resolution:String(e.image_resolution||``),cover_image:r,cover_image_resolution:String(e.cover_image_resolution||``),video_resolution:String(e.resolution||``),video_duration:Number(e.video_duration||0),video_size:Number(e.video_size||0)}}).filter(e=>!!e.media_url)}const S=h(({information:e,listQueryKey:c,contentId:l,contentType:h,isShow:be=!0,isClickLoad:b=!1,initialComments:x,initialTotal:S,initialHasMore:C,addCommentCount:we,onCommentAdded:Te,onRequireLogin:w,onTotalChange:T,onReplyDetailVisibleChange:E,className:Ee})=>{let{userInfo:D,userId:De,isLogin:O}=a(),{open:Oe}=te(),k=he(`components.biz.business.comment`),ke=we??Te??(()=>{});function Ae(e){if(!e)return``;if(Array.isArray(e))return String(e[0]||``);if(typeof e==`object`){if(Object.prototype.hasOwnProperty.call(e,`comment_id`))return String(e.comment_id??``);if(Array.isArray(e.data))return String(e.data[0]||``)}return``}let A=g(()=>{w?w():Oe()},[w,Oe]),j=b?5:20,M=_(()=>x?.length?x.map(xe):[],[x]),N=x!==void 0||typeof S==`number`||typeof C==`boolean`,je=_(()=>typeof C==`boolean`?C:typeof S==`number`?M.length<S:N?M.length===0?!1:M.length>=j:!0,[N,C,M.length,S,j]),[P,F]=f(`info-detail-comment-list-${l}`,M),[I,L]=f(`info-detail-comment-list-has-more-${l}`,je),[R,Me]=f(`info-comment-detail-page-${l}`,M.length>0?2:1),[Ne,z]=f(`info-detail-comment-list-loading-${l}`,!1),[B,V]=f(`info-detail-selected-comment-${l}`,p({id:``,user_id:``})),[H,U]=f(`info-detail-reply-detail-visible-${l}`,!1),[W,G]=pe(!1),K=fe(null),q=g(e=>{typeof window>`u`||window.dispatchEvent(new CustomEvent(`funhub:comment-reply-detail-visible-change`,{detail:{visible:e}}))},[]);de(()=>{q(H),E?.(H)},[q,E,H]),de(()=>()=>{q(!1),E?.(!1)},[q,E]);let J=_(()=>Ne||I&&P.length===0?k(`commentList.loading`):P.length>0&&!I?k(`commentList.noMore`):P.length===0&&!I?k(`commentList.emptyPrompt`):``,[P.length,I,Ne,k]),Pe=_(()=>W?`回复@${B.user_name}`:``,[W,B.user_name]),{getLikedListData:Fe,getDislikedListData:Ie}=re(),Le=g(()=>{F(e=>e.map(e=>e.id===B.id?{...e,reply_cnt:(Number(e.reply_cnt||0)+1).toString()}:e)),V(e=>({...e,reply_cnt:(Number(e.reply_cnt||0)+1).toString()}))},[B.id,F,V]),Y=g(async()=>{if(l)try{let e=await o({content_id:l,page:R,page_size:j,sort_by:`latest`});if(e.code!==0)throw Error(e.message||k(`commentList.fetchCommentsFailed`));let t=(e.data?.data?.comments??[]).map(xe),n=e.data?.data?.total??0;R===1&&T&&T(n),((e.data?.data?.has_more??!1)===!1||t.length<j)&&L(!1),F(e=>{let n=new Set(e.map(e=>e.id)),r=t.filter(e=>!n.has(e.id));return[...e,...r]}),Me(R+1)}catch(e){console.error(`获取评论列表失败:`,e),L(!1)}},[l,R,j,F,L,Me]),X=g(async()=>{z(!0);try{await Y()}catch(e){console.error(`获取评论列表失败:`,e)}z(!1)},[Y,z]);ie(()=>{b&&!N&&X()},[N,b,X],`info-detail-comment-initial-load-more-${l}`),ie(()=>{!N||!T||typeof S==`number`&&T(S)},[N,S,T],`info-detail-comment-initial-total-${l}`);function Re(){ge(()=>{G(!1)})}async function ze({text:e,imageVideoInfoList:i}){try{if(!O)return A(),{success:!1,message:k(`commentList.loginRequired`)};let a=D?.userId||D?.user_id||De||``;if(!a)return A(),{success:!1,message:k(`commentList.loginRequired`)};let o=D?.nick_name||D?.nickname||D?.name||D?.user_name||D?.username||``,c=D?.avatar||D?.avatar_url||``,u=Ce(i),ee=n(e),d=await s({content_id:l,content:r(e),medias:u,mentioned_users:ee,source_type:h===`video`?1:2},{revalidate:!1});if(d.code===0){let n=Ae(d.data);if(!n||n===`0`)return{success:!1,message:k(`commentList.publishCommentFailed`)};let r=Se(e),s=p({text:e,id:n,avatar:c,user_id:a,user_name:o,like_cnt:d.data?.like_count??0,created_at:t(),nine_grid_content_info:i,at_users:r});return F(e=>[s,...e]),{success:!0}}else return{success:!1,message:d.message||k(`commentList.publishCommentFailed`)}}catch(e){return console.error(e),{success:!1,message:k(`commentList.publishCommentFailed`)}}}let Z=g(async({text:e,imageVideoInfoList:t,callback:i})=>{try{if(!O)return A(),{success:!1,message:k(`commentList.loginRequired`)};if(!B?.id||B.id===`0`)return{success:!1,message:k(`commentList.invalidReplyTarget`)};let a=Ce(t),o=n(e),c=await s({content_id:l,content:r(e),medias:a,mentioned_users:o,parent_id:B.id,source_type:h===`video`?1:2},{revalidate:!1});if(c.code!==0)return{success:!1,message:c.message||k(`commentList.publishReplyFailed`)};F(e=>e.map(e=>e.id===B.id?{...e,reply_cnt:(Number(e.reply_cnt)+1).toString()}:e));let u=Ae(c.data);return!u||u===`0`?{success:!1,message:k(`commentList.publishReplyFailed`)}:(i?.(u),{success:!0})}catch(e){return console.error(`发布回复评论失败:`,e),{success:!1,message:k(`commentList.publishReplyFailed`)}}},[l,h,O,A,B.id,F,k]);async function Be({text:e,imageVideoInfoList:t}){let n=e=>e.success?e:(m.error(e.message||k(`commentList.publishCommentFailed`)),{...e,toastHandled:!0});if(W){let r=await Z({text:e,imageVideoInfoList:t,callback:e=>{}});return G(!1),n(r)}else{let r=await ze({text:e,imageVideoInfoList:t});return r.success&&ke(),G(!1),n(r)}}let Q=g(e=>{V(e),ae()&&K.current?.focus(),_e(()=>{G(!0),K.current?.focus()})},[V]),$=g(e=>{V(e),U(!0)},[U,V]),Ve=g(e=>{if(e.reply_cnt===`0`){Q(e);return}$(e)},[Q,$]),He=g(e=>{if(!O){w?.();return}F(Fe(P,e.id)),ve(e)},[P,Fe,O,w,F]),Ue=g(e=>{if(!O){w?.();return}e.like_flag!==`2`&&m.message(k(`commentList.dislikeHint`)),F(Ie(P,e.id)),ye(e)},[P,Ie,O,w,F,k]),We=ne();function Ge(){c&&We(c),U(!1)}return y(me,{children:[y(u,{className:i(`w-full pb-[60px]`,Ee),children:[P.map((e,t)=>v(le,{comment:e,onReply:Q,onViewReplies:$,onReplyAction:Ve,onLike:He,onDislike:Ue,isLogin:O,onRequireLogin:A},`${e.id}-${t}-comment`)),be&&v(ee,{loadMore:async()=>{await Y()},hasMore:I,initialLoad:!b&&P.length===0&&I!==!1}),b&&y(u,{className:`w-full my-[8px]`,children:[!J&&y(u,{className:`w-[fit-content] h-[42px] flex items-center justify-center mx-[auto]`,onClick:()=>{X()},children:[v(d,{className:`text-text3 text-[14px]`,children:k(`commentList.viewMore`)}),v(se,{className:`w-[8px] h-[auto] ml-[4px] text-text3`})]}),J&&v(u,{className:`w-full h-[42px] flex items-center justify-center`,children:v(d,{className:`text-text3 text-[12px]`,children:J})})]}),v(ce,{placeholder:Pe,onPublish:({text:e,imageVideoInfoList:t})=>Be({text:e,imageVideoInfoList:t}),onInputBlur:Re,onRequireLogin:A,ref:K})]}),v(ue,{visible:H,comment:B,information:e,contentType:h,onClose:Ge,onReplyComment:Z,onReplyAdded:Le,onRequireLogin:A},B.id),v(oe,{})]})});export{S as default};