@funhub/platform 0.1.127 → 0.1.130

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

@@ -1,2 +1,520 @@
 
-"use client";import{Button as e}from"../../../../../../ui/button.mjs";import{useUserStore as t}from"../../../../../../../store/modules/user-store.mjs";import{gCommunityGetSubscribedCollections as n,gCommunityGetUserCollections as r,gInteractionListCollects as i,pInteractionBatchDeleteCollects as a}from"../../../../../../../service/generated/client.mjs";import{Box as o}from"../../../../../../ui/box.mjs";import{Checkbox as ee}from"../../../../../../ui/checkbox.mjs";import{Tabs as te,TabsList as ne,TabsTrigger as s}from"../../../../../../ui/tabs.mjs";import{Text as re}from"../../../../../../ui/text.mjs";import{useMutation as ie,usePaginated as c,useUpdateRequest as ae}from"../../../../../../../hooks/query/use-query.mjs";import{DeleteConfirmDialog as oe}from"../../../../../../common/delete-confirm-dialog/delete-confirm-dialog.mjs";import{CollectionList as se}from"../../../../../../common/list/collection-list/collection-list.mjs";import{PostList as ce}from"../../../../../../common/list/post-list/post-list.mjs";import{VideoList as le}from"../../../../../../common/list/video-list/video-list.mjs";import{useEffect as l,useMemo as u,useState as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{toast as m}from"sonner";import{useTranslations as h}from"next-intl";import g from"dayjs";import ue from"next/link";import{parseAsString as _,useQueryState as v}from"nuqs";const y={video:1,post:2};function de(e,t){if(!e)return e;let n=0,r=e.pages.map(e=>({page:e,filteredList:(e.data?.list??w).filter(e=>{let r=e?.id??``,i=t.has(r);return i&&(n+=1),!i})}));return{...e,pages:r.map(({page:e,filteredList:t})=>{if(!e.data)return e;let r=typeof e.data.total==`number`?Math.max(0,e.data.total-n):e.data.total;return{...e,data:{...e.data,list:t,total:r}}})}}function b(e){if(e.cover_image)return e.cover_image;let t=``;return e.medias?.find(e=>e?(!e.is_video&&!t&&e.media_url&&(t=e.media_url),!!e.cover_image):!1)?.cover_image||t}function fe(e,t){let n=t[e.content_id||``]?.create_time,r=b(e);return{id:e.content_id||``,title:e.content||``,coverImage:r,publishTime:g(n).toDate().getTime()}}function pe(e,t){let n=t[e.id||``]?.create_time;return{is_more_link:e.is_more_link,id:e.id||``,title:e.name||``,coverImage:e.img_x||``,duration:Number(e.duration??0),authorName:e.up_user||e.source_username||``,viewCount:e.play_count??0,publishTime:g(n).toDate().getTime()}}function x(e){let t=b(e);return{contentType:e.source_type,id:e.content_id,title:e.title||e.content,coverImage:t,isVideo:!1,isMovie:!1}}function S(e){return Array.from({length:3},(t,n)=>({id:`${e}-placeholder-${n}`,isPlaceholder:!0}))}function C(e){let t=e.contents??[],n=(Array.isArray(t)?t:[]).slice(0,3).map(x),r=e.content_count??n.length;return{id:e.collection_id||``,title:e.title||``,contentCount:r,contents:r===0?S(e.collection_id||`collection`):n}}const w=[],me=[`video`,`post`,`collection`],he=[`created`,`subscribed`];function T({mode:g=`renderer`,userId:b,showCreateAction:x=!1,queryKeyPrefix:S,isMine:T=!1}){let ge=h(),E=h(`components.pages.profile.components.tabs`),D=g===`renderer`,O=S??[],[k,A]=v(`collectTab`,_.withDefault(`video`)),[j,M]=v(`collectCollectionTab`,_.withDefault(`created`)),N=u(()=>me.includes(k)?k:`video`,[k]),P=u(()=>he.includes(j)?j:`created`,[j]),[F,I]=d(!1),[_e,L]=d(!1),[R,z]=d(()=>new Set),{userId:ve,userInfo:ye}=t(),B=b||ve||ye?.userId||``,be=ae();async function xe(e,t){if(!B)return{data:{list:[],total:0}};let n=await i({user_id:B,folder_id:``,content_type:t,page:e,page_size:10}),r=n.data.collect_infos?.reduce((e,t)=>(t.content_id&&(e[t.content_id]=t),e),{})||{},a=t===y.video?(n.data?.video_infos??[]).map(e=>pe(e,r)):(n.data?.post_infos??[]).map(e=>fe(e,r));return{data:{list:a,total:n.data?.total??a.length}}}let V=c({key:[...O,`user-collect-video`,B],initialPageParam:1,async queryFn(e){return xe(e,y.video)},options:{staleTime:0,enabled:D},getNextPageParam(e,t){if((e?.data?.list||[]).length!==0)return t.length+1}}),H=c({key:[...O,`user-collect-post`,B],initialPageParam:1,options:{staleTime:0,enabled:D},async queryFn(e){return{data:{list:[],total:0,has_more:!1}}},getNextPageParam(e,t){if((e?.data?.list||[]).length!==0)return t.length+1}});async function Se(e){if(!B)return{data:{list:[],total:0}};let t=await r({page:e,user_id:b,page_size:10}),n=t.data?.data?.collections??[];return{data:{list:n.map(C),total:t.data?.data?.total??n.length}}}async function Ce(e){if(!B)return{data:{list:[],total:0}};let t=(await n({page:e,user_id:b,page_size:10})).data?.data,r=t?.collections??[];return{data:{list:r.map(C),total:t?.total??r.length}}}let U=c({key:[...O,`user-collection-created`,B],initialPageParam:1,options:{staleTime:0,enabled:D},async queryFn(e){return Se(e)},getNextPageParam(e,t){if((e?.data?.list||[]).length!==0)return t.length+1}}),W=c({key:[...O,`user-collection-subscribed`,B],initialPageParam:1,options:{staleTime:0,enabled:D},async queryFn(e){return Ce(e)},getNextPageParam(e,t){if((e?.data?.list||[]).length!==0)return t.length+1}}),G=u(()=>V.data?.pages.flatMap(e=>e.data?.list??w)??w,[V.data]),K=u(()=>H.data?.pages.flatMap(e=>e.data?.list??w)??w,[H.data]),we=u(()=>U.data?.pages.flatMap(e=>e.data?.list??w)??w,[U.data]),Te=u(()=>W.data?.pages.flatMap(e=>e.data?.list??w)??w,[W.data]),Ee=N===`video`?G:N===`post`?K:w,q=new Set(Ee.map(e=>e.id)),J=N===`video`?V:H,Y=P===`created`?U:W,De=P===`created`?we:Te,X=N===`video`,Oe=[...O,`user-collect-video`,B],ke=[...O,`user-collect-post`,B],{mutateAsync:Ae,isPending:Z}=ie(async e=>await a({app_id:0,user_id:B,folder_id:``,content_type:X?1:2,content_ids:e})),je=()=>{I(!F),z(new Set)};l(()=>{z(new Set),N===`collection`&&I(!1)},[N]),l(()=>{k!==N&&A(N)},[N,k,A]),l(()=>{j!==P&&M(P)},[P,j,M]);let Q=e=>{z(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},Me=()=>{R.size===q.size&&q.size>0?z(new Set):z(new Set(q))};function Ne(){R.size===0||Z||L(!0)}function Pe(){Z||L(!1)}async function Fe(){if(!(R.size===0||Z)){if(!B){m.error(E(`collectTab.pleaseLogin`));return}try{let e=Array.from(R),t=await Ae(e);if(t.code===0){m.success(E(`collectTab.uncollectedSuccess`));let t=new Set(e);be(X?Oe:ke,e=>de(e,t)),L(!1),z(new Set),I(!1)}else m.error(t.message||E(`collectTab.uncollectFailed`))}catch(e){console.error(`取消收藏失败`,e),m.error(E(`collectTab.operationFailed`))}}}let $=async()=>{if(D){if(N===`collection`){await Y.fetchNextPage();return}await J.fetchNextPage()}};return p(o,{children:[p(o,{className:`flex justify-between items-center`,children:[f(te,{value:N,onValueChange:e=>{A(e)},children:p(ne,{variant:`tag`,children:[f(s,{value:`video`,className:`text-sm`,children:E(`collectTab.video`)}),f(s,{value:`collection`,className:`text-sm`,children:E(`collectTab.collections`)})]})}),N===`collection`?x&&f(ue,{href:`/collection/create`,className:`flex items-center justify-center rounded-full text-text3 text-sm`,children:ge(`components.pages.collectionCreate.form.create`)}):T&&f(e,{variant:`ghost`,size:`sm`,className:`h-6.25 px-0 text-sm text-text3`,onClick:je,children:E(F?`collectTab.cancel`:`collectTab.edit`)})]}),f(o,{className:`pt-2`,children:N===`video`?f(le,{list:G,showVideoProgress:!1,loading:J.isFetching,hasMore:J.hasNextPage??!1,loadMore:$,emptyText:E(`collectTab.emptyContent`),isEditMode:F,selectedIds:R,onToggleSelection:Q}):N===`post`?f(ce,{list:K,loading:J.isFetching,hasMore:J.hasNextPage??!1,loadMore:$,emptyText:E(`collectTab.emptyContent`),isEditMode:F,selectedIds:R,onToggleSelection:Q}):f(se,{list:De,loading:Y.isFetching,hasMore:Y.hasNextPage??!1,loadMore:$,emptyText:E(`collectTab.emptyContent`)})}),F&&N!==`collection`&&p(o,{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:[p(o,{className:`flex items-center gap-2`,children:[f(ee,{checked:R.size===q.size&&q.size>0,onCheckedChange:Me}),f(re,{className:`text-sm text-text1`,children:E(`collectTab.selectAll`)})]}),f(e,{className:`rounded-full py-2.5 h-auto px-6.5`,variant:R.size>0?`default`:`outline`,disabled:R.size===0||Z,onClick:Ne,children:E(Z?`collectTab.processing`:`collectTab.delete`)})]}),f(oe,{open:_e,onOpenChange:L,onCancel:Pe,onConfirm:Fe,title:``,description:E(`collectTab.deleteConfirmDescription`),confirmText:E(`collectTab.delete`),cancelText:E(`collectTab.cancel`),isConfirming:Z})]})}export{T as CollectTab};
+'use client';
+
+import { Button } from "../../../../../../ui/button.mjs";
+import { useUserStore } from "../../../../../../../store/modules/user-store.mjs";
+import { gCommunityGetSubscribedCollections, gCommunityGetUserCollections, gInteractionListCollects, pInteractionBatchDeleteCollects } from "../../../../../../../service/generated/client.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { Checkbox } from "../../../../../../ui/checkbox.mjs";
+import { Tabs, TabsList, TabsTrigger } from "../../../../../../ui/tabs.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import { useMutation, usePaginated, useUpdateRequest } from "../../../../../../../hooks/query/use-query.mjs";
+import { DeleteConfirmDialog } from "../../../../../../common/delete-confirm-dialog/delete-confirm-dialog.mjs";
+import { CollectionList } from "../../../../../../common/list/collection-list/collection-list.mjs";
+import { PostList } from "../../../../../../common/list/post-list/post-list.mjs";
+import { VideoList } from "../../../../../../common/list/video-list/video-list.mjs";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+import dayjs from "dayjs";
+import Link from "next/link";
+import { parseAsString, useQueryState } from "nuqs";
+
+//#region components/biz/business/profile/profile-main/tabs/collect-tab/client.tsx
+const collectContentType = {
+	video: 1,
+	post: 2
+};
+const defaultCollectionPageSize = 10;
+/**
+* 从分页缓存中移除指定的内容项。
+*/
+function removeItemsFromPaginatedList(data, ids) {
+	if (!data) return data;
+	let removedCount = 0;
+	const nextPages = data.pages.map((page) => {
+		return {
+			page,
+			filteredList: (page.data?.list ?? emptyList).filter((item) => {
+				const itemId = item?.id ?? "";
+				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
+				}
+			};
+		})
+	};
+}
+/**
+* 获取帖子封面图，优先 cover_image，兜底使用首张图片媒体。
+*/
+function resolveCollectPostCoverImage(info) {
+	if (info.cover_image) return info.cover_image;
+	let fallbackImageUrl = "";
+	return (info.medias?.find((item) => {
+		if (!item) return false;
+		if (!item.is_video && !fallbackImageUrl && item.media_url) fallbackImageUrl = item.media_url;
+		return Boolean(item.cover_image);
+	}))?.cover_image || fallbackImageUrl;
+}
+/**
+* 将 CommunityPostInfo 转换为 PostListItemProps
+*/
+function buildPostItemFromCommunityPostInfo(info, collectInfoMap) {
+	const collectCreateDate = collectInfoMap[info.content_id || ""]?.create_time;
+	const resolvedCoverImage = resolveCollectPostCoverImage(info);
+	return {
+		id: info.content_id || "",
+		title: info.content || "",
+		coverImage: resolvedCoverImage,
+		publishTime: dayjs(collectCreateDate).toDate().getTime()
+	};
+}
+/**
+* 将 InteractionVideoInfo 转换为 VideoListItemProps
+*/
+function buildVideoItemFromInteractionVideoInfo(info, collectInfoMap) {
+	const collectCreateDate = collectInfoMap[info.id || ""]?.create_time;
+	return {
+		is_more_link: info.is_more_link,
+		id: info.id || "",
+		title: info.name || "",
+		coverImage: info.img_x || "",
+		duration: Number(info.duration ?? 0),
+		authorName: info.up_user || info.source_username || "",
+		viewCount: info.play_count ?? 0,
+		publishTime: dayjs(collectCreateDate).toDate().getTime()
+	};
+}
+/**
+* 将 CommunityContentBrief 转换为 CollectionListMediaItem
+*/
+function transformContentBriefToMediaItem(content) {
+	const resolvedCoverImage = resolveCollectPostCoverImage(content);
+	return {
+		contentType: content.source_type,
+		id: content.content_id,
+		title: content.title || content.content,
+		coverImage: resolvedCoverImage,
+		isVideo: false,
+		isMovie: false
+	};
+}
+/**
+* 构建合集预览空状态占位卡片。
+*/
+function buildCollectionPlaceholderItems(collectionId) {
+	return Array.from({ length: 3 }, (_, index) => ({
+		id: `${collectionId}-placeholder-${index}`,
+		isPlaceholder: true
+	}));
+}
+/**
+* 将 CommunityCollectionInfo 转换为 CollectionListItemProps
+*/
+function transformCollectionInfoToItem(info) {
+	const rawContents = info.contents ?? [];
+	const contents = (Array.isArray(rawContents) ? rawContents : []).slice(0, 3).map(transformContentBriefToMediaItem);
+	const contentCount = info.content_count ?? contents.length;
+	return {
+		id: info.collection_id || "",
+		title: info.title || "",
+		contentCount,
+		contents: contentCount === 0 ? buildCollectionPlaceholderItems(info.collection_id || "collection") : contents
+	};
+}
+const emptyList = [];
+const tabOptions = [
+	"video",
+	"post",
+	"collection"
+];
+const collectionTabOptions = ["created", "subscribed"];
+/**
+* 收藏 Tab
+*/
+function CollectTab({ mode = "renderer", userId, showCreateAction = false, queryKeyPrefix, isMine = false }) {
+	const ct = useTranslations();
+	const t = useTranslations("components.pages.profile.components.tabs");
+	const isRenderer = mode === "renderer";
+	const resolvedQueryKeyPrefix = queryKeyPrefix ?? [];
+	const [tabQuery, setTabQuery] = useQueryState("collectTab", parseAsString.withDefault("video"));
+	const [collectionTabQuery, setCollectionTabQuery] = useQueryState("collectCollectionTab", parseAsString.withDefault("created"));
+	const tab = useMemo(() => {
+		return tabOptions.includes(tabQuery) ? tabQuery : "video";
+	}, [tabQuery]);
+	const collectionTab = useMemo(() => {
+		return collectionTabOptions.includes(collectionTabQuery) ? collectionTabQuery : "created";
+	}, [collectionTabQuery]);
+	const [isEditMode, setIsEditMode] = useState(false);
+	const [deleteConfirmOpen, setDeleteConfirmOpen] = useState(false);
+	const [selectedIds, setSelectedIds] = useState(() => /* @__PURE__ */ new Set());
+	const { userId: storeUserId, userInfo } = useUserStore();
+	const resolvedUserId = userId || storeUserId || userInfo?.userId || "";
+	const updateRequest = useUpdateRequest();
+	/**
+	* 获取收藏内容数据
+	*/
+	async function getCollectContentData(page, contentType) {
+		if (!resolvedUserId) return { data: {
+			list: [],
+			total: 0
+		} };
+		const response = await gInteractionListCollects({
+			user_id: resolvedUserId,
+			folder_id: "",
+			content_type: contentType,
+			page,
+			page_size: defaultCollectionPageSize
+		});
+		const collectInfoMap = response.data.collect_infos?.reduce((acc, cur) => {
+			if (cur.content_id) acc[cur.content_id] = cur;
+			return acc;
+		}, {}) || {};
+		const list = contentType === collectContentType.video ? (response.data?.video_infos ?? []).map((i) => buildVideoItemFromInteractionVideoInfo(i, collectInfoMap)) : (response.data?.post_infos ?? []).map((i) => buildPostItemFromCommunityPostInfo(i, collectInfoMap));
+		return { data: {
+			list,
+			total: response.data?.total ?? list.length
+		} };
+	}
+	const videoData = usePaginated({
+		key: [
+			...resolvedQueryKeyPrefix,
+			"user-collect-video",
+			resolvedUserId
+		],
+		initialPageParam: 1,
+		async queryFn(pageParam) {
+			return getCollectContentData(pageParam, collectContentType.video);
+		},
+		options: {
+			staleTime: 0,
+			enabled: isRenderer
+		},
+		getNextPageParam(lastPage, allPages) {
+			if ((lastPage?.data?.list || []).length === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	const postData = usePaginated({
+		key: [
+			...resolvedQueryKeyPrefix,
+			"user-collect-post",
+			resolvedUserId
+		],
+		initialPageParam: 1,
+		options: {
+			staleTime: 0,
+			enabled: isRenderer
+		},
+		async queryFn(_pageParam) {
+			return { data: {
+				list: [],
+				total: 0,
+				has_more: false
+			} };
+		},
+		getNextPageParam(lastPage, allPages) {
+			if ((lastPage?.data?.list || []).length === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	/**
+	* 获取用户创建的合集列表
+	*/
+	async function getUserCollectionsData(page) {
+		if (!resolvedUserId) return { data: {
+			list: [],
+			total: 0
+		} };
+		const response = await gCommunityGetUserCollections({
+			page,
+			user_id: userId,
+			page_size: defaultCollectionPageSize
+		});
+		const collections = response.data?.data?.collections ?? [];
+		return { data: {
+			list: collections.map(transformCollectionInfoToItem),
+			total: response.data?.data?.total ?? collections.length
+		} };
+	}
+	/**
+	* 获取用户订阅的合集列表
+	*/
+	async function getSubscribedCollectionsData(page) {
+		if (!resolvedUserId) return { data: {
+			list: [],
+			total: 0
+		} };
+		const responseData = (await gCommunityGetSubscribedCollections({
+			page,
+			user_id: userId,
+			page_size: defaultCollectionPageSize
+		})).data?.data;
+		const collections = responseData?.collections ?? [];
+		return { data: {
+			list: collections.map(transformCollectionInfoToItem),
+			total: responseData?.total ?? collections.length
+		} };
+	}
+	const collectionCreateData = usePaginated({
+		key: [
+			...resolvedQueryKeyPrefix,
+			"user-collection-created",
+			resolvedUserId
+		],
+		initialPageParam: 1,
+		options: {
+			staleTime: 0,
+			enabled: isRenderer
+		},
+		async queryFn(pageParam) {
+			return getUserCollectionsData(pageParam);
+		},
+		getNextPageParam(lastPage, allPages) {
+			if ((lastPage?.data?.list || []).length === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	const collectionSubscribeData = usePaginated({
+		key: [
+			...resolvedQueryKeyPrefix,
+			"user-collection-subscribed",
+			resolvedUserId
+		],
+		initialPageParam: 1,
+		options: {
+			staleTime: 0,
+			enabled: isRenderer
+		},
+		async queryFn(pageParam) {
+			return getSubscribedCollectionsData(pageParam);
+		},
+		getNextPageParam(lastPage, allPages) {
+			if ((lastPage?.data?.list || []).length === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	const videoList = useMemo(() => videoData.data?.pages.flatMap((page) => page.data?.list ?? emptyList) ?? emptyList, [videoData.data]);
+	const postList = useMemo(() => postData.data?.pages.flatMap((page) => page.data?.list ?? emptyList) ?? emptyList, [postData.data]);
+	const collectionCreateList = useMemo(() => collectionCreateData.data?.pages.flatMap((page) => page.data?.list ?? emptyList) ?? emptyList, [collectionCreateData.data]);
+	const collectionSubscribeList = useMemo(() => collectionSubscribeData.data?.pages.flatMap((page) => page.data?.list ?? emptyList) ?? emptyList, [collectionSubscribeData.data]);
+	const currentList = tab === "video" ? videoList : tab === "post" ? postList : emptyList;
+	const availableIds = new Set(currentList.map((item) => item.id));
+	const currentData = tab === "video" ? videoData : postData;
+	const currentCollectionData = collectionTab === "created" ? collectionCreateData : collectionSubscribeData;
+	const currentCollectionList = collectionTab === "created" ? collectionCreateList : collectionSubscribeList;
+	const isVideoTab = tab === "video";
+	const videoQueryKey = [
+		...resolvedQueryKeyPrefix,
+		"user-collect-video",
+		resolvedUserId
+	];
+	const postQueryKey = [
+		...resolvedQueryKeyPrefix,
+		"user-collect-post",
+		resolvedUserId
+	];
+	const { mutateAsync: batchDeleteCollects, isPending: isDeleting } = useMutation(async (contentIds) => {
+		return await pInteractionBatchDeleteCollects({
+			app_id: 0,
+			user_id: resolvedUserId,
+			folder_id: "",
+			content_type: isVideoTab ? 1 : 2,
+			content_ids: contentIds
+		});
+	});
+	const toggleEditMode = () => {
+		setIsEditMode(!isEditMode);
+		setSelectedIds(/* @__PURE__ */ new Set());
+	};
+	useEffect(() => {
+		setSelectedIds(/* @__PURE__ */ new Set());
+		if (tab === "collection") setIsEditMode(false);
+	}, [tab]);
+	useEffect(() => {
+		if (tabQuery !== tab) setTabQuery(tab);
+	}, [
+		tab,
+		tabQuery,
+		setTabQuery
+	]);
+	useEffect(() => {
+		if (collectionTabQuery !== collectionTab) setCollectionTabQuery(collectionTab);
+	}, [
+		collectionTab,
+		collectionTabQuery,
+		setCollectionTabQuery
+	]);
+	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));
+	};
+	/**
+	* 打开删除确认弹窗。
+	*/
+	function handleOpenDeleteConfirm() {
+		if (selectedIds.size === 0 || isDeleting) return;
+		setDeleteConfirmOpen(true);
+	}
+	/**
+	* 关闭删除确认弹窗。
+	*/
+	function handleCloseDeleteConfirm() {
+		if (isDeleting) return;
+		setDeleteConfirmOpen(false);
+	}
+	/**
+	* 确认删除选中的收藏内容。
+	*/
+	async function handleDelete() {
+		if (selectedIds.size === 0 || isDeleting) return;
+		if (!resolvedUserId) {
+			toast.error(t("collectTab.pleaseLogin"));
+			return;
+		}
+		try {
+			const contentIds = Array.from(selectedIds);
+			const response = await batchDeleteCollects(contentIds);
+			if (response.code === 0) {
+				toast.success(t("collectTab.uncollectedSuccess"));
+				const deleteIds = new Set(contentIds);
+				updateRequest(isVideoTab ? videoQueryKey : postQueryKey, (old) => {
+					return removeItemsFromPaginatedList(old, deleteIds);
+				});
+				setDeleteConfirmOpen(false);
+				setSelectedIds(/* @__PURE__ */ new Set());
+				setIsEditMode(false);
+			} else toast.error(response.message || t("collectTab.uncollectFailed"));
+		} catch (error) {
+			console.error("取消收藏失败", error);
+			toast.error(t("collectTab.operationFailed"));
+		}
+	}
+	const loadMore = async () => {
+		if (!isRenderer) return;
+		if (tab === "collection") {
+			await currentCollectionData.fetchNextPage();
+			return;
+		}
+		await currentData.fetchNextPage();
+	};
+	return /* @__PURE__ */ jsxs(Box, { children: [
+		/* @__PURE__ */ jsxs(Box, {
+			className: "flex justify-between items-center",
+			children: [/* @__PURE__ */ jsx(Tabs, {
+				value: tab,
+				onValueChange: (value) => {
+					setTabQuery(value);
+				},
+				children: /* @__PURE__ */ jsxs(TabsList, {
+					variant: "tag",
+					children: [/* @__PURE__ */ jsx(TabsTrigger, {
+						value: "video",
+						className: "text-sm",
+						children: t("collectTab.video")
+					}), /* @__PURE__ */ jsx(TabsTrigger, {
+						value: "collection",
+						className: "text-sm",
+						children: t("collectTab.collections")
+					})]
+				})
+			}), tab === "collection" ? showCreateAction && /* @__PURE__ */ jsx(Link, {
+				href: "/collection/create",
+				className: "flex items-center justify-center rounded-full text-text3 text-sm",
+				children: ct("components.pages.collectionCreate.form.create")
+			}) : isMine && /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "sm",
+				className: "h-6.25 px-0 text-sm text-text3",
+				onClick: toggleEditMode,
+				children: isEditMode ? t("collectTab.cancel") : t("collectTab.edit")
+			})]
+		}),
+		/* @__PURE__ */ jsx(Box, {
+			className: "pt-2",
+			children: tab === "video" ? /* @__PURE__ */ jsx(VideoList, {
+				list: videoList,
+				showVideoProgress: false,
+				loading: currentData.isFetching,
+				hasMore: currentData.hasNextPage ?? false,
+				loadMore,
+				emptyText: t("collectTab.emptyContent"),
+				isEditMode,
+				selectedIds,
+				onToggleSelection: toggleItemSelection
+			}) : tab === "post" ? /* @__PURE__ */ jsx(PostList, {
+				list: postList,
+				loading: currentData.isFetching,
+				hasMore: currentData.hasNextPage ?? false,
+				loadMore,
+				emptyText: t("collectTab.emptyContent"),
+				isEditMode,
+				selectedIds,
+				onToggleSelection: toggleItemSelection
+			}) : /* @__PURE__ */ jsx(CollectionList, {
+				list: currentCollectionList,
+				loading: currentCollectionData.isFetching,
+				hasMore: currentCollectionData.hasNextPage ?? false,
+				loadMore,
+				emptyText: t("collectTab.emptyContent")
+			})
+		}),
+		isEditMode && tab !== "collection" && /* @__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("collectTab.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: handleOpenDeleteConfirm,
+				children: isDeleting ? t("collectTab.processing") : t("collectTab.delete")
+			})]
+		}),
+		/* @__PURE__ */ jsx(DeleteConfirmDialog, {
+			open: deleteConfirmOpen,
+			onOpenChange: setDeleteConfirmOpen,
+			onCancel: handleCloseDeleteConfirm,
+			onConfirm: handleDelete,
+			title: "",
+			description: t("collectTab.deleteConfirmDescription"),
+			confirmText: t("collectTab.delete"),
+			cancelText: t("collectTab.cancel"),
+			isConfirming: isDeleting
+		})
+	] });
+}
+
+//#endregion
+export { CollectTab };

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

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