@funhub/platform 0.2.30 → 0.2.31

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

@@ -1,2 +1,540 @@
 
-"use client";import{useUserStore as e}from"../../../store/modules/user-store.mjs";import{gCommunityGetCollectionInfo as t,pCommunityDeleteCollection as n,pCommunityRemoveContentFromCollection as r,pInteractionBatchDeleteCollects as i}from"../../../service/generated/client.mjs";import{useRouter as a}from"../../../utils/use-compatible-router.mjs";import{Button as o}from"../../ui/button.mjs";import{Box as s}from"../../ui/box.mjs";import{Checkbox as ee}from"../../ui/checkbox.mjs";import{DropdownMenu as te,DropdownMenuContent as ne,DropdownMenuItem as c,DropdownMenuSeparator as l,DropdownMenuTrigger as re}from"../../ui/dropdown-menu.mjs";import{List as u}from"../../ui/list.mjs";import{Text as ie}from"../../ui/text.mjs";import{useLoginModalStore as d}from"../../../store/modules/login-modal-store.mjs";import{useDeleteRequest as ae,useMutation as f,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 p}from"../../../types/share.mjs";import le 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{CollectionDetailCard as de}from"./_components/collection-detail-card.mjs";import{CollectionDetailVideoCard as h}from"./_components/collection-detail-video-card.mjs";import{toast as g}from"sonner";import{useMemo as _,useState as v}from"react";import{MoreVertical as y}from"lucide-react";import{jsx as b,jsxs as x}from"react/jsx-runtime";import{useTranslations as fe}from"next-intl";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 C(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 w(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 T(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 E(e){return e.detail.type===2||e.is_more_link||e.detail.info?.is_more_link||e.detail.is_more_link?!0:w(e)>1}function pe(e){let t=e.detail,n=t.info,r=String(n?.cover_image||t.cover_image||S(e)||``),i=String(n?.text||n?.title||t.title||t.content||``),a=w(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:C(e),viewCount:T(e),episodeCount:a,publishTime:String(t.create_time??t.update_time??``),is_more_link:E(e),authorName:``}}function D({id:S}){let C=fe(`components.pages.collectionDetail`),w=a(),{userId:T,isLogin:E}=e(),{open:D}=d(),O=ae(),k=oe([`collection-detail`,S],()=>t({collection_id:S})),A=k.data?.data?.data?.collection?.user_id,j=!!(A&&T&&String(A)===String(T)),[me,M]=v(!1),[he,N]=v(!1),[P,F]=v(!1),[I,L]=v(!1),[R,z]=v(!1),[B,V]=v(()=>new Set),[H,U]=v(null),W=k.data?.data?.data?.collection,G=W?.contents,K=_(()=>G?G.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})):[],[G]).map(pe),ge=K.length>0&&K.every(e=>e.type===1),q=_(()=>new Set(K.map(e=>e.id)),[K]),J=q.size>0&&B.size===q.size,{mutateAsync:_e,isPending:ve}=f(async e=>await r({collection_id:S,content_id:e})),{mutateAsync:ye,isPending:Y}=f(async e=>await n({collection_id:e})),{mutateAsync:be,isPending:X}=f(async e=>await i({app_id:0,user_id:T,folder_id:S,content_type:1,content_ids:e})),xe=j&&W?.is_default===!1;function Se(e){U({kind:`content`,id:e.id,type:e.type,title:e.title,isCollected:!0}),M(!0)}function Ce(){if(!E||!T){g.error(C(`detail.pleaseLogin`)),D();return}if(!j){g.error(C(`detail.operationFailed`));return}V(new Set),z(!0)}function we(){V(new Set),z(!1)}function Z(e){V(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}function Te(){if(J){V(new Set);return}V(new Set(q))}function Ee(){if(!(B.size===0||X)){if(!E||!T){g.error(C(`detail.pleaseLogin`)),D();return}F(!0)}}async function De(){if(!(B.size===0||X)){if(!E||!T){g.error(C(`detail.pleaseLogin`)),D(),F(!1);return}try{let e=await be(Array.from(B));if(e.code===0){g.success(C(`detail.uncollectSuccess`)),O([`collection-detail`,S]),O([`user-profile`,`mine`]),O([`user-profile`,`profile`,A]),V(new Set),z(!1),F(!1);return}g.error(e.message||C(`detail.uncollectFailed`))}catch(e){console.error(`批量取消收藏失败`,e),g.error(C(`detail.operationFailed`))}}}function Oe(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 Q(e){if(!H)return;let t=Oe(H);t&&le.showSharePopup({type:e,data:{id:H.id},copyUrl:t})}function ke(){Q(p.WECHAT)}function Ae(){Q(p.QQ)}function $(){Q(p.WECHAT_MOMENTS)}function je(){if(!ve){if(!E||!T){g.error(C(`detail.pleaseLogin`)),D();return}!H||H.kind!==`content`||_e(H.id).then(e=>{if(e.code===0){g.success(C(`detail.uncollectSuccess`)),O([`collection-detail`,S]),U(e=>e&&{...e,isCollected:!1});return}g.error(e.message||C(`detail.uncollectFailed`))}).catch(e=>{console.error(`取消收藏失败`,e),g.error(C(`detail.operationFailed`))})}}function Me(){L(!0),M(!1)}function Ne(){if(!Y){if(!E||!T){g.error(C(`detail.pleaseLogin`)),D();return}if(!xe){g.error(C(`detail.defaultCollectionDeleteNotSupported`));return}N(!0)}}async function Pe(){if(!Y)try{let e=await ye(S);if(e.code===0){g.success(C(`detail.deleteSuccess`)),O([`collection-detail`,S]),O([`user-profile`,`mine`]),O([`user-profile`,`profile`,A]),N(!1),M(!1),w.back();return}g.error(e.message||C(`detail.deleteFailed`))}catch(e){console.error(`删除合集失败`,e),g.error(C(`detail.operationFailed`))}}return x(s,{className:`relative flex min-h-screen flex-col overflow-hidden bg-[var(--color-surface-panel-dark)] ${R?`pb-28`:`pb-6`}`,children:[b(ue,{className:`!border-none !bg-[var(--color-surface-panel-dark)] !border-transparent`,title:W?.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:W?.title??``})}),onBack:()=>w.back(),rightChild:j?R?b(`button`,{type:`button`,onClick:we,className:`px-2 py-1 text-sm text-text1`,children:C(`detail.done`)}):x(te,{children:[b(re,{className:`flex h-10 w-10 items-center justify-center text-text1 outline-none`,children:b(y,{className:`h-5 w-5`,strokeWidth:2})}),x(ne,{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(c,{className:`mx-1 h-8 rounded-[4px] px-[10px] text-[13px] leading-4 text-[#fafafa]`,onClick:Me,children:C(`detail.editCollection`)}),b(l,{className:`mx-0 my-1 bg-[#343237]`}),b(c,{className:`mx-1 h-8 rounded-[4px] px-[10px] text-[13px] leading-4 text-[#fafafa]`,onClick:Ce,children:C(`detail.manageCollection`)}),b(l,{className:`mx-0 my-1 bg-[#343237]`}),b(c,{className:`mx-1 h-8 rounded-[4px] px-[10px] text-[13px] leading-4 text-[#fafafa]`,onClick:Ne,disabled:Y,children:C(Y?`detail.deleting`:`detail.deleteCollection`)})]})]}):void 0}),b(s,{className:`relative z-[1] px-4 pb-4`,children:b(s,{className:`text-text2 text-sm leading-[22px] break-all text-ellipsis line-clamp-1`,children:W?.description})}),b(s,{className:`relative z-[1] px-4 ${R?`pb-20`:``}`,children:ge?b(u,{loading:k.isLoading,hasMore:!1,emptyText:C(`detail.emptyContent`),columns:2,gridGap:16,className:`!bg-transparent`,children:K.map(e=>b(h,{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:R,isSelected:B.has(e.id),onToggleSelection:Z},e.id))}):b(u,{loading:k.isLoading,hasMore:!1,emptyText:C(`detail.emptyContent`),className:`!bg-transparent divide-y divide-text1/5`,children:K.map(e=>b(de,{...e,onOpenShare:Se,isEditMode:R,isSelected:B.has(e.id),onToggleSelection:Z},e.id))})}),R&&x(s,{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(s,{className:`flex items-center gap-2`,children:[b(ee,{checked:J,onCheckedChange:Te}),b(ie,{className:`text-sm text-text1`,children:C(`detail.selectAll`)})]}),b(o,{className:`rounded-full py-2.5 h-auto px-6.5`,variant:B.size>0?`default`:`outline`,disabled:B.size===0||X,onClick:Ee,children:C(X?`detail.deleting`:`detail.delete`)})]}),b(ce,{isShowCollect:H?.kind===`content`&&j&&E,isCollected:H?.isCollected,open:me,onOpenChange:M,onShareWeChat:ke,onShareQQ:Ae,onShareMoments:$,onUncollect:je}),b(se,{visible:I,mode:`edit`,collectionId:S,initialValues:W?{title:W.title??``,description:W.description??``}:void 0,onClose:()=>L(!1)}),b(m,{open:he,onOpenChange:N,onConfirm:Pe,title:C(`detail.deleteCollection`),isConfirming:Y}),b(m,{open:P,onOpenChange:F,onConfirm:()=>void De(),title:C(`detail.batchRemoveVideosConfirmTitle`),description:``,isConfirming:X})]})}export{D as CollectionDetail};
+'use client';
+
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { gCommunityGetCollectionInfo, pCommunityDeleteCollection, pCommunityRemoveContentFromCollection, pInteractionBatchDeleteCollects } from "../../../service/generated/client.mjs";
+import { useRouter } from "../../../utils/use-compatible-router.mjs";
+import { Button } from "../../ui/button.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 { toast } from "sonner";
+import { useMemo, useState } from "react";
+import { MoreVertical } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+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");
+	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 [batchRemoveConfirmOpen, setBatchRemoveConfirmOpen] = 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));
+	}
+	/**
+	* 打开批量移出收藏夹的二次确认弹窗。
+	*/
+	function handleOpenBatchRemoveConfirm() {
+		if (selectedIds.size === 0 || isBatchDeletePending) return;
+		if (!isLogin || !currentUserId) {
+			toast.error(t("detail.pleaseLogin"));
+			openLoginModal();
+			return;
+		}
+		setBatchRemoveConfirmOpen(true);
+	}
+	/**
+	* 确认后批量从收藏夹移出（与删除收藏夹弹窗同一套 DeleteConfirmDialog）。
+	*/
+	async function handleConfirmBatchRemoveFromCollection() {
+		if (selectedIds.size === 0 || isBatchDeletePending) return;
+		if (!isLogin || !currentUserId) {
+			toast.error(t("detail.pleaseLogin"));
+			openLoginModal();
+			setBatchRemoveConfirmOpen(false);
+			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);
+				setBatchRemoveConfirmOpen(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: handleOpenBatchRemoveConfirm,
+					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
+			}),
+			/* @__PURE__ */ jsx(DeleteConfirmDialog, {
+				open: batchRemoveConfirmOpen,
+				onOpenChange: setBatchRemoveConfirmOpen,
+				onConfirm: () => void handleConfirmBatchRemoveFromCollection(),
+				title: t("detail.batchRemoveVideosConfirmTitle"),
+				description: "",
+				isConfirming: isBatchDeletePending
+			})
+		]
+	});
+}
+
+//#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 };