@funhub/platform 0.2.29 → 0.2.31

package/dist/components/biz/basics/fullscreen-feed/runtime/use-series-feed-controller.mjs

@@ -1,2 +1,213 @@
 
-"use client";import{useUserStore as e}from"../../../../../store/modules/user-store.mjs";import{gContentGetVideoDetail as t}from"../../../../../service/generated/client.mjs";import{useKeepAliveState as n}from"../../../../common/keep-scroll-position/index.mjs";import{normalizeToSeriesFeedItem as r}from"./adapters.mjs";import{batchQueryContentInteractions as i}from"../../../../../hooks/use-content-operate.mjs";import{buildInteractionMap as a,collectPendingInteractionIdsFromInfos as o,mergeInteractionIntoInfos as s}from"./interaction-sync.mjs";import{useCallback as c,useEffect as l,useMemo as u,useRef as d}from"react";function f(e){let t=e.id||``,n=Array.isArray(e.links)?e.links:[],r={...e,id:t,name:e.name||``,episode_cnt:e.episode_cnt??n.length,links:[]};return n.length===0?[{...r,links:[]}]:n.map((e,t)=>{let n=e.name||`第${t+1}集`;return{...r,name:n,links:[e]}})}function p({seriesId:p,initialContents:m=[],initialActiveIndex:h=0,onEpisodeNavigate:g,keepAliveKey:_}){let v=_||`fullscreen-series:${p}`,{isLogin:y,userId:b,userInfo:x}=e(),S=b||x?.userId||``,[C,w]=n(`${v}-active-index`,h),[T,E]=n(`${v}-user-interacted`,!1),[D,O]=n(`${v}-series-selector-open`,!1),k=d(m),[A,j]=n(`${v}-infos`,k.current||[]),[M,N]=n(`${v}-checked-interaction-ids`,[]),P=d(new Set(M)),F=d(M);F.current=M;let[I,L]=n(`${v}-series-title`,``),[R,z]=n(`${v}-series-list`,[]);l(()=>{P.current=new Set(F.current)},[M,S]),l(()=>{P.current=new Set,N([])},[S,N]);let B=c(async e=>{if(!y||!S)return;let t=o(e,P.current);if(t.length===0)return;N(Array.from(P.current));let n=a((await i(t,1))?.interaction_list);n.size!==0&&j(e=>s(e,n))},[y,S,N,j]);l(()=>{if(R.length>0||A.length===0)return;let e=A.map((e,t)=>{let n=e.links?.[0];return{id:n?.id||e.id||`${t+1}`,name:n?.name||e.name||String(t+1),preview_m3u8_url:n?.preview_m3u8_url,m3u8_url:n?.m3u8_url}}).filter(e=>!!e.id);e.length>0&&z(e)},[A,R.length,z]),l(()=>{if(A.length>0||!p)return;let e=!0;async function n(){try{let n=(await t({id:p}))?.data?.video;if(!e||!n)return;L(n.name||``),z(Array.isArray(n.links)?n.links:[]),j(f(n))}catch(e){console.error(`SeriesFeed fetch detail failed:`,e)}}return n(),()=>{e=!1}},[A.length,p,j,z,L]),l(()=>{!y||!S||A.length!==0&&B(A)},[A,y,B,S]);let V=u(()=>A.map(e=>r(e)).filter(Boolean),[A]),H=u(()=>V[C]?.id||``,[C,V]),U=c((e,t)=>{if(w(e),t===`jump`){let t=V[e]?.id||``,n=Number.parseInt(R[e]?.name||``,10),r=Number.isNaN(n)?e+1:n;t&&g?.({episodeId:t,episodeNum:r})}},[V,g,R,w]),W=c((e,t)=>{j(n=>n.map(n=>n.id===e?{...n,...t,static:t.static?{...n.static,...t.static}:n.static,author:t.author?{...n.author,...t.author}:n.author}:n))},[j]),G=c(()=>O(!0),[O]),K=c(()=>O(!1),[O]),q=c((e,t)=>{let n=V.findIndex(t=>t.id===e);n>=0&&U(n,`jump`),g?.({episodeId:e,episodeNum:t})},[V,g,U]),J=c(e=>{let t=V[e];return{showSeriesButton:!0,seriesTitle:I,seriesText:t?t.title:void 0,nextItemText:void 0,onSeriesClick:G}},[V,G,I]);return{items:V,activeIndex:C,userInteracted:T,setUserInteracted:()=>E(!0),setActiveIndex:U,updateItemData:W,openSeriesSelector:G,closeSeriesSelector:K,isSeriesSelectorOpen:D,seriesMeta:{seriesTitle:I,seriesList:R},activeEpisodeId:H,onSelectEpisode:q,getNavigationInfo:J}}export{p as useSeriesFeedController};
+'use client';
+
+import { useUserStore } from "../../../../../store/modules/user-store.mjs";
+import { gContentGetVideoDetail } from "../../../../../service/generated/client.mjs";
+import { useKeepAliveState } from "../../../../common/keep-scroll-position/index.mjs";
+import { normalizeToSeriesFeedItem } from "./adapters.mjs";
+import { batchQueryContentInteractions } from "../../../../../hooks/use-content-operate.mjs";
+import { buildInteractionMap, collectPendingInteractionIdsFromInfos, mergeInteractionIntoInfos } from "./interaction-sync.mjs";
+import { useCallback, useEffect, useMemo, useRef } from "react";
+
+//#region components/biz/basics/fullscreen-feed/runtime/use-series-feed-controller.ts
+function buildSeriesContents(detail) {
+	const detailId = detail.id || "";
+	const seriesLinks = Array.isArray(detail.links) ? detail.links : [];
+	const baseInfo = {
+		...detail,
+		id: detailId,
+		name: detail.name || "",
+		episode_cnt: detail.episode_cnt ?? seriesLinks.length,
+		links: []
+	};
+	if (seriesLinks.length === 0) return [{
+		...baseInfo,
+		links: []
+	}];
+	return seriesLinks.map((link, index) => {
+		const episodeName = link.name || `第${index + 1}集`;
+		return {
+			...baseInfo,
+			name: episodeName,
+			links: [link]
+		};
+	});
+}
+function useSeriesFeedController({ seriesId, initialContents = [], initialActiveIndex = 0, onEpisodeNavigate, keepAliveKey }) {
+	const cacheKey = keepAliveKey || `fullscreen-series:${seriesId}`;
+	const { isLogin, userId: storeUserId, userInfo } = useUserStore();
+	const resolvedUserId = storeUserId || userInfo?.userId || "";
+	const [activeIndex, setActiveIndexState] = useKeepAliveState(`${cacheKey}-active-index`, initialActiveIndex);
+	const [userInteracted, setUserInteractedState] = useKeepAliveState(`${cacheKey}-user-interacted`, false);
+	const [isSeriesSelectorOpen, setIsSeriesSelectorOpen] = useKeepAliveState(`${cacheKey}-series-selector-open`, false);
+	const initialContentsRef = useRef(initialContents);
+	const [infos, setInfos] = useKeepAliveState(`${cacheKey}-infos`, initialContentsRef.current || []);
+	const [checkedInteractionIds, setCheckedInteractionIds] = useKeepAliveState(`${cacheKey}-checked-interaction-ids`, []);
+	const checkedInteractionIdsRef = useRef(new Set(checkedInteractionIds));
+	const checkedInteractionIdsListRef = useRef(checkedInteractionIds);
+	checkedInteractionIdsListRef.current = checkedInteractionIds;
+	const [seriesTitle, setSeriesTitle] = useKeepAliveState(`${cacheKey}-series-title`, "");
+	const [seriesList, setSeriesList] = useKeepAliveState(`${cacheKey}-series-list`, []);
+	useEffect(() => {
+		checkedInteractionIdsRef.current = new Set(checkedInteractionIdsListRef.current);
+	}, [checkedInteractionIds, resolvedUserId]);
+	useEffect(() => {
+		checkedInteractionIdsRef.current = /* @__PURE__ */ new Set();
+		setCheckedInteractionIds([]);
+	}, [resolvedUserId, setCheckedInteractionIds]);
+	const refreshInteractionStatus = useCallback(async (targetInfos) => {
+		if (!isLogin || !resolvedUserId) return;
+		const pendingIds = collectPendingInteractionIdsFromInfos(targetInfos, checkedInteractionIdsRef.current);
+		if (pendingIds.length === 0) return;
+		setCheckedInteractionIds(Array.from(checkedInteractionIdsRef.current));
+		const interactionMap = buildInteractionMap((await batchQueryContentInteractions(pendingIds, 1))?.interaction_list);
+		if (interactionMap.size === 0) return;
+		setInfos((prev) => mergeInteractionIntoInfos(prev, interactionMap));
+	}, [
+		isLogin,
+		resolvedUserId,
+		setCheckedInteractionIds,
+		setInfos
+	]);
+	useEffect(() => {
+		if (seriesList.length > 0) return;
+		if (infos.length === 0) return;
+		const fallbackList = infos.map((info, index) => {
+			const link = info.links?.[0];
+			return {
+				id: link?.id || info.id || `${index + 1}`,
+				name: link?.name || info.name || String(index + 1),
+				preview_m3u8_url: link?.preview_m3u8_url,
+				m3u8_url: link?.m3u8_url
+			};
+		}).filter((item) => Boolean(item.id));
+		if (fallbackList.length > 0) setSeriesList(fallbackList);
+	}, [
+		infos,
+		seriesList.length,
+		setSeriesList
+	]);
+	useEffect(() => {
+		if (infos.length > 0) return;
+		if (!seriesId) return;
+		let active = true;
+		async function fetchDetail() {
+			try {
+				const detail = (await gContentGetVideoDetail({ id: seriesId }))?.data?.video;
+				if (!active || !detail) return;
+				setSeriesTitle(detail.name || "");
+				setSeriesList(Array.isArray(detail.links) ? detail.links : []);
+				setInfos(buildSeriesContents(detail));
+			} catch (error) {
+				console.error("SeriesFeed fetch detail failed:", error);
+			}
+		}
+		fetchDetail();
+		return () => {
+			active = false;
+		};
+	}, [
+		infos.length,
+		seriesId,
+		setInfos,
+		setSeriesList,
+		setSeriesTitle
+	]);
+	useEffect(() => {
+		if (!isLogin || !resolvedUserId) return;
+		if (infos.length === 0) return;
+		refreshInteractionStatus(infos);
+	}, [
+		infos,
+		isLogin,
+		refreshInteractionStatus,
+		resolvedUserId
+	]);
+	const items = useMemo(() => {
+		return infos.map((info) => normalizeToSeriesFeedItem(info)).filter(Boolean);
+	}, [infos]);
+	const activeEpisodeId = useMemo(() => items[activeIndex]?.id || "", [activeIndex, items]);
+	const setActiveIndex = useCallback((nextIndex, direction) => {
+		setActiveIndexState(nextIndex);
+		if (direction === "jump") {
+			const episodeId = items[nextIndex]?.id || "";
+			const parsed = Number.parseInt(seriesList[nextIndex]?.name || "", 10);
+			const episodeNum = Number.isNaN(parsed) ? nextIndex + 1 : parsed;
+			if (episodeId) onEpisodeNavigate?.({
+				episodeId,
+				episodeNum
+			});
+		}
+	}, [
+		items,
+		onEpisodeNavigate,
+		seriesList,
+		setActiveIndexState
+	]);
+	const updateItemData = useCallback((id, patch) => {
+		setInfos((prev) => prev.map((info) => {
+			if (info.id !== id) return info;
+			return {
+				...info,
+				...patch,
+				static: patch.static ? {
+					...info.static,
+					...patch.static
+				} : info.static,
+				author: patch.author ? {
+					...info.author,
+					...patch.author
+				} : info.author
+			};
+		}));
+	}, [setInfos]);
+	const openSeriesSelector = useCallback(() => setIsSeriesSelectorOpen(true), [setIsSeriesSelectorOpen]);
+	const closeSeriesSelector = useCallback(() => setIsSeriesSelectorOpen(false), [setIsSeriesSelectorOpen]);
+	const onSelectEpisode = useCallback((episodeId, episodeNum) => {
+		const targetIndex = items.findIndex((item) => item.id === episodeId);
+		if (targetIndex >= 0) setActiveIndex(targetIndex, "jump");
+		onEpisodeNavigate?.({
+			episodeId,
+			episodeNum
+		});
+	}, [
+		items,
+		onEpisodeNavigate,
+		setActiveIndex
+	]);
+	const getNavigationInfo = useCallback((index) => {
+		const current = items[index];
+		return {
+			showSeriesButton: true,
+			seriesTitle,
+			seriesText: current ? current.title : void 0,
+			nextItemText: void 0,
+			onSeriesClick: openSeriesSelector
+		};
+	}, [
+		items,
+		openSeriesSelector,
+		seriesTitle
+	]);
+	return {
+		items,
+		activeIndex,
+		userInteracted,
+		setUserInteracted: () => setUserInteractedState(true),
+		setActiveIndex,
+		updateItemData,
+		openSeriesSelector,
+		closeSeriesSelector,
+		isSeriesSelectorOpen,
+		seriesMeta: {
+			seriesTitle,
+			seriesList
+		},
+		activeEpisodeId,
+		onSelectEpisode,
+		getNavigationInfo
+	};
+}
+
+//#endregion
+export { useSeriesFeedController };

