@funhub/platform 0.2.30 → 0.2.31

package/dist/components/common/list/collection-list/collection-select-icon.mjs

@@ -1,2 +1,54 @@
 
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(){return e(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,children:e(`circle`,{cx:`12`,cy:`12`,r:`10`,fill:`var(--color-neutral-white)`,fillOpacity:`0.3`,stroke:`var(--color-neutral-white)`,strokeOpacity:`0.7`,strokeWidth:`2`})})}function r(){return t(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,children:[e(`circle`,{cx:`12`,cy:`12`,r:`10`,fill:`var(--color-brand-tag-gradient-start)`,stroke:`var(--color-brand-tag-gradient-start)`,strokeWidth:`2`}),e(`path`,{d:`M16.2929 8.29289C16.6834 7.90237 17.3164 7.90237 17.707 8.29289C18.0975 8.68342 18.0975 9.31643 17.707 9.70696L11.707 15.707C11.3164 16.0975 10.6834 16.0975 10.2929 15.707L7.29289 12.707C6.90237 12.3164 6.90237 11.6834 7.29289 11.2929C7.68342 10.9024 8.31643 10.9024 8.70696 11.2929L10.9999 13.5859L16.2929 8.29289Z`,fill:`var(--color-neutral-white)`})]})}export{n as CollectionSelectIcon,r as CollectionSelectedIcon};
+'use client';
+
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/common/list/collection-list/collection-select-icon.tsx
+/**
+* 收藏夹未选中图标。
+*/
+function CollectionSelectIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10",
+			fill: "var(--color-neutral-white)",
+			fillOpacity: "0.3",
+			stroke: "var(--color-neutral-white)",
+			strokeOpacity: "0.7",
+			strokeWidth: "2"
+		})
+	});
+}
+/**
+* 收藏夹已选中图标。
+*/
+function CollectionSelectedIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10",
+			fill: "var(--color-brand-tag-gradient-start)",
+			stroke: "var(--color-brand-tag-gradient-start)",
+			strokeWidth: "2"
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M16.2929 8.29289C16.6834 7.90237 17.3164 7.90237 17.707 8.29289C18.0975 8.68342 18.0975 9.31643 17.707 9.70696L11.707 15.707C11.3164 16.0975 10.6834 16.0975 10.2929 15.707L7.29289 12.707C6.90237 12.3164 6.90237 11.6834 7.29289 11.2929C7.68342 10.9024 8.31643 10.9024 8.70696 11.2929L10.9999 13.5859L16.2929 8.29289Z",
+			fill: "var(--color-neutral-white)"
+		})]
+	});
+}
+
+//#endregion
+export { CollectionSelectIcon, CollectionSelectedIcon };

package/dist/components/common/list/post-list/post-list-item.mjs

@@ -1,2 +1,55 @@
 
