@funhub/platform 0.2.16 → 0.2.17

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

@@ -1,191 +1,2 @@
 
-'use client';
-
-import { cn } from "../../../../utils/cn.mjs";
-import { Avatar, AvatarImage } from "../../../ui/avatar.mjs";
-import interaction_animations_module_default from "../../../common/interaction-animations.module.mjs";
-import SvgRightArrow from "../../../../assets/icons/common/right_arrow.mjs";
-import { useInteractionAnimation } from "../../../../hooks/use-interaction-animation.mjs";
-import SvgGiveLike from "../../../../assets/icons/detail/give_like.mjs";
-import SvgGiveLikeSel from "../../../../assets/icons/detail/give_like_sel.mjs";
-import SvgGodComment from "../../../../assets/icons/common/god_comment.mjs";
-import SvgUnLike from "../../../../assets/icons/detail/un_like.mjs";
-import SvgUnLikeSel from "../../../../assets/icons/detail/un_like_sel.mjs";
-import { CommentMedia } from "./comment-media.mjs";
-import { CommentRichText } from "./comment-rich-text.mjs";
-import { TimeDisplay } from "./time-display.mjs";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-import Link from "next/link";
-
-//#region components/biz/business/comment/comment-item.tsx
-/**
-* 将数量转换为紧凑格式展示。
-*/
-function formatCount(value) {
-	const num = Number(value) || 0;
-	if (num >= 1e4) return `${(num / 1e4).toFixed(1)}w`;
-	if (num >= 1e3) return `${(num / 1e3).toFixed(1)}k`;
-	return String(num);
-}
-/**
-* 评论项：头像在左，内容与操作按钮在右侧展示。
-*/
-const CommentItem = memo(({ comment, isHighlight, onReply, onViewReplies, onReplyAction, onLike, onDislike, onRequireLogin, variant = "dark", rightSlot, showReplyButton = true, isLogin = true }) => {
-	const t = useTranslations("components.biz.business.comment");
-	const isLight = variant === "light";
-	const isUnderReview = comment.status === "0";
-	const likeAnimation = useInteractionAnimation();
-	/**
-	* 触发登录提示（当缺少回复处理时兜底）。
-	*/
-	function handleRequireLogin() {
-		onRequireLogin?.();
-	}
-	/**
-	* 点赞评论。
-	*/
-	function handleLikeClick() {
-		if (!isLogin) {
-			handleRequireLogin();
-			return;
-		}
-		likeAnimation.trigger(interaction_animations_module_default.likeShakeAnimation);
-		onLike?.(comment);
-	}
-	/**
-	* 点踩评论。
-	*/
-	function handleDislikeClick() {
-		if (!isLogin) {
-			handleRequireLogin();
-			return;
-		}
-		onDislike?.(comment);
-	}
-	/**
-	* 回复评论。
-	*/
-	function handleReplyClick() {
-		if (!isLogin) {
-			handleRequireLogin();
-			return;
-		}
-		if (!onReply) {
-			handleRequireLogin();
-			return;
-		}
-		onReply(comment);
-	}
-	/**
-	* 查看回复列表。
-	*/
-	function handleViewRepliesClick() {
-		if (!isLogin) {
-			handleRequireLogin();
-			return;
-		}
-		onViewReplies?.(comment);
-	}
-	/**
-	* 点击回复按钮：无回复则进入回复态，有回复则查看回复列表。
-	*/
-	function handleReplyAction() {
-		if (!isLogin) {
-			handleRequireLogin();
-			return;
-		}
-		if (onReplyAction) {
-			onReplyAction(comment);
-			return;
-		}
-		if (+comment.reply_cnt === 0) {
-			handleReplyClick();
-			return;
-		}
-		handleViewRepliesClick();
-	}
-	/**
-	* 格式化回复按钮文案。
-	*/
-	function getReplyLabel() {
-		return comment.reply_cnt === "0" ? t("commentItem.reply") : t("commentItem.replyCount", { count: comment.reply_cnt });
-	}
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col p-[16px] relative", isLight ? "text-text1" : "text-white"),
-		children: [
-			isHighlight && /* @__PURE__ */ jsx(SvgGodComment, { className: "w-[70px] h-[70px] absolute top-0 right-[80px]" }),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex flex-row justify-between relative z-[2]",
-				children: [/* @__PURE__ */ jsxs(Link, {
-					className: "flex flex-row items-center",
-					href: `/profile/${comment.user_id}`,
-					children: [/* @__PURE__ */ jsx(Avatar, { children: /* @__PURE__ */ jsx(AvatarImage, {
-						src: comment.avatar,
-						alt: comment.user_name
-					}) }), /* @__PURE__ */ jsxs("div", {
-						className: "ml-[12px] flex flex-col min-w-0",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: cn("text-[14px] leading-[14px] max-w-[180px] text-ellipsis overflow-hidden whitespace-nowrap", isLight ? "text-text2" : "text-white/80"),
-							children: comment.user_name
-						}), /* @__PURE__ */ jsx("span", {
-							className: cn("mt-[8px] text-[12px] leading-[12px]", isLight ? "text-text3" : "text-white/50"),
-							children: /* @__PURE__ */ jsx(TimeDisplay, { timestamp: comment.created_at })
-						})]
-					})]
-				}), isUnderReview ? /* @__PURE__ */ jsx("div", {
-					className: "px-[8px] py-[4px] bg-text3/10 rounded-[12px]",
-					children: /* @__PURE__ */ jsx("span", {
-						className: cn("text-[12px] leading-[12px]", isLight ? "text-text3" : "text-white/60"),
-						children: t("commentItem.contentInReview")
-					})
-				}) : rightSlot || /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-row items-center",
-					children: [/* @__PURE__ */ jsxs("button", {
-						type: "button",
-						className: "px-[4px] flex flex-col items-center",
-						onClick: handleLikeClick,
-						children: [comment.like_flag === "1" ? /* @__PURE__ */ jsx(SvgGiveLikeSel, { className: cn("w-[14px] h-[14px]", likeAnimation.animationClass) }) : /* @__PURE__ */ jsx(SvgGiveLike, { className: cn("w-[14px] h-[14px]", isLight ? "text-text3" : "text-white/70", likeAnimation.animationClass) }), /* @__PURE__ */ jsx("span", {
-							className: cn("mt-[4px] text-[12px] leading-[12px]", isLight ? "text-text3" : "text-white/70"),
-							children: comment.like_cnt === "0" ? t("commentItem.like") : formatCount(comment.like_cnt)
-						})]
-					}), /* @__PURE__ */ jsxs("button", {
-						type: "button",
-						className: "ml-[12px] px-[4px] flex flex-col items-center",
-						onClick: handleDislikeClick,
-						children: [comment.like_flag === "2" ? /* @__PURE__ */ jsx(SvgUnLikeSel, { className: "w-[14px] h-[14px]" }) : /* @__PURE__ */ jsx(SvgUnLike, { className: cn("w-[14px] h-[14px]", isLight ? "text-text3" : "text-white/70") }), /* @__PURE__ */ jsx("span", {
-							className: cn("mt-[4px] text-[12px] leading-[12px]", isLight ? "text-text3" : "text-white/70"),
-							children: comment.dislike_cnt === "0" ? t("commentItem.dislike") : formatCount(comment.dislike_cnt)
-						})]
-					})]
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "mt-[4px] pl-[50px] flex flex-col",
-				children: [
-					comment.text && /* @__PURE__ */ jsx(CommentRichText, {
-						className: cn("text-[14px] leading-[22px] break-all", isLight ? "text-text1" : "text-white/90"),
-						text: comment.text,
-						atUsers: comment.at_users
-					}),
-					/* @__PURE__ */ jsx(CommentMedia, {
-						list: comment.nine_grid_content_info,
-						disabled: isUnderReview,
-						hasText: Boolean(comment.text),
-						playerId: comment.id
-					}),
-					showReplyButton && /* @__PURE__ */ jsxs("button", {
-						type: "button",
-						className: cn("mt-[4px] w-[fit-content] h-[30px] px-[12px] text-[14px] leading-[22px] flex flex-row items-center rounded-[15px]", isLight ? "text-text1 bg-bg2" : "text-white bg-white/10"),
-						onClick: handleReplyAction,
-						children: [/* @__PURE__ */ jsx("span", { children: getReplyLabel() }), comment.reply_cnt !== "0" && /* @__PURE__ */ jsx(SvgRightArrow, { className: "w-[10px] h-[10px] ml-[2px]" })]
-					})
-				]
-			})
-		]
-	});
-});
-
-//#endregion
-export { CommentItem };
+"use client";import{formatCompactCount as e}from"../../../../utils/common.mjs";import{cn as t}from"../../../../utils/cn.mjs";import{Avatar as n,AvatarImage as r}from"../../../ui/avatar.mjs";import i from"../../../common/interaction-animations.module.mjs";import a from"../../../../assets/icons/common/right_arrow.mjs";import{useInteractionAnimation as o}from"../../../../hooks/use-interaction-animation.mjs";import s from"../../../../assets/icons/detail/give_like.mjs";import c from"../../../../assets/icons/detail/give_like_sel.mjs";import l from"../../../../assets/icons/common/god_comment.mjs";import u from"../../../../assets/icons/detail/un_like.mjs";import d from"../../../../assets/icons/detail/un_like_sel.mjs";import{CommentMedia as f}from"./comment-media.mjs";import{CommentRichText as p}from"./comment-rich-text.mjs";import{TimeDisplay as m}from"./time-display.mjs";import{memo as h}from"react";import{jsx as g,jsxs as _}from"react/jsx-runtime";import{useTranslations as v}from"next-intl";import y from"next/link";const b=h(({comment:h,isHighlight:b,onReply:x,onViewReplies:S,onReplyAction:C,onLike:w,onDislike:T,onRequireLogin:E,variant:D=`dark`,rightSlot:O,showReplyButton:k=!0,isLogin:A=!0})=>{let j=v(`components.biz.business.comment`),M=D===`light`,N=h.status===`0`,P=o();function F(){E?.()}function I(){if(!A){F();return}P.trigger(i.likeShakeAnimation),w?.(h)}function L(){if(!A){F();return}T?.(h)}function R(){if(!A){F();return}if(!x){F();return}x(h)}function z(){if(!A){F();return}S?.(h)}function B(){if(!A){F();return}if(C){C(h);return}if(+h.reply_cnt==0){R();return}z()}function V(){return h.reply_cnt===`0`?j(`commentItem.reply`):j(`commentItem.replyCount`,{count:h.reply_cnt})}return _(`div`,{className:t(`flex flex-col p-[16px] relative`,M?`text-text1`:`text-white`),children:[b&&g(l,{className:`w-[70px] h-[70px] absolute top-0 right-[80px]`}),_(`div`,{className:`flex flex-row justify-between relative z-[2]`,children:[_(y,{className:`flex flex-row items-center`,href:`/profile/${h.user_id}`,children:[g(n,{children:g(r,{src:h.avatar,alt:h.user_name})}),_(`div`,{className:`ml-[12px] flex flex-col min-w-0`,children:[g(`span`,{className:t(`text-[14px] leading-[14px] max-w-[180px] text-ellipsis overflow-hidden whitespace-nowrap`,M?`text-text2`:`text-white/80`),children:h.user_name}),g(`span`,{className:t(`mt-[8px] text-[12px] leading-[12px]`,M?`text-text3`:`text-white/50`),children:g(m,{timestamp:h.created_at})})]})]}),N?g(`div`,{className:`px-[8px] py-[4px] bg-text3/10 rounded-[12px]`,children:g(`span`,{className:t(`text-[12px] leading-[12px]`,M?`text-text3`:`text-white/60`),children:j(`commentItem.contentInReview`)})}):O||_(`div`,{className:`flex flex-row items-center`,children:[_(`button`,{type:`button`,className:`px-[4px] flex flex-col items-center`,onClick:I,children:[h.like_flag===`1`?g(c,{className:t(`w-[14px] h-[14px]`,P.animationClass)}):g(s,{className:t(`w-[14px] h-[14px]`,M?`text-text3`:`text-white/70`,P.animationClass)}),g(`span`,{className:t(`mt-[4px] text-[12px] leading-[12px]`,M?`text-text3`:`text-white/70`),children:h.like_cnt===`0`?j(`commentItem.like`):e(h.like_cnt)})]}),_(`button`,{type:`button`,className:`ml-[12px] px-[4px] flex flex-col items-center`,onClick:L,children:[h.like_flag===`2`?g(d,{className:`w-[14px] h-[14px]`}):g(u,{className:t(`w-[14px] h-[14px]`,M?`text-text3`:`text-white/70`)}),g(`span`,{className:t(`mt-[4px] text-[12px] leading-[12px]`,M?`text-text3`:`text-white/70`),children:h.dislike_cnt===`0`?j(`commentItem.dislike`):e(h.dislike_cnt)})]})]})]}),_(`div`,{className:`mt-[4px] pl-[50px] flex flex-col`,children:[h.text&&g(p,{className:t(`text-[14px] leading-[22px] break-all`,M?`text-text1`:`text-white/90`),text:h.text,atUsers:h.at_users}),g(f,{list:h.nine_grid_content_info,disabled:N,hasText:!!h.text,playerId:h.id}),k&&_(`button`,{type:`button`,className:t(`mt-[4px] w-[fit-content] h-[30px] px-[12px] text-[14px] leading-[22px] flex flex-row items-center rounded-[15px]`,M?`text-text1 bg-bg2`:`text-white bg-white/10`),onClick:B,children:[g(`span`,{children:V()}),h.reply_cnt!==`0`&&g(a,{className:`w-[10px] h-[10px] ml-[2px]`})]})]})]})});export{b as CommentItem};