@funhub/platform 0.2.16 → 0.2.18

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

@@ -1,167 +1,2 @@
 
-'use client';
-
-import { Button } from "../../ui/button.mjs";
-import { useUserStore } from "../../../store/modules/user-store.mjs";
-import { gCommunityGetContentList, pCommunityAddContentToCollection } from "../../../service/generated/client.mjs";
-import { usePageLifecycle } from "../../../utils/tracking.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 { useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "sonner";
-import { useRouter } from "next/navigation";
-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();
-	usePageLifecycle("page_collection_add", "添加到合集");
-	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 };
+"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{useMemo as d,useState as f}from"react";import{useRouter as p}from"next/navigation";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]=f(()=>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=d(()=>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=p(),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};

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

@@ -1,167 +1,2 @@
 
-'use client';
-
-import { Button } from "../../ui/button.mjs";
-import { useUserStore } from "../../../store/modules/user-store.mjs";
-import { gCommunityGetCollectionInfo, pCommunityCreateCollection, pCommunityUpdateCollection } 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 { 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 { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "sonner";
-import { useTranslations } from "next-intl";
-
-//#region components/pages/collection-create/form.tsx
-/**
-* 创建/编辑合集表单。
-*/
-function CollectionCreateForm({ mode = "create", collectionId }) {
-	const t = useTranslations("components.pages.collectionCreate");
-	usePageLifecycle("page_collection_create", "创建合集");
-	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 };
+"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};

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

@@ -1,11 +1,2 @@
 
-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 };
+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};

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

@@ -1,29 +1,2 @@
 
-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 };
+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};

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

@@ -1,184 +1,2 @@
 
-'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 };
+"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};