@funhub/platform 0.2.29 → 0.2.31

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

@@ -1,2 +1,165 @@
 
-"use client";import{useUserStore as e}from"../../../store/modules/user-store.mjs";import{gCommunityGetContentList as t,pCommunityAddContentToCollection as n}from"../../../service/generated/client.mjs";import{Button as r}from"../../ui/button.mjs";import{Box as i}from"../../ui/box.mjs";import{useDeleteRequest as a,useMutation as o,usePaginated as s}from"../../../hooks/query/use-query.mjs";import{HeaderNav as c}from"../../common/header-nav/client.mjs";import{UserActivityList as l}from"../../common/list/user-activity-list/user-activity-list.mjs";import{toast as u}from"sonner";import{useRouter as d}from"next/navigation";import{useMemo as f,useState as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{useTranslations as g}from"next-intl";function _(e){return{type:e.type,content_id:e.content_id||``,author:{nick_name:e.author?.nickname||``,nickname:e.author?.nickname||``,avatar:e.author?.avatar_url||``},content:e.content||``,medias:e.medias||[],like_count:e.like_count||0,is_liked:e.interaction?.is_liked||!1,dislike_count:e.dislike_count||0,is_dislike:e.interaction?.is_dislike||!1,comment_count:e.comment_count||0}}function v({id:v}){let{userId:y}=e(),b=v,[x,S]=p(()=>new Set),C=a(),{mutateAsync:w,isPending:T}=o(async e=>await n({collection_id:b,content_id:e})),{data:E,isFetching:D,fetchNextPage:O,hasNextPage:k}=s({key:[`collection-add`,b,y],initialPageParam:1,async queryFn(e){if(!y)return{data:{list:[],total:0}};let n=await t({user_id:y,page:e,collection_id:b,page_size:10}),r=n.data?.data?.contents??[];return{data:{list:r,total:n.data?.data?.total??r.length,has_more:n.data?.data?.has_more?!0:void 0}}},getNextPageParam(e,t){let n=e?.data||{},r=n.list||[];if(typeof n.has_more==`boolean`)return n.has_more?t.length+1:void 0;if(!(r.length===0||n.total===0))return t.length+1}}),A=g(`components.pages.collectionAdd`),j=f(()=>E?.pages.flatMap(e=>((e?.data).list||[]).map(e=>_(e)))??[],[E]);function M(e){T||S(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}async function N(){if(T)return;if(!b){u.error(A(`page.collectionNotFound`));return}if(!y){u.error(A(`page.userNotFound`));return}let e=Array.from(x);if(e.length===0){u.error(A(`page.selectPostFirst`));return}let t=u.loading(A(`page.submitting`));try{await Promise.all(e.map(e=>w(e))),u.success(A(`page.submitSuccess`),{id:t}),S(new Set),C([`collection-add`,b,y]),C([`collection-detail`,b])}catch(e){console.error(`添加合集失败`,e),u.error(A(`page.submitFailed`),{id:t})}}let P=d(),F=x.size;return h(i,{className:`bg-bg2 !min-h-screen`,children:[m(c,{onBack:()=>P.back(),className:`!bg-bg2`,title:A(`page.title`),rightChild:h(r,{onClick:N,disabled:T||F===0,children:[A(`page.done`),`（`,F,`）`]})}),m(l,{list:j,loading:D,hasMore:k,loadMore:async()=>{O()},emptyText:A(`page.emptyPublish`),showGroupHeaders:!1,isEditMode:!0,selectedIds:x,onToggleSelection:M})]})}export{v as CollectionAddPage};
+'use client';
+
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { gCommunityGetContentList, pCommunityAddContentToCollection } from "../../../service/generated/client.mjs";
+import { Button } from "../../ui/button.mjs";
+import { Box } from "../../ui/box.mjs";
+import { useDeleteRequest, useMutation, usePaginated } from "../../../hooks/query/use-query.mjs";
+import { HeaderNav } from "../../common/header-nav/client.mjs";
+import { UserActivityList } from "../../common/list/user-activity-list/user-activity-list.mjs";
+import { toast } from "sonner";
+import { useRouter } from "next/navigation";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/collection-add/page.tsx
+const defaultPageSize = 10;
+/**
+* 将 API 数据转换为 UserActivityListItemProps。
+*/
+function transformToPostItem(item) {
+	return {
+		type: item.type,
+		content_id: item.content_id || "",
+		author: {
+			nick_name: item.author?.nickname || "",
+			nickname: item.author?.nickname || "",
+			avatar: item.author?.avatar_url || ""
+		},
+		content: item.content || "",
+		medias: item.medias || [],
+		like_count: item.like_count || 0,
+		is_liked: item.interaction?.is_liked || false,
+		dislike_count: item.dislike_count || 0,
+		is_dislike: item.interaction?.is_dislike || false,
+		comment_count: item.comment_count || 0
+	};
+}
+function CollectionAddPage({ id }) {
+	const { userId } = useUserStore();
+	const collectionId = id;
+	const [selectedIds, setSelectedIds] = useState(() => /* @__PURE__ */ new Set());
+	const invalidateRequest = useDeleteRequest();
+	const { mutateAsync: addContentToCollection, isPending: isSubmitting } = useMutation(async (contentId) => {
+		return await pCommunityAddContentToCollection({
+			collection_id: collectionId,
+			content_id: contentId
+		});
+	});
+	const { data, isFetching, fetchNextPage, hasNextPage } = usePaginated({
+		key: [
+			"collection-add",
+			collectionId,
+			userId
+		],
+		initialPageParam: 1,
+		async queryFn(pageParam) {
+			if (!userId) return { data: {
+				list: [],
+				total: 0
+			} };
+			const response = await gCommunityGetContentList({
+				user_id: userId,
+				page: pageParam,
+				collection_id: collectionId,
+				page_size: defaultPageSize
+			});
+			const contents = response.data?.data?.contents ?? [];
+			return { data: {
+				list: contents,
+				total: response.data?.data?.total ?? contents.length,
+				has_more: response.data?.data?.has_more ? true : void 0
+			} };
+		},
+		getNextPageParam(lastPage, allPages) {
+			const lastData = lastPage?.data || {};
+			const list = lastData.list || [];
+			if (typeof lastData.has_more === "boolean") return lastData.has_more ? allPages.length + 1 : void 0;
+			if (list.length === 0 || lastData.total === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	const t = useTranslations("components.pages.collectionAdd");
+	const list = useMemo(() => {
+		return data?.pages.flatMap((page) => {
+			return ((page?.data).list || []).map((item) => transformToPostItem(item));
+		}) ?? [];
+	}, [data]);
+	function handleToggleSelection(id) {
+		if (isSubmitting) return;
+		setSelectedIds((prev) => {
+			const next = new Set(prev);
+			if (next.has(id)) next.delete(id);
+			else next.add(id);
+			return next;
+		});
+	}
+	async function handleSubmit() {
+		if (isSubmitting) return;
+		if (!collectionId) {
+			toast.error(t("page.collectionNotFound"));
+			return;
+		}
+		if (!userId) {
+			toast.error(t("page.userNotFound"));
+			return;
+		}
+		const contentIds = Array.from(selectedIds);
+		if (contentIds.length === 0) {
+			toast.error(t("page.selectPostFirst"));
+			return;
+		}
+		const loadingId = toast.loading(t("page.submitting"));
+		try {
+			await Promise.all(contentIds.map((contentId) => addContentToCollection(contentId)));
+			toast.success(t("page.submitSuccess"), { id: loadingId });
+			setSelectedIds(/* @__PURE__ */ new Set());
+			invalidateRequest([
+				"collection-add",
+				collectionId,
+				userId
+			]);
+			invalidateRequest(["collection-detail", collectionId]);
+		} catch (error) {
+			console.error("添加合集失败", error);
+			toast.error(t("page.submitFailed"), { id: loadingId });
+		}
+	}
+	const router = useRouter();
+	const selectedCount = selectedIds.size;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "bg-bg2 !min-h-screen",
+		children: [/* @__PURE__ */ jsx(HeaderNav, {
+			onBack: () => router.back(),
+			className: "!bg-bg2",
+			title: t("page.title"),
+			rightChild: /* @__PURE__ */ jsxs(Button, {
+				onClick: handleSubmit,
+				disabled: isSubmitting || selectedCount === 0,
+				children: [
+					t("page.done"),
+					"（",
+					selectedCount,
+					"）"
+				]
+			})
+		}), /* @__PURE__ */ jsx(UserActivityList, {
+			list,
+			loading: isFetching,
+			hasMore: hasNextPage,
+			loadMore: async () => {
+				fetchNextPage();
+			},
+			emptyText: t("page.emptyPublish"),
+			showGroupHeaders: false,
+			isEditMode: true,
+			selectedIds,
+			onToggleSelection: handleToggleSelection
+		})]
+	});
+}
+
+//#endregion
+export { CollectionAddPage };

package/dist/components/pages/collection-create/form.mjs

@@ -1,2 +1,165 @@
 
-"use client";import{useUserStore as e}from"../../../store/modules/user-store.mjs";import{gCommunityGetCollectionInfo as t,pCommunityCreateCollection as n,pCommunityUpdateCollection as r}from"../../../service/generated/client.mjs";import{useRouter as i}from"../../../utils/use-compatible-router.mjs";import{Button as a}from"../../ui/button.mjs";import{Box as o}from"../../ui/box.mjs";import{InputGroup as s,InputGroupAddon as c,InputGroupTextarea as l}from"../../ui/input-group.mjs";import{Field as u,FieldLabel as d}from"../../ui/field.mjs";import{useDeleteRequest as f,useRequest as p}from"../../../hooks/query/use-query.mjs";import{HeaderNav as m}from"../../common/header-nav/client.mjs";import{toast as h}from"sonner";import{useEffect as g,useRef as _,useState as v}from"react";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{useTranslations as x}from"next-intl";function S({mode:S=`create`,collectionId:C}){let w=x(`components.pages.collectionCreate`),T=i(),{userId:E}=e(),D=f();_(null);let O=S===`edit`&&!!C,k=_(!1),[A,j]=v(!1),[M,N]=v(!1),[P,F]=v(``),[I,L]=v({title:``,description:``}),R=p([`collection-detail`,C],()=>t({collection_id:C}),{enabled:!!(O&&C)}).data?.data?.data?.collection;g(()=>{!O||k.current||!R||(L({title:R.title??``,description:R.description??``}),F(R.cover_image??``),k.current=!0)},[R,O]);function z(e,t){L(n=>({...n,[e]:t}))}async function B(){if(A)return;let e=I.title.trim(),t=I.description.trim();if(!e){h.error(w(`form.titleRequired`));return}if(O&&!C){h.error(w(`form.collectionNotFound`));return}try{j(!0);let i=h.loading(w(O?`form.saving`:`form.creating`)),a=O?await r({collection_id:C,title:e,description:t,cover_image:P}):await n({title:e,description:t,cover_image:P});if(a.code===0){h.success(w(O?`form.saveSuccess`:`form.createSuccess`),{id:i}),E&&D([`user-profile`,`mine`,E,`user-collection-created`,E]),O&&C&&D([`collection-detail`,C]),T.back();return}h.error(a.message||w(O?`form.saveFailed`:`form.createFailed`),{id:i})}catch(e){console.error(O?`编辑合集失败`:`创建合集失败`,e),h.error(w(O?`form.saveFailed`:`form.createFailed`))}finally{j(!1)}}return b(o,{className:`min-h-screen !bg-bg2`,children:[y(m,{title:w(O?`form.editTitle`:`form.createTitle`),onBack:()=>T.back(),className:`!bg-bg2`,rightChild:y(a,{onClick:B,disabled:A||M,children:w(A?O?`form.saving`:`form.creating`:O?`form.save`:`form.create`)})}),b(o,{className:`pb-3`,children:[b(u,{className:`!bg-bg2 px-3 border-none`,children:[y(d,{required:!0,children:w(`form.label`)}),b(s,{children:[y(l,{className:`!bg-bg1 p-2.5`,maxLength:50,placeholder:w(`form.titlePlaceholder`),value:I.title,onChange:e=>z(`title`,e.target.value)}),y(c,{className:`!bg-bg1`,align:`block-end`,children:y(`div`,{className:`text-right w-full`,children:b(`span`,{className:`text-xs`,children:[I.title.length,`/50`]})})})]})]}),b(u,{className:`border-none px-3 bg-bg2! `,children:[y(d,{children:w(`form.descriptionLabel`)}),b(s,{children:[y(l,{className:`!bg-bg1 p-2.5`,maxLength:100,placeholder:w(`form.descriptionPlaceholder`),value:I.description,onChange:e=>z(`description`,e.target.value)}),y(c,{className:`!bg-bg1`,align:`block-end`,children:y(`div`,{className:`text-right w-full`,children:b(`span`,{className:`text-xs`,children:[I.description.length,`/100`]})})})]})]})]})]})}export{S as CollectionCreateForm};
+'use client';
+
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { gCommunityGetCollectionInfo, pCommunityCreateCollection, pCommunityUpdateCollection } 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 { InputGroup, InputGroupAddon, InputGroupTextarea } from "../../ui/input-group.mjs";
+import { Field, FieldLabel } from "../../ui/field.mjs";
+import { useDeleteRequest, useRequest } from "../../../hooks/query/use-query.mjs";
+import { HeaderNav } from "../../common/header-nav/client.mjs";
+import { toast } from "sonner";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/collection-create/form.tsx
+/**
+* 创建/编辑合集表单。
+*/
+function CollectionCreateForm({ mode = "create", collectionId }) {
+	const t = useTranslations("components.pages.collectionCreate");
+	const router = useRouter();
+	const { userId } = useUserStore();
+	const invalidateRequest = useDeleteRequest();
+	useRef(null);
+	const isEdit = mode === "edit" && Boolean(collectionId);
+	const hasInitRef = useRef(false);
+	const [isSubmitting, setIsSubmitting] = useState(false);
+	const [isUploadingCover, setIsUploadingCover] = useState(false);
+	const [coverUrl, setCoverUrl] = useState("");
+	const [form, setForm] = useState({
+		title: "",
+		description: ""
+	});
+	const collectionData = useRequest(["collection-detail", collectionId], () => gCommunityGetCollectionInfo({ collection_id: collectionId }), { enabled: Boolean(isEdit && collectionId) }).data?.data?.data?.collection;
+	useEffect(() => {
+		if (!isEdit || hasInitRef.current || !collectionData) return;
+		setForm({
+			title: collectionData.title ?? "",
+			description: collectionData.description ?? ""
+		});
+		setCoverUrl(collectionData.cover_image ?? "");
+		hasInitRef.current = true;
+	}, [collectionData, isEdit]);
+	/**
+	* 更新表单字段。
+	*/
+	function handleUpdateFormField(key, value) {
+		setForm((prev) => ({
+			...prev,
+			[key]: value
+		}));
+	}
+	/**
+	* 提交创建/编辑合集。
+	*/
+	async function handleSubmit() {
+		if (isSubmitting) return;
+		const title = form.title.trim();
+		const description = form.description.trim();
+		if (!title) {
+			toast.error(t("form.titleRequired"));
+			return;
+		}
+		if (isEdit && !collectionId) {
+			toast.error(t("form.collectionNotFound"));
+			return;
+		}
+		try {
+			setIsSubmitting(true);
+			const loadingId = toast.loading(isEdit ? t("form.saving") : t("form.creating"));
+			const response = isEdit ? await pCommunityUpdateCollection({
+				collection_id: collectionId,
+				title,
+				description,
+				cover_image: coverUrl
+			}) : await pCommunityCreateCollection({
+				title,
+				description,
+				cover_image: coverUrl
+			});
+			if (response.code === 0) {
+				toast.success(isEdit ? t("form.saveSuccess") : t("form.createSuccess"), { id: loadingId });
+				if (userId) invalidateRequest([
+					"user-profile",
+					"mine",
+					userId,
+					"user-collection-created",
+					userId
+				]);
+				if (isEdit && collectionId) invalidateRequest(["collection-detail", collectionId]);
+				router.back();
+				return;
+			}
+			toast.error(response.message || (isEdit ? t("form.saveFailed") : t("form.createFailed")), { id: loadingId });
+		} catch (error) {
+			console.error(isEdit ? "编辑合集失败" : "创建合集失败", error);
+			toast.error(isEdit ? t("form.saveFailed") : t("form.createFailed"));
+		} finally {
+			setIsSubmitting(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "min-h-screen !bg-bg2",
+		children: [/* @__PURE__ */ jsx(HeaderNav, {
+			title: isEdit ? t("form.editTitle") : t("form.createTitle"),
+			onBack: () => router.back(),
+			className: "!bg-bg2",
+			rightChild: /* @__PURE__ */ jsx(Button, {
+				onClick: handleSubmit,
+				disabled: isSubmitting || isUploadingCover,
+				children: isSubmitting ? isEdit ? t("form.saving") : t("form.creating") : isEdit ? t("form.save") : t("form.create")
+			})
+		}), /* @__PURE__ */ jsxs(Box, {
+			className: "pb-3",
+			children: [/* @__PURE__ */ jsxs(Field, {
+				className: "!bg-bg2 px-3 border-none",
+				children: [/* @__PURE__ */ jsx(FieldLabel, {
+					required: true,
+					children: t("form.label")
+				}), /* @__PURE__ */ jsxs(InputGroup, { children: [/* @__PURE__ */ jsx(InputGroupTextarea, {
+					className: "!bg-bg1 p-2.5",
+					maxLength: 50,
+					placeholder: t("form.titlePlaceholder"),
+					value: form.title,
+					onChange: (e) => handleUpdateFormField("title", e.target.value)
+				}), /* @__PURE__ */ jsx(InputGroupAddon, {
+					className: "!bg-bg1",
+					align: "block-end",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "text-right w-full",
+						children: /* @__PURE__ */ jsxs("span", {
+							className: "text-xs",
+							children: [form.title.length, "/50"]
+						})
+					})
+				})] })]
+			}), /* @__PURE__ */ jsxs(Field, {
+				className: "border-none px-3 bg-bg2! ",
+				children: [/* @__PURE__ */ jsx(FieldLabel, { children: t("form.descriptionLabel") }), /* @__PURE__ */ jsxs(InputGroup, { children: [/* @__PURE__ */ jsx(InputGroupTextarea, {
+					className: "!bg-bg1 p-2.5",
+					maxLength: 100,
+					placeholder: t("form.descriptionPlaceholder"),
+					value: form.description,
+					onChange: (e) => handleUpdateFormField("description", e.target.value)
+				}), /* @__PURE__ */ jsx(InputGroupAddon, {
+					className: "!bg-bg1",
+					align: "block-end",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "text-right w-full",
+						children: /* @__PURE__ */ jsxs("span", {
+							className: "text-xs",
+							children: [form.description.length, "/100"]
+						})
+					})
+				})] })]
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { CollectionCreateForm };

package/dist/components/pages/collection-create/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`)).CollectionCreatePage,{loading:e});export{n as CollectionCreatePage};
+import { PageSkeleton } from "../../common/page-skeleton/page-skeleton.mjs";
+import dynamic from "next/dynamic";
+
+//#region components/pages/collection-create/index.ts
+const CollectionCreatePage = dynamic(async () => {
+	return (await import("./page.mjs")).CollectionCreatePage;
+}, { loading: PageSkeleton });
+
+//#endregion
+export { CollectionCreatePage };

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

@@ -1,2 +1,29 @@
 
-import{gCommunityGetCollectionInfo as e}from"../../../service/generated/client.mjs";import{HydrationBoundary as t}from"../../../hooks/query/hydration-boundary.mjs";import{CollectionCreateForm as n}from"./form.mjs";import{jsx as r}from"react/jsx-runtime";import{cookies as i}from"next/headers";async function a({id:a,type:o}){let s=a;if(!(o===`edit`&&s)||!s)return r(n,{});let c=(await i()).get(`token`)?.value||``,l=await e({collection_id:s},c?{headers:{Authorization:`Bearer ${c}`}}:void 0);return r(t,{prefetch:[{queryKey:[`collection-detail`,s],async queryFn(){return l}}],children:r(n,{mode:`edit`,collectionId:s})})}export{a as CollectionCreatePage};
+import { gCommunityGetCollectionInfo } from "../../../service/generated/client.mjs";
+import { HydrationBoundary } from "../../../hooks/query/hydration-boundary.mjs";
+import { CollectionCreateForm } from "./form.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cookies } from "next/headers";
+
+//#region components/pages/collection-create/page.tsx
+async function CollectionCreatePage({ id, type }) {
+	const collectionId = id;
+	if (!(type === "edit" && Boolean(collectionId)) || !collectionId) return /* @__PURE__ */ jsx(CollectionCreateForm, {});
+	const token = (await cookies()).get("token")?.value || "";
+	const collectionDetail = await gCommunityGetCollectionInfo({ collection_id: collectionId }, token ? { headers: { Authorization: `Bearer ${token}` } } : void 0);
+	return /* @__PURE__ */ jsx(HydrationBoundary, {
+		prefetch: [{
+			queryKey: ["collection-detail", collectionId],
+			async queryFn() {
+				return collectionDetail;
+			}
+		}],
+		children: /* @__PURE__ */ jsx(CollectionCreateForm, {
+			mode: "edit",
+			collectionId
+		})
+	});
+}
+
+//#endregion
+export { CollectionCreatePage };

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

@@ -1,2 +1,184 @@
 
-"use client";import{Image as e}from"../../../ui/image.mjs";import{Box as t}from"../../../ui/box.mjs";import{Checkbox as n}from"../../../ui/checkbox.mjs";import{Text as r}from"../../../ui/text.mjs";import{VideoListItem as i}from"../../../common/list/video-list/video-list-item.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{useTranslations as s}from"next-intl";import c from"next/link";const l=[];function u(e){return Number.isFinite(e)?e.toFixed(1):`--`}function d(e){return e===1}function f(f){let{title:p,coverImage:m,score:h=0,isMovie:g=!1,collectedAt:_,tags:v=l,id:y,type:b,duration:x=0,authorName:S=``,viewCount:C=0,publishTime:w,is_more_link:T=!1,seriesNum:E,isEditMode:D=!1,isSelected:O=!1,onToggleSelection:k}=f,A=s(`components.pages.collectionDetail`);function j(){k?.(y)}function M(e){e.target===e.currentTarget&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),j())}function N(e){e.stopPropagation(),j()}return d(b)?D?a(t,{role:`button`,tabIndex:0,className:`w-full text-left`,onClick:j,onKeyDown:M,children:o(t,{className:`flex items-start gap-2`,children:[a(`button`,{type:`button`,className:`-m-2 p-2 shrink-0 self-center`,onClick:N,children:a(n,{checked:O,className:`pointer-events-none`})}),a(t,{className:`flex-1 min-w-0`,children:a(i,{id:y,title:p,coverImage:m,duration:x,authorName:S,viewCount:C,publishTime:w??_??``,is_more_link:T,seriesNum:E,showVideoProgress:!1})})]})}):a(c,{className:`block`,href:`/video/${y}/${p}`,children:a(i,{id:y,title:p,coverImage:m,duration:x,authorName:S,viewCount:C,publishTime:w??_??``,is_more_link:T,seriesNum:E,showVideoProgress:!1})}):D?a(t,{role:`button`,tabIndex:0,className:`w-full text-left`,onClick:j,onKeyDown:M,children:o(t,{className:`flex items-start gap-2 py-1.5`,children:[a(`button`,{type:`button`,className:`-m-2 p-2 shrink-0 self-center`,onClick:N,children:a(n,{checked:O,className:`pointer-events-none`})}),o(t,{className:`flex-1 min-w-0 flex items-start gap-3`,children:[a(t,{className:`relative w-32 h-20 shrink-0 rounded-lg overflow-hidden bg-gray-100`,children:a(e,{src:m||`/empty/default-cover.png`,alt:p||A(`detail.coverAlt`),fill:!0,className:`object-cover`})}),o(t,{className:`flex-1 min-w-0 flex flex-col gap-1.5`,children:[o(t,{className:`flex justify-between `,children:[a(r,{className:`text-base font-bold  text-text1 line-clamp-1`,dangerouslySetInnerHTML:{__html:p}}),g&&a(r,{className:`text-xl font-bold text-[#ff9f1a]`,children:u(h)})]}),a(t,{className:`flex flex-wrap gap-1`,children:v.map(e=>a(t,{className:`px-2 py-0.5 rounded-full  scale-90 text-sm text-[rgb(226,76,37)] bg-[rgba(226,76,37,.3)] `,children:e},e))})]})]})]})}):a(t,{className:`pt-2`,children:o(c,{className:`flex items-start gap-3 py-3`,href:b===1?`/video/${y}/${p}`:`/post/${y}`,children:[a(t,{className:`relative w-32 h-20 shrink-0 rounded-lg overflow-hidden bg-gray-100`,children:a(e,{src:m||`/empty/default-cover.png`,alt:p||A(`detail.coverAlt`),fill:!0,className:`object-cover`})}),o(t,{className:`flex-1 min-w-0 flex flex-col gap-1.5`,children:[o(t,{className:`flex justify-between `,children:[a(r,{className:`text-base font-bold  text-text1 line-clamp-1`,dangerouslySetInnerHTML:{__html:p}}),g&&a(r,{className:`text-xl font-bold text-[#ff9f1a]`,children:u(h)})]}),a(t,{className:`flex flex-wrap gap-1`,children:v.map(e=>a(t,{className:`px-2 py-0.5 rounded-full  scale-90 text-sm text-[rgb(226,76,37)] bg-[rgba(226,76,37,.3)] `,children:e},e))})]})]})})}export{f as CollectionDetailCard};
+'use client';
+
+import { Image } from "../../../ui/image.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Checkbox } from "../../../ui/checkbox.mjs";
+import { Text } from "../../../ui/text.mjs";
+import { VideoListItem } from "../../../common/list/video-list/video-list-item.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import Link from "next/link";
+
+//#region components/pages/collection-detail/_components/collection-detail-card.tsx
+const EMPTY_TAGS = [];
+/**
+* 格式化评分显示。
+*/
+function formatScore(score) {
+	if (!Number.isFinite(score)) return "--";
+	return score.toFixed(1);
+}
+/**
+* 判断当前内容是否为视频。
+*/
+function isVideoContent(type) {
+	return type === 1;
+}
+/**
+* 合集详情列表的卡片。
+*/
+function CollectionDetailCard(props) {
+	const { title, coverImage, score = 0, isMovie = false, collectedAt, tags = EMPTY_TAGS, id, type, duration = 0, authorName = "", viewCount = 0, publishTime, is_more_link = false, seriesNum, isEditMode = false, isSelected = false, onToggleSelection } = props;
+	const t = useTranslations("components.pages.collectionDetail");
+	function handleToggleSelection() {
+		onToggleSelection?.(id);
+	}
+	function handleSelectionKeyDown(event) {
+		if (event.target !== event.currentTarget) return;
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			handleToggleSelection();
+		}
+	}
+	function handleCheckboxAreaClick(event) {
+		event.stopPropagation();
+		handleToggleSelection();
+	}
+	if (isVideoContent(type)) {
+		if (isEditMode) return /* @__PURE__ */ jsx(Box, {
+			role: "button",
+			tabIndex: 0,
+			className: "w-full text-left",
+			onClick: handleToggleSelection,
+			onKeyDown: handleSelectionKeyDown,
+			children: /* @__PURE__ */ jsxs(Box, {
+				className: "flex items-start gap-2",
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "-m-2 p-2 shrink-0 self-center",
+					onClick: handleCheckboxAreaClick,
+					children: /* @__PURE__ */ jsx(Checkbox, {
+						checked: isSelected,
+						className: "pointer-events-none"
+					})
+				}), /* @__PURE__ */ jsx(Box, {
+					className: "flex-1 min-w-0",
+					children: /* @__PURE__ */ jsx(VideoListItem, {
+						id,
+						title,
+						coverImage,
+						duration,
+						authorName,
+						viewCount,
+						publishTime: publishTime ?? collectedAt ?? "",
+						is_more_link,
+						seriesNum,
+						showVideoProgress: false
+					})
+				})]
+			})
+		});
+		return /* @__PURE__ */ jsx(Link, {
+			className: "block",
+			href: `/video/${id}/${title}`,
+			children: /* @__PURE__ */ jsx(VideoListItem, {
+				id,
+				title,
+				coverImage,
+				duration,
+				authorName,
+				viewCount,
+				publishTime: publishTime ?? collectedAt ?? "",
+				is_more_link,
+				seriesNum,
+				showVideoProgress: false
+			})
+		});
+	}
+	if (isEditMode) return /* @__PURE__ */ jsx(Box, {
+		role: "button",
+		tabIndex: 0,
+		className: "w-full text-left",
+		onClick: handleToggleSelection,
+		onKeyDown: handleSelectionKeyDown,
+		children: /* @__PURE__ */ jsxs(Box, {
+			className: "flex items-start gap-2 py-1.5",
+			children: [/* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "-m-2 p-2 shrink-0 self-center",
+				onClick: handleCheckboxAreaClick,
+				children: /* @__PURE__ */ jsx(Checkbox, {
+					checked: isSelected,
+					className: "pointer-events-none"
+				})
+			}), /* @__PURE__ */ jsxs(Box, {
+				className: "flex-1 min-w-0 flex items-start gap-3",
+				children: [/* @__PURE__ */ jsx(Box, {
+					className: "relative w-32 h-20 shrink-0 rounded-lg overflow-hidden bg-gray-100",
+					children: /* @__PURE__ */ jsx(Image, {
+						src: coverImage || "/empty/default-cover.png",
+						alt: title || t("detail.coverAlt"),
+						fill: true,
+						className: "object-cover"
+					})
+				}), /* @__PURE__ */ jsxs(Box, {
+					className: "flex-1 min-w-0 flex flex-col gap-1.5",
+					children: [/* @__PURE__ */ jsxs(Box, {
+						className: "flex justify-between ",
+						children: [/* @__PURE__ */ jsx(Text, {
+							className: "text-base font-bold  text-text1 line-clamp-1",
+							dangerouslySetInnerHTML: { __html: title }
+						}), isMovie && /* @__PURE__ */ jsx(Text, {
+							className: "text-xl font-bold text-[#ff9f1a]",
+							children: formatScore(score)
+						})]
+					}), /* @__PURE__ */ jsx(Box, {
+						className: "flex flex-wrap gap-1",
+						children: tags.map((tag) => /* @__PURE__ */ jsx(Box, {
+							className: "px-2 py-0.5 rounded-full  scale-90 text-sm text-[rgb(226,76,37)] bg-[rgba(226,76,37,.3)] ",
+							children: tag
+						}, tag))
+					})]
+				})]
+			})]
+		})
+	});
+	return /* @__PURE__ */ jsx(Box, {
+		className: "pt-2",
+		children: /* @__PURE__ */ jsxs(Link, {
+			className: "flex items-start gap-3 py-3",
+			href: type === 1 ? `/video/${id}/${title}` : `/post/${id}`,
+			children: [/* @__PURE__ */ jsx(Box, {
+				className: "relative w-32 h-20 shrink-0 rounded-lg overflow-hidden bg-gray-100",
+				children: /* @__PURE__ */ jsx(Image, {
+					src: coverImage || "/empty/default-cover.png",
+					alt: title || t("detail.coverAlt"),
+					fill: true,
+					className: "object-cover"
+				})
+			}), /* @__PURE__ */ jsxs(Box, {
+				className: "flex-1 min-w-0 flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ jsxs(Box, {
+					className: "flex justify-between ",
+					children: [/* @__PURE__ */ jsx(Text, {
+						className: "text-base font-bold  text-text1 line-clamp-1",
+						dangerouslySetInnerHTML: { __html: title }
+					}), isMovie && /* @__PURE__ */ jsx(Text, {
+						className: "text-xl font-bold text-[#ff9f1a]",
+						children: formatScore(score)
+					})]
+				}), /* @__PURE__ */ jsx(Box, {
+					className: "flex flex-wrap gap-1",
+					children: tags.map((tag) => /* @__PURE__ */ jsx(Box, {
+						className: "px-2 py-0.5 rounded-full  scale-90 text-sm text-[rgb(226,76,37)] bg-[rgba(226,76,37,.3)] ",
+						children: tag
+					}, tag))
+				})]
+			})]
+		})
+	});
+}
+
+//#endregion
+export { CollectionDetailCard };