-"use client";import{Image as e}from"../../../ui/image.mjs";import{Box as t}from"../../../ui/box.mjs";import{Checkbox as n}from"../../../ui/checkbox.mjs";import{Text as r}from"../../../ui/text.mjs";import{Time as i}from"../../../ui/time.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{useTranslations as s}from"next-intl";function c(c){let l=s(`components.ui.list.postList`),{title:u,coverImage:d,publishTime:f,isEditMode:p=!1,isSelected:m=!1,onToggle:h}=c;return o(t,{className:`flex items-start gap-2 py-1.5`,children:[p&&a(t,{className:`shrink-0 self-center`,children:a(n,{checked:m,onCheckedChange:h})}),o(t,{className:`flex-1 min-w-0 flex gap-[9px]`,children:[a(t,{className:`relative w-35.5 h-20 shrink-0 rounded-lg overflow-hidden`,children:d?a(e,{src:d,alt:u||l(`postListItem.coverAlt`),fill:!0,className:`object-cover`}):a(t,{className:`w-full h-full`,style:{backgroundColor:`rgba(255, 255, 255, 0.05)`}})}),o(t,{className:`flex-1 min-w-0 flex flex-col justify-between py-1.5`,children:[a(r,{className:`text-base !text-text1 line-clamp-2 leading-5`,dangerouslySetInnerHTML:{__html:u}}),a(t,{className:`flex text-text1/33 h-[1em] items-center justify-between text-sm`,children:a(i,{value:f,format:`YYYY-MM-DD HH:mm`})})]})]})]})}export{c as PostListItem};
+'use client';
+
+import { Image } from "../../../ui/image.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 { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/common/list/post-list/post-list-item.tsx
+function PostListItem(props) {
+	const t = useTranslations("components.ui.list.postList");
+	const { title, coverImage, publishTime, isEditMode = false, isSelected = false, onToggle } = props;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "flex items-start gap-2 py-1.5",
+		children: [isEditMode && /* @__PURE__ */ jsx(Box, {
+			className: "shrink-0 self-center",
+			children: /* @__PURE__ */ jsx(Checkbox, {
+				checked: isSelected,
+				onCheckedChange: onToggle
+			})
+		}), /* @__PURE__ */ jsxs(Box, {
+			className: "flex-1 min-w-0 flex gap-[9px]",
+			children: [/* @__PURE__ */ jsx(Box, {
+				className: "relative w-35.5 h-20 shrink-0 rounded-lg overflow-hidden",
+				children: coverImage ? /* @__PURE__ */ jsx(Image, {
+					src: coverImage,
+					alt: title || t("postListItem.coverAlt"),
+					fill: true,
+					className: "object-cover"
+				}) : /* @__PURE__ */ jsx(Box, {
+					className: "w-full h-full",
+					style: { backgroundColor: "rgba(255, 255, 255, 0.05)" }
+				})
+			}), /* @__PURE__ */ jsxs(Box, {
+				className: "flex-1 min-w-0 flex flex-col justify-between py-1.5",
+				children: [/* @__PURE__ */ jsx(Text, {
+					className: "text-base !text-text1 line-clamp-2 leading-5",
+					dangerouslySetInnerHTML: { __html: title }
+				}), /* @__PURE__ */ jsx(Box, {
+					className: "flex text-text1/33 h-[1em] items-center justify-between text-sm",
+					children: /* @__PURE__ */ jsx(Time, {
+						value: publishTime,
+						format: "YYYY-MM-DD HH:mm"
+					})
+				})]
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { PostListItem };

package/dist/components/common/list/post-list/post-list.mjs

@@ -1,2 +1,144 @@
 
-"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{PostListItemSkeleton as i}from"../../skeleton/post-list-item-skeleton.mjs";import{PostListItem as a}from"./post-list-item.mjs";import{useMemo as o}from"react";import{useIsClient as s}from"foxact/use-is-client";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{useTranslations as d}from"next-intl";import f from"next/link";import{orderBy as p}from"lodash-es";function m(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 h(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 g(r){let g=d(`components.ui.list`),_=s(),{list:v,loading:y,hasMore:b=!1,loadMore:x,isEditMode:S,selectedIds:C,onToggleSelection:w,emptyText:T}=r,E=o(()=>p(v,[`publishTime`],[`desc`]),[v]),{todayList:D,yesterdayList:O,earlierList:k}=o(()=>{if(!_)return{todayList:[],yesterdayList:[],earlierList:E};let e=[],t=[],n=[];for(let r of v)m(r.publishTime)?e.push(r):h(r.publishTime)?t.push(r):n.push(r);return{todayList:p(e,[`publishTime`],[`desc`]),yesterdayList:p(t,[`publishTime`],[`desc`]),earlierList:p(n,[`publishTime`],[`desc`])}},[_,v,E]),A=!!y&&v.length===0,j=_;return A?l(e,{className:`bg-bg1`,children:Array.from({length:6}).map((e,t)=>l(i,{isEditMode:S},`post-list-item-skeleton-${t}`))}):u(t,{loading:y,loadMore:x,hasMore:b,empty:`no-content`,emptyText:T||g(`postList.empty`),children:[j&&D.length>0&&u(c,{children:[l(e,{className:`  `,children:l(n,{className:`text-lg  text-text1`,children:g(`postList.today`)})}),D.map(e=>S?l(a,{...e,isEditMode:S,isSelected:C?.has(e.id),onToggle:()=>w?.(e.id)},e.id):l(f,{href:`/post/${e.id}`,children:l(a,{...e,isEditMode:S,isSelected:C?.has(e.id),onToggle:()=>w?.(e.id)})},e.id))]}),j&&O.length>0&&u(c,{children:[l(e,{className:`  `,children:l(n,{className:`text-lg  text-text1`,children:g(`postList.yesterday`)})}),O.map(e=>S?l(a,{...e,isEditMode:S,isSelected:C?.has(e.id),onToggle:()=>w?.(e.id)},e.id):l(f,{href:`/post/${e.id}`,children:l(a,{...e,isEditMode:S,isSelected:C?.has(e.id),onToggle:()=>w?.(e.id)})},e.id))]}),k.length>0&&u(c,{children:[l(e,{className:`  `,children:l(n,{className:`text-lg  text-text1`,children:g(`postList.earlier`)})}),k.map(e=>S?l(a,{...e,isEditMode:S,isSelected:C?.has(e.id),onToggle:()=>w?.(e.id)},e.id):l(f,{href:`/post/${e.id}`,children:l(a,{...e,isEditMode:S,isSelected:C?.has(e.id),onToggle:()=>w?.(e.id)})},e.id))]})]})}export{g as PostList};
+'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 { PostListItemSkeleton } from "../../skeleton/post-list-item-skeleton.mjs";
+import { PostListItem } from "./post-list-item.mjs";
+import { useMemo } from "react";
+import { useIsClient } from "foxact/use-is-client";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import Link from "next/link";
+import { orderBy } from "lodash-es";
+
+//#region components/common/list/post-list/post-list.tsx
+const DEFAULT_SKELETON_COUNT = 6;
+/** 判断时间戳是否是今天 */
+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 PostList(props) {
+	const t = useTranslations("components.ui.list");
+	const isClient = useIsClient();
+	const { list, loading, hasMore = false, loadMore, isEditMode, selectedIds, onToggleSelection, emptyText } = props;
+	const sortedList = useMemo(() => orderBy(list, ["publishTime"], ["desc"]), [list]);
+	const { todayList, yesterdayList, earlierList } = useMemo(() => {
+		if (!isClient) return {
+			todayList: [],
+			yesterdayList: [],
+			earlierList: sortedList
+		};
+		const today = [];
+		const yesterday = [];
+		const earlier = [];
+		for (const item of list) if (isToday(item.publishTime)) today.push(item);
+		else if (isYesterday(item.publishTime)) yesterday.push(item);
+		else earlier.push(item);
+		return {
+			todayList: orderBy(today, ["publishTime"], ["desc"]),
+			yesterdayList: orderBy(yesterday, ["publishTime"], ["desc"]),
+			earlierList: orderBy(earlier, ["publishTime"], ["desc"])
+		};
+	}, [
+		isClient,
+		list,
+		sortedList
+	]);
+	const shouldShowSkeleton = Boolean(loading) && list.length === 0;
+	const shouldShowGroupHeaders = isClient;
+	if (shouldShowSkeleton) return /* @__PURE__ */ jsx(Box, {
+		className: "bg-bg1",
+		children: Array.from({ length: DEFAULT_SKELETON_COUNT }).map((_, index) => /* @__PURE__ */ jsx(PostListItemSkeleton, { isEditMode }, `post-list-item-skeleton-${index}`))
+	});
+	return /* @__PURE__ */ jsxs(List, {
+		loading,
+		loadMore,
+		hasMore,
+		empty: "no-content",
+		emptyText: emptyText || t("postList.empty"),
+		children: [
+			shouldShowGroupHeaders && todayList.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
+				className: "  ",
+				children: /* @__PURE__ */ jsx(Text, {
+					className: "text-lg  text-text1",
+					children: t("postList.today")
+				})
+			}), todayList.map((item) => isEditMode ? /* @__PURE__ */ jsx(PostListItem, {
+				...item,
+				isEditMode,
+				isSelected: selectedIds?.has(item.id),
+				onToggle: () => onToggleSelection?.(item.id)
+			}, item.id) : /* @__PURE__ */ jsx(Link, {
+				href: `/post/${item.id}`,
+				children: /* @__PURE__ */ jsx(PostListItem, {
+					...item,
+					isEditMode,
+					isSelected: selectedIds?.has(item.id),
+					onToggle: () => onToggleSelection?.(item.id)
+				})
+			}, item.id))] }),
+			shouldShowGroupHeaders && yesterdayList.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
+				className: "  ",
+				children: /* @__PURE__ */ jsx(Text, {
+					className: "text-lg  text-text1",
+					children: t("postList.yesterday")
+				})
+			}), yesterdayList.map((item) => isEditMode ? /* @__PURE__ */ jsx(PostListItem, {
+				...item,
+				isEditMode,
+				isSelected: selectedIds?.has(item.id),
+				onToggle: () => onToggleSelection?.(item.id)
+			}, item.id) : /* @__PURE__ */ jsx(Link, {
+				href: `/post/${item.id}`,
+				children: /* @__PURE__ */ jsx(PostListItem, {
+					...item,
+					isEditMode,
+					isSelected: selectedIds?.has(item.id),
+					onToggle: () => onToggleSelection?.(item.id)
+				})
+			}, item.id))] }),
+			earlierList.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
+				className: "  ",
+				children: /* @__PURE__ */ jsx(Text, {
+					className: "text-lg  text-text1",
+					children: t("postList.earlier")
+				})
+			}), earlierList.map((item) => isEditMode ? /* @__PURE__ */ jsx(PostListItem, {
+				...item,
+				isEditMode,
+				isSelected: selectedIds?.has(item.id),
+				onToggle: () => onToggleSelection?.(item.id)
+			}, item.id) : /* @__PURE__ */ jsx(Link, {
+				href: `/post/${item.id}`,
+				children: /* @__PURE__ */ jsx(PostListItem, {
+					...item,
+					isEditMode,
+					isSelected: selectedIds?.has(item.id),
+					onToggle: () => onToggleSelection?.(item.id)
+				})
+			}, item.id))] })
+		]
+	});
+}
+
+//#endregion
+export { PostList };

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

