@funhub/platform 0.2.15 → 0.2.16

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

@@ -1,2 +1,522 @@
 
-"use client";import{Button as e}from"../../ui/button.mjs";import{useUserStore as t}from"../../../store/modules/user-store.mjs";import{gCommunityGetCollectionInfo as n,pCommunityDeleteCollection as r,pCommunityRemoveContentFromCollection as i,pInteractionBatchDeleteCollects as a}from"../../../service/generated/client.mjs";import{usePageLifecycle as o}from"../../../utils/tracking.mjs";import{useRouter as s}from"../../../utils/use-compatible-router.mjs";import{Box as c}from"../../ui/box.mjs";import{Checkbox as ee}from"../../ui/checkbox.mjs";import{DropdownMenu as l,DropdownMenuContent as te,DropdownMenuItem as u,DropdownMenuSeparator as d,DropdownMenuTrigger as ne}from"../../ui/dropdown-menu.mjs";import{List as f}from"../../ui/list.mjs";import{Text as re}from"../../ui/text.mjs";import{useLoginModalStore as ie}from"../../../store/modules/login-modal-store.mjs";import{useDeleteRequest as ae,useMutation as p,useRequest as oe}from"../../../hooks/query/use-query.mjs";import{CreateCollectionSheet as se}from"../../common/collection-popup/create-collection-sheet.mjs";import{ShareDrawer as ce}from"../../common/share-popup/share-drawer.mjs";import{SharePlatformEnum as m}from"../../../types/share.mjs";import h from"../../../utils/share-manager.mjs";import{DeleteConfirmDialog as g}from"../../common/delete-confirm-dialog/delete-confirm-dialog.mjs";import{HeaderNav as _}from"../../common/header-nav/client.mjs";import{CollectionDetailCard as le}from"./_components/collection-detail-card.mjs";import{CollectionDetailVideoCard as ue}from"./_components/collection-detail-video-card.mjs";import{useMemo as v,useState as y}from"react";import{MoreVertical as de}from"lucide-react";import{jsx as b,jsxs as x}from"react/jsx-runtime";import{toast as S}from"sonner";import{useTranslations as fe}from"next-intl";function C(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 w(e){let t=e.detail.info?.video_duration;if(typeof t==`number`&&Number.isFinite(t)&&t>0)return Math.floor(t);let n=e.detail.duration;if(typeof n==`number`&&Number.isFinite(n)&&n>0)return Math.floor(n);let r=e.medias?.find(e=>{let t=e?.video_duration;return typeof t==`number`&&Number.isFinite(t)&&t>0})?.video_duration;return typeof r==`number`&&Number.isFinite(r)&&r>0?Math.floor(r):0}function T(e){let t=[e.detail.episode_cnt,e.detail.series_num_total,Array.isArray(e.detail.links)?e.detail.links.length:void 0].find(e=>typeof e==`number`&&Number.isFinite(e)&&e>0);return typeof t==`number`?Math.floor(t):0}function E(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 D(e){return e.detail.type===2||e.is_more_link||e.detail.info?.is_more_link||e.detail.is_more_link?!0:T(e)>1}function O(e){let t=e.detail,n=t.info,r=String(n?.cover_image||t.cover_image||C(e)||``),i=String(n?.text||n?.title||t.title||t.content||``),a=T(e),o=t.author_score??0,s=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:o,collectedAt:t.create_time==null?void 0:String(t.create_time),tags:s,duration:w(e),viewCount:E(e),episodeCount:a,publishTime:String(t.create_time??t.update_time??``),is_more_link:D(e),authorName:``}}function k({id:C}){let w=fe(`components.pages.collectionDetail`);o(`page_collection_detail`,`合集详情`);let T=s(),{userId:E,isLogin:D}=t(),{open:k}=ie(),A=ae(),j=oe([`collection-detail`,C],()=>n({collection_id:C})),M=j.data?.data?.data?.collection?.user_id,N=!!(M&&E&&String(M)===String(E)),[pe,P]=y(!1),[F,I]=y(!1),[L,R]=y(!1),[z,B]=y(!1),[V,H]=y(()=>new Set),[U,W]=y(null),G=j.data?.data?.data?.collection,K=G?.contents,q=v(()=>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(O),me=q.length>0&&q.every(e=>e.type===1),J=v(()=>new Set(q.map(e=>e.id)),[q]),Y=J.size>0&&V.size===J.size,{mutateAsync:he,isPending:ge}=p(async e=>await i({collection_id:C,content_id:e})),{mutateAsync:_e,isPending:X}=p(async e=>await r({collection_id:e})),{mutateAsync:ve,isPending:Z}=p(async e=>await a({app_id:0,user_id:E,folder_id:C,content_type:1,content_ids:e})),ye=N&&G?.is_default===!1;function be(e){W({kind:`content`,id:e.id,type:e.type,title:e.title,isCollected:!0}),P(!0)}function xe(){if(!D||!E){S.error(w(`detail.pleaseLogin`)),k();return}if(!N){S.error(w(`detail.operationFailed`));return}H(new Set),B(!0)}function Se(){H(new Set),B(!1)}function Q(e){H(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}function Ce(){if(Y){H(new Set);return}H(new Set(J))}async function we(){if(!(V.size===0||Z)){if(!D||!E){S.error(w(`detail.pleaseLogin`)),k();return}try{let e=await ve(Array.from(V));if(e.code===0){S.success(w(`detail.uncollectSuccess`)),A([`collection-detail`,C]),A([`user-profile`,`mine`]),A([`user-profile`,`profile`,M]),H(new Set),B(!1);return}S.error(e.message||w(`detail.uncollectFailed`))}catch(e){console.error(`批量取消收藏失败`,e),S.error(w(`detail.operationFailed`))}}}function Te(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=Te(U);t&&h.showSharePopup({type:e,data:{id:U.id},copyUrl:t})}function Ee(){$(m.WECHAT)}function De(){$(m.QQ)}function Oe(){$(m.WECHAT_MOMENTS)}function ke(){if(!ge){if(!D||!E){S.error(w(`detail.pleaseLogin`)),k();return}!U||U.kind!==`content`||he(U.id).then(e=>{if(e.code===0){S.success(w(`detail.uncollectSuccess`)),A([`collection-detail`,C]),W(e=>e&&{...e,isCollected:!1});return}S.error(e.message||w(`detail.uncollectFailed`))}).catch(e=>{console.error(`取消收藏失败`,e),S.error(w(`detail.operationFailed`))})}}function Ae(){R(!0),P(!1)}function je(){if(!X){if(!D||!E){S.error(w(`detail.pleaseLogin`)),k();return}if(!ye){S.error(w(`detail.defaultCollectionDeleteNotSupported`));return}I(!0)}}async function Me(){if(!X)try{let e=await _e(C);if(e.code===0){S.success(w(`detail.deleteSuccess`)),A([`collection-detail`,C]),A([`user-profile`,`mine`]),A([`user-profile`,`profile`,M]),I(!1),P(!1),T.back();return}S.error(e.message||w(`detail.deleteFailed`))}catch(e){console.error(`删除合集失败`,e),S.error(w(`detail.operationFailed`))}}return x(c,{className:`relative flex min-h-screen flex-col overflow-hidden bg-[var(--color-surface-panel-dark)] ${z?`pb-28`:`pb-6`}`,children:[b(_,{className:`!border-none !bg-[var(--color-surface-panel-dark)] !border-transparent`,title:G?.title??``,centerChild:b(`div`,{className:`flex min-w-0 flex-1 items-center justify-center px-12`,children:b(`p`,{className:`min-w-0 max-w-full truncate text-center text-[18px] leading-[22px] font-medium text-text1`,children:G?.title??``})}),onBack:()=>T.back(),rightChild:N?z?b(`button`,{type:`button`,onClick:Se,className:`px-2 py-1 text-sm text-text1`,children:w(`detail.done`)}):x(l,{children:[b(ne,{className:`flex h-10 w-10 items-center justify-center text-text1 outline-none`,children:b(de,{className:`h-5 w-5`,strokeWidth:2})}),x(te,{align:`end`,sideOffset:6,className:`!w-[180px] rounded-[8px] border-none !border-none !ring-0 shadow-none !shadow-none bg-[#252327] px-0 pb-1 pt-[3px]`,children:[b(u,{className:`mx-1 h-8 rounded-[4px] px-[10px] text-[13px] leading-4 text-[#fafafa]`,onClick:Ae,children:w(`detail.editCollection`)}),b(d,{className:`mx-0 my-1 bg-[#343237]`}),b(u,{className:`mx-1 h-8 rounded-[4px] px-[10px] text-[13px] leading-4 text-[#fafafa]`,onClick:xe,children:w(`detail.manageCollection`)}),b(d,{className:`mx-0 my-1 bg-[#343237]`}),b(u,{className:`mx-1 h-8 rounded-[4px] px-[10px] text-[13px] leading-4 text-[#fafafa]`,onClick:je,disabled:X,children:w(X?`detail.deleting`:`detail.deleteCollection`)})]})]}):void 0}),b(c,{className:`relative z-[1] px-4 pb-4`,children:b(c,{className:`text-text2 text-sm leading-[22px] break-all text-ellipsis line-clamp-1`,children:G?.description})}),b(c,{className:`relative z-[1] px-4 ${z?`pb-20`:``}`,children:me?b(f,{loading:j.isLoading,hasMore:!1,emptyText:w(`detail.emptyContent`),columns:2,gridGap:16,className:`!bg-transparent`,children:q.map(e=>b(ue,{id:e.id,title:e.title,coverImage:e.coverImage,duration:e.duration,episodeCount:e.episodeCount,viewCount:e.viewCount,is_more_link:e.is_more_link,isEditMode:z,isSelected:V.has(e.id),onToggleSelection:Q},e.id))}):b(f,{loading:j.isLoading,hasMore:!1,emptyText:w(`detail.emptyContent`),className:`!bg-transparent divide-y divide-text1/5`,children:q.map(e=>b(le,{...e,onOpenShare:be,isEditMode:z,isSelected:V.has(e.id),onToggleSelection:Q},e.id))})}),z&&x(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:[x(c,{className:`flex items-center gap-2`,children:[b(ee,{checked:Y,onCheckedChange:Ce}),b(re,{className:`text-sm text-text1`,children:w(`detail.selectAll`)})]}),b(e,{className:`rounded-full py-2.5 h-auto px-6.5`,variant:V.size>0?`default`:`outline`,disabled:V.size===0||Z,onClick:we,children:w(Z?`detail.deleting`:`detail.delete`)})]}),b(ce,{isShowCollect:U?.kind===`content`&&N&&D,isCollected:U?.isCollected,open:pe,onOpenChange:P,onShareWeChat:Ee,onShareQQ:De,onShareMoments:Oe,onUncollect:ke}),b(se,{visible:L,mode:`edit`,collectionId:C,initialValues:G?{title:G.title??``,description:G.description??``}:void 0,onClose:()=>R(!1)}),b(g,{open:F,onOpenChange:I,onConfirm:Me,title:w(`detail.deleteCollection`),isConfirming:X})]})}export{k as CollectionDetail};
+'use client';
+
+import { Button } from "../../ui/button.mjs";
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { gCommunityGetCollectionInfo, pCommunityDeleteCollection, pCommunityRemoveContentFromCollection, pInteractionBatchDeleteCollects } from "../../../service/generated/client.mjs";
+import { usePageLifecycle } from "../../../utils/tracking.mjs";
+import { useRouter } from "../../../utils/use-compatible-router.mjs";
+import { Box } from "../../ui/box.mjs";
+import { Checkbox } from "../../ui/checkbox.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../../ui/dropdown-menu.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 } from "../../../hooks/query/use-query.mjs";
+import { CreateCollectionSheet } from "../../common/collection-popup/create-collection-sheet.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 { CollectionDetailCard } from "./_components/collection-detail-card.mjs";
+import { CollectionDetailVideoCard } from "./_components/collection-detail-video-card.mjs";
+import { useMemo, useState } from "react";
+import { MoreVertical } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { useTranslations } from "next-intl";
+
+//#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 detailDuration = item.detail.duration;
+	if (typeof detailDuration === "number" && Number.isFinite(detailDuration) && detailDuration > 0) return Math.floor(detailDuration);
+	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 resolveEpisodeCount(item) {
+	const episodeCount = [
+		item.detail.episode_cnt,
+		item.detail.series_num_total,
+		Array.isArray(item.detail.links) ? item.detail.links.length : void 0
+	].find((value) => typeof value === "number" && Number.isFinite(value) && value > 0);
+	return typeof episodeCount === "number" ? Math.floor(episodeCount) : 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 resolveSeriesContent(item) {
+	if (item.detail.type === 2) return true;
+	if (item.is_more_link || item.detail.info?.is_more_link || item.detail.is_more_link) return true;
+	return resolveEpisodeCount(item) > 1;
+}
+/**
+* 从合集条目中提取卡片数据。
+*/
+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 episodeCount = resolveEpisodeCount(item);
+	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),
+		episodeCount,
+		publishTime: String(detail.create_time ?? detail.update_time ?? ""),
+		is_more_link: resolveSeriesContent(item),
+		authorName: ""
+	};
+}
+function CollectionDetail({ id }) {
+	const t = useTranslations("components.pages.collectionDetail");
+	usePageLifecycle("page_collection_detail", "合集详情");
+	const router = useRouter();
+	const { userId: currentUserId, isLogin } = useUserStore();
+	const { open: openLoginModal } = useLoginModalStore();
+	const invalidateRequest = useDeleteRequest();
+	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 [shareOpen, setShareOpen] = useState(false);
+	const [deleteConfirmOpen, setDeleteConfirmOpen] = useState(false);
+	const [editSheetOpen, setEditSheetOpen] = useState(false);
+	const [isManageMode, setIsManageMode] = useState(false);
+	const [selectedIds, setSelectedIds] = useState(() => /* @__PURE__ */ new Set());
+	const [activeShareTarget, setActiveShareTarget] = useState(null);
+	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 hasOnlyVideoCards = cards.length > 0 && cards.every((card) => card.type === 1);
+	const availableIds = useMemo(() => {
+		return new Set(cards.map((card) => card.id));
+	}, [cards]);
+	const isAllSelected = availableIds.size > 0 && selectedIds.size === availableIds.size;
+	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 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 handleEnterManageMode() {
+		if (!isLogin || !currentUserId) {
+			toast.error(t("detail.pleaseLogin"));
+			openLoginModal();
+			return;
+		}
+		if (!isOwner) {
+			toast.error(t("detail.operationFailed"));
+			return;
+		}
+		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() {
+		setEditSheetOpen(true);
+		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;
+		}
+		setDeleteConfirmOpen(true);
+	}
+	/**
+	* 删除合集。
+	*/
+	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);
+				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: `relative flex min-h-screen flex-col overflow-hidden bg-[var(--color-surface-panel-dark)] ${isManageMode ? "pb-28" : "pb-6"}`,
+		children: [
+			/* @__PURE__ */ jsx(HeaderNav, {
+				className: "!border-none !bg-[var(--color-surface-panel-dark)] !border-transparent",
+				title: collectionData?.title ?? "",
+				centerChild: /* @__PURE__ */ jsx("div", {
+					className: "flex min-w-0 flex-1 items-center justify-center px-12",
+					children: /* @__PURE__ */ jsx("p", {
+						className: "min-w-0 max-w-full truncate text-center text-[18px] leading-[22px] font-medium text-text1",
+						children: collectionData?.title ?? ""
+					})
+				}),
+				onBack: () => router.back(),
+				rightChild: isOwner ? isManageMode ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: handleFinishManageMode,
+					className: "px-2 py-1 text-sm text-text1",
+					children: t("detail.done")
+				}) : /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+					className: "flex h-10 w-10 items-center justify-center text-text1 outline-none",
+					children: /* @__PURE__ */ jsx(MoreVertical, {
+						className: "h-5 w-5",
+						strokeWidth: 2
+					})
+				}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+					align: "end",
+					sideOffset: 6,
+					className: "!w-[180px] rounded-[8px] border-none !border-none !ring-0 shadow-none !shadow-none bg-[#252327] px-0 pb-1 pt-[3px]",
+					children: [
+						/* @__PURE__ */ jsx(DropdownMenuItem, {
+							className: "mx-1 h-8 rounded-[4px] px-[10px] text-[13px] leading-4 text-[#fafafa]",
+							onClick: handleEditCollection,
+							children: t("detail.editCollection")
+						}),
+						/* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "mx-0 my-1 bg-[#343237]" }),
+						/* @__PURE__ */ jsx(DropdownMenuItem, {
+							className: "mx-1 h-8 rounded-[4px] px-[10px] text-[13px] leading-4 text-[#fafafa]",
+							onClick: handleEnterManageMode,
+							children: t("detail.manageCollection")
+						}),
+						/* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "mx-0 my-1 bg-[#343237]" }),
+						/* @__PURE__ */ jsx(DropdownMenuItem, {
+							className: "mx-1 h-8 rounded-[4px] px-[10px] text-[13px] leading-4 text-[#fafafa]",
+							onClick: handleOpenDeleteConfirm,
+							disabled: isDeletePending,
+							children: isDeletePending ? t("detail.deleting") : t("detail.deleteCollection")
+						})
+					]
+				})] }) : void 0
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				className: "relative z-[1] px-4 pb-4",
+				children: /* @__PURE__ */ jsx(Box, {
+					className: "text-text2 text-sm leading-[22px] break-all text-ellipsis line-clamp-1",
+					children: collectionData?.description
+				})
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				className: `relative z-[1] px-4 ${isManageMode ? "pb-20" : ""}`,
+				children: hasOnlyVideoCards ? /* @__PURE__ */ jsx(List, {
+					loading: detailQuery.isLoading,
+					hasMore: false,
+					emptyText: t("detail.emptyContent"),
+					columns: 2,
+					gridGap: 16,
+					className: "!bg-transparent",
+					children: cards.map((card) => /* @__PURE__ */ jsx(CollectionDetailVideoCard, {
+						id: card.id,
+						title: card.title,
+						coverImage: card.coverImage,
+						duration: card.duration,
+						episodeCount: card.episodeCount,
+						viewCount: card.viewCount,
+						is_more_link: card.is_more_link,
+						isEditMode: isManageMode,
+						isSelected: selectedIds.has(card.id),
+						onToggleSelection: handleToggleSelection
+					}, card.id))
+				}) : /* @__PURE__ */ jsx(List, {
+					loading: detailQuery.isLoading,
+					hasMore: false,
+					emptyText: t("detail.emptyContent"),
+					className: "!bg-transparent 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__ */ 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(CreateCollectionSheet, {
+				visible: editSheetOpen,
+				mode: "edit",
+				collectionId: id,
+				initialValues: collectionData ? {
+					title: collectionData.title ?? "",
+					description: collectionData.description ?? ""
+				} : void 0,
+				onClose: () => setEditSheetOpen(false)
+			}),
+			/* @__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 };