package/dist/components/biz/basics/fullscreen-feed/runtime/user-action.mjs

@@ -1,2 +1,271 @@
 
-import{formatCompactCount as e}from"../../../../../utils/common.mjs";import{useUserStore as t}from"../../../../../store/modules/user-store.mjs";import{followUser as n}from"../../../../../utils/follow-service.mjs";import{Avatar as r,AvatarImage as i}from"../../../../ui/avatar.mjs";import a from"../../../../../assets/icons/common/collect_nor.mjs";import o from"../../../../../assets/icons/common/collect_sel.mjs";import s from"../../../../../assets/icons/common/heart-like.mjs";import ee from"../../../../../assets/icons/common/heart-unlike.mjs";import c from"../../../../../assets/icons/common/share.mjs";import l from"../../../../../assets/icons/detail/comment.mjs";import u from"../../../../common/interaction-animations.module.mjs";import d from"../../../../ui/legacy/button.mjs";import{useContentOperate as f}from"../../../../../hooks/use-content-operate.mjs";import{toast as p}from"sonner";import{useCallback as m,useEffect as te,useMemo as h,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{useTranslations as y}from"next-intl";const b=[];function x({information:x,activeEpisodeId:C,onUpdate:w,onOpenComment:T,onCustomActionRender:E,onUserNavigate:D,currentUserId:O,followIds:k=b,onFollowChange:ne,onRequireLogin:A}){let j=y(`components.biz.basics.fullscreenFeed.runtime`),[M,N]=g(!1),[P,F]=g({liked:!1,count:0}),[I,L]=g({collected:!1,count:0}),[R,z]=g(0),[B,V]=g(!1),{isLogin:H,userInfo:U,userId:W}=t(),G=x.author?.user_id||``,K=x.author?.avatar,q=O||W||U?.userId||``,J=x.static?.dislike_cnt||0,{likeAnimation:Y,handleLikeOperate:X,handleShareOperate:re,handleToCollectionOperate:ie}=f({id:x.id,isLike:P.liked,isDislike:!!x.is_dislike,isCollect:I.collected,likeCnt:P.count,dislikeCnt:J,contentType:x.links?.length>0?1:2,animationClasses:{like:u.likeShakeAnimation,dislike:u.dislikeShakeAnimation}});te(()=>{let e=!!x.is_liked,t=Number(x.static?.like_cnt||0);F({liked:e,count:e&&t===0?1:t});let n=!!x.is_collected,r=Number(x.static?.collect_cnt||0);L({collected:n,count:n&&r===0?1:r}),z(x.static?.comment_cnt||0),V(!!x.is_followed)},[x.id,x.is_liked,x.is_collected,x.static?.like_cnt,x.static?.collect_cnt,x.static?.comment_cnt,x.is_followed]);let Z=h(()=>q===G,[G,q]),ae=h(()=>!!B,[B]),Q=t=>e(t),$=()=>H?!0:(A?.(),!1),oe=m(()=>{if(typeof window>`u`)return``;let e=window.location.origin,t=x.id;return t?x.links?.length>0?(t=x.mid||x.id,`${e}/feed-series/${t}/episode/${C||`1`}`):`${e}/post/${t}`:``},[x.id,C,x.links?.length,x.mid]);return v(`div`,{className:`absolute right-3 bottom-5 z-20 flex flex-col items-center gap-4 g-safe-area text-white`,children:[G&&v(`div`,{className:`relative h-[62px] flex flex-col items-center`,children:[_(d,{className:`w-12 h-12 !p-0 rounded-full overflow-hidden cursor-pointer`,onClick:e=>{e.stopPropagation(),G&&D?.(G)},children:_(r,{className:`w-full h-full`,children:_(i,{src:K})})}),!Z&&!ae&&_(d,{onClick:async()=>{if(!M&&$()&&!(!G||!q||Z)){N(!0);try{let e=await n({app_id:0,follower_id:q,followee_id:G});if(e.success){let e=k.includes(G)?k:[...k,G];ne?.(e),w?.({is_followed:!0}),V(!0)}else console.error(`关注失败:`,e.message),p.error(j(`userAction.followFailed`),{description:e.message})}catch(e){console.error(`关注失败:`,e)}finally{N(!1)}}},className:`w-[34px] h-[18px] !p-0 -mt-2 bg-[linear-gradient(73deg,#FD4C5E,#F05D19)] flex items-center justify-center text-xs cursor-pointer relative z-[1]`,children:`+`})]}),v(`div`,{className:`flex flex-col gap-5 items-center`,children:[_(S,{active:P.liked,count:P.count<=0?j(`userAction.like`):Q(P.count),onClick:async()=>{if(!$())return;let e=await X();if(!e)return;let t=e.isLike,n=t&&e.likeCnt===0?1:e.likeCnt,r=e.isDislike??x.is_dislike??!1,i=e.dislikeCnt??J;F({liked:t,count:n}),w?.({is_liked:t,is_dislike:r,static:{...x.static,like_cnt:n,dislike_cnt:i}})},label:j(`userAction.likeAction`),children:P.liked?_(s,{className:`w-full h-full ${Y.animationClass||``}`}):_(ee,{className:`w-full h-full`})}),_(S,{active:!1,count:Q(R),onClick:e=>{if(e.stopPropagation(),!H){A?.();return}T?.()},label:j(`userAction.commentAction`),children:_(l,{className:`w-full h-full`})}),_(S,{active:I.collected,count:Q(I.count),onClick:async()=>{$()&&(ie({currentCollect:I.collected,onUpdate:({isCollect:e})=>{let t=Math.max(0,I.count+(e?1:-1));L({collected:e,count:t}),w?.({is_collected:e,static:{...x.static,collect_cnt:t}})}})||p.error(j(`userAction.loginRequired`)))},label:j(`userAction.collectAction`),children:I.collected?_(o,{className:`w-full h-full`}):_(a,{className:`w-full h-full`})}),_(S,{active:!1,count:j(`userAction.shareAction`),onClick:async()=>{re(({isCollect:e})=>{let t=Math.max(0,I.count+(e?1:-1));L({collected:e,count:t}),w?.({is_collected:e,static:{...x.static,collect_cnt:t}})},{shareUrl:oe()})},label:j(`userAction.shareAction`),children:_(c,{className:`w-full h-full`})}),E?.(x)]})]})}function S({active:e,count:t,onClick:n,children:r}){return v(`div`,{className:`flex flex-col items-center gap-1`,children:[_(d,{onClick:e=>{e.stopPropagation(),n(e)},className:`w-8 h-8 !p-0 !rounded-full flex items-center justify-center transition ${e?`text-theme5`:`text-white`}`,children:r}),_(`span`,{className:`text-xs font-medium text-center min-w-5 drop-shadow`,children:t})]})}export{x as UserAction};
+import { formatCompactCount } from "../../../../../utils/common.mjs";
+import { useUserStore } from "../../../../../store/modules/user-store.mjs";
+import { followUser } from "../../../../../utils/follow-service.mjs";
+import { Avatar, AvatarImage } from "../../../../ui/avatar.mjs";
+import SvgCollectNor from "../../../../../assets/icons/common/collect_nor.mjs";
+import SvgCollectSel from "../../../../../assets/icons/common/collect_sel.mjs";
+import SvgHeartLike from "../../../../../assets/icons/common/heart-like.mjs";
+import SvgHeartUnlike from "../../../../../assets/icons/common/heart-unlike.mjs";
+import SvgShare from "../../../../../assets/icons/common/share.mjs";
+import SvgComment from "../../../../../assets/icons/detail/comment.mjs";
+import interaction_animations_module_default from "../../../../common/interaction-animations.module.mjs";
+import Button from "../../../../ui/legacy/button.mjs";
+import { useContentOperate } from "../../../../../hooks/use-content-operate.mjs";
+import { toast } from "sonner";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/biz/basics/fullscreen-feed/runtime/user-action.tsx
+const emptyFollowIds = [];
+/**
+* 点赞/评论/收藏等操作区域
+*/
+function UserAction({ information, activeEpisodeId, onUpdate, onOpenComment, onCustomActionRender, onUserNavigate, currentUserId, followIds = emptyFollowIds, onFollowChange, onRequireLogin }) {
+	const t = useTranslations("components.biz.basics.fullscreenFeed.runtime");
+	const [updating, setUpdating] = useState(false);
+	const [likeState, setLikeState] = useState({
+		liked: false,
+		count: 0
+	});
+	const [collectState, setCollectState] = useState({
+		collected: false,
+		count: 0
+	});
+	const [commentCount, setCommentCount] = useState(0);
+	const [isFollowingState, setIsFollowingState] = useState(false);
+	const { isLogin, userInfo, userId: storeUserId } = useUserStore();
+	const authorId = information.author?.user_id || "";
+	const authorAvatar = information.author?.avatar;
+	const resolvedUserId = currentUserId || storeUserId || userInfo?.userId || "";
+	const dislikeCount = information.static?.dislike_cnt || 0;
+	const { likeAnimation, handleLikeOperate, handleShareOperate, handleToCollectionOperate } = useContentOperate({
+		id: information.id,
+		isLike: likeState.liked,
+		isDislike: Boolean(information.is_dislike),
+		isCollect: collectState.collected,
+		likeCnt: likeState.count,
+		dislikeCnt: dislikeCount,
+		contentType: information.links?.length > 0 ? 1 : 2,
+		animationClasses: {
+			like: interaction_animations_module_default.likeShakeAnimation,
+			dislike: interaction_animations_module_default.dislikeShakeAnimation
+		}
+	});
+	useEffect(() => {
+		const liked = Boolean(information.is_liked);
+		const likeCnt = Number(information.static?.like_cnt || 0);
+		setLikeState({
+			liked,
+			count: liked && likeCnt === 0 ? 1 : likeCnt
+		});
+		const collected = Boolean(information.is_collected);
+		const collectCnt = Number(information.static?.collect_cnt || 0);
+		setCollectState({
+			collected,
+			count: collected && collectCnt === 0 ? 1 : collectCnt
+		});
+		setCommentCount(information.static?.comment_cnt || 0);
+		setIsFollowingState(Boolean(information.is_followed));
+	}, [
+		information.id,
+		information.is_liked,
+		information.is_collected,
+		information.static?.like_cnt,
+		information.static?.collect_cnt,
+		information.static?.comment_cnt,
+		information.is_followed
+	]);
+	const isSelf = useMemo(() => resolvedUserId === authorId, [authorId, resolvedUserId]);
+	const isFollowingUser = useMemo(() => Boolean(isFollowingState), [isFollowingState]);
+	const formatCount = (count) => formatCompactCount(count);
+	const requireLogin = () => {
+		if (isLogin) return true;
+		onRequireLogin?.();
+		return false;
+	};
+	/**
+	* 构建分享链接，避免使用当前地址栏。
+	*/
+	const buildShareUrl = useCallback(() => {
+		if (typeof window === "undefined") return "";
+		const baseUrl = window.location.origin;
+		let contentId = information.id;
+		if (!contentId) return "";
+		if (information.links?.length > 0) {
+			contentId = information.mid || information.id;
+			return `${baseUrl}/feed-series/${contentId}/episode/${activeEpisodeId || "1"}`;
+		}
+		return `${baseUrl}/post/${contentId}`;
+	}, [
+		information.id,
+		activeEpisodeId,
+		information.links?.length,
+		information.mid
+	]);
+	const handleFollow = async () => {
+		if (updating) return;
+		if (!requireLogin()) return;
+		if (!authorId || !resolvedUserId || isSelf) return;
+		setUpdating(true);
+		try {
+			const result = await followUser({
+				app_id: 0,
+				follower_id: resolvedUserId,
+				followee_id: authorId
+			});
+			if (result.success) {
+				const nextIds = followIds.includes(authorId) ? followIds : [...followIds, authorId];
+				onFollowChange?.(nextIds);
+				onUpdate?.({ is_followed: true });
+				setIsFollowingState(true);
+			} else {
+				console.error("关注失败:", result.message);
+				toast.error(t("userAction.followFailed"), { description: result.message });
+			}
+		} catch (error) {
+			console.error("关注失败:", error);
+		} finally {
+			setUpdating(false);
+		}
+	};
+	const handleLike = async () => {
+		if (!requireLogin()) return;
+		const result = await handleLikeOperate();
+		if (!result) return;
+		const nextLiked = result.isLike;
+		const nextCount = nextLiked && result.likeCnt === 0 ? 1 : result.likeCnt;
+		const nextDislike = result.isDislike ?? information.is_dislike ?? false;
+		const nextDislikeCount = result.dislikeCnt ?? dislikeCount;
+		setLikeState({
+			liked: nextLiked,
+			count: nextCount
+		});
+		onUpdate?.({
+			is_liked: nextLiked,
+			is_dislike: nextDislike,
+			static: {
+				...information.static,
+				like_cnt: nextCount,
+				dislike_cnt: nextDislikeCount
+			}
+		});
+	};
+	const handleCollect = async () => {
+		if (!requireLogin()) return;
+		if (!handleToCollectionOperate({
+			currentCollect: collectState.collected,
+			onUpdate: ({ isCollect }) => {
+				const nextCount = Math.max(0, collectState.count + (isCollect ? 1 : -1));
+				setCollectState({
+					collected: isCollect,
+					count: nextCount
+				});
+				onUpdate?.({
+					is_collected: isCollect,
+					static: {
+						...information.static,
+						collect_cnt: nextCount
+					}
+				});
+			}
+		})) toast.error(t("userAction.loginRequired"));
+	};
+	const handleShare = async () => {
+		handleShareOperate(({ isCollect }) => {
+			const nextCount = Math.max(0, collectState.count + (isCollect ? 1 : -1));
+			setCollectState({
+				collected: isCollect,
+				count: nextCount
+			});
+			onUpdate?.({
+				is_collected: isCollect,
+				static: {
+					...information.static,
+					collect_cnt: nextCount
+				}
+			});
+		}, { shareUrl: buildShareUrl() });
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "absolute right-3 bottom-5 z-20 flex flex-col items-center gap-4 g-safe-area text-white",
+		children: [authorId && /* @__PURE__ */ jsxs("div", {
+			className: "relative h-[62px] flex flex-col items-center",
+			children: [/* @__PURE__ */ jsx(Button, {
+				className: "w-12 h-12 !p-0 rounded-full overflow-hidden cursor-pointer",
+				onClick: (event) => {
+					event.stopPropagation();
+					if (authorId) onUserNavigate?.(authorId);
+				},
+				children: /* @__PURE__ */ jsx(Avatar, {
+					className: "w-full h-full",
+					children: /* @__PURE__ */ jsx(AvatarImage, { src: authorAvatar })
+				})
+			}), !isSelf && !isFollowingUser && /* @__PURE__ */ jsx(Button, {
+				onClick: handleFollow,
+				className: "w-[34px] h-[18px] !p-0 -mt-2 bg-[linear-gradient(73deg,#FD4C5E,#F05D19)] flex items-center justify-center text-xs cursor-pointer relative z-[1]",
+				children: "+"
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-5 items-center",
+			children: [
+				/* @__PURE__ */ jsx(ActionButton, {
+					active: likeState.liked,
+					count: likeState.count <= 0 ? t("userAction.like") : formatCount(likeState.count),
+					onClick: handleLike,
+					label: t("userAction.likeAction"),
+					children: likeState.liked ? /* @__PURE__ */ jsx(SvgHeartLike, { className: `w-full h-full ${likeAnimation.animationClass || ""}` }) : /* @__PURE__ */ jsx(SvgHeartUnlike, { className: "w-full h-full" })
+				}),
+				/* @__PURE__ */ jsx(ActionButton, {
+					active: false,
+					count: formatCount(commentCount),
+					onClick: (event) => {
+						event.stopPropagation();
+						if (!isLogin) {
+							onRequireLogin?.();
+							return;
+						}
+						onOpenComment?.();
+					},
+					label: t("userAction.commentAction"),
+					children: /* @__PURE__ */ jsx(SvgComment, { className: "w-full h-full" })
+				}),
+				/* @__PURE__ */ jsx(ActionButton, {
+					active: collectState.collected,
+					count: formatCount(collectState.count),
+					onClick: handleCollect,
+					label: t("userAction.collectAction"),
+					children: collectState.collected ? /* @__PURE__ */ jsx(SvgCollectSel, { className: "w-full h-full" }) : /* @__PURE__ */ jsx(SvgCollectNor, { className: "w-full h-full" })
+				}),
+				/* @__PURE__ */ jsx(ActionButton, {
+					active: false,
+					count: t("userAction.shareAction"),
+					onClick: handleShare,
+					label: t("userAction.shareAction"),
+					children: /* @__PURE__ */ jsx(SvgShare, { className: "w-full h-full" })
+				}),
+				onCustomActionRender?.(information)
+			]
+		})]
+	});
+}
+function ActionButton({ active, count, onClick, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col items-center gap-1",
+		children: [/* @__PURE__ */ jsx(Button, {
+			onClick: (event) => {
+				event.stopPropagation();
+				onClick(event);
+			},
+			className: `w-8 h-8 !p-0 !rounded-full flex items-center justify-center transition ${active ? "text-theme5" : "text-white"}`,
+			children
+		}), /* @__PURE__ */ jsx("span", {
+			className: "text-xs font-medium text-center min-w-5 drop-shadow",
+			children: count
+		})]
+	});
+}
+
+//#endregion
+export { UserAction };