@funhub/platform 0.1.130 → 0.1.132

package/dist/components/common/list/user-activity-list/user-activity-list-item.mjs

@@ -1,469 +1,2 @@
 
-'use client';
-
-import { Image } from "../../../ui/image.mjs";
-import { Avatar, AvatarFallback, AvatarImage } from "../../../ui/avatar.mjs";
-import { Box } from "../../../ui/box.mjs";
-import { Checkbox } from "../../../ui/checkbox.mjs";
-import { Text } from "../../../ui/text.mjs";
-import { Time } from "../../../ui/time.mjs";
-import { useMediaPreview } from "../../media-preview/index.mjs";
-import { useContentOperate } from "../../../../hooks/use-content-operate.mjs";
-import SvgVideoPlay from "../../../../assets/icons/detail/video_play.mjs";
-import { ActivityCommentButton, ActivityDeleteButton, ActivityDislikeButton, ActivityLikeButton, ActivityShareButton } from "./user-activity-list-actions.mjs";
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "sonner";
-import { useTranslations } from "next-intl";
-import { useRouter } from "next/navigation";
-
-//#region components/common/list/user-activity-list/user-activity-list-item.tsx
-const EMPTY_ARRAY = [];
-const TOGGLE_TEXT_LENGTH_THRESHOLD = 180;
-const ContentType = { post: 2 };
-/**
-* 可复用的媒体九宫格（布局与 UserActivityListItem 保持一致）。
-*/
-function UserActivityMediaGrid({ medias = EMPTY_ARRAY, className = "", onItemClick }) {
-	const t = useTranslations("components.ui.list.userActivityList");
-	const images = (medias || []).filter(Boolean).slice(0, 9);
-	if (!images.length) return null;
-	function handleClick(index) {
-		onItemClick?.(index);
-	}
-	function renderItem(image, index, wrapperClassName) {
-		const { is_video, media_url, cover_image } = image || {};
-		const isVideo = Boolean(is_video);
-		const imageSrc = isVideo ? cover_image || media_url || "" : media_url || "";
-		const wrapper = wrapperClassName || "relative w-full h-full";
-		if (!imageSrc) return null;
-		return /* @__PURE__ */ jsxs(Box, {
-			className: wrapper,
-			onClick: (e) => {
-				if (!onItemClick) return;
-				e.stopPropagation();
-				e.preventDefault();
-				handleClick(index);
-			},
-			children: [/* @__PURE__ */ jsx(Image, {
-				src: imageSrc,
-				alt: t("userActivityListItem.mediaAlt"),
-				fill: true,
-				className: "object-cover"
-			}), isVideo && /* @__PURE__ */ jsx(Box, {
-				className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-[rgba(0,0,0,0.5)] rounded-full",
-				children: /* @__PURE__ */ jsx(SvgVideoPlay, {
-					width: 36,
-					height: 36
-				})
-			})]
-		}, index);
-	}
-	if (images.length === 1) {
-		const { is_video, media_url, cover_image } = images[0] || {};
-		return /* @__PURE__ */ jsx(Box, {
-			className,
-			children: /* @__PURE__ */ jsx(Box, {
-				className: "w-full rounded-xl overflow-hidden",
-				children: renderItem({
-					is_video,
-					media_url,
-					cover_image,
-					__src: is_video ? cover_image || media_url || "" : media_url || ""
-				}, 0, "relative w-full aspect-square")
-			})
-		});
-	}
-	if (images.length === 2) return /* @__PURE__ */ jsx(Box, {
-		className,
-		children: /* @__PURE__ */ jsx(Box, {
-			className: "w-full flex gap-0.5 rounded-xl overflow-hidden",
-			children: images.map((image, index) => /* @__PURE__ */ jsx(Box, {
-				className: "flex-1 aspect-square relative",
-				children: renderItem(image, index)
-			}, index))
-		})
-	});
-	if (images.length === 3) return /* @__PURE__ */ jsx(Box, {
-		className,
-		children: /* @__PURE__ */ jsxs(Box, {
-			className: "w-full h-89.25 flex gap-0.5 rounded-xl overflow-hidden",
-			children: [/* @__PURE__ */ jsx(Box, {
-				className: "w-[56.65%] h-full relative",
-				children: renderItem(images[0], 0)
-			}), /* @__PURE__ */ jsx(Box, {
-				className: "flex-1 flex flex-col gap-0.5",
-				children: images.slice(1).map((image, idx) => /* @__PURE__ */ jsx(Box, {
-					className: "w-full flex-1 relative",
-					children: renderItem(image, idx + 1)
-				}, idx))
-			})]
-		})
-	});
-	if (images.length === 4) return /* @__PURE__ */ jsx(Box, {
-		className,
-		children: /* @__PURE__ */ jsx(Box, {
-			className: "w-full h-89.25 rounded-xl overflow-hidden grid grid-cols-2 grid-rows-2 gap-0.5",
-			children: images.map((image, index) => /* @__PURE__ */ jsx(Box, {
-				className: "w-full h-full relative",
-				children: renderItem(image, index)
-			}, index))
-		})
-	});
-	if (images.length === 5) return /* @__PURE__ */ jsx(Box, {
-		className,
-		children: /* @__PURE__ */ jsxs(Box, {
-			className: "w-full rounded-xl overflow-hidden flex flex-col gap-0.5",
-			children: [/* @__PURE__ */ jsx(Box, {
-				className: "w-full h-49.5 flex gap-0.5",
-				children: images.slice(0, 2).map((image, index) => /* @__PURE__ */ jsx(Box, {
-					className: "flex-1 h-full relative",
-					children: renderItem(image, index)
-				}, index))
-			}), /* @__PURE__ */ jsx(Box, {
-				className: "w-full h-33.5 flex gap-0.5",
-				children: images.slice(2).map((image, idx) => /* @__PURE__ */ jsx(Box, {
-					className: "flex-1 h-full relative",
-					children: renderItem(image, idx + 2)
-				}, idx))
-			})]
-		})
-	});
-	if (images.length === 6) return /* @__PURE__ */ jsx(Box, {
-		className,
-		children: /* @__PURE__ */ jsxs(Box, {
-			className: "w-full rounded-xl overflow-hidden flex flex-col gap-0.5",
-			children: [/* @__PURE__ */ jsxs(Box, {
-				className: "w-full h-67.5 flex gap-0.5",
-				children: [/* @__PURE__ */ jsx(Box, {
-					className: "w-67.5 h-full relative",
-					children: renderItem(images[0], 0)
-				}), /* @__PURE__ */ jsx(Box, {
-					className: "flex-1 grid grid-cols-1 grid-rows-2 gap-0.5",
-					children: images.slice(1, 3).map((image, idx) => /* @__PURE__ */ jsx(Box, {
-						className: "w-full h-full relative",
-						children: renderItem(image, idx + 1)
-					}, idx))
-				})]
-			}), /* @__PURE__ */ jsx(Box, {
-				className: "w-full h-33.5 grid grid-cols-3 grid-rows-1 gap-0.5",
-				children: images.slice(3).map((image, idx) => /* @__PURE__ */ jsx(Box, {
-					className: "w-full h-full relative",
-					children: renderItem(image, idx + 3)
-				}, idx))
-			})]
-		})
-	});
-	if (images.length === 7) return /* @__PURE__ */ jsx(Box, {
-		className,
-		children: /* @__PURE__ */ jsxs(Box, {
-			className: "w-full rounded-xl overflow-hidden flex gap-0.5",
-			children: [/* @__PURE__ */ jsx(Box, {
-				className: "w-76 h-67.5 grid grid-cols-2 grid-rows-2 gap-0.5",
-				children: images.slice(0, 4).map((image, index) => /* @__PURE__ */ jsx(Box, {
-					className: "w-full h-full relative",
-					children: renderItem(image, index)
-				}, index))
-			}), /* @__PURE__ */ jsx(Box, {
-				className: "flex-1   grid grid-cols-1 grid-rows-3 gap-0.5",
-				children: images.slice(4).map((image, idx) => /* @__PURE__ */ jsx(Box, {
-					className: "w-full h-full relative",
-					children: renderItem(image, idx + 4)
-				}, idx))
-			})]
-		})
-	});
-	if (images.length === 8) return /* @__PURE__ */ jsx(Box, {
-		className,
-		children: /* @__PURE__ */ jsxs(Box, {
-			className: "w-full rounded-xl overflow-hidden flex flex-col gap-0.5",
-			children: [/* @__PURE__ */ jsx(Box, {
-				className: "w-full h-33.5 flex gap-0.5 items-center",
-				children: images.slice(0, 2).map((image, index) => /* @__PURE__ */ jsx(Box, {
-					className: "flex-1 h-full relative",
-					children: renderItem(image, index)
-				}, index))
-			}), /* @__PURE__ */ jsx(Box, {
-				className: "w-full h-67.5 grid grid-cols-3 grid-rows-2 gap-0.5",
-				children: images.slice(2).map((image, idx) => /* @__PURE__ */ jsx(Box, {
-					className: "w-full h-full relative",
-					children: renderItem(image, idx + 2)
-				}, idx))
-			})]
-		})
-	});
-	return /* @__PURE__ */ jsx(Box, {
-		className,
-		children: /* @__PURE__ */ jsx(Box, {
-			className: "w-full h-101.5 rounded-xl overflow-hidden grid grid-cols-3 grid-rows-3 gap-0.5",
-			children: images.slice(0, 9).map((image, index) => /* @__PURE__ */ jsx(Box, {
-				className: "w-full h-full relative",
-				children: renderItem(image, index)
-			}, index))
-		})
-	});
-}
-/**
-* 用户动态列表项
-*/
-function UserActivityListItem(props) {
-	const t = useTranslations("components.ui.list.userActivityList");
-	const { content_id, author, rightSlot, create_time, content, medias, canEdit = false, isDeleting = false, isEditMode = false, isSelected = false, onToggle, interaction, like_count = 0, is_liked = false, onLikeSuccess, dislike_count = 0, is_dislike = false, is_collected, onDislikeSuccess, comment_count = 0, onDelete, onShare, onShareSuccess, onActionSuccess, onCollectChange } = props;
-	const resolvedIsCollected = interaction?.is_collected ?? is_collected ?? false;
-	const [interactionState, setInteractionState] = useState({
-		isLiked: is_liked,
-		likeCount: like_count,
-		isDisliked: is_dislike,
-		dislikeCount: dislike_count,
-		isCollected: resolvedIsCollected
-	});
-	const [isExpanded, setIsExpanded] = useState(false);
-	const [isCollectLoading, setIsCollectLoading] = useState(false);
-	const collectTimeoutRef = useRef(null);
-	const gridImages = medias?.filter(Boolean) ?? [];
-	const resolvedAuthorName = author?.nickname || author?.nick_name || "";
-	const resolvedAuthorAvatar = author?.avatar || author?.avatar_url || "";
-	useEffect(() => {
-		setInteractionState({
-			isLiked: is_liked,
-			likeCount: like_count,
-			isDisliked: is_dislike,
-			dislikeCount: dislike_count,
-			isCollected: resolvedIsCollected
-		});
-	}, [
-		dislike_count,
-		is_dislike,
-		is_liked,
-		like_count,
-		resolvedIsCollected
-	]);
-	useEffect(() => {
-		setIsExpanded(false);
-	}, [content]);
-	useEffect(() => {
-		return () => {
-			if (collectTimeoutRef.current) {
-				clearTimeout(collectTimeoutRef.current);
-				collectTimeoutRef.current = null;
-			}
-		};
-	}, []);
-	function handleLikeSuccess(state) {
-		setInteractionState((prev) => ({
-			...prev,
-			isLiked: state.isLiked,
-			likeCount: state.count,
-			isDisliked: state.isDisliked ?? prev.isDisliked,
-			dislikeCount: state.dislikeCount ?? prev.dislikeCount
-		}));
-		onLikeSuccess?.(state);
-	}
-	function handleDislikeSuccess(state) {
-		setInteractionState((prev) => ({
-			...prev,
-			isDisliked: state.isDisliked,
-			dislikeCount: state.count,
-			isLiked: state.isLiked ?? prev.isLiked,
-			likeCount: state.likeCount ?? prev.likeCount
-		}));
-		onDislikeSuccess?.(state);
-	}
-	const { handleToCollectionOperate } = useContentOperate({
-		id: content_id || "",
-		isLike: interactionState.isLiked,
-		isDislike: interactionState.isDisliked,
-		isCollect: interactionState.isCollected,
-		likeCnt: interactionState.likeCount,
-		dislikeCnt: interactionState.dislikeCount,
-		contentType: ContentType.post
-	});
-	/** 清理收藏 loading 的超时引用。 */
-	function clearCollectTimeout() {
-		if (collectTimeoutRef.current) {
-			clearTimeout(collectTimeoutRef.current);
-			collectTimeoutRef.current = null;
-		}
-	}
-	/** 更新收藏状态并通知外部刷新。 */
-	function handleCollectUpdate(isCollect) {
-		setInteractionState((prev) => ({
-			...prev,
-			isCollected: isCollect
-		}));
-		onActionSuccess?.();
-		if (content_id) onCollectChange?.(content_id, isCollect);
-	}
-	/** 处理收藏/取消收藏。 */
-	function handleCollectAction(currentCollect) {
-		if (!content_id) {
-			toast.error(t("userActivityListItem.collectFailed"));
-			return;
-		}
-		if (isCollectLoading) return;
-		setIsCollectLoading(true);
-		clearCollectTimeout();
-		if (!handleToCollectionOperate({
-			currentCollect,
-			onUpdate: ({ isCollect }) => {
-				clearCollectTimeout();
-				handleCollectUpdate(isCollect);
-				setIsCollectLoading(false);
-			}
-		})) {
-			toast.error(t("userActivityListItem.collectFailed"));
-			setIsCollectLoading(false);
-			return;
-		}
-		collectTimeoutRef.current = setTimeout(() => {
-			setIsCollectLoading(false);
-			collectTimeoutRef.current = null;
-		}, 300);
-	}
-	/** 判断是否需要展示展开/收起按钮。 */
-	function shouldShowToggleButton(text) {
-		return Boolean(text && text.length > TOGGLE_TEXT_LENGTH_THRESHOLD);
-	}
-	/** 切换文本展开/收起。 */
-	function handleToggleExpand() {
-		setIsExpanded((prev) => !prev);
-	}
-	const router = useRouter();
-	const onItemClick = () => {
-		router.push(`/post/${content_id}`);
-	};
-	const onAuthorClick = (e) => {
-		e.stopPropagation();
-		e.preventDefault();
-		router.push(`/profile/${author?.user_id}`);
-	};
-	const onCommentClick = () => {
-		router.push(`/post/${content_id}?tab=comment`);
-	};
-	const mediaPreview = useMediaPreview();
-	/** 打开媒体预览并定位到点击项。 */
-	function onMediaPreviewClick(index) {
-		const mediaItems = gridImages.map((media) => ({
-			src: media.media_url,
-			type: media.is_video ? "video" : "image",
-			cover: media.cover_image
-		}));
-		if (!mediaItems.length) return;
-		mediaPreview.open(mediaItems, index);
-	}
-	return /* @__PURE__ */ jsx(Box, {
-		className: "flex items-start gap-2 p-3",
-		children: /* @__PURE__ */ jsxs(Box, {
-			className: "flex-1 min-w-0",
-			children: [/* @__PURE__ */ jsxs(Box, {
-				className: "flex items-center gap-2 mb-3",
-				children: [
-					/* @__PURE__ */ jsxs(Box, {
-						className: "flex items-center gap-2 shrink-0",
-						children: [isEditMode && /* @__PURE__ */ jsx(Checkbox, {
-							checked: isSelected,
-							onCheckedChange: onToggle
-						}), /* @__PURE__ */ jsxs(Avatar, {
-							className: "w-10 h-10",
-							onClick: onAuthorClick,
-							children: [/* @__PURE__ */ jsx(AvatarImage, {
-								src: resolvedAuthorAvatar,
-								alt: resolvedAuthorName
-							}), /* @__PURE__ */ jsx(AvatarFallback, {})]
-						})]
-					}),
-					/* @__PURE__ */ jsxs(Box, {
-						className: "flex-1 min-w-0",
-						children: [/* @__PURE__ */ jsx(Text, {
-							as: "p",
-							className: "text-sm text-text1 line-clamp-1 font-medium",
-							children: resolvedAuthorName
-						}), /* @__PURE__ */ jsx(Box, {
-							className: "h-[1em]",
-							children: /* @__PURE__ */ jsx(Time, {
-								value: create_time,
-								className: "text-xs text-text3",
-								format: "YYYY-MM-DD HH:mm"
-							})
-						})]
-					}),
-					rightSlot && /* @__PURE__ */ jsx(Box, {
-						className: "shrink-0",
-						onClick: (e) => {
-							e.stopPropagation();
-							e.preventDefault();
-						},
-						children: rightSlot
-					}),
-					canEdit && /* @__PURE__ */ jsx(ActivityDeleteButton, {
-						onClick: onDelete,
-						disabled: isDeleting
-					})
-				]
-			}), /* @__PURE__ */ jsxs(Box, {
-				onClick: onItemClick,
-				children: [/* @__PURE__ */ jsxs(Box, {
-					className: "mb-3",
-					children: [content && /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
-						className: `text-sm text-text1 leading-5 whitespace-pre-wrap text-ellipsis  ${isExpanded ? "break-all" : "line-clamp-3"}`,
-						dangerouslySetInnerHTML: { __html: content }
-					}), shouldShowToggleButton(content) && /* @__PURE__ */ jsx(Box, {
-						className: "mt-1 text-xs text-text3",
-						onClick: (e) => {
-							e.stopPropagation();
-							e.preventDefault();
-							handleToggleExpand();
-						},
-						children: isExpanded ? t("userActivityListItem.collapse") : t("userActivityListItem.expand")
-					})] }), gridImages.length > 0 && /* @__PURE__ */ jsx(UserActivityMediaGrid, {
-						className: "mt-2",
-						medias: gridImages,
-						onItemClick: onMediaPreviewClick
-					})]
-				}), /* @__PURE__ */ jsxs(Box, {
-					className: "flex items-center justify-around text-text3 *:min-w-20",
-					onClick: (e) => {
-						e.stopPropagation();
-						e.preventDefault();
-					},
-					children: [
-						/* @__PURE__ */ jsx(ActivityLikeButton, {
-							contentId: content_id || "",
-							count: interactionState.likeCount,
-							isLiked: interactionState.isLiked,
-							isDisliked: interactionState.isDisliked,
-							dislikeCount: interactionState.dislikeCount,
-							onLikeSuccess: handleLikeSuccess,
-							onSuccess: onActionSuccess
-						}),
-						/* @__PURE__ */ jsx(ActivityDislikeButton, {
-							contentId: content_id || "",
-							count: interactionState.dislikeCount,
-							isDisliked: interactionState.isDisliked,
-							isLiked: interactionState.isLiked,
-							likeCount: interactionState.likeCount,
-							onDislikeSuccess: handleDislikeSuccess,
-							onSuccess: onActionSuccess
-						}),
-						/* @__PURE__ */ jsx(ActivityCommentButton, {
-							count: comment_count,
-							onClick: onCommentClick
-						}),
-						/* @__PURE__ */ jsx(ActivityShareButton, {
-							isCollected: interactionState.isCollected,
-							contentId: content_id || "",
-							userId: author?.user_id ?? "",
-							onShareSuccess,
-							onClick: onShare,
-							onCollect: () => handleCollectAction(false),
-							onUncollect: () => handleCollectAction(true)
-						})
-					]
-				})]
-			})]
-		})
-	});
-}
-
-//#endregion
-export { UserActivityListItem, UserActivityMediaGrid };
+"use client";import{Image as e}from"../../../ui/image.mjs";import{Avatar as t,AvatarFallback as n,AvatarImage as r}from"../../../ui/avatar.mjs";import{Box as i}from"../../../ui/box.mjs";import{Checkbox as a}from"../../../ui/checkbox.mjs";import{Text as o}from"../../../ui/text.mjs";import{Time as s}from"../../../ui/time.mjs";import{useMediaPreview as c}from"../../media-preview/index.mjs";import{useContentOperate as l}from"../../../../hooks/use-content-operate.mjs";import u from"../../../../assets/icons/detail/video_play.mjs";import{ActivityCommentButton as d,ActivityDeleteButton as f,ActivityDislikeButton as p,ActivityLikeButton as ee,ActivityShareButton as m}from"./user-activity-list-actions.mjs";import{useEffect as h,useRef as te,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{toast as y}from"sonner";import{useTranslations as b}from"next-intl";import{useRouter as x}from"next/navigation";const S=[],C={post:2};function w({medias:t=S,className:n=``,onItemClick:r}){let a=b(`components.ui.list.userActivityList`),o=(t||[]).filter(Boolean).slice(0,9);if(!o.length)return null;function s(e){r?.(e)}function c(t,n,o){let{is_video:c,media_url:l,cover_image:d}=t||{},f=!!c,p=f?d||l||``:l||``;return p?v(i,{className:o||`relative w-full h-full`,onClick:e=>{r&&(e.stopPropagation(),e.preventDefault(),s(n))},children:[_(e,{src:p,alt:a(`userActivityListItem.mediaAlt`),fill:!0,className:`object-cover`}),f&&_(i,{className:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-[rgba(0,0,0,0.5)] rounded-full`,children:_(u,{width:36,height:36})})]},n):null}if(o.length===1){let{is_video:e,media_url:t,cover_image:r}=o[0]||{};return _(i,{className:n,children:_(i,{className:`w-full rounded-xl overflow-hidden`,children:c({is_video:e,media_url:t,cover_image:r,__src:e?r||t||``:t||``},0,`relative w-full aspect-square`)})})}return o.length===2?_(i,{className:n,children:_(i,{className:`w-full flex gap-0.5 rounded-xl overflow-hidden`,children:o.map((e,t)=>_(i,{className:`flex-1 aspect-square relative`,children:c(e,t)},t))})}):o.length===3?_(i,{className:n,children:v(i,{className:`w-full h-89.25 flex gap-0.5 rounded-xl overflow-hidden`,children:[_(i,{className:`w-[56.65%] h-full relative`,children:c(o[0],0)}),_(i,{className:`flex-1 flex flex-col gap-0.5`,children:o.slice(1).map((e,t)=>_(i,{className:`w-full flex-1 relative`,children:c(e,t+1)},t))})]})}):o.length===4?_(i,{className:n,children:_(i,{className:`w-full h-89.25 rounded-xl overflow-hidden grid grid-cols-2 grid-rows-2 gap-0.5`,children:o.map((e,t)=>_(i,{className:`w-full h-full relative`,children:c(e,t)},t))})}):o.length===5?_(i,{className:n,children:v(i,{className:`w-full rounded-xl overflow-hidden flex flex-col gap-0.5`,children:[_(i,{className:`w-full h-49.5 flex gap-0.5`,children:o.slice(0,2).map((e,t)=>_(i,{className:`flex-1 h-full relative`,children:c(e,t)},t))}),_(i,{className:`w-full h-33.5 flex gap-0.5`,children:o.slice(2).map((e,t)=>_(i,{className:`flex-1 h-full relative`,children:c(e,t+2)},t))})]})}):o.length===6?_(i,{className:n,children:v(i,{className:`w-full rounded-xl overflow-hidden flex flex-col gap-0.5`,children:[v(i,{className:`w-full h-67.5 flex gap-0.5`,children:[_(i,{className:`w-67.5 h-full relative`,children:c(o[0],0)}),_(i,{className:`flex-1 grid grid-cols-1 grid-rows-2 gap-0.5`,children:o.slice(1,3).map((e,t)=>_(i,{className:`w-full h-full relative`,children:c(e,t+1)},t))})]}),_(i,{className:`w-full h-33.5 grid grid-cols-3 grid-rows-1 gap-0.5`,children:o.slice(3).map((e,t)=>_(i,{className:`w-full h-full relative`,children:c(e,t+3)},t))})]})}):o.length===7?_(i,{className:n,children:v(i,{className:`w-full rounded-xl overflow-hidden flex gap-0.5`,children:[_(i,{className:`w-76 h-67.5 grid grid-cols-2 grid-rows-2 gap-0.5`,children:o.slice(0,4).map((e,t)=>_(i,{className:`w-full h-full relative`,children:c(e,t)},t))}),_(i,{className:`flex-1   grid grid-cols-1 grid-rows-3 gap-0.5`,children:o.slice(4).map((e,t)=>_(i,{className:`w-full h-full relative`,children:c(e,t+4)},t))})]})}):o.length===8?_(i,{className:n,children:v(i,{className:`w-full rounded-xl overflow-hidden flex flex-col gap-0.5`,children:[_(i,{className:`w-full h-33.5 flex gap-0.5 items-center`,children:o.slice(0,2).map((e,t)=>_(i,{className:`flex-1 h-full relative`,children:c(e,t)},t))}),_(i,{className:`w-full h-67.5 grid grid-cols-3 grid-rows-2 gap-0.5`,children:o.slice(2).map((e,t)=>_(i,{className:`w-full h-full relative`,children:c(e,t+2)},t))})]})}):_(i,{className:n,children:_(i,{className:`w-full h-101.5 rounded-xl overflow-hidden grid grid-cols-3 grid-rows-3 gap-0.5`,children:o.slice(0,9).map((e,t)=>_(i,{className:`w-full h-full relative`,children:c(e,t)},t))})})}function T(e){let u=b(`components.ui.list.userActivityList`),{content_id:S,author:T,rightSlot:E,create_time:ne,content:D,medias:O,canEdit:re=!1,isDeleting:ie=!1,isEditMode:ae=!1,isSelected:oe=!1,onToggle:k,interaction:A,like_count:j=0,is_liked:M=!1,onLikeSuccess:se,dislike_count:N=0,is_dislike:P=!1,is_collected:ce,onDislikeSuccess:F,comment_count:I=0,onDelete:L,onShare:R,onShareSuccess:z,onActionSuccess:B,onCollectChange:V}=e,H=A?.is_collected??ce??!1,[U,W]=g({isLiked:M,likeCount:j,isDisliked:P,dislikeCount:N,isCollected:H}),[G,K]=g(!1),[le,q]=g(!1),J=te(null),Y=O?.filter(Boolean)??[],X=T?.nickname||T?.nick_name||``,ue=T?.avatar||T?.avatar_url||``;h(()=>{W({isLiked:M,likeCount:j,isDisliked:P,dislikeCount:N,isCollected:H})},[N,P,M,j,H]),h(()=>{K(!1)},[D]),h(()=>()=>{J.current&&=(clearTimeout(J.current),null)},[]);function de(e){W(t=>({...t,isLiked:e.isLiked,likeCount:e.count,isDisliked:e.isDisliked??t.isDisliked,dislikeCount:e.dislikeCount??t.dislikeCount})),se?.(e)}function fe(e){W(t=>({...t,isDisliked:e.isDisliked,dislikeCount:e.count,isLiked:e.isLiked??t.isLiked,likeCount:e.likeCount??t.likeCount})),F?.(e)}let{handleToCollectionOperate:pe}=l({id:S||``,isLike:U.isLiked,isDislike:U.isDisliked,isCollect:U.isCollected,likeCnt:U.likeCount,dislikeCnt:U.dislikeCount,contentType:C.post});function Z(){J.current&&=(clearTimeout(J.current),null)}function me(e){W(t=>({...t,isCollected:e})),B?.(),S&&V?.(S,e)}function Q(e){if(!S){y.error(u(`userActivityListItem.collectFailed`));return}if(!le){if(q(!0),Z(),!pe({currentCollect:e,onUpdate:({isCollect:e})=>{Z(),me(e),q(!1)}})){y.error(u(`userActivityListItem.collectFailed`)),q(!1);return}J.current=setTimeout(()=>{q(!1),J.current=null},300)}}function he(e){return!!(e&&e.length>180)}function ge(){K(e=>!e)}let $=x(),_e=()=>{$.push(`/post/${S}`)},ve=e=>{e.stopPropagation(),e.preventDefault(),$.push(`/profile/${T?.user_id}`)},ye=()=>{$.push(`/post/${S}?tab=comment`)},be=c();function xe(e){let t=Y.map(e=>({src:e.media_url,type:e.is_video?`video`:`image`,cover:e.cover_image}));t.length&&be.open(t,e)}return _(i,{className:`flex items-start gap-2 p-3`,children:v(i,{className:`flex-1 min-w-0`,children:[v(i,{className:`flex items-center gap-2 mb-3`,children:[v(i,{className:`flex items-center gap-2 shrink-0`,children:[ae&&_(a,{checked:oe,onCheckedChange:k}),v(t,{className:`w-10 h-10`,onClick:ve,children:[_(r,{src:ue,alt:X}),_(n,{})]})]}),v(i,{className:`flex-1 min-w-0`,children:[_(o,{as:`p`,className:`text-sm text-text1 line-clamp-1 font-medium`,children:X}),_(i,{className:`h-[1em]`,children:_(s,{value:ne,className:`text-xs text-text3`,format:`YYYY-MM-DD HH:mm`})})]}),E&&_(i,{className:`shrink-0`,onClick:e=>{e.stopPropagation(),e.preventDefault()},children:E}),re&&_(f,{onClick:L,disabled:ie})]}),v(i,{onClick:_e,children:[v(i,{className:`mb-3`,children:[D&&v(i,{children:[_(o,{className:`text-sm text-text1 leading-5 whitespace-pre-wrap text-ellipsis  ${G?`break-all`:`line-clamp-3`}`,dangerouslySetInnerHTML:{__html:D}}),he(D)&&_(i,{className:`mt-1 text-xs text-text3`,onClick:e=>{e.stopPropagation(),e.preventDefault(),ge()},children:u(G?`userActivityListItem.collapse`:`userActivityListItem.expand`)})]}),Y.length>0&&_(w,{className:`mt-2`,medias:Y,onItemClick:xe})]}),v(i,{className:`flex items-center justify-around text-text3 *:min-w-20`,onClick:e=>{e.stopPropagation(),e.preventDefault()},children:[_(ee,{contentId:S||``,count:U.likeCount,isLiked:U.isLiked,isDisliked:U.isDisliked,dislikeCount:U.dislikeCount,onLikeSuccess:de,onSuccess:B}),_(p,{contentId:S||``,count:U.dislikeCount,isDisliked:U.isDisliked,isLiked:U.isLiked,likeCount:U.likeCount,onDislikeSuccess:fe,onSuccess:B}),_(d,{count:I,onClick:ye}),_(m,{isCollected:U.isCollected,contentId:S||``,userId:T?.user_id??``,onShareSuccess:z,onClick:R,onCollect:()=>Q(!1),onUncollect:()=>Q(!0)})]})]})]})})}export{T as UserActivityListItem,w as UserActivityMediaGrid};

package/dist/components/common/list/user-activity-list/user-activity-list.mjs

@@ -1,140 +1,2 @@
 
-'use client';
-
-import { Box } from "../../../ui/box.mjs";
-import { List } from "../../../ui/list.mjs";
-import { Text } from "../../../ui/text.mjs";
-import { normalizeTimeToMilliseconds } from "../../../ui/time.mjs";
-import { UserActivityListItemSkeleton } from "../../skeleton/user-activity-list-item-skeleton.mjs";
-import { UserActivityListItem } from "./user-activity-list-item.mjs";
-import { useEffect, useMemo, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-
-//#region components/common/list/user-activity-list/user-activity-list.tsx
-const DEFAULT_SKELETON_COUNT = 3;
-/** 判断时间戳是否是今天 */
-function isToday(timestamp) {
-	const milliseconds = normalizeTimeToMilliseconds(timestamp);
-	if (!milliseconds) return false;
-	const date = new Date(milliseconds);
-	const today = /* @__PURE__ */ new Date();
-	return date.getFullYear() === today.getFullYear() && date.getMonth() === today.getMonth() && date.getDate() === today.getDate();
-}
-/** 判断时间戳是否是昨天 */
-function isYesterday(timestamp) {
-	const milliseconds = normalizeTimeToMilliseconds(timestamp);
-	if (!milliseconds) return false;
-	const date = new Date(milliseconds);
-	const yesterday = /* @__PURE__ */ new Date();
-	yesterday.setDate(yesterday.getDate() - 1);
-	return date.getFullYear() === yesterday.getFullYear() && date.getMonth() === yesterday.getMonth() && date.getDate() === yesterday.getDate();
-}
-/**
-* 用户动态列表组件。
-*/
-function UserActivityList(props) {
-	const t = useTranslations("components.ui.list");
-	const [isHydrated, setIsHydrated] = useState(false);
-	const { list, loading, hasMore = false, loadMore, showGroupHeaders = true, emptyText, canEdit = false, isEditMode, selectedIds, onToggleSelection, onActionSuccess } = props;
-	const resolvedEmptyText = emptyText ?? t("userActivityList.empty");
-	useEffect(() => {
-		setIsHydrated(true);
-	}, []);
-	const shouldShowGroupHeaders = showGroupHeaders && isHydrated;
-	const { todayList, yesterdayList, earlierList } = useMemo(() => {
-		if (!shouldShowGroupHeaders) return {
-			todayList: [],
-			yesterdayList: [],
-			earlierList: list
-		};
-		const today = [];
-		const yesterday = [];
-		const earlier = [];
-		for (const item of list) if (isToday(item.create_time)) today.push(item);
-		else if (isYesterday(item.create_time)) yesterday.push(item);
-		else earlier.push(item);
-		return {
-			todayList: today,
-			yesterdayList: yesterday,
-			earlierList: earlier
-		};
-	}, [list, shouldShowGroupHeaders]);
-	if (Boolean(loading) && list.length === 0) return /* @__PURE__ */ jsx(Box, {
-		className: "bg-bg1",
-		children: Array.from({ length: DEFAULT_SKELETON_COUNT }).map((_, index) => /* @__PURE__ */ jsx(UserActivityListItemSkeleton, { isEditMode }, `user-activity-list-item-skeleton-${index}`))
-	});
-	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(List, {
-		loading,
-		loadMore,
-		hasMore,
-		empty: "no-content",
-		emptyText: resolvedEmptyText,
-		children: shouldShowGroupHeaders ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			todayList.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
-				className: "  ",
-				children: /* @__PURE__ */ jsx(Text, {
-					className: "text-lg  text-text1",
-					children: t("userActivityList.today")
-				})
-			}), todayList.map((item) => /* @__PURE__ */ jsx(UserActivityListItem, {
-				...item,
-				canEdit,
-				isEditMode,
-				isSelected: selectedIds?.has(item.content_id ?? ""),
-				onToggle: () => onToggleSelection?.(item.content_id ?? ""),
-				onActionSuccess,
-				is_dislike: item.interaction?.is_dislike || item.is_dislike,
-				is_liked: item.interaction?.is_liked || item.is_liked,
-				is_collected: item.is_collected || item.interaction?.is_collected
-			}, item.content_id))] }),
-			yesterdayList.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
-				className: "  ",
-				children: /* @__PURE__ */ jsx(Text, {
-					className: "text-lg  text-text1",
-					children: t("userActivityList.yesterday")
-				})
-			}), yesterdayList.map((item) => /* @__PURE__ */ jsx(UserActivityListItem, {
-				...item,
-				canEdit,
-				isEditMode,
-				isSelected: selectedIds?.has(item.content_id ?? ""),
-				onToggle: () => onToggleSelection?.(item.content_id ?? ""),
-				onActionSuccess,
-				is_dislike: item.interaction?.is_dislike || item.is_dislike,
-				is_liked: item.interaction?.is_liked || item.is_liked,
-				is_collected: item.is_collected || item.interaction?.is_collected
-			}, item.content_id))] }),
-			earlierList.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
-				className: "  ",
-				children: /* @__PURE__ */ jsx(Text, {
-					className: "text-lg  text-text1",
-					children: t("userActivityList.earlier")
-				})
-			}), earlierList.map((item) => /* @__PURE__ */ jsx(UserActivityListItem, {
-				...item,
-				canEdit,
-				isEditMode,
-				isSelected: selectedIds?.has(item.content_id ?? ""),
-				onToggle: () => onToggleSelection?.(item.content_id ?? ""),
-				onActionSuccess,
-				is_dislike: item.interaction?.is_dislike || item.is_dislike,
-				is_liked: item.interaction?.is_liked || item.is_liked,
-				is_collected: item.is_collected || item.interaction?.is_collected
-			}, item.content_id))] })
-		] }) : list.map((item) => /* @__PURE__ */ jsx(UserActivityListItem, {
-			...item,
-			canEdit,
-			isEditMode,
-			isSelected: selectedIds?.has(item.content_id ?? ""),
-			onToggle: () => onToggleSelection?.(item.content_id ?? ""),
-			onActionSuccess,
-			is_dislike: item.interaction?.is_dislike || item.is_dislike,
-			is_liked: item.interaction?.is_liked || item.is_liked,
-			is_collected: item.is_collected || item.interaction?.is_collected
-		}, item.content_id ?? ""))
-	}) });
-}
-
-//#endregion
-export { UserActivityList };
+"use client";import{Box as e}from"../../../ui/box.mjs";import{List as t}from"../../../ui/list.mjs";import{Text as n}from"../../../ui/text.mjs";import{normalizeTimeToMilliseconds as r}from"../../../ui/time.mjs";import{UserActivityListItemSkeleton as i}from"../../skeleton/user-activity-list-item-skeleton.mjs";import{UserActivityListItem as a}from"./user-activity-list-item.mjs";import{useEffect as o,useMemo as s,useState as c}from"react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{useTranslations as f}from"next-intl";function p(e){let t=r(e);if(!t)return!1;let n=new Date(t),i=new Date;return n.getFullYear()===i.getFullYear()&&n.getMonth()===i.getMonth()&&n.getDate()===i.getDate()}function m(e){let t=r(e);if(!t)return!1;let n=new Date(t),i=new Date;return i.setDate(i.getDate()-1),n.getFullYear()===i.getFullYear()&&n.getMonth()===i.getMonth()&&n.getDate()===i.getDate()}function h(r){let h=f(`components.ui.list`),[g,_]=c(!1),{list:v,loading:y,hasMore:b=!1,loadMore:x,showGroupHeaders:S=!0,emptyText:C,canEdit:w=!1,isEditMode:T,selectedIds:E,onToggleSelection:D,onActionSuccess:O}=r,k=C??h(`userActivityList.empty`);o(()=>{_(!0)},[]);let A=S&&g,{todayList:j,yesterdayList:M,earlierList:N}=s(()=>{if(!A)return{todayList:[],yesterdayList:[],earlierList:v};let e=[],t=[],n=[];for(let r of v)p(r.create_time)?e.push(r):m(r.create_time)?t.push(r):n.push(r);return{todayList:e,yesterdayList:t,earlierList:n}},[v,A]);return y&&v.length===0?u(e,{className:`bg-bg1`,children:Array.from({length:3}).map((e,t)=>u(i,{isEditMode:T},`user-activity-list-item-skeleton-${t}`))}):u(l,{children:u(t,{loading:y,loadMore:x,hasMore:b,empty:`no-content`,emptyText:k,children:A?d(l,{children:[j.length>0&&d(l,{children:[u(e,{className:`  `,children:u(n,{className:`text-lg  text-text1`,children:h(`userActivityList.today`)})}),j.map(e=>u(a,{...e,canEdit:w,isEditMode:T,isSelected:E?.has(e.content_id??``),onToggle:()=>D?.(e.content_id??``),onActionSuccess:O,is_dislike:e.interaction?.is_dislike||e.is_dislike,is_liked:e.interaction?.is_liked||e.is_liked,is_collected:e.is_collected||e.interaction?.is_collected},e.content_id))]}),M.length>0&&d(l,{children:[u(e,{className:`  `,children:u(n,{className:`text-lg  text-text1`,children:h(`userActivityList.yesterday`)})}),M.map(e=>u(a,{...e,canEdit:w,isEditMode:T,isSelected:E?.has(e.content_id??``),onToggle:()=>D?.(e.content_id??``),onActionSuccess:O,is_dislike:e.interaction?.is_dislike||e.is_dislike,is_liked:e.interaction?.is_liked||e.is_liked,is_collected:e.is_collected||e.interaction?.is_collected},e.content_id))]}),N.length>0&&d(l,{children:[u(e,{className:`  `,children:u(n,{className:`text-lg  text-text1`,children:h(`userActivityList.earlier`)})}),N.map(e=>u(a,{...e,canEdit:w,isEditMode:T,isSelected:E?.has(e.content_id??``),onToggle:()=>D?.(e.content_id??``),onActionSuccess:O,is_dislike:e.interaction?.is_dislike||e.is_dislike,is_liked:e.interaction?.is_liked||e.is_liked,is_collected:e.is_collected||e.interaction?.is_collected},e.content_id))]})]}):v.map(e=>u(a,{...e,canEdit:w,isEditMode:T,isSelected:E?.has(e.content_id??``),onToggle:()=>D?.(e.content_id??``),onActionSuccess:O,is_dislike:e.interaction?.is_dislike||e.is_dislike,is_liked:e.interaction?.is_liked||e.is_liked,is_collected:e.is_collected||e.interaction?.is_collected},e.content_id??``))})})}export{h as UserActivityList};