@funhub/platform 0.1.127 → 0.1.130

package/dist/components/pages/collection-detail/detail.mjs

@@ -1,2 +1,539 @@
 
-"use client";import{Button as e}from"../../ui/button.mjs";import{useUserStore as t}from"../../../store/modules/user-store.mjs";import{gCommunityGetCollectionInfo as n,gUserViewUserInfo as r,pCommunityDeleteCollection as i,pCommunityRemoveContentFromCollection as a,pCommunitySubscribeCollection as o,pInteractionBatchDeleteCollects as s}from"../../../service/generated/client.mjs";import{Box as c}from"../../ui/box.mjs";import{Checkbox as ee}from"../../ui/checkbox.mjs";import{Drawer as te,DrawerContent as ne,DrawerDescription as re,DrawerTitle as ie}from"../../ui/drawer.mjs";import{List as ae}from"../../ui/list.mjs";import{Text as l}from"../../ui/text.mjs";import{useLoginModalStore as oe}from"../../../store/modules/login-modal-store.mjs";import{useDeleteRequest as se,useMutation as u,useRequest as d,useUpdateRequest as ce}from"../../../hooks/query/use-query.mjs";import{ShareDrawer as le}from"../../common/share-popup/share-drawer.mjs";import{SharePlatformEnum as f}from"../../../types/share.mjs";import p from"../../../utils/share-manager.mjs";import{DeleteConfirmDialog as m}from"../../common/delete-confirm-dialog/delete-confirm-dialog.mjs";import{HeaderNav as ue}from"../../common/header-nav/client.mjs";import{MoreIcon as de}from"../../common/icons/more.mjs";import{CollectionDetailCard as fe}from"./_components/collection-detail-card.mjs";import{useEffect as pe,useMemo as h,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{toast as y}from"sonner";import{useTranslations as me}from"next-intl";import{useRouter as b,useSearchParams as he}from"next/navigation";function x(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 S(e){let t=e.detail.info?.video_duration;if(typeof t==`number`&&Number.isFinite(t)&&t>0)return Math.floor(t);let n=e.medias?.find(e=>{let t=e?.video_duration;return typeof t==`number`&&Number.isFinite(t)&&t>0})?.video_duration;return typeof n==`number`&&Number.isFinite(n)&&n>0?Math.floor(n):0}function C(e){let t=e.detail.info?.play_count;if(typeof t==`number`&&Number.isFinite(t))return Math.max(0,Math.floor(t));let n=e.detail.view_count||e.viewCount;return typeof n==`number`&&Number.isFinite(n)?Math.max(0,Math.floor(n)):0}function ge(e){let t=e.detail,n=t.info,r=String(n?.cover_image||t.cover_image||x(e)||``),i=String(n?.text||n?.title||t.title||t.content||``),a=t.author_score??0,o=Array.isArray(t.tags)?t.tags:[];return{id:e.content_id?String(e.content_id):String(e.id),title:i,type:typeof e.type==`number`?e.type:0,coverImage:r,score:a,collectedAt:t.create_time==null?void 0:String(t.create_time),tags:o,duration:S(e),viewCount:C(e),publishTime:String(t.create_time??t.update_time??``),is_more_link:e.is_more_link??n?.is_more_link??!1,authorName:``}}function w({id:x}){let S=me(`components.pages.collectionDetail`),C=b(),w=he(),{userId:T,isLogin:E}=t(),{open:D}=oe(),O=se();ce();let k=d([`collection-detail`,x],()=>n({collection_id:x})),A=k.data?.data?.data?.collection?.user_id,j=!!(A&&T&&String(A)===String(T)),_e=d([`user-info`,A],()=>r({target_user_id:A,user_id:A})),[ve,M]=g(!1),[N,P]=g(!1),[F,I]=g(!1),[L,R]=g(!1),[z,B]=g(!1),[V,H]=g(()=>new Set),[U,W]=g(null);pe(()=>{!N&&L&&(I(!0),R(!1))},[N,L]);let G=k.data?.data?.data?.collection,K=G?.contents,q=h(()=>K?K.map(e=>({content_id:e.content_id,is_more_link:e.is_more_link,id:Number(e.content_id),detail:e,type:Number(e.source_type??0),medias:e.medias,cover_image:e.cover_image,viewCount:e.view_count})):[],[K]).map(ge),J=h(()=>new Set(q.map(e=>e.id)),[q]),Y=J.size>0&&V.size===J.size;G?.cover_image,G?.content_count,G?.is_subscribe;let{mutateAsync:ye,isPending:be}=u(async e=>await o({collection_id:x,subscribe:e})),{mutateAsync:xe,isPending:Se}=u(async e=>await a({collection_id:x,content_id:e})),{mutateAsync:Ce,isPending:X}=u(async e=>await i({collection_id:e})),{mutateAsync:we,isPending:Z}=u(async e=>await s({app_id:0,user_id:T,folder_id:x,content_type:1,content_ids:e})),Q=_e.data?.data;Q?.avatar,Q?.nick_name;let Te=j&&G?.is_default===!1;function Ee(e){W({kind:`content`,id:e.id,type:e.type,title:e.title,isCollected:!0}),M(!0)}function De(){if(j){P(!0);return}W({kind:`collection`,id:x}),M(!0)}function Oe(){if(!E||!T){y.error(S(`detail.pleaseLogin`)),D();return}if(!j){y.error(S(`detail.operationFailed`));return}P(!1),H(new Set),B(!0)}function ke(){H(new Set),B(!1)}function Ae(e){H(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}function je(){if(Y){H(new Set);return}H(new Set(J))}async function Me(){if(!(V.size===0||Z)){if(!E||!T){y.error(S(`detail.pleaseLogin`)),D();return}try{let e=await we(Array.from(V));if(e.code===0){y.success(S(`detail.uncollectSuccess`)),O([`collection-detail`,x]),O([`user-profile`,`mine`]),O([`user-profile`,`profile`,A]),H(new Set),B(!1);return}y.error(e.message||S(`detail.uncollectFailed`))}catch(e){console.error(`批量取消收藏失败`,e),y.error(S(`detail.operationFailed`))}}}function Ne(e){if(typeof window>`u`)return``;if(e.kind===`collection`)return`${window.location.origin}/collection/${e.id}`;let t=e.title?encodeURIComponent(e.title):`detail`,n=e.type===1?`/video/${e.id}/${t}`:`/post/${e.id}`;return`${window.location.origin}${n}`}function $(e){if(!U)return;let t=Ne(U);t&&p.showSharePopup({type:e,data:{id:U.id},copyUrl:t})}function Pe(){$(f.WECHAT)}function Fe(){$(f.QQ)}function Ie(){$(f.WECHAT_MOMENTS)}function Le(){if(!Se){if(!E||!T){y.error(S(`detail.pleaseLogin`)),D();return}!U||U.kind!==`content`||xe(U.id).then(e=>{if(e.code===0){y.success(S(`detail.uncollectSuccess`)),O([`collection-detail`,x]),W(e=>e&&{...e,isCollected:!1});return}y.error(e.message||S(`detail.uncollectFailed`))}).catch(e=>{console.error(`取消收藏失败`,e),y.error(S(`detail.operationFailed`))})}}function Re(){let e=new URLSearchParams(w.toString());e.set(`id`,x),e.set(`type`,`edit`),C.push(`/collection/create?${e.toString()}`),P(!1),M(!1)}function ze(){if(!X){if(!E||!T){y.error(S(`detail.pleaseLogin`)),D();return}if(!Te){y.error(S(`detail.defaultCollectionDeleteNotSupported`));return}R(!0),P(!1)}}async function Be(){if(!X)try{let e=await Ce(x);if(e.code===0){y.success(S(`detail.deleteSuccess`)),O([`collection-detail`,x]),O([`user-profile`,`mine`]),O([`user-profile`,`profile`,A]),I(!1),P(!1),M(!1),C.back();return}y.error(e.message||S(`detail.deleteFailed`))}catch(e){console.error(`删除合集失败`,e),y.error(S(`detail.operationFailed`))}}return v(c,{className:`flex flex-col bg-bg1 min-h-screen ${z?`pb-28`:`pb-6`}`,children:[_(ue,{title:G?.title??``,rightChild:j?z?_(`button`,{type:`button`,onClick:ke,className:`px-2 py-1 text-sm text-text1`,children:S(`detail.done`)}):_(`button`,{type:`button`,onClick:De,className:`p-2`,children:_(de,{})}):void 0}),_(c,{className:`px-4 flex items-start gap-4`,children:v(c,{className:`flex-1 flex flex-col gap-2`,children:[_(c,{className:`flex items-center justify-between`}),_(c,{className:`text-text2 text-sm break-all text-ellipsis line-clamp-1`,children:G?.description})]})}),_(c,{className:`px-4 ${z?`pb-20`:``}`,children:_(ae,{loading:k.isLoading,hasMore:!1,emptyText:S(`detail.emptyContent`),className:`divide-y divide-text1/5`,children:q.map(e=>_(fe,{...e,onOpenShare:Ee,isEditMode:z,isSelected:V.has(e.id),onToggleSelection:Ae},e.id))})}),z&&v(c,{className:`fixed bottom-0 left-0 right-0 z-10 flex items-center justify-between border-t border-text1/10 bg-bg1 px-4 py-3`,children:[v(c,{className:`flex items-center gap-2`,children:[_(ee,{checked:Y,onCheckedChange:je}),_(l,{className:`text-sm text-text1`,children:S(`detail.selectAll`)})]}),_(e,{className:`rounded-full py-2.5 h-auto px-6.5`,variant:V.size>0?`default`:`outline`,disabled:V.size===0||Z,onClick:Me,children:S(Z?`detail.deleting`:`detail.delete`)})]}),v(te,{open:N,onOpenChange:P,children:[_(ie,{className:`hidden`,children:S(`detail.collectionManageTitle`)}),_(re,{className:`hidden`,children:S(`detail.collectionManageTitle`)}),v(ne,{className:`z-[2000]`,children:[v(c,{className:`px-4 py-5`,children:[_(l,{className:`text-base font-bold text-text1 text-center `,children:S(`detail.collectionManageTitle`)}),v(c,{className:`mt-4 border-t border-text1/10`,children:[_(`button`,{className:`w-full text-left py-4 border-b border-text1/10`,onClick:Re,children:_(l,{className:`text-text1`,children:S(`detail.editCollection`)})}),_(`button`,{className:`w-full text-left py-4 border-b border-text1/10`,onClick:Oe,children:_(l,{className:`text-text1`,children:S(`detail.manageCollection`)})}),_(`button`,{className:`w-full text-left py-4 ${X?`opacity-60 cursor-not-allowed`:``}`,onClick:ze,disabled:X,children:_(l,{className:`text-destructive`,children:S(X?`detail.deleting`:`detail.deleteCollection`)})})]})]}),_(e,{className:`w-full h-auto py-4 text-lg text-text1`,size:`lg`,onClick:()=>P(!1),variant:`secondary`,children:S(`detail.cancel`)})]})]}),_(le,{isShowCollect:U?.kind===`content`&&j&&E,isCollected:U?.isCollected,open:ve,onOpenChange:M,onShareWeChat:Pe,onShareQQ:Fe,onShareMoments:Ie,onUncollect:Le}),_(m,{open:F,onOpenChange:I,onConfirm:Be,title:S(`detail.deleteCollection`),isConfirming:X})]})}export{w as CollectionDetail};
+'use client';
+
+import { Button } from "../../ui/button.mjs";
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { gCommunityGetCollectionInfo, gUserViewUserInfo, pCommunityDeleteCollection, pCommunityRemoveContentFromCollection, pCommunitySubscribeCollection, pInteractionBatchDeleteCollects } from "../../../service/generated/client.mjs";
+import { Box } from "../../ui/box.mjs";
+import { Checkbox } from "../../ui/checkbox.mjs";
+import { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from "../../ui/drawer.mjs";
+import { List } from "../../ui/list.mjs";
+import { Text } from "../../ui/text.mjs";
+import { useLoginModalStore } from "../../../store/modules/login-modal-store.mjs";
+import { useDeleteRequest, useMutation, useRequest, useUpdateRequest } from "../../../hooks/query/use-query.mjs";
+import { ShareDrawer } from "../../common/share-popup/share-drawer.mjs";
+import { SharePlatformEnum } from "../../../types/share.mjs";
+import ShareManager from "../../../utils/share-manager.mjs";
+import { DeleteConfirmDialog } from "../../common/delete-confirm-dialog/delete-confirm-dialog.mjs";
+import { HeaderNav } from "../../common/header-nav/client.mjs";
+import { MoreIcon } from "../../common/icons/more.mjs";
+import { CollectionDetailCard } from "./_components/collection-detail-card.mjs";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+import { useRouter, useSearchParams } from "next/navigation";
+
+//#region components/pages/collection-detail/detail.tsx
+/**
+* 获取帖子封面图，优先 cover_image，其次媒体中的 cover_image，兜底首张图片媒体。
+*/
+function resolvePostCoverImage(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;
+}
+/**
+* 提取视频时长。
+*/
+function resolveVideoDuration(item) {
+	const infoDuration = item.detail.info?.video_duration;
+	if (typeof infoDuration === "number" && Number.isFinite(infoDuration) && infoDuration > 0) return Math.floor(infoDuration);
+	const mediaDuration = item.medias?.find((media) => {
+		const duration = media?.video_duration;
+		return typeof duration === "number" && Number.isFinite(duration) && duration > 0;
+	})?.video_duration;
+	if (typeof mediaDuration === "number" && Number.isFinite(mediaDuration) && mediaDuration > 0) return Math.floor(mediaDuration);
+	return 0;
+}
+/**
+* 提取播放量。
+*/
+function resolveVideoViewCount(item) {
+	const infoPlayCount = item.detail.info?.play_count;
+	if (typeof infoPlayCount === "number" && Number.isFinite(infoPlayCount)) return Math.max(0, Math.floor(infoPlayCount));
+	const detailViewCount = item.detail.view_count || item.viewCount;
+	if (typeof detailViewCount === "number" && Number.isFinite(detailViewCount)) return Math.max(0, Math.floor(detailViewCount));
+	return 0;
+}
+/**
+* 从合集条目中提取卡片数据。
+*/
+function getCardData(item) {
+	const detail = item.detail;
+	const contentInfo = detail.info;
+	const coverImage = String(contentInfo?.cover_image || detail.cover_image || resolvePostCoverImage(item) || "");
+	const title = String(contentInfo?.text || contentInfo?.title || detail.title || detail.content || "");
+	const score = detail.author_score ?? 0;
+	const tags = Array.isArray(detail.tags) ? detail.tags : [];
+	return {
+		id: item.content_id ? String(item.content_id) : String(item.id),
+		title,
+		type: typeof item.type === "number" ? item.type : 0,
+		coverImage,
+		score,
+		collectedAt: detail.create_time != null ? String(detail.create_time) : void 0,
+		tags,
+		duration: resolveVideoDuration(item),
+		viewCount: resolveVideoViewCount(item),
+		publishTime: String(detail.create_time ?? detail.update_time ?? ""),
+		is_more_link: item.is_more_link ?? contentInfo?.is_more_link ?? false,
+		authorName: ""
+	};
+}
+function CollectionDetail({ id }) {
+	const t = useTranslations("components.pages.collectionDetail");
+	const router = useRouter();
+	const searchParams = useSearchParams();
+	const { userId: currentUserId, isLogin } = useUserStore();
+	const { open: openLoginModal } = useLoginModalStore();
+	const invalidateRequest = useDeleteRequest();
+	useUpdateRequest();
+	const detailQuery = useRequest(["collection-detail", id], () => gCommunityGetCollectionInfo({ collection_id: id }));
+	const userId = detailQuery.data?.data?.data?.collection?.user_id;
+	const isOwner = Boolean(userId && currentUserId && String(userId) === String(currentUserId));
+	const userQuery = useRequest(["user-info", userId], () => gUserViewUserInfo({
+		target_user_id: userId,
+		user_id: userId
+	}));
+	const [shareOpen, setShareOpen] = useState(false);
+	const [manageDrawerOpen, setManageDrawerOpen] = useState(false);
+	const [deleteConfirmOpen, setDeleteConfirmOpen] = useState(false);
+	const [shouldOpenDeleteConfirm, setShouldOpenDeleteConfirm] = useState(false);
+	const [isManageMode, setIsManageMode] = useState(false);
+	const [selectedIds, setSelectedIds] = useState(() => /* @__PURE__ */ new Set());
+	const [activeShareTarget, setActiveShareTarget] = useState(null);
+	useEffect(() => {
+		if (!manageDrawerOpen && shouldOpenDeleteConfirm) {
+			setDeleteConfirmOpen(true);
+			setShouldOpenDeleteConfirm(false);
+		}
+	}, [manageDrawerOpen, shouldOpenDeleteConfirm]);
+	const collectionData = detailQuery.data?.data?.data?.collection;
+	const contents = collectionData?.contents;
+	const cards = useMemo(() => {
+		if (!contents) return [];
+		return contents.map((content) => ({
+			content_id: content.content_id,
+			is_more_link: content.is_more_link,
+			id: Number(content.content_id),
+			detail: content,
+			type: Number(content.source_type ?? 0),
+			medias: content.medias,
+			cover_image: content.cover_image,
+			viewCount: content.view_count
+		}));
+	}, [contents]).map(getCardData);
+	const availableIds = useMemo(() => {
+		return new Set(cards.map((card) => card.id));
+	}, [cards]);
+	const isAllSelected = availableIds.size > 0 && selectedIds.size === availableIds.size;
+	collectionData?.cover_image;
+	collectionData?.content_count;
+	collectionData?.is_subscribe;
+	const { mutateAsync: subscribeCollection, isPending: isSubscribePending } = useMutation(async (subscribe) => {
+		return await pCommunitySubscribeCollection({
+			collection_id: id,
+			subscribe
+		});
+	});
+	const { mutateAsync: removeContentFromCollection, isPending: isRemovingContent } = useMutation(async (contentId) => {
+		return await pCommunityRemoveContentFromCollection({
+			collection_id: id,
+			content_id: contentId
+		});
+	});
+	const { mutateAsync: deleteCollection, isPending: isDeletePending } = useMutation(async (collectionId) => {
+		return await pCommunityDeleteCollection({ collection_id: collectionId });
+	});
+	const { mutateAsync: batchDeleteCollects, isPending: isBatchDeletePending } = useMutation(async (contentIds) => {
+		return await pInteractionBatchDeleteCollects({
+			app_id: 0,
+			user_id: currentUserId,
+			folder_id: id,
+			content_type: 1,
+			content_ids: contentIds
+		});
+	});
+	const userInfo = userQuery.data?.data;
+	userInfo?.avatar;
+	userInfo?.nick_name;
+	const canDeleteCollection = isOwner && collectionData?.is_default === false;
+	/**
+	* 打开分享抽屉。
+	*/
+	function handleOpenShareDrawer(payload) {
+		setActiveShareTarget({
+			kind: "content",
+			id: payload.id,
+			type: payload.type,
+			title: payload.title,
+			isCollected: true
+		});
+		setShareOpen(true);
+	}
+	/**
+	* 打开顶部操作抽屉。
+	*/
+	function handleOpenHeaderDrawer() {
+		if (isOwner) {
+			setManageDrawerOpen(true);
+			return;
+		}
+		setActiveShareTarget({
+			kind: "collection",
+			id
+		});
+		setShareOpen(true);
+	}
+	/**
+	* 进入管理模式。
+	*/
+	function handleEnterManageMode() {
+		if (!isLogin || !currentUserId) {
+			toast.error(t("detail.pleaseLogin"));
+			openLoginModal();
+			return;
+		}
+		if (!isOwner) {
+			toast.error(t("detail.operationFailed"));
+			return;
+		}
+		setManageDrawerOpen(false);
+		setSelectedIds(/* @__PURE__ */ new Set());
+		setIsManageMode(true);
+	}
+	/**
+	* 完成管理。
+	*/
+	function handleFinishManageMode() {
+		setSelectedIds(/* @__PURE__ */ new Set());
+		setIsManageMode(false);
+	}
+	/**
+	* 切换选中状态。
+	*/
+	function handleToggleSelection(contentId) {
+		setSelectedIds((prev) => {
+			const next = new Set(prev);
+			if (next.has(contentId)) next.delete(contentId);
+			else next.add(contentId);
+			return next;
+		});
+	}
+	/**
+	* 全选 / 取消全选。
+	*/
+	function handleToggleAll() {
+		if (isAllSelected) {
+			setSelectedIds(/* @__PURE__ */ new Set());
+			return;
+		}
+		setSelectedIds(new Set(availableIds));
+	}
+	/**
+	* 批量取消收藏。
+	*/
+	async function handleBatchDeleteCollects() {
+		if (selectedIds.size === 0 || isBatchDeletePending) return;
+		if (!isLogin || !currentUserId) {
+			toast.error(t("detail.pleaseLogin"));
+			openLoginModal();
+			return;
+		}
+		try {
+			const response = await batchDeleteCollects(Array.from(selectedIds));
+			if (response.code === 0) {
+				toast.success(t("detail.uncollectSuccess"));
+				invalidateRequest(["collection-detail", id]);
+				invalidateRequest(["user-profile", "mine"]);
+				invalidateRequest([
+					"user-profile",
+					"profile",
+					userId
+				]);
+				setSelectedIds(/* @__PURE__ */ new Set());
+				setIsManageMode(false);
+				return;
+			}
+			toast.error(response.message || t("detail.uncollectFailed"));
+		} catch (error) {
+			console.error("批量取消收藏失败", error);
+			toast.error(t("detail.operationFailed"));
+		}
+	}
+	/**
+	* 构建分享链接
+	*/
+	function buildShareUrl(target) {
+		if (typeof window === "undefined") return "";
+		if (target.kind === "collection") return `${window.location.origin}/collection/${target.id}`;
+		const safeTitle = target.title ? encodeURIComponent(target.title) : "detail";
+		const contentPath = target.type === 1 ? `/video/${target.id}/${safeTitle}` : `/post/${target.id}`;
+		return `${window.location.origin}${contentPath}`;
+	}
+	/**
+	* 打开分享链接弹窗
+	*/
+	function openSharePopup(platform) {
+		if (!activeShareTarget) return;
+		const copyUrl = buildShareUrl(activeShareTarget);
+		if (!copyUrl) return;
+		ShareManager.showSharePopup({
+			type: platform,
+			data: { id: activeShareTarget.id },
+			copyUrl
+		});
+	}
+	/**
+	* 分享到微信。
+	*/
+	function handleShareWeChat() {
+		openSharePopup(SharePlatformEnum.WECHAT);
+	}
+	/**
+	* 分享到 QQ。
+	*/
+	function handleShareQQ() {
+		openSharePopup(SharePlatformEnum.QQ);
+	}
+	/**
+	* 分享到朋友圈。
+	*/
+	function handleShareMoments() {
+		openSharePopup(SharePlatformEnum.WECHAT_MOMENTS);
+	}
+	/**
+	* 取消收藏。
+	*/
+	/**
+	* 取消收藏。
+	*/
+	function handleUncollect() {
+		if (isRemovingContent) return;
+		if (!isLogin || !currentUserId) {
+			toast.error(t("detail.pleaseLogin"));
+			openLoginModal();
+			return;
+		}
+		if (!activeShareTarget || activeShareTarget.kind !== "content") return;
+		removeContentFromCollection(activeShareTarget.id).then((response) => {
+			if (response.code === 0) {
+				toast.success(t("detail.uncollectSuccess"));
+				invalidateRequest(["collection-detail", id]);
+				setActiveShareTarget((prev) => prev ? {
+					...prev,
+					isCollected: false
+				} : prev);
+				return;
+			}
+			toast.error(response.message || t("detail.uncollectFailed"));
+		}).catch((error) => {
+			console.error("取消收藏失败", error);
+			toast.error(t("detail.operationFailed"));
+		});
+	}
+	/**
+	* 编辑合集。
+	*/
+	function handleEditCollection() {
+		const params = new URLSearchParams(searchParams.toString());
+		params.set("id", id);
+		params.set("type", "edit");
+		router.push(`/collection/create?${params.toString()}`);
+		setManageDrawerOpen(false);
+		setShareOpen(false);
+	}
+	/**
+	* 打开删除确认弹窗。
+	*/
+	function handleOpenDeleteConfirm() {
+		if (isDeletePending) return;
+		if (!isLogin || !currentUserId) {
+			toast.error(t("detail.pleaseLogin"));
+			openLoginModal();
+			return;
+		}
+		if (!canDeleteCollection) {
+			toast.error(t("detail.defaultCollectionDeleteNotSupported"));
+			return;
+		}
+		setShouldOpenDeleteConfirm(true);
+		setManageDrawerOpen(false);
+	}
+	/**
+	* 删除合集。
+	*/
+	async function handleDeleteCollection() {
+		if (isDeletePending) return;
+		try {
+			const response = await deleteCollection(id);
+			if (response.code === 0) {
+				toast.success(t("detail.deleteSuccess"));
+				invalidateRequest(["collection-detail", id]);
+				invalidateRequest(["user-profile", "mine"]);
+				invalidateRequest([
+					"user-profile",
+					"profile",
+					userId
+				]);
+				setDeleteConfirmOpen(false);
+				setManageDrawerOpen(false);
+				setShareOpen(false);
+				router.back();
+				return;
+			}
+			toast.error(response.message || t("detail.deleteFailed"));
+		} catch (error) {
+			console.error("删除合集失败", error);
+			toast.error(t("detail.operationFailed"));
+		}
+	}
+	return /* @__PURE__ */ jsxs(Box, {
+		className: `flex flex-col bg-bg1 min-h-screen ${isManageMode ? "pb-28" : "pb-6"}`,
+		children: [
+			/* @__PURE__ */ jsx(HeaderNav, {
+				title: collectionData?.title ?? "",
+				rightChild: isOwner ? isManageMode ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: handleFinishManageMode,
+					className: "px-2 py-1 text-sm text-text1",
+					children: t("detail.done")
+				}) : /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: handleOpenHeaderDrawer,
+					className: "p-2",
+					children: /* @__PURE__ */ jsx(MoreIcon, {})
+				}) : void 0
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				className: "px-4 flex items-start gap-4",
+				children: /* @__PURE__ */ jsxs(Box, {
+					className: "flex-1 flex flex-col gap-2",
+					children: [/* @__PURE__ */ jsx(Box, { className: "flex items-center justify-between" }), /* @__PURE__ */ jsx(Box, {
+						className: "text-text2 text-sm break-all text-ellipsis line-clamp-1",
+						children: collectionData?.description
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				className: `px-4 ${isManageMode ? "pb-20" : ""}`,
+				children: /* @__PURE__ */ jsx(List, {
+					loading: detailQuery.isLoading,
+					hasMore: false,
+					emptyText: t("detail.emptyContent"),
+					className: "divide-y divide-text1/5",
+					children: cards.map((card) => /* @__PURE__ */ jsx(CollectionDetailCard, {
+						...card,
+						onOpenShare: handleOpenShareDrawer,
+						isEditMode: isManageMode,
+						isSelected: selectedIds.has(card.id),
+						onToggleSelection: handleToggleSelection
+					}, card.id))
+				})
+			}),
+			isManageMode && /* @__PURE__ */ jsxs(Box, {
+				className: "fixed bottom-0 left-0 right-0 z-10 flex items-center justify-between border-t border-text1/10 bg-bg1 px-4 py-3",
+				children: [/* @__PURE__ */ jsxs(Box, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx(Checkbox, {
+						checked: isAllSelected,
+						onCheckedChange: handleToggleAll
+					}), /* @__PURE__ */ jsx(Text, {
+						className: "text-sm text-text1",
+						children: t("detail.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 || isBatchDeletePending,
+					onClick: handleBatchDeleteCollects,
+					children: isBatchDeletePending ? t("detail.deleting") : t("detail.delete")
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Drawer, {
+				open: manageDrawerOpen,
+				onOpenChange: setManageDrawerOpen,
+				children: [
+					/* @__PURE__ */ jsx(DrawerTitle, {
+						className: "hidden",
+						children: t("detail.collectionManageTitle")
+					}),
+					/* @__PURE__ */ jsx(DrawerDescription, {
+						className: "hidden",
+						children: t("detail.collectionManageTitle")
+					}),
+					/* @__PURE__ */ jsxs(DrawerContent, {
+						className: "z-[2000]",
+						children: [/* @__PURE__ */ jsxs(Box, {
+							className: "px-4 py-5",
+							children: [/* @__PURE__ */ jsx(Text, {
+								className: "text-base font-bold text-text1 text-center ",
+								children: t("detail.collectionManageTitle")
+							}), /* @__PURE__ */ jsxs(Box, {
+								className: "mt-4 border-t border-text1/10",
+								children: [
+									/* @__PURE__ */ jsx("button", {
+										className: "w-full text-left py-4 border-b border-text1/10",
+										onClick: handleEditCollection,
+										children: /* @__PURE__ */ jsx(Text, {
+											className: "text-text1",
+											children: t("detail.editCollection")
+										})
+									}),
+									/* @__PURE__ */ jsx("button", {
+										className: "w-full text-left py-4 border-b border-text1/10",
+										onClick: handleEnterManageMode,
+										children: /* @__PURE__ */ jsx(Text, {
+											className: "text-text1",
+											children: t("detail.manageCollection")
+										})
+									}),
+									/* @__PURE__ */ jsx("button", {
+										className: `w-full text-left py-4 ${isDeletePending ? "opacity-60 cursor-not-allowed" : ""}`,
+										onClick: handleOpenDeleteConfirm,
+										disabled: isDeletePending,
+										children: /* @__PURE__ */ jsx(Text, {
+											className: "text-destructive",
+											children: isDeletePending ? t("detail.deleting") : t("detail.deleteCollection")
+										})
+									})
+								]
+							})]
+						}), /* @__PURE__ */ jsx(Button, {
+							className: "w-full h-auto py-4 text-lg text-text1",
+							size: "lg",
+							onClick: () => setManageDrawerOpen(false),
+							variant: "secondary",
+							children: t("detail.cancel")
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(ShareDrawer, {
+				isShowCollect: activeShareTarget?.kind === "content" && isOwner && isLogin,
+				isCollected: activeShareTarget?.isCollected,
+				open: shareOpen,
+				onOpenChange: setShareOpen,
+				onShareWeChat: handleShareWeChat,
+				onShareQQ: handleShareQQ,
+				onShareMoments: handleShareMoments,
+				onUncollect: handleUncollect
+			}),
+			/* @__PURE__ */ jsx(DeleteConfirmDialog, {
+				open: deleteConfirmOpen,
+				onOpenChange: setDeleteConfirmOpen,
+				onConfirm: handleDeleteCollection,
+				title: t("detail.deleteCollection"),
+				isConfirming: isDeletePending
+			})
+		]
+	});
+}
+
+//#endregion
+export { CollectionDetail };

package/dist/components/pages/collection-detail/index.mjs

@@ -1,2 +1,11 @@
 
-import{PageSkeleton as e}from"../../common/page-skeleton/page-skeleton.mjs";import t from"next/dynamic";const n=t(async()=>(await import(`./page.mjs`)).CollectionDetailPage,{loading:e});export{n as CollectionDetailPage};
+import { PageSkeleton } from "../../common/page-skeleton/page-skeleton.mjs";
+import dynamic from "next/dynamic";
+
+//#region components/pages/collection-detail/index.ts
+const CollectionDetailPage = dynamic(async () => {
+	return (await import("./page.mjs")).CollectionDetailPage;
+}, { loading: PageSkeleton });
+
+//#endregion
+export { CollectionDetailPage };

package/dist/components/pages/collection-detail/page.mjs

@@ -1,2 +1,19 @@
 
-import{gCommunityGetCollectionInfo as e}from"../../../service/generated/client.mjs";import{HydrationBoundary as t}from"../../../hooks/query/hydration-boundary.mjs";import{CollectionDetail as n}from"./detail.mjs";import{jsx as r}from"react/jsx-runtime";import{cookies as i}from"next/headers";async function a({id:a}){let o=(await i()).get(`token`)?.value||``;return await Promise.all([e({collection_id:a},o?{headers:{Authorization:`Bearer ${o}`}}:void 0)]),r(t,{prefetch:[],children:r(n,{id:a})})}export{a as CollectionDetailPage};
+import { gCommunityGetCollectionInfo } from "../../../service/generated/client.mjs";
+import { HydrationBoundary } from "../../../hooks/query/hydration-boundary.mjs";
+import { CollectionDetail } from "./detail.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cookies } from "next/headers";
+
+//#region components/pages/collection-detail/page.tsx
+async function CollectionDetailPage({ id }) {
+	const token = (await cookies()).get("token")?.value || "";
+	await Promise.all([gCommunityGetCollectionInfo({ collection_id: id }, token ? { headers: { Authorization: `Bearer ${token}` } } : void 0)]);
+	return /* @__PURE__ */ jsx(HydrationBoundary, {
+		prefetch: [],
+		children: /* @__PURE__ */ jsx(CollectionDetail, { id })
+	});
+}
+
+//#endregion
+export { CollectionDetailPage };

package/dist/components/pages/edit/index.mjs

@@ -1,2 +1,11 @@
 
-import{PageSkeleton as e}from"../../common/page-skeleton/page-skeleton.mjs";import t from"next/dynamic";const n=t(async()=>(await import(`./page.mjs`)).EditClient,{loading:e});export{n as EditPage};
+import { PageSkeleton } from "../../common/page-skeleton/page-skeleton.mjs";
+import dynamic from "next/dynamic";
+
+//#region components/pages/edit/index.tsx
+const EditPage = dynamic(async () => {
+	return (await import("./page.mjs")).EditClient;
+}, { loading: PageSkeleton });
+
+//#endregion
+export { EditPage };