@funhub/platform 0.2.30 → 0.2.31

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

@@ -1,2 +1,723 @@
 
-"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};
+'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 };