@funhub/platform 0.1.127 → 0.1.130

package/dist/components/biz/business/profile/profile-main/tabs/history-tab/client.mjs

@@ -1,2 +1,251 @@
 
-"use client";import{Button as e}from"../../../../../../ui/button.mjs";import{useUserStore as t}from"../../../../../../../store/modules/user-store.mjs";import{pInteractionBatchClearBrowse as n}from"../../../../../../../service/generated/client.mjs";import{Box as r}from"../../../../../../ui/box.mjs";import{Checkbox as i}from"../../../../../../ui/checkbox.mjs";import{Text as a}from"../../../../../../ui/text.mjs";import{useMutation as o,usePaginated as s,useUpdateRequest as c}from"../../../../../../../hooks/query/use-query.mjs";import{PostList as l}from"../../../../../../common/list/post-list/post-list.mjs";import{VideoList as u}from"../../../../../../common/list/video-list/video-list.mjs";import{getHistoryData as ee,likeContentType as d}from"../../utils.mjs";import{useEffect as f,useMemo as p,useState as m}from"react";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{toast as _}from"sonner";import{useTranslations as v}from"next-intl";import{parseAsString as y,useQueryState as b}from"nuqs";function x(e){let{detail:t}=e,{info:n,publish_time:r}=t;return{id:e.id,title:n.title||n.text||``,coverImage:n.cover_image_thumbnail||n.cover_image||n.cover_horizontal_image_thumbnail||void 0,publishTime:r}}function S(e){let{detail:t,content_play_progress:n}=e,{user_info:r,info:i,statics_cnt:a,publish_time:o,parent_content_info:s}=t;return{is_more_link:i.is_more_link,id:e.id,title:i.title||i.text||i.name||``,coverImage:i.cover_image_thumbnail||i.cover_image||i.cover_horizontal_image_thumbnail||``,duration:Number(i.video_duration??0),progress:n?.percent??0,seriesNum:n?.series_num,authorName:r.name,viewCount:i?.play_count??a?.browse_cnt??0,publishTime:o,type:s?.type}}function C(e,t,n){if(!e)return e;let r=0,i=e.pages.map(e=>({page:e,filteredList:(e.data?.list??[]).filter(e=>{let i=n(e)??``,a=t.has(i);return a&&(r+=1),!a})}));return{...e,pages:i.map(({page:e,filteredList:t})=>{if(!e.data)return e;let n=typeof e.data.total==`number`?Math.max(0,e.data.total-r):e.data.total;return{...e,data:{...e.data,list:t,total:n}}})}}const w=[`video`,`post`];function T({mode:T=`renderer`,targetUserId:E,queryKeyPrefix:D}){let O=v(`components.pages.profile.components.tabs`),k=T===`renderer`,A=D??[],[j,M]=b(`historyTab`,y.withDefault(`video`)),N=p(()=>w.includes(j)?j:`video`,[j]),[P,F]=m(!1),[I,L]=m(()=>new Set),R=t(e=>e.userId),z=c(),B=[...A,`user-history-video`],V=[...A,`user-history-post`],H=s({key:B,initialPageParam:1,async queryFn(e){return ee({targetUserId:E,page:e,contentType:d.video})},options:{staleTime:0,enabled:k},getNextPageParam(e,t){if(!((e?.data?.list??[]).length===0||e?.data?.total===0))return t.length+1}}),U=s({key:V,initialPageParam:1,async queryFn(e){return{data:{list:[],total:0,has_more:!1}}},options:{staleTime:0,enabled:k},getNextPageParam(e,t){if(!((e?.data?.list??[]).length===0||e?.data?.total===0))return t.length+1}}),W=N===`video`?H:U,G=H.data?.pages.flatMap(e=>(e.data?.list??[]).map(S))??[],K=U.data?.pages.flatMap(e=>(e.data?.list??[]).map(x))??[],q=N===`video`?G:K,J=new Set(q.map(e=>e.id)),Y=N===`video`,{mutateAsync:X,isPending:Z}=o(async e=>await n({app_id:0,user_id:R,content_type:e.contentType,content_ids:e.contentIds}));f(()=>{L(new Set)},[N]),f(()=>{j!==N&&M(N)},[N,j,M]);let Q=e=>{L(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},te=()=>{I.size===J.size&&J.size>0?L(new Set):L(new Set(J))},ne=async()=>{if(!(I.size===0||Z)){if(!R){_.error(O(`historyTab.pleaseLogin`));return}try{let e=Array.from(I),t=await X({contentIds:e,contentType:Y?1:2});if(t.code===0){_.success(O(`historyTab.historyDeletedSuccess`));let t=new Set(e);z(Y?B:V,e=>C(e,t,e=>e.id)),L(new Set),F(!1)}else _.error(t.message||O(`historyTab.deleteFailed`))}catch(e){console.error(`删除浏览记录失败`,e),_.error(O(`historyTab.operationFailed`))}}},$=async()=>{k&&await W.fetchNextPage()};return g(r,{children:[h(r,{className:``,children:N===`video`?h(u,{showVideoProgress:!0,list:G,loading:W.isFetching,hasMore:W.hasNextPage??!1,loadMore:$,emptyText:O(`historyTab.emptyContent`),isEditMode:P,selectedIds:I,onToggleSelection:Q}):h(l,{list:K,loading:W.isFetching,hasMore:W.hasNextPage??!1,loadMore:$,emptyText:O(`historyTab.emptyContent`),isEditMode:P,selectedIds:I,onToggleSelection:Q})}),P&&g(r,{className:`fixed left-0 z-10 flex w-full items-center justify-between bg-bg1 px-3 py-2 bottom-[var(--tab-bar-height)]`,children:[g(r,{className:`flex items-center gap-2`,children:[h(i,{checked:I.size===J.size&&J.size>0,onCheckedChange:te}),h(a,{className:`text-sm text-text1`,children:O(`historyTab.selectAll`)})]}),h(e,{className:`rounded-full py-2.5 h-auto px-6.5`,variant:I.size>0?`default`:`outline`,disabled:I.size===0||Z,onClick:ne,children:O(Z?`historyTab.processing`:`historyTab.delete`)})]})]})}export{T as HistoryTab};
+'use client';
+
+import { Button } from "../../../../../../ui/button.mjs";
+import { useUserStore } from "../../../../../../../store/modules/user-store.mjs";
+import { pInteractionBatchClearBrowse } from "../../../../../../../service/generated/client.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { Checkbox } from "../../../../../../ui/checkbox.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import { useMutation, usePaginated, useUpdateRequest } from "../../../../../../../hooks/query/use-query.mjs";
+import { PostList } from "../../../../../../common/list/post-list/post-list.mjs";
+import { VideoList } from "../../../../../../common/list/video-list/video-list.mjs";
+import { getHistoryData, likeContentType } from "../../utils.mjs";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+import { parseAsString, useQueryState } from "nuqs";
+
+//#region components/biz/business/profile/profile-main/tabs/history-tab/client.tsx
+/** 将 API 数据转换为 PostListItemProps */
+function transformToPostItem(item) {
+	const { detail } = item;
+	const { info, publish_time } = detail;
+	return {
+		id: item.id,
+		title: info.title || info.text || "",
+		coverImage: info.cover_image_thumbnail || info.cover_image || info.cover_horizontal_image_thumbnail || void 0,
+		publishTime: publish_time
+	};
+}
+/** 将 API 数据转换为 VideoListItemProps */
+function transformToVideoItem(item) {
+	const { detail, content_play_progress } = item;
+	const { user_info, info, statics_cnt, publish_time, parent_content_info } = detail;
+	return {
+		is_more_link: info.is_more_link,
+		id: item.id,
+		title: info.title || info.text || info.name || "",
+		coverImage: info.cover_image_thumbnail || info.cover_image || info.cover_horizontal_image_thumbnail || "",
+		duration: Number(info.video_duration ?? 0),
+		progress: content_play_progress?.percent ?? 0,
+		seriesNum: content_play_progress?.series_num,
+		authorName: user_info.name,
+		viewCount: info?.play_count ?? statics_cnt?.browse_cnt ?? 0,
+		publishTime: publish_time,
+		type: parent_content_info?.type
+	};
+}
+/**
+* 从分页缓存中移除指定的历史项。
+*/
+function removeItemsFromPaginatedList(data, ids, getId) {
+	if (!data) return data;
+	let removedCount = 0;
+	const nextPages = data.pages.map((page) => {
+		return {
+			page,
+			filteredList: (page.data?.list ?? []).filter((item) => {
+				const itemId = getId(item) ?? "";
+				const shouldRemove = ids.has(itemId);
+				if (shouldRemove) removedCount += 1;
+				return !shouldRemove;
+			})
+		};
+	});
+	return {
+		...data,
+		pages: nextPages.map(({ page, filteredList }) => {
+			if (!page.data) return page;
+			const nextTotal = typeof page.data.total === "number" ? Math.max(0, page.data.total - removedCount) : page.data.total;
+			return {
+				...page,
+				data: {
+					...page.data,
+					list: filteredList,
+					total: nextTotal
+				}
+			};
+		})
+	};
+}
+const tabOptions = ["video", "post"];
+/**
+* 浏览历史 Tab
+*/
+function HistoryTab({ mode = "renderer", targetUserId, queryKeyPrefix }) {
+	const t = useTranslations("components.pages.profile.components.tabs");
+	const isRenderer = mode === "renderer";
+	const resolvedQueryKeyPrefix = queryKeyPrefix ?? [];
+	const [tabQuery, setTabQuery] = useQueryState("historyTab", parseAsString.withDefault("video"));
+	const tab = useMemo(() => {
+		return tabOptions.includes(tabQuery) ? tabQuery : "video";
+	}, [tabQuery]);
+	const [isEditMode, setIsEditMode] = useState(false);
+	const [selectedIds, setSelectedIds] = useState(() => /* @__PURE__ */ new Set());
+	const userId = useUserStore((state) => state.userId);
+	const updateRequest = useUpdateRequest();
+	const videoQueryKey = [...resolvedQueryKeyPrefix, "user-history-video"];
+	const postQueryKey = [...resolvedQueryKeyPrefix, "user-history-post"];
+	const videoData = usePaginated({
+		key: videoQueryKey,
+		initialPageParam: 1,
+		async queryFn(pageParam) {
+			return getHistoryData({
+				targetUserId,
+				page: pageParam,
+				contentType: likeContentType.video
+			});
+		},
+		options: {
+			staleTime: 0,
+			enabled: isRenderer
+		},
+		getNextPageParam(lastPage, allPages) {
+			if ((lastPage?.data?.list ?? []).length === 0 || lastPage?.data?.total === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	const postData = usePaginated({
+		key: postQueryKey,
+		initialPageParam: 1,
+		async queryFn(_pageParam) {
+			return { data: {
+				list: [],
+				total: 0,
+				has_more: false
+			} };
+		},
+		options: {
+			staleTime: 0,
+			enabled: isRenderer
+		},
+		getNextPageParam(lastPage, allPages) {
+			if ((lastPage?.data?.list ?? []).length === 0 || lastPage?.data?.total === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	const currentData = tab === "video" ? videoData : postData;
+	const videoList = videoData.data?.pages.flatMap((page) => (page.data?.list ?? []).map(transformToVideoItem)) ?? [];
+	const postList = postData.data?.pages.flatMap((page) => (page.data?.list ?? []).map(transformToPostItem)) ?? [];
+	const currentList = tab === "video" ? videoList : postList;
+	const availableIds = new Set(currentList.map((item) => item.id));
+	const isVideoTab = tab === "video";
+	/** 批量删除浏览记录 */
+	const { mutateAsync: batchClearBrowse, isPending: isDeleting } = useMutation(async (payload) => {
+		return await pInteractionBatchClearBrowse({
+			app_id: 0,
+			user_id: userId,
+			content_type: payload.contentType,
+			content_ids: payload.contentIds
+		});
+	});
+	useEffect(() => {
+		setSelectedIds(/* @__PURE__ */ new Set());
+	}, [tab]);
+	useEffect(() => {
+		if (tabQuery !== tab) setTabQuery(tab);
+	}, [
+		tab,
+		tabQuery,
+		setTabQuery
+	]);
+	const toggleItemSelection = (id) => {
+		setSelectedIds((prev) => {
+			const newSet = new Set(prev);
+			if (newSet.has(id)) newSet.delete(id);
+			else newSet.add(id);
+			return newSet;
+		});
+	};
+	const handleToggleAll = () => {
+		if (selectedIds.size === availableIds.size && availableIds.size > 0) setSelectedIds(/* @__PURE__ */ new Set());
+		else setSelectedIds(new Set(availableIds));
+	};
+	/** 删除选中的浏览记录 */
+	const handleDelete = async () => {
+		if (selectedIds.size === 0 || isDeleting) return;
+		if (!userId) {
+			toast.error(t("historyTab.pleaseLogin"));
+			return;
+		}
+		try {
+			const contentIds = Array.from(selectedIds);
+			const response = await batchClearBrowse({
+				contentIds,
+				contentType: isVideoTab ? 1 : 2
+			});
+			if (response.code === 0) {
+				toast.success(t("historyTab.historyDeletedSuccess"));
+				const deleteIds = new Set(contentIds);
+				updateRequest(isVideoTab ? videoQueryKey : postQueryKey, (old) => {
+					return removeItemsFromPaginatedList(old, deleteIds, (item) => item.id);
+				});
+				setSelectedIds(/* @__PURE__ */ new Set());
+				setIsEditMode(false);
+			} else toast.error(response.message || t("historyTab.deleteFailed"));
+		} catch (error) {
+			console.error("删除浏览记录失败", error);
+			toast.error(t("historyTab.operationFailed"));
+		}
+	};
+	const loadMore = async () => {
+		if (!isRenderer) return;
+		await currentData.fetchNextPage();
+	};
+	return /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Box, {
+		className: "",
+		children: tab === "video" ? /* @__PURE__ */ jsx(VideoList, {
+			showVideoProgress: true,
+			list: videoList,
+			loading: currentData.isFetching,
+			hasMore: currentData.hasNextPage ?? false,
+			loadMore,
+			emptyText: t("historyTab.emptyContent"),
+			isEditMode,
+			selectedIds,
+			onToggleSelection: toggleItemSelection
+		}) : /* @__PURE__ */ jsx(PostList, {
+			list: postList,
+			loading: currentData.isFetching,
+			hasMore: currentData.hasNextPage ?? false,
+			loadMore,
+			emptyText: t("historyTab.emptyContent"),
+			isEditMode,
+			selectedIds,
+			onToggleSelection: toggleItemSelection
+		})
+	}), isEditMode && /* @__PURE__ */ jsxs(Box, {
+		className: "fixed left-0 z-10 flex w-full items-center justify-between bg-bg1 px-3 py-2 bottom-[var(--tab-bar-height)]",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ jsx(Checkbox, {
+				checked: selectedIds.size === availableIds.size && availableIds.size > 0,
+				onCheckedChange: handleToggleAll
+			}), /* @__PURE__ */ jsx(Text, {
+				className: "text-sm text-text1",
+				children: t("historyTab.selectAll")
+			})]
+		}), /* @__PURE__ */ jsx(Button, {
+			className: "rounded-full py-2.5 h-auto px-6.5",
+			variant: selectedIds.size > 0 ? "default" : "outline",
+			disabled: selectedIds.size === 0 || isDeleting,
+			onClick: handleDelete,
+			children: isDeleting ? t("historyTab.processing") : t("historyTab.delete")
+		})]
+	})] });
+}
+
+//#endregion
+export { HistoryTab };

package/dist/components/biz/business/profile/profile-main/tabs/history-tab/server.mjs

@@ -1,2 +1,14 @@
 
-import{HistoryTab as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";function n(n){return t(e,{...n})}export{n as HistoryTabServer};
+import { HistoryTab } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/profile/profile-main/tabs/history-tab/server.tsx
+/**
+* 历史 Tab 兼容包装组件。
+*/
+function HistoryTabServer(props) {
+	return /* @__PURE__ */ jsx(HistoryTab, { ...props });
+}
+
+//#endregion
+export { HistoryTabServer };

package/dist/components/biz/business/profile/profile-main/tabs/like-tab/client.mjs

@@ -1,2 +1,251 @@
 
-"use client";import{Button as e}from"../../../../../../ui/button.mjs";import{useUserStore as t}from"../../../../../../../store/modules/user-store.mjs";import{pInteractionUnifiedBatchLikeDislike as n}from"../../../../../../../service/generated/client.mjs";import{Box as r}from"../../../../../../ui/box.mjs";import{Checkbox as i}from"../../../../../../ui/checkbox.mjs";import{Text as a}from"../../../../../../ui/text.mjs";import{useMutation as o,usePaginated as s,useUpdateRequest as c}from"../../../../../../../hooks/query/use-query.mjs";import{PostList as l}from"../../../../../../common/list/post-list/post-list.mjs";import{VideoList as u}from"../../../../../../common/list/video-list/video-list.mjs";import{getLikeData as d,likeContentType as f}from"../../utils.mjs";import{useEffect as p,useMemo as m,useState as h}from"react";import{jsx as g,jsxs as _}from"react/jsx-runtime";import{toast as v}from"sonner";import{useTranslations as y}from"next-intl";import{parseAsString as ee,useQueryState as b}from"nuqs";function x(e,t,n){if(!e)return e;let r=0,i=e.pages.map(e=>({page:e,filteredList:(e.data?.list??[]).filter(e=>{let i=n(e)??``,a=t.has(i);return a&&(r+=1),!a})}));return{...e,pages:i.map(({page:e,filteredList:t})=>{if(!e.data)return e;let n=typeof e.data.total==`number`?Math.max(0,e.data.total-r):e.data.total;return{...e,data:{...e.data,list:t,total:n}}})}}function S(e){let{detail:t}=e,{info:n,publish_time:r}=t;return{id:e.id,title:n?.name||n?.text||n?.content||``,coverImage:n?.cover_image_thumbnail||n?.cover_image||n?.cover_horizontal_image_thumbnail||``,publishTime:r??0}}function C(e){let{detail:t}=e,{user_info:n,info:r,statics_cnt:i,publish_time:a,parent_content_info:o}=t;return{id:e.id,is_more_link:r?.is_more_link||!1,title:r?.name||r?.text||r?.content||``,coverImage:r?.cover_image_thumbnail||r?.cover_image||r?.cover_horizontal_image_thumbnail||``,duration:Number(r?.video_duration??0),progress:e.content_play_progress?.percent??0,seriesNum:e.content_play_progress?.series_num,authorName:n?.name||``,viewCount:r?.play_count??i?.browse_cnt??0,publishTime:a??0,type:o?.type}}const w=[`video`,`post`];function T({mode:T=`renderer`,targetUserId:E,queryKeyPrefix:D,isMine:te=!1}){let O=y(`components.pages.profile.components.tabs`),k=T===`renderer`,A=D??[],[j,M]=b(`likeTab`,ee.withDefault(`video`)),N=m(()=>w.includes(j)?j:`video`,[j]),[P,F]=h(!1),[I,L]=h(()=>new Set),R=t(e=>e.userId),z=c(),B=[...A,`user-like-video`],V=[...A,`user-like-post`],H=s({key:B,initialPageParam:1,async queryFn(e){return d({targetUserId:E,page:e,contentType:f.video})},options:{staleTime:0,enabled:k},getNextPageParam(e,t){if(typeof e?.data?.has_more==`boolean`)return e.data.has_more?t.length+1:void 0;if(!((e?.data?.list??[]).length===0||e?.data?.total===0))return t.length+1}});console.log({videoData:H});let U=s({key:V,options:{staleTime:0,enabled:k},initialPageParam:1,async queryFn(e){return{data:{list:[],total:0,has_more:!1}}},getNextPageParam(e,t){if(typeof e?.data?.has_more==`boolean`)return e.data.has_more?t.length+1:void 0;if(!((e?.data?.list??[]).length===0||e?.data?.total===0))return t.length+1}}),W=N===`video`?H:U,G=H.data?.pages.flatMap(e=>(e.data?.list??[]).map(C))??[],K=U.data?.pages.flatMap(e=>(e.data?.list??[]).map(S))??[],q=N===`video`?G:K,J=new Set(q.map(e=>e.id)),Y=N===`video`,{mutateAsync:X,isPending:Z}=o(async e=>await n({app_id:0,user_id:R,action:`cancel_like`,content_ids:e,content_type:Y?1:2}));p(()=>{L(new Set)},[N]),p(()=>{j!==N&&M(N)},[N,j,M]);let Q=e=>{L(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},ne=()=>{I.size===J.size&&J.size>0?L(new Set):L(new Set(J))},re=async()=>{if(!(I.size===0||Z)){if(!R){v.error(O(`likeTab.pleaseLogin`));return}try{let e=Array.from(I),t=await X(e);if(t.code===0){v.success(O(`likeTab.unlikedSuccess`));let t=new Set(e);z(Y?B:V,e=>x(e,t,e=>e.id)),L(new Set),F(!1)}else v.error(t.message||O(`likeTab.unlikeFailed`))}catch(e){console.error(`取消点赞失败`,e),v.error(O(`likeTab.operationFailed`))}}},$=async()=>{k&&await W.fetchNextPage()};return _(r,{children:[g(r,{className:``,children:N===`video`?g(u,{list:G,loading:W.isFetching,hasMore:W.hasNextPage??!1,loadMore:$,emptyText:O(`likeTab.emptyContent`),isEditMode:P,selectedIds:I,showVideoProgress:!1,onToggleSelection:Q}):g(l,{list:K,loading:W.isFetching,hasMore:W.hasNextPage??!1,loadMore:$,emptyText:O(`likeTab.emptyContent`),isEditMode:P,selectedIds:I,onToggleSelection:Q})}),P&&_(r,{className:`fixed left-0 z-10 flex w-full items-center justify-between bg-bg1 px-3 py-2 bottom-[var(--tab-bar-height)]`,children:[_(r,{className:`flex items-center gap-2`,children:[g(i,{checked:I.size===J.size&&J.size>0,onCheckedChange:ne}),g(a,{className:`text-sm text-text1`,children:O(`likeTab.selectAll`)})]}),g(e,{className:`rounded-full py-2.5 h-auto px-6.5`,variant:I.size>0?`default`:`outline`,disabled:I.size===0||Z,onClick:re,children:O(Z?`likeTab.processing`:`likeTab.delete`)})]})]})}export{T as LikeTab};
+'use client';
+
+import { Button } from "../../../../../../ui/button.mjs";
+import { useUserStore } from "../../../../../../../store/modules/user-store.mjs";
+import { pInteractionUnifiedBatchLikeDislike } from "../../../../../../../service/generated/client.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { Checkbox } from "../../../../../../ui/checkbox.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import { useMutation, usePaginated, useUpdateRequest } from "../../../../../../../hooks/query/use-query.mjs";
+import { PostList } from "../../../../../../common/list/post-list/post-list.mjs";
+import { VideoList } from "../../../../../../common/list/video-list/video-list.mjs";
+import { getLikeData, likeContentType } from "../../utils.mjs";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+import { parseAsString, useQueryState } from "nuqs";
+
+//#region components/biz/business/profile/profile-main/tabs/like-tab/client.tsx
+/**
+* 从分页缓存中移除指定的点赞项。
+*/
+function removeItemsFromPaginatedList(data, ids, getId) {
+	if (!data) return data;
+	let removedCount = 0;
+	const nextPages = data.pages.map((page) => {
+		return {
+			page,
+			filteredList: (page.data?.list ?? []).filter((item) => {
+				const itemId = getId(item) ?? "";
+				const shouldRemove = ids.has(itemId);
+				if (shouldRemove) removedCount += 1;
+				return !shouldRemove;
+			})
+		};
+	});
+	return {
+		...data,
+		pages: nextPages.map(({ page, filteredList }) => {
+			if (!page.data) return page;
+			const nextTotal = typeof page.data.total === "number" ? Math.max(0, page.data.total - removedCount) : page.data.total;
+			return {
+				...page,
+				data: {
+					...page.data,
+					list: filteredList,
+					total: nextTotal
+				}
+			};
+		})
+	};
+}
+/**
+* 将 API 数据转换为 PostListItemProps
+*/
+function transformToPostItem(item) {
+	const { detail } = item;
+	const { info, publish_time } = detail;
+	return {
+		id: item.id,
+		title: info?.name || info?.text || info?.content || "",
+		coverImage: info?.cover_image_thumbnail || info?.cover_image || info?.cover_horizontal_image_thumbnail || "",
+		publishTime: publish_time ?? 0
+	};
+}
+/**
+* 将 API 数据转换为 VideoListItemProps
+*/
+function transformToVideoItem(item) {
+	const { detail } = item;
+	const { user_info, info, statics_cnt, publish_time, parent_content_info } = detail;
+	return {
+		id: item.id,
+		is_more_link: info?.is_more_link || false,
+		title: info?.name || info?.text || info?.content || "",
+		coverImage: info?.cover_image_thumbnail || info?.cover_image || info?.cover_horizontal_image_thumbnail || "",
+		duration: Number(info?.video_duration ?? 0),
+		progress: item.content_play_progress?.percent ?? 0,
+		seriesNum: item.content_play_progress?.series_num,
+		authorName: user_info?.name || "",
+		viewCount: info?.play_count ?? statics_cnt?.browse_cnt ?? 0,
+		publishTime: publish_time ?? 0,
+		type: parent_content_info?.type
+	};
+}
+const tabOptions = ["video", "post"];
+function LikeTab({ mode = "renderer", targetUserId, queryKeyPrefix, isMine = false }) {
+	const t = useTranslations("components.pages.profile.components.tabs");
+	const isRenderer = mode === "renderer";
+	const resolvedQueryKeyPrefix = queryKeyPrefix ?? [];
+	const [tabQuery, setTabQuery] = useQueryState("likeTab", parseAsString.withDefault("video"));
+	const tab = useMemo(() => {
+		return tabOptions.includes(tabQuery) ? tabQuery : "video";
+	}, [tabQuery]);
+	const [isEditMode, setIsEditMode] = useState(false);
+	const [selectedIds, setSelectedIds] = useState(() => /* @__PURE__ */ new Set());
+	const userId = useUserStore((state) => state.userId);
+	const updateRequest = useUpdateRequest();
+	const videoQueryKey = [...resolvedQueryKeyPrefix, "user-like-video"];
+	const postQueryKey = [...resolvedQueryKeyPrefix, "user-like-post"];
+	const videoData = usePaginated({
+		key: videoQueryKey,
+		initialPageParam: 1,
+		async queryFn(pageParam) {
+			return getLikeData({
+				targetUserId,
+				page: pageParam,
+				contentType: likeContentType.video
+			});
+		},
+		options: {
+			staleTime: 0,
+			enabled: isRenderer
+		},
+		getNextPageParam(lastPage, allPages) {
+			if (typeof lastPage?.data?.has_more === "boolean") return lastPage.data.has_more ? allPages.length + 1 : void 0;
+			if ((lastPage?.data?.list ?? []).length === 0 || lastPage?.data?.total === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	console.log({ videoData });
+	const postData = usePaginated({
+		key: postQueryKey,
+		options: {
+			staleTime: 0,
+			enabled: isRenderer
+		},
+		initialPageParam: 1,
+		async queryFn(_pageParam) {
+			return { data: {
+				list: [],
+				total: 0,
+				has_more: false
+			} };
+		},
+		getNextPageParam(lastPage, allPages) {
+			if (typeof lastPage?.data?.has_more === "boolean") return lastPage.data.has_more ? allPages.length + 1 : void 0;
+			if ((lastPage?.data?.list ?? []).length === 0 || lastPage?.data?.total === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	const currentData = tab === "video" ? videoData : postData;
+	const videoList = videoData.data?.pages.flatMap((page) => (page.data?.list ?? []).map(transformToVideoItem)) ?? [];
+	const postList = postData.data?.pages.flatMap((page) => (page.data?.list ?? []).map(transformToPostItem)) ?? [];
+	const currentList = tab === "video" ? videoList : postList;
+	const availableIds = new Set(currentList.map((item) => item.id));
+	const isVideoTab = tab === "video";
+	const { mutateAsync: batchCancelLike, isPending: isDeleting } = useMutation(async (contentIds) => {
+		return await pInteractionUnifiedBatchLikeDislike({
+			app_id: 0,
+			user_id: userId,
+			action: "cancel_like",
+			content_ids: contentIds,
+			content_type: isVideoTab ? 1 : 2
+		});
+	});
+	useEffect(() => {
+		setSelectedIds(/* @__PURE__ */ new Set());
+	}, [tab]);
+	useEffect(() => {
+		if (tabQuery !== tab) setTabQuery(tab);
+	}, [
+		tab,
+		tabQuery,
+		setTabQuery
+	]);
+	const toggleItemSelection = (id) => {
+		setSelectedIds((prev) => {
+			const newSet = new Set(prev);
+			if (newSet.has(id)) newSet.delete(id);
+			else newSet.add(id);
+			return newSet;
+		});
+	};
+	const handleToggleAll = () => {
+		if (selectedIds.size === availableIds.size && availableIds.size > 0) setSelectedIds(/* @__PURE__ */ new Set());
+		else setSelectedIds(new Set(availableIds));
+	};
+	const handleDelete = async () => {
+		if (selectedIds.size === 0 || isDeleting) return;
+		if (!userId) {
+			toast.error(t("likeTab.pleaseLogin"));
+			return;
+		}
+		try {
+			const contentIds = Array.from(selectedIds);
+			const response = await batchCancelLike(contentIds);
+			if (response.code === 0) {
+				toast.success(t("likeTab.unlikedSuccess"));
+				const deleteIds = new Set(contentIds);
+				updateRequest(isVideoTab ? videoQueryKey : postQueryKey, (old) => {
+					return removeItemsFromPaginatedList(old, deleteIds, (item) => item.id);
+				});
+				setSelectedIds(/* @__PURE__ */ new Set());
+				setIsEditMode(false);
+			} else toast.error(response.message || t("likeTab.unlikeFailed"));
+		} catch (error) {
+			console.error("取消点赞失败", error);
+			toast.error(t("likeTab.operationFailed"));
+		}
+	};
+	const loadMore = async () => {
+		if (!isRenderer) return;
+		await currentData.fetchNextPage();
+	};
+	return /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Box, {
+		className: "",
+		children: tab === "video" ? /* @__PURE__ */ jsx(VideoList, {
+			list: videoList,
+			loading: currentData.isFetching,
+			hasMore: currentData.hasNextPage ?? false,
+			loadMore,
+			emptyText: t("likeTab.emptyContent"),
+			isEditMode,
+			selectedIds,
+			showVideoProgress: false,
+			onToggleSelection: toggleItemSelection
+		}) : /* @__PURE__ */ jsx(PostList, {
+			list: postList,
+			loading: currentData.isFetching,
+			hasMore: currentData.hasNextPage ?? false,
+			loadMore,
+			emptyText: t("likeTab.emptyContent"),
+			isEditMode,
+			selectedIds,
+			onToggleSelection: toggleItemSelection
+		})
+	}), isEditMode && /* @__PURE__ */ jsxs(Box, {
+		className: "fixed left-0 z-10 flex w-full items-center justify-between bg-bg1 px-3 py-2 bottom-[var(--tab-bar-height)]",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ jsx(Checkbox, {
+				checked: selectedIds.size === availableIds.size && availableIds.size > 0,
+				onCheckedChange: handleToggleAll
+			}), /* @__PURE__ */ jsx(Text, {
+				className: "text-sm text-text1",
+				children: t("likeTab.selectAll")
+			})]
+		}), /* @__PURE__ */ jsx(Button, {
+			className: "rounded-full py-2.5 h-auto px-6.5",
+			variant: selectedIds.size > 0 ? "default" : "outline",
+			disabled: selectedIds.size === 0 || isDeleting,
+			onClick: handleDelete,
+			children: isDeleting ? t("likeTab.processing") : t("likeTab.delete")
+		})]
+	})] });
+}
+
+//#endregion
+export { LikeTab };

package/dist/components/biz/business/profile/profile-main/tabs/like-tab/server.mjs

@@ -1,2 +1,14 @@
 
-import{LikeTab as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";function n(n){return t(e,{...n})}export{n as LikeTabServer};
+import { LikeTab } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/profile/profile-main/tabs/like-tab/server.tsx
+/**
+* 点赞 Tab 兼容包装组件。
+*/
+function LikeTabServer(props) {
+	return /* @__PURE__ */ jsx(LikeTab, { ...props });
+}
+
+//#endregion
+export { LikeTabServer };