@@ -1,2 +1,270 @@
 
-"use client";import{useUserStore as e}from"../../../../store/modules/user-store.mjs";import{pInteractionCancelDislike as t,pInteractionCancelLike as n,pInteractionDislike as r,pInteractionLike as i}from"../../../../service/generated/client.mjs";import{useRequireLogin as a}from"../../../../hooks/use-auth.mjs";import{ShareDrawer as o}from"../../share-popup/share-drawer.mjs";import{SharePlatformEnum as s}from"../../../../types/share.mjs";import c from"../../../../utils/share-manager.mjs";import{CommentIcon as l}from"../../icons/comment.mjs";import{DeleteIcon as u}from"../../icons/delete.mjs";import{ShareIcon as d}from"../../icons/share.mjs";import f from"../../../../assets/icons/dislike.mjs";import p from"../../../../assets/icons/dislike_sel.mjs";import m from"../../../../assets/icons/like.mjs";import h from"../../../../assets/icons/like_sel.mjs";import{toast as g}from"sonner";import{useState as _}from"react";import{Fragment as v,jsx as y,jsxs as b}from"react/jsx-runtime";import{useTranslations as x}from"next-intl";function S(t){let r=x(`components.ui.list.userActivityList`),{contentId:o,count:s=0,isLiked:c=!1,isDisliked:l=!1,dislikeCount:u=0,onLikeSuccess:d,onSuccess:f,className:p=``}=t,[v,S]=_(!1),C=e(e=>e.userId),w=a(),T=c?Math.max(1,s):s>0?s:r(`userActivityListActions.like`);return b(`button`,{className:`flex justify-center items-center gap-1.5 p-2 cursor-pointer ${v?`opacity-50 cursor-not-allowed`:``} ${c?`text-red-500`:`text-text3`} ${p}`,onClick:async()=>{w(async()=>{if(v)return;S(!0);let e={isLiked:c,count:s,isDisliked:l,dislikeCount:u},t=!c,a=Math.max(0,t?s+1:s-1),p=t&&l?!1:l,m=t&&l?Math.max(0,u-1):u;d?.({isLiked:t,count:a,isDisliked:p,dislikeCount:m});try{let t=c?await n({id:o,user_id:C,content_type:2}):await i({id:o,user_id:C,content_type:2});t?.code===0||t?.data?f?.():(d?.({isLiked:e.isLiked,count:e.count,isDisliked:e.isDisliked,dislikeCount:e.dislikeCount}),g.error(t?.message||r(`userActivityListActions.likeFailed`)))}catch(t){console.error(`点赞操作失败:`,t),d?.({isLiked:e.isLiked,count:e.count,isDisliked:e.isDisliked,dislikeCount:e.dislikeCount}),g.error(r(`userActivityListActions.likeFailed`))}finally{S(!1)}})},disabled:v,children:[y(c?h:m,{}),y(`span`,{className:`text-sm`,children:T})]})}function C(n){let i=x(`components.ui.list.userActivityList`),{contentId:o,count:s=0,isDisliked:c=!1,isLiked:l=!1,likeCount:u=0,onDislikeSuccess:d,onSuccess:m,className:h=``}=n,[g,v]=_(!1),S=e(e=>e.userId),C=a();return b(`button`,{className:`flex justify-center items-center gap-1.5 p-2 cursor-pointer ${g?`opacity-50 cursor-not-allowed`:``} ${c?`text-primary`:`text-text3`} ${h}`,onClick:async()=>{C(async()=>{if(g)return;v(!0);let e={isDisliked:c,count:s,isLiked:l,likeCount:u},n=!c,i=Math.max(0,n?s+1:s-1),a=n&&l?!1:l,f=n&&l?Math.max(0,u-1):u;d?.({isDisliked:n,count:i,isLiked:a,likeCount:f});try{(c?await t({id:o,user_id:S,content_type:2}):await r({id:o,user_id:S,content_type:2})).data?m?.():d?.({isDisliked:e.isDisliked,count:e.count,isLiked:e.isLiked,likeCount:e.likeCount})}catch(t){console.error(`点踩操作失败:`,t),d?.({isDisliked:e.isDisliked,count:e.count,isLiked:e.isLiked,likeCount:e.likeCount})}finally{v(!1)}})},disabled:g,children:[y(c?p:f,{}),y(`span`,{className:`text-sm`,children:s||i(`userActivityListActions.dislike`)})]})}function w(e){let t=x(`components.ui.list.userActivityList`),{count:n=0,onClick:r,className:i=``}=e,a=n>0?n:t(`userActivityListActions.comment`);return b(`button`,{className:`flex justify-center items-center gap-1.5 p-2 cursor-pointer text-text3 ${i}`,onClick:r,children:[y(l,{}),y(`span`,{className:`text-sm`,children:a})]})}function T(e){let t=x(`components.ui.list.userActivityList`),{contentId:n,userId:r,isCollected:i,onShareSuccess:a,onClick:l,className:u=``,onCollect:f,onUncollect:p}=e,[m,h]=_(!1);function g(){l?.(),h(!0)}function S(){h(!1),a?.()}function C(){c.showSharePopup({type:s.WECHAT,data:{id:n},copyUrl:`${window.location.origin}/post/${n}`}),S()}function w(){c.showSharePopup({type:s.QQ,data:{id:n},copyUrl:`${window.location.origin}/post/${n}`}),S()}function T(){c.showSharePopup({type:s.WECHAT_MOMENTS,data:{id:n},copyUrl:`${window.location.origin}/post/${n}`}),S()}return b(v,{children:[b(`button`,{className:`flex justify-center items-center gap-1.5 p-2 cursor-pointer text-text3 ${u}`,onClick:g,children:[y(d,{}),y(`span`,{className:`text-sm`,children:t(`userActivityListActions.share`)})]}),y(o,{isCollected:i,open:m,onOpenChange:h,onShareWeChat:C,onShareQQ:w,onShareMoments:T,onCollect:f,onUncollect:p})]})}function E(e){let{onClick:t,disabled:n=!1,className:r=``}=e;return y(`button`,{className:`p-1 ${n?`cursor-not-allowed text-text3 opacity-60`:`cursor-pointer text-text3`} ${r}`,onClick:n?void 0:t,disabled:n,children:y(u,{})})}export{w as ActivityCommentButton,E as ActivityDeleteButton,C as ActivityDislikeButton,S as ActivityLikeButton,T as ActivityShareButton};
+'use client';
+
+import { useUserStore } from "../../../../store/modules/user-store.mjs";
+import { pInteractionCancelDislike, pInteractionCancelLike, pInteractionDislike, pInteractionLike } from "../../../../service/generated/client.mjs";
+import { useRequireLogin } from "../../../../hooks/use-auth.mjs";
+import { ShareDrawer } from "../../share-popup/share-drawer.mjs";
+import { SharePlatformEnum } from "../../../../types/share.mjs";
+import ShareManager from "../../../../utils/share-manager.mjs";
+import { CommentIcon } from "../../icons/comment.mjs";
+import { DeleteIcon } from "../../icons/delete.mjs";
+import { ShareIcon } from "../../icons/share.mjs";
+import SvgDislike from "../../../../assets/icons/dislike.mjs";
+import SvgDislikeSel from "../../../../assets/icons/dislike_sel.mjs";
+import SvgLike from "../../../../assets/icons/like.mjs";
+import SvgLikeSel from "../../../../assets/icons/like_sel.mjs";
+import { toast } from "sonner";
+import { 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-actions.tsx
+/**
+* 点赞按钮组件
+*/
+function ActivityLikeButton(props) {
+	const t = useTranslations("components.ui.list.userActivityList");
+	const { contentId, count = 0, isLiked = false, isDisliked = false, dislikeCount = 0, onLikeSuccess, onSuccess, className = "" } = props;
+	const [loading, setLoading] = useState(false);
+	const userId = useUserStore((state) => state.userId);
+	const requireLogin = useRequireLogin();
+	/**
+	* 点赞状态下，如果后端返回了 isLiked=true 但 count=0（或未返回计数），展示上至少为 1，避免出现“已点赞但显示 赞”的体验问题。
+	*/
+	const likeCountText = isLiked ? Math.max(1, count) : count > 0 ? count : t("userActivityListActions.like");
+	const handleClick = async () => {
+		requireLogin(async () => {
+			if (loading) return;
+			setLoading(true);
+			const prevState = {
+				isLiked,
+				count,
+				isDisliked,
+				dislikeCount
+			};
+			const nextLiked = !isLiked;
+			const nextCount = Math.max(0, nextLiked ? count + 1 : count - 1);
+			const nextDisliked = nextLiked && isDisliked ? false : isDisliked;
+			const nextDislikeCount = nextLiked && isDisliked ? Math.max(0, dislikeCount - 1) : dislikeCount;
+			onLikeSuccess?.({
+				isLiked: nextLiked,
+				count: nextCount,
+				isDisliked: nextDisliked,
+				dislikeCount: nextDislikeCount
+			});
+			try {
+				const response = isLiked ? await pInteractionCancelLike({
+					id: contentId,
+					user_id: userId,
+					content_type: 2
+				}) : await pInteractionLike({
+					id: contentId,
+					user_id: userId,
+					content_type: 2
+				});
+				if (response?.code === 0 || Boolean(response?.data)) onSuccess?.();
+				else {
+					onLikeSuccess?.({
+						isLiked: prevState.isLiked,
+						count: prevState.count,
+						isDisliked: prevState.isDisliked,
+						dislikeCount: prevState.dislikeCount
+					});
+					toast.error(response?.message || t("userActivityListActions.likeFailed"));
+				}
+			} catch (error) {
+				console.error("点赞操作失败:", error);
+				onLikeSuccess?.({
+					isLiked: prevState.isLiked,
+					count: prevState.count,
+					isDisliked: prevState.isDisliked,
+					dislikeCount: prevState.dislikeCount
+				});
+				toast.error(t("userActivityListActions.likeFailed"));
+			} finally {
+				setLoading(false);
+			}
+		});
+	};
+	return /* @__PURE__ */ jsxs("button", {
+		className: `flex justify-center items-center gap-1.5 p-2 cursor-pointer ${loading ? "opacity-50 cursor-not-allowed" : ""} ${isLiked ? "text-red-500" : "text-text3"} ${className}`,
+		onClick: handleClick,
+		disabled: loading,
+		children: [isLiked ? /* @__PURE__ */ jsx(SvgLikeSel, {}) : /* @__PURE__ */ jsx(SvgLike, {}), /* @__PURE__ */ jsx("span", {
+			className: "text-sm",
+			children: likeCountText
+		})]
+	});
+}
+/**
+* 点踩按钮组件
+*/
+function ActivityDislikeButton(props) {
+	const t = useTranslations("components.ui.list.userActivityList");
+	const { contentId, count = 0, isDisliked = false, isLiked = false, likeCount = 0, onDislikeSuccess, onSuccess, className = "" } = props;
+	const [loading, setLoading] = useState(false);
+	const userId = useUserStore((state) => state.userId);
+	const requireLogin = useRequireLogin();
+	const handleClick = async () => {
+		requireLogin(async () => {
+			if (loading) return;
+			setLoading(true);
+			const prevState = {
+				isDisliked,
+				count,
+				isLiked,
+				likeCount
+			};
+			const nextDisliked = !isDisliked;
+			const nextCount = Math.max(0, nextDisliked ? count + 1 : count - 1);
+			const nextLiked = nextDisliked && isLiked ? false : isLiked;
+			const nextLikeCount = nextDisliked && isLiked ? Math.max(0, likeCount - 1) : likeCount;
+			onDislikeSuccess?.({
+				isDisliked: nextDisliked,
+				count: nextCount,
+				isLiked: nextLiked,
+				likeCount: nextLikeCount
+			});
+			try {
+				if ((isDisliked ? await pInteractionCancelDislike({
+					id: contentId,
+					user_id: userId,
+					content_type: 2
+				}) : await pInteractionDislike({
+					id: contentId,
+					user_id: userId,
+					content_type: 2
+				})).data) onSuccess?.();
+				else onDislikeSuccess?.({
+					isDisliked: prevState.isDisliked,
+					count: prevState.count,
+					isLiked: prevState.isLiked,
+					likeCount: prevState.likeCount
+				});
+			} catch (error) {
+				console.error("点踩操作失败:", error);
+				onDislikeSuccess?.({
+					isDisliked: prevState.isDisliked,
+					count: prevState.count,
+					isLiked: prevState.isLiked,
+					likeCount: prevState.likeCount
+				});
+			} finally {
+				setLoading(false);
+			}
+		});
+	};
+	return /* @__PURE__ */ jsxs("button", {
+		className: `flex justify-center items-center gap-1.5 p-2 cursor-pointer ${loading ? "opacity-50 cursor-not-allowed" : ""} ${isDisliked ? "text-primary" : "text-text3"} ${className}`,
+		onClick: handleClick,
+		disabled: loading,
+		children: [isDisliked ? /* @__PURE__ */ jsx(SvgDislikeSel, {}) : /* @__PURE__ */ jsx(SvgDislike, {}), /* @__PURE__ */ jsx("span", {
+			className: "text-sm",
+			children: count || t("userActivityListActions.dislike")
+		})]
+	});
+}
+/**
+* 评论按钮组件
+*/
+function ActivityCommentButton(props) {
+	const t = useTranslations("components.ui.list.userActivityList");
+	const { count = 0, onClick, className = "" } = props;
+	const commentText = count > 0 ? count : t("userActivityListActions.comment");
+	return /* @__PURE__ */ jsxs("button", {
+		className: `flex justify-center items-center gap-1.5 p-2 cursor-pointer text-text3 ${className}`,
+		onClick,
+		children: [/* @__PURE__ */ jsx(CommentIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "text-sm",
+			children: commentText
+		})]
+	});
+}
+/**
+* 分享按钮组件
+*/
+function ActivityShareButton(props) {
+	const t = useTranslations("components.ui.list.userActivityList");
+	const { contentId, userId: _userId, isCollected, onShareSuccess, onClick, className = "", onCollect, onUncollect } = props;
+	const [drawerOpen, setDrawerOpen] = useState(false);
+	/**
+	* 处理点击分享按钮
+	*/
+	function handleClick() {
+		onClick?.();
+		setDrawerOpen(true);
+	}
+	/**
+	* 处理分享成功后的操作
+	*/
+	function handleShareComplete() {
+		setDrawerOpen(false);
+		onShareSuccess?.();
+	}
+	/**
+	* 处理微信分享
+	*/
+	function handleShareWeChat() {
+		ShareManager.showSharePopup({
+			type: SharePlatformEnum.WECHAT,
+			data: { id: contentId },
+			copyUrl: `${window.location.origin}/post/${contentId}`
+		});
+		handleShareComplete();
+	}
+	/**
+	* 处理 QQ 分享
+	*/
+	function handleShareQQ() {
+		ShareManager.showSharePopup({
+			type: SharePlatformEnum.QQ,
+			data: { id: contentId },
+			copyUrl: `${window.location.origin}/post/${contentId}`
+		});
+		handleShareComplete();
+	}
+	/**
+	* 处理朋友圈分享
+	*/
+	function handleShareMoments() {
+		ShareManager.showSharePopup({
+			type: SharePlatformEnum.WECHAT_MOMENTS,
+			data: { id: contentId },
+			copyUrl: `${window.location.origin}/post/${contentId}`
+		});
+		handleShareComplete();
+	}
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("button", {
+		className: `flex justify-center items-center gap-1.5 p-2 cursor-pointer text-text3 ${className}`,
+		onClick: handleClick,
+		children: [/* @__PURE__ */ jsx(ShareIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "text-sm",
+			children: t("userActivityListActions.share")
+		})]
+	}), /* @__PURE__ */ jsx(ShareDrawer, {
+		isCollected,
+		open: drawerOpen,
+		onOpenChange: setDrawerOpen,
+		onShareWeChat: handleShareWeChat,
+		onShareQQ: handleShareQQ,
+		onShareMoments: handleShareMoments,
+		onCollect,
+		onUncollect
+	})] });
+}
+/**
+* 删除按钮组件
+*/
+function ActivityDeleteButton(props) {
+	const { onClick, disabled = false, className = "" } = props;
+	return /* @__PURE__ */ jsx("button", {
+		className: `p-1 ${disabled ? "cursor-not-allowed text-text3 opacity-60" : "cursor-pointer text-text3"} ${className}`,
+		onClick: disabled ? void 0 : onClick,
+		disabled,
+		children: /* @__PURE__ */ jsx(DeleteIcon, {})
+	});
+}
+
+//#endregion
+export { ActivityCommentButton, ActivityDeleteButton, ActivityDislikeButton, ActivityLikeButton, ActivityShareButton };