@funhub/platform 0.1.62 → 0.1.64

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

@@ -1,490 +1,2 @@
 
-'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 { 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 [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));
-	};
-	const handleDelete = async () => {
-		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);
-				});
-				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" ? /* @__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, {
-			style: { bottom: "calc(56px + env(safe-area-inset-bottom, 0px))" },
-			className: "flex fixed z-10 left-0 w-full items-center justify-between  px-3 py-2 bg-bg1  ",
-			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: handleDelete,
-				children: isDeleting ? t("collectTab.processing") : t("collectTab.delete")
-			})]
-		})
-	] });
-}
-
-//#endregion
-export { CollectTab };
+"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 s,TabsList as c,TabsTrigger as l}from"../../../../../../ui/tabs.mjs";import{Text as te}from"../../../../../../ui/text.mjs";import{useMutation as ne,usePaginated as u,useUpdateRequest as re}from"../../../../../../../hooks/query/use-query.mjs";import{CollectionList as ie}from"../../../../../../common/list/collection-list/collection-list.mjs";import{PostList as ae}from"../../../../../../common/list/post-list/post-list.mjs";import{VideoList as oe}from"../../../../../../common/list/video-list/video-list.mjs";import{useEffect as d,useMemo as f,useState as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{toast as g}from"sonner";import{useTranslations as _}from"next-intl";import v from"dayjs";import se from"next/link";import{parseAsString as y,useQueryState as b}from"nuqs";const x={video:1,post:2};function ce(e,t){if(!e)return e;let n=0,r=e.pages.map(e=>({page:e,filteredList:(e.data?.list??T).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 S(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 le(e,t){let n=t[e.content_id||``]?.create_time,r=S(e);return{id:e.content_id||``,title:e.content||``,coverImage:r,publishTime:v(n).toDate().getTime()}}function ue(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:v(n).toDate().getTime()}}function de(e){let t=S(e);return{contentType:e.source_type,id:e.content_id,title:e.title||e.content,coverImage:t,isVideo:!1,isMovie:!1}}function C(e){return Array.from({length:3},(t,n)=>({id:`${e}-placeholder-${n}`,isPlaceholder:!0}))}function w(e){let t=e.contents??[],n=(Array.isArray(t)?t:[]).slice(0,3).map(de),r=e.content_count??n.length;return{id:e.collection_id||``,title:e.title||``,contentCount:r,contents:r===0?C(e.collection_id||`collection`):n}}const T=[],fe=[`video`,`post`,`collection`],pe=[`created`,`subscribed`];function E({mode:v=`renderer`,userId:S,showCreateAction:de=!1,queryKeyPrefix:C,isMine:E=!1}){let me=_(),D=_(`components.pages.profile.components.tabs`),O=v===`renderer`,k=C??[],[A,j]=b(`collectTab`,y.withDefault(`video`)),[M,N]=b(`collectCollectionTab`,y.withDefault(`created`)),P=f(()=>fe.includes(A)?A:`video`,[A]),F=f(()=>pe.includes(M)?M:`created`,[M]),[I,L]=p(!1),[R,z]=p(()=>new Set),{userId:he,userInfo:ge}=t(),B=S||he||ge?.userId||``,_e=re();async function ve(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===x.video?(n.data?.video_infos??[]).map(e=>ue(e,r)):(n.data?.post_infos??[]).map(e=>le(e,r));return{data:{list:a,total:n.data?.total??a.length}}}let V=u({key:[...k,`user-collect-video`,B],initialPageParam:1,async queryFn(e){return ve(e,x.video)},options:{staleTime:0,enabled:O},getNextPageParam(e,t){if((e?.data?.list||[]).length!==0)return t.length+1}}),H=u({key:[...k,`user-collect-post`,B],initialPageParam:1,options:{staleTime:0,enabled:O},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 ye(e){if(!B)return{data:{list:[],total:0}};let t=await r({page:e,user_id:S,page_size:10}),n=t.data?.data?.collections??[];return{data:{list:n.map(w),total:t.data?.data?.total??n.length}}}async function be(e){if(!B)return{data:{list:[],total:0}};let t=(await n({page:e,user_id:S,page_size:10})).data?.data,r=t?.collections??[];return{data:{list:r.map(w),total:t?.total??r.length}}}let U=u({key:[...k,`user-collection-created`,B],initialPageParam:1,options:{staleTime:0,enabled:O},async queryFn(e){return ye(e)},getNextPageParam(e,t){if((e?.data?.list||[]).length!==0)return t.length+1}}),W=u({key:[...k,`user-collection-subscribed`,B],initialPageParam:1,options:{staleTime:0,enabled:O},async queryFn(e){return be(e)},getNextPageParam(e,t){if((e?.data?.list||[]).length!==0)return t.length+1}}),G=f(()=>V.data?.pages.flatMap(e=>e.data?.list??T)??T,[V.data]),K=f(()=>H.data?.pages.flatMap(e=>e.data?.list??T)??T,[H.data]),xe=f(()=>U.data?.pages.flatMap(e=>e.data?.list??T)??T,[U.data]),Se=f(()=>W.data?.pages.flatMap(e=>e.data?.list??T)??T,[W.data]),Ce=P===`video`?G:P===`post`?K:T,q=new Set(Ce.map(e=>e.id)),J=P===`video`?V:H,Y=F===`created`?U:W,we=F===`created`?xe:Se,X=P===`video`,Te=[...k,`user-collect-video`,B],Ee=[...k,`user-collect-post`,B],{mutateAsync:De,isPending:Z}=ne(async e=>await a({app_id:0,user_id:B,folder_id:``,content_type:X?1:2,content_ids:e})),Oe=()=>{L(!I),z(new Set)};d(()=>{z(new Set),P===`collection`&&L(!1)},[P]),d(()=>{A!==P&&j(P)},[P,A,j]),d(()=>{M!==F&&N(F)},[F,M,N]);let Q=e=>{z(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},ke=()=>{R.size===q.size&&q.size>0?z(new Set):z(new Set(q))},Ae=async()=>{if(!(R.size===0||Z)){if(!B){g.error(D(`collectTab.pleaseLogin`));return}try{let e=Array.from(R),t=await De(e);if(t.code===0){g.success(D(`collectTab.uncollectedSuccess`));let t=new Set(e);_e(X?Te:Ee,e=>ce(e,t)),z(new Set),L(!1)}else g.error(t.message||D(`collectTab.uncollectFailed`))}catch(e){console.error(`取消收藏失败`,e),g.error(D(`collectTab.operationFailed`))}}},$=async()=>{if(O){if(P===`collection`){await Y.fetchNextPage();return}await J.fetchNextPage()}};return h(o,{children:[h(o,{className:`flex justify-between items-center`,children:[m(s,{value:P,onValueChange:e=>{j(e)},children:h(c,{variant:`tag`,children:[m(l,{value:`video`,className:`text-sm`,children:D(`collectTab.video`)}),m(l,{value:`collection`,className:`text-sm`,children:D(`collectTab.collections`)})]})}),P===`collection`?m(se,{href:`/collection/create`,className:`flex items-center justify-center rounded-full text-text3 text-sm`,children:me(`components.pages.collectionCreate.form.create`)}):E&&m(e,{variant:`ghost`,size:`sm`,className:`h-6.25 px-0 text-sm text-text3`,onClick:Oe,children:D(I?`collectTab.cancel`:`collectTab.edit`)})]}),m(o,{className:`pt-2`,children:P===`video`?m(oe,{list:G,showVideoProgress:!1,loading:J.isFetching,hasMore:J.hasNextPage??!1,loadMore:$,emptyText:D(`collectTab.emptyContent`),isEditMode:I,selectedIds:R,onToggleSelection:Q}):P===`post`?m(ae,{list:K,loading:J.isFetching,hasMore:J.hasNextPage??!1,loadMore:$,emptyText:D(`collectTab.emptyContent`),isEditMode:I,selectedIds:R,onToggleSelection:Q}):m(ie,{list:we,loading:Y.isFetching,hasMore:Y.hasNextPage??!1,loadMore:$,emptyText:D(`collectTab.emptyContent`)})}),I&&P!==`collection`&&h(o,{style:{bottom:`calc(56px + env(safe-area-inset-bottom, 0px))`},className:`flex fixed z-10 left-0 w-full items-center justify-between  px-3 py-2 bg-bg1  `,children:[h(o,{className:`flex items-center gap-2`,children:[m(ee,{checked:R.size===q.size&&q.size>0,onCheckedChange:ke}),m(te,{className:`text-sm text-text1`,children:D(`collectTab.selectAll`)})]}),m(e,{className:`rounded-full py-2.5 h-auto px-6.5`,variant:R.size>0?`default`:`outline`,disabled:R.size===0||Z,onClick:Ae,children:D(Z?`collectTab.processing`:`collectTab.delete`)})]})]})}export{E as CollectTab};