@funhub/platform 0.1.60 → 0.1.62

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

@@ -1,2 +1,519 @@
 
-"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{HeaderNav as m}from"../../common/header-nav/client.mjs";import{MoreIcon as h}from"../../common/icons/more.mjs";import{CollectionDetailCard as g}from"./_components/collection-detail-card.mjs";import{useMemo as _,useState as v}from"react";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{toast as x}from"sonner";import{useTranslations as ue}from"next-intl";import{useRouter as S,useSearchParams as de}from"next/navigation";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.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 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;return typeof n==`number`&&Number.isFinite(n)?Math.max(0,Math.floor(n)):0}function fe(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.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:w(e),viewCount:T(e),publishTime:String(t.create_time??t.update_time??``),is_more_link:n?.is_more_link??!1,authorName:``}}function E({id:C}){let w=ue(`components.pages.collectionDetail`),T=S(),E=de(),{userId:D,isLogin:O}=t(),{open:k}=oe(),A=se();ce();let j=d([`collection-detail`,C],()=>n({collection_id:C})),M=j.data?.data?.data?.collection?.user_id,N=!!(M&&D&&String(M)===String(D)),P=d([`user-info`,M],()=>r({target_user_id:M,user_id:M})),[F,I]=v(!1),[L,R]=v(!1),[z,B]=v(!1),[V,H]=v(()=>new Set),[U,W]=v(null),G=j.data?.data?.data?.collection,K=G?.contents,q=_(()=>K?K.map(e=>({content_id:e.content_id,id:Number(e.content_id),detail:e,type:Number(e.source_type??0),medias:e.medias,cover_image:e.cover_image})):[],[K]).map(fe),J=_(()=>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:pe,isPending:me}=u(async e=>await o({collection_id:C,subscribe:e})),{mutateAsync:he,isPending:ge}=u(async e=>await a({collection_id:C,content_id:e})),{mutateAsync:_e,isPending:X}=u(async e=>await i({collection_id:e})),{mutateAsync:ve,isPending:Z}=u(async e=>await s({app_id:0,user_id:D,folder_id:C,content_type:1,content_ids:e})),Q=P.data?.data;Q?.avatar,Q?.nick_name;let ye=N&&G?.is_default===!1;function be(e){W({kind:`content`,id:e.id,type:e.type,title:e.title,isCollected:!0}),I(!0)}function xe(){if(N){R(!0);return}W({kind:`collection`,id:C}),I(!0)}function Se(){if(!O||!D){x.error(w(`detail.pleaseLogin`)),k();return}if(!N){x.error(w(`detail.operationFailed`));return}R(!1),H(new Set),B(!0)}function Ce(){H(new Set),B(!1)}function we(e){H(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}function Te(){if(Y){H(new Set);return}H(new Set(J))}async function Ee(){if(!(V.size===0||Z)){if(!O||!D){x.error(w(`detail.pleaseLogin`)),k();return}try{let e=await ve(Array.from(V));if(e.code===0){x.success(w(`detail.uncollectSuccess`)),A([`collection-detail`,C]),A([`user-profile`,`mine`]),A([`user-profile`,`profile`,M]),H(new Set),B(!1);return}x.error(e.message||w(`detail.uncollectFailed`))}catch(e){console.error(`批量取消收藏失败`,e),x.error(w(`detail.operationFailed`))}}}function De(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=De(U);t&&p.showSharePopup({type:e,data:{id:U.id},copyUrl:t})}function Oe(){$(f.WECHAT)}function ke(){$(f.QQ)}function Ae(){$(f.WECHAT_MOMENTS)}function je(){if(!ge){if(!O||!D){x.error(w(`detail.pleaseLogin`)),k();return}!U||U.kind!==`content`||he(U.id).then(e=>{if(e.code===0){x.success(w(`detail.uncollectSuccess`)),A([`collection-detail`,C]),W(e=>e&&{...e,isCollected:!1});return}x.error(e.message||w(`detail.uncollectFailed`))}).catch(e=>{console.error(`取消收藏失败`,e),x.error(w(`detail.operationFailed`))})}}function Me(){let e=new URLSearchParams(E.toString());e.set(`id`,C),e.set(`type`,`edit`),T.push(`/collection/create?${e.toString()}`),R(!1),I(!1)}async function Ne(){if(!X){if(!O||!D){x.error(w(`detail.pleaseLogin`)),k();return}if(!ye){x.error(w(`detail.defaultCollectionDeleteNotSupported`));return}try{let e=await _e(C);if(e.code===0){x.success(w(`detail.deleteSuccess`)),A([`collection-detail`,C]),A([`user-profile`,`mine`]),A([`user-profile`,`profile`,M]),R(!1),I(!1),T.back();return}x.error(e.message||w(`detail.deleteFailed`))}catch(e){console.error(`删除合集失败`,e),x.error(w(`detail.operationFailed`))}}}return b(c,{className:`flex flex-col bg-bg1 min-h-screen ${z?`pb-28`:`pb-6`}`,children:[y(m,{title:G?.title??``,rightChild:N?z?y(`button`,{type:`button`,onClick:Ce,className:`px-2 py-1 text-sm text-text1`,children:w(`detail.done`)}):y(`button`,{type:`button`,onClick:xe,className:`p-2`,children:y(h,{})}):void 0}),y(c,{className:`px-4 flex items-start gap-4`,children:b(c,{className:`flex-1 flex flex-col gap-2`,children:[y(c,{className:`flex items-center justify-between`,children:y(l,{className:`text-xl text-text1 font-medium line-clamp-2`,children:G?.title??w(`detail.defaultTitle`)})}),y(c,{className:`text-text2 text-sm`,children:G?.description})]})}),y(c,{className:`px-4 ${z?`pb-20`:``}`,children:y(ae,{loading:j.isLoading,hasMore:!1,emptyText:w(`detail.emptyContent`),className:`divide-y divide-text1/5`,children:q.map(e=>y(g,{...e,onOpenShare:be,isEditMode:z,isSelected:V.has(e.id),onToggleSelection:we},e.id))})}),z&&b(c,{style:{paddingBottom:`calc(12px + env(safe-area-inset-bottom, 0px))`},className:`fixed left-0 right-0 bottom-0 z-10 bg-bg1 border-t border-text1/10 px-4 pt-3 flex items-center justify-between`,children:[b(c,{className:`flex items-center gap-2`,children:[y(ee,{checked:Y,onCheckedChange:Te}),y(l,{className:`text-sm text-text1`,children:w(`detail.selectAll`)})]}),y(e,{className:`rounded-full py-2.5 h-auto px-6.5`,variant:V.size>0?`default`:`outline`,disabled:V.size===0||Z,onClick:Ee,children:w(Z?`detail.deleting`:`detail.delete`)})]}),b(te,{open:L,onOpenChange:R,children:[y(ie,{className:`hidden`,children:w(`detail.collectionManageTitle`)}),y(re,{className:`hidden`,children:w(`detail.collectionManageTitle`)}),b(ne,{className:`z-[2000]`,children:[b(c,{className:`px-4 py-5`,children:[y(l,{className:`text-sm text-text1 text-center font-medium`,children:w(`detail.collectionManageTitle`)}),b(c,{className:`mt-4 border-t border-text1/10`,children:[y(`button`,{className:`w-full text-left py-4 border-b border-text1/10`,onClick:Me,children:y(l,{className:`text-text1`,children:w(`detail.editCollection`)})}),y(`button`,{className:`w-full text-left py-4 border-b border-text1/10`,onClick:Se,children:y(l,{className:`text-text1`,children:w(`detail.manageCollection`)})}),y(`button`,{className:`w-full text-left py-4 ${X?`opacity-60 cursor-not-allowed`:``}`,onClick:Ne,disabled:X,children:y(l,{className:`text-destructive`,children:w(X?`detail.deleting`:`detail.deleteCollection`)})})]})]}),y(e,{className:`w-full h-auto py-4 text-lg text-text1`,size:`lg`,onClick:()=>R(!1),variant:`secondary`,children:w(`detail.cancel`)})]})]}),y(le,{isShowCollect:U?.kind===`content`&&N&&O,isCollected:U?.isCollected,open:F,onOpenChange:I,onShareWeChat:Oe,onShareQQ:ke,onShareMoments:Ae,onUncollect:je})]})}export{E 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 { HeaderNav } from "../../common/header-nav/client.mjs";
+import { MoreIcon } from "../../common/icons/more.mjs";
+import { CollectionDetailCard } from "./_components/collection-detail-card.mjs";
+import { 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;
+	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: 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 [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,
+			id: Number(content.content_id),
+			detail: content,
+			type: Number(content.source_type ?? 0),
+			medias: content.medias,
+			cover_image: content.cover_image
+		}));
+	}, [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);
+	}
+	/**
+	* 删除合集。
+	*/
+	async function handleDeleteCollection() {
+		if (isDeletePending) return;
+		if (!isLogin || !currentUserId) {
+			toast.error(t("detail.pleaseLogin"));
+			openLoginModal();
+			return;
+		}
+		if (!canDeleteCollection) {
+			toast.error(t("detail.defaultCollectionDeleteNotSupported"));
+			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
+				]);
+				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",
+						children: /* @__PURE__ */ jsx(Text, {
+							className: "text-xl text-text1 font-medium line-clamp-2",
+							children: collectionData?.title ?? t("detail.defaultTitle")
+						})
+					}), /* @__PURE__ */ jsx(Box, {
+						className: "text-text2 text-sm",
+						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, {
+				style: { paddingBottom: "calc(12px + env(safe-area-inset-bottom, 0px))" },
+				className: "fixed left-0 right-0 bottom-0 z-10 bg-bg1 border-t border-text1/10 px-4 pt-3 flex items-center justify-between",
+				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-sm text-text1 text-center font-medium",
+								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: handleDeleteCollection,
+										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
+			})
+		]
+	});
+}
+
+//#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 };